@elliemae/ds-mobile 2.2.0-next.3 → 2.3.0-alpha.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/cjs/Accordion/Accordion.js +51 -55
- package/cjs/Accordion/Accordion.js.map +7 -0
- package/cjs/Accordion/index.js +28 -12
- package/cjs/Accordion/index.js.map +7 -0
- package/cjs/Accordion/propTypes.js +53 -22
- package/cjs/Accordion/propTypes.js.map +7 -0
- package/cjs/CategoryBox/CategoryBox.js +74 -73
- package/cjs/CategoryBox/CategoryBox.js.map +7 -0
- package/cjs/CategoryBox/index.js +36 -10
- package/cjs/CategoryBox/index.js.map +7 -0
- package/cjs/CollectionBox/CollectionBox.js +96 -84
- package/cjs/CollectionBox/CollectionBox.js.map +7 -0
- package/cjs/CollectionBox/index.js +36 -10
- package/cjs/CollectionBox/index.js.map +7 -0
- package/cjs/FullPageContainer/FullPageContainer.js +48 -42
- package/cjs/FullPageContainer/FullPageContainer.js.map +7 -0
- package/cjs/FullPageContainer/FullPageContainerScroll.js +45 -43
- package/cjs/FullPageContainer/FullPageContainerScroll.js.map +7 -0
- package/cjs/FullPageContainer/index.js +37 -11
- package/cjs/FullPageContainer/index.js.map +7 -0
- package/cjs/FullPageContainer/useMobileHeight.js +40 -18
- package/cjs/FullPageContainer/useMobileHeight.js.map +7 -0
- package/cjs/GlobalHeader/MobileGlobalHeader.js +105 -132
- package/cjs/GlobalHeader/MobileGlobalHeader.js.map +7 -0
- package/cjs/GlobalHeader/index.js +36 -10
- package/cjs/GlobalHeader/index.js.map +7 -0
- package/cjs/GlobalHeader/styles.js +114 -39
- package/cjs/GlobalHeader/styles.js.map +7 -0
- package/cjs/GroupBox/GroupBox.js +77 -79
- package/cjs/GroupBox/GroupBox.js.map +7 -0
- package/cjs/GroupBox/index.js +36 -10
- package/cjs/GroupBox/index.js.map +7 -0
- package/cjs/Icons/EM_logo.js +41 -18
- package/cjs/Icons/EM_logo.js.map +7 -0
- package/cjs/InfiniteLoader/Infiniteloader.js +64 -77
- package/cjs/InfiniteLoader/Infiniteloader.js.map +7 -0
- package/cjs/InfiniteLoader/Loader.js +46 -27
- package/cjs/InfiniteLoader/Loader.js.map +7 -0
- package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js +77 -82
- package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js.map +7 -0
- package/cjs/InfiniteLoader/index.js +39 -13
- package/cjs/InfiniteLoader/index.js.map +7 -0
- package/cjs/InfiniteLoader/styled.js +50 -15
- package/cjs/InfiniteLoader/styled.js.map +7 -0
- package/cjs/LoadingPage/Page.js +79 -78
- package/cjs/LoadingPage/Page.js.map +7 -0
- package/cjs/LoadingPage/index.js +37 -10
- package/cjs/LoadingPage/index.js.map +7 -0
- package/cjs/MobileActionToolbar/MobileActionToolbar.js +59 -47
- package/cjs/MobileActionToolbar/MobileActionToolbar.js.map +7 -0
- package/cjs/MobileActionToolbar/MobileActionToolbarItem.js +48 -48
- package/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map +7 -0
- package/cjs/MobileActionToolbar/index.js +38 -13
- package/cjs/MobileActionToolbar/index.js.map +7 -0
- package/cjs/MobileBanner/MobileBanner.js +105 -99
- package/cjs/MobileBanner/MobileBanner.js.map +7 -0
- package/cjs/MobileBanner/defaultProps.js +38 -11
- package/cjs/MobileBanner/defaultProps.js.map +7 -0
- package/cjs/MobileBanner/index.d.js +27 -2
- package/cjs/MobileBanner/index.d.js.map +7 -0
- package/cjs/MobileBanner/index.js +38 -12
- package/cjs/MobileBanner/index.js.map +7 -0
- package/cjs/MobileBanner/propTypes.js +46 -19
- package/cjs/MobileBanner/propTypes.js.map +7 -0
- package/cjs/MobileBanner/styles.js +127 -173
- package/cjs/MobileBanner/styles.js.map +7 -0
- package/cjs/MobileBanner/utils/bannerTypes.js +38 -10
- package/cjs/MobileBanner/utils/bannerTypes.js.map +7 -0
- package/cjs/MobileBanner/utils/icons.js +40 -18
- package/cjs/MobileBanner/utils/icons.js.map +7 -0
- package/cjs/MobileBanner/utils/styleHelpers.js +90 -41
- package/cjs/MobileBanner/utils/styleHelpers.js.map +7 -0
- package/cjs/MobileCard/ActionAddon.js +66 -34
- package/cjs/MobileCard/ActionAddon.js.map +7 -0
- package/cjs/MobileCard/Card.js +163 -124
- package/cjs/MobileCard/Card.js.map +7 -0
- package/cjs/MobileCard/CardIcons.js +102 -33
- package/cjs/MobileCard/CardIcons.js.map +7 -0
- package/cjs/MobileCard/ExpandChevron.js +55 -31
- package/cjs/MobileCard/ExpandChevron.js.map +7 -0
- package/cjs/MobileCard/ExpandableRegion.js +75 -50
- package/cjs/MobileCard/ExpandableRegion.js.map +7 -0
- package/cjs/MobileCard/Group.js +91 -84
- package/cjs/MobileCard/Group.js.map +7 -0
- package/cjs/MobileCard/StyledCard.js +44 -16
- package/cjs/MobileCard/StyledCard.js.map +7 -0
- package/cjs/MobileCard/index.js +45 -18
- package/cjs/MobileCard/index.js.map +7 -0
- package/cjs/MobileCard/props.js +48 -60
- package/cjs/MobileCard/props.js.map +7 -0
- package/cjs/MobileCard/useHeight.js +43 -18
- package/cjs/MobileCard/useHeight.js.map +7 -0
- package/cjs/MobileContextMenu/MobileContextMenu.js +191 -187
- package/cjs/MobileContextMenu/MobileContextMenu.js.map +7 -0
- package/cjs/MobileContextMenu/MobileContextMenuGroup.js +75 -87
- package/cjs/MobileContextMenu/MobileContextMenuGroup.js.map +7 -0
- package/cjs/MobileContextMenu/MobileContextMenuItem.js +146 -147
- package/cjs/MobileContextMenu/MobileContextMenuItem.js.map +7 -0
- package/cjs/MobileContextMenu/index.js +30 -16
- package/cjs/MobileContextMenu/index.js.map +7 -0
- package/cjs/MobileDatePicker/Input.js +74 -38
- package/cjs/MobileDatePicker/Input.js.map +7 -0
- package/cjs/MobileDatePicker/MobileDatePicker.js +70 -87
- package/cjs/MobileDatePicker/MobileDatePicker.js.map +7 -0
- package/cjs/MobileDatePicker/index.js +28 -10
- package/cjs/MobileDatePicker/index.js.map +7 -0
- package/cjs/MobileDropdownMenu/MobileDropdownInput.js +93 -58
- package/cjs/MobileDropdownMenu/MobileDropdownInput.js.map +7 -0
- package/cjs/MobileDropdownMenu/MobileDropdownMenu.js +88 -83
- package/cjs/MobileDropdownMenu/MobileDropdownMenu.js.map +7 -0
- package/cjs/MobileDropdownMenu/index.js +36 -12
- package/cjs/MobileDropdownMenu/index.js.map +7 -0
- package/cjs/MobileEmtpyState/MobileEmptyState.js +58 -37
- package/cjs/MobileEmtpyState/MobileEmptyState.js.map +7 -0
- package/cjs/MobileEmtpyState/index.js +37 -11
- package/cjs/MobileEmtpyState/index.js.map +7 -0
- package/cjs/MobileFilterbar/Filterbar.js +67 -40
- package/cjs/MobileFilterbar/Filterbar.js.map +7 -0
- package/cjs/MobileFilterbar/FilterbarItem.js +49 -33
- package/cjs/MobileFilterbar/FilterbarItem.js.map +7 -0
- package/cjs/MobileFilterbar/FilterbarSort.js +56 -42
- package/cjs/MobileFilterbar/FilterbarSort.js.map +7 -0
- package/cjs/MobileFilterbar/index.js +42 -16
- package/cjs/MobileFilterbar/index.js.map +7 -0
- package/cjs/MobileFooter/Action.js +68 -58
- package/cjs/MobileFooter/Action.js.map +7 -0
- package/cjs/MobileFooter/Footer.js +62 -57
- package/cjs/MobileFooter/Footer.js.map +7 -0
- package/cjs/MobileFooter/Text.js +48 -30
- package/cjs/MobileFooter/Text.js.map +7 -0
- package/cjs/MobileFooter/index.js +42 -16
- package/cjs/MobileFooter/index.js.map +7 -0
- package/cjs/MobileListItem/MobileListItem.js +80 -55
- package/cjs/MobileListItem/MobileListItem.js.map +7 -0
- package/cjs/MobileListItem/index.js +28 -10
- package/cjs/MobileListItem/index.js.map +7 -0
- package/cjs/MobilePageHeader/MobilePageHeader.js +149 -121
- package/cjs/MobilePageHeader/MobilePageHeader.js.map +7 -0
- package/cjs/MobilePageHeader/index.js +28 -10
- package/cjs/MobilePageHeader/index.js.map +7 -0
- package/cjs/MobileSelectList/MobileSelectList.js +144 -132
- package/cjs/MobileSelectList/MobileSelectList.js.map +7 -0
- package/cjs/MobileSelectList/index.js +28 -9
- package/cjs/MobileSelectList/index.js.map +7 -0
- package/cjs/MobileSelectList/styled.js +78 -52
- package/cjs/MobileSelectList/styled.js.map +7 -0
- package/cjs/MobileSeparator/Separator.js +56 -61
- package/cjs/MobileSeparator/Separator.js.map +7 -0
- package/cjs/MobileSeparator/index.js +37 -10
- package/cjs/MobileSeparator/index.js.map +7 -0
- package/cjs/MobileTimePicker/Input.js +74 -38
- package/cjs/MobileTimePicker/Input.js.map +7 -0
- package/cjs/MobileTimePicker/MobileTimePicker.js +74 -90
- package/cjs/MobileTimePicker/MobileTimePicker.js.map +7 -0
- package/cjs/MobileTimePicker/index.js +28 -10
- package/cjs/MobileTimePicker/index.js.map +7 -0
- package/cjs/MobileTouchable/MobileTouchable.js +69 -57
- package/cjs/MobileTouchable/MobileTouchable.js.map +7 -0
- package/cjs/MobileTouchable/index.js +28 -9
- package/cjs/MobileTouchable/index.js.map +7 -0
- package/cjs/Modal/Modal.js +135 -129
- package/cjs/Modal/Modal.js.map +7 -0
- package/cjs/Modal/index.js +36 -10
- package/cjs/Modal/index.js.map +7 -0
- package/cjs/Modal/styled.js +94 -42
- package/cjs/Modal/styled.js.map +7 -0
- package/cjs/PageFilter/PageFilter.js +115 -76
- package/cjs/PageFilter/PageFilter.js.map +7 -0
- package/cjs/PageForm/PageForm.js +63 -50
- package/cjs/PageForm/PageForm.js.map +7 -0
- package/cjs/PageList/PageList.js +60 -38
- package/cjs/PageList/PageList.js.map +7 -0
- package/cjs/PageList/index.js +28 -10
- package/cjs/PageList/index.js.map +7 -0
- package/cjs/PageSearch/PageSearch.js +72 -42
- package/cjs/PageSearch/PageSearch.js.map +7 -0
- package/cjs/PageSummary/PageSummary.js +66 -55
- package/cjs/PageSummary/PageSummary.js.map +7 -0
- package/cjs/PageSummary/Tags.js +65 -36
- package/cjs/PageSummary/Tags.js.map +7 -0
- package/cjs/SideNav/SideNav.js +83 -110
- package/cjs/SideNav/SideNav.js.map +7 -0
- package/cjs/SideNav/index.js +36 -10
- package/cjs/SideNav/index.js.map +7 -0
- package/cjs/SideNav/styles.js +128 -42
- package/cjs/SideNav/styles.js.map +7 -0
- package/cjs/SwipeToRefresh/ProgressIndicator.js +51 -28
- package/cjs/SwipeToRefresh/ProgressIndicator.js.map +7 -0
- package/cjs/SwipeToRefresh/ProgressLoader.js +75 -54
- package/cjs/SwipeToRefresh/ProgressLoader.js.map +7 -0
- package/cjs/SwipeToRefresh/SwipeToRefresh.js +67 -64
- package/cjs/SwipeToRefresh/SwipeToRefresh.js.map +7 -0
- package/cjs/SwipeToRefresh/styled.js +57 -28
- package/cjs/SwipeToRefresh/styled.js.map +7 -0
- package/cjs/SwipeToRefresh/useSwipe.js +54 -44
- package/cjs/SwipeToRefresh/useSwipe.js.map +7 -0
- package/cjs/Tabs/index.js +51 -55
- package/cjs/Tabs/index.js.map +7 -0
- package/cjs/Tabs/propTypes.js +49 -24
- package/cjs/Tabs/propTypes.js.map +7 -0
- package/cjs/index.js +94 -132
- package/cjs/index.js.map +7 -0
- package/esm/Accordion/Accordion.js +20 -41
- package/esm/Accordion/Accordion.js.map +7 -0
- package/esm/Accordion/index.js +3 -1
- package/esm/Accordion/index.js.map +7 -0
- package/esm/Accordion/propTypes.js +24 -17
- package/esm/Accordion/propTypes.js.map +7 -0
- package/esm/CategoryBox/CategoryBox.js +44 -62
- package/esm/CategoryBox/CategoryBox.js.map +7 -0
- package/esm/CategoryBox/index.js +7 -1
- package/esm/CategoryBox/index.js.map +7 -0
- package/esm/CollectionBox/CollectionBox.js +66 -73
- package/esm/CollectionBox/CollectionBox.js.map +7 -0
- package/esm/CollectionBox/index.js +7 -1
- package/esm/CollectionBox/index.js.map +7 -0
- package/esm/FullPageContainer/FullPageContainer.js +18 -32
- package/esm/FullPageContainer/FullPageContainer.js.map +7 -0
- package/esm/FullPageContainer/FullPageContainerScroll.js +16 -34
- package/esm/FullPageContainer/FullPageContainerScroll.js.map +7 -0
- package/esm/FullPageContainer/index.js +8 -2
- package/esm/FullPageContainer/index.js.map +7 -0
- package/esm/FullPageContainer/useMobileHeight.js +9 -12
- package/esm/FullPageContainer/useMobileHeight.js.map +7 -0
- package/esm/GlobalHeader/MobileGlobalHeader.js +68 -113
- package/esm/GlobalHeader/MobileGlobalHeader.js.map +7 -0
- package/esm/GlobalHeader/index.js +7 -1
- package/esm/GlobalHeader/index.js.map +7 -0
- package/esm/GlobalHeader/styles.js +85 -25
- package/esm/GlobalHeader/styles.js.map +7 -0
- package/esm/GroupBox/GroupBox.js +48 -69
- package/esm/GroupBox/GroupBox.js.map +7 -0
- package/esm/GroupBox/index.js +7 -1
- package/esm/GroupBox/index.js.map +7 -0
- package/esm/Icons/EM_logo.js +12 -12
- package/esm/Icons/EM_logo.js.map +7 -0
- package/esm/InfiniteLoader/Infiniteloader.js +31 -64
- package/esm/InfiniteLoader/Infiniteloader.js.map +7 -0
- package/esm/InfiniteLoader/Loader.js +17 -18
- package/esm/InfiniteLoader/Loader.js.map +7 -0
- package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js +46 -70
- package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js.map +7 -0
- package/esm/InfiniteLoader/index.js +13 -2
- package/esm/InfiniteLoader/index.js.map +7 -0
- package/esm/InfiniteLoader/styled.js +21 -7
- package/esm/InfiniteLoader/styled.js.map +7 -0
- package/esm/LoadingPage/Page.js +47 -63
- package/esm/LoadingPage/Page.js.map +7 -0
- package/esm/LoadingPage/index.js +8 -2
- package/esm/LoadingPage/index.js.map +7 -0
- package/esm/MobileActionToolbar/MobileActionToolbar.js +28 -34
- package/esm/MobileActionToolbar/MobileActionToolbar.js.map +7 -0
- package/esm/MobileActionToolbar/MobileActionToolbarItem.js +18 -35
- package/esm/MobileActionToolbar/MobileActionToolbarItem.js.map +7 -0
- package/esm/MobileActionToolbar/index.js +9 -2
- package/esm/MobileActionToolbar/index.js.map +7 -0
- package/esm/MobileBanner/MobileBanner.js +75 -78
- package/esm/MobileBanner/MobileBanner.js.map +7 -0
- package/esm/MobileBanner/defaultProps.js +8 -6
- package/esm/MobileBanner/defaultProps.js.map +7 -0
- package/esm/MobileBanner/index.d.js +2 -1
- package/esm/MobileBanner/index.d.js.map +7 -0
- package/esm/MobileBanner/index.js +9 -2
- package/esm/MobileBanner/index.js.map +7 -0
- package/esm/MobileBanner/propTypes.js +16 -14
- package/esm/MobileBanner/propTypes.js.map +7 -0
- package/esm/MobileBanner/styles.js +99 -156
- package/esm/MobileBanner/styles.js.map +7 -0
- package/esm/MobileBanner/utils/bannerTypes.js +9 -6
- package/esm/MobileBanner/utils/bannerTypes.js.map +7 -0
- package/esm/MobileBanner/utils/icons.js +11 -10
- package/esm/MobileBanner/utils/icons.js.map +7 -0
- package/esm/MobileBanner/utils/styleHelpers.js +57 -24
- package/esm/MobileBanner/utils/styleHelpers.js.map +7 -0
- package/esm/MobileCard/ActionAddon.js +37 -24
- package/esm/MobileCard/ActionAddon.js.map +7 -0
- package/esm/MobileCard/Card.js +125 -104
- package/esm/MobileCard/Card.js.map +7 -0
- package/esm/MobileCard/CardIcons.js +76 -27
- package/esm/MobileCard/CardIcons.js.map +7 -0
- package/esm/MobileCard/ExpandChevron.js +25 -21
- package/esm/MobileCard/ExpandChevron.js.map +7 -0
- package/esm/MobileCard/ExpandableRegion.js +44 -39
- package/esm/MobileCard/ExpandableRegion.js.map +7 -0
- package/esm/MobileCard/Group.js +62 -72
- package/esm/MobileCard/Group.js.map +7 -0
- package/esm/MobileCard/StyledCard.js +15 -8
- package/esm/MobileCard/StyledCard.js.map +7 -0
- package/esm/MobileCard/index.js +14 -9
- package/esm/MobileCard/index.js.map +7 -0
- package/esm/MobileCard/props.js +19 -56
- package/esm/MobileCard/props.js.map +7 -0
- package/esm/MobileCard/useHeight.js +9 -9
- package/esm/MobileCard/useHeight.js.map +7 -0
- package/esm/MobileContextMenu/MobileContextMenu.js +159 -171
- package/esm/MobileContextMenu/MobileContextMenu.js.map +7 -0
- package/esm/MobileContextMenu/MobileContextMenuGroup.js +45 -74
- package/esm/MobileContextMenu/MobileContextMenuGroup.js.map +7 -0
- package/esm/MobileContextMenu/MobileContextMenuItem.js +117 -135
- package/esm/MobileContextMenu/MobileContextMenuItem.js.map +7 -0
- package/esm/MobileContextMenu/index.js +5 -3
- package/esm/MobileContextMenu/index.js.map +7 -0
- package/esm/MobileDatePicker/Input.js +44 -27
- package/esm/MobileDatePicker/Input.js.map +7 -0
- package/esm/MobileDatePicker/MobileDatePicker.js +37 -73
- package/esm/MobileDatePicker/MobileDatePicker.js.map +7 -0
- package/esm/MobileDatePicker/index.js +3 -1
- package/esm/MobileDatePicker/index.js.map +7 -0
- package/esm/MobileDropdownMenu/MobileDropdownInput.js +64 -45
- package/esm/MobileDropdownMenu/MobileDropdownInput.js.map +7 -0
- package/esm/MobileDropdownMenu/MobileDropdownMenu.js +59 -70
- package/esm/MobileDropdownMenu/MobileDropdownMenu.js.map +7 -0
- package/esm/MobileDropdownMenu/index.js +7 -2
- package/esm/MobileDropdownMenu/index.js.map +7 -0
- package/esm/MobileEmtpyState/MobileEmptyState.js +29 -27
- package/esm/MobileEmtpyState/MobileEmptyState.js.map +7 -0
- package/esm/MobileEmtpyState/index.js +8 -2
- package/esm/MobileEmtpyState/index.js.map +7 -0
- package/esm/MobileFilterbar/Filterbar.js +38 -30
- package/esm/MobileFilterbar/Filterbar.js.map +7 -0
- package/esm/MobileFilterbar/FilterbarItem.js +20 -24
- package/esm/MobileFilterbar/FilterbarItem.js.map +7 -0
- package/esm/MobileFilterbar/FilterbarSort.js +27 -32
- package/esm/MobileFilterbar/FilterbarSort.js.map +7 -0
- package/esm/MobileFilterbar/index.js +19 -3
- package/esm/MobileFilterbar/index.js.map +7 -0
- package/esm/MobileFooter/Action.js +40 -48
- package/esm/MobileFooter/Action.js.map +7 -0
- package/esm/MobileFooter/Footer.js +31 -43
- package/esm/MobileFooter/Footer.js.map +7 -0
- package/esm/MobileFooter/Text.js +19 -20
- package/esm/MobileFooter/Text.js.map +7 -0
- package/esm/MobileFooter/index.js +13 -3
- package/esm/MobileFooter/index.js.map +7 -0
- package/esm/MobileListItem/MobileListItem.js +47 -41
- package/esm/MobileListItem/MobileListItem.js.map +7 -0
- package/esm/MobileListItem/index.js +3 -1
- package/esm/MobileListItem/index.js.map +7 -0
- package/esm/MobilePageHeader/MobilePageHeader.js +114 -103
- package/esm/MobilePageHeader/MobilePageHeader.js.map +7 -0
- package/esm/MobilePageHeader/index.js +3 -1
- package/esm/MobilePageHeader/index.js.map +7 -0
- package/esm/MobileSelectList/MobileSelectList.js +112 -119
- package/esm/MobileSelectList/MobileSelectList.js.map +7 -0
- package/esm/MobileSelectList/index.js +3 -1
- package/esm/MobileSelectList/index.js.map +7 -0
- package/esm/MobileSelectList/styled.js +47 -35
- package/esm/MobileSelectList/styled.js.map +7 -0
- package/esm/MobileSeparator/Separator.js +27 -51
- package/esm/MobileSeparator/Separator.js.map +7 -0
- package/esm/MobileSeparator/index.js +8 -2
- package/esm/MobileSeparator/index.js.map +7 -0
- package/esm/MobileTimePicker/Input.js +44 -27
- package/esm/MobileTimePicker/Input.js.map +7 -0
- package/esm/MobileTimePicker/MobileTimePicker.js +41 -76
- package/esm/MobileTimePicker/MobileTimePicker.js.map +7 -0
- package/esm/MobileTimePicker/index.js +3 -1
- package/esm/MobileTimePicker/index.js.map +7 -0
- package/esm/MobileTouchable/MobileTouchable.js +36 -43
- package/esm/MobileTouchable/MobileTouchable.js.map +7 -0
- package/esm/MobileTouchable/index.js +3 -1
- package/esm/MobileTouchable/index.js.map +7 -0
- package/esm/Modal/Modal.js +98 -110
- package/esm/Modal/Modal.js.map +7 -0
- package/esm/Modal/index.js +7 -1
- package/esm/Modal/index.js.map +7 -0
- package/esm/Modal/styled.js +65 -27
- package/esm/Modal/styled.js.map +7 -0
- package/esm/PageFilter/PageFilter.js +83 -64
- package/esm/PageFilter/PageFilter.js.map +7 -0
- package/esm/PageForm/PageForm.js +34 -40
- package/esm/PageForm/PageForm.js.map +7 -0
- package/esm/PageList/PageList.js +31 -28
- package/esm/PageList/PageList.js.map +7 -0
- package/esm/PageList/index.js +3 -1
- package/esm/PageList/index.js.map +7 -0
- package/esm/PageSearch/PageSearch.js +43 -32
- package/esm/PageSearch/PageSearch.js.map +7 -0
- package/esm/PageSummary/PageSummary.js +38 -47
- package/esm/PageSummary/PageSummary.js.map +7 -0
- package/esm/PageSummary/Tags.js +37 -26
- package/esm/PageSummary/Tags.js.map +7 -0
- package/esm/SideNav/SideNav.js +48 -95
- package/esm/SideNav/SideNav.js.map +7 -0
- package/esm/SideNav/index.js +7 -1
- package/esm/SideNav/index.js.map +7 -0
- package/esm/SideNav/styles.js +99 -27
- package/esm/SideNav/styles.js.map +7 -0
- package/esm/SwipeToRefresh/ProgressIndicator.js +21 -19
- package/esm/SwipeToRefresh/ProgressIndicator.js.map +7 -0
- package/esm/SwipeToRefresh/ProgressLoader.js +46 -46
- package/esm/SwipeToRefresh/ProgressLoader.js.map +7 -0
- package/esm/SwipeToRefresh/SwipeToRefresh.js +36 -53
- package/esm/SwipeToRefresh/SwipeToRefresh.js.map +7 -0
- package/esm/SwipeToRefresh/styled.js +28 -17
- package/esm/SwipeToRefresh/styled.js.map +7 -0
- package/esm/SwipeToRefresh/useSwipe.js +19 -34
- package/esm/SwipeToRefresh/useSwipe.js.map +7 -0
- package/esm/Tabs/index.js +20 -41
- package/esm/Tabs/index.js.map +7 -0
- package/esm/Tabs/propTypes.js +20 -19
- package/esm/Tabs/propTypes.js.map +7 -0
- package/esm/index.js +75 -44
- package/esm/index.js.map +7 -0
- package/package.json +15 -15
- package/types/Accordion/Accordion.d.ts +2 -2
- package/types/CategoryBox/CategoryBox.d.ts +1 -7
- package/types/CollectionBox/CollectionBox.d.ts +1 -7
- package/types/GlobalHeader/MobileGlobalHeader.d.ts +1 -8
- package/types/GroupBox/GroupBox.d.ts +1 -8
- package/types/InfiniteLoader/Infiniteloader.d.ts +1 -6
- package/types/InfiniteLoader/VirtualizedInfiniteLoader.d.ts +1 -9
- package/types/MobileActionToolbar/MobileActionToolbar.d.ts +1 -7
- package/types/MobileActionToolbar/MobileActionToolbarItem.d.ts +1 -4
- package/types/MobileBanner/MobileBanner.d.ts +1 -1
- package/types/MobileCard/Card.d.ts +1 -2
- package/types/MobileCard/Group.d.ts +1 -9
- package/types/MobileContextMenu/MobileContextMenu.d.ts +1 -7
- package/types/MobileContextMenu/MobileContextMenuGroup.d.ts +1 -8
- package/types/MobileContextMenu/MobileContextMenuItem.d.ts +1 -1
- package/types/MobileDatePicker/MobileDatePicker.d.ts +1 -7
- package/types/MobileDropdownMenu/MobileDropdownMenu.d.ts +1 -1
- package/types/MobileEmtpyState/MobileEmptyState.d.ts +1 -3
- package/types/MobileFilterbar/Filterbar.d.ts +1 -3
- package/types/MobileFilterbar/FilterbarItem.d.ts +1 -4
- package/types/MobileFilterbar/FilterbarSort.d.ts +1 -3
- package/types/MobileFooter/Footer.d.ts +1 -3
- package/types/MobileFooter/Text.d.ts +1 -3
- package/types/MobileListItem/MobileListItem.d.ts +1 -8
- package/types/MobilePageHeader/MobilePageHeader.d.ts +1 -12
- package/types/MobileSeparator/Separator.d.ts +1 -6
- package/types/Modal/Modal.d.ts +1 -16
- package/types/SwipeToRefresh/SwipeToRefresh.d.ts +1 -5
- package/types/Tabs/index.d.ts +2 -2
- package/cjs/MobileTimePicker/MobileTimePicker.stories.js +0 -35
- package/esm/MobileTimePicker/MobileTimePicker.stories.js +0 -26
|
@@ -1,127 +1,148 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var ProgressLoader_exports = {};
|
|
29
|
+
__export(ProgressLoader_exports, {
|
|
30
|
+
ProgressLoader: () => ProgressLoader
|
|
31
|
+
});
|
|
32
|
+
var React = __toESM(require("react"));
|
|
33
|
+
var import_react = __toESM(require("react"));
|
|
13
34
|
const ProgressLoader = () => {
|
|
14
35
|
const width = 32;
|
|
15
36
|
const height = 32;
|
|
16
|
-
return
|
|
37
|
+
return /* @__PURE__ */ import_react.default.createElement("svg", {
|
|
17
38
|
viewBox: "0 0 40 40",
|
|
18
|
-
width
|
|
19
|
-
height
|
|
39
|
+
width,
|
|
40
|
+
height,
|
|
20
41
|
rotate: "20deg"
|
|
21
|
-
},
|
|
42
|
+
}, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
22
43
|
id: "prefix__clip-path"
|
|
23
|
-
},
|
|
44
|
+
}, /* @__PURE__ */ import_react.default.createElement("circle", {
|
|
24
45
|
className: "prefix__cls-1",
|
|
25
46
|
cx: -220,
|
|
26
47
|
cy: 21,
|
|
27
48
|
r: 12
|
|
28
|
-
})),
|
|
49
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
29
50
|
id: "prefix__clip-path-2"
|
|
30
|
-
},
|
|
51
|
+
}, /* @__PURE__ */ import_react.default.createElement("circle", {
|
|
31
52
|
className: "prefix__cls-1",
|
|
32
53
|
cx: -220,
|
|
33
54
|
cy: 9,
|
|
34
55
|
r: 2
|
|
35
|
-
})),
|
|
56
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
36
57
|
id: "prefix__clip-path-3"
|
|
37
|
-
},
|
|
58
|
+
}, /* @__PURE__ */ import_react.default.createElement("circle", {
|
|
38
59
|
className: "prefix__cls-1",
|
|
39
60
|
cx: -159.98,
|
|
40
61
|
cy: 21,
|
|
41
62
|
r: 12
|
|
42
|
-
})),
|
|
63
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
43
64
|
id: "prefix__clip-path-4"
|
|
44
|
-
},
|
|
65
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
45
66
|
className: "prefix__cls-1",
|
|
46
67
|
d: "M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z"
|
|
47
|
-
})),
|
|
68
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
48
69
|
id: "prefix__clip-path-5"
|
|
49
|
-
},
|
|
70
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
50
71
|
className: "prefix__cls-2",
|
|
51
72
|
d: "M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z"
|
|
52
|
-
})),
|
|
73
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
53
74
|
id: "prefix__clip-path-6"
|
|
54
|
-
},
|
|
75
|
+
}, /* @__PURE__ */ import_react.default.createElement("circle", {
|
|
55
76
|
className: "prefix__cls-1",
|
|
56
77
|
cx: -99.68,
|
|
57
78
|
cy: 21.22,
|
|
58
79
|
r: 12
|
|
59
|
-
})),
|
|
80
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
60
81
|
id: "prefix__clip-path-7"
|
|
61
|
-
},
|
|
82
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
62
83
|
className: "prefix__cls-1",
|
|
63
84
|
d: "M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z"
|
|
64
|
-
})),
|
|
85
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
65
86
|
id: "prefix__clip-path-8"
|
|
66
|
-
},
|
|
87
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
67
88
|
className: "prefix__cls-2",
|
|
68
89
|
d: "M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z"
|
|
69
|
-
})),
|
|
90
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
70
91
|
id: "prefix__clip-path-9"
|
|
71
|
-
},
|
|
92
|
+
}, /* @__PURE__ */ import_react.default.createElement("circle", {
|
|
72
93
|
className: "prefix__cls-1",
|
|
73
94
|
cx: -39.52,
|
|
74
95
|
cy: 21.9,
|
|
75
96
|
r: 12
|
|
76
|
-
})),
|
|
97
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
77
98
|
id: "prefix__clip-path-10"
|
|
78
|
-
},
|
|
99
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
79
100
|
className: "prefix__cls-1",
|
|
80
101
|
d: "M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z"
|
|
81
|
-
})),
|
|
102
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
82
103
|
id: "prefix__clip-path-11"
|
|
83
|
-
},
|
|
104
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
84
105
|
className: "prefix__cls-2",
|
|
85
106
|
d: "M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z"
|
|
86
|
-
})),
|
|
107
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
87
108
|
id: "prefix__clip-path-12"
|
|
88
|
-
},
|
|
109
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
89
110
|
className: "prefix__cls-1",
|
|
90
111
|
d: "M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z"
|
|
91
|
-
})),
|
|
112
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
92
113
|
id: "prefix__clip-path-13"
|
|
93
|
-
},
|
|
114
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
94
115
|
className: "prefix__cls-1",
|
|
95
116
|
d: "M-155.52-51.1h282v114h-282z"
|
|
96
|
-
})),
|
|
117
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
97
118
|
id: "prefix__clip-path-14"
|
|
98
|
-
},
|
|
119
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
99
120
|
className: "prefix__cls-1",
|
|
100
121
|
d: "M4.48 5.9h32v32h-32z"
|
|
101
|
-
})),
|
|
122
|
+
})), /* @__PURE__ */ import_react.default.createElement("clipPath", {
|
|
102
123
|
id: "prefix__clip-path-15"
|
|
103
|
-
},
|
|
124
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
104
125
|
className: "prefix__cls-2",
|
|
105
126
|
d: "M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z"
|
|
106
|
-
})),
|
|
127
|
+
})), /* @__PURE__ */ import_react.default.createElement("style", null, ".prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}")), /* @__PURE__ */ import_react.default.createElement("g", {
|
|
107
128
|
id: "prefix__Layer_5",
|
|
108
129
|
"data-name": "Layer 5"
|
|
109
|
-
},
|
|
130
|
+
}, /* @__PURE__ */ import_react.default.createElement("g", {
|
|
110
131
|
clipPath: "url(#prefix__clip-path-12)"
|
|
111
|
-
},
|
|
132
|
+
}, /* @__PURE__ */ import_react.default.createElement("g", {
|
|
112
133
|
clipPath: "url(#prefix__clip-path-14)"
|
|
113
|
-
},
|
|
134
|
+
}, /* @__PURE__ */ import_react.default.createElement("image", {
|
|
114
135
|
width: 32,
|
|
115
136
|
height: 32,
|
|
116
137
|
transform: "rotate(-90 21.19 16.71)",
|
|
117
138
|
xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII="
|
|
118
|
-
}))),
|
|
139
|
+
}))), /* @__PURE__ */ import_react.default.createElement("g", {
|
|
119
140
|
clipPath: "url(#prefix__clip-path-15)"
|
|
120
|
-
},
|
|
141
|
+
}, /* @__PURE__ */ import_react.default.createElement("path", {
|
|
121
142
|
transform: "rotate(-77 22.961 10.28)",
|
|
122
143
|
fill: "#3590ce",
|
|
123
144
|
d: "M13.66 1.31h18.6v17.94h-18.6z"
|
|
124
|
-
}))))
|
|
145
|
+
}))));
|
|
125
146
|
};
|
|
126
|
-
|
|
127
|
-
|
|
147
|
+
module.exports = __toCommonJS(ProgressLoader_exports);
|
|
148
|
+
//# sourceMappingURL=ProgressLoader.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/SwipeToRefresh/ProgressLoader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\n\nexport const ProgressLoader = () => {\n const width = 32;\n const height = 32;\n return (\n <svg viewBox=\"0 0 40 40\" width={width} height={height} rotate=\"20deg\">\n <defs>\n <clipPath id=\"prefix__clip-path\">\n <circle className=\"prefix__cls-1\" cx={-220} cy={21} r={12} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-2\">\n <circle className=\"prefix__cls-1\" cx={-220} cy={9} r={2} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-3\">\n <circle className=\"prefix__cls-1\" cx={-159.98} cy={21} r={12} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-4\">\n <path\n className=\"prefix__cls-1\"\n d=\"M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-5\">\n <path\n className=\"prefix__cls-2\"\n d=\"M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-6\">\n <circle className=\"prefix__cls-1\" cx={-99.68} cy={21.22} r={12} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-7\">\n <path\n className=\"prefix__cls-1\"\n d=\"M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-8\">\n <path\n className=\"prefix__cls-2\"\n d=\"M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-9\">\n <circle className=\"prefix__cls-1\" cx={-39.52} cy={21.9} r={12} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-10\">\n <path\n className=\"prefix__cls-1\"\n d=\"M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-11\">\n <path\n className=\"prefix__cls-2\"\n d=\"M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-12\">\n <path\n className=\"prefix__cls-1\"\n d=\"M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-13\">\n <path className=\"prefix__cls-1\" d=\"M-155.52-51.1h282v114h-282z\" />\n </clipPath>\n <clipPath id=\"prefix__clip-path-14\">\n <path className=\"prefix__cls-1\" d=\"M4.48 5.9h32v32h-32z\" />\n </clipPath>\n <clipPath id=\"prefix__clip-path-15\">\n <path\n className=\"prefix__cls-2\"\n d=\"M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z\"\n />\n </clipPath>\n <style>\n {\n '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'\n }\n </style>\n </defs>\n <g id=\"prefix__Layer_5\" data-name=\"Layer 5\">\n <g clipPath=\"url(#prefix__clip-path-12)\">\n <g clipPath=\"url(#prefix__clip-path-14)\">\n <image\n width={32}\n height={32}\n transform=\"rotate(-90 21.19 16.71)\"\n xlinkHref=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII=\"\n />\n </g>\n </g>\n <g clipPath=\"url(#prefix__clip-path-15)\">\n <path\n transform=\"rotate(-77 22.961 10.28)\"\n fill=\"#3590ce\"\n d=\"M13.66 1.31h18.6v17.94h-18.6z\"\n />\n </g>\n </g>\n </svg>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAEX,MAAM,iBAAiB,MAAM;AAClC,QAAM,QAAQ;AACd,QAAM,SAAS;AACf,SACE,mDAAC,OAAD;AAAA,IAAK,SAAQ;AAAA,IAAY;AAAA,IAAc;AAAA,IAAgB,QAAO;AAAA,KAC5D,mDAAC,QAAD,MACE,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAM,IAAI;AAAA,IAAI,GAAG;AAAA,OAEzD,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAM,IAAI;AAAA,IAAG,GAAG;AAAA,OAExD,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAS,IAAI;AAAA,IAAI,GAAG;AAAA,OAE5D,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAO,GAAG;AAAA,OAE9D,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAM,GAAG;AAAA,OAE7D,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IAAM,WAAU;AAAA,IAAgB,GAAE;AAAA,OAEpC,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IAAM,WAAU;AAAA,IAAgB,GAAE;AAAA,OAEpC,mDAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,mDAAC,SAAD,MAEI,oIAIN,mDAAC,KAAD;AAAA,IAAG,IAAG;AAAA,IAAkB,aAAU;AAAA,KAChC,mDAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,mDAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,mDAAC,SAAD;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAU;AAAA,IACV,WAAU;AAAA,QAIhB,mDAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,mDAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,MAAK;AAAA,IACL,GAAE;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,74 +1,77 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var SwipeToRefresh_exports = {};
|
|
29
|
+
__export(SwipeToRefresh_exports, {
|
|
30
|
+
SwipeToRefresh: () => SwipeToRefresh,
|
|
31
|
+
SwipeToRefreshWithSchema: () => SwipeToRefreshWithSchema
|
|
32
|
+
});
|
|
33
|
+
var React = __toESM(require("react"));
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
var import_react_desc = require("react-desc");
|
|
36
|
+
var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
|
|
37
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
38
|
+
var import_useSwipe = require("./useSwipe");
|
|
39
|
+
var import_styled = require("./styled");
|
|
40
|
+
var import_ProgressIndicator = require("./ProgressIndicator");
|
|
41
|
+
const SwipeToRefresh = ({ children, loading, onRefresh }) => {
|
|
27
42
|
const breakpoint = 60;
|
|
28
|
-
const theme =
|
|
29
|
-
const swipe =
|
|
30
|
-
onRefresh,
|
|
31
|
-
breakpoint
|
|
32
|
-
});
|
|
43
|
+
const theme = (0, import_ds_system.useTheme)();
|
|
44
|
+
const swipe = (0, import_useSwipe.useSwipe)({ onRefresh, breakpoint });
|
|
33
45
|
const progress = swipe.height > breakpoint ? 100 : swipe.height * 100 / breakpoint;
|
|
34
|
-
return
|
|
46
|
+
return /* @__PURE__ */ import_react.default.createElement(import_styled.SwipeContainer, null, /* @__PURE__ */ import_react.default.createElement(import_styled.SwipeDrag, {
|
|
35
47
|
onTouchStart: swipe.touchStart,
|
|
36
48
|
onTouchEnd: swipe.touchEnd,
|
|
37
49
|
onTouchCancel: swipe.touchCancel,
|
|
38
50
|
onTouchMove: swipe.touchMove,
|
|
39
|
-
ref: swipe.ref
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
}), children]
|
|
57
|
-
}));
|
|
51
|
+
ref: swipe.ref
|
|
52
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_styled.LoaderBox, {
|
|
53
|
+
height: loading ? theme.space.m : `${swipe.height}px`,
|
|
54
|
+
alignItems: "flex-start",
|
|
55
|
+
"data-testid": "loader-box"
|
|
56
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_styled.PositionLoader, {
|
|
57
|
+
height: theme.space.m,
|
|
58
|
+
justifyContent: "center",
|
|
59
|
+
alignItems: "center",
|
|
60
|
+
mt: swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`
|
|
61
|
+
}, loading ? /* @__PURE__ */ import_react.default.createElement(import_ds_circular_progress_indicator.DSCircularProgressIndicator, null) : /* @__PURE__ */ import_react.default.createElement(import_ProgressIndicator.ProgressIndicator, {
|
|
62
|
+
progress
|
|
63
|
+
}))), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
64
|
+
ref: swipe.target,
|
|
65
|
+
style: { height: 1 }
|
|
66
|
+
}), children));
|
|
58
67
|
};
|
|
59
|
-
|
|
60
68
|
const props = {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
/** toggle loading state for swipe */
|
|
65
|
-
loading: reactDesc.PropTypes.bool.description('toggle loading state for swipe'),
|
|
66
|
-
|
|
67
|
-
/** callback on refresh swipe */
|
|
68
|
-
onRefresh: reactDesc.PropTypes.func.description('callback on refresh swipe')
|
|
69
|
+
children: import_react_desc.PropTypes.element.isRequired.description("component inside swipe to refresh container"),
|
|
70
|
+
loading: import_react_desc.PropTypes.bool.description("toggle loading state for swipe"),
|
|
71
|
+
onRefresh: import_react_desc.PropTypes.func.description("callback on refresh swipe")
|
|
69
72
|
};
|
|
70
|
-
|
|
73
|
+
SwipeToRefresh.propTypes = props;
|
|
74
|
+
const SwipeToRefreshWithSchema = (0, import_react_desc.describe)(SwipeToRefresh);
|
|
71
75
|
SwipeToRefreshWithSchema.propTypes = props;
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
exports.SwipeToRefreshWithSchema = SwipeToRefreshWithSchema;
|
|
76
|
+
module.exports = __toCommonJS(SwipeToRefresh_exports);
|
|
77
|
+
//# sourceMappingURL=SwipeToRefresh.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/SwipeToRefresh/SwipeToRefresh.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { useTheme } from '@elliemae/ds-system';\nimport { useSwipe } from './useSwipe';\nimport { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled';\nimport { ProgressIndicator } from './ProgressIndicator';\n\nconst SwipeToRefresh = ({ children, loading, onRefresh }) => {\n const breakpoint = 60;\n const theme = useTheme();\n const swipe = useSwipe({ onRefresh, breakpoint });\n const progress = swipe.height > breakpoint ? 100 : (swipe.height * 100) / breakpoint;\n return (\n <SwipeContainer>\n <SwipeDrag\n onTouchStart={swipe.touchStart}\n onTouchEnd={swipe.touchEnd}\n onTouchCancel={swipe.touchCancel}\n onTouchMove={swipe.touchMove}\n ref={swipe.ref}\n >\n <LoaderBox\n height={loading ? theme.space.m : `${swipe.height}px`}\n alignItems=\"flex-start\"\n data-testid=\"loader-box\"\n >\n <PositionLoader\n height={theme.space.m}\n justifyContent=\"center\"\n alignItems=\"center\"\n mt={swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`}\n >\n {loading ? <DSCircularProgressIndicator /> : <ProgressIndicator progress={progress} />}\n </PositionLoader>\n </LoaderBox>\n <div ref={swipe.target} style={{ height: 1 }} />\n {children}\n </SwipeDrag>\n </SwipeContainer>\n );\n};\n\nconst props = {\n /** component inside swipe to refresh container */\n children: PropTypes.element.isRequired.description('component inside swipe to refresh container'),\n /** toggle loading state for swipe */\n loading: PropTypes.bool.description('toggle loading state for swipe'),\n /** callback on refresh swipe */\n onRefresh: PropTypes.func.description('callback on refresh swipe'),\n};\n\nSwipeToRefresh.propTypes = props;\n\nconst SwipeToRefreshWithSchema = describe(SwipeToRefresh);\n\nSwipeToRefreshWithSchema.propTypes = props;\n\nexport { SwipeToRefresh, SwipeToRefreshWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,4CAA4C;AAC5C,uBAAyB;AACzB,sBAAyB;AACzB,oBAAqE;AACrE,+BAAkC;AAElC,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,gBAAgB;AAC3D,QAAM,aAAa;AACnB,QAAM,QAAQ;AACd,QAAM,QAAQ,8BAAS,EAAE,WAAW;AACpC,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,mDAAC,8BAAD,MACE,mDAAC,yBAAD;AAAA,IACE,cAAc,MAAM;AAAA,IACpB,YAAY,MAAM;AAAA,IAClB,eAAe,MAAM;AAAA,IACrB,aAAa,MAAM;AAAA,IACnB,KAAK,MAAM;AAAA,KAEX,mDAAC,yBAAD;AAAA,IACE,QAAQ,UAAU,MAAM,MAAM,IAAI,GAAG,MAAM;AAAA,IAC3C,YAAW;AAAA,IACX,eAAY;AAAA,KAEZ,mDAAC,8BAAD;AAAA,IACE,QAAQ,MAAM,MAAM;AAAA,IACpB,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,IAAI,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,MAAM,SAAS;AAAA,KAExD,UAAU,mDAAC,mEAAD,QAAkC,mDAAC,4CAAD;AAAA,IAAmB;AAAA,QAGpE,mDAAC,OAAD;AAAA,IAAK,KAAK,MAAM;AAAA,IAAQ,OAAO,EAAE,QAAQ;AAAA,MACxC;AAAA;AAMT,MAAM,QAAQ;AAAA,EAEZ,UAAU,4BAAU,QAAQ,WAAW,YAAY;AAAA,EAEnD,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,WAAW,4BAAU,KAAK,YAAY;AAAA;AAGxC,eAAe,YAAY;AAE3B,MAAM,2BAA2B,gCAAS;AAE1C,yBAAyB,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,28 +1,57 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var styled_exports = {};
|
|
29
|
+
__export(styled_exports, {
|
|
30
|
+
LoaderBox: () => LoaderBox,
|
|
31
|
+
PositionLoader: () => PositionLoader,
|
|
32
|
+
SwipeContainer: () => SwipeContainer,
|
|
33
|
+
SwipeDrag: () => SwipeDrag
|
|
34
|
+
});
|
|
35
|
+
var React = __toESM(require("react"));
|
|
36
|
+
var import_ds_grid = require("@elliemae/ds-grid");
|
|
37
|
+
var import_styled_components = __toESM(require("styled-components"));
|
|
38
|
+
const SwipeContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
|
|
39
|
+
transition: height 0.2s;
|
|
40
|
+
overscroll-behavior: none;
|
|
41
|
+
height: 100%;
|
|
42
|
+
`;
|
|
43
|
+
const SwipeDrag = import_styled_components.default.div`
|
|
44
|
+
border: none;
|
|
45
|
+
overscroll-behavior: none;
|
|
46
|
+
overflow: auto;
|
|
47
|
+
max-height: 100%;
|
|
48
|
+
`;
|
|
49
|
+
const LoaderBox = (0, import_styled_components.default)(import_ds_grid.Grid)`
|
|
50
|
+
transition: height 0.2s;
|
|
51
|
+
overflow: hidden;
|
|
52
|
+
`;
|
|
53
|
+
const PositionLoader = (0, import_styled_components.default)(import_ds_grid.Grid)`
|
|
54
|
+
transition: margin 0.2s;
|
|
55
|
+
`;
|
|
56
|
+
module.exports = __toCommonJS(styled_exports);
|
|
57
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/SwipeToRefresh/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nexport const SwipeContainer = styled(Grid)`\n transition: height 0.2s;\n overscroll-behavior: none;\n height: 100%;\n`;\n\nexport const SwipeDrag = styled.div`\n border: none;\n overscroll-behavior: none;\n overflow: auto;\n max-height: 100%;\n`;\n\nexport const LoaderBox = styled(Grid)`\n transition: height 0.2s;\n overflow: hidden;\n`;\n\nexport const PositionLoader = styled(Grid)`\n transition: margin 0.2s;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,+BAAmB;AAEZ,MAAM,iBAAiB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,YAAY,sCAAO;AAAA;AAAA;AAAA;AAKzB,MAAM,iBAAiB,sCAAO;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,73 +1,83 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var useSwipe_exports = {};
|
|
29
|
+
__export(useSwipe_exports, {
|
|
30
|
+
useSwipe: () => useSwipe
|
|
31
|
+
});
|
|
32
|
+
var React = __toESM(require("react"));
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
const useSwipe = ({ onRefresh, breakpoint }) => {
|
|
35
|
+
const [startingPoint, setStartingPoint] = (0, import_react.useState)(0);
|
|
36
|
+
const [movingPoint, setMovingPoint] = (0, import_react.useState)(0);
|
|
37
|
+
const ref = (0, import_react.useRef)();
|
|
16
38
|
const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;
|
|
17
|
-
const [allowRefresh, setAllowRefresh] =
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
const {
|
|
21
|
-
isIntersecting
|
|
22
|
-
} = entries[0];
|
|
23
|
-
|
|
39
|
+
const [allowRefresh, setAllowRefresh] = (0, import_react.useState)(false);
|
|
40
|
+
const callback = (entries) => {
|
|
41
|
+
const { isIntersecting } = entries[0];
|
|
24
42
|
if (isIntersecting) {
|
|
25
43
|
setAllowRefresh(true);
|
|
26
44
|
} else {
|
|
27
45
|
setAllowRefresh(false);
|
|
28
46
|
}
|
|
29
47
|
};
|
|
30
|
-
|
|
31
|
-
const
|
|
32
|
-
const observer = React.useRef(null);
|
|
33
|
-
|
|
48
|
+
const target = (0, import_react.useRef)(null);
|
|
49
|
+
const observer = (0, import_react.useRef)(null);
|
|
34
50
|
if (observer.current) {
|
|
35
51
|
observer.current.disconnect();
|
|
36
52
|
}
|
|
37
|
-
|
|
38
53
|
observer.current = new IntersectionObserver(callback, {
|
|
39
54
|
root: null,
|
|
40
|
-
rootMargin:
|
|
55
|
+
rootMargin: "0px",
|
|
41
56
|
threshold: 0.25
|
|
42
57
|
});
|
|
43
|
-
|
|
44
58
|
if (target.current) {
|
|
45
59
|
observer.current.observe(target.current);
|
|
46
60
|
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
} = ref.current;
|
|
52
|
-
if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);
|
|
61
|
+
const touchStart = (e) => {
|
|
62
|
+
const { scrollTop } = ref.current;
|
|
63
|
+
if (scrollTop < 5)
|
|
64
|
+
setStartingPoint(e.touches[0].clientY);
|
|
53
65
|
};
|
|
54
|
-
|
|
55
66
|
const touchEnd = () => {
|
|
56
|
-
if (height > breakpoint && allowRefresh && onRefresh)
|
|
67
|
+
if (height > breakpoint && allowRefresh && onRefresh)
|
|
68
|
+
onRefresh();
|
|
57
69
|
setStartingPoint(0);
|
|
58
70
|
setMovingPoint(0);
|
|
59
71
|
};
|
|
60
|
-
|
|
61
72
|
const touchCancel = () => {
|
|
62
|
-
if (height > breakpoint && onRefresh)
|
|
73
|
+
if (height > breakpoint && onRefresh)
|
|
74
|
+
onRefresh();
|
|
63
75
|
setStartingPoint(0);
|
|
64
76
|
setMovingPoint(0);
|
|
65
77
|
};
|
|
66
|
-
|
|
67
|
-
const touchMove = e => {
|
|
78
|
+
const touchMove = (e) => {
|
|
68
79
|
setMovingPoint(e.touches[0].clientY);
|
|
69
80
|
};
|
|
70
|
-
|
|
71
81
|
return {
|
|
72
82
|
height,
|
|
73
83
|
touchStart,
|
|
@@ -78,5 +88,5 @@ const useSwipe = _ref => {
|
|
|
78
88
|
target
|
|
79
89
|
};
|
|
80
90
|
};
|
|
81
|
-
|
|
82
|
-
|
|
91
|
+
module.exports = __toCommonJS(useSwipe_exports);
|
|
92
|
+
//# sourceMappingURL=useSwipe.js.map
|