@ledgerhq/lumen-ui-rnative 0.0.46 → 0.0.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/package.json +6 -2
- package/dist/src/lib/Components/Divider/Divider.d.ts +25 -0
- package/dist/src/lib/Components/Divider/Divider.d.ts.map +1 -0
- package/dist/src/lib/Components/Divider/Divider.js +40 -0
- package/dist/src/lib/Components/Divider/Divider.stories.d.ts +9 -0
- package/dist/src/lib/Components/Divider/Divider.stories.d.ts.map +1 -0
- package/dist/src/lib/Components/Divider/Divider.stories.js +51 -0
- package/dist/src/lib/Components/Divider/index.d.ts +3 -0
- package/dist/src/lib/Components/Divider/index.d.ts.map +1 -0
- package/dist/src/lib/Components/Divider/index.js +1 -0
- package/dist/src/lib/Components/Divider/types.d.ts +9 -0
- package/dist/src/lib/Components/Divider/types.d.ts.map +1 -0
- package/dist/src/lib/Components/Icon/Icon.d.ts.map +1 -1
- package/dist/src/lib/Components/Icon/Icon.js +3 -4
- package/dist/src/lib/Components/Icon/createIcon.d.ts.map +1 -1
- package/dist/src/lib/Components/Icon/createIcon.js +1 -1
- package/dist/src/lib/Components/ListItem/ListItem.d.ts +88 -34
- package/dist/src/lib/Components/ListItem/ListItem.d.ts.map +1 -1
- package/dist/src/lib/Components/ListItem/ListItem.js +248 -97
- package/dist/src/lib/Components/ListItem/ListItem.stories.d.ts +2 -3
- package/dist/src/lib/Components/ListItem/ListItem.stories.d.ts.map +1 -1
- package/dist/src/lib/Components/ListItem/ListItem.stories.js +63 -73
- package/dist/src/lib/Components/ListItem/index.d.ts +1 -1
- package/dist/src/lib/Components/ListItem/index.d.ts.map +1 -1
- package/dist/src/lib/Components/ListItem/index.js +1 -1
- package/dist/src/lib/Components/ListItem/types.d.ts +106 -0
- package/dist/src/lib/Components/ListItem/types.d.ts.map +1 -0
- package/dist/src/lib/Components/ListItem/types.js +1 -0
- package/dist/src/lib/Components/Select/GlobalSelectBottomSheet.d.ts.map +1 -1
- package/dist/src/lib/Components/Select/GlobalSelectBottomSheet.js +2 -7
- package/dist/src/lib/Components/Select/Select.d.ts.map +1 -1
- package/dist/src/lib/Components/Select/Select.js +4 -10
- package/dist/src/lib/Components/Select/types.d.ts.map +1 -1
- package/dist/src/lib/Components/Spot/types.d.ts +1 -1
- package/dist/src/lib/Components/Spot/types.d.ts.map +1 -1
- package/dist/src/lib/Components/Tile/Tile.d.ts +84 -19
- package/dist/src/lib/Components/Tile/Tile.d.ts.map +1 -1
- package/dist/src/lib/Components/Tile/Tile.figma.js +8 -18
- package/dist/src/lib/Components/Tile/Tile.js +160 -59
- package/dist/src/lib/Components/Tile/Tile.stories.d.ts +2 -2
- package/dist/src/lib/Components/Tile/Tile.stories.d.ts.map +1 -1
- package/dist/src/lib/Components/Tile/Tile.stories.js +30 -81
- package/dist/src/lib/Components/Tile/index.d.ts +1 -1
- package/dist/src/lib/Components/Tile/index.d.ts.map +1 -1
- package/dist/src/lib/Components/Tile/index.js +1 -1
- package/dist/src/lib/Components/Tile/types.d.ts +29 -19
- package/dist/src/lib/Components/Tile/types.d.ts.map +1 -1
- package/dist/src/lib/Components/index.d.ts +1 -0
- package/dist/src/lib/Components/index.d.ts.map +1 -1
- package/dist/src/lib/Components/index.js +1 -0
- package/dist/src/lib/utils/index.d.ts +3 -4
- package/dist/src/lib/utils/index.d.ts.map +1 -1
- package/dist/src/lib/utils/index.js +3 -4
- package/dist/src/lib/utils/react/{extract-text-from-children.d.ts → extractTextFromChildren.d.ts} +1 -1
- package/dist/src/lib/utils/react/extractTextFromChildren.d.ts.map +1 -0
- package/dist/src/lib/utils/react/index.d.ts +1 -1
- package/dist/src/lib/utils/react/index.d.ts.map +1 -1
- package/dist/src/lib/utils/react/index.js +1 -1
- package/dist/src/lib/utils/startTransition/index.d.ts +2 -0
- package/dist/src/lib/utils/startTransition/index.d.ts.map +1 -0
- package/dist/src/lib/utils/startTransition/index.js +1 -0
- package/dist/src/lib/utils/{start-transition/start-transition.d.ts → startTransition/startTransition.d.ts} +1 -1
- package/dist/src/lib/utils/startTransition/startTransition.d.ts.map +1 -0
- package/dist/src/lib/utils/useControllableState/index.d.ts +2 -0
- package/dist/src/lib/utils/useControllableState/index.d.ts.map +1 -0
- package/dist/src/lib/utils/useControllableState/index.js +1 -0
- package/dist/src/lib/utils/{use-controllable-state/use-controllable-state.d.ts → useControllableState/useControllableState.d.ts} +1 -1
- package/dist/src/lib/utils/useControllableState/useControllableState.d.ts.map +1 -0
- package/dist/src/lib/utils/{use-controllable-state/use-controllable-state.js → useControllableState/useControllableState.js} +2 -2
- package/dist/src/lib/utils/useEvent/index.d.ts +3 -0
- package/dist/src/lib/utils/useEvent/index.d.ts.map +1 -0
- package/dist/src/lib/utils/useEvent/index.js +2 -0
- package/dist/src/lib/utils/{use-event/use-event.d.ts → useEvent/useEvent.d.ts} +1 -1
- package/dist/src/lib/utils/useEvent/useEvent.d.ts.map +1 -0
- package/dist/src/lib/utils/{use-event/use-event.js → useEvent/useEvent.js} +1 -1
- package/dist/src/lib/utils/{use-event/use-get.d.ts → useEvent/useGet.d.ts} +1 -1
- package/dist/src/lib/utils/useEvent/useGet.d.ts.map +1 -0
- package/dist/src/styles/provider/LumenStyleSheetProvider.d.ts +1 -1
- package/dist/src/styles/provider/LumenStyleSheetProvider.d.ts.map +1 -1
- package/dist/src/styles/provider/LumenStyleSheetProvider.js +1 -2
- package/package.json +6 -2
- package/src/lib/Components/Checkbox/Checkbox.mdx +1 -0
- package/src/lib/Components/Divider/Divider.mdx +151 -0
- package/src/lib/Components/Divider/Divider.stories.tsx +140 -0
- package/src/lib/Components/Divider/Divider.test.tsx +92 -0
- package/src/lib/Components/Divider/Divider.tsx +52 -0
- package/src/lib/Components/Divider/index.ts +2 -0
- package/src/lib/Components/Divider/types.ts +9 -0
- package/src/lib/Components/Icon/Icon.tsx +3 -5
- package/src/lib/Components/Icon/createIcon.ts +1 -1
- package/src/lib/Components/ListItem/ListItem.mdx +402 -124
- package/src/lib/Components/ListItem/ListItem.stories.tsx +357 -228
- package/src/lib/Components/ListItem/ListItem.tsx +444 -181
- package/src/lib/Components/ListItem/index.ts +1 -1
- package/src/lib/Components/ListItem/types.ts +121 -0
- package/src/lib/Components/Select/GlobalSelectBottomSheet.tsx +5 -7
- package/src/lib/Components/Select/Select.tsx +4 -18
- package/src/lib/Components/Select/types.ts +1 -3
- package/src/lib/Components/Spot/types.ts +5 -1
- package/src/lib/Components/Switch/Switch.mdx +1 -0
- package/src/lib/Components/Tile/Tile.figma.tsx +24 -23
- package/src/lib/Components/Tile/Tile.mdx +128 -35
- package/src/lib/Components/Tile/Tile.stories.tsx +167 -146
- package/src/lib/Components/Tile/Tile.test.tsx +193 -221
- package/src/lib/Components/Tile/Tile.tsx +270 -123
- package/src/lib/Components/Tile/index.ts +7 -1
- package/src/lib/Components/Tile/types.ts +38 -19
- package/src/lib/Components/index.ts +1 -0
- package/src/lib/utils/index.ts +3 -4
- package/src/lib/utils/react/index.ts +1 -1
- package/src/lib/utils/startTransition/index.ts +1 -0
- package/src/lib/utils/useControllableState/index.ts +1 -0
- package/src/lib/utils/{use-controllable-state/use-controllable-state.ts → useControllableState/useControllableState.ts} +2 -2
- package/src/lib/utils/useEvent/index.ts +2 -0
- package/src/lib/utils/{use-event/use-event.ts → useEvent/useEvent.ts} +1 -1
- package/src/styles/provider/LumenStyleSheetProvider.tsx +2 -3
- package/dist/src/lib/Components/ListItem/ListItem.types.d.ts +0 -31
- package/dist/src/lib/Components/ListItem/ListItem.types.d.ts.map +0 -1
- package/dist/src/lib/utils/react/extract-text-from-children.d.ts.map +0 -1
- package/dist/src/lib/utils/start-transition/index.d.ts +0 -2
- package/dist/src/lib/utils/start-transition/index.d.ts.map +0 -1
- package/dist/src/lib/utils/start-transition/index.js +0 -1
- package/dist/src/lib/utils/start-transition/start-transition.d.ts.map +0 -1
- package/dist/src/lib/utils/string-utils.d.ts +0 -6
- package/dist/src/lib/utils/string-utils.d.ts.map +0 -1
- package/dist/src/lib/utils/string-utils.js +0 -12
- package/dist/src/lib/utils/use-controllable-state/index.d.ts +0 -2
- package/dist/src/lib/utils/use-controllable-state/index.d.ts.map +0 -1
- package/dist/src/lib/utils/use-controllable-state/index.js +0 -1
- package/dist/src/lib/utils/use-controllable-state/use-controllable-state.d.ts.map +0 -1
- package/dist/src/lib/utils/use-event/index.d.ts +0 -3
- package/dist/src/lib/utils/use-event/index.d.ts.map +0 -1
- package/dist/src/lib/utils/use-event/index.js +0 -2
- package/dist/src/lib/utils/use-event/use-event.d.ts.map +0 -1
- package/dist/src/lib/utils/use-event/use-get.d.ts.map +0 -1
- package/src/lib/Components/ListItem/ListItem.types.ts +0 -31
- package/src/lib/utils/start-transition/index.ts +0 -1
- package/src/lib/utils/string-utils.test.ts +0 -73
- package/src/lib/utils/string-utils.ts +0 -11
- package/src/lib/utils/use-controllable-state/index.ts +0 -1
- package/src/lib/utils/use-event/index.ts +0 -2
- /package/dist/src/lib/Components/{ListItem/ListItem.types.js → Divider/types.js} +0 -0
- /package/dist/src/lib/utils/react/{extract-text-from-children.js → extractTextFromChildren.js} +0 -0
- /package/dist/src/lib/utils/{start-transition/start-transition.js → startTransition/startTransition.js} +0 -0
- /package/dist/src/lib/utils/{use-event/use-get.js → useEvent/useGet.js} +0 -0
- /package/src/lib/utils/react/{extract-text-from-children.ts → extractTextFromChildren.ts} +0 -0
- /package/src/lib/utils/{start-transition/start-transition.ts → startTransition/startTransition.ts} +0 -0
- /package/src/lib/utils/{use-event/use-get.ts → useEvent/useGet.ts} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './use-controllable-state';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-controllable-state.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/use-controllable-state/use-controllable-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,QAAQ,CAAC,CAAC,IACX,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,GACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAI5C;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAsB,EACtB,UAAU,GACX,EAAE;IACD,IAAI,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,WAAW,EAAE,CAAC,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,WAAW,GAAG,kBAAkB,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAsC/C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/use-event/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-event.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/use-event/use-event.ts"],"names":[],"mappings":"AAEA,KAAK,WAAW,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AAE3C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAE/D"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-get.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/use-event/use-get.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAgB,MAAM,CAAC,CAAC,EACtB,YAAY,EAAE,CAAC,EACf,YAAY,CAAC,EAAE,GAAG,EAClB,iBAAiB,CAAC,EAAE,OAAO,GAC1B,MAAM,CAAC,CAYT"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { StyledPressableProps } from '../../../styles';
|
|
2
|
-
|
|
3
|
-
export type ListItemProps = {
|
|
4
|
-
/**
|
|
5
|
-
* The main title of the list item.
|
|
6
|
-
*/
|
|
7
|
-
title: string;
|
|
8
|
-
/**
|
|
9
|
-
* Optional descriptive text below the title.
|
|
10
|
-
*/
|
|
11
|
-
description?: string;
|
|
12
|
-
/**
|
|
13
|
-
* Optional content to display on the left, usually a Spot component.
|
|
14
|
-
* @example leadingContent={<Spot appearance="icon" icon={Settings} />}
|
|
15
|
-
*/
|
|
16
|
-
leadingContent?: React.ReactNode;
|
|
17
|
-
/**
|
|
18
|
-
* Optional Tag component displayed next to the description.
|
|
19
|
-
* @example descriptionTag={<Tag label="New" appearance="accent" size="sm" />}
|
|
20
|
-
*/
|
|
21
|
-
descriptionTag?: React.ReactNode;
|
|
22
|
-
/**
|
|
23
|
-
* Custom content to render on the right side of the list item.
|
|
24
|
-
* @example trailingContent={<Icon />}
|
|
25
|
-
*/
|
|
26
|
-
trailingContent?: React.ReactNode;
|
|
27
|
-
/**
|
|
28
|
-
* Whether the list item is disabled.
|
|
29
|
-
*/
|
|
30
|
-
disabled?: boolean;
|
|
31
|
-
} & Omit<StyledPressableProps, 'disabled'>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './start-transition';
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { describe, it, expect } from '@jest/globals';
|
|
2
|
-
import { toPascalCase } from './string-utils';
|
|
3
|
-
|
|
4
|
-
describe('toPascalCase', () => {
|
|
5
|
-
it('should convert kebab-case to PascalCase', () => {
|
|
6
|
-
expect(toPascalCase('arrow-up')).toBe('ArrowUp');
|
|
7
|
-
expect(toPascalCase('chevron-down')).toBe('ChevronDown');
|
|
8
|
-
expect(toPascalCase('external-link')).toBe('ExternalLink');
|
|
9
|
-
expect(toPascalCase('settings-alt-2')).toBe('SettingsAlt2');
|
|
10
|
-
});
|
|
11
|
-
|
|
12
|
-
it('should convert snake_case to PascalCase', () => {
|
|
13
|
-
expect(toPascalCase('arrow_up')).toBe('ArrowUp');
|
|
14
|
-
expect(toPascalCase('chevron_down')).toBe('ChevronDown');
|
|
15
|
-
expect(toPascalCase('external_link')).toBe('ExternalLink');
|
|
16
|
-
expect(toPascalCase('settings_alt_2')).toBe('SettingsAlt2');
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
it('should convert space-separated words to PascalCase', () => {
|
|
20
|
-
expect(toPascalCase('arrow up')).toBe('ArrowUp');
|
|
21
|
-
expect(toPascalCase('chevron down')).toBe('ChevronDown');
|
|
22
|
-
expect(toPascalCase('external link')).toBe('ExternalLink');
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
it('should handle mixed separators', () => {
|
|
26
|
-
expect(toPascalCase('arrow-up_down')).toBe('ArrowUpDown');
|
|
27
|
-
expect(toPascalCase('external_link-icon')).toBe('ExternalLinkIcon');
|
|
28
|
-
expect(toPascalCase('settings alt-2_variant')).toBe('SettingsAlt2Variant');
|
|
29
|
-
});
|
|
30
|
-
|
|
31
|
-
it('should handle single words', () => {
|
|
32
|
-
expect(toPascalCase('arrow')).toBe('Arrow');
|
|
33
|
-
expect(toPascalCase('icon')).toBe('Icon');
|
|
34
|
-
expect(toPascalCase('button')).toBe('Button');
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
it('should handle empty string', () => {
|
|
38
|
-
expect(toPascalCase('')).toBe('');
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
it('should handle strings with numbers', () => {
|
|
42
|
-
expect(toPascalCase('icon-24')).toBe('Icon24');
|
|
43
|
-
expect(toPascalCase('chart_1')).toBe('Chart1');
|
|
44
|
-
expect(toPascalCase('version 2')).toBe('Version2');
|
|
45
|
-
expect(toPascalCase('api-v1-endpoint')).toBe('ApiV1Endpoint');
|
|
46
|
-
});
|
|
47
|
-
|
|
48
|
-
it('should handle multiple consecutive separators', () => {
|
|
49
|
-
expect(toPascalCase('arrow--up')).toBe('ArrowUp');
|
|
50
|
-
expect(toPascalCase('external__link')).toBe('ExternalLink');
|
|
51
|
-
expect(toPascalCase('icon button')).toBe('IconButton');
|
|
52
|
-
expect(toPascalCase('mixed-_-separators')).toBe('MixedSeparators');
|
|
53
|
-
});
|
|
54
|
-
|
|
55
|
-
it('should handle separators at the beginning and end', () => {
|
|
56
|
-
expect(toPascalCase('-arrow-up')).toBe('ArrowUp');
|
|
57
|
-
expect(toPascalCase('_external-link_')).toBe('ExternalLink');
|
|
58
|
-
expect(toPascalCase(' icon button ')).toBe('IconButton');
|
|
59
|
-
expect(toPascalCase('--start-end--')).toBe('StartEnd');
|
|
60
|
-
});
|
|
61
|
-
|
|
62
|
-
it('should handle case variations in input', () => {
|
|
63
|
-
expect(toPascalCase('ARROW-UP')).toBe('ArrowUp');
|
|
64
|
-
expect(toPascalCase('ExTerNaL-LiNk')).toBe('ExternalLink');
|
|
65
|
-
expect(toPascalCase('mixed_CASE_string')).toBe('MixedCaseString');
|
|
66
|
-
});
|
|
67
|
-
|
|
68
|
-
it('should handle single character segments', () => {
|
|
69
|
-
expect(toPascalCase('a-b-c')).toBe('ABC');
|
|
70
|
-
expect(toPascalCase('x_y_z')).toBe('XYZ');
|
|
71
|
-
expect(toPascalCase('i o s')).toBe('IOS');
|
|
72
|
-
});
|
|
73
|
-
});
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Transforms a kebab-case or snake_case string into a PascalCase string.
|
|
3
|
-
* e.g., 'arrow-up' -> 'ArrowUp'
|
|
4
|
-
*/
|
|
5
|
-
export function toPascalCase(str: string): string {
|
|
6
|
-
if (!str) return '';
|
|
7
|
-
return str
|
|
8
|
-
.split(/[-_ ]+/)
|
|
9
|
-
.map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
|
|
10
|
-
.join('');
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './use-controllable-state';
|
|
File without changes
|
/package/dist/src/lib/utils/react/{extract-text-from-children.js → extractTextFromChildren.js}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/src/lib/utils/{start-transition/start-transition.ts → startTransition/startTransition.ts}
RENAMED
|
File without changes
|
|
File without changes
|