tinybase 4.1.0-beta.1 → 4.1.0-beta.3

package/lib/types/with-schemas/ui-react.d.ts

@@ -112,6 +112,7 @@ import {
   ResultRowIdsListener,
   ResultRowListener,
   ResultTable,
+  ResultTableCellIdsListener,
   ResultTableListener,
 } from './queries.d';
 import {Persister} from './persisters.d';
@@ -6099,7 +6100,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * The useResultTable hook returns an object containing the entire data of the
- * result Table of the given query, and registers a listener so that any changes
+ * ResultTable of the given query, and registers a listener so that any changes
  * to that result will cause a re-render.
  *
  * This has schema-based typing. The following is a simplified representation:
@@ -6125,7 +6126,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * @param queriesOrQueriesId The Queries object to be accessed: omit for the
  * default context Queries object, provide an Id for a named context Queries
  * object, or provide an explicit reference.
- * @returns An object containing the entire data of the result Table.
+ * @returns An object containing the entire data of the ResultTable.
  * @example
  * This example creates a Queries object outside the application, which is used
  * in the useTable hook by reference. A change to the data in the query
@@ -6226,7 +6227,145 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
   ) => ResultTable;
 
   /**
- * The useResultRowIds hook returns the Ids of every Row in the result Table of
+ * The useResultTableCellIds hook returns the Ids of every Cell used across the
+ * whole ResultTable of the given query, and registers a listener so that any
+ * changes to those Ids will cause a re-render.
+ *
+ * This has schema-based typing. The following is a simplified representation:
+ *
+ * ```ts override
+ * useResultTableCellIds(
+ *   queryId: Id,
+ *   queriesOrQueriesId?: QueriesOrQueriesId,
+ * ): Ids;
+ * ```
+ *
+ * A Provider component is used to wrap part of an application in a context, and
+ * it can contain a default Queries object or a set of Queries objects named by
+ * Id. The useResultTableCellIds hook lets you indicate which Queries object to
+ * get data for: omit the final optional final parameter for the default context
+ * Queries object, provide an Id for a named context Queries object, or provide
+ * a Queries object explicitly by reference.
+ *
+ * When first rendered, this hook will create a listener so that changes to the
+ * result Cell Ids will cause a re-render. When the component containing this
+ * hook is unmounted, the listener will be automatically removed.
+ * @param queryId The Id of the query.
+ * @param queriesOrQueriesId The Queries object to be accessed: omit for the
+ * default context Queries object, provide an Id for a named context Queries
+ * object, or provide an explicit reference. See the
+ * addResultTableCellIdsListener method for more details.
+ * @returns An array of the Ids of every Cell in the result of the query.
+ * @example
+ * This example creates a Queries object outside the application, which is used
+ * in the useResultTableCellIds hook by reference. A change to the data in the
+ * query re-renders the component.
+ *
+ * ```jsx
+ * const store = createStore().setTable('pets', {
+ *   fido: {species: 'dog', color: 'brown'},
+ *   felix: {species: 'cat', color: 'black'},
+ *   cujo: {species: 'dog', color: 'black'},
+ * });
+ * const queries = createQueries(store).setQueryDefinition(
+ *   'dogColorsAndLegs',
+ *   'pets',
+ *   ({select, where}) => {
+ *     select('color');
+ *     select('legs');
+ *     where('species', 'dog');
+ *   },
+ * );
+ * const App = () => (
+ *   <span>
+ *     {JSON.stringify(useResultTableCellIds('dogColorsAndLegs', queries))}
+ *   </span>
+ * );
+ *
+ * const app = document.createElement('div');
+ * ReactDOMClient.createRoot(app).render(<App />); // !act
+ * console.log(app.innerHTML);
+ * // -> '<span>["color"]</span>'
+ *
+ * store.setCell('pets', 'cujo', 'legs', 4); // !act
+ * console.log(app.innerHTML);
+ * // -> '<span>["color","legs"]</span>'
+ * ```
+ * @example
+ * This example creates a Provider context into which a default Queries object
+ * is provided. A component within it then uses the useResultTableCellIds hook.
+ *
+ * ```jsx
+ * const App = ({queries}) => (
+ *   <Provider queries={queries}>
+ *     <Pane />
+ *   </Provider>
+ * );
+ * const Pane = () => (
+ *   <span>{JSON.stringify(useResultTableCellIds('dogColorsAndLegs'))}</span>
+ * );
+ *
+ * const queries = createQueries(
+ *   createStore().setTable('pets', {
+ *     fido: {species: 'dog', color: 'brown'},
+ *     felix: {species: 'cat', color: 'black'},
+ *     cujo: {species: 'dog', color: 'black', legs: 4},
+ *   }),
+ * ).setQueryDefinition('dogColorsAndLegs', 'pets', ({select, where}) => {
+ *   select('color');
+ *   select('legs');
+ *   where('species', 'dog');
+ * });
+ * const app = document.createElement('div');
+ * ReactDOMClient.createRoot(app).render(<App queries={queries} />); // !act
+ * console.log(app.innerHTML);
+ * // -> '<span>["color","legs"]</span>'
+ * ```
+ * @example
+ * This example creates a Provider context into which a Queries object is
+ * provided, named by Id. A component within it then uses the
+ * useResultTableCellIds hook.
+ *
+ * ```jsx
+ * const App = ({queries}) => (
+ *   <Provider queriesById={{petQueries: queries}}>
+ *     <Pane />
+ *   </Provider>
+ * );
+ * const Pane = () => (
+ *   <span>
+ *     {JSON.stringify(
+ *       useResultTableCellIds('dogColorsAndLegs', 'petQueries'),
+ *     )}
+ *   </span>
+ * );
+ *
+ * const queries = createQueries(
+ *   createStore().setTable('pets', {
+ *     fido: {species: 'dog', color: 'brown'},
+ *     felix: {species: 'cat', color: 'black'},
+ *     cujo: {species: 'dog', color: 'black', legs: 4},
+ *   }),
+ * ).setQueryDefinition('dogColorsAndLegs', 'pets', ({select, where}) => {
+ *   select('color');
+ *   select('legs');
+ *   where('species', 'dog');
+ * });
+ * const app = document.createElement('div');
+ * ReactDOMClient.createRoot(app).render(<App queries={queries} />); // !act
+ * console.log(app.innerHTML);
+ * // -> '<span>["color","legs"]</span>'
+ * ```
+ * @category Queries hooks
+ * @since v4.1.0
+ */
+  useResultTableCellIds: (
+    queryId: Id,
+    queriesOrQueriesId?: QueriesOrQueriesId<Schemas>,
+  ) => Ids;
+
+  /**
+ * The useResultRowIds hook returns the Ids of every Row in the ResultTable of
  * the given query, and registers a listener so that any changes to those Ids
  * will cause a re-render.
  *
@@ -6356,7 +6495,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * The useResultSortedRowIds hook returns the sorted (and optionally, paginated)
- * Ids of every Row in the result Table of the given query, and registers a
+ * Ids of every Row in the ResultTable of the given query, and registers a
  * listener so that any changes to those Ids will cause a re-render.
  *
  * This has schema-based typing. The following is a simplified representation:
@@ -6520,9 +6659,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
   ) => Ids;
 
   /**
- * The useResultRow hook returns an object containing the data of a
- * single Row in the result Table of the given query, and registers a listener
- * so that any changes to that Row will cause a re-render.
+ * The useResultRow hook returns an object containing the data of a single Row
+ * in the ResultTable of the given query, and registers a listener so that any
+ * changes to that Row will cause a re-render.
  *
  * This has schema-based typing. The following is a simplified representation:
  *
@@ -6545,11 +6684,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * result Row will cause a re-render. When the component containing this hook is
  * unmounted, the listener will be automatically removed.
  * @param queryId The Id of the query.
- * @param rowId The Id of the Row in the result Table.
+ * @param rowId The Id of the Row in the ResultTable.
  * @param queriesOrQueriesId The Queries object to be accessed: omit for the
  * default context Queries object, provide an Id for a named context Queries
  * object, or provide an explicit reference.
- * @returns An object containing the entire data of the Row in the result Table
+ * @returns An object containing the entire data of the Row in the ResultTable
  * of the query.
  * @example
  * This example creates a Queries object outside the application, which is used
@@ -6655,7 +6794,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * The useResultCellIds hook returns the Ids of every Cell in a given Row in the
- * result Table of the given query, and registers a listener so that any changes
+ * ResultTable of the given query, and registers a listener so that any changes
  * to those Ids will cause a re-render.
  *
  * This has schema-based typing. The following is a simplified representation:
@@ -6679,7 +6818,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * result Cell Ids will cause a re-render. When the component containing this
  * hook is unmounted, the listener will be automatically removed.
  * @param queryId The Id of the query.
- * @param rowId The Id of the Row in the result Table.
+ * @param rowId The Id of the Row in the ResultTable.
  * @param queriesOrQueriesId The Queries object to be accessed: omit for the
  * default context Queries object, provide an Id for a named context Queries
  * object, or provide an explicit reference.
@@ -6795,7 +6934,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * The useResultCell hook returns the value of a single Cell in a given Row in
- * the result Table of the given query, and registers a listener so that any
+ * the ResultTable of the given query, and registers a listener so that any
  * changes to that value will cause a re-render.
  *
  * This has schema-based typing. The following is a simplified representation:
@@ -6820,7 +6959,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * result Cell will cause a re-render. When the component containing this hook
  * is unmounted, the listener will be automatically removed.
  * @param queryId The Id of the query.
- * @param rowId The Id of the Row in the result Table.
+ * @param rowId The Id of the Row in the ResultTable.
  * @param cellId The Id of the Cell in the Row.
  * @param queriesOrQueriesId The Queries object to be accessed: omit for the
  * default context Queries object, provide an Id for a named context Queries
@@ -6933,7 +7072,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * The useResultTableListener hook registers a listener function with a Queries
- * object that will be called whenever data in a result Table changes.
+ * object that will be called whenever data in a ResultTable changes.
  *
  * This has schema-based typing. The following is a simplified representation:
  *
@@ -6950,8 +7089,8 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * own specific listener to do more than simply tracking the value (which is
  * more easily done with the useResultTable hook).
  *
- * You can either listen to a single result Table (by specifying a query Id as
- * the method's first parameter) or changes to any result Table (by providing a
+ * You can either listen to a single ResultTable (by specifying a query Id as
+ * the method's first parameter) or changes to any ResultTable (by providing a
  * `null` wildcard).
  *
  * Unlike the addResultTableListener method, which returns a listener Id and
@@ -6961,7 +7100,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Queries object will be deleted.
  * @param queryId The Id of the query to listen to, or `null` as a wildcard.
  * @param listener The function that will be called whenever data in the
- * matching result Table changes.
+ * matching ResultTable changes.
  * @param listenerDeps An optional array of dependencies for the `listener`
  * function, which, if any change, result in the re-registration of the
  * listener. This parameter defaults to an empty array.
@@ -7019,9 +7158,101 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
     queriesOrQueriesId?: QueriesOrQueriesId<Schemas>,
   ) => void;
 
+  /**
+ * The useResultTableCellIdsListener hook registers a listener function with a
+ * Queries object that will be called whenever the Cell Ids that appear anywhere
+ * in a ResultTable change.
+ *
+ * This has schema-based typing. The following is a simplified representation:
+ *
+ * ```ts override
+ * useResultTableCellIdsListener(
+ *   queryId: IdOrNull,
+ *   listener: ResultTableCellIdsListener,
+ *   listenerDeps?: React.DependencyList,
+ *   queriesOrQueriesId?: QueriesOrQueriesId,
+ * ): void;
+ * ```
+ *
+ * This hook is useful for situations where a component needs to register its
+ * own specific listener to do more than simply tracking the value (which is
+ * more easily done with the useResultTableCellIds hook).
+ *
+ * You can either listen to a single ResultTable (by specifying a query Id as
+ * the method's first parameter) or changes to any ResultTable (by providing a
+ * `null` wildcard).
+ *
+ * Unlike the addResultTableCellIdsListener method, which returns a listener Id
+ * and requires you to remove it manually, the useResultTableCellIdsListener
+ * hook manages this lifecycle for you: when the listener changes (per its
+ * `listenerDeps` dependencies) or the component unmounts, the listener on the
+ * underlying Queries object will be deleted.
+ * @param queryId The Id of the query to listen to, or `null` as a wildcard.
+ * @param listener The function that will be called whenever the Cell Ids that
+ * appear anywhere in the ResultTable change.
+ * @param listenerDeps An optional array of dependencies for the `listener`
+ * function, which, if any change, result in the re-registration of the
+ * listener. This parameter defaults to an empty array.
+ * @param queriesOrQueriesId The Queries object to register the listener with:
+ * omit for the default context Queries object, provide an Id for a named
+ * context Queries object, or provide an explicit reference.
+ * @example
+ * This example uses the useResultTableCellIdsListener hook to create a listener
+ * that is scoped to a single component. When the component is unmounted, the
+ * listener is removed from the Queries object.
+ *
+ * ```jsx
+ * const App = ({queries}) => (
+ *   <Provider queries={queries}>
+ *     <Pane />
+ *   </Provider>
+ * );
+ * const Pane = () => {
+ *   useResultTableCellIdsListener('petColorsAndLegs', () =>
+ *     console.log('Result Cell Ids changed'),
+ *   );
+ *   return <span>App</span>;
+ * };
+ *
+ * const store = createStore().setTable('pets', {
+ *   fido: {species: 'dog', color: 'brown'},
+ *   felix: {species: 'cat', color: 'black'},
+ *   cujo: {species: 'dog', color: 'black'},
+ * });
+ * const queries = createQueries(store).setQueryDefinition(
+ *   'petColorsAndLegs',
+ *   'pets',
+ *   ({select}) => {
+ *     select('color');
+ *     select('legs');
+ *   },
+ * );
+ * const app = document.createElement('div');
+ * const root = ReactDOMClient.createRoot(app);
+ * root.render(<App queries={queries} />); // !act
+ * console.log(queries.getListenerStats().tableCellIds);
+ * // -> 1
+ *
+ * store.setCell('pets', 'cujo', 'legs', 4); // !act
+ * // -> 'Result Cell Ids changed'
+ *
+ * root.unmount(); // !act
+ * console.log(queries.getListenerStats().tableCellIds);
+ * // -> 0
+ * ```
+ * @category Queries hooks
+ * @since v4.1.0
+ */
+  useResultTableCellIdsListener: (
+    queryId: IdOrNull,
+    listener: ResultTableCellIdsListener<Schemas>,
+    listenerDeps?: React.DependencyList,
+    queriesOrQueriesId?: QueriesOrQueriesId<Schemas>,
+  ) => void;
+
   /**
  * The useResultRowIdsListener hook registers a listener function with a Queries
- * object that will be called whenever the Row Ids in a result Table change.
+ * object that will be called whenever the Row Ids in a ResultTable change.
  *
  * This has schema-based typing. The following is a simplified representation:
  *
@@ -7038,8 +7269,8 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * own specific listener to do more than simply tracking the value (which is
  * more easily done with the useResultRowIds hook).
  *
- * You can either listen to a single result Table (by specifying a query Id as
- * the method's first parameter) or changes to any result Table (by providing a
+ * You can either listen to a single ResultTable (by specifying a query Id as
+ * the method's first parameter) or changes to any ResultTable (by providing a
  * `null` wildcard).
  *
  * Unlike the addResultRowIdsListener method, which returns a listener Id and
@@ -7049,7 +7280,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * Queries object will be deleted.
  * @param queryId The Id of the query to listen to, or `null` as a wildcard.
  * @param listener The function that will be called whenever the Row Ids in the
- * matching result Table change.
+ * matching ResultTable change.
  * @param listenerDeps An optional array of dependencies for the `listener`
  * function, which, if any change, result in the re-registration of the
  * listener. This parameter defaults to an empty array.
@@ -7110,7 +7341,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
   /**
  * The useResultSortedRowIdsListener hook registers a listener function with a
  * Queries object that will be called whenever the sorted (and optionally,
- * paginated) Row Ids in a result Table change.
+ * paginated) Row Ids in a ResultTable change.
  *
  * This has schema-based typing. The following is a simplified representation:
  *
@@ -7143,7 +7374,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * @param offset The number of Row Ids to skip for pagination purposes, if any.
  * @param limit The maximum number of Row Ids to return, or `undefined` for all.
  * @param listener The function that will be called whenever the Row Ids in the
- * matching result Table change.
+ * matching ResultTable change.
  * @param listenerDeps An optional array of dependencies for the `listener`
  * function, which, if any change, result in the re-registration of the
  * listener. This parameter defaults to an empty array.
@@ -7340,7 +7571,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * @param queryId The Id of the query to listen to, or `null` as a wildcard.
  * @param rowId The Id of the result Row to listen to, or `null` as a wildcard.
  * @param listener The function that will be called whenever the Row Ids in the
- * matching result Table change.
+ * matching ResultTable change.
  * @param listenerDeps An optional array of dependencies for the `listener`
  * function, which, if any change, result in the re-registration of the
  * listener. This parameter defaults to an empty array.
@@ -8723,7 +8954,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * ResultTableProps props are used for components that refer to a single query
- * result Table, such as the ResultTableView component.
+ * ResultTable, such as the ResultTableView component.
  * @category Props
  * @since v2.0.0
  */
@@ -8731,7 +8962,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * ResultSortedTableProps props are used for components that refer to a single
- * sorted query result Table, such as the ResultSortedTableView component.
+ * sorted query ResultTable, such as the ResultSortedTableView component.
  * @category Props
  * @since v2.0.0
  */
@@ -8739,7 +8970,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * ResultRowProps props are used for components that refer to a single Row in a
- * query result Table, such as the ResultRowView component.
+ * query ResultTable, such as the ResultRowView component.
  * @category Props
  * @since v2.0.0
  */
@@ -8747,7 +8978,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * ResultRowProps props are used for components that refer to a single Cell in a
- * Row of a result Table, such as the ResultCellView component.
+ * Row of a ResultTable, such as the ResultCellView component.
  * @category Props
  * @since v2.0.0
  */
@@ -10516,7 +10747,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * The ResultCellView component renders the value of a single Cell in a given
- * Row, in a given query's result Table, and registers a listener so that any
+ * Row, in a given query's ResultTable, and registers a listener so that any
  * changes to that result will cause a re-render.
  *
  * This has schema-based typing. The following is a simplified representation:
@@ -10644,7 +10875,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * The ResultRowView component renders the contents of a single Row in a given
- * query's result Table, and registers a listener so that any changes to that
+ * query's ResultTable, and registers a listener so that any changes to that
  * result will cause a re-render.
  *
  * This has schema-based typing. The following is a simplified representation:
@@ -10796,7 +11027,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * The ResultSortedTableView component renders the contents of a single query's
- * sorted result Table in a Queries object, and registers a listener so that any
+ * sorted ResultTable in a Queries object, and registers a listener so that any
  * changes to that result will cause a re-render.
  *
  * This has schema-based typing. The following is a simplified representation:
@@ -10807,15 +11038,15 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * ): ComponentReturnType;
  * ```
  *
- * The component's props identify which Table to render based on query Id, and
- * Queries object (which is either the default context Queries object, a named
- * context Queries object, or by explicit reference). It also takes a Cell Id to
- * sort by and a boolean to indicate that the sorting should be in descending
- * order. The `offset` and `limit` props are used to paginate results, but
- * default to `0` and `undefined` to return all available Row Ids if not
- * specified.
+ * The component's props identify which ResultTable to render based on query Id,
+ * and Queries object (which is either the default context Queries object, a
+ * named context Queries object, or by explicit reference). It also takes a Cell
+ * Id to sort by and a boolean to indicate that the sorting should be in
+ * descending order. The `offset` and `limit` props are used to paginate
+ * results, but default to `0` and `undefined` to return all available Row Ids
+ * if not specified.
  *
- * This component renders a result Table by iterating over its Row objects, in
+ * This component renders a ResultTable by iterating over its Row objects, in
  * the order dictated by the sort parameters. By default these are in turn
  * rendered with the ResultRowView component, but you can override this behavior
  * by providing a `resultRowComponent` prop, a custom component of your own that
@@ -10823,10 +11054,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * to your custom component with the `getResultRowComponentProps` callback prop.
  *
  * This component uses the useResultSortedRowIds hook under the covers, which
- * means that any changes to the structure or sorting of the result Table will
+ * means that any changes to the structure or sorting of the ResultTable will
  * cause a re-render.
  * @param props The props for this component.
- * @returns A rendering of the result Table, or nothing, if not present.
+ * @returns A rendering of the ResultTable, or nothing, if not present.
  * @example
  * This example creates a Queries object outside the application, which is used
  * in the ResultSortedTableView component by reference. A change to the data in
@@ -10942,9 +11173,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
   ) => ComponentReturnType;
 
   /**
- * The ResultTableView component renders the contents of a single query's result
- * Table in a Queries object, and registers a listener so that any changes to
- * that result will cause a re-render.
+ * The ResultTableView component renders the contents of a single query's
+ * ResultTable in a Queries object, and registers a listener so that any changes
+ * to that result will cause a re-render.
  *
  * This has schema-based typing. The following is a simplified representation:
  *
@@ -10952,11 +11183,11 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * ResultTableView(props: ResultTableProps): ComponentReturnType;
  * ```
  *
- * The component's props identify which Table to render based on query Id, and
- * Queries object (which is either the default context Queries object, a named
- * context Queries object, or by explicit reference).
+ * The component's props identify which ResultTable to render based on query Id,
+ * and Queries object (which is either the default context Queries object, a
+ * named context Queries object, or by explicit reference).
  *
- * This component renders a result Table by iterating over its Row objects. By
+ * This component renders a ResultTable by iterating over its Row objects. By
  * default these are in turn rendered with the ResultRowView component, but you
  * can override this behavior by providing a `resultRowComponent` prop, a custom
  * component of your own that will render a Row based on ResultRowProps. You can
@@ -10964,9 +11195,9 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * `getResultRowComponentProps` callback prop.
  *
  * This component uses the useResultRowIds hook under the covers, which means
- * that any changes to the structure of the result Table will cause a re-render.
+ * that any changes to the structure of the ResultTable will cause a re-render.
  * @param props The props for this component.
- * @returns A rendering of the result Table, or nothing, if not present.
+ * @returns A rendering of the ResultTable, or nothing, if not present.
  * @example
  * This example creates a Queries object outside the application, which is used
  * in the ResultTableView component by reference. A change to the data in the

package/lib/ui-react-dom.js

@@ -1 +1 @@
-import{useRowIds as l,useSortedRowIds as e,useValueIds as t,ValueView as o,useTableCellIds as n,CellView as r}from"./ui-react";import s from"react";const a=(l,e)=>l.map(e),d=l=>null==l,{createContext:u,useContext:c}=s;u([]);const i=(l,...e)=>d(l)?{}:l(...e),{createElement:m,useCallback:C,useState:I}=s,b=(l,e,t)=>{const o=C(l,e);return t?o:void 0},k=(l,e)=>d(l)||l[0]!=e?void 0:`sorted ${l[1]?"de":"a"}scending`,h=({cellId:l,sorting:e,label:t=l??"",onClick:o})=>m("th",{onClick:b((()=>o?.(l)),[o,l],!d(o)),className:k(e,l)},t),p=({tableId:l,rowIds:e,store:t,cellComponent:o=r,getCellComponentProps:s,className:d,headerRow:u,idColumn:c,customCellIds:C,sorting:I,onHeaderThClick:b})=>{const k=n(l,t),p=C??k;return m("table",{className:d},!1===u?null:m("thead",null,m("tr",null,!1===c?null:m(h,{sorting:I,label:"Id",onClick:b}),a(p,(l=>m(h,{key:l,cellId:l,sorting:I,onClick:b}))))),m("tbody",null,a(e,(e=>m("tr",{key:e},!1===c?null:m("th",null,e),a(p,(n=>m("td",{key:n},m(o,{...i(s,e,n),tableId:l,rowId:e,cellId:n,store:t})))))))))},g=({tableId:e,store:t,...o})=>m(p,{...o,tableId:e,store:t,rowIds:l(e,t)}),w=({tableId:l,cellId:t,descending:o,offset:n,limit:r,store:s,sortOnClick:a,...d})=>{const[u,c]=I([t,!!o]),i=b((l=>c([l,l==u[0]&&!u[1]])),[u],a);return m(p,{...d,tableId:l,store:s,rowIds:e(l,...u,n,r,s),sorting:u,onHeaderThClick:i})},y=({store:l,valueComponent:e=o,getValueComponentProps:n,className:r,headerRow:s,idColumn:d})=>m("table",{className:r},!1===s?null:m("thead",null,m("tr",null,!1===d?null:m("th",null,"Id"),m("th",null,"Value"))),m("tbody",null,a(t(l),(t=>m("tr",{key:t},!1===d?null:m("th",null,t),m("td",null,m(e,{...i(n,t),valueId:t,store:l})))))));export{w as SortedTableInHtmlTable,g as TableInHtmlTable,y as ValuesInHtmlTable};
+import{CellView as e,useRowIds as l,useTableCellIds as t,useSortedRowIds as n,useValueIds as r,ValueView as o,ResultCellView as s,useResultRowIds as a,useResultTableCellIds as d,useResultSortedRowIds as u,useCell as i,useSetCellCallback as c,useValue as C,useSetValueCallback as I}from"./ui-react";import m from"react";const b=e=>typeof e,h=b(""),g=b(!0),y=b(0),p="Value",k="currentTarget",f="value",N=isFinite,T=e=>null==e,v=(e,l,t,n)=>e==h?l:e==y?t:n,Q=(e,l)=>e.map(l),w=Object,q=(e=[])=>w.fromEntries(e),O=(e,l)=>Q(w.entries(e),(([e,t])=>l(t,e))),{createContext:x,useContext:H}=m;x([]);const A=(e,...l)=>T(e)?{}:e(...l),{createElement:E,useCallback:P,useMemo:R,useState:V}=m,j="editable",F=(e,l,t)=>{const n=P(e,l);return t?n:void 0},M=(e,l)=>T(e)||e[0]!=l?void 0:`sorted ${e[1]?"de":"a"}scending`,S=({cellId:e,sorting:l,label:t=e??"",onClick:n})=>E("th",{onClick:F((()=>n?.(e)),[n,e],!T(n)),className:M(l,e)},t),$=({className:e,headerRow:l,idColumn:t,customCells:n,storeTableIdOrQueriesQueryId:r,defaultCellComponent:o,rowIds:s,defaultCellIds:a,sorting:d,onHeaderThClick:u})=>{const i=R((()=>{const e=n??a;return q(O(Array.isArray(e)?q(Q(e,(e=>[e,e]))):e,((e,l)=>{return[l,{label:l,...(t=e,b(t)==h?{label:e}:e)}];var t})))}),[n,a]);return E("table",{className:e},!1===l?null:E("thead",null,E("tr",null,!1===t?null:E(S,{sorting:d,label:"Id",onClick:u}),O(i,(({label:e},l)=>E(S,{key:l,cellId:l,label:e,sorting:d,onClick:u}))))),E("tbody",null,Q(s,(e=>E("tr",{key:e},!1===t?null:E("th",null,e),O(i,(({component:l=o,getComponentProps:t},n)=>E("td",{key:n},E(l,{...A(t,e,n),...r,rowId:e,cellId:n})))))))))},z=({thing:e,onThingChange:l,className:t})=>{const[n,r]=V(),[o,s]=V(),[a,d]=V(),[u,i]=V(),[c,C]=V();o!==e&&(r((e=>{const l=b(e);return(e=>e==h||e==g)(l)||l==y&&N(e)?l:void 0})(e)),s(e),d(e+""),i(Number(e)||0),C(!!e));const I=P(((e,t)=>{t(e),s(e),l(e)}),[l]);return E("div",{className:t},E("button",{type:"button",className:n,onClick:P((()=>{const e=v(n,y,g,h),t=v(e,a,u,c);r(e),s(t),l(t)}),[l,a,u,c,n])},n),v(n,E("input",{key:n,value:a,onChange:P((e=>I(e[k][f]+"",d)),[I])}),E("input",{key:n,type:"number",value:u,onChange:P((e=>I(Number(e[k][f]||0),i)),[I])}),E("input",{key:n,type:"checkbox",checked:c,onChange:P((e=>I(!!e[k].checked,C)),[I])})))},B=({tableId:n,store:r,editable:o,...s})=>E($,{...s,storeTableIdOrQueriesQueryId:R((()=>({store:r,tableId:n})),[r,n]),defaultCellComponent:o?L:e,rowIds:l(n,r),defaultCellIds:t(n,r)}),D=({tableId:l,cellId:r,descending:o,offset:s,limit:a,store:d,editable:u,sortOnClick:i,...c})=>{const[C,I]=V([r,!!o]),m=F((e=>I([e,e==C[0]&&!C[1]])),[C],i);return E($,{...c,storeTableIdOrQueriesQueryId:R((()=>({store:d,tableId:l})),[d,l]),defaultCellComponent:u?L:e,rowIds:n(l,...C,s,a,d),defaultCellIds:t(l,d),sorting:C,onHeaderThClick:m})},G=({store:e,editable:l=!1,valueComponent:t=(l?U:o),getValueComponentProps:n,className:s,headerRow:a,idColumn:d})=>E("table",{className:s},!1===a?null:E("thead",null,E("tr",null,!1===d?null:E("th",null,"Id"),E("th",null,p))),E("tbody",null,Q(r(e),(l=>E("tr",{key:l},!1===d?null:E("th",null,l),E("td",null,E(t,{...A(n,l),valueId:l,store:e}))))))),J=({queryId:e,queries:l,...t})=>E($,{...t,storeTableIdOrQueriesQueryId:R((()=>({queries:l,queryId:e})),[l,e]),defaultCellComponent:s,rowIds:a(e,l),defaultCellIds:d(e,l)}),K=({queryId:e,cellId:l,descending:t,offset:n,limit:r,queries:o,sortOnClick:a,...i})=>{const[c,C]=V([l,!!t]),I=F((e=>C([e,e==c[0]&&!c[1]])),[c],a);return E($,{...i,storeTableIdOrQueriesQueryId:R((()=>({queries:o,queryId:e})),[o,e]),defaultCellComponent:s,rowIds:u(e,...c,n,r,o),defaultCellIds:d(e,o),sorting:c,onHeaderThClick:I})},L=({tableId:e,rowId:l,cellId:t,store:n,className:r})=>E(z,{thing:i(e,l,t,n),onThingChange:c(e,l,t,(e=>e),[],n),className:r??j+"Cell"}),U=({valueId:e,store:l,className:t})=>E(z,{thing:C(e,l),onThingChange:I(e,(e=>e),[],l),className:t??j+p});export{L as EditableCellView,U as EditableValueView,K as ResultSortedTableInHtmlTable,J as ResultTableInHtmlTable,D as SortedTableInHtmlTable,B as TableInHtmlTable,G as ValuesInHtmlTable};

package/lib/ui-react.js

@@ -1 +1 @@
-import e,{useContext as o}from"react";const t=e=>typeof e,s="",d=t(s),r="Ids",n="Table",l=n+"s",I=n+r,u="Row",i=u+r,c="Sorted"+u+r,a="Cell",p=a+r,g="Value",b=g+"s",C=g+r,w=(e,o)=>e.map(o),R=e=>null==e,m=(e,o,t)=>R(e)?t?.():o(e),k=e=>t(e)==d,y=()=>{},{createContext:h,useContext:v}=e,q=h([]),P=(e,o)=>{const t=v(q);return R(e)?t[o]:k(e)?((e,o)=>m(e,(e=>e[o])))(t[o+1],e):e},x=(e,o)=>{const t=P(e,o);return R(e)||k(e)?t:e},S=(e,...o)=>R(e)?{}:e(...o),f=e=>P(e,0),T=e=>P(e,2),B=e=>P(e,4),L=e=>P(e,6),M=e=>P(e,8),V=e=>P(e,10),A=e=>x(e,0),E=e=>x(e,2),F=e=>x(e,4),j=e=>x(e,6),z=e=>x(e,8),D=e=>x(e,10),{useCallback:G,useEffect:H,useMemo:J,useRef:K,useState:N}=e,O=(e,o,t=[])=>{const s=J((()=>o(e)),[e,...t]);return H((()=>()=>s.destroy()),[s]),s},Q=(e,o,t,s=[],d)=>{const[,r]=N(),n=G((()=>o?.["get"+e]?.(...s)??t),[o,...s]),[l]=N(n),I=K(l);return J((()=>I.current=n()),[n]),U(e,o,((...e)=>{I.current=R(d)?n():e[d],r([])}),[],s),I.current},U=(e,o,t,s=[],d=[],...r)=>H((()=>{const s=o?.["add"+e+"Listener"]?.(...d,t,...r);return()=>o?.delListener(s)}),[o,...d,...s,...r]),W=(e,o,t,s=[],d=y,r=[],...n)=>{const l=A(e);return G((e=>m(l,(s=>m(t(e,s),(e=>d(s["set"+o](...n,e),e)))))),[l,o,...s,...r,...n])},X=(e,o,t=y,s=[],...d)=>{const r=A(e);return G((()=>t(r?.["del"+o](...d))),[r,o,...s,...d])},Y=(e,o,t)=>{const s=D(e);return G((()=>s?.[o](t)),[s,o,t])},Z=(e,o=[])=>J(e,o),$=e=>Q(l,A(e),{}),_=e=>Q(I,A(e),[],[]),ee=(e,o)=>Q(n,A(o),{},[e]),oe=(e,o)=>Q(n+p,A(o),[],[e]),te=(e,o)=>Q(i,A(o),[],[e]),se=(e,o,t,s=0,d,r)=>Q(c,A(r),[],[e,o,t,s,d],6),de=(e,o,t)=>Q(u,A(t),{},[e,o]),re=(e,o,t)=>Q(p,A(t),[],[e,o]),ne=(e,o,t,s)=>Q(a,A(s),void 0,[e,o,t],4),le=e=>Q(b,A(e),{}),Ie=e=>Q(C,A(e),[],[]),ue=(e,o)=>Q(g,A(o),void 0,[e]),ie=(e,o,t,s,d)=>W(t,l,e,o,s,d),ce=(e,o,t,s,d,r)=>W(s,n,o,t,d,r,e),ae=(e,o,t,s,d,r,n)=>W(d,u,t,s,r,n,e,o),pe=(e,o,t=[],s,d=y,r=[],n=!0)=>{const l=A(s);return G((t=>m(l,(s=>m(o(t,s),(o=>d(s.addRow(e,o,n),s,o)))))),[l,e,...t,...r,n])},ge=(e,o,t,s,d,r,n)=>W(d,"PartialRow",t,s,r,n,e,o),be=(e,o,t,s,d,r,n,l)=>W(r,a,s,d,n,l,e,o,t),Ce=(e,o,t,s,d)=>W(t,b,e,o,s,d),we=(e,o,t,s,d)=>W(t,"PartialValues",e,o,s,d),Re=(e,o,t,s,d,r)=>W(s,g,o,t,d,r,e),me=(e,o,t)=>X(e,l,o,t),ke=(e,o,t,s)=>X(o,n,t,s,e),ye=(e,o,t,s,d)=>X(t,u,s,d,e,o),he=(e,o,t,s,d,r,n)=>X(d,a,r,n,e,o,t,s),ve=(e,o,t)=>X(e,b,o,t),qe=(e,o,t,s)=>X(o,g,t,s,e),Pe=(e,o,t,s)=>U(l,A(s),e,o,[],t),xe=(e,o,t,s)=>U(I,A(s),e,o,[],t),Se=(e,o,t,s,d)=>U(n,A(d),o,t,[e],s),fe=(e,o,t,s,d)=>U(n+p,A(d),o,t,[e],s),Te=(e,o,t,s,d)=>U(i,A(d),o,t,[e],s),Be=(e,o,t,s,d,r,n,l,I)=>U(c,A(I),r,n,[e,o,t,s,d],l),Le=(e,o,t,s,d,r)=>U(u,A(r),t,s,[e,o],d),Me=(e,o,t,s,d,r)=>U(p,A(r),t,s,[e,o],d),Ve=(e,o,t,s,d,r,n)=>U(a,A(n),s,d,[e,o,t],r),Ae=(e,o,t,s)=>U(b,A(s),e,o,[],t),Ee=(e,o,t,s)=>U(C,A(s),e,o,[],t),Fe=(e,o,t,s,d)=>U(g,A(d),o,t,[e],s),je=(e,o,t)=>O(e,o,t),ze=(e,o)=>Q("Metric",E(o),void 0,[e]),De=(e,o,t,s)=>U("Metric",E(s),o,t,[e]),Ge=(e,o,t)=>O(e,o,t),He=(e,o)=>Q("SliceIds",F(o),[],[e]),Je=(e,o,t)=>Q("SliceRowIds",F(t),[],[e,o]),Ke=(e,o,t,s)=>U("SliceIds",F(s),o,t,[e]),Ne=(e,o,t,s,d)=>U("SliceRowIds",F(d),t,s,[e,o]),Oe=(e,o,t)=>O(e,o,t),Qe=(e,o,t)=>Q("RemoteRowId",j(t),void 0,[e,o]),Ue=(e,o,t)=>Q("LocalRowIds",j(t),[],[e,o]),We=(e,o,t)=>Q("LinkedRowIds",j(t),[],[e,o]),Xe=(e,o,t,s,d)=>U("RemoteRowId",j(d),t,s,[e,o]),Ye=(e,o,t,s,d)=>U("LocalRowIds",j(d),t,s,[e,o]),Ze=(e,o,t,s,d)=>U("LinkedRowIds",j(d),t,s,[e,o]),$e=(e,o,t)=>O(e,o,t),_e=(e,o)=>Q("ResultTable",z(o),{},[e]),eo=(e,o)=>Q("ResultRowIds",z(o),[],[e]),oo=(e,o,t,s=0,d,r)=>Q("ResultSortedRowIds",z(r),[],[e,o,t,s,d],6),to=(e,o,t)=>Q("ResultRow",z(t),{},[e,o]),so=(e,o,t)=>Q("ResultCellIds",z(t),[],[e,o]),ro=(e,o,t,s)=>Q("ResultCell",z(s),void 0,[e,o,t]),no=(e,o,t,s)=>U("ResultTable",z(s),o,t,[e]),lo=(e,o,t,s)=>U("ResultRowIds",z(s),o,t,[e]),Io=(e,o,t,s,d,r,n,l)=>U("ResultSortedRowIds",z(l),r,n,[e,o,t,s,d]),uo=(e,o,t,s,d)=>U("ResultRow",z(d),t,s,[e,o]),io=(e,o,t,s,d)=>U("ResultCellIds",z(d),t,s,[e,o]),co=(e,o,t,s,d,r)=>U("ResultCell",z(r),s,d,[e,o,t]),ao=(e,o,t)=>O(e,o,t),po=e=>Q("CheckpointIds",D(e),[[],void 0,[]]),go=(e,o)=>Q("Checkpoint",D(o),void 0,[e]),bo=(e=y,o=[],t,s=y,d=[])=>{const r=D(t);return G((o=>m(r,(t=>{const d=e(o);s(t.addCheckpoint(d),t,d)}))),[r,...o,...d])},Co=e=>Y(e,"goBackward"),wo=e=>Y(e,"goForward"),Ro=(e,o=[],t,s=y,d=[])=>{const r=D(t);return G((o=>m(r,(t=>m(e(o),(e=>s(t.goTo(e),e)))))),[r,...o,...d])},mo=e=>{const o=D(e),[t,d]=po(o);return[(r=t,!(0==(e=>e.length)(r))),Co(o),d,m(d,(e=>o?.getCheckpoint(e)))??s];var r},ko=e=>{const o=D(e),[,,[t]]=po(o);return[!R(t),wo(o),t,m(t,(e=>o?.getCheckpoint(e)))??s]},yo=(e,o,t)=>U("CheckpointIds",D(t),e,o),ho=(e,o,t,s)=>U("Checkpoint",D(s),o,t,[e]),vo=(e,o,t=[],s,d=[])=>{const[,r]=N(),n=J((()=>o(e)),[e,...t]);return H((()=>((async()=>{await(s?.(n)),r(1)})(),()=>{n.destroy()})),[n,...d]),n},{createElement:qo,useMemo:Po}=e,xo=({tableId:e,store:o,rowComponent:t=Ao,getRowComponentProps:s,customCellIds:d,separator:r,debugIds:n},l)=>Mo(w(l,(r=>qo(t,{...S(s,r),key:r,tableId:e,rowId:r,customCellIds:d,store:o,debugIds:n}))),r,n,e),So=({queryId:e,queries:o,resultRowComponent:t=Uo,getResultRowComponentProps:s,separator:d,debugIds:r},n)=>Mo(w(n,(d=>qo(t,{...S(s,d),key:d,queryId:e,rowId:d,queries:o,debugIds:r}))),d,r,e),fo=e=>{const o=j(e);return[o,o?.getStore()]},To=({relationshipId:e,relationships:o,rowComponent:t=Ao,getRowComponentProps:s,separator:d,debugIds:r},n,l)=>{const[I,u]=fo(o),i=I?.getLocalTableId(e),c=n(e,l,I);return Mo(w(c,(e=>qo(t,{...S(s,e),key:e,tableId:i,rowId:e,store:u,debugIds:r}))),d,r,l)},Bo=e=>({checkpoints:o,checkpointComponent:t=Yo,getCheckpointComponentProps:s,separator:d,debugIds:r})=>{const n=D(o);return Mo(w(e(po(n)),(e=>qo(t,{...S(s,e),key:e,checkpoints:n,checkpointId:e,debugIds:r}))),d)},Lo=({store:e,storesById:t,metrics:s,metricsById:d,indexes:r,indexesById:n,relationships:l,relationshipsById:I,queries:u,queriesById:i,checkpoints:c,checkpointsById:a,children:p})=>{const g=o(q);return qo(q.Provider,{value:Po((()=>[e??g[0],{...g[1],...t},s??g[2],{...g[3],...d},r??g[4],{...g[5],...n},l??g[6],{...g[7],...I},u??g[8],{...g[9],...i},c??g[10],{...g[11],...a}]),[e,t,s,d,r,n,l,I,u,i,c,a,g])},p)},Mo=(e,o,t,s)=>{const d=R(o)||!Array.isArray(e)?e:w(e,((e,t)=>t>0?[o,e]:e));return t?[s,":{",d,"}"]:d},Vo=({tableId:e,rowId:o,cellId:t,store:d,debugIds:r})=>Mo(s+(ne(e,o,t,d)??s),void 0,r,t),Ao=({tableId:e,rowId:o,store:t,cellComponent:s=Vo,getCellComponentProps:d,customCellIds:r,separator:n,debugIds:l})=>Mo(w(((e,o,t,s)=>{const d=re(o,t,s);return e??d})(r,e,o,t),(r=>qo(s,{...S(d,r),key:r,tableId:e,rowId:o,cellId:r,store:t,debugIds:l}))),n,l,o),Eo=e=>xo(e,te(e.tableId,e.store)),Fo=({cellId:e,descending:o,offset:t,limit:s,...d})=>xo(d,se(d.tableId,e,o,t,s,d.store)),jo=({store:e,tableComponent:o=Eo,getTableComponentProps:t,separator:s,debugIds:d})=>Mo(w(_(e),(s=>qo(o,{...S(t,s),key:s,tableId:s,store:e,debugIds:d}))),s),zo=({valueId:e,store:o,debugIds:t})=>Mo(s+(ue(e,o)??s),void 0,t,e),Do=({store:e,valueComponent:o=zo,getValueComponentProps:t,separator:s,debugIds:d})=>Mo(w(Ie(e),(s=>qo(o,{...S(t,s),key:s,valueId:s,store:e,debugIds:d}))),s),Go=({metricId:e,metrics:o,debugIds:t})=>Mo(ze(e,o)??s,void 0,t,e),Ho=({indexId:e,sliceId:o,indexes:t,rowComponent:s=Ao,getRowComponentProps:d,separator:r,debugIds:n})=>{const l=F(t),I=l?.getStore(),u=l?.getTableId(e),i=Je(e,o,l);return Mo(w(i,(e=>qo(s,{...S(d,e),key:e,tableId:u,rowId:e,store:I,debugIds:n}))),r,n,o)},Jo=({indexId:e,indexes:o,sliceComponent:t=Ho,getSliceComponentProps:s,separator:d,debugIds:r})=>Mo(w(He(e,o),(d=>qo(t,{...S(s,d),key:d,indexId:e,sliceId:d,indexes:o,debugIds:r}))),d,r,e),Ko=({relationshipId:e,localRowId:o,relationships:t,rowComponent:s=Ao,getRowComponentProps:d,debugIds:r})=>{const[n,l]=fo(t),I=n?.getRemoteTableId(e),u=Qe(e,o,n);return Mo(R(I)||R(u)?null:qo(s,{...S(d,u),key:u,tableId:I,rowId:u,store:l,debugIds:r}),void 0,r,o)},No=e=>To(e,Ue,e.remoteRowId),Oo=e=>To(e,We,e.firstRowId),Qo=({queryId:e,rowId:o,cellId:t,queries:d,debugIds:r})=>Mo(s+(ro(e,o,t,d)??s),void 0,r,t),Uo=({queryId:e,rowId:o,queries:t,resultCellComponent:s=Qo,getResultCellComponentProps:d,separator:r,debugIds:n})=>Mo(w(so(e,o,t),(r=>qo(s,{...S(d,r),key:r,queryId:e,rowId:o,cellId:r,queries:t,debugIds:n}))),r,n,o),Wo=e=>So(e,eo(e.queryId,e.queries)),Xo=({cellId:e,descending:o,offset:t,limit:s,...d})=>So(d,oo(d.queryId,e,o,t,s,d.queries)),Yo=({checkpoints:e,checkpointId:o,debugIds:t})=>Mo(go(o,e)??s,void 0,t,o),Zo=Bo((e=>e[0])),$o=Bo((e=>R(e[1])?[]:[e[1]])),_o=Bo((e=>e[2]));export{Zo as BackwardCheckpointsView,Vo as CellView,Yo as CheckpointView,$o as CurrentCheckpointView,_o as ForwardCheckpointsView,Jo as IndexView,Oo as LinkedRowsView,No as LocalRowsView,Go as MetricView,Lo as Provider,Ko as RemoteRowView,Qo as ResultCellView,Uo as ResultRowView,Xo as ResultSortedTableView,Wo as ResultTableView,Ao as RowView,Ho as SliceView,Fo as SortedTableView,Eo as TableView,jo as TablesView,zo as ValueView,Do as ValuesView,pe as useAddRowCallback,ne as useCell,re as useCellIds,Me as useCellIdsListener,Ve as useCellListener,go as useCheckpoint,po as useCheckpointIds,yo as useCheckpointIdsListener,ho as useCheckpointListener,V as useCheckpoints,ao as useCreateCheckpoints,Ge as useCreateIndexes,je as useCreateMetrics,vo as useCreatePersister,$e as useCreateQueries,Oe as useCreateRelationships,Z as useCreateStore,he as useDelCellCallback,ye as useDelRowCallback,ke as useDelTableCallback,me as useDelTablesCallback,qe as useDelValueCallback,ve as useDelValuesCallback,Co as useGoBackwardCallback,wo as useGoForwardCallback,Ro as useGoToCallback,B as useIndexes,We as useLinkedRowIds,Ze as useLinkedRowIdsListener,Ue as useLocalRowIds,Ye as useLocalRowIdsListener,ze as useMetric,De as useMetricListener,T as useMetrics,M as useQueries,ko as useRedoInformation,L as useRelationships,Qe as useRemoteRowId,Xe as useRemoteRowIdListener,ro as useResultCell,so as useResultCellIds,io as useResultCellIdsListener,co as useResultCellListener,to as useResultRow,eo as useResultRowIds,lo as useResultRowIdsListener,uo as useResultRowListener,oo as useResultSortedRowIds,Io as useResultSortedRowIdsListener,_e as useResultTable,no as useResultTableListener,de as useRow,te as useRowIds,Te as useRowIdsListener,Le as useRowListener,be as useSetCellCallback,bo as useSetCheckpointCallback,ge as useSetPartialRowCallback,we as useSetPartialValuesCallback,ae as useSetRowCallback,ce as useSetTableCallback,ie as useSetTablesCallback,Re as useSetValueCallback,Ce as useSetValuesCallback,He as useSliceIds,Ke as useSliceIdsListener,Je as useSliceRowIds,Ne as useSliceRowIdsListener,se as useSortedRowIds,Be as useSortedRowIdsListener,f as useStore,ee as useTable,oe as useTableCellIds,fe as useTableCellIdsListener,_ as useTableIds,xe as useTableIdsListener,Se as useTableListener,$ as useTables,Pe as useTablesListener,mo as useUndoInformation,ue as useValue,Ie as useValueIds,Ee as useValueIdsListener,Fe as useValueListener,le as useValues,Ae as useValuesListener};
+import e,{useContext as o}from"react";const t=e=>typeof e,s="",d=t(s),r="Ids",n="Table",l=n+"s",I=n+r,u="Row",i=u+r,c="Sorted"+u+r,a="Cell",p=a+r,g="Value",b=g+"s",C=g+r,R=e=>null==e,w=(e,o,t)=>R(e)?t?.():o(e),m=e=>t(e)==d,k=()=>{},y=(e,o)=>e.map(o),{createContext:h,useContext:v}=e,q=h([]),P=(e,o)=>{const t=v(q);return R(e)?t[o]:m(e)?((e,o)=>w(e,(e=>e[o])))(t[o+1],e):e},x=(e,o)=>{const t=P(e,o);return R(e)||m(e)?t:e},S=(e,...o)=>R(e)?{}:e(...o),f=e=>P(e,0),T=e=>P(e,2),B=e=>P(e,4),L=e=>P(e,6),M=e=>P(e,8),V=e=>P(e,10),A=e=>x(e,0),E=e=>x(e,2),F=e=>x(e,4),j=e=>x(e,6),z=e=>x(e,8),D=e=>x(e,10),{useCallback:G,useEffect:H,useMemo:J,useRef:K,useState:N}=e,O=(e,o,t=[])=>{const s=J((()=>o(e)),[e,...t]);return H((()=>()=>s.destroy()),[s]),s},Q=(e,o,t,s=[],d)=>{const[,r]=N(),n=G((()=>o?.["get"+e]?.(...s)??t),[o,...s]),[l]=N(n),I=K(l);return J((()=>I.current=n()),[n]),U(e,o,((...e)=>{I.current=R(d)?n():e[d],r([])}),[],s),I.current},U=(e,o,t,s=[],d=[],...r)=>H((()=>{const s=o?.["add"+e+"Listener"]?.(...d,t,...r);return()=>o?.delListener(s)}),[o,...d,...s,...r]),W=(e,o,t,s=[],d=k,r=[],...n)=>{const l=A(e);return G((e=>w(l,(s=>w(t(e,s),(e=>d(s["set"+o](...n,e),e)))))),[l,o,...s,...r,...n])},X=(e,o,t=k,s=[],...d)=>{const r=A(e);return G((()=>t(r?.["del"+o](...d))),[r,o,...s,...d])},Y=(e,o,t)=>{const s=D(e);return G((()=>s?.[o](t)),[s,o,t])},Z=(e,o=[])=>J(e,o),$=e=>Q(l,A(e),{}),_=e=>Q(I,A(e),[],[]),ee=(e,o)=>Q(n,A(o),{},[e]),oe=(e,o)=>Q(n+p,A(o),[],[e]),te=(e,o)=>Q(i,A(o),[],[e]),se=(e,o,t,s=0,d,r)=>Q(c,A(r),[],[e,o,t,s,d],6),de=(e,o,t)=>Q(u,A(t),{},[e,o]),re=(e,o,t)=>Q(p,A(t),[],[e,o]),ne=(e,o,t,s)=>Q(a,A(s),void 0,[e,o,t],4),le=e=>Q(b,A(e),{}),Ie=e=>Q(C,A(e),[],[]),ue=(e,o)=>Q(g,A(o),void 0,[e]),ie=(e,o,t,s,d)=>W(t,l,e,o,s,d),ce=(e,o,t,s,d,r)=>W(s,n,o,t,d,r,e),ae=(e,o,t,s,d,r,n)=>W(d,u,t,s,r,n,e,o),pe=(e,o,t=[],s,d=k,r=[],n=!0)=>{const l=A(s);return G((t=>w(l,(s=>w(o(t,s),(o=>d(s.addRow(e,o,n),s,o)))))),[l,e,...t,...r,n])},ge=(e,o,t,s,d,r,n)=>W(d,"PartialRow",t,s,r,n,e,o),be=(e,o,t,s,d,r,n,l)=>W(r,a,s,d,n,l,e,o,t),Ce=(e,o,t,s,d)=>W(t,b,e,o,s,d),Re=(e,o,t,s,d)=>W(t,"PartialValues",e,o,s,d),we=(e,o,t,s,d,r)=>W(s,g,o,t,d,r,e),me=(e,o,t)=>X(e,l,o,t),ke=(e,o,t,s)=>X(o,n,t,s,e),ye=(e,o,t,s,d)=>X(t,u,s,d,e,o),he=(e,o,t,s,d,r,n)=>X(d,a,r,n,e,o,t,s),ve=(e,o,t)=>X(e,b,o,t),qe=(e,o,t,s)=>X(o,g,t,s,e),Pe=(e,o,t,s)=>U(l,A(s),e,o,[],t),xe=(e,o,t,s)=>U(I,A(s),e,o,[],t),Se=(e,o,t,s,d)=>U(n,A(d),o,t,[e],s),fe=(e,o,t,s,d)=>U(n+p,A(d),o,t,[e],s),Te=(e,o,t,s,d)=>U(i,A(d),o,t,[e],s),Be=(e,o,t,s,d,r,n,l,I)=>U(c,A(I),r,n,[e,o,t,s,d],l),Le=(e,o,t,s,d,r)=>U(u,A(r),t,s,[e,o],d),Me=(e,o,t,s,d,r)=>U(p,A(r),t,s,[e,o],d),Ve=(e,o,t,s,d,r,n)=>U(a,A(n),s,d,[e,o,t],r),Ae=(e,o,t,s)=>U(b,A(s),e,o,[],t),Ee=(e,o,t,s)=>U(C,A(s),e,o,[],t),Fe=(e,o,t,s,d)=>U(g,A(d),o,t,[e],s),je=(e,o,t)=>O(e,o,t),ze=(e,o)=>Q("Metric",E(o),void 0,[e]),De=(e,o,t,s)=>U("Metric",E(s),o,t,[e]),Ge=(e,o,t)=>O(e,o,t),He=(e,o)=>Q("SliceIds",F(o),[],[e]),Je=(e,o,t)=>Q("SliceRowIds",F(t),[],[e,o]),Ke=(e,o,t,s)=>U("SliceIds",F(s),o,t,[e]),Ne=(e,o,t,s,d)=>U("SliceRowIds",F(d),t,s,[e,o]),Oe=(e,o,t)=>O(e,o,t),Qe=(e,o,t)=>Q("RemoteRowId",j(t),void 0,[e,o]),Ue=(e,o,t)=>Q("LocalRowIds",j(t),[],[e,o]),We=(e,o,t)=>Q("LinkedRowIds",j(t),[],[e,o]),Xe=(e,o,t,s,d)=>U("RemoteRowId",j(d),t,s,[e,o]),Ye=(e,o,t,s,d)=>U("LocalRowIds",j(d),t,s,[e,o]),Ze=(e,o,t,s,d)=>U("LinkedRowIds",j(d),t,s,[e,o]),$e=(e,o,t)=>O(e,o,t),_e=(e,o)=>Q("ResultTable",z(o),{},[e]),eo=(e,o)=>Q("ResultRowIds",z(o),[],[e]),oo=(e,o)=>Q("ResultTableCellIds",z(o),[],[e]),to=(e,o,t,s=0,d,r)=>Q("ResultSortedRowIds",z(r),[],[e,o,t,s,d],6),so=(e,o,t)=>Q("ResultRow",z(t),{},[e,o]),ro=(e,o,t)=>Q("ResultCellIds",z(t),[],[e,o]),no=(e,o,t,s)=>Q("ResultCell",z(s),void 0,[e,o,t]),lo=(e,o,t,s)=>U("ResultTable",z(s),o,t,[e]),Io=(e,o,t,s)=>U("ResultTableCellIds",z(s),o,t,[e]),uo=(e,o,t,s)=>U("ResultRowIds",z(s),o,t,[e]),io=(e,o,t,s,d,r,n,l)=>U("ResultSortedRowIds",z(l),r,n,[e,o,t,s,d]),co=(e,o,t,s,d)=>U("ResultRow",z(d),t,s,[e,o]),ao=(e,o,t,s,d)=>U("ResultCellIds",z(d),t,s,[e,o]),po=(e,o,t,s,d,r)=>U("ResultCell",z(r),s,d,[e,o,t]),go=(e,o,t)=>O(e,o,t),bo=e=>Q("CheckpointIds",D(e),[[],void 0,[]]),Co=(e,o)=>Q("Checkpoint",D(o),void 0,[e]),Ro=(e=k,o=[],t,s=k,d=[])=>{const r=D(t);return G((o=>w(r,(t=>{const d=e(o);s(t.addCheckpoint(d),t,d)}))),[r,...o,...d])},wo=e=>Y(e,"goBackward"),mo=e=>Y(e,"goForward"),ko=(e,o=[],t,s=k,d=[])=>{const r=D(t);return G((o=>w(r,(t=>w(e(o),(e=>s(t.goTo(e),e)))))),[r,...o,...d])},yo=e=>{const o=D(e),[t,d]=bo(o);return[(r=t,!(0==(e=>e.length)(r))),wo(o),d,w(d,(e=>o?.getCheckpoint(e)))??s];var r},ho=e=>{const o=D(e),[,,[t]]=bo(o);return[!R(t),mo(o),t,w(t,(e=>o?.getCheckpoint(e)))??s]},vo=(e,o,t)=>U("CheckpointIds",D(t),e,o),qo=(e,o,t,s)=>U("Checkpoint",D(s),o,t,[e]),Po=(e,o,t=[],s,d=[])=>{const[,r]=N(),n=J((()=>o(e)),[e,...t]);return H((()=>((async()=>{await(s?.(n)),r(1)})(),()=>{n.destroy()})),[n,...d]),n},{createElement:xo,useMemo:So}=e,fo=({tableId:e,store:o,rowComponent:t=Fo,getRowComponentProps:s,customCellIds:d,separator:r,debugIds:n},l)=>Ao(y(l,(r=>xo(t,{...S(s,r),key:r,tableId:e,rowId:r,customCellIds:d,store:o,debugIds:n}))),r,n,e),To=({queryId:e,queries:o,resultRowComponent:t=Xo,getResultRowComponentProps:s,separator:d,debugIds:r},n)=>Ao(y(n,(d=>xo(t,{...S(s,d),key:d,queryId:e,rowId:d,queries:o,debugIds:r}))),d,r,e),Bo=e=>{const o=j(e);return[o,o?.getStore()]},Lo=({relationshipId:e,relationships:o,rowComponent:t=Fo,getRowComponentProps:s,separator:d,debugIds:r},n,l)=>{const[I,u]=Bo(o),i=I?.getLocalTableId(e),c=n(e,l,I);return Ao(y(c,(e=>xo(t,{...S(s,e),key:e,tableId:i,rowId:e,store:u,debugIds:r}))),d,r,l)},Mo=e=>({checkpoints:o,checkpointComponent:t=$o,getCheckpointComponentProps:s,separator:d,debugIds:r})=>{const n=D(o);return Ao(y(e(bo(n)),(e=>xo(t,{...S(s,e),key:e,checkpoints:n,checkpointId:e,debugIds:r}))),d)},Vo=({store:e,storesById:t,metrics:s,metricsById:d,indexes:r,indexesById:n,relationships:l,relationshipsById:I,queries:u,queriesById:i,checkpoints:c,checkpointsById:a,children:p})=>{const g=o(q);return xo(q.Provider,{value:So((()=>[e??g[0],{...g[1],...t},s??g[2],{...g[3],...d},r??g[4],{...g[5],...n},l??g[6],{...g[7],...I},u??g[8],{...g[9],...i},c??g[10],{...g[11],...a}]),[e,t,s,d,r,n,l,I,u,i,c,a,g])},p)},Ao=(e,o,t,s)=>{const d=R(o)||!Array.isArray(e)?e:y(e,((e,t)=>t>0?[o,e]:e));return t?[s,":{",d,"}"]:d},Eo=({tableId:e,rowId:o,cellId:t,store:d,debugIds:r})=>Ao(s+(ne(e,o,t,d)??s),void 0,r,t),Fo=({tableId:e,rowId:o,store:t,cellComponent:s=Eo,getCellComponentProps:d,customCellIds:r,separator:n,debugIds:l})=>Ao(y(((e,o,t,s)=>{const d=re(o,t,s);return e??d})(r,e,o,t),(r=>xo(s,{...S(d,r),key:r,tableId:e,rowId:o,cellId:r,store:t,debugIds:l}))),n,l,o),jo=e=>fo(e,te(e.tableId,e.store)),zo=({cellId:e,descending:o,offset:t,limit:s,...d})=>fo(d,se(d.tableId,e,o,t,s,d.store)),Do=({store:e,tableComponent:o=jo,getTableComponentProps:t,separator:s,debugIds:d})=>Ao(y(_(e),(s=>xo(o,{...S(t,s),key:s,tableId:s,store:e,debugIds:d}))),s),Go=({valueId:e,store:o,debugIds:t})=>Ao(s+(ue(e,o)??s),void 0,t,e),Ho=({store:e,valueComponent:o=Go,getValueComponentProps:t,separator:s,debugIds:d})=>Ao(y(Ie(e),(s=>xo(o,{...S(t,s),key:s,valueId:s,store:e,debugIds:d}))),s),Jo=({metricId:e,metrics:o,debugIds:t})=>Ao(ze(e,o)??s,void 0,t,e),Ko=({indexId:e,sliceId:o,indexes:t,rowComponent:s=Fo,getRowComponentProps:d,separator:r,debugIds:n})=>{const l=F(t),I=l?.getStore(),u=l?.getTableId(e),i=Je(e,o,l);return Ao(y(i,(e=>xo(s,{...S(d,e),key:e,tableId:u,rowId:e,store:I,debugIds:n}))),r,n,o)},No=({indexId:e,indexes:o,sliceComponent:t=Ko,getSliceComponentProps:s,separator:d,debugIds:r})=>Ao(y(He(e,o),(d=>xo(t,{...S(s,d),key:d,indexId:e,sliceId:d,indexes:o,debugIds:r}))),d,r,e),Oo=({relationshipId:e,localRowId:o,relationships:t,rowComponent:s=Fo,getRowComponentProps:d,debugIds:r})=>{const[n,l]=Bo(t),I=n?.getRemoteTableId(e),u=Qe(e,o,n);return Ao(R(I)||R(u)?null:xo(s,{...S(d,u),key:u,tableId:I,rowId:u,store:l,debugIds:r}),void 0,r,o)},Qo=e=>Lo(e,Ue,e.remoteRowId),Uo=e=>Lo(e,We,e.firstRowId),Wo=({queryId:e,rowId:o,cellId:t,queries:d,debugIds:r})=>Ao(s+(no(e,o,t,d)??s),void 0,r,t),Xo=({queryId:e,rowId:o,queries:t,resultCellComponent:s=Wo,getResultCellComponentProps:d,separator:r,debugIds:n})=>Ao(y(ro(e,o,t),(r=>xo(s,{...S(d,r),key:r,queryId:e,rowId:o,cellId:r,queries:t,debugIds:n}))),r,n,o),Yo=e=>To(e,eo(e.queryId,e.queries)),Zo=({cellId:e,descending:o,offset:t,limit:s,...d})=>To(d,to(d.queryId,e,o,t,s,d.queries)),$o=({checkpoints:e,checkpointId:o,debugIds:t})=>Ao(Co(o,e)??s,void 0,t,o),_o=Mo((e=>e[0])),et=Mo((e=>R(e[1])?[]:[e[1]])),ot=Mo((e=>e[2]));export{_o as BackwardCheckpointsView,Eo as CellView,$o as CheckpointView,et as CurrentCheckpointView,ot as ForwardCheckpointsView,No as IndexView,Uo as LinkedRowsView,Qo as LocalRowsView,Jo as MetricView,Vo as Provider,Oo as RemoteRowView,Wo as ResultCellView,Xo as ResultRowView,Zo as ResultSortedTableView,Yo as ResultTableView,Fo as RowView,Ko as SliceView,zo as SortedTableView,jo as TableView,Do as TablesView,Go as ValueView,Ho as ValuesView,pe as useAddRowCallback,ne as useCell,re as useCellIds,Me as useCellIdsListener,Ve as useCellListener,Co as useCheckpoint,bo as useCheckpointIds,vo as useCheckpointIdsListener,qo as useCheckpointListener,V as useCheckpoints,go as useCreateCheckpoints,Ge as useCreateIndexes,je as useCreateMetrics,Po as useCreatePersister,$e as useCreateQueries,Oe as useCreateRelationships,Z as useCreateStore,he as useDelCellCallback,ye as useDelRowCallback,ke as useDelTableCallback,me as useDelTablesCallback,qe as useDelValueCallback,ve as useDelValuesCallback,wo as useGoBackwardCallback,mo as useGoForwardCallback,ko as useGoToCallback,B as useIndexes,We as useLinkedRowIds,Ze as useLinkedRowIdsListener,Ue as useLocalRowIds,Ye as useLocalRowIdsListener,ze as useMetric,De as useMetricListener,T as useMetrics,M as useQueries,ho as useRedoInformation,L as useRelationships,Qe as useRemoteRowId,Xe as useRemoteRowIdListener,no as useResultCell,ro as useResultCellIds,ao as useResultCellIdsListener,po as useResultCellListener,so as useResultRow,eo as useResultRowIds,uo as useResultRowIdsListener,co as useResultRowListener,to as useResultSortedRowIds,io as useResultSortedRowIdsListener,_e as useResultTable,oo as useResultTableCellIds,Io as useResultTableCellIdsListener,lo as useResultTableListener,de as useRow,te as useRowIds,Te as useRowIdsListener,Le as useRowListener,be as useSetCellCallback,Ro as useSetCheckpointCallback,ge as useSetPartialRowCallback,Re as useSetPartialValuesCallback,ae as useSetRowCallback,ce as useSetTableCallback,ie as useSetTablesCallback,we as useSetValueCallback,Ce as useSetValuesCallback,He as useSliceIds,Ke as useSliceIdsListener,Je as useSliceRowIds,Ne as useSliceRowIdsListener,se as useSortedRowIds,Be as useSortedRowIdsListener,f as useStore,ee as useTable,oe as useTableCellIds,fe as useTableCellIdsListener,_ as useTableIds,xe as useTableIdsListener,Se as useTableListener,$ as useTables,Pe as useTablesListener,yo as useUndoInformation,ue as useValue,Ie as useValueIds,Ee as useValueIdsListener,Fe as useValueListener,le as useValues,Ae as useValuesListener};