@ledgerhq/lumen-ui-react 0.1.56 → 0.1.57

package/dist/lib/Components/visualization/CartesianChart/RevealAnimation/types.d.ts

@@ -0,0 +1,57 @@
+import { CSSProperties, ReactNode } from 'react';
+import { DrawingArea, Series } from '../../utils';
+/**
+ * Value shared by the reveal animation provider.
+ *
+ * - `clipPathAttr` drives the left-to-right clip wipe consumed by path-based
+ *   components (e.g. `Line`).
+ * - `getPointRevealStyle` returns the opacity fade-in style for accessory
+ *   components (e.g. `Point`) that must not be clipped, so edge content stays
+ *   visible.
+ */
+export type RevealAnimationContextValue = {
+    /**
+     * `clip-path` attribute (`url(#id)`) used by the line/area wipe.
+     */
+    clipPathAttr: string;
+    /**
+     * Builds the opacity fade-in style for an accessory (e.g. `Point`) so it
+     * reveals without being clipped, keeping edge content visible.
+     */
+    getPointRevealStyle: () => CSSProperties;
+};
+export type EnterTransitionConfig = {
+    /**
+     * Duration in seconds. @default 0.8
+     */
+    duration?: number;
+    /**
+     * CSS easing function. @default 'linear'
+     */
+    easing?: string;
+};
+export type RevealAnimationProps = {
+    children: ReactNode;
+    /**
+     * The drawing area whose bounds define the clip rectangle.
+     */
+    drawingArea: DrawingArea;
+    /**
+     * Whether to animate the chart.
+     * @default true
+     */
+    animate?: boolean;
+    /**
+     * Transition configuration.
+     * @default { enter: { duration: 0.8, easing: 'linear' } }
+     */
+    transitions?: {
+        enter?: EnterTransitionConfig;
+    };
+    /**
+     * Data series used to compute a fingerprint that restarts
+     * the animation when data changes.
+     */
+    series: Series[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/visualization/CartesianChart/RevealAnimation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/CartesianChart/RevealAnimation/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEvD;;;;;;;;GAQG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,mBAAmB,EAAE,MAAM,aAAa,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,qBAAqB,CAAA;KAAE,CAAC;IAChD;;;OAGG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC"}

package/dist/lib/Components/visualization/CartesianChart/RevealAnimation/utils.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties } from 'react';
+import { DrawingArea, Series } from '../../utils/types';
+type RevealAnimationConfig = {
+    duration: number;
+    easing: string;
+    drawingArea: DrawingArea;
+};
+/**
+ * Creates the reveal animation for the chart.
+ * It returns
+ * - the clip id
+ * - the clip path animation
+ * - and the fade animation.
+ */
+export declare const useRevealAnimation: ({ duration, easing, drawingArea, }: RevealAnimationConfig) => {
+    clipId: string;
+    clipPathAttr: string;
+    clipPathAnimation: {
+        keyframe: string;
+        style: string;
+    };
+    fadeAnimation: {
+        keyframe: string;
+        getPointRevealStyle: () => CSSProperties;
+    };
+};
+/**
+ * Stable signature of every series' data points, memoized on the `series`
+ * reference. Used to key the reveal provider so the reveal animation only
+ * replays when the underlying data actually changes — not on unrelated
+ * re-renders such as scrubbing or hover.
+ */
+export declare const useDataFingerprint: (series: Series[]) => string;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/visualization/CartesianChart/RevealAnimation/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/CartesianChart/RevealAnimation/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAI7D,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,oCAIhC,qBAAqB;;;;;;;;;mCA2CO,aAAa;;CAnB3C,CAAC;AA2DF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,EAAE,KAAG,MAKrD,CAAC"}

package/dist/lib/Components/visualization/CartesianChart/RevealAnimation/utils.js

@@ -0,0 +1,69 @@
+import { useMemo as r, useId as m } from "react";
+import { chartConfig as c } from "../../config.js";
+const { reveal: l } = c, A = ({
+  duration: a,
+  easing: t,
+  drawingArea: o
+}) => {
+  const e = m(), n = s({
+    clipId: e,
+    duration: a,
+    easing: t
+  }), i = p({
+    clipId: e,
+    duration: a,
+    easing: t,
+    drawingArea: o
+  });
+  return r(
+    () => ({
+      clipId: e,
+      clipPathAttr: `url(#${e})`,
+      clipPathAnimation: i,
+      fadeAnimation: n
+    }),
+    [e, i, n]
+  );
+}, s = ({
+  clipId: a,
+  duration: t,
+  easing: o
+}) => {
+  const e = `reveal-fade-${a.replaceAll(":", "")}`;
+  return r(
+    () => ({
+      keyframe: `@keyframes ${e} { from { opacity: 0; } to { opacity: 1; } }`,
+      getPointRevealStyle: () => {
+        const n = Math.max(
+          0,
+          t + l.pointFadeInAfterClipInSeconds
+        );
+        return {
+          animation: `${e} ${l.pointFadeDurationInSeconds}s ${o} ${n}s both`
+        };
+      }
+    }),
+    [t, o, e]
+  );
+}, p = ({
+  clipId: a,
+  duration: t,
+  easing: o,
+  drawingArea: e
+}) => {
+  const n = `reveal-clip-${a.replaceAll(":", "")}`, i = e.width;
+  return r(
+    () => ({
+      keyframe: `@keyframes ${n} { from { width: 0; } to { width: ${i}px; } }`,
+      style: `${n} ${t}s ${o} forwards`
+    }),
+    [n, t, o, i]
+  );
+}, $ = (a) => r(
+  () => a.map((t) => t.data?.join(",") ?? "").join("|"),
+  [a]
+);
+export {
+  $ as useDataFingerprint,
+  A as useRevealAnimation
+};

package/dist/lib/Components/visualization/CartesianChart/context/cartesianChartContext.d.ts

@@ -0,0 +1,8 @@
+import { CartesianChartContextValue } from '../types';
+declare const CartesianChartProvider: import('react').FC<{
+    children: import('react').ReactNode;
+    value: CartesianChartContextValue;
+}>;
+export declare const useCartesianChartContext: () => CartesianChartContextValue;
+export { CartesianChartProvider };
+//# sourceMappingURL=cartesianChartContext.d.ts.map

package/dist/lib/Components/visualization/CartesianChart/context/cartesianChartContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cartesianChartContext.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/CartesianChart/context/cartesianChartContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE3D,QAAA,MAAO,sBAAsB;;;EACoC,CAAC;AAElE,eAAO,MAAM,wBAAwB,kCAIjC,CAAC;AAEL,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/lib/Components/visualization/CartesianChart/context/cartesianChartContext.js

@@ -0,0 +1,9 @@
+import { createSafeContext as t } from "../../../../../libs/utils-shared/dist/index.js";
+const [r, e] = t("CartesianChart"), C = () => e({
+  consumerName: "useCartesianChartContext",
+  contextRequired: !0
+});
+export {
+  r as CartesianChartProvider,
+  C as useCartesianChartContext
+};

package/dist/lib/Components/visualization/CartesianChart/context/index.d.ts

@@ -0,0 +1,3 @@
+export { CartesianChartProvider, useCartesianChartContext, } from './cartesianChartContext';
+export { buildScale, computeAxisRange, computeDrawingArea, useBuildChartContext, } from './useBuildChartContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/visualization/CartesianChart/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/CartesianChart/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC"}

package/dist/lib/Components/visualization/CartesianChart/context/useBuildChartContext.d.ts

@@ -0,0 +1,25 @@
+import { AxisBounds, BaseAxisProps } from '../../Axis';
+import { ChartInset, ChartScaleFunction, DrawingArea, Series } from '../../utils/types';
+import { CartesianChartContextValue } from '../types';
+type UseBuildChartContextParams = {
+    series: Series[];
+    xAxis?: Partial<BaseAxisProps>;
+    yAxis?: Partial<BaseAxisProps>;
+    width: number;
+    height: number;
+    inset: ChartInset;
+    axisPadding: ChartInset;
+};
+type AxisRange = {
+    min: number;
+    max: number;
+};
+export declare const computeAxisRange: (drawingArea: DrawingArea) => {
+    xRange: AxisRange;
+    yRange: AxisRange;
+};
+export declare const buildScale: (domain: AxisBounds, range: AxisRange, scaleType?: BaseAxisProps["scaleType"], nice?: boolean) => ChartScaleFunction;
+export declare const computeDrawingArea: (width: number, height: number, inset: ChartInset, axisPadding: ChartInset) => DrawingArea;
+export declare const useBuildChartContext: ({ series, xAxis, yAxis, width, height, inset, axisPadding, }: UseBuildChartContextParams) => CartesianChartContextValue;
+export {};
+//# sourceMappingURL=useBuildChartContext.d.ts.map

package/dist/lib/Components/visualization/CartesianChart/context/useBuildChartContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBuildChartContext.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/CartesianChart/context/useBuildChartContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAW5D,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,MAAM,EACP,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE3D,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,CAAC;IAClB,WAAW,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,KAAK,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,eAAO,MAAM,gBAAgB,GAC3B,aAAa,WAAW,KACvB;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAMvC,CAAC;AAEH,eAAO,MAAM,UAAU,GACrB,QAAQ,UAAU,EAClB,OAAO,SAAS,EAChB,YAAW,aAAa,CAAC,WAAW,CAAY,EAChD,OAAO,OAAO,KACb,kBAGsD,CAAC;AAE1D,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,OAAO,UAAU,EACjB,aAAa,UAAU,KACtB,WAaF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,8DAQlC,0BAA0B,KAAG,0BAiC/B,CAAC"}

package/dist/lib/Components/visualization/CartesianChart/context/useBuildChartContext.js

@@ -0,0 +1,61 @@
+import { useMemo as u } from "react";
+import { computeXDomain as y, computeYDomain as C, computeDataLength as M } from "../../utils/domain/domain.js";
+import { getCategoricalScale as R, getNumericScale as _, isBandScaleType as X } from "../../utils/scales/scales.js";
+const Y = (t) => ({
+  xRange: { min: t.x, max: t.x + t.width },
+  yRange: {
+    min: t.y + t.height,
+    max: t.y
+  }
+}), f = (t, e, o = "linear", c) => X(o) ? R({ domain: t, range: e }) : _({ scaleType: o, domain: t, range: e, nice: c }), B = (t, e, o, c) => {
+  const m = {
+    top: o.top + c.top,
+    right: o.right + c.right,
+    bottom: o.bottom + c.bottom,
+    left: o.left + c.left
+  };
+  return {
+    x: m.left,
+    y: m.top,
+    width: Math.max(0, t - m.left - m.right),
+    height: Math.max(0, e - m.top - m.bottom)
+  };
+}, N = ({
+  series: t,
+  xAxis: e,
+  yAxis: o,
+  width: c,
+  height: m,
+  inset: l,
+  axisPadding: p
+}) => {
+  const a = u(
+    () => B(c, m, l, p),
+    [c, m, l, p]
+  );
+  return u(() => {
+    const { xRange: r, yRange: S } = Y(a);
+    let h, g;
+    if (a.width > 0 && a.height > 0) {
+      const n = y(t, e), b = C(t, o);
+      h = f(n, r, e?.scaleType, e?.nice), g = f(b, S, o?.scaleType, o?.nice);
+    }
+    const i = M(t, e), D = new Map(t.map((n) => [n.id, n]));
+    return {
+      series: t,
+      seriesMap: D,
+      getXScale: (n) => h,
+      getYScale: (n) => g,
+      getXAxisConfig: (n) => e,
+      getYAxisConfig: (n) => o,
+      drawingArea: a,
+      dataLength: i
+    };
+  }, [t, e, o, a]);
+};
+export {
+  f as buildScale,
+  Y as computeAxisRange,
+  B as computeDrawingArea,
+  N as useBuildChartContext
+};

package/dist/lib/Components/visualization/CartesianChart/hooks/useShimmerAnimation.d.ts

@@ -0,0 +1,18 @@
+type ShimmerAnimationResult = {
+    /**
+     * Value for the CSS `animation` shorthand, applied via `style` on the
+     * element that should shimmer.
+     */
+    animationStyle: string;
+    /**
+     * `@keyframes` definition to inject inside an SVG `<style>` element.
+     */
+    keyframe: string;
+};
+/**
+ * Self-contained shimmer (opacity pulse) for SVG content. Shared by the initial
+ * loading placeholder and the transition-loading line.
+ */
+export declare const useShimmerAnimation: () => ShimmerAnimationResult;
+export {};
+//# sourceMappingURL=useShimmerAnimation.d.ts.map

package/dist/lib/Components/visualization/CartesianChart/hooks/useShimmerAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShimmerAnimation.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/visualization/CartesianChart/hooks/useShimmerAnimation.ts"],"names":[],"mappings":"AAMA,KAAK,sBAAsB,GAAG;IAC5B;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAAO,sBAatC,CAAC"}

package/dist/lib/Components/visualization/CartesianChart/hooks/useShimmerAnimation.js

@@ -0,0 +1,15 @@
+import { useId as o, useMemo as m } from "react";
+import { chartConfig as r } from "../../config.js";
+const { shimmer: i } = r, a = () => {
+  const e = `shimmer-pulse-${o().replaceAll(":", "")}`;
+  return m(
+    () => ({
+      animationStyle: `${e} ${i.pulseDurationInSeconds}s ${i.pulseEasing} infinite`,
+      keyframe: `@keyframes ${e} { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @media (prefers-reduced-motion: reduce) { @keyframes ${e} { 0%, 100% { opacity: 1; } } }`
+    }),
+    [e]
+  );
+};
+export {
+  a as useShimmerAnimation
+};

package/dist/lib/Components/visualization/CartesianChart/index.d.ts

@@ -0,0 +1,4 @@
+export { CartesianChart } from './CartesianChart';
+export { useCartesianChartContext } from './context';
+export type { CartesianChartContextValue, CartesianChartProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/visualization/CartesianChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/CartesianChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,YAAY,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/dist/lib/Components/visualization/CartesianChart/types.d.ts

@@ -0,0 +1,127 @@
+import { ReactNode } from 'react';
+import { BaseAxisProps } from '../Axis';
+import { ChartInset, ChartScaleFunction, DrawingArea, Series } from '../utils/types';
+/**
+ * Chart-level scrubbing configuration. Owned here and composed by the chart
+ * types and {@link ScrubberProviderProps} so the JSDoc lives in a single place.
+ */
+export type ScrubbingOptions = {
+    /**
+     * Enables scrubbing (hover/touch/keyboard) interactions on the chart.
+     * When true, the SVG becomes focusable; add a `<Scrubber>` child to
+     * visualise the interaction.
+     * @default false
+     */
+    enableScrubbing?: boolean;
+    /**
+     * Callback fired whenever the scrubber moves to a new data index or is cleared.
+     * Receives `undefined` when the scrubber leaves the chart.
+     */
+    onScrubberPositionChange?: (index: number | undefined) => void;
+    /**
+     * Pixel radius within which the scrubber magnetically snaps to registered
+     * magnetic `<Point>` components. Requires `enableScrubbing` to be `true`.
+     * Set to `0` to disable magnetization.
+     * @default 8
+     */
+    magnetRadius?: number;
+};
+export type CartesianChartProps = ScrubbingOptions & {
+    /**
+     * Data series provided to child components via context.
+     */
+    series: Series[];
+    /**
+     * Scale and domain configuration for the x-axis.
+     */
+    xAxis?: Partial<BaseAxisProps>;
+    /**
+     * Scale and domain configuration for the y-axis.
+     */
+    yAxis?: Partial<BaseAxisProps>;
+    /**
+     * Width of the chart.
+     * A number is treated as pixels; a string (e.g. `'100%'`) fills the container
+     * and enables auto-measurement via `ResizeObserver`.
+     * @default '100%'
+     */
+    width?: number | string;
+    /**
+     * Height of the chart in pixels.
+     * @default 240
+     */
+    height?: number;
+    /**
+     * Extra padding between the SVG edge and the drawing area, added on top of
+     * a built-in overflow buffer that prevents content (labels, points, ticks)
+     * from being clipped. A number applies uniformly; a partial object sets
+     * individual sides (unset sides default to `0`).
+     */
+    inset?: number | Partial<ChartInset>;
+    /**
+     * Space reserved for axes around the drawing area.
+     * Shrinks the drawing area by the specified amount on each side.
+     */
+    axisPadding?: Partial<ChartInset>;
+    /**
+     * Accessible label for the chart SVG.
+     * @default 'Chart'
+     */
+    ariaLabel?: string;
+    /**
+     * Sets `aria-busy` on the chart SVG to signal that its content is loading.
+     * @default false
+     */
+    ariaBusy?: boolean;
+    /**
+     * HTML content rendered as an absolutely-positioned overlay above the chart
+     * SVG, within the same positioned container (so it aligns with the chart
+     * footprint). Used for e.g. an empty-state label.
+     */
+    overlay?: ReactNode;
+    /**
+     * SVG content rendered inside the chart's context provider.
+     */
+    children?: ReactNode;
+    /**
+     * Whether to animate the chart on mount and data changes.
+     * Duration is 0.8 seconds and easing is linear.
+     * @default true
+     */
+    animate?: boolean;
+};
+export type CartesianChartContextValue = {
+    /**
+     * All data series registered in the chart.
+     */
+    series: Series[];
+    /**
+     * Lookup map for series by ID. Stable reference when series identity is unchanged.
+     */
+    seriesMap: Map<string, Series>;
+    /**
+     * Returns the x-axis scale. Accepts an optional axis ID for future multi-axis support.
+     */
+    getXScale: (id?: string) => ChartScaleFunction | undefined;
+    /**
+     * Returns the y-axis scale. Accepts an optional axis ID for future multi-axis support.
+     */
+    getYScale: (id?: string) => ChartScaleFunction | undefined;
+    /**
+     * Returns the x-axis config. Accepts an optional axis ID for future multi-axis support.
+     */
+    getXAxisConfig: (id?: string) => BaseAxisProps | undefined;
+    /**
+     * Returns the y-axis config. Accepts an optional axis ID for future multi-axis support.
+     */
+    getYAxisConfig: (id?: string) => BaseAxisProps | undefined;
+    /**
+     * Pixel bounds of the drawable region.
+     */
+    drawingArea: DrawingArea;
+    /**
+     * Number of data points along the x-axis.
+     */
+    dataLength: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/visualization/CartesianChart/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/CartesianChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,MAAM,EACP,MAAM,gBAAgB,CAAC;AAExB;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG;IACnD;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,cAAc,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,cAAc,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAC3D;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/lib/Components/visualization/CartesianChart/utils.d.ts

@@ -0,0 +1,5 @@
+import { ChartInset } from '../utils/types';
+import { CartesianChartProps } from './types';
+export declare const resolveInset: (inset: CartesianChartProps["inset"]) => ChartInset;
+export declare const resolveAxisPadding: (padding: CartesianChartProps["axisPadding"]) => ChartInset;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/visualization/CartesianChart/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/CartesianChart/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,YAAY,GACvB,OAAO,mBAAmB,CAAC,OAAO,CAAC,KAClC,UAqBF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,SAAS,mBAAmB,CAAC,aAAa,CAAC,KAC1C,UAQF,CAAC"}

package/dist/lib/Components/visualization/CartesianChart/utils.js

@@ -0,0 +1,24 @@
+import { chartConfig as r } from "../config.js";
+const f = (o) => {
+  let t;
+  return o === void 0 ? t = r.root.zeroPadding : typeof o == "number" ? t = { top: o, right: o, bottom: o, left: o } : t = {
+    top: o.top ?? 0,
+    right: o.right ?? 0,
+    bottom: o.bottom ?? 0,
+    left: o.left ?? 0
+  }, {
+    top: t.top,
+    right: t.right,
+    bottom: t.bottom,
+    left: t.left
+  };
+}, l = (o) => o === void 0 ? r.root.zeroPadding : {
+  top: o.top ?? 0,
+  right: o.right ?? 0,
+  bottom: o.bottom ?? 0,
+  left: o.left ?? 0
+};
+export {
+  l as resolveAxisPadding,
+  f as resolveInset
+};

package/dist/lib/Components/visualization/DonutChart/DonutChart.d.ts

@@ -0,0 +1,3 @@
+import { DonutChartProps } from './types';
+export declare function DonutChart({ series: seriesProp, size, ariaLabel, loading, activeId: activeIdProp, defaultActiveId, onActiveIdChange, renderCenter, renderCenterActive, enableColorContrast, }: DonutChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DonutChart.d.ts.map

package/dist/lib/Components/visualization/DonutChart/DonutChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/DonutChart/DonutChart.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAQ/C,wBAAgB,UAAU,CAAC,EACzB,MAAM,EAAE,UAAU,EAClB,IAAW,EACX,SAAyB,EACzB,OAAe,EACf,QAAQ,EAAE,YAAY,EACtB,eAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EAClB,mBAA2B,GAC5B,EAAE,eAAe,2CA4FjB"}

package/dist/lib/Components/visualization/DonutChart/DonutChart.js

@@ -0,0 +1,90 @@
+import { jsxs as I, jsx as i } from "react/jsx-runtime";
+import { useMemo as g } from "react";
+import { chartConfig as P } from "../config.js";
+import { DonutChartAnimatedCenter as T } from "./DonutChartAnimatedCenter.js";
+import { DonutRing as j } from "./DonutRing.js";
+import { DonutSizeProvider as y } from "./donutSizeContext.js";
+import { useContrastSafeSeries as A } from "./hooks/useContrastSafeSeries.js";
+import { buildRingSegments as E, DONUT_GEOMETRY as M, getSegmentPercents as N, formatPercentLabel as B } from "./utils.js";
+import { useControllableState as O } from "../../../../utils/useControllableState/useControllableState.js";
+function H({
+  series: p,
+  size: l = "md",
+  ariaLabel: h = "Donut chart",
+  loading: c = !1,
+  activeId: v,
+  defaultActiveId: S = null,
+  onActiveIdChange: b,
+  renderCenter: s,
+  renderCenterActive: a,
+  enableColorContrast: x = !1
+}) {
+  const n = M[l], e = A(p, x), [o, u] = O({
+    prop: v,
+    defaultProp: S,
+    onChange: b
+  }), L = g(
+    () => E(e, n),
+    [e, n]
+  ), m = g(() => {
+    const t = e.findIndex((f) => f.id === o);
+    if (o == null || t === -1)
+      return null;
+    const r = N(e)[t];
+    return {
+      ...e[t],
+      percent: r,
+      percentLabel: B(r)
+    };
+  }, [e, o]), d = () => {
+    o !== null && u(null);
+  }, R = (t) => {
+    const { relatedTarget: r } = t;
+    (!(r instanceof Node) || !t.currentTarget.contains(r)) && d();
+  }, D = s != null || a != null, C = a != null;
+  return /* @__PURE__ */ I(
+    "div",
+    {
+      role: "presentation",
+      "data-testid": "donut-chart",
+      style: {
+        position: "relative",
+        width: n.box,
+        height: n.box
+      },
+      onMouseLeave: d,
+      onBlur: R,
+      children: [
+        /* @__PURE__ */ i(
+          j,
+          {
+            segments: L,
+            geometry: n,
+            ariaLabel: c ? P.donut.loading.ariaLabel : h,
+            activeId: o,
+            loading: c,
+            onSegmentEnter: u
+          }
+        ),
+        D && /* @__PURE__ */ i(
+          "div",
+          {
+            "data-testid": "donut-center",
+            className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+            children: /* @__PURE__ */ i(y, { value: { size: l }, children: C ? /* @__PURE__ */ i(
+              T,
+              {
+                activeSegment: m,
+                renderResting: () => s?.({ series: e, activeSegment: null }) ?? null,
+                renderActive: (t) => a({ activeSegment: t })
+              }
+            ) : s?.({ activeSegment: m, series: e }) })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  H as DonutChart
+};

package/dist/lib/Components/visualization/DonutChart/DonutChartAnimatedCenter.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { DonutActiveSegment } from './types';
+type DonutChartAnimatedCenterProps = {
+    activeSegment: DonutActiveSegment | null;
+    renderResting: () => ReactNode;
+    renderActive: (segment: DonutActiveSegment) => ReactNode;
+};
+export declare const DonutChartAnimatedCenter: ({ activeSegment, renderResting, renderActive, }: DonutChartAnimatedCenterProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DonutChartAnimatedCenter.d.ts.map

package/dist/lib/Components/visualization/DonutChart/DonutChartAnimatedCenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChartAnimatedCenter.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/DonutChart/DonutChartAnimatedCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,KAAK,6BAA6B,GAAG;IACnC,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACzC,aAAa,EAAE,MAAM,SAAS,CAAC;IAC/B,YAAY,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,SAAS,CAAC;CAC1D,CAAC;AAKF,eAAO,MAAM,wBAAwB,GAAI,iDAItC,6BAA6B,4CA6D/B,CAAC"}