@carbon/ibm-products 2.43.2-canary.31 → 2.43.2-canary.318

package/es/components/EditInPlace/EditInPlace.js

@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, typeof as _typeof, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, typeof as _typeof, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { WarningFilled, Close, Checkmark, Edit } from '@carbon/react/icons';
 import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
+import { pkg, carbon } from '../../settings.js';
 import { IconButton } from '@carbon/react';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
-import PropTypes from '../../node_modules/prop-types/index.js';
-import { WarningFilled, Close, Checkmark, Edit } from '@carbon/react/icons';
-import { pkg, carbon } from '../../settings.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 
 var _Close, _Checkmark, _Edit;
-var _excluded = ["cancelLabel", "editAlwaysVisible", "editLabel", "id", "inheritTypography", "invalid", "invalidLabel", "invalidText", "labelText", "onCancel", "onChange", "onSave", "saveLabel", "size", "tooltipAlignment", "value"];
+var _excluded = ["cancelLabel", "editAlwaysVisible", "editLabel", "id", "inheritTypography", "invalid", "invalidLabel", "invalidText", "labelText", "onCancel", "onChange", "onSave", "onBlur", "saveLabel", "size", "tooltipAlignment", "value", "placeholder"];
 var componentName = 'EditInPlace';
 var blockClass = "".concat(pkg.prefix, "--edit-in-place");
 var defaults = {
@@ -36,11 +36,13 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onCancel = _ref.onCancel,
     onChange = _ref.onChange,
     onSave = _ref.onSave,
+    onBlur = _ref.onBlur,
     saveLabel = _ref.saveLabel,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'sm' : _ref$size,
     tooltipAlignment = _ref.tooltipAlignment,
     value = _ref.value,
+    placeholder = _ref.placeholder,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -93,25 +95,30 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
   var onSaveHandler = function onSaveHandler() {
     setInitialValue(value);
-    setFocused(false);
     setDirtyInput(false);
     onSave();
+    setFocused(false);
   };
   var onCancelHandler = function onCancelHandler() {
-    setFocused(false);
     setDirtyInput(false);
     onCancel(initialValue);
   };
   var onBlurHandler = function onBlurHandler(e) {
-    // if (readOnly || escaping.current) {
-    if (escaping.current) {
-      return;
-    }
-    if (!isTargetingChild(e)) {
-      if (canSave) {
-        onSaveHandler();
-      } else {
-        onCancelHandler();
+    // Use custom function provided if passed through
+    if (typeof onBlur === 'function' && !isTargetingChild(e)) {
+      onBlur(initialValue);
+      setFocused(false);
+    } else {
+      // Use Default behavior if no custom function provided
+      if (escaping.current) {
+        return;
+      }
+      if (!isTargetingChild(e)) {
+        if (canSave) {
+          onSaveHandler();
+        } else {
+          onCancelHandler();
+        }
       }
     }
   };
@@ -123,17 +130,21 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var escapeHandler = function escapeHandler() {
     onCancelHandler();
   };
+  var removeFocus = function removeFocus() {
+    var _inputRef$current2;
+    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+    setFocused(false);
+  };
   var onKeyHandler = function onKeyHandler(e) {
-    var _inputRef$current2, _inputRef$current3;
     // to prevent blur handler from being called twice add additional state to check if escape is being used
     escaping.current = true;
     switch (e.key) {
       case 'Escape':
-        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+        removeFocus();
         escapeHandler();
         break;
       case 'Enter':
-        (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.blur();
+        removeFocus();
         returnHandler();
         break;
     }
@@ -149,6 +160,7 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
     id: id,
     className: cx("".concat(blockClass, "__text-input"), "".concat(carbon.prefix, "--text-input"), "".concat(carbon.prefix, "--text-input--").concat(size)),
     type: "text",
+    placeholder: placeholder,
     value: value,
     onChange: onChangeHandler,
     ref: inputRef
@@ -158,9 +170,6 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-label": labelText,
     "aria-invalid": invalid
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__ellipsis"),
-    "aria-hidden": !focused
-  }, "\u2026"), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__toolbar")
   }, invalid && /*#__PURE__*/React__default.createElement(WarningFilled, {
     size: 16,
@@ -251,6 +260,10 @@ EditInPlace.propTypes = _objectSpread2({
    * Provide the text that will be read by a screen reader when visiting this control
    */
   labelText: PropTypes.string.isRequired,
+  /**
+   * handler to add custom onBlur event
+   */
+  onBlur: PropTypes.func,
   /**
    * handler that is called when the cancel button is pressed or when the user removes focus from the input and there is no new value
    */
@@ -263,6 +276,10 @@ EditInPlace.propTypes = _objectSpread2({
    * handler that is called when the save button is pressed or when the user removes focus from the input if it has a new value
    */
   onSave: PropTypes.func.isRequired,
+  /**
+   * Placeholder for text input
+   */
+  placeholder: PropTypes.string,
   /**
    * determines if the input is in readOnly mode
    */

package/es/components/EditInPlace/index.d.ts

@@ -1 +1,8 @@
-export { EditInPlace } from "./EditInPlace";
+/**
+ * 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.
+ */
+export { EditInPlace } from './EditInPlace';
+export type { EditInplaceProps } from './EditInPlace';

package/es/components/EditSidePanel/EditSidePanel.d.ts

@@ -4,9 +4,9 @@
  * 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 React, { ReactNode } from 'react';
 import '../../global/js/utils/props-helper';
-interface EditSidePanelProps {
+import React, { ReactNode } from 'react';
+export interface EditSidePanelProps {
     /**
      * Sets the body content of the create side panel
      */
@@ -92,4 +92,3 @@ interface EditSidePanelProps {
  * Use with medium complexity edits if the user needs page context.
  */
 export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/EditSidePanel/EditSidePanel.js

@@ -6,15 +6,15 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../global/js/utils/props-helper.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import { Form } from '@carbon/react';
+import PropTypes from '../../_virtual/index.js';
+import { SidePanel } from '../SidePanel/SidePanel.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
-import { Form } from '@carbon/react';
-import '../../global/js/utils/props-helper.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
-import { SidePanel } from '../SidePanel/SidePanel.js';
 
 var _excluded = ["children", "className", "disableSubmit", "id", "formTitle", "formDescription", "onRequestClose", "onRequestSubmit", "open", "placement", "primaryButtonText", "secondaryButtonText", "selectorPrimaryFocus", "selectorPageContent", "size", "slideIn", "subtitle", "title"];
 

package/es/components/EditSidePanel/index.d.ts

@@ -1 +1,8 @@
-export { EditSidePanel } from "./EditSidePanel";
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { EditSidePanel } from './EditSidePanel';
+export type { EditSidePanelProps } from './EditSidePanel';

package/es/components/EditTearsheet/EditTearsheet.d.ts

@@ -5,7 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode, PropsWithChildren } from 'react';
-export declare const FormContext: React.Context<null>;
+export type FormContextType = {
+    currentForm: number;
+    setFormTitle: () => void;
+};
+export declare const FormContext: React.Context<FormContextType | null>;
 export declare const FormNumberContext: React.Context<number>;
 interface EditTearsheetProps extends PropsWithChildren {
     /**
@@ -47,7 +51,8 @@ interface EditTearsheetProps extends PropsWithChildren {
      */
     onFormChange?: (formIndex: number) => number;
     /**
-     * Specify a handler for submitting the tearsheet.
+     * Specify a handler for submitting the tearsheet. Throughout its execution
+     * the submit button will be disabled and include a loading indicator.
      */
     onRequestSubmit: () => void;
     /**

package/es/components/EditTearsheet/EditTearsheet.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useState, useRef, createContext } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { Form, SideNav, SideNavItems, SideNavMenuItem } from '@carbon/react';
 import { pkg } from '../../settings.js';
@@ -18,7 +18,6 @@ import { prepareProps } from '../../global/js/utils/props-helper.js';
 var _excluded = ["cancelButtonText", "children", "className", "description", "influencerWidth", "label", "onClose", "open", "submitButtonText", "title", "verticalPosition", "onRequestSubmit", "onFormChange", "sideNavAriaLabel"];
 var componentName = 'EditTearsheet';
 var blockClass = "".concat(pkg.prefix, "--tearsheet-edit");
-
 // This is a general context for the forms container
 // containing information about the state of the container
 // and providing some callback methods for forms to use
@@ -60,10 +59,45 @@ var EditTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$sideNavAriaLabel = _ref.sideNavAriaLabel,
     sideNavAriaLabel = _ref$sideNavAriaLabel === void 0 ? defaults.sideNavAriaLabel : _ref$sideNavAriaLabel,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSubmitting = _useState2[0],
+    setIsSubmitting = _useState2[1];
+  var handleOnRequestSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setIsSubmitting(true);
+            _context.prev = 1;
+            _context.next = 4;
+            return onRequestSubmit();
+          case 4:
+            _context.next = 9;
+            break;
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](1);
+            console.warn("".concat(componentName, " submit error: ").concat(_context.t0));
+          case 9:
+            setIsSubmitting(false);
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 6]]);
+    }));
+    return function handleOnRequestSubmit() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var actions = [{
     key: 'edit-action-button-submit',
     label: submitButtonText,
-    onClick: onRequestSubmit,
+    onClick: function onClick() {
+      return handleOnRequestSubmit();
+    },
+    loading: isSubmitting,
     kind: 'primary'
   }, {
     key: 'edit-action-button-cancel',
@@ -71,14 +105,14 @@ var EditTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick: onClose,
     kind: 'ghost'
   }];
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentForm = _useState2[0],
-    setCurrentForm = _useState2[1];
-  var _useState3 = useState([]),
+  var _useState3 = useState(0),
     _useState4 = _slicedToArray(_useState3, 2),
-    formTitles = _useState4[0],
-    setFormTitles = _useState4[1];
+    currentForm = _useState4[0],
+    setCurrentForm = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    formTitles = _useState6[0],
+    setFormTitles = _useState6[1];
   var contentRef = useRef(null);
   var handleCurrentForm = function handleCurrentForm(formIndex) {
     setCurrentForm(formIndex);

package/es/components/EditTearsheet/EditTearsheetForm.d.ts

@@ -1,2 +1,45 @@
-export let EditTearsheetForm: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+/**
+ * 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.
+ */
+import React, { ReactNode } from 'react';
+interface EditTearsheetFormBaseProps {
+    /**
+     * Content that shows in the tearsheet form
+     */
+    children?: ReactNode;
+    /**
+     * Sets an optional className to be added to the tearsheet form
+     */
+    className?: string;
+    /**
+     * Sets an optional description on the form component
+     */
+    description?: string;
+    /**
+     * This optional prop will render your form content inside of a fieldset html element
+     * and is defaulted to true.
+     * You can set this prop to `false` if you have multiple fieldset elements or want to control the children of your Full Page's form content.
+     */
+    hasFieldset?: boolean;
+    /**
+     * Sets an optional subtitle on the form component
+     */
+    subtitle?: string;
+    /**
+     * Sets the title text for a tearsheet form
+     */
+    title: ReactNode;
+}
+type EditTearsheetFormFieldsetTypes = {
+    hasFieldset?: false;
+    fieldsetLegendText: string;
+} | {
+    hasFieldset: true;
+    fieldsetLegendText: string;
+};
+type EditTearsheetFormProps = EditTearsheetFormBaseProps & EditTearsheetFormFieldsetTypes;
+export declare let EditTearsheetForm: React.ForwardRefExoticComponent<EditTearsheetFormProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/es/components/EditTearsheet/EditTearsheetForm.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useContext } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { Grid, Column, FormGroup } from '@carbon/react';
 import { FormContext, FormNumberContext } from './EditTearsheet.js';
@@ -82,6 +82,7 @@ EditTearsheetForm.propTypes = {
    * You can set the `hasFieldset` prop to false if you have multiple fieldset elements or want to control the children of your Full Page's form content.
    * Otherwise, use CSS to hide/remove this label text.
    */
+  /**@ts-ignore */
   fieldsetLegendText: PropTypes.string.isRequired.if(function (_ref2) {
     var hasFieldset = _ref2.hasFieldset;
     return !!hasFieldset;
@@ -91,10 +92,12 @@ EditTearsheetForm.propTypes = {
    * and is defaulted to true.
    * You can set this prop to `false` if you have multiple fieldset elements or want to control the children of your Full Page's form content.
    */
+  /**@ts-ignore*/
   hasFieldset: PropTypes.bool,
   /**
    * Sets an optional subtitle on the form component
    */
+  /**@ts-ignore*/
   subtitle: PropTypes.string,
   /**
    * Sets the title text for a tearsheet form

package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface EditTearsheetNarrowProps {
+export interface EditTearsheetNarrowProps {
     /**
      * Provide the contents of the EditTearsheetNarrow.
      */
@@ -19,4 +19,3 @@ interface EditTearsheetNarrowProps {
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
  */
 export declare let EditTearsheetNarrow: React.ForwardRefExoticComponent<EditTearsheetNarrowProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';

package/es/components/EditTearsheetNarrow/index.d.ts

@@ -1 +1,8 @@
-export { EditTearsheetNarrow } from "./EditTearsheetNarrow";
+/**
+ * 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.
+ */
+export { EditTearsheetNarrow } from './EditTearsheetNarrow';
+export type { EditTearsheetNarrowProps } from './EditTearsheetNarrow';

package/es/components/EditUpdateCards/EditUpdateCards.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2022, 2022
+ * Copyright IBM Corp. 2022, 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.
@@ -15,7 +15,7 @@ type ActionIcon = {
     href?: string;
 };
 type PlacementType = 'top' | 'bottom';
-interface EditUpdateCardsProps {
+export interface EditUpdateCardsProps {
     /**
      * Icons that are displayed on card. Refer to design documentation for implementation guidelines
      */

package/es/components/EditUpdateCards/EditUpdateCards.js

@@ -7,13 +7,14 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import { ProductiveCard } from '../ProductiveCard/ProductiveCard.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
-import { ProductiveCard } from '../ProductiveCard/ProductiveCard.js';
 
 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.
@@ -82,8 +83,7 @@ var EditUpdateCards = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     className, // Apply any supplied class names to the main HTML element.
     // example: `${blockClass}__template-string-class-${kind}-n-${size}`,
     _defineProperty({}, "".concat(blockClass, "__actions-bottom"), actionsPlacement === 'bottom')),
-    ref: ref,
-    role: "main"
+    ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(ProductiveCard, _extends({
     actionIcons: actionIcons,
     actionsPlacement: actionsPlacement,

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

@@ -1 +1,8 @@
-export { EditUpdateCards } from "./EditUpdateCards";
+/**
+ * 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.
+ */
+export { EditUpdateCards } from './EditUpdateCards';
+export type { EditUpdateCardsProps } from './EditUpdateCards';

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

@@ -1,9 +1,76 @@
-export namespace defaults {
-    let position: string;
-    let size: string;
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference path="../../../src/custom-typings/index.d.ts" />
+import React, { ReactNode } from 'react';
+import '../../global/js/utils/props-helper';
+import { ButtonProps } from '@carbon/react';
+import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
+declare enum sizes {
+    lg = "lg",
+    sm = "sm"
+}
+export declare const defaults: {
+    position: string;
+    size: sizes;
+};
+export interface EmptyStateProps {
+    /**
+     * Empty state action button
+     */
+    action?: {
+        kind?: 'primary' | 'secondary' | 'tertiary';
+        renderIcon?: CarbonIconType;
+        onClick?: ButtonProps['onClick'];
+        text?: string;
+    };
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: 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?: string;
+    /**
+     * The alt text for empty state svg images. If not provided , title will be used.
+     */
+    illustrationDescription?: string;
+    /**
+     * Designates the position of the illustration relative to the content
+     */
+    illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Empty state link object
+     */
+    link?: {
+        text?: string | ReactNode;
+        href?: string;
+    };
+    /**
+     * Empty state size
+     */
+    size?: 'lg' | 'sm';
+    /**
+     * Empty state subtitle
+     */
+    subtitle?: string | ReactNode;
+    /**
+     * Empty state title
+     */
+    title: string | ReactNode;
+    /**
+     * Designates which version of the EmptyState component is being used.
+     * Refer to V2 documentation separately.
+     */
+    v2?: boolean;
 }
 /**
  * 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';
+export declare let EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/es/components/EmptyStates/EmptyState.js

@@ -5,16 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import { EmptyStateV2 } from './EmptyStateV2.js';
+import './ErrorEmptyState/ErrorEmptyState.js';
+import './NoDataEmptyState/NoDataEmptyState.js';
+import './NoTagsEmptyState/NoTagsEmptyState.js';
+import './NotFoundEmptyState/NotFoundEmptyState.js';
+import './NotificationsEmptyState/NotificationsEmptyState.js';
+import './UnauthorizedEmptyState/UnauthorizedEmptyState.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { Button, Link } from '@carbon/react';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';
 import { EmptyStateContent } from './EmptyStateContent.js';
-import { EmptyStateV2 } from './EmptyStateV2.js';
 
 var _excluded = ["v2"],
   _excluded2 = ["action", "className", "illustration", "illustrationDescription", "illustrationPosition", "link", "size", "subtitle", "title"];
@@ -22,13 +28,15 @@ var _excluded = ["v2"],
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 var componentName = 'EmptyState';
-
-// Default values for props
+var sizes = /*#__PURE__*/function (sizes) {
+  sizes["lg"] = "lg";
+  sizes["sm"] = "sm";
+  return sizes;
+}(sizes || {}); // Default values for props
 var defaults = {
   position: 'top',
-  size: 'lg'
+  size: sizes.lg
 };
-
 /**
  * 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.
  */
@@ -64,7 +72,7 @@ var EmptyState = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     link: link,
     size: size,
     subtitle: subtitle,
-    title: title
+    title: title !== null && title !== void 0 ? title : ''
   }));
 });
 
@@ -92,6 +100,7 @@ EmptyState.propTypes = {
   /**
    * The alt text for custom provided illustrations
    */
+  /**@ts-ignore*/
   illustrationDescription: PropTypes.string.isRequired.if(function (_ref2) {
     var illustration = _ref2.illustration;
     return illustration;

package/es/components/EmptyStates/EmptyStateContent.d.ts

@@ -4,7 +4,7 @@ export function EmptyStateContent({ action, link, size, subtitle, title }: {
     size: any;
     subtitle: any;
     title: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace EmptyStateContent {
     export { componentName as displayName };
     export namespace propTypes {
@@ -15,6 +15,7 @@ export namespace EmptyStateContent {
         let title: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
     }
 }
+import React from 'react';
 declare const componentName: "EmptyStateContent";
 import PropTypes from 'prop-types';
 export {};

package/es/components/EmptyStates/EmptyStateContent.js

@@ -7,7 +7,7 @@
 
 import { defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import { pkg } from '../../settings.js';
 import cx from 'classnames';
 import { Button, Link } from '@carbon/react';