@carbon/ibm-products 1.41.4 → 1.42.1

package/lib/components/Datagrid/Datagrid/DatagridToolbar.js

@@ -143,7 +143,8 @@ var DatagridToolbar = function DatagridToolbar(datagridState) {
   var DatagridActions = datagridState.DatagridActions,
     DatagridBatchActions = datagridState.DatagridBatchActions,
     batchActions = datagridState.batchActions,
-    state = datagridState.state;
+    state = datagridState.state,
+    rowSize = datagridState.rowSize;
   var _useContext = (0, _react.useContext)(_FilterProvider.FilterContext),
     filterTags = _useContext.filterTags,
     EventEmitter = _useContext.EventEmitter;
@@ -155,9 +156,10 @@ var DatagridToolbar = function DatagridToolbar(datagridState) {
       }
     });
   };
+  var getRowHeight = rowSize ? rowSize : 'lg';
   return batchActions && DatagridActions ? /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
-    className: "".concat(blockClass, "__table-toolbar")
+    className: (0, _classnames.default)("".concat(blockClass, "__table-toolbar"), "".concat(blockClass, "__table-toolbar--").concat(getRowHeight))
   }, /*#__PURE__*/_react.default.createElement(TableToolbar, null, DatagridActions && DatagridActions(datagridState), DatagridBatchActionsToolbar && DatagridBatchActionsToolbar(datagridState, width, ref)), renderFilterSummary()) : DatagridActions ? /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(blockClass, "__table-toolbar")
   }, /*#__PURE__*/_react.default.createElement(TableToolbar, null, DatagridActions && DatagridActions(datagridState), DatagridBatchActions && DatagridBatchActions(datagridState)), renderFilterSummary()) : null;

package/lib/components/Datagrid/useFiltering.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
+var _Filtering = require("./Datagrid/addons/Filtering");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFiltering = function useFiltering(hooks) {
@@ -73,7 +74,8 @@ var useFiltering = function useFiltering(hooks) {
     Object.assign(instance, {
       filterProps: _objectSpread(_objectSpread({}, defaultProps), instance.filterProps),
       filterTypes: filterTypes,
-      getFilterFlyoutProps: getFilterFlyoutProps
+      getFilterFlyoutProps: getFilterFlyoutProps,
+      FilterFlyout: _Filtering.FilterFlyout
     });
   });
 };

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

@@ -13,7 +13,6 @@ var _iconsReact = require("@carbon/icons-react");
 var _addonActions = require("@storybook/addon-actions");
 var _settings = require("../../../settings");
 var _ButtonMenu = require("../../ButtonMenu");
-var _Filtering = require("../Datagrid/addons/Filtering");
 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; }
 /**
@@ -32,7 +31,8 @@ var DatagridActions = function DatagridActions(datagridState) {
     rowSizeDropdownProps = datagridState.rowSizeDropdownProps,
     useDenseHeader = datagridState.useDenseHeader,
     filterProps = datagridState.filterProps,
-    getFilterFlyoutProps = datagridState.getFilterFlyoutProps;
+    getFilterFlyoutProps = datagridState.getFilterFlyoutProps,
+    FilterFlyout = datagridState.FilterFlyout;
   var downloadCsv = function downloadCsv() {
     alert('Downloading...');
   };
@@ -53,7 +53,7 @@ var DatagridActions = function DatagridActions(datagridState) {
     };
   }, []);
   var renderFilterFlyout = function renderFilterFlyout() {
-    return (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'flyout' && /*#__PURE__*/_react.default.createElement(_Filtering.FilterFlyout, getFilterFlyoutProps());
+    return (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'flyout' && /*#__PURE__*/_react.default.createElement(FilterFlyout, getFilterFlyoutProps());
   };
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/lib/components/index.js

@@ -339,6 +339,12 @@ Object.defineProperty(exports, "useActionsColumn", {
     return _Datagrid.useActionsColumn;
   }
 });
+Object.defineProperty(exports, "useColumnCenterAlign", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.useColumnCenterAlign;
+  }
+});
 Object.defineProperty(exports, "useColumnOrder", {
   enumerable: true,
   get: function get() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.41.4",
+  "version": "1.42.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -52,32 +52,32 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.20.7",
-    "@babel/core": "^7.20.7",
-    "babel-preset-ibm-cloud-cognitive": "^0.14.25",
+    "@babel/core": "^7.20.12",
+    "babel-preset-ibm-cloud-cognitive": "^0.14.26",
     "chalk": "^4.1.2",
     "change-case": "^4.1.2",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "fs-extra": "^11.1.0",
-    "glob": "^8.0.3",
-    "jest": "^29.3.1",
-    "jest-config-ibm-cloud-cognitive": "^0.24.11",
-    "jest-environment-jsdom": "^29.3.1",
+    "glob": "^8.1.0",
+    "jest": "^29.4.1",
+    "jest-config-ibm-cloud-cognitive": "^0.24.12",
+    "jest-environment-jsdom": "^29.4.1",
     "namor": "^1.1.2",
-    "npm-check-updates": "^16.6.2",
+    "npm-check-updates": "^16.6.3",
     "npm-run-all": "^4.1.5",
-    "rimraf": "^3.0.2",
-    "sass": "^1.57.1",
+    "rimraf": "~3 || > 4.1",
+    "sass": "^1.58.0",
     "yargs": "^17.6.2"
   },
   "dependencies": {
-    "@babel/runtime": "^7.20.7",
+    "@babel/runtime": "^7.20.13",
     "@carbon/telemetry": "^0.1.0",
-    "framer-motion": "^6.5.1",
+    "framer-motion": "^6.5.1 <7",
     "immutability-helper": "^3.1.1",
     "react-dnd": "^15.1.2",
     "react-dnd-html5-backend": "^15.1.3",
-    "react-resize-detector": "^7.1.2",
+    "react-resize-detector": "^8.0.3",
     "react-table": "^7.8.0",
     "react-window": "^1.8.8"
   },
@@ -95,5 +95,5 @@
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "f75995823e500931e3e39f34589d274142b2a83e"
+  "gitHead": "6947835ada46f30aaba0a0ee110e08658ed74793"
 }

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

@@ -589,3 +589,10 @@
 .#{$block-class} .#{$carbon-prefix}--modal {
   width: 100%;
 }
+
+.#{$block-class}__table-toolbar--sm,
+.#{$block-class}__table-toolbar--xs {
+  .#{$pkg-prefix}--filter-summary {
+    padding: 0 $spacing-03;
+  }
+}

package/scss/components/Datagrid/styles/_useExpandedRow.scss

@@ -16,7 +16,7 @@
 
 .#{$block-class} .#{$block-class}__expanded-row-content {
   position: relative;
-  padding: $spacing-05 $spacing-05 $spacing-06 $spacing-09;
+  padding: $spacing-05 $spacing-05 $spacing-06 $spacing-10;
 }
 
 .#{$block-class} .#{$block-class}__expanded-row-content::before {

package/scss/components/Tearsheet/_tearsheet.scss

@@ -203,7 +203,7 @@
         max-width: 60%;
       }
 
-      word-break: break-all;
+      word-break: break-word;
     }
 
     &.#{$block-class}--wide .#{$block-class}__header-description {