Function EditableValueView

src/ui-solid-dom/EditableValueView.tsx:11–31

(
  props: ValueProps & {
    readonly className?: string;
    readonly showType?: boolean;
  },
)

import {EDITABLE} from './common/index.tsx';

export const EditableValueView: typeof EditableValueViewDecl = (
  props: ValueProps & {
    readonly className?: string;
    readonly showType?: boolean;
  },
): JSXElement => {
  const [value, setValue] = useValueState(
    () => props.valueId,
    () => props.store,
  );
  const store = useStoreOrStoreById(() => props.store);
  return EditableThing({
    get thing() {
      return value();
    },
    onThingChange: setValue,
    class: props.className ?? EDITABLE + VALUE,
    showType: props.showType,
    hasSchema: () => !!store()?.hasValuesSchema(),
  });
};