@carbon/ibm-products 2.54.0-canary.6 → 2.54.0-canary.64

package/es/components/Card/CardHeader.js

@@ -20,7 +20,7 @@ var defaults = {
 };
 var CardHeader = function CardHeader(_ref) {
   var actions = _ref.actions,
-    aiLabel = _ref.aiLabel,
+    decorator = _ref.decorator,
     noActionIcons = _ref.noActionIcons,
     onPrimaryButtonClick = _ref.onPrimaryButtonClick,
     onSecondaryButtonClick = _ref.onSecondaryButtonClick,
@@ -65,13 +65,13 @@ var CardHeader = function CardHeader(_ref) {
     d: "M13.2436 16H11.5996L10.9276 13.864H7.95164L7.29164 16H5.68364L8.49164 7.624H10.4596L13.2436 16ZM10.5436 12.508L9.46364 9.064H9.40364L8.33564 12.508H10.5436ZM17.9341 16H14.1301V14.728H15.2341V8.896H14.1301V7.624H17.9341V8.896H16.8181V14.728H17.9341V16Z",
     fill: "#161616"
   })));
-  var normalizedAiLabel = null;
-  if (aiLabel || slug) {
-    if (inClickableCard || typeof aiLabel === 'boolean' || typeof slug === 'boolean') {
-      normalizedAiLabel = hollowAiIcon;
+  var normalizedDecorator = null;
+  if (decorator || slug) {
+    if (inClickableCard || typeof decorator === 'boolean' || typeof slug === 'boolean') {
+      normalizedDecorator = hollowAiIcon;
     } else {
-      var element = aiLabel || slug;
-      normalizedAiLabel = /*#__PURE__*/React__default.cloneElement(element, {
+      var element = decorator || slug;
+      normalizedDecorator = /*#__PURE__*/React__default.cloneElement(element, {
         size: label && title || title && titleSize === 'large' ? 'sm' : 'xs'
       });
     }
@@ -79,7 +79,7 @@ var CardHeader = function CardHeader(_ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: headerClasses
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: cx(["".concat(headerClass, "-container"), _defineProperty({}, "".concat(headerClass, "-container--has-slug"), !!slug), _defineProperty({}, "".concat(headerClass, "-container--has-ai-label"), !!aiLabel), _defineProperty({}, "".concat(headerClass, "-container--has-actions"), !!hasActions), _defineProperty({}, "".concat(headerClass, "-container--large-tile-or-label"), title && (label || titleSize === 'large'))])
+    className: cx(["".concat(headerClass, "-container"), _defineProperty({}, "".concat(headerClass, "-container--has-slug"), !!slug), _defineProperty({}, "".concat(headerClass, "-container--has-decorator"), !!decorator), _defineProperty({}, "".concat(headerClass, "-container--has-actions"), !!hasActions), _defineProperty({}, "".concat(headerClass, "-container--large-tile-or-label"), title && (label || titleSize === 'large'))])
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__title-container")
   }, label && /*#__PURE__*/React__default.createElement("p", {
@@ -105,15 +105,17 @@ var CardHeader = function CardHeader(_ref) {
     onClick: onPrimaryButtonClick,
     className: actionGhostButtonClass,
     disabled: primaryButtonDisabled
-  }, primaryButtonText)), normalizedAiLabel));
+  }, primaryButtonText)), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(blockClass, "__header__inner-wrapper--decorator")
+  }, normalizedDecorator) : ''));
 };
 /**@ts-ignore */
 CardHeader.propTypes = {
   actions: PropTypes.oneOfType([PropTypes.array, PropTypes.node]),
   /**
-   * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
+   * Optional prop that allows you to pass any component.
    */
-  aiLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
+  decorator: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
   description: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]),
   hasActions: PropTypes.bool,
   /**
@@ -137,7 +139,7 @@ CardHeader.propTypes = {
   /**
    * **Experimental:** For all cases a `Slug` component can be provided.
    * Clickable tiles only accept a boolean value of true and display a hollow slug.
-   * @deprecated please use the `aiLabel` prop
+   * @deprecated please use the `decorator` prop
    */
   slug: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]),

package/es/components/Checklist/Checklist.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { IconButton, Button } from '@carbon/react';
-import { Themes, Kinds } from './Checklist.types.js';
+import { Kinds, Themes } from './Checklist.types.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import { ChecklistChart } from './ChecklistChart.js';
 import { ChecklistIcon } from './ChecklistIcon.js';

package/es/components/Checklist/ChecklistIcon.js

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { CircleDash, CheckmarkOutline, Incomplete, Warning } from '@carbon/react/icons';
-import { Themes, Kinds } from './Checklist.types.js';
+import { Kinds, Themes } from './Checklist.types.js';
 
 var _excluded = ["className", "kind", "theme"];
 

package/es/components/Coachmark/Coachmark.d.ts

@@ -65,6 +65,11 @@ export interface CoachmarkProps {
      * Determines the theme of the component.
      */
     theme?: 'light' | 'dark';
+    /**
+     * Determines if the coachmark is open by default.
+     * Does nothing if `overlayKind=stacked`.
+     */
+    isOpenByDefault?: boolean;
 }
 /**
  * Coachmarks are used to call out specific functionality or concepts

package/es/components/Coachmark/Coachmark.js

@@ -20,7 +20,7 @@ import { throttle } from 'lodash';
 import { Popover, PopoverContent } from '@carbon/react';
 import { useIsomorphicEffect } from '../../global/js/hooks/useIsomorphicEffect.js';
 
-var _excluded = ["align", "autoAlign", "children", "className", "onClose", "overlayClassName", "overlayKind", "overlayRef", "positionTune", "portalTarget", "target", "theme"];
+var _excluded = ["align", "autoAlign", "children", "className", "onClose", "overlayClassName", "overlayKind", "overlayRef", "positionTune", "portalTarget", "target", "theme", "isOpenByDefault"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--coachmark");
@@ -30,7 +30,8 @@ var defaults = {
   align: 'bottom',
   onClose: function onClose() {},
   overlayKind: 'tooltip',
-  theme: 'light'
+  theme: 'light',
+  isOpenByDefault: false
 };
 /**
  * Coachmarks are used to call out specific functionality or concepts
@@ -55,10 +56,12 @@ var Coachmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
     target = _ref.target,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
+    _ref$isOpenByDefault = _ref.isOpenByDefault,
+    isOpenByDefault = _ref$isOpenByDefault === void 0 ? defaults.isOpenByDefault : _ref$isOpenByDefault,
     rest = _objectWithoutProperties(_ref, _excluded);
   var isBeacon = overlayKind === COACHMARK_OVERLAY_KIND.TOOLTIP;
   var isStacked = overlayKind === COACHMARK_OVERLAY_KIND.STACKED;
-  var _useState = useState(isStacked),
+  var _useState = useState(isStacked || isOpenByDefault),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
@@ -250,6 +253,11 @@ Coachmark.propTypes = {
    * Optional class name for this component.
    */
   className: PropTypes.string,
+  /**
+   * Determines if the coachmark is open by default.
+   * Does nothing if `overlayKind=stacked`.
+   */
+  isOpenByDefault: PropTypes.bool,
   /**
    * Function to call when the Coachmark closes.
    */

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

@@ -24,11 +24,16 @@ export interface CoachmarkOverlayElementsProps {
      * The object describing an image in one of two shapes.
      * If a single media element is required, use `{render}`.
      * If a stepped animation is required, use `{filePaths}`.
+     * * @deprecated please use the `renderMedia` prop
      */
     media?: {
         render?: () => ReactNode;
         filePaths?: string[];
     };
+    /**
+     * Optional prop to render any media like images or any animated media.
+     */
+    renderMedia?: (params: any) => ReactNode;
     /**
      * The label for the Next button.
      */

package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { Button } from '@carbon/react';
-import React__default, { useRef, useState, Children, useEffect } from 'react';
+import React__default, { useRef, useState, Children, useMemo, useEffect } from 'react';
 import { Carousel } from '../Carousel/Carousel.js';
 import '../Carousel/CarouselItem.js';
 import PropTypes from '../../_virtual/index.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", "nextButtonText", "previousButtonLabel", "closeButtonLabel"];
+var _excluded = ["className", "children", "isVisible", "media", "renderMedia", "nextButtonText", "previousButtonLabel", "closeButtonLabel"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--coachmark-overlay-elements");
@@ -53,6 +53,7 @@ var CoachmarkOverlayElements = /*#__PURE__*/React__default.forwardRef(function (
     _ref$isVisible = _ref.isVisible,
     isVisible = _ref$isVisible === void 0 ? defaults.isVisible : _ref$isVisible,
     media = _ref.media,
+    renderMedia = _ref.renderMedia,
     _ref$nextButtonText = _ref.nextButtonText,
     nextButtonText = _ref$nextButtonText === void 0 ? defaults.nextButtonText : _ref$nextButtonText,
     _ref$previousButtonLa = _ref.previousButtonLabel,
@@ -71,6 +72,7 @@ var CoachmarkOverlayElements = /*#__PURE__*/React__default.forwardRef(function (
     currentProgStep = _useState4[0],
     _setCurrentProgStep = _useState4[1];
   var coachmark = useCoachmark();
+  var hasMedia = media || renderMedia;
   var setCurrentProgStep = function setCurrentProgStep(value) {
     if (currentProgStep > 0 && value === 0 && buttonFocusRef.current) {
       setTimeout(function () {
@@ -83,6 +85,11 @@ var CoachmarkOverlayElements = /*#__PURE__*/React__default.forwardRef(function (
   var numProgSteps = Children.count(children);
   var progStepFloor = 0;
   var progStepCeil = numProgSteps - 1;
+  var renderMediaContent = useMemo(function () {
+    return renderMedia === null || renderMedia === void 0 ? void 0 : renderMedia({
+      playStep: currentProgStep
+    });
+  }, [currentProgStep, renderMedia]);
   useEffect(function () {
     // On mount, one of the two primary buttons ("next" or "close")
     // will be rendered and must have focus. (a11y)
@@ -111,11 +118,13 @@ var CoachmarkOverlayElements = /*#__PURE__*/React__default.forwardRef(function (
       // example: [`${blockClass}__here-if-small`]: size === 'sm',
     }),
     ref: ref
-  }, getDevtoolsProps(componentName)), media && (media.render ? media.render() : /*#__PURE__*/React__default.createElement(SteppedAnimatedMedia, {
+  }, getDevtoolsProps(componentName)), hasMedia && (media === null || media === void 0 ? void 0 : media.render) && media.render(), hasMedia && (media === null || media === void 0 ? void 0 : media.filePaths) && /*#__PURE__*/React__default.createElement(SteppedAnimatedMedia, {
     className: "".concat(blockClass, "__element-stepped-media"),
     filePaths: media.filePaths,
     playStep: currentProgStep
-  })), numProgSteps === 1 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children, closeButtonLabel && /*#__PURE__*/React__default.createElement("div", {
+  }), hasMedia && renderMedia && /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(blockClass, "__element-stepped-media")
+  }, renderMediaContent), numProgSteps === 1 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children, closeButtonLabel && /*#__PURE__*/React__default.createElement("div", {
     className: cx("".concat(blockClass, "__footer"), 'coachmark-carousel-controls')
   }, /*#__PURE__*/React__default.createElement(Button, _extends({
     size: "sm"
@@ -194,6 +203,7 @@ CoachmarkOverlayElements.propTypes = {
    * The object describing an image in one of two shapes.
    * If a single media element is required, use `{render}`.
    * If a stepped animation is required, use `{filePaths}`.
+   * @deprecated please use the `renderMedia` prop
    */
   /**@ts-ignore*/
   media: PropTypes.oneOfType([PropTypes.shape({
@@ -208,7 +218,11 @@ CoachmarkOverlayElements.propTypes = {
   /**
    * The label for the Previous button.
    */
-  previousButtonLabel: PropTypes.string
+  previousButtonLabel: PropTypes.string,
+  /**
+   * Optional prop to render any media like images or animated media.
+   */
+  renderMedia: PropTypes.func
 };
 
 export { CoachmarkOverlayElements };

package/es/components/CoachmarkStack/CoachmarkStackHome.d.ts

@@ -39,6 +39,10 @@ interface CoachmarkStackHomeProps {
      * @see {@link MEDIA_PROP_TYPE}.
      */
     media?: Media;
+    /**
+     * Optional prop to render any media like images or any animated media.
+     */
+    renderMedia?: (params: any) => ReactNode;
     /**
      * The labels used to link to the stackable Coachmarks.
      */

package/es/components/CoachmarkStack/CoachmarkStackHome.js

@@ -17,9 +17,10 @@ import { pkg } from '../../settings.js';
 import { createPortal } from 'react-dom';
 import { CoachmarkHeader } from '../Coachmark/CoachmarkHeader.js';
 import { SteppedAnimatedMedia } from '../SteppedAnimatedMedia/SteppedAnimatedMedia.js';
+import { deprecateProp } from '../../global/js/utils/props-helper.js';
 import { useIsomorphicEffect } from '../../global/js/hooks/useIsomorphicEffect.js';
 
-var _excluded = ["className", "description", "isOpen", "media", "navLinkLabels", "onClickNavItem", "onClose", "portalTarget", "closeButtonLabel", "title"];
+var _excluded = ["className", "description", "isOpen", "media", "renderMedia", "navLinkLabels", "onClickNavItem", "onClose", "portalTarget", "closeButtonLabel", "title"];
 // Carbon and package components we use.
 /* TODO: @import(s) of carbon components and other package components. */
 
@@ -37,6 +38,7 @@ var CoachmarkStackHome = /*#__PURE__*/forwardRef(function (_ref, ref) {
     description = _ref.description,
     isOpen = _ref.isOpen,
     media = _ref.media,
+    renderMedia = _ref.renderMedia,
     navLinkLabels = _ref.navLinkLabels,
     onClickNavItem = _ref.onClickNavItem,
     _onClose = _ref.onClose,
@@ -49,6 +51,7 @@ var CoachmarkStackHome = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     linkFocusIndex = _useState2[0],
     setLinkFocusIndex = _useState2[1];
+  var hasMedia = media || renderMedia;
   useEffect(function () {
     setTimeout(function () {
       if (isOpen && buttonFocusRef.current) {
@@ -90,13 +93,17 @@ var CoachmarkStackHome = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className: "".concat(overlayClass, "__body")
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(overlayClass, "-element")
-  }, !media && /*#__PURE__*/React__default.createElement(Idea, {
+  }, !hasMedia && /*#__PURE__*/React__default.createElement(Idea, {
     size: 20,
     className: "".concat(blockClass, "__icon-idea")
-  }), media && (media.render ? media.render() : /*#__PURE__*/React__default.createElement(SteppedAnimatedMedia, {
-    className: "".concat(overlayClass, "__element-stepped-media"),
+  }), hasMedia && (media === null || media === void 0 ? void 0 : media.render) && media.render(), hasMedia && (media === null || media === void 0 ? void 0 : media.filePaths) && /*#__PURE__*/React__default.createElement(SteppedAnimatedMedia, {
+    className: "".concat(blockClass, "__element-stepped-media"),
     filePaths: media.filePaths,
     playStep: 0
+  }), hasMedia && renderMedia && /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(blockClass, "__element-stepped-media")
+  }, renderMedia({
+    playStep: 0
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(overlayClass, "-element__content")
   }, title && /*#__PURE__*/React__default.createElement("h2", {
@@ -156,12 +163,13 @@ CoachmarkStackHome.propTypes = {
    * If a stepped animation is required, use `{filePaths}`.
    *
    * @see {@link MEDIA_PROP_TYPE}.
+   * @deprecated please use the `renderMedia` prop
    */
-  media: PropTypes.oneOfType([PropTypes.shape({
+  media: deprecateProp(PropTypes.oneOfType([PropTypes.shape({
     render: PropTypes.func
   }), PropTypes.shape({
     filePaths: PropTypes.arrayOf(PropTypes.string)
-  })]),
+  })]), ''),
   /**
    * The labels used to link to the stackable Coachmarks.
    */
@@ -185,6 +193,10 @@ CoachmarkStackHome.propTypes = {
    * element is hidden or component is unmounted, the CoachmarkStackHome will disappear.
    */
   portalTarget: PropTypes.string,
+  /**
+   * Optional prop to render any media like images or animated media.
+   */
+  renderMedia: PropTypes.func,
   /**
    * The title of the Coachmark.
    */

package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js

@@ -50,6 +50,5 @@ var GroupConnector = function GroupConnector() {
     }
   })));
 };
-var GroupConnector$1 = GroupConnector;
 
-export { GroupConnector$1 as default };
+export { GroupConnector as default };

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js

@@ -63,9 +63,6 @@ var ItemOption = function ItemOption(_ref) {
       className: "".concat(blockClass, "__statement_wrapper")
     }, /*#__PURE__*/React__default.createElement("div", null, option.text1, " (", option.connector, ")"), /*#__PURE__*/React__default.createElement("div", null, option.text2));
   };
-  var preventDefault = function preventDefault(evt) {
-    return evt.preventDefault();
-  };
   if (!allOptions) {
     return;
   }
@@ -78,8 +75,7 @@ var ItemOption = function ItemOption(_ref) {
     size: "sm",
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
-    onChange: onSearchChangeHandler,
-    onKeyDown: preventDefault
+    onChange: onSearchChangeHandler
   })), /*#__PURE__*/React__default.createElement("ul", {
     "aria-label": getAriaLabel(),
     role: "listbox"

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js

@@ -129,13 +129,14 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     } else {
       onChange(option, evt);
     }
+    if (evt.target instanceof SVGElement) {
+      evt.stopPropagation();
+      //stop propagate event , since this closes the popover when clicked on checkboxes which are SVGs.
+    }
   };
   var getAriaLabel = function getAriaLabel() {
     return conditionState.label ? conditionState.label : conditionState.property ? conditionState.property : propertyText;
   };
-  var preventDefault = function preventDefault(evt) {
-    return evt.preventDefault();
-  };
   if (!allOptions) {
     return _SelectSkeleton || (_SelectSkeleton = /*#__PURE__*/React__default.createElement(SelectSkeleton, null));
   }
@@ -148,8 +149,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     size: "sm",
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
-    onChange: onSearchChangeHandler,
-    onKeyDown: preventDefault
+    onChange: onSearchChangeHandler
   })), multiSelectable && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__multiselectSelectionStatusContainer")
   }, /*#__PURE__*/React__default.createElement("h4", null, /*#__PURE__*/React__default.createElement("label", null, selection.length, "/", allOptions.length, " Selected")), /*#__PURE__*/React__default.createElement(Button, {

package/es/components/ConditionBuilder/utils/util.js

@@ -48,10 +48,6 @@ var traverseReverse = function traverseReverse(eachElem, index, allElements, rot
   }
 };
 var checkForHoldingKey = function checkForHoldingKey(evt, key) {
-  // possible key inputs: altKey,ctrlKey,metaKey,shiftKey
-  if (key === 'cmd') {
-    return evt.metaKey || evt.ctrlKey;
-  }
   return evt[key];
 };
 var checkIsValid = function checkIsValid(item) {

package/es/components/CreateTearsheet/CreateTearsheet.d.ts

@@ -8,7 +8,7 @@ import React, { Dispatch, PropsWithChildren, ReactNode, SetStateAction } from 'r
 import { ExperimentalSecondarySubmit } from './CreateTearsheetStep';
 export interface StepsContextType {
     currentStep: number;
-    setExperimentalSecondarySubmit: Dispatch<SetStateAction<ExperimentalSecondarySubmit>>;
+    setExperimentalSecondarySubmit: Dispatch<SetStateAction<ExperimentalSecondarySubmit | undefined>>;
     setIsDisabled: Dispatch<SetStateAction<boolean>>;
     setOnPrevious: (fn: any) => void;
     setOnNext: (fn: any) => void;

package/es/components/CreateTearsheet/CreateTearsheet.js

@@ -105,7 +105,7 @@ var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _useState24 = _slicedToArray(_useState23, 2),
     lastIncludedStep = _useState24[0],
     setLastIncludedStep = _useState24[1];
-  var _useState25 = useState({}),
+  var _useState25 = useState(),
     _useState26 = _slicedToArray(_useState25, 2),
     experimentalSecondarySubmit = _useState26[0],
     setExperimentalSecondarySubmit = _useState26[1];
@@ -176,7 +176,7 @@ var CreateTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
     isSubmitting: isSubmitting,
     componentBlockClass: blockClass,
     experimentalSecondarySubmit: experimentalSecondarySubmit,
-    experimentalSecondarySubmitText: experimentalSecondarySubmit.labelText ? experimentalSecondarySubmit.labelText : experimentalSecondarySubmitText,
+    experimentalSecondarySubmitText: experimentalSecondarySubmit !== null && experimentalSecondarySubmit !== void 0 && experimentalSecondarySubmit.labelText ? experimentalSecondarySubmit.labelText : experimentalSecondarySubmitText,
     setCreateComponentActions: setCreateTearsheetActions
   });
   return /*#__PURE__*/React__default.createElement(TearsheetShell, _extends({}, getDevtoolsProps(componentName), rest, {

package/es/components/CreateTearsheet/CreateTearsheetStep.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useRef, useContext, useState, useEffect, isValidElement } from 'react';
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
@@ -82,7 +82,7 @@ var CreateTearsheetStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
   useEffect(function () {
     if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep) && (previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
       stepsContext === null || stepsContext === void 0 || stepsContext.setOnMount(onMount);
-      stepsContext === null || stepsContext === void 0 || stepsContext.setExperimentalSecondarySubmit(_objectSpread2({}, experimentalSecondarySubmit));
+      stepsContext === null || stepsContext === void 0 || stepsContext.setExperimentalSecondarySubmit(experimentalSecondarySubmit);
     }
   }, [onMount, experimentalSecondarySubmit, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
 
@@ -118,8 +118,11 @@ var CreateTearsheetStep = /*#__PURE__*/forwardRef(function (_ref, ref) {
       stepsContext.setIsDisabled(!!disableSubmit);
       stepsContext === null || stepsContext === void 0 || stepsContext.setOnNext(onNext); // needs to be updated here otherwise there could be stale state values from only initially setting onNext
       stepsContext === null || stepsContext === void 0 || stepsContext.setOnPrevious(onPrevious);
+
+      //Handle props for experimentalSecondarySubmit button, depending on state change
+      stepsContext === null || stepsContext === void 0 || stepsContext.setExperimentalSecondarySubmit(experimentalSecondarySubmit);
     }
-  }, [stepsContext, stepNumber, disableSubmit, onNext, onPrevious, stepRef, stepRefValue]);
+  }, [stepsContext, stepNumber, disableSubmit, onNext, onPrevious, stepRef, stepRefValue, experimentalSecondarySubmit]);
   var renderDescription = function renderDescription() {
     if (description) {
       if (typeof description === 'string') {

package/es/components/Datagrid/Datagrid/Datagrid.d.ts

@@ -19,5 +19,6 @@ export interface DatagridProps {
 }
 /**
  * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
+ * @deprecated
  */
 export declare let Datagrid: React.ForwardRefExoticComponent<DatagridProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -21,6 +21,7 @@ var blockClass = "".concat(pkg.prefix, "--datagrid");
 var componentName = 'Datagrid';
 /**
  * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
+ * @deprecated
  */
 var Datagrid = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var datagridState = _ref.datagridState,
@@ -55,6 +56,12 @@ var Datagrid = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React__default.createElement(DatagridContent, props)) : /*#__PURE__*/React__default.createElement(DatagridContent, props))));
 });
 
+/**@ts-ignore*/
+Datagrid.deprecated = {
+  level: 'warn',
+  details: "For more information, please refer to the migration docs https://github.com/carbon-design-system/tanstack-carbon"
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 Datagrid = pkg.checkComponentEnabled(Datagrid, componentName);
 

package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js

@@ -57,12 +57,12 @@ var ResizeHeader = function ResizeHeader(_ref) {
       if (key === 'ArrowLeft') {
         if (currentColumnWidth - incrementAmount > Math.max(Number(minWidth), 50)) {
           var newWidth = currentColumnWidth - incrementAmount;
-          handleColumnResizingEvent(dispatch, header, newWidth, true);
+          handleColumnResizingEvent(dispatch, header, newWidth);
         }
       }
       if (key === 'ArrowRight') {
         var _newWidth = currentColumnWidth + incrementAmount;
-        handleColumnResizingEvent(dispatch, header, _newWidth, true);
+        handleColumnResizingEvent(dispatch, header, _newWidth);
       }
     }
   };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js

@@ -37,6 +37,5 @@ Actions.propTypes = {
   setColumnsObject: PropTypes.func.isRequired,
   setSearchText: PropTypes.func.isRequired
 };
-var Actions$1 = Actions;
 
-export { Actions$1 as default };
+export { Actions as default };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js

@@ -49,6 +49,5 @@ ButtonWrapper.propTypes = {
   onClick: PropTypes.func.isRequired,
   setIsTearsheetOpen: PropTypes.func.isRequired
 };
-var ToggleButtonWrapper = ButtonWrapper;
 
-export { ToggleButtonWrapper as default };
+export { ButtonWrapper as default };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js

@@ -93,6 +93,5 @@ Columns.propTypes = {
   setColumnStatus: PropTypes.func,
   setColumnsObject: PropTypes.func.isRequired
 };
-var Columns$1 = Columns;
 
-export { Columns$1 as default };
+export { Columns as default };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js

@@ -187,6 +187,5 @@ CustomizeColumnsTearsheet.propTypes = {
   selectAllLabel: PropTypes.string,
   setIsTearsheetOpen: PropTypes.func.isRequired
 };
-var CustomizeColumnsTearsheet$1 = CustomizeColumnsTearsheet;
 
-export { CustomizeColumnsTearsheet$1 as default };
+export { CustomizeColumnsTearsheet as default };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js

@@ -61,6 +61,5 @@ var TearsheetWrapper = function TearsheetWrapper(_ref) {
 TearsheetWrapper.propTypes = {
   instance: PropTypes.object.isRequired
 };
-var CustomizeColumnsTearsheetWrapper = TearsheetWrapper;
 
-export { CustomizeColumnsTearsheetWrapper as default };
+export { TearsheetWrapper as default };

package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js

@@ -6,7 +6,7 @@
  */
 
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { BATCH, INSTANT, FLYOUT, CLEAR_FILTERS, SAVED_FILTERS } from './constants.js';
+import { BATCH, INSTANT, CLEAR_FILTERS, FLYOUT, SAVED_FILTERS } from './constants.js';
 import { usePrefix, IconButton } from '@carbon/react';
 import React__default, { useState, useRef, useContext, useEffect } from 'react';
 import { breakpoints, px } from '@carbon/layout';
@@ -327,6 +327,5 @@ FilterFlyout.propTypes = {
    */
   updateMethod: PropTypes.oneOf([BATCH, INSTANT]).isRequired
 };
-var FilterFlyout$1 = FilterFlyout;
 
-export { FilterFlyout$1 as default };
+export { FilterFlyout as default };

package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js

@@ -7,7 +7,7 @@
 
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Button, Layer, Search, Accordion, AccordionItem } from '@carbon/react';
-import { PANEL, BATCH, CLEAR_FILTERS, INSTANT, SAVED_FILTERS } from './constants.js';
+import { BATCH, CLEAR_FILTERS, INSTANT, PANEL, SAVED_FILTERS } from './constants.js';
 import React__default, { useState, useContext, useRef, useMemo, useEffect, useCallback } from 'react';
 import { panelVariants, innerContainerVariants, actionSetVariants } from './motion/variants.js';
 import { motion, useReducedMotion } from 'framer-motion';
@@ -312,6 +312,5 @@ FilterPanel.propTypes = {
   title: PropTypes.string,
   updateMethod: PropTypes.oneOf([BATCH, INSTANT])
 };
-var FilterPanel$1 = FilterPanel;
 
-export { componentClass, FilterPanel$1 as default };
+export { componentClass, FilterPanel as default };

package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js

@@ -74,6 +74,5 @@ OverflowCheckboxes.propTypes = {
   viewAllLabel: PropTypes.string,
   viewLessLabel: PropTypes.string
 };
-var OverflowCheckboxes$1 = OverflowCheckboxes;
 
-export { OverflowCheckboxes$1 as default };
+export { OverflowCheckboxes as default };

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js

@@ -18,6 +18,5 @@ var useFilterContext = function useFilterContext() {
   }
   return context;
 };
-var useFilterContext$1 = useFilterContext;
 
-export { useFilterContext$1 as default };
+export { useFilterContext as default };

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js

@@ -473,6 +473,5 @@ var useFilters = function useFilters(_ref) {
     cancel: cancel
   };
 };
-var useFilters$1 = useFilters;
 
-export { useFilters$1 as default };
+export { useFilters as default };

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js

@@ -29,6 +29,5 @@ var useShouldDisableButtons = function useShouldDisableButtons(_ref) {
   }, [filtersState, prevFiltersRef]);
   return [shouldDisableButtons, setShouldDisableButtons];
 };
-var useShouldDisableButtons$1 = useShouldDisableButtons;
 
-export { useShouldDisableButtons$1 as default };
+export { useShouldDisableButtons as default };