@ledgerhq/lumen-ui-react 0.1.4 → 0.1.6

package/dist/lib/Components/DataTable/DataTable.js

@@ -1,188 +1,188 @@
-import { jsx as c, jsxs as u } from "react/jsx-runtime";
-import { createSafeContext as h, cn as x } from "../../../libs/utils-shared/dist/index.js";
-import { flexRender as b } from "@tanstack/react-table";
-import { useCallback as N, Fragment as B } from "react";
-import { TableRoot as C, Table as S, TableLoadingRow as H, TableHeader as k, TableHeaderRow as G, TableHeaderCell as v, TableSortButton as q, TableBody as T, TableGroupHeaderRow as I, TableRow as F, TableCell as M } from "../Table/Table.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createSafeContext as y, cn as C } from "../../../libs/utils-shared/dist/index.js";
+import { flexRender as m } from "@tanstack/react-table";
+import { useCallback as x, Fragment as N } from "react";
+import { TableRoot as B, Table as S, TableLoadingRow as k, TableHeader as H, TableHeaderRow as G, TableHeaderCell as v, TableSortButton as q, TableBody as T, TableGroupHeaderRow as I, TableRow as F, TableCell as M } from "../Table/Table.js";
 import { SearchInput as j } from "../SearchInput/SearchInput.js";
-const [P, d] = h("DataTableContext"), V = ({
-  table: t,
+const [P, d] = y("DataTableContext"), V = ({
+  table: n,
   appearance: r = "no-background",
-  paginationMode: n = "none",
-  loading: a = !1,
-  onScrollBottom: e,
-  onRowClick: l,
-  groupBy: o,
-  renderGroupHeader: s,
-  hideHeader: i = !1,
-  children: f,
-  className: y,
+  paginationMode: o = "none",
+  loading: e = !1,
+  onScrollBottom: a,
+  onRowClick: t,
+  groupBy: c,
+  renderGroupHeader: i,
+  hideHeader: s = !1,
+  children: h,
+  className: f,
   ref: w,
   ...R
-}) => /* @__PURE__ */ c(
+}) => /* @__PURE__ */ l(
   P,
   {
     value: {
-      hideHeader: i,
-      paginationMode: n,
-      table: t,
+      hideHeader: s,
+      paginationMode: o,
+      table: n,
       appearance: r,
-      loading: a,
-      onScrollBottom: e,
-      onRowClick: l,
-      groupBy: o,
-      renderGroupHeader: s
+      loading: e,
+      onScrollBottom: a,
+      onRowClick: t,
+      groupBy: c,
+      renderGroupHeader: i
     },
-    children: /* @__PURE__ */ c("div", { ref: w, className: x("flex flex-col", y), ...R, children: f })
+    children: /* @__PURE__ */ l("div", { ref: w, className: C("flex flex-col", f), ...R, children: h })
   }
 );
 V.displayName = "DataTableRoot";
 const p = ({
-  className: t,
+  className: n,
   ref: r,
-  ...n
+  ...o
 }) => {
-  const { table: a } = d({
+  const { table: e } = d({
     consumerName: "DataTableHeader",
     contextRequired: !0
   });
-  return /* @__PURE__ */ c(k, { ref: r, className: t, ...n, children: a.getHeaderGroups().map((e) => /* @__PURE__ */ c(G, { children: e.headers.map((l) => {
-    const o = l.column.columnDef.meta;
-    return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(H, { ref: r, className: n, ...o, children: e.getHeaderGroups().map((a) => /* @__PURE__ */ l(G, { children: a.headers.map((t) => {
+    const c = t.column.columnDef.meta;
+    return /* @__PURE__ */ l(
       v,
       {
-        align: o == null ? void 0 : o.align,
-        hideBelow: o == null ? void 0 : o.hideBelow,
-        className: o == null ? void 0 : o.className,
-        trailingContent: o == null ? void 0 : o.headerTrailingContent,
-        children: l.isPlaceholder ? null : l.column.getCanSort() ? /* @__PURE__ */ c(
+        align: c?.align,
+        hideBelow: c?.hideBelow,
+        className: c?.className,
+        trailingContent: c?.headerTrailingContent,
+        children: t.isPlaceholder ? null : t.column.getCanSort() ? /* @__PURE__ */ l(
           q,
           {
-            sortDirection: l.column.getIsSorted() || void 0,
-            onClick: l.column.getToggleSortingHandler(),
-            align: o == null ? void 0 : o.align,
-            children: b(
-              l.column.columnDef.header,
-              l.getContext()
+            sortDirection: t.column.getIsSorted() || void 0,
+            onClick: t.column.getToggleSortingHandler(),
+            align: c?.align,
+            children: m(
+              t.column.columnDef.header,
+              t.getContext()
             )
           }
-        ) : b(
-          l.column.columnDef.header,
-          l.getContext()
+        ) : m(
+          t.column.columnDef.header,
+          t.getContext()
         )
       },
-      l.id
+      t.id
     );
-  }) }, e.id)) });
+  }) }, a.id)) });
 };
 p.displayName = "DataTableHeader";
-const J = ({ className: t, ref: r, ...n }) => {
+const J = ({ className: n, ref: r, ...o }) => {
   const {
-    appearance: a,
-    paginationMode: e,
-    hideHeader: l,
-    loading: o,
-    onScrollBottom: s,
-    groupBy: i
+    appearance: e,
+    paginationMode: a,
+    hideHeader: t,
+    loading: c,
+    onScrollBottom: i,
+    groupBy: s
   } = d({
     consumerName: "DataTable",
     contextRequired: !0
   });
   return /* @__PURE__ */ u(
-    C,
+    B,
     {
       ref: r,
-      appearance: a,
-      loading: o,
-      onScrollBottom: s,
-      className: t,
-      ...n,
+      appearance: e,
+      loading: c,
+      onScrollBottom: i,
+      className: n,
+      ...o,
       children: [
         /* @__PURE__ */ u(S, { children: [
-          !l && /* @__PURE__ */ c(p, {}),
-          i ? /* @__PURE__ */ c(g, {}) : /* @__PURE__ */ c(D, {})
+          !t && /* @__PURE__ */ l(p, {}),
+          s ? /* @__PURE__ */ l(D, {}) : /* @__PURE__ */ l(g, {})
         ] }),
-        e === "infinite-scroll" && /* @__PURE__ */ c(H, {})
+        a === "infinite-scroll" && /* @__PURE__ */ l(k, {})
       ]
     }
   );
 };
 J.displayName = "DataTable";
-const D = ({ className: t, ref: r, ...n }) => {
-  const { table: a } = d({
+const g = ({ className: n, ref: r, ...o }) => {
+  const { table: e } = d({
     consumerName: "DataTableBody",
     contextRequired: !0
   });
-  return /* @__PURE__ */ c(T, { ref: r, className: t, ...n, children: a.getRowModel().rows.map((e) => /* @__PURE__ */ c(m, { row: e }, e.id)) });
+  return /* @__PURE__ */ l(T, { ref: r, className: n, ...o, children: e.getRowModel().rows.map((a) => /* @__PURE__ */ l(b, { row: a }, a.id)) });
 };
-D.displayName = "DataTableBody";
-const K = (t, r) => {
-  const n = [];
-  let a = null;
-  for (const e of t) {
-    const l = r(e);
-    (!a || a.key !== l) && (a = { key: l, rows: [], count: 0 }, n.push(a)), a.rows.push(e), a.count++;
+g.displayName = "DataTableBody";
+const K = (n, r) => {
+  const o = [];
+  let e = null;
+  for (const a of n) {
+    const t = r(a);
+    (!e || e.key !== t) && (e = { key: t, rows: [], count: 0 }, o.push(e)), e.rows.push(a), e.count++;
   }
-  return n;
-}, g = ({
-  className: t,
+  return o;
+}, D = ({
+  className: n,
   ref: r,
-  ...n
+  ...o
 }) => {
-  const { table: a, groupBy: e, renderGroupHeader: l } = d({
+  const { table: e, groupBy: a, renderGroupHeader: t } = d({
     consumerName: "DataTableGroupedBody",
     contextRequired: !0
-  }), o = K(a.getRowModel().rows, e);
-  return /* @__PURE__ */ c(T, { ref: r, className: t, ...n, children: o.map((s) => /* @__PURE__ */ u(B, { children: [
-    /* @__PURE__ */ c(I, { colSpan: s.rows[0].getVisibleCells().length, children: l ? l({ row: s.rows[0], count: s.count }) : s.key }),
-    s.rows.map((i) => /* @__PURE__ */ c(m, { row: i }, i.id))
-  ] }, s.key)) });
+  }), c = K(e.getRowModel().rows, a);
+  return /* @__PURE__ */ l(T, { ref: r, className: n, ...o, children: c.map((i) => /* @__PURE__ */ u(N, { children: [
+    /* @__PURE__ */ l(I, { colSpan: i.rows[0].getVisibleCells().length, children: t ? t({ row: i.rows[0], count: i.count }) : i.key }),
+    i.rows.map((s) => /* @__PURE__ */ l(b, { row: s }, s.id))
+  ] }, i.key)) });
 };
-g.displayName = "DataTableGroupedBody";
-const m = ({ row: t }) => {
+D.displayName = "DataTableGroupedBody";
+const b = ({ row: n }) => {
   const { onRowClick: r } = d({
     consumerName: "DataTableRow",
     contextRequired: !0
-  }), n = !!r;
-  return /* @__PURE__ */ c(
+  }), o = !!r;
+  return /* @__PURE__ */ l(
     F,
     {
-      clickable: n,
-      onClick: n ? () => r == null ? void 0 : r(t) : void 0,
-      children: t.getVisibleCells().map((a) => {
-        const e = a.column.columnDef.meta;
-        return /* @__PURE__ */ c(
+      clickable: o,
+      onClick: o ? () => r?.(n) : void 0,
+      children: n.getVisibleCells().map((e) => {
+        const a = e.column.columnDef.meta;
+        return /* @__PURE__ */ l(
           M,
           {
-            align: e == null ? void 0 : e.align,
-            hideBelow: e == null ? void 0 : e.hideBelow,
-            className: e == null ? void 0 : e.className,
-            children: b(a.column.columnDef.cell, a.getContext())
+            align: a?.align,
+            hideBelow: a?.hideBelow,
+            className: a?.className,
+            children: m(e.column.columnDef.cell, e.getContext())
           },
-          a.id
+          e.id
         );
       })
     }
   );
 };
-m.displayName = "DataTableRow";
+b.displayName = "DataTableRow";
 const L = ({
-  onChange: t,
+  onChange: n,
   ...r
 }) => {
-  const { table: n } = d({
+  const { table: o } = d({
     consumerName: "DataTableGlobalSearchInput",
     contextRequired: !0
-  }), a = N(
-    (e) => {
-      n.setGlobalFilter(e.target.value), t == null || t(e);
+  }), e = x(
+    (a) => {
+      o.setGlobalFilter(a.target.value), n?.(a);
     },
-    [n, t]
+    [o, n]
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     j,
     {
-      value: n.getState().globalFilter ?? "",
-      onChange: a,
+      value: o.getState().globalFilter ?? "",
+      onChange: e,
       ...r
     }
   );

package/dist/lib/Components/Menu/Menu.js

@@ -1,10 +1,10 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import { cn as o } from "../../../libs/utils-shared/dist/index.js";
 import * as t from "@radix-ui/react-dropdown-menu";
-import { Check as c } from "../../Symbols/Icons/Check.js";
-import { Divider as b } from "../Divider/Divider.js";
-import { ChevronRight as N } from "../../Symbols/Icons/ChevronRight.js";
-const p = o(
+import { Check as u } from "../../Symbols/Icons/Check.js";
+import { Divider as p } from "../Divider/Divider.js";
+import { ChevronRight as b } from "../../Symbols/Icons/ChevronRight.js";
+const c = o(
   "z-menu min-w-160 overflow-hidden rounded-sm bg-muted p-8",
   "shadow-sm",
   "data-[state=open]:animate-fade-in",
@@ -17,14 +17,14 @@ const p = o(
   "focus:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
   "data-disabled:pointer-events-none data-disabled:text-disabled"
-), g = o("px-8 py-4 body-3-semi-bold text-muted"), y = o(
+), N = o("px-8 py-4 body-3-semi-bold text-muted"), g = o(
   m,
   "data-[state=open]:bg-base-transparent-hover"
 );
-function j({ ...e }) {
+function P({ ...e }) {
   return /* @__PURE__ */ a(t.Root, { "data-slot": "menu", ...e });
 }
-const f = ({ ref: e, ...n }) => /* @__PURE__ */ a(
+const y = ({ ref: e, ...n }) => /* @__PURE__ */ a(
   t.Trigger,
   {
     ref: e,
@@ -32,24 +32,24 @@ const f = ({ ref: e, ...n }) => /* @__PURE__ */ a(
     ...n
   }
 );
-f.displayName = t.Trigger.displayName;
-function G({ ...e }) {
+y.displayName = t.Trigger.displayName;
+function j({ ...e }) {
   return /* @__PURE__ */ a(t.Group, { "data-slot": "menu-group", ...e });
 }
-function L({
+function G({
   ...e
 }) {
   return /* @__PURE__ */ a(t.Portal, { ...e });
 }
-function D({
+function L({
   ...e
 }) {
   return /* @__PURE__ */ a(t.Sub, { ...e });
 }
-function K({ ...e }) {
+function D({ ...e }) {
   return /* @__PURE__ */ a(t.RadioGroup, { "data-slot": "menu-radio-group", ...e });
 }
-const h = ({
+const f = ({
   ref: e,
   className: n,
   inset: s,
@@ -60,26 +60,26 @@ const h = ({
   {
     ref: e,
     "data-slot": "menu-sub-trigger",
-    className: o(y, s && "pl-32", n),
+    className: o(g, s && "pl-32", n),
     ...r,
     children: [
       i,
-      /* @__PURE__ */ a(N, { size: 20, className: "ml-auto text-muted" })
+      /* @__PURE__ */ a(b, { size: 20, className: "ml-auto text-muted" })
     ]
   }
 );
-h.displayName = t.SubTrigger.displayName;
-const x = ({ ref: e, className: n, ...s }) => /* @__PURE__ */ a(
+f.displayName = t.SubTrigger.displayName;
+const h = ({ ref: e, className: n, ...s }) => /* @__PURE__ */ a(
   t.SubContent,
   {
     ref: e,
     "data-slot": "menu-sub-content",
-    className: o(p, n),
+    className: o(c, n),
     ...s
   }
 );
-x.displayName = t.SubContent.displayName;
-const M = ({
+h.displayName = t.SubContent.displayName;
+const x = ({
   ref: e,
   className: n,
   sideOffset: s = 4,
@@ -91,17 +91,16 @@ const M = ({
     ref: e,
     "data-slot": "menu-content",
     sideOffset: s,
-    className: o(p, n),
+    className: o(c, n),
     onClick: (d) => {
-      var u;
-      d.stopPropagation(), (u = r.onClick) == null || u.call(r, d);
+      d.stopPropagation(), r.onClick?.(d);
     },
     align: i,
     ...r
   }
 ) });
-M.displayName = t.Content.displayName;
-const S = ({ ref: e, className: n, inset: s, ...i }) => /* @__PURE__ */ a(
+x.displayName = t.Content.displayName;
+const M = ({ ref: e, className: n, inset: s, ...i }) => /* @__PURE__ */ a(
   t.Item,
   {
     ref: e,
@@ -110,8 +109,8 @@ const S = ({ ref: e, className: n, inset: s, ...i }) => /* @__PURE__ */ a(
     ...i
   }
 );
-S.displayName = t.Item.displayName;
-const C = ({
+M.displayName = t.Item.displayName;
+const S = ({
   ref: e,
   className: n,
   children: s,
@@ -127,12 +126,12 @@ const C = ({
     ...r,
     children: [
       s,
-      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(c, { size: 24, className: "text-active" }) }) })
+      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(u, { size: 24, className: "text-active" }) }) })
     ]
   }
 );
-C.displayName = t.CheckboxItem.displayName;
-const I = ({
+S.displayName = t.CheckboxItem.displayName;
+const C = ({
   ref: e,
   className: n,
   children: s,
@@ -146,12 +145,12 @@ const I = ({
     ...i,
     children: [
       s,
-      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(c, { size: 24, className: "text-active" }) }) })
+      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(u, { size: 24, className: "text-active" }) }) })
     ]
   }
 );
-I.displayName = t.RadioItem.displayName;
-const v = ({
+C.displayName = t.RadioItem.displayName;
+const I = ({
   ref: e,
   className: n,
   inset: s,
@@ -161,26 +160,26 @@ const v = ({
   {
     ref: e,
     "data-slot": "menu-label",
-    className: o(g, s && "pl-32", n),
+    className: o(N, s && "pl-32", n),
     ...i
   }
 );
-v.displayName = t.Label.displayName;
-const k = ({ ref: e, className: n, ...s }) => /* @__PURE__ */ a(b, { ref: e, className: o("mx-8 my-4 w-auto", n), ...s });
-k.displayName = "MenuSeparator";
+I.displayName = t.Label.displayName;
+const v = ({ ref: e, className: n, ...s }) => /* @__PURE__ */ a(p, { ref: e, className: o("mx-8 my-4 w-auto", n), ...s });
+v.displayName = "MenuSeparator";
 export {
-  j as Menu,
-  C as MenuCheckboxItem,
-  M as MenuContent,
-  G as MenuGroup,
-  S as MenuItem,
-  v as MenuLabel,
-  L as MenuPortal,
-  K as MenuRadioGroup,
-  I as MenuRadioItem,
-  k as MenuSeparator,
-  D as MenuSub,
-  x as MenuSubContent,
-  h as MenuSubTrigger,
-  f as MenuTrigger
+  P as Menu,
+  S as MenuCheckboxItem,
+  x as MenuContent,
+  j as MenuGroup,
+  M as MenuItem,
+  I as MenuLabel,
+  G as MenuPortal,
+  D as MenuRadioGroup,
+  C as MenuRadioItem,
+  v as MenuSeparator,
+  L as MenuSub,
+  h as MenuSubContent,
+  f as MenuSubTrigger,
+  y as MenuTrigger
 };