@elliemae/ds-left-navigation 3.0.0-next.2 → 3.0.0-next.6
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/dist/cjs/LeftNavigation.js +51 -0
- package/dist/cjs/LeftNavigation.js.map +7 -0
- package/dist/cjs/LeftNavigationContext.js +67 -0
- package/dist/cjs/LeftNavigationContext.js.map +7 -0
- package/dist/cjs/common/getItemBackgroundStyle.js +51 -0
- package/dist/cjs/common/getItemBackgroundStyle.js.map +7 -0
- package/dist/cjs/common/getLeftBorderStyle.js +54 -0
- package/dist/cjs/common/getLeftBorderStyle.js.map +7 -0
- package/dist/cjs/common/getScrollbarStyle.js +58 -0
- package/dist/cjs/common/getScrollbarStyle.js.map +7 -0
- package/dist/cjs/common/index.js +30 -0
- package/dist/cjs/common/index.js.map +7 -0
- package/dist/cjs/configs/index.js +38 -0
- package/dist/cjs/configs/index.js.map +7 -0
- package/dist/cjs/configs/useLeftNavConfig.js +106 -0
- package/dist/cjs/configs/useLeftNavConfig.js.map +7 -0
- package/dist/cjs/configs/useLeftNavItems.js +82 -0
- package/dist/cjs/configs/useLeftNavItems.js.map +7 -0
- package/dist/cjs/configs/useLeftNavSmoothExpand.js +53 -0
- package/dist/cjs/configs/useLeftNavSmoothExpand.js.map +7 -0
- package/dist/cjs/exported-related/ChevronItem/index.js +56 -0
- package/dist/cjs/exported-related/ChevronItem/index.js.map +7 -0
- package/dist/cjs/exported-related/Icon/index.js +66 -0
- package/dist/cjs/exported-related/Icon/index.js.map +7 -0
- package/dist/cjs/exported-related/ItemRenderer/index.js +133 -0
- package/dist/cjs/exported-related/ItemRenderer/index.js.map +7 -0
- package/dist/cjs/exported-related/ItemRenderer/styled.js +90 -0
- package/dist/cjs/exported-related/ItemRenderer/styled.js.map +7 -0
- package/dist/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js +86 -0
- package/dist/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js.map +7 -0
- package/dist/cjs/exported-related/Notifications/index.js +82 -0
- package/dist/cjs/exported-related/Notifications/index.js.map +7 -0
- package/dist/cjs/exported-related/OpenWindowItem/index.js +63 -0
- package/dist/cjs/exported-related/OpenWindowItem/index.js.map +7 -0
- package/dist/cjs/exported-related/constants.js +57 -0
- package/dist/cjs/exported-related/constants.js.map +7 -0
- package/dist/cjs/exported-related/index.js +33 -0
- package/dist/cjs/exported-related/index.js.map +7 -0
- package/dist/cjs/hooks/index.js +30 -0
- package/dist/cjs/hooks/index.js.map +7 -0
- package/dist/cjs/hooks/useExpandableOnClickHandler.js +64 -0
- package/dist/cjs/hooks/useExpandableOnClickHandler.js.map +7 -0
- package/dist/cjs/hooks/useKeyboardNavigation.js +118 -0
- package/dist/cjs/hooks/useKeyboardNavigation.js.map +7 -0
- package/dist/cjs/hooks/useOpenableOnClickHandler.js +69 -0
- package/dist/cjs/hooks/useOpenableOnClickHandler.js.map +7 -0
- package/dist/cjs/hooks/useSelectFirstBodyItem.js +52 -0
- package/dist/cjs/hooks/useSelectFirstBodyItem.js.map +7 -0
- package/dist/cjs/index.d.js +27 -0
- package/dist/cjs/index.d.js.map +7 -0
- package/dist/cjs/index.js +41 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemControlledDrilldown/index.js +167 -0
- package/dist/cjs/outOfTheBox/ItemControlledDrilldown/index.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemControlledDrilldown/styled.js +49 -0
- package/dist/cjs/outOfTheBox/ItemControlledDrilldown/styled.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemHeader/index.js +163 -0
- package/dist/cjs/outOfTheBox/ItemHeader/index.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemHeader/styled.js +49 -0
- package/dist/cjs/outOfTheBox/ItemHeader/styled.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemLink/index.js +122 -0
- package/dist/cjs/outOfTheBox/ItemLink/index.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemLink/styled.js +41 -0
- package/dist/cjs/outOfTheBox/ItemLink/styled.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemSection/index.js +95 -0
- package/dist/cjs/outOfTheBox/ItemSection/index.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemSection/styled.js +53 -0
- package/dist/cjs/outOfTheBox/ItemSection/styled.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemSeparator/index.js +78 -0
- package/dist/cjs/outOfTheBox/ItemSeparator/index.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemSubmenu/index.js +164 -0
- package/dist/cjs/outOfTheBox/ItemSubmenu/index.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemSubmenu/styled.js +49 -0
- package/dist/cjs/outOfTheBox/ItemSubmenu/styled.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemTextLabel/index.js +85 -0
- package/dist/cjs/outOfTheBox/ItemTextLabel/index.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemTextLabel/styled.js +43 -0
- package/dist/cjs/outOfTheBox/ItemTextLabel/styled.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +181 -0
- package/dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js +49 -0
- package/dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemWithDate/index.js +107 -0
- package/dist/cjs/outOfTheBox/ItemWithDate/index.js.map +7 -0
- package/dist/cjs/outOfTheBox/ItemWithDate/styled.js +49 -0
- package/dist/cjs/outOfTheBox/ItemWithDate/styled.js.map +7 -0
- package/dist/cjs/outOfTheBox/index.js +77 -0
- package/dist/cjs/outOfTheBox/index.js.map +7 -0
- package/dist/cjs/parts/LeftNavContent/index.js +88 -0
- package/dist/cjs/parts/LeftNavContent/index.js.map +7 -0
- package/dist/cjs/parts/LeftNavContent/styled.js +113 -0
- package/dist/cjs/parts/LeftNavContent/styled.js.map +7 -0
- package/dist/cjs/parts/LeftNavContentWithScrollbar/index.js +115 -0
- package/dist/cjs/parts/LeftNavContentWithScrollbar/index.js.map +7 -0
- package/dist/cjs/parts/LeftNavFooterItem/index.js +125 -0
- package/dist/cjs/parts/LeftNavFooterItem/index.js.map +7 -0
- package/dist/cjs/parts/LeftNavFooterItem/styled.js +94 -0
- package/dist/cjs/parts/LeftNavFooterItem/styled.js.map +7 -0
- package/dist/cjs/parts/LeftNavLoading/index.js +52 -0
- package/dist/cjs/parts/LeftNavLoading/index.js.map +7 -0
- package/dist/cjs/parts/OutOfTheBoxMapItem.js +69 -0
- package/dist/cjs/parts/OutOfTheBoxMapItem.js.map +7 -0
- package/dist/cjs/prop-types.js +66 -0
- package/dist/cjs/prop-types.js.map +7 -0
- package/dist/esm/LeftNavigation.js +22 -0
- package/dist/esm/LeftNavigation.js.map +7 -0
- package/{esm → dist/esm}/LeftNavigationContext.js +15 -11
- package/dist/esm/LeftNavigationContext.js.map +7 -0
- package/dist/esm/common/getItemBackgroundStyle.js +22 -0
- package/dist/esm/common/getItemBackgroundStyle.js.map +7 -0
- package/dist/esm/common/getLeftBorderStyle.js +25 -0
- package/dist/esm/common/getLeftBorderStyle.js.map +7 -0
- package/dist/esm/common/getScrollbarStyle.js +29 -0
- package/dist/esm/common/getScrollbarStyle.js.map +7 -0
- package/dist/esm/common/index.js +5 -0
- package/dist/esm/common/index.js.map +7 -0
- package/dist/esm/configs/index.js +9 -0
- package/dist/esm/configs/index.js.map +7 -0
- package/dist/esm/configs/useLeftNavConfig.js +77 -0
- package/dist/esm/configs/useLeftNavConfig.js.map +7 -0
- package/dist/esm/configs/useLeftNavItems.js +53 -0
- package/dist/esm/configs/useLeftNavItems.js.map +7 -0
- package/dist/esm/configs/useLeftNavSmoothExpand.js +24 -0
- package/dist/esm/configs/useLeftNavSmoothExpand.js.map +7 -0
- package/dist/esm/exported-related/ChevronItem/index.js +29 -0
- package/dist/esm/exported-related/ChevronItem/index.js.map +7 -0
- package/dist/esm/exported-related/Icon/index.js +39 -0
- package/dist/esm/exported-related/Icon/index.js.map +7 -0
- package/dist/esm/exported-related/ItemRenderer/index.js +104 -0
- package/dist/esm/exported-related/ItemRenderer/index.js.map +7 -0
- package/dist/esm/exported-related/ItemRenderer/styled.js +61 -0
- package/dist/esm/exported-related/ItemRenderer/styled.js.map +7 -0
- package/dist/esm/exported-related/ItemRenderer/usePropsWithDefaults.js +59 -0
- package/dist/esm/exported-related/ItemRenderer/usePropsWithDefaults.js.map +7 -0
- package/dist/esm/exported-related/Notifications/index.js +58 -0
- package/dist/esm/exported-related/Notifications/index.js.map +7 -0
- package/dist/esm/exported-related/OpenWindowItem/index.js +36 -0
- package/dist/esm/exported-related/OpenWindowItem/index.js.map +7 -0
- package/dist/esm/exported-related/constants.js +28 -0
- package/dist/esm/exported-related/constants.js.map +7 -0
- package/dist/esm/exported-related/index.js +8 -0
- package/dist/esm/exported-related/index.js.map +7 -0
- package/dist/esm/hooks/index.js +5 -0
- package/dist/esm/hooks/index.js.map +7 -0
- package/dist/esm/hooks/useExpandableOnClickHandler.js +35 -0
- package/dist/esm/hooks/useExpandableOnClickHandler.js.map +7 -0
- package/{esm → dist/esm}/hooks/useKeyboardNavigation.js +30 -47
- package/dist/esm/hooks/useKeyboardNavigation.js.map +7 -0
- package/dist/esm/hooks/useOpenableOnClickHandler.js +40 -0
- package/dist/esm/hooks/useOpenableOnClickHandler.js.map +7 -0
- package/dist/esm/hooks/useSelectFirstBodyItem.js +23 -0
- package/dist/esm/hooks/useSelectFirstBodyItem.js.map +7 -0
- package/dist/esm/index.d.js +2 -0
- package/dist/esm/index.d.js.map +7 -0
- package/dist/esm/index.js +12 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemControlledDrilldown/index.js +140 -0
- package/dist/esm/outOfTheBox/ItemControlledDrilldown/index.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemControlledDrilldown/styled.js +20 -0
- package/dist/esm/outOfTheBox/ItemControlledDrilldown/styled.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemHeader/index.js +136 -0
- package/dist/esm/outOfTheBox/ItemHeader/index.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemHeader/styled.js +20 -0
- package/dist/esm/outOfTheBox/ItemHeader/styled.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemLink/index.js +95 -0
- package/dist/esm/outOfTheBox/ItemLink/index.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemLink/styled.js +12 -0
- package/dist/esm/outOfTheBox/ItemLink/styled.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemSection/index.js +68 -0
- package/dist/esm/outOfTheBox/ItemSection/index.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemSection/styled.js +24 -0
- package/dist/esm/outOfTheBox/ItemSection/styled.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemSeparator/index.js +51 -0
- package/dist/esm/outOfTheBox/ItemSeparator/index.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemSubmenu/index.js +137 -0
- package/dist/esm/outOfTheBox/ItemSubmenu/index.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemSubmenu/styled.js +20 -0
- package/dist/esm/outOfTheBox/ItemSubmenu/styled.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemTextLabel/index.js +58 -0
- package/dist/esm/outOfTheBox/ItemTextLabel/index.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemTextLabel/styled.js +14 -0
- package/dist/esm/outOfTheBox/ItemTextLabel/styled.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js +154 -0
- package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js +20 -0
- package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemWithDate/index.js +80 -0
- package/dist/esm/outOfTheBox/ItemWithDate/index.js.map +7 -0
- package/dist/esm/outOfTheBox/ItemWithDate/styled.js +20 -0
- package/dist/esm/outOfTheBox/ItemWithDate/styled.js.map +7 -0
- package/dist/esm/outOfTheBox/index.js +48 -0
- package/dist/esm/outOfTheBox/index.js.map +7 -0
- package/dist/esm/parts/LeftNavContent/index.js +67 -0
- package/dist/esm/parts/LeftNavContent/index.js.map +7 -0
- package/dist/esm/parts/LeftNavContent/styled.js +84 -0
- package/dist/esm/parts/LeftNavContent/styled.js.map +7 -0
- package/dist/esm/parts/LeftNavContentWithScrollbar/index.js +88 -0
- package/dist/esm/parts/LeftNavContentWithScrollbar/index.js.map +7 -0
- package/dist/esm/parts/LeftNavFooterItem/index.js +103 -0
- package/dist/esm/parts/LeftNavFooterItem/index.js.map +7 -0
- package/dist/esm/parts/LeftNavFooterItem/styled.js +65 -0
- package/dist/esm/parts/LeftNavFooterItem/styled.js.map +7 -0
- package/dist/esm/parts/LeftNavLoading/index.js +23 -0
- package/dist/esm/parts/LeftNavLoading/index.js.map +7 -0
- package/dist/esm/parts/OutOfTheBoxMapItem.js +42 -0
- package/dist/esm/parts/OutOfTheBoxMapItem.js.map +7 -0
- package/dist/esm/prop-types.js +37 -0
- package/dist/esm/prop-types.js.map +7 -0
- package/package.json +129 -120
- package/cjs/LeftNavigation.js +0 -29
- package/cjs/LeftNavigationContext.js +0 -41
- package/cjs/common/getItemBackgroundStyle.js +0 -12
- package/cjs/common/getLeftBorderStyle.js +0 -12
- package/cjs/common/getScrollbarStyle.js +0 -7
- package/cjs/common/index.js +0 -13
- package/cjs/configs/index.js +0 -10
- package/cjs/configs/useLeftNavConfig.js +0 -102
- package/cjs/configs/useLeftNavItems.js +0 -80
- package/cjs/configs/useLeftNavSmoothExpand.js +0 -35
- package/cjs/exported-related/ChevronItem/index.js +0 -28
- package/cjs/exported-related/Icon/index.js +0 -36
- package/cjs/exported-related/ItemRenderer/index.js +0 -128
- package/cjs/exported-related/ItemRenderer/styled.js +0 -58
- package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js +0 -57
- package/cjs/exported-related/Notifications/index.js +0 -62
- package/cjs/exported-related/OpenWindowItem/index.js +0 -33
- package/cjs/exported-related/constants.js +0 -29
- package/cjs/exported-related/index.js +0 -23
- package/cjs/hooks/index.js +0 -13
- package/cjs/hooks/useExpandableOnClickHandler.js +0 -35
- package/cjs/hooks/useKeyboardNavigation.js +0 -110
- package/cjs/hooks/useOpenableOnClickHandler.js +0 -40
- package/cjs/hooks/useSelectFirstBodyItem.js +0 -39
- package/cjs/index.d.js +0 -2
- package/cjs/index.js +0 -30
- package/cjs/outOfTheBox/ItemControlledDrilldown/index.js +0 -158
- package/cjs/outOfTheBox/ItemControlledDrilldown/styled.js +0 -27
- package/cjs/outOfTheBox/ItemHeader/index.js +0 -144
- package/cjs/outOfTheBox/ItemHeader/styled.js +0 -22
- package/cjs/outOfTheBox/ItemLink/index.js +0 -97
- package/cjs/outOfTheBox/ItemLink/styled.js +0 -17
- package/cjs/outOfTheBox/ItemSection/index.js +0 -83
- package/cjs/outOfTheBox/ItemSection/styled.js +0 -23
- package/cjs/outOfTheBox/ItemSeparator/index.js +0 -52
- package/cjs/outOfTheBox/ItemSubmenu/index.js +0 -145
- package/cjs/outOfTheBox/ItemSubmenu/styled.js +0 -22
- package/cjs/outOfTheBox/ItemTextLabel/index.js +0 -70
- package/cjs/outOfTheBox/ItemTextLabel/styled.js +0 -23
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +0 -172
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js +0 -27
- package/cjs/outOfTheBox/ItemWithDate/index.js +0 -86
- package/cjs/outOfTheBox/ItemWithDate/styled.js +0 -27
- package/cjs/outOfTheBox/index.js +0 -62
- package/cjs/parts/LeftNavContent/index.js +0 -84
- package/cjs/parts/LeftNavContent/styled.js +0 -53
- package/cjs/parts/LeftNavContentWithScrollbar/index.js +0 -91
- package/cjs/parts/LeftNavFooterItem/index.js +0 -108
- package/cjs/parts/LeftNavFooterItem/styled.js +0 -39
- package/cjs/parts/LeftNavLoading/index.js +0 -34
- package/cjs/parts/OutOfTheBoxMapItem.js +0 -52
- package/cjs/prop-types.js +0 -47
- package/esm/LeftNavigation.js +0 -20
- package/esm/common/getItemBackgroundStyle.js +0 -8
- package/esm/common/getLeftBorderStyle.js +0 -8
- package/esm/common/getScrollbarStyle.js +0 -3
- package/esm/common/index.js +0 -3
- package/esm/configs/index.js +0 -2
- package/esm/configs/useLeftNavConfig.js +0 -93
- package/esm/configs/useLeftNavItems.js +0 -75
- package/esm/configs/useLeftNavSmoothExpand.js +0 -26
- package/esm/exported-related/ChevronItem/index.js +0 -19
- package/esm/exported-related/Icon/index.js +0 -27
- package/esm/exported-related/ItemRenderer/index.js +0 -119
- package/esm/exported-related/ItemRenderer/styled.js +0 -47
- package/esm/exported-related/ItemRenderer/usePropsWithDefaults.js +0 -49
- package/esm/exported-related/Notifications/index.js +0 -51
- package/esm/exported-related/OpenWindowItem/index.js +0 -23
- package/esm/exported-related/constants.js +0 -21
- package/esm/exported-related/index.js +0 -6
- package/esm/hooks/index.js +0 -3
- package/esm/hooks/useExpandableOnClickHandler.js +0 -31
- package/esm/hooks/useOpenableOnClickHandler.js +0 -36
- package/esm/hooks/useSelectFirstBodyItem.js +0 -35
- package/esm/index.d.js +0 -1
- package/esm/index.js +0 -8
- package/esm/outOfTheBox/ItemControlledDrilldown/index.js +0 -148
- package/esm/outOfTheBox/ItemControlledDrilldown/styled.js +0 -17
- package/esm/outOfTheBox/ItemHeader/index.js +0 -134
- package/esm/outOfTheBox/ItemHeader/styled.js +0 -12
- package/esm/outOfTheBox/ItemLink/index.js +0 -87
- package/esm/outOfTheBox/ItemLink/styled.js +0 -8
- package/esm/outOfTheBox/ItemSection/index.js +0 -73
- package/esm/outOfTheBox/ItemSection/styled.js +0 -13
- package/esm/outOfTheBox/ItemSeparator/index.js +0 -42
- package/esm/outOfTheBox/ItemSubmenu/index.js +0 -135
- package/esm/outOfTheBox/ItemSubmenu/styled.js +0 -12
- package/esm/outOfTheBox/ItemTextLabel/index.js +0 -61
- package/esm/outOfTheBox/ItemTextLabel/styled.js +0 -14
- package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js +0 -162
- package/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js +0 -17
- package/esm/outOfTheBox/ItemWithDate/index.js +0 -76
- package/esm/outOfTheBox/ItemWithDate/styled.js +0 -17
- package/esm/outOfTheBox/index.js +0 -57
- package/esm/parts/LeftNavContent/index.js +0 -77
- package/esm/parts/LeftNavContent/styled.js +0 -39
- package/esm/parts/LeftNavContentWithScrollbar/index.js +0 -80
- package/esm/parts/LeftNavFooterItem/index.js +0 -98
- package/esm/parts/LeftNavFooterItem/styled.js +0 -26
- package/esm/parts/LeftNavLoading/index.js +0 -23
- package/esm/parts/OutOfTheBoxMapItem.js +0 -42
- package/esm/prop-types.js +0 -40
- package/types/LeftNavigation.d.ts +0 -55
- package/types/LeftNavigationContext.d.ts +0 -18
- package/types/common/getItemBackgroundStyle.d.ts +0 -5
- package/types/common/getLeftBorderStyle.d.ts +0 -4
- package/types/common/getScrollbarStyle.d.ts +0 -1
- package/types/common/index.d.ts +0 -3
- package/types/configs/index.d.ts +0 -3
- package/types/configs/useLeftNavConfig.d.ts +0 -4
- package/types/configs/useLeftNavItems.d.ts +0 -12
- package/types/configs/useLeftNavSmoothExpand.d.ts +0 -10
- package/types/exported-related/ChevronItem/index.d.ts +0 -3
- package/types/exported-related/Icon/index.d.ts +0 -5
- package/types/exported-related/ItemRenderer/index.d.ts +0 -3
- package/types/exported-related/ItemRenderer/styled.d.ts +0 -16
- package/types/exported-related/ItemRenderer/usePropsWithDefaults.d.ts +0 -2
- package/types/exported-related/Notifications/index.d.ts +0 -8
- package/types/exported-related/OpenWindowItem/index.d.ts +0 -3
- package/types/exported-related/constants.d.ts +0 -19
- package/types/exported-related/index.d.ts +0 -6
- package/types/hooks/index.d.ts +0 -3
- package/types/hooks/useExpandableOnClickHandler.d.ts +0 -9
- package/types/hooks/useKeyboardNavigation.d.ts +0 -8
- package/types/hooks/useOpenableOnClickHandler.d.ts +0 -10
- package/types/hooks/useSelectFirstBodyItem.d.ts +0 -3
- package/types/index.d.d.ts +0 -77
- package/types/index.d.ts +0 -3
- package/types/outOfTheBox/ItemControlledDrilldown/index.d.ts +0 -3
- package/types/outOfTheBox/ItemControlledDrilldown/styled.d.ts +0 -5
- package/types/outOfTheBox/ItemHeader/index.d.ts +0 -3
- package/types/outOfTheBox/ItemHeader/styled.d.ts +0 -3
- package/types/outOfTheBox/ItemLink/index.d.ts +0 -3
- package/types/outOfTheBox/ItemLink/styled.d.ts +0 -2
- package/types/outOfTheBox/ItemSection/index.d.ts +0 -3
- package/types/outOfTheBox/ItemSection/styled.d.ts +0 -3
- package/types/outOfTheBox/ItemSeparator/index.d.ts +0 -3
- package/types/outOfTheBox/ItemSubmenu/index.d.ts +0 -3
- package/types/outOfTheBox/ItemSubmenu/styled.d.ts +0 -3
- package/types/outOfTheBox/ItemTextLabel/index.d.ts +0 -3
- package/types/outOfTheBox/ItemTextLabel/styled.d.ts +0 -2
- package/types/outOfTheBox/ItemUncontrolledDrilldown/index.d.ts +0 -3
- package/types/outOfTheBox/ItemUncontrolledDrilldown/styled.d.ts +0 -5
- package/types/outOfTheBox/ItemWithDate/index.d.ts +0 -3
- package/types/outOfTheBox/ItemWithDate/styled.d.ts +0 -5
- package/types/outOfTheBox/index.d.ts +0 -13
- package/types/parts/LeftNavContent/index.d.ts +0 -3
- package/types/parts/LeftNavContent/styled.d.ts +0 -14
- package/types/parts/LeftNavContentWithScrollbar/index.d.ts +0 -6
- package/types/parts/LeftNavFooterItem/index.d.ts +0 -8
- package/types/parts/LeftNavFooterItem/styled.d.ts +0 -14
- package/types/parts/LeftNavLoading/index.d.ts +0 -4
- package/types/parts/OutOfTheBoxMapItem.d.ts +0 -3
- package/types/prop-types.d.ts +0 -91
- package/types/tests/LeftNavigation.collapsed.test.d.ts +0 -1
- package/types/tests/LeftNavigation.expanded.test.d.ts +0 -1
- package/types/tests/LeftNavigation.opened.test.d.ts +0 -1
- package/types/tests/events/LeftNavigation.events.keyboard.test.d.ts +0 -1
- package/types/tests/events/LeftNavigation.events.subitems.test.d.ts +0 -1
- package/types/tests/events/LeftNavigation.events.test.d.ts +0 -1
- package/types/tests/events/LeftNavigation.focus.events.test.d.ts +0 -1
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
6
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
9
|
-
var React = require('react');
|
|
10
|
-
var constants = require('../exported-related/constants.js');
|
|
11
|
-
require('@babel/runtime/helpers/jsx');
|
|
12
|
-
require('@elliemae/ds-grid');
|
|
13
|
-
require('styled-components');
|
|
14
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
15
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
16
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
17
|
-
require('react/jsx-runtime');
|
|
18
|
-
require('@elliemae/ds-icons');
|
|
19
|
-
|
|
20
|
-
const notFocuseableItems = [constants.ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, constants.ITEM_TYPES.LEFT_NAV_ITEM_SECTION]; // Walks the array of items
|
|
21
|
-
// Drilldowns are tree-like structures
|
|
22
|
-
|
|
23
|
-
const walkItems = (items, openedDrilldowns, callback) => {
|
|
24
|
-
items.forEach(item => {
|
|
25
|
-
if (typeof item.type === 'string') {
|
|
26
|
-
var _item$itemOpts$items, _item$itemOpts, _item$itemOpts2, _item$itemOpts$items2, _item$itemOpts3;
|
|
27
|
-
|
|
28
|
-
// Out of the box item
|
|
29
|
-
if (notFocuseableItems.includes(item.type)) return; // not focuseable
|
|
30
|
-
|
|
31
|
-
callback(item.dsId); // If it's an opened uncontrolled drilldown
|
|
32
|
-
|
|
33
|
-
if (item.type === constants.ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN && openedDrilldowns.includes(item.dsId)) walkItems((_item$itemOpts$items = (_item$itemOpts = item.itemOpts) === null || _item$itemOpts === void 0 ? void 0 : _item$itemOpts.items) !== null && _item$itemOpts$items !== void 0 ? _item$itemOpts$items : [], openedDrilldowns, callback); // If it's an opened controlled drilldown
|
|
34
|
-
|
|
35
|
-
if (item.type === constants.ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN && (_item$itemOpts2 = item.itemOpts) !== null && _item$itemOpts2 !== void 0 && _item$itemOpts2.isOpened) walkItems((_item$itemOpts$items2 = (_item$itemOpts3 = item.itemOpts) === null || _item$itemOpts3 === void 0 ? void 0 : _item$itemOpts3.items) !== null && _item$itemOpts$items2 !== void 0 ? _item$itemOpts$items2 : [], openedDrilldowns, callback);
|
|
36
|
-
} else {
|
|
37
|
-
var _item$itemOpts4;
|
|
38
|
-
|
|
39
|
-
// Custom item
|
|
40
|
-
if (!((_item$itemOpts4 = item.itemOpts) !== null && _item$itemOpts4 !== void 0 && _item$itemOpts4.focuseable)) return; // not focuseable specified
|
|
41
|
-
|
|
42
|
-
callback(item.dsId);
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
const useLeftNavItems = props => {
|
|
48
|
-
const {
|
|
49
|
-
headerItem,
|
|
50
|
-
bodyHeaderItem,
|
|
51
|
-
items: bodyItems,
|
|
52
|
-
openedDrilldowns
|
|
53
|
-
} = props; // Place the header and body header items into the array of items
|
|
54
|
-
|
|
55
|
-
const items = React.useMemo(() => {
|
|
56
|
-
const itemsArray = [...bodyItems];
|
|
57
|
-
if (bodyHeaderItem) itemsArray.unshift(bodyHeaderItem);
|
|
58
|
-
if (headerItem) itemsArray.unshift(headerItem);
|
|
59
|
-
return itemsArray;
|
|
60
|
-
}, [headerItem, bodyHeaderItem, bodyItems]);
|
|
61
|
-
const visibleItemsRefs = React.useRef({});
|
|
62
|
-
const visibleItems = React.useMemo(() => {
|
|
63
|
-
const visibleItemsArray = [];
|
|
64
|
-
walkItems(items, openedDrilldowns, dsId => {
|
|
65
|
-
visibleItemsArray.push(dsId);
|
|
66
|
-
});
|
|
67
|
-
visibleItemsArray.push(constants.FOOTER_DS_ID);
|
|
68
|
-
return visibleItemsArray;
|
|
69
|
-
}, [items, openedDrilldowns]);
|
|
70
|
-
visibleItems.forEach(dsId => {
|
|
71
|
-
if (!(dsId in visibleItemsRefs.current)) visibleItemsRefs.current[dsId] = /*#__PURE__*/React.createRef();
|
|
72
|
-
});
|
|
73
|
-
return {
|
|
74
|
-
visibleItems,
|
|
75
|
-
visibleItemsRefs
|
|
76
|
-
};
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
exports["default"] = useLeftNavItems;
|
|
80
|
-
exports.useLeftNavItems = useLeftNavItems;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
-
|
|
11
|
-
const useLeftNavSmoothExpand = (props, smoothExpandOpts) => {
|
|
12
|
-
const {
|
|
13
|
-
expanded
|
|
14
|
-
} = props;
|
|
15
|
-
const {
|
|
16
|
-
expandedForAnimation,
|
|
17
|
-
timeoutRef,
|
|
18
|
-
setExpandedForAnimation
|
|
19
|
-
} = smoothExpandOpts;
|
|
20
|
-
React__default["default"].useEffect(() => {
|
|
21
|
-
// If expanded changes, we need to smoothly transition to the non-expanded state
|
|
22
|
-
// so we need to wait for 350ms
|
|
23
|
-
if (!expanded && expandedForAnimation) {
|
|
24
|
-
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
25
|
-
timeoutRef.current = setTimeout(() => setExpandedForAnimation(false), 350);
|
|
26
|
-
} else if (expanded) setExpandedForAnimation(true); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
27
|
-
|
|
28
|
-
}, [expanded]);
|
|
29
|
-
React__default["default"].useEffect(() => () => {
|
|
30
|
-
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
31
|
-
}, [timeoutRef]);
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
exports["default"] = useLeftNavSmoothExpand;
|
|
35
|
-
exports.useLeftNavSmoothExpand = useLeftNavSmoothExpand;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
-
require('react');
|
|
12
|
-
var dsIcons = require('@elliemae/ds-icons');
|
|
13
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
14
|
-
|
|
15
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
-
|
|
17
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
18
|
-
|
|
19
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
20
|
-
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
|
-
const ChevronItem = props => /*#__PURE__*/jsxRuntime.jsx(dsIcons.ChevronSmallRight, _objectSpread({
|
|
23
|
-
size: "m",
|
|
24
|
-
color: ['brand-primary', 800]
|
|
25
|
-
}, props));
|
|
26
|
-
|
|
27
|
-
exports.ChevronItem = ChevronItem;
|
|
28
|
-
exports["default"] = ChevronItem;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
-
require('react');
|
|
12
|
-
var styled = require('styled-components');
|
|
13
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
14
|
-
|
|
15
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
-
|
|
17
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
18
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
19
|
-
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
-
|
|
24
|
-
const AugmentedIcon = Icon => styled__default["default"](Icon).withConfig({
|
|
25
|
-
componentId: "sc-1eek2uh-0"
|
|
26
|
-
})(["cursor:pointer;outline:0;:focus,:active{outline:1px solid #1e79c2;}"]);
|
|
27
|
-
|
|
28
|
-
const Icon = IconComponent => props => {
|
|
29
|
-
const StyledComponent = AugmentedIcon(IconComponent);
|
|
30
|
-
return /*#__PURE__*/jsxRuntime.jsx(StyledComponent, _objectSpread({
|
|
31
|
-
color: ['brand-primary', 800],
|
|
32
|
-
tabIndex: 0
|
|
33
|
-
}, props));
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
exports.Icon = Icon;
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var Grid = require('@elliemae/ds-grid');
|
|
8
|
-
var styled = require('./styled.js');
|
|
9
|
-
var LeftNavigationContext = require('../../LeftNavigationContext.js');
|
|
10
|
-
var usePropsWithDefaults = require('./usePropsWithDefaults.js');
|
|
11
|
-
var useKeyboardNavigation = require('../../hooks/useKeyboardNavigation.js');
|
|
12
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
13
|
-
|
|
14
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
-
|
|
16
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
17
|
-
var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
|
|
18
|
-
|
|
19
|
-
const ItemRenderer = props => {
|
|
20
|
-
const propsWithDefault = usePropsWithDefaults.usePropsWithDefaults(props);
|
|
21
|
-
const {
|
|
22
|
-
item,
|
|
23
|
-
item: {
|
|
24
|
-
dsId,
|
|
25
|
-
itemOpts: {
|
|
26
|
-
selectable,
|
|
27
|
-
focuseable,
|
|
28
|
-
indent,
|
|
29
|
-
ariaLabel,
|
|
30
|
-
ariaRole,
|
|
31
|
-
ariaLive,
|
|
32
|
-
ariaExpanded,
|
|
33
|
-
ariaDescribedBy
|
|
34
|
-
},
|
|
35
|
-
CollapsedComponent
|
|
36
|
-
},
|
|
37
|
-
subitems,
|
|
38
|
-
minHeight,
|
|
39
|
-
paddingTop,
|
|
40
|
-
onClick,
|
|
41
|
-
shadowStyle,
|
|
42
|
-
hasBorderBottom,
|
|
43
|
-
borderBottomMr,
|
|
44
|
-
children
|
|
45
|
-
} = propsWithDefault;
|
|
46
|
-
const ctx = React.useContext(LeftNavigationContext.LeftNavContext);
|
|
47
|
-
const {
|
|
48
|
-
leftNavProps: {
|
|
49
|
-
onItemClick,
|
|
50
|
-
openedItem
|
|
51
|
-
},
|
|
52
|
-
expandedForAnimation,
|
|
53
|
-
selectedParent,
|
|
54
|
-
selectedItem,
|
|
55
|
-
setSelectedItem,
|
|
56
|
-
setFocusedItem,
|
|
57
|
-
visibleItemsRefs
|
|
58
|
-
} = ctx;
|
|
59
|
-
const opened = dsId === openedItem;
|
|
60
|
-
const handleOnClick = React.useCallback(e => {
|
|
61
|
-
if (onClick) onClick(); // used by uncontrolled drilldowns
|
|
62
|
-
|
|
63
|
-
onItemClick(item, e);
|
|
64
|
-
if (selectable) setSelectedItem(item.dsId);
|
|
65
|
-
}, [onItemClick, item, setSelectedItem, selectable, onClick]);
|
|
66
|
-
const handleFocus = React.useCallback(() => {
|
|
67
|
-
if (focuseable) setFocusedItem(dsId);
|
|
68
|
-
}, [dsId, setFocusedItem, focuseable]);
|
|
69
|
-
const onKeyDown = useKeyboardNavigation.useKeyboardNavigation({
|
|
70
|
-
item,
|
|
71
|
-
onClick: handleOnClick
|
|
72
|
-
});
|
|
73
|
-
const cols = React.useMemo(() => expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px'], [expandedForAnimation]);
|
|
74
|
-
const isSelected = React.useMemo(() => selectedItem === dsId, [selectedItem, dsId]);
|
|
75
|
-
|
|
76
|
-
if (!expandedForAnimation && !CollapsedComponent) {
|
|
77
|
-
return null;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
81
|
-
children: [/*#__PURE__*/_jsx__default["default"](styled.StyledItemWrapper, {
|
|
82
|
-
shadowStyle: shadowStyle(opened, item.type),
|
|
83
|
-
"data-testid": "leftnav-item-wrapper"
|
|
84
|
-
}, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledItem, {
|
|
85
|
-
ref: visibleItemsRefs.current[dsId],
|
|
86
|
-
pt: paddingTop,
|
|
87
|
-
pl: indent === undefined ? 'xxxs' : "".concat(indent, "px"),
|
|
88
|
-
minHeight: minHeight,
|
|
89
|
-
shadowStyle: shadowStyle(opened, item.type),
|
|
90
|
-
alignItems: "flex-start",
|
|
91
|
-
cols: cols,
|
|
92
|
-
onClick: !opened ? handleOnClick : () => null,
|
|
93
|
-
onKeyDown: onKeyDown,
|
|
94
|
-
selectable: selectable,
|
|
95
|
-
selected: isSelected,
|
|
96
|
-
selectedParent: selectedParent === dsId,
|
|
97
|
-
opened: opened,
|
|
98
|
-
onFocus: handleFocus,
|
|
99
|
-
"data-testid": "leftnav-item-container",
|
|
100
|
-
tabIndex: focuseable ? 0 : -1,
|
|
101
|
-
"aria-describedby": ariaDescribedBy,
|
|
102
|
-
"aria-expanded": ariaExpanded,
|
|
103
|
-
role: ariaRole,
|
|
104
|
-
"data-selected": isSelected,
|
|
105
|
-
"data-selectedparent": selectedParent === dsId,
|
|
106
|
-
"aria-label": ariaLabel,
|
|
107
|
-
"aria-hidden": !focuseable,
|
|
108
|
-
"aria-live": ariaLive,
|
|
109
|
-
children: !expandedForAnimation ? /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
110
|
-
"data-testid": "leftnav-leftcomponent",
|
|
111
|
-
justifyContent: "center"
|
|
112
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"](CollapsedComponent, {
|
|
113
|
-
item: item,
|
|
114
|
-
ctx: ctx
|
|
115
|
-
})) : children
|
|
116
|
-
}), hasBorderBottom && /*#__PURE__*/_jsx__default["default"]("div", {
|
|
117
|
-
style: {
|
|
118
|
-
marginLeft: opened ? '16px' : '0px',
|
|
119
|
-
marginRight: borderBottomMr,
|
|
120
|
-
height: '1px',
|
|
121
|
-
width: "calc(100% - ".concat(borderBottomMr, " - ").concat(opened ? '16px' : '0px', ")"),
|
|
122
|
-
backgroundColor: '#E0E3E8'
|
|
123
|
-
}
|
|
124
|
-
})), subitems]
|
|
125
|
-
});
|
|
126
|
-
};
|
|
127
|
-
|
|
128
|
-
exports.ItemRenderer = ItemRenderer;
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var Grid = require('@elliemae/ds-grid');
|
|
6
|
-
var styled = require('styled-components');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
|
|
11
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
|
-
|
|
13
|
-
/* eslint-disable indent */
|
|
14
|
-
const borderOutside = function (color) {
|
|
15
|
-
let weight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
|
|
16
|
-
return "&:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: ".concat(weight, "px solid ").concat(color, ";\n pointer-events: none;\n}");
|
|
17
|
-
};
|
|
18
|
-
const StyledItemWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
|
|
19
|
-
componentId: "sc-11wzgfh-0"
|
|
20
|
-
})(["position:relative;", ""], props => props.shadowStyle(props.theme));
|
|
21
|
-
|
|
22
|
-
const getItemBackground = _ref => {
|
|
23
|
-
let {
|
|
24
|
-
selectable,
|
|
25
|
-
opened,
|
|
26
|
-
selected,
|
|
27
|
-
theme
|
|
28
|
-
} = _ref;
|
|
29
|
-
if (!selectable) return 'white';
|
|
30
|
-
if (selected && !opened) return theme.colors.brand[200];
|
|
31
|
-
return theme.colors.neutral['000'];
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
const getItemHoverBackground = _ref2 => {
|
|
35
|
-
let {
|
|
36
|
-
selectable,
|
|
37
|
-
opened,
|
|
38
|
-
selected,
|
|
39
|
-
theme
|
|
40
|
-
} = _ref2;
|
|
41
|
-
if (!selectable) return 'white';
|
|
42
|
-
if (selected && !opened) return theme.colors.brand[200];
|
|
43
|
-
return theme.colors.brand['200'];
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
const StyledItem = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
|
|
47
|
-
componentId: "sc-11wzgfh-1"
|
|
48
|
-
})(["cursor:", ";min-height:", ";background:", ";", ":hover{background:", ";}:active{background:", ";}", ";outline:none;", ""], props => props.selectable && !props.opened ? 'pointer' : 'auto', props => props.minHeight, getItemBackground, props => props.selected && !props.opened ? borderOutside(props.theme.colors.brand[500], 1) : '', getItemHoverBackground, _ref3 => {
|
|
49
|
-
let {
|
|
50
|
-
selectable,
|
|
51
|
-
theme
|
|
52
|
-
} = _ref3;
|
|
53
|
-
return selectable ? theme.colors.brand[200] : 'white';
|
|
54
|
-
}, props => props.shadowStyle(props.theme), props => props.tabIndex !== -1 ? ":focus {\n ".concat(borderOutside(props.theme.colors.brand[700]), "\n }") : '');
|
|
55
|
-
|
|
56
|
-
exports.StyledItem = StyledItem;
|
|
57
|
-
exports.StyledItemWrapper = StyledItemWrapper;
|
|
58
|
-
exports.borderOutside = borderOutside;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
-
var React = require('react');
|
|
12
|
-
|
|
13
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
-
|
|
15
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
16
|
-
|
|
17
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
18
|
-
|
|
19
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20
|
-
const itemDefaultProps = {
|
|
21
|
-
label: '',
|
|
22
|
-
labelOverflow: 'truncate',
|
|
23
|
-
selectable: true,
|
|
24
|
-
focuseable: true,
|
|
25
|
-
openable: false,
|
|
26
|
-
closable: false,
|
|
27
|
-
ariaLabel: '',
|
|
28
|
-
ariaRole: 'menuitem',
|
|
29
|
-
ariaLive: 'off',
|
|
30
|
-
ariaExpanded: undefined,
|
|
31
|
-
ariaDescribedBy: undefined
|
|
32
|
-
};
|
|
33
|
-
const itemWithoutShadows = ['ds-left-nav-item-header', 'ds-left-nav-item-link', 'ds-left-nav-item-submenu']; // Make use Item props with defaults
|
|
34
|
-
|
|
35
|
-
const usePropsWithDefaults = props => {
|
|
36
|
-
const propsWithDefault = React.useMemo(() => {
|
|
37
|
-
const itemWithDefaults = _objectSpread(_objectSpread({
|
|
38
|
-
CollapsedComponent: () => null
|
|
39
|
-
}, props.item), {}, {
|
|
40
|
-
itemOpts: _objectSpread(_objectSpread({}, itemDefaultProps), props.item.itemOpts)
|
|
41
|
-
});
|
|
42
|
-
|
|
43
|
-
return _objectSpread(_objectSpread({
|
|
44
|
-
minHeight: '48px',
|
|
45
|
-
paddingTop: '12px',
|
|
46
|
-
subitems: [],
|
|
47
|
-
shadowStyle: (opened, type) => theme => "box-shadow: ".concat(opened || !itemWithoutShadows.includes(type) ? 'inset 4px 0 0 0 #52A6EC' : 'inset 4px 0 0 0 white'),
|
|
48
|
-
hasBorderBottom: false,
|
|
49
|
-
borderBottomMr: '0px'
|
|
50
|
-
}, props), {}, {
|
|
51
|
-
item: itemWithDefaults
|
|
52
|
-
});
|
|
53
|
-
}, [props]);
|
|
54
|
-
return propsWithDefault;
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
exports.usePropsWithDefaults = usePropsWithDefaults;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
-
require('react');
|
|
7
|
-
var dsIcons = require('@elliemae/ds-icons');
|
|
8
|
-
var styled = require('styled-components');
|
|
9
|
-
var Grid = require('@elliemae/ds-grid');
|
|
10
|
-
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
-
|
|
13
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
15
|
-
var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
|
|
16
|
-
|
|
17
|
-
const StyledIcon = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
18
|
-
componentId: "sc-hasbsd-0"
|
|
19
|
-
})(["display:flex;flex-direction:column;align-items:center;"]);
|
|
20
|
-
const Notifications = _ref => {
|
|
21
|
-
let {
|
|
22
|
-
exceptions = false,
|
|
23
|
-
alerts = false,
|
|
24
|
-
messages = false
|
|
25
|
-
} = _ref;
|
|
26
|
-
return /*#__PURE__*/_jsx__default["default"](StyledIcon, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Notifications, {
|
|
27
|
-
size: "m",
|
|
28
|
-
color: ['brand-primary', 800],
|
|
29
|
-
"data-testid": "left-nav-notifications-icon"
|
|
30
|
-
}), (exceptions || alerts || messages) && /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
31
|
-
cols: ['1fr', '1fr', '1fr'],
|
|
32
|
-
gutter: "xxxs",
|
|
33
|
-
mt: "2px"
|
|
34
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
35
|
-
width: "6px",
|
|
36
|
-
height: "6px",
|
|
37
|
-
"data-testid": "left-nav-exceptions-icon"
|
|
38
|
-
}, void 0, exceptions && /*#__PURE__*/_jsx__default["default"](dsIcons.ExceptionsSmallFill, {
|
|
39
|
-
width: "6px",
|
|
40
|
-
height: "6px",
|
|
41
|
-
color: ['warning', 900]
|
|
42
|
-
})), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
43
|
-
width: "6px",
|
|
44
|
-
height: "6px",
|
|
45
|
-
"data-testid": "left-nav-alerts-icon"
|
|
46
|
-
}, void 0, alerts && /*#__PURE__*/_jsx__default["default"](dsIcons.AlertsSmallFill, {
|
|
47
|
-
width: "6px",
|
|
48
|
-
height: "6px",
|
|
49
|
-
color: ['danger', 900]
|
|
50
|
-
})), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
51
|
-
width: "6px",
|
|
52
|
-
height: "6px",
|
|
53
|
-
"data-testid": "left-nav-messages-icon"
|
|
54
|
-
}, void 0, messages && /*#__PURE__*/_jsx__default["default"](dsIcons.MessagesSmallFill, {
|
|
55
|
-
width: "6px",
|
|
56
|
-
height: "6px",
|
|
57
|
-
color: ['success', 900]
|
|
58
|
-
}))));
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
exports.Notifications = Notifications;
|
|
62
|
-
exports["default"] = Notifications;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
-
require('react');
|
|
12
|
-
var styled = require('styled-components');
|
|
13
|
-
var dsIcons = require('@elliemae/ds-icons');
|
|
14
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
-
|
|
16
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
-
|
|
18
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
19
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
20
|
-
|
|
21
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
22
|
-
|
|
23
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
24
|
-
const StyledOpenWindow = /*#__PURE__*/styled__default["default"](dsIcons.OpenWindow).withConfig({
|
|
25
|
-
componentId: "sc-g53ios-0"
|
|
26
|
-
})(["cursor:pointer;:focus{outline:1px solid ", ";}"], props => props.theme.colors.brand[800]);
|
|
27
|
-
const OpenWindow = props => /*#__PURE__*/jsxRuntime.jsx(StyledOpenWindow, _objectSpread({
|
|
28
|
-
size: "s",
|
|
29
|
-
color: ['brand-primary', 800]
|
|
30
|
-
}, props));
|
|
31
|
-
|
|
32
|
-
exports.OpenWindow = OpenWindow;
|
|
33
|
-
exports["default"] = OpenWindow;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const LABEL_OVERFLOW = {
|
|
6
|
-
WRAP: 'wrap',
|
|
7
|
-
WRAP_ALL: 'wrapAll',
|
|
8
|
-
TRUNCATE: 'truncate'
|
|
9
|
-
};
|
|
10
|
-
const ITEM_TYPES = {
|
|
11
|
-
LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',
|
|
12
|
-
LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',
|
|
13
|
-
LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',
|
|
14
|
-
LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: 'ds-left-nav-item-controlled-drilldown',
|
|
15
|
-
LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: 'ds-left-nav-item-uncontrolled-drilldown',
|
|
16
|
-
LEFT_NAV_ITEM_SECTION: 'ds-left-nav-item-section',
|
|
17
|
-
LEFT_NAV_ITEM_SEPARATOR: 'ds-left-nav-item-separator',
|
|
18
|
-
LEFT_NAV_ITEM_TEXT_LABEL: 'ds-left-nav-item-text-label',
|
|
19
|
-
LEFT_NAV_ITEM_WITH_DATE: 'ds-left-nav-item-with-date'
|
|
20
|
-
};
|
|
21
|
-
const FOOTER_DS_ID = 'ds-left-nav-__internal__-footer';
|
|
22
|
-
const FOOTER_MENU_CLOSE_DS_ID = 'ds-left-nav-__internal__-footer-menu-close';
|
|
23
|
-
const CHEVRON_BACK_DS_ID = 'ds-left-nav-__internal__-chevron-back';
|
|
24
|
-
|
|
25
|
-
exports.CHEVRON_BACK_DS_ID = CHEVRON_BACK_DS_ID;
|
|
26
|
-
exports.FOOTER_DS_ID = FOOTER_DS_ID;
|
|
27
|
-
exports.FOOTER_MENU_CLOSE_DS_ID = FOOTER_MENU_CLOSE_DS_ID;
|
|
28
|
-
exports.ITEM_TYPES = ITEM_TYPES;
|
|
29
|
-
exports.LABEL_OVERFLOW = LABEL_OVERFLOW;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var constants = require('./constants.js');
|
|
6
|
-
var index = require('./ItemRenderer/index.js');
|
|
7
|
-
var index$1 = require('./ChevronItem/index.js');
|
|
8
|
-
var index$2 = require('./Notifications/index.js');
|
|
9
|
-
var index$3 = require('./OpenWindowItem/index.js');
|
|
10
|
-
var index$4 = require('./Icon/index.js');
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
exports.CHEVRON_BACK_DS_ID = constants.CHEVRON_BACK_DS_ID;
|
|
15
|
-
exports.FOOTER_DS_ID = constants.FOOTER_DS_ID;
|
|
16
|
-
exports.FOOTER_MENU_CLOSE_DS_ID = constants.FOOTER_MENU_CLOSE_DS_ID;
|
|
17
|
-
exports.ITEM_TYPES = constants.ITEM_TYPES;
|
|
18
|
-
exports.LABEL_OVERFLOW = constants.LABEL_OVERFLOW;
|
|
19
|
-
exports.ItemRenderer = index.ItemRenderer;
|
|
20
|
-
exports.ChevronItem = index$1.ChevronItem;
|
|
21
|
-
exports.Notifications = index$2.Notifications;
|
|
22
|
-
exports.OpenWindow = index$3.OpenWindow;
|
|
23
|
-
exports.Icon = index$4.Icon;
|
package/cjs/hooks/index.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var useOpenableOnClickHandler = require('./useOpenableOnClickHandler.js');
|
|
6
|
-
var useExpandableOnClickHandler = require('./useExpandableOnClickHandler.js');
|
|
7
|
-
var useKeyboardNavigation = require('./useKeyboardNavigation.js');
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
exports.useOpenableOnClickHandler = useOpenableOnClickHandler.useOpenableOnClickHandler;
|
|
12
|
-
exports.useExpandableOnClickHandler = useExpandableOnClickHandler.useExpandableOnClickHandler;
|
|
13
|
-
exports.useKeyboardNavigation = useKeyboardNavigation.useKeyboardNavigation;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var LeftNavigationContext = require('../LeftNavigationContext.js');
|
|
7
|
-
|
|
8
|
-
const useExpandableOnClickHandler = _ref => {
|
|
9
|
-
let {
|
|
10
|
-
id,
|
|
11
|
-
onExpand,
|
|
12
|
-
onOpen,
|
|
13
|
-
selectable = true
|
|
14
|
-
} = _ref;
|
|
15
|
-
const {
|
|
16
|
-
leftNavProps: {
|
|
17
|
-
expanded
|
|
18
|
-
},
|
|
19
|
-
setSelectedItem
|
|
20
|
-
} = React.useContext(LeftNavigationContext.LeftNavContext);
|
|
21
|
-
const handleOnExpand = React.useCallback(e => {
|
|
22
|
-
onExpand(e);
|
|
23
|
-
if (selectable) setSelectedItem(id);
|
|
24
|
-
}, [id, onExpand, setSelectedItem, selectable]);
|
|
25
|
-
const handleOnOpen = React.useCallback(e => {
|
|
26
|
-
onOpen(e);
|
|
27
|
-
if (selectable) setSelectedItem(id);
|
|
28
|
-
}, [id, onOpen, setSelectedItem, selectable]);
|
|
29
|
-
const handleOnClick = React.useCallback(e => {
|
|
30
|
-
if (!expanded) handleOnExpand(e);else handleOnOpen(e);
|
|
31
|
-
}, [expanded, handleOnExpand, handleOnOpen]);
|
|
32
|
-
return handleOnClick;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
exports.useExpandableOnClickHandler = useExpandableOnClickHandler;
|