npm - @elliemae/ds-left-navigation - Versions diffs - 2.0.0-rc.1 → 2.0.0-rc.13 - Mend

@elliemae/ds-left-navigation 2.0.0-rc.1 → 2.0.0-rc.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

package/cjs/configs/useLeftNavConfig.js CHANGED Viewed

@@ -57,7 +57,7 @@ const useLeftNavConfig = props => {
   React__default["default"].useEffect(() => {
     onFocusChange(focusedItem);
   }, [focusedItem, onFocusChange]);
-  useSelectFirstBodyItem.useSelectFirstBodyItem(items, openedItem, props.selectedItem !== undefined ? props.selectedItem : selectedItem, setSelectedItem); // -----------------------------------------------------------------------------
+  useSelectFirstBodyItem.useSelectFirstBodyItem(items, openedItem, props.selectedItem !== undefined ? props.selectedItem : selectedItem, setSelectedItem, props.disableDefaultSelection); // -----------------------------------------------------------------------------
   // ************************** ------------ **************************
   // *                        ITEMS MANAGEMENT                        *
   // ************************** ------------ **************************

package/cjs/exported-related/ItemRenderer/index.js CHANGED Viewed

@@ -79,14 +79,14 @@ const ItemRenderer = props => {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/_jsx__default["default"](styled.StyledItemWrapper, {
-      shadowStyle: shadowStyle,
+      shadowStyle: shadowStyle(opened, item.type),
       "data-testid": "leftnav-item-wrapper"
     }, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledItem, {
       ref: visibleItemsRefs.current[dsId],
       pt: paddingTop,
       pl: indent === undefined ? 'xxxs' : "".concat(indent, "px"),
       minHeight: minHeight,
-      shadowStyle: shadowStyle,
+      shadowStyle: shadowStyle(opened, item.type),
       alignItems: "flex-start",
       cols: cols,
       onClick: !opened ? handleOnClick : () => null,
@@ -101,6 +101,8 @@ const ItemRenderer = props => {
       "aria-describedby": ariaDescribedBy,
       "aria-expanded": ariaExpanded,
       role: ariaRole,
+      "data-selected": isSelected,
+      "data-selectedparent": selectedParent === dsId,
       "aria-label": ariaLabel,
       "aria-hidden": !focuseable,
       "aria-live": ariaLive,

package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js CHANGED Viewed

@@ -29,7 +29,8 @@ const itemDefaultProps = {
   ariaLive: 'off',
   ariaExpanded: undefined,
   ariaDescribedBy: undefined
-}; // Make use Item props with defaults
+};
+const itemWithoutShadows = ['ds-left-nav-item-header', 'ds-left-nav-item-link', 'ds-left-nav-item-submenu']; // Make use Item props with defaults
 const usePropsWithDefaults = props => {
   const propsWithDefault = React.useMemo(() => {
@@ -43,7 +44,7 @@ const usePropsWithDefaults = props => {
       minHeight: '48px',
       paddingTop: '12px',
       subitems: [],
-      shadowStyle: () => 'box-shadow: inherit',
+      shadowStyle: (opened, type) => theme => "box-shadow: ".concat(opened || !itemWithoutShadows.includes(type) ? 'inset 4px 0 0 0 #52A6EC' : 'inset 4px 0 0 0 white'),
       hasBorderBottom: false,
       borderBottomMr: '0px'
     }, props), {}, {

package/cjs/exported-related/Notifications/index.js CHANGED Viewed

@@ -25,28 +25,32 @@ const Notifications = _ref => {
   } = _ref;
   return /*#__PURE__*/_jsx__default["default"](StyledIcon, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Notifications, {
     size: "m",
-    color: ['brand-primary', 800]
+    color: ['brand-primary', 800],
+    "data-testid": "left-nav-notifications-icon"
   }), (exceptions || alerts || messages) && /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     cols: ['1fr', '1fr', '1fr'],
     gutter: "xxxs",
     mt: "2px"
   }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     width: "6px",
-    height: "6px"
+    height: "6px",
+    "data-testid": "left-nav-exceptions-icon"
   }, void 0, exceptions && /*#__PURE__*/_jsx__default["default"](dsIcons.ExceptionsSmallFill, {
     width: "6px",
     height: "6px",
     color: ['warning', 900]
   })), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     width: "6px",
-    height: "6px"
+    height: "6px",
+    "data-testid": "left-nav-alerts-icon"
   }, void 0, alerts && /*#__PURE__*/_jsx__default["default"](dsIcons.AlertsSmallFill, {
     width: "6px",
     height: "6px",
     color: ['danger', 900]
   })), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     width: "6px",
-    height: "6px"
+    height: "6px",
+    "data-testid": "left-nav-messages-icon"
   }, void 0, messages && /*#__PURE__*/_jsx__default["default"](dsIcons.MessagesSmallFill, {
     width: "6px",
     height: "6px",

package/cjs/hooks/useSelectFirstBodyItem.js CHANGED Viewed

@@ -23,14 +23,14 @@ const isItemInsideTheTree = (item, itemID) => {
   return item.dsId === itemID || (item === null || item === void 0 ? void 0 : (_item$itemOpts = item.itemOpts) === null || _item$itemOpts === void 0 ? void 0 : (_item$itemOpts$items = _item$itemOpts.items) === null || _item$itemOpts$items === void 0 ? void 0 : _item$itemOpts$items.some(it => isItemInsideTheTree(it, itemID)));
 };
-const useSelectFirstBodyItem = (items, openedItem, selectedItem, setSelectedItem) => {
+const useSelectFirstBodyItem = (items, openedItem, selectedItem, setSelectedItem, disableDefaultSelection) => {
   React.useEffect(() => {
-    if (items && items.length && openedItem) {
+    if (!disableDefaultSelection && items && items.length && openedItem) {
       const index = items.findIndex(elem => isSelectableOutOfTheBox(elem) || isSelectableCustom(elem));
       const isItemInside = items.some(it => isItemInsideTheTree(it, selectedItem));
       if (isItemInside) setSelectedItem(selectedItem);else if (index !== -1) setSelectedItem(items[index].dsId);
     }
-  }, [openedItem, setSelectedItem]);
+  }, [openedItem, setSelectedItem, disableDefaultSelection]);
 };
 exports.useSelectFirstBodyItem = useSelectFirstBodyItem;

package/cjs/outOfTheBox/ItemControlledDrilldown/index.js CHANGED Viewed

@@ -16,12 +16,13 @@ var Grid = require('@elliemae/ds-grid');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var dsIcons = require('@elliemae/ds-icons');
 var constants = require('../../exported-related/constants.js');
-var index$2 = require('../../exported-related/ItemRenderer/index.js');
+var index$3 = require('../../exported-related/ItemRenderer/index.js');
 require('react/jsx-runtime');
 require('styled-components');
 var styled = require('./styled.js');
 var index = require('../ItemSeparator/index.js');
 var index$1 = require('../ItemWithDate/index.js');
+var index$2 = require('../ItemTextLabel/index.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -34,7 +35,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const outOfTheBoxSubitemsComponents = {
   [constants.ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: index.ItemSeparator,
-  [constants.ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: index$1.ItemWithDate
+  [constants.ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: index$1.ItemWithDate,
+  [constants.ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: index$2.ItemTextLabel
 };
 const OutOfTheBoxMapSubitem = props => {
@@ -84,7 +86,8 @@ const ItemControlledDrilldown = props => {
         labelBold,
         labelColor,
         isOpened,
-        items
+        items,
+        labelDataTestId
       }
     },
     ctx,
@@ -110,7 +113,7 @@ const ItemControlledDrilldown = props => {
       ctx: ctx
     }, subitem.dsId));
   }, [items, isOpened]);
-  return /*#__PURE__*/_jsx__default["default"](index$2.ItemRenderer, {
+  return /*#__PURE__*/_jsx__default["default"](index$3.ItemRenderer, {
     item: _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({
         ariaExpanded: isOpened,
@@ -129,7 +132,7 @@ const ItemControlledDrilldown = props => {
     mt: "-2px"
   }, void 0, arrowIcon), /*#__PURE__*/_jsx__default["default"](styled.StyledLabel, {
     pb: "xxxs",
-    "data-testid": "leftnav-list-item-label",
+    "data-testid": labelDataTestId || 'leftnav-list-item-label',
     labelOverflow: labelOverflow,
     labelBold: labelBold,
     labelColor: labelColor

package/cjs/outOfTheBox/ItemHeader/index.js CHANGED Viewed

@@ -41,7 +41,8 @@ const ItemHeader = props => {
       itemOpts: {
         label,
         RightComponent,
-        BottomComponent
+        BottomComponent,
+        labelDataTestId
       },
       CollapsedComponent = () => null
     },
@@ -61,7 +62,7 @@ const ItemHeader = props => {
   const opened = openedItem === dsId;
   const ariaLabel = (_item$itemOpts$ariaLa = item.itemOpts.ariaLabel) !== null && _item$itemOpts$ariaLa !== void 0 ? _item$itemOpts$ariaLa : typeof label === 'string' ? label : 'menuitem';
   const isSelected = selectedItem === dsId || selectedParent === dsId;
-  const shadowStyle = React.useCallback(theme => !openedItem ? notOpenedShadowStyle(isSelected)(theme) : "box-shadow: inherit", [isSelected, openedItem]);
+  const shadowStyle = React.useCallback(opened => theme => !opened ? notOpenedShadowStyle(isSelected)(theme) : "box-shadow: inset 4px 0 0 0 #52A6EC", [isSelected, openedItem]);
   return /*#__PURE__*/_jsx__default["default"](index.ItemRenderer, {
     item: _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({
@@ -103,7 +104,7 @@ const ItemHeader = props => {
     ml: opened ? 'xxs' : '1px',
     mt: "xxxs",
     mb: "15px",
-    "data-testid": "leftnav-itemlabel",
+    "data-testid": labelDataTestId || 'leftnav-itemlabel',
     labelOverflow: labelOverflow
   }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
     value: label,

package/cjs/outOfTheBox/ItemLink/index.js CHANGED Viewed

@@ -37,7 +37,8 @@ const ItemLink = props => {
       dsId,
       itemOpts: {
         label,
-        RightComponent
+        RightComponent,
+        labelDataTestId
       },
       CollapsedComponent = () => null
     },
@@ -52,7 +53,7 @@ const ItemLink = props => {
     }
   } = props;
   const isSelected = selectedItem === dsId || selectedParent === dsId;
-  const shadowStyle = React.useCallback(theme => !openedItem ? notOpenedShadowStyle(isSelected)(theme) : "box-shadow: inherit", [isSelected, openedItem]);
+  const shadowStyle = React.useCallback(opened => theme => !opened ? notOpenedShadowStyle(isSelected)(theme) : "box-shadow: inset 4px 0 0 0 #52A6EC", [isSelected, openedItem]);
   return /*#__PURE__*/_jsx__default["default"](index.ItemRenderer, {
     item: _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({
@@ -76,7 +77,7 @@ const ItemLink = props => {
     ml: "1px",
     mt: "xxxs",
     mb: "15px",
-    "data-testid": "leftnav-itemlabel",
+    "data-testid": labelDataTestId || 'leftnav-itemlabel',
     labelOverflow: labelOverflow
   }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
     value: label,

package/cjs/outOfTheBox/ItemSubmenu/index.js CHANGED Viewed

@@ -41,7 +41,8 @@ const ItemSubmenu = props => {
       itemOpts: {
         label,
         RightComponent,
-        BottomComponent
+        BottomComponent,
+        labelDataTestId
       },
       CollapsedComponent = () => null
     },
@@ -60,7 +61,7 @@ const ItemSubmenu = props => {
   } = props;
   const opened = openedItem === dsId;
   const isSelected = selectedItem === dsId;
-  const shadowStyle = React.useCallback(theme => !openedItem ? notOpenedShadowStyle(isSelected || selectedParent === dsId)(theme) : "box-shadow: inherit", [dsId, isSelected, openedItem, selectedParent]);
+  const shadowStyle = React.useCallback(opened => theme => !opened ? notOpenedShadowStyle(isSelected || selectedParent === dsId)(theme) : "box-shadow: inset 4px 0 0 0 #52A6EC", [dsId, isSelected, openedItem, selectedParent]);
   const ariaLabel = (_item$itemOpts$ariaLa = item.itemOpts.ariaLabel) !== null && _item$itemOpts$ariaLa !== void 0 ? _item$itemOpts$ariaLa : typeof label === 'string' ? label : 'menuitem';
   return /*#__PURE__*/_jsx__default["default"](index.ItemRenderer, {
     item: _objectSpread(_objectSpread({}, item), {}, {
@@ -102,7 +103,7 @@ const ItemSubmenu = props => {
     ml: opened ? 'xxs' : '1px',
     mt: "xxxs",
     mb: "15px",
-    "data-testid": "leftnav-itemlabel",
+    "data-testid": labelDataTestId || 'leftnav-itemlabel',
     labelOverflow: labelOverflow
   }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
     value: label,

package/cjs/outOfTheBox/ItemTextLabel/index.js CHANGED Viewed

@@ -36,7 +36,8 @@ const ItemTextLabel = props => {
         label,
         labelOverflow: itemLabelOverflow,
         labelBold,
-        labelColor
+        labelColor,
+        labelDataTestId
       }
     },
     ctx: {
@@ -53,7 +54,7 @@ const ItemTextLabel = props => {
     minHeight: "32px",
     paddingTop: "8px"
   }, void 0, " ", _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})), /*#__PURE__*/_jsx__default["default"](styled.StyledLabel, {
-    "data-testid": "leftnav-list-item-label",
+    "data-testid": labelDataTestId || 'leftnav-list-item-label',
     pl: "24px",
     labelOverflow: labelOverflow,
     labelBold: labelBold,

package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js CHANGED Viewed

@@ -89,7 +89,8 @@ const ItemUncontrolledDrilldown = props => {
         labelBold,
         labelColor,
         startOpened,
-        items
+        items,
+        labelDataTestId
       }
     },
     ctx,
@@ -146,7 +147,7 @@ const ItemUncontrolledDrilldown = props => {
     mt: "-2px"
   }, void 0, arrowIcon), /*#__PURE__*/_jsx__default["default"](styled.StyledLabel, {
     pb: "xxxs",
-    "data-testid": "leftnav-list-item-label",
+    "data-testid": labelDataTestId || 'leftnav-list-item-label',
     labelOverflow: labelOverflow,
     labelBold: labelBold,
     labelColor: labelColor

package/cjs/outOfTheBox/ItemWithDate/index.js CHANGED Viewed

@@ -39,7 +39,8 @@ const ItemWithDate = props => {
         labelRightSection,
         labelOverflow: itemLabelOverflow,
         labelBold,
-        labelColor
+        labelColor,
+        labelDataTestId
       }
     },
     ctx,
@@ -59,7 +60,7 @@ const ItemWithDate = props => {
   }, void 0, " ", _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})), /*#__PURE__*/_jsx__default["default"](styled.StyledLabel, {
     pl: "xxs",
     pb: "xxxs",
-    "data-testid": "leftnav-list-item-label",
+    "data-testid": labelDataTestId || 'leftnav-list-item-label',
     labelOverflow: labelOverflow,
     labelBold: labelBold,
     labelColor: labelColor

package/cjs/parts/LeftNavContent/index.js CHANGED Viewed

@@ -26,7 +26,8 @@ const LeftNavInnerContent = () => {
       HeaderComponent,
       BodyHeaderComponent,
       openedItem,
-      items
+      items,
+      withoutBodyShadow
     },
     selectedItem
   } = React__default["default"].useContext(LeftNavigationContext.LeftNavContext);
@@ -42,7 +43,7 @@ const LeftNavInnerContent = () => {
     }, void 0, BodyHeaderComponent ? /*#__PURE__*/_jsx__default["default"](OutOfTheBoxMapItem.OutOfTheBoxMapItem, {
       item: BodyHeaderComponent
     }) : null), /*#__PURE__*/_jsx__default["default"](styled.StyledLeftNavBodyItemsArea, {
-      selected: openedItem !== null,
+      selected: !withoutBodyShadow && openedItem !== null,
       "data-testid": "leftnav-body-items-area",
       tabIndex: -1
     }, void 0, /*#__PURE__*/_jsx__default["default"](index$2.LeftNavContentWithScrollbar, {}, void 0, items.map(item => /*#__PURE__*/_jsx__default["default"](OutOfTheBoxMapItem.OutOfTheBoxMapItem, {

package/cjs/prop-types.js CHANGED Viewed

@@ -27,7 +27,8 @@ const leftNavigationProps = {
   onFooterClose: reactDesc.PropTypes.func.description('The function to call when the left-nav is closed via the footer'),
   onSelectedChange: reactDesc.PropTypes.func.description('A callback which triggers when the selected item changes').defaultValue(() => null),
   onFocusChange: reactDesc.PropTypes.func.description('A callback which triggers when the focused item changes').defaultValue(() => null),
-  items: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The array of items you want to render inside the left nav').defaultValue([])
+  items: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The array of items you want to render inside the left nav').defaultValue([]),
+  disableDefaultSelection: reactDesc.PropTypes.bool.description('Whether you do not want to automatically select the first body item').defaultValue(false)
 };
 const LeftNavItemProps = () => null;

package/esm/configs/useLeftNavConfig.js CHANGED Viewed

@@ -49,7 +49,7 @@ const useLeftNavConfig = props => {
   React.useEffect(() => {
     onFocusChange(focusedItem);
   }, [focusedItem, onFocusChange]);
-  useSelectFirstBodyItem(items, openedItem, props.selectedItem !== undefined ? props.selectedItem : selectedItem, setSelectedItem); // -----------------------------------------------------------------------------
+  useSelectFirstBodyItem(items, openedItem, props.selectedItem !== undefined ? props.selectedItem : selectedItem, setSelectedItem, props.disableDefaultSelection); // -----------------------------------------------------------------------------
   // ************************** ------------ **************************
   // *                        ITEMS MANAGEMENT                        *
   // ************************** ------------ **************************

package/esm/exported-related/ItemRenderer/index.js CHANGED Viewed

@@ -70,14 +70,14 @@ const ItemRenderer = props => {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/_jsx(StyledItemWrapper, {
-      shadowStyle: shadowStyle,
+      shadowStyle: shadowStyle(opened, item.type),
       "data-testid": "leftnav-item-wrapper"
     }, void 0, /*#__PURE__*/jsx(StyledItem, {
       ref: visibleItemsRefs.current[dsId],
       pt: paddingTop,
       pl: indent === undefined ? 'xxxs' : "".concat(indent, "px"),
       minHeight: minHeight,
-      shadowStyle: shadowStyle,
+      shadowStyle: shadowStyle(opened, item.type),
       alignItems: "flex-start",
       cols: cols,
       onClick: !opened ? handleOnClick : () => null,
@@ -92,6 +92,8 @@ const ItemRenderer = props => {
       "aria-describedby": ariaDescribedBy,
       "aria-expanded": ariaExpanded,
       role: ariaRole,
+      "data-selected": isSelected,
+      "data-selectedparent": selectedParent === dsId,
       "aria-label": ariaLabel,
       "aria-hidden": !focuseable,
       "aria-live": ariaLive,

package/esm/exported-related/ItemRenderer/usePropsWithDefaults.js CHANGED Viewed

@@ -21,7 +21,8 @@ const itemDefaultProps = {
   ariaLive: 'off',
   ariaExpanded: undefined,
   ariaDescribedBy: undefined
-}; // Make use Item props with defaults
+};
+const itemWithoutShadows = ['ds-left-nav-item-header', 'ds-left-nav-item-link', 'ds-left-nav-item-submenu']; // Make use Item props with defaults
 const usePropsWithDefaults = props => {
   const propsWithDefault = useMemo(() => {
@@ -35,7 +36,7 @@ const usePropsWithDefaults = props => {
       minHeight: '48px',
       paddingTop: '12px',
       subitems: [],
-      shadowStyle: () => 'box-shadow: inherit',
+      shadowStyle: (opened, type) => theme => "box-shadow: ".concat(opened || !itemWithoutShadows.includes(type) ? 'inset 4px 0 0 0 #52A6EC' : 'inset 4px 0 0 0 white'),
       hasBorderBottom: false,
       borderBottomMr: '0px'
     }, props), {}, {

package/esm/exported-related/Notifications/index.js CHANGED Viewed

@@ -15,28 +15,32 @@ const Notifications = _ref => {
   } = _ref;
   return /*#__PURE__*/_jsx(StyledIcon, {}, void 0, /*#__PURE__*/_jsx(Notifications$1, {
     size: "m",
-    color: ['brand-primary', 800]
+    color: ['brand-primary', 800],
+    "data-testid": "left-nav-notifications-icon"
   }), (exceptions || alerts || messages) && /*#__PURE__*/_jsx(Grid, {
     cols: ['1fr', '1fr', '1fr'],
     gutter: "xxxs",
     mt: "2px"
   }, void 0, /*#__PURE__*/_jsx(Grid, {
     width: "6px",
-    height: "6px"
+    height: "6px",
+    "data-testid": "left-nav-exceptions-icon"
   }, void 0, exceptions && /*#__PURE__*/_jsx(ExceptionsSmallFill, {
     width: "6px",
     height: "6px",
     color: ['warning', 900]
   })), /*#__PURE__*/_jsx(Grid, {
     width: "6px",
-    height: "6px"
+    height: "6px",
+    "data-testid": "left-nav-alerts-icon"
   }, void 0, alerts && /*#__PURE__*/_jsx(AlertsSmallFill, {
     width: "6px",
     height: "6px",
     color: ['danger', 900]
   })), /*#__PURE__*/_jsx(Grid, {
     width: "6px",
-    height: "6px"
+    height: "6px",
+    "data-testid": "left-nav-messages-icon"
   }, void 0, messages && /*#__PURE__*/_jsx(MessagesSmallFill, {
     width: "6px",
     height: "6px",

package/esm/hooks/useSelectFirstBodyItem.js CHANGED Viewed

@@ -19,14 +19,14 @@ const isItemInsideTheTree = (item, itemID) => {
   return item.dsId === itemID || (item === null || item === void 0 ? void 0 : (_item$itemOpts = item.itemOpts) === null || _item$itemOpts === void 0 ? void 0 : (_item$itemOpts$items = _item$itemOpts.items) === null || _item$itemOpts$items === void 0 ? void 0 : _item$itemOpts$items.some(it => isItemInsideTheTree(it, itemID)));
 };
-const useSelectFirstBodyItem = (items, openedItem, selectedItem, setSelectedItem) => {
+const useSelectFirstBodyItem = (items, openedItem, selectedItem, setSelectedItem, disableDefaultSelection) => {
   useEffect(() => {
-    if (items && items.length && openedItem) {
+    if (!disableDefaultSelection && items && items.length && openedItem) {
       const index = items.findIndex(elem => isSelectableOutOfTheBox(elem) || isSelectableCustom(elem));
       const isItemInside = items.some(it => isItemInsideTheTree(it, selectedItem));
       if (isItemInside) setSelectedItem(selectedItem);else if (index !== -1) setSelectedItem(items[index].dsId);
     }
-  }, [openedItem, setSelectedItem]);
+  }, [openedItem, setSelectedItem, disableDefaultSelection]);
 };
 export { useSelectFirstBodyItem };

package/esm/outOfTheBox/ItemControlledDrilldown/index.js CHANGED Viewed

@@ -18,13 +18,15 @@ 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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const outOfTheBoxSubitemsComponents = {
   [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,
-  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate
+  [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,
+  [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel
 };
 const OutOfTheBoxMapSubitem = props => {
@@ -74,7 +76,8 @@ const ItemControlledDrilldown = props => {
         labelBold,
         labelColor,
         isOpened,
-        items
+        items,
+        labelDataTestId
       }
     },
     ctx,
@@ -119,7 +122,7 @@ const ItemControlledDrilldown = props => {
     mt: "-2px"
   }, void 0, arrowIcon), /*#__PURE__*/_jsx(StyledLabel, {
     pb: "xxxs",
-    "data-testid": "leftnav-list-item-label",
+    "data-testid": labelDataTestId || 'leftnav-list-item-label',
     labelOverflow: labelOverflow,
     labelBold: labelBold,
     labelColor: labelColor

package/esm/outOfTheBox/ItemHeader/index.js CHANGED Viewed

@@ -31,7 +31,8 @@ const ItemHeader = props => {
       itemOpts: {
         label,
         RightComponent,
-        BottomComponent
+        BottomComponent,
+        labelDataTestId
       },
       CollapsedComponent = () => null
     },
@@ -51,7 +52,7 @@ const ItemHeader = props => {
   const opened = openedItem === dsId;
   const ariaLabel = (_item$itemOpts$ariaLa = item.itemOpts.ariaLabel) !== null && _item$itemOpts$ariaLa !== void 0 ? _item$itemOpts$ariaLa : typeof label === 'string' ? label : 'menuitem';
   const isSelected = selectedItem === dsId || selectedParent === dsId;
-  const shadowStyle = useCallback(theme => !openedItem ? notOpenedShadowStyle(isSelected)(theme) : "box-shadow: inherit", [isSelected, openedItem]);
+  const shadowStyle = useCallback(opened => theme => !opened ? notOpenedShadowStyle(isSelected)(theme) : "box-shadow: inset 4px 0 0 0 #52A6EC", [isSelected, openedItem]);
   return /*#__PURE__*/_jsx(ItemRenderer, {
     item: _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({
@@ -93,7 +94,7 @@ const ItemHeader = props => {
     ml: opened ? 'xxs' : '1px',
     mt: "xxxs",
     mb: "15px",
-    "data-testid": "leftnav-itemlabel",
+    "data-testid": labelDataTestId || 'leftnav-itemlabel',
     labelOverflow: labelOverflow
   }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
     value: label,

package/esm/outOfTheBox/ItemLink/index.js CHANGED Viewed

@@ -27,7 +27,8 @@ const ItemLink = props => {
       dsId,
       itemOpts: {
         label,
-        RightComponent
+        RightComponent,
+        labelDataTestId
       },
       CollapsedComponent = () => null
     },
@@ -42,7 +43,7 @@ const ItemLink = props => {
     }
   } = props;
   const isSelected = selectedItem === dsId || selectedParent === dsId;
-  const shadowStyle = useCallback(theme => !openedItem ? notOpenedShadowStyle(isSelected)(theme) : "box-shadow: inherit", [isSelected, openedItem]);
+  const shadowStyle = useCallback(opened => theme => !opened ? notOpenedShadowStyle(isSelected)(theme) : "box-shadow: inset 4px 0 0 0 #52A6EC", [isSelected, openedItem]);
   return /*#__PURE__*/_jsx(ItemRenderer, {
     item: _objectSpread(_objectSpread({}, item), {}, {
       itemOpts: _objectSpread(_objectSpread({
@@ -66,7 +67,7 @@ const ItemLink = props => {
     ml: "1px",
     mt: "xxxs",
     mb: "15px",
-    "data-testid": "leftnav-itemlabel",
+    "data-testid": labelDataTestId || 'leftnav-itemlabel',
     labelOverflow: labelOverflow
   }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
     value: label,

package/esm/outOfTheBox/ItemSubmenu/index.js CHANGED Viewed

@@ -31,7 +31,8 @@ const ItemSubmenu = props => {
       itemOpts: {
         label,
         RightComponent,
-        BottomComponent
+        BottomComponent,
+        labelDataTestId
       },
       CollapsedComponent = () => null
     },
@@ -50,7 +51,7 @@ const ItemSubmenu = props => {
   } = props;
   const opened = openedItem === dsId;
   const isSelected = selectedItem === dsId;
-  const shadowStyle = useCallback(theme => !openedItem ? notOpenedShadowStyle(isSelected || selectedParent === dsId)(theme) : "box-shadow: inherit", [dsId, isSelected, openedItem, selectedParent]);
+  const shadowStyle = useCallback(opened => theme => !opened ? notOpenedShadowStyle(isSelected || selectedParent === dsId)(theme) : "box-shadow: inset 4px 0 0 0 #52A6EC", [dsId, isSelected, openedItem, selectedParent]);
   const ariaLabel = (_item$itemOpts$ariaLa = item.itemOpts.ariaLabel) !== null && _item$itemOpts$ariaLa !== void 0 ? _item$itemOpts$ariaLa : typeof label === 'string' ? label : 'menuitem';
   return /*#__PURE__*/_jsx(ItemRenderer, {
     item: _objectSpread(_objectSpread({}, item), {}, {
@@ -92,7 +93,7 @@ const ItemSubmenu = props => {
     ml: opened ? 'xxs' : '1px',
     mt: "xxxs",
     mb: "15px",
-    "data-testid": "leftnav-itemlabel",
+    "data-testid": labelDataTestId || 'leftnav-itemlabel',
     labelOverflow: labelOverflow
   }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
     value: label,

package/esm/outOfTheBox/ItemTextLabel/index.js CHANGED Viewed

@@ -27,7 +27,8 @@ const ItemTextLabel = props => {
         label,
         labelOverflow: itemLabelOverflow,
         labelBold,
-        labelColor
+        labelColor,
+        labelDataTestId
       }
     },
     ctx: {
@@ -44,7 +45,7 @@ const ItemTextLabel = props => {
     minHeight: "32px",
     paddingTop: "8px"
   }, void 0, " ", _div || (_div = /*#__PURE__*/_jsx("div", {})), /*#__PURE__*/_jsx(StyledLabel, {
-    "data-testid": "leftnav-list-item-label",
+    "data-testid": labelDataTestId || 'leftnav-list-item-label',
     pl: "24px",
     labelOverflow: labelOverflow,
     labelBold: labelBold,

package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js CHANGED Viewed

@@ -79,7 +79,8 @@ const ItemUncontrolledDrilldown = props => {
         labelBold,
         labelColor,
         startOpened,
-        items
+        items,
+        labelDataTestId
       }
     },
     ctx,
@@ -136,7 +137,7 @@ const ItemUncontrolledDrilldown = props => {
     mt: "-2px"
   }, void 0, arrowIcon), /*#__PURE__*/_jsx(StyledLabel, {
     pb: "xxxs",
-    "data-testid": "leftnav-list-item-label",
+    "data-testid": labelDataTestId || 'leftnav-list-item-label',
     labelOverflow: labelOverflow,
     labelBold: labelBold,
     labelColor: labelColor

package/esm/outOfTheBox/ItemWithDate/index.js CHANGED Viewed

@@ -29,7 +29,8 @@ const ItemWithDate = props => {
         labelRightSection,
         labelOverflow: itemLabelOverflow,
         labelBold,
-        labelColor
+        labelColor,
+        labelDataTestId
       }
     },
     ctx,
@@ -49,7 +50,7 @@ const ItemWithDate = props => {
   }, void 0, " ", _div || (_div = /*#__PURE__*/_jsx("div", {})), /*#__PURE__*/_jsx(StyledLabel, {
     pl: "xxs",
     pb: "xxxs",
-    "data-testid": "leftnav-list-item-label",
+    "data-testid": labelDataTestId || 'leftnav-list-item-label',
     labelOverflow: labelOverflow,
     labelBold: labelBold,
     labelColor: labelColor

package/esm/parts/LeftNavContent/index.js CHANGED Viewed

@@ -19,7 +19,8 @@ const LeftNavInnerContent = () => {
       HeaderComponent,
       BodyHeaderComponent,
       openedItem,
-      items
+      items,
+      withoutBodyShadow
     },
     selectedItem
   } = React.useContext(LeftNavContext);
@@ -35,7 +36,7 @@ const LeftNavInnerContent = () => {
     }, void 0, BodyHeaderComponent ? /*#__PURE__*/_jsx(OutOfTheBoxMapItem, {
       item: BodyHeaderComponent
     }) : null), /*#__PURE__*/_jsx(StyledLeftNavBodyItemsArea, {
-      selected: openedItem !== null,
+      selected: !withoutBodyShadow && openedItem !== null,
       "data-testid": "leftnav-body-items-area",
       tabIndex: -1
     }, void 0, /*#__PURE__*/_jsx(LeftNavContentWithScrollbar, {}, void 0, items.map(item => /*#__PURE__*/_jsx(OutOfTheBoxMapItem, {

package/esm/prop-types.js CHANGED Viewed

@@ -23,7 +23,8 @@ const leftNavigationProps = {
   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([])
+  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;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-left-navigation",
-  "version": "2.0.0-rc.1",
+  "version": "2.0.0-rc.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Left Navigation",
   "module": "./esm/index.js",
@@ -233,16 +233,18 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-rc.1",
-    "@elliemae/ds-grid": "2.0.0-rc.1",
-    "@elliemae/ds-icons": "2.0.0-rc.1",
-    "@elliemae/ds-system": "2.0.0-rc.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.1",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.13",
+    "@elliemae/ds-grid": "2.0.0-rc.13",
+    "@elliemae/ds-icons": "2.0.0-rc.13",
+    "@elliemae/ds-system": "2.0.0-rc.13",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.13",
     "overlayscrollbars": "1.13.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
     "styled-components": "~5.3.3"
   },
   "peerDependencies": {

package/types/LeftNavigation.d.ts CHANGED Viewed

@@ -1,19 +1,54 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import type { LeftNavProps } from './index.d';
 export declare const LeftNavigation: {
     (props: LeftNavProps): JSX.Element;
     propTypes: {
-        containerProps: any;
-        expanded: any;
-        loading: any;
-        tabIndex: any;
-        openedItem: any;
-        footerLabel: any;
-        onFooterExpand: any;
-        onFooterClose: any;
-        onSelectedChange: any;
-        onFocusChange: any;
-        items: any;
+        containerProps: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        expanded: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        loading: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        tabIndex: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        openedItem: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        footerLabel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onFooterExpand: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onFooterClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onSelectedChange: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onFocusChange: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        items: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        disableDefaultSelection: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
     };
     defaultProps: LeftNavProps;
 };

package/types/exported-related/ItemRenderer/styled.d.ts CHANGED Viewed

@@ -7,10 +7,10 @@ interface ItemProps {
     shadowStyle: (theme: any) => string;
 }
 export declare const borderOutside: (color: any, weight?: number) => string;
-export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
+export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     shadowStyle: (theme: any) => string;
 }, never>;
-export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
+export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     minHeight: string;
 } & ItemProps, never>;
 export {};

package/types/hooks/useSelectFirstBodyItem.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from 'react';
 import { GenericItemItemProps } from '../index.d';
-export declare const useSelectFirstBodyItem: (items: GenericItemItemProps[], openedItem: string, selectedItem: string, setSelectedItem: React.Dispatch<React.SetStateAction<string>>) => void;
+export declare const useSelectFirstBodyItem: (items: GenericItemItemProps[], openedItem: string, selectedItem: string, setSelectedItem: React.Dispatch<React.SetStateAction<string>>, disableDefaultSelection: boolean) => void;

package/types/index.d.d.ts CHANGED Viewed

@@ -19,6 +19,8 @@ export interface LeftNavProps {
     loading: boolean;
     selectedItem?: string;
     selectedParent?: string;
+    disableDefaultSelection?: boolean;
+    withoutBodyShadow?: boolean;
 }
 export declare type OutOfTheBoxT = 'ds-left-nav-item-header' | 'ds-left-nav-item-link' | 'ds-left-nav-item-submenu' | 'ds-left-nav-item-controlled-drilldown' | 'ds-left-nav-item-uncontrolled-drilldown' | 'ds-left-nav-item-section' | 'ds-left-nav-item-separator' | 'ds-left-nav-item-text-label' | 'ds-left-nav-item-with-date';
 export interface itemOptsT {
@@ -43,6 +45,7 @@ export interface itemOptsT {
     ariaExpanded?: boolean;
     ariaDescribedBy?: string;
     items?: GenericItemItemProps[];
+    labelDataTestId?: string;
 }
 export interface ComponentProps {
     item: GenericItemItemProps;

package/types/outOfTheBox/ItemControlledDrilldown/styled.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     labelBold: boolean;
 }, never>;
-export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemHeader/styled.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemLink/styled.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemSection/styled.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledVerticalSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRightLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledVerticalSeparator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledRightLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemSubmenu/styled.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemTextLabel/styled.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemUncontrolledDrilldown/styled.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     labelBold: boolean;
 }, never>;
-export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/ItemWithDate/styled.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     labelBold: boolean;
 }, never>;
-export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/parts/LeftNavContent/styled.d.ts CHANGED Viewed

@@ -2,13 +2,13 @@ declare type LeftNavProps = {
     expanded: boolean;
     expandedWidth: string;
 };
-export declare const StyledLeftNavExpandAnimationWrapper: import("styled-components").StyledComponent<"nav", any, LeftNavProps, never>;
-export declare const StyledLeftNavAreasContainer: import("styled-components").StyledComponent<"div", any, LeftNavProps, never>;
-export declare const StyledLeftNavHeaderArea: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLeftNavBodyAreasContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLeftNavBodyHeaderArea: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledLeftNavBodyItemsArea: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledLeftNavExpandAnimationWrapper: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, LeftNavProps, never>;
+export declare const StyledLeftNavAreasContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LeftNavProps, never>;
+export declare const StyledLeftNavHeaderArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLeftNavBodyAreasContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLeftNavBodyHeaderArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLeftNavBodyItemsArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     selected: boolean;
 }, never>;
-export declare const StyledLeftNavFooterArea: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledLeftNavFooterArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/types/parts/LeftNavFooterItem/styled.d.ts CHANGED Viewed

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
+export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     theme: any;
     selected: boolean;
 }, never>;
-export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
+export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     theme: any;
     selected: boolean;
     opened: boolean;
 }, never>;
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledMenuCollapse: import("styled-components").StyledComponent<(rest: any) => JSX.Element, any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledMenuCollapse: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/types/prop-types.d.ts CHANGED Viewed

@@ -1,22 +1,91 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
 export declare const leftNavItemProps: {
-    type: any;
-    dsId: any;
-    Component: any;
-    CollapsedComponent: any;
-    itemOpts: any;
+    type: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    dsId: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    Component: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    CollapsedComponent: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    itemOpts: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
 };
 export declare const leftNavigationProps: {
-    containerProps: any;
-    expanded: any;
-    loading: any;
-    tabIndex: any;
-    openedItem: any;
-    footerLabel: any;
-    onFooterExpand: any;
-    onFooterClose: any;
-    onSelectedChange: any;
-    onFocusChange: any;
-    items: any;
+    containerProps: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    expanded: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    loading: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    tabIndex: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    openedItem: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    footerLabel: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    onFooterExpand: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    onFooterClose: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    onSelectedChange: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onFocusChange: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    items: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    disableDefaultSelection: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+};
+export declare const LeftNavItemPropsSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export declare const LeftNavItemOptionsSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
 };
-export declare const LeftNavItemPropsSchema: any;
-export declare const LeftNavItemOptionsSchema: any;