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

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, CLEAR_FILTERS, FLYOUT, SAVED_FILTERS } from './constants.js';
+import { FLYOUT, CLEAR_FILTERS, BATCH, SAVED_FILTERS, INSTANT } from './constants.js';
 import { usePrefix, IconButton } from '@carbon/react';
 import React__default, { useState, useRef, useContext, useEffect } from 'react';
 import { breakpoints, px } from '@carbon/layout';
@@ -38,30 +38,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 = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -112,8 +112,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) {
@@ -128,7 +128,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
       flyoutInnerRef.current.style.width = 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/es/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/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js

@@ -7,10 +7,10 @@
 
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Button, Layer, Search, Accordion, AccordionItem } from '@carbon/react';
-import { BATCH, CLEAR_FILTERS, INSTANT, PANEL, SAVED_FILTERS } from './constants.js';
+import { BATCH, CLEAR_FILTERS, PANEL, SAVED_FILTERS, INSTANT } 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';
+import { useReducedMotion, motion } from 'framer-motion';
 import { ActionSet } from '../../../../ActionSet/ActionSet.js';
 import { Close } from '@carbon/react/icons';
 import { FilterContext } from './FilterProvider.js';
@@ -39,38 +39,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 = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -117,6 +117,9 @@ var FilterPanel = function FilterPanel(_ref) {
     _useShouldDisableButt2 = _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 = useReducedMotion();
 
   /** Memos */
@@ -196,7 +199,7 @@ var FilterPanel = function FilterPanel(_ref) {
   }, [panelOpen, onPanelClose, onPanelOpen]);
   useEffect(function setPanelMinimumHeight() {
     var _filterPanelRef$curre;
-    (_filterPanelRef$curre = filterPanelRef.current) === null || _filterPanelRef$curre === void 0 || _filterPanelRef$curre.style.setProperty('--filter-panel-min-height', rem(filterPanelMinHeight));
+    (_filterPanelRef$curre = filterPanelRef.current) === null || _filterPanelRef$curre === undefined || _filterPanelRef$curre.style.setProperty('--filter-panel-min-height', rem(filterPanelMinHeight));
   }, [filterPanelMinHeight]);
 
   // tableId is passed in from the event emitter from the FilterSummary component
@@ -206,10 +209,10 @@ var FilterPanel = function FilterPanel(_ref) {
   });
   var getScrollableContainerHeight = 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 === BATCH ? actionSetHeight : 0, "px)") : 0;
     return height;
   }, [filterHeadingRef, filterSearchRef, actionSetRef, panelOpen, showFilterSearch, updateMethod]);
@@ -262,9 +265,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__default.createElement("div", {
       key: index,

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

@@ -12,11 +12,10 @@ export function FilterProvider({ children, filters, filterProps, tableId }: {
 }): React.JSX.Element;
 export namespace FilterProvider {
     namespace propTypes {
-        let children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-        let filterProps: PropTypes.Requireable<object>;
-        let filters: PropTypes.Validator<(object | null | undefined)[]>;
-        let tableId: PropTypes.Requireable<string>;
+        let children: any;
+        let filterProps: any;
+        let filters: any;
+        let tableId: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';

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

@@ -6,7 +6,7 @@
  */
 
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { createContext, useState, useReducer } from 'react';
+import React__default, { useState, useReducer, createContext } from 'react';
 import PropTypes from '../../../../../_virtual/index.js';
 import { DROPDOWN, RADIO, NUMBER, DATE, CHECKBOX, MULTISELECT, SAVED_FILTERS, CLEAR_SINGLE_FILTER } from './constants.js';
 
@@ -125,7 +125,7 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLa
         endDate = _value[1];
       tags.push(_objectSpread2({
         key: id,
-        value: (_renderDateLabel = renderDateLabel === null || renderDateLabel === void 0 ? void 0 : renderDateLabel(startDate, endDate)) !== null && _renderDateLabel !== void 0 ? _renderDateLabel : formatDateRange(startDate, endDate)
+        value: (_renderDateLabel = renderDateLabel === null || renderDateLabel === undefined ? undefined : renderDateLabel(startDate, endDate)) !== null && _renderDateLabel !== undefined ? _renderDateLabel : formatDateRange(startDate, endDate)
       }, sharedFilterProps));
     } else if (type === CHECKBOX || type === MULTISELECT) {
       value.forEach(function (option) {

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

@@ -11,15 +11,14 @@ declare function OverflowCheckboxes({ components, filtersState, column, setFilte
 }): React.JSX.Element;
 declare namespace OverflowCheckboxes {
     namespace propTypes {
-        let applyFilters: PropTypes.Requireable<(...args: any[]) => any>;
-        let column: PropTypes.Requireable<string>;
-        let components: PropTypes.Requireable<object>;
-        let filtersState: PropTypes.Requireable<object>;
-        let setFiltersState: PropTypes.Requireable<(...args: any[]) => any>;
-        let type: PropTypes.Requireable<string>;
-        let viewAllLabel: PropTypes.Requireable<string>;
-        let viewLessLabel: PropTypes.Requireable<string>;
+        let applyFilters: any;
+        let column: any;
+        let components: any;
+        let filtersState: any;
+        let setFiltersState: any;
+        let type: any;
+        let viewAllLabel: any;
+        let viewLessLabel: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';

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

@@ -22,9 +22,9 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
     type = _ref.type,
     applyFilters = _ref.applyFilters,
     _ref$viewAllLabel = _ref.viewAllLabel,
-    viewAllLabel = _ref$viewAllLabel === void 0 ? 'View all' : _ref$viewAllLabel,
+    viewAllLabel = _ref$viewAllLabel === undefined ? 'View all' : _ref$viewAllLabel,
     _ref$viewLessLabel = _ref.viewLessLabel,
-    viewLessLabel = _ref$viewLessLabel === void 0 ? 'View less' : _ref$viewLessLabel;
+    viewLessLabel = _ref$viewLessLabel === undefined ? 'View less' : _ref$viewLessLabel;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     showAllItems = _useState2[0],

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

@@ -37,7 +37,7 @@ var handleCheckboxChange = function handleCheckboxChange(_ref) {
     value: _toConsumableArray(filtersState[column].value),
     type: type
   });
-  (_option$onChange = option.onChange) === null || _option$onChange === void 0 || _option$onChange.call(option, checked);
+  (_option$onChange = option.onChange) === null || _option$onChange === undefined || _option$onChange.call(option, checked);
 };
 
 export { handleCheckboxChange };

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts

@@ -12,8 +12,8 @@ declare function useFilters({ updateMethod, filters, setAllFilters, variation, r
 }): {
     filtersState: {};
     setFiltersState: React.Dispatch<React.SetStateAction<{}>>;
-    prevFiltersObjectArrayRef: React.MutableRefObject<string>;
-    prevFiltersRef: React.MutableRefObject<string>;
+    prevFiltersObjectArrayRef: React.RefObject<string>;
+    prevFiltersRef: React.RefObject<string>;
     revertToPreviousFilters: () => void;
     reset: (tableId: any) => void;
     renderFilter: ({ type, column, props: components }: {
@@ -22,7 +22,7 @@ declare function useFilters({ updateMethod, filters, setAllFilters, variation, r
         props: any;
     }) => void | React.JSX.Element;
     filtersObjectArray: any;
-    lastAppliedFilters: React.MutableRefObject<string>;
+    lastAppliedFilters: React.RefObject<string>;
     cancel: () => void;
 };
 import React from 'react';

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

@@ -6,7 +6,7 @@
  */
 
 import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { MULTISELECT, DROPDOWN, RADIO, CHECKBOX, NUMBER, DATE, BATCH, INSTANT, PANEL } from '../constants.js';
+import { BATCH, MULTISELECT, DROPDOWN, RADIO, CHECKBOX, NUMBER, DATE, INSTANT, PANEL } from '../constants.js';
 import { MultiSelect, Dropdown, FormGroup, RadioButtonGroup, RadioButton, NumberInput, DatePicker, DatePickerInput, Layer, Checkbox } from '@carbon/react';
 import React__default, { useContext, useState, useRef, useCallback, useEffect } from 'react';
 import OverflowCheckboxes from '../OverflowCheckboxes.js';
@@ -21,7 +21,7 @@ var emptyArray = [];
 var useFilters = function useFilters(_ref) {
   var updateMethod = _ref.updateMethod,
     _ref$filters = _ref.filters,
-    filters = _ref$filters === void 0 ? emptyArray : _ref$filters,
+    filters = _ref$filters === undefined ? emptyArray : _ref$filters,
     setAllFilters = _ref.setAllFilters,
     variation = _ref.variation,
     reactTableFiltersState = _ref.reactTableFiltersState,
@@ -196,7 +196,7 @@ var useFilters = function useFilters(_ref) {
               value: value,
               type: type
             });
-            (_components$DatePicke = (_components$DatePicke2 = components.DatePicker).onChange) === null || _components$DatePicke === void 0 || _components$DatePicke.call(_components$DatePicke2, value);
+            (_components$DatePicke = (_components$DatePicke2 = components.DatePicker).onChange) === null || _components$DatePicke === undefined || _components$DatePicke.call(_components$DatePicke2, value);
           },
           value: filtersState[column].value,
           datePickerType: "range"
@@ -225,7 +225,7 @@ var useFilters = function useFilters(_ref) {
               value: event.target.value,
               type: type
             });
-            (_components$NumberInp = (_components$NumberInp2 = components.NumberInput).onChange) === null || _components$NumberInp === void 0 || _components$NumberInp.call(_components$NumberInp2, event);
+            (_components$NumberInp = (_components$NumberInp2 = components.NumberInput).onChange) === null || _components$NumberInp === undefined || _components$NumberInp.call(_components$NumberInp2, event);
           },
           value: filtersState[column].value
         }));
@@ -239,7 +239,7 @@ var useFilters = function useFilters(_ref) {
           var _components$RadioButt = _objectSpread2({}, components.RadioButtonGroup),
             name = _components$RadioButt.name;
           filter = /*#__PURE__*/React__default.createElement(FormGroup, components.FormGroup, /*#__PURE__*/React__default.createElement(RadioButtonGroup, _extends({}, components.RadioButtonGroup, {
-            valueSelected: ((_filtersState$column = filtersState[column]) === null || _filtersState$column === void 0 ? void 0 : _filtersState$column.value) === '' ? (_components$DefaultRa = (_components$DefaultRa2 = components.DefaultRadioButton) === null || _components$DefaultRa2 === void 0 ? void 0 : _components$DefaultRa2.value) !== null && _components$DefaultRa !== void 0 ? _components$DefaultRa : 'Any' : (_filtersState$column2 = filtersState[column]) === null || _filtersState$column2 === void 0 ? void 0 : _filtersState$column2.value,
+            valueSelected: ((_filtersState$column = filtersState[column]) === null || _filtersState$column === undefined ? undefined : _filtersState$column.value) === '' ? (_components$DefaultRa = (_components$DefaultRa2 = components.DefaultRadioButton) === null || _components$DefaultRa2 === undefined ? undefined : _components$DefaultRa2.value) !== null && _components$DefaultRa !== undefined ? _components$DefaultRa : 'Any' : (_filtersState$column2 = filtersState[column]) === null || _filtersState$column2 === undefined ? undefined : _filtersState$column2.value,
             onChange: function onChange(selected) {
               var _components$RadioButt2, _components$RadioButt3;
               setFiltersState(_objectSpread2(_objectSpread2({}, filtersState), {}, _defineProperty({}, column, {
@@ -251,23 +251,23 @@ var useFilters = function useFilters(_ref) {
                 value: selected,
                 type: type
               });
-              (_components$RadioButt2 = (_components$RadioButt3 = components.RadioButtonGroup).onChange) === null || _components$RadioButt2 === void 0 || _components$RadioButt2.call(_components$RadioButt3, selected);
+              (_components$RadioButt2 = (_components$RadioButt3 = components.RadioButtonGroup).onChange) === null || _components$RadioButt2 === undefined || _components$RadioButt2.call(_components$RadioButt3, selected);
             }
           }), /*#__PURE__*/React__default.createElement(RadioButton, _extends({
-            id: (_components$DefaultRa3 = components === null || components === void 0 || (_components$DefaultRa4 = components.DefaultRadioButton) === null || _components$DefaultRa4 === void 0 ? void 0 : _components$DefaultRa4.id) !== null && _components$DefaultRa3 !== void 0 ? _components$DefaultRa3 : "any__".concat(name),
-            labelText: (_components$DefaultRa5 = components === null || components === void 0 || (_components$DefaultRa6 = components.DefaultRadioButton) === null || _components$DefaultRa6 === void 0 ? void 0 : _components$DefaultRa6.labelText) !== null && _components$DefaultRa5 !== void 0 ? _components$DefaultRa5 : 'Any',
-            value: (_components$DefaultRa7 = components === null || components === void 0 || (_components$DefaultRa8 = components.DefaultRadioButton) === null || _components$DefaultRa8 === void 0 ? void 0 : _components$DefaultRa8.value) !== null && _components$DefaultRa7 !== void 0 ? _components$DefaultRa7 : 'Any'
+            id: (_components$DefaultRa3 = components === null || components === undefined || (_components$DefaultRa4 = components.DefaultRadioButton) === null || _components$DefaultRa4 === undefined ? undefined : _components$DefaultRa4.id) !== null && _components$DefaultRa3 !== undefined ? _components$DefaultRa3 : "any__".concat(name),
+            labelText: (_components$DefaultRa5 = components === null || components === undefined || (_components$DefaultRa6 = components.DefaultRadioButton) === null || _components$DefaultRa6 === undefined ? undefined : _components$DefaultRa6.labelText) !== null && _components$DefaultRa5 !== undefined ? _components$DefaultRa5 : 'Any',
+            value: (_components$DefaultRa7 = components === null || components === undefined || (_components$DefaultRa8 = components.DefaultRadioButton) === null || _components$DefaultRa8 === undefined ? undefined : _components$DefaultRa8.value) !== null && _components$DefaultRa7 !== undefined ? _components$DefaultRa7 : 'Any'
           }, components.DefaultRadioButton)), components.RadioButton.map(function (radio) {
             var _ref7, _radio$id;
             return /*#__PURE__*/React__default.createElement(RadioButton, _extends({
-              key: (_ref7 = (_radio$id = radio.id) !== null && _radio$id !== void 0 ? _radio$id : radio.labelText) !== null && _ref7 !== void 0 ? _ref7 : radio.value
+              key: (_ref7 = (_radio$id = radio.id) !== null && _radio$id !== undefined ? _radio$id : radio.labelText) !== null && _ref7 !== undefined ? _ref7 : radio.value
             }, radio));
           })));
         }
         break;
       case DROPDOWN:
         filter = /*#__PURE__*/React__default.createElement(Dropdown, _extends({}, components.Dropdown, {
-          selectedItem: ((_filtersState$column3 = filtersState[column]) === null || _filtersState$column3 === void 0 ? void 0 : _filtersState$column3.value) === '' ? 'Any' : (_filtersState$column4 = filtersState[column]) === null || _filtersState$column4 === void 0 ? void 0 : _filtersState$column4.value,
+          selectedItem: ((_filtersState$column3 = filtersState[column]) === null || _filtersState$column3 === undefined ? undefined : _filtersState$column3.value) === '' ? 'Any' : (_filtersState$column4 = filtersState[column]) === null || _filtersState$column4 === undefined ? undefined : _filtersState$column4.value,
           items: ['Any'].concat(_toConsumableArray(components.Dropdown.items)),
           onChange: function onChange(_ref8) {
             var _components$Dropdown$, _components$Dropdown;
@@ -281,7 +281,7 @@ var useFilters = function useFilters(_ref) {
               value: selectedItem,
               type: type
             });
-            (_components$Dropdown$ = (_components$Dropdown = components.Dropdown).onChange) === null || _components$Dropdown$ === void 0 || _components$Dropdown$.call(_components$Dropdown, selectedItem);
+            (_components$Dropdown$ = (_components$Dropdown = components.Dropdown).onChange) === null || _components$Dropdown$ === undefined || _components$Dropdown$.call(_components$Dropdown, selectedItem);
           }
         }));
         break;
@@ -289,7 +289,7 @@ var useFilters = function useFilters(_ref) {
         {
           var _filtersState$column5;
           var isStringArray = components.MultiSelect.items.length && typeof components.MultiSelect.items[0] === 'string';
-          var selectedFilters = (_filtersState$column5 = filtersState[column]) === null || _filtersState$column5 === void 0 ? void 0 : _filtersState$column5.value.filter(function (i) {
+          var selectedFilters = (_filtersState$column5 = filtersState[column]) === null || _filtersState$column5 === undefined ? undefined : _filtersState$column5.value.filter(function (i) {
             return i.selected;
           });
           var filteredItems = components.MultiSelect.items.map(function (item) {
@@ -355,7 +355,7 @@ var useFilters = function useFilters(_ref) {
                 value: _toConsumableArray(filtersState[column].value),
                 type: type
               });
-              (_components$MultiSele = components.MultiSelect) === null || _components$MultiSele === void 0 || (_components$MultiSele2 = _components$MultiSele.onChange) === null || _components$MultiSele2 === void 0 || _components$MultiSele2.call(_components$MultiSele, selectedItems);
+              (_components$MultiSele = components.MultiSelect) === null || _components$MultiSele === undefined || (_components$MultiSele2 = _components$MultiSele.onChange) === null || _components$MultiSele2 === undefined || _components$MultiSele2.call(_components$MultiSele, selectedItems);
             }
           }));
           break;
@@ -374,10 +374,10 @@ var useFilters = function useFilters(_ref) {
     var _filteredItems$map, _filteredItemsRef$cur, _filteredItemsRef$cur2;
     var filteredItemsId = (_filteredItems$map = filteredItems.map(function (item) {
       return item.id;
-    })) !== null && _filteredItems$map !== void 0 ? _filteredItems$map : [];
-    var previousFilteredItemsId = (_filteredItemsRef$cur = filteredItemsRef === null || filteredItemsRef === void 0 || (_filteredItemsRef$cur2 = filteredItemsRef.current) === null || _filteredItemsRef$cur2 === void 0 ? void 0 : _filteredItemsRef$cur2.map(function (item) {
+    })) !== null && _filteredItems$map !== undefined ? _filteredItems$map : [];
+    var previousFilteredItemsId = (_filteredItemsRef$cur = filteredItemsRef === null || filteredItemsRef === undefined || (_filteredItemsRef$cur2 = filteredItemsRef.current) === null || _filteredItemsRef$cur2 === undefined ? undefined : _filteredItemsRef$cur2.map(function (item) {
       return item.id;
-    })) !== null && _filteredItemsRef$cur !== void 0 ? _filteredItemsRef$cur : [];
+    })) !== null && _filteredItemsRef$cur !== undefined ? _filteredItemsRef$cur : [];
     var set1 = new Set(filteredItemsId);
     var set2 = new Set(previousFilteredItemsId);
     // Check if the sets have the same size (same number of unique elements)
@@ -397,18 +397,18 @@ var useFilters = function useFilters(_ref) {
    * and populate the filter state with them
    */
   useEffect(function () {
-    if (!panelOpen && previousState !== null && previousState !== void 0 && previousState.panelOpen) {
+    if (!panelOpen && previousState !== null && previousState !== undefined && previousState.panelOpen) {
       revertToPreviousFilters();
       setAllFilters(holdingLastAppliedFiltersRef.current);
     }
-    if (panelOpen && !(previousState !== null && previousState !== void 0 && previousState.panelOpen)) {
+    if (panelOpen && !(previousState !== null && previousState !== undefined && previousState.panelOpen)) {
       if (holdingPrevFiltersRef.current && holdingLastAppliedFiltersRef.current && holdingPrevFiltersObjectArrayRef.current) {
         setFiltersState(holdingPrevFiltersRef.current);
         setFiltersObjectArray(holdingLastAppliedFiltersRef.current);
         setAllFilters(JSON.parse(prevFiltersObjectArrayRef.current));
       }
     }
-  }, [panelOpen, previousState, previousState === null || previousState === void 0 ? void 0 : previousState.panelOpen, reset, setAllFilters, revertToPreviousFilters]);
+  }, [panelOpen, previousState, previousState === null || previousState === undefined ? undefined : previousState.panelOpen, reset, setAllFilters, revertToPreviousFilters]);
 
   // Re-applies filters if the Datagrid goes into a fetching state while panel is open
   // and has had filters changed without applying
@@ -434,7 +434,7 @@ var useFilters = function useFilters(_ref) {
       if (savedFilters && savedFilters.length) {
         var _cleanFilters;
         setFiltersObjectArray(savedFilters);
-        var filterStateCopy = (_cleanFilters = cleanFilters(filtersState)) !== null && _cleanFilters !== void 0 ? _cleanFilters : [];
+        var filterStateCopy = (_cleanFilters = cleanFilters(filtersState)) !== null && _cleanFilters !== undefined ? _cleanFilters : [];
         setFiltersState(filterStateCopy);
       }
     }

package/es/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { DURATIONS, EASINGS } from '../../../../../../global/js/utils/motionConstants.js';
+import { EASINGS, DURATIONS } from '../../../../../../global/js/utils/motionConstants.js';
 import { PANEL_WIDTH, ACTION_SET_HEIGHT } from '../constants.js';
 
 var panelVariants = {

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

@@ -81,7 +81,7 @@ var getInitialStateFromFilters = function getInitialStateFromFilters(filters, va
   } else if (variation === PANEL) {
     filters.forEach(function (_ref3) {
       var _ref3$filters = _ref3.filters,
-        sections = _ref3$filters === void 0 ? [] : _ref3$filters;
+        sections = _ref3$filters === undefined ? [] : _ref3$filters;
       sections.forEach(function (_ref4) {
         var filter = _ref4.filter;
         return setInitialState(filter);

package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.d.ts

@@ -11,17 +11,16 @@ export function InlineEditButton({ label, renderIcon: Icon, labelIcon: LabelIcon
 }): React.JSX.Element;
 export namespace InlineEditButton {
     namespace propTypes {
-        let columnConfig: PropTypes.Requireable<object>;
-        let disabledCell: PropTypes.Requireable<boolean>;
-        let isActiveCell: PropTypes.Requireable<boolean>;
-        let label: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        let labelIcon: PropTypes.Requireable<object>;
-        let nonEditCell: PropTypes.Requireable<boolean>;
-        let placeholder: PropTypes.Requireable<string>;
-        let renderIcon: PropTypes.Requireable<object>;
-        let type: PropTypes.Requireable<string>;
-        let value: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        let columnConfig: any;
+        let disabledCell: any;
+        let isActiveCell: any;
+        let label: any;
+        let labelIcon: any;
+        let nonEditCell: any;
+        let placeholder: any;
+        let renderIcon: any;
+        let type: any;
+        let value: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';

package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js

@@ -31,7 +31,7 @@ var InlineEditButton = function InlineEditButton(_ref) {
   }, LabelIcon && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__label-icon")
   }, /*#__PURE__*/React__default.createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React__default.createElement("span", {
-    className: cx("".concat(blockClass, "__inline-edit-button-label"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__inline-edit-button-label-with-icon"), !nonEditCell), "".concat(blockClass, "__defaultStringRenderer--multiline"), columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig.multiLineWrap))
+    className: cx("".concat(blockClass, "__inline-edit-button-label"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__inline-edit-button-label-with-icon"), !nonEditCell), "".concat(blockClass, "__defaultStringRenderer--multiline"), columnConfig === null || columnConfig === undefined ? undefined : columnConfig.multiLineWrap))
   }, label) : /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(blockClass, "__placeholder")
   }, placeholder), !nonEditCell && Icon && /*#__PURE__*/React__default.createElement("div", {

package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.d.ts

@@ -11,23 +11,15 @@ export function InlineEditCell({ cell, config, disabledCell, instance, placehold
 }): React.JSX.Element;
 export namespace InlineEditCell {
     namespace propTypes {
-        let cell: PropTypes.Requireable<object>;
-        let config: PropTypes.Requireable<object>;
-        let disabledCell: PropTypes.Requireable<boolean>;
-        let instance: PropTypes.Requireable<PropTypes.InferProps<{
-            columns: PropTypes.Requireable<(object | null | undefined)[]>;
-            onDataUpdate: PropTypes.Requireable<(...args: any[]) => any>;
-            rows: PropTypes.Requireable<(object | null | undefined)[]>;
-            rowSize: PropTypes.Requireable<string>;
-            tableId: PropTypes.Requireable<string>;
-            cellEditing: PropTypes.Requireable<object>;
-        }>>;
-        let nonEditCell: PropTypes.Requireable<boolean>;
-        let placeholder: PropTypes.Requireable<string>;
-        let tabIndex: PropTypes.Requireable<number>;
-        let type: PropTypes.Requireable<string>;
-        let value: PropTypes.Requireable<NonNullable<object | PropTypes.ReactNodeLike>>;
+        let cell: any;
+        let config: any;
+        let disabledCell: any;
+        let instance: any;
+        let nonEditCell: any;
+        let placeholder: any;
+        let tabIndex: any;
+        let type: any;
+        let value: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';