@elliemae/ds-left-navigation 1.56.1 → 1.57.0-rc.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 +3 -13
- package/cjs/LeftNavigation.js.map +1 -1
- package/cjs/configs/index.js +1 -6
- package/cjs/configs/index.js.map +1 -1
- package/cjs/configs/useGlobalKeyListeners.js +2 -5
- package/cjs/configs/useGlobalKeyListeners.js.map +1 -1
- package/cjs/configs/useLeftNavConfig.js +1 -6
- package/cjs/configs/useLeftNavConfig.js.map +1 -1
- package/cjs/configs/useLeftNavItems.js +1 -6
- package/cjs/configs/useLeftNavItems.js.map +1 -1
- package/cjs/exported-related/ChevronItem/index.js +2 -3
- package/cjs/exported-related/ChevronItem/index.js.map +1 -1
- package/cjs/exported-related/Notifications/index.js +5 -12
- package/cjs/exported-related/Notifications/index.js.map +1 -1
- package/cjs/exported-related/OpenWindowItem/index.js +2 -3
- package/cjs/exported-related/OpenWindowItem/index.js.map +1 -1
- package/cjs/exported-related/constants.js.map +1 -1
- package/cjs/exported-related/index.js +1 -6
- package/cjs/exported-related/index.js.map +1 -1
- package/cjs/index.js +3 -14
- package/cjs/index.js.map +1 -1
- package/cjs/outOfTheBox/ItemControlledDrilldown/index.js +2 -11
- package/cjs/outOfTheBox/ItemControlledDrilldown/index.js.map +1 -1
- package/cjs/outOfTheBox/ItemHeader/index.js +1 -7
- package/cjs/outOfTheBox/ItemHeader/index.js.map +1 -1
- package/cjs/outOfTheBox/ItemHeader/styled.js +2 -3
- package/cjs/outOfTheBox/ItemHeader/styled.js.map +1 -1
- package/cjs/outOfTheBox/ItemLink/index.js +1 -6
- package/cjs/outOfTheBox/ItemLink/index.js.map +1 -1
- package/cjs/outOfTheBox/ItemSection/index.js +1 -6
- package/cjs/outOfTheBox/ItemSection/index.js.map +1 -1
- package/cjs/outOfTheBox/ItemSeparator/index.js +1 -6
- package/cjs/outOfTheBox/ItemSeparator/index.js.map +1 -1
- package/cjs/outOfTheBox/ItemSubmenu/index.js +1 -7
- package/cjs/outOfTheBox/ItemSubmenu/index.js.map +1 -1
- package/cjs/outOfTheBox/ItemSubmenu/styled.js +2 -3
- package/cjs/outOfTheBox/ItemSubmenu/styled.js.map +1 -1
- package/cjs/outOfTheBox/ItemTextLabel/index.js +1 -6
- package/cjs/outOfTheBox/ItemTextLabel/index.js.map +1 -1
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +2 -11
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +1 -1
- package/cjs/outOfTheBox/ItemWithDate/index.js +1 -6
- package/cjs/outOfTheBox/ItemWithDate/index.js.map +1 -1
- package/cjs/outOfTheBox/index.js +1 -9
- package/cjs/outOfTheBox/index.js.map +1 -1
- package/cjs/parts/LeftNavContent/index.js +3 -13
- package/cjs/parts/LeftNavContent/index.js.map +1 -1
- package/cjs/parts/LeftNavContentWithScrollbar/index.js +1 -0
- package/cjs/parts/LeftNavContentWithScrollbar/index.js.map +1 -1
- package/cjs/parts/LeftNavFooterItem/index.js +2 -5
- package/cjs/parts/LeftNavFooterItem/index.js.map +1 -1
- package/cjs/parts/LeftNavFooterItem/styled.js +6 -6
- package/cjs/parts/LeftNavFooterItem/styled.js.map +1 -1
- package/cjs/parts/LeftNavLoading/index.js +1 -1
- package/cjs/parts/LeftNavLoading/index.js.map +1 -1
- package/cjs/parts/OutOfTheBoxMapItem.js +1 -9
- package/cjs/parts/OutOfTheBoxMapItem.js.map +1 -1
- package/cjs/prop-types.js +1 -9
- package/cjs/prop-types.js.map +1 -1
- package/esm/LeftNavigation.js +3 -13
- package/esm/LeftNavigation.js.map +1 -1
- package/esm/configs/index.js +1 -6
- package/esm/configs/index.js.map +1 -1
- package/esm/configs/useGlobalKeyListeners.js +2 -5
- package/esm/configs/useGlobalKeyListeners.js.map +1 -1
- package/esm/configs/useLeftNavConfig.js +1 -6
- package/esm/configs/useLeftNavConfig.js.map +1 -1
- package/esm/configs/useLeftNavItems.js +1 -6
- package/esm/configs/useLeftNavItems.js.map +1 -1
- package/esm/exported-related/ChevronItem/index.js +2 -2
- package/esm/exported-related/ChevronItem/index.js.map +1 -1
- package/esm/exported-related/Notifications/index.js +2 -5
- package/esm/exported-related/Notifications/index.js.map +1 -1
- package/esm/exported-related/OpenWindowItem/index.js +2 -2
- package/esm/exported-related/OpenWindowItem/index.js.map +1 -1
- package/esm/exported-related/constants.js.map +1 -1
- package/esm/exported-related/index.js +1 -6
- package/esm/exported-related/index.js.map +1 -1
- package/esm/index.js +3 -14
- package/esm/index.js.map +1 -1
- package/esm/outOfTheBox/ItemControlledDrilldown/index.js +1 -8
- package/esm/outOfTheBox/ItemControlledDrilldown/index.js.map +1 -1
- package/esm/outOfTheBox/ItemHeader/index.js +1 -7
- package/esm/outOfTheBox/ItemHeader/index.js.map +1 -1
- package/esm/outOfTheBox/ItemHeader/styled.js +2 -2
- package/esm/outOfTheBox/ItemHeader/styled.js.map +1 -1
- package/esm/outOfTheBox/ItemLink/index.js +1 -6
- package/esm/outOfTheBox/ItemLink/index.js.map +1 -1
- package/esm/outOfTheBox/ItemSection/index.js +1 -6
- package/esm/outOfTheBox/ItemSection/index.js.map +1 -1
- package/esm/outOfTheBox/ItemSeparator/index.js +1 -6
- package/esm/outOfTheBox/ItemSeparator/index.js.map +1 -1
- package/esm/outOfTheBox/ItemSubmenu/index.js +1 -7
- package/esm/outOfTheBox/ItemSubmenu/index.js.map +1 -1
- package/esm/outOfTheBox/ItemSubmenu/styled.js +2 -2
- package/esm/outOfTheBox/ItemSubmenu/styled.js.map +1 -1
- package/esm/outOfTheBox/ItemTextLabel/index.js +1 -6
- package/esm/outOfTheBox/ItemTextLabel/index.js.map +1 -1
- package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js +1 -8
- package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +1 -1
- package/esm/outOfTheBox/ItemWithDate/index.js +1 -6
- package/esm/outOfTheBox/ItemWithDate/index.js.map +1 -1
- package/esm/outOfTheBox/index.js +1 -9
- package/esm/outOfTheBox/index.js.map +1 -1
- package/esm/parts/LeftNavContent/index.js +3 -13
- package/esm/parts/LeftNavContent/index.js.map +1 -1
- package/esm/parts/LeftNavContentWithScrollbar/index.js +1 -0
- package/esm/parts/LeftNavContentWithScrollbar/index.js.map +1 -1
- package/esm/parts/LeftNavFooterItem/index.js +1 -3
- package/esm/parts/LeftNavFooterItem/index.js.map +1 -1
- package/esm/parts/LeftNavFooterItem/styled.js +1 -1
- package/esm/parts/LeftNavFooterItem/styled.js.map +1 -1
- package/esm/parts/LeftNavLoading/index.js +1 -1
- package/esm/parts/LeftNavLoading/index.js.map +1 -1
- package/esm/parts/OutOfTheBoxMapItem.js +1 -9
- package/esm/parts/OutOfTheBoxMapItem.js.map +1 -1
- package/esm/prop-types.js +1 -9
- package/esm/prop-types.js.map +1 -1
- package/package.json +6 -6
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
7
7
|
var reactDesc = require('react-desc');
|
|
8
8
|
var Grid = require('@elliemae/ds-grid');
|
|
9
9
|
var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
|
|
@@ -12,8 +12,6 @@ var LeftNavigationContext = require('../../LeftNavigationContext.js');
|
|
|
12
12
|
var hooks_useKeyboardNavigation = require('../../hooks/useKeyboardNavigation.js');
|
|
13
13
|
var exportedRelated_constants = require('../../exported-related/constants.js');
|
|
14
14
|
require('styled-components');
|
|
15
|
-
require('@elliemae/ds-basic');
|
|
16
|
-
require('@elliemae/ds-icons');
|
|
17
15
|
require('../../common/getFocusedByKeyboardStyle.js');
|
|
18
16
|
require('../../common/getItemBackgroundStyle.js');
|
|
19
17
|
require('../../common/getLeftBorderStyle.js');
|
|
@@ -21,7 +19,6 @@ require('../../common/getLeftBorderStyle.js');
|
|
|
21
19
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
20
|
|
|
23
21
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
|
-
var MenuExpand__default = /*#__PURE__*/_interopDefaultLegacy(MenuExpand);
|
|
25
22
|
var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
|
|
26
23
|
|
|
27
24
|
/* eslint-disable max-lines */
|
|
@@ -84,7 +81,7 @@ var LeftNavFooterItem = function LeftNavFooterItem(props) {
|
|
|
84
81
|
"data-testid": "leftnav-item-container",
|
|
85
82
|
role: "menuitem",
|
|
86
83
|
"aria-label": expandedForAnimation ? "Footer, ".concat(footerLabel) : "Expand left navigation"
|
|
87
|
-
}, !expandedForAnimation ? /*#__PURE__*/React__default['default'].createElement(
|
|
84
|
+
}, !expandedForAnimation ? /*#__PURE__*/React__default['default'].createElement(dsIcons.MenuExpand, {
|
|
88
85
|
size: "m",
|
|
89
86
|
color: ['brand-primary', 800],
|
|
90
87
|
"data-testid": "leftnav-footer-btn"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavFooterItem/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport MenuExpand from '@elliemae/ds-icons
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavFooterItem/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { MenuExpand } from '@elliemae/ds-icons';\nimport { PropTypes } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n StyledFooterMenu,\n StyledItem,\n StyledItemWrapper,\n StyledLabel,\n StyledSeparator,\n StyledMenuCollapse,\n} from './styled';\nimport { useKeyboardNavigation } from '../../hooks';\nimport LeftNavigationContext from '../../LeftNavigationContext';\nimport { FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID } from '../../exported-related/constants';\n\ntype LeftNavFooterItemProps = {\n footerLabel: string | JSX.Element;\n onFooterExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n onFooterClose: React.MouseEventHandler & React.KeyboardEventHandler;\n};\n\nexport const LeftNavFooterItem: React.ComponentType<LeftNavFooterItemProps> = (props) => {\n const { footerLabel, onFooterExpand = () => null, onFooterClose = () => null } = props;\n const {\n leftNavProps: { labelOverflow, openedItem },\n expandedForAnimation,\n setSelectedItem,\n focusedItem,\n setFocusedItem,\n focusedByKey,\n visibleItemsRefs,\n } = useContext(LeftNavigationContext);\n\n const id = FOOTER_DS_ID;\n\n const handleOnClick = expandedForAnimation ? onFooterClose : onFooterExpand;\n\n const onKeyDown = useKeyboardNavigation({\n item: {\n dsId: id,\n itemOpts: {\n selectable: !expandedForAnimation,\n openable: false,\n closable: false,\n },\n },\n onClick: handleOnClick,\n });\n\n return (\n <StyledFooterMenu key={id} data-testid=\"leftnav-container\">\n <StyledItemWrapper>\n <StyledItem\n ref={visibleItemsRefs.current[id]}\n tabIndex={expandedForAnimation ? -1 : 0}\n expanded={expandedForAnimation}\n pt=\"xxs2\"\n height={expandedForAnimation ? 'auto' : '48px'}\n alignItems=\"flex-start\"\n pl=\"xxs\"\n cols={expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']}\n onClick={expandedForAnimation ? () => null : handleOnClick}\n onKeyDown={onKeyDown}\n focused={focusedItem === id}\n focusedByKey={focusedByKey}\n onFocus={() => setFocusedItem(id)}\n data-testid=\"leftnav-item-container\"\n role=\"menuitem\"\n aria-label={expandedForAnimation ? `Footer, ${footerLabel}` : `Expand left navigation`}\n >\n {!expandedForAnimation ? (\n <MenuExpand size=\"m\" color={['brand-primary', 800]} data-testid=\"leftnav-footer-btn\" />\n ) : (\n <>\n <StyledLabel\n mt=\"5px\"\n mr=\"12px\"\n mb=\"16px\"\n data-testid=\"leftnav-itemlabel\"\n labelOverflow={labelOverflow}\n aria-live=\"polite\"\n >\n {labelOverflow === 'truncate' ? (\n <SimpleTruncatedTooltipText value={footerLabel} placement=\"bottom-start\" />\n ) : (\n footerLabel\n )}\n </StyledLabel>\n <StyledSeparator mt=\"xxxs\" />\n <Grid m=\"0 12px\">\n <StyledMenuCollapse\n size=\"m\"\n color={['brand-primary', 800]}\n onClick={(e) => {\n if (openedItem) setSelectedItem(openedItem);\n e.stopPropagation();\n handleOnClick(e);\n }}\n onKeyDown={(e) => {\n if (['Space', 'Enter'].includes(e.code) && openedItem) setSelectedItem(openedItem);\n }}\n data-testid=\"leftnav-footer-btn\"\n tabIndex={0}\n onFocus={(e) => {\n e.stopPropagation();\n setFocusedItem(FOOTER_MENU_CLOSE_DS_ID);\n }}\n role=\"button\"\n aria-label=\"Collapse left navigation\"\n />\n </Grid>\n </>\n )}\n </StyledItem>\n </StyledItemWrapper>\n </StyledFooterMenu>\n );\n};\n\nLeftNavFooterItem.propTypes = {\n footerLabel: PropTypes.any,\n onFooterExpand: PropTypes.func,\n onFooterClose: PropTypes.func,\n};\n\nexport default LeftNavFooterItem;\n"],"names":["LeftNavFooterItem","props","footerLabel","onFooterExpand","onFooterClose","useContext","LeftNavigationContext","leftNavProps","labelOverflow","openedItem","expandedForAnimation","setSelectedItem","focusedItem","setFocusedItem","focusedByKey","visibleItemsRefs","id","FOOTER_DS_ID","handleOnClick","onKeyDown","useKeyboardNavigation","item","dsId","itemOpts","selectable","openable","closable","onClick","React","StyledFooterMenu","StyledItemWrapper","StyledItem","current","MenuExpand","StyledLabel","SimpleTruncatedTooltipText","StyledSeparator","Grid","StyledMenuCollapse","e","stopPropagation","includes","code","FOOTER_MENU_CLOSE_DS_ID","propTypes","PropTypes","any","func"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var styled = require('styled-components');
|
|
6
|
-
var
|
|
6
|
+
var Grid = require('@elliemae/ds-grid');
|
|
7
7
|
var dsIcons = require('@elliemae/ds-icons');
|
|
8
8
|
var common_getFocusedByKeyboardStyle = require('../../common/getFocusedByKeyboardStyle.js');
|
|
9
9
|
var common_getItemBackgroundStyle = require('../../common/getItemBackgroundStyle.js');
|
|
@@ -13,31 +13,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
|
|
14
14
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
15
15
|
|
|
16
|
-
var StyledFooterMenu = /*#__PURE__*/styled__default['default'](
|
|
16
|
+
var StyledFooterMenu = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
|
|
17
17
|
componentId: "sc-1mcbjxr-0"
|
|
18
18
|
})(["width:100%;margin-top:auto;background:", ";", " border-top:1px solid ", ";"], function (props) {
|
|
19
19
|
return props.theme.colors.neutral['000'];
|
|
20
20
|
}, common_getLeftBorderStyle.getLeftBorderStyle, function (props) {
|
|
21
21
|
return props.theme.colors.neutral[100];
|
|
22
22
|
});
|
|
23
|
-
var StyledItemWrapper = /*#__PURE__*/styled__default['default'](
|
|
23
|
+
var StyledItemWrapper = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
|
|
24
24
|
componentId: "sc-1mcbjxr-1"
|
|
25
25
|
})(["position:relative;padding-left:", ";"], function (props) {
|
|
26
26
|
return props.theme.space.xxxs;
|
|
27
27
|
});
|
|
28
|
-
var StyledItem = /*#__PURE__*/styled__default['default'](
|
|
28
|
+
var StyledItem = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
|
|
29
29
|
componentId: "sc-1mcbjxr-2"
|
|
30
30
|
})(["min-height:48px;cursor:", ";", " outline:none;", ""], function (props) {
|
|
31
31
|
return props.expanded ? 'auto' : 'pointer';
|
|
32
32
|
}, common_getItemBackgroundStyle.getItemBackgroundStyle, common_getFocusedByKeyboardStyle.getFocusedByKeyboardBorderStyle);
|
|
33
|
-
var StyledLabel = /*#__PURE__*/styled__default['default'](
|
|
33
|
+
var StyledLabel = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
|
|
34
34
|
componentId: "sc-1mcbjxr-3"
|
|
35
35
|
})(["font-size:11px;color:", ";line-height:14px;word-break:", ";"], function (props) {
|
|
36
36
|
return props.theme.colors.neutral[500];
|
|
37
37
|
}, function (props) {
|
|
38
38
|
return props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal';
|
|
39
39
|
});
|
|
40
|
-
var StyledSeparator = /*#__PURE__*/styled__default['default'](
|
|
40
|
+
var StyledSeparator = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
|
|
41
41
|
componentId: "sc-1mcbjxr-4"
|
|
42
42
|
})(["height:16px;width:1px;background-color:", ";"], function (props) {
|
|
43
43
|
return props.theme.colors.neutral[100];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/parts/LeftNavFooterItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/parts/LeftNavFooterItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MenuCollapse } from '@elliemae/ds-icons';\nimport { getFocusedByKeyboardBorderStyle, getLeftBorderStyle, getItemBackgroundStyle } from '../../common';\n\nexport const StyledFooterMenu = styled(Grid)`\n width: 100%;\n margin-top: auto;\n background: ${(props) => props.theme.colors.neutral['000']};\n\n ${getLeftBorderStyle}\n\n border-top: 1px solid ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledItemWrapper = styled(Grid)`\n position: relative;\n padding-left: ${(props) => props.theme.space.xxxs};\n`;\n\nexport const StyledItem = styled(Grid)`\n min-height: 48px;\n cursor: ${(props) => (props.expanded ? 'auto' : 'pointer')};\n\n ${getItemBackgroundStyle}\n\n outline: none;\n\n ${getFocusedByKeyboardBorderStyle}\n`;\n\nexport const StyledLabel = styled(Grid)`\n font-size: 11px;\n color: ${(props) => props.theme.colors.neutral[500]};\n line-height: 14px;\n word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledSeparator = styled(Grid)`\n height: 16px;\n width: 1px;\n background-color: ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledMenuCollapse = styled(MenuCollapse)`\n cursor: pointer;\n :focus {\n outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n }\n`;\n"],"names":["StyledFooterMenu","styled","Grid","props","theme","colors","neutral","getLeftBorderStyle","StyledItemWrapper","space","xxxs","StyledItem","expanded","getItemBackgroundStyle","getFocusedByKeyboardBorderStyle","StyledLabel","labelOverflow","StyledSeparator","StyledMenuCollapse","MenuCollapse","brand"],"mappings":";;;;;;;;;;;;;;;IAKaA,gBAAgB,gBAAGC,0BAAM,CAACC,SAAD,CAAT;AAAA;AAAA,mFAGb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHa,EAKzBC,4CALyB,EAOH,UAACJ,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAPG;IAUhBE,iBAAiB,gBAAGP,0BAAM,CAACC,SAAD,CAAT;AAAA;AAAA,6CAEZ,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,IAA7B;AAAA,CAFY;IAKjBC,UAAU,gBAAGV,0BAAM,CAACC,SAAD,CAAT;AAAA;AAAA,2DAEX,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACS,QAAN,GAAiB,MAAjB,GAA0B,SAAtC;AAAA,CAFW,EAInBC,oDAJmB,EAQnBC,gEARmB;IAWVC,WAAW,gBAAGd,0BAAM,CAACC,SAAD,CAAT;AAAA;AAAA,oEAEb,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAIR,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACa,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QAA9D;AAAA,CAJQ;IAOXC,eAAe,gBAAGhB,0BAAM,CAACC,SAAD,CAAT;AAAA;AAAA,qDAGN,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHM;IAMfY,kBAAkB,gBAAGjB,0BAAM,CAACkB,oBAAD,CAAT;AAAA;AAAA,uDAGN,UAAChB,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBe,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHM;;;;;;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var DSCircularProgressIndicator = require('@elliemae/ds-
|
|
6
|
+
var DSCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
|
|
7
7
|
var Grid = require('@elliemae/ds-grid');
|
|
8
8
|
var styled = require('styled-components');
|
|
9
9
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavLoading/index.tsx"],"sourcesContent":["import React from 'react';\nimport DSCircularProgressIndicator from '@elliemae/ds-
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavLoading/index.tsx"],"sourcesContent":["import React from 'react';\nimport DSCircularProgressIndicator from '@elliemae/ds-circular-progress-indicator';\nimport Grid from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nconst StyledLoaderWrapper = styled(Grid)`\n grid-area: left-nav-body;\n height: 100%;\n place-items: center;\n z-index: 0;\n background-color: white;\n`;\n\nexport const LeftNavLoading: React.ComponentType<{ expanded: boolean }> = ({ expanded }) => (\n <StyledLoaderWrapper>\n <DSCircularProgressIndicator\n size={expanded ? 'xl' : 'm'}\n loading\n showLabel={expanded}\n waiting={false}\n showTooltip={!expanded}\n />\n </StyledLoaderWrapper>\n);\n"],"names":["StyledLoaderWrapper","styled","Grid","LeftNavLoading","expanded","React","DSCircularProgressIndicator"],"mappings":";;;;;;;;;;;;;;;;AAKA,IAAMA,mBAAmB,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;AAAA;AAAA,gGAAzB;IAQaC,cAA0D,GAAG,SAA7DA,cAA6D;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBACxEC,wCAAC,mBAAD,qBACEA,wCAACC,+CAAD;AACE,IAAA,IAAI,EAAEF,QAAQ,GAAG,IAAH,GAAU,GAD1B;AAEE,IAAA,OAAO,MAFT;AAGE,IAAA,SAAS,EAAEA,QAHb;AAIE,IAAA,OAAO,EAAE,KAJX;AAKE,IAAA,WAAW,EAAE,CAACA;AALhB,IADF,CADwE;AAAA;;;;"}
|
|
@@ -10,16 +10,9 @@ require('../exported-related/constants.js');
|
|
|
10
10
|
require('@elliemae/ds-grid');
|
|
11
11
|
require('styled-components');
|
|
12
12
|
require('@babel/runtime/helpers/extends');
|
|
13
|
-
require('@elliemae/ds-icons
|
|
14
|
-
require('@elliemae/ds-icons/Notifications');
|
|
15
|
-
require('@elliemae/ds-icons/ExceptionsSmallFill');
|
|
16
|
-
require('@elliemae/ds-icons/AlertsSmallFill');
|
|
17
|
-
require('@elliemae/ds-icons/MessagesSmallFill');
|
|
18
|
-
require('@elliemae/ds-icons/OpenWindow');
|
|
13
|
+
require('@elliemae/ds-icons');
|
|
19
14
|
require('../outOfTheBox/ItemControlledDrilldown/index.js');
|
|
20
15
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
21
|
-
require('@elliemae/ds-icons/ArrowheadRight');
|
|
22
|
-
require('@elliemae/ds-icons/ArrowheadDown');
|
|
23
16
|
require('../exported-related/ItemRenderer/index.js');
|
|
24
17
|
require('../exported-related/ItemRenderer/styled.js');
|
|
25
18
|
require('../exported-related/ItemRenderer/usePropsWithDefaults.js');
|
|
@@ -35,7 +28,6 @@ require('../outOfTheBox/ItemTextLabel/index.js');
|
|
|
35
28
|
require('../outOfTheBox/ItemTextLabel/styled.js');
|
|
36
29
|
require('../outOfTheBox/ItemHeader/index.js');
|
|
37
30
|
require('../outOfTheBox/ItemHeader/styled.js');
|
|
38
|
-
require('@elliemae/ds-icons/ChevronSmallLeft');
|
|
39
31
|
require('../outOfTheBox/ItemLink/index.js');
|
|
40
32
|
require('../outOfTheBox/ItemLink/styled.js');
|
|
41
33
|
require('../outOfTheBox/ItemSection/index.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OutOfTheBoxMapItem.js","sources":["../../../src/parts/OutOfTheBoxMapItem.tsx"],"sourcesContent":["import React from 'react';\nimport { outOfTheBoxComponents } from '../outOfTheBox';\nimport { OutOfTheBoxMapItemT } from '../index.d';\nimport { LeftNavContext } from '../LeftNavigationContext';\n\nexport const OutOfTheBoxMapItem = (props: OutOfTheBoxMapItemT): JSX.Element => {\n const {\n item,\n item: { type, Component },\n } = props;\n const ctx = React.useContext(LeftNavContext);\n\n if (typeof type === 'string' && !!outOfTheBoxComponents[type]) {\n const OutOfTheBoxComponent = outOfTheBoxComponents[type];\n return <OutOfTheBoxComponent item={{ itemOpts: {}, ...item }} ctx={ctx} />;\n }\n // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n return <Component item={item} ctx={ctx} />;\n};\n"],"names":["OutOfTheBoxMapItem","props","item","type","Component","ctx","React","useContext","LeftNavContext","outOfTheBoxComponents","OutOfTheBoxComponent","itemOpts"],"mappings":"
|
|
1
|
+
{"version":3,"file":"OutOfTheBoxMapItem.js","sources":["../../../src/parts/OutOfTheBoxMapItem.tsx"],"sourcesContent":["import React from 'react';\nimport { outOfTheBoxComponents } from '../outOfTheBox';\nimport { OutOfTheBoxMapItemT } from '../index.d';\nimport { LeftNavContext } from '../LeftNavigationContext';\n\nexport const OutOfTheBoxMapItem = (props: OutOfTheBoxMapItemT): JSX.Element => {\n const {\n item,\n item: { type, Component },\n } = props;\n const ctx = React.useContext(LeftNavContext);\n\n if (typeof type === 'string' && !!outOfTheBoxComponents[type]) {\n const OutOfTheBoxComponent = outOfTheBoxComponents[type];\n return <OutOfTheBoxComponent item={{ itemOpts: {}, ...item }} ctx={ctx} />;\n }\n // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n return <Component item={item} ctx={ctx} />;\n};\n"],"names":["OutOfTheBoxMapItem","props","item","type","Component","ctx","React","useContext","LeftNavContext","outOfTheBoxComponents","OutOfTheBoxComponent","itemOpts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAA6C;AAC7E,MACEC,IADF,GAGID,KAHJ,CACEC,IADF;AAAA,oBAGID,KAHJ,CAEEC,IAFF;AAAA,MAEUC,IAFV,eAEUA,IAFV;AAAA,MAEgBC,SAFhB,eAEgBA,SAFhB;AAIA,MAAMC,GAAG,GAAGC,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAZ;;AAEA,MAAI,OAAOL,IAAP,KAAgB,QAAhB,IAA4B,CAAC,CAACM,uCAAqB,CAACN,IAAD,CAAvD,EAA+D;AAC7D,QAAMO,oBAAoB,GAAGD,uCAAqB,CAACN,IAAD,CAAlD;AACA,wBAAOG,wCAAC,oBAAD;AAAsB,MAAA,IAAI;AAAIK,QAAAA,QAAQ,EAAE;AAAd,SAAqBT,IAArB,CAA1B;AAAuD,MAAA,GAAG,EAAEG;AAA5D,MAAP;AACD,GAV4E;;;AAY7E,sBAAOC,wCAAC,SAAD;AAAW,IAAA,IAAI,EAAEJ,IAAjB;AAAuB,IAAA,GAAG,EAAEG;AAA5B,IAAP;AACD;;;;"}
|
package/cjs/prop-types.js
CHANGED
|
@@ -10,16 +10,9 @@ require('react');
|
|
|
10
10
|
require('@elliemae/ds-grid');
|
|
11
11
|
require('styled-components');
|
|
12
12
|
require('@babel/runtime/helpers/extends');
|
|
13
|
-
require('@elliemae/ds-icons
|
|
14
|
-
require('@elliemae/ds-icons/Notifications');
|
|
15
|
-
require('@elliemae/ds-icons/ExceptionsSmallFill');
|
|
16
|
-
require('@elliemae/ds-icons/AlertsSmallFill');
|
|
17
|
-
require('@elliemae/ds-icons/MessagesSmallFill');
|
|
18
|
-
require('@elliemae/ds-icons/OpenWindow');
|
|
13
|
+
require('@elliemae/ds-icons');
|
|
19
14
|
require('./outOfTheBox/ItemControlledDrilldown/index.js');
|
|
20
15
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
21
|
-
require('@elliemae/ds-icons/ArrowheadRight');
|
|
22
|
-
require('@elliemae/ds-icons/ArrowheadDown');
|
|
23
16
|
require('./exported-related/ItemRenderer/index.js');
|
|
24
17
|
require('./exported-related/ItemRenderer/styled.js');
|
|
25
18
|
require('./LeftNavigationContext.js');
|
|
@@ -36,7 +29,6 @@ require('./outOfTheBox/ItemTextLabel/index.js');
|
|
|
36
29
|
require('./outOfTheBox/ItemTextLabel/styled.js');
|
|
37
30
|
require('./outOfTheBox/ItemHeader/index.js');
|
|
38
31
|
require('./outOfTheBox/ItemHeader/styled.js');
|
|
39
|
-
require('@elliemae/ds-icons/ChevronSmallLeft');
|
|
40
32
|
require('./outOfTheBox/ItemLink/index.js');
|
|
41
33
|
require('./outOfTheBox/ItemLink/styled.js');
|
|
42
34
|
require('./outOfTheBox/ItemSection/index.js');
|
package/cjs/prop-types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes, describe } from 'react-desc';\nimport { outOfTheBoxTypes } from './outOfTheBox';\n\nexport const leftNavItemProps = {\n type: PropTypes.oneOf(outOfTheBoxTypes).description('out of the box types'),\n dsId: PropTypes.string.description('unique identifier for the left nav item'),\n Component: PropTypes.func.description(\n \"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\",\n ),\n CollapsedComponent: PropTypes.func.description(\n 'A component which is renderer when the left-nav is collapsed',\n ),\n itemOpts: PropTypes.object.description('Item options'),\n};\n\nexport const leftNavigationProps = {\n containerProps: PropTypes.shape({ expandedWidth: PropTypes.string })\n .description('Set of Properties attached to the main container')\n .defaultValue({ expandedWidth: '240px' }),\n expanded: PropTypes.bool\n .description('Whether to show the left navigation expanded or collapsed')\n .defaultValue(false),\n loading: PropTypes.bool\n .description('Whether the left-nav is loading')\n .defaultValue(false),\n tabIndex: PropTypes.number.description('Tab index').defaultValue(0),\n openedItem: PropTypes.string\n .description('The id of the left navigation item you want to be opened')\n .defaultValue(null),\n footerLabel: PropTypes.string.description(\n 'The label to show in the footer item',\n ),\n onFooterExpand: PropTypes.func.description(\n 'The function to call when the left-nav is opened via the footer',\n ),\n onFooterClose: PropTypes.func.description(\n 'The function to call when the left-nav is closed via the footer',\n ),\n onSelectedChange: PropTypes.func\n .description('A callback which triggers when the selected item changes')\n .defaultValue(() => null),\n onFocusChange: PropTypes.func\n .description('A callback which triggers when the focused item changes')\n .defaultValue(() => null),\n items: PropTypes.arrayOf(PropTypes.object)\n .description('The array of items you want to render inside the left nav')\n .defaultValue([]),\n};\n\nconst LeftNavItemProps = () => null;\nexport const LeftNavItemPropsSchema = describe(LeftNavItemProps);\nLeftNavItemPropsSchema.propTypes = leftNavItemProps;\n\nconst LeftNavItemOptions = () => null;\nexport const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);\nLeftNavItemOptionsSchema.propTypes = leftNavItemProps;\n"],"names":["leftNavItemProps","type","PropTypes","oneOf","outOfTheBoxTypes","description","dsId","string","Component","func","CollapsedComponent","itemOpts","object","leftNavigationProps","containerProps","shape","expandedWidth","defaultValue","expanded","bool","loading","tabIndex","number","openedItem","footerLabel","onFooterExpand","onFooterClose","onSelectedChange","onFocusChange","items","arrayOf","LeftNavItemProps","LeftNavItemPropsSchema","describe","propTypes","LeftNavItemOptions","LeftNavItemOptionsSchema"],"mappings":"
|
|
1
|
+
{"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes, describe } from 'react-desc';\nimport { outOfTheBoxTypes } from './outOfTheBox';\n\nexport const leftNavItemProps = {\n type: PropTypes.oneOf(outOfTheBoxTypes).description('out of the box types'),\n dsId: PropTypes.string.description('unique identifier for the left nav item'),\n Component: PropTypes.func.description(\n \"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\",\n ),\n CollapsedComponent: PropTypes.func.description(\n 'A component which is renderer when the left-nav is collapsed',\n ),\n itemOpts: PropTypes.object.description('Item options'),\n};\n\nexport const leftNavigationProps = {\n containerProps: PropTypes.shape({ expandedWidth: PropTypes.string })\n .description('Set of Properties attached to the main container')\n .defaultValue({ expandedWidth: '240px' }),\n expanded: PropTypes.bool\n .description('Whether to show the left navigation expanded or collapsed')\n .defaultValue(false),\n loading: PropTypes.bool\n .description('Whether the left-nav is loading')\n .defaultValue(false),\n tabIndex: PropTypes.number.description('Tab index').defaultValue(0),\n openedItem: PropTypes.string\n .description('The id of the left navigation item you want to be opened')\n .defaultValue(null),\n footerLabel: PropTypes.string.description(\n 'The label to show in the footer item',\n ),\n onFooterExpand: PropTypes.func.description(\n 'The function to call when the left-nav is opened via the footer',\n ),\n onFooterClose: PropTypes.func.description(\n 'The function to call when the left-nav is closed via the footer',\n ),\n onSelectedChange: PropTypes.func\n .description('A callback which triggers when the selected item changes')\n .defaultValue(() => null),\n onFocusChange: PropTypes.func\n .description('A callback which triggers when the focused item changes')\n .defaultValue(() => null),\n items: PropTypes.arrayOf(PropTypes.object)\n .description('The array of items you want to render inside the left nav')\n .defaultValue([]),\n};\n\nconst LeftNavItemProps = () => null;\nexport const LeftNavItemPropsSchema = describe(LeftNavItemProps);\nLeftNavItemPropsSchema.propTypes = leftNavItemProps;\n\nconst LeftNavItemOptions = () => null;\nexport const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);\nLeftNavItemOptionsSchema.propTypes = leftNavItemProps;\n"],"names":["leftNavItemProps","type","PropTypes","oneOf","outOfTheBoxTypes","description","dsId","string","Component","func","CollapsedComponent","itemOpts","object","leftNavigationProps","containerProps","shape","expandedWidth","defaultValue","expanded","bool","loading","tabIndex","number","openedItem","footerLabel","onFooterExpand","onFooterClose","onSelectedChange","onFocusChange","items","arrayOf","LeftNavItemProps","LeftNavItemPropsSchema","describe","propTypes","LeftNavItemOptions","LeftNavItemOptionsSchema"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,gBAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAEC,mBAAS,CAACC,KAAV,CAAgBC,kCAAhB,EAAkCC,WAAlC,CAA8C,sBAA9C,CADwB;AAE9BC,EAAAA,IAAI,EAAEJ,mBAAS,CAACK,MAAV,CAAiBF,WAAjB,CAA6B,yCAA7B,CAFwB;AAG9BG,EAAAA,SAAS,EAAEN,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CACT,iIADS,CAHmB;AAM9BK,EAAAA,kBAAkB,EAAER,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CAClB,8DADkB,CANU;AAS9BM,EAAAA,QAAQ,EAAET,mBAAS,CAACU,MAAV,CAAiBP,WAAjB,CAA6B,cAA7B;AAToB;IAYnBQ,mBAAmB,GAAG;AACjCC,EAAAA,cAAc,EAAEZ,mBAAS,CAACa,KAAV,CAAgB;AAAEC,IAAAA,aAAa,EAAEd,mBAAS,CAACK;AAA3B,GAAhB,EACbF,WADa,CACD,kDADC,EAEbY,YAFa,CAEA;AAAED,IAAAA,aAAa,EAAE;AAAjB,GAFA,CADiB;AAIjCE,EAAAA,QAAQ,EAAEhB,mBAAS,CAACiB,IAAV,CACPd,WADO,CACK,2DADL,EAEPY,YAFO,CAEM,KAFN,CAJuB;AAOjCG,EAAAA,OAAO,EAAElB,mBAAS,CAACiB,IAAV,CACNd,WADM,CACM,iCADN,EAENY,YAFM,CAEO,KAFP,CAPwB;AAUjCI,EAAAA,QAAQ,EAAEnB,mBAAS,CAACoB,MAAV,CAAiBjB,WAAjB,CAA6B,WAA7B,EAA0CY,YAA1C,CAAuD,CAAvD,CAVuB;AAWjCM,EAAAA,UAAU,EAAErB,mBAAS,CAACK,MAAV,CACTF,WADS,CACG,0DADH,EAETY,YAFS,CAEI,IAFJ,CAXqB;AAcjCO,EAAAA,WAAW,EAAEtB,mBAAS,CAACK,MAAV,CAAiBF,WAAjB,CACX,sCADW,CAdoB;AAiBjCoB,EAAAA,cAAc,EAAEvB,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CACd,iEADc,CAjBiB;AAoBjCqB,EAAAA,aAAa,EAAExB,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CACb,iEADa,CApBkB;AAuBjCsB,EAAAA,gBAAgB,EAAEzB,mBAAS,CAACO,IAAV,CACfJ,WADe,CACH,0DADG,EAEfY,YAFe,CAEF;AAAA,WAAM,IAAN;AAAA,GAFE,CAvBe;AA0BjCW,EAAAA,aAAa,EAAE1B,mBAAS,CAACO,IAAV,CACZJ,WADY,CACA,yDADA,EAEZY,YAFY,CAEC;AAAA,WAAM,IAAN;AAAA,GAFD,CA1BkB;AA6BjCY,EAAAA,KAAK,EAAE3B,mBAAS,CAAC4B,OAAV,CAAkB5B,mBAAS,CAACU,MAA5B,EACJP,WADI,CACQ,2DADR,EAEJY,YAFI,CAES,EAFT;AA7B0B;;AAkCnC,IAAMc,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAM,IAAN;AAAA,CAAzB;;IACaC,sBAAsB,GAAGC,kBAAQ,CAACF,gBAAD;AAC9CC,sBAAsB,CAACE,SAAvB,GAAmClC,gBAAnC;;AAEA,IAAMmC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAM,IAAN;AAAA,CAA3B;;IACaC,wBAAwB,GAAGH,kBAAQ,CAACE,kBAAD;AAChDC,wBAAwB,CAACF,SAAzB,GAAqClC,gBAArC;;;;;;;"}
|
package/esm/LeftNavigation.js
CHANGED
|
@@ -10,16 +10,9 @@ import './exported-related/constants.js';
|
|
|
10
10
|
import '@elliemae/ds-grid';
|
|
11
11
|
import 'styled-components';
|
|
12
12
|
import '@babel/runtime/helpers/esm/extends';
|
|
13
|
-
import '@elliemae/ds-icons
|
|
14
|
-
import '@elliemae/ds-icons/Notifications';
|
|
15
|
-
import '@elliemae/ds-icons/ExceptionsSmallFill';
|
|
16
|
-
import '@elliemae/ds-icons/AlertsSmallFill';
|
|
17
|
-
import '@elliemae/ds-icons/MessagesSmallFill';
|
|
18
|
-
import '@elliemae/ds-icons/OpenWindow';
|
|
13
|
+
import '@elliemae/ds-icons';
|
|
19
14
|
import './outOfTheBox/ItemControlledDrilldown/index.js';
|
|
20
15
|
import '@elliemae/ds-truncated-tooltip-text';
|
|
21
|
-
import '@elliemae/ds-icons/ArrowheadRight';
|
|
22
|
-
import '@elliemae/ds-icons/ArrowheadDown';
|
|
23
16
|
import './exported-related/ItemRenderer/index.js';
|
|
24
17
|
import './exported-related/ItemRenderer/styled.js';
|
|
25
18
|
import './exported-related/ItemRenderer/usePropsWithDefaults.js';
|
|
@@ -35,7 +28,6 @@ import './outOfTheBox/ItemTextLabel/index.js';
|
|
|
35
28
|
import './outOfTheBox/ItemTextLabel/styled.js';
|
|
36
29
|
import './outOfTheBox/ItemHeader/index.js';
|
|
37
30
|
import './outOfTheBox/ItemHeader/styled.js';
|
|
38
|
-
import '@elliemae/ds-icons/ChevronSmallLeft';
|
|
39
31
|
import './outOfTheBox/ItemLink/index.js';
|
|
40
32
|
import './outOfTheBox/ItemLink/styled.js';
|
|
41
33
|
import './outOfTheBox/ItemSection/index.js';
|
|
@@ -48,19 +40,17 @@ import './configs/useLeftNavItems.js';
|
|
|
48
40
|
import './configs/useLeftNavSmoothExpand.js';
|
|
49
41
|
import './hooks/useSelectFirstBodyItem.js';
|
|
50
42
|
import './parts/LeftNavFooterItem/index.js';
|
|
51
|
-
import '@elliemae/ds-icons/MenuExpand';
|
|
52
43
|
import './parts/LeftNavFooterItem/styled.js';
|
|
53
|
-
import '@elliemae/ds-basic';
|
|
54
|
-
import '@elliemae/ds-icons';
|
|
55
44
|
import './common/getFocusedByKeyboardStyle.js';
|
|
56
45
|
import './common/getItemBackgroundStyle.js';
|
|
57
46
|
import './common/getLeftBorderStyle.js';
|
|
58
47
|
import './parts/LeftNavContentWithScrollbar/index.js';
|
|
48
|
+
import 'overlayscrollbars/css/OverlayScrollbars.css';
|
|
59
49
|
import 'overlayscrollbars';
|
|
60
50
|
import './parts/OutOfTheBoxMapItem.js';
|
|
61
51
|
import './parts/LeftNavContent/styled.js';
|
|
62
52
|
import './parts/LeftNavLoading/index.js';
|
|
63
|
-
import '@elliemae/ds-
|
|
53
|
+
import '@elliemae/ds-circular-progress-indicator';
|
|
64
54
|
|
|
65
55
|
var LeftNavigation = function LeftNavigation(props) {
|
|
66
56
|
var leftNavConfig = useLeftNavConfig(props);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LeftNavigation.js","sources":["../../src/LeftNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { leftNavigationProps } from './prop-types';\nimport LeftNavigationContext, { defaultProps } from './LeftNavigationContext';\nimport { useLeftNavConfig } from './configs/useLeftNavConfig';\nimport LeftNavContent from './parts/LeftNavContent';\nimport type { LeftNavProps } from './index.d';\n\nexport const LeftNavigation = (props: LeftNavProps): JSX.Element => {\n const leftNavConfig = useLeftNavConfig(props);\n\n return (\n <LeftNavigationContext.Provider value={leftNavConfig}>\n <LeftNavContent />\n </LeftNavigationContext.Provider>\n );\n};\n\nLeftNavigation.propTypes = leftNavigationProps;\nLeftNavigation.defaultProps = defaultProps;\n\nexport const LeftNavigationWithSchema = describe(LeftNavigation).description(\n 'Left Navigation',\n);\nLeftNavigationWithSchema.propTypes = leftNavigationProps;\n"],"names":["LeftNavigation","props","leftNavConfig","useLeftNavConfig","LeftNavigationContext","propTypes","leftNavigationProps","defaultProps","LeftNavigationWithSchema","describe","description"],"mappings":"
|
|
1
|
+
{"version":3,"file":"LeftNavigation.js","sources":["../../src/LeftNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { leftNavigationProps } from './prop-types';\nimport LeftNavigationContext, { defaultProps } from './LeftNavigationContext';\nimport { useLeftNavConfig } from './configs/useLeftNavConfig';\nimport LeftNavContent from './parts/LeftNavContent';\nimport type { LeftNavProps } from './index.d';\n\nexport const LeftNavigation = (props: LeftNavProps): JSX.Element => {\n const leftNavConfig = useLeftNavConfig(props);\n\n return (\n <LeftNavigationContext.Provider value={leftNavConfig}>\n <LeftNavContent />\n </LeftNavigationContext.Provider>\n );\n};\n\nLeftNavigation.propTypes = leftNavigationProps;\nLeftNavigation.defaultProps = defaultProps;\n\nexport const LeftNavigationWithSchema = describe(LeftNavigation).description(\n 'Left Navigation',\n);\nLeftNavigationWithSchema.propTypes = leftNavigationProps;\n"],"names":["LeftNavigation","props","leftNavConfig","useLeftNavConfig","LeftNavigationContext","propTypes","leftNavigationProps","defaultProps","LeftNavigationWithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAsC;AAClE,MAAMC,aAAa,GAAGC,gBAAgB,CAACF,KAAD,CAAtC;AAEA,sBACE,oBAACG,cAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAEF;AAAvC,kBACE,oBAAC,cAAD,OADF,CADF;AAKD;AAEDF,cAAc,CAACK,SAAf,GAA2BC,mBAA3B;AACAN,cAAc,CAACO,YAAf,GAA8BA,YAA9B;IAEaC,wBAAwB,GAAGC,QAAQ,CAACT,cAAD,CAAR,CAAyBU,WAAzB,CACtC,iBADsC;AAGxCF,wBAAwB,CAACH,SAAzB,GAAqCC,mBAArC;;;;"}
|
package/esm/configs/index.js
CHANGED
|
@@ -10,12 +10,7 @@ import '@elliemae/ds-grid';
|
|
|
10
10
|
import 'styled-components';
|
|
11
11
|
import '@babel/runtime/helpers/esm/defineProperty';
|
|
12
12
|
import '@babel/runtime/helpers/esm/extends';
|
|
13
|
-
import '@elliemae/ds-icons
|
|
14
|
-
import '@elliemae/ds-icons/Notifications';
|
|
15
|
-
import '@elliemae/ds-icons/ExceptionsSmallFill';
|
|
16
|
-
import '@elliemae/ds-icons/AlertsSmallFill';
|
|
17
|
-
import '@elliemae/ds-icons/MessagesSmallFill';
|
|
18
|
-
import '@elliemae/ds-icons/OpenWindow';
|
|
13
|
+
import '@elliemae/ds-icons';
|
|
19
14
|
import './useLeftNavSmoothExpand.js';
|
|
20
15
|
import '../hooks/useSelectFirstBodyItem.js';
|
|
21
16
|
//# sourceMappingURL=index.js.map
|
package/esm/configs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
|
@@ -3,19 +3,16 @@ import React from 'react';
|
|
|
3
3
|
var useGlobalKeyListeners = function useGlobalKeyListeners(opts) {
|
|
4
4
|
var setFocusedByKey = opts.setFocusedByKey;
|
|
5
5
|
React.useEffect(function () {
|
|
6
|
-
var isKey = function isKey() {
|
|
7
|
-
return setFocusedByKey(true);
|
|
8
|
-
};
|
|
9
6
|
|
|
10
7
|
var isClick = function isClick() {
|
|
11
8
|
return setFocusedByKey(false);
|
|
12
9
|
}; // To track wheter it's keyboard focus to apply the necessary style
|
|
10
|
+
// window.addEventListener('keydown', isKey);
|
|
13
11
|
|
|
14
12
|
|
|
15
|
-
window.addEventListener('keydown', isKey);
|
|
16
13
|
window.addEventListener('mousedown', isClick);
|
|
17
14
|
return function () {
|
|
18
|
-
window.removeEventListener('keydown', isKey);
|
|
15
|
+
// window.removeEventListener('keydown', isKey);
|
|
19
16
|
window.removeEventListener('mousedown', isClick);
|
|
20
17
|
};
|
|
21
18
|
}, [setFocusedByKey]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGlobalKeyListeners.js","sources":["../../../src/configs/useGlobalKeyListeners.tsx"],"sourcesContent":["import React from 'react';\n\ninterface optsT {\n setFocusedByKey: React.Dispatch<boolean>;\n}\n\nexport const useGlobalKeyListeners = (opts: optsT) => {\n const { setFocusedByKey } = opts;\n React.useEffect(() => {\n const isKey = () => setFocusedByKey(true);\n const isClick = () => setFocusedByKey(false);\n\n // To track wheter it's keyboard focus to apply the necessary style\n window.addEventListener('keydown', isKey);\n window.addEventListener('mousedown', isClick);\n\n return () => {\n window.removeEventListener('keydown', isKey);\n window.removeEventListener('mousedown', isClick);\n };\n }, [setFocusedByKey]);\n};\n\nexport default useGlobalKeyListeners;\n"],"names":["useGlobalKeyListeners","opts","setFocusedByKey","React","useEffect","
|
|
1
|
+
{"version":3,"file":"useGlobalKeyListeners.js","sources":["../../../src/configs/useGlobalKeyListeners.tsx"],"sourcesContent":["import React from 'react';\n\ninterface optsT {\n setFocusedByKey: React.Dispatch<boolean>;\n}\n\nexport const useGlobalKeyListeners = (opts: optsT) => {\n const { setFocusedByKey } = opts;\n React.useEffect(() => {\n const isKey = () => setFocusedByKey(true);\n const isClick = () => setFocusedByKey(false);\n\n // To track wheter it's keyboard focus to apply the necessary style\n // window.addEventListener('keydown', isKey);\n window.addEventListener('mousedown', isClick);\n\n return () => {\n // window.removeEventListener('keydown', isKey);\n window.removeEventListener('mousedown', isClick);\n };\n }, [setFocusedByKey]);\n};\n\nexport default useGlobalKeyListeners;\n"],"names":["useGlobalKeyListeners","opts","setFocusedByKey","React","useEffect","isClick","window","addEventListener","removeEventListener"],"mappings":";;IAMaA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,IAAD,EAAiB;AACpD,MAAQC,eAAR,GAA4BD,IAA5B,CAAQC,eAAR;AACAC,EAAAA,KAAK,CAACC,SAAN,CAAgB,YAAM;;AAEpB,QAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,aAAMH,eAAe,CAAC,KAAD,CAArB;AAAA,KAAhB,CAFoB;AAKpB;;;AACAI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,WAAxB,EAAqCF,OAArC;AAEA,WAAO,YAAM;AACX;AACAC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,WAA3B,EAAwCH,OAAxC;AACD,KAHD;AAID,GAZD,EAYG,CAACH,eAAD,CAZH;AAaD;;;;"}
|
|
@@ -10,12 +10,7 @@ import '@elliemae/ds-grid';
|
|
|
10
10
|
import 'styled-components';
|
|
11
11
|
import '@babel/runtime/helpers/esm/defineProperty';
|
|
12
12
|
import '@babel/runtime/helpers/esm/extends';
|
|
13
|
-
import '@elliemae/ds-icons
|
|
14
|
-
import '@elliemae/ds-icons/Notifications';
|
|
15
|
-
import '@elliemae/ds-icons/ExceptionsSmallFill';
|
|
16
|
-
import '@elliemae/ds-icons/AlertsSmallFill';
|
|
17
|
-
import '@elliemae/ds-icons/MessagesSmallFill';
|
|
18
|
-
import '@elliemae/ds-icons/OpenWindow';
|
|
13
|
+
import '@elliemae/ds-icons';
|
|
19
14
|
|
|
20
15
|
var useLeftNavConfig = function useLeftNavConfig(props) {
|
|
21
16
|
var expanded = props.expanded,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLeftNavConfig.js","sources":["../../../src/configs/useLeftNavConfig.tsx"],"sourcesContent":["import React from 'react';\nimport type { LeftNavProps } from '../index.d';\nimport { ContextProps } from '../LeftNavigationContext';\nimport { useGlobalKeyListeners } from './useGlobalKeyListeners';\nimport useLeftNavItems from './useLeftNavItems';\nimport { useLeftNavSmoothExpand } from './useLeftNavSmoothExpand';\nimport { useSelectFirstBodyItem } from '../hooks/useSelectFirstBodyItem';\n\nexport const useLeftNavConfig = (props: LeftNavProps): ContextProps => {\n const {\n expanded,\n openedItem,\n onSelectedChange,\n onFocusChange,\n items,\n } = props;\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * INTERNAL STATE *\n // ************************** ------------ **************************\n // Selection related\n const [selectedItem, setSelectedItem] = React.useState(null);\n const [selectedSubitem, setSelectedSubitem] = React.useState(null);\n // Focus related\n const [focusedItem, setFocusedItem] = React.useState(null);\n const [focusedByKey, setFocusedByKey] = React.useState(true);\n // Opened uncontrolled drilldowns\n const [openedDrilldowns, setOpenedDrilldowns] = React.useState<string[]>([]);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * EXPAND ANIMATION *\n // ************************** ------------ **************************\n const [expandedForAnimation, setExpandedForAnimation] = React.useState(\n expanded,\n );\n const timeoutRef = React.useRef<ReturnType<typeof setTimeout>>(null);\n const smoothExpandOpts = React.useMemo(\n () => ({\n expandedForAnimation,\n timeoutRef,\n setExpandedForAnimation,\n }),\n [expandedForAnimation, timeoutRef, setExpandedForAnimation],\n );\n useLeftNavSmoothExpand(props, smoothExpandOpts);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * KEYBOARD *\n // ************************** ------------ **************************\n const globalKeyOpts = React.useMemo(() => ({ setFocusedByKey }), [\n setFocusedByKey,\n ]);\n useGlobalKeyListeners(globalKeyOpts);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * SIDE EFFECTS *\n // ************************** ------------ **************************\n React.useEffect(() => {\n onSelectedChange(selectedItem);\n }, [selectedItem, onSelectedChange]);\n\n React.useEffect(() => {\n onFocusChange(focusedItem);\n }, [focusedItem, setFocusedItem]);\n\n useSelectFirstBodyItem(items, openedItem, setSelectedItem);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * ITEMS MANAGEMENT *\n // ************************** ------------ **************************\n\n const leftNavItemsProps = React.useMemo(\n () => ({\n headerItem: props.HeaderComponent,\n bodyHeaderItem: props.BodyHeaderComponent,\n items: props.items,\n openedDrilldowns,\n }),\n [props.items, openedDrilldowns],\n );\n // We need to know the current visible items since we have drilldowns\n const { visibleItems, visibleItemsRefs } = useLeftNavItems(leftNavItemsProps);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * LEFTNAV CONFIG *\n // ************************** ------------ **************************\n const finalConfig = React.useMemo(\n () => ({\n leftNavProps: props,\n expandedForAnimation,\n selectedItem,\n setSelectedItem,\n selectedSubitem,\n setSelectedSubitem,\n focusedItem,\n setFocusedItem,\n focusedByKey,\n setFocusedByKey,\n openedDrilldowns,\n setOpenedDrilldowns,\n visibleItems,\n visibleItemsRefs,\n }),\n [\n props,\n props.items,\n expandedForAnimation,\n selectedItem,\n setSelectedItem,\n selectedSubitem,\n setSelectedSubitem,\n focusedItem,\n setFocusedItem,\n focusedByKey,\n setFocusedByKey,\n openedDrilldowns,\n setOpenedDrilldowns,\n visibleItems,\n visibleItemsRefs,\n ],\n );\n\n return finalConfig;\n};\n\nexport default useLeftNavConfig;\n"],"names":["useLeftNavConfig","props","expanded","openedItem","onSelectedChange","onFocusChange","items","React","useState","selectedItem","setSelectedItem","selectedSubitem","setSelectedSubitem","focusedItem","setFocusedItem","focusedByKey","setFocusedByKey","openedDrilldowns","setOpenedDrilldowns","expandedForAnimation","setExpandedForAnimation","timeoutRef","useRef","smoothExpandOpts","useMemo","useLeftNavSmoothExpand","globalKeyOpts","useGlobalKeyListeners","useEffect","useSelectFirstBodyItem","leftNavItemsProps","headerItem","HeaderComponent","bodyHeaderItem","BodyHeaderComponent","useLeftNavItems","visibleItems","visibleItemsRefs","finalConfig","leftNavProps"],"mappings":"
|
|
1
|
+
{"version":3,"file":"useLeftNavConfig.js","sources":["../../../src/configs/useLeftNavConfig.tsx"],"sourcesContent":["import React from 'react';\nimport type { LeftNavProps } from '../index.d';\nimport { ContextProps } from '../LeftNavigationContext';\nimport { useGlobalKeyListeners } from './useGlobalKeyListeners';\nimport useLeftNavItems from './useLeftNavItems';\nimport { useLeftNavSmoothExpand } from './useLeftNavSmoothExpand';\nimport { useSelectFirstBodyItem } from '../hooks/useSelectFirstBodyItem';\n\nexport const useLeftNavConfig = (props: LeftNavProps): ContextProps => {\n const {\n expanded,\n openedItem,\n onSelectedChange,\n onFocusChange,\n items,\n } = props;\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * INTERNAL STATE *\n // ************************** ------------ **************************\n // Selection related\n const [selectedItem, setSelectedItem] = React.useState(null);\n const [selectedSubitem, setSelectedSubitem] = React.useState(null);\n // Focus related\n const [focusedItem, setFocusedItem] = React.useState(null);\n const [focusedByKey, setFocusedByKey] = React.useState(true);\n // Opened uncontrolled drilldowns\n const [openedDrilldowns, setOpenedDrilldowns] = React.useState<string[]>([]);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * EXPAND ANIMATION *\n // ************************** ------------ **************************\n const [expandedForAnimation, setExpandedForAnimation] = React.useState(\n expanded,\n );\n const timeoutRef = React.useRef<ReturnType<typeof setTimeout>>(null);\n const smoothExpandOpts = React.useMemo(\n () => ({\n expandedForAnimation,\n timeoutRef,\n setExpandedForAnimation,\n }),\n [expandedForAnimation, timeoutRef, setExpandedForAnimation],\n );\n useLeftNavSmoothExpand(props, smoothExpandOpts);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * KEYBOARD *\n // ************************** ------------ **************************\n const globalKeyOpts = React.useMemo(() => ({ setFocusedByKey }), [\n setFocusedByKey,\n ]);\n useGlobalKeyListeners(globalKeyOpts);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * SIDE EFFECTS *\n // ************************** ------------ **************************\n React.useEffect(() => {\n onSelectedChange(selectedItem);\n }, [selectedItem, onSelectedChange]);\n\n React.useEffect(() => {\n onFocusChange(focusedItem);\n }, [focusedItem, setFocusedItem]);\n\n useSelectFirstBodyItem(items, openedItem, setSelectedItem);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * ITEMS MANAGEMENT *\n // ************************** ------------ **************************\n\n const leftNavItemsProps = React.useMemo(\n () => ({\n headerItem: props.HeaderComponent,\n bodyHeaderItem: props.BodyHeaderComponent,\n items: props.items,\n openedDrilldowns,\n }),\n [props.items, openedDrilldowns],\n );\n // We need to know the current visible items since we have drilldowns\n const { visibleItems, visibleItemsRefs } = useLeftNavItems(leftNavItemsProps);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * LEFTNAV CONFIG *\n // ************************** ------------ **************************\n const finalConfig = React.useMemo(\n () => ({\n leftNavProps: props,\n expandedForAnimation,\n selectedItem,\n setSelectedItem,\n selectedSubitem,\n setSelectedSubitem,\n focusedItem,\n setFocusedItem,\n focusedByKey,\n setFocusedByKey,\n openedDrilldowns,\n setOpenedDrilldowns,\n visibleItems,\n visibleItemsRefs,\n }),\n [\n props,\n props.items,\n expandedForAnimation,\n selectedItem,\n setSelectedItem,\n selectedSubitem,\n setSelectedSubitem,\n focusedItem,\n setFocusedItem,\n focusedByKey,\n setFocusedByKey,\n openedDrilldowns,\n setOpenedDrilldowns,\n visibleItems,\n visibleItemsRefs,\n ],\n );\n\n return finalConfig;\n};\n\nexport default useLeftNavConfig;\n"],"names":["useLeftNavConfig","props","expanded","openedItem","onSelectedChange","onFocusChange","items","React","useState","selectedItem","setSelectedItem","selectedSubitem","setSelectedSubitem","focusedItem","setFocusedItem","focusedByKey","setFocusedByKey","openedDrilldowns","setOpenedDrilldowns","expandedForAnimation","setExpandedForAnimation","timeoutRef","useRef","smoothExpandOpts","useMemo","useLeftNavSmoothExpand","globalKeyOpts","useGlobalKeyListeners","useEffect","useSelectFirstBodyItem","leftNavItemsProps","headerItem","HeaderComponent","bodyHeaderItem","BodyHeaderComponent","useLeftNavItems","visibleItems","visibleItemsRefs","finalConfig","leftNavProps"],"mappings":"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"}
|
|
@@ -5,12 +5,7 @@ import '@elliemae/ds-grid';
|
|
|
5
5
|
import 'styled-components';
|
|
6
6
|
import '@babel/runtime/helpers/esm/defineProperty';
|
|
7
7
|
import '@babel/runtime/helpers/esm/extends';
|
|
8
|
-
import '@elliemae/ds-icons
|
|
9
|
-
import '@elliemae/ds-icons/Notifications';
|
|
10
|
-
import '@elliemae/ds-icons/ExceptionsSmallFill';
|
|
11
|
-
import '@elliemae/ds-icons/AlertsSmallFill';
|
|
12
|
-
import '@elliemae/ds-icons/MessagesSmallFill';
|
|
13
|
-
import '@elliemae/ds-icons/OpenWindow';
|
|
8
|
+
import '@elliemae/ds-icons';
|
|
14
9
|
|
|
15
10
|
var notFocuseableItems = [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, ITEM_TYPES.LEFT_NAV_ITEM_SECTION]; // Walks the array of items
|
|
16
11
|
// Drilldowns are tree-like structures
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLeftNavItems.js","sources":["../../../src/configs/useLeftNavItems.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport { createRef, MutableRefObject, RefObject, useMemo, useRef } from 'react';\nimport { ITEM_TYPES } from '../exported-related';\nimport type { GenericItemItemProps } from '../index.d';\nimport { FOOTER_DS_ID } from '../exported-related/constants';\n\nconst notFocuseableItems = [\n ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR,\n ITEM_TYPES.LEFT_NAV_ITEM_SECTION,\n];\n\n// Walks the array of items\n// Drilldowns are tree-like structures\nconst walkItems = (\n items: GenericItemItemProps[],\n openedDrilldowns: string[],\n callback: (dsId: string) => void,\n) => {\n items.forEach((item) => {\n if (typeof item.type === 'string') {\n // Out of the box item\n if (notFocuseableItems.includes(item.type)) return; // not focuseable\n\n callback(item.dsId);\n\n // If it's an opened uncontrolled drilldown\n if (\n item.type === ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN &&\n openedDrilldowns.includes(item.dsId)\n )\n walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n\n // If it's an opened controlled drilldown\n if (\n item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN &&\n item.itemOpts?.isOpened\n )\n walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n } else {\n // Custom item\n if (!item.itemOpts?.focuseable) return; // not focuseable specified\n callback(item.dsId);\n }\n });\n};\n\nexport const useLeftNavItems = (props: {\n headerItem: GenericItemItemProps;\n bodyHeaderItem: GenericItemItemProps;\n items: GenericItemItemProps[];\n openedDrilldowns: string[];\n}): {\n visibleItems: string[];\n visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;\n} => {\n const {\n headerItem,\n bodyHeaderItem,\n items: bodyItems,\n openedDrilldowns,\n } = props;\n\n // Place the header and body header items into the array of items\n const items = useMemo(() => {\n const itemsArray: GenericItemItemProps[] = [...bodyItems];\n if (bodyHeaderItem) itemsArray.unshift(bodyHeaderItem);\n if (headerItem) itemsArray.unshift(headerItem);\n return itemsArray;\n }, [headerItem, bodyHeaderItem, bodyItems]);\n\n const visibleItemsRefs = useRef<Record<string, RefObject<HTMLElement>>>({});\n\n const visibleItems: string[] = useMemo(() => {\n const visibleItemsArray: string[] = [];\n walkItems(items, openedDrilldowns, (dsId: string) => {\n visibleItemsArray.push(dsId);\n });\n visibleItemsArray.push(FOOTER_DS_ID);\n return visibleItemsArray;\n }, [props]);\n\n visibleItems.forEach((dsId) => {\n if (!(dsId in visibleItemsRefs.current))\n visibleItemsRefs.current[dsId] = createRef();\n });\n\n return { visibleItems, visibleItemsRefs };\n};\n\nexport default useLeftNavItems;\n"],"names":["notFocuseableItems","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","LEFT_NAV_ITEM_SECTION","walkItems","items","openedDrilldowns","callback","forEach","item","type","includes","dsId","LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN","itemOpts","LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN","isOpened","focuseable","useLeftNavItems","props","headerItem","bodyHeaderItem","bodyItems","useMemo","itemsArray","unshift","visibleItemsRefs","useRef","visibleItems","visibleItemsArray","push","FOOTER_DS_ID","current","createRef"],"mappings":"
|
|
1
|
+
{"version":3,"file":"useLeftNavItems.js","sources":["../../../src/configs/useLeftNavItems.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport { createRef, MutableRefObject, RefObject, useMemo, useRef } from 'react';\nimport { ITEM_TYPES } from '../exported-related';\nimport type { GenericItemItemProps } from '../index.d';\nimport { FOOTER_DS_ID } from '../exported-related/constants';\n\nconst notFocuseableItems = [\n ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR,\n ITEM_TYPES.LEFT_NAV_ITEM_SECTION,\n];\n\n// Walks the array of items\n// Drilldowns are tree-like structures\nconst walkItems = (\n items: GenericItemItemProps[],\n openedDrilldowns: string[],\n callback: (dsId: string) => void,\n) => {\n items.forEach((item) => {\n if (typeof item.type === 'string') {\n // Out of the box item\n if (notFocuseableItems.includes(item.type)) return; // not focuseable\n\n callback(item.dsId);\n\n // If it's an opened uncontrolled drilldown\n if (\n item.type === ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN &&\n openedDrilldowns.includes(item.dsId)\n )\n walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n\n // If it's an opened controlled drilldown\n if (\n item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN &&\n item.itemOpts?.isOpened\n )\n walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n } else {\n // Custom item\n if (!item.itemOpts?.focuseable) return; // not focuseable specified\n callback(item.dsId);\n }\n });\n};\n\nexport const useLeftNavItems = (props: {\n headerItem: GenericItemItemProps;\n bodyHeaderItem: GenericItemItemProps;\n items: GenericItemItemProps[];\n openedDrilldowns: string[];\n}): {\n visibleItems: string[];\n visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;\n} => {\n const {\n headerItem,\n bodyHeaderItem,\n items: bodyItems,\n openedDrilldowns,\n } = props;\n\n // Place the header and body header items into the array of items\n const items = useMemo(() => {\n const itemsArray: GenericItemItemProps[] = [...bodyItems];\n if (bodyHeaderItem) itemsArray.unshift(bodyHeaderItem);\n if (headerItem) itemsArray.unshift(headerItem);\n return itemsArray;\n }, [headerItem, bodyHeaderItem, bodyItems]);\n\n const visibleItemsRefs = useRef<Record<string, RefObject<HTMLElement>>>({});\n\n const visibleItems: string[] = useMemo(() => {\n const visibleItemsArray: string[] = [];\n walkItems(items, openedDrilldowns, (dsId: string) => {\n visibleItemsArray.push(dsId);\n });\n visibleItemsArray.push(FOOTER_DS_ID);\n return visibleItemsArray;\n }, [props]);\n\n visibleItems.forEach((dsId) => {\n if (!(dsId in visibleItemsRefs.current))\n visibleItemsRefs.current[dsId] = createRef();\n });\n\n return { visibleItems, visibleItemsRefs };\n};\n\nexport default useLeftNavItems;\n"],"names":["notFocuseableItems","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","LEFT_NAV_ITEM_SECTION","walkItems","items","openedDrilldowns","callback","forEach","item","type","includes","dsId","LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN","itemOpts","LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN","isOpened","focuseable","useLeftNavItems","props","headerItem","bodyHeaderItem","bodyItems","useMemo","itemsArray","unshift","visibleItemsRefs","useRef","visibleItems","visibleItemsArray","push","FOOTER_DS_ID","current","createRef"],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import _extends from '@babel/runtime/helpers/esm/extends';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import
|
|
3
|
+
import { ChevronSmallRight } from '@elliemae/ds-icons';
|
|
4
4
|
|
|
5
5
|
var ChevronItem = function ChevronItem(props) {
|
|
6
|
-
return /*#__PURE__*/React.createElement(
|
|
6
|
+
return /*#__PURE__*/React.createElement(ChevronSmallRight, _extends({
|
|
7
7
|
size: "m",
|
|
8
8
|
color: ['brand-primary', 800]
|
|
9
9
|
}, props));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/exported-related/ChevronItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/exported-related/ChevronItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\n\nexport const ChevronItem = (props: unknown): JSX.Element => (\n <ChevronSmallRight size=\"m\" color={['brand-primary', 800]} {...props} />\n);\n\nexport default ChevronItem;\n"],"names":["ChevronItem","props"],"mappings":";;;;IAGaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,sBACzB,oBAAC,iBAAD;AAAmB,IAAA,IAAI,EAAC,GAAxB;AAA4B,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAnC,KAA+DA,KAA/D,EADyB;AAAA;;;;"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
3
|
-
import ExceptionsSmallFill from '@elliemae/ds-icons/ExceptionsSmallFill';
|
|
4
|
-
import AlertsSmallFill from '@elliemae/ds-icons/AlertsSmallFill';
|
|
5
|
-
import MessagesSmallFill from '@elliemae/ds-icons/MessagesSmallFill';
|
|
2
|
+
import { Notifications as Notifications$1, ExceptionsSmallFill, AlertsSmallFill, MessagesSmallFill } from '@elliemae/ds-icons';
|
|
6
3
|
import styled from 'styled-components';
|
|
7
4
|
import Grid from '@elliemae/ds-grid';
|
|
8
5
|
|
|
@@ -16,7 +13,7 @@ var Notifications = function Notifications(_ref) {
|
|
|
16
13
|
alerts = _ref$alerts === void 0 ? false : _ref$alerts,
|
|
17
14
|
_ref$messages = _ref.messages,
|
|
18
15
|
messages = _ref$messages === void 0 ? false : _ref$messages;
|
|
19
|
-
return /*#__PURE__*/React.createElement(StyledIcon, null, /*#__PURE__*/React.createElement(
|
|
16
|
+
return /*#__PURE__*/React.createElement(StyledIcon, null, /*#__PURE__*/React.createElement(Notifications$1, {
|
|
20
17
|
size: "m",
|
|
21
18
|
color: ['brand-primary', 800]
|
|
22
19
|
}), (exceptions || alerts || messages) && /*#__PURE__*/React.createElement(Grid, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/exported-related/Notifications/index.tsx"],"sourcesContent":["import React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/exported-related/Notifications/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n AlertsSmallFill,\n Notifications as InternalNotifications,\n ExceptionsSmallFill,\n MessagesSmallFill,\n} from '@elliemae/ds-icons';\nimport styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nconst StyledIcon = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n`;\n\ntype NotificationsProps = {\n exceptions?: boolean;\n alerts?: boolean;\n messages?: boolean;\n};\n\nexport const Notifications = ({\n exceptions = false,\n alerts = false,\n messages = false,\n}: NotificationsProps): JSX.Element => (\n <StyledIcon>\n <InternalNotifications size=\"m\" color={['brand-primary', 800]} />\n {(exceptions || alerts || messages) && (\n <Grid cols={['1fr', '1fr', '1fr']} gutter=\"xxxs\" mt=\"2px\">\n <Grid width=\"6px\" height=\"6px\">\n {exceptions && <ExceptionsSmallFill width=\"6px\" height=\"6px\" color={['warning', 900]} />}\n </Grid>\n <Grid width=\"6px\" height=\"6px\">\n {alerts && <AlertsSmallFill width=\"6px\" height=\"6px\" color={['danger', 900]} />}\n </Grid>\n <Grid width=\"6px\" height=\"6px\">\n {messages && <MessagesSmallFill width=\"6px\" height=\"6px\" color={['success', 900]} />}\n </Grid>\n </Grid>\n )}\n </StyledIcon>\n);\n\nexport default Notifications;\n"],"names":["StyledIcon","styled","div","Notifications","exceptions","alerts","messages","InternalNotifications"],"mappings":";;;;;AAUA,IAAMA,UAAU,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,8DAAhB;IAYaC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,6BAC3BC,UAD2B;AAAA,MAC3BA,UAD2B,gCACd,KADc;AAAA,yBAE3BC,MAF2B;AAAA,MAE3BA,MAF2B,4BAElB,KAFkB;AAAA,2BAG3BC,QAH2B;AAAA,MAG3BA,QAH2B,8BAGhB,KAHgB;AAAA,sBAK3B,oBAAC,UAAD,qBACE,oBAACC,eAAD;AAAuB,IAAA,IAAI,EAAC,GAA5B;AAAgC,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAvC,IADF,EAEG,CAACH,UAAU,IAAIC,MAAd,IAAwBC,QAAzB,kBACC,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,CAAZ;AAAmC,IAAA,MAAM,EAAC,MAA1C;AAAiD,IAAA,EAAE,EAAC;AAApD,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACGF,UAAU,iBAAI,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAC,KAA3B;AAAiC,IAAA,MAAM,EAAC,KAAxC;AAA8C,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAArD,IADjB,CADF,eAIE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACGC,MAAM,iBAAI,oBAAC,eAAD;AAAiB,IAAA,KAAK,EAAC,KAAvB;AAA6B,IAAA,MAAM,EAAC,KAApC;AAA0C,IAAA,KAAK,EAAE,CAAC,QAAD,EAAW,GAAX;AAAjD,IADb,CAJF,eAOE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC,KAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,KACGC,QAAQ,iBAAI,oBAAC,iBAAD;AAAmB,IAAA,KAAK,EAAC,KAAzB;AAA+B,IAAA,MAAM,EAAC,KAAtC;AAA4C,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;AAAnD,IADf,CAPF,CAHJ,CAL2B;AAAA;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import _extends from '@babel/runtime/helpers/esm/extends';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
|
-
import
|
|
4
|
+
import { OpenWindow as OpenWindow$1 } from '@elliemae/ds-icons';
|
|
5
5
|
|
|
6
|
-
var StyledOpenWindow = /*#__PURE__*/styled(
|
|
6
|
+
var StyledOpenWindow = /*#__PURE__*/styled(OpenWindow$1).withConfig({
|
|
7
7
|
componentId: "sc-g53ios-0"
|
|
8
8
|
})(["cursor:pointer;:focus{outline:1px solid ", ";}"], function (props) {
|
|
9
9
|
return props.theme.colors.brand[800];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/exported-related/OpenWindowItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/exported-related/OpenWindowItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { OpenWindow as OpenWindowIcon } from '@elliemae/ds-icons';\n\nconst StyledOpenWindow = styled(OpenWindowIcon)`\n cursor: pointer;\n :focus {\n outline: 1px solid ${(props) => props.theme.colors.brand[800]};\n }\n`;\n\nexport const OpenWindow = (props: unknown): JSX.Element => (\n <StyledOpenWindow size=\"s\" color={['brand-primary', 800]} {...props} />\n);\n\nexport default OpenWindow;\n"],"names":["StyledOpenWindow","styled","OpenWindowIcon","props","theme","colors","brand","OpenWindow"],"mappings":";;;;;AAIA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,YAAD,CAAT;AAAA;AAAA,uDAGG,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHH,CAAtB;IAOaC,UAAU,GAAG,SAAbA,UAAa,CAACJ,KAAD;AAAA,sBACxB,oBAAC,gBAAD;AAAkB,IAAA,IAAI,EAAC,GAAvB;AAA2B,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB;AAAlC,KAA8DA,KAA9D,EADwB;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../src/exported-related/constants.tsx"],"sourcesContent":["export const LABEL_OVERFLOW = {\n WRAP: 'wrap',\n WRAP_ALL: 'wrapAll',\n TRUNCATE: 'truncate',\n};\n\nexport const ITEM_TYPES = {\n LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',\n LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',\n LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',\n LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: 'ds-left-nav-item-controlled-drilldown',\n LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../src/exported-related/constants.tsx"],"sourcesContent":["export const LABEL_OVERFLOW = {\n WRAP: 'wrap',\n WRAP_ALL: 'wrapAll',\n TRUNCATE: 'truncate',\n};\n\nexport const ITEM_TYPES = {\n LEFT_NAV_ITEM_HEADER: 'ds-left-nav-item-header',\n LEFT_NAV_ITEM_LINK: 'ds-left-nav-item-link',\n LEFT_NAV_ITEM_SUBMENU: 'ds-left-nav-item-submenu',\n LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN: 'ds-left-nav-item-controlled-drilldown',\n LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN: 'ds-left-nav-item-uncontrolled-drilldown',\n LEFT_NAV_ITEM_SECTION: 'ds-left-nav-item-section',\n LEFT_NAV_ITEM_SEPARATOR: 'ds-left-nav-item-separator',\n LEFT_NAV_ITEM_TEXT_LABEL: 'ds-left-nav-item-text-label',\n LEFT_NAV_ITEM_WITH_DATE: 'ds-left-nav-item-with-date',\n};\n\nexport const FOOTER_DS_ID = 'ds-left-nav-__internal__-footer';\n\nexport const FOOTER_MENU_CLOSE_DS_ID = 'ds-left-nav-__internal__-footer-menu-close';\n\nexport const CHEVRON_BACK_DS_ID = 'ds-left-nav-__internal__-chevron-back';\n"],"names":["LABEL_OVERFLOW","WRAP","WRAP_ALL","TRUNCATE","ITEM_TYPES","LEFT_NAV_ITEM_HEADER","LEFT_NAV_ITEM_LINK","LEFT_NAV_ITEM_SUBMENU","LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN","LEFT_NAV_ITEM_SECTION","LEFT_NAV_ITEM_SEPARATOR","LEFT_NAV_ITEM_TEXT_LABEL","LEFT_NAV_ITEM_WITH_DATE","FOOTER_DS_ID","FOOTER_MENU_CLOSE_DS_ID","CHEVRON_BACK_DS_ID"],"mappings":"IAAaA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,MADsB;AAE5BC,EAAAA,QAAQ,EAAE,SAFkB;AAG5BC,EAAAA,QAAQ,EAAE;AAHkB;IAMjBC,UAAU,GAAG;AACxBC,EAAAA,oBAAoB,EAAE,yBADE;AAExBC,EAAAA,kBAAkB,EAAE,uBAFI;AAGxBC,EAAAA,qBAAqB,EAAE,0BAHC;AAIxBC,EAAAA,kCAAkC,EAAE,uCAJZ;AAKxBC,EAAAA,oCAAoC,EAAE,yCALd;AAMxBC,EAAAA,qBAAqB,EAAE,0BANC;AAOxBC,EAAAA,uBAAuB,EAAE,4BAPD;AAQxBC,EAAAA,wBAAwB,EAAE,6BARF;AASxBC,EAAAA,uBAAuB,EAAE;AATD;IAYbC,YAAY,GAAG;IAEfC,uBAAuB,GAAG;IAE1BC,kBAAkB,GAAG;;;;"}
|