@ledgerhq/lumen-ui-react 0.1.45 → 0.1.47

package/dist/lib/Components/Table/Table.js

@@ -1,15 +1,15 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import { createSafeContext as N, cn as c } from "../../../libs/utils-shared/dist/index.js";
-import { cva as o } from "class-variance-authority";
-import { useThrottledScrollBottom as y } from "./utils/useThrottledScrollBottom.js";
-import { Spot as T } from "../Spot/Spot.js";
+import { cva as s } from "class-variance-authority";
+import { useThrottledScrollBottom as T } from "./utils/useThrottledScrollBottom.js";
+import { Spot as y } from "../Spot/Spot.js";
 import { Information as w } from "../../Symbols/Icons/Information.js";
 import { useCommonTranslation as C } from "../../../i18n/useCommonTranslation.js";
 import { ChevronUpDown as R } from "../../Symbols/Icons/ChevronUpDown.js";
-import { ChevronDescending as j } from "../../Symbols/Icons/ChevronDescending.js";
-import { ChevronAscending as B } from "../../Symbols/Icons/ChevronAscending.js";
+import { ChevronDescending as B } from "../../Symbols/Icons/ChevronDescending.js";
+import { ChevronAscending as j } from "../../Symbols/Icons/ChevronAscending.js";
 import { InteractiveIcon as k } from "../InteractiveIcon/InteractiveIcon.js";
-const [H, u] = N("Table"), I = o(
+const [H, u] = N("Table"), I = s(
   "relative scrollbar-none w-full max-w-full border-collapse overflow-x-auto rounded-lg",
   {
     variants: {
@@ -19,30 +19,30 @@ const [H, u] = N("Table"), I = o(
       }
     }
   }
-), O = ({
+), Q = ({
   children: a,
   appearance: e = "no-background",
   className: t,
   onScrollBottom: n,
-  loading: s,
-  ref: l,
+  loading: l,
+  ref: o,
   ...i
 }) => {
-  const d = y({
+  const d = T({
     onScrollBottom: n,
-    loading: s
+    loading: l
   });
-  return /* @__PURE__ */ r(H, { value: { appearance: e, loading: s }, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(H, { value: { appearance: e, loading: l }, children: /* @__PURE__ */ r(
     "div",
     {
       ...i,
-      ref: l,
+      ref: o,
       className: I({ appearance: e, className: t }),
       onScroll: d,
       children: a
     }
   ) });
-}, Q = ({ children: a, className: e, ref: t, ...n }) => /* @__PURE__ */ r(
+}, W = ({ children: a, className: e, ref: t, ...n }) => /* @__PURE__ */ r(
   "table",
   {
     ...n,
@@ -50,37 +50,64 @@ const [H, u] = N("Table"), I = o(
     ref: t,
     children: a
   }
-), W = ({
+), X = ({
+  children: a,
+  className: e,
+  ref: t,
+  ...n
+}) => /* @__PURE__ */ r("colgroup", { ref: t, className: e, ...n, children: a }), S = s("", {
+  variants: {
+    hideBelow: {
+      xs: "hidden xs:table-column",
+      sm: "hidden sm:table-column",
+      md: "hidden md:table-column",
+      lg: "hidden lg:table-column",
+      xl: "hidden xl:table-column"
+    }
+  }
+}), Y = ({
+  className: a,
+  hideBelow: e,
+  ref: t,
+  ...n
+}) => /* @__PURE__ */ r(
+  "col",
+  {
+    ref: t,
+    className: S({ hideBelow: e, className: a }),
+    ...n
+  }
+), Z = ({
   children: a,
   className: e,
   ref: t,
   ...n
-}) => /* @__PURE__ */ r("thead", { ref: t, className: e, ...n, children: a }), X = ({
+}) => /* @__PURE__ */ r("thead", { ref: t, className: e, ...n, children: a }), _ = ({
   children: a,
   className: e,
   ref: t,
   ...n
-}) => /* @__PURE__ */ r("tbody", { ref: t, className: e, ...n, children: a }), Y = ({
+}) => /* @__PURE__ */ r("tbody", { ref: t, className: e, ...n, children: a }), $ = ({
   children: a,
   className: e,
   clickable: t = !1,
   onClick: n,
-  ref: s,
-  ...l
+  ref: l,
+  ...o
 }) => /* @__PURE__ */ r(
   "tr",
   {
-    ref: s,
+    ref: l,
     onClick: n,
     role: t ? "button" : void 0,
     className: c(
       t && "cursor-pointer outline-none select-none hover:bg-base-transparent-hover active:bg-base-transparent-pressed",
       e
     ),
-    ...l,
+    ...o,
     children: a
   }
-), S = o("", {
+), V = s("", {
   variants: {
     appearance: {
       "no-background": "bg-canvas",
@@ -91,14 +118,14 @@ const [H, u] = N("Table"), I = o(
       false: ""
     }
   }
-}), Z = ({
+}), D = ({
   children: a,
   className: e,
   stickyHeader: t = !0,
   ref: n,
-  ...s
+  ...l
 }) => {
-  const { appearance: l } = u({
+  const { appearance: o } = u({
     consumerName: "TableHeaderRow",
     contextRequired: !0
   });
@@ -106,34 +133,34 @@ const [H, u] = N("Table"), I = o(
     "tr",
     {
       ref: n,
-      className: S({ appearance: l, stickyHeader: t, className: e }),
-      ...s,
+      className: V({ appearance: o, stickyHeader: t, className: e }),
+      ...l,
       children: a
     }
   );
-}, _ = ({
+}, ee = ({
   children: a,
   className: e,
   colSpan: t = 1,
   ref: n,
-  ...s
+  ...l
 }) => {
-  const { appearance: l } = u({
+  const { appearance: o } = u({
     consumerName: "TableGroupHeaderRow",
     contextRequired: !0
   });
-  return /* @__PURE__ */ r("tr", { ref: n, className: c("h-40", e), ...s, children: /* @__PURE__ */ r("td", { colSpan: t, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("tr", { ref: n, className: c("h-40", e), ...l, children: /* @__PURE__ */ r("td", { colSpan: t, children: /* @__PURE__ */ r(
     "div",
     {
       className: c(
         "flex h-32 w-full items-center bg-muted px-12 body-3 text-base",
-        l === "no-background" && "rounded-sm"
+        o === "no-background" && "rounded-sm"
       ),
       children: a
     }
   ) }) });
 }, p = {
-  root: o(
+  root: s(
     "h-64 truncate p-12 body-3 text-base first:rounded-l-md last:rounded-r-md",
     {
       variants: {
@@ -147,60 +174,60 @@ const [H, u] = N("Table"), I = o(
       }
     }
   ),
-  inner: o("flex flex-1 justify-end", {
+  inner: s("flex flex-1 justify-end", {
     variants: {
       align: {
-        start: "text-start justify-start",
-        end: "text-end justify-end"
+        start: "justify-start text-start",
+        end: "justify-end text-end"
       }
     }
   })
-}, $ = ({
+}, te = ({
   children: a,
   className: e,
   hideBelow: t,
   align: n = "start",
-  ref: s,
-  ...l
+  ref: l,
+  ...o
 }) => /* @__PURE__ */ r(
   "td",
   {
-    ref: s,
+    ref: l,
     className: p.root({ hideBelow: t, className: e }),
-    ...l,
+    ...o,
     children: /* @__PURE__ */ r("div", { className: p.inner({ align: n }), children: a })
   }
-), A = o("flex min-w-0 items-center gap-12", {
+), A = s("flex min-w-0 items-center gap-12", {
   variants: {
     align: {
       start: "text-start",
       end: "text-end"
     }
   }
-}), D = ({
+}), ae = ({
   className: a,
   align: e = "start",
   leadingContent: t,
   title: n,
-  description: s,
-  ref: l,
+  description: l,
+  ref: o,
   ...i
 }) => /* @__PURE__ */ m(
   "div",
   {
-    ref: l,
+    ref: o,
     className: A({ align: e, className: a }),
     ...i,
     children: [
       t && /* @__PURE__ */ r("div", { className: "shrink-0", children: t }),
       /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-col gap-4", children: [
         /* @__PURE__ */ r("div", { className: "shrink-0 body-2 text-base", children: n }),
-        /* @__PURE__ */ r("div", { className: "truncate body-3 text-muted", children: s })
+        /* @__PURE__ */ r("div", { className: "truncate body-3 text-muted", children: l })
       ] })
     ]
   }
 ), f = {
-  root: o("group h-40 truncate p-12 body-3 text-base", {
+  root: s("group h-40 truncate p-12 body-3 text-base", {
     variants: {
       hideBelow: {
         xs: "hidden xs:table-cell",
@@ -211,24 +238,24 @@ const [H, u] = N("Table"), I = o(
       }
     }
   }),
-  content: o("flex min-w-0 items-center gap-4 truncate", {
+  content: s("flex min-w-0 items-center gap-4 truncate", {
     variants: {
       align: {
-        start: "text-start justify-start",
-        end: "text-end justify-end"
+        start: "justify-start text-start",
+        end: "justify-end text-end"
       }
     }
   }),
-  trailingContent: o(
+  trailingContent: s(
     "flex items-center justify-center opacity-0 group-hover:opacity-100"
   )
-}, ee = ({
+}, ne = ({
   children: a,
   className: e,
   scope: t = "col",
   hideBelow: n,
-  align: s = "start",
-  trailingContent: l,
+  align: l = "start",
+  trailingContent: o,
   ref: i,
   ...d
 }) => /* @__PURE__ */ r(
@@ -238,12 +265,12 @@ const [H, u] = N("Table"), I = o(
     scope: t,
     className: f.root({ hideBelow: n, className: e }),
     ...d,
-    children: /* @__PURE__ */ r("div", { className: "min-w-0", children: /* @__PURE__ */ m("div", { className: f.content({ align: s }), children: [
-      /* @__PURE__ */ r("span", { className: c("truncate", s === "end" && "order-1"), children: a }),
-      /* @__PURE__ */ r("div", { className: "flex items-center justify-center opacity-0 group-hover:opacity-100", children: l })
+    children: /* @__PURE__ */ r("div", { className: "min-w-0", children: /* @__PURE__ */ m("div", { className: f.content({ align: l }), children: [
+      /* @__PURE__ */ r("span", { className: c("truncate", l === "end" && "order-1"), children: a }),
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-center opacity-0 group-hover:opacity-100", children: o })
     ] }) })
   }
-), te = ({
+), re = ({
   children: a,
   className: e,
   ref: t,
@@ -256,7 +283,7 @@ const [H, u] = N("Table"), I = o(
     ...n,
     children: a
   }
-), ae = ({
+), le = ({
   children: a,
   className: e,
   ref: t,
@@ -269,7 +296,7 @@ const [H, u] = N("Table"), I = o(
     ...n,
     children: a
   }
-), ne = ({
+), oe = ({
   children: a,
   className: e,
   ref: t,
@@ -282,7 +309,7 @@ const [H, u] = N("Table"), I = o(
     ...n,
     children: a
   }
-), re = ({
+), se = ({
   className: a,
   ref: e,
   ...t
@@ -300,10 +327,10 @@ const [H, u] = N("Table"), I = o(
         "flex h-80 w-full items-center justify-center p-12",
         a
       ),
-      children: /* @__PURE__ */ r(T, { appearance: "loader", size: 48 })
+      children: /* @__PURE__ */ r(y, { appearance: "loader", size: 48 })
     }
   ) : null;
-}, se = ({
+}, ce = ({
   className: a,
   ref: e,
   ...t
@@ -318,11 +345,11 @@ const [H, u] = N("Table"), I = o(
     ref: e
   }
 ), L = {
-  asc: B,
-  desc: j,
+  asc: j,
+  desc: B,
   idle: R
 }, h = {
-  root: o(
+  root: s(
     [
       "flex min-w-0 cursor-pointer items-center gap-4",
       "rounded-xs focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus"
@@ -336,7 +363,7 @@ const [H, u] = N("Table"), I = o(
       }
     }
   ),
-  icon: o("", {
+  icon: s("", {
     variants: {
       active: {
         true: "opacity-100",
@@ -344,17 +371,17 @@ const [H, u] = N("Table"), I = o(
       }
     }
   })
-}, le = ({
+}, ie = ({
   children: a,
   sortDirection: e,
   align: t = "start",
   onToggleSort: n,
-  className: s,
-  onClick: l,
+  className: l,
+  onClick: o,
   ref: i,
   ...d
 }) => {
-  const { t: b } = C(), v = L[e || "idle"], x = {
+  const { t: b } = C(), x = L[e || "idle"], v = {
     asc: b("components.table.ascAriaLabel"),
     desc: b("components.table.descAriaLabel")
   };
@@ -364,15 +391,15 @@ const [H, u] = N("Table"), I = o(
       ...d,
       ref: i,
       type: "button",
-      className: h.root({ align: t, className: s }),
-      "aria-label": e ? x[e] : void 0,
+      className: h.root({ align: t, className: l }),
+      "aria-label": e ? v[e] : void 0,
       onClick: (g) => {
-        l?.(g), n?.(e === "asc" ? "desc" : "asc");
+        o?.(g), n?.(e === "asc" ? "desc" : "asc");
       },
       children: [
         /* @__PURE__ */ r("span", { className: "min-w-0 truncate", children: a }),
         /* @__PURE__ */ r(
-          v,
+          x,
           {
             size: 20,
             className: h.icon({
@@ -385,20 +412,22 @@ const [H, u] = N("Table"), I = o(
   );
 };
 export {
-  Q as Table,
-  te as TableActionBar,
-  ae as TableActionBarLeading,
-  ne as TableActionBarTrailing,
-  X as TableBody,
-  $ as TableCell,
-  D as TableCellContent,
-  _ as TableGroupHeaderRow,
-  W as TableHeader,
-  ee as TableHeaderCell,
-  Z as TableHeaderRow,
-  se as TableInfoIcon,
-  re as TableLoadingRow,
-  O as TableRoot,
-  Y as TableRow,
-  le as TableSortButton
+  W as Table,
+  re as TableActionBar,
+  le as TableActionBarLeading,
+  oe as TableActionBarTrailing,
+  _ as TableBody,
+  te as TableCell,
+  ae as TableCellContent,
+  Y as TableCol,
+  X as TableColGroup,
+  ee as TableGroupHeaderRow,
+  Z as TableHeader,
+  ne as TableHeaderCell,
+  D as TableHeaderRow,
+  ce as TableInfoIcon,
+  se as TableLoadingRow,
+  Q as TableRoot,
+  $ as TableRow,
+  ie as TableSortButton
 };

package/dist/lib/Components/Table/types.d.ts

@@ -226,6 +226,29 @@ export type TableInfoIconProps = {
      */
     className?: string;
 } & Omit<ComponentPropsWithRef<'button'>, 'children'>;
+export type TableColGroupProps = {
+    /**
+     * The column definitions (TableCol)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & ComponentPropsWithRef<'colgroup'>;
+export type TableColProps = {
+    /**
+     * Collapses this column's width to 0 when the screen width is below the
+     * specified breakpoint. Pair with `hideBelow` on the matching cells so the
+     * column is fully removed responsively while keeping its fixed width above
+     * the breakpoint.
+     */
+    hideBelow?: Breakpoints;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & ComponentPropsWithRef<'col'>;
 export type TableSortValue = 'asc' | 'desc' | undefined;
 export type TableSortButtonProps = {
     /**

package/dist/lib/Components/Table/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Table/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Table/types.ts"],"names":[],"mappings":"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"}

package/dist/lib/Components/Table/utils/useThrottledScrollBottom.js

@@ -1,7 +1,7 @@
 import { throttle as h } from "../../../../libs/utils-shared/dist/index.js";
 import { useMemo as L, useRef as s, useEffect as _ } from "react";
-import { TABLE_SCROLL_BOTTOM_THRESHOLD_IN_ROW as m, TABLE_CELL_HEIGHT as R } from "../constants.js";
-const a = 150, E = ({
+import { TABLE_SCROLL_BOTTOM_THRESHOLD_IN_ROW as R, TABLE_CELL_HEIGHT as a } from "../constants.js";
+const m = 150, E = ({
   element: t,
   threshold: r = 10
 }) => {
@@ -10,10 +10,10 @@ const a = 150, E = ({
 }, p = ({
   onScrollBottom: t,
   loading: r = !1,
-  thresholdInRow: c = m
+  thresholdInRow: c = R
 }) => {
   const n = L(
-    () => c * R,
+    () => c * a,
     [c]
   ), e = s(t), u = s(r);
   e.current = t, u.current = r;
@@ -22,7 +22,7 @@ const a = 150, E = ({
       return;
     const T = h((o) => {
       u.current || !e.current || E({ element: o, threshold: n }) && e.current();
-    }, a);
+    }, m);
     return l.current = T, (o) => {
       const i = o.currentTarget;
       i && T(i);

package/dist/lib/Components/TileButton/TileButton.d.ts

@@ -21,5 +21,5 @@ import { TileButtonProps } from './types';
  *   <Link to="/settings">Settings</Link>
  * </TileButton>
  */
-export declare const TileButton: ({ ref, icon: Icon, children, onClick, disabled: disabledProp, isFull, className, asChild, "aria-label": ariaLabel, ...props }: TileButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TileButton: ({ ref, icon: Icon, children, onClick, disabled: disabledProp, isFull, appearance, className, asChild, "aria-label": ariaLabel, ...props }: TileButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TileButton.d.ts.map

package/dist/lib/Components/TileButton/TileButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/TileButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAsC/C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GAAI,+HAWxB,eAAe,4CAqCjB,CAAC"}
+{"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/TileButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA+C/C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GAAI,2IAYxB,eAAe,4CAwCjB,CAAC"}