alif-ui 1.15.1 → 1.15.3

package/dist/components/Timeline/Timeline.context.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export interface TimelineContext {
     horizontal: boolean;
-    active: number;
+    active?: number | null;
     countChildren?: number;
     contentRatio?: {
         opposite?: number;

package/dist/components/Timeline/Timeline.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.context.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Timeline/Timeline.context.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,eAAe;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACF;AAED,eAAO,MAAO,uBAAuB;;;+CAAE,kBAAkB,uBAGvD,CAAC"}
+{"version":3,"file":"Timeline.context.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Timeline/Timeline.context.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,eAAe;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACF;AAED,eAAO,MAAO,uBAAuB;;;+CAAE,kBAAkB,uBAGvD,CAAC"}

package/dist/components/Timeline/Timeline.js

@@ -10,7 +10,7 @@ const x = "_root_18cyb_1", y = "_horizontal_18cyb_36", m = {
   horizontal: y
 }, o = ({
   horizontal: t = !1,
-  active: l = 0,
+  active: l,
   children: n,
   contentRatio: s = { opposite: 1, main: 1 }
 }) => {

package/dist/components/Timeline/Timeline.types.d.ts

@@ -10,8 +10,10 @@ export interface TimelineProps {
     children?: ReactNode;
     /**
      * Indicates the currently active timeline step.
+     * Pass `null` (or any negative number) when no step is active yet —
+     * every item is then rendered as `inactive`.
      **/
-    active?: number;
+    active?: number | null;
     /**
      * Adjusts the flex grow ratio between opposite content and content.
      * **Important**: This prop only has an effect when the timeline is vertical (horizontal = false).

package/dist/components/Timeline/Timeline.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Timeline/Timeline.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,aAAa;IAC7B;;QAEI;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;QAEI;IACJ,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,YAAY,CAAC,EAAE;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACF;AAED,MAAM,MAAM,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;AACzD,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Timeline.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Timeline/Timeline.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,aAAa;IAC7B;;QAEI;IACJ,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;QAII;IACJ,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACF;AAED,MAAM,MAAM,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;AACzD,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}

package/dist/components/Timeline/TimelineItem/TimelineItem.js

@@ -2,28 +2,28 @@ import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import { Children as v } from "react";
 import { classNames as o } from "../../../utils/class-names.js";
 import { s as t, T as N } from "../../../TimelineBullet-CpAQu1IW.js";
-import { findChildByType as c, getTimelineItemStyles as x } from "./TimelineItem.utils.js";
-import { useTimelineContext as g } from "../Timeline.context.js";
+import { findChildByType as c, getTimelineItemStyles as g } from "./TimelineItem.utils.js";
+import { useTimelineContext as x } from "../Timeline.context.js";
 import { getStatus as j, getOrder as z } from "../Timeline.utils.js";
 import { TimelineOppositeContent as A } from "../TimelineOppositeContent/TimelineOppositeContent.js";
 import { TimelineContent as B } from "../TimelineContent/TimelineContent.js";
-const E = ({
+const F = ({
   children: p,
   bullet: d,
   tabIndex: n = 0
 }) => {
-  const { horizontal: s, active: f, countChildren: r } = g(), h = Math.max(0, f), C = o(
+  const { horizontal: s, active: f, countChildren: r } = x(), C = f ?? -1, h = o(
     t.root,
     s && t.horizontal
   ), l = v.toArray(p), T = c(
     l,
     A
-  ), y = c(l, B), e = j(h, n), m = z(n, r), u = m === "last" || r === 1;
+  ), y = c(l, B), e = j(C, n), m = z(n, r), u = m === "last" || r === 1;
   return /* @__PURE__ */ a(
     "li",
     {
-      style: x(s, m),
-      className: C,
+      style: g(s, m),
+      className: h,
       children: [
         T,
         /* @__PURE__ */ a("div", { className: t.lineContainer, children: [
@@ -49,5 +49,5 @@ const E = ({
   );
 };
 export {
-  E as TimelineItem
+  F as TimelineItem
 };

package/dist/providers/Localization/localization.d.ts

@@ -6,7 +6,8 @@ declare class Localization {
     constructor();
     init(): Promise<void>;
     load(locale: string): Promise<void>;
-    t(key: string): string;
+    t(key: string, params?: Record<string, string | number>): string;
+    private interpolate;
 }
 export declare const localization: Localization;
 export {};

package/dist/providers/Localization/localization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"localization.d.ts","sourceRoot":"","sources":["../../../src/lib/providers/Localization/localization.ts"],"names":[],"mappings":"AAGA,cAAM,YAAY;IAEjB,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,MAAM,CAA0B;IAExC,OAAO,CAAC,KAAK,CAA2B;IACxC,OAAO,CAAC,KAAK,CAAS;;IAShB,IAAI;IAMJ,IAAI,CAAC,MAAM,EAAE,MAAM;IA6BzB,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;CAetB;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC"}
+{"version":3,"file":"localization.d.ts","sourceRoot":"","sources":["../../../src/lib/providers/Localization/localization.ts"],"names":[],"mappings":"AAGA,cAAM,YAAY;IAEjB,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,MAAM,CAA0B;IAExC,OAAO,CAAC,KAAK,CAA2B;IACxC,OAAO,CAAC,KAAK,CAAS;;IAShB,IAAI;IAMJ,IAAI,CAAC,MAAM,EAAE,MAAM;IA6BzB,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM;IAkBhE,OAAO,CAAC,WAAW;CAQnB;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC"}

package/dist/providers/Localization/localization.js

@@ -1,18 +1,18 @@
-var e = Object.defineProperty;
-var r = (o, t, s) => t in o ? e(o, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[t] = s;
-var i = (o, t, s) => r(o, typeof t != "symbol" ? t + "" : t, s);
-import { getDefaultLocale as c } from "../AlifProvider/AlifProvider.utils.js";
-const l = c();
-class h {
+var a = Object.defineProperty;
+var c = (e, t, s) => t in e ? a(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var o = (e, t, s) => c(e, typeof t != "symbol" ? t + "" : t, s);
+import { getDefaultLocale as l } from "../AlifProvider/AlifProvider.utils.js";
+const h = l();
+class f {
   constructor() {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    i(this, "translations", {});
-    i(this, "locale", l);
+    o(this, "translations", {});
+    o(this, "locale", h);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    i(this, "cache", {});
-    i(this, "ready", !1);
+    o(this, "cache", {});
+    o(this, "ready", !1);
     if (typeof window < "u") {
-      const t = localStorage.getItem("alif-locale");
+      const t = localStorage.getItem("locale");
       t && (this.locale = t);
     }
   }
@@ -31,25 +31,28 @@ class h {
           console.error(`Failed to fetch locale ${t}: ${s.status}`), this.translations = {};
           return;
         }
-        const a = await s.json();
-        this.cache[t] = a, this.translations = a, this.locale = t;
+        const n = await s.json();
+        this.cache[t] = n, this.translations = n, this.locale = t;
       } catch (s) {
         console.error(`Failed to load ${t} translations`, s), this.translations = {};
       }
     }
   }
-  t(t) {
-    const s = t.split(".");
-    let a = this.translations;
-    for (const n of s)
-      if (a && typeof a == "object" && n in a)
-        a = a[n];
+  t(t, s) {
+    const n = t.split(".");
+    let i = this.translations;
+    for (const r of n)
+      if (i && typeof i == "object" && r in i)
+        i = i[r];
       else
         return t;
-    return typeof a == "string" ? a : t;
+    return typeof i != "string" ? t : s ? this.interpolate(i, s) : i;
+  }
+  interpolate(t, s) {
+    return t.replace(/\{\{\s*(\w+)\s*\}\}/g, (n, i) => i in s ? String(s[i]) : n);
   }
 }
-const u = new h();
+const p = new f();
 export {
-  u as localization
+  p as localization
 };

package/dist/providers/Localization/useTranslation/useTranslation.d.ts

@@ -1,6 +1,6 @@
 import { Locale } from '../../AlifProvider/AlifProvider.types';
 export declare const useTranslation: () => {
-    t: (key: string) => string;
+    t: (key: string, params?: Record<string, string | number>) => string;
     language: Locale;
     changeLanguage: (nextLocale: Locale | ((prev: Locale) => Locale)) => Promise<void>;
 };

package/dist/providers/Localization/useTranslation/useTranslation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTranslation.d.ts","sourceRoot":"","sources":["../../../../src/lib/providers/Localization/useTranslation/useTranslation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,eAAO,MAAM,cAAc;aAaV,MAAM;;kDATQ,MAAM,KAAK,MAAM;CAW/C,CAAC"}
+{"version":3,"file":"useTranslation.d.ts","sourceRoot":"","sources":["../../../../src/lib/providers/Localization/useTranslation/useTranslation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,eAAO,MAAM,cAAc;aAaV,MAAM,WAAW,OAAO,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;;kDATlC,MAAM,KAAK,MAAM;CAY/C,CAAC"}

package/dist/providers/Localization/useTranslation/useTranslation.js

@@ -1,10 +1,10 @@
 import { useAlifProviderContext as c } from "../../AlifProvider/AlifProvider.context.js";
 import { localization as n } from "../localization.js";
 const g = () => {
-  const { locale: t, setLocale: e } = c();
-  return { t: (o) => n.t(o), language: t, changeLanguage: async (o) => {
-    const a = typeof o == "function" ? o(t) : o;
-    await n.load(a), e(a);
+  const { locale: a, setLocale: e } = c();
+  return { t: (o, t) => n.t(o, t), language: a, changeLanguage: async (o) => {
+    const t = typeof o == "function" ? o(a) : o;
+    await n.load(t), e(t);
   } };
 };
 export {

package/package.json

@@ -21,7 +21,7 @@
 	},
 	"license": "ISC",
 	"private": false,
-	"version": "1.15.1",
+	"version": "1.15.3",
 	"type": "module",
 	"files": [
 		"dist"
@@ -49,7 +49,6 @@
 		"stylelint": "stylelint \"**/*.css\" --fix",
 		"eslint": "eslint --ext .ts,.tsx --fix",
 		"format": "prettier --no-error-on-unmatched-pattern --write **/*.{jsx,ts,tsx}",
-		"prepare": "husky",
 		"test": "jest --config config/jest/jestconfig.json",
 		"storybook": "storybook dev -p 6006",
 		"build-storybook": "storybook build"