@carbon/ibm-products 2.19.2 → 2.21.0

package/lib/components/Datagrid/Datagrid/DatagridRow.js

@@ -34,7 +34,6 @@ var rowHeights = {
 
 // eslint-disable-next-line react/prop-types
 var DatagridRow = function DatagridRow(datagridState) {
-  var _cx;
   var row = datagridState.row,
     rowSize = datagridState.rowSize,
     withNestedRows = datagridState.withNestedRows,
@@ -98,7 +97,7 @@ var DatagridRow = function DatagridRow(datagridState) {
       hoverHandler(event);
     }
   };
-  var rowClassNames = (0, _classnames.default)("".concat(blockClass, "__carbon-row"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__carbon-row-expandable"), row.canExpand), (0, _defineProperty2.default)(_cx, "".concat(_settings.carbon.prefix, "--data-table--selected"), row.isSelected), _cx));
+  var rowClassNames = (0, _classnames.default)("".concat(blockClass, "__carbon-row"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), "".concat(blockClass, "__carbon-row-expandable"), row.canExpand), "".concat(_settings.carbon.prefix, "--data-table--selected"), row.isSelected));
   var setAdditionalRowProps = function setAdditionalRowProps() {
     if (withNestedRows || withExpandedRows) {
       return {
@@ -107,6 +106,8 @@ var DatagridRow = function DatagridRow(datagridState) {
     }
     return {};
   };
+
+  // eslint-disable-next-line no-unused-vars
   var _row$getRowProps = row.getRowProps(),
     role = _row$getRowProps.role,
     rowProps = (0, _objectWithoutProperties2.default)(_row$getRowProps, _excluded);
@@ -121,11 +122,10 @@ var DatagridRow = function DatagridRow(datagridState) {
     onFocus: hoverHandler,
     onBlur: focusRemover,
     onKeyUp: handleOnKeyUp
-  }, setAdditionalRowProps(), role === 'row' && {
-    role: role
-  }), row.cells.map(function (cell, index) {
-    var _cell$column;
+  }, setAdditionalRowProps()), row.cells.map(function (cell, index) {
+    var _cell$column, _content$props;
     var cellProps = cell.getCellProps();
+    // eslint-disable-next-line no-unused-vars
     var children = cellProps.children,
       role = cellProps.role,
       restProps = (0, _objectWithoutProperties2.default)(cellProps, _excluded2);
@@ -136,13 +136,12 @@ var DatagridRow = function DatagridRow(datagridState) {
         key: cell.column.id
       });
     }
+    var title = content === null || content === void 0 || (_content$props = content.props) === null || _content$props === void 0 || (_content$props = _content$props.children[0]) === null || _content$props === void 0 || (_content$props = _content$props.props) === null || _content$props === void 0 ? void 0 : _content$props.value;
     return /*#__PURE__*/_react.default.createElement(_react2.TableCell, (0, _extends2.default)({
       className: (0, _classnames.default)("".concat(blockClass, "__cell"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__expandable-row-cell"), row.canExpand && index === 0))
     }, restProps, {
-      key: cell.column.id
-      // avoid unnecessary role assignment to cells
-    }, role === 'cell' && {
-      role: role
+      key: cell.column.id,
+      title: title
     }), content);
   })), renderExpandedRow());
 };

package/lib/components/Datagrid/Datagrid/DraggableElement.js

@@ -25,7 +25,6 @@ var _sortable = require("@dnd-kit/sortable");
 
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var DraggableElement = function DraggableElement(_ref) {
-  var _cx;
   var id = _ref.id,
     children = _ref.children,
     classList = _ref.classList,
@@ -57,7 +56,7 @@ var DraggableElement = function DraggableElement(_ref) {
     transition: transition
   };
   return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
-    className: (0, _classnames.default)(classList, "".concat(blockClass, "__draggable-handleHolder"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__draggable-handleHolder--selected"), selected), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__draggable-handleHolder--sticky"), isSticky), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__draggable-handleHolder--dragging"), isDragging), _cx)),
+    className: (0, _classnames.default)(classList, "".concat(blockClass, "__draggable-handleHolder"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__draggable-handleHolder--selected"), selected), "".concat(blockClass, "__draggable-handleHolder--sticky"), isSticky), "".concat(blockClass, "__draggable-handleHolder--dragging"), isDragging)),
     id: id,
     ref: setNodeRef,
     style: style

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

@@ -18,11 +18,12 @@ var _settings = require("../../../../../settings");
 var _ActionSet = require("../../../../ActionSet");
 var _constants = require("./constants");
 var _hooks2 = require("./hooks");
+var _layout = require("@carbon/layout");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // @flow
 /**
- * Copyright IBM Corp. 2022, 2023
+ * Copyright IBM Corp. 2022, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -30,18 +31,22 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var componentClass = "".concat(blockClass, "-filter-flyout");
+var defaults = {
+  flyoutIconDescription: 'Open filters',
+  title: 'Filter',
+  primaryActionLabel: 'Apply',
+  secondaryActionLabel: 'Cancel'
+};
 var FilterFlyout = function FilterFlyout(_ref) {
-  var _cx2;
-  var _ref$updateMethod = _ref.updateMethod,
-    updateMethod = _ref$updateMethod === void 0 ? _constants.BATCH : _ref$updateMethod,
+  var updateMethod = _ref.updateMethod,
     _ref$flyoutIconDescri = _ref.flyoutIconDescription,
-    flyoutIconDescription = _ref$flyoutIconDescri === void 0 ? 'Open filters' : _ref$flyoutIconDescri,
+    flyoutIconDescription = _ref$flyoutIconDescri === void 0 ? defaults.flyoutIconDescription : _ref$flyoutIconDescri,
     _ref$filters = _ref.filters,
     filters = _ref$filters === void 0 ? [] : _ref$filters,
     _ref$title = _ref.title,
-    title = _ref$title === void 0 ? 'Filter' : _ref$title,
+    title = _ref$title === void 0 ? defaults.title : _ref$title,
     _ref$primaryActionLab = _ref.primaryActionLabel,
-    primaryActionLabel = _ref$primaryActionLab === void 0 ? 'Apply' : _ref$primaryActionLab,
+    primaryActionLabel = _ref$primaryActionLab === void 0 ? defaults.primaryActionLabel : _ref$primaryActionLab,
     _ref$onFlyoutOpen = _ref.onFlyoutOpen,
     onFlyoutOpen = _ref$onFlyoutOpen === void 0 ? function () {} : _ref$onFlyoutOpen,
     _ref$onFlyoutClose = _ref.onFlyoutClose,
@@ -51,7 +56,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
     _ref$onCancel = _ref.onCancel,
     onCancel = _ref$onCancel === void 0 ? function () {} : _ref$onCancel,
     _ref$secondaryActionL = _ref.secondaryActionLabel,
-    secondaryActionLabel = _ref$secondaryActionL === void 0 ? 'Cancel' : _ref$secondaryActionL,
+    secondaryActionLabel = _ref$secondaryActionL === void 0 ? defaults.secondaryActionLabel : _ref$secondaryActionL,
     setAllFilters = _ref.setAllFilters,
     _ref$data = _ref.data,
     data = _ref$data === void 0 ? [] : _ref$data,
@@ -62,6 +67,10 @@ var FilterFlyout = function FilterFlyout(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
+  var _useState3 = (0, _react2.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    stackedLayout = _useState4[0],
+    setStackedLayout = _useState4[1];
   var _useFilters = (0, _hooks2.useFilters)({
       updateMethod: updateMethod,
       filters: filters,
@@ -78,9 +87,13 @@ var FilterFlyout = function FilterFlyout(_ref) {
     renderFilter = _useFilters.renderFilter,
     filtersObjectArray = _useFilters.filtersObjectArray,
     lastAppliedFilters = _useFilters.lastAppliedFilters;
+  var width = _layout.breakpoints.md.width;
+  var mdPxWidth = parseInt(width) * 16;
 
   /** Refs */
   var filterFlyoutRef = (0, _react2.useRef)(null);
+  var flyoutInnerRef = (0, _react2.useRef)(null);
+  var flyoutFiltersContainerRef = (0, _react2.useRef)(null);
 
   /** State from hooks */
   var _useShouldDisableButt = (0, _hooks2.useShouldDisableButtons)({
@@ -92,6 +105,36 @@ var FilterFlyout = function FilterFlyout(_ref) {
     shouldDisableButtons = _useShouldDisableButt2[0],
     setShouldDisableButtons = _useShouldDisableButt2[1];
 
+  // Skip resize testing
+  /* istanbul ignore next */
+  var handleResize = function handleResize(current) {
+    var filterFlyoutRefPosition = flyoutInnerRef === null || flyoutInnerRef === void 0 ? void 0 : flyoutInnerRef.current.getBoundingClientRect();
+    var originalFlyoutWidth = parseInt(window.getComputedStyle(flyoutInnerRef === null || flyoutInnerRef === void 0 ? void 0 : flyoutInnerRef.current).getPropertyValue('width'));
+    // Check to see if left value from flyout getBoundingClientRect is a negative number
+    // If it is, that is the amount we need to subtract from the flyout width
+    if (Math.sign(filterFlyoutRefPosition.left) === -1) {
+      var newFlyoutWidth = originalFlyoutWidth - Math.abs(filterFlyoutRefPosition.left);
+      flyoutInnerRef.current.style.width = (0, _layout.px)(newFlyoutWidth);
+    }
+    // Check to see if left value from flyout getBoundingClientRect is a positive number or 0
+    // If it is, that is the amount we need to add to the flyout width until we reach the
+    // max-width of the flyout (642)
+    if (originalFlyoutWidth < 642 && Math.sign(filterFlyoutRefPosition.left) === 1 || Math.sign(filterFlyoutRefPosition.left).toString() === '0') {
+      var _newFlyoutWidth = originalFlyoutWidth + Math.abs(filterFlyoutRefPosition.left);
+      flyoutInnerRef.current.style.width = (0, _layout.px)(_newFlyoutWidth);
+    }
+    // Begin stacking filters at this specific point
+    if ((current === null || current === void 0 ? void 0 : current.innerWidth) <= mdPxWidth + 254) {
+      setStackedLayout(true);
+    } else {
+      setStackedLayout(false);
+    }
+  };
+  (0, _hooks.useWindowResize)(function (_ref2) {
+    var current = _ref2.current;
+    handleResize(current);
+  });
+
   /** Memos */
   var showActionSet = updateMethod === _constants.BATCH;
   var carbonPrefix = (0, _react.usePrefix)();
@@ -104,7 +147,12 @@ var FilterFlyout = function FilterFlyout(_ref) {
   var closeFlyout = function closeFlyout() {
     setOpen(false);
     onFlyoutClose();
+    flyoutInnerRef.current.style.width = (0, _layout.px)(642);
   };
+  (0, _react2.useEffect)(function () {
+    // Initialize flyout width
+    flyoutInnerRef.current.style.width = (0, _layout.px)(642);
+  }, []);
   var apply = function apply() {
     setAllFilters(filtersObjectArray);
     closeFlyout();
@@ -172,13 +220,15 @@ var FilterFlyout = function FilterFlyout(_ref) {
     className: (0, _classnames.default)("".concat(componentClass, "__trigger"), (0, _defineProperty2.default)({}, "".concat(componentClass, "__trigger--open"), open)),
     disabled: data.length === 0
   }, /*#__PURE__*/_react2.default.createElement(_icons.Filter, null)), /*#__PURE__*/_react2.default.createElement("div", {
-    className: (0, _classnames.default)(componentClass, (_cx2 = {}, (0, _defineProperty2.default)(_cx2, "".concat(componentClass, "--open"), open), (0, _defineProperty2.default)(_cx2, "".concat(componentClass, "--batch"), showActionSet), (0, _defineProperty2.default)(_cx2, "".concat(componentClass, "--instant"), !showActionSet), _cx2))
+    className: (0, _classnames.default)(componentClass, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(componentClass, "--open"), open), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
+    ref: flyoutInnerRef
   }, /*#__PURE__*/_react2.default.createElement("div", {
     className: "".concat(componentClass, "__inner-container")
   }, /*#__PURE__*/_react2.default.createElement("span", {
     className: "".concat(componentClass, "__title")
   }, title), /*#__PURE__*/_react2.default.createElement("div", {
-    className: "".concat(componentClass, "__filters")
+    className: (0, _classnames.default)("".concat(componentClass, "__filters"), (0, _defineProperty2.default)({}, "".concat(componentClass, "__stacked"), stackedLayout)),
+    ref: flyoutFiltersContainerRef
   }, renderFilters())), renderActionSet()));
 };
 FilterFlyout.propTypes = {

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

@@ -25,7 +25,7 @@ var _layout = require("@carbon/layout");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
- * Copyright IBM Corp. 2022, 2023
+ * Copyright IBM Corp. 2022, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -36,14 +36,20 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var componentClass = exports.componentClass = "".concat(blockClass, "-filter-panel");
 var MotionActionSet = (0, _framerMotion.motion)(_ActionSet.ActionSet);
+var defaults = {
+  title: 'Filter',
+  closeIconDescription: 'Close filter panel',
+  primaryActionLabel: 'Apply',
+  secondaryActionLabel: 'Cancel',
+  searchLabelText: 'Filter search',
+  searchPlaceholder: 'Find filters'
+};
 var FilterPanel = function FilterPanel(_ref) {
-  var _cx;
   var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? 'Filter' : _ref$title,
+    title = _ref$title === void 0 ? defaults.title : _ref$title,
     _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === void 0 ? 'Close filter panel' : _ref$closeIconDescrip,
-    _ref$updateMethod = _ref.updateMethod,
-    updateMethod = _ref$updateMethod === void 0 ? _constants.BATCH : _ref$updateMethod,
+    closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
+    updateMethod = _ref.updateMethod,
     filterSections = _ref.filterSections,
     setAllFilters = _ref.setAllFilters,
     _ref$onApply = _ref.onApply,
@@ -59,13 +65,13 @@ var FilterPanel = function FilterPanel(_ref) {
     _ref$filterPanelMinHe = _ref.filterPanelMinHeight,
     filterPanelMinHeight = _ref$filterPanelMinHe === void 0 ? 600 : _ref$filterPanelMinHe,
     _ref$primaryActionLab = _ref.primaryActionLabel,
-    primaryActionLabel = _ref$primaryActionLab === void 0 ? 'Apply' : _ref$primaryActionLab,
+    primaryActionLabel = _ref$primaryActionLab === void 0 ? defaults.primaryActionLabel : _ref$primaryActionLab,
     _ref$secondaryActionL = _ref.secondaryActionLabel,
-    secondaryActionLabel = _ref$secondaryActionL === void 0 ? 'Cancel' : _ref$secondaryActionL,
+    secondaryActionLabel = _ref$secondaryActionL === void 0 ? defaults.secondaryActionLabel : _ref$secondaryActionL,
     _ref$searchLabelText = _ref.searchLabelText,
-    searchLabelText = _ref$searchLabelText === void 0 ? 'Filter search' : _ref$searchLabelText,
+    searchLabelText = _ref$searchLabelText === void 0 ? defaults.searchLabelText : _ref$searchLabelText,
     _ref$searchPlaceholde = _ref.searchPlaceholder,
-    searchPlaceholder = _ref$searchPlaceholde === void 0 ? 'Find filters' : _ref$searchPlaceholde,
+    searchPlaceholder = _ref$searchPlaceholde === void 0 ? defaults.searchPlaceholder : _ref$searchPlaceholde,
     _ref$reactTableFilter = _ref.reactTableFiltersState,
     reactTableFiltersState = _ref$reactTableFilter === void 0 ? [] : _ref$reactTableFilter,
     _ref$autoHideFilters = _ref.autoHideFilters,
@@ -117,6 +123,7 @@ var FilterPanel = function FilterPanel(_ref) {
     _useShouldDisableButt2 = (0, _slicedToArray2.default)(_useShouldDisableButt, 2),
     shouldDisableButtons = _useShouldDisableButt2[0],
     setShouldDisableButtons = _useShouldDisableButt2[1];
+  var shouldReduceMotion = (0, _framerMotion.useReducedMotion)();
 
   /** Memos */
   var showActionSet = (0, _react2.useMemo)(function () {
@@ -159,6 +166,7 @@ var FilterPanel = function FilterPanel(_ref) {
       }],
       className: "".concat(componentClass, "__action-set"),
       ref: actionSetRef,
+      custom: shouldReduceMotion,
       variants: _variants.actionSetVariants
     });
   };
@@ -188,16 +196,19 @@ var FilterPanel = function FilterPanel(_ref) {
     var filterHeadingHeight = (_filterHeadingRef$cur = filterHeadingRef.current) === null || _filterHeadingRef$cur === void 0 ? void 0 : _filterHeadingRef$cur.getBoundingClientRect().height;
     var filterSearchHeight = (_filterSearchRef$curr = filterSearchRef.current) === null || _filterSearchRef$curr === void 0 ? void 0 : _filterSearchRef$curr.getBoundingClientRect().height;
     var actionSetHeight = (_actionSetRef$current = actionSetRef.current) === null || _actionSetRef$current === void 0 ? void 0 : _actionSetRef$current.getBoundingClientRect().height;
-    var height = "calc(100vh - ".concat(filterHeadingHeight, "px - ").concat(showFilterSearch ? filterSearchHeight : 0, "px - ").concat(updateMethod === _constants.BATCH ? actionSetHeight : 0, "px)");
+    var height = "calc(100vh - ".concat(filterHeadingHeight, "px - ").concat( /* istanbul ignore next */
+    showFilterSearch ? filterSearchHeight : 0, "px - ").concat(updateMethod === _constants.BATCH ? actionSetHeight : 0, "px)");
     return height;
   };
   return /*#__PURE__*/_react2.default.createElement(_framerMotion.motion.div, {
     ref: filterPanelRef,
-    className: (0, _classnames.default)(componentClass, "".concat(componentClass, "__container"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(componentClass, "--open"), panelOpen), (0, _defineProperty2.default)(_cx, "".concat(componentClass, "--batch"), showActionSet), (0, _defineProperty2.default)(_cx, "".concat(componentClass, "--instant"), !showActionSet), _cx)),
+    className: (0, _classnames.default)(componentClass, "".concat(componentClass, "__container"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(componentClass, "--open"), panelOpen), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
     initial: false,
     animate: panelOpen ? 'visible' : 'hidden',
+    custom: shouldReduceMotion,
     variants: _variants.panelVariants
   }, /*#__PURE__*/_react2.default.createElement(_framerMotion.motion.div, {
+    custom: shouldReduceMotion,
     variants: _variants.innerContainerVariants
   }, /*#__PURE__*/_react2.default.createElement("header", {
     ref: filterHeadingRef,
@@ -216,7 +227,10 @@ var FilterPanel = function FilterPanel(_ref) {
     tooltipPosition: "bottom",
     tooltipAlignment: "end",
     onClick: closePanel
-  }), showFilterSearch && /*#__PURE__*/_react2.default.createElement("div", {
+  }), showFilterSearch &&
+  /*#__PURE__*/
+  /* istanbul ignore next */
+  _react2.default.createElement("div", {
     ref: filterSearchRef,
     className: "".concat(componentClass, "__search")
   }, /*#__PURE__*/_react2.default.createElement(_react.Layer, null, /*#__PURE__*/_react2.default.createElement(_react.Search, {

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js

@@ -58,8 +58,7 @@ var useFilters = function useFilters(_ref2) {
     setAllFilters = _ref2.setAllFilters,
     variation = _ref2.variation,
     reactTableFiltersState = _ref2.reactTableFiltersState,
-    _ref2$onCancel = _ref2.onCancel,
-    onCancel = _ref2$onCancel === void 0 ? function () {} : _ref2$onCancel,
+    onCancel = _ref2.onCancel,
     panelOpen = _ref2.panelOpen,
     autoHideFilters = _ref2.autoHideFilters,
     isFetching = _ref2.isFetching;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js

@@ -9,7 +9,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 /**
- * Copyright IBM Corp. 2023, 2023
+ * Copyright IBM Corp. 2023, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -24,8 +24,7 @@ var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
  * @returns {Array} returns a tuple of the state and setter function
  */
 var useShouldDisableButtons = function useShouldDisableButtons(_ref) {
-  var _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === void 0 ? true : _ref$initialValue,
+  var initialValue = _ref.initialValue,
     filtersState = _ref.filtersState,
     prevFiltersRef = _ref.prevFiltersRef;
   var _useState = (0, _react.useState)(initialValue),

package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js

@@ -6,56 +6,78 @@ Object.defineProperty(exports, "__esModule", {
 exports.panelVariants = exports.innerContainerVariants = exports.actionSetVariants = void 0;
 var _motionConstants = require("../../../../../../global/js/utils/motionConstants");
 var _constants = require("../constants");
+/**
+ * Copyright IBM Corp. 2023, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 var panelVariants = exports.panelVariants = {
-  hidden: {
-    width: 0,
-    overflow: 'hidden',
-    transition: {
-      duration: _motionConstants.DURATIONS.fast02,
-      ease: _motionConstants.EASINGS.productive.exit,
-      when: 'afterChildren'
-    }
+  hidden: function hidden(shouldReduceMotion) {
+    return {
+      width: 0,
+      overflow: 'hidden',
+      transition: {
+        duration: shouldReduceMotion ? 0 : _motionConstants.DURATIONS.fast02,
+        ease: shouldReduceMotion ? 0 : _motionConstants.EASINGS.productive.exit,
+        when: 'afterChildren'
+      }
+    };
   },
-  visible: {
-    width: _constants.PANEL_WIDTH,
-    overflow: 'visible',
-    transition: {
-      duration: _motionConstants.DURATIONS.moderate02,
-      ease: _motionConstants.EASINGS.productive.entrance,
-      when: 'beforeChildren'
-    }
+  visible: function visible(shouldReduceMotion) {
+    return {
+      width: _constants.PANEL_WIDTH,
+      overflow: 'visible',
+      transition: {
+        duration: shouldReduceMotion ? 0 : _motionConstants.DURATIONS.moderate02,
+        ease: shouldReduceMotion ? 0 : _motionConstants.EASINGS.productive.entrance,
+        when: 'beforeChildren'
+      }
+    };
   }
 };
 var innerContainerVariants = exports.innerContainerVariants = {
-  hidden: {
-    opacity: 0,
-    transition: {
-      duration: _motionConstants.DURATIONS.fast01,
-      ease: _motionConstants.EASINGS.productive.exit
-    }
+  hidden: function hidden(shouldReduceMotion) {
+    return {
+      opacity: 0,
+      transition: {
+        duration: shouldReduceMotion ? _motionConstants.DURATIONS.moderate01 : _motionConstants.DURATIONS.fast01,
+        ease: shouldReduceMotion ? 0 : _motionConstants.EASINGS.productive.exit
+      }
+    };
   },
-  visible: {
-    opacity: 1,
-    transition: {
-      duration: _motionConstants.DURATIONS.fast02,
-      ease: _motionConstants.EASINGS.productive.entrance,
-      when: 'beforeChildren'
-    }
+  visible: function visible(shouldReduceMotion) {
+    return {
+      opacity: 1,
+      transition: {
+        duration: shouldReduceMotion ? _motionConstants.DURATIONS.moderate01 : _motionConstants.DURATIONS.fast02,
+        ease: shouldReduceMotion ? 0 : _motionConstants.EASINGS.productive.entrance,
+        when: shouldReduceMotion ? null : 'beforeChildren'
+      }
+    };
   }
 };
 var actionSetVariants = exports.actionSetVariants = {
-  hidden: {
-    y: _constants.ACTION_SET_HEIGHT,
-    transition: {
-      duration: _motionConstants.DURATIONS.fast01,
-      ease: _motionConstants.EASINGS.productive.exit
-    }
+  hidden: function hidden(shouldReduceMotion) {
+    return {
+      y: shouldReduceMotion ? 0 : _constants.ACTION_SET_HEIGHT,
+      opacity: shouldReduceMotion ? 0 : 1,
+      transition: {
+        duration: shouldReduceMotion ? _motionConstants.DURATIONS.moderate01 : _motionConstants.DURATIONS.fast01,
+        ease: shouldReduceMotion ? 0 : _motionConstants.EASINGS.productive.exit
+      }
+    };
   },
-  visible: {
-    y: 0,
-    transition: {
-      duration: _motionConstants.DURATIONS.fast02,
-      ease: _motionConstants.EASINGS.productive.entrance
-    }
+  visible: function visible(shouldReduceMotion) {
+    return {
+      y: 0,
+      opacity: 1,
+      transition: {
+        duration: shouldReduceMotion ? _motionConstants.DURATIONS.moderate01 : _motionConstants.DURATIONS.fast02,
+        ease: shouldReduceMotion ? 0 : _motionConstants.EASINGS.productive.entrance,
+        delay: shouldReduceMotion ? 0.075 : 0
+      }
+    };
   }
 };

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

@@ -29,9 +29,7 @@ var applyInitialFilters = function applyInitialFilters(filterState, initialFilte
 };
 
 // This functions takes the filters passed in and makes an object to track it's state
-var getInitialStateFromFilters = exports.getInitialStateFromFilters = function getInitialStateFromFilters(filters) {
-  var variation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.FLYOUT;
-  var initialFilters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+var getInitialStateFromFilters = exports.getInitialStateFromFilters = function getInitialStateFromFilters(filters, variation, initialFilters) {
   var initialFilterState = {};
   var setInitialState = function setInitialState(_ref) {
     var type = _ref.type,
@@ -86,8 +84,6 @@ var getInitialStateFromFilters = exports.getInitialStateFromFilters = function g
         return setInitialState(filter);
       });
     });
-  } else {
-    console.error('No variation passed into useInitialStateFromFilters');
   }
   if (initialFilters.length > 0) {
     applyInitialFilters(initialFilterState, initialFilters);

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

@@ -19,7 +19,6 @@ var _settings = require("../../../../../../settings");
 
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var InlineEditButton = exports.InlineEditButton = function InlineEditButton(_ref) {
-  var _cx, _cx2;
   var label = _ref.label,
     Icon = _ref.renderIcon,
     disabled = _ref.disabled,
@@ -30,7 +29,7 @@ var InlineEditButton = exports.InlineEditButton = function InlineEditButton(_ref
     columnConfig = _ref.columnConfig,
     type = _ref.type;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(blockClass, "__inline-edit-button"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__inline-edit-button--disabled"), disabled || nonEditCell), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__inline-edit-button--with-label-icon"), LabelIcon), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__inline-edit-button--non-edit"), nonEditCell), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__inline-edit-button--active"), isActiveCell), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__inline-edit-button--").concat(type), type === 'date' || type === 'selection'), _cx)),
+    className: (0, _classnames.default)("".concat(blockClass, "__inline-edit-button"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__inline-edit-button--disabled"), disabled || nonEditCell), "".concat(blockClass, "__inline-edit-button--with-label-icon"), LabelIcon), "".concat(blockClass, "__inline-edit-button--non-edit"), nonEditCell), "".concat(blockClass, "__inline-edit-button--active"), isActiveCell), "".concat(blockClass, "__inline-edit-button--").concat(type), type === 'date' || type === 'selection')),
     tabIndex: isActiveCell ? 0 : -1,
     "data-disabled": disabled || nonEditCell,
     "aria-disabled": disabled || nonEditCell,
@@ -39,7 +38,7 @@ var InlineEditButton = exports.InlineEditButton = function InlineEditButton(_ref
   }, LabelIcon && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(blockClass, "__label-icon")
   }, /*#__PURE__*/_react.default.createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("".concat(blockClass, "__inline-edit-button-label"), (_cx2 = {}, (0, _defineProperty2.default)(_cx2, "".concat(blockClass, "__inline-edit-button-label-with-icon"), !nonEditCell), (0, _defineProperty2.default)(_cx2, "".concat(blockClass, "__defaultStringRenderer--multiline"), columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig.multiLineWrap), _cx2))
+    className: (0, _classnames.default)("".concat(blockClass, "__inline-edit-button-label"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__inline-edit-button-label-with-icon"), !nonEditCell), "".concat(blockClass, "__defaultStringRenderer--multiline"), columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig.multiLineWrap))
   }, label) : /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(blockClass, "__placeholder")
   }, placeholder), !nonEditCell && Icon && /*#__PURE__*/_react.default.createElement("div", {

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

@@ -31,7 +31,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
                                                                                                                                                                                                                                                                                                                                                                                                                                                                        */
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var InlineEditCell = exports.InlineEditCell = function InlineEditCell(_ref) {
-  var _config$validator, _cx3, _value$text;
+  var _config$validator, _value$text;
   var cell = _ref.cell,
     config = _ref.config,
     instance = _ref.instance,
@@ -446,7 +446,7 @@ var InlineEditCell = exports.InlineEditCell = function InlineEditCell(_ref) {
       "data-inline-type": type,
       onClick: !nonEditCell ? handleInlineCellClick : addActiveState,
       onKeyDown: !nonEditCell ? handleKeyDown : null,
-      className: (0, _classnames.default)("".concat(blockClass, "__inline-edit--outer-cell-button"), (_cx3 = {}, (0, _defineProperty2.default)(_cx3, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), (0, _defineProperty2.default)(_cx3, "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), (0, _defineProperty2.default)(_cx3, "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue)), _cx3))
+      className: (0, _classnames.default)("".concat(blockClass, "__inline-edit--outer-cell-button"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue)))
     }, !inEditMode && /*#__PURE__*/_react.default.createElement(_InlineEditButton.InlineEditButton, {
       isActiveCell: cellId === activeCellId,
       renderIcon: setRenderIcon(),

package/lib/components/Datagrid/useActionsColumn.js

@@ -43,7 +43,6 @@ var useActionsColumn = function useActionsColumn(hooks) {
         var row = cell.row,
           column = cell.column;
         if (column.isAction) {
-          var _cx3;
           var isColumnSticky = !!column.sticky;
           return [props, {
             children: /*#__PURE__*/_react.default.createElement("div", {
@@ -115,7 +114,7 @@ var useActionsColumn = function useActionsColumn(hooks) {
                 key: id
               }));
             })))),
-            className: (0, _classnames.default)((_cx3 = {}, (0, _defineProperty2.default)(_cx3, "".concat(blockClass, "__actions-column-cell"), true), (0, _defineProperty2.default)(_cx3, "".concat(blockClass, "__cell"), true), (0, _defineProperty2.default)(_cx3, "".concat(blockClass, "__actions-column-cell-non-sticky"), !isColumnSticky), _cx3)),
+            className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__actions-column-cell"), true), "".concat(blockClass, "__cell"), true), "".concat(blockClass, "__actions-column-cell-non-sticky"), !isColumnSticky)),
             style: {
               width: rowActions.length > 2 || isColumnSticky ? 48 : 96
             }

package/lib/components/Datagrid/useDefaultStringRenderer.js

@@ -23,8 +23,7 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
   var StringRenderer = function StringRenderer(tableProps) {
     var _tableProps$column;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(blockClass, "__defaultStringRenderer"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), ((_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.multiLineWrap) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.multiLineWrapAll))),
-      title: tableProps.value
+      className: (0, _classnames.default)("".concat(blockClass, "__defaultStringRenderer"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), ((_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.multiLineWrap) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.multiLineWrapAll)))
     }, tableProps.value);
   };
   var HeaderRenderer = function HeaderRenderer(header) {

package/lib/components/Datagrid/useFiltering.js

@@ -23,6 +23,7 @@ var useFiltering = function useFiltering(hooks) {
   (0, _react.useEffect)(function () {
     _settings.pkg.checkReportFeatureEnabled('Datagrid.useFiltering');
   }, []);
+  /* istanbul ignore next */
   var filterTypes = (0, _react.useMemo)(function () {
     return {
       date: function date(rows, id, _ref) {

package/lib/components/Datagrid/useNestedRowExpander.js

@@ -40,7 +40,6 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
     var expanderColumn = {
       id: 'expander',
       Cell: function Cell(_ref) {
-        var _cx;
         var row = _ref.row;
         var expanderButtonProps = _objectSpread(_objectSpread({}, row.getToggleRowExpandedProps()), {}, {
           onClick: function onClick(event) {
@@ -63,7 +62,7 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
         }, expanderButtonProps, {
           title: expanderTitle
         }), /*#__PURE__*/_react.default.createElement(_icons.ChevronRight, {
-          className: (0, _classnames.default)("".concat(blockClass, "__expander-icon"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__expander-icon--not-open"), !row.isExpanded), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__expander-icon--open"), row.isExpanded), _cx))
+          className: (0, _classnames.default)("".concat(blockClass, "__expander-icon"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(blockClass, "__expander-icon--not-open"), !row.isExpanded), "".concat(blockClass, "__expander-icon--open"), row.isExpanded))
         }));
       },
       width: 48,