@ledgerhq/lumen-utils-shared 0.1.7 → 0.1.8

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './lib/cn';
 export * from './lib/isTextChildren';
 export * from './lib/useMergeRef';
 export * from './lib/getObjectPath';
+export * from './lib/resolveProps';
 export * from './lib/components';
 export * from './lib/throttle';
 export * from './lib/debounce';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mCAAmC,CAAC"}

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsx as F } from "react/jsx-runtime";
-import { createContext as W, useRef as v, useContext as w, useMemo as C } from "react";
-import { clsx as B } from "clsx";
-import { twMerge as R } from "tailwind-merge";
+import { jsx as v } from "react/jsx-runtime";
+import { createContext as F, useRef as R, useContext as W, useMemo as C } from "react";
+import { clsx as w } from "clsx";
+import { twMerge as B } from "tailwind-merge";
 function et(t) {
   return t ? t.split(/[-_ ]+/).map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("") : "";
 }
@@ -43,16 +43,16 @@ function H(t, e) {
   );
 }
 function U(t, e) {
-  const r = W(e), n = ({ children: s, value: o }) => {
-    const c = v(o);
-    return H(c.current, o) || (c.current = o), /* @__PURE__ */ F(r.Provider, { value: c.current, children: s });
+  const r = F(e), n = ({ children: s, value: o }) => {
+    const c = R(o);
+    return H(c.current, o) || (c.current = o), /* @__PURE__ */ v(r.Provider, { value: c.current, children: s });
   };
   n.displayName = t + "Provider";
   function i({
     consumerName: s,
     contextRequired: o
   }) {
-    const c = w(r);
+    const c = W(r);
     if (c)
       return c;
     if (o)
@@ -75,7 +75,7 @@ const [ot, Y] = U("Disabled", { disabled: !1 }), it = ({
   return !!(r?.disabled || n.disabled);
 };
 function st(...t) {
-  return R(B(t));
+  return B(w(t));
 }
 const O = (t) => typeof t == "string" || typeof t == "number", ct = (t) => Array.isArray(t) ? t.every(O) : O(t);
 function S(t, e) {
@@ -110,7 +110,13 @@ const at = (t, e) => {
     r = r[n];
   }
   return r;
-}, ut = ({
+};
+function ut(t) {
+  return function(r, n) {
+    return t[r][n];
+  };
+}
+const ft = ({
   currentStep: t,
   totalSteps: e,
   size: r,
@@ -118,7 +124,7 @@ const at = (t, e) => {
   strokeWidth: i = 4,
   arcPercentage: s = 0.75
 }) => {
-  const o = Math.min(Math.max(t, 0), e), c = n ?? `${o}/${e}`, a = e <= 0 ? 0 : o / e, d = (r - i) / 2, g = r / 2, p = r / 2, u = 2 * Math.PI * d, m = u * s, b = m * (1 - a), h = o <= 0, D = `${m} ${u}`, P = h ? m - 2 : b;
+  const o = Math.min(Math.max(t, 0), e), c = n ?? `${o}/${e}`, a = e <= 0 ? 0 : o / e, d = (r - i) / 2, g = r / 2, p = r / 2, u = 2 * Math.PI * d, m = u * s, P = m * (1 - a), h = o <= 0, D = `${m} ${u}`, b = h ? m - 2 : P;
   return {
     displayLabel: c,
     progress: a,
@@ -129,10 +135,10 @@ const at = (t, e) => {
     trackArcLength: m,
     trackDashArray: `${m} ${u}`,
     progressDashArray: D,
-    progressDashOffset: P,
+    progressDashOffset: b,
     showMinimalDot: h
   };
-}, ft = (t) => C(
+}, dt = (t) => C(
   () => ({
     integerPart: Array.from(t.integerPart, (e) => ({
       value: e,
@@ -144,7 +150,7 @@ const at = (t, e) => {
     })) : []
   }),
   [t.integerPart, t.decimalPart]
-), dt = (t, e, r) => {
+), mt = (t, e, r) => {
   if (e) return r;
   const n = t.decimalPart ? `${t.decimalSeparator}${t.decimalPart}` : "", i = `${t.integerPart}${n}`;
   return t.currencyPosition === "end" ? `${i} ${t.currencyText}` : `${t.currencyText} ${i}`;
@@ -152,19 +158,19 @@ const at = (t, e) => {
 function J(t, e, r = {}) {
   const { leading: n = !1, trailing: i = !0, maxWait: s } = r;
   let o = null, c = null, a = null, d = 0, g = null, p = null, u;
-  const m = s !== void 0, b = m ? Math.max(s, e) : 0, h = (l) => {
+  const m = s !== void 0, P = m ? Math.max(s, e) : 0, h = (l) => {
     d = l;
     const f = g, x = p;
     return g = null, p = null, u = t.apply(x, f), u;
   }, D = (l) => {
     const f = a ? l - a : 0;
     return e - f;
-  }, P = (l) => {
+  }, b = (l) => {
     const f = a ? l - a : e, x = l - d;
-    return a === null || f >= e || f < 0 || m && x >= b;
+    return a === null || f >= e || f < 0 || m && x >= P;
   }, $ = (l) => (o = null, i && g ? h(l) : (g = null, p = null, u)), y = () => {
     const l = Date.now();
-    if (P(l)) {
+    if (b(l)) {
       $(l);
       return;
     }
@@ -172,10 +178,10 @@ function J(t, e, r = {}) {
   }, M = () => {
     const l = Date.now();
     c = null, g && (h(l), o !== null && (clearTimeout(o), o = setTimeout(y, e)));
-  }, E = (l) => (d = l, o = setTimeout(y, e), m && (c = setTimeout(M, b)), n ? h(l) : u), L = () => {
+  }, E = (l) => (d = l, o = setTimeout(y, e), m && (c = setTimeout(M, P)), n ? h(l) : u), L = () => {
     o !== null && clearTimeout(o), c !== null && clearTimeout(c), d = 0, g = null, p = null, a = null, o = null, c = null;
   }, j = () => o === null && c === null ? u : $(Date.now()), k = () => o !== null || c !== null, A = function(...l) {
-    const f = Date.now(), x = P(f);
+    const f = Date.now(), x = b(f);
     if (g = l, p = this, a = f, x) {
       if (o === null)
         return E(f);
@@ -186,7 +192,7 @@ function J(t, e, r = {}) {
   };
   return A.cancel = L, A.flush = j, A.pending = k, A;
 }
-function mt(t, e, r = {}) {
+function gt(t, e, r = {}) {
   const { leading: n = !0, trailing: i = !0 } = r;
   return J(t, e, {
     leading: n,
@@ -194,7 +200,7 @@ function mt(t, e, r = {}) {
     maxWait: e
   });
 }
-const gt = ({
+const pt = ({
   onClick: t,
   disabled: e
 }) => t ? e ? {
@@ -208,7 +214,7 @@ const gt = ({
     (n.key === "Enter" || n.key === " ") && (n.preventDefault(), t?.(n));
   },
   onClick: t
-} : void 0, I = " ", pt = ({
+} : void 0, I = " ", ht = ({
   label: t,
   placeholder: e
 }) => {
@@ -224,23 +230,24 @@ const gt = ({
 export {
   ot as DisabledProvider,
   S as assignRef,
-  dt as buildAriaLabel,
+  mt as buildAriaLabel,
   st as cn,
+  ut as createPropsResolver,
   U as createSafeContext,
   J as debounce,
   z as formatThousands,
-  gt as getButtonA11yProps,
+  pt as getButtonA11yProps,
   nt as getFontSize,
   at as getObjectPath,
-  ut as getStepperCalculations,
+  ft as getStepperCalculations,
   ct as isTextChildren,
   G as mergeRefs,
-  pt as resolveBaseInputPlaceholder,
+  ht as resolveBaseInputPlaceholder,
   H as shallowEqual,
   rt as textFormatter,
-  mt as throttle,
+  gt as throttle,
   et as toPascalCase,
   it as useDisabledContext,
   lt as useMergedRef,
-  ft as useSplitText
+  dt as useSplitText
 };

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

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

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

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

package/dist/lib/resolveProps/resolveProps.d.ts

@@ -0,0 +1,4 @@
+export type PropsMap<Variant extends string, Props> = Record<Variant, Props>;
+export type ContextPropsMap = Record<string, PropsMap<string, unknown>>;
+export declare function createPropsResolver<T extends ContextPropsMap>(config: T): <Context extends keyof T, Variant extends keyof T[Context]>(context: Context, variant: Variant) => T[Context][Variant];
+//# sourceMappingURL=resolveProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveProps.d.ts","sourceRoot":"","sources":["../../../src/lib/resolveProps/resolveProps.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,CAAC,OAAO,SAAS,MAAM,EAAE,KAAK,IAAI,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC7E,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAExE,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,eAAe,EAAE,MAAM,EAAE,CAAC,IAEpE,OAAO,SAAS,MAAM,CAAC,EACvB,OAAO,SAAS,MAAM,CAAC,CAAC,OAAO,CAAC,EAChC,SAAS,OAAO,EAAE,SAAS,OAAO,yBAGrC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-utils-shared",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/index.ts

@@ -6,6 +6,7 @@ export * from './lib/cn';
 export * from './lib/isTextChildren';
 export * from './lib/useMergeRef';
 export * from './lib/getObjectPath';
+export * from './lib/resolveProps';
 export * from './lib/components';
 export * from './lib/throttle';
 export * from './lib/debounce';

package/src/lib/resolveProps/index.ts

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

package/src/lib/resolveProps/resolveProps.test.ts

@@ -0,0 +1,22 @@
+import { describe, it, expect } from 'vitest';
+import { createPropsResolver } from './resolveProps';
+
+describe('createPropsResolver', () => {
+  const resolveProps = createPropsResolver({
+    avatar: {
+      sm: { size: 'lg', appearance: 'red' },
+      md: { size: 'xl', appearance: 'red' },
+    },
+  });
+
+  it('resolves the config for a given context and size', () => {
+    expect(resolveProps('avatar', 'sm')).toEqual({
+      size: 'lg',
+      appearance: 'red',
+    });
+    expect(resolveProps('avatar', 'md')).toEqual({
+      size: 'xl',
+      appearance: 'red',
+    });
+  });
+});

package/src/lib/resolveProps/resolveProps.ts

@@ -0,0 +1,11 @@
+export type PropsMap<Variant extends string, Props> = Record<Variant, Props>;
+export type ContextPropsMap = Record<string, PropsMap<string, unknown>>;
+
+export function createPropsResolver<T extends ContextPropsMap>(config: T) {
+  return function resolveProps<
+    Context extends keyof T,
+    Variant extends keyof T[Context],
+  >(context: Context, variant: Variant) {
+    return config[context][variant];
+  };
+}