@elliemae/ds-left-navigation 1.57.1-rc.0 → 2.0.0-alpha.11
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/LeftNavigation.js +11 -58
- package/cjs/LeftNavigationContext.js +14 -35
- package/cjs/common/getFocusedByKeyboardStyle.js +2 -7
- package/cjs/common/getItemBackgroundStyle.js +2 -5
- package/cjs/common/getLeftBorderStyle.js +2 -5
- package/cjs/common/getScrollbarStyle.js +1 -4
- package/cjs/common/index.js +8 -9
- package/cjs/configs/index.js +3 -17
- package/cjs/configs/useGlobalKeyListeners.js +9 -12
- package/cjs/configs/useLeftNavConfig.js +61 -100
- package/cjs/configs/useLeftNavItems.js +34 -32
- package/cjs/configs/useLeftNavSmoothExpand.js +13 -16
- package/cjs/exported-related/ChevronItem/index.js +14 -13
- package/cjs/exported-related/Icon/index.js +17 -18
- package/cjs/exported-related/ItemRenderer/index.js +100 -101
- package/cjs/exported-related/ItemRenderer/styled.js +20 -30
- package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js +7 -12
- package/cjs/exported-related/Notifications/index.js +46 -43
- package/cjs/exported-related/OpenWindowItem/index.js +16 -17
- package/cjs/exported-related/constants.js +5 -6
- package/cjs/exported-related/index.js +16 -27
- package/cjs/hooks/index.js +6 -10
- package/cjs/hooks/useExpandableOnClickHandler.js +15 -15
- package/cjs/hooks/useKeyboardNavigation.js +37 -42
- package/cjs/hooks/useOpenableOnClickHandler.js +17 -16
- package/cjs/hooks/useSelectFirstBodyItem.js +10 -15
- package/cjs/index.d.js +0 -1
- package/cjs/index.js +17 -68
- package/cjs/outOfTheBox/ItemControlledDrilldown/index.js +76 -62
- package/cjs/outOfTheBox/ItemControlledDrilldown/styled.js +7 -15
- package/cjs/outOfTheBox/ItemHeader/index.js +58 -58
- package/cjs/outOfTheBox/ItemHeader/styled.js +6 -12
- package/cjs/outOfTheBox/ItemLink/index.js +42 -45
- package/cjs/outOfTheBox/ItemLink/styled.js +2 -7
- package/cjs/outOfTheBox/ItemSection/index.js +38 -31
- package/cjs/outOfTheBox/ItemSection/styled.js +5 -14
- package/cjs/outOfTheBox/ItemSeparator/index.js +23 -25
- package/cjs/outOfTheBox/ItemSubmenu/index.js +63 -73
- package/cjs/outOfTheBox/ItemSubmenu/styled.js +6 -12
- package/cjs/outOfTheBox/ItemTextLabel/index.js +36 -25
- package/cjs/outOfTheBox/ItemTextLabel/styled.js +5 -11
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +88 -79
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js +7 -15
- package/cjs/outOfTheBox/ItemWithDate/index.js +43 -32
- package/cjs/outOfTheBox/ItemWithDate/styled.js +7 -15
- package/cjs/outOfTheBox/index.js +51 -54
- package/cjs/parts/LeftNavContent/index.js +55 -90
- package/cjs/parts/LeftNavContent/styled.js +14 -27
- package/cjs/parts/LeftNavContentWithScrollbar/index.js +49 -49
- package/cjs/parts/LeftNavFooterItem/index.js +77 -91
- package/cjs/parts/LeftNavFooterItem/styled.js +16 -33
- package/cjs/parts/LeftNavLoading/index.js +14 -15
- package/cjs/parts/OutOfTheBoxMapItem.js +18 -42
- package/cjs/prop-types.js +10 -50
- package/esm/LeftNavigation.js +8 -55
- package/esm/LeftNavigationContext.js +13 -34
- package/esm/common/getFocusedByKeyboardStyle.js +2 -7
- package/esm/common/getItemBackgroundStyle.js +2 -5
- package/esm/common/getLeftBorderStyle.js +2 -5
- package/esm/common/getScrollbarStyle.js +1 -4
- package/esm/common/index.js +0 -1
- package/esm/configs/index.js +0 -14
- package/esm/configs/useGlobalKeyListeners.js +8 -11
- package/esm/configs/useLeftNavConfig.js +53 -91
- package/esm/configs/useLeftNavItems.js +28 -22
- package/esm/configs/useLeftNavSmoothExpand.js +12 -15
- package/esm/exported-related/ChevronItem/index.js +11 -10
- package/esm/exported-related/Icon/index.js +16 -16
- package/esm/exported-related/ItemRenderer/index.js +97 -98
- package/esm/exported-related/ItemRenderer/styled.js +19 -29
- package/esm/exported-related/ItemRenderer/usePropsWithDefaults.js +6 -11
- package/esm/exported-related/Notifications/index.js +40 -41
- package/esm/exported-related/OpenWindowItem/index.js +13 -14
- package/esm/exported-related/constants.js +5 -6
- package/esm/exported-related/index.js +0 -11
- package/esm/hooks/index.js +0 -4
- package/esm/hooks/useExpandableOnClickHandler.js +15 -15
- package/esm/hooks/useKeyboardNavigation.js +34 -39
- package/esm/hooks/useOpenableOnClickHandler.js +17 -16
- package/esm/hooks/useSelectFirstBodyItem.js +9 -14
- package/esm/index.d.js +0 -1
- package/esm/index.js +0 -51
- package/esm/outOfTheBox/ItemControlledDrilldown/index.js +68 -56
- package/esm/outOfTheBox/ItemControlledDrilldown/styled.js +7 -15
- package/esm/outOfTheBox/ItemHeader/index.js +52 -52
- package/esm/outOfTheBox/ItemHeader/styled.js +5 -12
- package/esm/outOfTheBox/ItemLink/index.js +39 -42
- package/esm/outOfTheBox/ItemLink/styled.js +2 -7
- package/esm/outOfTheBox/ItemSection/index.js +34 -27
- package/esm/outOfTheBox/ItemSection/styled.js +5 -14
- package/esm/outOfTheBox/ItemSeparator/index.js +20 -22
- package/esm/outOfTheBox/ItemSubmenu/index.js +58 -68
- package/esm/outOfTheBox/ItemSubmenu/styled.js +5 -12
- package/esm/outOfTheBox/ItemTextLabel/index.js +32 -21
- package/esm/outOfTheBox/ItemTextLabel/styled.js +5 -11
- package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js +78 -70
- package/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js +7 -15
- package/esm/outOfTheBox/ItemWithDate/index.js +39 -28
- package/esm/outOfTheBox/ItemWithDate/styled.js +7 -15
- package/esm/outOfTheBox/index.js +32 -31
- package/esm/parts/LeftNavContent/index.js +49 -85
- package/esm/parts/LeftNavContent/styled.js +14 -27
- package/esm/parts/LeftNavContentWithScrollbar/index.js +48 -47
- package/esm/parts/LeftNavFooterItem/index.js +72 -87
- package/esm/parts/LeftNavFooterItem/styled.js +13 -30
- package/esm/parts/LeftNavLoading/index.js +13 -14
- package/esm/parts/OutOfTheBoxMapItem.js +13 -38
- package/esm/prop-types.js +8 -48
- package/package.json +241 -17
- package/types/LeftNavigation.d.ts +20 -0
- package/types/LeftNavigationContext.d.ts +22 -0
- package/types/common/getFocusedByKeyboardStyle.d.ts +4 -0
- package/types/common/getItemBackgroundStyle.d.ts +5 -0
- package/types/common/getLeftBorderStyle.d.ts +4 -0
- package/types/common/getScrollbarStyle.d.ts +1 -0
- package/types/common/index.d.ts +4 -0
- package/types/configs/index.d.ts +3 -0
- package/types/configs/useGlobalKeyListeners.d.ts +6 -0
- package/types/configs/useLeftNavConfig.d.ts +4 -0
- package/types/configs/useLeftNavItems.d.ts +12 -0
- package/types/configs/useLeftNavSmoothExpand.d.ts +10 -0
- package/types/exported-related/ChevronItem/index.d.ts +3 -0
- package/types/exported-related/Icon/index.d.ts +5 -0
- package/types/exported-related/ItemRenderer/index.d.ts +3 -0
- package/types/exported-related/ItemRenderer/styled.d.ts +15 -0
- package/types/exported-related/ItemRenderer/usePropsWithDefaults.d.ts +2 -0
- package/types/exported-related/Notifications/index.d.ts +8 -0
- package/types/exported-related/OpenWindowItem/index.d.ts +3 -0
- package/types/exported-related/constants.d.ts +19 -0
- package/types/exported-related/index.d.ts +6 -0
- package/types/hooks/index.d.ts +3 -0
- package/types/hooks/useExpandableOnClickHandler.d.ts +9 -0
- package/types/hooks/useKeyboardNavigation.d.ts +8 -0
- package/types/hooks/useOpenableOnClickHandler.d.ts +10 -0
- package/types/hooks/useSelectFirstBodyItem.d.ts +3 -0
- package/types/index.d.d.ts +69 -0
- package/types/index.d.ts +3 -0
- package/types/outOfTheBox/ItemControlledDrilldown/index.d.ts +3 -0
- package/types/outOfTheBox/ItemControlledDrilldown/styled.d.ts +5 -0
- package/types/outOfTheBox/ItemHeader/index.d.ts +3 -0
- package/types/outOfTheBox/ItemHeader/styled.d.ts +3 -0
- package/types/outOfTheBox/ItemLink/index.d.ts +3 -0
- package/types/outOfTheBox/ItemLink/styled.d.ts +2 -0
- package/types/outOfTheBox/ItemSection/index.d.ts +3 -0
- package/types/outOfTheBox/ItemSection/styled.d.ts +3 -0
- package/types/outOfTheBox/ItemSeparator/index.d.ts +3 -0
- package/types/outOfTheBox/ItemSubmenu/index.d.ts +3 -0
- package/types/outOfTheBox/ItemSubmenu/styled.d.ts +3 -0
- package/types/outOfTheBox/ItemTextLabel/index.d.ts +3 -0
- package/types/outOfTheBox/ItemTextLabel/styled.d.ts +2 -0
- package/types/outOfTheBox/ItemUncontrolledDrilldown/index.d.ts +3 -0
- package/types/outOfTheBox/ItemUncontrolledDrilldown/styled.d.ts +5 -0
- package/types/outOfTheBox/ItemWithDate/index.d.ts +3 -0
- package/types/outOfTheBox/ItemWithDate/styled.d.ts +5 -0
- package/types/outOfTheBox/index.d.ts +13 -0
- package/types/parts/LeftNavContent/index.d.ts +3 -0
- package/types/parts/LeftNavContent/styled.d.ts +18 -0
- package/types/parts/LeftNavContentWithScrollbar/index.d.ts +6 -0
- package/types/parts/LeftNavFooterItem/index.d.ts +8 -0
- package/types/parts/LeftNavFooterItem/styled.d.ts +10 -0
- package/types/parts/LeftNavLoading/index.d.ts +4 -0
- package/types/parts/OutOfTheBoxMapItem.d.ts +3 -0
- package/types/prop-types.d.ts +22 -0
- package/types/tests/LeftNavigation.collapsed.test.d.ts +1 -0
- package/types/tests/LeftNavigation.expanded.test.d.ts +1 -0
- package/types/tests/LeftNavigation.opened.test.d.ts +1 -0
- package/types/tests/events/LeftNavigation.events.keyboard.test.d.ts +1 -0
- package/types/tests/events/LeftNavigation.events.subitems.test.d.ts +1 -0
- package/types/tests/events/LeftNavigation.events.test.d.ts +1 -0
- package/types/tests/events/LeftNavigation.focus.events.test.d.ts +1 -0
- package/LeftNavigation/package.json +0 -10
- package/LeftNavigationContext/package.json +0 -10
- package/cjs/LeftNavigation.js.map +0 -1
- package/cjs/LeftNavigationContext.js.map +0 -1
- package/cjs/common/getFocusedByKeyboardStyle.js.map +0 -1
- package/cjs/common/getItemBackgroundStyle.js.map +0 -1
- package/cjs/common/getLeftBorderStyle.js.map +0 -1
- package/cjs/common/getScrollbarStyle.js.map +0 -1
- package/cjs/common/index.js.map +0 -1
- package/cjs/configs/index.js.map +0 -1
- package/cjs/configs/useGlobalKeyListeners.js.map +0 -1
- package/cjs/configs/useLeftNavConfig.js.map +0 -1
- package/cjs/configs/useLeftNavItems.js.map +0 -1
- package/cjs/configs/useLeftNavSmoothExpand.js.map +0 -1
- package/cjs/exported-related/ChevronItem/index.js.map +0 -1
- package/cjs/exported-related/Icon/index.js.map +0 -1
- package/cjs/exported-related/ItemRenderer/index.js.map +0 -1
- package/cjs/exported-related/ItemRenderer/styled.js.map +0 -1
- package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js.map +0 -1
- package/cjs/exported-related/Notifications/index.js.map +0 -1
- package/cjs/exported-related/OpenWindowItem/index.js.map +0 -1
- package/cjs/exported-related/constants.js.map +0 -1
- package/cjs/exported-related/index.js.map +0 -1
- package/cjs/hooks/index.js.map +0 -1
- package/cjs/hooks/useExpandableOnClickHandler.js.map +0 -1
- package/cjs/hooks/useKeyboardNavigation.js.map +0 -1
- package/cjs/hooks/useOpenableOnClickHandler.js.map +0 -1
- package/cjs/hooks/useSelectFirstBodyItem.js.map +0 -1
- package/cjs/index.d.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/outOfTheBox/ItemControlledDrilldown/index.js.map +0 -1
- package/cjs/outOfTheBox/ItemControlledDrilldown/styled.js.map +0 -1
- package/cjs/outOfTheBox/ItemHeader/index.js.map +0 -1
- package/cjs/outOfTheBox/ItemHeader/styled.js.map +0 -1
- package/cjs/outOfTheBox/ItemLink/index.js.map +0 -1
- package/cjs/outOfTheBox/ItemLink/styled.js.map +0 -1
- package/cjs/outOfTheBox/ItemSection/index.js.map +0 -1
- package/cjs/outOfTheBox/ItemSection/styled.js.map +0 -1
- package/cjs/outOfTheBox/ItemSeparator/index.js.map +0 -1
- package/cjs/outOfTheBox/ItemSubmenu/index.js.map +0 -1
- package/cjs/outOfTheBox/ItemSubmenu/styled.js.map +0 -1
- package/cjs/outOfTheBox/ItemTextLabel/index.js.map +0 -1
- package/cjs/outOfTheBox/ItemTextLabel/styled.js.map +0 -1
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +0 -1
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map +0 -1
- package/cjs/outOfTheBox/ItemWithDate/index.js.map +0 -1
- package/cjs/outOfTheBox/ItemWithDate/styled.js.map +0 -1
- package/cjs/outOfTheBox/index.js.map +0 -1
- package/cjs/parts/LeftNavContent/index.js.map +0 -1
- package/cjs/parts/LeftNavContent/styled.js.map +0 -1
- package/cjs/parts/LeftNavContentWithScrollbar/index.js.map +0 -1
- package/cjs/parts/LeftNavFooterItem/index.js.map +0 -1
- package/cjs/parts/LeftNavFooterItem/styled.js.map +0 -1
- package/cjs/parts/LeftNavLoading/index.js.map +0 -1
- package/cjs/parts/OutOfTheBoxMapItem.js.map +0 -1
- package/cjs/prop-types.js.map +0 -1
- package/common/getFocusedByKeyboardStyle/package.json +0 -10
- package/common/getItemBackgroundStyle/package.json +0 -10
- package/common/getLeftBorderStyle/package.json +0 -10
- package/common/getScrollbarStyle/package.json +0 -10
- package/common/package.json +0 -10
- package/configs/package.json +0 -10
- package/configs/useGlobalKeyListeners/package.json +0 -10
- package/configs/useLeftNavConfig/package.json +0 -10
- package/configs/useLeftNavItems/package.json +0 -10
- package/configs/useLeftNavSmoothExpand/package.json +0 -10
- package/esm/LeftNavigation.js.map +0 -1
- package/esm/LeftNavigationContext.js.map +0 -1
- package/esm/common/getFocusedByKeyboardStyle.js.map +0 -1
- package/esm/common/getItemBackgroundStyle.js.map +0 -1
- package/esm/common/getLeftBorderStyle.js.map +0 -1
- package/esm/common/getScrollbarStyle.js.map +0 -1
- package/esm/common/index.js.map +0 -1
- package/esm/configs/index.js.map +0 -1
- package/esm/configs/useGlobalKeyListeners.js.map +0 -1
- package/esm/configs/useLeftNavConfig.js.map +0 -1
- package/esm/configs/useLeftNavItems.js.map +0 -1
- package/esm/configs/useLeftNavSmoothExpand.js.map +0 -1
- package/esm/exported-related/ChevronItem/index.js.map +0 -1
- package/esm/exported-related/Icon/index.js.map +0 -1
- package/esm/exported-related/ItemRenderer/index.js.map +0 -1
- package/esm/exported-related/ItemRenderer/styled.js.map +0 -1
- package/esm/exported-related/ItemRenderer/usePropsWithDefaults.js.map +0 -1
- package/esm/exported-related/Notifications/index.js.map +0 -1
- package/esm/exported-related/OpenWindowItem/index.js.map +0 -1
- package/esm/exported-related/constants.js.map +0 -1
- package/esm/exported-related/index.js.map +0 -1
- package/esm/hooks/index.js.map +0 -1
- package/esm/hooks/useExpandableOnClickHandler.js.map +0 -1
- package/esm/hooks/useKeyboardNavigation.js.map +0 -1
- package/esm/hooks/useOpenableOnClickHandler.js.map +0 -1
- package/esm/hooks/useSelectFirstBodyItem.js.map +0 -1
- package/esm/index.d.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/outOfTheBox/ItemControlledDrilldown/index.js.map +0 -1
- package/esm/outOfTheBox/ItemControlledDrilldown/styled.js.map +0 -1
- package/esm/outOfTheBox/ItemHeader/index.js.map +0 -1
- package/esm/outOfTheBox/ItemHeader/styled.js.map +0 -1
- package/esm/outOfTheBox/ItemLink/index.js.map +0 -1
- package/esm/outOfTheBox/ItemLink/styled.js.map +0 -1
- package/esm/outOfTheBox/ItemSection/index.js.map +0 -1
- package/esm/outOfTheBox/ItemSection/styled.js.map +0 -1
- package/esm/outOfTheBox/ItemSeparator/index.js.map +0 -1
- package/esm/outOfTheBox/ItemSubmenu/index.js.map +0 -1
- package/esm/outOfTheBox/ItemSubmenu/styled.js.map +0 -1
- package/esm/outOfTheBox/ItemTextLabel/index.js.map +0 -1
- package/esm/outOfTheBox/ItemTextLabel/styled.js.map +0 -1
- package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +0 -1
- package/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map +0 -1
- package/esm/outOfTheBox/ItemWithDate/index.js.map +0 -1
- package/esm/outOfTheBox/ItemWithDate/styled.js.map +0 -1
- package/esm/outOfTheBox/index.js.map +0 -1
- package/esm/parts/LeftNavContent/index.js.map +0 -1
- package/esm/parts/LeftNavContent/styled.js.map +0 -1
- package/esm/parts/LeftNavContentWithScrollbar/index.js.map +0 -1
- package/esm/parts/LeftNavFooterItem/index.js.map +0 -1
- package/esm/parts/LeftNavFooterItem/styled.js.map +0 -1
- package/esm/parts/LeftNavLoading/index.js.map +0 -1
- package/esm/parts/OutOfTheBoxMapItem.js.map +0 -1
- package/esm/prop-types.js.map +0 -1
- package/exported-related/ChevronItem/package.json +0 -10
- package/exported-related/Icon/package.json +0 -10
- package/exported-related/ItemRenderer/package.json +0 -10
- package/exported-related/ItemRenderer/styled/package.json +0 -10
- package/exported-related/ItemRenderer/usePropsWithDefaults/package.json +0 -10
- package/exported-related/Notifications/package.json +0 -10
- package/exported-related/OpenWindowItem/package.json +0 -10
- package/exported-related/constants/package.json +0 -10
- package/exported-related/package.json +0 -10
- package/hooks/package.json +0 -10
- package/hooks/useExpandableOnClickHandler/package.json +0 -10
- package/hooks/useKeyboardNavigation/package.json +0 -10
- package/hooks/useOpenableOnClickHandler/package.json +0 -10
- package/hooks/useSelectFirstBodyItem/package.json +0 -10
- package/outOfTheBox/ItemControlledDrilldown/package.json +0 -10
- package/outOfTheBox/ItemControlledDrilldown/styled/package.json +0 -10
- package/outOfTheBox/ItemHeader/package.json +0 -10
- package/outOfTheBox/ItemHeader/styled/package.json +0 -10
- package/outOfTheBox/ItemLink/package.json +0 -10
- package/outOfTheBox/ItemLink/styled/package.json +0 -10
- package/outOfTheBox/ItemSection/package.json +0 -10
- package/outOfTheBox/ItemSection/styled/package.json +0 -10
- package/outOfTheBox/ItemSeparator/package.json +0 -10
- package/outOfTheBox/ItemSubmenu/package.json +0 -10
- package/outOfTheBox/ItemSubmenu/styled/package.json +0 -10
- package/outOfTheBox/ItemTextLabel/package.json +0 -10
- package/outOfTheBox/ItemTextLabel/styled/package.json +0 -10
- package/outOfTheBox/ItemUncontrolledDrilldown/package.json +0 -10
- package/outOfTheBox/ItemUncontrolledDrilldown/styled/package.json +0 -10
- package/outOfTheBox/ItemWithDate/package.json +0 -10
- package/outOfTheBox/ItemWithDate/styled/package.json +0 -10
- package/outOfTheBox/package.json +0 -10
- package/parts/LeftNavContent/package.json +0 -10
- package/parts/LeftNavContent/styled/package.json +0 -10
- package/parts/LeftNavContentWithScrollbar/package.json +0 -10
- package/parts/LeftNavFooterItem/package.json +0 -10
- package/parts/LeftNavFooterItem/styled/package.json +0 -10
- package/parts/LeftNavLoading/package.json +0 -10
- package/parts/OutOfTheBoxMapItem/package.json +0 -10
- package/prop-types/package.json +0 -10
|
@@ -2,58 +2,61 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var InternalNotifications = require('@elliemae/ds-icons/Notifications');
|
|
8
|
+
var ExceptionsSmallFill = require('@elliemae/ds-icons/ExceptionsSmallFill');
|
|
9
|
+
var AlertsSmallFill = require('@elliemae/ds-icons/AlertsSmallFill');
|
|
10
|
+
var MessagesSmallFill = require('@elliemae/ds-icons/MessagesSmallFill');
|
|
7
11
|
var styled = require('styled-components');
|
|
8
12
|
var Grid = require('@elliemae/ds-grid');
|
|
9
13
|
|
|
10
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
15
|
|
|
12
|
-
var
|
|
16
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
17
|
+
var InternalNotifications__default = /*#__PURE__*/_interopDefaultLegacy(InternalNotifications);
|
|
18
|
+
var ExceptionsSmallFill__default = /*#__PURE__*/_interopDefaultLegacy(ExceptionsSmallFill);
|
|
19
|
+
var AlertsSmallFill__default = /*#__PURE__*/_interopDefaultLegacy(AlertsSmallFill);
|
|
20
|
+
var MessagesSmallFill__default = /*#__PURE__*/_interopDefaultLegacy(MessagesSmallFill);
|
|
13
21
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
14
22
|
var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
|
|
15
23
|
|
|
16
|
-
|
|
24
|
+
const StyledIcon = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
17
25
|
componentId: "sc-hasbsd-0"
|
|
18
26
|
})(["display:flex;flex-direction:column;align-items:center;"]);
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
height: "6px",
|
|
53
|
-
color: ['success', 900]
|
|
54
|
-
}))));
|
|
55
|
-
};
|
|
27
|
+
const Notifications = ({
|
|
28
|
+
exceptions = false,
|
|
29
|
+
alerts = false,
|
|
30
|
+
messages = false
|
|
31
|
+
}) => /*#__PURE__*/_jsx__default["default"](StyledIcon, {}, void 0, /*#__PURE__*/_jsx__default["default"](InternalNotifications__default["default"], {
|
|
32
|
+
size: "m",
|
|
33
|
+
color: ['brand-primary', 800]
|
|
34
|
+
}), (exceptions || alerts || messages) && /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
35
|
+
cols: ['1fr', '1fr', '1fr'],
|
|
36
|
+
gutter: "xxxs",
|
|
37
|
+
mt: "2px"
|
|
38
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
39
|
+
width: "6px",
|
|
40
|
+
height: "6px"
|
|
41
|
+
}, void 0, exceptions && /*#__PURE__*/_jsx__default["default"](ExceptionsSmallFill__default["default"], {
|
|
42
|
+
width: "6px",
|
|
43
|
+
height: "6px",
|
|
44
|
+
color: ['warning', 900]
|
|
45
|
+
})), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
46
|
+
width: "6px",
|
|
47
|
+
height: "6px"
|
|
48
|
+
}, void 0, alerts && /*#__PURE__*/_jsx__default["default"](AlertsSmallFill__default["default"], {
|
|
49
|
+
width: "6px",
|
|
50
|
+
height: "6px",
|
|
51
|
+
color: ['danger', 900]
|
|
52
|
+
})), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
|
|
53
|
+
width: "6px",
|
|
54
|
+
height: "6px"
|
|
55
|
+
}, void 0, messages && /*#__PURE__*/_jsx__default["default"](MessagesSmallFill__default["default"], {
|
|
56
|
+
width: "6px",
|
|
57
|
+
height: "6px",
|
|
58
|
+
color: ['success', 900]
|
|
59
|
+
}))));
|
|
56
60
|
|
|
57
61
|
exports.Notifications = Notifications;
|
|
58
|
-
exports[
|
|
59
|
-
//# sourceMappingURL=index.js.map
|
|
62
|
+
exports["default"] = Notifications;
|
|
@@ -2,29 +2,28 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
+
require('react');
|
|
7
7
|
var styled = require('styled-components');
|
|
8
|
-
var
|
|
8
|
+
var InternalOpenWindow = require('@elliemae/ds-icons/OpenWindow');
|
|
9
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
12
|
|
|
12
|
-
var
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
14
14
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
15
|
+
var InternalOpenWindow__default = /*#__PURE__*/_interopDefaultLegacy(InternalOpenWindow);
|
|
15
16
|
|
|
16
|
-
var
|
|
17
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
18
|
+
|
|
19
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
20
|
+
const StyledOpenWindow = /*#__PURE__*/styled__default["default"](InternalOpenWindow__default["default"]).withConfig({
|
|
17
21
|
componentId: "sc-g53ios-0"
|
|
18
|
-
})(["cursor:pointer;:focus{outline:1px solid ", ";}"],
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
size: "s",
|
|
24
|
-
color: ['brand-primary', 800]
|
|
25
|
-
}, props));
|
|
26
|
-
};
|
|
22
|
+
})(["cursor:pointer;:focus{outline:1px solid ", ";}"], props => props.theme.colors.brand[800]);
|
|
23
|
+
const OpenWindow = props => /*#__PURE__*/jsxRuntime.jsx(StyledOpenWindow, _objectSpread({
|
|
24
|
+
size: "s",
|
|
25
|
+
color: ['brand-primary', 800]
|
|
26
|
+
}, props));
|
|
27
27
|
|
|
28
28
|
exports.OpenWindow = OpenWindow;
|
|
29
|
-
exports[
|
|
30
|
-
//# sourceMappingURL=index.js.map
|
|
29
|
+
exports["default"] = OpenWindow;
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
const LABEL_OVERFLOW = {
|
|
6
6
|
WRAP: 'wrap',
|
|
7
7
|
WRAP_ALL: 'wrapAll',
|
|
8
8
|
TRUNCATE: 'truncate'
|
|
9
9
|
};
|
|
10
|
-
|
|
10
|
+
const ITEM_TYPES = {
|
|
11
11
|
LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',
|
|
12
12
|
LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',
|
|
13
13
|
LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',
|
|
@@ -18,13 +18,12 @@ var ITEM_TYPES = {
|
|
|
18
18
|
LEFT_NAV_ITEM_TEXT_LABEL: 'ds-left-nav-item-text-label',
|
|
19
19
|
LEFT_NAV_ITEM_WITH_DATE: 'ds-left-nav-item-with-date'
|
|
20
20
|
};
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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
24
|
|
|
25
25
|
exports.CHEVRON_BACK_DS_ID = CHEVRON_BACK_DS_ID;
|
|
26
26
|
exports.FOOTER_DS_ID = FOOTER_DS_ID;
|
|
27
27
|
exports.FOOTER_MENU_CLOSE_DS_ID = FOOTER_MENU_CLOSE_DS_ID;
|
|
28
28
|
exports.ITEM_TYPES = ITEM_TYPES;
|
|
29
29
|
exports.LABEL_OVERFLOW = LABEL_OVERFLOW;
|
|
30
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -2,33 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
require('react');
|
|
12
|
-
require('@elliemae/ds-grid');
|
|
13
|
-
require('./ItemRenderer/styled.js');
|
|
14
|
-
require('styled-components');
|
|
15
|
-
require('../LeftNavigationContext.js');
|
|
16
|
-
require('./ItemRenderer/usePropsWithDefaults.js');
|
|
17
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
18
|
-
require('../hooks/useKeyboardNavigation.js');
|
|
19
|
-
require('@babel/runtime/helpers/extends');
|
|
20
|
-
require('@elliemae/ds-icons');
|
|
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');
|
|
21
11
|
|
|
22
12
|
|
|
23
13
|
|
|
24
|
-
exports.CHEVRON_BACK_DS_ID =
|
|
25
|
-
exports.FOOTER_DS_ID =
|
|
26
|
-
exports.FOOTER_MENU_CLOSE_DS_ID =
|
|
27
|
-
exports.ITEM_TYPES =
|
|
28
|
-
exports.LABEL_OVERFLOW =
|
|
29
|
-
exports.ItemRenderer =
|
|
30
|
-
exports.ChevronItem =
|
|
31
|
-
exports.Notifications =
|
|
32
|
-
exports.OpenWindow =
|
|
33
|
-
exports.Icon =
|
|
34
|
-
//# sourceMappingURL=index.js.map
|
|
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
CHANGED
|
@@ -2,16 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
require('react');
|
|
9
|
-
require('../LeftNavigationContext.js');
|
|
10
|
-
require('../exported-related/constants.js');
|
|
5
|
+
var useOpenableOnClickHandler = require('./useOpenableOnClickHandler.js');
|
|
6
|
+
var useExpandableOnClickHandler = require('./useExpandableOnClickHandler.js');
|
|
7
|
+
var useKeyboardNavigation = require('./useKeyboardNavigation.js');
|
|
11
8
|
|
|
12
9
|
|
|
13
10
|
|
|
14
|
-
exports.useOpenableOnClickHandler =
|
|
15
|
-
exports.useExpandableOnClickHandler =
|
|
16
|
-
exports.useKeyboardNavigation =
|
|
17
|
-
//# sourceMappingURL=index.js.map
|
|
11
|
+
exports.useOpenableOnClickHandler = useOpenableOnClickHandler.useOpenableOnClickHandler;
|
|
12
|
+
exports.useExpandableOnClickHandler = useExpandableOnClickHandler.useExpandableOnClickHandler;
|
|
13
|
+
exports.useKeyboardNavigation = useKeyboardNavigation.useKeyboardNavigation;
|
|
@@ -5,30 +5,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var LeftNavigationContext = require('../LeftNavigationContext.js');
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
expanded
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
8
|
+
const useExpandableOnClickHandler = ({
|
|
9
|
+
id,
|
|
10
|
+
onExpand,
|
|
11
|
+
onOpen,
|
|
12
|
+
selectable = true
|
|
13
|
+
}) => {
|
|
14
|
+
const {
|
|
15
|
+
leftNavProps: {
|
|
16
|
+
expanded
|
|
17
|
+
},
|
|
18
|
+
setSelectedItem
|
|
19
|
+
} = React.useContext(LeftNavigationContext.LeftNavContext);
|
|
20
|
+
const handleOnExpand = React.useCallback(e => {
|
|
20
21
|
onExpand(e);
|
|
21
22
|
if (selectable) setSelectedItem(id);
|
|
22
23
|
}, [id, onExpand, setSelectedItem, selectable]);
|
|
23
|
-
|
|
24
|
+
const handleOnOpen = React.useCallback(e => {
|
|
24
25
|
onOpen(e);
|
|
25
26
|
if (selectable) setSelectedItem(id);
|
|
26
27
|
}, [id, onOpen, setSelectedItem, selectable]);
|
|
27
|
-
|
|
28
|
+
const handleOnClick = React.useCallback(e => {
|
|
28
29
|
if (!expanded) handleOnExpand(e);else handleOnOpen(e);
|
|
29
30
|
}, [expanded, handleOnExpand, handleOnOpen]);
|
|
30
31
|
return handleOnClick;
|
|
31
32
|
};
|
|
32
33
|
|
|
33
34
|
exports.useExpandableOnClickHandler = useExpandableOnClickHandler;
|
|
34
|
-
//# sourceMappingURL=useExpandableOnClickHandler.js.map
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var constants = require('../exported-related/constants.js');
|
|
7
7
|
var LeftNavigationContext = require('../LeftNavigationContext.js');
|
|
8
8
|
|
|
9
9
|
/* eslint-disable max-statements */
|
|
10
|
-
|
|
10
|
+
const KEY_CODES = {
|
|
11
11
|
TAB: 9,
|
|
12
12
|
ENTER: 13,
|
|
13
13
|
SPACE: 32,
|
|
@@ -19,50 +19,46 @@ var KEY_CODES = {
|
|
|
19
19
|
HOME: 36
|
|
20
20
|
};
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
return (index + 1) % length;
|
|
24
|
-
};
|
|
22
|
+
const nextIndex = (index, length) => (index + 1) % length;
|
|
25
23
|
|
|
26
|
-
|
|
27
|
-
return (index - 1 + length) % length;
|
|
28
|
-
};
|
|
24
|
+
const prevIndex = (index, length) => (index - 1 + length) % length;
|
|
29
25
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
var focusAndSelect = React.useCallback(function (nextDsId) {
|
|
26
|
+
const useKeyboardNavigation = ({
|
|
27
|
+
item,
|
|
28
|
+
onClick
|
|
29
|
+
}) => {
|
|
30
|
+
const {
|
|
31
|
+
dsId,
|
|
32
|
+
itemOpts: {
|
|
33
|
+
selectable,
|
|
34
|
+
openable,
|
|
35
|
+
closable
|
|
36
|
+
}
|
|
37
|
+
} = item;
|
|
38
|
+
const {
|
|
39
|
+
visibleItems,
|
|
40
|
+
visibleItemsRefs
|
|
41
|
+
} = React.useContext(LeftNavigationContext.LeftNavContext);
|
|
42
|
+
const currentIndex = React.useMemo(() => visibleItems.findIndex(visibleItemDsId => visibleItemDsId === dsId), [dsId, visibleItems]);
|
|
43
|
+
const {
|
|
44
|
+
expandedForAnimation,
|
|
45
|
+
setFocusedItem,
|
|
46
|
+
focusedItem,
|
|
47
|
+
setSelectedItem
|
|
48
|
+
} = React.useContext(LeftNavigationContext.LeftNavContext);
|
|
49
|
+
const focusAndSelect = React.useCallback(nextDsId => {
|
|
56
50
|
setFocusedItem(nextDsId);
|
|
57
51
|
setSelectedItem(nextDsId);
|
|
58
52
|
}, [setFocusedItem, setSelectedItem]);
|
|
59
|
-
React.useLayoutEffect(
|
|
53
|
+
React.useLayoutEffect(() => {
|
|
60
54
|
var _visibleItemsRefs$cur, _visibleItemsRefs$cur2;
|
|
61
55
|
|
|
62
56
|
if (dsId === focusedItem) (_visibleItemsRefs$cur = visibleItemsRefs.current[dsId]) === null || _visibleItemsRefs$cur === void 0 ? void 0 : (_visibleItemsRefs$cur2 = _visibleItemsRefs$cur.current) === null || _visibleItemsRefs$cur2 === void 0 ? void 0 : _visibleItemsRefs$cur2.focus();
|
|
63
57
|
}, [dsId, focusedItem, visibleItemsRefs]);
|
|
64
|
-
|
|
65
|
-
|
|
58
|
+
const onKeyDown = React.useCallback(e => {
|
|
59
|
+
const {
|
|
60
|
+
keyCode
|
|
61
|
+
} = e; // Prevent default behaviour when not tab
|
|
66
62
|
|
|
67
63
|
if (keyCode !== KEY_CODES.TAB) {
|
|
68
64
|
e.preventDefault();
|
|
@@ -72,10 +68,10 @@ var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
|
|
|
72
68
|
if (selectable) {
|
|
73
69
|
onClick(e);
|
|
74
70
|
focusAndSelect(dsId);
|
|
75
|
-
} else if (focusedItem ===
|
|
71
|
+
} else if (focusedItem === constants.CHEVRON_BACK_DS_ID) {
|
|
76
72
|
onClick(e);
|
|
77
73
|
focusAndSelect(dsId);
|
|
78
|
-
} else if (focusedItem ===
|
|
74
|
+
} else if (focusedItem === constants.FOOTER_MENU_CLOSE_DS_ID) {
|
|
79
75
|
onClick(e);
|
|
80
76
|
setFocusedItem(dsId);
|
|
81
77
|
}
|
|
@@ -91,12 +87,12 @@ var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
|
|
|
91
87
|
}
|
|
92
88
|
|
|
93
89
|
if (keyCode === KEY_CODES.DOWN_ARROW) {
|
|
94
|
-
|
|
90
|
+
const nextDsId = visibleItems[nextIndex(currentIndex, visibleItems.length)];
|
|
95
91
|
setFocusedItem(nextDsId);
|
|
96
92
|
}
|
|
97
93
|
|
|
98
94
|
if (keyCode === KEY_CODES.UP_ARROW) {
|
|
99
|
-
|
|
95
|
+
const prevDsId = visibleItems[prevIndex(currentIndex, visibleItems.length)];
|
|
100
96
|
setFocusedItem(prevDsId);
|
|
101
97
|
}
|
|
102
98
|
|
|
@@ -112,4 +108,3 @@ var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
|
|
|
112
108
|
};
|
|
113
109
|
|
|
114
110
|
exports.useKeyboardNavigation = useKeyboardNavigation;
|
|
115
|
-
//# sourceMappingURL=useKeyboardNavigation.js.map
|
|
@@ -5,34 +5,35 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var LeftNavigationContext = require('../LeftNavigationContext.js');
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
8
|
+
const useOpenableOnClickHandler = ({
|
|
9
|
+
id,
|
|
10
|
+
opened,
|
|
11
|
+
onExpand,
|
|
12
|
+
onOpen,
|
|
13
|
+
onClose
|
|
14
|
+
}) => {
|
|
15
|
+
const {
|
|
16
|
+
leftNavProps: {
|
|
17
|
+
expanded
|
|
18
|
+
},
|
|
19
|
+
setSelectedItem
|
|
20
|
+
} = React.useContext(LeftNavigationContext.LeftNavContext);
|
|
21
|
+
const handleOnExpand = React.useCallback(e => {
|
|
20
22
|
onExpand(e);
|
|
21
23
|
setSelectedItem(id);
|
|
22
24
|
}, [id, onExpand, setSelectedItem]);
|
|
23
|
-
|
|
25
|
+
const handleOnOpen = React.useCallback(e => {
|
|
24
26
|
onOpen(e);
|
|
25
27
|
setSelectedItem(id);
|
|
26
28
|
}, [id, onOpen, setSelectedItem]);
|
|
27
|
-
|
|
29
|
+
const handleOnClose = React.useCallback(e => {
|
|
28
30
|
onClose(e);
|
|
29
31
|
setSelectedItem(id);
|
|
30
32
|
}, [id, onClose, setSelectedItem]);
|
|
31
|
-
|
|
33
|
+
const handleOnClick = React.useCallback(e => {
|
|
32
34
|
if (!expanded) handleOnExpand(e);else if (!opened) handleOnOpen(e);else handleOnClose(e);
|
|
33
35
|
}, [expanded, opened, handleOnExpand, handleOnOpen, handleOnClose]);
|
|
34
36
|
return handleOnClick;
|
|
35
37
|
};
|
|
36
38
|
|
|
37
39
|
exports.useOpenableOnClickHandler = useOpenableOnClickHandler;
|
|
38
|
-
//# sourceMappingURL=useOpenableOnClickHandler.js.map
|
|
@@ -3,29 +3,24 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var constants = require('../exported-related/constants.js');
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
const {
|
|
9
|
+
LEFT_NAV_ITEM_SEPARATOR,
|
|
10
|
+
LEFT_NAV_ITEM_SECTION
|
|
11
|
+
} = constants.ITEM_TYPES;
|
|
10
12
|
|
|
11
|
-
|
|
12
|
-
return typeof elem.type === 'string' && elem.type !== LEFT_NAV_ITEM_SEPARATOR && elem.type !== LEFT_NAV_ITEM_SECTION;
|
|
13
|
-
};
|
|
13
|
+
const isSelectableOutOfTheBox = elem => typeof elem.type === 'string' && elem.type !== LEFT_NAV_ITEM_SEPARATOR && elem.type !== LEFT_NAV_ITEM_SECTION;
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
return elem.itemOpts.selectable;
|
|
17
|
-
};
|
|
15
|
+
const isSelectableCustom = elem => elem.itemOpts.selectable;
|
|
18
16
|
|
|
19
|
-
|
|
20
|
-
React.useEffect(
|
|
17
|
+
const useSelectFirstBodyItem = (items, openedItem, setSelectedItem) => {
|
|
18
|
+
React.useEffect(() => {
|
|
21
19
|
if (items && items.length && openedItem) {
|
|
22
|
-
|
|
23
|
-
return isSelectableOutOfTheBox(elem) || isSelectableCustom(elem);
|
|
24
|
-
});
|
|
20
|
+
const index = items.findIndex(elem => isSelectableOutOfTheBox(elem) || isSelectableCustom(elem));
|
|
25
21
|
if (index !== -1) setSelectedItem(items[index].dsId);
|
|
26
22
|
}
|
|
27
23
|
}, [openedItem]);
|
|
28
24
|
};
|
|
29
25
|
|
|
30
26
|
exports.useSelectFirstBodyItem = useSelectFirstBodyItem;
|
|
31
|
-
//# sourceMappingURL=useSelectFirstBodyItem.js.map
|
package/cjs/index.d.js
CHANGED
package/cjs/index.js
CHANGED
|
@@ -4,62 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var propTypes = require('./prop-types.js');
|
|
6
6
|
var LeftNavigation = require('./LeftNavigation.js');
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
require('react-desc');
|
|
14
|
-
require('./outOfTheBox/index.js');
|
|
15
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
16
|
-
require('react');
|
|
17
|
-
require('@elliemae/ds-grid');
|
|
18
|
-
require('styled-components');
|
|
19
|
-
require('@babel/runtime/helpers/extends');
|
|
20
|
-
require('@elliemae/ds-icons');
|
|
21
|
-
require('./outOfTheBox/ItemControlledDrilldown/index.js');
|
|
22
|
-
require('@elliemae/ds-truncated-tooltip-text');
|
|
23
|
-
require('./outOfTheBox/ItemControlledDrilldown/styled.js');
|
|
24
|
-
require('./outOfTheBox/ItemSeparator/index.js');
|
|
25
|
-
require('./exported-related/ItemRenderer/styled.js');
|
|
26
|
-
require('./LeftNavigationContext.js');
|
|
27
|
-
require('./exported-related/ItemRenderer/usePropsWithDefaults.js');
|
|
28
|
-
require('./hooks/useKeyboardNavigation.js');
|
|
29
|
-
require('./outOfTheBox/ItemWithDate/index.js');
|
|
30
|
-
require('./outOfTheBox/ItemWithDate/styled.js');
|
|
31
|
-
require('./outOfTheBox/ItemUncontrolledDrilldown/index.js');
|
|
32
|
-
require('@babel/runtime/helpers/toConsumableArray');
|
|
33
|
-
require('./outOfTheBox/ItemUncontrolledDrilldown/styled.js');
|
|
34
|
-
require('./outOfTheBox/ItemTextLabel/index.js');
|
|
35
|
-
require('./outOfTheBox/ItemTextLabel/styled.js');
|
|
36
|
-
require('./outOfTheBox/ItemHeader/index.js');
|
|
37
|
-
require('./outOfTheBox/ItemHeader/styled.js');
|
|
38
|
-
require('./outOfTheBox/ItemLink/index.js');
|
|
39
|
-
require('./outOfTheBox/ItemLink/styled.js');
|
|
40
|
-
require('./outOfTheBox/ItemSection/index.js');
|
|
41
|
-
require('./outOfTheBox/ItemSection/styled.js');
|
|
42
|
-
require('./outOfTheBox/ItemSubmenu/index.js');
|
|
43
|
-
require('./outOfTheBox/ItemSubmenu/styled.js');
|
|
44
|
-
require('./configs/useLeftNavConfig.js');
|
|
45
|
-
require('@babel/runtime/helpers/slicedToArray');
|
|
46
|
-
require('./configs/useGlobalKeyListeners.js');
|
|
47
|
-
require('./configs/useLeftNavItems.js');
|
|
48
|
-
require('./configs/useLeftNavSmoothExpand.js');
|
|
49
|
-
require('./hooks/useSelectFirstBodyItem.js');
|
|
50
|
-
require('./parts/LeftNavContent/index.js');
|
|
51
|
-
require('./parts/LeftNavFooterItem/index.js');
|
|
52
|
-
require('./parts/LeftNavFooterItem/styled.js');
|
|
53
|
-
require('./common/getFocusedByKeyboardStyle.js');
|
|
54
|
-
require('./common/getItemBackgroundStyle.js');
|
|
55
|
-
require('./common/getLeftBorderStyle.js');
|
|
56
|
-
require('./parts/LeftNavContentWithScrollbar/index.js');
|
|
57
|
-
require('overlayscrollbars/css/OverlayScrollbars.css');
|
|
58
|
-
require('overlayscrollbars');
|
|
59
|
-
require('./parts/OutOfTheBoxMapItem.js');
|
|
60
|
-
require('./parts/LeftNavContent/styled.js');
|
|
61
|
-
require('./parts/LeftNavLoading/index.js');
|
|
62
|
-
require('@elliemae/ds-circular-progress-indicator');
|
|
7
|
+
var constants = require('./exported-related/constants.js');
|
|
8
|
+
var index = require('./exported-related/ItemRenderer/index.js');
|
|
9
|
+
var index$1 = require('./exported-related/ChevronItem/index.js');
|
|
10
|
+
var index$2 = require('./exported-related/Notifications/index.js');
|
|
11
|
+
var index$3 = require('./exported-related/OpenWindowItem/index.js');
|
|
12
|
+
var index$4 = require('./exported-related/Icon/index.js');
|
|
63
13
|
|
|
64
14
|
|
|
65
15
|
|
|
@@ -67,15 +17,14 @@ exports.LeftNavItemOptionsSchema = propTypes.LeftNavItemOptionsSchema;
|
|
|
67
17
|
exports.LeftNavItemPropsSchema = propTypes.LeftNavItemPropsSchema;
|
|
68
18
|
exports.LeftNavigation = LeftNavigation.LeftNavigation;
|
|
69
19
|
exports.LeftNavigationWithSchema = LeftNavigation.LeftNavigationWithSchema;
|
|
70
|
-
exports
|
|
71
|
-
exports.CHEVRON_BACK_DS_ID =
|
|
72
|
-
exports.FOOTER_DS_ID =
|
|
73
|
-
exports.FOOTER_MENU_CLOSE_DS_ID =
|
|
74
|
-
exports.ITEM_TYPES =
|
|
75
|
-
exports.LABEL_OVERFLOW =
|
|
76
|
-
exports.ItemRenderer =
|
|
77
|
-
exports.ChevronItem =
|
|
78
|
-
exports.Notifications =
|
|
79
|
-
exports.OpenWindow =
|
|
80
|
-
exports.Icon =
|
|
81
|
-
//# sourceMappingURL=index.js.map
|
|
20
|
+
exports["default"] = LeftNavigation.LeftNavigation;
|
|
21
|
+
exports.CHEVRON_BACK_DS_ID = constants.CHEVRON_BACK_DS_ID;
|
|
22
|
+
exports.FOOTER_DS_ID = constants.FOOTER_DS_ID;
|
|
23
|
+
exports.FOOTER_MENU_CLOSE_DS_ID = constants.FOOTER_MENU_CLOSE_DS_ID;
|
|
24
|
+
exports.ITEM_TYPES = constants.ITEM_TYPES;
|
|
25
|
+
exports.LABEL_OVERFLOW = constants.LABEL_OVERFLOW;
|
|
26
|
+
exports.ItemRenderer = index.ItemRenderer;
|
|
27
|
+
exports.ChevronItem = index$1.ChevronItem;
|
|
28
|
+
exports.Notifications = index$2.Notifications;
|
|
29
|
+
exports.OpenWindow = index$3.OpenWindow;
|
|
30
|
+
exports.Icon = index$4.Icon;
|