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

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

@@ -8,7 +8,7 @@
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, extends as _extends, typeof as _typeof } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useContext, useState, useRef, useEffect, useCallback } from 'react';
 import PropTypes from '../../../../../../_virtual/index.js';
-import { Dropdown, DatePicker, DatePickerInput, NumberInput, Checkbox, TextInput } from '@carbon/react';
+import { Checkbox, TextInput, NumberInput, Dropdown, DatePicker, DatePickerInput } from '@carbon/react';
 import { Edit, CaretSort, ChevronDown, Calendar } from '@carbon/react/icons';
 import { pkg } from '../../../../../../settings.js';
 import cx from 'classnames';
@@ -24,14 +24,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) {
@@ -96,17 +96,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
   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
@@ -124,20 +124,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
   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);
       }
@@ -172,7 +172,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]);
@@ -246,7 +246,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) {
@@ -289,13 +289,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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(item.icon), /*#__PURE__*/React__default.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 && _typeof(items[0]) === 'object' ? function (item) {
+    return items !== null && items !== undefined && items.length && _typeof(items[0]) === 'object' ? function (item) {
       return renderDropdownItem(item);
     } : null;
   };
@@ -316,10 +316,10 @@ var InlineEditCell = function InlineEditCell(_ref) {
     }, inputProps, {
       hideLabel: true,
       className: cx("".concat(blockClass, "__inline-edit--select"), _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');
@@ -331,7 +331,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) {
@@ -370,9 +370,9 @@ var InlineEditCell = function InlineEditCell(_ref) {
   var renderDateCell = function renderDateCell() {
     var _config$inputProps, _outerButtonElement$c;
     var datePickerPreparedProps = 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__default.createElement(DatePicker, _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");
@@ -388,7 +388,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);
@@ -404,8 +404,8 @@ var InlineEditCell = function InlineEditCell(_ref) {
       },
       value: cell.value
     }), /*#__PURE__*/React__default.createElement(DatePickerInput, _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
     })));
@@ -417,7 +417,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);
@@ -443,8 +443,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);
@@ -476,7 +476,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__default.createElement(TextInput, _extends({
       labelText: cellLabel,
       placeholder: placeholder
@@ -485,7 +485,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) {
@@ -498,19 +498,19 @@ var InlineEditCell = function InlineEditCell(_ref) {
   var getLabel = function getLabel() {
     var _value$text, _checkStaticCell;
     var checkStaticCell = function checkStaticCell(val) {
-      if (_typeof(val) === 'object' && val !== null && val !== void 0 && val.isStaticCell) {
-        return val === null || val === void 0 ? void 0 : val.value;
+      if (_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 (
@@ -525,13 +525,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"), _defineProperty(_defineProperty(_defineProperty(_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"), _defineProperty(_defineProperty(_defineProperty(_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__default.createElement(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/es/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/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js

@@ -77,7 +77,7 @@ var inlineEditReducer = function inlineEditReducer(state, action) {
       {
         var _action$payload2;
         return _objectSpread2(_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/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js

@@ -25,7 +25,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 _objectSpread2(_objectSpread2({}, state), {}, {
     activeCellId: newActiveCellId

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

@@ -55,7 +55,7 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
 
   // Checks if the dropdown menu is open
   var dropdownIsActive = function dropdownIsActive() {
-    var selectedDropdown = ref === null || ref === void 0 ? void 0 : ref.current.querySelector("\n      #".concat(instance.tableId, " .").concat(blockClass, "__table-with-inline-edit [data-cell-id=\"").concat(activeCellId, "\"] button[role='combobox']\n    "));
+    var selectedDropdown = ref === null || ref === undefined ? undefined : ref.current.querySelector("\n      #".concat(instance.tableId, " .").concat(blockClass, "__table-with-inline-edit [data-cell-id=\"").concat(activeCellId, "\"] button[role='combobox']\n    "));
     if (selectedDropdown) {
       // Prevents arrow keys from scrolling any other content when dropdown menu is open
       event.preventDefault();
@@ -205,21 +205,21 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
             if (focusedType === 'selection') {
               setTimeout(function () {
                 var dropdownTrigger = focusedCell.querySelector('button');
-                dropdownTrigger === null || dropdownTrigger === void 0 || dropdownTrigger.click();
+                dropdownTrigger === null || dropdownTrigger === undefined || dropdownTrigger.click();
               }, 1);
             }
             if (focusedType === 'checkbox') {
               setTimeout(function () {
                 var checkboxTrigger = focusedCell.querySelector('input');
-                checkboxTrigger === null || checkboxTrigger === void 0 || checkboxTrigger.click();
-                checkboxTrigger === null || checkboxTrigger === void 0 || checkboxTrigger.focus();
+                checkboxTrigger === null || checkboxTrigger === undefined || checkboxTrigger.click();
+                checkboxTrigger === null || checkboxTrigger === undefined || checkboxTrigger.focus();
               }, 1);
             }
             if (focusedType === 'date') {
               setTimeout(function () {
                 var dateInputTrigger = focusedCell.querySelector('input');
-                dateInputTrigger === null || dateInputTrigger === void 0 || dateInputTrigger.click();
-                dateInputTrigger === null || dateInputTrigger === void 0 || dateInputTrigger.focus();
+                dateInputTrigger === null || dateInputTrigger === undefined || dateInputTrigger.click();
+                dateInputTrigger === null || dateInputTrigger === undefined || dateInputTrigger.focus();
               }, 1);
             }
             dispatch({

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

@@ -36,7 +36,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     var totalVisibleColumns = instance.visibleColumns.filter(function (item) {
       return item.id !== 'spacer';
     }).length;
-    var totalRows = (_instance$rows = instance.rows) === null || _instance$rows === void 0 ? void 0 : _instance$rows.length;
+    var totalRows = (_instance$rows = instance.rows) === null || _instance$rows === undefined ? undefined : _instance$rows.length;
     var lastCellDataId = "column-".concat(totalVisibleColumns - 1, "-row-").concat(totalRows - 1);
     var lastCellElement = document.querySelector("#".concat(instance.tableId, " .").concat(blockClass, "__table-with-inline-edit [data-cell-id=\"").concat(activeCellId, "\"]"));
     var _scrollElement = document.querySelector("#".concat(instance.tableId, " .").concat(pkg.prefix, "--datagrid__table-container"));
@@ -75,7 +75,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     });
     if (indexOfTable && Number.isFinite(indexOfTable)) {
       var _datagridFocusableEle;
-      (_datagridFocusableEle = datagridFocusableElements[indexOfTable]) === null || _datagridFocusableEle === void 0 || _datagridFocusableEle.focus();
+      (_datagridFocusableEle = datagridFocusableElements[indexOfTable]) === null || _datagridFocusableEle === undefined || _datagridFocusableEle.focus();
     }
   }
 };

package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts

@@ -8,13 +8,12 @@ declare function RowSizeDropdown({ align, legendText, autoAlign, ...props }: {
 declare namespace RowSizeDropdown {
     namespace propTypes {
         let align: any;
-        let autoAlign: PropTypes.Requireable<boolean>;
-        let datagridName: PropTypes.Requireable<string>;
-        let legendText: PropTypes.Requireable<string>;
-        let light: PropTypes.Requireable<boolean>;
-        let onChange: PropTypes.Validator<(...args: any[]) => any>;
-        let selectedOption: PropTypes.Requireable<string>;
+        let autoAlign: any;
+        let datagridName: any;
+        let legendText: any;
+        let light: any;
+        let onChange: any;
+        let selectedOption: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';

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

@@ -12,16 +12,16 @@ import { Settings } from '@carbon/react/icons';
 import { Popover, IconButton, PopoverContent, Layer } from '@carbon/react';
 import cx from 'classnames';
 import RowSizeRadioGroup from './RowSizeRadioGroup.js';
-import { pkg, carbon } from '../../../../../settings.js';
+import { carbon, pkg } from '../../../../../settings.js';
 
 var _Settings;
 var _excluded = ["align", "legendText", "autoAlign"];
 var blockClass = "".concat(pkg.prefix, "--datagrid__row-size");
 var RowSizeDropdown = function RowSizeDropdown(_ref) {
   var _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'bottom-right' : _ref$align,
+    align = _ref$align === undefined ? 'bottom-right' : _ref$align,
     _ref$legendText = _ref.legendText,
-    legendText = _ref$legendText === void 0 ? 'Row settings' : _ref$legendText,
+    legendText = _ref$legendText === undefined ? 'Row settings' : _ref$legendText,
     autoAlign = _ref.autoAlign,
     props = _objectWithoutProperties(_ref, _excluded);
   var radioGroupRef = useRef(undefined);
@@ -44,9 +44,9 @@ var RowSizeDropdown = function RowSizeDropdown(_ref) {
   };
   useEffect(function () {
     if (isOpen) {
-      var radioGroupParentElement = radioGroupRef === null || radioGroupRef === void 0 ? void 0 : radioGroupRef.current;
-      var checkedRadioChild = radioGroupParentElement === null || radioGroupParentElement === void 0 ? void 0 : radioGroupParentElement.querySelector(".".concat(carbon.prefix, "--radio-button:checked"));
-      checkedRadioChild === null || checkedRadioChild === void 0 || checkedRadioChild.focus();
+      var radioGroupParentElement = radioGroupRef === null || radioGroupRef === undefined ? undefined : radioGroupRef.current;
+      var checkedRadioChild = radioGroupParentElement === null || radioGroupParentElement === undefined ? undefined : radioGroupParentElement.querySelector(".".concat(carbon.prefix, "--radio-button:checked"));
+      checkedRadioChild === null || checkedRadioChild === undefined || checkedRadioChild.focus();
     }
   }, [isOpen]);
   var onClickHandler = function onClickHandler() {

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

@@ -18,7 +18,7 @@ var RowSizeRadioGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onChange = _ref.onChange,
     legendText = _ref.legendText,
     _ref$rowSizeLabels = _ref.rowSizeLabels,
-    rowSizeLabels = _ref$rowSizeLabels === void 0 ? {
+    rowSizeLabels = _ref$rowSizeLabels === undefined ? {
       xl: 'Extra large',
       lg: 'Large (default)',
       md: 'Medium',

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

@@ -152,7 +152,7 @@ var stateReducer = function stateReducer(newState, action) {
           var newSelectedRowData = {};
           var nonSelectableRows = ((_rows$find = rows.find(function (row) {
             return row.getRowProps;
-          })) === null || _rows$find === void 0 || (_rows$find$getRowProp = _rows$find.getRowProps) === null || _rows$find$getRowProp === void 0 || (_rows$find$getRowProp = _rows$find$getRowProp.call(_rows$find)) === null || _rows$find$getRowProp === void 0 ? void 0 : _rows$find$getRowProp.nonselectablerows) || [];
+          })) === null || _rows$find === undefined || (_rows$find$getRowProp = _rows$find.getRowProps) === null || _rows$find$getRowProp === undefined || (_rows$find$getRowProp = _rows$find$getRowProp.call(_rows$find)) === null || _rows$find$getRowProp === undefined ? undefined : _rows$find$getRowProp.nonselectablerows) || [];
           rows.forEach(function (row) {
             if (nonSelectableRows.length > 0 && nonSelectableRows.includes(row.id)) {
               return;
@@ -181,7 +181,7 @@ var stateReducer = function stateReducer(newState, action) {
           var _newSelectedRowData = {};
           _rows.forEach(function (row) {
             var _row$getRowProps;
-            var props = (_row$getRowProps = row.getRowProps) === null || _row$getRowProps === void 0 ? void 0 : _row$getRowProps.call(row);
+            var props = (_row$getRowProps = row.getRowProps) === null || _row$getRowProps === undefined ? undefined : _row$getRowProps.call(row);
             if (props && props.disabled) {
               return;
             }
@@ -283,13 +283,13 @@ var stateReducer = function stateReducer(newState, action) {
         var currentColumn = {};
         currentColumn[_headerId2] = newState.columnResizing.columnWidths[_headerId2];
         var allChangedColumns = newState.columnResizing.columnWidths;
-        onColResizeEnd === null || onColResizeEnd === void 0 || onColResizeEnd(currentColumn, allChangedColumns);
+        onColResizeEnd === null || onColResizeEnd === undefined || onColResizeEnd(currentColumn, allChangedColumns);
         if (!isKeyEvent) {
           if (typeof isKeyEvent === 'undefined') {
             // Blur resizer input if it has focus and is not from a key event resize
             if (document.activeElement.classList.contains("".concat(blockClass, "__col-resizer-range"))) {
               var _document;
-              (_document = document) === null || _document === void 0 || (_document = _document.activeElement) === null || _document === void 0 || _document.blur();
+              (_document = document) === null || _document === undefined || (_document = _document.activeElement) === null || _document === undefined || _document.blur();
             }
             return;
           }

package/es/components/Datagrid/types/index.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../../src/custom-typings/index.d.ts" />
 import { MultiSelectProps } from '@carbon/react/lib/components/MultiSelect/MultiSelect';
 import { FormGroupProps } from '@carbon/react/lib/components/FormGroup/FormGroup';
 import { RadioButtonProps } from '@carbon/react/lib/components/RadioButton/RadioButton';
@@ -102,8 +101,7 @@ export interface FilterFlyoutProps {
 export interface DataGridToggleAllRowsProps extends TableToggleAllRowsSelectedProps {
     disabled?: boolean;
 }
-export interface DatagridTableHooks<T extends object = any> extends UseTableHooks<T> {
-}
+export type DatagridTableHooks<T extends object = any> = UseTableHooks<T>;
 export interface DatagridColumn<T extends object = any> extends ColumnInstance<T>, UseSortByOptions<T>, Partial<UseResizeColumnsColumnProps<T>>, UseResizeColumnsOptions<T> {
     sticky?: 'left' | 'right';
     className?: string;
@@ -133,8 +131,7 @@ export interface DataGridHeader<T extends object = any> extends ColumnInstance,
 }
 export interface DataGridHeaderGroup<T extends object = any> extends HeaderGroup<T>, UseResizeColumnsColumnProps<T> {
 }
-export interface DataGridTableProps extends TableCommonProps {
-}
+export type DataGridTableProps = TableCommonProps;
 interface DataGridTableState extends UseResizeColumnsState<any>, UseRowSelectState<any> {
     filters: Filters<DataGridFilter>;
 }

package/es/components/Datagrid/useActionsColumn.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cx from 'classnames';
 import { IconSkeleton, IconButton, OverflowMenu, OverflowMenuItem } from '@carbon/react';
@@ -77,7 +77,7 @@ var useActionsColumn = function useActionsColumn(hooks) {
                     return;
                   }
                   e.stopPropagation();
-                  _onClick === null || _onClick === void 0 || _onClick(id, row, e);
+                  _onClick === null || _onClick === undefined || _onClick(id, row, e);
                 },
                 disabled: isDisabledByRow
               }), Icon && /*#__PURE__*/React__default.createElement(Icon, null)));
@@ -106,7 +106,7 @@ var useActionsColumn = function useActionsColumn(hooks) {
                 disabled: isDisabledByRow,
                 onClick: function onClick(e) {
                   e.stopPropagation();
-                  _onClick2 === null || _onClick2 === void 0 || _onClick2(id, row, e);
+                  _onClick2 === null || _onClick2 === undefined || _onClick2(id, row, e);
                 },
                 key: id
               }));

package/es/components/Datagrid/useColumnRightAlign.js

@@ -16,14 +16,14 @@ var useColumnRightAlign = function useColumnRightAlign(hooks) {
     var _tableProps$column, _column$Cell;
     return /*#__PURE__*/React__default.createElement("div", {
       className: cx("".concat(blockClass, "__right-align-cell-renderer"), {
-        sortDisabled: !tableProps.isTableSortable || (tableProps === null || tableProps === void 0 || (_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.disableSortBy) === true
+        sortDisabled: !tableProps.isTableSortable || (tableProps === null || tableProps === undefined || (_tableProps$column = tableProps.column) === null || _tableProps$column === undefined ? undefined : _tableProps$column.disableSortBy) === true
       })
-    }, column === null || column === void 0 || (_column$Cell = column.Cell) === null || _column$Cell === void 0 ? void 0 : _column$Cell.call(column, tableProps));
+    }, column === null || column === undefined || (_column$Cell = column.Cell) === null || _column$Cell === undefined ? undefined : _column$Cell.call(column, tableProps));
   };
   var RightAlignHeader = function RightAlignHeader(headerProp, column) {
     return /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(blockClass, "__right-align-header")
-    }, typeof column.Header === 'function' ? (column === null || column === void 0 ? void 0 : column.Header.bind(column))(headerProp) : column.Header);
+    }, typeof column.Header === 'function' ? (column === null || column === undefined ? undefined : column.Header.bind(column))(headerProp) : column.Header);
   };
   var rightAlignedColumns = function rightAlignedColumns(columns) {
     var columnsWithDefaultCells = columns.map(function (column) {

package/es/components/Datagrid/useCustomizeColumns.js

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

package/es/components/Datagrid/useDatagrid.js

@@ -7,7 +7,7 @@
 
 import { objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMemo } from 'react';
-import { useTable, useFlexLayout, useResizeColumns, useFilters, useGlobalFilter, useSortBy, useExpanded, usePagination, useRowSelect } from 'react-table';
+import { useFlexLayout, useResizeColumns, useFilters, useGlobalFilter, useSortBy, useExpanded, useTable, usePagination, useRowSelect } from 'react-table';
 import uniqueId from 'lodash/uniqueId';
 import useSkeletons from './useSkeletonRows.js';
 import useDefaultStringRenderer from './useDefaultStringRenderer.js';
@@ -24,7 +24,7 @@ var useDatagrid = function useDatagrid(params) {
   // Disable resizing
   if (params.disableResizing) {
     var resizeIndex = defaultPlugins.findIndex(function (p) {
-      return (p === null || p === void 0 ? void 0 : p['pluginName']) === 'useResizeColumns';
+      return (p === null || p === undefined ? undefined : p['pluginName']) === 'useResizeColumns';
     });
     defaultPlugins.splice(resizeIndex, 1);
   }
@@ -39,7 +39,7 @@ var useDatagrid = function useDatagrid(params) {
   for (var _len = arguments.length, plugins = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     plugins[_key - 1] = arguments[_key];
   }
-  var tableState = useTable.apply(void 0, [_objectSpread2(_objectSpread2({
+  var tableState = useTable.apply(undefined, [_objectSpread2(_objectSpread2({
     tableId: tableId
   }, params), {}, {
     stateReducer: stateReducer,

package/es/components/Datagrid/useDefaultStringRenderer.js

@@ -15,7 +15,7 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
   var StringRenderer = function StringRenderer(tableProps) {
     var _tableProps$column;
     return /*#__PURE__*/React__default.createElement("div", {
-      className: cx("".concat(blockClass, "__defaultStringRenderer"), _defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), ((_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.multiLineWrap) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.multiLineWrapAll)))
+      className: cx("".concat(blockClass, "__defaultStringRenderer"), _defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), ((_tableProps$column = tableProps.column) === null || _tableProps$column === undefined ? undefined : _tableProps$column.multiLineWrap) || (tableProps === null || tableProps === undefined ? undefined : tableProps.multiLineWrapAll)))
     }, tableProps.value);
   };
   var HeaderRenderer = function HeaderRenderer(header, slug, aiLabel) {