@carbon/ibm-products 2.61.0-rc.0 → 2.62.0-rc.0

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 === undefined ? false : _ref$disabledCell,
+    disabledCell = _ref$disabledCell === void 0 ? false : _ref$disabledCell,
     instance = _ref.instance,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === undefined ? '' : _ref$placeholder,
+    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
     tabIndex = _ref.tabIndex,
     value = _ref.value,
     _ref$nonEditCell = _ref.nonEditCell,
-    nonEditCell = _ref$nonEditCell === undefined ? false : _ref$nonEditCell,
+    nonEditCell = _ref$nonEditCell === void 0 ? 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 === undefined ? undefined : previousState.editId) === cellId && !editId || (previousState === null || previousState === undefined ? undefined : previousState.editId) === cellId && cellId !== editId) {
+    if ((previousState === null || previousState === void 0 ? void 0 : previousState.editId) === cellId && !editId || (previousState === null || previousState === void 0 ? void 0 : previousState.editId) === cellId && cellId !== editId) {
       var _ref3 = config || {},
         validator = _ref3.validator;
-      var isInvalid = validator === null || validator === undefined ? undefined : validator(cellValue);
+      var isInvalid = validator === null || validator === void 0 ? void 0 : validator(cellValue);
       if (isInvalid) {
         setCellValue(initialValue);
         saveCellData(initialValue);
         return;
       }
     }
-  }, [previousState === null || previousState === undefined ? undefined : previousState.editId, editId, cellId, cellValue, config, initialValue, saveCellData]);
+  }, [previousState === null || previousState === void 0 ? void 0 : 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 === undefined ? undefined : dropdownRef.current : datePickerInputElement;
+    var dropdownTrigger = type === 'selection' ? dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current : datePickerInputElement;
     dropdownTrigger.click();
     if (type === 'date') {
-      dropdownTrigger === null || dropdownTrigger === undefined || dropdownTrigger.focus();
+      dropdownTrigger === null || dropdownTrigger === void 0 || 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 === undefined ? undefined : previousState.editId) === cellId && (previousState === null || previousState === undefined ? undefined : previousState.activeCellId) === cellId && activeCellId !== cellId) {
+    if ((previousState === null || previousState === void 0 ? void 0 : previousState.editId) === cellId && (previousState === null || previousState === void 0 ? void 0 : previousState.activeCellId) === cellId && activeCellId !== cellId) {
       var _ref4 = config || {},
         validator = _ref4.validator;
-      var isInvalid = validator === null || validator === undefined ? undefined : validator(cellValue);
+      var isInvalid = validator === null || validator === void 0 ? void 0 : validator(cellValue);
       if (!isInvalid) {
         setInitialValue(cellValue);
       }
@@ -174,7 +174,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
       }
       if (type === 'selection') {
         var _dropdownRef$current;
-        dropdownRef === null || dropdownRef === undefined || (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === undefined || _dropdownRef$current.focus();
+        dropdownRef === null || dropdownRef === void 0 || (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 || _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 === undefined ? undefined : validator(cellValue);
+            var isInvalid = validator === null || validator === void 0 ? void 0 : 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 !== undefined && item.icon);
+    var includesIcon = !!(item !== null && item !== void 0 && 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 === undefined ? undefined : item.text)) : item === null || item === undefined ? undefined : item.text;
+    }, item === null || item === void 0 ? void 0 : item.text)) : item === null || item === void 0 ? void 0 : item.text;
   };
   var handleTransformedItem = function handleTransformedItem(items) {
-    return items !== null && items !== undefined && items.length && _rollupPluginBabelHelpers.typeof(items[0]) === 'object' ? function (item) {
+    return items !== null && items !== void 0 && 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 === undefined ? undefined : inputProps.items) || [],
+      items: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.items) || [],
       initialSelectedItem: cell.value,
-      itemToElement: handleTransformedItem(inputProps === null || inputProps === undefined ? undefined : inputProps.items),
-      renderSelectedItem: handleTransformedItem(inputProps === null || inputProps === undefined ? undefined : inputProps.items),
+      itemToElement: handleTransformedItem(inputProps === null || inputProps === void 0 ? void 0 : inputProps.items),
+      renderSelectedItem: handleTransformedItem(inputProps === null || inputProps === void 0 ? void 0 : 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 === undefined || (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === undefined || _inputProps$onChange.call(inputProps, item.selectedItem);
+        inputProps === null || inputProps === void 0 || (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 || _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 === undefined || (_config$inputProps = config.inputProps) === null || _config$inputProps === undefined ? undefined : _config$inputProps.datePickerInputProps;
+    var datePickerInputProps = config === null || config === void 0 || (_config$inputProps = config.inputProps) === null || _config$inputProps === void 0 ? void 0 : _config$inputProps.datePickerInputProps;
     return /*#__PURE__*/React.createElement(react.DatePicker, _rollupPluginBabelHelpers.extends({}, datePickerPreparedProps, {
-      appendTo: outerButtonElement === null || outerButtonElement === undefined || (_outerButtonElement$c = outerButtonElement.current) === null || _outerButtonElement$c === undefined ? undefined : _outerButtonElement$c.parentElement,
+      appendTo: outerButtonElement === null || outerButtonElement === void 0 || (_outerButtonElement$c = outerButtonElement.current) === null || _outerButtonElement$c === void 0 ? void 0 : _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 === undefined || (_datePickerPreparedPr = datePickerPreparedProps.onChange) === null || _datePickerPreparedPr === undefined || _datePickerPreparedPr.call(datePickerPreparedProps, newDateObj, cell);
+        datePickerPreparedProps === null || datePickerPreparedProps === void 0 || (_datePickerPreparedPr = datePickerPreparedProps.onChange) === null || _datePickerPreparedPr === void 0 || _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 === undefined ? undefined : datePickerInputProps.placeholder) || 'mm/dd/yyyy',
-      labelText: (datePickerInputProps === null || datePickerInputProps === undefined ? undefined : datePickerInputProps.labelText) || cellLabel || 'Set date',
+      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',
       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 === undefined || (_config$inputProps2 = config.inputProps) === null || _config$inputProps2 === undefined ? undefined : _config$inputProps2.dateFormat;
+    var dateFormat = config === null || config === void 0 || (_config$inputProps2 = config.inputProps) === null || _config$inputProps2 === void 0 ? void 0 : _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 === undefined ? undefined : validator(cellValue),
-      invalidText: (inputProps === null || inputProps === undefined ? undefined : inputProps.invalidText) || 'Provide missing invalidText',
+      invalid: validator === null || validator === void 0 ? void 0 : validator(cellValue),
+      invalidText: (inputProps === null || inputProps === void 0 ? void 0 : 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 === undefined ? undefined : validator(cellValue);
+    var isInvalid = validator === null || validator === void 0 ? void 0 : 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 === undefined ? undefined : inputProps.invalidText) || 'Provide missing invalidText',
+      invalidText: (inputProps === null || inputProps === void 0 ? void 0 : 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 !== undefined && val.isStaticCell) {
-        return val === null || val === undefined ? undefined : val.value;
+      if (_rollupPluginBabelHelpers.typeof(val) === 'object' && val !== null && val !== void 0 && val.isStaticCell) {
+        return val === null || val === void 0 ? void 0 : val.value;
       }
     };
     switch (type) {
       case 'selection':
         checkStaticCell(value);
-        return (_value$text = value === null || value === undefined ? undefined : value.text) !== null && _value$text !== undefined ? _value$text : value;
+        return (_value$text = value === null || value === void 0 ? void 0 : value.text) !== null && _value$text !== void 0 ? _value$text : value;
       case 'date':
         checkStaticCell(value);
         return buildDate(value);
       default:
-        return (_checkStaticCell = checkStaticCell(value)) !== null && _checkStaticCell !== undefined ? _checkStaticCell : value;
+        return (_checkStaticCell = checkStaticCell(value)) !== null && _checkStaticCell !== void 0 ? _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 === undefined || (_config$validator = config.validator) === null || _config$validator === undefined ? undefined : _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 === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _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 === undefined ? undefined : value.icon) || null,
+      labelIcon: (value === null || value === void 0 ? void 0 : value.icon) || null,
       placeholder: placeholder,
       tabIndex: tabIndex,
       nonEditCell: nonEditCell,

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 !== undefined ? _action$payload2 : {}
+          featureFlags: (_action$payload2 = action.payload) !== null && _action$payload2 !== void 0 ? _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 === undefined || newCellIdButton.focus();
+    newCellIdButton === null || newCellIdButton === void 0 || newCellIdButton.focus();
   }
   return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
     activeCellId: newActiveCellId

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

@@ -57,7 +57,7 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
 
   // Checks if the dropdown menu is open
   var dropdownIsActive = function dropdownIsActive() {
-    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    "));
+    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    "));
     if (selectedDropdown) {
       // Prevents arrow keys from scrolling any other content when dropdown menu is open
       event.preventDefault();
@@ -207,21 +207,21 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
             if (focusedType === 'selection') {
               setTimeout(function () {
                 var dropdownTrigger = focusedCell.querySelector('button');
-                dropdownTrigger === null || dropdownTrigger === undefined || dropdownTrigger.click();
+                dropdownTrigger === null || dropdownTrigger === void 0 || dropdownTrigger.click();
               }, 1);
             }
             if (focusedType === 'checkbox') {
               setTimeout(function () {
                 var checkboxTrigger = focusedCell.querySelector('input');
-                checkboxTrigger === null || checkboxTrigger === undefined || checkboxTrigger.click();
-                checkboxTrigger === null || checkboxTrigger === undefined || checkboxTrigger.focus();
+                checkboxTrigger === null || checkboxTrigger === void 0 || checkboxTrigger.click();
+                checkboxTrigger === null || checkboxTrigger === void 0 || checkboxTrigger.focus();
               }, 1);
             }
             if (focusedType === 'date') {
               setTimeout(function () {
                 var dateInputTrigger = focusedCell.querySelector('input');
-                dateInputTrigger === null || dateInputTrigger === undefined || dateInputTrigger.click();
-                dateInputTrigger === null || dateInputTrigger === undefined || dateInputTrigger.focus();
+                dateInputTrigger === null || dateInputTrigger === void 0 || dateInputTrigger.click();
+                dateInputTrigger === null || dateInputTrigger === void 0 || dateInputTrigger.focus();
               }, 1);
             }
             dispatch({

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

@@ -38,7 +38,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 === undefined ? undefined : _instance$rows.length;
+    var totalRows = (_instance$rows = instance.rows) === null || _instance$rows === void 0 ? void 0 : _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(settings.pkg.prefix, "--datagrid__table-container"));
@@ -77,7 +77,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     });
     if (indexOfTable && Number.isFinite(indexOfTable)) {
       var _datagridFocusableEle;
-      (_datagridFocusableEle = datagridFocusableElements[indexOfTable]) === null || _datagridFocusableEle === undefined || _datagridFocusableEle.focus();
+      (_datagridFocusableEle = datagridFocusableElements[indexOfTable]) === null || _datagridFocusableEle === void 0 || _datagridFocusableEle.focus();
     }
   }
 };

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

@@ -23,9 +23,9 @@ var _excluded = ["align", "legendText", "autoAlign"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid__row-size");
 var RowSizeDropdown = function RowSizeDropdown(_ref) {
   var _ref$align = _ref.align,
-    align = _ref$align === undefined ? 'bottom-right' : _ref$align,
+    align = _ref$align === void 0 ? 'bottom-right' : _ref$align,
     _ref$legendText = _ref.legendText,
-    legendText = _ref$legendText === undefined ? 'Row settings' : _ref$legendText,
+    legendText = _ref$legendText === void 0 ? 'Row settings' : _ref$legendText,
     autoAlign = _ref.autoAlign,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var radioGroupRef = React.useRef(undefined);
@@ -48,9 +48,9 @@ var RowSizeDropdown = function RowSizeDropdown(_ref) {
   };
   React.useEffect(function () {
     if (isOpen) {
-      var radioGroupParentElement = radioGroupRef === null || radioGroupRef === undefined ? undefined : radioGroupRef.current;
-      var checkedRadioChild = radioGroupParentElement === null || radioGroupParentElement === undefined ? undefined : radioGroupParentElement.querySelector(".".concat(settings.carbon.prefix, "--radio-button:checked"));
-      checkedRadioChild === null || checkedRadioChild === undefined || checkedRadioChild.focus();
+      var radioGroupParentElement = radioGroupRef === null || radioGroupRef === void 0 ? void 0 : radioGroupRef.current;
+      var checkedRadioChild = radioGroupParentElement === null || radioGroupParentElement === void 0 ? void 0 : radioGroupParentElement.querySelector(".".concat(settings.carbon.prefix, "--radio-button:checked"));
+      checkedRadioChild === null || checkedRadioChild === void 0 || checkedRadioChild.focus();
     }
   }, [isOpen]);
   var onClickHandler = function onClickHandler() {

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

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

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

@@ -154,7 +154,7 @@ var stateReducer = function stateReducer(newState, action) {
           var newSelectedRowData = {};
           var nonSelectableRows = ((_rows$find = rows.find(function (row) {
             return row.getRowProps;
-          })) === 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) || [];
+          })) === 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) || [];
           rows.forEach(function (row) {
             if (nonSelectableRows.length > 0 && nonSelectableRows.includes(row.id)) {
               return;
@@ -183,7 +183,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 === undefined ? undefined : _row$getRowProps.call(row);
+            var props = (_row$getRowProps = row.getRowProps) === null || _row$getRowProps === void 0 ? void 0 : _row$getRowProps.call(row);
             if (props && props.disabled) {
               return;
             }
@@ -285,13 +285,13 @@ var stateReducer = function stateReducer(newState, action) {
         var currentColumn = {};
         currentColumn[_headerId2] = newState.columnResizing.columnWidths[_headerId2];
         var allChangedColumns = newState.columnResizing.columnWidths;
-        onColResizeEnd === null || onColResizeEnd === undefined || onColResizeEnd(currentColumn, allChangedColumns);
+        onColResizeEnd === null || onColResizeEnd === void 0 || 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 === undefined || (_document = _document.activeElement) === null || _document === undefined || _document.blur();
+              (_document = document) === null || _document === void 0 || (_document = _document.activeElement) === null || _document === void 0 || _document.blur();
             }
             return;
           }

package/lib/components/Datagrid/useActionsColumn.js

@@ -81,7 +81,7 @@ var useActionsColumn = function useActionsColumn(hooks) {
                     return;
                   }
                   e.stopPropagation();
-                  _onClick === null || _onClick === undefined || _onClick(id, row, e);
+                  _onClick === null || _onClick === void 0 || _onClick(id, row, e);
                 },
                 disabled: isDisabledByRow
               }), Icon && /*#__PURE__*/React.createElement(Icon, null)));
@@ -110,7 +110,7 @@ var useActionsColumn = function useActionsColumn(hooks) {
                 disabled: isDisabledByRow,
                 onClick: function onClick(e) {
                   e.stopPropagation();
-                  _onClick2 === null || _onClick2 === undefined || _onClick2(id, row, e);
+                  _onClick2 === null || _onClick2 === void 0 || _onClick2(id, row, e);
                 },
                 key: id
               }));

package/lib/components/Datagrid/useColumnRightAlign.js

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

package/lib/components/Datagrid/useCustomizeColumns.js

@@ -50,7 +50,7 @@ var useCustomizeColumns = function useCustomizeColumns(hooks) {
       }),
       CustomizeColumnsButton: function CustomizeColumnsButton(props) {
         return /*#__PURE__*/React__namespace.createElement(ButtonWrapper.default, _rollupPluginBabelHelpers.extends({
-          iconTooltipLabel: labels === null || labels === undefined ? undefined : labels.iconTooltipLabel,
+          iconTooltipLabel: labels === null || labels === void 0 ? void 0 : labels.iconTooltipLabel,
           isTearsheetOpen: isTearsheetOpen,
           setIsTearsheetOpen: setIsTearsheetOpen
         }, props));

package/lib/components/Datagrid/useDatagrid.js

@@ -28,7 +28,7 @@ var useDatagrid = function useDatagrid(params) {
   // Disable resizing
   if (params.disableResizing) {
     var resizeIndex = defaultPlugins.findIndex(function (p) {
-      return (p === null || p === undefined ? undefined : p['pluginName']) === 'useResizeColumns';
+      return (p === null || p === void 0 ? void 0 : p['pluginName']) === 'useResizeColumns';
     });
     defaultPlugins.splice(resizeIndex, 1);
   }
@@ -43,7 +43,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 = reactTable.useTable.apply(undefined, [_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+  var tableState = reactTable.useTable.apply(void 0, [_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     tableId: tableId
   }, params), {}, {
     stateReducer: stateReducer.stateReducer,

package/lib/components/Datagrid/useDefaultStringRenderer.js

@@ -19,7 +19,7 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
   var StringRenderer = function StringRenderer(tableProps) {
     var _tableProps$column;
     return /*#__PURE__*/React.createElement("div", {
-      className: cx("".concat(blockClass, "__defaultStringRenderer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), ((_tableProps$column = tableProps.column) === null || _tableProps$column === undefined ? undefined : _tableProps$column.multiLineWrap) || (tableProps === null || tableProps === undefined ? undefined : tableProps.multiLineWrapAll)))
+      className: cx("".concat(blockClass, "__defaultStringRenderer"), _rollupPluginBabelHelpers.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)))
     }, tableProps.value);
   };
   var HeaderRenderer = function HeaderRenderer(header, slug, aiLabel) {

package/lib/components/Datagrid/useDisableSelectRows.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var nonselectablerowsList = function nonselectablerowsList(instance) {
   var _instance$rows;
-  var nonselectablerows = (instance === null || instance === undefined || (_instance$rows = instance.rows) === null || _instance$rows === undefined ? undefined : _instance$rows.filter(function (row) {
+  var nonselectablerows = (instance === null || instance === void 0 || (_instance$rows = instance.rows) === null || _instance$rows === void 0 ? void 0 : _instance$rows.filter(function (row) {
     return instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row);
   }).map(function (row) {
     return row.id;
@@ -31,7 +31,7 @@ var useDisableSelectRows = function useDisableSelectRows(hooks) {
     var row = _ref.row,
       instance = _ref.instance;
     return [props, {
-      disabled: instance === null || instance === undefined || (_instance$shouldDisab = instance.shouldDisableSelectRow) === null || _instance$shouldDisab === undefined ? undefined : _instance$shouldDisab.call(instance, row),
+      disabled: instance === null || instance === void 0 || (_instance$shouldDisab = instance.shouldDisableSelectRow) === null || _instance$shouldDisab === void 0 ? void 0 : _instance$shouldDisab.call(instance, row),
       nonselectablerows: nonselectablerows
     }];
   };
@@ -41,28 +41,28 @@ var updateSelectAll = function updateSelectAll(hooks) {
   var getToggleAllRowsSelectedProps = function getToggleAllRowsSelectedProps(props, _ref2) {
     var _instance$rows2, _instance$disableSele, _instance$state2;
     var instance = _ref2.instance;
-    var selectableRows = (instance === null || instance === undefined || (_instance$rows2 = instance.rows) === null || _instance$rows2 === undefined ? undefined : _instance$rows2.filter(function (row) {
+    var selectableRows = (instance === null || instance === void 0 || (_instance$rows2 = instance.rows) === null || _instance$rows2 === void 0 ? void 0 : _instance$rows2.filter(function (row) {
       return !(instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row));
     })) || [];
-    var isAllRowsSelected = (selectableRows === null || selectableRows === undefined ? undefined : selectableRows.length) > 0 && selectableRows.every(function (_ref3) {
+    var isAllRowsSelected = (selectableRows === null || selectableRows === void 0 ? void 0 : selectableRows.length) > 0 && selectableRows.every(function (_ref3) {
       var _instance$state;
       var id = _ref3.id;
-      return instance === null || instance === undefined || (_instance$state = instance.state) === null || _instance$state === undefined || (_instance$state = _instance$state.selectedRowIds) === null || _instance$state === undefined ? undefined : _instance$state[id];
+      return instance === null || instance === void 0 || (_instance$state = instance.state) === null || _instance$state === void 0 || (_instance$state = _instance$state.selectedRowIds) === null || _instance$state === void 0 ? void 0 : _instance$state[id];
     });
     return [props, {
       onChange: function onChange(e) {
         selectableRows.forEach(function (row) {
           var _toggleRowSelected, _ref4;
-          return row === null || row === undefined || (_toggleRowSelected = (_ref4 = row).toggleRowSelected) === null || _toggleRowSelected === undefined ? undefined : _toggleRowSelected.call(_ref4, e.target.checked);
+          return row === null || row === void 0 || (_toggleRowSelected = (_ref4 = row).toggleRowSelected) === null || _toggleRowSelected === void 0 ? void 0 : _toggleRowSelected.call(_ref4, e.target.checked);
         });
       },
       style: {
         cursor: 'pointer'
       },
       checked: isAllRowsSelected,
-      disabled: instance === null || instance === undefined ? undefined : instance.disableSelectAll,
-      title: (instance === null || instance === undefined || (_instance$disableSele = instance.disableSelectRowsProps) === null || _instance$disableSele === undefined || (_instance$disableSele = _instance$disableSele.labels) === null || _instance$disableSele === undefined ? undefined : _instance$disableSele.toggleAllRowsLabel) || 'Toggle All Rows Selected',
-      indeterminate: Boolean(!isAllRowsSelected && Object.keys((instance === null || instance === undefined || (_instance$state2 = instance.state) === null || _instance$state2 === undefined ? undefined : _instance$state2.selectedRowIds) || {}).length)
+      disabled: instance === null || instance === void 0 ? void 0 : instance.disableSelectAll,
+      title: (instance === null || instance === void 0 || (_instance$disableSele = instance.disableSelectRowsProps) === null || _instance$disableSele === void 0 || (_instance$disableSele = _instance$disableSele.labels) === null || _instance$disableSele === void 0 ? void 0 : _instance$disableSele.toggleAllRowsLabel) || 'Toggle All Rows Selected',
+      indeterminate: Boolean(!isAllRowsSelected && Object.keys((instance === null || instance === void 0 || (_instance$state2 = instance.state) === null || _instance$state2 === void 0 ? void 0 : _instance$state2.selectedRowIds) || {}).length)
     }];
   };
   hooks.getToggleAllRowsSelectedProps.push(getToggleAllRowsSelectedProps);
@@ -71,13 +71,13 @@ var updatePageSelectAll = function updatePageSelectAll(hooks) {
   var getToggleAllPageRowsSelectedProps = function getToggleAllPageRowsSelectedProps(props, _ref5) {
     var _instance$page, _instance$disableSele2, _instance$page2;
     var instance = _ref5.instance;
-    var selectableRows = (instance === null || instance === undefined || (_instance$page = instance.page) === null || _instance$page === undefined ? undefined : _instance$page.filter(function (row) {
+    var selectableRows = (instance === null || instance === void 0 || (_instance$page = instance.page) === null || _instance$page === void 0 ? void 0 : _instance$page.filter(function (row) {
       return !(instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row));
     })) || [];
-    var isAllRowsSelected = (selectableRows === null || selectableRows === undefined ? undefined : selectableRows.length) > 0 && selectableRows.every(function (_ref6) {
+    var isAllRowsSelected = (selectableRows === null || selectableRows === void 0 ? void 0 : selectableRows.length) > 0 && selectableRows.every(function (_ref6) {
       var _instance$state3;
       var id = _ref6.id;
-      return instance === null || instance === undefined || (_instance$state3 = instance.state) === null || _instance$state3 === undefined || (_instance$state3 = _instance$state3.selectedRowIds) === null || _instance$state3 === undefined ? undefined : _instance$state3[id];
+      return instance === null || instance === void 0 || (_instance$state3 = instance.state) === null || _instance$state3 === void 0 || (_instance$state3 = _instance$state3.selectedRowIds) === null || _instance$state3 === void 0 ? void 0 : _instance$state3[id];
     });
     return [props, {
       onChange: function onChange(e) {
@@ -89,12 +89,12 @@ var updatePageSelectAll = function updatePageSelectAll(hooks) {
         cursor: 'pointer'
       },
       checked: isAllRowsSelected,
-      disabled: instance === null || instance === undefined ? undefined : instance.disableSelectAll,
-      title: (instance === null || instance === undefined || (_instance$disableSele2 = instance.disableSelectRowsProps) === null || _instance$disableSele2 === undefined || (_instance$disableSele2 = _instance$disableSele2.labels) === null || _instance$disableSele2 === undefined ? undefined : _instance$disableSele2.toggleAllRowsLabel) || 'Toggle All Rows Selected',
-      indeterminate: Boolean(!isAllRowsSelected && (instance === null || instance === undefined || (_instance$page2 = instance.page) === null || _instance$page2 === undefined ? undefined : _instance$page2.some(function (_ref7) {
+      disabled: instance === null || instance === void 0 ? void 0 : instance.disableSelectAll,
+      title: (instance === null || instance === void 0 || (_instance$disableSele2 = instance.disableSelectRowsProps) === null || _instance$disableSele2 === void 0 || (_instance$disableSele2 = _instance$disableSele2.labels) === null || _instance$disableSele2 === void 0 ? void 0 : _instance$disableSele2.toggleAllRowsLabel) || 'Toggle All Rows Selected',
+      indeterminate: Boolean(!isAllRowsSelected && (instance === null || instance === void 0 || (_instance$page2 = instance.page) === null || _instance$page2 === void 0 ? void 0 : _instance$page2.some(function (_ref7) {
         var _instance$state4;
         var id = _ref7.id;
-        return instance === null || instance === undefined || (_instance$state4 = instance.state) === null || _instance$state4 === undefined || (_instance$state4 = _instance$state4.selectedRowIds) === null || _instance$state4 === undefined ? undefined : _instance$state4[id];
+        return instance === null || instance === void 0 || (_instance$state4 = instance.state) === null || _instance$state4 === void 0 || (_instance$state4 = _instance$state4.selectedRowIds) === null || _instance$state4 === void 0 ? void 0 : _instance$state4[id];
       })))
     }];
   };

package/lib/components/Datagrid/useExpandedRow.js

@@ -35,7 +35,7 @@ var useExpandedRow = function useExpandedRow(hooks) {
         expandedContentHeight: expandedRowsHeight[row.index] || expandedContentHeight,
         RowExpansionRenderer: ExpandedRowContentComponent && DatagridExpandedRow.default(ExpandedRowContentComponent),
         onClick: function onClick(row, event) {
-          return onRowExpand === null || onRowExpand === undefined ? undefined : onRowExpand(row, event);
+          return onRowExpand === null || onRowExpand === void 0 ? void 0 : onRowExpand(row, event);
         }
       });
     });

package/lib/components/Datagrid/useFiltering.js

@@ -100,7 +100,7 @@ var useFiltering = function useFiltering(hooks) {
       });
     };
     Object.assign(instance, {
-      filterProps: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultProps), instance === null || instance === undefined ? undefined : instance.filterProps),
+      filterProps: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultProps), instance === null || instance === void 0 ? void 0 : instance.filterProps),
       filterTypes: filterTypes,
       getFilterFlyoutProps: getFilterFlyoutProps,
       FilterFlyout: FilterFlyout.default

package/lib/components/Datagrid/useFloatingScroll.js

@@ -26,7 +26,7 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
       }
       var datagrid = document.getElementById(tableId);
       // eslint-disable-next-line no-unused-expressions
-      datagrid === null || datagrid === undefined || datagrid.classList.add("".concat(blockClass, "__sticky"));
+      datagrid === null || datagrid === void 0 || datagrid.classList.add("".concat(blockClass, "__sticky"));
     }, [ExpandedRowContentComponent, tableId, withVirtualScroll]);
   };
   var useAddStickyClass = function useAddStickyClass(instance) {
@@ -62,7 +62,7 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
             simpleThead = memoHead;
           } else {
             var datagrid = document.getElementById(tableId);
-            simpleThead = datagrid === null || datagrid === undefined ? undefined : datagrid.querySelector(".".concat(blockClass, "__table-simple thead > div"));
+            simpleThead = datagrid === null || datagrid === void 0 ? void 0 : datagrid.querySelector(".".concat(blockClass, "__table-simple thead > div"));
             memoHead = simpleThead;
           }
           if (simpleThead) {