@carbon/ibm-products 2.54.0-canary.7 → 2.54.0-canary.71

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

@@ -50,10 +50,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/lib/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/lib/components/CreateTearsheet/CreateTearsheet.js

@@ -107,7 +107,7 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useState24 = _rollupPluginBabelHelpers.slicedToArray(_useState23, 2),
     lastIncludedStep = _useState24[0],
     setLastIncludedStep = _useState24[1];
-  var _useState25 = React.useState({}),
+  var _useState25 = React.useState(),
     _useState26 = _rollupPluginBabelHelpers.slicedToArray(_useState25, 2),
     experimentalSecondarySubmit = _useState26[0],
     setExperimentalSecondarySubmit = _useState26[1];
@@ -178,7 +178,7 @@ exports.CreateTearsheet = /*#__PURE__*/React.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.createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.extends({}, devtools.getDevtoolsProps(componentName), rest, {
@@ -198,7 +198,8 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     slug: slug,
     title: title,
     verticalPosition: verticalPosition,
-    closeIconDescription: ''
+    closeIconDescription: '',
+    currentStep: currentStep
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content"),
     ref: contentRef

package/lib/components/CreateTearsheet/CreateTearsheetStep.js

@@ -84,7 +84,7 @@ exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   React.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(_rollupPluginBabelHelpers.objectSpread2({}, experimentalSecondarySubmit));
+      stepsContext === null || stepsContext === void 0 || stepsContext.setExperimentalSecondarySubmit(experimentalSecondarySubmit);
     }
   }, [onMount, experimentalSecondarySubmit, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
 
@@ -120,8 +120,11 @@ exports.CreateTearsheetStep = /*#__PURE__*/React.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/lib/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/lib/components/Datagrid/Datagrid/Datagrid.js

@@ -23,6 +23,7 @@ var blockClass = "".concat(settings.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
  */
 exports.Datagrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var datagridState = _ref.datagridState,
@@ -57,6 +58,12 @@ exports.Datagrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement(DatagridContent.DatagridContent, props)) : /*#__PURE__*/React.createElement(DatagridContent.DatagridContent, props))));
 });
 
+/**@ts-ignore*/
+exports.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
 exports.Datagrid = settings.pkg.checkComponentEnabled(exports.Datagrid, componentName);
 

package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js

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

package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js

@@ -47,6 +47,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) {
@@ -71,12 +73,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) {
+      stateReducer.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
+        }
+      });
+    }
+    stateReducer.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.createElement(react.TableSelectAll, _rollupPluginBabelHelpers.extends({}, selectProps, {
     checked: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.checked) || false,
     className: cx("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _rollupPluginBabelHelpers.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/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js

@@ -60,6 +60,5 @@ Actions.propTypes = {
   setColumnsObject: index.default.func.isRequired,
   setSearchText: index.default.func.isRequired
 };
-var Actions$1 = Actions;
 
-exports.default = Actions$1;
+exports.default = Actions;

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

@@ -72,6 +72,5 @@ ButtonWrapper.propTypes = {
   onClick: index.default.func.isRequired,
   setIsTearsheetOpen: index.default.func.isRequired
 };
-var ToggleButtonWrapper = ButtonWrapper;
 
-exports.default = ToggleButtonWrapper;
+exports.default = ButtonWrapper;

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

@@ -97,6 +97,5 @@ Columns.propTypes = {
   setColumnStatus: index.default.func,
   setColumnsObject: index.default.func.isRequired
 };
-var Columns$1 = Columns;
 
-exports.default = Columns$1;
+exports.default = Columns;

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

@@ -191,6 +191,5 @@ CustomizeColumnsTearsheet.propTypes = {
   selectAllLabel: index.default.string,
   setIsTearsheetOpen: index.default.func.isRequired
 };
-var CustomizeColumnsTearsheet$1 = CustomizeColumnsTearsheet;
 
-exports.default = CustomizeColumnsTearsheet$1;
+exports.default = CustomizeColumnsTearsheet;

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

@@ -65,6 +65,5 @@ var TearsheetWrapper = function TearsheetWrapper(_ref) {
 TearsheetWrapper.propTypes = {
   instance: index.default.object.isRequired
 };
-var CustomizeColumnsTearsheetWrapper = TearsheetWrapper;
 
-exports.default = CustomizeColumnsTearsheetWrapper;
+exports.default = TearsheetWrapper;

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

@@ -331,6 +331,5 @@ FilterFlyout.propTypes = {
    */
   updateMethod: index.default.oneOf([constants.BATCH, constants.INSTANT]).isRequired
 };
-var FilterFlyout$1 = FilterFlyout;
 
-exports.default = FilterFlyout$1;
+exports.default = FilterFlyout;

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

@@ -316,7 +316,6 @@ FilterPanel.propTypes = {
   title: index.default.string,
   updateMethod: index.default.oneOf([constants.BATCH, constants.INSTANT])
 };
-var FilterPanel$1 = FilterPanel;
 
 exports.componentClass = componentClass;
-exports.default = FilterPanel$1;
+exports.default = FilterPanel;

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

@@ -78,6 +78,5 @@ OverflowCheckboxes.propTypes = {
   viewAllLabel: index.default.string,
   viewLessLabel: index.default.string
 };
-var OverflowCheckboxes$1 = OverflowCheckboxes;
 
-exports.default = OverflowCheckboxes$1;
+exports.default = OverflowCheckboxes;

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

@@ -22,6 +22,5 @@ var useFilterContext = function useFilterContext() {
   }
   return context;
 };
-var useFilterContext$1 = useFilterContext;
 
-exports.default = useFilterContext$1;
+exports.default = useFilterContext;

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

@@ -477,6 +477,5 @@ var useFilters = function useFilters(_ref) {
     cancel: cancel
   };
 };
-var useFilters$1 = useFilters;
 
-exports.default = useFilters$1;
+exports.default = useFilters;

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

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

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js

@@ -25,6 +25,5 @@ var useSubscribeToEventEmitter = function useSubscribeToEventEmitter(type, callb
     EventEmitter.subscribe(type, callback);
   });
 };
-var useSubscribeToEventEmitter$1 = useSubscribeToEventEmitter;
 
-exports.default = useSubscribeToEventEmitter$1;
+exports.default = useSubscribeToEventEmitter;

package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js

@@ -91,6 +91,5 @@ RowSizeDropdown.propTypes = {
   onChange: index.default.func.isRequired,
   selectedOption: index.default.string
 };
-var RowSizeDropdown$1 = RowSizeDropdown;
 
-exports.default = RowSizeDropdown$1;
+exports.default = RowSizeDropdown;

package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js

@@ -89,6 +89,5 @@ RowSizeRadioGroup.propTypes = {
   selectedOption: index.default.string.isRequired,
   tableId: index.default.string.isRequired
 };
-var RowSizeRadioGroup$1 = RowSizeRadioGroup;
 
-exports.default = RowSizeRadioGroup$1;
+exports.default = RowSizeRadioGroup;

package/lib/components/Datagrid/Datagrid/addons/stateReducer.js

@@ -30,7 +30,7 @@ var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, o
   });
 };
 var handleColumnResizingEvent = function handleColumnResizingEvent(dispatch, header, newWidth, isKeyEvent) {
-  if (isKeyEvent) {
+  {
     dispatch({
       type: COLUMN_RESIZE_START,
       payload: {

package/lib/components/Datagrid/useColumnOrder.js

@@ -13,7 +13,7 @@ var reactTable = require('react-table');
 
 
 
-Object.defineProperty(exports, 'default', {
+Object.defineProperty(exports, "default", {
 	enumerable: true,
 	get: function () { return reactTable.useColumnOrder; }
 });

package/lib/components/Datagrid/useDefaultStringRenderer.js

@@ -40,6 +40,5 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
   };
   hooks.visibleColumns.push(visibleColumns);
 };
-var useDefaultStringRenderer$1 = useDefaultStringRenderer;
 
-exports.default = useDefaultStringRenderer$1;
+exports.default = useDefaultStringRenderer;

package/lib/components/Datagrid/useEditableCell.js

@@ -14,6 +14,5 @@ var useInlineEdit = require('./useInlineEdit.js');
 var useEditableCell = function useEditableCell(hooks) {
   useInlineEdit.default(hooks);
 };
-var useEditableCell$1 = useEditableCell;
 
-exports.default = useEditableCell$1;
+exports.default = useEditableCell;

package/lib/components/Datagrid/useFlexResize.js

@@ -79,6 +79,5 @@ var useFlexResize = function useFlexResize(hooks) {
   });
   hooks.useInstance.push(useInstance);
 };
-var useFlexResize$1 = useFlexResize;
 
-exports.default = useFlexResize$1;
+exports.default = useFlexResize;

package/lib/components/Datagrid/useFloatingScroll.js

@@ -77,6 +77,5 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
   hooks.useInstance.push(useAddScrollListener);
   hooks.useInstance.push(useInstance);
 };
-var useFloatingScroll$1 = useFloatingScroll;
 
-exports.default = useFloatingScroll$1;
+exports.default = useFloatingScroll;

package/lib/components/Datagrid/useNestedRowExpander.js

@@ -119,6 +119,5 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
   hooks.visibleColumns.push(visibleColumns);
   hooks.useInstance.push(useInstance);
 };
-var useNestedRowExpander$1 = useNestedRowExpander;
 
-exports.default = useNestedRowExpander$1;
+exports.default = useNestedRowExpander;

package/lib/components/Datagrid/useParentDimensions.js

@@ -59,6 +59,5 @@ var useParentDimensions = function useParentDimensions(hooks) {
   };
   hooks.useInstance.push(useInstance);
 };
-var useParentDimensions$1 = useParentDimensions;
 
-exports.default = useParentDimensions$1;
+exports.default = useParentDimensions;

package/lib/components/Datagrid/useResizeTable.js

@@ -36,6 +36,5 @@ var useResizeTable = function useResizeTable(hooks) {
   };
   hooks.useInstanceBeforeDimensions.push(useInstanceBeforeDimensions);
 };
-var useResizeTable$1 = useResizeTable;
 
-exports.default = useResizeTable$1;
+exports.default = useResizeTable;

package/lib/components/Datagrid/useRowExpander.js

@@ -69,6 +69,5 @@ var useRowExpander = function useRowExpander(hooks) {
   hooks.visibleColumns.push(visibleColumns);
   hooks.useInstance.push(useInstance);
 };
-var useRowExpander$1 = useRowExpander;
 
-exports.default = useRowExpander$1;
+exports.default = useRowExpander;

package/lib/components/Datagrid/useRowRenderer.js

@@ -69,6 +69,5 @@ var useRowRenderer = function useRowRenderer(hooks) {
   };
   hooks.useInstance.push(useInstance);
 };
-var useRowRenderer$1 = useRowRenderer;
 
-exports.default = useRowRenderer$1;
+exports.default = useRowRenderer;

package/lib/components/Datagrid/useRowSize.js

@@ -55,6 +55,5 @@ var useRowSize = function useRowSize(hooks) {
   };
   hooks.getTableProps.push(getTableProps);
 };
-var useRowSize$1 = useRowSize;
 
-exports.default = useRowSize$1;
+exports.default = useRowSize;

package/lib/components/Datagrid/useSkeletonRows.js

@@ -44,6 +44,5 @@ var useSkeletons = function useSkeletons(hooks) {
   };
   hooks.useInstance.push(useInstance);
 };
-var useSkeletonRows = useSkeletons;
 
-exports.default = useSkeletonRows;
+exports.default = useSkeletons;

package/lib/components/DecoratorDualButton/DecoratorDualButton.d.ts

@@ -1,5 +1,6 @@
 /**
  * The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
+ * @deprecated This component is deprecated
  */
 export let DecoratorDualButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/DecoratorDualButton/DecoratorDualButton.js

@@ -19,6 +19,7 @@ var componentName = 'DecoratorDualButton';
 
 /**
  * The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
+ * @deprecated This component is deprecated
  */
 exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClick', 'onContextMenu']);
@@ -28,6 +29,10 @@ exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref
     kind: "dual-button"
   }, devtools.getDevtoolsProps(componentName)));
 });
+exports.DecoratorDualButton.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.DecoratorDualButton = settings.pkg.checkComponentEnabled(exports.DecoratorDualButton, componentName);

package/lib/components/DecoratorLink/DecoratorLink.d.ts

@@ -1,5 +1,6 @@
 /**
  * The DecoratorLink groups a key/value pair to behave like a link.
+ * @deprecated This component is deprecated
  */
 export let DecoratorLink: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/DecoratorLink/DecoratorLink.js

@@ -19,6 +19,7 @@ var componentName = 'DecoratorLink';
 
 /**
  * The DecoratorLink groups a key/value pair to behave like a link.
+ * @deprecated This component is deprecated
  */
 exports.DecoratorLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['disabled', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
@@ -28,6 +29,10 @@ exports.DecoratorLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
     kind: "link"
   }, devtools.getDevtoolsProps(componentName)));
 });
+exports.DecoratorLink.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.DecoratorLink = settings.pkg.checkComponentEnabled(exports.DecoratorLink, componentName);

package/lib/components/DecoratorSingleButton/DecoratorSingleButton.d.ts

@@ -1,5 +1,6 @@
 /**
  * The DecoratorSingleButton groups a key/value pair to behave like a button.
+ * @deprecated This component is deprecated
  */
 export let DecoratorSingleButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js

@@ -19,6 +19,7 @@ var componentName = 'DecoratorSingleButton';
 
 /**
  * The DecoratorSingleButton groups a key/value pair to behave like a button.
+ * @deprecated This component is deprecated
  */
 exports.DecoratorSingleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
@@ -28,6 +29,10 @@ exports.DecoratorSingleButton = /*#__PURE__*/React.forwardRef(function (props, r
     kind: "single-button"
   }, devtools.getDevtoolsProps(componentName)));
 });
+exports.DecoratorSingleButton.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.DecoratorSingleButton = settings.pkg.checkComponentEnabled(exports.DecoratorSingleButton, componentName);

package/lib/components/DescriptionList/DescriptionList.d.ts

@@ -1,5 +1,6 @@
 /**
  * Type layouts provide an orderly layout of terms and definitions.
+ * @deprecated This component is deprecated
  */
 export let DescriptionList: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/DescriptionList/DescriptionList.js

@@ -41,6 +41,7 @@ var defaults = {
 
 /**
  * Type layouts provide an orderly layout of terms and definitions.
+ * @deprecated This component is deprecated
  */
 exports.DescriptionList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$border = _ref.border,
@@ -60,6 +61,10 @@ exports.DescriptionList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     selection: false
   }, children));
 });
+exports.DescriptionList.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 exports.DescriptionList = settings.pkg.checkComponentEnabled(exports.DescriptionList, componentName);

package/lib/components/EditFullPage/EditFullPage.d.ts

@@ -16,7 +16,9 @@ export interface EditFullPageProps {
     children: ReactNode;
 }
 /**
+ * **This component is deprecated.** <br>
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
  * See usage guidance for further details.
+ * @deprecated
  */
 export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/EditFullPage/EditFullPage.js

@@ -40,8 +40,10 @@ var componentName = 'EditFullPage';
 // };
 
 /**
+ * **This component is deprecated.** <br>
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
  * See usage guidance for further details.
+ * @deprecated
  */
 exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -62,6 +64,12 @@ exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, devtools.getDevtoolsProps(componentName)), children);
 });
 
+/**@ts-ignore*/
+exports.EditFullPage.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 exports.EditFullPage = settings.pkg.checkComponentEnabled(exports.EditFullPage, componentName);
 

package/lib/components/EditSidePanel/EditSidePanel.d.ts

@@ -89,6 +89,8 @@ export interface EditSidePanelProps {
     title: string;
 }
 /**
+ * **This component is deprecated.** <br>
  * Use with medium complexity edits if the user needs page context.
+ * @deprecated
  */
 export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/EditSidePanel/EditSidePanel.js

@@ -27,7 +27,9 @@ var componentName = 'EditSidePanel';
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 /**
+ * **This component is deprecated.** <br>
  * Use with medium complexity edits if the user needs page context.
+ * @deprecated
  */
 exports.EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -94,6 +96,12 @@ exports.EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, children));
 });
 
+/**@ts-ignore*/
+exports.EditSidePanel.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 exports.EditSidePanel = settings.pkg.checkComponentEnabled(exports.EditSidePanel, componentName);
 

package/lib/components/EditTearsheet/EditTearsheet.d.ts

@@ -81,7 +81,9 @@ interface EditTearsheetProps extends PropsWithChildren {
     verticalPosition?: 'normal' | 'lower';
 }
 /**
+ * **This component is deprecated.** <br>
  * Use Tearsheet with medium to complex edits. See usage guidance for further information.
+ * @deprecated
  */
 export declare let EditTearsheet: React.ForwardRefExoticComponent<EditTearsheetProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/EditTearsheet/EditTearsheet.js

@@ -40,7 +40,9 @@ var defaults = {
 // corresponding props for TearsheetNarrow and TearsheetShell components.
 
 /**
+ * **This component is deprecated.** <br>
  * Use Tearsheet with medium to complex edits. See usage guidance for further information.
+ * @deprecated
  */
 exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var cancelButtonText = _ref.cancelButtonText,
@@ -173,6 +175,12 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   })))));
 });
 
+/**@ts-ignore*/
+exports.EditTearsheet.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 exports.EditTearsheet = settings.pkg.checkComponentEnabled(exports.EditTearsheet, componentName);