@ledgerhq/lumen-ui-rnative 0.1.29 → 0.1.31
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/module/i18n/i18n.js +5 -1
- package/dist/module/i18n/i18n.js.map +1 -1
- package/dist/module/i18n/locales/en.json +5 -0
- package/dist/module/lib/Components/Avatar/Avatar.js +4 -4
- package/dist/module/lib/Components/Avatar/Avatar.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.test.js +8 -8
- package/dist/module/lib/Components/Avatar/Avatar.test.js.map +1 -1
- package/dist/module/lib/Components/Trend/Trend.js +103 -0
- package/dist/module/lib/Components/Trend/Trend.js.map +1 -0
- package/dist/module/lib/Components/Trend/Trend.mdx +106 -0
- package/dist/module/lib/Components/Trend/Trend.stories.js +79 -0
- package/dist/module/lib/Components/Trend/Trend.stories.js.map +1 -0
- package/dist/module/lib/Components/Trend/Trend.test.js +149 -0
- package/dist/module/lib/Components/Trend/Trend.test.js.map +1 -0
- package/dist/module/lib/Components/Trend/index.js +5 -0
- package/dist/module/lib/Components/Trend/index.js.map +1 -0
- package/dist/module/lib/Components/Trend/types.js +4 -0
- package/dist/module/lib/Components/Trend/types.js.map +1 -0
- package/dist/module/lib/Components/index.js +5 -4
- package/dist/module/lib/Components/index.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Ar.js +2 -2
- package/dist/module/lib/Symbols/Icons/Ar.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/ArrowLeft.js +1 -1
- package/dist/module/lib/Symbols/Icons/ArrowLeft.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/ArrowRight.js +1 -1
- package/dist/module/lib/Symbols/Icons/ArrowRight.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/BasketPutIn.js +1 -1
- package/dist/module/lib/Symbols/Icons/BasketPutIn.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Clip.js +1 -1
- package/dist/module/lib/Symbols/Icons/ClockFill.js +5 -14
- package/dist/module/lib/Symbols/Icons/ClockFill.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/CloudDownload.js +1 -1
- package/dist/module/lib/Symbols/Icons/CloudDownload.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/CloudUpload.js +1 -1
- package/dist/module/lib/Symbols/Icons/CloudUpload.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/CoinsAddPlus.js +1 -1
- package/dist/module/lib/Symbols/Icons/CoinsAddPlus.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/CoinsCheck.js +1 -1
- package/dist/module/lib/Symbols/Icons/CoinsCheck.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/CoinsCross.js +1 -1
- package/dist/module/lib/Symbols/Icons/CoinsCross.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/ColorPalette.js +1 -1
- package/dist/module/lib/Symbols/Icons/ColorPalette.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/CryptoBitcoinCoin.js +1 -1
- package/dist/module/lib/Symbols/Icons/Csv.js +1 -1
- package/dist/module/lib/Symbols/Icons/Csv.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Discord.js +1 -1
- package/dist/module/lib/Symbols/Icons/Discord.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Download.js +1 -1
- package/dist/module/lib/Symbols/Icons/Download.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Exchange.js +1 -1
- package/dist/module/lib/Symbols/Icons/Exchange.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/ExchangeFill.js +1 -1
- package/dist/module/lib/Symbols/Icons/ExchangeFill.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/ExitLogout.js +1 -1
- package/dist/module/lib/Symbols/Icons/ExitLogout.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Expand.js +1 -1
- package/dist/module/lib/Symbols/Icons/Expand.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Experiment2.js +1 -1
- package/dist/module/lib/Symbols/Icons/Experiment2.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/ExternalLink.js +1 -1
- package/dist/module/lib/Symbols/Icons/ExternalLink.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/FileDownload.js +1 -1
- package/dist/module/lib/Symbols/Icons/FileDownload.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Github.js +1 -1
- package/dist/module/lib/Symbols/Icons/HandCard.js +1 -1
- package/dist/module/lib/Symbols/Icons/HandCard.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Infinite.js +1 -1
- package/dist/module/lib/Symbols/Icons/MobileArrow.js +1 -1
- package/dist/module/lib/Symbols/Icons/MobileArrow.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/NftHide.js +1 -1
- package/dist/module/lib/Symbols/Icons/NftHide.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Parachute.js +1 -1
- package/dist/module/lib/Symbols/Icons/Parachute.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/PictureImage.js +1 -1
- package/dist/module/lib/Symbols/Icons/Range.js +1 -1
- package/dist/module/lib/Symbols/Icons/Range.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Reddit.js +2 -2
- package/dist/module/lib/Symbols/Icons/Reduce.js +1 -1
- package/dist/module/lib/Symbols/Icons/Reduce.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Screens.js +1 -1
- package/dist/module/lib/Symbols/Icons/Screens.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Shapes.js +1 -1
- package/dist/module/lib/Symbols/Icons/Share.js +1 -1
- package/dist/module/lib/Symbols/Icons/Share.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/StarHalf.js +1 -1
- package/dist/module/lib/Symbols/Icons/StarHalf.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/TransferHorizontal.js +1 -1
- package/dist/module/lib/Symbols/Icons/TransferHorizontal.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/TransferVertical.js +1 -1
- package/dist/module/lib/Symbols/Icons/TransferVertical.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Truck.js +1 -1
- package/dist/module/lib/Symbols/Icons/Usb.js +1 -1
- package/dist/module/lib/Symbols/Icons/Usb.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/UserArrowRight.js +1 -1
- package/dist/module/lib/Symbols/Icons/UserArrowRight.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/WalletInput.js +1 -1
- package/dist/module/lib/Symbols/Icons/WalletInput.js.map +1 -1
- package/dist/typescript/src/i18n/i18n.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Trend/Trend.d.ts +3 -0
- package/dist/typescript/src/lib/Components/Trend/Trend.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/Trend/index.d.ts +3 -0
- package/dist/typescript/src/lib/Components/Trend/index.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/Trend/types.d.ts +20 -0
- package/dist/typescript/src/lib/Components/Trend/types.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/index.d.ts +5 -4
- package/dist/typescript/src/lib/Components/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Symbols/Icons/ClockFill.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/i18n/i18n.ts +12 -1
- package/src/i18n/locales/en.json +5 -0
- package/src/lib/Components/Avatar/Avatar.test.tsx +8 -8
- package/src/lib/Components/Avatar/Avatar.tsx +4 -4
- package/src/lib/Components/Trend/Trend.mdx +106 -0
- package/src/lib/Components/Trend/Trend.stories.tsx +61 -0
- package/src/lib/Components/Trend/Trend.test.tsx +125 -0
- package/src/lib/Components/Trend/Trend.tsx +118 -0
- package/src/lib/Components/Trend/index.ts +2 -0
- package/src/lib/Components/Trend/types.ts +20 -0
- package/src/lib/Components/index.ts +5 -4
- package/src/lib/Symbols/Icons/Ar.tsx +2 -2
- package/src/lib/Symbols/Icons/ArrowLeft.tsx +1 -1
- package/src/lib/Symbols/Icons/ArrowRight.tsx +1 -1
- package/src/lib/Symbols/Icons/BasketPutIn.tsx +1 -1
- package/src/lib/Symbols/Icons/Clip.tsx +1 -1
- package/src/lib/Symbols/Icons/ClockFill.tsx +1 -9
- package/src/lib/Symbols/Icons/CloudDownload.tsx +1 -1
- package/src/lib/Symbols/Icons/CloudUpload.tsx +1 -1
- package/src/lib/Symbols/Icons/CoinsAddPlus.tsx +1 -1
- package/src/lib/Symbols/Icons/CoinsCheck.tsx +1 -1
- package/src/lib/Symbols/Icons/CoinsCross.tsx +1 -1
- package/src/lib/Symbols/Icons/ColorPalette.tsx +1 -1
- package/src/lib/Symbols/Icons/CryptoBitcoinCoin.tsx +1 -1
- package/src/lib/Symbols/Icons/Csv.tsx +1 -1
- package/src/lib/Symbols/Icons/Discord.tsx +1 -1
- package/src/lib/Symbols/Icons/Download.tsx +1 -1
- package/src/lib/Symbols/Icons/Exchange.tsx +1 -1
- package/src/lib/Symbols/Icons/ExchangeFill.tsx +1 -1
- package/src/lib/Symbols/Icons/ExitLogout.tsx +1 -1
- package/src/lib/Symbols/Icons/Expand.tsx +1 -1
- package/src/lib/Symbols/Icons/Experiment2.tsx +1 -1
- package/src/lib/Symbols/Icons/ExternalLink.tsx +1 -1
- package/src/lib/Symbols/Icons/FileDownload.tsx +1 -1
- package/src/lib/Symbols/Icons/Github.tsx +1 -1
- package/src/lib/Symbols/Icons/HandCard.tsx +1 -1
- package/src/lib/Symbols/Icons/Infinite.tsx +1 -1
- package/src/lib/Symbols/Icons/MobileArrow.tsx +1 -1
- package/src/lib/Symbols/Icons/NftHide.tsx +1 -1
- package/src/lib/Symbols/Icons/Parachute.tsx +1 -1
- package/src/lib/Symbols/Icons/PictureImage.tsx +1 -1
- package/src/lib/Symbols/Icons/Range.tsx +1 -1
- package/src/lib/Symbols/Icons/Reddit.tsx +2 -2
- package/src/lib/Symbols/Icons/Reduce.tsx +1 -1
- package/src/lib/Symbols/Icons/Screens.tsx +1 -1
- package/src/lib/Symbols/Icons/Shapes.tsx +1 -1
- package/src/lib/Symbols/Icons/Share.tsx +1 -1
- package/src/lib/Symbols/Icons/StarHalf.tsx +1 -1
- package/src/lib/Symbols/Icons/TransferHorizontal.tsx +1 -1
- package/src/lib/Symbols/Icons/TransferVertical.tsx +1 -1
- package/src/lib/Symbols/Icons/Truck.tsx +1 -1
- package/src/lib/Symbols/Icons/Usb.tsx +1 -1
- package/src/lib/Symbols/Icons/UserArrowRight.tsx +1 -1
- package/src/lib/Symbols/Icons/WalletInput.tsx +1 -1
package/dist/module/i18n/i18n.js
CHANGED
|
@@ -30,8 +30,12 @@ const localeResources = {
|
|
|
30
30
|
const loadedLocales = new Set();
|
|
31
31
|
const initializeI18n = () => {
|
|
32
32
|
const instance = i18next.createInstance();
|
|
33
|
+
const resources = Object.fromEntries(Object.entries(localeResources).map(([locale, translations]) => [locale, {
|
|
34
|
+
[I18N_DEFAULT_NAMESPACE]: translations
|
|
35
|
+
}]));
|
|
36
|
+
Object.keys(localeResources).forEach(locale => loadedLocales.add(locale));
|
|
33
37
|
instance.use(initReactI18next).init({
|
|
34
|
-
resources
|
|
38
|
+
resources,
|
|
35
39
|
lng: DEFAULT_LANGUAGE,
|
|
36
40
|
defaultNS: I18N_DEFAULT_NAMESPACE,
|
|
37
41
|
fallbackLng: DEFAULT_LANGUAGE,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["i18next","initReactI18next","DEFAULT_LANGUAGE","I18N_DEFAULT_NAMESPACE","de","en","es","fr","ja","ko","pt","ru","th","tr","zh","localeResources","loadedLocales","Set","initializeI18n","instance","createInstance","
|
|
1
|
+
{"version":3,"names":["i18next","initReactI18next","DEFAULT_LANGUAGE","I18N_DEFAULT_NAMESPACE","de","en","es","fr","ja","ko","pt","ru","th","tr","zh","localeResources","loadedLocales","Set","initializeI18n","instance","createInstance","resources","Object","fromEntries","entries","map","locale","translations","keys","forEach","add","use","init","lng","defaultNS","fallbackLng","interpolation","escapeValue","react","useSuspense","catch","error","console","i18n","loadLocale","has","addResourceBundle","switchLanguage","changeLanguage"],"sourceRoot":"../../../src","sources":["i18n/i18n.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -32,6 +32,11 @@
|
|
|
32
32
|
},
|
|
33
33
|
"stepper": {
|
|
34
34
|
"progressAriaLabel": "Step {{currentStep}} of {{totalSteps}}"
|
|
35
|
+
},
|
|
36
|
+
"trend": {
|
|
37
|
+
"positiveAriaLabel": "Trending up by {{value}}",
|
|
38
|
+
"negativeAriaLabel": "Trending down by {{value}}",
|
|
39
|
+
"neutralAriaLabel": "No change, {{value}}"
|
|
35
40
|
}
|
|
36
41
|
}
|
|
37
42
|
}
|
|
@@ -26,19 +26,19 @@ const useStyles = ({
|
|
|
26
26
|
return useStyleSheet(t => {
|
|
27
27
|
const sizeMap = {
|
|
28
28
|
sm: {
|
|
29
|
-
size: t.sizes.
|
|
29
|
+
size: t.sizes.s40,
|
|
30
30
|
padding: t.spacings.s4
|
|
31
31
|
},
|
|
32
32
|
md: {
|
|
33
|
-
size: t.sizes.
|
|
33
|
+
size: t.sizes.s48,
|
|
34
34
|
padding: t.spacings.s4
|
|
35
35
|
},
|
|
36
36
|
lg: {
|
|
37
|
-
size: t.sizes.
|
|
37
|
+
size: t.sizes.s56,
|
|
38
38
|
padding: t.spacings.s4
|
|
39
39
|
},
|
|
40
40
|
xl: {
|
|
41
|
-
size: t.sizes.
|
|
41
|
+
size: t.sizes.s72,
|
|
42
42
|
padding: t.spacings.s4
|
|
43
43
|
}
|
|
44
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useEffect","StyleSheet","Image","useCommonTranslation","useStyleSheet","User","DotIndicator","Box","jsx","_jsx","fallbackSizes","sm","md","lg","xl","dotSizeMap","useStyles","size","t","sizeMap","sizes","
|
|
1
|
+
{"version":3,"names":["useState","useEffect","StyleSheet","Image","useCommonTranslation","useStyleSheet","User","DotIndicator","Box","jsx","_jsx","fallbackSizes","sm","md","lg","xl","dotSizeMap","useStyles","size","t","sizeMap","sizes","s40","padding","spacings","s4","s48","s56","s72","root","position","width","height","borderRadius","backgroundColor","colors","bg","muted","alignItems","justifyContent","image","overflow","Avatar","lx","style","src","alt","showNotification","testID","ref","props","error","setError","shouldFallback","styles","resolvedAlt","accessibilityLabel","avatarContent","flatten","accessibilityRole","undefined","children","accessible","source","uri","onError","appearance"],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -50,32 +50,32 @@ describe('Avatar Component', () => {
|
|
|
50
50
|
size: "sm"
|
|
51
51
|
})
|
|
52
52
|
}));
|
|
53
|
-
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.
|
|
54
|
-
expect(getByTestId('avatar-id').props.style.height).toBe(sizes.
|
|
53
|
+
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.s40);
|
|
54
|
+
expect(getByTestId('avatar-id').props.style.height).toBe(sizes.s40);
|
|
55
55
|
rerender(/*#__PURE__*/_jsx(TestWrapper, {
|
|
56
56
|
children: /*#__PURE__*/_jsx(Avatar, {
|
|
57
57
|
testID: "avatar-id",
|
|
58
58
|
size: "md"
|
|
59
59
|
})
|
|
60
60
|
}));
|
|
61
|
-
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.
|
|
62
|
-
expect(getByTestId('avatar-id').props.style.height).toBe(sizes.
|
|
61
|
+
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.s48);
|
|
62
|
+
expect(getByTestId('avatar-id').props.style.height).toBe(sizes.s48);
|
|
63
63
|
rerender(/*#__PURE__*/_jsx(TestWrapper, {
|
|
64
64
|
children: /*#__PURE__*/_jsx(Avatar, {
|
|
65
65
|
testID: "avatar-id",
|
|
66
66
|
size: "lg"
|
|
67
67
|
})
|
|
68
68
|
}));
|
|
69
|
-
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.
|
|
70
|
-
expect(getByTestId('avatar-id').props.style.height).toBe(sizes.
|
|
69
|
+
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.s56);
|
|
70
|
+
expect(getByTestId('avatar-id').props.style.height).toBe(sizes.s56);
|
|
71
71
|
rerender(/*#__PURE__*/_jsx(TestWrapper, {
|
|
72
72
|
children: /*#__PURE__*/_jsx(Avatar, {
|
|
73
73
|
testID: "avatar-id",
|
|
74
74
|
size: "xl"
|
|
75
75
|
})
|
|
76
76
|
}));
|
|
77
|
-
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.
|
|
78
|
-
expect(getByTestId('avatar-id').props.style.height).toBe(sizes.
|
|
77
|
+
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.s72);
|
|
78
|
+
expect(getByTestId('avatar-id').props.style.height).toBe(sizes.s72);
|
|
79
79
|
});
|
|
80
80
|
it('should render fallback icon when no src is provided', () => {
|
|
81
81
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","waitFor","ThemeProvider","Avatar","jsx","_jsx","sizes","dark","TestWrapper","children","themes","colorScheme","locale","testSrc","getByLabelText","src","alt","getByTestId","rerender","testID","size","props","style","width","toBe","
|
|
1
|
+
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","waitFor","ThemeProvider","Avatar","jsx","_jsx","sizes","dark","TestWrapper","children","themes","colorScheme","locale","testSrc","getByLabelText","src","alt","getByTestId","rerender","testID","size","props","style","width","toBe","s40","height","s48","s56","s72","avatarContainer","toBeTruthy","accessibilityRole","image","source","toEqual","uri","queryByTestId","onError","toBeNull","newImage","toJSON","showNotification","tree","toHaveLength","pointerEvents","dot","s10","s12","s14","s16","customStyle","borderWidth","avatar","accessibilityLabel"],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/Avatar.test.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,QAAQ,eAAe;AACpD,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,MAAM,EAAEC,OAAO,QAAQ,+BAA+B;AAC/D,SAASC,aAAa,QAAQ,mCAAgC;AAC9D,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,MAAM;EAAEC;AAAM,CAAC,GAAGP,gBAAgB,CAACQ,IAAI;AAEvC,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAwC,CAAC,kBAC9DJ,IAAA,CAACH,aAAa;EAACQ,MAAM,EAAEX,gBAAiB;EAACY,WAAW,EAAC,MAAM;EAACC,MAAM,EAAC,IAAI;EAAAH,QAAA,EACpEA;AAAQ,CACI,CAChB;AAEDb,QAAQ,CAAC,kBAAkB,EAAE,MAAM;EACjC,MAAMiB,OAAO,GACX,6KAA6K;EAC/KhB,EAAE,CAAC,4CAA4C,EAAE,MAAM;IACrD,MAAM;MAAEiB;IAAe,CAAC,GAAGd,MAAM,cAC/BK,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACY,GAAG,EAAEF;MAAQ,CAAE;IAAC,CACb,CACf,CAAC;IACDC,cAAc,CAAC,QAAQ,CAAC;EAC1B,CAAC,CAAC;EAEFjB,EAAE,CAAC,oCAAoC,EAAE,MAAM;IAC7C,MAAM;MAAEiB;IAAe,CAAC,GAAGd,MAAM,cAC/BK,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACY,GAAG,EAAEF,OAAQ;QAACG,GAAG,EAAC;MAAc,CAAE;IAAC,CAChC,CACf,CAAC;IACDF,cAAc,CAAC,cAAc,CAAC;EAChC,CAAC,CAAC;EAEFjB,EAAE,CAAC,oCAAoC,EAAE,MAAM;IAC7C,MAAM;MAAEoB,WAAW;MAAEC;IAAS,CAAC,GAAGlB,MAAM,cACtCK,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACgB,MAAM,EAAC,WAAW;QAACC,IAAI,EAAC;MAAI,CAAE;IAAC,CAC5B,CACf,CAAC;IACDtB,MAAM,CAACmB,WAAW,CAAC,WAAW,CAAC,CAACI,KAAK,CAACC,KAAK,CAACC,KAAK,CAAC,CAACC,IAAI,CAAClB,KAAK,CAACmB,GAAG,CAAC;IAClE3B,MAAM,CAACmB,WAAW,CAAC,WAAW,CAAC,CAACI,KAAK,CAACC,KAAK,CAACI,MAAM,CAAC,CAACF,IAAI,CAAClB,KAAK,CAACmB,GAAG,CAAC;IAEnEP,QAAQ,cACNb,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACgB,MAAM,EAAC,WAAW;QAACC,IAAI,EAAC;MAAI,CAAE;IAAC,CAC5B,CACf,CAAC;IACDtB,MAAM,CAACmB,WAAW,CAAC,WAAW,CAAC,CAACI,KAAK,CAACC,KAAK,CAACC,KAAK,CAAC,CAACC,IAAI,CAAClB,KAAK,CAACqB,GAAG,CAAC;IAClE7B,MAAM,CAACmB,WAAW,CAAC,WAAW,CAAC,CAACI,KAAK,CAACC,KAAK,CAACI,MAAM,CAAC,CAACF,IAAI,CAAClB,KAAK,CAACqB,GAAG,CAAC;IAEnET,QAAQ,cACNb,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACgB,MAAM,EAAC,WAAW;QAACC,IAAI,EAAC;MAAI,CAAE;IAAC,CAC5B,CACf,CAAC;IACDtB,MAAM,CAACmB,WAAW,CAAC,WAAW,CAAC,CAACI,KAAK,CAACC,KAAK,CAACC,KAAK,CAAC,CAACC,IAAI,CAAClB,KAAK,CAACsB,GAAG,CAAC;IAClE9B,MAAM,CAACmB,WAAW,CAAC,WAAW,CAAC,CAACI,KAAK,CAACC,KAAK,CAACI,MAAM,CAAC,CAACF,IAAI,CAAClB,KAAK,CAACsB,GAAG,CAAC;IAEnEV,QAAQ,cACNb,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACgB,MAAM,EAAC,WAAW;QAACC,IAAI,EAAC;MAAI,CAAE;IAAC,CAC5B,CACf,CAAC;IACDtB,MAAM,CAACmB,WAAW,CAAC,WAAW,CAAC,CAACI,KAAK,CAACC,KAAK,CAACC,KAAK,CAAC,CAACC,IAAI,CAAClB,KAAK,CAACuB,GAAG,CAAC;IAClE/B,MAAM,CAACmB,WAAW,CAAC,WAAW,CAAC,CAACI,KAAK,CAACC,KAAK,CAACI,MAAM,CAAC,CAACF,IAAI,CAAClB,KAAK,CAACuB,GAAG,CAAC;EACrE,CAAC,CAAC;EAEFhC,EAAE,CAAC,qDAAqD,EAAE,MAAM;IAC9D,MAAM;MAAEiB,cAAc;MAAEG;IAAY,CAAC,GAAGjB,MAAM,cAC5CK,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM,IAAE;IAAC,CACC,CACf,CAAC;IAED,MAAM2B,eAAe,GAAGhB,cAAc,CAAC,QAAQ,CAAC;IAChDhB,MAAM,CAACgC,eAAe,CAAC,CAACC,UAAU,CAAC,CAAC;IACpCjC,MAAM,CAACgC,eAAe,CAACT,KAAK,CAACW,iBAAiB,CAAC,CAACR,IAAI,CAAC,OAAO,CAAC;IAE7D1B,MAAM,CAACmB,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAACc,UAAU,CAAC,CAAC;EAC1D,CAAC,CAAC;EAEFlC,EAAE,CAAC,0CAA0C,EAAE,MAAM;IACnD,MAAM;MAAEiB,cAAc;MAAEG;IAAY,CAAC,GAAGjB,MAAM,cAC5CK,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACY,GAAG,EAAC,gCAAgC;QAACC,GAAG,EAAC;MAAa,CAAE;IAAC,CACtD,CACf,CAAC;IAED,MAAMc,eAAe,GAAGhB,cAAc,CAAC,aAAa,CAAC;IACrDhB,MAAM,CAACgC,eAAe,CAAC,CAACC,UAAU,CAAC,CAAC;IACpCjC,MAAM,CAACgC,eAAe,CAACT,KAAK,CAACW,iBAAiB,CAAC,CAACR,IAAI,CAAC,OAAO,CAAC;IAE7D,MAAMS,KAAK,GAAGhB,WAAW,CAAC,cAAc,CAAC;IACzCnB,MAAM,CAACmC,KAAK,CAACZ,KAAK,CAACa,MAAM,CAAC,CAACC,OAAO,CAAC;MACjCC,GAAG,EAAE;IACP,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFvC,EAAE,CAAC,4CAA4C,EAAE,YAAY;IAC3D,MAAM;MAAEiB,cAAc;MAAEG,WAAW;MAAEoB,aAAa;MAAEnB;IAAS,CAAC,GAAGlB,MAAM,cACrEK,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACY,GAAG,EAAC,iCAAiC;QAACC,GAAG,EAAC;MAAc,CAAE;IAAC,CACxD,CACf,CAAC;IAED,MAAMc,eAAe,GAAGhB,cAAc,CAAC,cAAc,CAAC;IACtDhB,MAAM,CAACgC,eAAe,CAAC,CAACC,UAAU,CAAC,CAAC;IAEpC,MAAME,KAAK,GAAGhB,WAAW,CAAC,cAAc,CAAC;IACzCnB,MAAM,CAACmC,KAAK,CAAC,CAACF,UAAU,CAAC,CAAC;IAE1BE,KAAK,CAACZ,KAAK,CAACiB,OAAO,CAAC,CAAC;IAErBpB,QAAQ,cACNb,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACY,GAAG,EAAC,iCAAiC;QAACC,GAAG,EAAC;MAAc,CAAE;IAAC,CACxD,CACf,CAAC;IAED,MAAMf,OAAO,CAAC,MAAM;MAClBH,MAAM,CAACuC,aAAa,CAAC,cAAc,CAAC,CAAC,CAACE,QAAQ,CAAC,CAAC;MAChDzC,MAAM,CAACmB,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAACc,UAAU,CAAC,CAAC;IAC1D,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFlC,EAAE,CAAC,2CAA2C,EAAE,YAAY;IAC1D,MAAM;MAAEiB,cAAc;MAAEG,WAAW;MAAEC;IAAS,CAAC,GAAGlB,MAAM,cACtDK,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACY,GAAG,EAAC,iCAAiC;QAACC,GAAG,EAAC;MAAc,CAAE;IAAC,CACxD,CACf,CAAC;IAED,MAAMc,eAAe,GAAGhB,cAAc,CAAC,cAAc,CAAC;IACtDhB,MAAM,CAACgC,eAAe,CAAC,CAACC,UAAU,CAAC,CAAC;IAEpC,MAAME,KAAK,GAAGhB,WAAW,CAAC,cAAc,CAAC;IACzCgB,KAAK,CAACZ,KAAK,CAACiB,OAAO,CAAC,CAAC;IAErBpB,QAAQ,cACNb,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACY,GAAG,EAAC,iCAAiC;QAACC,GAAG,EAAC;MAAc,CAAE;IAAC,CACxD,CACf,CAAC;IAED,MAAMf,OAAO,CAAC,MAAM;MAClB,MAAMuC,QAAQ,GAAGvB,WAAW,CAAC,cAAc,CAAC;MAC5CnB,MAAM,CAAC0C,QAAQ,CAACnB,KAAK,CAACa,MAAM,CAAC,CAACC,OAAO,CAAC;QACpCC,GAAG,EAAE;MACP,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFvC,EAAE,CAAC,kEAAkE,EAAE,MAAM;IAC3E,MAAM;MAAEoB,WAAW;MAAEwB;IAAO,CAAC,GAAGzC,MAAM,cACpCK,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACgB,MAAM,EAAC,WAAW;QAACuB,gBAAgB;MAAA,CAAE;IAAC,CACnC,CACf,CAAC;IAED,MAAMC,IAAI,GAAGF,MAAM,CAAC,CAAC;IACrB3C,MAAM,CAAC6C,IAAI,CAAClC,QAAQ,CAAC,CAACmC,YAAY,CAAC,CAAC,CAAC;IACrC9C,MAAM,CAAC6C,IAAI,CAAClC,QAAQ,CAAC,CAAC,CAAC,CAACY,KAAK,CAACW,iBAAiB,CAAC,CAACR,IAAI,CAAC,OAAO,CAAC;IAC9D1B,MAAM,CAAC6C,IAAI,CAAClC,QAAQ,CAAC,CAAC,CAAC,CAACY,KAAK,CAACwB,aAAa,CAAC,CAACrB,IAAI,CAAC,MAAM,CAAC;IACzD1B,MAAM,CAACmB,WAAW,CAAC,WAAW,CAAC,CAAC,CAACc,UAAU,CAAC,CAAC;EAC/C,CAAC,CAAC;EAEFlC,EAAE,CAAC,mDAAmD,EAAE,MAAM;IAC5D,MAAM;MAAE4C;IAAO,CAAC,GAAGzC,MAAM,cACvBK,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACgB,MAAM,EAAC;MAAW,CAAE;IAAC,CAClB,CACf,CAAC;IAED,MAAMwB,IAAI,GAAGF,MAAM,CAAC,CAAC;IACrB3C,MAAM,CAAC6C,IAAI,CAACtB,KAAK,CAACF,MAAM,CAAC,CAACK,IAAI,CAAC,WAAW,CAAC;EAC7C,CAAC,CAAC;EAEF3B,EAAE,CAAC,uEAAuE,EAAE,MAAM;IAChF,MAAM;MAAE4C,MAAM;MAAEvB;IAAS,CAAC,GAAGlB,MAAM,cACjCK,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACgB,MAAM,EAAC,WAAW;QAACC,IAAI,EAAC,IAAI;QAACsB,gBAAgB;MAAA,CAAE;IAAC,CAC7C,CACf,CAAC;IAED,IAAII,GAAG,GAAGL,MAAM,CAAC,CAAC,CAAChC,QAAQ,CAAC,CAAC,CAAC;IAC9BX,MAAM,CAACgD,GAAG,CAACzB,KAAK,CAACC,KAAK,CAACI,MAAM,CAAC,CAACF,IAAI,CAAClB,KAAK,CAACyC,GAAG,CAAC;IAE9C7B,QAAQ,cACNb,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACgB,MAAM,EAAC,WAAW;QAACC,IAAI,EAAC,IAAI;QAACsB,gBAAgB;MAAA,CAAE;IAAC,CAC7C,CACf,CAAC;IAEDI,GAAG,GAAGL,MAAM,CAAC,CAAC,CAAChC,QAAQ,CAAC,CAAC,CAAC;IAC1BX,MAAM,CAACgD,GAAG,CAACzB,KAAK,CAACC,KAAK,CAACI,MAAM,CAAC,CAACF,IAAI,CAAClB,KAAK,CAAC0C,GAAG,CAAC;IAE9C9B,QAAQ,cACNb,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACgB,MAAM,EAAC,WAAW;QAACC,IAAI,EAAC,IAAI;QAACsB,gBAAgB;MAAA,CAAE;IAAC,CAC7C,CACf,CAAC;IAEDI,GAAG,GAAGL,MAAM,CAAC,CAAC,CAAChC,QAAQ,CAAC,CAAC,CAAC;IAC1BX,MAAM,CAACgD,GAAG,CAACzB,KAAK,CAACC,KAAK,CAACI,MAAM,CAAC,CAACF,IAAI,CAAClB,KAAK,CAAC2C,GAAG,CAAC;IAE9C/B,QAAQ,cACNb,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACgB,MAAM,EAAC,WAAW;QAACC,IAAI,EAAC,IAAI;QAACsB,gBAAgB;MAAA,CAAE;IAAC,CAC7C,CACf,CAAC;IAEDI,GAAG,GAAGL,MAAM,CAAC,CAAC,CAAChC,QAAQ,CAAC,CAAC,CAAC;IAC1BX,MAAM,CAACgD,GAAG,CAACzB,KAAK,CAACC,KAAK,CAACI,MAAM,CAAC,CAACF,IAAI,CAAClB,KAAK,CAAC4C,GAAG,CAAC;EAChD,CAAC,CAAC;EAEFrD,EAAE,CAAC,4BAA4B,EAAE,MAAM;IACrC,MAAMsD,WAAW,GAAG;MAAEC,WAAW,EAAE;IAAE,CAAC;IACtC,MAAM;MAAEnC;IAAY,CAAC,GAAGjB,MAAM,cAC5BK,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACgB,MAAM,EAAC,WAAW;QAACG,KAAK,EAAE6B;MAAY,CAAE;IAAC,CACtC,CACf,CAAC;IAED,MAAME,MAAM,GAAGpC,WAAW,CAAC,WAAW,CAAC;IACvCnB,MAAM,CAACuD,MAAM,CAAChC,KAAK,CAACC,KAAK,CAAC8B,WAAW,CAAC,CAAC5B,IAAI,CAAC,CAAC,CAAC;EAChD,CAAC,CAAC;EAEF3B,EAAE,CAAC,mDAAmD,EAAE,MAAM;IAC5D,MAAM;MAAEoB;IAAY,CAAC,GAAGjB,MAAM,cAC5BK,IAAA,CAACG,WAAW;MAAAC,QAAA,eACVJ,IAAA,CAACF,MAAM;QAACgB,MAAM,EAAC,gBAAgB;QAACmC,kBAAkB,EAAC;MAAgB,CAAE;IAAC,CAC3D,CACf,CAAC;IAED,MAAMD,MAAM,GAAGpC,WAAW,CAAC,gBAAgB,CAAC;IAC5CnB,MAAM,CAACuD,MAAM,CAAChC,KAAK,CAACiC,kBAAkB,CAAC,CAAC9B,IAAI,CAAC,gBAAgB,CAAC;EAChE,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
|
|
4
|
+
import { StyleSheet } from 'react-native';
|
|
5
|
+
import { useCommonTranslation } from "../../../i18n/index.js";
|
|
6
|
+
import { useStyleSheet } from "../../../styles/index.js";
|
|
7
|
+
import { Minus, TriangleDown, TriangleUp } from "../../Symbols/index.js";
|
|
8
|
+
import { Box, Text } from "../Utility/index.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
function getVariant(value) {
|
|
11
|
+
if (value === 0) {
|
|
12
|
+
return 'neutral';
|
|
13
|
+
}
|
|
14
|
+
return value > 0 ? 'positive' : 'negative';
|
|
15
|
+
}
|
|
16
|
+
export function Trend({
|
|
17
|
+
value,
|
|
18
|
+
size = 'md',
|
|
19
|
+
lx = {},
|
|
20
|
+
disabled: disabledProp = false,
|
|
21
|
+
style,
|
|
22
|
+
...props
|
|
23
|
+
}) {
|
|
24
|
+
const variant = getVariant(value);
|
|
25
|
+
const disabled = useDisabledContext({
|
|
26
|
+
consumerName: 'Trend',
|
|
27
|
+
mergeWith: {
|
|
28
|
+
disabled: disabledProp
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const {
|
|
32
|
+
t
|
|
33
|
+
} = useCommonTranslation();
|
|
34
|
+
const styles = useStyles({
|
|
35
|
+
size,
|
|
36
|
+
variant,
|
|
37
|
+
disabled
|
|
38
|
+
});
|
|
39
|
+
const Icon = {
|
|
40
|
+
positive: TriangleUp,
|
|
41
|
+
negative: TriangleDown,
|
|
42
|
+
neutral: Minus
|
|
43
|
+
}[variant];
|
|
44
|
+
const iconSize = {
|
|
45
|
+
md: 16,
|
|
46
|
+
sm: 12
|
|
47
|
+
}[size];
|
|
48
|
+
const iconColor = {
|
|
49
|
+
positive: 'success',
|
|
50
|
+
negative: 'error',
|
|
51
|
+
neutral: 'muted'
|
|
52
|
+
}[variant];
|
|
53
|
+
const absoluteFormattedValue = `${Math.abs(value).toFixed(2)}%`;
|
|
54
|
+
const formattedValue = value < 0 ? `-${absoluteFormattedValue}` : absoluteFormattedValue;
|
|
55
|
+
return /*#__PURE__*/_jsxs(Box, {
|
|
56
|
+
accessible: true,
|
|
57
|
+
accessibilityLabel: t(`components.trend.${variant}AriaLabel`, {
|
|
58
|
+
value: absoluteFormattedValue
|
|
59
|
+
}),
|
|
60
|
+
accessibilityState: {
|
|
61
|
+
disabled
|
|
62
|
+
},
|
|
63
|
+
lx: lx,
|
|
64
|
+
style: [styles.container, style],
|
|
65
|
+
...props,
|
|
66
|
+
children: [/*#__PURE__*/_jsx(Icon, {
|
|
67
|
+
size: iconSize,
|
|
68
|
+
color: disabled ? 'disabled' : iconColor
|
|
69
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
70
|
+
style: styles.text,
|
|
71
|
+
children: formattedValue
|
|
72
|
+
})]
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
const useStyles = ({
|
|
76
|
+
size,
|
|
77
|
+
variant,
|
|
78
|
+
disabled
|
|
79
|
+
}) => useStyleSheet(t => {
|
|
80
|
+
const color = {
|
|
81
|
+
positive: t.colors.text.success,
|
|
82
|
+
negative: t.colors.text.error,
|
|
83
|
+
neutral: t.colors.text.muted
|
|
84
|
+
}[variant];
|
|
85
|
+
const sizeMap = {
|
|
86
|
+
sm: t.typographies.body3,
|
|
87
|
+
md: t.typographies.body2
|
|
88
|
+
}[size];
|
|
89
|
+
return {
|
|
90
|
+
container: {
|
|
91
|
+
flexDirection: 'row',
|
|
92
|
+
alignItems: 'center',
|
|
93
|
+
gap: t.spacings.s2
|
|
94
|
+
},
|
|
95
|
+
text: StyleSheet.flatten([{
|
|
96
|
+
...sizeMap,
|
|
97
|
+
color
|
|
98
|
+
}, disabled && {
|
|
99
|
+
color: t.colors.text.disabled
|
|
100
|
+
}])
|
|
101
|
+
};
|
|
102
|
+
}, [size, variant, disabled]);
|
|
103
|
+
//# sourceMappingURL=Trend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useDisabledContext","StyleSheet","useCommonTranslation","useStyleSheet","Minus","TriangleDown","TriangleUp","Box","Text","jsx","_jsx","jsxs","_jsxs","getVariant","value","Trend","size","lx","disabled","disabledProp","style","props","variant","consumerName","mergeWith","t","styles","useStyles","Icon","positive","negative","neutral","iconSize","md","sm","iconColor","absoluteFormattedValue","Math","abs","toFixed","formattedValue","accessible","accessibilityLabel","accessibilityState","container","children","color","text","colors","success","error","muted","sizeMap","typographies","body3","body2","flexDirection","alignItems","gap","spacings","s2","flatten"],"sourceRoot":"../../../../../src","sources":["lib/Components/Trend/Trend.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
|
|
2
|
+
import * as TrendStories from './Trend.stories';
|
|
3
|
+
import { CustomTabs, Tab } from '../../../../.storybook/components';
|
|
4
|
+
import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
|
|
5
|
+
import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
|
|
6
|
+
|
|
7
|
+
<Meta title='Communication/Trend' of={TrendStories} />
|
|
8
|
+
|
|
9
|
+
# Trend
|
|
10
|
+
|
|
11
|
+
<CustomTabs>
|
|
12
|
+
<Tab label="Overview">
|
|
13
|
+
|
|
14
|
+
## Introduction
|
|
15
|
+
|
|
16
|
+
A compact indicator used to communicate directional change in a numeric value, typically a percentage. It combines an icon and a formatted label to convey whether a value has gone up, down, or stayed flat.
|
|
17
|
+
|
|
18
|
+
> View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=892-5393).
|
|
19
|
+
|
|
20
|
+
## Anatomy
|
|
21
|
+
|
|
22
|
+
- **Icon:** A directional triangle (up or down) or a minus symbol that visually reinforces the direction of change at a glance.
|
|
23
|
+
- **Value:** The numeric percentage formatted to exactly two decimal places, ensuring consistent alignment across lists and tables.
|
|
24
|
+
|
|
25
|
+
## Properties
|
|
26
|
+
|
|
27
|
+
### Overview
|
|
28
|
+
|
|
29
|
+
<Canvas of={TrendStories.Base} />
|
|
30
|
+
<Controls of={TrendStories.Base} />
|
|
31
|
+
|
|
32
|
+
### Variants
|
|
33
|
+
|
|
34
|
+
The variant is derived automatically from the `value` prop. No manual selection needed! This ensures the color and icon always stay in sync with the actual data.
|
|
35
|
+
|
|
36
|
+
- **Positive** - value greater than 0: green color, triangle up icon
|
|
37
|
+
- **Negative** - value less than 0: red color, triangle down icon
|
|
38
|
+
- **Neutral** - value equal to 0: muted color, minus icon
|
|
39
|
+
|
|
40
|
+
<Canvas of={TrendStories.VariantShowcase} />
|
|
41
|
+
|
|
42
|
+
---
|
|
43
|
+
|
|
44
|
+
### Size
|
|
45
|
+
|
|
46
|
+
Two sizes are available to accommodate different layout densities. Use `md` in most contexts and `sm` when space is constrained, such as inside a table cell or a compact list item.
|
|
47
|
+
|
|
48
|
+
- **md** (default) - standard body text and icon sizes
|
|
49
|
+
- **sm** - smaller text and icon, suitable for dense UIs
|
|
50
|
+
|
|
51
|
+
<Canvas of={TrendStories.SizeShowcase} />
|
|
52
|
+
|
|
53
|
+
---
|
|
54
|
+
|
|
55
|
+
### Disabled
|
|
56
|
+
|
|
57
|
+
When `disabled` is `true`, the icon and text both render in a muted, non-interactive style regardless of the underlying value. Use this when the data is unavailable, loading, or the surrounding context is non-interactive.
|
|
58
|
+
|
|
59
|
+
<Canvas of={TrendStories.DisabledShowcase} />
|
|
60
|
+
|
|
61
|
+
</Tab>
|
|
62
|
+
<Tab label="Implementation">
|
|
63
|
+
|
|
64
|
+
## Setup
|
|
65
|
+
|
|
66
|
+
Install and set up the library with our [Setup Guide →](?path=/docs/getting-started-setup--docs).
|
|
67
|
+
|
|
68
|
+
### Basic Usage
|
|
69
|
+
|
|
70
|
+
Pass any numeric value - the component handles color, icon, and formatting automatically.
|
|
71
|
+
|
|
72
|
+
```tsx
|
|
73
|
+
import { Trend } from '@ledgerhq/lumen-ui-rnative';
|
|
74
|
+
|
|
75
|
+
function MyComponent() {
|
|
76
|
+
return <Trend value={5.25} />;
|
|
77
|
+
}
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
### Sizes
|
|
81
|
+
|
|
82
|
+
Choose `sm` for dense layouts like tables or compact list rows, and `md` for standard content areas.
|
|
83
|
+
|
|
84
|
+
```tsx
|
|
85
|
+
<Trend value={3.14} size='md' />
|
|
86
|
+
<Trend value={3.14} size='sm' />
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
### Disabled State
|
|
90
|
+
|
|
91
|
+
Wrap or pass `disabled` when the value is unavailable or the parent context is non-interactive. The component style updates automatically - no extra styling needed.
|
|
92
|
+
|
|
93
|
+
```tsx
|
|
94
|
+
<Trend value={5.25} disabled />
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
### Layout Adjustments
|
|
98
|
+
|
|
99
|
+
Use `lx` for layout only - not for overriding colors or typography. The component's visual appearance is controlled exclusively via props.
|
|
100
|
+
|
|
101
|
+
```tsx
|
|
102
|
+
<Trend value={-1.5} lx={{ marginTop: 's4' }} />
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
</Tab>
|
|
106
|
+
</CustomTabs>
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Box } from "../Utility/Box/index.js";
|
|
4
|
+
import { Trend } from "./Trend.js";
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
const meta = {
|
|
7
|
+
component: Trend,
|
|
8
|
+
title: 'Communication/Trend',
|
|
9
|
+
argTypes: {
|
|
10
|
+
value: {
|
|
11
|
+
control: 'number'
|
|
12
|
+
},
|
|
13
|
+
size: {
|
|
14
|
+
control: 'radio',
|
|
15
|
+
options: ['sm', 'md']
|
|
16
|
+
},
|
|
17
|
+
disabled: {
|
|
18
|
+
control: 'boolean'
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export default meta;
|
|
23
|
+
export const Base = {
|
|
24
|
+
args: {
|
|
25
|
+
value: 5.25,
|
|
26
|
+
size: 'md',
|
|
27
|
+
disabled: false
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
export const VariantShowcase = {
|
|
31
|
+
render: () => /*#__PURE__*/_jsxs(Box, {
|
|
32
|
+
lx: {
|
|
33
|
+
flexDirection: 'column',
|
|
34
|
+
gap: 's8'
|
|
35
|
+
},
|
|
36
|
+
children: [/*#__PURE__*/_jsx(Trend, {
|
|
37
|
+
value: 5.25
|
|
38
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
39
|
+
value: -3.14
|
|
40
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
41
|
+
value: 0
|
|
42
|
+
})]
|
|
43
|
+
})
|
|
44
|
+
};
|
|
45
|
+
export const SizeShowcase = {
|
|
46
|
+
render: () => /*#__PURE__*/_jsxs(Box, {
|
|
47
|
+
lx: {
|
|
48
|
+
flexDirection: 'row',
|
|
49
|
+
alignItems: 'center',
|
|
50
|
+
gap: 's16'
|
|
51
|
+
},
|
|
52
|
+
children: [/*#__PURE__*/_jsx(Trend, {
|
|
53
|
+
value: 5.25,
|
|
54
|
+
size: "md"
|
|
55
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
56
|
+
value: 5.25,
|
|
57
|
+
size: "sm"
|
|
58
|
+
})]
|
|
59
|
+
})
|
|
60
|
+
};
|
|
61
|
+
export const DisabledShowcase = {
|
|
62
|
+
render: () => /*#__PURE__*/_jsxs(Box, {
|
|
63
|
+
lx: {
|
|
64
|
+
flexDirection: 'column',
|
|
65
|
+
gap: 's8'
|
|
66
|
+
},
|
|
67
|
+
children: [/*#__PURE__*/_jsx(Trend, {
|
|
68
|
+
value: 5.25,
|
|
69
|
+
disabled: true
|
|
70
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
71
|
+
value: -3.14,
|
|
72
|
+
disabled: true
|
|
73
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
74
|
+
value: 0,
|
|
75
|
+
disabled: true
|
|
76
|
+
})]
|
|
77
|
+
})
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=Trend.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Box","Trend","jsx","_jsx","jsxs","_jsxs","meta","component","title","argTypes","value","control","size","options","disabled","Base","args","VariantShowcase","render","lx","flexDirection","gap","children","SizeShowcase","alignItems","DisabledShowcase"],"sourceRoot":"../../../../../src","sources":["lib/Components/Trend/Trend.stories.tsx"],"mappings":";;AACA,SAASA,GAAG,QAAQ,yBAAgB;AACpC,SAASC,KAAK,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhC,MAAMC,IAAwB,GAAG;EAC/BC,SAAS,EAAEN,KAAK;EAChBO,KAAK,EAAE,qBAAqB;EAC5BC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJD,OAAO,EAAE,OAAO;MAChBE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI;IACtB,CAAC;IACDC,QAAQ,EAAE;MACRH,OAAO,EAAE;IACX;EACF;AACF,CAAC;AAED,eAAeL,IAAI;AAInB,OAAO,MAAMS,IAAW,GAAG;EACzBC,IAAI,EAAE;IACJN,KAAK,EAAE,IAAI;IACXE,IAAI,EAAE,IAAI;IACVE,QAAQ,EAAE;EACZ;AACF,CAAC;AAED,OAAO,MAAMG,eAAsB,GAAG;EACpCC,MAAM,EAAEA,CAAA,kBACNb,KAAA,CAACL,GAAG;IAACmB,EAAE,EAAE;MAAEC,aAAa,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAK,CAAE;IAAAC,QAAA,gBAC9CnB,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE;IAAK,CAAE,CAAC,eACtBP,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE,CAAC;IAAK,CAAE,CAAC,eACvBP,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE;IAAE,CAAE,CAAC;EAAA,CAChB;AAET,CAAC;AAED,OAAO,MAAMa,YAAmB,GAAG;EACjCL,MAAM,EAAEA,CAAA,kBACNb,KAAA,CAACL,GAAG;IAACmB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEI,UAAU,EAAE,QAAQ;MAAEH,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,gBAClEnB,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE,IAAK;MAACE,IAAI,EAAC;IAAI,CAAE,CAAC,eAChCT,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE,IAAK;MAACE,IAAI,EAAC;IAAI,CAAE,CAAC;EAAA,CAC7B;AAET,CAAC;AAED,OAAO,MAAMa,gBAAuB,GAAG;EACrCP,MAAM,EAAEA,CAAA,kBACNb,KAAA,CAACL,GAAG;IAACmB,EAAE,EAAE;MAAEC,aAAa,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAK,CAAE;IAAAC,QAAA,gBAC9CnB,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE,IAAK;MAACI,QAAQ;IAAA,CAAE,CAAC,eAC/BX,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE,CAAC,IAAK;MAACI,QAAQ;IAAA,CAAE,CAAC,eAChCX,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE,CAAE;MAACI,QAAQ;IAAA,CAAE,CAAC;EAAA,CACzB;AAET,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { describe, it, expect } from '@jest/globals';
|
|
4
|
+
import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
|
|
5
|
+
import { render } from '@testing-library/react-native';
|
|
6
|
+
import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
|
|
7
|
+
import { Trend } from "./Trend.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const TestWrapper = ({
|
|
10
|
+
children
|
|
11
|
+
}) => /*#__PURE__*/_jsx(ThemeProvider, {
|
|
12
|
+
themes: ledgerLiveThemes,
|
|
13
|
+
colorScheme: "dark",
|
|
14
|
+
locale: "en",
|
|
15
|
+
children: children
|
|
16
|
+
});
|
|
17
|
+
describe('Trend Component', () => {
|
|
18
|
+
it('should render positive value', () => {
|
|
19
|
+
const {
|
|
20
|
+
getByText
|
|
21
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
22
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
23
|
+
value: 5.5
|
|
24
|
+
})
|
|
25
|
+
}));
|
|
26
|
+
expect(getByText('5.50%')).toBeTruthy();
|
|
27
|
+
});
|
|
28
|
+
it('should render negative value', () => {
|
|
29
|
+
const {
|
|
30
|
+
getByText
|
|
31
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
32
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
33
|
+
value: -3.2
|
|
34
|
+
})
|
|
35
|
+
}));
|
|
36
|
+
expect(getByText('-3.20%')).toBeTruthy();
|
|
37
|
+
});
|
|
38
|
+
it('should render neutral when value is zero', () => {
|
|
39
|
+
const {
|
|
40
|
+
getByText
|
|
41
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
42
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
43
|
+
value: 0
|
|
44
|
+
})
|
|
45
|
+
}));
|
|
46
|
+
expect(getByText('0.00%')).toBeTruthy();
|
|
47
|
+
});
|
|
48
|
+
it('should render with sm size', () => {
|
|
49
|
+
const {
|
|
50
|
+
getByText
|
|
51
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
52
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
53
|
+
value: 1.5,
|
|
54
|
+
size: "sm"
|
|
55
|
+
})
|
|
56
|
+
}));
|
|
57
|
+
expect(getByText('1.50%')).toBeTruthy();
|
|
58
|
+
});
|
|
59
|
+
it('should render with md size', () => {
|
|
60
|
+
const {
|
|
61
|
+
getByText
|
|
62
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
63
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
64
|
+
value: 1.5,
|
|
65
|
+
size: "md"
|
|
66
|
+
})
|
|
67
|
+
}));
|
|
68
|
+
expect(getByText('1.50%')).toBeTruthy();
|
|
69
|
+
});
|
|
70
|
+
it('should render in disabled state', () => {
|
|
71
|
+
const {
|
|
72
|
+
getByText
|
|
73
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
74
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
75
|
+
value: 5,
|
|
76
|
+
disabled: true
|
|
77
|
+
})
|
|
78
|
+
}));
|
|
79
|
+
expect(getByText('5.00%')).toBeTruthy();
|
|
80
|
+
});
|
|
81
|
+
it('should pass testID to root element', () => {
|
|
82
|
+
const {
|
|
83
|
+
getByTestId
|
|
84
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
85
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
86
|
+
testID: "trend-id",
|
|
87
|
+
value: 10
|
|
88
|
+
})
|
|
89
|
+
}));
|
|
90
|
+
expect(getByTestId('trend-id')).toBeTruthy();
|
|
91
|
+
});
|
|
92
|
+
it('should format value to 2 decimal places', () => {
|
|
93
|
+
const {
|
|
94
|
+
getByText
|
|
95
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
96
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
97
|
+
value: 1.123456
|
|
98
|
+
})
|
|
99
|
+
}));
|
|
100
|
+
expect(getByText('1.12%')).toBeTruthy();
|
|
101
|
+
});
|
|
102
|
+
it('should render all variants side by side', () => {
|
|
103
|
+
const {
|
|
104
|
+
getByText
|
|
105
|
+
} = render(/*#__PURE__*/_jsxs(TestWrapper, {
|
|
106
|
+
children: [/*#__PURE__*/_jsx(Trend, {
|
|
107
|
+
value: 10
|
|
108
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
109
|
+
value: -10
|
|
110
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
111
|
+
value: 0
|
|
112
|
+
})]
|
|
113
|
+
}));
|
|
114
|
+
expect(getByText('10.00%')).toBeTruthy();
|
|
115
|
+
expect(getByText('-10.00%')).toBeTruthy();
|
|
116
|
+
expect(getByText('0.00%')).toBeTruthy();
|
|
117
|
+
});
|
|
118
|
+
it('should expose positive accessibility label', () => {
|
|
119
|
+
const {
|
|
120
|
+
getByLabelText
|
|
121
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
122
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
123
|
+
value: 5.5
|
|
124
|
+
})
|
|
125
|
+
}));
|
|
126
|
+
expect(getByLabelText('Trending up by 5.50%')).toBeTruthy();
|
|
127
|
+
});
|
|
128
|
+
it('should expose negative accessibility label with absolute value', () => {
|
|
129
|
+
const {
|
|
130
|
+
getByLabelText
|
|
131
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
132
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
133
|
+
value: -3.2
|
|
134
|
+
})
|
|
135
|
+
}));
|
|
136
|
+
expect(getByLabelText('Trending down by 3.20%')).toBeTruthy();
|
|
137
|
+
});
|
|
138
|
+
it('should expose neutral accessibility label', () => {
|
|
139
|
+
const {
|
|
140
|
+
getByLabelText
|
|
141
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
142
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
143
|
+
value: 0
|
|
144
|
+
})
|
|
145
|
+
}));
|
|
146
|
+
expect(getByLabelText('No change, 0.00%')).toBeTruthy();
|
|
147
|
+
});
|
|
148
|
+
});
|
|
149
|
+
//# sourceMappingURL=Trend.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","ThemeProvider","Trend","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","getByText","value","toBeTruthy","size","disabled","getByTestId","testID","getByLabelText"],"sourceRoot":"../../../../../src","sources":["lib/Components/Trend/Trend.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Trend/index.ts"],"mappings":";;AAAA,cAAc,YAAS;AACvB,cAAc,YAAS","ignoreList":[]}
|