@elliemae/ds-mobile 2.2.0-alpha.3 → 3.0.0-next.0
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 +55 -51
- package/cjs/Accordion/index.js +12 -28
- package/cjs/Accordion/propTypes.js +22 -53
- package/cjs/CategoryBox/CategoryBox.js +73 -74
- package/cjs/CategoryBox/index.js +10 -36
- package/cjs/CollectionBox/CollectionBox.js +84 -96
- package/cjs/CollectionBox/index.js +10 -36
- package/cjs/FullPageContainer/FullPageContainer.js +42 -48
- package/cjs/FullPageContainer/FullPageContainerScroll.js +43 -45
- package/cjs/FullPageContainer/index.js +11 -37
- package/cjs/FullPageContainer/useMobileHeight.js +18 -40
- package/cjs/GlobalHeader/MobileGlobalHeader.js +132 -105
- package/cjs/GlobalHeader/index.js +10 -36
- package/cjs/GlobalHeader/styles.js +39 -114
- package/cjs/GroupBox/GroupBox.js +79 -77
- package/cjs/GroupBox/index.js +10 -36
- package/cjs/Icons/EM_logo.js +18 -41
- package/cjs/InfiniteLoader/Infiniteloader.js +77 -64
- package/cjs/InfiniteLoader/Loader.js +27 -46
- package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js +82 -77
- package/cjs/InfiniteLoader/index.js +13 -39
- package/cjs/InfiniteLoader/styled.js +15 -50
- package/cjs/LoadingPage/Page.js +78 -79
- package/cjs/LoadingPage/index.js +10 -37
- package/cjs/MobileActionToolbar/MobileActionToolbar.js +47 -59
- package/cjs/MobileActionToolbar/MobileActionToolbarItem.js +48 -48
- package/cjs/MobileActionToolbar/index.js +13 -38
- package/cjs/MobileBanner/MobileBanner.js +99 -105
- package/cjs/MobileBanner/defaultProps.js +11 -38
- package/cjs/MobileBanner/index.d.js +2 -27
- package/cjs/MobileBanner/index.js +12 -38
- package/cjs/MobileBanner/propTypes.js +19 -46
- package/cjs/MobileBanner/styles.js +173 -127
- package/cjs/MobileBanner/utils/bannerTypes.js +10 -38
- package/cjs/MobileBanner/utils/icons.js +18 -40
- package/cjs/MobileBanner/utils/styleHelpers.js +41 -90
- package/cjs/MobileCard/ActionAddon.js +34 -66
- package/cjs/MobileCard/Card.js +124 -163
- package/cjs/MobileCard/CardIcons.js +33 -102
- package/cjs/MobileCard/ExpandChevron.js +31 -55
- package/cjs/MobileCard/ExpandableRegion.js +50 -75
- package/cjs/MobileCard/Group.js +84 -91
- package/cjs/MobileCard/StyledCard.js +16 -44
- package/cjs/MobileCard/index.js +18 -45
- package/cjs/MobileCard/props.js +60 -48
- package/cjs/MobileCard/useHeight.js +18 -43
- package/cjs/MobileContextMenu/MobileContextMenu.js +187 -191
- package/cjs/MobileContextMenu/MobileContextMenuGroup.js +87 -75
- package/cjs/MobileContextMenu/MobileContextMenuItem.js +147 -146
- package/cjs/MobileContextMenu/index.js +16 -30
- package/cjs/MobileDatePicker/Input.js +38 -74
- package/cjs/MobileDatePicker/MobileDatePicker.js +87 -70
- package/cjs/MobileDatePicker/index.js +10 -28
- package/cjs/MobileDropdownMenu/MobileDropdownInput.js +58 -93
- package/cjs/MobileDropdownMenu/MobileDropdownMenu.js +83 -88
- package/cjs/MobileDropdownMenu/index.js +12 -36
- package/cjs/MobileEmtpyState/MobileEmptyState.js +37 -58
- package/cjs/MobileEmtpyState/index.js +11 -37
- package/cjs/MobileFilterbar/Filterbar.js +40 -67
- package/cjs/MobileFilterbar/FilterbarItem.js +33 -49
- package/cjs/MobileFilterbar/FilterbarSort.js +42 -56
- package/cjs/MobileFilterbar/index.js +16 -42
- package/cjs/MobileFooter/Action.js +58 -68
- package/cjs/MobileFooter/Footer.js +57 -62
- package/cjs/MobileFooter/Text.js +30 -48
- package/cjs/MobileFooter/index.js +16 -42
- package/cjs/MobileListItem/MobileListItem.js +55 -80
- package/cjs/MobileListItem/index.js +10 -28
- package/cjs/MobilePageHeader/MobilePageHeader.js +121 -149
- package/cjs/MobilePageHeader/index.js +10 -28
- package/cjs/MobileSelectList/MobileSelectList.js +132 -144
- package/cjs/MobileSelectList/index.js +9 -28
- package/cjs/MobileSelectList/styled.js +52 -78
- package/cjs/MobileSeparator/Separator.js +61 -56
- package/cjs/MobileSeparator/index.js +10 -37
- package/cjs/MobileTimePicker/Input.js +38 -74
- package/cjs/MobileTimePicker/MobileTimePicker.js +90 -74
- package/cjs/MobileTimePicker/MobileTimePicker.stories.js +35 -0
- package/cjs/MobileTimePicker/index.js +10 -28
- package/cjs/MobileTouchable/MobileTouchable.js +57 -69
- package/cjs/MobileTouchable/index.js +9 -28
- package/cjs/Modal/Modal.js +129 -135
- package/cjs/Modal/index.js +10 -36
- package/cjs/Modal/styled.js +42 -94
- package/cjs/PageFilter/PageFilter.js +76 -115
- package/cjs/PageForm/PageForm.js +50 -63
- package/cjs/PageList/PageList.js +38 -60
- package/cjs/PageList/index.js +10 -28
- package/cjs/PageSearch/PageSearch.js +42 -72
- package/cjs/PageSummary/PageSummary.js +55 -66
- package/cjs/PageSummary/Tags.js +36 -65
- package/cjs/SideNav/SideNav.js +110 -83
- package/cjs/SideNav/index.js +10 -36
- package/cjs/SideNav/styles.js +42 -128
- package/cjs/SwipeToRefresh/ProgressIndicator.js +28 -51
- package/cjs/SwipeToRefresh/ProgressLoader.js +54 -75
- package/cjs/SwipeToRefresh/SwipeToRefresh.js +64 -67
- package/cjs/SwipeToRefresh/styled.js +28 -57
- package/cjs/SwipeToRefresh/useSwipe.js +44 -54
- package/cjs/Tabs/index.js +55 -51
- package/cjs/Tabs/propTypes.js +24 -49
- package/cjs/index.js +132 -94
- package/esm/Accordion/Accordion.js +41 -20
- package/esm/Accordion/index.js +1 -3
- package/esm/Accordion/propTypes.js +17 -24
- package/esm/CategoryBox/CategoryBox.js +62 -44
- package/esm/CategoryBox/index.js +1 -7
- package/esm/CollectionBox/CollectionBox.js +73 -66
- package/esm/CollectionBox/index.js +1 -7
- package/esm/FullPageContainer/FullPageContainer.js +32 -18
- package/esm/FullPageContainer/FullPageContainerScroll.js +34 -16
- package/esm/FullPageContainer/index.js +2 -8
- package/esm/FullPageContainer/useMobileHeight.js +12 -9
- package/esm/GlobalHeader/MobileGlobalHeader.js +113 -68
- package/esm/GlobalHeader/index.js +1 -7
- package/esm/GlobalHeader/styles.js +25 -85
- package/esm/GroupBox/GroupBox.js +69 -48
- package/esm/GroupBox/index.js +1 -7
- package/esm/Icons/EM_logo.js +12 -12
- package/esm/InfiniteLoader/Infiniteloader.js +64 -31
- package/esm/InfiniteLoader/Loader.js +18 -17
- package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js +70 -46
- package/esm/InfiniteLoader/index.js +2 -13
- package/esm/InfiniteLoader/styled.js +7 -21
- package/esm/LoadingPage/Page.js +63 -47
- package/esm/LoadingPage/index.js +2 -8
- package/esm/MobileActionToolbar/MobileActionToolbar.js +34 -28
- package/esm/MobileActionToolbar/MobileActionToolbarItem.js +35 -18
- package/esm/MobileActionToolbar/index.js +2 -9
- package/esm/MobileBanner/MobileBanner.js +78 -75
- package/esm/MobileBanner/defaultProps.js +6 -8
- package/esm/MobileBanner/index.d.js +1 -2
- package/esm/MobileBanner/index.js +2 -9
- package/esm/MobileBanner/propTypes.js +14 -16
- package/esm/MobileBanner/styles.js +156 -99
- package/esm/MobileBanner/utils/bannerTypes.js +6 -9
- package/esm/MobileBanner/utils/icons.js +10 -11
- package/esm/MobileBanner/utils/styleHelpers.js +24 -57
- package/esm/MobileCard/ActionAddon.js +24 -37
- package/esm/MobileCard/Card.js +104 -125
- package/esm/MobileCard/CardIcons.js +27 -76
- package/esm/MobileCard/ExpandChevron.js +21 -25
- package/esm/MobileCard/ExpandableRegion.js +39 -44
- package/esm/MobileCard/Group.js +72 -62
- package/esm/MobileCard/StyledCard.js +8 -15
- package/esm/MobileCard/index.js +9 -14
- package/esm/MobileCard/props.js +56 -19
- package/esm/MobileCard/useHeight.js +9 -9
- package/esm/MobileContextMenu/MobileContextMenu.js +171 -159
- package/esm/MobileContextMenu/MobileContextMenuGroup.js +74 -45
- package/esm/MobileContextMenu/MobileContextMenuItem.js +135 -117
- package/esm/MobileContextMenu/index.js +3 -5
- package/esm/MobileDatePicker/Input.js +27 -44
- package/esm/MobileDatePicker/MobileDatePicker.js +73 -37
- package/esm/MobileDatePicker/index.js +1 -3
- package/esm/MobileDropdownMenu/MobileDropdownInput.js +45 -64
- package/esm/MobileDropdownMenu/MobileDropdownMenu.js +70 -59
- package/esm/MobileDropdownMenu/index.js +2 -7
- package/esm/MobileEmtpyState/MobileEmptyState.js +27 -29
- package/esm/MobileEmtpyState/index.js +2 -8
- package/esm/MobileFilterbar/Filterbar.js +30 -38
- package/esm/MobileFilterbar/FilterbarItem.js +24 -20
- package/esm/MobileFilterbar/FilterbarSort.js +32 -27
- package/esm/MobileFilterbar/index.js +3 -19
- package/esm/MobileFooter/Action.js +48 -40
- package/esm/MobileFooter/Footer.js +43 -31
- package/esm/MobileFooter/Text.js +20 -19
- package/esm/MobileFooter/index.js +3 -13
- package/esm/MobileListItem/MobileListItem.js +41 -47
- package/esm/MobileListItem/index.js +1 -3
- package/esm/MobilePageHeader/MobilePageHeader.js +103 -114
- package/esm/MobilePageHeader/index.js +1 -3
- package/esm/MobileSelectList/MobileSelectList.js +119 -112
- package/esm/MobileSelectList/index.js +1 -3
- package/esm/MobileSelectList/styled.js +35 -47
- package/esm/MobileSeparator/Separator.js +51 -27
- package/esm/MobileSeparator/index.js +2 -8
- package/esm/MobileTimePicker/Input.js +27 -44
- package/esm/MobileTimePicker/MobileTimePicker.js +76 -41
- package/esm/MobileTimePicker/MobileTimePicker.stories.js +26 -0
- package/esm/MobileTimePicker/index.js +1 -3
- package/esm/MobileTouchable/MobileTouchable.js +43 -36
- package/esm/MobileTouchable/index.js +1 -3
- package/esm/Modal/Modal.js +110 -98
- package/esm/Modal/index.js +1 -7
- package/esm/Modal/styled.js +27 -65
- package/esm/PageFilter/PageFilter.js +64 -83
- package/esm/PageForm/PageForm.js +40 -34
- package/esm/PageList/PageList.js +28 -31
- package/esm/PageList/index.js +1 -3
- package/esm/PageSearch/PageSearch.js +32 -43
- package/esm/PageSummary/PageSummary.js +47 -38
- package/esm/PageSummary/Tags.js +26 -37
- package/esm/SideNav/SideNav.js +95 -48
- package/esm/SideNav/index.js +1 -7
- package/esm/SideNav/styles.js +27 -99
- package/esm/SwipeToRefresh/ProgressIndicator.js +19 -21
- package/esm/SwipeToRefresh/ProgressLoader.js +46 -46
- package/esm/SwipeToRefresh/SwipeToRefresh.js +53 -36
- package/esm/SwipeToRefresh/styled.js +17 -28
- package/esm/SwipeToRefresh/useSwipe.js +34 -19
- package/esm/Tabs/index.js +41 -20
- package/esm/Tabs/propTypes.js +19 -20
- package/esm/index.js +44 -75
- package/package.json +15 -15
- package/cjs/Accordion/Accordion.js.map +0 -7
- package/cjs/Accordion/index.js.map +0 -7
- package/cjs/Accordion/propTypes.js.map +0 -7
- package/cjs/CategoryBox/CategoryBox.js.map +0 -7
- package/cjs/CategoryBox/index.js.map +0 -7
- package/cjs/CollectionBox/CollectionBox.js.map +0 -7
- package/cjs/CollectionBox/index.js.map +0 -7
- package/cjs/FullPageContainer/FullPageContainer.js.map +0 -7
- package/cjs/FullPageContainer/FullPageContainerScroll.js.map +0 -7
- package/cjs/FullPageContainer/index.js.map +0 -7
- package/cjs/FullPageContainer/useMobileHeight.js.map +0 -7
- package/cjs/GlobalHeader/MobileGlobalHeader.js.map +0 -7
- package/cjs/GlobalHeader/index.js.map +0 -7
- package/cjs/GlobalHeader/styles.js.map +0 -7
- package/cjs/GroupBox/GroupBox.js.map +0 -7
- package/cjs/GroupBox/index.js.map +0 -7
- package/cjs/Icons/EM_logo.js.map +0 -7
- package/cjs/InfiniteLoader/Infiniteloader.js.map +0 -7
- package/cjs/InfiniteLoader/Loader.js.map +0 -7
- package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js.map +0 -7
- package/cjs/InfiniteLoader/index.js.map +0 -7
- package/cjs/InfiniteLoader/styled.js.map +0 -7
- package/cjs/LoadingPage/Page.js.map +0 -7
- package/cjs/LoadingPage/index.js.map +0 -7
- package/cjs/MobileActionToolbar/MobileActionToolbar.js.map +0 -7
- package/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map +0 -7
- package/cjs/MobileActionToolbar/index.js.map +0 -7
- package/cjs/MobileBanner/MobileBanner.js.map +0 -7
- package/cjs/MobileBanner/defaultProps.js.map +0 -7
- package/cjs/MobileBanner/index.d.js.map +0 -7
- package/cjs/MobileBanner/index.js.map +0 -7
- package/cjs/MobileBanner/propTypes.js.map +0 -7
- package/cjs/MobileBanner/styles.js.map +0 -7
- package/cjs/MobileBanner/utils/bannerTypes.js.map +0 -7
- package/cjs/MobileBanner/utils/icons.js.map +0 -7
- package/cjs/MobileBanner/utils/styleHelpers.js.map +0 -7
- package/cjs/MobileCard/ActionAddon.js.map +0 -7
- package/cjs/MobileCard/Card.js.map +0 -7
- package/cjs/MobileCard/CardIcons.js.map +0 -7
- package/cjs/MobileCard/ExpandChevron.js.map +0 -7
- package/cjs/MobileCard/ExpandableRegion.js.map +0 -7
- package/cjs/MobileCard/Group.js.map +0 -7
- package/cjs/MobileCard/StyledCard.js.map +0 -7
- package/cjs/MobileCard/index.js.map +0 -7
- package/cjs/MobileCard/props.js.map +0 -7
- package/cjs/MobileCard/useHeight.js.map +0 -7
- package/cjs/MobileContextMenu/MobileContextMenu.js.map +0 -7
- package/cjs/MobileContextMenu/MobileContextMenuGroup.js.map +0 -7
- package/cjs/MobileContextMenu/MobileContextMenuItem.js.map +0 -7
- package/cjs/MobileContextMenu/index.js.map +0 -7
- package/cjs/MobileDatePicker/Input.js.map +0 -7
- package/cjs/MobileDatePicker/MobileDatePicker.js.map +0 -7
- package/cjs/MobileDatePicker/index.js.map +0 -7
- package/cjs/MobileDropdownMenu/MobileDropdownInput.js.map +0 -7
- package/cjs/MobileDropdownMenu/MobileDropdownMenu.js.map +0 -7
- package/cjs/MobileDropdownMenu/index.js.map +0 -7
- package/cjs/MobileEmtpyState/MobileEmptyState.js.map +0 -7
- package/cjs/MobileEmtpyState/index.js.map +0 -7
- package/cjs/MobileFilterbar/Filterbar.js.map +0 -7
- package/cjs/MobileFilterbar/FilterbarItem.js.map +0 -7
- package/cjs/MobileFilterbar/FilterbarSort.js.map +0 -7
- package/cjs/MobileFilterbar/index.js.map +0 -7
- package/cjs/MobileFooter/Action.js.map +0 -7
- package/cjs/MobileFooter/Footer.js.map +0 -7
- package/cjs/MobileFooter/Text.js.map +0 -7
- package/cjs/MobileFooter/index.js.map +0 -7
- package/cjs/MobileListItem/MobileListItem.js.map +0 -7
- package/cjs/MobileListItem/index.js.map +0 -7
- package/cjs/MobilePageHeader/MobilePageHeader.js.map +0 -7
- package/cjs/MobilePageHeader/index.js.map +0 -7
- package/cjs/MobileSelectList/MobileSelectList.js.map +0 -7
- package/cjs/MobileSelectList/index.js.map +0 -7
- package/cjs/MobileSelectList/styled.js.map +0 -7
- package/cjs/MobileSeparator/Separator.js.map +0 -7
- package/cjs/MobileSeparator/index.js.map +0 -7
- package/cjs/MobileTimePicker/Input.js.map +0 -7
- package/cjs/MobileTimePicker/MobileTimePicker.js.map +0 -7
- package/cjs/MobileTimePicker/index.js.map +0 -7
- package/cjs/MobileTouchable/MobileTouchable.js.map +0 -7
- package/cjs/MobileTouchable/index.js.map +0 -7
- package/cjs/Modal/Modal.js.map +0 -7
- package/cjs/Modal/index.js.map +0 -7
- package/cjs/Modal/styled.js.map +0 -7
- package/cjs/PageFilter/PageFilter.js.map +0 -7
- package/cjs/PageForm/PageForm.js.map +0 -7
- package/cjs/PageList/PageList.js.map +0 -7
- package/cjs/PageList/index.js.map +0 -7
- package/cjs/PageSearch/PageSearch.js.map +0 -7
- package/cjs/PageSummary/PageSummary.js.map +0 -7
- package/cjs/PageSummary/Tags.js.map +0 -7
- package/cjs/SideNav/SideNav.js.map +0 -7
- package/cjs/SideNav/index.js.map +0 -7
- package/cjs/SideNav/styles.js.map +0 -7
- package/cjs/SwipeToRefresh/ProgressIndicator.js.map +0 -7
- package/cjs/SwipeToRefresh/ProgressLoader.js.map +0 -7
- package/cjs/SwipeToRefresh/SwipeToRefresh.js.map +0 -7
- package/cjs/SwipeToRefresh/styled.js.map +0 -7
- package/cjs/SwipeToRefresh/useSwipe.js.map +0 -7
- package/cjs/Tabs/index.js.map +0 -7
- package/cjs/Tabs/propTypes.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/esm/Accordion/Accordion.js.map +0 -7
- package/esm/Accordion/index.js.map +0 -7
- package/esm/Accordion/propTypes.js.map +0 -7
- package/esm/CategoryBox/CategoryBox.js.map +0 -7
- package/esm/CategoryBox/index.js.map +0 -7
- package/esm/CollectionBox/CollectionBox.js.map +0 -7
- package/esm/CollectionBox/index.js.map +0 -7
- package/esm/FullPageContainer/FullPageContainer.js.map +0 -7
- package/esm/FullPageContainer/FullPageContainerScroll.js.map +0 -7
- package/esm/FullPageContainer/index.js.map +0 -7
- package/esm/FullPageContainer/useMobileHeight.js.map +0 -7
- package/esm/GlobalHeader/MobileGlobalHeader.js.map +0 -7
- package/esm/GlobalHeader/index.js.map +0 -7
- package/esm/GlobalHeader/styles.js.map +0 -7
- package/esm/GroupBox/GroupBox.js.map +0 -7
- package/esm/GroupBox/index.js.map +0 -7
- package/esm/Icons/EM_logo.js.map +0 -7
- package/esm/InfiniteLoader/Infiniteloader.js.map +0 -7
- package/esm/InfiniteLoader/Loader.js.map +0 -7
- package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js.map +0 -7
- package/esm/InfiniteLoader/index.js.map +0 -7
- package/esm/InfiniteLoader/styled.js.map +0 -7
- package/esm/LoadingPage/Page.js.map +0 -7
- package/esm/LoadingPage/index.js.map +0 -7
- package/esm/MobileActionToolbar/MobileActionToolbar.js.map +0 -7
- package/esm/MobileActionToolbar/MobileActionToolbarItem.js.map +0 -7
- package/esm/MobileActionToolbar/index.js.map +0 -7
- package/esm/MobileBanner/MobileBanner.js.map +0 -7
- package/esm/MobileBanner/defaultProps.js.map +0 -7
- package/esm/MobileBanner/index.d.js.map +0 -7
- package/esm/MobileBanner/index.js.map +0 -7
- package/esm/MobileBanner/propTypes.js.map +0 -7
- package/esm/MobileBanner/styles.js.map +0 -7
- package/esm/MobileBanner/utils/bannerTypes.js.map +0 -7
- package/esm/MobileBanner/utils/icons.js.map +0 -7
- package/esm/MobileBanner/utils/styleHelpers.js.map +0 -7
- package/esm/MobileCard/ActionAddon.js.map +0 -7
- package/esm/MobileCard/Card.js.map +0 -7
- package/esm/MobileCard/CardIcons.js.map +0 -7
- package/esm/MobileCard/ExpandChevron.js.map +0 -7
- package/esm/MobileCard/ExpandableRegion.js.map +0 -7
- package/esm/MobileCard/Group.js.map +0 -7
- package/esm/MobileCard/StyledCard.js.map +0 -7
- package/esm/MobileCard/index.js.map +0 -7
- package/esm/MobileCard/props.js.map +0 -7
- package/esm/MobileCard/useHeight.js.map +0 -7
- package/esm/MobileContextMenu/MobileContextMenu.js.map +0 -7
- package/esm/MobileContextMenu/MobileContextMenuGroup.js.map +0 -7
- package/esm/MobileContextMenu/MobileContextMenuItem.js.map +0 -7
- package/esm/MobileContextMenu/index.js.map +0 -7
- package/esm/MobileDatePicker/Input.js.map +0 -7
- package/esm/MobileDatePicker/MobileDatePicker.js.map +0 -7
- package/esm/MobileDatePicker/index.js.map +0 -7
- package/esm/MobileDropdownMenu/MobileDropdownInput.js.map +0 -7
- package/esm/MobileDropdownMenu/MobileDropdownMenu.js.map +0 -7
- package/esm/MobileDropdownMenu/index.js.map +0 -7
- package/esm/MobileEmtpyState/MobileEmptyState.js.map +0 -7
- package/esm/MobileEmtpyState/index.js.map +0 -7
- package/esm/MobileFilterbar/Filterbar.js.map +0 -7
- package/esm/MobileFilterbar/FilterbarItem.js.map +0 -7
- package/esm/MobileFilterbar/FilterbarSort.js.map +0 -7
- package/esm/MobileFilterbar/index.js.map +0 -7
- package/esm/MobileFooter/Action.js.map +0 -7
- package/esm/MobileFooter/Footer.js.map +0 -7
- package/esm/MobileFooter/Text.js.map +0 -7
- package/esm/MobileFooter/index.js.map +0 -7
- package/esm/MobileListItem/MobileListItem.js.map +0 -7
- package/esm/MobileListItem/index.js.map +0 -7
- package/esm/MobilePageHeader/MobilePageHeader.js.map +0 -7
- package/esm/MobilePageHeader/index.js.map +0 -7
- package/esm/MobileSelectList/MobileSelectList.js.map +0 -7
- package/esm/MobileSelectList/index.js.map +0 -7
- package/esm/MobileSelectList/styled.js.map +0 -7
- package/esm/MobileSeparator/Separator.js.map +0 -7
- package/esm/MobileSeparator/index.js.map +0 -7
- package/esm/MobileTimePicker/Input.js.map +0 -7
- package/esm/MobileTimePicker/MobileTimePicker.js.map +0 -7
- package/esm/MobileTimePicker/index.js.map +0 -7
- package/esm/MobileTouchable/MobileTouchable.js.map +0 -7
- package/esm/MobileTouchable/index.js.map +0 -7
- package/esm/Modal/Modal.js.map +0 -7
- package/esm/Modal/index.js.map +0 -7
- package/esm/Modal/styled.js.map +0 -7
- package/esm/PageFilter/PageFilter.js.map +0 -7
- package/esm/PageForm/PageForm.js.map +0 -7
- package/esm/PageList/PageList.js.map +0 -7
- package/esm/PageList/index.js.map +0 -7
- package/esm/PageSearch/PageSearch.js.map +0 -7
- package/esm/PageSummary/PageSummary.js.map +0 -7
- package/esm/PageSummary/Tags.js.map +0 -7
- package/esm/SideNav/SideNav.js.map +0 -7
- package/esm/SideNav/index.js.map +0 -7
- package/esm/SideNav/styles.js.map +0 -7
- package/esm/SwipeToRefresh/ProgressIndicator.js.map +0 -7
- package/esm/SwipeToRefresh/ProgressLoader.js.map +0 -7
- package/esm/SwipeToRefresh/SwipeToRefresh.js.map +0 -7
- package/esm/SwipeToRefresh/styled.js.map +0 -7
- package/esm/SwipeToRefresh/useSwipe.js.map +0 -7
- package/esm/Tabs/index.js.map +0 -7
- package/esm/Tabs/propTypes.js.map +0 -7
- package/esm/index.js.map +0 -7
|
@@ -1,48 +1,65 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { PropTypes, describe } from
|
|
4
|
-
import { DSCircularProgressIndicator } from
|
|
5
|
-
import { useTheme } from
|
|
6
|
-
import { useSwipe } from
|
|
7
|
-
import { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from
|
|
8
|
-
import { ProgressIndicator } from
|
|
9
|
-
|
|
1
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import 'react';
|
|
3
|
+
import { PropTypes, describe } from 'react-desc';
|
|
4
|
+
import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';
|
|
5
|
+
import { useTheme } from '@elliemae/ds-system';
|
|
6
|
+
import { useSwipe } from './useSwipe.js';
|
|
7
|
+
import { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled.js';
|
|
8
|
+
import { ProgressIndicator } from './ProgressIndicator.js';
|
|
9
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
|
+
|
|
11
|
+
var _DSCircularProgressIn;
|
|
12
|
+
|
|
13
|
+
const SwipeToRefresh = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
children,
|
|
16
|
+
loading,
|
|
17
|
+
onRefresh
|
|
18
|
+
} = _ref;
|
|
10
19
|
const breakpoint = 60;
|
|
11
20
|
const theme = useTheme();
|
|
12
|
-
const swipe = useSwipe({
|
|
21
|
+
const swipe = useSwipe({
|
|
22
|
+
onRefresh,
|
|
23
|
+
breakpoint
|
|
24
|
+
});
|
|
13
25
|
const progress = swipe.height > breakpoint ? 100 : swipe.height * 100 / breakpoint;
|
|
14
|
-
return
|
|
26
|
+
return /*#__PURE__*/_jsx(SwipeContainer, {}, void 0, /*#__PURE__*/jsxs(SwipeDrag, {
|
|
15
27
|
onTouchStart: swipe.touchStart,
|
|
16
28
|
onTouchEnd: swipe.touchEnd,
|
|
17
29
|
onTouchCancel: swipe.touchCancel,
|
|
18
30
|
onTouchMove: swipe.touchMove,
|
|
19
|
-
ref: swipe.ref
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
ref: swipe.ref,
|
|
32
|
+
children: [/*#__PURE__*/_jsx(LoaderBox, {
|
|
33
|
+
height: loading ? theme.space.m : "".concat(swipe.height, "px"),
|
|
34
|
+
alignItems: "flex-start",
|
|
35
|
+
"data-testid": "loader-box"
|
|
36
|
+
}, void 0, /*#__PURE__*/_jsx(PositionLoader, {
|
|
37
|
+
height: theme.space.m,
|
|
38
|
+
justifyContent: "center",
|
|
39
|
+
alignItems: "center",
|
|
40
|
+
mt: swipe.height > 40 || loading ? 0 : "".concat(swipe.height - 40, "px")
|
|
41
|
+
}, void 0, loading ? _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx(DSCircularProgressIndicator, {})) : /*#__PURE__*/_jsx(ProgressIndicator, {
|
|
42
|
+
progress: progress
|
|
43
|
+
}))), /*#__PURE__*/jsx("div", {
|
|
44
|
+
ref: swipe.target,
|
|
45
|
+
style: {
|
|
46
|
+
height: 1
|
|
47
|
+
}
|
|
48
|
+
}), children]
|
|
49
|
+
}));
|
|
35
50
|
};
|
|
51
|
+
|
|
36
52
|
const props = {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
53
|
+
/** component inside swipe to refresh container */
|
|
54
|
+
children: PropTypes.element.isRequired.description('component inside swipe to refresh container'),
|
|
55
|
+
|
|
56
|
+
/** toggle loading state for swipe */
|
|
57
|
+
loading: PropTypes.bool.description('toggle loading state for swipe'),
|
|
58
|
+
|
|
59
|
+
/** callback on refresh swipe */
|
|
60
|
+
onRefresh: PropTypes.func.description('callback on refresh swipe')
|
|
40
61
|
};
|
|
41
|
-
SwipeToRefresh.propTypes = props;
|
|
42
62
|
const SwipeToRefreshWithSchema = describe(SwipeToRefresh);
|
|
43
63
|
SwipeToRefreshWithSchema.propTypes = props;
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
SwipeToRefreshWithSchema
|
|
47
|
-
};
|
|
48
|
-
//# sourceMappingURL=SwipeToRefresh.js.map
|
|
64
|
+
|
|
65
|
+
export { SwipeToRefresh, SwipeToRefreshWithSchema };
|
|
@@ -1,28 +1,17 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
const SwipeContainer = styled(Grid)
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
`;
|
|
19
|
-
const PositionLoader = styled(Grid)`
|
|
20
|
-
transition: margin 0.2s;
|
|
21
|
-
`;
|
|
22
|
-
export {
|
|
23
|
-
LoaderBox,
|
|
24
|
-
PositionLoader,
|
|
25
|
-
SwipeContainer,
|
|
26
|
-
SwipeDrag
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=styled.js.map
|
|
1
|
+
import { Grid } from '@elliemae/ds-grid';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
|
|
4
|
+
const SwipeContainer = /*#__PURE__*/styled(Grid).withConfig({
|
|
5
|
+
componentId: "sc-pbpd8a-0"
|
|
6
|
+
})(["transition:height 0.2s;overscroll-behavior:none;height:100%;"]);
|
|
7
|
+
const SwipeDrag = /*#__PURE__*/styled.div.withConfig({
|
|
8
|
+
componentId: "sc-pbpd8a-1"
|
|
9
|
+
})(["border:none;overscroll-behavior:none;overflow:auto;max-height:100%;"]);
|
|
10
|
+
const LoaderBox = /*#__PURE__*/styled(Grid).withConfig({
|
|
11
|
+
componentId: "sc-pbpd8a-2"
|
|
12
|
+
})(["transition:height 0.2s;overflow:hidden;"]);
|
|
13
|
+
const PositionLoader = /*#__PURE__*/styled(Grid).withConfig({
|
|
14
|
+
componentId: "sc-pbpd8a-3"
|
|
15
|
+
})(["transition:margin 0.2s;"]);
|
|
16
|
+
|
|
17
|
+
export { LoaderBox, PositionLoader, SwipeContainer, SwipeDrag };
|
|
@@ -1,52 +1,69 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useState, useRef } from
|
|
3
|
-
|
|
1
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
|
+
import { useState, useRef } from 'react';
|
|
3
|
+
|
|
4
|
+
const useSwipe = _ref => {
|
|
5
|
+
let {
|
|
6
|
+
onRefresh,
|
|
7
|
+
breakpoint
|
|
8
|
+
} = _ref;
|
|
4
9
|
const [startingPoint, setStartingPoint] = useState(0);
|
|
5
10
|
const [movingPoint, setMovingPoint] = useState(0);
|
|
6
11
|
const ref = useRef();
|
|
7
12
|
const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;
|
|
8
13
|
const [allowRefresh, setAllowRefresh] = useState(false);
|
|
9
|
-
|
|
10
|
-
|
|
14
|
+
|
|
15
|
+
const callback = entries => {
|
|
16
|
+
const {
|
|
17
|
+
isIntersecting
|
|
18
|
+
} = entries[0];
|
|
19
|
+
|
|
11
20
|
if (isIntersecting) {
|
|
12
21
|
setAllowRefresh(true);
|
|
13
22
|
} else {
|
|
14
23
|
setAllowRefresh(false);
|
|
15
24
|
}
|
|
16
25
|
};
|
|
26
|
+
|
|
17
27
|
const target = useRef(null);
|
|
18
28
|
const observer = useRef(null);
|
|
29
|
+
|
|
19
30
|
if (observer.current) {
|
|
20
31
|
observer.current.disconnect();
|
|
21
32
|
}
|
|
33
|
+
|
|
22
34
|
observer.current = new IntersectionObserver(callback, {
|
|
23
35
|
root: null,
|
|
24
|
-
rootMargin:
|
|
36
|
+
rootMargin: '0px',
|
|
25
37
|
threshold: 0.25
|
|
26
38
|
});
|
|
39
|
+
|
|
27
40
|
if (target.current) {
|
|
28
41
|
observer.current.observe(target.current);
|
|
29
42
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
43
|
+
|
|
44
|
+
const touchStart = e => {
|
|
45
|
+
const {
|
|
46
|
+
scrollTop
|
|
47
|
+
} = ref.current;
|
|
48
|
+
if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);
|
|
34
49
|
};
|
|
50
|
+
|
|
35
51
|
const touchEnd = () => {
|
|
36
|
-
if (height > breakpoint && allowRefresh && onRefresh)
|
|
37
|
-
onRefresh();
|
|
52
|
+
if (height > breakpoint && allowRefresh && onRefresh) onRefresh();
|
|
38
53
|
setStartingPoint(0);
|
|
39
54
|
setMovingPoint(0);
|
|
40
55
|
};
|
|
56
|
+
|
|
41
57
|
const touchCancel = () => {
|
|
42
|
-
if (height > breakpoint && onRefresh)
|
|
43
|
-
onRefresh();
|
|
58
|
+
if (height > breakpoint && onRefresh) onRefresh();
|
|
44
59
|
setStartingPoint(0);
|
|
45
60
|
setMovingPoint(0);
|
|
46
61
|
};
|
|
47
|
-
|
|
62
|
+
|
|
63
|
+
const touchMove = e => {
|
|
48
64
|
setMovingPoint(e.touches[0].clientY);
|
|
49
65
|
};
|
|
66
|
+
|
|
50
67
|
return {
|
|
51
68
|
height,
|
|
52
69
|
touchStart,
|
|
@@ -57,7 +74,5 @@ const useSwipe = ({ onRefresh, breakpoint }) => {
|
|
|
57
74
|
target
|
|
58
75
|
};
|
|
59
76
|
};
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
};
|
|
63
|
-
//# sourceMappingURL=useSwipe.js.map
|
|
77
|
+
|
|
78
|
+
export { useSwipe };
|
package/esm/Tabs/index.js
CHANGED
|
@@ -1,24 +1,45 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
|
+
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
7
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
8
|
+
import { describe } from 'react-desc';
|
|
9
|
+
import { DSTabs, DSTab } from '@elliemae/ds-tabs';
|
|
10
|
+
import { MobileTabsPropTypes, MobileTabPropTypes } from './propTypes.js';
|
|
11
|
+
import { jsx } from 'react/jsx-runtime';
|
|
12
|
+
|
|
13
|
+
const _excluded = ["children"],
|
|
14
|
+
_excluded2 = ["children"];
|
|
15
|
+
|
|
16
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
const DSMobileTabs = _ref => {
|
|
20
|
+
let {
|
|
21
|
+
children
|
|
22
|
+
} = _ref,
|
|
23
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
+
|
|
25
|
+
return /*#__PURE__*/jsx(DSTabs, _objectSpread(_objectSpread({}, props), {}, {
|
|
26
|
+
isDSMobile: true,
|
|
27
|
+
children: children
|
|
28
|
+
}));
|
|
29
|
+
};
|
|
30
|
+
const DSMobileTab = _ref2 => {
|
|
31
|
+
let {
|
|
32
|
+
children
|
|
33
|
+
} = _ref2,
|
|
34
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
35
|
+
|
|
36
|
+
return /*#__PURE__*/jsx(DSTab, _objectSpread(_objectSpread({}, props), {}, {
|
|
37
|
+
children: children
|
|
38
|
+
}));
|
|
39
|
+
};
|
|
13
40
|
const DSMobileTabsWithSchema = describe(DSMobileTabs);
|
|
14
41
|
DSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;
|
|
15
|
-
DSMobileTab.propTypes = MobileTabPropTypes;
|
|
16
42
|
const DSMobileTabWithSchema = describe(DSMobileTab);
|
|
17
43
|
DSMobileTabWithSchema.propTypes = MobileTabPropTypes;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
DSMobileTabWithSchema,
|
|
21
|
-
DSMobileTabs,
|
|
22
|
-
DSMobileTabsWithSchema
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=index.js.map
|
|
44
|
+
|
|
45
|
+
export { DSMobileTab, DSMobileTabWithSchema, DSMobileTabs, DSMobileTabsWithSchema };
|
package/esm/Tabs/propTypes.js
CHANGED
|
@@ -1,24 +1,23 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import { PropTypes } from 'react-desc';
|
|
2
|
+
|
|
3
3
|
const MobileTabPropTypes = {
|
|
4
|
-
tabId: PropTypes.string.description(
|
|
5
|
-
title: PropTypes.string.description(
|
|
6
|
-
required: PropTypes.bool.description(
|
|
7
|
-
disabled: PropTypes.bool.description(
|
|
4
|
+
tabId: PropTypes.string.description('Unique Tab id.').defaultValue(''),
|
|
5
|
+
title: PropTypes.string.description('Tab title.').defaultValue(''),
|
|
6
|
+
required: PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),
|
|
7
|
+
disabled: PropTypes.bool.description('Disables Tab.').defaultValue(false)
|
|
8
8
|
};
|
|
9
9
|
const MobileTabsPropTypes = {
|
|
10
|
-
onTabChange: PropTypes.func.description(
|
|
11
|
-
tabBarExtraContent: PropTypes.element.description(
|
|
12
|
-
onlyRenderActiveTab: PropTypes.bool.description(
|
|
13
|
-
fixedTabsHeaders: PropTypes.bool.description(
|
|
14
|
-
activeTab: PropTypes.string.description(
|
|
15
|
-
children: PropTypes.node.description(
|
|
16
|
-
tabsListAriaLabel: PropTypes.string.description(
|
|
17
|
-
containerProps: PropTypes.object.description(
|
|
18
|
-
innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
10
|
+
onTabChange: PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),
|
|
11
|
+
tabBarExtraContent: PropTypes.element.description('Extra content next to the Tabs Bar.').defaultValue(undefined),
|
|
12
|
+
onlyRenderActiveTab: PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),
|
|
13
|
+
fixedTabsHeaders: PropTypes.bool.description('Enables fixed Tabs mode. Makes Tab Bar non scrollable and adds equal fixed widths.').defaultValue(false),
|
|
14
|
+
activeTab: PropTypes.string.description('Passing a value makes DSTabs a controlled component.').defaultValue('First DSTab children.'),
|
|
15
|
+
children: PropTypes.node.description('Use DSTab component as children.').isRequired,
|
|
16
|
+
tabsListAriaLabel: PropTypes.string.description('Aria label for the Tab list.').defaultValue('Tab list.'),
|
|
17
|
+
containerProps: PropTypes.object.description('Additional properties for the container.').defaultValue({}),
|
|
18
|
+
innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
19
|
+
current: PropTypes.any
|
|
20
|
+
})]).description('Ref to the container.').defaultValue(undefined)
|
|
19
21
|
};
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
MobileTabsPropTypes
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=propTypes.js.map
|
|
22
|
+
|
|
23
|
+
export { MobileTabPropTypes, MobileTabsPropTypes };
|
package/esm/index.js
CHANGED
|
@@ -1,75 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
} from
|
|
14
|
-
export
|
|
15
|
-
export
|
|
16
|
-
export
|
|
17
|
-
export
|
|
18
|
-
export
|
|
19
|
-
export
|
|
20
|
-
export
|
|
21
|
-
export
|
|
22
|
-
export
|
|
23
|
-
export
|
|
24
|
-
export
|
|
25
|
-
export
|
|
26
|
-
export
|
|
27
|
-
export
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
export
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
} from
|
|
42
|
-
export
|
|
43
|
-
export
|
|
44
|
-
|
|
45
|
-
export * from "./MobileSeparator";
|
|
46
|
-
import { default as default3 } from "./MobileSeparator";
|
|
47
|
-
export {
|
|
48
|
-
DSCategoryBox,
|
|
49
|
-
DSCategoryBoxWithSchema,
|
|
50
|
-
DSCollectionBox,
|
|
51
|
-
DSCollectionBoxWithSchema,
|
|
52
|
-
DSGlobalHeader,
|
|
53
|
-
DSGlobalHeaderWithSchema,
|
|
54
|
-
DSGroupBox,
|
|
55
|
-
DSGroupBoxWithSchema,
|
|
56
|
-
DSMobileAccordion,
|
|
57
|
-
DSMobileAccordionItem,
|
|
58
|
-
DSMobileAccordionItemWithSchema,
|
|
59
|
-
DSMobileAccordionWithSchema,
|
|
60
|
-
default2 as DSMobileActionToolbar,
|
|
61
|
-
DSMobileCard,
|
|
62
|
-
DSMobileCardGroupWithSchema,
|
|
63
|
-
DSMobileCardWithSchema,
|
|
64
|
-
default3 as DSMobileSeparator,
|
|
65
|
-
DSSideNav,
|
|
66
|
-
DSSideNavWithSchema,
|
|
67
|
-
InfiniteLoader,
|
|
68
|
-
InfiniteLoaderWithSchema,
|
|
69
|
-
SubIcons,
|
|
70
|
-
SwipeToRefresh,
|
|
71
|
-
SwipeToRefreshWithSchema,
|
|
72
|
-
VirtualizedInfiniteLoader,
|
|
73
|
-
VirtualizedInfiniteLoaderWithSchema
|
|
74
|
-
};
|
|
75
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export { DSMobilePageList, DSPageList } from './PageList/PageList.js';
|
|
2
|
+
export { DSPageFilter } from './PageFilter/PageFilter.js';
|
|
3
|
+
export { DSMobilePageForm, DSPageForm } from './PageForm/PageForm.js';
|
|
4
|
+
export { DSPageSummary } from './PageSummary/PageSummary.js';
|
|
5
|
+
export { DSMobileLoadingPage } from './LoadingPage/Page.js';
|
|
6
|
+
export { DSMobilePageSearch, DSPageSearch } from './PageSearch/PageSearch.js';
|
|
7
|
+
export { DSMobileAccordion, DSMobileAccordionItem, DSMobileAccordionItemWithSchema, DSMobileAccordionWithSchema } from './Accordion/Accordion.js';
|
|
8
|
+
export { default as DSMobileSeparator, MobileSeparatorWithSchema } from './MobileSeparator/Separator.js';
|
|
9
|
+
export { DSMobileListItem, ListItemWithSchema } from './MobileListItem/MobileListItem.js';
|
|
10
|
+
export { DSMobileTouchable } from './MobileTouchable/MobileTouchable.js';
|
|
11
|
+
export { DSMobileContextMenu, DSMobileContextMenuWithSchema } from './MobileContextMenu/MobileContextMenu.js';
|
|
12
|
+
export { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema } from './MobileContextMenu/MobileContextMenuItem.js';
|
|
13
|
+
export { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema } from './MobileContextMenu/MobileContextMenuGroup.js';
|
|
14
|
+
export { DSMobileFilterbar, FilterbarWithSchema } from './MobileFilterbar/Filterbar.js';
|
|
15
|
+
export { DSMobileFilterbarSort, FilterbarSortWithSchema } from './MobileFilterbar/FilterbarSort.js';
|
|
16
|
+
export { DSMobileFilterbarItem, FilterbarItemWithSchema } from './MobileFilterbar/FilterbarItem.js';
|
|
17
|
+
export { default as DSMobileActionToolbar, DSMobileActionToolbarWithSchema } from './MobileActionToolbar/MobileActionToolbar.js';
|
|
18
|
+
export { DSToolbarItemWithSchema, default as ToolbarItem } from './MobileActionToolbar/MobileActionToolbarItem.js';
|
|
19
|
+
export { default as DSMobileFooter, MobileFooterWithSchema } from './MobileFooter/Footer.js';
|
|
20
|
+
export { DSMobileFooterText, DSMobileFooterTextWithSchema } from './MobileFooter/Text.js';
|
|
21
|
+
export { DSMobileFooterAction, DSMobileFooterActionWithSchema } from './MobileFooter/Action.js';
|
|
22
|
+
export { DSMobilePageHeader, PageHeaderWithSchema } from './MobilePageHeader/MobilePageHeader.js';
|
|
23
|
+
export { DSMobileSelectList } from './MobileSelectList/MobileSelectList.js';
|
|
24
|
+
export { DSMobileDatePicker, DSMobileDatePickerWithSchema } from './MobileDatePicker/MobileDatePicker.js';
|
|
25
|
+
export { DSMobileTimePicker, DSMobileTimePickerWithSchema } from './MobileTimePicker/MobileTimePicker.js';
|
|
26
|
+
export { DSMobileEmptyState, DSMobileEmptyStateWithSchema } from './MobileEmtpyState/MobileEmptyState.js';
|
|
27
|
+
export { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema } from './MobileDropdownMenu/MobileDropdownMenu.js';
|
|
28
|
+
export { DSMobileDropdownTriggerInput } from './MobileDropdownMenu/MobileDropdownInput.js';
|
|
29
|
+
export { DSMobileTab, DSMobileTabWithSchema, DSMobileTabs, DSMobileTabsWithSchema } from './Tabs/index.js';
|
|
30
|
+
export { DSMobileCard } from './MobileCard/index.js';
|
|
31
|
+
export { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox/CollectionBox.js';
|
|
32
|
+
export { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox/CategoryBox.js';
|
|
33
|
+
export { DSGroupBox, DSGroupBoxWithSchema } from './GroupBox/GroupBox.js';
|
|
34
|
+
export { SwipeToRefresh, SwipeToRefreshWithSchema } from './SwipeToRefresh/SwipeToRefresh.js';
|
|
35
|
+
export { DSGlobalHeader, DSGlobalHeaderWithSchema } from './GlobalHeader/MobileGlobalHeader.js';
|
|
36
|
+
export { Modal, ModalWithSchema } from './Modal/Modal.js';
|
|
37
|
+
export { DSSideNav, DSSideNavWithSchema } from './SideNav/SideNav.js';
|
|
38
|
+
export { InfiniteLoader, InfiniteLoaderWithSchema } from './InfiniteLoader/Infiniteloader.js';
|
|
39
|
+
export { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema } from './InfiniteLoader/VirtualizedInfiniteLoader.js';
|
|
40
|
+
export { DSMobileBanner, DSMobileBannerWithSchema } from './MobileBanner/MobileBanner.js';
|
|
41
|
+
export { MOBILE_BANNER_TYPES } from './MobileBanner/utils/bannerTypes.js';
|
|
42
|
+
export { DSMobileCardWithSchema } from './MobileCard/Card.js';
|
|
43
|
+
export { DSMobileCardGroupWithSchema } from './MobileCard/Group.js';
|
|
44
|
+
export { SubIcons } from './MobileCard/CardIcons.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-mobile",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0-next.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - System",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -433,20 +433,20 @@
|
|
|
433
433
|
"generateSubmodules": true
|
|
434
434
|
},
|
|
435
435
|
"dependencies": {
|
|
436
|
-
"@elliemae/ds-accordion": "
|
|
437
|
-
"@elliemae/ds-backdrop": "
|
|
438
|
-
"@elliemae/ds-button": "
|
|
439
|
-
"@elliemae/ds-circular-progress-indicator": "
|
|
440
|
-
"@elliemae/ds-devutils": "
|
|
441
|
-
"@elliemae/ds-form": "
|
|
442
|
-
"@elliemae/ds-grid": "
|
|
443
|
-
"@elliemae/ds-icon": "
|
|
444
|
-
"@elliemae/ds-icons": "
|
|
445
|
-
"@elliemae/ds-indeterminate-progress-indicator": "
|
|
446
|
-
"@elliemae/ds-shared": "
|
|
447
|
-
"@elliemae/ds-system": "
|
|
448
|
-
"@elliemae/ds-tabs": "
|
|
449
|
-
"@elliemae/ds-truncated-expandable-text": "
|
|
436
|
+
"@elliemae/ds-accordion": "3.0.0-next.0",
|
|
437
|
+
"@elliemae/ds-backdrop": "3.0.0-next.0",
|
|
438
|
+
"@elliemae/ds-button": "3.0.0-next.0",
|
|
439
|
+
"@elliemae/ds-circular-progress-indicator": "3.0.0-next.0",
|
|
440
|
+
"@elliemae/ds-devutils": "3.0.0-next.0",
|
|
441
|
+
"@elliemae/ds-form": "3.0.0-next.0",
|
|
442
|
+
"@elliemae/ds-grid": "3.0.0-next.0",
|
|
443
|
+
"@elliemae/ds-icon": "3.0.0-next.0",
|
|
444
|
+
"@elliemae/ds-icons": "3.0.0-next.0",
|
|
445
|
+
"@elliemae/ds-indeterminate-progress-indicator": "3.0.0-next.0",
|
|
446
|
+
"@elliemae/ds-shared": "3.0.0-next.0",
|
|
447
|
+
"@elliemae/ds-system": "3.0.0-next.0",
|
|
448
|
+
"@elliemae/ds-tabs": "3.0.0-next.0",
|
|
449
|
+
"@elliemae/ds-truncated-expandable-text": "3.0.0-next.0",
|
|
450
450
|
"@xstyled/styled-components": "~3.1.1",
|
|
451
451
|
"polished": "~3.6.7",
|
|
452
452
|
"prop-types": "~15.7.2",
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Accordion/Accordion.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { describe } from 'react-desc';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport type { DSAccordionPropsT, DSAccordionItemPropsT } from '@elliemae/ds-accordion';\nimport { mobileAccordionItemPropTypes, mobileAccordionPropTypes } from './propTypes';\n\ntype DSMobileAccordionPropsT = Omit<DSAccordionPropsT, 'isDSMobile'>;\n\nexport const DSMobileAccordion = ({ children, ...props }: DSMobileAccordionPropsT) => (\n <DSAccordion {...props} isDSMobile>\n {children}\n </DSAccordion>\n);\n\nexport const DSMobileAccordionItem = ({ children, ...props }: DSAccordionItemPropsT) => (\n <DSAccordionItem {...props}>{children}</DSAccordionItem>\n);\n\nDSMobileAccordionItem.propTypes = mobileAccordionItemPropTypes as WeakValidationMap<unknown>;\nconst DSMobileAccordionItemWithSchema = describe(DSMobileAccordionItem);\nDSMobileAccordionItemWithSchema.propTypes = mobileAccordionItemPropTypes;\n\nDSMobileAccordion.propTypes = mobileAccordionPropTypes as WeakValidationMap<unknown>;\nconst DSMobileAccordionWithSchema = describe(DSMobileAccordion);\nDSMobileAccordionWithSchema.propTypes = mobileAccordionPropTypes;\n\nexport { DSMobileAccordionItemWithSchema, DSMobileAccordionWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAyB;AACzB,0BAA6C;AAE7C,uBAAuE;AAIhE,MAAM,oBAAoB,CAAC,EAAE,aAAa,YAC/C,oCAAC,iCAAD;AAAA,KAAiB;AAAA,EAAO,YAAU;AAAA,GAC/B;AAIE,MAAM,wBAAwB,CAAC,EAAE,aAAa,YACnD,oCAAC,qCAAD;AAAA,KAAqB;AAAA,GAAQ;AAG/B,sBAAsB,YAAY;AAClC,MAAM,kCAAkC,gCAAS;AACjD,gCAAgC,YAAY;AAE5C,kBAAkB,YAAY;AAC9B,MAAM,8BAA8B,gCAAS;AAC7C,4BAA4B,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Accordion/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export * from './Accordion';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,8BAAc;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Accordion/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const mobileAccordionItemPropTypes = {\n children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n title: PropTypes.string.description('Set a primary title.'),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'Dimsum AccordionItem value, this value should be unique.',\n ).isRequired,\n iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),\n iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),\n secondaryTitle: PropTypes.string.description('Set a secondary title'),\n customActions: PropTypes.arrayOf(PropTypes.object).description('Set Dimsum AccordionItem custom actions.'),\n renderCustomActions: PropTypes.func.description(\n 'This property will render any JSX in the custom actions area. You can access to all references and active values within the props.',\n ),\n};\n\nexport const mobileAccordionPropTypes = {\n containerProps: PropTypes.object.description('Adds props to the container.'),\n activeValue: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n PropTypes.string,\n PropTypes.number,\n ]).description('Selected active value. This property makes the component a controlled one.'),\n children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,+BAA+B;AAAA,EAC1C,UAAU,4BAAU,KAAK,YAAY,iCAAiC;AAAA,EACtE,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,OAAO,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SAAS,YAC/D,4DACA;AAAA,EACF,YAAY,4BAAU,KAAK,YAAY;AAAA,EACvC,YAAY,4BAAU,KAAK,YAAY;AAAA,EACvC,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAC7C,eAAe,4BAAU,QAAQ,4BAAU,QAAQ,YAAY;AAAA,EAC/D,qBAAqB,4BAAU,KAAK,YAClC;AAAA;AAIG,MAAM,2BAA2B;AAAA,EACtC,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAC7C,aAAa,4BAAU,UAAU;AAAA,IAC/B,4BAAU,QAAQ,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU;AAAA,IACnE,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA,EACf,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,mBAAmB,4BAAU,KAAK,YAAY;AAAA,EAC9C,UAAU,4BAAU,KAAK,YAAY;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/CategoryBox/CategoryBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { times } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst Title = styled.h3`\n font-size: 18px;\n margin: 0;\n color: ${(props) => props.theme.colors.neutral['700']};\n line-height: inherit;\n ${truncate()}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst CategoryBox = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['0']};\n border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {\n const rows = ['auto'];\n const hasActions = actionsRight.length > 0;\n if (hasActions) rows.push('auto');\n\n return (\n <Grid rows={['40px', 'auto']}>\n <CategoryBox\n cols={rows}\n borderTop={borderTop}\n alignItems=\"center\"\n pl=\"xs\"\n pr={actionsRight.length > 0 ? 'xxs' : 'xs'}\n >\n <Title as={`h${headerLevel}`}>{title}</Title>\n {hasActions && (\n <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n {actionsRight}\n </Grid>\n )}\n </CategoryBox>\n {children}\n </Grid>\n );\n};\n\nconst props = {\n /**\n * Category Box title\n */\n title: PropTypes.string.isRequired.description('Category Box title'),\n /**\n * Toggle border top of category box\n */\n borderTop: PropTypes.bool.description('Toggle border top of category box'),\n /**\n * Array of button icons\n */\n actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n /**\n * semantic level of header tag for the title\n */\n headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n /**\n * In-box children\n */\n children: PropTypes.element.description('In-box children'),\n};\n\nDSCategoryBox.propTypes = props;\n\nconst DSCategoryBoxWithSchema = describe(DSCategoryBox);\nDSCategoryBoxWithSchema.propTypes = props;\n\nexport { DSCategoryBox, DSCategoryBoxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAsB;AACtB,wBAAoC;AACpC,+BAAmB;AACnB,qBAAqB;AACrB,uBAAyB;AAEzB,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA,WAGV,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,IAE7C;AAAA,iBACa,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,cAAc,sCAAO;AAAA,gBACX,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,gBACtC,CAAC,WAAW,OAAM,YAAY,aAAa,OAAM,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGjG,MAAM,gBAAgB,CAAC,EAAE,YAAY,MAAM,eAAe,IAAI,OAAO,cAAc,GAAG,eAAe;AACnG,QAAM,OAAO,CAAC;AACd,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI;AAAY,SAAK,KAAK;AAE1B,SACE,mDAAC,qBAAD;AAAA,IAAM,MAAM,CAAC,QAAQ;AAAA,KACnB,mDAAC,aAAD;AAAA,IACE,MAAM;AAAA,IACN;AAAA,IACA,YAAW;AAAA,IACX,IAAG;AAAA,IACH,IAAI,aAAa,SAAS,IAAI,QAAQ;AAAA,KAEtC,mDAAC,OAAD;AAAA,IAAO,IAAI,IAAI;AAAA,KAAgB,QAC9B,cACC,mDAAC,qBAAD;AAAA,IAAM,MAAM,yBAAM,aAAa,QAAQ,MAAM;AAAA,IAAS,aAAY;AAAA,KAC/D,gBAIN;AAAA;AAKP,MAAM,QAAQ;AAAA,EAIZ,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,WAAW,4BAAU,KAAK,YAAY;AAAA,EAItC,cAAc,4BAAU,QAAQ,4BAAU,SAAS,YAAY;AAAA,EAI/D,aAAa,4BAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,YAAY;AAAA,EAI7D,UAAU,4BAAU,QAAQ,YAAY;AAAA;AAG1C,cAAc,YAAY;AAE1B,MAAM,0BAA0B,gCAAS;AACzC,wBAAwB,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/CategoryBox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAuD;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/CollectionBox/CollectionBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst CollectionBox = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['700']};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n border-top: 1px solid ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Footer = styled(Grid)`\n border-top: 1px dashed ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Body = styled(Grid)`\n min-height: 92px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nconst Header = styled.h3`\n line-height: unset;\n font-size: inherit;\n font-weight: inherit;\n margin: 0;\n ${truncate()}\n}\n`;\n\nconst ActionWrap = styled(Grid)`\n & .em-ds-button {\n padding: 0;\n min-width: unset;\n }\n`;\n\nconst DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {\n const headerCols = [];\n const footerCols = [];\n const rows = [];\n if (headerAction || title) rows.push('40px');\n rows.push('auto');\n if (footerAction) rows.push('40px');\n\n if (headerAction) headerCols.push('auto');\n if (title) headerCols.push('auto');\n\n if (footerAction) footerCols.push('auto');\n\n return (\n <CollectionBox rows={rows}>\n <Grid alignItems=\"center\" cols={headerCols}>\n {title && <Header as={`h${headerLevel}`}>{title}</Header>}\n {headerAction && <ActionWrap justifySelf=\"end\">{headerAction}</ActionWrap>}\n </Grid>\n <Body>{body}</Body>\n {footerAction && (\n <Footer alignItems=\"center\" cols={footerCols}>\n <ActionWrap justifySelf=\"end\">{footerAction}</ActionWrap>\n </Footer>\n )}\n </CollectionBox>\n );\n};\n\nconst props = {\n /**\n * body inside collection box\n */\n body: PropTypes.element.isRequired.description('body inside collection box'),\n /**\n * Collection box header\n */\n title: PropTypes.string.description('Collection box header'),\n /**\n * Collection box header action, expects a button with size s\n */\n headerAction: PropTypes.element.description('Collection box header action, expects a button with size s'),\n /**\n * Collection box footer action, expects a button with size s\n */\n footerAction: PropTypes.element.description('Collection box footer action, expects a button with size s'),\n /**\n * Semantic header tag used for the header title\n */\n headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title'),\n};\n\nDSCollectionBox.propTypes = props;\nconst DSCollectionBoxWithSchema = describe(DSCollectionBox);\nDSCollectionBoxWithSchema.propTypes = props;\n\nexport { DSCollectionBox, DSCollectionBoxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,qBAAqB;AACrB,uBAAyB;AAEzB,MAAM,gBAAgB,sCAAO;AAAA,gBACb,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,WAE3C,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA,0BAC1B,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAGhE,MAAM,SAAS,sCAAO;AAAA,2BACK,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAGjE,MAAM,OAAO,sCAAO;AAAA;AAAA,iBAEH,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,SAAS,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlB;AAAA;AAAA;AAIJ,MAAM,aAAa,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO1B,MAAM,kBAAkB,CAAC,EAAE,MAAM,OAAO,cAAc,cAAc,cAAc,QAAQ;AACxF,QAAM,aAAa;AACnB,QAAM,aAAa;AACnB,QAAM,OAAO;AACb,MAAI,gBAAgB;AAAO,SAAK,KAAK;AACrC,OAAK,KAAK;AACV,MAAI;AAAc,SAAK,KAAK;AAE5B,MAAI;AAAc,eAAW,KAAK;AAClC,MAAI;AAAO,eAAW,KAAK;AAE3B,MAAI;AAAc,eAAW,KAAK;AAElC,SACE,mDAAC,eAAD;AAAA,IAAe;AAAA,KACb,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,MAAM;AAAA,KAC7B,SAAS,mDAAC,QAAD;AAAA,IAAQ,IAAI,IAAI;AAAA,KAAgB,QACzC,gBAAgB,mDAAC,YAAD;AAAA,IAAY,aAAY;AAAA,KAAO,gBAElD,mDAAC,MAAD,MAAO,OACN,gBACC,mDAAC,QAAD;AAAA,IAAQ,YAAW;AAAA,IAAS,MAAM;AAAA,KAChC,mDAAC,YAAD;AAAA,IAAY,aAAY;AAAA,KAAO;AAAA;AAOzC,MAAM,QAAQ;AAAA,EAIZ,MAAM,4BAAU,QAAQ,WAAW,YAAY;AAAA,EAI/C,OAAO,4BAAU,OAAO,YAAY;AAAA,EAIpC,cAAc,4BAAU,QAAQ,YAAY;AAAA,EAI5C,cAAc,4BAAU,QAAQ,YAAY;AAAA,EAI5C,aAAa,4BAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,YAAY;AAAA;AAG/D,gBAAgB,YAAY;AAC5B,MAAM,4BAA4B,gCAAS;AAC3C,0BAA0B,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/CollectionBox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAA2D;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/FullPageContainer/FullPageContainer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n const height = useMobileHeight();\n return (\n <Grid height={height} width=\"100%\" {...props}>\n {children}\n </Grid>\n );\n};\n\nDSFullPageContainer.propTypes = {\n children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,qBAAqB;AACrB,6BAAgC;AAEhC,MAAM,sBAAsB,CAAC,EAAE,aAAa,YAAY;AACtD,QAAM,SAAS;AACf,SACE,mDAAC,qBAAD;AAAA,IAAM;AAAA,IAAgB,OAAM;AAAA,OAAW;AAAA,KACpC;AAAA;AAKP,oBAAoB,YAAY;AAAA,EAC9B,UAAU,0BAAU;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|