@warkypublic/oranguru 0.0.41 → 0.0.43

package/dist/lib.d.ts

@@ -297,7 +297,7 @@ export declare const Former: ForwardRefExoticComponent<FormerProps<any> & {
     children?: ReactNode | undefined;
 } & RefAttributes<FormerRef<any>>>;
 
-export declare type FormerAPICallType<T extends FieldValues = any> = (mode: 'mutate' | 'read', request: RequestType, value?: T, key?: number | string) => Promise<T>;
+export declare type FormerAPICallType<T extends FieldValues = any> = (mode: 'mutate' | 'read', request: FormRequestType, value?: T, key?: number | string) => Promise<T>;
 
 export declare const FormerButtonArea: () => JSX.Element;
 
@@ -345,7 +345,7 @@ export declare interface FormerProps<T extends FieldValues = any> {
     onOpen?: (data?: T) => void;
     opened?: boolean;
     primeData?: T;
-    request: RequestType;
+    request: FormRequestType;
     uniqueKeyField?: string;
     useFormProps?: UseFormProps<T>;
     values?: T;
@@ -390,13 +390,13 @@ export declare interface FormerState<T extends FieldValues = any> {
     reset: (e?: default_2.BaseSyntheticEvent<object, any, any> | undefined) => Promise<void>;
     save: (e?: default_2.BaseSyntheticEvent<object, any, any> | undefined) => Promise<T | undefined>;
     scrollAreaProps?: ScrollAreaAutosizeProps;
-    setRequest: (request: RequestType) => void;
+    setRequest: (request: FormRequestType) => void;
     setState: <K extends keyof FormStateAndProps<T>>(key: K, value: Partial<FormStateAndProps<T>>[K]) => void;
     setStateFN: <K extends keyof FormStateAndProps<T>>(key: K, value: (current: FormStateAndProps<T>[K]) => Partial<FormStateAndProps<T>[K]>) => Promise<void>;
     validate: () => Promise<boolean>;
 }
 
-declare type FormRequestType = 'change' | 'delete' | 'insert' | 'select';
+declare type FormRequestType = 'change' | 'delete' | 'insert' | 'select' | 'update' | 'view';
 
 export declare type FormStateAndProps<T extends FieldValues = any> = FormerProps<T> & Partial<FormerState<T>>;
 
@@ -625,7 +625,7 @@ export declare interface GridlerState {
     _visibleArea: Rectangle;
     _visiblePages: Rectangle;
     addError: (err: string, ...args: Array<any>) => void;
-    askAPIRowNumber?: (key: string) => Promise<number>;
+    askAPIRowNumber?: (key: string) => Promise<null | number>;
     colFilters?: Array<FilterOption>;
     colOrder?: Record<string, number>;
     colSize?: Record<string, number>;
@@ -793,8 +793,6 @@ export declare class ReactErrorBoundary extends default_2.Component<ErrorBoundar
     retry(): void;
 }
 
-export declare type RequestType = 'delete' | 'insert' | 'select' | 'update' | 'view';
-
 export declare interface SentryConfig {
     beforeSend?: (event: any) => any | null;
     dsn: string;
@@ -855,15 +853,13 @@ export declare const useBoxerStore: {
 export declare const useFormerState: <T extends FieldValues = FieldValues>(options?: Partial<UseFormerStateProps<T>>) => {
     former: {
         onChange: ((value: T, state: Partial< FormStateAndProps<T>>) => void) | undefined;
-        onClose: ((data?: T | undefined) => void) | undefined;
-        opened: boolean | undefined;
         values?: T | undefined;
         primeData?: T | undefined;
-        request?: RequestType | undefined;
+        request: FormRequestType;
     };
     formerWrapper: {
-        onClose: ((data?: T | undefined) => void) | undefined;
-        opened: boolean | undefined;
+        onClose: Required<UseFormerStateProps<T>>["onClose"];
+        opened: Required<UseFormerStateProps<T>>["opened"];
     };
     open: (request: UseFormerStateProps<T>["request"], data: UseFormerStateProps<T>["values"]) => void;
     updateState: (updates: Partial<UseFormerStateProps<T>>) => void;

package/dist/lib.es.js

@@ -43,7 +43,7 @@ function Cn() {
     function r(h) {
       if (h == null) return null;
       if (typeof h == "function")
-        return h.$$typeof === T ? null : h.displayName || h.name || null;
+        return h.$$typeof === M ? null : h.displayName || h.name || null;
       if (typeof h == "string") return h;
       switch (h) {
         case _:
@@ -56,7 +56,7 @@ function Cn() {
           return "Suspense";
         case S:
           return "SuspenseList";
-        case L:
+        case N:
           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 N:
+          case L:
             var b = h.render;
             return h = h.displayName, h || (h = b.displayName || b.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
           case E:
@@ -115,7 +115,7 @@ function Cn() {
       }
     }
     function n() {
-      var h = M.A;
+      var h = F.A;
       return h === null ? null : h.getOwner();
     }
     function s() {
@@ -147,14 +147,14 @@ function Cn() {
       )), h = this.props.ref, h !== void 0 ? h : null;
     }
     function f(h, b, k, v, z, P) {
-      var F = k.ref;
+      var T = k.ref;
       return h = {
         $$typeof: p,
         type: h,
         key: b,
         props: k,
         _owner: v
-      }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(h, "ref", {
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
         get: l
       }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
@@ -180,24 +180,24 @@ function Cn() {
       }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
     function u(h, b, k, v, z, P) {
-      var F = b.children;
-      if (F !== void 0)
+      var T = b.children;
+      if (T !== void 0)
         if (v)
-          if (B(F)) {
-            for (v = 0; v < F.length; v++)
-              c(F[v]);
-            Object.freeze && Object.freeze(F);
+          if (B(T)) {
+            for (v = 0; v < T.length; v++)
+              c(T[v]);
+            Object.freeze && Object.freeze(T);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else c(F);
+        else c(T);
       if (A.call(b, "key")) {
-        F = r(h);
+        T = r(h);
         var ee = Object.keys(b).filter(function(Ee) {
           return Ee !== "key";
         });
-        v = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", q[F + v] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        v = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", q[T + v] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -205,22 +205,22 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           v,
-          F,
+          T,
           ee,
-          F
-        ), q[F + v] = !0);
+          T
+        ), q[T + v] = !0);
       }
-      if (F = null, k !== void 0 && (e(k), F = "" + k), i(b) && (e(b.key), F = "" + b.key), "key" in b) {
+      if (T = null, k !== void 0 && (e(k), T = "" + k), i(b) && (e(b.key), T = "" + b.key), "key" in b) {
         k = {};
         for (var ie in b)
           ie !== "key" && (k[ie] = b[ie]);
       } else k = b;
-      return F && a(
+      return T && a(
         k,
         typeof h == "function" ? h.displayName || h.name || "Unknown" : h
       ), f(
         h,
-        F,
+        T,
         k,
         n(),
         z,
@@ -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"), 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"), T = /* @__PURE__ */ Symbol.for("react.client.reference"), M = 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"), 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() {
       return null;
     };
     g = {
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
       s
     )(), Z = G(t(s)), q = {};
     de.Fragment = _, de.jsx = function(h, b, k) {
-      var v = 1e4 > M.recentlyCreatedOwnerStacks++;
+      var v = 1e4 > F.recentlyCreatedOwnerStacks++;
       return u(
         h,
         b,
@@ -256,7 +256,7 @@ React keys must be passed directly to JSX without using spread:
         v ? G(t(h)) : Z
       );
     }, de.jsxs = function(h, b, k) {
-      var v = 1e4 > M.recentlyCreatedOwnerStacks++;
+      var v = 1e4 > F.recentlyCreatedOwnerStacks++;
       return u(
         h,
         b,
@@ -565,8 +565,8 @@ class Mn {
           let y, _;
           if (p !== void 0 && this.options.lanes > 1) {
             y = p;
-            const O = c[y], N = O !== void 0 ? u[O] : void 0;
-            _ = N ? N.end + this.options.gap : t + n;
+            const O = c[y], L = O !== void 0 ? u[O] : void 0;
+            _ = L ? L.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);
@@ -1040,14 +1040,14 @@ const Ln = (r) => {
     onBufferChange: x,
     onChange: R,
     opened: O,
-    openOnClear: N,
+    openOnClear: L,
     placeholder: w,
     scrollAreaProps: S,
     search: E,
     selectedOptionIndex: D,
-    selectFirst: L,
-    setInput: T,
-    setOpened: M,
+    selectFirst: N,
+    setInput: M,
+    setOpened: F,
     setSearch: A,
     setSelectedOptionIndex: B,
     showAll: G,
@@ -1089,23 +1089,23 @@ const Ln = (r) => {
       const z = typeof v == "string" ? parseInt(v, 10) : v, P = i[z];
       if (P)
         if (C) {
-          const F = Array.isArray(j) ? j : [], ie = F.includes(P.value) ? F.filter((Oe) => Oe !== P.value) : [...F, P.value];
+          const T = Array.isArray(j) ? j : [], ie = T.includes(P.value) ? T.filter((Oe) => Oe !== P.value) : [...T, P.value];
           R?.(ie);
           const Ee = i.filter((Oe) => ie.includes(Oe.value));
           x?.(Ee);
         } else
-          R?.(P.value), A(""), T(P.label), n.current = P.value, M(!1);
+          R?.(P.value), A(""), M(P.label), n.current = P.value, F(!1);
     },
-    [i, C, j, R, x, A, T, M]
+    [i, C, j, R, x, A, M, F]
   ), h = oe(() => {
-    G && L ? q(0) : (R?.(C ? [] : null), A(""), T(""), t.current?.focus()), N && M(!0);
-  }, [G, L, C, R, A, T, N, M, q]), b = Bt({
+    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({
     getOptionId: (v) => String(v),
     onDropdownClose: () => {
-      M(!1);
+      F(!1);
     },
     onDropdownOpen: () => {
-      (!j || C && (!Array.isArray(j) || j.length === 0)) && (A(""), T("")), b.selectFirstOption();
+      (!j || C && (!Array.isArray(j) || j.length === 0)) && (A(""), M("")), b.selectFirstOption();
     },
     onSelectedOptionSubmit: q,
     opened: O,
@@ -1130,10 +1130,10 @@ const Ln = (r) => {
   }, [E, O]), I(() => {
     if (C) {
       const v = i.filter((z) => Array.isArray(j) && j.includes(z.value)).map((z) => z.label).join(", ");
-      !O && g !== v && (T(v), A(""));
+      !O && g !== v && (M(v), A(""));
     } else {
       const v = i.find((z) => z.value === j)?.label;
-      g !== v && (E ?? "") === "" && n.current !== j && j ? T(v ?? "") : !j && !n.current && (E ?? "") === "" && (A(""), T(""));
+      g !== v && (E ?? "") === "" && n.current !== j && j ? M(v ?? "") : !j && !n.current && (E ?? "") === "" && (A(""), M(""));
     }
     if (C) {
       const v = i.filter((z) => Array.isArray(j) && j.includes(z.value)) ?? [];
@@ -1142,21 +1142,21 @@ const Ln = (r) => {
       const v = i?.find((z) => z.value === j) ?? null;
       s.current?.value !== v?.value && (x?.(v), s.current = v);
     }
-  }, [j, i, g, E, C, O, x, T, A]), I(() => {
-    L && (i?.length ?? 0) > 0 && !C && (j || q?.(0));
-  }, [L, i, C]), Ge(o, () => ({
+  }, [j, i, g, E, C, O, x, M, A]), I(() => {
+    N && (i?.length ?? 0) > 0 && !C && (j || q?.(0));
+  }, [N, i, C]), Ge(o, () => ({
     clear: () => {
       h();
     },
     close: () => {
-      M(!1), b.closeDropdown();
+      F(!1), b.closeDropdown();
     },
     focus: () => {
       t.current?.focus();
     },
     getValue: () => j,
     open: () => {
-      M(!0), b.openDropdown();
+      F(!0), b.openDropdown();
     },
     setValue: (v) => {
       R?.(v);
@@ -1178,11 +1178,11 @@ const Ln = (r) => {
             isFetching: p,
             label: y,
             onBlur: () => {
-              !j && !C && (A(""), T(""), b.closeDropdown(), M(!1));
+              !j && !C && (A(""), M(""), b.closeDropdown(), F(!1));
             },
             onClear: h,
             onSearch: (v) => {
-              A(v.currentTarget.value), T(v.currentTarget.value), M(!0);
+              A(v.currentTarget.value), M(v.currentTarget.value), F(!0);
             },
             placeholder: w,
             ref: t,
@@ -2141,7 +2141,7 @@ const lo = (r) => {
     e((f) => ({ ...f, ...l }));
   }, { onChange: n, onClose: s, opened: i, ...a } = o;
   return {
-    former: { ...a, onChange: n, onClose: s, opened: i },
+    former: { ...a, onChange: n },
     formerWrapper: { onClose: s, opened: i },
     open: (l, f) => {
       e((u) => ({ ...u, opened: !0, primeData: f, request: l, values: f }));
@@ -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, N = c === void 0 ? null : c;
+        var x = !1, R, O, L = c === void 0 ? null : c;
         return [
           function() {
             return C(u());
           },
-          N === null ? void 0 : function() {
-            return C(N());
+          L === null ? void 0 : function() {
+            return C(L());
           }
         ];
       },
@@ -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, N = c === void 0 ? null : c;
+          var x = !1, R, O, L = c === void 0 ? null : c;
           return [
             function() {
               return C(u());
             },
-            N === null ? void 0 : function() {
-              return C(N());
+            L === null ? void 0 : function() {
+              return C(L());
             }
           ];
         },
@@ -3321,14 +3321,14 @@ const Rr = [
             }
           }
           if (n > 0)
-            return console.log("Local row index", n, e), n;
+            return n;
         }
         if (n > 0)
           return n;
         if (typeof t.askAPIRowNumber == "function") {
           const l = await t.askAPIRowNumber(String(e));
           if (l && l >= 0)
-            return console.log("Remote row index", n, e), l;
+            return l;
         }
       }
     },
@@ -3405,8 +3405,8 @@ const Rr = [
       ), t.glideProps?.onCellActivated?.(e);
     },
     onCellClicked: (e, t) => {
-      const n = o(), [s, i] = e;
-      n.glideProps?.onCellClicked && n.glideProps?.onCellClicked?.(e, t), n.values?.length && n.onChange && n.onChange(n.values), n._events.dispatchEvent(
+      const n = o(), [s, i] = e, a = n.getRowBuffer(i);
+      n.glideProps?.onCellClicked && n.glideProps?.onCellClicked?.(e, t), n.values?.length && n.values?.length > 0 ? n.onChange && n.onChange(n.values) : a && n.onChange && n.onChange([a]), n._events.dispatchEvent(
         new CustomEvent("onCellClicked", {
           detail: { cell: e, col: s, row: i, state: n }
         })
@@ -3766,17 +3766,17 @@ function Ar(r) {
             e("loadingData", !1);
             return;
           }
-          const N = new AbortController();
+          const L = new AbortController();
           await o("_active_requests", (S) => [
             ...S ?? [],
-            { controller: N, page: l }
+            { controller: L, page: l }
           ]);
           const w = await fetch(
             `${r.url}?x-limit=${String(c ?? 50)}&x-offset=${String((c ?? 50) * l)}`,
             {
               headers: C,
               method: "GET",
-              signal: N?.signal
+              signal: L?.signal
             }
           );
           if (w.ok) {
@@ -3806,6 +3806,8 @@ function Ar(r) {
   ), a = oe(
     async (l) => {
       const f = t("colFilters");
+      if (!l)
+        return null;
       if (r && r.url) {
         const u = new Headers(), c = [
           { type: "limit", value: String(10) },
@@ -3827,7 +3829,7 @@ function Ar(r) {
           for (const y in fe(c))
             u.set(y, p[y]);
         }
-        const m = new AbortController(), g = await fetch(`${r.url}?x-fetch-rownumber=${l}}`, {
+        const m = new AbortController(), g = await fetch(`${r.url}?x-fetch-rownumber=${l}`, {
           headers: u,
           method: "GET",
           signal: m?.signal
@@ -3891,7 +3893,7 @@ function Tr(r) {
         _ !== void 0 && (l = a.getRowBuffer(_));
       }
       const p = typeof r.descriptionField == "string" ? l?.[r.descriptionField] : typeof r.descriptionField == "function" && l ? r.descriptionField(l) : void 0;
-      i === "other" && c.push({
+      (i === "other" || i === "cell" && !l) && c.push({
         c: "blue",
         label: "Add",
         onClick: () => {
@@ -4093,7 +4095,7 @@ const Mt = $.memo(() => {
     setStateFN: w.setStateFN,
     uniqueid: w.uniqueid,
     values: w.values
-  })), N = yn(
+  })), L = yn(
     (w) => {
       m(0, "all").then(() => {
         c("refreshCells")?.(), c("_events")?.dispatchEvent?.(
@@ -4110,35 +4112,37 @@ const Mt = $.memo(() => {
   );
   return I(() => {
     O && (async () => {
-      const S = c("_page_data"), E = c("pageSize"), D = c("keyField") ?? "id", L = [];
-      for (const T in O) {
-        let M = -1;
+      const S = c("_page_data"), E = c("pageSize"), D = c("keyField") ?? "id", N = [];
+      for (const M in O) {
+        let F = -1;
         const A = String(
-          typeof O?.[T] == "object" ? O?.[T]?.[D] : typeof O?.[T] == "string" ? O?.[T] : void 0
+          typeof O?.[M] == "object" ? O?.[M]?.[D] : typeof O?.[M] == "string" ? O?.[M] : void 0
         );
         for (const B in S) {
           for (const G in S[B]) {
             const j = Number(B) * E + Number(G);
             if (String(S[B][G]?.[D]) === A) {
-              M = j;
+              F = j;
               break;
             }
           }
-          if (M >= 0) {
-            L.push(M);
+          if (F >= 0) {
+            N.push(F);
             break;
           }
         }
-        if (!(M >= 0)) {
+        if (F >= 0)
+          N.push(F);
+        else {
           const B = await u(A);
-          B && L.push(B);
+          B !== null && N.push(B);
         }
       }
-      return L;
+      return N;
     })().then((S) => {
       let E = ne.empty();
       S.forEach((D) => {
-        E = E.add(D);
+        D !== void 0 && (E = E.add(D));
       }), R("_gridSelectionRows", () => E), R("_gridSelection", (D) => ({
         columns: D?.columns ?? ne.empty(),
         ...D,
@@ -4165,7 +4169,7 @@ const Mt = $.memo(() => {
       o.current = "";
       return;
     }
-    o.current !== y && (N(y), o.current = y);
+    o.current !== y && (L(y), o.current = y);
   }, [y]), I(() => {
     l && (x("_gridSelection", {
       columns: ne.empty(),
@@ -4210,10 +4214,10 @@ const Mt = $.memo(() => {
     const w = c("_events"), S = () => {
       const E = c("selectFirstRowOnMount");
       if (c("ready") && E) {
-        const L = c("scrollToRowKey");
-        if (L && L >= 0)
+        const N = c("scrollToRowKey");
+        if (N && N >= 0)
           return;
-        const T = c("keyField") ?? "id", A = c("_page_data")?.[0]?.[0], B = A?.[T] ?? -1, G = c("values") ?? [];
+        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");
           J ? J(j) : x("values", j), x("scrollToRowKey", B);
@@ -4225,16 +4229,16 @@ const Mt = $.memo(() => {
     };
   }, [g, C]), I(() => {
     const w = c("ready"), S = c("_glideref"), E = c("getRowIndexByKey"), D = _ ?? p;
-    D && S && w && E?.(D).then((L) => {
-      if (L !== void 0) {
-        if (_) {
-          const T = c("onChange"), M = [{ [c("keyField") ?? "id"]: _ }];
-          JSON.stringify(c("values")) !== JSON.stringify(M) && (T ? T(M) : x("values", M));
+    D && S && w && E?.(D).then((N) => {
+      if (N !== void 0) {
+        if (console.log("Scrolling to selected row:", N, _, p), _) {
+          const M = c("onChange"), F = [{ [c("keyField") ?? "id"]: _ }];
+          JSON.stringify(c("values")) !== JSON.stringify(F) && (M ? M(F) : x("values", F));
         }
-        S.scrollTo(0, L), c("_events").dispatchEvent(
+        S.scrollTo(0, N), c("_events").dispatchEvent(
           new CustomEvent("scrollToRowKeyFound", {
             detail: {
-              rowNumber: L,
+              rowNumber: N,
               scrollToRowKey: p,
               selectedRowKey: _
             }
@@ -4362,14 +4366,14 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
     onCellEdited: x,
     onColumnMoved: R,
     onColumnProposeMove: O,
-    onColumnResize: N,
+    onColumnResize: L,
     onContextClick: w,
     onHeaderClicked: S,
     onHeaderMenuClick: E,
     onItemHovered: D,
-    onVisibleRegionChanged: L,
-    renderColumns: T,
-    rowHeight: M,
+    onVisibleRegionChanged: N,
+    renderColumns: M,
+    rowHeight: F,
     sections: A,
     selectMode: B,
     setState: G,
@@ -4446,7 +4450,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                 vn,
                 {
                   cellActivationBehavior: "double-click",
-                  columns: T ?? [],
+                  columns: M ?? [],
                   columnSelect: "none",
                   drawFocusRing: !0,
                   height: e ?? 400,
@@ -4481,7 +4485,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: N,
+                  onColumnResize: L,
                   onGridSelectionChange: (h) => {
                     let b = ne.empty();
                     const k = u("_gridSelection"), v = u("keyField") ?? "id", z = u("getRowBuffer");
@@ -4493,7 +4497,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                     if (b.length === 0)
                       for (const P of k?.rows ?? [])
                         z && z(P)?.[v] && (b = b.hasIndex(P) ? b : b.add(P));
-                    console.log("Debug:onGridSelectionChange", k, h), (JSON.stringify(k?.columns) !== JSON.stringify(h.columns) || JSON.stringify(k?.rows) !== JSON.stringify(b) || JSON.stringify(k?.current) !== JSON.stringify(h.current)) && (G("_gridSelection", { ...h, rows: b }), G("_gridSelectionRows", b));
+                    (JSON.stringify(k?.columns) !== JSON.stringify(h.columns) || JSON.stringify(k?.rows) !== JSON.stringify(b) || JSON.stringify(k?.current) !== JSON.stringify(h.current)) && (G("_gridSelection", { ...h, rows: b }), G("_gridSelectionRows", b));
                   },
                   onHeaderClicked: S,
                   onHeaderContextMenu: (h, b) => {
@@ -4503,14 +4507,14 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                   },
                   onHeaderMenuClick: E,
                   onItemHovered: D,
-                  onVisibleRegionChanged: L,
+                  onVisibleRegionChanged: N,
                   ref: Z,
                   rightElement: A?.rightElementDisabled ? void 0 : /* @__PURE__ */ d.jsxs(we, { children: [
                     A?.rightElementStart,
                     /* @__PURE__ */ d.jsx(Pr, {}),
                     A?.rightElementEnd
                   ] }),
-                  rowHeight: M ?? 22,
+                  rowHeight: F ?? 22,
                   rows: J ?? 0,
                   theme: q.gridTheme,
                   width: n ?? 200