@carbon/ibm-products 2.24.0 → 2.26.0

package/lib/components/EditUpdateCards/EditUpdateCards.js

@@ -1,33 +1,34 @@
-"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", "onPrimaryButtonClick", "onSecondaryButtonClick", "previewChildren", "title", "titleSize", "primaryButtonIcon", "primaryButtonText", "secondaryButtonIcon", "secondaryButtonText"];
 /**
- * Copyright IBM Corp. 2022, 2022
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-// Import portions of React that are needed.
-// Other standard imports.
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/classnames/index.js');
+var devtools = require('../../global/js/utils/devtools.js');
+var settings = require('../../settings.js');
+var ProductiveCard = require('../ProductiveCard/ProductiveCard.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["actionIcons", "actionsPlacement", "className", "description", "editChildren", "editMode", "label", "onPrimaryButtonClick", "onSecondaryButtonClick", "previewChildren", "title", "titleSize", "primaryButtonIcon", "primaryButtonText", "secondaryButtonIcon", "secondaryButtonText"];
 // 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");
+/* 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.
@@ -51,7 +52,7 @@ var componentName = 'EditUpdateCards';
  These cards are generally used in instances where a user needs to make changes to a resource instances
  (ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
  */
-var EditUpdateCards = exports.EditUpdateCards = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+exports.EditUpdateCards = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var actionIcons = _ref.actionIcons,
     actionsPlacement = _ref.actionsPlacement,
     className = _ref.className,
@@ -68,7 +69,7 @@ var EditUpdateCards = exports.EditUpdateCards = /*#__PURE__*/_react.default.forw
     primaryButtonText = _ref.primaryButtonText,
     secondaryButtonIcon = _ref.secondaryButtonIcon,
     secondaryButtonText = _ref.secondaryButtonText,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   // const [editCardMode, setEditCardMode] = useState(editMode);
 
   var conditionalProps = {
@@ -83,15 +84,15 @@ var EditUpdateCards = exports.EditUpdateCards = /*#__PURE__*/_react.default.forw
     secondaryButtonPlacement: 'top',
     secondaryButtonText: secondaryButtonText
   };
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass,
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: index["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')),
+    _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__actions-bottom"), actionsPlacement === 'bottom')),
     ref: ref,
     role: "main"
-  }, (0, _devtools.getDevtoolsProps)(componentName)), /*#__PURE__*/_react.default.createElement(_ProductiveCard.ProductiveCard, (0, _extends2.default)({
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(ProductiveCard.ProductiveCard, _rollupPluginBabelHelpers["extends"]({
     actionIcons: actionIcons,
     actionsPlacement: actionsPlacement,
     className: className,
@@ -99,110 +100,110 @@ var EditUpdateCards = exports.EditUpdateCards = /*#__PURE__*/_react.default.forw
     label: label,
     title: title,
     titleSize: titleSize
-  }, editMode && conditionalProps), editMode === false && /*#__PURE__*/_react.default.createElement("div", null, previewChildren), editMode && /*#__PURE__*/_react.default.createElement("div", null, editChildren)));
+  }, editMode && conditionalProps), editMode === false && /*#__PURE__*/React__default["default"].createElement("div", null, previewChildren), editMode && /*#__PURE__*/React__default["default"].createElement("div", null, editChildren)));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.EditUpdateCards = EditUpdateCards = _settings.pkg.checkComponentEnabled(EditUpdateCards, componentName);
+exports.EditUpdateCards = settings.pkg.checkComponentEnabled(exports.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;
+exports.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 = {
+exports.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
+  actionIcons: index$1["default"].arrayOf(index$1["default"].shape({
+    id: index$1["default"].string,
+    icon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
+    onKeyDown: index$1["default"].func,
+    onClick: index$1["default"].func,
+    iconDescription: index$1["default"].string,
+    href: index$1["default"].string
   })),
   /**
    * Determines if the action icons are on the top or bottom of the card
    */
-  actionsPlacement: _propTypes.default.oneOf(['top', 'bottom']),
+  actionsPlacement: index$1["default"].oneOf(['top', 'bottom']),
   /**
    * Optional label for the top of the card.
    */
-  className: _propTypes.default.string,
+  className: index$1["default"].string,
   /**
    * Optional header description
    */
-  description: _propTypes.default.string,
+  description: index$1["default"].string,
   /**
    * Edit mode children
    */
-  editChildren: _propTypes.default.node,
+  editChildren: index$1["default"].node,
   /**
    * Edit mode
    */
-  editMode: _propTypes.default.bool,
+  editMode: index$1["default"].bool,
   /**
    * Optional label for the top of the card
    */
-  label: _propTypes.default.string,
+  label: index$1["default"].string,
   /**
    * Function that's called from the primary button or action icon
    */
-  onPrimaryButtonClick: _propTypes.default.func,
+  onPrimaryButtonClick: index$1["default"].func,
   /**
    * Function that's called from the secondary button or action icon
    */
-  onSecondaryButtonClick: _propTypes.default.func,
+  onSecondaryButtonClick: index$1["default"].func,
   /**
    * Preview mode children
    */
-  previewChildren: _propTypes.default.node,
+  previewChildren: index$1["default"].node,
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
-  primaryButtonIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  primaryButtonIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
   /**
    * Establishes the kind of button displayed for the primary button
    */
-  primaryButtonKind: _propTypes.default.oneOf(['primary', 'ghost']),
+  primaryButtonKind: index$1["default"].oneOf(['primary', 'ghost']),
   /**
    * Determines if the primary button is on the top or bottom of the card
    */
-  primaryButtonPlacement: _propTypes.default.oneOf(['top', 'bottom']),
+  primaryButtonPlacement: index$1["default"].oneOf(['top', 'bottom']),
   /**
    * The text that's displayed in the primary button
    */
-  primaryButtonText: _propTypes.default.string,
+  primaryButtonText: index$1["default"].string,
   /**
    * Optionally specify an href for your Button to become an <a> element
    */
-  secondaryButtonHref: _propTypes.default.string,
+  secondaryButtonHref: index$1["default"].string,
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
-  secondaryButtonIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  secondaryButtonIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
   /**
    * Establishes the kind of button displayed for the secondary button
    */
-  secondaryButtonKind: _propTypes.default.oneOf(['secondary', 'ghost']),
+  secondaryButtonKind: index$1["default"].oneOf(['secondary', 'ghost']),
   /**
    * Determines if the secondary button is on the top or bottom of the card
    */
-  secondaryButtonPlacement: _propTypes.default.oneOf(['top', 'bottom']),
+  secondaryButtonPlacement: index$1["default"].oneOf(['top', 'bottom']),
   /**
    * The text that's displayed in the secondary button
    */
-  secondaryButtonText: _propTypes.default.string,
+  secondaryButtonText: index$1["default"].string,
   /**
    * Title that's displayed at the top of the card
    */
-  title: _propTypes.default.string,
+  title: index$1["default"].string,
   /**
    * Determines title size
    */
-  titleSize: _propTypes.default.oneOf(['default', 'large'])
+  titleSize: index$1["default"].oneOf(['default', 'large'])
   /* TODO: add types and DocGen for all props. */
-};
+};

package/lib/components/EditUpdateCards/index.d.ts

@@ -0,0 +1 @@
+export { EditUpdateCards } from "./EditUpdateCards";

package/lib/components/EmptyStates/EmptyState.d.ts

@@ -0,0 +1,9 @@
+export namespace defaults {
+    let position: string;
+    let size: string;
+}
+/**
+ * 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.
+ */
+export let EmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/components/EmptyStates/EmptyState.js

@@ -1,38 +1,38 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaults = exports.EmptyState = 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 _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", "illustrationPosition", "link", "size", "subtitle", "title"];
 /**
- * Copyright IBM Corp. 2020, 2021
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-// Import portions of React that are needed.
-// Other standard imports.
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/classnames/index.js');
+var react = require('@carbon/react');
+var devtools = require('../../global/js/utils/devtools.js');
+require('../../global/js/utils/props-helper.js');
+var settings = require('../../settings.js');
+var EmptyStateContent = require('./EmptyStateContent.js');
+var EmptyStateV2 = require('./EmptyStateV2.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["v2"],
+  _excluded2 = ["action", "className", "illustration", "illustrationDescription", "illustrationPosition", "link", "size", "subtitle", "title"];
+
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(_settings.pkg.prefix, "--empty-state");
+var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
 var componentName = 'EmptyState';
 
 // Default values for props
-var defaults = exports.defaults = {
+var defaults = {
   position: 'top',
   size: 'lg'
 };
@@ -40,27 +40,34 @@ var defaults = exports.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 = exports.EmptyState = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var action = _ref.action,
-    className = _ref.className,
-    illustration = _ref.illustration,
-    illustrationDescription = _ref.illustrationDescription,
-    _ref$illustrationPosi = _ref.illustrationPosition,
-    illustrationPosition = _ref$illustrationPosi === void 0 ? defaults.position : _ref$illustrationPosi,
-    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);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass, "".concat(blockClass, "-type--default"), className, (0, _defineProperty2.default)({}, "".concat(blockClass, "-position--").concat(illustrationPosition), !!illustration)),
+exports.EmptyState = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+  var _ref$v = _ref.v2,
+    v2 = _ref$v === void 0 ? false : _ref$v,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  // todo: deprecate v1
+  if (v2) {
+    return /*#__PURE__*/React__default["default"].createElement(EmptyStateV2.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,
+    subtitle = props.subtitle,
+    title = props.title,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: index["default"](blockClass, "".concat(blockClass, "-type--default"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-position--").concat(illustrationPosition), !!illustration)),
     ref: ref
-  }, (0, _devtools.getDevtoolsProps)(componentName)), illustration && /*#__PURE__*/_react.default.createElement("img", {
+  }, devtools.getDevtoolsProps(componentName)), illustration && /*#__PURE__*/React__default["default"].createElement("img", {
     src: illustration,
     alt: illustrationDescription,
-    className: (0, _classnames.default)(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/_react.default.createElement(_EmptyStateContent.EmptyStateContent, {
+    className: index["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
+  }), /*#__PURE__*/React__default["default"].createElement(EmptyStateContent.EmptyStateContent, {
     action: action,
     link: link,
     size: size,
@@ -70,55 +77,62 @@ var EmptyState = exports.EmptyState = /*#__PURE__*/_react.default.forwardRef(fun
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.EmptyState = EmptyState = _settings.pkg.checkComponentEnabled(EmptyState, componentName);
-EmptyState.propTypes = {
+exports.EmptyState = settings.pkg.checkComponentEnabled(exports.EmptyState, componentName);
+exports.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
+  action: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    kind: index$1["default"].oneOf(['primary', 'secondary', 'tertiary']),
+    renderIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
+    onClick: react.Button.propTypes.onClick,
+    text: index$1["default"].string
   })),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: _propTypes.default.string,
+  className: index$1["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,
+  illustration: index$1["default"].string,
   /**
    * The alt text for custom provided illustrations
    */
-  illustrationDescription: _propTypes.default.string.isRequired.if(function (_ref2) {
+  illustrationDescription: index$1["default"].string.isRequired.if(function (_ref2) {
     var illustration = _ref2.illustration;
     return illustration;
   }),
   /**
    * Designates the position of the illustration relative to the content
    */
-  illustrationPosition: _propTypes.default.oneOf(['top', 'right', 'bottom', 'left']),
+  illustrationPosition: index$1["default"].oneOf(['top', 'right', 'bottom', 'left']),
   /**
    * 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
+  link: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
+    text: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
+    href: index$1["default"].string
   })),
   /**
    * Empty state size
    */
-  size: _propTypes.default.oneOf(['lg', 'sm']),
+  size: index$1["default"].oneOf(['lg', 'sm']),
   /**
    * Empty state subtext
    */
-  subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  subtitle: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
   /**
    * Empty state heading
    */
-  title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired
+  title: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]).isRequired,
+  /**
+   * Designates which version of the EmptyState component is being used.
+   * Refer to V2 documentation separately.
+   */
+  v2: index$1["default"].bool
 };
-EmptyState.displayName = componentName;
+exports.EmptyState.displayName = componentName;
+
+exports.defaults = defaults;