@carbon/ibm-products 2.23.0 → 2.25.0

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

@@ -1,41 +1,38 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.componentClass = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@carbon/react");
-var _constants = require("./constants");
-var _react2 = _interopRequireWildcard(require("react"));
-var _variants = require("./motion/variants");
-var _hooks = require("./hooks");
-var _ActionSet = require("../../../../ActionSet");
-var _icons = require("@carbon/react/icons");
-var _ = require(".");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _framerMotion = require("framer-motion");
-var _settings = require("../../../../../settings");
-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, 2024
+ * Copyright IBM Corp. 2020, 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.
  */
 
-/* eslint-disable react/jsx-key */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
+var constants = require('./constants.js');
+var React = require('react');
+var variants = require('./motion/variants.js');
+var icons = require('@carbon/react/icons');
+var FilterProvider = require('./FilterProvider.js');
+var index$1 = require('../../../../../node_modules/prop-types/index.js');
+var index = require('../../../../../node_modules/classnames/index.js');
+var framerMotion = require('framer-motion');
+var settings = require('../../../../../settings.js');
+var layout = require('@carbon/layout');
+var ActionSet = require('../../../../ActionSet/ActionSet.js');
+var useFilters = require('./hooks/useFilters.js');
+var useShouldDisableButtons = require('./hooks/useShouldDisableButtons.js');
+var useSubscribeToEventEmitter = require('./hooks/useSubscribeToEventEmitter.js');
 
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-var componentClass = exports.componentClass = "".concat(blockClass, "-filter-panel");
-var MotionActionSet = (0, _framerMotion.motion)(_ActionSet.ActionSet);
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
+var componentClass = "".concat(blockClass, "-filter-panel");
+var MotionActionSet = framerMotion.motion(ActionSet.ActionSet);
 var defaults = {
   title: 'Filter',
   closeIconDescription: 'Close filter panel',
@@ -79,20 +76,20 @@ var FilterPanel = function FilterPanel(_ref) {
     _ref$isFetching = _ref.isFetching,
     isFetching = _ref$isFetching === void 0 ? false : _ref$isFetching;
   /** State */
-  var _useState = (0, _react2.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     showDividerLine = _useState2[0],
     setShowDividerLine = _useState2[1];
 
   /** Context */
-  var _useContext = (0, _react2.useContext)(_.FilterContext),
+  var _useContext = React.useContext(FilterProvider.FilterContext),
     panelOpen = _useContext.panelOpen,
     setPanelOpen = _useContext.setPanelOpen;
-  var _useFilters = (0, _hooks.useFilters)({
+  var _useFilters = useFilters["default"]({
       updateMethod: updateMethod,
       filters: filterSections,
       setAllFilters: setAllFilters,
-      variation: _constants.PANEL,
+      variation: constants.PANEL,
       reactTableFiltersState: reactTableFiltersState,
       onCancel: onCancel,
       panelOpen: panelOpen,
@@ -109,25 +106,25 @@ var FilterPanel = function FilterPanel(_ref) {
     lastAppliedFilters = _useFilters.lastAppliedFilters;
 
   /** Refs */
-  var filterPanelRef = (0, _react2.useRef)();
-  var filterHeadingRef = (0, _react2.useRef)();
-  var filterSearchRef = (0, _react2.useRef)();
-  var actionSetRef = (0, _react2.useRef)();
+  var filterPanelRef = React.useRef();
+  var filterHeadingRef = React.useRef();
+  var filterSearchRef = React.useRef();
+  var actionSetRef = React.useRef();
 
   /** State from hooks */
-  var _useShouldDisableButt = (0, _hooks.useShouldDisableButtons)({
+  var _useShouldDisableButt = useShouldDisableButtons["default"]({
       initialValue: true,
       filtersState: filtersState,
       prevFiltersRef: prevFiltersRef
     }),
-    _useShouldDisableButt2 = (0, _slicedToArray2.default)(_useShouldDisableButt, 2),
+    _useShouldDisableButt2 = _rollupPluginBabelHelpers.slicedToArray(_useShouldDisableButt, 2),
     shouldDisableButtons = _useShouldDisableButt2[0],
     setShouldDisableButtons = _useShouldDisableButt2[1];
-  var shouldReduceMotion = (0, _framerMotion.useReducedMotion)();
+  var shouldReduceMotion = framerMotion.useReducedMotion();
 
   /** Memos */
-  var showActionSet = (0, _react2.useMemo)(function () {
-    return updateMethod === _constants.BATCH;
+  var showActionSet = React.useMemo(function () {
+    return updateMethod === constants.BATCH;
   }, [updateMethod]);
 
   /** Methods */
@@ -150,7 +147,7 @@ var FilterPanel = function FilterPanel(_ref) {
     lastAppliedFilters.current = JSON.stringify(filtersObjectArray);
   };
   var renderActionSet = function renderActionSet() {
-    return showActionSet && /*#__PURE__*/_react2.default.createElement(MotionActionSet, {
+    return showActionSet && /*#__PURE__*/React__default["default"].createElement(MotionActionSet, {
       actions: [{
         key: 1,
         kind: 'primary',
@@ -167,7 +164,7 @@ var FilterPanel = function FilterPanel(_ref) {
       className: "".concat(componentClass, "__action-set"),
       ref: actionSetRef,
       custom: shouldReduceMotion,
-      variants: _variants.actionSetVariants
+      variants: variants.actionSetVariants
     });
   };
   var onInnerContainerScroll = function onInnerContainerScroll(event) {
@@ -179,46 +176,46 @@ var FilterPanel = function FilterPanel(_ref) {
   };
 
   /** Effects */
-  (0, _react2.useEffect)(function liftOpenStateToParent() {
+  React.useEffect(function liftOpenStateToParent() {
     if (panelOpen) {
       onPanelOpen(panelOpen);
     } else {
       onPanelClose(panelOpen);
     }
   }, [panelOpen, onPanelClose, onPanelOpen]);
-  (0, _react2.useEffect)(function setPanelMinimumHeight() {
+  React.useEffect(function setPanelMinimumHeight() {
     var _filterPanelRef$curre;
-    (_filterPanelRef$curre = filterPanelRef.current) === null || _filterPanelRef$curre === void 0 || _filterPanelRef$curre.style.setProperty('--filter-panel-min-height', (0, _layout.rem)(filterPanelMinHeight));
+    (_filterPanelRef$curre = filterPanelRef.current) === null || _filterPanelRef$curre === void 0 || _filterPanelRef$curre.style.setProperty('--filter-panel-min-height', layout.rem(filterPanelMinHeight));
   }, [filterPanelMinHeight]);
-  (0, _hooks.useSubscribeToEventEmitter)(_constants.CLEAR_FILTERS, reset);
+  useSubscribeToEventEmitter["default"](constants.CLEAR_FILTERS, reset);
   var getScrollableContainerHeight = function getScrollableContainerHeight() {
     var _filterHeadingRef$cur, _filterSearchRef$curr, _actionSetRef$current;
     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 = panelOpen ? "calc(100vh - ".concat(filterHeadingHeight, "px - ").concat( /* istanbul ignore next */
-    showFilterSearch ? filterSearchHeight : 0, "px - ").concat(updateMethod === _constants.BATCH ? actionSetHeight : 0, "px)") : 0;
+    showFilterSearch ? filterSearchHeight : 0, "px - ").concat(updateMethod === constants.BATCH ? actionSetHeight : 0, "px)") : 0;
     return height;
   };
-  return /*#__PURE__*/_react2.default.createElement(_framerMotion.motion.div, {
+  return /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
     ref: filterPanelRef,
-    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)),
+    className: index["default"](componentClass, "".concat(componentClass, "__container"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".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, {
+    variants: variants.panelVariants
+  }, /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
     custom: shouldReduceMotion,
-    variants: _variants.innerContainerVariants
-  }, /*#__PURE__*/_react2.default.createElement("header", {
+    variants: variants.innerContainerVariants
+  }, /*#__PURE__*/React__default["default"].createElement("header", {
     ref: filterHeadingRef,
-    className: (0, _classnames.default)("".concat(componentClass, "__heading"), (0, _defineProperty2.default)({}, "".concat(componentClass, "__heading--with-divider"), showDividerLine))
-  }, /*#__PURE__*/_react2.default.createElement("div", {
+    className: index["default"]("".concat(componentClass, "__heading"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__heading--with-divider"), showDividerLine))
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(componentClass, "__title")
-  }, title), /*#__PURE__*/_react2.default.createElement(_react.Button, {
+  }, title), /*#__PURE__*/React__default["default"].createElement(react.Button, {
     hasIconOnly: true,
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react2.default.createElement(_icons.Close, (0, _extends2.default)({
+      return /*#__PURE__*/React__default["default"].createElement(icons.Close, _rollupPluginBabelHelpers["extends"]({
         size: 16
       }, props));
     },
@@ -230,14 +227,14 @@ var FilterPanel = function FilterPanel(_ref) {
   }), showFilterSearch &&
   /*#__PURE__*/
   /* istanbul ignore next */
-  _react2.default.createElement("div", {
+  React__default["default"].createElement("div", {
     ref: filterSearchRef,
     className: "".concat(componentClass, "__search")
-  }, /*#__PURE__*/_react2.default.createElement(_react.Layer, null, /*#__PURE__*/_react2.default.createElement(_react.Search, {
+  }, /*#__PURE__*/React__default["default"].createElement(react.Layer, null, /*#__PURE__*/React__default["default"].createElement(react.Search, {
     labelText: searchLabelText,
     placeholder: searchPlaceholder,
     size: "sm"
-  })))), /*#__PURE__*/_react2.default.createElement("div", {
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(componentClass, "__inner-container"),
     style: {
       height: getScrollableContainerHeight()
@@ -249,15 +246,15 @@ var FilterPanel = function FilterPanel(_ref) {
       _ref2$filters = _ref2.filters,
       filters = _ref2$filters === void 0 ? [] : _ref2$filters,
       hasAccordion = _ref2.hasAccordion;
-    return /*#__PURE__*/_react2.default.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       key: index,
       className: "".concat(componentClass, "__category")
-    }, categoryTitle && /*#__PURE__*/_react2.default.createElement("div", {
+    }, categoryTitle && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(componentClass, "__category-title")
-    }, categoryTitle), hasAccordion ? /*#__PURE__*/_react2.default.createElement(_react.Accordion, null, filters.map(function (_ref3) {
+    }, categoryTitle), hasAccordion ? /*#__PURE__*/React__default["default"].createElement(react.Accordion, null, filters.map(function (_ref3) {
       var filterLabel = _ref3.filterLabel,
         filter = _ref3.filter;
-      return /*#__PURE__*/_react2.default.createElement(_react.AccordionItem, {
+      return /*#__PURE__*/React__default["default"].createElement(react.AccordionItem, {
         title: filterLabel,
         key: filterLabel
       }, renderFilter(filter));
@@ -268,31 +265,34 @@ var FilterPanel = function FilterPanel(_ref) {
   })), renderActionSet()));
 };
 FilterPanel.propTypes = {
-  autoHideFilters: _propTypes.default.bool,
-  closeIconDescription: _propTypes.default.string,
-  filterPanelMinHeight: _propTypes.default.number,
-  filterSections: _propTypes.default.array,
-  isFetching: _propTypes.default.bool,
-  onApply: _propTypes.default.func,
-  onCancel: _propTypes.default.func,
-  onPanelClose: _propTypes.default.func,
-  onPanelOpen: _propTypes.default.func,
-  open: _propTypes.default.bool,
-  primaryActionLabel: _propTypes.default.string,
+  autoHideFilters: index$1["default"].bool,
+  closeIconDescription: index$1["default"].string,
+  filterPanelMinHeight: index$1["default"].number,
+  filterSections: index$1["default"].array,
+  isFetching: index$1["default"].bool,
+  onApply: index$1["default"].func,
+  onCancel: index$1["default"].func,
+  onPanelClose: index$1["default"].func,
+  onPanelOpen: index$1["default"].func,
+  open: index$1["default"].bool,
+  primaryActionLabel: index$1["default"].string,
   /**
    * Filters from react table's state
    */
-  reactTableFiltersState: _propTypes.default.arrayOf(_propTypes.default.shape({
-    id: _propTypes.default.string.isRequired,
-    type: _propTypes.default.string.isRequired,
-    value: _propTypes.default.any.isRequired
+  reactTableFiltersState: index$1["default"].arrayOf(index$1["default"].shape({
+    id: index$1["default"].string.isRequired,
+    type: index$1["default"].string.isRequired,
+    value: index$1["default"].any.isRequired
   })),
-  searchLabelText: _propTypes.default.string,
-  searchPlaceholder: _propTypes.default.string,
-  secondaryActionLabel: _propTypes.default.string,
-  setAllFilters: _propTypes.default.func.isRequired,
-  showFilterSearch: _propTypes.default.bool,
-  title: _propTypes.default.string,
-  updateMethod: _propTypes.default.oneOf([_constants.BATCH, _constants.INSTANT])
+  searchLabelText: index$1["default"].string,
+  searchPlaceholder: index$1["default"].string,
+  secondaryActionLabel: index$1["default"].string,
+  setAllFilters: index$1["default"].func.isRequired,
+  showFilterSearch: index$1["default"].bool,
+  title: index$1["default"].string,
+  updateMethod: index$1["default"].oneOf([constants.BATCH, constants.INSTANT])
 };
-var _default = exports.default = FilterPanel;
+var FilterPanel$1 = FilterPanel;
+
+exports.componentClass = componentClass;
+exports["default"] = FilterPanel$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts

@@ -0,0 +1,19 @@
+export const FilterContext: React.Context<any>;
+export function clearSingleFilter({ key, value }: {
+    key: any;
+    value: any;
+}, setAllFilters: any, state: any): void;
+export function FilterProvider({ children, filters, filterProps }: {
+    children: any;
+    filters: any;
+    filterProps: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace FilterProvider {
+    namespace propTypes {
+        let children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        let filterProps: PropTypes.Requireable<object>;
+        let filters: PropTypes.Validator<(object | null | undefined)[]>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -1,27 +1,24 @@
-"use strict";
+/**
+ * Copyright IBM Corp. 2020, 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 _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.clearSingleFilter = exports.FilterProvider = exports.FilterContext = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _constants = require("./constants");
-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; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * Copyright IBM Corp. 2022, 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.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                       */
-var FilterContext = exports.FilterContext = /*#__PURE__*/(0, _react.createContext)();
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../../../../node_modules/prop-types/index.js');
+var constants = require('./constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var FilterContext = /*#__PURE__*/React.createContext();
 var EventEmitter = {
   events: {},
   dispatch: function dispatch(event, data) {
@@ -44,10 +41,10 @@ var removeFilterItem = function removeFilterItem(state, index) {
   return state.splice(index, 1);
 };
 var updateFilterState = function updateFilterState(state, type, value) {
-  if (type === _constants.CHECKBOX) {
+  if (type === constants.CHECKBOX) {
     return;
   }
-  if (type === _constants.DATE) {
+  if (type === constants.DATE) {
     var _filterTagIndex = state.findIndex(function (val) {
       return formatDateRange(val.value[0], val.value[1]) === formatDateRange(value[0], value[1]);
     });
@@ -58,16 +55,16 @@ var updateFilterState = function updateFilterState(state, type, value) {
   });
   return removeFilterItem(state, filterTagIndex);
 };
-var clearSingleFilter = exports.clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state) {
+var clearSingleFilter = function clearSingleFilter(_ref, setAllFilters, state) {
   var key = _ref.key,
     value = _ref.value;
-  var tempState = (0, _toConsumableArray2.default)(state.filters);
+  var tempState = _rollupPluginBabelHelpers.toConsumableArray(state.filters);
   tempState.forEach(function (f, filterIndex) {
     if (f.id === key) {
       var filterValues = f.value;
       var filterType = f.type;
       updateFilterState(tempState, filterType, value);
-      if (filterType === _constants.CHECKBOX) {
+      if (filterType === constants.CHECKBOX) {
         /**
           When all checkboxes of a group are all unselected the value still exists in the filtersObjectArray
           This checks if all the checkboxes are selected = false and removes it from the array
@@ -76,8 +73,8 @@ var clearSingleFilter = exports.clearSingleFilter = function clearSingleFilter(_
           return val.id === value;
         });
         filterValues[valueIndex].selected = false;
-        var updatedFilterObject = _objectSpread(_objectSpread({}, f), {}, {
-          value: (0, _toConsumableArray2.default)(filterValues)
+        var updatedFilterObject = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, f), {}, {
+          value: _rollupPluginBabelHelpers.toConsumableArray(filterValues)
         });
         tempState[filterIndex] = updatedFilterObject;
         var index = tempState.findIndex(function (filter) {
@@ -97,7 +94,7 @@ var clearSingleFilter = exports.clearSingleFilter = function clearSingleFilter(_
   setAllFilters(tempState);
 };
 var handleSingleFilterRemoval = function handleSingleFilterRemoval(key, value) {
-  EventEmitter.dispatch(_constants.CLEAR_SINGLE_FILTER, {
+  EventEmitter.dispatch(constants.CLEAR_SINGLE_FILTER, {
     key: key,
     value: value
   });
@@ -119,24 +116,24 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLa
         return handleSingleFilterRemoval(id, value);
       }
     };
-    if (type === _constants.DROPDOWN || type === _constants.RADIO || type === _constants.NUMBER) {
-      tags.push(_objectSpread({
+    if (type === constants.DROPDOWN || type === constants.RADIO || type === constants.NUMBER) {
+      tags.push(_rollupPluginBabelHelpers.objectSpread2({
         key: id,
         value: value
       }, sharedFilterProps));
-    } else if (type === _constants.DATE) {
+    } else if (type === constants.DATE) {
       var _renderDateLabel;
-      var _value = (0, _slicedToArray2.default)(value, 2),
+      var _value = _rollupPluginBabelHelpers.slicedToArray(value, 2),
         startDate = _value[0],
         endDate = _value[1];
-      tags.push(_objectSpread({
+      tags.push(_rollupPluginBabelHelpers.objectSpread2({
         key: id,
         value: (_renderDateLabel = renderDateLabel === null || renderDateLabel === void 0 ? void 0 : renderDateLabel(startDate, endDate)) !== null && _renderDateLabel !== void 0 ? _renderDateLabel : formatDateRange(startDate, endDate)
       }, sharedFilterProps));
-    } else if (type === _constants.CHECKBOX) {
+    } else if (type === constants.CHECKBOX) {
       value.forEach(function (checkbox) {
         if (checkbox.selected) {
-          tags.push(_objectSpread(_objectSpread({
+          tags.push(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
             key: id,
             value: checkbox.value
           }, sharedFilterProps), {}, {
@@ -150,15 +147,15 @@ var prepareFiltersForTags = function prepareFiltersForTags(filters, renderDateLa
   });
   return tags;
 };
-var FilterProvider = exports.FilterProvider = function FilterProvider(_ref3) {
+var FilterProvider = function FilterProvider(_ref3) {
   var children = _ref3.children,
     filters = _ref3.filters,
     filterProps = _ref3.filterProps;
   var _ref4 = filterProps || {},
     renderDateLabel = _ref4.renderDateLabel;
   var filterTags = prepareFiltersForTags(filters, renderDateLabel);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     panelOpen = _useState2[0],
     setPanelOpen = _useState2[1];
   var value = {
@@ -167,12 +164,16 @@ var FilterProvider = exports.FilterProvider = function FilterProvider(_ref3) {
     panelOpen: panelOpen,
     setPanelOpen: setPanelOpen
   };
-  return /*#__PURE__*/_react.default.createElement(FilterContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(FilterContext.Provider, {
     value: value
   }, children);
 };
 FilterProvider.propTypes = {
-  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,
-  filterProps: _propTypes.default.object,
-  filters: _propTypes.default.arrayOf(_propTypes.default.object).isRequired
-};
+  children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]).isRequired,
+  filterProps: index["default"].object,
+  filters: index["default"].arrayOf(index["default"].object).isRequired
+};
+
+exports.FilterContext = FilterContext;
+exports.FilterProvider = FilterProvider;
+exports.clearSingleFilter = clearSingleFilter;

package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.d.ts

@@ -0,0 +1,24 @@
+export default OverflowCheckboxes;
+declare function OverflowCheckboxes({ components, filtersState, column, setFiltersState, type, applyFilters, viewAllLabel, viewLessLabel, }: {
+    components: any;
+    filtersState: any;
+    column: any;
+    setFiltersState: any;
+    type: any;
+    applyFilters: any;
+    viewAllLabel?: string | undefined;
+    viewLessLabel?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace OverflowCheckboxes {
+    namespace propTypes {
+        let applyFilters: PropTypes.Requireable<(...args: any[]) => any>;
+        let column: PropTypes.Requireable<string>;
+        let components: PropTypes.Requireable<object>;
+        let filtersState: PropTypes.Requireable<object>;
+        let setFiltersState: PropTypes.Requireable<(...args: any[]) => any>;
+        let type: PropTypes.Requireable<string>;
+        let viewAllLabel: PropTypes.Requireable<string>;
+        let viewLessLabel: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from 'prop-types';

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

@@ -1,20 +1,27 @@
-"use strict";
+/**
+ * Copyright IBM Corp. 2020, 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 _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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@carbon/react");
-var _react2 = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _FilterPanel = require("./FilterPanel");
-var _useFilters = require("./hooks/useFilters");
-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; }
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
+var React = require('react');
+var index = require('../../../../../node_modules/prop-types/index.js');
+var handleCheckboxChange = require('./handleCheckboxChange.js');
+var settings = require('../../../../../settings.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
+var componentClass = "".concat(blockClass, "-filter-panel");
 var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
   var components = _ref.components,
     filtersState = _ref.filtersState,
@@ -26,19 +33,19 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
     viewAllLabel = _ref$viewAllLabel === void 0 ? 'View all' : _ref$viewAllLabel,
     _ref$viewLessLabel = _ref.viewLessLabel,
     viewLessLabel = _ref$viewLessLabel === void 0 ? 'View less' : _ref$viewLessLabel;
-  var _useState = (0, _react2.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     showAllItems = _useState2[0],
     setShowAllItems = _useState2[1];
   var firstFiveItems = filtersState[column].value.slice(0, 5);
   var restOfTheItems = filtersState[column].value.slice(5, filtersState[column].value.length);
   var renderCheckbox = function renderCheckbox(option) {
-    return /*#__PURE__*/_react2.default.createElement(_react.Checkbox, (0, _extends2.default)({
+    return /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["extends"]({
       key: option.labelText
     }, option, {
       onChange: function onChange(_, _ref2) {
         var checked = _ref2.checked;
-        return (0, _useFilters.handleCheckboxChange)({
+        return handleCheckboxChange.handleCheckboxChange({
           checked: checked,
           filtersState: filtersState,
           column: column,
@@ -56,8 +63,8 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
     /** This should render the text "View all ([amount of checkboxes])" or "View less" */
     return showAllItems ? viewLessLabel : "".concat(viewAllLabel, " (").concat(filtersState[column].value.length, ")");
   };
-  return /*#__PURE__*/_react2.default.createElement(_react.FormGroup, components.FormGroup, firstFiveItems.map(renderCheckbox), showAllItems && restOfTheItems.map(renderCheckbox), /*#__PURE__*/_react2.default.createElement(_react.Button, {
-    className: "".concat(_FilterPanel.componentClass, "__view-all-button"),
+  return /*#__PURE__*/React__default["default"].createElement(react.FormGroup, components.FormGroup, firstFiveItems.map(renderCheckbox), showAllItems && restOfTheItems.map(renderCheckbox), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+    className: "".concat(componentClass, "__view-all-button"),
     kind: "ghost",
     size: "sm",
     onClick: function onClick() {
@@ -66,13 +73,15 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
   }, renderViewAllButtonText()));
 };
 OverflowCheckboxes.propTypes = {
-  applyFilters: _propTypes.default.func,
-  column: _propTypes.default.string,
-  components: _propTypes.default.object,
-  filtersState: _propTypes.default.object,
-  setFiltersState: _propTypes.default.func,
-  type: _propTypes.default.string,
-  viewAllLabel: _propTypes.default.string,
-  viewLessLabel: _propTypes.default.string
+  applyFilters: index["default"].func,
+  column: index["default"].string,
+  components: index["default"].object,
+  filtersState: index["default"].object,
+  setFiltersState: index["default"].func,
+  type: index["default"].string,
+  viewAllLabel: index["default"].string,
+  viewLessLabel: index["default"].string
 };
-var _default = exports.default = OverflowCheckboxes;
+var OverflowCheckboxes$1 = OverflowCheckboxes;
+
+exports["default"] = OverflowCheckboxes$1;