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

package/es/components/Datagrid/useFocusRowExpander.js

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

package/es/components/Datagrid/useInfiniteScroll.js

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

package/es/components/Datagrid/useInitialColumnSort.js

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

package/es/components/Datagrid/useInlineEdit.js

@@ -18,9 +18,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 === 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 = _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 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 = _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 renderInlineEditComponent = function renderInlineEditComponent(type) {
       return /*#__PURE__*/React__default.createElement(InlineEditCell, {
         config: columnInlineEditConfig,
@@ -43,7 +43,7 @@ var useInlineEdit = function useInlineEdit(hooks) {
       children: /*#__PURE__*/React__default.createElement(React__default.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__default.createElement(InlineEditCell, {
         config: columnInlineEditConfig,
         tabIndex: -1,
-        value: (_cell$value3 = cell.value) === null || _cell$value3 === undefined ? undefined : _cell$value3.value,
+        value: (_cell$value3 = cell.value) === null || _cell$value3 === void 0 ? void 0 : _cell$value3.value,
         cell: cell,
         instance: instance,
         nonEditCell: true,

package/es/components/Datagrid/useNestedRowExpander.js

@@ -21,8 +21,8 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
     tempState.current = instance;
   };
   useFocusRowExpander({
-    instance: tempState === null || tempState === undefined ? undefined : tempState.current,
-    lastExpandedRowIndex: lastExpandedRowIndex === null || lastExpandedRowIndex === undefined ? undefined : lastExpandedRowIndex.current,
+    instance: tempState === null || tempState === void 0 ? void 0 : tempState.current,
+    lastExpandedRowIndex: lastExpandedRowIndex === null || lastExpandedRowIndex === void 0 ? void 0 : lastExpandedRowIndex.current,
     blockClass: blockClass,
     activeElement: typeof document !== 'undefined' && document.activeElement
   });
@@ -64,7 +64,7 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
                       break;
                     }
                     _context.next = 9;
-                    return getAsyncSubRows === null || getAsyncSubRows === undefined ? undefined : getAsyncSubRows(row);
+                    return getAsyncSubRows === null || getAsyncSubRows === void 0 ? void 0 : getAsyncSubRows(row);
                   case 9:
                     handleDynamicRowCheck({
                       dispatch: dispatch,
@@ -91,11 +91,11 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
             return onClick;
           }()
         });
-        var _ref3 = (tempState === null || tempState === undefined ? undefined : tempState.current) || {},
+        var _ref3 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
           _ref3$expanderButtonT = _ref3.expanderButtonTitleExpanded,
-          expanderButtonTitleExpanded = _ref3$expanderButtonT === undefined ? 'Collapse row' : _ref3$expanderButtonT,
+          expanderButtonTitleExpanded = _ref3$expanderButtonT === void 0 ? 'Collapse row' : _ref3$expanderButtonT,
           _ref3$expanderButtonT2 = _ref3.expanderButtonTitleCollapsed,
-          expanderButtonTitleCollapsed = _ref3$expanderButtonT2 === undefined ? 'Expand row' : _ref3$expanderButtonT2;
+          expanderButtonTitleCollapsed = _ref3$expanderButtonT2 === void 0 ? 'Expand row' : _ref3$expanderButtonT2;
         var expanderTitle = row.isExpanded ? expanderButtonTitleExpanded : expanderButtonTitleCollapsed;
         return row.canExpand || getAsyncSubRows ? /*#__PURE__*/React__default.createElement("button", _extends({
           type: "button",

package/es/components/Datagrid/useNestedRows.js

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

package/es/components/Datagrid/useOnRowClick.js

@@ -37,7 +37,7 @@ var useOnRowClick = function useOnRowClick(hooks) {
             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);
+                return (_toggleRow$toggleRowS = toggleRow.toggleRowSelected) === null || _toggleRow$toggleRowS === void 0 ? void 0 : _toggleRow$toggleRowS.call(toggleRow, false);
               });
             }
             toggleRowSelected(id, true);

package/es/components/Datagrid/useRowExpander.js

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

package/es/components/Datagrid/useRowIsMouseOver.js

@@ -17,7 +17,7 @@ var useRowIsMouseOver = function useRowIsMouseOver(hooks) {
       setMouseOverRowIndex = _useState2[1];
     var onMouseChange = useDebounce(function (datagridState) {
       var row = datagridState.row;
-      setMouseOverRowIndex(row === null || row === undefined ? undefined : row.index);
+      setMouseOverRowIndex(row === null || row === void 0 ? void 0 : row.index);
     }, 100);
     var getRowProps = function getRowProps(props, datagridState) {
       // @ts-expect-error

package/es/components/Datagrid/useRowRenderer.js

@@ -13,9 +13,9 @@ var useRowRenderer = function useRowRenderer(hooks) {
     var rows = instance.rows,
       state = instance.state;
     var newRows = null;
-    if (state !== null && state !== undefined && state.dynamicRowSkeleton) {
+    if (state !== null && state !== void 0 && state.dynamicRowSkeleton) {
       var _state$dynamicRowSkel;
-      var depthIndexArray = state === null || state === undefined || (_state$dynamicRowSkel = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel === undefined ? undefined : _state$dynamicRowSkel.id.split('').filter(function (r) {
+      var depthIndexArray = state === null || state === void 0 || (_state$dynamicRowSkel = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel === void 0 ? void 0 : _state$dynamicRowSkel.id.split('').filter(function (r) {
         return r !== '.';
       });
       if (depthIndexArray.length > 1) {
@@ -32,7 +32,7 @@ var useRowRenderer = function useRowRenderer(hooks) {
             finalRow = subRows.find(function (r) {
               return r.index === parseInt(depthIndex);
             });
-            subRows.splice(finalRow.index + 1, 0, state === null || state === undefined ? undefined : state.dynamicRowSkeleton); // + 1 because we want to add the skeleton row after the row initiating the dynamic request
+            subRows.splice(finalRow.index + 1, 0, state === null || state === void 0 ? void 0 : state.dynamicRowSkeleton); // + 1 because we want to add the skeleton row after the row initiating the dynamic request
             return;
           }
           var foundRow = subRows.find(function (r) {
@@ -43,14 +43,14 @@ var useRowRenderer = function useRowRenderer(hooks) {
       }
       var rootRowIndexWithDynamicRow = rows.findIndex(function (r) {
         var _state$dynamicRowSkel2;
-        return r.id === (state === null || state === undefined || (_state$dynamicRowSkel2 = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel2 === undefined ? undefined : _state$dynamicRowSkel2.id);
+        return r.id === (state === null || state === void 0 || (_state$dynamicRowSkel2 = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel2 === void 0 ? void 0 : _state$dynamicRowSkel2.id);
       });
       if (rootRowIndexWithDynamicRow > -1) {
         newRows = [].concat(_toConsumableArray(rows.slice(0, rootRowIndexWithDynamicRow + 1)), [// + 1 because we want to add the skeleton row after the row initiating the dynamic request
-        state === null || state === undefined ? undefined : state.dynamicRowSkeleton], _toConsumableArray(rows.slice(rootRowIndexWithDynamicRow + 1)));
+        state === null || state === void 0 ? void 0 : state.dynamicRowSkeleton], _toConsumableArray(rows.slice(rootRowIndexWithDynamicRow + 1)));
       }
     }
-    newRows = newRows !== null && newRows !== undefined ? newRows : rows;
+    newRows = newRows !== null && newRows !== void 0 ? newRows : rows;
     var _addRowRenderer = function addRowRenderer(row) {
       return Object.assign(row, {
         RowRenderer: DatagridRow,

package/es/components/Datagrid/useSelectAllToggle.js

@@ -23,7 +23,7 @@ var useSelectAllWithToggleComponent = function useSelectAllWithToggleComponent(h
     var _ref = instance,
       headers = _ref.headers,
       DatagridPagination = _ref.DatagridPagination;
-    var headersWithSelectAllToggle = headers === null || headers === undefined ? undefined : headers.map(function (header) {
+    var headersWithSelectAllToggle = headers === null || headers === void 0 ? void 0 : headers.map(function (header) {
       if (header.id === selectionColumnId && DatagridPagination) {
         Object.assign(header, {
           Header: Header
@@ -59,7 +59,7 @@ var useAddClassNameToSelectRow = function useAddClassNameToSelectRow(hooks) {
       DatagridPagination = _ref2.DatagridPagination,
       columns = _ref2.columns,
       withStickyColumn = _ref2.withStickyColumn;
-    var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === undefined ? undefined : _columns$.sticky) === 'left' && withStickyColumn;
+    var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
     if (column.id === selectionColumnId && DatagridPagination) {
       return [props, {
         className: cx("".concat(blockClass, "-toggle-on"), _defineProperty({}, "".concat(blockClass, "-sticky-left"), isFirstColumnStickyLeft && windowSize > 671))

package/es/components/Datagrid/useSelectRows.js

@@ -69,7 +69,7 @@ var useHighlightSelection = function useHighlightSelection(hooks) {
 var SelectRow = function SelectRow(datagridState) {
   var _columns$;
   var _datagridState$isFetc = datagridState.isFetching,
-    isFetching = _datagridState$isFetc === undefined ? false : _datagridState$isFetc,
+    isFetching = _datagridState$isFetc === void 0 ? false : _datagridState$isFetc,
     tableId = datagridState.tableId,
     row = datagridState.row,
     cell = datagridState.cell,
@@ -110,7 +110,7 @@ var SelectRow = function SelectRow(datagridState) {
               }
             }
             onChange(event);
-            onRowSelect === null || onRowSelect === undefined || onRowSelect(row, event);
+            onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, event);
             handleToggleRowSelected({
               dispatch: dispatch,
               rowData: row,
@@ -119,11 +119,11 @@ var SelectRow = function SelectRow(datagridState) {
               selectAll: null
             });
             // focus the radio / checkbox if lost
-            activeElement = (_document$activeEleme = (_document = document) === null || _document === undefined || (_document = _document.activeElement) === null || _document === undefined ? undefined : _document.id) !== null && _document$activeEleme !== undefined ? _document$activeEleme : '';
+            activeElement = (_document$activeEleme = (_document = document) === null || _document === void 0 || (_document = _document.activeElement) === null || _document === void 0 ? void 0 : _document.id) !== null && _document$activeEleme !== void 0 ? _document$activeEleme : '';
             _context.next = 8;
             return undefined;
           case 8:
-            (_document2 = document) === null || _document2 === undefined || (_document2 = _document2.getElementById(activeElement)) === null || _document2 === undefined || _document2.focus();
+            (_document2 = document) === null || _document2 === void 0 || (_document2 = _document2.getElementById(activeElement)) === null || _document2 === void 0 || _document2.focus();
           case 9:
           case "end":
             return _context.stop();
@@ -140,7 +140,7 @@ var SelectRow = function SelectRow(datagridState) {
     title = _row$getToggleRowSele2.title,
     selectProps = _objectWithoutProperties(_row$getToggleRowSele2, _excluded);
   var cellProps = cell.getCellProps();
-  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === undefined ? undefined : _columns$.sticky) === 'left' && withStickyColumn;
+  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
   var rowId = "".concat(tableId, "-").concat(row.id, "-").concat(row.index);
   var key = cellProps.key,
     _cellProps = cellProps._cellProps;

package/es/components/Datagrid/useSortableColumns.js

@@ -102,7 +102,7 @@ var useSortableColumns = function useSortableColumns(hooks) {
         }, props), {}, {
           className: "".concat(blockClass, "__sortable-icon ").concat(carbon.prefix, "--btn__icon")
         });
-        if (col !== null && col !== undefined && col.isSorted) {
+        if (col !== null && col !== void 0 && col.isSorted) {
           switch (col.isSortedDesc) {
             case false:
               return /*#__PURE__*/React__default.createElement(ArrowUp, iconProps);
@@ -119,30 +119,30 @@ var useSortableColumns = function useSortableColumns(hooks) {
         if (key === 'Enter') {
           setTimeout(function () {
             var _document$getElementB;
-            return (_document$getElementB = document.getElementById(columnId)) === null || _document$getElementB === undefined ? undefined : _document$getElementB.focus();
+            return (_document$getElementB = document.getElementById(columnId)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.focus();
           }, 0);
         }
       };
       var Header = function Header(headerProp) {
         return column.disableSortBy === true || column.id === 'datagridSelection' || column.isAction ? column.disableSortBy || column.isAction ? column.Header : /*#__PURE__*/React__default.createElement(SelectAll, instance) : /*#__PURE__*/React__default.createElement(Button, {
-          "aria-sort": getAriaSortValue(headerProp === null || headerProp === undefined ? undefined : headerProp.column, {
+          "aria-sort": getAriaSortValue(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, {
             ascendingSortableLabelText: ascendingSortableLabelText,
             descendingSortableLabelText: descendingSortableLabelText,
             defaultSortableLabelText: defaultSortableLabelText
           }),
-          "aria-pressed": getAriaPressedValue(headerProp === null || headerProp === undefined ? undefined : headerProp.column),
+          "aria-pressed": getAriaPressedValue(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column),
           onClick: function onClick(event) {
-            return onSortClick(event, headerProp === null || headerProp === undefined ? undefined : headerProp.column);
+            return onSortClick(event, headerProp === null || headerProp === void 0 ? void 0 : headerProp.column);
           },
           kind: "ghost",
           renderIcon: function renderIcon(props) {
             var _headerProp$column, _headerProp$column2;
             return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DatagridAILabel, {
-              aiLabel: (headerProp === null || headerProp === undefined || (_headerProp$column = headerProp.column) === null || _headerProp$column === undefined ? undefined : _headerProp$column.aiLabel) || (headerProp === null || headerProp === undefined || (_headerProp$column2 = headerProp.column) === null || _headerProp$column2 === undefined ? undefined : _headerProp$column2.slug)
-            }), icon(headerProp === null || headerProp === undefined ? undefined : headerProp.column, props));
+              aiLabel: (headerProp === null || headerProp === void 0 || (_headerProp$column = headerProp.column) === null || _headerProp$column === void 0 ? void 0 : _headerProp$column.aiLabel) || (headerProp === null || headerProp === void 0 || (_headerProp$column2 = headerProp.column) === null || _headerProp$column2 === void 0 ? void 0 : _headerProp$column2.slug)
+            }), icon(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, props));
           },
-          id: column === null || column === undefined ? undefined : column.id,
-          className: cx("".concat(carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), _defineProperty(_defineProperty({}, "".concat(blockClass, "--table-sort--desc"), headerProp === null || headerProp === undefined ? undefined : headerProp.column.isSortedDesc), "".concat(blockClass, "--table-sort--asc"), (headerProp === null || headerProp === undefined ? undefined : headerProp.column.isSortedDesc) === false)),
+          id: column === null || column === void 0 ? void 0 : column.id,
+          className: cx("".concat(carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), _defineProperty(_defineProperty({}, "".concat(blockClass, "--table-sort--desc"), headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc), "".concat(blockClass, "--table-sort--asc"), (headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc) === false)),
           onKeyDown: function onKeyDown(event) {
             return handleKey(event, column.id);
           }
@@ -150,10 +150,10 @@ var useSortableColumns = function useSortableColumns(hooks) {
       };
       return _objectSpread2(_objectSpread2({}, column), {}, {
         Header: Header,
-        minWidth: column.disableSortBy ? 0 : (_column$minWidth = column.minWidth) !== null && _column$minWidth !== undefined ? _column$minWidth : column.isAction ? 50 : 90
+        minWidth: column.disableSortBy ? 0 : (_column$minWidth = column.minWidth) !== null && _column$minWidth !== void 0 ? _column$minWidth : column.isAction ? 50 : 90
       });
     });
-    return (_instance$customizeCo = instance.customizeColumnsProps) !== null && _instance$customizeCo !== undefined && _instance$customizeCo.isTearsheetOpen ? visibleColumns : _toConsumableArray(sortableColumns);
+    return (_instance$customizeCo = instance.customizeColumnsProps) !== null && _instance$customizeCo !== void 0 && _instance$customizeCo.isTearsheetOpen ? visibleColumns : _toConsumableArray(sortableColumns);
   };
   var sortInstanceProps = function sortInstanceProps(instance) {
     var _ref3 = instance,

package/es/components/Datagrid/useStickyColumn.js

@@ -24,7 +24,7 @@ var useStickyColumn = function useStickyColumn(hooks) {
     setWindowSize = _useState2[1];
   useEffect(function () {
     var _window;
-    setWindowSize((_window = window) === null || _window === undefined ? undefined : _window.innerWidth);
+    setWindowSize((_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth);
   }, []);
   useLayoutEffect(function () {
     /* istanbul ignore next */
@@ -50,11 +50,11 @@ var useStickyColumn = function useStickyColumn(hooks) {
   var useEventListener = function useEventListener(instance) {
     useEffect(function () {
       var tableBodyElement = tableBodyRef.current;
-      var headerCellElement = stickyHeaderCellRef === null || stickyHeaderCellRef === undefined ? undefined : stickyHeaderCellRef.current;
+      var headerCellElement = stickyHeaderCellRef === null || stickyHeaderCellRef === void 0 ? void 0 : stickyHeaderCellRef.current;
       /* istanbul ignore next */
       if (hasVertScroll(tableBodyElement) && headerCellElement) {
         var _headerCellElement$cl;
-        headerCellElement === null || headerCellElement === undefined || (_headerCellElement$cl = headerCellElement.classList) === null || _headerCellElement$cl === undefined || _headerCellElement$cl.add(OFFSET_SCROLL_CLASS);
+        headerCellElement === null || headerCellElement === void 0 || (_headerCellElement$cl = headerCellElement.classList) === null || _headerCellElement$cl === void 0 || _headerCellElement$cl.add(OFFSET_SCROLL_CLASS);
       }
       var boundListener = debounce(onBodyResize.bind(null, tableBodyElement, headerCellElement), 250);
       /* istanbul ignore next */
@@ -76,7 +76,7 @@ var useStickyColumn = function useStickyColumn(hooks) {
       };
       toggleStickyShadow(tableBodyElement, headerCellElement);
       if (tableBodyElement) {
-        tableBodyElement === null || tableBodyElement === undefined || tableBodyElement.addEventListener('scroll', listener);
+        tableBodyElement === null || tableBodyElement === void 0 || tableBodyElement.addEventListener('scroll', listener);
       }
       return function () {
         if (tableBodyElement) {
@@ -141,18 +141,18 @@ var addTableBodyProps = function addTableBodyProps(tableBodyRef, props) {
 };
 var changeProps = function changeProps(elementName, headerCellRef, windowSize, props, data) {
   var _data$cell;
-  var column = data.column || ((_data$cell = data.cell) === null || _data$cell === undefined ? undefined : _data$cell.column);
-  if ((column === null || column === undefined ? undefined : column.sticky) === 'right') {
+  var column = data.column || ((_data$cell = data.cell) === null || _data$cell === void 0 ? void 0 : _data$cell.column);
+  if ((column === null || column === void 0 ? void 0 : column.sticky) === 'right') {
     return [props, _objectSpread2({
       className: cx(_defineProperty(_defineProperty(_defineProperty({}, "".concat(styleClassPrefix, "-").concat(elementName), true), "".concat(blockClass, "__resizableColumn"), false), "".concat(blockClass, "__sortableColumn"), false))
     }, headerCellRef && {
       ref: headerCellRef
     })];
   }
-  if ((column === null || column === undefined ? undefined : column.sticky) === 'left') {
+  if ((column === null || column === void 0 ? void 0 : column.sticky) === 'left') {
     var _data$instance;
     return [props, _objectSpread2({
-      className: cx(_defineProperty(_defineProperty({}, "".concat(leftStickyStyleClassPrefix, "-").concat(elementName), windowSize && windowSize > 671), "".concat(leftStickyStyleClassPrefix, "-").concat(elementName, "--with-extra-select-column"), (data === null || data === undefined || (_data$instance = data.instance) === null || _data$instance === undefined ? undefined : _data$instance.withSelectRows) && windowSize && windowSize > 671))
+      className: cx(_defineProperty(_defineProperty({}, "".concat(leftStickyStyleClassPrefix, "-").concat(elementName), windowSize && windowSize > 671), "".concat(leftStickyStyleClassPrefix, "-").concat(elementName, "--with-extra-select-column"), (data === null || data === void 0 || (_data$instance = data.instance) === null || _data$instance === void 0 ? void 0 : _data$instance.withSelectRows) && windowSize && windowSize > 671))
     }, headerCellRef && {
       ref: headerCellRef
     })];

package/es/components/DecoratorBase/DecoratorBase.js

@@ -40,20 +40,20 @@ var DecoratorBase = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     label = _ref.label,
     setLabelTitle = _ref.setLabelTitle,
     _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === undefined ? defaults.onClick : _ref$onClick,
+    onClick = _ref$onClick === void 0 ? defaults.onClick : _ref$onClick,
     _ref$onClickLabel = _ref.onClickLabel,
-    onClickLabel = _ref$onClickLabel === undefined ? defaults.onClickLabel : _ref$onClickLabel,
+    onClickLabel = _ref$onClickLabel === void 0 ? defaults.onClickLabel : _ref$onClickLabel,
     _ref$onClickValue = _ref.onClickValue,
-    onClickValue = _ref$onClickValue === undefined ? defaults.onClickValue : _ref$onClickValue,
+    onClickValue = _ref$onClickValue === void 0 ? defaults.onClickValue : _ref$onClickValue,
     _ref$onContextMenu = _ref.onContextMenu,
-    onContextMenu = _ref$onContextMenu === undefined ? defaults.onContextMenu : _ref$onContextMenu,
+    onContextMenu = _ref$onContextMenu === void 0 ? defaults.onContextMenu : _ref$onContextMenu,
     _ref$onContextMenuLab = _ref.onContextMenuLabel,
-    onContextMenuLabel = _ref$onContextMenuLab === undefined ? defaults.onContextMenuLabel : _ref$onContextMenuLab,
+    onContextMenuLabel = _ref$onContextMenuLab === void 0 ? defaults.onContextMenuLabel : _ref$onContextMenuLab,
     _ref$onContextMenuVal = _ref.onContextMenuValue,
-    onContextMenuValue = _ref$onContextMenuVal === undefined ? defaults.onContextMenuValue : _ref$onContextMenuVal,
+    onContextMenuValue = _ref$onContextMenuVal === void 0 ? defaults.onContextMenuValue : _ref$onContextMenuVal,
     score = _ref.score,
     _ref$scoreThresholds = _ref.scoreThresholds,
-    scoreThresholds = _ref$scoreThresholds === undefined ? defaults.scoreThresholds : _ref$scoreThresholds,
+    scoreThresholds = _ref$scoreThresholds === void 0 ? defaults.scoreThresholds : _ref$scoreThresholds,
     small = _ref.small,
     theme = _ref.theme,
     truncateValue = _ref.truncateValue,
@@ -65,7 +65,7 @@ var DecoratorBase = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
   var _value = truncate(value, truncateValue);
 
   // These class names apply to all types of DecoratorBase.
-  var classNames = cx(blockClass, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "--").concat(theme), theme), "".concat(blockClass, "--sm"), small), "".concat(blockClass, "--truncate-end"), truncateValue === 'end'), "".concat(blockClass, "--truncate-start"), truncateValue === 'start'), "".concat(blockClass, "--truncate-midline"), truncateValue === null || truncateValue === undefined ? undefined : truncateValue.maxLength));
+  var classNames = cx(blockClass, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "--").concat(theme), theme), "".concat(blockClass, "--sm"), small), "".concat(blockClass, "--truncate-end"), truncateValue === 'end'), "".concat(blockClass, "--truncate-start"), truncateValue === 'start'), "".concat(blockClass, "--truncate-midline"), truncateValue === null || truncateValue === void 0 ? void 0 : truncateValue.maxLength));
 
   // These properties apply to all <DecoratorIcons>.
   var decoratorIconsProps = {

package/es/components/DecoratorBase/DecoratorIcon.js

@@ -29,9 +29,9 @@ var defaults = {
 var DecoratorIcon = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$magnitude = _ref.magnitude,
-    magnitude = _ref$magnitude === undefined ? defaults.magnitude : _ref$magnitude,
+    magnitude = _ref$magnitude === void 0 ? defaults.magnitude : _ref$magnitude,
     _ref$small = _ref.small,
-    small = _ref$small === undefined ? defaults.small : _ref$small,
+    small = _ref$small === void 0 ? defaults.small : _ref$small,
     rest = _objectWithoutProperties(_ref, _excluded);
   var Icon;
   switch (magnitude) {

package/es/components/DelimitedList/DelimitedList.js

@@ -27,11 +27,11 @@ var defaults = {
 var DelimitedList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$delimiter = _ref.delimiter,
-    delimiter = _ref$delimiter === undefined ? defaults.delimiter : _ref$delimiter,
+    delimiter = _ref$delimiter === void 0 ? defaults.delimiter : _ref$delimiter,
     _ref$items = _ref.items,
-    items = _ref$items === undefined ? defaults.items : _ref$items,
+    items = _ref$items === void 0 ? defaults.items : _ref$items,
     _ref$truncate = _ref.truncate,
-    truncate = _ref$truncate === undefined ? defaults.truncate : _ref$truncate,
+    truncate = _ref$truncate === void 0 ? defaults.truncate : _ref$truncate,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     className: cx(blockClass, className, [truncate && "".concat(blockClass, "-truncate")]),

package/es/components/DescriptionList/DescriptionList.js

@@ -43,11 +43,11 @@ var defaults = {
  */
 var DescriptionList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$border = _ref.border,
-    border = _ref$border === undefined ? defaults.border : _ref$border,
+    border = _ref$border === void 0 ? defaults.border : _ref$border,
     children = _ref.children,
     className = _ref.className,
     _ref$size = _ref.size,
-    size = _ref$size === undefined ? defaults.size : _ref$size,
+    size = _ref$size === void 0 ? defaults.size : _ref$size,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     className: cx(blockClass, // Apply the block class to the main HTML element

package/es/components/EditInPlace/EditInPlace.js

@@ -28,7 +28,7 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
     inheritTypography = _ref.inheritTypography,
     invalid = _ref.invalid,
     _ref$invalidLabel = _ref.invalidLabel,
-    deprecated_invalidLabel = _ref$invalidLabel === undefined ? ' ' : _ref$invalidLabel,
+    deprecated_invalidLabel = _ref$invalidLabel === void 0 ? ' ' : _ref$invalidLabel,
     invalidText = _ref.invalidText,
     labelText = _ref.labelText,
     onCancel = _ref.onCancel,
@@ -37,7 +37,7 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onBlur = _ref.onBlur,
     saveLabel = _ref.saveLabel,
     _ref$size = _ref.size,
-    size = _ref$size === undefined ? 'sm' : _ref$size,
+    size = _ref$size === void 0 ? 'sm' : _ref$size,
     tooltipAlignment = _ref.tooltipAlignment,
     value = _ref.value,
     placeholder = _ref.placeholder,
@@ -60,7 +60,7 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var tipAlignIsObject = _typeof(tooltipAlignment) === 'object';
   var tipAlignments = ['edit', 'save', 'cancel'].reduce(function (acc, tips) {
     var _ref2;
-    acc[tips] = (_ref2 = tipAlignIsObject ? tooltipAlignment[tips] : tooltipAlignment) !== null && _ref2 !== undefined ? _ref2 : defaults.tooltipAlignment;
+    acc[tips] = (_ref2 = tipAlignIsObject ? tooltipAlignment[tips] : tooltipAlignment) !== null && _ref2 !== void 0 ? _ref2 : defaults.tooltipAlignment;
     return acc;
   }, {});
   useEffect(function () {
@@ -87,7 +87,7 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
     if (!isTargetingChild(e)) {
       var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === undefined || _inputRef$current.focus();
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
       setFocused(true);
     }
   };
@@ -131,7 +131,7 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
   var removeFocus = function removeFocus() {
     var _inputRef$current2;
-    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === undefined || _inputRef$current2.blur();
+    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
     setFocused(false);
   };
   var onKeyHandler = function onKeyHandler(e) {
@@ -209,7 +209,7 @@ var EditInPlace = /*#__PURE__*/forwardRef(function (_ref, ref) {
     size: 16
   }))))), invalid && /*#__PURE__*/React__default.createElement("p", {
     className: "".concat(blockClass, "__warning-text")
-  }, invalidText !== null && invalidText !== undefined ? invalidText : deprecated_invalidLabel));
+  }, invalidText !== null && invalidText !== void 0 ? invalidText : deprecated_invalidLabel));
 });
 EditInPlace = pkg.checkComponentEnabled(EditInPlace, componentName);
 EditInPlace.displayName = componentName;

package/es/components/EditSidePanel/EditSidePanel.js

@@ -40,13 +40,13 @@ var EditSidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     onRequestSubmit = _ref.onRequestSubmit,
     open = _ref.open,
     _ref$placement = _ref.placement,
-    placement = _ref$placement === undefined ? 'right' : _ref$placement,
+    placement = _ref$placement === void 0 ? 'right' : _ref$placement,
     primaryButtonText = _ref.primaryButtonText,
     secondaryButtonText = _ref.secondaryButtonText,
     selectorPrimaryFocus = _ref.selectorPrimaryFocus,
     selectorPageContent = _ref.selectorPageContent,
     _ref$size = _ref.size,
-    size = _ref$size === undefined ? 'md' : _ref$size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
     slideIn = _ref.slideIn,
     subtitle = _ref.subtitle,
     title = _ref.title,
@@ -55,7 +55,7 @@ var EditSidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     label: primaryButtonText,
     onClick: function onClick(event) {
       event.preventDefault();
-      onRequestSubmit === null || onRequestSubmit === undefined || onRequestSubmit();
+      onRequestSubmit === null || onRequestSubmit === void 0 || onRequestSubmit();
     },
     kind: 'primary',
     disabled: disableSubmit,

package/es/components/EditTearsheet/EditTearsheet.js

@@ -48,18 +48,18 @@ var EditTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     description = _ref.description,
     _ref$influencerWidth = _ref.influencerWidth,
-    influencerWidth = _ref$influencerWidth === undefined ? defaults.influencerWidth : _ref$influencerWidth,
+    influencerWidth = _ref$influencerWidth === void 0 ? defaults.influencerWidth : _ref$influencerWidth,
     label = _ref.label,
     onClose = _ref.onClose,
     open = _ref.open,
     submitButtonText = _ref.submitButtonText,
     title = _ref.title,
     _ref$verticalPosition = _ref.verticalPosition,
-    verticalPosition = _ref$verticalPosition === undefined ? defaults.verticalPosition : _ref$verticalPosition,
+    verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
     onRequestSubmit = _ref.onRequestSubmit,
     onFormChange = _ref.onFormChange,
     _ref$sideNavAriaLabel = _ref.sideNavAriaLabel,
-    sideNavAriaLabel = _ref$sideNavAriaLabel === undefined ? defaults.sideNavAriaLabel : _ref$sideNavAriaLabel,
+    sideNavAriaLabel = _ref$sideNavAriaLabel === void 0 ? defaults.sideNavAriaLabel : _ref$sideNavAriaLabel,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),