tinybase 7.2.0 → 7.3.0-beta.1

package/ui-react/index.js

@@ -53,6 +53,7 @@ const isFunction = (thing) => getTypeOf(thing) == FUNCTION;
 const isArray = (thing) => Array.isArray(thing);
 const size = (arrayOrString) => arrayOrString.length;
 const getUndefined = () => void 0;
+const getArg = (value) => value;
 
 const arrayNew = (size2, cb) =>
   arrayMap(new Array(size2).fill(0), (_, index) => cb(index));
@@ -566,6 +567,10 @@ const useHasTables = (storeOrStoreId) =>
   );
 const useTables = (storeOrStoreId) =>
   useListenable(TABLES, useStoreOrStoreById(storeOrStoreId), 0 /* Object */);
+const useTablesState = (storeOrStoreId) => [
+  useTables(storeOrStoreId),
+  useSetTablesCallback(getArg, [], storeOrStoreId),
+];
 const useTableIds = (storeOrStoreId) =>
   useListenable(TABLE_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */);
 const useHasTable = (tableId, storeOrStoreId) =>
@@ -576,6 +581,10 @@ const useTable = (tableId, storeOrStoreId) =>
   useListenable(TABLE, useStoreOrStoreById(storeOrStoreId), 0 /* Object */, [
     tableId,
   ]);
+const useTableState = (tableId, storeOrStoreId) => [
+  useTable(tableId, storeOrStoreId),
+  useSetTableCallback(tableId, getArg, [], storeOrStoreId),
+];
 const useTableCellIds = (tableId, storeOrStoreId) =>
   useListenable(
     TABLE + CELL_IDS,
@@ -638,6 +647,10 @@ const useRow = (tableId, rowId, storeOrStoreId) =>
     tableId,
     rowId,
   ]);
+const useRowState = (tableId, rowId, storeOrStoreId) => [
+  useRow(tableId, rowId, storeOrStoreId),
+  useSetRowCallback(tableId, rowId, getArg, [], storeOrStoreId),
+];
 const useCellIds = (tableId, rowId, storeOrStoreId) =>
   useListenable(CELL_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */, [
     tableId,
@@ -656,6 +669,10 @@ const useCell = (tableId, rowId, cellId, storeOrStoreId) =>
     5 /* CellOrValue */,
     [tableId, rowId, cellId],
   );
+const useCellState = (tableId, rowId, cellId, storeOrStoreId) => [
+  useCell(tableId, rowId, cellId, storeOrStoreId),
+  useSetCellCallback(tableId, rowId, cellId, getArg, [], storeOrStoreId),
+];
 const useHasValues = (storeOrStoreId) =>
   useListenable(
     VALUES,
@@ -665,6 +682,10 @@ const useHasValues = (storeOrStoreId) =>
   );
 const useValues = (storeOrStoreId) =>
   useListenable(VALUES, useStoreOrStoreById(storeOrStoreId), 0 /* Object */);
+const useValuesState = (storeOrStoreId) => [
+  useValues(storeOrStoreId),
+  useSetValuesCallback(getArg, [], storeOrStoreId),
+];
 const useValueIds = (storeOrStoreId) =>
   useListenable(VALUE_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */);
 const useHasValue = (valueId, storeOrStoreId) =>
@@ -678,6 +699,10 @@ const useValue = (valueId, storeOrStoreId) =>
     5 /* CellOrValue */,
     [valueId],
   );
+const useValueState = (valueId, storeOrStoreId) => [
+  useValue(valueId, storeOrStoreId),
+  useSetValueCallback(valueId, getArg, [], storeOrStoreId),
+];
 const useSetTablesCallback = (
   getTables,
   getTablesDeps,
@@ -1580,6 +1605,10 @@ const useParamValues = (queryId, queriesOrQueriesId) =>
     3 /* ParamValues */,
     [queryId],
   );
+const useParamValuesState = (queryId, queriesOrQueriesId) => [
+  useParamValues(queryId, queriesOrQueriesId),
+  useSetParamValuesCallback(queryId, getArg, [], queriesOrQueriesId),
+];
 const useParamValue = (queryId, paramId, queriesOrQueriesId) =>
   useListenable(
     'ParamValue',
@@ -1587,6 +1616,10 @@ const useParamValue = (queryId, paramId, queriesOrQueriesId) =>
     4 /* ParamValue */,
     [queryId, paramId],
   );
+const useParamValueState = (queryId, paramId, queriesOrQueriesId) => [
+  useParamValue(queryId, paramId, queriesOrQueriesId),
+  useSetParamValueCallback(queryId, paramId, getArg, [], queriesOrQueriesId),
+];
 const useParamValuesListener = (
   queryId,
   listener,
@@ -2356,6 +2389,7 @@ export {
   useCellIds,
   useCellIdsListener,
   useCellListener,
+  useCellState,
   useCheckpoint,
   useCheckpointIds,
   useCheckpointIdsListener,
@@ -2414,6 +2448,8 @@ export {
   useParamValueListener,
   useParamValues,
   useParamValuesListener,
+  useParamValuesState,
+  useParamValueState,
   usePersister,
   usePersisterIds,
   usePersisterOrPersisterById,
@@ -2460,6 +2496,7 @@ export {
   useRowIds,
   useRowIdsListener,
   useRowListener,
+  useRowState,
   useSetCellCallback,
   useSetCheckpointCallback,
   useSetParamValueCallback,
@@ -2496,6 +2533,8 @@ export {
   useTableListener,
   useTables,
   useTablesListener,
+  useTablesState,
+  useTableState,
   useUndoInformation,
   useValue,
   useValueIds,
@@ -2503,6 +2542,8 @@ export {
   useValueListener,
   useValues,
   useValuesListener,
+  useValuesState,
+  useValueState,
   useWillFinishTransactionListener,
   ValuesView,
   ValueView,

package/ui-react/with-schemas/index.js

@@ -53,6 +53,7 @@ const isFunction = (thing) => getTypeOf(thing) == FUNCTION;
 const isArray = (thing) => Array.isArray(thing);
 const size = (arrayOrString) => arrayOrString.length;
 const getUndefined = () => void 0;
+const getArg = (value) => value;
 
 const arrayNew = (size2, cb) =>
   arrayMap(new Array(size2).fill(0), (_, index) => cb(index));
@@ -566,6 +567,10 @@ const useHasTables = (storeOrStoreId) =>
   );
 const useTables = (storeOrStoreId) =>
   useListenable(TABLES, useStoreOrStoreById(storeOrStoreId), 0 /* Object */);
+const useTablesState = (storeOrStoreId) => [
+  useTables(storeOrStoreId),
+  useSetTablesCallback(getArg, [], storeOrStoreId),
+];
 const useTableIds = (storeOrStoreId) =>
   useListenable(TABLE_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */);
 const useHasTable = (tableId, storeOrStoreId) =>
@@ -576,6 +581,10 @@ const useTable = (tableId, storeOrStoreId) =>
   useListenable(TABLE, useStoreOrStoreById(storeOrStoreId), 0 /* Object */, [
     tableId,
   ]);
+const useTableState = (tableId, storeOrStoreId) => [
+  useTable(tableId, storeOrStoreId),
+  useSetTableCallback(tableId, getArg, [], storeOrStoreId),
+];
 const useTableCellIds = (tableId, storeOrStoreId) =>
   useListenable(
     TABLE + CELL_IDS,
@@ -638,6 +647,10 @@ const useRow = (tableId, rowId, storeOrStoreId) =>
     tableId,
     rowId,
   ]);
+const useRowState = (tableId, rowId, storeOrStoreId) => [
+  useRow(tableId, rowId, storeOrStoreId),
+  useSetRowCallback(tableId, rowId, getArg, [], storeOrStoreId),
+];
 const useCellIds = (tableId, rowId, storeOrStoreId) =>
   useListenable(CELL_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */, [
     tableId,
@@ -656,6 +669,10 @@ const useCell = (tableId, rowId, cellId, storeOrStoreId) =>
     5 /* CellOrValue */,
     [tableId, rowId, cellId],
   );
+const useCellState = (tableId, rowId, cellId, storeOrStoreId) => [
+  useCell(tableId, rowId, cellId, storeOrStoreId),
+  useSetCellCallback(tableId, rowId, cellId, getArg, [], storeOrStoreId),
+];
 const useHasValues = (storeOrStoreId) =>
   useListenable(
     VALUES,
@@ -665,6 +682,10 @@ const useHasValues = (storeOrStoreId) =>
   );
 const useValues = (storeOrStoreId) =>
   useListenable(VALUES, useStoreOrStoreById(storeOrStoreId), 0 /* Object */);
+const useValuesState = (storeOrStoreId) => [
+  useValues(storeOrStoreId),
+  useSetValuesCallback(getArg, [], storeOrStoreId),
+];
 const useValueIds = (storeOrStoreId) =>
   useListenable(VALUE_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */);
 const useHasValue = (valueId, storeOrStoreId) =>
@@ -678,6 +699,10 @@ const useValue = (valueId, storeOrStoreId) =>
     5 /* CellOrValue */,
     [valueId],
   );
+const useValueState = (valueId, storeOrStoreId) => [
+  useValue(valueId, storeOrStoreId),
+  useSetValueCallback(valueId, getArg, [], storeOrStoreId),
+];
 const useSetTablesCallback = (
   getTables,
   getTablesDeps,
@@ -1580,6 +1605,10 @@ const useParamValues = (queryId, queriesOrQueriesId) =>
     3 /* ParamValues */,
     [queryId],
   );
+const useParamValuesState = (queryId, queriesOrQueriesId) => [
+  useParamValues(queryId, queriesOrQueriesId),
+  useSetParamValuesCallback(queryId, getArg, [], queriesOrQueriesId),
+];
 const useParamValue = (queryId, paramId, queriesOrQueriesId) =>
   useListenable(
     'ParamValue',
@@ -1587,6 +1616,10 @@ const useParamValue = (queryId, paramId, queriesOrQueriesId) =>
     4 /* ParamValue */,
     [queryId, paramId],
   );
+const useParamValueState = (queryId, paramId, queriesOrQueriesId) => [
+  useParamValue(queryId, paramId, queriesOrQueriesId),
+  useSetParamValueCallback(queryId, paramId, getArg, [], queriesOrQueriesId),
+];
 const useParamValuesListener = (
   queryId,
   listener,
@@ -2356,6 +2389,7 @@ export {
   useCellIds,
   useCellIdsListener,
   useCellListener,
+  useCellState,
   useCheckpoint,
   useCheckpointIds,
   useCheckpointIdsListener,
@@ -2414,6 +2448,8 @@ export {
   useParamValueListener,
   useParamValues,
   useParamValuesListener,
+  useParamValuesState,
+  useParamValueState,
   usePersister,
   usePersisterIds,
   usePersisterOrPersisterById,
@@ -2460,6 +2496,7 @@ export {
   useRowIds,
   useRowIdsListener,
   useRowListener,
+  useRowState,
   useSetCellCallback,
   useSetCheckpointCallback,
   useSetParamValueCallback,
@@ -2496,6 +2533,8 @@ export {
   useTableListener,
   useTables,
   useTablesListener,
+  useTablesState,
+  useTableState,
   useUndoInformation,
   useValue,
   useValueIds,
@@ -2503,6 +2542,8 @@ export {
   useValueListener,
   useValues,
   useValuesListener,
+  useValuesState,
+  useValueState,
   useWillFinishTransactionListener,
   ValuesView,
   ValueView,

package/ui-react-dom/index.js

@@ -55,6 +55,7 @@ const isFunction = (thing) => getTypeOf(thing) == FUNCTION;
 const isArray = (thing) => Array.isArray(thing);
 const size = (arrayOrString) => arrayOrString.length;
 const getUndefined = () => void 0;
+const getArg = (value) => value;
 
 const arrayEvery = (array, cb) => array.every(cb);
 const arrayIsEqual = (array1, array2) =>
@@ -343,6 +344,10 @@ const useCell = (tableId, rowId, cellId, storeOrStoreId) =>
     5 /* CellOrValue */,
     [tableId, rowId, cellId],
   );
+const useCellState = (tableId, rowId, cellId, storeOrStoreId) => [
+  useCell(tableId, rowId, cellId, storeOrStoreId),
+  useSetCellCallback(tableId, rowId, cellId, getArg, [], storeOrStoreId),
+];
 const useValueIds = (storeOrStoreId) =>
   useListenable(VALUE_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */);
 const useValue = (valueId, storeOrStoreId) =>
@@ -352,6 +357,10 @@ const useValue = (valueId, storeOrStoreId) =>
     5 /* CellOrValue */,
     [valueId],
   );
+const useValueState = (valueId, storeOrStoreId) => [
+  useValue(valueId, storeOrStoreId),
+  useSetValueCallback(valueId, getArg, [], storeOrStoreId),
+];
 const useSetCellCallback = (
   tableId,
   rowId,
@@ -752,30 +761,27 @@ const EditableCellView = ({
   store,
   className,
   showType,
-}) =>
-  /* @__PURE__ */ jsx(EditableThing, {
-    thing: useCell(tableId, rowId, cellId, store),
-    onThingChange: useSetCellCallback(
-      tableId,
-      rowId,
-      cellId,
-      (cell) => cell,
-      [],
-      store,
-    ),
+}) => {
+  const [cell, setCell] = useCellState(tableId, rowId, cellId, store);
+  return /* @__PURE__ */ jsx(EditableThing, {
+    thing: cell,
+    onThingChange: setCell,
     className: className ?? EDITABLE + CELL,
     showType,
     hasSchema: useStoreOrStoreById(store)?.hasTablesSchema,
   });
+};
 
-const EditableValueView = ({valueId, store, className, showType}) =>
-  /* @__PURE__ */ jsx(EditableThing, {
-    thing: useValue(valueId, store),
-    onThingChange: useSetValueCallback(valueId, (value) => value, [], store),
+const EditableValueView = ({valueId, store, className, showType}) => {
+  const [value, setValue] = useValueState(valueId, store);
+  return /* @__PURE__ */ jsx(EditableThing, {
+    thing: value,
+    onThingChange: setValue,
     className: className ?? EDITABLE + VALUE,
     showType,
     hasSchema: useStoreOrStoreById(store)?.hasValuesSchema,
   });
+};
 
 const useDottedCellIds = (tableId, store) =>
   arrayMap(useTableCellIds(tableId, store), (cellId) => tableId + DOT + cellId);

package/ui-react-dom/with-schemas/index.js

@@ -55,6 +55,7 @@ const isFunction = (thing) => getTypeOf(thing) == FUNCTION;
 const isArray = (thing) => Array.isArray(thing);
 const size = (arrayOrString) => arrayOrString.length;
 const getUndefined = () => void 0;
+const getArg = (value) => value;
 
 const arrayEvery = (array, cb) => array.every(cb);
 const arrayIsEqual = (array1, array2) =>
@@ -343,6 +344,10 @@ const useCell = (tableId, rowId, cellId, storeOrStoreId) =>
     5 /* CellOrValue */,
     [tableId, rowId, cellId],
   );
+const useCellState = (tableId, rowId, cellId, storeOrStoreId) => [
+  useCell(tableId, rowId, cellId, storeOrStoreId),
+  useSetCellCallback(tableId, rowId, cellId, getArg, [], storeOrStoreId),
+];
 const useValueIds = (storeOrStoreId) =>
   useListenable(VALUE_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */);
 const useValue = (valueId, storeOrStoreId) =>
@@ -352,6 +357,10 @@ const useValue = (valueId, storeOrStoreId) =>
     5 /* CellOrValue */,
     [valueId],
   );
+const useValueState = (valueId, storeOrStoreId) => [
+  useValue(valueId, storeOrStoreId),
+  useSetValueCallback(valueId, getArg, [], storeOrStoreId),
+];
 const useSetCellCallback = (
   tableId,
   rowId,
@@ -752,30 +761,27 @@ const EditableCellView = ({
   store,
   className,
   showType,
-}) =>
-  /* @__PURE__ */ jsx(EditableThing, {
-    thing: useCell(tableId, rowId, cellId, store),
-    onThingChange: useSetCellCallback(
-      tableId,
-      rowId,
-      cellId,
-      (cell) => cell,
-      [],
-      store,
-    ),
+}) => {
+  const [cell, setCell] = useCellState(tableId, rowId, cellId, store);
+  return /* @__PURE__ */ jsx(EditableThing, {
+    thing: cell,
+    onThingChange: setCell,
     className: className ?? EDITABLE + CELL,
     showType,
     hasSchema: useStoreOrStoreById(store)?.hasTablesSchema,
   });
+};
 
-const EditableValueView = ({valueId, store, className, showType}) =>
-  /* @__PURE__ */ jsx(EditableThing, {
-    thing: useValue(valueId, store),
-    onThingChange: useSetValueCallback(valueId, (value) => value, [], store),
+const EditableValueView = ({valueId, store, className, showType}) => {
+  const [value, setValue] = useValueState(valueId, store);
+  return /* @__PURE__ */ jsx(EditableThing, {
+    thing: value,
+    onThingChange: setValue,
     className: className ?? EDITABLE + VALUE,
     showType,
     hasSchema: useStoreOrStoreById(store)?.hasValuesSchema,
   });
+};
 
 const useDottedCellIds = (tableId, store) =>
   arrayMap(useTableCellIds(tableId, store), (cellId) => tableId + DOT + cellId);

package/ui-react-inspector/index.js

@@ -100,6 +100,7 @@ const slice = (arrayOrString, start, end) => arrayOrString.slice(start, end);
 const size = (arrayOrString) => arrayOrString.length;
 const test = (regex, subject) => regex.test(subject);
 const getUndefined = () => void 0;
+const getArg = (value) => value;
 const errorNew = (message) => {
   throw new Error(message);
 };
@@ -2373,6 +2374,10 @@ const useCell = (tableId, rowId, cellId, storeOrStoreId) =>
     5 /* CellOrValue */,
     [tableId, rowId, cellId],
   );
+const useCellState = (tableId, rowId, cellId, storeOrStoreId) => [
+  useCell(tableId, rowId, cellId, storeOrStoreId),
+  useSetCellCallback(tableId, rowId, cellId, getArg, [], storeOrStoreId),
+];
 const useHasValues = (storeOrStoreId) =>
   useListenable(
     VALUES,
@@ -2389,6 +2394,10 @@ const useValue = (valueId, storeOrStoreId) =>
     5 /* CellOrValue */,
     [valueId],
   );
+const useValueState = (valueId, storeOrStoreId) => [
+  useValue(valueId, storeOrStoreId),
+  useSetValueCallback(valueId, getArg, [], storeOrStoreId),
+];
 const useSetTableCallback = (
   tableId,
   getTable,
@@ -2828,30 +2837,27 @@ const EditableCellView = ({
   store,
   className,
   showType,
-}) =>
-  /* @__PURE__ */ jsx(EditableThing, {
-    thing: useCell(tableId, rowId, cellId, store),
-    onThingChange: useSetCellCallback(
-      tableId,
-      rowId,
-      cellId,
-      (cell) => cell,
-      [],
-      store,
-    ),
+}) => {
+  const [cell, setCell] = useCellState(tableId, rowId, cellId, store);
+  return /* @__PURE__ */ jsx(EditableThing, {
+    thing: cell,
+    onThingChange: setCell,
     className: className ?? EDITABLE + CELL,
     showType,
     hasSchema: useStoreOrStoreById(store)?.hasTablesSchema,
   });
+};
 
-const EditableValueView = ({valueId, store, className, showType}) =>
-  /* @__PURE__ */ jsx(EditableThing, {
-    thing: useValue(valueId, store),
-    onThingChange: useSetValueCallback(valueId, (value) => value, [], store),
+const EditableValueView = ({valueId, store, className, showType}) => {
+  const [value, setValue] = useValueState(valueId, store);
+  return /* @__PURE__ */ jsx(EditableThing, {
+    thing: value,
+    onThingChange: setValue,
     className: className ?? EDITABLE + VALUE,
     showType,
     hasSchema: useStoreOrStoreById(store)?.hasValuesSchema,
   });
+};
 
 const useDottedCellIds = (tableId, store) =>
   arrayMap(useTableCellIds(tableId, store), (cellId) => tableId + DOT + cellId);

package/ui-react-inspector/with-schemas/index.js

@@ -100,6 +100,7 @@ const slice = (arrayOrString, start, end) => arrayOrString.slice(start, end);
 const size = (arrayOrString) => arrayOrString.length;
 const test = (regex, subject) => regex.test(subject);
 const getUndefined = () => void 0;
+const getArg = (value) => value;
 const errorNew = (message) => {
   throw new Error(message);
 };
@@ -2373,6 +2374,10 @@ const useCell = (tableId, rowId, cellId, storeOrStoreId) =>
     5 /* CellOrValue */,
     [tableId, rowId, cellId],
   );
+const useCellState = (tableId, rowId, cellId, storeOrStoreId) => [
+  useCell(tableId, rowId, cellId, storeOrStoreId),
+  useSetCellCallback(tableId, rowId, cellId, getArg, [], storeOrStoreId),
+];
 const useHasValues = (storeOrStoreId) =>
   useListenable(
     VALUES,
@@ -2389,6 +2394,10 @@ const useValue = (valueId, storeOrStoreId) =>
     5 /* CellOrValue */,
     [valueId],
   );
+const useValueState = (valueId, storeOrStoreId) => [
+  useValue(valueId, storeOrStoreId),
+  useSetValueCallback(valueId, getArg, [], storeOrStoreId),
+];
 const useSetTableCallback = (
   tableId,
   getTable,
@@ -2828,30 +2837,27 @@ const EditableCellView = ({
   store,
   className,
   showType,
-}) =>
-  /* @__PURE__ */ jsx(EditableThing, {
-    thing: useCell(tableId, rowId, cellId, store),
-    onThingChange: useSetCellCallback(
-      tableId,
-      rowId,
-      cellId,
-      (cell) => cell,
-      [],
-      store,
-    ),
+}) => {
+  const [cell, setCell] = useCellState(tableId, rowId, cellId, store);
+  return /* @__PURE__ */ jsx(EditableThing, {
+    thing: cell,
+    onThingChange: setCell,
     className: className ?? EDITABLE + CELL,
     showType,
     hasSchema: useStoreOrStoreById(store)?.hasTablesSchema,
   });
+};
 
-const EditableValueView = ({valueId, store, className, showType}) =>
-  /* @__PURE__ */ jsx(EditableThing, {
-    thing: useValue(valueId, store),
-    onThingChange: useSetValueCallback(valueId, (value) => value, [], store),
+const EditableValueView = ({valueId, store, className, showType}) => {
+  const [value, setValue] = useValueState(valueId, store);
+  return /* @__PURE__ */ jsx(EditableThing, {
+    thing: value,
+    onThingChange: setValue,
     className: className ?? EDITABLE + VALUE,
     showType,
     hasSchema: useStoreOrStoreById(store)?.hasValuesSchema,
   });
+};
 
 const useDottedCellIds = (tableId, store) =>
   arrayMap(useTableCellIds(tableId, store), (cellId) => tableId + DOT + cellId);