@ledgerhq/native-ui 0.36.0-nightly.1 → 0.36.0

package/lib/components/cta/QuickAction/QuickActionList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cta/QuickAction/QuickActionList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAY,aAAa,EAAQ,MAAM,cAAc,CAAC;AAE7D,OAA0B,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEjF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,EAAE,YAAY,CAAC,GAAG;IAC7F,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,eAAe,8DAOlB,oBAAoB,KAAG,MAAM,YA0B/B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cta/QuickAction/QuickActionList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAY,aAAa,EAAQ,MAAM,cAAc,CAAC;AAE7D,OAA0B,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEjF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,EAAE,YAAY,CAAC,GAAG;IAC7F,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,eAAe,8DAOlB,oBAAoB,KAAG,MAAM,YA6B/B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/cta/QuickAction/QuickActionList/index.js

@@ -3,11 +3,14 @@ import { FlatList, View } from "react-native";
 import QuickActionButton from "../QuickActionButton";
 const QuickActionList = ({ numColumns = 3, data, id, testID, isActive = false, ...otherProps }) => {
     const renderItem = useCallback(({ item, index }) => {
+        const isNotLastColumn = (index + 1) % numColumns > 0;
+        const isNotLastItem = data && index !== data.length - 1;
+        const hasButtonToItsRight = isNotLastColumn && isNotLastItem;
         const hasRowBelow = data?.length && index + numColumns < data.length;
+        const mr = hasButtonToItsRight ? 4 : 0;
         const mb = hasRowBelow ? 4 : 0;
-        const mh = 6;
-        return (React.createElement(View, { style: { flex: 1, minHeight: 30, marginHorizontal: mh } },
-            React.createElement(QuickActionButton, { ...item, isActive: isActive, mb: mb, testID: testID })));
+        return (React.createElement(View, { style: { flex: 1, minHeight: 30 } },
+            React.createElement(QuickActionButton, { ...item, isActive: isActive, mr: mr, mb: mb, testID: testID })));
     }, []);
     return (React.createElement(FlatList, { ...otherProps, data: data, keyExtractor: (_item, index) => `${id}${index}`, horizontal: false, renderItem: renderItem, numColumns: numColumns }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.36.0-nightly.1",
+  "version": "0.36.0",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",
@@ -39,8 +39,8 @@
     "react-native-modal": "14.0.0-rc.1",
     "rn-range-slider": "2.1.1",
     "styled-system": "^5.1.5",
-    "@ledgerhq/crypto-icons-ui": "^1.15.0-nightly.0",
-    "@ledgerhq/icons-ui": "^0.11.0-nightly.0",
+    "@ledgerhq/crypto-icons-ui": "^1.15.0",
+    "@ledgerhq/icons-ui": "^0.11.0",
     "@ledgerhq/ui-shared": "^0.3.0"
   },
   "peerDependencies": {
@@ -64,7 +64,6 @@
     "@babel/runtime": "7.27.1",
     "@emotion/core": "^11.0.0",
     "@emotion/native": "^11.0.0",
-    "@expo/cli": "0.24.14",
     "@expo/metro-config": "^0.19.11",
     "@expo/webpack-config": "19.0.1",
     "@react-native-async-storage/async-storage": "2.1.2",
@@ -75,31 +74,23 @@
     "@storybook/addon-actions": "^7.6.18",
     "@storybook/addon-controls": "^7.6.18",
     "@storybook/addon-essentials": "^7.6.18",
-    "@storybook/addon-interactions": "^7.6.18",
     "@storybook/addon-links": "^7.6.18",
-    "@storybook/addon-ondevice-actions": "^7.6.10",
-    "@storybook/addon-ondevice-backgrounds": "^7.6.10",
-    "@storybook/addon-ondevice-controls": "^7.6.10",
-    "@storybook/addon-ondevice-notes": "^7.6.10",
+    "@storybook/addon-ondevice-actions": "6.5.7",
+    "@storybook/addon-ondevice-backgrounds": "6.5.7",
+    "@storybook/addon-ondevice-controls": "6.5.7",
+    "@storybook/addon-ondevice-notes": "6.5.7",
     "@storybook/addon-react-native-web": "^0.0.21",
     "@storybook/blocks": "^7.6.18",
     "@storybook/docs-tools": "^7.6.18",
-    "@storybook/jest": "0.2.3",
     "@storybook/manager-api": "7.6.18",
-    "@storybook/react": "^7.6.20",
-    "@storybook/react-native": "^7.6.10",
+    "@storybook/react": "^7.6.18",
+    "@storybook/react-native": "6.5.7",
     "@storybook/react-webpack5": "^7.6.18",
-    "@storybook/test": "7.6.20",
-    "@storybook/testing-library": "0.2.2",
     "@svgr/core": "^5.5.0",
     "@svgr/plugin-jsx": "^5.5.0",
     "@svgr/plugin-svgo": "^5.5.0",
-    "@testing-library/dom": "10.4.0",
-    "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/user-event": "14.5.2",
     "@types/color": "^3.0.3",
     "@types/hoist-non-react-statics": "^3.3.1",
-    "@types/lodash": "4.17.18",
     "@types/node": "^22.10.10",
     "@types/prop-types": "^15.7.5",
     "@types/react": "^18.2.21",
@@ -117,7 +108,7 @@
     "csstype": "^3.0.11",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-storybook": "^0.6.15",
     "expo": "52.0.46",
     "expo-asset": "8.10.1",
     "expo-constants": "17.1.6",
@@ -125,7 +116,6 @@
     "expo-modules-core": "2.2.3",
     "fs-extra": "^10.0.1",
     "glob": "^7.2.0",
-    "lodash": "4.17.21",
     "metro": "0.81.5",
     "metro-config": "0.81.5",
     "metro-core": "0.81.5",
@@ -137,7 +127,6 @@
     "metro-source-map": "0.81.5",
     "metro-transform-worker": "0.81.5",
     "minimatch": "^5.1.0",
-    "os-browserify": "0.3.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -156,7 +145,6 @@
     "stylelint-config-recommended": "^13.0.0",
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.10.0",
-    "tty-browserify": "0.0.1",
     "util": "^0.12.5",
     "webpack": "^5.76.1",
     "webpack-dev-server": "^4.12.0"
@@ -179,7 +167,6 @@
     "typecheck": "tsc --noEmit -p tsconfig.json",
     "test": "exit 0",
     "web": "expo start --web",
-    "unimported": "pnpm knip --directory ../../../.. -W libs/ui/packages/native",
-    "storybook-generate": "sb-rn-get-stories"
+    "unimported": "pnpm knip --directory ../../../.. -W libs/ui/packages/native"
   }
 }

package/lib/pre-ldls/components/Input/Input.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { TextInput } from "react-native";
-export type IconProps = {
-    size?: "XS" | "S" | "M" | "L" | "XL" | "XXL";
-    color?: string;
-    style?: object;
-};
-export declare const Input: React.ForwardRefExoticComponent<import("react-native").TextInputProps & {
-    icon?: (({ size }: IconProps) => JSX.Element) | undefined;
-} & React.RefAttributes<TextInput>>;
-//# sourceMappingURL=Input.d.ts.map

package/lib/pre-ldls/components/Input/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAI/C,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAkCF,eAAO,MAAM,KAAK;uBA/BE,SAAS,KAAK,WAAW;mCA2C3C,CAAC"}

package/lib/pre-ldls/components/Input/Input.js

@@ -1,38 +0,0 @@
-import React, { useContext } from "react";
-import { TextInput, View } from "react-native";
-import styled, { ThemeContext } from "styled-components/native";
-import { useTokens } from "../../libs";
-const Wrapper = styled(View) `
-  height: 40px;
-  min-width: 328px;
-  padding-horizontal: ${({ tokens }) => tokens["spacing-s"]}px;
-  align-items: center;
-  flex-direction: row;
-  gap: ${({ tokens }) => tokens["spacing-xxs"]}px;
-  border-radius: ${({ tokens }) => tokens["radius-s"]}px;
-  background-color: ${({ tokens }) => tokens["colors-surface-transparent-subdued-default"]};
-  overflow: hidden;
-  color: ${({ tokens }) => tokens["colors-content-subdued-default-default"]};
-`;
-const StyledInput = styled(TextInput) `
-  flex: 1;
-  background-color: transparent;
-  border-width: 0;
-  color: ${({ tokens }) => tokens["colors-content-subdued-default-default"]};
-`;
-const TOKEN_KEYS = [
-    "spacing-s",
-    "spacing-xxs",
-    "radius-s",
-    "colors-surface-transparent-subdued-default",
-    "colors-content-subdued-default-default",
-];
-export const Input = React.forwardRef(({ icon: Icon, ...props }, ref) => {
-    const theme = useContext(ThemeContext);
-    const themeType = theme?.colors?.type ?? "light";
-    const tokens = useTokens(themeType, [...TOKEN_KEYS]);
-    return (React.createElement(Wrapper, { tokens: tokens },
-        !!Icon && React.createElement(Icon, { color: String(tokens["colors-content-subdued-default-default"]) }),
-        React.createElement(StyledInput, { ...props, ref: ref, tokens: tokens })));
-});
-Input.displayName = "Input";

package/lib/pre-ldls/components/Input/Input.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Input } from "./Input";
-declare const meta: Meta<typeof Input>;
-export default meta;
-type Story = StoryObj<typeof Input>;
-export declare const Default: Story;
-export declare const Search: Story;
-export declare const WithInteraction: Story;
-//# sourceMappingURL=Input.stories.d.ts.map

package/lib/pre-ldls/components/Input/Input.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,KAAK,EAAa,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAK5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC"}

package/lib/pre-ldls/components/Input/Input.stories.js

@@ -1,32 +0,0 @@
-import React from "react";
-import { within, userEvent } from "@storybook/testing-library";
-import { expect } from "@storybook/jest";
-import { Icons } from "../../../assets";
-import { Input } from "./Input";
-const meta = {
-    component: Input,
-    title: "PreLdls/Components/Input",
-    tags: ["autodocs"],
-    args: {},
-};
-export default meta;
-export const Default = {
-    args: {},
-};
-export const Search = {
-    args: {
-        placeholder: "Search",
-        icon: (props) => React.createElement(Icons.Search, { size: "S", ...props }),
-    },
-};
-// Interaction Testing
-export const WithInteraction = {
-    args: {},
-    controls: { expanded: true },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
-        const input = canvas.getByRole("textbox");
-        await userEvent.type(input, "Write something");
-        expect(input).toHaveValue("Write something");
-    },
-};

package/lib/pre-ldls/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Input/Input";
-//# sourceMappingURL=index.d.ts.map

package/lib/pre-ldls/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib/pre-ldls/components/index.js

@@ -1 +0,0 @@
-export * from "./Input/Input";

package/lib/pre-ldls/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./components";
-//# sourceMappingURL=index.d.ts.map

package/lib/pre-ldls/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pre-ldls/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/pre-ldls/index.js

@@ -1 +0,0 @@
-export * from "./components";