@carbon/ibm-products 2.59.0 → 2.60.0

package/lib/components/APIKeyModal/APIKeyModal.js

@@ -36,7 +36,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var apiKey = _ref.apiKey,
     apiKeyLabel = _ref.apiKeyLabel,
     _ref$apiKeyName = _ref.apiKeyName,
-    apiKeyName = _ref$apiKeyName === void 0 ? defaults.apiKeyName : _ref$apiKeyName,
+    apiKeyName = _ref$apiKeyName === undefined ? defaults.apiKeyName : _ref$apiKeyName,
     body = _ref.body,
     className = _ref.className,
     closeButtonText = _ref.closeButtonText,
@@ -44,13 +44,13 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     copyErrorText = _ref.copyErrorText,
     copyIconDescription = _ref.copyIconDescription,
     _ref$customSteps = _ref.customSteps,
-    customSteps = _ref$customSteps === void 0 ? defaults.customSteps : _ref$customSteps,
+    customSteps = _ref$customSteps === undefined ? defaults.customSteps : _ref$customSteps,
     downloadBodyText = _ref.downloadBodyText,
     downloadFileName = _ref.downloadFileName,
     downloadFileType = _ref.downloadFileType,
     downloadLinkText = _ref.downloadLinkText,
     _ref$downloadLinkLabe = _ref.downloadLinkLabel,
-    downloadLinkLabel = _ref$downloadLinkLabe === void 0 ? downloadLinkText : _ref$downloadLinkLabe,
+    downloadLinkLabel = _ref$downloadLinkLabe === undefined ? downloadLinkText : _ref$downloadLinkLabe,
     editButtonText = _ref.editButtonText,
     editSuccess = _ref.editSuccess,
     editSuccessTitle = _ref.editSuccessTitle,
@@ -134,14 +134,14 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (copyRef.current && open && apiKeyLoaded) {
       copyRef.current.focus();
     }
-    if (PasswordInputRef !== null && PasswordInputRef !== void 0 && PasswordInputRef.current) {
-      PasswordInputRef === null || PasswordInputRef === void 0 || PasswordInputRef.current.setAttribute('readOnly', 'true');
+    if (PasswordInputRef !== null && PasswordInputRef !== undefined && PasswordInputRef.current) {
+      PasswordInputRef === null || PasswordInputRef === undefined || PasswordInputRef.current.setAttribute('readOnly', 'true');
     }
   }, [open, apiKeyLoaded]);
   React.useEffect(function () {
     if (open) {
       // Focusing the first element or selectorPrimaryFocus element
-      useFocus.claimFocus(firstElement, modalRef, "#".concat(CSS.escape(apiKeyInputId === null || apiKeyInputId === void 0 ? void 0 : apiKeyInputId.current)));
+      useFocus.claimFocus(firstElement, modalRef, "#".concat(CSS.escape(apiKeyInputId === null || apiKeyInputId === undefined ? undefined : apiKeyInputId.current)));
     }
   }, [firstElement, modalRef, open]);
   React.useEffect(function () {
@@ -155,9 +155,9 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (loading) {
       return true;
     }
-    if (hasSteps && 'valid' in ((customSteps === null || customSteps === void 0 ? void 0 : customSteps[currentStep]) || [])) {
+    if (hasSteps && 'valid' in ((customSteps === null || customSteps === undefined ? undefined : customSteps[currentStep]) || [])) {
       var _customSteps$currentS;
-      return !((_customSteps$currentS = customSteps[currentStep]) !== null && _customSteps$currentS !== void 0 && _customSteps$currentS.valid);
+      return !((_customSteps$currentS = customSteps[currentStep]) !== null && _customSteps$currentS !== undefined && _customSteps$currentS.valid);
     }
     if (!hasSteps && nameRequired && !name) {
       return true;
@@ -185,13 +185,13 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   React.useEffect(function () {
     if (editing && editSuccess) {
       setTitle(generateTitle);
-      setSuccessMessage(editSuccessMessage !== null && editSuccessMessage !== void 0 ? editSuccessMessage : editSuccessTitle);
+      setSuccessMessage(editSuccessMessage !== null && editSuccessMessage !== undefined ? editSuccessMessage : editSuccessTitle);
     } else if (apiKeyLoaded) {
       setTitle(generateTitle);
-      setSuccessMessage(generateSuccessMessage !== null && generateSuccessMessage !== void 0 ? generateSuccessMessage : generateSuccessTitle);
+      setSuccessMessage(generateSuccessMessage !== null && generateSuccessMessage !== undefined ? generateSuccessMessage : generateSuccessTitle);
     } else if (hasSteps) {
       var _customSteps$currentS2;
-      setTitle((_customSteps$currentS2 = customSteps[currentStep]) === null || _customSteps$currentS2 === void 0 ? void 0 : _customSteps$currentS2.title);
+      setTitle((_customSteps$currentS2 = customSteps[currentStep]) === null || _customSteps$currentS2 === undefined ? undefined : _customSteps$currentS2.title);
     } else {
       setTitle(generateTitle);
     }
@@ -202,10 +202,10 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var onCloseHandler = function onCloseHandler() {
     setName('');
     setCurrentStep(0);
-    onClose === null || onClose === void 0 || onClose();
+    onClose === null || onClose === undefined || onClose();
   };
   var submitHandler = /*#__PURE__*/function () {
-    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(e) {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(e) {
       return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -246,9 +246,9 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
             break;
           case 21:
             if (editing) {
-              onRequestEdit === null || onRequestEdit === void 0 || onRequestEdit(name);
+              onRequestEdit === null || onRequestEdit === undefined || onRequestEdit(name);
             } else {
-              onRequestGenerate === null || onRequestGenerate === void 0 || onRequestGenerate(name);
+              onRequestGenerate === null || onRequestGenerate === undefined || onRequestGenerate(name);
             }
           case 22:
           case "end":
@@ -267,7 +267,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onCloseHandler();
     }
   };
-  return renderPortalUse( /*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
+  return renderPortalUse(/*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
     enableExperimentalFocusWrapWithoutSentinels: true
   }, /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, _rollupPluginBabelHelpers.objectSpread2({
     open: open
@@ -285,7 +285,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     label: modalLabel
   }), /*#__PURE__*/React.createElement(react.ModalBody, {
     className: "".concat(blockClass, "__body-container")
-  }, hasSteps && !apiKeyLoaded ? (_customSteps$currentS3 = customSteps[currentStep]) === null || _customSteps$currentS3 === void 0 ? void 0 : _customSteps$currentS3.content : /*#__PURE__*/React.createElement(React.Fragment, null, body && /*#__PURE__*/React.createElement("p", {
+  }, hasSteps && !apiKeyLoaded ? (_customSteps$currentS3 = customSteps[currentStep]) === null || _customSteps$currentS3 === undefined ? undefined : _customSteps$currentS3.content : /*#__PURE__*/React.createElement(React.Fragment, null, body && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__body")
   }, body), !editing && apiKey && hasAPIKeyVisibilityToggle && /*#__PURE__*/React.createElement(react.PasswordInput, {
     value: apiKey,
@@ -302,7 +302,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     id: apiKeyInputId.current
   }), (editing || !apiKeyLoaded && nameRequired) && /*#__PURE__*/React.createElement(react.Form, {
     onSubmit: submitHandler,
-    "aria-label": title !== null && title !== void 0 ? title : undefined
+    "aria-label": title !== null && title !== undefined ? title : undefined
   }, /*#__PURE__*/React.createElement(react.TextInput, {
     helperText: nameHelperText,
     placeholder: namePlaceholder,

package/lib/components/AboutModal/AboutModal.js

@@ -60,14 +60,14 @@ exports.AboutModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   // as the parent of the current bodyRef element
   React.useEffect(function () {
     var _contentRef$current;
-    bodyRef.current = (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.parentElement;
+    bodyRef.current = (_contentRef$current = contentRef.current) === null || _contentRef$current === undefined ? undefined : _contentRef$current.parentElement;
   }, [bodyRef]);
   React.useEffect(function () {
     if (open) {
       useFocus.claimFocus(firstElement, modalRef);
     }
   }, [firstElement, modalRef, open]);
-  return renderPortalUse( /*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
+  return renderPortalUse(/*#__PURE__*/React.createElement(react.unstable_FeatureFlags, {
     enableExperimentalFocusWrapWithoutSentinels: true
   }, /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
     className: cx(blockClass,

package/lib/components/ActionBar/ActionBar.d.ts

@@ -1,8 +1,7 @@
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import React, { PropsWithChildren, ForwardedRef } from 'react';
 import { ButtonProps } from '@carbon/react';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
-interface Action extends ButtonProps {
+interface Action extends ButtonProps<React.ElementType> {
     id?: string;
     key: string;
     iconDescription: string;

package/lib/components/ActionBar/ActionBar.js

@@ -37,7 +37,7 @@ var defaults = {
  */
 exports.ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
+    actions = _ref$actions === undefined ? defaults.actions : _ref$actions,
     className = _ref.className,
     maxVisible = _ref.maxVisible,
     menuOptionsClass = _ref.menuOptionsClass,
@@ -68,7 +68,7 @@ exports.ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   // create hidden sizing items
   React.useEffect(function () {
     // Hidden action bar and items used to calculate sizes
-    setHiddenSizingItems( /*#__PURE__*/React.createElement("div", {
+    setHiddenSizingItems(/*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__hidden-sizing-items"),
       "aria-hidden": true,
       ref: sizingRef
@@ -109,7 +109,7 @@ exports.ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
     // add overflow menu if needed
     if (newOverflowItems.length) {
-      newDisplayedItems.push( /*#__PURE__*/React.createElement(ActionBarOverflowItems.ActionBarOverflowItems, {
+      newDisplayedItems.push(/*#__PURE__*/React.createElement(ActionBarOverflowItems.ActionBarOverflowItems, {
         menuOptionsClass: menuOptionsClass,
         overflowAriaLabel: overflowAriaLabel,
         overflowMenuRef: overflowMenuRef,
@@ -131,7 +131,7 @@ exports.ActionBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       var overflowItem = sizingItems.shift();
 
       // determine how many will fit
-      var spaceAvailable = (_refDisplayedItems$cu = refDisplayedItems.current) === null || _refDisplayedItems$cu === void 0 ? void 0 : _refDisplayedItems$cu.offsetWidth;
+      var spaceAvailable = (_refDisplayedItems$cu = refDisplayedItems.current) === null || _refDisplayedItems$cu === undefined ? undefined : _refDisplayedItems$cu.offsetWidth;
       var willFit = 0;
       var maxVisibleWidth = 0;
       var fitLimit = maxVisible ? Math.min(maxVisible, sizingItems.length) : sizingItems.length;

package/lib/components/ActionBar/ActionBarOverflowItems.d.ts

@@ -1,5 +1,4 @@
 import React, { PropsWithChildren, ReactElement, ForwardedRef } from 'react';
-import PropTypes from 'prop-types';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
 type OverflowItem = {
     label: string;
@@ -39,28 +38,28 @@ export declare const ActionBarOverflowItems: {
         /**
          * className
          */
-        className: PropTypes.Requireable<string>;
+        className: any;
         /**
          * class name applied to the overflow options
          */
-        menuOptionsClass: PropTypes.Requireable<string>;
+        menuOptionsClass: any;
         /**
          * overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
          */
-        overflowAriaLabel: PropTypes.Requireable<string>;
+        overflowAriaLabel: any;
         /**
          * overflowItems: items to bre shown in the ActionBar overflow menu
          */
-        overflowItems: PropTypes.Requireable<(PropTypes.ReactElementLike | null | undefined)[]>;
+        overflowItems: any;
         /**
          * overflowMenuRef for the overflow menu width that is needed to calculate the width of the action bar with overflow
          */
         /**@ts-ignore */
-        overflowMenuRef: PropTypes.Requireable<object>;
+        overflowMenuRef: any;
         /**
          * Optional tab index
          */
-        tabIndex: PropTypes.Requireable<number>;
+        tabIndex: any;
     };
 };
 export {};

package/lib/components/ActionBar/ActionBarOverflowItems.js

@@ -43,17 +43,17 @@ var ActionBarOverflowItems = function ActionBarOverflowItems(_ref) {
     // This uses a copy of a menu item option
     // NOTE: Cannot use a real Tooltip icon below as it uses a <button /> the
     // div equivalent below is based on Carbon 10.25.0
-    var ItemIcon = item === null || item === void 0 ? void 0 : item.props.renderIcon;
+    var ItemIcon = item === null || item === undefined ? undefined : item.props.renderIcon;
     return /*#__PURE__*/React.createElement(react.OverflowMenuItem, {
       className: "".concat(blockClass, "__item"),
-      onClick: item === null || item === void 0 ? void 0 : item.props.onClick,
+      onClick: item === null || item === undefined ? undefined : item.props.onClick,
       itemText: /*#__PURE__*/React.createElement("div", {
         className: "".concat(blockClass, "__item-content"),
         "aria-describedby": "".concat(internalId.current, "-").concat(index, "--item-label")
       }, /*#__PURE__*/React.createElement("span", {
         className: "".concat(blockClass, "__item-label"),
         id: "".concat(internalId.current, "-").concat(index, "--item-label")
-      }, item === null || item === void 0 ? void 0 : item.props.label), typeof (item === null || item === void 0 ? void 0 : item.props.renderIcon) === 'function' ? /*#__PURE__*/React.createElement(ItemIcon, null) : item === null || item === void 0 ? void 0 : item.props.renderIcon)
+      }, item === null || item === undefined ? undefined : item.props.label), typeof (item === null || item === undefined ? undefined : item.props.renderIcon) === 'function' ? /*#__PURE__*/React.createElement(ItemIcon, null) : item === null || item === undefined ? undefined : item.props.renderIcon)
     });
   })));
 };

package/lib/components/ActionSet/ActionSet.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import React from 'react';
 import { ButtonProps } from '@carbon/react';
 export declare const ButtonSizes: readonly ["sm", "md", "lg", "xl", "2xl"];

package/lib/components/ActionSet/ActionSet.js

@@ -27,7 +27,7 @@ var ActionSetButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     label = _ref.label,
     loading = _ref.loading,
     _ref$isExpressive = _ref.isExpressive,
-    isExpressive = _ref$isExpressive === void 0 ? true : _ref$isExpressive,
+    isExpressive = _ref$isExpressive === undefined ? true : _ref$isExpressive,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
     isExpressive: isExpressive,
@@ -70,9 +70,9 @@ var ActionSet = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
     buttonSize = _ref3.buttonSize,
     className = _ref3.className,
     _ref3$size = _ref3.size,
-    size = _ref3$size === void 0 ? defaults.size : _ref3$size,
+    size = _ref3$size === undefined ? defaults.size : _ref3$size,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded2);
-  var buttons = actions && ((_actions$slice = actions.slice) === null || _actions$slice === void 0 ? void 0 : _actions$slice.call(actions, 0)) || [];
+  var buttons = actions && ((_actions$slice = actions.slice) === null || _actions$slice === undefined ? undefined : _actions$slice.call(actions, 0)) || [];
 
   // We stack the buttons in a sm set, or if there are three or more in a md set.
   var stacking = willStack(size, buttons.length);
@@ -86,7 +86,7 @@ var ActionSet = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
       'danger--ghost': 2,
       danger: 4,
       primary: 5
-    }[kind]) !== null && _ghost$dangerGhost$ !== void 0 ? _ghost$dangerGhost$ : 3;
+    }[kind]) !== null && _ghost$dangerGhost$ !== undefined ? _ghost$dangerGhost$ : 3;
   };
 
   // order the actions with ghost/ghost-danger buttons first and primary/danger buttons last
@@ -128,10 +128,9 @@ ActionSet.validateActions = function (sizeFn) {
   return function (props, propName, componentName, location, propFullName) {
     var name = propFullName || propName;
     var prop = props[name];
-    var actions = prop && (prop === null || prop === void 0 ? void 0 : prop.length);
+    var actions = prop && (prop === null || prop === undefined ? undefined : prop.length);
     var problems = [];
     if (actions > 0) {
-      // eslint-disable-next-line react/prop-types
       var size = sizeFn ? sizeFn(props) : props.size || defaults.size;
       var stacking = willStack(size, actions);
       var countActions = function countActions(kind) {
@@ -143,12 +142,24 @@ ActionSet.validateActions = function (sizeFn) {
       var secondaryActions = countActions('secondary');
       var dangerActions = countActions('danger');
       var ghostActions = countActions('ghost') + countActions('danger--ghost');
-      stacking && actions > 3 && problems.push("you cannot have more than three actions in this size of ".concat(componentName));
-      actions > 4 && problems.push("you cannot have more than four actions in a ".concat(componentName));
-      primaryActions > 1 && problems.push("you cannot have more than one 'primary' action in a ".concat(componentName));
-      ghostActions > 1 && problems.push("you cannot have more than one 'ghost' action in a ".concat(componentName));
-      stacking && actions > 1 && ghostActions > 0 && problems.push("you cannot have a 'ghost' button in conjunction with other action types in this size of ".concat(componentName));
-      actions > primaryActions + secondaryActions + dangerActions + ghostActions && problems.push("you can only have 'primary', 'danger', 'secondary', 'ghost' and 'danger--ghost' buttons in a ".concat(componentName));
+      if (stacking && actions > 3) {
+        problems.push("you cannot have more than three actions in this size of ".concat(componentName));
+      }
+      if (actions > 4) {
+        problems.push("you cannot have more than four actions in a ".concat(componentName));
+      }
+      if (primaryActions > 1) {
+        problems.push("you cannot have more than one 'primary' action in a ".concat(componentName));
+      }
+      if (ghostActions > 1) {
+        problems.push("you cannot have more than one 'ghost' action in a ".concat(componentName));
+      }
+      if (stacking && actions > 1 && ghostActions > 0) {
+        problems.push("you cannot have a 'ghost' button in conjunction with other action types in this size of ".concat(componentName));
+      }
+      if (actions > primaryActions + secondaryActions + dangerActions + ghostActions) {
+        problems.push("you can only have 'primary', 'danger', 'secondary', 'ghost' and 'danger--ghost' buttons in a ".concat(componentName));
+      }
     }
     return problems.length > 0 ? new Error("Invalid ".concat(location, " `").concat(name, "` supplied to `").concat(componentName, "`: ").concat(problems.join(', and '), ".")) : null;
   };

package/lib/components/AddSelect/AddSelect.js

@@ -16,17 +16,20 @@ var addSelectUtils = require('./add-select-utils.js');
 var _excluded = ["items", "globalFilters"];
 var componentName = 'AddSelect';
 var AddSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var items = _ref.items,
+  var _ref$items = _ref.items,
+    items = _ref$items === undefined ? {
+      entries: []
+    } : _ref$items,
     globalFilters = _ref.globalFilters,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var useNormalizedItems = !!items.entries.find(function (item) {
     return item.children;
   });
   var normalizedItems = useNormalizedItems ? addSelectUtils.normalize(items) : null;
-  var globalFilterOpts = props.multi && globalFilters !== null && globalFilters !== void 0 && globalFilters.length ? addSelectUtils.getGlobalFilterValues(globalFilters, normalizedItems) : null;
+  var globalFilterOpts = props.multi && globalFilters !== null && globalFilters !== undefined && globalFilters.length ? addSelectUtils.getGlobalFilterValues(globalFilters, normalizedItems) : null;
   var defaultModifiers = props.multi && items.modifiers ? items.entries.map(function (item) {
     var _items$modifiers;
-    var modifierAttribute = items === null || items === void 0 || (_items$modifiers = items.modifiers) === null || _items$modifiers === void 0 ? void 0 : _items$modifiers.id;
+    var modifierAttribute = items === null || items === undefined || (_items$modifiers = items.modifiers) === null || _items$modifiers === undefined ? undefined : _items$modifiers.id;
     var modifier = {
       id: item.id
     };
@@ -115,23 +118,6 @@ AddSelect.propTypes = {
   sortByLabel: index.default.string,
   title: index.default.string.isRequired
 };
-AddSelect.defaultProps = {
-  closeIconDescription: '',
-  description: '',
-  itemsLabel: '',
-  items: {
-    entries: []
-  },
-  multi: false,
-  noResultsDescription: '',
-  noResultsTitle: '',
-  onClose: function onClose() {},
-  onCloseButtonText: '',
-  onSubmit: function onSubmit() {},
-  onSubmitButtonText: '',
-  open: false,
-  title: ''
-};
 AddSelect.displayName = componentName;
 
 exports.AddSelect = AddSelect;

package/lib/components/AddSelect/AddSelectBody.js

@@ -131,7 +131,7 @@ var AddSelectBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   };
   var onCloseHandler = function onCloseHandler() {
     resetState();
-    onClose === null || onClose === void 0 || onClose();
+    onClose === null || onClose === undefined || onClose();
   };
   var tearsheetClassnames = cx(className, blockClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__single"), !multi), "".concat(blockClass, "__multi"), multi));
   var globalFilterKeys = Object.keys(appliedGlobalFilters);
@@ -145,17 +145,17 @@ var AddSelectBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setAppliedGlobalFilters(filters);
   };
   var submitHandler = function submitHandler() {
-    if (multi && appliedModifiers && (appliedModifiers === null || appliedModifiers === void 0 ? void 0 : appliedModifiers.length) > 0) {
+    if (multi && appliedModifiers && (appliedModifiers === null || appliedModifiers === undefined ? undefined : appliedModifiers.length) > 0) {
       var selections = multiSelection.map(function (item) {
         return appliedModifiers.find(function (mod) {
           return mod.id === item;
         });
       });
-      onSubmit === null || onSubmit === void 0 || onSubmit(selections);
-    } else if (multi && (appliedModifiers === null || appliedModifiers === void 0 ? void 0 : appliedModifiers.length) === 0) {
-      onSubmit === null || onSubmit === void 0 || onSubmit(multiSelection);
+      onSubmit === null || onSubmit === undefined || onSubmit(selections);
+    } else if (multi && (appliedModifiers === null || appliedModifiers === undefined ? undefined : appliedModifiers.length) === 0) {
+      onSubmit === null || onSubmit === undefined || onSubmit(multiSelection);
     } else {
-      onSubmit === null || onSubmit === void 0 || onSubmit(singleSelection);
+      onSubmit === null || onSubmit === undefined || onSubmit(singleSelection);
     }
     onCloseHandler();
   };
@@ -222,9 +222,9 @@ var AddSelectBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     displayMetalPanel: displayMetalPanel,
     illustrationTheme: illustrationTheme,
     influencerTitle: influencerTitle,
-    items: useNormalizedItems ? normalizedItems : items === null || items === void 0 ? void 0 : items.entries,
+    items: useNormalizedItems ? normalizedItems : items === null || items === undefined ? undefined : items.entries,
     metaPanelTitle: metaPanelTitle,
-    modifiers: items === null || items === void 0 ? void 0 : items.modifiers,
+    modifiers: items === null || items === undefined ? undefined : items.modifiers,
     multiSelection: multiSelection,
     noSelectionDescription: noSelectionDescription,
     noSelectionTitle: noSelectionTitle,
@@ -274,12 +274,12 @@ var AddSelectBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement(AddSelectColumn.AddSelectColumn, _rollupPluginBabelHelpers.extends({}, commonListProps, {
     items: itemsToDisplay,
     columnInputPlaceholder: columnInputPlaceholder,
-    header: (_path$ = path[0]) === null || _path$ === void 0 ? void 0 : _path$.title,
+    header: (_path$ = path[0]) === null || _path$ === undefined ? undefined : _path$.title,
     filterByLabel: filterByLabel,
     sortByLabel: sortByLabel
   }))) : /*#__PURE__*/React.createElement("div", null, hasResults ? /*#__PURE__*/React.createElement(AddSelectList.AddSelectList, _rollupPluginBabelHelpers.extends({}, commonListProps, {
     filteredItems: itemsToDisplay,
-    modifiers: items === null || items === void 0 ? void 0 : items.modifiers,
+    modifiers: items === null || items === undefined ? undefined : items.modifiers,
     appliedModifiers: appliedModifiers,
     setAppliedModifiers: setAppliedModifiers,
     setParentSelected: parentSelectionHandler,

package/lib/components/AddSelect/AddSelectBreadcrumbs.d.ts

@@ -5,13 +5,12 @@ export function AddSelectBreadcrumbs({ multi, onClick, path }: {
 }): React.JSX.Element;
 export namespace AddSelectBreadcrumbs {
     export namespace propTypes {
-        let multi: PropTypes.Requireable<boolean>;
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let path: PropTypes.Requireable<any[]>;
+        let multi: any;
+        let onClick: any;
+        let path: any;
     }
     export { componentName as displayName };
 }
 import React from 'react';
-import PropTypes from 'prop-types';
 declare const componentName: "AddSelectBreadcrumbs";
 export {};

package/lib/components/AddSelect/AddSelectColumn.d.ts

@@ -13,20 +13,19 @@ export function AddSelectColumn({ columnInputPlaceholder, filterByLabel, header,
 }): React.JSX.Element;
 export namespace AddSelectColumn {
     export namespace propTypes {
-        let columnInputPlaceholder: PropTypes.Requireable<string>;
-        let filterByLabel: PropTypes.Requireable<string>;
-        let header: PropTypes.Requireable<string>;
-        let items: PropTypes.Requireable<object>;
-        let multiSelection: PropTypes.Requireable<any[]>;
-        let parentId: PropTypes.Requireable<string>;
-        let path: PropTypes.Requireable<any[]>;
-        let setMultiSelection: PropTypes.Requireable<(...args: any[]) => any>;
-        let setPath: PropTypes.Requireable<(...args: any[]) => any>;
-        let sortByLabel: PropTypes.Requireable<string>;
+        let columnInputPlaceholder: any;
+        let filterByLabel: any;
+        let header: any;
+        let items: any;
+        let multiSelection: any;
+        let parentId: any;
+        let path: any;
+        let setMultiSelection: any;
+        let setPath: any;
+        let sortByLabel: any;
     }
     export { componentName as displayName };
 }
 import React from 'react';
-import PropTypes from 'prop-types';
 declare const componentName: "AddSelectColumn";
 export {};

package/lib/components/AddSelect/AddSelectColumn.js

@@ -24,7 +24,7 @@ var _excluded = ["columnInputPlaceholder", "filterByLabel", "header", "items", "
 var blockClass = "".concat(settings.pkg.prefix, "--add-select");
 var colClass = "".concat(blockClass, "__column");
 var componentName = 'AddSelectColumn';
-var AddSelectColumn = function AddSelectColumn(_ref) {
+var _AddSelectColumn = function AddSelectColumn(_ref) {
   var columnInputPlaceholder = _ref.columnInputPlaceholder,
     filterByLabel = _ref.filterByLabel,
     header = _ref.header,
@@ -72,7 +72,7 @@ var AddSelectColumn = function AddSelectColumn(_ref) {
     }
     return (_entries$find = entries.find(function (item) {
       return item.id === parentSelected;
-    })) !== null && _entries$find !== void 0 ? _entries$find : null;
+    })) !== null && _entries$find !== undefined ? _entries$find : null;
   };
   var selectedItem = getSelectedItem();
   /**
@@ -213,7 +213,7 @@ var AddSelectColumn = function AddSelectColumn(_ref) {
     multiSelection: multiSelection,
     setParentSelected: parentSelectionHandler,
     parentSelected: parentSelected
-  }))), selectedItem && itemInPath && /*#__PURE__*/React.createElement(AddSelectColumn, _rollupPluginBabelHelpers.extends({
+  }))), selectedItem && itemInPath && /*#__PURE__*/React.createElement(_AddSelectColumn, _rollupPluginBabelHelpers.extends({
     columnInputPlaceholder: columnInputPlaceholder,
     header: selectedItem.title,
     items: selectedItem.children,
@@ -226,7 +226,7 @@ var AddSelectColumn = function AddSelectColumn(_ref) {
     filterByLabel: filterByLabel
   }, props)));
 };
-AddSelectColumn.propTypes = {
+_AddSelectColumn.propTypes = {
   columnInputPlaceholder: index.default.string,
   filterByLabel: index.default.string,
   header: index.default.string,
@@ -238,6 +238,6 @@ AddSelectColumn.propTypes = {
   setPath: index.default.func,
   sortByLabel: index.default.string
 };
-AddSelectColumn.displayName = componentName;
+_AddSelectColumn.displayName = componentName;
 
-exports.AddSelectColumn = AddSelectColumn;
+exports.AddSelectColumn = _AddSelectColumn;

package/lib/components/AddSelect/AddSelectFilter.d.ts

@@ -17,25 +17,24 @@ export function AddSelectFilter({ appliedFilters, clearFiltersText, filterOpts,
 }): React.JSX.Element;
 export namespace AddSelectFilter {
     export namespace propTypes {
-        let appliedFilters: PropTypes.Requireable<object>;
-        let clearFiltersText: PropTypes.Requireable<string>;
-        let filterOpts: PropTypes.Requireable<any[]>;
-        let filtersLabel: PropTypes.Requireable<string>;
-        let handleFilter: PropTypes.Requireable<(...args: any[]) => any>;
-        let handleSearch: PropTypes.Requireable<(...args: any[]) => any>;
-        let hasFiltersApplied: PropTypes.Requireable<boolean>;
-        let iconDescription: PropTypes.Requireable<string>;
-        let inputLabel: PropTypes.Validator<string>;
-        let inputPlaceholder: PropTypes.Requireable<string>;
-        let multi: PropTypes.Requireable<boolean>;
-        let placeholder: PropTypes.Requireable<string>;
-        let primaryButtonText: PropTypes.Requireable<string>;
-        let searchTerm: PropTypes.Requireable<string>;
-        let secondaryButtonText: PropTypes.Requireable<string>;
+        let appliedFilters: any;
+        let clearFiltersText: any;
+        let filterOpts: any;
+        let filtersLabel: any;
+        let handleFilter: any;
+        let handleSearch: any;
+        let hasFiltersApplied: any;
+        let iconDescription: any;
+        let inputLabel: any;
+        let inputPlaceholder: any;
+        let multi: any;
+        let placeholder: any;
+        let primaryButtonText: any;
+        let searchTerm: any;
+        let secondaryButtonText: any;
     }
     export { componentName as displayName };
 }
 import React from 'react';
-import PropTypes from 'prop-types';
 declare const componentName: "AddSelectFilter";
 export {};

package/lib/components/AddSelect/AddSelectFilter.js

@@ -76,7 +76,7 @@ var AddSelectFilter = function AddSelectFilter(_ref) {
   var getSelectedItem = function getSelectedItem(id) {
     return filters[id] || '';
   };
-  var showFilter = multi && (filterOpts === null || filterOpts === void 0 ? void 0 : filterOpts.length) > 0;
+  var showFilter = multi && (filterOpts === null || filterOpts === undefined ? undefined : filterOpts.length) > 0;
   var filterBtnClassnames = cx("".concat(blockClass, "-toggle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-toggle--open"), open));
   var dirtyInput = Object.keys(filters).length > 0;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {

package/lib/components/AddSelect/AddSelectFormControl.d.ts

@@ -6,14 +6,13 @@ export function AddSelectFormControl({ item, onClick, selected, type }: {
 }): React.JSX.Element;
 export namespace AddSelectFormControl {
     export namespace propTypes {
-        let item: PropTypes.Requireable<object>;
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let selected: PropTypes.Requireable<boolean>;
-        let type: PropTypes.Requireable<string>;
+        let item: any;
+        let onClick: any;
+        let selected: any;
+        let type: any;
     }
     export { componentName as displayName };
 }
 import React from 'react';
-import PropTypes from 'prop-types';
 declare const componentName: "AddSelectFormControl";
 export {};

package/lib/components/AddSelect/AddSelectList.d.ts

@@ -5,13 +5,12 @@ export function AddSelectList({ filteredItems, multi, ...rest }: {
 }): React.JSX.Element;
 export namespace AddSelectList {
     export namespace propTypes {
-        let filteredItems: PropTypes.Requireable<any[]>;
-        let focus: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        let multi: PropTypes.Requireable<boolean>;
+        let filteredItems: any;
+        let focus: any;
+        let multi: any;
     }
     export { componentName as displayName };
 }
 import React from 'react';
-import PropTypes from 'prop-types';
 declare const componentName: "AddSelectList";
 export {};