@elliemae/ds-left-navigation 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/LeftNavigation.js

@@ -1,51 +1,29 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var LeftNavigation_exports = {};
-__export(LeftNavigation_exports, {
-  LeftNavigation: () => LeftNavigation,
-  LeftNavigationWithSchema: () => LeftNavigationWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_prop_types = require("./prop-types");
-var import_LeftNavigationContext = __toESM(require("./LeftNavigationContext"));
-var import_useLeftNavConfig = require("./configs/useLeftNavConfig");
-var import_LeftNavContent = __toESM(require("./parts/LeftNavContent"));
-const LeftNavigation = (props) => {
-  const leftNavConfig = (0, import_useLeftNavConfig.useLeftNavConfig)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_LeftNavigationContext.default.Provider, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var propTypes = require('./prop-types.js');
+var LeftNavigationContext = require('./LeftNavigationContext.js');
+var useLeftNavConfig = require('./configs/useLeftNavConfig.js');
+var index = require('./parts/LeftNavContent/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _LeftNavContent;
+const LeftNavigation = props => {
+  const leftNavConfig = useLeftNavConfig.useLeftNavConfig(props);
+  return /*#__PURE__*/_jsx__default["default"](LeftNavigationContext.LeftNavContext.Provider, {
     value: leftNavConfig
-  }, /* @__PURE__ */ import_react.default.createElement(import_LeftNavContent.default, null));
+  }, void 0, _LeftNavContent || (_LeftNavContent = /*#__PURE__*/_jsx__default["default"](index, {})));
 };
-LeftNavigation.propTypes = import_prop_types.leftNavigationProps;
-LeftNavigation.defaultProps = import_LeftNavigationContext.defaultProps;
-const LeftNavigationWithSchema = (0, import_react_desc.describe)(LeftNavigation).description("Left Navigation");
-LeftNavigationWithSchema.propTypes = import_prop_types.leftNavigationProps;
-module.exports = __toCommonJS(LeftNavigation_exports);
-//# sourceMappingURL=LeftNavigation.js.map
+LeftNavigation.defaultProps = LeftNavigationContext.defaultProps;
+const LeftNavigationWithSchema = reactDesc.describe(LeftNavigation).description('Left Navigation');
+LeftNavigationWithSchema.propTypes = propTypes.leftNavigationProps;
+
+exports.LeftNavigation = LeftNavigation;
+exports.LeftNavigationWithSchema = LeftNavigationWithSchema;

package/cjs/LeftNavigationContext.js

@@ -1,52 +1,22 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var LeftNavigationContext_exports = {};
-__export(LeftNavigationContext_exports, {
-  LeftNavContext: () => LeftNavContext,
-  default: () => LeftNavigationContext_default,
-  defaultContext: () => defaultContext,
-  defaultProps: () => defaultProps
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
 const defaultProps = {
-  expandedWidth: "240px",
+  expandedWidth: '240px',
   tabIndex: 0,
   loading: false,
   expanded: false,
   openedItem: null,
-  footerLabel: "",
+  footerLabel: '',
   onSelectedChange: () => null,
   onFocusChange: () => null,
   onFooterExpand: () => null,
   onFooterClose: () => null,
   items: [],
-  labelOverflow: "wrap",
+  labelOverflow: 'wrap',
   onItemClick: () => null
 };
 const defaultContext = {
@@ -59,9 +29,13 @@ const defaultContext = {
   openedDrilldowns: [],
   setOpenedDrilldowns: () => null,
   visibleItems: [],
-  visibleItemsRefs: { current: {} }
+  visibleItemsRefs: {
+    current: {}
+  }
 };
-const LeftNavContext = (0, import_react.createContext)(defaultContext);
-var LeftNavigationContext_default = LeftNavContext;
-module.exports = __toCommonJS(LeftNavigationContext_exports);
-//# sourceMappingURL=LeftNavigationContext.js.map
+const LeftNavContext = /*#__PURE__*/React.createContext(defaultContext);
+
+exports.LeftNavContext = LeftNavContext;
+exports["default"] = LeftNavContext;
+exports.defaultContext = defaultContext;
+exports.defaultProps = defaultProps;

package/cjs/common/getItemBackgroundStyle.js

@@ -1,51 +1,12 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var getItemBackgroundStyle_exports = {};
-__export(getItemBackgroundStyle_exports, {
-  getItemBackgroundStyle: () => getItemBackgroundStyle
-});
-var React = __toESM(require("react"));
-const commonItemBackgroundStyle = (color, hoverColor, activeColor) => `
+'use strict';
 
-  background: ${color};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-  :hover {
-    background: ${hoverColor};
-  }
+const commonItemBackgroundStyle = (color, hoverColor, activeColor) => "\n\n  background: ".concat(color, ";\n\n  :hover {\n    background: ").concat(hoverColor, ";\n  }\n\n  :active {\n    background: ").concat(activeColor, ";\n  }\n");
 
-  :active {
-    background: ${activeColor};
-  }
-`;
-const getItemBackgroundStyle = (props) => {
-  if (props.selected && !props.opened)
-    return commonItemBackgroundStyle(props.theme.colors.brand[200], props.theme.colors.brand[200], props.theme.colors.brand[200]);
-  return commonItemBackgroundStyle(props.theme.colors.neutral["000"], props.theme.colors.neutral["080"], props.theme.colors.brand[200]);
+const getItemBackgroundStyle = props => {
+  if (props.selected && !props.opened) return commonItemBackgroundStyle(props.theme.colors.brand[200], props.theme.colors.brand[200], props.theme.colors.brand[200]);
+  return commonItemBackgroundStyle(props.theme.colors.neutral['000'], props.theme.colors.neutral['080'], props.theme.colors.brand[200]);
 };
-module.exports = __toCommonJS(getItemBackgroundStyle_exports);
-//# sourceMappingURL=getItemBackgroundStyle.js.map
+
+exports.getItemBackgroundStyle = getItemBackgroundStyle;

package/cjs/common/getLeftBorderStyle.js

@@ -1,54 +1,12 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var getLeftBorderStyle_exports = {};
-__export(getLeftBorderStyle_exports, {
-  getLeftBorderStyle: () => getLeftBorderStyle
-});
-var React = __toESM(require("react"));
-const commonLeftBorderStyle = (color, hoverColor, activeColor) => `
+'use strict';
 
-  -webkit-box-shadow: inset 4px 0 0 0 ${color};
-          box-shadow: inset 4px 0 0 0 ${color};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-  :hover {
-    -webkit-box-shadow: inset 4px 0 0 0 ${hoverColor};
-            box-shadow: inset 4px 0 0 0 ${hoverColor};
-  }
+const commonLeftBorderStyle = (color, hoverColor, activeColor) => "\n\n  -webkit-box-shadow: inset 4px 0 0 0 ".concat(color, ";\n          box-shadow: inset 4px 0 0 0 ").concat(color, ";\n\n  :hover {\n    -webkit-box-shadow: inset 4px 0 0 0 ").concat(hoverColor, ";\n            box-shadow: inset 4px 0 0 0 ").concat(hoverColor, ";\n  }\n\n  :active {\n    -webkit-box-shadow: inset 4px 0 0 0 ").concat(activeColor, ";\n            box-shadow: inset 4px 0 0 0 ").concat(activeColor, ";\n  }\n");
 
-  :active {
-    -webkit-box-shadow: inset 4px 0 0 0 ${activeColor};
-            box-shadow: inset 4px 0 0 0 ${activeColor};
-  }
-`;
-const getLeftBorderStyle = (props) => {
-  if (props.selected || props.selectedParent)
-    return commonLeftBorderStyle(props.theme.colors.brand[400], props.theme.colors.brand[400], props.theme.colors.brand[400]);
-  return commonLeftBorderStyle(props.theme.colors.neutral["000"], props.theme.colors.brand[300], props.theme.colors.brand[400]);
+const getLeftBorderStyle = props => {
+  if (props.selected || props.selectedParent) return commonLeftBorderStyle(props.theme.colors.brand[400], props.theme.colors.brand[400], props.theme.colors.brand[400]);
+  return commonLeftBorderStyle(props.theme.colors.neutral['000'], props.theme.colors.brand[300], props.theme.colors.brand[400]);
 };
-module.exports = __toCommonJS(getLeftBorderStyle_exports);
-//# sourceMappingURL=getLeftBorderStyle.js.map
+
+exports.getLeftBorderStyle = getLeftBorderStyle;

package/cjs/common/getScrollbarStyle.js

@@ -1,58 +1,7 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var getScrollbarStyle_exports = {};
-__export(getScrollbarStyle_exports, {
-  getScrolbarStyle: () => getScrolbarStyle
-});
-var React = __toESM(require("react"));
-const getScrolbarStyle = () => `
-  ::-webkit-scrollbar {
-    width: 14px;
-  }
-  ::-webkit-scrollbar-thumb {
-    height: 6px;
-    border: 4px solid rgba(0, 0, 0, 0);
+'use strict';
 
-    background-clip: padding-box;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-    background-color: rgba(105, 116, 137, 0.5);
+const getScrolbarStyle = () => "\n  ::-webkit-scrollbar {\n    width: 14px;\n  }\n  ::-webkit-scrollbar-thumb {\n    height: 6px;\n    border: 4px solid rgba(0, 0, 0, 0);\n\n    background-clip: padding-box;\n\n    background-color: rgba(105, 116, 137, 0.5);\n\n    border-radius: 7px;\n    -webkit-border-radius: 7px;\n  }\n  ::-webkit-scrollbar-button {\n    width: 0;\n    height: 0;\n    display: none;\n  }\n  ::-webkit-scrollbar-corner {\n    background-color: transparent;\n  }\n";
 
-    border-radius: 7px;
-    -webkit-border-radius: 7px;
-  }
-  ::-webkit-scrollbar-button {
-    width: 0;
-    height: 0;
-    display: none;
-  }
-  ::-webkit-scrollbar-corner {
-    background-color: transparent;
-  }
-`;
-module.exports = __toCommonJS(getScrollbarStyle_exports);
-//# sourceMappingURL=getScrollbarStyle.js.map
+exports.getScrolbarStyle = getScrolbarStyle;

package/cjs/common/index.js

@@ -1,30 +1,13 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var common_exports = {};
-var React = __toESM(require("react"));
-__reExport(common_exports, require("./getItemBackgroundStyle"));
-__reExport(common_exports, require("./getLeftBorderStyle"));
-__reExport(common_exports, require("./getScrollbarStyle"));
-module.exports = __toCommonJS(common_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getItemBackgroundStyle = require('./getItemBackgroundStyle.js');
+var getLeftBorderStyle = require('./getLeftBorderStyle.js');
+var getScrollbarStyle = require('./getScrollbarStyle.js');
+
+
+
+exports.getItemBackgroundStyle = getItemBackgroundStyle.getItemBackgroundStyle;
+exports.getLeftBorderStyle = getLeftBorderStyle.getLeftBorderStyle;
+exports.getScrolbarStyle = getScrollbarStyle.getScrolbarStyle;

package/cjs/configs/index.js

@@ -1,38 +1,10 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var configs_exports = {};
-__export(configs_exports, {
-  default: () => configs_default,
-  useLeftNavConfig: () => import_useLeftNavConfig2.useLeftNavConfig
-});
-var React = __toESM(require("react"));
-var import_useLeftNavConfig = require("./useLeftNavConfig");
-var import_useLeftNavConfig2 = require("./useLeftNavConfig");
-var configs_default = import_useLeftNavConfig.useLeftNavConfig;
-module.exports = __toCommonJS(configs_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useLeftNavConfig = require('./useLeftNavConfig.js');
+
+
+
+exports["default"] = useLeftNavConfig.useLeftNavConfig;
+exports.useLeftNavConfig = useLeftNavConfig.useLeftNavConfig;

package/cjs/configs/useLeftNavConfig.js

@@ -1,102 +1,102 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useLeftNavConfig_exports = {};
-__export(useLeftNavConfig_exports, {
-  default: () => useLeftNavConfig_default,
-  useLeftNavConfig: () => useLeftNavConfig
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_useLeftNavItems = __toESM(require("./useLeftNavItems"));
-var import_useLeftNavSmoothExpand = require("./useLeftNavSmoothExpand");
-var import_useSelectFirstBodyItem = require("../hooks/useSelectFirstBodyItem");
-const useLeftNavConfig = (props) => {
-  const { expanded, openedItem, onSelectedChange, onFocusChange, items } = props;
-  const [selectedItem, setSelectedItem] = import_react.default.useState(null);
-  const [selectedSubitem, setSelectedSubitem] = import_react.default.useState(null);
-  const [selectedParent, setSelectedParent] = import_react.default.useState(null);
-  const [focusedItem, setFocusedItem] = import_react.default.useState(null);
-  const [openedDrilldowns, setOpenedDrilldowns] = import_react.default.useState([]);
-  const [expandedForAnimation, setExpandedForAnimation] = import_react.default.useState(expanded);
-  const timeoutRef = import_react.default.useRef(null);
-  const smoothExpandOpts = import_react.default.useMemo(() => ({
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var useLeftNavItems = require('./useLeftNavItems.js');
+var useLeftNavSmoothExpand = require('./useLeftNavSmoothExpand.js');
+var useSelectFirstBodyItem = require('../hooks/useSelectFirstBodyItem.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const useLeftNavConfig = props => {
+  const {
+    expanded,
+    openedItem,
+    onSelectedChange,
+    onFocusChange,
+    items
+  } = props; // -----------------------------------------------------------------------------
+  // ************************** ------------ **************************
+  // *                         INTERNAL STATE                         *
+  // ************************** ------------ **************************
+  // Selection related
+
+  const [selectedItem, setSelectedItem] = React__default["default"].useState(null);
+  const [selectedParent, setSelectedParent] = React__default["default"].useState(null); // Focus related
+
+  const [focusedItem, setFocusedItem] = React__default["default"].useState(null); // Opened uncontrolled drilldowns
+
+  const [openedDrilldowns, setOpenedDrilldowns] = React__default["default"].useState([]); // -----------------------------------------------------------------------------
+  // ************************** ------------ **************************
+  // *                        EXPAND ANIMATION                        *
+  // ************************** ------------ **************************
+
+  const [expandedForAnimation, setExpandedForAnimation] = React__default["default"].useState(expanded);
+  const timeoutRef = React__default["default"].useRef(null);
+  const smoothExpandOpts = React__default["default"].useMemo(() => ({
     expandedForAnimation,
     timeoutRef,
     setExpandedForAnimation
   }), [expandedForAnimation, timeoutRef, setExpandedForAnimation]);
-  (0, import_useLeftNavSmoothExpand.useLeftNavSmoothExpand)(props, smoothExpandOpts);
-  import_react.default.useEffect(() => {
+  useLeftNavSmoothExpand.useLeftNavSmoothExpand(props, smoothExpandOpts); // -----------------------------------------------------------------------------
+  // ************************** ------------ **************************
+  // *                          SIDE EFFECTS                          *
+  // ************************** ------------ **************************
+
+  React__default["default"].useEffect(() => {
     onSelectedChange(selectedItem);
   }, [selectedItem, onSelectedChange]);
-  import_react.default.useEffect(() => {
-    if (openedItem !== null)
-      setSelectedParent(openedItem);
+  React__default["default"].useEffect(() => {
+    if (props.actionRef && props.actionRef.current) {
+      props.actionRef.current.setFocusedItem = setFocusedItem;
+    }
+  }, [props.actionRef]);
+  React__default["default"].useEffect(() => {
+    if (openedItem !== null) setSelectedParent(openedItem);
   }, [openedItem]);
-  import_react.default.useEffect(() => {
+  React__default["default"].useEffect(() => {
     onFocusChange(focusedItem);
   }, [focusedItem, onFocusChange]);
-  (0, import_useSelectFirstBodyItem.useSelectFirstBodyItem)(items, openedItem, props.selectedItem !== void 0 ? props.selectedItem : selectedItem, setSelectedItem, props.disableDefaultSelection);
-  const leftNavItemsProps = import_react.default.useMemo(() => ({
+  useSelectFirstBodyItem.useSelectFirstBodyItem(items, openedItem, props.selectedItem !== undefined ? props.selectedItem : selectedItem, setSelectedItem, props.disableDefaultSelection); // -----------------------------------------------------------------------------
+  // ************************** ------------ **************************
+  // *                        ITEMS MANAGEMENT                        *
+  // ************************** ------------ **************************
+
+  const leftNavItemsProps = React__default["default"].useMemo(() => ({
     headerItem: props.HeaderComponent,
     bodyHeaderItem: props.BodyHeaderComponent,
     items: props.items,
     openedDrilldowns
-  }), [props.HeaderComponent, props.BodyHeaderComponent, props.items, openedDrilldowns]);
-  const { visibleItems, visibleItemsRefs } = (0, import_useLeftNavItems.default)(leftNavItemsProps);
-  const finalConfig = import_react.default.useMemo(() => ({
-    leftNavProps: props,
-    expandedForAnimation,
-    selectedItem: props.selectedItem !== void 0 ? props.selectedItem : selectedItem,
-    setSelectedItem,
-    selectedParent: props.selectedParent !== void 0 ? props.selectedParent : selectedParent,
-    setSelectedParent,
-    focusedItem,
-    setFocusedItem,
-    openedDrilldowns,
-    setOpenedDrilldowns,
+  }), [props.HeaderComponent, props.BodyHeaderComponent, props.items, openedDrilldowns]); // We need to know the current visible items since we have drilldowns
+
+  const {
     visibleItems,
     visibleItemsRefs
-  }), [
-    props,
+  } = useLeftNavItems.useLeftNavItems(leftNavItemsProps); // -----------------------------------------------------------------------------
+  // ************************** ------------ **************************
+  // *                         LEFTNAV CONFIG                         *
+  // ************************** ------------ **************************
+
+  const finalConfig = React__default["default"].useMemo(() => ({
+    leftNavProps: props,
     expandedForAnimation,
-    selectedItem,
+    selectedItem: props.selectedItem !== undefined ? props.selectedItem : selectedItem,
     setSelectedItem,
+    selectedParent: props.selectedParent !== undefined ? props.selectedParent : selectedParent,
     setSelectedParent,
-    selectedParent,
     focusedItem,
     setFocusedItem,
     openedDrilldowns,
     setOpenedDrilldowns,
     visibleItems,
     visibleItemsRefs
-  ]);
+  }), [props, expandedForAnimation, selectedItem, setSelectedItem, setSelectedParent, selectedParent, focusedItem, setFocusedItem, openedDrilldowns, setOpenedDrilldowns, visibleItems, visibleItemsRefs]);
   return finalConfig;
 };
-var useLeftNavConfig_default = useLeftNavConfig;
-module.exports = __toCommonJS(useLeftNavConfig_exports);
-//# sourceMappingURL=useLeftNavConfig.js.map
+
+exports["default"] = useLeftNavConfig;
+exports.useLeftNavConfig = useLeftNavConfig;