Function useEditable

src/ui-solid-inspector/index.tsx:114–131

(
  uniqueId: Id,
  s: Store,
)

type ChildrenProp = {readonly children?: JSXElement};

const useEditable = (
  uniqueId: Id,
  s: Store,
): [Accessor<boolean>, (event: MouseEvent) => void] => {
  const storedEditable = useCell(STATE_TABLE, uniqueId, EDITABLE_CELL, s);
  const [editable, setEditable] = createSignal(false);
  createEffect(() => setEditable(!!storedEditable()));
  return [
    editable,
    (event) => {
      event.preventDefault();
      event.stopPropagation();
      const nextEditable = !editable();
      setEditable(nextEditable);
      s.setCell(STATE_TABLE, uniqueId, EDITABLE_CELL, nextEditable);
    },
  ];
};

const useHasTableCallback = (storeOrStoreId: StoreOrStoreId | undefined) => {
  const store = useStoreOrStoreById(storeOrStoreId);