@vuu-ui/vuu-filters 2.1.18 → 2.1.19-beta.2

package/esm/custom-filters/filterBarFocusManagement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filterBarFocusManagement.js","sources":["../../../../packages/vuu-filters/src/custom-filters/filterBarFocusManagement.ts"],"sourcesContent":["import {\n  getElementByDataIndex,\n  getElementDataIndex,\n  queryClosest,\n} from \"@vuu-ui/vuu-utils\";\n\nconst QUERY_ADD_BUTTON = '.saltButton:has([aria-label=\"Add filter\"])';\n\nexport const navigateToNextItem = (\n  el: HTMLElement | EventTarget,\n  direction: \"bwd\" | \"fwd\" = \"fwd\",\n) => {\n  const pill = queryClosest(el, \".vuuFilterPill\");\n  if (pill) {\n    const index = getElementDataIndex(pill);\n    if (typeof index === \"number\") {\n      const target =\n        direction === \"fwd\"\n          ? getElementByDataIndex(pill.parentElement, index + 1)\n          : getElementByDataIndex(pill.parentElement, index - 1);\n      if (target) {\n        target.focus();\n      } else if (direction === \"fwd\") {\n        const filterBar = queryClosest(el, \".vuuFilterBar\");\n        const addButton = filterBar?.querySelector(\n          QUERY_ADD_BUTTON,\n        ) as HTMLElement;\n        addButton?.focus();\n      }\n    }\n  } else {\n    const button = queryClosest(el, QUERY_ADD_BUTTON);\n    if (button) {\n      const filterBar = queryClosest(el, \".vuuFilterBar\");\n      const target = filterBar?.querySelector(\n        \".vuuFilterPill:last-child\",\n      ) as HTMLElement;\n      target?.focus();\n    }\n  }\n};\n"],"names":[],"mappings":";;AAMA,MAAM,gBAAmB,GAAA,4CAAA;AAElB,MAAM,kBAAqB,GAAA,CAChC,EACA,EAAA,SAAA,GAA2B,KACxB,KAAA;AACH,EAAM,MAAA,IAAA,GAAO,YAAa,CAAA,EAAA,EAAI,gBAAgB,CAAA;AAC9C,EAAA,IAAI,IAAM,EAAA;AACR,IAAM,MAAA,KAAA,GAAQ,oBAAoB,IAAI,CAAA;AACtC,IAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,MAAA,MAAM,MACJ,GAAA,SAAA,KAAc,KACV,GAAA,qBAAA,CAAsB,IAAK,CAAA,aAAA,EAAe,KAAQ,GAAA,CAAC,CACnD,GAAA,qBAAA,CAAsB,IAAK,CAAA,aAAA,EAAe,QAAQ,CAAC,CAAA;AACzD,MAAA,IAAI,MAAQ,EAAA;AACV,QAAA,MAAA,CAAO,KAAM,EAAA;AAAA,OACf,MAAA,IAAW,cAAc,KAAO,EAAA;AAC9B,QAAM,MAAA,SAAA,GAAY,YAAa,CAAA,EAAA,EAAI,eAAe,CAAA;AAClD,QAAA,MAAM,YAAY,SAAW,EAAA,aAAA;AAAA,UAC3B;AAAA,SACF;AACA,QAAA,SAAA,EAAW,KAAM,EAAA;AAAA;AACnB;AACF,GACK,MAAA;AACL,IAAM,MAAA,MAAA,GAAS,YAAa,CAAA,EAAA,EAAI,gBAAgB,CAAA;AAChD,IAAA,IAAI,MAAQ,EAAA;AACV,MAAM,MAAA,SAAA,GAAY,YAAa,CAAA,EAAA,EAAI,eAAe,CAAA;AAClD,MAAA,MAAM,SAAS,SAAW,EAAA,aAAA;AAAA,QACxB;AAAA,OACF;AACA,MAAA,MAAA,EAAQ,KAAM,EAAA;AAAA;AAChB;AAEJ;;;;"}

package/esm/custom-filters/useCustomFilters.js

@@ -1,263 +0,0 @@
-import { NullEditAPI } from '@vuu-ui/vuu-ui-controls';
-import { queryClosest, getElementDataIndex } from '@vuu-ui/vuu-utils';
-import { useRef, useState, useMemo, useEffect, useCallback } from 'react';
-import { navigateToNextItem } from './filterBarFocusManagement.js';
-import { useFilterState } from './useFilterState.js';
-
-const isEditFilterState = (filterState) => filterState === "edit" || filterState === "create";
-const useCustomFilters = ({
-  columnDescriptors,
-  containerRef,
-  defaultFilterState,
-  filterState,
-  onApplyFilter,
-  onClearFilter,
-  onFilterDeleted,
-  onFilterRenamed,
-  onFilterStateChanged
-}) => {
-  const addButtonRef = useRef(null);
-  const [interactedFilterState, setInteractedFilterState] = useState();
-  const [promptProps, setPromptProps] = useState(null);
-  const editPillLabelAPI = useRef(NullEditAPI);
-  const columnsByName = useMemo(
-    () => columnDescriptorsByName(columnDescriptors),
-    [columnDescriptors]
-  );
-  const {
-    activeFilterIndex,
-    filters,
-    onAddFilter,
-    onChangeFilter,
-    onDeleteFilter,
-    onRenameFilter,
-    onToggleFilterActive
-  } = useFilterState({
-    defaultFilterState,
-    filterState,
-    onFilterDeleted,
-    onFilterRenamed,
-    onFilterStateChanged
-  });
-  useEffect(() => {
-    const activeFilters = activeFilterIndex.map((i) => filters[i]);
-    const applyFilter = (filter) => {
-      if (filter) {
-        onApplyFilter(filter);
-      } else {
-        onClearFilter();
-      }
-    };
-    if (activeFilters.length === 0) {
-      applyFilter();
-    } else if (activeFilters.length === 1) {
-      const [filter] = activeFilters;
-      applyFilter(filter);
-    } else {
-      applyFilter({ op: "and", filters: activeFilters });
-    }
-  }, [activeFilterIndex, columnsByName, filters, onApplyFilter, onClearFilter]);
-  const editPillLabel = useCallback((index, filter) => {
-    setTimeout(() => {
-      setInteractedFilterState({
-        filter,
-        index,
-        state: "rename"
-      });
-    }, 100);
-  }, []);
-  const focusFilterPill = useCallback(
-    (index = 0) => {
-      requestAnimationFrame(() => {
-        const target = containerRef.current?.querySelector(
-          `.vuuFilterPill[data-index="${index}"] button`
-        );
-        if (target) {
-          target.focus();
-        }
-      });
-    },
-    [containerRef]
-  );
-  const deleteConfirmed = useCallback(
-    (filter) => {
-      onDeleteFilter(filter);
-      requestAnimationFrame(() => {
-        if (filters.length) {
-          focusFilterPill(0);
-        }
-      });
-    },
-    [filters.length, focusFilterPill, onDeleteFilter]
-  );
-  const getDeletePrompt = useMemo(
-    () => (filter) => {
-      const close = () => {
-        setPromptProps(null);
-        focusFilterPill();
-      };
-      return {
-        className: "vuuFilterDeletePrompt",
-        confirmButtonLabel: "Remove",
-        icon: "warn-triangle",
-        initialFocusedItem: "confirm",
-        onCancel: close,
-        onClose: close,
-        onConfirm: () => {
-          setPromptProps(null);
-          deleteConfirmed(filter);
-        },
-        children: `Are you sure you want to delete filter '${filter.name}'`,
-        title: "Remove Filter",
-        status: "warning"
-      };
-    },
-    [deleteConfirmed, focusFilterPill]
-  );
-  const deleteFilter = useCallback(
-    (filter, withPrompt) => {
-      if (withPrompt) {
-        setPromptProps(getDeletePrompt(filter));
-      } else {
-        deleteConfirmed(filter);
-      }
-    },
-    [deleteConfirmed, getDeletePrompt]
-  );
-  const handleExitEditFilterName = useCallback(
-    (_, editedValue = "") => {
-      if (interactedFilterState?.state === "rename" && interactedFilterState.filter) {
-        const { filter } = interactedFilterState;
-        const indexOfEditedFilter = onRenameFilter(filter, editedValue);
-        setInteractedFilterState(void 0);
-        focusFilterPill(indexOfEditedFilter);
-      }
-      setInteractedFilterState(void 0);
-    },
-    [focusFilterPill, interactedFilterState, onRenameFilter]
-  );
-  const handlePillMenuAction = useCallback(
-    (menuId, options) => {
-      switch (menuId) {
-        case "delete-filter": {
-          const { filter } = options;
-          deleteFilter(filter, true);
-          return true;
-        }
-        case "rename-filter": {
-          const { filter } = options;
-          const index = filters.indexOf(filter);
-          editPillLabel(index, filter);
-          return true;
-        }
-        case "edit-filter": {
-          const { filter } = options;
-          setInteractedFilterState({
-            filter,
-            index: filters.indexOf(filter),
-            state: "edit"
-          });
-          return true;
-        }
-        default:
-          return false;
-      }
-    },
-    [deleteFilter, editPillLabel, filters]
-  );
-  const handlePillKeyDown = useCallback((e) => {
-    if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
-      navigateToNextItem(e.target, e.key === "ArrowLeft" ? "bwd" : "fwd");
-    }
-  }, []);
-  const addIfNewElseUpdate = useCallback(
-    (newOrUpdatedFilter, existing) => {
-      if (existing === void 0) {
-        const idx = onAddFilter(newOrUpdatedFilter);
-        focusFilterPill(idx);
-        editPillLabel(idx, newOrUpdatedFilter);
-      } else {
-        const idx = onChangeFilter(existing, newOrUpdatedFilter);
-        focusFilterPill(idx);
-      }
-    },
-    [editPillLabel, focusFilterPill, onAddFilter, onChangeFilter]
-  );
-  const filterSaveHandler = useCallback(
-    (filter) => {
-      if (interactedFilterState) {
-        const { filter: existingFilter } = interactedFilterState;
-        setInteractedFilterState(void 0);
-        addIfNewElseUpdate(filter, existingFilter);
-      }
-    },
-    [addIfNewElseUpdate, interactedFilterState]
-  );
-  const handlePillClick = useCallback(
-    (e) => {
-      const isEditing = e.target.querySelector(
-        ".vuuEditableLabel-editing"
-      );
-      if (!isEditing) {
-        const pill = queryClosest(e.target, ".vuuFilterPill");
-        if (pill) {
-          const index = getElementDataIndex(pill);
-          onToggleFilterActive(index, e.shiftKey);
-        }
-      }
-    },
-    [onToggleFilterActive]
-  );
-  const FilterPillProps2 = {
-    editLabelApiRef: editPillLabelAPI,
-    // onBeginEdit: handleBeginEditFilterName,
-    onClick: handlePillClick,
-    onKeyDown: handlePillKeyDown,
-    onMenuAction: handlePillMenuAction,
-    onExitEditMode: handleExitEditFilterName
-  };
-  const handleClickAddButton = useCallback(() => {
-    setInteractedFilterState({
-      index: -1,
-      state: "create"
-    });
-  }, []);
-  const handleKeyDownAddButton = useCallback((evt) => {
-    if (evt.key === "ArrowLeft") {
-      navigateToNextItem(evt.target, "bwd");
-    }
-  }, []);
-  const handleCancelEdit = useCallback(() => {
-    if (interactedFilterState) {
-      const { index } = interactedFilterState;
-      if (index === -1) {
-        addButtonRef.current?.focus();
-      } else {
-        focusFilterPill(index);
-      }
-      setInteractedFilterState(void 0);
-    }
-  }, [focusFilterPill, interactedFilterState]);
-  const addButtonProps = {
-    ref: addButtonRef,
-    onClick: handleClickAddButton,
-    onKeyDown: handleKeyDownAddButton
-  };
-  return {
-    FilterPillProps: FilterPillProps2,
-    activeFilterIndex,
-    addButtonProps,
-    columnsByName,
-    filters,
-    interactedFilterState,
-    onCancelEdit: handleCancelEdit,
-    onSave: filterSaveHandler,
-    promptProps
-  };
-};
-function columnDescriptorsByName(columns) {
-  return columns.reduce((m, col) => ({ ...m, [col.name]: col }), {});
-}
-
-export { isEditFilterState, useCustomFilters };
-//# sourceMappingURL=useCustomFilters.js.map

package/esm/custom-filters/useCustomFilters.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCustomFilters.js","sources":["../../../../packages/vuu-filters/src/custom-filters/useCustomFilters.ts"],"sourcesContent":["import { ColumnDescriptorsByName, Filter } from \"@vuu-ui/vuu-filter-types\";\nimport { PromptProps } from \"@vuu-ui/vuu-ui-controls\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  EditableLabelProps,\n  EditAPI,\n  NullEditAPI,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport { getElementDataIndex, queryClosest } from \"@vuu-ui/vuu-utils\";\nimport {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { FilterBarProps } from \"../filter-bar\";\nimport {\n  FilterEditCancelHandler,\n  FilterEditSaveHandler,\n} from \"../filter-editor\";\nimport { FilterPillProps } from \"../filter-pill\";\nimport { FilterMenuOptions } from \"../filter-pill-menu\";\nimport { navigateToNextItem } from \"./filterBarFocusManagement\";\nimport { useFilterState } from \"./useFilterState\";\nimport { MenuActionHandler } from \"@vuu-ui/vuu-context-menu\";\n\nexport type EditFilterState = \"create\" | \"edit\";\nexport type FilterState = EditFilterState | \"rename\";\nexport const isEditFilterState = (\n  filterState?: string,\n): filterState is EditFilterState =>\n  filterState === \"edit\" || filterState === \"create\";\n\ntype InteractedFilterState = {\n  filter?: Filter;\n  index: number;\n  state: FilterState;\n};\n\nexport interface CustomFilterHookProps\n  extends Pick<\n    FilterBarProps,\n    | \"columnDescriptors\"\n    | \"defaultFilterState\"\n    | \"filterState\"\n    | \"onApplyFilter\"\n    | \"onClearFilter\"\n    | \"onFilterDeleted\"\n    | \"onFilterRenamed\"\n    | \"onFilterStateChanged\"\n  > {\n  containerRef: RefObject<HTMLDivElement | null>;\n}\n\nexport const useCustomFilters = ({\n  columnDescriptors,\n  containerRef,\n  defaultFilterState,\n  filterState,\n  onApplyFilter,\n  onClearFilter,\n  onFilterDeleted,\n  onFilterRenamed,\n  onFilterStateChanged,\n}: CustomFilterHookProps) => {\n  const addButtonRef = useRef<HTMLButtonElement>(null);\n  const [interactedFilterState, setInteractedFilterState] = useState<\n    InteractedFilterState | undefined\n  >();\n  const [promptProps, setPromptProps] = useState<PromptProps | null>(null);\n  const editPillLabelAPI = useRef<EditAPI>(NullEditAPI);\n\n  const columnsByName = useMemo(\n    () => columnDescriptorsByName(columnDescriptors),\n    [columnDescriptors],\n  );\n\n  const {\n    activeFilterIndex,\n    filters,\n    onAddFilter,\n    onChangeFilter,\n    onDeleteFilter,\n    onRenameFilter,\n    onToggleFilterActive,\n  } = useFilterState({\n    defaultFilterState,\n    filterState,\n    onFilterDeleted,\n    onFilterRenamed,\n    onFilterStateChanged,\n  });\n\n  useEffect(() => {\n    const activeFilters = activeFilterIndex.map((i) => filters[i]);\n    const applyFilter = (filter?: Filter) => {\n      if (filter) {\n        onApplyFilter(filter);\n      } else {\n        onClearFilter();\n      }\n    };\n    if (activeFilters.length === 0) {\n      applyFilter();\n    } else if (activeFilters.length === 1) {\n      const [filter] = activeFilters;\n      applyFilter(filter);\n    } else {\n      applyFilter({ op: \"and\", filters: activeFilters });\n    }\n  }, [activeFilterIndex, columnsByName, filters, onApplyFilter, onClearFilter]);\n\n  const editPillLabel = useCallback((index: number, filter: Filter) => {\n    setTimeout(() => {\n      setInteractedFilterState({\n        filter,\n        index,\n        state: \"rename\",\n      });\n    }, 100);\n  }, []);\n\n  const focusFilterPill = useCallback(\n    (index = 0) => {\n      requestAnimationFrame(() => {\n        const target = containerRef.current?.querySelector(\n          `.vuuFilterPill[data-index=\"${index}\"] button`,\n        ) as undefined | HTMLInputElement;\n        if (target) {\n          target.focus();\n        }\n      });\n    },\n    [containerRef],\n  );\n\n  const deleteConfirmed = useCallback(\n    (filter: Filter) => {\n      onDeleteFilter(filter);\n\n      // TODO move focus to next/previous filter\n      requestAnimationFrame(() => {\n        if (filters.length) {\n          focusFilterPill(0);\n        }\n      });\n    },\n    [filters.length, focusFilterPill, onDeleteFilter],\n  );\n\n  const getDeletePrompt = useMemo(\n    () => (filter: Filter) => {\n      const close = () => {\n        setPromptProps(null);\n        focusFilterPill();\n      };\n      return {\n        className: \"vuuFilterDeletePrompt\",\n        confirmButtonLabel: \"Remove\",\n        icon: \"warn-triangle\",\n        initialFocusedItem: \"confirm\",\n        onCancel: close,\n        onClose: close,\n        onConfirm: () => {\n          setPromptProps(null);\n          deleteConfirmed(filter);\n        },\n        children: `Are you sure you want to delete filter '${filter.name}'`,\n        title: \"Remove Filter\",\n        status: \"warning\",\n      } as PromptProps;\n    },\n    [deleteConfirmed, focusFilterPill],\n  );\n\n  const deleteFilter = useCallback(\n    (filter: Filter, withPrompt: boolean) => {\n      if (withPrompt) {\n        setPromptProps(getDeletePrompt(filter));\n      } else {\n        deleteConfirmed(filter);\n      }\n    },\n    [deleteConfirmed, getDeletePrompt],\n  );\n\n  // TODO handle cancel edit name\n  const handleExitEditFilterName: EditableLabelProps[\"onExitEditMode\"] =\n    useCallback(\n      (_, editedValue = \"\") => {\n        if (\n          interactedFilterState?.state === \"rename\" &&\n          interactedFilterState.filter\n        ) {\n          const { filter } = interactedFilterState;\n          const indexOfEditedFilter = onRenameFilter(filter, editedValue);\n\n          setInteractedFilterState(undefined);\n          focusFilterPill(indexOfEditedFilter);\n        }\n        setInteractedFilterState(undefined);\n      },\n      [focusFilterPill, interactedFilterState, onRenameFilter],\n    );\n\n  const handlePillMenuAction = useCallback<MenuActionHandler>(\n    (menuId, options) => {\n      switch (menuId) {\n        case \"delete-filter\": {\n          const { filter } = options as FilterMenuOptions;\n          deleteFilter(filter, true);\n          return true;\n        }\n        case \"rename-filter\": {\n          const { filter } = options as FilterMenuOptions;\n          const index = filters.indexOf(filter);\n          editPillLabel(index, filter);\n          return true;\n        }\n        case \"edit-filter\": {\n          const { filter } = options as FilterMenuOptions;\n          setInteractedFilterState({\n            filter,\n            index: filters.indexOf(filter),\n            state: \"edit\",\n          });\n          return true;\n        }\n        default:\n          return false;\n      }\n    },\n    [deleteFilter, editPillLabel, filters],\n  );\n\n  const handlePillKeyDown = useCallback<KeyboardEventHandler>((e) => {\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n      navigateToNextItem(e.target, e.key === \"ArrowLeft\" ? \"bwd\" : \"fwd\");\n    }\n  }, []);\n\n  const addIfNewElseUpdate = useCallback(\n    (newOrUpdatedFilter: Filter, existing: Filter | undefined) => {\n      if (existing === undefined) {\n        const idx = onAddFilter(newOrUpdatedFilter);\n        focusFilterPill(idx);\n        editPillLabel(idx, newOrUpdatedFilter);\n      } else {\n        const idx = onChangeFilter(existing, newOrUpdatedFilter);\n        focusFilterPill(idx);\n      }\n    },\n    [editPillLabel, focusFilterPill, onAddFilter, onChangeFilter],\n  );\n\n  const filterSaveHandler = useCallback<FilterEditSaveHandler>(\n    (filter) => {\n      if (interactedFilterState) {\n        const { filter: existingFilter } = interactedFilterState;\n        setInteractedFilterState(undefined);\n        addIfNewElseUpdate(filter, existingFilter);\n      }\n    },\n    [addIfNewElseUpdate, interactedFilterState],\n  );\n\n  const handlePillClick = useCallback<MouseEventHandler<HTMLButtonElement>>(\n    (e) => {\n      const isEditing = (e.target as HTMLElement).querySelector(\n        \".vuuEditableLabel-editing\",\n      );\n      if (!isEditing) {\n        const pill = queryClosest(e.target, \".vuuFilterPill\");\n        if (pill) {\n          const index = getElementDataIndex(pill);\n          onToggleFilterActive(index, e.shiftKey);\n        }\n      }\n    },\n    [onToggleFilterActive],\n  );\n\n  const FilterPillProps: Omit<FilterPillProps, \"filter\" | \"selected\"> = {\n    editLabelApiRef: editPillLabelAPI,\n    // onBeginEdit: handleBeginEditFilterName,\n    onClick: handlePillClick,\n    onKeyDown: handlePillKeyDown,\n    onMenuAction: handlePillMenuAction,\n    onExitEditMode: handleExitEditFilterName,\n  };\n\n  const handleClickAddButton = useCallback(() => {\n    setInteractedFilterState({\n      index: -1,\n      state: \"create\",\n    });\n  }, []);\n\n  const handleKeyDownAddButton = useCallback<KeyboardEventHandler>((evt) => {\n    if (evt.key === \"ArrowLeft\") {\n      navigateToNextItem(evt.target, \"bwd\");\n    }\n  }, []);\n\n  const handleCancelEdit = useCallback<FilterEditCancelHandler>(() => {\n    if (interactedFilterState) {\n      const { index } = interactedFilterState;\n      if (index === -1) {\n        addButtonRef.current?.focus();\n      } else {\n        focusFilterPill(index);\n      }\n      setInteractedFilterState(undefined);\n    }\n  }, [focusFilterPill, interactedFilterState]);\n\n  const addButtonProps = {\n    ref: addButtonRef,\n    onClick: handleClickAddButton,\n    onKeyDown: handleKeyDownAddButton,\n  };\n\n  return {\n    FilterPillProps,\n    activeFilterIndex,\n    addButtonProps,\n    columnsByName,\n    filters,\n    interactedFilterState,\n    onCancelEdit: handleCancelEdit,\n    onSave: filterSaveHandler,\n    promptProps,\n  };\n};\n\nfunction columnDescriptorsByName(\n  columns: readonly ColumnDescriptor[],\n): ColumnDescriptorsByName {\n  return columns.reduce((m, col) => ({ ...m, [col.name]: col }), {});\n}\n"],"names":["FilterPillProps"],"mappings":"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"}

package/esm/custom-filters/useFilterState.js

@@ -1,147 +0,0 @@
-import { useCallback } from 'react';
-import { useControlled } from '@vuu-ui/vuu-ui-controls';
-
-const getActiveIndices = (indices, toggledIndex, preserveExisting) => {
-  const isActive = indices.includes(toggledIndex);
-  if (isActive) {
-    if (preserveExisting) {
-      return indices.filter((i) => i !== toggledIndex);
-    } else {
-      return [];
-    }
-  } else {
-    if (preserveExisting) {
-      return indices.concat(toggledIndex);
-    } else {
-      return [toggledIndex];
-    }
-  }
-};
-const useFilterState = ({
-  defaultFilterState,
-  onFilterDeleted,
-  onFilterRenamed,
-  onFilterStateChanged,
-  filterState: filterStateProp
-}) => {
-  const [filterState, setFilterState] = useControlled({
-    controlled: filterStateProp,
-    default: defaultFilterState ?? { filters: [], activeIndices: [] },
-    name: "useFilterState",
-    state: "FilterState"
-  });
-  const handleFilterStateChange = useCallback(
-    (s) => {
-      setFilterState(s);
-      onFilterStateChanged?.(s);
-    },
-    [onFilterStateChanged, setFilterState]
-  );
-  const handleAddFilter = useCallback(
-    (filter) => {
-      const index = filterState.filters.length;
-      const newFilters = filterState.filters.concat(filter);
-      const newIndices = appendIfNotPresent(filterState.activeIndices, index);
-      handleFilterStateChange({
-        filters: newFilters,
-        activeIndices: newIndices
-      });
-      return index;
-    },
-    [filterState, handleFilterStateChange]
-  );
-  const handleDeleteFilter = useCallback(
-    (filter) => {
-      let index = -1;
-      const newFilters = filterState.filters.filter((f, i) => {
-        if (f !== filter) {
-          return true;
-        } else {
-          index = i;
-          return false;
-        }
-      });
-      const newIndices = removeIndexAndDecrementLarger(
-        filterState.activeIndices,
-        index
-      );
-      handleFilterStateChange({
-        filters: newFilters,
-        activeIndices: newIndices
-      });
-      onFilterDeleted?.(filter);
-      return index;
-    },
-    [
-      filterState.filters,
-      filterState.activeIndices,
-      handleFilterStateChange,
-      onFilterDeleted
-    ]
-  );
-  const handleRenameFilter = useCallback(
-    (filter, name) => {
-      let index = -1;
-      const newFilters = filterState.filters.map((f, i) => {
-        if (f === filter) {
-          index = i;
-          return { ...filter, name };
-        } else {
-          return f;
-        }
-      });
-      handleFilterStateChange({ ...filterState, filters: newFilters });
-      onFilterRenamed?.(filter, name);
-      return index;
-    },
-    [filterState, handleFilterStateChange, onFilterRenamed]
-  );
-  const handleChangeFilter = useCallback(
-    (oldFilter, newFilter) => {
-      let index = -1;
-      const newFilters = filterState.filters.map((f, i) => {
-        if (f === oldFilter) {
-          index = i;
-          return newFilter;
-        } else {
-          return f;
-        }
-      });
-      handleFilterStateChange({ ...filterState, filters: newFilters });
-      return index;
-    },
-    [filterState, handleFilterStateChange]
-  );
-  const handleToggleFilterActive = useCallback(
-    (filterIndex, preserveRemainingFilters = false) => {
-      handleFilterStateChange({
-        ...filterState,
-        activeIndices: getActiveIndices(
-          filterState.activeIndices,
-          filterIndex,
-          preserveRemainingFilters
-        )
-      });
-    },
-    [filterState, handleFilterStateChange]
-  );
-  return {
-    activeFilterIndex: filterState.activeIndices,
-    filters: filterState.filters,
-    onToggleFilterActive: handleToggleFilterActive,
-    onAddFilter: handleAddFilter,
-    onChangeFilter: handleChangeFilter,
-    onDeleteFilter: handleDeleteFilter,
-    onRenameFilter: handleRenameFilter
-  };
-};
-const appendIfNotPresent = (ns, n) => ns.includes(n) ? ns : ns.concat(n);
-const removeIndexAndDecrementLarger = (indices, idxToRemove) => {
-  return indices.reduce((res, i) => {
-    if (i === idxToRemove) return res;
-    return res.concat(i > idxToRemove ? i - 1 : i);
-  }, []);
-};
-
-export { useFilterState };
-//# sourceMappingURL=useFilterState.js.map

package/esm/custom-filters/useFilterState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFilterState.js","sources":["../../../../packages/vuu-filters/src/custom-filters/useFilterState.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { Filter, FilterState } from \"@vuu-ui/vuu-filter-types\";\nimport { useControlled } from \"@vuu-ui/vuu-ui-controls\";\n\nexport interface FiltersHookProps {\n  defaultFilterState?: FilterState;\n  filterState?: FilterState;\n  onFilterDeleted?: (filter: Filter) => void;\n  onFilterRenamed?: (filter: Filter, name: string) => void;\n  onFilterStateChanged?: (s: FilterState) => void;\n}\n\nconst getActiveIndices = (\n  indices: number[],\n  toggledIndex: number,\n  preserveExisting: boolean,\n) => {\n  const isActive = indices.includes(toggledIndex);\n  if (isActive) {\n    if (preserveExisting) {\n      return indices.filter((i) => i !== toggledIndex);\n    } else {\n      return [];\n    }\n  } else {\n    if (preserveExisting) {\n      return indices.concat(toggledIndex);\n    } else {\n      return [toggledIndex];\n    }\n  }\n};\n\nexport const useFilterState = ({\n  defaultFilterState,\n  onFilterDeleted,\n  onFilterRenamed,\n  onFilterStateChanged,\n  filterState: filterStateProp,\n}: FiltersHookProps) => {\n  const [filterState, setFilterState] = useControlled<FilterState>({\n    controlled: filterStateProp,\n    default: defaultFilterState ?? { filters: [], activeIndices: [] },\n    name: \"useFilterState\",\n    state: \"FilterState\",\n  });\n\n  const handleFilterStateChange = useCallback(\n    (s: FilterState) => {\n      setFilterState(s);\n      onFilterStateChanged?.(s);\n    },\n    [onFilterStateChanged, setFilterState],\n  );\n\n  const handleAddFilter = useCallback(\n    (filter: Filter) => {\n      const index = filterState.filters.length;\n      const newFilters = filterState.filters.concat(filter);\n      const newIndices = appendIfNotPresent(filterState.activeIndices, index);\n      handleFilterStateChange({\n        filters: newFilters,\n        activeIndices: newIndices,\n      });\n      return index;\n    },\n    [filterState, handleFilterStateChange],\n  );\n\n  const handleDeleteFilter = useCallback(\n    (filter: Filter) => {\n      let index = -1;\n      const newFilters = filterState.filters.filter((f, i) => {\n        if (f !== filter) {\n          return true;\n        } else {\n          index = i;\n          return false;\n        }\n      });\n\n      const newIndices = removeIndexAndDecrementLarger(\n        filterState.activeIndices,\n        index,\n      );\n\n      handleFilterStateChange({\n        filters: newFilters,\n        activeIndices: newIndices,\n      });\n      onFilterDeleted?.(filter);\n      return index;\n    },\n    [\n      filterState.filters,\n      filterState.activeIndices,\n      handleFilterStateChange,\n      onFilterDeleted,\n    ],\n  );\n\n  const handleRenameFilter = useCallback(\n    (filter: Filter, name: string) => {\n      let index = -1;\n      const newFilters = filterState.filters.map((f, i) => {\n        if (f === filter) {\n          index = i;\n          return { ...filter, name };\n        } else {\n          return f;\n        }\n      });\n      handleFilterStateChange({ ...filterState, filters: newFilters });\n      onFilterRenamed?.(filter, name);\n\n      return index;\n    },\n    [filterState, handleFilterStateChange, onFilterRenamed],\n  );\n\n  const handleChangeFilter = useCallback(\n    (oldFilter: Filter, newFilter: Filter) => {\n      let index = -1;\n      const newFilters = filterState.filters.map((f, i) => {\n        if (f === oldFilter) {\n          index = i;\n          return newFilter;\n        } else {\n          return f;\n        }\n      });\n      handleFilterStateChange({ ...filterState, filters: newFilters });\n\n      return index;\n    },\n    [filterState, handleFilterStateChange],\n  );\n\n  const handleToggleFilterActive = useCallback(\n    (filterIndex: number, preserveRemainingFilters = false) => {\n      handleFilterStateChange({\n        ...filterState,\n        activeIndices: getActiveIndices(\n          filterState.activeIndices,\n          filterIndex,\n          preserveRemainingFilters,\n        ),\n      });\n    },\n    [filterState, handleFilterStateChange],\n  );\n\n  return {\n    activeFilterIndex: filterState.activeIndices,\n    filters: filterState.filters,\n    onToggleFilterActive: handleToggleFilterActive,\n    onAddFilter: handleAddFilter,\n    onChangeFilter: handleChangeFilter,\n    onDeleteFilter: handleDeleteFilter,\n    onRenameFilter: handleRenameFilter,\n  };\n};\n\nconst appendIfNotPresent = (ns: number[], n: number) =>\n  ns.includes(n) ? ns : ns.concat(n);\n\nconst removeIndexAndDecrementLarger = (\n  indices: number[],\n  idxToRemove: number,\n) => {\n  return indices.reduce<number[]>((res, i) => {\n    if (i === idxToRemove) return res;\n    return res.concat(i > idxToRemove ? i - 1 : i);\n  }, []);\n};\n"],"names":[],"mappings":"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"}

package/esm/filter-bar/FilterBar.css.js

@@ -1,4 +0,0 @@
-var filterBarCss = ".vuuFilterBar {\n  --vuu-svg-grid: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M2 6.00004H4.66667V3.33337H3.33333C2.6 3.33337 2 3.93337 2 4.66671V6.00004ZM2 9.33337H4.66667V6.66671H2V9.33337ZM5.33333 9.33337H8V6.66671H5.33333V9.33337ZM8.66667 9.33337H11.3333V6.66671H8.66667V9.33337ZM5.33333 6.00004H8V3.33337H5.33333V6.00004ZM8.66667 3.33337V6.00004H11.3333V3.33337H8.66667ZM12 9.33337H14.6667V6.66671H12V9.33337ZM3.33333 12.6667H4.66667V10H2V11.3334C2 12.0667 2.6 12.6667 3.33333 12.6667ZM5.33333 12.6667H8V10H5.33333V12.6667ZM8.66667 12.6667H11.3333V10H8.66667V12.6667ZM12 12.6667H13.3333C14.0667 12.6667 14.6667 12.0667 14.6667 11.3334V10H12V12.6667ZM12 3.33337V6.00004H14.6667V4.66671C14.6667 3.93337 14.0667 3.33337 13.3333 3.33337H12Z\"/></svg>');\n  --vuuOverflowContainer-minWidth: 0;\n  --filterbar-height: var(\n    --vuuFilterBar-height,\n    calc(var(--salt-size-base) + var(--salt-spacing-300))\n  );\n  --vuuFilterEditor-height: var(--filterbar-height);\n  --icon-container-height: auto;\n  --flexbar-gap: var(--salt-spacing-100);\n  --icon-marginTop: 0;\n\n  align-items: center;\n  background-color: var(--salt-container-secondary-background);\n  border-color: var(--salt-separable-secondary-borderColor);\n  border-style: var(--vuuFilterBar-borderStyle, none none solid none);\n  border-width: 1px;\n  display: inline-flex;\n  flex: var(--vuuFilterBar-flex);\n  flex-wrap: wrap;\n  gap: var(--flexbar-gap);\n  grid-template-columns: 70px 1fr 28px;\n  grid-auto-rows: 28px 0px;\n  height: var(--filterbar-height);\n  overflow: hidden;\n  padding: var(--salt-spacing-100) var(--salt-spacing-200);\n}\n\n.vuuFilterBar-quick-filter-mode {\n  --icon-container-height: 100%;\n  --icon-marginTop: 20px;\n  --filterbar-height: var(\n    --vuuFilterBar-height,\n    calc(2 * var(--salt-size-base))\n  );\n  align-items: flex-end;\n  padding: var(--salt-spacing-100) var(--salt-spacing-200);\n}\n\n.vuuFilterBar:has(.vuuFilterEditor) {\n  grid-template-rows: 28px 28px;\n  height: calc(1px + var(--flexbar-gap) + (2 * var(--filterbar-height)));\n}\n\n.vuuFilterBar-iconContainer {\n  height: var(--icon-container-height);\n\n  .saltToggleButtonGroup {\n    margin-top: var(--icon-marginTop);\n    transition: margin-top 0.1s ease-in;\n  }\n}\n\n.vuuFilterbar-icon {\n  display: inline-block;\n  height: 16px;\n  width: 16px;\n}\n\n.vuuFilterBar [data-icon=\"grid\"] {\n  --vuu-icon-size: 16px;\n  --vuu-icon-svg: var(--vuu-svg-grid);\n}\n\n.vuuFilterBar [data-icon=\"plus\"] {\n  --vuu-icon-size: 16px;\n}\n\n.vuuFilterBar .vuuToolbar {\n  flex: 0 1 auto;\n}\n\n.vuuFilterBar-Editor {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--salt-spacing-100);\n}\n\n.vuuCustomFilters {\n  display: flex;\n  gap: var(--salt-spacing-100);\n}\n.vuuCustomFilters-filters {\n  display: flex;\n  gap: var(--salt-spacing-100);\n}\n";
-
-export { filterBarCss as default };
-//# sourceMappingURL=FilterBar.css.js.map

package/esm/filter-bar/FilterBar.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterBar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/filter-bar/FilterBar.js

@@ -1,121 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Icon } from '@vuu-ui/vuu-ui-controls';
-import { ToggleButtonGroup, ToggleButton } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { useMemo } from 'react';
-import { CustomFilters } from '../custom-filters/CustomFilters.js';
-import { QuickFilters } from '../quick-filters/QuickFilters.js';
-import { useFilterBar } from './useFilterBar.js';
-import filterBarCss from './FilterBar.css.js';
-
-const classBase = "vuuFilterBar";
-const FilterBar = ({
-  QuickFilterProps: QuickFilterProps2,
-  className: classNameProp,
-  columnDescriptors,
-  defaultFilterMode,
-  defaultFilterState,
-  filterMode: filterModeProp,
-  filterState,
-  onApplyFilter,
-  onChangeFilterMode: onChangeFilterModeProp,
-  onClearFilter,
-  onFilterDeleted,
-  onFilterRenamed,
-  onFilterStateChanged,
-  vuuTable,
-  variant = "custom-filters-only",
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-filter-bar",
-    css: filterBarCss,
-    window: targetWindow
-  });
-  const allowCustomFilters = variant !== "quick-filters-only";
-  const allowQuickFilters = variant !== "custom-filters-only";
-  const controlledFilterMode = !allowCustomFilters ? "quick-filter" : !allowQuickFilters ? "custom-filter" : filterModeProp;
-  const { filterMode, onChangeFilterMode } = useFilterBar({
-    defaultFilterMode,
-    filterMode: controlledFilterMode,
-    onChangeFilterMode: onChangeFilterModeProp
-  });
-  const className = cx(classBase, classNameProp);
-  const startAdornment = useMemo(() => {
-    if (!allowQuickFilters) {
-      return /* @__PURE__ */ jsx(Icon, { name: "sliders", size: 16, style: { top: 2 } });
-    } else {
-      return /* @__PURE__ */ jsxs(
-        ToggleButtonGroup,
-        {
-          "data-variant": "secondary",
-          onChange: onChangeFilterMode,
-          value: filterMode,
-          children: [
-            /* @__PURE__ */ jsx(
-              ToggleButton,
-              {
-                className: "vuuIconToggleButton",
-                value: "custom-filter",
-                "aria-label": "Custom filters",
-                tabIndex: -1,
-                children: /* @__PURE__ */ jsx(Icon, { name: "grid", size: 16 })
-              },
-              "custom-filter"
-            ),
-            /* @__PURE__ */ jsx(
-              ToggleButton,
-              {
-                className: "vuuIconToggleButton",
-                value: "quick-filter",
-                "aria-label": "Quick filters",
-                tabIndex: -1,
-                children: /* @__PURE__ */ jsx(Icon, { name: "tune", size: 16 })
-              },
-              "quick-filter"
-            )
-          ]
-        }
-      );
-    }
-  }, [allowQuickFilters, filterMode, onChangeFilterMode]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...htmlAttributes,
-      className: cx(className, `${classBase}-${filterMode}-mode`),
-      children: [
-        variant === "quick-filters-only" ? null : /* @__PURE__ */ jsx("div", { className: `${classBase}-iconContainer`, children: startAdornment }),
-        filterMode === "custom-filter" ? /* @__PURE__ */ jsx(
-          CustomFilters,
-          {
-            columnDescriptors,
-            defaultFilterState,
-            filterState,
-            onApplyFilter,
-            onClearFilter,
-            onFilterDeleted,
-            onFilterRenamed,
-            onFilterStateChanged,
-            vuuTable
-          }
-        ) : /* @__PURE__ */ jsx(
-          QuickFilters,
-          {
-            ...QuickFilterProps2,
-            availableColumns: columnDescriptors,
-            onApplyFilter,
-            onClearFilter,
-            vuuTable
-          }
-        )
-      ]
-    }
-  );
-};
-
-export { FilterBar };
-//# sourceMappingURL=FilterBar.js.map

package/esm/filter-bar/FilterBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterBar.js","sources":["../../../../packages/vuu-filters/src/filter-bar/FilterBar.tsx"],"sourcesContent":["import { Filter, FilterHandler, FilterState } from \"@vuu-ui/vuu-filter-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { Icon } from \"@vuu-ui/vuu-ui-controls\";\nimport { ToggleButton, ToggleButtonGroup } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, useMemo } from \"react\";\nimport { CustomFilters } from \"../custom-filters\";\nimport { QuickFilterProps, QuickFilters } from \"../quick-filters\";\nimport { FilterMode, useFilterBar } from \"./useFilterBar\";\nimport type { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\n\nimport filterBarCss from \"./FilterBar.css\";\n\nexport type FilterBarVariant =\n  | \"custom-filters-only\"\n  | \"quick-filters-only\"\n  | \"full-filters\";\n\nexport interface FilterBarProps extends HTMLAttributes<HTMLDivElement> {\n  QuickFilterProps?: Pick<\n    QuickFilterProps,\n    \"quickFilterColumns\" | \"onChangeQuickFilterColumns\"\n  >;\n  /**\n   * Used to ensure we present filter editors appropriate to the data type of column.\n   * NOTE: Always make sure that these are passed with proper re-render optimization (i.e make\n   * sure its a stable reference, in React terminology), otherwise might end up with infinite\n   * state updates.\n   */\n  columnDescriptors: readonly ColumnDescriptor[];\n  defaultFilterMode?: FilterMode;\n  defaultFilterState?: FilterState;\n  filterMode?: FilterMode;\n  filterState?: FilterState;\n  onApplyFilter: FilterHandler;\n  onChangeFilterMode?: (filterMode: FilterMode) => void;\n  onClearFilter: () => void;\n  onFilterDeleted?: FilterHandler;\n  onFilterRenamed?: (filter: Filter, name: string) => void;\n  onFilterStateChanged?: (state: FilterState) => void;\n  /**\n   * Defines table used in call to Vuu Typeahead service\n   */\n  vuuTable?: VuuTable;\n  variant?: FilterBarVariant;\n}\n\nconst classBase = \"vuuFilterBar\";\n\nexport const FilterBar = ({\n  QuickFilterProps,\n  className: classNameProp,\n  columnDescriptors,\n  defaultFilterMode,\n  defaultFilterState,\n  filterMode: filterModeProp,\n  filterState,\n  onApplyFilter,\n  onChangeFilterMode: onChangeFilterModeProp,\n  onClearFilter,\n  onFilterDeleted,\n  onFilterRenamed,\n  onFilterStateChanged,\n  vuuTable,\n  variant = \"custom-filters-only\",\n  ...htmlAttributes\n}: FilterBarProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-bar\",\n    css: filterBarCss,\n    window: targetWindow,\n  });\n\n  const allowCustomFilters = variant !== \"quick-filters-only\";\n  const allowQuickFilters = variant !== \"custom-filters-only\";\n\n  const controlledFilterMode: FilterMode | undefined = !allowCustomFilters\n    ? \"quick-filter\"\n    : !allowQuickFilters\n      ? \"custom-filter\"\n      : filterModeProp;\n\n  const { filterMode, onChangeFilterMode } = useFilterBar({\n    defaultFilterMode,\n    filterMode: controlledFilterMode,\n    onChangeFilterMode: onChangeFilterModeProp,\n  });\n\n  const className = cx(classBase, classNameProp);\n\n  const startAdornment = useMemo(() => {\n    if (!allowQuickFilters) {\n      return <Icon name=\"sliders\" size={16} style={{ top: 2 }} />;\n    } else {\n      return (\n        <ToggleButtonGroup\n          data-variant=\"secondary\"\n          onChange={onChangeFilterMode}\n          value={filterMode}\n        >\n          <ToggleButton\n            className=\"vuuIconToggleButton\"\n            key=\"custom-filter\"\n            value=\"custom-filter\"\n            aria-label=\"Custom filters\"\n            tabIndex={-1}\n          >\n            <Icon name=\"grid\" size={16} />\n          </ToggleButton>\n          <ToggleButton\n            className=\"vuuIconToggleButton\"\n            key=\"quick-filter\"\n            value=\"quick-filter\"\n            aria-label=\"Quick filters\"\n            tabIndex={-1}\n          >\n            <Icon name=\"tune\" size={16} />\n          </ToggleButton>\n        </ToggleButtonGroup>\n      );\n    }\n  }, [allowQuickFilters, filterMode, onChangeFilterMode]);\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={cx(className, `${classBase}-${filterMode}-mode`)}\n    >\n      {variant === \"quick-filters-only\" ? null : (\n        <div className={`${classBase}-iconContainer`}>{startAdornment}</div>\n      )}\n      {filterMode === \"custom-filter\" ? (\n        <CustomFilters\n          columnDescriptors={columnDescriptors}\n          defaultFilterState={defaultFilterState}\n          filterState={filterState}\n          onApplyFilter={onApplyFilter}\n          onClearFilter={onClearFilter}\n          onFilterDeleted={onFilterDeleted}\n          onFilterRenamed={onFilterRenamed}\n          onFilterStateChanged={onFilterStateChanged}\n          vuuTable={vuuTable}\n        />\n      ) : (\n        <QuickFilters\n          {...QuickFilterProps}\n          availableColumns={columnDescriptors}\n          onApplyFilter={onApplyFilter}\n          onClearFilter={onClearFilter}\n          vuuTable={vuuTable}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["QuickFilterProps"],"mappings":"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"}

package/esm/filter-bar/useFilterBar.js

@@ -1,35 +0,0 @@
-import { queryClosest } from '@vuu-ui/vuu-utils';
-import { useControlled } from '@salt-ds/core';
-import { useCallback } from 'react';
-
-const isFilterMode = (value) => value === "custom-filter" || value === "quick-filter";
-const useFilterBar = ({
-  defaultFilterMode,
-  filterMode: filterModeProp,
-  onChangeFilterMode
-}) => {
-  const [filterMode, setFilterMode] = useControlled({
-    controlled: filterModeProp,
-    default: defaultFilterMode ?? "custom-filter",
-    name: "useFilterBar",
-    state: "filterMode"
-  });
-  const handleChangeFilterMode = useCallback(
-    (e) => {
-      const button = queryClosest(e.target, "button");
-      const newFilterMode = button?.value;
-      if (isFilterMode(newFilterMode)) {
-        setFilterMode(newFilterMode);
-        onChangeFilterMode?.(newFilterMode);
-      }
-    },
-    [onChangeFilterMode, setFilterMode]
-  );
-  return {
-    filterMode,
-    onChangeFilterMode: handleChangeFilterMode
-  };
-};
-
-export { useFilterBar };
-//# sourceMappingURL=useFilterBar.js.map