@adyen/adyen-platform-experience-web 1.5.1 → 1.6.1

package/dist/es/hooks/element/usePopoverPositioner.js

@@ -1,106 +1,179 @@
-import { PopoverContainerPosition as s, PopoverContainerVariant as C } from "../../components/internal/Popover/types.js";
-import F from "../../components/internal/Popover/utils/utils.js";
-import { useState as X, useCallback as W, useRef as x, useEffect as G } from "../../external/preact/hooks/dist/hooks.module.js";
-import $ from "../useReflex.js";
-import { isRefObject as v } from "../../primitives/reactive/reflex/helpers.js";
-const A = ({
-  popover: r,
-  offset: t,
-  targetElement: u,
-  position: O,
-  variant: o,
-  fullWidth: I
+import { useState as P, useCallback as Y, useRef as y, useEffect as D } from "../../external/preact/hooks/dist/hooks.module.js";
+import d from "../../components/internal/Popover/utils/utils.js";
+import { PopoverContainerPosition as t, PopoverContainerVariant as v } from "../../components/internal/Popover/types.js";
+import { isRefObject as W } from "../../primitives/reactive/reflex/helpers.js";
+import V from "../useReflex.js";
+const w = [
+  t.BOTTOM_RIGHT,
+  t.BOTTOM_LEFT,
+  t.TOP_RIGHT,
+  t.TOP_LEFT
+], q = 5, A = 4, U = 10, Z = ({
+  position: M,
+  variant: _,
+  offset: O,
+  additionalStyle: i,
+  fixedPositioning: T,
+  fullWidth: F,
+  popover: a,
+  targetElement: r
 }) => {
-  const L = u == null ? void 0 : u.current;
-  let l = 0, h = 0;
-  const e = L.getBoundingClientRect(), B = document.body.getBoundingClientRect(), d = r == null ? void 0 : r.firstChild, R = B.left + B.width / 2 - d.offsetWidth / 2, b = e.left + e.width / 2 - d.offsetWidth / 2, T = e.top + e.height / 2 - d.offsetHeight / 2;
-  switch (O) {
-    case s.BOTTOM:
-      l = I ? R : o === C.TOOLTIP ? b + window.scrollX : (e == null ? void 0 : e.left) + window.scrollX, h = (e == null ? void 0 : e.top) + (e == null ? void 0 : e.height) + window.scrollY + t[1];
+  let n = 0, c = 0;
+  const B = _ === v.TOOLTIP, u = a.clientHeight, C = a.clientWidth, p = a.firstChild, k = p.offsetHeight, E = p.offsetWidth, h = document.body.getBoundingClientRect(), e = r.getBoundingClientRect(), L = h.x + (h.width - E) / 2, l = e.x + (e.width - E) / 2, m = e.y + (e.height - k) / 2, b = window.scrollX, s = window.scrollY;
+  switch (M) {
+    case t.BOTTOM:
+      n = F ? L : B ? l : e.x, c = e.y + e.height + O[1], T || (F || (n += b), c += s);
       break;
-    case s.BOTTOM_LEFT:
-      l = (e == null ? void 0 : e.right) + window.scrollX - r.clientWidth, h = (e == null ? void 0 : e.top) + (e == null ? void 0 : e.height) + window.scrollY + t[1];
+    case t.TOP:
+      n = B ? l : e.x, c = e.y - (u + O[0]), T || (n += b, c += s - p.clientHeight + u);
       break;
-    case s.TOP:
-      l = o === C.TOOLTIP ? b + window.scrollX : e.left + window.scrollX, h = (e == null ? void 0 : e.top) - (d == null ? void 0 : d.clientHeight) + window.scrollY - t[0];
+    case t.RIGHT:
+      n = e.x + e.width + O[2], c = B ? m : e.y - e.height / 2, T || (n += b, c += s);
       break;
-    case s.RIGHT:
-      l = e.left + e.width + window.scrollX + t[2], h = o === C.TOOLTIP ? T + window.scrollY : (e == null ? void 0 : e.top) - (e == null ? void 0 : e.height) / 2 + window.scrollY;
+    case t.LEFT:
+      n = e.x - (C + O[3]), c = B ? m : e.y - e.height / 2, T || (n += b, c += s);
       break;
-    case s.LEFT:
-      l = (e == null ? void 0 : e.left) - (r == null ? void 0 : r.clientWidth) + window.scrollX - t[3], h = o === C.TOOLTIP ? T + window.scrollY : (e == null ? void 0 : e.top) + window.scrollY - (e == null ? void 0 : e.height) / 2;
+    case t.BOTTOM_LEFT:
+      n = 5, c = e.y + e.height + O[1], T || (n += b, c += s);
+      break;
+    case t.BOTTOM_RIGHT:
+      n = -5, c = e.y + e.height + O[1], T || (n += b, c += s);
+      break;
+    case t.TOP_LEFT:
+      n = q, c = e.y - u, T || (n += b, c += s - p.clientHeight + u);
+      break;
+    case t.TOP_RIGHT:
+      n = -5, c = e.y - u, T || (n += b, c += s - p.clientHeight + u);
       break;
   }
-  const w = [l, h, 0];
-  return `position:absolute;inset:0 auto auto 0;margin: 0;transform: ${w.reduce((i, k, c) => c === 0 ? i + `${k}px,` : c === w.length - 1 ? i + ` ${k}px)` : i + ` ${k}px,`, "translate3d(")};visibility:hidden`;
-}, q = (r, t, u, O, o, I, L, l, h) => {
-  const [e, B] = X(!0), [d, R] = X(l ? !l : !!O), [b, T] = X(O || s.TOP), [w, f] = X([]), i = W(
-    (c) => {
-      if (c.intersectionRatio === 1) return R(!0);
-      if (!e && c.intersectionRatio !== 1) {
-        if (w && w.length === (l ? 5 : 4)) {
-          const n = w.reduce((a, m) => m[1] > a[1] ? m : a, w[0]);
-          T(n[0]), R(!0);
-          return;
+  const R = {};
+  if (i) {
+    const G = !!i.maxY && c + (a == null ? void 0 : a.clientHeight) > i.maxY, o = !!i.minY && c < i.minY;
+    if (G && i.maxY) {
+      const g = e.y + e.height + 8, H = Math.max(0, i.maxY - g);
+      H > 20 && (R.height = `${H}px`), R["overflow-y"] = "scroll";
+    }
+    if (o && i.minY && c) {
+      const g = a.offsetHeight ?? a.clientHeight, H = Math.max(0, g - (i.minY - c));
+      R.height = `${H}px`, H && (R["overflow-y"] = "scroll");
+    }
+    o && (c = i.minY ?? 0);
+  }
+  const I = M === t.TOP_RIGHT || M === t.BOTTOM_RIGHT;
+  return {
+    inset: I ? "0 0 auto auto" : "0 auto auto 0",
+    margin: "0",
+    position: T ? "fixed" : "absolute",
+    transform: `translate3d(${n}px, ${c}px, 0)`,
+    visibility: "hidden",
+    right: I ? 0 : "auto",
+    ...R
+  };
+}, tt = (M, _, O, i, T, F, a, r, n, c, B, u) => {
+  const [C, p] = P(!0), [k, E] = P(r ? !r : !!i), [h, e] = P(i || t.TOP), [L, l] = P([]), m = Y(
+    (s) => {
+      var G;
+      const R = document.documentElement.clientWidth, I = (G = _.current) == null ? void 0 : G.getBoundingClientRect();
+      if (s.intersectionRatio === 1) return E(!0);
+      if (!C && s.intersectionRatio !== 1) {
+        if (L && L.length === (r ? 8 : 4)) {
+          const o = L.reduce((g, H) => H[1] > g[1] ? H : g, L[0]);
+          return e(o[0]), E(!0);
         }
-        switch (R(!1), b) {
-          case s.TOP:
-            f((n) => [...n, [s.TOP, c.intersectionRatio]]), T(s.BOTTOM);
+        switch (E(!1), h) {
+          case t.TOP:
+            l((o) => [...o, [t.TOP, s.intersectionRatio]]), e(t.BOTTOM);
+            break;
+          case t.BOTTOM:
+            l((o) => [...o, [t.BOTTOM, s.intersectionRatio]]), e(
+              r ? ((I == null ? void 0 : I.x) || 0) > R / 2 ? t.BOTTOM_RIGHT : t.BOTTOM_LEFT : t.RIGHT
+            );
             break;
-          case s.BOTTOM:
-            f((n) => [...n, [s.BOTTOM, c.intersectionRatio]]), T(l ? s.BOTTOM_LEFT : s.RIGHT);
+          case t.BOTTOM_LEFT:
+            l((o) => [...o, [t.BOTTOM_LEFT, s.intersectionRatio]]), e(r ? t.TOP_LEFT : t.RIGHT);
             break;
-          case s.BOTTOM_LEFT:
-            f((n) => [...n, [s.BOTTOM, c.intersectionRatio]]), T(s.RIGHT);
+          case t.BOTTOM_RIGHT:
+            l((o) => [...o, [t.BOTTOM_RIGHT, s.intersectionRatio]]), e(r ? t.TOP_RIGHT : t.RIGHT);
             break;
-          case s.RIGHT:
-            f((n) => [...n, [s.RIGHT, c.intersectionRatio]]), T(s.LEFT);
+          case t.TOP_LEFT:
+            l((o) => [...o, [t.TOP_LEFT, s.intersectionRatio]]), e(r ? t.BOTTOM_LEFT : t.RIGHT);
             break;
-          case s.LEFT:
-            f((n) => [...n, [s.LEFT, c.intersectionRatio]]), T(s.TOP);
+          case t.TOP_RIGHT:
+            l((o) => [...o, [t.TOP_RIGHT, s.intersectionRatio]]), e(r ? t.BOTTOM_RIGHT : t.RIGHT);
+            break;
+          case t.RIGHT:
+            l((o) => [...o, [t.RIGHT, s.intersectionRatio]]), e(t.LEFT);
+            break;
+          case t.LEFT:
+            l((o) => [...o, [t.LEFT, s.intersectionRatio]]), e(t.TOP);
             break;
         }
       }
     },
-    [e, w, b, l]
-  ), k = x(i);
-  return G(() => {
-    F(k.current).remove(), k.current = i;
-  }, [i]), $(
-    W(
-      (c, n) => {
-        var a, m;
-        if (n && (!O || l) && F(i).observer.unobserve(n), c && t.current) {
-          if ((!O || l) && F(i).observer.observe(c), !(c instanceof Element)) return;
-          const Y = A({
-            popover: c,
-            offset: r,
-            targetElement: t,
-            position: b,
-            variant: u,
-            fullWidth: L ?? !1
-          }), M = d ? Y + ";visibility:visible" : Y, H = I ? M + ";min-width:fit-content;width:" + ((a = t.current) == null ? void 0 : a.clientWidth) + "px" : M;
-          c.setAttribute("style", `${H}`), e && B(!1), u && u === C.TOOLTIP && o && v(o) && ((m = o.current) == null || m.setAttribute("data-popover-placement", b));
+    [_, C, L, r, h]
+  ), b = y(m);
+  return D(() => {
+    d(b.current).remove(), b.current = m;
+  }, [m]), V(
+    Y(
+      (s, R) => {
+        var I, G, o;
+        if (R && (!i || r) && d(m).observer.unobserve(R), s && _.current) {
+          if ((!i || r) && d(m).observer.observe(s), !(s instanceof Element)) return;
+          const H = {
+            ...Z({
+              variant: O,
+              offset: M,
+              additionalStyle: c,
+              fixedPositioning: n,
+              fullWidth: a,
+              popover: s,
+              position: h,
+              targetElement: _.current
+            }),
+            ...k && { visibility: "visible" },
+            ...F && {
+              "min-width": "fit-content",
+              width: `${_.current.clientWidth}px`
+            }
+          };
+          if (s.setAttribute(
+            "style",
+            Object.entries(H).map((f) => f.join(":")).join(";")
+          ), C && p(!1), O && O === v.TOOLTIP && T && W(T) && ((I = T.current) == null || I.setAttribute("data-popover-placement", h), w.includes(h))) {
+            const f = _.current.getBoundingClientRect(), x = s.firstChild, $ = x.offsetWidth, N = f.x + (f.width - $) / 2, X = x.offsetHeight, j = h === t.BOTTOM_RIGHT || h === t.BOTTOM_LEFT ? X + A : A;
+            (G = T.current) == null || G.setAttribute(
+              "style",
+              `transform: translate3d(${N}px, -${j}px, 0) rotate(45deg); inset: 0 0 auto auto`
+            );
+          }
+          if (O && O === v.TOOLTIP && u && W(u) && w.includes(h)) {
+            const f = document.documentElement.clientWidth;
+            (o = u.current) == null || o.setAttribute("style", `max-width: ${f - U}px`);
+          }
         }
       },
       [
+        i,
         r,
-        t,
-        b,
+        _,
+        m,
         O,
-        u,
-        i,
-        d,
-        e,
-        I,
-        o,
-        L,
-        l
+        M,
+        c,
+        n,
+        a,
+        h,
+        k,
+        F,
+        C,
+        T,
+        u
       ]
     ),
-    h
+    B
   );
 };
 export {
-  q as default
+  tt as default
 };

package/dist/es/hooks/useBalanceAccountSelection.js

@@ -1,18 +1,38 @@
-import { useState as s, useCallback as m, useMemo as r } from "../external/preact/hooks/dist/hooks.module.js";
-import { capitalize as x } from "../utils/value/string.js";
-const z = (e) => {
-  const [d, o] = s(0), f = m(() => o(0), [o]), p = r(() => e == null ? void 0 : e[d], [e, d]), B = r(
-    () => e && e.length > 1 ? Object.freeze(e.map(({ description: i, id: t }) => ({ id: t, name: x(i) }))) : void 0,
-    [e]
-  ), S = m(
-    ({ target: i }) => {
-      const t = i == null ? void 0 : i.value, n = e == null ? void 0 : e.findIndex(({ id: l }) => l === t);
-      n >= 0 && o(n);
+import { useState as v, useCallback as u, useMemo as s } from "../external/preact/hooks/dist/hooks.module.js";
+import L from "../core/Context/useCoreContext.js";
+import { capitalize as O } from "../utils/value/string.js";
+import { uniqueId as _ } from "../utils/random/uniqueId.js";
+const f = _(), q = (o, c = !1) => {
+  const { i18n: r } = L(), [d, m] = v(0), p = u(() => m(0), []), e = s(
+    () => o && [
+      ...o,
+      ...c ? [
+        {
+          ...o[0] ?? {},
+          id: f,
+          description: void 0
+        }
+      ] : []
+    ],
+    [c, o]
+  ), C = s(() => e == null ? void 0 : e[d], [e, d]), I = s(
+    () => o && o.length > 1 ? Object.freeze(
+      e == null ? void 0 : e.map(({ description: t, id: n }) => {
+        const i = n === f ? r.get("balanceAccounts.all") : O(t);
+        return { id: n, name: i };
+      })
+    ) : void 0,
+    [e, o, r]
+  ), S = u(
+    ({ target: t }) => {
+      const n = t == null ? void 0 : t.value, i = e == null ? void 0 : e.findIndex(({ id: x }) => x === n);
+      i >= 0 && m(i);
     },
-    [e, o]
+    [e]
   );
-  return { activeBalanceAccount: p, balanceAccountSelectionOptions: B, onBalanceAccountSelection: S, resetBalanceAccountSelection: f };
+  return { activeBalanceAccount: C, balanceAccountSelectionOptions: I, onBalanceAccountSelection: S, resetBalanceAccountSelection: p };
 };
 export {
-  z as default
+  f as ALL_BALANCE_ACCOUNTS_SELECTION_ID,
+  q as default
 };

package/dist/es/hooks/useCommitAction/useCommitAction.js

@@ -1,36 +1,36 @@
-import { useState as O, useCallback as r, useMemo as a, useEffect as d } from "../../external/preact/hooks/dist/hooks.module.js";
-import { ButtonVariant as P } from "../../components/internal/Button/types.js";
+import { useState as R, useCallback as a, useMemo as i, useEffect as Y } from "../../external/preact/hooks/dist/hooks.module.js";
+import { ButtonVariant as N } from "../../components/internal/Button/types.js";
 import { CommitAction as t } from "./types.js";
-import g from "../../core/Context/useCoreContext.js";
+import d from "../../core/Context/useCoreContext.js";
 import { EMPTY_OBJECT as v } from "../../utils/value/constants.js";
-import { boolOrFalse as B } from "../../utils/value/bool.js";
-const h = ({ applyDisabled: A, applyTitle: m, resetDisabled: e, resetTitle: c } = v) => {
-  const { i18n: s } = g(), [n, o] = O(t.NONE), [R, u] = O(n !== t.NONE), C = r(() => o(t.APPLY), [o]), E = r(() => o(t.CLEAR), [o]), i = r(() => o(t.NONE), [o]), f = a(
+import { boolOrFalse as O } from "../../utils/value/bool.js";
+const S = ({ applyDisabled: A, applyTitle: m, resetDisabled: e, resetTitle: c } = v) => {
+  const { i18n: s } = d(), [n, o] = R(t.NONE), u = a(() => o(t.APPLY), [o]), C = a(() => o(t.CLEAR), [o]), r = a(() => o(t.NONE), [o]), f = i(
     () => ({
-      disabled: B(A),
-      event: C,
+      disabled: O(A),
+      event: u,
       title: (m == null ? void 0 : m.trim()) || s.get("apply"),
-      variant: P.PRIMARY
+      variant: N.PRIMARY
     }),
-    [s, C, A, m]
-  ), N = a(
+    [s, u, A, m]
+  ), E = i(
     () => ({
-      disabled: B(e),
-      event: E,
+      disabled: O(e),
+      event: C,
       title: (c == null ? void 0 : c.trim()) || s.get("reset"),
-      variant: P.SECONDARY
+      variant: N.SECONDARY
     }),
-    [s, E, e, c]
-  ), Y = a(() => [f, N], [f, N]);
-  return d(() => {
-    switch (u(n !== t.NONE), n) {
+    [s, C, e, c]
+  ), P = i(() => [f, E], [f, E]), B = i(() => n !== t.NONE, [n]);
+  return Y(() => {
+    switch (n) {
       case t.APPLY:
       case t.CLEAR:
-        i();
+        r();
         break;
     }
-  }, [n, u, i]), { commitAction: n, commitActionButtons: Y, committing: R, resetCommitAction: i };
+  }, [n, r]), { commitAction: n, commitActionButtons: P, committing: B, resetCommitAction: r };
 };
 export {
-  h as default
+  S as default
 };

package/dist/es/hooks/useTabbedControl.js

@@ -1,66 +1,83 @@
-import { useState as x, useRef as b, useMemo as O, useCallback as R, useEffect as A } from "../external/preact/hooks/dist/hooks.module.js";
-import { InteractionKeyCode as l } from "../components/types.js";
-import { uniqueId as D } from "../utils/random/uniqueId.js";
-const T = (f, o) => {
-  if (!o) return 0;
-  const s = f.findIndex((d) => d.id === o);
-  return s === -1 ? 0 : s;
-}, h = (f, o) => {
-  const [s, d] = x(!1), [I, c] = x(T(f, o)), u = b([]), m = b(D().replace(/.*?(?=\d+$)/, "")).current, r = f.length, p = O(() => {
+import { useState as A, useRef as x, useMemo as D, useCallback as E, useEffect as O } from "../external/preact/hooks/dist/hooks.module.js";
+import { InteractionKeyCode as I } from "../components/types.js";
+import { uniqueId as w } from "../utils/random/uniqueId.js";
+const R = (t) => (t == null ? void 0 : t.disabled) === !0, o = (t, u, s) => {
+  const c = t.length;
+  if (c) {
+    let n = u, i = c;
+    for (; i--; ) {
+      for (; n < 0; ) n += c;
+      if (n >= c && (n %= c), !R(t[n])) return n;
+      n += s;
+    }
+  }
+  return 0;
+}, T = (t, u, s = 0) => {
+  if (!u) return s;
+  const c = t.findIndex((f) => f.id === u), n = c === -1 ? s : c, i = o(
+    t,
+    n,
+    1
+    /* FORWARD */
+  );
+  return n === i ? n : s;
+}, N = ({
+  options: t,
+  activeOption: u,
+  onChange: s
+}) => {
+  const [c, n] = A(!1), [i, f] = A(T(t, u)), a = t[i], m = x(a), d = x([]), b = x(w().replace(/.*?(?=\d+$)/, "")).current, q = D(() => {
     const e = [];
-    for (let n = 0; n < r; n++)
-      e[n] = (t) => u.current[n] = t;
+    for (let r = 0; r < t.length; r++)
+      e[r] = (l) => d.current[r] = l;
     return e;
-  }, [r]), i = R(
-    (e, n) => {
-      var a;
-      let t = e;
-      do
-        if (t < 0 && (t += r), t >= r && (t %= r), ((a = u.current[t]) == null ? void 0 : a.disabled) === !1) break;
-      while ((t += n) !== e);
-      return t;
-    },
-    [r]
-  ), g = R((e) => {
-    var t;
-    const n = u.current.findIndex((a) => a === e.currentTarget);
-    ((t = u.current[n]) == null ? void 0 : t.disabled) === !1 && (e.preventDefault(), c(n));
-  }, []), k = O(() => {
+  }, [t]), v = E((e) => {
+    const r = d.current.findIndex((l) => l === e.currentTarget);
+    R(d.current[r]) || (e.preventDefault(), f(r));
+  }, []), y = D(() => {
     const e = {
-      [l.ARROW_LEFT]: () => c((n) => i(
-        n - 1,
+      [I.ARROW_LEFT]: () => f((r) => o(
+        d.current,
+        r - 1,
         -1
         /* BACKWARD */
       )),
-      [l.ARROW_RIGHT]: () => c((n) => i(
-        n + 1,
+      [I.ARROW_RIGHT]: () => f((r) => o(
+        d.current,
+        r + 1,
         1
         /* FORWARD */
       )),
-      [l.HOME]: () => c(i(
+      [I.HOME]: () => f(o(
+        d.current,
         0,
         1
         /* FORWARD */
       )),
-      [l.END]: () => c(i(
-        r - 1,
+      [I.END]: () => f(o(
+        d.current,
+        -1,
         -1
         /* BACKWARD */
       ))
     };
-    return (n) => {
-      var t;
-      e[n.key] && (n.preventDefault(), (t = e[n.key]) == null || t.call(e), d(!0));
+    return (r) => {
+      var l;
+      e[r.key] && (r.preventDefault(), (l = e[r.key]) == null || l.call(e), n(!0));
     };
-  }, [r]);
-  return A(() => {
-    if (s) {
-      const e = u.current[I];
-      (e == null ? void 0 : e.disabled) === !1 && (e == null || e.focus()), d(!1);
+  }, []);
+  return O(() => {
+    f((e) => T(t, u, e));
+  }, [t, u]), O(() => {
+    if (c) {
+      const e = d.current[i];
+      R(e) || e == null || e.focus(), n(!1);
     }
-  }, [I, s]), { activeIndex: I, onClick: g, onKeyDown: k, refs: p, uniqueId: m };
+  }, [i, c]), O(() => {
+    m.current !== a && (m.current = a, s == null || s(a));
+  }, [a, s]), { activeIndex: i, onClick: v, onKeyDown: y, refs: q, uniqueId: b };
 };
 export {
-  h as default,
-  h as useTabbedControl
+  N as default,
+  N as useTabbedControl
 };

package/dist/es/hooks/useTableColumns.js

@@ -1,25 +1,26 @@
-import { useMemo as f } from "../external/preact/hooks/dist/hooks.module.js";
-import { getLabel as g } from "../components/utils/getLabel.js";
-import h from "../core/Context/useCoreContext.js";
-import { useResponsiveContainer as E, containerQueries as U } from "./useResponsiveContainer.js";
-import { EMPTY_OBJECT as w } from "../utils/value/constants.js";
-import { isUndefined as A } from "../utils/value/is.js";
-function O(t) {
+import { useMemo as v } from "../external/preact/hooks/dist/hooks.module.js";
+import { getLabel as E } from "../components/utils/getLabel.js";
+import U from "../core/Context/useCoreContext.js";
+import { useResponsiveContainer as w, containerQueries as A } from "./useResponsiveContainer.js";
+import { EMPTY_OBJECT as O } from "../utils/value/constants.js";
+import { isUndefined as P } from "../utils/value/is.js";
+function B(t) {
   let i = {};
   for (const r of Object.keys(t))
-    A(t[r]) || (i = { ...i, [r]: t[r] });
+    P(t[r]) || (i = { ...i, [r]: t[r] });
   return i;
 }
-const S = ({
+const _ = ({
   fields: t,
   customColumns: i,
-  columnConfig: r
+  columnConfig: r,
+  fieldsKeys: k
 }) => {
-  const { i18n: s } = h(), k = f(() => t.map((y) => ({ key: y })), [t]), o = E(U.up.sm);
-  return f(() => {
-    const y = (i == null ? void 0 : i.filter((e) => !(t != null && t.some((n) => n === e.key))).map((e) => e.key)) || [], b = [...k, ...(i == null ? void 0 : i.filter((e) => e == null ? void 0 : e.key)) || []], v = (i == null ? void 0 : i.reduce((e, n) => (e[n.key] = n, e), {})) || {}, a = /* @__PURE__ */ new Map();
-    return b.forEach((e) => {
-      const n = v[e.key];
+  const { i18n: o } = U(), b = v(() => t.map((y) => ({ key: y })), [t]), s = w(A.up.sm);
+  return v(() => {
+    const y = (i == null ? void 0 : i.filter((e) => !(t != null && t.some((n) => n === e.key))).map((e) => e.key)) || [], M = [...b, ...(i == null ? void 0 : i.filter((e) => e == null ? void 0 : e.key)) || []], f = (i == null ? void 0 : i.reduce((e, n) => (e[n.key] = n, e), {})) || {}, a = /* @__PURE__ */ new Map();
+    return M.forEach((e) => {
+      const n = f[e.key];
       if ((n == null ? void 0 : n.visibility) !== "hidden")
         if (a.has(e.key)) {
           const p = a.get(e.key);
@@ -30,19 +31,19 @@ const S = ({
             position: e.align || p.position
           });
         } else {
-          const { key: p, flex: M, align: d } = e, x = s.get(g(p)), T = O((r == null ? void 0 : r[p]) || w);
+          const { key: p, flex: x, align: T } = e, g = o.get(E((k == null ? void 0 : k[p]) || p)), h = B((r == null ? void 0 : r[p]) || O);
           a.set(e.key, {
             key: p,
-            label: x,
-            visible: y.includes(e.key) ? o : !0,
-            flex: M,
-            position: d,
-            ...T
+            label: g,
+            visible: y.includes(e.key) ? s : !0,
+            flex: x,
+            position: T,
+            ...h
           });
         }
     }), Array.from(a.values());
-  }, [r, i, t, s, o, k]);
+  }, [r, i, t, o, s, b]);
 };
 export {
-  S as useTableColumns
+  _ as useTableColumns
 };

package/dist/es/hooks/useTrackedRef.js

@@ -0,0 +1,19 @@
+import { useMemo as u } from "../external/preact/hooks/dist/hooks.module.js";
+import { noop as c } from "../utils/common.js";
+import { isFunction as m } from "../utils/value/is.js";
+const p = (t) => u(() => {
+  let r = (t == null ? void 0 : t.current) ?? null, o = c;
+  t && (o = m(t) ? t : (e) => void (t.current = e));
+  const n = (e) => {
+    r = e, o(e);
+  };
+  return Object.defineProperty(n, "current", {
+    enumerable: !0,
+    get: () => r,
+    set: n
+  });
+}, [t]);
+export {
+  p as default,
+  p as useTrackedRef
+};

package/dist/es/images/icons/plus.svg.js

@@ -0,0 +1,6 @@
+import "../../external/preact/compat/dist/compat.module.js";
+import { jsx as t } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+const i = (o) => /* @__PURE__ */ t("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: /* @__PURE__ */ t("path", { d: "M6.75 5.25V0.25H5.25V5.25H0.25V6.75H5.25V11.75H6.75V6.75H11.75V5.25H6.75Z", fill: "currentColor" }) });
+export {
+  i as default
+};