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

package/lib/components/SingleAddSelect/SingleAddSelect.js

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

package/lib/components/StatusIcon/StatusIcon.js

@@ -326,7 +326,7 @@ exports.StatusIcon = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       })
     }
   };
-  var IconComponent = (_icons$kind = icons$1[kind]) === null || _icons$kind === void 0 ? void 0 : _icons$kind[size];
+  var IconComponent = (_icons$kind = icons$1[kind]) === null || _icons$kind === undefined ? undefined : _icons$kind[size];
   var classNames = cx(className, blockClass, "".concat(blockClass, "--").concat(theme), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--").concat(theme, "-").concat(kind), kind));
   return IconComponent && /*#__PURE__*/React.createElement(IconComponent, _rollupPluginBabelHelpers.extends({}, rest, {
     className: classNames,

package/lib/components/StatusIndicator/StatusIndicator.js

@@ -36,9 +36,9 @@ exports.StatusIndicator = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {

package/lib/components/StatusIndicator/StatusIndicatorStep.js

@@ -35,7 +35,7 @@ exports.StatusIndicatorStep = /*#__PURE__*/React.forwardRef(function (_ref, 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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({}, rest, {
     className: cx(blockClass, className, "".concat(blockClass, "--").concat(status)),

package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js

@@ -34,7 +34,7 @@ var defaults = {
 var SteppedAnimatedMedia = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState([]),
@@ -43,9 +43,9 @@ var SteppedAnimatedMedia = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setJsonData = _useState2[1];
   var animRef = React.useRef(undefined);
   var backupRef = React.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
   React.useEffect(function () {
     var isJsonFile = function isJsonFile(filePath) {
@@ -55,7 +55,7 @@ var SteppedAnimatedMedia = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return _loadArtifact.apply(this, arguments);
     }
     function _loadArtifact() {
-      _loadArtifact = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+      _loadArtifact = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
         var allJsonArtifacts, rawResponse, jsonResponse, fileData;
         return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -92,10 +92,10 @@ var SteppedAnimatedMedia = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, [filePathStr]);
   React.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',
@@ -106,11 +106,17 @@ var SteppedAnimatedMedia = /*#__PURE__*/React.forwardRef(function (_ref, 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/lib/components/StringFormatter/StringFormatter.js

@@ -35,13 +35,13 @@ var defaults = {
 exports.StringFormatter = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var contentRef = React.useRef(null);

package/lib/components/TagOverflow/TagOverflow.js

@@ -28,7 +28,7 @@ var componentName = 'TagOverflow';
 var allTagsModalSearchThreshold = 10;
 exports.TagOverflow = /*#__PURE__*/React.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,
@@ -39,10 +39,10 @@ exports.TagOverflow = /*#__PURE__*/React.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,
@@ -75,8 +75,8 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }));
   };
   var handleTagOnClose = React.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]);
@@ -154,7 +154,7 @@ var tagTypes = Object.keys(constants.TYPES);
  */
 var string_required_if_more_than_10_tags = propsHelper.isRequiredIf(index.default.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/lib/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/lib/components/TagOverflow/TagOverflowModal.js

@@ -32,14 +32,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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(''),
@@ -51,7 +51,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 || [];
@@ -59,7 +59,7 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
   var handleSearch = function handleSearch(evt) {
     setSearch(evt.target.value || '');
   };
-  return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
+  return renderPortalUse(/*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
     containerClassName: "".concat(blockClass, "__container"),
     className: cx(className, blockClass),
     size: "sm",
@@ -92,7 +92,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/lib/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/lib/components/TagOverflow/TagOverflowPopover.js

@@ -36,32 +36,32 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var overflowTagContent = React.useRef(null);
   useClickOutside.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.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
-    "aria-hidden": (overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) === 0,
-    className: cx(blockClass, _rollupPluginBabelHelpers.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, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), (overflowTags === null || overflowTags === undefined ? undefined : overflowTags.length) === 0)),
     ref: ref || localRef
   }), /*#__PURE__*/React.createElement(react.Popover, {
     align: overflowAlign,
@@ -73,7 +73,7 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     open: popoverOpen || false
   }, /*#__PURE__*/React.createElement(react.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)
@@ -95,7 +95,7 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (isFilterable) {
       tag = /*#__PURE__*/React.createElement(react.DismissibleTag, _rollupPluginBabelHelpers.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
@@ -109,7 +109,7 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: cx("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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.createElement(react.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.createElement(react.Link, {
     className: "".concat(blockClass, "__show-all-tags-link"),
     href: "",
     onClick: handleShowAllTagsClick,

package/lib/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/lib/components/TagSet/TagSet.js

@@ -28,41 +28,38 @@ var allTagsModalSearchThreshold = 10;
 
 // Default values for props
 var defaults = {
-  align: 'start',
   measurementOffset: 0,
-  overflowAlign: 'bottom',
-  overflowType: 'default',
   onOverflowTagChange: function onOverflowTagChange() {}
 };
 exports.TagSet = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(3),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -101,7 +98,7 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setShowAllModalOpen(true);
   };
   React.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]);
   React.useEffect(function () {
@@ -132,7 +129,7 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setSizingTags(newSizingTags);
   }, [tags]);
   var handleTagOnClose = React.useCallback(function (onClose, index) {
-    onClose === null || onClose === void 0 || onClose();
+    onClose === null || onClose === undefined || onClose();
     if (index <= displayCount - 1) {
       setPopoverOpen(false);
     }
@@ -172,7 +169,7 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         className: "".concat(blockClass, "__displayed-tag")
       }, tag);
     });
-    newDisplayedTags.push( /*#__PURE__*/React.createElement(TagSetOverflow.TagSetOverflow, {
+    newDisplayedTags.push(/*#__PURE__*/React.createElement(TagSetOverflow.TagSetOverflow, {
       allTagsModalSearchThreshold: allTagsModalSearchThreshold,
       overflowAutoAlign: overflowAutoAlign,
       className: overflowClassName,
@@ -188,7 +185,7 @@ exports.TagSet = /*#__PURE__*/React.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 = React.useCallback(function () {
@@ -199,12 +196,12 @@ exports.TagSet = /*#__PURE__*/React.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/lib/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/lib/components/TagSet/TagSetModal.js

@@ -33,12 +33,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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState([]),
@@ -54,13 +54,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);
           }
@@ -72,7 +72,7 @@ var TagSetModal = function TagSetModal(_ref) {
   var handleSearch = function handleSearch(ev) {
     setSearch(ev.target.value || '');
   };
-  return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
+  return renderPortalUse(/*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
     containerClassName: "".concat(blockClass, "__container"),
     className: cx(className, "".concat(blockClass)),
     size: "sm",

package/lib/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/lib/components/TagSet/TagSetOverflow.js

@@ -25,17 +25,18 @@ var defaults = {
 };
 var TagSetOverflow = /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -115,7 +116,7 @@ var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (overflowType === 'default') {
       tagProps.filter = false;
     }
-    if ( /*#__PURE__*/React.isValidElement(tag)) {
+    if (/*#__PURE__*/React.isValidElement(tag)) {
       return /*#__PURE__*/React.createElement("li", {
         className: cx("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
         key: index

package/lib/components/Tearsheet/Tearsheet.d.ts

@@ -4,10 +4,8 @@
  * 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 { type ButtonProps } from '@carbon/react';
 import React, { PropsWithChildren, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 export interface TearsheetAction extends ButtonProps<'button'> {
     label?: string;
 }
@@ -148,5 +146,5 @@ export declare const deprecatedProps: {
      * from below. The 'lower' position (the default) provides a little extra room at the top
      * to allow an action bar navigation or breadcrumbs to also show through.
      */
-    verticalPosition: PropTypes.Requireable<string>;
+    verticalPosition: any;
 };

package/lib/components/Tearsheet/Tearsheet.js

@@ -42,9 +42,9 @@ var componentName = 'Tearsheet';
  */
 exports.Tearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$influencerPositi = _ref.influencerPosition,
-    influencerPosition = _ref$influencerPositi === void 0 ? 'left' : _ref$influencerPositi,
+    influencerPosition = _ref$influencerPositi === undefined ? 'left' : _ref$influencerPositi,
     _ref$influencerWidth = _ref.influencerWidth,
-    influencerWidth = _ref$influencerWidth === void 0 ? 'narrow' : _ref$influencerWidth,
+    influencerWidth = _ref$influencerWidth === undefined ? 'narrow' : _ref$influencerWidth,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, devtools.getDevtoolsProps(componentName)), rest), {}, {
     influencerPosition: influencerPosition,

package/lib/components/Tearsheet/TearsheetNarrow.d.ts

@@ -4,10 +4,8 @@
  * 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 { ButtonProps } from '@carbon/react';
 import React, { PropsWithChildren, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 export interface TearsheetNarrowProps extends PropsWithChildren {
     /**
      * The navigation actions to be shown as buttons in the action area at the
@@ -113,5 +111,5 @@ export declare const deprecatedProps: {
      * from below. The 'lower' position (the default) provides a little extra room at the top
      * to allow an action bar navigation or breadcrumbs to also show through.
      */
-    verticalPosition: PropTypes.Requireable<string>;
+    verticalPosition: any;
 };

package/lib/components/Tearsheet/TearsheetNarrow.js

@@ -38,7 +38,7 @@ var defaults = {
 
 exports.TearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$verticalPosition = _ref.verticalPosition,
-    verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
+    verticalPosition = _ref$verticalPosition === undefined ? defaults.verticalPosition : _ref$verticalPosition,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, devtools.getDevtoolsProps(componentName)), propsHelper.prepareProps(rest, TearsheetShell.tearsheetShellWideProps)), {}, {
     verticalPosition: verticalPosition,