@vuu-ui/vuu-filters 0.13.59 → 0.13.60

package/cjs/filter-container/FilterContainer.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var filterContainerCss = ".vuuFilterContainer {\n    display: flex;\n    flex-direction: column;\n    gap: var(--salt-spacing-100)\n\n}";
+var filterContainerCss = ".vuuFilterContainer {\n    display: var(--vuuFilterContainer-display,flex);\n    flex: var(--vuuFilterContainer-flex);\n    flex-direction: var(--vuuFilterContainer-flexDirection,column);\n    gap: var(--salt-spacing-100);\n    height: var(--vuuFilterContainer-height);\n    overflow: auto;\n}";
 
 module.exports = filterContainerCss;
 //# sourceMappingURL=FilterContainer.css.js.map

package/cjs/filter-container/FilterContainer.js

@@ -16,14 +16,9 @@ const notEmpty = (value) => Array.isArray(value) ? value[0] !== "" && value[1] !
 const FilterContainerColumnFilter = ({
   column,
   operator = "=",
+  variant,
   ...props
 }) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-filter-container",
-    css: FilterContainer$1,
-    window: targetWindow
-  });
   const {
     filterProviderKey,
     onChange: onFilterContextChange,
@@ -100,7 +95,8 @@ const FilterContainerColumnFilter = ({
       onColumnRangeFilterChange: handleColumnRangeFilterChange,
       onCommit: handleCommit,
       operator,
-      value
+      value,
+      variant
     }
   );
 };
@@ -113,13 +109,26 @@ const FilterContainer = ({
   onFilterCleared,
   ...htmlAttributes
 }) => {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-filter-container",
+    css: FilterContainer$1,
+    window: targetWindow
+  });
   const filterContextProps = useFilterContainer.useFilterContainer({
     filter,
     filterProviderKey,
     onFilterApplied,
     onFilterCleared
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(useFilterContainer.ColumnFilterContext.Provider, { value: filterContextProps, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlAttributes, className: cx(classBase, className), children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(useFilterContainer.ColumnFilterContext.Provider, { value: filterContextProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...htmlAttributes,
+      className: cx(classBase, className, "vuuScrollable"),
+      children
+    }
+  ) });
 };
 
 exports.FilterContainer = FilterContainer;

package/cjs/filter-container/FilterContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContainer.js","sources":["../../../../packages/vuu-filters/src/filter-container/FilterContainer.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport {\n  ColumnFilterContext,\n  useFilterContainer,\n  useFilterContext,\n  type ColumnFilterContainerHookProps,\n} from \"./useFilterContainer\";\nimport {\n  ColumnFilterChangeHandler,\n  ColumnFilterCommitHandler,\n  ColumnFilterValue,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ColumnFilter, ColumnFilterProps } from \"../column-filter/ColumnFilter\";\nimport {\n  filterDescriptorHasFilter,\n  isNullFilter,\n  useSavedFilters,\n} from \"../filter-provider/FilterContext\";\nimport { getColumnValueFromFilter } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport filterContainerCss from \"./FilterContainer.css\";\n\nconst classBase = \"vuuFilterContainer\";\n\nconst notEmpty = (value: ColumnFilterValue) =>\n  Array.isArray(value) ? value[0] !== \"\" && value[1] !== \"\" : value !== \"\";\n\nexport interface FilterContainerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    ColumnFilterContainerHookProps {\n  children: ReactNode;\n  filterProviderKey?: string;\n}\n\nexport interface FilterContainerColumnFilterProps\n  extends Omit<ColumnFilterProps, \"defaultValue\" | \"onCommit\" | \"value\"> {\n  defaultValue?: ColumnFilterValue;\n}\n\nexport const FilterContainerColumnFilter = ({\n  column,\n  operator = \"=\",\n  ...props\n}: FilterContainerColumnFilterProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-container\",\n    css: filterContainerCss,\n    window: targetWindow,\n  });\n\n  const {\n    filterProviderKey,\n    onChange: onFilterContextChange,\n    onCommit: onFilterContextCommit,\n    register,\n  } = useFilterContext(column, true);\n\n  const initialValue = useMemo(\n    () => register(column, operator),\n    [column, operator, register],\n  );\n\n  const [value, setValue] = useState(initialValue);\n  const valueRef = useRef<ColumnFilterValue>(initialValue);\n  const { currentFilter } = useSavedFilters(filterProviderKey);\n\n  // This is primarily to guard against client passing non-stable 'column' reference\n  // which would trigger the commit check below.\n  const currentFilterRef = useRef(currentFilter.id);\n\n  useMemo(() => {\n    if (currentFilterRef.current !== currentFilter.id) {\n      currentFilterRef.current = currentFilter.id;\n\n      if (isNullFilter(currentFilter) && notEmpty(valueRef.current)) {\n        valueRef.current = Array.isArray(valueRef.current) ? [\"\", \"\"] : \"\";\n        setValue(valueRef.current);\n      } else if (filterDescriptorHasFilter(currentFilter)) {\n        const v = getColumnValueFromFilter(\n          column,\n          operator,\n          currentFilter.filter,\n        );\n        if (\n          operator === \"between\" &&\n          !Array.isArray(v) &&\n          Array.isArray(valueRef.current)\n        ) {\n          // A between filter with only the first item filled is converted to an '=' filter\n          // in FilterAggregator. Translate value back to range value here\n          const [v1, v2] = valueRef.current;\n          if (`${v}` === v1 && v2 === \"\") {\n            return;\n          } else {\n            valueRef.current = [`${v}`, \"\"];\n            setValue(valueRef.current);\n          }\n        } else if (v !== valueRef.current) {\n          valueRef.current = v;\n          setValue(v);\n        }\n      }\n    }\n    // We only want this to run when the filter id changes, not when\n    // filter instance changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [column, currentFilter.id]);\n\n  const handleCommit = useCallback<ColumnFilterCommitHandler>(\n    (column, op, value) => {\n      valueRef.current = value;\n      setValue(value);\n      onFilterContextCommit(column, op, value);\n    },\n    [onFilterContextCommit],\n  );\n\n  const handleColumnFilterChange = useCallback<ColumnFilterChangeHandler>(\n    (value, column, op) => {\n      const { current: v } = valueRef;\n      valueRef.current = Array.isArray(v) ? [`${value}`, v[1]] : value;\n      setValue(valueRef.current);\n      onFilterContextChange(valueRef.current, column, op);\n    },\n    [onFilterContextChange],\n  );\n\n  const handleColumnRangeFilterChange = useCallback<ColumnFilterChangeHandler>(\n    (value, column, op) => {\n      const { current: v } = valueRef;\n      valueRef.current = Array.isArray(v) ? [v[0], `${value}`] : value;\n      setValue(valueRef.current);\n      onFilterContextChange(valueRef.current, column, op);\n    },\n    [onFilterContextChange],\n  );\n\n  return (\n    <ColumnFilter\n      {...props}\n      column={column}\n      onColumnFilterChange={handleColumnFilterChange}\n      onColumnRangeFilterChange={handleColumnRangeFilterChange}\n      onCommit={handleCommit}\n      operator={operator}\n      value={value}\n    />\n  );\n};\n\n/**\n * FilterContainer is a generic UI container for a collection of Filter\n * controls. Each control manages a single filter clause and the Filter\n * Container aggregates these clauses into a single filter. FilterContainer\n * provides a FilterContainerFilter which can be used to provide children.\n * This is a wrapper around ColumnFilter, which adds some plumbing to allow\n * the container to track changes and manage each individual contribution to\n * the top-level filter.\n * See FilterPanel and InlineFilter for examples of FilterContainer usage.\n */\nexport const FilterContainer = ({\n  children,\n  className,\n  filter,\n  filterProviderKey,\n  onFilterApplied,\n  onFilterCleared,\n  ...htmlAttributes\n}: FilterContainerProps) => {\n  const filterContextProps = useFilterContainer({\n    filter,\n    filterProviderKey,\n    onFilterApplied,\n    onFilterCleared,\n  });\n  return (\n    <ColumnFilterContext.Provider value={filterContextProps}>\n      <div {...htmlAttributes} className={cx(classBase, className)}>\n        {children}\n      </div>\n    </ColumnFilterContext.Provider>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","filterContainerCss","useFilterContext","useMemo","useState","useRef","useSavedFilters","isNullFilter","filterDescriptorHasFilter","getColumnValueFromFilter","useCallback","column","value","jsx","ColumnFilter","useFilterContainer","ColumnFilterContext"],"mappings":"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"}
+{"version":3,"file":"FilterContainer.js","sources":["../../../../packages/vuu-filters/src/filter-container/FilterContainer.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport {\n  ColumnFilterContext,\n  useFilterContainer,\n  useFilterContext,\n  type ColumnFilterContainerHookProps,\n} from \"./useFilterContainer\";\nimport {\n  ColumnFilterChangeHandler,\n  ColumnFilterCommitHandler,\n  ColumnFilterValue,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ColumnFilter, ColumnFilterProps } from \"../column-filter/ColumnFilter\";\nimport {\n  filterDescriptorHasFilter,\n  isNullFilter,\n  useSavedFilters,\n} from \"../filter-provider/FilterContext\";\nimport { getColumnValueFromFilter } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport filterContainerCss from \"./FilterContainer.css\";\n\nconst classBase = \"vuuFilterContainer\";\n\nconst notEmpty = (value: ColumnFilterValue) =>\n  Array.isArray(value) ? value[0] !== \"\" && value[1] !== \"\" : value !== \"\";\n\nexport interface FilterContainerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    ColumnFilterContainerHookProps {\n  children: ReactNode;\n  filterProviderKey?: string;\n}\n\nexport interface FilterContainerColumnFilterProps\n  extends Omit<ColumnFilterProps, \"defaultValue\" | \"onCommit\" | \"value\"> {\n  defaultValue?: ColumnFilterValue;\n}\n\nexport const FilterContainerColumnFilter = ({\n  column,\n  operator = \"=\",\n  variant,\n  ...props\n}: FilterContainerColumnFilterProps) => {\n  const {\n    filterProviderKey,\n    onChange: onFilterContextChange,\n    onCommit: onFilterContextCommit,\n    register,\n  } = useFilterContext(column, true);\n\n  const initialValue = useMemo(\n    () => register(column, operator),\n    [column, operator, register],\n  );\n\n  const [value, setValue] = useState(initialValue);\n  const valueRef = useRef<ColumnFilterValue>(initialValue);\n  const { currentFilter } = useSavedFilters(filterProviderKey);\n\n  // This is primarily to guard against client passing non-stable 'column' reference\n  // which would trigger the commit check below.\n  const currentFilterRef = useRef(currentFilter.id);\n\n  useMemo(() => {\n    if (currentFilterRef.current !== currentFilter.id) {\n      currentFilterRef.current = currentFilter.id;\n\n      if (isNullFilter(currentFilter) && notEmpty(valueRef.current)) {\n        valueRef.current = Array.isArray(valueRef.current) ? [\"\", \"\"] : \"\";\n        setValue(valueRef.current);\n      } else if (filterDescriptorHasFilter(currentFilter)) {\n        const v = getColumnValueFromFilter(\n          column,\n          operator,\n          currentFilter.filter,\n        );\n        if (\n          operator === \"between\" &&\n          !Array.isArray(v) &&\n          Array.isArray(valueRef.current)\n        ) {\n          // A between filter with only the first item filled is converted to an '=' filter\n          // in FilterAggregator. Translate value back to range value here\n          const [v1, v2] = valueRef.current;\n          if (`${v}` === v1 && v2 === \"\") {\n            return;\n          } else {\n            valueRef.current = [`${v}`, \"\"];\n            setValue(valueRef.current);\n          }\n        } else if (v !== valueRef.current) {\n          valueRef.current = v;\n          setValue(v);\n        }\n      }\n    }\n    // We only want this to run when the filter id changes, not when\n    // filter instance changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [column, currentFilter.id]);\n\n  const handleCommit = useCallback<ColumnFilterCommitHandler>(\n    (column, op, value) => {\n      valueRef.current = value;\n      setValue(value);\n      onFilterContextCommit(column, op, value);\n    },\n    [onFilterContextCommit],\n  );\n\n  const handleColumnFilterChange = useCallback<ColumnFilterChangeHandler>(\n    (value, column, op) => {\n      const { current: v } = valueRef;\n      valueRef.current = Array.isArray(v) ? [`${value}`, v[1]] : value;\n      setValue(valueRef.current);\n      onFilterContextChange(valueRef.current, column, op);\n    },\n    [onFilterContextChange],\n  );\n\n  const handleColumnRangeFilterChange = useCallback<ColumnFilterChangeHandler>(\n    (value, column, op) => {\n      const { current: v } = valueRef;\n      valueRef.current = Array.isArray(v) ? [v[0], `${value}`] : value;\n      setValue(valueRef.current);\n      onFilterContextChange(valueRef.current, column, op);\n    },\n    [onFilterContextChange],\n  );\n\n  return (\n    <ColumnFilter\n      {...props}\n      column={column}\n      onColumnFilterChange={handleColumnFilterChange}\n      onColumnRangeFilterChange={handleColumnRangeFilterChange}\n      onCommit={handleCommit}\n      operator={operator}\n      value={value}\n      variant={variant}\n    />\n  );\n};\n\n/**\n * FilterContainer is a generic UI container for a collection of Filter\n * controls. Each control manages a single filter clause and the Filter\n * Container aggregates these clauses into a single filter. FilterContainer\n * provides a FilterContainerFilter which can be used to provide children.\n * This is a wrapper around ColumnFilter, which adds some plumbing to allow\n * the container to track changes and manage each individual contribution to\n * the top-level filter.\n * See FilterPanel and InlineFilter for examples of FilterContainer usage.\n */\nexport const FilterContainer = ({\n  children,\n  className,\n  filter,\n  filterProviderKey,\n  onFilterApplied,\n  onFilterCleared,\n  ...htmlAttributes\n}: FilterContainerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-container\",\n    css: filterContainerCss,\n    window: targetWindow,\n  });\n\n  const filterContextProps = useFilterContainer({\n    filter,\n    filterProviderKey,\n    onFilterApplied,\n    onFilterCleared,\n  });\n  return (\n    <ColumnFilterContext.Provider value={filterContextProps}>\n      <div\n        {...htmlAttributes}\n        className={cx(classBase, className, \"vuuScrollable\")}\n      >\n        {children}\n      </div>\n    </ColumnFilterContext.Provider>\n  );\n};\n"],"names":["useFilterContext","useMemo","useState","useRef","useSavedFilters","isNullFilter","filterDescriptorHasFilter","getColumnValueFromFilter","useCallback","column","value","jsx","ColumnFilter","useWindow","useComponentCssInjection","filterContainerCss","useFilterContainer","ColumnFilterContext"],"mappings":"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"}

package/cjs/filter-panel/FilterPanel.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var filterPanelCss = ".vuuFilterPanel {\n    .vuuFilterPanel-toolbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n}";
+var filterPanelCss = ".vuuFilterPanel {\n    display: flex;\n    flex-direction: column;\n    gap: var(--vuuFilterPanel-gap, var(--salt-spacing-100));\n    height: var(--vuuFilterPanel-height, auto);\n    padding: var(--vuuFilterPanel-padding, 0);\n\n    --vuuFilterContainer-flex: 1 1 auto; \n\n    .vuuFilterPanel-toolbar {\n        align-items: center;\n        display: flex;\n        flex: 0 0 var(--salt-size-base);\n        padding: var(--salt-spacing-200) 0;\n        justify-content: space-between;\n    }\n}";
 
 module.exports = filterPanelCss;
 //# sourceMappingURL=FilterPanel.css.js.map

package/cjs/filter-provider/FilterProvider.js

@@ -178,9 +178,6 @@ const FilterProvider = ({
   );
   const setCurrentFilter = react.useCallback(
     (key, filter) => {
-      console.log(
-        `[FilterProvider] setCurrentFilter ${JSON.stringify(filter)}`
-      );
       const filterDescriptors = savedFilters.get(key) ?? [];
       if (filter === FilterContext.NULL_FILTER) {
         const newFilterDescriptors = filterDescriptorUtils.insertOrReplaceFilter(

package/cjs/filter-provider/FilterProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterProvider.js","sources":["../../../../packages/vuu-filters/src/filter-provider/FilterProvider.tsx"],"sourcesContent":["import {\n  FilterContainerFilter,\n  FilterContainerFilterDescriptor,\n  FilterContainerFilterDescriptorWithFilter,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ReactElement, ReactNode, useCallback, useMemo, useState } from \"react\";\nimport { FilterNamePrompt } from \"../saved-filters/FilterNamePrompt\";\nimport { DeleteFilterPrompt } from \"../saved-filters/DeleteFilterPrompt\";\nimport {\n  activateFilter,\n  findFilter,\n  insertOrReplaceFilter,\n  renameFilter,\n} from \"./filter-descriptor-utils\";\nimport { uuid } from \"@vuu-ui/vuu-utils\";\nimport {\n  EMPTY_FILTER,\n  EmptyFilterDescriptor,\n  FilterContext,\n  FilterContextFilterMenuActionHandler,\n  NULL_FILTER,\n  NullFilterDescriptor,\n  UNSAVED_FILTER,\n} from \"./FilterContext\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\n\nconst findActiveFilter = (\n  filterDescriptors: FilterContainerFilterDescriptor[],\n) => filterDescriptors.find((f) => f.active) ?? NullFilterDescriptor;\n\nconst findFilterByName = (\n  filterDescriptors: FilterContainerFilterDescriptor[],\n  name: string,\n) => filterDescriptors.find((f) => f.filter?.name === name);\n\ntype SavedFilterMap = Map<string, FilterContainerFilterDescriptor[]>;\ntype SavedFilterRecord = Record<string, FilterContainerFilterDescriptor[]>;\n\nconst mapToRecord = (savedFilters: SavedFilterMap) => {\n  const record: SavedFilterRecord = {};\n  savedFilters.forEach((filterDescriptors, key) => {\n    record[key] = filterDescriptors;\n  });\n  return record;\n};\n\nexport interface FilterProviderProps {\n  children: ReactNode;\n  onFiltersSaved?: (savedFilters: SavedFilterRecord) => void;\n  savedFilters?: SavedFilterRecord;\n}\n\nexport const FilterProvider = ({\n  children,\n  onFiltersSaved,\n  savedFilters: savedFiltersProp,\n}: FilterProviderProps) => {\n  const [, forceRefresh] = useState({});\n  const savedFilters = useMemo<SavedFilterMap>(\n    () =>\n      savedFiltersProp ? new Map(Object.entries(savedFiltersProp)) : new Map(),\n    [savedFiltersProp],\n  );\n\n  const [dialog, setDialog] = useState<ReactElement | null>(null);\n\n  const deleteFilter = useCallback(\n    (key: string, filterId: string) => {\n      const filterDescriptors = savedFilters.get(key);\n      if (filterDescriptors === undefined) {\n        throw Error(`[FilterProvider] deleteFilter, key ${key} not found`);\n      } else {\n        const newFilterDescriptors = filterDescriptors.filter(\n          ({ id }) => id !== filterId,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n        if (filterId !== UNSAVED_FILTER) {\n          onFiltersSaved?.(mapToRecord(savedFilters));\n        }\n      }\n    },\n    [onFiltersSaved, savedFilters],\n  );\n\n  const applyNewName = useCallback(\n    (key: string, filterId: string, name: string) => {\n      const filterDescriptors = savedFilters.get(key);\n      if (filterDescriptors === undefined) {\n        throw Error(`[FilterProvider] applyNewName, key ${key} not found`);\n      } else {\n        const newFilterDescriptors = renameFilter(\n          filterDescriptors,\n          filterId,\n          name,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n        onFiltersSaved?.(mapToRecord(savedFilters));\n      }\n    },\n    [onFiltersSaved, savedFilters],\n  );\n\n  const promptForFilterName = useCallback(\n    (key: string, { filter, id }: FilterContainerFilterDescriptor) => {\n      const originalFilterName = filter?.name ?? \"\";\n      setDialog(\n        <FilterNamePrompt\n          filterName={filter?.name}\n          title=\"Rename filter\"\n          onClose={() => setDialog(null)}\n          onConfirm={(name) => {\n            setDialog(null);\n            if (originalFilterName !== name) {\n              applyNewName(key, id, name);\n            }\n          }}\n        />,\n      );\n    },\n    [applyNewName],\n  );\n\n  const promptForConfirmationOfDelete = useCallback(\n    (\n      key: string,\n      filterDescriptor: FilterContainerFilterDescriptor,\n      columns?: ColumnDescriptor[],\n    ) => {\n      setDialog(\n        <DeleteFilterPrompt\n          columns={columns}\n          filterDescriptor={filterDescriptor}\n          onConfirm={() => {\n            setDialog(null);\n            deleteFilter(key, filterDescriptor.id);\n          }}\n          onClose={() => setDialog(null)}\n        />,\n      );\n    },\n    [deleteFilter],\n  );\n\n  const handleFilterMenuAction =\n    useCallback<FilterContextFilterMenuActionHandler>(\n      (key: string, filterId, actionType, columns) => {\n        const filterDescriptors = savedFilters.get(key);\n        if (filterDescriptors === undefined) {\n          throw Error(`[FilterProvider] applyNewName, key ${key} not found`);\n        } else {\n          const targetFilter = findFilter(filterDescriptors, filterId);\n          switch (actionType) {\n            case \"close\":\n              console.log(`close filter ${filterId}`);\n              break;\n            case \"edit\":\n              console.log(`edit filter ${filterId}`);\n              break;\n            case \"remove\":\n              if (filterId === UNSAVED_FILTER) {\n                console.log(\"remove unsaved filter\");\n              } else {\n                promptForConfirmationOfDelete(key, targetFilter, columns);\n              }\n              break;\n            case \"rename\":\n              return promptForFilterName(key, targetFilter);\n          }\n        }\n      },\n      [promptForConfirmationOfDelete, promptForFilterName, savedFilters],\n    );\n\n  const handleSaveFilter = useCallback(\n    (key: string, name: string) => {\n      const filterDescriptors = savedFilters.get(key);\n      if (filterDescriptors === undefined) {\n        throw Error(`[FilterProvider] applyNewName, key ${key} not found`);\n      } else {\n        const activeFilter = findActiveFilter(filterDescriptors);\n        if (activeFilter.filter === null) {\n          throw Error(\"[FilterProvider] cannot save an empty filter\");\n        }\n        const filterWithSameName = findFilterByName(filterDescriptors, name);\n        // We are always renaming the active filter, how this will play out depends on whether\n        // the name is unique and has actually changed\n        if (activeFilter === filterWithSameName) {\n          // name has not changed\n          return;\n        } else if (filterWithSameName !== undefined) {\n          // we are renaming the active filter, but another filter already has the same name,\n          // keep the active filter, remove the duplicate.\n          const newFilterDescriptors = filterDescriptors.reduce<\n            FilterContainerFilterDescriptor[]\n          >((list, filterDescriptor) => {\n            if (filterDescriptor === activeFilter) {\n              list.push({\n                active: true,\n                filter: { ...filterDescriptor.filter, name },\n                id: uuid(),\n                name,\n              } as FilterContainerFilterDescriptor);\n            } else if (filterDescriptor.filter?.name !== name) {\n              list.push(filterDescriptor);\n            }\n            return list;\n          }, []);\n          savedFilters.set(key, newFilterDescriptors);\n        } else {\n          const newFilterDescriptors = filterDescriptors.map(\n            (filterDescriptor) =>\n              filterDescriptor === activeFilter\n                ? ({\n                    active: true,\n                    filter: { ...filterDescriptor.filter, name },\n                    id: uuid(),\n                    name,\n                  } as FilterContainerFilterDescriptor)\n                : filterDescriptor,\n          );\n          savedFilters.set(key, newFilterDescriptors);\n          onFiltersSaved?.(mapToRecord(savedFilters));\n        }\n      }\n      forceRefresh({});\n    },\n    [onFiltersSaved, savedFilters],\n  );\n\n  /**\n   * Allows switching between saved filters. Alternatively, an anonymous\n   * filter can be assigned. This is to allow for a dynamically created\n   * filter to be active.\n   */\n  const setCurrentFilter = useCallback(\n    (key: string, filter: string | FilterContainerFilter) => {\n      console.log(\n        `[FilterProvider] setCurrentFilter ${JSON.stringify(filter)}`,\n      );\n      const filterDescriptors = savedFilters.get(key) ?? [];\n\n      if (filter === NULL_FILTER) {\n        const newFilterDescriptors = insertOrReplaceFilter(\n          filterDescriptors,\n          NullFilterDescriptor,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n      } else if (filter === EMPTY_FILTER) {\n        const newFilterDescriptors = insertOrReplaceFilter(\n          filterDescriptors,\n          EmptyFilterDescriptor,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n      } else if (typeof filter === \"string\") {\n        const newFilterDescriptors = activateFilter(filterDescriptors, filter);\n        savedFilters.set(key, newFilterDescriptors);\n      } else if (filter) {\n        const newFilterDescriptors = insertOrReplaceFilter(filterDescriptors, {\n          active: true,\n          filter,\n          id: UNSAVED_FILTER,\n        });\n        savedFilters.set(key, newFilterDescriptors);\n      } else {\n        deleteFilter(key, UNSAVED_FILTER);\n      }\n\n      forceRefresh({});\n    },\n    [deleteFilter, savedFilters],\n  );\n\n  return (\n    <FilterContext.Provider\n      value={{\n        onFilterMenuAction: handleFilterMenuAction,\n        deleteFilter,\n        saveFilter: handleSaveFilter,\n        filterDescriptors: savedFilters,\n        setCurrentFilter,\n      }}\n    >\n      {children}\n      {dialog}\n    </FilterContext.Provider>\n  );\n};\n"],"names":["NullFilterDescriptor","useState","useMemo","useCallback","UNSAVED_FILTER","renameFilter","jsx","FilterNamePrompt","DeleteFilterPrompt","findFilter","uuid","NULL_FILTER","insertOrReplaceFilter","EMPTY_FILTER","EmptyFilterDescriptor","activateFilter","jsxs","FilterContext"],"mappings":"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"}
+{"version":3,"file":"FilterProvider.js","sources":["../../../../packages/vuu-filters/src/filter-provider/FilterProvider.tsx"],"sourcesContent":["import {\n  FilterContainerFilter,\n  FilterContainerFilterDescriptor,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ReactElement, ReactNode, useCallback, useMemo, useState } from \"react\";\nimport { FilterNamePrompt } from \"../saved-filters/FilterNamePrompt\";\nimport { DeleteFilterPrompt } from \"../saved-filters/DeleteFilterPrompt\";\nimport {\n  activateFilter,\n  findFilter,\n  insertOrReplaceFilter,\n  renameFilter,\n} from \"./filter-descriptor-utils\";\nimport { uuid } from \"@vuu-ui/vuu-utils\";\nimport {\n  EMPTY_FILTER,\n  EmptyFilterDescriptor,\n  FilterContext,\n  FilterContextFilterMenuActionHandler,\n  NULL_FILTER,\n  NullFilterDescriptor,\n  UNSAVED_FILTER,\n} from \"./FilterContext\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\n\nconst findActiveFilter = (\n  filterDescriptors: FilterContainerFilterDescriptor[],\n) => filterDescriptors.find((f) => f.active) ?? NullFilterDescriptor;\n\nconst findFilterByName = (\n  filterDescriptors: FilterContainerFilterDescriptor[],\n  name: string,\n) => filterDescriptors.find((f) => f.filter?.name === name);\n\ntype SavedFilterMap = Map<string, FilterContainerFilterDescriptor[]>;\ntype SavedFilterRecord = Record<string, FilterContainerFilterDescriptor[]>;\n\nconst mapToRecord = (savedFilters: SavedFilterMap) => {\n  const record: SavedFilterRecord = {};\n  savedFilters.forEach((filterDescriptors, key) => {\n    record[key] = filterDescriptors;\n  });\n  return record;\n};\n\nexport interface FilterProviderProps {\n  children: ReactNode;\n  onFiltersSaved?: (savedFilters: SavedFilterRecord) => void;\n  savedFilters?: SavedFilterRecord;\n}\n\nexport const FilterProvider = ({\n  children,\n  onFiltersSaved,\n  savedFilters: savedFiltersProp,\n}: FilterProviderProps) => {\n  const [, forceRefresh] = useState({});\n  const savedFilters = useMemo<SavedFilterMap>(\n    () =>\n      savedFiltersProp ? new Map(Object.entries(savedFiltersProp)) : new Map(),\n    [savedFiltersProp],\n  );\n\n  const [dialog, setDialog] = useState<ReactElement | null>(null);\n\n  const deleteFilter = useCallback(\n    (key: string, filterId: string) => {\n      const filterDescriptors = savedFilters.get(key);\n      if (filterDescriptors === undefined) {\n        throw Error(`[FilterProvider] deleteFilter, key ${key} not found`);\n      } else {\n        const newFilterDescriptors = filterDescriptors.filter(\n          ({ id }) => id !== filterId,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n        if (filterId !== UNSAVED_FILTER) {\n          onFiltersSaved?.(mapToRecord(savedFilters));\n        }\n      }\n    },\n    [onFiltersSaved, savedFilters],\n  );\n\n  const applyNewName = useCallback(\n    (key: string, filterId: string, name: string) => {\n      const filterDescriptors = savedFilters.get(key);\n      if (filterDescriptors === undefined) {\n        throw Error(`[FilterProvider] applyNewName, key ${key} not found`);\n      } else {\n        const newFilterDescriptors = renameFilter(\n          filterDescriptors,\n          filterId,\n          name,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n        onFiltersSaved?.(mapToRecord(savedFilters));\n      }\n    },\n    [onFiltersSaved, savedFilters],\n  );\n\n  const promptForFilterName = useCallback(\n    (key: string, { filter, id }: FilterContainerFilterDescriptor) => {\n      const originalFilterName = filter?.name ?? \"\";\n      setDialog(\n        <FilterNamePrompt\n          filterName={filter?.name}\n          title=\"Rename filter\"\n          onClose={() => setDialog(null)}\n          onConfirm={(name) => {\n            setDialog(null);\n            if (originalFilterName !== name) {\n              applyNewName(key, id, name);\n            }\n          }}\n        />,\n      );\n    },\n    [applyNewName],\n  );\n\n  const promptForConfirmationOfDelete = useCallback(\n    (\n      key: string,\n      filterDescriptor: FilterContainerFilterDescriptor,\n      columns?: ColumnDescriptor[],\n    ) => {\n      setDialog(\n        <DeleteFilterPrompt\n          columns={columns}\n          filterDescriptor={filterDescriptor}\n          onConfirm={() => {\n            setDialog(null);\n            deleteFilter(key, filterDescriptor.id);\n          }}\n          onClose={() => setDialog(null)}\n        />,\n      );\n    },\n    [deleteFilter],\n  );\n\n  const handleFilterMenuAction =\n    useCallback<FilterContextFilterMenuActionHandler>(\n      (key: string, filterId, actionType, columns) => {\n        const filterDescriptors = savedFilters.get(key);\n        if (filterDescriptors === undefined) {\n          throw Error(`[FilterProvider] applyNewName, key ${key} not found`);\n        } else {\n          const targetFilter = findFilter(filterDescriptors, filterId);\n          switch (actionType) {\n            case \"close\":\n              console.log(`close filter ${filterId}`);\n              break;\n            case \"edit\":\n              console.log(`edit filter ${filterId}`);\n              break;\n            case \"remove\":\n              if (filterId === UNSAVED_FILTER) {\n                console.log(\"remove unsaved filter\");\n              } else {\n                promptForConfirmationOfDelete(key, targetFilter, columns);\n              }\n              break;\n            case \"rename\":\n              return promptForFilterName(key, targetFilter);\n          }\n        }\n      },\n      [promptForConfirmationOfDelete, promptForFilterName, savedFilters],\n    );\n\n  const handleSaveFilter = useCallback(\n    (key: string, name: string) => {\n      const filterDescriptors = savedFilters.get(key);\n      if (filterDescriptors === undefined) {\n        throw Error(`[FilterProvider] applyNewName, key ${key} not found`);\n      } else {\n        const activeFilter = findActiveFilter(filterDescriptors);\n        if (activeFilter.filter === null) {\n          throw Error(\"[FilterProvider] cannot save an empty filter\");\n        }\n        const filterWithSameName = findFilterByName(filterDescriptors, name);\n        // We are always renaming the active filter, how this will play out depends on whether\n        // the name is unique and has actually changed\n        if (activeFilter === filterWithSameName) {\n          // name has not changed\n          return;\n        } else if (filterWithSameName !== undefined) {\n          // we are renaming the active filter, but another filter already has the same name,\n          // keep the active filter, remove the duplicate.\n          const newFilterDescriptors = filterDescriptors.reduce<\n            FilterContainerFilterDescriptor[]\n          >((list, filterDescriptor) => {\n            if (filterDescriptor === activeFilter) {\n              list.push({\n                active: true,\n                filter: { ...filterDescriptor.filter, name },\n                id: uuid(),\n                name,\n              } as FilterContainerFilterDescriptor);\n            } else if (filterDescriptor.filter?.name !== name) {\n              list.push(filterDescriptor);\n            }\n            return list;\n          }, []);\n          savedFilters.set(key, newFilterDescriptors);\n        } else {\n          const newFilterDescriptors = filterDescriptors.map(\n            (filterDescriptor) =>\n              filterDescriptor === activeFilter\n                ? ({\n                    active: true,\n                    filter: { ...filterDescriptor.filter, name },\n                    id: uuid(),\n                    name,\n                  } as FilterContainerFilterDescriptor)\n                : filterDescriptor,\n          );\n          savedFilters.set(key, newFilterDescriptors);\n          onFiltersSaved?.(mapToRecord(savedFilters));\n        }\n      }\n      forceRefresh({});\n    },\n    [onFiltersSaved, savedFilters],\n  );\n\n  /**\n   * Allows switching between saved filters. Alternatively, an anonymous\n   * filter can be assigned. This is to allow for a dynamically created\n   * filter to be active.\n   */\n  const setCurrentFilter = useCallback(\n    (key: string, filter: string | FilterContainerFilter) => {\n      const filterDescriptors = savedFilters.get(key) ?? [];\n\n      if (filter === NULL_FILTER) {\n        const newFilterDescriptors = insertOrReplaceFilter(\n          filterDescriptors,\n          NullFilterDescriptor,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n      } else if (filter === EMPTY_FILTER) {\n        const newFilterDescriptors = insertOrReplaceFilter(\n          filterDescriptors,\n          EmptyFilterDescriptor,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n      } else if (typeof filter === \"string\") {\n        const newFilterDescriptors = activateFilter(filterDescriptors, filter);\n        savedFilters.set(key, newFilterDescriptors);\n      } else if (filter) {\n        const newFilterDescriptors = insertOrReplaceFilter(filterDescriptors, {\n          active: true,\n          filter,\n          id: UNSAVED_FILTER,\n        });\n        savedFilters.set(key, newFilterDescriptors);\n      } else {\n        deleteFilter(key, UNSAVED_FILTER);\n      }\n\n      forceRefresh({});\n    },\n    [deleteFilter, savedFilters],\n  );\n\n  return (\n    <FilterContext.Provider\n      value={{\n        onFilterMenuAction: handleFilterMenuAction,\n        deleteFilter,\n        saveFilter: handleSaveFilter,\n        filterDescriptors: savedFilters,\n        setCurrentFilter,\n      }}\n    >\n      {children}\n      {dialog}\n    </FilterContext.Provider>\n  );\n};\n"],"names":["NullFilterDescriptor","useState","useMemo","useCallback","UNSAVED_FILTER","renameFilter","jsx","FilterNamePrompt","DeleteFilterPrompt","findFilter","uuid","NULL_FILTER","insertOrReplaceFilter","EMPTY_FILTER","EmptyFilterDescriptor","activateFilter","jsxs","FilterContext"],"mappings":"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"}

package/cjs/index.js

@@ -21,6 +21,7 @@ var FilterNamePrompt = require('./saved-filters/FilterNamePrompt.js');
 var SavedFilterPanel = require('./saved-filters/SavedFilterPanel.js');
 var TabbedFilterContainer = require('./tabbed-filter-container/TabbedFilterContainer.js');
 var ToggleFilter = require('./toggle-filter/ToggleFilter.js');
+var FilterPanel = require('./filter-panel/FilterPanel.js');
 
 
 
@@ -68,4 +69,5 @@ exports.SaveFilterConfirmPrompt = FilterNamePrompt.FilterNamePrompt;
 exports.SavedFilterPanel = SavedFilterPanel.SavedFilterPanel;
 exports.TabbedFilterContainer = TabbedFilterContainer.TabbedFilterContainer;
 exports.ToggleFilter = ToggleFilter.ToggleFilter;
+exports.FilterPanel = FilterPanel.FilterPanel;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/cjs/tabbed-filter-container/TabbedFilterContainer.js

@@ -26,7 +26,6 @@ const TabbedFilterContainer = ({
     css: TabbedFilterContainer$1,
     window: targetWindow
   });
-  console.log(`[TabbedFilterContainer] render`);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlAttributes, className: cx(classBase, className), children: /* @__PURE__ */ jsxRuntime.jsxs(lab.TabsNext, { defaultValue: "ad-hoc-filter", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(lab.TabListNext, { appearance: "transparent", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lab.TabNext, { value: "ad-hoc-filter", children: /* @__PURE__ */ jsxRuntime.jsx(lab.TabNextTrigger, { children: "AD HOC" }) }, "ad-hoc-filter"),

package/cjs/tabbed-filter-container/TabbedFilterContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabbedFilterContainer.js","sources":["../../../../packages/vuu-filters/src/tabbed-filter-container/TabbedFilterContainer.tsx"],"sourcesContent":["import {\n  TabListNext,\n  TabNext,\n  TabNextPanel,\n  TabNextTrigger,\n  TabsNext,\n} from \"@salt-ds/lab\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { FilterContainerProps } from \"../filter-container/FilterContainer\";\nimport { FilterPanel } from \"../filter-panel/FilterPanel\";\nimport {\n  SavedFilterPanel,\n  SavedFilterPanelProps,\n} from \"../saved-filters/SavedFilterPanel\";\nimport tabbedFilterContainerCss from \"./TabbedFilterContainer.css\";\n\nconst classBase = \"vuuTabbedFilterContainer\";\n\nexport interface TabbedFilterContainerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Pick<\n      FilterContainerProps,\n      \"filter\" | \"filterProviderKey\" | \"onFilterApplied\" | \"onFilterCleared\"\n    > {\n  SavedFilterPanelProps?: Pick<\n    SavedFilterPanelProps,\n    \"availableColumns\" | \"filterPillPermissions\"\n  >;\n  children: ReactNode;\n}\n\nexport const TabbedFilterContainer = ({\n  SavedFilterPanelProps,\n  children,\n  className,\n  filter,\n  filterProviderKey,\n  onFilterApplied,\n  onFilterCleared,\n  ...htmlAttributes\n}: TabbedFilterContainerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-tabbed-filter-container\",\n    css: tabbedFilterContainerCss,\n    window: targetWindow,\n  });\n\n  console.log(`[TabbedFilterContainer] render`);\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      <TabsNext defaultValue=\"ad-hoc-filter\">\n        <TabListNext appearance=\"transparent\">\n          <TabNext value=\"ad-hoc-filter\" key=\"ad-hoc-filter\">\n            <TabNextTrigger>AD HOC</TabNextTrigger>\n          </TabNext>\n          <TabNext value=\"saved-filters\" key=\"saved-filters\">\n            <TabNextTrigger>SAVED</TabNextTrigger>\n          </TabNext>\n        </TabListNext>\n        <TabNextPanel value=\"ad-hoc-filter\" key=\"ad-hoc-filter\">\n          <FilterPanel\n            filter={filter}\n            filterProviderKey={filterProviderKey}\n            onFilterApplied={onFilterApplied}\n            onFilterCleared={onFilterCleared}\n          >\n            {children}\n          </FilterPanel>\n        </TabNextPanel>\n        <TabNextPanel value=\"saved-filters\" key=\"saved-filters\">\n          <SavedFilterPanel\n            {...SavedFilterPanelProps}\n            filterProviderKey={filterProviderKey}\n          />\n        </TabNextPanel>\n      </TabsNext>\n    </div>\n  );\n};\n"],"names":["SavedFilterPanelProps","useWindow","useComponentCssInjection","tabbedFilterContainerCss","jsx","jsxs","TabsNext","TabListNext","TabNext","TabNextTrigger","TabNextPanel","FilterPanel","SavedFilterPanel"],"mappings":";;;;;;;;;;;AAmBA,MAAM,SAAY,GAAA,0BAAA;AAeX,MAAM,wBAAwB,CAAC;AAAA,EACpC,qBAAAA,EAAAA,sBAAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAkC,KAAA;AAChC,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,6BAAA;AAAA,IACR,GAAK,EAAAC,uBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,OAAA,CAAQ,IAAI,CAAgC,8BAAA,CAAA,CAAA;AAE5C,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,cAAA,EAAgB,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,SAAS,CACzD,EAAA,QAAA,kBAAAC,eAAA,CAACC,YAAS,EAAA,EAAA,YAAA,EAAa,eACrB,EAAA,QAAA,EAAA;AAAA,oBAACD,eAAA,CAAAE,eAAA,EAAA,EAAY,YAAW,aACtB,EAAA,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,eAAQ,KAAM,EAAA,eAAA,EACb,yCAACC,kBAAe,EAAA,EAAA,QAAA,EAAA,QAAA,EAAM,KADW,eAEnC,CAAA;AAAA,sBACAL,cAAA,CAACI,eAAQ,KAAM,EAAA,eAAA,EACb,yCAACC,kBAAe,EAAA,EAAA,QAAA,EAAA,OAAA,EAAK,KADY,eAEnC;AAAA,KACF,EAAA,CAAA;AAAA,oBACAL,cAAA,CAACM,gBAAa,EAAA,EAAA,KAAA,EAAM,eAClB,EAAA,QAAA,kBAAAN,cAAA;AAAA,MAACO,uBAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,iBAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QAEC;AAAA;AAAA,SAPmC,eASxC,CAAA;AAAA,oBACAP,cAAA,CAACM,gBAAa,EAAA,EAAA,KAAA,EAAM,eAClB,EAAA,QAAA,kBAAAN,cAAA;AAAA,MAACQ,iCAAA;AAAA,MAAA;AAAA,QACE,GAAGZ,sBAAAA;AAAA,QACJ;AAAA;AAAA,SAHoC,eAKxC;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TabbedFilterContainer.js","sources":["../../../../packages/vuu-filters/src/tabbed-filter-container/TabbedFilterContainer.tsx"],"sourcesContent":["import {\n  TabListNext,\n  TabNext,\n  TabNextPanel,\n  TabNextTrigger,\n  TabsNext,\n} from \"@salt-ds/lab\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { FilterContainerProps } from \"../filter-container/FilterContainer\";\nimport { FilterPanel } from \"../filter-panel/FilterPanel\";\nimport {\n  SavedFilterPanel,\n  SavedFilterPanelProps,\n} from \"../saved-filters/SavedFilterPanel\";\nimport tabbedFilterContainerCss from \"./TabbedFilterContainer.css\";\n\nconst classBase = \"vuuTabbedFilterContainer\";\n\nexport interface TabbedFilterContainerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Pick<\n      FilterContainerProps,\n      \"filter\" | \"filterProviderKey\" | \"onFilterApplied\" | \"onFilterCleared\"\n    > {\n  SavedFilterPanelProps?: Pick<\n    SavedFilterPanelProps,\n    \"availableColumns\" | \"filterPillPermissions\"\n  >;\n  children: ReactNode;\n}\n\nexport const TabbedFilterContainer = ({\n  SavedFilterPanelProps,\n  children,\n  className,\n  filter,\n  filterProviderKey,\n  onFilterApplied,\n  onFilterCleared,\n  ...htmlAttributes\n}: TabbedFilterContainerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-tabbed-filter-container\",\n    css: tabbedFilterContainerCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      <TabsNext defaultValue=\"ad-hoc-filter\">\n        <TabListNext appearance=\"transparent\">\n          <TabNext value=\"ad-hoc-filter\" key=\"ad-hoc-filter\">\n            <TabNextTrigger>AD HOC</TabNextTrigger>\n          </TabNext>\n          <TabNext value=\"saved-filters\" key=\"saved-filters\">\n            <TabNextTrigger>SAVED</TabNextTrigger>\n          </TabNext>\n        </TabListNext>\n        <TabNextPanel value=\"ad-hoc-filter\" key=\"ad-hoc-filter\">\n          <FilterPanel\n            filter={filter}\n            filterProviderKey={filterProviderKey}\n            onFilterApplied={onFilterApplied}\n            onFilterCleared={onFilterCleared}\n          >\n            {children}\n          </FilterPanel>\n        </TabNextPanel>\n        <TabNextPanel value=\"saved-filters\" key=\"saved-filters\">\n          <SavedFilterPanel\n            {...SavedFilterPanelProps}\n            filterProviderKey={filterProviderKey}\n          />\n        </TabNextPanel>\n      </TabsNext>\n    </div>\n  );\n};\n"],"names":["SavedFilterPanelProps","useWindow","useComponentCssInjection","tabbedFilterContainerCss","jsx","jsxs","TabsNext","TabListNext","TabNext","TabNextTrigger","TabNextPanel","FilterPanel","SavedFilterPanel"],"mappings":";;;;;;;;;;;AAmBA,MAAM,SAAY,GAAA,0BAAA;AAeX,MAAM,wBAAwB,CAAC;AAAA,EACpC,qBAAAA,EAAAA,sBAAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAkC,KAAA;AAChC,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,6BAAA;AAAA,IACR,GAAK,EAAAC,uBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,cAAA,EAAgB,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,SAAS,CACzD,EAAA,QAAA,kBAAAC,eAAA,CAACC,YAAS,EAAA,EAAA,YAAA,EAAa,eACrB,EAAA,QAAA,EAAA;AAAA,oBAACD,eAAA,CAAAE,eAAA,EAAA,EAAY,YAAW,aACtB,EAAA,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,eAAQ,KAAM,EAAA,eAAA,EACb,yCAACC,kBAAe,EAAA,EAAA,QAAA,EAAA,QAAA,EAAM,KADW,eAEnC,CAAA;AAAA,sBACAL,cAAA,CAACI,eAAQ,KAAM,EAAA,eAAA,EACb,yCAACC,kBAAe,EAAA,EAAA,QAAA,EAAA,OAAA,EAAK,KADY,eAEnC;AAAA,KACF,EAAA,CAAA;AAAA,oBACAL,cAAA,CAACM,gBAAa,EAAA,EAAA,KAAA,EAAM,eAClB,EAAA,QAAA,kBAAAN,cAAA;AAAA,MAACO,uBAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,iBAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QAEC;AAAA;AAAA,SAPmC,eASxC,CAAA;AAAA,oBACAP,cAAA,CAACM,gBAAa,EAAA,EAAA,KAAA,EAAM,eAClB,EAAA,QAAA,kBAAAN,cAAA;AAAA,MAACQ,iCAAA;AAAA,MAAA;AAAA,QACE,GAAGZ,sBAAAA;AAAA,QACJ;AAAA;AAAA,SAHoC,eAKxC;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/cjs/toggle-filter/ToggleFilter.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var toggleFilterCss = ".vuuToggleFilter {\n    .vuuToggleFilter-onlyAvailableValue:not([aria-checked=\"true\"],:hover) {\n        background-color: var(--vuuToggleFilter-implicitActive-bg, var(--salt-actionable-bold-background));\n    }\n}\n";
+
+module.exports = toggleFilterCss;
+//# sourceMappingURL=ToggleFilter.css.js.map

package/cjs/toggle-filter/ToggleFilter.css.js.map

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

package/cjs/toggle-filter/ToggleFilter.js

@@ -2,35 +2,47 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
-var vuuUtils = require('@vuu-ui/vuu-utils');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
 var cx = require('clsx');
-var vuuDataReact = require('@vuu-ui/vuu-data-react');
 var react = require('react');
+var useToggleFilter = require('./useToggleFilter.js');
+var ToggleFilter$1 = require('./ToggleFilter.css.js');
 
+const getValues = (defaultValue, value) => {
+  if (defaultValue === void 0 && value === void 0) {
+    return ["all"];
+  } else if (defaultValue !== void 0 && value !== void 0) {
+    throw Error(
+      "[ToggleFilter] only one of defaultValue/value must be provided"
+    );
+  } else if (defaultValue === "") {
+    return ["all"];
+  } else if (value === "") {
+    return [void 0, "all"];
+  } else {
+    return [defaultValue, value];
+  }
+};
 const classBase = "vuuToggleFilter";
-const ToggleFilter = ({
+const ToggleFilter = react.forwardRef(function ToggleFilter2({
   className,
   column,
+  defaultValue: defaultValueProp,
   onCommit,
   table,
   value: valueProp,
   values,
   ...ToggleButtonGroupProps2
-}) => {
-  const [typeaheadValues, setTypeaheadValues] = react.useState([]);
-  const getSuggestions = vuuDataReact.useTypeaheadSuggestions();
-  const value = valueProp === "" ? "all" : valueProp;
-  react.useMemo(() => {
-    const vuuTable = vuuUtils.getVuuTable(table);
-    const params = [vuuTable, column];
-    getSuggestions(params).then((suggestions) => {
-      if (suggestions === false) {
-        setTypeaheadValues([]);
-      } else {
-        setTypeaheadValues(suggestions);
-      }
-    });
-  }, [column, getSuggestions, table]);
+}, forwardedRef) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-toggle-filter",
+    css: ToggleFilter$1,
+    window: targetWindow
+  });
+  const [defaultValue, value] = getValues(defaultValueProp, valueProp);
+  const onlyAvailableValue = useToggleFilter.useToggleFilter({ column, table, values });
   const handleChange = react.useCallback(
     (e) => {
       const value2 = e.currentTarget.value;
@@ -47,23 +59,27 @@ const ToggleFilter = ({
     {
       ...ToggleButtonGroupProps2,
       className: cx(classBase, className),
+      defaultValue,
       onChange: handleChange,
+      ref: forwardedRef,
       value,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(core.ToggleButton, { value: "all", children: "ALL" }, "all"),
-        values.map((value2) => /* @__PURE__ */ jsxRuntime.jsx(
+        values.map((toggleValue) => /* @__PURE__ */ jsxRuntime.jsx(
           core.ToggleButton,
           {
-            value: value2,
-            disabled: !typeaheadValues.includes(value2) && value2 === "all",
-            children: value2
+            className: cx({
+              [`${classBase}-onlyAvailableValue`]: onlyAvailableValue === toggleValue
+            }),
+            value: toggleValue,
+            children: toggleValue
           },
-          value2
+          toggleValue
         ))
       ]
     }
   );
-};
+});
 
 exports.ToggleFilter = ToggleFilter;
 //# sourceMappingURL=ToggleFilter.js.map

package/cjs/toggle-filter/ToggleFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleFilter.js","sources":["../../../../packages/vuu-filters/src/toggle-filter/ToggleFilter.tsx"],"sourcesContent":["import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupProps,\n} from \"@salt-ds/core\";\nimport { TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport { CommitHandler, getVuuTable } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { useTypeaheadSuggestions } from \"@vuu-ui/vuu-data-react\";\nimport { TypeaheadParams } from \"@vuu-ui/vuu-protocol-types\";\nimport { SyntheticEvent, useCallback, useMemo, useState } from \"react\";\n\nexport interface ToggleFilterProps extends ToggleButtonGroupProps {\n  column: string;\n  onCommit: CommitHandler<HTMLElement>;\n  table: TableSchemaTable;\n  values: string[];\n}\n\nconst classBase = \"vuuToggleFilter\";\n\nexport const ToggleFilter = ({\n  className,\n  column,\n  onCommit,\n  table,\n  value: valueProp,\n  values,\n  ...ToggleButtonGroupProps\n}: ToggleFilterProps) => {\n  const [typeaheadValues, setTypeaheadValues] = useState<string[]>([]);\n  const getSuggestions = useTypeaheadSuggestions();\n\n  const value = valueProp === \"\" ? \"all\" : valueProp;\n\n  useMemo(() => {\n    const vuuTable = getVuuTable(table);\n    const params: TypeaheadParams = [vuuTable, column];\n    getSuggestions(params).then((suggestions) => {\n      if (suggestions === false) {\n        // TODO is this right\n        setTypeaheadValues([]);\n      } else {\n        setTypeaheadValues(suggestions);\n      }\n    });\n  }, [column, getSuggestions, table]);\n\n  const handleChange = useCallback(\n    (e: SyntheticEvent<HTMLButtonElement>) => {\n      const value = e.currentTarget.value;\n      if (value === \"all\") {\n        onCommit(e, \"\");\n      } else {\n        onCommit(e, value);\n      }\n    },\n    [onCommit],\n  );\n\n  return (\n    <ToggleButtonGroup\n      {...ToggleButtonGroupProps}\n      className={cx(classBase, className)}\n      onChange={handleChange}\n      value={value}\n    >\n      <ToggleButton key=\"all\" value=\"all\">\n        ALL\n      </ToggleButton>\n      {values.map((value) => (\n        <ToggleButton\n          key={value}\n          value={value}\n          disabled={!typeaheadValues.includes(value) && value === \"all\"}\n        >\n          {value}\n        </ToggleButton>\n      ))}\n    </ToggleButtonGroup>\n  );\n};\n"],"names":["ToggleButtonGroupProps","useState","useTypeaheadSuggestions","useMemo","getVuuTable","useCallback","value","jsxs","ToggleButtonGroup","jsx","ToggleButton"],"mappings":";;;;;;;;;AAmBA,MAAM,SAAY,GAAA,iBAAA;AAEX,MAAM,eAAe,CAAC;AAAA,EAC3B,SAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,MAAA;AAAA,EACA,GAAGA;AACL,CAAyB,KAAA;AACvB,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAAC,cAAA,CAAmB,EAAE,CAAA;AACnE,EAAA,MAAM,iBAAiBC,oCAAwB,EAAA;AAE/C,EAAM,MAAA,KAAA,GAAQ,SAAc,KAAA,EAAA,GAAK,KAAQ,GAAA,SAAA;AAEzC,EAAAC,aAAA,CAAQ,MAAM;AACZ,IAAM,MAAA,QAAA,GAAWC,qBAAY,KAAK,CAAA;AAClC,IAAM,MAAA,MAAA,GAA0B,CAAC,QAAA,EAAU,MAAM,CAAA;AACjD,IAAA,cAAA,CAAe,MAAM,CAAA,CAAE,IAAK,CAAA,CAAC,WAAgB,KAAA;AAC3C,MAAA,IAAI,gBAAgB,KAAO,EAAA;AAEzB,QAAA,kBAAA,CAAmB,EAAE,CAAA;AAAA,OAChB,MAAA;AACL,QAAA,kBAAA,CAAmB,WAAW,CAAA;AAAA;AAChC,KACD,CAAA;AAAA,GACA,EAAA,CAAC,MAAQ,EAAA,cAAA,EAAgB,KAAK,CAAC,CAAA;AAElC,EAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,IACnB,CAAC,CAAyC,KAAA;AACxC,MAAMC,MAAAA,MAAAA,GAAQ,EAAE,aAAc,CAAA,KAAA;AAC9B,MAAA,IAAIA,WAAU,KAAO,EAAA;AACnB,QAAA,QAAA,CAAS,GAAG,EAAE,CAAA;AAAA,OACT,MAAA;AACL,QAAA,QAAA,CAAS,GAAGA,MAAK,CAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EACE,uBAAAC,eAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACE,GAAGR,uBAAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,QAAU,EAAA,YAAA;AAAA,MACV,KAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAS,cAAA,CAACC,iBAAuB,EAAA,EAAA,KAAA,EAAM,KAAM,EAAA,QAAA,EAAA,KAAA,EAAA,EAAlB,KAElB,CAAA;AAAA,QACC,MAAA,CAAO,GAAI,CAAA,CAACJ,MACX,qBAAAG,cAAA;AAAA,UAACC,iBAAA;AAAA,UAAA;AAAA,YAEC,KAAOJ,EAAAA,MAAAA;AAAA,YACP,UAAU,CAAC,eAAA,CAAgB,QAASA,CAAAA,MAAK,KAAKA,MAAU,KAAA,KAAA;AAAA,YAEvD,QAAAA,EAAAA;AAAA,WAAA;AAAA,UAJIA;AAAA,SAMR;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"ToggleFilter.js","sources":["../../../../packages/vuu-filters/src/toggle-filter/ToggleFilter.tsx"],"sourcesContent":["import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupProps,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { CommitHandler } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { ForwardedRef, forwardRef, SyntheticEvent, useCallback } from \"react\";\nimport { type ToggleFilterHookProps, useToggleFilter } from \"./useToggleFilter\";\n\ntype Value = ToggleButtonGroupProps[\"value\"];\n\nconst getValues = (\n  defaultValue: Value | undefined,\n  value: Value | undefined,\n) => {\n  if (defaultValue === undefined && value === undefined) {\n    return [\"all\"];\n  } else if (defaultValue !== undefined && value !== undefined) {\n    throw Error(\n      \"[ToggleFilter] only one of defaultValue/value must be provided\",\n    );\n  } else if (defaultValue === \"\") {\n    return [\"all\"];\n  } else if (value === \"\") {\n    return [undefined, \"all\"];\n  } else {\n    return [defaultValue, value];\n  }\n};\n\nimport toggleFilterCss from \"./ToggleFilter.css\";\n/**\n * ToggleFilter is designed to work with a FilterProvider and\n * DataSourceProvider. With a DataSourceProvider, values will\n * be validated against available values from datasource.\n * With both FilterProvider and a DataSourceProvider, changes to\n * the currentFilter will also trigger re-evaluation of available\n * values from dataSource.\n * With neither of these Providers available, the ToggleFilter is\n * behaving like a regular ToggleButtonGroup.\n */\nexport interface ToggleFilterProps\n  extends ToggleButtonGroupProps,\n    ToggleFilterHookProps {\n  onCommit: CommitHandler<HTMLElement>;\n}\n\nconst classBase = \"vuuToggleFilter\";\n\nexport const ToggleFilter = forwardRef(function ToggleFilter(\n  {\n    className,\n    column,\n    defaultValue: defaultValueProp,\n    onCommit,\n    table,\n    value: valueProp,\n    values,\n    ...ToggleButtonGroupProps\n  }: ToggleFilterProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-toggle-filter\",\n    css: toggleFilterCss,\n    window: targetWindow,\n  });\n\n  const [defaultValue, value] = getValues(defaultValueProp, valueProp);\n\n  const onlyAvailableValue = useToggleFilter({ column, table, values });\n\n  const handleChange = useCallback(\n    (e: SyntheticEvent<HTMLButtonElement>) => {\n      const value = e.currentTarget.value;\n      if (value === \"all\") {\n        onCommit(e, \"\");\n      } else {\n        onCommit(e, value);\n      }\n    },\n    [onCommit],\n  );\n\n  return (\n    <ToggleButtonGroup\n      {...ToggleButtonGroupProps}\n      className={cx(classBase, className)}\n      defaultValue={defaultValue}\n      onChange={handleChange}\n      ref={forwardedRef}\n      value={value}\n    >\n      <ToggleButton key=\"all\" value=\"all\">\n        ALL\n      </ToggleButton>\n      {values.map((toggleValue) => (\n        <ToggleButton\n          className={cx({\n            [`${classBase}-onlyAvailableValue`]:\n              onlyAvailableValue === toggleValue,\n          })}\n          key={toggleValue}\n          value={toggleValue}\n        >\n          {toggleValue}\n        </ToggleButton>\n      ))}\n    </ToggleButtonGroup>\n  );\n});\n"],"names":["forwardRef","ToggleFilter","ToggleButtonGroupProps","useWindow","useComponentCssInjection","toggleFilterCss","useToggleFilter","useCallback","value","jsxs","ToggleButtonGroup","jsx","ToggleButton"],"mappings":";;;;;;;;;;;AAcA,MAAM,SAAA,GAAY,CAChB,YAAA,EACA,KACG,KAAA;AACH,EAAI,IAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AACrD,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,GACJ,MAAA,IAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AAC5D,IAAM,MAAA,KAAA;AAAA,MACJ;AAAA,KACF;AAAA,GACF,MAAA,IAAW,iBAAiB,EAAI,EAAA;AAC9B,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,GACf,MAAA,IAAW,UAAU,EAAI,EAAA;AACvB,IAAO,OAAA,CAAC,QAAW,KAAK,CAAA;AAAA,GACnB,MAAA;AACL,IAAO,OAAA,CAAC,cAAc,KAAK,CAAA;AAAA;AAE/B,CAAA;AAmBA,MAAM,SAAY,GAAA,iBAAA;AAEL,MAAA,YAAA,GAAeA,gBAAW,CAAA,SAASC,aAC9C,CAAA;AAAA,EACE,SAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAc,EAAA,gBAAA;AAAA,EACd,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,MAAA;AAAA,EACA,GAAGC;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,YAAc,EAAA,KAAK,CAAI,GAAA,SAAA,CAAU,kBAAkB,SAAS,CAAA;AAEnE,EAAA,MAAM,qBAAqBC,+BAAgB,CAAA,EAAE,MAAQ,EAAA,KAAA,EAAO,QAAQ,CAAA;AAEpE,EAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,IACnB,CAAC,CAAyC,KAAA;AACxC,MAAMC,MAAAA,MAAAA,GAAQ,EAAE,aAAc,CAAA,KAAA;AAC9B,MAAA,IAAIA,WAAU,KAAO,EAAA;AACnB,QAAA,QAAA,CAAS,GAAG,EAAE,CAAA;AAAA,OACT,MAAA;AACL,QAAA,QAAA,CAAS,GAAGA,MAAK,CAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EACE,uBAAAC,eAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACE,GAAGR,uBAAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,YAAA;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,GAAK,EAAA,YAAA;AAAA,MACL,KAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAS,cAAA,CAACC,iBAAuB,EAAA,EAAA,KAAA,EAAM,KAAM,EAAA,QAAA,EAAA,KAAA,EAAA,EAAlB,KAElB,CAAA;AAAA,QACC,MAAA,CAAO,GAAI,CAAA,CAAC,WACX,qBAAAD,cAAA;AAAA,UAACC,iBAAA;AAAA,UAAA;AAAA,YACC,WAAW,EAAG,CAAA;AAAA,cACZ,CAAC,CAAA,EAAG,SAAS,CAAA,mBAAA,CAAqB,GAChC,kBAAuB,KAAA;AAAA,aAC1B,CAAA;AAAA,YAED,KAAO,EAAA,WAAA;AAAA,YAEN,QAAA,EAAA;AAAA,WAAA;AAAA,UAHI;AAAA,SAKR;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/cjs/toggle-filter/useToggleFilter.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var FilterContext = require('../filter-provider/FilterContext.js');
+var vuuDataReact = require('@vuu-ui/vuu-data-react');
+var react = require('react');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+
+const assertValid = (values, actualValues) => {
+  if (actualValues.some((val) => values.indexOf(val) === -1)) {
+    console.warn(`[useToggleFilter] ToggleFilter is configured with values which do not include all values from data source
+            [${values.join()}]
+            [${actualValues.join()}]`);
+  }
+};
+const typeaheadRefreshRequired = (f1, f2) => {
+  if (f1 === null && f2 === null) {
+    return false;
+  } else if (f1 === null || f2 === null) {
+    return true;
+  } else if (vuuUtils.filtersAreEqual(f1, f2)) {
+    return false;
+  } else {
+    return true;
+  }
+};
+const useToggleFilter = ({
+  column,
+  table,
+  values
+}) => {
+  const { currentFilter } = FilterContext.useSavedFilters();
+  const currentFilterRef = react.useRef(currentFilter.filter);
+  const [typeaheadValues, setTypeaheadValues] = react.useState([]);
+  const getSuggestions = vuuDataReact.useTypeaheadSuggestions();
+  const refreshSuggestions = react.useCallback(
+    (table2) => {
+      const vuuTable = vuuUtils.getVuuTable(table2);
+      const params = [vuuTable, column];
+      getSuggestions(params).then((suggestions) => {
+        if (suggestions === false) {
+          setTypeaheadValues([]);
+        } else {
+          assertValid(values, suggestions);
+          setTypeaheadValues(suggestions);
+        }
+      });
+    },
+    [column, getSuggestions, values]
+  );
+  react.useMemo(() => {
+    if (table) {
+      refreshSuggestions(table);
+    }
+  }, [refreshSuggestions, table]);
+  react.useMemo(() => {
+    const { current: filter } = currentFilterRef;
+    if (table && typeaheadRefreshRequired(filter, currentFilter.filter)) {
+      refreshSuggestions(table);
+    }
+    currentFilterRef.current = currentFilter.filter;
+  }, [currentFilter.filter, refreshSuggestions, table]);
+  const [firstValue] = typeaheadValues;
+  return typeaheadValues.length === 1 ? firstValue : void 0;
+};
+
+exports.useToggleFilter = useToggleFilter;
+//# sourceMappingURL=useToggleFilter.js.map

package/cjs/toggle-filter/useToggleFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggleFilter.js","sources":["../../../../packages/vuu-filters/src/toggle-filter/useToggleFilter.ts"],"sourcesContent":["import { useSavedFilters } from \"../filter-provider/FilterContext\";\nimport { useTypeaheadSuggestions } from \"@vuu-ui/vuu-data-react\";\nimport type { TypeaheadParams } from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { filtersAreEqual, getVuuTable } from \"@vuu-ui/vuu-utils\";\nimport type { TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport { FilterContainerFilter } from \"@vuu-ui/vuu-filter-types\";\n\nconst assertValid = (values: string[], actualValues: string[]) => {\n  if (actualValues.some((val) => values.indexOf(val) === -1)) {\n    console.warn(`[useToggleFilter] ToggleFilter is configured with values which do not include all values from data source\n            [${values.join()}]\n            [${actualValues.join()}]`);\n  }\n};\n\nexport interface ToggleFilterHookProps {\n  column: string;\n  /**\n   * table must be provided to enable validation\n   * of values using server data.\n   */\n  table?: TableSchemaTable;\n  values: string[];\n}\n\nconst typeaheadRefreshRequired = (\n  f1: FilterContainerFilter | null,\n  f2: FilterContainerFilter | null,\n) => {\n  if (f1 === null && f2 === null) {\n    return false;\n  } else if (f1 === null || f2 === null) {\n    return true;\n  } else if (filtersAreEqual(f1, f2)) {\n    return false;\n  } else {\n    return true;\n  }\n};\n\nexport const useToggleFilter = ({\n  column,\n  table,\n  values,\n}: ToggleFilterHookProps) => {\n  const { currentFilter } = useSavedFilters();\n  const currentFilterRef = useRef(currentFilter.filter);\n  const [typeaheadValues, setTypeaheadValues] = useState<string[]>([]);\n  const getSuggestions = useTypeaheadSuggestions();\n\n  const refreshSuggestions = useCallback(\n    (table: TableSchemaTable) => {\n      const vuuTable = getVuuTable(table);\n      const params: TypeaheadParams = [vuuTable, column];\n      getSuggestions(params).then((suggestions) => {\n        if (suggestions === false) {\n          setTypeaheadValues([]);\n        } else {\n          assertValid(values, suggestions);\n          setTypeaheadValues(suggestions);\n        }\n      });\n    },\n    [column, getSuggestions, values],\n  );\n\n  useMemo(() => {\n    if (table) {\n      refreshSuggestions(table);\n    }\n  }, [refreshSuggestions, table]);\n\n  // Changes to currentFilter may affect the suggestions we receive\n  // if it has changed and been applied to dataSource. If there is no FilterProvider\n  // it will never change, so won't matter.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useMemo(() => {\n    const { current: filter } = currentFilterRef;\n    if (table && typeaheadRefreshRequired(filter, currentFilter.filter)) {\n      refreshSuggestions(table);\n    }\n    currentFilterRef.current = currentFilter.filter;\n  }, [currentFilter.filter, refreshSuggestions, table]);\n\n  const [firstValue] = typeaheadValues;\n\n  // onlyAvailableValue\n  return typeaheadValues.length === 1 ? firstValue : undefined;\n};\n"],"names":["filtersAreEqual","useSavedFilters","useRef","useState","useTypeaheadSuggestions","useCallback","table","getVuuTable","useMemo"],"mappings":";;;;;;;AAQA,MAAM,WAAA,GAAc,CAAC,MAAA,EAAkB,YAA2B,KAAA;AAChE,EAAI,IAAA,YAAA,CAAa,KAAK,CAAC,GAAA,KAAQ,OAAO,OAAQ,CAAA,GAAG,CAAM,KAAA,CAAA,CAAE,CAAG,EAAA;AAC1D,IAAA,OAAA,CAAQ,IAAK,CAAA,CAAA;AAAA,aACF,EAAA,MAAA,CAAO,MAAM,CAAA;AAAA,aACb,EAAA,YAAA,CAAa,IAAK,EAAC,CAAG,CAAA,CAAA,CAAA;AAAA;AAErC,CAAA;AAYA,MAAM,wBAAA,GAA2B,CAC/B,EAAA,EACA,EACG,KAAA;AACH,EAAI,IAAA,EAAA,KAAO,IAAQ,IAAA,EAAA,KAAO,IAAM,EAAA;AAC9B,IAAO,OAAA,KAAA;AAAA,GACE,MAAA,IAAA,EAAA,KAAO,IAAQ,IAAA,EAAA,KAAO,IAAM,EAAA;AACrC,IAAO,OAAA,IAAA;AAAA,GACE,MAAA,IAAAA,wBAAA,CAAgB,EAAI,EAAA,EAAE,CAAG,EAAA;AAClC,IAAO,OAAA,KAAA;AAAA,GACF,MAAA;AACL,IAAO,OAAA,IAAA;AAAA;AAEX,CAAA;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAA6B,KAAA;AAC3B,EAAM,MAAA,EAAE,aAAc,EAAA,GAAIC,6BAAgB,EAAA;AAC1C,EAAM,MAAA,gBAAA,GAAmBC,YAAO,CAAA,aAAA,CAAc,MAAM,CAAA;AACpD,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAAC,cAAA,CAAmB,EAAE,CAAA;AACnE,EAAA,MAAM,iBAAiBC,oCAAwB,EAAA;AAE/C,EAAA,MAAM,kBAAqB,GAAAC,iBAAA;AAAA,IACzB,CAACC,MAA4B,KAAA;AAC3B,MAAM,MAAA,QAAA,GAAWC,qBAAYD,MAAK,CAAA;AAClC,MAAM,MAAA,MAAA,GAA0B,CAAC,QAAA,EAAU,MAAM,CAAA;AACjD,MAAA,cAAA,CAAe,MAAM,CAAA,CAAE,IAAK,CAAA,CAAC,WAAgB,KAAA;AAC3C,QAAA,IAAI,gBAAgB,KAAO,EAAA;AACzB,UAAA,kBAAA,CAAmB,EAAE,CAAA;AAAA,SAChB,MAAA;AACL,UAAA,WAAA,CAAY,QAAQ,WAAW,CAAA;AAC/B,UAAA,kBAAA,CAAmB,WAAW,CAAA;AAAA;AAChC,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,MAAQ,EAAA,cAAA,EAAgB,MAAM;AAAA,GACjC;AAEA,EAAAE,aAAA,CAAQ,MAAM;AACZ,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA;AAC1B,GACC,EAAA,CAAC,kBAAoB,EAAA,KAAK,CAAC,CAAA;AAM9B,EAAAA,aAAA,CAAQ,MAAM;AACZ,IAAM,MAAA,EAAE,OAAS,EAAA,MAAA,EAAW,GAAA,gBAAA;AAC5B,IAAA,IAAI,KAAS,IAAA,wBAAA,CAAyB,MAAQ,EAAA,aAAA,CAAc,MAAM,CAAG,EAAA;AACnE,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA;AAE1B,IAAA,gBAAA,CAAiB,UAAU,aAAc,CAAA,MAAA;AAAA,KACxC,CAAC,aAAA,CAAc,MAAQ,EAAA,kBAAA,EAAoB,KAAK,CAAC,CAAA;AAEpD,EAAM,MAAA,CAAC,UAAU,CAAI,GAAA,eAAA;AAGrB,EAAO,OAAA,eAAA,CAAgB,MAAW,KAAA,CAAA,GAAI,UAAa,GAAA,KAAA,CAAA;AACrD;;;;"}

package/esm/filter-container/FilterContainer.css.js

@@ -1,4 +1,4 @@
-var filterContainerCss = ".vuuFilterContainer {\n    display: flex;\n    flex-direction: column;\n    gap: var(--salt-spacing-100)\n\n}";
+var filterContainerCss = ".vuuFilterContainer {\n    display: var(--vuuFilterContainer-display,flex);\n    flex: var(--vuuFilterContainer-flex);\n    flex-direction: var(--vuuFilterContainer-flexDirection,column);\n    gap: var(--salt-spacing-100);\n    height: var(--vuuFilterContainer-height);\n    overflow: auto;\n}";
 
 export { filterContainerCss as default };
 //# sourceMappingURL=FilterContainer.css.js.map

package/esm/filter-container/FilterContainer.js

@@ -14,14 +14,9 @@ const notEmpty = (value) => Array.isArray(value) ? value[0] !== "" && value[1] !
 const FilterContainerColumnFilter = ({
   column,
   operator = "=",
+  variant,
   ...props
 }) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-filter-container",
-    css: filterContainerCss,
-    window: targetWindow
-  });
   const {
     filterProviderKey,
     onChange: onFilterContextChange,
@@ -98,7 +93,8 @@ const FilterContainerColumnFilter = ({
       onColumnRangeFilterChange: handleColumnRangeFilterChange,
       onCommit: handleCommit,
       operator,
-      value
+      value,
+      variant
     }
   );
 };
@@ -111,13 +107,26 @@ const FilterContainer = ({
   onFilterCleared,
   ...htmlAttributes
 }) => {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "vuu-filter-container",
+    css: filterContainerCss,
+    window: targetWindow
+  });
   const filterContextProps = useFilterContainer({
     filter,
     filterProviderKey,
     onFilterApplied,
     onFilterCleared
   });
-  return /* @__PURE__ */ jsx(ColumnFilterContext.Provider, { value: filterContextProps, children: /* @__PURE__ */ jsx("div", { ...htmlAttributes, className: cx(classBase, className), children }) });
+  return /* @__PURE__ */ jsx(ColumnFilterContext.Provider, { value: filterContextProps, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...htmlAttributes,
+      className: cx(classBase, className, "vuuScrollable"),
+      children
+    }
+  ) });
 };
 
 export { FilterContainer, FilterContainerColumnFilter };

package/esm/filter-container/FilterContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContainer.js","sources":["../../../../packages/vuu-filters/src/filter-container/FilterContainer.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport {\n  ColumnFilterContext,\n  useFilterContainer,\n  useFilterContext,\n  type ColumnFilterContainerHookProps,\n} from \"./useFilterContainer\";\nimport {\n  ColumnFilterChangeHandler,\n  ColumnFilterCommitHandler,\n  ColumnFilterValue,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ColumnFilter, ColumnFilterProps } from \"../column-filter/ColumnFilter\";\nimport {\n  filterDescriptorHasFilter,\n  isNullFilter,\n  useSavedFilters,\n} from \"../filter-provider/FilterContext\";\nimport { getColumnValueFromFilter } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport filterContainerCss from \"./FilterContainer.css\";\n\nconst classBase = \"vuuFilterContainer\";\n\nconst notEmpty = (value: ColumnFilterValue) =>\n  Array.isArray(value) ? value[0] !== \"\" && value[1] !== \"\" : value !== \"\";\n\nexport interface FilterContainerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    ColumnFilterContainerHookProps {\n  children: ReactNode;\n  filterProviderKey?: string;\n}\n\nexport interface FilterContainerColumnFilterProps\n  extends Omit<ColumnFilterProps, \"defaultValue\" | \"onCommit\" | \"value\"> {\n  defaultValue?: ColumnFilterValue;\n}\n\nexport const FilterContainerColumnFilter = ({\n  column,\n  operator = \"=\",\n  ...props\n}: FilterContainerColumnFilterProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-container\",\n    css: filterContainerCss,\n    window: targetWindow,\n  });\n\n  const {\n    filterProviderKey,\n    onChange: onFilterContextChange,\n    onCommit: onFilterContextCommit,\n    register,\n  } = useFilterContext(column, true);\n\n  const initialValue = useMemo(\n    () => register(column, operator),\n    [column, operator, register],\n  );\n\n  const [value, setValue] = useState(initialValue);\n  const valueRef = useRef<ColumnFilterValue>(initialValue);\n  const { currentFilter } = useSavedFilters(filterProviderKey);\n\n  // This is primarily to guard against client passing non-stable 'column' reference\n  // which would trigger the commit check below.\n  const currentFilterRef = useRef(currentFilter.id);\n\n  useMemo(() => {\n    if (currentFilterRef.current !== currentFilter.id) {\n      currentFilterRef.current = currentFilter.id;\n\n      if (isNullFilter(currentFilter) && notEmpty(valueRef.current)) {\n        valueRef.current = Array.isArray(valueRef.current) ? [\"\", \"\"] : \"\";\n        setValue(valueRef.current);\n      } else if (filterDescriptorHasFilter(currentFilter)) {\n        const v = getColumnValueFromFilter(\n          column,\n          operator,\n          currentFilter.filter,\n        );\n        if (\n          operator === \"between\" &&\n          !Array.isArray(v) &&\n          Array.isArray(valueRef.current)\n        ) {\n          // A between filter with only the first item filled is converted to an '=' filter\n          // in FilterAggregator. Translate value back to range value here\n          const [v1, v2] = valueRef.current;\n          if (`${v}` === v1 && v2 === \"\") {\n            return;\n          } else {\n            valueRef.current = [`${v}`, \"\"];\n            setValue(valueRef.current);\n          }\n        } else if (v !== valueRef.current) {\n          valueRef.current = v;\n          setValue(v);\n        }\n      }\n    }\n    // We only want this to run when the filter id changes, not when\n    // filter instance changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [column, currentFilter.id]);\n\n  const handleCommit = useCallback<ColumnFilterCommitHandler>(\n    (column, op, value) => {\n      valueRef.current = value;\n      setValue(value);\n      onFilterContextCommit(column, op, value);\n    },\n    [onFilterContextCommit],\n  );\n\n  const handleColumnFilterChange = useCallback<ColumnFilterChangeHandler>(\n    (value, column, op) => {\n      const { current: v } = valueRef;\n      valueRef.current = Array.isArray(v) ? [`${value}`, v[1]] : value;\n      setValue(valueRef.current);\n      onFilterContextChange(valueRef.current, column, op);\n    },\n    [onFilterContextChange],\n  );\n\n  const handleColumnRangeFilterChange = useCallback<ColumnFilterChangeHandler>(\n    (value, column, op) => {\n      const { current: v } = valueRef;\n      valueRef.current = Array.isArray(v) ? [v[0], `${value}`] : value;\n      setValue(valueRef.current);\n      onFilterContextChange(valueRef.current, column, op);\n    },\n    [onFilterContextChange],\n  );\n\n  return (\n    <ColumnFilter\n      {...props}\n      column={column}\n      onColumnFilterChange={handleColumnFilterChange}\n      onColumnRangeFilterChange={handleColumnRangeFilterChange}\n      onCommit={handleCommit}\n      operator={operator}\n      value={value}\n    />\n  );\n};\n\n/**\n * FilterContainer is a generic UI container for a collection of Filter\n * controls. Each control manages a single filter clause and the Filter\n * Container aggregates these clauses into a single filter. FilterContainer\n * provides a FilterContainerFilter which can be used to provide children.\n * This is a wrapper around ColumnFilter, which adds some plumbing to allow\n * the container to track changes and manage each individual contribution to\n * the top-level filter.\n * See FilterPanel and InlineFilter for examples of FilterContainer usage.\n */\nexport const FilterContainer = ({\n  children,\n  className,\n  filter,\n  filterProviderKey,\n  onFilterApplied,\n  onFilterCleared,\n  ...htmlAttributes\n}: FilterContainerProps) => {\n  const filterContextProps = useFilterContainer({\n    filter,\n    filterProviderKey,\n    onFilterApplied,\n    onFilterCleared,\n  });\n  return (\n    <ColumnFilterContext.Provider value={filterContextProps}>\n      <div {...htmlAttributes} className={cx(classBase, className)}>\n        {children}\n      </div>\n    </ColumnFilterContext.Provider>\n  );\n};\n"],"names":["column","value"],"mappings":"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"}
+{"version":3,"file":"FilterContainer.js","sources":["../../../../packages/vuu-filters/src/filter-container/FilterContainer.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport {\n  ColumnFilterContext,\n  useFilterContainer,\n  useFilterContext,\n  type ColumnFilterContainerHookProps,\n} from \"./useFilterContainer\";\nimport {\n  ColumnFilterChangeHandler,\n  ColumnFilterCommitHandler,\n  ColumnFilterValue,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ColumnFilter, ColumnFilterProps } from \"../column-filter/ColumnFilter\";\nimport {\n  filterDescriptorHasFilter,\n  isNullFilter,\n  useSavedFilters,\n} from \"../filter-provider/FilterContext\";\nimport { getColumnValueFromFilter } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport filterContainerCss from \"./FilterContainer.css\";\n\nconst classBase = \"vuuFilterContainer\";\n\nconst notEmpty = (value: ColumnFilterValue) =>\n  Array.isArray(value) ? value[0] !== \"\" && value[1] !== \"\" : value !== \"\";\n\nexport interface FilterContainerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    ColumnFilterContainerHookProps {\n  children: ReactNode;\n  filterProviderKey?: string;\n}\n\nexport interface FilterContainerColumnFilterProps\n  extends Omit<ColumnFilterProps, \"defaultValue\" | \"onCommit\" | \"value\"> {\n  defaultValue?: ColumnFilterValue;\n}\n\nexport const FilterContainerColumnFilter = ({\n  column,\n  operator = \"=\",\n  variant,\n  ...props\n}: FilterContainerColumnFilterProps) => {\n  const {\n    filterProviderKey,\n    onChange: onFilterContextChange,\n    onCommit: onFilterContextCommit,\n    register,\n  } = useFilterContext(column, true);\n\n  const initialValue = useMemo(\n    () => register(column, operator),\n    [column, operator, register],\n  );\n\n  const [value, setValue] = useState(initialValue);\n  const valueRef = useRef<ColumnFilterValue>(initialValue);\n  const { currentFilter } = useSavedFilters(filterProviderKey);\n\n  // This is primarily to guard against client passing non-stable 'column' reference\n  // which would trigger the commit check below.\n  const currentFilterRef = useRef(currentFilter.id);\n\n  useMemo(() => {\n    if (currentFilterRef.current !== currentFilter.id) {\n      currentFilterRef.current = currentFilter.id;\n\n      if (isNullFilter(currentFilter) && notEmpty(valueRef.current)) {\n        valueRef.current = Array.isArray(valueRef.current) ? [\"\", \"\"] : \"\";\n        setValue(valueRef.current);\n      } else if (filterDescriptorHasFilter(currentFilter)) {\n        const v = getColumnValueFromFilter(\n          column,\n          operator,\n          currentFilter.filter,\n        );\n        if (\n          operator === \"between\" &&\n          !Array.isArray(v) &&\n          Array.isArray(valueRef.current)\n        ) {\n          // A between filter with only the first item filled is converted to an '=' filter\n          // in FilterAggregator. Translate value back to range value here\n          const [v1, v2] = valueRef.current;\n          if (`${v}` === v1 && v2 === \"\") {\n            return;\n          } else {\n            valueRef.current = [`${v}`, \"\"];\n            setValue(valueRef.current);\n          }\n        } else if (v !== valueRef.current) {\n          valueRef.current = v;\n          setValue(v);\n        }\n      }\n    }\n    // We only want this to run when the filter id changes, not when\n    // filter instance changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [column, currentFilter.id]);\n\n  const handleCommit = useCallback<ColumnFilterCommitHandler>(\n    (column, op, value) => {\n      valueRef.current = value;\n      setValue(value);\n      onFilterContextCommit(column, op, value);\n    },\n    [onFilterContextCommit],\n  );\n\n  const handleColumnFilterChange = useCallback<ColumnFilterChangeHandler>(\n    (value, column, op) => {\n      const { current: v } = valueRef;\n      valueRef.current = Array.isArray(v) ? [`${value}`, v[1]] : value;\n      setValue(valueRef.current);\n      onFilterContextChange(valueRef.current, column, op);\n    },\n    [onFilterContextChange],\n  );\n\n  const handleColumnRangeFilterChange = useCallback<ColumnFilterChangeHandler>(\n    (value, column, op) => {\n      const { current: v } = valueRef;\n      valueRef.current = Array.isArray(v) ? [v[0], `${value}`] : value;\n      setValue(valueRef.current);\n      onFilterContextChange(valueRef.current, column, op);\n    },\n    [onFilterContextChange],\n  );\n\n  return (\n    <ColumnFilter\n      {...props}\n      column={column}\n      onColumnFilterChange={handleColumnFilterChange}\n      onColumnRangeFilterChange={handleColumnRangeFilterChange}\n      onCommit={handleCommit}\n      operator={operator}\n      value={value}\n      variant={variant}\n    />\n  );\n};\n\n/**\n * FilterContainer is a generic UI container for a collection of Filter\n * controls. Each control manages a single filter clause and the Filter\n * Container aggregates these clauses into a single filter. FilterContainer\n * provides a FilterContainerFilter which can be used to provide children.\n * This is a wrapper around ColumnFilter, which adds some plumbing to allow\n * the container to track changes and manage each individual contribution to\n * the top-level filter.\n * See FilterPanel and InlineFilter for examples of FilterContainer usage.\n */\nexport const FilterContainer = ({\n  children,\n  className,\n  filter,\n  filterProviderKey,\n  onFilterApplied,\n  onFilterCleared,\n  ...htmlAttributes\n}: FilterContainerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-container\",\n    css: filterContainerCss,\n    window: targetWindow,\n  });\n\n  const filterContextProps = useFilterContainer({\n    filter,\n    filterProviderKey,\n    onFilterApplied,\n    onFilterCleared,\n  });\n  return (\n    <ColumnFilterContext.Provider value={filterContextProps}>\n      <div\n        {...htmlAttributes}\n        className={cx(classBase, className, \"vuuScrollable\")}\n      >\n        {children}\n      </div>\n    </ColumnFilterContext.Provider>\n  );\n};\n"],"names":["column","value"],"mappings":"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"}

package/esm/filter-panel/FilterPanel.css.js

@@ -1,4 +1,4 @@
-var filterPanelCss = ".vuuFilterPanel {\n    .vuuFilterPanel-toolbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n}";
+var filterPanelCss = ".vuuFilterPanel {\n    display: flex;\n    flex-direction: column;\n    gap: var(--vuuFilterPanel-gap, var(--salt-spacing-100));\n    height: var(--vuuFilterPanel-height, auto);\n    padding: var(--vuuFilterPanel-padding, 0);\n\n    --vuuFilterContainer-flex: 1 1 auto; \n\n    .vuuFilterPanel-toolbar {\n        align-items: center;\n        display: flex;\n        flex: 0 0 var(--salt-size-base);\n        padding: var(--salt-spacing-200) 0;\n        justify-content: space-between;\n    }\n}";
 
 export { filterPanelCss as default };
 //# sourceMappingURL=FilterPanel.css.js.map

package/esm/filter-provider/FilterProvider.js

@@ -176,9 +176,6 @@ const FilterProvider = ({
   );
   const setCurrentFilter = useCallback(
     (key, filter) => {
-      console.log(
-        `[FilterProvider] setCurrentFilter ${JSON.stringify(filter)}`
-      );
       const filterDescriptors = savedFilters.get(key) ?? [];
       if (filter === NULL_FILTER) {
         const newFilterDescriptors = insertOrReplaceFilter(

package/esm/filter-provider/FilterProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterProvider.js","sources":["../../../../packages/vuu-filters/src/filter-provider/FilterProvider.tsx"],"sourcesContent":["import {\n  FilterContainerFilter,\n  FilterContainerFilterDescriptor,\n  FilterContainerFilterDescriptorWithFilter,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ReactElement, ReactNode, useCallback, useMemo, useState } from \"react\";\nimport { FilterNamePrompt } from \"../saved-filters/FilterNamePrompt\";\nimport { DeleteFilterPrompt } from \"../saved-filters/DeleteFilterPrompt\";\nimport {\n  activateFilter,\n  findFilter,\n  insertOrReplaceFilter,\n  renameFilter,\n} from \"./filter-descriptor-utils\";\nimport { uuid } from \"@vuu-ui/vuu-utils\";\nimport {\n  EMPTY_FILTER,\n  EmptyFilterDescriptor,\n  FilterContext,\n  FilterContextFilterMenuActionHandler,\n  NULL_FILTER,\n  NullFilterDescriptor,\n  UNSAVED_FILTER,\n} from \"./FilterContext\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\n\nconst findActiveFilter = (\n  filterDescriptors: FilterContainerFilterDescriptor[],\n) => filterDescriptors.find((f) => f.active) ?? NullFilterDescriptor;\n\nconst findFilterByName = (\n  filterDescriptors: FilterContainerFilterDescriptor[],\n  name: string,\n) => filterDescriptors.find((f) => f.filter?.name === name);\n\ntype SavedFilterMap = Map<string, FilterContainerFilterDescriptor[]>;\ntype SavedFilterRecord = Record<string, FilterContainerFilterDescriptor[]>;\n\nconst mapToRecord = (savedFilters: SavedFilterMap) => {\n  const record: SavedFilterRecord = {};\n  savedFilters.forEach((filterDescriptors, key) => {\n    record[key] = filterDescriptors;\n  });\n  return record;\n};\n\nexport interface FilterProviderProps {\n  children: ReactNode;\n  onFiltersSaved?: (savedFilters: SavedFilterRecord) => void;\n  savedFilters?: SavedFilterRecord;\n}\n\nexport const FilterProvider = ({\n  children,\n  onFiltersSaved,\n  savedFilters: savedFiltersProp,\n}: FilterProviderProps) => {\n  const [, forceRefresh] = useState({});\n  const savedFilters = useMemo<SavedFilterMap>(\n    () =>\n      savedFiltersProp ? new Map(Object.entries(savedFiltersProp)) : new Map(),\n    [savedFiltersProp],\n  );\n\n  const [dialog, setDialog] = useState<ReactElement | null>(null);\n\n  const deleteFilter = useCallback(\n    (key: string, filterId: string) => {\n      const filterDescriptors = savedFilters.get(key);\n      if (filterDescriptors === undefined) {\n        throw Error(`[FilterProvider] deleteFilter, key ${key} not found`);\n      } else {\n        const newFilterDescriptors = filterDescriptors.filter(\n          ({ id }) => id !== filterId,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n        if (filterId !== UNSAVED_FILTER) {\n          onFiltersSaved?.(mapToRecord(savedFilters));\n        }\n      }\n    },\n    [onFiltersSaved, savedFilters],\n  );\n\n  const applyNewName = useCallback(\n    (key: string, filterId: string, name: string) => {\n      const filterDescriptors = savedFilters.get(key);\n      if (filterDescriptors === undefined) {\n        throw Error(`[FilterProvider] applyNewName, key ${key} not found`);\n      } else {\n        const newFilterDescriptors = renameFilter(\n          filterDescriptors,\n          filterId,\n          name,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n        onFiltersSaved?.(mapToRecord(savedFilters));\n      }\n    },\n    [onFiltersSaved, savedFilters],\n  );\n\n  const promptForFilterName = useCallback(\n    (key: string, { filter, id }: FilterContainerFilterDescriptor) => {\n      const originalFilterName = filter?.name ?? \"\";\n      setDialog(\n        <FilterNamePrompt\n          filterName={filter?.name}\n          title=\"Rename filter\"\n          onClose={() => setDialog(null)}\n          onConfirm={(name) => {\n            setDialog(null);\n            if (originalFilterName !== name) {\n              applyNewName(key, id, name);\n            }\n          }}\n        />,\n      );\n    },\n    [applyNewName],\n  );\n\n  const promptForConfirmationOfDelete = useCallback(\n    (\n      key: string,\n      filterDescriptor: FilterContainerFilterDescriptor,\n      columns?: ColumnDescriptor[],\n    ) => {\n      setDialog(\n        <DeleteFilterPrompt\n          columns={columns}\n          filterDescriptor={filterDescriptor}\n          onConfirm={() => {\n            setDialog(null);\n            deleteFilter(key, filterDescriptor.id);\n          }}\n          onClose={() => setDialog(null)}\n        />,\n      );\n    },\n    [deleteFilter],\n  );\n\n  const handleFilterMenuAction =\n    useCallback<FilterContextFilterMenuActionHandler>(\n      (key: string, filterId, actionType, columns) => {\n        const filterDescriptors = savedFilters.get(key);\n        if (filterDescriptors === undefined) {\n          throw Error(`[FilterProvider] applyNewName, key ${key} not found`);\n        } else {\n          const targetFilter = findFilter(filterDescriptors, filterId);\n          switch (actionType) {\n            case \"close\":\n              console.log(`close filter ${filterId}`);\n              break;\n            case \"edit\":\n              console.log(`edit filter ${filterId}`);\n              break;\n            case \"remove\":\n              if (filterId === UNSAVED_FILTER) {\n                console.log(\"remove unsaved filter\");\n              } else {\n                promptForConfirmationOfDelete(key, targetFilter, columns);\n              }\n              break;\n            case \"rename\":\n              return promptForFilterName(key, targetFilter);\n          }\n        }\n      },\n      [promptForConfirmationOfDelete, promptForFilterName, savedFilters],\n    );\n\n  const handleSaveFilter = useCallback(\n    (key: string, name: string) => {\n      const filterDescriptors = savedFilters.get(key);\n      if (filterDescriptors === undefined) {\n        throw Error(`[FilterProvider] applyNewName, key ${key} not found`);\n      } else {\n        const activeFilter = findActiveFilter(filterDescriptors);\n        if (activeFilter.filter === null) {\n          throw Error(\"[FilterProvider] cannot save an empty filter\");\n        }\n        const filterWithSameName = findFilterByName(filterDescriptors, name);\n        // We are always renaming the active filter, how this will play out depends on whether\n        // the name is unique and has actually changed\n        if (activeFilter === filterWithSameName) {\n          // name has not changed\n          return;\n        } else if (filterWithSameName !== undefined) {\n          // we are renaming the active filter, but another filter already has the same name,\n          // keep the active filter, remove the duplicate.\n          const newFilterDescriptors = filterDescriptors.reduce<\n            FilterContainerFilterDescriptor[]\n          >((list, filterDescriptor) => {\n            if (filterDescriptor === activeFilter) {\n              list.push({\n                active: true,\n                filter: { ...filterDescriptor.filter, name },\n                id: uuid(),\n                name,\n              } as FilterContainerFilterDescriptor);\n            } else if (filterDescriptor.filter?.name !== name) {\n              list.push(filterDescriptor);\n            }\n            return list;\n          }, []);\n          savedFilters.set(key, newFilterDescriptors);\n        } else {\n          const newFilterDescriptors = filterDescriptors.map(\n            (filterDescriptor) =>\n              filterDescriptor === activeFilter\n                ? ({\n                    active: true,\n                    filter: { ...filterDescriptor.filter, name },\n                    id: uuid(),\n                    name,\n                  } as FilterContainerFilterDescriptor)\n                : filterDescriptor,\n          );\n          savedFilters.set(key, newFilterDescriptors);\n          onFiltersSaved?.(mapToRecord(savedFilters));\n        }\n      }\n      forceRefresh({});\n    },\n    [onFiltersSaved, savedFilters],\n  );\n\n  /**\n   * Allows switching between saved filters. Alternatively, an anonymous\n   * filter can be assigned. This is to allow for a dynamically created\n   * filter to be active.\n   */\n  const setCurrentFilter = useCallback(\n    (key: string, filter: string | FilterContainerFilter) => {\n      console.log(\n        `[FilterProvider] setCurrentFilter ${JSON.stringify(filter)}`,\n      );\n      const filterDescriptors = savedFilters.get(key) ?? [];\n\n      if (filter === NULL_FILTER) {\n        const newFilterDescriptors = insertOrReplaceFilter(\n          filterDescriptors,\n          NullFilterDescriptor,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n      } else if (filter === EMPTY_FILTER) {\n        const newFilterDescriptors = insertOrReplaceFilter(\n          filterDescriptors,\n          EmptyFilterDescriptor,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n      } else if (typeof filter === \"string\") {\n        const newFilterDescriptors = activateFilter(filterDescriptors, filter);\n        savedFilters.set(key, newFilterDescriptors);\n      } else if (filter) {\n        const newFilterDescriptors = insertOrReplaceFilter(filterDescriptors, {\n          active: true,\n          filter,\n          id: UNSAVED_FILTER,\n        });\n        savedFilters.set(key, newFilterDescriptors);\n      } else {\n        deleteFilter(key, UNSAVED_FILTER);\n      }\n\n      forceRefresh({});\n    },\n    [deleteFilter, savedFilters],\n  );\n\n  return (\n    <FilterContext.Provider\n      value={{\n        onFilterMenuAction: handleFilterMenuAction,\n        deleteFilter,\n        saveFilter: handleSaveFilter,\n        filterDescriptors: savedFilters,\n        setCurrentFilter,\n      }}\n    >\n      {children}\n      {dialog}\n    </FilterContext.Provider>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilterProvider.js","sources":["../../../../packages/vuu-filters/src/filter-provider/FilterProvider.tsx"],"sourcesContent":["import {\n  FilterContainerFilter,\n  FilterContainerFilterDescriptor,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ReactElement, ReactNode, useCallback, useMemo, useState } from \"react\";\nimport { FilterNamePrompt } from \"../saved-filters/FilterNamePrompt\";\nimport { DeleteFilterPrompt } from \"../saved-filters/DeleteFilterPrompt\";\nimport {\n  activateFilter,\n  findFilter,\n  insertOrReplaceFilter,\n  renameFilter,\n} from \"./filter-descriptor-utils\";\nimport { uuid } from \"@vuu-ui/vuu-utils\";\nimport {\n  EMPTY_FILTER,\n  EmptyFilterDescriptor,\n  FilterContext,\n  FilterContextFilterMenuActionHandler,\n  NULL_FILTER,\n  NullFilterDescriptor,\n  UNSAVED_FILTER,\n} from \"./FilterContext\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\n\nconst findActiveFilter = (\n  filterDescriptors: FilterContainerFilterDescriptor[],\n) => filterDescriptors.find((f) => f.active) ?? NullFilterDescriptor;\n\nconst findFilterByName = (\n  filterDescriptors: FilterContainerFilterDescriptor[],\n  name: string,\n) => filterDescriptors.find((f) => f.filter?.name === name);\n\ntype SavedFilterMap = Map<string, FilterContainerFilterDescriptor[]>;\ntype SavedFilterRecord = Record<string, FilterContainerFilterDescriptor[]>;\n\nconst mapToRecord = (savedFilters: SavedFilterMap) => {\n  const record: SavedFilterRecord = {};\n  savedFilters.forEach((filterDescriptors, key) => {\n    record[key] = filterDescriptors;\n  });\n  return record;\n};\n\nexport interface FilterProviderProps {\n  children: ReactNode;\n  onFiltersSaved?: (savedFilters: SavedFilterRecord) => void;\n  savedFilters?: SavedFilterRecord;\n}\n\nexport const FilterProvider = ({\n  children,\n  onFiltersSaved,\n  savedFilters: savedFiltersProp,\n}: FilterProviderProps) => {\n  const [, forceRefresh] = useState({});\n  const savedFilters = useMemo<SavedFilterMap>(\n    () =>\n      savedFiltersProp ? new Map(Object.entries(savedFiltersProp)) : new Map(),\n    [savedFiltersProp],\n  );\n\n  const [dialog, setDialog] = useState<ReactElement | null>(null);\n\n  const deleteFilter = useCallback(\n    (key: string, filterId: string) => {\n      const filterDescriptors = savedFilters.get(key);\n      if (filterDescriptors === undefined) {\n        throw Error(`[FilterProvider] deleteFilter, key ${key} not found`);\n      } else {\n        const newFilterDescriptors = filterDescriptors.filter(\n          ({ id }) => id !== filterId,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n        if (filterId !== UNSAVED_FILTER) {\n          onFiltersSaved?.(mapToRecord(savedFilters));\n        }\n      }\n    },\n    [onFiltersSaved, savedFilters],\n  );\n\n  const applyNewName = useCallback(\n    (key: string, filterId: string, name: string) => {\n      const filterDescriptors = savedFilters.get(key);\n      if (filterDescriptors === undefined) {\n        throw Error(`[FilterProvider] applyNewName, key ${key} not found`);\n      } else {\n        const newFilterDescriptors = renameFilter(\n          filterDescriptors,\n          filterId,\n          name,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n        onFiltersSaved?.(mapToRecord(savedFilters));\n      }\n    },\n    [onFiltersSaved, savedFilters],\n  );\n\n  const promptForFilterName = useCallback(\n    (key: string, { filter, id }: FilterContainerFilterDescriptor) => {\n      const originalFilterName = filter?.name ?? \"\";\n      setDialog(\n        <FilterNamePrompt\n          filterName={filter?.name}\n          title=\"Rename filter\"\n          onClose={() => setDialog(null)}\n          onConfirm={(name) => {\n            setDialog(null);\n            if (originalFilterName !== name) {\n              applyNewName(key, id, name);\n            }\n          }}\n        />,\n      );\n    },\n    [applyNewName],\n  );\n\n  const promptForConfirmationOfDelete = useCallback(\n    (\n      key: string,\n      filterDescriptor: FilterContainerFilterDescriptor,\n      columns?: ColumnDescriptor[],\n    ) => {\n      setDialog(\n        <DeleteFilterPrompt\n          columns={columns}\n          filterDescriptor={filterDescriptor}\n          onConfirm={() => {\n            setDialog(null);\n            deleteFilter(key, filterDescriptor.id);\n          }}\n          onClose={() => setDialog(null)}\n        />,\n      );\n    },\n    [deleteFilter],\n  );\n\n  const handleFilterMenuAction =\n    useCallback<FilterContextFilterMenuActionHandler>(\n      (key: string, filterId, actionType, columns) => {\n        const filterDescriptors = savedFilters.get(key);\n        if (filterDescriptors === undefined) {\n          throw Error(`[FilterProvider] applyNewName, key ${key} not found`);\n        } else {\n          const targetFilter = findFilter(filterDescriptors, filterId);\n          switch (actionType) {\n            case \"close\":\n              console.log(`close filter ${filterId}`);\n              break;\n            case \"edit\":\n              console.log(`edit filter ${filterId}`);\n              break;\n            case \"remove\":\n              if (filterId === UNSAVED_FILTER) {\n                console.log(\"remove unsaved filter\");\n              } else {\n                promptForConfirmationOfDelete(key, targetFilter, columns);\n              }\n              break;\n            case \"rename\":\n              return promptForFilterName(key, targetFilter);\n          }\n        }\n      },\n      [promptForConfirmationOfDelete, promptForFilterName, savedFilters],\n    );\n\n  const handleSaveFilter = useCallback(\n    (key: string, name: string) => {\n      const filterDescriptors = savedFilters.get(key);\n      if (filterDescriptors === undefined) {\n        throw Error(`[FilterProvider] applyNewName, key ${key} not found`);\n      } else {\n        const activeFilter = findActiveFilter(filterDescriptors);\n        if (activeFilter.filter === null) {\n          throw Error(\"[FilterProvider] cannot save an empty filter\");\n        }\n        const filterWithSameName = findFilterByName(filterDescriptors, name);\n        // We are always renaming the active filter, how this will play out depends on whether\n        // the name is unique and has actually changed\n        if (activeFilter === filterWithSameName) {\n          // name has not changed\n          return;\n        } else if (filterWithSameName !== undefined) {\n          // we are renaming the active filter, but another filter already has the same name,\n          // keep the active filter, remove the duplicate.\n          const newFilterDescriptors = filterDescriptors.reduce<\n            FilterContainerFilterDescriptor[]\n          >((list, filterDescriptor) => {\n            if (filterDescriptor === activeFilter) {\n              list.push({\n                active: true,\n                filter: { ...filterDescriptor.filter, name },\n                id: uuid(),\n                name,\n              } as FilterContainerFilterDescriptor);\n            } else if (filterDescriptor.filter?.name !== name) {\n              list.push(filterDescriptor);\n            }\n            return list;\n          }, []);\n          savedFilters.set(key, newFilterDescriptors);\n        } else {\n          const newFilterDescriptors = filterDescriptors.map(\n            (filterDescriptor) =>\n              filterDescriptor === activeFilter\n                ? ({\n                    active: true,\n                    filter: { ...filterDescriptor.filter, name },\n                    id: uuid(),\n                    name,\n                  } as FilterContainerFilterDescriptor)\n                : filterDescriptor,\n          );\n          savedFilters.set(key, newFilterDescriptors);\n          onFiltersSaved?.(mapToRecord(savedFilters));\n        }\n      }\n      forceRefresh({});\n    },\n    [onFiltersSaved, savedFilters],\n  );\n\n  /**\n   * Allows switching between saved filters. Alternatively, an anonymous\n   * filter can be assigned. This is to allow for a dynamically created\n   * filter to be active.\n   */\n  const setCurrentFilter = useCallback(\n    (key: string, filter: string | FilterContainerFilter) => {\n      const filterDescriptors = savedFilters.get(key) ?? [];\n\n      if (filter === NULL_FILTER) {\n        const newFilterDescriptors = insertOrReplaceFilter(\n          filterDescriptors,\n          NullFilterDescriptor,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n      } else if (filter === EMPTY_FILTER) {\n        const newFilterDescriptors = insertOrReplaceFilter(\n          filterDescriptors,\n          EmptyFilterDescriptor,\n        );\n        savedFilters.set(key, newFilterDescriptors);\n      } else if (typeof filter === \"string\") {\n        const newFilterDescriptors = activateFilter(filterDescriptors, filter);\n        savedFilters.set(key, newFilterDescriptors);\n      } else if (filter) {\n        const newFilterDescriptors = insertOrReplaceFilter(filterDescriptors, {\n          active: true,\n          filter,\n          id: UNSAVED_FILTER,\n        });\n        savedFilters.set(key, newFilterDescriptors);\n      } else {\n        deleteFilter(key, UNSAVED_FILTER);\n      }\n\n      forceRefresh({});\n    },\n    [deleteFilter, savedFilters],\n  );\n\n  return (\n    <FilterContext.Provider\n      value={{\n        onFilterMenuAction: handleFilterMenuAction,\n        deleteFilter,\n        saveFilter: handleSaveFilter,\n        filterDescriptors: savedFilters,\n        setCurrentFilter,\n      }}\n    >\n      {children}\n      {dialog}\n    </FilterContext.Provider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/index.js

@@ -19,4 +19,5 @@ export { FilterNamePrompt as SaveFilterConfirmPrompt } from './saved-filters/Fil
 export { SavedFilterPanel } from './saved-filters/SavedFilterPanel.js';
 export { TabbedFilterContainer } from './tabbed-filter-container/TabbedFilterContainer.js';
 export { ToggleFilter } from './toggle-filter/ToggleFilter.js';
+export { FilterPanel } from './filter-panel/FilterPanel.js';
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/esm/tabbed-filter-container/TabbedFilterContainer.js

@@ -24,7 +24,6 @@ const TabbedFilterContainer = ({
     css: tabbedFilterContainerCss,
     window: targetWindow
   });
-  console.log(`[TabbedFilterContainer] render`);
   return /* @__PURE__ */ jsx("div", { ...htmlAttributes, className: cx(classBase, className), children: /* @__PURE__ */ jsxs(TabsNext, { defaultValue: "ad-hoc-filter", children: [
     /* @__PURE__ */ jsxs(TabListNext, { appearance: "transparent", children: [
       /* @__PURE__ */ jsx(TabNext, { value: "ad-hoc-filter", children: /* @__PURE__ */ jsx(TabNextTrigger, { children: "AD HOC" }) }, "ad-hoc-filter"),

package/esm/tabbed-filter-container/TabbedFilterContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabbedFilterContainer.js","sources":["../../../../packages/vuu-filters/src/tabbed-filter-container/TabbedFilterContainer.tsx"],"sourcesContent":["import {\n  TabListNext,\n  TabNext,\n  TabNextPanel,\n  TabNextTrigger,\n  TabsNext,\n} from \"@salt-ds/lab\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { FilterContainerProps } from \"../filter-container/FilterContainer\";\nimport { FilterPanel } from \"../filter-panel/FilterPanel\";\nimport {\n  SavedFilterPanel,\n  SavedFilterPanelProps,\n} from \"../saved-filters/SavedFilterPanel\";\nimport tabbedFilterContainerCss from \"./TabbedFilterContainer.css\";\n\nconst classBase = \"vuuTabbedFilterContainer\";\n\nexport interface TabbedFilterContainerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Pick<\n      FilterContainerProps,\n      \"filter\" | \"filterProviderKey\" | \"onFilterApplied\" | \"onFilterCleared\"\n    > {\n  SavedFilterPanelProps?: Pick<\n    SavedFilterPanelProps,\n    \"availableColumns\" | \"filterPillPermissions\"\n  >;\n  children: ReactNode;\n}\n\nexport const TabbedFilterContainer = ({\n  SavedFilterPanelProps,\n  children,\n  className,\n  filter,\n  filterProviderKey,\n  onFilterApplied,\n  onFilterCleared,\n  ...htmlAttributes\n}: TabbedFilterContainerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-tabbed-filter-container\",\n    css: tabbedFilterContainerCss,\n    window: targetWindow,\n  });\n\n  console.log(`[TabbedFilterContainer] render`);\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      <TabsNext defaultValue=\"ad-hoc-filter\">\n        <TabListNext appearance=\"transparent\">\n          <TabNext value=\"ad-hoc-filter\" key=\"ad-hoc-filter\">\n            <TabNextTrigger>AD HOC</TabNextTrigger>\n          </TabNext>\n          <TabNext value=\"saved-filters\" key=\"saved-filters\">\n            <TabNextTrigger>SAVED</TabNextTrigger>\n          </TabNext>\n        </TabListNext>\n        <TabNextPanel value=\"ad-hoc-filter\" key=\"ad-hoc-filter\">\n          <FilterPanel\n            filter={filter}\n            filterProviderKey={filterProviderKey}\n            onFilterApplied={onFilterApplied}\n            onFilterCleared={onFilterCleared}\n          >\n            {children}\n          </FilterPanel>\n        </TabNextPanel>\n        <TabNextPanel value=\"saved-filters\" key=\"saved-filters\">\n          <SavedFilterPanel\n            {...SavedFilterPanelProps}\n            filterProviderKey={filterProviderKey}\n          />\n        </TabNextPanel>\n      </TabsNext>\n    </div>\n  );\n};\n"],"names":["SavedFilterPanelProps"],"mappings":";;;;;;;;;AAmBA,MAAM,SAAY,GAAA,0BAAA;AAeX,MAAM,wBAAwB,CAAC;AAAA,EACpC,qBAAAA,EAAAA,sBAAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAkC,KAAA;AAChC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,6BAAA;AAAA,IACR,GAAK,EAAA,wBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,OAAA,CAAQ,IAAI,CAAgC,8BAAA,CAAA,CAAA;AAE5C,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,cAAA,EAAgB,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,SAAS,CACzD,EAAA,QAAA,kBAAA,IAAA,CAAC,QAAS,EAAA,EAAA,YAAA,EAAa,eACrB,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,WAAA,EAAA,EAAY,YAAW,aACtB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAQ,KAAM,EAAA,eAAA,EACb,8BAAC,cAAe,EAAA,EAAA,QAAA,EAAA,QAAA,EAAM,KADW,eAEnC,CAAA;AAAA,sBACA,GAAA,CAAC,WAAQ,KAAM,EAAA,eAAA,EACb,8BAAC,cAAe,EAAA,EAAA,QAAA,EAAA,OAAA,EAAK,KADY,eAEnC;AAAA,KACF,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAM,eAClB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,iBAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QAEC;AAAA;AAAA,SAPmC,eASxC,CAAA;AAAA,oBACA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAM,eAClB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACE,GAAGA,sBAAAA;AAAA,QACJ;AAAA;AAAA,SAHoC,eAKxC;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TabbedFilterContainer.js","sources":["../../../../packages/vuu-filters/src/tabbed-filter-container/TabbedFilterContainer.tsx"],"sourcesContent":["import {\n  TabListNext,\n  TabNext,\n  TabNextPanel,\n  TabNextTrigger,\n  TabsNext,\n} from \"@salt-ds/lab\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { FilterContainerProps } from \"../filter-container/FilterContainer\";\nimport { FilterPanel } from \"../filter-panel/FilterPanel\";\nimport {\n  SavedFilterPanel,\n  SavedFilterPanelProps,\n} from \"../saved-filters/SavedFilterPanel\";\nimport tabbedFilterContainerCss from \"./TabbedFilterContainer.css\";\n\nconst classBase = \"vuuTabbedFilterContainer\";\n\nexport interface TabbedFilterContainerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Pick<\n      FilterContainerProps,\n      \"filter\" | \"filterProviderKey\" | \"onFilterApplied\" | \"onFilterCleared\"\n    > {\n  SavedFilterPanelProps?: Pick<\n    SavedFilterPanelProps,\n    \"availableColumns\" | \"filterPillPermissions\"\n  >;\n  children: ReactNode;\n}\n\nexport const TabbedFilterContainer = ({\n  SavedFilterPanelProps,\n  children,\n  className,\n  filter,\n  filterProviderKey,\n  onFilterApplied,\n  onFilterCleared,\n  ...htmlAttributes\n}: TabbedFilterContainerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-tabbed-filter-container\",\n    css: tabbedFilterContainerCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      <TabsNext defaultValue=\"ad-hoc-filter\">\n        <TabListNext appearance=\"transparent\">\n          <TabNext value=\"ad-hoc-filter\" key=\"ad-hoc-filter\">\n            <TabNextTrigger>AD HOC</TabNextTrigger>\n          </TabNext>\n          <TabNext value=\"saved-filters\" key=\"saved-filters\">\n            <TabNextTrigger>SAVED</TabNextTrigger>\n          </TabNext>\n        </TabListNext>\n        <TabNextPanel value=\"ad-hoc-filter\" key=\"ad-hoc-filter\">\n          <FilterPanel\n            filter={filter}\n            filterProviderKey={filterProviderKey}\n            onFilterApplied={onFilterApplied}\n            onFilterCleared={onFilterCleared}\n          >\n            {children}\n          </FilterPanel>\n        </TabNextPanel>\n        <TabNextPanel value=\"saved-filters\" key=\"saved-filters\">\n          <SavedFilterPanel\n            {...SavedFilterPanelProps}\n            filterProviderKey={filterProviderKey}\n          />\n        </TabNextPanel>\n      </TabsNext>\n    </div>\n  );\n};\n"],"names":["SavedFilterPanelProps"],"mappings":";;;;;;;;;AAmBA,MAAM,SAAY,GAAA,0BAAA;AAeX,MAAM,wBAAwB,CAAC;AAAA,EACpC,qBAAAA,EAAAA,sBAAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAkC,KAAA;AAChC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,6BAAA;AAAA,IACR,GAAK,EAAA,wBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,cAAA,EAAgB,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,SAAS,CACzD,EAAA,QAAA,kBAAA,IAAA,CAAC,QAAS,EAAA,EAAA,YAAA,EAAa,eACrB,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,WAAA,EAAA,EAAY,YAAW,aACtB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAQ,KAAM,EAAA,eAAA,EACb,8BAAC,cAAe,EAAA,EAAA,QAAA,EAAA,QAAA,EAAM,KADW,eAEnC,CAAA;AAAA,sBACA,GAAA,CAAC,WAAQ,KAAM,EAAA,eAAA,EACb,8BAAC,cAAe,EAAA,EAAA,QAAA,EAAA,OAAA,EAAK,KADY,eAEnC;AAAA,KACF,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAM,eAClB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,iBAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QAEC;AAAA;AAAA,SAPmC,eASxC,CAAA;AAAA,oBACA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAM,eAClB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACE,GAAGA,sBAAAA;AAAA,QACJ;AAAA;AAAA,SAHoC,eAKxC;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/esm/toggle-filter/ToggleFilter.css.js

@@ -0,0 +1,4 @@
+var toggleFilterCss = ".vuuToggleFilter {\n    .vuuToggleFilter-onlyAvailableValue:not([aria-checked=\"true\"],:hover) {\n        background-color: var(--vuuToggleFilter-implicitActive-bg, var(--salt-actionable-bold-background));\n    }\n}\n";
+
+export { toggleFilterCss as default };
+//# sourceMappingURL=ToggleFilter.css.js.map

package/esm/toggle-filter/ToggleFilter.css.js.map

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

package/esm/toggle-filter/ToggleFilter.js

@@ -1,34 +1,46 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ToggleButtonGroup, ToggleButton } from '@salt-ds/core';
-import { getVuuTable } from '@vuu-ui/vuu-utils';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import cx from 'clsx';
-import { useTypeaheadSuggestions } from '@vuu-ui/vuu-data-react';
-import { useState, useMemo, useCallback } from 'react';
+import { forwardRef, useCallback } from 'react';
+import { useToggleFilter } from './useToggleFilter.js';
+import toggleFilterCss from './ToggleFilter.css.js';
 
+const getValues = (defaultValue, value) => {
+  if (defaultValue === void 0 && value === void 0) {
+    return ["all"];
+  } else if (defaultValue !== void 0 && value !== void 0) {
+    throw Error(
+      "[ToggleFilter] only one of defaultValue/value must be provided"
+    );
+  } else if (defaultValue === "") {
+    return ["all"];
+  } else if (value === "") {
+    return [void 0, "all"];
+  } else {
+    return [defaultValue, value];
+  }
+};
 const classBase = "vuuToggleFilter";
-const ToggleFilter = ({
+const ToggleFilter = forwardRef(function ToggleFilter2({
   className,
   column,
+  defaultValue: defaultValueProp,
   onCommit,
   table,
   value: valueProp,
   values,
   ...ToggleButtonGroupProps2
-}) => {
-  const [typeaheadValues, setTypeaheadValues] = useState([]);
-  const getSuggestions = useTypeaheadSuggestions();
-  const value = valueProp === "" ? "all" : valueProp;
-  useMemo(() => {
-    const vuuTable = getVuuTable(table);
-    const params = [vuuTable, column];
-    getSuggestions(params).then((suggestions) => {
-      if (suggestions === false) {
-        setTypeaheadValues([]);
-      } else {
-        setTypeaheadValues(suggestions);
-      }
-    });
-  }, [column, getSuggestions, table]);
+}, forwardedRef) {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "vuu-toggle-filter",
+    css: toggleFilterCss,
+    window: targetWindow
+  });
+  const [defaultValue, value] = getValues(defaultValueProp, valueProp);
+  const onlyAvailableValue = useToggleFilter({ column, table, values });
   const handleChange = useCallback(
     (e) => {
       const value2 = e.currentTarget.value;
@@ -45,23 +57,27 @@ const ToggleFilter = ({
     {
       ...ToggleButtonGroupProps2,
       className: cx(classBase, className),
+      defaultValue,
       onChange: handleChange,
+      ref: forwardedRef,
       value,
       children: [
         /* @__PURE__ */ jsx(ToggleButton, { value: "all", children: "ALL" }, "all"),
-        values.map((value2) => /* @__PURE__ */ jsx(
+        values.map((toggleValue) => /* @__PURE__ */ jsx(
           ToggleButton,
           {
-            value: value2,
-            disabled: !typeaheadValues.includes(value2) && value2 === "all",
-            children: value2
+            className: cx({
+              [`${classBase}-onlyAvailableValue`]: onlyAvailableValue === toggleValue
+            }),
+            value: toggleValue,
+            children: toggleValue
           },
-          value2
+          toggleValue
         ))
       ]
     }
   );
-};
+});
 
 export { ToggleFilter };
 //# sourceMappingURL=ToggleFilter.js.map

package/esm/toggle-filter/ToggleFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleFilter.js","sources":["../../../../packages/vuu-filters/src/toggle-filter/ToggleFilter.tsx"],"sourcesContent":["import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupProps,\n} from \"@salt-ds/core\";\nimport { TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport { CommitHandler, getVuuTable } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { useTypeaheadSuggestions } from \"@vuu-ui/vuu-data-react\";\nimport { TypeaheadParams } from \"@vuu-ui/vuu-protocol-types\";\nimport { SyntheticEvent, useCallback, useMemo, useState } from \"react\";\n\nexport interface ToggleFilterProps extends ToggleButtonGroupProps {\n  column: string;\n  onCommit: CommitHandler<HTMLElement>;\n  table: TableSchemaTable;\n  values: string[];\n}\n\nconst classBase = \"vuuToggleFilter\";\n\nexport const ToggleFilter = ({\n  className,\n  column,\n  onCommit,\n  table,\n  value: valueProp,\n  values,\n  ...ToggleButtonGroupProps\n}: ToggleFilterProps) => {\n  const [typeaheadValues, setTypeaheadValues] = useState<string[]>([]);\n  const getSuggestions = useTypeaheadSuggestions();\n\n  const value = valueProp === \"\" ? \"all\" : valueProp;\n\n  useMemo(() => {\n    const vuuTable = getVuuTable(table);\n    const params: TypeaheadParams = [vuuTable, column];\n    getSuggestions(params).then((suggestions) => {\n      if (suggestions === false) {\n        // TODO is this right\n        setTypeaheadValues([]);\n      } else {\n        setTypeaheadValues(suggestions);\n      }\n    });\n  }, [column, getSuggestions, table]);\n\n  const handleChange = useCallback(\n    (e: SyntheticEvent<HTMLButtonElement>) => {\n      const value = e.currentTarget.value;\n      if (value === \"all\") {\n        onCommit(e, \"\");\n      } else {\n        onCommit(e, value);\n      }\n    },\n    [onCommit],\n  );\n\n  return (\n    <ToggleButtonGroup\n      {...ToggleButtonGroupProps}\n      className={cx(classBase, className)}\n      onChange={handleChange}\n      value={value}\n    >\n      <ToggleButton key=\"all\" value=\"all\">\n        ALL\n      </ToggleButton>\n      {values.map((value) => (\n        <ToggleButton\n          key={value}\n          value={value}\n          disabled={!typeaheadValues.includes(value) && value === \"all\"}\n        >\n          {value}\n        </ToggleButton>\n      ))}\n    </ToggleButtonGroup>\n  );\n};\n"],"names":["ToggleButtonGroupProps","value"],"mappings":";;;;;;;AAmBA,MAAM,SAAY,GAAA,iBAAA;AAEX,MAAM,eAAe,CAAC;AAAA,EAC3B,SAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,MAAA;AAAA,EACA,GAAGA;AACL,CAAyB,KAAA;AACvB,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AACnE,EAAA,MAAM,iBAAiB,uBAAwB,EAAA;AAE/C,EAAM,MAAA,KAAA,GAAQ,SAAc,KAAA,EAAA,GAAK,KAAQ,GAAA,SAAA;AAEzC,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAM,MAAA,QAAA,GAAW,YAAY,KAAK,CAAA;AAClC,IAAM,MAAA,MAAA,GAA0B,CAAC,QAAA,EAAU,MAAM,CAAA;AACjD,IAAA,cAAA,CAAe,MAAM,CAAA,CAAE,IAAK,CAAA,CAAC,WAAgB,KAAA;AAC3C,MAAA,IAAI,gBAAgB,KAAO,EAAA;AAEzB,QAAA,kBAAA,CAAmB,EAAE,CAAA;AAAA,OAChB,MAAA;AACL,QAAA,kBAAA,CAAmB,WAAW,CAAA;AAAA;AAChC,KACD,CAAA;AAAA,GACA,EAAA,CAAC,MAAQ,EAAA,cAAA,EAAgB,KAAK,CAAC,CAAA;AAElC,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,CAAyC,KAAA;AACxC,MAAMC,MAAAA,MAAAA,GAAQ,EAAE,aAAc,CAAA,KAAA;AAC9B,MAAA,IAAIA,WAAU,KAAO,EAAA;AACnB,QAAA,QAAA,CAAS,GAAG,EAAE,CAAA;AAAA,OACT,MAAA;AACL,QAAA,QAAA,CAAS,GAAGA,MAAK,CAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACE,GAAGD,uBAAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,QAAU,EAAA,YAAA;AAAA,MACV,KAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAuB,EAAA,EAAA,KAAA,EAAM,KAAM,EAAA,QAAA,EAAA,KAAA,EAAA,EAAlB,KAElB,CAAA;AAAA,QACC,MAAA,CAAO,GAAI,CAAA,CAACC,MACX,qBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YAEC,KAAOA,EAAAA,MAAAA;AAAA,YACP,UAAU,CAAC,eAAA,CAAgB,QAASA,CAAAA,MAAK,KAAKA,MAAU,KAAA,KAAA;AAAA,YAEvD,QAAAA,EAAAA;AAAA,WAAA;AAAA,UAJIA;AAAA,SAMR;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"ToggleFilter.js","sources":["../../../../packages/vuu-filters/src/toggle-filter/ToggleFilter.tsx"],"sourcesContent":["import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupProps,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { CommitHandler } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { ForwardedRef, forwardRef, SyntheticEvent, useCallback } from \"react\";\nimport { type ToggleFilterHookProps, useToggleFilter } from \"./useToggleFilter\";\n\ntype Value = ToggleButtonGroupProps[\"value\"];\n\nconst getValues = (\n  defaultValue: Value | undefined,\n  value: Value | undefined,\n) => {\n  if (defaultValue === undefined && value === undefined) {\n    return [\"all\"];\n  } else if (defaultValue !== undefined && value !== undefined) {\n    throw Error(\n      \"[ToggleFilter] only one of defaultValue/value must be provided\",\n    );\n  } else if (defaultValue === \"\") {\n    return [\"all\"];\n  } else if (value === \"\") {\n    return [undefined, \"all\"];\n  } else {\n    return [defaultValue, value];\n  }\n};\n\nimport toggleFilterCss from \"./ToggleFilter.css\";\n/**\n * ToggleFilter is designed to work with a FilterProvider and\n * DataSourceProvider. With a DataSourceProvider, values will\n * be validated against available values from datasource.\n * With both FilterProvider and a DataSourceProvider, changes to\n * the currentFilter will also trigger re-evaluation of available\n * values from dataSource.\n * With neither of these Providers available, the ToggleFilter is\n * behaving like a regular ToggleButtonGroup.\n */\nexport interface ToggleFilterProps\n  extends ToggleButtonGroupProps,\n    ToggleFilterHookProps {\n  onCommit: CommitHandler<HTMLElement>;\n}\n\nconst classBase = \"vuuToggleFilter\";\n\nexport const ToggleFilter = forwardRef(function ToggleFilter(\n  {\n    className,\n    column,\n    defaultValue: defaultValueProp,\n    onCommit,\n    table,\n    value: valueProp,\n    values,\n    ...ToggleButtonGroupProps\n  }: ToggleFilterProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-toggle-filter\",\n    css: toggleFilterCss,\n    window: targetWindow,\n  });\n\n  const [defaultValue, value] = getValues(defaultValueProp, valueProp);\n\n  const onlyAvailableValue = useToggleFilter({ column, table, values });\n\n  const handleChange = useCallback(\n    (e: SyntheticEvent<HTMLButtonElement>) => {\n      const value = e.currentTarget.value;\n      if (value === \"all\") {\n        onCommit(e, \"\");\n      } else {\n        onCommit(e, value);\n      }\n    },\n    [onCommit],\n  );\n\n  return (\n    <ToggleButtonGroup\n      {...ToggleButtonGroupProps}\n      className={cx(classBase, className)}\n      defaultValue={defaultValue}\n      onChange={handleChange}\n      ref={forwardedRef}\n      value={value}\n    >\n      <ToggleButton key=\"all\" value=\"all\">\n        ALL\n      </ToggleButton>\n      {values.map((toggleValue) => (\n        <ToggleButton\n          className={cx({\n            [`${classBase}-onlyAvailableValue`]:\n              onlyAvailableValue === toggleValue,\n          })}\n          key={toggleValue}\n          value={toggleValue}\n        >\n          {toggleValue}\n        </ToggleButton>\n      ))}\n    </ToggleButtonGroup>\n  );\n});\n"],"names":["ToggleFilter","ToggleButtonGroupProps","value"],"mappings":";;;;;;;;;AAcA,MAAM,SAAA,GAAY,CAChB,YAAA,EACA,KACG,KAAA;AACH,EAAI,IAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AACrD,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,GACJ,MAAA,IAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AAC5D,IAAM,MAAA,KAAA;AAAA,MACJ;AAAA,KACF;AAAA,GACF,MAAA,IAAW,iBAAiB,EAAI,EAAA;AAC9B,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,GACf,MAAA,IAAW,UAAU,EAAI,EAAA;AACvB,IAAO,OAAA,CAAC,QAAW,KAAK,CAAA;AAAA,GACnB,MAAA;AACL,IAAO,OAAA,CAAC,cAAc,KAAK,CAAA;AAAA;AAE/B,CAAA;AAmBA,MAAM,SAAY,GAAA,iBAAA;AAEL,MAAA,YAAA,GAAe,UAAW,CAAA,SAASA,aAC9C,CAAA;AAAA,EACE,SAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAc,EAAA,gBAAA;AAAA,EACd,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,MAAA;AAAA,EACA,GAAGC;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAA,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,YAAc,EAAA,KAAK,CAAI,GAAA,SAAA,CAAU,kBAAkB,SAAS,CAAA;AAEnE,EAAA,MAAM,qBAAqB,eAAgB,CAAA,EAAE,MAAQ,EAAA,KAAA,EAAO,QAAQ,CAAA;AAEpE,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,CAAyC,KAAA;AACxC,MAAMC,MAAAA,MAAAA,GAAQ,EAAE,aAAc,CAAA,KAAA;AAC9B,MAAA,IAAIA,WAAU,KAAO,EAAA;AACnB,QAAA,QAAA,CAAS,GAAG,EAAE,CAAA;AAAA,OACT,MAAA;AACL,QAAA,QAAA,CAAS,GAAGA,MAAK,CAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACE,GAAGD,uBAAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,YAAA;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,GAAK,EAAA,YAAA;AAAA,MACL,KAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAuB,EAAA,EAAA,KAAA,EAAM,KAAM,EAAA,QAAA,EAAA,KAAA,EAAA,EAAlB,KAElB,CAAA;AAAA,QACC,MAAA,CAAO,GAAI,CAAA,CAAC,WACX,qBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,WAAW,EAAG,CAAA;AAAA,cACZ,CAAC,CAAA,EAAG,SAAS,CAAA,mBAAA,CAAqB,GAChC,kBAAuB,KAAA;AAAA,aAC1B,CAAA;AAAA,YAED,KAAO,EAAA,WAAA;AAAA,YAEN,QAAA,EAAA;AAAA,WAAA;AAAA,UAHI;AAAA,SAKR;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/esm/toggle-filter/useToggleFilter.js

@@ -0,0 +1,65 @@
+import { useSavedFilters } from '../filter-provider/FilterContext.js';
+import { useTypeaheadSuggestions } from '@vuu-ui/vuu-data-react';
+import { useRef, useState, useCallback, useMemo } from 'react';
+import { getVuuTable, filtersAreEqual } from '@vuu-ui/vuu-utils';
+
+const assertValid = (values, actualValues) => {
+  if (actualValues.some((val) => values.indexOf(val) === -1)) {
+    console.warn(`[useToggleFilter] ToggleFilter is configured with values which do not include all values from data source
+            [${values.join()}]
+            [${actualValues.join()}]`);
+  }
+};
+const typeaheadRefreshRequired = (f1, f2) => {
+  if (f1 === null && f2 === null) {
+    return false;
+  } else if (f1 === null || f2 === null) {
+    return true;
+  } else if (filtersAreEqual(f1, f2)) {
+    return false;
+  } else {
+    return true;
+  }
+};
+const useToggleFilter = ({
+  column,
+  table,
+  values
+}) => {
+  const { currentFilter } = useSavedFilters();
+  const currentFilterRef = useRef(currentFilter.filter);
+  const [typeaheadValues, setTypeaheadValues] = useState([]);
+  const getSuggestions = useTypeaheadSuggestions();
+  const refreshSuggestions = useCallback(
+    (table2) => {
+      const vuuTable = getVuuTable(table2);
+      const params = [vuuTable, column];
+      getSuggestions(params).then((suggestions) => {
+        if (suggestions === false) {
+          setTypeaheadValues([]);
+        } else {
+          assertValid(values, suggestions);
+          setTypeaheadValues(suggestions);
+        }
+      });
+    },
+    [column, getSuggestions, values]
+  );
+  useMemo(() => {
+    if (table) {
+      refreshSuggestions(table);
+    }
+  }, [refreshSuggestions, table]);
+  useMemo(() => {
+    const { current: filter } = currentFilterRef;
+    if (table && typeaheadRefreshRequired(filter, currentFilter.filter)) {
+      refreshSuggestions(table);
+    }
+    currentFilterRef.current = currentFilter.filter;
+  }, [currentFilter.filter, refreshSuggestions, table]);
+  const [firstValue] = typeaheadValues;
+  return typeaheadValues.length === 1 ? firstValue : void 0;
+};
+
+export { useToggleFilter };
+//# sourceMappingURL=useToggleFilter.js.map

package/esm/toggle-filter/useToggleFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggleFilter.js","sources":["../../../../packages/vuu-filters/src/toggle-filter/useToggleFilter.ts"],"sourcesContent":["import { useSavedFilters } from \"../filter-provider/FilterContext\";\nimport { useTypeaheadSuggestions } from \"@vuu-ui/vuu-data-react\";\nimport type { TypeaheadParams } from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { filtersAreEqual, getVuuTable } from \"@vuu-ui/vuu-utils\";\nimport type { TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport { FilterContainerFilter } from \"@vuu-ui/vuu-filter-types\";\n\nconst assertValid = (values: string[], actualValues: string[]) => {\n  if (actualValues.some((val) => values.indexOf(val) === -1)) {\n    console.warn(`[useToggleFilter] ToggleFilter is configured with values which do not include all values from data source\n            [${values.join()}]\n            [${actualValues.join()}]`);\n  }\n};\n\nexport interface ToggleFilterHookProps {\n  column: string;\n  /**\n   * table must be provided to enable validation\n   * of values using server data.\n   */\n  table?: TableSchemaTable;\n  values: string[];\n}\n\nconst typeaheadRefreshRequired = (\n  f1: FilterContainerFilter | null,\n  f2: FilterContainerFilter | null,\n) => {\n  if (f1 === null && f2 === null) {\n    return false;\n  } else if (f1 === null || f2 === null) {\n    return true;\n  } else if (filtersAreEqual(f1, f2)) {\n    return false;\n  } else {\n    return true;\n  }\n};\n\nexport const useToggleFilter = ({\n  column,\n  table,\n  values,\n}: ToggleFilterHookProps) => {\n  const { currentFilter } = useSavedFilters();\n  const currentFilterRef = useRef(currentFilter.filter);\n  const [typeaheadValues, setTypeaheadValues] = useState<string[]>([]);\n  const getSuggestions = useTypeaheadSuggestions();\n\n  const refreshSuggestions = useCallback(\n    (table: TableSchemaTable) => {\n      const vuuTable = getVuuTable(table);\n      const params: TypeaheadParams = [vuuTable, column];\n      getSuggestions(params).then((suggestions) => {\n        if (suggestions === false) {\n          setTypeaheadValues([]);\n        } else {\n          assertValid(values, suggestions);\n          setTypeaheadValues(suggestions);\n        }\n      });\n    },\n    [column, getSuggestions, values],\n  );\n\n  useMemo(() => {\n    if (table) {\n      refreshSuggestions(table);\n    }\n  }, [refreshSuggestions, table]);\n\n  // Changes to currentFilter may affect the suggestions we receive\n  // if it has changed and been applied to dataSource. If there is no FilterProvider\n  // it will never change, so won't matter.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useMemo(() => {\n    const { current: filter } = currentFilterRef;\n    if (table && typeaheadRefreshRequired(filter, currentFilter.filter)) {\n      refreshSuggestions(table);\n    }\n    currentFilterRef.current = currentFilter.filter;\n  }, [currentFilter.filter, refreshSuggestions, table]);\n\n  const [firstValue] = typeaheadValues;\n\n  // onlyAvailableValue\n  return typeaheadValues.length === 1 ? firstValue : undefined;\n};\n"],"names":["table"],"mappings":";;;;;AAQA,MAAM,WAAA,GAAc,CAAC,MAAA,EAAkB,YAA2B,KAAA;AAChE,EAAI,IAAA,YAAA,CAAa,KAAK,CAAC,GAAA,KAAQ,OAAO,OAAQ,CAAA,GAAG,CAAM,KAAA,CAAA,CAAE,CAAG,EAAA;AAC1D,IAAA,OAAA,CAAQ,IAAK,CAAA,CAAA;AAAA,aACF,EAAA,MAAA,CAAO,MAAM,CAAA;AAAA,aACb,EAAA,YAAA,CAAa,IAAK,EAAC,CAAG,CAAA,CAAA,CAAA;AAAA;AAErC,CAAA;AAYA,MAAM,wBAAA,GAA2B,CAC/B,EAAA,EACA,EACG,KAAA;AACH,EAAI,IAAA,EAAA,KAAO,IAAQ,IAAA,EAAA,KAAO,IAAM,EAAA;AAC9B,IAAO,OAAA,KAAA;AAAA,GACE,MAAA,IAAA,EAAA,KAAO,IAAQ,IAAA,EAAA,KAAO,IAAM,EAAA;AACrC,IAAO,OAAA,IAAA;AAAA,GACE,MAAA,IAAA,eAAA,CAAgB,EAAI,EAAA,EAAE,CAAG,EAAA;AAClC,IAAO,OAAA,KAAA;AAAA,GACF,MAAA;AACL,IAAO,OAAA,IAAA;AAAA;AAEX,CAAA;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAA6B,KAAA;AAC3B,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,eAAgB,EAAA;AAC1C,EAAM,MAAA,gBAAA,GAAmB,MAAO,CAAA,aAAA,CAAc,MAAM,CAAA;AACpD,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AACnE,EAAA,MAAM,iBAAiB,uBAAwB,EAAA;AAE/C,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAACA,MAA4B,KAAA;AAC3B,MAAM,MAAA,QAAA,GAAW,YAAYA,MAAK,CAAA;AAClC,MAAM,MAAA,MAAA,GAA0B,CAAC,QAAA,EAAU,MAAM,CAAA;AACjD,MAAA,cAAA,CAAe,MAAM,CAAA,CAAE,IAAK,CAAA,CAAC,WAAgB,KAAA;AAC3C,QAAA,IAAI,gBAAgB,KAAO,EAAA;AACzB,UAAA,kBAAA,CAAmB,EAAE,CAAA;AAAA,SAChB,MAAA;AACL,UAAA,WAAA,CAAY,QAAQ,WAAW,CAAA;AAC/B,UAAA,kBAAA,CAAmB,WAAW,CAAA;AAAA;AAChC,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,MAAQ,EAAA,cAAA,EAAgB,MAAM;AAAA,GACjC;AAEA,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA;AAC1B,GACC,EAAA,CAAC,kBAAoB,EAAA,KAAK,CAAC,CAAA;AAM9B,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAM,MAAA,EAAE,OAAS,EAAA,MAAA,EAAW,GAAA,gBAAA;AAC5B,IAAA,IAAI,KAAS,IAAA,wBAAA,CAAyB,MAAQ,EAAA,aAAA,CAAc,MAAM,CAAG,EAAA;AACnE,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA;AAE1B,IAAA,gBAAA,CAAiB,UAAU,aAAc,CAAA,MAAA;AAAA,KACxC,CAAC,aAAA,CAAc,MAAQ,EAAA,kBAAA,EAAoB,KAAK,CAAC,CAAA;AAEpD,EAAM,MAAA,CAAC,UAAU,CAAI,GAAA,eAAA;AAGrB,EAAO,OAAA,eAAA,CAAgB,MAAW,KAAA,CAAA,GAAI,UAAa,GAAA,KAAA,CAAA;AACrD;;;;"}

package/package.json

@@ -1,21 +1,21 @@
 {
-  "version": "0.13.59",
+  "version": "0.13.60",
   "author": "heswell",
   "license": "Apache-2.0",
   "type": "module",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.13.59",
-    "@vuu-ui/vuu-protocol-types": "0.13.59",
-    "@vuu-ui/vuu-table-types": "0.13.59",
-    "@vuu-ui/vuu-filter-types": "0.13.59"
+    "@vuu-ui/vuu-data-types": "0.13.60",
+    "@vuu-ui/vuu-protocol-types": "0.13.60",
+    "@vuu-ui/vuu-table-types": "0.13.60",
+    "@vuu-ui/vuu-filter-types": "0.13.60"
   },
   "dependencies": {
-    "@vuu-ui/vuu-data-react": "0.13.59",
-    "@vuu-ui/vuu-filter-parser": "0.13.59",
-    "@vuu-ui/vuu-popups": "0.13.59",
-    "@vuu-ui/vuu-ui-controls": "0.13.59",
-    "@vuu-ui/vuu-table": "0.13.59",
-    "@vuu-ui/vuu-utils": "0.13.59",
+    "@vuu-ui/vuu-data-react": "0.13.60",
+    "@vuu-ui/vuu-filter-parser": "0.13.60",
+    "@vuu-ui/vuu-popups": "0.13.60",
+    "@vuu-ui/vuu-ui-controls": "0.13.60",
+    "@vuu-ui/vuu-table": "0.13.60",
+    "@vuu-ui/vuu-utils": "0.13.60",
     "@salt-ds/core": "1.48.0",
     "@salt-ds/lab": "1.0.0-alpha.76",
     "@salt-ds/styles": "0.2.1",

package/types/filter-container/FilterContainer.d.ts

@@ -9,7 +9,7 @@ export interface FilterContainerProps extends HTMLAttributes<HTMLDivElement>, Co
 export interface FilterContainerColumnFilterProps extends Omit<ColumnFilterProps, "defaultValue" | "onCommit" | "value"> {
     defaultValue?: ColumnFilterValue;
 }
-export declare const FilterContainerColumnFilter: ({ column, operator, ...props }: FilterContainerColumnFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterContainerColumnFilter: ({ column, operator, variant, ...props }: FilterContainerColumnFilterProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * FilterContainer is a generic UI container for a collection of Filter
  * controls. Each control manages a single filter clause and the Filter

package/types/index.d.ts

@@ -19,3 +19,4 @@ export { SavedFilterPanel, type SavedFilterPanelProps, } from "./saved-filters/S
 export type { FilterClickHandler } from "./saved-filters/useSavedFilterPanel";
 export { TabbedFilterContainer, type TabbedFilterContainerProps, } from "./tabbed-filter-container/TabbedFilterContainer";
 export { ToggleFilter, type ToggleFilterProps, } from "./toggle-filter/ToggleFilter";
+export { FilterPanel } from "./filter-panel/FilterPanel";

package/types/toggle-filter/ToggleFilter.d.ts

@@ -1,10 +1,17 @@
 import { ToggleButtonGroupProps } from "@salt-ds/core";
-import { TableSchemaTable } from "@vuu-ui/vuu-data-types";
 import { CommitHandler } from "@vuu-ui/vuu-utils";
-export interface ToggleFilterProps extends ToggleButtonGroupProps {
-    column: string;
+import { type ToggleFilterHookProps } from "./useToggleFilter";
+/**
+ * ToggleFilter is designed to work with a FilterProvider and
+ * DataSourceProvider. With a DataSourceProvider, values will
+ * be validated against available values from datasource.
+ * With both FilterProvider and a DataSourceProvider, changes to
+ * the currentFilter will also trigger re-evaluation of available
+ * values from dataSource.
+ * With neither of these Providers available, the ToggleFilter is
+ * behaving like a regular ToggleButtonGroup.
+ */
+export interface ToggleFilterProps extends ToggleButtonGroupProps, ToggleFilterHookProps {
     onCommit: CommitHandler<HTMLElement>;
-    table: TableSchemaTable;
-    values: string[];
 }
-export declare const ToggleFilter: ({ className, column, onCommit, table, value: valueProp, values, ...ToggleButtonGroupProps }: ToggleFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleFilter: import("react").ForwardRefExoticComponent<ToggleFilterProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/toggle-filter/useToggleFilter.d.ts

@@ -0,0 +1,11 @@
+import type { TableSchemaTable } from "@vuu-ui/vuu-data-types";
+export interface ToggleFilterHookProps {
+    column: string;
+    /**
+     * table must be provided to enable validation
+     * of values using server data.
+     */
+    table?: TableSchemaTable;
+    values: string[];
+}
+export declare const useToggleFilter: ({ column, table, values, }: ToggleFilterHookProps) => string | undefined;