Function EditableThing

docs/pseudo.esm.sh/tinybase@9.0.0/ui-react-dom/index.js:755–933

({
  thing,
  onThingChange,
  className,
  hasSchema,
  showType = true
})

  ]
});
var EditableThing = ({
  thing,
  onThingChange,
  className,
  hasSchema,
  showType = true
}) => {
  const [thingType, setThingType] = useState2();
  const [currentThing, setCurrentThing] = useState2();
  const [stringThing, setStringThing] = useState2();
  const [numberThing, setNumberThing] = useState2();
  const [booleanThing, setBooleanThing] = useState2();
  const [objectThing, setObjectThing] = useState2("{}");
  const [arrayThing, setArrayThing] = useState2("[]");
  const [objectClassName, setObjectClassName] = useState2("");
  const [arrayClassName, setArrayClassName] = useState2("");
  if (currentThing !== thing) {
    setThingType(getCellOrValueType(thing));
    setCurrentThing(thing);
    if (isObject2(thing)) {
      setObjectThing(jsonString2(thing));
    } else if (isArray2(thing)) {
      setArrayThing(jsonString2(thing));
    } else {
      setStringThing(string(thing));
      setNumberThing(number(thing) || 0);
      setBooleanThing(boolean(thing));
    }
  }
  const handleThingChange = useCallback2(
    (thing2, setTypedThing) => {
      setTypedThing(thing2);
      setCurrentThing(thing2);
      onThingChange(thing2);
    },
    [onThingChange]
  );
  const handleJsonThingChange = useCallback2(
    (value, setTypedThing, isThing, setTypedClassName) => {
      setTypedThing(value);
      try {
        const object3 = jsonParse(value);
        if (isThing(object3)) {
          setCurrentThing(object3);
          onThingChange(object3);
          setTypedClassName("");
        }
      } catch {
        setTypedClassName("invalid");
      }
    },
    [onThingChange]
  );
  const handleTypeChange = useCallback2(() => {
    if (!hasSchema?.()) {
      const nextType = getTypeCase(
        thingType,
        NUMBER,