@elliemae/ds-mobile 2.2.1 → 2.3.0-alpha.4
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/cjs/MobileTimePicker/MobileTimePicker.stories.js +0 -35
- package/esm/MobileTimePicker/MobileTimePicker.stories.js +0 -26
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Icons/EM_logo.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\n\nfunction SvgIcon() {\n return (\n <svg\n width=\"32px\"\n height=\"32px\"\n viewBox=\"0 0 32 32\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>em-logo-whitebackground</title>\n <g\n id=\"em-logo-whitebackground\"\n stroke=\"none\"\n strokeWidth=\"1\"\n fill=\"none\"\n fillRule=\"evenodd\"\n >\n <circle id=\"Oval\" fill=\"#FFFFFF\" cx=\"16\" cy=\"16\" r=\"16\"></circle>\n <image\n id=\"Encompass_ICON_COLOR\"\n width=\"32\"\n height=\"32\"\n xlinkHref=\"data:image/png;base64,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\"\n ></image>\n </g>\n </svg>\n );\n}\n\nexport default SvgIcon;\n"],
|
|
5
|
+
"mappings": "AAAA;ACCA;AAEA,mBAAmB;AACjB,SACE,qCAAC,OAAD;AAAA,IACE,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,SAAQ;AAAA,IACR,OAAM;AAAA,KAEN,qCAAC,SAAD,MAAO,4BACP,qCAAC,KAAD;AAAA,IACE,IAAG;AAAA,IACH,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,UAAS;AAAA,KAET,qCAAC,UAAD;AAAA,IAAQ,IAAG;AAAA,IAAO,MAAK;AAAA,IAAU,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,GAAE;AAAA,MACnD,qCAAC,SAAD;AAAA,IACE,IAAG;AAAA,IACH,OAAM;AAAA,IACN,QAAO;AAAA,IACP,WAAU;AAAA;AAAA;AAOpB,IAAO,kBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,91 +1,58 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import { PropTypes, describe } from
|
|
4
|
-
import { Grid } from
|
|
5
|
-
import { Loader } from
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
let {
|
|
10
|
-
isFetching,
|
|
11
|
-
fetchData,
|
|
12
|
-
children,
|
|
13
|
-
height = window.innerHeight
|
|
14
|
-
} = _ref;
|
|
15
|
-
|
|
16
|
-
const callback = entries => {
|
|
17
|
-
const {
|
|
18
|
-
isIntersecting
|
|
19
|
-
} = entries[0];
|
|
20
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { useEffect, useRef } from "react";
|
|
3
|
+
import { PropTypes, describe } from "react-desc";
|
|
4
|
+
import { Grid } from "@elliemae/ds-grid";
|
|
5
|
+
import { Loader } from "./Loader";
|
|
6
|
+
const InfiniteLoader = ({ isFetching, fetchData, children, height = window.innerHeight }) => {
|
|
7
|
+
const callback = (entries) => {
|
|
8
|
+
const { isIntersecting } = entries[0];
|
|
21
9
|
if (isIntersecting && !isFetching) {
|
|
22
|
-
fetchData();
|
|
23
|
-
|
|
10
|
+
fetchData();
|
|
24
11
|
observer.current.disconnect();
|
|
25
|
-
observer.current =
|
|
12
|
+
observer.current = void 0;
|
|
26
13
|
}
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
|
|
14
|
+
};
|
|
30
15
|
const target = useRef(null);
|
|
31
16
|
const observer = useRef(null);
|
|
32
17
|
useEffect(() => {
|
|
33
18
|
if (observer.current) {
|
|
34
19
|
observer.current.disconnect();
|
|
35
20
|
}
|
|
36
|
-
|
|
37
21
|
observer.current = new IntersectionObserver(callback, {
|
|
38
22
|
root: null,
|
|
39
|
-
rootMargin:
|
|
23
|
+
rootMargin: "0px",
|
|
40
24
|
threshold: 0.25
|
|
41
25
|
});
|
|
42
|
-
|
|
43
26
|
if (target.current) {
|
|
44
27
|
observer.current.observe(target.current);
|
|
45
28
|
}
|
|
46
|
-
|
|
47
29
|
return () => {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
(_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.unobserve(target.current);
|
|
51
|
-
(_observer$current2 = observer.current) === null || _observer$current2 === void 0 ? void 0 : _observer$current2.disconnect();
|
|
30
|
+
observer.current?.unobserve(target.current);
|
|
31
|
+
observer.current?.disconnect();
|
|
52
32
|
};
|
|
53
33
|
}, [target, observer, fetchData]);
|
|
54
|
-
return
|
|
55
|
-
style: {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}
|
|
60
|
-
}, void 0, /*#__PURE__*/_jsx(Grid, {
|
|
61
|
-
style: {
|
|
62
|
-
overflow: isFetching ? 'hidden' : 'auto',
|
|
63
|
-
height
|
|
64
|
-
}
|
|
65
|
-
}, void 0, children, /*#__PURE__*/jsx("div", {
|
|
34
|
+
return /* @__PURE__ */ React2.createElement(Grid, {
|
|
35
|
+
style: { position: "relative", height, overflow: "hidden" }
|
|
36
|
+
}, /* @__PURE__ */ React2.createElement(Grid, {
|
|
37
|
+
style: { overflow: isFetching ? "hidden" : "auto", height }
|
|
38
|
+
}, children, /* @__PURE__ */ React2.createElement("div", {
|
|
66
39
|
ref: target,
|
|
67
|
-
style: {
|
|
68
|
-
|
|
69
|
-
}
|
|
70
|
-
})), /*#__PURE__*/_jsx(Loader, {
|
|
40
|
+
style: { height: 1 }
|
|
41
|
+
})), /* @__PURE__ */ React2.createElement(Loader, {
|
|
71
42
|
isOpen: isFetching
|
|
72
43
|
}));
|
|
73
44
|
};
|
|
74
|
-
|
|
75
45
|
const listProps = {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
fetchData: PropTypes.func.description('callback to fetch new items'),
|
|
81
|
-
|
|
82
|
-
/** row items for infinite loader */
|
|
83
|
-
children: PropTypes.element.description('row items for infinite loader'),
|
|
84
|
-
|
|
85
|
-
/** infinite loader list height */
|
|
86
|
-
height: PropTypes.number.isRequired.description('infinite loader list height')
|
|
46
|
+
isFetching: PropTypes.bool.description("toggle loading state"),
|
|
47
|
+
fetchData: PropTypes.func.description("callback to fetch new items"),
|
|
48
|
+
children: PropTypes.element.description("row items for infinite loader"),
|
|
49
|
+
height: PropTypes.number.isRequired.description("infinite loader list height")
|
|
87
50
|
};
|
|
51
|
+
InfiniteLoader.propTypes = listProps;
|
|
88
52
|
const InfiniteLoaderWithSchema = describe(InfiniteLoader);
|
|
89
53
|
InfiniteLoaderWithSchema.propTypes = listProps;
|
|
90
|
-
|
|
91
|
-
|
|
54
|
+
export {
|
|
55
|
+
InfiniteLoader,
|
|
56
|
+
InfiniteLoaderWithSchema
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=Infiniteloader.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InfiniteLoader/Infiniteloader.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Loader } from './Loader';\n\nconst InfiniteLoader = ({ isFetching, fetchData, children, height = window.innerHeight }) => {\n const callback = (entries) => {\n const { isIntersecting } = entries[0];\n if (isIntersecting && !isFetching) {\n fetchData();\n // observer.current.unobserve(target.current);\n observer.current.disconnect();\n observer.current = undefined;\n }\n };\n // const [target, setTarget] = useState(null);\n const target = useRef(null);\n const observer = useRef(null);\n\n useEffect(() => {\n if (observer.current) {\n observer.current.disconnect();\n }\n observer.current = new IntersectionObserver(callback, {\n root: null,\n rootMargin: '0px',\n threshold: 0.25,\n });\n if (target.current) {\n observer.current.observe(target.current);\n }\n return () => {\n observer.current?.unobserve(target.current);\n observer.current?.disconnect();\n };\n }, [target, observer, fetchData]);\n\n return (\n <Grid style={{ position: 'relative', height, overflow: 'hidden' }}>\n <Grid style={{ overflow: isFetching ? 'hidden' : 'auto', height }}>\n {children}\n <div ref={target} style={{ height: 1 }} />\n </Grid>\n <Loader isOpen={isFetching} />\n </Grid>\n );\n};\n\nconst listProps = {\n /** toggle loading state */\n isFetching: PropTypes.bool.description('toggle loading state'),\n /** callback to fetch new items */\n fetchData: PropTypes.func.description('callback to fetch new items'),\n /** row items for infinite loader */\n children: PropTypes.element.description('row items for infinite loader'),\n /** infinite loader list height */\n height: PropTypes.number.isRequired.description('infinite loader list height'),\n};\n\nInfiniteLoader.propTypes = listProps;\n\nconst InfiniteLoaderWithSchema = describe(InfiniteLoader);\n\nInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { InfiniteLoader, InfiniteLoaderWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,EAAE,YAAY,WAAW,UAAU,SAAS,OAAO,kBAAkB;AAC3F,QAAM,WAAW,CAAC,YAAY;AAC5B,UAAM,EAAE,mBAAmB,QAAQ;AACnC,QAAI,kBAAkB,CAAC,YAAY;AACjC;AAEA,eAAS,QAAQ;AACjB,eAAS,UAAU;AAAA;AAAA;AAIvB,QAAM,SAAS,OAAO;AACtB,QAAM,WAAW,OAAO;AAExB,YAAU,MAAM;AACd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ;AAAA;AAEnB,aAAS,UAAU,IAAI,qBAAqB,UAAU;AAAA,MACpD,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAW;AAAA;AAEb,QAAI,OAAO,SAAS;AAClB,eAAS,QAAQ,QAAQ,OAAO;AAAA;AAElC,WAAO,MAAM;AACX,eAAS,SAAS,UAAU,OAAO;AACnC,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC,QAAQ,UAAU;AAEtB,SACE,qCAAC,MAAD;AAAA,IAAM,OAAO,EAAE,UAAU,YAAY,QAAQ,UAAU;AAAA,KACrD,qCAAC,MAAD;AAAA,IAAM,OAAO,EAAE,UAAU,aAAa,WAAW,QAAQ;AAAA,KACtD,UACD,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAQ,OAAO,EAAE,QAAQ;AAAA,OAErC,qCAAC,QAAD;AAAA,IAAQ,QAAQ;AAAA;AAAA;AAKtB,MAAM,YAAY;AAAA,EAEhB,YAAY,UAAU,KAAK,YAAY;AAAA,EAEvC,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,UAAU,UAAU,QAAQ,YAAY;AAAA,EAExC,QAAQ,UAAU,OAAO,WAAW,YAAY;AAAA;AAGlD,eAAe,YAAY;AAE3B,MAAM,2BAA2B,SAAS;AAE1C,yBAAyB,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
processing: true,
|
|
15
|
-
title: "Loading"
|
|
16
|
-
})));
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2 from "react";
|
|
3
|
+
import PropTypes from "prop-types";
|
|
4
|
+
import DSIndeterminateProgressIndicator from "@elliemae/ds-indeterminate-progress-indicator";
|
|
5
|
+
import { LoaderBox } from "./styled";
|
|
6
|
+
const Loader = ({ isOpen }) => /* @__PURE__ */ React2.createElement(LoaderBox, {
|
|
7
|
+
className: isOpen && "opened"
|
|
8
|
+
}, /* @__PURE__ */ React2.createElement(DSIndeterminateProgressIndicator, {
|
|
9
|
+
processing: true,
|
|
10
|
+
title: "Loading"
|
|
11
|
+
}));
|
|
12
|
+
Loader.propTypes = {
|
|
13
|
+
isOpen: PropTypes.bool
|
|
17
14
|
};
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
export {
|
|
16
|
+
Loader
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=Loader.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InfiniteLoader/Loader.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-unused-state */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';\nimport { LoaderBox } from './styled';\n\nexport const Loader = ({ isOpen }) => (\n <LoaderBox className={isOpen && 'opened'}>\n <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n </LoaderBox>\n);\n\nLoader.propTypes = {\n isOpen: PropTypes.bool,\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEO,MAAM,SAAS,CAAC,EAAE,aACvB,qCAAC,WAAD;AAAA,EAAW,WAAW,UAAU;AAAA,GAC9B,qCAAC,kCAAD;AAAA,EAAkC,YAAU;AAAA,EAAC,OAAM;AAAA;AAIvD,OAAO,YAAY;AAAA,EACjB,QAAQ,UAAU;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,84 +1,60 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
getItemSize = () => 38,
|
|
16
|
-
height,
|
|
17
|
-
item: Row
|
|
18
|
-
} = _ref;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { useState } from "react";
|
|
3
|
+
import { PropTypes, describe } from "react-desc";
|
|
4
|
+
import RWInfiniteLoader from "react-window-infinite-loader";
|
|
5
|
+
import { VariableSizeList as List } from "react-window";
|
|
6
|
+
const VirtualizedInfiniteLoader = ({
|
|
7
|
+
moreItemsLoading = false,
|
|
8
|
+
hasNextPage = false,
|
|
9
|
+
isItemLoaded = () => true,
|
|
10
|
+
loadMoreItems,
|
|
11
|
+
getItemSize = () => 38,
|
|
12
|
+
height,
|
|
13
|
+
item: Row
|
|
14
|
+
}) => {
|
|
19
15
|
const [itemCount, setItemCount] = useState(10);
|
|
20
|
-
|
|
21
16
|
const loadMore = (startIndex, stopIndex) => {
|
|
22
|
-
if (hasNextPage)
|
|
17
|
+
if (hasNextPage)
|
|
18
|
+
setItemCount(itemCount + 1);
|
|
23
19
|
return loadMoreItems(startIndex, stopIndex);
|
|
24
20
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}, void 0, /*#__PURE__*/_jsx(RWInfiniteLoader, {
|
|
31
|
-
isItemLoaded: isItemLoaded,
|
|
32
|
-
itemCount: itemCount,
|
|
21
|
+
return /* @__PURE__ */ React2.createElement("div", {
|
|
22
|
+
style: { position: "relative" }
|
|
23
|
+
}, /* @__PURE__ */ React2.createElement(RWInfiniteLoader, {
|
|
24
|
+
isItemLoaded,
|
|
25
|
+
itemCount,
|
|
33
26
|
loadMoreItems: loadMore
|
|
34
|
-
},
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
itemSize: getItemSize,
|
|
44
|
-
onItemsRendered: onItemsRendered,
|
|
45
|
-
ref: ref,
|
|
46
|
-
width: "100%",
|
|
47
|
-
children: Row
|
|
48
|
-
});
|
|
49
|
-
}), moreItemsLoading && /*#__PURE__*/_jsx("div", {
|
|
27
|
+
}, ({ onItemsRendered, ref }) => /* @__PURE__ */ React2.createElement(List, {
|
|
28
|
+
className: "List",
|
|
29
|
+
height,
|
|
30
|
+
itemCount,
|
|
31
|
+
itemSize: getItemSize,
|
|
32
|
+
onItemsRendered,
|
|
33
|
+
ref,
|
|
34
|
+
width: "100%"
|
|
35
|
+
}, Row)), moreItemsLoading && /* @__PURE__ */ React2.createElement("div", {
|
|
50
36
|
style: {
|
|
51
|
-
position:
|
|
37
|
+
position: "absolute",
|
|
52
38
|
bottom: 0,
|
|
53
|
-
background:
|
|
39
|
+
background: "blue",
|
|
54
40
|
zIndex: 1
|
|
55
41
|
}
|
|
56
|
-
},
|
|
42
|
+
}, "Loading"));
|
|
57
43
|
};
|
|
58
|
-
|
|
59
44
|
const listProps = {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
getItemSize: PropTypes.func.description('callback to get row item size'),
|
|
68
|
-
|
|
69
|
-
/** height for the list */
|
|
70
|
-
height: PropTypes.number.description('height for the list'),
|
|
71
|
-
|
|
72
|
-
/** flag to know if virtual list should be on loading state */
|
|
73
|
-
moreItemsLoading: PropTypes.bool.description('flag to know if virtual list s'),
|
|
74
|
-
|
|
75
|
-
/** Row item to render */
|
|
76
|
-
item: PropTypes.element.description('Row item to render'),
|
|
77
|
-
|
|
78
|
-
/** flag for virtualized list */
|
|
79
|
-
hasNextPage: PropTypes.bool.description('flag for virtualized list')
|
|
45
|
+
isItemLoaded: PropTypes.bool.description("Function responsible for tracking the loaded state of each item."),
|
|
46
|
+
loadMoreItems: PropTypes.func.description("Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading."),
|
|
47
|
+
getItemSize: PropTypes.func.description("callback to get row item size"),
|
|
48
|
+
height: PropTypes.number.description("height for the list"),
|
|
49
|
+
moreItemsLoading: PropTypes.bool.description("flag to know if virtual list s"),
|
|
50
|
+
item: PropTypes.element.description("Row item to render"),
|
|
51
|
+
hasNextPage: PropTypes.bool.description("flag for virtualized list")
|
|
80
52
|
};
|
|
53
|
+
VirtualizedInfiniteLoader.propTypes = listProps;
|
|
81
54
|
const VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);
|
|
82
55
|
VirtualizedInfiniteLoaderWithSchema.propTypes = listProps;
|
|
83
|
-
|
|
84
|
-
|
|
56
|
+
export {
|
|
57
|
+
VirtualizedInfiniteLoader,
|
|
58
|
+
VirtualizedInfiniteLoaderWithSchema
|
|
59
|
+
};
|
|
60
|
+
//# sourceMappingURL=VirtualizedInfiniteLoader.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InfiniteLoader/VirtualizedInfiniteLoader.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport RWInfiniteLoader from 'react-window-infinite-loader';\nimport { VariableSizeList as List } from 'react-window';\n\nconst VirtualizedInfiniteLoader = ({\n moreItemsLoading = false,\n hasNextPage = false,\n isItemLoaded = () => true,\n loadMoreItems,\n getItemSize = () => 38,\n height,\n item: Row,\n}) => {\n const [itemCount, setItemCount] = useState(10);\n\n const loadMore = (startIndex, stopIndex) => {\n if (hasNextPage) setItemCount(itemCount + 1);\n return loadMoreItems(startIndex, stopIndex);\n };\n\n return (\n <div style={{ position: 'relative' }}>\n <RWInfiniteLoader\n isItemLoaded={isItemLoaded}\n itemCount={itemCount}\n loadMoreItems={loadMore}\n >\n {({ onItemsRendered, ref }) => (\n <List\n className=\"List\"\n height={height}\n itemCount={itemCount}\n itemSize={getItemSize}\n onItemsRendered={onItemsRendered}\n ref={ref}\n width=\"100%\"\n >\n {Row}\n </List>\n )}\n </RWInfiniteLoader>\n {moreItemsLoading && (\n <div\n style={{\n position: 'absolute',\n bottom: 0,\n background: 'blue',\n zIndex: 1,\n }}\n >\n Loading\n </div>\n )}\n </div>\n );\n};\n\nconst listProps = {\n /** Function responsible for tracking the loaded state of each item. */\n isItemLoaded: PropTypes.bool.description(\n 'Function responsible for tracking the loaded state of each item.',\n ),\n /** Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */\n loadMoreItems: PropTypes.func.description(\n 'Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading.',\n ),\n /** callback to get row item size */\n getItemSize: PropTypes.func.description('callback to get row item size'),\n /** height for the list */\n height: PropTypes.number.description('height for the list'),\n /** flag to know if virtual list should be on loading state */\n moreItemsLoading: PropTypes.bool.description(\n 'flag to know if virtual list s',\n ),\n /** Row item to render */\n item: PropTypes.element.description('Row item to render'),\n /** flag for virtualized list */\n hasNextPage: PropTypes.bool.description('flag for virtualized list'),\n};\n\nVirtualizedInfiniteLoader.propTypes = listProps;\n\nconst VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);\n\nVirtualizedInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,4BAA4B,CAAC;AAAA,EACjC,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EACrB;AAAA,EACA,cAAc,MAAM;AAAA,EACpB;AAAA,EACA,MAAM;AAAA,MACF;AACJ,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAE3C,QAAM,WAAW,CAAC,YAAY,cAAc;AAC1C,QAAI;AAAa,mBAAa,YAAY;AAC1C,WAAO,cAAc,YAAY;AAAA;AAGnC,SACE,qCAAC,OAAD;AAAA,IAAK,OAAO,EAAE,UAAU;AAAA,KACtB,qCAAC,kBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAe;AAAA,KAEd,CAAC,EAAE,iBAAiB,UACnB,qCAAC,MAAD;AAAA,IACE,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,OAAM;AAAA,KAEL,OAIN,oBACC,qCAAC,OAAD;AAAA,IACE,OAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,QAAQ;AAAA;AAAA,KAEX;AAAA;AAQT,MAAM,YAAY;AAAA,EAEhB,cAAc,UAAU,KAAK,YAC3B;AAAA,EAGF,eAAe,UAAU,KAAK,YAC5B;AAAA,EAGF,aAAa,UAAU,KAAK,YAAY;AAAA,EAExC,QAAQ,UAAU,OAAO,YAAY;AAAA,EAErC,kBAAkB,UAAU,KAAK,YAC/B;AAAA,EAGF,MAAM,UAAU,QAAQ,YAAY;AAAA,EAEpC,aAAa,UAAU,KAAK,YAAY;AAAA;AAG1C,0BAA0B,YAAY;AAEtC,MAAM,sCAAsC,SAAS;AAErD,oCAAoC,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,2 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { InfiniteLoader, InfiniteLoaderWithSchema } from "./Infiniteloader";
|
|
3
|
+
import {
|
|
4
|
+
VirtualizedInfiniteLoader,
|
|
5
|
+
VirtualizedInfiniteLoaderWithSchema
|
|
6
|
+
} from "./VirtualizedInfiniteLoader";
|
|
7
|
+
export {
|
|
8
|
+
InfiniteLoader,
|
|
9
|
+
InfiniteLoaderWithSchema,
|
|
10
|
+
VirtualizedInfiniteLoader,
|
|
11
|
+
VirtualizedInfiniteLoaderWithSchema
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InfiniteLoader/index.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { InfiniteLoader, InfiniteLoaderWithSchema } from './Infiniteloader';\nexport {\n VirtualizedInfiniteLoader,\n VirtualizedInfiniteLoaderWithSchema,\n} from './VirtualizedInfiniteLoader';\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,7 +1,21 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const LoaderBox =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
const LoaderBox = styled.div`
|
|
4
|
+
position: absolute;
|
|
5
|
+
width: 100%;
|
|
6
|
+
z-index: 10;
|
|
7
|
+
background-color: white;
|
|
8
|
+
height: 50px;
|
|
9
|
+
bottom: -50px;
|
|
10
|
+
border-top: 1px solid #e0e3e8;
|
|
11
|
+
align-items: center;
|
|
12
|
+
transition: 400ms cubic-bezier(0, 0, 0.42, 1);
|
|
13
|
+
&.opened {
|
|
14
|
+
transition: 400ms cubic-bezier(0.36, 0, 1, 1);
|
|
15
|
+
bottom: 0;
|
|
16
|
+
}
|
|
17
|
+
`;
|
|
18
|
+
export {
|
|
19
|
+
LoaderBox
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/InfiniteLoader/styled.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const LoaderBox = styled.div`\n position: absolute;\n width: 100%;\n z-index: 10;\n background-color: white;\n height: 50px;\n bottom: -50px;\n border-top: 1px solid #e0e3e8;\n align-items: center;\n transition: 400ms cubic-bezier(0, 0, 0.42, 1);\n &.opened {\n transition: 400ms cubic-bezier(0.36, 0, 1, 1);\n bottom: 0;\n }\n`;\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/LoadingPage/Page.js
CHANGED
|
@@ -1,79 +1,63 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
|
-
const LoadingPageLoader = /*#__PURE__*/styled.div.withConfig({
|
|
23
|
-
componentId: "sc-wx0z8k-0"
|
|
24
|
-
})(["", ";z-index:", ";top:25%;left:15%;width:70%;height:75%;display:flex;flex-direction:column;align-items:center;"], _ref => {
|
|
25
|
-
let {
|
|
26
|
-
type
|
|
27
|
-
} = _ref;
|
|
28
|
-
return type === 'cover' ? 'position: fixed' : 'position: absolute';
|
|
29
|
-
}, props => props.zIndex);
|
|
30
|
-
|
|
31
|
-
const LoadingPage = _ref2 => {
|
|
32
|
-
let {
|
|
33
|
-
backdropZIndex,
|
|
34
|
-
children,
|
|
35
|
-
loader,
|
|
36
|
-
loading,
|
|
37
|
-
type = 'fill',
|
|
38
|
-
zIndex = 1
|
|
39
|
-
} = _ref2;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { useRef, useState, useEffect } from "react";
|
|
3
|
+
import PropTypes from "prop-types";
|
|
4
|
+
import { withTheme } from "@elliemae/ds-system";
|
|
5
|
+
import { get } from "lodash";
|
|
6
|
+
import styled from "styled-components";
|
|
7
|
+
import Backdrop from "@elliemae/ds-backdrop";
|
|
8
|
+
const LoadingPageLoader = styled.div`
|
|
9
|
+
${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
|
|
10
|
+
|
|
11
|
+
z-index: ${(props) => props.zIndex};
|
|
12
|
+
top: 25%;
|
|
13
|
+
left: 15%;
|
|
14
|
+
width: 70%;
|
|
15
|
+
height: 75%;
|
|
16
|
+
display: flex;
|
|
17
|
+
flex-direction: column;
|
|
18
|
+
align-items: center;
|
|
19
|
+
`;
|
|
20
|
+
const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill", zIndex = 1 }) => {
|
|
40
21
|
const [position, setPosition] = useState(null);
|
|
41
22
|
const childRef = useRef(null);
|
|
42
23
|
useEffect(() => {
|
|
43
24
|
if (childRef && childRef.current) {
|
|
44
25
|
const style = childRef && window.getComputedStyle(childRef.current);
|
|
45
|
-
setPosition(style.getPropertyValue(
|
|
26
|
+
setPosition(style.getPropertyValue("position"));
|
|
46
27
|
}
|
|
47
28
|
}, [childRef]);
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
type: type,
|
|
29
|
+
const Back = loading && /* @__PURE__ */ React2.createElement(Backdrop, {
|
|
30
|
+
type,
|
|
51
31
|
zIndex: backdropZIndex
|
|
52
32
|
});
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
type: type,
|
|
33
|
+
const Loader = loader && loading && /* @__PURE__ */ React2.createElement(LoadingPageLoader, {
|
|
34
|
+
zIndex,
|
|
35
|
+
type,
|
|
57
36
|
hide: !loading
|
|
58
|
-
},
|
|
59
|
-
|
|
60
|
-
const injectRefPosition = child => /*#__PURE__*/React.cloneElement(React.Children.only(child), {
|
|
37
|
+
}, loader);
|
|
38
|
+
const injectRefPosition = (child) => React2.cloneElement(React2.Children.only(child), {
|
|
61
39
|
ref: childRef,
|
|
62
|
-
children:
|
|
63
|
-
style:
|
|
64
|
-
|
|
65
|
-
|
|
40
|
+
children: React2.Children.toArray(child.props.children).concat([Loader, Back]),
|
|
41
|
+
style: {
|
|
42
|
+
...get(child, "props.style", {}),
|
|
43
|
+
position: position === "static" ? "relative" : position
|
|
44
|
+
}
|
|
66
45
|
});
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
70
|
-
children: [Loader, Back]
|
|
71
|
-
});
|
|
46
|
+
if (React2.Children.count(children) === 0) {
|
|
47
|
+
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, Loader, Back);
|
|
72
48
|
}
|
|
73
|
-
|
|
74
49
|
return injectRefPosition(children);
|
|
75
50
|
};
|
|
76
|
-
|
|
51
|
+
LoadingPage.propTypes = {
|
|
52
|
+
backdropZIndex: PropTypes.number,
|
|
53
|
+
children: PropTypes.element,
|
|
54
|
+
loader: PropTypes.arrayOf(PropTypes.element),
|
|
55
|
+
loading: PropTypes.bool,
|
|
56
|
+
type: PropTypes.oneOf(["fill", "cover"]),
|
|
57
|
+
zIndex: PropTypes.number
|
|
58
|
+
};
|
|
77
59
|
const DSMobileLoadingPage = withTheme(LoadingPage);
|
|
78
|
-
|
|
79
|
-
|
|
60
|
+
export {
|
|
61
|
+
DSMobileLoadingPage
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=Page.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LoadingPage/Page.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport styled from 'styled-components';\nimport Backdrop from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n z-index: ${(props) => props.zIndex};\n top: 25%;\n left: 15%;\n width: 70%;\n height: 75%;\n display: flex;\n flex-direction: column;\n align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex = 1 }) => {\n const [position, setPosition] = useState(null);\n const childRef = useRef(null);\n useEffect(() => {\n if (childRef && childRef.current) {\n const style = childRef && window.getComputedStyle(childRef.current);\n setPosition(style.getPropertyValue('position'));\n }\n }, [childRef]);\n\n const Back = loading && <Backdrop type={type} zIndex={backdropZIndex} />;\n const Loader = loader && loading && (\n <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n {loader}\n </LoadingPageLoader>\n );\n\n const injectRefPosition = (child) =>\n React.cloneElement(React.Children.only(child), {\n ref: childRef,\n children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n style: {\n ...get(child, 'props.style', {}),\n position: position === 'static' ? 'relative' : position,\n },\n });\n\n if (React.Children.count(children) === 0) {\n return (\n <>\n {Loader}\n {Back}\n </>\n );\n }\n return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n /**\n * z-index of dimmer background\n */\n backdropZIndex: PropTypes.number,\n /**\n * Children page to show behind the loader\n */\n children: PropTypes.element,\n /**\n * Array of elements centrally aligned\n */\n loader: PropTypes.arrayOf(PropTypes.element),\n /**\n * Show / hide loader\n */\n loading: PropTypes.bool,\n /**\n * ['cover', 'fill']\n */\n type: PropTypes.oneOf(['fill', 'cover']),\n /**\n * z-index of loader, should be higher than the backdropZIndex\n */\n zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,EAAE,WAAY,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,SAAS,QAAQ;AAChG,QAAM,CAAC,UAAU,eAAe,SAAS;AACzC,QAAM,WAAW,OAAO;AACxB,YAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS;AAC3D,kBAAY,MAAM,iBAAiB;AAAA;AAAA,KAEpC,CAAC;AAEJ,QAAM,OAAO,WAAW,qCAAC,UAAD;AAAA,IAAU;AAAA,IAAY,QAAQ;AAAA;AACtD,QAAM,SAAS,UAAU,WACvB,qCAAC,mBAAD;AAAA,IAAmB;AAAA,IAAgB;AAAA,IAAY,MAAM,CAAC;AAAA,KACnD;AAIL,QAAM,oBAAoB,CAAC,UACzB,OAAM,aAAa,OAAM,SAAS,KAAK,QAAQ;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,OAAM,SAAS,QAAQ,MAAM,MAAM,UAAU,OAAO,CAAC,QAAQ;AAAA,IACvE,OAAO;AAAA,SACF,IAAI,OAAO,eAAe;AAAA,MAC7B,UAAU,aAAa,WAAW,aAAa;AAAA;AAAA;AAIrD,MAAI,OAAM,SAAS,MAAM,cAAc,GAAG;AACxC,WACE,4DACG,QACA;AAAA;AAIP,SAAO,kBAAkB;AAAA;AAG3B,YAAY,YAAY;AAAA,EAItB,gBAAgB,UAAU;AAAA,EAI1B,UAAU,UAAU;AAAA,EAIpB,QAAQ,UAAU,QAAQ,UAAU;AAAA,EAIpC,SAAS,UAAU;AAAA,EAInB,MAAM,UAAU,MAAM,CAAC,QAAQ;AAAA,EAI/B,QAAQ,UAAU;AAAA;AAGpB,MAAM,sBAAsB,UAAU;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/LoadingPage/index.js
CHANGED
|
@@ -1,2 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { DSMobileLoadingPage } from "./Page";
|
|
3
|
+
export * from "./Page";
|
|
4
|
+
var LoadingPage_default = DSMobileLoadingPage;
|
|
5
|
+
export {
|
|
6
|
+
LoadingPage_default as default
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LoadingPage/index.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSMobileLoadingPage } from './Page';\n\nexport * from './Page';\nexport default DSMobileLoadingPage;\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AAEA;AACA,IAAO,sBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|