@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
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MobileContextMenuItem.js","sources":["../../../src/MobileContextMenu/MobileContextMenuItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { truncate } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { DSMobileTouchable } from '../MobileTouchable';\n\nconst Wrap = styled((props) => <DSMobileTouchable {...props} />)`\n border-bottom: none;\n`;\n\nconst PropWrap = styled((props) => <Grid {...props} />)`\n ${(props) => {\n if (!props.isMulti) {\n return `\n & > span {\n height: 18px;\n width: 18px;\n }\n\n & > span > svg {\n height: 18px;\n width: 18px;\n }\n `;\n }\n return '';\n }}\n`;\n\nconst Title = styled.span`\n font-size: 16px;\n color: ${(props) => props.theme.colors.brand['600']};\n ${truncate()}\n`;\n\nconst Label = styled.span`\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nconst CheckMark = styled(Checkmark)`\n fill: ${(props) => props.theme.colors.brand['600']};\n`;\ninterface DSMobileContextMenuItemPropsT {\n label: string;\n title: string;\n leftProp: JSX.Element;\n isGroup: boolean;\n isMulti: boolean;\n isSelected: boolean;\n singleSelect: boolean;\n onClick: (e: any) => void;\n value: string;\n}\nconst DSMobileContextMenuItem = ({\n label,\n title,\n leftProp,\n isGroup,\n isMulti,\n singleSelect,\n isSelected,\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n onClick = () => {},\n value,\n}: DSMobileContextMenuItemPropsT): JSX.Element => (\n <GroupItem\n render={(context) => {\n const { activeValue } = context;\n let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);\n if (isGroup) someItemSelected = typeof activeValue === 'string';\n\n let showLeftAddon = isSelected;\n if (isMulti || !singleSelect) showLeftAddon = true;\n\n let leftAddon = leftProp || null;\n if (isMulti) leftAddon = <DSCheckbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />;\n if (singleSelect) leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\n return (\n <Wrap\n data-testid=\"ds-contextmenu-item\"\n onClick={(e) => {\n if (singleSelect || isMulti) context.onChange(value, e, { value, label, title });\n onClick(e);\n }}\n cols={\n (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto']\n }\n >\n {((singleSelect && someItemSelected) || isMulti || leftAddon) && (\n <PropWrap data-testid=\"left-addon\" isMulti={isMulti} alignItems=\"center\" justifyContent=\"center\" pl=\"16px\">\n {showLeftAddon && leftAddon}\n </PropWrap>\n )}\n <Grid height=\"44px\" pr=\"xs\" pl={!leftAddon && isGroup ? '24px' : 'xs'}>\n {label && (\n <Grid alignItems=\"center\">\n <Label data-testid=\"contextMenuItem-label\">{label}</Label>\n </Grid>\n )}\n <Grid alignItems={!label ? 'center' : undefined}>\n <Title data-testid=\"contextMenuItem-title\">{title}</Title>\n </Grid>\n </Grid>\n </Wrap>\n );\n }}\n />\n);\n\nconst props = {\n /** label */\n label: PropTypes.string.description('label'),\n /** menu item title */\n title: PropTypes.string.isRequired.description('menu item title'),\n /** */\n leftProp: PropTypes.element.description(''),\n /** multi select */\n isMulti: PropTypes.bool.description('multi select'),\n /** */\n singleSelect: PropTypes.bool.description(''),\n /** */\n isGroup: PropTypes.bool.description(''),\n /** on click handler */\n onClick: PropTypes.func.description('on click handler'),\n /** value for select */\n value: PropTypes.number.description('value for select'),\n /** selected value */\n isSelected: PropTypes.bool.description('selected value'),\n};\n\nDSMobileContextMenuItem.propTypes = props;\n\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n"],"names":["Wrap","styled","props","React","DSMobileTouchable","PropWrap","Grid","isMulti","Title","span","theme","colors","brand","truncate","Label","neutral","CheckMark","Checkmark","DSMobileContextMenuItem","label","title","leftProp","isGroup","singleSelect","isSelected","onClick","value","GroupItem","context","activeValue","someItemSelected","Array","isArray","showLeftAddon","leftAddon","DSCheckbox","e","onChange","undefined","PropTypes","string","description","isRequired","element","bool","func","number","propTypes","DSMobileContextMenuItemWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../src/MobileDatePicker/Input.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n input[type=date]& { \n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n appearance: none;\n color: transparent;\n\n white-space: nowrap;\n position: relative;\n height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n width: 100%;\n max-width: calc(100% - 32px);\n outline: none;\n box-sizing: border-box;\n display: flex;\n background: ${props => props.theme.colors.neutral['000']};\n padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n z-index: 1;\n border-radius: 2px;\n border: solid 1px ${props => props.theme.colors.neutral[200]};\n }\n\n input[type=date]&:active, input[type=date]&:focus {\n ${props => focus(props.theme.colors.brand[700])}\n }\n\n &:before {\n color: ${props =>\n props.value === ''\n ? props.theme.colors.neutral['500']\n : props.theme.colors.neutral['800']};\n content: '${props =>\n props.value === '' ? props.placeholder : props['data-displayvalue']}';\n }\n\n input[type=date]&::-webkit-datetime-edit, input[type=date]&::-webkit-inner-spin-button, input[type=date]&::-webkit-clear-button {\n -webkit-appearance: none;\n display: none;\n }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n <StyledInput ref={innerRef} {...props} />\n);\n"],"names":["StyledInput","styled","input","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","l","colors","neutral","xs","focus","brand","value","placeholder","Input","innerRef","React"],"mappings":";;;;;;;;;;;;;;;;;;AAIA,IAAMA,WAAW,gBAAGC,0BAAM,CAACC,KAAV;AAAA;AAAA,0mBAUH,UAAAC,KAAK;AAAA,SAAIC,iCAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,CAAnB,CAA5B;AAAA,CAVF,EAgBC,UAAAJ,KAAK;AAAA,SAAIA,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAJ;AAAA,CAhBN,EAiBA,UAAAN,KAAK;AAAA,SAAIC,iCAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBI,EAAnB,CAA5B;AAAA,CAjBL,EAoBO,UAAAP,KAAK;AAAA,SAAIA,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAJ;AAAA,CApBZ,EAwBX,UAAAN,KAAK;AAAA,SAAIQ,cAAK,CAACR,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBI,KAAnB,CAAyB,GAAzB,CAAD,CAAT;AAAA,CAxBM,EA4BJ,UAAAT,KAAK;AAAA,SACZA,KAAK,CAACU,KAAN,KAAgB,EAAhB,GACIV,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CADJ,GAEIN,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAHQ;AAAA,CA5BD,EAgCD,UAAAN,KAAK;AAAA,SACfA,KAAK,CAACU,KAAN,KAAgB,EAAhB,GAAqBV,KAAK,CAACW,WAA3B,GAAyCX,KAAK,CAAC,mBAAD,CAD/B;AAAA,CAhCJ,CAAjB;IA0CaY,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAgBb,KAAhB;;AAAA,sBACnBc,wCAAC,WAAD;AAAa,IAAA,GAAG,EAAED;AAAlB,KAAgCb,KAAhC,EADmB;AAAA;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MobileDatePicker.js","sources":["../../../src/MobileDatePicker/MobileDatePicker.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileDatePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n const inputRef = useRef(null);\n useEffect(() => {\n /*\n necessary if value is being set in mount, \n otherwise the clear won't work on the first click\n [SEE input onChange comment]\n */\n if (inputRef.current) {\n inputRef.current.defaultValue = '';\n }\n }, [inputRef.current]);\n const valueArr = value.split('-');\n const displayValue = value && `${valueArr[1]} / ${valueArr[2]} / ${valueArr[0]}`;\n return (\n <DSInputGroup\n rightAddon={\n <DSButton\n aria-label=\"Date Picker Button\"\n color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n disabled={disabled}\n icon={<DatePicker />}\n type=\"button\"\n buttonType=\"secondary\"\n onClick={() => {\n inputRef.current.focus();\n inputRef.current.click();\n }}\n />\n }\n >\n <Input\n data-testid=\"ds-mobile-date-picker\"\n innerRef={inputRef}\n aria-label=\"Date Picker Input Mask\"\n disabled={disabled}\n onKeyDown={(e) => e.preventDefault()}\n type=\"date\"\n placeholder={placeholder}\n onChange={(e) => {\n // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n const { target } = e.nativeEvent;\n function iosClearDefault() {\n target.defaultValue = '';\n }\n window.setTimeout(iosClearDefault, 0);\n onChange(e);\n }}\n tabIndex={tabIndex}\n value={value}\n data-displayvalue={displayValue}\n />\n </DSInputGroup>\n );\n};\n\nDSMobileDatePicker.defaultProps = {\n disabled: false,\n tabIndex: 0,\n placeholder: 'MM / DD / YYYY',\n};\n\nconst props = {\n /**\n * defaults to false\n */\n disabled: PropTypes.bool.description('defaults to false'),\n /**\n * 0 as default\n */\n tabIndex: PropTypes.number.description('0 as default'),\n /**\n * MM / DD / YYYY as default\n */\n placeholder: PropTypes.string.description('MM / DD / YYYY as default'),\n /**\n * onChange handler, receives change event as first argument\n */\n onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n /**\n * ISO8601 string representing the date in format YYYY-MM-DD or empty string\n */\n value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string'),\n};\n\nDSMobileDatePicker.propTypes = props;\n\nconst DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);\n\nDSMobileDatePickerWithSchema.propTypes = props;\n\nexport { DSMobileDatePicker, DSMobileDatePickerWithSchema };\n"],"names":["DSMobileDatePicker","disabled","value","tabIndex","placeholder","onChange","inputRef","useRef","useEffect","current","defaultValue","valueArr","split","displayValue","React","DSInputGroup","DSButton","DSIconColors","PRIMARY","NEUTRAL","DatePicker","focus","click","Input","e","preventDefault","target","nativeEvent","iosClearDefault","window","setTimeout","defaultProps","props","PropTypes","bool","description","number","string","func","propTypes","DSMobileDatePickerWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MobileDropdownInput.js","sources":["../../../src/MobileDropdownMenu/MobileDropdownInput.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { focus } from '@elliemae/ds-system';\n\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n caret-color: transparent;\n padding-right: 32px;\n padding-left: 10px;\n border-radius: 2px;\n width: 100%;\n background: ${(props) => props.theme.colors.neutral['000']};\n height: 32px;\n line-height: 32px;\n border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n &:active,\n &:focus {\n ${(props) => focus(props.theme.colors.brand[700])}\n }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n position: relative;\n width: 100%;\n display: inline-block;\n height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n width: 32px;\n height: 32px;\n position: absolute;\n right: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n <CaretWrap onClick={onClick}>\n <ChevronDown color={['brand-primary', '600']} />\n </CaretWrap>\n);\n\nCaret.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n inputProps,\n caretProps,\n}: {\n inputProps: Record<string, unknown>;\n caretProps: Record<string, unknown>;\n}): JSX.Element => (\n <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n <MobileDropdownInput {...inputProps} readOnly />\n <Caret {...caretProps} />\n </MobileDropdownInputWrap>\n);\n"],"names":["MobileDropdownInput","styled","input","props","theme","colors","neutral","focus","brand","MobileDropdownInputWrap","span","CaretWrap","Caret","onClick","React","ChevronDown","propTypes","PropTypes","func","isRequired","DSMobileDropdownTriggerInput","inputProps","caretProps"],"mappings":";;;;;;;;;;;;;;;;;;IAOaA,mBAAmB,gBAAGC,0BAAM,CAACC,KAAV;AAAA;AAAA,iRAShB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CATgB,EAYV,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAZU,EAgB1B,UAACH,KAAD;AAAA,SAAWI,cAAK,CAACJ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBG,KAAnB,CAAyB,GAAzB,CAAD,CAAhB;AAAA,CAhB0B;IAoBnBC,uBAAuB,gBAAGR,0BAAM,CAACS,IAAV;AAAA;AAAA;AAOpC,IAAMC,SAAS,gBAAGV,0BAAM,CAACS,IAAV;AAAA;AAAA,sHAAf;IAWaE,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,sBACnBC,wCAAC,SAAD;AAAW,IAAA,OAAO,EAAED;AAApB,kBACEC,wCAACC,mBAAD;AAAa,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAApB,IADF,CADmB;AAAA;AAMrBH,KAAK,CAACI,SAAN,GAAkB;AAChBH,EAAAA,OAAO,EAAEI,6BAAS,CAACC,IAAV,CAAeC;AADR,CAAlB;IAIaC,4BAA4B,GAAG,SAA/BA,4BAA+B;AAAA,MAC1CC,UAD0C,SAC1CA,UAD0C;AAAA,MAE1CC,UAF0C,SAE1CA,UAF0C;AAAA,sBAO1CR,wCAAC,uBAAD;AAAyB,mBAAY;AAArC,kBACEA,wCAAC,mBAAD,mCAAyBO,UAAzB;AAAqC,IAAA,QAAQ;AAA7C,KADF,eAEEP,wCAAC,KAAD,EAAWQ,UAAX,CAFF,CAP0C;AAAA;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MobileDropdownMenu.js","sources":["../../../src/MobileDropdownMenu/MobileDropdownMenu.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport {\n DSMobileContextMenu,\n DSMobileContextMenuItem,\n} from '../MobileContextMenu';\n\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput';\ninterface OptionT {\n label: string;\n value: string;\n}\ninterface DSMobileDropdownMenuPropsT {\n placeholder: string;\n value: string;\n options: OptionT[];\n title: string;\n itemsProps: {\n label?: string;\n leftProp?: JSX.Element;\n isGroup?: boolean;\n isMulti?: boolean;\n singleSelect?: boolean;\n isItemSelected?: (opt: OptionT) => boolean;\n onClick?: (opt: OptionT, e: any) => void;\n };\n}\nconst DSMobileDropdownMenu = ({\n placeholder,\n options = [],\n title,\n value,\n itemsProps = {\n label: undefined,\n leftProp: undefined,\n isGroup: false,\n isMulti: false,\n singleSelect: false,\n isItemSelected: () => false,\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n onClick: () => {},\n },\n}: DSMobileDropdownMenuPropsT): JSX.Element => {\n const [menuOpen, setMenuOpen] = useState(false);\n const inputRef = useRef(null);\n const inputProps = React.useMemo(\n () => ({\n readOnly: true,\n value,\n onClick: () => setMenuOpen(true),\n ref: inputRef,\n placeholder,\n }),\n [value, placeholder],\n );\n const caretProps = React.useMemo(\n () => ({\n onClick: () => {\n inputRef.current.focus();\n setMenuOpen(true);\n },\n }),\n [],\n );\n return (\n <>\n <DSMobileDropdownTriggerInput\n inputProps={inputProps}\n caretProps={caretProps}\n />\n {menuOpen ? (\n <DSMobileContextMenu\n title={title}\n open\n onChange={(_, e) => {\n setMenuOpen(false);\n }}\n onClickOutside={() => setMenuOpen(false)}\n >\n {options.map((opt, i) => (\n <DSMobileContextMenuItem\n key={'ddwn'.concat(`${i}`)}\n title={opt.label}\n value={opt.value}\n isSelected={itemsProps.isItemSelected(opt)}\n onClick={(e) => {\n setMenuOpen(false);\n itemsProps.onClick(opt, e);\n }}\n label={itemsProps.label}\n leftProp={itemsProps.leftProp}\n isGroup={itemsProps.isGroup}\n isMulti={itemsProps.isMulti}\n singleSelect={itemsProps.singleSelect}\n />\n ))}\n </DSMobileContextMenu>\n ) : null}\n </>\n );\n};\n\nconst props = {\n /** dropdown menu placeholder */\n placeholder: PropTypes.string.description('dropdown menu placeholder'),\n /** context menu menu title */\n title: PropTypes.string.description('context menu menu title'),\n /** context menu options / items */\n options: PropTypes.arrayOf(\n PropTypes.shape({ value: PropTypes.string, label: PropTypes.string }),\n ).description('context menu options / items'),\n};\n\nDSMobileDropdownMenu.propTypes = props;\n\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n"],"names":["DSMobileDropdownMenu","placeholder","options","title","value","itemsProps","label","undefined","leftProp","isGroup","isMulti","singleSelect","isItemSelected","onClick","useState","menuOpen","setMenuOpen","inputRef","useRef","inputProps","React","useMemo","readOnly","ref","caretProps","current","focus","DSMobileDropdownTriggerInput","DSMobileContextMenu","_","e","map","opt","i","DSMobileContextMenuItem","concat","props","PropTypes","string","description","arrayOf","shape","propTypes","DSMobileDropdownMenuWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MobileEmptyState.js","sources":["../../../src/MobileEmtpyState/MobileEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { PropTypes, describe } from 'react-desc';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100%;\n`;\n\nconst Label = styled.p`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => props.theme.space.xs};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n min-width: 132px;\n`;\n\nconst DSMobileEmptyState = ({ label = 'No search results found.' }) => (\n <Wrapper>\n <Search size=\"xxl\" color={['neutral', 400]} />\n <Label>{label}</Label>\n </Wrapper>\n);\n\nconst props = {\n /** empty state label */\n label: PropTypes.string.description('empty state label'),\n};\n\nDSMobileEmptyState.propTypes = props;\n\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n"],"names":["Wrapper","styled","div","Label","p","props","theme","colors","neutral","space","xs","fontWeights","semibold","DSMobileEmptyState","label","React","Search","PropTypes","string","description","propTypes","DSMobileEmptyStateWithSchema","describe"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,OAAO,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,iGAAb;AAQA,IAAMC,KAAK,gBAAGF,0BAAM,CAACG,CAAV;AAAA;AAAA,oEACA,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADA,EAEI,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,EAA7B;AAAA,CAFJ,EAGM,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYK,WAAZ,CAAwBC,QAAnC;AAAA,CAHN,CAAX;;IAOMC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,wBAAGC,KAAH;AAAA,MAAGA,KAAH,2BAAW,0BAAX;AAAA,sBACzBC,wCAAC,OAAD,qBACEA,wCAACC,cAAD;AAAQ,IAAA,IAAI,EAAC,KAAb;AAAmB,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAA1B,IADF,eAEED,wCAAC,KAAD,QAAQD,KAAR,CAFF,CADyB;AAAA;;AAO3B,IAAMT,KAAK,GAAG;AACZ;AACAS,EAAAA,KAAK,EAAEG,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,mBAA7B;AAFK,CAAd;AAKAN,kBAAkB,CAACO,SAAnB,GAA+Bf,KAA/B;IAEMgB,4BAA4B,GAAGC,kBAAQ,CAACT,kBAAD;AAC7CQ,4BAA4B,CAACD,SAA7B,GAAyCf,KAAzC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Filterbar.js","sources":["../../../src/MobileFilterbar/Filterbar.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { describe, PropTypes } from 'react-desc';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Bar = styled.div`\n display: flex;\n overflow: auto;\n background-color: ${(props) => props.theme.colors.neutral['000']};\n padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n & > * {\n flex-shrink: 0;\n }\n\n &::-webkit-scrollbar {\n display: none;\n }\n`;\n\nconst Separator = styled.div`\n & > * {\n margin: 0;\n }\n`;\n\nconst DSMobileFilterbar = ({ children }) => (\n <Grid rows={['auto', 'auto']} data-testid=\"filter-bar-wrapper\">\n <Bar>{children}</Bar>\n <Separator>\n <MobileSeparator margin=\"xxs\" color={['neutral', '300']} />\n </Separator>\n </Grid>\n);\n\nconst filterbarProps = {\n children: PropTypes.element.description('FilterBar Items').isRequired,\n};\n\nDSMobileFilterbar.propTypes = filterbarProps;\n\nconst FilterbarWithSchema = describe(DSMobileFilterbar);\nFilterbarWithSchema.propTypes = filterbarProps;\n\nexport { DSMobileFilterbar, FilterbarWithSchema };\n"],"names":["Bar","styled","div","props","theme","colors","neutral","__UNSAFE_SPACE_TO_DIMSUM","space","xs","Separator","DSMobileFilterbar","children","React","Grid","MobileSeparator","filterbarProps","PropTypes","element","description","isRequired","propTypes","FilterbarWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAQA,IAAMA,GAAG,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,oIAGa,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHb,EAIS,UAACH,KAAD;AAAA,SAAWI,iCAAwB,CAACJ,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBC,EAAnB,CAAnC;AAAA,CAJT,CAAT;AAcA,IAAMC,SAAS,gBAAGT,0BAAM,CAACC,GAAV;AAAA;AAAA,wBAAf;;IAMMS,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBACxBC,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAAZ;AAA8B,mBAAY;AAA1C,kBACED,wCAAC,GAAD,QAAMD,QAAN,CADF,eAEEC,wCAAC,SAAD,qBACEA,wCAACE,oCAAD;AAAiB,IAAA,MAAM,EAAC,KAAxB;AAA8B,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,KAAZ;AAArC,IADF,CAFF,CADwB;AAAA;;AAS1B,IAAMC,cAAc,GAAG;AACrBJ,EAAAA,QAAQ,EAAEK,mBAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,iBAA9B,EAAiDC;AADtC,CAAvB;AAIAT,iBAAiB,CAACU,SAAlB,GAA8BL,cAA9B;IAEMM,mBAAmB,GAAGC,kBAAQ,CAACZ,iBAAD;AACpCW,mBAAmB,CAACD,SAApB,GAAgCL,cAAhC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilterbarItem.js","sources":["../../../src/MobileFilterbar/FilterbarItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSMobileFilterbarItem = ({ children, onClick }) => (\n <Grid data-testid=\"filter-bar-item-wrapper\" cols={['min-content']} pr=\"xxs\" pt=\"xxs\" role=\"button\" onClick={onClick}>\n {children}\n </Grid>\n);\nconst filterbarItemProps = {\n children: PropTypes.element.description('FilterBar Items').isRequired,\n onClick: PropTypes.func.description('Function executed when clicking filterbar item'),\n};\n\nDSMobileFilterbarItem.propTypes = filterbarItemProps;\n\nconst FilterbarItemWithSchema = describe(DSMobileFilterbarItem);\nFilterbarItemWithSchema.propTypes = filterbarItemProps;\n\nexport { DSMobileFilterbarItem, FilterbarItemWithSchema };\n"],"names":["DSMobileFilterbarItem","children","onClick","React","Grid","filterbarItemProps","PropTypes","element","description","isRequired","func","propTypes","FilterbarItemWithSchema","describe"],"mappings":";;;;;;;;;;;;IAIMA,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,OAAb,QAAaA,OAAb;AAAA,sBAC5BC,wCAACC,WAAD;AAAM,mBAAY,yBAAlB;AAA4C,IAAA,IAAI,EAAE,CAAC,aAAD,CAAlD;AAAmE,IAAA,EAAE,EAAC,KAAtE;AAA4E,IAAA,EAAE,EAAC,KAA/E;AAAqF,IAAA,IAAI,EAAC,QAA1F;AAAmG,IAAA,OAAO,EAAEF;AAA5G,KACGD,QADH,CAD4B;AAAA;;AAK9B,IAAMI,kBAAkB,GAAG;AACzBJ,EAAAA,QAAQ,EAAEK,mBAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,iBAA9B,EAAiDC,UADlC;AAEzBP,EAAAA,OAAO,EAAEI,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,gDAA3B;AAFgB,CAA3B;AAKAR,qBAAqB,CAACW,SAAtB,GAAkCN,kBAAlC;IAEMO,uBAAuB,GAAGC,kBAAQ,CAACb,qBAAD;AACxCY,uBAAuB,CAACD,SAAxB,GAAoCN,kBAApC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilterbarSort.js","sources":["../../../src/MobileFilterbar/FilterbarSort.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Separator = styled.div`\n & > * {\n margin-left: 0;\n }\n`;\n\nconst DSMobileFilterbarSort = ({ children }) => (\n <>\n {children}\n <Grid pb=\"xxs\" pt=\"xxs\" cols={['min-content']}>\n <Separator>\n <MobileSeparator margin=\"xxs\" direction=\"vertical\" color={['neutral', '300']} />\n </Separator>\n </Grid>\n </>\n);\n\nconst filterbarSortProps = {\n children: PropTypes.element.description('FilterBar Sort Item').isRequired,\n};\n\nDSMobileFilterbarSort.propTypes = filterbarSortProps;\n\nconst FilterbarSortWithSchema = describe(DSMobileFilterbarSort);\nFilterbarSortWithSchema.propTypes = filterbarSortProps;\n\nexport { DSMobileFilterbarSort, FilterbarSortWithSchema };\n"],"names":["Separator","styled","div","DSMobileFilterbarSort","children","React","Grid","MobileSeparator","filterbarSortProps","PropTypes","element","description","isRequired","propTypes","FilterbarSortWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,6BAAf;;IAMMC,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBAC5BC,kFACGD,QADH,eAEEC,wCAACC,WAAD;AAAM,IAAA,EAAE,EAAC,KAAT;AAAe,IAAA,EAAE,EAAC,KAAlB;AAAwB,IAAA,IAAI,EAAE,CAAC,aAAD;AAA9B,kBACED,wCAAC,SAAD,qBACEA,wCAACE,oCAAD;AAAiB,IAAA,MAAM,EAAC,KAAxB;AAA8B,IAAA,SAAS,EAAC,UAAxC;AAAmD,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,KAAZ;AAA1D,IADF,CADF,CAFF,CAD4B;AAAA;;AAW9B,IAAMC,kBAAkB,GAAG;AACzBJ,EAAAA,QAAQ,EAAEK,mBAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,qBAA9B,EAAqDC;AADtC,CAA3B;AAIAT,qBAAqB,CAACU,SAAtB,GAAkCL,kBAAlC;IAEMM,uBAAuB,GAAGC,kBAAQ,CAACZ,qBAAD;AACxCW,uBAAuB,CAACD,SAAxB,GAAoCL,kBAApC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Action.js","sources":["../../../src/MobileFooter/Action.tsx"],"sourcesContent":["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { typography } from 'styled-system';\nimport { color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe, PropTypes } from 'react-desc';\n\nconst Label = styled.span`\n ${typography}\n ${color('neutral', '800')}\n padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n padding-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} / 2);\n`;\n\nconst DSMobileFooterAction = ({ label, icon, onClick }) => (\n <Grid\n data-testid=\"ds-mobile-footer-action\"\n rows={['auto'].concat(label ? 'min-content' : 'none')}\n justifyContent=\"center\"\n role=\"button\"\n onClick={onClick}\n >\n <Grid justifyContent=\"center\" alignItems=\"center\">\n {React.cloneElement(icon, {\n 'data-testid': 'ds-mobile-footer-action-icon',\n size: !label ? 'l' : 'm',\n })}\n </Grid>\n\n {label && (\n <Grid justifyContent=\"center\">\n <Label fontSize=\"11px\">{label}</Label>\n </Grid>\n )}\n </Grid>\n);\n\nconst actionProps = {\n /** Action label */\n label: PropTypes.string.description('Action label'),\n /** Action icon */\n icon: PropTypes.element.description('Action icon'),\n /** onClick callback */\n onClick: PropTypes.func.description('onClick callback'),\n};\n\nDSMobileFooterAction.propTypes = actionProps;\n\nconst DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');\nDSMobileFooterActionWithSchema.propTypes = actionProps;\n\nexport { DSMobileFooterAction, DSMobileFooterActionWithSchema };\n"],"names":["Label","styled","span","typography","color","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","xxs","DSMobileFooterAction","label","icon","onClick","React","Grid","concat","cloneElement","size","actionProps","PropTypes","string","description","element","func","propTypes","DSMobileFooterActionWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;AAAA;AASA,IAAMA,KAAK,gBAAGC,0BAAM,CAACC,IAAV;AAAA;AAAA,kEACPC,uBADO,EAEPC,cAAK,CAAC,SAAD,EAAY,KAAZ,CAFE,EAGS,UAACC,KAAD;AAAA,SAAWC,iCAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,GAAnB,CAAnC;AAAA,CAHT,EAIW,UAACJ,KAAD;AAAA,SAAWC,iCAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,GAAnB,CAAnC;AAAA,CAJX,CAAX;;IAOMC,oBAAoB,GAAG,SAAvBA,oBAAuB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,IAAV,QAAUA,IAAV;AAAA,MAAgBC,OAAhB,QAAgBA,OAAhB;AAAA,sBAC3BC,wCAACC,WAAD;AACE,mBAAY,yBADd;AAEE,IAAA,IAAI,EAAE,CAAC,MAAD,EAASC,MAAT,CAAgBL,KAAK,GAAG,aAAH,GAAmB,MAAxC,CAFR;AAGE,IAAA,cAAc,EAAC,QAHjB;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,IAAA,OAAO,EAAEE;AALX,kBAOEC,wCAACC,WAAD;AAAM,IAAA,cAAc,EAAC,QAArB;AAA8B,IAAA,UAAU,EAAC;AAAzC,kBACGD,yBAAK,CAACG,YAAN,CAAmBL,IAAnB,EAAyB;AACxB,mBAAe,8BADS;AAExBM,IAAAA,IAAI,EAAE,CAACP,KAAD,GAAS,GAAT,GAAe;AAFG,GAAzB,CADH,CAPF,EAcGA,KAAK,iBACJG,wCAACC,WAAD;AAAM,IAAA,cAAc,EAAC;AAArB,kBACED,wCAAC,KAAD;AAAO,IAAA,QAAQ,EAAC;AAAhB,KAAwBH,KAAxB,CADF,CAfJ,CAD2B;AAAA;;AAuB7B,IAAMQ,WAAW,GAAG;AAClB;AACAR,EAAAA,KAAK,EAAES,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,cAA7B,CAFW;;AAGlB;AACAV,EAAAA,IAAI,EAAEQ,mBAAS,CAACG,OAAV,CAAkBD,WAAlB,CAA8B,aAA9B,CAJY;;AAKlB;AACAT,EAAAA,OAAO,EAAEO,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,kBAA3B;AANS,CAApB;AASAZ,oBAAoB,CAACe,SAArB,GAAiCN,WAAjC;IAEMO,8BAA8B,GAAGC,kBAAQ,CAACjB,oBAAD,CAAR,CAA+BY,WAA/B,CAA2C,sBAA3C;AACvCI,8BAA8B,CAACD,SAA/B,GAA2CN,WAA3C;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sources":["../../../src/MobileFooter/Footer.tsx"],"sourcesContent":["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { border, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport DSButton from '@elliemae/ds-button';\nimport { describe, PropTypes } from 'react-desc';\nimport { DSMobileFooterText } from './Text';\n\nconst FooterWrap = styled(Grid)`\n background-color: ${(props) => props.theme.colors.neutral['000']};\n border-top: ${(props) => border(props.theme.colors.neutral[100])};\n height: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`};\n`;\n\nconst MobileFooter = ({ children }) => {\n const childArr = React.Children.toArray(children);\n const isButtonType = childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;\n const setCols = () => {\n if (isButtonType) {\n return childArr.length === 1 ? ['90%'] : ['45%', '45%'];\n }\n return childArr.map(() => `${100 / childArr.length}%`);\n };\n return (\n <FooterWrap>\n <Grid\n cols={setCols()}\n gutter={isButtonType ? 'xs' : undefined}\n justifyContent=\"center\"\n alignItems={isButtonType ? 'center' : undefined}\n >\n {childArr.map((c, i) => (\n // eslint-disable-next-line react/no-array-index-key\n <Grid key={i}>{c}</Grid>\n ))}\n </Grid>\n </FooterWrap>\n );\n};\n\nconst footerProps = {\n /**\n * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction\n */\n children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(\n 'Instance of DSButton, DSMobileFooterText or DSMobileFooterAction',\n ),\n};\n\nMobileFooter.propTypes = footerProps;\n\nconst MobileFooterWithSchema = describe(MobileFooter);\nMobileFooterWithSchema.propTypes = footerProps;\n\nexport default MobileFooter;\n\nexport { MobileFooterWithSchema };\n"],"names":["FooterWrap","styled","Grid","props","theme","colors","neutral","border","__UNSAFE_SPACE_TO_DIMSUM","space","xs","MobileFooter","children","childArr","React","Children","toArray","isButtonType","type","DSMobileFooterText","DSButton","setCols","length","map","undefined","c","i","footerProps","PropTypes","oneOfType","element","arrayOf","isRequired","description","propTypes","MobileFooterWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAUA,IAAMA,UAAU,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,2DACM,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADN,EAEA,UAACH,KAAD;AAAA,SAAWI,eAAM,CAACJ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAD,CAAjB;AAAA,CAFA,EAGJ,UAACH,KAAD;AAAA,wBAAmBK,iCAAwB,CAACL,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,EAAnB,CAA3C;AAAA,CAHI,CAAhB;;IAMMC,YAAY,GAAG,SAAfA,YAAe,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACrC,MAAMC,QAAQ,GAAGC,yBAAK,CAACC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,CAAjB;AACA,MAAMK,YAAY,GAAGJ,QAAQ,CAAC,CAAD,CAAR,CAAYK,IAAZ,KAAqBC,oCAArB,IAA2CN,QAAQ,CAAC,CAAD,CAAR,CAAYK,IAAZ,KAAqBE,4BAArF;;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AACpB,QAAIJ,YAAJ,EAAkB;AAChB,aAAOJ,QAAQ,CAACS,MAAT,KAAoB,CAApB,GAAwB,CAAC,KAAD,CAAxB,GAAkC,CAAC,KAAD,EAAQ,KAAR,CAAzC;AACD;;AACD,WAAOT,QAAQ,CAACU,GAAT,CAAa;AAAA,uBAAS,MAAMV,QAAQ,CAACS,MAAxB;AAAA,KAAb,CAAP;AACD,GALD;;AAMA,sBACER,wCAAC,UAAD,qBACEA,wCAACZ,WAAD;AACE,IAAA,IAAI,EAAEmB,OAAO,EADf;AAEE,IAAA,MAAM,EAAEJ,YAAY,GAAG,IAAH,GAAUO,SAFhC;AAGE,IAAA,cAAc,EAAC,QAHjB;AAIE,IAAA,UAAU,EAAEP,YAAY,GAAG,QAAH,GAAcO;AAJxC,KAMGX,QAAQ,CAACU,GAAT,CAAa,UAACE,CAAD,EAAIC,CAAJ;AAAA;AAAA;AACZ;AACA,8CAACxB,WAAD;AAAM,QAAA,GAAG,EAAEwB;AAAX,SAAeD,CAAf;AAFY;AAAA,GAAb,CANH,CADF,CADF;AAeD;;AAED,IAAME,WAAW,GAAG;AAClB;AACF;AACA;AACEf,EAAAA,QAAQ,EAAEgB,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,OAAX,EAAoBF,mBAAS,CAACG,OAAV,CAAkBH,mBAAS,CAACE,OAA5B,CAApB,CAApB,EAA+EE,UAA/E,CAA0FC,WAA1F,CACR,kEADQ;AAJQ,CAApB;AASAtB,YAAY,CAACuB,SAAb,GAAyBP,WAAzB;IAEMQ,sBAAsB,GAAGC,kBAAQ,CAACzB,YAAD;AACvCwB,sBAAsB,CAACD,SAAvB,GAAmCP,WAAnC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../../../src/MobileFooter/Text.tsx"],"sourcesContent":["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { textStyle, truncate, color } from '@elliemae/ds-system';\nimport { describe, PropTypes } from 'react-desc';\n\nconst Text = styled.p`\n margin: auto 0;\n ${truncate()}\n ${textStyle('body')}\n ${color('neutral', '800')}\n`;\n\nconst DSMobileFooterText = ({ children }) => <Text>{children}</Text>;\n\nconst props = {\n children: PropTypes.string.isRequired.description('Children'),\n};\n\nDSMobileFooterText.propTypes = props;\n\nconst DSMobileFooterTextWithSchema = describe(DSMobileFooterText);\nDSMobileFooterTextWithSchema.propTypes = props;\n\nexport { DSMobileFooterText, DSMobileFooterTextWithSchema };\n"],"names":["Text","styled","p","truncate","textStyle","color","DSMobileFooterText","children","React","props","PropTypes","string","isRequired","description","propTypes","DSMobileFooterTextWithSchema","describe"],"mappings":";;;;;;;;;;;;;;AAAA;AAOA,IAAMA,IAAI,gBAAGC,0BAAM,CAACC,CAAV;AAAA;AAAA,qCAENC,iBAAQ,EAFF,EAGNC,kBAAS,CAAC,MAAD,CAHH,EAINC,cAAK,CAAC,SAAD,EAAY,KAAZ,CAJC,CAAV;;IAOMC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBAAkBC,wCAAC,IAAD,QAAOD,QAAP,CAAlB;AAAA;;AAE3B,IAAME,KAAK,GAAG;AACZF,EAAAA,QAAQ,EAAEG,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,UAAxC;AADE,CAAd;AAIAP,kBAAkB,CAACQ,SAAnB,GAA+BL,KAA/B;IAEMM,4BAA4B,GAAGC,kBAAQ,CAACV,kBAAD;AAC7CS,4BAA4B,CAACD,SAA7B,GAAyCL,KAAzC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MobileListItem.js","sources":["../../../src/MobileListItem/MobileListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\nconst StyledTitle = styled.div`\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral['800']};\n ${truncate()}\n`;\n\nconst MobileListItem = ({\n leftAddon = null,\n rightAddon = null,\n title = '',\n value = '',\n dataTestid = 'mobile-list-item',\n theme,\n}) => {\n const cols = [1];\n if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n return (\n <StyledContainer\n cols={cols}\n height={theme.space.m}\n width=\"100%\"\n pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n gutter=\"xs\"\n data-testid={`${dataTestid}--${value}`}\n >\n {leftAddon && (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {leftAddon}\n </Grid>\n )}\n <Grid alignItems=\"center\">\n <StyledTitle>{title}</StyledTitle>\n </Grid>\n {rightAddon && (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {rightAddon}\n </Grid>\n )}\n </StyledContainer>\n );\n};\n\nconst DSMobileListItem = withTheme(MobileListItem);\n\nconst listItemProps = {\n leftAddon: PropTypes.element.description('Element placed at the left'),\n rightAddon: PropTypes.element.description('Element placed at the right'),\n title: PropTypes.string.description('Item s title').isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n 'Item s value, used for data-testid attr',\n ),\n dataTestid: PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),\n theme: PropTypes.object.description(''),\n};\n\nMobileListItem.propTypes = listItemProps;\n\nconst ListItemWithSchema = describe(MobileListItem);\nListItemWithSchema.propTypes = listItemProps;\n\nexport { DSMobileListItem, ListItemWithSchema };\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","border","StyledTitle","div","fontWeights","semibold","truncate","MobileListItem","leftAddon","rightAddon","title","value","dataTestid","cols","unshift","__UNSAFE_SPACE_TO_DIMSUM","space","m","push","React","s","DSMobileListItem","withTheme","listItemProps","PropTypes","element","description","string","isRequired","oneOfType","number","defaultValue","object","propTypes","ListItemWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MobilePageHeader.js","sources":["../../../src/MobilePageHeader/MobilePageHeader.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable no-plusplus */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { TruncatedExpandableText } from '@elliemae/ds-truncated-expandable-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport MobileSeparator from '../MobileSeparator';\n\nconst StyledTitle = styled(Grid)`\n font-size: 22px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n min-height: ${(props) => (props.withBreadcrumb ? 'auto' : '44px')};\n padding-top: ${(props) => (props.withBreadcrumb ? '0' : '6px')};\n`;\n\nconst StyledBreadCrumb = styled.div`\n font-size: 16px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['600']};\n ${truncate()}\n`;\n\nconst Label = styled.div`\n color: ${(props) => props.theme.colors.neutral['500']};\n ${truncate()}\n`;\n\nconst Value = styled.div`\n ${truncate()}\n color: ${(props) => props.theme.colors.neutral['600']};\n ${(props) => (props.withMarginRight ? `margin-right: 4px;` : '')}\n margin-top: ${(props) => (props.withBreadcrumb ? '12px' : '0')};\n`;\n\nconst Wrapper = styled(Grid)`\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nconst MobilePageHeader = ({\n pageTitle = null,\n contextMenu = null,\n firstAction = null,\n secondAction = null,\n backArrow = null,\n breadCrumb = null,\n onOpenContextMenu = () => null,\n value,\n label,\n theme,\n}) => {\n const hasValue = value === 0 || value;\n\n const countActions = useMemo(() => {\n let count = 0;\n if (firstAction) count++;\n if (secondAction) count++;\n return count;\n }, [firstAction, secondAction]);\n const [open, setOpen] = useState();\n const handleContext = useCallback(() => {\n setOpen(!open);\n }, [open]);\n\n const separator = (\n <Grid height=\"32px\" alignItems=\"center\">\n <Grid height=\"24px\">\n <MobileSeparator direction=\"vertical\" margin=\"xxs\" color={['neutral', '300']} />\n </Grid>\n </Grid>\n );\n const cols = [1, 'auto'];\n const cols2 = ['auto'];\n if (countActions) cols.push('auto');\n if (hasValue) cols2.push('auto');\n if (label) cols2.push('auto');\n\n return (\n <Wrapper\n cols={cols}\n pl={theme.space.xs}\n pr={theme.space.xs}\n alignItems=\"flex-start\"\n width=\"100%\"\n data-testid=\"page-header-wrapper\"\n >\n <Grid alignItems=\"flex-start\" justifyContent=\"flex-start\" cols={cols2}>\n <Grid\n cols={backArrow ? ['auto', 1] : [1]}\n alignItems=\"flex-start\"\n pr={countActions === 0 && !hasValue && !label ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0}\n >\n {backArrow && (\n <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n {backArrow}\n </Grid>\n )}\n <Grid flexGrow={0} pt={!breadCrumb ? 0 : theme.space.xxs}>\n <Grid cols={['auto', 'auto']} alignItems=\"flex-start\">\n <Grid>\n {breadCrumb && <StyledBreadCrumb data-testid=\"page-header-breadcrum\">{breadCrumb}</StyledBreadCrumb>}\n <StyledTitle\n maxWidth=\"100%\"\n alignItems=\"flex-start\"\n withBreadcrumb={!!breadCrumb}\n data-testid=\"page-header-title\"\n >\n <Grid pt={breadCrumb ? 0 : theme.space.xxxs}>\n <TruncatedExpandableText value={pageTitle} />\n </Grid>\n </StyledTitle>\n </Grid>\n {contextMenu && (\n <Grid alignItems=\"center\" mt={breadCrumb ? '20px' : '8px'}>\n <DSButton\n buttonType=\"text\"\n icon={<ChevronSmallDown />}\n size=\"s\"\n onClick={() => {\n handleContext();\n onOpenContextMenu();\n }}\n containerProps={{ 'data-testid': 'trigger-context-menu' }}\n />\n {React.cloneElement(contextMenu, {\n open: contextMenu.props.open !== undefined ? contextMenu.props.open : open,\n onChange: (event, item) => {\n if (contextMenu.props.onChange) contextMenu.props.onChange(event, item);\n handleContext();\n },\n })}\n </Grid>\n )}\n </Grid>\n </Grid>\n </Grid>\n {hasValue && (\n <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\" cols={['auto', 'auto']}>\n {separator}\n <Value withMarginRight={!!label} data-testid=\"page-header-value\">\n {value}\n </Value>\n </Grid>\n )}\n {label && (\n <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n <Label withBreadcrumb={!!breadCrumb} data-testid=\"page-header-label\">\n {label}\n </Label>\n </Grid>\n )}\n </Grid>\n {countActions > 0 && (\n <Grid\n height={breadCrumb ? '56px' : '44px'}\n alignItems=\"center\"\n cols={countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']}\n >\n {firstAction && <Grid>{firstAction}</Grid>}\n {countActions === 2 && separator}\n {secondAction && <Grid>{secondAction}</Grid>}\n </Grid>\n )}\n </Wrapper>\n );\n};\n\nconst pageHeaderProps = {\n pageTitle: PropTypes.string.description('Page title').isRequired,\n contextMenu: PropTypes.element.description('Context Menu to open'),\n onOpenContextMenu: PropTypes.func.description('function called when context menu opens'),\n firstAction: PropTypes.element.description('Action Button'),\n secondAction: PropTypes.element.description('Action Button'),\n backArrow: PropTypes.element.description('Back Arrow Button'),\n breadCrumb: PropTypes.string.description('BreadCrumbs title'),\n value: PropTypes.number.description('Page summary value'),\n label: PropTypes.string.description('Page summary label'),\n theme: PropTypes.object.description('dimsum theme'),\n};\n\nMobilePageHeader.propTypes = pageHeaderProps;\n\nconst PageHeaderWithSchema = describe(MobilePageHeader);\nPageHeaderWithSchema.propTypes = pageHeaderProps;\n\nconst DSMobilePageHeader = withTheme(MobilePageHeader);\n\nexport { DSMobilePageHeader, PageHeaderWithSchema };\n"],"names":["StyledTitle","styled","Grid","props","theme","fontWeights","regular","colors","neutral","withBreadcrumb","StyledBreadCrumb","div","truncate","Label","Value","withMarginRight","Wrapper","border","MobilePageHeader","pageTitle","contextMenu","firstAction","secondAction","backArrow","breadCrumb","onOpenContextMenu","value","label","hasValue","countActions","useMemo","count","useState","open","setOpen","handleContext","useCallback","separator","React","MobileSeparator","cols","cols2","push","space","xs","__UNSAFE_SPACE_TO_DIMSUM","s","xxs","xxxs","TruncatedExpandableText","DSButton","ChevronSmallDown","cloneElement","undefined","onChange","event","item","pageHeaderProps","PropTypes","string","description","isRequired","element","func","number","object","propTypes","PageHeaderWithSchema","describe","DSMobilePageHeader","withTheme"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MobileSelectList.js","sources":["../../../src/MobileSelectList/MobileSelectList.tsx"],"sourcesContent":["/* eslint react/jsx-no-bind:0 react/no-this-in-sfc:0 */\nimport React, { useState, useEffect } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTextBox } from '@elliemae/ds-form';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { StyledContainer, HeaderContainer, Footer, ListContainer, checkbox, checked, selectedMark } from './styled';\n\nconst MobileSelectList = ({\n open = false,\n header = null,\n multiple = false,\n onChange = noop,\n children,\n theme,\n zIndex = 1,\n useSearch,\n onSearch = noop,\n dataTestid = 'mobile-select-list',\n buttonFooter = null,\n onApply = noop,\n selecteds: initSelecteds = [],\n}) => {\n const rows = ['auto', 1];\n const [selecteds, setSelected] = useState(initSelecteds);\n const [filter, setFilter] = useState('');\n useEffect(() => {\n setSelected(initSelecteds);\n }, [initSelecteds]);\n\n const handleSelection = (value) => {\n if (multiple) {\n const index = selecteds.findIndex((s) => s === value);\n if (index > -1) setSelected(selecteds.filter((s) => s !== value));\n else setSelected([...selecteds, value]);\n } else setSelected([value]);\n };\n const handleChange = function (event) {\n onChange(event, this);\n handleSelection(this.value);\n };\n const handleOnSearch = (e) => {\n setFilter(e.target.value);\n onSearch(e);\n };\n\n const handleApply = function (e) {\n if (this.onClick) this.onClick(e);\n onApply(e, selecteds);\n };\n if (buttonFooter) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));\n if (!open) return null;\n return (\n <>\n <StyledContainer data-testid={dataTestid} rows={rows} zIndex={zIndex}>\n <HeaderContainer>\n {header}\n {useSearch && (\n <Grid\n alignItems=\"center\"\n height={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)}\n pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n >\n <DSTextBox onChange={handleOnSearch} placeholder=\"Filter by name\" value={filter} />\n </Grid>\n )}\n </HeaderContainer>\n <Grid style={{ overflow: 'hidden' }}>\n <Grid style={{ overflow: 'auto' }}>\n <ListContainer data-testid={`${dataTestid}--list-container`}>\n {React.Children.map(children, (child) => {\n let leftAddon = null;\n let rightAddon = null;\n const { value, title } = child.props;\n const found = selecteds.findIndex((s) => String(s) === String(value));\n if (\n filter &&\n !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) &&\n !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())\n )\n return null;\n if (multiple) {\n if (found > -1) leftAddon = checked;\n else leftAddon = checkbox;\n } else if (found > -1) {\n rightAddon = selectedMark;\n }\n return (\n <DSMobileTouchable onClick={handleChange.bind(child.props)}>\n {React.cloneElement(child, { leftAddon, rightAddon })}\n </DSMobileTouchable>\n );\n })}\n </ListContainer>\n </Grid>\n </Grid>\n {buttonFooter && (\n <Footer\n alignItems=\"center\"\n // eslint-disable-next-line max-lines\n pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n >\n {React.cloneElement(buttonFooter, {\n ...buttonFooter.props,\n containerProps: {\n 'data-testid': `${dataTestid}--btn`,\n },\n buttonType: 'primary',\n size: 'l',\n onClick: handleApply.bind(buttonFooter.props),\n })}\n </Footer>\n )}\n </StyledContainer>\n </>\n );\n};\n\nconst DSMobileSelectList = withTheme(MobileSelectList);\n\nMobileSelectList.propTypes = {\n /** show select list */\n open: PropTypes.bool,\n /** DSMobilePageHeader instance */\n header: PropTypes.element,\n /** called when a DSMobileListItem is touched */\n onChange: PropTypes.func,\n /** allow multiple selection */\n multiple: PropTypes.bool,\n /** Array of DSMobileListItem instances */\n children: PropTypes.arrayOf(PropTypes.element),\n /** data test id for testing purposes */\n dataTestid: PropTypes.string,\n /** footer action, DSButton instance */\n buttonFooter: PropTypes.element,\n /** called when footer action is triggered */\n onApply: PropTypes.func,\n /** zIndex */\n zIndex: PropTypes.number,\n /** init selecteds */\n selecteds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n theme: PropTypes.object.isRequired,\n useSearch: PropTypes.bool,\n onSearch: PropTypes.func,\n};\n\nexport { DSMobileSelectList };\n"],"names":["MobileSelectList","open","header","multiple","onChange","noop","children","theme","zIndex","useSearch","onSearch","dataTestid","buttonFooter","onApply","selecteds","initSelecteds","rows","useState","setSelected","filter","setFilter","useEffect","handleSelection","value","index","findIndex","s","handleChange","event","handleOnSearch","e","target","handleApply","onClick","push","op","__UNSAFE_SPACE_TO_DIMSUM","space","xl","React","StyledContainer","HeaderContainer","Grid","DSTextBox","overflow","ListContainer","Children","map","child","leftAddon","rightAddon","props","title","found","String","toLocaleLowerCase","includes","checked","checkbox","selectedMark","DSMobileTouchable","bind","cloneElement","Footer","containerProps","buttonType","size","DSMobileSelectList","withTheme","propTypes","PropTypes","bool","element","func","arrayOf","string","number","oneOfType","object","isRequired"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../src/MobileSelectList/styled.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { border } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { DSMobileListItem } from '../MobileListItem';\n\nexport const StyledContainer = styled(Grid)`\n background: ${(props) => props.theme.colors.neutral['000']};\n z-index: ${(props) => props.zIndex};\n position: fixed;\n width: 100%;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n`;\n\nexport const HeaderContainer = styled(Grid)`\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const Footer = styled(Grid)`\n border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const ListContainer = styled.div`\n & ${DSMobileTouchable}:last-child ${DSMobileListItem} {\n border: none;\n }\n`;\n\nexport const checkbox = <DSCheckbox checked={false} onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const checked = <DSCheckbox checked onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const selectedMark = <Checkmark color={['brand-primary', 600]} />;\n"],"names":["StyledContainer","styled","Grid","props","theme","colors","neutral","zIndex","HeaderContainer","border","Footer","ListContainer","div","DSMobileTouchable","DSMobileListItem","checkbox","React","DSCheckbox","noop","pointerEvents","checked","selectedMark","Checkmark"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAUaA,eAAe,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,iGACZ,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADY,EAEf,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACI,MAAjB;AAAA,CAFe;IAWfC,eAAe,gBAAGP,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,4BACT,UAACC,KAAD;AAAA,SAAWM,eAAM,CAACN,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CADS;IAIfI,MAAM,gBAAGT,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,yBACH,UAACC,KAAD;AAAA,SAAWM,eAAM,CAACN,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAD,CAAjB;AAAA,CADG;IAINK,aAAa,gBAAGV,0BAAM,CAACW,GAAV;AAAA;AAAA,6CACpBC,iDADoB,EACYC,8CADZ;IAMbC,QAAQ,gBAAGC,wCAACC,iBAAD;AAAY,EAAA,OAAO,EAAE,KAArB;AAA4B,EAAA,QAAQ,EAAEC,WAAtC;AAA4C,EAAA,KAAK,EAAE;AAAEC,IAAAA,aAAa,EAAE;AAAjB;AAAnD;IACXC,OAAO,gBAAGJ,wCAACC,iBAAD;AAAY,EAAA,OAAO,MAAnB;AAAoB,EAAA,QAAQ,EAAEC,WAA9B;AAAoC,EAAA,KAAK,EAAE;AAAEC,IAAAA,aAAa,EAAE;AAAjB;AAA3C;IACVE,YAAY,gBAAGL,wCAACM,iBAAD;AAAW,EAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAlB;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.js","sources":["../../../src/MobileSeparator/Separator.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Separator = styled(Grid)`\n border-top: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n border-left: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n`;\n\nconst MobileSeparator = ({ color = ['neutral', '800'], direction = 'horizontal', type = 'solid', margin = 'xs' }) => {\n const orientation = direction === 'vertical' ? 'height' : 'width';\n const xORy = direction === 'vertical' ? 'mx' : 'my';\n const styles = {\n width: 0,\n height: 0,\n [orientation]: '100%',\n [xORy]: margin,\n borderType: type,\n color,\n };\n return <Separator {...styles} />;\n};\n\nconst mobileSeparatorProps = {\n type: PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),\n direction: PropTypes.oneOf(['vertical', 'horizontal'])\n .description('Direction of the separator')\n .defaultValue('horizontal'),\n color: PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),\n margin: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'])\n .description('Margin of the separator')\n .defaultValue('xs'),\n};\n\nMobileSeparator.propTypes = mobileSeparatorProps;\n\nconst MobileSeparatorWithSchema = describe(MobileSeparator);\nMobileSeparatorWithSchema.propTypes = mobileSeparatorProps;\n\nexport { MobileSeparatorWithSchema };\nexport default MobileSeparator;\n"],"names":["Separator","styled","Grid","theme","color","borderType","colors","MobileSeparator","direction","type","margin","orientation","xORy","styles","width","height","React","mobileSeparatorProps","PropTypes","oneOf","description","defaultValue","array","propTypes","MobileSeparatorWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;AAKA,IAAMA,SAAS,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,0CACC;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,KAAV,QAAUA,KAAV;AAAA,MAAiBC,UAAjB,QAAiBA,UAAjB;AAAA,mBAAqCF,KAAK,CAACG,MAAN,CAAaF,KAAK,CAAC,CAAD,CAAlB,EAAuBA,KAAK,CAAC,CAAD,CAA5B,CAArC,kBAA6EC,UAA7E;AAAA,CADD,EAEE;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,MAAUC,KAAV,SAAUA,KAAV;AAAA,MAAiBC,UAAjB,SAAiBA,UAAjB;AAAA,mBAAqCF,KAAK,CAACG,MAAN,CAAaF,KAAK,CAAC,CAAD,CAAlB,EAAuBA,KAAK,CAAC,CAAD,CAA5B,CAArC,kBAA6EC,UAA7E;AAAA,CAFF,CAAf;;IAKME,eAAe,GAAG,SAAlBA,eAAkB,QAA6F;AAAA;;AAAA,0BAA1FH,KAA0F;AAAA,MAA1FA,KAA0F,4BAAlF,CAAC,SAAD,EAAY,KAAZ,CAAkF;AAAA,8BAA9DI,SAA8D;AAAA,MAA9DA,SAA8D,gCAAlD,YAAkD;AAAA,yBAApCC,IAAoC;AAAA,MAApCA,IAAoC,2BAA7B,OAA6B;AAAA,2BAApBC,MAAoB;AAAA,MAApBA,MAAoB,6BAAX,IAAW;AACnH,MAAMC,WAAW,GAAGH,SAAS,KAAK,UAAd,GAA2B,QAA3B,GAAsC,OAA1D;AACA,MAAMI,IAAI,GAAGJ,SAAS,KAAK,UAAd,GAA2B,IAA3B,GAAkC,IAA/C;AACA,MAAMK,MAAM;AACVC,IAAAA,KAAK,EAAE,CADG;AAEVC,IAAAA,MAAM,EAAE;AAFE,kDAGTJ,WAHS,EAGK,MAHL,gDAITC,IAJS,EAIFF,MAJE,8DAKED,IALF,yDAMVL,KANU,WAAZ;AAQA,sBAAOY,wCAAC,SAAD,EAAeH,MAAf,CAAP;AACD;;AAED,IAAMI,oBAAoB,GAAG;AAC3BR,EAAAA,IAAI,EAAES,mBAAS,CAACC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,CAAhB,EAAqCC,WAArC,CAAiD,yBAAjD,EAA4EC,YAA5E,CAAyF,OAAzF,CADqB;AAE3Bb,EAAAA,SAAS,EAAEU,mBAAS,CAACC,KAAV,CAAgB,CAAC,UAAD,EAAa,YAAb,CAAhB,EACRC,WADQ,CACI,4BADJ,EAERC,YAFQ,CAEK,YAFL,CAFgB;AAK3BjB,EAAAA,KAAK,EAAEc,mBAAS,CAACI,KAAV,CAAgBF,WAAhB,CAA4B,wBAA5B,EAAsDC,YAAtD,CAAmE,CAAC,SAAD,EAAY,KAAZ,CAAnE,CALoB;AAM3BX,EAAAA,MAAM,EAAEQ,mBAAS,CAACC,KAAV,CAAgB,CAAC,KAAD,EAAQ,IAAR,EAAc,GAAd,EAAmB,GAAnB,EAAwB,GAAxB,EAA6B,IAA7B,EAAmC,KAAnC,CAAhB,EACLC,WADK,CACO,yBADP,EAELC,YAFK,CAEQ,IAFR;AANmB,CAA7B;AAWAd,eAAe,CAACgB,SAAhB,GAA4BN,oBAA5B;IAEMO,yBAAyB,GAAGC,kBAAQ,CAAClB,eAAD;AAC1CiB,yBAAyB,CAACD,SAA1B,GAAsCN,oBAAtC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../src/MobileTimePicker/Input.tsx"],"sourcesContent":["import React from 'react';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport styled from 'styled-components';\n\nconst StyledInput = styled.input`\n input[type=time]& { \n -webkit-appearance: none;\n -moz-appearance: none;\n -webkit-tap-highlight-color: transparent;\n appearance: none;\n color: transparent;\n\n white-space: nowrap;\n position: relative;\n height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n width: 100%;\n max-width: calc(100% - 32px);\n outline: none;\n box-sizing: border-box;\n display: flex;\n background: ${props => props.theme.colors.neutral['000']};\n padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n z-index: 1;\n border-radius: 2px;\n border: solid 1px ${props => props.theme.colors.neutral[200]};\n }\n\n input[type=time]&:active, input[type=time]&:focus {\n ${props => focus(props.theme.colors.brand[700])}\n }\n\n &:before {\n color: ${props =>\n props.value === ''\n ? props.theme.colors.neutral['500']\n : props.theme.colors.neutral['800']};\n content: '${props =>\n props.value === '' ? props.placeholder : props['data-displayvalue']}';\n }\n\n input[type=time]&::-webkit-datetime-edit, input[type=time]&::-webkit-inner-spin-button, input[type=time]&::-webkit-clear-button {\n -webkit-appearance: none;\n display: none;\n }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n <StyledInput ref={innerRef} {...props} />\n);\n"],"names":["StyledInput","styled","input","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","l","colors","neutral","xs","focus","brand","value","placeholder","Input","innerRef","React"],"mappings":";;;;;;;;;;;;;;;;;;AAIA,IAAMA,WAAW,gBAAGC,0BAAM,CAACC,KAAV;AAAA;AAAA,0mBAUH,UAAAC,KAAK;AAAA,SAAIC,iCAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,CAAnB,CAA5B;AAAA,CAVF,EAgBC,UAAAJ,KAAK;AAAA,SAAIA,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAJ;AAAA,CAhBN,EAiBA,UAAAN,KAAK;AAAA,SAAIC,iCAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBI,EAAnB,CAA5B;AAAA,CAjBL,EAoBO,UAAAP,KAAK;AAAA,SAAIA,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAJ;AAAA,CApBZ,EAwBX,UAAAN,KAAK;AAAA,SAAIQ,cAAK,CAACR,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBI,KAAnB,CAAyB,GAAzB,CAAD,CAAT;AAAA,CAxBM,EA4BJ,UAAAT,KAAK;AAAA,SACZA,KAAK,CAACU,KAAN,KAAgB,EAAhB,GACIV,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CADJ,GAEIN,KAAK,CAACE,KAAN,CAAYG,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAHQ;AAAA,CA5BD,EAgCD,UAAAN,KAAK;AAAA,SACfA,KAAK,CAACU,KAAN,KAAgB,EAAhB,GAAqBV,KAAK,CAACW,WAA3B,GAAyCX,KAAK,CAAC,mBAAD,CAD/B;AAAA,CAhCJ,CAAjB;IA0CaY,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAgBb,KAAhB;;AAAA,sBACnBc,wCAAC,WAAD;AAAa,IAAA,GAAG,EAAED;AAAlB,KAAgCb,KAAhC,EADmB;AAAA;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MobileTimePicker.js","sources":["../../../src/MobileTimePicker/MobileTimePicker.tsx"],"sourcesContent":["import React, { useRef, useMemo, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { RecentDocuments } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileTimePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n const inputRef = useRef(null);\n const valueArr = value.split(':');\n useEffect(() => {\n /*\n necessary if value is being set in mount, \n otherwise the clear won't work on the first click\n [SEE input onChange comment]\n */\n if (inputRef.current) {\n inputRef.current.defaultValue = '';\n }\n }, [inputRef.current]);\n const displayValue = useMemo(() => {\n if (!value || !valueArr[0] || !valueArr[1]) return '';\n const ampm = valueArr[0] >= 12 ? 'pm' : 'am';\n const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];\n\n return `${h} : ${valueArr[1]} ${ampm}`;\n }, [value]);\n\n return (\n <DSInputGroup\n rightAddon={\n <DSButton\n aria-label=\"Time Picker Button\"\n color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n disabled={disabled}\n icon={<RecentDocuments />}\n type=\"button\"\n buttonType=\"secondary\"\n onClick={() => {\n inputRef.current.focus();\n inputRef.current.click();\n }}\n />\n }\n >\n <Input\n innerRef={inputRef}\n type=\"time\"\n data-testid=\"ds-mobile-time-picker\"\n aria-label=\"Time Picker Input Mask\"\n disabled={disabled}\n placeholder={placeholder}\n tabIndex={tabIndex}\n value={value}\n data-displayvalue={displayValue}\n onChange={(e) => {\n // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n const { target } = e.nativeEvent;\n function iosClearDefault() {\n target.defaultValue = '';\n }\n window.setTimeout(iosClearDefault, 0);\n onChange(e);\n }}\n />\n </DSInputGroup>\n );\n};\n\nDSMobileTimePicker.defaultProps = {\n disabled: false,\n tabIndex: 0,\n placeholder: 'HH : MM am',\n value: '',\n};\n\nconst pickerProps = {\n /**\n * defaults to false\n */\n disabled: PropTypes.bool.description('disabled prop, defaults to false'),\n /**\n * 0 as default\n */\n tabIndex: PropTypes.number.description('focus order HTML property, 0 as default'),\n /**\n * HH : MM am as default\n */\n placeholder: PropTypes.string.description('HH : MM am as default'),\n /**\n * onChange handler, receives change event as first argument\n */\n onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n /**\n * HH:MM string representing the time or empty string\n */\n value: PropTypes.string.description('HH:MM string representing the time or empty string'),\n};\n\nDSMobileTimePicker.propTypes = pickerProps;\n\nconst DSMobileTimePickerWithSchema = describe(DSMobileTimePicker).description('Time picker for mobile & tablet');\n\nDSMobileTimePickerWithSchema.propTypes = pickerProps;\n\nexport { DSMobileTimePicker, DSMobileTimePickerWithSchema };\n"],"names":["DSMobileTimePicker","disabled","value","tabIndex","placeholder","onChange","inputRef","useRef","valueArr","split","useEffect","current","defaultValue","displayValue","useMemo","ampm","h","React","DSInputGroup","DSButton","DSIconColors","PRIMARY","NEUTRAL","RecentDocuments","focus","click","Input","e","target","nativeEvent","iosClearDefault","window","setTimeout","defaultProps","pickerProps","PropTypes","bool","description","number","string","func","propTypes","DSMobileTimePickerWithSchema","describe"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MobileTouchable.js","sources":["../../../src/MobileTouchable/MobileTouchable.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { withTheme } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n cursor: pointer;\n background: ${(props) => (props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000'])};\n`;\n\nconst MobileTouchable = ({\n children,\n onClick = noop,\n theme,\n dataTestid = 'mobile-touchable',\n render,\n ...gridProps\n}) => {\n const [touching, setTouching] = useState(false);\n const handleStart = useCallback(() => setTouching(true));\n const handleEnd = useCallback(() => setTouching(false));\n return (\n <StyledContainer\n {...gridProps}\n touching={touching}\n onClick={onClick}\n onTouchStart={handleStart}\n onTouchEnd={handleEnd}\n data-testid={dataTestid}\n >\n {children || render(gridProps)}\n </StyledContainer>\n );\n};\n\nMobileTouchable.propTypes = {\n onClick: PropTypes.func,\n children: PropTypes.any,\n render: PropTypes.func,\n theme: PropTypes.any,\n dataTestid: PropTypes.string,\n};\n\nconst DSMobileTouchable = withTheme(MobileTouchable);\n\nexport { DSMobileTouchable };\n"],"names":["StyledContainer","styled","Grid","props","touching","theme","colors","brand","neutral","MobileTouchable","children","onClick","noop","dataTestid","render","gridProps","useState","setTouching","handleStart","useCallback","handleEnd","React","propTypes","PropTypes","func","any","string","DSMobileTouchable","withTheme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,eAAe,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,wCAEL,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,QAAN,GAAiBD,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAjB,GAAmDJ,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAA/D;AAAA,CAFK,CAArB;;AAKA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAOlB;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALMC,WAKN;AAAA,WAJJP,KAII;AAAA,iCAHJQ,UAGI;AAAA,MAHJA,UAGI,gCAHS,kBAGT;AAAA,MAFJC,MAEI,QAFJA,MAEI;AAAA,MADDC,SACC;;AACJ,kBAAgCC,cAAQ,CAAC,KAAD,CAAxC;AAAA;AAAA,MAAOZ,QAAP;AAAA,MAAiBa,WAAjB;;AACA,MAAMC,WAAW,GAAGC,iBAAW,CAAC;AAAA,WAAMF,WAAW,CAAC,IAAD,CAAjB;AAAA,GAAD,CAA/B;AACA,MAAMG,SAAS,GAAGD,iBAAW,CAAC;AAAA,WAAMF,WAAW,CAAC,KAAD,CAAjB;AAAA,GAAD,CAA7B;AACA,sBACEI,wCAAC,eAAD,mCACMN,SADN;AAEE,IAAA,QAAQ,EAAEX,QAFZ;AAGE,IAAA,OAAO,EAAEO,OAHX;AAIE,IAAA,YAAY,EAAEO,WAJhB;AAKE,IAAA,UAAU,EAAEE,SALd;AAME,mBAAaP;AANf,MAQGH,QAAQ,IAAII,MAAM,CAACC,SAAD,CARrB,CADF;AAYD,CAvBD;;AAyBAN,eAAe,CAACa,SAAhB,GAA4B;AAC1BX,EAAAA,OAAO,EAAEY,6BAAS,CAACC,IADO;AAE1Bd,EAAAA,QAAQ,EAAEa,6BAAS,CAACE,GAFM;AAG1BX,EAAAA,MAAM,EAAES,6BAAS,CAACC,IAHQ;AAI1BnB,EAAAA,KAAK,EAAEkB,6BAAS,CAACE,GAJS;AAK1BZ,EAAAA,UAAU,EAAEU,6BAAS,CAACG;AALI,CAA5B;IAQMC,iBAAiB,GAAGC,kBAAS,CAACnB,eAAD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
|
package/cjs/Modal/Modal.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../../src/Modal/Modal.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { useTheme } from '@elliemae/ds-system';\nimport { ModalPosition, ModalBox, BackShadow, ModalIcon, ModalTitle, ModalDescription, BodyFix } from './styled';\n\nconst Modal = ({\n zIndex = 1,\n title = '',\n description = '',\n onClose = noop,\n showSecondaryAction = true,\n secondaryActionProps = {\n onClick: noop,\n labelText: 'Cancel',\n },\n primaryActionProps = {\n onClick: noop,\n labelText: 'Accept',\n },\n isOpen = false,\n}) => {\n const theme = useTheme();\n if (!isOpen) return null;\n return (\n <>\n <BodyFix isOpen={isOpen} />\n <BackShadow onClick={onClose} zIndex={zIndex} />\n <ModalPosition zIndex={zIndex} cols={['auto']}>\n <ModalBox\n maxHeight={`${window.innerHeight * 0.75}px`}\n rows={[1, '80px']}\n style={{\n overflow: 'hidden',\n }}\n >\n <Grid\n pl=\"xs\"\n pr=\"xs\"\n style={{\n overflow: 'hidden',\n }}\n >\n <Grid\n rows={['auto', 'auto', 1]}\n style={{\n overflow: 'hidden',\n }}\n >\n <ModalIcon>\n <WarningTriangle size=\"xxl\" />\n </ModalIcon>\n <ModalTitle data-testid=\"modal-title\">{title}</ModalTitle>\n <ModalDescription\n data-testid=\"modal-desc\"\n style={{\n overflow: 'auto',\n }}\n >\n {description}\n </ModalDescription>\n </Grid>\n </Grid>\n <Grid pt=\"24px\">\n <Grid\n pl=\"xs\"\n pr=\"xs\"\n cols={showSecondaryAction ? [1, 1] : [1]}\n gutter=\"xs\"\n justifyContent=\"center\"\n alignItems=\"center\"\n style={{\n borderTop: `1px solid ${theme.colors.neutral[100]}`,\n }}\n >\n {showSecondaryAction && (\n <DSButton\n {...secondaryActionProps}\n labelText={secondaryActionProps.labelText || ' Cancel'}\n buttonType=\"secondary\"\n data-testid=\"modal-secondary-btn\"\n />\n )}\n <DSButton\n labelText={primaryActionProps.labelText || ' Accept'}\n {...primaryActionProps}\n buttonType=\"primary\"\n data-testid=\"modal-primary-btn\"\n />\n </Grid>\n </Grid>\n </ModalBox>\n </ModalPosition>\n </>\n );\n};\n\nconst modalProps = {\n isOpen: PropTypes.bool.description('Wheter the modal is open or closed').defaultValue(false),\n zIndex: PropTypes.number.description('z-index value').defaultValue(1),\n title: PropTypes.string.description('Modal s title').isRequired,\n description: PropTypes.string.description('Modal s content').isRequired,\n onClose: PropTypes.func.description('Function executed when the modal closes'),\n showSecondaryAction: PropTypes.bool.description('Wheter to show secondary action button or not').defaultValue(true),\n secondaryActionProps: PropTypes.shape({\n onClick: PropTypes.func,\n labelText: PropTypes.string,\n }).description('Secondary action props'),\n primaryActionProps: PropTypes.shape({\n onClick: PropTypes.func,\n labelText: PropTypes.string,\n }).description('Primary action props'),\n};\n\nModal.propTypes = modalProps;\n\nconst ModalWithSchema = describe(Modal);\nModalWithSchema.propTypes = modalProps;\n\nexport { Modal, ModalWithSchema };\n"],"names":["Modal","zIndex","title","description","onClose","noop","showSecondaryAction","secondaryActionProps","onClick","labelText","primaryActionProps","isOpen","theme","useTheme","React","BodyFix","BackShadow","ModalPosition","ModalBox","window","innerHeight","overflow","Grid","ModalIcon","WarningTriangle","ModalTitle","ModalDescription","borderTop","colors","neutral","DSButton","modalProps","PropTypes","bool","defaultValue","number","string","isRequired","func","shape","propTypes","ModalWithSchema","describe"],"mappings":"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"}
|
package/cjs/Modal/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/Modal/styled.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../src/Modal/styled.tsx"],"sourcesContent":["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { createGlobalStyle } from '@elliemae/ds-system';\n\nexport const BodyFix = createGlobalStyle`\n body{\n ${(props) => (props.isOpen ? 'overflow: hidden;' : '')};\n }\n`;\nexport const ModalBox = styled(Grid)`\n width: 100%;\n background: ${(props) => props.theme.colors.neutral['000']};\n max-height: ${(props) => props.maxHeight};\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n`;\nexport const ModalPosition = styled(Grid)`\n z-index: ${(props) => props.zIndex};\n background: ${(props) => props.theme.colors.neutral['000']};\n position: absolute;\n top: 12.5%;\n width: 80%;\n left: 10%;\n`;\n\nexport const BackShadow = styled(Grid)`\n z-index: ${(props) => props.zIndex};\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n overflow: hidden;\n`;\n\nexport const ModalIcon = styled(Grid)`\n padding-top: 24px;\n justify-content: center;\n span.em-ds-icon svg,\n svg:not([fill]) {\n fill: ${(props) => props.theme.colors.warning[600]};\n }\n`;\n\nexport const ModalTitle = styled(Grid)`\n padding-top: 24px;\n font-size: 22px;\n font-weight: 600;\n color: ${(props) => props.theme.colors.neutral[600]};\n text-align: center;\n`;\nexport const ModalDescription = styled(Grid)`\n padding-top: ${(props) => props.theme.space.xxs};\n font-size: 16px;\n font-weight: 400;\n color: ${(props) => props.theme.colors.neutral[500]};\n text-align: center;\n`;\n"],"names":["BodyFix","createGlobalStyle","props","isOpen","ModalBox","styled","Grid","theme","colors","neutral","maxHeight","ModalPosition","zIndex","BackShadow","ModalIcon","warning","ModalTitle","ModalDescription","space","xxs"],"mappings":";;;;;;;;;;;;;;;IAIaA,OAAO,GAAGC,0BAAH,6HAEV,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,MAAN,GAAe,mBAAf,GAAqC,EAAjD;AAAA,CAFU;IAKPC,QAAQ,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,2FAEL,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAFK,EAGL,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACQ,SAAjB;AAAA,CAHK;IAMRC,aAAa,gBAAGN,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,qFACb,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACU,MAAjB;AAAA,CADa,EAEV,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAFU;IASbI,UAAU,gBAAGR,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,oHACV,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACU,MAAjB;AAAA,CADU;IAWVE,SAAS,gBAAGT,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,gGAKV,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBO,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CALU;IASTC,UAAU,gBAAGX,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,sFAIZ,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJY;IAOVQ,gBAAgB,gBAAGZ,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,sFACZ,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACK,KAAN,CAAYW,KAAZ,CAAkBC,GAA7B;AAAA,CADY,EAIlB,UAACjB,KAAD;AAAA,SAAWA,KAAK,CAACK,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJkB;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageFilter.js","sources":["../../../src/PageFilter/PageFilter.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, useTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\n\nconst Header = styled(Grid)`\n border-bottom: 1px solid ${(props) => props.theme.colors.neutral['300']};\n`;\nconst ButtonSlot = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n`;\nconst Title = styled.div`\n display: flex;\n justify-content: flex-start;\n align-items: center;\n font-size: 22px;\n`;\nconst BreadCrumb = styled(Grid)`\n align-items: flex-end;\n font-size: 16px;\n color: ${(props) => props.theme.colors.neutral[500]};\n`;\nconst Body = styled(Grid)`\n margin: 0 auto;\n width: 100%;\n overflow: auto;\n`;\nconst Footer = styled(Grid)`\n display: flex;\n justify-content: space-around;\n align-items: center;\n width: 100%;\n padding: 0.67rem;\n border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};\n\n & > button {\n flex-grow: 1;\n margin: 0 0.33rem;\n }\n`;\n\nconst PageFilter = ({\n children = null,\n breadCrumb = null,\n pageTitle = null,\n leftProp = null,\n rightProp = null,\n footerButton = null,\n}) => {\n const theme = useTheme();\n const headerDimension = theme.space.l;\n const rows = [headerDimension, 1];\n if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));\n const cols = ['auto'];\n if (leftProp) cols.unshift(headerDimension);\n if (rightProp) cols.push(headerDimension);\n const bodyStyle = {\n maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25),\n };\n return (\n <DSFullPageContainer rows={rows}>\n <Header cols={cols} height={headerDimension}>\n {leftProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</ButtonSlot>}\n <Grid>\n {breadCrumb && <BreadCrumb pl={!leftProp && '1rem'}>{breadCrumb}</BreadCrumb>}\n <Title style={leftProp ? {} : { paddingLeft: '1rem' }}>{pageTitle}</Title>\n </Grid>\n {rightProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{rightProp}</ButtonSlot>}\n </Header>\n\n <Body style={bodyStyle}>{children}</Body>\n {footerButton && <Footer>{footerButton}</Footer>}\n </DSFullPageContainer>\n );\n};\n\nPageFilter.propTypes = {\n /**\n * Text to render in header title\n */\n pageTitle: PropTypes.string,\n /**\n * Pass an element to render left. For example a Button with an icon\n */\n leftProp: PropTypes.element,\n /**\n * Pass an element to render right. For example a Button with an icon\n */\n rightProp: PropTypes.element,\n /**\n * Pass an element to render in the body section\n */\n children: PropTypes.element,\n /**\n * Pass a button to render in the footer\n */\n footerButton: PropTypes.element,\n /**\n * BreadCrumb text\n */\n breadCrumb: PropTypes.string,\n};\n\nconst DSPageFilter = PageFilter;\n\nexport { DSPageFilter };\n"],"names":["Header","styled","Grid","props","theme","colors","neutral","ButtonSlot","div","Title","BreadCrumb","Body","Footer","PageFilter","children","breadCrumb","pageTitle","leftProp","rightProp","footerButton","useTheme","headerDimension","space","l","rows","push","op","__UNSAFE_SPACE_TO_DIMSUM","xl","cols","unshift","bodyStyle","maxWidth","xxl","React","DSFullPageContainer","s","paddingLeft","propTypes","PropTypes","string","element","DSPageFilter"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageForm.js","sources":["../../../src/PageForm/PageForm.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM, useTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst Body = styled(Grid)`\n margin: 0 auto;\n width: 100%;\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n }\n`;\n\nconst PageForm = ({ header = null, body = null, footer = null }) => {\n const theme = useTheme();\n const rows = [1];\n if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));\n if (footer) rows.push(theme.space.l);\n return (\n <DSFullPageContainer rows={rows}>\n {header && <Grid>{header}</Grid>}\n <Grid style={{ overflow: 'hidden' }}>\n <DSFullPageContainerScroll>\n <Body>{body}</Body>\n </DSFullPageContainerScroll>\n </Grid>\n {footer && <Grid>{footer}</Grid>}\n </DSFullPageContainer>\n );\n};\n\nPageForm.propTypes = {\n header: PropTypes.element,\n body: PropTypes.element,\n footer: PropTypes.element,\n};\n\nconst DSPageForm = PageForm;\nconst DSMobilePageForm = DSPageForm;\n\nexport { DSPageForm, DSMobilePageForm };\n"],"names":["Body","styled","Grid","theme","breakpoints","small","op","__UNSAFE_SPACE_TO_DIMSUM","space","xxl","PageForm","header","body","footer","useTheme","rows","unshift","push","l","React","DSFullPageContainer","overflow","DSFullPageContainerScroll","propTypes","PropTypes","element","DSPageForm","DSMobilePageForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,IAAI,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,+DAGa;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAHb,EAIJ;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,0BAAyBG,WAAE,CAAC,GAAD,EAAMC,iCAAwB,CAACJ,KAAK,CAACK,KAAN,CAAYC,GAAb,CAA9B,EAAiD,IAAjD,CAA3B;AAAA,CAJI,CAAV;;AAQA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,QAAmD;AAAA,2BAAhDC,MAAgD;AAAA,MAAhDA,MAAgD,6BAAvC,IAAuC;AAAA,yBAAjCC,IAAiC;AAAA,MAAjCA,IAAiC,2BAA1B,IAA0B;AAAA,2BAApBC,MAAoB;AAAA,MAApBA,MAAoB,6BAAX,IAAW;AAClE,MAAMV,KAAK,GAAGW,iBAAQ,EAAtB;AACA,MAAMC,IAAI,GAAG,CAAC,CAAD,CAAb;AACA,MAAIJ,MAAJ,EAAYI,IAAI,CAACC,OAAL,CAAaV,WAAE,CAAC,GAAD,EAAMC,iCAAwB,CAACJ,KAAK,CAACK,KAAN,CAAYC,GAAb,CAA9B,EAAiD,KAAjD,CAAf;AACZ,MAAII,MAAJ,EAAYE,IAAI,CAACE,IAAL,CAAUd,KAAK,CAACK,KAAN,CAAYU,CAAtB;AACZ,sBACEC,wCAACC,uDAAD;AAAqB,IAAA,IAAI,EAAEL;AAA3B,KACGJ,MAAM,iBAAIQ,wCAACjB,WAAD,QAAOS,MAAP,CADb,eAEEQ,wCAACjB,WAAD;AAAM,IAAA,KAAK,EAAE;AAAEmB,MAAAA,QAAQ,EAAE;AAAZ;AAAb,kBACEF,wCAACG,mEAAD,qBACEH,wCAAC,IAAD,QAAOP,IAAP,CADF,CADF,CAFF,EAOGC,MAAM,iBAAIM,wCAACjB,WAAD,QAAOW,MAAP,CAPb,CADF;AAWD,CAhBD;;AAkBAH,QAAQ,CAACa,SAAT,GAAqB;AACnBZ,EAAAA,MAAM,EAAEa,6BAAS,CAACC,OADC;AAEnBb,EAAAA,IAAI,EAAEY,6BAAS,CAACC,OAFG;AAGnBZ,EAAAA,MAAM,EAAEW,6BAAS,CAACC;AAHC,CAArB;IAMMC,UAAU,GAAGhB;IACbiB,gBAAgB,GAAGD;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageList.js","sources":["../../../src/PageList/PageList.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst PageTitleWrapper = styled(Grid)`\n min-height: 44px;\n`;\n\nconst DSMobilePageList = withTheme(\n ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {\n const rows = ['auto', op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];\n if (header) rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));\n if (footer) rows.push('56px');\n return (\n <DSFullPageContainer rows={rows}>\n {header && <Grid>{header}</Grid>}\n <PageTitleWrapper>{pageTitle}</PageTitleWrapper>\n <Grid>{filterBar}</Grid>\n <DSFullPageContainerScroll>{body}</DSFullPageContainerScroll>\n {footer && <Grid>{footer}</Grid>}\n </DSFullPageContainer>\n );\n },\n);\n\nDSMobilePageList.propTypes = {\n header: PropTypes.element,\n pageTitle: PropTypes.element,\n filterBar: PropTypes.element,\n body: PropTypes.element,\n footer: PropTypes.element,\n};\n\nconst DSPageList = DSMobilePageList;\n\nexport { DSPageList, DSMobilePageList };\n"],"names":["PageTitleWrapper","styled","Grid","DSMobilePageList","withTheme","header","pageTitle","filterBar","body","footer","theme","rows","op","__UNSAFE_SPACE_TO_DIMSUM","space","xl","unshift","xxl","push","React","DSFullPageContainer","DSFullPageContainerScroll","propTypes","PropTypes","element","DSPageList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,gBAAgB,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,wBAAtB;IAIMC,gBAAgB,GAAGC,kBAAS,CAChC,gBAA8F;AAAA,yBAA3FC,MAA2F;AAAA,MAA3FA,MAA2F,4BAAlF,IAAkF;AAAA,4BAA5EC,SAA4E;AAAA,MAA5EA,SAA4E,+BAAhE,IAAgE;AAAA,4BAA1DC,SAA0D;AAAA,MAA1DA,SAA0D,+BAA9C,IAA8C;AAAA,uBAAxCC,IAAwC;AAAA,MAAxCA,IAAwC,0BAAjC,IAAiC;AAAA,yBAA3BC,MAA2B;AAAA,MAA3BA,MAA2B,4BAAlB,IAAkB;AAAA,MAAZC,KAAY,QAAZA,KAAY;AAC5F,MAAMC,IAAI,GAAG,CAAC,MAAD,EAASC,WAAE,CAAC,GAAD,EAAMC,iCAAwB,CAACH,KAAK,CAACI,KAAN,CAAYC,EAAb,CAA9B,EAAgD,IAAhD,CAAX,EAAkE,CAAlE,CAAb;AACA,MAAIV,MAAJ,EAAYM,IAAI,CAACK,OAAL,CAAaH,iCAAwB,CAACH,KAAK,CAACI,KAAN,CAAYG,GAAb,CAArC;AACZ,MAAIR,MAAJ,EAAYE,IAAI,CAACO,IAAL,CAAU,MAAV;AACZ,sBACEC,wCAACC,uDAAD;AAAqB,IAAA,IAAI,EAAET;AAA3B,KACGN,MAAM,iBAAIc,wCAACjB,WAAD,QAAOG,MAAP,CADb,eAEEc,wCAAC,gBAAD,QAAmBb,SAAnB,CAFF,eAGEa,wCAACjB,WAAD,QAAOK,SAAP,CAHF,eAIEY,wCAACE,mEAAD,QAA4Bb,IAA5B,CAJF,EAKGC,MAAM,iBAAIU,wCAACjB,WAAD,QAAOO,MAAP,CALb,CADF;AASD,CAd+B;AAiBlCN,gBAAgB,CAACmB,SAAjB,GAA6B;AAC3BjB,EAAAA,MAAM,EAAEkB,6BAAS,CAACC,OADS;AAE3BlB,EAAAA,SAAS,EAAEiB,6BAAS,CAACC,OAFM;AAG3BjB,EAAAA,SAAS,EAAEgB,6BAAS,CAACC,OAHM;AAI3BhB,EAAAA,IAAI,EAAEe,6BAAS,CAACC,OAJW;AAK3Bf,EAAAA,MAAM,EAAEc,6BAAS,CAACC;AALS,CAA7B;IAQMC,UAAU,GAAGtB;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageSearch.js","sources":["../../../src/PageSearch/PageSearch.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst Header = styled(Grid)`\n height: 100%;\n background: ${(props) => props.theme.colors.brand['600']};\n padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n`;\n\nconst DSMobilePageSearch = withTheme(\n ({\n HeaderContainer = Header,\n SearchContainer = Header,\n searchHeader = null,\n pageTitle = 'Search',\n body = null,\n theme,\n }) => {\n const rows = [\n op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),\n op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),\n 1,\n ];\n return (\n <Grid rows={rows} height=\"100%\">\n <Grid>\n <HeaderContainer>{pageTitle}</HeaderContainer>\n </Grid>\n <Grid>\n <SearchContainer>{searchHeader}</SearchContainer>\n </Grid>\n <Grid height=\"100%\" style={{ overflow: 'hidden' }}>\n <Grid height=\"100%\" style={{ overflow: 'auto' }}>\n {body}\n </Grid>\n </Grid>\n </Grid>\n );\n },\n);\n\nDSMobilePageSearch.propTypes = {\n header: PropTypes.element,\n pageTitle: PropTypes.element,\n filterBar: PropTypes.element,\n body: PropTypes.element,\n footer: PropTypes.element,\n};\n\nconst DSPageSearch = DSMobilePageSearch;\n\nexport { DSPageSearch, DSMobilePageSearch };\n"],"names":["Header","styled","Grid","props","theme","colors","brand","__UNSAFE_SPACE_TO_DIMSUM","space","xxs","DSMobilePageSearch","withTheme","HeaderContainer","SearchContainer","searchHeader","pageTitle","body","rows","op","l","React","overflow","propTypes","header","PropTypes","element","filterBar","footer","DSPageSearch"],"mappings":";;;;;;;;;;;;;;;;AAMA,IAAMA,MAAM,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,kDAEI,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAFJ,EAGC,UAACH,KAAD;AAAA,SAAWI,iCAAwB,CAACJ,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBC,GAAnB,CAAnC;AAAA,CAHD,CAAZ;IAMMC,kBAAkB,GAAGC,kBAAS,CAClC,gBAOM;AAAA,kCANJC,eAMI;AAAA,MANJA,eAMI,qCANcZ,MAMd;AAAA,kCALJa,eAKI;AAAA,MALJA,eAKI,qCALcb,MAKd;AAAA,+BAJJc,YAII;AAAA,MAJJA,YAII,kCAJW,IAIX;AAAA,4BAHJC,SAGI;AAAA,MAHJA,SAGI,+BAHQ,QAGR;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,IAEH;AAAA,MADJZ,KACI,QADJA,KACI;AACJ,MAAMa,IAAI,GAAG,CACXC,WAAE,CAAC,GAAD,EAAMX,iCAAwB,CAACH,KAAK,CAACI,KAAN,CAAYW,CAAb,CAA9B,EAA+C,IAA/C,CADS,EAEXD,WAAE,CAAC,GAAD,EAAMX,iCAAwB,CAACH,KAAK,CAACI,KAAN,CAAYW,CAAb,CAA9B,EAA+C,IAA/C,CAFS,EAGX,CAHW,CAAb;AAKA,sBACEC,wCAAClB,WAAD;AAAM,IAAA,IAAI,EAAEe,IAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,kBACEG,wCAAClB,WAAD,qBACEkB,wCAAC,eAAD,QAAkBL,SAAlB,CADF,CADF,eAIEK,wCAAClB,WAAD,qBACEkB,wCAAC,eAAD,QAAkBN,YAAlB,CADF,CAJF,eAOEM,wCAAClB,WAAD;AAAM,IAAA,MAAM,EAAC,MAAb;AAAoB,IAAA,KAAK,EAAE;AAAEmB,MAAAA,QAAQ,EAAE;AAAZ;AAA3B,kBACED,wCAAClB,WAAD;AAAM,IAAA,MAAM,EAAC,MAAb;AAAoB,IAAA,KAAK,EAAE;AAAEmB,MAAAA,QAAQ,EAAE;AAAZ;AAA3B,KACGL,IADH,CADF,CAPF,CADF;AAeD,CA7BiC;AAgCpCN,kBAAkB,CAACY,SAAnB,GAA+B;AAC7BC,EAAAA,MAAM,EAAEC,6BAAS,CAACC,OADW;AAE7BV,EAAAA,SAAS,EAAES,6BAAS,CAACC,OAFQ;AAG7BC,EAAAA,SAAS,EAAEF,6BAAS,CAACC,OAHQ;AAI7BT,EAAAA,IAAI,EAAEQ,6BAAS,CAACC,OAJa;AAK7BE,EAAAA,MAAM,EAAEH,6BAAS,CAACC;AALW,CAA/B;IAQMG,YAAY,GAAGlB;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageSummary.js","sources":["../../../src/PageSummary/PageSummary.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\nimport { Header, Toolbar, BodyWrapper, Section } from './Tags';\n\nconst Body = styled(Grid)`\n margin: 0 auto;\n width: 100%;\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n }\n`;\n\nconst PageSummary = ({\n header = null,\n headerZIndex = 1,\n bodyPrimary = null,\n actions = null,\n actionsZIndex = 1,\n bodySecondary = null,\n}) => (\n <DSFullPageContainer>\n {header && <Header zIndex={headerZIndex}>{header}</Header>}\n <Section>\n <Grid>\n <Body>{bodyPrimary}</Body>\n </Grid>\n <Toolbar zIndex={actionsZIndex}>{actions}</Toolbar>\n <BodyWrapper>\n <Body>{bodySecondary}</Body>\n </BodyWrapper>\n </Section>\n </DSFullPageContainer>\n);\n\nPageSummary.propTypes = {\n header: PropTypes.element,\n bodyPrimary: PropTypes.element,\n actions: PropTypes.element,\n bodySecondary: PropTypes.element,\n headerZIndex: PropTypes.number,\n actionsZIndex: PropTypes.number,\n};\n\nconst DSPageSummary = PageSummary;\n\nexport { DSPageSummary };\n"],"names":["Body","styled","Grid","theme","breakpoints","small","op","__UNSAFE_SPACE_TO_DIMSUM","space","xxl","PageSummary","header","headerZIndex","bodyPrimary","actions","actionsZIndex","bodySecondary","React","DSFullPageContainer","Header","Section","Toolbar","BodyWrapper","propTypes","PropTypes","element","number","DSPageSummary"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,IAAI,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,+DAGa;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAHb,EAIJ;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,0BAAyBG,WAAE,CAAC,GAAD,EAAMC,iCAAwB,CAACJ,KAAK,CAACK,KAAN,CAAYC,GAAb,CAA9B,EAAiD,IAAjD,CAA3B;AAAA,CAJI,CAAV;;AAQA,IAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,2BAClBC,MADkB;AAAA,MAClBA,MADkB,6BACT,IADS;AAAA,iCAElBC,YAFkB;AAAA,MAElBA,YAFkB,mCAEH,CAFG;AAAA,gCAGlBC,WAHkB;AAAA,MAGlBA,WAHkB,kCAGJ,IAHI;AAAA,4BAIlBC,OAJkB;AAAA,MAIlBA,OAJkB,8BAIR,IAJQ;AAAA,kCAKlBC,aALkB;AAAA,MAKlBA,aALkB,oCAKF,CALE;AAAA,kCAMlBC,aANkB;AAAA,MAMlBA,aANkB,oCAMF,IANE;AAAA,sBAQlBC,wCAACC,uDAAD,QACGP,MAAM,iBAAIM,wCAACE,uBAAD;AAAQ,IAAA,MAAM,EAAEP;AAAhB,KAA+BD,MAA/B,CADb,eAEEM,wCAACG,wBAAD,qBACEH,wCAACf,WAAD,qBACEe,wCAAC,IAAD,QAAOJ,WAAP,CADF,CADF,eAIEI,wCAACI,wBAAD;AAAS,IAAA,MAAM,EAAEN;AAAjB,KAAiCD,OAAjC,CAJF,eAKEG,wCAACK,4BAAD,qBACEL,wCAAC,IAAD,QAAOD,aAAP,CADF,CALF,CAFF,CARkB;AAAA,CAApB;;AAsBAN,WAAW,CAACa,SAAZ,GAAwB;AACtBZ,EAAAA,MAAM,EAAEa,6BAAS,CAACC,OADI;AAEtBZ,EAAAA,WAAW,EAAEW,6BAAS,CAACC,OAFD;AAGtBX,EAAAA,OAAO,EAAEU,6BAAS,CAACC,OAHG;AAItBT,EAAAA,aAAa,EAAEQ,6BAAS,CAACC,OAJH;AAKtBb,EAAAA,YAAY,EAAEY,6BAAS,CAACE,MALF;AAMtBX,EAAAA,aAAa,EAAES,6BAAS,CAACE;AANH,CAAxB;IASMC,aAAa,GAAGjB;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tags.js","sources":["../../../src/PageSummary/Tags.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Header = styled.div`\n position: fixed;\n display: grid;\n top: 0;\n left: 0;\n width: 100%;\n height: 64px;\n z-index: ${({ zIndex }) => zIndex};\n`;\nexport const Toolbar = styled.div`\n position: sticky;\n left: 0;\n top: 64px;\n background: ${(props) => props.theme.colors.neutral['000']};\n z-index: ${({ zIndex }) => zIndex};\n`;\nexport const BodyWrapper = styled.div`\n position: relative;\n display: grid;\n top: 0;\n left: 0;\n height: 100%;\n`;\n\nexport const Section = styled.div`\n position: relative;\n top: 64px;\n height: 100%;\n`;\n"],"names":["Header","styled","div","zIndex","Toolbar","props","theme","colors","neutral","BodyWrapper","Section"],"mappings":";;;;;;;;;;IAEaA,MAAM,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,sFAON;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,SAAgBA,MAAhB;AAAA,CAPM;IASNC,OAAO,gBAAGH,0BAAM,CAACC,GAAV;AAAA;AAAA,sEAIJ,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJI,EAKP;AAAA,MAAGL,MAAH,SAAGA,MAAH;AAAA,SAAgBA,MAAhB;AAAA,CALO;IAOPM,WAAW,gBAAGR,0BAAM,CAACC,GAAV;AAAA;AAAA;IAQXQ,OAAO,gBAAGT,0BAAM,CAACC,GAAV;AAAA;AAAA;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SideNav.js","sources":["../../../src/SideNav/SideNav.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Close } from '@elliemae/ds-icons';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { PropTypes, describe } from 'react-desc';\nimport { noop } from 'lodash';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from './styles';\n\nconst DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {\n const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);\n\n const menuItemClick = (idx, text, cb) => {\n if (cb) {\n cb(idx, text);\n }\n setSelectedMenuItem(idx);\n };\n\n const renderMenuList = () => (\n <>\n {menuItems.length > 0 ? (\n <MenuList>\n {menuItems.map(({ icon, text, onClick }, idx) => (\n <div key={idx} className=\"menuitem\" onClick={menuItemClick.bind(null, idx, text, onClick)}>\n <div className=\"icon\">{icon}</div>\n <div className={`text ${idx === selectedMenuItemIdx ? 'active' : ''}`}>{text}</div>\n </div>\n ))}\n </MenuList>\n ) : null}\n </>\n );\n\n const renderBottomMenu = () => (\n <MenuList>\n {bottomMenuItems.map(({ icon, text, onClick }, idx) => (\n <div key={idx} className=\"menuitem\" onClick={() => onClick(idx, text)}>\n <div className=\"icon\">{icon}</div>\n <div className=\"text\">{text}</div>\n </div>\n ))}\n </MenuList>\n );\n\n return (\n <Container data-testid={containerProps['data-testid'] || 'global-header-menu'}>\n <DSBackdrop onClick={onClose} type=\"cover\"></DSBackdrop>\n\n <Menu>\n <MenuWrapper>\n <Heading>\n <Icon>{Logo()}</Icon>\n <div className=\"content\">\n <label>{title}</label>\n <span></span>\n <div className=\"icon\">\n <Close onClick={onClose} size={DSIconSizes.S} color={DSIconColors.WHITE} />\n </div>\n </div>\n </Heading>\n <Hr></Hr>\n {renderMenuList()}\n {bottomMenuItems.length > 0 ? (\n <BottomMenu>\n <div className=\"content\">\n <hr></hr>\n {renderBottomMenu()}\n </div>\n </BottomMenu>\n ) : null}\n </MenuWrapper>\n </Menu>\n </Container>\n );\n};\n\nconst menuProps = PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.element,\n text: PropTypes.string,\n }),\n);\n\nconst navProps = {\n /** inject props to wrapper element of side nav */\n containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),\n /**\n * Heading Title\n */\n title: PropTypes.string.isRequired.description('Heading Title'),\n /**\n * Callback function when close is menu is triggered\n */\n onClose: PropTypes.func.description('Callback function when close is menu is triggered'),\n /**\n * Top Menu items array\n */\n menuItems: menuProps.description('Top Menu items array'),\n /**\n * Bottom Menu items array\n */\n bottomMenuItems: menuProps.description('Bottom Menu items array'),\n};\n\nDSSideNav.propTypes = navProps;\n\nconst DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');\n\nDSSideNavWithSchema.propTypes = navProps;\n\nexport { DSSideNav, DSSideNavWithSchema };\n"],"names":["DSSideNav","containerProps","title","onClose","noop","menuItems","bottomMenuItems","useState","selectedMenuItemIdx","setSelectedMenuItem","menuItemClick","idx","text","cb","renderMenuList","React","length","MenuList","map","icon","onClick","bind","renderBottomMenu","Container","DSBackdrop","Menu","MenuWrapper","Heading","Icon","Logo","Close","DSIconSizes","S","DSIconColors","WHITE","Hr","BottomMenu","menuProps","PropTypes","arrayOf","shape","element","string","navProps","object","description","isRequired","func","propTypes","DSSideNavWithSchema","describe"],"mappings":"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"}
|
package/cjs/SideNav/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../src/SideNav/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Container = styled.div`\n position: fixed;\n width: 100%;\n height: 100%;\n`;\n\nexport const MenuWrapper = styled.div`\n position: relative;\n height: 100%;\n`;\n\nexport const Menu = styled.div`\n position: fixed;\n width: 80%;\n height: 100%;\n background-color: ${(props) => props.theme.colors.brand[700]};\n font-family: ${(props) => props.theme.fonts.default};\n box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};\n padding: ${(props) => props.theme.space.xs};\n`;\n\nexport const Heading = styled.div`\n display: flex;\n flex-direction: row;\n\n .content {\n width: 100%;\n display: flex;\n flex-direction: row;\n span {\n flex-grow: 1;\n }\n label {\n padding-top: 1px;\n line-height:30px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 22px;\n color: ${(props) => props.theme.colors.neutral['000']};\n }\n .icon {\n cursor: pointer;\n padding-top: 6px;\n }\n }\n`;\n\nexport const Icon = styled.div`\n margin-right: ${(props) => props.theme.space.xxs2};\n`;\n\nexport const Hr = styled.hr`\n margin-left: -${(props) => props.theme.space.xs};\n margin-right: -${(props) => props.theme.space.xs};\n`;\nexport const MenuList = styled.div`\n .menuitem {\n display: flex;\n flex-direction: row;\n cursor: pointer;\n height:22px;\n margin-bottom: ${(props) => props.theme.space.xs};\n .icon {\n padding-left: 6px;\n margin-right: ${(props) => props.theme.space.xs};\n span{\n height:20px;\n width:20px;\n svg{\n height:20px;\n width:20px;\n }\n }\n }\n .text {\n font-weight: ${(props) => props.theme.fontWeights.regular};\n font-size: 18px;\n line-height:22px;\n color: ${(props) => props.theme.colors.neutral['000']};\n &.active {\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n }\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n`;\n\nexport const BottomMenu = styled.div`\n position: absolute;\n bottom: 0;\n width: 100%;\n`;\n"],"names":["Container","styled","div","MenuWrapper","Menu","props","theme","colors","brand","fonts","default","neutral","space","xs","Heading","fontWeights","semibold","Icon","xxs2","Hr","hr","MenuList","regular","BottomMenu"],"mappings":";;;;;;;;;;IAEaA,SAAS,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA;IAMTC,WAAW,gBAAGF,0BAAM,CAACC,GAAV;AAAA;AAAA;IAKXE,IAAI,gBAAGH,0BAAM,CAACC,GAAV;AAAA;AAAA,4HAIK,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAJL,EAKA,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,OAA7B;AAAA,CALA,EAMS,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CANT,EAOJ,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CAPI;IAUJC,OAAO,gBAAGb,0BAAM,CAACC,GAAV;AAAA;AAAA,yOAcC,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBC,QAAnC;AAAA,CAdD,EAgBL,UAACX,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAhBK;IAyBPM,IAAI,gBAAGhB,0BAAM,CAACC,GAAV;AAAA;AAAA,2BACC,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBM,IAA7B;AAAA,CADD;IAIJC,EAAE,gBAAGlB,0BAAM,CAACmB,EAAV;AAAA;AAAA,8CACG,UAACf,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CADH,EAEI,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CAFJ;IAIFQ,QAAQ,gBAAGpB,0BAAM,CAACC,GAAV;AAAA;AAAA,iUAMA,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CANA,EASC,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CATD,EAoBA,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBO,OAAnC;AAAA,CApBA,EAuBN,UAACjB,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAvBM,EAyBE,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBC,QAAnC;AAAA,CAzBF;IAkCRO,UAAU,gBAAGtB,0BAAM,CAACC,GAAV;AAAA;AAAA;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressIndicator.js","sources":["../../../src/SwipeToRefresh/ProgressIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { useTheme } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst rad = 54;\nconst cir = 2 * Math.PI * rad;\nexport const ProgressIndicator = ({ progress = 0 }) => {\n const factor = progress / 100;\n const theme = useTheme();\n const dashoffset = cir * (1 - factor);\n return (\n <Grid height={theme.space.s} width={theme.space.s} justifyContent=\"center\" alignItems=\"center\">\n <svg width=\"23\" height=\"23\" viewBox=\"0 0 120 120\" transform=\"rotate(-90)\">\n <circle cx=\"60\" cy=\"60\" r=\"54\" fill=\"none\" strokeWidth=\"12\" stroke={`${theme.colors.neutral[100]}`} />\n <circle\n cx=\"60\"\n cy=\"60\"\n r=\"54\"\n strokeWidth=\"12\"\n fill=\"none\"\n strokeDasharray={`${cir}px`}\n strokeDashoffset={`${dashoffset}px`}\n stroke={`${theme.colors.brand[600]}`}\n strokeLinecap=\"round\"\n />\n </svg>\n </Grid>\n );\n};\n\nProgressIndicator.propTypes = {\n progress: PropTypes.number,\n};\n"],"names":["rad","cir","Math","PI","ProgressIndicator","progress","factor","theme","useTheme","dashoffset","React","Grid","space","s","colors","neutral","brand","propTypes","PropTypes","number"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,GAAG,GAAG,EAAZ;AACA,IAAMC,GAAG,GAAG,IAAIC,IAAI,CAACC,EAAT,GAAcH,GAA1B;IACaI,iBAAiB,GAAG,SAApBA,iBAAoB,OAAsB;AAAA,2BAAnBC,QAAmB;AAAA,MAAnBA,QAAmB,8BAAR,CAAQ;AACrD,MAAMC,MAAM,GAAGD,QAAQ,GAAG,GAA1B;AACA,MAAME,KAAK,GAAGC,iBAAQ,EAAtB;AACA,MAAMC,UAAU,GAAGR,GAAG,IAAI,IAAIK,MAAR,CAAtB;AACA,sBACEI,wCAACC,WAAD;AAAM,IAAA,MAAM,EAAEJ,KAAK,CAACK,KAAN,CAAYC,CAA1B;AAA6B,IAAA,KAAK,EAAEN,KAAK,CAACK,KAAN,CAAYC,CAAhD;AAAmD,IAAA,cAAc,EAAC,QAAlE;AAA2E,IAAA,UAAU,EAAC;AAAtF,kBACEH;AAAK,IAAA,KAAK,EAAC,IAAX;AAAgB,IAAA,MAAM,EAAC,IAAvB;AAA4B,IAAA,OAAO,EAAC,aAApC;AAAkD,IAAA,SAAS,EAAC;AAA5D,kBACEA;AAAQ,IAAA,EAAE,EAAC,IAAX;AAAgB,IAAA,EAAE,EAAC,IAAnB;AAAwB,IAAA,CAAC,EAAC,IAA1B;AAA+B,IAAA,IAAI,EAAC,MAApC;AAA2C,IAAA,WAAW,EAAC,IAAvD;AAA4D,IAAA,MAAM,YAAKH,KAAK,CAACO,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAL;AAAlE,IADF,eAEEL;AACE,IAAA,EAAE,EAAC,IADL;AAEE,IAAA,EAAE,EAAC,IAFL;AAGE,IAAA,CAAC,EAAC,IAHJ;AAIE,IAAA,WAAW,EAAC,IAJd;AAKE,IAAA,IAAI,EAAC,MALP;AAME,IAAA,eAAe,YAAKT,GAAL,OANjB;AAOE,IAAA,gBAAgB,YAAKQ,UAAL,OAPlB;AAQE,IAAA,MAAM,YAAKF,KAAK,CAACO,MAAN,CAAaE,KAAb,CAAmB,GAAnB,CAAL,CARR;AASE,IAAA,aAAa,EAAC;AAThB,IAFF,CADF,CADF;AAkBD;AAEDZ,iBAAiB,CAACa,SAAlB,GAA8B;AAC5BZ,EAAAA,QAAQ,EAAEa,6BAAS,CAACC;AADQ,CAA9B;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressLoader.js","sources":["../../../src/SwipeToRefresh/ProgressLoader.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ProgressLoader = () => {\n const width = 32;\n const height = 32;\n return (\n <svg viewBox=\"0 0 40 40\" width={width} height={height} rotate=\"20deg\">\n <defs>\n <clipPath id=\"prefix__clip-path\">\n <circle className=\"prefix__cls-1\" cx={-220} cy={21} r={12} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-2\">\n <circle className=\"prefix__cls-1\" cx={-220} cy={9} r={2} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-3\">\n <circle className=\"prefix__cls-1\" cx={-159.98} cy={21} r={12} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-4\">\n <path\n className=\"prefix__cls-1\"\n d=\"M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-5\">\n <path\n className=\"prefix__cls-2\"\n d=\"M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-6\">\n <circle className=\"prefix__cls-1\" cx={-99.68} cy={21.22} r={12} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-7\">\n <path\n className=\"prefix__cls-1\"\n d=\"M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-8\">\n <path\n className=\"prefix__cls-2\"\n d=\"M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-9\">\n <circle className=\"prefix__cls-1\" cx={-39.52} cy={21.9} r={12} />\n </clipPath>\n <clipPath id=\"prefix__clip-path-10\">\n <path\n className=\"prefix__cls-1\"\n d=\"M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-11\">\n <path\n className=\"prefix__cls-2\"\n d=\"M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-12\">\n <path\n className=\"prefix__cls-1\"\n d=\"M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z\"\n />\n </clipPath>\n <clipPath id=\"prefix__clip-path-13\">\n <path className=\"prefix__cls-1\" d=\"M-155.52-51.1h282v114h-282z\" />\n </clipPath>\n <clipPath id=\"prefix__clip-path-14\">\n <path className=\"prefix__cls-1\" d=\"M4.48 5.9h32v32h-32z\" />\n </clipPath>\n <clipPath id=\"prefix__clip-path-15\">\n <path\n className=\"prefix__cls-2\"\n d=\"M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z\"\n />\n </clipPath>\n <style>\n {\n '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'\n }\n </style>\n </defs>\n <g id=\"prefix__Layer_5\" data-name=\"Layer 5\">\n <g clipPath=\"url(#prefix__clip-path-12)\">\n <g clipPath=\"url(#prefix__clip-path-14)\">\n <image\n width={32}\n height={32}\n transform=\"rotate(-90 21.19 16.71)\"\n xlinkHref=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII=\"\n />\n </g>\n </g>\n <g clipPath=\"url(#prefix__clip-path-15)\">\n <path\n transform=\"rotate(-77 22.961 10.28)\"\n fill=\"#3590ce\"\n d=\"M13.66 1.31h18.6v17.94h-18.6z\"\n />\n </g>\n </g>\n </svg>\n );\n};\n"],"names":["ProgressLoader","width","height","React"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SwipeToRefresh.js","sources":["../../../src/SwipeToRefresh/SwipeToRefresh.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { useTheme } from '@elliemae/ds-system';\nimport { useSwipe } from './useSwipe';\nimport { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled';\nimport { ProgressIndicator } from './ProgressIndicator';\n\nconst SwipeToRefresh = ({ children, loading, onRefresh }) => {\n const breakpoint = 60;\n const theme = useTheme();\n const swipe = useSwipe({ onRefresh, breakpoint });\n const progress = swipe.height > breakpoint ? 100 : (swipe.height * 100) / breakpoint;\n return (\n <SwipeContainer>\n <SwipeDrag\n onTouchStart={swipe.touchStart}\n onTouchEnd={swipe.touchEnd}\n onTouchCancel={swipe.touchCancel}\n onTouchMove={swipe.touchMove}\n ref={swipe.ref}\n >\n <LoaderBox\n height={loading ? theme.space.m : `${swipe.height}px`}\n alignItems=\"flex-start\"\n data-testid=\"loader-box\"\n >\n <PositionLoader\n height={theme.space.m}\n justifyContent=\"center\"\n alignItems=\"center\"\n mt={swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`}\n >\n {loading ? <DSCircularProgressIndicator /> : <ProgressIndicator progress={progress} />}\n </PositionLoader>\n </LoaderBox>\n <div ref={swipe.target} style={{ height: 1 }} />\n {children}\n </SwipeDrag>\n </SwipeContainer>\n );\n};\n\nconst props = {\n /** component inside swipe to refresh container */\n children: PropTypes.element.isRequired.description('component inside swipe to refresh container'),\n /** toggle loading state for swipe */\n loading: PropTypes.bool.description('toggle loading state for swipe'),\n /** callback on refresh swipe */\n onRefresh: PropTypes.func.description('callback on refresh swipe'),\n};\n\nSwipeToRefresh.propTypes = props;\n\nconst SwipeToRefreshWithSchema = describe(SwipeToRefresh);\n\nSwipeToRefreshWithSchema.propTypes = props;\n\nexport { SwipeToRefresh, SwipeToRefreshWithSchema };\n"],"names":["SwipeToRefresh","children","loading","onRefresh","breakpoint","theme","useTheme","swipe","useSwipe","progress","height","React","SwipeContainer","SwipeDrag","touchStart","touchEnd","touchCancel","touchMove","ref","LoaderBox","space","m","PositionLoader","DSCircularProgressIndicator","ProgressIndicator","target","props","PropTypes","element","isRequired","description","bool","func","propTypes","SwipeToRefreshWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;IAQMA,cAAc,GAAG,SAAjBA,cAAiB,OAAsC;AAAA,MAAnCC,QAAmC,QAAnCA,QAAmC;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AAC3D,MAAMC,UAAU,GAAG,EAAnB;AACA,MAAMC,KAAK,GAAGC,iBAAQ,EAAtB;AACA,MAAMC,KAAK,GAAGC,gCAAQ,CAAC;AAAEL,IAAAA,SAAS,EAATA,SAAF;AAAaC,IAAAA,UAAU,EAAVA;AAAb,GAAD,CAAtB;AACA,MAAMK,QAAQ,GAAGF,KAAK,CAACG,MAAN,GAAeN,UAAf,GAA4B,GAA5B,GAAmCG,KAAK,CAACG,MAAN,GAAe,GAAhB,GAAuBN,UAA1E;AACA,sBACEO,wCAACC,oCAAD,qBACED,wCAACE,+BAAD;AACE,IAAA,YAAY,EAAEN,KAAK,CAACO,UADtB;AAEE,IAAA,UAAU,EAAEP,KAAK,CAACQ,QAFpB;AAGE,IAAA,aAAa,EAAER,KAAK,CAACS,WAHvB;AAIE,IAAA,WAAW,EAAET,KAAK,CAACU,SAJrB;AAKE,IAAA,GAAG,EAAEV,KAAK,CAACW;AALb,kBAOEP,wCAACQ,+BAAD;AACE,IAAA,MAAM,EAAEjB,OAAO,GAAGG,KAAK,CAACe,KAAN,CAAYC,CAAf,aAAsBd,KAAK,CAACG,MAA5B,OADjB;AAEE,IAAA,UAAU,EAAC,YAFb;AAGE,mBAAY;AAHd,kBAKEC,wCAACW,oCAAD;AACE,IAAA,MAAM,EAAEjB,KAAK,CAACe,KAAN,CAAYC,CADtB;AAEE,IAAA,cAAc,EAAC,QAFjB;AAGE,IAAA,UAAU,EAAC,QAHb;AAIE,IAAA,EAAE,EAAEd,KAAK,CAACG,MAAN,GAAe,EAAf,IAAqBR,OAArB,GAA+B,CAA/B,aAAsCK,KAAK,CAACG,MAAN,GAAe,EAArD;AAJN,KAMGR,OAAO,gBAAGS,wCAACY,uDAAD,OAAH,gBAAqCZ,wCAACa,kDAAD;AAAmB,IAAA,QAAQ,EAAEf;AAA7B,IAN/C,CALF,CAPF,eAqBEE;AAAK,IAAA,GAAG,EAAEJ,KAAK,CAACkB,MAAhB;AAAwB,IAAA,KAAK,EAAE;AAAEf,MAAAA,MAAM,EAAE;AAAV;AAA/B,IArBF,EAsBGT,QAtBH,CADF,CADF;AA4BD;;AAED,IAAMyB,KAAK,GAAG;AACZ;AACAzB,EAAAA,QAAQ,EAAE0B,mBAAS,CAACC,OAAV,CAAkBC,UAAlB,CAA6BC,WAA7B,CAAyC,6CAAzC,CAFE;;AAGZ;AACA5B,EAAAA,OAAO,EAAEyB,mBAAS,CAACI,IAAV,CAAeD,WAAf,CAA2B,gCAA3B,CAJG;;AAKZ;AACA3B,EAAAA,SAAS,EAAEwB,mBAAS,CAACK,IAAV,CAAeF,WAAf,CAA2B,2BAA3B;AANC,CAAd;AASA9B,cAAc,CAACiC,SAAf,GAA2BP,KAA3B;IAEMQ,wBAAwB,GAAGC,kBAAQ,CAACnC,cAAD;AAEzCkC,wBAAwB,CAACD,SAAzB,GAAqCP,KAArC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../src/SwipeToRefresh/styled.tsx"],"sourcesContent":["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nexport const SwipeContainer = styled(Grid)`\n transition: height 0.2s;\n overscroll-behavior: none;\n height: 100%;\n`;\n\nexport const SwipeDrag = styled.div`\n border: none;\n overscroll-behavior: none;\n overflow: auto;\n max-height: 100%;\n`;\n\nexport const LoaderBox = styled(Grid)`\n transition: height 0.2s;\n overflow: hidden;\n`;\n\nexport const PositionLoader = styled(Grid)`\n transition: margin 0.2s;\n`;\n"],"names":["SwipeContainer","styled","Grid","SwipeDrag","div","LoaderBox","PositionLoader"],"mappings":";;;;;;;;;;;IAGaA,cAAc,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA;IAMdC,SAAS,gBAAGF,0BAAM,CAACG,GAAV;AAAA;AAAA;IAOTC,SAAS,gBAAGJ,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA;IAKTI,cAAc,gBAAGL,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA;;;;;;;"}
|