@elliemae/ds-left-navigation 2.2.0-next.6 → 2.3.0-alpha.1

package/cjs/parts/LeftNavLoading/index.js

@@ -1,34 +1,52 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var DSCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
-var Grid = require('@elliemae/ds-grid');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSCircularProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSCircularProgressIndicator);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledLoaderWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-mqgtxd-0"
-})(["grid-area:left-nav-body;height:100%;place-items:center;z-index:0;background-color:white;"]);
-const LeftNavLoading = _ref => {
-  let {
-    expanded
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](StyledLoaderWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSCircularProgressIndicator__default["default"], {
-    size: expanded ? 'xl' : 'm',
-    loading: true,
-    showLabel: expanded,
-    waiting: false,
-    showTooltip: !expanded
-  }));
+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 });
 };
-
-exports.LeftNavLoading = LeftNavLoading;
+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 LeftNavLoading_exports = {};
+__export(LeftNavLoading_exports, {
+  LeftNavLoading: () => LeftNavLoading
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_circular_progress_indicator = __toESM(require("@elliemae/ds-circular-progress-indicator"));
+var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
+var import_styled_components = __toESM(require("styled-components"));
+const StyledLoaderWrapper = (0, import_styled_components.default)(import_ds_grid.default)`
+  grid-area: left-nav-body;
+  height: 100%;
+  place-items: center;
+  z-index: 0;
+  background-color: white;
+`;
+const LeftNavLoading = ({ expanded }) => /* @__PURE__ */ import_react.default.createElement(StyledLoaderWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_ds_circular_progress_indicator.default, {
+  size: expanded ? "xl" : "m",
+  loading: true,
+  showLabel: expanded,
+  waiting: false,
+  showTooltip: !expanded
+}));
+module.exports = __toCommonJS(LeftNavLoading_exports);
+//# sourceMappingURL=index.js.map

package/cjs/parts/LeftNavLoading/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/LeftNavLoading/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,4CAAwC;AACxC,qBAAiB;AACjB,+BAAmB;AAEnB,MAAM,sBAAsB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ5B,MAAM,iBAA6D,CAAC,EAAE,eAC3E,mDAAC,qBAAD,MACE,mDAAC,+CAAD;AAAA,EACE,MAAM,WAAW,OAAO;AAAA,EACxB,SAAO;AAAA,EACP,WAAW;AAAA,EACX,SAAS;AAAA,EACT,aAAa,CAAC;AAAA;",
+  "names": []
+}

package/cjs/parts/OutOfTheBoxMapItem.js

@@ -1,52 +1,55 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var index = require('../outOfTheBox/index.js');
-var LeftNavigationContext = require('../LeftNavigationContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const OutOfTheBoxMapItem = props => {
+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 OutOfTheBoxMapItem_exports = {};
+__export(OutOfTheBoxMapItem_exports, {
+  OutOfTheBoxMapItem: () => OutOfTheBoxMapItem
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_outOfTheBox = require("../outOfTheBox");
+var import_LeftNavigationContext = require("../LeftNavigationContext");
+const OutOfTheBoxMapItem = (props) => {
   const {
     item,
-    item: {
-      type,
-      Component
-    }
+    item: { type, Component }
   } = props;
-  const ctx = React__default["default"].useContext(LeftNavigationContext.LeftNavContext);
-
-  if (typeof type === 'string' && !!index.outOfTheBoxComponents[type]) {
-    const OutOfTheBoxComponent = index.outOfTheBoxComponents[type];
-    return /*#__PURE__*/_jsx__default["default"](OutOfTheBoxComponent, {
-      item: _objectSpread({
-        itemOpts: {}
-      }, item),
-      ctx: ctx
+  const ctx = import_react.default.useContext(import_LeftNavigationContext.LeftNavContext);
+  if (typeof type === "string" && !!import_outOfTheBox.outOfTheBoxComponents[type]) {
+    const OutOfTheBoxComponent = import_outOfTheBox.outOfTheBoxComponents[type];
+    return /* @__PURE__ */ import_react.default.createElement(OutOfTheBoxComponent, {
+      item: { itemOpts: {}, ...item },
+      ctx
     });
-  } // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...
-
-
-  return /*#__PURE__*/_jsx__default["default"](Component, {
-    item: item,
-    ctx: ctx
+  }
+  return /* @__PURE__ */ import_react.default.createElement(Component, {
+    item,
+    ctx
   });
 };
-
-exports.OutOfTheBoxMapItem = OutOfTheBoxMapItem;
+module.exports = __toCommonJS(OutOfTheBoxMapItem_exports);
+//# sourceMappingURL=OutOfTheBoxMapItem.js.map

package/cjs/parts/OutOfTheBoxMapItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/OutOfTheBoxMapItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,yBAAsC;AAEtC,mCAA+B;AAExB,MAAM,qBAAqB,CAAC,UAA4C;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA,MAAM,EAAE,MAAM;AAAA,MACZ;AACJ,QAAM,MAAM,qBAAM,WAAW;AAE7B,MAAI,OAAO,SAAS,YAAY,CAAC,CAAC,yCAAsB,OAAO;AAC7D,UAAM,uBAAuB,yCAAsB;AACnD,WAAO,mDAAC,sBAAD;AAAA,MAAsB,MAAM,EAAE,UAAU,OAAO;AAAA,MAAQ;AAAA;AAAA;AAGhE,SAAO,mDAAC,WAAD;AAAA,IAAW;AAAA,IAAY;AAAA;AAAA;",
+  "names": []
+}

package/cjs/prop-types.js

@@ -1,47 +1,66 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var index = require('./outOfTheBox/index.js');
-
+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 prop_types_exports = {};
+__export(prop_types_exports, {
+  LeftNavItemOptionsSchema: () => LeftNavItemOptionsSchema,
+  LeftNavItemPropsSchema: () => LeftNavItemPropsSchema,
+  leftNavItemProps: () => leftNavItemProps,
+  leftNavigationProps: () => leftNavigationProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_outOfTheBox = require("./outOfTheBox");
 const leftNavItemProps = {
-  type: reactDesc.PropTypes.oneOf(index.outOfTheBoxTypes).description('out of the box types'),
-  dsId: reactDesc.PropTypes.string.description('unique identifier for the left nav item'),
-  Component: reactDesc.PropTypes.func.description("A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box"),
-  CollapsedComponent: reactDesc.PropTypes.func.description('A component which is renderer when the left-nav is collapsed'),
-  itemOpts: reactDesc.PropTypes.object.description('Item options')
+  type: import_react_desc.PropTypes.oneOf(import_outOfTheBox.outOfTheBoxTypes).description("out of the box types"),
+  dsId: import_react_desc.PropTypes.string.description("unique identifier for the left nav item"),
+  Component: import_react_desc.PropTypes.func.description("A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box"),
+  CollapsedComponent: import_react_desc.PropTypes.func.description("A component which is renderer when the left-nav is collapsed"),
+  itemOpts: import_react_desc.PropTypes.object.description("Item options")
 };
 const leftNavigationProps = {
-  containerProps: reactDesc.PropTypes.shape({
-    expandedWidth: reactDesc.PropTypes.string
-  }).description('Set of Properties attached to the main container').defaultValue({
-    expandedWidth: '240px'
-  }),
-  expanded: reactDesc.PropTypes.bool.description('Whether to show the left navigation expanded or collapsed').defaultValue(false),
-  loading: reactDesc.PropTypes.bool.description('Whether the left-nav is loading').defaultValue(false),
-  tabIndex: reactDesc.PropTypes.number.description('Tab index').defaultValue(0),
-  openedItem: reactDesc.PropTypes.string.description('The id of the left navigation item you want to be opened').defaultValue(null),
-  footerLabel: reactDesc.PropTypes.string.description('The label to show in the footer item'),
-  onFooterExpand: reactDesc.PropTypes.func.description('The function to call when the left-nav is opened via the footer'),
-  onFooterClose: reactDesc.PropTypes.func.description('The function to call when the left-nav is closed via the footer'),
-  onSelectedChange: reactDesc.PropTypes.func.description('A callback which triggers when the selected item changes').defaultValue(() => null),
-  onFocusChange: reactDesc.PropTypes.func.description('A callback which triggers when the focused item changes').defaultValue(() => null),
-  items: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The array of items you want to render inside the left nav').defaultValue([]),
-  disableDefaultSelection: reactDesc.PropTypes.bool.description('Whether you do not want to automatically select the first body item').defaultValue(false)
+  containerProps: import_react_desc.PropTypes.shape({ expandedWidth: import_react_desc.PropTypes.string }).description("Set of Properties attached to the main container").defaultValue({ expandedWidth: "240px" }),
+  expanded: import_react_desc.PropTypes.bool.description("Whether to show the left navigation expanded or collapsed").defaultValue(false),
+  loading: import_react_desc.PropTypes.bool.description("Whether the left-nav is loading").defaultValue(false),
+  tabIndex: import_react_desc.PropTypes.number.description("Tab index").defaultValue(0),
+  openedItem: import_react_desc.PropTypes.string.description("The id of the left navigation item you want to be opened").defaultValue(null),
+  footerLabel: import_react_desc.PropTypes.string.description("The label to show in the footer item"),
+  onFooterExpand: import_react_desc.PropTypes.func.description("The function to call when the left-nav is opened via the footer"),
+  onFooterClose: import_react_desc.PropTypes.func.description("The function to call when the left-nav is closed via the footer"),
+  onSelectedChange: import_react_desc.PropTypes.func.description("A callback which triggers when the selected item changes").defaultValue(() => null),
+  onFocusChange: import_react_desc.PropTypes.func.description("A callback which triggers when the focused item changes").defaultValue(() => null),
+  items: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.object).description("The array of items you want to render inside the left nav").defaultValue([]),
+  disableDefaultSelection: import_react_desc.PropTypes.bool.description("Whether you do not want to automatically select the first body item").defaultValue(false)
 };
-
 const LeftNavItemProps = () => null;
-
-const LeftNavItemPropsSchema = reactDesc.describe(LeftNavItemProps);
+const LeftNavItemPropsSchema = (0, import_react_desc.describe)(LeftNavItemProps);
 LeftNavItemPropsSchema.propTypes = leftNavItemProps;
-
 const LeftNavItemOptions = () => null;
-
-const LeftNavItemOptionsSchema = reactDesc.describe(LeftNavItemOptions);
+const LeftNavItemOptionsSchema = (0, import_react_desc.describe)(LeftNavItemOptions);
 LeftNavItemOptionsSchema.propTypes = leftNavItemProps;
-
-exports.LeftNavItemOptionsSchema = LeftNavItemOptionsSchema;
-exports.LeftNavItemPropsSchema = LeftNavItemPropsSchema;
-exports.leftNavItemProps = leftNavItemProps;
-exports.leftNavigationProps = leftNavigationProps;
+module.exports = __toCommonJS(prop_types_exports);
+//# sourceMappingURL=prop-types.js.map

package/cjs/prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "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('A component which is renderer when the left-nav is collapsed'),\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.description('Whether to show the left navigation expanded or collapsed').defaultValue(false),\n  loading: PropTypes.bool.description('Whether the left-nav is loading').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('The label to show in the footer item'),\n  onFooterExpand: PropTypes.func.description('The function to call when the left-nav is opened via the footer'),\n  onFooterClose: PropTypes.func.description('The function to call when the left-nav is closed via the footer'),\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  disableDefaultSelection: PropTypes.bool\n    .description('Whether you do not want to automatically select the first body item')\n    .defaultValue(false),\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAoC;AACpC,yBAAiC;AAE1B,MAAM,mBAAmB;AAAA,EAC9B,MAAM,4BAAU,MAAM,qCAAkB,YAAY;AAAA,EACpD,MAAM,4BAAU,OAAO,YAAY;AAAA,EACnC,WAAW,4BAAU,KAAK,YACxB;AAAA,EAEF,oBAAoB,4BAAU,KAAK,YAAY;AAAA,EAC/C,UAAU,4BAAU,OAAO,YAAY;AAAA;AAGlC,MAAM,sBAAsB;AAAA,EACjC,gBAAgB,4BAAU,MAAM,EAAE,eAAe,4BAAU,UACxD,YAAY,oDACZ,aAAa,EAAE,eAAe;AAAA,EACjC,UAAU,4BAAU,KAAK,YAAY,6DAA6D,aAAa;AAAA,EAC/G,SAAS,4BAAU,KAAK,YAAY,mCAAmC,aAAa;AAAA,EACpF,UAAU,4BAAU,OAAO,YAAY,aAAa,aAAa;AAAA,EACjE,YAAY,4BAAU,OACnB,YAAY,4DACZ,aAAa;AAAA,EAChB,aAAa,4BAAU,OAAO,YAAY;AAAA,EAC1C,gBAAgB,4BAAU,KAAK,YAAY;AAAA,EAC3C,eAAe,4BAAU,KAAK,YAAY;AAAA,EAC1C,kBAAkB,4BAAU,KACzB,YAAY,4DACZ,aAAa,MAAM;AAAA,EACtB,eAAe,4BAAU,KACtB,YAAY,2DACZ,aAAa,MAAM;AAAA,EACtB,OAAO,4BAAU,QAAQ,4BAAU,QAChC,YAAY,6DACZ,aAAa;AAAA,EAChB,yBAAyB,4BAAU,KAChC,YAAY,uEACZ,aAAa;AAAA;AAGlB,MAAM,mBAAmB,MAAM;AACxB,MAAM,yBAAyB,gCAAS;AAC/C,uBAAuB,YAAY;AAEnC,MAAM,qBAAqB,MAAM;AAC1B,MAAM,2BAA2B,gCAAS;AACjD,yBAAyB,YAAY;",
+  "names": []
+}

package/esm/LeftNavigation.js

@@ -1,20 +1,22 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import { leftNavigationProps } from './prop-types.js';
-import { LeftNavContext, defaultProps } from './LeftNavigationContext.js';
-import { useLeftNavConfig } from './configs/useLeftNavConfig.js';
-import LeftNavContent from './parts/LeftNavContent/index.js';
-
-var _LeftNavContent;
-const LeftNavigation = props => {
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { leftNavigationProps } from "./prop-types";
+import LeftNavigationContext, { defaultProps } from "./LeftNavigationContext";
+import { useLeftNavConfig } from "./configs/useLeftNavConfig";
+import LeftNavContent from "./parts/LeftNavContent";
+const LeftNavigation = (props) => {
   const leftNavConfig = useLeftNavConfig(props);
-  return /*#__PURE__*/_jsx(LeftNavContext.Provider, {
+  return /* @__PURE__ */ React2.createElement(LeftNavigationContext.Provider, {
     value: leftNavConfig
-  }, void 0, _LeftNavContent || (_LeftNavContent = /*#__PURE__*/_jsx(LeftNavContent, {})));
+  }, /* @__PURE__ */ React2.createElement(LeftNavContent, null));
 };
+LeftNavigation.propTypes = leftNavigationProps;
 LeftNavigation.defaultProps = defaultProps;
-const LeftNavigationWithSchema = describe(LeftNavigation).description('Left Navigation');
+const LeftNavigationWithSchema = describe(LeftNavigation).description("Left Navigation");
 LeftNavigationWithSchema.propTypes = leftNavigationProps;
-
-export { LeftNavigation, LeftNavigationWithSchema };
+export {
+  LeftNavigation,
+  LeftNavigationWithSchema
+};
+//# sourceMappingURL=LeftNavigation.js.map

package/esm/LeftNavigation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/LeftNavigation.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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('Left Navigation');\nLeftNavigationWithSchema.propTypes = leftNavigationProps;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAGO,MAAM,iBAAiB,CAAC,UAAqC;AAClE,QAAM,gBAAgB,iBAAiB;AAEvC,SACE,qCAAC,sBAAsB,UAAvB;AAAA,IAAgC,OAAO;AAAA,KACrC,qCAAC,gBAAD;AAAA;AAKN,eAAe,YAAY;AAC3B,eAAe,eAAe;AAEvB,MAAM,2BAA2B,SAAS,gBAAgB,YAAY;AAC7E,yBAAyB,YAAY;",
+  "names": []
+}

package/esm/LeftNavigationContext.js

@@ -1,18 +1,18 @@
-import { createContext } from 'react';
-
+import * as React from "react";
+import { createContext } from "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 = {
@@ -25,10 +25,14 @@ const defaultContext = {
   openedDrilldowns: [],
   setOpenedDrilldowns: () => null,
   visibleItems: [],
-  visibleItemsRefs: {
-    current: {}
-  }
+  visibleItemsRefs: { current: {} }
 };
-const LeftNavContext = /*#__PURE__*/createContext(defaultContext);
-
-export { LeftNavContext, LeftNavContext as default, defaultContext, defaultProps };
+const LeftNavContext = createContext(defaultContext);
+var LeftNavigationContext_default = LeftNavContext;
+export {
+  LeftNavContext,
+  LeftNavigationContext_default as default,
+  defaultContext,
+  defaultProps
+};
+//# sourceMappingURL=LeftNavigationContext.js.map

package/esm/LeftNavigationContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/LeftNavigationContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { createContext, MutableRefObject, RefObject } from 'react';\nimport type { LeftNavProps, LabelOveflowT } from './index.d';\n\nexport type ContextProps = {\n  selectedItem: string;\n  setSelectedItem: React.Dispatch<React.SetStateAction<string>>;\n  focusedItem: string;\n  setFocusedItem: React.Dispatch<React.SetStateAction<string>>;\n  openedDrilldowns: string[];\n  setOpenedDrilldowns: React.Dispatch<React.SetStateAction<string[]>>;\n  visibleItems: string[];\n  visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;\n  leftNavProps: LeftNavProps;\n  expandedForAnimation: boolean;\n};\n\nexport const defaultProps: LeftNavProps = {\n  expandedWidth: '240px',\n  tabIndex: 0,\n  loading: false,\n  expanded: false,\n  openedItem: null,\n  footerLabel: '',\n  onSelectedChange: () => null,\n  onFocusChange: () => null,\n  onFooterExpand: () => null,\n  onFooterClose: () => null,\n  items: [],\n  labelOverflow: 'wrap' as LabelOveflowT,\n  onItemClick: () => null,\n};\n\nexport const defaultContext: ContextProps = {\n  leftNavProps: defaultProps,\n  selectedItem: null,\n  setSelectedItem: () => null,\n  focusedItem: null,\n  setFocusedItem: () => null,\n  expandedForAnimation: true,\n  openedDrilldowns: [],\n  setOpenedDrilldowns: () => null,\n  visibleItems: [],\n  visibleItemsRefs: { current: {} },\n};\n\nexport const LeftNavContext = createContext<ContextProps>(defaultContext);\n\nexport default LeftNavContext;\n"],
+  "mappings": "AAAA;ACAA;AAgBO,MAAM,eAA6B;AAAA,EACxC,eAAe;AAAA,EACf,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB,MAAM;AAAA,EACxB,eAAe,MAAM;AAAA,EACrB,gBAAgB,MAAM;AAAA,EACtB,eAAe,MAAM;AAAA,EACrB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,aAAa,MAAM;AAAA;AAGd,MAAM,iBAA+B;AAAA,EAC1C,cAAc;AAAA,EACd,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EACvB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EACtB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,qBAAqB,MAAM;AAAA,EAC3B,cAAc;AAAA,EACd,kBAAkB,EAAE,SAAS;AAAA;AAGxB,MAAM,iBAAiB,cAA4B;AAE1D,IAAO,gCAAQ;",
+  "names": []
+}

package/esm/common/getItemBackgroundStyle.js

@@ -1,8 +1,22 @@
-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");
+import * as React from "react";
+const commonItemBackgroundStyle = (color, hoverColor, 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]);
-};
+  background: ${color};
+
+  :hover {
+    background: ${hoverColor};
+  }
 
-export { getItemBackgroundStyle };
+  :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]);
+};
+export {
+  getItemBackgroundStyle
+};
+//# sourceMappingURL=getItemBackgroundStyle.js.map

package/esm/common/getItemBackgroundStyle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/common/getItemBackgroundStyle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const commonItemBackgroundStyle = (\n  color: string,\n  hoverColor: string,\n  activeColor: string,\n): string => `\n\n  background: ${color};\n\n  :hover {\n    background: ${hoverColor};\n  }\n\n  :active {\n    background: ${activeColor};\n  }\n`;\n\nexport const getItemBackgroundStyle = (props: {\n  theme: any;\n  selected: boolean;\n  opened: boolean;\n}): string => {\n  if (props.selected && !props.opened)\n    return commonItemBackgroundStyle(\n      props.theme.colors.brand[200],\n      props.theme.colors.brand[200],\n      props.theme.colors.brand[200],\n    );\n\n  return commonItemBackgroundStyle(\n    props.theme.colors.neutral['000'],\n    props.theme.colors.neutral['080'],\n    props.theme.colors.brand[200],\n  );\n};\n"],
+  "mappings": "AAAA;ACAA,MAAM,4BAA4B,CAChC,OACA,YACA,gBACW;AAAA;AAAA,gBAEG;AAAA;AAAA;AAAA,kBAGE;AAAA;AAAA;AAAA;AAAA,kBAIA;AAAA;AAAA;AAIX,MAAM,yBAAyB,CAAC,UAIzB;AACZ,MAAI,MAAM,YAAY,CAAC,MAAM;AAC3B,WAAO,0BACL,MAAM,MAAM,OAAO,MAAM,MACzB,MAAM,MAAM,OAAO,MAAM,MACzB,MAAM,MAAM,OAAO,MAAM;AAG7B,SAAO,0BACL,MAAM,MAAM,OAAO,QAAQ,QAC3B,MAAM,MAAM,OAAO,QAAQ,QAC3B,MAAM,MAAM,OAAO,MAAM;AAAA;",
+  "names": []
+}

package/esm/common/getLeftBorderStyle.js

@@ -1,8 +1,25 @@
-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");
+import * as React from "react";
+const commonLeftBorderStyle = (color, hoverColor, 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]);
-};
+  -webkit-box-shadow: inset 4px 0 0 0 ${color};
+          box-shadow: inset 4px 0 0 0 ${color};
+
+  :hover {
+    -webkit-box-shadow: inset 4px 0 0 0 ${hoverColor};
+            box-shadow: inset 4px 0 0 0 ${hoverColor};
+  }
 
-export { getLeftBorderStyle };
+  :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]);
+};
+export {
+  getLeftBorderStyle
+};
+//# sourceMappingURL=getLeftBorderStyle.js.map

package/esm/common/getLeftBorderStyle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/common/getLeftBorderStyle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const commonLeftBorderStyle = (\n  color: string,\n  hoverColor: string,\n  activeColor: string,\n): string => `\n\n  -webkit-box-shadow: inset 4px 0 0 0 ${color};\n          box-shadow: inset 4px 0 0 0 ${color};\n\n  :hover {\n    -webkit-box-shadow: inset 4px 0 0 0 ${hoverColor};\n            box-shadow: inset 4px 0 0 0 ${hoverColor};\n  }\n\n  :active {\n    -webkit-box-shadow: inset 4px 0 0 0 ${activeColor};\n            box-shadow: inset 4px 0 0 0 ${activeColor};\n  }\n`;\n\nexport const getLeftBorderStyle = (props: {\n  theme: any;\n  selected: boolean;\n}): string => {\n  if (props.selected || props.selectedParent)\n    return commonLeftBorderStyle(\n      props.theme.colors.brand[400],\n      props.theme.colors.brand[400],\n      props.theme.colors.brand[400],\n    );\n\n  return commonLeftBorderStyle(\n    props.theme.colors.neutral['000'],\n    props.theme.colors.brand[300],\n    props.theme.colors.brand[400],\n  );\n};\n"],
+  "mappings": "AAAA;ACAA,MAAM,wBAAwB,CAC5B,OACA,YACA,gBACW;AAAA;AAAA,wCAE2B;AAAA,wCACA;AAAA;AAAA;AAAA,0CAGE;AAAA,0CACA;AAAA;AAAA;AAAA;AAAA,0CAIA;AAAA,0CACA;AAAA;AAAA;AAInC,MAAM,qBAAqB,CAAC,UAGrB;AACZ,MAAI,MAAM,YAAY,MAAM;AAC1B,WAAO,sBACL,MAAM,MAAM,OAAO,MAAM,MACzB,MAAM,MAAM,OAAO,MAAM,MACzB,MAAM,MAAM,OAAO,MAAM;AAG7B,SAAO,sBACL,MAAM,MAAM,OAAO,QAAQ,QAC3B,MAAM,MAAM,OAAO,MAAM,MACzB,MAAM,MAAM,OAAO,MAAM;AAAA;",
+  "names": []
+}

package/esm/common/getScrollbarStyle.js

@@ -1,3 +1,29 @@
-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";
+import * as React from "react";
+const getScrolbarStyle = () => `
+  ::-webkit-scrollbar {
+    width: 14px;
+  }
+  ::-webkit-scrollbar-thumb {
+    height: 6px;
+    border: 4px solid rgba(0, 0, 0, 0);
 
-export { getScrolbarStyle };
+    background-clip: padding-box;
+
+    background-color: rgba(105, 116, 137, 0.5);
+
+    border-radius: 7px;
+    -webkit-border-radius: 7px;
+  }
+  ::-webkit-scrollbar-button {
+    width: 0;
+    height: 0;
+    display: none;
+  }
+  ::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+`;
+export {
+  getScrolbarStyle
+};
+//# sourceMappingURL=getScrollbarStyle.js.map

package/esm/common/getScrollbarStyle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/common/getScrollbarStyle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getScrolbarStyle = (): string => `\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`;\n"],
+  "mappings": "AAAA;ACAO,MAAM,mBAAmB,MAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/common/index.js

@@ -1,3 +1,5 @@
-export { getItemBackgroundStyle } from './getItemBackgroundStyle.js';
-export { getLeftBorderStyle } from './getLeftBorderStyle.js';
-export { getScrolbarStyle } from './getScrollbarStyle.js';
+import * as React from "react";
+export * from "./getItemBackgroundStyle";
+export * from "./getLeftBorderStyle";
+export * from "./getScrollbarStyle";
+//# sourceMappingURL=index.js.map

package/esm/common/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/common/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './getItemBackgroundStyle';\nexport * from './getLeftBorderStyle';\nexport * from './getScrollbarStyle';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;",
+  "names": []
+}

package/esm/configs/index.js

@@ -1,2 +1,9 @@
-import { useLeftNavConfig } from './useLeftNavConfig.js';
-export { useLeftNavConfig as default, useLeftNavConfig } from './useLeftNavConfig.js';
+import * as React from "react";
+import { useLeftNavConfig } from "./useLeftNavConfig";
+import { useLeftNavConfig as useLeftNavConfig2 } from "./useLeftNavConfig";
+var configs_default = useLeftNavConfig;
+export {
+  configs_default as default,
+  useLeftNavConfig2 as useLeftNavConfig
+};
+//# sourceMappingURL=index.js.map

package/esm/configs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useLeftNavConfig } from './useLeftNavConfig';\n\nexport { useLeftNavConfig } from './useLeftNavConfig';\nexport default useLeftNavConfig;\n"],
+  "mappings": "AAAA;ACAA;AAEA;AACA,IAAO,kBAAQ;",
+  "names": []
+}