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

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 === 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();
@@ -207,21 +207,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/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 === 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(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 === void 0 || _datagridFocusableEle.focus();
+      (_datagridFocusableEle = datagridFocusableElements[indexOfTable]) === null || _datagridFocusableEle === undefined || _datagridFocusableEle.focus();
     }
   }
 };

package/lib/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/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 === 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 = _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 === 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();
+      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();
     }
   }, [isOpen]);
   var onClickHandler = function onClickHandler() {

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

@@ -22,7 +22,7 @@ var RowSizeRadioGroup = /*#__PURE__*/React.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/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 === 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;
@@ -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 === 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;
             }
@@ -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 === 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/lib/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/lib/components/Datagrid/useActionsColumn.js

@@ -81,7 +81,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.createElement(Icon, null)));
@@ -110,7 +110,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/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 === 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.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/lib/components/Datagrid/useCustomizeColumns.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var ButtonWrapper = require('./Datagrid/addons/CustomizeColumns/ButtonWrapper.js');
 var TearsheetWrapper = require('./Datagrid/addons/CustomizeColumns/TearsheetWrapper.js');
+var ButtonWrapper = require('./Datagrid/addons/CustomizeColumns/ButtonWrapper.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -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 === void 0 ? void 0 : labels.iconTooltipLabel,
+          iconTooltipLabel: labels === null || labels === undefined ? undefined : 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 === void 0 ? void 0 : p['pluginName']) === 'useResizeColumns';
+      return (p === null || p === undefined ? undefined : 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(void 0, [_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+  var tableState = reactTable.useTable.apply(undefined, [_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 === void 0 ? void 0 : _tableProps$column.multiLineWrap) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.multiLineWrapAll)))
+      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)))
     }, 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 === void 0 || (_instance$rows = instance.rows) === null || _instance$rows === void 0 ? void 0 : _instance$rows.filter(function (row) {
+  var nonselectablerows = (instance === null || instance === undefined || (_instance$rows = instance.rows) === null || _instance$rows === undefined ? undefined : _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 === void 0 || (_instance$shouldDisab = instance.shouldDisableSelectRow) === null || _instance$shouldDisab === void 0 ? void 0 : _instance$shouldDisab.call(instance, row),
+      disabled: instance === null || instance === undefined || (_instance$shouldDisab = instance.shouldDisableSelectRow) === null || _instance$shouldDisab === undefined ? undefined : _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 === void 0 || (_instance$rows2 = instance.rows) === null || _instance$rows2 === void 0 ? void 0 : _instance$rows2.filter(function (row) {
+    var selectableRows = (instance === null || instance === undefined || (_instance$rows2 = instance.rows) === null || _instance$rows2 === undefined ? undefined : _instance$rows2.filter(function (row) {
       return !(instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row));
     })) || [];
-    var isAllRowsSelected = (selectableRows === null || selectableRows === void 0 ? void 0 : selectableRows.length) > 0 && selectableRows.every(function (_ref3) {
+    var isAllRowsSelected = (selectableRows === null || selectableRows === undefined ? undefined : selectableRows.length) > 0 && selectableRows.every(function (_ref3) {
       var _instance$state;
       var id = _ref3.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 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 [props, {
       onChange: function onChange(e) {
         selectableRows.forEach(function (row) {
           var _toggleRowSelected, _ref4;
-          return row === null || row === void 0 || (_toggleRowSelected = (_ref4 = row).toggleRowSelected) === null || _toggleRowSelected === void 0 ? void 0 : _toggleRowSelected.call(_ref4, e.target.checked);
+          return row === null || row === undefined || (_toggleRowSelected = (_ref4 = row).toggleRowSelected) === null || _toggleRowSelected === undefined ? undefined : _toggleRowSelected.call(_ref4, e.target.checked);
         });
       },
       style: {
         cursor: 'pointer'
       },
       checked: isAllRowsSelected,
-      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)
+      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)
     }];
   };
   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 === void 0 || (_instance$page = instance.page) === null || _instance$page === void 0 ? void 0 : _instance$page.filter(function (row) {
+    var selectableRows = (instance === null || instance === undefined || (_instance$page = instance.page) === null || _instance$page === undefined ? undefined : _instance$page.filter(function (row) {
       return !(instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row));
     })) || [];
-    var isAllRowsSelected = (selectableRows === null || selectableRows === void 0 ? void 0 : selectableRows.length) > 0 && selectableRows.every(function (_ref6) {
+    var isAllRowsSelected = (selectableRows === null || selectableRows === undefined ? undefined : selectableRows.length) > 0 && selectableRows.every(function (_ref6) {
       var _instance$state3;
       var id = _ref6.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 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 [props, {
       onChange: function onChange(e) {
@@ -89,12 +89,12 @@ var updatePageSelectAll = function updatePageSelectAll(hooks) {
         cursor: 'pointer'
       },
       checked: isAllRowsSelected,
-      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) {
+      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) {
         var _instance$state4;
         var id = _ref7.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];
+        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];
       })))
     }];
   };

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 === void 0 ? void 0 : onRowExpand(row, event);
+          return onRowExpand === null || onRowExpand === undefined ? undefined : 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 === void 0 ? void 0 : instance.filterProps),
+      filterProps: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultProps), instance === null || instance === undefined ? undefined : 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 === void 0 || datagrid.classList.add("".concat(blockClass, "__sticky"));
+      datagrid === null || datagrid === undefined || 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 === void 0 ? void 0 : datagrid.querySelector(".".concat(blockClass, "__table-simple thead > div"));
+            simpleThead = datagrid === null || datagrid === undefined ? undefined : datagrid.querySelector(".".concat(blockClass, "__table-simple thead > div"));
             memoHead = simpleThead;
           }
           if (simpleThead) {

package/lib/components/Datagrid/useFocusRowExpander.js

@@ -16,7 +16,7 @@ var React = require('react');
 var useFocusRowExpander = function useFocusRowExpander(_ref) {
   var instance = _ref.instance,
     _ref$lastExpandedRowI = _ref.lastExpandedRowIndex,
-    lastExpandedRowIndex = _ref$lastExpandedRowI === void 0 ? 0 : _ref$lastExpandedRowI,
+    lastExpandedRowIndex = _ref$lastExpandedRowI === undefined ? 0 : _ref$lastExpandedRowI,
     blockClass = _ref.blockClass,
     activeElement = _ref.activeElement;
   React.useEffect(function () {
@@ -25,7 +25,7 @@ var useFocusRowExpander = function useFocusRowExpander(_ref) {
     if (!activeElement.classList.contains("".concat(blockClass, "__row-expander"))) {
       return;
     }
-    var tableId = instance === null || instance === void 0 ? void 0 : instance.tableId;
+    var tableId = instance === null || instance === undefined ? undefined : instance.tableId;
     var rowElements = document.querySelectorAll("#".concat(tableId, " tbody tr"));
     var rowElementsArray = Array.from(rowElements);
     var activeRow = rowElementsArray.filter(function (r) {
@@ -36,9 +36,9 @@ var useFocusRowExpander = function useFocusRowExpander(_ref) {
     });
     if (activeRow.length) {
       var rowExpander = activeRow[0].querySelector(".".concat(blockClass, "__row-expander"));
-      rowExpander === null || rowExpander === void 0 || rowExpander.focus();
+      rowExpander === null || rowExpander === undefined || rowExpander.focus();
     }
-  }, [instance === null || instance === void 0 ? void 0 : instance.tableId, instance === null || instance === void 0 ? void 0 : instance.expandedRows, lastExpandedRowIndex, blockClass, activeElement]);
+  }, [instance === null || instance === undefined ? undefined : instance.tableId, instance === null || instance === undefined ? undefined : instance.expandedRows, lastExpandedRowIndex, blockClass, activeElement]);
 };
 
 exports.useFocusRowExpander = useFocusRowExpander;

package/lib/components/Datagrid/useInfiniteScroll.js

@@ -30,7 +30,7 @@ var useInfiniteScroll = function useInfiniteScroll(hooks) {
     if (typeof document !== 'undefined') {
       tableElement = document.querySelector("#".concat(tableId));
     }
-    var totalTableHeight = tableHeight || ((_tableElement = tableElement) === null || _tableElement === void 0 ? void 0 : _tableElement.clientHeight);
+    var totalTableHeight = tableHeight || ((_tableElement = tableElement) === null || _tableElement === undefined ? undefined : _tableElement.clientHeight);
     var loadMoreThresholdValue = typeof loadMoreThreshold === 'number' ? loadMoreThreshold : 200;
     var emptyFetchData = function emptyFetchData() {};
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/lib/components/Datagrid/useInitialColumnSort.js

@@ -38,7 +38,7 @@ var useInitialColumnSort = function useInitialColumnSort(instance) {
       var _getNewSortOrder = useSortableColumns.getNewSortOrder(order),
         newSortDesc = _getNewSortOrder.newSortDesc,
         newOrder = _getNewSortOrder.newOrder;
-      onSort === null || onSort === void 0 || onSort(columnId, newOrder);
+      onSort === null || onSort === undefined || onSort(columnId, newOrder);
       instance.toggleSortBy(columnId, newSortDesc, false);
       setHasInitialSort(true);
     }

package/lib/components/Datagrid/useInlineEdit.js

@@ -22,9 +22,9 @@ var useInlineEdit = function useInlineEdit(hooks) {
     var cell = _ref.cell,
       instance = _ref.instance;
     var columnInlineEditConfig = cell.column.inlineEdit;
-    var inlineEditType = (_cell$column = cell.column) === null || _cell$column === void 0 || (_cell$column = _cell$column.inlineEdit) === null || _cell$column === void 0 ? void 0 : _cell$column.type;
-    var isDisabled = (_cell$column2 = cell.column) === null || _cell$column2 === void 0 ? void 0 : _cell$column2.isDisabled;
-    var staticCell = _rollupPluginBabelHelpers.typeof(cell.value) === 'object' && cell.column.id === ((_cell$value = cell.value) === null || _cell$value === void 0 ? void 0 : _cell$value.columnId) && ((_cell$value2 = cell.value) === null || _cell$value2 === void 0 ? void 0 : _cell$value2.isStaticCell);
+    var inlineEditType = (_cell$column = cell.column) === null || _cell$column === undefined || (_cell$column = _cell$column.inlineEdit) === null || _cell$column === undefined ? undefined : _cell$column.type;
+    var isDisabled = (_cell$column2 = cell.column) === null || _cell$column2 === undefined ? undefined : _cell$column2.isDisabled;
+    var staticCell = _rollupPluginBabelHelpers.typeof(cell.value) === 'object' && cell.column.id === ((_cell$value = cell.value) === null || _cell$value === undefined ? undefined : _cell$value.columnId) && ((_cell$value2 = cell.value) === null || _cell$value2 === undefined ? undefined : _cell$value2.isStaticCell);
     var renderInlineEditComponent = function renderInlineEditComponent(type) {
       return /*#__PURE__*/React.createElement(InlineEditCell.InlineEditCell, {
         config: columnInlineEditConfig,
@@ -47,7 +47,7 @@ var useInlineEdit = function useInlineEdit(hooks) {
       children: /*#__PURE__*/React.createElement(React.Fragment, null, !staticCell && inlineEditType === 'text' && renderInlineEditComponent(inlineEditType), !staticCell && inlineEditType === 'number' && renderInlineEditComponent(inlineEditType), !staticCell && inlineEditType === 'selection' && renderInlineEditComponent(inlineEditType), inlineEditType === 'checkbox' && renderInlineEditComponent(inlineEditType), !staticCell && inlineEditType === 'date' && renderInlineEditComponent(inlineEditType), staticCell && /*#__PURE__*/React.createElement(InlineEditCell.InlineEditCell, {
         config: columnInlineEditConfig,
         tabIndex: -1,
-        value: (_cell$value3 = cell.value) === null || _cell$value3 === void 0 ? void 0 : _cell$value3.value,
+        value: (_cell$value3 = cell.value) === null || _cell$value3 === undefined ? undefined : _cell$value3.value,
         cell: cell,
         instance: instance,
         nonEditCell: true,

package/lib/components/Datagrid/useNestedRowExpander.js

@@ -25,8 +25,8 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
     tempState.current = instance;
   };
   useFocusRowExpander.useFocusRowExpander({
-    instance: tempState === null || tempState === void 0 ? void 0 : tempState.current,
-    lastExpandedRowIndex: lastExpandedRowIndex === null || lastExpandedRowIndex === void 0 ? void 0 : lastExpandedRowIndex.current,
+    instance: tempState === null || tempState === undefined ? undefined : tempState.current,
+    lastExpandedRowIndex: lastExpandedRowIndex === null || lastExpandedRowIndex === undefined ? undefined : lastExpandedRowIndex.current,
     blockClass: blockClass,
     activeElement: typeof document !== 'undefined' && document.activeElement
   });
@@ -43,7 +43,7 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
         var expanderButtonProps = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, row.getToggleRowExpandedProps()), {}, {
           disabled: getAsyncSubRows && fetchingDynamicSubRows,
           onClick: function () {
-            var _onClick = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(event) {
+            var _onClick = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(event) {
               return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
@@ -68,7 +68,7 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
                       break;
                     }
                     _context.next = 9;
-                    return getAsyncSubRows === null || getAsyncSubRows === void 0 ? void 0 : getAsyncSubRows(row);
+                    return getAsyncSubRows === null || getAsyncSubRows === undefined ? undefined : getAsyncSubRows(row);
                   case 9:
                     stateReducer.handleDynamicRowCheck({
                       dispatch: dispatch,
@@ -95,11 +95,11 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
             return onClick;
           }()
         });
-        var _ref3 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
+        var _ref3 = (tempState === null || tempState === undefined ? undefined : tempState.current) || {},
           _ref3$expanderButtonT = _ref3.expanderButtonTitleExpanded,
-          expanderButtonTitleExpanded = _ref3$expanderButtonT === void 0 ? 'Collapse row' : _ref3$expanderButtonT,
+          expanderButtonTitleExpanded = _ref3$expanderButtonT === undefined ? 'Collapse row' : _ref3$expanderButtonT,
           _ref3$expanderButtonT2 = _ref3.expanderButtonTitleCollapsed,
-          expanderButtonTitleCollapsed = _ref3$expanderButtonT2 === void 0 ? 'Expand row' : _ref3$expanderButtonT2;
+          expanderButtonTitleCollapsed = _ref3$expanderButtonT2 === undefined ? 'Expand row' : _ref3$expanderButtonT2;
         var expanderTitle = row.isExpanded ? expanderButtonTitleExpanded : expanderButtonTitleCollapsed;
         return row.canExpand || getAsyncSubRows ? /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
           type: "button",

package/lib/components/Datagrid/useNestedRows.js

@@ -24,13 +24,13 @@ var useNestedRows = function useNestedRows(hooks) {
         rows = _ref.rows;
       var defaultExpandedRows = rows.filter(function (row) {
         var _row$original;
-        return row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.defaultExpanded;
+        return row === null || row === undefined || (_row$original = row.original) === null || _row$original === undefined ? undefined : _row$original.defaultExpanded;
       });
-      if (defaultExpandedRows !== null && defaultExpandedRows !== void 0 && defaultExpandedRows.length) {
+      if (defaultExpandedRows !== null && defaultExpandedRows !== undefined && defaultExpandedRows.length) {
         defaultExpandedRows.map(function (defaultExpandedRow) {
-          if (!(defaultExpandedRow !== null && defaultExpandedRow !== void 0 && defaultExpandedRow.isExpanded) && !(defaultExpandedRow !== null && defaultExpandedRow !== void 0 && defaultExpandedRow.hasExpanded)) {
+          if (!(defaultExpandedRow !== null && defaultExpandedRow !== undefined && defaultExpandedRow.isExpanded) && !(defaultExpandedRow !== null && defaultExpandedRow !== undefined && defaultExpandedRow.hasExpanded)) {
             var _defaultExpandedRow$t;
-            defaultExpandedRow === null || defaultExpandedRow === void 0 || (_defaultExpandedRow$t = defaultExpandedRow.toggleRowExpanded) === null || _defaultExpandedRow$t === void 0 || _defaultExpandedRow$t.call(defaultExpandedRow);
+            defaultExpandedRow === null || defaultExpandedRow === undefined || (_defaultExpandedRow$t = defaultExpandedRow.toggleRowExpanded) === null || _defaultExpandedRow$t === undefined || _defaultExpandedRow$t.call(defaultExpandedRow);
             defaultExpandedRow.hasExpanded = true;
             return;
           }
@@ -48,9 +48,9 @@ var useNestedRows = function useNestedRows(hooks) {
           var _row$0$original;
           var row = rows.filter(function (r) {
             var _r$original;
-            return r.id.toString() === key.toString() || ((_r$original = r.original) === null || _r$original === void 0 || (_r$original = _r$original.id) === null || _r$original === void 0 ? void 0 : _r$original.toString()) === key.toString();
+            return r.id.toString() === key.toString() || ((_r$original = r.original) === null || _r$original === undefined || (_r$original = _r$original.id) === null || _r$original === undefined ? undefined : _r$original.toString()) === key.toString();
           });
-          if (row.length && key.toString() === row[0].id.toString() || row.length && key.toString() === ((_row$0$original = row[0].original) === null || _row$0$original === void 0 || (_row$0$original = _row$0$original.id) === null || _row$0$original === void 0 ? void 0 : _row$0$original.toString())) {
+          if (row.length && key.toString() === row[0].id.toString() || row.length && key.toString() === ((_row$0$original = row[0].original) === null || _row$0$original === undefined || (_row$0$original = _row$0$original.id) === null || _row$0$original === undefined ? undefined : _row$0$original.toString())) {
             row[0].toggleRowExpanded();
           }
         });

package/lib/components/Datagrid/useOnRowClick.js

@@ -38,10 +38,12 @@ var useOnRowClick = function useOnRowClick(hooks) {
           var closestRow = event.currentTarget.closest('tr');
           closestRow.classList.add("".concat(settings.carbon.prefix, "--data-table--selected"));
           if (!withSelectRows) {
-            instance.selectedFlatRows && instance.selectedFlatRows.map(function (toggleRow) {
-              var _toggleRow$toggleRowS;
-              return (_toggleRow$toggleRowS = toggleRow.toggleRowSelected) === null || _toggleRow$toggleRowS === void 0 ? void 0 : _toggleRow$toggleRowS.call(toggleRow, false);
-            });
+            if (instance.selectedFlatRows) {
+              instance.selectedFlatRows.map(function (toggleRow) {
+                var _toggleRow$toggleRowS;
+                return (_toggleRow$toggleRowS = toggleRow.toggleRowSelected) === null || _toggleRow$toggleRowS === undefined ? undefined : _toggleRow$toggleRowS.call(toggleRow, false);
+              });
+            }
             toggleRowSelected(id, true);
           }
         }

package/lib/components/Datagrid/useRowExpander.js

@@ -24,8 +24,8 @@ var useRowExpander = function useRowExpander(hooks) {
     tempState.current = instance;
   };
   useFocusRowExpander.useFocusRowExpander({
-    instance: tempState === null || tempState === void 0 ? void 0 : tempState.current,
-    lastExpandedRowIndex: lastExpandedRowIndex === null || lastExpandedRowIndex === void 0 ? void 0 : lastExpandedRowIndex.current,
+    instance: tempState === null || tempState === undefined ? undefined : tempState.current,
+    lastExpandedRowIndex: lastExpandedRowIndex === null || lastExpandedRowIndex === undefined ? undefined : lastExpandedRowIndex.current,
     blockClass: blockClass,
     activeElement: document.activeElement
   });
@@ -40,12 +40,12 @@ var useRowExpander = function useRowExpander(hooks) {
             // Prevents `onRowClick` from being called if `useOnRowClick` is included
             event.stopPropagation();
             row.toggleRowExpanded();
-            row === null || row === void 0 || (_row$onClick = row.onClick) === null || _row$onClick === void 0 || _row$onClick.call(row, row, event);
+            row === null || row === undefined || (_row$onClick = row.onClick) === null || _row$onClick === undefined || _row$onClick.call(row, row, event);
             lastExpandedRowIndex.current = row.id;
           },
           title: null
         });
-        var _ref2 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
+        var _ref2 = (tempState === null || tempState === undefined ? undefined : tempState.current) || {},
           expanderButtonTitleExpanded = _ref2.expanderButtonTitleExpanded,
           expanderButtonTitleCollapsed = _ref2.expanderButtonTitleCollapsed;
         var expanderTitle = row.isExpanded ? expanderButtonTitleExpanded : expanderButtonTitleCollapsed;