tinybase 8.0.0 → 8.0.2

package/store/index.js

@@ -112,7 +112,7 @@ const objIsEqual = (
       isObject(value1)
         ? /* istanbul ignore next */
           isObject(obj2[index])
-          ? objIsEqual(obj2[index], value1)
+          ? objIsEqual(obj2[index], value1, isEqual)
           : false
         : isEqual(value1, obj2[index]),
     )

package/store/with-schemas/index.js

@@ -112,7 +112,7 @@ const objIsEqual = (
       isObject(value1)
         ? /* istanbul ignore next */
           isObject(obj2[index])
-          ? objIsEqual(obj2[index], value1)
+          ? objIsEqual(obj2[index], value1, isEqual)
           : false
         : isEqual(value1, obj2[index]),
     )

package/ui-react/index.js

@@ -106,7 +106,7 @@ const objIsEqual = (
       isObject(value1)
         ? /* istanbul ignore next */
           isObject(obj2[index])
-          ? objIsEqual(obj2[index], value1)
+          ? objIsEqual(obj2[index], value1, isEqual)
           : false
         : isEqual(value1, obj2[index]),
     )
@@ -341,8 +341,12 @@ const DEFAULTS = [
   false,
   0,
 ];
+const cellOrValueEqual = (thing1, thing2) =>
+  thing1 === thing2 ||
+  ((isObject(thing1) || isArray(thing1)) &&
+    jsonString(thing1) === jsonString(thing2));
 const IS_EQUALS = [
-  objIsEqual,
+  (obj1, obj2) => objIsEqual(obj1, obj2, cellOrValueEqual),
   arrayIsEqual,
   (
     [backwardIds1, currentId1, forwardIds1],
@@ -354,10 +358,7 @@ const IS_EQUALS = [
   (paramValues1, paramValues2) =>
     objIsEqual(paramValues1, paramValues2, arrayOrValueEqual),
   arrayOrValueEqual,
-  (thing1, thing2) =>
-    thing1 === thing2 ||
-    ((isObject(thing1) || isArray(thing1)) &&
-      jsonString(thing1) === jsonString(thing2)),
+  cellOrValueEqual,
 ];
 const isEqual = (thing1, thing2) => thing1 === thing2;
 const useCreate = (store, create, createDeps = EMPTY_ARRAY) => {

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

@@ -106,7 +106,7 @@ const objIsEqual = (
       isObject(value1)
         ? /* istanbul ignore next */
           isObject(obj2[index])
-          ? objIsEqual(obj2[index], value1)
+          ? objIsEqual(obj2[index], value1, isEqual)
           : false
         : isEqual(value1, obj2[index]),
     )
@@ -341,8 +341,12 @@ const DEFAULTS = [
   false,
   0,
 ];
+const cellOrValueEqual = (thing1, thing2) =>
+  thing1 === thing2 ||
+  ((isObject(thing1) || isArray(thing1)) &&
+    jsonString(thing1) === jsonString(thing2));
 const IS_EQUALS = [
-  objIsEqual,
+  (obj1, obj2) => objIsEqual(obj1, obj2, cellOrValueEqual),
   arrayIsEqual,
   (
     [backwardIds1, currentId1, forwardIds1],
@@ -354,10 +358,7 @@ const IS_EQUALS = [
   (paramValues1, paramValues2) =>
     objIsEqual(paramValues1, paramValues2, arrayOrValueEqual),
   arrayOrValueEqual,
-  (thing1, thing2) =>
-    thing1 === thing2 ||
-    ((isObject(thing1) || isArray(thing1)) &&
-      jsonString(thing1) === jsonString(thing2)),
+  cellOrValueEqual,
 ];
 const isEqual = (thing1, thing2) => thing1 === thing2;
 const useCreate = (store, create, createDeps = EMPTY_ARRAY) => {

package/ui-react-dom/index.js

@@ -114,7 +114,7 @@ const objIsEqual = (
       isObject(value1)
         ? /* istanbul ignore next */
           isObject(obj2[index])
-          ? objIsEqual(obj2[index], value1)
+          ? objIsEqual(obj2[index], value1, isEqual)
           : false
         : isEqual(value1, obj2[index]),
     )
@@ -186,8 +186,12 @@ const DEFAULTS = [
   false,
   0,
 ];
+const cellOrValueEqual = (thing1, thing2) =>
+  thing1 === thing2 ||
+  ((isObject(thing1) || isArray(thing1)) &&
+    jsonString(thing1) === jsonString(thing2));
 const IS_EQUALS = [
-  objIsEqual,
+  (obj1, obj2) => objIsEqual(obj1, obj2, cellOrValueEqual),
   arrayIsEqual,
   (
     [backwardIds1, currentId1, forwardIds1],
@@ -199,10 +203,7 @@ const IS_EQUALS = [
   (paramValues1, paramValues2) =>
     objIsEqual(paramValues1, paramValues2, arrayOrValueEqual),
   arrayOrValueEqual,
-  (thing1, thing2) =>
-    thing1 === thing2 ||
-    ((isObject(thing1) || isArray(thing1)) &&
-      jsonString(thing1) === jsonString(thing2)),
+  cellOrValueEqual,
 ];
 const isEqual = (thing1, thing2) => thing1 === thing2;
 const addAndDelListener = (thing, listenable, ...args) => {

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

@@ -114,7 +114,7 @@ const objIsEqual = (
       isObject(value1)
         ? /* istanbul ignore next */
           isObject(obj2[index])
-          ? objIsEqual(obj2[index], value1)
+          ? objIsEqual(obj2[index], value1, isEqual)
           : false
         : isEqual(value1, obj2[index]),
     )
@@ -186,8 +186,12 @@ const DEFAULTS = [
   false,
   0,
 ];
+const cellOrValueEqual = (thing1, thing2) =>
+  thing1 === thing2 ||
+  ((isObject(thing1) || isArray(thing1)) &&
+    jsonString(thing1) === jsonString(thing2));
 const IS_EQUALS = [
-  objIsEqual,
+  (obj1, obj2) => objIsEqual(obj1, obj2, cellOrValueEqual),
   arrayIsEqual,
   (
     [backwardIds1, currentId1, forwardIds1],
@@ -199,10 +203,7 @@ const IS_EQUALS = [
   (paramValues1, paramValues2) =>
     objIsEqual(paramValues1, paramValues2, arrayOrValueEqual),
   arrayOrValueEqual,
-  (thing1, thing2) =>
-    thing1 === thing2 ||
-    ((isObject(thing1) || isArray(thing1)) &&
-      jsonString(thing1) === jsonString(thing2)),
+  cellOrValueEqual,
 ];
 const isEqual = (thing1, thing2) => thing1 === thing2;
 const addAndDelListener = (thing, listenable, ...args) => {

package/ui-react-inspector/index.js

@@ -191,7 +191,7 @@ const objIsEqual = (
       isObject(value1)
         ? /* istanbul ignore next */
           isObject(obj2[index])
-          ? objIsEqual(obj2[index], value1)
+          ? objIsEqual(obj2[index], value1, isEqual)
           : false
         : isEqual(value1, obj2[index]),
     )
@@ -2586,8 +2586,12 @@ const DEFAULTS = [
   false,
   0,
 ];
+const cellOrValueEqual = (thing1, thing2) =>
+  thing1 === thing2 ||
+  ((isObject(thing1) || isArray(thing1)) &&
+    jsonString(thing1) === jsonString(thing2));
 const IS_EQUALS = [
-  objIsEqual,
+  (obj1, obj2) => objIsEqual(obj1, obj2, cellOrValueEqual),
   arrayIsEqual,
   (
     [backwardIds1, currentId1, forwardIds1],
@@ -2599,10 +2603,7 @@ const IS_EQUALS = [
   (paramValues1, paramValues2) =>
     objIsEqual(paramValues1, paramValues2, arrayOrValueEqual),
   arrayOrValueEqual,
-  (thing1, thing2) =>
-    thing1 === thing2 ||
-    ((isObject(thing1) || isArray(thing1)) &&
-      jsonString(thing1) === jsonString(thing2)),
+  cellOrValueEqual,
 ];
 const isEqual = (thing1, thing2) => thing1 === thing2;
 const addAndDelListener = (thing, listenable, ...args) => {
@@ -4411,7 +4412,7 @@ const TablesView = ({store, storeId, s}) => {
     s,
     children: [
       arrayIsEmpty(tableIds)
-        ? /* @__PURE__ */ jsx('caption', {children: 'No tables.'})
+        ? /* @__PURE__ */ jsx('p', {children: 'No tables.'})
         : sortedIdsMap(tableIds, (tableId) =>
             /* @__PURE__ */ jsx(
               TableView,
@@ -4508,7 +4509,7 @@ const ValuesView = ({store, storeId, s}) => {
     s,
     children: [
       arrayIsEmpty(useValueIds$1(store))
-        ? /* @__PURE__ */ jsx('caption', {children: 'No values.'})
+        ? /* @__PURE__ */ jsx('p', {children: 'No values.'})
         : /* @__PURE__ */ jsx(ValuesInHtmlTable, {
             store,
             editable,
@@ -4785,10 +4786,10 @@ const MAX_WIDTH = 'max-' + WIDTH;
 const MIN_WIDTH = 'min-' + WIDTH;
 const HEIGHT = 'height';
 const BORDER = 'border';
-const BORDER_RADIUS = BORDER + '-radius';
+const RADIUS = 'radius';
+const BORDER_RADIUS = BORDER + '-' + RADIUS;
 const PADDING = 'padding';
 const MARGIN = 'margin';
-const MARGIN_RIGHT = MARGIN + '-right';
 const TOP = 'top';
 const BOTTOM = 'bottom';
 const LEFT = 'left';
@@ -4803,6 +4804,11 @@ const CURSOR = 'cursor';
 const VERTICAL_ALIGN = 'vertical-align';
 const TEXT_ALIGN = 'text-align';
 const JUSTIFY_CONTENT = 'justify-content';
+const WHITE_SPACE = 'white-space';
+const TEXT_OVERFLOW = 'text-overflow';
+const ALIGN_ITEMS = 'align-items';
+const BACKDROP_FILTER = 'backdrop-filter';
+const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
 const FIXED = 'fixed';
 const REVERT = 'revert';
 const UNSET = 'unset';
@@ -4932,8 +4938,8 @@ const APP_STYLESHEET = arrayJoin(
         [WIDTH]: 'calc(100% - .5rem)',
         [POSITION]: 'absolute',
         [BORDER + '-' + BOTTOM]: cssVar(BORDER),
-        'align-items': 'center',
-        'backdrop-filter': 'blur(4px)',
+        [ALIGN_ITEMS]: 'center',
+        [BACKDROP_FILTER]: 'blur(4px)',
       },
       'header>img:nth-of-type(1)': {
         [HEIGHT]: rem(1),
@@ -4951,8 +4957,8 @@ const APP_STYLESHEET = arrayJoin(
         [OVERFLOW]: HIDDEN,
         [FLEX]: 1,
         'font-weight': 800,
-        'white-space': NOWRAP,
-        'text-overflow': 'ellipsis',
+        [WHITE_SPACE]: NOWRAP,
+        [TEXT_OVERFLOW]: 'ellipsis',
       },
       // Body
       article: {[OVERFLOW]: AUTO, [FLEX]: 1, [PADDING + '-' + TOP]: rem(2)},
@@ -4970,7 +4976,8 @@ const APP_STYLESHEET = arrayJoin(
         [BORDER_RADIUS]: rem(0.25),
         'user-select': NONE,
         [JUSTIFY_CONTENT]: 'space-between',
-        'align-items': 'center',
+        [ALIGN_ITEMS]: 'center',
+        [BACKDROP_FILTER]: 'blur(4px)',
       },
       'summary>span::before': {
         [DISPLAY]: 'inline-block',
@@ -4981,8 +4988,8 @@ const APP_STYLESHEET = arrayJoin(
         ...RIGHT_SVG,
       },
       'details[open]>summary': {
-        'border-bottom-left-radius': 0,
-        'border-bottom-right-radius': 0,
+        [BORDER + '-' + BOTTOM + '-' + LEFT + '-' + RADIUS]: 0,
+        [BORDER + '-' + BOTTOM + '-' + RIGHT + '-' + RADIUS]: 0,
         [MARGIN + '-' + BOTTOM]: 0,
       },
       'details[open]>summary>span::before': DOWN_SVG,
@@ -4992,11 +4999,12 @@ const APP_STYLESHEET = arrayJoin(
         [MARGIN + '-' + LEFT]: rem(0.25),
       },
       'details>div': {[OVERFLOW]: AUTO},
-      caption: {
+      [`caption,#${UNIQUE_ID} p`]: {
         [COLOR]: cssVar('fg2'),
         [PADDING]: rem(0.25, 0.5),
         [TEXT_ALIGN]: LEFT,
-        'white-space': NOWRAP,
+        [MARGIN]: 0,
+        [WHITE_SPACE]: NOWRAP,
       },
       'caption button': {
         [WIDTH]: rem(1.5),
@@ -5026,8 +5034,8 @@ const APP_STYLESHEET = arrayJoin(
         [PADDING]: rem(0.25, 0.5),
         [MAX_WIDTH]: rem(20),
         [BORDER]: cssVar(BORDER),
-        'text-overflow': 'ellipsis',
-        'white-space': NOWRAP,
+        [TEXT_OVERFLOW]: 'ellipsis',
+        [WHITE_SPACE]: NOWRAP,
         'border-width': px(1, 0, 0),
         [TEXT_ALIGN]: LEFT,
       },

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

@@ -191,7 +191,7 @@ const objIsEqual = (
       isObject(value1)
         ? /* istanbul ignore next */
           isObject(obj2[index])
-          ? objIsEqual(obj2[index], value1)
+          ? objIsEqual(obj2[index], value1, isEqual)
           : false
         : isEqual(value1, obj2[index]),
     )
@@ -2586,8 +2586,12 @@ const DEFAULTS = [
   false,
   0,
 ];
+const cellOrValueEqual = (thing1, thing2) =>
+  thing1 === thing2 ||
+  ((isObject(thing1) || isArray(thing1)) &&
+    jsonString(thing1) === jsonString(thing2));
 const IS_EQUALS = [
-  objIsEqual,
+  (obj1, obj2) => objIsEqual(obj1, obj2, cellOrValueEqual),
   arrayIsEqual,
   (
     [backwardIds1, currentId1, forwardIds1],
@@ -2599,10 +2603,7 @@ const IS_EQUALS = [
   (paramValues1, paramValues2) =>
     objIsEqual(paramValues1, paramValues2, arrayOrValueEqual),
   arrayOrValueEqual,
-  (thing1, thing2) =>
-    thing1 === thing2 ||
-    ((isObject(thing1) || isArray(thing1)) &&
-      jsonString(thing1) === jsonString(thing2)),
+  cellOrValueEqual,
 ];
 const isEqual = (thing1, thing2) => thing1 === thing2;
 const addAndDelListener = (thing, listenable, ...args) => {
@@ -4411,7 +4412,7 @@ const TablesView = ({store, storeId, s}) => {
     s,
     children: [
       arrayIsEmpty(tableIds)
-        ? /* @__PURE__ */ jsx('caption', {children: 'No tables.'})
+        ? /* @__PURE__ */ jsx('p', {children: 'No tables.'})
         : sortedIdsMap(tableIds, (tableId) =>
             /* @__PURE__ */ jsx(
               TableView,
@@ -4508,7 +4509,7 @@ const ValuesView = ({store, storeId, s}) => {
     s,
     children: [
       arrayIsEmpty(useValueIds$1(store))
-        ? /* @__PURE__ */ jsx('caption', {children: 'No values.'})
+        ? /* @__PURE__ */ jsx('p', {children: 'No values.'})
         : /* @__PURE__ */ jsx(ValuesInHtmlTable, {
             store,
             editable,
@@ -4785,10 +4786,10 @@ const MAX_WIDTH = 'max-' + WIDTH;
 const MIN_WIDTH = 'min-' + WIDTH;
 const HEIGHT = 'height';
 const BORDER = 'border';
-const BORDER_RADIUS = BORDER + '-radius';
+const RADIUS = 'radius';
+const BORDER_RADIUS = BORDER + '-' + RADIUS;
 const PADDING = 'padding';
 const MARGIN = 'margin';
-const MARGIN_RIGHT = MARGIN + '-right';
 const TOP = 'top';
 const BOTTOM = 'bottom';
 const LEFT = 'left';
@@ -4803,6 +4804,11 @@ const CURSOR = 'cursor';
 const VERTICAL_ALIGN = 'vertical-align';
 const TEXT_ALIGN = 'text-align';
 const JUSTIFY_CONTENT = 'justify-content';
+const WHITE_SPACE = 'white-space';
+const TEXT_OVERFLOW = 'text-overflow';
+const ALIGN_ITEMS = 'align-items';
+const BACKDROP_FILTER = 'backdrop-filter';
+const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
 const FIXED = 'fixed';
 const REVERT = 'revert';
 const UNSET = 'unset';
@@ -4932,8 +4938,8 @@ const APP_STYLESHEET = arrayJoin(
         [WIDTH]: 'calc(100% - .5rem)',
         [POSITION]: 'absolute',
         [BORDER + '-' + BOTTOM]: cssVar(BORDER),
-        'align-items': 'center',
-        'backdrop-filter': 'blur(4px)',
+        [ALIGN_ITEMS]: 'center',
+        [BACKDROP_FILTER]: 'blur(4px)',
       },
       'header>img:nth-of-type(1)': {
         [HEIGHT]: rem(1),
@@ -4951,8 +4957,8 @@ const APP_STYLESHEET = arrayJoin(
         [OVERFLOW]: HIDDEN,
         [FLEX]: 1,
         'font-weight': 800,
-        'white-space': NOWRAP,
-        'text-overflow': 'ellipsis',
+        [WHITE_SPACE]: NOWRAP,
+        [TEXT_OVERFLOW]: 'ellipsis',
       },
       // Body
       article: {[OVERFLOW]: AUTO, [FLEX]: 1, [PADDING + '-' + TOP]: rem(2)},
@@ -4970,7 +4976,8 @@ const APP_STYLESHEET = arrayJoin(
         [BORDER_RADIUS]: rem(0.25),
         'user-select': NONE,
         [JUSTIFY_CONTENT]: 'space-between',
-        'align-items': 'center',
+        [ALIGN_ITEMS]: 'center',
+        [BACKDROP_FILTER]: 'blur(4px)',
       },
       'summary>span::before': {
         [DISPLAY]: 'inline-block',
@@ -4981,8 +4988,8 @@ const APP_STYLESHEET = arrayJoin(
         ...RIGHT_SVG,
       },
       'details[open]>summary': {
-        'border-bottom-left-radius': 0,
-        'border-bottom-right-radius': 0,
+        [BORDER + '-' + BOTTOM + '-' + LEFT + '-' + RADIUS]: 0,
+        [BORDER + '-' + BOTTOM + '-' + RIGHT + '-' + RADIUS]: 0,
         [MARGIN + '-' + BOTTOM]: 0,
       },
       'details[open]>summary>span::before': DOWN_SVG,
@@ -4992,11 +4999,12 @@ const APP_STYLESHEET = arrayJoin(
         [MARGIN + '-' + LEFT]: rem(0.25),
       },
       'details>div': {[OVERFLOW]: AUTO},
-      caption: {
+      [`caption,#${UNIQUE_ID} p`]: {
         [COLOR]: cssVar('fg2'),
         [PADDING]: rem(0.25, 0.5),
         [TEXT_ALIGN]: LEFT,
-        'white-space': NOWRAP,
+        [MARGIN]: 0,
+        [WHITE_SPACE]: NOWRAP,
       },
       'caption button': {
         [WIDTH]: rem(1.5),
@@ -5026,8 +5034,8 @@ const APP_STYLESHEET = arrayJoin(
         [PADDING]: rem(0.25, 0.5),
         [MAX_WIDTH]: rem(20),
         [BORDER]: cssVar(BORDER),
-        'text-overflow': 'ellipsis',
-        'white-space': NOWRAP,
+        [TEXT_OVERFLOW]: 'ellipsis',
+        [WHITE_SPACE]: NOWRAP,
         'border-width': px(1, 0, 0),
         [TEXT_ALIGN]: LEFT,
       },

package/with-schemas/index.js

@@ -163,7 +163,7 @@ const objIsEqual = (
       isObject(value1)
         ? /* istanbul ignore next */
           isObject(obj2[index])
-          ? objIsEqual(obj2[index], value1)
+          ? objIsEqual(obj2[index], value1, isEqual)
           : false
         : isEqual(value1, obj2[index]),
     )