@carbon/ibm-products 2.54.0-canary.8 → 2.54.0-canary.81

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/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/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 };

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

@@ -21,6 +21,5 @@ var useSubscribeToEventEmitter = function useSubscribeToEventEmitter(type, callb
     EventEmitter.subscribe(type, callback);
   });
 };
-var useSubscribeToEventEmitter$1 = useSubscribeToEventEmitter;
 
-export { useSubscribeToEventEmitter$1 as default };
+export { useSubscribeToEventEmitter as default };

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

@@ -87,6 +87,5 @@ RowSizeDropdown.propTypes = {
   onChange: PropTypes.func.isRequired,
   selectedOption: PropTypes.string
 };
-var RowSizeDropdown$1 = RowSizeDropdown;
 
-export { RowSizeDropdown$1 as default };
+export { RowSizeDropdown as default };

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

@@ -85,6 +85,5 @@ RowSizeRadioGroup.propTypes = {
   selectedOption: PropTypes.string.isRequired,
   tableId: PropTypes.string.isRequired
 };
-var RowSizeRadioGroup$1 = RowSizeRadioGroup;
 
-export { RowSizeRadioGroup$1 as default };
+export { RowSizeRadioGroup as default };

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

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

package/es/components/Datagrid/useCustomizeColumns.js

@@ -7,8 +7,8 @@
 
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
-import ToggleButtonWrapper from './Datagrid/addons/CustomizeColumns/ButtonWrapper.js';
-import CustomizeColumnsTearsheetWrapper from './Datagrid/addons/CustomizeColumns/TearsheetWrapper.js';
+import ButtonWrapper from './Datagrid/addons/CustomizeColumns/ButtonWrapper.js';
+import TearsheetWrapper from './Datagrid/addons/CustomizeColumns/TearsheetWrapper.js';
 
 var useCustomizeColumns = function useCustomizeColumns(hooks) {
   var _React$useState = React.useState(false),
@@ -26,13 +26,13 @@ var useCustomizeColumns = function useCustomizeColumns(hooks) {
         setIsTearsheetOpen: setIsTearsheetOpen
       }),
       CustomizeColumnsButton: function CustomizeColumnsButton(props) {
-        return /*#__PURE__*/React.createElement(ToggleButtonWrapper, _extends({
+        return /*#__PURE__*/React.createElement(ButtonWrapper, _extends({
           iconTooltipLabel: labels === null || labels === void 0 ? void 0 : labels.iconTooltipLabel,
           isTearsheetOpen: isTearsheetOpen,
           setIsTearsheetOpen: setIsTearsheetOpen
         }, props));
       },
-      CustomizeColumnsTearsheet: CustomizeColumnsTearsheetWrapper
+      CustomizeColumnsTearsheet: TearsheetWrapper
     });
   });
 };

package/es/components/Datagrid/useDatagrid.js

@@ -9,7 +9,7 @@ import { objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArra
 import { useMemo } from 'react';
 import { useTable, useFlexLayout, useResizeColumns, useFilters, useGlobalFilter, useSortBy, useExpanded, usePagination, useRowSelect } from 'react-table';
 import uniqueId from 'lodash/uniqueId';
-import useSkeletonRows from './useSkeletonRows.js';
+import useSkeletons from './useSkeletonRows.js';
 import useDefaultStringRenderer from './useDefaultStringRenderer.js';
 import useRowRenderer from './useRowRenderer.js';
 import useRowSize from './useRowSize.js';
@@ -19,7 +19,7 @@ import useFloatingScroll from './useFloatingScroll.js';
 import { stateReducer } from './Datagrid/addons/stateReducer.js';
 
 var useDatagrid = function useDatagrid(params) {
-  var defaultPlugins = [useFlexLayout, useHeaderRow, useSkeletonRows, useResizeColumns, useRowRenderer, useDefaultStringRenderer, useRowSize, useFilters, useGlobalFilter, useSortBy, useExpanded];
+  var defaultPlugins = [useFlexLayout, useHeaderRow, useSkeletons, useResizeColumns, useRowRenderer, useDefaultStringRenderer, useRowSize, useFilters, useGlobalFilter, useSortBy, useExpanded];
 
   // Disable resizing
   if (params.disableResizing) {

package/es/components/Datagrid/useDefaultStringRenderer.js

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

package/es/components/Datagrid/useEditableCell.js

@@ -10,6 +10,5 @@ import useInlineEdit from './useInlineEdit.js';
 var useEditableCell = function useEditableCell(hooks) {
   useInlineEdit(hooks);
 };
-var useEditableCell$1 = useEditableCell;
 
-export { useEditableCell$1 as default };
+export { useEditableCell as default };

package/es/components/Datagrid/useFlexResize.js

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

package/es/components/Datagrid/useFloatingScroll.js

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

package/es/components/Datagrid/useNestedRowExpander.js

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

package/es/components/Datagrid/useParentDimensions.js

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

package/es/components/Datagrid/useResizeTable.js

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

package/es/components/Datagrid/useRowExpander.js

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

package/es/components/Datagrid/useRowRenderer.js

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

package/es/components/Datagrid/useRowSize.js

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

package/es/components/Datagrid/useSkeletonRows.js

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

package/es/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/es/components/DecoratorDualButton/DecoratorDualButton.js

@@ -17,6 +17,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
  */
 var DecoratorDualButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var validProps = prepareProps(props, ['href', 'kind', 'onClick', 'onContextMenu']);
@@ -26,6 +27,10 @@ var DecoratorDualButton = /*#__PURE__*/React__default.forwardRef(function (props
     kind: "dual-button"
   }, getDevtoolsProps(componentName)));
 });
+DecoratorDualButton.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated"
+};
 
 // Return a placeholder if not released and not enabled by feature flag
 DecoratorDualButton = pkg.checkComponentEnabled(DecoratorDualButton, componentName);

package/es/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/es/components/DecoratorLink/DecoratorLink.js

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

package/es/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/es/components/DecoratorSingleButton/DecoratorSingleButton.js

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

package/es/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/es/components/DescriptionList/DescriptionList.js

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

package/es/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/es/components/EditFullPage/EditFullPage.js

@@ -38,8 +38,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
  */
 var EditFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -60,6 +62,12 @@ var EditFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, getDevtoolsProps(componentName)), children);
 });
 
+/**@ts-ignore*/
+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
 EditFullPage = pkg.checkComponentEnabled(EditFullPage, componentName);
 

package/es/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/es/components/EditSidePanel/EditSidePanel.js

@@ -25,7 +25,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
  */
 var EditSidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -92,6 +94,12 @@ var EditSidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
   }, children));
 });
 
+/**@ts-ignore*/
+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
 EditSidePanel = pkg.checkComponentEnabled(EditSidePanel, componentName);
 

package/es/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/es/components/EditTearsheet/EditTearsheet.js

@@ -38,7 +38,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
  */
 var EditTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var cancelButtonText = _ref.cancelButtonText,
@@ -171,6 +173,12 @@ var EditTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
   })))));
 });
 
+/**@ts-ignore*/
+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
 EditTearsheet = pkg.checkComponentEnabled(EditTearsheet, componentName);
 

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

@@ -16,6 +16,8 @@ export interface EditTearsheetNarrowProps {
     className?: string;
 }
 /**
+ * **This component is deprecated.** <br>
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
+ * @deprecated
  */
 export declare let EditTearsheetNarrow: React.ForwardRefExoticComponent<EditTearsheetNarrowProps & React.RefAttributes<HTMLDivElement>>;

package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js

@@ -38,7 +38,9 @@ var componentName = 'EditTearsheetNarrow';
 // };
 
 /**
+ * **This component is deprecated.** <br>
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
+ * @deprecated
  */
 var EditTearsheetNarrow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -59,6 +61,12 @@ var EditTearsheetNarrow = /*#__PURE__*/React__default.forwardRef(function (_ref,
   }, getDevtoolsProps(componentName)), children);
 });
 
+/**@ts-ignore*/
+EditTearsheetNarrow.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
 EditTearsheetNarrow = pkg.checkComponentEnabled(EditTearsheetNarrow, componentName);
 

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

@@ -102,9 +102,11 @@ export interface EditUpdateCardsProps {
     titleSize?: 'default' | 'large';
 }
 /**
+ * **This component is deprecated.** <br>
  Editable cards allow a user to view, modify, and save the content contained within the card.
  These cards are generally used in instances where a user needs to make changes to a resource instances
  (ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
+ @deprecated
  */
 export declare let EditUpdateCards: React.ForwardRefExoticComponent<EditUpdateCardsProps & React.RefAttributes<HTMLDivElement>>;
 export {};