@carbon/ibm-products 2.65.0 → 2.66.0

package/es/components/InterstitialScreen/InterstitialScreenHeader.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { ModalHeader, ProgressIndicator, ProgressStep } from '@carbon/react';
 import React__default from 'react';
 import PropTypes from '../../_virtual/index.js';
@@ -14,35 +13,36 @@ import cx from 'classnames';
 import { InterstitialScreenContext } from './InterstitialScreen.js';
 import { useId } from '../../global/js/utils/useId.js';
 
-var InterstitialScreenHeader = /*#__PURE__*/React__default.forwardRef(function (props) {
+const InterstitialScreenHeader = /*#__PURE__*/React__default.forwardRef(props => {
   var _h, _h2;
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    headerTitle = props.headerTitle,
-    headerSubTitle = props.headerSubTitle,
-    closeIconDescription = props.closeIconDescription,
-    hideProgressIndicator = props.hideProgressIndicator,
-    children = props.children;
-  var _React$useContext = React__default.useContext(InterstitialScreenContext),
-    bodyChildrenData = _React$useContext.bodyChildrenData,
-    isFullScreen = _React$useContext.isFullScreen,
-    progStep = _React$useContext.progStep,
-    handleClose = _React$useContext.handleClose;
-  var blockClass = "".concat(pkg.prefix, "--interstitial-screen");
-  var headerBlockClass = "".concat(blockClass, "--internal-header");
-  var _useId = useId();
-  var headerContent = function headerContent() {
+  const {
+    className = '',
+    headerTitle,
+    headerSubTitle,
+    closeIconDescription,
+    hideProgressIndicator,
+    children
+  } = props;
+  const {
+    bodyChildrenData,
+    isFullScreen,
+    progStep,
+    handleClose
+  } = React__default.useContext(InterstitialScreenContext);
+  const blockClass = `${pkg.prefix}--interstitial-screen`;
+  const headerBlockClass = `${blockClass}--internal-header`;
+  const _useId = useId();
+  const headerContent = () => {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (headerTitle || headerSubTitle) && /*#__PURE__*/React__default.createElement("div", {
-      className: "".concat(blockClass, "--titleContainer")
+      className: `${blockClass}--titleContainer`
     }, headerTitle && (_h || (_h = /*#__PURE__*/React__default.createElement("h2", null, headerTitle))), headerSubTitle && (_h2 || (_h2 = /*#__PURE__*/React__default.createElement("h3", null, headerSubTitle)))), children, !hideProgressIndicator && bodyChildrenData && Array.isArray(bodyChildrenData) && /*#__PURE__*/React__default.createElement("div", {
-      className: "".concat(blockClass, "--progress")
+      className: `${blockClass}--progress`
     }, /*#__PURE__*/React__default.createElement(ProgressIndicator, {
       vertical: false,
       currentIndex: progStep
-    }, bodyChildrenData === null || bodyChildrenData === void 0 ? void 0 : bodyChildrenData.map(function (child, idx) {
+    }, bodyChildrenData?.map((child, idx) => {
       if (/*#__PURE__*/React__default.isValidElement(child)) {
-        var _child$props;
-        var stepKey = "".concat(_useId, "_").concat(((_child$props = child.props) === null || _child$props === void 0 || (_child$props = _child$props.stepTitle) === null || _child$props === void 0 ? void 0 : _child$props.replace(/\s+/g, '')) || idx);
+        const stepKey = `${_useId}_${child.props?.stepTitle?.replace(/\s+/g, '') || idx}`;
         return /*#__PURE__*/React__default.createElement(ProgressStep, {
           key: stepKey,
           label: child.props.stepTitle || '',
@@ -52,9 +52,13 @@ var InterstitialScreenHeader = /*#__PURE__*/React__default.forwardRef(function (
     }))));
   };
   return isFullScreen ? /*#__PURE__*/React__default.createElement("header", {
-    className: cx(headerBlockClass, className, _defineProperty({}, "".concat(headerBlockClass, "--has-title"), headerTitle || headerSubTitle || children))
+    className: cx(headerBlockClass, className, {
+      [`${headerBlockClass}--has-title`]: headerTitle || headerSubTitle || children
+    })
   }, headerContent()) : /*#__PURE__*/React__default.createElement(ModalHeader, {
-    className: cx(headerBlockClass, className, _defineProperty({}, "".concat(headerBlockClass, "--has-title"), headerTitle || headerSubTitle || children)),
+    className: cx(headerBlockClass, className, {
+      [`${headerBlockClass}--has-title`]: headerTitle || headerSubTitle || children
+    }),
     closeModal: handleClose,
     iconDescription: closeIconDescription
   }, headerContent());

package/es/components/MultiAddSelect/MultiAddSelect.js

@@ -12,16 +12,14 @@ import PropTypes from '../../_virtual/index.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
-var componentName = 'MultiAddSelect';
+const componentName = 'MultiAddSelect';
 /**
  * Used to add or select multiple or more items from larger lists or hierarchies.
  */
-var MultiAddSelect = /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default.createElement(AddSelect, _extends({}, props, {
-    multi: true,
-    ref: ref
-  }, getDevtoolsProps(componentName)));
-});
+let MultiAddSelect = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React__default.createElement(AddSelect, _extends({}, props, {
+  multi: true,
+  ref: ref
+}, getDevtoolsProps(componentName))));
 MultiAddSelect = pkg.checkComponentEnabled(MultiAddSelect, componentName);
 MultiAddSelect.propTypes = {
   /**

package/es/components/Nav/Nav.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
@@ -14,30 +14,29 @@ import { NavItem, blockClass as blockClass$2 } from './NavItem.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
-var _excluded = ["activeHref", "className", "children", "heading", "label"];
-var componentName = 'Nav';
-var blockClass = "".concat(pkg.prefix, "--nav");
+const componentName = 'Nav';
+const blockClass = `${pkg.prefix}--nav`;
 
 /**
  * @deprecated This component is deprecated
  */
-var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var activeHref = _ref.activeHref,
-    className = _ref.className,
-    children = _ref.children,
-    heading = _ref.heading,
-    label = _ref.label,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(activeHref),
-    _useState2 = _slicedToArray(_useState, 2),
-    _activeHref = _useState2[0],
-    setActiveHref = _useState2[1];
-  var navigationLists = useRef({});
-  useEffect(function () {
+let Nav = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    activeHref,
+    className,
+    children,
+    heading,
+    label,
+    ...rest
+  } = _ref;
+  const [_activeHref, setActiveHref] = useState(activeHref);
+  const navigationLists = useRef({});
+  useEffect(() => {
     if (!_activeHref && window.location) {
-      var _window$location = window.location,
-        hash = _window$location.hash,
-        pathname = _window$location.pathname;
+      const {
+        hash,
+        pathname
+      } = window.location;
       setActiveHref(pathname + hash);
     }
   }, [_activeHref]);
@@ -48,14 +47,12 @@ var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
    * @param {number} index The index of the child list item.
    * @returns {NavItem} The new child list item.
    */
-  var buildNewItemChild = function buildNewItemChild(child, index) {
-    var key = "".concat(blockClass$2, "--").concat(index);
+  const buildNewItemChild = (child, index) => {
+    const key = `${blockClass$2}--${index}`;
     return /*#__PURE__*/React__default.createElement(NavItem, _extends({}, child.props, {
       activeHref: _activeHref,
       key: key,
-      onClick: function onClick(event, href) {
-        return handleItemClick(event, href, child.props.onClick);
-      }
+      onClick: (event, href) => handleItemClick(event, href, child.props.onClick)
     }));
   };
 
@@ -65,17 +62,15 @@ var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
    * @param {number} index The index of the child list.
    * @returns {NavList} The new child list.
    */
-  var buildNewListChild = function buildNewListChild(child, index) {
-    var key = "".concat(blockClass$1, "--").concat(index);
+  const buildNewListChild = (child, index) => {
+    const key = `${blockClass$1}--${index}`;
     return /*#__PURE__*/React__default.createElement(NavList, _extends({}, child.props, {
       activeHref: _activeHref,
       id: key,
       key: key,
       onListClick: handleListClick,
       onItemClick: handleItemClick,
-      ref: function ref(el) {
-        return navigationLists.current[key] = el;
-      }
+      ref: el => navigationLists.current[key] = el
     }));
   };
 
@@ -84,14 +79,16 @@ var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
    * @param {SyntheticEvent} event The event fired when the list item is toggled.
    * @param {string} href The URL of the list item.
    */
-  var handleItemClick = function handleItemClick(event, href, onClick) {
+  const handleItemClick = (event, href, onClick) => {
     event.stopPropagation();
-    var type = event.type,
-      which = event.which;
+    const {
+      type,
+      which
+    } = event;
 
     // Enter (13) and spacebar (32).
-    var acceptableEvent = which === 13 || which === 32 || type === 'click';
-    var diffHref = href !== _activeHref;
+    const acceptableEvent = which === 13 || which === 32 || type === 'click';
+    const diffHref = href !== _activeHref;
     if (acceptableEvent && diffHref) {
       setActiveHref(href);
     }
@@ -104,8 +101,8 @@ var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
    * Handles when a list has been selected.
    * @param {number} id The index of the list.
    */
-  var handleListClick = function handleListClick(id) {
-    Object.keys(navigationLists.current).forEach(function (key) {
+  const handleListClick = id => {
+    Object.keys(navigationLists.current).forEach(key => {
       if (key !== id && !navigationLists.current[key].isExpandedOnPageLoad) {
         navigationLists.current[key].close();
       }
@@ -116,18 +113,17 @@ var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     "aria-label": label,
     ref: ref
   }, getDevtoolsProps(componentName), rest), heading && /*#__PURE__*/React__default.createElement("h1", {
-    className: "".concat(blockClass, "__heading")
+    className: `${blockClass}__heading`
   }, heading), /*#__PURE__*/React__default.createElement("ul", {
-    className: "".concat(blockClass, "__wrapper"),
+    className: `${blockClass}__wrapper`,
     role: "menubar"
-  }, React__default.Children.map(children, function (child, index) {
-    var _child$type;
-    return (child === null || child === void 0 || (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === NavList.displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
+  }, React__default.Children.map(children, (child, index) => {
+    return child?.type?.displayName === NavList.displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
   })));
 });
 Nav.deprecated = {
   level: 'warn',
-  details: "This component is deprecated"
+  details: `This component is deprecated`
 };
 Nav.propTypes = {
   /**

package/es/components/Nav/NavItem.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
@@ -14,85 +14,78 @@ import uuidv4 from '../../global/js/utils/uuidv4.js';
 import NavItemLink from './NavItemLink.js';
 import { Launch } from '../../node_modules/@carbon/icons-react/es/generated/bucket-10.js';
 
-var _excluded = ["activeHref", "children", "className", "current", "disabled", "element", "href", "id", "label", "onClick", "tabIndex"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--nav-item");
-var componentName = 'NavItem';
+const blockClass = `${pkg.prefix}--nav-item`;
+const componentName = 'NavItem';
 
 // Default values for props
-var defaults = {
+const defaults = {
   activeHref: '#',
   disabled: false,
   element: 'a',
-  onClick: function onClick() {},
+  onClick: () => {},
   tabIndex: 0
 };
 
 /**
  * Navigation item component.
  */
-var NavItem = function NavItem(_ref) {
-  var _ref$activeHref = _ref.activeHref,
-    activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? defaults.children : _ref$children,
-    className = _ref.className,
-    current = _ref.current,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? defaults.disabled : _ref$disabled,
-    _ref$element = _ref.element,
-    element = _ref$element === void 0 ? defaults.element : _ref$element,
-    href = _ref.href,
-    id = _ref.id,
-    label = _ref.label,
-    _ref$onClick = _ref.onClick,
-    _onClick = _ref$onClick === void 0 ? defaults.onClick : _ref$onClick,
-    _ref$tabIndex = _ref.tabIndex,
-    tabIndex = _ref$tabIndex === void 0 ? defaults.tabIndex : _ref$tabIndex,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hrefHasDifferentHost = _useState2[0],
-    setHrefHasDifferentHost = _useState2[1];
-  useEffect(function () {
-    if ((href === null || href === void 0 ? void 0 : href.indexOf(window.location.host)) === -1) {
+let NavItem = _ref => {
+  let {
+    activeHref = defaults.activeHref,
+    children = defaults.children,
+    className,
+    current,
+    disabled = defaults.disabled,
+    element = defaults.element,
+    href,
+    id,
+    label,
+    onClick = defaults.onClick,
+    tabIndex = defaults.tabIndex,
+    // Collect any other property values passed in.
+    ...rest
+  } = _ref;
+  const [hrefHasDifferentHost, setHrefHasDifferentHost] = useState(false);
+  useEffect(() => {
+    if (href?.indexOf(window.location.host) === -1) {
       setHrefHasDifferentHost(true);
     }
   }, [href]);
-  var internalId = useRef(uuidv4());
-  var instanceId = "".concat(blockClass, "__").concat(internalId.current);
-  var navItemId = id || instanceId;
-  var isAbsoluteLink = new RegExp('^([a-z]+://|//)', 'i');
-  var externalLink = isAbsoluteLink.test(href) && hrefHasDifferentHost;
-  var linkClassName = "".concat(blockClass, "__link");
-  var handleDisabled = function handleDisabled(action) {
-    var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  const internalId = useRef(uuidv4());
+  const instanceId = `${blockClass}__${internalId.current}`;
+  const navItemId = id || instanceId;
+  const isAbsoluteLink = new RegExp('^([a-z]+://|//)', 'i');
+  const externalLink = isAbsoluteLink.test(href) && hrefHasDifferentHost;
+  const linkClassName = `${blockClass}__link`;
+  const handleDisabled = function (action) {
+    let defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     return !disabled ? action : defaultValue;
   };
-  var navItemTabIndex = handleDisabled(tabIndex, -1);
-  var externalLinkProps = externalLink && {
+  const navItemTabIndex = handleDisabled(tabIndex, -1);
+  const externalLinkProps = externalLink && {
     rel: 'noopener noreferrer',
     target: '_blank'
   };
   return /*#__PURE__*/React__default.createElement("li", _extends({}, rest, {
-    className: cx(blockClass, className, _defineProperty(_defineProperty({}, "".concat(blockClass, "--active"), current !== null && current === navItemId || activeHref !== undefined && activeHref === href && !externalLink), "".concat(blockClass, "--disabled"), disabled)),
+    className: cx(blockClass, className, {
+      [`${blockClass}--active`]: current !== null && current === navItemId || activeHref !== undefined && activeHref === href && !externalLink,
+      [`${blockClass}--disabled`]: disabled
+    }),
     label: label,
-    onClick: function onClick(event) {
-      return handleDisabled(_onClick(event, href));
-    },
-    onKeyDown: function onKeyDown(event) {
-      return handleDisabled(_onClick(event, href));
-    },
+    onClick: event => handleDisabled(onClick(event, href)),
+    onKeyDown: event => handleDisabled(onClick(event, href)),
     role: "menuitem"
   }), /*#__PURE__*/React__default.createElement(NavItemLink, _extends({
     id: navItemId,
-    className: cx(linkClassName, _defineProperty({}, "".concat(blockClass, "__link--external"), externalLink)),
+    className: cx(linkClassName, {
+      [`${blockClass}__link--external`]: externalLink
+    }),
     element: element,
     href: href,
     tabIndex: navItemTabIndex
   }, rest, externalLinkProps), children, externalLink && /*#__PURE__*/React__default.createElement(Launch, {
-    className: "".concat(blockClass, "__link--external__icon")
+    className: `${blockClass}__link--external__icon`
   })));
 };
 

package/es/components/Nav/NavItemLink.js

@@ -5,17 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from '../../_virtual/index.js';
 import React__default from 'react';
 
-var _excluded = ["element"];
-var NavItemLink = /*#__PURE__*/React__default.forwardRef(function NavItemLink(props, ref) {
-  var element = props.element,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React__default.createElement(element, _objectSpread2(_objectSpread2({}, rest), {}, {
-    ref: ref
-  }));
+const NavItemLink = /*#__PURE__*/React__default.forwardRef(function NavItemLink(props, ref) {
+  const {
+    element,
+    ...rest
+  } = props;
+  return /*#__PURE__*/React__default.createElement(element, {
+    ...rest,
+    ref
+  });
 });
 NavItemLink.displayName = 'NavItemLink';
 NavItemLink.propTypes = {

package/es/components/Nav/NavList.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useEffect, useImperativeHandle } from 'react';
 import cx from 'classnames';
 import { p as propTypesExports } from '../../_virtual/index.js';
@@ -13,56 +13,48 @@ import { NavItem, blockClass as blockClass$1 } from './NavItem.js';
 import { pkg } from '../../settings.js';
 import { ChevronDown } from '../../node_modules/@carbon/icons-react/es/generated/bucket-3.js';
 
-var componentName = 'NavList';
-var blockClass = "".concat(pkg.prefix, "--nav-list");
+const componentName = 'NavList';
+const blockClass = `${pkg.prefix}--nav-list`;
 
 // Default values for props
-var defaults = {
+const defaults = {
   activeHref: '#',
   className: '',
   children: null,
   id: '',
   isExpandedOnPageLoad: false,
-  onItemClick: function onItemClick() {},
-  onListClick: function onListClick() {},
+  onItemClick: () => {},
+  onListClick: () => {},
   tabIndex: 0,
   title: '',
   icon: '',
   navigationItemTitle: ''
 };
-var NavList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var _ref$activeHref = _ref.activeHref,
-    activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? defaults.children : _ref$children,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? defaults.className : _ref$className,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? defaults.icon : _ref$icon,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? defaults.id : _ref$id,
-    _ref$isExpandedOnPage = _ref.isExpandedOnPageLoad,
-    isExpandedOnPageLoad = _ref$isExpandedOnPage === void 0 ? defaults.isExpandedOnPageLoad : _ref$isExpandedOnPage,
-    _ref$navigationItemTi = _ref.navigationItemTitle,
-    navigationItemTitle = _ref$navigationItemTi === void 0 ? defaults.navigationItemTitle : _ref$navigationItemTi,
-    _ref$onItemClick = _ref.onItemClick,
-    onItemClick = _ref$onItemClick === void 0 ? defaults.onItemClick : _ref$onItemClick,
-    _ref$onListClick = _ref.onListClick,
-    onListClick = _ref$onListClick === void 0 ? defaults.onListClick : _ref$onListClick,
-    _ref$tabIndex = _ref.tabIndex,
-    tabIndex = _ref$tabIndex === void 0 ? defaults.tabIndex : _ref$tabIndex,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? defaults.title : _ref$title;
-  var _useState = useState(isExpandedOnPageLoad),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  useEffect(function () {
-    var hrefs = React__default.Children.toArray(children).filter(function (_ref2) {
-      var childProps = _ref2.props;
+let NavList = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    activeHref = defaults.activeHref,
+    children = defaults.children,
+    className = defaults.className,
+    icon = defaults.icon,
+    id = defaults.id,
+    isExpandedOnPageLoad = defaults.isExpandedOnPageLoad,
+    navigationItemTitle = defaults.navigationItemTitle,
+    onItemClick = defaults.onItemClick,
+    onListClick = defaults.onListClick,
+    tabIndex = defaults.tabIndex,
+    title = defaults.title
+  } = _ref;
+  const [open, setOpen] = useState(isExpandedOnPageLoad);
+  useEffect(() => {
+    const hrefs = React__default.Children.toArray(children).filter(_ref2 => {
+      let {
+        props: childProps
+      } = _ref2;
       return childProps.href && childProps.href.length > 0;
-    }).map(function (_ref3) {
-      var childProps = _ref3.props;
+    }).map(_ref3 => {
+      let {
+        props: childProps
+      } = _ref3;
       return childProps.href;
     });
     setOpen(hrefs.includes(activeHref) || isExpandedOnPageLoad);
@@ -72,7 +64,7 @@ var NavList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   /**
    * Closes the list.
    */
-  var close = function close() {
+  const close = () => {
     if (open) {
       setOpen(false);
     }
@@ -82,9 +74,11 @@ var NavList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
    * Handles toggling the list.
    * @param {SyntheticEvent} event The event fired when the list is toggled.
    */
-  var toggle = function toggle(event) {
-    var which = event.which,
-      type = event.type;
+  const toggle = event => {
+    const {
+      which,
+      type
+    } = event;
 
     // Enter (13) and spacebar (32).
     if (which === 13 || which === 32 || type === 'click') {
@@ -96,45 +90,42 @@ var NavList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   };
 
   // Expose external function calls to the parent component
-  useImperativeHandle(ref, function () {
-    return {
-      close: close,
-      isExpandedOnPageLoad: isExpandedOnPageLoad
-    };
-  });
-  var newChildren = React__default.Children.map(children, function (child, index) {
-    return /*#__PURE__*/React__default.createElement(NavItem, _extends({}, child.props, {
-      key: "".concat(blockClass$1, "--").concat(index),
-      onClick: function onClick(event, href) {
-        var _child$props$onClick, _child$props;
-        onItemClick(event, href);
-        (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, event);
-      },
-      activeHref: activeHref,
-      tabIndex: open ? 0 : -1
-    }));
-  });
+  useImperativeHandle(ref, () => ({
+    close,
+    isExpandedOnPageLoad
+  }));
+  const newChildren = React__default.Children.map(children, (child, index) => /*#__PURE__*/React__default.createElement(NavItem, _extends({}, child.props, {
+    key: `${blockClass$1}--${index}`,
+    onClick: (event, href) => {
+      onItemClick(event, href);
+      child.props.onClick?.(event);
+    },
+    activeHref: activeHref,
+    tabIndex: open ? 0 : -1
+  })));
   return /*#__PURE__*/React__default.createElement("li", {
     ref: ref,
-    className: cx(blockClass, className, _defineProperty({}, "".concat(blockClass$1, "--expanded"), open)),
+    className: cx(blockClass, className, {
+      [`${blockClass$1}--expanded`]: open
+    }),
     tabIndex: tabIndex,
     onClick: toggle,
     onKeyDown: toggle,
     role: "menuitem"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass$1, "__link")
+    className: `${blockClass$1}__link`
   }, icon && /*#__PURE__*/React__default.createElement("img", {
     alt: navigationItemTitle,
-    className: "".concat(blockClass$1, "__img"),
+    className: `${blockClass$1}__img`,
     src: icon
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass$1, "__content")
+    className: `${blockClass$1}__content`
   }, title), /*#__PURE__*/React__default.createElement(ChevronDown, {
-    className: "".concat(blockClass, "__icon")
+    className: `${blockClass}__icon`
   })), /*#__PURE__*/React__default.createElement("ul", {
     "aria-label": title,
     "aria-hidden": !open,
-    className: "".concat(blockClass, " ").concat(blockClass, "--nested"),
+    className: `${blockClass} ${blockClass}--nested`,
     role: "menu"
   }, newChildren));
 });