@warkypublic/oranguru 0.0.43 → 0.0.45

package/dist/lib.es.js

@@ -1,6 +1,6 @@
 import * as ye from "react";
-import $, { forwardRef as Be, useMemo as yt, useRef as U, useCallback as oe, useEffect as I, useImperativeHandle as Ge, useState as se, createElement as ce, createContext as zt, useContext as $t } from "react";
-import { TextInput as Ve, Loader as Nt, ActionIcon as _e, Combobox as te, Checkbox as Lt, useVirtualizedCombobox as Bt, ScrollArea as Gt, rem as We, Group as we, Button as re, Paper as Vt, Text as Ke, Collapse as qt, Code as Ht, Switch as wt, Tooltip as Q, ScrollAreaAutosize as Wt, LoadingOverlay as Kt, Drawer as Ut, Modal as Jt, Popover as Re, VisuallyHidden as Yt, NativeSelect as Xt, PasswordInput as Qt, Textarea as Zt, Portal as en, Menu as K, Stack as bt, Select as tn, useMantineTheme as nn, useMantineColorScheme as rn, lighten as Ue, darken as on } from "@mantine/core";
+import $, { forwardRef as Be, useMemo as yt, useRef as U, useCallback as oe, useEffect as I, useImperativeHandle as Ve, useState as se, createElement as ce, createContext as zt, useContext as $t } from "react";
+import { TextInput as Ge, Loader as Nt, ActionIcon as _e, Combobox as te, Checkbox as Lt, useVirtualizedCombobox as Bt, ScrollArea as Vt, rem as We, Group as we, Button as re, Paper as Gt, Text as Ke, Collapse as qt, Code as Ht, Switch as wt, Tooltip as Q, ScrollAreaAutosize as Wt, LoadingOverlay as Kt, Drawer as Ut, Modal as Jt, Popover as Re, VisuallyHidden as Yt, NativeSelect as Xt, PasswordInput as Qt, Textarea as Zt, Portal as en, Menu as K, Stack as bt, Select as tn, useMantineTheme as nn, useMantineColorScheme as rn, lighten as Ue, darken as on } from "@mantine/core";
 import { flushSync as sn } from "react-dom";
 import { createSyncStore as Ce } from "@warkypublic/zustandsyncstore";
 import { produce as H } from "immer";
@@ -56,7 +56,7 @@ function Cn() {
           return "Suspense";
         case S:
           return "SuspenseList";
-        case N:
+        case L:
           return "Activity";
       }
       if (typeof h == "object")
@@ -69,7 +69,7 @@ function Cn() {
             return h.displayName || "Context";
           case R:
             return (h._context.displayName || "Context") + ".Consumer";
-          case L:
+          case N:
             var b = h.render;
             return h = h.displayName, h || (h = b.displayName || b.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
           case E:
@@ -233,7 +233,7 @@ React keys must be passed directly to JSX without using spread:
     function m(h) {
       return typeof h == "object" && h !== null && h.$$typeof === p;
     }
-    var g = $, p = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), x = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), O = /* @__PURE__ */ Symbol.for("react.context"), L = /* @__PURE__ */ Symbol.for("react.forward_ref"), w = /* @__PURE__ */ Symbol.for("react.suspense"), S = /* @__PURE__ */ Symbol.for("react.suspense_list"), E = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), N = /* @__PURE__ */ Symbol.for("react.activity"), M = /* @__PURE__ */ Symbol.for("react.client.reference"), F = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, B = Array.isArray, G = console.createTask ? console.createTask : function() {
+    var g = $, p = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), x = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), O = /* @__PURE__ */ Symbol.for("react.context"), N = /* @__PURE__ */ Symbol.for("react.forward_ref"), w = /* @__PURE__ */ Symbol.for("react.suspense"), S = /* @__PURE__ */ Symbol.for("react.suspense_list"), E = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), L = /* @__PURE__ */ Symbol.for("react.activity"), M = /* @__PURE__ */ Symbol.for("react.client.reference"), F = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, B = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
     g = {
@@ -565,8 +565,8 @@ class Mn {
           let y, _;
           if (p !== void 0 && this.options.lanes > 1) {
             y = p;
-            const O = c[y], L = O !== void 0 ? u[O] : void 0;
-            _ = L ? L.end + this.options.gap : t + n;
+            const O = c[y], N = O !== void 0 ? u[O] : void 0;
+            _ = N ? N.end + this.options.gap : t + n;
           } else {
             const O = this.options.lanes === 1 ? u[m - 1] : this.getFurthestMeasurement(u, m);
             _ = O ? O.end + this.options.gap : t + n, y = O ? O.lane : m % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(m, y);
@@ -984,7 +984,7 @@ const { Provider: $n, useStore: Nn } = Ce(
     }
   ) : null;
   return /* @__PURE__ */ d.jsx(
-    Ve,
+    Ge,
     {
       disabled: n,
       error: s,
@@ -1040,12 +1040,12 @@ const Ln = (r) => {
     onBufferChange: x,
     onChange: R,
     opened: O,
-    openOnClear: L,
+    openOnClear: N,
     placeholder: w,
     scrollAreaProps: S,
     search: E,
     selectedOptionIndex: D,
-    selectFirst: N,
+    selectFirst: L,
     setInput: M,
     setOpened: F,
     setSearch: A,
@@ -1098,8 +1098,8 @@ const Ln = (r) => {
     },
     [i, C, j, R, x, A, M, F]
   ), h = oe(() => {
-    G && N ? q(0) : (R?.(C ? [] : null), A(""), M(""), t.current?.focus()), L && F(!0);
-  }, [G, N, C, R, A, M, L, F, q]), b = Bt({
+    G && L ? q(0) : (R?.(C ? [] : null), A(""), M(""), t.current?.focus()), N && F(!0);
+  }, [G, L, C, R, A, M, N, F, q]), b = Bt({
     getOptionId: (v) => String(v),
     onDropdownClose: () => {
       F(!1);
@@ -1143,8 +1143,8 @@ const Ln = (r) => {
       s.current?.value !== v?.value && (x?.(v), s.current = v);
     }
   }, [j, i, g, E, C, O, x, M, A]), I(() => {
-    N && (i?.length ?? 0) > 0 && !C && (j || q?.(0));
-  }, [N, i, C]), Ge(o, () => ({
+    L && (i?.length ?? 0) > 0 && !C && (j || q?.(0));
+  }, [L, i, C]), Ve(o, () => ({
     clear: () => {
       h();
     },
@@ -1198,7 +1198,7 @@ const Ln = (r) => {
             p: 2,
             ...f,
             children: O && k.length > 0 ? /* @__PURE__ */ d.jsx(te.Options, { children: /* @__PURE__ */ d.jsx(
-              Gt.Autosize,
+              Vt.Autosize,
               {
                 ...S,
                 mah: _ ?? 200,
@@ -1252,7 +1252,7 @@ const Ln = (r) => {
 Ot.displayName = "BoxerInner";
 const Bn = $.forwardRef((r, o) => /* @__PURE__ */ d.jsx($n, { ...r, children: /* @__PURE__ */ d.jsx(Ot, { ref: o }) }));
 Bn.displayName = "Boxer";
-class Gn {
+class Vn {
   config = { enabled: !0 };
   reporters = [];
   sentryInstance = null;
@@ -1358,7 +1358,7 @@ class Gn {
     this.reporters.push(e);
   }
 }
-const De = new Gn();
+const De = new Vn();
 class oo extends $.PureComponent {
   constructor(o) {
     super(o), this.state = {
@@ -1393,11 +1393,11 @@ class oo extends $.PureComponent {
     ] }) : this.props.children;
   }
 }
-let Vn = {
+let Gn = {
   disabled: !1,
   onError: void 0
 };
-const ke = () => ({ ...Vn });
+const ke = () => ({ ...Gn });
 class so extends $.Component {
   constructor(o) {
     super(o), this.state = {
@@ -1513,7 +1513,7 @@ class so extends $.Component {
           )
         ] }),
         this.state.error && /* @__PURE__ */ d.jsxs(
-          Vt,
+          Gt,
           {
             p: "md",
             shadow: "xs",
@@ -1953,7 +1953,7 @@ const { Provider: qn, useStore: me } = Ce(
       values: y,
       ...g
     });
-    return Ge(
+    return Ve(
       e,
       () => ({
         close: async () => {
@@ -2278,7 +2278,7 @@ const lo = (r) => {
       control: o,
       name: e,
       render: ({ field: i, formState: a }) => /* @__PURE__ */ d.jsx(Q, { label: n ?? "", withArrow: !0, children: /* @__PURE__ */ ce(
-        Ve,
+        Ge,
         {
           ...s,
           ...i,
@@ -2447,13 +2447,13 @@ function Qn() {
           var E = m(w);
           return g !== void 0 && g(S, E) ? (R = w, S) : (R = w, O = E);
         }
-        var x = !1, R, O, L = c === void 0 ? null : c;
+        var x = !1, R, O, N = c === void 0 ? null : c;
         return [
           function() {
             return C(u());
           },
-          L === null ? void 0 : function() {
-            return C(L());
+          N === null ? void 0 : function() {
+            return C(N());
           }
         ];
       },
@@ -2499,13 +2499,13 @@ function Zn() {
             var E = m(w);
             return g !== void 0 && g(S, E) ? (R = w, S) : (R = w, O = E);
           }
-          var x = !1, R, O, L = c === void 0 ? null : c;
+          var x = !1, R, O, N = c === void 0 ? null : c;
           return [
             function() {
               return C(u());
             },
-            L === null ? void 0 : function() {
-              return C(L());
+            N === null ? void 0 : function() {
+              return C(N());
             }
           ];
         },
@@ -3178,7 +3178,7 @@ const Rr = [
       }), l;
     });
   }, [s, r.column.id, r.options, r.storeState]), /* @__PURE__ */ d.jsx(
-    Ve,
+    Ge,
     {
       onChange: (i) => n(i.target.value),
       rightSection: /* @__PURE__ */ d.jsx(_e, { color: "gray", onClick: () => n(""), variant: "filled", children: /* @__PURE__ */ d.jsx(qe, { color: "red" }) }),
@@ -3766,17 +3766,17 @@ function Ar(r) {
             e("loadingData", !1);
             return;
           }
-          const L = new AbortController();
+          const N = new AbortController();
           await o("_active_requests", (S) => [
             ...S ?? [],
-            { controller: L, page: l }
+            { controller: N, page: l }
           ]);
           const w = await fetch(
             `${r.url}?x-limit=${String(c ?? 50)}&x-offset=${String((c ?? 50) * l)}`,
             {
               headers: C,
               method: "GET",
-              signal: L?.signal
+              signal: N?.signal
             }
           );
           if (w.ok) {
@@ -3806,7 +3806,7 @@ function Ar(r) {
   ), a = oe(
     async (l) => {
       const f = t("colFilters");
-      if (!l)
+      if (!l || l === "" || !r.url)
         return null;
       if (r && r.url) {
         const u = new Headers(), c = [
@@ -4018,7 +4018,7 @@ function Pr() {
 }
 function Dr(r, o) {
   const [e, t] = W((n) => [n.setStateFN, n.getState]);
-  return Ge(o, () => ({
+  return Ve(o, () => ({
     getGlideRef: () => t("_glideref"),
     getState: t,
     isEmpty: () => t("isEmpty"),
@@ -4095,7 +4095,7 @@ const Mt = $.memo(() => {
     setStateFN: w.setStateFN,
     uniqueid: w.uniqueid,
     values: w.values
-  })), L = yn(
+  })), N = yn(
     (w) => {
       m(0, "all").then(() => {
         c("refreshCells")?.(), c("_events")?.dispatchEvent?.(
@@ -4112,7 +4112,7 @@ const Mt = $.memo(() => {
   );
   return I(() => {
     O && (async () => {
-      const S = c("_page_data"), E = c("pageSize"), D = c("keyField") ?? "id", N = [];
+      const S = c("_page_data"), E = c("pageSize"), D = c("keyField") ?? "id", L = [];
       for (const M in O) {
         let F = -1;
         const A = String(
@@ -4127,18 +4127,18 @@ const Mt = $.memo(() => {
             }
           }
           if (F >= 0) {
-            N.push(F);
+            L.push(F);
             break;
           }
         }
         if (F >= 0)
-          N.push(F);
+          L.push(F);
         else {
           const B = await u(A);
-          B !== null && N.push(B);
+          B !== null && L.push(B);
         }
       }
-      return N;
+      return L;
     })().then((S) => {
       let E = ne.empty();
       S.forEach((D) => {
@@ -4169,7 +4169,7 @@ const Mt = $.memo(() => {
       o.current = "";
       return;
     }
-    o.current !== y && (L(y), o.current = y);
+    o.current !== y && (N(y), o.current = y);
   }, [y]), I(() => {
     l && (x("_gridSelection", {
       columns: ne.empty(),
@@ -4214,12 +4214,14 @@ const Mt = $.memo(() => {
     const w = c("_events"), S = () => {
       const E = c("selectFirstRowOnMount");
       if (c("ready") && E) {
-        const N = c("scrollToRowKey");
-        if (N && N >= 0)
+        const L = c("scrollToRowKey");
+        if (L && L >= 0)
           return;
         const M = c("keyField") ?? "id", A = c("_page_data")?.[0]?.[0], B = A?.[M] ?? -1, G = c("values") ?? [];
-        if (!(O && O.length > 0) && B && B > 0 && (G.length ?? 0) === 0) {
-          const j = [A, ...G], J = c("onChange");
+        if (!A)
+          return;
+        if (B && B > 0 && (G.length ?? 0) === 0) {
+          const j = [A], J = c("onChange");
           J ? J(j) : x("values", j), x("scrollToRowKey", B);
         }
       }
@@ -4227,18 +4229,18 @@ const Mt = $.memo(() => {
     return w?.addEventListener("loadPage", S), () => {
       w?.removeEventListener("loadPage", S);
     };
-  }, [g, C]), I(() => {
+  }, [g, C, O]), I(() => {
     const w = c("ready"), S = c("_glideref"), E = c("getRowIndexByKey"), D = _ ?? p;
-    D && S && w && E?.(D).then((N) => {
-      if (N !== void 0) {
-        if (console.log("Scrolling to selected row:", N, _, p), _) {
+    D && S && w && E?.(D).then((L) => {
+      if (L !== void 0) {
+        if (_) {
           const M = c("onChange"), F = [{ [c("keyField") ?? "id"]: _ }];
           JSON.stringify(c("values")) !== JSON.stringify(F) && (M ? M(F) : x("values", F));
         }
-        S.scrollTo(0, N), c("_events").dispatchEvent(
+        S.scrollTo(0, L), c("_events").dispatchEvent(
           new CustomEvent("scrollToRowKeyFound", {
             detail: {
-              rowNumber: N,
+              rowNumber: L,
               scrollToRowKey: p,
               selectedRowKey: _
             }
@@ -4303,9 +4305,9 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
         fill="${r.fgColor ?? "currentColor"}"
         d="M2.22 9.967L7.97 4.22l.085-.074l.058-.038l.072-.039l.105-.04l.105-.022l.052-.005L8.5 4l.057.002l.092.013l.107.03l.085.037l.054.03l.063.044l.072.064l5.75 5.747a.75.75 0 0 1-.976 1.133l-.084-.072L9.25 6.56v16.69a.75.75 0 0 1-1.493.102l-.007-.102V6.56l-4.47 4.468a.75.75 0 0 1-.976.072l-.084-.072a.75.75 0 0 1-.073-.977zM19.5 4a.75.75 0 0 1 .743.648l.007.102v16.687l4.47-4.467l.084-.073a.75.75 0 0 1 1.049 1.05l-.073.083l-5.728 5.727a.75.75 0 0 1-1.031.07l-.073-.07l-5.728-5.727l-.073-.084a.75.75 0 0 1-.007-.882l.08-.094l.084-.073a.75.75 0 0 1 .882-.007l.094.08l4.47 4.469V4.75l.007-.102A.75.75 0 0 1 19.5 4"
       ></path>
-    </svg>`, Br = "_container_1nbyf_1", Gr = {
+    </svg>`, Br = "_container_1nbyf_1", Vr = {
   container: Br
-}, Vr = (r) => (o) => o % 2 === 0 ? void 0 : {
+}, Gr = (r) => (o) => o % 2 === 0 ? void 0 : {
   bgCell: r === "dark" ? "#303030" : "#e1effc"
 }, qr = () => {
   const r = nn(), { colorScheme: o } = rn(), { enableOddEvenRowColor: e, focused: t } = W((c) => ({
@@ -4347,7 +4349,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
   }, [l, f] = se(a);
   return I(() => {
     f(a);
-  }, [o, t]), { getRowThemeOverride: (c) => e ? Vr(o)(c) : void 0, gridTheme: l };
+  }, [o, t]), { getRowThemeOverride: (c) => e ? Gr(o)(c) : void 0, gridTheme: l };
 }, Hr = () => {
   const r = $.useRef(null), o = $.useRef(!1), { height: e, ref: t, width: n } = wn({ box: "content-box" }), {
     _gridSelection: s,
@@ -4366,12 +4368,12 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
     onCellEdited: x,
     onColumnMoved: R,
     onColumnProposeMove: O,
-    onColumnResize: L,
+    onColumnResize: N,
     onContextClick: w,
     onHeaderClicked: S,
     onHeaderMenuClick: E,
     onItemHovered: D,
-    onVisibleRegionChanged: N,
+    onVisibleRegionChanged: L,
     renderColumns: M,
     rowHeight: F,
     sections: A,
@@ -4429,7 +4431,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
         /* @__PURE__ */ d.jsxs(
           "div",
           {
-            className: Gr.container,
+            className: Vr.container,
             "data-focused": a,
             onContextMenu: (h) => {
               h.preventDefault(), o.current || (o.current = !0, w("other", h), setTimeout(() => {
@@ -4485,7 +4487,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                   onCellEdited: x,
                   onColumnMoved: R,
                   onColumnProposeMove: O,
-                  onColumnResize: L,
+                  onColumnResize: N,
                   onGridSelectionChange: (h) => {
                     let b = ne.empty();
                     const k = u("_gridSelection"), v = u("keyField") ?? "id", z = u("getRowBuffer");
@@ -4507,7 +4509,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                   },
                   onHeaderMenuClick: E,
                   onItemHovered: D,
-                  onVisibleRegionChanged: N,
+                  onVisibleRegionChanged: L,
                   ref: Z,
                   rightElement: A?.rightElementDisabled ? void 0 : /* @__PURE__ */ d.jsxs(we, { children: [
                     A?.rightElementStart,