@lax-wp/design-system 0.14.34 → 0.14.35

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

@@ -43,7 +43,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
       columnSort: { field: "", order: "" },
       onRemoveSort: () => null
     },
-    headerConfig: a = {
+    headerConfig: i = {
       showExportButton: null,
       showFilters: !0,
       showSorts: !0,
@@ -93,8 +93,8 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
     onBulkRowEdit: j,
     inlineEditColumns: Yt,
     isResizable: Zt = !0,
-    paginationConfig: ie,
-    dndSortableUtils: ae,
+    paginationConfig: ae,
+    dndSortableUtils: ie,
     multipleContexts: Ze,
     withSortable: ye,
     withDraggable: Qt,
@@ -109,8 +109,8 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
     setExpandedRows: sl,
     showNewItem: ol,
     rawData: Ke,
-    dragConfig: il,
-    isOverlayLoading: al,
+    dragConfig: al,
+    isOverlayLoading: il,
     style: cl = {},
     floatingBarConfig: De,
     rowWrapper: dl,
@@ -135,22 +135,22 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
     onPendingEditsChange: et,
     onCancelPendingEdits: P
   }) => {
-    const i = Nr(), Tl = nn(sn()), Dl = !!D?.search, tt = n?.columnFilters?.length > 0, q = Dl || tt, Nl = !!V, N = i?.getTableView?.(g) ?? null, [x, J] = p(N || null), M = !Or(
+    const a = Nr(), Tl = nn(sn()), Dl = !!D?.search, tt = n?.columnFilters?.length > 0, q = Dl || tt, Nl = !!V, N = a?.getTableView?.(g) ?? null, [x, J] = p(N || null), M = !Or(
       x,
-      i?.getUserId?.()
+      a?.getUserId?.()
     ), [Re, _e] = p(!1), [ke, lt] = p(!1), [Ol, rt] = p(null), [w, Me] = p(A), nt = (m.length === 0 || !w.length) && !re, [st, de] = p(
       null
     ), [Al, El] = p(!1), [Rl, _l] = p(null), [kl, Ml] = p(!1), [Il, ue] = p(
       null
     ), [Ll, he] = p(null), [gl, ot] = p({}), [C, Ie] = p(
       null
-    ), [Vl, it] = p(!1), [E, jl] = p(0), Le = O(null), ge = O(null), [at, Bl] = p({
+    ), [Vl, at] = p(!1), [E, jl] = p(0), Le = O(null), ge = O(null), [it, Bl] = p({
       width: 0,
       height: 0
     }), [Pl, W] = p(null), [R, ct] = p(null), [Wl, dt] = p(null), [ut, ht] = p(null), [Ve, G] = p({}), je = O(!1), me = O(!1), Be = O(x);
     Be.current = x;
-    const mt = O(i);
-    mt.current = i;
+    const mt = O(a);
+    mt.current = a;
     const pt = O(A);
     pt.current = A;
     const pe = O(n);
@@ -218,7 +218,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
     }, [B, P, u]), H = d(
       (e, t, l) => {
         setTimeout(() => {
-          i?.dispatchEvent?.("SCROLL_TO_TABLE_ROW", { rowIndex: l });
+          a?.dispatchEvent?.("SCROLL_TO_TABLE_ROW", { rowIndex: l });
           const r = w.findIndex(
             (o) => o.key === t
           );
@@ -253,7 +253,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
           }, 350);
         }, 100);
       },
-      [w, i]
+      [w, a]
     ), X = d(
       (e) => {
         let t = !1, l = null;
@@ -281,7 +281,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
     }, []), bt = d(() => {
       const { hasErrors: e, updatedEdits: t, firstError: l, errorTypes: r } = X(u);
       if (e) {
-        if (_(t), i?.showNotification?.(
+        if (_(t), a?.showNotification?.(
           "error",
           fe(r)
         ), l) {
@@ -315,7 +315,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
       X,
       fe,
       H,
-      i
+      a
     ]), Ul = d(
       (e) => {
         if (B) return;
@@ -340,7 +340,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
           if (_((v) => ({
             ...v,
             [e]: r[e]
-          })), i?.showNotification?.(
+          })), a?.showNotification?.(
             "error",
             fe(c)
           ), o) {
@@ -381,7 +381,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
         X,
         fe,
         H,
-        i
+        a
       ]
     ), $ = z(() => Object.values(u).reduce(
       (e, t) => e + Object.keys(t).length,
@@ -466,7 +466,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
       emptyMessage: Je,
       buttons: Ge,
       noDataWidget: Ce
-    }, lr = i?.t?.(jt) ?? jt, we = q ? "No Results Found" : Je || "No Data Found", rr = typeof we == "string" ? i?.t?.(we) ?? we : we, yt = { __isLoading: !0 }, nr = new Array(1).fill(yt), sr = new Array(el).fill(yt), Y = z(
+    }, lr = a?.t?.(jt) ?? jt, we = q ? "No Results Found" : Je || "No Data Found", rr = typeof we == "string" ? a?.t?.(we) ?? we : we, yt = { __isLoading: !0 }, nr = new Array(1).fill(yt), sr = new Array(el).fill(yt), Y = z(
       () => w.filter((e) => !!e?.visible),
       [w]
     ), or = jr(
@@ -485,7 +485,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
       Br
     ), { getTableProps: Tt, getTableBodyProps: Dt, headerGroups: Fe, prepareRow: Nt, rows: I } = or;
     ft.current = Fe;
-    const ir = JSON.stringify(
+    const ar = JSON.stringify(
       Fe[0]?.headers?.map(
         (e) => e?.Header
       )
@@ -497,7 +497,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
           e?.[0]?.headers?.map((t) => t?.Header) ?? []
         );
       }
-    }, [ir, Ae]);
+    }, [ar, Ae]);
     const { checkboxConfig: Ot } = Dr({
       rows: I,
       checkedIds: V?.checkedIds,
@@ -507,7 +507,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
       onAllChecked: Ml,
       setCheckedIds: V?.setCheckedIds,
       checkboxMetadata: V?.checkboxMetadata
-    }), ar = Er(
+    }), ir = Er(
       It(Rr, {
         activationConstraint: { distance: Vt }
       }),
@@ -536,18 +536,18 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
       );
     }, hr = (e) => {
       const { active: t, over: l } = e;
-      l && (ae?.checkDndDragEnd && ae.checkDndDragEnd(
+      l && (ie?.checkDndDragEnd && ie.checkDndDragEnd(
         t,
         l,
         gl,
         (r) => {
-          ot(r), it(!0), ae.onDragSuccess?.({
+          ot(r), at(!0), ie.onDragSuccess?.({
             draggedId: t.id,
             droppedId: l.id,
             draggedType: t.data.current?.type,
             droppedType: l.data.current?.type,
             updatedList: r,
-            cb: () => it(!1)
+            cb: () => at(!1)
           });
         }
       ), Ie(null));
@@ -582,7 +582,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
         U
       ]
     ), At = () => {
-      const e = i?.getUserId?.();
+      const e = a?.getUserId?.();
       return {
         ...x || {},
         name: x?.name || "Untitled View",
@@ -604,14 +604,13 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
     };
     vt.current = At;
     const Fr = (e, t) => {
-      if (M) return;
       const l = At();
       J({
         ...l,
         columns: l?.columns?.map(
           (r) => r.name === e ? { ...r, width: t } : r
         ),
-        unsaved: !0
+        unsaved: M ? l?.unsaved : !0
       });
     };
     T(() => {
@@ -708,7 +707,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
         showPendingEditsColumn: $ > 0
       }
     ), Rt = /* @__PURE__ */ b(Tr, { children: [
-      Vl || al ? /* @__PURE__ */ s("div", { className: "absolute left-0 top-0 w-full h-full z-40 flex items-center justify-center bg-neutral-100 dark:bg-black-700" }) : null,
+      Vl || il ? /* @__PURE__ */ s("div", { className: "absolute left-0 top-0 w-full h-full z-40 flex items-center justify-center bg-neutral-100 dark:bg-black-700" }) : null,
       /* @__PURE__ */ s(
         "div",
         {
@@ -716,7 +715,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
           className: "w-full text-sm text-left text-neutral-500 dark:text-neutral-200 h-full bg-white dark:bg-black-800",
           children: nt ? /* @__PURE__ */ b("div", { className: "z-10", children: [
             Et,
-            /* @__PURE__ */ s("div", { className: "absolute w-full", children: i?.renderEmpty ? i.renderEmpty(tr) : /* @__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: [
+            /* @__PURE__ */ s("div", { className: "absolute w-full", children: a?.renderEmpty ? a.renderEmpty(tr) : /* @__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: [
               Ce && !q ? /* @__PURE__ */ s(on, { widgetType: "TABLE" }) : /* @__PURE__ */ s(an, { text: rr }),
               ne && !q ? /* @__PURE__ */ s("div", { className: "my-4", children: /* @__PURE__ */ b(
                 Mt,
@@ -738,7 +737,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
                   status: "secondary",
                   id: un(e.label, t),
                   onClick: e.onClick,
-                  children: i?.t?.(e.label) ?? e.label
+                  children: a?.t?.(e.label) ?? e.label
                 },
                 `${e.label}-${t}`
               ))
@@ -748,7 +747,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
             {
               style: { width: "100%", height: "100%" },
               renderProp: ({ width: e, height: t }) => {
-                const l = e > 0 ? e : at.width, r = t > 0 ? t : at.height;
+                const l = e > 0 ? e : it.width, r = t > 0 ? t : it.height;
                 return l > 0 && r > 0 ? /* @__PURE__ */ s(
                   Pr,
                   {
@@ -773,7 +772,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
     ] }), xr = Lt((e, t) => /* @__PURE__ */ b("div", { className: "h-full w-full", ...e, ref: t, children: [
       Et,
       /* @__PURE__ */ s("div", { className: "relative w-full h-full", children: e?.children })
-    ] })), yr = Lt((e, t) => /* @__PURE__ */ s("div", { className: "h-full w-full", ...e, ref: t, children: /* @__PURE__ */ s("div", { className: "relative w-full h-full", children: e?.children }) })), $e = z(() => i?.renderTableHeader ? i.renderTableHeader({
+    ] })), yr = Lt((e, t) => /* @__PURE__ */ s("div", { className: "h-full w-full", ...e, ref: t, children: /* @__PURE__ */ s("div", { className: "relative w-full h-full", children: e?.children }) })), $e = z(() => a?.renderTableHeader ? a.renderTableHeader({
       tableKey: g,
       search: D?.search,
       handleSearch: D?.handleSearch,
@@ -784,7 +783,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
       columnFilters: n?.columnFilters,
       setSelectedTableView: J,
       selectedTableView: x,
-      enableTableView: a?.showTableView,
+      enableTableView: i?.showTableView,
       modelName: Q,
       enableMasterDataEnumSuggestions: K,
       onRemoveFilter: n?.onRemoveFilter,
@@ -792,22 +791,22 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
       onFilter: n?.onFilter,
       data: le ?? m,
       tableHeaders: w,
-      showTableViewAsModal: a?.showTableViewAsModal,
-      additionalOptions: a?.additionalOptions,
-      inlineActions: a?.inlineActions,
-      showFilters: a?.showFilters,
-      showSorts: a?.showSorts,
-      showSearch: a?.showSearch,
-      isLoading: !!a?.isLoading,
+      showTableViewAsModal: i?.showTableViewAsModal,
+      additionalOptions: i?.additionalOptions,
+      inlineActions: i?.inlineActions,
+      showFilters: i?.showFilters,
+      showSorts: i?.showSorts,
+      showSearch: i?.showSearch,
+      isLoading: !!i?.isLoading,
       setTableHeaders: Me,
       allowAStarSearch: !!D?.allowAStarSearch,
-      withContent: !!a?.content,
+      withContent: !!i?.content,
       setShowFilters: _e,
       sort: h?.columnSort,
       onSort: h?.onSort,
       onRemoveSort: We,
-      showExportButton: a?.showExportButton,
-      onExportClick: a?.onExportClick,
+      showExportButton: i?.showExportButton,
+      onExportClick: i?.onExportClick,
       agreementId: ee,
       enumSuggestionsExtraParams: te
     }) : null, [
@@ -820,7 +819,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
       A,
       J,
       x,
-      a,
+      i,
       Q,
       n?.onRemoveFilter,
       n?.onClearFilter,
@@ -831,7 +830,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
       h?.columnSort,
       h?.onSort,
       We,
-      i,
+      a,
       D?.allowAStarSearch,
       K,
       ee,
@@ -875,7 +874,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
           onRowEdit: k,
           inlineEditColumns: Yt,
           tableActions: Ue,
-          dndSortableUtils: ae,
+          dndSortableUtils: ie,
           withSortable: ye,
           withDraggable: Qt,
           onCascadingRowExpand: tl,
@@ -886,7 +885,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
           setExpandedRows: sl,
           showNewItem: ol,
           rawData: Ke,
-          dragConfig: il,
+          dragConfig: al,
           rowWrapper: dl,
           rowLinkConfig: ul,
           isCellClickDisabled: hl,
@@ -940,13 +939,13 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
                 /* @__PURE__ */ b(
                   "div",
                   {
-                    className: `flex items-center gap-x-2 gap-y-1 ${E < Z ? "w-full flex-wrap" : ""} ${a?.content ? "min-w-0 flex-1" : "shrink-0"}`,
+                    className: `flex items-center gap-x-2 gap-y-1 ${E < Z ? "w-full flex-wrap" : ""} ${i?.content ? "min-w-0 flex-1" : "shrink-0"}`,
                     children: [
-                      a?.content ? /* @__PURE__ */ s(
+                      i?.content ? /* @__PURE__ */ s(
                         "div",
                         {
                           className: `min-w-0 ${E < Z ? "w-full" : "flex-1"}`,
-                          children: a.content
+                          children: i.content
                         }
                       ) : null,
                       Te ? /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 shrink-0", children: [
@@ -990,16 +989,16 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
                             children: "total records"
                           }
                         )
-                      ] }) : a?.preContent ? /* @__PURE__ */ s("div", { className: "flex min-w-0 shrink-0 justify-start items-center", children: a.preContent }) : null
+                      ] }) : i?.preContent ? /* @__PURE__ */ s("div", { className: "flex min-w-0 shrink-0 justify-start items-center", children: i.preContent }) : null
                     ]
                   }
                 ),
                 /* @__PURE__ */ b(
                   "div",
                   {
-                    className: `flex min-w-0 items-center justify-end ${E < Z ? "w-full" : a?.content ? "shrink-0" : "flex-1"} ${E < ze ? "flex-col" : "flex-row flex-wrap"} ${a?.postContent ? "gap-2" : ""}`,
+                    className: `flex min-w-0 items-center justify-end ${E < Z ? "w-full" : i?.content ? "shrink-0" : "flex-1"} ${E < ze ? "flex-col" : "flex-row flex-wrap"} ${i?.postContent ? "gap-2" : ""}`,
                     children: [
-                      Te && a?.preContent ? /* @__PURE__ */ s("div", { className: "flex w-full justify-start items-center", children: a.preContent }) : null,
+                      Te && i?.preContent ? /* @__PURE__ */ s("div", { className: "flex w-full justify-start items-center", children: i.preContent }) : null,
                       /* @__PURE__ */ s(
                         "div",
                         {
@@ -1007,11 +1006,11 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
                           children: $e
                         }
                       ),
-                      a?.postContent ? /* @__PURE__ */ s(
+                      i?.postContent ? /* @__PURE__ */ s(
                         "div",
                         {
                           className: `flex justify-end items-center ${E < ze ? "w-full" : ""}`,
-                          children: a.postContent
+                          children: i.postContent
                         }
                       ) : null
                     ]
@@ -1020,9 +1019,9 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
               ]
             }
           ) : null,
-          a?.showDivider ? /* @__PURE__ */ s("div", { className: "border-b pb-2 w-full dark:bg-black-800" }) : null,
+          i?.showDivider ? /* @__PURE__ */ s("div", { className: "border-b pb-2 w-full dark:bg-black-800" }) : null,
           Wt && (Re || ke) ? /* @__PURE__ */ s("div", { className: "flex justify-between items-center pb-4 dark:bg-black-800", children: /* @__PURE__ */ b("div", { className: "flex gap-2 items-center", children: [
-            ke && i?.renderSortItem ? i.renderSortItem({
+            ke && a?.renderSortItem ? a.renderSortItem({
               sort: h?.columnSort,
               onRemoveSort: We,
               onSort: h?.onSort,
@@ -1032,7 +1031,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
             }) : null,
             Re && ke && h?.columnSort?.field !== "" ? /* @__PURE__ */ s("div", { className: "h-8 w-[1px] flex-shrink-0 bg-neutral-200" }) : null,
             Re ? /* @__PURE__ */ b("div", { className: "flex gap-2 items-center", children: [
-              (tt || n?.onResetFilter) && i?.renderActiveFilters && i.renderActiveFilters({
+              (tt || n?.onResetFilter) && a?.renderActiveFilters && a.renderActiveFilters({
                 filters: n?.columnFilters,
                 onRemoveFilter: Sr,
                 onClearFilter: br,
@@ -1050,7 +1049,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
                 enumSuggestionsExtraParams: te,
                 disabled: M
               }),
-              i?.renderFilterButtons && i.renderFilterButtons({
+              a?.renderFilterButtons && a.renderFilterButtons({
                 onClearFilter: n?.onClearFilter,
                 onClose: fr,
                 modelName: Q,
@@ -1096,14 +1095,14 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
             ),
             /* @__PURE__ */ s(be, { size: "small", variant: "semibold", appearance: "title", children: (Qe ?? m.length).toLocaleString() }),
             /* @__PURE__ */ s(be, { size: "small", variant: "regular", appearance: "subtitle", children: "total records" })
-          ] }) : !xe && a?.preContent ? /* @__PURE__ */ s("div", { className: "flex items-center mb-2", children: a.preContent }) : null,
+          ] }) : !xe && i?.preContent ? /* @__PURE__ */ s("div", { className: "flex items-center mb-2", children: i.preContent }) : null,
           /* @__PURE__ */ s(
             "div",
             {
               ref: ge,
-              className: `w-full ${ie ? "h-auto" : oe} rounded-lg relative border overflow-x-hidden`,
+              className: `w-full ${ae ? "h-auto" : oe} rounded-lg relative border overflow-x-hidden`,
               style: {
-                ...ie ? {
+                ...ae ? {
                   height: m?.length > 0 ? `${(m?.length + 1) * Tl + 4}px` : "350px"
                 } : { height: er },
                 ...cl
@@ -1111,7 +1110,7 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
               children: Kt ? Rt : /* @__PURE__ */ b(
                 kr,
                 {
-                  sensors: ar,
+                  sensors: ir,
                   onDragEnd: hr,
                   onDragStart: ur,
                   onDragCancel: mr,
@@ -1160,8 +1159,8 @@ const dn = gr, jt = "Create Column", un = (g, D) => `button-admin-${g.toLowerCas
               )
             }
           ),
-          ie && i?.renderPagination ? i.renderPagination(ie) : null,
-          i?.renderMasterDataModal && i.renderMasterDataModal({
+          ae && a?.renderPagination ? a.renderPagination(ae) : null,
+          a?.renderMasterDataModal && a.renderMasterDataModal({
             isVisible: !!R,
             onSelected: Xl,
             onClose: ve,