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

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

@@ -127,7 +127,7 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLa
         endDate = _value[1];
       tags.push(_rollupPluginBabelHelpers.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 === constants.CHECKBOX || type === constants.MULTISELECT) {
       value.forEach(function (option) {

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

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

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

@@ -39,7 +39,7 @@ var handleCheckboxChange = function handleCheckboxChange(_ref) {
     value: _rollupPluginBabelHelpers.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);
 };
 
 exports.handleCheckboxChange = handleCheckboxChange;

package/lib/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/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js

@@ -25,7 +25,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,
@@ -200,7 +200,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"
@@ -229,7 +229,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
         }));
@@ -243,7 +243,7 @@ var useFilters = function useFilters(_ref) {
           var _components$RadioButt = _rollupPluginBabelHelpers.objectSpread2({}, components.RadioButtonGroup),
             name = _components$RadioButt.name;
           filter = /*#__PURE__*/React.createElement(react.FormGroup, components.FormGroup, /*#__PURE__*/React.createElement(react.RadioButtonGroup, _rollupPluginBabelHelpers.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(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, filtersState), {}, _rollupPluginBabelHelpers.defineProperty({}, column, {
@@ -255,23 +255,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.createElement(react.RadioButton, _rollupPluginBabelHelpers.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.createElement(react.RadioButton, _rollupPluginBabelHelpers.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 constants.DROPDOWN:
         filter = /*#__PURE__*/React.createElement(react.Dropdown, _rollupPluginBabelHelpers.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(_rollupPluginBabelHelpers.toConsumableArray(components.Dropdown.items)),
           onChange: function onChange(_ref8) {
             var _components$Dropdown$, _components$Dropdown;
@@ -285,7 +285,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;
@@ -293,7 +293,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) {
@@ -359,7 +359,7 @@ var useFilters = function useFilters(_ref) {
                 value: _rollupPluginBabelHelpers.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;
@@ -378,10 +378,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)
@@ -401,18 +401,18 @@ var useFilters = function useFilters(_ref) {
    * and populate the filter state with them
    */
   React.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
@@ -438,7 +438,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/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js

@@ -83,7 +83,7 @@ var getInitialStateFromFilters = function getInitialStateFromFilters(filters, va
   } else if (variation === constants.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/lib/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/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js

@@ -33,7 +33,7 @@ var InlineEditButton = function InlineEditButton(_ref) {
   }, LabelIcon && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__label-icon")
   }, /*#__PURE__*/React.createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React.createElement("span", {
-    className: cx("".concat(blockClass, "__inline-edit-button-label"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button-label-with-icon"), !nonEditCell), "".concat(blockClass, "__defaultStringRenderer--multiline"), columnConfig === null || columnConfig === undefined ? undefined : columnConfig.multiLineWrap))
   }, label) : /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__placeholder")
   }, placeholder), !nonEditCell && Icon && /*#__PURE__*/React.createElement("div", {

package/lib/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';

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js

@@ -26,14 +26,14 @@ var InlineEditCell = function InlineEditCell(_ref) {
   var cell = _ref.cell,
     config = _ref.config,
     _ref$disabledCell = _ref.disabledCell,
-    disabledCell = _ref$disabledCell === void 0 ? false : _ref$disabledCell,
+    disabledCell = _ref$disabledCell === undefined ? false : _ref$disabledCell,
     instance = _ref.instance,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
+    placeholder = _ref$placeholder === undefined ? '' : _ref$placeholder,
     tabIndex = _ref.tabIndex,
     value = _ref.value,
     _ref$nonEditCell = _ref.nonEditCell,
-    nonEditCell = _ref$nonEditCell === void 0 ? false : _ref$nonEditCell,
+    nonEditCell = _ref$nonEditCell === undefined ? false : _ref$nonEditCell,
     type = _ref.type;
   var columnId = cell.column.id;
   var columnIndex = instance.columns.findIndex(function (col) {
@@ -98,17 +98,17 @@ var InlineEditCell = function InlineEditCell(_ref) {
   // of the cell (either on a regular cell or clicking into another inline edit cell) and the
   // edit input is in an invalid state
   React.useEffect(function () {
-    if ((previousState === null || previousState === void 0 ? void 0 : previousState.editId) === cellId && !editId || (previousState === null || previousState === void 0 ? void 0 : previousState.editId) === cellId && cellId !== editId) {
+    if ((previousState === null || previousState === undefined ? undefined : previousState.editId) === cellId && !editId || (previousState === null || previousState === undefined ? undefined : previousState.editId) === cellId && cellId !== editId) {
       var _ref3 = config || {},
         validator = _ref3.validator;
-      var isInvalid = validator === null || validator === void 0 ? void 0 : validator(cellValue);
+      var isInvalid = validator === null || validator === undefined ? undefined : validator(cellValue);
       if (isInvalid) {
         setCellValue(initialValue);
         saveCellData(initialValue);
         return;
       }
     }
-  }, [previousState === null || previousState === void 0 ? void 0 : previousState.editId, editId, cellId, cellValue, config, initialValue, saveCellData]);
+  }, [previousState === null || previousState === undefined ? undefined : previousState.editId, editId, cellId, cellValue, config, initialValue, saveCellData]);
 
   // If you are in edit mode and click outside of the cell,
   // this changes the cell back to the InlineEditButton
@@ -126,20 +126,20 @@ var InlineEditCell = function InlineEditCell(_ref) {
     // Only added this querySelector because v11 Datepicker isn't forwarding the ref which breaks how we were handling this in v10
     // *****
     var datePickerInputElement = document.querySelector("#".concat(blockClass, "__inline-edit--date-picker--").concat(cell.row.index));
-    var dropdownTrigger = type === 'selection' ? dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current : datePickerInputElement;
+    var dropdownTrigger = type === 'selection' ? dropdownRef === null || dropdownRef === undefined ? undefined : dropdownRef.current : datePickerInputElement;
     dropdownTrigger.click();
     if (type === 'date') {
-      dropdownTrigger === null || dropdownTrigger === void 0 || dropdownTrigger.focus();
+      dropdownTrigger === null || dropdownTrigger === undefined || dropdownTrigger.focus();
     }
   };
 
   // Re-initializes initialValue if clicking outside of a cell that was previously
   // in edit mode, otherwise `initialValue` becomes stale
   React.useEffect(function () {
-    if ((previousState === null || previousState === void 0 ? void 0 : previousState.editId) === cellId && (previousState === null || previousState === void 0 ? void 0 : previousState.activeCellId) === cellId && activeCellId !== cellId) {
+    if ((previousState === null || previousState === undefined ? undefined : previousState.editId) === cellId && (previousState === null || previousState === undefined ? undefined : previousState.activeCellId) === cellId && activeCellId !== cellId) {
       var _ref4 = config || {},
         validator = _ref4.validator;
-      var isInvalid = validator === null || validator === void 0 ? void 0 : validator(cellValue);
+      var isInvalid = validator === null || validator === undefined ? undefined : validator(cellValue);
       if (!isInvalid) {
         setInitialValue(cellValue);
       }
@@ -174,7 +174,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
       }
       if (type === 'selection') {
         var _dropdownRef$current;
-        dropdownRef === null || dropdownRef === void 0 || (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 || _dropdownRef$current.focus();
+        dropdownRef === null || dropdownRef === undefined || (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === undefined || _dropdownRef$current.focus();
       }
     }
   }, [inEditMode, type]);
@@ -248,7 +248,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
             }
             var _ref5 = config || {},
               validator = _ref5.validator;
-            var isInvalid = validator === null || validator === void 0 ? void 0 : validator(cellValue);
+            var isInvalid = validator === null || validator === undefined ? undefined : validator(cellValue);
             // If an invalid state is detected, Tab/Enter should not do anything
             // until the input has a valid state once again
             if (isInvalid) {
@@ -291,13 +291,13 @@ var InlineEditCell = function InlineEditCell(_ref) {
     });
   };
   var renderDropdownItem = function renderDropdownItem(item) {
-    var includesIcon = !!(item !== null && item !== void 0 && item.icon);
+    var includesIcon = !!(item !== null && item !== undefined && item.icon);
     return includesIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(item.icon), /*#__PURE__*/React.createElement("span", {
       className: cx("".concat(blockClass, "__inline-edit--select-item"))
-    }, item === null || item === void 0 ? void 0 : item.text)) : item === null || item === void 0 ? void 0 : item.text;
+    }, item === null || item === undefined ? undefined : item.text)) : item === null || item === undefined ? undefined : item.text;
   };
   var handleTransformedItem = function handleTransformedItem(items) {
-    return items !== null && items !== void 0 && items.length && _rollupPluginBabelHelpers.typeof(items[0]) === 'object' ? function (item) {
+    return items !== null && items !== undefined && items.length && _rollupPluginBabelHelpers.typeof(items[0]) === 'object' ? function (item) {
       return renderDropdownItem(item);
     } : null;
   };
@@ -318,10 +318,10 @@ var InlineEditCell = function InlineEditCell(_ref) {
     }, inputProps, {
       hideLabel: true,
       className: cx("".concat(blockClass, "__inline-edit--select"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--select-").concat(rowSize), rowSize)),
-      items: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.items) || [],
+      items: (inputProps === null || inputProps === undefined ? undefined : inputProps.items) || [],
       initialSelectedItem: cell.value,
-      itemToElement: handleTransformedItem(inputProps === null || inputProps === void 0 ? void 0 : inputProps.items),
-      renderSelectedItem: handleTransformedItem(inputProps === null || inputProps === void 0 ? void 0 : inputProps.items),
+      itemToElement: handleTransformedItem(inputProps === null || inputProps === undefined ? undefined : inputProps.items),
+      renderSelectedItem: handleTransformedItem(inputProps === null || inputProps === undefined ? undefined : inputProps.items),
       onChange: function onChange(item) {
         var _inputProps$onChange;
         var newCellId = getNewCellId('Enter');
@@ -333,7 +333,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
         });
         setInEditMode(false);
         sendFocusBackToGrid();
-        inputProps === null || inputProps === void 0 || (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 || _inputProps$onChange.call(inputProps, item.selectedItem);
+        inputProps === null || inputProps === undefined || (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === undefined || _inputProps$onChange.call(inputProps, item.selectedItem);
       },
       downshiftProps: {
         onStateChange: function onStateChange(downshiftState) {
@@ -372,9 +372,9 @@ var InlineEditCell = function InlineEditCell(_ref) {
   var renderDateCell = function renderDateCell() {
     var _config$inputProps, _outerButtonElement$c;
     var datePickerPreparedProps = propsHelper.prepareProps(config.inputProps, ['datePickerInputProps']);
-    var datePickerInputProps = config === null || config === void 0 || (_config$inputProps = config.inputProps) === null || _config$inputProps === void 0 ? void 0 : _config$inputProps.datePickerInputProps;
+    var datePickerInputProps = config === null || config === undefined || (_config$inputProps = config.inputProps) === null || _config$inputProps === undefined ? undefined : _config$inputProps.datePickerInputProps;
     return /*#__PURE__*/React.createElement(react.DatePicker, _rollupPluginBabelHelpers.extends({}, datePickerPreparedProps, {
-      appendTo: outerButtonElement === null || outerButtonElement === void 0 || (_outerButtonElement$c = outerButtonElement.current) === null || _outerButtonElement$c === void 0 ? void 0 : _outerButtonElement$c.parentElement,
+      appendTo: outerButtonElement === null || outerButtonElement === undefined || (_outerButtonElement$c = outerButtonElement.current) === null || _outerButtonElement$c === undefined ? undefined : _outerButtonElement$c.parentElement,
       ref: function ref(el) {
         if (el && el.style) {
           el.style.width = "".concat(cell.column.totalWidth, "px");
@@ -390,7 +390,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
       onChange: function onChange(newDate) {
         var _datePickerPreparedPr;
         var newDateObj = newDate[0];
-        datePickerPreparedProps === null || datePickerPreparedProps === void 0 || (_datePickerPreparedPr = datePickerPreparedProps.onChange) === null || _datePickerPreparedPr === void 0 || _datePickerPreparedPr.call(datePickerPreparedProps, newDateObj, cell);
+        datePickerPreparedProps === null || datePickerPreparedProps === undefined || (_datePickerPreparedPr = datePickerPreparedProps.onChange) === null || _datePickerPreparedPr === undefined || _datePickerPreparedPr.call(datePickerPreparedProps, newDateObj, cell);
         var newCellId = getNewCellId('Enter');
         saveCellData(newDateObj);
         setCellValue(newDateObj);
@@ -406,8 +406,8 @@ var InlineEditCell = function InlineEditCell(_ref) {
       },
       value: cell.value
     }), /*#__PURE__*/React.createElement(react.DatePickerInput, _rollupPluginBabelHelpers.extends({}, datePickerInputProps, {
-      placeholder: (datePickerInputProps === null || datePickerInputProps === void 0 ? void 0 : datePickerInputProps.placeholder) || 'mm/dd/yyyy',
-      labelText: (datePickerInputProps === null || datePickerInputProps === void 0 ? void 0 : datePickerInputProps.labelText) || cellLabel || 'Set date',
+      placeholder: (datePickerInputProps === null || datePickerInputProps === undefined ? undefined : datePickerInputProps.placeholder) || 'mm/dd/yyyy',
+      labelText: (datePickerInputProps === null || datePickerInputProps === undefined ? undefined : datePickerInputProps.labelText) || cellLabel || 'Set date',
       id: "".concat(blockClass, "__inline-edit--date-picker--").concat(cell.row.index),
       hideLabel: true
     })));
@@ -419,7 +419,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
   };
   var buildDate = function buildDate(value) {
     var _config$inputProps2;
-    var dateFormat = config === null || config === void 0 || (_config$inputProps2 = config.inputProps) === null || _config$inputProps2 === void 0 ? void 0 : _config$inputProps2.dateFormat;
+    var dateFormat = config === null || config === undefined || (_config$inputProps2 = config.inputProps) === null || _config$inputProps2 === undefined ? undefined : _config$inputProps2.dateFormat;
     if (value instanceof Date) {
       var maskedFullYear = value.getFullYear();
       var maskedMonth = padTo2Digits(value.getMonth() + 1);
@@ -445,8 +445,8 @@ var InlineEditCell = function InlineEditCell(_ref) {
       id: cellId,
       hideLabel: true,
       defaultValue: cellValue,
-      invalid: validator === null || validator === void 0 ? void 0 : validator(cellValue),
-      invalidText: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalidText) || 'Provide missing invalidText',
+      invalid: validator === null || validator === undefined ? undefined : validator(cellValue),
+      invalidText: (inputProps === null || inputProps === undefined ? undefined : inputProps.invalidText) || 'Provide missing invalidText',
       onChange: function onChange(event, _ref9) {
         var value = _ref9.value;
         setCellValue(value);
@@ -478,7 +478,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
   var renderTextInput = function renderTextInput() {
     var _ref11 = config || {},
       validator = _ref11.validator;
-    var isInvalid = validator === null || validator === void 0 ? void 0 : validator(cellValue);
+    var isInvalid = validator === null || validator === undefined ? undefined : validator(cellValue);
     return /*#__PURE__*/React.createElement(react.TextInput, _rollupPluginBabelHelpers.extends({
       labelText: cellLabel,
       placeholder: placeholder
@@ -487,7 +487,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
       hideLabel: true,
       defaultValue: cellValue,
       invalid: isInvalid,
-      invalidText: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalidText) || 'Provide missing invalidText',
+      invalidText: (inputProps === null || inputProps === undefined ? undefined : inputProps.invalidText) || 'Provide missing invalidText',
       onChange: function onChange(event) {
         setCellValue(event.target.value);
         if (inputProps.onChange) {
@@ -500,19 +500,19 @@ var InlineEditCell = function InlineEditCell(_ref) {
   var getLabel = function getLabel() {
     var _value$text, _checkStaticCell;
     var checkStaticCell = function checkStaticCell(val) {
-      if (_rollupPluginBabelHelpers.typeof(val) === 'object' && val !== null && val !== void 0 && val.isStaticCell) {
-        return val === null || val === void 0 ? void 0 : val.value;
+      if (_rollupPluginBabelHelpers.typeof(val) === 'object' && val !== null && val !== undefined && val.isStaticCell) {
+        return val === null || val === undefined ? undefined : val.value;
       }
     };
     switch (type) {
       case 'selection':
         checkStaticCell(value);
-        return (_value$text = value === null || value === void 0 ? void 0 : value.text) !== null && _value$text !== void 0 ? _value$text : value;
+        return (_value$text = value === null || value === undefined ? undefined : value.text) !== null && _value$text !== undefined ? _value$text : value;
       case 'date':
         checkStaticCell(value);
         return buildDate(value);
       default:
-        return (_checkStaticCell = checkStaticCell(value)) !== null && _checkStaticCell !== void 0 ? _checkStaticCell : value;
+        return (_checkStaticCell = checkStaticCell(value)) !== null && _checkStaticCell !== undefined ? _checkStaticCell : value;
     }
   };
   return (
@@ -527,13 +527,13 @@ var InlineEditCell = function InlineEditCell(_ref) {
       "data-inline-type": type,
       onClick: !nonEditCell ? handleInlineCellClick : addActiveState,
       onKeyDown: !nonEditCell ? handleKeyDown : null,
-      className: cx("".concat(blockClass, "__inline-edit--outer-cell-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), inEditMode && (config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue))), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
+      className: cx("".concat(blockClass, "__inline-edit--outer-cell-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), inEditMode && (config === null || config === undefined || (_config$validator = config.validator) === null || _config$validator === undefined ? undefined : _config$validator.call(config, cellValue))), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
     }, (!inEditMode || disabledCell) && type !== 'checkbox' && /*#__PURE__*/React.createElement(InlineEditButton.InlineEditButton, {
       isActiveCell: cellId === activeCellId,
       renderIcon: setRenderIcon(),
       label: getLabel(),
       disabledCell: disabledCell,
-      labelIcon: (value === null || value === void 0 ? void 0 : value.icon) || null,
+      labelIcon: (value === null || value === undefined ? undefined : value.icon) || null,
       placeholder: placeholder,
       tabIndex: tabIndex,
       nonEditCell: nonEditCell,

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.d.ts

@@ -4,8 +4,7 @@ export function InlineEditProvider({ children }: {
 }): React.JSX.Element;
 export namespace InlineEditProvider {
     namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        let children: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js

@@ -79,7 +79,7 @@ var inlineEditReducer = function inlineEditReducer(state, action) {
       {
         var _action$payload2;
         return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
-          featureFlags: (_action$payload2 = action.payload) !== null && _action$payload2 !== void 0 ? _action$payload2 : {}
+          featureFlags: (_action$payload2 = action.payload) !== null && _action$payload2 !== undefined ? _action$payload2 : {}
         });
       }
     default:

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js

@@ -27,7 +27,7 @@ var returnUpdatedActiveCell = function returnUpdatedActiveCell(_ref) {
   var newCellIdButton = document.querySelector("#".concat(instance.tableId, " .").concat(blockClass, "__table-with-inline-edit [data-cell-id=\"").concat(newActiveCellId, "\"] .").concat(blockClass, "__inline-edit-button"));
   // Allows scrollable area to keep focused/active cell id visible
   if (newCellIdButton) {
-    newCellIdButton === null || newCellIdButton === void 0 || newCellIdButton.focus();
+    newCellIdButton === null || newCellIdButton === undefined || newCellIdButton.focus();
   }
   return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
     activeCellId: newActiveCellId