@new-black/lyra 1.0.11 → 1.0.13

package/dist/lyra65.js

@@ -1,11 +1,11 @@
 import { j as l } from "./lyra88.js";
-import { memo as be, useId as he, useState as G, useEffect as J, useCallback as N, useMemo as ge, Fragment as je } from "react";
-import { Table as ve, TableHeader as $e, TableBody as Te, Provider as ye, TextContext as De, Column as Oe, Row as o, Cell as Pe } from "./lyra87.js";
-import { useReactTable as Ee, flexRender as z } from "./lyra467.js";
+import { memo as ge, useId as je, useState as I, useEffect as H, useCallback as L, useMemo as ve, Fragment as $e } from "react";
+import { Table as Te, TableHeader as ye, TableBody as De, Provider as Oe, TextContext as Pe, Column as Ee, Row as F, Cell as We } from "./lyra87.js";
+import { useReactTable as Ae, flexRender as z } from "./lyra467.js";
 import { clsx as R } from "./lyra448.js";
-import { fixedForwardRef as We } from "./lyra91.js";
+import { fixedForwardRef as Ie } from "./lyra91.js";
 import { useDictionary as ee } from "./lyra93.js";
-import { Checkbox as w, RadioCheckbox as Ie } from "./lyra21.js";
+import { Checkbox as w, RadioCheckbox as He } from "./lyra21.js";
 import "./lyra22.js";
 import "./lyra23.js";
 import "./lyra24.js";
@@ -14,11 +14,11 @@ import "./lyra26.js";
 import "./lyra27.js";
 import "./lyra28.js";
 import "./lyra29.js";
-import { SvgIcon as L } from "./lyra63.js";
+import { SvgIcon as N } from "./lyra63.js";
 import "./lyra78.js";
 import "./lyra456.js";
 import "./lyra40.js";
-import { Text as Ae } from "./lyra71.js";
+import { Text as Ve } from "./lyra71.js";
 import "./lyra72.js";
 import "./lyra44.js";
 import "./lyra31.js";
@@ -59,8 +59,8 @@ import "./lyra58.js";
 import "./lyra59.js";
 import "./lyra60.js";
 import "./lyra62.js";
-import { columnStyling as He, rowStyles as C, cellStyles as Ve } from "./lyra66.js";
-import { DisclosureButton as ke } from "./lyra67.js";
+import { columnStyling as ke, rowStyles as C, cellStyles as Ue } from "./lyra66.js";
+import { DisclosureButton as _e } from "./lyra67.js";
 import "./lyra68.js";
 import "./lyra69.js";
 import "./lyra70.js";
@@ -70,8 +70,8 @@ import "./lyra76.js";
 import "./lyra77.js";
 import "./lyra79.js";
 import "./lyra96.js";
-import "./lyra451.js";
-import "./lyra452.js";
+import "./lyra454.js";
+import "./lyra455.js";
 import "./lyra457.js";
 import "./lyra458.js";
 import "react-dom";
@@ -79,10 +79,10 @@ import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
 import "./lyra45.js";
-import { TablePagination as _e } from "./lyra468.js";
-import { TableReorganizeColumns as Be } from "./lyra469.js";
-import { getCoreRowModel as Ue, getExpandedRowModel as Me, getPaginationRowModel as qe, noop as Ge } from "./lyra470.js";
-const K = 10, Je = 0, Qe = ({
+import { TablePagination as Be } from "./lyra468.js";
+import { TableReorganizeColumns as Me } from "./lyra469.js";
+import { getCoreRowModel as qe, getExpandedRowModel as Ge, getPaginationRowModel as Je, noop as Qe } from "./lyra470.js";
+const K = 10, Xe = 0, Ye = ({
   childrenDepthCutoff: c = 5,
   columns: n,
   data: i,
@@ -93,44 +93,46 @@ const K = 10, Je = 0, Qe = ({
   hideSelectAll: v,
   isLoading: T,
   isRowNested: W,
-  isRowSelectable: I,
+  isRowSelectable: A,
   limit: P = K,
   onExpand: s,
   onNext: le,
   onPrevious: ie,
-  onRowPress: A,
+  onRowPress: V,
   onRowSelectionChange: b,
   onSortingChange: de,
   options: h,
   reorganizeColumns: d,
   rowFooter: g,
-  rowFooterClassNames: H,
-  rowFooterColSpan: V,
+  rowFooterClassNames: k,
+  rowFooterColSpan: U,
   selectedRowIds: u,
   selectionMode: a = "none",
-  setLimit: k,
-  setStart: _,
+  setLimit: _,
+  setStart: B,
   showNext: me,
   showPrevious: ce,
   sortingState: E,
-  start: ne = Je,
-  total: B,
+  start: ne = Xe,
+  total: M,
   ...ae
 }, fe) => {
-  const Q = he(), X = ee(), [y, re] = G({
+  const Q = je(), X = ee(), [re, pe] = I(Date.now()), [y, ue] = I({
     pageIndex: Math.floor(ne / (P || K)) ?? 0,
     pageSize: P || K
   });
-  J(() => {
-    _ == null || _(y.pageIndex * y.pageSize), y.pageSize !== P && (k == null || k(y.pageSize));
-  }, [P, y.pageIndex, y.pageSize, k, _]);
-  const S = N(
-    (e) => I ? I(e) : !0,
-    [I]
-  ), pe = N(
+  H(() => {
+    pe(Date.now());
+  }, [i]), H(() => {
+    B == null || B(y.pageIndex * y.pageSize), y.pageSize !== P && (_ == null || _(y.pageSize));
+  }, [P, y.pageIndex, y.pageSize, _, B]);
+  const S = L(
+    (e) => A ? A(e) : !0,
+    [A]
+  ), xe = L(
     (e) => W ? W(e) : !j || e.depth > c ? !1 : (j(e.original, e.index) ?? []).length > 0,
     [c, j, W]
-  ), ue = ge(() => {
+  ), se = ve(() => {
     const e = n.filter((t) => d != null && d.columnOrder ? d.columnOrder.includes(t.id) : !0).map((t) => {
       const {
         align: f,
@@ -138,11 +140,11 @@ const K = 10, Je = 0, Qe = ({
         isRowHeader: p,
         maxWidth: O,
         minWidth: Z,
-        width: q,
-        ...se
+        width: J,
+        ...he
       } = t;
       return {
-        ...se,
+        ...he,
         enableSorting: t.enableSorting ?? !1,
         meta: {
           ...t.meta,
@@ -151,7 +153,7 @@ const K = 10, Je = 0, Qe = ({
           isRowHeader: p,
           minWidth: Z,
           maxWidth: O,
-          width: q
+          width: J
         }
       };
     });
@@ -161,7 +163,7 @@ const K = 10, Je = 0, Qe = ({
         width: "1rem",
         cell: ({ row: t }) => /* @__PURE__ */ l.jsx("div", { className: "w-4 max-w-4", children: S(t) ? /* @__PURE__ */ l.jsxs("div", { children: [
           a === "multiple" ? /* @__PURE__ */ l.jsx(w, { slot: "selection", "aria-label": "Select row" }) : null,
-          a === "single" ? /* @__PURE__ */ l.jsx(Ie, { slot: "selection", "aria-label": X.selectValue(t.id) }) : null
+          a === "single" ? /* @__PURE__ */ l.jsx(He, { slot: "selection", "aria-label": X.selectValue(t.id) }) : null
         ] }) : null }, `select-col-${Q}-${t.id}`),
         header: a === "multiple" && !v ? /* @__PURE__ */ l.jsx("div", { className: "w-4 max-w-4", children: /* @__PURE__ */ l.jsx(w, { slot: "selection", "aria-label": X.selectAllRows }) }) : void 0,
         enableSorting: !1,
@@ -178,7 +180,7 @@ const K = 10, Je = 0, Qe = ({
     S,
     d == null ? void 0 : d.columnOrder,
     a
-  ]), xe = N(
+  ]), be = L(
     (e) => {
       if (!g)
         return;
@@ -187,55 +189,55 @@ const K = 10, Je = 0, Qe = ({
         return t;
     },
     [g]
-  ), [U, Y] = G(m ?? {});
-  J(() => {
+  ), [q, Y] = I(m ?? {});
+  H(() => {
     m && Y(m);
   }, [m]);
-  const [F, M] = G(
+  const [o, G] = I(
     new Set(u != null && u.length ? u : [])
   );
-  J(() => {
-    u && M(new Set(u != null && u.length ? u : []));
+  H(() => {
+    u && G(new Set(u != null && u.length ? u : []));
   }, [u]);
-  const D = Ee({
+  const D = Ae({
     data: i,
     getRowId: $,
-    columns: ue,
-    rowCount: B || i.length,
+    columns: se,
+    rowCount: M || i.length,
     state: {
       sorting: E,
       columnOrder: d == null ? void 0 : d.columnOrder,
       pagination: y,
-      expanded: U
+      expanded: q
     },
-    getCoreRowModel: Ue(),
-    getExpandedRowModel: Me(),
-    getPaginationRowModel: qe(),
+    getCoreRowModel: qe(),
+    getExpandedRowModel: Ge(),
+    getPaginationRowModel: Je(),
     onColumnOrderChange: d == null ? void 0 : d.onChangeOrderOfColumns,
     onSortingChange: de,
     enableHiding: !0,
     onPaginationChange: (e) => {
-      Y({}), s == null || s({}), re(e);
+      Y({}), s == null || s({}), ue(e);
     },
     manualSorting: !0,
-    getRowCanExpand: pe,
+    getRowCanExpand: xe,
     paginateExpandedRows: !1,
     getSubRows: j,
     onExpandedChange: (e) => {
-      const t = typeof e == "function" ? e(U) : e;
+      const t = typeof e == "function" ? e(q) : e;
       Y(t), s == null || s(t);
     },
     enableExpanding: !0,
-    manualPagination: i && B ? i.length !== B : !1
+    manualPagination: i && M ? i.length !== M : !1
   });
   return /* @__PURE__ */ l.jsxs("div", { className: "relative flex flex-col", children: [
     /* @__PURE__ */ l.jsxs("div", { className: "relative flex flex-col overflow-x-auto", children: [
-      d != null && d.active ? /* @__PURE__ */ l.jsx("div", { className: "absolute z-20 h-full w-full rounded bg-overlay-white", children: /* @__PURE__ */ l.jsx(Be, { ...d, allColumns: n }) }) : null,
+      d != null && d.active ? /* @__PURE__ */ l.jsx("div", { className: "absolute z-20 h-full w-full rounded bg-overlay-white", children: /* @__PURE__ */ l.jsx(Me, { ...d, allColumns: n }) }) : null,
       /* @__PURE__ */ l.jsxs(
-        ve,
+        Te,
         {
           ref: fe,
-          selectedKeys: F,
+          selectedKeys: o,
           "aria-label": ae["aria-label"],
           selectionMode: a ?? "none",
           disallowEmptySelection: x,
@@ -246,19 +248,19 @@ const K = 10, Je = 0, Qe = ({
             const t = new Set(
               i.map((f, r) => $ ? $(f, r) : `${r}`)
             );
-            if (a === "single" && e !== "all" && (x ? e.size === 1 : e.size <= 1) && (M(e), b == null || b(Array.from(e).map(String))), a === "multiple") {
+            if (a === "single" && e !== "all" && (x ? e.size === 1 : e.size <= 1) && (G(e), b == null || b(Array.from(e).map(String))), a === "multiple") {
               const f = new Set(
-                Array.from(F).map(String).filter((p) => !t.has(p))
+                Array.from(o).map(String).filter((p) => !t.has(p))
               );
               if (e === "all") {
                 const p = new Set(
-                  i.map((Z, q) => $ ? $(Z, q) : `${q}`)
+                  i.map((Z, J) => $ ? $(Z, J) : `${J}`)
                 ), O = /* @__PURE__ */ new Set([...f, ...p]);
-                M(O), b == null || b(Array.from(O).map(String));
+                G(O), b == null || b(Array.from(O).map(String));
                 return;
               }
               const r = /* @__PURE__ */ new Set([...f, ...e]);
-              M(r), b == null || b(Array.from(r).map(String));
+              G(r), b == null || b(Array.from(r).map(String));
             }
           },
           sortDescriptor: E != null && E.length ? {
@@ -273,31 +275,31 @@ const K = 10, Je = 0, Qe = ({
               }
             ]);
           },
-          onRowAction: A ? (e) => {
-            if (!`${e}`.endsWith("-footer") && A) {
+          onRowAction: V ? (e) => {
+            if (!`${e}`.endsWith("-footer") && V) {
               const t = D.getRow(e);
-              t && !T && A(t.original, t);
+              t && !T && V(t.original, t);
             }
           } : void 0,
           className: "relative w-full caption-top text-base",
           children: [
             /* @__PURE__ */ l.jsx(
-              $e,
+              ye,
               {
                 columns: D.getFlatHeaders(),
                 dependencies: [
                   i,
-                  U,
+                  q,
                   g,
-                  V,
-                  H,
+                  U,
+                  k,
                   m,
                   d == null ? void 0 : d.columnOrder
                 ],
                 children: (e) => {
                   var t, f, r, p, O;
                   return /* @__PURE__ */ l.jsx(
-                    Ye,
+                    Le,
                     {
                       id: e.id,
                       isRowHeader: ((t = e.column.columnDef.meta) == null ? void 0 : t.isRowHeader) ?? e.index === 0,
@@ -315,39 +317,39 @@ const K = 10, Je = 0, Qe = ({
               }
             ),
             /* @__PURE__ */ l.jsx(
-              Te,
+              De,
               {
                 items: D.getRowModel().rows,
-                renderEmptyState: () => /* @__PURE__ */ l.jsx(Le, { emptyMessage: h == null ? void 0 : h.emptyMessage }),
+                renderEmptyState: () => /* @__PURE__ */ l.jsx(Re, { emptyMessage: h == null ? void 0 : h.emptyMessage }),
                 dependencies: [
                   i,
-                  U,
+                  q,
                   g,
                   D.getState(),
-                  V,
-                  H,
+                  U,
+                  k,
                   m,
                   d == null ? void 0 : d.columnOrder
                 ],
                 children: (e) => /* @__PURE__ */ l.jsx(
-                  Ze,
+                  Ne,
                   {
                     id: e.id,
                     depth: e.depth,
-                    hasPressEvent: !!A,
+                    hasPressEvent: !!V,
                     columns: e.getVisibleCells(),
-                    rowFooter: xe(e),
-                    rowFooterClassNames: H,
-                    rowFooterColSpan: V ?? e.getVisibleCells().length,
+                    rowFooter: be(e),
+                    rowFooterClassNames: k,
+                    rowFooterColSpan: U ?? e.getVisibleCells().length,
                     dependencies: [
                       i,
                       g,
                       g == null ? void 0 : g(e),
                       D.getState(),
-                      V,
+                      U,
                       m,
                       e.getIsExpanded(),
-                      H,
+                      k,
                       e.getVisibleCells(),
                       d == null ? void 0 : d.columnOrder
                     ],
@@ -378,11 +380,11 @@ const K = 10, Je = 0, Qe = ({
             )
           ]
         },
-        `table-${Q}`
+        `table-${Q}-${re}`
       )
     ] }),
-    /* @__PURE__ */ l.jsx(ye, { values: [[De, { slot: null }]], children: /* @__PURE__ */ l.jsx(
-      _e,
+    /* @__PURE__ */ l.jsx(Oe, { values: [[Pe, { slot: null }]], children: /* @__PURE__ */ l.jsx(
+      Be,
       {
         table: D,
         hidePagination: h == null ? void 0 : h.hidePagination,
@@ -391,17 +393,17 @@ const K = 10, Je = 0, Qe = ({
         showPrevious: ce,
         onNext: le,
         onPrevious: ie,
-        total: B,
+        total: M,
         isLoading: T
       }
     ) })
   ] });
-}, Xe = We(Qe);
-Xe.displayName = "Table";
-function Ye(c) {
-  const { column: n, inner: i } = He();
+}, Ze = Ie(Ye);
+Ze.displayName = "Table";
+function Le(c) {
+  const { column: n, inner: i } = ke();
   return /* @__PURE__ */ l.jsx(
-    Oe,
+    Ee,
     {
       ...c,
       className: n({
@@ -414,28 +416,28 @@ function Ye(c) {
       },
       children: ({ allowsSorting: x, sortDirection: m }) => /* @__PURE__ */ l.jsxs("div", { className: i({ align: c.align || "start" }), children: [
         c.children,
-        x && (m === "descending" ? /* @__PURE__ */ l.jsx(L, { name: "arrow-down", "aria-hidden": "true" }) : m === "ascending" ? /* @__PURE__ */ l.jsx(L, { name: "arrow-up", "aria-hidden": "true" }) : /* @__PURE__ */ l.jsx(L, { name: "arrow-down-up", "aria-hidden": "true" }))
+        x && (m === "descending" ? /* @__PURE__ */ l.jsx(N, { name: "arrow-down", "aria-hidden": "true" }) : m === "ascending" ? /* @__PURE__ */ l.jsx(N, { name: "arrow-up", "aria-hidden": "true" }) : /* @__PURE__ */ l.jsx(N, { name: "arrow-down-up", "aria-hidden": "true" }))
       ] })
     }
   );
 }
-function Ze({
+function Ne({
   depth: c,
   rowFooter: n,
   rowFooterClassNames: i,
   rowFooterColSpan: x,
   ...m
 }) {
-  return /* @__PURE__ */ l.jsxs(je, { children: [
+  return /* @__PURE__ */ l.jsxs($e, { children: [
     /* @__PURE__ */ l.jsx(
-      o,
+      F,
       {
         ...m,
         className: R(C({ hasPressEvent: m.hasPressEvent }), m.className)
       }
     ),
     n ? /* @__PURE__ */ l.jsx(
-      o,
+      F,
       {
         id: `${m.id}-footer`,
         className: R(C({ hasPressEvent: !1 }), i == null ? void 0 : i.row),
@@ -451,7 +453,7 @@ function Ze({
           {
             isFirstColumn: !1,
             isNested: !1,
-            onExpand: Ge,
+            onExpand: Qe,
             isExpanded: !1,
             level: c,
             isTableNested: !1,
@@ -464,7 +466,7 @@ function Ze({
     ) : null
   ] }, m.id);
 }
-function Ne({
+function Ke({
   colSpan: c,
   isExpanded: n,
   isFirstColumn: i,
@@ -474,17 +476,17 @@ function Ne({
   onExpand: $,
   ...v
 }) {
-  const [T, W] = G(null), { cell: I, inner: P } = Ve({
+  const [T, W] = I(null), { cell: A, inner: P } = Ue({
     align: v.align,
     type: v.cellType
   });
-  return J(() => {
+  return H(() => {
     c && T && (T.colSpan = c);
   }, [T, c]), /* @__PURE__ */ l.jsx(
-    Pe,
+    We,
     {
       ...v,
-      className: R(I(), v.className),
+      className: R(A(), v.className),
       ref: (s) => {
         s && W(s);
       },
@@ -498,7 +500,7 @@ function Ne({
             className: m ? "-my-1 items-start gap-2" : void 0
           }),
           children: [
-            m && i ? /* @__PURE__ */ l.jsx("div", { children: x ? /* @__PURE__ */ l.jsx(ke, { isOpen: n ?? !1, toggleIsOpen: $ }) : /* @__PURE__ */ l.jsx("div", { className: "h-6 w-6", children: " " }) }) : null,
+            m && i ? /* @__PURE__ */ l.jsx("div", { children: x ? /* @__PURE__ */ l.jsx(_e, { isOpen: n ?? !1, toggleIsOpen: $ }) : /* @__PURE__ */ l.jsx("div", { className: "h-6 w-6", children: " " }) }) : null,
             v.children
           ]
         }
@@ -506,10 +508,10 @@ function Ne({
     }
   );
 }
-const te = be(Ne), Le = ({ emptyMessage: c }) => {
+const te = ge(Ke), Re = ({ emptyMessage: c }) => {
   const n = ee();
-  return /* @__PURE__ */ l.jsx("div", { className: "flex w-full justify-start border-t border-default p-4", children: /* @__PURE__ */ l.jsx(Ae, { color: "tertiary", variant: "body-small", children: c ?? n.noResultsFound }) });
+  return /* @__PURE__ */ l.jsx("div", { className: "flex w-full justify-start border-t border-default p-4", children: /* @__PURE__ */ l.jsx(Ve, { color: "tertiary", variant: "body-small", children: c ?? n.noResultsFound }) });
 };
 export {
-  Xe as Table
+  Ze as Table
 };