@carbon/ibm-products 2.0.0-rc.29 → 2.0.0-rc.30

package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js

@@ -1,254 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MultiFormEditTearsheet = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@carbon/react");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _settings = require("../../../settings");
-
-var _EditTearsheet = require("../EditTearsheet");
-
-var _EditTearsheetForm = require("../EditTearsheetForm");
-
-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; }
-
-/* eslint-disable react/prop-types */
-
-/**
- * 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, "--tearsheet-edit-multi-form");
-
-var MultiFormEditTearsheet = function MultiFormEditTearsheet(_ref) {
-  var cancelButtonText = _ref.cancelButtonText,
-      className = _ref.className,
-      description = _ref.description,
-      influencerWidth = _ref.influencerWidth,
-      label = _ref.label,
-      submitButtonText = _ref.submitButtonText,
-      title = _ref.title;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      hasSubmitError = _useState4[0],
-      setHasSubmitError = _useState4[1];
-
-  var _useState5 = (0, _react.useState)('Topic name here'),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      formOneTextInputValue = _useState6[0],
-      setFormOneTextInputValue = _useState6[1];
-
-  var _useState7 = (0, _react.useState)('Topic description here'),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      topicDescriptionValue = _useState8[0],
-      setTopicDescriptionValue = _useState8[1];
-
-  var _useState9 = (0, _react.useState)('Topic value here'),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      topicVersionValue = _useState10[0],
-      setTopicVersionValue = _useState10[1];
-
-  var _useState11 = (0, _react.useState)('Location here'),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      topicLocationValue = _useState12[0],
-      setTopicLocationValue = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(1),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      formTwoTextInputValue = _useState14[0],
-      setFormTwoTextInputValue = _useState14[1];
-
-  var _useState15 = (0, _react.useState)('one-day'),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      formThreeTextInputValue = _useState16[0],
-      setFormThreeTextInputValue = _useState16[1];
-
-  var _useState17 = (0, _react.useState)(false),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      isInvalid = _useState18[0],
-      setIsInvalid = _useState18[1];
-
-  var clearCreateData = function clearCreateData() {
-    setFormOneTextInputValue(formOneTextInputValue);
-    setTopicDescriptionValue(topicDescriptionValue);
-    setTopicVersionValue(topicVersionValue);
-    setTopicLocationValue(topicLocationValue);
-    setFormTwoTextInputValue(1);
-    setFormThreeTextInputValue('one-day');
-    setHasSubmitError(false);
-    setIsInvalid(false);
-    setOpen(false);
-  };
-
-  var handleModalClick = function handleModalClick() {
-    setOpen(!open);
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("style", null, ".".concat(blockClass, " { opacity: 0 }"), ";"), /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    onClick: handleModalClick
-  }, open ? 'Close EditTearsheet' : 'Open EditTearsheet'), /*#__PURE__*/_react.default.createElement(_EditTearsheet.EditTearsheet, {
-    influencerWidth: influencerWidth,
-    label: label,
-    className: (0, _classnames.default)(blockClass, className),
-    submitButtonText: submitButtonText,
-    cancelButtonText: cancelButtonText,
-    description: description,
-    title: title,
-    open: open,
-    onHandleModalClick: handleModalClick,
-    onClose: clearCreateData
-  }, /*#__PURE__*/_react.default.createElement(_EditTearsheetForm.EditTearsheetForm, {
-    title: "Topic name",
-    fieldsetLegendText: "Topic information",
-    subtitle: "This is the unique name used to recognize your topic",
-    description: "It will also be used by your producers and consumers as part of the connection information, so make it something easy to recognize."
-  }, /*#__PURE__*/_react.default.createElement(_react2.Column, {
-    xlg: 8,
-    lg: 8,
-    md: 8,
-    sm: 8
-  }, /*#__PURE__*/_react.default.createElement(_react2.TextInput, {
-    labelText: "Topic name",
-    placeholder: "Enter topic name",
-    id: "tearsheet-multi-form-story-text-input-multi-form-1",
-    value: formOneTextInputValue,
-    onChange: function onChange(event) {
-      if (event.target.value.length) {
-        setIsInvalid(false);
-      }
-
-      setFormOneTextInputValue(event.target.value);
-    },
-    invalid: isInvalid,
-    invalidText: "This is a required field",
-    onBlur: function onBlur() {
-      if (!formOneTextInputValue.length) {
-        setIsInvalid(true);
-      }
-    }
-  }), /*#__PURE__*/_react.default.createElement(_react2.TextInput, {
-    labelText: "Topic description (optional)",
-    id: "tearsheet-multi-form-story-text-input-multi-form-1-input-2",
-    value: topicDescriptionValue,
-    placeholder: "Enter topic description",
-    onChange: function onChange(event) {
-      return setTopicDescriptionValue(event.target.value);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_react2.TextInput, {
-    labelText: "Topic version (optional)",
-    id: "tearsheet-multi-form-story-text-input-multi-form-1-input-3",
-    value: topicVersionValue,
-    placeholder: "Enter topic version",
-    onChange: function onChange(event) {
-      return setTopicVersionValue(event.target.value);
-    }
-  }), hasSubmitError && /*#__PURE__*/_react.default.createElement(_react2.InlineNotification, {
-    kind: "error",
-    title: "Error",
-    subtitle: "Resolve errors to continue",
-    onClose: function onClose() {
-      return setHasSubmitError(!hasSubmitError);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_react2.Toggle, {
-    className: "".concat(blockClass, "__error--toggle"),
-    id: "simulated-error-toggle",
-    size: "sm",
-    labelText: "Simulate error",
-    onToggle: function onToggle() {
-      return setHasSubmitError(!hasSubmitError);
-    },
-    toggled: hasSubmitError
-  }))), /*#__PURE__*/_react.default.createElement(_EditTearsheetForm.EditTearsheetForm, {
-    title: "Location",
-    subtitle: "Custom form subtitle",
-    fieldsetLegendText: "",
-    description: "Custom form description (see storybook implementation for new custom form capability)"
-  }, /*#__PURE__*/_react.default.createElement(_react2.Column, {
-    xlg: 8,
-    lg: 8,
-    md: 8,
-    sm: 8
-  }, /*#__PURE__*/_react.default.createElement(_react2.TextInput, {
-    value: topicLocationValue,
-    onChange: function onChange(event) {
-      return setTopicLocationValue(event.target.value);
-    },
-    id: "custom-form-input",
-    labelText: "Location",
-    placeholder: "Enter location"
-  }))), /*#__PURE__*/_react.default.createElement(_EditTearsheetForm.EditTearsheetForm, {
-    title: "Partitions",
-    subtitle: "One or more partitions make up a topic. A partition is an ordered list of messages.",
-    description: "Partitions are distributed across the brokers in order to increase the scalability of your topic. You can also use them to distribute messages across the members of a consumer group.",
-    fieldsetLegendText: "Partition information"
-  }, /*#__PURE__*/_react.default.createElement(_react2.Column, {
-    xlg: 3,
-    lg: 3
-  }, /*#__PURE__*/_react.default.createElement(_react2.NumberInput, {
-    id: "carbon-number",
-    min: 1,
-    max: 100,
-    value: formTwoTextInputValue,
-    label: "Partitions",
-    helperText: "1 partition is sufficient for getting started but, production systems often have more.",
-    invalidText: "Max partitions is 100, min is 1",
-    onChange: function onChange(event) {
-      return setFormTwoTextInputValue(event.imaginaryTarget.value);
-    }
-  }))), /*#__PURE__*/_react.default.createElement(_EditTearsheetForm.EditTearsheetForm, {
-    title: "Message retention",
-    subtitle: "This is how long messages are retained before they are deleted.",
-    description: "If your messages are not read by a consumer within this time, they will be missed.",
-    fieldsetLegendText: "Message retention scheduling"
-  }, /*#__PURE__*/_react.default.createElement(_react2.Column, {
-    xlg: 8,
-    lg: 8,
-    md: 8,
-    sm: 8
-  }, /*#__PURE__*/_react.default.createElement(_react2.RadioButtonGroup, {
-    legendText: "Message retention",
-    name: "radio-button-group",
-    defaultSelected: formThreeTextInputValue,
-    onChange: function onChange(value) {
-      return setFormThreeTextInputValue(value);
-    },
-    orientation: "vertical"
-  }, /*#__PURE__*/_react.default.createElement(_react2.RadioButton, {
-    labelText: "A day",
-    value: "one-day",
-    id: "one-day"
-  }), /*#__PURE__*/_react.default.createElement(_react2.RadioButton, {
-    labelText: "A week",
-    value: "one-week",
-    id: "one-week"
-  }), /*#__PURE__*/_react.default.createElement(_react2.RadioButton, {
-    labelText: "A month",
-    value: "one-month",
-    id: "one-month"
-  }))))));
-};
-
-exports.MultiFormEditTearsheet = MultiFormEditTearsheet;

package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js

@@ -1,85 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditTearsheetNarrow = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _devtools = require("../../global/js/utils/devtools");
-
-var _settings = require("../../settings");
-
-var _excluded = ["children", "className"];
-// Carbon and package components we use.
-
-/* TODO: @import(s) of carbon components and other package components. */
-// The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(_settings.pkg.prefix, "--edit-tearsheet-narrow");
-var componentName = 'EditTearsheetNarrow'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
-// Default values can be included here and then assigned to the prop params,
-// e.g. prop = defaults.prop,
-// This gathers default values together neatly and ensures non-primitive
-// values are initialized early to avoid react making unnecessary re-renders.
-// Note that 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.
-// Default values for props
-// const defaults = {
-//   /* TODO: add defaults for relevant props if needed */
-// };
-
-/**
- * TODO: A description of the component.
- */
-
-var EditTearsheetNarrow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass, // Apply the block class to the main HTML element
-    className, // Apply any supplied class names to the main HTML element.
-    // example: `${blockClass}__template-string-class-${kind}-n-${size}`,
-    {// switched classes dependant on props or state
-      // example: [`${blockClass}__here-if-small`]: size === 'sm',
-    }),
-    ref: ref,
-    role: "main"
-  }, (0, _devtools.getDevtoolsProps)(componentName)), children);
-}); // Return a placeholder if not released and not enabled by feature flag
-
-
-exports.EditTearsheetNarrow = EditTearsheetNarrow;
-exports.EditTearsheetNarrow = EditTearsheetNarrow = _settings.pkg.checkComponentEnabled(EditTearsheetNarrow, componentName); // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-
-EditTearsheetNarrow.displayName = componentName; // The types and DocGen commentary for the component props,
-// in alphabetical order (for consistency).
-// See https://www.npmjs.com/package/prop-types#usage.
-
-EditTearsheetNarrow.propTypes = {
-  /**
-   * Provide the contents of the EditTearsheetNarrow.
-   */
-  children: _propTypes.default.node.isRequired,
-
-  /**
-   * Provide an optional class to be applied to the containing node.
-   */
-  className: _propTypes.default.string
-  /* TODO: add types and DocGen for all props. */
-
-};

package/lib/components/EditTearsheetNarrow/index.js

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

package/lib/components/EditUpdateCards/EditUpdateCards.js

@@ -1,152 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditUpdateCards = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _devtools = require("../../global/js/utils/devtools");
-
-var _settings = require("../../settings");
-
-var _ProductiveCard = require("../ProductiveCard");
-
-var _excluded = ["actionIcons", "actionsPlacement", "className", "description", "editChildren", "editMode", "label", "previewChildren", "title", "titleSize"];
-// import { children } from 'cheerio/lib/api/traversing';
-// Carbon and package components we use.
-
-/* TODO: @import(s) of carbon components and other package components. */
-// The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(_settings.pkg.prefix, "--edit-update-cards");
-var componentName = 'EditUpdateCards'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
-// Default values can be included here and then assigned to the prop params,
-// e.g. prop = defaults.prop,
-// This gathers default values together neatly and ensures non-primitive
-// values are initialized early to avoid react making unnecessary re-renders.
-// Note that 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.
-// Default values for props
-// const defaults = {
-//   /* TODO: add defaults for relevant props if needed */
-// };
-
-/**
- * TODO: A description of the component.
- */
-
-var EditUpdateCards = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var actionIcons = _ref.actionIcons,
-      actionsPlacement = _ref.actionsPlacement,
-      className = _ref.className,
-      description = _ref.description,
-      editChildren = _ref.editChildren,
-      editMode = _ref.editMode,
-      label = _ref.label,
-      previewChildren = _ref.previewChildren,
-      title = _ref.title,
-      titleSize = _ref.titleSize,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  // const [editMode, setEditMode] = useState(false);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass, // Apply the block class to the main HTML element
-    className, // Apply any supplied class names to the main HTML element.
-    // example: `${blockClass}__template-string-class-${kind}-n-${size}`,
-    (0, _defineProperty2.default)({}, "".concat(blockClass, "__actions-bottom"), actionsPlacement === 'bottom')),
-    ref: ref,
-    role: "main"
-  }, (0, _devtools.getDevtoolsProps)(componentName)), /*#__PURE__*/_react.default.createElement(_ProductiveCard.ProductiveCard, {
-    actionIcons: actionIcons,
-    actionsPlacement: actionsPlacement,
-    className: className,
-    description: description,
-    label: label,
-    title: title,
-    titleSize: titleSize
-  }, editMode === false && /*#__PURE__*/_react.default.createElement("div", null, previewChildren), editMode && /*#__PURE__*/_react.default.createElement("div", null, editChildren)));
-}); // Return a placeholder if not released and not enabled by feature flag
-
-
-exports.EditUpdateCards = EditUpdateCards;
-exports.EditUpdateCards = EditUpdateCards = _settings.pkg.checkComponentEnabled(EditUpdateCards, componentName); // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-
-EditUpdateCards.displayName = componentName; // The types and DocGen commentary for the component props,
-// in alphabetical order (for consistency).
-// See https://www.npmjs.com/package/prop-types#usage.
-
-EditUpdateCards.propTypes = {
-  /**
-   * Icons that are displayed on card. Refer to design documentation for implementation guidelines
-   */
-  actionIcons: _propTypes.default.arrayOf(_propTypes.default.shape({
-    id: _propTypes.default.string,
-    icon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    onKeyDown: _propTypes.default.func,
-    onClick: _propTypes.default.func,
-    iconDescription: _propTypes.default.string,
-    href: _propTypes.default.string
-  })),
-
-  /**
-   * Determines if the action icons are on the top or bottom of the card
-   */
-  actionsPlacement: _propTypes.default.oneOf(['top', 'bottom']),
-
-  /**
-   * Optional label for the top of the card.
-   */
-  className: _propTypes.default.string,
-
-  /**
-   * Optional header description
-   */
-  description: _propTypes.default.string,
-
-  /**
-   * Edit mode children
-   */
-  editChildren: _propTypes.default.node,
-
-  /**
-   * Edit mode
-   */
-  editMode: _propTypes.default.bool,
-
-  /**
-   * Optional label for the top of the card
-   */
-  label: _propTypes.default.string,
-
-  /**
-   * Preview mode children
-   */
-  previewChildren: _propTypes.default.node,
-
-  /**
-   * Title that's displayed at the top of the card
-   */
-  title: _propTypes.default.string,
-
-  /**
-   * Determines title size
-   */
-  titleSize: _propTypes.default.oneOf(['default', 'large'])
-  /* TODO: add types and DocGen for all props. */
-
-};

package/lib/components/EditUpdateCards/index.js

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

package/lib/components/EmptyStates/EmptyState.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaults = exports.EmptyState = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react2 = require("@carbon/react");
-
-var _devtools = require("../../global/js/utils/devtools");
-
-require("../../global/js/utils/props-helper");
-
-var _settings = require("../../settings");
-
-var _EmptyStateContent = require("./EmptyStateContent");
-
-var _excluded = ["action", "className", "illustration", "illustrationDescription", "link", "size", "subtitle", "title"];
-
-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; }
-
-// The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
-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,
-      className = _ref.className,
-      illustration = _ref.illustration,
-      illustrationDescription = _ref.illustrationDescription,
-      link = _ref.link,
-      _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);
-
-  var renderIllustration = function renderIllustration() {
-    return /*#__PURE__*/_react.default.createElement("img", {
-      src: illustration,
-      alt: illustrationDescription,
-      className: (0, _classnames.default)(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-    });
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass, className),
-    ref: ref
-  }, (0, _devtools.getDevtoolsProps)(componentName)), illustration && renderIllustration(), /*#__PURE__*/_react.default.createElement(_EmptyStateContent.EmptyStateContent, {
-    action: action,
-    link: link,
-    size: size,
-    subtitle: subtitle,
-    title: title
-  }));
-}); // Return a placeholder if not released and not enabled by feature flag
-
-
-exports.EmptyState = EmptyState;
-exports.EmptyState = EmptyState = _settings.pkg.checkComponentEnabled(EmptyState, componentName);
-EmptyState.propTypes = {
-  /**
-   * Empty state action button
-   */
-  action: _propTypes.default.shape(_objectSpread(_objectSpread({}, _react2.Button.propTypes), {}, {
-    kind: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary']),
-    renderIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    onClick: _react2.Button.propTypes.onClick,
-    text: _propTypes.default.string
-  })),
-
-  /**
-   * Provide an optional class to be applied to the containing node.
-   */
-  className: _propTypes.default.string,
-
-  /**
-   * Empty state illustration, specify the `src` for a provided illustration to be displayed. In the case of requiring a light and dark illustration of your own, simply pass the corresponding illustration based on the current theme of your application.
-   * For example: `illustration={appTheme === 'dark' ? darkIllustration : lightIllustration}`
-   */
-  illustration: _propTypes.default.string,
-
-  /**
-   * The alt text for custom provided illustrations
-   */
-  illustrationDescription: _propTypes.default.string.isRequired.if(function (_ref2) {
-    var illustration = _ref2.illustration;
-    return illustration;
-  }),
-
-  /**
-   * Empty state link object
-   */
-  link: _propTypes.default.shape(_objectSpread(_objectSpread({}, _react2.Link.propTypes), {}, {
-    text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-    href: _propTypes.default.string
-  })),
-
-  /**
-   * Empty state size
-   */
-  size: _propTypes.default.oneOf(['lg', 'sm']),
-
-  /**
-   * Empty state subtext
-   */
-  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.displayName = componentName;