@elliemae/ds-mobile 2.2.0-alpha.4 → 3.0.0-next.2
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 +19 -22
- 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,104 +1,99 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var import_MobileDropdownInput = require("./MobileDropdownInput");
|
|
38
|
-
const DSMobileDropdownMenu = ({
|
|
39
|
-
placeholder,
|
|
40
|
-
options = [],
|
|
41
|
-
title,
|
|
42
|
-
value,
|
|
43
|
-
itemsProps = {
|
|
44
|
-
label: void 0,
|
|
45
|
-
leftProp: void 0,
|
|
46
|
-
isGroup: false,
|
|
47
|
-
isMulti: false,
|
|
48
|
-
singleSelect: false,
|
|
49
|
-
isItemSelected: () => false,
|
|
50
|
-
onClick: () => {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
9
|
+
var React = require('react');
|
|
10
|
+
var reactDesc = require('react-desc');
|
|
11
|
+
var MobileContextMenu = require('../MobileContextMenu/MobileContextMenu.js');
|
|
12
|
+
var MobileContextMenuItem = require('../MobileContextMenu/MobileContextMenuItem.js');
|
|
13
|
+
require('../MobileContextMenu/MobileContextMenuGroup.js');
|
|
14
|
+
var MobileDropdownInput = require('./MobileDropdownInput.js');
|
|
15
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
16
|
+
|
|
17
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
+
|
|
19
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
20
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
|
+
|
|
22
|
+
const DSMobileDropdownMenu = _ref => {
|
|
23
|
+
let {
|
|
24
|
+
placeholder,
|
|
25
|
+
options = [],
|
|
26
|
+
title,
|
|
27
|
+
value,
|
|
28
|
+
itemsProps = {
|
|
29
|
+
label: undefined,
|
|
30
|
+
leftProp: undefined,
|
|
31
|
+
isGroup: false,
|
|
32
|
+
isMulti: false,
|
|
33
|
+
singleSelect: false,
|
|
34
|
+
isItemSelected: () => false,
|
|
35
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
36
|
+
onClick: () => {}
|
|
51
37
|
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
const
|
|
55
|
-
const
|
|
56
|
-
const inputProps = import_react.default.useMemo(() => ({
|
|
38
|
+
} = _ref;
|
|
39
|
+
const [menuOpen, setMenuOpen] = React.useState(false);
|
|
40
|
+
const inputRef = React.useRef(null);
|
|
41
|
+
const inputProps = React__default["default"].useMemo(() => ({
|
|
57
42
|
readOnly: true,
|
|
58
43
|
value,
|
|
59
44
|
onClick: () => setMenuOpen(true),
|
|
60
45
|
ref: inputRef,
|
|
61
46
|
placeholder
|
|
62
47
|
}), [value, placeholder]);
|
|
63
|
-
const caretProps =
|
|
48
|
+
const caretProps = React__default["default"].useMemo(() => ({
|
|
64
49
|
onClick: () => {
|
|
65
50
|
inputRef.current.focus();
|
|
66
51
|
setMenuOpen(true);
|
|
67
52
|
}
|
|
68
53
|
}), []);
|
|
69
|
-
return
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
54
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
55
|
+
children: [/*#__PURE__*/_jsx__default["default"](MobileDropdownInput.DSMobileDropdownTriggerInput, {
|
|
56
|
+
inputProps: inputProps,
|
|
57
|
+
caretProps: caretProps
|
|
58
|
+
}), menuOpen ? /*#__PURE__*/_jsx__default["default"](MobileContextMenu.DSMobileContextMenu, {
|
|
59
|
+
title: title,
|
|
60
|
+
open: true,
|
|
61
|
+
onChange: (_, e) => {
|
|
62
|
+
setMenuOpen(false);
|
|
63
|
+
},
|
|
64
|
+
onClickOutside: () => setMenuOpen(false)
|
|
65
|
+
}, void 0, options.map((opt, i) => /*#__PURE__*/_jsx__default["default"](MobileContextMenuItem.DSMobileContextMenuItem, {
|
|
66
|
+
title: opt.label,
|
|
67
|
+
value: opt.value,
|
|
68
|
+
isSelected: itemsProps.isItemSelected(opt),
|
|
69
|
+
onClick: e => {
|
|
70
|
+
setMenuOpen(false);
|
|
71
|
+
itemsProps.onClick(opt, e);
|
|
72
|
+
},
|
|
73
|
+
label: itemsProps.label,
|
|
74
|
+
leftProp: itemsProps.leftProp,
|
|
75
|
+
isGroup: itemsProps.isGroup,
|
|
76
|
+
isMulti: itemsProps.isMulti,
|
|
77
|
+
singleSelect: itemsProps.singleSelect
|
|
78
|
+
}, 'ddwn'.concat("".concat(i))))) : null]
|
|
79
|
+
});
|
|
94
80
|
};
|
|
81
|
+
|
|
95
82
|
const props = {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
83
|
+
/** dropdown menu placeholder */
|
|
84
|
+
placeholder: reactDesc.PropTypes.string.description('dropdown menu placeholder'),
|
|
85
|
+
|
|
86
|
+
/** context menu menu title */
|
|
87
|
+
title: reactDesc.PropTypes.string.description('context menu menu title'),
|
|
88
|
+
|
|
89
|
+
/** context menu options / items */
|
|
90
|
+
options: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
|
|
91
|
+
value: reactDesc.PropTypes.string,
|
|
92
|
+
label: reactDesc.PropTypes.string
|
|
93
|
+
})).description('context menu options / items')
|
|
99
94
|
};
|
|
100
|
-
|
|
101
|
-
const DSMobileDropdownMenuWithSchema = (0, import_react_desc.describe)(DSMobileDropdownMenu);
|
|
95
|
+
const DSMobileDropdownMenuWithSchema = reactDesc.describe(DSMobileDropdownMenu);
|
|
102
96
|
DSMobileDropdownMenuWithSchema.propTypes = props;
|
|
103
|
-
|
|
104
|
-
|
|
97
|
+
|
|
98
|
+
exports.DSMobileDropdownMenu = DSMobileDropdownMenu;
|
|
99
|
+
exports.DSMobileDropdownMenuWithSchema = DSMobileDropdownMenuWithSchema;
|
|
@@ -1,36 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var MobileDropdownMenu_exports = {};
|
|
29
|
-
__export(MobileDropdownMenu_exports, {
|
|
30
|
-
DSMobileDropdownTriggerInput: () => import_MobileDropdownInput.DSMobileDropdownTriggerInput
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
__reExport(MobileDropdownMenu_exports, require("./MobileDropdownMenu"));
|
|
34
|
-
var import_MobileDropdownInput = require("./MobileDropdownInput");
|
|
35
|
-
module.exports = __toCommonJS(MobileDropdownMenu_exports);
|
|
36
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var MobileDropdownMenu = require('./MobileDropdownMenu.js');
|
|
6
|
+
var MobileDropdownInput = require('./MobileDropdownInput.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.DSMobileDropdownMenu = MobileDropdownMenu.DSMobileDropdownMenu;
|
|
11
|
+
exports.DSMobileDropdownMenuWithSchema = MobileDropdownMenu.DSMobileDropdownMenuWithSchema;
|
|
12
|
+
exports.DSMobileDropdownTriggerInput = MobileDropdownInput.DSMobileDropdownTriggerInput;
|
|
@@ -1,62 +1,41 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var styled = require('styled-components');
|
|
8
|
+
var reactDesc = require('react-desc');
|
|
9
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
15
|
+
|
|
16
|
+
const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
17
|
+
componentId: "sc-1v2x6kj-0"
|
|
18
|
+
})(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;"]);
|
|
19
|
+
const Label = /*#__PURE__*/styled__default["default"].p.withConfig({
|
|
20
|
+
componentId: "sc-1v2x6kj-1"
|
|
21
|
+
})(["color:", ";font-size:", ";font-weight:", ";min-width:132px;"], props => props.theme.colors.neutral['600'], props => props.theme.space.xs, props => props.theme.fontWeights.semibold);
|
|
22
|
+
|
|
23
|
+
const DSMobileEmptyState = _ref => {
|
|
24
|
+
let {
|
|
25
|
+
label = 'No search results found.'
|
|
26
|
+
} = _ref;
|
|
27
|
+
return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
|
|
28
|
+
size: "xxl",
|
|
29
|
+
color: ['neutral', 400]
|
|
30
|
+
}), /*#__PURE__*/_jsx__default["default"](Label, {}, void 0, label));
|
|
11
31
|
};
|
|
12
|
-
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var MobileEmptyState_exports = {};
|
|
29
|
-
__export(MobileEmptyState_exports, {
|
|
30
|
-
DSMobileEmptyState: () => DSMobileEmptyState,
|
|
31
|
-
DSMobileEmptyStateWithSchema: () => DSMobileEmptyStateWithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
36
|
-
var import_react_desc = require("react-desc");
|
|
37
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
38
|
-
const Wrapper = import_styled_components.default.div`
|
|
39
|
-
display: flex;
|
|
40
|
-
flex-direction: column;
|
|
41
|
-
justify-content: center;
|
|
42
|
-
align-items: center;
|
|
43
|
-
height: 100%;
|
|
44
|
-
`;
|
|
45
|
-
const Label = import_styled_components.default.p`
|
|
46
|
-
color: ${(props2) => props2.theme.colors.neutral["600"]};
|
|
47
|
-
font-size: ${(props2) => props2.theme.space.xs};
|
|
48
|
-
font-weight: ${(props2) => props2.theme.fontWeights.semibold};
|
|
49
|
-
min-width: 132px;
|
|
50
|
-
`;
|
|
51
|
-
const DSMobileEmptyState = ({ label = "No search results found." }) => /* @__PURE__ */ import_react.default.createElement(Wrapper, null, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
|
|
52
|
-
size: "xxl",
|
|
53
|
-
color: ["neutral", 400]
|
|
54
|
-
}), /* @__PURE__ */ import_react.default.createElement(Label, null, label));
|
|
32
|
+
|
|
55
33
|
const props = {
|
|
56
|
-
|
|
34
|
+
/** empty state label */
|
|
35
|
+
label: reactDesc.PropTypes.string.description('empty state label')
|
|
57
36
|
};
|
|
58
|
-
|
|
59
|
-
const DSMobileEmptyStateWithSchema = (0, import_react_desc.describe)(DSMobileEmptyState);
|
|
37
|
+
const DSMobileEmptyStateWithSchema = reactDesc.describe(DSMobileEmptyState);
|
|
60
38
|
DSMobileEmptyStateWithSchema.propTypes = props;
|
|
61
|
-
|
|
62
|
-
|
|
39
|
+
|
|
40
|
+
exports.DSMobileEmptyState = DSMobileEmptyState;
|
|
41
|
+
exports.DSMobileEmptyStateWithSchema = DSMobileEmptyStateWithSchema;
|
|
@@ -1,37 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var MobileEmtpyState_exports = {};
|
|
29
|
-
__export(MobileEmtpyState_exports, {
|
|
30
|
-
default: () => MobileEmtpyState_default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_MobileEmptyState = require("./MobileEmptyState");
|
|
34
|
-
__reExport(MobileEmtpyState_exports, require("./MobileEmptyState"));
|
|
35
|
-
var MobileEmtpyState_default = import_MobileEmptyState.DSMobileEmptyState;
|
|
36
|
-
module.exports = __toCommonJS(MobileEmtpyState_exports);
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var MobileEmptyState = require('./MobileEmptyState.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.DSMobileEmptyState = MobileEmptyState.DSMobileEmptyState;
|
|
10
|
+
exports.DSMobileEmptyStateWithSchema = MobileEmptyState.DSMobileEmptyStateWithSchema;
|
|
11
|
+
exports["default"] = MobileEmptyState.DSMobileEmptyState;
|
|
@@ -1,72 +1,45 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var styled = require('styled-components');
|
|
8
|
+
var reactDesc = require('react-desc');
|
|
9
|
+
var dsSystem = require('@elliemae/ds-system');
|
|
10
|
+
var dsGrid = require('@elliemae/ds-grid');
|
|
11
|
+
var Separator$1 = require('../MobileSeparator/Separator.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
15
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
16
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
17
|
+
|
|
18
|
+
const Bar = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
19
|
+
componentId: "sc-14ysw84-0"
|
|
20
|
+
})(["display:flex;overflow:auto;background-color:", ";padding-left:", ";& > *{flex-shrink:0;}&::-webkit-scrollbar{display:none;}"], props => props.theme.colors.neutral['000'], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
|
|
21
|
+
const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
22
|
+
componentId: "sc-14ysw84-1"
|
|
23
|
+
})(["& > *{margin:0;}"]);
|
|
24
|
+
|
|
25
|
+
const DSMobileFilterbar = _ref => {
|
|
26
|
+
let {
|
|
27
|
+
children
|
|
28
|
+
} = _ref;
|
|
29
|
+
return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
30
|
+
rows: ['auto', 'auto'],
|
|
31
|
+
"data-testid": "filter-bar-wrapper"
|
|
32
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](Bar, {}, void 0, children), /*#__PURE__*/_jsx__default["default"](Separator, {}, void 0, /*#__PURE__*/_jsx__default["default"](Separator$1["default"], {
|
|
33
|
+
margin: "xxs",
|
|
34
|
+
color: ['neutral', '300']
|
|
35
|
+
})));
|
|
22
36
|
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var Filterbar_exports = {};
|
|
29
|
-
__export(Filterbar_exports, {
|
|
30
|
-
DSMobileFilterbar: () => DSMobileFilterbar,
|
|
31
|
-
FilterbarWithSchema: () => FilterbarWithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
36
|
-
var import_react_desc = require("react-desc");
|
|
37
|
-
var import_ds_system = require("@elliemae/ds-system");
|
|
38
|
-
var import_ds_grid = require("@elliemae/ds-grid");
|
|
39
|
-
var import_MobileSeparator = __toESM(require("../MobileSeparator"));
|
|
40
|
-
const Bar = import_styled_components.default.div`
|
|
41
|
-
display: flex;
|
|
42
|
-
overflow: auto;
|
|
43
|
-
background-color: ${(props) => props.theme.colors.neutral["000"]};
|
|
44
|
-
padding-left: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
|
|
45
|
-
& > * {
|
|
46
|
-
flex-shrink: 0;
|
|
47
|
-
}
|
|
48
37
|
|
|
49
|
-
&::-webkit-scrollbar {
|
|
50
|
-
display: none;
|
|
51
|
-
}
|
|
52
|
-
`;
|
|
53
|
-
const Separator = import_styled_components.default.div`
|
|
54
|
-
& > * {
|
|
55
|
-
margin: 0;
|
|
56
|
-
}
|
|
57
|
-
`;
|
|
58
|
-
const DSMobileFilterbar = ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
|
|
59
|
-
rows: ["auto", "auto"],
|
|
60
|
-
"data-testid": "filter-bar-wrapper"
|
|
61
|
-
}, /* @__PURE__ */ import_react.default.createElement(Bar, null, children), /* @__PURE__ */ import_react.default.createElement(Separator, null, /* @__PURE__ */ import_react.default.createElement(import_MobileSeparator.default, {
|
|
62
|
-
margin: "xxs",
|
|
63
|
-
color: ["neutral", "300"]
|
|
64
|
-
})));
|
|
65
38
|
const filterbarProps = {
|
|
66
|
-
children:
|
|
39
|
+
children: reactDesc.PropTypes.element.description('FilterBar Items').isRequired
|
|
67
40
|
};
|
|
68
|
-
|
|
69
|
-
const FilterbarWithSchema = (0, import_react_desc.describe)(DSMobileFilterbar);
|
|
41
|
+
const FilterbarWithSchema = reactDesc.describe(DSMobileFilterbar);
|
|
70
42
|
FilterbarWithSchema.propTypes = filterbarProps;
|
|
71
|
-
|
|
72
|
-
|
|
43
|
+
|
|
44
|
+
exports.DSMobileFilterbar = DSMobileFilterbar;
|
|
45
|
+
exports.FilterbarWithSchema = FilterbarWithSchema;
|
|
@@ -1,53 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var reactDesc = require('react-desc');
|
|
8
|
+
var dsGrid = require('@elliemae/ds-grid');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
13
|
+
|
|
14
|
+
const DSMobileFilterbarItem = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
children,
|
|
17
|
+
onClick
|
|
18
|
+
} = _ref;
|
|
19
|
+
return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
20
|
+
"data-testid": "filter-bar-item-wrapper",
|
|
21
|
+
cols: ['min-content'],
|
|
22
|
+
pr: "xxs",
|
|
23
|
+
pt: "xxs",
|
|
24
|
+
role: "button",
|
|
25
|
+
onClick: onClick
|
|
26
|
+
}, void 0, children);
|
|
11
27
|
};
|
|
12
|
-
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var FilterbarItem_exports = {};
|
|
29
|
-
__export(FilterbarItem_exports, {
|
|
30
|
-
DSMobileFilterbarItem: () => DSMobileFilterbarItem,
|
|
31
|
-
FilterbarItemWithSchema: () => FilterbarItemWithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc = require("react-desc");
|
|
36
|
-
var import_ds_grid = require("@elliemae/ds-grid");
|
|
37
|
-
const DSMobileFilterbarItem = ({ children, onClick }) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
|
|
38
|
-
"data-testid": "filter-bar-item-wrapper",
|
|
39
|
-
cols: ["min-content"],
|
|
40
|
-
pr: "xxs",
|
|
41
|
-
pt: "xxs",
|
|
42
|
-
role: "button",
|
|
43
|
-
onClick
|
|
44
|
-
}, children);
|
|
28
|
+
|
|
45
29
|
const filterbarItemProps = {
|
|
46
|
-
children:
|
|
47
|
-
onClick:
|
|
30
|
+
children: reactDesc.PropTypes.element.description('FilterBar Items').isRequired,
|
|
31
|
+
onClick: reactDesc.PropTypes.func.description('Function executed when clicking filterbar item')
|
|
48
32
|
};
|
|
49
|
-
|
|
50
|
-
const FilterbarItemWithSchema = (0, import_react_desc.describe)(DSMobileFilterbarItem);
|
|
33
|
+
const FilterbarItemWithSchema = reactDesc.describe(DSMobileFilterbarItem);
|
|
51
34
|
FilterbarItemWithSchema.propTypes = filterbarItemProps;
|
|
52
|
-
|
|
53
|
-
|
|
35
|
+
|
|
36
|
+
exports.DSMobileFilterbarItem = DSMobileFilterbarItem;
|
|
37
|
+
exports.FilterbarItemWithSchema = FilterbarItemWithSchema;
|