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

package/lib/components/Datagrid/useRowIsMouseOver.js

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

package/lib/components/Datagrid/useRowRenderer.js

@@ -14,13 +14,12 @@ var DatagridRow = require('./Datagrid/DatagridRow.js');
 
 var useRowRenderer = function useRowRenderer(hooks) {
   var useInstance = function useInstance(instance) {
-    var _newRows;
     var rows = instance.rows,
       state = instance.state;
     var newRows = null;
-    if (state !== null && state !== void 0 && state.dynamicRowSkeleton) {
+    if (state !== null && state !== undefined && state.dynamicRowSkeleton) {
       var _state$dynamicRowSkel;
-      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) {
+      var depthIndexArray = state === null || state === undefined || (_state$dynamicRowSkel = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel === undefined ? undefined : _state$dynamicRowSkel.id.split('').filter(function (r) {
         return r !== '.';
       });
       if (depthIndexArray.length > 1) {
@@ -37,7 +36,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 === void 0 ? void 0 : 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 === undefined ? undefined : 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) {
@@ -48,21 +47,21 @@ var useRowRenderer = function useRowRenderer(hooks) {
       }
       var rootRowIndexWithDynamicRow = rows.findIndex(function (r) {
         var _state$dynamicRowSkel2;
-        return r.id === (state === null || state === void 0 || (_state$dynamicRowSkel2 = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel2 === void 0 ? void 0 : _state$dynamicRowSkel2.id);
+        return r.id === (state === null || state === undefined || (_state$dynamicRowSkel2 = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel2 === undefined ? undefined : _state$dynamicRowSkel2.id);
       });
       if (rootRowIndexWithDynamicRow > -1) {
         newRows = [].concat(_rollupPluginBabelHelpers.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 === void 0 ? void 0 : state.dynamicRowSkeleton], _rollupPluginBabelHelpers.toConsumableArray(rows.slice(rootRowIndexWithDynamicRow + 1)));
+        state === null || state === undefined ? undefined : state.dynamicRowSkeleton], _rollupPluginBabelHelpers.toConsumableArray(rows.slice(rootRowIndexWithDynamicRow + 1)));
       }
     }
-    newRows = (_newRows = newRows) !== null && _newRows !== void 0 ? _newRows : rows;
-    var addRowRenderer = function addRowRenderer(row) {
+    newRows = newRows !== null && newRows !== undefined ? newRows : rows;
+    var _addRowRenderer = function addRowRenderer(row) {
       return Object.assign(row, {
         RowRenderer: DatagridRow.default,
-        subRows: (row.subRows || []).map(addRowRenderer)
+        subRows: (row.subRows || []).map(_addRowRenderer)
       });
     };
-    var rowsWithRenderer = newRows.map(addRowRenderer);
+    var rowsWithRenderer = newRows.map(_addRowRenderer);
     Object.assign(instance, {
       rows: rowsWithRenderer
     });

package/lib/components/Datagrid/useSelectAllToggle.js

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

package/lib/components/Datagrid/useSelectRows.js

@@ -73,7 +73,7 @@ var useHighlightSelection = function useHighlightSelection(hooks) {
 var SelectRow = function SelectRow(datagridState) {
   var _columns$;
   var _datagridState$isFetc = datagridState.isFetching,
-    isFetching = _datagridState$isFetc === void 0 ? false : _datagridState$isFetc,
+    isFetching = _datagridState$isFetc === undefined ? false : _datagridState$isFetc,
     tableId = datagridState.tableId,
     row = datagridState.row,
     cell = datagridState.cell,
@@ -100,7 +100,7 @@ var SelectRow = function SelectRow(datagridState) {
     };
   }, []);
   var onSelectHandler = /*#__PURE__*/function () {
-    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(event) {
+    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(event) {
       var _document$activeEleme, _document, _document2;
       var activeElement;
       return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
@@ -114,7 +114,7 @@ var SelectRow = function SelectRow(datagridState) {
               }
             }
             onChange(event);
-            onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, event);
+            onRowSelect === null || onRowSelect === undefined || onRowSelect(row, event);
             stateReducer.handleToggleRowSelected({
               dispatch: dispatch,
               rowData: row,
@@ -123,11 +123,11 @@ var SelectRow = function SelectRow(datagridState) {
               selectAll: null
             });
             // focus the radio / checkbox if lost
-            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 : '';
+            activeElement = (_document$activeEleme = (_document = document) === null || _document === undefined || (_document = _document.activeElement) === null || _document === undefined ? undefined : _document.id) !== null && _document$activeEleme !== undefined ? _document$activeEleme : '';
             _context.next = 8;
             return undefined;
           case 8:
-            (_document2 = document) === null || _document2 === void 0 || (_document2 = _document2.getElementById(activeElement)) === null || _document2 === void 0 || _document2.focus();
+            (_document2 = document) === null || _document2 === undefined || (_document2 = _document2.getElementById(activeElement)) === null || _document2 === undefined || _document2.focus();
           case 9:
           case "end":
             return _context.stop();
@@ -144,7 +144,7 @@ var SelectRow = function SelectRow(datagridState) {
     title = _row$getToggleRowSele2.title,
     selectProps = _rollupPluginBabelHelpers.objectWithoutProperties(_row$getToggleRowSele2, _excluded);
   var cellProps = cell.getCellProps();
-  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
+  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === undefined ? undefined : _columns$.sticky) === 'left' && withStickyColumn;
   var rowId = "".concat(tableId, "-").concat(row.id, "-").concat(row.index);
   var key = cellProps.key,
     _cellProps = cellProps._cellProps;

package/lib/components/Datagrid/useSortableColumns.js

@@ -106,7 +106,7 @@ var useSortableColumns = function useSortableColumns(hooks) {
         }, props), {}, {
           className: "".concat(blockClass, "__sortable-icon ").concat(settings.carbon.prefix, "--btn__icon")
         });
-        if (col !== null && col !== void 0 && col.isSorted) {
+        if (col !== null && col !== undefined && col.isSorted) {
           switch (col.isSortedDesc) {
             case false:
               return /*#__PURE__*/React.createElement(icons.ArrowUp, iconProps);
@@ -123,30 +123,30 @@ var useSortableColumns = function useSortableColumns(hooks) {
         if (key === 'Enter') {
           setTimeout(function () {
             var _document$getElementB;
-            return (_document$getElementB = document.getElementById(columnId)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.focus();
+            return (_document$getElementB = document.getElementById(columnId)) === null || _document$getElementB === undefined ? undefined : _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.createElement(DatagridSelectAll.SelectAll, instance) : /*#__PURE__*/React.createElement(react.Button, {
-          "aria-sort": getAriaSortValue(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, {
+          "aria-sort": getAriaSortValue(headerProp === null || headerProp === undefined ? undefined : headerProp.column, {
             ascendingSortableLabelText: ascendingSortableLabelText,
             descendingSortableLabelText: descendingSortableLabelText,
             defaultSortableLabelText: defaultSortableLabelText
           }),
-          "aria-pressed": getAriaPressedValue(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column),
+          "aria-pressed": getAriaPressedValue(headerProp === null || headerProp === undefined ? undefined : headerProp.column),
           onClick: function onClick(event) {
-            return onSortClick(event, headerProp === null || headerProp === void 0 ? void 0 : headerProp.column);
+            return onSortClick(event, headerProp === null || headerProp === undefined ? undefined : headerProp.column);
           },
           kind: "ghost",
           renderIcon: function renderIcon(props) {
             var _headerProp$column, _headerProp$column2;
             return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatagridAiLabel.DatagridAILabel, {
-              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));
+              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));
           },
-          id: column === null || column === void 0 ? void 0 : column.id,
-          className: cx("".concat(settings.carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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)),
+          id: column === null || column === undefined ? undefined : column.id,
+          className: cx("".concat(settings.carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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)),
           onKeyDown: function onKeyDown(event) {
             return handleKey(event, column.id);
           }
@@ -154,10 +154,10 @@ var useSortableColumns = function useSortableColumns(hooks) {
       };
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, column), {}, {
         Header: Header,
-        minWidth: column.disableSortBy ? 0 : (_column$minWidth = column.minWidth) !== null && _column$minWidth !== void 0 ? _column$minWidth : column.isAction ? 50 : 90
+        minWidth: column.disableSortBy ? 0 : (_column$minWidth = column.minWidth) !== null && _column$minWidth !== undefined ? _column$minWidth : column.isAction ? 50 : 90
       });
     });
-    return (_instance$customizeCo = instance.customizeColumnsProps) !== null && _instance$customizeCo !== void 0 && _instance$customizeCo.isTearsheetOpen ? visibleColumns : _rollupPluginBabelHelpers.toConsumableArray(sortableColumns);
+    return (_instance$customizeCo = instance.customizeColumnsProps) !== null && _instance$customizeCo !== undefined && _instance$customizeCo.isTearsheetOpen ? visibleColumns : _rollupPluginBabelHelpers.toConsumableArray(sortableColumns);
   };
   var sortInstanceProps = function sortInstanceProps(instance) {
     var _ref3 = instance,

package/lib/components/Datagrid/useStickyColumn.js

@@ -28,7 +28,7 @@ var useStickyColumn = function useStickyColumn(hooks) {
     setWindowSize = _useState2[1];
   React.useEffect(function () {
     var _window;
-    setWindowSize((_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth);
+    setWindowSize((_window = window) === null || _window === undefined ? undefined : _window.innerWidth);
   }, []);
   React.useLayoutEffect(function () {
     /* istanbul ignore next */
@@ -54,11 +54,11 @@ var useStickyColumn = function useStickyColumn(hooks) {
   var useEventListener = function useEventListener(instance) {
     React.useEffect(function () {
       var tableBodyElement = tableBodyRef.current;
-      var headerCellElement = stickyHeaderCellRef === null || stickyHeaderCellRef === void 0 ? void 0 : stickyHeaderCellRef.current;
+      var headerCellElement = stickyHeaderCellRef === null || stickyHeaderCellRef === undefined ? undefined : stickyHeaderCellRef.current;
       /* istanbul ignore next */
       if (hasVertScroll(tableBodyElement) && headerCellElement) {
         var _headerCellElement$cl;
-        headerCellElement === null || headerCellElement === void 0 || (_headerCellElement$cl = headerCellElement.classList) === null || _headerCellElement$cl === void 0 || _headerCellElement$cl.add(OFFSET_SCROLL_CLASS);
+        headerCellElement === null || headerCellElement === undefined || (_headerCellElement$cl = headerCellElement.classList) === null || _headerCellElement$cl === undefined || _headerCellElement$cl.add(OFFSET_SCROLL_CLASS);
       }
       var boundListener = debounce(onBodyResize.bind(null, tableBodyElement, headerCellElement), 250);
       /* istanbul ignore next */
@@ -80,7 +80,7 @@ var useStickyColumn = function useStickyColumn(hooks) {
       };
       toggleStickyShadow(tableBodyElement, headerCellElement);
       if (tableBodyElement) {
-        tableBodyElement === null || tableBodyElement === void 0 || tableBodyElement.addEventListener('scroll', listener);
+        tableBodyElement === null || tableBodyElement === undefined || tableBodyElement.addEventListener('scroll', listener);
       }
       return function () {
         if (tableBodyElement) {
@@ -145,18 +145,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 === void 0 ? void 0 : _data$cell.column);
-  if ((column === null || column === void 0 ? void 0 : column.sticky) === 'right') {
+  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') {
     return [props, _rollupPluginBabelHelpers.objectSpread2({
       className: cx(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(styleClassPrefix, "-").concat(elementName), true), "".concat(blockClass, "__resizableColumn"), false), "".concat(blockClass, "__sortableColumn"), false))
     }, headerCellRef && {
       ref: headerCellRef
     })];
   }
-  if ((column === null || column === void 0 ? void 0 : column.sticky) === 'left') {
+  if ((column === null || column === undefined ? undefined : column.sticky) === 'left') {
     var _data$instance;
     return [props, _rollupPluginBabelHelpers.objectSpread2({
-      className: cx(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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))
+      className: cx(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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))
     }, headerCellRef && {
       ref: headerCellRef
     })];

package/lib/components/DecoratorBase/DecoratorBase.js

@@ -42,20 +42,20 @@ var DecoratorBase = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     label = _ref.label,
     setLabelTitle = _ref.setLabelTitle,
     _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? defaults.onClick : _ref$onClick,
+    onClick = _ref$onClick === undefined ? defaults.onClick : _ref$onClick,
     _ref$onClickLabel = _ref.onClickLabel,
-    onClickLabel = _ref$onClickLabel === void 0 ? defaults.onClickLabel : _ref$onClickLabel,
+    onClickLabel = _ref$onClickLabel === undefined ? defaults.onClickLabel : _ref$onClickLabel,
     _ref$onClickValue = _ref.onClickValue,
-    onClickValue = _ref$onClickValue === void 0 ? defaults.onClickValue : _ref$onClickValue,
+    onClickValue = _ref$onClickValue === undefined ? defaults.onClickValue : _ref$onClickValue,
     _ref$onContextMenu = _ref.onContextMenu,
-    onContextMenu = _ref$onContextMenu === void 0 ? defaults.onContextMenu : _ref$onContextMenu,
+    onContextMenu = _ref$onContextMenu === undefined ? defaults.onContextMenu : _ref$onContextMenu,
     _ref$onContextMenuLab = _ref.onContextMenuLabel,
-    onContextMenuLabel = _ref$onContextMenuLab === void 0 ? defaults.onContextMenuLabel : _ref$onContextMenuLab,
+    onContextMenuLabel = _ref$onContextMenuLab === undefined ? defaults.onContextMenuLabel : _ref$onContextMenuLab,
     _ref$onContextMenuVal = _ref.onContextMenuValue,
-    onContextMenuValue = _ref$onContextMenuVal === void 0 ? defaults.onContextMenuValue : _ref$onContextMenuVal,
+    onContextMenuValue = _ref$onContextMenuVal === undefined ? defaults.onContextMenuValue : _ref$onContextMenuVal,
     score = _ref.score,
     _ref$scoreThresholds = _ref.scoreThresholds,
-    scoreThresholds = _ref$scoreThresholds === void 0 ? defaults.scoreThresholds : _ref$scoreThresholds,
+    scoreThresholds = _ref$scoreThresholds === undefined ? defaults.scoreThresholds : _ref$scoreThresholds,
     small = _ref.small,
     theme = _ref.theme,
     truncateValue = _ref.truncateValue,
@@ -67,7 +67,7 @@ var DecoratorBase = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _value = utils.truncate(value, truncateValue);
 
   // These class names apply to all types of DecoratorBase.
-  var classNames = cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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));
+  var classNames = cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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));
 
   // These properties apply to all <DecoratorIcons>.
   var decoratorIconsProps = {

package/lib/components/DecoratorBase/DecoratorIcon.js

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

package/lib/components/DelimitedList/DelimitedList.js

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

package/lib/components/DescriptionList/DescriptionList.js

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

package/lib/components/EditInPlace/EditInPlace.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { PropsWithChildren } from 'react';
-import PropTypes from 'prop-types';
 type Size = 'sm' | 'md' | 'lg';
 type AlignPropType = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
 type Shape = {
@@ -101,6 +100,6 @@ export declare const deprecatedProps: {
      * **Deprecated**
      * invalidLabel was misnamed, using invalidText to match Carbon
      */
-    invalidText: PropTypes.Requireable<string>;
+    invalidText: any;
 };
 export {};

package/lib/components/EditInPlace/EditInPlace.js

@@ -21,9 +21,7 @@ var _excluded = ["cancelLabel", "editAlwaysVisible", "editLabel", "id", "inherit
 var componentName = 'EditInPlace';
 var blockClass = "".concat(settings.pkg.prefix, "--edit-in-place");
 var defaults = {
-  tooltipAlignment: 'top',
-  size: 'sm'
-};
+  tooltipAlignment: 'top'};
 exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var cancelLabel = _ref.cancelLabel,
     editAlwaysVisible = _ref.editAlwaysVisible,
@@ -32,7 +30,7 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     inheritTypography = _ref.inheritTypography,
     invalid = _ref.invalid,
     _ref$invalidLabel = _ref.invalidLabel,
-    deprecated_invalidLabel = _ref$invalidLabel === void 0 ? ' ' : _ref$invalidLabel,
+    deprecated_invalidLabel = _ref$invalidLabel === undefined ? ' ' : _ref$invalidLabel,
     invalidText = _ref.invalidText,
     labelText = _ref.labelText,
     onCancel = _ref.onCancel,
@@ -41,7 +39,7 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onBlur = _ref.onBlur,
     saveLabel = _ref.saveLabel,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'sm' : _ref$size,
+    size = _ref$size === undefined ? 'sm' : _ref$size,
     tooltipAlignment = _ref.tooltipAlignment,
     value = _ref.value,
     placeholder = _ref.placeholder,
@@ -64,7 +62,7 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var tipAlignIsObject = _rollupPluginBabelHelpers.typeof(tooltipAlignment) === 'object';
   var tipAlignments = ['edit', 'save', 'cancel'].reduce(function (acc, tips) {
     var _ref2;
-    acc[tips] = (_ref2 = tipAlignIsObject ? tooltipAlignment[tips] : tooltipAlignment) !== null && _ref2 !== void 0 ? _ref2 : defaults.tooltipAlignment;
+    acc[tips] = (_ref2 = tipAlignIsObject ? tooltipAlignment[tips] : tooltipAlignment) !== null && _ref2 !== undefined ? _ref2 : defaults.tooltipAlignment;
     return acc;
   }, {});
   React.useEffect(function () {
@@ -91,7 +89,7 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
     if (!isTargetingChild(e)) {
       var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === undefined || _inputRef$current.focus();
       setFocused(true);
     }
   };
@@ -135,7 +133,7 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   };
   var removeFocus = function removeFocus() {
     var _inputRef$current2;
-    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === undefined || _inputRef$current2.blur();
     setFocused(false);
   };
   var onKeyHandler = function onKeyHandler(e) {
@@ -213,7 +211,7 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     size: 16
   }))))), invalid && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__warning-text")
-  }, invalidText !== null && invalidText !== void 0 ? invalidText : deprecated_invalidLabel));
+  }, invalidText !== null && invalidText !== undefined ? invalidText : deprecated_invalidLabel));
 });
 exports.EditInPlace = settings.pkg.checkComponentEnabled(exports.EditInPlace, componentName);
 exports.EditInPlace.displayName = componentName;

package/lib/components/EditSidePanel/EditSidePanel.js

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

package/lib/components/EditTearsheet/EditTearsheet.js

@@ -50,25 +50,25 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className = _ref.className,
     description = _ref.description,
     _ref$influencerWidth = _ref.influencerWidth,
-    influencerWidth = _ref$influencerWidth === void 0 ? defaults.influencerWidth : _ref$influencerWidth,
+    influencerWidth = _ref$influencerWidth === undefined ? 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 === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
+    verticalPosition = _ref$verticalPosition === undefined ? defaults.verticalPosition : _ref$verticalPosition,
     onRequestSubmit = _ref.onRequestSubmit,
     onFormChange = _ref.onFormChange,
     _ref$sideNavAriaLabel = _ref.sideNavAriaLabel,
-    sideNavAriaLabel = _ref$sideNavAriaLabel === void 0 ? defaults.sideNavAriaLabel : _ref$sideNavAriaLabel,
+    sideNavAriaLabel = _ref$sideNavAriaLabel === undefined ? defaults.sideNavAriaLabel : _ref$sideNavAriaLabel,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     isSubmitting = _useState2[0],
     setIsSubmitting = _useState2[1];
   var handleOnRequestSubmit = /*#__PURE__*/function () {
-    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
       return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:

package/lib/components/EditTearsheet/EditTearsheetForm.js

@@ -31,7 +31,7 @@ exports.EditTearsheetForm = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     description = _ref.description,
     fieldsetLegendText = _ref.fieldsetLegendText,
     _ref$hasFieldset = _ref.hasFieldset,
-    hasFieldset = _ref$hasFieldset === void 0 ? defaults.hasFieldset : _ref$hasFieldset,
+    hasFieldset = _ref$hasFieldset === undefined ? defaults.hasFieldset : _ref$hasFieldset,
     subtitle = _ref.subtitle,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -43,7 +43,7 @@ exports.EditTearsheetForm = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     title: title
   });
   return formContext ? /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
-    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__form--hidden-form"), formNumber !== (formContext === null || formContext === void 0 ? void 0 : formContext.currentForm)), "".concat(blockClass, "__form--visible-form"), formNumber === (formContext === null || formContext === void 0 ? void 0 : formContext.currentForm))),
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__form--hidden-form"), formNumber !== (formContext === null || formContext === undefined ? undefined : formContext.currentForm)), "".concat(blockClass, "__form--visible-form"), formNumber === (formContext === null || formContext === undefined ? undefined : formContext.currentForm))),
     ref: ref
   }), /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, {
     xlg: 12,

package/lib/components/EmptyStates/EmptyState.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../src/custom-typings/index.d.ts" />
 import React, { ElementType, ReactNode } from 'react';
 import '../../global/js/utils/props-helper';
 import { ButtonProps } from '@carbon/react';

package/lib/components/EmptyStates/EmptyState.js

@@ -45,7 +45,7 @@ var defaults = {
  */
 exports.EmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$v = _ref.v2,
-    v2 = _ref$v === void 0 ? false : _ref$v,
+    v2 = _ref$v === undefined ? false : _ref$v,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   // todo: deprecate v1
   if (v2) {
@@ -56,12 +56,12 @@ exports.EmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     illustration = props.illustration,
     illustrationDescription = props.illustrationDescription,
     _props$illustrationPo = props.illustrationPosition,
-    illustrationPosition = _props$illustrationPo === void 0 ? defaults.position : _props$illustrationPo,
+    illustrationPosition = _props$illustrationPo === undefined ? defaults.position : _props$illustrationPo,
     link = props.link,
     _props$size = props.size,
-    size = _props$size === void 0 ? defaults.size : _props$size,
+    size = _props$size === undefined ? defaults.size : _props$size,
     _props$headingAs = props.headingAs,
-    headingAs = _props$headingAs === void 0 ? defaults.headingAs : _props$headingAs,
+    headingAs = _props$headingAs === undefined ? defaults.headingAs : _props$headingAs,
     subtitle = props.subtitle,
     title = props.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
@@ -79,7 +79,7 @@ exports.EmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     size: size,
     headingAs: headingAs,
     subtitle: subtitle,
-    title: title !== null && title !== void 0 ? title : ''
+    title: title !== null && title !== undefined ? title : ''
   }));
 });
 

package/lib/components/EmptyStates/EmptyStateContent.d.ts

@@ -9,15 +9,14 @@ export function EmptyStateContent({ action, link, headingAs, size, subtitle, tit
 export namespace EmptyStateContent {
     export { componentName as displayName };
     export namespace propTypes {
-        let action: PropTypes.Requireable<PropTypes.InferProps<any>>;
-        let headingAs: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        let link: PropTypes.Requireable<PropTypes.InferProps<any>>;
-        let size: PropTypes.Requireable<string>;
-        let subtitle: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        let title: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        let action: any;
+        let headingAs: any;
+        let link: any;
+        let size: any;
+        let subtitle: any;
+        let title: any;
     }
 }
 import React from 'react';
 declare const componentName: "EmptyStateContent";
-import PropTypes from 'prop-types';
 export {};

package/lib/components/EmptyStates/EmptyStateContent.js

@@ -31,13 +31,13 @@ var EmptyStateContent = function EmptyStateContent(_ref) {
     className: cx("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
   }, title), subtitle && /*#__PURE__*/React.createElement("p", {
     className: cx("".concat(blockClass, "__subtitle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__subtitle--small"), size === 'sm'))
-  }, subtitle), (action === null || action === void 0 ? void 0 : action.text) && (action === null || action === void 0 ? void 0 : action.onClick) && /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, action, {
+  }, subtitle), (action === null || action === undefined ? undefined : action.text) && (action === null || action === undefined ? undefined : action.onClick) && /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, action, {
     className: "".concat(blockClass, "__action-button"),
     kind: action.kind || 'tertiary',
     onClick: action.onClick,
     renderIcon: action.renderIcon || null,
     size: 'sm'
-  }), action.text), (link === null || link === void 0 ? void 0 : link.text) && (link === null || link === void 0 ? void 0 : link.href) && /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({}, link, {
+  }), action.text), (link === null || link === undefined ? undefined : link.text) && (link === null || link === undefined ? undefined : link.href) && /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({}, link, {
     className: "".concat(blockClass, "__link"),
     href: link.href
   }), link.text));

package/lib/components/EmptyStates/EmptyStateIllustration.d.ts

@@ -5,8 +5,7 @@ declare function EmptyStateIllustration({ kind, ...rest }: {
 }): React.JSX.Element;
 declare namespace EmptyStateIllustration {
     namespace propTypes {
-        let kind: PropTypes.Requireable<string>;
+        let kind: any;
     }
 }
 import React from 'react';
-import PropTypes from 'prop-types';

package/lib/components/EmptyStates/EmptyStateV2.js

@@ -32,12 +32,12 @@ exports.EmptyStateV2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     customIllustration = props.illustration,
     illustrationDescription = props.illustrationDescription,
     _props$illustrationPo = props.illustrationPosition,
-    illustrationPosition = _props$illustrationPo === void 0 ? 'top' : _props$illustrationPo,
+    illustrationPosition = _props$illustrationPo === undefined ? 'top' : _props$illustrationPo,
     illustrationTheme = props.illustrationTheme,
     kind = props.kind,
     link = props.link,
     _props$size = props.size,
-    size = _props$size === void 0 ? 'lg' : _props$size,
+    size = _props$size === undefined ? 'lg' : _props$size,
     subtitle = props.subtitle,
     title = props.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);

package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-/// <reference path="../../../../src/custom-typings/index.d.ts" />
 import React, { ElementType, ReactNode } from 'react';
 import { ButtonProps } from '@carbon/react';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';