tinybase 9.3.0 → 9.4.0-beta.1

package/@types/queries/index.d.ts

@@ -1011,6 +1011,138 @@ export type Select = {
   ): SelectedAs;
 };
 
+/**
+ * The CellIdMapper type describes a function used by a SelectAll clause to map
+ * a source Cell Id to a Cell Id in the query result.
+ * @param cellId The Id of a Cell in the source Row.
+ * @returns The Id to use for that Cell in the result Row.
+ * @category Callback
+ * @since v9.4.0
+ */
+export type CellIdMapper = (cellId: Id) => Id;
+
+/**
+ * The SelectAll type describes a function that lets you select every Cell
+ * present in a source Row.
+ *
+ * The SelectAll function is provided to the third `query` parameter of the
+ * setQueryDefinition method. Different source Rows can contain different Cell
+ * Ids, and each result Row will contain only the Cells present in its
+ * corresponding source Row. The result Table's Cell Ids are therefore the union
+ * of the Cells in its result Rows.
+ *
+ * Source Cell Ids are processed in lexical order, and selection clauses are
+ * processed in the order they are declared. If multiple selected Cells map to
+ * the same result Cell Id, the later one wins.
+ *
+ * When used in a grouped query, the current table-wide union of source Cell Ids
+ * is expanded into individual selections. The query is rebuilt if this union
+ * changes, and any selected Cell that is not grouped becomes a grouping
+ * dimension as usual.
+ * @category Definition
+ * @since v9.4.0
+ */
+export type SelectAll = {
+  /**
+   * Calling this function with no parameters will select every Cell present in
+   * each Row of the query's root Table, retaining the source Cell Ids.
+   * @example
+   * This example selects all the Cells from heterogeneous root Rows:
+   *
+   * ```js
+   * import {createQueries, createStore} from 'tinybase';
+   *
+   * const store = createStore().setTable('pets', {
+   *   fido: {species: 'dog', color: 'brown'},
+   *   felix: {species: 'cat', indoor: true},
+   * });
+   * const queries = createQueries(store);
+   *
+   * queries.setQueryDefinition('query', 'pets', ({selectAll}) => selectAll());
+   *
+   * console.log(queries.getResultRow('query', 'fido'));
+   * // -> {color: 'brown', species: 'dog'}
+   * console.log(queries.getResultRow('query', 'felix'));
+   * // -> {indoor: true, species: 'cat'}
+   * ```
+   * @category Definition
+   * @since v9.4.0
+   */
+  (): void;
+  /**
+   * Calling this function with a joined Table Id will select every Cell present
+   * in the joined Row.
+   *
+   * An optional second parameter can map each Cell Id with a prefix or
+   * callback.
+   * @param joinedTableId The Id of the joined Table. If the Table was joined
+   * 'as' a different Id, that should instead be used.
+   * @param cellIdPrefixOrMapper An optional prefix to prepend to every Cell Id,
+   * or a CellIdMapper callback that returns each result Cell Id.
+   * @example
+   * This example selects all the Cells from a joined Table, retaining their
+   * Cell Ids:
+   *
+   * ```js
+   * import {createQueries, createStore} from 'tinybase';
+   *
+   * const store = createStore()
+   *   .setTable('pets', {fido: {ownerId: '1'}})
+   *   .setTable('owners', {'1': {name: 'Alice', city: 'London'}});
+   * const queries = createQueries(store);
+   *
+   * queries.setQueryDefinition('query', 'pets', ({selectAll, join}) => {
+   *   selectAll('owners');
+   *   join('owners', 'ownerId');
+   * });
+   *
+   * console.log(queries.getResultRow('query', 'fido'));
+   * // -> {city: 'London', name: 'Alice'}
+   * ```
+   * @category Definition
+   * @since v9.4.0
+   */
+  (joinedTableId: Id, cellIdPrefixOrMapper?: Id | CellIdMapper): void;
+  /**
+   * Calling this function with `true` and a joined query Id will select every
+   * Cell present in the joined result Row.
+   *
+   * An optional third parameter can map each Cell Id with a prefix or callback.
+   * @param asQuery A flag indicating that the next Id is a query Id.
+   * @param joinedQueryId The Id of the joined query result. If the query result
+   * was joined 'as' a different Id, that should instead be used.
+   * @param cellIdPrefixOrMapper An optional prefix to prepend to every Cell Id,
+   * or a CellIdMapper callback that returns each result Cell Id.
+   * @example
+   * This example selects all the Cells from a joined query result, prefixing
+   * each Cell Id:
+   *
+   * ```js
+   * import {createQueries, createStore} from 'tinybase';
+   *
+   * const store = createStore()
+   *   .setTable('pets', {fido: {ownerId: '1'}})
+   *   .setTable('owners', {'1': {name: 'Alice', city: 'London'}});
+   * const queries = createQueries(store)
+   *   .setQueryDefinition('owners', 'owners', ({selectAll}) => selectAll())
+   *   .setQueryDefinition('query', 'pets', ({selectAll, join}) => {
+   *     selectAll(true, 'owners', 'owner.');
+   *     join(true, 'owners', 'ownerId');
+   *   });
+   *
+   * console.log(queries.getResultRow('query', 'fido'));
+   * // -> {'owner.city': 'London', 'owner.name': 'Alice'}
+   * ```
+   * @category Definition
+   * @since v9.4.0
+   */
+  (
+    asQuery: true,
+    joinedQueryId: Id,
+    cellIdPrefixOrMapper?: Id | CellIdMapper,
+  ): void;
+};
+
 /**
  * The SelectedAs type describes an object returned from calling a Select
  * function so that the selected Cell Id can be optionally aliased.
@@ -1257,8 +1389,8 @@ export type Join = {
   (joinedTableId: Id, on: Id): JoinedAs;
   /**
    * Calling this function with three parameters (where the first is `true`)
-   * will indicate that the join to a Row in an adjacent query result is made
-   * by finding its Id in a Cell of the query's root Table.
+   * will indicate that the join to a Row in an adjacent query result is made by
+   * finding its Id in a Cell of the query's root Table.
    * @param asQuery A flag indicating that the next Id is a query Id.
    * @param joinedQueryId The Id of the query result to join to.
    * @param on The Id of the Cell in the root Table that contains the joined
@@ -1323,8 +1455,8 @@ export type Join = {
    */
   (joinedTableId: Id, fromIntermediateJoinedTableId: Id, on: Id): JoinedAs;
   /**
-   * Calling this function with four parameters (where the first is `true`)
-   * will indicate that the join to a Row in a distant query result is made by
+   * Calling this function with four parameters (where the first is `true`) will
+   * indicate that the join to a Row in a distant query result is made by
    * finding its Id in a Cell of an intermediately joined Table.
    * @param asQuery A flag indicating that the next Id is a query Id.
    * @param joinedQueryId The Id of the distant query result to join to.
@@ -1371,9 +1503,9 @@ export type Join = {
   ): JoinedAs;
   /**
    * Calling this function with four parameters (where the first is `true` and
-   * the fourth is a function) will indicate that the join to a Row in a
-   * distant query result is made by calculating its Id from the Cells and the
-   * Row Id of an intermediately joined Table.
+   * the fourth is a function) will indicate that the join to a Row in a distant
+   * query result is made by calculating its Id from the Cells and the Row Id of
+   * an intermediately joined Table.
    * @param asQuery A flag indicating that the next Id is a query Id.
    * @param joinedQueryId The Id of the query result to join to.
    * @param fromIntermediateJoinedTableId The Id of an intermediate Table (which
@@ -2102,6 +2234,7 @@ export interface Queries {
     tableId: Id,
     query: (keywords: {
       select: Select;
+      selectAll: SelectAll;
       join: Join;
       where: Where;
       group: Group;
@@ -2116,6 +2249,7 @@ export interface Queries {
     rootQueryId: Id,
     query: (keywords: {
       select: Select;
+      selectAll: SelectAll;
       join: Join;
       where: Where;
       group: Group;

package/@types/queries/with-schemas/index.d.ts

@@ -1158,6 +1158,148 @@ export type Select<
   ): SelectedAs;
 };
 
+/**
+ * The CellIdMapper type describes a function used by a SelectAll clause to map
+ * a source Cell Id to a Cell Id in the query result.
+ * @param cellId The Id of a Cell in the source Row.
+ * @returns The Id to use for that Cell in the result Row.
+ * @category Callback
+ * @since v9.4.0
+ */
+export type CellIdMapper<CellId extends Id = Id> = (cellId: CellId) => Id;
+
+/**
+ * The SelectAll type describes a function that lets you select every Cell
+ * present in a source Row.
+ *
+ * The SelectAll function is provided to the third `query` parameter of the
+ * setQueryDefinition method. Different source Rows can contain different Cell
+ * Ids, and each result Row will contain only the Cells present in its
+ * corresponding source Row. The result Table's Cell Ids are therefore the union
+ * of the Cells in its result Rows.
+ *
+ * Source Cell Ids are processed in lexical order, and selection clauses are
+ * processed in the order they are declared. If multiple selected Cells map to
+ * the same result Cell Id, the later one wins.
+ *
+ * When used in a grouped query, the current table-wide union of source Cell Ids
+ * is expanded into individual selections. The query is rebuilt if this union
+ * changes, and any selected Cell that is not grouped becomes a grouping
+ * dimension as usual.
+ * @category Definition
+ * @since v9.4.0
+ */
+export type SelectAll<Schema extends OptionalTablesSchema> = {
+  /**
+   * Calling this function with no parameters will select every Cell present in
+   * each Row of the query's root Table, retaining the source Cell Ids.
+   * @example
+   * This example selects all the Cells from heterogeneous root Rows:
+   *
+   * ```js
+   * import {createQueries, createStore} from 'tinybase';
+   *
+   * const store = createStore().setTable('pets', {
+   *   fido: {species: 'dog', color: 'brown'},
+   *   felix: {species: 'cat', indoor: true},
+   * });
+   * const queries = createQueries(store);
+   *
+   * queries.setQueryDefinition('query', 'pets', ({selectAll}) => selectAll());
+   *
+   * console.log(queries.getResultRow('query', 'fido'));
+   * // -> {color: 'brown', species: 'dog'}
+   * console.log(queries.getResultRow('query', 'felix'));
+   * // -> {indoor: true, species: 'cat'}
+   * ```
+   * @category Definition
+   * @since v9.4.0
+   */
+  (): void;
+  /**
+   * Calling this function with a joined Table Id will select every Cell present
+   * in the joined Row.
+   *
+   * This has schema-based typing. The following is a simplified representation:
+   *
+   * ```ts override
+   * (joinedTableId: Id, cellIdPrefixOrMapper?: Id | CellIdMapper): void;
+   * ```
+   *
+   * An optional second parameter can map each Cell Id with a prefix or
+   * callback.
+   * @param joinedTableId The Id of the joined Table. If the Table was joined
+   * 'as' a different Id, that should instead be used.
+   * @param cellIdPrefixOrMapper An optional prefix to prepend to every Cell Id,
+   * or a CellIdMapper callback that returns each result Cell Id.
+   * @example
+   * This example selects all the Cells from a joined Table, retaining their
+   * Cell Ids:
+   *
+   * ```js
+   * import {createQueries, createStore} from 'tinybase';
+   *
+   * const store = createStore()
+   *   .setTable('pets', {fido: {ownerId: '1'}})
+   *   .setTable('owners', {'1': {name: 'Alice', city: 'London'}});
+   * const queries = createQueries(store);
+   *
+   * queries.setQueryDefinition('query', 'pets', ({selectAll, join}) => {
+   *   selectAll('owners');
+   *   join('owners', 'ownerId');
+   * });
+   *
+   * console.log(queries.getResultRow('query', 'fido'));
+   * // -> {city: 'London', name: 'Alice'}
+   * ```
+   * @category Definition
+   * @since v9.4.0
+   */
+  <JoinedTableId extends TableIdFromSchema<Schema> | Id>(
+    joinedTableId: JoinedTableId,
+    cellIdPrefixOrMapper?:
+      Id | CellIdMapper<JoinedCellIdOrId<Schema, JoinedTableId>>,
+  ): void;
+  /**
+   * Calling this function with `true` and a joined query Id will select every
+   * Cell present in the joined result Row.
+   *
+   * An optional third parameter can map each Cell Id with a prefix or callback.
+   * @param asQuery A flag indicating that the next Id is a query Id.
+   * @param joinedQueryId The Id of the joined query result. If the query result
+   * was joined 'as' a different Id, that should instead be used.
+   * @param cellIdPrefixOrMapper An optional prefix to prepend to every Cell Id,
+   * or a CellIdMapper callback that returns each result Cell Id.
+   * @example
+   * This example selects all the Cells from a joined query result, prefixing
+   * each Cell Id:
+   *
+   * ```js
+   * import {createQueries, createStore} from 'tinybase';
+   *
+   * const store = createStore()
+   *   .setTable('pets', {fido: {ownerId: '1'}})
+   *   .setTable('owners', {'1': {name: 'Alice', city: 'London'}});
+   * const queries = createQueries(store)
+   *   .setQueryDefinition('owners', 'owners', ({selectAll}) => selectAll())
+   *   .setQueryDefinition('query', 'pets', ({selectAll, join}) => {
+   *     selectAll(true, 'owners', 'owner.');
+   *     join(true, 'owners', 'ownerId');
+   *   });
+   *
+   * console.log(queries.getResultRow('query', 'fido'));
+   * // -> {'owner.city': 'London', 'owner.name': 'Alice'}
+   * ```
+   * @category Definition
+   * @since v9.4.0
+   */
+  (
+    asQuery: true,
+    joinedQueryId: Id,
+    cellIdPrefixOrMapper?: Id | CellIdMapper,
+  ): void;
+};
+
 /**
  * The SelectedAs type describes an object returned from calling a Select
  * function so that the selected Cell Id can be optionally aliased.
@@ -1410,8 +1552,8 @@ export type Join<
   ): JoinedAs;
   /**
    * Calling this function with three parameters (where the first is `true`)
-   * will indicate that the join to a Row in an adjacent query result is made
-   * by finding its Id in a Cell of the query's root Table.
+   * will indicate that the join to a Row in an adjacent query result is made by
+   * finding its Id in a Cell of the query's root Table.
    * @param asQuery A flag indicating that the next Id is a query Id.
    * @param joinedQueryId The Id of the query result to join to.
    * @param on The Id of the Cell in the root Table that contains the joined
@@ -1491,8 +1633,8 @@ export type Join<
     on: IntermediateJoinedCellId,
   ): JoinedAs;
   /**
-   * Calling this function with four parameters (where the first is `true`)
-   * will indicate that the join to a Row in a distant query result is made by
+   * Calling this function with four parameters (where the first is `true`) will
+   * indicate that the join to a Row in a distant query result is made by
    * finding its Id in a Cell of an intermediately joined Table.
    * @param asQuery A flag indicating that the next Id is a query Id.
    * @param joinedQueryId The Id of the distant query result to join to.
@@ -1553,9 +1695,9 @@ export type Join<
   ): JoinedAs;
   /**
    * Calling this function with four parameters (where the first is `true` and
-   * the fourth is a function) will indicate that the join to a Row in a
-   * distant query result is made by calculating its Id from the Cells and the
-   * Row Id of an intermediately joined Table.
+   * the fourth is a function) will indicate that the join to a Row in a distant
+   * query result is made by calculating its Id from the Cells and the Row Id of
+   * an intermediately joined Table.
    * @param asQuery A flag indicating that the next Id is a query Id.
    * @param joinedQueryId The Id of the query result to join to.
    * @param fromIntermediateJoinedTableId The Id of an intermediate Table (which
@@ -2256,6 +2398,7 @@ export interface Queries<in out Schemas extends OptionalSchemas> {
    *   tableId: Id,
    *   query: (keywords: {
    *     select: Select;
+   *     selectAll: SelectAll;
    *     join: Join;
    *     where: Where;
    *     group: Group;
@@ -2270,6 +2413,7 @@ export interface Queries<in out Schemas extends OptionalSchemas> {
    *   rootQueryId: Id,
    *   query: (keywords: {
    *     select: Select;
+   *     selectAll: SelectAll;
    *     join: Join;
    *     where: Where;
    *     group: Group;
@@ -2348,6 +2492,7 @@ export interface Queries<in out Schemas extends OptionalSchemas> {
     tableId: RootTableId,
     query: (keywords: {
       select: Select<Schemas[0], RootTableId>;
+      selectAll: SelectAll<Schemas[0]>;
       join: Join<Schemas[0], RootTableId>;
       where: Where<Schemas[0], RootTableId>;
       group: Group;
@@ -2362,6 +2507,7 @@ export interface Queries<in out Schemas extends OptionalSchemas> {
     rootQueryId: Id,
     query: (keywords: {
       select: Select<any, any>;
+      selectAll: SelectAll<any>;
       join: Join<any, any>;
       where: Where<any, any>;
       group: Group;

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

@@ -692,7 +692,7 @@ export type SortedTablePaginatorProps = {
  *
  * See the <TableInHtmlTable /> (React) demo for this component in action:
  *
- * ![TableInHtmlTable example](https://tinybase.org/shots/tableinhtmltable-react-demo.png
+ * ![TableInHtmlTable example](https://beta.tinybase.org/shots/tableinhtmltable-react-demo.png
  * "TableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -838,7 +838,7 @@ export function TableInHtmlTable(
  * See the <SortedTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![SortedTableInHtmlTable example](https://tinybase.org/shots/sortedtableinhtmltable-react-demo.png
+ * ![SortedTableInHtmlTable example](https://beta.tinybase.org/shots/sortedtableinhtmltable-react-demo.png
  * "SortedTableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -1011,7 +1011,7 @@ export function SortedTableInHtmlTable(
  *
  * See the <ValuesInHtmlTable /> (React) demo for this component in action:
  *
- * ![ValuesInHtmlTable example](https://tinybase.org/shots/valuesinhtmltable-react-demo.png
+ * ![ValuesInHtmlTable example](https://beta.tinybase.org/shots/valuesinhtmltable-react-demo.png
  * "ValuesInHtmlTable example")
  *
  * The component's props identify which Row to render based on Table Id, Row Id,
@@ -1142,7 +1142,7 @@ export function ValuesInHtmlTable(
  *
  * See the <SliceInHtmlTable /> (React) demo for this component in action:
  *
- * ![SliceInHtmlTable example](https://tinybase.org/shots/sliceinhtmltable-react-demo.png
+ * ![SliceInHtmlTable example](https://beta.tinybase.org/shots/sliceinhtmltable-react-demo.png
  * "SliceInHtmlTable example")
  *
  * The component's props identify which Slice to render based on Index Id, Slice
@@ -1300,7 +1300,7 @@ export function SliceInHtmlTable(
  * See the <RelationshipInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![RelationshipInHtmlTable example](https://tinybase.org/shots/relationshipinhtmltable-react-demo.png
+ * ![RelationshipInHtmlTable example](https://beta.tinybase.org/shots/relationshipinhtmltable-react-demo.png
  * "RelationshipInHtmlTable example")
  *
  * The component's props identify which Relationship to render based on
@@ -1478,7 +1478,7 @@ export function RelationshipInHtmlTable(
  * See the <ResultTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![ResultTableInHtmlTable example](https://tinybase.org/shots/resulttableinhtmltable-react-demo.png
+ * ![ResultTableInHtmlTable example](https://beta.tinybase.org/shots/resulttableinhtmltable-react-demo.png
  * "ResultTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1631,7 +1631,7 @@ export function ResultTableInHtmlTable(
  * See the <ResultSortedTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![ResultSortedTableInHtmlTable example](https://tinybase.org/shots/resultsortedtableinhtmltable-react-demo.png
+ * ![ResultSortedTableInHtmlTable example](https://beta.tinybase.org/shots/resultsortedtableinhtmltable-react-demo.png
  * "ResultSortedTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1805,7 +1805,7 @@ export function ResultSortedTableInHtmlTable(
  *
  * See the <EditableCellView /> (React) demo for this component in action:
  *
- * ![EditableCellView example](https://tinybase.org/shots/editablecellview-react-demo.png
+ * ![EditableCellView example](https://beta.tinybase.org/shots/editablecellview-react-demo.png
  * "EditableCellView example")
  *
  * The component's props identify which Cell to render based on Table Id, Row
@@ -1876,7 +1876,7 @@ export function EditableCellView(
  *
  * See the <EditableValueView /> (React) demo for this component in action:
  *
- * ![EditableValueView example](https://tinybase.org/shots/editablevalueview-react-demo.png
+ * ![EditableValueView example](https://beta.tinybase.org/shots/editablevalueview-react-demo.png
  * "EditableValueView example")
  *
  * The component's props identify which Value to render based on Table Id, Row
@@ -1947,7 +1947,7 @@ export function EditableValueView(
  * See the <SortedTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![SortedTablePaginator example](https://tinybase.org/shots/sortedtablepaginator-react-demo.png
+ * ![SortedTablePaginator example](https://beta.tinybase.org/shots/sortedtablepaginator-react-demo.png
  * "SortedTablePaginator example")
  *
  * The component displays 'previous' and 'next' buttons for paging through the

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

@@ -668,7 +668,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <TableInHtmlTable /> (React) demo for this component in action:
  *
- * ![TableInHtmlTable example](https://tinybase.org/shots/tableinhtmltable-react-demo.png
+ * ![TableInHtmlTable example](https://beta.tinybase.org/shots/tableinhtmltable-react-demo.png
  * "TableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -822,7 +822,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <SortedTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![SortedTableInHtmlTable example](https://tinybase.org/shots/sortedtableinhtmltable-react-demo.png
+ * ![SortedTableInHtmlTable example](https://beta.tinybase.org/shots/sortedtableinhtmltable-react-demo.png
  * "SortedTableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -1003,7 +1003,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <ValuesInHtmlTable /> (React) demo for this component in action:
  *
- * ![ValuesInHtmlTable example](https://tinybase.org/shots/valuesinhtmltable-react-demo.png
+ * ![ValuesInHtmlTable example](https://beta.tinybase.org/shots/valuesinhtmltable-react-demo.png
  * "ValuesInHtmlTable example")
  *
  * The component's props identify which Row to render based on Table Id, Row Id,
@@ -1142,7 +1142,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <SliceInHtmlTable /> (React) demo for this component in action:
  *
- * ![SliceInHtmlTable example](https://tinybase.org/shots/sliceinhtmltable-react-demo.png
+ * ![SliceInHtmlTable example](https://beta.tinybase.org/shots/sliceinhtmltable-react-demo.png
  * "SliceInHtmlTable example")
  *
  * The component's props identify which Slice to render based on Index Id, Slice
@@ -1308,7 +1308,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <RelationshipInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![RelationshipInHtmlTable example](https://tinybase.org/shots/relationshipinhtmltable-react-demo.png
+ * ![RelationshipInHtmlTable example](https://beta.tinybase.org/shots/relationshipinhtmltable-react-demo.png
  * "RelationshipInHtmlTable example")
  *
  * The component's props identify which Relationship to render based on
@@ -1494,7 +1494,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <ResultTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![ResultTableInHtmlTable example](https://tinybase.org/shots/resulttableinhtmltable-react-demo.png
+ * ![ResultTableInHtmlTable example](https://beta.tinybase.org/shots/resulttableinhtmltable-react-demo.png
  * "ResultTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1655,7 +1655,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <ResultSortedTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![ResultSortedTableInHtmlTable example](https://tinybase.org/shots/resultsortedtableinhtmltable-react-demo.png
+ * ![ResultSortedTableInHtmlTable example](https://beta.tinybase.org/shots/resultsortedtableinhtmltable-react-demo.png
  * "ResultSortedTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1837,7 +1837,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <EditableCellView /> (React) demo for this component in action:
  *
- * ![EditableCellView example](https://tinybase.org/shots/editablecellview-react-demo.png
+ * ![EditableCellView example](https://beta.tinybase.org/shots/editablecellview-react-demo.png
  * "EditableCellView example")
  *
  * The component's props identify which Cell to render based on Table Id, Row
@@ -1922,7 +1922,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <EditableValueView /> (React) demo for this component in action:
  *
- * ![EditableValueView example](https://tinybase.org/shots/editablevalueview-react-demo.png
+ * ![EditableValueView example](https://beta.tinybase.org/shots/editablevalueview-react-demo.png
  * "EditableValueView example")
  *
  * The component's props identify which Value to render based on Table Id, Row
@@ -1993,7 +1993,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <SortedTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![SortedTablePaginator example](https://tinybase.org/shots/sortedtablepaginator-react-demo.png
+ * ![SortedTablePaginator example](https://beta.tinybase.org/shots/sortedtablepaginator-react-demo.png
  * "SortedTablePaginator example")
  *
  * The component displays 'previous' and 'next' buttons for paging through the

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

@@ -483,7 +483,7 @@ export type YAxisProps = {
  *
  * See the Composing Charts (React) demo for this component in action:
  *
- * ![CartesianChart component example](https://tinybase.org/shots/composing-charts-react-demo.png
+ * ![CartesianChart component example](https://beta.tinybase.org/shots/composing-charts-react-demo.png
  * "CartesianChart component example")
  *
  * The series children declare their own xCellId and yCellId bindings. The
@@ -542,7 +542,7 @@ export function CartesianChart(
  *
  * See the Axis Overrides (React) demo for this component in action:
  *
- * ![XAxis component example](https://tinybase.org/shots/axis-overrides-react-demo.png
+ * ![XAxis component example](https://beta.tinybase.org/shots/axis-overrides-react-demo.png
  * "XAxis component example")
  * @category Store components
  * @since v8.5.0
@@ -558,7 +558,7 @@ export function XAxis(props: XAxisProps): ComponentReturnType;
  *
  * See the Axis Overrides (React) demo for this component in action:
  *
- * ![YAxis component example](https://tinybase.org/shots/axis-overrides-react-demo.png
+ * ![YAxis component example](https://beta.tinybase.org/shots/axis-overrides-react-demo.png
  * "YAxis component example")
  * @category Store components
  * @since v8.5.0
@@ -574,7 +574,7 @@ export function YAxis(props: YAxisProps): ComponentReturnType;
  *
  * See the Composing Charts (React) demo for this component in action:
  *
- * ![LineSeries component example](https://tinybase.org/shots/composing-charts-react-demo.png
+ * ![LineSeries component example](https://beta.tinybase.org/shots/composing-charts-react-demo.png
  * "LineSeries component example")
  * @category Store components
  * @since v8.5.0
@@ -590,7 +590,7 @@ export function LineSeries(props: SeriesProps): ComponentReturnType;
  *
  * See the Composing Charts (React) demo for this component in action:
  *
- * ![BarSeries component example](https://tinybase.org/shots/composing-charts-react-demo.png
+ * ![BarSeries component example](https://beta.tinybase.org/shots/composing-charts-react-demo.png
  * "BarSeries component example")
  * @category Store components
  * @since v8.5.0
@@ -607,7 +607,7 @@ export function BarSeries(props: SeriesProps): ComponentReturnType;
  *
  * See the <LineChart /> (React) demo for this component in action:
  *
- * ![LineChart component example](https://tinybase.org/shots/basic-chart-react-demo.png "LineChart
+ * ![LineChart component example](https://beta.tinybase.org/shots/basic-chart-react-demo.png "LineChart
  * component example")
  * @category Store components
  * @since v8.5.0
@@ -660,7 +660,7 @@ export function LineChart(
  *
  * See the Sorting And Types (React) demo for this component in action:
  *
- * ![BarChart component example](https://tinybase.org/shots/sorting-and-types-react-demo.png
+ * ![BarChart component example](https://beta.tinybase.org/shots/sorting-and-types-react-demo.png
  * "BarChart component example")
  * @category Store components
  * @since v8.5.0