@elliemae/ds-mobile 1.60.0 → 2.0.0-alpha.12
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 +4 -13
- package/cjs/Accordion/index.js +4 -13
- package/cjs/CategoryBox/CategoryBox.js +25 -37
- package/cjs/CategoryBox/index.js +3 -10
- package/cjs/CollectionBox/CollectionBox.js +31 -44
- package/cjs/CollectionBox/index.js +3 -9
- package/cjs/FullPageContainer/FullPageContainer.js +25 -20
- package/cjs/FullPageContainer/FullPageContainerScroll.js +19 -21
- package/cjs/FullPageContainer/index.js +4 -13
- package/cjs/FullPageContainer/useMobileHeight.js +5 -15
- package/cjs/GlobalHeader/MobileGlobalHeader.js +82 -83
- package/cjs/GlobalHeader/index.js +3 -22
- package/cjs/GlobalHeader/styles.js +11 -38
- package/cjs/GroupBox/GroupBox.js +26 -38
- package/cjs/GroupBox/index.js +3 -10
- package/cjs/Icons/EM_logo.js +9 -9
- package/cjs/InfiniteLoader/Infiniteloader.js +27 -28
- package/cjs/InfiniteLoader/Loader.js +12 -16
- package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js +32 -40
- package/cjs/InfiniteLoader/index.js +6 -18
- package/cjs/InfiniteLoader/styled.js +1 -2
- package/cjs/LoadingPage/Page.js +50 -77
- package/cjs/LoadingPage/index.js +3 -12
- package/cjs/MobileActionToolbar/MobileActionToolbar.js +23 -29
- package/cjs/MobileActionToolbar/MobileActionToolbarItem.js +23 -13
- package/cjs/MobileActionToolbar/index.js +6 -15
- package/cjs/MobileBanner/MobileBanner.js +73 -80
- package/cjs/MobileBanner/defaultProps.js +5 -10
- package/cjs/MobileBanner/index.d.js +0 -1
- package/cjs/MobileBanner/index.js +5 -20
- package/cjs/MobileBanner/propTypes.js +1 -2
- package/cjs/MobileBanner/styles.js +110 -67
- package/cjs/MobileBanner/utils/bannerTypes.js +1 -2
- package/cjs/MobileBanner/utils/icons.js +8 -8
- package/cjs/MobileBanner/utils/styleHelpers.js +17 -20
- package/cjs/MobileCard/ActionAddon.js +13 -33
- package/cjs/MobileCard/Card.js +83 -171
- package/cjs/MobileCard/CardIcons.js +20 -58
- package/cjs/MobileCard/ExpandChevron.js +14 -36
- package/cjs/MobileCard/ExpandableRegion.js +22 -43
- package/cjs/MobileCard/Group.js +36 -53
- package/cjs/MobileCard/StyledCard.js +2 -9
- package/cjs/MobileCard/index.js +11 -29
- package/cjs/MobileCard/props.js +62 -0
- package/cjs/MobileCard/useHeight.js +5 -18
- package/cjs/MobileContextMenu/MobileContextMenu.js +119 -143
- package/cjs/MobileContextMenu/MobileContextMenuGroup.js +37 -40
- package/cjs/MobileContextMenu/MobileContextMenuItem.js +69 -69
- package/cjs/MobileContextMenu/index.js +9 -28
- package/cjs/MobileDatePicker/Input.js +23 -27
- package/cjs/MobileDatePicker/MobileDatePicker.js +30 -32
- package/cjs/MobileDatePicker/index.js +3 -15
- package/cjs/MobileDropdownMenu/MobileDropdownInput.js +32 -30
- package/cjs/MobileDropdownMenu/MobileDropdownMenu.js +57 -86
- package/cjs/MobileDropdownMenu/index.js +5 -27
- package/cjs/MobileEmtpyState/MobileEmptyState.js +15 -21
- package/cjs/MobileEmtpyState/index.js +4 -9
- package/cjs/MobileFilterbar/Filterbar.js +15 -20
- package/cjs/MobileFilterbar/FilterbarItem.js +12 -11
- package/cjs/MobileFilterbar/FilterbarSort.js +23 -20
- package/cjs/MobileFilterbar/index.js +9 -17
- package/cjs/MobileFooter/Action.js +19 -22
- package/cjs/MobileFooter/Footer.js +27 -33
- package/cjs/MobileFooter/Text.js +11 -11
- package/cjs/MobileFooter/index.js +9 -17
- package/cjs/MobileListItem/MobileListItem.js +25 -37
- package/cjs/MobileListItem/index.js +3 -9
- package/cjs/MobilePageHeader/MobilePageHeader.js +65 -98
- package/cjs/MobilePageHeader/index.js +3 -15
- package/cjs/MobileSelectList/MobileSelectList.js +102 -158
- package/cjs/MobileSelectList/index.js +2 -20
- package/cjs/MobileSelectList/styled.js +16 -29
- package/cjs/MobileSeparator/Separator.js +43 -33
- package/cjs/MobileSeparator/index.js +3 -9
- package/cjs/MobileTimePicker/Input.js +23 -27
- package/cjs/MobileTimePicker/MobileTimePicker.js +31 -31
- package/cjs/MobileTimePicker/MobileTimePicker.stories.js +35 -0
- package/cjs/MobileTimePicker/index.js +3 -15
- package/cjs/MobileTouchable/MobileTouchable.js +34 -45
- package/cjs/MobileTouchable/index.js +2 -12
- package/cjs/Modal/Modal.js +96 -91
- package/cjs/Modal/index.js +3 -15
- package/cjs/Modal/styled.js +13 -34
- package/cjs/PageFilter/PageFilter.js +43 -84
- package/cjs/PageForm/PageForm.js +27 -36
- package/cjs/PageList/PageList.js +19 -36
- package/cjs/PageList/index.js +3 -16
- package/cjs/PageSearch/PageSearch.js +20 -36
- package/cjs/PageSummary/PageSummary.js +34 -42
- package/cjs/PageSummary/Tags.js +12 -11
- package/cjs/SideNav/SideNav.js +62 -68
- package/cjs/SideNav/index.js +3 -14
- package/cjs/SideNav/styles.js +13 -42
- package/cjs/SwipeToRefresh/ProgressIndicator.js +16 -20
- package/cjs/SwipeToRefresh/ProgressLoader.js +45 -44
- package/cjs/SwipeToRefresh/SwipeToRefresh.js +43 -42
- package/cjs/SwipeToRefresh/styled.js +4 -5
- package/cjs/SwipeToRefresh/useSwipe.js +32 -44
- package/cjs/Tabs/index.js +40 -20
- package/cjs/Tabs/propTypes.js +28 -0
- package/cjs/index.js +124 -185
- package/esm/Accordion/Accordion.js +0 -1
- package/esm/Accordion/index.js +0 -1
- package/esm/CategoryBox/CategoryBox.js +24 -36
- package/esm/CategoryBox/index.js +0 -7
- package/esm/CollectionBox/CollectionBox.js +30 -43
- package/esm/CollectionBox/index.js +0 -6
- package/esm/FullPageContainer/FullPageContainer.js +22 -15
- package/esm/FullPageContainer/FullPageContainerScroll.js +17 -16
- package/esm/FullPageContainer/index.js +0 -9
- package/esm/FullPageContainer/useMobileHeight.js +5 -11
- package/esm/GlobalHeader/MobileGlobalHeader.js +79 -79
- package/esm/GlobalHeader/index.js +0 -19
- package/esm/GlobalHeader/styles.js +11 -38
- package/esm/GroupBox/GroupBox.js +25 -37
- package/esm/GroupBox/index.js +0 -7
- package/esm/Icons/EM_logo.js +8 -8
- package/esm/InfiniteLoader/Infiniteloader.js +26 -27
- package/esm/InfiniteLoader/Loader.js +10 -13
- package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js +31 -38
- package/esm/InfiniteLoader/index.js +0 -12
- package/esm/InfiniteLoader/styled.js +1 -2
- package/esm/LoadingPage/Page.js +46 -72
- package/esm/LoadingPage/index.js +0 -9
- package/esm/MobileActionToolbar/MobileActionToolbar.js +18 -24
- package/esm/MobileActionToolbar/MobileActionToolbarItem.js +20 -10
- package/esm/MobileActionToolbar/index.js +0 -9
- package/esm/MobileBanner/MobileBanner.js +66 -72
- package/esm/MobileBanner/defaultProps.js +3 -8
- package/esm/MobileBanner/index.d.js +0 -1
- package/esm/MobileBanner/index.js +0 -15
- package/esm/MobileBanner/propTypes.js +1 -2
- package/esm/MobileBanner/styles.js +106 -63
- package/esm/MobileBanner/utils/bannerTypes.js +1 -2
- package/esm/MobileBanner/utils/icons.js +7 -7
- package/esm/MobileBanner/utils/styleHelpers.js +10 -13
- package/esm/MobileCard/ActionAddon.js +12 -31
- package/esm/MobileCard/Card.js +79 -167
- package/esm/MobileCard/CardIcons.js +19 -56
- package/esm/MobileCard/ExpandChevron.js +13 -34
- package/esm/MobileCard/ExpandableRegion.js +22 -41
- package/esm/MobileCard/Group.js +33 -51
- package/esm/MobileCard/StyledCard.js +2 -9
- package/esm/MobileCard/index.js +1 -19
- package/esm/MobileCard/props.js +58 -0
- package/esm/MobileCard/useHeight.js +5 -14
- package/esm/MobileContextMenu/MobileContextMenu.js +116 -139
- package/esm/MobileContextMenu/MobileContextMenuGroup.js +34 -38
- package/esm/MobileContextMenu/MobileContextMenuItem.js +66 -67
- package/esm/MobileContextMenu/index.js +0 -19
- package/esm/MobileDatePicker/Input.js +20 -23
- package/esm/MobileDatePicker/MobileDatePicker.js +29 -31
- package/esm/MobileDatePicker/index.js +0 -12
- package/esm/MobileDropdownMenu/MobileDropdownInput.js +30 -27
- package/esm/MobileDropdownMenu/MobileDropdownMenu.js +53 -82
- package/esm/MobileDropdownMenu/index.js +0 -22
- package/esm/MobileEmtpyState/MobileEmptyState.js +13 -19
- package/esm/MobileEmtpyState/index.js +0 -5
- package/esm/MobileFilterbar/Filterbar.js +13 -18
- package/esm/MobileFilterbar/FilterbarItem.js +11 -10
- package/esm/MobileFilterbar/FilterbarSort.js +21 -18
- package/esm/MobileFilterbar/index.js +0 -8
- package/esm/MobileFooter/Action.js +17 -21
- package/esm/MobileFooter/Footer.js +24 -31
- package/esm/MobileFooter/Text.js +10 -10
- package/esm/MobileFooter/index.js +0 -8
- package/esm/MobileListItem/MobileListItem.js +24 -36
- package/esm/MobileListItem/index.js +0 -6
- package/esm/MobilePageHeader/MobilePageHeader.js +62 -95
- package/esm/MobilePageHeader/index.js +0 -12
- package/esm/MobileSelectList/MobileSelectList.js +97 -151
- package/esm/MobileSelectList/index.js +0 -18
- package/esm/MobileSelectList/styled.js +12 -25
- package/esm/MobileSeparator/Separator.js +42 -31
- package/esm/MobileSeparator/index.js +0 -6
- package/esm/MobileTimePicker/Input.js +20 -23
- package/esm/MobileTimePicker/MobileTimePicker.js +30 -30
- package/esm/MobileTimePicker/MobileTimePicker.stories.js +26 -0
- package/esm/MobileTimePicker/index.js +0 -12
- package/esm/MobileTouchable/MobileTouchable.js +32 -40
- package/esm/MobileTouchable/index.js +0 -10
- package/esm/Modal/Modal.js +93 -88
- package/esm/Modal/index.js +0 -12
- package/esm/Modal/styled.js +13 -34
- package/esm/PageFilter/PageFilter.js +41 -81
- package/esm/PageForm/PageForm.js +24 -32
- package/esm/PageList/PageList.js +16 -32
- package/esm/PageList/index.js +0 -13
- package/esm/PageSearch/PageSearch.js +19 -34
- package/esm/PageSummary/PageSummary.js +32 -39
- package/esm/PageSummary/Tags.js +12 -11
- package/esm/SideNav/SideNav.js +55 -60
- package/esm/SideNav/index.js +0 -11
- package/esm/SideNav/styles.js +13 -42
- package/esm/SwipeToRefresh/ProgressIndicator.js +15 -18
- package/esm/SwipeToRefresh/ProgressLoader.js +44 -43
- package/esm/SwipeToRefresh/SwipeToRefresh.js +39 -38
- package/esm/SwipeToRefresh/styled.js +4 -5
- package/esm/SwipeToRefresh/useSwipe.js +32 -40
- package/esm/Tabs/index.js +35 -16
- package/esm/Tabs/propTypes.js +23 -0
- package/esm/index.js +1 -56
- package/package.json +442 -20
- package/types/Accordion/Accordion.d.ts +1 -0
- package/types/Accordion/index.d.ts +1 -0
- package/types/CategoryBox/CategoryBox.d.ts +65 -0
- package/types/CategoryBox/index.d.ts +1 -0
- package/types/CollectionBox/CollectionBox.d.ts +65 -0
- package/types/CollectionBox/index.d.ts +1 -0
- package/types/FullPageContainer/FullPageContainer.d.ts +12 -0
- package/types/FullPageContainer/FullPageContainerScroll.d.ts +14 -0
- package/types/FullPageContainer/index.d.ts +2 -0
- package/types/FullPageContainer/useMobileHeight.d.ts +1 -0
- package/types/GlobalHeader/MobileGlobalHeader.d.ts +74 -0
- package/types/GlobalHeader/index.d.ts +1 -0
- package/types/GlobalHeader/styles.d.ts +6 -0
- package/types/GroupBox/GroupBox.d.ts +76 -0
- package/types/GroupBox/index.d.ts +1 -0
- package/types/Icons/EM_logo.d.ts +3 -0
- package/types/InfiniteLoader/Infiniteloader.d.ts +46 -0
- package/types/InfiniteLoader/Loader.d.ts +10 -0
- package/types/InfiniteLoader/VirtualizedInfiniteLoader.d.ts +78 -0
- package/types/InfiniteLoader/index.d.ts +2 -0
- package/types/InfiniteLoader/styled.d.ts +1 -0
- package/types/LoadingPage/Page.d.ts +12 -0
- package/types/LoadingPage/index.d.ts +3 -0
- package/types/LoadingPage/tests/LoadingPage.test.d.ts +1 -0
- package/types/MobileActionToolbar/MobileActionToolbar.d.ts +23 -0
- package/types/MobileActionToolbar/MobileActionToolbarItem.d.ts +28 -0
- package/types/MobileActionToolbar/index.d.ts +3 -0
- package/types/MobileBanner/MobileBanner.d.ts +93 -0
- package/types/MobileBanner/defaultProps.d.ts +13 -0
- package/types/MobileBanner/index.d.ts +2 -0
- package/types/MobileBanner/propTypes.d.ts +69 -0
- package/types/MobileBanner/styles.d.ts +11 -0
- package/types/MobileBanner/tests/MobileBanner.events.test.d.ts +1 -0
- package/types/MobileBanner/tests/MobileBanner.test.d.ts +1 -0
- package/types/MobileBanner/utils/bannerTypes.d.ts +6 -0
- package/types/MobileBanner/utils/icons.d.ts +7 -0
- package/types/MobileBanner/utils/styleHelpers.d.ts +10 -0
- package/types/MobileCard/ActionAddon.d.ts +23 -0
- package/types/MobileCard/Card.d.ts +26 -0
- package/types/MobileCard/CardIcons.d.ts +18 -0
- package/types/MobileCard/ExpandChevron.d.ts +23 -0
- package/types/MobileCard/ExpandableRegion.d.ts +12 -0
- package/types/MobileCard/Group.d.ts +24 -0
- package/types/MobileCard/StyledCard.d.ts +3 -0
- package/types/MobileCard/index.d.ts +23 -0
- package/types/MobileCard/props.d.ts +118 -0
- package/types/MobileCard/useHeight.d.ts +1 -0
- package/types/MobileContextMenu/MobileContextMenu.d.ts +21 -0
- package/types/MobileContextMenu/MobileContextMenuGroup.d.ts +64 -0
- package/types/MobileContextMenu/MobileContextMenuItem.d.ts +82 -0
- package/types/MobileContextMenu/index.d.ts +3 -0
- package/types/MobileDatePicker/Input.d.ts +5 -0
- package/types/MobileDatePicker/MobileDatePicker.d.ts +75 -0
- package/types/MobileDatePicker/index.d.ts +1 -0
- package/types/MobileDropdownMenu/MobileDropdownInput.d.ts +16 -0
- package/types/MobileDropdownMenu/MobileDropdownMenu.d.ts +53 -0
- package/types/MobileDropdownMenu/index.d.ts +2 -0
- package/types/MobileEmtpyState/MobileEmptyState.d.ts +24 -0
- package/types/MobileEmtpyState/index.d.ts +3 -0
- package/types/MobileFilterbar/Filterbar.d.ts +18 -0
- package/types/MobileFilterbar/FilterbarItem.d.ts +26 -0
- package/types/MobileFilterbar/FilterbarSort.d.ts +18 -0
- package/types/MobileFilterbar/index.d.ts +4 -0
- package/types/MobileFooter/Action.d.ts +34 -0
- package/types/MobileFooter/Footer.d.ts +22 -0
- package/types/MobileFooter/Text.d.ts +18 -0
- package/types/MobileFooter/index.d.ts +4 -0
- package/types/MobileFooter/tests/MobileFooter.test.d.ts +1 -0
- package/types/MobileListItem/MobileListItem.d.ts +22 -0
- package/types/MobileListItem/index.d.ts +1 -0
- package/types/MobilePageHeader/MobilePageHeader.d.ts +26 -0
- package/types/MobilePageHeader/index.d.ts +1 -0
- package/types/MobileSelectList/MobileSelectList.d.ts +18 -0
- package/types/MobileSelectList/index.d.ts +1 -0
- package/types/MobileSelectList/styled.d.ts +8 -0
- package/types/MobileSeparator/Separator.d.ts +36 -0
- package/types/MobileSeparator/index.d.ts +3 -0
- package/types/MobileTimePicker/Input.d.ts +5 -0
- package/types/MobileTimePicker/MobileTimePicker.d.ts +66 -0
- package/types/MobileTimePicker/MobileTimePicker.stories.d.ts +6 -0
- package/types/MobileTimePicker/index.d.ts +1 -0
- package/types/MobileTouchable/MobileTouchable.d.ts +8 -0
- package/types/MobileTouchable/index.d.ts +1 -0
- package/types/Modal/Modal.d.ts +72 -0
- package/types/Modal/index.d.ts +1 -0
- package/types/Modal/styled.d.ts +8 -0
- package/types/PageFilter/PageFilter.d.ts +39 -0
- package/types/PageForm/PageForm.d.ts +27 -0
- package/types/PageList/PageList.d.ts +16 -0
- package/types/PageList/index.d.ts +1 -0
- package/types/PageSearch/PageSearch.d.ts +16 -0
- package/types/PageSummary/PageSummary.d.ts +21 -0
- package/types/PageSummary/Tags.d.ts +4 -0
- package/types/SideNav/SideNav.d.ts +53 -0
- package/types/SideNav/index.d.ts +1 -0
- package/types/SideNav/styles.d.ts +8 -0
- package/types/SwipeToRefresh/ProgressIndicator.d.ts +10 -0
- package/types/SwipeToRefresh/ProgressLoader.d.ts +2 -0
- package/types/SwipeToRefresh/SwipeToRefresh.d.ts +37 -0
- package/types/SwipeToRefresh/styled.d.ts +5 -0
- package/types/SwipeToRefresh/useSwipe.d.ts +13 -0
- package/types/Tabs/index.d.ts +24 -0
- package/types/Tabs/propTypes.d.ts +42 -0
- package/types/index.d.ts +35 -0
- package/Accordion/Accordion/package.json +0 -10
- package/Accordion/package.json +0 -10
- package/CategoryBox/CategoryBox/package.json +0 -10
- package/CategoryBox/package.json +0 -10
- package/CollectionBox/CollectionBox/package.json +0 -10
- package/CollectionBox/package.json +0 -10
- package/FullPageContainer/FullPageContainer/package.json +0 -10
- package/FullPageContainer/FullPageContainerScroll/package.json +0 -10
- package/FullPageContainer/package.json +0 -10
- package/FullPageContainer/useMobileHeight/package.json +0 -10
- package/GlobalHeader/MobileGlobalHeader/package.json +0 -10
- package/GlobalHeader/package.json +0 -10
- package/GlobalHeader/styles/package.json +0 -10
- package/GroupBox/GroupBox/package.json +0 -10
- package/GroupBox/package.json +0 -10
- package/Icons/EM_logo/package.json +0 -10
- package/InfiniteLoader/Infiniteloader/package.json +0 -10
- package/InfiniteLoader/Loader/package.json +0 -10
- package/InfiniteLoader/VirtualizedInfiniteLoader/package.json +0 -10
- package/InfiniteLoader/package.json +0 -10
- package/InfiniteLoader/styled/package.json +0 -10
- package/LoadingPage/Page/package.json +0 -10
- package/LoadingPage/package.json +0 -10
- package/MobileActionToolbar/MobileActionToolbar/package.json +0 -10
- package/MobileActionToolbar/MobileActionToolbarItem/package.json +0 -10
- package/MobileActionToolbar/package.json +0 -10
- package/MobileBanner/MobileBanner/package.json +0 -10
- package/MobileBanner/defaultProps/package.json +0 -10
- package/MobileBanner/package.json +0 -10
- package/MobileBanner/propTypes/package.json +0 -10
- package/MobileBanner/styles/package.json +0 -10
- package/MobileBanner/utils/bannerTypes/package.json +0 -10
- package/MobileBanner/utils/icons/package.json +0 -10
- package/MobileBanner/utils/styleHelpers/package.json +0 -10
- package/MobileCard/ActionAddon/package.json +0 -10
- package/MobileCard/Card/package.json +0 -10
- package/MobileCard/CardIcons/package.json +0 -10
- package/MobileCard/ExpandChevron/package.json +0 -10
- package/MobileCard/ExpandableRegion/package.json +0 -10
- package/MobileCard/Group/package.json +0 -10
- package/MobileCard/StyledCard/package.json +0 -10
- package/MobileCard/package.json +0 -10
- package/MobileCard/useHeight/package.json +0 -10
- package/MobileContextMenu/MobileContextMenu/package.json +0 -10
- package/MobileContextMenu/MobileContextMenuGroup/package.json +0 -10
- package/MobileContextMenu/MobileContextMenuItem/package.json +0 -10
- package/MobileContextMenu/package.json +0 -10
- package/MobileDatePicker/Input/package.json +0 -10
- package/MobileDatePicker/MobileDatePicker/package.json +0 -10
- package/MobileDatePicker/package.json +0 -10
- package/MobileDropdownMenu/MobileDropdownInput/package.json +0 -10
- package/MobileDropdownMenu/MobileDropdownMenu/package.json +0 -10
- package/MobileDropdownMenu/package.json +0 -10
- package/MobileEmtpyState/MobileEmptyState/package.json +0 -10
- package/MobileEmtpyState/package.json +0 -10
- package/MobileFilterbar/Filterbar/package.json +0 -10
- package/MobileFilterbar/FilterbarItem/package.json +0 -10
- package/MobileFilterbar/FilterbarSort/package.json +0 -10
- package/MobileFilterbar/package.json +0 -10
- package/MobileFooter/Action/package.json +0 -10
- package/MobileFooter/Footer/package.json +0 -10
- package/MobileFooter/Text/package.json +0 -10
- package/MobileFooter/package.json +0 -10
- package/MobileListItem/MobileListItem/package.json +0 -10
- package/MobileListItem/package.json +0 -10
- package/MobilePageHeader/MobilePageHeader/package.json +0 -10
- package/MobilePageHeader/package.json +0 -10
- package/MobileSelectList/MobileSelectList/package.json +0 -10
- package/MobileSelectList/package.json +0 -10
- package/MobileSelectList/styled/package.json +0 -10
- package/MobileSeparator/Separator/package.json +0 -10
- package/MobileSeparator/package.json +0 -10
- package/MobileTimePicker/Input/package.json +0 -10
- package/MobileTimePicker/MobileTimePicker/package.json +0 -10
- package/MobileTimePicker/package.json +0 -10
- package/MobileTouchable/MobileTouchable/package.json +0 -10
- package/MobileTouchable/package.json +0 -10
- package/Modal/Modal/package.json +0 -10
- package/Modal/package.json +0 -10
- package/Modal/styled/package.json +0 -10
- package/PageFilter/PageFilter/package.json +0 -10
- package/PageForm/PageForm/package.json +0 -10
- package/PageList/PageList/package.json +0 -10
- package/PageList/package.json +0 -10
- package/PageSearch/PageSearch/package.json +0 -10
- package/PageSummary/PageSummary/package.json +0 -10
- package/PageSummary/Tags/package.json +0 -10
- package/SideNav/SideNav/package.json +0 -10
- package/SideNav/package.json +0 -10
- package/SideNav/styles/package.json +0 -10
- package/SwipeToRefresh/ProgressIndicator/package.json +0 -10
- package/SwipeToRefresh/ProgressLoader/package.json +0 -10
- package/SwipeToRefresh/SwipeToRefresh/package.json +0 -10
- package/SwipeToRefresh/styled/package.json +0 -10
- package/SwipeToRefresh/useSwipe/package.json +0 -10
- package/Tabs/package.json +0 -10
- package/cjs/Accordion/Accordion.js.map +0 -1
- package/cjs/Accordion/index.js.map +0 -1
- package/cjs/CategoryBox/CategoryBox.js.map +0 -1
- package/cjs/CategoryBox/index.js.map +0 -1
- package/cjs/CollectionBox/CollectionBox.js.map +0 -1
- package/cjs/CollectionBox/index.js.map +0 -1
- package/cjs/FullPageContainer/FullPageContainer.js.map +0 -1
- package/cjs/FullPageContainer/FullPageContainerScroll.js.map +0 -1
- package/cjs/FullPageContainer/index.js.map +0 -1
- package/cjs/FullPageContainer/useMobileHeight.js.map +0 -1
- package/cjs/GlobalHeader/MobileGlobalHeader.js.map +0 -1
- package/cjs/GlobalHeader/index.js.map +0 -1
- package/cjs/GlobalHeader/styles.js.map +0 -1
- package/cjs/GroupBox/GroupBox.js.map +0 -1
- package/cjs/GroupBox/index.js.map +0 -1
- package/cjs/Icons/EM_logo.js.map +0 -1
- package/cjs/InfiniteLoader/Infiniteloader.js.map +0 -1
- package/cjs/InfiniteLoader/Loader.js.map +0 -1
- package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js.map +0 -1
- package/cjs/InfiniteLoader/index.js.map +0 -1
- package/cjs/InfiniteLoader/styled.js.map +0 -1
- package/cjs/LoadingPage/Page.js.map +0 -1
- package/cjs/LoadingPage/index.js.map +0 -1
- package/cjs/MobileActionToolbar/MobileActionToolbar.js.map +0 -1
- package/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map +0 -1
- package/cjs/MobileActionToolbar/index.js.map +0 -1
- package/cjs/MobileBanner/MobileBanner.js.map +0 -1
- package/cjs/MobileBanner/defaultProps.js.map +0 -1
- package/cjs/MobileBanner/index.d.js.map +0 -1
- package/cjs/MobileBanner/index.js.map +0 -1
- package/cjs/MobileBanner/propTypes.js.map +0 -1
- package/cjs/MobileBanner/styles.js.map +0 -1
- package/cjs/MobileBanner/utils/bannerTypes.js.map +0 -1
- package/cjs/MobileBanner/utils/icons.js.map +0 -1
- package/cjs/MobileBanner/utils/styleHelpers.js.map +0 -1
- package/cjs/MobileCard/ActionAddon.js.map +0 -1
- package/cjs/MobileCard/Card.js.map +0 -1
- package/cjs/MobileCard/CardIcons.js.map +0 -1
- package/cjs/MobileCard/ExpandChevron.js.map +0 -1
- package/cjs/MobileCard/ExpandableRegion.js.map +0 -1
- package/cjs/MobileCard/Group.js.map +0 -1
- package/cjs/MobileCard/StyledCard.js.map +0 -1
- package/cjs/MobileCard/index.js.map +0 -1
- package/cjs/MobileCard/useHeight.js.map +0 -1
- package/cjs/MobileContextMenu/MobileContextMenu.js.map +0 -1
- package/cjs/MobileContextMenu/MobileContextMenuGroup.js.map +0 -1
- package/cjs/MobileContextMenu/MobileContextMenuItem.js.map +0 -1
- package/cjs/MobileContextMenu/index.js.map +0 -1
- package/cjs/MobileDatePicker/Input.js.map +0 -1
- package/cjs/MobileDatePicker/MobileDatePicker.js.map +0 -1
- package/cjs/MobileDatePicker/index.js.map +0 -1
- package/cjs/MobileDropdownMenu/MobileDropdownInput.js.map +0 -1
- package/cjs/MobileDropdownMenu/MobileDropdownMenu.js.map +0 -1
- package/cjs/MobileDropdownMenu/index.js.map +0 -1
- package/cjs/MobileEmtpyState/MobileEmptyState.js.map +0 -1
- package/cjs/MobileEmtpyState/index.js.map +0 -1
- package/cjs/MobileFilterbar/Filterbar.js.map +0 -1
- package/cjs/MobileFilterbar/FilterbarItem.js.map +0 -1
- package/cjs/MobileFilterbar/FilterbarSort.js.map +0 -1
- package/cjs/MobileFilterbar/index.js.map +0 -1
- package/cjs/MobileFooter/Action.js.map +0 -1
- package/cjs/MobileFooter/Footer.js.map +0 -1
- package/cjs/MobileFooter/Text.js.map +0 -1
- package/cjs/MobileFooter/index.js.map +0 -1
- package/cjs/MobileListItem/MobileListItem.js.map +0 -1
- package/cjs/MobileListItem/index.js.map +0 -1
- package/cjs/MobilePageHeader/MobilePageHeader.js.map +0 -1
- package/cjs/MobilePageHeader/index.js.map +0 -1
- package/cjs/MobileSelectList/MobileSelectList.js.map +0 -1
- package/cjs/MobileSelectList/index.js.map +0 -1
- package/cjs/MobileSelectList/styled.js.map +0 -1
- package/cjs/MobileSeparator/Separator.js.map +0 -1
- package/cjs/MobileSeparator/index.js.map +0 -1
- package/cjs/MobileTimePicker/Input.js.map +0 -1
- package/cjs/MobileTimePicker/MobileTimePicker.js.map +0 -1
- package/cjs/MobileTimePicker/index.js.map +0 -1
- package/cjs/MobileTouchable/MobileTouchable.js.map +0 -1
- package/cjs/MobileTouchable/index.js.map +0 -1
- package/cjs/Modal/Modal.js.map +0 -1
- package/cjs/Modal/index.js.map +0 -1
- package/cjs/Modal/styled.js.map +0 -1
- package/cjs/PageFilter/PageFilter.js.map +0 -1
- package/cjs/PageForm/PageForm.js.map +0 -1
- package/cjs/PageList/PageList.js.map +0 -1
- package/cjs/PageList/index.js.map +0 -1
- package/cjs/PageSearch/PageSearch.js.map +0 -1
- package/cjs/PageSummary/PageSummary.js.map +0 -1
- package/cjs/PageSummary/Tags.js.map +0 -1
- package/cjs/SideNav/SideNav.js.map +0 -1
- package/cjs/SideNav/index.js.map +0 -1
- package/cjs/SideNav/styles.js.map +0 -1
- package/cjs/SwipeToRefresh/ProgressIndicator.js.map +0 -1
- package/cjs/SwipeToRefresh/ProgressLoader.js.map +0 -1
- package/cjs/SwipeToRefresh/SwipeToRefresh.js.map +0 -1
- package/cjs/SwipeToRefresh/styled.js.map +0 -1
- package/cjs/SwipeToRefresh/useSwipe.js.map +0 -1
- package/cjs/Tabs/index.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/esm/Accordion/Accordion.js.map +0 -1
- package/esm/Accordion/index.js.map +0 -1
- package/esm/CategoryBox/CategoryBox.js.map +0 -1
- package/esm/CategoryBox/index.js.map +0 -1
- package/esm/CollectionBox/CollectionBox.js.map +0 -1
- package/esm/CollectionBox/index.js.map +0 -1
- package/esm/FullPageContainer/FullPageContainer.js.map +0 -1
- package/esm/FullPageContainer/FullPageContainerScroll.js.map +0 -1
- package/esm/FullPageContainer/index.js.map +0 -1
- package/esm/FullPageContainer/useMobileHeight.js.map +0 -1
- package/esm/GlobalHeader/MobileGlobalHeader.js.map +0 -1
- package/esm/GlobalHeader/index.js.map +0 -1
- package/esm/GlobalHeader/styles.js.map +0 -1
- package/esm/GroupBox/GroupBox.js.map +0 -1
- package/esm/GroupBox/index.js.map +0 -1
- package/esm/Icons/EM_logo.js.map +0 -1
- package/esm/InfiniteLoader/Infiniteloader.js.map +0 -1
- package/esm/InfiniteLoader/Loader.js.map +0 -1
- package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js.map +0 -1
- package/esm/InfiniteLoader/index.js.map +0 -1
- package/esm/InfiniteLoader/styled.js.map +0 -1
- package/esm/LoadingPage/Page.js.map +0 -1
- package/esm/LoadingPage/index.js.map +0 -1
- package/esm/MobileActionToolbar/MobileActionToolbar.js.map +0 -1
- package/esm/MobileActionToolbar/MobileActionToolbarItem.js.map +0 -1
- package/esm/MobileActionToolbar/index.js.map +0 -1
- package/esm/MobileBanner/MobileBanner.js.map +0 -1
- package/esm/MobileBanner/defaultProps.js.map +0 -1
- package/esm/MobileBanner/index.d.js.map +0 -1
- package/esm/MobileBanner/index.js.map +0 -1
- package/esm/MobileBanner/propTypes.js.map +0 -1
- package/esm/MobileBanner/styles.js.map +0 -1
- package/esm/MobileBanner/utils/bannerTypes.js.map +0 -1
- package/esm/MobileBanner/utils/icons.js.map +0 -1
- package/esm/MobileBanner/utils/styleHelpers.js.map +0 -1
- package/esm/MobileCard/ActionAddon.js.map +0 -1
- package/esm/MobileCard/Card.js.map +0 -1
- package/esm/MobileCard/CardIcons.js.map +0 -1
- package/esm/MobileCard/ExpandChevron.js.map +0 -1
- package/esm/MobileCard/ExpandableRegion.js.map +0 -1
- package/esm/MobileCard/Group.js.map +0 -1
- package/esm/MobileCard/StyledCard.js.map +0 -1
- package/esm/MobileCard/index.js.map +0 -1
- package/esm/MobileCard/useHeight.js.map +0 -1
- package/esm/MobileContextMenu/MobileContextMenu.js.map +0 -1
- package/esm/MobileContextMenu/MobileContextMenuGroup.js.map +0 -1
- package/esm/MobileContextMenu/MobileContextMenuItem.js.map +0 -1
- package/esm/MobileContextMenu/index.js.map +0 -1
- package/esm/MobileDatePicker/Input.js.map +0 -1
- package/esm/MobileDatePicker/MobileDatePicker.js.map +0 -1
- package/esm/MobileDatePicker/index.js.map +0 -1
- package/esm/MobileDropdownMenu/MobileDropdownInput.js.map +0 -1
- package/esm/MobileDropdownMenu/MobileDropdownMenu.js.map +0 -1
- package/esm/MobileDropdownMenu/index.js.map +0 -1
- package/esm/MobileEmtpyState/MobileEmptyState.js.map +0 -1
- package/esm/MobileEmtpyState/index.js.map +0 -1
- package/esm/MobileFilterbar/Filterbar.js.map +0 -1
- package/esm/MobileFilterbar/FilterbarItem.js.map +0 -1
- package/esm/MobileFilterbar/FilterbarSort.js.map +0 -1
- package/esm/MobileFilterbar/index.js.map +0 -1
- package/esm/MobileFooter/Action.js.map +0 -1
- package/esm/MobileFooter/Footer.js.map +0 -1
- package/esm/MobileFooter/Text.js.map +0 -1
- package/esm/MobileFooter/index.js.map +0 -1
- package/esm/MobileListItem/MobileListItem.js.map +0 -1
- package/esm/MobileListItem/index.js.map +0 -1
- package/esm/MobilePageHeader/MobilePageHeader.js.map +0 -1
- package/esm/MobilePageHeader/index.js.map +0 -1
- package/esm/MobileSelectList/MobileSelectList.js.map +0 -1
- package/esm/MobileSelectList/index.js.map +0 -1
- package/esm/MobileSelectList/styled.js.map +0 -1
- package/esm/MobileSeparator/Separator.js.map +0 -1
- package/esm/MobileSeparator/index.js.map +0 -1
- package/esm/MobileTimePicker/Input.js.map +0 -1
- package/esm/MobileTimePicker/MobileTimePicker.js.map +0 -1
- package/esm/MobileTimePicker/index.js.map +0 -1
- package/esm/MobileTouchable/MobileTouchable.js.map +0 -1
- package/esm/MobileTouchable/index.js.map +0 -1
- package/esm/Modal/Modal.js.map +0 -1
- package/esm/Modal/index.js.map +0 -1
- package/esm/Modal/styled.js.map +0 -1
- package/esm/PageFilter/PageFilter.js.map +0 -1
- package/esm/PageForm/PageForm.js.map +0 -1
- package/esm/PageList/PageList.js.map +0 -1
- package/esm/PageList/index.js.map +0 -1
- package/esm/PageSearch/PageSearch.js.map +0 -1
- package/esm/PageSummary/PageSummary.js.map +0 -1
- package/esm/PageSummary/Tags.js.map +0 -1
- package/esm/SideNav/SideNav.js.map +0 -1
- package/esm/SideNav/index.js.map +0 -1
- package/esm/SideNav/styles.js.map +0 -1
- package/esm/SwipeToRefresh/ProgressIndicator.js.map +0 -1
- package/esm/SwipeToRefresh/ProgressLoader.js.map +0 -1
- package/esm/SwipeToRefresh/SwipeToRefresh.js.map +0 -1
- package/esm/SwipeToRefresh/styled.js.map +0 -1
- package/esm/SwipeToRefresh/useSwipe.js.map +0 -1
- package/esm/Tabs/index.js.map +0 -1
- package/esm/index.js.map +0 -1
|
@@ -3,8 +3,15 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
-
var
|
|
7
|
-
|
|
6
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
13
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
14
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
15
|
var React = require('react');
|
|
9
16
|
var lodash = require('lodash');
|
|
10
17
|
var reactDesc = require('react-desc');
|
|
@@ -13,170 +20,141 @@ var dsGrid = require('@elliemae/ds-grid');
|
|
|
13
20
|
var Backdrop = require('@elliemae/ds-backdrop');
|
|
14
21
|
var dsSystem = require('@elliemae/ds-system');
|
|
15
22
|
var Group = require('@elliemae/ds-shared/GroupContext/Group');
|
|
16
|
-
var
|
|
23
|
+
var MobileContextMenuGroup = require('./MobileContextMenuGroup.js');
|
|
24
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
17
25
|
|
|
18
26
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
27
|
|
|
20
28
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
|
-
var
|
|
22
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
29
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
23
30
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
31
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
25
32
|
var Group__default = /*#__PURE__*/_interopDefaultLegacy(Group);
|
|
26
33
|
|
|
34
|
+
var _ContextMenuGroup;
|
|
35
|
+
|
|
27
36
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
28
37
|
|
|
29
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
30
|
-
|
|
38
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
39
|
+
const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
31
40
|
componentId: "sc-15ys5tq-0"
|
|
32
|
-
})(["background:", ";z-index:", ";width:", ";position:fixed;bottom:0;left:", ";max-height:90vh;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0px 24px 0 rgba(0,0,0,0.5),0 0px 11px 0 rgba(0,0,0,0.5);"],
|
|
33
|
-
|
|
34
|
-
}, function (props) {
|
|
35
|
-
return props.zIndex;
|
|
36
|
-
}, function (props) {
|
|
37
|
-
return "calc(100% - ".concat(props.theme.space.xs, ")");
|
|
38
|
-
}, function (props) {
|
|
39
|
-
return props.theme.space.xxs;
|
|
40
|
-
});
|
|
41
|
-
var StyledTitle = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
|
|
41
|
+
})(["background:", ";z-index:", ";width:", ";position:fixed;bottom:0;left:", ";max-height:90vh;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0px 24px 0 rgba(0,0,0,0.5),0 0px 11px 0 rgba(0,0,0,0.5);"], props => props.theme.colors.neutral['000'], props => props.zIndex, props => "calc(100% - ".concat(props.theme.space.xs, ")"), props => props.theme.space.xxs);
|
|
42
|
+
const StyledTitle = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
42
43
|
componentId: "sc-15ys5tq-1"
|
|
43
|
-
})(["font-size:16px;font-weight:", ";color:", ";", " & > span{height:20px;width:20px;}& > span > svg,svg:not([fill]){height:20px;width:20px;fill:", ";}"],
|
|
44
|
-
|
|
45
|
-
}, function (props) {
|
|
46
|
-
return props.theme.colors.neutral['000'];
|
|
47
|
-
}, dsSystem.truncate(), function (props) {
|
|
48
|
-
return props.theme.colors.neutral['000'];
|
|
49
|
-
});
|
|
50
|
-
var HeaderContainer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
|
|
44
|
+
})(["font-size:16px;font-weight:", ";color:", ";", " & > span{height:20px;width:20px;}& > span > svg,svg:not([fill]){height:20px;width:20px;fill:", ";}"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['000'], dsSystem.truncate(), props => props.theme.colors.neutral['000']);
|
|
45
|
+
const HeaderContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
51
46
|
componentId: "sc-15ys5tq-2"
|
|
52
|
-
})(["border-top-left-radius:5px;border-top-right-radius:5px;background:", ";"],
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
_ref$dataTestid = _ref.dataTestid,
|
|
79
|
-
dataTestid = _ref$dataTestid === void 0 ? 'mobile-context-menu' : _ref$dataTestid,
|
|
80
|
-
_ref$buttonFooter = _ref.buttonFooter,
|
|
81
|
-
buttonFooter = _ref$buttonFooter === void 0 ? null : _ref$buttonFooter,
|
|
82
|
-
_ref$onApply = _ref.onApply,
|
|
83
|
-
onApply = _ref$onApply === void 0 ? lodash.noop : _ref$onApply,
|
|
84
|
-
initSelecteds = _ref.selecteds;
|
|
85
|
-
|
|
86
|
-
var _useState = React.useState([]),
|
|
87
|
-
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
88
|
-
selectedItems = _useState2[0],
|
|
89
|
-
setSelectedItems = _useState2[1];
|
|
90
|
-
|
|
91
|
-
var trueSelected = React.useMemo(function () {
|
|
92
|
-
return initSelecteds !== undefined ? initSelecteds : _toConsumableArray__default['default'](selectedItems);
|
|
93
|
-
}, [initSelecteds, selectedItems]);
|
|
94
|
-
var containerRef = React.useRef(null);
|
|
95
|
-
|
|
96
|
-
var handleChange = function handleChange(value, childProps, event) {
|
|
47
|
+
})(["border-top-left-radius:5px;border-top-right-radius:5px;background:", ";"], props => props.theme.colors.brand['600']);
|
|
48
|
+
|
|
49
|
+
const isArr = prop => Array.isArray(prop);
|
|
50
|
+
|
|
51
|
+
const DSMobileContextMenu = dsSystem.withTheme(_ref => {
|
|
52
|
+
let {
|
|
53
|
+
open = false,
|
|
54
|
+
title = '',
|
|
55
|
+
multiple = false,
|
|
56
|
+
singleSelect = false,
|
|
57
|
+
onChange = lodash.noop,
|
|
58
|
+
onClickOutside = lodash.noop,
|
|
59
|
+
children,
|
|
60
|
+
theme,
|
|
61
|
+
backdropZIndex,
|
|
62
|
+
zIndex = 1,
|
|
63
|
+
dataTestid = 'mobile-context-menu',
|
|
64
|
+
buttonFooter = null,
|
|
65
|
+
onApply = lodash.noop,
|
|
66
|
+
selecteds: initSelecteds
|
|
67
|
+
} = _ref;
|
|
68
|
+
const [selectedItems, setSelectedItems] = React.useState([]);
|
|
69
|
+
const trueSelected = React.useMemo(() => initSelecteds !== undefined ? initSelecteds : [...selectedItems], [initSelecteds, selectedItems]);
|
|
70
|
+
const containerRef = React.useRef(null);
|
|
71
|
+
|
|
72
|
+
const handleChange = (value, childProps, event) => {
|
|
97
73
|
onChange(value, childProps, event);
|
|
98
74
|
|
|
99
75
|
if (initSelecteds === undefined) {
|
|
100
|
-
if (multiple) setSelectedItems(
|
|
76
|
+
if (multiple) setSelectedItems([...value]);else if (singleSelect) setSelectedItems(value);
|
|
101
77
|
}
|
|
102
78
|
};
|
|
103
79
|
|
|
104
|
-
|
|
80
|
+
const handleApply = function (e) {
|
|
105
81
|
if (this.onClick) this.onClick(e);
|
|
106
82
|
onApply(e, selectedItems);
|
|
107
83
|
};
|
|
108
84
|
|
|
109
|
-
|
|
85
|
+
const rows = [theme.space.s, 1];
|
|
110
86
|
if (buttonFooter) rows.push('56px');
|
|
111
87
|
if (!open) return null;
|
|
112
|
-
return /*#__PURE__*/
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
88
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
89
|
+
children: [/*#__PURE__*/_jsx__default["default"](Backdrop.DSBackdrop, {
|
|
90
|
+
type: "cover",
|
|
91
|
+
zIndex: backdropZIndex,
|
|
92
|
+
onClick: e => {
|
|
93
|
+
// PUI-4481 prevent click on elements below backdrop
|
|
94
|
+
e.stopPropagation();
|
|
95
|
+
onClickOutside(e);
|
|
96
|
+
}
|
|
97
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(StyledContainer, {
|
|
98
|
+
zIndex: zIndex,
|
|
99
|
+
rows: rows,
|
|
100
|
+
ref: containerRef,
|
|
101
|
+
"data-testid": "ds-mobile-context-menu",
|
|
102
|
+
children: [/*#__PURE__*/_jsx__default["default"](HeaderContainer, {
|
|
103
|
+
justifyContent: "center",
|
|
104
|
+
alignItems: "center",
|
|
105
|
+
pl: "xs",
|
|
106
|
+
pr: "xs"
|
|
107
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](StyledTitle, {
|
|
108
|
+
alignItems: "center",
|
|
109
|
+
gutter: "xxs",
|
|
110
|
+
cols: Array(isArr(title) ? title.length : 1).fill('auto')
|
|
111
|
+
}, void 0, title)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
112
|
+
style: {
|
|
113
|
+
overflow: 'hidden'
|
|
114
|
+
}
|
|
115
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
116
|
+
style: {
|
|
117
|
+
overflow: 'auto'
|
|
118
|
+
}
|
|
119
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](Group__default["default"], {
|
|
120
|
+
activeValue: trueSelected,
|
|
121
|
+
multiple: multiple,
|
|
122
|
+
onChange: handleChange
|
|
123
|
+
}, void 0, React__default["default"].Children.map(children, (child, ii) => {
|
|
124
|
+
var _child$type;
|
|
125
|
+
|
|
126
|
+
const isGroup = child.type === (_ContextMenuGroup || (_ContextMenuGroup = /*#__PURE__*/_jsx__default["default"](MobileContextMenuGroup.DSMobileContextMenuGroup, {}))).type || ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) === MobileContextMenuGroup.DSMobileContextMenuGroup.componentType || child.type === MobileContextMenuGroup.DSMobileContextMenuGroup.type;
|
|
127
|
+
const {
|
|
128
|
+
onClick = lodash.noop
|
|
129
|
+
} = child.props;
|
|
130
|
+
const value = ii;
|
|
131
|
+
let isSelected;
|
|
132
|
+
if (singleSelect) isSelected = trueSelected === value;else if (multiple) isSelected = trueSelected.includes(value);
|
|
133
|
+
return /*#__PURE__*/React__default["default"].cloneElement(child, {
|
|
134
|
+
value,
|
|
135
|
+
key: "cm.".concat(ii),
|
|
136
|
+
isMulti: multiple,
|
|
137
|
+
singleSelect,
|
|
138
|
+
isSelected,
|
|
139
|
+
onClick: !isGroup ? e => onClick(e, child.props) : null,
|
|
140
|
+
selectedItems: isGroup ? trueSelected : null
|
|
141
|
+
});
|
|
142
|
+
})))), buttonFooter && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
143
|
+
pl: "xs",
|
|
144
|
+
pr: "xs",
|
|
145
|
+
alignItems: "center"
|
|
146
|
+
}, void 0, /*#__PURE__*/React__default["default"].cloneElement(buttonFooter, _objectSpread(_objectSpread({}, buttonFooter.props), {}, {
|
|
147
|
+
containerProps: {
|
|
148
|
+
'data-testid': "".concat(dataTestid, "--btn")
|
|
149
|
+
},
|
|
150
|
+
buttonType: 'primary',
|
|
151
|
+
size: 'l',
|
|
152
|
+
onClick: handleApply.bind(buttonFooter.props)
|
|
153
|
+
})))]
|
|
154
|
+
})]
|
|
155
|
+
});
|
|
178
156
|
});
|
|
179
|
-
|
|
157
|
+
const props = {
|
|
180
158
|
/** toggle open the menu */
|
|
181
159
|
open: reactDesc.PropTypes.bool.description('toggle open the menu'),
|
|
182
160
|
|
|
@@ -213,10 +191,8 @@ var props = {
|
|
|
213
191
|
/** selected elements for multi and single select */
|
|
214
192
|
selecteds: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number])), reactDesc.PropTypes.number]).description('selected elements for multi and single select')
|
|
215
193
|
};
|
|
216
|
-
|
|
217
|
-
var DSMobileContextMenuWithSchema = reactDesc.describe(DSMobileContextMenu);
|
|
194
|
+
const DSMobileContextMenuWithSchema = reactDesc.describe(DSMobileContextMenu);
|
|
218
195
|
DSMobileContextMenuWithSchema.propTypes = props;
|
|
219
196
|
|
|
220
197
|
exports.DSMobileContextMenu = DSMobileContextMenu;
|
|
221
198
|
exports.DSMobileContextMenuWithSchema = DSMobileContextMenuWithSchema;
|
|
222
|
-
//# sourceMappingURL=MobileContextMenu.js.map
|
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
12
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
13
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
6
14
|
var React = require('react');
|
|
7
15
|
var styled = require('styled-components');
|
|
8
16
|
var dsGrid = require('@elliemae/ds-grid');
|
|
@@ -12,57 +20,48 @@ var reactDesc = require('react-desc');
|
|
|
12
20
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
21
|
|
|
14
22
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
23
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
24
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
25
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
17
26
|
|
|
18
27
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
19
28
|
|
|
20
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
21
|
-
|
|
29
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
30
|
+
const Title = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
22
31
|
componentId: "sc-atfpfh-0"
|
|
23
|
-
})(["height:24px;line-height:24px;font-size:12px;border-top:1px solid ", ";background:", ";padding:0 ", ";color:", ";font-weight:", ";"],
|
|
24
|
-
return props.theme.colors.brand['300'];
|
|
25
|
-
}, function (props) {
|
|
26
|
-
return props.theme.colors.brand['200'];
|
|
27
|
-
}, function (props) {
|
|
28
|
-
return props.theme.space.xs;
|
|
29
|
-
}, function (props) {
|
|
30
|
-
return props.theme.colors.neutral['700'];
|
|
31
|
-
}, function (props) {
|
|
32
|
-
return props.theme.fontWeights.semibold;
|
|
33
|
-
});
|
|
32
|
+
})(["height:24px;line-height:24px;font-size:12px;border-top:1px solid ", ";background:", ";padding:0 ", ";color:", ";font-weight:", ";"], props => props.theme.colors.brand['300'], props => props.theme.colors.brand['200'], props => props.theme.space.xs, props => props.theme.colors.neutral['700'], props => props.theme.fontWeights.semibold);
|
|
34
33
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
34
|
+
const DSMobileContextMenuGroup = _ref => {
|
|
35
|
+
let {
|
|
36
|
+
title,
|
|
37
|
+
isMulti,
|
|
38
|
+
singleSelect,
|
|
39
|
+
children,
|
|
40
|
+
value: groupValue,
|
|
41
|
+
selectedItems
|
|
42
|
+
} = _ref;
|
|
43
|
+
return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](Title, {}, void 0, title)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, React__default["default"].Children.map(children, (child, index) => {
|
|
44
|
+
const {
|
|
45
|
+
onClick = lodash.noop
|
|
46
|
+
} = child.props;
|
|
47
|
+
const value = "".concat(groupValue, ":").concat(index);
|
|
48
|
+
let isSelected;
|
|
48
49
|
if (singleSelect) isSelected = selectedItems === value;else if (isMulti) isSelected = selectedItems.includes(value);
|
|
49
|
-
return /*#__PURE__*/React__default[
|
|
50
|
-
value
|
|
50
|
+
return /*#__PURE__*/React__default["default"].cloneElement(child, {
|
|
51
|
+
value,
|
|
51
52
|
key: 'group.'.concat(index),
|
|
52
53
|
isGroup: true,
|
|
53
|
-
isMulti
|
|
54
|
-
singleSelect
|
|
55
|
-
isSelected
|
|
56
|
-
onClick:
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}, child.props));
|
|
60
|
-
}
|
|
54
|
+
isMulti,
|
|
55
|
+
singleSelect,
|
|
56
|
+
isSelected,
|
|
57
|
+
onClick: e => onClick(e, _objectSpread({
|
|
58
|
+
value
|
|
59
|
+
}, child.props))
|
|
61
60
|
});
|
|
62
61
|
})));
|
|
63
62
|
};
|
|
64
63
|
|
|
65
|
-
|
|
64
|
+
const props = {
|
|
66
65
|
/**
|
|
67
66
|
* Group title
|
|
68
67
|
*/
|
|
@@ -85,11 +84,9 @@ var props = {
|
|
|
85
84
|
/** selected items, array for multi, string for single */
|
|
86
85
|
selectedItems: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.array, reactDesc.PropTypes.string]).description('selected items, array for multi, string for single')
|
|
87
86
|
};
|
|
88
|
-
DSMobileContextMenuGroup.propTypes = props;
|
|
89
87
|
DSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';
|
|
90
|
-
|
|
88
|
+
const DSMobileContextMenuGroupWithSchema = reactDesc.describe(DSMobileContextMenuGroup);
|
|
91
89
|
DSMobileContextMenuGroupWithSchema.propTypes = props;
|
|
92
90
|
|
|
93
91
|
exports.DSMobileContextMenuGroup = DSMobileContextMenuGroup;
|
|
94
92
|
exports.DSMobileContextMenuGroupWithSchema = DSMobileContextMenuGroupWithSchema;
|
|
95
|
-
//# sourceMappingURL=MobileContextMenuGroup.js.map
|