@pagopa/io-app-design-system 1.16.1 → 1.17.1
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/README.md +131 -54
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +4 -4
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +4 -4
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +6 -2
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/commonjs/components/codeInput/CodeInput.js +107 -0
- package/lib/commonjs/components/codeInput/CodeInput.js.map +1 -0
- package/lib/commonjs/components/codeInput/index.js +17 -0
- package/lib/commonjs/components/codeInput/index.js.map +1 -0
- package/lib/commonjs/components/icons/Icon.js +2 -0
- package/lib/commonjs/components/icons/Icon.js.map +1 -1
- package/lib/commonjs/components/icons/README.md +79 -19
- package/lib/commonjs/components/icons/svg/IconSparkles.js +30 -0
- package/lib/commonjs/components/icons/svg/IconSparkles.js.map +1 -0
- package/lib/commonjs/components/icons/svg/originals/IconSparkles.svg +3 -0
- package/lib/commonjs/components/index.js +48 -26
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +5 -4
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAction.js +4 -3
- package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js +87 -0
- package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -0
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +5 -30
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +15 -23
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +4 -22
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +69 -10
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +64 -0
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -0
- package/lib/commonjs/components/listitems/ListItemTransaction.js +8 -5
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +684 -34
- package/lib/commonjs/components/listitems/__test__/listitem.test.js +17 -0
- package/lib/commonjs/components/listitems/__test__/listitem.test.js.map +1 -1
- package/lib/commonjs/components/listitems/index.js +22 -0
- package/lib/commonjs/components/listitems/index.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCheckout.js +103 -0
- package/lib/commonjs/components/modules/ModuleCheckout.js.map +1 -0
- package/lib/commonjs/components/modules/index.js +11 -0
- package/lib/commonjs/components/modules/index.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +1 -16
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberPad.js +10 -12
- package/lib/commonjs/components/numberpad/NumberPad.js.map +1 -1
- package/lib/commonjs/components/pictograms/Pictogram.js +19 -1
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/pictograms/README.md +103 -14
- package/lib/commonjs/components/pictograms/svg/PictogramBiometric.js +82 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBiometric.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedEnded.js +43 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedEnded.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedLostConnection.js +64 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedLostConnection.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedPending.js +15 -9
- package/lib/commonjs/components/pictograms/svg/PictogramBleedPending.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramBleedQrCode.js +79 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedQrCode.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramEmailDotCheck.js +60 -0
- package/lib/commonjs/components/pictograms/svg/PictogramEmailDotCheck.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramEmailDotNotif.js +58 -0
- package/lib/commonjs/components/pictograms/svg/PictogramEmailDotNotif.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramEnded.js +43 -0
- package/lib/commonjs/components/pictograms/svg/PictogramEnded.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramLostConnection.js +58 -0
- package/lib/commonjs/components/pictograms/svg/PictogramLostConnection.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramPending.js +15 -9
- package/lib/commonjs/components/pictograms/svg/PictogramPending.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramQrCode.js +91 -0
- package/lib/commonjs/components/pictograms/svg/PictogramQrCode.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBiometric.svg +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedEnded.svg +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedLostConnection.svg +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedPending.svg +1 -1
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedQrCode.svg +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramEmailDotCheck.svg +41 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramEmailDotNotif.svg +35 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramEnded.svg +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramLostConnection.svg +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramPending.svg +1 -1
- package/lib/commonjs/components/pictograms/svg/originals/PictogramQrCode.svg +1 -0
- package/lib/commonjs/components/radio/RadioGroup.js +2 -1
- package/lib/commonjs/components/radio/RadioGroup.js.map +1 -1
- package/lib/commonjs/components/stepper/Stepper.js +52 -0
- package/lib/commonjs/components/stepper/Stepper.js.map +1 -0
- package/lib/commonjs/components/stepper/index.js +17 -0
- package/lib/commonjs/components/stepper/index.js.map +1 -0
- package/lib/commonjs/components/textInput/TextInputBase.js +1 -0
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/toast/ToastProvider.js +17 -16
- package/lib/commonjs/components/toast/ToastProvider.js.map +1 -1
- package/lib/commonjs/components/typography/H1.js +5 -3
- package/lib/commonjs/components/typography/H1.js.map +1 -1
- package/lib/commonjs/components/typography/H2.js +5 -3
- package/lib/commonjs/components/typography/H2.js.map +1 -1
- package/lib/commonjs/components/typography/H3.js +5 -3
- package/lib/commonjs/components/typography/H3.js.map +1 -1
- package/lib/commonjs/components/typography/H4.js +2 -1
- package/lib/commonjs/components/typography/H4.js.map +1 -1
- package/lib/commonjs/components/typography/H6.js +4 -2
- package/lib/commonjs/components/typography/H6.js.map +1 -1
- package/lib/commonjs/components/typography/Hero.js +7 -3
- package/lib/commonjs/components/typography/Hero.js.map +1 -1
- package/lib/commonjs/components/typography/LabelSmall.js +6 -1
- package/lib/commonjs/components/typography/LabelSmall.js.map +1 -1
- package/lib/commonjs/components/typography/LabelSmallAlt.js +39 -0
- package/lib/commonjs/components/typography/LabelSmallAlt.js.map +1 -0
- package/lib/commonjs/components/typography/README.md +23 -0
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +84 -74
- package/lib/commonjs/components/typography/index.js +11 -0
- package/lib/commonjs/components/typography/index.js.map +1 -1
- package/lib/commonjs/core/IOSpacing.js +1 -1
- package/lib/commonjs/core/IOSpacing.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +4 -4
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +4 -4
- package/lib/module/components/checkbox/AnimatedCheckbox.js +6 -2
- package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/module/components/codeInput/CodeInput.js +98 -0
- package/lib/module/components/codeInput/CodeInput.js.map +1 -0
- package/lib/module/components/codeInput/index.js +2 -0
- package/lib/module/components/codeInput/index.js.map +1 -0
- package/lib/module/components/icons/Icon.js +2 -0
- package/lib/module/components/icons/Icon.js.map +1 -1
- package/lib/module/components/icons/README.md +79 -19
- package/lib/module/components/icons/svg/IconSparkles.js +21 -0
- package/lib/module/components/icons/svg/IconSparkles.js.map +1 -0
- package/lib/module/components/icons/svg/originals/IconSparkles.svg +3 -0
- package/lib/module/components/index.js +5 -3
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +5 -4
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemAction.js +4 -3
- package/lib/module/components/listitems/ListItemAction.js.map +1 -1
- package/lib/module/components/listitems/ListItemHeader.js +77 -0
- package/lib/module/components/listitems/ListItemHeader.js.map +1 -0
- package/lib/module/components/listitems/ListItemInfoCopy.js +7 -32
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +17 -26
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +6 -24
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +69 -10
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +54 -0
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -0
- package/lib/module/components/listitems/ListItemTransaction.js +10 -7
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +684 -34
- package/lib/module/components/listitems/__test__/listitem.test.js +17 -0
- package/lib/module/components/listitems/__test__/listitem.test.js.map +1 -1
- package/lib/module/components/listitems/index.js +2 -0
- package/lib/module/components/listitems/index.js.map +1 -1
- package/lib/module/components/modules/ModuleCheckout.js +95 -0
- package/lib/module/components/modules/ModuleCheckout.js.map +1 -0
- package/lib/module/components/modules/index.js +1 -0
- package/lib/module/components/modules/index.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +2 -17
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/NumberPad.js +9 -9
- package/lib/module/components/numberpad/NumberPad.js.map +1 -1
- package/lib/module/components/pictograms/Pictogram.js +19 -1
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/pictograms/README.md +103 -14
- package/lib/module/components/pictograms/svg/PictogramBiometric.js +74 -0
- package/lib/module/components/pictograms/svg/PictogramBiometric.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramBleedEnded.js +35 -0
- package/lib/module/components/pictograms/svg/PictogramBleedEnded.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramBleedLostConnection.js +56 -0
- package/lib/module/components/pictograms/svg/PictogramBleedLostConnection.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramBleedPending.js +15 -9
- package/lib/module/components/pictograms/svg/PictogramBleedPending.js.map +1 -1
- package/lib/module/components/pictograms/svg/PictogramBleedQrCode.js +71 -0
- package/lib/module/components/pictograms/svg/PictogramBleedQrCode.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramEmailDotCheck.js +52 -0
- package/lib/module/components/pictograms/svg/PictogramEmailDotCheck.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramEmailDotNotif.js +50 -0
- package/lib/module/components/pictograms/svg/PictogramEmailDotNotif.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramEnded.js +35 -0
- package/lib/module/components/pictograms/svg/PictogramEnded.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramLostConnection.js +50 -0
- package/lib/module/components/pictograms/svg/PictogramLostConnection.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramPending.js +15 -9
- package/lib/module/components/pictograms/svg/PictogramPending.js.map +1 -1
- package/lib/module/components/pictograms/svg/PictogramQrCode.js +83 -0
- package/lib/module/components/pictograms/svg/PictogramQrCode.js.map +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramBiometric.svg +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramBleedEnded.svg +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramBleedLostConnection.svg +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramBleedPending.svg +1 -1
- package/lib/module/components/pictograms/svg/originals/PictogramBleedQrCode.svg +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramEmailDotCheck.svg +41 -0
- package/lib/module/components/pictograms/svg/originals/PictogramEmailDotNotif.svg +35 -0
- package/lib/module/components/pictograms/svg/originals/PictogramEnded.svg +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramLostConnection.svg +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramPending.svg +1 -1
- package/lib/module/components/pictograms/svg/originals/PictogramQrCode.svg +1 -0
- package/lib/module/components/radio/RadioGroup.js +2 -1
- package/lib/module/components/radio/RadioGroup.js.map +1 -1
- package/lib/module/components/stepper/Stepper.js +43 -0
- package/lib/module/components/stepper/Stepper.js.map +1 -0
- package/lib/module/components/stepper/index.js +2 -0
- package/lib/module/components/stepper/index.js.map +1 -0
- package/lib/module/components/textInput/TextInputBase.js +1 -0
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/toast/ToastProvider.js +17 -16
- package/lib/module/components/toast/ToastProvider.js.map +1 -1
- package/lib/module/components/typography/H1.js +5 -3
- package/lib/module/components/typography/H1.js.map +1 -1
- package/lib/module/components/typography/H2.js +5 -3
- package/lib/module/components/typography/H2.js.map +1 -1
- package/lib/module/components/typography/H3.js +5 -3
- package/lib/module/components/typography/H3.js.map +1 -1
- package/lib/module/components/typography/H4.js +2 -1
- package/lib/module/components/typography/H4.js.map +1 -1
- package/lib/module/components/typography/H6.js +4 -2
- package/lib/module/components/typography/H6.js.map +1 -1
- package/lib/module/components/typography/Hero.js +7 -3
- package/lib/module/components/typography/Hero.js.map +1 -1
- package/lib/module/components/typography/LabelSmall.js +6 -1
- package/lib/module/components/typography/LabelSmall.js.map +1 -1
- package/lib/module/components/typography/LabelSmallAlt.js +32 -0
- package/lib/module/components/typography/LabelSmallAlt.js.map +1 -0
- package/lib/module/components/typography/README.md +23 -0
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +84 -74
- package/lib/module/components/typography/index.js +1 -0
- package/lib/module/components/typography/index.js.map +1 -1
- package/lib/module/core/IOSpacing.js +1 -1
- package/lib/module/core/IOSpacing.js.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/codeInput/CodeInput.d.ts +11 -0
- package/lib/typescript/components/codeInput/CodeInput.d.ts.map +1 -0
- package/lib/typescript/components/codeInput/index.d.ts +2 -0
- package/lib/typescript/components/codeInput/index.d.ts.map +1 -0
- package/lib/typescript/components/icons/Icon.d.ts +1 -0
- package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
- package/lib/typescript/components/icons/svg/IconSparkles.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconSparkles.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +5 -3
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemAction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemHeader.d.ts +34 -0
- package/lib/typescript/components/listitems/ListItemHeader.d.ts.map +1 -0
- package/lib/typescript/components/listitems/ListItemInfoCopy.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts +4 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNavAlert.d.ts +2 -2
- package/lib/typescript/components/listitems/ListItemNavAlert.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts +21 -3
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts +13 -0
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -0
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/index.d.ts +2 -0
- package/lib/typescript/components/listitems/index.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCheckout.d.ts +21 -0
- package/lib/typescript/components/modules/ModuleCheckout.d.ts.map +1 -0
- package/lib/typescript/components/modules/index.d.ts +1 -0
- package/lib/typescript/components/modules/index.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberPad.d.ts +2 -1
- package/lib/typescript/components/numberpad/NumberPad.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts +7 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramBiometric.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramBiometric.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedEnded.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedEnded.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedLostConnection.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedLostConnection.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedPending.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramBleedQrCode.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedQrCode.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramEmailDotCheck.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramEmailDotCheck.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramEmailDotNotif.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramEmailDotNotif.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramEnded.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramEnded.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramLostConnection.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramLostConnection.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramPending.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramQrCode.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramQrCode.d.ts.map +1 -0
- package/lib/typescript/components/radio/RadioGroup.d.ts +4 -3
- package/lib/typescript/components/radio/RadioGroup.d.ts.map +1 -1
- package/lib/typescript/components/stepper/Stepper.d.ts +8 -0
- package/lib/typescript/components/stepper/Stepper.d.ts.map +1 -0
- package/lib/typescript/components/stepper/index.d.ts +2 -0
- package/lib/typescript/components/stepper/index.d.ts.map +1 -0
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/toast/ToastProvider.d.ts.map +1 -1
- package/lib/typescript/components/typography/H1.d.ts +1 -1
- package/lib/typescript/components/typography/H1.d.ts.map +1 -1
- package/lib/typescript/components/typography/H2.d.ts +1 -1
- package/lib/typescript/components/typography/H2.d.ts.map +1 -1
- package/lib/typescript/components/typography/H3.d.ts +1 -1
- package/lib/typescript/components/typography/H3.d.ts.map +1 -1
- package/lib/typescript/components/typography/H4.d.ts.map +1 -1
- package/lib/typescript/components/typography/H6.d.ts.map +1 -1
- package/lib/typescript/components/typography/Hero.d.ts +1 -1
- package/lib/typescript/components/typography/Hero.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelSmall.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelSmallAlt.d.ts +14 -0
- package/lib/typescript/components/typography/LabelSmallAlt.d.ts.map +1 -0
- package/lib/typescript/components/typography/index.d.ts +1 -0
- package/lib/typescript/components/typography/index.d.ts.map +1 -1
- package/lib/typescript/core/IOSpacing.d.ts +1 -1
- package/lib/typescript/core/IOSpacing.d.ts.map +1 -1
- package/package.json +9 -2
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +4 -4
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +4 -4
- package/src/components/checkbox/AnimatedCheckbox.tsx +6 -4
- package/src/components/codeInput/CodeInput.tsx +134 -0
- package/src/components/codeInput/index.tsx +1 -0
- package/src/components/icons/Icon.tsx +2 -0
- package/src/components/icons/README.md +79 -19
- package/src/components/icons/svg/IconSparkles.tsx +14 -0
- package/src/components/icons/svg/originals/IconSparkles.svg +3 -0
- package/src/components/index.tsx +5 -3
- package/src/components/layout/HeaderSecondLevel.tsx +6 -9
- package/src/components/listitems/ListItemAction.tsx +4 -3
- package/src/components/listitems/ListItemHeader.tsx +146 -0
- package/src/components/listitems/ListItemInfoCopy.tsx +14 -57
- package/src/components/listitems/ListItemNav.tsx +32 -44
- package/src/components/listitems/ListItemNavAlert.tsx +21 -42
- package/src/components/listitems/ListItemRadio.tsx +99 -12
- package/src/components/listitems/ListItemRadioWithAmount.tsx +69 -0
- package/src/components/listitems/ListItemTransaction.tsx +12 -7
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +684 -34
- package/src/components/listitems/__test__/listitem.test.tsx +21 -0
- package/src/components/listitems/index.tsx +2 -0
- package/src/components/modules/ModuleCheckout.tsx +105 -0
- package/src/components/modules/index.tsx +1 -0
- package/src/components/numberpad/NumberButton.tsx +2 -21
- package/src/components/numberpad/NumberPad.tsx +12 -10
- package/src/components/pictograms/Pictogram.tsx +23 -2
- package/src/components/pictograms/README.md +103 -14
- package/src/components/pictograms/svg/PictogramBiometric.tsx +78 -0
- package/src/components/pictograms/svg/PictogramBleedEnded.tsx +38 -0
- package/src/components/pictograms/svg/PictogramBleedLostConnection.tsx +66 -0
- package/src/components/pictograms/svg/PictogramBleedPending.tsx +17 -9
- package/src/components/pictograms/svg/PictogramBleedQrCode.tsx +86 -0
- package/src/components/pictograms/svg/PictogramEmailDotCheck.tsx +53 -0
- package/src/components/pictograms/svg/PictogramEmailDotNotif.tsx +51 -0
- package/src/components/pictograms/svg/PictogramEnded.tsx +34 -0
- package/src/components/pictograms/svg/PictogramLostConnection.tsx +58 -0
- package/src/components/pictograms/svg/PictogramPending.tsx +17 -9
- package/src/components/pictograms/svg/PictogramQrCode.tsx +102 -0
- package/src/components/pictograms/svg/originals/PictogramBiometric.svg +1 -0
- package/src/components/pictograms/svg/originals/PictogramBleedEnded.svg +1 -0
- package/src/components/pictograms/svg/originals/PictogramBleedLostConnection.svg +1 -0
- package/src/components/pictograms/svg/originals/PictogramBleedPending.svg +1 -1
- package/src/components/pictograms/svg/originals/PictogramBleedQrCode.svg +1 -0
- package/src/components/pictograms/svg/originals/PictogramEmailDotCheck.svg +41 -0
- package/src/components/pictograms/svg/originals/PictogramEmailDotNotif.svg +35 -0
- package/src/components/pictograms/svg/originals/PictogramEnded.svg +1 -0
- package/src/components/pictograms/svg/originals/PictogramLostConnection.svg +1 -0
- package/src/components/pictograms/svg/originals/PictogramPending.svg +1 -1
- package/src/components/pictograms/svg/originals/PictogramQrCode.svg +1 -0
- package/src/components/radio/RadioGroup.tsx +5 -4
- package/src/components/stepper/Stepper.tsx +62 -0
- package/src/components/stepper/index.tsx +1 -0
- package/src/components/textInput/TextInputBase.tsx +1 -0
- package/src/components/toast/ToastProvider.tsx +12 -17
- package/src/components/typography/H1.tsx +8 -3
- package/src/components/typography/H2.tsx +8 -3
- package/src/components/typography/H3.tsx +8 -3
- package/src/components/typography/H4.tsx +5 -1
- package/src/components/typography/H6.tsx +6 -1
- package/src/components/typography/Hero.tsx +10 -3
- package/src/components/typography/LabelSmall.tsx +8 -1
- package/src/components/typography/LabelSmallAlt.tsx +51 -0
- package/src/components/typography/README.md +23 -0
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +84 -74
- package/src/components/typography/index.tsx +1 -0
- package/src/core/IOSpacing.ts +4 -2
- package/lib/commonjs/components/icons/generateNewIcons.js +0 -165
- package/lib/commonjs/components/icons/generateNewIcons.js.map +0 -1
- package/lib/commonjs/components/icons/generateNewTimestamp.js +0 -8
- package/lib/commonjs/components/icons/generateNewTimestamp.js.map +0 -1
- package/lib/commonjs/components/icons/timestamp.txt +0 -1
- package/lib/commonjs/components/pictograms/generateNewPictograms.js +0 -163
- package/lib/commonjs/components/pictograms/generateNewPictograms.js.map +0 -1
- package/lib/commonjs/components/pictograms/timestamp.txt +0 -1
- package/lib/commonjs/stories/ButtonDS.stories.js +0 -34
- package/lib/commonjs/stories/ButtonDS.stories.js.map +0 -1
- package/lib/commonjs/stories/H1.stories.js +0 -33
- package/lib/commonjs/stories/H1.stories.js.map +0 -1
- package/lib/commonjs/stories/H2.stories.js +0 -33
- package/lib/commonjs/stories/H2.stories.js.map +0 -1
- package/lib/commonjs/stories/H3.stories.js +0 -33
- package/lib/commonjs/stories/H3.stories.js.map +0 -1
- package/lib/commonjs/stories/H4.stories.js +0 -33
- package/lib/commonjs/stories/H4.stories.js.map +0 -1
- package/lib/commonjs/stories/H5.stories.js +0 -33
- package/lib/commonjs/stories/H5.stories.js.map +0 -1
- package/lib/commonjs/stories/H6.stories.js +0 -33
- package/lib/commonjs/stories/H6.stories.js.map +0 -1
- package/lib/commonjs/stories/Label.stories.js +0 -33
- package/lib/commonjs/stories/Label.stories.js.map +0 -1
- package/lib/commonjs/stories/LabelSmall.stories.js +0 -33
- package/lib/commonjs/stories/LabelSmall.stories.js.map +0 -1
- package/lib/commonjs/stories/Link.stories.js +0 -33
- package/lib/commonjs/stories/Link.stories.js.map +0 -1
- package/lib/commonjs/stories/ModuleIDP.stories.js +0 -45
- package/lib/commonjs/stories/ModuleIDP.stories.js.map +0 -1
- package/lib/commonjs/stories/Monospace.stories.js +0 -33
- package/lib/commonjs/stories/Monospace.stories.js.map +0 -1
- package/lib/module/components/icons/generateNewIcons.js +0 -163
- package/lib/module/components/icons/generateNewIcons.js.map +0 -1
- package/lib/module/components/icons/generateNewTimestamp.js +0 -6
- package/lib/module/components/icons/generateNewTimestamp.js.map +0 -1
- package/lib/module/components/icons/timestamp.txt +0 -1
- package/lib/module/components/pictograms/generateNewPictograms.js +0 -161
- package/lib/module/components/pictograms/generateNewPictograms.js.map +0 -1
- package/lib/module/components/pictograms/timestamp.txt +0 -1
- package/lib/module/stories/ButtonDS.stories.js +0 -27
- package/lib/module/stories/ButtonDS.stories.js.map +0 -1
- package/lib/module/stories/H1.stories.js +0 -26
- package/lib/module/stories/H1.stories.js.map +0 -1
- package/lib/module/stories/H2.stories.js +0 -26
- package/lib/module/stories/H2.stories.js.map +0 -1
- package/lib/module/stories/H3.stories.js +0 -26
- package/lib/module/stories/H3.stories.js.map +0 -1
- package/lib/module/stories/H4.stories.js +0 -26
- package/lib/module/stories/H4.stories.js.map +0 -1
- package/lib/module/stories/H5.stories.js +0 -26
- package/lib/module/stories/H5.stories.js.map +0 -1
- package/lib/module/stories/H6.stories.js +0 -26
- package/lib/module/stories/H6.stories.js.map +0 -1
- package/lib/module/stories/Label.stories.js +0 -26
- package/lib/module/stories/Label.stories.js.map +0 -1
- package/lib/module/stories/LabelSmall.stories.js +0 -26
- package/lib/module/stories/LabelSmall.stories.js.map +0 -1
- package/lib/module/stories/Link.stories.js +0 -26
- package/lib/module/stories/Link.stories.js.map +0 -1
- package/lib/module/stories/ModuleIDP.stories.js +0 -37
- package/lib/module/stories/ModuleIDP.stories.js.map +0 -1
- package/lib/module/stories/Monospace.stories.js +0 -26
- package/lib/module/stories/Monospace.stories.js.map +0 -1
- package/lib/typescript/stories/ButtonDS.stories.d.ts +0 -14
- package/lib/typescript/stories/ButtonDS.stories.d.ts.map +0 -1
- package/lib/typescript/stories/H1.stories.d.ts +0 -19
- package/lib/typescript/stories/H1.stories.d.ts.map +0 -1
- package/lib/typescript/stories/H2.stories.d.ts +0 -19
- package/lib/typescript/stories/H2.stories.d.ts.map +0 -1
- package/lib/typescript/stories/H3.stories.d.ts +0 -19
- package/lib/typescript/stories/H3.stories.d.ts.map +0 -1
- package/lib/typescript/stories/H4.stories.d.ts +0 -19
- package/lib/typescript/stories/H4.stories.d.ts.map +0 -1
- package/lib/typescript/stories/H5.stories.d.ts +0 -19
- package/lib/typescript/stories/H5.stories.d.ts.map +0 -1
- package/lib/typescript/stories/H6.stories.d.ts +0 -19
- package/lib/typescript/stories/H6.stories.d.ts.map +0 -1
- package/lib/typescript/stories/Label.stories.d.ts +0 -21
- package/lib/typescript/stories/Label.stories.d.ts.map +0 -1
- package/lib/typescript/stories/LabelSmall.stories.d.ts +0 -21
- package/lib/typescript/stories/LabelSmall.stories.d.ts.map +0 -1
- package/lib/typescript/stories/Link.stories.d.ts +0 -21
- package/lib/typescript/stories/Link.stories.d.ts.map +0 -1
- package/lib/typescript/stories/ModuleIDP.stories.d.ts +0 -24
- package/lib/typescript/stories/ModuleIDP.stories.d.ts.map +0 -1
- package/lib/typescript/stories/Monospace.stories.d.ts +0 -19
- package/lib/typescript/stories/Monospace.stories.d.ts.map +0 -1
- package/src/components/icons/generateNewIcons.js +0 -186
- package/src/components/icons/generateNewTimestamp.js +0 -7
- package/src/components/icons/timestamp.txt +0 -1
- package/src/components/pictograms/generateNewPictograms.js +0 -181
- package/src/components/pictograms/timestamp.txt +0 -1
- package/src/stories/ButtonDS.stories.ts +0 -31
- package/src/stories/H1.stories.ts +0 -28
- package/src/stories/H2.stories.ts +0 -28
- package/src/stories/H3.stories.ts +0 -28
- package/src/stories/H4.stories.ts +0 -28
- package/src/stories/H5.stories.ts +0 -28
- package/src/stories/H6.stories.ts +0 -28
- package/src/stories/Label.stories.ts +0 -28
- package/src/stories/LabelSmall.stories.ts +0 -28
- package/src/stories/Link.stories.ts +0 -28
- package/src/stories/ModuleIDP.stories.tsx +0 -44
- package/src/stories/Monospace.stories.ts +0 -28
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React, { useCallback, useMemo } from "react";
|
|
3
|
+
import { View } from "react-native";
|
|
4
|
+
import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
5
|
+
import { Icon } from "../icons";
|
|
6
|
+
import { H6 } from "../typography";
|
|
7
|
+
import { ButtonLink, IconButton } from "../buttons";
|
|
8
|
+
import { Badge } from "../badge";
|
|
9
|
+
export const ListItemHeader = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
label,
|
|
12
|
+
iconName,
|
|
13
|
+
iconColor,
|
|
14
|
+
endElement,
|
|
15
|
+
accessibilityLabel,
|
|
16
|
+
testID
|
|
17
|
+
} = _ref;
|
|
18
|
+
const theme = useIOTheme();
|
|
19
|
+
const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}`, [label, accessibilityLabel]);
|
|
20
|
+
const itemInfoTextComponent = useMemo(() => /*#__PURE__*/React.createElement(View, {
|
|
21
|
+
accessible: endElement === undefined ? true : false,
|
|
22
|
+
importantForAccessibility: endElement === undefined || endElement.type === "badge" ? "yes" : "no-hide-descendants",
|
|
23
|
+
accessibilityElementsHidden: endElement !== undefined && endElement.type !== "badge"
|
|
24
|
+
}, /*#__PURE__*/React.createElement(H6, {
|
|
25
|
+
weight: "Regular",
|
|
26
|
+
color: theme["textBody-tertiary"]
|
|
27
|
+
}, label)), [label, theme, endElement]);
|
|
28
|
+
const listItemInfoAction = useCallback(() => {
|
|
29
|
+
if (endElement) {
|
|
30
|
+
const {
|
|
31
|
+
type,
|
|
32
|
+
componentProps
|
|
33
|
+
} = endElement;
|
|
34
|
+
switch (type) {
|
|
35
|
+
case "buttonLink":
|
|
36
|
+
const buttonLinkAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
|
|
37
|
+
return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, componentProps, {
|
|
38
|
+
accessibilityLabel: buttonLinkAccessibilityLabel
|
|
39
|
+
}));
|
|
40
|
+
case "iconButton":
|
|
41
|
+
const iconButtonAccessibilityLabel = `${listItemAccessibilityLabel}; ${componentProps.accessibilityLabel}`;
|
|
42
|
+
return /*#__PURE__*/React.createElement(IconButton, _extends({}, componentProps, {
|
|
43
|
+
accessibilityLabel: iconButtonAccessibilityLabel
|
|
44
|
+
}));
|
|
45
|
+
case "badge":
|
|
46
|
+
return /*#__PURE__*/React.createElement(Badge, componentProps);
|
|
47
|
+
default:
|
|
48
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
52
|
+
}, [endElement, listItemAccessibilityLabel]);
|
|
53
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
54
|
+
style: IOListItemStyles.listItem,
|
|
55
|
+
testID: testID,
|
|
56
|
+
accessible: endElement === undefined ? true : false,
|
|
57
|
+
accessibilityLabel: listItemAccessibilityLabel
|
|
58
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
59
|
+
style: IOListItemStyles.listItemInner
|
|
60
|
+
}, iconName && /*#__PURE__*/React.createElement(View, {
|
|
61
|
+
style: {
|
|
62
|
+
marginRight: IOListItemVisualParams.actionMargin
|
|
63
|
+
}
|
|
64
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
65
|
+
name: iconName,
|
|
66
|
+
color: iconColor ?? theme["icon-decorative"],
|
|
67
|
+
size: IOListItemVisualParams.iconSize
|
|
68
|
+
})), /*#__PURE__*/React.createElement(View, {
|
|
69
|
+
style: IOStyles.flex
|
|
70
|
+
}, itemInfoTextComponent), endElement && /*#__PURE__*/React.createElement(View, {
|
|
71
|
+
style: {
|
|
72
|
+
marginLeft: IOListItemVisualParams.actionMargin
|
|
73
|
+
}
|
|
74
|
+
}, listItemInfoAction())));
|
|
75
|
+
};
|
|
76
|
+
export default ListItemHeader;
|
|
77
|
+
//# sourceMappingURL=ListItemHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","H6","ButtonLink","IconButton","Badge","ListItemHeader","_ref","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","weight","color","listItemInfoAction","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","listItemInner","marginRight","actionMargin","name","size","iconSize","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemHeader.tsx"],"mappings":"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"}
|
|
@@ -1,19 +1,9 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
|
-
import { Pressable,
|
|
2
|
+
import { Pressable, View } from "react-native";
|
|
3
3
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
4
|
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
5
|
-
import { makeFontStyleObject } from "../../utils/fonts";
|
|
6
5
|
import { Icon } from "../icons";
|
|
7
|
-
import {
|
|
8
|
-
import { Body, H6, LabelSmall } from "../typography";
|
|
9
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
10
|
-
const legacyStyles = StyleSheet.create({
|
|
11
|
-
textValue: {
|
|
12
|
-
fontSize: 18,
|
|
13
|
-
lineHeight: 24,
|
|
14
|
-
...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
|
|
15
|
-
}
|
|
16
|
-
});
|
|
6
|
+
import { H6, LabelSmall } from "../typography";
|
|
17
7
|
export const ListItemInfoCopy = _ref => {
|
|
18
8
|
var _IOScaleValues$basicB;
|
|
19
9
|
let {
|
|
@@ -30,31 +20,16 @@ export const ListItemInfoCopy = _ref => {
|
|
|
30
20
|
isExperimental
|
|
31
21
|
} = useIOExperimentalDesign();
|
|
32
22
|
const theme = useIOTheme();
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
const legacyInfoCopyText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Body, {
|
|
36
|
-
weight: "Regular"
|
|
37
|
-
}, label), /*#__PURE__*/React.createElement(VSpacer, {
|
|
38
|
-
size: 4
|
|
39
|
-
}), typeof value === "string" ? /*#__PURE__*/React.createElement(Text, {
|
|
40
|
-
style: [legacyStyles.textValue, {
|
|
41
|
-
color: IOColors.blue
|
|
42
|
-
}],
|
|
43
|
-
numberOfLines: numberOfLines
|
|
44
|
-
}, value) : {
|
|
45
|
-
value
|
|
46
|
-
});
|
|
47
|
-
const infoCopyText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelSmall, {
|
|
23
|
+
const foregroundColor = isExperimental ? theme["interactiveElem-default"] : "blue";
|
|
24
|
+
const listItemInfoCopyContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelSmall, {
|
|
48
25
|
weight: "Regular",
|
|
49
26
|
color: theme["textBody-tertiary"]
|
|
50
27
|
}, label), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
|
|
51
|
-
color:
|
|
28
|
+
color: foregroundColor,
|
|
52
29
|
numberOfLines: numberOfLines
|
|
53
30
|
}, value) : {
|
|
54
31
|
value
|
|
55
32
|
});
|
|
56
|
-
const infoCopyTextComponent = isExperimental ? infoCopyText : legacyInfoCopyText;
|
|
57
|
-
const iconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
|
|
58
33
|
const mapBackgroundStates = {
|
|
59
34
|
default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
|
|
60
35
|
pressed: IOColors[theme["listItem-pressed"]]
|
|
@@ -109,13 +84,13 @@ export const ListItemInfoCopy = _ref => {
|
|
|
109
84
|
size: IOListItemVisualParams.iconSize
|
|
110
85
|
})), /*#__PURE__*/React.createElement(View, {
|
|
111
86
|
style: IOStyles.flex
|
|
112
|
-
},
|
|
87
|
+
}, listItemInfoCopyContent), /*#__PURE__*/React.createElement(View, {
|
|
113
88
|
style: {
|
|
114
89
|
marginLeft: IOListItemVisualParams.iconMargin
|
|
115
90
|
}
|
|
116
91
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
117
92
|
name: "copy",
|
|
118
|
-
color:
|
|
93
|
+
color: foregroundColor,
|
|
119
94
|
size: IOListItemVisualParams.chevronSize
|
|
120
95
|
})))));
|
|
121
96
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Icon","H6","LabelSmall","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","testID","isPressed","isExperimental","theme","foregroundColor","listItemInfoCopyContent","createElement","Fragment","weight","color","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","name","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}
|
|
@@ -1,21 +1,12 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
|
-
import { Pressable,
|
|
2
|
+
import { Pressable, View } from "react-native";
|
|
3
3
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
4
|
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
5
|
-
import {
|
|
5
|
+
import { Badge } from "../badge";
|
|
6
6
|
import { Icon } from "../icons";
|
|
7
7
|
import { LogoPayment } from "../logos";
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
11
|
-
const legacyStyles = StyleSheet.create({
|
|
12
|
-
textValue: {
|
|
13
|
-
fontSize: 18,
|
|
14
|
-
lineHeight: 24,
|
|
15
|
-
color: IOColors.bluegreyDark,
|
|
16
|
-
...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
|
|
17
|
-
}
|
|
18
|
-
});
|
|
8
|
+
import { VSpacer } from "../spacer";
|
|
9
|
+
import { H6, LabelSmall } from "../typography";
|
|
19
10
|
export const ListItemNav = _ref => {
|
|
20
11
|
var _IOScaleValues$basicB;
|
|
21
12
|
let {
|
|
@@ -26,27 +17,27 @@ export const ListItemNav = _ref => {
|
|
|
26
17
|
iconColor = "grey-450",
|
|
27
18
|
paymentLogo,
|
|
28
19
|
accessibilityLabel,
|
|
29
|
-
testID
|
|
20
|
+
testID,
|
|
21
|
+
hideChevron = false,
|
|
22
|
+
badgeProps
|
|
30
23
|
} = _ref;
|
|
31
24
|
const isPressed = useSharedValue(0);
|
|
32
25
|
const {
|
|
33
26
|
isExperimental
|
|
34
27
|
} = useIOExperimentalDesign();
|
|
35
28
|
const theme = useIOTheme();
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
},
|
|
41
|
-
|
|
42
|
-
},
|
|
43
|
-
const navText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(H6, {
|
|
29
|
+
const listItemNavContent = /*#__PURE__*/React.createElement(React.Fragment, null, badgeProps && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
30
|
+
style: {
|
|
31
|
+
alignSelf: "flex-start"
|
|
32
|
+
}
|
|
33
|
+
}, /*#__PURE__*/React.createElement(Badge, badgeProps)), /*#__PURE__*/React.createElement(VSpacer, {
|
|
34
|
+
size: 4
|
|
35
|
+
})), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
|
|
44
36
|
color: theme["textBody-default"]
|
|
45
|
-
}, value), description && /*#__PURE__*/React.createElement(LabelSmall, {
|
|
37
|
+
}, value) : value, description && /*#__PURE__*/React.createElement(React.Fragment, null, typeof description === "string" ? /*#__PURE__*/React.createElement(LabelSmall, {
|
|
46
38
|
weight: "Regular",
|
|
47
39
|
color: theme["textBody-tertiary"]
|
|
48
|
-
}, description));
|
|
49
|
-
const navTextComponent = isExperimental ? navText : legacyNavText;
|
|
40
|
+
}, description) : description));
|
|
50
41
|
const mapBackgroundStates = {
|
|
51
42
|
default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
|
|
52
43
|
pressed: IOColors[theme["listItem-pressed"]]
|
|
@@ -109,7 +100,7 @@ export const ListItemNav = _ref => {
|
|
|
109
100
|
size: IOListItemVisualParams.iconSize
|
|
110
101
|
})), /*#__PURE__*/React.createElement(View, {
|
|
111
102
|
style: IOStyles.flex
|
|
112
|
-
},
|
|
103
|
+
}, listItemNavContent), !hideChevron && /*#__PURE__*/React.createElement(View, {
|
|
113
104
|
style: {
|
|
114
105
|
marginLeft: IOListItemVisualParams.iconMargin
|
|
115
106
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Badge","Icon","LogoPayment","VSpacer","H6","LabelSmall","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","iconColor","paymentLogo","accessibilityLabel","testID","hideChevron","badgeProps","isPressed","isExperimental","theme","listItemNavContent","createElement","Fragment","style","alignSelf","size","color","weight","mapBackgroundStates","default","pressed","navIconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","name","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
|
|
@@ -1,18 +1,9 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
|
-
import { Pressable,
|
|
2
|
+
import { Pressable, View } from "react-native";
|
|
3
3
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
4
|
import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
5
|
-
import { makeFontStyleObject } from "../../utils/fonts";
|
|
6
5
|
import { Icon } from "../icons";
|
|
7
|
-
import {
|
|
8
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
9
|
-
const legacyStyles = StyleSheet.create({
|
|
10
|
-
textValue: {
|
|
11
|
-
fontSize: 18,
|
|
12
|
-
lineHeight: 24,
|
|
13
|
-
...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
|
|
14
|
-
}
|
|
15
|
-
});
|
|
6
|
+
import { H6, LabelSmall } from "../typography";
|
|
16
7
|
export const ListItemNavAlert = _ref => {
|
|
17
8
|
var _IOScaleValues$basicB;
|
|
18
9
|
let {
|
|
@@ -30,21 +21,12 @@ export const ListItemNavAlert = _ref => {
|
|
|
30
21
|
const theme = useIOTheme();
|
|
31
22
|
|
|
32
23
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
33
|
-
const
|
|
34
|
-
style: [legacyStyles.textValue, {
|
|
35
|
-
color: IOColors.bluegreyDark
|
|
36
|
-
}]
|
|
37
|
-
}, value), description && /*#__PURE__*/React.createElement(Body, {
|
|
38
|
-
weight: "SemiBold",
|
|
39
|
-
color: theme.errorText
|
|
40
|
-
}, description));
|
|
41
|
-
const navAlertText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(H6, {
|
|
24
|
+
const listItemNavAlertContent = /*#__PURE__*/React.createElement(React.Fragment, null, typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
|
|
42
25
|
color: theme["textBody-default"]
|
|
43
|
-
}, value), description && /*#__PURE__*/React.createElement(LabelSmall, {
|
|
26
|
+
}, value) : value, description && /*#__PURE__*/React.createElement(React.Fragment, null, typeof description === "string" ? /*#__PURE__*/React.createElement(LabelSmall, {
|
|
44
27
|
weight: "SemiBold",
|
|
45
28
|
color: theme.errorText
|
|
46
|
-
}, description));
|
|
47
|
-
const navAlertTextComponent = isExperimental ? navAlertText : legacyNavAlertText;
|
|
29
|
+
}, description) : description));
|
|
48
30
|
const iconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
|
|
49
31
|
const mapBackgroundStates = {
|
|
50
32
|
default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
|
|
@@ -100,7 +82,7 @@ export const ListItemNavAlert = _ref => {
|
|
|
100
82
|
size: IOListItemVisualParams.iconSize
|
|
101
83
|
})), /*#__PURE__*/React.createElement(View, {
|
|
102
84
|
style: IOStyles.flex
|
|
103
|
-
},
|
|
85
|
+
}, listItemNavAlertContent), /*#__PURE__*/React.createElement(View, {
|
|
104
86
|
style: {
|
|
105
87
|
marginLeft: IOListItemVisualParams.iconMargin
|
|
106
88
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Icon","H6","LabelSmall","ListItemNavAlert","_ref","_IOScaleValues$basicB","value","description","withoutIcon","onPress","accessibilityLabel","testID","isPressed","isExperimental","theme","listItemNavAlertContent","createElement","Fragment","color","weight","errorText","iconColor","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","name","errorIcon","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNavAlert.tsx"],"mappings":"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"}
|
|
@@ -3,17 +3,19 @@ import { useCallback, useState } from "react";
|
|
|
3
3
|
import { Pressable, View } from "react-native";
|
|
4
4
|
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
5
5
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
6
|
+
import Placeholder from "rn-placeholder";
|
|
6
7
|
import { IOColors, IOScaleValues, IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
|
|
7
8
|
import { Icon } from "../icons";
|
|
8
9
|
import { HSpacer, VSpacer } from "../spacer";
|
|
9
10
|
import { H6, LabelSmall } from "../typography";
|
|
10
11
|
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
12
|
+
import { LogoPayment } from "../logos";
|
|
11
13
|
const DISABLED_OPACITY = 0.5;
|
|
12
14
|
|
|
13
15
|
// disabled: the component is no longer touchable
|
|
14
16
|
// onPress:
|
|
15
17
|
/**
|
|
16
|
-
*
|
|
18
|
+
* `ListItemRadio` component with the automatic state management that uses a {@link AnimatedCheckBox}
|
|
17
19
|
* The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
|
|
18
20
|
*
|
|
19
21
|
* @param props
|
|
@@ -24,16 +26,16 @@ export const ListItemRadio = _ref => {
|
|
|
24
26
|
let {
|
|
25
27
|
value,
|
|
26
28
|
description,
|
|
27
|
-
|
|
29
|
+
startImage,
|
|
28
30
|
selected,
|
|
29
31
|
disabled,
|
|
30
32
|
onValueChange,
|
|
33
|
+
loadingProps,
|
|
31
34
|
testID
|
|
32
35
|
} = _ref;
|
|
33
36
|
const [toggleValue, setToggleValue] = useState(selected ?? false);
|
|
34
37
|
// Animations
|
|
35
38
|
const isPressed = useSharedValue(0);
|
|
36
|
-
|
|
37
39
|
// Scaling transformation applied when the button is pressed
|
|
38
40
|
const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
39
41
|
const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
|
|
@@ -75,7 +77,63 @@ export const ListItemRadio = _ref => {
|
|
|
75
77
|
onValueChange(!toggleValue);
|
|
76
78
|
}
|
|
77
79
|
};
|
|
78
|
-
|
|
80
|
+
const disabledStyle = {
|
|
81
|
+
opacity: disabled ? DISABLED_OPACITY : 1
|
|
82
|
+
};
|
|
83
|
+
const SkeletonDescriptionLines = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
|
|
84
|
+
size: 8
|
|
85
|
+
}), /*#__PURE__*/React.createElement(Placeholder.Box, {
|
|
86
|
+
animate: "fade",
|
|
87
|
+
radius: 8,
|
|
88
|
+
width: "100%",
|
|
89
|
+
height: 8
|
|
90
|
+
}), /*#__PURE__*/React.createElement(VSpacer, {
|
|
91
|
+
size: 8
|
|
92
|
+
}), /*#__PURE__*/React.createElement(Placeholder.Box, {
|
|
93
|
+
animate: "fade",
|
|
94
|
+
radius: 8,
|
|
95
|
+
width: "100%",
|
|
96
|
+
height: 8
|
|
97
|
+
}), /*#__PURE__*/React.createElement(VSpacer, {
|
|
98
|
+
size: 8
|
|
99
|
+
}), /*#__PURE__*/React.createElement(Placeholder.Box, {
|
|
100
|
+
animate: "fade",
|
|
101
|
+
radius: 8,
|
|
102
|
+
width: "100%",
|
|
103
|
+
height: 8
|
|
104
|
+
}));
|
|
105
|
+
const SkeletonIcon = () => /*#__PURE__*/React.createElement(View, {
|
|
106
|
+
style: {
|
|
107
|
+
marginRight: IOSelectionListItemVisualParams.iconMargin
|
|
108
|
+
}
|
|
109
|
+
}, /*#__PURE__*/React.createElement(Placeholder.Box, {
|
|
110
|
+
animate: "fade",
|
|
111
|
+
radius: 4,
|
|
112
|
+
width: IOSelectionListItemVisualParams.iconSize,
|
|
113
|
+
height: IOSelectionListItemVisualParams.iconSize
|
|
114
|
+
}));
|
|
115
|
+
const SkeletonComponent = () => /*#__PURE__*/React.createElement(View, {
|
|
116
|
+
style: IOSelectionListItemStyles.listItem
|
|
117
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
118
|
+
style: IOSelectionListItemStyles.listItemInner
|
|
119
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
120
|
+
style: [IOStyles.flex, IOStyles.rowSpaceBetween, IOStyles.alignCenter]
|
|
121
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
122
|
+
style: [IOStyles.row, IOStyles.alignCenter]
|
|
123
|
+
}, (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.skeletonIcon) && /*#__PURE__*/React.createElement(SkeletonIcon, null), /*#__PURE__*/React.createElement(Placeholder.Box, {
|
|
124
|
+
animate: "fade",
|
|
125
|
+
radius: 8,
|
|
126
|
+
width: 179,
|
|
127
|
+
height: 16
|
|
128
|
+
})), /*#__PURE__*/React.createElement(HSpacer, {
|
|
129
|
+
size: 8
|
|
130
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
131
|
+
pointerEvents: "none",
|
|
132
|
+
style: disabledStyle
|
|
133
|
+
}, /*#__PURE__*/React.createElement(AnimatedRadio, {
|
|
134
|
+
checked: toggleValue
|
|
135
|
+
})))), (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.skeletonDescription) && /*#__PURE__*/React.createElement(SkeletonDescriptionLines, null));
|
|
136
|
+
return loadingProps !== null && loadingProps !== void 0 && loadingProps.state ? /*#__PURE__*/React.createElement(SkeletonComponent, null) : /*#__PURE__*/React.createElement(Pressable, {
|
|
79
137
|
onPress: toggleRadioItem,
|
|
80
138
|
onPressIn: handlePressIn,
|
|
81
139
|
onPressOut: handlePressOut,
|
|
@@ -83,9 +141,7 @@ export const ListItemRadio = _ref => {
|
|
|
83
141
|
testID: testID,
|
|
84
142
|
disabled: disabled
|
|
85
143
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
86
|
-
style: [IOSelectionListItemStyles.listItem, animatedBackgroundStyle,
|
|
87
|
-
opacity: disabled ? DISABLED_OPACITY : 1
|
|
88
|
-
}]
|
|
144
|
+
style: [IOSelectionListItemStyles.listItem, animatedBackgroundStyle, disabledStyle]
|
|
89
145
|
// This is required to avoid opacity
|
|
90
146
|
// inheritance on Android
|
|
91
147
|
,
|
|
@@ -98,14 +154,17 @@ export const ListItemRadio = _ref => {
|
|
|
98
154
|
style: [IOStyles.row, {
|
|
99
155
|
flexShrink: 1
|
|
100
156
|
}]
|
|
101
|
-
},
|
|
157
|
+
}, startImage && /*#__PURE__*/React.createElement(View, {
|
|
102
158
|
style: {
|
|
103
159
|
marginRight: IOSelectionListItemVisualParams.iconMargin
|
|
104
160
|
}
|
|
105
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
106
|
-
name: icon,
|
|
161
|
+
}, startImage.icon && /*#__PURE__*/React.createElement(Icon, {
|
|
162
|
+
name: startImage.icon,
|
|
107
163
|
color: "grey-300",
|
|
108
164
|
size: IOSelectionListItemVisualParams.iconSize
|
|
165
|
+
}), startImage.paymentLogo && /*#__PURE__*/React.createElement(LogoPayment, {
|
|
166
|
+
name: startImage.paymentLogo,
|
|
167
|
+
size: IOSelectionListItemVisualParams.iconSize
|
|
109
168
|
})), /*#__PURE__*/React.createElement(H6, {
|
|
110
169
|
color: "black",
|
|
111
170
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","AnimatedRadio","DISABLED_OPACITY","ListItemRadio","_ref","_IOScaleValues$basicB","value","description","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Placeholder","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","AnimatedRadio","LogoPayment","DISABLED_OPACITY","ListItemRadio","_ref","_IOScaleValues$basicB","value","description","startImage","selected","disabled","onValueChange","loadingProps","testID","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleRadioItem","trigger","undefined","disabledStyle","opacity","SkeletonDescriptionLines","createElement","Fragment","size","Box","animate","radius","width","height","SkeletonIcon","style","marginRight","iconMargin","iconSize","SkeletonComponent","listItem","listItemInner","flex","rowSpaceBetween","alignCenter","row","skeletonIcon","pointerEvents","checked","skeletonDescription","state","onPress","onPressIn","onPressOut","onTouchEnd","needsOffscreenAlphaCompositing","flexShrink","icon","name","color","paymentLogo","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadio.tsx"],"mappings":"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"}
|