@carbon/ibm-products 2.12.1 → 2.14.0

package/es/components/ImportModal/ImportModal.js

@@ -31,7 +31,6 @@ var defaults = {
   accept: Object.freeze([])
 };
 export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref2;
   var _ref$accept = _ref.accept,
     accept = _ref$accept === void 0 ? defaults.accept : _ref$accept,
     className = _ref.className,
@@ -112,8 +111,8 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var finalFiles = _toConsumableArray(updatedFiles);
     setFiles(finalFiles);
   };
-  var fetchFile = function fetchFile(_x) {
-    return (_ref2 = _ref2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(evt) {
+  var fetchFile = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(evt) {
       var fileName, pendingFile, response, blob, fetchedFile, failedFile;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -161,8 +160,11 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
             return _context.stop();
         }
       }, _callee, null, [[4, 19]]);
-    }))).apply(this, arguments);
-  };
+    }));
+    return function fetchFile(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var onAddFile = function onAddFile(evt, _ref3) {
     var addedFiles = _ref3.addedFiles;
     evt.stopPropagation();

package/es/components/PageHeader/PageHeader.js

@@ -693,7 +693,7 @@ PageHeader.propTypes = _objectSpread({
    * Sitting just below the title is this optional subtitle that provides additional context to
    * identify the current page.
    */
-  subtitle: PropTypes.string,
+  subtitle: PropTypes.node,
   /**
    * An array of tags to be shown as the final content in the PageHeader.
    *

package/es/components/TagSet/TagSet.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAlign", "overflowClassName", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags"],
+var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAlign", "overflowClassName", "overflowType", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags"],
   _excluded2 = ["label", "id"],
   _excluded3 = ["label"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -31,7 +31,8 @@ var allTagsModalSearchThreshold = 10;
 // Default values for props
 var defaults = {
   align: 'start',
-  overflowAlign: 'bottom'
+  overflowAlign: 'bottom',
+  overflowType: 'default'
 };
 export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$align = _ref.align,
@@ -43,6 +44,8 @@ export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$overflowAlign = _ref.overflowAlign,
     overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
     overflowClassName = _ref.overflowClassName,
+    _ref$overflowType = _ref.overflowType,
+    overflowType = _ref$overflowType === void 0 ? defaults.overflowType : _ref$overflowType,
     allTagsModalTitle = _ref.allTagsModalTitle,
     allTagsModalSearchLabel = _ref.allTagsModalSearchLabel,
     allTagsModalSearchPlaceholderText = _ref.allTagsModalSearchPlaceholderText,
@@ -123,12 +126,13 @@ export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onShowAllClick: handleShowAllClick,
       overflowTags: newOverflowTags,
       overflowAlign: overflowAlign,
+      overflowType: overflowType,
       showAllTagsLabel: showAllTagsLabel,
       key: "displayed-tag-overflow",
       ref: overflowTag
     }));
     setDisplayedTags(newDisplayedTags);
-  }, [displayCount, overflowAlign, overflowClassName, showAllTagsLabel, tags]);
+  }, [displayCount, overflowAlign, overflowClassName, overflowType, showAllTagsLabel, tags]);
   var checkFullyVisibleTags = useCallback(function () {
     if (multiline) {
       return setDisplayCount(maxVisible);
@@ -277,6 +281,10 @@ TagSet.propTypes = {
    * overflowClassName for the tooltip popup
    */
   overflowClassName: PropTypes.string,
+  /**
+   * Type of rendering displayed inside of the tag overflow component
+   */
+  overflowType: PropTypes.oneOf(['default', 'tag']),
   /**
    * label for the overflow show all tags link.
    *

package/es/components/TagSet/TagSetOverflow.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowTags", "showAllTagsLabel"];
+var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowTags", "overflowType", "showAllTagsLabel"];
 //
 // Copyright IBM Corp. 2021, 2022
 //
@@ -32,6 +32,7 @@ export var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$overflowAlign = _ref.overflowAlign,
     overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
     overflowTags = _ref.overflowTags,
+    overflowType = _ref.overflowType,
     showAllTagsLabel = _ref.showAllTagsLabel,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
@@ -81,12 +82,18 @@ export var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, overflowTags.filter(function (_, index) {
     return overflowTags.length > allTagsModalSearchThreshold ? index < allTagsModalSearchThreshold : index <= allTagsModalSearchThreshold;
   }).map(function (tag, index) {
+    var _cx2;
+    var tagProps = {};
+    if (overflowType === 'tag') {
+      tagProps.type = 'high-contrast';
+    }
+    if (overflowType === 'default') {
+      tagProps.filter = false;
+    }
     return /*#__PURE__*/React.createElement("li", {
-      className: "".concat(blockClass, "__tag-item"),
+      className: cx("".concat(blockClass, "__tag-item"), (_cx2 = {}, _defineProperty(_cx2, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), _defineProperty(_cx2, "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag'), _cx2)),
       key: index
-    }, /*#__PURE__*/React.cloneElement(tag, {
-      filter: false
-    }));
+    }, /*#__PURE__*/React.cloneElement(tag, tagProps));
   })), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/React.createElement(Link, {
     className: "".concat(blockClass, "__show-all-tags-link"),
     href: "",
@@ -116,6 +123,10 @@ TagSetOverflow.propTypes = {
    * tags shown in overflow
    */
   overflowTags: PropTypes.arrayOf(PropTypes.object).isRequired,
+  /**
+   * Type of rendering displayed inside of the tag overflow component
+   */
+  overflowType: PropTypes.oneOf(['default', 'tag']),
   /**
    * label for the overflow show all tags link
    */

package/es/components/index.js

@@ -41,4 +41,5 @@ export { Datagrid, useDatagrid, useInfiniteScroll, useNestedRows, useSelectRows,
 export { EditTearsheet, EditTearsheetForm } from './EditTearsheet';
 export { EditTearsheetNarrow } from './EditTearsheetNarrow';
 export { EditFullPage } from './EditFullPage';
-export { EditUpdateCards } from './EditUpdateCards';
+export { EditUpdateCards } from './EditUpdateCards';
+export { Checklist } from './Checklist';

package/es/global/js/hooks/useCreateComponentFocus.js

@@ -23,10 +23,9 @@ export var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
     }
   }, [onMount]);
   useEffect(function () {
-    var _ref2;
     // because of how handleStackChange.claimFocus in TearsheetShell works a timeout is required to focus on specific elements
-    var awaitFocus = function awaitFocus(_x) {
-      return (_ref2 = _ref2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(elm) {
+    var awaitFocus = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(elm) {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -39,8 +38,11 @@ export var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
               return _context.stop();
           }
         }, _callee);
-      }))).apply(this, arguments);
-    };
+      }));
+      return function awaitFocus(_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     if ((previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== currentStep && currentStep > 0) {
       if (firstFocusElement) {
         var elm = document.querySelector(firstFocusElement);

package/es/global/js/hooks/useCreateComponentStepChange.js

@@ -64,7 +64,6 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
 
   // useEffect to handle multi step logic
   useEffect(function () {
-    var _ref2, _ref3, _ref4, _ref5;
     var onUnmount = function onUnmount() {
       if (componentName !== 'CreateFullPage') {
         setCurrentStep(0);
@@ -72,8 +71,8 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
       setIsSubmitting(false);
       onClose();
     };
-    var handleOnRequestSubmit = function handleOnRequestSubmit() {
-      return (_ref2 = _ref2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var handleOnRequestSubmit = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -94,10 +93,13 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
               return _context.stop();
           }
         }, _callee, null, [[0, 6]]);
-      }))).apply(this, arguments);
-    };
-    var handlePrevious = function handlePrevious() {
-      return (_ref3 = _ref3 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      }));
+      return function handleOnRequestSubmit() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    var handlePrevious = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -127,10 +129,13 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
               return _context2.stop();
           }
         }, _callee2, null, [[2, 8]]);
-      }))).apply(this, arguments);
-    };
-    var handleNext = function handleNext() {
-      return (_ref4 = _ref4 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      }));
+      return function handlePrevious() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+    var handleNext = /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -161,10 +166,13 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
               return _context3.stop();
           }
         }, _callee3, null, [[2, 8]]);
-      }))).apply(this, arguments);
-    };
-    var handleSubmit = function handleSubmit() {
-      return (_ref5 = _ref5 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      }));
+      return function handleNext() {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+    var handleSubmit = /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -199,8 +207,11 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
               return _context4.stop();
           }
         }, _callee4, null, [[2, 9]]);
-      }))).apply(this, arguments);
-    };
+      }));
+      return function handleSubmit() {
+        return _ref5.apply(this, arguments);
+      };
+    }();
     if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 0) {
       var buttons = [];
       if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 1) {

package/es/global/js/package-settings.js

@@ -68,10 +68,12 @@ var defaults = {
     EditTearsheetForm: false,
     EditTearsheetNarrow: false,
     EditFullPage: false,
-    EditUpdateCards: false
+    EditUpdateCards: false,
     /* new component flags here - comment used by generate CLI */
-  },
 
+    // Novice to pro components not yet reviewed and released:
+    Checklist: false
+  },
   // feature level flags
   feature: {
     'default-portal-target-body': true,

package/es/global/js/utils/story-helper.js

@@ -205,6 +205,7 @@ export var storyDocsGuidelines = function storyDocsGuidelines(csfFile) {
  * @returns "dark" or "light"
  */
 export var getSelectedCarbonTheme = function getSelectedCarbonTheme() {
-  var themeId = document.querySelector('[storybook-carbon-theme]').getAttribute('storybook-carbon-theme');
+  var _document$querySelect;
+  var themeId = (_document$querySelect = document.querySelector('[storybook-carbon-theme]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute('storybook-carbon-theme');
   return themeId === 'g90' || themeId === 'g100' ? 'dark' : 'light';
 };

package/es/global/js/utils/test-helper.js

@@ -1,6 +1,5 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-var _ref, _ref2, _ref4, _ref5;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 //
 // Copyright IBM Corp. 2021, 2021
@@ -133,8 +132,8 @@ export var expectWarn = function expectWarn(message, test) {
  * An async version of expectWarn which awaits the test function and expects the call
  * to console.warn to have been made.
  */
-export var expectWarnAsync = function expectWarnAsync(_x, _x2) {
-  return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(message, test) {
+export var expectWarnAsync = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(message, test) {
     var _expect;
     var warn;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -152,8 +151,11 @@ export var expectWarnAsync = function expectWarnAsync(_x, _x2) {
           return _context.stop();
       }
     }, _callee);
-  }))).apply(this, arguments);
-};
+  }));
+  return function expectWarnAsync(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
 
 /**
  * A helper function to enable a test to expect multiple calls to
@@ -169,8 +171,8 @@ export var expectWarnAsync = function expectWarnAsync(_x, _x2) {
  * @param {Function} test the test function to call, during which the calls to
  * console.warn will be expected.
  */
-export var expectMultipleWarn = function expectMultipleWarn(_x3, _x4) {
-  return (_ref2 = _ref2 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(messages, test) {
+export var expectMultipleWarn = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(messages, test) {
     var warn, result;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -192,8 +194,11 @@ export var expectMultipleWarn = function expectMultipleWarn(_x3, _x4) {
           return _context2.stop();
       }
     }, _callee2);
-  }))).apply(this, arguments);
-};
+  }));
+  return function expectMultipleWarn(_x3, _x4) {
+    return _ref2.apply(this, arguments);
+  };
+}();
 export var checkLogging = function checkLogging(mockedThing, message) {
   if (message) {
     expect(mockedThing).toBeCalled();
@@ -215,8 +220,8 @@ export var checkLogging = function checkLogging(mockedThing, message) {
  * @param {Function} test the test function to call, during which the call to
  * console.error will be expected.
  */
-export var expectLogging = function expectLogging(_x5, _x6) {
-  return (_ref4 = _ref4 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref3, test) {
+export var expectLogging = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref3, test) {
     var errors, warnings, error, warn, result;
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
@@ -238,8 +243,11 @@ export var expectLogging = function expectLogging(_x5, _x6) {
           return _context3.stop();
       }
     }, _callee3);
-  }))).apply(this, arguments);
-};
+  }));
+  return function expectLogging(_x5, _x6) {
+    return _ref4.apply(this, arguments);
+  };
+}();
 
 /**
  * A helper function to enable a test to expect a single call to
@@ -276,8 +284,8 @@ export var expectError = function expectError(message, test) {
  * @param {Function} test the test function to call, during which the calls to
  * console.error will be expected.
  */
-export var expectMultipleError = function expectMultipleError(_x7, _x8) {
-  return (_ref5 = _ref5 || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(messages, test) {
+export var expectMultipleError = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(messages, test) {
     var error, result;
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
@@ -304,8 +312,11 @@ export var expectMultipleError = function expectMultipleError(_x7, _x8) {
           return _context4.stop();
       }
     }, _callee4);
-  }))).apply(this, arguments);
-};
+  }));
+  return function expectMultipleError(_x7, _x8) {
+    return _ref5.apply(this, arguments);
+  };
+}();
 
 /**
  * Return an expect matcher for a prop deprecation, suitable to pass to expectWarn

package/lib/components/APIKeyModal/APIKeyDownloader.js

@@ -13,8 +13,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _settings = require("../../settings");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Copyright IBM Corp. 2021, 2021
  *
@@ -23,7 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 
 var componentName = 'APIKeyDownloader';
-var APIKeyDownloader = function APIKeyDownloader(_ref) {
+var APIKeyDownloader = exports.APIKeyDownloader = function APIKeyDownloader(_ref) {
   var apiKey = _ref.apiKey,
     body = _ref.body,
     fileName = _ref.fileName,
@@ -34,9 +34,8 @@ var APIKeyDownloader = function APIKeyDownloader(_ref) {
     linkProps = _useState2[0],
     setLinkProps = _useState2[1];
   (0, _react.useEffect)(function () {
-    var _ref2;
-    var generateLinkProps = function generateLinkProps() {
-      return (_ref2 = _ref2 || (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var generateLinkProps = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var data, blob, href, download, props;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -62,8 +61,11 @@ var APIKeyDownloader = function APIKeyDownloader(_ref) {
               return _context.stop();
           }
         }, _callee);
-      }))).apply(this, arguments);
-    };
+      }));
+      return function generateLinkProps() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     generateLinkProps();
   }, [apiKey, fileName, fileType]);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -74,7 +76,6 @@ var APIKeyDownloader = function APIKeyDownloader(_ref) {
     className: "".concat(_settings.pkg.prefix, "--apikey-modal__download-link")
   }), linkText)));
 };
-exports.APIKeyDownloader = APIKeyDownloader;
 APIKeyDownloader.displayName = componentName;
 APIKeyDownloader.propTypes = {
   /**

package/lib/components/APIKeyModal/APIKeyModal.docs-page.js

@@ -11,8 +11,8 @@ var _StoryDocsPage = require("../../global/js/utils/StoryDocsPage");
 var _blocks = require("@storybook/blocks");
 var _storyHelper = require("../../global/js/utils/story-helper");
 var stories = _interopRequireWildcard(require("./APIKeyModal.stories"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var DocsPage = function DocsPage() {
   var _useOf = (0, _blocks.useOf)('meta', ['meta']),
     csfFile = _useOf.csfFile;
@@ -33,5 +33,4 @@ var DocsPage = function DocsPage() {
     }]
   });
 };
-var _default = DocsPage;
-exports.default = _default;
+var _default = exports.default = DocsPage;

package/lib/components/APIKeyModal/APIKeyModal.js

@@ -29,8 +29,8 @@ var _excluded = ["apiKey", "apiKeyLabel", "apiKeyName", "body", "className", "cl
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var componentName = 'APIKeyModal';
@@ -40,8 +40,7 @@ var defaults = {
   apiKeyName: '',
   customSteps: Object.freeze([])
 };
-var APIKeyModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _ref2;
+var APIKeyModal = exports.APIKeyModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var apiKey = _ref.apiKey,
     apiKeyLabel = _ref.apiKeyLabel,
     _ref$apiKeyName = _ref.apiKeyName,
@@ -176,8 +175,8 @@ var APIKeyModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     setCurrentStep(0);
     onClose();
   };
-  var submitHandler = function submitHandler(_x) {
-    return (_ref2 = _ref2 || (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+  var submitHandler = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -227,8 +226,11 @@ var APIKeyModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
             return _context.stop();
         }
       }, _callee, null, [[10, 15]]);
-    }))).apply(this, arguments);
-  };
+    }));
+    return function submitHandler(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var onBackHandler = function onBackHandler() {
     if (hasPreviousStep && !apiKeyLoaded) {
       setCurrentStep(currentStep - 1);
@@ -313,7 +315,6 @@ var APIKeyModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     disabled: isPrimaryButtonDisabled()
   }), getPrimaryButtonText()))));
 });
-exports.APIKeyModal = APIKeyModal;
 var customStepsRequiredProps = function customStepsRequiredProps(type) {
   return (0, _propsHelper.isRequiredIf)(type, function (_ref3) {
     var customSteps = _ref3.customSteps;

package/lib/components/AboutModal/AboutModal.docs-page.js

@@ -9,8 +9,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _StoryDocsPage = require("../../global/js/utils/StoryDocsPage");
 var stories = _interopRequireWildcard(require("./AboutModal.stories"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var DocsPage = function DocsPage() {
   return /*#__PURE__*/_react.default.createElement(_StoryDocsPage.StoryDocsPage, {
     guidelinesHref: "https://pages.github.ibm.com/cdai-design/pal/patterns/about-modal/usage",
@@ -28,5 +28,4 @@ var DocsPage = function DocsPage() {
     }]
   });
 };
-var _default = DocsPage;
-exports.default = _default;
+var _default = exports.default = DocsPage;

package/lib/components/AboutModal/AboutModal.js

@@ -29,8 +29,8 @@ var _excluded = ["additionalInfo", "className", "closeIconDescription", "copyrig
 // Import portions of React that are needed.
 // Other standard imports.
 // Carbon and package components we use.
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -46,7 +46,7 @@ var componentName = 'AboutModal';
  * should be immediately apparent to the user, with a clear and obvious path
  * to completion.
  */
-var AboutModal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+var AboutModal = exports.AboutModal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var additionalInfo = _ref.additionalInfo,
     className = _ref.className,
     closeIconDescription = _ref.closeIconDescription,
@@ -133,7 +133,6 @@ var AboutModal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.AboutModal = AboutModal;
 exports.AboutModal = AboutModal = _settings.pkg.checkComponentEnabled(AboutModal, componentName);
 AboutModal.displayName = componentName;