@carbon/ibm-products 1.6.1 → 1.9.0

package/es/components/TagSet/TagSetOverflow.js

@@ -1,5 +1,8 @@
+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", "overflowDirection", "overflowTags", "showAllTagsLabel"];
 //
 // Copyright IBM Corp. 2021, 2021
 //
@@ -13,15 +16,25 @@ import { Link, Tag, Tooltip } from 'carbon-components-react';
 import { pkg } from '../../settings';
 import { noop } from '../../global/js/utils/pconsole';
 var componentName = 'TagSetOverflow';
-var blockClass = "".concat(pkg.prefix, "--tag-set-overflow");
+var blockClass = "".concat(pkg.prefix, "--tag-set-overflow"); // Default values for props
+
+var defaults = {
+  allTagsModalSearchThreshold: 10,
+  overflowAlign: 'center',
+  overflowDirection: 'bottom'
+};
 export var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-      overflowTags = _ref.overflowTags,
+  var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
+      allTagsModalSearchThreshold = _ref$allTagsModalSear === void 0 ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
+      className = _ref.className,
       onShowAllClick = _ref.onShowAllClick,
-      overflowAlign = _ref.overflowAlign,
-      overflowDirection = _ref.overflowDirection,
+      _ref$overflowAlign = _ref.overflowAlign,
+      overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
+      _ref$overflowDirectio = _ref.overflowDirection,
+      overflowDirection = _ref$overflowDirectio === void 0 ? defaults.overflowDirection : _ref$overflowDirectio,
+      overflowTags = _ref.overflowTags,
       showAllTagsLabel = _ref.showAllTagsLabel,
-      allTagsModalSearchThreshold = _ref.allTagsModalSearchThreshold;
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -42,11 +55,11 @@ export var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onShowAllClick();
   };
 
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
     "aria-hidden": overflowTags.length === 0,
     className: cx("".concat(blockClass), _defineProperty({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
     ref: ref
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }), /*#__PURE__*/React.createElement(Tooltip, {
     align: overflowAlign,
     className: cx(className, "".concat(blockClass, "__tooltip")),
     direction: overflowDirection,
@@ -113,9 +126,4 @@ TagSetOverflow.propTypes = {
    * label for the overflow show all tags link
    */
   showAllTagsLabel: PropTypes.string
-};
-TagSetOverflow.defaultProps = {
-  allTagsModalSearchThreshold: 10,
-  overflowAlign: 'center',
-  overflowDirection: 'bottom'
 };

package/es/components/Tearsheet/Tearsheet.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["influencerPosition", "influencerWidth", "verticalPosition"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -16,14 +17,20 @@ import React from 'react'; // Other standard imports.
 
 import PropTypes from 'prop-types';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import { allPropTypes, prepareProps } from '../../global/js/utils/props-helper';
+import { allPropTypes } from '../../global/js/utils/props-helper';
 import { pkg } from '../../settings'; // Carbon and package components we use.
 
 import { Button } from 'carbon-components-react';
 import { ActionSet } from '../ActionSet';
 import { tearsheetHasCloseIcon, TearsheetShell } from './TearsheetShell';
 var componentName = 'Tearsheet'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+// Default values for props
 
+var defaults = {
+  influencerPosition: 'left',
+  influencerWidth: 'narrow',
+  verticalPosition: 'lower'
+};
 /**
  * A tearsheet is a mostly full-screen type of dialog that keeps users
  * in-context and focused by bringing actionable content front and center while
@@ -37,11 +44,22 @@ var componentName = 'Tearsheet'; // NOTE: the component SCSS is not imported her
  * action buttons.
  */
 
-export var Tearsheet = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(TearsheetShell, _extends({}, getDevtoolsProps(componentName), prepareProps(props, [], {
+export var Tearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$influencerPositi = _ref.influencerPosition,
+      influencerPosition = _ref$influencerPositi === void 0 ? defaults.influencerPosition : _ref$influencerPositi,
+      _ref$influencerWidth = _ref.influencerWidth,
+      influencerWidth = _ref$influencerWidth === void 0 ? defaults.influencerWidth : _ref$influencerWidth,
+      _ref$verticalPosition = _ref.verticalPosition,
+      verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(TearsheetShell, _objectSpread(_objectSpread(_objectSpread({}, getDevtoolsProps(componentName)), rest), {}, {
+    influencerPosition: influencerPosition,
+    influencerWidth: influencerWidth,
+    verticalPosition: verticalPosition,
     ref: ref,
     size: 'wide'
-  })));
+  }));
 }); // Return a placeholder if not released and not enabled by feature flag
 
 Tearsheet = pkg.checkComponentEnabled(Tearsheet, componentName); // The display name of the component, used by React. Note that displayName
@@ -100,9 +118,9 @@ Tearsheet.propTypes = _objectSpread({
    * **Note:** This prop is only required if a close icon is shown, i.e. if
    * there are a no navigation actions and/or hasCloseIcon is true.
    */
-  closeIconDescription: PropTypes.string.isRequired.if(function (_ref) {
-    var actions = _ref.actions,
-        hasCloseIcon = _ref.hasCloseIcon;
+  closeIconDescription: PropTypes.string.isRequired.if(function (_ref2) {
+    var actions = _ref2.actions,
+        hasCloseIcon = _ref2.hasCloseIcon;
     return tearsheetHasCloseIcon(actions, hasCloseIcon);
   }),
 
@@ -168,13 +186,4 @@ Tearsheet.propTypes = _objectSpread({
    * The main title of the tearsheet, displayed in the header area.
    */
   title: PropTypes.node
-}, deprecatedProps); // Default values for component props. Default values are not required for
-// props that are required, nor for props where the component can apply
-// 'undefined' values reasonably. Default values should be provided when the
-// component needs to make a choice or assumption when a prop is not supplied.
-
-Tearsheet.defaultProps = {
-  influencerPosition: 'left',
-  influencerWidth: 'narrow',
-  verticalPosition: 'lower'
-};
+}, deprecatedProps);

package/es/components/Tearsheet/TearsheetNarrow.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["verticalPosition"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -23,7 +24,11 @@ import { Button } from 'carbon-components-react';
 import { ActionSet } from '../ActionSet';
 import { tearsheetHasCloseIcon, TearsheetShell, tearsheetShellWideProps as blocked } from './TearsheetShell';
 var componentName = 'TearsheetNarrow'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+// Default values for props
 
+var defaults = {
+  verticalPosition: 'lower'
+};
 /**
  * A narrow tearsheet is a slimmer variant of the tearsheet, providing a dialog
  * that keeps users in-context and focused by bringing actionable content front
@@ -33,11 +38,16 @@ var componentName = 'TearsheetNarrow'; // NOTE: the component SCSS is not import
  * main content area, and a set of action buttons.
  */
 
-export var TearsheetNarrow = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(TearsheetShell, _extends({}, getDevtoolsProps(componentName), prepareProps(props, blocked, {
+export var TearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$verticalPosition = _ref.verticalPosition,
+      verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(TearsheetShell, _objectSpread(_objectSpread(_objectSpread({}, getDevtoolsProps(componentName)), prepareProps(rest, blocked)), {}, {
+    verticalPosition: verticalPosition,
     ref: ref,
     size: 'narrow'
-  })));
+  }));
 }); // Return a placeholder if not released and not enabled by feature flag
 
 TearsheetNarrow = pkg.checkComponentEnabled(TearsheetNarrow, componentName); // The display name of the component, used by React. Note that displayName
@@ -96,9 +106,9 @@ TearsheetNarrow.propTypes = _objectSpread({
    * **Note:** This prop is only required if a close icon is shown, i.e. if
    * there are a no navigation actions and/or hasCloseIcon is true.
    */
-  closeIconDescription: PropTypes.string.isRequired.if(function (_ref) {
-    var actions = _ref.actions,
-        hasCloseIcon = _ref.hasCloseIcon;
+  closeIconDescription: PropTypes.string.isRequired.if(function (_ref2) {
+    var actions = _ref2.actions,
+        hasCloseIcon = _ref2.hasCloseIcon;
     return tearsheetHasCloseIcon(actions, hasCloseIcon);
   }),
 
@@ -138,11 +148,4 @@ TearsheetNarrow.propTypes = _objectSpread({
    * The main title of the tearsheet, displayed in the header area.
    */
   title: PropTypes.node
-}, deprecatedProps); // Default values for component props. Default values are not required for
-// props that are required, nor for props where the component can apply
-// 'undefined' values reasonably. Default values should be provided when the
-// component needs to make a choice or assumption when a prop is not supplied.
-
-TearsheetNarrow.defaultProps = {
-  verticalPosition: 'lower'
-};
+}, deprecatedProps);

package/es/components/Tearsheet/TearsheetShell.js

@@ -15,7 +15,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * LICENSE file in the root directory of this source tree.
  */
 // Import portions of React that are needed.
-import React, { useEffect, useLayoutEffect, useState, useRef } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import { useResizeDetector } from 'react-resize-detector'; // Other standard imports.
 
 import PropTypes from 'prop-types';
@@ -120,10 +120,9 @@ export var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setTimeout(function () {
       return element.focus();
     }, 1);
-  }; // Hook called whenever the tearsheet mounts, unmounts, or 'open' changes.
+  };
 
-
-  useLayoutEffect(function () {
+  useEffect(function () {
     var notify = function notify() {
       return stack.all.forEach(function (handler) {
         handler(Math.min(stack.open.length, maxDepth), stack.open.indexOf(handler) + 1);

package/es/components/Toolbar/ToolbarButton.js

@@ -50,8 +50,5 @@ ToolbarButton.propTypes = {
   /** Provide an optional class to be applied to the containing node */
   className: string
 };
-ToolbarButton.defaultProps = {
-  caret: false
-};
 ToolbarButton = pkg.checkComponentEnabled(ToolbarButton, componentName);
 export { blockClass, ToolbarButton };

package/es/components/WebTerminal/WebTerminal.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 = ["children", "className", "closeTerminal", "documentationLinks", "documentationLinksIconDescription", "open", "actions", "closeIconDescription"];
+var _excluded = ["actions", "children", "className", "closeIconDescription", "closeTerminal", "documentationLinks", "documentationLinksIconDescription", "open"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -25,18 +25,27 @@ import { Close16 as Close, Help16 as Help } from '@carbon/icons-react';
 import { Button, OverflowMenu, OverflowMenuItem } from 'carbon-components-react'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var componentName = 'WebTerminal';
-var blockClass = "".concat(pkg.prefix, "--web-terminal");
+var blockClass = "".concat(pkg.prefix, "--web-terminal"); // Default values for props
+
+var defaults = {
+  actions: Object.freeze([]),
+  documentationLinks: Object.freeze([]),
+  documentationLinksIconDescription: 'Show documentation links'
+};
 export var WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref2;
 
-  var children = _ref.children,
+  var _ref$actions = _ref.actions,
+      actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
+      children = _ref.children,
       className = _ref.className,
+      closeIconDescription = _ref.closeIconDescription,
       closeTerminal = _ref.closeTerminal,
-      documentationLinks = _ref.documentationLinks,
-      documentationLinksIconDescription = _ref.documentationLinksIconDescription,
+      _ref$documentationLin = _ref.documentationLinks,
+      documentationLinks = _ref$documentationLin === void 0 ? defaults.documentationLinks : _ref$documentationLin,
+      _ref$documentationLin2 = _ref.documentationLinksIconDescription,
+      documentationLinksIconDescription = _ref$documentationLin2 === void 0 ? defaults.documentationLinksIconDescription : _ref$documentationLin2,
       open = _ref.open,
-      actions = _ref.actions,
-      closeIconDescription = _ref.closeIconDescription,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(open),
@@ -61,7 +70,7 @@ export var WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
   return shouldRender ? /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     ref: ref,
-    className: cx([blockClass, (_ref2 = {}, _defineProperty(_ref2, "".concat(blockClass, "--open"), open), _defineProperty(_ref2, "".concat(blockClass, "--closed"), !open), _defineProperty(_ref2, className, className), _ref2)]),
+    className: cx([className, blockClass, (_ref2 = {}, _defineProperty(_ref2, "".concat(blockClass, "--open"), open), _defineProperty(_ref2, "".concat(blockClass, "--closed"), !open), _ref2)]),
     style: {
       animation: "".concat(open ? 'web-terminal-entrance 250ms' : 'web-terminal-exit 250ms')
     },
@@ -155,14 +164,4 @@ WebTerminal.propTypes = {
    * Boolean that determines if the web terminal is opened or closed
    */
   open: PropTypes.bool.isRequired
-}; // Default values for component props. Default values are not required for
-// props that are required, nor for props where the component can apply
-// 'undefined' values reasonably. Default values should be provided when the
-// component needs to make a choice or assumption when a prop is not supplied.
-
-WebTerminal.defaultProps = {
-  actions: [],
-  documentationLinks: [],
-  documentationLinksIconDescription: 'Show documentation links',
-  className: ''
 };

package/es/components/index.js

@@ -36,5 +36,5 @@ export { UserProfileImage } from './UserProfileImage';
 export { WebTerminal } from './WebTerminal';
 export { EditSidePanel } from './EditSidePanel';
 export { OptionsTile } from './OptionsTile';
-export { CancelableTextEdit } from './CancelableTextEdit';
-export { InlineEdit } from './InlineEdit';
+export { InlineEdit } from './InlineEdit';
+export { DataSpreadsheet } from './DataSpreadsheet';

package/es/global/js/hooks/index.js

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+export { useActiveElement } from './useActiveElement';
 export { useNearestScroll, useWindowScroll } from './useWindowScroll';
 export { useWindowResize } from './useWindowResize';
 export { useClickOutside } from './useClickOutside';

package/es/global/js/hooks/useActiveElement.js

@@ -0,0 +1,27 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useState, useEffect } from 'react';
+export var useActiveElement = function useActiveElement() {
+  var _useState = useState(document.activeElement),
+      _useState2 = _slicedToArray(_useState, 2),
+      active = _useState2[0],
+      setActive = _useState2[1];
+
+  var handleFocusIn = function handleFocusIn() {
+    setActive(document.activeElement);
+  };
+
+  useEffect(function () {
+    document.addEventListener('focusin', handleFocusIn);
+    return function () {
+      document.removeEventListener('focusin', handleFocusIn);
+    };
+  }, []);
+  return active;
+};

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

@@ -63,7 +63,8 @@ var defaults = {
     EditSidePanel: false,
     OptionsTile: false,
     CancelableTextEdit: false,
-    InlineEdit: false
+    InlineEdit: false,
+    DataSpreadsheet: false
     /* new component flags here - comment used by generate CLI */
 
   },

package/es/global/js/utils/DisplayBox.js

@@ -0,0 +1,31 @@
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import PropTypes from 'prop-types';
+import React from 'react';
+import cx from 'classnames';
+var blockClass = 'ccs-sb--display-box';
+export var DisplayBox = function DisplayBox(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      msg = _ref.msg;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx(blockClass, className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(blockClass, "__indicator")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(blockClass, "__message")
+  }, msg || /*#__PURE__*/React.createElement(React.Fragment, null, "width available to component", /*#__PURE__*/React.createElement("br", null), "(use containerWidth control to adjust)")), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(blockClass, "__indicator--left")
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(blockClass, "__indicator--right")
+  })), children);
+};
+DisplayBox.propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  msg: PropTypes.node
+};

package/es/global/js/utils/Wrap.js

@@ -25,6 +25,11 @@ var isEmpty = function isEmpty(children) {
     }
   });
   return result;
+}; // Default values for props
+
+
+var defaults = {
+  element: 'div'
 };
 /**
  * A simple conditional wrapper that encloses its children in a <div> (or other
@@ -37,11 +42,11 @@ var isEmpty = function isEmpty(children) {
  * remain undefined if it does not render.
  */
 
-
 export var Wrap = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var alwaysRender = _ref.alwaysRender,
       children = _ref.children,
-      Wrapper = _ref.element,
+      _ref$element = _ref.element,
+      Wrapper = _ref$element === void 0 ? defaults.element : _ref$element,
       neverRender = _ref.neverRender,
       rest = _objectWithoutProperties(_ref, _excluded);
 
@@ -79,7 +84,4 @@ Wrap.propTypes = {
    * content will be rendered.
    */
   neverRender: PropTypes.bool
-};
-Wrap.defaultProps = {
-  element: 'div'
 };

package/es/global/js/utils/deepCloneObject.js

@@ -0,0 +1,26 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// Utility to return a deep clone of a nested object or array.
+export var deepCloneObject = function deepCloneObject(objectToClone) {
+  // Return the value if objectToClone is not an object
+  if (_typeof(objectToClone) !== 'object' || objectToClone === null) {
+    return objectToClone;
+  } // Create a new array/object to hold the values
+
+
+  var clonedObject = Array.isArray(objectToClone) ? [] : {};
+
+  for (var key in objectToClone) {
+    var value = objectToClone[key]; // Recursively check for nested objects/arrays
+
+    clonedObject[key] = deepCloneObject(value);
+  }
+
+  return clonedObject;
+};

package/es/global/js/utils/getScrollbarWidth.js

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export var getScrollbarWidth = function getScrollbarWidth() {
+  var scrollDiv = document.createElement('div');
+  scrollDiv.setAttribute('style', 'width: 100px; height: 100px; overflow: scroll; position:absolute; top:-9999px;');
+  document.body.appendChild(scrollDiv);
+  var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+  document.body.removeChild(scrollDiv);
+  return scrollbarWidth;
+};

package/lib/components/APIKeyModal/APIKeyModal.js

@@ -51,18 +51,25 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var componentName = 'APIKeyModal';
+var componentName = 'APIKeyModal'; // Default values for props
+
+var defaults = {
+  apiKeyName: '',
+  customSteps: Object.freeze([])
+};
 var APIKeyModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var apiKey = _ref.apiKey,
       apiKeyLabel = _ref.apiKeyLabel,
-      apiKeyName = _ref.apiKeyName,
+      _ref$apiKeyName = _ref.apiKeyName,
+      apiKeyName = _ref$apiKeyName === void 0 ? defaults.apiKeyName : _ref$apiKeyName,
       body = _ref.body,
       className = _ref.className,
       closeButtonText = _ref.closeButtonText,
       copyButtonText = _ref.copyButtonText,
       copyErrorText = _ref.copyErrorText,
       copyIconDescription = _ref.copyIconDescription,
-      customSteps = _ref.customSteps,
+      _ref$customSteps = _ref.customSteps,
+      customSteps = _ref$customSteps === void 0 ? defaults.customSteps : _ref$customSteps,
       downloadBodyText = _ref.downloadBodyText,
       downloadFileName = _ref.downloadFileName,
       downloadFileType = _ref.downloadFileType,
@@ -602,14 +609,4 @@ APIKeyModal.propTypes = {
    */
   showAPIKeyLabel: _propTypes.default.string
 };
-APIKeyModal.defaultProps = {
-  apiKeyName: '',
-  customSteps: [],
-  error: false,
-  hasAPIKeyVisibilityToggle: false,
-  hasDownloadLink: false,
-  loading: false,
-  nameRequired: false,
-  open: false
-};
 APIKeyModal.displayName = componentName;

package/lib/components/ActionBar/ActionBar.js

@@ -291,7 +291,4 @@ ActionBar.propTypes = {
    * align tags to right of available space
    */
   rightAlign: _propTypes.default.bool
-};
-ActionBar.defaultProps = {
-  rightAlign: false
 };

package/lib/components/ActionBar/ActionBarItem.js

@@ -56,14 +56,11 @@ exports.ActionBarItem = ActionBarItem = _settings.pkg.checkComponentEnabled(Acti
 
 var reservedProps = ['hasIconOnly', 'kind', 'size', 'tooltipPosition', 'tooltipAlignment', 'type']; // Base props on Carbon Button
 
-var propTypes = _objectSpread({}, _carbonComponentsReact.Button.propTypes);
-
-var defaultProps = _objectSpread({}, _carbonComponentsReact.Button.defaultProps); // Remove reserved props
+var propTypes = _objectSpread({}, _carbonComponentsReact.Button.propTypes); // Remove reserved props
 
 
 reservedProps.forEach(function (prop) {
   delete propTypes[prop];
-  delete defaultProps[prop];
 });
 ActionBarItem.displayName = componentName;
 ActionBarItem.propTypes = _objectSpread(_objectSpread({}, propTypes), {}, {
@@ -103,5 +100,4 @@ ActionBarItem.propTypes = _objectSpread(_objectSpread({}, propTypes), {}, {
    * (inherited from Carbon Button)
    */
   renderIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
-});
-ActionBarItem.defaultProps = _objectSpread({}, defaultProps);
+});

package/lib/components/ActionSet/ActionSet.js

@@ -25,7 +25,7 @@ var _propsHelper = require("../../global/js/utils/props-helper");
 
 var _carbonComponentsReact = require("carbon-components-react");
 
-var _excluded = ["className", "disabled", "kind", "label", "loading", "onClick", "size"],
+var _excluded = ["className", "disabled", "kind", "label", "loading"],
     _excluded2 = ["actions", "buttonSize", "className", "size"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -41,17 +41,13 @@ var ActionSetButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
       kind = _ref.kind,
       label = _ref.label,
       loading = _ref.loading,
-      onClick = _ref.onClick,
-      size = _ref.size,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, (0, _extends2.default)({}, rest, {
     isExpressive: true,
     className: (0, _classnames.default)(className, ["".concat(blockClass, "__action-button"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__action-button--ghost"), kind === 'ghost' || kind === 'danger--ghost')]),
     disabled: disabled || loading || false,
     kind: kind,
-    onClick: onClick,
-    ref: ref,
-    size: size
+    ref: ref
   }), label, loading && /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.InlineLoading, null));
 });
 
@@ -61,10 +57,15 @@ ActionSetButton.propTypes = _objectSpread(_objectSpread({}, _carbonComponentsRea
   label: _propTypes.default.string,
   loading: _propTypes.default.bool
 });
-var defaultKind = _carbonComponentsReact.Button.defaultProps.kind;
+var defaultKind = 'primary';
 
 var willStack = function willStack(size, numberOfActions) {
   return size === 'xs' || size === 'sm' || size === 'md' && numberOfActions > 2;
+}; // Default values for props
+
+
+var defaults = {
+  size: 'md'
 };
 /**
  * An ActionSet presents a set of action buttons, constructed from bundles
@@ -79,14 +80,14 @@ var willStack = function willStack(size, numberOfActions) {
  * right.
  */
 
-
 var ActionSet = /*#__PURE__*/_react.default.forwardRef(function (_ref3, ref) {
   var _actions$slice, _cx;
 
   var actions = _ref3.actions,
       buttonSize = _ref3.buttonSize,
       className = _ref3.className,
-      size = _ref3.size,
+      _ref3$size = _ref3.size,
+      size = _ref3$size === void 0 ? defaults.size : _ref3$size,
       rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
   var buttons = actions && ((_actions$slice = actions.slice) === null || _actions$slice === void 0 ? void 0 : _actions$slice.call(actions, 0)) || []; // We stack the buttons in a xs/sm set, or if there are three or more in a md set.
 
@@ -147,7 +148,7 @@ ActionSet.validateActions = function (sizeFn) {
     var problems = [];
 
     if (actions > 0) {
-      var size = sizeFn ? sizeFn(props) : props.size;
+      var size = sizeFn ? sizeFn(props) : props.size || defaults.size;
       var stacking = willStack(size, actions);
 
       var countActions = function countActions(kind) {
@@ -211,7 +212,4 @@ ActionSet.propTypes = {
    * different sizes, to make best use of the available space.
    */
   size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xlg', 'max'])
-};
-ActionSet.defaultProps = {
-  size: 'md'
 };