tinybase 6.0.0-beta.2 → 6.0.0

package/@types/ui-react-dom/index.d.cts

@@ -10,7 +10,7 @@
  * @module ui-react-dom
  * @since v4.1.0
  */
-
+import type {Id, Ids} from '../common/index.d.cts';
 import type {
   CellProps,
   ComponentReturnType,
@@ -22,7 +22,6 @@ import type {
   StoreOrStoreId,
   ValueProps,
 } from '../ui-react/index.d.cts';
-import type {Id, Ids} from '../common/index.d.cts';
 import type {ComponentType} from 'react';
 
 /**
@@ -584,11 +583,11 @@ export type SortedTablePaginatorProps = {
  * a <table> element with a CSS class.
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -634,11 +633,11 @@ export type SortedTablePaginatorProps = {
  * row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -742,11 +741,11 @@ export function TableInHtmlTable(
  * Table in a <table> element with a CSS class.
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -800,11 +799,11 @@ export function TableInHtmlTable(
  * of each row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -898,11 +897,11 @@ export function SortedTableInHtmlTable(
  * in a <table> element with a CSS class.
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -944,11 +943,11 @@ export function SortedTableInHtmlTable(
  * the top of the table and the Id column at the start of each row is removed.
  *
  * ```jsx
- * import {Provider, ValueView} from 'tinybase/ui-react';
  * import React from 'react';
- * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, ValueView} from 'tinybase/ui-react';
+ * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1025,11 +1024,11 @@ export function ValuesInHtmlTable(
  * in a <table> element with a CSS class.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createIndexes, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {SliceInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -1081,11 +1080,11 @@ export function ValuesInHtmlTable(
  * row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
- * import {SliceInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {SliceInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -1188,11 +1187,11 @@ export function SliceInHtmlTable(
  * CSS class. Note the dotted pairs that are used as column headings.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createRelationships, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {RelationshipInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -1252,11 +1251,11 @@ export function SliceInHtmlTable(
  * the table and the Id column at the start of each row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
- * import {RelationshipInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {RelationshipInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -1352,11 +1351,11 @@ export function RelationshipInHtmlTable(
  * ResultTable in a <table> element with a CSS class.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createQueries, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {ResultTableInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1406,11 +1405,11 @@ export function RelationshipInHtmlTable(
  * the start of each row is removed.
  *
  * ```jsx
- * import {Provider, ResultCellView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
- * import {ResultTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultCellView} from 'tinybase/ui-react';
+ * import {ResultTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1518,11 +1517,11 @@ export function ResultTableInHtmlTable(
  * renders the ResultTable in a <table> element with a CSS class.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createQueries, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {ResultSortedTableInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1576,11 +1575,11 @@ export function ResultTableInHtmlTable(
  * column at the start of each row is removed.
  *
  * ```jsx
- * import {Provider, ResultCellView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
- * import {ResultSortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultCellView} from 'tinybase/ui-react';
+ * import {ResultSortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1674,11 +1673,11 @@ export function ResultSortedTableInHtmlTable(
  * Cell.
  *
  * ```jsx
- * import {EditableCellView} from 'tinybase/ui-react-dom';
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {EditableCellView} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1741,11 +1740,11 @@ export function EditableCellView(
  * Value.
  *
  * ```jsx
- * import {EditableValueView} from 'tinybase/ui-react-dom';
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {EditableValueView} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1796,11 +1795,11 @@ export function EditableValueView(
  * Table in a <table> element with a SortedTablePaginator (the default).
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>

package/@types/ui-react-dom/index.d.ts

@@ -10,7 +10,7 @@
  * @module ui-react-dom
  * @since v4.1.0
  */
-
+import type {Id, Ids} from '../common/index.d.ts';
 import type {
   CellProps,
   ComponentReturnType,
@@ -22,7 +22,6 @@ import type {
   StoreOrStoreId,
   ValueProps,
 } from '../ui-react/index.d.ts';
-import type {Id, Ids} from '../common/index.d.ts';
 import type {ComponentType} from 'react';
 
 /**
@@ -584,11 +583,11 @@ export type SortedTablePaginatorProps = {
  * a <table> element with a CSS class.
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -634,11 +633,11 @@ export type SortedTablePaginatorProps = {
  * row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {TableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -742,11 +741,11 @@ export function TableInHtmlTable(
  * Table in a <table> element with a CSS class.
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -800,11 +799,11 @@ export function TableInHtmlTable(
  * of each row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -898,11 +897,11 @@ export function SortedTableInHtmlTable(
  * in a <table> element with a CSS class.
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -944,11 +943,11 @@ export function SortedTableInHtmlTable(
  * the top of the table and the Id column at the start of each row is removed.
  *
  * ```jsx
- * import {Provider, ValueView} from 'tinybase/ui-react';
  * import React from 'react';
- * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider, ValueView} from 'tinybase/ui-react';
+ * import {ValuesInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1025,11 +1024,11 @@ export function ValuesInHtmlTable(
  * in a <table> element with a CSS class.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createIndexes, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {SliceInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -1081,11 +1080,11 @@ export function ValuesInHtmlTable(
  * row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
- * import {createIndexes, createStore} from 'tinybase';
  * import React from 'react';
- * import {SliceInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createIndexes, createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {SliceInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({indexes}) => (
  *   <Provider indexes={indexes}>
@@ -1188,11 +1187,11 @@ export function SliceInHtmlTable(
  * CSS class. Note the dotted pairs that are used as column headings.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createRelationships, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {RelationshipInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -1252,11 +1251,11 @@ export function SliceInHtmlTable(
  * the table and the Id column at the start of each row is removed.
  *
  * ```jsx
- * import {CellView, Provider} from 'tinybase/ui-react';
- * import {createRelationships, createStore} from 'tinybase';
  * import React from 'react';
- * import {RelationshipInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createRelationships, createStore} from 'tinybase';
+ * import {CellView, Provider} from 'tinybase/ui-react';
+ * import {RelationshipInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({relationships}) => (
  *   <Provider relationships={relationships}>
@@ -1352,11 +1351,11 @@ export function RelationshipInHtmlTable(
  * ResultTable in a <table> element with a CSS class.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createQueries, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {ResultTableInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1406,11 +1405,11 @@ export function RelationshipInHtmlTable(
  * the start of each row is removed.
  *
  * ```jsx
- * import {Provider, ResultCellView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
- * import {ResultTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultCellView} from 'tinybase/ui-react';
+ * import {ResultTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1518,11 +1517,11 @@ export function ResultTableInHtmlTable(
  * renders the ResultTable in a <table> element with a CSS class.
  *
  * ```jsx
+ * import React from 'react';
+ * import {createRoot} from 'react-dom/client';
  * import {createQueries, createStore} from 'tinybase';
  * import {Provider} from 'tinybase/ui-react';
- * import React from 'react';
  * import {ResultSortedTableInHtmlTable} from 'tinybase/ui-react-dom';
- * import {createRoot} from 'react-dom/client';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1576,11 +1575,11 @@ export function ResultTableInHtmlTable(
  * column at the start of each row is removed.
  *
  * ```jsx
- * import {Provider, ResultCellView} from 'tinybase/ui-react';
- * import {createQueries, createStore} from 'tinybase';
  * import React from 'react';
- * import {ResultSortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
+ * import {createQueries, createStore} from 'tinybase';
+ * import {Provider, ResultCellView} from 'tinybase/ui-react';
+ * import {ResultSortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({queries}) => (
  *   <Provider queries={queries}>
@@ -1674,11 +1673,11 @@ export function ResultSortedTableInHtmlTable(
  * Cell.
  *
  * ```jsx
- * import {EditableCellView} from 'tinybase/ui-react-dom';
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {EditableCellView} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1741,11 +1740,11 @@ export function EditableCellView(
  * Value.
  *
  * ```jsx
- * import {EditableValueView} from 'tinybase/ui-react-dom';
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {EditableValueView} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>
@@ -1796,11 +1795,11 @@ export function EditableValueView(
  * Table in a <table> element with a SortedTablePaginator (the default).
  *
  * ```jsx
- * import {Provider} from 'tinybase/ui-react';
  * import React from 'react';
- * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  * import {createRoot} from 'react-dom/client';
  * import {createStore} from 'tinybase';
+ * import {Provider} from 'tinybase/ui-react';
+ * import {SortedTableInHtmlTable} from 'tinybase/ui-react-dom';
  *
  * const App = ({store}) => (
  *   <Provider store={store}>