@dmsi/wedgekit-react 1.0.1 → 2.0.1

package/dist/hooks/useTableLayout/computeColumns.js

@@ -0,0 +1,59 @@
+function m(r, t) {
+  const n = r.id;
+  if (!n) return !0;
+  const i = r.meta?.visible ?? !0;
+  if (!(r.meta?.inVisibilityMenu ?? !0))
+    return i;
+  if (t) {
+    if (t.hiddenByUser?.includes(n))
+      return !1;
+    if (t.shownByUser?.includes(n))
+      return !0;
+  }
+  return i;
+}
+function l(r, t) {
+  let n = r.map((i) => ({
+    ...i,
+    meta: {
+      ...i.meta,
+      // Compute visibility based on system + user preferences
+      visible: m(i, t)
+    }
+  }));
+  if (t?.columnOrder?.length) {
+    const i = new Map(
+      t.columnOrder.map((e, s) => [e, s])
+    );
+    n = n.sort((e, s) => {
+      const u = i.get(e.id) ?? Number.MAX_SAFE_INTEGER, o = i.get(s.id) ?? Number.MAX_SAFE_INTEGER;
+      return u === Number.MAX_SAFE_INTEGER && o === Number.MAX_SAFE_INTEGER ? 0 : u - o;
+    });
+  }
+  return t?.columnWidths && (n = n.map((i) => {
+    const e = i.id ? t.columnWidths?.[i.id] : void 0;
+    return e !== void 0 ? {
+      ...i,
+      size: e
+    } : i;
+  })), n;
+}
+function f(r) {
+  return r.filter((t) => t.id).map((t) => t.id);
+}
+function c(r, t) {
+  const n = [], i = [];
+  return r.forEach((e) => {
+    if (!e.id) return;
+    const s = t.find((d) => d.id === e.id);
+    if (!s) return;
+    const u = s.meta?.visible ?? !0, o = e.meta?.visible ?? !0;
+    (s.meta?.inVisibilityMenu ?? !0) && (u && !o ? n.push(e.id) : !u && o && s.meta?.inVisibilityMenu !== !1 && i.push(e.id));
+  }), { hiddenByUser: n, shownByUser: i };
+}
+export {
+  l as applyPreferencesToColumns,
+  m as computeColumnVisibility,
+  f as extractColumnOrder,
+  c as extractVisibilityChanges
+};

package/dist/hooks/useTableLayout/storage.js

@@ -0,0 +1,64 @@
+import { LocalStoragePrefixVersion as g } from "../../utils/index.js";
+const r = `${g}-tablePrefs`, u = `${g}-tableLayout`, s = 2;
+function n(t) {
+  return `${r}__${t}`;
+}
+function i(t) {
+  return `${u}__${t}-tableLayout`;
+}
+function m(t) {
+  const e = n(t), o = i(t), a = localStorage.getItem(e);
+  if (a)
+    try {
+      const l = JSON.parse(a);
+      if (l.version === s)
+        return l;
+      localStorage.removeItem(e);
+    } catch {
+      localStorage.removeItem(e);
+    }
+  return localStorage.getItem(o) && localStorage.removeItem(o), null;
+}
+function y(t, e) {
+  const o = n(t);
+  if (!((e.columnOrder?.length ?? 0) > 0 || (e.hiddenByUser?.length ?? 0) > 0 || (e.shownByUser?.length ?? 0) > 0 || Object.keys(e.columnWidths ?? {}).length > 0)) {
+    localStorage.removeItem(o);
+    return;
+  }
+  const c = {
+    ...e,
+    version: s
+  };
+  localStorage.setItem(o, JSON.stringify(c));
+}
+function S(t) {
+  const e = n(t), o = i(t);
+  localStorage.removeItem(e), localStorage.removeItem(o);
+}
+function d() {
+  if (typeof window > "u") return;
+  const t = [];
+  for (let e = 0; e < localStorage.length; e++) {
+    const o = localStorage.key(e);
+    o?.includes("-tableLayout__") && o.endsWith("-tableLayout") && t.push(o);
+  }
+  t.forEach((e) => {
+    localStorage.removeItem(e);
+  });
+}
+function h() {
+  return typeof window > "u" ? !0 : localStorage.getItem(`${r}__migrated`) === "true";
+}
+function I() {
+  typeof window > "u" || localStorage.setItem(`${r}__migrated`, "true");
+}
+export {
+  d as clearAllLegacyData,
+  S as clearPreferences,
+  i as getLegacyStorageKey,
+  n as getStorageKey,
+  h as hasPerformedLegacyMigration,
+  m as loadPreferences,
+  I as markLegacyMigrationComplete,
+  y as savePreferences
+};

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
+};