@lax-wp/design-system 0.14.58 → 0.15.1

package/dist/components/data-display/infinite-table/index.es.js

@@ -1,11 +1,11 @@
 import { jsx as s, jsxs as b, Fragment as Er } from "react/jsx-runtime";
 import { useCheckbox as Rr } from "../../../hooks/useCheckbox.es.js";
 import { useTableConfig as kr } from "../../../providers/design-system-provider/hooks.es.js";
-import { isModifiedGlobalView as _r, mergeViewColumnsWithTableColumns as gt } from "../../../utils/table.es.js";
-import Vt from "../../button/Button.es.js";
+import { isModifiedGlobalView as _r, mergeViewColumnsWithTableColumns as Vt } from "../../../utils/table.es.js";
+import gt from "../../button/Button.es.js";
 import { FloatingBar as Mr } from "../../floating-bar/FloatingBar.es.js";
 import { Typography as Se } from "../typography/Typography.es.js";
-import { useSensors as Ir, useSensor as jt, MouseSensor as Lr, TouchSensor as gr, DndContext as Vr, closestCorners as jr, DragOverlay as Br } from "@dnd-kit/core";
+import { useSensors as Ir, useSensor as jt, MouseSensor as Lr, TouchSensor as Vr, DndContext as gr, closestCorners as jr, DragOverlay as Br } from "@dnd-kit/core";
 import Pr, { useState as m, useRef as A, useCallback as a, useEffect as T, useMemo as z, forwardRef as Bt } from "react";
 import { AutoSizer as Wr } from "react-virtualized-auto-sizer";
 import { createPortal as Hr } from "react-dom";
@@ -69,9 +69,9 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
     showHeader: be,
     showSubHeader: Ct = !0,
     tableActions: Ce,
-    rowOptions: g,
+    rowOptions: V,
     hideRowOptionWidth: Ue,
-    checkboxUtilities: V,
+    checkboxUtilities: g,
     isLoading: le = !1,
     onScroll: Ut,
     onScrolling: qt,
@@ -137,19 +137,19 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
     onPendingEditsChange: lt,
     onCancelPendingEdits: P
   }) => {
-    const i = kr(), Al = dn(hn()), Ol = !!D?.search, rt = n?.columnFilters?.length > 0, C = Ol || rt, El = !!V, N = i?.getTableView?.(L) ?? null, [x, U] = m(N || null), nt = _r(
+    const i = kr(), Al = dn(hn()), Ol = !!D?.search, rt = n?.columnFilters?.length > 0, C = Ol || rt, El = !!g, N = i?.getTableView?.(L) ?? null, [x, U] = m(N || null), nt = _r(
       x,
       i?.getUserId?.()
     ), [Ee, Re] = m(!1), [ke, st] = m(!1), [Rl, ot] = m(null), [v, _e] = m(O), it = (d.length === 0 || !v.length) && !le, [at, ce] = m(
       null
-    ), [kl, _l] = m(!1), [Ml, Il] = m(null), [Ll, gl] = m(!1), [Vl, ue] = m(
+    ), [kl, _l] = m(!1), [Ml, Il] = m(null), [Ll, Vl] = m(!1), [gl, ue] = m(
       null
     ), [jl, de] = m(null), [Bl, ct] = m({}), [q, Me] = m(
       null
     ), [Pl, ut] = m(!1), [E, Wl] = m(0), Ie = A(null), Le = A(null), [dt, Hl] = m({
       width: 0,
       height: 0
-    }), [$l, W] = m(null), [R, ht] = m(null), [zl, mt] = m(null), [pt, ft] = m(null), [Cl, vt] = m(null), [ge, J] = m({}), Ve = A(!1), he = A(!1), je = A(x);
+    }), [$l, W] = m(null), [R, ht] = m(null), [zl, mt] = m(null), [pt, ft] = m(null), [Cl, vt] = m(null), [Ve, J] = m({}), ge = A(!1), he = A(!1), je = A(x);
     je.current = x;
     const wt = A(i);
     wt.current = i;
@@ -455,8 +455,8 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
       },
       []
     ), nr = a(
-      (e) => ge[e],
-      [ge]
+      (e) => Ve[e],
+      [Ve]
     ), sr = z(() => {
       const e = se.match(/h-\[(\d+px)\]/);
       if (e) return e[1];
@@ -505,18 +505,18 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
     }, [hr, Ae]);
     const { checkboxConfig: Pe } = Rr({
       rows: M,
-      checkedIds: V?.checkedIds,
-      isCheckAllDisabled: V?.isCheckAllDisabled,
-      selectionDisabledRowIds: V?.selectionDisabledRowIds,
+      checkedIds: g?.checkedIds,
+      isCheckAllDisabled: g?.isCheckAllDisabled,
+      selectionDisabledRowIds: g?.selectionDisabledRowIds,
       rawData: Ke,
-      onAllChecked: gl,
-      setCheckedIds: V?.setCheckedIds,
-      checkboxMetadata: V?.checkboxMetadata
+      onAllChecked: Vl,
+      setCheckedIds: g?.setCheckedIds,
+      checkboxMetadata: g?.checkboxMetadata
     }), mr = Ir(
       jt(Lr, {
         activationConstraint: { distance: Wt }
       }),
-      jt(gr, {
+      jt(Vr, {
         activationConstraint: { distance: Wt }
       })
     ), pr = {
@@ -577,14 +577,14 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
         let t = 0;
         for (let l = e + 1; l < X.length; l++)
           X[l].visible !== !1 && (t += X[l].width ?? 0);
-        return ae && (t += Ne || on), g && (t += Ue ? 0 : an), t;
+        return ae && (t += Ne || on), V && (t += Ue ? 0 : an), t;
       },
       [
         X,
         Ne,
         Ue,
         ae,
-        g
+        V
       ]
     ), _t = () => {
       const e = i?.getUserId?.();
@@ -648,7 +648,7 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
       p?.columnSort?.field ? (st(!0), p.columnSort.order === "asc" ? (ue(p.columnSort.field), de(null)) : p.columnSort.order === "desc" && (de(p.columnSort.field), ue(null))) : (ue(null), de(null));
     }, [p?.columnSort?.field, p?.columnSort?.order]), T(() => {
       _e(
-        gt(
+        Vt(
           je.current?.columns || [],
           O
         )
@@ -661,13 +661,13 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
       );
     }, [M.length]), T(() => {
       nt || (U(N || null), N?.columns && _e(
-        gt(
+        Vt(
           N?.columns || [],
           Ft.current
         )
-      ), N?.filters && N.filters.length > 0 && !Ve.current ? (requestAnimationFrame(() => {
+      ), N?.filters && N.filters.length > 0 && !ge.current ? (requestAnimationFrame(() => {
         me.current?.onFilter?.(N.filters);
-      }), Ve.current = !0) : N?.filters && Ve.current && JSON.stringify(N.filters) !== JSON.stringify(me.current?.columnFilters) && me.current?.onFilter?.(N.filters));
+      }), ge.current = !0) : N?.filters && ge.current && JSON.stringify(N.filters) !== JSON.stringify(me.current?.columnFilters) && me.current?.onFilter?.(N.filters));
     }, [N]), T(() => {
       if (Ie.current) {
         const e = new ResizeObserver(
@@ -693,7 +693,7 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
         isAllChecked: Ll,
         showHeaderOptions: at ?? "",
         setShowHeaderOptions: ce,
-        isShowSortArrowAsc: Vl,
+        isShowSortArrowAsc: gl,
         isShowSortArrowDesc: jl,
         onSort: p?.onSort,
         onFilter: n?.onFilter,
@@ -701,7 +701,7 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
         setIsShowSortArrowAsc: ue,
         setIsShowSortArrowDesc: de,
         toggleDataFilterModal: Fe,
-        rowOptions: Array.isArray(g) ? g : [],
+        rowOptions: Array.isArray(V) ? V : [],
         isColumnConfigurable: re ?? !1,
         onAddColumnClick: ne,
         onEditColumnClick: Xe,
@@ -723,7 +723,7 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
             /* @__PURE__ */ s("div", { className: "absolute w-full", children: i?.renderEmpty ? i.renderEmpty(or) : /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center w-full h-[12rem] text-neutral-900 dark:text-neutral-200 mt-8", children: [
               Je && !C ? /* @__PURE__ */ s(mn, { widgetType: "TABLE" }) : /* @__PURE__ */ s(pn, { text: ar }),
               re && !C ? /* @__PURE__ */ s("div", { className: "my-4", children: /* @__PURE__ */ b(
-                Vt,
+                gt,
                 {
                   id: "btn-table-shell-create-column",
                   status: "primary",
@@ -737,7 +737,7 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
                 }
               ) }) : null,
               !C && Ge?.map((e, t) => /* @__PURE__ */ s(
-                Vt,
+                gt,
                 {
                   status: "secondary",
                   id: wn(e.label, t),
@@ -788,6 +788,7 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
       columnFilters: n?.columnFilters,
       setSelectedTableView: U,
       selectedTableView: x,
+      onTableViewSelect: c?.onTableViewSelect,
       enableTableView: c?.showTableView,
       modelName: Z,
       enableMasterDataEnumSuggestions: Q,
@@ -859,7 +860,7 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
           toggleShowSorts: He,
           onRemoveFilter: n?.onRemoveFilter,
           onClearFilter: n?.onClearFilter,
-          rowOptions: g,
+          rowOptions: V,
           checkboxConfig: Pe,
           onResetFilter: n?.onResetFilter,
           isColumnConfigurable: re,
@@ -918,7 +919,7 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
           openCurrencyDropdown: tr,
           closeCurrencyDropdown: Nt,
           currencyDropdownConfig: pt,
-          selectedCurrenciesMap: ge,
+          selectedCurrenciesMap: Ve,
           setCurrencyForCell: rr,
           getCurrencyForCell: nr,
           pendingEdits: h,
@@ -1112,7 +1113,7 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
                 ...ml
               },
               children: rl ? It : /* @__PURE__ */ b(
-                Vr,
+                gr,
                 {
                   sensors: mr,
                   onDragEnd: wr,
@@ -1187,7 +1188,7 @@ const vn = Wr, Ht = "Create Column", wn = (L, D) => `button-admin-${L.toLowerCas
             {
               state: Cl,
               config: tt,
-              rowOptions: g,
+              rowOptions: V,
               asyncRowOptionsFilter: n?.asyncRowOptionsFilter,
               checkedIds: Pe?.checkedIds,
               rows: d,