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

package/dist/esm/outOfTheBox/ItemTextLabel/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/ItemTextLabel/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\nexport const ItemTextLabel = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: { label, labelOverflow: itemLabelOverflow, labelBold, labelColor, labelDataTestId },\n    },\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n    },\n  } = props;\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        CollapsedComponent: null,\n      }}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      {/* Empty LeftComponent */} <div />\n      <StyledLabel\n        data-testid={labelDataTestId || 'leftnav-list-item-label'}\n        pl=\"24px\"\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n        mr=\"xxs2\"\n        pb=\"xxxs\"\n      >\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledLabel>\n    </ItemRenderer>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AAEO,MAAM,gBAAgB,CAAC,UAAuC;AACnE,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,UAAU,EAAE,OAAO,eAAe,mBAAmB,WAAW,YAAY;AAAA;AAAA,IAE9E,KAAK;AAAA,MACH,cAAc,EAAE,eAAe;AAAA;AAAA,MAE/B;AAEJ,QAAM,gBAAgB,qBAAqB;AAE3C,SACE,qCAAC,cAAD;AAAA,IACE,MAAM;AAAA,SACD;AAAA,MACH,oBAAoB;AAAA;AAAA,IAEtB,WAAU;AAAA,IACV,YAAW;AAAA,KAEgB,KAAC,qCAAC,OAAD,OAC5B,qCAAC,aAAD;AAAA,IACE,eAAa,mBAAmB;AAAA,IAChC,IAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAG;AAAA,IACH,IAAG;AAAA,KAEF,kBAAkB,aAAa,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,IAAO,WAAU;AAAA,OAAoB;AAAA;",
-  "names": []
-}

package/dist/esm/outOfTheBox/ItemTextLabel/styled.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import Grid from "@elliemae/ds-grid";
-const StyledLabel = styled(Grid)`
-  font-size: 13px;
-  font-weight: ${(props) => props.labelBold ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular};
-  color: ${({ labelColor, theme }) => labelColor ? theme.colors[labelColor[0]][labelColor[1]] : theme.colors.neutral[800]};
-  line-height: 14px;
-  word-break: ${(props) => props.labelOverflow === "wrapAll" ? "break-all" : "normal"};
-`;
-export {
-  StyledLabel
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/outOfTheBox/ItemTextLabel/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/ItemTextLabel/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledLabel = styled(Grid)`\n  font-size: 13px;\n  font-weight: ${(props) =>\n    props.labelBold\n      ? props.theme.fontWeights.semibold\n      : props.theme.fontWeights.regular};\n  color: ${({ labelColor, theme }) =>\n    labelColor\n      ? theme.colors[labelColor[0]][labelColor[1]]\n      : theme.colors.neutral[800]};\n  line-height: 14px;\n  word-break: ${(props) =>\n    props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,cAAc,OAAO;AAAA;AAAA,iBAEjB,CAAC,UACd,MAAM,YACF,MAAM,MAAM,YAAY,WACxB,MAAM,MAAM,YAAY;AAAA,WACrB,CAAC,EAAE,YAAY,YACtB,aACI,MAAM,OAAO,WAAW,IAAI,WAAW,MACvC,MAAM,OAAO,QAAQ;AAAA;AAAA,gBAEb,CAAC,UACb,MAAM,kBAAkB,YAAY,cAAc;AAAA;",
-  "names": []
-}

package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js

@@ -1,137 +0,0 @@
-import * as React from "react";
-import React2, { useMemo, useCallback, useEffect } from "react";
-import Grid from "@elliemae/ds-grid";
-import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-import { ArrowheadDown, ArrowheadRight } from "@elliemae/ds-icons";
-import { ItemRenderer, ITEM_TYPES } from "../../exported-related/index";
-import { StyledLabel, StyledDate } from "./styled";
-import { ItemSeparator } from "../ItemSeparator";
-import { ItemWithDate } from "../ItemWithDate";
-import { ItemTextLabel } from "../ItemTextLabel";
-const outOfTheBoxSubitemsComponents = {
-  [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,
-  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,
-  [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel
-};
-const OutOfTheBoxMapSubitem = (props) => {
-  const {
-    item,
-    item: { type, Component },
-    ctx
-  } = props;
-  if (typeof type === "string" && !!outOfTheBoxSubitemsComponents[type]) {
-    const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];
-    const currentIndent = item.itemOpts?.indent ?? 0;
-    const newItem = {
-      ...item,
-      itemOpts: { ...item.itemOpts, indent: currentIndent + 44 }
-    };
-    return /* @__PURE__ */ React2.createElement(OutOfTheBoxComponent, {
-      item: newItem,
-      ctx
-    });
-  }
-  return /* @__PURE__ */ React2.createElement(Component, {
-    item,
-    ctx
-  });
-};
-const ItemUncontrolledDrilldown = (props) => {
-  const {
-    item,
-    item: {
-      dsId,
-      itemOpts: {
-        label,
-        RightComponent,
-        labelRightSection,
-        labelOverflow: itemLabelOverflow,
-        labelBold,
-        labelColor,
-        startOpened,
-        items,
-        labelDataTestId
-      }
-    },
-    ctx,
-    ctx: {
-      leftNavProps: { labelOverflow: leftNavLabelOverflow },
-      openedDrilldowns,
-      setOpenedDrilldowns
-    }
-  } = props;
-  useEffect(() => {
-    if (startOpened)
-      setOpenedDrilldowns([...openedDrilldowns, dsId]);
-  }, []);
-  const opened = openedDrilldowns.includes(dsId);
-  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
-  const arrowIcon = useMemo(() => {
-    const Component = opened ? ArrowheadDown : ArrowheadRight;
-    return /* @__PURE__ */ React2.createElement(Component, {
-      width: "24px",
-      height: "18px",
-      color: ["brand-primary", "800"]
-    });
-  }, [opened]);
-  const subitems = useMemo(() => {
-    if (!opened || !items)
-      return [];
-    return items.map((subitem) => /* @__PURE__ */ React2.createElement(OutOfTheBoxMapSubitem, {
-      item: subitem,
-      ctx,
-      key: subitem.dsId
-    }));
-  }, [items, opened]);
-  const handleOnClick = useCallback(() => {
-    if (opened)
-      setOpenedDrilldowns(openedDrilldowns.filter((openedDrilldown) => openedDrilldown !== dsId));
-    else
-      setOpenedDrilldowns([...openedDrilldowns, dsId]);
-  }, [opened, setOpenedDrilldowns, openedDrilldowns]);
-  return /* @__PURE__ */ React2.createElement(ItemRenderer, {
-    item: {
-      ...item,
-      itemOpts: {
-        ariaExpanded: opened,
-        ariaRole: "menuitem",
-        ...item.itemOpts,
-        openable: !opened,
-        closable: opened
-      },
-      CollapsedComponent: null
-    },
-    subitems,
-    minHeight: "32px",
-    paddingTop: "8px",
-    onClick: handleOnClick
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    pl: "xxs",
-    mt: "-2px"
-  }, arrowIcon), /* @__PURE__ */ React2.createElement(StyledLabel, {
-    pb: "xxxs",
-    "data-testid": labelDataTestId || "leftnav-list-item-label",
-    labelOverflow,
-    labelBold,
-    labelColor
-  }, labelOverflow === "truncate" ? /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
-    value: label,
-    placement: "bottom-start"
-  }) : label), /* @__PURE__ */ React2.createElement(Grid, {
-    pr: "xxs2",
-    cols: ["auto", "auto"],
-    alignItems: "center"
-  }, /* @__PURE__ */ React2.createElement(StyledDate, {
-    ml: "xxs",
-    "data-testid": "leftnav-list-item-date"
-  }, labelRightSection), /* @__PURE__ */ React2.createElement(Grid, {
-    pl: RightComponent ? "xxs" : "0px"
-  }, RightComponent && /* @__PURE__ */ React2.createElement(RightComponent, {
-    ctx,
-    item
-  }))));
-};
-export {
-  ItemUncontrolledDrilldown
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/ItemUncontrolledDrilldown/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useEffect } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { ItemRenderer, ITEM_TYPES } from '../../exported-related/index';\nimport { StyledLabel, StyledDate } from './styled';\nimport { ItemSeparator } from '../ItemSeparator';\nimport { ItemWithDate } from '../ItemWithDate';\nimport { ItemTextLabel } from '../ItemTextLabel';\nimport type { ComponentProps } from '../../index.d';\n\n// Subitem mapping\nconst outOfTheBoxSubitemsComponents: Record<string, React.ComponentType<ComponentProps>> = {\n  [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n  [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\n};\n\nconst OutOfTheBoxMapSubitem = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: { type, Component },\n    ctx,\n  } = props;\n\n  if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {\n    const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];\n    const currentIndent = item.itemOpts?.indent ?? 0;\n    const newItem = {\n      ...item,\n      itemOpts: { ...item.itemOpts, indent: currentIndent + 44 },\n    };\n    return <OutOfTheBoxComponent item={newItem} 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\nexport const ItemUncontrolledDrilldown = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      dsId,\n      itemOpts: {\n        label,\n        RightComponent,\n        labelRightSection,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n        startOpened,\n        items,\n        labelDataTestId,\n      },\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n      openedDrilldowns,\n      setOpenedDrilldowns,\n    },\n  } = props;\n\n  // Start opened functionality\n  useEffect(() => {\n    if (startOpened) setOpenedDrilldowns([...openedDrilldowns, dsId]);\n  }, []);\n\n  const opened = openedDrilldowns.includes(dsId);\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  const arrowIcon = useMemo(() => {\n    const Component = opened ? ArrowheadDown : ArrowheadRight;\n    return <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />;\n  }, [opened]);\n\n  // Array of subitems\n  const subitems = useMemo(() => {\n    if (!opened || !items) return [];\n    return items.map((subitem) => <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />);\n  }, [items, opened]);\n\n  const handleOnClick = useCallback(() => {\n    if (opened) setOpenedDrilldowns(openedDrilldowns.filter((openedDrilldown) => openedDrilldown !== dsId));\n    else setOpenedDrilldowns([...openedDrilldowns, dsId]);\n  }, [opened, setOpenedDrilldowns, openedDrilldowns]);\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        itemOpts: {\n          ariaExpanded: opened,\n          ariaRole: 'menuitem',\n          ...item.itemOpts,\n          openable: !opened,\n          closable: opened,\n        },\n        CollapsedComponent: null,\n      }}\n      subitems={subitems}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n      onClick={handleOnClick}\n    >\n      <Grid pl=\"xxs\" mt=\"-2px\">\n        {arrowIcon}\n      </Grid>\n      <StyledLabel\n        pb=\"xxxs\"\n        data-testid={labelDataTestId || 'leftnav-list-item-label'}\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n      >\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledLabel>\n      <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n        <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n          {labelRightSection}\n        </StyledDate>\n        <Grid pl={RightComponent ? 'xxs' : '0px'}>{RightComponent && <RightComponent ctx={ctx} item={item} />}</Grid>\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js

@@ -1,20 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import Grid from "@elliemae/ds-grid";
-const StyledLabel = styled(Grid)`
-  font-size: 13px;
-  font-weight: ${(props) => props.labelBold ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular};
-  color: ${({ labelColor, theme }) => labelColor ? theme.colors[labelColor[0]][labelColor[1]] : theme.colors.neutral[800]};
-  line-height: 14px;
-  word-break: ${(props) => props.labelOverflow === "wrapAll" ? "break-all" : "normal"};
-`;
-const StyledDate = styled(Grid)`
-  font-size: 12px;
-  color: ${(props) => props.theme.colors.neutral[600]};
-  line-height: 14px;
-`;
-export {
-  StyledDate,
-  StyledLabel
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/ItemUncontrolledDrilldown/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledLabel = styled(Grid)<{ labelBold: boolean }>`\n  font-size: 13px;\n  font-weight: ${(props) =>\n    props.labelBold\n      ? props.theme.fontWeights.semibold\n      : props.theme.fontWeights.regular};\n  color: ${({ labelColor, theme }) =>\n    labelColor\n      ? theme.colors[labelColor[0]][labelColor[1]]\n      : theme.colors.neutral[800]};\n  line-height: 14px;\n  word-break: ${(props) =>\n    props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n\nexport const StyledDate = styled(Grid)`\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  line-height: 14px;\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,cAAc,OAAO;AAAA;AAAA,iBAEjB,CAAC,UACd,MAAM,YACF,MAAM,MAAM,YAAY,WACxB,MAAM,MAAM,YAAY;AAAA,WACrB,CAAC,EAAE,YAAY,YACtB,aACI,MAAM,OAAO,WAAW,IAAI,WAAW,MACvC,MAAM,OAAO,QAAQ;AAAA;AAAA,gBAEb,CAAC,UACb,MAAM,kBAAkB,YAAY,cAAc;AAAA;AAG/C,MAAM,aAAa,OAAO;AAAA;AAAA,WAEtB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/outOfTheBox/ItemWithDate/index.js

@@ -1,62 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import Grid from "@elliemae/ds-grid";
-import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-import { ItemRenderer } from "../../exported-related/index";
-import { StyledLabel, StyledDate } from "./styled";
-const ItemWithDate = (props) => {
-  const {
-    item,
-    item: {
-      itemOpts: {
-        label,
-        RightComponent,
-        labelRightSection,
-        labelOverflow: itemLabelOverflow,
-        labelBold,
-        labelColor,
-        labelDataTestId
-      }
-    },
-    ctx,
-    ctx: {
-      leftNavProps: { labelOverflow: leftNavLabelOverflow }
-    }
-  } = props;
-  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
-  return /* @__PURE__ */ React2.createElement(ItemRenderer, {
-    item: {
-      ...item,
-      CollapsedComponent: null
-    },
-    minHeight: "32px",
-    paddingTop: "8px"
-  }, " ", /* @__PURE__ */ React2.createElement("div", null), /* @__PURE__ */ React2.createElement(StyledLabel, {
-    pl: "xxs",
-    pb: "xxxs",
-    "data-testid": labelDataTestId || "leftnav-list-item-label",
-    labelOverflow,
-    labelBold,
-    labelColor
-  }, labelOverflow === "truncate" ? /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
-    value: label,
-    placement: "bottom-start"
-  }) : label), /* @__PURE__ */ React2.createElement(Grid, {
-    pr: "xxs2",
-    cols: ["auto", "auto"],
-    alignItems: "center"
-  }, /* @__PURE__ */ React2.createElement(StyledDate, {
-    ml: "xxs",
-    "data-testid": "leftnav-list-item-date"
-  }, labelRightSection), /* @__PURE__ */ React2.createElement(Grid, {
-    pl: RightComponent ? "xxs" : "0px",
-    "data-testid": "leftnav-right-component"
-  }, RightComponent && /* @__PURE__ */ React2.createElement(RightComponent, {
-    ctx,
-    item
-  }))));
-};
-export {
-  ItemWithDate
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/outOfTheBox/ItemWithDate/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/ItemWithDate/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledDate } from './styled';\n\nexport const ItemWithDate = (props: ComponentProps): JSX.Element => {\n  const {\n    item,\n    item: {\n      itemOpts: {\n        label,\n        RightComponent,\n        labelRightSection,\n        labelOverflow: itemLabelOverflow,\n        labelBold,\n        labelColor,\n        labelDataTestId,\n      },\n    },\n    ctx,\n    ctx: {\n      leftNavProps: { labelOverflow: leftNavLabelOverflow },\n    },\n  } = props;\n\n  const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n  return (\n    <ItemRenderer\n      item={{\n        ...item,\n        CollapsedComponent: null,\n      }}\n      minHeight=\"32px\"\n      paddingTop=\"8px\"\n    >\n      {/* Empty LeftComponent */} <div />\n      <StyledLabel\n        pl=\"xxs\"\n        pb=\"xxxs\"\n        data-testid={labelDataTestId || 'leftnav-list-item-label'}\n        labelOverflow={labelOverflow}\n        labelBold={labelBold}\n        labelColor={labelColor}\n      >\n        {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n      </StyledLabel>\n      <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n        <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n          {labelRightSection}\n        </StyledDate>\n        <Grid pl={RightComponent ? 'xxs' : '0px'} data-testid=\"leftnav-right-component\">\n          {RightComponent && <RightComponent ctx={ctx} item={item} />}\n        </Grid>\n      </Grid>\n    </ItemRenderer>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;AAEO,MAAM,eAAe,CAAC,UAAuC;AAClE,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,UAAU;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA,IAGJ;AAAA,IACA,KAAK;AAAA,MACH,cAAc,EAAE,eAAe;AAAA;AAAA,MAE/B;AAEJ,QAAM,gBAAgB,qBAAqB;AAE3C,SACE,qCAAC,cAAD;AAAA,IACE,MAAM;AAAA,SACD;AAAA,MACH,oBAAoB;AAAA;AAAA,IAEtB,WAAU;AAAA,IACV,YAAW;AAAA,KAEgB,KAAC,qCAAC,OAAD,OAC5B,qCAAC,aAAD;AAAA,IACE,IAAG;AAAA,IACH,IAAG;AAAA,IACH,eAAa,mBAAmB;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,KAEC,kBAAkB,aAAa,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,IAAO,WAAU;AAAA,OAAoB,QAE1G,qCAAC,MAAD;AAAA,IAAM,IAAG;AAAA,IAAO,MAAM,CAAC,QAAQ;AAAA,IAAS,YAAW;AAAA,KACjD,qCAAC,YAAD;AAAA,IAAY,IAAG;AAAA,IAAM,eAAY;AAAA,KAC9B,oBAEH,qCAAC,MAAD;AAAA,IAAM,IAAI,iBAAiB,QAAQ;AAAA,IAAO,eAAY;AAAA,KACnD,kBAAkB,qCAAC,gBAAD;AAAA,IAAgB;AAAA,IAAU;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/outOfTheBox/ItemWithDate/styled.js

@@ -1,20 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import Grid from "@elliemae/ds-grid";
-const StyledLabel = styled(Grid)`
-  font-size: 13px;
-  font-weight: ${(props) => props.labelBold ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular};
-  color: ${({ labelColor, theme }) => labelColor ? theme.colors[labelColor[0]][labelColor[1]] : theme.colors.neutral[800]};
-  line-height: 14px;
-  word-break: ${(props) => props.labelOverflow === "wrapAll" ? "break-all" : "normal"};
-`;
-const StyledDate = styled(Grid)`
-  font-size: 12px;
-  color: ${(props) => props.theme.colors.neutral[600]};
-  line-height: 14px;
-`;
-export {
-  StyledDate,
-  StyledLabel
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/outOfTheBox/ItemWithDate/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/ItemWithDate/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledLabel = styled(Grid)<{ labelBold: boolean }>`\n  font-size: 13px;\n  font-weight: ${(props) =>\n    props.labelBold\n      ? props.theme.fontWeights.semibold\n      : props.theme.fontWeights.regular};\n  color: ${({ labelColor, theme }) =>\n    labelColor\n      ? theme.colors[labelColor[0]][labelColor[1]]\n      : theme.colors.neutral[800]};\n  line-height: 14px;\n  word-break: ${(props) =>\n    props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n\nexport const StyledDate = styled(Grid)`\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  line-height: 14px;\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,cAAc,OAAO;AAAA;AAAA,iBAEjB,CAAC,UACd,MAAM,YACF,MAAM,MAAM,YAAY,WACxB,MAAM,MAAM,YAAY;AAAA,WACrB,CAAC,EAAE,YAAY,YACtB,aACI,MAAM,OAAO,WAAW,IAAI,WAAW,MACvC,MAAM,OAAO,QAAQ;AAAA;AAAA,gBAEb,CAAC,UACb,MAAM,kBAAkB,YAAY,cAAc;AAAA;AAG/C,MAAM,aAAa,OAAO;AAAA;AAAA,WAEtB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/outOfTheBox/index.js

@@ -1,48 +0,0 @@
-import * as React from "react";
-import { ITEM_TYPES } from "../exported-related";
-import { ItemControlledDrilldown } from "./ItemControlledDrilldown";
-import { ItemUncontrolledDrilldown } from "./ItemUncontrolledDrilldown";
-import { ItemHeader } from "./ItemHeader";
-import { ItemLink } from "./ItemLink";
-import { ItemSection } from "./ItemSection";
-import { ItemSeparator } from "./ItemSeparator";
-import { ItemSubmenu } from "./ItemSubmenu";
-import { ItemTextLabel } from "./ItemTextLabel";
-import { ItemWithDate } from "./ItemWithDate";
-export * from "./ItemControlledDrilldown";
-export * from "./ItemUncontrolledDrilldown";
-export * from "./ItemHeader";
-export * from "./ItemLink";
-export * from "./ItemSection";
-export * from "./ItemSeparator";
-export * from "./ItemSubmenu";
-export * from "./ItemTextLabel";
-export * from "./ItemWithDate";
-const outOfTheBoxTypes = Object.values(ITEM_TYPES);
-const {
-  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,
-  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN,
-  LEFT_NAV_ITEM_HEADER,
-  LEFT_NAV_ITEM_LINK,
-  LEFT_NAV_ITEM_SECTION,
-  LEFT_NAV_ITEM_SEPARATOR,
-  LEFT_NAV_ITEM_SUBMENU,
-  LEFT_NAV_ITEM_TEXT_LABEL,
-  LEFT_NAV_ITEM_WITH_DATE
-} = ITEM_TYPES;
-const outOfTheBoxComponents = {
-  [LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN]: ItemControlledDrilldown,
-  [LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN]: ItemUncontrolledDrilldown,
-  [LEFT_NAV_ITEM_HEADER]: ItemHeader,
-  [LEFT_NAV_ITEM_LINK]: ItemLink,
-  [LEFT_NAV_ITEM_SECTION]: ItemSection,
-  [LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,
-  [LEFT_NAV_ITEM_SUBMENU]: ItemSubmenu,
-  [LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,
-  [LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate
-};
-export {
-  outOfTheBoxComponents,
-  outOfTheBoxTypes
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/outOfTheBox/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/outOfTheBox/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ComponentProps } from '../index.d';\nimport { ITEM_TYPES } from '../exported-related';\nimport { ItemControlledDrilldown } from './ItemControlledDrilldown';\nimport { ItemUncontrolledDrilldown } from './ItemUncontrolledDrilldown';\nimport { ItemHeader } from './ItemHeader';\nimport { ItemLink } from './ItemLink';\nimport { ItemSection } from './ItemSection';\nimport { ItemSeparator } from './ItemSeparator';\nimport { ItemSubmenu } from './ItemSubmenu';\nimport { ItemTextLabel } from './ItemTextLabel';\nimport { ItemWithDate } from './ItemWithDate';\n\nexport * from './ItemControlledDrilldown';\nexport * from './ItemUncontrolledDrilldown';\nexport * from './ItemHeader';\nexport * from './ItemLink';\nexport * from './ItemSection';\nexport * from './ItemSeparator';\nexport * from './ItemSubmenu';\nexport * from './ItemTextLabel';\nexport * from './ItemWithDate';\n\nexport const outOfTheBoxTypes = Object.values(ITEM_TYPES);\nconst {\n  LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN,\n  LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN,\n  LEFT_NAV_ITEM_HEADER,\n  LEFT_NAV_ITEM_LINK,\n  LEFT_NAV_ITEM_SECTION,\n  LEFT_NAV_ITEM_SEPARATOR,\n  LEFT_NAV_ITEM_SUBMENU,\n  LEFT_NAV_ITEM_TEXT_LABEL,\n  LEFT_NAV_ITEM_WITH_DATE,\n} = ITEM_TYPES;\n\nexport const outOfTheBoxComponents: Record<\n  string,\n  React.ComponentType<ComponentProps>\n> = {\n  [LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN]: ItemControlledDrilldown,\n  [LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN]: ItemUncontrolledDrilldown,\n  [LEFT_NAV_ITEM_HEADER]: ItemHeader,\n  [LEFT_NAV_ITEM_LINK]: ItemLink,\n  [LEFT_NAV_ITEM_SECTION]: ItemSection,\n  [LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n  [LEFT_NAV_ITEM_SUBMENU]: ItemSubmenu,\n  [LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\n  [LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n};\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,OAAO,OAAO;AAC9C,MAAM;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IACE;AAEG,MAAM,wBAGT;AAAA,GACD,qCAAqC;AAAA,GACrC,uCAAuC;AAAA,GACvC,uBAAuB;AAAA,GACvB,qBAAqB;AAAA,GACrB,wBAAwB;AAAA,GACxB,0BAA0B;AAAA,GAC1B,wBAAwB;AAAA,GACxB,2BAA2B;AAAA,GAC3B,0BAA0B;AAAA;",
-  "names": []
-}

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": []
-}