@warkypublic/oranguru 0.0.21 → 0.0.23

package/dist/lib.es.js

@@ -3,9 +3,9 @@ import { CompactSelection as W, GridCellKind as V, DataEditor as Me } from "@gli
 import { IconX as Ne, IconGrid4x4 as se, IconSquarePlus as Oe, IconEdit as fe, IconTrashX as ge, IconExclamationMark as $e, IconRefresh as De, IconMenu2 as ze } from "@tabler/icons-react";
 import { getUUID as we } from "@warkypublic/artemis-kit";
 import { createSyncStore as ye } from "@warkypublic/zustandsyncstore";
-import { produce as J } from "immer";
+import { produce as Y } from "immer";
 import { Portal as Le, Menu as G, Stack as be, Select as Ge, TextInput as He, ActionIcon as xe, useMantineTheme as qe, useMantineColorScheme as Be, lighten as he, darken as We, Group as Ke } from "@mantine/core";
-import { useDebouncedValue as Re, useDebouncedCallback as Ve, useElementSize as Je, useMergedRef as Ye } from "@mantine/hooks";
+import { useDebouncedValue as Re, useDebouncedCallback as Ve, useElementSize as Ye, useMergedRef as Je } from "@mantine/hooks";
 var oe = { exports: {} }, U = {};
 /**
  * @license React
@@ -54,12 +54,12 @@ function Xe() {
     function o(l) {
       if (l == null) return null;
       if (typeof l == "function")
-        return l.$$typeof === M ? null : l.displayName || l.name || null;
+        return l.$$typeof === j ? null : l.displayName || l.name || null;
       if (typeof l == "string") return l;
       switch (l) {
         case b:
           return "Fragment";
-        case A:
+        case M:
           return "Profiler";
         case E:
           return "StrictMode";
@@ -78,14 +78,14 @@ function Xe() {
             return "Portal";
           case q:
             return l.displayName || "Context";
-          case j:
+          case P:
             return (l._context.displayName || "Context") + ".Consumer";
           case v:
             var m = l.render;
             return l = l.displayName, l || (l = m.displayName || m.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
           case I:
             return m = l.displayName || null, m !== null ? m : o(l.type) || "Memo";
-          case P:
+          case A:
             m = l._payload, l = l._init;
             try {
               return o(l(m));
@@ -116,7 +116,7 @@ function Xe() {
     }
     function t(l) {
       if (l === b) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === P)
+      if (typeof l == "object" && l !== null && l.$$typeof === A)
         return "<...>";
       try {
         var m = o(l);
@@ -208,7 +208,7 @@ function Xe() {
         var K = Object.keys(m).filter(function(Pe) {
           return Pe !== "key";
         });
-        p = 0 < K.length ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}", Y[k + p] || (K = 0 < K.length ? "{" + K.join(": ..., ") + ": ...}" : "{}", console.error(
+        p = 0 < K.length ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}", J[k + p] || (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} />
@@ -219,7 +219,7 @@ React keys must be passed directly to JSX without using spread:
           k,
           K,
           k
-        ), Y[k + p] = !0);
+        ), J[k + p] = !0);
       }
       if (k = null, y !== void 0 && (e(y), k = "" + y), i(m) && (e(m.key), k = "" + m.key), "key" in m) {
         y = {};
@@ -239,12 +239,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function d(l) {
-      S(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === P && (l._payload.status === "fulfilled" ? S(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
+      S(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === A && (l._payload.status === "fulfilled" ? S(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
     }
     function S(l) {
       return typeof l == "object" && l !== null && l.$$typeof === C;
     }
-    var _ = N, C = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), q = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), $ = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, T = Object.prototype.hasOwnProperty, H = Array.isArray, D = console.createTask ? console.createTask : function() {
+    var _ = N, C = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), q = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), j = Symbol.for("react.client.reference"), $ = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, T = Object.prototype.hasOwnProperty, H = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
     _ = {
@@ -255,7 +255,7 @@ React keys must be passed directly to JSX without using spread:
     var Z, ee = {}, te = _.react_stack_bottom_frame.bind(
       _,
       r
-    )(), ne = D(t(r)), Y = {};
+    )(), ne = D(t(r)), J = {};
     X.Fragment = b, X.jsx = function(l, m, y) {
       var p = 1e4 > $.recentlyCreatedOwnerStacks++;
       return u(
@@ -356,7 +356,7 @@ const { Provider: ot, useStore: pe } = ye(
     menus: [],
     setInstanceState: (e, t, n) => {
       o(
-        J((r) => {
+        Y((r) => {
           const i = r?.menus?.findIndex((s) => s.id === e);
           i >= 0 && (r.menus[i][t] = n);
         })
@@ -364,7 +364,7 @@ const { Provider: ot, useStore: pe } = ye(
     },
     setState: (e, t) => {
       o(
-        J((n) => {
+        Y((n) => {
           n[e] = t;
         })
       );
@@ -372,7 +372,7 @@ const { Provider: ot, useStore: pe } = ye(
     show: (e, t) => {
       const n = c(), r = n.menus.findIndex((s) => s.id === e), i = n.menus[r] ? { ...n.menus[r] } : {};
       Object.assign(i, t), i.id = i.id ?? e, i.visible = !(i.visible ?? !1), r < 0 ? n.setState("menus", [...n.menus, i]) : o(
-        J((s) => {
+        Y((s) => {
           s.menus || (s.menus = []), s.menus[r] = { ...s.menus[r], ...i };
         })
       );
@@ -577,7 +577,7 @@ const it = [
     addError: (e, ...t) => {
       const n = c();
       console.log("Gridler Error", n.uniqueid, e, t), o(
-        J((r) => {
+        Y((r) => {
           r.errors = [...r.errors, e];
         })
       );
@@ -715,7 +715,7 @@ const it = [
     },
     onCellClicked: (e, t) => {
       const n = c(), [r, i] = e;
-      n.glideProps?.onCellClicked ? n.glideProps?.onCellClicked?.(e, t) : n.values?.length && (n.onChange ? n.onChange(n.values) : n.setState("values", n.values)), n._events.dispatchEvent(
+      n.glideProps?.onCellClicked && n.glideProps?.onCellClicked?.(e, t), n.values?.length && n.onChange && n.onChange(n.values), n._events.dispatchEvent(
         new CustomEvent("onCellClicked", {
           detail: { cell: e, col: r, row: i, state: n }
         })
@@ -943,14 +943,14 @@ const it = [
     },
     setState: (e, t) => {
       o(
-        J((n) => {
+        Y((n) => {
           n[e] = t;
         })
       );
     },
     setStateFN: (e, t) => new Promise((r, i) => {
       o(
-        J((s) => {
+        Y((s) => {
           if (typeof t == "function")
             s[e] = t(s[e]);
           else
@@ -1059,19 +1059,19 @@ function dt(o) {
             type: "custom-sql-w",
             value: o.filter
           }), (o.options ?? []).length > 0 && E.push(...o.options ?? []);
-          const A = g?.filter((f) => !f.virtual)?.map((f) => f.id) ?? [];
-          if (o.hotfields && o.hotfields.length > 0 && A?.push(o.hotfields.join(",")), A && A.length > 0 && E.push({
+          const M = g?.filter((f) => !f.virtual)?.map((f) => f.id) ?? [];
+          if (o.hotfields && o.hotfields.length > 0 && M?.push(o.hotfields.join(",")), M && M.length > 0 && E.push({
             type: "select-fields",
-            value: A.join(",")
+            value: M.join(",")
           }), E && E.length > 0) {
             const f = Q(E);
             for (const w in Q(E))
               b.set(w, f[w]);
           }
-          const j = R?.findIndex((f) => f.page === a) ?? -1;
+          const P = R?.findIndex((f) => f.page === a) ?? -1;
           if (R?.forEach((f) => {
             (f.page >= 0 && f.page < a - 2 || a >= 0 && f.page > a + 2) && f.controller?.abort?.();
-          }), R && j >= 0 && R[j]) {
+          }), R && P >= 0 && R[P]) {
             e("loadingData", !1);
             return;
           }
@@ -1377,8 +1377,8 @@ const Ie = N.memo(() => {
     searchStr: R,
     selectedRowKey: b,
     setState: E,
-    setStateFN: A,
-    values: j
+    setStateFN: M,
+    values: P
   } = L((v) => ({
     _glideref: v._glideref,
     _gridSelectionRows: v._gridSelectionRows,
@@ -1414,49 +1414,49 @@ const Ie = N.memo(() => {
     }
   );
   return x(() => {
-    j && (async () => {
-      const f = d("_page_data"), w = d("pageSize"), I = d("keyField") ?? "id", P = [];
-      for (const O in j) {
-        let M = -1;
+    P && (async () => {
+      const f = d("_page_data"), w = d("pageSize"), I = d("keyField") ?? "id", A = [];
+      for (const O in P) {
+        let j = -1;
         const $ = String(
-          typeof j?.[O] == "object" ? j?.[O]?.[I] : typeof j?.[O] == "string" ? j?.[O] : void 0
+          typeof P?.[O] == "object" ? P?.[O]?.[I] : typeof P?.[O] == "string" ? P?.[O] : void 0
         );
         for (const T in f) {
           for (const H in f[T]) {
             const D = Number(T) * w + Number(H);
             if (String(f[T][H]?.[I]) === $) {
-              M = D;
+              j = D;
               break;
             }
           }
-          if (M >= 0) {
-            P.push(M);
+          if (j >= 0) {
+            A.push(j);
             break;
           }
         }
-        if (!(M >= 0)) {
+        if (!(j >= 0)) {
           const T = await u($);
-          T && P.push(T);
+          T && A.push(T);
         }
       }
-      return P;
+      return A;
     })().then((f) => {
       let w = W.empty();
       f.forEach((I) => {
         w = w.add(I);
-      }), A("_gridSelectionRows", () => w), A("_gridSelection", (I) => ({
+      }), M("_gridSelectionRows", () => w), M("_gridSelection", (I) => ({
         columns: I?.columns ?? W.empty(),
         ...I,
         rows: w
       }));
     });
-  }, [j]), x(() => {
+  }, [P]), x(() => {
     const v = d("onChange");
     if (v && typeof v == "function") {
       const w = d("getGridSelectedRows")(), I = d("values");
       JSON.stringify(I) !== JSON.stringify(w) && v(w);
     }
-  }, [JSON.stringify(n), d]), x(() => {
+  }, [n, n?.length, d]), x(() => {
     E(
       "renderColumns",
       g?.map((v) => ({
@@ -1476,7 +1476,7 @@ const Ie = N.memo(() => {
       columns: W.empty(),
       current: void 0,
       rows: W.empty()
-    }), E("_gridSelectionRows", W.empty()), A("renderColumns", (v) => v?.map((f) => ({
+    }), E("_gridSelectionRows", W.empty()), M("renderColumns", (v) => v?.map((f) => ({
       ...f,
       icon: f.id && a?.find((w) => w.id === f.id)?.direction ? a?.find((w) => w.id === f.id)?.direction === "asc" ? "sortup" : "sortdown" : f.defaultIcon ?? "sort"
     }))).then(() => {
@@ -1497,14 +1497,14 @@ const Ie = N.memo(() => {
       );
     }), e.current = r);
   }, [r]), x(() => {
-    s && A("renderColumns", (v) => v?.map((f) => ({
+    s && M("renderColumns", (v) => v?.map((f) => ({
       ...f,
       width: f.id && s?.[f.id] ? s?.[f.id] : f.width
     }))).then(() => {
       d("refreshCells")?.();
     });
   }, [s]), x(() => {
-    i && A("renderColumns", (v) => v?.sort((w, I) => i[w.id] > i[I.id] ? 1 : -1)).then(() => {
+    i && M("renderColumns", (v) => v?.sort((w, I) => i[w.id] > i[I.id] ? 1 : -1)).then(() => {
       d("refreshCells")?.();
     });
   }, [i]), x(() => {
@@ -1518,9 +1518,9 @@ const Ie = N.memo(() => {
         const I = d("scrollToRowKey");
         if (I && I >= 0)
           return;
-        const P = d("keyField") ?? "id", M = d("_page_data")?.[0]?.[0], $ = M?.[P], T = d("values") ?? [];
-        if ($ && $ > 0 && (T.length ?? 0) === 0) {
-          const H = [M, ...T], D = d("onChange");
+        const A = d("keyField") ?? "id", j = d("_page_data")?.[0]?.[0], $ = j?.[A], T = d("values") ?? [];
+        if (!(P && P.length > 0) && $ && $ > 0 && (T.length ?? 0) === 0) {
+          const H = [j, ...T], D = d("onChange");
           D ? D(H) : E("values", H), E("scrollToRowKey", $);
         }
       }
@@ -1530,16 +1530,16 @@ const Ie = N.memo(() => {
     };
   }, [_]), x(() => {
     const v = d("ready"), f = d("_glideref"), w = d("getRowIndexByKey"), I = b ?? C;
-    I && f && v && w?.(I).then((P) => {
-      if (P !== void 0) {
+    I && f && v && w?.(I).then((A) => {
+      if (A !== void 0) {
         if (b) {
-          const O = d("onChange"), M = [{ [d("keyField") ?? "id"]: b }];
-          O ? O(M) : E("values", M);
+          const O = d("onChange"), j = [{ [d("keyField") ?? "id"]: b }];
+          JSON.stringify(d("values")) !== JSON.stringify(j) && (O ? O(j) : E("values", j));
         }
-        f.scrollTo(0, P), d("_events").dispatchEvent(
+        f.scrollTo(0, A), d("_events").dispatchEvent(
           new CustomEvent("scrollToRowKeyFound", {
             detail: {
-              rowNumber: P,
+              rowNumber: A,
               scrollToRowKey: C,
               selectedRowKey: b
             }
@@ -1650,7 +1650,7 @@ const Ct = (o) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
     g(s);
   }, [c, t]), { getRowThemeOverride: (d) => e ? bt(c)(d) : void 0, gridTheme: a };
 }, Rt = () => {
-  const o = N.useRef(null), c = N.useRef(!1), { height: e, ref: t, width: n } = Je({ box: "content-box" }), {
+  const o = N.useRef(null), c = N.useRef(!1), { height: e, ref: t, width: n } = Ye({ box: "content-box" }), {
     _gridSelection: r,
     allowMultiSelect: i,
     focused: s,
@@ -1664,16 +1664,16 @@ const Ct = (o) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
     mounted: R,
     onCellActivated: b,
     onCellClicked: E,
-    onCellEdited: A,
-    onColumnMoved: j,
+    onCellEdited: M,
+    onColumnMoved: P,
     onColumnProposeMove: q,
     onColumnResize: v,
     onContextClick: f,
     onHeaderClicked: w,
     onHeaderMenuClick: I,
-    onItemHovered: P,
+    onItemHovered: A,
     onVisibleRegionChanged: O,
-    renderColumns: M,
+    renderColumns: j,
     rowHeight: $,
     sections: T,
     selectMode: H,
@@ -1712,11 +1712,11 @@ const Ct = (o) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
     setStateFN: l.setStateFN,
     total_rows: l.total_rows,
     widthProp: l.width
-  })), ne = Ye(o, (l) => {
+  })), ne = Je(o, (l) => {
     Z("_glideref", () => l ?? void 0);
     const m = u("ready"), y = !!(l && R);
     m !== y && D("ready", y);
-  }), Y = xt();
+  }), J = xt();
   return /* @__PURE__ */ h.jsxs(
     be,
     {
@@ -1751,7 +1751,7 @@ const Ct = (o) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                 Me,
                 {
                   cellActivationBehavior: "double-click",
-                  columns: M ?? [],
+                  columns: j ?? [],
                   columnSelect: "none",
                   drawFocusRing: !0,
                   height: e ?? 400,
@@ -1772,7 +1772,7 @@ const Ct = (o) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                   ...d,
                   getCellContent: a,
                   getCellsForSelection: g,
-                  getRowThemeOverride: Y.getRowThemeOverride,
+                  getRowThemeOverride: J.getRowThemeOverride,
                   gridSelection: r,
                   headerHeight: _ ?? 32,
                   headerIcons: { sort: Ct, sortdown: de, sortup: ue },
@@ -1783,8 +1783,8 @@ const Ct = (o) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                       c.current = !1;
                     }, 100));
                   },
-                  onCellEdited: A,
-                  onColumnMoved: j,
+                  onCellEdited: M,
+                  onColumnMoved: P,
                   onColumnProposeMove: q,
                   onColumnResize: v,
                   onGridSelectionChange: (l) => {
@@ -1798,7 +1798,7 @@ const Ct = (o) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                     if (m.length === 0)
                       for (const F of y?.rows ?? [])
                         z && z(F)?.[p] && (m = m.hasIndex(F) ? m : m.add(F));
-                    (JSON.stringify(y?.columns) !== JSON.stringify(l.columns) || JSON.stringify(y?.rows) !== JSON.stringify(m) || JSON.stringify(y?.current) !== JSON.stringify(l.current)) && (D("_gridSelection", { ...l, rows: m }), JSON.stringify(y?.rows) !== JSON.stringify(m) && D("_gridSelectionRows", m));
+                    console.log("Debug:onGridSelectionChange", y, l), (JSON.stringify(y?.columns) !== JSON.stringify(l.columns) || JSON.stringify(y?.rows) !== JSON.stringify(m) || JSON.stringify(y?.current) !== JSON.stringify(l.current)) && (D("_gridSelection", { ...l, rows: m }), D("_gridSelectionRows", m));
                   },
                   onHeaderClicked: w,
                   onHeaderContextMenu: (l, m) => {
@@ -1807,7 +1807,7 @@ const Ct = (o) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                     }, 100));
                   },
                   onHeaderMenuClick: I,
-                  onItemHovered: P,
+                  onItemHovered: A,
                   onVisibleRegionChanged: O,
                   ref: ne,
                   rightElement: T?.rightElementDisabled ? void 0 : /* @__PURE__ */ h.jsxs(Ke, { children: [
@@ -1817,7 +1817,7 @@ const Ct = (o) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                   ] }),
                   rowHeight: $ ?? 22,
                   rows: ee ?? 0,
-                  theme: Y.gridTheme,
+                  theme: J.gridTheme,
                   width: n ?? 200
                 }
               ),