@carbon/ibm-products 2.0.0-rc.29 → 2.0.0-rc.32

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

@@ -1,32 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FilterProvider = exports.FilterContext = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("./constants");
-
 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; }
-
 /**
  * Copyright IBM Corp. 2022, 2022
  *
  * 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 FilterContext = /*#__PURE__*/(0, _react.createContext)();
 exports.FilterContext = FilterContext;
 var EventEmitter = {
@@ -35,7 +27,6 @@ var EventEmitter = {
     if (!this.events[event]) {
       return;
     }
-
     this.events[event].forEach(function (callback) {
       return callback(data);
     });
@@ -48,14 +39,12 @@ var EventEmitter = {
     }
   }
 };
-
 var prepareFiltersForTags = function prepareFiltersForTags(filters) {
   var tags = [];
   filters.forEach(function (_ref) {
     var id = _ref.id,
-        type = _ref.type,
-        value = _ref.value;
-
+      type = _ref.type,
+      value = _ref.value;
     if (type === _constants.DROPDOWN || type === _constants.RADIO || type === _constants.NUMBER) {
       tags.push({
         key: id,
@@ -63,9 +52,8 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters) {
       });
     } else if (type === _constants.DATE) {
       var _value = (0, _slicedToArray2.default)(value, 2),
-          startDate = _value[0],
-          endDate = _value[1];
-
+        startDate = _value[0],
+        endDate = _value[1];
       tags.push({
         key: id,
         value: "".concat(startDate.toLocaleDateString(), " - ").concat(endDate.toLocaleDateString())
@@ -83,17 +71,14 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters) {
   });
   return tags;
 };
-
 var FilterProvider = function FilterProvider(_ref2) {
   var children = _ref2.children,
-      filters = _ref2.filters;
+    filters = _ref2.filters;
   var filterTags = prepareFiltersForTags(filters);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      panelOpen = _useState2[0],
-      setPanelOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    panelOpen = _useState2[0],
+    setPanelOpen = _useState2[1];
   var value = {
     filterTags: filterTags,
     EventEmitter: EventEmitter,
@@ -104,7 +89,6 @@ var FilterProvider = function FilterProvider(_ref2) {
     value: value
   }, children);
 };
-
 exports.FilterProvider = FilterProvider;
 FilterProvider.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,

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

@@ -4,26 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RADIO = exports.PANEL_WIDTH = exports.PANEL = exports.NUMBER = exports.INSTANT = exports.FLYOUT = exports.DROPDOWN = exports.DATE = exports.CLEAR_FILTERS = exports.CHECKBOX = exports.BATCH = exports.ACTION_SET_HEIGHT = void 0;
-
 /**
  * Copyright IBM Corp. 2022, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
 /** Constants for update methods can either be batch or instant */
 var BATCH = 'batch';
 exports.BATCH = BATCH;
 var INSTANT = 'instant';
-/** Constants for filter variation */
 
+/** Constants for filter variation */
 exports.INSTANT = INSTANT;
 var FLYOUT = 'flyout';
 exports.FLYOUT = FLYOUT;
 var PANEL = 'panel';
-/** Constants for filter type */
 
+/** Constants for filter type */
 exports.PANEL = PANEL;
 var DATE = 'date';
 exports.DATE = DATE;
@@ -34,12 +32,12 @@ exports.CHECKBOX = CHECKBOX;
 var RADIO = 'radio';
 exports.RADIO = RADIO;
 var DROPDOWN = 'dropdown';
-/** Constants for event emitters */
 
+/** Constants for event emitters */
 exports.DROPDOWN = DROPDOWN;
 var CLEAR_FILTERS = 'clearFilters';
-/** Constants for panel dimensions */
 
+/** Constants for panel dimensions */
 exports.CLEAR_FILTERS = CLEAR_FILTERS;
 var PANEL_WIDTH = 320;
 exports.PANEL_WIDTH = PANEL_WIDTH;

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -29,11 +28,7 @@ Object.defineProperty(exports, "useSubscribeToEventEmitter", {
     return _useSubscribeToEventEmitter.default;
   }
 });
-
 var _useInitialStateFromFilters = _interopRequireDefault(require("./useInitialStateFromFilters"));
-
 var _useSubscribeToEventEmitter = _interopRequireDefault(require("./useSubscribeToEventEmitter"));
-
 var _useFilters = _interopRequireDefault(require("./useFilters"));
-
 var _useShouldDisableButtons = _interopRequireDefault(require("./useShouldDisableButtons"));

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

@@ -1,102 +1,90 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@carbon/react");
-
 var _constants = require("../constants");
-
 var _useInitialStateFromFilters = _interopRequireDefault(require("./useInitialStateFromFilters"));
-
 var _utils = require("../utils");
-
 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; }
-
 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; }
-
+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; } /*
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * Licensed Materials - Property of IBM
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 5724-Q36
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * (c) Copyright IBM Corp. 2023
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * US Government Users Restricted Rights - Use, duplication or disclosure
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * restricted by GSA ADP Schedule Contract with IBM Corp.
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
 var useFilters = function useFilters(_ref) {
   var updateMethod = _ref.updateMethod,
-      _ref$filters = _ref.filters,
-      filters = _ref$filters === void 0 ? [] : _ref$filters,
-      setAllFilters = _ref.setAllFilters,
-      variation = _ref.variation,
-      initialFilters = _ref.initialFilters;
-
+    _ref$filters = _ref.filters,
+    filters = _ref$filters === void 0 ? [] : _ref$filters,
+    setAllFilters = _ref.setAllFilters,
+    variation = _ref.variation,
+    initialFilters = _ref.initialFilters;
   /** State */
   var _useInitialStateFromF = (0, _useInitialStateFromFilters.default)(filters, variation, initialFilters),
-      _useInitialStateFromF2 = (0, _slicedToArray2.default)(_useInitialStateFromF, 2),
-      filtersState = _useInitialStateFromF2[0],
-      setFiltersState = _useInitialStateFromF2[1];
-
+    _useInitialStateFromF2 = (0, _slicedToArray2.default)(_useInitialStateFromF, 2),
+    filtersState = _useInitialStateFromF2[0],
+    setFiltersState = _useInitialStateFromF2[1];
   var _useState = (0, _react.useState)(initialFilters),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      filtersObjectArray = _useState2[0],
-      setFiltersObjectArray = _useState2[1]; // When using batch actions we have to store the filters to then apply them later
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    filtersObjectArray = _useState2[0],
+    setFiltersObjectArray = _useState2[1];
 
+  // When using batch actions we have to store the filters to then apply them later
   var prevFiltersRef = (0, _react.useRef)(JSON.stringify(filtersState));
   var prevFiltersObjectArrayRef = (0, _react.useRef)(JSON.stringify(filtersObjectArray));
+
   /** Methods */
   // If the user decides to cancel or click outside the flyout, it reverts back to the filters that were
   // there when they opened the flyout
-
   var revertToPreviousFilters = function revertToPreviousFilters() {
     setFiltersState(JSON.parse(prevFiltersRef.current));
     setFiltersObjectArray(JSON.parse(prevFiltersObjectArrayRef.current));
   };
-
   var reset = function reset() {
     // When we reset we want the "initialFilters" to be an empty array
-    var resetFiltersArray = []; // Get the initial values for the filters
+    var resetFiltersArray = [];
 
+    // Get the initial values for the filters
     var initialFiltersState = (0, _utils.getInitialStateFromFilters)(filters, variation, resetFiltersArray);
-    var initialFiltersObjectArray = []; // Set the state to the initial values
+    var initialFiltersObjectArray = [];
 
+    // Set the state to the initial values
     setFiltersState(initialFiltersState);
     setFiltersObjectArray(initialFiltersObjectArray);
-    setAllFilters([]); // Update their respective refs so everything is in sync
+    setAllFilters([]);
 
+    // Update their respective refs so everything is in sync
     prevFiltersRef.current = JSON.stringify(initialFiltersState);
     prevFiltersObjectArrayRef.current = JSON.stringify(initialFiltersObjectArray);
   };
-
   var applyFilters = function applyFilters(_ref2) {
     var column = _ref2.column,
-        value = _ref2.value,
-        type = _ref2.type;
-
+      value = _ref2.value,
+      type = _ref2.type;
     // If no end date is selected return because we need the end date to do computations
     if (type === _constants.DATE && value.length > 0 && !value[1]) {
       return;
     }
-
-    var filtersObjectArrayCopy = (0, _toConsumableArray2.default)(filtersObjectArray); // // check if the filter already exists in the array
-
+    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 exists in array then update the filter's new value
     if (filter) {
       filter.value = value;
     } else {
@@ -105,9 +93,9 @@ var useFilters = function useFilters(_ref) {
         value: value,
         type: type
       });
-    } // ATTENTION: this is where you would reset or remove individual filters from the filters array
-
+    }
 
+    // ATTENTION: this is where you would reset or remove individual filters from the filters array
     if (type === _constants.CHECKBOX) {
       /**
       When all checkboxes of a group are all unselected the value still exists in the filtersObjectArray
@@ -115,12 +103,12 @@ var useFilters = function useFilters(_ref) {
       */
       var index = filtersObjectArrayCopy.findIndex(function (filter) {
         return filter.id === column;
-      }); // If all the selected state is false remove from array
+      });
 
+      // If all the selected state is false remove from array
       var shouldRemoveFromArray = filtersObjectArrayCopy[index].value.every(function (val) {
         return val.selected === false;
       });
-
       if (shouldRemoveFromArray) {
         filtersObjectArrayCopy.splice(index, 1);
       }
@@ -132,9 +120,9 @@ var useFilters = function useFilters(_ref) {
         */
         var _index = filtersObjectArrayCopy.findIndex(function (filter) {
           return filter.id === column;
-        }); // Remove it from the filters array since there is nothing to filter
-
+        });
 
+        // Remove it from the filters array since there is nothing to filter
         filtersObjectArrayCopy.splice(_index, 1);
       }
     } else if (type === _constants.DROPDOWN || type === _constants.RADIO) {
@@ -145,9 +133,9 @@ var useFilters = function useFilters(_ref) {
         */
         var _index2 = filtersObjectArrayCopy.findIndex(function (filter) {
           return filter.id === column;
-        }); // Remove it from the filters array
-
+        });
 
+        // Remove it from the filters array
         filtersObjectArrayCopy.splice(_index2, 1);
       }
     } else if (type === _constants.NUMBER) {
@@ -156,37 +144,32 @@ var useFilters = function useFilters(_ref) {
         // Find the column that uses number and displays an empty string
         var _index3 = filtersObjectArrayCopy.findIndex(function (filter) {
           return filter.id === column;
-        }); // Remove it from the filters array
-
+        });
 
+        // Remove it from the filters array
         filtersObjectArrayCopy.splice(_index3, 1);
       }
     }
+    setFiltersObjectArray(filtersObjectArrayCopy);
 
-    setFiltersObjectArray(filtersObjectArrayCopy); // // Automatically apply the filters if the updateMethod is instant
-
+    // // Automatically apply the filters if the updateMethod is instant
     if (updateMethod === _constants.INSTANT) {
       setAllFilters(filtersObjectArrayCopy);
     }
   };
   /** Render the individual filter component */
-
-
   var renderFilter = function renderFilter(_ref3) {
     var _filtersState$column, _filtersState$column2, _filtersState$column3, _filtersState$column4;
-
     var type = _ref3.type,
-        column = _ref3.column,
-        components = _ref3.props;
+      column = _ref3.column,
+      components = _ref3.props;
     var isPanel = variation === _constants.PANEL;
     var filter;
-
     switch (type) {
       case _constants.DATE:
         filter = /*#__PURE__*/_react.default.createElement(_react2.DatePicker, (0, _extends2.default)({}, components.DatePicker, {
           onChange: function onChange(value) {
             var _components$DatePicke, _components$DatePicke2;
-
             setFiltersState(_objectSpread(_objectSpread({}, filtersState), {}, (0, _defineProperty2.default)({}, column, {
               value: value,
               type: type
@@ -208,7 +191,6 @@ var useFilters = function useFilters(_ref) {
           labelText: "End date"
         }, components.DatePickerInput.end)));
         break;
-
       case _constants.NUMBER:
         filter = /*#__PURE__*/_react.default.createElement(_react2.NumberInput, (0, _extends2.default)({
           step: 1,
@@ -217,7 +199,6 @@ var useFilters = function useFilters(_ref) {
         }, components.NumberInput, {
           onChange: function onChange(event) {
             var _components$NumberInp, _components$NumberInp2;
-
             setFiltersState(_objectSpread(_objectSpread({}, filtersState), {}, (0, _defineProperty2.default)({}, column, {
               value: event.target.value,
               type: type
@@ -232,7 +213,6 @@ var useFilters = function useFilters(_ref) {
           value: filtersState[column].value
         }));
         break;
-
       case _constants.CHECKBOX:
         filter = /*#__PURE__*/_react.default.createElement(_react2.FormGroup, components.FormGroup, filtersState[column].value.map(function (option) {
           return /*#__PURE__*/_react.default.createElement(_react2.Checkbox, (0, _extends2.default)({
@@ -240,7 +220,6 @@ var useFilters = function useFilters(_ref) {
           }, option, {
             onChange: function onChange(_, _ref4) {
               var _option$onChange;
-
               var isSelected = _ref4.checked;
               var checkboxCopy = filtersState[column].value;
               var foundCheckbox = checkboxCopy.find(function (checkbox) {
@@ -262,13 +241,11 @@ var useFilters = function useFilters(_ref) {
           }));
         }));
         break;
-
       case _constants.RADIO:
         filter = /*#__PURE__*/_react.default.createElement(_react2.FormGroup, components.FormGroup, /*#__PURE__*/_react.default.createElement(_react2.RadioButtonGroup, (0, _extends2.default)({}, components.RadioButtonGroup, {
           valueSelected: ((_filtersState$column = filtersState[column]) === null || _filtersState$column === void 0 ? void 0 : _filtersState$column.value) === '' ? 'Any' : (_filtersState$column2 = filtersState[column]) === null || _filtersState$column2 === void 0 ? void 0 : _filtersState$column2.value,
           onChange: function onChange(selected) {
             var _components$RadioButt, _components$RadioButt2;
-
             setFiltersState(_objectSpread(_objectSpread({}, filtersState), {}, (0, _defineProperty2.default)({}, column, {
               value: selected,
               type: type
@@ -286,20 +263,17 @@ var useFilters = function useFilters(_ref) {
           value: "Any"
         }), components.RadioButton.map(function (radio) {
           var _ref5, _radio$id;
-
           return /*#__PURE__*/_react.default.createElement(_react2.RadioButton, (0, _extends2.default)({
             key: (_ref5 = (_radio$id = radio.id) !== null && _radio$id !== void 0 ? _radio$id : radio.labelText) !== null && _ref5 !== void 0 ? _ref5 : radio.value
           }, radio));
         })));
         break;
-
       case _constants.DROPDOWN:
         filter = /*#__PURE__*/_react.default.createElement(_react2.Dropdown, (0, _extends2.default)({}, components.Dropdown, {
           selectedItem: ((_filtersState$column3 = filtersState[column]) === null || _filtersState$column3 === void 0 ? void 0 : _filtersState$column3.value) === '' ? 'Any' : (_filtersState$column4 = filtersState[column]) === null || _filtersState$column4 === void 0 ? void 0 : _filtersState$column4.value,
           items: ['Any'].concat((0, _toConsumableArray2.default)(components.Dropdown.items)),
           onChange: function onChange(_ref6) {
             var _components$Dropdown$, _components$Dropdown;
-
             var selectedItem = _ref6.selectedItem;
             setFiltersState(_objectSpread(_objectSpread({}, filtersState), {}, (0, _defineProperty2.default)({}, column, {
               value: selectedItem,
@@ -315,14 +289,11 @@ var useFilters = function useFilters(_ref) {
         }));
         break;
     }
-
     if (isPanel) {
       return /*#__PURE__*/_react.default.createElement(_react2.Layer, null, filter);
     }
-
     return filter;
   };
-
   return {
     filtersState: filtersState,
     setFiltersState: setFiltersState,
@@ -334,6 +305,5 @@ var useFilters = function useFilters(_ref) {
     filtersObjectArray: filtersObjectArray
   };
 };
-
 var _default = useFilters;
 exports.default = _default;

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

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _constants = require("../constants");
-
 var _utils = require("../utils");
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -22,17 +16,15 @@ var _utils = require("../utils");
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
+
 var useInitialStateFromFilters = function useInitialStateFromFilters(filters) {
   var variation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.FLYOUT;
   var initialFilters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-
   var _useState = (0, _react.useState)((0, _utils.getInitialStateFromFilters)(filters, variation, initialFilters)),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   return [state, setState];
 };
-
 var _default = useInitialStateFromFilters;
 exports.default = _default;

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

@@ -1,25 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
 /**
  * Copyright IBM Corp. 2023, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
 /* eslint-disable jsdoc/check-param-names */
 
 /**
@@ -31,20 +25,17 @@ var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
  */
 var useShouldDisableButtons = function useShouldDisableButtons(_ref) {
   var _ref$initialValue = _ref.initialValue,
-      initialValue = _ref$initialValue === void 0 ? true : _ref$initialValue,
-      filtersState = _ref.filtersState,
-      prevFiltersRef = _ref.prevFiltersRef;
-
+    initialValue = _ref$initialValue === void 0 ? true : _ref$initialValue,
+    filtersState = _ref.filtersState,
+    prevFiltersRef = _ref.prevFiltersRef;
   var _useState = (0, _react.useState)(initialValue),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      shouldDisableButtons = _useState2[0],
-      setShouldDisableButtons = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    shouldDisableButtons = _useState2[0],
+    setShouldDisableButtons = _useState2[1];
   (0, _react.useEffect)(function updateDisabledButtonsState() {
     setShouldDisableButtons((0, _isEqual.default)(filtersState, JSON.parse(prevFiltersRef.current)));
   }, [filtersState, prevFiltersRef]);
   return [shouldDisableButtons, setShouldDisableButtons];
 };
-
 var _default = useShouldDisableButtons;
 exports.default = _default;

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _FilterProvider = require("../FilterProvider");
-
 /**
  * Copyright IBM Corp. 2022, 2023
  *
@@ -23,13 +20,11 @@ var _FilterProvider = require("../FilterProvider");
  */
 var useSubscribeToEventEmitter = function useSubscribeToEventEmitter(type, callback) {
   var _useContext = (0, _react.useContext)(_FilterProvider.FilterContext),
-      EventEmitter = _useContext.EventEmitter;
-
+    EventEmitter = _useContext.EventEmitter;
   (0, _react.useEffect)(function subscribeToEmitter() {
     // This event is emitted from the DatagridToolbar component when clearFilters is clicked in FilterSummary
     EventEmitter.subscribe(type, callback);
   });
 };
-
 var _default = useSubscribeToEventEmitter;
 exports.default = _default;

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -29,9 +28,6 @@ Object.defineProperty(exports, "FilterProvider", {
     return _FilterProvider.FilterProvider;
   }
 });
-
 var _FilterFlyout = _interopRequireDefault(require("./FilterFlyout"));
-
 var _FilterPanel = _interopRequireDefault(require("./FilterPanel"));
-
 var _FilterProvider = require("./FilterProvider");

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.panelVariants = exports.innerContainerVariants = exports.actionSetVariants = void 0;
-
 var _motionConstants = require("../../../../../../global/js/utils/motionConstants");
-
 var _constants = require("../constants");
-
 var panelVariants = {
   hidden: {
     width: 0,