@ledgerhq/lumen-utils-shared 0.0.13 → 0.0.15

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from './lib/string/string';
 export * from './lib/inputFormatter';
 export * from './lib/createSafeContext';
 export * from './lib/cn';
+export * from './lib/extractSlottable';
 export * from './lib/isTextChildren';
 export * from './lib/useMergeRef';
 export * from './lib/getObjectPath';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}

package/dist/index.js

@@ -1,97 +1,104 @@
-import { jsx as h } from "react/jsx-runtime";
-import { createContext as x, useMemo as m, useContext as y } from "react";
-import { clsx as P } from "clsx";
-import { twMerge as S } from "tailwind-merge";
-function w(t) {
+import { jsx as y } from "react/jsx-runtime";
+import { createContext as x, useMemo as d, useContext as C, Children as S, isValidElement as f } from "react";
+import { clsx as A } from "clsx";
+import { twMerge as P } from "tailwind-merge";
+function j(t) {
   return t ? t.split(/[-_ ]+/).map((n) => n.charAt(0).toUpperCase() + n.slice(1).toLowerCase()).join("") : "";
 }
-const C = 48, A = 17, M = 2;
-function E(t) {
+const E = 48, M = 17, $ = 2;
+function F(t) {
   const n = t.replace(/\D/g, "").length;
   return Math.max(
-    A,
-    C - n * M
+    M,
+    E - n * $
   );
 }
-function f(t, n = !0) {
+function p(t, n = !0) {
   if (!t) return "";
-  const i = t.includes("."), [o, r] = t.split("."), c = o.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
-  return i && n ? r ? `${c}.${r}` : `${c}.` : c;
+  const i = t.includes("."), [o, r] = t.split("."), s = o.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+  return i && n ? r ? `${s}.${r}` : `${s}.` : s;
 }
-function T(t, n = {}) {
+function I(t, n = {}) {
   const {
     allowDecimals: i = !0,
     thousandsSeparator: o = !0,
     maxIntegerLength: r = 9,
-    maxDecimalLength: c = 9
-  } = n, a = t.replace(",", ".").replace(/[^\d.]/g, "");
-  let e = a;
+    maxDecimalLength: s = 9
+  } = n, c = t.replace(",", ".").replace(/[^\d.]/g, "");
+  let e = c;
   if (e = e.replace(/^0+(?=\d)/, ""), !i)
-    return e = e.replace(/\D/g, ""), r > 0 && e.length > r && (e = e.slice(0, r)), o ? f(e) : e;
+    return e = e.replace(/\D/g, ""), r > 0 && e.length > r && (e = e.slice(0, r)), o ? p(e) : e;
   e === "." && (e = "0.");
-  const l = e.indexOf(".");
-  if (l !== -1) {
-    let s = e.slice(0, l), u = e.slice(l + 1).replace(/\./g, "");
-    r > 0 && s.length > r && (s = s.slice(0, r)), u = u.slice(0, c), s === "" && (s = "0");
-    const d = a.endsWith(".") || e.endsWith(".");
-    e = u.length > 0 ? `${s}.${u}` : d ? `${s}.` : s;
+  const u = e.indexOf(".");
+  if (u !== -1) {
+    let a = e.slice(0, u), l = e.slice(u + 1).replace(/\./g, "");
+    r > 0 && a.length > r && (a = a.slice(0, r)), l = l.slice(0, s), a === "" && (a = "0");
+    const h = c.endsWith(".") || e.endsWith(".");
+    e = l.length > 0 ? `${a}.${l}` : h ? `${a}.` : a;
   } else
     r > 0 && e.length > r && (e = e.slice(0, r));
-  return o ? f(e) : e;
+  return o ? p(e) : e;
 }
-function _(t, n) {
-  const i = x(n), o = ({ children: c, value: a }) => {
-    const e = m(
-      () => a,
-      Object.values(a ?? {})
+function O(t, n) {
+  const i = x(n), o = ({ children: s, value: c }) => {
+    const e = d(
+      () => c,
+      Object.values(c ?? {})
     );
-    return /* @__PURE__ */ h(i.Provider, { value: e, children: c });
+    return /* @__PURE__ */ y(i.Provider, { value: e, children: s });
   };
   o.displayName = t + "Provider";
   function r({
-    consumerName: c,
-    contextRequired: a
+    consumerName: s,
+    contextRequired: c
   }) {
-    const e = y(i);
+    const e = C(i);
     if (e)
       return e;
-    if (a)
+    if (c)
       throw new Error(
-        `${c} must be used within ${t}`
+        `${s} must be used within ${t}`
       );
     return n || {};
   }
   return [o, r];
 }
-function j(...t) {
-  return S(P(t));
+function z(...t) {
+  return P(A(t));
 }
-const p = (t) => typeof t == "string" || typeof t == "number", F = (t) => Array.isArray(t) ? t.every(p) : p(t);
-function g(t, n) {
+function L(t, n) {
+  const i = S.toArray(t), o = typeof n == "string" ? (c) => f(c) && c.props["data-slot"] === n : (c) => f(c) && c.type === n, r = i.find(o), s = i.filter((c) => !o(c));
+  return {
+    slotElement: r ?? null,
+    remainingChildren: s
+  };
+}
+const g = (t) => typeof t == "string" || typeof t == "number", R = (t) => Array.isArray(t) ? t.every(g) : g(t);
+function m(t, n) {
   if (typeof t == "function")
     return t(n);
   typeof t == "object" && t !== null && "current" in t && (t.current = n);
 }
-function $(...t) {
+function b(...t) {
   const n = /* @__PURE__ */ new Map();
   return (i) => {
     if (i === null) {
       t.forEach((o) => {
         const r = n.get(o);
-        typeof r == "function" && r(), g(o, null);
+        typeof r == "function" && r(), m(o, null);
       }), n.clear();
       return;
     }
     t.forEach((o) => {
-      const r = g(o, i);
+      const r = m(o, i);
       typeof r == "function" && n.set(o, r);
     });
   };
 }
-function I(...t) {
-  return m(() => $(...t), t);
+function T(...t) {
+  return d(() => b(...t), t);
 }
-const z = (t, n) => {
+const V = (t, n) => {
   let i = t;
   for (const o of n) {
     if (i == null)
@@ -101,15 +108,16 @@ const z = (t, n) => {
   return i;
 };
 export {
-  g as assignRef,
-  j as cn,
-  _ as createSafeContext,
-  f as formatThousands,
-  E as getFontSize,
-  z as getObjectPath,
-  F as isTextChildren,
-  $ as mergeRefs,
-  T as textFormatter,
-  w as toPascalCase,
-  I as useMergedRef
+  m as assignRef,
+  z as cn,
+  O as createSafeContext,
+  L as extractSlottable,
+  p as formatThousands,
+  F as getFontSize,
+  V as getObjectPath,
+  R as isTextChildren,
+  b as mergeRefs,
+  I as textFormatter,
+  j as toPascalCase,
+  T as useMergedRef
 };

package/dist/lib/extractSlottable/extractSlottable.d.ts

@@ -0,0 +1,29 @@
+import { ComponentType, ReactNode } from 'react';
+/**
+ * Extracts children with a specific data-slot attribute or component type from a React children collection.
+ * Useful for separating specific components from general content in composite patterns.
+ *
+ * @param children - React children to process
+ * @param slotNameOrType - The data-slot value to extract, or the component type to match
+ * @returns An object containing the extracted slot element and remaining children
+ *
+ * @example
+ * // Extract by data-slot attribute
+ * const { slotElement, remainingChildren } = extractSlottable(children, 'secondary-action');
+ *
+ * @example
+ * // Extract by component type
+ * const { slotElement, remainingChildren } = extractSlottable(children, MyComponent);
+ *
+ * return (
+ *   <div>
+ *     {slotElement}
+ *     <button>{remainingChildren}</button>
+ *   </div>
+ * );
+ */
+export declare function extractSlottable(children: ReactNode, slotNameOrType: string | ComponentType<any>): {
+    slotElement: ReactNode;
+    remainingChildren: ReactNode[];
+};
+//# sourceMappingURL=extractSlottable.d.ts.map

package/dist/lib/extractSlottable/extractSlottable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractSlottable.d.ts","sourceRoot":"","sources":["../../../src/lib/extractSlottable/extractSlottable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,aAAa,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,SAAS,EACnB,cAAc,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,GAC1C;IACD,WAAW,EAAE,SAAS,CAAC;IACvB,iBAAiB,EAAE,SAAS,EAAE,CAAC;CAChC,CAiBA"}

package/dist/lib/extractSlottable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './extractSlottable';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/extractSlottable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/extractSlottable/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-utils-shared",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -8,7 +8,8 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },

package/src/index.ts

@@ -2,6 +2,7 @@ export * from './lib/string/string';
 export * from './lib/inputFormatter';
 export * from './lib/createSafeContext';
 export * from './lib/cn';
+export * from './lib/extractSlottable';
 export * from './lib/isTextChildren';
 export * from './lib/useMergeRef';
 export * from './lib/getObjectPath';

package/src/lib/extractSlottable/extractSlottable.test.ts

@@ -0,0 +1,97 @@
+import { createElement } from 'react';
+import { describe, it, expect } from 'vitest';
+import { extractSlottable } from './extractSlottable';
+
+describe('extractSlottable', () => {
+  it('should extract element with matching data-slot', () => {
+    const children = [
+      createElement('div', { 'data-slot': 'target', key: '1' }, 'Target'),
+      createElement('div', { key: '2' }, 'Other 1'),
+      createElement('div', { key: '3' }, 'Other 2'),
+    ];
+
+    const { slotElement, remainingChildren } = extractSlottable(
+      children,
+      'target',
+    );
+
+    expect(slotElement).toBeTruthy();
+    expect(remainingChildren).toHaveLength(2);
+  });
+
+  it('should return null slotElement when no match found', () => {
+    const children = [
+      createElement('div', { key: '1' }, 'Child 1'),
+      createElement('div', { key: '2' }, 'Child 2'),
+    ];
+
+    const { slotElement, remainingChildren } = extractSlottable(
+      children,
+      'non-existent',
+    );
+
+    expect(slotElement).toBeNull();
+    expect(remainingChildren).toHaveLength(2);
+  });
+
+  it('should handle empty children', () => {
+    const { slotElement, remainingChildren } = extractSlottable([], 'target');
+
+    expect(slotElement).toBeNull();
+    expect(remainingChildren).toHaveLength(0);
+  });
+
+  it('should handle single child', () => {
+    const child = createElement(
+      'div',
+      { 'data-slot': 'target' },
+      'Single Target',
+    );
+
+    const { slotElement, remainingChildren } = extractSlottable(
+      child,
+      'target',
+    );
+
+    expect(slotElement).toBeTruthy();
+    expect(remainingChildren).toHaveLength(0);
+  });
+
+  it('should extract only first matching element', () => {
+    const children = [
+      createElement('div', { 'data-slot': 'target', key: '1' }, 'Target 1'),
+      createElement('div', { key: '2' }, 'Other'),
+      createElement('div', { 'data-slot': 'target', key: '3' }, 'Target 2'),
+    ];
+
+    const { slotElement, remainingChildren } = extractSlottable(
+      children,
+      'target',
+    );
+
+    expect(slotElement).toBeTruthy();
+    // Remaining should include only the non-target element (second target is also filtered out)
+    expect(remainingChildren).toHaveLength(1);
+  });
+
+  it('should preserve non-element children', () => {
+    const children = [
+      'Text node',
+      createElement('div', { 'data-slot': 'target', key: '1' }, 'Target'),
+      createElement('div', { key: '2' }, 'Element'),
+      123,
+      null,
+      undefined,
+    ];
+
+    const { slotElement, remainingChildren } = extractSlottable(
+      children,
+      'target',
+    );
+
+    expect(slotElement).toBeTruthy();
+    // React.Children.toArray() filters out null and undefined automatically
+    // Should preserve text, number, and other element (3 items)
+    expect(remainingChildren).toHaveLength(3);
+  });
+});

package/src/lib/extractSlottable/extractSlottable.ts

@@ -0,0 +1,49 @@
+import { Children, ComponentType, isValidElement, ReactNode } from 'react';
+
+/**
+ * Extracts children with a specific data-slot attribute or component type from a React children collection.
+ * Useful for separating specific components from general content in composite patterns.
+ *
+ * @param children - React children to process
+ * @param slotNameOrType - The data-slot value to extract, or the component type to match
+ * @returns An object containing the extracted slot element and remaining children
+ *
+ * @example
+ * // Extract by data-slot attribute
+ * const { slotElement, remainingChildren } = extractSlottable(children, 'secondary-action');
+ *
+ * @example
+ * // Extract by component type
+ * const { slotElement, remainingChildren } = extractSlottable(children, MyComponent);
+ *
+ * return (
+ *   <div>
+ *     {slotElement}
+ *     <button>{remainingChildren}</button>
+ *   </div>
+ * );
+ */
+export function extractSlottable(
+  children: ReactNode,
+  slotNameOrType: string | ComponentType<any>,
+): {
+  slotElement: ReactNode;
+  remainingChildren: ReactNode[];
+} {
+  const childArray = Children.toArray(children);
+
+  const matcher =
+    typeof slotNameOrType === 'string'
+      ? (child: ReactNode) =>
+          isValidElement(child) && child.props['data-slot'] === slotNameOrType
+      : (child: ReactNode) =>
+          isValidElement(child) && child.type === slotNameOrType;
+
+  const slotElement = childArray.find(matcher);
+  const remainingChildren = childArray.filter((child) => !matcher(child));
+
+  return {
+    slotElement: slotElement ?? null,
+    remainingChildren,
+  };
+}

package/src/lib/extractSlottable/index.ts

@@ -0,0 +1 @@
+export * from './extractSlottable';