@carbon/ibm-products 1.41.0 → 1.41.2

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{ModalWrapper.js → TearsheetWrapper.js}

@@ -10,49 +10,46 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _CustomizeColumnsModal = _interopRequireDefault(require("./CustomizeColumnsModal"));
-var _excluded = ["onSaveColumnPrefs", "isModalOpen", "setIsModalOpen", "labels"];
+var _CustomizeColumnsTearsheet = _interopRequireDefault(require("./CustomizeColumnsTearsheet"));
+var _excluded = ["onSaveColumnPrefs", "isTearsheetOpen", "setIsTearsheetOpen", "labels"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var ModalWrapper = function ModalWrapper(_ref) {
+var TearsheetWrapper = function TearsheetWrapper(_ref) {
   var instance = _ref.instance;
   var _instance$customizeCo = instance.customizeColumnsProps,
     _onSaveColumnPrefs = _instance$customizeCo.onSaveColumnPrefs,
-    isModalOpen = _instance$customizeCo.isModalOpen,
-    setIsModalOpen = _instance$customizeCo.setIsModalOpen,
+    isTearsheetOpen = _instance$customizeCo.isTearsheetOpen,
+    setIsTearsheetOpen = _instance$customizeCo.setIsTearsheetOpen,
     labels = _instance$customizeCo.labels,
     rest = (0, _objectWithoutProperties2.default)(_instance$customizeCo, _excluded);
-  if (isModalOpen) {
-    return /*#__PURE__*/React.createElement(_CustomizeColumnsModal.default, (0, _extends2.default)({}, rest, labels, {
-      isOpen: isModalOpen,
-      setIsModalOpen: setIsModalOpen,
-      columnDefinitions: instance.allColumns,
-      originalColumnDefinitions: instance.columns,
-      onSaveColumnPrefs: function onSaveColumnPrefs(updatedColDefs) {
-        var hiddenIds = updatedColDefs.filter(function (colDef) {
-          return !colDef.isVisible;
-        }).map(function (colDef) {
+  return /*#__PURE__*/React.createElement(_CustomizeColumnsTearsheet.default, (0, _extends2.default)({}, rest, labels, {
+    isOpen: isTearsheetOpen,
+    setIsTearsheetOpen: setIsTearsheetOpen,
+    columnDefinitions: instance.allColumns,
+    originalColumnDefinitions: instance.columns,
+    onSaveColumnPrefs: function onSaveColumnPrefs(updatedColDefs) {
+      var hiddenIds = updatedColDefs.filter(function (colDef) {
+        return !colDef.isVisible;
+      }).map(function (colDef) {
+        return colDef.id;
+      });
+      instance.setHiddenColumns(hiddenIds);
+      if (typeof instance.setColumnOrder === 'function') {
+        instance.setColumnOrder(updatedColDefs.map(function (colDef) {
           return colDef.id;
-        });
-        instance.setHiddenColumns(hiddenIds);
-        if (typeof instance.setColumnOrder === 'function') {
-          instance.setColumnOrder(updatedColDefs.map(function (colDef) {
-            return colDef.id;
-          }));
-        } else {
-          // eslint-disable-next-line no-console
-          console.warn("Column order can not be updated. Did you forget to add 'useColumnOrder' in 'useDatagrid'");
-        }
-        if (typeof _onSaveColumnPrefs === 'function') {
-          _onSaveColumnPrefs(updatedColDefs);
-        }
+        }));
+      } else {
+        // eslint-disable-next-line no-console
+        console.warn("Column order can not be updated. Did you forget to add 'useColumnOrder' in 'useDatagrid'");
       }
-    }));
-  }
-  return null;
+      if (typeof _onSaveColumnPrefs === 'function') {
+        _onSaveColumnPrefs(updatedColDefs);
+      }
+    }
+  }));
 };
-ModalWrapper.propTypes = {
+TearsheetWrapper.propTypes = {
   instance: _propTypes.default.object.isRequired
 };
-var _default = ModalWrapper;
+var _default = TearsheetWrapper;
 exports.default = _default;

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js

@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "CustomizeColumnsModalWrapper", {
+Object.defineProperty(exports, "CustomizeColumnsTearsheetWrapper", {
   enumerable: true,
   get: function get() {
-    return _ModalWrapper.default;
+    return _TearsheetWrapper.default;
   }
 });
 Object.defineProperty(exports, "ToggleButtonWrapper", {
@@ -16,5 +16,5 @@ Object.defineProperty(exports, "ToggleButtonWrapper", {
     return _ButtonWrapper.default;
   }
 });
-var _ModalWrapper = _interopRequireDefault(require("./ModalWrapper"));
+var _TearsheetWrapper = _interopRequireDefault(require("./TearsheetWrapper"));
 var _ButtonWrapper = _interopRequireDefault(require("./ButtonWrapper"));

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js

@@ -363,18 +363,20 @@ var InlineEditCell = function InlineEditCell(_ref) {
     return num.toString().padStart(2, '0');
   };
   var buildDate = function buildDate(value) {
+    var _config$inputProps2;
+    var dateFormat = config === null || config === void 0 ? void 0 : (_config$inputProps2 = config.inputProps) === null || _config$inputProps2 === void 0 ? void 0 : _config$inputProps2.dateFormat;
     if (value instanceof Date) {
-      var _config$dateFormat = config.dateFormat,
-        dateFormat = _config$dateFormat === void 0 ? 'm/d/Y' : _config$dateFormat;
       var maskedFullYear = value.getFullYear();
       var maskedMonth = padTo2Digits(value.getMonth() + 1);
       var maskedDay = padTo2Digits(value.getDate());
-      if (dateFormat === 'm/d/Y' || dateFormat === 'm/d/y') {
+      if (dateFormat === 'm/d/Y' || value === 'm/d/y') {
         return [maskedMonth, maskedDay, maskedFullYear].join('/');
       }
-      if (dateFormat === 'd/m/Y' || dateFormat === 'd/m/y') {
+      if (dateFormat === 'd/m/Y' || dateFormat === 'd/m/y' || dateFormat === undefined) {
         return [maskedDay, maskedMonth, maskedFullYear].join('/');
       }
+    } else {
+      return value;
     }
     return null;
   };

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/utils/getInlineEditColumns.js

@@ -100,6 +100,7 @@ var getInlineEditColumns = function getInlineEditColumns() {
           console.log(newDateObj, cell);
         },
         labelText: 'Change active since date',
+        dateFormat: 'd/m/Y',
         // optionally pass props here to be passed through to Carbon's DatePickerInput component
         datePickerInputProps: {
           labelText: 'Change active since date'

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

@@ -168,7 +168,7 @@ var newPerson = function newPerson() {
       numbers: 0
     }),
     chartType: initialChartTypeIndex === 0 ? _getInlineEditColumns.inlineEditSelectItems[0] : initialChartTypeIndex === 1 ? _getInlineEditColumns.inlineEditSelectItems[1] : _getInlineEditColumns.inlineEditSelectItems[2],
-    activeSince: activeChance > 0.66 ? activeSinceDate : activeChance > 0.33 ? yesterdayDate : twoDaysAgoDate,
+    activeSince: activeChance > 0.66 ? activeSinceDate : activeChance > 0.33 ? yesterdayDate : '23/05/2020',
     bonus: "$\r".concat(getRandomInteger(100, 500, 2)),
     passwordStrength: getPasswordStrength(),
     doc_link: renderDocLink()

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.41.0",
+  "version": "1.41.2",
   "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": "e4bf28006ae17c6720e5142f6bafd8fe02586b00"
+  "gitHead": "9617ce2463ce095784a946dc594610a2c9642295"
 }

package/scss/components/Datagrid/styles/_datagrid.scss

@@ -536,6 +536,11 @@
   height: $spacing-09;
 }
 
+.#{$block-class}__customize-columns-checkbox-wrapper.#{$carbon-prefix}--form-item {
+  flex: 0 0 auto;
+  margin-right: $spacing-03;
+}
+
 .#{$block-class}__virtual-scrollbar::-webkit-scrollbar {
   width: 10px;
   height: 7px;