impact-nova 2.5.0 → 2.5.2

package/dist/components/data/data-table/use-data-table-column-list-sync.js

@@ -1,154 +1,126 @@
-import { useState as U, useRef as S, useCallback as m, useLayoutEffect as et, useEffect as _ } from "react";
-import { mergePartialOrderedColumnState as V } from "./data-table-column-state.js";
-import { afterSynchronousColumnApply as M, normalizeColumnPinned as B, GRID_AUTO_UNPIN_WAIT_MS as nt, alignColumnTreePinMetadata as X, EXTERNAL_SYNC_DEBOUNCE_MS as rt, readGridColumnPinned as ot } from "./data-table-column-apply.js";
-import { computeColumnListSyncFingerprints as Y } from "./data-table-column-list-sync.js";
-import { resolveColumnTreeFromCacheOrGrid as z, peekColumnListSyncWouldSkip as ct, readColumnTreeCache as H, writeColumnTreeCache as ut } from "./data-table-column-tree-cache.js";
-import { patchColumnTreeIndicatorsFromGrid as J } from "./patch-column-tree-indicators-from-grid.js";
-import { subscribeGridApiEvent as P } from "../ag-grid-react/grid-api-event-subscription.js";
-import { subscribeColumnIndicatorSync as Q } from "../ag-grid-react/column-indicator-sync-bus.js";
-function Ct({
-  gridApi: t,
-  frozenColumnsLabel: d,
-  scrollableColumnsLabel: f,
-  isSyncActive: a = !0
+import { useState as W, useRef as p, useEffect as j, useCallback as d, useLayoutEffect as $ } from "react";
+import { mergePartialOrderedColumnState as q } from "./data-table-column-state.js";
+import { afterSynchronousColumnApply as k, normalizeColumnPinned as z, GRID_AUTO_UNPIN_WAIT_MS as A, alignColumnTreePinMetadata as V, EXTERNAL_SYNC_DEBOUNCE_MS as ee, readGridColumnPinned as ne } from "./data-table-column-apply.js";
+import { buildColumnStateFromTree as te } from "./build-column-state-from-tree.js";
+import { isColumnRuntimeStateGuardUpdating as w } from "./column-runtime-state-guard.js";
+import { computeColumnListSyncFingerprints as re } from "./data-table-column-list-sync.js";
+import { writeColumnTreeCache as B, resolveColumnTreeFromCacheOrGrid as oe, peekColumnListSyncWouldSkip as ue, readColumnTreeCache as se } from "./data-table-column-tree-cache.js";
+import { patchColumnTreeIndicatorsFromGrid as ce } from "./patch-column-tree-indicators-from-grid.js";
+import { subscribeGridApiEvent as X } from "../ag-grid-react/grid-api-event-subscription.js";
+import { subscribeColumnIndicatorSync as le } from "../ag-grid-react/column-indicator-sync-bus.js";
+function Y(e, C, h) {
+  return {
+    layout: e.current,
+    visibility: C.current,
+    indicators: h.current
+  };
+}
+function x(e, C, h, c) {
+  C.current = e.layout, h.current = e.visibility, c.current = e.indicators;
+}
+function Te({
+  gridApi: e,
+  frozenColumnsLabel: C,
+  scrollableColumnsLabel: h,
+  isSyncActive: c = !0
 }) {
-  const [Z, k] = U([]), [$, x] = U(!1), [q, N] = U(!1), i = S(!1), g = S(null), E = S(0), I = S(""), R = S(""), W = S(a), b = S(!1), T = m(
-    (e, n) => {
-      const o = I.current, c = Y(e);
-      I.current = c.structural, R.current = c.indicators, k(e), x(!0), n === "structural" && o !== "" && N((r) => !r), n === "indicators-only" && b.current && (b.current = !1, N((r) => !r));
+  const [R, E] = W([]), [H, M] = W(!1), l = p(!1), J = p(null), D = p(R), S = p(""), b = p(""), I = p(""), N = p(c);
+  j(() => {
+    D.current = R;
+  }, [R]);
+  const F = d(
+    () => ({
+      frozenColumns: C,
+      scrollableColumns: h
+    }),
+    [C, h]
+  ), y = d(
+    (n) => {
+      x(
+        re(n),
+        S,
+        b,
+        I
+      );
     },
     []
-  ), p = m(
-    () => {
-      if (!t || i.current) return;
-      const e = z({
-        gridApi: t,
-        labels: {
-          frozenColumns: d,
-          scrollableColumns: f
-        },
-        previousFingerprints: {
-          structural: I.current,
-          indicators: R.current
-        }
-      });
-      if (e.syncMode === "skip" || !e.rootItems) {
-        e.syncMode !== "skip" && x(!0);
+  ), T = d(
+    (n) => {
+      if (!e) {
+        l.current = !1;
         return;
       }
-      T(
-        e.rootItems,
-        e.syncMode === "indicators-only" ? "indicators-only" : "structural"
-      );
+      l.current = !1, B(e, n), y(n);
     },
-    [
-      T,
-      d,
-      t,
-      f
-    ]
-  ), j = m(
-    () => {
-      if (!t || i.current) return;
-      const e = z({
-        gridApi: t,
-        labels: {
-          frozenColumns: d,
-          scrollableColumns: f
-        },
-        previousFingerprints: {
-          structural: I.current,
-          indicators: R.current
-        }
-      });
-      if (e.syncMode !== "skip" && e.rootItems) {
-        if (e.syncMode === "structural") {
-          const n = g.current?.querySelector(
-            '[data-component="nested-list"] .overflow-y-auto'
-          );
-          n && (E.current = n.scrollTop);
-        }
-        T(
-          e.rootItems,
-          e.syncMode === "indicators-only" ? "indicators-only" : "structural"
-        );
-      }
-    },
-    [
-      T,
-      d,
-      t,
-      f
-    ]
-  );
-  et(() => {
-    const e = a && !W.current;
-    if (W.current = a, !t || !a) return;
-    const n = {
-      frozenColumns: d,
-      scrollableColumns: f
-    }, o = {
-      structural: I.current,
-      indicators: R.current
-    };
-    if (!(!e && o.structural !== "" && ct({
-      gridApi: t,
-      labels: n,
-      previousFingerprints: o
+    [e, y]
+  ), a = d(() => {
+    if (!e || l.current || w(e))
+      return;
+    const n = oe({
+      gridApi: e,
+      labels: F(),
+      previousFingerprints: Y(
+        S,
+        b,
+        I
+      )
+    });
+    if (n.syncMode === "skip" || !n.rootItems) {
+      n.syncMode !== "skip" && M(!0);
+      return;
+    }
+    x(
+      n.fingerprints,
+      S,
+      b,
+      I
+    ), E(n.rootItems), M(!0);
+  }, [e, F]);
+  $(() => {
+    const n = c && !N.current;
+    if (N.current = c, !e || !c) return;
+    const t = F(), r = Y(
+      S,
+      b,
+      I
+    );
+    if (!(!n && r.layout !== "" && ue({
+      gridApi: e,
+      labels: t,
+      previousFingerprints: r
     }))) {
-      if (e) {
-        b.current = !0, queueMicrotask(() => {
-          const c = H(t, n);
-          if (c) {
-            const s = J(
-              c.items,
-              t
+      if (n) {
+        queueMicrotask(() => {
+          const o = se(e, t);
+          if (o) {
+            const i = ce(
+              o.items,
+              e
             );
-            T(s, "indicators-only");
+            x(
+              B(e, i),
+              S,
+              b,
+              I
+            ), E(i), M(!0);
             return;
           }
-          p();
+          a();
         });
         return;
       }
       queueMicrotask(() => {
-        p();
+        a();
       });
     }
   }, [
-    t,
-    a,
-    d,
-    f,
-    p,
-    T
-  ]), _(() => {
-    if (!t || a) return;
-    const e = {
-      frozenColumns: d,
-      scrollableColumns: f
-    }, n = () => {
-      const r = H(t, e);
-      if (!r)
-        return;
-      const h = J(
-        r.items,
-        t
-      );
-      ut(t, h);
-    }, o = P(t, "sortChanged", () => {
-      n();
-    }), c = P(t, "filterChanged", () => {
-      n();
-    }), s = Q(() => {
-      n();
-    });
-    return () => {
-      o(), c(), s();
-    };
-  }, [t, a, d, f]), _(() => {
-    if (!t || !a) return;
-    const e = [
+    e,
+    c,
+    F,
+    a
+  ]), j(() => {
+    if (!e || !c) return;
+    const n = [
       "columnVisible",
       "columnPinned",
       "columnMoved",
@@ -164,161 +136,120 @@ function Ct({
       "filterChanged",
       "newColumnsLoaded"
     ];
-    let n = null;
-    const o = () => {
-      i.current || (n && clearTimeout(n), n = setTimeout(() => {
-        n = null, !(i.current || t.isDestroyed()) && j();
-      }, rt));
-    }, c = e.map(
-      (r) => P(t, r, () => {
-        o();
+    let t = null;
+    const r = () => {
+      l.current || w(e) || (t && clearTimeout(t), t = setTimeout(() => {
+        t = null, !(l.current || w(e) || e.isDestroyed()) && a();
+      }, ee));
+    }, o = n.map(
+      (m) => X(e, m, () => {
+        r();
       })
-    ), s = Q(() => {
-      o();
+    ), i = le(() => {
+      r();
     });
     return () => {
-      n && clearTimeout(n), c.forEach((r) => r()), s();
+      t && clearTimeout(t), o.forEach((m) => m()), i();
     };
-  }, [t, a, j]), _(() => {
-    if (E.current === 0) return;
-    const e = requestAnimationFrame(() => {
-      const n = g.current?.querySelector(
-        '[data-component="nested-list"] .overflow-y-auto'
-      );
-      n && (n.scrollTop = E.current, E.current = 0);
-    });
-    return () => cancelAnimationFrame(e);
-  }, [q]);
-  const K = m(
-    (e) => {
-      const n = [], o = (c, s) => {
-        c.forEach((r) => {
-          if (r.id === "root-frozen") {
-            r.children && o(r.children, "left");
-            return;
-          }
-          if (r.id === "root-scrollable") {
-            r.children && o(r.children, null);
-            return;
-          }
-          if (r.category === "group" || r.children && r.children.length > 0)
-            r.children && o(r.children, s);
-          else {
-            let u;
-            if (s === null)
-              u = null;
-            else {
-              const y = r.data?.pinned;
-              u = y === "left" || y === "right" ? y : s;
-            }
-            n.push({
-              colId: r.id,
-              pinned: u,
-              hide: !r.checked
-            });
-          }
-        });
-      };
-      return o(e, null), n;
-    },
-    []
-  ), F = m(
-    (e) => {
-      if (!t) return;
-      i.current = !0;
-      const n = K(e);
-      if (n.length === 0) {
-        M(() => {
-          i.current = !1;
+  }, [e, c, a]);
+  const P = d(
+    (n) => {
+      if (!e) return;
+      l.current = !0;
+      const t = te(n);
+      if (t.length === 0) {
+        k(() => {
+          T(n);
         });
         return;
       }
-      const o = t.getColumnState(), c = V(o, n), s = new Set(
-        o.filter((l) => B(l.pinned)).map((l) => l.colId)
-      ), r = c.filter(
-        (l) => B(l.pinned) && !s.has(l.colId)
-      ), h = new Set(r.map((l) => l.colId));
-      t.applyColumnState({ state: c, applyOrder: !0 });
+      const r = e.getColumnState(), o = q(r, t), i = new Set(
+        r.filter((s) => z(s.pinned)).map((s) => s.colId)
+      ), m = o.filter(
+        (s) => z(s.pinned) && !i.has(s.colId)
+      ), v = new Set(m.map((s) => s.colId));
+      e.applyColumnState({ state: o, applyOrder: !0 });
       const u = () => {
-        i.current = !1, p();
+        T(n);
       };
-      if (h.size === 0) {
-        M(u);
+      if (v.size === 0) {
+        k(u);
         return;
       }
-      let v = !1, y = null, O = null;
-      O = P(t, "columnPinned", () => {
-        if (v || t.isDestroyed()) return;
-        const l = t.getColumnState();
-        if (r.filter((G) => {
-          const C = l.find((w) => w.colId === G.colId);
-          return C && !C.pinned;
+      let O = !1, U = null, _ = null;
+      _ = X(e, "columnPinned", () => {
+        if (O || e.isDestroyed()) return;
+        const s = e.getColumnState();
+        if (m.filter((G) => {
+          const f = s.find((g) => g.colId === G.colId);
+          return f && !f.pinned;
         }).length > 0) {
-          v = !0, y && clearTimeout(y), O?.();
-          const G = c.filter(
-            (C) => C.pinned && !h.has(C.colId)
+          O = !0, U && clearTimeout(U), _?.();
+          const G = o.filter(
+            (f) => f.pinned && !v.has(f.colId)
           );
           if (G.length > 0) {
-            const C = G[0], w = c.map(
-              (D) => D.colId === C.colId ? { ...D, pinned: null } : D
+            const f = G[0], g = o.map(
+              (L) => L.colId === f.colId ? { ...L, pinned: null } : L
             );
-            t.applyColumnState({ state: w, applyOrder: !0 });
+            e.applyColumnState({ state: g, applyOrder: !0 });
           }
-          M(u);
+          k(() => {
+            l.current = !1, a();
+          });
         }
-      }), y = setTimeout(() => {
-        O?.(), v || u();
-      }, nt);
+      }), U = setTimeout(() => {
+        _?.(), O || u();
+      }, A);
     },
-    [t, K, p]
-  ), L = m(
-    (e) => {
-      F(X(e));
+    [e, T, a]
+  ), K = d(
+    (n) => {
+      P(V(n));
     },
-    [F]
-  ), A = m(
-    (e, n) => {
-      const o = X(e);
-      n || F(o), k(o);
-      const c = Y(o);
-      I.current = c.structural, R.current = c.indicators;
+    [P]
+  ), Q = d(
+    (n, t) => {
+      const r = V(n);
+      t || P(r), E(r), y(r);
     },
-    [F]
-  ), tt = m(
-    (e, n) => {
-      if (k((s) => {
-        const r = (h) => h.map((u) => u.id === e ? {
-          ...u,
-          data: {
-            ...u.data,
-            pinned: n
-          }
-        } : u.children ? {
-          ...u,
-          children: r(u.children)
-        } : u);
-        return r(s);
-      }), !t) return;
-      i.current = !0;
-      const o = t.getColumnState(), c = V(o, [
-        { colId: e, pinned: n }
+    [P, y]
+  ), Z = d(
+    (n, t) => {
+      const r = (v) => v.map((u) => u.id === n ? {
+        ...u,
+        data: {
+          ...u.data,
+          pinned: t
+        }
+      } : u.children ? {
+        ...u,
+        children: r(u.children)
+      } : u), o = r(D.current);
+      if (E(o), y(o), !e) return;
+      l.current = !0;
+      const i = e.getColumnState(), m = q(i, [
+        { colId: n, pinned: t }
       ]);
-      t.applyColumnState({ state: c, applyOrder: !0 }), M(() => {
-        i.current = !1, ot(t, e) !== n && p();
+      e.applyColumnState({ state: m, applyOrder: !0 }), k(() => {
+        if (ne(e, n) !== t) {
+          l.current = !1, a();
+          return;
+        }
+        T(o);
       });
     },
-    [t, p]
+    [e, y, T, a]
   );
   return {
-    items: Z,
-    isReady: $,
-    externalSyncKey: q,
-    listWrapperRef: g,
-    handleChange: A,
-    handleSubmit: L,
-    handlePinChange: tt
+    items: R,
+    isReady: H,
+    listWrapperRef: J,
+    handleChange: Q,
+    handleSubmit: K,
+    handlePinChange: Z
   };
 }
 export {
-  Ct as useDataTableColumnListSync
+  Te as useDataTableColumnListSync
 };