Function State

test/unit/core/ui-react/hooks.test.tsx:734–768

({
  mode,
  store,
  queries,
}: {
  readonly mode: string;
  readonly store?: Store;
  readonly queries?: Queries;
})

};

const State = ({
  mode,
  store,
  queries,
}: {
  readonly mode: string;
  readonly store?: Store;
  readonly queries?: Queries;
}) => {
  const [tables, setTables] = useTablesState(store);
  const [table, setTable] = useTableState('t1', store);
  const [row, setRow] = useRowState('t1', 'r1', store);
  const [cell, setCell] = useCellState('t1', 'r1', 'c1', store);
  const [values, setValues] = useValuesState(store);
  const [value, setValue] = useValueState('v1', store);
  const [paramValues, setParamValues] = useParamValuesState('q1', queries);
  const [paramValue, setParamValue] = useParamValueState('q1', 'p1', queries);
  const state = {
    tablesState: [tables, () => setTables({t1: {r1: {c1: 2}}})],
    tableState: [table, () => setTable({r1: {c1: 2}})],
    rowState: [row, () => setRow({c1: 2})],
    cellState: [cell, () => setCell(2)],
    valuesState: [values, () => setValues({v1: 2})],
    valueState: [value, () => setValue(2)],
    paramValuesState: [paramValues, () => setParamValues({p1: 2})],
    paramValueState: [paramValue, () => setParamValue(2)],
  }[mode] as [unknown, () => void];
  const _handleClick = state[1];
  return (
    <>
      {JSON.stringify(state[0])}
      <button onClick={_handleClick}>Set</button>
    </>
  );
};

const Writer = ({
  mode,