@carbon/ibm-products 1.34.1 → 1.35.0

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

@@ -1,96 +1,73 @@
 "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 _carbonComponentsReact = require("carbon-components-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 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;
-
+    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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+    isInvalid = _useState18[0],
+    setIsInvalid = _useState18[1];
   var clearCreateData = function clearCreateData() {
     setFormOneTextInputValue(formOneTextInputValue);
     setTopicDescriptionValue(topicDescriptionValue);
@@ -102,11 +79,9 @@ var MultiFormEditTearsheet = function MultiFormEditTearsheet(_ref) {
     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(_carbonComponentsReact.Button, {
     onClick: handleModalClick
   }, open ? 'Close EditTearsheet' : 'Open EditTearsheet'), /*#__PURE__*/_react.default.createElement(_EditTearsheet.EditTearsheet, {
@@ -139,7 +114,6 @@ var MultiFormEditTearsheet = function MultiFormEditTearsheet(_ref) {
       if (event.target.value.length) {
         setIsInvalid(false);
       }
-
       setFormOneTextInputValue(event.target.value);
     },
     invalid: isInvalid,
@@ -250,5 +224,4 @@ var MultiFormEditTearsheet = function MultiFormEditTearsheet(_ref) {
     id: "one-month"
   })))))));
 };
-
 exports.MultiFormEditTearsheet = MultiFormEditTearsheet;

package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js

@@ -1,33 +1,27 @@
 "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.
+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
@@ -36,6 +30,7 @@ var componentName = 'EditTearsheetNarrow'; // NOTE: the component SCSS is not im
 // 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 */
@@ -44,42 +39,45 @@ var componentName = 'EditTearsheetNarrow'; // NOTE: the component SCSS is not im
 /**
  * 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);
+    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.
+    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
+    {
+      // 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
-
+});
 
+// 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
+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;
 
-EditTearsheetNarrow.displayName = componentName; // The types and DocGen commentary for the component props,
+// 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. */
 
+  /* TODO: add types and DocGen for all props. */
 };

package/lib/components/EditTearsheetNarrow/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "EditTearsheetNarrow", {
     return _EditTearsheetNarrow.EditTearsheetNarrow;
   }
 });
-
 var _EditTearsheetNarrow = require("./EditTearsheetNarrow");

package/lib/components/EditUpdateCards/EditUpdateCards.js

@@ -0,0 +1,140 @@
+"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

@@ -0,0 +1,12 @@
+"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,61 +1,44 @@
 "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 _carbonComponentsReact = require("carbon-components-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 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);
-
+    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,
@@ -63,7 +46,6 @@ var EmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       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
@@ -74,9 +56,9 @@ var EmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     subtitle: subtitle,
     title: title
   }));
-}); // Return a placeholder if not released and not enabled by feature flag
-
+});
 
+// 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 = {
@@ -89,18 +71,15 @@ EmptyState.propTypes = {
     onClick: _carbonComponentsReact.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
    */
@@ -108,7 +87,6 @@ EmptyState.propTypes = {
     var illustration = _ref2.illustration;
     return illustration;
   }),
-
   /**
    * Empty state link object
    */
@@ -116,17 +94,14 @@ EmptyState.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
    */

package/lib/components/EmptyStates/EmptyStateContent.js

@@ -1,40 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmptyStateContent = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _settings = require("../../settings");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _carbonComponentsReact = require("carbon-components-react");
-
 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 = 'EmptyStateContent';
-
 var EmptyStateContent = function EmptyStateContent(_ref) {
   var action = _ref.action,
-      link = _ref.link,
-      size = _ref.size,
-      subtitle = _ref.subtitle,
-      title = _ref.title;
+    link = _ref.link,
+    size = _ref.size,
+    subtitle = _ref.subtitle,
+    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), subtitle && /*#__PURE__*/_react.default.createElement("p", {
@@ -49,15 +37,16 @@ var EmptyStateContent = function EmptyStateContent(_ref) {
     className: "".concat(blockClass, "__link"),
     href: link.href
   }), link.text));
-}; // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-
+};
 
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
 exports.EmptyStateContent = EmptyStateContent;
-EmptyStateContent.displayName = componentName; // The types and DocGen commentary for the component props,
+EmptyStateContent.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.
-
 EmptyStateContent.propTypes = {
   /**
    * Empty state action button
@@ -69,7 +58,6 @@ EmptyStateContent.propTypes = {
     onClick: _carbonComponentsReact.Button.propTypes.onClick,
     text: _propTypes.default.string
   })),
-
   /**
    * Empty state link object
    */
@@ -77,17 +65,14 @@ EmptyStateContent.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 subtitle
    */
   subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-
   /**
    * Empty state title
    */