@elliemae/ds-left-navigation 1.60.0 → 2.0.0-alpha.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/LeftNavigation.js +11 -56
- package/cjs/LeftNavigationContext.js +12 -29
- 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 +6 -7
- package/cjs/configs/index.js +3 -16
- package/cjs/configs/useLeftNavConfig.js +55 -92
- package/cjs/configs/useLeftNavItems.js +32 -30
- package/cjs/configs/useLeftNavSmoothExpand.js +13 -16
- package/cjs/exported-related/ChevronItem/index.js +17 -12
- package/cjs/exported-related/Icon/index.js +22 -18
- package/cjs/exported-related/ItemRenderer/index.js +99 -98
- package/cjs/exported-related/ItemRenderer/styled.js +26 -33
- package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js +14 -16
- package/cjs/exported-related/Notifications/index.js +19 -20
- package/cjs/exported-related/OpenWindowItem/index.js +19 -16
- 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 +16 -15
- package/cjs/hooks/useKeyboardNavigation.js +39 -43
- package/cjs/hooks/useOpenableOnClickHandler.js +18 -16
- package/cjs/hooks/useSelectFirstBodyItem.js +16 -22
- package/cjs/index.d.js +0 -1
- package/cjs/index.js +17 -66
- package/cjs/outOfTheBox/ItemControlledDrilldown/index.js +76 -64
- package/cjs/outOfTheBox/ItemControlledDrilldown/styled.js +9 -14
- package/cjs/outOfTheBox/ItemHeader/index.js +61 -69
- package/cjs/outOfTheBox/ItemHeader/styled.js +4 -11
- package/cjs/outOfTheBox/ItemLink/index.js +43 -48
- package/cjs/outOfTheBox/ItemLink/styled.js +2 -7
- package/cjs/outOfTheBox/ItemSection/index.js +40 -30
- package/cjs/outOfTheBox/ItemSection/styled.js +5 -14
- package/cjs/outOfTheBox/ItemSeparator/index.js +22 -24
- package/cjs/outOfTheBox/ItemSubmenu/index.js +63 -75
- package/cjs/outOfTheBox/ItemSubmenu/styled.js +4 -11
- package/cjs/outOfTheBox/ItemTextLabel/index.js +36 -25
- package/cjs/outOfTheBox/ItemTextLabel/styled.js +7 -10
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +86 -79
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js +9 -14
- package/cjs/outOfTheBox/ItemWithDate/index.js +43 -32
- package/cjs/outOfTheBox/ItemWithDate/styled.js +9 -14
- package/cjs/outOfTheBox/index.js +50 -53
- package/cjs/parts/LeftNavContent/index.js +58 -90
- package/cjs/parts/LeftNavContent/styled.js +16 -27
- package/cjs/parts/LeftNavContentWithScrollbar/index.js +53 -48
- package/cjs/parts/LeftNavFooterItem/index.js +69 -83
- package/cjs/parts/LeftNavFooterItem/styled.js +14 -33
- package/cjs/parts/LeftNavLoading/index.js +9 -7
- package/cjs/parts/OutOfTheBoxMapItem.js +23 -42
- package/cjs/prop-types.js +10 -50
- package/esm/LeftNavigation.js +8 -53
- package/esm/LeftNavigationContext.js +11 -28
- 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 -13
- package/esm/configs/useLeftNavConfig.js +49 -85
- package/esm/configs/useLeftNavItems.js +27 -21
- package/esm/configs/useLeftNavSmoothExpand.js +12 -15
- package/esm/exported-related/ChevronItem/index.js +15 -9
- package/esm/exported-related/Icon/index.js +21 -16
- package/esm/exported-related/ItemRenderer/index.js +96 -95
- package/esm/exported-related/ItemRenderer/styled.js +25 -32
- package/esm/exported-related/ItemRenderer/usePropsWithDefaults.js +12 -14
- package/esm/exported-related/Notifications/index.js +17 -18
- package/esm/exported-related/OpenWindowItem/index.js +17 -13
- 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 +16 -15
- package/esm/hooks/useKeyboardNavigation.js +36 -40
- package/esm/hooks/useOpenableOnClickHandler.js +18 -16
- package/esm/hooks/useSelectFirstBodyItem.js +15 -21
- package/esm/index.d.js +0 -1
- package/esm/index.js +0 -49
- package/esm/outOfTheBox/ItemControlledDrilldown/index.js +69 -57
- package/esm/outOfTheBox/ItemControlledDrilldown/styled.js +9 -14
- package/esm/outOfTheBox/ItemHeader/index.js +56 -64
- package/esm/outOfTheBox/ItemHeader/styled.js +4 -11
- package/esm/outOfTheBox/ItemLink/index.js +40 -45
- package/esm/outOfTheBox/ItemLink/styled.js +2 -7
- package/esm/outOfTheBox/ItemSection/index.js +36 -26
- package/esm/outOfTheBox/ItemSection/styled.js +5 -14
- package/esm/outOfTheBox/ItemSeparator/index.js +19 -21
- package/esm/outOfTheBox/ItemSubmenu/index.js +58 -70
- package/esm/outOfTheBox/ItemSubmenu/styled.js +4 -11
- package/esm/outOfTheBox/ItemTextLabel/index.js +32 -21
- package/esm/outOfTheBox/ItemTextLabel/styled.js +7 -10
- package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js +78 -70
- package/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js +9 -14
- package/esm/outOfTheBox/ItemWithDate/index.js +39 -28
- package/esm/outOfTheBox/ItemWithDate/styled.js +9 -14
- package/esm/outOfTheBox/index.js +31 -30
- package/esm/parts/LeftNavContent/index.js +52 -85
- package/esm/parts/LeftNavContent/styled.js +16 -27
- package/esm/parts/LeftNavContentWithScrollbar/index.js +52 -46
- package/esm/parts/LeftNavFooterItem/index.js +65 -79
- package/esm/parts/LeftNavFooterItem/styled.js +12 -31
- package/esm/parts/LeftNavLoading/index.js +8 -6
- package/esm/parts/OutOfTheBoxMapItem.js +18 -38
- package/esm/prop-types.js +8 -48
- package/package.json +235 -16
- package/types/LeftNavigation.d.ts +55 -0
- package/types/LeftNavigationContext.d.ts +18 -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 +3 -0
- package/types/configs/index.d.ts +3 -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 +16 -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 +74 -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 +14 -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 +14 -0
- package/types/parts/LeftNavLoading/index.d.ts +4 -0
- package/types/parts/OutOfTheBoxMapItem.d.ts +3 -0
- package/types/prop-types.d.ts +91 -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/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/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/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/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/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/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
|
@@ -5,49 +5,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var styled = require('styled-components');
|
|
6
6
|
var Grid = require('@elliemae/ds-grid');
|
|
7
7
|
var dsIcons = require('@elliemae/ds-icons');
|
|
8
|
-
var
|
|
9
|
-
var
|
|
8
|
+
var getItemBackgroundStyle = require('../../common/getItemBackgroundStyle.js');
|
|
9
|
+
var getLeftBorderStyle = require('../../common/getLeftBorderStyle.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
12
|
|
|
13
13
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
const StyledFooterMenu = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
|
|
16
16
|
componentId: "sc-1mcbjxr-0"
|
|
17
|
-
})(["width:100%;margin-top:auto;background:", ";", " border-top:1px solid ", ";"],
|
|
18
|
-
|
|
19
|
-
}, common_getLeftBorderStyle.getLeftBorderStyle, function (props) {
|
|
20
|
-
return props.theme.colors.neutral[100];
|
|
21
|
-
});
|
|
22
|
-
var StyledItemWrapper = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
|
|
17
|
+
})(["width:100%;margin-top:auto;background:", ";", " border-top:1px solid ", ";"], props => props.theme.colors.neutral['000'], getLeftBorderStyle.getLeftBorderStyle, props => props.theme.colors.neutral[100]);
|
|
18
|
+
const StyledItemWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
|
|
23
19
|
componentId: "sc-1mcbjxr-1"
|
|
24
|
-
})(["position:relative;padding-left:", ";"],
|
|
25
|
-
|
|
26
|
-
});
|
|
27
|
-
var StyledItem = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
|
|
20
|
+
})(["position:relative;padding-left:", ";"], props => props.theme.space.xxxs);
|
|
21
|
+
const StyledItem = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
|
|
28
22
|
componentId: "sc-1mcbjxr-2"
|
|
29
|
-
})(["min-height:48px;cursor:", ";", " outline:none;:focus{&:before{content:'';position:absolute;height:100%;width:100%;top:0;left:0px;border:2px solid ", ";pointer-events:none;}}"],
|
|
30
|
-
|
|
31
|
-
}, common_getItemBackgroundStyle.getItemBackgroundStyle, function (props) {
|
|
32
|
-
return props.theme.colors.brand[600];
|
|
33
|
-
});
|
|
34
|
-
var StyledLabel = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
|
|
23
|
+
})(["min-height:48px;cursor:", ";", " outline:none;:focus{&:before{content:'';position:absolute;height:100%;width:100%;top:0;left:0px;border:2px solid ", ";pointer-events:none;}}"], props => props.expanded ? 'auto' : 'pointer', getItemBackgroundStyle.getItemBackgroundStyle, props => props.theme.colors.brand[600]);
|
|
24
|
+
const StyledLabel = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
|
|
35
25
|
componentId: "sc-1mcbjxr-3"
|
|
36
|
-
})(["font-size:11px;color:", ";line-height:14px;word-break:", ";"],
|
|
37
|
-
|
|
38
|
-
}, function (props) {
|
|
39
|
-
return props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal';
|
|
40
|
-
});
|
|
41
|
-
var StyledSeparator = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
|
|
26
|
+
})(["font-size:11px;color:", ";line-height:14px;word-break:", ";"], props => props.theme.colors.neutral[500], props => props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal');
|
|
27
|
+
const StyledSeparator = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
|
|
42
28
|
componentId: "sc-1mcbjxr-4"
|
|
43
|
-
})(["height:16px;width:1px;background-color:", ";"],
|
|
44
|
-
|
|
45
|
-
});
|
|
46
|
-
var StyledMenuCollapse = /*#__PURE__*/styled__default['default'](dsIcons.MenuCollapse).withConfig({
|
|
29
|
+
})(["height:16px;width:1px;background-color:", ";"], props => props.theme.colors.neutral[100]);
|
|
30
|
+
const StyledMenuCollapse = /*#__PURE__*/styled__default["default"](dsIcons.MenuCollapse).withConfig({
|
|
47
31
|
componentId: "sc-1mcbjxr-5"
|
|
48
|
-
})(["cursor:pointer;:focus{outline:2px solid ", ";}"],
|
|
49
|
-
return props.theme.colors.brand[700];
|
|
50
|
-
});
|
|
32
|
+
})(["cursor:pointer;:focus{outline:2px solid ", ";}"], props => props.theme.colors.brand[700]);
|
|
51
33
|
|
|
52
34
|
exports.StyledFooterMenu = StyledFooterMenu;
|
|
53
35
|
exports.StyledItem = StyledItem;
|
|
@@ -55,4 +37,3 @@ exports.StyledItemWrapper = StyledItemWrapper;
|
|
|
55
37
|
exports.StyledLabel = StyledLabel;
|
|
56
38
|
exports.StyledMenuCollapse = StyledMenuCollapse;
|
|
57
39
|
exports.StyledSeparator = StyledSeparator;
|
|
58
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -2,24 +2,27 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
6
7
|
var DSCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
|
|
7
8
|
var Grid = require('@elliemae/ds-grid');
|
|
8
9
|
var styled = require('styled-components');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
12
|
|
|
12
|
-
var
|
|
13
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
13
14
|
var DSCircularProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSCircularProgressIndicator);
|
|
14
15
|
var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
|
|
15
16
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
16
17
|
|
|
17
|
-
|
|
18
|
+
const StyledLoaderWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
|
|
18
19
|
componentId: "sc-mqgtxd-0"
|
|
19
20
|
})(["grid-area:left-nav-body;height:100%;place-items:center;z-index:0;background-color:white;"]);
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
const LeftNavLoading = _ref => {
|
|
22
|
+
let {
|
|
23
|
+
expanded
|
|
24
|
+
} = _ref;
|
|
25
|
+
return /*#__PURE__*/_jsx__default["default"](StyledLoaderWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSCircularProgressIndicator__default["default"], {
|
|
23
26
|
size: expanded ? 'xl' : 'm',
|
|
24
27
|
loading: true,
|
|
25
28
|
showLabel: expanded,
|
|
@@ -29,4 +32,3 @@ var LeftNavLoading = function LeftNavLoading(_ref) {
|
|
|
29
32
|
};
|
|
30
33
|
|
|
31
34
|
exports.LeftNavLoading = LeftNavLoading;
|
|
32
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -2,57 +2,39 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
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 _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
11
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
12
|
var React = require('react');
|
|
7
|
-
var
|
|
13
|
+
var index = require('../outOfTheBox/index.js');
|
|
8
14
|
var LeftNavigationContext = require('../LeftNavigationContext.js');
|
|
9
|
-
require('../exported-related/constants.js');
|
|
10
|
-
require('@elliemae/ds-grid');
|
|
11
|
-
require('styled-components');
|
|
12
|
-
require('@babel/runtime/helpers/extends');
|
|
13
|
-
require('@elliemae/ds-icons');
|
|
14
|
-
require('../outOfTheBox/ItemControlledDrilldown/index.js');
|
|
15
|
-
require('@elliemae/ds-truncated-tooltip-text');
|
|
16
|
-
require('../exported-related/ItemRenderer/index.js');
|
|
17
|
-
require('../exported-related/ItemRenderer/styled.js');
|
|
18
|
-
require('../exported-related/ItemRenderer/usePropsWithDefaults.js');
|
|
19
|
-
require('../hooks/useKeyboardNavigation.js');
|
|
20
|
-
require('../outOfTheBox/ItemControlledDrilldown/styled.js');
|
|
21
|
-
require('../outOfTheBox/ItemSeparator/index.js');
|
|
22
|
-
require('../outOfTheBox/ItemWithDate/index.js');
|
|
23
|
-
require('../outOfTheBox/ItemWithDate/styled.js');
|
|
24
|
-
require('../outOfTheBox/ItemTextLabel/index.js');
|
|
25
|
-
require('../outOfTheBox/ItemTextLabel/styled.js');
|
|
26
|
-
require('../outOfTheBox/ItemUncontrolledDrilldown/index.js');
|
|
27
|
-
require('@babel/runtime/helpers/toConsumableArray');
|
|
28
|
-
require('../outOfTheBox/ItemUncontrolledDrilldown/styled.js');
|
|
29
|
-
require('../outOfTheBox/ItemHeader/index.js');
|
|
30
|
-
require('../outOfTheBox/ItemHeader/styled.js');
|
|
31
|
-
require('../outOfTheBox/ItemLink/index.js');
|
|
32
|
-
require('../outOfTheBox/ItemLink/styled.js');
|
|
33
|
-
require('../outOfTheBox/ItemSection/index.js');
|
|
34
|
-
require('../outOfTheBox/ItemSection/styled.js');
|
|
35
|
-
require('../outOfTheBox/ItemSubmenu/index.js');
|
|
36
|
-
require('../outOfTheBox/ItemSubmenu/styled.js');
|
|
37
15
|
|
|
38
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
39
17
|
|
|
18
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
40
19
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
41
20
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
42
21
|
|
|
43
22
|
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; }
|
|
44
23
|
|
|
45
|
-
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[
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
24
|
+
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; }
|
|
25
|
+
const OutOfTheBoxMapItem = props => {
|
|
26
|
+
const {
|
|
27
|
+
item,
|
|
28
|
+
item: {
|
|
29
|
+
type,
|
|
30
|
+
Component
|
|
31
|
+
}
|
|
32
|
+
} = props;
|
|
33
|
+
const ctx = React__default["default"].useContext(LeftNavigationContext.LeftNavContext);
|
|
34
|
+
|
|
35
|
+
if (typeof type === 'string' && !!index.outOfTheBoxComponents[type]) {
|
|
36
|
+
const OutOfTheBoxComponent = index.outOfTheBoxComponents[type];
|
|
37
|
+
return /*#__PURE__*/_jsx__default["default"](OutOfTheBoxComponent, {
|
|
56
38
|
item: _objectSpread({
|
|
57
39
|
itemOpts: {}
|
|
58
40
|
}, item),
|
|
@@ -61,11 +43,10 @@ var OutOfTheBoxMapItem = function OutOfTheBoxMapItem(props) {
|
|
|
61
43
|
} // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...
|
|
62
44
|
|
|
63
45
|
|
|
64
|
-
return /*#__PURE__*/
|
|
46
|
+
return /*#__PURE__*/_jsx__default["default"](Component, {
|
|
65
47
|
item: item,
|
|
66
48
|
ctx: ctx
|
|
67
49
|
});
|
|
68
50
|
};
|
|
69
51
|
|
|
70
52
|
exports.OutOfTheBoxMapItem = OutOfTheBoxMapItem;
|
|
71
|
-
//# sourceMappingURL=OutOfTheBoxMapItem.js.map
|
package/cjs/prop-types.js
CHANGED
|
@@ -3,47 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var reactDesc = require('react-desc');
|
|
6
|
-
var
|
|
7
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
8
|
-
require('./exported-related/constants.js');
|
|
9
|
-
require('react');
|
|
10
|
-
require('@elliemae/ds-grid');
|
|
11
|
-
require('styled-components');
|
|
12
|
-
require('@babel/runtime/helpers/extends');
|
|
13
|
-
require('@elliemae/ds-icons');
|
|
14
|
-
require('./outOfTheBox/ItemControlledDrilldown/index.js');
|
|
15
|
-
require('@elliemae/ds-truncated-tooltip-text');
|
|
16
|
-
require('./exported-related/ItemRenderer/index.js');
|
|
17
|
-
require('./exported-related/ItemRenderer/styled.js');
|
|
18
|
-
require('./LeftNavigationContext.js');
|
|
19
|
-
require('./exported-related/ItemRenderer/usePropsWithDefaults.js');
|
|
20
|
-
require('./hooks/useKeyboardNavigation.js');
|
|
21
|
-
require('./outOfTheBox/ItemControlledDrilldown/styled.js');
|
|
22
|
-
require('./outOfTheBox/ItemSeparator/index.js');
|
|
23
|
-
require('./outOfTheBox/ItemWithDate/index.js');
|
|
24
|
-
require('./outOfTheBox/ItemWithDate/styled.js');
|
|
25
|
-
require('./outOfTheBox/ItemTextLabel/index.js');
|
|
26
|
-
require('./outOfTheBox/ItemTextLabel/styled.js');
|
|
27
|
-
require('./outOfTheBox/ItemUncontrolledDrilldown/index.js');
|
|
28
|
-
require('@babel/runtime/helpers/toConsumableArray');
|
|
29
|
-
require('./outOfTheBox/ItemUncontrolledDrilldown/styled.js');
|
|
30
|
-
require('./outOfTheBox/ItemHeader/index.js');
|
|
31
|
-
require('./outOfTheBox/ItemHeader/styled.js');
|
|
32
|
-
require('./outOfTheBox/ItemLink/index.js');
|
|
33
|
-
require('./outOfTheBox/ItemLink/styled.js');
|
|
34
|
-
require('./outOfTheBox/ItemSection/index.js');
|
|
35
|
-
require('./outOfTheBox/ItemSection/styled.js');
|
|
36
|
-
require('./outOfTheBox/ItemSubmenu/index.js');
|
|
37
|
-
require('./outOfTheBox/ItemSubmenu/styled.js');
|
|
6
|
+
var index = require('./outOfTheBox/index.js');
|
|
38
7
|
|
|
39
|
-
|
|
40
|
-
type: reactDesc.PropTypes.oneOf(
|
|
8
|
+
const leftNavItemProps = {
|
|
9
|
+
type: reactDesc.PropTypes.oneOf(index.outOfTheBoxTypes).description('out of the box types'),
|
|
41
10
|
dsId: reactDesc.PropTypes.string.description('unique identifier for the left nav item'),
|
|
42
11
|
Component: reactDesc.PropTypes.func.description("A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box"),
|
|
43
12
|
CollapsedComponent: reactDesc.PropTypes.func.description('A component which is renderer when the left-nav is collapsed'),
|
|
44
13
|
itemOpts: reactDesc.PropTypes.object.description('Item options')
|
|
45
14
|
};
|
|
46
|
-
|
|
15
|
+
const leftNavigationProps = {
|
|
47
16
|
containerProps: reactDesc.PropTypes.shape({
|
|
48
17
|
expandedWidth: reactDesc.PropTypes.string
|
|
49
18
|
}).description('Set of Properties attached to the main container').defaultValue({
|
|
@@ -56,32 +25,23 @@ var leftNavigationProps = {
|
|
|
56
25
|
footerLabel: reactDesc.PropTypes.string.description('The label to show in the footer item'),
|
|
57
26
|
onFooterExpand: reactDesc.PropTypes.func.description('The function to call when the left-nav is opened via the footer'),
|
|
58
27
|
onFooterClose: reactDesc.PropTypes.func.description('The function to call when the left-nav is closed via the footer'),
|
|
59
|
-
onSelectedChange: reactDesc.PropTypes.func.description('A callback which triggers when the selected item changes').defaultValue(
|
|
60
|
-
|
|
61
|
-
}),
|
|
62
|
-
onFocusChange: reactDesc.PropTypes.func.description('A callback which triggers when the focused item changes').defaultValue(function () {
|
|
63
|
-
return null;
|
|
64
|
-
}),
|
|
28
|
+
onSelectedChange: reactDesc.PropTypes.func.description('A callback which triggers when the selected item changes').defaultValue(() => null),
|
|
29
|
+
onFocusChange: reactDesc.PropTypes.func.description('A callback which triggers when the focused item changes').defaultValue(() => null),
|
|
65
30
|
items: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The array of items you want to render inside the left nav').defaultValue([]),
|
|
66
31
|
disableDefaultSelection: reactDesc.PropTypes.bool.description('Whether you do not want to automatically select the first body item').defaultValue(false)
|
|
67
32
|
};
|
|
68
33
|
|
|
69
|
-
|
|
70
|
-
return null;
|
|
71
|
-
};
|
|
34
|
+
const LeftNavItemProps = () => null;
|
|
72
35
|
|
|
73
|
-
|
|
36
|
+
const LeftNavItemPropsSchema = reactDesc.describe(LeftNavItemProps);
|
|
74
37
|
LeftNavItemPropsSchema.propTypes = leftNavItemProps;
|
|
75
38
|
|
|
76
|
-
|
|
77
|
-
return null;
|
|
78
|
-
};
|
|
39
|
+
const LeftNavItemOptions = () => null;
|
|
79
40
|
|
|
80
|
-
|
|
41
|
+
const LeftNavItemOptionsSchema = reactDesc.describe(LeftNavItemOptions);
|
|
81
42
|
LeftNavItemOptionsSchema.propTypes = leftNavItemProps;
|
|
82
43
|
|
|
83
44
|
exports.LeftNavItemOptionsSchema = LeftNavItemOptionsSchema;
|
|
84
45
|
exports.LeftNavItemPropsSchema = LeftNavItemPropsSchema;
|
|
85
46
|
exports.leftNavItemProps = leftNavItemProps;
|
|
86
47
|
exports.leftNavigationProps = leftNavigationProps;
|
|
87
|
-
//# sourceMappingURL=prop-types.js.map
|
package/esm/LeftNavigation.js
CHANGED
|
@@ -1,65 +1,20 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import 'react';
|
|
2
3
|
import { describe } from 'react-desc';
|
|
3
4
|
import { leftNavigationProps } from './prop-types.js';
|
|
4
5
|
import { LeftNavContext, defaultProps } from './LeftNavigationContext.js';
|
|
5
6
|
import { useLeftNavConfig } from './configs/useLeftNavConfig.js';
|
|
6
7
|
import LeftNavContent from './parts/LeftNavContent/index.js';
|
|
7
|
-
import './outOfTheBox/index.js';
|
|
8
|
-
import '@babel/runtime/helpers/esm/defineProperty';
|
|
9
|
-
import './exported-related/constants.js';
|
|
10
|
-
import '@elliemae/ds-grid';
|
|
11
|
-
import 'styled-components';
|
|
12
|
-
import '@babel/runtime/helpers/esm/extends';
|
|
13
|
-
import '@elliemae/ds-icons';
|
|
14
|
-
import './outOfTheBox/ItemControlledDrilldown/index.js';
|
|
15
|
-
import '@elliemae/ds-truncated-tooltip-text';
|
|
16
|
-
import './exported-related/ItemRenderer/index.js';
|
|
17
|
-
import './exported-related/ItemRenderer/styled.js';
|
|
18
|
-
import './exported-related/ItemRenderer/usePropsWithDefaults.js';
|
|
19
|
-
import './hooks/useKeyboardNavigation.js';
|
|
20
|
-
import './outOfTheBox/ItemControlledDrilldown/styled.js';
|
|
21
|
-
import './outOfTheBox/ItemSeparator/index.js';
|
|
22
|
-
import './outOfTheBox/ItemWithDate/index.js';
|
|
23
|
-
import './outOfTheBox/ItemWithDate/styled.js';
|
|
24
|
-
import './outOfTheBox/ItemTextLabel/index.js';
|
|
25
|
-
import './outOfTheBox/ItemTextLabel/styled.js';
|
|
26
|
-
import './outOfTheBox/ItemUncontrolledDrilldown/index.js';
|
|
27
|
-
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
28
|
-
import './outOfTheBox/ItemUncontrolledDrilldown/styled.js';
|
|
29
|
-
import './outOfTheBox/ItemHeader/index.js';
|
|
30
|
-
import './outOfTheBox/ItemHeader/styled.js';
|
|
31
|
-
import './outOfTheBox/ItemLink/index.js';
|
|
32
|
-
import './outOfTheBox/ItemLink/styled.js';
|
|
33
|
-
import './outOfTheBox/ItemSection/index.js';
|
|
34
|
-
import './outOfTheBox/ItemSection/styled.js';
|
|
35
|
-
import './outOfTheBox/ItemSubmenu/index.js';
|
|
36
|
-
import './outOfTheBox/ItemSubmenu/styled.js';
|
|
37
|
-
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
38
|
-
import './configs/useLeftNavItems.js';
|
|
39
|
-
import './configs/useLeftNavSmoothExpand.js';
|
|
40
|
-
import './hooks/useSelectFirstBodyItem.js';
|
|
41
|
-
import './parts/LeftNavFooterItem/index.js';
|
|
42
|
-
import './parts/LeftNavFooterItem/styled.js';
|
|
43
|
-
import './common/getItemBackgroundStyle.js';
|
|
44
|
-
import './common/getLeftBorderStyle.js';
|
|
45
|
-
import './parts/LeftNavContentWithScrollbar/index.js';
|
|
46
|
-
import 'overlayscrollbars/css/OverlayScrollbars.css';
|
|
47
|
-
import 'overlayscrollbars';
|
|
48
|
-
import './parts/OutOfTheBoxMapItem.js';
|
|
49
|
-
import './parts/LeftNavContent/styled.js';
|
|
50
|
-
import './parts/LeftNavLoading/index.js';
|
|
51
|
-
import '@elliemae/ds-circular-progress-indicator';
|
|
52
8
|
|
|
53
|
-
var
|
|
54
|
-
|
|
55
|
-
|
|
9
|
+
var _LeftNavContent;
|
|
10
|
+
const LeftNavigation = props => {
|
|
11
|
+
const leftNavConfig = useLeftNavConfig(props);
|
|
12
|
+
return /*#__PURE__*/_jsx(LeftNavContext.Provider, {
|
|
56
13
|
value: leftNavConfig
|
|
57
|
-
}, /*#__PURE__*/
|
|
14
|
+
}, void 0, _LeftNavContent || (_LeftNavContent = /*#__PURE__*/_jsx(LeftNavContent, {})));
|
|
58
15
|
};
|
|
59
|
-
LeftNavigation.propTypes = leftNavigationProps;
|
|
60
16
|
LeftNavigation.defaultProps = defaultProps;
|
|
61
|
-
|
|
17
|
+
const LeftNavigationWithSchema = describe(LeftNavigation).description('Left Navigation');
|
|
62
18
|
LeftNavigationWithSchema.propTypes = leftNavigationProps;
|
|
63
19
|
|
|
64
20
|
export { LeftNavigation, LeftNavigationWithSchema };
|
|
65
|
-
//# sourceMappingURL=LeftNavigation.js.map
|
|
@@ -1,51 +1,34 @@
|
|
|
1
1
|
import { createContext } from 'react';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
const defaultProps = {
|
|
4
4
|
expandedWidth: '240px',
|
|
5
5
|
tabIndex: 0,
|
|
6
6
|
loading: false,
|
|
7
7
|
expanded: false,
|
|
8
8
|
openedItem: null,
|
|
9
9
|
footerLabel: '',
|
|
10
|
-
onSelectedChange:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
return null;
|
|
15
|
-
},
|
|
16
|
-
onFooterExpand: function onFooterExpand() {
|
|
17
|
-
return null;
|
|
18
|
-
},
|
|
19
|
-
onFooterClose: function onFooterClose() {
|
|
20
|
-
return null;
|
|
21
|
-
},
|
|
10
|
+
onSelectedChange: () => null,
|
|
11
|
+
onFocusChange: () => null,
|
|
12
|
+
onFooterExpand: () => null,
|
|
13
|
+
onFooterClose: () => null,
|
|
22
14
|
items: [],
|
|
23
15
|
labelOverflow: 'wrap',
|
|
24
|
-
onItemClick:
|
|
25
|
-
return null;
|
|
26
|
-
}
|
|
16
|
+
onItemClick: () => null
|
|
27
17
|
};
|
|
28
|
-
|
|
18
|
+
const defaultContext = {
|
|
29
19
|
leftNavProps: defaultProps,
|
|
30
20
|
selectedItem: null,
|
|
31
|
-
setSelectedItem:
|
|
32
|
-
return null;
|
|
33
|
-
},
|
|
21
|
+
setSelectedItem: () => null,
|
|
34
22
|
focusedItem: null,
|
|
35
|
-
setFocusedItem:
|
|
36
|
-
return null;
|
|
37
|
-
},
|
|
23
|
+
setFocusedItem: () => null,
|
|
38
24
|
expandedForAnimation: true,
|
|
39
25
|
openedDrilldowns: [],
|
|
40
|
-
setOpenedDrilldowns:
|
|
41
|
-
return null;
|
|
42
|
-
},
|
|
26
|
+
setOpenedDrilldowns: () => null,
|
|
43
27
|
visibleItems: [],
|
|
44
28
|
visibleItemsRefs: {
|
|
45
29
|
current: {}
|
|
46
30
|
}
|
|
47
31
|
};
|
|
48
|
-
|
|
32
|
+
const LeftNavContext = /*#__PURE__*/createContext(defaultContext);
|
|
49
33
|
|
|
50
34
|
export { LeftNavContext, LeftNavContext as default, defaultContext, defaultProps };
|
|
51
|
-
//# sourceMappingURL=LeftNavigationContext.js.map
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
return "\n\n background: ".concat(color, ";\n\n :hover {\n background: ").concat(hoverColor, ";\n }\n\n :active {\n background: ").concat(activeColor, ";\n }\n");
|
|
3
|
-
};
|
|
1
|
+
const commonItemBackgroundStyle = (color, hoverColor, activeColor) => "\n\n background: ".concat(color, ";\n\n :hover {\n background: ").concat(hoverColor, ";\n }\n\n :active {\n background: ").concat(activeColor, ";\n }\n");
|
|
4
2
|
|
|
5
|
-
|
|
3
|
+
const getItemBackgroundStyle = props => {
|
|
6
4
|
if (props.selected && !props.opened) return commonItemBackgroundStyle(props.theme.colors.brand[200], props.theme.colors.brand[200], props.theme.colors.brand[200]);
|
|
7
5
|
return commonItemBackgroundStyle(props.theme.colors.neutral['000'], props.theme.colors.neutral['080'], props.theme.colors.brand[200]);
|
|
8
6
|
};
|
|
9
7
|
|
|
10
8
|
export { getItemBackgroundStyle };
|
|
11
|
-
//# sourceMappingURL=getItemBackgroundStyle.js.map
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
return "\n\n -webkit-box-shadow: inset 4px 0 0 0 ".concat(color, ";\n box-shadow: inset 4px 0 0 0 ").concat(color, ";\n\n :hover {\n -webkit-box-shadow: inset 4px 0 0 0 ").concat(hoverColor, ";\n box-shadow: inset 4px 0 0 0 ").concat(hoverColor, ";\n }\n\n :active {\n -webkit-box-shadow: inset 4px 0 0 0 ").concat(activeColor, ";\n box-shadow: inset 4px 0 0 0 ").concat(activeColor, ";\n }\n");
|
|
3
|
-
};
|
|
1
|
+
const commonLeftBorderStyle = (color, hoverColor, activeColor) => "\n\n -webkit-box-shadow: inset 4px 0 0 0 ".concat(color, ";\n box-shadow: inset 4px 0 0 0 ").concat(color, ";\n\n :hover {\n -webkit-box-shadow: inset 4px 0 0 0 ").concat(hoverColor, ";\n box-shadow: inset 4px 0 0 0 ").concat(hoverColor, ";\n }\n\n :active {\n -webkit-box-shadow: inset 4px 0 0 0 ").concat(activeColor, ";\n box-shadow: inset 4px 0 0 0 ").concat(activeColor, ";\n }\n");
|
|
4
2
|
|
|
5
|
-
|
|
3
|
+
const getLeftBorderStyle = props => {
|
|
6
4
|
if (props.selected || props.selectedParent) return commonLeftBorderStyle(props.theme.colors.brand[400], props.theme.colors.brand[400], props.theme.colors.brand[400]);
|
|
7
5
|
return commonLeftBorderStyle(props.theme.colors.neutral['000'], props.theme.colors.brand[300], props.theme.colors.brand[400]);
|
|
8
6
|
};
|
|
9
7
|
|
|
10
8
|
export { getLeftBorderStyle };
|
|
11
|
-
//# sourceMappingURL=getLeftBorderStyle.js.map
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
return "\n ::-webkit-scrollbar {\n width: 14px;\n }\n ::-webkit-scrollbar-thumb {\n height: 6px;\n border: 4px solid rgba(0, 0, 0, 0);\n\n background-clip: padding-box;\n\n background-color: rgba(105, 116, 137, 0.5);\n\n border-radius: 7px;\n -webkit-border-radius: 7px;\n }\n ::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n display: none;\n }\n ::-webkit-scrollbar-corner {\n background-color: transparent;\n }\n";
|
|
3
|
-
};
|
|
1
|
+
const getScrolbarStyle = () => "\n ::-webkit-scrollbar {\n width: 14px;\n }\n ::-webkit-scrollbar-thumb {\n height: 6px;\n border: 4px solid rgba(0, 0, 0, 0);\n\n background-clip: padding-box;\n\n background-color: rgba(105, 116, 137, 0.5);\n\n border-radius: 7px;\n -webkit-border-radius: 7px;\n }\n ::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n display: none;\n }\n ::-webkit-scrollbar-corner {\n background-color: transparent;\n }\n";
|
|
4
2
|
|
|
5
3
|
export { getScrolbarStyle };
|
|
6
|
-
//# sourceMappingURL=getScrollbarStyle.js.map
|
package/esm/common/index.js
CHANGED
package/esm/configs/index.js
CHANGED
|
@@ -1,15 +1,2 @@
|
|
|
1
1
|
import { useLeftNavConfig } from './useLeftNavConfig.js';
|
|
2
2
|
export { useLeftNavConfig as default, useLeftNavConfig } from './useLeftNavConfig.js';
|
|
3
|
-
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
4
|
-
import 'react';
|
|
5
|
-
import './useLeftNavItems.js';
|
|
6
|
-
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
7
|
-
import '../exported-related/constants.js';
|
|
8
|
-
import '@elliemae/ds-grid';
|
|
9
|
-
import 'styled-components';
|
|
10
|
-
import '@babel/runtime/helpers/esm/defineProperty';
|
|
11
|
-
import '@babel/runtime/helpers/esm/extends';
|
|
12
|
-
import '@elliemae/ds-icons';
|
|
13
|
-
import './useLeftNavSmoothExpand.js';
|
|
14
|
-
import '../hooks/useSelectFirstBodyItem.js';
|
|
15
|
-
//# sourceMappingURL=index.js.map
|