@carbon/ibm-products 1.7.0 → 1.8.0

package/es/components/DataSpreadsheet/createActiveCellFn.js

@@ -0,0 +1,45 @@
+/**
+ * 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 { px } from '@carbon/layout';
+import { pkg } from '../../settings';
+export var createActiveCellFn = function createActiveCellFn(_ref) {
+  var placementElement = _ref.placementElement,
+      coords = _ref.coords,
+      _ref$addToHeader = _ref.addToHeader,
+      addToHeader = _ref$addToHeader === void 0 ? false : _ref$addToHeader,
+      contextRef = _ref.contextRef,
+      _ref$blockClass = _ref.blockClass,
+      blockClass = _ref$blockClass === void 0 ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
+      onActiveCellChange = _ref.onActiveCellChange,
+      activeCellValue = _ref.activeCellValue;
+
+  if (!coords) {
+    return;
+  } // If the active cell is in the column header row (very first), we need to append this element
+  // to `.${blockClass}__header--container`, otherwise it should be appended to `.${blockClass}__listContainer` firstElementChild
+
+
+  var activeElementContainer = addToHeader ? contextRef === null || contextRef === void 0 ? void 0 : contextRef.current.querySelector(".".concat(blockClass, "__header--container")) : contextRef === null || contextRef === void 0 ? void 0 : contextRef.current.querySelector(".".concat(blockClass, "__list--container")).firstElementChild;
+  var relativePosition = {
+    top: placementElement.getBoundingClientRect().top - activeElementContainer.getBoundingClientRect().top,
+    left: placementElement.getBoundingClientRect().left - activeElementContainer.getBoundingClientRect().left
+  };
+  var activeCellButton = (contextRef === null || contextRef === void 0 ? void 0 : contextRef.current.querySelector(".".concat(blockClass, "__active-cell--highlight"))) || document.createElement('button');
+  activeCellButton.classList.add("".concat(blockClass, "__active-cell--highlight"), "".concat(blockClass, "--interactive-cell-element"));
+  activeCellButton.style.width = px(placementElement === null || placementElement === void 0 ? void 0 : placementElement.offsetWidth);
+  activeCellButton.style.height = px(placementElement === null || placementElement === void 0 ? void 0 : placementElement.offsetHeight);
+  activeCellButton.style.left = px(relativePosition.left);
+  activeCellButton.style.top = px(relativePosition.top);
+  activeCellButton.setAttribute('data-active-row-index', typeof (coords === null || coords === void 0 ? void 0 : coords.row) === 'number' ? coords.row : 'header');
+  activeCellButton.setAttribute('data-active-column-index', typeof (coords === null || coords === void 0 ? void 0 : coords.column) === 'number' ? coords.column : 'header');
+  activeElementContainer.appendChild(activeCellButton);
+  activeCellButton.focus();
+
+  if (typeof (coords === null || coords === void 0 ? void 0 : coords.column) === 'number' && typeof (coords === null || coords === void 0 ? void 0 : coords.row) === 'number') {
+    onActiveCellChange(activeCellValue);
+  }
+};

package/es/components/DataSpreadsheet/getCellSize.js

@@ -0,0 +1,30 @@
+/**
+ * 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 { baseFontSize, sizeXSmall as compact, sizeSmall as standard, sizeMedium as medium, sizeLarge as large } from '@carbon/layout';
+
+var getSizeInPixels = function getSizeInPixels(carbonSize) {
+  return Number(carbonSize.replace('rem', '') * baseFontSize);
+};
+
+export var getCellSize = function getCellSize(cellSize) {
+  switch (cellSize) {
+    case 'compact':
+      return getSizeInPixels(compact);
+
+    case 'standard':
+      return getSizeInPixels(standard);
+
+    case 'medium':
+      return getSizeInPixels(medium);
+
+    case 'large':
+      return getSizeInPixels(large);
+
+    default:
+      return getSizeInPixels(standard);
+  }
+};

package/es/components/EditSidePanel/EditSidePanel.js

@@ -31,7 +31,12 @@ import '../../global/js/utils/props-helper'; // The block part of our convention
 var blockClass = "".concat(pkg.prefix, "--edit-side-panel");
 var sidePanelBlockClass = "".concat(pkg.prefix, "--side-panel");
 var componentName = 'EditSidePanel'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+// Default values for props
 
+var defaults = {
+  placement: 'right',
+  size: 'md'
+};
 /**
  * TODO: A description of the component.
  */
@@ -45,12 +50,14 @@ export var EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onRequestClose = _ref.onRequestClose,
       onRequestSubmit = _ref.onRequestSubmit,
       open = _ref.open,
-      placement = _ref.placement,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? defaults.placement : _ref$placement,
       primaryButtonText = _ref.primaryButtonText,
       secondaryButtonText = _ref.secondaryButtonText,
       selectorPrimaryFocus = _ref.selectorPrimaryFocus,
       selectorPageContent = _ref.selectorPageContent,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaults.size : _ref$size,
       slideIn = _ref.slideIn,
       subtitle = _ref.subtitle,
       title = _ref.title,
@@ -198,12 +205,4 @@ EditSidePanel.propTypes = {
    * The title of the CreateSidePanel is usually the product or service name.
    */
   title: PropTypes.node.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.
-
-EditSidePanel.defaultProps = {
-  placement: 'right',
-  size: 'md'
 };

package/es/components/EmptyStates/EmptyState.js

@@ -25,14 +25,19 @@ import { pkg } from '../../settings';
 import { EmptyStateContent } from './EmptyStateContent'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var blockClass = "".concat(pkg.prefix, "--empty-state");
-var componentName = 'EmptyState';
+var componentName = 'EmptyState'; // Default values for props
+
+export var defaults = {
+  size: 'lg'
+};
 export var EmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var action = _ref.action,
       className = _ref.className,
       illustration = _ref.illustration,
       illustrationDescription = _ref.illustrationDescription,
       link = _ref.link,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaults.size : _ref$size,
       subtitle = _ref.subtitle,
       title = _ref.title,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -58,9 +63,6 @@ export var EmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 }); // Return a placeholder if not released and not enabled by feature flag
 
 EmptyState = pkg.checkComponentEnabled(EmptyState, componentName);
-export var EmptyStateDefaultProps = {
-  size: 'lg'
-};
 EmptyState.propTypes = {
   /**
    * Empty state action button
@@ -114,5 +116,4 @@ EmptyState.propTypes = {
    */
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired
 };
-EmptyState.defaultProps = EmptyStateDefaultProps;
 EmptyState.displayName = componentName;

package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js

@@ -23,7 +23,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools';
 import { pkg } from '../../../settings';
 import { EmptyStateContent } from '../EmptyStateContent';
 import { ErrorIllustration } from '../assets/ErrorIllustration';
-import { EmptyStateDefaultProps } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M).
+import { defaults } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 var componentName = 'ErrorEmptyState';
@@ -32,7 +32,8 @@ export var ErrorEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
       className = _ref.className,
       illustrationTheme = _ref.illustrationTheme,
       link = _ref.link,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaults.size : _ref$size,
       subtitle = _ref.subtitle,
       title = _ref.title,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -105,9 +106,4 @@ ErrorEmptyState.propTypes = {
    * Empty state title
    */
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).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.
-
-ErrorEmptyState.defaultProps = EmptyStateDefaultProps;
+};

package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js

@@ -23,7 +23,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools';
 import { pkg } from '../../../settings';
 import { EmptyStateContent } from '../EmptyStateContent';
 import { NoDataIllustration } from '../assets/NoDataIllustration';
-import { EmptyStateDefaultProps } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M).
+import { defaults } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 var componentName = 'NoDataEmptyState';
@@ -32,7 +32,8 @@ export var NoDataEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
       className = _ref.className,
       illustrationTheme = _ref.illustrationTheme,
       link = _ref.link,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaults.size : _ref$size,
       subtitle = _ref.subtitle,
       title = _ref.title,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -105,9 +106,4 @@ NoDataEmptyState.propTypes = {
    * Empty state title
    */
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).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.
-
-NoDataEmptyState.defaultProps = EmptyStateDefaultProps;
+};

package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js

@@ -23,7 +23,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools';
 import { pkg } from '../../../settings';
 import { EmptyStateContent } from '../EmptyStateContent';
 import { NoTagsIllustration } from '../assets/NoTagsIllustration';
-import { EmptyStateDefaultProps } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M).
+import { defaults } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 var componentName = 'NoTagsEmptyState';
@@ -32,7 +32,8 @@ export var NoTagsEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref)
       className = _ref.className,
       illustrationTheme = _ref.illustrationTheme,
       link = _ref.link,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaults.size : _ref$size,
       subtitle = _ref.subtitle,
       title = _ref.title,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -105,9 +106,4 @@ NoTagsEmptyState.propTypes = {
    * Empty state title
    */
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).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.
-
-NoTagsEmptyState.defaultProps = EmptyStateDefaultProps;
+};

package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js

@@ -23,7 +23,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools';
 import { pkg } from '../../../settings';
 import { EmptyStateContent } from '../EmptyStateContent';
 import { NotFoundIllustration } from '../assets/NotFoundIllustration';
-import { EmptyStateDefaultProps } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M).
+import { defaults } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 var componentName = 'NotFoundEmptyState';
@@ -32,7 +32,8 @@ export var NotFoundEmptyState = /*#__PURE__*/React.forwardRef(function (_ref, re
       className = _ref.className,
       illustrationTheme = _ref.illustrationTheme,
       link = _ref.link,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaults.size : _ref$size,
       subtitle = _ref.subtitle,
       title = _ref.title,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -105,9 +106,4 @@ NotFoundEmptyState.propTypes = {
    * Empty state title
    */
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).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.
-
-NotFoundEmptyState.defaultProps = EmptyStateDefaultProps;
+};

package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js

@@ -23,7 +23,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools';
 import { pkg } from '../../../settings';
 import { EmptyStateContent } from '../EmptyStateContent';
 import { NotificationsIllustration } from '../assets/NotificationsIllustration';
-import { EmptyStateDefaultProps } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M).
+import { defaults } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 var componentName = 'NotificationsEmptyState';
@@ -32,7 +32,8 @@ export var NotificationsEmptyState = /*#__PURE__*/React.forwardRef(function (_re
       className = _ref.className,
       illustrationTheme = _ref.illustrationTheme,
       link = _ref.link,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaults.size : _ref$size,
       subtitle = _ref.subtitle,
       title = _ref.title,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -105,9 +106,4 @@ NotificationsEmptyState.propTypes = {
    * Empty state title
    */
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).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.
-
-NotificationsEmptyState.defaultProps = EmptyStateDefaultProps;
+};

package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js

@@ -23,7 +23,7 @@ import { getDevtoolsProps } from '../../../global/js/utils/devtools';
 import { pkg } from '../../../settings';
 import { EmptyStateContent } from '../EmptyStateContent';
 import { UnauthorizedIllustration } from '../assets/UnauthorizedIllustration';
-import { EmptyStateDefaultProps } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M).
+import { defaults } from '../EmptyState'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 var componentName = 'UnauthorizedEmptyState';
@@ -32,7 +32,8 @@ export var UnauthorizedEmptyState = /*#__PURE__*/React.forwardRef(function (_ref
       className = _ref.className,
       illustrationTheme = _ref.illustrationTheme,
       link = _ref.link,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaults.size : _ref$size,
       subtitle = _ref.subtitle,
       title = _ref.title,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -105,9 +106,4 @@ UnauthorizedEmptyState.propTypes = {
    * Empty state title
    */
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).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.
-
-UnauthorizedEmptyState.defaultProps = EmptyStateDefaultProps;
+};

package/es/components/ExampleComponent/ExampleComponent.js

@@ -24,7 +24,13 @@ import { Button, ButtonSet } from 'carbon-components-react'; // The block part o
 
 var blockClass = "".concat(pkg.prefix, "--example-component");
 var componentName = 'ExampleComponent'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+// Default values for props
 
+var defaults = {
+  primaryKind: 'primary',
+  secondaryKind: 'secondary',
+  size: 'default'
+};
 /**
  * This is an example component to show relevant conventions and usage.
  */
@@ -37,10 +43,13 @@ export var ExampleComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
       onPrimaryClick = _ref.onPrimaryClick,
       onSecondaryClick = _ref.onSecondaryClick,
       primaryButtonLabel = _ref.primaryButtonLabel,
-      primaryKind = _ref.primaryKind,
+      _ref$primaryKind = _ref.primaryKind,
+      primaryKind = _ref$primaryKind === void 0 ? defaults.primaryKind : _ref$primaryKind,
       secondaryButtonLabel = _ref.secondaryButtonLabel,
-      secondaryKind = _ref.secondaryKind,
-      size = _ref.size,
+      _ref$secondaryKind = _ref.secondaryKind,
+      secondaryKind = _ref$secondaryKind === void 0 ? defaults.secondaryKind : _ref$secondaryKind,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaults.size : _ref$size,
       style = _ref.style,
       rest = _objectWithoutProperties(_ref, _excluded);
 
@@ -147,14 +156,4 @@ ExampleComponent.propTypes = {
    * Optional style settings for the containing node.
    */
   style: PropTypes.object
-}; // 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.
-
-ExampleComponent.defaultProps = {
-  boxedBorder: false,
-  primaryKind: 'primary',
-  secondaryKind: 'secondary',
-  size: 'default'
 };

package/es/components/ExportModal/ExportModal.js

@@ -22,7 +22,13 @@ import PropTypes from 'prop-types';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
 import uuidv4 from '../../global/js/utils/uuidv4';
 import { pkg } from '../../settings';
-var componentName = 'ExportModal';
+var componentName = 'ExportModal'; // Default values for props
+
+var defaults = {
+  inputType: 'text',
+  preformattedExtensions: Object.freeze([]),
+  validExtensions: Object.freeze([])
+};
 export var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _preformattedExtensio;
 
@@ -33,14 +39,16 @@ export var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
       filename = _ref.filename,
       hidePasswordLabel = _ref.hidePasswordLabel,
       inputLabel = _ref.inputLabel,
-      inputType = _ref.inputType,
+      _ref$inputType = _ref.inputType,
+      inputType = _ref$inputType === void 0 ? defaults.inputType : _ref$inputType,
       invalidInputText = _ref.invalidInputText,
       loading = _ref.loading,
       loadingMessage = _ref.loadingMessage,
       onClose = _ref.onClose,
       onRequestSubmit = _ref.onRequestSubmit,
       open = _ref.open,
-      preformattedExtensions = _ref.preformattedExtensions,
+      _ref$preformattedExte = _ref.preformattedExtensions,
+      preformattedExtensions = _ref$preformattedExte === void 0 ? defaults.preformattedExtensions : _ref$preformattedExte,
       preformattedExtensionsLabel = _ref.preformattedExtensionsLabel,
       primaryButtonText = _ref.primaryButtonText,
       secondaryButtonText = _ref.secondaryButtonText,
@@ -48,7 +56,8 @@ export var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
       successMessage = _ref.successMessage,
       successful = _ref.successful,
       title = _ref.title,
-      validExtensions = _ref.validExtensions,
+      _ref$validExtensions = _ref.validExtensions,
+      validExtensions = _ref$validExtensions === void 0 ? defaults.validExtensions : _ref$validExtensions,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(filename),
@@ -297,9 +306,4 @@ ExportModal.propTypes = {
    */
   validExtensions: PropTypes.array
 };
-ExportModal.defaultProps = {
-  inputType: 'text',
-  preformattedExtensions: [],
-  validExtensions: []
-};
 ExportModal.displayName = componentName;

package/es/components/ExpressiveCard/ExpressiveCard.js

@@ -128,12 +128,4 @@ ExpressiveCard.propTypes = {
    */
   title: PropTypes.string
 };
-ExpressiveCard.defaultProps = {
-  actionIcons: [],
-  actionIconsPosition: 'bottom',
-  mediaPosition: 'top',
-  overflowActions: [],
-  primaryButtonKind: 'primary',
-  secondaryButtonKind: 'secondary'
-};
 ExpressiveCard.displayName = componentName;

package/es/components/ImportModal/ImportModal.js

@@ -24,9 +24,14 @@ import PropTypes from 'prop-types';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
 import uuidv4 from '../../global/js/utils/uuidv4';
 import { pkg } from '../../settings';
-var componentName = 'ImportModal';
+var componentName = 'ImportModal'; // Default values for props
+
+var defaults = {
+  accept: Object.freeze([])
+};
 export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var accept = _ref.accept,
+  var _ref$accept = _ref.accept,
+      accept = _ref$accept === void 0 ? defaults.accept : _ref$accept,
       className = _ref.className,
       defaultErrorBody = _ref.defaultErrorBody,
       defaultErrorHeader = _ref.defaultErrorHeader,
@@ -416,7 +421,4 @@ ImportModal.propTypes = {
    */
   title: PropTypes.string.isRequired
 };
-ImportModal.defaultProps = {
-  accept: []
-};
 ImportModal.displayName = componentName;

package/es/components/InlineEdit/InlineEdit.js

@@ -26,12 +26,17 @@ import { Close16, Edit16, EditOff16, Checkmark16, WarningFilled16, WarningAltFil
 var blockClass = "".concat(pkg.prefix, "--inline-edit");
 var componentName = 'InlineEdit'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
+var defaults = {
+  light: true,
+  // defaults to true to reflect design
+  size: 'md'
+};
 /**
  * TODO: A description of the component.
  */
 
 export var InlineEdit = /*#__PURE__*/React.forwardRef(function (_ref, refIn) {
-  var _cx, _cx3;
+  var _cx, _refInput$current, _refInput$current$inn, _cx3;
 
   var cancelDescription = _ref.cancelDescription,
       className = _ref.className,
@@ -42,13 +47,15 @@ export var InlineEdit = /*#__PURE__*/React.forwardRef(function (_ref, refIn) {
       invalid = _ref.invalid,
       invalidText = _ref.invalidText,
       labelText = _ref.labelText,
-      light = _ref.light,
+      _ref$light = _ref.light,
+      light = _ref$light === void 0 ? defaults.light : _ref$light,
       onCancel = _ref.onCancel,
       onSave = _ref.onSave,
       onChange = _ref.onChange,
       placeholder = _ref.placeholder,
       saveDescription = _ref.saveDescription,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaults.size : _ref$size,
       value = _ref.value,
       warn = _ref.warn,
       warnText = _ref.warnText,
@@ -219,7 +226,7 @@ export var InlineEdit = /*#__PURE__*/React.forwardRef(function (_ref, refIn) {
     }, /*#__PURE__*/React.createElement("div", _extends({}, rest, getDevtoolsProps(componentName), {
       id: id,
       size: size,
-      className: cx("".concat(blockClass, "__input"), _defineProperty({}, "".concat(blockClass, "__input--empty"), refInput.current && refInput.current.innerText.length === 0)),
+      className: cx("".concat(blockClass, "__input"), _defineProperty({}, "".concat(blockClass, "__input--empty"), ((_refInput$current = refInput.current) === null || _refInput$current === void 0 ? void 0 : (_refInput$current$inn = _refInput$current.innerText) === null || _refInput$current$inn === void 0 ? void 0 : _refInput$current$inn.length) === 0)),
       contentEditable: true,
       "aria-label": labelText,
       role: "textbox",
@@ -382,13 +389,4 @@ InlineEdit.propTypes = {
    * text shown when warn true
    */
   warnText: PropTypes.string
-}; // 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.
-
-InlineEdit.defaultProps = {
-  light: true,
-  // defaults to true to reflect design
-  size: 'md'
 };

package/es/components/LoadingBar/LoadingBar.js

@@ -23,7 +23,13 @@ import { pkg
 
 var blockClass = "".concat(pkg.prefix, "--loading-bar");
 var componentName = 'LoadingBar'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+// Default values for props
 
+var defaults = {
+  active: true,
+  percentage: undefined,
+  ariaLabel: 'Active loading indicator'
+};
 /**
  * The LoadingBar component provides a way to communicate the loading state to users.
  * It is intended to fill the space of where it's used, and should persist until the
@@ -40,11 +46,14 @@ var componentName = 'LoadingBar'; // NOTE: the component SCSS is not imported he
 export var LoadingBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _cx2, _cx3;
 
-  var active = _ref.active,
-      ariaLabel = _ref.ariaLabel,
+  var _ref$active = _ref.active,
+      active = _ref$active === void 0 ? defaults.active : _ref$active,
+      _ref$ariaLabel = _ref.ariaLabel,
+      ariaLabel = _ref$ariaLabel === void 0 ? defaults.ariaLabel : _ref$ariaLabel,
       className = _ref.className,
       id = _ref.id,
-      percentage = _ref.percentage,
+      _ref$percentage = _ref.percentage,
+      percentage = _ref$percentage === void 0 ? defaults.percentage : _ref$percentage,
       percentageIndicatorText = _ref.percentageIndicatorText,
       showPercentageIndicator = _ref.showPercentageIndicator,
       small = _ref.small,
@@ -108,7 +117,7 @@ LoadingBar.propTypes = {
   /**
    * Specify whether you want the loading bar indicator to be active or not
    */
-  active: PropTypes.bool.isRequired,
+  active: PropTypes.bool,
 
   /**
    * Specify a ariaLabel that would be used to best describe the active loading state
@@ -144,17 +153,4 @@ LoadingBar.propTypes = {
    * Specify whether you would like the small variant of this component
    */
   small: PropTypes.bool
-}; // 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.
-
-LoadingBar.defaultProps = {
-  /* add defaults for relevant props. */
-  active: true,
-  small: false,
-  percentage: undefined,
-  showPercentageIndicator: false,
-  percentageIndicatorText: undefined,
-  ariaLabel: 'Active loading indicator'
 };

package/es/components/ModifiedTabs/ModifiedTabLabelNew.js

@@ -27,8 +27,4 @@ ModifiedTabLabelNew.propTypes = {
    * Optional onClick handler
    */
   onClick: PropTypes.func
-};
-ModifiedTabLabelNew.defaultProps = {
-  label: '',
-  onClick: undefined
 };

package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js

@@ -46,9 +46,4 @@ ModifiedTabLabelWithClose.propTypes = {
    * unsavedContent indicates tab contents have not been saved
    */
   unsavedContent: PropTypes.bool
-};
-ModifiedTabLabelWithClose.defaultProps = {
-  unsavedContent: false,
-  label: '',
-  onClose: undefined
 };