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

package/es/components/SimpleHeader/SimpleHeader.js

@@ -35,13 +35,13 @@ var SimpleHeader = function SimpleHeader(_ref) {
     className = _ref.className,
     title = _ref.title,
     _ref$noTrailingSlash = _ref.noTrailingSlash,
-    noTrailingSlash = _ref$noTrailingSlash === void 0 ? true : _ref$noTrailingSlash,
+    noTrailingSlash = _ref$noTrailingSlash === undefined ? true : _ref$noTrailingSlash,
     maxVisible = _ref.maxVisible,
     overflowAriaLabel = _ref.overflowAriaLabel,
     overflowTooltipAlign = _ref.overflowTooltipAlign,
     rest = _objectWithoutProperties(_ref, _excluded);
   var warnIfNoTitleOrBreadcrumbs = useCallback(function () {
-    if (!title && !(breadcrumbs !== null && breadcrumbs !== void 0 && breadcrumbs.length)) {
+    if (!title && !(breadcrumbs !== null && breadcrumbs !== undefined && breadcrumbs.length)) {
       pconsole.error("Warning: You have tried using a ".concat(componentName, " component without specifying a title or breadcrumbs props"));
     }
   }, [breadcrumbs, title]);
@@ -50,7 +50,7 @@ var SimpleHeader = function SimpleHeader(_ref) {
   }, [title, breadcrumbs, warnIfNoTitleOrBreadcrumbs]);
   return /*#__PURE__*/React__default.createElement("header", _extends({
     className: cx(blockClass, className)
-  }, rest), (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) > 0 && /*#__PURE__*/React__default.createElement(BreadcrumbWithOverflow, {
+  }, rest), (breadcrumbs === null || breadcrumbs === undefined ? undefined : breadcrumbs.length) > 0 && /*#__PURE__*/React__default.createElement(BreadcrumbWithOverflow, {
     noTrailingSlash: noTrailingSlash,
     className: cx("".concat(blockClass, "__breadcrumbs")),
     breadcrumbs: breadcrumbs,
@@ -63,7 +63,7 @@ var SimpleHeader = function SimpleHeader(_ref) {
 };
 var overflowAriaLabel_required_if_breadcrumbs_exist = isRequiredIf(PropTypes.string, function (props) {
   var _props$breadcrumbs;
-  return ((_props$breadcrumbs = props.breadcrumbs) === null || _props$breadcrumbs === void 0 ? void 0 : _props$breadcrumbs.length) > 0;
+  return ((_props$breadcrumbs = props.breadcrumbs) === null || _props$breadcrumbs === undefined ? undefined : _props$breadcrumbs.length) > 0;
 });
 SimpleHeader.propTypes = {
   /** Header breadcrumbs */

package/es/components/SingleAddSelect/SingleAddSelect.js

@@ -22,7 +22,9 @@ var SingleAddSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var validProps = prepareProps(props, ['columnInputPlaceholder', 'globalFilters', 'globalFiltersIconDescription', 'globalFiltersPlaceholderText', 'globalFiltersPrimaryButtonText', 'globalFiltersSecondaryButtonText', 'influencerTitle', 'multi', 'noSelectionDescription', 'noSelectionTitle', 'removeIconDescription']);
   return /*#__PURE__*/React__default.createElement(AddSelect, _extends({}, validProps, {
     ref: ref
-  }, getDevtoolsProps(componentName)));
+  }, getDevtoolsProps(componentName), {
+    multi: false
+  }));
 });
 SingleAddSelect = pkg.checkComponentEnabled(SingleAddSelect, componentName);
 SingleAddSelect.propTypes = {

package/es/components/StatusIcon/StatusIcon.js

@@ -6,7 +6,7 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { Misuse, ErrorFilled, WarningAltInvertedFilled, WarningAltFilled, UndefinedFilled, UnknownFilled, CheckmarkFilled, InformationSquareFilled, InProgress, CheckmarkOutline, Pending } from '@carbon/react/icons';
+import { Pending, CheckmarkOutline, InProgress, InformationSquareFilled, CheckmarkFilled, UnknownFilled, UndefinedFilled, WarningAltFilled, WarningAltInvertedFilled, ErrorFilled, Misuse } from '@carbon/react/icons';
 import React__default, { forwardRef } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
@@ -324,7 +324,7 @@ var StatusIcon = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       })
     }
   };
-  var IconComponent = (_icons$kind = icons[kind]) === null || _icons$kind === void 0 ? void 0 : _icons$kind[size];
+  var IconComponent = (_icons$kind = icons[kind]) === null || _icons$kind === undefined ? undefined : _icons$kind[size];
   var classNames = cx(className, blockClass, "".concat(blockClass, "--").concat(theme), _defineProperty({}, "".concat(blockClass, "--").concat(theme, "-").concat(kind), kind));
   return IconComponent && /*#__PURE__*/React__default.createElement(IconComponent, _extends({}, rest, {
     className: classNames,

package/es/components/StatusIndicator/StatusIndicator.js

@@ -34,9 +34,9 @@ var StatusIndicator = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     className = _ref.className,
     onRetry = _ref.onRetry,
     _ref$retryLabel = _ref.retryLabel,
-    retryLabel = _ref$retryLabel === void 0 ? defaults.retryLabel : _ref$retryLabel,
+    retryLabel = _ref$retryLabel === undefined ? defaults.retryLabel : _ref$retryLabel,
     _ref$showRetry = _ref.showRetry,
-    showRetry = _ref$showRetry === void 0 ? defaults.showRetry : _ref$showRetry,
+    showRetry = _ref$showRetry === undefined ? defaults.showRetry : _ref$showRetry,
     title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {

package/es/components/StatusIndicator/StatusIndicatorStep.js

@@ -33,7 +33,7 @@ var StatusIndicatorStep = /*#__PURE__*/React__default.forwardRef(function (_ref,
     description = _ref.description,
     errorMessage = _ref.errorMessage,
     _ref$status = _ref.status,
-    status = _ref$status === void 0 ? defaults.status : _ref$status,
+    status = _ref$status === undefined ? defaults.status : _ref$status,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement("li", _extends({}, rest, {
     className: cx(blockClass, className, "".concat(blockClass, "--").concat(status)),

package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js

@@ -32,7 +32,7 @@ var defaults = {
 var SteppedAnimatedMedia = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$playStep = _ref.playStep,
-    playStep = _ref$playStep === void 0 ? defaults.playStep : _ref$playStep,
+    playStep = _ref$playStep === undefined ? defaults.playStep : _ref$playStep,
     filePaths = _ref.filePaths,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState([]),
@@ -41,9 +41,9 @@ var SteppedAnimatedMedia = /*#__PURE__*/React__default.forwardRef(function (_ref
     setJsonData = _useState2[1];
   var animRef = useRef(undefined);
   var backupRef = useRef(null);
-  var localRef = ref !== null && ref !== void 0 ? ref : backupRef;
+  var localRef = ref !== null && ref !== undefined ? ref : backupRef;
   var localRefValue = localRef.current;
-  var filePathStr = filePaths === null || filePaths === void 0 ? void 0 : filePaths.join(); //converting the array to string will avoid unwanted useEffect trigger.
+  var filePathStr = filePaths === null || filePaths === undefined ? undefined : filePaths.join(); //converting the array to string will avoid unwanted useEffect trigger.
   // load animation source
   useEffect(function () {
     var isJsonFile = function isJsonFile(filePath) {
@@ -53,7 +53,7 @@ var SteppedAnimatedMedia = /*#__PURE__*/React__default.forwardRef(function (_ref
       return _loadArtifact.apply(this, arguments);
     }
     function _loadArtifact() {
-      _loadArtifact = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      _loadArtifact = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
         var allJsonArtifacts, rawResponse, jsonResponse, fileData;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -90,10 +90,10 @@ var SteppedAnimatedMedia = /*#__PURE__*/React__default.forwardRef(function (_ref
   }, [filePathStr]);
   useEffect(function () {
     var _window;
-    var prefersReducedMotion = (_window = window) !== null && _window !== void 0 && _window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
+    var prefersReducedMotion = (_window = window) !== null && _window !== undefined && _window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
     if (localRefValue) {
-      var _animRef$current, _animRef$current2, _animRef$current3;
-      (_animRef$current = animRef.current) === null || _animRef$current === void 0 || _animRef$current.destroy();
+      var _animRef$current;
+      (_animRef$current = animRef.current) === null || _animRef$current === undefined || _animRef$current.destroy();
       animRef.current = lottie.loadAnimation({
         container: localRefValue,
         renderer: 'svg',
@@ -104,11 +104,17 @@ var SteppedAnimatedMedia = /*#__PURE__*/React__default.forwardRef(function (_ref
           preserveAspectRatio: 'xMidYMid slice'
         }
       });
-      prefersReducedMotion ? (_animRef$current2 = animRef.current) === null || _animRef$current2 === void 0 ? void 0 : _animRef$current2.goToAndStop(0) : (_animRef$current3 = animRef.current) === null || _animRef$current3 === void 0 ? void 0 : _animRef$current3.goToAndPlay(0);
+      if (prefersReducedMotion) {
+        var _animRef$current2;
+        (_animRef$current2 = animRef.current) === null || _animRef$current2 === undefined || _animRef$current2.goToAndStop(0);
+      } else {
+        var _animRef$current3;
+        (_animRef$current3 = animRef.current) === null || _animRef$current3 === undefined || _animRef$current3.goToAndPlay(0);
+      }
     }
     return function () {
       var _animRef$current4;
-      return (_animRef$current4 = animRef.current) === null || _animRef$current4 === void 0 ? void 0 : _animRef$current4.destroy();
+      return (_animRef$current4 = animRef.current) === null || _animRef$current4 === undefined ? undefined : _animRef$current4.destroy();
     };
   }, [jsonData, localRefValue, playStep]);
   if (!jsonData) {

package/es/components/StringFormatter/StringFormatter.js

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { DefinitionTooltip } from '@carbon/react';
-import { propMappingFunction, StringFormatterAlignment, deprecated_StringFormatterAlignment } from './utils/enums.js';
+import { StringFormatterAlignment, propMappingFunction, deprecated_StringFormatterAlignment } from './utils/enums.js';
 import { allPropTypes } from '../../global/js/utils/props-helper.js';
 import { useIsomorphicEffect } from '../../global/js/hooks/useIsomorphicEffect.js';
 
@@ -33,13 +33,13 @@ var defaults = {
 var StringFormatter = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$lines = _ref.lines,
-    lines = _ref$lines === void 0 ? defaults.lines : _ref$lines,
+    lines = _ref$lines === undefined ? defaults.lines : _ref$lines,
     _ref$tooltipDirection = _ref.tooltipDirection,
-    tooltipDirection = _ref$tooltipDirection === void 0 ? defaults.tooltipDirection : _ref$tooltipDirection,
+    tooltipDirection = _ref$tooltipDirection === undefined ? defaults.tooltipDirection : _ref$tooltipDirection,
     _ref$truncate = _ref.truncate,
-    truncate = _ref$truncate === void 0 ? defaults.truncate : _ref$truncate,
+    truncate = _ref$truncate === undefined ? defaults.truncate : _ref$truncate,
     _ref$width = _ref.width,
-    width = _ref$width === void 0 ? defaults.width : _ref$width,
+    width = _ref$width === undefined ? defaults.width : _ref$width,
     value = _ref.value,
     rest = _objectWithoutProperties(_ref, _excluded);
   var contentRef = useRef(null);

package/es/components/TagOverflow/TagOverflow.js

@@ -26,7 +26,7 @@ var componentName = 'TagOverflow';
 var allTagsModalSearchThreshold = 10;
 var TagOverflow = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$align = props.align,
-    align = _props$align === void 0 ? 'start' : _props$align,
+    align = _props$align === undefined ? 'start' : _props$align,
     allTagsModalAriaLabel = props.allTagsModalAriaLabel,
     allTagsModalSearchLabel = props.allTagsModalSearchLabel,
     allTagsModalSearchPlaceholderText = props.allTagsModalSearchPlaceholderText,
@@ -37,10 +37,10 @@ var TagOverflow = /*#__PURE__*/forwardRef(function (props, ref) {
     items = props.items,
     maxVisible = props.maxVisible,
     _props$overflowAlign = props.overflowAlign,
-    overflowAlign = _props$overflowAlign === void 0 ? 'bottom' : _props$overflowAlign,
+    overflowAlign = _props$overflowAlign === undefined ? 'bottom' : _props$overflowAlign,
     overflowClassName = props.overflowClassName,
     _props$overflowType = props.overflowType,
-    overflowType = _props$overflowType === void 0 ? 'default' : _props$overflowType,
+    overflowType = _props$overflowType === undefined ? 'default' : _props$overflowType,
     onOverflowTagChange = props.onOverflowTagChange,
     showAllTagsLabel = props.showAllTagsLabel,
     tagComponent = props.tagComponent,
@@ -73,8 +73,8 @@ var TagOverflow = /*#__PURE__*/forwardRef(function (props, ref) {
     }));
   };
   var handleTagOnClose = useCallback(function (onClose, index) {
-    onClose === null || onClose === void 0 || onClose();
-    if (index <= (visibleItems === null || visibleItems === void 0 ? void 0 : visibleItems.length) - 1) {
+    onClose === null || onClose === undefined || onClose();
+    if (index <= (visibleItems === null || visibleItems === undefined ? undefined : visibleItems.length) - 1) {
       setPopoverOpen(false);
     }
   }, [visibleItems]);
@@ -152,7 +152,7 @@ var tagTypes = Object.keys(TYPES);
  */
 var string_required_if_more_than_10_tags = isRequiredIf(PropTypes.string, function (_ref) {
   var items = _ref.items;
-  return (items === null || items === void 0 ? void 0 : items.length) > allTagsModalSearchThreshold;
+  return (items === null || items === undefined ? undefined : items.length) > allTagsModalSearchThreshold;
 });
 
 // The types and DocGen commentary for the component props,

package/es/components/TagOverflow/TagOverflowModal.d.ts

@@ -1,6 +1,4 @@
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import React, { ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import { Tag } from '@carbon/react';
 interface TagType {
     label: string;
@@ -25,18 +23,16 @@ interface TagOverflowModalProps {
 export declare const TagOverflowModal: {
     ({ allTags, className, title, modalAriaLabel, onClose, onTagClose, open, overflowType, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagOverflowModalProps): any;
     propTypes: {
-        allTags: PropTypes.Requireable<(PropTypes.InferProps<{
-            label: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-        className: PropTypes.Requireable<string>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        onTagClose: PropTypes.Requireable<(...args: any[]) => any>;
-        open: PropTypes.Requireable<boolean>;
-        overflowType: PropTypes.Requireable<string>;
-        portalTarget: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        searchLabel: PropTypes.Requireable<string>;
-        searchPlaceholder: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
+        allTags: any;
+        className: any;
+        onClose: any;
+        onTagClose: any;
+        open: any;
+        overflowType: any;
+        portalTarget: any;
+        searchLabel: any;
+        searchPlaceholder: any;
+        title: any;
     };
     displayName: string;
 };

package/es/components/TagOverflow/TagOverflowModal.js

@@ -30,14 +30,14 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
     className = _ref.className,
     title = _ref.title,
     _ref$modalAriaLabel = _ref.modalAriaLabel,
-    modalAriaLabel = _ref$modalAriaLabel === void 0 ? defaults.modalAriaLabel : _ref$modalAriaLabel,
+    modalAriaLabel = _ref$modalAriaLabel === undefined ? defaults.modalAriaLabel : _ref$modalAriaLabel,
     onClose = _ref.onClose,
     onTagClose = _ref.onTagClose,
     open = _ref.open,
     overflowType = _ref.overflowType,
     portalTargetIn = _ref.portalTarget,
     _ref$searchLabel = _ref.searchLabel,
-    searchLabel = _ref$searchLabel === void 0 ? defaults.searchLabel : _ref$searchLabel,
+    searchLabel = _ref$searchLabel === undefined ? defaults.searchLabel : _ref$searchLabel,
     searchPlaceholder = _ref.searchPlaceholder,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(''),
@@ -49,7 +49,7 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
     if (open && search && allTags) {
       return allTags.filter(function (tag) {
         var _tag$label;
-        return (_tag$label = tag.label) === null || _tag$label === void 0 || (_tag$label = _tag$label.toLocaleLowerCase()) === null || _tag$label === void 0 ? void 0 : _tag$label.includes(search.toLocaleLowerCase());
+        return (_tag$label = tag.label) === null || _tag$label === undefined || (_tag$label = _tag$label.toLocaleLowerCase()) === null || _tag$label === undefined ? undefined : _tag$label.includes(search.toLocaleLowerCase());
       });
     }
     return allTags || [];
@@ -57,7 +57,7 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
   var handleSearch = function handleSearch(evt) {
     setSearch(evt.target.value || '');
   };
-  return renderPortalUse( /*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, {
+  return renderPortalUse(/*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, {
     containerClassName: "".concat(blockClass, "__container"),
     className: cx(className, blockClass),
     size: "sm",
@@ -90,7 +90,7 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
       key: id,
       text: label,
       onClose: function onClose() {
-        return onTagClose === null || onTagClose === void 0 ? void 0 : onTagClose({
+        return onTagClose === null || onTagClose === undefined ? undefined : onTagClose({
           label: label,
           id: id
         });

package/es/components/TagOverflow/TagOverflowPopover.d.ts

@@ -1,4 +1,3 @@
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import React from 'react';
 import { PopoverAlignment } from '@carbon/react';
 import { TagOverflowItem } from './TagOverflow';

package/es/components/TagOverflow/TagOverflowPopover.js

@@ -34,32 +34,32 @@ var TagOverflowPopover = /*#__PURE__*/forwardRef(function (props, ref) {
   var overflowTagContent = useRef(null);
   useClickOutside(ref || localRef, function () {
     if (popoverOpen) {
-      setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
+      setPopoverOpen === null || setPopoverOpen === undefined || setPopoverOpen(false);
     }
   });
   var handleShowAllTagsClick = function handleShowAllTagsClick(evt) {
     evt.stopPropagation();
     evt.preventDefault();
-    setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
-    onShowAllClick === null || onShowAllClick === void 0 || onShowAllClick();
+    setPopoverOpen === null || setPopoverOpen === undefined || setPopoverOpen(false);
+    onShowAllClick === null || onShowAllClick === undefined || onShowAllClick();
   };
   var handleEscKeyPress = function handleEscKeyPress(evt) {
     var key = evt.key;
     if (key === 'Escape') {
-      setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
+      setPopoverOpen === null || setPopoverOpen === undefined || setPopoverOpen(false);
     }
   };
   var getOverflowPopoverItems = function getOverflowPopoverItems() {
-    var thresh = allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== void 0 ? allTagsModalSearchThreshold : 0;
-    return overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.filter(function (_, index) {
-      return (overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) > thresh ? index < thresh : index <= thresh;
+    var thresh = allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== undefined ? allTagsModalSearchThreshold : 0;
+    return overflowTags === null || overflowTags === undefined ? undefined : overflowTags.filter(function (_, index) {
+      return (overflowTags === null || overflowTags === undefined ? undefined : overflowTags.length) > thresh ? index < thresh : index <= thresh;
     });
   };
   var visibleItems = getOverflowPopoverItems();
-  var hasItems = (visibleItems === null || visibleItems === void 0 ? void 0 : visibleItems.length) > 0;
+  var hasItems = (visibleItems === null || visibleItems === undefined ? undefined : visibleItems.length) > 0;
   return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
-    "aria-hidden": (overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) === 0,
-    className: cx(blockClass, _defineProperty({}, "".concat(blockClass, "--hidden"), (overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) === 0)),
+    "aria-hidden": (overflowTags === null || overflowTags === undefined ? undefined : overflowTags.length) === 0,
+    className: cx(blockClass, _defineProperty({}, "".concat(blockClass, "--hidden"), (overflowTags === null || overflowTags === undefined ? undefined : overflowTags.length) === 0)),
     ref: ref || localRef
   }), /*#__PURE__*/React__default.createElement(Popover, {
     align: overflowAlign,
@@ -71,7 +71,7 @@ var TagOverflowPopover = /*#__PURE__*/forwardRef(function (props, ref) {
     open: popoverOpen || false
   }, /*#__PURE__*/React__default.createElement(OperationalTag, {
     onClick: function onClick() {
-      return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
+      return setPopoverOpen === null || setPopoverOpen === undefined ? undefined : setPopoverOpen(!popoverOpen);
     },
     className: cx("".concat(blockClass, "__trigger")),
     text: "+".concat(overflowTags.length)
@@ -93,7 +93,7 @@ var TagOverflowPopover = /*#__PURE__*/forwardRef(function (props, ref) {
     if (isFilterable) {
       tag = /*#__PURE__*/React__default.createElement(DismissibleTag, _extends({}, other, {
         onClose: function onClose() {
-          return _onClose === null || _onClose === void 0 ? void 0 : _onClose();
+          return _onClose === null || _onClose === undefined ? undefined : _onClose();
         },
         type: typeValue,
         text: label
@@ -107,7 +107,7 @@ var TagOverflowPopover = /*#__PURE__*/forwardRef(function (props, ref) {
       className: cx("".concat(blockClass, "__tag-item"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
       key: id
     }, overflowType === 'tag' ? tag : label);
-  })), ((_overflowTags$length = overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) !== null && _overflowTags$length !== void 0 ? _overflowTags$length : 0) > (allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== void 0 ? allTagsModalSearchThreshold : 0) && /*#__PURE__*/React__default.createElement(Link, {
+  })), ((_overflowTags$length = overflowTags === null || overflowTags === undefined ? undefined : overflowTags.length) !== null && _overflowTags$length !== undefined ? _overflowTags$length : 0) > (allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== undefined ? allTagsModalSearchThreshold : 0) && /*#__PURE__*/React__default.createElement(Link, {
     className: "".concat(blockClass, "__show-all-tags-link"),
     href: "",
     onClick: handleShowAllTagsClick,

package/es/components/TagSet/TagSet.d.ts

@@ -44,7 +44,7 @@ export interface TagSetProps extends PropsWithChildren {
      * Optional ref for custom resize container to measure available space
      * Default will measure the available space of the TagSet container itself.
      */
-    containingElementRef?: React.RefObject<HTMLElement>;
+    containingElementRef?: React.Ref<HTMLElement>;
     /**
      * maximum visible tags
      */

package/es/components/TagSet/TagSet.js

@@ -26,41 +26,38 @@ var allTagsModalSearchThreshold = 10;
 
 // Default values for props
 var defaults = {
-  align: 'start',
   measurementOffset: 0,
-  overflowAlign: 'bottom',
-  overflowType: 'default',
   onOverflowTagChange: function onOverflowTagChange() {}
 };
 var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'start' : _ref$align,
+    align = _ref$align === undefined ? 'start' : _ref$align,
     allTagsModalTarget = _ref.allTagsModalTarget,
     className = _ref.className,
     maxVisible = _ref.maxVisible,
     multiline = _ref.multiline,
     overflowAutoAlign = _ref.overflowAutoAlign,
     _ref$overflowAlign = _ref.overflowAlign,
-    overflowAlign = _ref$overflowAlign === void 0 ? 'bottom' : _ref$overflowAlign,
+    overflowAlign = _ref$overflowAlign === undefined ? 'bottom' : _ref$overflowAlign,
     overflowClassName = _ref.overflowClassName,
     _ref$overflowType = _ref.overflowType,
-    overflowType = _ref$overflowType === void 0 ? 'default' : _ref$overflowType,
+    overflowType = _ref$overflowType === undefined ? 'default' : _ref$overflowType,
     allTagsModalAriaLabel = _ref.allTagsModalAriaLabel,
     _ref$allTagsModalTitl = _ref.allTagsModalTitle,
-    allTagsModalTitle = _ref$allTagsModalTitl === void 0 ? 'All tags' : _ref$allTagsModalTitl,
+    allTagsModalTitle = _ref$allTagsModalTitl === undefined ? 'All tags' : _ref$allTagsModalTitl,
     _ref$allTagsModalSear = _ref.allTagsModalSearchLabel,
-    allTagsModalSearchLabel = _ref$allTagsModalSear === void 0 ? 'Search all tags' : _ref$allTagsModalSear,
+    allTagsModalSearchLabel = _ref$allTagsModalSear === undefined ? 'Search all tags' : _ref$allTagsModalSear,
     _ref$allTagsModalSear2 = _ref.allTagsModalSearchPlaceholderText,
-    allTagsModalSearchPlaceholderText = _ref$allTagsModalSear2 === void 0 ? 'Search all tags' : _ref$allTagsModalSear2,
+    allTagsModalSearchPlaceholderText = _ref$allTagsModalSear2 === undefined ? 'Search all tags' : _ref$allTagsModalSear2,
     _ref$showAllTagsLabel = _ref.showAllTagsLabel,
-    showAllTagsLabel = _ref$showAllTagsLabel === void 0 ? 'View all tags' : _ref$showAllTagsLabel,
+    showAllTagsLabel = _ref$showAllTagsLabel === undefined ? 'View all tags' : _ref$showAllTagsLabel,
     onOverflowClick = _ref.onOverflowClick,
     tags = _ref.tags,
     containingElementRef = _ref.containingElementRef,
     _ref$measurementOffse = _ref.measurementOffset,
-    measurementOffset = _ref$measurementOffse === void 0 ? defaults.measurementOffset : _ref$measurementOffse,
+    measurementOffset = _ref$measurementOffse === undefined ? defaults.measurementOffset : _ref$measurementOffse,
     _ref$onOverflowTagCha = _ref.onOverflowTagChange,
-    onOverflowTagChange = _ref$onOverflowTagCha === void 0 ? defaults.onOverflowTagChange : _ref$onOverflowTagCha,
+    onOverflowTagChange = _ref$onOverflowTagCha === undefined ? defaults.onOverflowTagChange : _ref$onOverflowTagCha,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(3),
     _useState2 = _slicedToArray(_useState, 2),
@@ -99,7 +96,7 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     setShowAllModalOpen(true);
   };
   useEffect(function () {
-    var maxCount = maxVisible || (tags === null || tags === void 0 ? void 0 : tags.length) || 0;
+    var maxCount = maxVisible || (tags === null || tags === undefined ? undefined : tags.length) || 0;
     setMaxVisibleCount(maxCount);
   }, [maxVisible, tags]);
   useEffect(function () {
@@ -130,7 +127,7 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     setSizingTags(newSizingTags);
   }, [tags]);
   var handleTagOnClose = useCallback(function (onClose, index) {
-    onClose === null || onClose === void 0 || onClose();
+    onClose === null || onClose === undefined || onClose();
     if (index <= displayCount - 1) {
       setPopoverOpen(false);
     }
@@ -170,7 +167,7 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
         className: "".concat(blockClass, "__displayed-tag")
       }, tag);
     });
-    newDisplayedTags.push( /*#__PURE__*/React__default.createElement(TagSetOverflow, {
+    newDisplayedTags.push(/*#__PURE__*/React__default.createElement(TagSetOverflow, {
       allTagsModalSearchThreshold: allTagsModalSearchThreshold,
       overflowAutoAlign: overflowAutoAlign,
       className: overflowClassName,
@@ -186,7 +183,7 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       onOverflowClick: onOverflowClick,
       setPopoverOpen: setPopoverOpen
     }));
-    onOverflowTagChange === null || onOverflowTagChange === void 0 || onOverflowTagChange(newOverflowTags);
+    onOverflowTagChange === null || onOverflowTagChange === undefined || onOverflowTagChange(newOverflowTags);
     setDisplayedTags(newDisplayedTags);
   }, [displayCount, overflowAlign, overflowClassName, overflowType, showAllTagsLabel, onOverflowClick, tags, onOverflowTagChange, popoverOpen, handleTagOnClose, overflowAutoAlign]);
   var checkFullyVisibleTags = useCallback(function () {
@@ -197,12 +194,12 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     // how many will fit?
     var willFit = 0;
     if (sizingTags.length > 0) {
-      var optionalContainingElement = containingElementRef === null || containingElementRef === void 0 ? void 0 : containingElementRef.current;
+      var optionalContainingElement = typeof containingElementRef !== 'function' && (containingElementRef === null || containingElementRef === undefined ? undefined : containingElementRef.current);
       var measurementOffsetValue = typeof measurementOffset === 'number' ? measurementOffset : 0;
-      var spaceAvailable = optionalContainingElement ? optionalContainingElement.offsetWidth - measurementOffsetValue : tagSetRef === null || tagSetRef === void 0 ? void 0 : tagSetRef['current'].offsetWidth;
+      var spaceAvailable = optionalContainingElement ? optionalContainingElement.offsetWidth - measurementOffsetValue : tagSetRef === null || tagSetRef === undefined ? undefined : tagSetRef['current'].offsetWidth;
       for (var i in sizingTags) {
         var _sizingTags$i;
-        var tagWidth = ((_sizingTags$i = sizingTags[i]) === null || _sizingTags$i === void 0 ? void 0 : _sizingTags$i.offsetWidth) || 0;
+        var tagWidth = ((_sizingTags$i = sizingTags[i]) === null || _sizingTags$i === undefined ? undefined : _sizingTags$i.offsetWidth) || 0;
         if (spaceAvailable >= tagWidth) {
           spaceAvailable -= tagWidth;
           willFit += 1;

package/es/components/TagSet/TagSetModal.d.ts

@@ -1,6 +1,4 @@
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import React, { ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import { Tag } from '@carbon/react';
 interface TagType {
     label: string;
@@ -20,16 +18,14 @@ interface TagSetModalProps {
 export declare const TagSetModal: {
     ({ allTags, className, title, modalAriaLabel, onClose, open, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagSetModalProps): any;
     propTypes: {
-        allTags: PropTypes.Requireable<(PropTypes.InferProps<{
-            label: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-        className: PropTypes.Requireable<string>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        open: PropTypes.Requireable<boolean>;
-        portalTarget: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        searchLabel: PropTypes.Requireable<string>;
-        searchPlaceholder: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
+        allTags: any;
+        className: any;
+        onClose: any;
+        open: any;
+        portalTarget: any;
+        searchLabel: any;
+        searchPlaceholder: any;
+        title: any;
     };
     displayName: string;
 };

package/es/components/TagSet/TagSetModal.js

@@ -31,12 +31,12 @@ var TagSetModal = function TagSetModal(_ref) {
     className = _ref.className,
     title = _ref.title,
     _ref$modalAriaLabel = _ref.modalAriaLabel,
-    modalAriaLabel = _ref$modalAriaLabel === void 0 ? defaults.modalAriaLabel : _ref$modalAriaLabel,
+    modalAriaLabel = _ref$modalAriaLabel === undefined ? defaults.modalAriaLabel : _ref$modalAriaLabel,
     onClose = _ref.onClose,
     open = _ref.open,
     portalTargetIn = _ref.portalTarget,
     _ref$searchLabel = _ref.searchLabel,
-    searchLabel = _ref$searchLabel === void 0 ? defaults.searchLabel : _ref$searchLabel,
+    searchLabel = _ref$searchLabel === undefined ? defaults.searchLabel : _ref$searchLabel,
     searchPlaceholder = _ref.searchPlaceholder,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState([]),
@@ -52,13 +52,13 @@ var TagSetModal = function TagSetModal(_ref) {
     var newFilteredModalTags = [];
     if (open) {
       if (search === '' && allTags) {
-        newFilteredModalTags = allTags === null || allTags === void 0 ? void 0 : allTags.slice(0);
+        newFilteredModalTags = allTags === null || allTags === undefined ? undefined : allTags.slice(0);
       } else {
         var lCaseSearch = search.toLocaleLowerCase();
-        allTags === null || allTags === void 0 || allTags.forEach(function (tag) {
+        allTags === null || allTags === undefined || allTags.forEach(function (tag) {
           var _tag$dataSearch, _tag$label;
-          var dataSearch = (_tag$dataSearch = tag['data-search']) === null || _tag$dataSearch === void 0 || (_tag$dataSearch = _tag$dataSearch.toLocaleLowerCase()) === null || _tag$dataSearch === void 0 ? void 0 : _tag$dataSearch.indexOf(lCaseSearch);
-          var labelSearch = (_tag$label = tag.label) === null || _tag$label === void 0 || (_tag$label = _tag$label.toLocaleLowerCase()) === null || _tag$label === void 0 ? void 0 : _tag$label.indexOf(lCaseSearch);
+          var dataSearch = (_tag$dataSearch = tag['data-search']) === null || _tag$dataSearch === undefined || (_tag$dataSearch = _tag$dataSearch.toLocaleLowerCase()) === null || _tag$dataSearch === undefined ? undefined : _tag$dataSearch.indexOf(lCaseSearch);
+          var labelSearch = (_tag$label = tag.label) === null || _tag$label === undefined || (_tag$label = _tag$label.toLocaleLowerCase()) === null || _tag$label === undefined ? undefined : _tag$label.indexOf(lCaseSearch);
           if (dataSearch > -1 || labelSearch > -1) {
             newFilteredModalTags.push(tag);
           }
@@ -70,7 +70,7 @@ var TagSetModal = function TagSetModal(_ref) {
   var handleSearch = function handleSearch(ev) {
     setSearch(ev.target.value || '');
   };
-  return renderPortalUse( /*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, {
+  return renderPortalUse(/*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, {
     containerClassName: "".concat(blockClass, "__container"),
     className: cx(className, "".concat(blockClass)),
     size: "sm",

package/es/components/TagSet/TagSetOverflow.d.ts

@@ -52,6 +52,6 @@ interface TagSetOverflowProps {
     size?: string;
 }
 export declare const TagSetOverflow: React.ForwardRefExoticComponent<TagSetOverflowProps & {
-    children?: React.ReactNode;
+    children?: ReactNode | undefined;
 } & React.RefAttributes<HTMLSpanElement>>;
 export {};

package/es/components/TagSet/TagSetOverflow.js

@@ -23,17 +23,18 @@ var defaults = {
 };
 var TagSetOverflow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
-    allTagsModalSearchThreshold = _ref$allTagsModalSear === void 0 ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
+    allTagsModalSearchThreshold = _ref$allTagsModalSear === undefined ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
     onOverflowClick = _ref.onOverflowClick,
     className = _ref.className,
     onShowAllClick = _ref.onShowAllClick,
     _ref$overflowAlign = _ref.overflowAlign,
-    overflowAlign = _ref$overflowAlign === void 0 ? 'bottom' : _ref$overflowAlign,
+    overflowAlign = _ref$overflowAlign === undefined ? 'bottom' : _ref$overflowAlign,
     overflowAutoAlign = _ref.overflowAutoAlign,
     overflowTags = _ref.overflowTags,
     overflowType = _ref.overflowType,
     showAllTagsLabel = _ref.showAllTagsLabel,
-    popoverOpen = _ref.popoverOpen,
+    _ref$popoverOpen = _ref.popoverOpen,
+    popoverOpen = _ref$popoverOpen === undefined ? false : _ref$popoverOpen,
     setPopoverOpen = _ref.setPopoverOpen,
     size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -113,7 +114,7 @@ var TagSetOverflow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     if (overflowType === 'default') {
       tagProps.filter = false;
     }
-    if ( /*#__PURE__*/React__default.isValidElement(tag)) {
+    if (/*#__PURE__*/React__default.isValidElement(tag)) {
       return /*#__PURE__*/React__default.createElement("li", {
         className: cx("".concat(blockClass, "__tag-item"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
         key: index