@carbon/ibm-products 2.24.0 → 2.26.0

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js

@@ -1,28 +1,26 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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) { _defineProperty(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. 2023, 2023
+ * 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.
  */
 
-import React from 'react';
-import { PropTypes } from 'prop-types';
+import { objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { p as propTypesExports } from '../../../../../node_modules/prop-types/index.js';
 import { Checkbox } from '@carbon/react';
-import { isColumnVisible } from './common';
-import DraggableElement from '../../DraggableElement';
-import { pkg } from '../../../../../settings';
-import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from '@dnd-kit/core';
+import { isColumnVisible } from './common.js';
+import DraggableElement from '../../DraggableElement.js';
+import { pkg } from '../../../../../settings.js';
+import { useSensor, PointerSensor, KeyboardSensor, useSensors, DndContext, closestCenter } from '@dnd-kit/core';
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import { getNodeTextContent } from '../../../../../global/js/utils/getNodeTextContent';
+import { getNodeTextContent } from '../../../../../global/js/utils/getNodeTextContent.js';
+
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var matchedColsById = function matchedColsById(col1, col2) {
   return col1 && col2 && col1.id === col2.id;
 };
-export var DraggableItemsList = function DraggableItemsList(_ref) {
+var DraggableItemsList = function DraggableItemsList(_ref) {
   var columns = _ref.columns,
     filterString = _ref.filterString,
     id = _ref.id,
@@ -122,15 +120,13 @@ export var DraggableItemsList = function DraggableItemsList(_ref) {
           // ignore right and left
           return currentCoordinates;
         case 'ArrowUp':
-          return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
+          return _objectSpread2(_objectSpread2({}, currentCoordinates), {}, {
             y: currentCoordinates.y - delta
           });
         case 'ArrowDown':
-          return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
+          return _objectSpread2(_objectSpread2({}, currentCoordinates), {}, {
             y: currentCoordinates.y + delta
           });
-        case 'Space':
-          break;
       }
     }
   });
@@ -143,22 +139,22 @@ export var DraggableItemsList = function DraggableItemsList(_ref) {
       return false;
     }
   };
-  return /*#__PURE__*/React.createElement(DndContext, {
+  return /*#__PURE__*/React__default.createElement(DndContext, {
     collisionDetection: closestCenter,
     onDragEnd: handleDragEnd,
     onDragStart: handleDragStart,
     onDragMove: handleDragUpdate,
     sensors: sensors
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__draggable-underlay"),
     "aria-hidden": "true",
     key: "draggable-underlay-".concat(id)
   }, visibleCols.map(function (colDef) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(blockClass, "__draggable-underlay-item"),
       key: colDef.id
     });
-  })), /*#__PURE__*/React.createElement(SortableContext, {
+  })), /*#__PURE__*/React__default.createElement(SortableContext, {
     items: updatedDragCols,
     strategy: verticalListSortingStrategy
   }, visibleCols.map(function (colDef) {
@@ -168,7 +164,7 @@ export var DraggableItemsList = function DraggableItemsList(_ref) {
     var firstWord = res !== null ? res[0] === '' ? res[1].charAt(0).toUpperCase() + res[1].substring(1) : res[0].charAt(0).toUpperCase() + res[0].substring(1) : null;
     var highlightedText = res !== null ? res[0] === '' ? "<strong>".concat(firstWord, "</strong>") + res[2] : firstWord + "<strong>".concat(res[1], "</strong>") + res[2] : colHeaderTitle;
     var isFrozenColumn = !!colDef.sticky;
-    var listContents = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
+    var listContents = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Checkbox, {
       checked: isColumnVisible(colDef),
       disabled: isFrozenColumn,
       onChange: function onChange(_, _ref2) {
@@ -183,13 +179,13 @@ export var DraggableItemsList = function DraggableItemsList(_ref) {
       onKeyDown: function onKeyDown(event) {
         return handleCheckboxKeydown(event, colDef);
       }
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/React__default.createElement("div", {
       dangerouslySetInnerHTML: {
         __html: highlightedText
       },
       className: "".concat(blockClass, "__customize-columns-checkbox-visible-label")
     }));
-    return /*#__PURE__*/React.createElement(DraggableElement, {
+    return /*#__PURE__*/React__default.createElement(DraggableElement, {
       classList: draggableClass,
       key: colDef.id,
       id: colDef.id,
@@ -201,10 +197,12 @@ export var DraggableItemsList = function DraggableItemsList(_ref) {
   }))));
 };
 DraggableItemsList.propTypes = {
-  columns: PropTypes.array.isRequired,
-  filterString: PropTypes.string.isRequired,
-  id: PropTypes.string.isRequired,
-  moveElement: PropTypes.func.isRequired,
-  onSelectColumn: PropTypes.func.isRequired,
-  setAriaRegionText: PropTypes.func.isRequired
-};
+  columns: propTypesExports.PropTypes.array.isRequired,
+  filterString: propTypesExports.PropTypes.string.isRequired,
+  id: propTypesExports.PropTypes.string.isRequired,
+  moveElement: propTypesExports.PropTypes.func.isRequired,
+  onSelectColumn: propTypesExports.PropTypes.func.isRequired,
+  setAriaRegionText: propTypesExports.PropTypes.func.isRequired
+};
+
+export { DraggableItemsList };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.d.ts

@@ -0,0 +1,10 @@
+export default TearsheetWrapper;
+declare function TearsheetWrapper({ instance }: {
+    instance: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TearsheetWrapper {
+    namespace propTypes {
+        let instance: PropTypes.Validator<object>;
+    }
+}
+import PropTypes from 'prop-types';

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js

@@ -1,15 +1,16 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onSaveColumnPrefs", "isTearsheetOpen", "setIsTearsheetOpen", "labels"];
-/* Copyright IBM Corp. 2022, 2022
+/**
+ * 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.
  */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
-import PropTypes from 'prop-types';
-import CustomizeColumnsTearsheet from './CustomizeColumnsTearsheet';
+import PropTypes from '../../../../../node_modules/prop-types/index.js';
+import CustomizeColumnsTearsheet from './CustomizeColumnsTearsheet.js';
+
+var _excluded = ["onSaveColumnPrefs", "isTearsheetOpen", "setIsTearsheetOpen", "labels"];
 var TearsheetWrapper = function TearsheetWrapper(_ref) {
   var instance = _ref.instance;
   var _instance$customizeCo = instance.customizeColumnsProps,
@@ -47,4 +48,6 @@ var TearsheetWrapper = function TearsheetWrapper(_ref) {
 TearsheetWrapper.propTypes = {
   instance: PropTypes.object.isRequired
 };
-export default TearsheetWrapper;
+var CustomizeColumnsTearsheetWrapper = TearsheetWrapper;
+
+export { CustomizeColumnsTearsheetWrapper as default };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.d.ts

@@ -0,0 +1 @@
+export function isColumnVisible(colDef: any): any;

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js

@@ -1,4 +1,12 @@
-// @flow
+/**
+ * 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.
+ */
+
+import isBoolean from 'lodash/isBoolean';
+
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -6,8 +14,8 @@
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
-
-import isBoolean from 'lodash/isBoolean';
-export var isColumnVisible = function isColumnVisible(colDef) {
+var isColumnVisible = function isColumnVisible(colDef) {
   return isBoolean(colDef.isVisible) ? colDef.isVisible : true;
-};
+};
+
+export { isColumnVisible };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CustomizeColumnsTearsheetWrapper } from "./TearsheetWrapper";
+export { default as ToggleButtonWrapper } from "./ButtonWrapper";

package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.d.ts

@@ -0,0 +1,42 @@
+export default FilterFlyout;
+declare function FilterFlyout({ updateMethod, flyoutIconDescription, filters, title, primaryActionLabel, onFlyoutOpen, onFlyoutClose, onApply, onCancel, secondaryActionLabel, setAllFilters, data, reactTableFiltersState, }: {
+    updateMethod: any;
+    flyoutIconDescription?: string | undefined;
+    filters?: any[] | undefined;
+    title?: string | undefined;
+    primaryActionLabel?: string | undefined;
+    onFlyoutOpen?: (() => void) | undefined;
+    onFlyoutClose?: (() => void) | undefined;
+    onApply?: (() => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    secondaryActionLabel?: string | undefined;
+    setAllFilters: any;
+    data?: any[] | undefined;
+    reactTableFiltersState?: any[] | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace FilterFlyout {
+    namespace propTypes {
+        let data: PropTypes.Validator<any[]>;
+        let filters: PropTypes.Validator<(PropTypes.InferProps<{
+            type: PropTypes.Validator<string>;
+            column: PropTypes.Validator<string>;
+            props: PropTypes.Validator<object>;
+        }> | null | undefined)[]>;
+        let flyoutIconDescription: PropTypes.Requireable<string>;
+        let onApply: PropTypes.Requireable<(...args: any[]) => any>;
+        let onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        let onFlyoutClose: PropTypes.Requireable<(...args: any[]) => any>;
+        let onFlyoutOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        let primaryActionLabel: PropTypes.Requireable<string>;
+        let reactTableFiltersState: PropTypes.Requireable<(PropTypes.InferProps<{
+            id: PropTypes.Validator<string>;
+            type: PropTypes.Validator<string>;
+            value: PropTypes.Validator<any>;
+        }> | null | undefined)[]>;
+        let secondaryActionLabel: PropTypes.Requireable<string>;
+        let setAllFilters: PropTypes.Validator<(...args: any[]) => any>;
+        let title: PropTypes.Requireable<string>;
+        let updateMethod: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from 'prop-types';

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

@@ -1,24 +1,27 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-// @flow
 /**
- * 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.
  */
 
+import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Filter } from '@carbon/react/icons';
-import { IconButton, usePrefix } from '@carbon/react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React, { useRef, useState, useEffect } from 'react';
-import { useClickOutside, useWindowResize } from '../../../../../global/js/hooks';
-import { pkg } from '../../../../../settings';
-import { ActionSet } from '../../../../ActionSet';
-import { BATCH, CLEAR_FILTERS, FLYOUT, INSTANT } from './constants';
-import { useSubscribeToEventEmitter, useFilters, useShouldDisableButtons } from './hooks';
-import { px, breakpoints } from '@carbon/layout';
+import { usePrefix, IconButton } from '@carbon/react';
+import cx from '../../../../../node_modules/classnames/index.js';
+import PropTypes from '../../../../../node_modules/prop-types/index.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { pkg } from '../../../../../settings.js';
+import { BATCH, INSTANT, FLYOUT, CLEAR_FILTERS } from './constants.js';
+import { breakpoints, px } from '@carbon/layout';
+import useFilters from './hooks/useFilters.js';
+import useShouldDisableButtons from './hooks/useShouldDisableButtons.js';
+import { useWindowResize } from '../../../../../global/js/hooks/useWindowResize.js';
+import { useClickOutside } from '../../../../../global/js/hooks/useClickOutside.js';
+import useSubscribeToEventEmitter from './hooks/useSubscribeToEventEmitter.js';
+import { ActionSet } from '../../../../ActionSet/ActionSet.js';
+
+var _Filter;
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var componentClass = "".concat(blockClass, "-filter-flyout");
 var defaults = {
@@ -168,7 +171,7 @@ var FilterFlyout = function FilterFlyout(_ref) {
     return filters.map(renderFilter);
   };
   var renderActionSet = function renderActionSet() {
-    return showActionSet && /*#__PURE__*/React.createElement(ActionSet, {
+    return showActionSet && /*#__PURE__*/React__default.createElement(ActionSet, {
       actions: [{
         key: 1,
         kind: 'primary',
@@ -189,9 +192,13 @@ var FilterFlyout = function FilterFlyout(_ref) {
   };
 
   /** Effects */
+  // Close flyout when clicking outside
   useClickOutside(filterFlyoutRef, function (target) {
     var hasClickedOnDatePicker = target.closest('.flatpickr-calendar');
     var hasClickedOnDropdown = target.className === "".concat(carbonPrefix, "--list-box__menu-item__option");
+
+    // Do not do anything if flyout is closed or if clicking on anything
+    // rendered via a portal
     if (!open || hasClickedOnDatePicker || hasClickedOnDropdown) {
       return;
     }
@@ -202,24 +209,24 @@ var FilterFlyout = function FilterFlyout(_ref) {
   useEffect(function reflectLastAppliedFiltersWhenReactTableUpdates() {
     lastAppliedFilters.current = JSON.stringify(reactTableFiltersState);
   }, [reactTableFiltersState, lastAppliedFilters]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(componentClass, "__container"),
     ref: filterFlyoutRef
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/React__default.createElement(IconButton, {
     label: flyoutIconDescription,
     kind: "ghost",
     align: "bottom",
     onClick: open ? closeFlyout : openFlyout,
     className: cx("".concat(componentClass, "__trigger"), _defineProperty({}, "".concat(componentClass, "__trigger--open"), open)),
     disabled: data.length === 0
-  }, /*#__PURE__*/React.createElement(Filter, null)), /*#__PURE__*/React.createElement("div", {
+  }, _Filter || (_Filter = /*#__PURE__*/React__default.createElement(Filter, null))), /*#__PURE__*/React__default.createElement("div", {
     className: cx(componentClass, _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentClass, "--open"), open), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
     ref: flyoutInnerRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(componentClass, "__inner-container")
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(componentClass, "__title")
-  }, title), /*#__PURE__*/React.createElement("div", {
+  }, title), /*#__PURE__*/React__default.createElement("div", {
     className: cx("".concat(componentClass, "__filters"), _defineProperty({}, "".concat(componentClass, "__stacked"), stackedLayout)),
     ref: flyoutFiltersContainerRef
   }, renderFilters())), renderActionSet()));
@@ -286,4 +293,6 @@ FilterFlyout.propTypes = {
    */
   updateMethod: PropTypes.oneOf([BATCH, INSTANT]).isRequired
 };
-export default FilterFlyout;
+var FilterFlyout$1 = FilterFlyout;
+
+export { FilterFlyout$1 as default };

package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.d.ts

@@ -0,0 +1,50 @@
+export const componentClass: string;
+export default FilterPanel;
+declare function FilterPanel({ title, closeIconDescription, updateMethod, filterSections, setAllFilters, onApply, onCancel, onPanelOpen, onPanelClose, showFilterSearch, filterPanelMinHeight, primaryActionLabel, secondaryActionLabel, searchLabelText, searchPlaceholder, reactTableFiltersState, autoHideFilters, isFetching, }: {
+    title?: string | undefined;
+    closeIconDescription?: string | undefined;
+    updateMethod: any;
+    filterSections: any;
+    setAllFilters: any;
+    onApply?: (() => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    onPanelOpen?: (() => void) | undefined;
+    onPanelClose?: (() => void) | undefined;
+    showFilterSearch?: boolean | undefined;
+    filterPanelMinHeight?: number | undefined;
+    primaryActionLabel?: string | undefined;
+    secondaryActionLabel?: string | undefined;
+    searchLabelText?: string | undefined;
+    searchPlaceholder?: string | undefined;
+    reactTableFiltersState?: any[] | undefined;
+    autoHideFilters?: boolean | undefined;
+    isFetching?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace FilterPanel {
+    namespace propTypes {
+        let autoHideFilters: PropTypes.Requireable<boolean>;
+        let closeIconDescription: PropTypes.Requireable<string>;
+        let filterPanelMinHeight: PropTypes.Requireable<number>;
+        let filterSections: PropTypes.Requireable<any[]>;
+        let isFetching: PropTypes.Requireable<boolean>;
+        let onApply: PropTypes.Requireable<(...args: any[]) => any>;
+        let onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        let onPanelClose: PropTypes.Requireable<(...args: any[]) => any>;
+        let onPanelOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        let open: PropTypes.Requireable<boolean>;
+        let primaryActionLabel: PropTypes.Requireable<string>;
+        let reactTableFiltersState: PropTypes.Requireable<(PropTypes.InferProps<{
+            id: PropTypes.Validator<string>;
+            type: PropTypes.Validator<string>;
+            value: PropTypes.Validator<any>;
+        }> | null | undefined)[]>;
+        let searchLabelText: PropTypes.Requireable<string>;
+        let searchPlaceholder: PropTypes.Requireable<string>;
+        let secondaryActionLabel: PropTypes.Requireable<string>;
+        let setAllFilters: PropTypes.Validator<(...args: any[]) => any>;
+        let showFilterSearch: PropTypes.Requireable<boolean>;
+        let title: PropTypes.Requireable<string>;
+        let updateMethod: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from 'prop-types';

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

@@ -1,30 +1,29 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /**
- * 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 */
-
-import { Accordion, AccordionItem, Button, Layer, Search } from '@carbon/react';
-import { BATCH, CLEAR_FILTERS, INSTANT, PANEL } from './constants';
-import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { actionSetVariants, innerContainerVariants, panelVariants } from './motion/variants';
-import { useFilters, useShouldDisableButtons, useSubscribeToEventEmitter } from './hooks';
-import { ActionSet } from '../../../../ActionSet';
+import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Button, Layer, Search, Accordion, AccordionItem } from '@carbon/react';
+import { PANEL, BATCH, CLEAR_FILTERS, INSTANT } from './constants.js';
+import React__default, { useState, useContext, useRef, useMemo, useEffect } from 'react';
+import { panelVariants, innerContainerVariants, actionSetVariants } from './motion/variants.js';
 import { Close } from '@carbon/react/icons';
-import { FilterContext } from '.';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
+import { FilterContext } from './FilterProvider.js';
+import PropTypes from '../../../../../node_modules/prop-types/index.js';
+import cx from '../../../../../node_modules/classnames/index.js';
 import { motion, useReducedMotion } from 'framer-motion';
-import { pkg } from '../../../../../settings';
+import { pkg } from '../../../../../settings.js';
 import { rem } from '@carbon/layout';
+import { ActionSet } from '../../../../ActionSet/ActionSet.js';
+import useFilters from './hooks/useFilters.js';
+import useShouldDisableButtons from './hooks/useShouldDisableButtons.js';
+import useSubscribeToEventEmitter from './hooks/useSubscribeToEventEmitter.js';
+
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-export var componentClass = "".concat(blockClass, "-filter-panel");
+var componentClass = "".concat(blockClass, "-filter-panel");
 var MotionActionSet = motion(ActionSet);
 var defaults = {
   title: 'Filter',
@@ -140,7 +139,7 @@ var FilterPanel = function FilterPanel(_ref) {
     lastAppliedFilters.current = JSON.stringify(filtersObjectArray);
   };
   var renderActionSet = function renderActionSet() {
-    return showActionSet && /*#__PURE__*/React.createElement(MotionActionSet, {
+    return showActionSet && /*#__PURE__*/React__default.createElement(MotionActionSet, {
       actions: [{
         key: 1,
         kind: 'primary',
@@ -190,25 +189,25 @@ var FilterPanel = function FilterPanel(_ref) {
     showFilterSearch ? filterSearchHeight : 0, "px - ").concat(updateMethod === BATCH ? actionSetHeight : 0, "px)") : 0;
     return height;
   };
-  return /*#__PURE__*/React.createElement(motion.div, {
+  return /*#__PURE__*/React__default.createElement(motion.div, {
     ref: filterPanelRef,
     className: cx(componentClass, "".concat(componentClass, "__container"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentClass, "--open"), panelOpen), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
     initial: false,
     animate: panelOpen ? 'visible' : 'hidden',
     custom: shouldReduceMotion,
     variants: panelVariants
-  }, /*#__PURE__*/React.createElement(motion.div, {
+  }, /*#__PURE__*/React__default.createElement(motion.div, {
     custom: shouldReduceMotion,
     variants: innerContainerVariants
-  }, /*#__PURE__*/React.createElement("header", {
+  }, /*#__PURE__*/React__default.createElement("header", {
     ref: filterHeadingRef,
     className: cx("".concat(componentClass, "__heading"), _defineProperty({}, "".concat(componentClass, "__heading--with-divider"), showDividerLine))
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(componentClass, "__title")
-  }, title), /*#__PURE__*/React.createElement(Button, {
+  }, title), /*#__PURE__*/React__default.createElement(Button, {
     hasIconOnly: true,
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React.createElement(Close, _extends({
+      return /*#__PURE__*/React__default.createElement(Close, _extends({
         size: 16
       }, props));
     },
@@ -220,14 +219,14 @@ var FilterPanel = function FilterPanel(_ref) {
   }), showFilterSearch &&
   /*#__PURE__*/
   /* istanbul ignore next */
-  React.createElement("div", {
+  React__default.createElement("div", {
     ref: filterSearchRef,
     className: "".concat(componentClass, "__search")
-  }, /*#__PURE__*/React.createElement(Layer, null, /*#__PURE__*/React.createElement(Search, {
+  }, /*#__PURE__*/React__default.createElement(Layer, null, /*#__PURE__*/React__default.createElement(Search, {
     labelText: searchLabelText,
     placeholder: searchPlaceholder,
     size: "sm"
-  })))), /*#__PURE__*/React.createElement("div", {
+  })))), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(componentClass, "__inner-container"),
     style: {
       height: getScrollableContainerHeight()
@@ -239,15 +238,15 @@ var FilterPanel = function FilterPanel(_ref) {
       _ref2$filters = _ref2.filters,
       filters = _ref2$filters === void 0 ? [] : _ref2$filters,
       hasAccordion = _ref2.hasAccordion;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       key: index,
       className: "".concat(componentClass, "__category")
-    }, categoryTitle && /*#__PURE__*/React.createElement("div", {
+    }, categoryTitle && /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(componentClass, "__category-title")
-    }, categoryTitle), hasAccordion ? /*#__PURE__*/React.createElement(Accordion, null, filters.map(function (_ref3) {
+    }, categoryTitle), hasAccordion ? /*#__PURE__*/React__default.createElement(Accordion, null, filters.map(function (_ref3) {
       var filterLabel = _ref3.filterLabel,
         filter = _ref3.filter;
-      return /*#__PURE__*/React.createElement(AccordionItem, {
+      return /*#__PURE__*/React__default.createElement(AccordionItem, {
         title: filterLabel,
         key: filterLabel
       }, renderFilter(filter));
@@ -285,4 +284,6 @@ FilterPanel.propTypes = {
   title: PropTypes.string,
   updateMethod: PropTypes.oneOf([BATCH, INSTANT])
 };
-export default FilterPanel;
+var FilterPanel$1 = FilterPanel;
+
+export { componentClass, FilterPanel$1 as default };

package/es/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';