Function ValuesView

src/ui-react-inspector/ValuesView.tsx:15–42

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

const valueActions = [{label: '', component: ValueActions}];

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