@entropic-bond/crud-panel 4.4.3 → 4.4.4

package/lib/entropic-bond-crud-panel.js

@@ -1,4 +1,4 @@
-class Pe {
+class Se {
   constructor() {
     this.subscribers = /* @__PURE__ */ new Set();
   }
@@ -74,8 +74,8 @@ var _t = Object.defineProperty, yt = (n, t, s, a) => {
   for (var c = void 0, p = n.length - 1, O; p >= 0; p--)
     (O = n[p]) && (c = O(t, s, c) || c);
   return c && _t(t, s, c), c;
-}, k;
-const tt = (k = class {
+}, A;
+const tt = (A = class {
   /**
    * Registers a class to be used by the persistence engine.
    * @param className the name of the class to be registered
@@ -120,7 +120,7 @@ const tt = (k = class {
   }
   /**
    * Returns the names of all registered classes that extend a given class
-   * @param derivedFrom the class to be extended
+   * @param derivedFrom the parent class to be queried
    * @returns the names of all registered classes that extend the given class
    * @see registerFactory
    * @see classFactory
@@ -136,7 +136,7 @@ const tt = (k = class {
    * @see registerFactory
    */
   static annotations(n) {
-    if (n instanceof k ? n = n.className : typeof n == "string" || (n = new n().className), !this._factoryMap[n]) throw new Error(`You should register class ${n} prior to use.`);
+    if (n instanceof A ? n = n.className : typeof n == "string" || (n = new n().className), !this._factoryMap[n]) throw new Error(`You should register class ${n} prior to use.`);
     return this._factoryMap[n].annotation;
   }
   /**
@@ -272,7 +272,7 @@ const tt = (k = class {
     if (!this.className) throw new Error(`You should register \`${this.constructor.name || this.toString() || "this"}\` class prior to streaming it.`);
     return this._persistentProperties.forEach((s) => {
       const a = this[s.name], c = this.removeUnderscore(s);
-      a != null && (s.isReference ? t[c] = this.toReferenceObj(s, n) : t[c] = this.toDeepObj(a, n), s.searchableArray && (t[k.searchableArrayNameFor(c)] = a.map((p) => p.id)));
+      a != null && (s.isReference ? t[c] = this.toReferenceObj(s, n) : t[c] = this.toDeepObj(a, n), s.searchableArray && (t[A.searchableArrayNameFor(c)] = a.map((p) => p.id)));
     }), t.__className = this.className, t;
   }
   static searchableArrayNameFor(n) {
@@ -283,11 +283,11 @@ const tt = (k = class {
     if (Array.isArray(n))
       return n.map((t) => this.fromDeepObject(t));
     if (n.__documentReference) {
-      const t = n, s = k.createInstance(t);
+      const t = n, s = A.createInstance(t);
       return s.__documentReference = n.__documentReference, s;
     }
     if (n.__className)
-      return k.createInstance(n);
+      return A.createInstance(n);
     if (typeof n == "object") {
       const t = {};
       return Object.entries(n).forEach(
@@ -301,7 +301,7 @@ const tt = (k = class {
       if (Array.isArray(n))
         return n.map((s) => this.toDeepObj(s, t));
       if (n.__documentReference) return n;
-      if (n instanceof k)
+      if (n instanceof A)
         return n.toObj(t);
       if (typeof n == "object") {
         const s = {};
@@ -312,13 +312,13 @@ const tt = (k = class {
       return n;
     }
   }
-  static collectionPath(n, t) {
-    let s;
-    return typeof t.storeInCollection == "function" ? s = t.storeInCollection(n, t) : s = t.storeInCollection ?? n.className, s;
+  static collectionPath(n, t, s) {
+    let a;
+    return typeof t.storeInCollection == "function" ? a = t.storeInCollection(n, t, s) : a = t.storeInCollection ?? n.className, a;
   }
   toReferenceObj(n, t) {
     const s = this[n.name];
-    return Array.isArray(s) ? s.map((a) => (n.isPureReference || this.pushDocument(t, k.collectionPath(a, n), a), this.buildRefObject(a, k.collectionPath(a, n), n.cachedPropsConfig?.cachedProps))) : (n.isPureReference || this.pushDocument(t, k.collectionPath(s, n), s), this.buildRefObject(s, k.collectionPath(s, n), n.cachedPropsConfig?.cachedProps));
+    return Array.isArray(s) ? s.map((a) => (n.isPureReference || this.pushDocument(t, A.collectionPath(a, n), a), this.buildRefObject(a, A.collectionPath(a, n), n.cachedProps))) : (n.isPureReference || this.pushDocument(t, A.collectionPath(s, n), s), this.buildRefObject(s, A.collectionPath(s, n), n.cachedProps));
   }
   buildRefObject(n, t, s) {
     const a = s?.reduce((c, p) => (n[p] !== void 0 && (c[p] = n[p]), c), {});
@@ -341,14 +341,14 @@ const tt = (k = class {
     return n.name.slice(1);
   }
   static createReference(n) {
-    const t = k.createInstance(n);
+    const t = A.createInstance(n);
     return t.__documentReference = n.__documentReference || { storedInCollection: t.className }, t;
   }
   static createInstance(n) {
     if (typeof n == "string")
-      return new (k.classFactory(n))();
+      return new (A.classFactory(n))();
     try {
-      return new (k.classFactory(n.__className))().fromObject(n);
+      return new (A.classFactory(n.__className))().fromObject(n);
     } catch (t) {
       const s = Object.entries(n).filter(([a, c]) => c != null && typeof c != "function").map(([a, c]) => `${a}: ${c}`).join(`,
 	`);
@@ -361,21 +361,41 @@ const tt = (k = class {
     }
   }
   static propInfo(n, t) {
-    return k.createInstance(n).getPropInfo(t);
+    return A.createInstance(n).getPropInfo(t);
+  }
+  /**
+   * Return the type of a persistent property.
+   * Several strategies are used to determine the type:
+   * - If the typeName is defined in the property info a decorator, it is used
+   * - If the property value is an array, the type of the first element is used
+   * - If the property value is a Persistent instance, its class name is used
+   * - Otherwise, the typeof operator is used to determine the type
+   * @param propInfo the persistent property info to retrieve the type
+   * @returns the type of the property or the type of the first element if the property is an array or undefined if cannot be determined
+   */
+  static propType(n) {
+    if (n.typeName) return Array.isArray(n.typeName) ? "undefined[]" : n.typeName ?? "undefined";
+    const t = A.createInstance(n.ownerClassName())[n.name];
+    if (Array.isArray(t)) {
+      if (t.length === 0) return "undefined[]";
+      const s = t[0];
+      return s instanceof A ? s.className + "[]" : typeof s + "[]";
+    } else
+      return t instanceof A ? t.className : typeof t;
   }
   /**
    * Retrieves a collection of references with the properties that are stored in the reference object
    * @returns the references collection
    */
   static getSystemRegisteredReferencesWithCachedProps() {
-    return k.registeredClassesAndLegacyNames().reduce((n, t) => {
-      const s = k.createInstance(t).getPersistentProperties().filter(
-        (a) => a.cachedPropsConfig?.cachedProps
+    return A.registeredClasses().reduce((n, t) => {
+      const s = A.createInstance(t).getPersistentProperties().filter(
+        (a) => a.cachedProps
       );
       return s.length > 0 && (n[t] = s), n;
     }, {});
   }
-}, k._factoryMap = {}, k);
+}, A._factoryMap = {}, A);
 yt([
   he
 ], tt.prototype, "_id");
@@ -389,6 +409,7 @@ function gt(n) {
     const a = t._persistentProperties.find((c) => c.name === s);
     a ? Object.assign(a, n) : t._persistentProperties.push({
       name: s,
+      ownerClassName: () => t.className,
       ...n
     });
   };
@@ -490,7 +511,7 @@ var wt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, pe = (n, t
 };
 let ce = class extends rt {
   constructor() {
-    super(...arguments), this._onChange = new Pe();
+    super(...arguments), this._onChange = new Se();
   }
   async save({ data: n, fileName: t, progress: s, cloudStorageProvider: a } = {}) {
     const c = n || this._pendingData;
@@ -560,7 +581,7 @@ function Ct(n, t = "-") {
 }
 class Tt {
   constructor() {
-    this._debug = !1, this._stages = {}, this._onProgress = new Pe();
+    this._debug = !1, this._stages = {}, this._onProgress = new Se();
   }
   notifyBusy(t, s) {
     this.pushStage({
@@ -590,7 +611,7 @@ class Tt {
 }
 const ne = class ne {
   constructor(t) {
-    this.progressController = new Tt(), this.onChangeHdl = new Pe(), this.onErrorHdl = new Pe(), this.validator = {}, this.setDocument(t || this.createDocument());
+    this.progressController = new Tt(), this.onChangeHdl = new Se(), this.onErrorHdl = new Se(), this.validator = {}, this.setDocument(t || this.createDocument());
   }
   allRequiredPropertiesFilled() {
     return this.nonFilledRequiredProperties.length <= 0 && this.validateGlobal();
@@ -796,8 +817,8 @@ function Ot() {
     var O = null;
     if (p !== void 0 && (O = "" + p), c.key !== void 0 && (O = "" + c.key), "key" in c) {
       p = {};
-      for (var P in c)
-        P !== "key" && (p[P] = c[P]);
+      for (var S in c)
+        S !== "key" && (p[S] = c[S]);
     } else p = c;
     return c = p.ref, {
       $$typeof: n,
@@ -811,11 +832,11 @@ function Ot() {
 }
 var ye = {}, Oe = { exports: {} }, _ = {};
 var Xe;
-function Pt() {
+function St() {
   if (Xe) return _;
   Xe = 1;
-  var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), p = Symbol.for("react.consumer"), O = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), V = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), $ = Symbol.iterator;
-  function H(r) {
+  var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), p = Symbol.for("react.consumer"), O = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), V = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), $ = Symbol.iterator;
+  function U(r) {
     return r === null || typeof r != "object" ? null : (r = $ && r[$] || r["@@iterator"], typeof r == "function" ? r : null);
   }
   var Q = {
@@ -847,8 +868,8 @@ function Pt() {
   function se(r, i, f) {
     this.props = r, this.context = i, this.refs = X, this.updater = f || Q;
   }
-  var J = se.prototype = new K();
-  J.constructor = se, oe(J, W.prototype), J.isPureReactComponent = !0;
+  var Z = se.prototype = new K();
+  Z.constructor = se, oe(Z, W.prototype), Z.isPureReactComponent = !0;
   var F = Array.isArray;
   function ie() {
   }
@@ -863,7 +884,7 @@ function Pt() {
       props: f
     };
   }
-  function Z(r, i) {
+  function J(r, i) {
     return N(r.type, i, r.props);
   }
   function ue(r) {
@@ -933,7 +954,7 @@ function Pt() {
     if (m)
       return g = g(r), m = d === "" ? "." + z(r, 0) : d, F(g) ? (f = "", m != null && (f = m.replace(ee, "$&/") + "/"), M(g, i, f, "", function(G) {
         return G;
-      })) : g != null && (ue(g) && (g = Z(
+      })) : g != null && (ue(g) && (g = J(
         g,
         f + (g.key == null || r && r.key === g.key ? "" : ("" + g.key).replace(
           ee,
@@ -941,19 +962,19 @@ function Pt() {
         ) + "/") + m
       )), i.push(g)), 1;
     m = 0;
-    var A = d === "" ? "." : d + ":";
+    var k = d === "" ? "." : d + ":";
     if (F(r))
-      for (var S = 0; S < r.length; S++)
-        d = r[S], w = A + z(d, S), m += M(
+      for (var P = 0; P < r.length; P++)
+        d = r[P], w = k + z(d, P), m += M(
           d,
           i,
           f,
           w,
           g
         );
-    else if (S = H(r), typeof S == "function")
-      for (r = S.call(r), S = 0; !(d = r.next()).done; )
-        d = d.value, w = A + z(d, S++), m += M(
+    else if (P = U(r), typeof P == "function")
+      for (r = P.call(r), P = 0; !(d = r.next()).done; )
+        d = d.value, w = k + z(d, P++), m += M(
           d,
           i,
           f,
@@ -1064,8 +1085,8 @@ function Pt() {
     var w = arguments.length - 2;
     if (w === 1) d.children = f;
     else if (1 < w) {
-      for (var m = Array(w), A = 0; A < w; A++)
-        m[A] = arguments[A + 2];
+      for (var m = Array(w), k = 0; k < w; k++)
+        m[k] = arguments[k + 2];
       d.children = m;
     }
     return N(r.type, g, d);
@@ -1089,9 +1110,9 @@ function Pt() {
     var m = arguments.length - 2;
     if (m === 1) g.children = f;
     else if (1 < m) {
-      for (var A = Array(m), S = 0; S < m; S++)
-        A[S] = arguments[S + 2];
-      g.children = A;
+      for (var k = Array(m), P = 0; P < m; P++)
+        k[P] = arguments[P + 2];
+      g.children = k;
     }
     if (r && r.defaultProps)
       for (d in m = r.defaultProps, m)
@@ -1100,7 +1121,7 @@ function Pt() {
   }, _.createRef = function() {
     return { current: null };
   }, _.forwardRef = function(r) {
-    return { $$typeof: P, render: r };
+    return { $$typeof: S, render: r };
   }, _.isValidElement = ue, _.lazy = function(r) {
     return {
       $$typeof: I,
@@ -1172,7 +1193,7 @@ function Pt() {
 var ve = { exports: {} };
 ve.exports;
 var Ke;
-function St() {
+function Pt() {
   return Ke || (Ke = 1, function(n, t) {
     process.env.NODE_ENV !== "production" && function() {
       function s(e, o) {
@@ -1199,12 +1220,12 @@ function St() {
         ), Me[u] = !0);
       }
       function p(e, o, u) {
-        this.props = e, this.context = o, this.refs = Se, this.updater = u || Ie;
+        this.props = e, this.context = o, this.refs = Pe, this.updater = u || Ie;
       }
       function O() {
       }
-      function P(e, o, u) {
-        this.props = e, this.context = o, this.refs = Se, this.updater = u || Ie;
+      function S(e, o, u) {
+        this.props = e, this.context = o, this.refs = Pe, this.updater = u || Ie;
       }
       function D() {
       }
@@ -1242,7 +1263,7 @@ function St() {
             return "StrictMode";
           case m:
             return "Suspense";
-          case A:
+          case k:
             return "SuspenseList";
           case De:
             return "Activity";
@@ -1260,7 +1281,7 @@ function St() {
             case w:
               var o = e.render;
               return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-            case S:
+            case P:
               return o = e.displayName || null, o !== null ? o : L(e.type) || "Memo";
             case G:
               o = e._payload, e = e._init;
@@ -1282,7 +1303,7 @@ function St() {
           return "<...>";
         }
       }
-      function H() {
+      function U() {
         var e = v.A;
         return e === null ? null : e.getOwner();
       }
@@ -1298,7 +1319,7 @@ function St() {
       }
       function X(e, o) {
         function u() {
-          He || (He = !0, console.error(
+          Ue || (Ue = !0, console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             o
           ));
@@ -1357,7 +1378,7 @@ function St() {
           e._debugTask
         ), e._store && (o._store.validated = e._store.validated), o;
       }
-      function J(e) {
+      function Z(e) {
         F(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === G && (e._payload.status === "fulfilled" ? F(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
       }
       function F(e) {
@@ -1471,7 +1492,7 @@ function St() {
         }
         return y;
       }
-      function Z(e, o, u) {
+      function J(e, o, u) {
         if (e == null) return e;
         var l = [], h = 0;
         return N(e, l, "", "", function(E) {
@@ -1606,7 +1627,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         }
       }
       typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var B = Symbol.for("react.transitional.element"), ae = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), d = Symbol.for("react.consumer"), g = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), G = Symbol.for("react.lazy"), De = Symbol.for("react.activity"), Ne = Symbol.iterator, Me = {}, Ie = {
+      var B = Symbol.for("react.transitional.element"), ae = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), d = Symbol.for("react.consumer"), g = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), G = Symbol.for("react.lazy"), De = Symbol.for("react.activity"), Ne = Symbol.iterator, Me = {}, Ie = {
         isMounted: function() {
           return !1;
         },
@@ -1619,8 +1640,8 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         enqueueSetState: function(e) {
           c(e, "setState");
         }
-      }, Le = Object.assign, Se = {};
-      Object.freeze(Se), p.prototype.isReactComponent = {}, p.prototype.setState = function(e, o) {
+      }, Le = Object.assign, Pe = {};
+      Object.freeze(Pe), p.prototype.isReactComponent = {}, p.prototype.setState = function(e, o) {
         if (typeof e != "object" && typeof e != "function" && e != null)
           throw Error(
             "takes an object of state variables to update or a function which returns an object of state variables."
@@ -1641,7 +1662,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
       };
       for (me in Y)
         Y.hasOwnProperty(me) && s(me, Y[me]);
-      O.prototype = p.prototype, Y = P.prototype = new O(), Y.constructor = P, Le(Y, p.prototype), Y.isPureReactComponent = !0;
+      O.prototype = p.prototype, Y = S.prototype = new O(), Y.constructor = S, Le(Y, p.prototype), Y.isPureReactComponent = !0;
       var Ye = Array.isArray, st = Symbol.for("react.client.reference"), v = {
         H: null,
         A: null,
@@ -1655,7 +1676,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         thrownErrors: [],
         getCurrentStack: null,
         recentlyCreatedOwnerStacks: 0
-      }, be = Object.prototype.hasOwnProperty, Ue = console.createTask ? console.createTask : function() {
+      }, be = Object.prototype.hasOwnProperty, He = console.createTask ? console.createTask : function() {
         return null;
       };
       Y = {
@@ -1663,10 +1684,10 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           return e();
         }
       };
-      var He, Fe, qe = {}, it = Y.react_stack_bottom_frame.bind(
+      var Ue, Fe, qe = {}, it = Y.react_stack_bottom_frame.bind(
         Y,
         Q
-      )(), ut = Ue($(Q)), xe = !1, $e = /\/+/g, We = typeof reportError == "function" ? reportError : function(e) {
+      )(), ut = He($(Q)), xe = !1, $e = /\/+/g, We = typeof reportError == "function" ? reportError : function(e) {
         if (typeof window == "object" && typeof window.ErrorEvent == "function") {
           var o = new window.ErrorEvent("error", {
             bubbles: !0,
@@ -1692,9 +1713,9 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         }
       });
       var me = {
-        map: Z,
+        map: J,
         forEach: function(e, o, u) {
-          Z(
+          J(
             e,
             function() {
               o.apply(this, arguments);
@@ -1704,12 +1725,12 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         },
         count: function(e) {
           var o = 0;
-          return Z(e, function() {
+          return J(e, function() {
             o++;
           }), o;
         },
         toArray: function(e) {
-          return Z(e, function(o) {
+          return J(e, function(o) {
             return o;
           }) || [];
         },
@@ -1721,7 +1742,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           return e;
         }
       };
-      t.Activity = De, t.Children = me, t.Component = p, t.Fragment = r, t.Profiler = f, t.PureComponent = P, t.StrictMode = i, t.Suspense = m, t.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = v, t.__COMPILER_RUNTIME = Y, t.act = function(e) {
+      t.Activity = De, t.Children = me, t.Component = p, t.Fragment = r, t.Profiler = f, t.PureComponent = S, t.StrictMode = i, t.Suspense = m, t.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = v, t.__COMPILER_RUNTIME = Y, t.act = function(e) {
         var o = v.actQueue, u = Re;
         Re++;
         var l = v.actQueue = o !== null ? o : [], h = !1;
@@ -1816,7 +1837,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
             }
             y = o.ref !== void 0;
           }
-          y && (E = H()), oe(o) && (I(o.key), h = "" + o.key);
+          y && (E = U()), oe(o) && (I(o.key), h = "" + o.key);
           for (T in o)
             !be.call(o, T) || T === "key" || T === "__self" || T === "__source" || T === "ref" && o.ref === void 0 || (l[T] = o[T]);
         }
@@ -1836,7 +1857,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           e._debugStack,
           e._debugTask
         ), h = 2; h < arguments.length; h++)
-          J(arguments[h]);
+          Z(arguments[h]);
         return l;
       }, t.createContext = function(e) {
         return e = {
@@ -1852,7 +1873,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         }, e._currentRenderer = null, e._currentRenderer2 = null, e;
       }, t.createElement = function(e, o, u) {
         for (var l = 2; l < arguments.length; l++)
-          J(arguments[l]);
+          Z(arguments[l]);
         l = {};
         var h = null;
         if (o != null)
@@ -1879,15 +1900,15 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           e,
           h,
           l,
-          H(),
+          U(),
           b ? Error("react-stack-top-frame") : it,
-          b ? Ue($(e)) : ut
+          b ? He($(e)) : ut
         );
       }, t.createRef = function() {
         var e = { current: null };
         return Object.seal(e), e;
       }, t.forwardRef = function(e) {
-        e != null && e.$$typeof === S ? console.error(
+        e != null && e.$$typeof === P ? console.error(
           "forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."
         ) : typeof e != "function" ? console.error(
           "forwardRef requires a render function but was given %s.",
@@ -1930,7 +1951,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           "memo: The first argument must be a component. Instead received: %s",
           e === null ? "null" : typeof e
         ), o = {
-          $$typeof: S,
+          $$typeof: P,
           type: e,
           compare: o === void 0 ? null : o
         };
@@ -2021,13 +2042,13 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
     }();
   }(ve, ve.exports)), ve.exports;
 }
-var Je;
+var Ze;
 function ot() {
-  return Je || (Je = 1, process.env.NODE_ENV === "production" ? Oe.exports = Pt() : Oe.exports = St()), Oe.exports;
+  return Ze || (Ze = 1, process.env.NODE_ENV === "production" ? Oe.exports = St() : Oe.exports = Pt()), Oe.exports;
 }
-var Ze;
+var Je;
 function At() {
-  return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && function() {
+  return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
     function n(r) {
       if (r == null) return null;
       if (typeof r == "function")
@@ -2044,7 +2065,7 @@ function At() {
           return "Suspense";
         case R:
           return "SuspenseList";
-        case Z:
+        case J:
           return "Activity";
       }
       if (typeof r == "object")
@@ -2053,7 +2074,7 @@ function At() {
         ), r.$$typeof) {
           case oe:
             return "Portal";
-          case J:
+          case Z:
             return r.displayName || "Context";
           case se:
             return (r._context.displayName || "Context") + ".Consumer";
@@ -2116,7 +2137,7 @@ function At() {
       }
       return r.key !== void 0;
     }
-    function P(r, i) {
+    function S(r, i) {
       function f() {
         M || (M = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
@@ -2182,10 +2203,10 @@ function At() {
         else L(m);
       if (ee.call(i, "key")) {
         m = n(r);
-        var A = Object.keys(i).filter(function(G) {
+        var k = Object.keys(i).filter(function(G) {
           return G !== "key";
         });
-        d = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", ae[m + d] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", ae[m + d] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -2194,16 +2215,16 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           d,
           m,
-          A,
+          k,
           m
         ), ae[m + d] = !0);
       }
       if (m = null, f !== void 0 && (s(f), m = "" + f), O(i) && (s(i.key), m = "" + i.key), "key" in i) {
         f = {};
-        for (var S in i)
-          S !== "key" && (f[S] = i[S]);
+        for (var P in i)
+          P !== "key" && (f[P] = i[P]);
       } else f = i;
-      return m && P(
+      return m && S(
         f,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
       ), V(
@@ -2221,16 +2242,16 @@ React keys must be passed directly to JSX without using spread:
     function $(r) {
       return typeof r == "object" && r !== null && r.$$typeof === Q;
     }
-    var H = ot(), Q = Symbol.for("react.transitional.element"), oe = Symbol.for("react.portal"), X = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), K = Symbol.for("react.profiler"), se = Symbol.for("react.consumer"), J = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), ie = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), C = H.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, z = Array.isArray, q = console.createTask ? console.createTask : function() {
+    var U = ot(), Q = Symbol.for("react.transitional.element"), oe = Symbol.for("react.portal"), X = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), K = Symbol.for("react.profiler"), se = Symbol.for("react.consumer"), Z = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), ie = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), C = U.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, z = Array.isArray, q = console.createTask ? console.createTask : function() {
       return null;
     };
-    H = {
+    U = {
       react_stack_bottom_frame: function(r) {
         return r();
       }
     };
-    var M, x = {}, te = H.react_stack_bottom_frame.bind(
-      H,
+    var M, x = {}, te = U.react_stack_bottom_frame.bind(
+      U,
       p
     )(), B = q(a(p)), ae = {};
     ye.Fragment = X, ye.jsx = function(r, i, f) {
@@ -2260,7 +2281,7 @@ var et;
 function kt() {
   return et || (et = 1, process.env.NODE_ENV === "production" ? Te.exports = Ot() : Te.exports = At()), Te.exports;
 }
-var U = kt(), ge = ot();
+var H = kt(), ge = ot();
 class jt extends ge.Component {
   constructor(t) {
     super(t), this.unfilteredDocuments = [], this.state = {
@@ -2306,7 +2327,7 @@ class jt extends ge.Component {
   invokeContentViewChild(t) {
     const { children: s, layout: a, controller: c } = this.props, { mode: p } = this.state, O = a !== "formAndItems";
     if (!c.document) return;
-    const P = {
+    const S = {
       controller: c,
       submitButtonCaption: p == 2 ? t?.updateButtonLabel : t?.addButtonLabel,
       onSubmit: (D) => this.storeDocument(D),
@@ -2315,7 +2336,7 @@ class jt extends ge.Component {
         /* normal */
       }) : () => this.newDocument()
     };
-    return typeof s[0] == "function" ? ge.cloneElement(s[0](P), { key: c.document.id }) : ge.cloneElement(s[0], { key: c.document.id, ...P });
+    return typeof s[0] == "function" ? ge.cloneElement(s[0](S), { key: c.document.id }) : ge.cloneElement(s[0], { key: c.document.id, ...S });
   }
   invokeDetailViewChild(t) {
     const { children: s, controller: a } = this.props, c = {
@@ -2327,31 +2348,31 @@ class jt extends ge.Component {
   }
   render() {
     const { mode: t, documents: s } = this.state, { className: a, cardAddButton: c, controller: p } = this.props, O = Ct(p.document?.className);
-    let P = this.props.labels || {};
+    let S = this.props.labels || {};
     const D = this.props.layout || "itemsAlways";
-    typeof P == "function" && (P = P(p));
-    const { addNewDocumentLabel: V, singularDocumentInCollectionCaption: I, documentsInCollectionCaption: L, noDocumentsFoundLabel: $ } = P;
-    return /* @__PURE__ */ U.jsxs("div", { className: `crud-panel ${O} ${a || ""}`, children: [
-      t === 0 && D !== "formAndItems" && !c && /* @__PURE__ */ U.jsx("div", { className: "header", children: this.props.header ? typeof this.props.header == "function" ? this.props.header(p, () => this.newDocument(), P) : this.props.header : /* @__PURE__ */ U.jsx("button", { onClick: () => this.newDocument(), children: V }) }),
-      (D === "formAndItems" || t === 1 || t === 2) && /* @__PURE__ */ U.jsx("div", { className: "content-panel", children: this.invokeContentViewChild(P) }),
-      (D === "itemsAlways" || D === "formAndItems" || t === 0) && /* @__PURE__ */ U.jsxs("div", { className: "collection-panel", children: [
-        s?.length > 0 && /* @__PURE__ */ U.jsx("h3", { children: s.length > 1 ? L : I || L }),
-        /* @__PURE__ */ U.jsxs("div", { className: "documents", children: [
-          c && /* @__PURE__ */ U.jsxs(
+    typeof S == "function" && (S = S(p));
+    const { addNewDocumentLabel: V, singularDocumentInCollectionCaption: I, documentsInCollectionCaption: L, noDocumentsFoundLabel: $ } = S;
+    return /* @__PURE__ */ H.jsxs("div", { className: `crud-panel ${O} ${a || ""}`, children: [
+      t === 0 && D !== "formAndItems" && !c && /* @__PURE__ */ H.jsx("div", { className: "header", children: this.props.header ? typeof this.props.header == "function" ? this.props.header(p, () => this.newDocument(), S) : this.props.header : /* @__PURE__ */ H.jsx("button", { onClick: () => this.newDocument(), children: V }) }),
+      (D === "formAndItems" || t === 1 || t === 2) && /* @__PURE__ */ H.jsx("div", { className: "content-panel", children: this.invokeContentViewChild(S) }),
+      (D === "itemsAlways" || D === "formAndItems" || t === 0) && /* @__PURE__ */ H.jsxs("div", { className: "collection-panel", children: [
+        s?.length > 0 && /* @__PURE__ */ H.jsx("h3", { children: s.length > 1 ? L : I || L }),
+        /* @__PURE__ */ H.jsxs("div", { className: "documents", children: [
+          c && /* @__PURE__ */ H.jsxs(
             "div",
             {
               className: "crud-card card-add-button clickable",
               onClick: () => this.newDocument(),
               children: [
-                /* @__PURE__ */ U.jsx("div", { className: "button-element", children: c }),
-                /* @__PURE__ */ U.jsx("div", { className: "add-label", children: V })
+                /* @__PURE__ */ H.jsx("div", { className: "button-element", children: c }),
+                /* @__PURE__ */ H.jsx("div", { className: "add-label", children: V })
               ]
             }
           ),
-          s?.length ? s.map((H) => this.invokeDetailViewChild(H)) : /* @__PURE__ */ U.jsx("p", { children: $ })
+          s?.length ? s.map((U) => this.invokeDetailViewChild(U)) : /* @__PURE__ */ H.jsx("p", { children: $ })
         ] })
       ] }),
-      /* @__PURE__ */ U.jsx("div", { className: "footer", children: this.props.footer && typeof this.props.footer == "function" ? this.props.footer(p, () => this.newDocument(), P) : this.props.footer })
+      /* @__PURE__ */ H.jsx("div", { className: "footer", children: this.props.footer && typeof this.props.footer == "function" ? this.props.footer(p, () => this.newDocument(), S) : this.props.footer })
     ] });
   }
 }