@ledgerhq/lumen-ui-react 0.1.41 → 0.1.43

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

@@ -1 +1 @@
-{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4BhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,6IAYzB,gBAAgB,4CA4ClB,CAAC"}
+{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAiFhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,6IAYzB,gBAAgB,4CA6ClB,CAAC"}

package/dist/lib/Components/MediaButton/MediaButton.js

@@ -1,10 +1,10 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useDisabledContext as h, cn as u } from "../../../libs/utils-shared/dist/index.js";
-import { Slot as S, Slottable as x } from "@radix-ui/react-slot";
-import { cva as C } from "class-variance-authority";
-import { baseButtonVariants as b } from "../Button/BaseButton.js";
-import { ChevronDown as z } from "../../Symbols/Icons/ChevronDown.js";
-const y = C("gap-8 body-2-semi-bold", {
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useDisabledContext as C, cn as u } from "../../../libs/utils-shared/dist/index.js";
+import { Slot as g, Slottable as v } from "@radix-ui/react-slot";
+import { cva as S } from "class-variance-authority";
+import { baseButtonVariants as z } from "../Button/BaseButton.js";
+import { ChevronDown as x } from "../../Symbols/Icons/ChevronDown.js";
+const y = S("gap-8 body-2-semi-bold", {
   variants: {
     size: {
       sm: "",
@@ -14,60 +14,114 @@ const y = C("gap-8 body-2-semi-bold", {
       flat: "",
       rounded: "",
       none: ""
+    },
+    hasChevron: {
+      true: "",
+      false: ""
     }
   },
   compoundVariants: [
-    { size: "md", leadingContentShape: "flat", class: "px-16 py-12" },
-    { size: "md", leadingContentShape: "rounded", class: "py-8 pr-16 pl-8" },
-    { size: "md", leadingContentShape: "none", class: "px-16 py-14" },
-    { size: "sm", leadingContentShape: "flat", class: "px-12 py-10" },
-    { size: "sm", leadingContentShape: "rounded", class: "py-8 pr-10 pl-8" },
-    { size: "sm", leadingContentShape: "none", class: "px-12 py-10" }
+    {
+      size: "md",
+      leadingContentShape: ["flat", "none"],
+      hasChevron: !0,
+      class: "py-14 pr-12 pl-16"
+    },
+    {
+      size: "sm",
+      leadingContentShape: ["flat", "none"],
+      hasChevron: !0,
+      class: "py-10 pr-8 pl-12"
+    },
+    {
+      size: "md",
+      leadingContentShape: "rounded",
+      hasChevron: !0,
+      class: "py-8 pr-12 pl-8"
+    },
+    {
+      size: "sm",
+      leadingContentShape: "rounded",
+      hasChevron: !0,
+      class: "p-8"
+    },
+    {
+      size: "md",
+      leadingContentShape: "flat",
+      hasChevron: !1,
+      class: "px-16 py-12"
+    },
+    {
+      size: "md",
+      leadingContentShape: "none",
+      hasChevron: !1,
+      class: "px-16 py-14"
+    },
+    {
+      size: "sm",
+      leadingContentShape: ["flat", "none"],
+      hasChevron: !1,
+      class: "px-12 py-10"
+    },
+    {
+      size: "md",
+      leadingContentShape: "rounded",
+      hasChevron: !1,
+      class: "py-8 pr-16 pl-8"
+    },
+    {
+      size: "sm",
+      leadingContentShape: "rounded",
+      hasChevron: !1,
+      class: "py-8 pr-10 pl-8"
+    }
   ],
   defaultVariants: {
     size: "md",
-    leadingContentShape: "none"
+    leadingContentShape: "none",
+    hasChevron: !0
   }
 }), k = ({
-  ref: i,
-  className: l,
+  ref: r,
+  className: i,
   appearance: p = "gray",
-  size: m = "md",
-  disabled: r = !1,
+  size: d = "md",
+  disabled: h = !1,
   asChild: n = !1,
   leadingContent: a,
-  leadingContentShape: d = "flat",
-  hideChevron: c = !1,
-  children: s,
-  ...f
+  leadingContentShape: m = "flat",
+  hideChevron: s = !1,
+  children: t,
+  ...c
 }) => {
-  const t = h({
+  const o = C({
     consumerName: "MediaButton",
-    mergeWith: { disabled: r }
-  }), g = a ? d : "none";
-  return /* @__PURE__ */ o(
-    n ? S : "button",
+    mergeWith: { disabled: h }
+  }), f = a ? m : "none";
+  return /* @__PURE__ */ l(
+    n ? g : "button",
     {
-      ref: i,
+      ref: r,
       className: u(
-        b({
+        z({
           appearance: p,
-          disabled: t,
+          disabled: o,
           loading: !1
         }),
         y({
-          size: m,
-          leadingContentShape: g
+          size: d,
+          leadingContentShape: f,
+          hasChevron: !s
         }),
-        l
+        i
       ),
-      disabled: t,
-      ...f,
+      disabled: o,
+      ...c,
       children: [
         a && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0 items-center", children: a }),
-        /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
-          n ? /* @__PURE__ */ e(x, { children: s }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: s }),
-          !c && /* @__PURE__ */ e(z, { size: 20 })
+        /* @__PURE__ */ l("span", { className: "flex items-center gap-2", children: [
+          n ? /* @__PURE__ */ e(v, { children: t }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: t }),
+          !s && /* @__PURE__ */ e(x, { size: 20 })
         ] })
       ]
     }

package/dist/lib/Components/Select/Select.js

@@ -120,7 +120,7 @@ const ae = l(
   const { selectedValue: n } = p({
     consumerName: "SelectInputTrigger",
     contextRequired: !0
-  }), i = n != null && n !== "";
+  }), i = n !== null && n !== "";
   return /* @__PURE__ */ u(
     x,
     {

package/dist/lib/Components/Select/useSelectItems/useSelectItems.js

@@ -1,36 +1,36 @@
-import { useState as b, useCallback as i, useMemo as u } from "react";
-import { useControllableState as x } from "../../../../utils/useControllableState/useControllableState.js";
-import { groupItemsByKey as m, defaultLabelFilter as G } from "../utils/groupItems.js";
+import { useState as b, useCallback as f, useMemo as u } from "react";
+import { useControllableState as v } from "../../../../utils/useControllableState/useControllableState.js";
+import { groupItemsByKey as d, defaultLabelFilter as x } from "../utils/groupItems.js";
 function B({
   items: r,
   filter: s,
-  filteredItems: o,
-  searchValue: d,
+  filteredItems: a,
+  searchValue: m,
   defaultSearchValue: p,
   onSearchValueChange: S
 }) {
-  const [c, h] = b(!1), [t, f] = x({
-    prop: d,
+  const [c, h] = b(!1), [t, i] = v({
+    prop: m,
     defaultProp: p ?? "",
     onChange: S
-  }), g = i(() => (h(!0), () => h(!1)), []), V = i(
+  }), g = f(() => (h(!0), () => h(!1)), []), V = f(
     (e) => {
-      f(e);
+      i(e);
     },
-    [f]
-  ), a = c ? s === void 0 ? G : s : null, n = u(
-    () => r.some((e) => e.group != null),
+    [i]
+  ), l = c ? s === void 0 ? x : s : null, n = u(
+    () => r.some((e) => e.group !== void 0),
     [r]
-  ), l = u(
-    () => n ? m(r) : null,
+  ), o = u(
+    () => n ? d(r) : null,
     [r, n]
-  ), C = u(() => !a || !t.trim() ? l ?? r : l ? l.map((e) => ({
+  ), C = u(() => !l || !t.trim() ? o ?? r : o ? o.map((e) => ({
     ...e,
-    items: e.items.filter((F) => a(F, t))
-  })).filter((e) => e.items.length > 0) : r.filter((e) => a(e, t)), [l, r, t, a]), I = u(() => o ? n ? m(o) : o : null, [o, n]) ?? C;
+    items: e.items.filter((F) => l(F, t))
+  })).filter((e) => e.items.length > 0) : r.filter((e) => l(e, t)), [o, r, t, l]), I = u(() => a ? n ? d(a) : a : null, [a, n]) ?? C;
   return {
     isGrouped: n,
-    groupedItems: l,
+    groupedItems: o,
     filteredItemsForRoot: I,
     resolvedSearchValue: t,
     searchMounted: c,

package/dist/libs/utils-shared/dist/index.js

@@ -30,13 +30,14 @@ function H(e, t = {}) {
     return n = n.replace(/\D/g, ""), a > 0 && n.length > a && (n = n.slice(0, a)), s ? w(n) : n;
   n === "." && (n = "0.");
   const c = n.indexOf(".");
-  if (c !== -1) {
+  if (c === -1)
+    a > 0 && n.length > a && (n = n.slice(0, a));
+  else {
     let u = n.slice(0, c), d = n.slice(c + 1).replace(/\./g, "");
     a > 0 && u.length > a && (u = u.slice(0, a)), d = d.slice(0, i), u === "" && (u = "0");
     const h = r.endsWith(".") || n.endsWith(".");
     n = d.length > 0 ? `${u}.${d}` : h ? `${u}.` : u;
-  } else
-    a > 0 && n.length > a && (n = n.slice(0, a));
+  }
   return s ? w(n) : n;
 }
 function F(e, t) {

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.40",
+  "version": "0.1.42",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.41",
+  "version": "0.1.43",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -41,7 +41,7 @@
     ]
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.1.5",
+    "@ledgerhq/lumen-utils-shared": "0.1.6",
     "i18next": "^23.7.0",
     "react-i18next": "^14.0.0"
   },
@@ -54,7 +54,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "@tanstack/react-table": "^8.21.3",
-    "@ledgerhq/lumen-design-core": "0.1.17",
+    "@ledgerhq/lumen-design-core": "0.1.18",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",