@carbon/ibm-products 2.59.0 → 2.60.0

package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js

@@ -35,7 +35,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,
@@ -47,20 +47,20 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     onVirtualScroll = datagridState.onVirtualScroll;
   var headWrapRef = React.useRef(null);
   var innerRef = React.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.useResizeObserver(gridRef, handleVirtualGridResize);
   React.useEffect(function () {
-    handleResize === null || handleResize === void 0 || handleResize();
+    handleResize === null || handleResize === undefined || handleResize();
   }, [handleResize]);
   var rowHeight = rowSize && rowSizeMap[rowSize] || defaultRowHeight;
   React.useEffect(function () {
@@ -74,13 +74,13 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
   // Sync the scrollLeft position of the virtual body to the table header
   React.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;
       }
     }
 
@@ -88,17 +88,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.useIsomorphicEffect(function () {
@@ -108,7 +108,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     }
   }, [headWrapRef, gridWidth]);
   useIsomorphicEffect.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]);
@@ -124,12 +124,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,
@@ -146,7 +146,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     return /*#__PURE__*/React.createElement("div", {
       ref: innerRef,
       style: _rollupPluginBabelHelpers.objectSpread2({}, style)
-    }, row === null || row === void 0 || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === void 0 ? void 0 : _row$RowRenderer.call(row, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
+    }, row === null || row === undefined || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === undefined ? undefined : _row$RowRenderer.call(row, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     })));

package/lib/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/lib/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/lib/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/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js

@@ -42,7 +42,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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__namespace.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
     renderIcon: function renderIcon(props) {

package/lib/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/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js

@@ -13,7 +13,6 @@ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBa
 var React = require('react');
 var index = require('../../../../../_virtual/index.js');
 var react = require('@carbon/react');
-var update = require('immutability-helper');
 var settings = require('../../../../../settings.js');
 var cx = require('classnames');
 var DraggableItemsList = require('./DraggableItemsList.js');
@@ -38,12 +37,15 @@ var Columns = function Columns(_ref) {
     setAriaRegionText = _React$useState2[1];
   // after a drag/drop action set the columns
   var moveElement = React.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 = _rollupPluginBabelHelpers.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.createElement("div", {

package/lib/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/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js

@@ -26,23 +26,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 = React.useState(''),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     visibleColumnsCount = _useState2[0],

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

@@ -64,7 +64,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) {

package/lib/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/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js

@@ -30,7 +30,7 @@ var TearsheetWrapper = function TearsheetWrapper(_ref) {
   var _ref2 = state || {},
     featureFlags = _ref2.featureFlags;
   React.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/lib/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';

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

@@ -42,30 +42,30 @@ var emptyArray = [];
 var FilterFlyout = function FilterFlyout(_ref) {
   var updateMethod = _ref.updateMethod,
     _ref$flyoutIconDescri = _ref.flyoutIconDescription,
-    flyoutIconDescription = _ref$flyoutIconDescri === void 0 ? defaults.flyoutIconDescription : _ref$flyoutIconDescri,
+    flyoutIconDescription = _ref$flyoutIconDescri === undefined ? defaults.flyoutIconDescription : _ref$flyoutIconDescri,
     _ref$align = _ref.align,
-    align = _ref$align === void 0 ? defaults.align : _ref$align,
+    align = _ref$align === undefined ? defaults.align : _ref$align,
     _ref$filters = _ref.filters,
-    filters = _ref$filters === void 0 ? emptyArray : _ref$filters,
+    filters = _ref$filters === undefined ? emptyArray : _ref$filters,
     _ref$title = _ref.title,
-    title = _ref$title === void 0 ? defaults.title : _ref$title,
+    title = _ref$title === undefined ? defaults.title : _ref$title,
     _ref$primaryActionLab = _ref.primaryActionLabel,
-    primaryActionLabel = _ref$primaryActionLab === void 0 ? defaults.primaryActionLabel : _ref$primaryActionLab,
+    primaryActionLabel = _ref$primaryActionLab === undefined ? defaults.primaryActionLabel : _ref$primaryActionLab,
     _ref$onFlyoutOpen = _ref.onFlyoutOpen,
-    onFlyoutOpen = _ref$onFlyoutOpen === void 0 ? function () {} : _ref$onFlyoutOpen,
+    onFlyoutOpen = _ref$onFlyoutOpen === undefined ? function () {} : _ref$onFlyoutOpen,
     _ref$onFlyoutClose = _ref.onFlyoutClose,
-    onFlyoutClose = _ref$onFlyoutClose === void 0 ? function () {} : _ref$onFlyoutClose,
+    onFlyoutClose = _ref$onFlyoutClose === undefined ? function () {} : _ref$onFlyoutClose,
     _ref$onApply = _ref.onApply,
-    onApply = _ref$onApply === void 0 ? function () {} : _ref$onApply,
+    onApply = _ref$onApply === undefined ? function () {} : _ref$onApply,
     _ref$onCancel = _ref.onCancel,
-    onCancel = _ref$onCancel === void 0 ? function () {} : _ref$onCancel,
+    onCancel = _ref$onCancel === undefined ? function () {} : _ref$onCancel,
     _ref$secondaryActionL = _ref.secondaryActionLabel,
-    secondaryActionLabel = _ref$secondaryActionL === void 0 ? defaults.secondaryActionLabel : _ref$secondaryActionL,
+    secondaryActionLabel = _ref$secondaryActionL === undefined ? defaults.secondaryActionLabel : _ref$secondaryActionL,
     setAllFilters = _ref.setAllFilters,
     _ref$data = _ref.data,
-    data = _ref$data === void 0 ? emptyArray : _ref$data,
+    data = _ref$data === undefined ? emptyArray : _ref$data,
     _ref$reactTableFilter = _ref.reactTableFiltersState,
-    reactTableFiltersState = _ref$reactTableFilter === void 0 ? emptyArray : _ref$reactTableFilter;
+    reactTableFiltersState = _ref$reactTableFilter === undefined ? emptyArray : _ref$reactTableFilter;
   /** State */
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -116,8 +116,8 @@ var FilterFlyout = function FilterFlyout(_ref) {
   // Skip resize testing
   /* istanbul ignore next */
   var handleResize = function handleResize(current) {
-    var filterFlyoutRefPosition = flyoutInnerRef === null || flyoutInnerRef === void 0 ? void 0 : flyoutInnerRef.current.getBoundingClientRect();
-    var originalFlyoutWidth = parseInt(window.getComputedStyle(flyoutInnerRef === null || flyoutInnerRef === void 0 ? void 0 : flyoutInnerRef.current).getPropertyValue('width'));
+    var filterFlyoutRefPosition = flyoutInnerRef === null || flyoutInnerRef === undefined ? undefined : flyoutInnerRef.current.getBoundingClientRect();
+    var originalFlyoutWidth = parseInt(window.getComputedStyle(flyoutInnerRef === null || flyoutInnerRef === undefined ? undefined : flyoutInnerRef.current).getPropertyValue('width'));
     // Check to see if left value from flyout getBoundingClientRect is a negative number
     // If it is, that is the amount we need to subtract from the flyout width
     if (Math.sign(filterFlyoutRefPosition.left) === -1) {
@@ -132,7 +132,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
       flyoutInnerRef.current.style.width = layout.px(_newFlyoutWidth);
     }
     // Begin stacking filters at this specific point
-    if ((current === null || current === void 0 ? void 0 : current.innerWidth) <= mdPxWidth + 254) {
+    if ((current === null || current === undefined ? undefined : current.innerWidth) <= mdPxWidth + 254) {
       setStackedLayout(true);
     } else {
       setStackedLayout(false);

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.d.ts

@@ -22,30 +22,25 @@ declare function FilterPanel({ title, closeIconDescription, updateMethod, filter
 }): React.JSX.Element;
 declare namespace FilterPanel {
     namespace propTypes {
-        let autoHideFilters: PropTypes.Requireable<boolean>;
-        let closeIconDescription: PropTypes.Requireable<string>;
-        let filterPanelMinHeight: PropTypes.Requireable<number>;
-        let filterSections: PropTypes.Requireable<any[]>;
-        let isFetching: PropTypes.Requireable<boolean>;
-        let onApply: PropTypes.Requireable<(...args: any[]) => any>;
-        let onCancel: PropTypes.Requireable<(...args: any[]) => any>;
-        let onPanelClose: PropTypes.Requireable<(...args: any[]) => any>;
-        let onPanelOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        let open: PropTypes.Requireable<boolean>;
-        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 searchLabelText: PropTypes.Requireable<string>;
-        let searchPlaceholder: PropTypes.Requireable<string>;
-        let secondaryActionLabel: PropTypes.Requireable<string>;
-        let setAllFilters: PropTypes.Requireable<(...args: any[]) => any>;
-        let showFilterSearch: PropTypes.Requireable<boolean>;
-        let title: PropTypes.Requireable<string>;
-        let updateMethod: PropTypes.Requireable<string>;
+        let autoHideFilters: any;
+        let closeIconDescription: any;
+        let filterPanelMinHeight: any;
+        let filterSections: any;
+        let isFetching: any;
+        let onApply: any;
+        let onCancel: any;
+        let onPanelClose: any;
+        let onPanelOpen: any;
+        let open: any;
+        let primaryActionLabel: any;
+        let reactTableFiltersState: any;
+        let searchLabelText: any;
+        let searchPlaceholder: any;
+        let secondaryActionLabel: any;
+        let setAllFilters: any;
+        let showFilterSearch: any;
+        let title: any;
+        let updateMethod: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';

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

@@ -43,38 +43,38 @@ var defaults = {
 var emptyArray = [];
 var FilterPanel = function FilterPanel(_ref) {
   var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? defaults.title : _ref$title,
+    title = _ref$title === undefined ? defaults.title : _ref$title,
     _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
+    closeIconDescription = _ref$closeIconDescrip === undefined ? defaults.closeIconDescription : _ref$closeIconDescrip,
     updateMethod = _ref.updateMethod,
     filterSections = _ref.filterSections,
     setAllFilters = _ref.setAllFilters,
     _ref$onApply = _ref.onApply,
-    onApply = _ref$onApply === void 0 ? function () {} : _ref$onApply,
+    onApply = _ref$onApply === undefined ? function () {} : _ref$onApply,
     _ref$onCancel = _ref.onCancel,
-    onCancel = _ref$onCancel === void 0 ? function () {} : _ref$onCancel,
+    onCancel = _ref$onCancel === undefined ? function () {} : _ref$onCancel,
     _ref$onPanelOpen = _ref.onPanelOpen,
-    onPanelOpen = _ref$onPanelOpen === void 0 ? function () {} : _ref$onPanelOpen,
+    onPanelOpen = _ref$onPanelOpen === undefined ? function () {} : _ref$onPanelOpen,
     _ref$onPanelClose = _ref.onPanelClose,
-    onPanelClose = _ref$onPanelClose === void 0 ? function () {} : _ref$onPanelClose,
+    onPanelClose = _ref$onPanelClose === undefined ? function () {} : _ref$onPanelClose,
     _ref$showFilterSearch = _ref.showFilterSearch,
-    showFilterSearch = _ref$showFilterSearch === void 0 ? false : _ref$showFilterSearch,
+    showFilterSearch = _ref$showFilterSearch === undefined ? false : _ref$showFilterSearch,
     _ref$filterPanelMinHe = _ref.filterPanelMinHeight,
-    filterPanelMinHeight = _ref$filterPanelMinHe === void 0 ? 600 : _ref$filterPanelMinHe,
+    filterPanelMinHeight = _ref$filterPanelMinHe === undefined ? 600 : _ref$filterPanelMinHe,
     _ref$primaryActionLab = _ref.primaryActionLabel,
-    primaryActionLabel = _ref$primaryActionLab === void 0 ? defaults.primaryActionLabel : _ref$primaryActionLab,
+    primaryActionLabel = _ref$primaryActionLab === undefined ? defaults.primaryActionLabel : _ref$primaryActionLab,
     _ref$secondaryActionL = _ref.secondaryActionLabel,
-    secondaryActionLabel = _ref$secondaryActionL === void 0 ? defaults.secondaryActionLabel : _ref$secondaryActionL,
+    secondaryActionLabel = _ref$secondaryActionL === undefined ? defaults.secondaryActionLabel : _ref$secondaryActionL,
     _ref$searchLabelText = _ref.searchLabelText,
-    searchLabelText = _ref$searchLabelText === void 0 ? defaults.searchLabelText : _ref$searchLabelText,
+    searchLabelText = _ref$searchLabelText === undefined ? defaults.searchLabelText : _ref$searchLabelText,
     _ref$searchPlaceholde = _ref.searchPlaceholder,
-    searchPlaceholder = _ref$searchPlaceholde === void 0 ? defaults.searchPlaceholder : _ref$searchPlaceholde,
+    searchPlaceholder = _ref$searchPlaceholde === undefined ? defaults.searchPlaceholder : _ref$searchPlaceholde,
     _ref$reactTableFilter = _ref.reactTableFiltersState,
-    reactTableFiltersState = _ref$reactTableFilter === void 0 ? emptyArray : _ref$reactTableFilter,
+    reactTableFiltersState = _ref$reactTableFilter === undefined ? emptyArray : _ref$reactTableFilter,
     _ref$autoHideFilters = _ref.autoHideFilters,
-    autoHideFilters = _ref$autoHideFilters === void 0 ? false : _ref$autoHideFilters,
+    autoHideFilters = _ref$autoHideFilters === undefined ? false : _ref$autoHideFilters,
     _ref$isFetching = _ref.isFetching,
-    isFetching = _ref$isFetching === void 0 ? false : _ref$isFetching;
+    isFetching = _ref$isFetching === undefined ? false : _ref$isFetching;
   /** State */
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -121,6 +121,9 @@ var FilterPanel = function FilterPanel(_ref) {
     _useShouldDisableButt2 = _rollupPluginBabelHelpers.slicedToArray(_useShouldDisableButt, 2),
     shouldDisableButtons = _useShouldDisableButt2[0],
     setShouldDisableButtons = _useShouldDisableButt2[1];
+
+  // NOTE: In the future when we get rid of framer-motion we can use our own usePrefersReducedMotion hook
+  // using our own was causing an error
   var shouldReduceMotion = framerMotion.useReducedMotion();
 
   /** Memos */
@@ -200,7 +203,7 @@ var FilterPanel = function FilterPanel(_ref) {
   }, [panelOpen, onPanelClose, onPanelOpen]);
   React.useEffect(function setPanelMinimumHeight() {
     var _filterPanelRef$curre;
-    (_filterPanelRef$curre = filterPanelRef.current) === null || _filterPanelRef$curre === void 0 || _filterPanelRef$curre.style.setProperty('--filter-panel-min-height', layout.rem(filterPanelMinHeight));
+    (_filterPanelRef$curre = filterPanelRef.current) === null || _filterPanelRef$curre === undefined || _filterPanelRef$curre.style.setProperty('--filter-panel-min-height', layout.rem(filterPanelMinHeight));
   }, [filterPanelMinHeight]);
 
   // tableId is passed in from the event emitter from the FilterSummary component
@@ -210,10 +213,10 @@ var FilterPanel = function FilterPanel(_ref) {
   });
   var getScrollableContainerHeight = React.useCallback(function () {
     var _filterHeadingRef$cur, _filterSearchRef$curr, _actionSetRef$current;
-    var filterHeadingHeight = (_filterHeadingRef$cur = filterHeadingRef.current) === null || _filterHeadingRef$cur === void 0 ? void 0 : _filterHeadingRef$cur.getBoundingClientRect().height;
-    var filterSearchHeight = (_filterSearchRef$curr = filterSearchRef.current) === null || _filterSearchRef$curr === void 0 ? void 0 : _filterSearchRef$curr.getBoundingClientRect().height;
-    var actionSetHeight = (_actionSetRef$current = actionSetRef.current) === null || _actionSetRef$current === void 0 ? void 0 : _actionSetRef$current.getBoundingClientRect().height;
-    var height = panelOpen ? "calc(100vh - ".concat(filterHeadingHeight, "px - ").concat( /* istanbul ignore next */
+    var filterHeadingHeight = (_filterHeadingRef$cur = filterHeadingRef.current) === null || _filterHeadingRef$cur === undefined ? undefined : _filterHeadingRef$cur.getBoundingClientRect().height;
+    var filterSearchHeight = (_filterSearchRef$curr = filterSearchRef.current) === null || _filterSearchRef$curr === undefined ? undefined : _filterSearchRef$curr.getBoundingClientRect().height;
+    var actionSetHeight = (_actionSetRef$current = actionSetRef.current) === null || _actionSetRef$current === undefined ? undefined : _actionSetRef$current.getBoundingClientRect().height;
+    var height = panelOpen ? "calc(100vh - ".concat(filterHeadingHeight, "px - ").concat(/* istanbul ignore next */
     showFilterSearch ? filterSearchHeight : 0, "px - ").concat(updateMethod === constants.BATCH ? actionSetHeight : 0, "px)") : 0;
     return height;
   }, [filterHeadingRef, filterSearchRef, actionSetRef, panelOpen, showFilterSearch, updateMethod]);
@@ -266,9 +269,9 @@ var FilterPanel = function FilterPanel(_ref) {
     onScroll: onInnerContainerScroll
   }, filterSections.map(function (_ref2, index) {
     var _ref2$categoryTitle = _ref2.categoryTitle,
-      categoryTitle = _ref2$categoryTitle === void 0 ? null : _ref2$categoryTitle,
+      categoryTitle = _ref2$categoryTitle === undefined ? null : _ref2$categoryTitle,
       _ref2$filters = _ref2.filters,
-      filters = _ref2$filters === void 0 ? [] : _ref2$filters,
+      filters = _ref2$filters === undefined ? [] : _ref2$filters,
       hasAccordion = _ref2.hasAccordion;
     return /*#__PURE__*/React.createElement("div", {
       key: index,