@ledgerhq/react-ui 0.14.18-nightly.0 → 0.15.0-nightly.0

package/lib/components/Chart/index.js

@@ -1,125 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useEffect, useMemo } from "react";
-import { Line, defaults } from "react-chartjs-2";
-import Color from "color";
-import { useTheme } from "styled-components";
-import "chartjs-adapter-moment";
-import { fontConfig, valueFormatter } from "./utils";
-/*
- ** Returns the correct config based on the variant
- */
-const getConfig = (variant, options) => {
-    const config = {
-        small: {
-            gradient: { alpha: 0.3 },
-            scales: { y: { display: false }, x: { display: false, type: "time" } },
-        },
-        default: {
-            gradient: { alpha: 0.1 },
-            scales: {
-                y: {
-                    display: true,
-                    grid: {
-                        color: options.gridColor,
-                        borderDash: [4, 4],
-                        tickWidth: 0,
-                        tickLength: 18,
-                        // This is an hack to don't render a duplicate axis
-                        borderWidth: 0,
-                    },
-                    ticks: { callback: valueFormatter, labelOffset: -3 },
-                },
-                x: {
-                    display: true,
-                    grid: {
-                        color: options.gridColor,
-                        borderDash: [4, 4],
-                        tickWidth: 0,
-                        tickLength: 15,
-                        // Don't render a duplicate axis
-                        borderWidth: 0,
-                    },
-                    // always display first/last ticks
-                    bounds: "ticks",
-                    type: "time",
-                    // control how the tickers on the x-axis are formatted
-                    time: options.timeOptions,
-                },
-            },
-        },
-    };
-    return config[variant];
-};
-const defaultValue = {
-    variant: "default",
-    valueKey: "value",
-    timeOptions: { unit: "month", displayFormats: { month: "MMM." } },
-};
-/**
- * @remarks This component must have a parent that has only it as a child and it must be in relative position!
- * @privateRemarks Don't name this component "Chart", that will conflict with the Chart.js library cuz of the adapter
- */
-export default (_a) => {
-    var { data, color, variant = defaultValue.variant, valueKey = defaultValue.valueKey, timeOptions = defaultValue.timeOptions } = _a, chartProps = __rest(_a, ["data", "color", "variant", "valueKey", "timeOptions"]);
-    const theme = useTheme();
-    const config = useMemo(() => getConfig(variant, { gridColor: theme.colors.neutral.c40, timeOptions }), [variant, theme.colors.neutral.c40, timeOptions]);
-    // inject default font configuration at mount
-    useEffect(() => {
-        defaults.font = fontConfig;
-    }, []);
-    const chartData = useMemo(() => ({
-        datasets: [
-            {
-                borderColor: color,
-                borderWidth: 2,
-                fill: "start",
-                backgroundColor: (context) => {
-                    const chart = context.chart;
-                    const { ctx, chartArea } = chart;
-                    // This case happens on initial chart load
-                    if (!chartArea)
-                        return null;
-                    // Create gradient based on the props color
-                    const gradient = ctx.createLinearGradient(0, 0, 0, chartArea.height / 1.2);
-                    gradient.addColorStop(0, Color(color).alpha(config.gradient.alpha).string());
-                    gradient.addColorStop(1, Color(color).alpha(0.0).string());
-                    return gradient;
-                },
-                // prevent points rendering
-                pointRadius: 0,
-                pointHitRadius: 0,
-                data: data.map(({ date: x, [`${valueKey}`]: y }) => ({ x, y })),
-            },
-        ],
-    }), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [color, data, valueKey, variant]);
-    const options = useMemo(() => ({
-        // Responsive options use the parent element to create the canvas
-        responsive: true,
-        maintainAspectRatio: false,
-        plugins: { tooltips: { enabled: false }, legend: { display: false } },
-        animation: false,
-        elements: {
-            points: { radius: 0 },
-            line: {
-                // Bezier curve tension of the line. Set to 0 to draw straightlines.
-                tension: 0.2,
-            },
-        },
-        scales: config.scales,
-    }), [config.scales]);
-    // The redraw is needed to allow the chart to be updated with new value
-    return React.createElement(Line, Object.assign({ data: chartData, options: options }, chartProps, { redraw: true }));
-};
-//# sourceMappingURL=index.js.map

package/lib/components/Chart/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAc,MAAM,iBAAiB,CAAC;AAE7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAGhC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAsBrD;;GAEG;AACH,MAAM,SAAS,GAAG,CAChB,OAAsC,EACtC,OAAwE,EACvD,EAAE;IACnB,MAAM,MAAM,GAAyD;QACnE,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;YACxB,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;SACvE;QACD,OAAO,EAAE;YACP,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;YACxB,MAAM,EAAE;gBACN,CAAC,EAAE;oBACD,OAAO,EAAE,IAAI;oBACb,IAAI,EAAE;wBACJ,KAAK,EAAE,OAAO,CAAC,SAAS;wBACxB,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;wBAClB,SAAS,EAAE,CAAC;wBACZ,UAAU,EAAE,EAAE;wBAEd,mDAAmD;wBACnD,WAAW,EAAE,CAAC;qBACf;oBACD,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE;iBACrD;gBACD,CAAC,EAAE;oBACD,OAAO,EAAE,IAAI;oBACb,IAAI,EAAE;wBACJ,KAAK,EAAE,OAAO,CAAC,SAAS;wBACxB,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;wBAClB,SAAS,EAAE,CAAC;wBACZ,UAAU,EAAE,EAAE;wBAEd,gCAAgC;wBAChC,WAAW,EAAE,CAAC;qBACf;oBACD,kCAAkC;oBAClC,MAAM,EAAE,OAAO;oBACf,IAAI,EAAE,MAAM;oBACZ,sDAAsD;oBACtD,IAAI,EAAE,OAAO,CAAC,WAAW;iBAC1B;aACF;SACF;KACF,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,YAAY,GAId;IACF,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,OAAO;IACjB,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;CAClE,CAAC;AAEF;;;GAGG;AACH,eAAe,CAAC,EAOR,EAAe,EAAE;QAPT,EACd,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,YAAY,CAAC,OAAO,EAC9B,QAAQ,GAAG,YAAY,CAAC,QAAQ,EAChC,WAAW,GAAG,YAAY,CAAC,WAAW,OAEhC,EADH,UAAU,cANC,uDAOf,CADc;IAEb,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,WAAW,EAAE,CAAC,EAC9E,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,WAAW,CAAC,CACjD,CAAC;IAEF,6CAA6C;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,GAAG,UAAU,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE;YACR;gBACE,WAAW,EAAE,KAAK;gBAClB,WAAW,EAAE,CAAC;gBACd,IAAI,EAAE,OAAO;gBACb,eAAe,EAAE,CAAC,OAAiC,EAAE,EAAE;oBACrD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;oBAC5B,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;oBAEjC,0CAA0C;oBAC1C,IAAI,CAAC,SAAS;wBAAE,OAAO,IAAI,CAAC;oBAE5B,2CAA2C;oBAC3C,MAAM,QAAQ,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC;oBAC3E,QAAQ,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;oBAC7E,QAAQ,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;oBAC3D,OAAO,QAAQ,CAAC;gBAClB,CAAC;gBAED,2BAA2B;gBAC3B,WAAW,EAAE,CAAC;gBACd,cAAc,EAAE,CAAC;gBAEjB,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;aAChE;SACF;KACF,CAAC;IACF,uDAAuD;IACvD,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CACD,CAAC;IAElC,MAAM,OAAO,GAA0B,OAAO,CAC5C,GAAG,EAAE,CAAC,CAAC;QACL,iEAAiE;QACjE,UAAU,EAAE,IAAI;QAChB,mBAAmB,EAAE,KAAK;QAE1B,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;QACrE,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;YACrB,IAAI,EAAE;gBACJ,oEAAoE;gBACpE,OAAO,EAAE,GAAG;aACb;SACF;QACD,MAAM,EAAE,MAAM,CAAC,MAAM;KACtB,CAAC,EACF,CAAC,MAAM,CAAC,MAAM,CAAC,CACmB,CAAC;IAErC,uEAAuE;IACvE,OAAO,oBAAC,IAAI,kBAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,IAAM,UAAU,IAAE,MAAM,UAAG,CAAC;AAC5E,CAAC,CAAC"}

package/lib/components/Chart/types.d.ts

@@ -1,14 +0,0 @@
-export type Item = {
-    date: Date;
-    value?: number | string;
-} & {
-    [key: string]: number | string;
-};
-type Unit = "millisecond" | "second" | "minute" | "hour" | "day" | "week" | "month" | "quarter" | "year";
-export type timeOptions = {
-    unit?: Unit;
-    displayFormats?: {
-        [unit in Unit]?: string;
-    };
-};
-export {};

package/lib/components/Chart/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/lib/components/Chart/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Chart/types.ts"],"names":[],"mappings":""}

package/lib/components/Chart/utils.d.ts

@@ -1,19 +0,0 @@
-/**
- * Returns the value fixed to 1 decimals when needed with his associated unit (e.g. "1.5K" or "1.5M")
- * @param value - Value displayed on the y-axis as a tick
- * @example
- * ```
- * valueFormatter(1500) // "1.5K"
- * valueFormatter(1567) // "1.5K"
- * valueFormatter(1567657) // "1.5M"
- * valueFormatter(156) // "156"
- * ```
- */
-export declare const valueFormatter: (value: string | number) => string;
-export declare const fontConfig: {
-    family: string;
-    size: number;
-    weight: string;
-    lineHeight: number;
-    style: "normal" | "italic";
-};

package/lib/components/Chart/utils.js

@@ -1,30 +0,0 @@
-/**
- * Returns the value fixed to 1 decimals when needed with his associated unit (e.g. "1.5K" or "1.5M")
- * @param value - Value displayed on the y-axis as a tick
- * @example
- * ```
- * valueFormatter(1500) // "1.5K"
- * valueFormatter(1567) // "1.5K"
- * valueFormatter(1567657) // "1.5M"
- * valueFormatter(156) // "156"
- * ```
- */
-export const valueFormatter = (value) => {
-    const breakpoints = [
-        { value: 1e6, unit: "M" },
-        { value: 1e3, unit: "K" },
-        { value: 1, unit: "" },
-    ];
-    const formattedValue = typeof value === "number" ? value : parseFloat(value);
-    const item = breakpoints.find(item => formattedValue >= item.value);
-    return item ? `${(formattedValue / item.value).toFixed(1).replace(".0", "")} ${item.unit}` : "0";
-};
-// set default font configuration for the chart - I used ll-text_subTitle class from our theme
-export const fontConfig = {
-    family: "Inter, Arial",
-    size: 11,
-    weight: "600",
-    lineHeight: 1.21,
-    style: "normal",
-};
-//# sourceMappingURL=utils.js.map

package/lib/components/Chart/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Chart/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAsB,EAAU,EAAE;IAC/D,MAAM,WAAW,GAAG;QAClB,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;QACzB,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;QACzB,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;KACvB,CAAC;IACF,MAAM,cAAc,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAC7E,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IACpE,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;AACnG,CAAC,CAAC;AAEF,8FAA8F;AAC9F,MAAM,CAAC,MAAM,UAAU,GAMnB;IACF,MAAM,EAAE,cAAc;IACtB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,QAAQ;CAChB,CAAC"}