@carbon/ibm-products 1.40.0 → 1.41.1

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

@@ -48,12 +48,9 @@ var FilterFlyout = function FilterFlyout(_ref) {
     onApply = _ref$onApply === void 0 ? function () {} : _ref$onApply,
     _ref$onCancel = _ref.onCancel,
     onCancel = _ref$onCancel === void 0 ? function () {} : _ref$onCancel,
-    _ref$shouldClickOutsi = _ref.shouldClickOutsideToClose,
-    shouldClickOutsideToClose = _ref$shouldClickOutsi === void 0 ? false : _ref$shouldClickOutsi,
     _ref$secondaryActionL = _ref.secondaryActionLabel,
     secondaryActionLabel = _ref$secondaryActionL === void 0 ? 'Cancel' : _ref$secondaryActionL,
-    setAllFilters = _ref.setAllFilters,
-    setFilter = _ref.setFilter;
+    setAllFilters = _ref.setAllFilters;
   /** Context state and methods */
   var _useContext = (0, _react.useContext)(_FilterProvider.FilterContext),
     EventEmitter = _useContext.EventEmitter;
@@ -100,8 +97,11 @@ var FilterFlyout = function FilterFlyout(_ref) {
     prevFiltersObjectArrayRef.current = JSON.stringify(filtersObjectArray);
   };
   var cancel = function cancel() {
-    revertToPreviousFilters();
-    onCancel();
+    // Reverting to previous filters only applies when using batch actions
+    if (updateMethod === _constants.BATCH) {
+      revertToPreviousFilters();
+      onCancel();
+    }
     closeFlyout();
   };
   var reset = function reset() {
@@ -133,34 +133,32 @@ var FilterFlyout = function FilterFlyout(_ref) {
     if (type === _constants.DATE && !value[1]) {
       return;
     }
-    if (updateMethod === _constants.BATCH) {
-      var filtersObjectArrayCopy = (0, _toConsumableArray2.default)(filtersObjectArray);
-      // check if the filter already exists in the array
-      var filter = filtersObjectArrayCopy.find(function (item) {
-        return item.id === column;
+    var filtersObjectArrayCopy = (0, _toConsumableArray2.default)(filtersObjectArray);
+    // check if the filter already exists in the array
+    var filter = filtersObjectArrayCopy.find(function (item) {
+      return item.id === column;
+    });
+
+    // if filter exists in array then update the filter's new value
+    if (filter) {
+      filter.value = value;
+    } else {
+      filtersObjectArrayCopy.push({
+        id: column,
+        value: value,
+        type: type
       });
+    }
+    setFiltersObjectArray(filtersObjectArrayCopy);
 
-      // if filter exists in array then update the filter's new value
-      if (filter) {
-        filter.value = value;
-      } else {
-        filtersObjectArrayCopy.push({
-          id: column,
-          value: value,
-          type: type
-        });
-      }
-      setFiltersObjectArray(filtersObjectArrayCopy);
-    } else if (updateMethod === _constants.INSTANT) {
-      setFilter(column, value);
+    // Automatically apply the filters if the updateMethod is instant
+    if (updateMethod === _constants.INSTANT) {
+      setAllFilters(filtersObjectArrayCopy);
     }
-  }, [setFilter, updateMethod, filtersObjectArray]);
+  }, [setAllFilters, updateMethod, filtersObjectArray]);
 
   /** Effects */
   (0, _hooks.useClickOutside)(filterFlyoutRef, function (target) {
-    if (shouldClickOutsideToClose === false) {
-      return;
-    }
     var hasClickedOnDatePicker = target.closest('.flatpickr-calendar');
     if (!open || hasClickedOnDatePicker) {
       return;
@@ -361,14 +359,6 @@ FilterFlyout.propTypes = {
    * Function that sets all the filters, this comes from the datagridState
    */
   setAllFilters: _propTypes.default.func.isRequired,
-  /**
-   * Function that sets an individual filter, this comes from the datagridState
-   */
-  setFilter: _propTypes.default.func.isRequired,
-  /**
-   * Boolean if you want the flyout to close when clicked outside of the parent
-   */
-  shouldClickOutsideToClose: _propTypes.default.bool,
   /**
    * Title of the filter flyout
    */

package/lib/components/Datagrid/Datagrid.stories/index.js

@@ -22,7 +22,7 @@ Object.defineProperty(exports, "RowSizeDropdownStory", {
     return _RowSizeDropdownStory.story;
   }
 });
-Object.defineProperty(exports, "SelectAllWitHToggle", {
+Object.defineProperty(exports, "SelectAllWithToggle", {
   enumerable: true,
   get: function get() {
     return _SelectAllWithToggleStory.story;

package/lib/components/Datagrid/useCustomizeColumns.js

@@ -18,25 +18,25 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var useCustomizeColumns = function useCustomizeColumns(hooks) {
   var _React$useState = React.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    isModalOpen = _React$useState2[0],
-    setIsModalOpen = _React$useState2[1];
+    isTearsheetOpen = _React$useState2[0],
+    setIsTearsheetOpen = _React$useState2[1];
   hooks.useInstance.push(function (instance) {
     var customizeColumnsProps = instance.customizeColumnsProps;
     var _ref = customizeColumnsProps || {},
       labels = _ref.labels;
     Object.assign(instance, {
       customizeColumnsProps: _objectSpread(_objectSpread({}, customizeColumnsProps), {}, {
-        isModalOpen: isModalOpen,
-        setIsModalOpen: setIsModalOpen
+        isTearsheetOpen: isTearsheetOpen,
+        setIsTearsheetOpen: setIsTearsheetOpen
       }),
       CustomizeColumnsButton: function CustomizeColumnsButton(props) {
         return /*#__PURE__*/React.createElement(_CustomizeColumns.ToggleButtonWrapper, (0, _extends2.default)({
           iconTooltipLabel: labels === null || labels === void 0 ? void 0 : labels.iconTooltipLabel,
-          isModalOpen: isModalOpen,
-          setIsModalOpen: setIsModalOpen
+          isTearsheetOpen: isTearsheetOpen,
+          setIsTearsheetOpen: setIsTearsheetOpen
         }, props));
       },
-      CustomizeColumnsModal: _CustomizeColumns.CustomizeColumnsModalWrapper
+      CustomizeColumnsTearsheet: _CustomizeColumns.CustomizeColumnsTearsheetWrapper
     });
   });
 };

package/lib/components/Datagrid/useFiltering.js

@@ -60,7 +60,6 @@ var useFiltering = function useFiltering(hooks) {
   hooks.useInstance.push(function (instance) {
     var filterProps = instance.filterProps,
       setAllFilters = instance.setAllFilters,
-      setFilter = instance.setFilter,
       headers = instance.headers;
     var defaultProps = {
       variation: 'flyout'
@@ -68,7 +67,6 @@ var useFiltering = function useFiltering(hooks) {
     var getFilterFlyoutProps = function getFilterFlyoutProps() {
       return _objectSpread(_objectSpread(_objectSpread({}, defaultProps), filterProps), {}, {
         setAllFilters: setAllFilters,
-        setFilter: setFilter,
         headers: headers
       });
     };

package/lib/components/Datagrid/useParentDimensions.js

@@ -20,6 +20,7 @@ var useParentDimensions = function useParentDimensions(hooks) {
   var headRef = (0, _react.useRef)();
   var innerListRef = (0, _react.useRef)();
   var listRef = (0, _react.useRef)();
+  var gridRef = (0, _react.useRef)();
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     tableHeight = _useState2[0],
@@ -55,7 +56,8 @@ var useParentDimensions = function useParentDimensions(hooks) {
       headRef: headRef,
       innerListRef: innerListRef,
       handleResize: handleResize,
-      listRef: listRef
+      listRef: listRef,
+      gridRef: gridRef
     });
   };
   hooks.useInstance.push(useInstance);

package/lib/components/Datagrid/utils/getArgTypes.js

@@ -96,6 +96,11 @@ var ARG_TYPES = {
   customizeColumnsProps: {
     control: 'object',
     description: 'This is an object containing all of the props used with the column customization extension. _This value is set/passed inside of the `datagridState` object._'
+  },
+  filterProps: {
+    name: 'Filter props',
+    control: 'object',
+    description: 'This is an object for all the props passed into the filter flyout and filter panel'
   }
 };
 exports.ARG_TYPES = ARG_TYPES;

package/lib/components/Datagrid/utils/getInlineEditColumns.js

@@ -81,8 +81,13 @@ var getInlineEditColumns = function getInlineEditColumns() {
     accessor: 'visits',
     width: 120,
     inlineEdit: {
+      validator: function validator(n) {
+        return n && n < 10;
+      },
       type: 'number',
-      inputProps: {} // These props are passed to the Carbon component used for inline editing
+      inputProps: {
+        invalidText: 'Invalid number, must be 10 or greater'
+      } // These props are passed to the Carbon component used for inline editing
     }
   }, {
     Header: 'Active since',

package/lib/components/ImportModal/ImportModal.js

@@ -114,51 +114,49 @@ var ImportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(evt) {
       var fileName, pendingFile, response, blob, fetchedFile, failedFile;
       return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              evt.preventDefault();
-              fileName = importUrl.substring(importUrl.lastIndexOf('/') + 1).split('?')[0];
-              pendingFile = {
-                name: fileName,
-                status: 'uploading',
-                uuid: (0, _uuidv.default)()
-              };
-              setFiles([pendingFile]);
-              _context.prev = 4;
-              _context.next = 7;
-              return fetch(importUrl);
-            case 7:
-              response = _context.sent;
-              if (!(!response.ok || response.status !== 200)) {
-                _context.next = 10;
-                break;
-              }
-              throw new Error(response.status);
-            case 10:
-              _context.next = 12;
-              return response.blob();
-            case 12:
-              blob = _context.sent;
-              fetchedFile = new File([blob], fileName, {
-                type: blob.type
-              });
-              fetchedFile.invalidFileType = isInvalidFileType(fetchedFile);
-              fetchedFile.uuid = pendingFile.uuid;
-              updateFiles([fetchedFile]);
-              _context.next = 23;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            evt.preventDefault();
+            fileName = importUrl.substring(importUrl.lastIndexOf('/') + 1).split('?')[0];
+            pendingFile = {
+              name: fileName,
+              status: 'uploading',
+              uuid: (0, _uuidv.default)()
+            };
+            setFiles([pendingFile]);
+            _context.prev = 4;
+            _context.next = 7;
+            return fetch(importUrl);
+          case 7:
+            response = _context.sent;
+            if (!(!response.ok || response.status !== 200)) {
+              _context.next = 10;
               break;
-            case 19:
-              _context.prev = 19;
-              _context.t0 = _context["catch"](4);
-              failedFile = _objectSpread(_objectSpread({}, pendingFile), {}, {
-                fetchError: true
-              });
-              updateFiles([failedFile]);
-            case 23:
-            case "end":
-              return _context.stop();
-          }
+            }
+            throw new Error(response.status);
+          case 10:
+            _context.next = 12;
+            return response.blob();
+          case 12:
+            blob = _context.sent;
+            fetchedFile = new File([blob], fileName, {
+              type: blob.type
+            });
+            fetchedFile.invalidFileType = isInvalidFileType(fetchedFile);
+            fetchedFile.uuid = pendingFile.uuid;
+            updateFiles([fetchedFile]);
+            _context.next = 23;
+            break;
+          case 19:
+            _context.prev = 19;
+            _context.t0 = _context["catch"](4);
+            failedFile = _objectSpread(_objectSpread({}, pendingFile), {}, {
+              fetchError: true
+            });
+            updateFiles([failedFile]);
+          case 23:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[4, 19]]);
     }));

package/lib/components/index.js

@@ -375,6 +375,12 @@ Object.defineProperty(exports, "useExpandedRow", {
     return _Datagrid.useExpandedRow;
   }
 });
+Object.defineProperty(exports, "useFiltering", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.useFiltering;
+  }
+});
 Object.defineProperty(exports, "useInfiniteScroll", {
   enumerable: true,
   get: function get() {

package/lib/global/js/hooks/useCreateComponentFocus.js

@@ -1,11 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCreateComponentFocus = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
-var _getFocusableElements = require("../utils/getFocusableElements");
+var _wait = _interopRequireDefault(require("../utils/wait"));
 /**
  * Copyright IBM Corp. 2021, 2021
  *
@@ -18,23 +21,42 @@ var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
   var previousState = _ref.previousState,
     currentStep = _ref.currentStep,
     blockClass = _ref.blockClass,
-    onMount = _ref.onMount;
+    onMount = _ref.onMount,
+    firstFocusElement = _ref.firstFocusElement;
   (0, _react.useEffect)(function () {
     if (typeof onMount === 'function') {
       onMount();
     }
   }, [onMount]);
   (0, _react.useEffect)(function () {
+    // because of how handleStackChange.claimFocus in TearsheetShell works a timeout is required to focus on specific elements
+    var awaitFocus = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(elm) {
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0, _wait.default)(10);
+            case 2:
+              elm.focus();
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function awaitFocus(_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     if ((previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== currentStep && currentStep > 0) {
-      var visibleStepInnerContent = document.querySelector(".".concat(blockClass, "__step.").concat(blockClass, "__step__step--visible-step"));
-      var focusableStepElements = visibleStepInnerContent ? (0, _getFocusableElements.getFocusableElements)(visibleStepInnerContent) : [];
-      if (focusableStepElements && focusableStepElements.length) {
-        focusableStepElements[0].focus();
-      } else {
-        var nextButton = document.querySelector(".".concat(blockClass, "__create-button"));
-        nextButton === null || nextButton === void 0 ? void 0 : nextButton.focus();
+      if (firstFocusElement) {
+        var elm = document.querySelector(firstFocusElement);
+        if (elm) {
+          awaitFocus(elm);
+        }
       }
     }
-  }, [currentStep, previousState, blockClass, onMount]);
+  }, [currentStep, previousState, blockClass, onMount, firstFocusElement]);
 };
 exports.useCreateComponentFocus = useCreateComponentFocus;

package/lib/global/js/hooks/useCreateComponentStepChange.js

@@ -50,25 +50,23 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
     var handleOnRequestSubmit = /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return onRequestSubmit();
-              case 3:
-                onUnmount();
-                _context.next = 10;
-                break;
-              case 6:
-                _context.prev = 6;
-                _context.t0 = _context["catch"](0);
-                setIsSubmitting(false);
-                console.warn("".concat(componentName, " submit error: ").concat(_context.t0));
-              case 10:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return onRequestSubmit();
+            case 3:
+              onUnmount();
+              _context.next = 10;
+              break;
+            case 6:
+              _context.prev = 6;
+              _context.t0 = _context["catch"](0);
+              setIsSubmitting(false);
+              console.warn("".concat(componentName, " submit error: ").concat(_context.t0));
+            case 10:
+            case "end":
+              return _context.stop();
           }
         }, _callee, null, [[0, 6]]);
       }));
@@ -79,35 +77,33 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
     var handleNext = /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
         return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                setIsSubmitting(true);
-                if (!(typeof onNext === 'function')) {
-                  _context2.next = 14;
-                  break;
-                }
-                _context2.prev = 2;
-                _context2.next = 5;
-                return onNext();
-              case 5:
-                continueToNextStep();
-                _context2.next = 12;
-                break;
-              case 8:
-                _context2.prev = 8;
-                _context2.t0 = _context2["catch"](2);
-                setIsSubmitting(false);
-                console.warn("".concat(componentName, " onNext error: ").concat(_context2.t0));
-              case 12:
-                _context2.next = 15;
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              setIsSubmitting(true);
+              if (!(typeof onNext === 'function')) {
+                _context2.next = 14;
                 break;
-              case 14:
-                continueToNextStep();
-              case 15:
-              case "end":
-                return _context2.stop();
-            }
+              }
+              _context2.prev = 2;
+              _context2.next = 5;
+              return onNext();
+            case 5:
+              continueToNextStep();
+              _context2.next = 12;
+              break;
+            case 8:
+              _context2.prev = 8;
+              _context2.t0 = _context2["catch"](2);
+              setIsSubmitting(false);
+              console.warn("".concat(componentName, " onNext error: ").concat(_context2.t0));
+            case 12:
+              _context2.next = 15;
+              break;
+            case 14:
+              continueToNextStep();
+            case 15:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2, null, [[2, 8]]);
       }));
@@ -118,39 +114,37 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
     var handleSubmit = /*#__PURE__*/function () {
       var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
         return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                setIsSubmitting(true);
-                // last step should have onNext as well
-                if (!(typeof onNext === 'function')) {
-                  _context3.next = 15;
-                  break;
-                }
-                _context3.prev = 2;
-                _context3.next = 5;
-                return onNext();
-              case 5:
-                _context3.next = 7;
-                return handleOnRequestSubmit();
-              case 7:
-                _context3.next = 13;
-                break;
-              case 9:
-                _context3.prev = 9;
-                _context3.t0 = _context3["catch"](2);
-                setIsSubmitting(false);
-                console.warn("".concat(componentName, " onNext error: ").concat(_context3.t0));
-              case 13:
-                _context3.next = 17;
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              setIsSubmitting(true);
+              // last step should have onNext as well
+              if (!(typeof onNext === 'function')) {
+                _context3.next = 15;
                 break;
-              case 15:
-                _context3.next = 17;
-                return handleOnRequestSubmit();
-              case 17:
-              case "end":
-                return _context3.stop();
-            }
+              }
+              _context3.prev = 2;
+              _context3.next = 5;
+              return onNext();
+            case 5:
+              _context3.next = 7;
+              return handleOnRequestSubmit();
+            case 7:
+              _context3.next = 13;
+              break;
+            case 9:
+              _context3.prev = 9;
+              _context3.t0 = _context3["catch"](2);
+              setIsSubmitting(false);
+              console.warn("".concat(componentName, " onNext error: ").concat(_context3.t0));
+            case 13:
+              _context3.next = 17;
+              break;
+            case 15:
+              _context3.next = 17;
+              return handleOnRequestSubmit();
+            case 17:
+            case "end":
+              return _context3.stop();
           }
         }, _callee3, null, [[2, 9]]);
       }));

package/lib/global/js/utils/test-helper.js

@@ -148,20 +148,18 @@ var expectWarnAsync = /*#__PURE__*/function () {
     var _expect2;
     var warn;
     return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            warn = jest.spyOn(console, 'warn').mockImplementation(jest.fn());
-            _context.next = 3;
-            return test();
-          case 3:
-            expect(warn).toBeCalledTimes(1);
-            (_expect2 = expect(warn)).toHaveBeenCalledWith.apply(_expect2, (0, _toConsumableArray2.default)(makeMatcherArray(message)));
-            warn.mockRestore();
-          case 6:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          warn = jest.spyOn(console, 'warn').mockImplementation(jest.fn());
+          _context.next = 3;
+          return test();
+        case 3:
+          expect(warn).toBeCalledTimes(1);
+          (_expect2 = expect(warn)).toHaveBeenCalledWith.apply(_expect2, (0, _toConsumableArray2.default)(makeMatcherArray(message)));
+          warn.mockRestore();
+        case 6:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));

package/lib/global/js/utils/unwrap-if-fragment.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 /**
  * unwrapIfFragment - walks the passed children unwrapping fragments
  * to create a flat array of all children

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.40.0",
+  "version": "1.41.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -51,27 +51,27 @@
     "upgrade-dependencies": "npm-check-updates -u --dep dev,peer,prod --color --reject '/(carbon|^react$|^react-dom$|^chalk$|^react-dnd|^namor)/'"
   },
   "devDependencies": {
-    "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.20.2",
-    "babel-preset-ibm-cloud-cognitive": "^0.14.24",
+    "@babel/cli": "^7.20.7",
+    "@babel/core": "^7.20.7",
+    "babel-preset-ibm-cloud-cognitive": "^0.14.25",
     "chalk": "^4.1.2",
     "change-case": "^4.1.2",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
-    "fs-extra": "^10.1.0",
+    "fs-extra": "^11.1.0",
     "glob": "^8.0.3",
     "jest": "^29.3.1",
-    "jest-config-ibm-cloud-cognitive": "^0.24.10",
+    "jest-config-ibm-cloud-cognitive": "^0.24.11",
     "jest-environment-jsdom": "^29.3.1",
     "namor": "^1.1.2",
-    "npm-check-updates": "^16.4.1",
+    "npm-check-updates": "^16.6.2",
     "npm-run-all": "^4.1.5",
     "rimraf": "^3.0.2",
-    "sass": "^1.56.1",
+    "sass": "^1.57.1",
     "yargs": "^17.6.2"
   },
   "dependencies": {
-    "@babel/runtime": "^7.20.1",
+    "@babel/runtime": "^7.20.7",
     "@carbon/telemetry": "^0.1.0",
     "framer-motion": "^6.5.1",
     "immutability-helper": "^3.1.1",
@@ -95,5 +95,5 @@
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "05ee7cdcf736a836aafbb7b74e11211b4a5787c8"
+  "gitHead": "4e127c6006183ae079ce089691fb1ee45d85bf1a"
 }