@elliemae/ds-left-navigation 2.2.0-alpha.3 → 2.2.0-alpha.4
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 -3
- package/cjs/LeftNavigationContext.js +1 -1
- package/cjs/common/index.js +3 -3
- package/cjs/configs/index.js +2 -2
- package/cjs/configs/useLeftNavConfig.js +2 -2
- package/cjs/configs/useLeftNavItems.js +3 -3
- package/cjs/exported-related/ChevronItem/index.js +1 -1
- package/cjs/exported-related/ItemRenderer/index.js +4 -4
- package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js +1 -1
- package/cjs/exported-related/Notifications/index.js +1 -1
- package/cjs/exported-related/OpenWindowItem/index.js +1 -1
- package/cjs/exported-related/index.js +6 -6
- package/cjs/hooks/index.js +3 -3
- package/cjs/hooks/useExpandableOnClickHandler.js +1 -1
- package/cjs/hooks/useKeyboardNavigation.js +2 -2
- package/cjs/hooks/useOpenableOnClickHandler.js +1 -1
- package/cjs/hooks/useSelectFirstBodyItem.js +2 -2
- package/cjs/index.js +3 -3
- package/cjs/outOfTheBox/ItemControlledDrilldown/index.js +7 -7
- package/cjs/outOfTheBox/ItemHeader/index.js +4 -4
- package/cjs/outOfTheBox/ItemHeader/styled.js +1 -1
- package/cjs/outOfTheBox/ItemLink/index.js +3 -3
- package/cjs/outOfTheBox/ItemSection/index.js +2 -2
- package/cjs/outOfTheBox/ItemSeparator/index.js +1 -1
- package/cjs/outOfTheBox/ItemSubmenu/index.js +4 -4
- package/cjs/outOfTheBox/ItemSubmenu/styled.js +1 -1
- package/cjs/outOfTheBox/ItemTextLabel/index.js +3 -3
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +7 -7
- package/cjs/outOfTheBox/ItemWithDate/index.js +3 -3
- package/cjs/outOfTheBox/index.js +19 -19
- package/cjs/parts/LeftNavContent/index.js +6 -6
- package/cjs/parts/LeftNavContentWithScrollbar/index.js +1 -1
- package/cjs/parts/LeftNavFooterItem/index.js +6 -6
- package/cjs/parts/LeftNavFooterItem/styled.js +3 -3
- package/cjs/parts/OutOfTheBoxMapItem.js +2 -2
- package/cjs/prop-types.js +2 -2
- package/package.json +6 -6
package/cjs/LeftNavigation.js
CHANGED
|
@@ -32,10 +32,10 @@ __export(LeftNavigation_exports, {
|
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc =
|
|
36
|
-
var import_prop_types =
|
|
35
|
+
var import_react_desc = require("react-desc");
|
|
36
|
+
var import_prop_types = require("./prop-types");
|
|
37
37
|
var import_LeftNavigationContext = __toESM(require("./LeftNavigationContext"));
|
|
38
|
-
var import_useLeftNavConfig =
|
|
38
|
+
var import_useLeftNavConfig = require("./configs/useLeftNavConfig");
|
|
39
39
|
var import_LeftNavContent = __toESM(require("./parts/LeftNavContent"));
|
|
40
40
|
const LeftNavigation = (props) => {
|
|
41
41
|
const leftNavConfig = (0, import_useLeftNavConfig.useLeftNavConfig)(props);
|
|
@@ -33,7 +33,7 @@ __export(LeftNavigationContext_exports, {
|
|
|
33
33
|
defaultProps: () => defaultProps
|
|
34
34
|
});
|
|
35
35
|
var React = __toESM(require("react"));
|
|
36
|
-
var import_react =
|
|
36
|
+
var import_react = require("react");
|
|
37
37
|
const defaultProps = {
|
|
38
38
|
expandedWidth: "240px",
|
|
39
39
|
tabIndex: 0,
|
package/cjs/common/index.js
CHANGED
|
@@ -23,8 +23,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
23
23
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
24
|
var common_exports = {};
|
|
25
25
|
var React = __toESM(require("react"));
|
|
26
|
-
__reExport(common_exports,
|
|
27
|
-
__reExport(common_exports,
|
|
28
|
-
__reExport(common_exports,
|
|
26
|
+
__reExport(common_exports, require("./getItemBackgroundStyle"));
|
|
27
|
+
__reExport(common_exports, require("./getLeftBorderStyle"));
|
|
28
|
+
__reExport(common_exports, require("./getScrollbarStyle"));
|
|
29
29
|
module.exports = __toCommonJS(common_exports);
|
|
30
30
|
//# sourceMappingURL=index.js.map
|
package/cjs/configs/index.js
CHANGED
|
@@ -31,8 +31,8 @@ __export(configs_exports, {
|
|
|
31
31
|
useLeftNavConfig: () => import_useLeftNavConfig2.useLeftNavConfig
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
|
-
var import_useLeftNavConfig =
|
|
35
|
-
var import_useLeftNavConfig2 =
|
|
34
|
+
var import_useLeftNavConfig = require("./useLeftNavConfig");
|
|
35
|
+
var import_useLeftNavConfig2 = require("./useLeftNavConfig");
|
|
36
36
|
var configs_default = import_useLeftNavConfig.useLeftNavConfig;
|
|
37
37
|
module.exports = __toCommonJS(configs_exports);
|
|
38
38
|
//# sourceMappingURL=index.js.map
|
|
@@ -33,8 +33,8 @@ __export(useLeftNavConfig_exports, {
|
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
35
|
var import_useLeftNavItems = __toESM(require("./useLeftNavItems"));
|
|
36
|
-
var import_useLeftNavSmoothExpand =
|
|
37
|
-
var import_useSelectFirstBodyItem =
|
|
36
|
+
var import_useLeftNavSmoothExpand = require("./useLeftNavSmoothExpand");
|
|
37
|
+
var import_useSelectFirstBodyItem = require("../hooks/useSelectFirstBodyItem");
|
|
38
38
|
const useLeftNavConfig = (props) => {
|
|
39
39
|
const { expanded, openedItem, onSelectedChange, onFocusChange, items } = props;
|
|
40
40
|
const [selectedItem, setSelectedItem] = import_react.default.useState(null);
|
|
@@ -31,9 +31,9 @@ __export(useLeftNavItems_exports, {
|
|
|
31
31
|
useLeftNavItems: () => useLeftNavItems
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
|
-
var import_react =
|
|
35
|
-
var import_exported_related =
|
|
36
|
-
var import_constants =
|
|
34
|
+
var import_react = require("react");
|
|
35
|
+
var import_exported_related = require("../exported-related");
|
|
36
|
+
var import_constants = require("../exported-related/constants");
|
|
37
37
|
const notFocuseableItems = [import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_SECTION];
|
|
38
38
|
const walkItems = (items, openedDrilldowns, callback) => {
|
|
39
39
|
items.forEach((item) => {
|
|
@@ -32,7 +32,7 @@ __export(ChevronItem_exports, {
|
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_ds_icons =
|
|
35
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
36
36
|
const ChevronItem = (props) => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallRight, {
|
|
37
37
|
size: "m",
|
|
38
38
|
color: ["brand-primary", 800],
|
|
@@ -32,10 +32,10 @@ __export(ItemRenderer_exports, {
|
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
34
|
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
35
|
-
var import_styled =
|
|
36
|
-
var import_LeftNavigationContext =
|
|
37
|
-
var import_usePropsWithDefaults =
|
|
38
|
-
var import_hooks =
|
|
35
|
+
var import_styled = require("./styled");
|
|
36
|
+
var import_LeftNavigationContext = require("../../LeftNavigationContext");
|
|
37
|
+
var import_usePropsWithDefaults = require("./usePropsWithDefaults");
|
|
38
|
+
var import_hooks = require("../../hooks");
|
|
39
39
|
const ItemRenderer = (props) => {
|
|
40
40
|
const propsWithDefault = (0, import_usePropsWithDefaults.usePropsWithDefaults)(props);
|
|
41
41
|
const {
|
|
@@ -30,7 +30,7 @@ __export(usePropsWithDefaults_exports, {
|
|
|
30
30
|
usePropsWithDefaults: () => usePropsWithDefaults
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
33
|
+
var import_react = require("react");
|
|
34
34
|
const itemDefaultProps = {
|
|
35
35
|
label: "",
|
|
36
36
|
labelOverflow: "truncate",
|
|
@@ -32,7 +32,7 @@ __export(Notifications_exports, {
|
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_ds_icons =
|
|
35
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
36
36
|
var import_styled_components = __toESM(require("styled-components"));
|
|
37
37
|
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
38
38
|
const StyledIcon = import_styled_components.default.div`
|
|
@@ -33,7 +33,7 @@ __export(OpenWindowItem_exports, {
|
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
35
|
var import_styled_components = __toESM(require("styled-components"));
|
|
36
|
-
var import_ds_icons =
|
|
36
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
37
37
|
const StyledOpenWindow = (0, import_styled_components.default)(import_ds_icons.OpenWindow)`
|
|
38
38
|
cursor: pointer;
|
|
39
39
|
:focus {
|
|
@@ -23,11 +23,11 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
23
23
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
24
|
var exported_related_exports = {};
|
|
25
25
|
var React = __toESM(require("react"));
|
|
26
|
-
__reExport(exported_related_exports,
|
|
27
|
-
__reExport(exported_related_exports,
|
|
28
|
-
__reExport(exported_related_exports,
|
|
29
|
-
__reExport(exported_related_exports,
|
|
30
|
-
__reExport(exported_related_exports,
|
|
31
|
-
__reExport(exported_related_exports,
|
|
26
|
+
__reExport(exported_related_exports, require("./constants"));
|
|
27
|
+
__reExport(exported_related_exports, require("./ItemRenderer"));
|
|
28
|
+
__reExport(exported_related_exports, require("./ChevronItem"));
|
|
29
|
+
__reExport(exported_related_exports, require("./Notifications"));
|
|
30
|
+
__reExport(exported_related_exports, require("./OpenWindowItem"));
|
|
31
|
+
__reExport(exported_related_exports, require("./Icon"));
|
|
32
32
|
module.exports = __toCommonJS(exported_related_exports);
|
|
33
33
|
//# sourceMappingURL=index.js.map
|
package/cjs/hooks/index.js
CHANGED
|
@@ -23,8 +23,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
23
23
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
24
|
var hooks_exports = {};
|
|
25
25
|
var React = __toESM(require("react"));
|
|
26
|
-
__reExport(hooks_exports,
|
|
27
|
-
__reExport(hooks_exports,
|
|
28
|
-
__reExport(hooks_exports,
|
|
26
|
+
__reExport(hooks_exports, require("./useOpenableOnClickHandler"));
|
|
27
|
+
__reExport(hooks_exports, require("./useExpandableOnClickHandler"));
|
|
28
|
+
__reExport(hooks_exports, require("./useKeyboardNavigation"));
|
|
29
29
|
module.exports = __toCommonJS(hooks_exports);
|
|
30
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -30,7 +30,7 @@ __export(useExpandableOnClickHandler_exports, {
|
|
|
30
30
|
useExpandableOnClickHandler: () => useExpandableOnClickHandler
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
33
|
+
var import_react = require("react");
|
|
34
34
|
var import_LeftNavigationContext = __toESM(require("../LeftNavigationContext"));
|
|
35
35
|
const useExpandableOnClickHandler = ({
|
|
36
36
|
id,
|
|
@@ -30,8 +30,8 @@ __export(useKeyboardNavigation_exports, {
|
|
|
30
30
|
useKeyboardNavigation: () => useKeyboardNavigation
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_constants =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_constants = require("../exported-related/constants");
|
|
35
35
|
var import_LeftNavigationContext = __toESM(require("../LeftNavigationContext"));
|
|
36
36
|
const KEY_CODES = {
|
|
37
37
|
TAB: 9,
|
|
@@ -30,7 +30,7 @@ __export(useOpenableOnClickHandler_exports, {
|
|
|
30
30
|
useOpenableOnClickHandler: () => useOpenableOnClickHandler
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
33
|
+
var import_react = require("react");
|
|
34
34
|
var import_LeftNavigationContext = __toESM(require("../LeftNavigationContext"));
|
|
35
35
|
const useOpenableOnClickHandler = ({
|
|
36
36
|
id,
|
|
@@ -30,8 +30,8 @@ __export(useSelectFirstBodyItem_exports, {
|
|
|
30
30
|
useSelectFirstBodyItem: () => useSelectFirstBodyItem
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_constants =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_constants = require("../exported-related/constants");
|
|
35
35
|
const { LEFT_NAV_ITEM_SEPARATOR, LEFT_NAV_ITEM_SECTION } = import_constants.ITEM_TYPES;
|
|
36
36
|
const isSelectableOutOfTheBox = (elem) => typeof elem.type === "string" && elem.type !== LEFT_NAV_ITEM_SEPARATOR && elem.type !== LEFT_NAV_ITEM_SECTION;
|
|
37
37
|
const isSelectableCustom = (elem) => elem.itemOpts.selectable;
|
package/cjs/index.js
CHANGED
|
@@ -34,8 +34,8 @@ __export(src_exports, {
|
|
|
34
34
|
default: () => import_LeftNavigation.LeftNavigation
|
|
35
35
|
});
|
|
36
36
|
var React = __toESM(require("react"));
|
|
37
|
-
var import_prop_types =
|
|
38
|
-
var import_LeftNavigation =
|
|
39
|
-
__reExport(src_exports,
|
|
37
|
+
var import_prop_types = require("./prop-types");
|
|
38
|
+
var import_LeftNavigation = require("./LeftNavigation");
|
|
39
|
+
__reExport(src_exports, require("./exported-related"));
|
|
40
40
|
module.exports = __toCommonJS(src_exports);
|
|
41
41
|
//# sourceMappingURL=index.js.map
|
|
@@ -32,13 +32,13 @@ __export(ItemControlledDrilldown_exports, {
|
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
34
|
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
35
|
-
var import_ds_truncated_tooltip_text =
|
|
36
|
-
var import_ds_icons =
|
|
37
|
-
var import_exported_related =
|
|
38
|
-
var import_styled =
|
|
39
|
-
var import_ItemSeparator =
|
|
40
|
-
var import_ItemWithDate =
|
|
41
|
-
var import_ItemTextLabel =
|
|
35
|
+
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
36
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
37
|
+
var import_exported_related = require("../../exported-related/index");
|
|
38
|
+
var import_styled = require("./styled");
|
|
39
|
+
var import_ItemSeparator = require("../ItemSeparator");
|
|
40
|
+
var import_ItemWithDate = require("../ItemWithDate");
|
|
41
|
+
var import_ItemTextLabel = require("../ItemTextLabel");
|
|
42
42
|
const outOfTheBoxSubitemsComponents = {
|
|
43
43
|
[import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: import_ItemSeparator.ItemSeparator,
|
|
44
44
|
[import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: import_ItemWithDate.ItemWithDate,
|
|
@@ -32,10 +32,10 @@ __export(ItemHeader_exports, {
|
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
34
|
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
35
|
-
var import_ds_truncated_tooltip_text =
|
|
36
|
-
var import_exported_related =
|
|
37
|
-
var import_styled =
|
|
38
|
-
var import_constants =
|
|
35
|
+
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
36
|
+
var import_exported_related = require("../../exported-related/index");
|
|
37
|
+
var import_styled = require("./styled");
|
|
38
|
+
var import_constants = require("../../exported-related/constants");
|
|
39
39
|
const notOpenedShadowStyle = (isSelected) => (theme) => `
|
|
40
40
|
box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : "transparent"};
|
|
41
41
|
|
|
@@ -32,7 +32,7 @@ __export(styled_exports, {
|
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
34
|
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
35
|
-
var import_ds_icons =
|
|
35
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
36
36
|
var import_styled_components = __toESM(require("styled-components"));
|
|
37
37
|
const StyledLabel = (0, import_styled_components.default)(import_ds_grid.default)`
|
|
38
38
|
font-size: 14px;
|
|
@@ -32,9 +32,9 @@ __export(ItemLink_exports, {
|
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
34
|
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
35
|
-
var import_ds_truncated_tooltip_text =
|
|
36
|
-
var import_exported_related =
|
|
37
|
-
var import_styled =
|
|
35
|
+
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
36
|
+
var import_exported_related = require("../../exported-related/index");
|
|
37
|
+
var import_styled = require("./styled");
|
|
38
38
|
const notOpenedShadowStyle = (isSelected) => (theme) => `
|
|
39
39
|
box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : "transparent"};
|
|
40
40
|
|
|
@@ -32,8 +32,8 @@ __export(ItemSection_exports, {
|
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
34
|
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
35
|
-
var import_exported_related =
|
|
36
|
-
var import_styled =
|
|
35
|
+
var import_exported_related = require("../../exported-related/index");
|
|
36
|
+
var import_styled = require("./styled");
|
|
37
37
|
const ItemSection = (props) => {
|
|
38
38
|
const {
|
|
39
39
|
item,
|
|
@@ -32,7 +32,7 @@ __export(ItemSeparator_exports, {
|
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
34
|
var import_styled_components = __toESM(require("styled-components"));
|
|
35
|
-
var import_exported_related =
|
|
35
|
+
var import_exported_related = require("../../exported-related/index");
|
|
36
36
|
const StyledSeparator = import_styled_components.default.div`
|
|
37
37
|
height: 1px;
|
|
38
38
|
background-color: ${(props) => props.theme.colors.neutral[100]};
|
|
@@ -32,10 +32,10 @@ __export(ItemSubmenu_exports, {
|
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
34
|
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
35
|
-
var import_ds_truncated_tooltip_text =
|
|
36
|
-
var import_exported_related =
|
|
37
|
-
var import_styled =
|
|
38
|
-
var import_constants =
|
|
35
|
+
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
36
|
+
var import_exported_related = require("../../exported-related/index");
|
|
37
|
+
var import_styled = require("./styled");
|
|
38
|
+
var import_constants = require("../../exported-related/constants");
|
|
39
39
|
const notOpenedShadowStyle = (isSelected) => (theme) => `
|
|
40
40
|
box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : "transparent"};
|
|
41
41
|
|
|
@@ -32,7 +32,7 @@ __export(styled_exports, {
|
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
34
|
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
35
|
-
var import_ds_icons =
|
|
35
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
36
36
|
var import_styled_components = __toESM(require("styled-components"));
|
|
37
37
|
const StyledLabel = (0, import_styled_components.default)(import_ds_grid.default)`
|
|
38
38
|
font-size: 14px;
|
|
@@ -31,9 +31,9 @@ __export(ItemTextLabel_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_truncated_tooltip_text =
|
|
35
|
-
var import_exported_related =
|
|
36
|
-
var import_styled =
|
|
34
|
+
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
35
|
+
var import_exported_related = require("../../exported-related/index");
|
|
36
|
+
var import_styled = require("./styled");
|
|
37
37
|
const ItemTextLabel = (props) => {
|
|
38
38
|
const {
|
|
39
39
|
item,
|
|
@@ -32,13 +32,13 @@ __export(ItemUncontrolledDrilldown_exports, {
|
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
34
|
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
35
|
-
var import_ds_truncated_tooltip_text =
|
|
36
|
-
var import_ds_icons =
|
|
37
|
-
var import_exported_related =
|
|
38
|
-
var import_styled =
|
|
39
|
-
var import_ItemSeparator =
|
|
40
|
-
var import_ItemWithDate =
|
|
41
|
-
var import_ItemTextLabel =
|
|
35
|
+
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
36
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
37
|
+
var import_exported_related = require("../../exported-related/index");
|
|
38
|
+
var import_styled = require("./styled");
|
|
39
|
+
var import_ItemSeparator = require("../ItemSeparator");
|
|
40
|
+
var import_ItemWithDate = require("../ItemWithDate");
|
|
41
|
+
var import_ItemTextLabel = require("../ItemTextLabel");
|
|
42
42
|
const outOfTheBoxSubitemsComponents = {
|
|
43
43
|
[import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: import_ItemSeparator.ItemSeparator,
|
|
44
44
|
[import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: import_ItemWithDate.ItemWithDate,
|
|
@@ -32,9 +32,9 @@ __export(ItemWithDate_exports, {
|
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
34
|
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
35
|
-
var import_ds_truncated_tooltip_text =
|
|
36
|
-
var import_exported_related =
|
|
37
|
-
var import_styled =
|
|
35
|
+
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
36
|
+
var import_exported_related = require("../../exported-related/index");
|
|
37
|
+
var import_styled = require("./styled");
|
|
38
38
|
const ItemWithDate = (props) => {
|
|
39
39
|
const {
|
|
40
40
|
item,
|
package/cjs/outOfTheBox/index.js
CHANGED
|
@@ -31,25 +31,25 @@ __export(outOfTheBox_exports, {
|
|
|
31
31
|
outOfTheBoxTypes: () => outOfTheBoxTypes
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
|
-
var import_exported_related =
|
|
35
|
-
var import_ItemControlledDrilldown =
|
|
36
|
-
var import_ItemUncontrolledDrilldown =
|
|
37
|
-
var import_ItemHeader =
|
|
38
|
-
var import_ItemLink =
|
|
39
|
-
var import_ItemSection =
|
|
40
|
-
var import_ItemSeparator =
|
|
41
|
-
var import_ItemSubmenu =
|
|
42
|
-
var import_ItemTextLabel =
|
|
43
|
-
var import_ItemWithDate =
|
|
44
|
-
__reExport(outOfTheBox_exports,
|
|
45
|
-
__reExport(outOfTheBox_exports,
|
|
46
|
-
__reExport(outOfTheBox_exports,
|
|
47
|
-
__reExport(outOfTheBox_exports,
|
|
48
|
-
__reExport(outOfTheBox_exports,
|
|
49
|
-
__reExport(outOfTheBox_exports,
|
|
50
|
-
__reExport(outOfTheBox_exports,
|
|
51
|
-
__reExport(outOfTheBox_exports,
|
|
52
|
-
__reExport(outOfTheBox_exports,
|
|
34
|
+
var import_exported_related = require("../exported-related");
|
|
35
|
+
var import_ItemControlledDrilldown = require("./ItemControlledDrilldown");
|
|
36
|
+
var import_ItemUncontrolledDrilldown = require("./ItemUncontrolledDrilldown");
|
|
37
|
+
var import_ItemHeader = require("./ItemHeader");
|
|
38
|
+
var import_ItemLink = require("./ItemLink");
|
|
39
|
+
var import_ItemSection = require("./ItemSection");
|
|
40
|
+
var import_ItemSeparator = require("./ItemSeparator");
|
|
41
|
+
var import_ItemSubmenu = require("./ItemSubmenu");
|
|
42
|
+
var import_ItemTextLabel = require("./ItemTextLabel");
|
|
43
|
+
var import_ItemWithDate = require("./ItemWithDate");
|
|
44
|
+
__reExport(outOfTheBox_exports, require("./ItemControlledDrilldown"));
|
|
45
|
+
__reExport(outOfTheBox_exports, require("./ItemUncontrolledDrilldown"));
|
|
46
|
+
__reExport(outOfTheBox_exports, require("./ItemHeader"));
|
|
47
|
+
__reExport(outOfTheBox_exports, require("./ItemLink"));
|
|
48
|
+
__reExport(outOfTheBox_exports, require("./ItemSection"));
|
|
49
|
+
__reExport(outOfTheBox_exports, require("./ItemSeparator"));
|
|
50
|
+
__reExport(outOfTheBox_exports, require("./ItemSubmenu"));
|
|
51
|
+
__reExport(outOfTheBox_exports, require("./ItemTextLabel"));
|
|
52
|
+
__reExport(outOfTheBox_exports, require("./ItemWithDate"));
|
|
53
53
|
const outOfTheBoxTypes = Object.values(import_exported_related.ITEM_TYPES);
|
|
54
54
|
const {
|
|
55
55
|
LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,
|
|
@@ -31,12 +31,12 @@ __export(LeftNavContent_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_LeftNavigationContext =
|
|
35
|
-
var import_LeftNavFooterItem =
|
|
36
|
-
var import_LeftNavContentWithScrollbar =
|
|
37
|
-
var import_OutOfTheBoxMapItem =
|
|
38
|
-
var import_styled =
|
|
39
|
-
var import_LeftNavLoading =
|
|
34
|
+
var import_LeftNavigationContext = require("../../LeftNavigationContext");
|
|
35
|
+
var import_LeftNavFooterItem = require("../LeftNavFooterItem");
|
|
36
|
+
var import_LeftNavContentWithScrollbar = require("../LeftNavContentWithScrollbar");
|
|
37
|
+
var import_OutOfTheBoxMapItem = require("../OutOfTheBoxMapItem");
|
|
38
|
+
var import_styled = require("./styled");
|
|
39
|
+
var import_LeftNavLoading = require("../LeftNavLoading");
|
|
40
40
|
const leftNavScreenReaderInstructions = "Left Navigation. You can navigate through the items using the Up/Down arrows. To expand or select an item, use the Enter/Return or Space keys. Expandable items can also be opened/closed with the Right/Left arrows. The Home and End keys will take you to the first and last item respectively.";
|
|
41
41
|
const LeftNavInnerContent = () => {
|
|
42
42
|
const {
|
|
@@ -31,7 +31,7 @@ __export(LeftNavContentWithScrollbar_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_OverlayScrollbars =
|
|
34
|
+
var import_OverlayScrollbars = require("overlayscrollbars/css/OverlayScrollbars.css");
|
|
35
35
|
var import_overlayscrollbars = __toESM(require("overlayscrollbars"));
|
|
36
36
|
var import_styled_components = __toESM(require("styled-components"));
|
|
37
37
|
const StyledHandle = import_styled_components.default.div`
|
|
@@ -32,14 +32,14 @@ __export(LeftNavFooterItem_exports, {
|
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_ds_icons =
|
|
36
|
-
var import_react_desc =
|
|
35
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
36
|
+
var import_react_desc = require("react-desc");
|
|
37
37
|
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
38
|
-
var import_ds_truncated_tooltip_text =
|
|
39
|
-
var import_styled =
|
|
40
|
-
var import_hooks =
|
|
38
|
+
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
39
|
+
var import_styled = require("./styled");
|
|
40
|
+
var import_hooks = require("../../hooks");
|
|
41
41
|
var import_LeftNavigationContext = __toESM(require("../../LeftNavigationContext"));
|
|
42
|
-
var import_constants =
|
|
42
|
+
var import_constants = require("../../exported-related/constants");
|
|
43
43
|
const LeftNavFooterItem = (props) => {
|
|
44
44
|
const { footerLabel, onFooterExpand = () => null, onFooterClose = () => null } = props;
|
|
45
45
|
const {
|
|
@@ -36,9 +36,9 @@ __export(styled_exports, {
|
|
|
36
36
|
});
|
|
37
37
|
var React = __toESM(require("react"));
|
|
38
38
|
var import_styled_components = __toESM(require("styled-components"));
|
|
39
|
-
var import_ds_grid =
|
|
40
|
-
var import_ds_icons =
|
|
41
|
-
var import_common =
|
|
39
|
+
var import_ds_grid = require("@elliemae/ds-grid");
|
|
40
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
41
|
+
var import_common = require("../../common");
|
|
42
42
|
const StyledFooterMenu = (0, import_styled_components.default)(import_ds_grid.Grid)`
|
|
43
43
|
width: 100%;
|
|
44
44
|
margin-top: auto;
|
|
@@ -31,8 +31,8 @@ __export(OutOfTheBoxMapItem_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_outOfTheBox =
|
|
35
|
-
var import_LeftNavigationContext =
|
|
34
|
+
var import_outOfTheBox = require("../outOfTheBox");
|
|
35
|
+
var import_LeftNavigationContext = require("../LeftNavigationContext");
|
|
36
36
|
const OutOfTheBoxMapItem = (props) => {
|
|
37
37
|
const {
|
|
38
38
|
item,
|
package/cjs/prop-types.js
CHANGED
|
@@ -33,8 +33,8 @@ __export(prop_types_exports, {
|
|
|
33
33
|
leftNavigationProps: () => leftNavigationProps
|
|
34
34
|
});
|
|
35
35
|
var React = __toESM(require("react"));
|
|
36
|
-
var import_react_desc =
|
|
37
|
-
var import_outOfTheBox =
|
|
36
|
+
var import_react_desc = require("react-desc");
|
|
37
|
+
var import_outOfTheBox = require("./outOfTheBox");
|
|
38
38
|
const leftNavItemProps = {
|
|
39
39
|
type: import_react_desc.PropTypes.oneOf(import_outOfTheBox.outOfTheBoxTypes).description("out of the box types"),
|
|
40
40
|
dsId: import_react_desc.PropTypes.string.description("unique identifier for the left nav item"),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-left-navigation",
|
|
3
|
-
"version": "2.2.0-alpha.
|
|
3
|
+
"version": "2.2.0-alpha.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Left Navigation",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -233,11 +233,11 @@
|
|
|
233
233
|
"generateSubmodules": true
|
|
234
234
|
},
|
|
235
235
|
"dependencies": {
|
|
236
|
-
"@elliemae/ds-circular-progress-indicator": "2.2.0-alpha.
|
|
237
|
-
"@elliemae/ds-grid": "2.2.0-alpha.
|
|
238
|
-
"@elliemae/ds-icons": "2.2.0-alpha.
|
|
239
|
-
"@elliemae/ds-system": "2.2.0-alpha.
|
|
240
|
-
"@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.
|
|
236
|
+
"@elliemae/ds-circular-progress-indicator": "2.2.0-alpha.4",
|
|
237
|
+
"@elliemae/ds-grid": "2.2.0-alpha.4",
|
|
238
|
+
"@elliemae/ds-icons": "2.2.0-alpha.4",
|
|
239
|
+
"@elliemae/ds-system": "2.2.0-alpha.4",
|
|
240
|
+
"@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.4",
|
|
241
241
|
"overlayscrollbars": "1.13.1",
|
|
242
242
|
"prop-types": "~15.7.2",
|
|
243
243
|
"react-desc": "~4.1.3"
|