@carbon/ibm-products 2.61.0 → 2.62.0

package/es/components/Datagrid/Datagrid/DatagridRefBody.js

@@ -24,12 +24,12 @@ var DatagridRefBody = function DatagridRefBody(datagridState) {
     role: undefined
   }), {
     className: cx("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
-  }), rows === null || rows === undefined ? undefined : rows.map(function (row) {
+  }), rows === null || rows === void 0 ? void 0 : rows.map(function (row) {
     var _row$RowRenderer;
     prepareRow(row);
     var _row$getRowProps = row.getRowProps(),
       key = _row$getRowProps.key;
-    return row === null || row === undefined || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === undefined ? undefined : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
+    return row === null || row === void 0 || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === void 0 ? void 0 : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     }));

package/es/components/Datagrid/Datagrid/DatagridRow.js

@@ -60,12 +60,12 @@ var DatagridRow = function DatagridRow(datagridState) {
     var subRowCount = _getVisibleNestedRowCount(row);
     var totalNestedRowIndicatorHeight = px(subRowCount * rowHeights[Number(rowSize)]);
     var hoverRow = event.target.closest(".".concat(blockClass, "__carbon-row-expanded"));
-    hoverRow === null || hoverRow === undefined || hoverRow.classList.add("".concat(blockClass, "__carbon-row-expanded-hover-active"));
-    var rowExpanderButton = hoverRow === null || hoverRow === undefined ? undefined : hoverRow.querySelector(".".concat(blockClass, "__row-expander"));
+    hoverRow === null || hoverRow === void 0 || hoverRow.classList.add("".concat(blockClass, "__carbon-row-expanded-hover-active"));
+    var rowExpanderButton = hoverRow === null || hoverRow === void 0 ? void 0 : hoverRow.querySelector(".".concat(blockClass, "__row-expander"));
     var rowSizeValue = rowSize || 'lg';
-    hoverRow === null || hoverRow === undefined || (_hoverRow$style = hoverRow.style) === null || _hoverRow$style === undefined || _hoverRow$style.setProperty("--".concat(blockClass, "--indicator-height"), totalNestedRowIndicatorHeight);
-    hoverRow === null || hoverRow === undefined || (_hoverRow$style2 = hoverRow.style) === null || _hoverRow$style2 === undefined || _hoverRow$style2.setProperty("--".concat(blockClass, "--row-height"), px(rowHeights[rowSizeValue]));
-    hoverRow === null || hoverRow === undefined || (_hoverRow$style3 = hoverRow.style) === null || _hoverRow$style3 === undefined || _hoverRow$style3.setProperty("--".concat(blockClass, "--indicator-offset-amount"), px((rowExpanderButton === null || rowExpanderButton === undefined ? undefined : rowExpanderButton.offsetLeft) || 0));
+    hoverRow === null || hoverRow === void 0 || (_hoverRow$style = hoverRow.style) === null || _hoverRow$style === void 0 || _hoverRow$style.setProperty("--".concat(blockClass, "--indicator-height"), totalNestedRowIndicatorHeight);
+    hoverRow === null || hoverRow === void 0 || (_hoverRow$style2 = hoverRow.style) === null || _hoverRow$style2 === void 0 || _hoverRow$style2.setProperty("--".concat(blockClass, "--row-height"), px(rowHeights[rowSizeValue]));
+    hoverRow === null || hoverRow === void 0 || (_hoverRow$style3 = hoverRow.style) === null || _hoverRow$style3 === void 0 || _hoverRow$style3.setProperty("--".concat(blockClass, "--indicator-offset-amount"), px((rowExpanderButton === null || rowExpanderButton === void 0 ? void 0 : rowExpanderButton.offsetLeft) || 0));
   };
   var focusRemover = function focusRemover() {
     var elements = document.querySelectorAll("#".concat(tableId, " .").concat(blockClass, "__carbon-row-expanded"));
@@ -77,7 +77,7 @@ var DatagridRow = function DatagridRow(datagridState) {
     if (row.isExpanded) {
       var _row$RowExpansionRend;
       prepareRow(row);
-      return row === null || row === undefined || (_row$RowExpansionRend = row.RowExpansionRenderer) === null || _row$RowExpansionRend === undefined ? undefined : _row$RowExpansionRend.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
+      return row === null || row === void 0 || (_row$RowExpansionRend = row.RowExpansionRenderer) === null || _row$RowExpansionRend === void 0 ? void 0 : _row$RowExpansionRend.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
         row: row
       }));
     }
@@ -85,10 +85,10 @@ var DatagridRow = function DatagridRow(datagridState) {
   };
   var handleMouseLeave = function handleMouseLeave(event) {
     if (withMouseHover) {
-      setMouseOverRowIndex === null || setMouseOverRowIndex === undefined || setMouseOverRowIndex(null);
+      setMouseOverRowIndex === null || setMouseOverRowIndex === void 0 || setMouseOverRowIndex(null);
     }
     var hoverRow = event.target.closest(".".concat(blockClass, "__carbon-row-expanded"));
-    hoverRow === null || hoverRow === undefined || hoverRow.classList.remove("".concat(blockClass, "__carbon-row-expanded-hover-active"));
+    hoverRow === null || hoverRow === void 0 || hoverRow.classList.remove("".concat(blockClass, "__carbon-row-expanded-hover-active"));
   };
   var handleOnKeyUp = function handleOnKeyUp(event) {
     if (!withNestedRows) {
@@ -114,9 +114,9 @@ var DatagridRow = function DatagridRow(datagridState) {
     rowProps = _objectWithoutProperties(_row$getRowProps, _excluded);
   var foundAIRow = rows.some(function (r) {
     var _r$original, _r$original2;
-    return /*#__PURE__*/isValidElement(r === null || r === undefined || (_r$original = r.original) === null || _r$original === undefined ? undefined : _r$original.aiLabel) || /*#__PURE__*/isValidElement(r === null || r === undefined || (_r$original2 = r.original) === null || _r$original2 === undefined ? undefined : _r$original2.slug);
+    return /*#__PURE__*/isValidElement(r === null || r === void 0 || (_r$original = r.original) === null || _r$original === void 0 ? void 0 : _r$original.aiLabel) || /*#__PURE__*/isValidElement(r === null || r === void 0 || (_r$original2 = r.original) === null || _r$original2 === void 0 ? void 0 : _r$original2.slug);
   });
-  var rowClassNames = cx("".concat(blockClass, "__carbon-row"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), "".concat(blockClass, "__carbon-row-expandable"), row.canExpand), "".concat(blockClass, "__carbon-row-expandable--async"), getAsyncSubRows && row.depth > 0), "".concat(carbon.prefix, "--data-table--selected"), row.isSelected), "".concat(blockClass, "__slug--row"), /*#__PURE__*/isValidElement(row === null || row === undefined || (_row$original = row.original) === null || _row$original === undefined ? undefined : _row$original.slug)), "".concat(blockClass, "__ai-label--row"), /*#__PURE__*/isValidElement(row === null || row === undefined || (_row$original2 = row.original) === null || _row$original2 === undefined ? undefined : _row$original2.aiLabel)));
+  var rowClassNames = cx("".concat(blockClass, "__carbon-row"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), "".concat(blockClass, "__carbon-row-expandable"), row.canExpand), "".concat(blockClass, "__carbon-row-expandable--async"), getAsyncSubRows && row.depth > 0), "".concat(carbon.prefix, "--data-table--selected"), row.isSelected), "".concat(blockClass, "__slug--row"), /*#__PURE__*/isValidElement(row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.slug)), "".concat(blockClass, "__ai-label--row"), /*#__PURE__*/isValidElement(row === null || row === void 0 || (_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.aiLabel)));
   var withActionsColumn = headers ? !!headers.filter(function (header) {
     return header.isAction;
   }).length : false;
@@ -131,14 +131,14 @@ var DatagridRow = function DatagridRow(datagridState) {
     onFocus: hoverHandler,
     onBlur: focusRemover,
     onKeyUp: handleOnKeyUp
-  }, setAdditionalRowProps()), foundAIRow ? row !== null && row !== undefined && (_row$original3 = row.original) !== null && _row$original3 !== undefined && _row$original3.aiLabel ? /*#__PURE__*/React__default.createElement("td", {
+  }, setAdditionalRowProps()), foundAIRow ? row !== null && row !== void 0 && (_row$original3 = row.original) !== null && _row$original3 !== void 0 && _row$original3.aiLabel ? /*#__PURE__*/React__default.createElement("td", {
     className: cx("".concat(blockClass, "__table-row-ai-enabled"), _defineProperty({}, "".concat(blockClass, "__ai-label--expanded"), row.isExpanded))
   }, /*#__PURE__*/React__default.createElement(DatagridAILabel, {
-    aiLabel: row === null || row === undefined || (_row$original4 = row.original) === null || _row$original4 === undefined ? undefined : _row$original4.aiLabel
-  })) : row !== null && row !== undefined && (_row$original5 = row.original) !== null && _row$original5 !== undefined && _row$original5.slug ? /*#__PURE__*/React__default.createElement("td", {
+    aiLabel: row === null || row === void 0 || (_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.aiLabel
+  })) : row !== null && row !== void 0 && (_row$original5 = row.original) !== null && _row$original5 !== void 0 && _row$original5.slug ? /*#__PURE__*/React__default.createElement("td", {
     className: cx("".concat(blockClass, "__table-row-ai-enabled"), _defineProperty({}, "".concat(blockClass, "__slug--expanded"), row.isExpanded))
   }, /*#__PURE__*/React__default.createElement(DatagridAILabel, {
-    aiLabel: row === null || row === undefined || (_row$original6 = row.original) === null || _row$original6 === undefined ? undefined : _row$original6.slug
+    aiLabel: row === null || row === void 0 || (_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : _row$original6.slug
   })) : /*#__PURE__*/React__default.createElement("td", {
     className: "".concat(blockClass, "__table-row-ai-spacer")
   }) : null, row.cells.map(function (cell, index) {
@@ -150,15 +150,15 @@ var DatagridRow = function DatagridRow(datagridState) {
       style = _ref2.style,
       children = _ref2.children,
       restProps = _objectWithoutProperties(_ref2, _excluded2);
-    var columnClassname = cell === null || cell === undefined || (_cell$column = cell.column) === null || _cell$column === undefined ? undefined : _cell$column.className;
+    var columnClassname = cell === null || cell === void 0 || (_cell$column = cell.column) === null || _cell$column === void 0 ? void 0 : _cell$column.className;
     var content = children || /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !row.isSkeleton && cell.render('Cell'), row.isSkeleton && (_SkeletonText || (_SkeletonText = /*#__PURE__*/React__default.createElement(SkeletonText, null))));
-    if ((cell === null || cell === undefined || (_cell$column2 = cell.column) === null || _cell$column2 === undefined ? undefined : _cell$column2.id) === selectionColumnId) {
+    if ((cell === null || cell === void 0 || (_cell$column2 = cell.column) === null || _cell$column2 === void 0 ? void 0 : _cell$column2.id) === selectionColumnId) {
       // directly render component without the wrapping TableCell
       return cell.render('Cell', {
         key: cell.column.id
       });
     }
-    var associatedHeader = headers === null || headers === undefined ? undefined : headers.filter(function (h) {
+    var associatedHeader = headers === null || headers === void 0 ? void 0 : headers.filter(function (h) {
       return h.id === cell.column.id;
     });
     var lastVisibleIndex = withActionsColumn ? 2 : 1;
@@ -167,13 +167,13 @@ var DatagridRow = function DatagridRow(datagridState) {
       style.flex = lastVisibleFlexStyle;
     }
     return /*#__PURE__*/React__default.createElement(TableCell, _extends({
-      className: cx("".concat(blockClass, "__cell"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), (row.canExpand || getAsyncSubRows) && index === 0), "".concat(blockClass, "__expandable-row-cell--is-expanded"), row.isExpanded && index === 0), "".concat(blockClass, "__slug--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === undefined ? undefined : _associatedHeader$.slug)), "".concat(blockClass, "__ai-label--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/isValidElement((_associatedHeader$2 = associatedHeader[0]) === null || _associatedHeader$2 === undefined ? undefined : _associatedHeader$2.aiLabel)), columnClassname)
+      className: cx("".concat(blockClass, "__cell"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), (row.canExpand || getAsyncSubRows) && index === 0), "".concat(blockClass, "__expandable-row-cell--is-expanded"), row.isExpanded && index === 0), "".concat(blockClass, "__slug--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === void 0 ? void 0 : _associatedHeader$.slug)), "".concat(blockClass, "__ai-label--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/isValidElement((_associatedHeader$2 = associatedHeader[0]) === null || _associatedHeader$2 === void 0 ? void 0 : _associatedHeader$2.aiLabel)), columnClassname)
     }, restProps, {
       // eslint-disable-next-line react/forbid-component-props
       style: style,
       key: cell.column.id
     }), content);
-  })), (renderExpandedRow === null || renderExpandedRow === undefined ? undefined : renderExpandedRow()) || undefined);
+  })), (renderExpandedRow === null || renderExpandedRow === void 0 ? void 0 : renderExpandedRow()) || undefined);
 };
 
 export { DatagridRow as default };

package/es/components/Datagrid/Datagrid/DatagridSelectAll.js

@@ -48,7 +48,7 @@ var SelectAll = function SelectAll(datagridState) {
     toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
     withVirtualScroll = datagridState.withVirtualScroll,
     onAllRowSelect = datagridState.onAllRowSelect;
-  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 (hideSelectAll || radio) {
     return /*#__PURE__*/React__default.createElement("th", {
       className: cx("".concat(blockClass, "__head-hidden-select-all"), _defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), /* istanbul ignore next */
@@ -68,8 +68,8 @@ var SelectAll = function SelectAll(datagridState) {
       isChecked: event.target.checked,
       indeterminate: indeterminate
     });
-    onAllRowSelect === null || onAllRowSelect === undefined || onAllRowSelect(rows, event);
-    return onChange === null || onChange === undefined ? undefined : onChange(event);
+    onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
+    return onChange === null || onChange === void 0 ? void 0 : onChange(event);
   };
   var handleSelectAllChange = function handleSelectAllChange(event) {
     if (indeterminate) {
@@ -81,8 +81,8 @@ var SelectAll = function SelectAll(datagridState) {
         isChecked: undefined
       });
       toggleAllRowsSelected(false);
-      onAllRowSelect === null || onAllRowSelect === undefined || onAllRowSelect(rows, event);
-      return onChange === null || onChange === undefined ? undefined : onChange({
+      onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
+      return onChange === null || onChange === void 0 ? void 0 : onChange({
         target: {
           checked: false
         }
@@ -95,16 +95,16 @@ var SelectAll = function SelectAll(datagridState) {
       isChecked: event.target.checked,
       indeterminate: indeterminate
     });
-    onAllRowSelect === null || onAllRowSelect === undefined || onAllRowSelect(rows, event);
-    return onChange === null || onChange === undefined ? undefined : onChange(event);
+    onAllRowSelect === null || onAllRowSelect === void 0 || onAllRowSelect(rows, event);
+    return onChange === null || onChange === void 0 ? void 0 : onChange(event);
   };
   return /*#__PURE__*/React__default.createElement(TableSelectAll, _extends({}, selectProps, {
-    checked: (selectProps === null || selectProps === undefined ? undefined : selectProps.checked) || false,
+    checked: (selectProps === null || selectProps === void 0 ? void 0 : selectProps.checked) || false,
     className: cx("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), /* istanbul ignore next */
     isFirstColumnStickyLeft && Number(windowSize) > 671)),
     name: "".concat(tableId, "-select-all-checkbox-name"),
     onSelect: withVirtualScroll ? handleSelectAllChange : handleOnPageSelectAllChange,
-    disabled: isFetching || (selectProps === null || selectProps === undefined ? undefined : selectProps.disabled),
+    disabled: isFetching || (selectProps === null || selectProps === void 0 ? void 0 : selectProps.disabled),
     id: "".concat(tableId, "-select-all-checkbox-id")
   }));
 };

package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js

@@ -26,9 +26,9 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     getToggleAllPageRowsSelectedProps = _ref.getToggleAllPageRowsSelectedProps,
     getToggleAllRowsSelectedProps = _ref.getToggleAllRowsSelectedProps,
     _ref$allPageRowsLabel = _ref.allPageRowsLabel,
-    allPageRowsLabel = _ref$allPageRowsLabel === undefined ? 'Select all on page' : _ref$allPageRowsLabel,
+    allPageRowsLabel = _ref$allPageRowsLabel === void 0 ? 'Select all on page' : _ref$allPageRowsLabel,
     _ref$allRowsLabel = _ref.allRowsLabel,
-    allRowsLabel = _ref$allRowsLabel === undefined ? 'Select all' : _ref$allRowsLabel,
+    allRowsLabel = _ref$allRowsLabel === void 0 ? 'Select all' : _ref$allRowsLabel,
     columns = _ref.columns,
     withStickyColumn = _ref.withStickyColumn;
   var _ref2 = selectAllToggle || {},
@@ -58,7 +58,7 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     };
   }, []);
   if (labels) {
-    allPageRowsLabel = (labels === null || labels === undefined ? undefined : labels.allPageRows) || allPageRowsLabel;
+    allPageRowsLabel = (labels === null || labels === void 0 ? void 0 : labels.allPageRows) || allPageRowsLabel;
     allRowsLabel = labels.allRows || allRowsLabel;
   }
   var getProps = selectAllMode === SELECT_ALL_PAGE_ROWS ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
@@ -66,14 +66,14 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     onChange = _ref3.onChange,
     selectProps = _objectWithoutProperties(_ref3, _excluded);
   var disabled = isFetching || selectProps.disabled;
-  var isFirstColumnStickyLeft = (columns === null || columns === undefined || (_columns$ = columns[0]) === null || _columns$ === undefined ? undefined : _columns$.sticky) === 'left' && withStickyColumn;
+  var isFirstColumnStickyLeft = (columns === null || columns === void 0 || (_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
   return /*#__PURE__*/React__default.createElement("th", {
     scope: "col",
-    className: cx("".concat(blockClass, "__select-all-toggle-on"), _defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft && (windowSize !== null && windowSize !== undefined ? windowSize : 0) > 671))
+    className: cx("".concat(blockClass, "__select-all-toggle-on"), _defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft && (windowSize !== null && windowSize !== void 0 ? windowSize : 0) > 671))
   }, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(Checkbox, _extends({}, selectProps, {
     name: "".concat(tableId, "-select-all-checkbox-name"),
     onClick: function onClick(e) {
-      onChange === null || onChange === undefined || onChange(e);
+      onChange === null || onChange === void 0 || onChange(e);
     },
     disabled: disabled,
     id: "".concat(tableId, "-select-all-checkbox-id"),
@@ -96,7 +96,7 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
       var _ref4;
       setSelectAllMode(SELECT_ALL_PAGE_ROWS);
       // deselect all rows first
-      getToggleAllRowsSelectedProps === null || getToggleAllRowsSelectedProps === undefined || (_ref4 = getToggleAllRowsSelectedProps()) === null || _ref4 === undefined || _ref4.onChange({
+      getToggleAllRowsSelectedProps === null || getToggleAllRowsSelectedProps === void 0 || (_ref4 = getToggleAllRowsSelectedProps()) === null || _ref4 === void 0 || _ref4.onChange({
         target: {
           checked: false
         }

package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js

@@ -26,7 +26,7 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
     prepareRow(row);
     var _row$getRowProps = row.getRowProps(),
       key = _row$getRowProps.key;
-    return row === null || row === undefined || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === undefined ? undefined : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
+    return row === null || row === void 0 || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === void 0 ? void 0 : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     }));

package/es/components/Datagrid/Datagrid/DatagridToolbar.js

@@ -44,14 +44,14 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     _useState8 = _slicedToArray(_useState7, 2),
     availableRowsCount = _useState8[0],
     setAvailableRowsCount = _useState8[1];
-  var batchActionMenuButtonLabelText = batchActionMenuButtonLabel !== null && batchActionMenuButtonLabel !== undefined ? batchActionMenuButtonLabel : 'More';
+  var batchActionMenuButtonLabelText = batchActionMenuButtonLabel !== null && batchActionMenuButtonLabel !== void 0 ? batchActionMenuButtonLabel : 'More';
   var selectedKeys = Object.keys(selectedRowIds || {});
   var totalSelected = selectedKeys.length;
   useEffect(function () {
     var _rows$find, _rows$find$getRowProp;
     var countDisabledRows = ((_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 || (_rows$find$getRowProp = _rows$find$getRowProp.nonselectablerows) === null || _rows$find$getRowProp === undefined ? undefined : _rows$find$getRowProp.length) || 0;
+    })) === 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 || (_rows$find$getRowProp = _rows$find$getRowProp.nonselectablerows) === null || _rows$find$getRowProp === void 0 ? void 0 : _rows$find$getRowProp.length) || 0;
     if (rows) {
       setAvailableRowsCount(rows.length - countDisabledRows);
     }
@@ -63,13 +63,13 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
   useEffect(function () {
     if (totalSelected === 1 && !receivedInitialWidth) {
       var _ref$current;
-      var batchActionListWidth = ref === null || ref === undefined || (_ref$current = ref.current) === null || _ref$current === undefined ? undefined : _ref$current.querySelector(".".concat(carbon.prefix, "--action-list")).offsetWidth;
+      var batchActionListWidth = ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector(".".concat(carbon.prefix, "--action-list")).offsetWidth;
       setInitialListWidth(batchActionListWidth);
       setReceivedInitialWidth(true);
     }
   }, [totalSelected, receivedInitialWidth, ref]);
   useEffect(function () {
-    var summaryWidth = ref === null || ref === undefined ? undefined : ref.current.querySelector(".".concat(carbon.prefix, "--batch-summary")).offsetWidth;
+    var summaryWidth = ref === null || ref === void 0 ? void 0 : ref.current.querySelector(".".concat(carbon.prefix, "--batch-summary")).offsetWidth;
     if (width < summaryWidth + initialListWidth + 32) {
       setDisplayAllInMenu(true);
     } else {
@@ -94,7 +94,7 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     var minWidthBeforeOverflowIcon = 380;
     // Do not render ButtonMenu when there are 3 or less items
     // and if there is enough available space to render all the items
-    if (toolbarBatchActions && !displayAllInMenu && (!toolbarBatchActionsDisplayMin && (toolbarBatchActions === null || toolbarBatchActions === undefined ? undefined : toolbarBatchActions.length) <= 3 || toolbarBatchActionsDisplayMin !== undefined && (toolbarBatchActions === null || toolbarBatchActions === undefined ? undefined : toolbarBatchActions.length) <= toolbarBatchActionsDisplayMin)) {
+    if (toolbarBatchActions && !displayAllInMenu && (!toolbarBatchActionsDisplayMin && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.length) <= 3 || toolbarBatchActionsDisplayMin !== undefined && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.length) <= toolbarBatchActionsDisplayMin)) {
       return;
     }
     var renderItem = function renderItem(batchAction, index) {
@@ -111,7 +111,7 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
       className: cx([menuClass, _defineProperty({}, "".concat(menuClass, "-icon-only"), width <= minWidthBeforeOverflowIcon)]),
       tabIndex: totalSelected > 0 ? 0 : -1,
       menuAlignment: "bottom"
-    }, toolbarBatchActions === null || toolbarBatchActions === undefined ? undefined : toolbarBatchActions.map(function (batchAction, index) {
+    }, toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
       var hidden = toolbarBatchActionsDisplayMin === undefined && index < 2 && !displayAllInMenu;
       if (toolbarBatchActionsDisplayMin !== undefined && index < toolbarBatchActionsDisplayMin && !displayAllInMenu) {
         hidden = true;
@@ -136,11 +136,11 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
       indeterminate: undefined
     });
     toggleAllRowsSelected(false);
-    setGlobalFilter === null || setGlobalFilter === undefined || setGlobalFilter(null);
+    setGlobalFilter === null || setGlobalFilter === void 0 || setGlobalFilter(null);
   };
   var onSelectAllHandler = function onSelectAllHandler() {
     toggleAllRowsSelected(true);
-    onSelectAllRows === null || onSelectAllRows === undefined || onSelectAllRows(true);
+    onSelectAllRows === null || onSelectAllRows === void 0 || onSelectAllRows(true);
     handleSelectAllRowData({
       dispatch: dispatch,
       rows: rows,
@@ -160,7 +160,7 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     onSelectAll: onSelectAllHandler,
     totalCount: availableRowsCount,
     translateWithId: translateWithIdBatchActions
-  }, !displayAllInMenu && toolbarBatchActions && (toolbarBatchActions === null || toolbarBatchActions === undefined ? undefined : toolbarBatchActions.map(function (batchAction, index) {
+  }, !displayAllInMenu && toolbarBatchActions && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
     if (!toolbarBatchActionsDisplayMin && index < 2 && toolbarBatchActions.length > 3 || index < 3 && toolbarBatchActions.length <= 3 || toolbarBatchActionsDisplayMin !== undefined && index < toolbarBatchActionsDisplayMin) {
       return /*#__PURE__*/React__default.createElement(TableBatchAction, {
         key: "".concat(batchAction.label, "-").concat(index),
@@ -191,11 +191,11 @@ var DatagridToolbar = function DatagridToolbar(_ref2) {
     className: cx([blockClass, "".concat(blockClass, "--").concat(getRowHeight)])
   }, /*#__PURE__*/React__default.createElement(TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React__default.createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar === null || DatagridBatchActionsToolbar === undefined ? undefined : DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default.createElement("div", {
+  }, DatagridActions && /*#__PURE__*/React__default.createElement(DatagridActions, datagridState), DatagridBatchActionsToolbar === null || DatagridBatchActionsToolbar === void 0 ? void 0 : DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React__default.createElement("div", {
     className: blockClass
   }, /*#__PURE__*/React__default.createElement(TableToolbar, {
     "aria-label": ariaToolbarLabel
-  }, DatagridActions && /*#__PURE__*/React__default.createElement(DatagridActions, datagridState), DatagridBatchActions === null || DatagridBatchActions === undefined ? undefined : DatagridBatchActions(datagridState))) : null;
+  }, DatagridActions && /*#__PURE__*/React__default.createElement(DatagridActions, datagridState), DatagridBatchActions === null || DatagridBatchActions === void 0 ? void 0 : DatagridBatchActions(datagridState))) : null;
 };
 DatagridToolbar.propTypes = {
   ariaToolbarLabel: PropTypes.string

package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js

@@ -31,7 +31,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     onScroll = datagridState.onScroll,
     innerListRef = datagridState.innerListRef,
     _datagridState$tableH = datagridState.tableHeight,
-    tableHeight = _datagridState$tableH === undefined ? 400 : _datagridState$tableH,
+    tableHeight = _datagridState$tableH === void 0 ? 400 : _datagridState$tableH,
     virtualHeight = datagridState.virtualHeight,
     listRef = datagridState.listRef,
     rowSize = datagridState.rowSize,
@@ -43,20 +43,20 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     onVirtualScroll = datagridState.onVirtualScroll;
   var headWrapRef = useRef(null);
   var innerRef = useRef(null);
-  var gridWidth = gridRef === null || gridRef === undefined || (_gridRef$current = gridRef.current) === null || _gridRef$current === undefined ? undefined : _gridRef$current.clientWidth;
+  var gridWidth = gridRef === null || gridRef === void 0 || (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : _gridRef$current.clientWidth;
   /* istanbul ignore next */
   var handleVirtualGridResize = function handleVirtualGridResize() {
-    var gridRefElement = gridRef === null || gridRef === undefined ? undefined : gridRef.current;
+    var gridRefElement = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current;
     // isHidden checks for an edge case where if the table is hidden by something like a Tab that the width can't be calculated to 0
-    var isHidden = (gridRefElement === null || gridRefElement === undefined ? undefined : gridRefElement.offsetParent) === null;
+    var isHidden = (gridRefElement === null || gridRefElement === void 0 ? void 0 : gridRefElement.offsetParent) === null;
     if (gridRefElement && !isHidden) {
       var _gridRefElement$clien;
-      gridRefElement.style.width = gridRefElement === null || gridRefElement === undefined || (_gridRefElement$clien = gridRefElement.clientWidth) === null || _gridRefElement$clien === undefined ? undefined : _gridRefElement$clien.toString();
+      gridRefElement.style.width = gridRefElement === null || gridRefElement === void 0 || (_gridRefElement$clien = gridRefElement.clientWidth) === null || _gridRefElement$clien === void 0 ? void 0 : _gridRefElement$clien.toString();
     }
   };
   useResizeObserver(gridRef, handleVirtualGridResize);
   useEffect(function () {
-    handleResize === null || handleResize === undefined || handleResize();
+    handleResize === null || handleResize === void 0 || handleResize();
   }, [handleResize]);
   var rowHeight = rowSize && rowSizeMap[rowSize] || defaultRowHeight;
   useEffect(function () {
@@ -70,13 +70,13 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
   // Sync the scrollLeft position of the virtual body to the table header
   useEffect(function () {
     var _document;
-    var headWrapEl = (_document = document) === null || _document === undefined ? undefined : _document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head-wrap"));
+    var headWrapEl = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head-wrap"));
 
     // Syncs header scroll position when virtual body is scrolled
     function handleVirtualScrollX(event) {
       var virtualBody = event.target;
       if (headWrapEl) {
-        headWrapEl.scrollLeft = virtualBody === null || virtualBody === undefined ? undefined : virtualBody.scrollLeft;
+        headWrapEl.scrollLeft = virtualBody === null || virtualBody === void 0 ? void 0 : virtualBody.scrollLeft;
       }
     }
 
@@ -84,17 +84,17 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     function handleHeaderScrollX(event) {
       var header = event.target;
       if (testRef && testRef.current) {
-        testRef.current.scrollLeft = header === null || header === undefined ? undefined : header.scrollLeft;
+        testRef.current.scrollLeft = header === null || header === void 0 ? void 0 : header.scrollLeft;
         // this prevents the scroll bar from over exceeding the vertical scroll bar compensation in the right
         header.scrollLeft = testRef.current.scrollLeft;
       }
     }
-    var testRefValue = testRef === null || testRef === undefined ? undefined : testRef.current;
-    testRefValue === null || testRefValue === undefined || testRefValue.addEventListener('scroll', handleVirtualScrollX);
-    headWrapEl === null || headWrapEl === undefined || headWrapEl.addEventListener('scroll', handleHeaderScrollX);
+    var testRefValue = testRef === null || testRef === void 0 ? void 0 : testRef.current;
+    testRefValue === null || testRefValue === void 0 || testRefValue.addEventListener('scroll', handleVirtualScrollX);
+    headWrapEl === null || headWrapEl === void 0 || headWrapEl.addEventListener('scroll', handleHeaderScrollX);
     return function () {
-      testRefValue === null || testRefValue === undefined || testRefValue.removeEventListener('scroll', handleVirtualScrollX);
-      headWrapEl === null || headWrapEl === undefined || headWrapEl.removeEventListener('scroll', handleHeaderScrollX);
+      testRefValue === null || testRefValue === void 0 || testRefValue.removeEventListener('scroll', handleVirtualScrollX);
+      headWrapEl === null || headWrapEl === void 0 || headWrapEl.removeEventListener('scroll', handleHeaderScrollX);
     };
   });
   useIsomorphicEffect(function () {
@@ -104,7 +104,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     }
   }, [headWrapRef, gridWidth]);
   useIsomorphicEffect(function () {
-    if (testRef !== null && testRef !== undefined && testRef.current && testRef.current.style) {
+    if (testRef !== null && testRef !== void 0 && testRef.current && testRef.current.style) {
       testRef.current.style.width = "".concat(gridWidth, "px");
     }
   }, [testRef, gridWidth]);
@@ -120,12 +120,12 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     itemCount: visibleRows.length,
     itemSize: function itemSize(index) {
       var _visibleRows$index;
-      return (_visibleRows$index = visibleRows[index]) !== null && _visibleRows$index !== undefined && _visibleRows$index.isExpanded ? (visibleRows[index].expandedContentHeight || 0) + rowHeight : rowHeight;
+      return (_visibleRows$index = visibleRows[index]) !== null && _visibleRows$index !== void 0 && _visibleRows$index.isExpanded ? (visibleRows[index].expandedContentHeight || 0) + rowHeight : rowHeight;
     },
     estimatedItemSize: rowHeight,
     onScroll: onScroll,
     onItemsRendered: function onItemsRendered(e) {
-      return onVirtualScroll === null || onVirtualScroll === undefined ? undefined : onVirtualScroll(e);
+      return onVirtualScroll === null || onVirtualScroll === void 0 ? void 0 : onVirtualScroll(e);
     },
     innerRef: innerListRef,
     outerRef: testRef,
@@ -142,7 +142,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     return /*#__PURE__*/React__default.createElement("div", {
       ref: innerRef,
       style: _objectSpread2({}, style)
-    }, row === null || row === undefined || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === undefined ? undefined : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
+    }, row === null || row === void 0 || (_row$RowRenderer = row.RowRenderer) === null || _row$RowRenderer === void 0 ? void 0 : _row$RowRenderer.call(row, _objectSpread2(_objectSpread2({}, datagridState), {}, {
       row: row,
       key: key
     })));

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js

@@ -19,7 +19,7 @@ var ButtonWrapper = function ButtonWrapper(_ref) {
     setIsTearsheetOpen = _ref.setIsTearsheetOpen,
     isTearsheetOpen = _ref.isTearsheetOpen,
     _ref$iconTooltipLabel = _ref.iconTooltipLabel,
-    iconTooltipLabel = _ref$iconTooltipLabel === undefined ? 'Customize columns' : _ref$iconTooltipLabel,
+    iconTooltipLabel = _ref$iconTooltipLabel === void 0 ? 'Customize columns' : _ref$iconTooltipLabel,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Button, _extends({}, rest, {
     renderIcon: function renderIcon(props) {

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js

@@ -41,7 +41,7 @@ var Columns = function Columns(_ref) {
       return prevClone;
     });
   }, [setColumnsObject]);
-  var filteredStickyColumn = columns === null || columns === undefined ? undefined : columns.filter(function (item) {
+  var filteredStickyColumn = columns === null || columns === void 0 ? void 0 : columns.filter(function (item) {
     return !item.sticky;
   });
   return /*#__PURE__*/React__default.createElement("div", {

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js

@@ -22,23 +22,23 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
     columnDefinitions = _ref.columnDefinitions,
     originalColumnDefinitions = _ref.originalColumnDefinitions,
     _ref$customizeTearshe = _ref.customizeTearsheetHeadingLabel,
-    customizeTearsheetHeadingLabel = _ref$customizeTearshe === undefined ? 'Customize columns' : _ref$customizeTearshe,
+    customizeTearsheetHeadingLabel = _ref$customizeTearshe === void 0 ? 'Customize columns' : _ref$customizeTearshe,
     _ref$primaryButtonTex = _ref.primaryButtonTextLabel,
-    primaryButtonTextLabel = _ref$primaryButtonTex === undefined ? 'Save' : _ref$primaryButtonTex,
+    primaryButtonTextLabel = _ref$primaryButtonTex === void 0 ? 'Save' : _ref$primaryButtonTex,
     _ref$secondaryButtonT = _ref.secondaryButtonTextLabel,
-    secondaryButtonTextLabel = _ref$secondaryButtonT === undefined ? 'Cancel' : _ref$secondaryButtonT,
+    secondaryButtonTextLabel = _ref$secondaryButtonT === void 0 ? 'Cancel' : _ref$secondaryButtonT,
     _ref$instructionsLabe = _ref.instructionsLabel,
-    instructionsLabel = _ref$instructionsLabe === undefined ? 'Select columns to display them. Click and drag the box to reorder the columns. These specifications will be saved and persist if you leave and return to the data table.' : _ref$instructionsLabe,
+    instructionsLabel = _ref$instructionsLabe === void 0 ? 'Select columns to display them. Click and drag the box to reorder the columns. These specifications will be saved and persist if you leave and return to the data table.' : _ref$instructionsLabe,
     _ref$findColumnPlaceh = _ref.findColumnPlaceholderLabel,
-    findColumnPlaceholderLabel = _ref$findColumnPlaceh === undefined ? 'Find column' : _ref$findColumnPlaceh,
+    findColumnPlaceholderLabel = _ref$findColumnPlaceh === void 0 ? 'Find column' : _ref$findColumnPlaceh,
     _ref$resetToDefaultLa = _ref.resetToDefaultLabel,
-    resetToDefaultLabel = _ref$resetToDefaultLa === undefined ? 'Reset to default' : _ref$resetToDefaultLa,
+    resetToDefaultLabel = _ref$resetToDefaultLa === void 0 ? 'Reset to default' : _ref$resetToDefaultLa,
     _ref$assistiveTextIns = _ref.assistiveTextInstructionsLabel,
-    assistiveTextInstructionsLabel = _ref$assistiveTextIns === undefined ? 'Press space bar to toggle drag drop mode, use arrow keys to move selected elements.' : _ref$assistiveTextIns,
+    assistiveTextInstructionsLabel = _ref$assistiveTextIns === void 0 ? 'Press space bar to toggle drag drop mode, use arrow keys to move selected elements.' : _ref$assistiveTextIns,
     _ref$assistiveTextDis = _ref.assistiveTextDisabledInstructionsLabel,
-    assistiveTextDisabledInstructionsLabel = _ref$assistiveTextDis === undefined ? 'Reordering columns are disabled because they are filtered currently.' : _ref$assistiveTextDis,
+    assistiveTextDisabledInstructionsLabel = _ref$assistiveTextDis === void 0 ? 'Reordering columns are disabled because they are filtered currently.' : _ref$assistiveTextDis,
     _ref$selectAllLabel = _ref.selectAllLabel,
-    selectAllLabel = _ref$selectAllLabel === undefined ? 'Column name' : _ref$selectAllLabel;
+    selectAllLabel = _ref$selectAllLabel === void 0 ? 'Column name' : _ref$selectAllLabel;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     visibleColumnsCount = _useState2[0],

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js

@@ -62,7 +62,7 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
     var destOverCol = updatedDragCols.filter(function (item) {
       return item.id === over.id;
     });
-    if (destOverCol !== null && destOverCol !== undefined && destOverCol.length && (_destOverCol$ = destOverCol[0]) !== null && _destOverCol$ !== undefined && _destOverCol$.disabled) {
+    if (destOverCol !== null && destOverCol !== void 0 && destOverCol.length && (_destOverCol$ = destOverCol[0]) !== null && _destOverCol$ !== void 0 && _destOverCol$.disabled) {
       return;
     }
     var fromVisibleIndex = updatedDragCols.findIndex(function (col) {

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js

@@ -26,7 +26,7 @@ var TearsheetWrapper = function TearsheetWrapper(_ref) {
   var _ref2 = state || {},
     featureFlags = _ref2.featureFlags;
   useEffect(function () {
-    if (featureFlags && !(featureFlags !== null && featureFlags !== undefined && featureFlags['enable-datagrid-useCustomizeColumns'])) {
+    if (featureFlags && !(featureFlags !== null && featureFlags !== void 0 && featureFlags['enable-datagrid-useCustomizeColumns'])) {
       console.error("Datagrid useCustomizeColumns extension has not been enabled via feature flag.");
     }
   }, [featureFlags]);

package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js

@@ -38,30 +38,30 @@ var emptyArray = [];
 var FilterFlyout = function FilterFlyout(_ref) {
   var updateMethod = _ref.updateMethod,
     _ref$flyoutIconDescri = _ref.flyoutIconDescription,
-    flyoutIconDescription = _ref$flyoutIconDescri === undefined ? defaults.flyoutIconDescription : _ref$flyoutIconDescri,
+    flyoutIconDescription = _ref$flyoutIconDescri === void 0 ? defaults.flyoutIconDescription : _ref$flyoutIconDescri,
     _ref$align = _ref.align,
-    align = _ref$align === undefined ? defaults.align : _ref$align,
+    align = _ref$align === void 0 ? defaults.align : _ref$align,
     _ref$filters = _ref.filters,
-    filters = _ref$filters === undefined ? emptyArray : _ref$filters,
+    filters = _ref$filters === void 0 ? emptyArray : _ref$filters,
     _ref$title = _ref.title,
-    title = _ref$title === undefined ? defaults.title : _ref$title,
+    title = _ref$title === void 0 ? defaults.title : _ref$title,
     _ref$primaryActionLab = _ref.primaryActionLabel,
-    primaryActionLabel = _ref$primaryActionLab === undefined ? defaults.primaryActionLabel : _ref$primaryActionLab,
+    primaryActionLabel = _ref$primaryActionLab === void 0 ? defaults.primaryActionLabel : _ref$primaryActionLab,
     _ref$onFlyoutOpen = _ref.onFlyoutOpen,
-    onFlyoutOpen = _ref$onFlyoutOpen === undefined ? function () {} : _ref$onFlyoutOpen,
+    onFlyoutOpen = _ref$onFlyoutOpen === void 0 ? function () {} : _ref$onFlyoutOpen,
     _ref$onFlyoutClose = _ref.onFlyoutClose,
-    onFlyoutClose = _ref$onFlyoutClose === undefined ? function () {} : _ref$onFlyoutClose,
+    onFlyoutClose = _ref$onFlyoutClose === void 0 ? function () {} : _ref$onFlyoutClose,
     _ref$onApply = _ref.onApply,
-    onApply = _ref$onApply === undefined ? function () {} : _ref$onApply,
+    onApply = _ref$onApply === void 0 ? function () {} : _ref$onApply,
     _ref$onCancel = _ref.onCancel,
-    onCancel = _ref$onCancel === undefined ? function () {} : _ref$onCancel,
+    onCancel = _ref$onCancel === void 0 ? function () {} : _ref$onCancel,
     _ref$secondaryActionL = _ref.secondaryActionLabel,
-    secondaryActionLabel = _ref$secondaryActionL === undefined ? defaults.secondaryActionLabel : _ref$secondaryActionL,
+    secondaryActionLabel = _ref$secondaryActionL === void 0 ? defaults.secondaryActionLabel : _ref$secondaryActionL,
     setAllFilters = _ref.setAllFilters,
     _ref$data = _ref.data,
-    data = _ref$data === undefined ? emptyArray : _ref$data,
+    data = _ref$data === void 0 ? emptyArray : _ref$data,
     _ref$reactTableFilter = _ref.reactTableFiltersState,
-    reactTableFiltersState = _ref$reactTableFilter === undefined ? emptyArray : _ref$reactTableFilter;
+    reactTableFiltersState = _ref$reactTableFilter === void 0 ? emptyArray : _ref$reactTableFilter;
   /** State */
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -112,8 +112,8 @@ var FilterFlyout = function FilterFlyout(_ref) {
   // Skip resize testing
   /* istanbul ignore next */
   var handleResize = function handleResize(current) {
-    var filterFlyoutRefPosition = flyoutInnerRef === null || flyoutInnerRef === undefined ? undefined : flyoutInnerRef.current.getBoundingClientRect();
-    var originalFlyoutWidth = parseInt(window.getComputedStyle(flyoutInnerRef === null || flyoutInnerRef === undefined ? undefined : flyoutInnerRef.current).getPropertyValue('width'));
+    var filterFlyoutRefPosition = flyoutInnerRef === null || flyoutInnerRef === void 0 ? void 0 : flyoutInnerRef.current.getBoundingClientRect();
+    var originalFlyoutWidth = parseInt(window.getComputedStyle(flyoutInnerRef === null || flyoutInnerRef === void 0 ? void 0 : flyoutInnerRef.current).getPropertyValue('width'));
     // Check to see if left value from flyout getBoundingClientRect is a negative number
     // If it is, that is the amount we need to subtract from the flyout width
     if (Math.sign(filterFlyoutRefPosition.left) === -1) {
@@ -128,7 +128,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
       flyoutInnerRef.current.style.width = px(_newFlyoutWidth);
     }
     // Begin stacking filters at this specific point
-    if ((current === null || current === undefined ? undefined : current.innerWidth) <= mdPxWidth + 254) {
+    if ((current === null || current === void 0 ? void 0 : current.innerWidth) <= mdPxWidth + 254) {
       setStackedLayout(true);
     } else {
       setStackedLayout(false);

package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.d.ts

@@ -19,7 +19,7 @@ declare function FilterPanel({ title, closeIconDescription, updateMethod, filter
     reactTableFiltersState?: any[] | undefined;
     autoHideFilters?: boolean | undefined;
     isFetching?: boolean | undefined;
-}): React.JSX.Element;
+}): React.JSX.Element | null;
 declare namespace FilterPanel {
     namespace propTypes {
         let autoHideFilters: any;