tinybase 8.5.0-beta.1 → 8.5.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/@types/ui-react-dom-charts/index.d.ts +151 -6
  2. package/@types/ui-react-dom-charts/with-schemas/index.d.ts +188 -8
  3. package/min/ui-react/index.js +1 -1
  4. package/min/ui-react/index.js.gz +0 -0
  5. package/min/ui-react/with-schemas/index.js +1 -1
  6. package/min/ui-react/with-schemas/index.js.gz +0 -0
  7. package/min/ui-react-dom/index.js +1 -1
  8. package/min/ui-react-dom/index.js.gz +0 -0
  9. package/min/ui-react-dom/with-schemas/index.js +1 -1
  10. package/min/ui-react-dom/with-schemas/index.js.gz +0 -0
  11. package/min/ui-react-dom-charts/index.js +1 -1
  12. package/min/ui-react-dom-charts/index.js.gz +0 -0
  13. package/min/ui-react-dom-charts/with-schemas/index.js +1 -1
  14. package/min/ui-react-dom-charts/with-schemas/index.js.gz +0 -0
  15. package/min/ui-react-inspector/index.js +1 -1
  16. package/min/ui-react-inspector/index.js.gz +0 -0
  17. package/min/ui-react-inspector/with-schemas/index.js +1 -1
  18. package/min/ui-react-inspector/with-schemas/index.js.gz +0 -0
  19. package/package.json +8 -8
  20. package/readme.md +13 -17
  21. package/releases.md +111 -81
  22. package/ui-react/index.js +3 -0
  23. package/ui-react/with-schemas/index.js +3 -0
  24. package/ui-react-dom/index.js +8 -5
  25. package/ui-react-dom/with-schemas/index.js +8 -5
  26. package/ui-react-dom-charts/index.js +1274 -720
  27. package/ui-react-dom-charts/with-schemas/index.js +1274 -720
  28. package/ui-react-inspector/index.js +13 -10
  29. package/ui-react-inspector/with-schemas/index.js +13 -10
  30. package/ui-svelte/index.js +1 -1
  31. package/ui-svelte/with-schemas/index.js +1 -1
  32. package/ui-svelte-dom/index.js +2 -2
  33. package/ui-svelte-dom/with-schemas/index.js +2 -2
  34. package/ui-svelte-inspector/index.js +2 -2
  35. package/ui-svelte-inspector/with-schemas/index.js +2 -2
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import {Fragment, jsx, jsxs} from 'react/jsx-runtime';
2
+ import {Fragment as Fragment$1, jsx, jsxs} from 'react/jsx-runtime';
3
3
  import {
4
4
  CellView,
5
5
  ResultCellView,
@@ -2926,8 +2926,11 @@ const cancelInspectorIdleCallback = (id) =>
2926
2926
  globalThis.cancelIdleCallback?.(id) ?? clearTimeout(id);
2927
2927
 
2928
2928
  const {
2929
+ Children,
2930
+ Fragment,
2929
2931
  PureComponent,
2930
2932
  createContext,
2933
+ isValidElement,
2931
2934
  useCallback,
2932
2935
  useContext,
2933
2936
  useEffect,
@@ -3773,7 +3776,7 @@ const RelationshipInHtmlRow = ({
3773
3776
  extraRowCells(extraCellsBefore, rowProps),
3774
3777
  isFalse(idColumn)
3775
3778
  ? null
3776
- : /* @__PURE__ */ jsxs(Fragment, {
3779
+ : /* @__PURE__ */ jsxs(Fragment$1, {
3777
3780
  children: [
3778
3781
  /* @__PURE__ */ jsx('th', {
3779
3782
  title: localRowId,
@@ -3862,7 +3865,7 @@ const RelationshipInHtmlTable = ({
3862
3865
  extraHeaders(extraCellsBefore),
3863
3866
  isFalse(idColumn)
3864
3867
  ? null
3865
- : /* @__PURE__ */ jsxs(Fragment, {
3868
+ : /* @__PURE__ */ jsxs(Fragment$1, {
3866
3869
  children: [
3867
3870
  /* @__PURE__ */ jsxs('th', {
3868
3871
  children: [localTableId, '.Id'],
@@ -3979,10 +3982,10 @@ const SortedTablePaginator = ({
3979
3982
  [onChange, offset, limit],
3980
3983
  offset + limit < total,
3981
3984
  );
3982
- return /* @__PURE__ */ jsxs(Fragment, {
3985
+ return /* @__PURE__ */ jsxs(Fragment$1, {
3983
3986
  children: [
3984
3987
  total > limit &&
3985
- /* @__PURE__ */ jsxs(Fragment, {
3988
+ /* @__PURE__ */ jsxs(Fragment$1, {
3986
3989
  children: [
3987
3990
  /* @__PURE__ */ jsx('button', {
3988
3991
  className: 'previous',
@@ -4483,7 +4486,7 @@ const ConfirmableActions = ({actions, ...props}) => {
4483
4486
  }, [confirming, handleDone]);
4484
4487
  if (!isUndefined(confirming)) {
4485
4488
  const [, , Component] = actions[confirming];
4486
- return /* @__PURE__ */ jsxs(Fragment, {
4489
+ return /* @__PURE__ */ jsxs(Fragment$1, {
4487
4490
  children: [
4488
4491
  /* @__PURE__ */ jsx(Component, {onDone: handleDone, ...props}),
4489
4492
  /* @__PURE__ */ jsx('img', {
@@ -4537,7 +4540,7 @@ const NewId = ({onDone, suggestedId, has, set, prompt = 'New Id'}) => {
4537
4540
  setNewId(suggestedId);
4538
4541
  setPreviousSuggestedNewId(suggestedId);
4539
4542
  }
4540
- return /* @__PURE__ */ jsxs(Fragment, {
4543
+ return /* @__PURE__ */ jsxs(Fragment$1, {
4541
4544
  children: [
4542
4545
  prompt + ': ',
4543
4546
  /* @__PURE__ */ jsx('input', {
@@ -4570,7 +4573,7 @@ const Delete = ({onClick, prompt = 'Delete'}) => {
4570
4573
  document.addEventListener('keydown', handleKeyDown);
4571
4574
  return () => document.removeEventListener('keydown', handleKeyDown);
4572
4575
  }, [handleKeyDown]);
4573
- return /* @__PURE__ */ jsxs(Fragment, {
4576
+ return /* @__PURE__ */ jsxs(Fragment$1, {
4574
4577
  children: [
4575
4578
  prompt,
4576
4579
  '? ',
@@ -4751,7 +4754,7 @@ const CellActions = ({tableId, rowId, cellId, store}) =>
4751
4754
 
4752
4755
  const rowActions = [{label: '', component: RowActions}];
4753
4756
  const EditableCellViewWithActions = (props) =>
4754
- /* @__PURE__ */ jsxs(Fragment, {
4757
+ /* @__PURE__ */ jsxs(Fragment$1, {
4755
4758
  children: [
4756
4759
  /* @__PURE__ */ jsx(EditableCellView, {...props}),
4757
4760
  useHasCell(props.tableId, props.rowId, props.cellId, props.store) &&
@@ -5138,7 +5141,7 @@ const Inspector = ({position = 'right', open = false, hue = 270}) => {
5138
5141
  await persister.startAutoSave();
5139
5142
  },
5140
5143
  );
5141
- return /* @__PURE__ */ jsxs(Fragment, {
5144
+ return /* @__PURE__ */ jsxs(Fragment$1, {
5142
5145
  children: [
5143
5146
  /* @__PURE__ */ jsxs('aside', {
5144
5147
  id: UNIQUE_ID,
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import {Fragment, jsx, jsxs} from 'react/jsx-runtime';
2
+ import {Fragment as Fragment$1, jsx, jsxs} from 'react/jsx-runtime';
3
3
  import {
4
4
  CellView,
5
5
  ResultCellView,
@@ -2926,8 +2926,11 @@ const cancelInspectorIdleCallback = (id) =>
2926
2926
  globalThis.cancelIdleCallback?.(id) ?? clearTimeout(id);
2927
2927
 
2928
2928
  const {
2929
+ Children,
2930
+ Fragment,
2929
2931
  PureComponent,
2930
2932
  createContext,
2933
+ isValidElement,
2931
2934
  useCallback,
2932
2935
  useContext,
2933
2936
  useEffect,
@@ -3773,7 +3776,7 @@ const RelationshipInHtmlRow = ({
3773
3776
  extraRowCells(extraCellsBefore, rowProps),
3774
3777
  isFalse(idColumn)
3775
3778
  ? null
3776
- : /* @__PURE__ */ jsxs(Fragment, {
3779
+ : /* @__PURE__ */ jsxs(Fragment$1, {
3777
3780
  children: [
3778
3781
  /* @__PURE__ */ jsx('th', {
3779
3782
  title: localRowId,
@@ -3862,7 +3865,7 @@ const RelationshipInHtmlTable = ({
3862
3865
  extraHeaders(extraCellsBefore),
3863
3866
  isFalse(idColumn)
3864
3867
  ? null
3865
- : /* @__PURE__ */ jsxs(Fragment, {
3868
+ : /* @__PURE__ */ jsxs(Fragment$1, {
3866
3869
  children: [
3867
3870
  /* @__PURE__ */ jsxs('th', {
3868
3871
  children: [localTableId, '.Id'],
@@ -3979,10 +3982,10 @@ const SortedTablePaginator = ({
3979
3982
  [onChange, offset, limit],
3980
3983
  offset + limit < total,
3981
3984
  );
3982
- return /* @__PURE__ */ jsxs(Fragment, {
3985
+ return /* @__PURE__ */ jsxs(Fragment$1, {
3983
3986
  children: [
3984
3987
  total > limit &&
3985
- /* @__PURE__ */ jsxs(Fragment, {
3988
+ /* @__PURE__ */ jsxs(Fragment$1, {
3986
3989
  children: [
3987
3990
  /* @__PURE__ */ jsx('button', {
3988
3991
  className: 'previous',
@@ -4483,7 +4486,7 @@ const ConfirmableActions = ({actions, ...props}) => {
4483
4486
  }, [confirming, handleDone]);
4484
4487
  if (!isUndefined(confirming)) {
4485
4488
  const [, , Component] = actions[confirming];
4486
- return /* @__PURE__ */ jsxs(Fragment, {
4489
+ return /* @__PURE__ */ jsxs(Fragment$1, {
4487
4490
  children: [
4488
4491
  /* @__PURE__ */ jsx(Component, {onDone: handleDone, ...props}),
4489
4492
  /* @__PURE__ */ jsx('img', {
@@ -4537,7 +4540,7 @@ const NewId = ({onDone, suggestedId, has, set, prompt = 'New Id'}) => {
4537
4540
  setNewId(suggestedId);
4538
4541
  setPreviousSuggestedNewId(suggestedId);
4539
4542
  }
4540
- return /* @__PURE__ */ jsxs(Fragment, {
4543
+ return /* @__PURE__ */ jsxs(Fragment$1, {
4541
4544
  children: [
4542
4545
  prompt + ': ',
4543
4546
  /* @__PURE__ */ jsx('input', {
@@ -4570,7 +4573,7 @@ const Delete = ({onClick, prompt = 'Delete'}) => {
4570
4573
  document.addEventListener('keydown', handleKeyDown);
4571
4574
  return () => document.removeEventListener('keydown', handleKeyDown);
4572
4575
  }, [handleKeyDown]);
4573
- return /* @__PURE__ */ jsxs(Fragment, {
4576
+ return /* @__PURE__ */ jsxs(Fragment$1, {
4574
4577
  children: [
4575
4578
  prompt,
4576
4579
  '? ',
@@ -4751,7 +4754,7 @@ const CellActions = ({tableId, rowId, cellId, store}) =>
4751
4754
 
4752
4755
  const rowActions = [{label: '', component: RowActions}];
4753
4756
  const EditableCellViewWithActions = (props) =>
4754
- /* @__PURE__ */ jsxs(Fragment, {
4757
+ /* @__PURE__ */ jsxs(Fragment$1, {
4755
4758
  children: [
4756
4759
  /* @__PURE__ */ jsx(EditableCellView, {...props}),
4757
4760
  useHasCell(props.tableId, props.rowId, props.cellId, props.store) &&
@@ -5138,7 +5141,7 @@ const Inspector = ({position = 'right', open = false, hue = 270}) => {
5138
5141
  await persister.startAutoSave();
5139
5142
  },
5140
5143
  );
5141
- return /* @__PURE__ */ jsxs(Fragment, {
5144
+ return /* @__PURE__ */ jsxs(Fragment$1, {
5142
5145
  children: [
5143
5146
  /* @__PURE__ */ jsxs('aside', {
5144
5147
  id: UNIQUE_ID,
@@ -60,7 +60,7 @@ const objGet = (obj, id) => ifNotUndefined(obj, (obj2) => obj2[id]);
60
60
 
61
61
  const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
62
62
 
63
- /* functions.svelte.ts generated by Svelte v5.56.0 */
63
+ /* functions.svelte.ts generated by Svelte v5.56.3 */
64
64
 
65
65
  class ReactiveHandle {
66
66
  #get;
@@ -60,7 +60,7 @@ const objGet = (obj, id) => ifNotUndefined(obj, (obj2) => obj2[id]);
60
60
 
61
61
  const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
62
62
 
63
- /* functions.svelte.ts generated by Svelte v5.56.0 */
63
+ /* functions.svelte.ts generated by Svelte v5.56.3 */
64
64
 
65
65
  class ReactiveHandle {
66
66
  #get;
@@ -91,7 +91,7 @@ const objMap = (obj, cb) =>
91
91
 
92
92
  const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
93
93
 
94
- /* functions.svelte.ts generated by Svelte v5.56.0 */
94
+ /* functions.svelte.ts generated by Svelte v5.56.3 */
95
95
 
96
96
  class ReactiveHandle {
97
97
  #get;
@@ -1693,7 +1693,7 @@ function SortedTablePaginator($$anchor, $$props) {
1693
1693
 
1694
1694
  $.delegate(['click']);
1695
1695
 
1696
- /* sortingAndPagination.svelte.ts generated by Svelte v5.56.0 */
1696
+ /* sortingAndPagination.svelte.ts generated by Svelte v5.56.3 */
1697
1697
 
1698
1698
  const createSortingAndPagination = (
1699
1699
  getCellId,
@@ -91,7 +91,7 @@ const objMap = (obj, cb) =>
91
91
 
92
92
  const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
93
93
 
94
- /* functions.svelte.ts generated by Svelte v5.56.0 */
94
+ /* functions.svelte.ts generated by Svelte v5.56.3 */
95
95
 
96
96
  class ReactiveHandle {
97
97
  #get;
@@ -1693,7 +1693,7 @@ function SortedTablePaginator($$anchor, $$props) {
1693
1693
 
1694
1694
  $.delegate(['click']);
1695
1695
 
1696
- /* sortingAndPagination.svelte.ts generated by Svelte v5.56.0 */
1696
+ /* sortingAndPagination.svelte.ts generated by Svelte v5.56.3 */
1697
1697
 
1698
1698
  const createSortingAndPagination = (
1699
1699
  getCellId,
@@ -2879,7 +2879,7 @@ const createStore = () => {
2879
2879
 
2880
2880
  const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
2881
2881
 
2882
- /* functions.svelte.ts generated by Svelte v5.56.0 */
2882
+ /* functions.svelte.ts generated by Svelte v5.56.3 */
2883
2883
 
2884
2884
  class ReactiveHandle {
2885
2885
  #get;
@@ -4724,7 +4724,7 @@ function SortedTablePaginator($$anchor, $$props) {
4724
4724
 
4725
4725
  $.delegate(['click']);
4726
4726
 
4727
- /* sortingAndPagination.svelte.ts generated by Svelte v5.56.0 */
4727
+ /* sortingAndPagination.svelte.ts generated by Svelte v5.56.3 */
4728
4728
 
4729
4729
  const createSortingAndPagination = (
4730
4730
  getCellId,
@@ -2879,7 +2879,7 @@ const createStore = () => {
2879
2879
 
2880
2880
  const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
2881
2881
 
2882
- /* functions.svelte.ts generated by Svelte v5.56.0 */
2882
+ /* functions.svelte.ts generated by Svelte v5.56.3 */
2883
2883
 
2884
2884
  class ReactiveHandle {
2885
2885
  #get;
@@ -4724,7 +4724,7 @@ function SortedTablePaginator($$anchor, $$props) {
4724
4724
 
4725
4725
  $.delegate(['click']);
4726
4726
 
4727
- /* sortingAndPagination.svelte.ts generated by Svelte v5.56.0 */
4727
+ /* sortingAndPagination.svelte.ts generated by Svelte v5.56.3 */
4728
4728
 
4729
4729
  const createSortingAndPagination = (
4730
4730
  getCellId,