@ledgerhq/react-ui 0.7.6-nightly.0 → 0.7.6

package/README.md

@@ -1,7 +1,8 @@
 # `@ledgerhq/react-ui`
 
+[![build](https://github.com/LedgerHQ/ui/actions/workflows/react.yml/badge.svg)](https://github.com/LedgerHQ/ui/actions/workflows/react.yml)
 [![npm](https://img.shields.io/npm/v/@ledgerhq/react-ui)](https://www.npmjs.com/package/@ledgerhq/react-ui)
-[![storybook](https://img.shields.io/badge/Storybook-📚-61DBFB)](https://react-ui-storybook.vercel.app)
+[![storybook](https://img.shields.io/badge/Storybook-📚-61DBFB)](https://ledger-live-ui-react.vercel.app)
 
 ### Design and interface resources for React
 
@@ -9,7 +10,7 @@
 
 ## Reference
 
-**[🔗 Storybook](https://react-ui-storybook.vercel.app)**
+**[🔗 Storybook](https://ledger-live-ui-react.vercel.app/)**
 
 ## Installation
 
@@ -192,4 +193,4 @@ ReactDOM.render(<Root />, document.getElementById("react-root"));
 
 ### Contributing
 
-Check the [contributing guide here](https://github.com/LedgerHQ/ledger-live/blob/monorepo-setup/libs/ui/packages/react/CONTRIBUTING.md).
+Check the [contributing guide here](https://github.com/LedgerHQ/ui/blob/main/packages/react/CONTRIBUTING.md).

package/{lib/components → components}/Chart/index.js

@@ -120,5 +120,6 @@ export default (_a) => {
         scales: config.scales,
     }), [config.scales]);
     // The redraw is needed to allow the chart to be updated with new value
+    // @ts-expect-error : There are issues with the chartjs typings. In the future, check and improve.
     return React.createElement(Line, Object.assign({ data: chartData, options: options }, chartProps, { redraw: true }));
 };

package/{lib/components → components}/Table/index.d.ts

@@ -50,8 +50,8 @@ export interface RowProps<T> extends CommonProps<T> {
 }
 declare function RowsComponent<T>({ data, columns, render, extraRender, renderRow, }: RowProps<T>): JSX.Element;
 export declare const Rows: typeof RowsComponent;
-export declare function Table<T>({ data, columns, withHeaders, extraRender, renderRow, ...containerProps }: Props<T>): JSX.Element;
-export declare namespace Table {
+declare function Table<T>({ data, columns, withHeaders, extraRender, renderRow, ...containerProps }: Props<T>): JSX.Element;
+declare namespace Table {
     var Columns: typeof import("./Columns");
     var ExtraRowContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
         gridColumn: string;

package/{lib/components → components}/Table/index.js

@@ -45,7 +45,7 @@ function RowsComponent({ data, columns, render, extraRender, renderRow, }) {
     })));
 }
 export const Rows = memo(RowsComponent);
-export function Table(_a) {
+function Table(_a) {
     var { data, columns, withHeaders, extraRender, renderRow } = _a, containerProps = __rest(_a, ["data", "columns", "withHeaders", "extraRender", "renderRow"]);
     const gridTemplateColumns = useMemo(() => columns.reduce((acc, col) => `${acc} ${col.layout || "auto"}`, ""), [columns]);
     const headers = useMemo(() => withHeaders

package/{lib/components → components}/animations/GlitchText/index.js

@@ -29,9 +29,7 @@ export default function GlitchText({ text, duration = 800, delay = 500 }) {
             }
             frameT++;
         }, INTERVAL);
-        return () => {
-            interval && clearInterval(interval);
-        };
+        return () => interval && clearInterval(interval);
     }, [delay, duration, text]);
     return React.createElement(React.Fragment, null, shownText);
 }

package/{lib/components → components}/form/BaseInput/index.d.ts

@@ -66,13 +66,15 @@ declare const _default: <T>(props: Omit<CommonProps, "onChange" | "value"> & {
     renderLeft?: React.ReactNode | ((props: InputProps<T>) => React.ReactNode);
     renderRight?: React.ReactNode | ((props: InputProps<T>) => React.ReactNode);
     unwrapped?: boolean | undefined;
-    containerProps?: ({
+    containerProps?: (({
         [x: string]: any;
         [x: number]: any;
         [x: symbol]: any;
     } & {
         theme?: import("styled-components").DefaultTheme | undefined;
-    } & {
+    } & ({} | {
+        children?: React.ReactNode;
+    })) & {
         as?: string | React.ComponentType<any> | undefined;
         forwardedAs?: string | React.ComponentType<any> | undefined;
     }) | undefined;

package/{lib/components → components}/form/LegendInput/index.d.ts

@@ -10,13 +10,15 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
     renderLeft?: React.ReactNode | ((props: InputProps<string>) => React.ReactNode);
     renderRight?: React.ReactNode | ((props: InputProps<string>) => React.ReactNode);
     unwrapped?: boolean | undefined;
-    containerProps?: ({
+    containerProps?: (({
         [x: string]: any;
         [x: number]: any;
         [x: symbol]: any;
     } & {
         theme?: import("styled-components").DefaultTheme | undefined;
-    } & {
+    } & ({} | {
+        children?: React.ReactNode;
+    })) & {
         as?: string | React.ComponentType<any> | undefined;
         forwardedAs?: string | React.ComponentType<any> | undefined;
     }) | undefined;

package/{lib/components → components}/form/NumberInput/index.d.ts

@@ -7,13 +7,15 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
     renderLeft?: React.ReactNode | ((props: InputProps<number | undefined>) => React.ReactNode);
     renderRight?: React.ReactNode | ((props: InputProps<number | undefined>) => React.ReactNode);
     unwrapped?: boolean | undefined;
-    containerProps?: ({
+    containerProps?: (({
         [x: string]: any;
         [x: number]: any;
         [x: symbol]: any;
     } & {
         theme?: import("styled-components").DefaultTheme | undefined;
-    } & {
+    } & ({} | {
+        children?: React.ReactNode;
+    })) & {
         as?: string | React.ComponentType<any> | undefined;
         forwardedAs?: string | React.ComponentType<any> | undefined;
     }) | undefined;

package/{lib/components → components}/form/QrCodeInput/index.d.ts

@@ -7,13 +7,15 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
     renderLeft?: React.ReactNode | ((props: InputProps<string>) => React.ReactNode);
     renderRight?: React.ReactNode | ((props: InputProps<string>) => React.ReactNode);
     unwrapped?: boolean | undefined;
-    containerProps?: ({
+    containerProps?: (({
         [x: string]: any;
         [x: number]: any;
         [x: symbol]: any;
     } & {
         theme?: import("styled-components").DefaultTheme | undefined;
-    } & {
+    } & ({} | {
+        children?: React.ReactNode;
+    })) & {
         as?: string | React.ComponentType<any> | undefined;
         forwardedAs?: string | React.ComponentType<any> | undefined;
     }) | undefined;

package/{lib/components → components}/form/QuantityInput/index.d.ts

@@ -7,13 +7,15 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
     renderLeft?: React.ReactNode | ((props: InputProps<string>) => React.ReactNode);
     renderRight?: React.ReactNode | ((props: InputProps<string>) => React.ReactNode);
     unwrapped?: boolean | undefined;
-    containerProps?: ({
+    containerProps?: (({
         [x: string]: any;
         [x: number]: any;
         [x: symbol]: any;
     } & {
         theme?: import("styled-components").DefaultTheme | undefined;
-    } & {
+    } & ({} | {
+        children?: React.ReactNode;
+    })) & {
         as?: string | React.ComponentType<any> | undefined;
         forwardedAs?: string | React.ComponentType<any> | undefined;
     }) | undefined;

package/{lib/components → components}/form/SearchInput/index.d.ts

@@ -7,13 +7,15 @@ declare const _default: React.ForwardRefExoticComponent<Omit<import("../BaseInpu
     renderLeft?: React.ReactNode | ((props: InputProps<string>) => React.ReactNode);
     renderRight?: React.ReactNode | ((props: InputProps<string>) => React.ReactNode);
     unwrapped?: boolean | undefined;
-    containerProps?: ({
+    containerProps?: (({
         [x: string]: any;
         [x: number]: any;
         [x: symbol]: any;
     } & {
         theme?: import("styled-components").DefaultTheme | undefined;
-    } & {
+    } & ({} | {
+        children?: React.ReactNode;
+    })) & {
         as?: string | React.ComponentType<any> | undefined;
         forwardedAs?: string | React.ComponentType<any> | undefined;
     }) | undefined;

package/{lib/components → components}/layout/Side/index.js

@@ -23,8 +23,6 @@ export const SideWrapper = (props) => {
         let timeout;
         if (queue.length > 1) {
             const [, ...rest] = queue;
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore mismatch between nodejs and dom types
             timeout = setTimeout(() => {
                 setQueue(rest);
                 setDirection("left");