@carbon/ibm-products 2.59.0 → 2.60.0-rc.0

package/es/components/InlineTip/InlineTip.js

@@ -12,7 +12,7 @@ import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import { SteppedAnimatedMedia } from '../SteppedAnimatedMedia/SteppedAnimatedMedia.js';
 import cx from 'classnames';
-import { getComponentText } from './utils.js';
+import { getComponentText as _getComponentText } from './utils.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
@@ -34,8 +34,6 @@ var defaults = {
   expandButtonLabel: 'Read more',
   narrow: false,
   withLeftGutter: false,
-  onClick: function onClick() {},
-  onClose: function onClose() {},
   title: 'Use case-specific heading'
 };
 /**
@@ -48,24 +46,24 @@ var InlineTip = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     children = _ref.children,
     className = _ref.className,
     _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
+    closeIconDescription = _ref$closeIconDescrip === undefined ? defaults.closeIconDescription : _ref$closeIconDescrip,
     _ref$collapsible = _ref.collapsible,
-    collapsible = _ref$collapsible === void 0 ? defaults.collapsible : _ref$collapsible,
+    collapsible = _ref$collapsible === undefined ? defaults.collapsible : _ref$collapsible,
     _ref$collapseButtonLa = _ref.collapseButtonLabel,
-    collapseButtonLabel = _ref$collapseButtonLa === void 0 ? defaults.collapseButtonLabel : _ref$collapseButtonLa,
+    collapseButtonLabel = _ref$collapseButtonLa === undefined ? defaults.collapseButtonLabel : _ref$collapseButtonLa,
     _ref$expandButtonLabe = _ref.expandButtonLabel,
-    expandButtonLabel = _ref$expandButtonLabe === void 0 ? defaults.expandButtonLabel : _ref$expandButtonLabe,
+    expandButtonLabel = _ref$expandButtonLabe === undefined ? defaults.expandButtonLabel : _ref$expandButtonLabe,
     media = _ref.media,
     renderMedia = _ref.renderMedia,
     _ref$narrow = _ref.narrow,
-    narrow = _ref$narrow === void 0 ? defaults.narrow : _ref$narrow,
+    narrow = _ref$narrow === undefined ? defaults.narrow : _ref$narrow,
     onClick = _ref.onClick,
     onClose = _ref.onClose,
     tertiaryButtonLabel = _ref.tertiaryButtonLabel,
     _ref$title = _ref.title,
-    title = _ref$title === void 0 ? defaults.title : _ref$title,
+    title = _ref$title === undefined ? defaults.title : _ref$title,
     _ref$withLeftGutter = _ref.withLeftGutter,
-    withLeftGutter = _ref$withLeftGutter === void 0 ? defaults.withLeftGutter : _ref$withLeftGutter,
+    withLeftGutter = _ref$withLeftGutter === undefined ? defaults.withLeftGutter : _ref$withLeftGutter,
     rest = _objectWithoutProperties(_ref, _excluded);
   var hasMedia = renderMedia || media;
   var _useState = useState(collapsible),
@@ -74,7 +72,7 @@ var InlineTip = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     setIsCollapsed = _useState2[1];
   var labelId = useRef(uuidv4()).current;
   var previewText = useMemo(function () {
-    return getComponentText(React__default.Children.toArray(children));
+    return _getComponentText(React__default.Children.toArray(children));
   }, [children]);
   var childrenToRender = children;
   if (!hasMedia && collapsible && isCollapsed) {
@@ -137,9 +135,9 @@ var InlineTip = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
         size: 16
       }));
     }
-  }, tertiaryButtonLabel))), hasMedia && (media === null || media === void 0 ? void 0 : media.render) && /*#__PURE__*/React__default.createElement("div", {
+  }, tertiaryButtonLabel))), hasMedia && (media === null || media === undefined ? undefined : media.render) && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__media")
-  }, media.render()), hasMedia && (media === null || media === void 0 ? void 0 : media.filePaths) && /*#__PURE__*/React__default.createElement(SteppedAnimatedMedia, {
+  }, media.render()), hasMedia && (media === null || media === undefined ? undefined : media.filePaths) && /*#__PURE__*/React__default.createElement(SteppedAnimatedMedia, {
     className: "".concat(blockClass, "__media"),
     filePaths: media.filePaths
   }), hasMedia && renderMedia && /*#__PURE__*/React__default.createElement("div", {

package/es/components/InlineTip/InlineTipButton.d.ts

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
+import { ButtonProps } from '@carbon/react';
 export interface InlineTipButtonProps {
     /**
      * Provide an optional class to be applied to the containing node.
@@ -19,5 +20,5 @@ export interface InlineTipButtonProps {
  * This is a standard Carbon button, styled specifically for use inside InlineTip.
  */
 export declare let InlineTipButton: React.ForwardRefExoticComponent<InlineTipButtonProps & {
-    children?: React.ReactNode;
+    children?: ReactNode | undefined;
 } & React.RefAttributes<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>>;

package/es/components/InlineTip/utils.js

@@ -14,14 +14,14 @@ import { typeof as _typeof } from '../../_virtual/_rollupPluginBabelHelpers.js';
  * LICENSE file in the root directory of this source tree.
  */
 
-var getComponentText = function getComponentText(reactNode) {
+var _getComponentText = function getComponentText(reactNode) {
   var _reactNode$props;
-  var tmpChildren = (reactNode === null || reactNode === void 0 || (_reactNode$props = reactNode.props) === null || _reactNode$props === void 0 ? void 0 : _reactNode$props.children) || undefined;
+  var tmpChildren = (reactNode === null || reactNode === undefined || (_reactNode$props = reactNode.props) === null || _reactNode$props === undefined ? undefined : _reactNode$props.children) || undefined;
   if (Array.isArray(reactNode)) {
     var joinedNodes = [];
     reactNode.forEach(function (node) {
       if (_typeof(node) === 'object') {
-        joinedNodes.push(getComponentText(node));
+        joinedNodes.push(_getComponentText(node));
       } else if (typeof node === 'string') {
         joinedNodes.push(node);
       }
@@ -36,11 +36,11 @@ var getComponentText = function getComponentText(reactNode) {
     }
   }
   if (_typeof(tmpChildren) === 'object') {
-    return getComponentText(reactNode.props.children);
+    return _getComponentText(reactNode.props.children);
   }
   if (typeof tmpChildren === 'string') {
     return reactNode.props.children;
   }
 };
 
-export { getComponentText };
+export { _getComponentText as getComponentText };

package/es/components/InterstitialScreen/InterstitialScreen.d.ts

@@ -17,6 +17,10 @@ type Media = {
     render?: never;
     filePaths?: string[];
 });
+type BreakpointsWithMedia = {
+    xlg?: number;
+    lg?: number;
+};
 export interface InterstitialScreenProps extends PropsWithChildren {
     /**
      * Provide the contents of the InterstitialScreen.
@@ -68,9 +72,21 @@ export interface InterstitialScreenProps extends PropsWithChildren {
      *
      * Breakpoints are used to set the media content column size as well as the remainder for the main content areas column size.
      * Medium and small breakpoints will be set to 0 internally to focus on the main content area.
+     *
+     * @deprecated please use the `renderMedia` prop
      * @see {@link MEDIA_PROP_TYPE}.
      */
     media?: Media;
+    /**
+     * Optional prop to render any media like images or any animated media.
+     */
+    renderMedia?: (params: any) => ReactNode;
+    /**
+     * optional prop to specify breakpoints when media is rendered through renderMedia
+     * Breakpoints are used to set the media content column size as well as the remainder for the main content areas column size.
+     * Medium and small breakpoints will be set to 0 internally to focus on the main content area.
+     */
+    breakpointsWithMedia?: BreakpointsWithMedia;
     /**
      * The label for the Next button.
      */

package/es/components/InterstitialScreen/InterstitialScreen.js

@@ -6,7 +6,7 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { ComposedModal, ModalHeader, ProgressIndicator, ProgressStep, ModalBody, ModalFooter, FlexGrid, Row, Column, Button } from '@carbon/react';
+import { ProgressIndicator, ProgressStep, ComposedModal, ModalHeader, ModalBody, ModalFooter, FlexGrid, Row, Column, Button } from '@carbon/react';
 import React__default, { useRef, useState, Children, useCallback, useEffect, useMemo, isValidElement } from 'react';
 import { ArrowRight } from '@carbon/react/icons';
 import { Carousel } from '../Carousel/Carousel.js';
@@ -18,7 +18,7 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
-var _excluded = ["children", "className", "closeIconDescription", "domainName", "hideProgressIndicator", "interstitialAriaLabel", "isFullScreen", "isOpen", "media", "nextButtonLabel", "onClose", "previousButtonLabel", "productName", "headerClassName", "headerTitle", "startButtonLabel", "skipButtonLabel"];
+var _excluded = ["children", "className", "closeIconDescription", "domainName", "hideProgressIndicator", "interstitialAriaLabel", "isFullScreen", "isOpen", "media", "renderMedia", "breakpointsWithMedia", "nextButtonLabel", "onClose", "previousButtonLabel", "productName", "headerClassName", "headerTitle", "startButtonLabel", "skipButtonLabel"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--interstitial-screen");
@@ -58,39 +58,41 @@ var defaults = {
  * (e.g. upon first login or first time opening a page where a
  * newly purchased capability is presented).
  */
-var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var _media$breakpoints, _media$breakpoints2, _h, _strong, _h2;
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
-    _ref$domainName = _ref.domainName,
-    domainName = _ref$domainName === void 0 ? defaults.domainName : _ref$domainName,
-    _ref$hideProgressIndi = _ref.hideProgressIndicator,
-    hideProgressIndicator = _ref$hideProgressIndi === void 0 ? defaults.hideProgressIndicator : _ref$hideProgressIndi,
-    _ref$interstitialAria = _ref.interstitialAriaLabel,
-    interstitialAriaLabel = _ref$interstitialAria === void 0 ? defaults.interstitialAriaLabel : _ref$interstitialAria,
-    _ref$isFullScreen = _ref.isFullScreen,
-    isFullScreen = _ref$isFullScreen === void 0 ? defaults.isFullScreen : _ref$isFullScreen,
-    _ref$isOpen = _ref.isOpen,
-    isOpen = _ref$isOpen === void 0 ? defaults.isOpen : _ref$isOpen,
-    media = _ref.media,
-    _ref$nextButtonLabel = _ref.nextButtonLabel,
-    nextButtonLabel = _ref$nextButtonLabel === void 0 ? defaults.nextButtonLabel : _ref$nextButtonLabel,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? defaults.onClose : _ref$onClose,
-    _ref$previousButtonLa = _ref.previousButtonLabel,
-    previousButtonLabel = _ref$previousButtonLa === void 0 ? defaults.previousButtonLabel : _ref$previousButtonLa,
-    _ref$productName = _ref.productName,
-    productName = _ref$productName === void 0 ? defaults.productName : _ref$productName,
-    headerClassName = _ref.headerClassName,
-    headerTitle = _ref.headerTitle,
-    _ref$startButtonLabel = _ref.startButtonLabel,
-    startButtonLabel = _ref$startButtonLabel === void 0 ? defaults.startButtonLabel : _ref$startButtonLabel,
-    _ref$skipButtonLabel = _ref.skipButtonLabel,
-    skipButtonLabel = _ref$skipButtonLabel === void 0 ? defaults.skipButtonLabel : _ref$skipButtonLabel,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var backupRef = useRef(undefined);
+  var children = props.children,
+    className = props.className,
+    _props$closeIconDescr = props.closeIconDescription,
+    closeIconDescription = _props$closeIconDescr === undefined ? defaults.closeIconDescription : _props$closeIconDescr,
+    _props$domainName = props.domainName,
+    domainName = _props$domainName === undefined ? defaults.domainName : _props$domainName,
+    _props$hideProgressIn = props.hideProgressIndicator,
+    hideProgressIndicator = _props$hideProgressIn === undefined ? defaults.hideProgressIndicator : _props$hideProgressIn,
+    _props$interstitialAr = props.interstitialAriaLabel,
+    interstitialAriaLabel = _props$interstitialAr === undefined ? defaults.interstitialAriaLabel : _props$interstitialAr,
+    _props$isFullScreen = props.isFullScreen,
+    isFullScreen = _props$isFullScreen === undefined ? defaults.isFullScreen : _props$isFullScreen,
+    _props$isOpen = props.isOpen,
+    isOpen = _props$isOpen === undefined ? defaults.isOpen : _props$isOpen,
+    media = props.media,
+    renderMedia = props.renderMedia,
+    breakpointsWithMedia = props.breakpointsWithMedia,
+    _props$nextButtonLabe = props.nextButtonLabel,
+    nextButtonLabel = _props$nextButtonLabe === undefined ? defaults.nextButtonLabel : _props$nextButtonLabe,
+    _props$onClose = props.onClose,
+    onClose = _props$onClose === undefined ? defaults.onClose : _props$onClose,
+    _props$previousButton = props.previousButtonLabel,
+    previousButtonLabel = _props$previousButton === undefined ? defaults.previousButtonLabel : _props$previousButton,
+    _props$productName = props.productName,
+    productName = _props$productName === undefined ? defaults.productName : _props$productName,
+    headerClassName = props.headerClassName,
+    headerTitle = props.headerTitle,
+    _props$startButtonLab = props.startButtonLabel,
+    startButtonLabel = _props$startButtonLab === undefined ? defaults.startButtonLabel : _props$startButtonLab,
+    _props$skipButtonLabe = props.skipButtonLabel,
+    skipButtonLabel = _props$skipButtonLabe === undefined ? defaults.skipButtonLabel : _props$skipButtonLabe,
+    rest = _objectWithoutProperties(props, _excluded);
+  var backupRef = useRef(null);
   var _forwardedRef = ref || backupRef;
   var scrollRef = useRef(undefined);
   var startButtonRef = useRef(undefined);
@@ -105,11 +107,12 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (_ref,
     setProgStep = _useState4[1];
   var childArray = Children.toArray(children);
   var isMultiStep = childArray.length > 1;
-  var mediaIsDefined = (media === null || media === void 0 ? void 0 : media.render) || (media === null || media === void 0 ? void 0 : media.filePaths);
+  var mediaIsDefined = (media === null || media === undefined ? undefined : media.render) || (media === null || media === undefined ? undefined : media.filePaths);
+  var hasMedia = mediaIsDefined || renderMedia;
   var bodyScrollRef = useRef(null);
   var mediaBreakpoints = {
-    xlg: (media === null || media === void 0 || (_media$breakpoints = media.breakpoints) === null || _media$breakpoints === void 0 ? void 0 : _media$breakpoints.xlg) || 0,
-    lg: (media === null || media === void 0 || (_media$breakpoints2 = media.breakpoints) === null || _media$breakpoints2 === void 0 ? void 0 : _media$breakpoints2.lg) || 0,
+    xlg: (media === null || media === undefined || (_media$breakpoints = media.breakpoints) === null || _media$breakpoints === undefined ? undefined : _media$breakpoints.xlg) || (breakpointsWithMedia === null || breakpointsWithMedia === undefined ? undefined : breakpointsWithMedia.xlg) || 0,
+    lg: (media === null || media === undefined || (_media$breakpoints2 = media.breakpoints) === null || _media$breakpoints2 === undefined ? undefined : _media$breakpoints2.lg) || (breakpointsWithMedia === null || breakpointsWithMedia === undefined ? undefined : breakpointsWithMedia.lg) || 0,
     md: 0,
     sm: 0
   };
@@ -128,7 +131,7 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (_ref,
   }, [onClose]);
   var scrollBodyToTop = function scrollBodyToTop() {
     var _bodyScrollRef$curren, _bodyScrollRef$curren2;
-    (_bodyScrollRef$curren = bodyScrollRef.current) === null || _bodyScrollRef$curren === void 0 || (_bodyScrollRef$curren2 = _bodyScrollRef$curren.scroll) === null || _bodyScrollRef$curren2 === void 0 || _bodyScrollRef$curren2.call(_bodyScrollRef$curren, {
+    (_bodyScrollRef$curren = bodyScrollRef.current) === null || _bodyScrollRef$curren === undefined || (_bodyScrollRef$curren2 = _bodyScrollRef$curren.scroll) === null || _bodyScrollRef$curren2 === undefined || _bodyScrollRef$curren2.call(_bodyScrollRef$curren, {
       top: 0,
       behavior: 'smooth'
     });
@@ -150,13 +153,13 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (_ref,
     if (!isOpen) {
       setProgStep(0);
     }
-    (_startButtonRef$curre = startButtonRef.current) === null || _startButtonRef$curre === void 0 || _startButtonRef$curre.focus();
+    (_startButtonRef$curre = startButtonRef.current) === null || _startButtonRef$curre === undefined || _startButtonRef$curre.focus();
   }, [isOpen, progStep, onClose]);
   useEffect(function () {
     var _nextButtonRef$curren;
     // for modal only, "is-visible" triggers animation
     setIsVisibleClass(!isFullScreen && isOpen ? 'is-visible' : null);
-    nextButtonRef === null || nextButtonRef === void 0 || (_nextButtonRef$curren = nextButtonRef.current) === null || _nextButtonRef$curren === void 0 || _nextButtonRef$curren.focus();
+    nextButtonRef === null || nextButtonRef === undefined || (_nextButtonRef$curren = nextButtonRef.current) === null || _nextButtonRef$curren === undefined || _nextButtonRef$curren.focus();
   }, [isFullScreen, isOpen]);
 
   // hitting escape key also closes this component
@@ -200,10 +203,10 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (_ref,
       vertical: false,
       currentIndex: progStep
     }, childArray.map(function (child, idx) {
-      if ( /*#__PURE__*/isValidElement(child)) {
+      if (/*#__PURE__*/isValidElement(child)) {
         return /*#__PURE__*/React__default.createElement(ProgressStep, {
           key: idx,
-          label: child.props.stepTitle
+          label: child.props.stepTitle || ''
         });
       }
     })))), /*#__PURE__*/React__default.createElement(ModalBody, {
@@ -232,10 +235,10 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (_ref,
       vertical: false,
       currentIndex: progStep
     }, childArray.map(function (child, idx) {
-      if ( /*#__PURE__*/isValidElement(child)) {
+      if (/*#__PURE__*/isValidElement(child)) {
         return /*#__PURE__*/React__default.createElement(ProgressStep, {
           key: idx,
-          label: child.props.stepTitle
+          label: child.props.stepTitle || ''
         });
       }
     })))), childElements, renderFooter()));
@@ -249,7 +252,7 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (_ref,
       className: cx("".concat(blockClass, "--body")),
       ref: bodyScrollRef,
       tabIndex: 0
-    }, mediaIsDefined ? /*#__PURE__*/React__default.createElement(FlexGrid, {
+    }, hasMedia ? /*#__PURE__*/React__default.createElement(FlexGrid, {
       fullWidth: true,
       className: cx("".concat(blockClass, "--body-grid"))
     }, /*#__PURE__*/React__default.createElement(Row, {
@@ -267,7 +270,7 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (_ref,
       disableArrowScroll: true,
       ref: scrollRef,
       onScroll: scrollToCurrentStep
-    }, children)) : childArray[0])), mediaIsDefined && /*#__PURE__*/React__default.createElement(Column, {
+    }, children)) : childArray[0])), hasMedia && /*#__PURE__*/React__default.createElement(Column, {
       xlg: mediaBreakpoints.xlg,
       lg: mediaBreakpoints.lg,
       md: mediaBreakpoints.md,
@@ -275,11 +278,15 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (_ref,
       className: cx("".concat(blockClass, "--media-container"))
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(blockClass, "--media")
-    }, media.render ? media.render() : /*#__PURE__*/React__default.createElement(SteppedAnimatedMedia, {
+    }, hasMedia && (media === null || media === undefined ? undefined : media.render) && media.render(), hasMedia && (media === null || media === undefined ? undefined : media.filePaths) && /*#__PURE__*/React__default.createElement(SteppedAnimatedMedia, {
       className: "".concat(blockClass, "--stepped-animated-media"),
       filePaths: media.filePaths,
       playStep: progStep
-    }))))) : /*#__PURE__*/React__default.createElement("div", {
+    }), hasMedia && renderMedia && /*#__PURE__*/React__default.createElement("div", {
+      className: "".concat(blockClass, "--stepped-animated-media")
+    }, renderMedia({
+      playStep: progStep
+    })))))) : /*#__PURE__*/React__default.createElement("div", {
       className: cx("".concat(blockClass, "--content"))
     }, isMultiStep ? /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(blockClass, "__carousel")
@@ -342,6 +349,10 @@ InterstitialScreen.displayName = componentName;
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 InterstitialScreen.propTypes = {
+  /**
+   * Breakpoints are used to set the media content column size as well as the remainder for the main content areas column size. Medium and small breakpoints will be set to 0 internally to focus on the main content area.
+   */
+  breakpointsWithMedia: PropTypes.object,
   /**
    * Provide the contents of the InterstitialScreen.
    */
@@ -393,8 +404,9 @@ InterstitialScreen.propTypes = {
    * Breakpoints are used to set the media content column size as well as the remainder for the main content areas column size.
    * Medium and small breakpoints will be set to 0 internally to focus on the main content area.
    * @see {@link MEDIA_PROP_TYPE}.
+   * @deprecated please use the `renderMedia` prop
    */
-  /**@ts-ignore */
+  /**@ts-ignore*/
   media: PropTypes.oneOfType([PropTypes.shape({
     render: PropTypes.func,
     breakpoints: PropTypes.shape({
@@ -424,6 +436,10 @@ InterstitialScreen.propTypes = {
    * The name of this app, e.g. "QRadar".
    */
   productName: PropTypes.string,
+  /**
+   * Optional prop to render any media like images or animated media.
+   */
+  renderMedia: PropTypes.func,
   /**
    * The label for the skip button.
    */

package/es/components/Nav/Nav.js

@@ -9,8 +9,8 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
-import NavList, { blockClass as blockClass$2 } from './NavList.js';
-import NavItem, { blockClass as blockClass$1 } from './NavItem.js';
+import NavList, { blockClass as blockClass$1 } from './NavList.js';
+import NavItem, { blockClass as blockClass$2 } from './NavItem.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
@@ -49,7 +49,7 @@ var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
    * @returns {NavItem} The new child list item.
    */
   var buildNewItemChild = function buildNewItemChild(child, index) {
-    var key = "".concat(blockClass$1, "--").concat(index);
+    var key = "".concat(blockClass$2, "--").concat(index);
     return /*#__PURE__*/React__default.createElement(NavItem, _extends({}, child.props, {
       activeHref: _activeHref,
       key: key,
@@ -66,7 +66,7 @@ var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
    * @returns {NavList} The new child list.
    */
   var buildNewListChild = function buildNewListChild(child, index) {
-    var key = "".concat(blockClass$2, "--").concat(index);
+    var key = "".concat(blockClass$1, "--").concat(index);
     return /*#__PURE__*/React__default.createElement(NavList, _extends({}, child.props, {
       activeHref: _activeHref,
       id: key,
@@ -122,7 +122,7 @@ var Nav = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     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);
+    return (child === null || child === undefined || (_child$type = child.type) === null || _child$type === undefined ? undefined : _child$type.displayName) === NavList.displayName ? buildNewListChild(child, index) : buildNewItemChild(child, index);
   })));
 });
 Nav.deprecated = {

package/es/components/Nav/NavItem.d.ts

@@ -16,21 +16,20 @@ export function NavItem({ activeHref, children, className, current, disabled, el
 export namespace NavItem {
     export { componentName as displayName };
     export namespace propTypes {
-        let activeHref: PropTypes.Requireable<string>;
-        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        let className: PropTypes.Requireable<string>;
-        let current: PropTypes.Requireable<string>;
-        let disabled: PropTypes.Requireable<boolean>;
-        let element: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        let href: PropTypes.Requireable<string>;
-        let id: PropTypes.Requireable<string>;
-        let label: PropTypes.Requireable<string>;
-        let link: PropTypes.Requireable<boolean>;
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let tabIndex: PropTypes.Requireable<number>;
+        let activeHref: any;
+        let children: any;
+        let className: any;
+        let current: any;
+        let disabled: any;
+        let element: any;
+        let href: any;
+        let id: any;
+        let label: any;
+        let link: any;
+        let onClick: any;
+        let tabIndex: any;
     }
 }
 export default NavItem;
 import React from 'react';
 declare const componentName: "NavItem";
-import PropTypes from 'prop-types';

package/es/components/Nav/NavItem.js

@@ -34,29 +34,29 @@ var defaults = {
  */
 var NavItem = function NavItem(_ref) {
   var _ref$activeHref = _ref.activeHref,
-    activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
+    activeHref = _ref$activeHref === undefined ? defaults.activeHref : _ref$activeHref,
     _ref$children = _ref.children,
-    children = _ref$children === void 0 ? defaults.children : _ref$children,
+    children = _ref$children === undefined ? defaults.children : _ref$children,
     className = _ref.className,
     current = _ref.current,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? defaults.disabled : _ref$disabled,
+    disabled = _ref$disabled === undefined ? defaults.disabled : _ref$disabled,
     _ref$element = _ref.element,
-    element = _ref$element === void 0 ? defaults.element : _ref$element,
+    element = _ref$element === undefined ? 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,
+    _onClick = _ref$onClick === undefined ? defaults.onClick : _ref$onClick,
     _ref$tabIndex = _ref.tabIndex,
-    tabIndex = _ref$tabIndex === void 0 ? defaults.tabIndex : _ref$tabIndex,
+    tabIndex = _ref$tabIndex === undefined ? 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) {
+    if ((href === null || href === undefined ? undefined : href.indexOf(window.location.host)) === -1) {
       setHrefHasDifferentHost(true);
     }
   }, [href]);

package/es/components/Nav/NavList.js

@@ -32,27 +32,27 @@ var defaults = {
 };
 var NavList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$activeHref = _ref.activeHref,
-    activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
+    activeHref = _ref$activeHref === undefined ? defaults.activeHref : _ref$activeHref,
     _ref$children = _ref.children,
-    children = _ref$children === void 0 ? defaults.children : _ref$children,
+    children = _ref$children === undefined ? defaults.children : _ref$children,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? defaults.className : _ref$className,
+    className = _ref$className === undefined ? defaults.className : _ref$className,
     _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? defaults.icon : _ref$icon,
+    icon = _ref$icon === undefined ? defaults.icon : _ref$icon,
     _ref$id = _ref.id,
-    id = _ref$id === void 0 ? defaults.id : _ref$id,
+    id = _ref$id === undefined ? defaults.id : _ref$id,
     _ref$isExpandedOnPage = _ref.isExpandedOnPageLoad,
-    isExpandedOnPageLoad = _ref$isExpandedOnPage === void 0 ? defaults.isExpandedOnPageLoad : _ref$isExpandedOnPage,
+    isExpandedOnPageLoad = _ref$isExpandedOnPage === undefined ? defaults.isExpandedOnPageLoad : _ref$isExpandedOnPage,
     _ref$navigationItemTi = _ref.navigationItemTitle,
-    navigationItemTitle = _ref$navigationItemTi === void 0 ? defaults.navigationItemTitle : _ref$navigationItemTi,
+    navigationItemTitle = _ref$navigationItemTi === undefined ? defaults.navigationItemTitle : _ref$navigationItemTi,
     _ref$onItemClick = _ref.onItemClick,
-    onItemClick = _ref$onItemClick === void 0 ? defaults.onItemClick : _ref$onItemClick,
+    onItemClick = _ref$onItemClick === undefined ? defaults.onItemClick : _ref$onItemClick,
     _ref$onListClick = _ref.onListClick,
-    onListClick = _ref$onListClick === void 0 ? defaults.onListClick : _ref$onListClick,
+    onListClick = _ref$onListClick === undefined ? defaults.onListClick : _ref$onListClick,
     _ref$tabIndex = _ref.tabIndex,
-    tabIndex = _ref$tabIndex === void 0 ? defaults.tabIndex : _ref$tabIndex,
+    tabIndex = _ref$tabIndex === undefined ? defaults.tabIndex : _ref$tabIndex,
     _ref$title = _ref.title,
-    title = _ref$title === void 0 ? defaults.title : _ref$title;
+    title = _ref$title === undefined ? defaults.title : _ref$title;
   var _useState = useState(isExpandedOnPageLoad),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -108,7 +108,7 @@ var NavList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       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);
+        (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === undefined || _child$props$onClick.call(_child$props, event);
       },
       activeHref: activeHref,
       tabIndex: open ? 0 : -1

package/es/components/NonLinearReading/NonLinearReading.js

@@ -30,7 +30,7 @@ var NonLinearReading = /*#__PURE__*/React__default.forwardRef(function (_ref, re
     className = _ref.className,
     definition = _ref.definition,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'light' : _ref$theme,
+    theme = _ref$theme === undefined ? 'light' : _ref$theme,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),

package/es/components/NotificationsPanel/NotificationsPanel.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import { Link } from '@carbon/react';
 import React, { RefObject } from 'react';
 interface Link {
@@ -83,27 +82,27 @@ export interface NotificationsPanelProps {
      */
     nowText?: string;
     /**
-     * Sets the notifications panel open state
+     * Optional function called after clicking outside of the panel.
      */
-    onClickOutside: () => void;
+    onClickOutside?: () => void;
     /**
-     * Function that will dismiss all notifications
+     * Optional function called after clicking the "Dismiss all" button.
      */
     onDismissAllNotifications?: () => void;
     /**
-     * Function that will dismiss a single notification
+     * Optional function called after clicking a notification's "X" button.
      */
     onDismissSingleNotification?: (prop: any) => void;
     /**
-     * Optional: function that returns the current selected value of the disable notification toggle
+     * Optional function called after toggling "Do not disturb".
      */
     onDoNotDisturbChange?: (prop: any) => void;
     /**
-     * Event handler for the View all button
+     * Optional function called after clicking settings / gear icon button.
      */
     onSettingsClick?: () => void;
     /**
-     * Event handler for the View all button
+     * Optional function called after clicking the "View all" button.
      */
     onViewAllClick?: () => void;
     /**
@@ -162,8 +161,6 @@ export interface NotificationsPanelProps {
      * Sets the yesterday label text
      */
     yesterdayLabel?: string;
-    /** Specify the CSS selectors that match the floating menus. */
-    selectorsFloatingMenus?: string[];
 }
 export declare let NotificationsPanel: React.ForwardRefExoticComponent<NotificationsPanelProps & React.RefAttributes<unknown>>;
 export {};