@elliemae/ds-left-navigation 2.2.1 → 2.3.0-alpha.4

package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js

@@ -1,72 +1,42 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import { useEffect, useMemo, useCallback } from 'react';
-import Grid from '@elliemae/ds-grid';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';
-import { ITEM_TYPES } from '../../exported-related/constants.js';
-import { ItemRenderer } from '../../exported-related/ItemRenderer/index.js';
-import 'react/jsx-runtime';
-import 'styled-components';
-import { StyledLabel, StyledDate } from './styled.js';
-import { ItemSeparator } from '../ItemSeparator/index.js';
-import { ItemWithDate } from '../ItemWithDate/index.js';
-import { ItemTextLabel } from '../ItemTextLabel/index.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-// Subitem mapping
+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 OutOfTheBoxMapSubitem = (props) => {
   const {
     item,
-    item: {
-      type,
-      Component
-    },
+    item: { type, Component },
     ctx
   } = props;
-
-  if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {
-    var _item$itemOpts$indent, _item$itemOpts;
-
+  if (typeof type === "string" && !!outOfTheBoxSubitemsComponents[type]) {
     const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];
-    const currentIndent = (_item$itemOpts$indent = (_item$itemOpts = item.itemOpts) === null || _item$itemOpts === void 0 ? void 0 : _item$itemOpts.indent) !== null && _item$itemOpts$indent !== void 0 ? _item$itemOpts$indent : 0;
-
-    const newItem = _objectSpread(_objectSpread({}, item), {}, {
-      itemOpts: _objectSpread(_objectSpread({}, item.itemOpts), {}, {
-        indent: currentIndent + 44
-      })
-    });
-
-    return /*#__PURE__*/_jsx(OutOfTheBoxComponent, {
+    const currentIndent = item.itemOpts?.indent ?? 0;
+    const newItem = {
+      ...item,
+      itemOpts: { ...item.itemOpts, indent: currentIndent + 44 }
+    };
+    return /* @__PURE__ */ React2.createElement(OutOfTheBoxComponent, {
       item: newItem,
-      ctx: ctx
+      ctx
     });
-  } // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...
-
-
-  return /*#__PURE__*/_jsx(Component, {
-    item: item,
-    ctx: ctx
+  }
+  return /* @__PURE__ */ React2.createElement(Component, {
+    item,
+    ctx
   });
 };
-
-const ItemUncontrolledDrilldown = props => {
+const ItemUncontrolledDrilldown = (props) => {
   const {
     item,
     item: {
@@ -85,78 +55,83 @@ const ItemUncontrolledDrilldown = props => {
     },
     ctx,
     ctx: {
-      leftNavProps: {
-        labelOverflow: leftNavLabelOverflow
-      },
+      leftNavProps: { labelOverflow: leftNavLabelOverflow },
       openedDrilldowns,
       setOpenedDrilldowns
     }
-  } = props; // Start opened functionality
-
+  } = props;
   useEffect(() => {
-    if (startOpened) setOpenedDrilldowns([...openedDrilldowns, dsId]);
+    if (startOpened)
+      setOpenedDrilldowns([...openedDrilldowns, dsId]);
   }, []);
   const opened = openedDrilldowns.includes(dsId);
   const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
   const arrowIcon = useMemo(() => {
     const Component = opened ? ArrowheadDown : ArrowheadRight;
-    return /*#__PURE__*/_jsx(Component, {
+    return /* @__PURE__ */ React2.createElement(Component, {
       width: "24px",
       height: "18px",
-      color: ['brand-primary', '800']
+      color: ["brand-primary", "800"]
     });
-  }, [opened]); // Array of subitems
-
+  }, [opened]);
   const subitems = useMemo(() => {
-    if (!opened || !items) return [];
-    return items.map(subitem => /*#__PURE__*/_jsx(OutOfTheBoxMapSubitem, {
+    if (!opened || !items)
+      return [];
+    return items.map((subitem) => /* @__PURE__ */ React2.createElement(OutOfTheBoxMapSubitem, {
       item: subitem,
-      ctx: ctx
-    }, subitem.dsId));
+      ctx,
+      key: subitem.dsId
+    }));
   }, [items, opened]);
   const handleOnClick = useCallback(() => {
-    if (opened) setOpenedDrilldowns(openedDrilldowns.filter(openedDrilldown => openedDrilldown !== dsId));else setOpenedDrilldowns([...openedDrilldowns, dsId]);
+    if (opened)
+      setOpenedDrilldowns(openedDrilldowns.filter((openedDrilldown) => openedDrilldown !== dsId));
+    else
+      setOpenedDrilldowns([...openedDrilldowns, dsId]);
   }, [opened, setOpenedDrilldowns, openedDrilldowns]);
-  return /*#__PURE__*/_jsx(ItemRenderer, {
-    item: _objectSpread(_objectSpread({}, item), {}, {
-      itemOpts: _objectSpread(_objectSpread({
+  return /* @__PURE__ */ React2.createElement(ItemRenderer, {
+    item: {
+      ...item,
+      itemOpts: {
         ariaExpanded: opened,
-        ariaRole: 'menuitem'
-      }, item.itemOpts), {}, {
+        ariaRole: "menuitem",
+        ...item.itemOpts,
         openable: !opened,
         closable: opened
-      }),
+      },
       CollapsedComponent: null
-    }),
-    subitems: subitems,
+    },
+    subitems,
     minHeight: "32px",
     paddingTop: "8px",
     onClick: handleOnClick
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
+  }, /* @__PURE__ */ React2.createElement(Grid, {
     pl: "xxs",
     mt: "-2px"
-  }, void 0, arrowIcon), /*#__PURE__*/_jsx(StyledLabel, {
+  }, arrowIcon), /* @__PURE__ */ React2.createElement(StyledLabel, {
     pb: "xxxs",
-    "data-testid": labelDataTestId || 'leftnav-list-item-label',
-    labelOverflow: labelOverflow,
-    labelBold: labelBold,
-    labelColor: labelColor
-  }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
+    "data-testid": labelDataTestId || "leftnav-list-item-label",
+    labelOverflow,
+    labelBold,
+    labelColor
+  }, labelOverflow === "truncate" ? /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
     value: label,
     placement: "bottom-start"
-  }) : label), /*#__PURE__*/_jsx(Grid, {
+  }) : label), /* @__PURE__ */ React2.createElement(Grid, {
     pr: "xxs2",
-    cols: ['auto', 'auto'],
+    cols: ["auto", "auto"],
     alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx(StyledDate, {
+  }, /* @__PURE__ */ React2.createElement(StyledDate, {
     ml: "xxs",
     "data-testid": "leftnav-list-item-date"
-  }, void 0, labelRightSection), /*#__PURE__*/_jsx(Grid, {
-    pl: RightComponent ? 'xxs' : '0px'
-  }, void 0, RightComponent && /*#__PURE__*/_jsx(RightComponent, {
-    ctx: ctx,
-    item: item
+  }, labelRightSection), /* @__PURE__ */ React2.createElement(Grid, {
+    pl: RightComponent ? "xxs" : "0px"
+  }, RightComponent && /* @__PURE__ */ React2.createElement(RightComponent, {
+    ctx,
+    item
   }))));
 };
-
-export { ItemUncontrolledDrilldown };
+export {
+  ItemUncontrolledDrilldown
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js

@@ -1,17 +1,20 @@
-import styled from 'styled-components';
-import Grid from '@elliemae/ds-grid';
-
-const StyledLabel = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-17rk89j-0"
-})(["font-size:13px;font-weight:", ";color:", ";line-height:14px;word-break:", ";"], props => props.labelBold ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular, _ref => {
-  let {
-    labelColor,
-    theme
-  } = _ref;
-  return labelColor ? theme.colors[labelColor[0]][labelColor[1]] : theme.colors.neutral[800];
-}, props => props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal');
-const StyledDate = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-17rk89j-1"
-})(["font-size:12px;color:", ";line-height:14px;"], props => props.theme.colors.neutral[600]);
-
-export { StyledDate, StyledLabel };
+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/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "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/esm/outOfTheBox/ItemWithDate/index.js

@@ -1,25 +1,10 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import Grid from '@elliemae/ds-grid';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import { ItemRenderer } from '../../exported-related/ItemRenderer/index.js';
-import '@elliemae/ds-icons';
-import 'react/jsx-runtime';
-import 'styled-components';
-import { StyledLabel, StyledDate } from './styled.js';
-
-var _div;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const ItemWithDate = props => {
+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: {
@@ -35,42 +20,43 @@ const ItemWithDate = props => {
     },
     ctx,
     ctx: {
-      leftNavProps: {
-        labelOverflow: leftNavLabelOverflow
-      }
+      leftNavProps: { labelOverflow: leftNavLabelOverflow }
     }
   } = props;
   const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;
-  return /*#__PURE__*/_jsx(ItemRenderer, {
-    item: _objectSpread(_objectSpread({}, item), {}, {
+  return /* @__PURE__ */ React2.createElement(ItemRenderer, {
+    item: {
+      ...item,
       CollapsedComponent: null
-    }),
+    },
     minHeight: "32px",
     paddingTop: "8px"
-  }, void 0, " ", _div || (_div = /*#__PURE__*/_jsx("div", {})), /*#__PURE__*/_jsx(StyledLabel, {
+  }, " ", /* @__PURE__ */ React2.createElement("div", null), /* @__PURE__ */ React2.createElement(StyledLabel, {
     pl: "xxs",
     pb: "xxxs",
-    "data-testid": labelDataTestId || 'leftnav-list-item-label',
-    labelOverflow: labelOverflow,
-    labelBold: labelBold,
-    labelColor: labelColor
-  }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
+    "data-testid": labelDataTestId || "leftnav-list-item-label",
+    labelOverflow,
+    labelBold,
+    labelColor
+  }, labelOverflow === "truncate" ? /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
     value: label,
     placement: "bottom-start"
-  }) : label), /*#__PURE__*/_jsx(Grid, {
+  }) : label), /* @__PURE__ */ React2.createElement(Grid, {
     pr: "xxs2",
-    cols: ['auto', 'auto'],
+    cols: ["auto", "auto"],
     alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx(StyledDate, {
+  }, /* @__PURE__ */ React2.createElement(StyledDate, {
     ml: "xxs",
     "data-testid": "leftnav-list-item-date"
-  }, void 0, labelRightSection), /*#__PURE__*/_jsx(Grid, {
-    pl: RightComponent ? 'xxs' : '0px',
+  }, labelRightSection), /* @__PURE__ */ React2.createElement(Grid, {
+    pl: RightComponent ? "xxs" : "0px",
     "data-testid": "leftnav-right-component"
-  }, void 0, RightComponent && /*#__PURE__*/_jsx(RightComponent, {
-    ctx: ctx,
-    item: item
+  }, RightComponent && /* @__PURE__ */ React2.createElement(RightComponent, {
+    ctx,
+    item
   }))));
 };
-
-export { ItemWithDate };
+export {
+  ItemWithDate
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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/esm/outOfTheBox/ItemWithDate/styled.js

@@ -1,17 +1,20 @@
-import styled from 'styled-components';
-import Grid from '@elliemae/ds-grid';
-
-const StyledLabel = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-govmsc-0"
-})(["font-size:13px;font-weight:", ";color:", ";line-height:14px;word-break:", ";"], props => props.labelBold ? props.theme.fontWeights.semibold : props.theme.fontWeights.regular, _ref => {
-  let {
-    labelColor,
-    theme
-  } = _ref;
-  return labelColor ? theme.colors[labelColor[0]][labelColor[1]] : theme.colors.neutral[800];
-}, props => props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal');
-const StyledDate = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-govmsc-1"
-})(["font-size:12px;color:", ";line-height:14px;"], props => props.theme.colors.neutral[600]);
-
-export { StyledDate, StyledLabel };
+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/esm/outOfTheBox/ItemWithDate/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "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/esm/outOfTheBox/index.js

@@ -1,35 +1,23 @@
-import { ITEM_TYPES } from '../exported-related/constants.js';
-import '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import '@elliemae/ds-grid';
-import 'styled-components';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react/jsx-runtime';
-import '@elliemae/ds-icons';
-import { ItemControlledDrilldown } from './ItemControlledDrilldown/index.js';
-export { ItemControlledDrilldown } from './ItemControlledDrilldown/index.js';
-import { ItemUncontrolledDrilldown } from './ItemUncontrolledDrilldown/index.js';
-export { ItemUncontrolledDrilldown } from './ItemUncontrolledDrilldown/index.js';
-import { ItemHeader } from './ItemHeader/index.js';
-export { ItemHeader } from './ItemHeader/index.js';
-import { ItemLink } from './ItemLink/index.js';
-export { ItemLink } from './ItemLink/index.js';
-import { ItemSection } from './ItemSection/index.js';
-export { ItemSection } from './ItemSection/index.js';
-import { ItemSeparator } from './ItemSeparator/index.js';
-export { ItemSeparator } from './ItemSeparator/index.js';
-import { ItemSubmenu } from './ItemSubmenu/index.js';
-export { ItemSubmenu } from './ItemSubmenu/index.js';
-import { ItemTextLabel } from './ItemTextLabel/index.js';
-export { ItemTextLabel } from './ItemTextLabel/index.js';
-import { ItemWithDate } from './ItemWithDate/index.js';
-export { ItemWithDate } from './ItemWithDate/index.js';
-
+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,
@@ -53,5 +41,8 @@ const outOfTheBoxComponents = {
   [LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,
   [LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate
 };
-
-export { outOfTheBoxComponents, outOfTheBoxTypes };
+export {
+  outOfTheBoxComponents,
+  outOfTheBoxTypes
+};
+//# sourceMappingURL=index.js.map

package/esm/outOfTheBox/index.js.map

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