@pibit.ai/cure-design-system 0.6.3 → 0.6.4

package/dist/patterns/table/useTableUndoRedo.js

@@ -1,258 +1,272 @@
-import { useRef as h, useState as D, useCallback as d, useMemo as P, useEffect as F, createElement as Z, createContext as $, useContext as G } from "react";
-import { captureTableUndoSnapshot as I, applyTableUndoSnapshot as _ } from "./tableUndoRedo.js";
-import { wrapColumnHeaderActionWithUndoRedo as ie, wrapEditChromeWithUndoRedo as de, wrapRowActionsWithUndoRedo as fe, wrapSummaryFooterWithUndoRedo as le, wrapToolbarWithUndoRedo as ae } from "./tableUndoRedo.js";
-const J = 50, Q = $(null);
-function b(n) {
+import { useRef as U, useState as J, useCallback as d, useMemo as P, useEffect as Q, createElement as G, createContext as I, useContext as b } from "react";
+import { captureTableUndoSnapshot as ee, applyTableUndoSnapshot as q } from "./tableUndoRedo.js";
+import { wrapColumnHeaderActionWithUndoRedo as fe, wrapEditChromeWithUndoRedo as le, wrapRowActionsWithUndoRedo as ae, wrapSummaryFooterWithUndoRedo as pe, wrapToolbarWithUndoRedo as Re } from "./tableUndoRedo.js";
+const V = 50, Z = I(null);
+function re(n) {
   if (!(n instanceof HTMLElement)) return !1;
   const t = n.tagName;
   return !!(t === "INPUT" || t === "TEXTAREA" || t === "SELECT" || n.isContentEditable);
 }
-function j(n, t) {
+function D(n, t) {
   const o = n.lastIndexOf(t);
   return o === -1 ? n : [...n.slice(0, o), ...n.slice(o + 1)];
 }
-function V(n, t) {
+function $(n, t) {
   const o = n.indexOf(t);
   return o === -1 ? n : [...n.slice(0, o), ...n.slice(o + 1)];
 }
-function ee(n, t) {
+function ne(n, t) {
   let o = 0;
   for (const f of n)
     f === t && (o += 1);
   return o;
 }
-function q(n, t) {
+function F(n, t) {
   let o = [...n, t];
-  for (; ee(o, t) > J; )
-    o = V(o, t);
+  for (; ne(o, t) > V; )
+    o = $(o, t);
   return o;
 }
-function re() {
-  return G(Q);
+function te() {
+  return b(Z);
 }
-function ce({
+function ue({
   children: n,
   shortcuts: t = !0,
   isDisabled: o = !1
 }) {
-  const f = h(/* @__PURE__ */ new Map()), c = h([]), s = h([]), y = h(/* @__PURE__ */ new Map()), [x, H] = D(0), u = d(() => {
-    H((r) => r + 1);
-  }, []), l = d(
-    (r) => {
-      c.current = c.current.filter((e) => e !== r), s.current = s.current.filter((e) => e !== r), u();
+  const f = U(/* @__PURE__ */ new Map()), c = U([]), i = U([]), g = U(/* @__PURE__ */ new Map()), [C, H] = J(0), u = d(() => {
+    H((e) => e + 1);
+  }, []), L = d(
+    (e) => {
+      c.current = c.current.filter((r) => r !== e), i.current = i.current.filter((r) => r !== e), u();
     },
     [u]
-  ), p = d(
-    (r) => {
-      f.current.delete(r);
-      const e = y.current.get(r);
-      e !== void 0 && (clearTimeout(e), y.current.delete(r)), l(r);
+  ), E = d(
+    (e) => {
+      f.current.delete(e);
+      const r = g.current.get(e);
+      r !== void 0 && (clearTimeout(r), g.current.delete(e)), L(e);
     },
-    [l]
-  ), U = d(
-    (r) => {
-      const e = y.current.get(r.tableId);
-      e !== void 0 && (clearTimeout(e), y.current.delete(r.tableId));
-      const a = f.current.get(r.tableId);
-      return f.current.set(r.tableId, r), (!a || a.canUndo !== r.canUndo || a.canRedo !== r.canRedo) && u(), () => {
-        f.current.delete(r.tableId);
-        const L = setTimeout(() => {
-          y.current.delete(r.tableId), f.current.has(r.tableId) || l(r.tableId);
+    [L]
+  ), l = d(
+    (e) => {
+      const r = g.current.get(e.tableId);
+      r !== void 0 && (clearTimeout(r), g.current.delete(e.tableId));
+      const m = f.current.get(e.tableId);
+      return f.current.set(e.tableId, e), (!m || m.canUndo !== e.canUndo || m.canRedo !== e.canRedo) && u(), () => {
+        f.current.delete(e.tableId);
+        const y = setTimeout(() => {
+          g.current.delete(e.tableId), f.current.has(e.tableId) || L(e.tableId);
         }, 0);
-        y.current.set(r.tableId, L);
+        g.current.set(e.tableId, y);
       };
     },
-    [u, l]
-  ), A = d(
-    (r) => {
-      var e;
-      c.current = [...c.current, r], s.current = s.current.filter((a) => a !== r), (e = f.current.get(r)) == null || e.clearRedo(), u();
+    [u, L]
+  ), a = d(
+    (e) => {
+      var r;
+      c.current = [...c.current, e], i.current = i.current.filter((m) => m !== e), (r = f.current.get(e)) == null || r.clearRedo(), u();
     },
     [u]
-  ), C = d(
-    (r) => {
-      const e = j(c.current, r);
-      e !== c.current && (c.current = e), s.current = [...s.current, r], u();
+  ), w = d(
+    (e) => {
+      const r = D(c.current, e);
+      r !== c.current && (c.current = r), i.current = [...i.current, e], u();
     },
     [u]
-  ), K = d(
-    (r) => {
-      const e = j(s.current, r);
-      e !== s.current && (s.current = e), c.current = q(c.current, r), u();
+  ), A = d(
+    (e) => {
+      const r = D(i.current, e);
+      r !== i.current && (i.current = r), c.current = F(c.current, e), u();
     },
     [u]
-  ), i = d(
-    (r) => {
-      const e = V(c.current, r);
-      e !== c.current && (c.current = e, u());
+  ), S = d(
+    (e) => {
+      const r = $(c.current, e);
+      r !== c.current && (c.current = r, u());
     },
     [u]
-  ), R = d(() => {
+  ), v = d(() => {
     for (; c.current.length > 0; ) {
-      const r = c.current[c.current.length - 1];
+      const e = c.current[c.current.length - 1];
       c.current = c.current.slice(0, -1);
-      const e = f.current.get(r);
-      if (e && e.canUndo) {
-        e.undo(), s.current = [...s.current, r], u();
+      const r = f.current.get(e);
+      if (r && r.canUndo) {
+        r.undo(), i.current = [...i.current, e], u();
         return;
       }
     }
     u();
-  }, [u]), g = d(() => {
-    for (; s.current.length > 0; ) {
-      const r = s.current[s.current.length - 1];
-      s.current = s.current.slice(0, -1);
-      const e = f.current.get(r);
-      if (e && e.canRedo) {
-        e.redo(), c.current = q(c.current, r), u();
+  }, [u]), s = d(() => {
+    for (; i.current.length > 0; ) {
+      const e = i.current[i.current.length - 1];
+      i.current = i.current.slice(0, -1);
+      const r = f.current.get(e);
+      if (r && r.canRedo) {
+        r.redo(), c.current = F(c.current, e), u();
         return;
       }
     }
     u();
-  }, [u]), T = P(
-    () => c.current.some((r) => {
-      var e;
-      return (e = f.current.get(r)) == null ? void 0 : e.canUndo;
+  }, [u]), p = P(
+    () => c.current.some((e) => {
+      var r;
+      return (r = f.current.get(e)) == null ? void 0 : r.canUndo;
     }),
-    [x]
-  ), w = P(
-    () => s.current.some((r) => {
-      var e;
-      return (e = f.current.get(r)) == null ? void 0 : e.canRedo;
+    [C]
+  ), T = P(
+    () => i.current.some((e) => {
+      var r;
+      return (r = f.current.get(e)) == null ? void 0 : r.canRedo;
     }),
-    [x]
+    [C]
   );
-  F(() => {
+  Q(() => {
     if (!t || o) return;
-    const r = (e) => {
-      if (b(e.target) || !(e.metaKey || e.ctrlKey) || e.altKey) return;
-      const S = e.key.toLowerCase(), L = S === "z" && !e.shiftKey, v = S === "z" && e.shiftKey || S === "y";
-      L && T ? (e.preventDefault(), e.stopPropagation(), R()) : v && w && (e.preventDefault(), e.stopPropagation(), g());
+    const e = (r) => {
+      if (re(r.target) || !(r.metaKey || r.ctrlKey) || r.altKey) return;
+      const R = r.key.toLowerCase(), y = R === "z" && !r.shiftKey, K = R === "z" && r.shiftKey || R === "y";
+      y && p ? (r.preventDefault(), r.stopPropagation(), v()) : K && T && (r.preventDefault(), r.stopPropagation(), s());
     };
-    return window.addEventListener("keydown", r, { capture: !0 }), () => window.removeEventListener("keydown", r, { capture: !0 });
-  }, [t, o, T, w, R, g]);
-  const E = P(
+    return window.addEventListener("keydown", e, { capture: !0 }), () => window.removeEventListener("keydown", e, { capture: !0 });
+  }, [t, o, p, T, v, s]);
+  const x = P(
     () => ({
-      canUndo: T,
-      canRedo: w,
-      undo: R,
-      redo: g,
-      recordCommit: A,
-      recordLocalUndo: C,
-      recordLocalRedo: K,
-      recordHistoryEviction: i,
-      registerTable: U,
-      unregisterTable: p
+      canUndo: p,
+      canRedo: T,
+      undo: v,
+      redo: s,
+      recordCommit: a,
+      recordLocalUndo: w,
+      recordLocalRedo: A,
+      recordHistoryEviction: S,
+      registerTable: l,
+      unregisterTable: E
     }),
     [
+      p,
       T,
+      v,
+      s,
+      a,
       w,
-      R,
-      g,
       A,
-      C,
-      K,
-      i,
-      U,
-      p,
-      x
+      S,
+      l,
+      E,
+      C
     ]
   );
-  return Z(Q.Provider, { value: E }, n);
+  return G(Z.Provider, { value: x }, n);
 }
-function oe({
+function se({
   enabled: n = !1,
   tableId: t,
   sharedUndoGroup: o,
   toolbar: f,
   columnAlignments: c,
-  summaryFooterProps: s,
-  appliedFilterConditions: y,
-  data: x,
-  getData: H,
-  onDataRestore: u
+  columnTextWrap: i,
+  setColumnTextWrap: g,
+  summaryFooterProps: C,
+  appliedFilterConditions: H,
+  data: u,
+  getData: L,
+  onDataRestore: E
 }) {
-  const l = h([]), p = h([]), U = h(!1), [A, C] = D(0), K = re(), i = o === void 0 ? K : o, R = !!(n && t && i), g = i == null ? void 0 : i.recordCommit, T = i == null ? void 0 : i.recordLocalUndo, w = i == null ? void 0 : i.recordLocalRedo, E = i == null ? void 0 : i.recordHistoryEviction, r = i == null ? void 0 : i.registerTable, e = P(
+  const l = U([]), a = U([]), w = U(!1), [A, S] = J(0), v = te(), s = o === void 0 ? v : o, p = !!(n && t && s), T = s == null ? void 0 : s.recordCommit, x = s == null ? void 0 : s.recordLocalUndo, e = s == null ? void 0 : s.recordLocalRedo, r = s == null ? void 0 : s.recordHistoryEviction, m = s == null ? void 0 : s.registerTable, R = P(
     () => ({
       toolbar: f,
       columnAlignments: c,
-      summaryFooterProps: s,
-      appliedFilterConditions: y,
-      data: x,
-      getData: H,
-      onDataRestore: u
+      columnTextWrap: i,
+      setColumnTextWrap: g,
+      summaryFooterProps: C,
+      appliedFilterConditions: H,
+      data: u,
+      getData: L,
+      onDataRestore: E
     }),
-    [f, c, s, y, x, H, u]
-  ), a = d(() => I(e), [e]), S = d(() => {
-    if (!n || U.current) return;
-    const m = l.current.length >= J;
-    l.current = [...l.current.slice(-49), a()], p.current = [], t && g && (g(t), m && E && E(t)), C((O) => O + 1);
-  }, [n, a, g, E, t]), L = d(() => {
+    [
+      f,
+      c,
+      i,
+      g,
+      C,
+      H,
+      u,
+      L,
+      E
+    ]
+  ), y = d(() => ee(R), [R]), K = d(() => {
+    if (!n || w.current) return;
+    const h = l.current.length >= V;
+    l.current = [...l.current.slice(-49), y()], a.current = [], t && T && (T(t), h && r && r(t)), S((O) => O + 1);
+  }, [n, y, T, r, t]), M = d(() => {
     if (!n || l.current.length === 0) return !1;
-    U.current = !0;
+    w.current = !0;
     try {
-      const m = a(), O = l.current.pop();
-      return p.current = [m, ...p.current], _(O, e), !0;
+      const h = y(), O = l.current.pop();
+      return a.current = [h, ...a.current], q(O, R), !0;
     } finally {
-      U.current = !1, C((m) => m + 1);
+      w.current = !1, S((h) => h + 1);
     }
-  }, [n, a, e]), v = d(() => {
-    if (!n || p.current.length === 0) return !1;
-    U.current = !0;
+  }, [n, y, R]), k = d(() => {
+    if (!n || a.current.length === 0) return !1;
+    w.current = !0;
     try {
-      const m = a(), O = p.current.shift();
-      return l.current = [...l.current, m], _(O, e), !0;
+      const h = y(), O = a.current.shift();
+      return l.current = [...l.current, h], q(O, R), !0;
     } finally {
-      U.current = !1, C((m) => m + 1);
+      w.current = !1, S((h) => h + 1);
     }
-  }, [n, a, e]), W = d(() => {
-    p.current.length !== 0 && (p.current = [], C((m) => m + 1));
-  }, []), M = n && l.current.length > 0, k = n && p.current.length > 0, B = h(L), z = h(v), N = h(W);
-  B.current = L, z.current = v, N.current = W;
-  const X = d(() => {
-    L() && R && t && T && T(t);
-  }, [L, R, t, T]), Y = d(() => {
-    v() && R && t && w && w(t);
-  }, [v, R, t, w]);
-  return F(() => {
-    if (!(!n || !t || !r))
-      return r({
+  }, [n, y, R]), z = d(() => {
+    a.current.length !== 0 && (a.current = [], S((h) => h + 1));
+  }, []), B = n && l.current.length > 0, W = n && a.current.length > 0, N = U(M), X = U(k), Y = U(z);
+  N.current = M, X.current = k, Y.current = z;
+  const _ = d(() => {
+    M() && p && t && x && x(t);
+  }, [M, p, t, x]), j = d(() => {
+    k() && p && t && e && e(t);
+  }, [k, p, t, e]);
+  return Q(() => {
+    if (!(!n || !t || !m))
+      return m({
         tableId: t,
-        canUndo: M,
-        canRedo: k,
+        canUndo: B,
+        canRedo: W,
         undo: () => {
-          B.current();
+          N.current();
         },
         redo: () => {
-          z.current();
+          X.current();
         },
         clearRedo: () => {
-          N.current();
+          Y.current();
         }
       });
-  }, [n, t, r, M, k]), P(
+  }, [n, t, m, B, W]), P(
     () => ({
-      canUndo: M,
-      canRedo: k,
-      undo: X,
-      redo: Y,
-      commitBeforeMutation: S,
-      shortcut: R ? !1 : void 0
+      canUndo: B,
+      canRedo: W,
+      undo: _,
+      redo: j,
+      commitBeforeMutation: K,
+      shortcut: p ? !1 : void 0
     }),
     // revision drives canUndo/canRedo updates after history mutations
-    [M, k, X, Y, S, R, A]
+    [B, W, _, j, K, p, A]
   );
 }
 export {
-  J as MAX_HISTORY,
-  ce as TableUndoRedoProvider,
-  _ as applyTableUndoSnapshot,
-  I as captureTableUndoSnapshot,
-  oe as useTableUndoRedo,
-  re as useTableUndoRedoScope,
-  ie as wrapColumnHeaderActionWithUndoRedo,
-  de as wrapEditChromeWithUndoRedo,
-  fe as wrapRowActionsWithUndoRedo,
-  le as wrapSummaryFooterWithUndoRedo,
-  ae as wrapToolbarWithUndoRedo
+  V as MAX_HISTORY,
+  ue as TableUndoRedoProvider,
+  q as applyTableUndoSnapshot,
+  ee as captureTableUndoSnapshot,
+  se as useTableUndoRedo,
+  te as useTableUndoRedoScope,
+  fe as wrapColumnHeaderActionWithUndoRedo,
+  le as wrapEditChromeWithUndoRedo,
+  ae as wrapRowActionsWithUndoRedo,
+  pe as wrapSummaryFooterWithUndoRedo,
+  Re as wrapToolbarWithUndoRedo
 };