SmartField

from-known.png

from-unknown.png

selected.png

selecting-known.png

selecting-unknown.png

selecting.png

SketchSystems.spec

SmartField
  has default value?
    yes? -> selected
    no? -> unknown
  unknown
    FOCUS -> selecting unknown
  # here be popups
  selecting
    SELECT -> selected
    selecting unknown        
      UNFOCUS -> unknown
    selecting known
      UNFOCUS -> selected
  selected
    FOCUS -> selecting known

    

SketchSystems_prototype.js

function render(model){
  let state = model.active_states[0];
  let findImage = (s) => s.image_url || findImage(s.parent || { image_url: "#" });
  
  return <img src={findImage(state)} style={{backgroundColor: "#333", padding: 8 }}/>
}

unknown.png