@carbon/ibm-products 2.59.0-rc.0 → 2.60.0-rc.0

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

@@ -44,15 +44,17 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     _useState8 = _slicedToArray(_useState7, 2),
     availableRowsCount = _useState8[0],
     setAvailableRowsCount = _useState8[1];
-  var batchActionMenuButtonLabelText = batchActionMenuButtonLabel !== null && batchActionMenuButtonLabel !== void 0 ? batchActionMenuButtonLabel : 'More';
+  var batchActionMenuButtonLabelText = batchActionMenuButtonLabel !== null && batchActionMenuButtonLabel !== undefined ? batchActionMenuButtonLabel : 'More';
   var selectedKeys = Object.keys(selectedRowIds || {});
   var totalSelected = selectedKeys.length;
   useEffect(function () {
     var _rows$find, _rows$find$getRowProp;
     var countDisabledRows = ((_rows$find = rows.find(function (row) {
       return row.getRowProps;
-    })) === null || _rows$find === void 0 || (_rows$find$getRowProp = _rows$find.getRowProps) === null || _rows$find$getRowProp === void 0 || (_rows$find$getRowProp = _rows$find$getRowProp.call(_rows$find)) === null || _rows$find$getRowProp === void 0 || (_rows$find$getRowProp = _rows$find$getRowProp.nonselectablerows) === null || _rows$find$getRowProp === void 0 ? void 0 : _rows$find$getRowProp.length) || 0;
-    rows && setAvailableRowsCount(rows.length - countDisabledRows);
+    })) === null || _rows$find === undefined || (_rows$find$getRowProp = _rows$find.getRowProps) === null || _rows$find$getRowProp === undefined || (_rows$find$getRowProp = _rows$find$getRowProp.call(_rows$find)) === null || _rows$find$getRowProp === undefined || (_rows$find$getRowProp = _rows$find$getRowProp.nonselectablerows) === null || _rows$find$getRowProp === undefined ? undefined : _rows$find$getRowProp.length) || 0;
+    if (rows) {
+      setAvailableRowsCount(rows.length - countDisabledRows);
+    }
   }, [rows]);
 
   // Get initial width of batch actions container,
@@ -61,13 +63,13 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
   useEffect(function () {
     if (totalSelected === 1 && !receivedInitialWidth) {
       var _ref$current;
-      var batchActionListWidth = ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector(".".concat(carbon.prefix, "--action-list")).offsetWidth;
+      var batchActionListWidth = ref === null || ref === undefined || (_ref$current = ref.current) === null || _ref$current === undefined ? undefined : _ref$current.querySelector(".".concat(carbon.prefix, "--action-list")).offsetWidth;
       setInitialListWidth(batchActionListWidth);
       setReceivedInitialWidth(true);
     }
   }, [totalSelected, receivedInitialWidth, ref]);
   useEffect(function () {
-    var summaryWidth = ref === null || ref === void 0 ? void 0 : ref.current.querySelector(".".concat(carbon.prefix, "--batch-summary")).offsetWidth;
+    var summaryWidth = ref === null || ref === undefined ? undefined : ref.current.querySelector(".".concat(carbon.prefix, "--batch-summary")).offsetWidth;
     if (width < summaryWidth + initialListWidth + 32) {
       setDisplayAllInMenu(true);
     } else {
@@ -92,7 +94,7 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     var minWidthBeforeOverflowIcon = 380;
     // Do not render ButtonMenu when there are 3 or less items
     // and if there is enough available space to render all the items
-    if (toolbarBatchActions && !displayAllInMenu && (!toolbarBatchActionsDisplayMin && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.length) <= 3 || toolbarBatchActionsDisplayMin !== undefined && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.length) <= toolbarBatchActionsDisplayMin)) {
+    if (toolbarBatchActions && !displayAllInMenu && (!toolbarBatchActionsDisplayMin && (toolbarBatchActions === null || toolbarBatchActions === undefined ? undefined : toolbarBatchActions.length) <= 3 || toolbarBatchActionsDisplayMin !== undefined && (toolbarBatchActions === null || toolbarBatchActions === undefined ? undefined : toolbarBatchActions.length) <= toolbarBatchActionsDisplayMin)) {
       return;
     }
     var renderItem = function renderItem(batchAction, index) {
@@ -109,7 +111,7 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
       className: cx([menuClass, _defineProperty({}, "".concat(menuClass, "-icon-only"), width <= minWidthBeforeOverflowIcon)]),
       tabIndex: totalSelected > 0 ? 0 : -1,
       menuAlignment: "bottom"
-    }, toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
+    }, toolbarBatchActions === null || toolbarBatchActions === undefined ? undefined : toolbarBatchActions.map(function (batchAction, index) {
       var hidden = toolbarBatchActionsDisplayMin === undefined && index < 2 && !displayAllInMenu;
       if (toolbarBatchActionsDisplayMin !== undefined && index < toolbarBatchActionsDisplayMin && !displayAllInMenu) {
         hidden = true;
@@ -134,11 +136,11 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
       indeterminate: undefined
     });
     toggleAllRowsSelected(false);
-    setGlobalFilter === null || setGlobalFilter === void 0 || setGlobalFilter(null);
+    setGlobalFilter === null || setGlobalFilter === undefined || setGlobalFilter(null);
   };
   var onSelectAllHandler = function onSelectAllHandler() {
     toggleAllRowsSelected(true);
-    onSelectAllRows === null || onSelectAllRows === void 0 || onSelectAllRows(true);
+    onSelectAllRows === null || onSelectAllRows === undefined || onSelectAllRows(true);
     handleSelectAllRowData({
       dispatch: dispatch,
       rows: rows,
@@ -158,7 +160,7 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     onSelectAll: onSelectAllHandler,
     totalCount: availableRowsCount,
     translateWithId: translateWithIdBatchActions
-  }, !displayAllInMenu && toolbarBatchActions && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
+  }, !displayAllInMenu && toolbarBatchActions && (toolbarBatchActions === null || toolbarBatchActions === undefined ? undefined : toolbarBatchActions.map(function (batchAction, index) {
     if (!toolbarBatchActionsDisplayMin && index < 2 && toolbarBatchActions.length > 3 || index < 3 && toolbarBatchActions.length <= 3 || toolbarBatchActionsDisplayMin !== undefined && index < toolbarBatchActionsDisplayMin) {
       return /*#__PURE__*/React__default.createElement(TableBatchAction, {
         key: "".concat(batchAction.label, "-").concat(index),
@@ -189,11 +191,11 @@ var DatagridToolbar = function DatagridToolbar(_ref2) {
     className: cx([blockClass, "".concat(blockClass, "--").concat(getRowHeight)])
   }, /*#__PURE__*/React__default.createElement(TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React__default.createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar === null || DatagridBatchActionsToolbar === void 0 ? void 0 : DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default.createElement("div", {
+  }, DatagridActions && /*#__PURE__*/React__default.createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar === null || DatagridBatchActionsToolbar === undefined ? undefined : DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default.createElement("div", {
     className: blockClass
   }, /*#__PURE__*/React__default.createElement(TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React__default.createElement(DatagridActions, datagridState), DatagridBatchActions === null || DatagridBatchActions === void 0 ? void 0 : DatagridBatchActions(datagridState))) : null;
+  }, DatagridActions && /*#__PURE__*/React__default.createElement(DatagridActions, datagridState), DatagridBatchActions === null || DatagridBatchActions === undefined ? undefined : DatagridBatchActions(datagridState))) : null;
 };
 DatagridToolbar.propTypes = {
   ariaToolbarLabel: PropTypes.string

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

@@ -31,7 +31,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     onScroll = datagridState.onScroll,
     innerListRef = datagridState.innerListRef,
     _datagridState$tableH = datagridState.tableHeight,
-    tableHeight = _datagridState$tableH === void 0 ? 400 : _datagridState$tableH,
+    tableHeight = _datagridState$tableH === undefined ? 400 : _datagridState$tableH,
     virtualHeight = datagridState.virtualHeight,
     listRef = datagridState.listRef,
     rowSize = datagridState.rowSize,
@@ -43,20 +43,20 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     onVirtualScroll = datagridState.onVirtualScroll;
   var headWrapRef = useRef(null);
   var innerRef = useRef(null);
-  var gridWidth = gridRef === null || gridRef === void 0 || (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : _gridRef$current.clientWidth;
+  var gridWidth = gridRef === null || gridRef === undefined || (_gridRef$current = gridRef.current) === null || _gridRef$current === undefined ? undefined : _gridRef$current.clientWidth;
   /* istanbul ignore next */
   var handleVirtualGridResize = function handleVirtualGridResize() {
-    var gridRefElement = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current;
+    var gridRefElement = gridRef === null || gridRef === undefined ? undefined : gridRef.current;
     // isHidden checks for an edge case where if the table is hidden by something like a Tab that the width can't be calculated to 0
-    var isHidden = (gridRefElement === null || gridRefElement === void 0 ? void 0 : gridRefElement.offsetParent) === null;
+    var isHidden = (gridRefElement === null || gridRefElement === undefined ? undefined : gridRefElement.offsetParent) === null;
     if (gridRefElement && !isHidden) {
       var _gridRefElement$clien;
-      gridRefElement.style.width = gridRefElement === null || gridRefElement === void 0 || (_gridRefElement$clien = gridRefElement.clientWidth) === null || _gridRefElement$clien === void 0 ? void 0 : _gridRefElement$clien.toString();
+      gridRefElement.style.width = gridRefElement === null || gridRefElement === undefined || (_gridRefElement$clien = gridRefElement.clientWidth) === null || _gridRefElement$clien === undefined ? undefined : _gridRefElement$clien.toString();
     }
   };
   useResizeObserver(gridRef, handleVirtualGridResize);
   useEffect(function () {
-    handleResize === null || handleResize === void 0 || handleResize();
+    handleResize === null || handleResize === undefined || handleResize();
   }, [handleResize]);
   var rowHeight = rowSize && rowSizeMap[rowSize] || defaultRowHeight;
   useEffect(function () {
@@ -70,13 +70,13 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
   // Sync the scrollLeft position of the virtual body to the table header
   useEffect(function () {
     var _document;
-    var headWrapEl = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head-wrap"));
+    var headWrapEl = (_document = document) === null || _document === undefined ? undefined : _document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head-wrap"));
 
     // Syncs header scroll position when virtual body is scrolled
     function handleVirtualScrollX(event) {
       var virtualBody = event.target;
       if (headWrapEl) {
-        headWrapEl.scrollLeft = virtualBody === null || virtualBody === void 0 ? void 0 : virtualBody.scrollLeft;
+        headWrapEl.scrollLeft = virtualBody === null || virtualBody === undefined ? undefined : virtualBody.scrollLeft;
       }
     }
 
@@ -84,17 +84,17 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     function handleHeaderScrollX(event) {
       var header = event.target;
       if (testRef && testRef.current) {
-        testRef.current.scrollLeft = header === null || header === void 0 ? void 0 : header.scrollLeft;
+        testRef.current.scrollLeft = header === null || header === undefined ? undefined : header.scrollLeft;
         // this prevents the scroll bar from over exceeding the vertical scroll bar compensation in the right
         header.scrollLeft = testRef.current.scrollLeft;
       }
     }
-    var testRefValue = testRef === null || testRef === void 0 ? void 0 : testRef.current;
-    testRefValue === null || testRefValue === void 0 || testRefValue.addEventListener('scroll', handleVirtualScrollX);
-    headWrapEl === null || headWrapEl === void 0 || headWrapEl.addEventListener('scroll', handleHeaderScrollX);
+    var testRefValue = testRef === null || testRef === undefined ? undefined : testRef.current;
+    testRefValue === null || testRefValue === undefined || testRefValue.addEventListener('scroll', handleVirtualScrollX);
+    headWrapEl === null || headWrapEl === undefined || headWrapEl.addEventListener('scroll', handleHeaderScrollX);
     return function () {
-      testRefValue === null || testRefValue === void 0 || testRefValue.removeEventListener('scroll', handleVirtualScrollX);
-      headWrapEl === null || headWrapEl === void 0 || headWrapEl.removeEventListener('scroll', handleHeaderScrollX);
+      testRefValue === null || testRefValue === undefined || testRefValue.removeEventListener('scroll', handleVirtualScrollX);
+      headWrapEl === null || headWrapEl === undefined || headWrapEl.removeEventListener('scroll', handleHeaderScrollX);
     };
   });
   useIsomorphicEffect(function () {
@@ -104,7 +104,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     }
   }, [headWrapRef, gridWidth]);
   useIsomorphicEffect(function () {
-    if (testRef !== null && testRef !== void 0 && testRef.current && testRef.current.style) {
+    if (testRef !== null && testRef !== undefined && testRef.current && testRef.current.style) {
       testRef.current.style.width = "".concat(gridWidth, "px");
     }
   }, [testRef, gridWidth]);
@@ -120,12 +120,12 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     itemCount: visibleRows.length,
     itemSize: function itemSize(index) {
       var _visibleRows$index;
-      return (_visibleRows$index = visibleRows[index]) !== null && _visibleRows$index !== void 0 && _visibleRows$index.isExpanded ? (visibleRows[index].expandedContentHeight || 0) + rowHeight : rowHeight;
+      return (_visibleRows$index = visibleRows[index]) !== null && _visibleRows$index !== undefined && _visibleRows$index.isExpanded ? (visibleRows[index].expandedContentHeight || 0) + rowHeight : rowHeight;
     },
     estimatedItemSize: rowHeight,
     onScroll: onScroll,
     onItemsRendered: function onItemsRendered(e) {
-      return onVirtualScroll === null || onVirtualScroll === void 0 ? void 0 : onVirtualScroll(e);
+      return onVirtualScroll === null || onVirtualScroll === undefined ? undefined : onVirtualScroll(e);
     },
     innerRef: innerListRef,
     outerRef: testRef,
@@ -142,7 +142,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     return /*#__PURE__*/React__default.createElement("div", {
       ref: innerRef,
       style: _objectSpread2({}, style)
-    }, row === null || row === void 0 || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === void 0 ? void 0 : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
+    }, row === null || row === undefined || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === undefined ? undefined : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     })));

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

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { PropsWithChildren, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 interface DraggableElementProps extends PropsWithChildren {
     ariaLabel: string;
     children: ReactNode;
@@ -18,13 +17,13 @@ interface DraggableElementProps extends PropsWithChildren {
 declare const DraggableElement: {
     ({ id, children, classList, disabled, ariaLabel, isSticky, selected, }: DraggableElementProps): React.JSX.Element;
     propTypes: {
-        ariaLabel: PropTypes.Validator<string>;
-        children: PropTypes.Validator<PropTypes.ReactElementLike>;
-        classList: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        id: PropTypes.Validator<string>;
-        isSticky: PropTypes.Requireable<boolean>;
-        selected: PropTypes.Requireable<boolean>;
+        ariaLabel: any;
+        children: any;
+        classList: any;
+        disabled: any;
+        id: any;
+        isSticky: any;
+        selected: any;
     };
 };
 export default DraggableElement;

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.d.ts

@@ -6,14 +6,13 @@ declare function Actions({ searchText, setSearchText, findColumnPlaceholderLabel
 }): React.JSX.Element;
 declare namespace Actions {
     namespace propTypes {
-        let columns: PropTypes.Validator<any[]>;
-        let findColumnPlaceholderLabel: PropTypes.Requireable<string>;
-        let originalColumnDefinitions: PropTypes.Validator<any[]>;
-        let resetToDefaultLabel: PropTypes.Requireable<string>;
-        let searchText: PropTypes.Validator<string>;
-        let setColumnsObject: PropTypes.Validator<(...args: any[]) => any>;
-        let setSearchText: PropTypes.Validator<(...args: any[]) => any>;
+        let columns: any;
+        let findColumnPlaceholderLabel: any;
+        let originalColumnDefinitions: any;
+        let resetToDefaultLabel: any;
+        let searchText: any;
+        let setColumnsObject: any;
+        let setSearchText: any;
     }
 }
 import * as React from 'react';
-import PropTypes from 'prop-types';

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.d.ts

@@ -11,12 +11,11 @@ declare namespace ButtonWrapper {
         function onClick(): void;
     }
     namespace propTypes {
-        export let iconTooltipLabel: PropTypes.Requireable<string>;
-        export let isTearsheetOpen: PropTypes.Validator<boolean>;
-        let onClick_1: PropTypes.Validator<(...args: any[]) => any>;
+        export let iconTooltipLabel: any;
+        export let isTearsheetOpen: any;
+        let onClick_1: any;
         export { onClick_1 as onClick };
-        export let setIsTearsheetOpen: PropTypes.Validator<(...args: any[]) => any>;
+        export let setIsTearsheetOpen: any;
     }
 }
 import * as React from 'react';
-import PropTypes from 'prop-types';

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

@@ -19,7 +19,7 @@ var ButtonWrapper = function ButtonWrapper(_ref) {
     setIsTearsheetOpen = _ref.setIsTearsheetOpen,
     isTearsheetOpen = _ref.isTearsheetOpen,
     _ref$iconTooltipLabel = _ref.iconTooltipLabel,
-    iconTooltipLabel = _ref$iconTooltipLabel === void 0 ? 'Customize columns' : _ref$iconTooltipLabel,
+    iconTooltipLabel = _ref$iconTooltipLabel === undefined ? 'Customize columns' : _ref$iconTooltipLabel,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Button, _extends({}, rest, {
     renderIcon: function renderIcon(props) {

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts

@@ -12,19 +12,18 @@ declare function Columns({ getVisibleColumnsCount, filterString, columns, setCol
 }): React.JSX.Element;
 declare namespace Columns {
     namespace propTypes {
-        let assistiveTextDisabledInstructionsLabel: PropTypes.Requireable<string>;
-        let assistiveTextInstructionsLabel: PropTypes.Requireable<string>;
-        let columns: PropTypes.Validator<any[]>;
-        let customizeTearsheetHeadingLabel: PropTypes.Requireable<string>;
-        let disabledInstructionsLabel: PropTypes.Requireable<string>;
-        let filterString: PropTypes.Validator<string>;
-        let getVisibleColumnsCount: PropTypes.Validator<(...args: any[]) => any>;
-        let instructionsLabel: PropTypes.Requireable<string>;
-        let onSelectColumn: PropTypes.Validator<(...args: any[]) => any>;
-        let selectAllLabel: PropTypes.Requireable<string>;
-        let setColumnStatus: PropTypes.Requireable<(...args: any[]) => any>;
-        let setColumnsObject: PropTypes.Validator<(...args: any[]) => any>;
+        let assistiveTextDisabledInstructionsLabel: any;
+        let assistiveTextInstructionsLabel: any;
+        let columns: any;
+        let customizeTearsheetHeadingLabel: any;
+        let disabledInstructionsLabel: any;
+        let filterString: any;
+        let getVisibleColumnsCount: any;
+        let instructionsLabel: any;
+        let onSelectColumn: any;
+        let selectAllLabel: any;
+        let setColumnStatus: any;
+        let setColumnsObject: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';

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

@@ -5,11 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useRef } from 'react';
 import PropTypes from '../../../../../_virtual/index.js';
 import { Checkbox } from '@carbon/react';
-import update from 'immutability-helper';
 import { pkg } from '../../../../../settings.js';
 import cx from 'classnames';
 import { DraggableItemsList } from './DraggableItemsList.js';
@@ -34,12 +33,15 @@ var Columns = function Columns(_ref) {
     setAriaRegionText = _React$useState2[1];
   // after a drag/drop action set the columns
   var moveElement = React__default.useCallback(function (from, to) {
-    var fromCol = columns[from];
-    setColumnsObject(update(columns, {
-      $splice: [[from, 1], [to, 0, fromCol]]
-    }));
-  }, [columns, setColumnsObject]);
-  var filteredStickyColumn = columns === null || columns === void 0 ? void 0 : columns.filter(function (item) {
+    setColumnsObject(function (prev) {
+      var prevClone = _toConsumableArray(prev);
+      var item = prevClone[from];
+      prevClone.splice(from, 1);
+      prevClone.splice(to, 0, item);
+      return prevClone;
+    });
+  }, [setColumnsObject]);
+  var filteredStickyColumn = columns === null || columns === undefined ? undefined : columns.filter(function (item) {
     return !item.sticky;
   });
   return /*#__PURE__*/React__default.createElement("div", {

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.d.ts

@@ -17,21 +17,20 @@ declare function CustomizeColumnsTearsheet({ isOpen, setIsTearsheetOpen, onSaveC
 }): React.JSX.Element;
 declare namespace CustomizeColumnsTearsheet {
     namespace propTypes {
-        let assistiveTextDisabledInstructionsLabel: PropTypes.Requireable<string>;
-        let assistiveTextInstructionsLabel: PropTypes.Requireable<string>;
-        let columnDefinitions: PropTypes.Validator<any[]>;
-        let customizeTearsheetHeadingLabel: PropTypes.Requireable<string>;
-        let findColumnPlaceholderLabel: PropTypes.Requireable<string>;
-        let instructionsLabel: PropTypes.Requireable<string>;
-        let isOpen: PropTypes.Validator<boolean>;
-        let onSaveColumnPrefs: PropTypes.Validator<(...args: any[]) => any>;
-        let originalColumnDefinitions: PropTypes.Validator<any[]>;
-        let primaryButtonTextLabel: PropTypes.Requireable<string>;
-        let resetToDefaultLabel: PropTypes.Requireable<string>;
-        let secondaryButtonTextLabel: PropTypes.Requireable<string>;
-        let selectAllLabel: PropTypes.Requireable<string>;
-        let setIsTearsheetOpen: PropTypes.Validator<(...args: any[]) => any>;
+        let assistiveTextDisabledInstructionsLabel: any;
+        let assistiveTextInstructionsLabel: any;
+        let columnDefinitions: any;
+        let customizeTearsheetHeadingLabel: any;
+        let findColumnPlaceholderLabel: any;
+        let instructionsLabel: any;
+        let isOpen: any;
+        let onSaveColumnPrefs: any;
+        let originalColumnDefinitions: any;
+        let primaryButtonTextLabel: any;
+        let resetToDefaultLabel: any;
+        let secondaryButtonTextLabel: any;
+        let selectAllLabel: any;
+        let setIsTearsheetOpen: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';

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

@@ -22,23 +22,23 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
     columnDefinitions = _ref.columnDefinitions,
     originalColumnDefinitions = _ref.originalColumnDefinitions,
     _ref$customizeTearshe = _ref.customizeTearsheetHeadingLabel,
-    customizeTearsheetHeadingLabel = _ref$customizeTearshe === void 0 ? 'Customize columns' : _ref$customizeTearshe,
+    customizeTearsheetHeadingLabel = _ref$customizeTearshe === undefined ? 'Customize columns' : _ref$customizeTearshe,
     _ref$primaryButtonTex = _ref.primaryButtonTextLabel,
-    primaryButtonTextLabel = _ref$primaryButtonTex === void 0 ? 'Save' : _ref$primaryButtonTex,
+    primaryButtonTextLabel = _ref$primaryButtonTex === undefined ? 'Save' : _ref$primaryButtonTex,
     _ref$secondaryButtonT = _ref.secondaryButtonTextLabel,
-    secondaryButtonTextLabel = _ref$secondaryButtonT === void 0 ? 'Cancel' : _ref$secondaryButtonT,
+    secondaryButtonTextLabel = _ref$secondaryButtonT === undefined ? 'Cancel' : _ref$secondaryButtonT,
     _ref$instructionsLabe = _ref.instructionsLabel,
-    instructionsLabel = _ref$instructionsLabe === void 0 ? 'Select columns to display them. Click and drag the box to reorder the columns. These specifications will be saved and persist if you leave and return to the data table.' : _ref$instructionsLabe,
+    instructionsLabel = _ref$instructionsLabe === undefined ? 'Select columns to display them. Click and drag the box to reorder the columns. These specifications will be saved and persist if you leave and return to the data table.' : _ref$instructionsLabe,
     _ref$findColumnPlaceh = _ref.findColumnPlaceholderLabel,
-    findColumnPlaceholderLabel = _ref$findColumnPlaceh === void 0 ? 'Find column' : _ref$findColumnPlaceh,
+    findColumnPlaceholderLabel = _ref$findColumnPlaceh === undefined ? 'Find column' : _ref$findColumnPlaceh,
     _ref$resetToDefaultLa = _ref.resetToDefaultLabel,
-    resetToDefaultLabel = _ref$resetToDefaultLa === void 0 ? 'Reset to default' : _ref$resetToDefaultLa,
+    resetToDefaultLabel = _ref$resetToDefaultLa === undefined ? 'Reset to default' : _ref$resetToDefaultLa,
     _ref$assistiveTextIns = _ref.assistiveTextInstructionsLabel,
-    assistiveTextInstructionsLabel = _ref$assistiveTextIns === void 0 ? 'Press space bar to toggle drag drop mode, use arrow keys to move selected elements.' : _ref$assistiveTextIns,
+    assistiveTextInstructionsLabel = _ref$assistiveTextIns === undefined ? 'Press space bar to toggle drag drop mode, use arrow keys to move selected elements.' : _ref$assistiveTextIns,
     _ref$assistiveTextDis = _ref.assistiveTextDisabledInstructionsLabel,
-    assistiveTextDisabledInstructionsLabel = _ref$assistiveTextDis === void 0 ? 'Reordering columns are disabled because they are filtered currently.' : _ref$assistiveTextDis,
+    assistiveTextDisabledInstructionsLabel = _ref$assistiveTextDis === undefined ? 'Reordering columns are disabled because they are filtered currently.' : _ref$assistiveTextDis,
     _ref$selectAllLabel = _ref.selectAllLabel,
-    selectAllLabel = _ref$selectAllLabel === void 0 ? 'Column name' : _ref$selectAllLabel;
+    selectAllLabel = _ref$selectAllLabel === undefined ? 'Column name' : _ref$selectAllLabel;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     visibleColumnsCount = _useState2[0],

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

@@ -12,7 +12,7 @@ import { Checkbox } from '@carbon/react';
 import { isColumnVisible } from './common.js';
 import DraggableElement from '../../DraggableElement.js';
 import { pkg } from '../../../../../settings.js';
-import { getNodeTextContent } from '../../../../../global/js/utils/getNodeTextContent.js';
+import { getNodeTextContent as _getNodeTextContent } from '../../../../../global/js/utils/getNodeTextContent.js';
 import { useSensor, PointerSensor, KeyboardSensor, useSensors, DndContext, closestCenter } from '@dnd-kit/core';
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { restrictToParentElement, restrictToVerticalAxis } from '@dnd-kit/modifiers';
@@ -32,13 +32,13 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
   var visibleCols = columns
   // hide the columns without Header, e.g the sticky actions, spacer
   .filter(function (colDef) {
-    return getNodeTextContent(colDef.Header).trim().length !== 0;
+    return _getNodeTextContent(colDef.Header).trim().length !== 0;
   }).filter(Boolean).filter(function (colDef) {
     return !colDef.isAction;
   }).filter(function (colDef) {
     return colDef.id !== 'spacer';
   }).filter(function (colDef) {
-    return filterString.length === 0 || getNodeTextContent(colDef.Header).toLowerCase().includes(filterString);
+    return filterString.length === 0 || _getNodeTextContent(colDef.Header).toLowerCase().includes(filterString);
   });
   var getUpdatedDragCols = function getUpdatedDragCols() {
     var tempCols = _toConsumableArray(visibleCols);
@@ -62,7 +62,7 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
     var destOverCol = updatedDragCols.filter(function (item) {
       return item.id === over.id;
     });
-    if (destOverCol !== null && destOverCol !== void 0 && destOverCol.length && (_destOverCol$ = destOverCol[0]) !== null && _destOverCol$ !== void 0 && _destOverCol$.disabled) {
+    if (destOverCol !== null && destOverCol !== undefined && destOverCol.length && (_destOverCol$ = destOverCol[0]) !== null && _destOverCol$ !== undefined && _destOverCol$.disabled) {
       return;
     }
     var fromVisibleIndex = updatedDragCols.findIndex(function (col) {
@@ -71,7 +71,7 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
     var toVisibleIndex = updatedDragCols.findIndex(function (col) {
       return matchedColsById(col, over);
     });
-    var colTitle = getNodeTextContent(updatedDragCols[fromVisibleIndex].Header);
+    var colTitle = _getNodeTextContent(updatedDragCols[fromVisibleIndex].Header);
     setAriaRegionText("".concat(colTitle, " dropped. New position ").concat(toVisibleIndex + 1, " of ").concat(updatedDragCols.length, "."));
     var fromIndex = columns.findIndex(function (col) {
       return matchedColsById(col, active);
@@ -86,7 +86,7 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
     var fromIndex = updatedDragCols.findIndex(function (col) {
       return matchedColsById(col, active);
     });
-    var colTitle = getNodeTextContent(updatedDragCols[fromIndex].Header);
+    var colTitle = _getNodeTextContent(updatedDragCols[fromIndex].Header);
     setAriaRegionText("".concat(colTitle, " grabbed. Current position ").concat(fromIndex + 1, " of ").concat(updatedDragCols.length, "."));
   };
   var handleDragUpdate = function handleDragUpdate(event) {
@@ -98,7 +98,7 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
     var toIndex = updatedDragCols.findIndex(function (col) {
       return matchedColsById(col, over);
     });
-    var colTitle = getNodeTextContent(updatedDragCols[fromIndex].Header);
+    var colTitle = _getNodeTextContent(updatedDragCols[fromIndex].Header);
     setAriaRegionText("".concat(colTitle, " grabbed. Original position ").concat(fromIndex + 1, ", new position ").concat(toIndex + 1, " of ").concat(updatedDragCols.length, "."));
   };
   var pointerSensor = useSensor(PointerSensor, {
@@ -160,7 +160,7 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
     items: updatedDragCols,
     strategy: verticalListSortingStrategy
   }, visibleCols.map(function (colDef) {
-    var colHeaderTitle = getNodeTextContent(colDef.Header);
+    var colHeaderTitle = _getNodeTextContent(colDef.Header);
     var parts = colHeaderTitle.split(new RegExp("(".concat(filterString, ")"), 'gi'));
     var highlightedText = parts.map(function (part) {
       return part.toLowerCase() === filterString.toLowerCase() ? "<strong>".concat(part, "</strong>") : part;

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.d.ts

@@ -4,8 +4,7 @@ declare function TearsheetWrapper({ instance }: {
 }): React.JSX.Element;
 declare namespace TearsheetWrapper {
     namespace propTypes {
-        let instance: PropTypes.Validator<object>;
+        let instance: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';

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

@@ -26,7 +26,7 @@ var TearsheetWrapper = function TearsheetWrapper(_ref) {
   var _ref2 = state || {},
     featureFlags = _ref2.featureFlags;
   useEffect(function () {
-    if (featureFlags && !(featureFlags !== null && featureFlags !== void 0 && featureFlags['enable-datagrid-useCustomizeColumns'])) {
+    if (featureFlags && !(featureFlags !== null && featureFlags !== undefined && featureFlags['enable-datagrid-useCustomizeColumns'])) {
       console.error("Datagrid useCustomizeColumns extension has not been enabled via feature flag.");
     }
   }, [featureFlags]);

package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.d.ts

@@ -17,29 +17,20 @@ declare function FilterFlyout({ updateMethod, flyoutIconDescription, align, filt
 }): React.JSX.Element;
 declare namespace FilterFlyout {
     namespace propTypes {
-        let align: PropTypes.Requireable<string>;
-        let data: PropTypes.Validator<any[]>;
-        let filters: PropTypes.Validator<(PropTypes.InferProps<{
-            type: PropTypes.Validator<string>;
-            column: PropTypes.Validator<string>;
-            props: PropTypes.Validator<object>;
-        }> | null | undefined)[]>;
-        let flyoutIconDescription: PropTypes.Requireable<string>;
-        let onApply: PropTypes.Requireable<(...args: any[]) => any>;
-        let onCancel: PropTypes.Requireable<(...args: any[]) => any>;
-        let onFlyoutClose: PropTypes.Requireable<(...args: any[]) => any>;
-        let onFlyoutOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        let primaryActionLabel: PropTypes.Requireable<string>;
-        let reactTableFiltersState: PropTypes.Requireable<(PropTypes.InferProps<{
-            id: PropTypes.Validator<string>;
-            type: PropTypes.Validator<string>;
-            value: PropTypes.Validator<any>;
-        }> | null | undefined)[]>;
-        let secondaryActionLabel: PropTypes.Requireable<string>;
-        let setAllFilters: PropTypes.Validator<(...args: any[]) => any>;
-        let title: PropTypes.Requireable<string>;
-        let updateMethod: PropTypes.Validator<string>;
+        let align: any;
+        let data: any;
+        let filters: any;
+        let flyoutIconDescription: any;
+        let onApply: any;
+        let onCancel: any;
+        let onFlyoutClose: any;
+        let onFlyoutOpen: any;
+        let primaryActionLabel: any;
+        let reactTableFiltersState: any;
+        let secondaryActionLabel: any;
+        let setAllFilters: any;
+        let title: any;
+        let updateMethod: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';