@ledgerhq/native-ui 0.22.9 → 0.23.0-next.0

package/lib/components/Cards/BannerCard/index.d.ts

@@ -13,14 +13,7 @@ type CloseProps = {
 };
 export declare const Container: import("styled-components").StyledComponent<typeof TouchableOpacity, import("styled-components").DefaultTheme, {}, never>;
 export declare const CloseContainer: import("styled-components").StyledComponent<typeof TouchableOpacity, import("styled-components").DefaultTheme, {}, never>;
-export declare const ChevronContainer: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
-    columnGap?: string | number | undefined;
-    rowGap?: string | number | undefined;
-    color?: string | undefined;
-    display?: string | undefined;
-    position?: string | undefined;
-    maxHeight?: string | number | undefined;
-}, never>;
+export declare const ChevronContainer: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("../../styled").BaseStyledProps, never>;
 export declare const CloseButton: ({ onPressDismiss }: CloseProps) => React.JSX.Element;
 declare const BannerCard: (props: CardProps) => React.ReactElement;
 export default BannerCard;

package/lib/components/Cards/SideImageCard/index.d.ts

@@ -9,22 +9,8 @@ export type CardProps = TouchableOpacityProps & {
     onPressDismiss?: () => void;
 };
 export declare const Base: import("styled-components").StyledComponent<typeof TouchableOpacity, import("styled-components").DefaultTheme, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
-    columnGap?: string | number | undefined;
-    rowGap?: string | number | undefined;
-    color?: string | undefined;
-    display?: string | undefined;
-    position?: string | undefined;
-    maxHeight?: string | number | undefined;
-}, never>;
-export declare const ImageContainer: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
-    columnGap?: string | number | undefined;
-    rowGap?: string | number | undefined;
-    color?: string | undefined;
-    display?: string | undefined;
-    position?: string | undefined;
-    maxHeight?: string | number | undefined;
-}, never>;
+export declare const Container: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("../../styled").BaseStyledProps, never>;
+export declare const ImageContainer: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("../../styled").BaseStyledProps, never>;
 export declare const ImageContent: import("styled-components").StyledComponent<typeof Image, import("styled-components").DefaultTheme, {}, never>;
 export declare const CloseContainer: import("styled-components").StyledComponent<typeof TouchableOpacity, import("styled-components").DefaultTheme, {}, never>;
 export declare const CloseButton: (props: CardProps) => React.JSX.Element;

package/lib/components/Form/Input/BaseInput/index.d.ts

@@ -95,71 +95,7 @@ export declare const InputRenderRightContainer: import("styled-components").Styl
     paddingLeft: string;
 }, "alignItems" | "flexDirection" | "paddingLeft">;
 declare function Input<T = string>(props: InputProps<T>, ref?: any): JSX.Element;
-declare const _default: <T>(props: Omit<CommonProps, "onChange" | "value"> & {
-    /**
-     * The value of the input.
-     */
-    value: T;
-    /**
-     * A function that will render some content on the left side of the input.
-     */
-    renderLeft?: React.ReactNode | ((props: InputProps<T>, ref: React.RefObject<{
-        clear: () => void;
-    }>) => React.ReactNode);
-    /**
-     * A function that will render some content on the right side of the input.
-     */
-    renderRight?: React.ReactNode | ((props: InputProps<T>, ref: React.RefObject<{
-        clear: () => void;
-    }>) => React.ReactNode);
-    /**
-     * Triggered when the input value is updated.
-     */
-    onChange?: ((value: T) => void) | undefined;
-    /**
-     * Same as onChange but preserves the native event passed as the callback argument.
-     */
-    onChangeEvent?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
-    /**
-     * A function can be provided to serialize a value of any type to a string.
-     *
-     * This can be useful to wrap the `<BaseInput />` component (which expects a string)
-     * and create higher-level components that will automatically perform the input/output
-     * conversion to other types.
-     *
-     * *A serializer function should always be used in conjunction with a deserializer function.*
-     */
-    serialize?: ((value: T) => string) | undefined;
-    /**
-     * A deserializer can be provided to convert the html input value from a string to any other type.
-     *
-     * *A deserializer function should always be used in conjunction with a serializer function.*
-     */
-    deserialize?: ((value: string) => T) | undefined;
-    /**
-     * Additional style for the container element.
-     */
-    containerStyle?: StyleProp<ViewStyle>;
-    /**
-     * Additional style for the input container element.
-     */
-    inputContainerStyle?: (StyleProp<ViewStyle> & TextStyle) | undefined;
-    /**
-     * Additional style for the baseInput container element.
-     */
-    baseInputContainerStyle?: TextStyle | undefined;
-    /**
-     * Additional style for the error container element.
-     */
-    inputErrorContainerStyles?: StyleProp<ViewStyle>;
-    inputErrorColor?: string | undefined;
-    showErrorIcon?: boolean | undefined;
-    hasBorder?: boolean | undefined;
-    /**
-     * Optional text color parameter.
-     */
-    color?: string | undefined;
-} & {
-    ref?: React.ForwardedRef<TextInput> | undefined;
+declare const _default: <T>(props: InputProps<T> & {
+    ref?: React.ForwardedRef<TextInput> | null;
 }) => ReturnType<typeof Input>;
 export default _default;

package/lib/components/Layout/Box/index.d.ts

@@ -1,11 +1,4 @@
 import { BaseStyledProps } from "../../styled";
 export type BoxProps = BaseStyledProps;
-declare const Box: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
-    columnGap?: string | number | undefined;
-    rowGap?: string | number | undefined;
-    color?: string | undefined;
-    display?: string | undefined;
-    position?: string | undefined;
-    maxHeight?: string | number | undefined;
-}, never>;
+declare const Box: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, BaseStyledProps, never>;
 export default Box;

package/lib/components/Layout/Flex/index.d.ts

@@ -1,12 +1,5 @@
 import { BaseStyledProps } from "../../styled";
 export type FlexBoxProps = BaseStyledProps;
 export type Props = FlexBoxProps;
-declare const FlexBox: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
-    columnGap?: string | number | undefined;
-    rowGap?: string | number | undefined;
-    color?: string | undefined;
-    display?: string | undefined;
-    position?: string | undefined;
-    maxHeight?: string | number | undefined;
-}, never>;
+declare const FlexBox: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, BaseStyledProps, never>;
 export default FlexBox;

package/lib/components/Layout/Modals/BaseModal/index.js

@@ -73,7 +73,7 @@ export function ModalHeader({ Icon, iconColor, title, description, subtitle, })
 export function ModalHeaderCloseButton({ onClose, }) {
     const { colors } = useTheme();
     return (React.createElement(CloseContainer, null,
-        React.createElement(ClosePressableExtendedBounds, { onPress: onClose },
+        React.createElement(ClosePressableExtendedBounds, { onPress: onClose, testID: "modal-close-button" },
             React.createElement(Close, { color: colors.neutral.c100, size: "XS" }))));
 }
 export default function BaseModal(_a) {

package/lib/components/index.d.ts

@@ -12,5 +12,3 @@ export * from "./Tabs";
 export * from "./Loader";
 export { default as ProgressBar } from "./ProgressBar";
 export * as Transitions from "./transitions";
-export { default as Chart } from "./chart";
-export { default as ChartCard } from "./ChartCard";

package/lib/components/index.js

@@ -13,5 +13,3 @@ export * from "./Loader";
 export { default as ProgressBar } from "./ProgressBar";
 import * as Transitions_1 from "./transitions";
 export { Transitions_1 as Transitions };
-export { default as Chart } from "./chart";
-export { default as ChartCard } from "./ChartCard";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.22.9",
+  "version": "0.23.0-next.0",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",
@@ -38,30 +38,29 @@
   "dependencies": {
     "color": "^4.0.0",
     "react-native-modal": "^13.0.0",
-    "react-native-svg": "^13.11.0",
     "rn-range-slider": "2.1.1",
     "styled-system": "^5.1.5",
-    "victory-native": "^35.5.5",
-    "@ledgerhq/crypto-icons-ui": "^1.1.0",
-    "@ledgerhq/icons-ui": "^0.6.4",
+    "@ledgerhq/crypto-icons-ui": "^1.2.0-next.0",
+    "@ledgerhq/icons-ui": "^0.7.0-next.0",
     "@ledgerhq/ui-shared": "^0.2.1"
   },
   "peerDependencies": {
     "react": ">=17",
     "react-native": ">=0.64.0",
-    "react-native-reanimated": "~3.3.0",
-    "styled-components": "^5.3.3"
+    "react-native-reanimated": "3.8.1",
+    "styled-components": "^5.3.3",
+    "react-native-svg": ">=12.1.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.10",
+    "@babel/core": "^7.24.3",
     "@babel/generator": "^7.17.2",
     "@babel/plugin-proposal-class-properties": "^7.13.0",
     "@babel/plugin-proposal-export-namespace-from": "^7.16.0",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
     "@babel/plugin-proposal-optional-chaining": "^7.21.0",
-    "@babel/plugin-transform-arrow-functions": "^7.22.5",
-    "@babel/plugin-transform-shorthand-properties": "^7.22.5",
-    "@babel/plugin-transform-template-literals": "^7.22.5",
+    "@babel/plugin-transform-arrow-functions": "^7.24.1",
+    "@babel/plugin-transform-shorthand-properties": "^7.24.1",
+    "@babel/plugin-transform-template-literals": "^7.24.1",
     "@babel/preset-env": "^7.15.8",
     "@babel/runtime": "^7.17.2",
     "@emotion/core": "^11.0.0",
@@ -95,7 +94,6 @@
     "@types/node": "^20.8.10",
     "@types/prop-types": "^15.7.5",
     "@types/react": "^18.2.21",
-    "@types/react-native": "0.72.5",
     "@types/styled-components": "^5.1.3",
     "@types/styled-components-react-native": "^5.1.3",
     "@types/styled-system": "^5.1.13",
@@ -117,24 +115,25 @@
     "expo-modules-core": "1.5.11",
     "fs-extra": "^10.0.1",
     "glob": "^7.2.0",
-    "metro": "^0.80.0",
-    "metro-config": "^0.80.0",
-    "metro-core": "^0.80.0",
+    "metro": "^0.80.5",
+    "metro-config": "^0.80.5",
+    "metro-core": "^0.80.5",
     "metro-minify-uglify": "^0.76.8",
     "metro-react-native-babel-preset": "^0.77.0",
     "metro-react-native-babel-transformer": "^0.77.0",
-    "metro-resolver": "^0.80.0",
-    "metro-runtime": "^0.80.0",
-    "metro-source-map": "^0.80.0",
-    "metro-transform-worker": "^0.80.0",
+    "metro-resolver": "^0.80.5",
+    "metro-runtime": "^0.80.5",
+    "metro-source-map": "^0.80.5",
+    "metro-transform-worker": "^0.80.5",
     "minimatch": "^5.1.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18",
-    "react-native": "0.72.6",
-    "react-native-reanimated": "~3.3.0",
+    "react-native": "0.73.6",
+    "react-native-reanimated": "3.8.1",
     "react-native-safe-area-context": "^4.5.0",
+    "react-native-svg": "13.14.0",
     "react-native-web": "~0.19.6",
     "regenerator-runtime": "^0.14.0",
     "rimraf": "^4.4.1",
@@ -146,10 +145,8 @@
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.10.0",
     "util": "^0.12.5",
-    "victory": "^35.5.5",
     "webpack": "^5.76.1",
-    "webpack-dev-server": "^4.12.0",
-    "@ledgerhq/metro-extra-config": "1.0.1"
+    "webpack-dev-server": "^4.12.0"
   },
   "scripts": {
     "android": "expo start --android",

package/lib/components/ChartCard/index.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-declare const ChartCard: ({ Header, Footer, range, isLoading, refreshChart, chartData, currencyColor, margin, xAxisFormatter, ranges, yAxisFormatter, valueFormatter, }: {
-    Header?: React.ReactNode;
-    Footer?: React.ReactNode;
-    range: string;
-    isLoading?: boolean | undefined;
-    refreshChart: (request: any) => void;
-    chartData: any;
-    currencyColor: string;
-    margin: number;
-    xAxisFormatter?: ((value: number) => string) | undefined;
-    ranges: {
-        label: string;
-        value: string;
-    }[];
-    yAxisFormatter: (value: number) => string;
-    valueFormatter: (value: number) => string;
-}) => React.JSX.Element;
-export default ChartCard;

package/lib/components/ChartCard/index.js

@@ -1,25 +0,0 @@
-import React, { useCallback } from "react";
-import { useTheme } from "styled-components/native";
-import { Flex, GraphTabs, InfiniteLoader, Transitions } from "../index";
-import Chart from "../chart";
-const ChartCard = ({ Header, Footer, range, isLoading, refreshChart, chartData, currencyColor, margin = 0, xAxisFormatter, ranges, yAxisFormatter, valueFormatter, }) => {
-    const { colors } = useTheme();
-    const rangesLabels = ranges.map(({ label }) => label);
-    const activeRangeIndex = ranges.findIndex((r) => r.value === range);
-    const setRange = useCallback((index) => {
-        var _a;
-        if (isLoading)
-            return;
-        const newRange = (_a = ranges[index]) === null || _a === void 0 ? void 0 : _a.value;
-        if (range !== newRange)
-            refreshChart({ range: newRange });
-    }, [isLoading, range, ranges, refreshChart]);
-    return (React.createElement(Flex, { margin: margin, padding: 6, borderRadius: 2, bg: "neutral.c30" },
-        Header,
-        React.createElement(Flex, { mt: 6, height: 100, alignItems: "center", justifyContent: "center" }, chartData && chartData.length > 0 ? (React.createElement(Transitions.Fade, { status: "entering", duration: 400 },
-            React.createElement(Chart, { data: chartData, backgroundColor: colors.neutral.c30, color: currencyColor, valueKey: "value", xAxisFormatter: xAxisFormatter, yAxisFormatter: yAxisFormatter, valueFormatter: valueFormatter, disableTooltips: false }))) : (React.createElement(InfiniteLoader, { size: 32 }))),
-        React.createElement(Flex, { mt: 70 },
-            React.createElement(GraphTabs, { activeIndex: activeRangeIndex, activeBg: currencyColor, activeColor: "neutral.c30", onChange: setRange, labels: rangesLabels })),
-        Footer));
-};
-export default ChartCard;

package/lib/components/chart/index.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { Item } from "./types";
-export type ChartProps = {
-    data: Array<Item>;
-    backgroundColor: string;
-    color: string;
-    valueKey?: string;
-    height?: number;
-    xAxisFormatter?: (timestamp: number) => string;
-    yAxisFormatter: (n: number) => string;
-    valueFormatter: (n: number) => string;
-    disableTooltips: boolean;
-};
-declare const Chart: ({ data, backgroundColor, color, yAxisFormatter, valueFormatter, valueKey, height, xAxisFormatter, disableTooltips, }: ChartProps) => JSX.Element;
-export default Chart;

package/lib/components/chart/index.js

@@ -1,74 +0,0 @@
-import React, { useMemo, useCallback } from "react";
-import { useTheme } from "styled-components/native";
-import { Defs, LinearGradient, Stop } from "react-native-svg";
-import { VictoryLine, VictoryChart, VictoryAxis, VictoryArea, VictoryTooltip, VictoryVoronoiContainer, } from "victory-native";
-import { Flex } from "../index";
-import { hex } from "../../styles/helpers";
-const sortByDate = (a, b) => {
-    if (a.date.getTime() < b.date.getTime())
-        return -1;
-    if (a.date.getTime() > b.date.getTime())
-        return 1;
-    return 0;
-};
-const Chart = ({ data, backgroundColor, color, yAxisFormatter, valueFormatter, valueKey = "value", height = 200, 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-xAxisFormatter = (timestamp) => `${new Date(timestamp).toLocaleDateString()}`, disableTooltips = false, }) => {
-    const theme = useTheme();
-    const sortData = useMemo(() => data.sort(sortByDate), [data]);
-    const labelFormatted = useCallback(({ datum }) => {
-        const valueFormatted = valueFormatter(datum[valueKey]);
-        return valueFormatted === "-" ? "0" : valueFormatted;
-    }, [valueKey, valueFormatter]);
-    const domainValues = useMemo(() => {
-        const counterValues = data.map((d) => d[valueKey]);
-        return {
-            min: Math.min(...counterValues) * 0.8,
-            max: Math.max(...counterValues) * 1.2, // 1.2 So the maximum value of the yAxis is a bit bigger than the max value displayed
-        };
-    }, [data, valueKey]);
-    const yAxisStyle = useMemo(() => ({
-        grid: {
-            stroke: theme.colors.neutral.c40,
-            strokeDasharray: "4 4",
-        },
-        axisLabel: { display: "none" },
-        axis: { display: "none" },
-        ticks: { display: "none" },
-        tickLabels: {
-            fill: theme.colors.neutral.c80,
-            fontSize: 12,
-        },
-    }), [theme]);
-    const xAxisStyle = useMemo(() => ({
-        axis: {
-            stroke: theme.colors.neutral.c40,
-            strokeDasharray: "4 4",
-        },
-        tickLabels: {
-            fill: theme.colors.neutral.c80,
-            fontSize: 12,
-        },
-        grid: { display: "none" },
-    }), [theme]);
-    return (React.createElement(Flex, { justifyContent: "center", alignItems: "center" },
-        React.createElement(VictoryChart, { scale: { x: "time" }, height: height, domainPadding: { y: 5 }, padding: { top: 30, left: 60, right: 35, bottom: 35 }, maxDomain: { y: domainValues.max }, minDomain: { y: domainValues.min }, containerComponent: React.createElement(VictoryVoronoiContainer
-            // @ts-expect-error disable this error for the sake of the monorepo
-            , { 
-                // @ts-expect-error disable this error for the sake of the monorepo
-                disable: disableTooltips, voronoiBlacklist: ["victory-area"], labels: labelFormatted, labelComponent: React.createElement(VictoryTooltip, { centerOffset: { y: -10 }, renderInPortal: false, constrainToVisibleArea: true, style: {
-                        fill: color,
-                    }, flyoutPadding: 7, flyoutStyle: {
-                        fill: backgroundColor,
-                        stroke: color,
-                    } }) }) },
-            React.createElement(VictoryAxis, { dependentAxis: true, crossAxis: true, tickFormat: yAxisFormatter, style: yAxisStyle }),
-            React.createElement(VictoryAxis, { crossAxis: false, tickFormat: xAxisFormatter, style: xAxisStyle }),
-            React.createElement(Defs, null,
-                React.createElement(LinearGradient, { id: "chartGradient", x1: "0.5", x2: "0.5", y1: "0", y2: "1" },
-                    React.createElement(Stop, { stopColor: hex(color), stopOpacity: "0.15" }),
-                    React.createElement(Stop, { offset: "1", stopColor: hex(theme.colors.neutral.c00), stopOpacity: "0" }))),
-            React.createElement(VictoryArea, { name: "victory-area", data: sortData, interpolation: "monotoneX", sortKey: "date", x: "date", y: valueKey, style: { data: { fill: `url(#chartGradient)` } }, standalone: false }),
-            React.createElement(VictoryLine, { data: sortData, interpolation: "monotoneX", x: "date", y: valueKey, style: { data: { stroke: color } } }))));
-};
-export default Chart;

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

@@ -1,6 +0,0 @@
-export type Item = {
-    date: Date;
-    value?: number;
-} & {
-    [key: string]: number;
-};

package/lib/components/chart/types.js

@@ -1 +0,0 @@
-export {};