@carbon/ibm-products 2.61.0-rc.0 → 2.62.0-rc.0

package/lib/components/EditTearsheet/EditTearsheetForm.js

@@ -31,7 +31,7 @@ exports.EditTearsheetForm = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     description = _ref.description,
     fieldsetLegendText = _ref.fieldsetLegendText,
     _ref$hasFieldset = _ref.hasFieldset,
-    hasFieldset = _ref$hasFieldset === undefined ? defaults.hasFieldset : _ref$hasFieldset,
+    hasFieldset = _ref$hasFieldset === void 0 ? defaults.hasFieldset : _ref$hasFieldset,
     subtitle = _ref.subtitle,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -43,7 +43,7 @@ exports.EditTearsheetForm = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     title: title
   });
   return formContext ? /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
-    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__form--hidden-form"), formNumber !== (formContext === null || formContext === undefined ? undefined : formContext.currentForm)), "".concat(blockClass, "__form--visible-form"), formNumber === (formContext === null || formContext === undefined ? undefined : formContext.currentForm))),
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__form--hidden-form"), formNumber !== (formContext === null || formContext === void 0 ? void 0 : formContext.currentForm)), "".concat(blockClass, "__form--visible-form"), formNumber === (formContext === null || formContext === void 0 ? void 0 : formContext.currentForm))),
     ref: ref
   }), /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, {
     xlg: 12,

package/lib/components/EmptyStates/EmptyState.js

@@ -45,7 +45,7 @@ var defaults = {
  */
 exports.EmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$v = _ref.v2,
-    v2 = _ref$v === undefined ? false : _ref$v,
+    v2 = _ref$v === void 0 ? false : _ref$v,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   // todo: deprecate v1
   if (v2) {
@@ -56,12 +56,12 @@ exports.EmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     illustration = props.illustration,
     illustrationDescription = props.illustrationDescription,
     _props$illustrationPo = props.illustrationPosition,
-    illustrationPosition = _props$illustrationPo === undefined ? defaults.position : _props$illustrationPo,
+    illustrationPosition = _props$illustrationPo === void 0 ? defaults.position : _props$illustrationPo,
     link = props.link,
     _props$size = props.size,
-    size = _props$size === undefined ? defaults.size : _props$size,
+    size = _props$size === void 0 ? defaults.size : _props$size,
     _props$headingAs = props.headingAs,
-    headingAs = _props$headingAs === undefined ? defaults.headingAs : _props$headingAs,
+    headingAs = _props$headingAs === void 0 ? defaults.headingAs : _props$headingAs,
     subtitle = props.subtitle,
     title = props.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
@@ -79,7 +79,7 @@ exports.EmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     size: size,
     headingAs: headingAs,
     subtitle: subtitle,
-    title: title !== null && title !== undefined ? title : ''
+    title: title !== null && title !== void 0 ? title : ''
   }));
 });
 

package/lib/components/EmptyStates/EmptyStateContent.js

@@ -31,13 +31,13 @@ var EmptyStateContent = function EmptyStateContent(_ref) {
     className: cx("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
   }, title), subtitle && /*#__PURE__*/React.createElement("p", {
     className: cx("".concat(blockClass, "__subtitle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__subtitle--small"), size === 'sm'))
-  }, subtitle), (action === null || action === undefined ? undefined : action.text) && (action === null || action === undefined ? undefined : action.onClick) && /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, action, {
+  }, subtitle), (action === null || action === void 0 ? void 0 : action.text) && (action === null || action === void 0 ? void 0 : action.onClick) && /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, action, {
     className: "".concat(blockClass, "__action-button"),
     kind: action.kind || 'tertiary',
     onClick: action.onClick,
     renderIcon: action.renderIcon || null,
     size: 'sm'
-  }), action.text), (link === null || link === undefined ? undefined : link.text) && (link === null || link === undefined ? undefined : link.href) && /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({}, link, {
+  }), action.text), (link === null || link === void 0 ? void 0 : link.text) && (link === null || link === void 0 ? void 0 : link.href) && /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({}, link, {
     className: "".concat(blockClass, "__link"),
     href: link.href
   }), link.text));

package/lib/components/EmptyStates/EmptyStateV2.js

@@ -32,12 +32,12 @@ exports.EmptyStateV2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     customIllustration = props.illustration,
     illustrationDescription = props.illustrationDescription,
     _props$illustrationPo = props.illustrationPosition,
-    illustrationPosition = _props$illustrationPo === undefined ? 'top' : _props$illustrationPo,
+    illustrationPosition = _props$illustrationPo === void 0 ? 'top' : _props$illustrationPo,
     illustrationTheme = props.illustrationTheme,
     kind = props.kind,
     link = props.link,
     _props$size = props.size,
-    size = _props$size === undefined ? 'lg' : _props$size,
+    size = _props$size === void 0 ? 'lg' : _props$size,
     subtitle = props.subtitle,
     title = props.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);

package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js

@@ -29,14 +29,14 @@ exports.ErrorEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var action = _ref.action,
     className = _ref.className,
     _ref$illustrationPosi = _ref.illustrationPosition,
-    illustrationPosition = _ref$illustrationPosi === undefined ? EmptyState.defaults.position : _ref$illustrationPosi,
+    illustrationPosition = _ref$illustrationPosi === void 0 ? EmptyState.defaults.position : _ref$illustrationPosi,
     illustrationDescription = _ref.illustrationDescription,
     illustrationTheme = _ref.illustrationTheme,
     link = _ref.link,
     _ref$size = _ref.size,
-    size = _ref$size === undefined ? EmptyState.defaults.size : _ref$size,
+    size = _ref$size === void 0 ? EmptyState.defaults.size : _ref$size,
     _ref$headingAs = _ref.headingAs,
-    headingAs = _ref$headingAs === undefined ? EmptyState.defaults.headingAs : _ref$headingAs,
+    headingAs = _ref$headingAs === void 0 ? EmptyState.defaults.headingAs : _ref$headingAs,
     subtitle = _ref.subtitle,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);

package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js

@@ -30,14 +30,14 @@ exports.NoDataEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var action = _ref.action,
     className = _ref.className,
     _ref$illustrationPosi = _ref.illustrationPosition,
-    illustrationPosition = _ref$illustrationPosi === undefined ? EmptyState.defaults.position : _ref$illustrationPosi,
+    illustrationPosition = _ref$illustrationPosi === void 0 ? EmptyState.defaults.position : _ref$illustrationPosi,
     illustrationTheme = _ref.illustrationTheme,
     illustrationDescription = _ref.illustrationDescription,
     link = _ref.link,
     _ref$size = _ref.size,
-    size = _ref$size === undefined ? EmptyState.defaults.size : _ref$size,
+    size = _ref$size === void 0 ? EmptyState.defaults.size : _ref$size,
     _ref$headingAs = _ref.headingAs,
-    headingAs = _ref$headingAs === undefined ? EmptyState.defaults.headingAs : _ref$headingAs,
+    headingAs = _ref$headingAs === void 0 ? EmptyState.defaults.headingAs : _ref$headingAs,
     subtitle = _ref.subtitle,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);

package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js

@@ -29,14 +29,14 @@ exports.NoTagsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var action = _ref.action,
     className = _ref.className,
     _ref$illustrationPosi = _ref.illustrationPosition,
-    illustrationPosition = _ref$illustrationPosi === undefined ? EmptyState.defaults.position : _ref$illustrationPosi,
+    illustrationPosition = _ref$illustrationPosi === void 0 ? EmptyState.defaults.position : _ref$illustrationPosi,
     illustrationTheme = _ref.illustrationTheme,
     illustrationDescription = _ref.illustrationDescription,
     link = _ref.link,
     _ref$size = _ref.size,
-    size = _ref$size === undefined ? EmptyState.defaults.size : _ref$size,
+    size = _ref$size === void 0 ? EmptyState.defaults.size : _ref$size,
     _ref$headingAs = _ref.headingAs,
-    headingAs = _ref$headingAs === undefined ? EmptyState.defaults.headingAs : _ref$headingAs,
+    headingAs = _ref$headingAs === void 0 ? EmptyState.defaults.headingAs : _ref$headingAs,
     subtitle = _ref.subtitle,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);

package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js

@@ -29,14 +29,14 @@ exports.NotFoundEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   var action = _ref.action,
     className = _ref.className,
     _ref$illustrationPosi = _ref.illustrationPosition,
-    illustrationPosition = _ref$illustrationPosi === undefined ? EmptyState.defaults.position : _ref$illustrationPosi,
+    illustrationPosition = _ref$illustrationPosi === void 0 ? EmptyState.defaults.position : _ref$illustrationPosi,
     illustrationTheme = _ref.illustrationTheme,
     illustrationDescription = _ref.illustrationDescription,
     link = _ref.link,
     _ref$size = _ref.size,
-    size = _ref$size === undefined ? EmptyState.defaults.size : _ref$size,
+    size = _ref$size === void 0 ? EmptyState.defaults.size : _ref$size,
     _ref$headingAs = _ref.headingAs,
-    headingAs = _ref$headingAs === undefined ? EmptyState.defaults.headingAs : _ref$headingAs,
+    headingAs = _ref$headingAs === void 0 ? EmptyState.defaults.headingAs : _ref$headingAs,
     subtitle = _ref.subtitle,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);

package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js

@@ -29,14 +29,14 @@ exports.NotificationsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref,
   var action = _ref.action,
     className = _ref.className,
     _ref$illustrationPosi = _ref.illustrationPosition,
-    illustrationPosition = _ref$illustrationPosi === undefined ? EmptyState.defaults.position : _ref$illustrationPosi,
+    illustrationPosition = _ref$illustrationPosi === void 0 ? EmptyState.defaults.position : _ref$illustrationPosi,
     illustrationTheme = _ref.illustrationTheme,
     illustrationDescription = _ref.illustrationDescription,
     link = _ref.link,
     _ref$size = _ref.size,
-    size = _ref$size === undefined ? EmptyState.defaults.size : _ref$size,
+    size = _ref$size === void 0 ? EmptyState.defaults.size : _ref$size,
     _ref$headingAs = _ref.headingAs,
-    headingAs = _ref$headingAs === undefined ? EmptyState.defaults.headingAs : _ref$headingAs,
+    headingAs = _ref$headingAs === void 0 ? EmptyState.defaults.headingAs : _ref$headingAs,
     subtitle = _ref.subtitle,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);

package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js

@@ -30,14 +30,14 @@ exports.UnauthorizedEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, r
   var action = _ref.action,
     className = _ref.className,
     _ref$illustrationPosi = _ref.illustrationPosition,
-    illustrationPosition = _ref$illustrationPosi === undefined ? EmptyState.defaults.position : _ref$illustrationPosi,
+    illustrationPosition = _ref$illustrationPosi === void 0 ? EmptyState.defaults.position : _ref$illustrationPosi,
     illustrationTheme = _ref.illustrationTheme,
     illustrationDescription = _ref.illustrationDescription,
     link = _ref.link,
     _ref$size = _ref.size,
-    size = _ref$size === undefined ? EmptyState.defaults.size : _ref$size,
+    size = _ref$size === void 0 ? EmptyState.defaults.size : _ref$size,
     _ref$headingAs = _ref.headingAs,
-    headingAs = _ref$headingAs === undefined ? EmptyState.defaults.headingAs : _ref$headingAs,
+    headingAs = _ref$headingAs === void 0 ? EmptyState.defaults.headingAs : _ref$headingAs,
     subtitle = _ref.subtitle,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);

package/lib/components/ExportModal/ExportModal.js

@@ -39,7 +39,7 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     hidePasswordLabel = _ref.hidePasswordLabel,
     inputLabel = _ref.inputLabel,
     _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === undefined ? 'text' : _ref$inputType,
+    inputType = _ref$inputType === void 0 ? 'text' : _ref$inputType,
     invalidInputText = _ref.invalidInputText,
     loading = _ref.loading,
     loadingMessage = _ref.loadingMessage,
@@ -48,7 +48,7 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     open = _ref.open,
     portalTargetIn = _ref.portalTarget,
     _ref$preformattedExte = _ref.preformattedExtensions,
-    preformattedExtensions = _ref$preformattedExte === undefined ? defaults.preformattedExtensions : _ref$preformattedExte,
+    preformattedExtensions = _ref$preformattedExte === void 0 ? defaults.preformattedExtensions : _ref$preformattedExte,
     preformattedExtensionsLabel = _ref.preformattedExtensionsLabel,
     primaryButtonText = _ref.primaryButtonText,
     secondaryButtonText = _ref.secondaryButtonText,
@@ -58,7 +58,7 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     title = _ref.title,
     triggerButtonRef = _ref.triggerButtonRef,
     _ref$validExtensions = _ref.validExtensions,
-    validExtensions = _ref$validExtensions === undefined ? defaults.validExtensions : _ref$validExtensions,
+    validExtensions = _ref$validExtensions === void 0 ? defaults.validExtensions : _ref$validExtensions,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var blockClass = "".concat(settings.pkg.prefix, "--export-modal");
   var _useState = React.useState(''),
@@ -78,15 +78,15 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   React.useEffect(function () {
     var _preformattedExtensio;
     setName(filename);
-    if (preformattedExtensions && preformattedExtensions.length > 0 && (_preformattedExtensio = preformattedExtensions[0]) !== null && _preformattedExtensio !== undefined && _preformattedExtensio.extension) {
+    if (preformattedExtensions && preformattedExtensions.length > 0 && (_preformattedExtensio = preformattedExtensions[0]) !== null && _preformattedExtensio !== void 0 && _preformattedExtensio.extension) {
       var _preformattedExtensio2;
-      setExtension(preformattedExtensions === null || preformattedExtensions === undefined || (_preformattedExtensio2 = preformattedExtensions[0]) === null || _preformattedExtensio2 === undefined ? undefined : _preformattedExtensio2.extension);
+      setExtension(preformattedExtensions === null || preformattedExtensions === void 0 || (_preformattedExtensio2 = preformattedExtensions[0]) === null || _preformattedExtensio2 === void 0 ? void 0 : _preformattedExtensio2.extension);
     }
   }, [filename, preformattedExtensions, open]);
   React.useEffect(function () {
     if (successful) {
       var button = document.querySelector(".".concat(blockClass, " .").concat(settings.carbon.prefix, "--modal-close-button button"));
-      button === null || button === undefined || button.focus();
+      button === null || button === void 0 || button.focus();
     }
   }, [successful, blockClass]);
   var onNameChangeHandler = function onNameChangeHandler(evt) {
@@ -100,7 +100,7 @@ exports.ExportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   };
   var onSubmitHandler = function onSubmitHandler() {
     var returnName = extension ? "".concat(filename, ".").concat(extension.toLocaleLowerCase()) : name;
-    onRequestSubmit === null || onRequestSubmit === undefined || onRequestSubmit(returnName);
+    onRequestSubmit === null || onRequestSubmit === void 0 || onRequestSubmit(returnName);
   };
   var hasInvalidExtension = function hasInvalidExtension() {
     if (!dirtyInput || !validExtensions || !validExtensions.length) {

package/lib/components/FeatureFlags/index.js

@@ -28,7 +28,7 @@ var FeatureFlagContext = /*#__PURE__*/React.createContext(FeatureFlags$1.Feature
 function FeatureFlags(_ref) {
   var children = _ref.children,
     _ref$flags = _ref.flags,
-    flags = _ref$flags === undefined ? {} : _ref$flags,
+    flags = _ref$flags === void 0 ? {} : _ref$flags,
     newFlags = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var parentScope = React.useContext(FeatureFlagContext);
   var newFlagsObject = Object.keys(newFlags).reduce(function (acc, key) {

package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js

@@ -32,7 +32,7 @@ var defaults = {
  */
 exports.FilterPanelAccordion = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$accordionProps = _ref.accordionProps,
-    accordionProps = _ref$accordionProps === undefined ? defaults.accordionProps : _ref$accordionProps,
+    accordionProps = _ref$accordionProps === void 0 ? defaults.accordionProps : _ref$accordionProps,
     children = _ref.children,
     className = _ref.className,
     count = _ref.count,

package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js

@@ -33,9 +33,9 @@ var defaults = {
  */
 exports.FilterPanelAccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$accordionItemPro = _ref.accordionItemProps,
-    accordionItemProps = _ref$accordionItemPro === undefined ? defaults.accordionItemProps : _ref$accordionItemPro,
+    accordionItemProps = _ref$accordionItemPro === void 0 ? defaults.accordionItemProps : _ref$accordionItemPro,
     _ref$truncatedListPro = _ref.truncatedListProps,
-    truncatedListProps = _ref$truncatedListPro === undefined ? defaults.truncatedListProps : _ref$truncatedListPro,
+    truncatedListProps = _ref$truncatedListPro === void 0 ? defaults.truncatedListProps : _ref$truncatedListPro,
     children = _ref.children,
     className = _ref.className,
     count = _ref.count,

package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js

@@ -41,7 +41,7 @@ exports.FilterPanelCheckboxWithOverflow = /*#__PURE__*/React.forwardRef(function
     id = _ref.id,
     labelText = _ref.labelText,
     _ref$overflowMenuProp = _ref.overflowMenuProps,
-    overflowMenuProps = _ref$overflowMenuProp === undefined ? defaults.overflowMenuProps : _ref$overflowMenuProp,
+    overflowMenuProps = _ref$overflowMenuProp === void 0 ? defaults.overflowMenuProps : _ref$overflowMenuProp,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
@@ -102,19 +102,19 @@ exports.FilterPanelCheckboxWithOverflow = /*#__PURE__*/React.forwardRef(function
       labelText: labelText,
       title: title
     })), showMenuButton && /*#__PURE__*/React.createElement(react.OverflowMenu, _rollupPluginBabelHelpers.extends({
-      open: overflowMenuProps === null || overflowMenuProps === undefined ? undefined : overflowMenuProps.open,
-      className: cx("".concat(blockClass, "__overflow-button"), overflowMenuProps === null || overflowMenuProps === undefined ? undefined : overflowMenuProps.menuClass),
-      menuOptionsClass: cx("".concat(blockClass, "__overflow-options"), overflowMenuProps === null || overflowMenuProps === undefined ? undefined : overflowMenuProps.menuOptionsClass),
-      "aria-label": overflowMenuProps === null || overflowMenuProps === undefined ? undefined : overflowMenuProps['aria-label'],
-      iconDescription: overflowMenuProps === null || overflowMenuProps === undefined ? undefined : overflowMenuProps['aria-label'],
+      open: overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.open,
+      className: cx("".concat(blockClass, "__overflow-button"), overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.menuClass),
+      menuOptionsClass: cx("".concat(blockClass, "__overflow-options"), overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.menuOptionsClass),
+      "aria-label": overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps['aria-label'],
+      iconDescription: overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps['aria-label'],
       onOpen: function onOpen() {
         return setMenuIsOpen(true);
       },
       onClose: function onClose() {
         return setMenuIsOpen(false);
       },
-      flipped: (overflowMenuProps === null || overflowMenuProps === undefined ? undefined : overflowMenuProps.flipped) || true,
-      selectorPrimaryFocus: overflowMenuProps === null || overflowMenuProps === undefined ? undefined : overflowMenuProps.selectorPrimaryFocus
+      flipped: (overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.flipped) || true,
+      selectorPrimaryFocus: overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.selectorPrimaryFocus
     }, other), children))
   );
 });

package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js

@@ -32,7 +32,7 @@ exports.FilterPanelSearch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$searchProps = _ref.searchProps,
-    searchProps = _ref$searchProps === undefined ? defaults.searchProps : _ref$searchProps,
+    searchProps = _ref$searchProps === void 0 ? defaults.searchProps : _ref$searchProps,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),

package/lib/components/FilterSummary/FilterSummary.js

@@ -10,9 +10,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var framerMotion = require('framer-motion');
 var react = require('@carbon/react');
-var motionConstants = require('../../global/js/utils/motionConstants.js');
 var React = require('react');
 var icons = require('@carbon/react/icons');
 var index = require('../../_virtual/index.js');
@@ -23,6 +21,7 @@ var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
+var usePresence = require('../../global/js/hooks/usePresence.js');
 var useWindowResize = require('../../global/js/hooks/useWindowResize.js');
 
 var _excluded = ["className", "clearFiltersText", "clearFilters", "filters", "renderLabel", "overflowType", "clearButtonInline"],
@@ -31,16 +30,16 @@ var blockClass = "".concat(settings.pkg.prefix, "--filter-summary");
 var FilterSummary = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _viewAllButtonRef$cur, _filterSummaryClearBu;
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$clearFiltersText = _ref.clearFiltersText,
-    clearFiltersText = _ref$clearFiltersText === undefined ? 'Clear filters' : _ref$clearFiltersText,
+    clearFiltersText = _ref$clearFiltersText === void 0 ? 'Clear filters' : _ref$clearFiltersText,
     clearFilters = _ref.clearFilters,
     filters = _ref.filters,
     renderLabel = _ref.renderLabel,
     _ref$overflowType = _ref.overflowType,
-    overflowType = _ref$overflowType === undefined ? 'default' : _ref$overflowType,
+    overflowType = _ref$overflowType === void 0 ? 'default' : _ref$overflowType,
     _ref$clearButtonInlin = _ref.clearButtonInline,
-    clearButtonInline = _ref$clearButtonInlin === undefined ? true : _ref$clearButtonInlin,
+    clearButtonInline = _ref$clearButtonInlin === void 0 ? true : _ref$clearButtonInlin,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var filterSummaryId = "".concat(blockClass, "__").concat(uuidv4.default());
   var tagFilters = filters.map(function (_ref2) {
@@ -50,7 +49,7 @@ var FilterSummary = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
     return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
       type: 'gray',
-      label: (_renderLabel = renderLabel === null || renderLabel === undefined ? undefined : renderLabel(key, value)) !== null && _renderLabel !== undefined ? _renderLabel : "".concat(key, ": ").concat(value)
+      label: (_renderLabel = renderLabel === null || renderLabel === void 0 ? void 0 : renderLabel(key, value)) !== null && _renderLabel !== void 0 ? _renderLabel : "".concat(key, ": ").concat(value)
     });
   });
   var filterSummaryClearButton = React.useRef(null);
@@ -77,27 +76,14 @@ var FilterSummary = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return !prev;
     });
   };
-  var viewAllWidth = typeof (viewAllButtonRef === null || viewAllButtonRef === undefined || (_viewAllButtonRef$cur = viewAllButtonRef.current) === null || _viewAllButtonRef$cur === undefined ? undefined : _viewAllButtonRef$cur.offsetWidth) === 'undefined' ? 0 : overflowCount > 0 ? 48 : 0;
-  var measurementOffset = ((filterSummaryClearButton === null || filterSummaryClearButton === undefined || (_filterSummaryClearBu = filterSummaryClearButton.current) === null || _filterSummaryClearBu === undefined ? undefined : _filterSummaryClearBu.offsetWidth) || 0) + viewAllWidth;
+  var viewAllWidth = typeof (viewAllButtonRef === null || viewAllButtonRef === void 0 || (_viewAllButtonRef$cur = viewAllButtonRef.current) === null || _viewAllButtonRef$cur === void 0 ? void 0 : _viewAllButtonRef$cur.offsetWidth) === 'undefined' ? 0 : overflowCount > 0 ? 48 : 0;
+  var measurementOffset = ((filterSummaryClearButton === null || filterSummaryClearButton === void 0 || (_filterSummaryClearBu = filterSummaryClearButton.current) === null || _filterSummaryClearBu === void 0 ? void 0 : _filterSummaryClearBu.offsetWidth) || 0) + viewAllWidth;
+  var exitAnimationName = 'filter-summary-enter';
+  var _usePresence = usePresence.usePresence(true, localRef, exitAnimationName),
+    shouldRender = _usePresence.shouldRender;
   var renderTagSet = function renderTagSet(type) {
-    return /*#__PURE__*/React.createElement(framerMotion.motion.div, {
-      key: type,
-      initial: {
-        opacity: 0,
-        y: -16
-      },
-      animate: {
-        opacity: 1,
-        y: 0
-      },
-      exit: {
-        opacity: 0,
-        y: -16
-      },
-      transition: {
-        duration: motionConstants.DURATIONS.moderate01,
-        ease: motionConstants.EASINGS.productive.entrance
-      }
+    return shouldRender ? /*#__PURE__*/React.createElement("div", {
+      key: type
     }, /*#__PURE__*/React.createElement(TagSet.TagSet, {
       allTagsModalSearchLabel: "Search all tags",
       allTagsModalSearchPlaceholderText: "Search all tags",
@@ -109,29 +95,27 @@ var FilterSummary = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       containingElementRef: localRef,
       measurementOffset: measurementOffset,
       onOverflowTagChange: function onOverflowTagChange(overflowTags) {
-        return setOverflowCount(overflowTags === null || overflowTags === undefined ? undefined : overflowTags.length);
+        return setOverflowCount(overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length);
       },
       multiline: multiline
-    }));
+    })) : null;
   };
   useWindowResize.useWindowResize(function () {
     var handleFilterSummaryResize = function handleFilterSummaryResize() {
       var _localRef$current, _localRef$current2;
-      if (multiline && localRef !== null && localRef !== undefined && (_localRef$current = localRef.current) !== null && _localRef$current !== undefined && _localRef$current.offsetHeight && (localRef === null || localRef === undefined || (_localRef$current2 = localRef.current) === null || _localRef$current2 === undefined ? undefined : _localRef$current2.offsetHeight) <= 50) {
+      if (multiline && localRef !== null && localRef !== void 0 && (_localRef$current = localRef.current) !== null && _localRef$current !== void 0 && _localRef$current.offsetHeight && (localRef === null || localRef === void 0 || (_localRef$current2 = localRef.current) === null || _localRef$current2 === void 0 ? void 0 : _localRef$current2.offsetHeight) <= 50) {
         setMultiline(false);
       }
     };
     var filterResize = debounce.debounce(handleFilterSummaryResize, 500);
     filterResize();
-  }, [previousState === null || previousState === undefined ? undefined : previousState.multiline, multiline]);
+  }, [previousState === null || previousState === void 0 ? void 0 : previousState.multiline, multiline]);
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, devtools.getDevtoolsProps(componentName), {
     id: filterSummaryId
   }, rest, {
     ref: localRef,
     className: cx([blockClass, className], _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expanded"), multiline))
-  }), /*#__PURE__*/React.createElement(framerMotion.AnimatePresence, {
-    mode: "wait"
-  }, !multiline && renderTagSet('single'), multiline && renderTagSet('multiline')), /*#__PURE__*/React.createElement(react.Button, {
+  }), !multiline && renderTagSet('single'), multiline && renderTagSet('multiline'), /*#__PURE__*/React.createElement(react.Button, {
     kind: "ghost",
     size: "sm",
     onClick: clearFilters,

package/lib/components/FullPageError/FullPageError.js

@@ -39,7 +39,7 @@ exports.FullPageError = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     description = _ref.description,
     label = _ref.label,
     _ref$kind = _ref.kind,
-    kind = _ref$kind === undefined ? defaults.kind : _ref$kind,
+    kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var errorData = {

package/lib/components/Guidebanner/Guidebanner.js

@@ -45,20 +45,20 @@ exports.Guidebanner = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$collapsible = _ref.collapsible,
-    collapsible = _ref$collapsible === undefined ? defaults.collapsible : _ref$collapsible,
+    collapsible = _ref$collapsible === void 0 ? defaults.collapsible : _ref$collapsible,
     onClose = _ref.onClose,
     _ref$withLeftGutter = _ref.withLeftGutter,
-    withLeftGutter = _ref$withLeftGutter === undefined ? defaults.withLeftGutter : _ref$withLeftGutter,
+    withLeftGutter = _ref$withLeftGutter === void 0 ? defaults.withLeftGutter : _ref$withLeftGutter,
     _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === undefined ? defaults.closeIconDescription : _ref$closeIconDescrip,
+    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
     _ref$collapseButtonLa = _ref.collapseButtonLabel,
-    collapseButtonLabel = _ref$collapseButtonLa === undefined ? defaults.collapseButtonLabel : _ref$collapseButtonLa,
+    collapseButtonLabel = _ref$collapseButtonLa === void 0 ? defaults.collapseButtonLabel : _ref$collapseButtonLa,
     _ref$expandButtonLabe = _ref.expandButtonLabel,
-    expandButtonLabel = _ref$expandButtonLabe === undefined ? defaults.expandButtonLabel : _ref$expandButtonLabe,
+    expandButtonLabel = _ref$expandButtonLabe === void 0 ? defaults.expandButtonLabel : _ref$expandButtonLabe,
     _ref$nextIconDescript = _ref.nextIconDescription,
-    nextIconDescription = _ref$nextIconDescript === undefined ? defaults.nextIconDescription : _ref$nextIconDescript,
+    nextIconDescription = _ref$nextIconDescript === void 0 ? defaults.nextIconDescription : _ref$nextIconDescript,
     _ref$previousIconDesc = _ref.previousIconDescription,
-    previousIconDescription = _ref$previousIconDesc === undefined ? defaults.previousIconDescription : _ref$previousIconDesc,
+    previousIconDescription = _ref$previousIconDesc === void 0 ? defaults.previousIconDescription : _ref$previousIconDesc,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var scrollRef = React.useRef(null);
@@ -184,7 +184,7 @@ exports.Guidebanner.propTypes = {
         // Carbon Products component's `displayName` (child.type.displayName) or
         // React component's `name` (child.type.name) or
         // HTML element's tag name (child.type).
-        error = new Error("`Guidebanner` only accepts children of type `GuidebannerElement`, found `".concat(((_child$type = child.type) === null || _child$type === undefined ? undefined : _child$type.displayName) || ((_child$type2 = child.type) === null || _child$type2 === undefined ? undefined : _child$type2.name) || child.type, "` instead."));
+        error = new Error("`Guidebanner` only accepts children of type `GuidebannerElement`, found `".concat(((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) || ((_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.name) || child.type, "` instead."));
       }
     });
     return error;

package/lib/components/Guidebanner/GuidebannerElementButton.js

@@ -33,7 +33,7 @@ exports.GuidebannerElementButton = /*#__PURE__*/React.forwardRef(function (_ref,
   var children = _ref.children,
     className = _ref.className,
     _ref$iconDescription = _ref.iconDescription,
-    iconDescription = _ref$iconDescription === undefined ? defaults.iconDescription : _ref$iconDescription,
+    iconDescription = _ref$iconDescription === void 0 ? defaults.iconDescription : _ref$iconDescription,
     type = _ref.type,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   if (type === 'primary') {

package/lib/components/ImportModal/ImportModal.js

@@ -22,7 +22,7 @@ var _excluded = ["accept", "className", "defaultErrorBody", "defaultErrorHeader"
 var componentName = 'ImportModal';
 exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$accept = _ref.accept,
-    accept = _ref$accept === undefined ? [] : _ref$accept,
+    accept = _ref$accept === void 0 ? [] : _ref$accept,
     className = _ref.className,
     defaultErrorBody = _ref.defaultErrorBody,
     defaultErrorHeader = _ref.defaultErrorHeader,
@@ -92,7 +92,7 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         newFile.errorBody = invalidFileTypeErrorBody || defaultErrorBody;
         newFile.errorSubject = invalidFileTypeErrorHeader || defaultErrorHeader;
         newFile.invalid = true;
-      } else if (maxFileSize && ((_newFile$fileSize = newFile === null || newFile === undefined ? undefined : newFile.fileSize) !== null && _newFile$fileSize !== undefined ? _newFile$fileSize : 0) > maxFileSize) {
+      } else if (maxFileSize && ((_newFile$fileSize = newFile === null || newFile === void 0 ? void 0 : newFile.fileSize) !== null && _newFile$fileSize !== void 0 ? _newFile$fileSize : 0) > maxFileSize) {
         newFile.errorBody = maxFileSizeErrorBody || defaultErrorBody;
         newFile.errorSubject = maxFileSizeErrorHeader || defaultErrorHeader;
         newFile.invalid = true;

package/lib/components/InlineTip/InlineTip.d.ts

@@ -5,10 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-type MediaType = {
-    render?: () => ReactNode;
-    filePaths?: string[];
-};
 export interface InlineTipProps {
     /**
      * Optional "call to action" ghost button or link that can appear
@@ -45,15 +41,6 @@ export interface InlineTipProps {
      * This button is not visible if `media` is specified.
      */
     expandButtonLabel?: string;
-    /**
-     * The object describing an image in one of two shapes.
-     * - If a single media element is required, use `{render}`.
-     * - If a stepped animation is required, use `{filePaths}`.
-     *
-     * Enabling `media` disables the `collapsible` feature.
-     * @deprecated please use the `renderMedia` prop
-     */
-    media?: MediaType;
     /**
      * Optional prop to render any media like images or any animated media.
      */
@@ -97,4 +84,3 @@ export interface InlineTipProps {
 export declare let InlineTip: React.ForwardRefExoticComponent<InlineTipProps & {
     children?: ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export {};