@carbon/ibm-products 1.5.0 → 1.8.0

package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js

@@ -0,0 +1,161 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataSpreadsheetBody = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactWindow = require("react-window");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+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; }
+
+/**
+ * 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.
+ */
+var blockClass = "".concat(_settings.pkg.prefix, "--data-spreadsheet");
+
+var DataSpreadsheetBody = function DataSpreadsheetBody(_ref) {
+  var defaultColumn = _ref.defaultColumn,
+      getTableBodyProps = _ref.getTableBodyProps,
+      id = _ref.id,
+      prepareRow = _ref.prepareRow,
+      rows = _ref.rows,
+      setActiveCellCoordinates = _ref.setActiveCellCoordinates,
+      scrollBarSize = _ref.scrollBarSize,
+      totalColumnsWidth = _ref.totalColumnsWidth;
+  // Make sure that if the cellSize prop changes, the active
+  // cell also gets updated with the new size
+  (0, _react.useEffect)(function () {
+    var listContainer = spreadsheetBodyRef === null || spreadsheetBodyRef === void 0 ? void 0 : spreadsheetBodyRef.current;
+    var activeCellButton = listContainer.querySelector(".".concat(blockClass, "__active-cell--highlight"));
+
+    if (activeCellButton) {
+      activeCellButton.style.height = "".concat(defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.rowHeight, "px");
+    }
+  }, [defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.rowHeight]); // onClick fn for each cell in the data spreadsheet body,
+  // adds the active cell highlight
+
+  var handleBodyCellClick = (0, _react.useCallback)(function (cell, columnIndex) {
+    setActiveCellCoordinates({
+      row: cell.row.index,
+      column: columnIndex
+    });
+  }, [setActiveCellCoordinates]); // Renders each cell in the spreadsheet body
+
+  var RenderRow = (0, _react.useCallback)(function (_ref2) {
+    var index = _ref2.index,
+        style = _ref2.style;
+    var row = rows[index];
+    prepareRow(row);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, row.getRowProps({
+      style: style
+    }), {
+      className: (0, _classnames.default)("".concat(blockClass, "__tr")),
+      "data-row-index": index
+    }), /*#__PURE__*/_react.default.createElement("button", {
+      tabIndex: -1,
+      "data-row-index": index,
+      "data-column-index": "header",
+      type: "button",
+      className: (0, _classnames.default)("".concat(blockClass, "__td"), "".concat(blockClass, "__td-th"), "".concat(blockClass, "--interactive-cell-element")),
+      style: {
+        width: defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.rowHeaderWidth
+      }
+    }, index + 1), row.cells.map(function (cell, index) {
+      return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+        tabIndex: -1,
+        "data-row-index": cell.row.index,
+        "data-column-index": index
+      }, cell.getCellProps(), {
+        className: (0, _classnames.default)("".concat(blockClass, "__td"), "".concat(blockClass, "--interactive-cell-element")),
+        key: "cell_".concat(index),
+        onClick: function onClick() {
+          return handleBodyCellClick(cell, index);
+        },
+        type: "button"
+      }), cell.render('Cell'));
+    }));
+  }, [prepareRow, rows, defaultColumn.rowHeaderWidth, handleBodyCellClick]);
+  var spreadsheetBodyRef = (0, _react.useRef)();
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: spreadsheetBodyRef,
+    className: (0, _classnames.default)("".concat(blockClass, "__body--container"))
+  }, getTableBodyProps()), /*#__PURE__*/_react.default.createElement(_reactWindow.FixedSizeList, {
+    className: (0, _classnames.default)("".concat(blockClass, "__list--container"), "".concat(blockClass, "__list--container--").concat(id)),
+    height: 400,
+    itemCount: rows.length,
+    itemSize: defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.rowHeight,
+    width: totalColumnsWidth + scrollBarSize
+  }, RenderRow));
+};
+
+exports.DataSpreadsheetBody = DataSpreadsheetBody;
+DataSpreadsheetBody.propTypes = {
+  /**
+   * Default spreadsheet sizing values
+   */
+  defaultColumn: _propTypes.default.shape({
+    rowHeight: _propTypes.default.number,
+    rowHeaderWidth: _propTypes.default.number,
+    width: _propTypes.default.number
+  }),
+
+  /**
+   * Function to set table body prop values
+   */
+  getTableBodyProps: _propTypes.default.func,
+
+  /**
+   * The spreadsheet id
+   */
+  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+
+  /**
+   * The event handler that is called when the active cell changes
+   */
+  onActiveCellChange: _propTypes.default.func,
+
+  /**
+   * Prepare row function from react-table
+   */
+  prepareRow: _propTypes.default.func,
+
+  /**
+   * All of the spreadsheet row data
+   */
+  rows: _propTypes.default.arrayOf(_propTypes.default.object),
+
+  /**
+   * The scrollbar width
+   */
+  scrollBarSize: _propTypes.default.number,
+
+  /**
+   * Setter fn for activeCellCoordinates state value
+   */
+  setActiveCellCoordinates: _propTypes.default.func,
+
+  /**
+   * The total columns width
+   */
+  totalColumnsWidth: _propTypes.default.number
+};

package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataSpreadsheetHeader = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _settings = require("../../settings");
+
+/**
+ * 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.
+ */
+var blockClass = "".concat(_settings.pkg.prefix, "--data-spreadsheet");
+
+var DataSpreadsheetHeader = function DataSpreadsheetHeader(_ref) {
+  var defaultColumn = _ref.defaultColumn,
+      headerGroups = _ref.headerGroups;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(blockClass, "__header--container"))
+  }, headerGroups.map(function (headerGroup, index) {
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+      key: "header_".concat(index)
+    }, headerGroup.getHeaderGroupProps(), {
+      className: "".concat(blockClass, "__tr")
+    }), /*#__PURE__*/_react.default.createElement("button", {
+      "data-row-index": "header",
+      "data-column-index": "header",
+      type: "button",
+      tabIndex: -1,
+      className: (0, _classnames.default)("".concat(blockClass, "__th"), "".concat(blockClass, "--interactive-cell-element")),
+      style: {
+        width: defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.rowHeaderWidth,
+        height: defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.rowHeight
+      }
+    }, "\xA0"), headerGroup.headers.map(function (column, index) {
+      return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+        key: "column_".concat(index),
+        "data-row-index": "header",
+        "data-column-index": index,
+        tabIndex: -1,
+        style: {
+          height: defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.rowHeight
+        }
+      }, column.getHeaderProps(), {
+        className: (0, _classnames.default)("".concat(blockClass, "__th"), "".concat(blockClass, "--interactive-cell-element")),
+        type: "button"
+      }), column.render('Header'));
+    }));
+  }));
+};
+
+exports.DataSpreadsheetHeader = DataSpreadsheetHeader;
+DataSpreadsheetHeader.propTypes = {
+  /**
+   * Default spreadsheet sizing values
+   */
+  defaultColumn: _propTypes.default.shape({
+    rowHeight: _propTypes.default.number,
+    rowHeaderWidth: _propTypes.default.number,
+    width: _propTypes.default.number
+  }),
+
+  /**
+   * Headers provided from useTable hook
+   */
+  headerGroups: _propTypes.default.arrayOf(_propTypes.default.object)
+};

package/lib/components/DataSpreadsheet/createActiveCellFn.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createActiveCellFn = void 0;
+
+var _layout = require("@carbon/layout");
+
+var _settings = require("../../settings");
+
+/**
+ * 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.
+ */
+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(_settings.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 = (0, _layout.px)(placementElement === null || placementElement === void 0 ? void 0 : placementElement.offsetWidth);
+  activeCellButton.style.height = (0, _layout.px)(placementElement === null || placementElement === void 0 ? void 0 : placementElement.offsetHeight);
+  activeCellButton.style.left = (0, _layout.px)(relativePosition.left);
+  activeCellButton.style.top = (0, _layout.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);
+  }
+};
+
+exports.createActiveCellFn = createActiveCellFn;

package/lib/components/DataSpreadsheet/generateData.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateData = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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; }
+
+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; }
+
+// cspell:disable
+var pets = ['dog', 'cat', 'bird', 'lizard', 'frog', 'hamster', 'fish', 'rabbit', 'snake'];
+var petNames = ['Bruno', 'Willow', 'Kona', 'Heidi', 'Rusty', 'Bonnie', 'Cash', 'Gucci', 'Brody', 'Emma', 'Loki', 'Angel', 'Astro', 'Sherman', 'Layla', 'Peanut', 'Grace', 'Mickey', 'Sasha', 'Finn', 'Tucker', 'Bear', 'Mocha', 'Roscoe']; // cspell:enable
+
+var range = function range(len) {
+  var arr = [];
+
+  for (var i = 0; i < len; i++) {
+    arr.push(i);
+  }
+
+  return arr;
+};
+
+var newPet = function newPet() {
+  return {
+    petType: pets[Math.floor(Math.random() * pets.length)],
+    firstName: petNames[Math.floor(Math.random() * petNames.length)],
+    age: Math.floor(Math.random() * 30),
+    visits: Math.floor(Math.random() * 40),
+    health: Math.floor(Math.random() * 100)
+  };
+};
+
+var generateData = function generateData() {
+  for (var _len = arguments.length, lens = new Array(_len), _key = 0; _key < _len; _key++) {
+    lens[_key] = arguments[_key];
+  }
+
+  var makeDataLevel = function makeDataLevel() {
+    var depth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    var len = lens[depth];
+    return range(len).map(function () {
+      return _objectSpread(_objectSpread({}, newPet()), {}, {
+        subRows: lens[depth + 1] ? makeDataLevel(depth + 1) : undefined
+      });
+    });
+  };
+
+  return makeDataLevel();
+};
+
+exports.generateData = generateData;

package/lib/components/DataSpreadsheet/getCellSize.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCellSize = void 0;
+
+var _layout = require("@carbon/layout");
+
+/**
+ * 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.
+ */
+var getSizeInPixels = function getSizeInPixels(carbonSize) {
+  return Number(carbonSize.replace('rem', '') * _layout.baseFontSize);
+};
+
+var getCellSize = function getCellSize(cellSize) {
+  switch (cellSize) {
+    case 'compact':
+      return getSizeInPixels(_layout.sizeXSmall);
+
+    case 'standard':
+      return getSizeInPixels(_layout.sizeSmall);
+
+    case 'medium':
+      return getSizeInPixels(_layout.sizeMedium);
+
+    case 'large':
+      return getSizeInPixels(_layout.sizeLarge);
+
+    default:
+      return getSizeInPixels(_layout.sizeSmall);
+  }
+};
+
+exports.getCellSize = getCellSize;

package/lib/components/DataSpreadsheet/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DataSpreadsheet", {
+  enumerable: true,
+  get: function get() {
+    return _DataSpreadsheet.DataSpreadsheet;
+  }
+});
+
+var _DataSpreadsheet = require("./DataSpreadsheet");

package/lib/components/EditSidePanel/EditSidePanel.js

@@ -41,7 +41,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var blockClass = "".concat(_settings.pkg.prefix, "--edit-side-panel");
 var sidePanelBlockClass = "".concat(_settings.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.
  */
@@ -55,12 +60,14 @@ var EditSidePanel = /*#__PURE__*/_react.default.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,
@@ -209,12 +216,4 @@ EditSidePanel.propTypes = {
    * The title of the CreateSidePanel is usually the product or service name.
    */
   title: _propTypes.default.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/lib/components/EmptyStates/EmptyState.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EmptyStateDefaultProps = exports.EmptyState = void 0;
+exports.defaults = exports.EmptyState = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -37,7 +37,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
-var componentName = 'EmptyState';
+var componentName = 'EmptyState'; // Default values for props
+
+var defaults = {
+  size: 'lg'
+};
+exports.defaults = defaults;
 
 var EmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var action = _ref.action,
@@ -45,7 +50,8 @@ var EmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -73,10 +79,6 @@ var EmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 
 exports.EmptyState = EmptyState;
 exports.EmptyState = EmptyState = _settings.pkg.checkComponentEnabled(EmptyState, componentName);
-var EmptyStateDefaultProps = {
-  size: 'lg'
-};
-exports.EmptyStateDefaultProps = EmptyStateDefaultProps;
 EmptyState.propTypes = {
   /**
    * Empty state action button
@@ -123,12 +125,11 @@ EmptyState.propTypes = {
   /**
    * Empty state subtext
    */
-  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
 
   /**
    * Empty state heading
    */
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired
 };
-EmptyState.defaultProps = EmptyStateDefaultProps;
 EmptyState.displayName = componentName;

package/lib/components/EmptyStates/EmptyStateContent.js

@@ -37,7 +37,7 @@ var EmptyStateContent = function EmptyStateContent(_ref) {
       title = _ref.title;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h3", {
     className: (0, _classnames.default)("".concat(blockClass, "__header"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__header--small"), size === 'sm'))
-  }, title), /*#__PURE__*/_react.default.createElement("p", {
+  }, title), subtitle && /*#__PURE__*/_react.default.createElement("p", {
     className: (0, _classnames.default)("".concat(blockClass, "__subtitle"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__subtitle--small"), size === 'sm'))
   }, subtitle), (action === null || action === void 0 ? void 0 : action.text) && (action === null || action === void 0 ? void 0 : action.onClick) && /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, (0, _extends2.default)({}, action, {
     className: "".concat(blockClass, "__action-button"),
@@ -85,7 +85,7 @@ EmptyStateContent.propTypes = {
   /**
    * Empty state subtitle
    */
-  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
 
   /**
    * Empty state title

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

@@ -46,7 +46,8 @@ var ErrorEmptyState = /*#__PURE__*/_react.default.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 ? _EmptyState.defaults.size : _ref$size,
       subtitle = _ref.subtitle,
       title = _ref.title,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -114,15 +115,10 @@ ErrorEmptyState.propTypes = {
   /**
    * Empty state subtitle
    */
-  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
 
   /**
    * Empty state title
    */
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.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 = _EmptyState.EmptyStateDefaultProps;
+};

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

@@ -46,7 +46,8 @@ var NoDataEmptyState = /*#__PURE__*/_react.default.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 ? _EmptyState.defaults.size : _ref$size,
       subtitle = _ref.subtitle,
       title = _ref.title,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -114,15 +115,10 @@ NoDataEmptyState.propTypes = {
   /**
    * Empty state subtitle
    */
-  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
 
   /**
    * Empty state title
    */
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.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 = _EmptyState.EmptyStateDefaultProps;
+};

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

@@ -46,7 +46,8 @@ var NoTagsEmptyState = /*#__PURE__*/_react.default.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 ? _EmptyState.defaults.size : _ref$size,
       subtitle = _ref.subtitle,
       title = _ref.title,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -114,15 +115,10 @@ NoTagsEmptyState.propTypes = {
   /**
    * Empty state subtitle
    */
-  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
 
   /**
    * Empty state title
    */
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.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 = _EmptyState.EmptyStateDefaultProps;
+};

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

@@ -46,7 +46,8 @@ var NotFoundEmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref,
       className = _ref.className,
       illustrationTheme = _ref.illustrationTheme,
       link = _ref.link,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? _EmptyState.defaults.size : _ref$size,
       subtitle = _ref.subtitle,
       title = _ref.title,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -114,15 +115,10 @@ NotFoundEmptyState.propTypes = {
   /**
    * Empty state subtitle
    */
-  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
 
   /**
    * Empty state title
    */
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.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 = _EmptyState.EmptyStateDefaultProps;
+};