@carbon/ibm-products 2.65.0 → 2.66.0

package/es/components/EmptyStates/EmptyState.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import { EmptyStateV2 } from './EmptyStateV2.js';
 import './ErrorEmptyState/ErrorEmptyState.js';
@@ -22,18 +22,15 @@ import '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';
 import { EmptyStateContent } from './EmptyStateContent.js';
 
-var _excluded = ["v2"],
-  _excluded2 = ["action", "className", "illustration", "illustrationDescription", "illustrationPosition", "link", "size", "headingAs", "subtitle", "title"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--empty-state");
-var componentName = 'EmptyState';
+const blockClass = `${pkg.prefix}--empty-state`;
+const componentName = 'EmptyState';
 var sizes = /*#__PURE__*/function (sizes) {
   sizes["lg"] = "lg";
   sizes["sm"] = "sm";
   return sizes;
 }(sizes || {}); // Default values for props
-var defaults = {
+const defaults = {
   position: 'top',
   size: sizes.lg,
   headingAs: 'h3'
@@ -41,35 +38,37 @@ var defaults = {
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
-var EmptyState = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var _ref$v = _ref.v2,
-    v2 = _ref$v === void 0 ? false : _ref$v,
-    props = _objectWithoutProperties(_ref, _excluded);
+let EmptyState = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    v2 = false,
+    ...props
+  } = _ref;
   // todo: deprecate v1
   if (v2) {
     return /*#__PURE__*/React__default.createElement(EmptyStateV2, props);
   }
-  var action = props.action,
-    className = props.className,
-    illustration = props.illustration,
-    illustrationDescription = props.illustrationDescription,
-    _props$illustrationPo = props.illustrationPosition,
-    illustrationPosition = _props$illustrationPo === void 0 ? defaults.position : _props$illustrationPo,
-    link = props.link,
-    _props$size = props.size,
-    size = _props$size === void 0 ? defaults.size : _props$size,
-    _props$headingAs = props.headingAs,
-    headingAs = _props$headingAs === void 0 ? defaults.headingAs : _props$headingAs,
-    subtitle = props.subtitle,
-    title = props.title,
-    rest = _objectWithoutProperties(props, _excluded2);
+  const {
+    action,
+    className,
+    illustration,
+    illustrationDescription,
+    illustrationPosition = defaults.position,
+    link,
+    size = defaults.size,
+    headingAs = defaults.headingAs,
+    subtitle,
+    title,
+    ...rest
+  } = props;
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, "".concat(blockClass, "-type--default"), className, _defineProperty({}, "".concat(blockClass, "-position--").concat(illustrationPosition), !!illustration)),
+    className: cx(blockClass, `${blockClass}-type--default`, className, {
+      [`${blockClass}-position--${illustrationPosition}`]: !!illustration
+    }),
     ref: ref
   }, getDevtoolsProps(componentName)), illustration && /*#__PURE__*/React__default.createElement("img", {
     src: illustration,
     alt: illustrationDescription,
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)]),
+    className: cx([`${blockClass}__illustration`, `${blockClass}__illustration--${size}`]),
     "aria-hidden": "true"
   }), /*#__PURE__*/React__default.createElement(EmptyStateContent, {
     action: action,
@@ -77,7 +76,7 @@ var EmptyState = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     size: size,
     headingAs: headingAs,
     subtitle: subtitle,
-    title: title !== null && title !== void 0 ? title : ''
+    title: title ?? ''
   }));
 });
 
@@ -87,13 +86,15 @@ EmptyState.propTypes = {
   /**
    * Empty state action button
    */
-  action: PropTypes.shape(_objectSpread2(_objectSpread2({}, Button.propTypes), {}, {
+  action: PropTypes.shape({
+    /**@ts-ignore*/
+    ...Button.propTypes,
     kind: PropTypes.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     /**@ts-ignore*/
     onClick: Button.propTypes.onClick,
     text: PropTypes.string
-  })),
+  }),
   /**
    * Provide an optional class to be applied to the containing node.
    */
@@ -111,8 +112,10 @@ EmptyState.propTypes = {
    * The alt text for custom provided illustrations
    */
   /**@ts-ignore*/
-  illustrationDescription: PropTypes.string.isRequired.if(function (_ref2) {
-    var illustration = _ref2.illustration;
+  illustrationDescription: PropTypes.string.isRequired.if(_ref2 => {
+    let {
+      illustration
+    } = _ref2;
     return illustration;
   }),
   /**
@@ -123,10 +126,11 @@ EmptyState.propTypes = {
    * Empty state link object
    */
   /**@ts-ignore*/
-  link: PropTypes.shape(_objectSpread2(_objectSpread2({}, Link.propTypes), {}, {
+  link: PropTypes.shape({
+    ...Link.propTypes,
     text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
     href: PropTypes.string
-  })),
+  }),
   /**
    * Empty state size
    */

package/es/components/EmptyStates/EmptyStateContent.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../_virtual/index.js';
 import { pkg } from '../../settings.js';
@@ -13,30 +13,36 @@ import cx from 'classnames';
 import { Section, Button, Link } from '@carbon/react';
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--empty-state");
-var componentName = 'EmptyStateContent';
-var EmptyStateContent = function EmptyStateContent(_ref) {
-  var action = _ref.action,
-    link = _ref.link,
-    headingAs = _ref.headingAs,
-    size = _ref.size,
-    subtitle = _ref.subtitle,
-    title = _ref.title;
+const blockClass = `${pkg.prefix}--empty-state`;
+const componentName = 'EmptyStateContent';
+const EmptyStateContent = _ref => {
+  let {
+    action,
+    link,
+    headingAs,
+    size,
+    subtitle,
+    title
+  } = _ref;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__content")
+    className: `${blockClass}__content`
   }, /*#__PURE__*/React__default.createElement(Section, {
     as: headingAs,
-    className: cx("".concat(blockClass, "__header"), _defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
+    className: cx(`${blockClass}__header`, {
+      [`${blockClass}__header--small`]: size === 'sm'
+    })
   }, title), subtitle && /*#__PURE__*/React__default.createElement("p", {
-    className: cx("".concat(blockClass, "__subtitle"), _defineProperty({}, "".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(Button, _extends({}, action, {
-    className: "".concat(blockClass, "__action-button"),
+    className: cx(`${blockClass}__subtitle`, {
+      [`${blockClass}__subtitle--small`]: size === 'sm'
+    })
+  }, subtitle), action?.text && action?.onClick && /*#__PURE__*/React__default.createElement(Button, _extends({}, action, {
+    className: `${blockClass}__action-button`,
     kind: action.kind || 'tertiary',
     onClick: action.onClick,
     renderIcon: action.renderIcon || null,
     size: 'sm'
-  }), action.text), (link === null || link === void 0 ? void 0 : link.text) && (link === null || link === void 0 ? void 0 : link.href) && /*#__PURE__*/React__default.createElement(Link, _extends({}, link, {
-    className: "".concat(blockClass, "__link"),
+  }), action.text), link?.text && link?.href && /*#__PURE__*/React__default.createElement(Link, _extends({}, link, {
+    className: `${blockClass}__link`,
     href: link.href
   }), link.text));
 };
@@ -52,13 +58,14 @@ EmptyStateContent.propTypes = {
   /**
    * Empty state action button
    */
-  action: PropTypes.shape(_objectSpread2(_objectSpread2({}, Button.propTypes), {}, {
+  action: PropTypes.shape({
+    ...Button.propTypes,
     iconDescription: PropTypes.string,
     kind: PropTypes.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     onClick: Button.propTypes.onClick,
     text: PropTypes.string
-  })),
+  }),
   /**
    * Empty state headingAs allows you to customize the type of heading element
    */
@@ -66,10 +73,11 @@ EmptyStateContent.propTypes = {
   /**
    * Empty state link object
    */
-  link: PropTypes.shape(_objectSpread2(_objectSpread2({}, Link.propTypes), {}, {
+  link: PropTypes.shape({
+    ...Link.propTypes,
     text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
     href: PropTypes.string
-  })),
+  }),
   /**
    * Empty state size
    */

package/es/components/EmptyStates/EmptyStateIllustration.js

@@ -5,30 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { Suspense, lazy } from 'react';
 import PropTypes from '../../_virtual/index.js';
 
-var _excluded = ["kind"];
-var ErrorIllustration = /*#__PURE__*/lazy(function () {
-  return import('./assets/ErrorIllustration.js');
-});
-var NoDataIllustration = /*#__PURE__*/lazy(function () {
-  return import('./assets/NoDataIllustration.js');
-});
-var NoTagsIllustration = /*#__PURE__*/lazy(function () {
-  return import('./assets/NoTagsIllustration.js');
-});
-var NotFoundIllustration = /*#__PURE__*/lazy(function () {
-  return import('./assets/NotFoundIllustration.js');
-});
-var NotificationsIllustration = /*#__PURE__*/lazy(function () {
-  return import('./assets/NotificationsIllustration.js');
-});
-var UnauthorizedIllustration = /*#__PURE__*/lazy(function () {
-  return import('./assets/UnauthorizedIllustration.js');
-});
-var getIllustration = function getIllustration(kind) {
+const ErrorIllustration = /*#__PURE__*/lazy(() => import('./assets/ErrorIllustration.js'));
+const NoDataIllustration = /*#__PURE__*/lazy(() => import('./assets/NoDataIllustration.js'));
+const NoTagsIllustration = /*#__PURE__*/lazy(() => import('./assets/NoTagsIllustration.js'));
+const NotFoundIllustration = /*#__PURE__*/lazy(() => import('./assets/NotFoundIllustration.js'));
+const NotificationsIllustration = /*#__PURE__*/lazy(() => import('./assets/NotificationsIllustration.js'));
+const UnauthorizedIllustration = /*#__PURE__*/lazy(() => import('./assets/UnauthorizedIllustration.js'));
+const getIllustration = kind => {
   switch (kind) {
     case 'error':
       return ErrorIllustration;
@@ -43,15 +30,15 @@ var getIllustration = function getIllustration(kind) {
     case 'unauthorized':
       return UnauthorizedIllustration;
     default:
-      return function () {
-        return null;
-      };
+      return () => null;
   }
 };
-var EmptyStateIllustration = function EmptyStateIllustration(_ref) {
-  var kind = _ref.kind,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var Illustration = getIllustration(kind);
+const EmptyStateIllustration = _ref => {
+  let {
+    kind,
+    ...rest
+  } = _ref;
+  const Illustration = getIllustration(kind);
   return /*#__PURE__*/React__default.createElement(Suspense, null, /*#__PURE__*/React__default.createElement(Illustration, _extends({
     "aria-hidden": "true"
   }, rest)));

package/es/components/EmptyStates/EmptyStateV2.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
@@ -15,54 +15,59 @@ import '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';
 import EmptyStateIllustration from './EmptyStateIllustration.js';
 
-var _excluded = ["action", "className", "illustration", "illustrationDescription", "illustrationPosition", "illustrationTheme", "kind", "link", "size", "subtitle", "title"];
-var blockClass = "".concat(pkg.prefix, "--empty-state");
-var componentName = 'EmptyStateV2';
+const blockClass = `${pkg.prefix}--empty-state`;
+const componentName = 'EmptyStateV2';
 /**
  * This is the V2 version of the `EmptyState` component. To use you must pass the `v2` prop to the V1 version of the component `EmptyState` and use the props below.
  * In order to avoid breaking changes in the future `EmptyStateV2` is not actually directly importable.
  * @deprecated
  */
 
-var EmptyStateV2 = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var action = props.action,
-    className = props.className,
-    customIllustration = props.illustration,
-    illustrationDescription = props.illustrationDescription,
-    _props$illustrationPo = props.illustrationPosition,
-    illustrationPosition = _props$illustrationPo === void 0 ? 'top' : _props$illustrationPo,
-    illustrationTheme = props.illustrationTheme,
-    kind = props.kind,
-    link = props.link,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'lg' : _props$size,
-    subtitle = props.subtitle,
-    title = props.title,
-    rest = _objectWithoutProperties(props, _excluded);
-  var illustrationProps = {
-    size: size,
+let EmptyStateV2 = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  const {
+    action,
+    className,
+    illustration: customIllustration,
+    illustrationDescription,
+    illustrationPosition = 'top',
+    illustrationTheme,
+    kind,
+    link,
+    size = 'lg',
+    subtitle,
+    title,
+    ...rest
+  } = props;
+  const illustrationProps = {
+    size,
     theme: illustrationTheme,
     title: illustrationDescription,
-    kind: kind
+    kind
   };
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    className: cx([blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), _defineProperty({}, "".concat(blockClass, "-type--").concat(kind), kind)]),
+    className: cx([blockClass, className, `${blockClass}-position--${illustrationPosition}`, {
+      [`${blockClass}-type--${kind}`]: kind
+    }]),
     ref: ref
   }, getDevtoolsProps(componentName)), customIllustration && /*#__PURE__*/React__default.createElement("img", {
     src: customIllustration,
     alt: illustrationDescription,
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
+    className: cx([`${blockClass}__illustration`, `${blockClass}__illustration--${size}`])
   }), !customIllustration && kind && /*#__PURE__*/React__default.createElement(EmptyStateIllustration, illustrationProps), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__content")
+    className: `${blockClass}__content`
   }, /*#__PURE__*/React__default.createElement("h3", {
-    className: cx("".concat(blockClass, "__header"), _defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
+    className: cx(`${blockClass}__header`, {
+      [`${blockClass}__header--small`]: size === 'sm'
+    })
   }, title), subtitle && /*#__PURE__*/React__default.createElement("p", {
-    className: cx("".concat(blockClass, "__subtitle"), _defineProperty({}, "".concat(blockClass, "__subtitle--small"), size === 'sm'))
+    className: cx(`${blockClass}__subtitle`, {
+      [`${blockClass}__subtitle--small`]: size === 'sm'
+    })
   }, subtitle), action && /*#__PURE__*/React__default.createElement(Button, _extends({}, action, {
-    className: "".concat(blockClass, "__action-button"),
+    className: `${blockClass}__action-button`,
     size: "sm"
   }), action.text), link && /*#__PURE__*/React__default.createElement(Link, _extends({}, link, {
-    className: "".concat(blockClass, "__link")
+    className: `${blockClass}__link`
   }), link.text)));
 });
 

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import { Link, Button } from '@carbon/react';
@@ -16,31 +16,31 @@ import { EmptyStateContent } from '../EmptyStateContent.js';
 import { ErrorIllustration } from '../assets/ErrorIllustration.js';
 import { defaults } from '../EmptyState.js';
 
-var _excluded = ["action", "className", "illustrationPosition", "illustrationDescription", "illustrationTheme", "link", "size", "headingAs", "subtitle", "title"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--empty-state");
-var componentName = 'ErrorEmptyState';
+const blockClass = `${pkg.prefix}--empty-state`;
+const componentName = 'ErrorEmptyState';
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
-var ErrorEmptyState = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var action = _ref.action,
-    className = _ref.className,
-    _ref$illustrationPosi = _ref.illustrationPosition,
-    illustrationPosition = _ref$illustrationPosi === void 0 ? defaults.position : _ref$illustrationPosi,
-    illustrationDescription = _ref.illustrationDescription,
-    illustrationTheme = _ref.illustrationTheme,
-    link = _ref.link,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? defaults.size : _ref$size,
-    _ref$headingAs = _ref.headingAs,
-    headingAs = _ref$headingAs === void 0 ? defaults.headingAs : _ref$headingAs,
-    subtitle = _ref.subtitle,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
+let ErrorEmptyState = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    // The component props, in alphabetical order (for consistency).
+
+    action,
+    className,
+    illustrationPosition = defaults.position,
+    illustrationDescription,
+    illustrationTheme,
+    link,
+    size = defaults.size,
+    headingAs = defaults.headingAs,
+    subtitle,
+    title,
+    // Collect any other property values passed in.
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--error")),
+    className: cx(blockClass, className, `${blockClass}-position--${illustrationPosition}`, `${blockClass}-type--error`),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(ErrorIllustration, {
     theme: illustrationTheme,
@@ -70,13 +70,15 @@ ErrorEmptyState.propTypes = {
   /**
    * Empty state action button
    */
-  action: PropTypes.shape(_objectSpread2(_objectSpread2({}, Button.propTypes), {}, {
+  action: PropTypes.shape({
+    /**@ts-ignore*/
+    ...Button.propTypes,
     kind: PropTypes.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     /**@ts-ignore*/
     onClick: Button.propTypes.onClick,
     text: PropTypes.string
-  })),
+  }),
   /**
    * Provide an optional class to be applied to the containing node.
    */
@@ -104,10 +106,11 @@ ErrorEmptyState.propTypes = {
    * Empty state link object
    */
   /**@ts-ignore*/
-  link: PropTypes.shape(_objectSpread2(_objectSpread2({}, Link.propTypes), {}, {
+  link: PropTypes.shape({
+    ...Link.propTypes,
     text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
     href: PropTypes.string
-  })),
+  }),
   /**
    * Empty state size
    */

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
@@ -16,31 +16,31 @@ import { EmptyStateContent } from '../EmptyStateContent.js';
 import { NoDataIllustration } from '../assets/NoDataIllustration.js';
 import { defaults } from '../EmptyState.js';
 
-var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "headingAs", "subtitle", "title"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--empty-state");
-var componentName = 'NoDataEmptyState';
+const blockClass = `${pkg.prefix}--empty-state`;
+const componentName = 'NoDataEmptyState';
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
-var NoDataEmptyState = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var action = _ref.action,
-    className = _ref.className,
-    _ref$illustrationPosi = _ref.illustrationPosition,
-    illustrationPosition = _ref$illustrationPosi === void 0 ? defaults.position : _ref$illustrationPosi,
-    illustrationTheme = _ref.illustrationTheme,
-    illustrationDescription = _ref.illustrationDescription,
-    link = _ref.link,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? defaults.size : _ref$size,
-    _ref$headingAs = _ref.headingAs,
-    headingAs = _ref$headingAs === void 0 ? defaults.headingAs : _ref$headingAs,
-    subtitle = _ref.subtitle,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
+let NoDataEmptyState = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    // The component props, in alphabetical order (for consistency).
+
+    action,
+    className,
+    illustrationPosition = defaults.position,
+    illustrationTheme,
+    illustrationDescription,
+    link,
+    size = defaults.size,
+    headingAs = defaults.headingAs,
+    subtitle,
+    title,
+    // Collect any other property values passed in.
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noData")),
+    className: cx(blockClass, className, `${blockClass}-position--${illustrationPosition}`, `${blockClass}-type--noData`),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(NoDataIllustration, {
     theme: illustrationTheme,
@@ -70,13 +70,15 @@ NoDataEmptyState.propTypes = {
   /**
    * Empty state action button
    */
-  action: PropTypes.shape(_objectSpread2(_objectSpread2({}, Button.propTypes), {}, {
+  action: PropTypes.shape({
+    /**@ts-ignore */
+    ...Button.propTypes,
     kind: PropTypes.oneOf(['primary', 'secondary', 'tertiary']),
     renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     /**@ts-ignore */
     onClick: Button.propTypes.onClick,
     text: PropTypes.string
-  })),
+  }),
   /**
    * Provide an optional class to be applied to the containing node.
    */
@@ -104,10 +106,11 @@ NoDataEmptyState.propTypes = {
    * Empty state link object
    */
   /**@ts-ignore */
-  link: PropTypes.shape(_objectSpread2(_objectSpread2({}, Link.propTypes), {}, {
+  link: PropTypes.shape({
+    ...Link.propTypes,
     text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
     href: PropTypes.string
-  })),
+  }),
   /**
    * Empty state size
    */