@dmsi/wedgekit-react 2.0.0 → 2.0.2

package/dist/hooks/useTableLayout/useTableLayout.js

@@ -0,0 +1,163 @@
+"use client";
+import { useState as W, useRef as P, useEffect as l, useCallback as s } from "react";
+import { hasPerformedLegacyMigration as F, clearAllLegacyData as G, markLegacyMigrationComplete as J, loadPreferences as K, savePreferences as H, clearPreferences as N } from "./storage.js";
+import { applyPreferencesToColumns as g, extractColumnOrder as Q, extractVisibilityChanges as X } from "./computeColumns.js";
+let x = !1;
+function $(u, a, d = !0) {
+  const [C, U] = W(null), [S, m] = W(
+    () => (
+      // Initialize with system columns (no preferences applied yet)
+      u.map((e) => ({ ...e }))
+    )
+  ), [v, R] = W(!1), f = P(a), B = P(u), t = P(C), b = P(d);
+  l(() => {
+    f.current = a;
+  }, [a]), l(() => {
+    B.current = u;
+  }, [u]), l(() => {
+    t.current = C;
+  }, [C]), l(() => {
+    b.current = d;
+  }, [d]), l(() => {
+    typeof window > "u" || !x && !F() && (G(), J(), x = !0);
+  }, []), l(() => {
+    if (!d) {
+      R(!0);
+      return;
+    }
+    if (!a) {
+      R(!0);
+      return;
+    }
+    const e = K(a);
+    U(e);
+    const r = g(
+      u,
+      e
+    );
+    m(r), R(!0);
+  }, [a, d]), l(() => {
+    if (!v) return;
+    const e = g(
+      u,
+      t.current
+    );
+    m(e);
+  }, [u, v]);
+  const c = s(
+    (e) => {
+      if (!f.current) return;
+      const r = {
+        ...t.current,
+        ...e,
+        version: 2
+      };
+      U(r), b.current && H(f.current, r);
+      const n = g(
+        B.current,
+        r
+      );
+      m(n);
+    },
+    []
+  ), O = s(
+    (e) => {
+      const r = t.current, n = r?.hiddenByUser ?? [], w = (r?.shownByUser ?? []).filter((i) => i !== e), y = n.includes(e) ? n : [...n, e];
+      c({
+        ...r,
+        hiddenByUser: y,
+        shownByUser: w
+      });
+    },
+    [c]
+  ), T = s(
+    (e) => {
+      const r = t.current, n = r?.hiddenByUser ?? [], o = r?.shownByUser ?? [], w = n.filter((i) => i !== e), y = o.includes(e) ? o : [...o, e];
+      c({
+        ...r,
+        hiddenByUser: w,
+        shownByUser: y
+      });
+    },
+    [c]
+  ), A = s(
+    (e) => {
+      c({
+        ...t.current,
+        columnOrder: e
+      });
+    },
+    [c]
+  ), D = s(
+    (e, r) => {
+      const n = t.current, o = n?.columnWidths ?? {};
+      c({
+        ...n,
+        columnWidths: { ...o, [e]: r }
+      });
+    },
+    [c]
+  ), M = s(() => {
+    if (!f.current) return;
+    N(f.current), U(null);
+    const e = g(
+      B.current,
+      null
+    );
+    m(e);
+  }, []), E = s(() => t.current ?? { version: 2 }, []), V = s(() => S, [S]), j = s(
+    (e) => {
+      m((r) => {
+        const n = typeof e == "function" ? e(r) : e, o = Q(n), { hiddenByUser: w, shownByUser: y } = X(
+          n,
+          B.current
+        ), i = t.current, q = Array.from(
+          /* @__PURE__ */ new Set([
+            ...w,
+            // Keep existing hidden prefs for columns that are still hidden
+            ...i?.hiddenByUser?.filter((h) => {
+              const p = n.find((L) => L.id === h);
+              return p && p.meta?.visible === !1;
+            }) ?? []
+          ])
+        ), z = Array.from(
+          /* @__PURE__ */ new Set([
+            ...y,
+            // Keep existing shown prefs for columns that are still visible
+            ...i?.shownByUser?.filter((h) => {
+              const p = n.find((L) => L.id === h);
+              return p && p.meta?.visible !== !1;
+            }) ?? []
+          ])
+        );
+        if (f.current && d) {
+          const h = {
+            columnOrder: o,
+            hiddenByUser: q,
+            shownByUser: z,
+            columnWidths: i?.columnWidths,
+            version: 2
+          };
+          U(h), H(f.current, h);
+        }
+        return n;
+      });
+    },
+    [d]
+  );
+  return {
+    columns: S,
+    setColumns: j,
+    isReady: v,
+    getSavedLayout: V,
+    hideColumn: O,
+    showColumn: T,
+    reorderColumns: A,
+    setColumnWidth: D,
+    resetToDefaults: M,
+    getUserPreferences: E
+  };
+}
+export {
+  $ as useTableLayout
+};