Function State

test/unit/core/ui-solid/primitives.test.ts:680–713

({
  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 [Accessor<unknown>, () => void];
  return (() => {
    const button = document.createElement('button');
    button.textContent = 'Set';
    button.addEventListener('click', state[1]);
    return [JSON.stringify(state[0]()), button];
  }) as unknown as JSXElement;
};

const Writer = ({
  mode,