@carbon/ibm-products 2.56.1-rc.0 → 2.57.0-rc.0

package/es/components/APIKeyModal/APIKeyModal.js

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { unstable_FeatureFlags, ComposedModal, ModalHeader, ModalBody, PasswordInput, TextInput, Form, InlineLoading, ModalFooter, Button } from '@carbon/react';
-import { ErrorFilled, InformationFilled, Copy } from '@carbon/react/icons';
+import { ErrorFilled, InformationFilled, CheckmarkFilled, Copy } from '@carbon/react/icons';
 import { APIKeyDownloader } from './APIKeyDownloader.js';
 import { pkg } from '../../settings.js';
 import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
@@ -21,7 +21,7 @@ import { useFocus, claimFocus } from '../../global/js/hooks/useFocus.js';
 import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
 
 var _ErrorFilled, _InformationFilled;
-var _excluded = ["apiKey", "apiKeyLabel", "apiKeyName", "body", "className", "closeButtonText", "copyButtonText", "copyErrorText", "copyIconDescription", "customSteps", "downloadBodyText", "downloadFileName", "downloadFileType", "downloadLinkText", "downloadLinkLabel", "editButtonText", "editSuccess", "editSuccessTitle", "editing", "error", "errorText", "generateButtonText", "generateSuccessBody", "generateSuccessTitle", "generateTitle", "hasAPIKeyVisibilityToggle", "hasDownloadLink", "hideAPIKeyLabel", "launcherButtonRef", "loading", "loadingText", "modalLabel", "nameHelperText", "nameLabel", "namePlaceholder", "nameRequired", "nextStepButtonText", "onClose", "onCopy", "onRequestEdit", "onRequestGenerate", "open", "portalTarget", "previousStepButtonText", "selectorPrimaryFocus", "showAPIKeyLabel"];
+var _excluded = ["apiKey", "apiKeyLabel", "apiKeyName", "body", "className", "closeButtonText", "copyButtonText", "copyErrorText", "copyIconDescription", "customSteps", "downloadBodyText", "downloadFileName", "downloadFileType", "downloadLinkText", "downloadLinkLabel", "editButtonText", "editSuccess", "editSuccessTitle", "editSuccessMessage", "editing", "error", "errorText", "generateButtonText", "generateSuccessBody", "generateSuccessTitle", "generateSuccessMessage", "generateTitle", "hasAPIKeyVisibilityToggle", "hasDownloadLink", "hideAPIKeyLabel", "launcherButtonRef", "loading", "loadingText", "modalLabel", "nameHelperText", "nameLabel", "namePlaceholder", "nameRequired", "nextStepButtonText", "onClose", "onCopy", "onRequestEdit", "onRequestGenerate", "open", "portalTarget", "previousStepButtonText", "selectorPrimaryFocus", "showAPIKeyLabel", "helperText"];
 var componentName = 'APIKeyModal';
 
 // Default values for props
@@ -52,12 +52,14 @@ var APIKeyModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     editButtonText = _ref.editButtonText,
     editSuccess = _ref.editSuccess,
     editSuccessTitle = _ref.editSuccessTitle,
+    editSuccessMessage = _ref.editSuccessMessage,
     editing = _ref.editing,
     error = _ref.error,
     errorText = _ref.errorText,
     generateButtonText = _ref.generateButtonText,
     generateSuccessBody = _ref.generateSuccessBody,
     generateSuccessTitle = _ref.generateSuccessTitle,
+    generateSuccessMessage = _ref.generateSuccessMessage,
     generateTitle = _ref.generateTitle,
     hasAPIKeyVisibilityToggle = _ref.hasAPIKeyVisibilityToggle,
     hasDownloadLink = _ref.hasDownloadLink,
@@ -80,23 +82,28 @@ var APIKeyModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     previousStepButtonText = _ref.previousStepButtonText,
     selectorPrimaryFocus = _ref.selectorPrimaryFocus,
     showAPIKeyLabel = _ref.showAPIKeyLabel,
+    helperText = _ref.helperText,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     title = _useState2[0],
     setTitle = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
-    copyError = _useState4[0],
-    setCopyError = _useState4[1];
-  var _useState5 = useState(apiKeyName),
+    successMessage = _useState4[0],
+    setSuccessMessage = _useState4[1];
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    name = _useState6[0],
-    setName = _useState6[1];
-  var _useState7 = useState(0),
+    copyError = _useState6[0],
+    setCopyError = _useState6[1];
+  var _useState7 = useState(apiKeyName),
     _useState8 = _slicedToArray(_useState7, 2),
-    currentStep = _useState8[0],
-    setCurrentStep = _useState8[1];
+    name = _useState8[0],
+    setName = _useState8[1];
+  var _useState9 = useState(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    currentStep = _useState10[0],
+    setCurrentStep = _useState10[1];
   var copyRef = useRef(undefined);
   var apiKeyInputId = useRef(uuidv4());
   var nameInputId = useRef(uuidv4());
@@ -116,6 +123,7 @@ var APIKeyModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
   var blockClass = "".concat(pkg.prefix, "--apikey-modal");
   var localRef = useRef(undefined);
+  var PasswordInputRef = useRef(null);
   var modalRef = ref || localRef;
   var _useFocus = useFocus(modalRef, selectorPrimaryFocus),
     firstElement = _useFocus.firstElement,
@@ -125,6 +133,9 @@ var APIKeyModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (copyRef.current && open && apiKeyLoaded) {
       copyRef.current.focus();
     }
+    if (PasswordInputRef !== null && PasswordInputRef !== void 0 && PasswordInputRef.current) {
+      PasswordInputRef === null || PasswordInputRef === void 0 || PasswordInputRef.current.setAttribute('readOnly', 'true');
+    }
   }, [open, apiKeyLoaded]);
   useEffect(function () {
     if (open) {
@@ -172,16 +183,18 @@ var APIKeyModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
   useEffect(function () {
     if (editing && editSuccess) {
-      setTitle(editSuccessTitle);
+      setTitle(generateTitle);
+      setSuccessMessage(editSuccessMessage !== null && editSuccessMessage !== void 0 ? editSuccessMessage : editSuccessTitle);
     } else if (apiKeyLoaded) {
-      setTitle(generateSuccessTitle);
+      setTitle(generateTitle);
+      setSuccessMessage(generateSuccessMessage !== null && generateSuccessMessage !== void 0 ? generateSuccessMessage : generateSuccessTitle);
     } else if (hasSteps) {
       var _customSteps$currentS2;
       setTitle((_customSteps$currentS2 = customSteps[currentStep]) === null || _customSteps$currentS2 === void 0 ? void 0 : _customSteps$currentS2.title);
     } else {
       setTitle(generateTitle);
     }
-  }, [apiKeyLoaded, editing, editSuccess, editSuccessTitle, hasSteps, generateSuccessTitle, generateTitle, currentStep, customSteps]);
+  }, [apiKeyLoaded, loading, editing, editSuccess, editSuccessTitle, editSuccessMessage, hasSteps, generateSuccessTitle, generateSuccessMessage, generateTitle, currentStep, customSteps]);
   var setNameHandler = function setNameHandler(evt) {
     setName(evt.target.value);
   };
@@ -279,7 +292,9 @@ var APIKeyModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     id: apiKeyInputId.current,
     showPasswordLabel: showAPIKeyLabel,
     hidePasswordLabel: hideAPIKeyLabel,
-    tooltipPosition: "left"
+    tooltipPosition: "left",
+    helperText: helperText,
+    ref: PasswordInputRef
   }), !editing && apiKey && !hasAPIKeyVisibilityToggle && /*#__PURE__*/React__default.createElement(TextInput, {
     value: apiKey,
     labelText: apiKeyLabel,
@@ -307,7 +322,9 @@ var APIKeyModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, _ErrorFilled || (_ErrorFilled = /*#__PURE__*/React__default.createElement(ErrorFilled, {
     size: 16
   }))), /*#__PURE__*/React__default.createElement("p", {
-    className: "".concat(blockClass, "__messaging-text")
+    className: "".concat(blockClass, "__messaging-text"),
+    role: "alert",
+    "aria-live": "assertive"
   }, copyError ? copyErrorText : errorText)), apiKeyLoaded && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__messaging")
   }, _InformationFilled || (_InformationFilled = /*#__PURE__*/React__default.createElement(InformationFilled, {
@@ -320,8 +337,19 @@ var APIKeyModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     fileType: downloadFileType,
     downloadLinkLabel: downloadLinkLabel
   }) : /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__messaging-text")
-  }, generateSuccessBody)))), /*#__PURE__*/React__default.createElement(ModalFooter, {
+    className: "".concat(blockClass, "__messaging-text"),
+    role: "alert",
+    "aria-live": "assertive"
+  }, generateSuccessBody)), (editSuccess || apiKeyLoaded && successMessage) && /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(blockClass, "__messaging")
+  }, /*#__PURE__*/React__default.createElement(CheckmarkFilled, {
+    size: 16,
+    className: "".concat(blockClass, "__checkmark-icon")
+  }), /*#__PURE__*/React__default.createElement("p", {
+    className: "".concat(blockClass, "__messaging-text"),
+    role: "alert",
+    "aria-live": "assertive"
+  }, successMessage)))), /*#__PURE__*/React__default.createElement(ModalFooter, {
     className: "".concat(blockClass, "__footer")
   }, /*#__PURE__*/React__default.createElement(Button, {
     type: "button",
@@ -355,7 +383,19 @@ var downloadRequiredProps = function downloadRequiredProps(type) {
 
 // Return a placeholder if not released and not enabled by feature flag
 APIKeyModal = pkg.checkComponentEnabled(APIKeyModal, componentName);
-APIKeyModal.propTypes = {
+var deprecatedProps = {
+  /**
+   * deprecated
+   * title for a successful edit
+   */
+  editSuccessTitle: PropTypes.string,
+  /**
+   * deprecated
+   * title for a successful key generation
+   */
+  generateSuccessTitle: PropTypes.string
+};
+APIKeyModal.propTypes = _objectSpread2({
   /**
    * the api key that's displayed to the user when a request to create is fulfilled.
    */
@@ -413,7 +453,7 @@ APIKeyModal.propTypes = {
   /**
    * the content that appears that indicates the key is downloadable
    */
-  downloadBodyText: downloadRequiredProps(PropTypes.string),
+  downloadBodyText: PropTypes.string,
   /**
    * designates the name of downloadable json file with the key. if not specified will default to 'apikey'
    */
@@ -441,7 +481,7 @@ APIKeyModal.propTypes = {
   /**
    * title for a successful edit
    */
-  editSuccessTitle: editRequiredProps(PropTypes.string),
+  editSuccessMessage: editRequiredProps(PropTypes.string),
   /**
    * designates if the modal is in the edit mode
    */
@@ -467,7 +507,7 @@ APIKeyModal.propTypes = {
   /**
    * title for a successful key generation
    */
-  generateSuccessTitle: PropTypes.string,
+  generateSuccessMessage: PropTypes.string,
   /**
    * default title for the modal in generate key mode
    */
@@ -480,6 +520,10 @@ APIKeyModal.propTypes = {
    * designates if user is able to download the api key
    */
   hasDownloadLink: PropTypes.bool,
+  /**
+   * helper text for password input
+   */
+  helperText: PropTypes.string,
   /**
    * label text that's displayed when hovering over visibility toggler to hide key
    */
@@ -559,7 +603,7 @@ APIKeyModal.propTypes = {
    * label text that's displayed when hovering over visibility toggler to show key
    */
   showAPIKeyLabel: PropTypes.string
-};
+}, deprecatedProps);
 APIKeyModal.displayName = componentName;
 
-export { APIKeyModal };
+export { APIKeyModal, deprecatedProps };

package/es/components/APIKeyModal/APIKeyModal.types.d.ts

@@ -73,9 +73,14 @@ interface APIKeyModalCommonProps {
      */
     generateSuccessBody?: ReactNode;
     /**
+     * * @deprecated use `generateSuccessMessage` instead
      * title for a successful key generation
      */
     generateSuccessTitle?: string;
+    /**
+     * success message for a successful key generation
+     */
+    generateSuccessMessage?: string;
     /**
      * default title for the modal in generate key mode
      */
@@ -158,6 +163,10 @@ interface APIKeyModalCommonProps {
      * label text that's displayed when hovering over visibility toggler to show key
      */
     showAPIKeyLabel?: string;
+    /**
+     * helper text for password input
+     */
+    helperText?: string;
 }
 type CustomStepConditionalProps = {
     /**
@@ -191,9 +200,14 @@ type EditingConditionalProps = {
      */
     editSuccess: boolean;
     /**
+     * * @deprecated use `editSuccessMessage` instead
      * title for a successful edit
      */
-    editSuccessTitle: string;
+    editSuccessTitle?: string;
+    /**
+     * success message for edit
+     */
+    editSuccessMessage: string;
 };
 type HasDownloadLinkProps = {
     /**
@@ -203,7 +217,7 @@ type HasDownloadLinkProps = {
     /**
      * the content that appears that indicates the key is downloadable
      */
-    downloadBodyText: string;
+    downloadBodyText?: string;
     /**
      * designates the name of downloadable json file with the key. if not specified will default to 'apikey'
      */

package/es/components/Card/Card.js

@@ -16,7 +16,7 @@ import { CardFooter } from './CardFooter.js';
 import { pkg } from '../../settings.js';
 
 var _Incomplete, _CheckmarkOutline;
-var _excluded = ["actionIcons", "actionsPlacement", "decorator", "metadata", "children", "className", "clickZone", "description", "disabled", "footerActionIcon", "getStarted", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "status", "sequence", "title", "titleSize", "iconDescription"],
+var _excluded = ["actionIcons", "actionsPlacement", "decorator", "metadata", "children", "className", "clickZone", "description", "disabled", "footerActionIcon", "getStarted", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "onSecondaryButtonClick", "overflowActions", "overflowAriaLabel", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "status", "sequence", "title", "titleSize", "iconDescription"],
   _excluded2 = ["id", "itemText"],
   _excluded3 = ["id", "icon", "onClick", "iconDescription", "href"];
 var componentName = 'Card';
@@ -43,10 +43,10 @@ var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick = _ref.onClick,
     onKeyDown = _ref.onKeyDown,
     onPrimaryButtonClick = _ref.onPrimaryButtonClick,
+    onSecondaryButtonClick = _ref.onSecondaryButtonClick,
     _ref$overflowActions = _ref.overflowActions,
     overflowActions = _ref$overflowActions === void 0 ? Object.freeze([]) : _ref$overflowActions,
     overflowAriaLabel = _ref.overflowAriaLabel,
-    onSecondaryButtonClick = _ref.onSecondaryButtonClick,
     Pictogram = _ref.pictogram,
     primaryButtonDisabled = _ref.primaryButtonDisabled,
     primaryButtonHref = _ref.primaryButtonHref,
@@ -105,8 +105,7 @@ var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
         autoAlign: true,
         menuAlignment: pos,
         size: size,
-        "aria-label": overflowAriaLabel,
-        label: iconDescription
+        label: overflowAriaLabel || iconDescription
       }, overflowActions.map(function (_ref2) {
         var id = _ref2.id,
           itemText = _ref2.itemText,

package/es/components/Coachmark/CoachmarkOverlay.js

@@ -60,6 +60,7 @@ var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var handleKeyPress = function handleKeyPress(event) {
     var shiftKey = event.shiftKey,
       key = event.key;
+    /* istanbul ignore next */
     if (key === 'Enter' || key === ' ') {
       setA11yDragMode(function (prevVal) {
         return !prevVal;
@@ -103,6 +104,8 @@ var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     return style;
   }, [isBeacon, isDraggable, coachmark, kind]);
+
+  /* istanbul ignore next */
   function handleDragBounds(x, y) {
     var xRes = x;
     var yRes = y;
@@ -191,6 +194,7 @@ var useWindowDimensions = function useWindowDimensions() {
     windowDimensions = _useState4[0],
     setWindowDimensions = _useState4[1];
   useEffect(function () {
+    /* istanbul ignore next */
     function handleResize() {
       setWindowDimensions(getWindowDimensions());
     }

package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts

@@ -46,6 +46,18 @@ export interface CoachmarkOverlayElementsProps {
      * The label for the Close button.
      */
     closeButtonLabel?: string;
+    /**
+     * Callback called when clicking on the Next button.
+     */
+    onNext?: () => void;
+    /**
+     * Callback called when clicking on the Previous button.
+     */
+    onBack?: () => void;
+    /**
+     * Current step of the coachmarks.
+     */
+    currentStep?: number;
 }
 /**
  * Composable container to allow for the displaying of CoachmarkOverlayElement

package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js

@@ -20,7 +20,7 @@ import { pkg } from '../../settings.js';
 import '../Coachmark/Coachmark.js';
 import { useCoachmark } from '../Coachmark/utils/context.js';
 
-var _excluded = ["className", "children", "isVisible", "media", "renderMedia", "nextButtonText", "previousButtonLabel", "closeButtonLabel"];
+var _excluded = ["className", "children", "isVisible", "media", "renderMedia", "currentStep", "nextButtonText", "previousButtonLabel", "closeButtonLabel", "onNext", "onBack"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--coachmark-overlay-elements");
@@ -41,7 +41,10 @@ var defaults = {
   isVisible: false,
   nextButtonText: 'Next',
   previousButtonLabel: 'Back',
-  closeButtonLabel: 'Got it'
+  closeButtonLabel: 'Got it',
+  onNext: undefined,
+  onBack: undefined,
+  currentStep: 0
 };
 /**
  * Composable container to allow for the displaying of CoachmarkOverlayElement
@@ -54,12 +57,18 @@ var CoachmarkOverlayElements = /*#__PURE__*/React__default.forwardRef(function (
     isVisible = _ref$isVisible === void 0 ? defaults.isVisible : _ref$isVisible,
     media = _ref.media,
     renderMedia = _ref.renderMedia,
+    _ref$currentStep = _ref.currentStep,
+    currentStep = _ref$currentStep === void 0 ? defaults.currentStep : _ref$currentStep,
     _ref$nextButtonText = _ref.nextButtonText,
     nextButtonText = _ref$nextButtonText === void 0 ? defaults.nextButtonText : _ref$nextButtonText,
     _ref$previousButtonLa = _ref.previousButtonLabel,
     previousButtonLabel = _ref$previousButtonLa === void 0 ? defaults.previousButtonLabel : _ref$previousButtonLa,
     _ref$closeButtonLabel = _ref.closeButtonLabel,
     closeButtonLabel = _ref$closeButtonLabel === void 0 ? defaults.closeButtonLabel : _ref$closeButtonLabel,
+    _ref$onNext = _ref.onNext,
+    onNext = _ref$onNext === void 0 ? defaults.onNext : _ref$onNext,
+    _ref$onBack = _ref.onBack,
+    onBack = _ref$onBack === void 0 ? defaults.onBack : _ref$onBack,
     rest = _objectWithoutProperties(_ref, _excluded);
   var buttonFocusRef = useRef(undefined);
   var scrollRef = useRef(undefined);
@@ -67,7 +76,7 @@ var CoachmarkOverlayElements = /*#__PURE__*/React__default.forwardRef(function (
     _useState2 = _slicedToArray(_useState, 2),
     scrollPosition = _useState2[0],
     setScrollPosition = _useState2[1];
-  var _useState3 = useState(0),
+  var _useState3 = useState(currentStep),
     _useState4 = _slicedToArray(_useState3, 2),
     currentProgStep = _useState4[0],
     _setCurrentProgStep = _useState4[1];
@@ -90,6 +99,15 @@ var CoachmarkOverlayElements = /*#__PURE__*/React__default.forwardRef(function (
       playStep: currentProgStep
     });
   }, [currentProgStep, renderMedia]);
+  useEffect(function () {
+    var _scrollRef$current, _scrollRef$current$sc;
+    // When current step is set by props
+    // scroll to the appropriate view on the carrousel
+    var targetStep = clamp(currentStep, progStepFloor, progStepCeil);
+    scrollRef === null || scrollRef === void 0 || (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 || (_scrollRef$current$sc = _scrollRef$current.scrollToView) === null || _scrollRef$current$sc === void 0 || _scrollRef$current$sc.call(_scrollRef$current, targetStep);
+    // Avoid circular call to this hook
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentStep]);
   useEffect(function () {
     // On mount, one of the two primary buttons ("next" or "close")
     // will be rendered and must have focus. (a11y)
@@ -131,7 +149,6 @@ var CoachmarkOverlayElements = /*#__PURE__*/React__default.forwardRef(function (
   }, coachmark.closeButtonProps, {
     ref: buttonFocusRef
   }), closeButtonLabel))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Carousel, {
-    disableArrowScroll: true,
     ref: scrollRef,
     onScroll: function onScroll(scrollPercent) {
       setScrollPosition(scrollPercent);
@@ -146,10 +163,11 @@ var CoachmarkOverlayElements = /*#__PURE__*/React__default.forwardRef(function (
     title: previousButtonLabel,
     disabled: scrollPosition === 0,
     onClick: function onClick() {
-      var _scrollRef$current, _scrollRef$current$sc;
+      var _scrollRef$current2, _scrollRef$current2$s;
       var targetStep = clamp(currentProgStep - 1, progStepFloor, progStepCeil);
-      scrollRef === null || scrollRef === void 0 || (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 || (_scrollRef$current$sc = _scrollRef$current.scrollToView) === null || _scrollRef$current$sc === void 0 || _scrollRef$current$sc.call(_scrollRef$current, targetStep);
+      scrollRef === null || scrollRef === void 0 || (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 || (_scrollRef$current2$s = _scrollRef$current2.scrollToView) === null || _scrollRef$current2$s === void 0 || _scrollRef$current2$s.call(_scrollRef$current2, targetStep);
       setCurrentProgStep(targetStep);
+      onBack === null || onBack === void 0 || onBack();
     }
   }, previousButtonLabel), currentProgStep < progStepCeil ? /*#__PURE__*/React__default.createElement(Button, {
     size: "sm",
@@ -157,10 +175,11 @@ var CoachmarkOverlayElements = /*#__PURE__*/React__default.forwardRef(function (
     title: nextButtonText,
     disabled: scrollPosition === 1,
     onClick: function onClick() {
-      var _scrollRef$current2, _scrollRef$current2$s;
+      var _scrollRef$current3, _scrollRef$current3$s;
       var targetStep = clamp(currentProgStep + 1, progStepFloor, progStepCeil);
-      scrollRef === null || scrollRef === void 0 || (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 || (_scrollRef$current2$s = _scrollRef$current2.scrollToView) === null || _scrollRef$current2$s === void 0 || _scrollRef$current2$s.call(_scrollRef$current2, targetStep);
+      scrollRef === null || scrollRef === void 0 || (_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 || (_scrollRef$current3$s = _scrollRef$current3.scrollToView) === null || _scrollRef$current3$s === void 0 || _scrollRef$current3$s.call(_scrollRef$current3, targetStep);
       setCurrentProgStep(targetStep);
+      onNext === null || onNext === void 0 || onNext();
     }
   }, nextButtonText) : closeButtonLabel && /*#__PURE__*/React__default.createElement(Button, _extends({
     size: "sm",
@@ -194,6 +213,10 @@ CoachmarkOverlayElements.propTypes = {
    * The label for the Close button.
    */
   closeButtonLabel: PropTypes.string,
+  /**
+   * Current step of the coachmarks
+   */
+  currentStep: PropTypes.number,
   /**
    * The visibility of CoachmarkOverlayElements is
    * managed in the parent component.
@@ -215,6 +238,14 @@ CoachmarkOverlayElements.propTypes = {
    * The label for the Next button.
    */
   nextButtonText: PropTypes.string,
+  /**
+   * Optional callback called when clicking on the Previous button.
+   */
+  onBack: PropTypes.func,
+  /**
+   * Optional callback called when clicking on the Next button.
+   */
+  onNext: PropTypes.func,
   /**
    * The label for the Previous button.
    */

package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js

@@ -72,8 +72,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
   }, [actionState]);
   useEffect(function () {
     if (initialState !== null && initialState !== void 0 && initialState.enabledDefault) {
-      setRootState === null || setRootState === void 0 || setRootState(initialConditionState.current);
-      initialConditionState.current = null;
+      setRootState === null || setRootState === void 0 || setRootState(initialState.state);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [initialState]);
@@ -92,11 +91,16 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
   };
   var _onRemove = useCallback(function (groupId) {
     var _rootState$groups2;
+    var groups = rootState === null || rootState === void 0 || (_rootState$groups2 = rootState.groups) === null || _rootState$groups2 === void 0 ? void 0 : _rootState$groups2.filter(function (group) {
+      return groupId !== (group === null || group === void 0 ? void 0 : group.id);
+    });
     setRootState === null || setRootState === void 0 || setRootState(_objectSpread2(_objectSpread2({}, rootState), {}, {
-      groups: rootState ? rootState === null || rootState === void 0 || (_rootState$groups2 = rootState.groups) === null || _rootState$groups2 === void 0 ? void 0 : _rootState$groups2.filter(function (group) {
-        return groupId !== (group === null || group === void 0 ? void 0 : group.id);
-      }) : []
+      groups: rootState ? groups : []
     }));
+    //set the initial state to empty.
+    if ((groups === null || groups === void 0 ? void 0 : groups.length) === 0) {
+      initialConditionState.current = null;
+    }
   }, [setRootState, rootState]);
   var onChangeHandler = function onChangeHandler(updatedGroup, groupIndex) {
     /**

package/es/components/CreateTearsheet/CreateTearsheet.js

@@ -196,7 +196,8 @@ var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
     slug: slug,
     title: title,
     verticalPosition: verticalPosition,
-    closeIconDescription: ''
+    closeIconDescription: '',
+    currentStep: currentStep
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__content"),
     ref: contentRef

package/es/components/Datagrid/Datagrid/DatagridSelectAll.js

@@ -10,7 +10,7 @@ import React__default, { useState, useLayoutEffect } from 'react';
 import { TableSelectAll } from '@carbon/react';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import { handleOnPageSelectAllRowData } from './addons/stateReducer.js';
+import { handleOnPageSelectAllRowData, handleSelectAllRowData } from './addons/stateReducer.js';
 
 var _excluded = ["onChange"];
 var blockClass = "".concat(pkg.prefix, "--datagrid");
@@ -45,6 +45,8 @@ var SelectAll = function SelectAll(datagridState) {
     dispatch = datagridState.dispatch,
     rows = datagridState.rows,
     getRowId = datagridState.getRowId,
+    toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
+    withVirtualScroll = datagridState.withVirtualScroll,
     onAllRowSelect = datagridState.onAllRowSelect;
   var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
   if (hideSelectAll || radio) {
@@ -69,12 +71,39 @@ var SelectAll = function SelectAll(datagridState) {
     onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
     return onChange === null || onChange === void 0 ? void 0 : onChange(event);
   };
+  var handleSelectAllChange = function handleSelectAllChange(event) {
+    if (indeterminate) {
+      handleSelectAllRowData({
+        dispatch: dispatch,
+        rows: rows,
+        getRowId: getRowId,
+        indeterminate: true,
+        isChecked: undefined
+      });
+      toggleAllRowsSelected(false);
+      onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
+      return onChange === null || onChange === void 0 ? void 0 : onChange({
+        target: {
+          checked: false
+        }
+      });
+    }
+    handleSelectAllRowData({
+      dispatch: dispatch,
+      rows: rows,
+      getRowId: getRowId,
+      isChecked: event.target.checked,
+      indeterminate: indeterminate
+    });
+    onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
+    return onChange === null || onChange === void 0 ? void 0 : onChange(event);
+  };
   return /*#__PURE__*/React__default.createElement(TableSelectAll, _extends({}, selectProps, {
     checked: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.checked) || false,
     className: cx("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
     isFirstColumnStickyLeft && Number(windowSize) > 671)),
     name: "".concat(tableId, "-select-all-checkbox-name"),
-    onSelect: handleOnPageSelectAllChange,
+    onSelect: withVirtualScroll ? handleSelectAllChange : handleOnPageSelectAllChange,
     disabled: isFetching || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled),
     id: "".concat(tableId, "-select-all-checkbox-id")
   }));

package/es/components/FilterSummary/FilterSummary.js

@@ -126,7 +126,7 @@ var FilterSummary = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     ref: localRef,
     className: cx([blockClass, className], _defineProperty({}, "".concat(blockClass, "__expanded"), multiline))
   }), /*#__PURE__*/React__default.createElement(AnimatePresence, {
-    exitBeforeEnter: true
+    mode: "wait"
   }, !multiline && renderTagSet('single'), multiline && renderTagSet('multiline')), /*#__PURE__*/React__default.createElement(Button, {
     kind: "ghost",
     size: "sm",

package/es/components/HTTPErrors/HTTPError403/HTTPError403.js

@@ -48,7 +48,7 @@ var HTTPError403 = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 /**@ts-ignore*/
 HTTPError403.deprecated = {
   level: 'warn',
-  details: "Please replace ".concat(componentName, " with FullPageError")
+  details: "".concat(componentName, " is deprecated. Please migrate to FullPageError by running npx @carbon/upgrade migrate ibm-products-update-http-errors --write")
 };
 
 // Return a placeholder if not released and not enabled by feature flag

package/es/components/HTTPErrors/HTTPError404/HTTPError404.js

@@ -48,7 +48,7 @@ var HTTPError404 = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 /**@ts-ignore*/
 HTTPError404.deprecated = {
   level: 'warn',
-  details: "Please replace ".concat(componentName, " with FullPageError")
+  details: "".concat(componentName, " is deprecated. Please migrate to FullPageError by running npx @carbon/upgrade migrate ibm-products-update-http-errors --write")
 };
 
 // Return a placeholder if not released and not enabled by feature flag

package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js

@@ -48,7 +48,7 @@ var HTTPErrorOther = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
 /**@ts-ignore*/
 HTTPErrorOther.deprecated = {
   level: 'warn',
-  details: "Please replace ".concat(componentName, " with FullPageError")
+  details: "".concat(componentName, " is deprecated. Please migrate to FullPageError by running npx @carbon/upgrade migrate ibm-products-update-http-errors --write")
 };
 
 // Return a placeholder if not released and not enabled by feature flag

package/es/components/InterstitialScreen/InterstitialScreen.js

@@ -184,14 +184,13 @@ var InterstitialScreen = /*#__PURE__*/React__default.forwardRef(function (_ref,
       className // Apply any supplied class names to the main HTML element.
       ),
       size: "lg",
-      onClose: onClose,
+      onClose: handleClose,
       open: isOpen,
       ref: _forwardedRef,
       "aria-label": interstitialAriaLabel
     }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(ModalHeader, {
       className: cx(headerBlockClass, headerTitle && "".concat(headerBlockClass, "--has-title"), headerClassName),
-      iconDescription: closeIconDescription,
-      buttonOnClick: handleClose
+      iconDescription: closeIconDescription
     }, headerTitle && (_h || (_h = /*#__PURE__*/React__default.createElement("h2", null, headerTitle))), !hideProgressIndicator && /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(blockClass, "--progress")
     }, /*#__PURE__*/React__default.createElement(ProgressIndicator, {