@elliemae/ds-left-navigation 1.60.0 → 2.0.0-alpha.12

package/cjs/exported-related/index.js

@@ -2,33 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var exportedRelated_constants = require('./constants.js');
-var exportedRelated_ItemRenderer_index = require('./ItemRenderer/index.js');
-var exportedRelated_ChevronItem_index = require('./ChevronItem/index.js');
-var exportedRelated_Notifications_index = require('./Notifications/index.js');
-var exportedRelated_OpenWindowItem_index = require('./OpenWindowItem/index.js');
-var exportedRelated_Icon_index = require('./Icon/index.js');
-require('react');
-require('@elliemae/ds-grid');
-require('./ItemRenderer/styled.js');
-require('styled-components');
-require('../LeftNavigationContext.js');
-require('./ItemRenderer/usePropsWithDefaults.js');
-require('@babel/runtime/helpers/defineProperty');
-require('../hooks/useKeyboardNavigation.js');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons');
+var constants = require('./constants.js');
+var index = require('./ItemRenderer/index.js');
+var index$1 = require('./ChevronItem/index.js');
+var index$2 = require('./Notifications/index.js');
+var index$3 = require('./OpenWindowItem/index.js');
+var index$4 = require('./Icon/index.js');
 
 
 
-exports.CHEVRON_BACK_DS_ID = exportedRelated_constants.CHEVRON_BACK_DS_ID;
-exports.FOOTER_DS_ID = exportedRelated_constants.FOOTER_DS_ID;
-exports.FOOTER_MENU_CLOSE_DS_ID = exportedRelated_constants.FOOTER_MENU_CLOSE_DS_ID;
-exports.ITEM_TYPES = exportedRelated_constants.ITEM_TYPES;
-exports.LABEL_OVERFLOW = exportedRelated_constants.LABEL_OVERFLOW;
-exports.ItemRenderer = exportedRelated_ItemRenderer_index.ItemRenderer;
-exports.ChevronItem = exportedRelated_ChevronItem_index.ChevronItem;
-exports.Notifications = exportedRelated_Notifications_index.Notifications;
-exports.OpenWindow = exportedRelated_OpenWindowItem_index.OpenWindow;
-exports.Icon = exportedRelated_Icon_index.Icon;
-//# sourceMappingURL=index.js.map
+exports.CHEVRON_BACK_DS_ID = constants.CHEVRON_BACK_DS_ID;
+exports.FOOTER_DS_ID = constants.FOOTER_DS_ID;
+exports.FOOTER_MENU_CLOSE_DS_ID = constants.FOOTER_MENU_CLOSE_DS_ID;
+exports.ITEM_TYPES = constants.ITEM_TYPES;
+exports.LABEL_OVERFLOW = constants.LABEL_OVERFLOW;
+exports.ItemRenderer = index.ItemRenderer;
+exports.ChevronItem = index$1.ChevronItem;
+exports.Notifications = index$2.Notifications;
+exports.OpenWindow = index$3.OpenWindow;
+exports.Icon = index$4.Icon;

package/cjs/hooks/index.js

@@ -2,16 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var hooks_useOpenableOnClickHandler = require('./useOpenableOnClickHandler.js');
-var hooks_useExpandableOnClickHandler = require('./useExpandableOnClickHandler.js');
-var hooks_useKeyboardNavigation = require('./useKeyboardNavigation.js');
-require('react');
-require('../LeftNavigationContext.js');
-require('../exported-related/constants.js');
+var useOpenableOnClickHandler = require('./useOpenableOnClickHandler.js');
+var useExpandableOnClickHandler = require('./useExpandableOnClickHandler.js');
+var useKeyboardNavigation = require('./useKeyboardNavigation.js');
 
 
 
-exports.useOpenableOnClickHandler = hooks_useOpenableOnClickHandler.useOpenableOnClickHandler;
-exports.useExpandableOnClickHandler = hooks_useExpandableOnClickHandler.useExpandableOnClickHandler;
-exports.useKeyboardNavigation = hooks_useKeyboardNavigation.useKeyboardNavigation;
-//# sourceMappingURL=index.js.map
+exports.useOpenableOnClickHandler = useOpenableOnClickHandler.useOpenableOnClickHandler;
+exports.useExpandableOnClickHandler = useExpandableOnClickHandler.useExpandableOnClickHandler;
+exports.useKeyboardNavigation = useKeyboardNavigation.useKeyboardNavigation;

package/cjs/hooks/useExpandableOnClickHandler.js

@@ -5,30 +5,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var LeftNavigationContext = require('../LeftNavigationContext.js');
 
-var useExpandableOnClickHandler = function useExpandableOnClickHandler(_ref) {
-  var id = _ref.id,
-      onExpand = _ref.onExpand,
-      onOpen = _ref.onOpen,
-      _ref$selectable = _ref.selectable,
-      selectable = _ref$selectable === void 0 ? true : _ref$selectable;
-
-  var _useContext = React.useContext(LeftNavigationContext.LeftNavContext),
-      expanded = _useContext.leftNavProps.expanded,
-      setSelectedItem = _useContext.setSelectedItem;
-
-  var handleOnExpand = React.useCallback(function (e) {
+const useExpandableOnClickHandler = _ref => {
+  let {
+    id,
+    onExpand,
+    onOpen,
+    selectable = true
+  } = _ref;
+  const {
+    leftNavProps: {
+      expanded
+    },
+    setSelectedItem
+  } = React.useContext(LeftNavigationContext.LeftNavContext);
+  const handleOnExpand = React.useCallback(e => {
     onExpand(e);
     if (selectable) setSelectedItem(id);
   }, [id, onExpand, setSelectedItem, selectable]);
-  var handleOnOpen = React.useCallback(function (e) {
+  const handleOnOpen = React.useCallback(e => {
     onOpen(e);
     if (selectable) setSelectedItem(id);
   }, [id, onOpen, setSelectedItem, selectable]);
-  var handleOnClick = React.useCallback(function (e) {
+  const handleOnClick = React.useCallback(e => {
     if (!expanded) handleOnExpand(e);else handleOnOpen(e);
   }, [expanded, handleOnExpand, handleOnOpen]);
   return handleOnClick;
 };
 
 exports.useExpandableOnClickHandler = useExpandableOnClickHandler;
-//# sourceMappingURL=useExpandableOnClickHandler.js.map

package/cjs/hooks/useKeyboardNavigation.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var exportedRelated_constants = require('../exported-related/constants.js');
+var constants = require('../exported-related/constants.js');
 var LeftNavigationContext = require('../LeftNavigationContext.js');
 
 /* eslint-disable max-statements */
-var KEY_CODES = {
+const KEY_CODES = {
   TAB: 9,
   ENTER: 13,
   SPACE: 32,
@@ -19,49 +19,46 @@ var KEY_CODES = {
   HOME: 36
 };
 
-var nextIndex = function nextIndex(index, length) {
-  return (index + 1) % length;
-};
-
-var prevIndex = function prevIndex(index, length) {
-  return (index - 1 + length) % length;
-};
-
-var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
-  var item = _ref.item,
-      onClick = _ref.onClick;
-  var dsId = item.dsId,
-      _item$itemOpts = item.itemOpts,
-      selectable = _item$itemOpts.selectable,
-      openable = _item$itemOpts.openable,
-      closable = _item$itemOpts.closable;
-
-  var _useContext = React.useContext(LeftNavigationContext.LeftNavContext),
-      visibleItems = _useContext.visibleItems,
-      visibleItemsRefs = _useContext.visibleItemsRefs;
-
-  var currentIndex = React.useMemo(function () {
-    return visibleItems.findIndex(function (visibleItemDsId) {
-      return visibleItemDsId === dsId;
-    });
-  }, [dsId, visibleItems]);
-
-  var _useContext2 = React.useContext(LeftNavigationContext.LeftNavContext),
-      setFocusedItem = _useContext2.setFocusedItem,
-      focusedItem = _useContext2.focusedItem,
-      setSelectedItem = _useContext2.setSelectedItem;
-
-  var focusAndSelect = React.useCallback(function (nextDsId) {
+const nextIndex = (index, length) => (index + 1) % length;
+
+const prevIndex = (index, length) => (index - 1 + length) % length;
+
+const useKeyboardNavigation = _ref => {
+  let {
+    item,
+    onClick
+  } = _ref;
+  const {
+    dsId,
+    itemOpts: {
+      selectable,
+      openable,
+      closable
+    }
+  } = item;
+  const {
+    visibleItems,
+    visibleItemsRefs
+  } = React.useContext(LeftNavigationContext.LeftNavContext);
+  const currentIndex = React.useMemo(() => visibleItems.findIndex(visibleItemDsId => visibleItemDsId === dsId), [dsId, visibleItems]);
+  const {
+    setFocusedItem,
+    focusedItem,
+    setSelectedItem
+  } = React.useContext(LeftNavigationContext.LeftNavContext);
+  const focusAndSelect = React.useCallback(nextDsId => {
     setFocusedItem(nextDsId);
     setSelectedItem(nextDsId);
   }, [setFocusedItem, setSelectedItem]);
-  React.useLayoutEffect(function () {
+  React.useLayoutEffect(() => {
     var _visibleItemsRefs$cur, _visibleItemsRefs$cur2;
 
     if (dsId === focusedItem) (_visibleItemsRefs$cur = visibleItemsRefs.current[dsId]) === null || _visibleItemsRefs$cur === void 0 ? void 0 : (_visibleItemsRefs$cur2 = _visibleItemsRefs$cur.current) === null || _visibleItemsRefs$cur2 === void 0 ? void 0 : _visibleItemsRefs$cur2.focus();
   }, [dsId, focusedItem, visibleItemsRefs]);
-  var onKeyDown = React.useCallback(function (e) {
-    var keyCode = e.keyCode; // Prevent default behaviour when not tab
+  const onKeyDown = React.useCallback(e => {
+    const {
+      keyCode
+    } = e; // Prevent default behaviour when not tab
 
     if (keyCode !== KEY_CODES.TAB) {
       e.preventDefault();
@@ -71,10 +68,10 @@ var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
       if (selectable) {
         onClick(e);
         focusAndSelect(dsId);
-      } else if (focusedItem === exportedRelated_constants.CHEVRON_BACK_DS_ID) {
+      } else if (focusedItem === constants.CHEVRON_BACK_DS_ID) {
         onClick(e);
         focusAndSelect(dsId);
-      } else if (focusedItem === exportedRelated_constants.FOOTER_MENU_CLOSE_DS_ID) {
+      } else if (focusedItem === constants.FOOTER_MENU_CLOSE_DS_ID) {
         onClick(e);
         setFocusedItem(dsId);
       }
@@ -90,12 +87,12 @@ var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
     }
 
     if (keyCode === KEY_CODES.DOWN_ARROW) {
-      var nextDsId = visibleItems[nextIndex(currentIndex, visibleItems.length)];
+      const nextDsId = visibleItems[nextIndex(currentIndex, visibleItems.length)];
       setFocusedItem(nextDsId);
     }
 
     if (keyCode === KEY_CODES.UP_ARROW) {
-      var prevDsId = visibleItems[prevIndex(currentIndex, visibleItems.length)];
+      const prevDsId = visibleItems[prevIndex(currentIndex, visibleItems.length)];
       setFocusedItem(prevDsId);
     }
 
@@ -111,4 +108,3 @@ var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
 };
 
 exports.useKeyboardNavigation = useKeyboardNavigation;
-//# sourceMappingURL=useKeyboardNavigation.js.map

package/cjs/hooks/useOpenableOnClickHandler.js

@@ -5,34 +5,36 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var LeftNavigationContext = require('../LeftNavigationContext.js');
 
-var useOpenableOnClickHandler = function useOpenableOnClickHandler(_ref) {
-  var id = _ref.id,
-      opened = _ref.opened,
-      onExpand = _ref.onExpand,
-      onOpen = _ref.onOpen,
-      onClose = _ref.onClose;
-
-  var _useContext = React.useContext(LeftNavigationContext.LeftNavContext),
-      expanded = _useContext.leftNavProps.expanded,
-      setSelectedItem = _useContext.setSelectedItem;
-
-  var handleOnExpand = React.useCallback(function (e) {
+const useOpenableOnClickHandler = _ref => {
+  let {
+    id,
+    opened,
+    onExpand,
+    onOpen,
+    onClose
+  } = _ref;
+  const {
+    leftNavProps: {
+      expanded
+    },
+    setSelectedItem
+  } = React.useContext(LeftNavigationContext.LeftNavContext);
+  const handleOnExpand = React.useCallback(e => {
     onExpand(e);
     setSelectedItem(id);
   }, [id, onExpand, setSelectedItem]);
-  var handleOnOpen = React.useCallback(function (e) {
+  const handleOnOpen = React.useCallback(e => {
     onOpen(e);
     setSelectedItem(id);
   }, [id, onOpen, setSelectedItem]);
-  var handleOnClose = React.useCallback(function (e) {
+  const handleOnClose = React.useCallback(e => {
     onClose(e);
     setSelectedItem(id);
   }, [id, onClose, setSelectedItem]);
-  var handleOnClick = React.useCallback(function (e) {
+  const handleOnClick = React.useCallback(e => {
     if (!expanded) handleOnExpand(e);else if (!opened) handleOnOpen(e);else handleOnClose(e);
   }, [expanded, opened, handleOnExpand, handleOnOpen, handleOnClose]);
   return handleOnClick;
 };
 
 exports.useOpenableOnClickHandler = useOpenableOnClickHandler;
-//# sourceMappingURL=useOpenableOnClickHandler.js.map

package/cjs/hooks/useSelectFirstBodyItem.js

@@ -2,41 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.js');
 var React = require('react');
-var exportedRelated_constants = require('../exported-related/constants.js');
+var constants = require('../exported-related/constants.js');
 
-var LEFT_NAV_ITEM_SEPARATOR = exportedRelated_constants.ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR,
-    LEFT_NAV_ITEM_SECTION = exportedRelated_constants.ITEM_TYPES.LEFT_NAV_ITEM_SECTION;
+const {
+  LEFT_NAV_ITEM_SEPARATOR,
+  LEFT_NAV_ITEM_SECTION
+} = constants.ITEM_TYPES;
 
-var isSelectableOutOfTheBox = function isSelectableOutOfTheBox(elem) {
-  return typeof elem.type === 'string' && elem.type !== LEFT_NAV_ITEM_SEPARATOR && elem.type !== LEFT_NAV_ITEM_SECTION;
-};
+const isSelectableOutOfTheBox = elem => typeof elem.type === 'string' && elem.type !== LEFT_NAV_ITEM_SEPARATOR && elem.type !== LEFT_NAV_ITEM_SECTION;
 
-var isSelectableCustom = function isSelectableCustom(elem) {
-  return elem.itemOpts.selectable;
-};
+const isSelectableCustom = elem => elem.itemOpts.selectable;
 
-var isItemInsideTheTree = function isItemInsideTheTree(item, itemID) {
+const isItemInsideTheTree = (item, itemID) => {
   var _item$itemOpts, _item$itemOpts$items;
 
-  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(function (it) {
-    return isItemInsideTheTree(it, 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)));
 };
 
-var useSelectFirstBodyItem = function useSelectFirstBodyItem(items, openedItem, selectedItem, setSelectedItem, disableDefaultSelection) {
-  React.useEffect(function () {
+const useSelectFirstBodyItem = (items, openedItem, selectedItem, setSelectedItem, disableDefaultSelection) => {
+  React.useEffect(() => {
     if (!disableDefaultSelection && items && items.length && openedItem) {
-      var index = items.findIndex(function (elem) {
-        return isSelectableOutOfTheBox(elem) || isSelectableCustom(elem);
-      });
-      var isItemInside = items.some(function (it) {
-        return isItemInsideTheTree(it, selectedItem);
-      });
+      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, disableDefaultSelection]);
 };
 
 exports.useSelectFirstBodyItem = useSelectFirstBodyItem;
-//# sourceMappingURL=useSelectFirstBodyItem.js.map

package/cjs/index.d.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=index.d.js.map

package/cjs/index.js

@@ -4,60 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var propTypes = require('./prop-types.js');
 var LeftNavigation = require('./LeftNavigation.js');
-var exportedRelated_constants = require('./exported-related/constants.js');
-var exportedRelated_ItemRenderer_index = require('./exported-related/ItemRenderer/index.js');
-var exportedRelated_ChevronItem_index = require('./exported-related/ChevronItem/index.js');
-var exportedRelated_Notifications_index = require('./exported-related/Notifications/index.js');
-var exportedRelated_OpenWindowItem_index = require('./exported-related/OpenWindowItem/index.js');
-var exportedRelated_Icon_index = require('./exported-related/Icon/index.js');
-require('react-desc');
-require('./outOfTheBox/index.js');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('@elliemae/ds-grid');
-require('styled-components');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons');
-require('./outOfTheBox/ItemControlledDrilldown/index.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('./outOfTheBox/ItemControlledDrilldown/styled.js');
-require('./outOfTheBox/ItemSeparator/index.js');
-require('./exported-related/ItemRenderer/styled.js');
-require('./LeftNavigationContext.js');
-require('./exported-related/ItemRenderer/usePropsWithDefaults.js');
-require('./hooks/useKeyboardNavigation.js');
-require('./outOfTheBox/ItemWithDate/index.js');
-require('./outOfTheBox/ItemWithDate/styled.js');
-require('./outOfTheBox/ItemTextLabel/index.js');
-require('./outOfTheBox/ItemTextLabel/styled.js');
-require('./outOfTheBox/ItemUncontrolledDrilldown/index.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('./outOfTheBox/ItemUncontrolledDrilldown/styled.js');
-require('./outOfTheBox/ItemHeader/index.js');
-require('./outOfTheBox/ItemHeader/styled.js');
-require('./outOfTheBox/ItemLink/index.js');
-require('./outOfTheBox/ItemLink/styled.js');
-require('./outOfTheBox/ItemSection/index.js');
-require('./outOfTheBox/ItemSection/styled.js');
-require('./outOfTheBox/ItemSubmenu/index.js');
-require('./outOfTheBox/ItemSubmenu/styled.js');
-require('./configs/useLeftNavConfig.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('./configs/useLeftNavItems.js');
-require('./configs/useLeftNavSmoothExpand.js');
-require('./hooks/useSelectFirstBodyItem.js');
-require('./parts/LeftNavContent/index.js');
-require('./parts/LeftNavFooterItem/index.js');
-require('./parts/LeftNavFooterItem/styled.js');
-require('./common/getItemBackgroundStyle.js');
-require('./common/getLeftBorderStyle.js');
-require('./parts/LeftNavContentWithScrollbar/index.js');
-require('overlayscrollbars/css/OverlayScrollbars.css');
-require('overlayscrollbars');
-require('./parts/OutOfTheBoxMapItem.js');
-require('./parts/LeftNavContent/styled.js');
-require('./parts/LeftNavLoading/index.js');
-require('@elliemae/ds-circular-progress-indicator');
+var constants = require('./exported-related/constants.js');
+var index = require('./exported-related/ItemRenderer/index.js');
+var index$1 = require('./exported-related/ChevronItem/index.js');
+var index$2 = require('./exported-related/Notifications/index.js');
+var index$3 = require('./exported-related/OpenWindowItem/index.js');
+var index$4 = require('./exported-related/Icon/index.js');
 
 
 
@@ -65,15 +17,14 @@ exports.LeftNavItemOptionsSchema = propTypes.LeftNavItemOptionsSchema;
 exports.LeftNavItemPropsSchema = propTypes.LeftNavItemPropsSchema;
 exports.LeftNavigation = LeftNavigation.LeftNavigation;
 exports.LeftNavigationWithSchema = LeftNavigation.LeftNavigationWithSchema;
-exports.default = LeftNavigation.LeftNavigation;
-exports.CHEVRON_BACK_DS_ID = exportedRelated_constants.CHEVRON_BACK_DS_ID;
-exports.FOOTER_DS_ID = exportedRelated_constants.FOOTER_DS_ID;
-exports.FOOTER_MENU_CLOSE_DS_ID = exportedRelated_constants.FOOTER_MENU_CLOSE_DS_ID;
-exports.ITEM_TYPES = exportedRelated_constants.ITEM_TYPES;
-exports.LABEL_OVERFLOW = exportedRelated_constants.LABEL_OVERFLOW;
-exports.ItemRenderer = exportedRelated_ItemRenderer_index.ItemRenderer;
-exports.ChevronItem = exportedRelated_ChevronItem_index.ChevronItem;
-exports.Notifications = exportedRelated_Notifications_index.Notifications;
-exports.OpenWindow = exportedRelated_OpenWindowItem_index.OpenWindow;
-exports.Icon = exportedRelated_Icon_index.Icon;
-//# sourceMappingURL=index.js.map
+exports["default"] = LeftNavigation.LeftNavigation;
+exports.CHEVRON_BACK_DS_ID = constants.CHEVRON_BACK_DS_ID;
+exports.FOOTER_DS_ID = constants.FOOTER_DS_ID;
+exports.FOOTER_MENU_CLOSE_DS_ID = constants.FOOTER_MENU_CLOSE_DS_ID;
+exports.ITEM_TYPES = constants.ITEM_TYPES;
+exports.LABEL_OVERFLOW = constants.LABEL_OVERFLOW;
+exports.ItemRenderer = index.ItemRenderer;
+exports.ChevronItem = index$1.ChevronItem;
+exports.Notifications = index$2.Notifications;
+exports.OpenWindow = index$3.OpenWindow;
+exports.Icon = index$4.Icon;