@elliemae/ds-left-navigation 2.3.0-next.3 → 3.0.0-alpha.0

package/dist/cjs/prop-types.js

@@ -0,0 +1,66 @@
+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: 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: 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 = (0, import_react_desc.describe)(LeftNavItemProps);
+LeftNavItemPropsSchema.propTypes = leftNavItemProps;
+const LeftNavItemOptions = () => null;
+const LeftNavItemOptionsSchema = (0, import_react_desc.describe)(LeftNavItemOptions);
+LeftNavItemOptionsSchema.propTypes = leftNavItemProps;
+module.exports = __toCommonJS(prop_types_exports);
+//# sourceMappingURL=prop-types.js.map

package/dist/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/dist/esm/LeftNavigation.js

@@ -0,0 +1,22 @@
+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__ */ React2.createElement(LeftNavigationContext.Provider, {
+    value: leftNavConfig
+  }, /* @__PURE__ */ React2.createElement(LeftNavContent, null));
+};
+LeftNavigation.propTypes = leftNavigationProps;
+LeftNavigation.defaultProps = defaultProps;
+const LeftNavigationWithSchema = describe(LeftNavigation).description("Left Navigation");
+LeftNavigationWithSchema.propTypes = leftNavigationProps;
+export {
+  LeftNavigation,
+  LeftNavigationWithSchema
+};
+//# sourceMappingURL=LeftNavigation.js.map

package/dist/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 → dist/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/dist/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 | null;\n  setSelectedItem: React.Dispatch<React.SetStateAction<string | null>>;\n  focusedItem: string | null;\n  setFocusedItem: React.Dispatch<React.SetStateAction<string | null>>;\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/dist/esm/common/getItemBackgroundStyle.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+const commonItemBackgroundStyle = (color, hoverColor, activeColor) => `
+
+  background: ${color};
+
+  :hover {
+    background: ${hoverColor};
+  }
+
+  :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/dist/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/dist/esm/common/getLeftBorderStyle.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+const commonLeftBorderStyle = (color, hoverColor, activeColor) => `
+
+  -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};
+  }
+
+  :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/dist/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/dist/esm/common/getScrollbarStyle.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+const getScrolbarStyle = () => `
+  ::-webkit-scrollbar {
+    width: 14px;
+  }
+  ::-webkit-scrollbar-thumb {
+    height: 6px;
+    border: 4px solid rgba(0, 0, 0, 0);
+
+    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/dist/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/dist/esm/common/index.js

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

package/dist/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/dist/esm/configs/index.js

@@ -0,0 +1,9 @@
+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/dist/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": []
+}

package/dist/esm/configs/useLeftNavConfig.js

@@ -0,0 +1,77 @@
+import * as React from "react";
+import React2 from "react";
+import useLeftNavItems from "./useLeftNavItems";
+import { useLeftNavSmoothExpand } from "./useLeftNavSmoothExpand";
+import { useSelectFirstBodyItem } from "../hooks/useSelectFirstBodyItem";
+const useLeftNavConfig = (props) => {
+  const { expanded, openedItem, onSelectedChange, onFocusChange, items } = props;
+  const [selectedItem, setSelectedItem] = React2.useState(null);
+  const [selectedParent, setSelectedParent] = React2.useState(null);
+  const [focusedItem, setFocusedItem] = React2.useState(null);
+  const [openedDrilldowns, setOpenedDrilldowns] = React2.useState([]);
+  const [expandedForAnimation, setExpandedForAnimation] = React2.useState(expanded);
+  const timeoutRef = React2.useRef(null);
+  const smoothExpandOpts = React2.useMemo(() => ({
+    expandedForAnimation,
+    timeoutRef,
+    setExpandedForAnimation
+  }), [expandedForAnimation, timeoutRef, setExpandedForAnimation]);
+  useLeftNavSmoothExpand(props, smoothExpandOpts);
+  React2.useEffect(() => {
+    onSelectedChange(selectedItem);
+  }, [selectedItem, onSelectedChange]);
+  React2.useEffect(() => {
+    if (props.actionRef && props.actionRef.current) {
+      props.actionRef.current.setFocusedItem = setFocusedItem;
+    }
+  }, [props.actionRef]);
+  React2.useEffect(() => {
+    if (openedItem !== null)
+      setSelectedParent(openedItem);
+  }, [openedItem]);
+  React2.useEffect(() => {
+    onFocusChange(focusedItem);
+  }, [focusedItem, onFocusChange]);
+  useSelectFirstBodyItem(items, openedItem, props.selectedItem !== void 0 ? props.selectedItem : selectedItem, setSelectedItem, props.disableDefaultSelection);
+  const leftNavItemsProps = React2.useMemo(() => ({
+    headerItem: props.HeaderComponent,
+    bodyHeaderItem: props.BodyHeaderComponent,
+    items: props.items,
+    openedDrilldowns
+  }), [props.HeaderComponent, props.BodyHeaderComponent, props.items, openedDrilldowns]);
+  const { visibleItems, visibleItemsRefs } = useLeftNavItems(leftNavItemsProps);
+  const finalConfig = React2.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,
+    visibleItems,
+    visibleItemsRefs
+  }), [
+    props,
+    expandedForAnimation,
+    selectedItem,
+    setSelectedItem,
+    setSelectedParent,
+    selectedParent,
+    focusedItem,
+    setFocusedItem,
+    openedDrilldowns,
+    setOpenedDrilldowns,
+    visibleItems,
+    visibleItemsRefs
+  ]);
+  return finalConfig;
+};
+var useLeftNavConfig_default = useLeftNavConfig;
+export {
+  useLeftNavConfig_default as default,
+  useLeftNavConfig
+};
+//# sourceMappingURL=useLeftNavConfig.js.map

package/dist/esm/configs/useLeftNavConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useLeftNavConfig.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { LeftNavProps } from '../index.d';\nimport { ContextProps } from '../LeftNavigationContext';\nimport useLeftNavItems from './useLeftNavItems';\nimport { useLeftNavSmoothExpand } from './useLeftNavSmoothExpand';\nimport { useSelectFirstBodyItem } from '../hooks/useSelectFirstBodyItem';\n\nexport const useLeftNavConfig = (props: LeftNavProps): ContextProps => {\n  const { expanded, openedItem, onSelectedChange, onFocusChange, items } = props;\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         INTERNAL STATE                         *\n  // ************************** ------------ **************************\n  // Selection related\n  const [selectedItem, setSelectedItem] = React.useState<string | null>(null);\n  const [selectedParent, setSelectedParent] = React.useState<string | null>(null);\n  // Focus related\n  const [focusedItem, setFocusedItem] = React.useState<string | null>(null);\n  // Opened uncontrolled drilldowns\n  const [openedDrilldowns, setOpenedDrilldowns] = React.useState<string[]>([]);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        EXPAND ANIMATION                        *\n  // ************************** ------------ **************************\n  const [expandedForAnimation, setExpandedForAnimation] = React.useState(expanded);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout>>(null);\n  const smoothExpandOpts = React.useMemo(\n    () => ({\n      expandedForAnimation,\n      timeoutRef,\n      setExpandedForAnimation,\n    }),\n    [expandedForAnimation, timeoutRef, setExpandedForAnimation],\n  );\n  useLeftNavSmoothExpand(props, smoothExpandOpts);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                          SIDE EFFECTS                          *\n  // ************************** ------------ **************************\n  React.useEffect(() => {\n    onSelectedChange(selectedItem);\n  }, [selectedItem, onSelectedChange]);\n\n  React.useEffect(() => {\n    if (props.actionRef && props.actionRef.current) {\n      props.actionRef.current.setFocusedItem = setFocusedItem;\n    }\n  }, [props.actionRef]);\n\n  React.useEffect(() => {\n    if (openedItem !== null) setSelectedParent(openedItem);\n  }, [openedItem]);\n\n  React.useEffect(() => {\n    onFocusChange(focusedItem);\n  }, [focusedItem, onFocusChange]);\n\n  useSelectFirstBodyItem(\n    items,\n    openedItem,\n    props.selectedItem !== undefined ? props.selectedItem : selectedItem,\n    setSelectedItem,\n    props.disableDefaultSelection,\n  );\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                        ITEMS MANAGEMENT                        *\n  // ************************** ------------ **************************\n\n  const leftNavItemsProps = React.useMemo(\n    () => ({\n      headerItem: props.HeaderComponent,\n      bodyHeaderItem: props.BodyHeaderComponent,\n      items: props.items,\n      openedDrilldowns,\n    }),\n    [props.HeaderComponent, props.BodyHeaderComponent, props.items, openedDrilldowns],\n  );\n\n  // We need to know the current visible items since we have drilldowns\n  const { visibleItems, visibleItemsRefs } = useLeftNavItems(leftNavItemsProps);\n\n  // -----------------------------------------------------------------------------\n  // ************************** ------------ **************************\n  // *                         LEFTNAV CONFIG                         *\n  // ************************** ------------ **************************\n  const finalConfig = React.useMemo(\n    () => ({\n      leftNavProps: props,\n      expandedForAnimation,\n      selectedItem: props.selectedItem !== undefined ? props.selectedItem : selectedItem,\n      setSelectedItem,\n      selectedParent: props.selectedParent !== undefined ? props.selectedParent : selectedParent,\n      setSelectedParent,\n      focusedItem,\n      setFocusedItem,\n      openedDrilldowns,\n      setOpenedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    }),\n    [\n      props,\n      expandedForAnimation,\n      selectedItem,\n      setSelectedItem,\n      setSelectedParent,\n      selectedParent,\n      focusedItem,\n      setFocusedItem,\n      openedDrilldowns,\n      setOpenedDrilldowns,\n      visibleItems,\n      visibleItemsRefs,\n    ],\n  );\n\n  return finalConfig;\n};\n\nexport default useLeftNavConfig;\n"],
+  "mappings": "AAAA;ACAA;AAGA;AACA;AACA;AAEO,MAAM,mBAAmB,CAAC,UAAsC;AACrE,QAAM,EAAE,UAAU,YAAY,kBAAkB,eAAe,UAAU;AAOzE,QAAM,CAAC,cAAc,mBAAmB,OAAM,SAAwB;AACtE,QAAM,CAAC,gBAAgB,qBAAqB,OAAM,SAAwB;AAE1E,QAAM,CAAC,aAAa,kBAAkB,OAAM,SAAwB;AAEpE,QAAM,CAAC,kBAAkB,uBAAuB,OAAM,SAAmB;AAMzE,QAAM,CAAC,sBAAsB,2BAA2B,OAAM,SAAS;AACvE,QAAM,aAAa,OAAM,OAAsC;AAC/D,QAAM,mBAAmB,OAAM,QAC7B,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,sBAAsB,YAAY;AAErC,yBAAuB,OAAO;AAM9B,SAAM,UAAU,MAAM;AACpB,qBAAiB;AAAA,KAChB,CAAC,cAAc;AAElB,SAAM,UAAU,MAAM;AACpB,QAAI,MAAM,aAAa,MAAM,UAAU,SAAS;AAC9C,YAAM,UAAU,QAAQ,iBAAiB;AAAA;AAAA,KAE1C,CAAC,MAAM;AAEV,SAAM,UAAU,MAAM;AACpB,QAAI,eAAe;AAAM,wBAAkB;AAAA,KAC1C,CAAC;AAEJ,SAAM,UAAU,MAAM;AACpB,kBAAc;AAAA,KACb,CAAC,aAAa;AAEjB,yBACE,OACA,YACA,MAAM,iBAAiB,SAAY,MAAM,eAAe,cACxD,iBACA,MAAM;AAQR,QAAM,oBAAoB,OAAM,QAC9B,MAAO;AAAA,IACL,YAAY,MAAM;AAAA,IAClB,gBAAgB,MAAM;AAAA,IACtB,OAAO,MAAM;AAAA,IACb;AAAA,MAEF,CAAC,MAAM,iBAAiB,MAAM,qBAAqB,MAAM,OAAO;AAIlE,QAAM,EAAE,cAAc,qBAAqB,gBAAgB;AAM3D,QAAM,cAAc,OAAM,QACxB,MAAO;AAAA,IACL,cAAc;AAAA,IACd;AAAA,IACA,cAAc,MAAM,iBAAiB,SAAY,MAAM,eAAe;AAAA,IACtE;AAAA,IACA,gBAAgB,MAAM,mBAAmB,SAAY,MAAM,iBAAiB;AAAA,IAC5E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;AAGT,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/esm/configs/useLeftNavItems.js

@@ -0,0 +1,53 @@
+import * as React from "react";
+import { createRef, useMemo, useRef } from "react";
+import { ITEM_TYPES } from "../exported-related";
+import { FOOTER_DS_ID } from "../exported-related/constants";
+const notFocuseableItems = [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, ITEM_TYPES.LEFT_NAV_ITEM_SECTION];
+const walkItems = (items, openedDrilldowns, callback) => {
+  items.forEach((item) => {
+    if (typeof item.type === "string") {
+      if (notFocuseableItems.includes(item.type))
+        return;
+      callback(item.dsId);
+      if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN && openedDrilldowns.includes(item.dsId))
+        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);
+      if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN && item.itemOpts?.isOpened)
+        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);
+    } else {
+      if (!item.itemOpts?.focuseable)
+        return;
+      callback(item.dsId);
+    }
+  });
+};
+const useLeftNavItems = (props) => {
+  const { headerItem, bodyHeaderItem, items: bodyItems, openedDrilldowns } = props;
+  const items = useMemo(() => {
+    const itemsArray = [...bodyItems];
+    if (bodyHeaderItem)
+      itemsArray.unshift(bodyHeaderItem);
+    if (headerItem)
+      itemsArray.unshift(headerItem);
+    return itemsArray;
+  }, [headerItem, bodyHeaderItem, bodyItems]);
+  const visibleItemsRefs = useRef({});
+  const visibleItems = useMemo(() => {
+    const visibleItemsArray = [];
+    walkItems(items, openedDrilldowns, (dsId) => {
+      visibleItemsArray.push(dsId);
+    });
+    visibleItemsArray.push(FOOTER_DS_ID);
+    return visibleItemsArray;
+  }, [items, openedDrilldowns]);
+  visibleItems.forEach((dsId) => {
+    if (!(dsId in visibleItemsRefs.current))
+      visibleItemsRefs.current[dsId] = createRef();
+  });
+  return { visibleItems, visibleItemsRefs };
+};
+var useLeftNavItems_default = useLeftNavItems;
+export {
+  useLeftNavItems_default as default,
+  useLeftNavItems
+};
+//# sourceMappingURL=useLeftNavItems.js.map

package/dist/esm/configs/useLeftNavItems.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useLeftNavItems.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { createRef, MutableRefObject, RefObject, useMemo, useRef } from 'react';\nimport { ITEM_TYPES } from '../exported-related';\nimport type { GenericItemItemProps } from '../index.d';\nimport { FOOTER_DS_ID } from '../exported-related/constants';\n\nconst notFocuseableItems = [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, ITEM_TYPES.LEFT_NAV_ITEM_SECTION];\n\n// Walks the array of items\n// Drilldowns are tree-like structures\nconst walkItems = (items: GenericItemItemProps[], openedDrilldowns: string[], callback: (dsId: string) => void) => {\n  items.forEach((item) => {\n    if (typeof item.type === 'string') {\n      // Out of the box item\n      if (notFocuseableItems.includes(item.type)) return; // not focuseable\n\n      callback(item.dsId);\n\n      // If it's an opened uncontrolled drilldown\n      if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN && openedDrilldowns.includes(item.dsId))\n        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n\n      // If it's an opened controlled drilldown\n      if (item.type === ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN && item.itemOpts?.isOpened)\n        walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);\n    } else {\n      // Custom item\n      if (!item.itemOpts?.focuseable) return; // not focuseable specified\n      callback(item.dsId);\n    }\n  });\n};\n\nexport const useLeftNavItems = (props: {\n  headerItem: GenericItemItemProps;\n  bodyHeaderItem: GenericItemItemProps;\n  items: GenericItemItemProps[];\n  openedDrilldowns: string[];\n}): {\n  visibleItems: string[];\n  visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;\n} => {\n  const { headerItem, bodyHeaderItem, items: bodyItems, openedDrilldowns } = props;\n\n  // Place the header and body header items into the array of items\n  const items = useMemo(() => {\n    const itemsArray: GenericItemItemProps[] = [...bodyItems];\n    if (bodyHeaderItem) itemsArray.unshift(bodyHeaderItem);\n    if (headerItem) itemsArray.unshift(headerItem);\n    return itemsArray;\n  }, [headerItem, bodyHeaderItem, bodyItems]);\n\n  const visibleItemsRefs = useRef<Record<string, RefObject<HTMLElement>>>({});\n\n  const visibleItems: string[] = useMemo(() => {\n    const visibleItemsArray: string[] = [];\n    walkItems(items, openedDrilldowns, (dsId: string) => {\n      visibleItemsArray.push(dsId);\n    });\n    visibleItemsArray.push(FOOTER_DS_ID);\n    return visibleItemsArray;\n  }, [items, openedDrilldowns]);\n\n  visibleItems.forEach((dsId) => {\n    if (!(dsId in visibleItemsRefs.current)) visibleItemsRefs.current[dsId] = createRef();\n  });\n\n  return { visibleItems, visibleItemsRefs };\n};\n\nexport default useLeftNavItems;\n"],
+  "mappings": "AAAA;ACCA;AACA;AAEA;AAEA,MAAM,qBAAqB,CAAC,WAAW,yBAAyB,WAAW;AAI3E,MAAM,YAAY,CAAC,OAA+B,kBAA4B,aAAqC;AACjH,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI,OAAO,KAAK,SAAS,UAAU;AAEjC,UAAI,mBAAmB,SAAS,KAAK;AAAO;AAE5C,eAAS,KAAK;AAGd,UAAI,KAAK,SAAS,WAAW,wCAAwC,iBAAiB,SAAS,KAAK;AAClG,kBAAU,KAAK,UAAU,SAAS,IAAI,kBAAkB;AAG1D,UAAI,KAAK,SAAS,WAAW,sCAAsC,KAAK,UAAU;AAChF,kBAAU,KAAK,UAAU,SAAS,IAAI,kBAAkB;AAAA,WACrD;AAEL,UAAI,CAAC,KAAK,UAAU;AAAY;AAChC,eAAS,KAAK;AAAA;AAAA;AAAA;AAKb,MAAM,kBAAkB,CAAC,UAQ3B;AACH,QAAM,EAAE,YAAY,gBAAgB,OAAO,WAAW,qBAAqB;AAG3E,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,aAAqC,CAAC,GAAG;AAC/C,QAAI;AAAgB,iBAAW,QAAQ;AACvC,QAAI;AAAY,iBAAW,QAAQ;AACnC,WAAO;AAAA,KACN,CAAC,YAAY,gBAAgB;AAEhC,QAAM,mBAAmB,OAA+C;AAExE,QAAM,eAAyB,QAAQ,MAAM;AAC3C,UAAM,oBAA8B;AACpC,cAAU,OAAO,kBAAkB,CAAC,SAAiB;AACnD,wBAAkB,KAAK;AAAA;AAEzB,sBAAkB,KAAK;AACvB,WAAO;AAAA,KACN,CAAC,OAAO;AAEX,eAAa,QAAQ,CAAC,SAAS;AAC7B,QAAI,CAAE,SAAQ,iBAAiB;AAAU,uBAAiB,QAAQ,QAAQ;AAAA;AAG5E,SAAO,EAAE,cAAc;AAAA;AAGzB,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/esm/configs/useLeftNavSmoothExpand.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import React2 from "react";
+const useLeftNavSmoothExpand = (props, smoothExpandOpts) => {
+  const { expanded } = props;
+  const { expandedForAnimation, timeoutRef, setExpandedForAnimation } = smoothExpandOpts;
+  React2.useEffect(() => {
+    if (!expanded && expandedForAnimation) {
+      if (timeoutRef.current)
+        clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => setExpandedForAnimation(false), 350);
+    } else if (expanded)
+      setExpandedForAnimation(true);
+  }, [expanded]);
+  React2.useEffect(() => () => {
+    if (timeoutRef.current)
+      clearTimeout(timeoutRef.current);
+  }, [timeoutRef]);
+};
+var useLeftNavSmoothExpand_default = useLeftNavSmoothExpand;
+export {
+  useLeftNavSmoothExpand_default as default,
+  useLeftNavSmoothExpand
+};
+//# sourceMappingURL=useLeftNavSmoothExpand.js.map

package/dist/esm/configs/useLeftNavSmoothExpand.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useLeftNavSmoothExpand.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { LeftNavProps } from '../index.d';\n\ninterface SmoothExpandOptsT {\n  expandedForAnimation: boolean;\n  timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>;\n  setExpandedForAnimation: React.Dispatch<React.SetStateAction<boolean>>;\n}\nexport const useLeftNavSmoothExpand = (props: LeftNavProps, smoothExpandOpts: SmoothExpandOptsT): void => {\n  const { expanded } = props;\n  const { expandedForAnimation, timeoutRef, setExpandedForAnimation } = smoothExpandOpts;\n\n  React.useEffect(() => {\n    // If expanded changes, we need to smoothly transition to the non-expanded state\n    // so we need to wait for 350ms\n    if (!expanded && expandedForAnimation) {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      timeoutRef.current = setTimeout(() => setExpandedForAnimation(false), 350);\n    } else if (expanded) setExpandedForAnimation(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [expanded]);\n\n  React.useEffect(\n    () => () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    },\n    [timeoutRef],\n  );\n};\n\nexport default useLeftNavSmoothExpand;\n"],
+  "mappings": "AAAA;ACAA;AAQO,MAAM,yBAAyB,CAAC,OAAqB,qBAA8C;AACxG,QAAM,EAAE,aAAa;AACrB,QAAM,EAAE,sBAAsB,YAAY,4BAA4B;AAEtE,SAAM,UAAU,MAAM;AAGpB,QAAI,CAAC,YAAY,sBAAsB;AACrC,UAAI,WAAW;AAAS,qBAAa,WAAW;AAChD,iBAAW,UAAU,WAAW,MAAM,wBAAwB,QAAQ;AAAA,eAC7D;AAAU,8BAAwB;AAAA,KAE5C,CAAC;AAEJ,SAAM,UACJ,MAAM,MAAM;AACV,QAAI,WAAW;AAAS,mBAAa,WAAW;AAAA,KAElD,CAAC;AAAA;AAIL,IAAO,iCAAQ;",
+  "names": []
+}

package/dist/esm/exported-related/ChevronItem/index.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import React2 from "react";
+import { ChevronSmallRight } from "@elliemae/ds-icons";
+const ChevronItem = (props) => /* @__PURE__ */ React2.createElement(ChevronSmallRight, {
+  size: "m",
+  color: ["brand-primary", 800],
+  ...props
+});
+var ChevronItem_default = ChevronItem;
+export {
+  ChevronItem,
+  ChevronItem_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/exported-related/ChevronItem/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/ChevronItem/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\n\nexport const ChevronItem = (props: unknown): JSX.Element => (\n  <ChevronSmallRight size=\"m\" color={['brand-primary', 800]} {...props} />\n);\n\nexport default ChevronItem;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,cAAc,CAAC,UAC1B,qCAAC,mBAAD;AAAA,EAAmB,MAAK;AAAA,EAAI,OAAO,CAAC,iBAAiB;AAAA,KAAU;AAAA;AAGjE,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/esm/exported-related/Icon/index.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+const AugmentedIcon = (Icon2) => styled(Icon2)`
+  cursor: pointer;
+
+  outline: 0;
+  :focus,
+  :active {
+    outline: 1px solid #1e79c2;
+  }
+`;
+const Icon = (IconComponent) => (props) => {
+  const StyledComponent = AugmentedIcon(IconComponent);
+  return /* @__PURE__ */ React2.createElement(StyledComponent, {
+    color: ["brand-primary", 800],
+    tabIndex: 0,
+    ...props
+  });
+};
+export {
+  Icon
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/exported-related/Icon/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Icon/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\n\nconst AugmentedIcon = (\n  Icon: React.ComponentType<{ color: unknown; tabIndex: number }>,\n) => styled(Icon)`\n  cursor: pointer;\n\n  outline: 0;\n  :focus,\n  :active {\n    outline: 1px solid #1e79c2;\n  }\n`;\n\nexport const Icon = (\n  IconComponent: React.ComponentType<{ color: unknown; tabIndex: number }>,\n) => (props: unknown): JSX.Element => {\n  const StyledComponent = AugmentedIcon(IconComponent);\n  return (\n    <StyledComponent color={['brand-primary', 800]} tabIndex={0} {...props} />\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,gBAAgB,CACpB,UACG,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUL,MAAM,OAAO,CAClB,kBACG,CAAC,UAAgC;AACpC,QAAM,kBAAkB,cAAc;AACtC,SACE,qCAAC,iBAAD;AAAA,IAAiB,OAAO,CAAC,iBAAiB;AAAA,IAAM,UAAU;AAAA,OAAO;AAAA;AAAA;",
+  "names": []
+}