FilterInput

SketchSystems.spec

FilterInput
  Init
    click -> DropdownActiveWithAllOptions
  DropdownActiveWithAllOptions
    type -> DropdownFilteredToOne
  DropdownFilteredToOne
    typeEnter -> InverseMode
  InverseMode
  

SketchSystems_prototype.js

function render (model) {
  console.log(model)
  return (
    <>
    </>
  )
}
          
function ThumbContainer (props) {
  return (
    <div style={{ display: 'flex' }}>
      <Thumbnail onClick={() => props.model.emit('selectMovie')} />
      <Thumbnail onClick={() => props.model.emit('selectMovie')} />
      <Thumbnail onClick={() => props.model.emit('selectMovie')} />
    </div>
  )
}
  
function Thumbnail (props) {
  return (
    <div
      class="thumbnail"
      style={{
        cursor: 'pointer',
        margin: '10px', 
        background: '#aaf',
        width: '50px', 
        height: '50px'
      }}
      { ...props }
    ></div>
  )
}

function DetailsPage (props) {
  return (
    <div style={{
      display: props.visible ? 'block' : 'none'
    }}>
      Details
    </div>
  )
}