@ledgerhq/react-ui 0.45.0 → 0.46.0-nightly.20260217030329
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 +2 -2
- package/lib/cjs/assets/fonts.js +60 -9
- package/lib/cjs/assets/fonts.js.map +1 -7
- package/lib/cjs/assets/images/images.d.js +6 -2
- package/lib/cjs/assets/index.js +175 -35
- package/lib/cjs/assets/index.js.map +1 -7
- package/lib/cjs/assets/logos/LedgerLiveAltRegular.js +91 -52
- package/lib/cjs/assets/logos/LedgerLiveAltRegular.js.map +1 -7
- package/lib/cjs/assets/logos/LedgerLiveRegular.js +103 -70
- package/lib/cjs/assets/logos/LedgerLiveRegular.js.map +1 -7
- package/lib/cjs/assets/logos/index.js +147 -33
- package/lib/cjs/assets/logos/index.js.map +1 -7
- package/lib/cjs/components/Table/Columns.js +767 -83
- package/lib/cjs/components/Table/Columns.js.map +1 -7
- package/lib/cjs/components/Table/Table.stories.js +1640 -174
- package/lib/cjs/components/Table/Table.stories.js.map +1 -7
- package/lib/cjs/components/Table/index.js +888 -104
- package/lib/cjs/components/Table/index.js.map +1 -7
- package/lib/cjs/components/Table/stories.helper.js +1127 -234
- package/lib/cjs/components/Table/stories.helper.js.map +1 -7
- package/lib/cjs/components/Tag/Tag.stories.js +875 -77
- package/lib/cjs/components/Tag/Tag.stories.js.map +1 -7
- package/lib/cjs/components/Tag/index.js +744 -102
- package/lib/cjs/components/Tag/index.js.map +1 -7
- package/lib/cjs/components/animations/GlitchText/GlitchText.stories.js +872 -55
- package/lib/cjs/components/animations/GlitchText/GlitchText.stories.js.map +1 -7
- package/lib/cjs/components/animations/GlitchText/index.js +116 -62
- package/lib/cjs/components/animations/GlitchText/index.js.map +1 -7
- package/lib/cjs/components/asorted/Divider/Divider.stories.js +764 -57
- package/lib/cjs/components/asorted/Divider/Divider.stories.js.map +1 -7
- package/lib/cjs/components/asorted/Divider/index.js +712 -48
- package/lib/cjs/components/asorted/Divider/index.js.map +1 -7
- package/lib/cjs/components/asorted/Icon/BoxedIcon.js +204 -83
- package/lib/cjs/components/asorted/Icon/BoxedIcon.js.map +1 -7
- package/lib/cjs/components/asorted/Icon/BoxedIcon.stories.js +365 -113
- package/lib/cjs/components/asorted/Icon/BoxedIcon.stories.js.map +1 -7
- package/lib/cjs/components/asorted/Icon/Icon.js +104 -52
- package/lib/cjs/components/asorted/Icon/Icon.js.map +1 -7
- package/lib/cjs/components/asorted/Icon/Icons.stories.js +752 -69
- package/lib/cjs/components/asorted/Icon/Icons.stories.js.map +1 -7
- package/lib/cjs/components/asorted/Icon/IconsLegacy.stories.js +1422 -131
- package/lib/cjs/components/asorted/Icon/IconsLegacy.stories.js.map +1 -7
- package/lib/cjs/components/asorted/Icon/NotificationIcon.js +247 -58
- package/lib/cjs/components/asorted/Icon/NotificationIcon.js.map +1 -7
- package/lib/cjs/components/asorted/Icon/NotificationIcon.stories.js +329 -51
- package/lib/cjs/components/asorted/Icon/NotificationIcon.stories.js.map +1 -7
- package/lib/cjs/components/asorted/Icon/index.js +434 -40
- package/lib/cjs/components/asorted/Icon/index.js.map +1 -7
- package/lib/cjs/components/asorted/Text/Text.stories.js +804 -84
- package/lib/cjs/components/asorted/Text/Text.stories.js.map +1 -7
- package/lib/cjs/components/asorted/Text/index.js +647 -60
- package/lib/cjs/components/asorted/Text/index.js.map +1 -7
- package/lib/cjs/components/asorted/Text/styles.js +173 -113
- package/lib/cjs/components/asorted/Text/styles.js.map +1 -7
- package/lib/cjs/components/asorted/index.js +964 -41
- package/lib/cjs/components/asorted/index.js.map +1 -7
- package/lib/cjs/components/cta/Button/Button.stories.js +1243 -121
- package/lib/cjs/components/cta/Button/Button.stories.js.map +1 -7
- package/lib/cjs/components/cta/Button/index.js +644 -160
- package/lib/cjs/components/cta/Button/index.js.map +1 -7
- package/lib/cjs/components/cta/Link/Link.stories.js +882 -82
- package/lib/cjs/components/cta/Link/Link.stories.js.map +1 -7
- package/lib/cjs/components/cta/Link/getLinkStyle.js +53 -38
- package/lib/cjs/components/cta/Link/getLinkStyle.js.map +1 -7
- package/lib/cjs/components/cta/Link/index.js +760 -73
- package/lib/cjs/components/cta/Link/index.js.map +1 -7
- package/lib/cjs/components/cta/Toggle/Toggle.stories.js +853 -55
- package/lib/cjs/components/cta/Toggle/Toggle.stories.js.map +1 -7
- package/lib/cjs/components/cta/Toggle/index.js +800 -44
- package/lib/cjs/components/cta/Toggle/index.js.map +1 -7
- package/lib/cjs/components/cta/getCtaStyle.js +42 -27
- package/lib/cjs/components/cta/getCtaStyle.js.map +1 -7
- package/lib/cjs/components/cta/index.js +1125 -38
- package/lib/cjs/components/cta/index.js.map +1 -7
- package/lib/cjs/components/form/BaseInput/Input.stories.js +1274 -104
- package/lib/cjs/components/form/BaseInput/Input.stories.js.map +1 -7
- package/lib/cjs/components/form/BaseInput/index.js +1124 -144
- package/lib/cjs/components/form/BaseInput/index.js.map +1 -7
- package/lib/cjs/components/form/Checkbox/Checkbox.js +728 -77
- package/lib/cjs/components/form/Checkbox/Checkbox.js.map +1 -7
- package/lib/cjs/components/form/Checkbox/Checkbox.stories.js +879 -92
- package/lib/cjs/components/form/Checkbox/Checkbox.stories.js.map +1 -7
- package/lib/cjs/components/form/Checkbox/index.js +795 -34
- package/lib/cjs/components/form/Checkbox/index.js.map +1 -7
- package/lib/cjs/components/form/Dropdown/Dropdown.stories.js +1718 -65
- package/lib/cjs/components/form/Dropdown/Dropdown.stories.js.map +1 -7
- package/lib/cjs/components/form/Dropdown/index.js +1632 -87
- package/lib/cjs/components/form/Dropdown/index.js.map +1 -7
- package/lib/cjs/components/form/LegendInput/Input.stories.js +1256 -57
- package/lib/cjs/components/form/LegendInput/Input.stories.js.map +1 -7
- package/lib/cjs/components/form/LegendInput/index.js +1211 -49
- package/lib/cjs/components/form/LegendInput/index.js.map +1 -7
- package/lib/cjs/components/form/NumberInput/Input.stories.js +1310 -84
- package/lib/cjs/components/form/NumberInput/Input.stories.js.map +1 -7
- package/lib/cjs/components/form/NumberInput/index.js +1240 -77
- package/lib/cjs/components/form/NumberInput/index.js.map +1 -7
- package/lib/cjs/components/form/QrCodeInput/Input.stories.js +1280 -53
- package/lib/cjs/components/form/QrCodeInput/Input.stories.js.map +1 -7
- package/lib/cjs/components/form/QrCodeInput/index.js +1229 -53
- package/lib/cjs/components/form/QrCodeInput/index.js.map +1 -7
- package/lib/cjs/components/form/QuantityInput/Input.stories.js +1305 -90
- package/lib/cjs/components/form/QuantityInput/Input.stories.js.map +1 -7
- package/lib/cjs/components/form/QuantityInput/index.js +1230 -60
- package/lib/cjs/components/form/QuantityInput/index.js.map +1 -7
- package/lib/cjs/components/form/Radio/Radio.stories.js +1164 -123
- package/lib/cjs/components/form/Radio/Radio.stories.js.map +1 -7
- package/lib/cjs/components/form/Radio/RadioElement.js +869 -104
- package/lib/cjs/components/form/Radio/RadioElement.js.map +1 -7
- package/lib/cjs/components/form/Radio/RadioElement.stories.js +1057 -49
- package/lib/cjs/components/form/Radio/RadioElement.stories.js.map +1 -7
- package/lib/cjs/components/form/Radio/RadioListElement.js +979 -81
- package/lib/cjs/components/form/Radio/RadioListElement.js.map +1 -7
- package/lib/cjs/components/form/Radio/RadioListElement.stories.js +1025 -42
- package/lib/cjs/components/form/Radio/RadioListElement.stories.js.map +1 -7
- package/lib/cjs/components/form/Radio/index.js +995 -55
- package/lib/cjs/components/form/Radio/index.js.map +1 -7
- package/lib/cjs/components/form/SearchInput/Input.stories.js +1253 -53
- package/lib/cjs/components/form/SearchInput/Input.stories.js.map +1 -7
- package/lib/cjs/components/form/SearchInput/index.js +1217 -52
- package/lib/cjs/components/form/SearchInput/index.js.map +1 -7
- package/lib/cjs/components/form/SelectInput/Control.js +1217 -51
- package/lib/cjs/components/form/SelectInput/Control.js.map +1 -7
- package/lib/cjs/components/form/SelectInput/DropdownIndicator.js +704 -47
- package/lib/cjs/components/form/SelectInput/DropdownIndicator.js.map +1 -7
- package/lib/cjs/components/form/SelectInput/IndicatorsContainer.js +167 -36
- package/lib/cjs/components/form/SelectInput/IndicatorsContainer.js.map +1 -7
- package/lib/cjs/components/form/SelectInput/MenuList.js +103 -47
- package/lib/cjs/components/form/SelectInput/MenuList.js.map +1 -7
- package/lib/cjs/components/form/SelectInput/Option.js +713 -72
- package/lib/cjs/components/form/SelectInput/Option.js.map +1 -7
- package/lib/cjs/components/form/SelectInput/Select.stories.js +1985 -343
- package/lib/cjs/components/form/SelectInput/Select.stories.js.map +1 -7
- package/lib/cjs/components/form/SelectInput/ValueContainer.js +691 -51
- package/lib/cjs/components/form/SelectInput/ValueContainer.js.map +1 -7
- package/lib/cjs/components/form/SelectInput/index.js +1542 -122
- package/lib/cjs/components/form/SelectInput/index.js.map +1 -7
- package/lib/cjs/components/form/SplitInput/SplitInput.stories.js +1977 -203
- package/lib/cjs/components/form/SplitInput/SplitInput.stories.js.map +1 -7
- package/lib/cjs/components/form/SplitInput/index.js +1247 -68
- package/lib/cjs/components/form/SplitInput/index.js.map +1 -7
- package/lib/cjs/components/form/Switch/Switch.js +736 -88
- package/lib/cjs/components/form/Switch/Switch.js.map +1 -7
- package/lib/cjs/components/form/Switch/Switch.stories.js +908 -87
- package/lib/cjs/components/form/Switch/Switch.stories.js.map +1 -7
- package/lib/cjs/components/form/Switch/index.js +822 -34
- package/lib/cjs/components/form/Switch/index.js.map +1 -7
- package/lib/cjs/components/form/TabSelector/TabSelector.stories.js +809 -53
- package/lib/cjs/components/form/TabSelector/TabSelector.stories.js.map +1 -7
- package/lib/cjs/components/form/TabSelector/index.js +758 -101
- package/lib/cjs/components/form/TabSelector/index.js.map +1 -7
- package/lib/cjs/components/form/index.js +2756 -58
- package/lib/cjs/components/form/index.js.map +1 -7
- package/lib/cjs/components/helpers.js +36 -20
- package/lib/cjs/components/helpers.js.map +1 -7
- package/lib/cjs/components/index.js +7545 -46
- package/lib/cjs/components/index.js.map +1 -7
- package/lib/cjs/components/layout/Banner/BannerCard/BannerCard.stories.js +1580 -73
- package/lib/cjs/components/layout/Banner/BannerCard/BannerCard.stories.js.map +1 -7
- package/lib/cjs/components/layout/Banner/BannerCard/index.js +1362 -74
- package/lib/cjs/components/layout/Banner/BannerCard/index.js.map +1 -7
- package/lib/cjs/components/layout/Banner/NotificationCard/NotificationCard.stories.js +1072 -76
- package/lib/cjs/components/layout/Banner/NotificationCard/NotificationCard.stories.js.map +1 -7
- package/lib/cjs/components/layout/Banner/NotificationCard/index.js +865 -57
- package/lib/cjs/components/layout/Banner/NotificationCard/index.js.map +1 -7
- package/lib/cjs/components/layout/Box/Box.stories.js +200 -74
- package/lib/cjs/components/layout/Box/Box.stories.js.map +1 -7
- package/lib/cjs/components/layout/Box/index.js +137 -33
- package/lib/cjs/components/layout/Box/index.js.map +1 -7
- package/lib/cjs/components/layout/Carousel/Carousel.stories.js +2012 -111
- package/lib/cjs/components/layout/Carousel/Carousel.stories.js.map +1 -7
- package/lib/cjs/components/layout/Carousel/ChevronArrow.js +104 -42
- package/lib/cjs/components/layout/Carousel/ChevronArrow.js.map +1 -7
- package/lib/cjs/components/layout/Carousel/Footer/Pagination/bullets.js +150 -68
- package/lib/cjs/components/layout/Carousel/Footer/Pagination/bullets.js.map +1 -7
- package/lib/cjs/components/layout/Carousel/Footer/Pagination/index.js +202 -40
- package/lib/cjs/components/layout/Carousel/Footer/Pagination/index.js.map +1 -7
- package/lib/cjs/components/layout/Carousel/Footer/Pagination/types.js +42 -27
- package/lib/cjs/components/layout/Carousel/Footer/Pagination/types.js.map +1 -7
- package/lib/cjs/components/layout/Carousel/Footer/Pagination/utils.js +91 -32
- package/lib/cjs/components/layout/Carousel/Footer/Pagination/utils.js.map +1 -7
- package/lib/cjs/components/layout/Carousel/Footer/index.js +309 -44
- package/lib/cjs/components/layout/Carousel/Footer/index.js.map +1 -7
- package/lib/cjs/components/layout/Carousel/Footer/variantContentCard.js +246 -49
- package/lib/cjs/components/layout/Carousel/Footer/variantContentCard.js.map +1 -7
- package/lib/cjs/components/layout/Carousel/Footer/variantDefault.js +225 -39
- package/lib/cjs/components/layout/Carousel/Footer/variantDefault.js.map +1 -7
- package/lib/cjs/components/layout/Carousel/index.js +551 -168
- package/lib/cjs/components/layout/Carousel/index.js.map +1 -7
- package/lib/cjs/components/layout/Carousel/types.js +23 -15
- package/lib/cjs/components/layout/Carousel/types.js.map +1 -7
- package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/PortfolioContentCard.stories.js +1477 -70
- package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/PortfolioContentCard.stories.js.map +1 -7
- package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/index.js +1428 -58
- package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/index.js.map +1 -7
- package/lib/cjs/components/layout/Drawer/Drawer.stories.js +1431 -103
- package/lib/cjs/components/layout/Drawer/Drawer.stories.js.map +1 -7
- package/lib/cjs/components/layout/Drawer/index.js +1288 -163
- package/lib/cjs/components/layout/Drawer/index.js.map +1 -7
- package/lib/cjs/components/layout/Flex/Flex.stories.js +467 -306
- package/lib/cjs/components/layout/Flex/Flex.stories.js.map +1 -7
- package/lib/cjs/components/layout/Flex/index.js +139 -33
- package/lib/cjs/components/layout/Flex/index.js.map +1 -7
- package/lib/cjs/components/layout/Grid/Grid.stories.js +905 -244
- package/lib/cjs/components/layout/Grid/Grid.stories.js.map +1 -7
- package/lib/cjs/components/layout/Grid/index.js +145 -39
- package/lib/cjs/components/layout/Grid/index.js.map +1 -7
- package/lib/cjs/components/layout/List/NumberedList/NumberedList.stories.js +868 -96
- package/lib/cjs/components/layout/List/NumberedList/NumberedList.stories.js.map +1 -7
- package/lib/cjs/components/layout/List/NumberedList/index.js +719 -56
- package/lib/cjs/components/layout/List/NumberedList/index.js.map +1 -7
- package/lib/cjs/components/layout/List/VerticalTimeline/TimelineIndicator.js +209 -69
- package/lib/cjs/components/layout/List/VerticalTimeline/TimelineIndicator.js.map +1 -7
- package/lib/cjs/components/layout/List/VerticalTimeline/TimelineItem.js +1046 -92
- package/lib/cjs/components/layout/List/VerticalTimeline/TimelineItem.js.map +1 -7
- package/lib/cjs/components/layout/List/VerticalTimeline/VerticalTimeline.stories.js +1804 -147
- package/lib/cjs/components/layout/List/VerticalTimeline/VerticalTimeline.stories.js.map +1 -7
- package/lib/cjs/components/layout/List/VerticalTimeline/index.js +1111 -51
- package/lib/cjs/components/layout/List/VerticalTimeline/index.js.map +1 -7
- package/lib/cjs/components/layout/Popin/Popin.stories.js +1398 -165
- package/lib/cjs/components/layout/Popin/Popin.stories.js.map +1 -7
- package/lib/cjs/components/layout/Popin/index.js +991 -93
- package/lib/cjs/components/layout/Popin/index.js.map +1 -7
- package/lib/cjs/components/layout/Side/Provider.js +121 -69
- package/lib/cjs/components/layout/Side/Provider.js.map +1 -7
- package/lib/cjs/components/layout/Side/Side.stories.js +1566 -120
- package/lib/cjs/components/layout/Side/Side.stories.js.map +1 -7
- package/lib/cjs/components/layout/Side/index.js +1451 -86
- package/lib/cjs/components/layout/Side/index.js.map +1 -7
- package/lib/cjs/components/layout/index.js +3197 -56
- package/lib/cjs/components/layout/index.js.map +1 -7
- package/lib/cjs/components/loaders/InfiniteLoader/InfiniteLoader.stories.js +229 -65
- package/lib/cjs/components/loaders/InfiniteLoader/InfiniteLoader.stories.js.map +1 -7
- package/lib/cjs/components/loaders/InfiniteLoader/index.js +136 -85
- package/lib/cjs/components/loaders/InfiniteLoader/index.js.map +1 -7
- package/lib/cjs/components/loaders/ProgressLoader/ProgressLoader.stories.js +833 -100
- package/lib/cjs/components/loaders/ProgressLoader/ProgressLoader.stories.js.map +1 -7
- package/lib/cjs/components/loaders/ProgressLoader/index.js +727 -109
- package/lib/cjs/components/loaders/ProgressLoader/index.js.map +1 -7
- package/lib/cjs/components/loaders/index.js +864 -36
- package/lib/cjs/components/loaders/index.js.map +1 -7
- package/lib/cjs/components/message/Alert/Alert.stories.js +1312 -82
- package/lib/cjs/components/message/Alert/Alert.stories.js.map +1 -7
- package/lib/cjs/components/message/Alert/index.js +796 -108
- package/lib/cjs/components/message/Alert/index.js.map +1 -7
- package/lib/cjs/components/message/ContinueOnDevice/ContinueOnDevice.stories.js +804 -75
- package/lib/cjs/components/message/ContinueOnDevice/ContinueOnDevice.stories.js.map +1 -7
- package/lib/cjs/components/message/ContinueOnDevice/index.js +752 -51
- package/lib/cjs/components/message/ContinueOnDevice/index.js.map +1 -7
- package/lib/cjs/components/message/Log/Brackets.js +195 -60
- package/lib/cjs/components/message/Log/Brackets.js.map +1 -7
- package/lib/cjs/components/message/Log/Log.stories.js +810 -51
- package/lib/cjs/components/message/Log/Log.stories.js.map +1 -7
- package/lib/cjs/components/message/Log/index.js +771 -56
- package/lib/cjs/components/message/Log/index.js.map +1 -7
- package/lib/cjs/components/message/Notification/Badge.js +107 -45
- package/lib/cjs/components/message/Notification/Badge.js.map +1 -7
- package/lib/cjs/components/message/Notification/Badge.stories.js +295 -64
- package/lib/cjs/components/message/Notification/Badge.stories.js.map +1 -7
- package/lib/cjs/components/message/Notification/Notification.stories.js +1049 -94
- package/lib/cjs/components/message/Notification/Notification.stories.js.map +1 -7
- package/lib/cjs/components/message/Notification/index.js +904 -58
- package/lib/cjs/components/message/Notification/index.js.map +1 -7
- package/lib/cjs/components/message/StatusNotification/StatusNotification.stories.js +937 -58
- package/lib/cjs/components/message/StatusNotification/StatusNotification.stories.js.map +1 -7
- package/lib/cjs/components/message/StatusNotification/index.js +813 -53
- package/lib/cjs/components/message/StatusNotification/index.js.map +1 -7
- package/lib/cjs/components/message/Tip/Tip.stories.js +783 -55
- package/lib/cjs/components/message/Tip/Tip.stories.js.map +1 -7
- package/lib/cjs/components/message/Tip/index.js +724 -52
- package/lib/cjs/components/message/Tip/index.js.map +1 -7
- package/lib/cjs/components/message/Tooltip/Tooltip.stories.js +825 -90
- package/lib/cjs/components/message/Tooltip/Tooltip.stories.js.map +1 -7
- package/lib/cjs/components/message/Tooltip/index.js +720 -60
- package/lib/cjs/components/message/Tooltip/index.js.map +1 -7
- package/lib/cjs/components/message/Tooltip/styles.js +86 -26
- package/lib/cjs/components/message/Tooltip/styles.js.map +1 -7
- package/lib/cjs/components/message/index.js +1449 -48
- package/lib/cjs/components/message/index.js.map +1 -7
- package/lib/cjs/components/navigation/Aside/Aside.stories.js +926 -63
- package/lib/cjs/components/navigation/Aside/Aside.stories.js.map +1 -7
- package/lib/cjs/components/navigation/Aside/index.js +176 -40
- package/lib/cjs/components/navigation/Aside/index.js.map +1 -7
- package/lib/cjs/components/navigation/Aside/stories.helper.js +36 -21
- package/lib/cjs/components/navigation/Aside/stories.helper.js.map +1 -7
- package/lib/cjs/components/navigation/Breadcrumb/Breadcrumb.stories.js +1910 -118
- package/lib/cjs/components/navigation/Breadcrumb/Breadcrumb.stories.js.map +1 -7
- package/lib/cjs/components/navigation/Breadcrumb/index.js +1729 -89
- package/lib/cjs/components/navigation/Breadcrumb/index.js.map +1 -7
- package/lib/cjs/components/navigation/FlowStepper/FlowStepper.stories.js +1868 -225
- package/lib/cjs/components/navigation/FlowStepper/FlowStepper.stories.js.map +1 -7
- package/lib/cjs/components/navigation/FlowStepper/index.js +951 -88
- package/lib/cjs/components/navigation/FlowStepper/index.js.map +1 -7
- package/lib/cjs/components/navigation/Header/Header.stories.js +786 -47
- package/lib/cjs/components/navigation/Header/Header.stories.js.map +1 -7
- package/lib/cjs/components/navigation/Header/index.js +163 -35
- package/lib/cjs/components/navigation/Header/index.js.map +1 -7
- package/lib/cjs/components/navigation/index.js +2661 -44
- package/lib/cjs/components/navigation/index.js.map +1 -7
- package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.js +703 -49
- package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.js.map +1 -7
- package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.stories.js +788 -72
- package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.stories.js.map +1 -7
- package/lib/cjs/components/navigation/progress/ProgressBar/index.js +743 -34
- package/lib/cjs/components/navigation/progress/ProgressBar/index.js.map +1 -7
- package/lib/cjs/components/navigation/progress/Stepper/Item.stories.js +879 -44
- package/lib/cjs/components/navigation/progress/Stepper/Item.stories.js.map +1 -7
- package/lib/cjs/components/navigation/progress/Stepper/ProgressSteps.stories.js +898 -56
- package/lib/cjs/components/navigation/progress/Stepper/ProgressSteps.stories.js.map +1 -7
- package/lib/cjs/components/navigation/progress/Stepper/index.js +825 -132
- package/lib/cjs/components/navigation/progress/Stepper/index.js.map +1 -7
- package/lib/cjs/components/navigation/progress/index.js +942 -36
- package/lib/cjs/components/navigation/progress/index.js.map +1 -7
- package/lib/cjs/components/navigation/sideBar/Item/Item.js +808 -106
- package/lib/cjs/components/navigation/sideBar/Item/Item.js.map +1 -7
- package/lib/cjs/components/navigation/sideBar/Item/Item.stories.js +978 -94
- package/lib/cjs/components/navigation/sideBar/Item/Item.stories.js.map +1 -7
- package/lib/cjs/components/navigation/sideBar/Item/index.js +868 -34
- package/lib/cjs/components/navigation/sideBar/Item/index.js.map +1 -7
- package/lib/cjs/components/navigation/sideBar/Logo/Logo.js +243 -61
- package/lib/cjs/components/navigation/sideBar/Logo/Logo.js.map +1 -7
- package/lib/cjs/components/navigation/sideBar/Logo/index.js +257 -31
- package/lib/cjs/components/navigation/sideBar/Logo/index.js.map +1 -7
- package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js +1107 -73
- package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js.map +1 -7
- package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.stories.js +1269 -68
- package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.stories.js.map +1 -7
- package/lib/cjs/components/navigation/sideBar/SideBar/index.js +1140 -34
- package/lib/cjs/components/navigation/sideBar/SideBar/index.js.map +1 -7
- package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js +188 -55
- package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js.map +1 -7
- package/lib/cjs/components/navigation/sideBar/Toggle/index.js +209 -30
- package/lib/cjs/components/navigation/sideBar/Toggle/index.js.map +1 -7
- package/lib/cjs/components/navigation/sideBar/index.js +82 -22
- package/lib/cjs/components/navigation/sideBar/index.js.map +1 -7
- package/lib/cjs/components/styled.js +125 -54
- package/lib/cjs/components/styled.js.map +1 -7
- package/lib/cjs/components/styled.stories.js +181 -68
- package/lib/cjs/components/styled.stories.js.map +1 -7
- package/lib/cjs/components/tabs/Bar/Bar.stories.js +774 -55
- package/lib/cjs/components/tabs/Bar/Bar.stories.js.map +1 -7
- package/lib/cjs/components/tabs/Bar/index.js +175 -54
- package/lib/cjs/components/tabs/Bar/index.js.map +1 -7
- package/lib/cjs/components/tabs/Chip/Chip.stories.js +784 -55
- package/lib/cjs/components/tabs/Chip/Chip.stories.js.map +1 -7
- package/lib/cjs/components/tabs/Chip/index.js +183 -60
- package/lib/cjs/components/tabs/Chip/index.js.map +1 -7
- package/lib/cjs/components/tabs/Pill/Pill.stories.js +841 -58
- package/lib/cjs/components/tabs/Pill/Pill.stories.js.map +1 -7
- package/lib/cjs/components/tabs/Pill/index.js +184 -61
- package/lib/cjs/components/tabs/Pill/index.js.map +1 -7
- package/lib/cjs/components/tabs/Tabs/Tabs.stories.js +1024 -104
- package/lib/cjs/components/tabs/Tabs/Tabs.stories.js.map +1 -7
- package/lib/cjs/components/tabs/Tabs/index.js +879 -112
- package/lib/cjs/components/tabs/Tabs/index.js.map +1 -7
- package/lib/cjs/components/tabs/index.js +1102 -40
- package/lib/cjs/components/tabs/index.js.map +1 -7
- package/lib/cjs/components/transitions/TransitionInOut.js +106 -42
- package/lib/cjs/components/transitions/TransitionInOut.js.map +1 -7
- package/lib/cjs/components/transitions/TransitionScale.js +103 -41
- package/lib/cjs/components/transitions/TransitionScale.js.map +1 -7
- package/lib/cjs/components/transitions/TransitionSlide.js +108 -45
- package/lib/cjs/components/transitions/TransitionSlide.js.map +1 -7
- package/lib/cjs/components/transitions/index.js +253 -35
- package/lib/cjs/components/transitions/index.js.map +1 -7
- package/lib/cjs/helpers.types.js +32 -15
- package/lib/cjs/helpers.types.js.map +1 -7
- package/lib/cjs/index.js +7712 -29
- package/lib/cjs/index.js.map +1 -7
- package/lib/cjs/pre-ldls/components/AccountItem/AccountItem.js +2073 -114
- package/lib/cjs/pre-ldls/components/AccountItem/AccountItem.js.map +1 -7
- package/lib/cjs/pre-ldls/components/AccountItem/AccountItem.stories.js +2315 -171
- package/lib/cjs/pre-ldls/components/AccountItem/AccountItem.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/AccountList/AccountList.js +2406 -55
- package/lib/cjs/pre-ldls/components/AccountList/AccountList.js.map +1 -7
- package/lib/cjs/pre-ldls/components/AccountList/AccountList.stories.js +2466 -66
- package/lib/cjs/pre-ldls/components/AccountList/AccountList.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/Address/Address.js +1782 -59
- package/lib/cjs/pre-ldls/components/Address/Address.js.map +1 -7
- package/lib/cjs/pre-ldls/components/Address/Address.stories.js +1836 -47
- package/lib/cjs/pre-ldls/components/Address/Address.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/Address/formatAddress.js +51 -31
- package/lib/cjs/pre-ldls/components/Address/formatAddress.js.map +1 -7
- package/lib/cjs/pre-ldls/components/Address/tests/formatAddress.test.js +133 -47
- package/lib/cjs/pre-ldls/components/Address/tests/formatAddress.test.js.map +1 -7
- package/lib/cjs/pre-ldls/components/ApyIndicator/ApyIndicator.js +1771 -37
- package/lib/cjs/pre-ldls/components/ApyIndicator/ApyIndicator.js.map +1 -7
- package/lib/cjs/pre-ldls/components/ApyIndicator/ApyIndicator.stories.js +1827 -42
- package/lib/cjs/pre-ldls/components/ApyIndicator/ApyIndicator.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/AssetItem/AssetItem.js +1789 -114
- package/lib/cjs/pre-ldls/components/AssetItem/AssetItem.js.map +1 -7
- package/lib/cjs/pre-ldls/components/AssetItem/AssetItem.stories.js +1980 -74
- package/lib/cjs/pre-ldls/components/AssetItem/AssetItem.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/AssetList/AssetList.js +2104 -60
- package/lib/cjs/pre-ldls/components/AssetList/AssetList.js.map +1 -7
- package/lib/cjs/pre-ldls/components/AssetList/AssetList.stories.js +2279 -95
- package/lib/cjs/pre-ldls/components/AssetList/AssetList.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/CardButton/CardButton.js +1162 -58
- package/lib/cjs/pre-ldls/components/CardButton/CardButton.js.map +1 -7
- package/lib/cjs/pre-ldls/components/CardButton/CardButton.stories.js +1261 -71
- package/lib/cjs/pre-ldls/components/CardButton/CardButton.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/Checkbox/Checkbox.js +1199 -71
- package/lib/cjs/pre-ldls/components/Checkbox/Checkbox.js.map +1 -7
- package/lib/cjs/pre-ldls/components/Checkbox/Checkbox.stories.js +1248 -26
- package/lib/cjs/pre-ldls/components/Checkbox/Checkbox.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/Input/Input.js +1160 -47
- package/lib/cjs/pre-ldls/components/Input/Input.js.map +1 -7
- package/lib/cjs/pre-ldls/components/Input/Input.stories.js +1229 -54
- package/lib/cjs/pre-ldls/components/Input/Input.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.js +1779 -82
- package/lib/cjs/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.js.map +1 -7
- package/lib/cjs/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.stories.js +1840 -42
- package/lib/cjs/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.js +1774 -79
- package/lib/cjs/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.js.map +1 -7
- package/lib/cjs/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.stories.js +1843 -42
- package/lib/cjs/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/NetworkItem/NetworkItem.js +1759 -69
- package/lib/cjs/pre-ldls/components/NetworkItem/NetworkItem.js.map +1 -7
- package/lib/cjs/pre-ldls/components/NetworkItem/NetworkItem.stories.js +1910 -55
- package/lib/cjs/pre-ldls/components/NetworkItem/NetworkItem.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/NetworkList/NetworkList.js +2052 -46
- package/lib/cjs/pre-ldls/components/NetworkList/NetworkList.js.map +1 -7
- package/lib/cjs/pre-ldls/components/NetworkList/NetworkList.stories.js +2105 -59
- package/lib/cjs/pre-ldls/components/NetworkList/NetworkList.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/Search/Search.js +1277 -85
- package/lib/cjs/pre-ldls/components/Search/Search.js.map +1 -7
- package/lib/cjs/pre-ldls/components/Search/Search.stories.js +1343 -56
- package/lib/cjs/pre-ldls/components/Search/Search.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/Tag/Tag.js +1749 -61
- package/lib/cjs/pre-ldls/components/Tag/Tag.js.map +1 -7
- package/lib/cjs/pre-ldls/components/Tag/Tag.stories.js +1804 -39
- package/lib/cjs/pre-ldls/components/Tag/Tag.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/TextInput/TextInput.js +1321 -138
- package/lib/cjs/pre-ldls/components/TextInput/TextInput.js.map +1 -7
- package/lib/cjs/pre-ldls/components/TextInput/TextInput.stories.js +1467 -76
- package/lib/cjs/pre-ldls/components/TextInput/TextInput.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/VirtualList/VirtualList.js +356 -142
- package/lib/cjs/pre-ldls/components/VirtualList/VirtualList.js.map +1 -7
- package/lib/cjs/pre-ldls/components/VirtualList/VirtualList.stories.js +575 -166
- package/lib/cjs/pre-ldls/components/VirtualList/VirtualList.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/components/index.js +3221 -33
- package/lib/cjs/pre-ldls/components/index.js.map +1 -7
- package/lib/cjs/pre-ldls/components/sharedStoryBook.js +1787 -60
- package/lib/cjs/pre-ldls/components/sharedStoryBook.js.map +1 -7
- package/lib/cjs/pre-ldls/hooks/index.js +108 -17
- package/lib/cjs/pre-ldls/hooks/index.js.map +1 -7
- package/lib/cjs/pre-ldls/hooks/useDebouncedCallback.js +95 -33
- package/lib/cjs/pre-ldls/hooks/useDebouncedCallback.js.map +1 -7
- package/lib/cjs/pre-ldls/hooks/useDebouncedCallback.stories.js +175 -82
- package/lib/cjs/pre-ldls/hooks/useDebouncedCallback.stories.js.map +1 -7
- package/lib/cjs/pre-ldls/index.js +3245 -18
- package/lib/cjs/pre-ldls/index.js.map +1 -7
- package/lib/cjs/pre-ldls/libs/design-tokens.js +990 -974
- package/lib/cjs/pre-ldls/libs/design-tokens.js.map +1 -7
- package/lib/cjs/pre-ldls/libs/index.js +1126 -90
- package/lib/cjs/pre-ldls/libs/index.js.map +1 -7
- package/lib/cjs/styles/InvertTheme.js +407 -68
- package/lib/cjs/styles/InvertTheme.js.map +1 -7
- package/lib/cjs/styles/Spacing.stories.js +725 -58
- package/lib/cjs/styles/Spacing.stories.js.map +1 -7
- package/lib/cjs/styles/StyleProvider.js +756 -58
- package/lib/cjs/styles/StyleProvider.js.map +1 -7
- package/lib/cjs/styles/breakpoints.stories.js +746 -69
- package/lib/cjs/styles/breakpoints.stories.js.map +1 -7
- package/lib/cjs/styles/global.js +385 -38
- package/lib/cjs/styles/global.js.map +1 -7
- package/lib/cjs/styles/helpers.js +396 -58
- package/lib/cjs/styles/helpers.js.map +1 -7
- package/lib/cjs/styles/index.js +849 -43
- package/lib/cjs/styles/index.js.map +1 -7
- package/lib/cjs/styles/override.js +22 -1
- package/lib/cjs/styles/override.js.map +1 -7
- package/lib/cjs/styles/palettes/colors.stories.js +756 -66
- package/lib/cjs/styles/palettes/colors.stories.js.map +1 -7
- package/lib/cjs/styles/styled/fontFamily.js +411 -30
- package/lib/cjs/styles/styled/fontFamily.js.map +1 -7
- package/lib/cjs/styles/system/gaps.js +91 -25
- package/lib/cjs/styles/system/gaps.js.map +1 -7
- package/lib/cjs/styles/theme.js +259 -172
- package/lib/cjs/styles/theme.js.map +1 -7
- package/package.json +12 -16
- package/lib/cjs/assets/images/images.d.js.map +0 -7
|
@@ -1,91 +1,184 @@
|
|
|
1
|
+
(() => {
|
|
1
2
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
var __webpack_modules__ = ({
|
|
4
|
+
310(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
|
|
5
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
6
|
+
useDebouncedCallback: () => (useDebouncedCallback)
|
|
7
|
+
});
|
|
8
|
+
/* import */ var react__rspack_import_0 = __webpack_require__(2015);
|
|
9
|
+
/* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
|
|
10
|
+
|
|
11
|
+
function useDebouncedCallback(callback, delay) {
|
|
12
|
+
const [debouncedCallback, setDebouncedCallback] = (0,react__rspack_import_0.useState)();
|
|
13
|
+
const timeout = (0,react__rspack_import_0.useRef)();
|
|
14
|
+
(0,react__rspack_import_0.useEffect)(()=>{
|
|
15
|
+
if (!callback) return setDebouncedCallback(undefined);
|
|
16
|
+
setDebouncedCallback(()=>(...args)=>{
|
|
17
|
+
clearTimeout(timeout.current);
|
|
18
|
+
timeout.current = setTimeout(()=>callback(...args), delay);
|
|
19
|
+
});
|
|
20
|
+
return ()=>clearTimeout(timeout.current);
|
|
21
|
+
}, [
|
|
22
|
+
callback,
|
|
23
|
+
delay
|
|
24
|
+
]);
|
|
25
|
+
return debouncedCallback;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
},
|
|
30
|
+
2015(module) {
|
|
31
|
+
module.exports = require("react");
|
|
32
|
+
|
|
33
|
+
},
|
|
34
|
+
|
|
35
|
+
});
|
|
36
|
+
// The module cache
|
|
37
|
+
var __webpack_module_cache__ = {};
|
|
38
|
+
|
|
39
|
+
// The require function
|
|
40
|
+
function __webpack_require__(moduleId) {
|
|
41
|
+
|
|
42
|
+
// Check if module is in cache
|
|
43
|
+
var cachedModule = __webpack_module_cache__[moduleId];
|
|
44
|
+
if (cachedModule !== undefined) {
|
|
45
|
+
return cachedModule.exports;
|
|
46
|
+
}
|
|
47
|
+
// Create a new module (and put it into the cache)
|
|
48
|
+
var module = (__webpack_module_cache__[moduleId] = {
|
|
49
|
+
exports: {}
|
|
50
|
+
});
|
|
51
|
+
// Execute the module function
|
|
52
|
+
__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
53
|
+
|
|
54
|
+
// Return the exports of the module
|
|
55
|
+
return module.exports;
|
|
56
|
+
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
// webpack/runtime/compat_get_default_export
|
|
60
|
+
(() => {
|
|
61
|
+
// getDefaultExport function for compatibility with non-ESM modules
|
|
62
|
+
__webpack_require__.n = (module) => {
|
|
63
|
+
var getter = module && module.__esModule ?
|
|
64
|
+
() => (module['default']) :
|
|
65
|
+
() => (module);
|
|
66
|
+
__webpack_require__.d(getter, { a: getter });
|
|
67
|
+
return getter;
|
|
11
68
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
69
|
+
|
|
70
|
+
})();
|
|
71
|
+
// webpack/runtime/define_property_getters
|
|
72
|
+
(() => {
|
|
73
|
+
__webpack_require__.d = (exports, definition) => {
|
|
74
|
+
for(var key in definition) {
|
|
75
|
+
if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
76
|
+
Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
})();
|
|
81
|
+
// webpack/runtime/has_own_property
|
|
82
|
+
(() => {
|
|
83
|
+
__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
84
|
+
})();
|
|
85
|
+
// webpack/runtime/make_namespace_object
|
|
86
|
+
(() => {
|
|
87
|
+
// define __esModule on exports
|
|
88
|
+
__webpack_require__.r = (exports) => {
|
|
89
|
+
if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
90
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
91
|
+
}
|
|
92
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
19
93
|
};
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
Test: () => Test,
|
|
32
|
-
default: () => useDebouncedCallback_stories_default
|
|
94
|
+
})();
|
|
95
|
+
var __webpack_exports__ = {};
|
|
96
|
+
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
|
|
97
|
+
(() => {
|
|
98
|
+
// ESM COMPAT FLAG
|
|
99
|
+
__webpack_require__.r(__webpack_exports__);
|
|
100
|
+
|
|
101
|
+
// EXPORTS
|
|
102
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
103
|
+
Test: () => (/* binding */ Test),
|
|
104
|
+
"default": () => (/* binding */ useDebouncedCallback_stories)
|
|
33
105
|
});
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
|
|
39
|
-
const
|
|
106
|
+
|
|
107
|
+
// EXTERNAL MODULE: external "react"
|
|
108
|
+
var external_react_ = __webpack_require__(2015);
|
|
109
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
110
|
+
;// CONCATENATED MODULE: external "@storybook/test"
|
|
111
|
+
const test_namespaceObject = require("@storybook/test");
|
|
112
|
+
// EXTERNAL MODULE: ./src/pre-ldls/hooks/useDebouncedCallback.ts
|
|
113
|
+
var useDebouncedCallback = __webpack_require__(310);
|
|
114
|
+
;// CONCATENATED MODULE: ./src/pre-ldls/hooks/useDebouncedCallback.stories.tsx
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
const useDebouncedCallback_stories_callback1 = (0,test_namespaceObject.fn)();
|
|
119
|
+
const useDebouncedCallback_stories_callback2 = (0,test_namespaceObject.fn)();
|
|
40
120
|
const meta = {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
121
|
+
component: Template,
|
|
122
|
+
title: "PreLdls/Hooks/useDebouncedCallback",
|
|
123
|
+
tags: [
|
|
124
|
+
"!autodocs"
|
|
125
|
+
],
|
|
126
|
+
args: {
|
|
127
|
+
delay: 100,
|
|
128
|
+
callback1: useDebouncedCallback_stories_callback1,
|
|
129
|
+
callback2: useDebouncedCallback_stories_callback2
|
|
130
|
+
}
|
|
49
131
|
};
|
|
50
|
-
|
|
132
|
+
/* export default */ const useDebouncedCallback_stories = (meta);
|
|
51
133
|
const Test = {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
const debouncedCallback = (0, import__.useDebouncedCallback)(callback, delay);
|
|
77
|
-
const [value, setValue] = (0, import_react.useState)("");
|
|
78
|
-
return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
|
|
79
|
-
"input",
|
|
80
|
-
{
|
|
81
|
-
type: "text",
|
|
82
|
-
value,
|
|
83
|
-
onChange: (event) => {
|
|
84
|
-
const value2 = event.target.value;
|
|
85
|
-
setValue(value2);
|
|
86
|
-
debouncedCallback == null ? void 0 : debouncedCallback(value2);
|
|
87
|
-
}
|
|
134
|
+
name: "useDebouncedCallback",
|
|
135
|
+
play: async ({ canvasElement, step })=>{
|
|
136
|
+
const canvas = (0,test_namespaceObject.within)(canvasElement);
|
|
137
|
+
const input = canvas.getByRole("textbox");
|
|
138
|
+
const callback2Btn = canvas.getByText("Use Callback 2");
|
|
139
|
+
await step("Debounce callback calls", async ()=>{
|
|
140
|
+
await test_namespaceObject.userEvent.type(input, "Write something");
|
|
141
|
+
(0,test_namespaceObject.expect)(input).toHaveValue("Write something");
|
|
142
|
+
(0,test_namespaceObject.expect)(useDebouncedCallback_stories_callback1).not.toHaveBeenCalled();
|
|
143
|
+
await (0,test_namespaceObject.waitFor)(()=>(0,test_namespaceObject.expect)(useDebouncedCallback_stories_callback1).toHaveBeenCalledTimes(1), {
|
|
144
|
+
timeout: 200
|
|
145
|
+
});
|
|
146
|
+
(0,test_namespaceObject.expect)(useDebouncedCallback_stories_callback1).toHaveBeenCalledWith("Write something");
|
|
147
|
+
});
|
|
148
|
+
await step("Switch callback function", async ()=>{
|
|
149
|
+
await test_namespaceObject.userEvent.type(input, " else");
|
|
150
|
+
await test_namespaceObject.userEvent.click(callback2Btn);
|
|
151
|
+
await test_namespaceObject.userEvent.type(input, ".");
|
|
152
|
+
await (0,test_namespaceObject.waitFor)(()=>(0,test_namespaceObject.expect)(useDebouncedCallback_stories_callback2).toHaveBeenCalledTimes(1), {
|
|
153
|
+
timeout: 200
|
|
154
|
+
});
|
|
155
|
+
(0,test_namespaceObject.expect)(useDebouncedCallback_stories_callback1).not.toHaveBeenCalledWith(/^Write something else.*/);
|
|
156
|
+
(0,test_namespaceObject.expect)(useDebouncedCallback_stories_callback2).toHaveBeenCalledWith("Write something else.");
|
|
157
|
+
});
|
|
88
158
|
}
|
|
89
|
-
|
|
159
|
+
};
|
|
160
|
+
function Template({ callback1, callback2, delay }) {
|
|
161
|
+
const [callback, setCallback] = (0,external_react_.useState)(()=>callback1);
|
|
162
|
+
const debouncedCallback = (0,useDebouncedCallback.useDebouncedCallback)(callback, delay);
|
|
163
|
+
const [value, setValue] = (0,external_react_.useState)("");
|
|
164
|
+
return /*#__PURE__*/ external_react_default().createElement("div", null, /*#__PURE__*/ external_react_default().createElement("input", {
|
|
165
|
+
type: "text",
|
|
166
|
+
value: value,
|
|
167
|
+
onChange: (event)=>{
|
|
168
|
+
const value = event.target.value;
|
|
169
|
+
setValue(value);
|
|
170
|
+
debouncedCallback?.(value);
|
|
171
|
+
}
|
|
172
|
+
}), " ", /*#__PURE__*/ external_react_default().createElement("button", {
|
|
173
|
+
onClick: ()=>setCallback(()=>callback1)
|
|
174
|
+
}, "Use Callback 1"), " ", /*#__PURE__*/ external_react_default().createElement("button", {
|
|
175
|
+
onClick: ()=>setCallback(()=>callback2)
|
|
176
|
+
}, "Use Callback 2"));
|
|
90
177
|
}
|
|
91
|
-
|
|
178
|
+
|
|
179
|
+
})();
|
|
180
|
+
|
|
181
|
+
module.exports = __webpack_exports__;
|
|
182
|
+
})()
|
|
183
|
+
;
|
|
184
|
+
//# sourceMappingURL=useDebouncedCallback.stories.js.map
|
|
@@ -1,7 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/pre-ldls/hooks/useDebouncedCallback.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { useState } from \"react\";\nimport { type Meta, type StoryObj } from \"@storybook/react\";\nimport { expect, fn, Mock, userEvent, waitFor, within } from \"@storybook/test\";\nimport { useDebouncedCallback } from \".\";\n\nconst callback1 = fn();\nconst callback2 = fn();\n\nconst meta: Meta<typeof Template> = {\n component: Template,\n title: \"PreLdls/Hooks/useDebouncedCallback\",\n tags: [\"!autodocs\"],\n args: {\n delay: 100,\n callback1,\n callback2,\n },\n};\nexport default meta;\n\nexport const Test: StoryObj<typeof Template> = {\n name: \"useDebouncedCallback\",\n play: async ({ canvasElement, step }) => {\n const canvas = within(canvasElement);\n const input = canvas.getByRole(\"textbox\");\n const callback2Btn = canvas.getByText(\"Use Callback 2\");\n\n await step(\"Debounce callback calls\", async () => {\n await userEvent.type(input, \"Write something\");\n expect(input).toHaveValue(\"Write something\");\n expect(callback1).not.toHaveBeenCalled();\n await waitFor(() => expect(callback1).toHaveBeenCalledTimes(1), { timeout: 200 });\n expect(callback1).toHaveBeenCalledWith(\"Write something\");\n });\n\n await step(\"Switch callback function\", async () => {\n await userEvent.type(input, \" else\");\n await userEvent.click(callback2Btn);\n await userEvent.type(input, \".\");\n await waitFor(() => expect(callback2).toHaveBeenCalledTimes(1), { timeout: 200 });\n expect(callback1).not.toHaveBeenCalledWith(/^Write something else.*/);\n expect(callback2).toHaveBeenCalledWith(\"Write something else.\");\n });\n },\n};\n\ntype TemplateProps = {\n delay: number;\n callback1: Mock;\n callback2: Mock;\n};\nfunction Template({ callback1, callback2, delay }: TemplateProps) {\n const [callback, setCallback] = useState(() => callback1);\n const debouncedCallback = useDebouncedCallback(callback, delay);\n\n const [value, setValue] = useState(\"\");\n return (\n <div>\n <input\n type=\"text\"\n value={value}\n onChange={event => {\n const value = event.target.value;\n setValue(value);\n debouncedCallback?.(value);\n }}\n />{\" \"}\n <button onClick={() => setCallback(() => callback1)}>Use Callback 1</button>{\" \"}\n <button onClick={() => setCallback(() => callback2)}>Use Callback 2</button>\n </div>\n );\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAEhC,kBAA6D;AAC7D,eAAqC;AAErC,MAAM,gBAAY,gBAAG;AACrB,MAAM,gBAAY,gBAAG;AAErB,MAAM,OAA8B;AAAA,EAClC,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM,CAAC,WAAW;AAAA,EAClB,MAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACF;AACF;AACA,IAAO,uCAAQ;AAER,MAAM,OAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,OAAO,EAAE,eAAe,KAAK,MAAM;AACvC,UAAM,aAAS,oBAAO,aAAa;AACnC,UAAM,QAAQ,OAAO,UAAU,SAAS;AACxC,UAAM,eAAe,OAAO,UAAU,gBAAgB;AAEtD,UAAM,KAAK,2BAA2B,YAAY;AAChD,YAAM,sBAAU,KAAK,OAAO,iBAAiB;AAC7C,8BAAO,KAAK,EAAE,YAAY,iBAAiB;AAC3C,8BAAO,SAAS,EAAE,IAAI,iBAAiB;AACvC,gBAAM,qBAAQ,UAAM,oBAAO,SAAS,EAAE,sBAAsB,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC;AAChF,8BAAO,SAAS,EAAE,qBAAqB,iBAAiB;AAAA,IAC1D,CAAC;AAED,UAAM,KAAK,4BAA4B,YAAY;AACjD,YAAM,sBAAU,KAAK,OAAO,OAAO;AACnC,YAAM,sBAAU,MAAM,YAAY;AAClC,YAAM,sBAAU,KAAK,OAAO,GAAG;AAC/B,gBAAM,qBAAQ,UAAM,oBAAO,SAAS,EAAE,sBAAsB,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC;AAChF,8BAAO,SAAS,EAAE,IAAI,qBAAqB,yBAAyB;AACpE,8BAAO,SAAS,EAAE,qBAAqB,uBAAuB;AAAA,IAChE,CAAC;AAAA,EACH;AACF;AAOA,SAAS,SAAS,EAAE,WAAAA,YAAW,WAAAC,YAAW,MAAM,GAAkB;AAChE,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,MAAMD,UAAS;AACxD,QAAM,wBAAoB,+BAAqB,UAAU,KAAK;AAE9D,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,EAAE;AACrC,SACE,6BAAAE,QAAA,cAAC,aACC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,UAAU,WAAS;AACjB,cAAMC,SAAQ,MAAM,OAAO;AAC3B,iBAASA,MAAK;AACd,+DAAoBA;AAAA,MACtB;AAAA;AAAA,EACF,GAAG,KACH,6BAAAD,QAAA,cAAC,YAAO,SAAS,MAAM,YAAY,MAAMF,UAAS,KAAG,gBAAc,GAAU,KAC7E,6BAAAE,QAAA,cAAC,YAAO,SAAS,MAAM,YAAY,MAAMD,UAAS,KAAG,gBAAc,CACrE;AAEJ;",
|
|
6
|
-
"names": ["callback1", "callback2", "React", "value"]
|
|
7
|
-
}
|
|
1
|
+
{"version":3,"file":"pre-ldls/hooks/useDebouncedCallback.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/pre-ldls/hooks/useDebouncedCallback.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/pre-ldls/hooks/useDebouncedCallback.stories.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nexport function useDebouncedCallback<T extends unknown[]>(\n callback: ((...args: T) => void) | undefined,\n delay?: number,\n) {\n const [debouncedCallback, setDebouncedCallback] = useState<(...args: T) => void>();\n const timeout = useRef<number>();\n\n useEffect(() => {\n if (!callback) return setDebouncedCallback(undefined);\n\n setDebouncedCallback(() => (...args: T) => {\n clearTimeout(timeout.current);\n timeout.current = setTimeout(() => callback(...args), delay);\n });\n\n return () => clearTimeout(timeout.current);\n }, [callback, delay]);\n\n return debouncedCallback;\n}\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { useState } from \"react\";\nimport { type Meta, type StoryObj } from \"@storybook/react\";\nimport { expect, fn, Mock, userEvent, waitFor, within } from \"@storybook/test\";\nimport { useDebouncedCallback } from \".\";\n\nconst callback1 = fn();\nconst callback2 = fn();\n\nconst meta: Meta<typeof Template> = {\n component: Template,\n title: \"PreLdls/Hooks/useDebouncedCallback\",\n tags: [\"!autodocs\"],\n args: {\n delay: 100,\n callback1,\n callback2,\n },\n};\nexport default meta;\n\nexport const Test: StoryObj<typeof Template> = {\n name: \"useDebouncedCallback\",\n play: async ({ canvasElement, step }) => {\n const canvas = within(canvasElement);\n const input = canvas.getByRole(\"textbox\");\n const callback2Btn = canvas.getByText(\"Use Callback 2\");\n\n await step(\"Debounce callback calls\", async () => {\n await userEvent.type(input, \"Write something\");\n expect(input).toHaveValue(\"Write something\");\n expect(callback1).not.toHaveBeenCalled();\n await waitFor(() => expect(callback1).toHaveBeenCalledTimes(1), { timeout: 200 });\n expect(callback1).toHaveBeenCalledWith(\"Write something\");\n });\n\n await step(\"Switch callback function\", async () => {\n await userEvent.type(input, \" else\");\n await userEvent.click(callback2Btn);\n await userEvent.type(input, \".\");\n await waitFor(() => expect(callback2).toHaveBeenCalledTimes(1), { timeout: 200 });\n expect(callback1).not.toHaveBeenCalledWith(/^Write something else.*/);\n expect(callback2).toHaveBeenCalledWith(\"Write something else.\");\n });\n },\n};\n\ntype TemplateProps = {\n delay: number;\n callback1: Mock;\n callback2: Mock;\n};\nfunction Template({ callback1, callback2, delay }: TemplateProps) {\n const [callback, setCallback] = useState(() => callback1);\n const debouncedCallback = useDebouncedCallback(callback, delay);\n\n const [value, setValue] = useState(\"\");\n return (\n <div>\n <input\n type=\"text\"\n value={value}\n onChange={event => {\n const value = event.target.value;\n setValue(value);\n debouncedCallback?.(value);\n }}\n />{\" \"}\n <button onClick={() => setCallback(() => callback1)}>Use Callback 1</button>{\" \"}\n <button onClick={() => setCallback(() => callback2)}>Use Callback 2</button>\n </div>\n );\n}\n"],"names":["useEffect","useRef","useState","useDebouncedCallback","callback","delay","debouncedCallback","setDebouncedCallback","timeout","undefined","args","clearTimeout","setTimeout","React","expect","fn","userEvent","waitFor","within","callback1","callback2","meta","Template","Test","canvasElement","step","canvas","input","callback2Btn","setCallback","value","setValue","event"],"mappings":";;;;;;;;;AAAoD;AAE7C,SAASG,qBACdC,QAA4C,EAC5CC,KAAc;IAEd,MAAM,CAACC,mBAAmBC,qBAAqB,GAAGL,mCAAQA;IAC1D,MAAMM,UAAUP,iCAAMA;IAEtBD,oCAASA,CAAC;QACR,IAAI,CAACI,UAAU,OAAOG,qBAAqBE;QAE3CF,qBAAqB,IAAM,CAAC,GAAGG;gBAC7BC,aAAaH,QAAQ,OAAO;gBAC5BA,QAAQ,OAAO,GAAGI,WAAW,IAAMR,YAAYM,OAAOL;YACxD;QAEA,OAAO,IAAMM,aAAaH,QAAQ,OAAO;IAC3C,GAAG;QAACJ;QAAUC;KAAM;IAEpB,OAAOC;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrBA;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;;;;;;;ACNwC;AAEuC;AACtC;AAEzC,MAAMa,sCAASA,GAAGJ,2BAAEA;AACpB,MAAMK,sCAASA,GAAGL,2BAAEA;AAEpB,MAAMM,OAA8B;IAClC,WAAWC;IACX,OAAO;IACP,MAAM;QAAC;KAAY;IACnB,MAAM;QACJ,OAAO;QACPH,SAASA,wCAAAA;QACTC,SAASA,wCAAAA;IACX;AACF;AACA,2DAAeC,IAAIA,EAAC;AAEb,MAAME,OAAkC;IAC7C,MAAM;IACN,MAAM,OAAO,EAAEC,aAAa,EAAEC,IAAI,EAAE;QAClC,MAAMC,SAASR,+BAAMA,CAACM;QACtB,MAAMG,QAAQD,OAAO,SAAS,CAAC;QAC/B,MAAME,eAAeF,OAAO,SAAS,CAAC;QAEtC,MAAMD,KAAK,2BAA2B;YACpC,MAAMT,mCAAc,CAACW,OAAO;YAC5Bb,+BAAMA,CAACa,OAAO,WAAW,CAAC;YAC1Bb,+BAAMA,CAACK,sCAASA,EAAE,GAAG,CAAC,gBAAgB;YACtC,MAAMF,gCAAOA,CAAC,IAAMH,+BAAMA,CAACK,sCAASA,EAAE,qBAAqB,CAAC,IAAI;gBAAE,SAAS;YAAI;YAC/EL,+BAAMA,CAACK,sCAASA,EAAE,oBAAoB,CAAC;QACzC;QAEA,MAAMM,KAAK,4BAA4B;YACrC,MAAMT,mCAAc,CAACW,OAAO;YAC5B,MAAMX,oCAAe,CAACY;YACtB,MAAMZ,mCAAc,CAACW,OAAO;YAC5B,MAAMV,gCAAOA,CAAC,IAAMH,+BAAMA,CAACM,sCAASA,EAAE,qBAAqB,CAAC,IAAI;gBAAE,SAAS;YAAI;YAC/EN,+BAAMA,CAACK,sCAASA,EAAE,GAAG,CAAC,oBAAoB,CAAC;YAC3CL,+BAAMA,CAACM,sCAASA,EAAE,oBAAoB,CAAC;QACzC;IACF;AACF,EAAE;AAOF,SAASE,SAAS,EAAEH,SAAS,EAAEC,SAAS,EAAEf,KAAK,EAAiB;IAC9D,MAAM,CAACD,UAAUyB,YAAY,GAAG3B,4BAAQA,CAAC,IAAMiB;IAC/C,MAAMb,oBAAoBH,6CAAoBA,CAACC,UAAUC;IAEzD,MAAM,CAACyB,OAAOC,SAAS,GAAG7B,4BAAQA,CAAC;IACnC,qBACE,uCAAC,2BACC,uCAAC;QACC,MAAK;QACL,OAAO4B;QACP,UAAUE,CAAAA;YACR,MAAMF,QAAQE,MAAM,MAAM,CAAC,KAAK;YAChCD,SAASD;YACTxB,oBAAoBwB;QACtB;QACC,mBACH,uCAAC;QAAO,SAAS,IAAMD,YAAY,IAAMV;OAAY,mBAAwB,mBAC7E,uCAAC;QAAO,SAAS,IAAMU,YAAY,IAAMT;OAAY;AAG3D"}
|