Function EditableCellView

src/ui-solid-dom/EditableCellView.tsx:11–30

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

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

export const EditableCellView: typeof EditableCellViewDecl = (
  props: CellProps & {readonly className?: string; readonly showType?: boolean},
): JSXElement => {
  const [cell, setCell] = useCellState(
    () => props.tableId,
    () => props.rowId,
    () => props.cellId,
    () => props.store,
  );
  const store = useStoreOrStoreById(() => props.store);
  return EditableThing({
    get thing() {
      return cell();
    },
    onThingChange: setCell,
    class: props.className ?? EDITABLE + CELL,
    showType: props.showType,
    hasSchema: () => !!store()?.hasTablesSchema(),
  });
};