@ledgerhq/lumen-ui-rnative 0.1.14 → 0.1.16

package/src/lib/Components/TextInput/TextInput.stories.tsx

@@ -16,33 +16,6 @@ const meta: Meta<typeof TextInput> = {
       },
     },
   },
-  argTypes: {
-    label: {
-      control: 'text',
-      description: 'Floating label text',
-    },
-    placeholder: {
-      control: 'text',
-      description: 'Placeholder text when input is empty',
-    },
-    errorMessage: {
-      control: 'text',
-      description: 'Error message to display below input',
-    },
-    editable: {
-      control: 'boolean',
-      description: 'Whether the input is editable',
-    },
-    hideClearButton: {
-      control: 'boolean',
-      description: 'Hide the clear button',
-    },
-    keyboardType: {
-      control: 'select',
-      options: ['default', 'email-address', 'numeric', 'phone-pad', 'url'],
-      description: 'Keyboard type for input',
-    },
-  },
 };
 
 export default meta;
@@ -108,7 +81,7 @@ export const DisabledTextInput: Story = {
   render: (args) => <TextInputStory {...args} initialValue='johndoe' />,
   args: {
     label: 'Username',
-    editable: false,
+    disabled: true,
     hideClearButton: false,
     keyboardType: 'default',
   },

package/src/lib/Components/Tile/Tile.stories.tsx

@@ -1,5 +1,4 @@
 import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import React from 'react';
 import { Settings, Plus, User, Apps, ChevronRight } from '../../Symbols';
 import { Spot } from '../Spot';
 import { Tag } from '../Tag/Tag';

package/src/lib/Components/Tile/Tile.test.tsx

@@ -1,7 +1,6 @@
 import { describe, it, expect, jest } from '@jest/globals';
 import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { render, fireEvent } from '@testing-library/react-native';
-import React from 'react';
 
 import { Settings } from '../../Symbols';
 import { Tag } from '../Tag';

package/src/lib/Components/TileButton/TileButton.test.tsx

@@ -1,7 +1,6 @@
 import { describe, it, expect, jest } from '@jest/globals';
 import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { render, screen, fireEvent } from '@testing-library/react-native';
-import React from 'react';
 import { ViewStyle } from 'react-native';
 
 import { Settings } from '../../Symbols';

package/src/lib/Components/Tooltip/GlobalTooltipBottomSheet.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect } from 'react';
+import { useCallback, useEffect } from 'react';
 import {
   BottomSheet,
   BottomSheetHeader,

package/src/lib/Components/Tooltip/GlobalTooltipContext.tsx

@@ -1,11 +1,5 @@
 import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-import React, {
-  useState,
-  useCallback,
-  useRef,
-  useMemo,
-  ReactNode,
-} from 'react';
+import { useState, useCallback, useRef, useMemo, ReactNode } from 'react';
 
 export type TooltipData = {
   id: string;

package/src/lib/Components/Tooltip/Tooltip.test.tsx

@@ -1,7 +1,6 @@
 import { describe, it, expect, jest } from '@jest/globals';
 import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { render, fireEvent } from '@testing-library/react-native';
-import React from 'react';
 import { Text, View } from 'react-native';
 import { ThemeProvider } from '../ThemeProvider/ThemeProvider';
 import { GlobalTooltipBottomSheet } from './GlobalTooltipBottomSheet';

package/src/lib/Components/TriggerButton/TriggerButton.test.tsx

@@ -1,7 +1,7 @@
 import { describe, it, expect, jest } from '@jest/globals';
 import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { render, screen, fireEvent } from '@testing-library/react-native';
-import React, { createRef } from 'react';
+import { createRef } from 'react';
 import { View, ViewStyle } from 'react-native';
 
 import { Settings } from '../../Symbols';

package/src/lib/Components/Utility/Gradient/LinearGradient/LinearGradient.stories.tsx

@@ -158,7 +158,7 @@ export const CryptoGradients: Story = {
                   borderRadius: 'md',
                 }}
                 stops={gradient}
-              ></LinearGradient>
+              />
               <Text typography='body4' lx={{ color: 'base' }}>
                 {key}
               </Text>

package/src/lib/Components/Utility/Gradient/LinearGradient/LinearGradient.test.tsx

@@ -1,7 +1,7 @@
 import { describe, it, expect } from '@jest/globals';
 import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { render, screen } from '@testing-library/react-native';
-import React, { createRef } from 'react';
+import { createRef } from 'react';
 import { Text, View } from 'react-native';
 
 import { ThemeProvider } from '../../../ThemeProvider/ThemeProvider';

package/src/lib/Components/Utility/Gradient/RadialGradient/RadialGradient.test.tsx

@@ -1,7 +1,7 @@
 import { describe, it, expect } from '@jest/globals';
 import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { render, screen } from '@testing-library/react-native';
-import React, { createRef } from 'react';
+import { createRef } from 'react';
 import { Text, View } from 'react-native';
 
 import { ThemeProvider } from '../../../ThemeProvider/ThemeProvider';

package/src/lib/Components/Utility/Pressable/Pressable.test.tsx

@@ -1,7 +1,7 @@
 import { describe, it, expect, jest } from '@jest/globals';
 import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { render, screen, fireEvent } from '@testing-library/react-native';
-import React, { createRef } from 'react';
+import { createRef } from 'react';
 import { Text, View, ViewStyle } from 'react-native';
 
 import { ThemeProvider } from '../../ThemeProvider/ThemeProvider';

package/src/lib/Components/index.ts

@@ -18,6 +18,7 @@ export * from './Link';
 export * from './ListItem';
 export * from './MediaBanner';
 export * from './MediaCard';
+export * from './MediaImage';
 export * from './NavBar';
 export * from './PageIndicator';
 export * from './SearchInput';

package/src/lib/types/index.ts

@@ -1,22 +1,22 @@
-import React from 'react';
+import { ElementType, ComponentPropsWithRef, ElementRef } from 'react';
 import type { Pressable, View } from 'react-native';
 
-type ComponentPropsWithAsChild<T extends React.ElementType<any>> =
-  React.ComponentPropsWithRef<T> & { asChild?: boolean };
+type ComponentPropsWithAsChild<T extends ElementType<any>> =
+  ComponentPropsWithRef<T> & { asChild?: boolean };
 
 type SlottableViewProps = ComponentPropsWithAsChild<typeof View>;
-type ViewRef = React.ElementRef<typeof View>;
-type PressableRef = React.ElementRef<typeof Pressable>;
+type ViewRef = ElementRef<typeof View>;
+type PressableRef = ElementRef<typeof Pressable>;
 
 type SlottablePressableProps = ComponentPropsWithAsChild<typeof Pressable> & {
   /**
    * Platform: WEB ONLY
    */
-  onKeyDown?: (ev: React.KeyboardEvent) => void;
+  onKeyDown?: (ev: KeyboardEvent) => void;
   /**
    * Platform: WEB ONLY
    */
-  onKeyUp?: (ev: React.KeyboardEvent) => void;
+  onKeyUp?: (ev: KeyboardEvent) => void;
 };
 
 type ForceMountable = {

package/src/lib/utils/react/extractTextFromChildren.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { Children, ComponentType, isValidElement, ReactNode } from 'react';
 
 /**
  * Recursively extracts text content from React children.
@@ -7,14 +7,14 @@ import React, { ReactNode } from 'react';
  */
 export function extractTextFromChildren(
   children: ReactNode,
-  textComponentType?: React.ComponentType<any>,
+  textComponentType?: ComponentType<any>,
 ): string {
   let text = '';
 
-  React.Children.forEach(children, (child) => {
+  Children.forEach(children, (child) => {
     if (typeof child === 'string' || typeof child === 'number') {
       text += child;
-    } else if (React.isValidElement(child)) {
+    } else if (isValidElement(child)) {
       if (
         (textComponentType && child.type === textComponentType) ||
         (child.props as { children?: ReactNode })?.children

package/src/lib/utils/useControllableState/useControllableState.ts

@@ -1,13 +1,11 @@
-import * as React from 'react';
+import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
 import { startTransition } from '../startTransition';
 import { useEvent } from '../useEvent';
 
 // can configure to allow most-recent-wins or prop-wins
 // defaults to prop-wins
 
-type ChangeCb<T> =
-  | ((next: T) => void)
-  | React.Dispatch<React.SetStateAction<T>>;
+type ChangeCb<T> = ((next: T) => void) | Dispatch<SetStateAction<T>>;
 
 const emptyCallbackFn = (_: any) => _();
 
@@ -27,16 +25,16 @@ export function useControllableState<T>({
   onChange?: ChangeCb<T>;
   strategy?: 'prop-wins' | 'most-recent-wins';
   transition?: boolean;
-}): [T, React.Dispatch<React.SetStateAction<T>>] {
-  const [state, setState] = React.useState(prop ?? defaultProp);
-  const previous = React.useRef<any>(state);
+}): [T, Dispatch<SetStateAction<T>>] {
+  const [state, setState] = useState(prop ?? defaultProp);
+  const previous = useRef<any>(state);
   const propWins = strategy === 'prop-wins' && prop !== undefined;
   const value = propWins ? prop : state;
   const onChangeCb = useEvent(onChange || idFn);
 
   const transitionFn = transition ? startTransition : emptyCallbackFn;
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (prop === undefined) return;
     previous.current = prop;
     transitionFn(() => {
@@ -44,7 +42,7 @@ export function useControllableState<T>({
     });
   }, [prop]);
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (propWins) return;
     if (state !== previous.current) {
       previous.current = state;

package/src/lib/utils/useEvent/useGet.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { useRef, useCallback } from 'react';
 import { useIsomorphicLayoutEffect } from '../constants';
 
 /**
@@ -9,12 +9,12 @@ export function useGet<A>(
   initialValue?: any,
   forwardToFunction?: boolean,
 ): () => A {
-  const curRef = React.useRef<any>(initialValue ?? currentValue);
+  const curRef = useRef<any>(initialValue ?? currentValue);
   useIsomorphicLayoutEffect(() => {
     curRef.current = currentValue;
   });
 
-  return React.useCallback(
+  return useCallback(
     forwardToFunction
       ? (...args) => curRef.current?.apply(null, args)
       : () => curRef.current,

package/src/styles/hooks/useStyleSheet.test.tsx

@@ -5,7 +5,7 @@ import {
   userEvent,
   waitFor,
 } from '@testing-library/react-native';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { ColorSchemeName, Pressable, Text, View } from 'react-native';
 import { LumenStyleSheetProvider } from '../provider/LumenStyleSheetProvider';
 import { useStyleSheet } from './useStyleSheet';

package/src/styles/lx/createStyledPressable.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it, jest } from '@jest/globals';
 import { fireEvent, render, screen } from '@testing-library/react-native';
-import React, { createRef } from 'react';
+import { createRef } from 'react';
 import {
   Pressable,
   PressableProps,

package/src/styles/lx/createStyledText.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it, jest } from '@jest/globals';
 import { render, screen } from '@testing-library/react-native';
-import React, { createRef } from 'react';
+import { createRef } from 'react';
 import { Text, TextProps } from 'react-native';
 import { LumenStyleSheetProvider } from '../provider/LumenStyleSheetProvider';
 import { createStyledText } from './createStyledText';

package/src/styles/lx/createStyledView.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it, jest } from '@jest/globals';
 import { render, screen } from '@testing-library/react-native';
-import React, { createRef } from 'react';
+import { createRef } from 'react';
 import { View, ViewProps } from 'react-native';
 import { LumenStyleSheetProvider } from '../provider/LumenStyleSheetProvider';
 import { createStyledView } from './createStyledView';

package/src/styles/lx/resolveStyle.test.tsx

@@ -1,7 +1,6 @@
 import { describe, expect, it } from '@jest/globals';
 import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { renderHook } from '@testing-library/react-native';
-import React from 'react';
 import type { BoxShadowValue } from 'react-native';
 import { LumenStyleSheetProvider } from '../provider/LumenStyleSheetProvider';
 import { useResolveViewStyle, useResolveTextStyle } from './resolveStyle';

package/src/styles/provider/LumenStyleSheetProvider.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it, jest } from '@jest/globals';
 import { render, userEvent } from '@testing-library/react-native';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { ColorSchemeName, Pressable, Text, View } from 'react-native';
 import { useTheme } from '../hooks/useTheme';
 import { LumenStyleSheetProvider } from './LumenStyleSheetProvider';
@@ -110,7 +110,7 @@ describe('LumenStyleSheetProvider', () => {
     // Suppress console.error for this test
     const consoleErrorSpy = jest
       .spyOn(console, 'error')
-      // eslint-disable-next-line @typescript-eslint/no-empty-function
+
       .mockImplementation(() => {});
 
     expect(() => {

package/src/utils/icon-template.ts

@@ -1,3 +1,5 @@
+/* eslint-disable import/no-extraneous-dependencies */
+/* eslint-disable import/no-default-export */
 import { Template } from '@svgr/babel-plugin-transform-svg-component';
 
 const template: Template = (variables, { tpl }) => {

package/dist/module/lib/Patterns/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export default {};
-//# sourceMappingURL=index.js.map

package/dist/module/lib/Patterns/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["lib/Patterns/index.ts"],"mappings":";;AAAA,eAAe,CAAC,CAAC","ignoreList":[]}

package/dist/typescript/src/lib/Patterns/index.d.ts

@@ -1,3 +0,0 @@
-declare const _default: {};
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/lib/Patterns/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Patterns/index.ts"],"names":[],"mappings":";AAAA,wBAAkB"}

package/src/lib/Patterns/index.ts

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