@carbon/ibm-products 2.80.0 → 2.81.0-rc.0

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

@@ -1,27 +0,0 @@
-/**
- * Copyright IBM Corp. 2022, 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** Constants for update methods can either be batch or instant */
-export const BATCH: "batch";
-export const INSTANT: "instant";
-/** Constants for filter variation */
-export const FLYOUT: "flyout";
-export const PANEL: "panel";
-/** Constants for filter type */
-export const DATE: "date";
-export const NUMBER: "number";
-export const CHECKBOX: "checkbox";
-export const RADIO: "radio";
-export const DROPDOWN: "dropdown";
-export const MULTISELECT: "multiSelect";
-/** Constants for event emitters */
-export const CLEAR_FILTERS: "clearFilters";
-export const CLEAR_SINGLE_FILTER: "clearSingleFilter";
-/** Constants for panel dimensions */
-export const PANEL_WIDTH: 320;
-export const ACTION_SET_HEIGHT: 64;
-/** Constants for local reducer */
-export const SAVED_FILTERS: "savedFilters";

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

@@ -1,31 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * 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 */
-const BATCH = 'batch';
-const INSTANT = 'instant';
-
-/** Constants for filter variation */
-const FLYOUT = 'flyout';
-const PANEL = 'panel';
-
-/** Constants for filter type */
-const DATE = 'date';
-const NUMBER = 'number';
-const CHECKBOX = 'checkbox';
-const RADIO = 'radio';
-const DROPDOWN = 'dropdown';
-const MULTISELECT = 'multiSelect';
-
-/** Constants for event emitters */
-const CLEAR_FILTERS = 'clearFilters';
-const CLEAR_SINGLE_FILTER = 'clearSingleFilter';
-
-/** Constants for local reducer */
-const SAVED_FILTERS = 'savedFilters';
-
-export { BATCH, CHECKBOX, CLEAR_FILTERS, CLEAR_SINGLE_FILTER, DATE, DROPDOWN, FLYOUT, INSTANT, MULTISELECT, NUMBER, PANEL, RADIO, SAVED_FILTERS };

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

@@ -1,9 +0,0 @@
-export function handleCheckboxChange({ checked, filtersState, column, option, setFiltersState, applyFilters, type, }: {
-    checked: any;
-    filtersState: any;
-    column: any;
-    option: any;
-    setFiltersState: any;
-    applyFilters: any;
-    type: any;
-}): void;

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

@@ -1,36 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-const handleCheckboxChange = _ref => {
-  let {
-    checked,
-    filtersState,
-    column,
-    option,
-    setFiltersState,
-    applyFilters,
-    type
-  } = _ref;
-  const checkboxCopy = filtersState[column].value;
-  const foundCheckbox = checkboxCopy.find(checkbox => checkbox.value === option.value);
-  foundCheckbox.selected = checked;
-  setFiltersState({
-    ...filtersState,
-    [column]: {
-      value: checkboxCopy,
-      type
-    }
-  });
-  applyFilters({
-    column,
-    value: [...filtersState[column].value],
-    type
-  });
-  option.onChange?.(checked);
-};
-
-export { handleCheckboxChange };

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.d.ts

@@ -1,4 +0,0 @@
-export { default as useSubscribeToEventEmitter } from "./useSubscribeToEventEmitter";
-export { default as useFilters } from "./useFilters";
-export { default as useShouldDisableButtons } from "./useShouldDisableButtons";
-export { default as useFilterContext } from "./useFilterContext";

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.d.ts

@@ -1,8 +0,0 @@
-/**
- * Copyright IBM Corp. 2023, 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-declare const useFilterContext: () => import("../FilterProvider").ContextType;
-export default useFilterContext;

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js

@@ -1,22 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * 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 { FilterContext } from '../FilterProvider.js';
-import { useContext } from 'react';
-
-const useFilterContext = () => {
-  // get the context
-  const context = useContext(FilterContext);
-
-  // if empty object, throw an error
-  if (Object.entries(context).length === 0) {
-    throw new Error('useFilterContext was used outside of its Provider');
-  }
-  return context;
-};
-
-export { useFilterContext as default };

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts

@@ -1,28 +0,0 @@
-export default useFilters;
-declare function useFilters({ updateMethod, filters, setAllFilters, variation, reactTableFiltersState, onCancel, panelOpen, autoHideFilters, isFetching, }: {
-    updateMethod: any;
-    filters?: any[] | undefined;
-    setAllFilters: any;
-    variation: any;
-    reactTableFiltersState: any;
-    onCancel: any;
-    panelOpen: any;
-    autoHideFilters: any;
-    isFetching: any;
-}): {
-    filtersState: {};
-    setFiltersState: React.Dispatch<React.SetStateAction<{}>>;
-    prevFiltersObjectArrayRef: React.RefObject<string>;
-    prevFiltersRef: React.RefObject<string>;
-    revertToPreviousFilters: () => void;
-    reset: (tableId: any) => void;
-    renderFilter: ({ type, column, props: components }: {
-        type: any;
-        column: any;
-        props: any;
-    }) => void | React.JSX.Element;
-    filtersObjectArray: any;
-    lastAppliedFilters: React.RefObject<string>;
-    cancel: () => void;
-};
-import React from 'react';

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

@@ -1,475 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * 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 { extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { BATCH, MULTISELECT, DROPDOWN, RADIO, CHECKBOX, NUMBER, DATE, INSTANT, PANEL } from '../constants.js';
-import { MultiSelect, Dropdown, FormGroup, RadioButtonGroup, RadioButton, NumberInput, DatePicker, DatePickerInput, Layer, Checkbox } from '@carbon/react';
-import React__default, { useContext, useState, useRef, useCallback, useEffect } from 'react';
-import OverflowCheckboxes from '../OverflowCheckboxes.js';
-import { getInitialStateFromFilters } from '../utils.js';
-import { FilterContext } from '../FilterProvider.js';
-import { handleCheckboxChange } from '../handleCheckboxChange.js';
-import uuidv4 from '../../../../../../global/js/utils/uuidv4.js';
-import { usePreviousValue } from '../../../../../../global/js/hooks/usePreviousValue.js';
-
-// Use same empty array every time, for benefit of useEffect() etc. dependency checking.
-const emptyArray = [];
-const useFilters = _ref => {
-  let {
-    updateMethod,
-    filters = emptyArray,
-    setAllFilters,
-    variation,
-    reactTableFiltersState,
-    onCancel,
-    panelOpen,
-    autoHideFilters,
-    isFetching
-  } = _ref;
-  const {
-    state,
-    tableId: contextTableId
-  } = useContext(FilterContext);
-  const {
-    savedFilters
-  } = state;
-  /** State */
-  const [filtersState, setFiltersState] = useState(getInitialStateFromFilters(filters, variation, reactTableFiltersState));
-  const [fetchingReset, setFetchingReset] = useState(false);
-  const [filtersObjectArray, setFiltersObjectArray] = useState(reactTableFiltersState);
-  const previousState = usePreviousValue({
-    panelOpen
-  });
-  const filteredItemsRef = useRef(undefined);
-
-  // When using batch actions we have to store the filters to then apply them later
-  const prevFiltersRef = useRef(JSON.stringify(filtersState));
-  const lastAppliedFilters = useRef(JSON.stringify(reactTableFiltersState));
-  const prevFiltersObjectArrayRef = useRef(JSON.stringify(filtersObjectArray));
-  const holdingPrevFiltersRef = useRef(undefined);
-  const holdingLastAppliedFiltersRef = useRef([]);
-  const holdingPrevFiltersObjectArrayRef = useRef([]);
-
-  /** 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
-  const revertToPreviousFilters = useCallback(() => {
-    setFiltersState(JSON.parse(prevFiltersRef.current));
-    setFiltersObjectArray(JSON.parse(prevFiltersObjectArrayRef.current));
-    setAllFilters(JSON.parse(lastAppliedFilters.current));
-
-    // Set the temp prev refs, these will be used to populate the prev values once the
-    // panel opens again
-    holdingPrevFiltersRef.current = JSON.parse(prevFiltersRef.current);
-    holdingLastAppliedFiltersRef.current = JSON.parse(prevFiltersObjectArrayRef.current);
-    holdingPrevFiltersObjectArrayRef.current = JSON.parse(lastAppliedFilters.current);
-  }, [setAllFilters]);
-  const reset = useCallback(tableId => {
-    // only reset filters if tableid of the datagrid that triggered "clear filters"
-    // matches the table id stored in its context instance
-    if (tableId === contextTableId) {
-      // When we reset we want the "initialFilters" to be an empty array
-      const resetFiltersArray = [];
-
-      // Get the initial values for the filters
-      const initialFiltersState = getInitialStateFromFilters(filters, variation, resetFiltersArray);
-      const initialFiltersObjectArray = [];
-
-      // Set the state to the initial values
-      setFiltersState(initialFiltersState);
-      setFiltersObjectArray(initialFiltersObjectArray);
-      setAllFilters([]);
-
-      // Update their respective refs so everything is in sync
-      prevFiltersRef.current = JSON.stringify(initialFiltersState);
-      prevFiltersObjectArrayRef.current = JSON.stringify(initialFiltersObjectArray);
-      lastAppliedFilters.current = JSON.stringify([]);
-    }
-  }, [filters, setAllFilters, variation, contextTableId]);
-  const applyFilters = _ref2 => {
-    let {
-      column,
-      value,
-      type
-    } = _ref2;
-    // If no end date is selected return because we need the end date to do computations
-    if (type === DATE && value.length > 0 && !value[1]) {
-      return;
-    }
-    const filterCopy = [...filtersObjectArray];
-    // // check if the filter already exists in the array
-    const filter = filterCopy.find(item => item.id === column);
-
-    // // if filter exists in array then update the filter's new value
-    if (filter) {
-      filter.value = value;
-    } else {
-      filterCopy.push({
-        id: column,
-        value,
-        type
-      });
-    }
-    const index = filterCopy.findIndex(_ref3 => {
-      let {
-        id
-      } = _ref3;
-      return id === column;
-    });
-    const clearCheckbox = (type === CHECKBOX || type === MULTISELECT) && filterCopy[index].value.every(_ref4 => {
-      let {
-        selected
-      } = _ref4;
-      return selected === false;
-    });
-    const clearDate = type === DATE && value.length === 0;
-    const clearAny = (type === DROPDOWN || type === RADIO) && value === 'Any';
-    const clearNum = type === NUMBER && value === '';
-    const shouldClear = clearCheckbox || clearDate || clearAny || clearNum;
-    if (shouldClear) {
-      filterCopy.splice(index, 1);
-    }
-    setFiltersObjectArray(filterCopy);
-    if (updateMethod === INSTANT) {
-      setAllFilters(filterCopy);
-    }
-  };
-
-  /** Render the individual filter component */
-  const renderFilter = _ref5 => {
-    var _OverflowCheckboxes;
-    let {
-      type,
-      column,
-      props: components
-    } = _ref5;
-    let filter;
-    const isPanel = variation === PANEL;
-    if (!type) {
-      return console.error(`type: ${type}; does not exist as a type of filter.`);
-    }
-    const renderCheckboxes = () => {
-      if (variation === PANEL && filtersState[column].value.length > 10 && !autoHideFilters) {
-        return _OverflowCheckboxes || (_OverflowCheckboxes = /*#__PURE__*/React__default.createElement(OverflowCheckboxes, {
-          components: components,
-          type: type,
-          column: column,
-          setFiltersState: setFiltersState,
-          filtersState: filtersState,
-          applyFilters: applyFilters
-        }));
-      }
-      return /*#__PURE__*/React__default.createElement(FormGroup, components.FormGroup, filtersState[column].value.map(option => /*#__PURE__*/React__default.createElement(Checkbox, _extends({
-        key: option.id
-      }, option, {
-        onChange: (_, _ref6) => {
-          let {
-            checked
-          } = _ref6;
-          handleCheckboxChange({
-            checked,
-            filtersState,
-            column,
-            option,
-            setFiltersState,
-            applyFilters,
-            type
-          });
-        },
-        checked: option.selected
-      }))));
-    };
-    switch (type) {
-      case DATE:
-        filter = /*#__PURE__*/React__default.createElement(DatePicker, _extends({}, components.DatePicker, {
-          onChange: value => {
-            setFiltersState({
-              ...filtersState,
-              [column]: {
-                value,
-                type
-              }
-            });
-            applyFilters({
-              column,
-              value,
-              type
-            });
-            components.DatePicker.onChange?.(value);
-          },
-          value: filtersState[column].value,
-          datePickerType: "range"
-        }), /*#__PURE__*/React__default.createElement(DatePickerInput, _extends({
-          placeholder: "mm/dd/yyyy",
-          labelText: "Start date"
-        }, components.DatePickerInput.start)), /*#__PURE__*/React__default.createElement(DatePickerInput, _extends({
-          placeholder: "mm/dd/yyyy",
-          labelText: "End date"
-        }, components.DatePickerInput.end)));
-        break;
-      case NUMBER:
-        filter = /*#__PURE__*/React__default.createElement(NumberInput, _extends({
-          step: 1,
-          allowEmpty: true,
-          hideSteppers: true
-        }, components.NumberInput, {
-          onChange: event => {
-            setFiltersState({
-              ...filtersState,
-              [column]: {
-                value: event.target.value,
-                type
-              }
-            });
-            applyFilters({
-              column,
-              value: event.target.value,
-              type
-            });
-            components.NumberInput.onChange?.(event);
-          },
-          value: filtersState[column].value
-        }));
-        break;
-      case CHECKBOX:
-        filter = renderCheckboxes();
-        break;
-      case RADIO:
-        {
-          const {
-            name
-          } = {
-            ...components.RadioButtonGroup
-          };
-          filter = /*#__PURE__*/React__default.createElement(FormGroup, components.FormGroup, /*#__PURE__*/React__default.createElement(RadioButtonGroup, _extends({}, components.RadioButtonGroup, {
-            valueSelected: filtersState[column]?.value === '' ? components.DefaultRadioButton?.value ?? 'Any' : filtersState[column]?.value,
-            onChange: selected => {
-              setFiltersState({
-                ...filtersState,
-                [column]: {
-                  value: selected,
-                  type
-                }
-              });
-              applyFilters({
-                column,
-                value: selected,
-                type
-              });
-              components.RadioButtonGroup.onChange?.(selected);
-            }
-          }), /*#__PURE__*/React__default.createElement(RadioButton, _extends({
-            id: components?.DefaultRadioButton?.id ?? `any__${name}`,
-            labelText: components?.DefaultRadioButton?.labelText ?? 'Any',
-            value: components?.DefaultRadioButton?.value ?? 'Any'
-          }, components.DefaultRadioButton)), components.RadioButton.map(radio => /*#__PURE__*/React__default.createElement(RadioButton, _extends({
-            key: radio.id ?? radio.labelText ?? radio.value
-          }, radio)))));
-        }
-        break;
-      case DROPDOWN:
-        filter = /*#__PURE__*/React__default.createElement(Dropdown, _extends({}, components.Dropdown, {
-          selectedItem: filtersState[column]?.value === '' ? 'Any' : filtersState[column]?.value,
-          items: ['Any', ...components.Dropdown.items],
-          onChange: _ref7 => {
-            let {
-              selectedItem
-            } = _ref7;
-            setFiltersState({
-              ...filtersState,
-              [column]: {
-                value: selectedItem,
-                type
-              }
-            });
-            applyFilters({
-              column,
-              value: selectedItem,
-              type
-            });
-            components.Dropdown.onChange?.(selectedItem);
-          }
-        }));
-        break;
-      case MULTISELECT:
-        {
-          const isStringArray = components.MultiSelect.items.length && typeof components.MultiSelect.items[0] === 'string';
-          const selectedFilters = filtersState[column]?.value.filter(i => i.selected);
-          const filteredItems = components.MultiSelect.items.map(item => {
-            if (selectedFilters.filter(a => isStringArray ? a.id === item : a.id === item.id).length) {
-              return item;
-            }
-            return null;
-          }).filter(Boolean);
-          const isEqual = compareFilterItems(filteredItems);
-          if (!isEqual) {
-            filteredItemsRef.current = [...filteredItems];
-          }
-          const getKey = () => {
-            return isEqual ? {
-              key: uuidv4()
-            } : column;
-          };
-          filter = /*#__PURE__*/React__default.createElement(MultiSelect, _extends({}, components.MultiSelect, {
-            selectedItems: filteredItems,
-            key: getKey(),
-            onChange: _ref8 => {
-              let {
-                selectedItems
-              } = _ref8;
-              const allOptions = filtersState[column].value;
-              // Find selected items from list of options
-              const foundItems = selectedItems.map(item => {
-                if (allOptions.filter(option => isStringArray ? option.id === item : option.id === item.id)) {
-                  return allOptions.filter(option => isStringArray ? option.id === item : option.id === item.id)[0];
-                }
-                return null;
-              }).filter(Boolean);
-              filteredItemsRef.current = [...foundItems];
-
-              // Change selected state for those items that have been selected
-              allOptions.map(a => a.selected = false);
-              foundItems.map(item => {
-                const foundOriginalItem = allOptions.filter(a => isStringArray ? a === item : a.id === item.id);
-                if (foundOriginalItem && foundOriginalItem.length) {
-                  foundOriginalItem[0].selected = true;
-                }
-              });
-              if (!selectedItems.length) {
-                allOptions.map(a => a.selected = false);
-              }
-              setFiltersState({
-                ...filtersState,
-                [column]: {
-                  value: allOptions,
-                  type
-                }
-              });
-              applyFilters({
-                column,
-                value: [...filtersState[column].value],
-                type
-              });
-              components.MultiSelect?.onChange?.(selectedItems);
-            }
-          }));
-          break;
-        }
-    }
-    if (isPanel) {
-      return /*#__PURE__*/React__default.createElement(Layer, {
-        key: column
-      }, filter);
-    }
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
-      key: column
-    }, filter);
-  };
-  const compareFilterItems = filteredItems => {
-    const filteredItemsId = filteredItems.map(item => item.id) ?? [];
-    const previousFilteredItemsId = filteredItemsRef?.current?.map(item => item.id) ?? [];
-    const set1 = new Set(filteredItemsId);
-    const set2 = new Set(previousFilteredItemsId);
-    // Check if the sets have the same size (same number of unique elements)
-    if (set1.size !== set2.size) {
-      return false;
-    }
-    // Check if all elements in set1 are also present in set2 (using spread syntax)
-    return [...set1].every(element => set2.has(element));
-  };
-
-  /** This useEffect will properly handle the previous filters when the panel closes
-   * 1. If the panel closes we need to call the reset fn but also store the
-   * previous filters in a (new) temporary place.
-   * 2. When the panel opens again, take the values from the temporary place
-   * and populate the filter state with them
-   */
-  useEffect(() => {
-    if (!panelOpen && previousState?.panelOpen) {
-      revertToPreviousFilters();
-      setAllFilters(holdingLastAppliedFiltersRef.current);
-    }
-    if (panelOpen && !previousState?.panelOpen) {
-      if (holdingPrevFiltersRef.current && holdingLastAppliedFiltersRef.current && holdingPrevFiltersObjectArrayRef.current) {
-        setFiltersState(holdingPrevFiltersRef.current);
-        setFiltersObjectArray(holdingLastAppliedFiltersRef.current);
-        setAllFilters(JSON.parse(prevFiltersObjectArrayRef.current));
-      }
-    }
-  }, [panelOpen, previousState, previousState?.panelOpen, reset, setAllFilters, revertToPreviousFilters]);
-
-  // Re-applies filters if the Datagrid goes into a fetching state while panel is open
-  // and has had filters changed without applying
-  useEffect(() => {
-    if (isFetching && !fetchingReset) {
-      setFiltersState(JSON.parse(prevFiltersRef.current));
-      setFiltersObjectArray(JSON.parse(prevFiltersRef.current));
-      setAllFilters(JSON.parse(prevFiltersObjectArrayRef.current));
-      setFetchingReset(true);
-    }
-    if (isFetching && fetchingReset) {
-      const cleanFilters = originalFilterState => {
-        const copy = {
-          ...originalFilterState
-        };
-        const updatedFilters = savedFilters.map(f => {
-          if (Object.hasOwn(copy, f.id)) {
-            copy[f.id] = f;
-            return copy;
-          }
-          return copy;
-        });
-        return updatedFilters[0];
-      };
-      if (savedFilters && savedFilters.length) {
-        setFiltersObjectArray(savedFilters);
-        const filterStateCopy = cleanFilters(filtersState) ?? [];
-        setFiltersState(filterStateCopy);
-      }
-    }
-    if (!isFetching) {
-      setFetchingReset(false);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isFetching, reactTableFiltersState, setAllFilters, fetchingReset, savedFilters, filtersObjectArray]);
-
-  // This useEffect will update the last applied filters when the react-table filters change, this helps keeps all states in sync
-  useEffect(function reflectLastAppliedFiltersWhenReactTableUpdates() {
-    lastAppliedFilters.current = JSON.stringify(reactTableFiltersState);
-  }, [reactTableFiltersState, lastAppliedFilters]);
-  const cancel = () => {
-    // Reverting to previous filters only applies when using batch actions
-    if (updateMethod === BATCH) {
-      revertToPreviousFilters();
-      onCancel();
-    }
-  };
-
-  /** The purpose of this function is to sync any changes in react-tables state.filters array and reflect
-      those new filter changes in the panel/flyout state. The external change is triggered if setAllFilters is called outside of the Datagrid */
-  useEffect(function updateStateAndFiltersToReflectExternalFilterChanges() {
-    const newFiltersState = getInitialStateFromFilters(filters, variation, reactTableFiltersState);
-    setFiltersState(newFiltersState);
-    prevFiltersRef.current = JSON.stringify(newFiltersState);
-    prevFiltersObjectArrayRef.current = JSON.stringify(reactTableFiltersState);
-    setFiltersObjectArray(reactTableFiltersState);
-  }, [filters, reactTableFiltersState, variation]);
-  return {
-    filtersState,
-    setFiltersState,
-    prevFiltersObjectArrayRef,
-    prevFiltersRef,
-    revertToPreviousFilters,
-    reset,
-    renderFilter,
-    filtersObjectArray,
-    lastAppliedFilters,
-    cancel
-  };
-};
-
-export { useFilters as default };

package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.d.ts

@@ -1,9 +0,0 @@
-export default useShouldDisableButtons;
-/**
- * Keeps track of the button disabled state
- * @param  {string} initialValue - the initial value if the buttons should be enabled or disabled
- * @param  {object} filtersState - the filter state from the filter panel or flyout
- * @param  {object} prevFiltersRef - reference of the prev filterState
- * @returns {Array} returns a tuple of the state and setter function
- */
-declare function useShouldDisableButtons({ initialValue, filtersState, prevFiltersRef, open, }: string): any[];