Function ValuesView

src/ui-solid-inspector/index.tsx:593–624

(
  props: ValuesProps & {readonly storeId?: Id} & StoreProp,
)

);

const ValuesView = (
  props: ValuesProps & {readonly storeId?: Id} & StoreProp,
) => {
  const uniqueId = getUniqueId('v', props.storeId);
  const [editable, handleEditable] = useEditable(uniqueId, props.s);
  const valueIds = useValueIds(props.store);
  return Details({
    uniqueId,
    title: VALUES,
    editable,
    handleEditable,
    s: props.s,
    get children() {
      return (
        <>
          {arrayIsEmpty(valueIds()) ? (
            <p>No values.</p>
          ) : (
            <ValuesInHtmlTable
              store={props.store}
              editable={editable()}
              extraCellsAfter={
                (() => (editable() ? valueActions : [])) as unknown as []
              }
            />
          )}
          {editable() ? <ValuesActions store={props.store} /> : EMPTY_STRING}
        </>
      );
    },
  });
};

const TableView = (props: TableProps & {readonly storeId?: Id} & StoreProp) => {
  const uniqueId = getUniqueId('t', props.storeId, props.tableId);