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

package/dist/esm/parts/LeftNavContent/index.js

@@ -1,67 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { LeftNavContext } from "../../LeftNavigationContext";
-import { LeftNavFooterItem } from "../LeftNavFooterItem";
-import { LeftNavContentWithScrollbar } from "../LeftNavContentWithScrollbar";
-import { OutOfTheBoxMapItem } from "../OutOfTheBoxMapItem";
-import {
-  StyledLeftNavExpandAnimationWrapper,
-  StyledLeftNavAreasContainer,
-  StyledLeftNavHeaderArea,
-  StyledLeftNavBodyAreasContainer,
-  StyledLeftNavBodyHeaderArea,
-  StyledLeftNavBodyItemsArea,
-  StyledLeftNavFooterArea
-} from "./styled";
-import { LeftNavLoading } from "../LeftNavLoading";
-const leftNavScreenReaderInstructions = "Left Navigation. You can navigate through the items using the Up/Down arrows. To expand or select an item, use the Enter/Return or Space keys. Expandable items can also be opened/closed with the Right/Left arrows. The Home and End keys will take you to the first and last item respectively.";
-const LeftNavInnerContent = () => {
-  const {
-    leftNavProps: { HeaderComponent, BodyHeaderComponent, openedItem, items, withoutBodyShadow },
-    selectedItem
-  } = React2.useContext(LeftNavContext);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledLeftNavHeaderArea, {
-    "data-testid": "leftnav-header-area",
-    selected: HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)
-  }, HeaderComponent ? /* @__PURE__ */ React2.createElement(OutOfTheBoxMapItem, {
-    item: HeaderComponent
-  }) : null), /* @__PURE__ */ React2.createElement(StyledLeftNavBodyAreasContainer, null, /* @__PURE__ */ React2.createElement(StyledLeftNavBodyHeaderArea, {
-    "data-testid": "leftnav-body-header-area",
-    selected: BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)
-  }, BodyHeaderComponent ? /* @__PURE__ */ React2.createElement(OutOfTheBoxMapItem, {
-    item: BodyHeaderComponent
-  }) : null), /* @__PURE__ */ React2.createElement(StyledLeftNavBodyItemsArea, {
-    selected: !withoutBodyShadow && openedItem !== null,
-    "data-testid": "leftnav-body-items-area",
-    tabIndex: -1
-  }, /* @__PURE__ */ React2.createElement(LeftNavContentWithScrollbar, null, items.map((item) => /* @__PURE__ */ React2.createElement(OutOfTheBoxMapItem, {
-    item,
-    key: item.dsId
-  }))))));
-};
-const LeftNavContent = () => {
-  const {
-    expandedForAnimation,
-    leftNavProps: { expanded, expandedWidth, footerLabel, onFooterExpand, onFooterClose, loading }
-  } = React2.useContext(LeftNavContext);
-  return /* @__PURE__ */ React2.createElement(StyledLeftNavExpandAnimationWrapper, {
-    expandedWidth,
-    expanded,
-    "data-testid": "leftnav-component",
-    "aria-label": leftNavScreenReaderInstructions
-  }, /* @__PURE__ */ React2.createElement(StyledLeftNavAreasContainer, {
-    expandedWidth,
-    expanded: expandedForAnimation
-  }, loading && /* @__PURE__ */ React2.createElement(LeftNavLoading, {
-    expanded: expandedForAnimation
-  }), !loading && /* @__PURE__ */ React2.createElement(LeftNavInnerContent, null), /* @__PURE__ */ React2.createElement(StyledLeftNavFooterArea, null, /* @__PURE__ */ React2.createElement(LeftNavFooterItem, {
-    footerLabel,
-    onFooterExpand,
-    onFooterClose
-  }))));
-};
-var LeftNavContent_default = LeftNavContent;
-export {
-  LeftNavContent_default as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/parts/LeftNavContent/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavContent/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { LeftNavFooterItem } from '../LeftNavFooterItem';\nimport { LeftNavContentWithScrollbar } from '../LeftNavContentWithScrollbar';\nimport { OutOfTheBoxMapItem } from '../OutOfTheBoxMapItem';\nimport {\n  StyledLeftNavExpandAnimationWrapper,\n  StyledLeftNavAreasContainer,\n  StyledLeftNavHeaderArea,\n  StyledLeftNavBodyAreasContainer,\n  StyledLeftNavBodyHeaderArea,\n  StyledLeftNavBodyItemsArea,\n  StyledLeftNavFooterArea,\n} from './styled';\nimport { LeftNavLoading } from '../LeftNavLoading';\n\nconst leftNavScreenReaderInstructions =\n  'Left Navigation. You can navigate through the items using the Up/Down arrows. ' +\n  'To expand or select an item, use the Enter/Return or Space keys. ' +\n  'Expandable items can also be opened/closed with the Right/Left arrows. ' +\n  'The Home and End keys will take you to the first and last item respectively.';\n\nconst LeftNavInnerContent = () => {\n  const {\n    leftNavProps: { HeaderComponent, BodyHeaderComponent, openedItem, items, withoutBodyShadow },\n    selectedItem,\n  } = React.useContext(LeftNavContext);\n  return (\n    <>\n      <StyledLeftNavHeaderArea\n        data-testid=\"leftnav-header-area\"\n        selected={HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)}\n      >\n        {HeaderComponent ? <OutOfTheBoxMapItem item={HeaderComponent} /> : null}\n      </StyledLeftNavHeaderArea>\n      <StyledLeftNavBodyAreasContainer>\n        <StyledLeftNavBodyHeaderArea\n          data-testid=\"leftnav-body-header-area\"\n          selected={BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)}\n        >\n          {BodyHeaderComponent ? <OutOfTheBoxMapItem item={BodyHeaderComponent} /> : null}\n        </StyledLeftNavBodyHeaderArea>\n        <StyledLeftNavBodyItemsArea\n          selected={!withoutBodyShadow && openedItem !== null}\n          data-testid=\"leftnav-body-items-area\"\n          tabIndex={-1}\n        >\n          <LeftNavContentWithScrollbar>\n            {items.map((item) => (\n              <OutOfTheBoxMapItem item={item} key={item.dsId} />\n            ))}\n          </LeftNavContentWithScrollbar>\n        </StyledLeftNavBodyItemsArea>\n      </StyledLeftNavBodyAreasContainer>\n    </>\n  );\n};\n\nconst LeftNavContent: React.ComponentType = () => {\n  const {\n    expandedForAnimation,\n    leftNavProps: { expanded, expandedWidth, footerLabel, onFooterExpand, onFooterClose, loading },\n  } = React.useContext(LeftNavContext);\n\n  return (\n    <StyledLeftNavExpandAnimationWrapper\n      expandedWidth={expandedWidth}\n      expanded={expanded}\n      data-testid=\"leftnav-component\"\n      aria-label={leftNavScreenReaderInstructions}\n    >\n      <StyledLeftNavAreasContainer expandedWidth={expandedWidth} expanded={expandedForAnimation}>\n        {loading && <LeftNavLoading expanded={expandedForAnimation} />}\n        {!loading && <LeftNavInnerContent />}\n        <StyledLeftNavFooterArea>\n          <LeftNavFooterItem footerLabel={footerLabel} onFooterExpand={onFooterExpand} onFooterClose={onFooterClose} />\n        </StyledLeftNavFooterArea>\n      </StyledLeftNavAreasContainer>\n    </StyledLeftNavExpandAnimationWrapper>\n  );\n};\n\nexport default LeftNavContent;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AAEA,MAAM,kCACJ;AAKF,MAAM,sBAAsB,MAAM;AAChC,QAAM;AAAA,IACJ,cAAc,EAAE,iBAAiB,qBAAqB,YAAY,OAAO;AAAA,IACzE;AAAA,MACE,OAAM,WAAW;AACrB,SACE,4DACE,qCAAC,yBAAD;AAAA,IACE,eAAY;AAAA,IACZ,UAAU,mBAAmB,CAAC,cAAc,YAAY,SAAS,gBAAgB;AAAA,KAEhF,kBAAkB,qCAAC,oBAAD;AAAA,IAAoB,MAAM;AAAA,OAAsB,OAErE,qCAAC,iCAAD,MACE,qCAAC,6BAAD;AAAA,IACE,eAAY;AAAA,IACZ,UAAU,uBAAuB,CAAC,cAAc,YAAY,SAAS,oBAAoB;AAAA,KAExF,sBAAsB,qCAAC,oBAAD;AAAA,IAAoB,MAAM;AAAA,OAA0B,OAE7E,qCAAC,4BAAD;AAAA,IACE,UAAU,CAAC,qBAAqB,eAAe;AAAA,IAC/C,eAAY;AAAA,IACZ,UAAU;AAAA,KAEV,qCAAC,6BAAD,MACG,MAAM,IAAI,CAAC,SACV,qCAAC,oBAAD;AAAA,IAAoB;AAAA,IAAY,KAAK,KAAK;AAAA;AAAA;AASxD,MAAM,iBAAsC,MAAM;AAChD,QAAM;AAAA,IACJ;AAAA,IACA,cAAc,EAAE,UAAU,eAAe,aAAa,gBAAgB,eAAe;AAAA,MACnF,OAAM,WAAW;AAErB,SACE,qCAAC,qCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ,cAAY;AAAA,KAEZ,qCAAC,6BAAD;AAAA,IAA6B;AAAA,IAA8B,UAAU;AAAA,KAClE,WAAW,qCAAC,gBAAD;AAAA,IAAgB,UAAU;AAAA,MACrC,CAAC,WAAW,qCAAC,qBAAD,OACb,qCAAC,yBAAD,MACE,qCAAC,mBAAD;AAAA,IAAmB;AAAA,IAA0B;AAAA,IAAgC;AAAA;AAAA;AAOvF,IAAO,yBAAQ;",
-  "names": []
-}

package/dist/esm/parts/LeftNavContent/styled.js

@@ -1,84 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const getLeftShadowStyles = ({
-  selected,
-  selectedParent,
-  theme
-}) => {
-  if (!selected && !selectedParent) {
-    return `
-      box-shadow: inset 4px 0 0 0 transparent;
-      :hover {
-        box-shadow: inset 4px 0 0 0 ${theme.colors.brand[300]};
-      }
-      :active {
-        box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};
-      }
-    `;
-  }
-  return `box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};`;
-};
-const StyledLeftNavExpandAnimationWrapper = styled.nav`
-  width: ${(props) => props.expanded ? props.expandedWidth : "48px"};
-  transition: width ${(props) => props.expanded ? "ease-out" : "ease-in"} 350ms;
-  box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};
-  border: 1px solid ${(props) => props.theme.colors.neutral[100]};
-  overflow: hidden;
-  height: 100%;
-  position: relative;
-`;
-const StyledLeftNavAreasContainer = styled.div`
-  position: absolute;
-  width: ${(props) => props.expanded ? `calc(${props.expandedWidth} - 2px)` : "46px"};
-  height: 100%;
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: auto 1fr auto;
-  grid-template-areas:
-    'left-nav-header'
-    'left-nav-body'
-    'left-nav-footer';
-`;
-const StyledLeftNavHeaderArea = styled.div`
-  grid-area: left-nav-header;
-  ${getLeftShadowStyles}
-`;
-const StyledLeftNavBodyAreasContainer = styled.div`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: auto 1fr;
-  grid-template-areas:
-    'left-nav-body-header'
-    'left-nav-body-body';
-  grid-area: left-nav-body;
-`;
-const StyledLeftNavBodyHeaderArea = styled.div`
-  width: 100%;
-  grid-area: left-nav-body-header;
-  ${getLeftShadowStyles}
-`;
-const StyledLeftNavBodyItemsArea = styled.div`
-  width: 100%;
-  grid-area: left-nav-body-body;
-  max-height: 100%;
-  overflow-y: hidden;
-  overflow-x: hidden;
-  box-shadow: inset 4px 0 0 0 ${(props) => props.selected ? props.theme.colors.brand[400] : "transparent"};
-`;
-const StyledLeftNavFooterArea = styled.div`
-  width: 100%;
-  grid-area: left-nav-footer;
-`;
-export {
-  StyledLeftNavAreasContainer,
-  StyledLeftNavBodyAreasContainer,
-  StyledLeftNavBodyHeaderArea,
-  StyledLeftNavBodyItemsArea,
-  StyledLeftNavExpandAnimationWrapper,
-  StyledLeftNavFooterArea,
-  StyledLeftNavHeaderArea
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/parts/LeftNavContent/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavContent/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\ntype LeftNavProps = {\n  expanded: boolean;\n  expandedWidth: string;\n};\n\nconst getLeftShadowStyles = ({\n  selected,\n  selectedParent,\n  theme,\n}: {\n  selected: boolean;\n  selectedParent: boolean;\n  theme: any;\n}) => {\n  if (!selected && !selectedParent) {\n    return `\n      box-shadow: inset 4px 0 0 0 transparent;\n      :hover {\n        box-shadow: inset 4px 0 0 0 ${theme.colors.brand[300]};\n      }\n      :active {\n        box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n      }\n    `;\n  }\n  return `box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};`;\n};\n\nexport const StyledLeftNavExpandAnimationWrapper = styled.nav<LeftNavProps>`\n  width: ${(props) => (props.expanded ? props.expandedWidth : '48px')};\n  transition: width ${(props) => (props.expanded ? 'ease-out' : 'ease-in')} 350ms;\n  box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};\n  border: 1px solid ${(props) => props.theme.colors.neutral[100]};\n  overflow: hidden;\n  height: 100%;\n  position: relative;\n`;\nexport const StyledLeftNavAreasContainer = styled.div<LeftNavProps>`\n  position: absolute;\n  width: ${(props) => (props.expanded ? `calc(${props.expandedWidth} - 2px)` : '46px')};\n  height: 100%;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto 1fr auto;\n  grid-template-areas:\n    'left-nav-header'\n    'left-nav-body'\n    'left-nav-footer';\n`;\n\nexport const StyledLeftNavHeaderArea = styled.div<{ selected: boolean }>`\n  grid-area: left-nav-header;\n  ${getLeftShadowStyles}\n`;\n\nexport const StyledLeftNavBodyAreasContainer = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto 1fr;\n  grid-template-areas:\n    'left-nav-body-header'\n    'left-nav-body-body';\n  grid-area: left-nav-body;\n`;\n\nexport const StyledLeftNavBodyHeaderArea = styled.div<{ selected: boolean }>`\n  width: 100%;\n  grid-area: left-nav-body-header;\n  ${getLeftShadowStyles}\n`;\n\nexport const StyledLeftNavBodyItemsArea = styled.div<{ selected: boolean }>`\n  width: 100%;\n  grid-area: left-nav-body-body;\n  max-height: 100%;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  box-shadow: inset 4px 0 0 0 ${(props) => (props.selected ? props.theme.colors.brand[400] : 'transparent')};\n`;\n\nexport const StyledLeftNavFooterArea = styled.div`\n  width: 100%;\n  grid-area: left-nav-footer;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAOA,MAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,MAKI;AACJ,MAAI,CAAC,YAAY,CAAC,gBAAgB;AAChC,WAAO;AAAA;AAAA;AAAA,sCAG2B,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,sCAGnB,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAIvD,SAAO,+BAA+B,MAAM,OAAO,MAAM;AAAA;AAGpD,MAAM,sCAAsC,OAAO;AAAA,WAC/C,CAAC,UAAW,MAAM,WAAW,MAAM,gBAAgB;AAAA,sBACxC,CAAC,UAAW,MAAM,WAAW,aAAa;AAAA,2BACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,sBAC3C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAKrD,MAAM,8BAA8B,OAAO;AAAA;AAAA,WAEvC,CAAC,UAAW,MAAM,WAAW,QAAQ,MAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWxE,MAAM,0BAA0B,OAAO;AAAA;AAAA,IAE1C;AAAA;AAGG,MAAM,kCAAkC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa/C,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA,IAG9C;AAAA;AAGG,MAAM,6BAA6B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAMjB,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA;AAGtF,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/parts/LeftNavContentWithScrollbar/index.js

@@ -1,72 +0,0 @@
-import * as React from "react";
-import React2, { useEffect, useRef, useState } from "react";
-import "overlayscrollbars/css/OverlayScrollbars.css";
-import OverlayScrollbars from "overlayscrollbars";
-import styled from "styled-components";
-const StyledHandle = styled.div`
-  width: 6px;
-  border: 1px solid rgba(0, 0, 0, 0);
-  background-color: rgba(105, 116, 137, 0.5) !important;
-  border-radius: 7px;
-
-  :hover {
-    background-color: rgba(105, 116, 137, 0.7) !important;
-  }
-
-  :active {
-    background-color: rgba(105, 116, 137, 0.7) !important;
-  }
-`;
-const options = {
-  className: "os-theme-dark",
-  scrollbars: {
-    autoHide: "leave",
-    autoHideDelay: 0
-  }
-};
-const LeftNavContentWithScrollbar = (props) => {
-  const { children } = props;
-  const inheritBoxShadow = { boxShadow: "inherit" };
-  const [osInstance, setOsInstance] = useState();
-  const osTargetRef = useRef(null);
-  useEffect(() => {
-    const nextOsInstance = OverlayScrollbars(osTargetRef.current, options);
-    setOsInstance(nextOsInstance);
-  }, [osInstance]);
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: "os-host",
-    style: { height: "100%", ...inheritBoxShadow },
-    tabIndex: -1,
-    ref: osTargetRef
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "os-resize-observer-host"
-  }), /* @__PURE__ */ React2.createElement("div", {
-    className: "os-padding",
-    style: inheritBoxShadow
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "os-viewport",
-    style: inheritBoxShadow
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "os-content",
-    style: inheritBoxShadow,
-    "aria-hidden": true
-  }, children))), /* @__PURE__ */ React2.createElement("div", {
-    className: "os-scrollbar os-scrollbar-horizontal "
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "os-scrollbar-track"
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "os-scrollbar-handle"
-  }))), /* @__PURE__ */ React2.createElement("div", {
-    className: "os-scrollbar os-scrollbar-vertical"
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "os-scrollbar-track"
-  }, /* @__PURE__ */ React2.createElement(StyledHandle, {
-    className: "os-scrollbar-handle"
-  }))), /* @__PURE__ */ React2.createElement("div", {
-    className: "os-scrollbar-corner"
-  }));
-};
-export {
-  LeftNavContentWithScrollbar
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/parts/LeftNavContentWithScrollbar/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavContentWithScrollbar/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport 'overlayscrollbars/css/OverlayScrollbars.css';\nimport OverlayScrollbars, { Options } from 'overlayscrollbars';\nimport styled from 'styled-components';\n\nexport interface OverlayScrollbarsComponentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\nconst StyledHandle = styled.div`\n  width: 6px;\n  border: 1px solid rgba(0, 0, 0, 0);\n  background-color: rgba(105, 116, 137, 0.5) !important;\n  border-radius: 7px;\n\n  :hover {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n\n  :active {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n`;\n\nconst options: Options = {\n  className: 'os-theme-dark',\n  scrollbars: {\n    autoHide: 'leave',\n    autoHideDelay: 0,\n  },\n};\n\nexport const LeftNavContentWithScrollbar: React.ComponentType<OverlayScrollbarsComponentProps> = (props) => {\n  const { children } = props;\n\n  const inheritBoxShadow = { boxShadow: 'inherit' };\n  const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n  const osTargetRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n    setOsInstance(nextOsInstance);\n  }, [osInstance]);\n\n  return (\n    <div className=\"os-host\" style={{ height: '100%', ...inheritBoxShadow }} tabIndex={-1} ref={osTargetRef}>\n      <div className=\"os-resize-observer-host\" />\n      <div className=\"os-padding\" style={inheritBoxShadow}>\n        <div className=\"os-viewport\" style={inheritBoxShadow}>\n          <div className=\"os-content\" style={inheritBoxShadow} aria-hidden>\n            {children}\n          </div>\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-horizontal \">\n        <div className=\"os-scrollbar-track\">\n          <div className=\"os-scrollbar-handle\" />\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-vertical\">\n        <div className=\"os-scrollbar-track\">\n          <StyledHandle className=\"os-scrollbar-handle\"></StyledHandle>\n        </div>\n      </div>\n      <div className=\"os-scrollbar-corner\" />\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAMA,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe5B,MAAM,UAAmB;AAAA,EACvB,WAAW;AAAA,EACX,YAAY;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA;AAAA;AAIZ,MAAM,8BAAoF,CAAC,UAAU;AAC1G,QAAM,EAAE,aAAa;AAErB,QAAM,mBAAmB,EAAE,WAAW;AACtC,QAAM,CAAC,YAAY,iBAAiB;AACpC,QAAM,cAAc,OAAuB;AAE3C,YAAU,MAAM;AACd,UAAM,iBAAoC,kBAAkB,YAAY,SAAS;AACjF,kBAAc;AAAA,KACb,CAAC;AAEJ,SACE,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAU,OAAO,EAAE,QAAQ,WAAW;AAAA,IAAoB,UAAU;AAAA,IAAI,KAAK;AAAA,KAC1F,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,MACf,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAa,OAAO;AAAA,KACjC,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAc,OAAO;AAAA,KAClC,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAa,OAAO;AAAA,IAAkB,eAAW;AAAA,KAC7D,aAIP,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,QAGnB,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,cAAD;AAAA,IAAc,WAAU;AAAA,QAG5B,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/parts/LeftNavFooterItem/index.js

@@ -1,103 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { MenuExpand } from "@elliemae/ds-icons";
-import { PropTypes } from "react-desc";
-import Grid from "@elliemae/ds-grid";
-import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-import {
-  StyledFooterMenu,
-  StyledItem,
-  StyledItemWrapper,
-  StyledLabel,
-  StyledSeparator,
-  StyledMenuCollapse
-} from "./styled";
-import { useKeyboardNavigation } from "../../hooks";
-import LeftNavigationContext from "../../LeftNavigationContext";
-import { FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID } from "../../exported-related/constants";
-const LeftNavFooterItem = (props) => {
-  const { footerLabel, onFooterExpand = () => null, onFooterClose = () => null } = props;
-  const {
-    leftNavProps: { labelOverflow, openedItem },
-    expandedForAnimation,
-    setSelectedItem,
-    setFocusedItem,
-    visibleItemsRefs
-  } = useContext(LeftNavigationContext);
-  const id = FOOTER_DS_ID;
-  const handleOnClick = expandedForAnimation ? onFooterClose : onFooterExpand;
-  const onKeyDown = useKeyboardNavigation({
-    item: {
-      dsId: id,
-      itemOpts: {
-        selectable: !expandedForAnimation,
-        openable: false,
-        closable: false
-      }
-    },
-    onClick: handleOnClick
-  });
-  return /* @__PURE__ */ React2.createElement(StyledFooterMenu, {
-    key: id,
-    "data-testid": "leftnav-container"
-  }, /* @__PURE__ */ React2.createElement(StyledItemWrapper, null, /* @__PURE__ */ React2.createElement(StyledItem, {
-    ref: visibleItemsRefs.current[id],
-    tabIndex: expandedForAnimation ? -1 : 0,
-    expanded: expandedForAnimation,
-    pt: "xxs2",
-    height: expandedForAnimation ? "auto" : "48px",
-    alignItems: "flex-start",
-    pl: "xxs",
-    cols: expandedForAnimation ? ["auto", "1fr", "auto"] : ["38px"],
-    onClick: expandedForAnimation ? () => null : handleOnClick,
-    onKeyDown,
-    onFocus: () => setFocusedItem(id),
-    "data-testid": "leftnav-item-container",
-    role: "menuitem",
-    "aria-label": expandedForAnimation ? `Footer, ${footerLabel}` : `Expand left navigation`
-  }, !expandedForAnimation ? /* @__PURE__ */ React2.createElement(MenuExpand, {
-    size: "m",
-    color: ["brand-primary", 800],
-    "data-testid": "leftnav-footer-btn"
-  }) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledLabel, {
-    mt: "5px",
-    mr: "12px",
-    mb: "16px",
-    "data-testid": "leftnav-itemlabel",
-    labelOverflow,
-    "aria-live": "polite"
-  }, labelOverflow === "truncate" ? /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
-    value: footerLabel,
-    placement: "bottom-start"
-  }) : footerLabel), /* @__PURE__ */ React2.createElement(StyledSeparator, {
-    mt: "xxxs"
-  }), /* @__PURE__ */ React2.createElement(Grid, {
-    m: "0 12px"
-  }, /* @__PURE__ */ React2.createElement(StyledMenuCollapse, {
-    size: "m",
-    color: ["brand-primary", 800],
-    onClick: (e) => {
-      e.stopPropagation();
-      handleOnClick(e);
-    },
-    "data-testid": "leftnav-footer-btn",
-    tabIndex: 0,
-    onFocus: (e) => {
-      e.stopPropagation();
-      setFocusedItem(FOOTER_MENU_CLOSE_DS_ID);
-    },
-    role: "button",
-    "aria-label": "Collapse left navigation"
-  }))))));
-};
-LeftNavFooterItem.propTypes = {
-  footerLabel: PropTypes.any,
-  onFooterExpand: PropTypes.func,
-  onFooterClose: PropTypes.func
-};
-var LeftNavFooterItem_default = LeftNavFooterItem;
-export {
-  LeftNavFooterItem,
-  LeftNavFooterItem_default as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/parts/LeftNavFooterItem/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavFooterItem/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { MenuExpand } from '@elliemae/ds-icons';\nimport { PropTypes } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledFooterMenu,\n  StyledItem,\n  StyledItemWrapper,\n  StyledLabel,\n  StyledSeparator,\n  StyledMenuCollapse,\n} from './styled';\nimport { useKeyboardNavigation } from '../../hooks';\nimport LeftNavigationContext from '../../LeftNavigationContext';\nimport { FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID } from '../../exported-related/constants';\n\ntype LeftNavFooterItemProps = {\n  footerLabel: string | JSX.Element;\n  onFooterExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n  onFooterClose: React.MouseEventHandler & React.KeyboardEventHandler;\n};\n\nexport const LeftNavFooterItem: React.ComponentType<LeftNavFooterItemProps> = (props) => {\n  const { footerLabel, onFooterExpand = () => null, onFooterClose = () => null } = props;\n  const {\n    leftNavProps: { labelOverflow, openedItem },\n    expandedForAnimation,\n    setSelectedItem,\n    setFocusedItem,\n    visibleItemsRefs,\n  } = useContext(LeftNavigationContext);\n\n  const id = FOOTER_DS_ID;\n\n  const handleOnClick = expandedForAnimation ? onFooterClose : onFooterExpand;\n\n  const onKeyDown = useKeyboardNavigation({\n    item: {\n      dsId: id,\n      itemOpts: {\n        selectable: !expandedForAnimation,\n        openable: false,\n        closable: false,\n      },\n    },\n    onClick: handleOnClick,\n  });\n\n  return (\n    <StyledFooterMenu key={id} data-testid=\"leftnav-container\">\n      <StyledItemWrapper>\n        <StyledItem\n          ref={visibleItemsRefs.current[id]}\n          tabIndex={expandedForAnimation ? -1 : 0}\n          expanded={expandedForAnimation}\n          pt=\"xxs2\"\n          height={expandedForAnimation ? 'auto' : '48px'}\n          alignItems=\"flex-start\"\n          pl=\"xxs\"\n          cols={expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']}\n          onClick={expandedForAnimation ? () => null : handleOnClick}\n          onKeyDown={onKeyDown}\n          onFocus={() => setFocusedItem(id)}\n          data-testid=\"leftnav-item-container\"\n          role=\"menuitem\"\n          aria-label={expandedForAnimation ? `Footer, ${footerLabel}` : `Expand left navigation`}\n        >\n          {!expandedForAnimation ? (\n            <MenuExpand size=\"m\" color={['brand-primary', 800]} data-testid=\"leftnav-footer-btn\" />\n          ) : (\n            <>\n              <StyledLabel\n                mt=\"5px\"\n                mr=\"12px\"\n                mb=\"16px\"\n                data-testid=\"leftnav-itemlabel\"\n                labelOverflow={labelOverflow}\n                aria-live=\"polite\"\n              >\n                {labelOverflow === 'truncate' ? (\n                  <SimpleTruncatedTooltipText value={footerLabel} placement=\"bottom-start\" />\n                ) : (\n                  footerLabel\n                )}\n              </StyledLabel>\n              <StyledSeparator mt=\"xxxs\" />\n              <Grid m=\"0 12px\">\n                <StyledMenuCollapse\n                  size=\"m\"\n                  color={['brand-primary', 800]}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    handleOnClick(e);\n                  }}\n                  data-testid=\"leftnav-footer-btn\"\n                  tabIndex={0}\n                  onFocus={(e) => {\n                    e.stopPropagation();\n                    setFocusedItem(FOOTER_MENU_CLOSE_DS_ID);\n                  }}\n                  role=\"button\"\n                  aria-label=\"Collapse left navigation\"\n                />\n              </Grid>\n            </>\n          )}\n        </StyledItem>\n      </StyledItemWrapper>\n    </StyledFooterMenu>\n  );\n};\n\nLeftNavFooterItem.propTypes = {\n  footerLabel: PropTypes.any,\n  onFooterExpand: PropTypes.func,\n  onFooterClose: PropTypes.func,\n};\n\nexport default LeftNavFooterItem;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AAQO,MAAM,oBAAiE,CAAC,UAAU;AACvF,QAAM,EAAE,aAAa,iBAAiB,MAAM,MAAM,gBAAgB,MAAM,SAAS;AACjF,QAAM;AAAA,IACJ,cAAc,EAAE,eAAe;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,KAAK;AAEX,QAAM,gBAAgB,uBAAuB,gBAAgB;AAE7D,QAAM,YAAY,sBAAsB;AAAA,IACtC,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,QACR,YAAY,CAAC;AAAA,QACb,UAAU;AAAA,QACV,UAAU;AAAA;AAAA;AAAA,IAGd,SAAS;AAAA;AAGX,SACE,qCAAC,kBAAD;AAAA,IAAkB,KAAK;AAAA,IAAI,eAAY;AAAA,KACrC,qCAAC,mBAAD,MACE,qCAAC,YAAD;AAAA,IACE,KAAK,iBAAiB,QAAQ;AAAA,IAC9B,UAAU,uBAAuB,KAAK;AAAA,IACtC,UAAU;AAAA,IACV,IAAG;AAAA,IACH,QAAQ,uBAAuB,SAAS;AAAA,IACxC,YAAW;AAAA,IACX,IAAG;AAAA,IACH,MAAM,uBAAuB,CAAC,QAAQ,OAAO,UAAU,CAAC;AAAA,IACxD,SAAS,uBAAuB,MAAM,OAAO;AAAA,IAC7C;AAAA,IACA,SAAS,MAAM,eAAe;AAAA,IAC9B,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,cAAY,uBAAuB,WAAW,gBAAgB;AAAA,KAE7D,CAAC,uBACA,qCAAC,YAAD;AAAA,IAAY,MAAK;AAAA,IAAI,OAAO,CAAC,iBAAiB;AAAA,IAAM,eAAY;AAAA,OAEhE,4DACE,qCAAC,aAAD;AAAA,IACE,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,eAAY;AAAA,IACZ;AAAA,IACA,aAAU;AAAA,KAET,kBAAkB,aACjB,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,IAAa,WAAU;AAAA,OAE1D,cAGJ,qCAAC,iBAAD;AAAA,IAAiB,IAAG;AAAA,MACpB,qCAAC,MAAD;AAAA,IAAM,GAAE;AAAA,KACN,qCAAC,oBAAD;AAAA,IACE,MAAK;AAAA,IACL,OAAO,CAAC,iBAAiB;AAAA,IACzB,SAAS,CAAC,MAAM;AACd,QAAE;AACF,oBAAc;AAAA;AAAA,IAEhB,eAAY;AAAA,IACZ,UAAU;AAAA,IACV,SAAS,CAAC,MAAM;AACd,QAAE;AACF,qBAAe;AAAA;AAAA,IAEjB,MAAK;AAAA,IACL,cAAW;AAAA;AAAA;AAW7B,kBAAkB,YAAY;AAAA,EAC5B,aAAa,UAAU;AAAA,EACvB,gBAAgB,UAAU;AAAA,EAC1B,eAAe,UAAU;AAAA;AAG3B,IAAO,4BAAQ;",
-  "names": []
-}

package/dist/esm/parts/LeftNavFooterItem/styled.js

@@ -1,65 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import { MenuCollapse } from "@elliemae/ds-icons";
-import { getLeftBorderStyle, getItemBackgroundStyle } from "../../common";
-const StyledFooterMenu = styled(Grid)`
-  width: 100%;
-  margin-top: auto;
-  background: ${(props) => props.theme.colors.neutral["000"]};
-
-  ${getLeftBorderStyle}
-
-  border-top: 1px solid ${(props) => props.theme.colors.neutral[100]};
-`;
-const StyledItemWrapper = styled(Grid)`
-  position: relative;
-  padding-left: ${(props) => props.theme.space.xxxs};
-`;
-const StyledItem = styled(Grid)`
-  min-height: 48px;
-  cursor: ${(props) => props.expanded ? "auto" : "pointer"};
-
-  ${getItemBackgroundStyle}
-
-  outline: none;
-
-  :focus {
-    &:before {
-      content: '';
-      position: absolute;
-      height: 100%;
-      width: 100%;
-      top: 0;
-      left: 0px;
-      border: 2px solid ${(props) => props.theme.colors.brand[600]};
-      pointer-events: none;
-    }
-  }
-`;
-const StyledLabel = styled(Grid)`
-  font-size: 11px;
-  color: ${(props) => props.theme.colors.neutral[500]};
-  line-height: 14px;
-  word-break: ${(props) => props.labelOverflow === "wrapAll" ? "break-all" : "normal"};
-`;
-const StyledSeparator = styled(Grid)`
-  height: 16px;
-  width: 1px;
-  background-color: ${(props) => props.theme.colors.neutral[100]};
-`;
-const StyledMenuCollapse = styled(MenuCollapse)`
-  cursor: pointer;
-  :focus {
-    outline: 2px solid ${(props) => props.theme.colors.brand[700]};
-  }
-`;
-export {
-  StyledFooterMenu,
-  StyledItem,
-  StyledItemWrapper,
-  StyledLabel,
-  StyledMenuCollapse,
-  StyledSeparator
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/parts/LeftNavFooterItem/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavFooterItem/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MenuCollapse } from '@elliemae/ds-icons';\nimport { getLeftBorderStyle, getItemBackgroundStyle } from '../../common';\n\nexport const StyledFooterMenu = styled(Grid)`\n  width: 100%;\n  margin-top: auto;\n  background: ${(props) => props.theme.colors.neutral['000']};\n\n  ${getLeftBorderStyle}\n\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledItemWrapper = styled(Grid)`\n  position: relative;\n  padding-left: ${(props) => props.theme.space.xxxs};\n`;\n\nexport const StyledItem = styled(Grid)`\n  min-height: 48px;\n  cursor: ${(props) => (props.expanded ? 'auto' : 'pointer')};\n\n  ${getItemBackgroundStyle}\n\n  outline: none;\n\n  :focus {\n    &:before {\n      content: '';\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      top: 0;\n      left: 0px;\n      border: 2px solid ${(props) => props.theme.colors.brand[600]};\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledLabel = styled(Grid)`\n  font-size: 11px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  line-height: 14px;\n  word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledSeparator = styled(Grid)`\n  height: 16px;\n  width: 1px;\n  background-color: ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledMenuCollapse = styled(MenuCollapse)`\n  cursor: pointer;\n  :focus {\n    outline: 2px solid ${(props) => props.theme.colors.brand[700]};\n  }\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA,gBAGvB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,IAElD;AAAA;AAAA,0BAEsB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,oBAAoB,OAAO;AAAA;AAAA,kBAEtB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGxC,MAAM,aAAa,OAAO;AAAA;AAAA,YAErB,CAAC,UAAW,MAAM,WAAW,SAAS;AAAA;AAAA,IAE9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAYsB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAMvD,MAAM,cAAc,OAAO;AAAA;AAAA,WAEvB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,gBAEjC,CAAC,UAAW,MAAM,kBAAkB,YAAY,cAAc;AAAA;AAGvE,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA,sBAGhB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGrD,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA,yBAGhB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/parts/LeftNavLoading/index.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import DSCircularProgressIndicator from "@elliemae/ds-circular-progress-indicator";
-import Grid from "@elliemae/ds-grid";
-import styled from "styled-components";
-const StyledLoaderWrapper = styled(Grid)`
-  grid-area: left-nav-body;
-  height: 100%;
-  place-items: center;
-  z-index: 0;
-  background-color: white;
-`;
-const LeftNavLoading = ({ expanded }) => /* @__PURE__ */ React2.createElement(StyledLoaderWrapper, null, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
-  size: expanded ? "xl" : "m",
-  loading: true,
-  showLabel: expanded,
-  waiting: false,
-  showTooltip: !expanded
-}));
-export {
-  LeftNavLoading
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/parts/LeftNavLoading/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavLoading/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ5B,MAAM,iBAA6D,CAAC,EAAE,eAC3E,qCAAC,qBAAD,MACE,qCAAC,6BAAD;AAAA,EACE,MAAM,WAAW,OAAO;AAAA,EACxB,SAAO;AAAA,EACP,WAAW;AAAA,EACX,SAAS;AAAA,EACT,aAAa,CAAC;AAAA;",
-  "names": []
-}

package/dist/esm/parts/OutOfTheBoxMapItem.js

@@ -1,26 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { outOfTheBoxComponents } from "../outOfTheBox";
-import { LeftNavContext } from "../LeftNavigationContext";
-const OutOfTheBoxMapItem = (props) => {
-  const {
-    item,
-    item: { type, Component }
-  } = props;
-  const ctx = React2.useContext(LeftNavContext);
-  if (typeof type === "string" && !!outOfTheBoxComponents[type]) {
-    const OutOfTheBoxComponent = outOfTheBoxComponents[type];
-    return /* @__PURE__ */ React2.createElement(OutOfTheBoxComponent, {
-      item: { itemOpts: {}, ...item },
-      ctx
-    });
-  }
-  return /* @__PURE__ */ React2.createElement(Component, {
-    item,
-    ctx
-  });
-};
-export {
-  OutOfTheBoxMapItem
-};
-//# sourceMappingURL=OutOfTheBoxMapItem.js.map

package/dist/esm/parts/OutOfTheBoxMapItem.js.map

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

package/dist/esm/prop-types.js

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { PropTypes, describe } from "react-desc";
-import { outOfTheBoxTypes } from "./outOfTheBox";
-const leftNavItemProps = {
-  type: PropTypes.oneOf(outOfTheBoxTypes).description("out of the box types"),
-  dsId: PropTypes.string.description("unique identifier for the left nav item"),
-  Component: 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: PropTypes.func.description("A component which is renderer when the left-nav is collapsed"),
-  itemOpts: PropTypes.object.description("Item options")
-};
-const leftNavigationProps = {
-  containerProps: PropTypes.shape({ expandedWidth: PropTypes.string }).description("Set of Properties attached to the main container").defaultValue({ expandedWidth: "240px" }),
-  expanded: PropTypes.bool.description("Whether to show the left navigation expanded or collapsed").defaultValue(false),
-  loading: PropTypes.bool.description("Whether the left-nav is loading").defaultValue(false),
-  tabIndex: PropTypes.number.description("Tab index").defaultValue(0),
-  openedItem: PropTypes.string.description("The id of the left navigation item you want to be opened").defaultValue(null),
-  footerLabel: PropTypes.string.description("The label to show in the footer item"),
-  onFooterExpand: PropTypes.func.description("The function to call when the left-nav is opened via the footer"),
-  onFooterClose: PropTypes.func.description("The function to call when the left-nav is closed via the footer"),
-  onSelectedChange: PropTypes.func.description("A callback which triggers when the selected item changes").defaultValue(() => null),
-  onFocusChange: PropTypes.func.description("A callback which triggers when the focused item changes").defaultValue(() => null),
-  items: PropTypes.arrayOf(PropTypes.object).description("The array of items you want to render inside the left nav").defaultValue([]),
-  disableDefaultSelection: PropTypes.bool.description("Whether you do not want to automatically select the first body item").defaultValue(false)
-};
-const LeftNavItemProps = () => null;
-const LeftNavItemPropsSchema = describe(LeftNavItemProps);
-LeftNavItemPropsSchema.propTypes = leftNavItemProps;
-const LeftNavItemOptions = () => null;
-const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);
-LeftNavItemOptionsSchema.propTypes = leftNavItemProps;
-export {
-  LeftNavItemOptionsSchema,
-  LeftNavItemPropsSchema,
-  leftNavItemProps,
-  leftNavigationProps
-};
-//# sourceMappingURL=prop-types.js.map

package/dist/esm/prop-types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,MAAM,kBAAkB,YAAY;AAAA,EACpD,MAAM,UAAU,OAAO,YAAY;AAAA,EACnC,WAAW,UAAU,KAAK,YACxB;AAAA,EAEF,oBAAoB,UAAU,KAAK,YAAY;AAAA,EAC/C,UAAU,UAAU,OAAO,YAAY;AAAA;AAGlC,MAAM,sBAAsB;AAAA,EACjC,gBAAgB,UAAU,MAAM,EAAE,eAAe,UAAU,UACxD,YAAY,oDACZ,aAAa,EAAE,eAAe;AAAA,EACjC,UAAU,UAAU,KAAK,YAAY,6DAA6D,aAAa;AAAA,EAC/G,SAAS,UAAU,KAAK,YAAY,mCAAmC,aAAa;AAAA,EACpF,UAAU,UAAU,OAAO,YAAY,aAAa,aAAa;AAAA,EACjE,YAAY,UAAU,OACnB,YAAY,4DACZ,aAAa;AAAA,EAChB,aAAa,UAAU,OAAO,YAAY;AAAA,EAC1C,gBAAgB,UAAU,KAAK,YAAY;AAAA,EAC3C,eAAe,UAAU,KAAK,YAAY;AAAA,EAC1C,kBAAkB,UAAU,KACzB,YAAY,4DACZ,aAAa,MAAM;AAAA,EACtB,eAAe,UAAU,KACtB,YAAY,2DACZ,aAAa,MAAM;AAAA,EACtB,OAAO,UAAU,QAAQ,UAAU,QAChC,YAAY,6DACZ,aAAa;AAAA,EAChB,yBAAyB,UAAU,KAChC,YAAY,uEACZ,aAAa;AAAA;AAGlB,MAAM,mBAAmB,MAAM;AACxB,MAAM,yBAAyB,SAAS;AAC/C,uBAAuB,YAAY;AAEnC,MAAM,qBAAqB,MAAM;AAC1B,MAAM,2BAA2B,SAAS;AACjD,yBAAyB,YAAY;",
-  "names": []
-}