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

package/esm/filter-container/useFilterContainer.js

@@ -1,133 +0,0 @@
-import { createContext, useContext, useRef, useMemo, useCallback } from 'react';
-import { getColumnValueFromFilter, isBetweenOperator, isSingleValueFilter } from '@vuu-ui/vuu-utils';
-import { FilterAggregator } from '../FilterAggregator.js';
-
-const ColumnFilterContext = createContext({
-  filterContainerInstalled: false
-});
-function useFilterContext(column, throwIfNoContainer = false) {
-  const ctx = useContext(ColumnFilterContext);
-  if (ctx) {
-    return {
-      filterProviderKey: ctx.filterProviderKey,
-      register: ctx.register,
-      getValue: ctx.getValue,
-      onChange: ctx.onChange,
-      onCommit: ctx.onCommit
-    };
-  } else if (throwIfNoContainer) {
-    throw Error(
-      `[useFilterContainer:useFilterContext] no FilterContainer installed`
-    );
-  } else {
-    return { filterContainerInstalled: false };
-  }
-}
-const useFilterContainer = ({
-  filter,
-  filterProviderKey = "GLOBAL",
-  onFilterApplied,
-  onFilterCleared
-}) => {
-  const valueRef = useRef({});
-  const filterRef = useRef(void 0);
-  filterRef.current = filter;
-  const filterAggregator = useMemo(
-    () => new FilterAggregator(filter),
-    [filter]
-  );
-  const register = useCallback(
-    (column, op) => valueRef.current[column.name] = getColumnValueFromFilter(
-      column,
-      op,
-      filterRef.current
-    ),
-    []
-  );
-  const getValue = useCallback(
-    (column, fallbackValue) => {
-      const value = valueRef.current[column.name];
-      if (value !== void 0) {
-        return value;
-      } else if (fallbackValue !== void 0) {
-        return fallbackValue;
-      } else {
-        throw Error(
-          `[useFilterContainer] column ${column.name} has not been registered`
-        );
-      }
-    },
-    []
-  );
-  const handleCommit = useCallback(
-    (column, op, value = "", extendedFilterOptions) => {
-      if (Array.isArray(value)) {
-        if (!isBetweenOperator(op)) {
-          throw Error(
-            `[useFilterContainer] array value is not valid for operator ${op}`
-          );
-        }
-        if (value[0] === "" && value[1] === "") {
-          if (!filterAggregator.remove(column)) {
-            return;
-          }
-        } else {
-          if (typeof value[0] === "string" && typeof value[1] === "string") {
-            filterAggregator.add(column, value, op, extendedFilterOptions);
-          } else {
-            throw Error(
-              `[useFilterContainer] handleCommit value  [${typeof value[0]},${typeof value[1]}] for operator ${op} supports [string,string] only`
-            );
-          }
-        }
-      } else if (value === "") {
-        if (!filterAggregator.remove(column)) {
-          return;
-        }
-      } else {
-        if (typeof value === "string" || typeof value === "number") {
-          filterAggregator.add(column, value, op, extendedFilterOptions);
-        } else {
-          throw Error(
-            `[useFilterContainer] handleCommit value ${typeof value} supports string, number only`
-          );
-        }
-      }
-      const { filter: filter2 } = filterAggregator;
-      if (filter2) {
-        console.log(`filter applied ${JSON.stringify(filter2)}`);
-        onFilterApplied?.(filter2);
-      } else {
-        onFilterCleared?.();
-      }
-    },
-    [filterAggregator, onFilterApplied, onFilterCleared]
-  );
-  const handleInputChange = useCallback(
-    (value, column) => {
-      if (filterAggregator.has(column)) {
-        if (Array.isArray(value)) {
-          const filter2 = filterAggregator.get(column);
-          if (isSingleValueFilter(filter2)) ; else {
-            handleCommit(column, "between", ["", ""]);
-          }
-        } else {
-          handleCommit(column, "=", "");
-        }
-      }
-      valueRef.current[column.name] = value;
-    },
-    [filterAggregator, handleCommit]
-  );
-  return {
-    filterContainerInstalled: true,
-    filterProviderKey,
-    onChange: handleInputChange,
-    onCommit: handleCommit,
-    getValue,
-    register
-  };
-};
-
-export { ColumnFilterContext, useFilterContainer, useFilterContext };
-//# sourceMappingURL=useFilterContainer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useFilterContainer.js","sources":["../../../../packages/vuu-filters/src/filter-container/useFilterContainer.ts"],"sourcesContent":["import {\n  ColumnFilterChangeHandler,\n  ColumnFilterCommitHandler,\n  ColumnFilterOp,\n  ColumnFilterValue,\n  Filter,\n  FilterContainerFilter,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { createContext, useCallback, useContext, useMemo, useRef } from \"react\";\nimport {\n  getColumnValueFromFilter,\n  isBetweenOperator,\n  isSingleValueFilter,\n} from \"@vuu-ui/vuu-utils\";\nimport { FilterAggregator } from \"../FilterAggregator\";\n\nexport interface ColumnFilterContextProps {\n  filterContainerInstalled: boolean;\n  filterProviderKey?: string;\n  onChange?: ColumnFilterChangeHandler;\n  onCommit?: ColumnFilterCommitHandler;\n  register?: (\n    column: ColumnDescriptor,\n    operator: ColumnFilterOp,\n  ) => ColumnFilterValue;\n  getValue?: (column: ColumnDescriptor) => ColumnFilterValue;\n}\n\nexport const ColumnFilterContext = createContext<ColumnFilterContextProps>({\n  filterContainerInstalled: false,\n});\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore type-check incorrectly flags this as error, its perfectly valid\nexport function useFilterContext(\n  column: ColumnDescriptor,\n  throwIfNoContainer?: false,\n): ColumnFilterContextProps;\nexport function useFilterContext(\n  column: ColumnDescriptor,\n  throwIfNoContainer: true,\n): Required<ColumnFilterContextProps>;\nexport function useFilterContext(\n  column: ColumnDescriptor,\n  throwIfNoContainer = false,\n) {\n  const ctx = useContext(ColumnFilterContext);\n  if (ctx) {\n    return {\n      filterProviderKey: ctx.filterProviderKey,\n      register: ctx.register,\n      getValue: ctx.getValue,\n      onChange: ctx.onChange,\n      onCommit: ctx.onCommit,\n    };\n  } else if (throwIfNoContainer) {\n    throw Error(\n      `[useFilterContainer:useFilterContext] no FilterContainer installed`,\n    );\n  } else {\n    return { filterContainerInstalled: false };\n  }\n}\n\nexport type FilterAppliedHandler<F extends Filter = Filter> = (\n  filter: F,\n) => void;\nexport type ColumnFilterContainerHookProps = {\n  filter?: FilterContainerFilter;\n  filterProviderKey?: string;\n  onFilterApplied?: FilterAppliedHandler<FilterContainerFilter>;\n  onFilterCleared?: () => void;\n};\n\ntype ColumnFilterValueMap = Record<string, ColumnFilterValue>;\n\nexport const EmptyTuple: ColumnFilterValue = [\"\", \"\"];\n\nexport const useFilterContainer = ({\n  filter,\n  filterProviderKey = \"GLOBAL\",\n  onFilterApplied,\n  onFilterCleared,\n}: ColumnFilterContainerHookProps): ColumnFilterContextProps => {\n  const valueRef = useRef<ColumnFilterValueMap>({});\n  const filterRef = useRef<FilterContainerFilter | undefined>(undefined);\n  filterRef.current = filter;\n\n  const filterAggregator = useMemo(\n    () => new FilterAggregator(filter),\n    [filter],\n  );\n\n  const register = useCallback(\n    (column: ColumnDescriptor, op: ColumnFilterOp) =>\n      (valueRef.current[column.name] = getColumnValueFromFilter(\n        column,\n        op,\n        filterRef.current,\n      )),\n    [],\n  );\n\n  const getValue = useCallback(\n    (column: ColumnDescriptor, fallbackValue?: ColumnFilterValue) => {\n      const value = valueRef.current[column.name];\n      if (value !== undefined) {\n        return value;\n      } else if (fallbackValue !== undefined) {\n        return fallbackValue;\n      } else {\n        throw Error(\n          `[useFilterContainer] column ${column.name} has not been registered`,\n        );\n      }\n    },\n    [],\n  );\n\n  const handleCommit = useCallback<ColumnFilterCommitHandler>(\n    (column, op, value = \"\", extendedFilterOptions) => {\n      if (Array.isArray(value)) {\n        if (!isBetweenOperator(op)) {\n          throw Error(\n            `[useFilterContainer] array value is not valid for operator ${op}`,\n          );\n        }\n        if (value[0] === \"\" && value[1] === \"\") {\n          if (!filterAggregator.remove(column)) {\n            return;\n          }\n        } else {\n          if (typeof value[0] === \"string\" && typeof value[1] === \"string\") {\n            // TODO we need to include operator, so we can distinguish between\n            // between and between-inclusive\n            filterAggregator.add(column, value, op, extendedFilterOptions);\n          } else {\n            throw Error(\n              `[useFilterContainer] handleCommit value  [${typeof value[0]},${typeof value[1]}] for operator ${op} supports [string,string] only`,\n            );\n          }\n        }\n      } else if (value === \"\") {\n        if (!filterAggregator.remove(column)) {\n          return;\n        }\n      } else {\n        if (typeof value === \"string\" || typeof value === \"number\") {\n          filterAggregator.add(column, value, op, extendedFilterOptions);\n        } else {\n          throw Error(\n            `[useFilterContainer] handleCommit value ${typeof value} supports string, number only`,\n          );\n        }\n      }\n      const { filter } = filterAggregator;\n      if (filter) {\n        console.log(`filter applied ${JSON.stringify(filter)}`);\n        onFilterApplied?.(filter);\n      } else {\n        onFilterCleared?.();\n      }\n    },\n    [filterAggregator, onFilterApplied, onFilterCleared],\n  );\n\n  const handleInputChange = useCallback<ColumnFilterChangeHandler>(\n    (value, column) => {\n      // If the filterAggregator has this column, then the value has previously been committed.\n      // As soon as user starts editing the value, we un-commit.\n      if (filterAggregator.has(column)) {\n        if (Array.isArray(value)) {\n          // TODO check whether first value has been changed\n          const filter = filterAggregator.get(column);\n          if (isSingleValueFilter(filter)) {\n            // do nothing, the first value has been committed\n          } else {\n            handleCommit(column, \"between\", [\"\", \"\"]);\n          }\n        } else {\n          handleCommit(column, \"=\", \"\");\n        }\n      }\n      valueRef.current[column.name] = value;\n    },\n    [filterAggregator, handleCommit],\n  );\n\n  return {\n    filterContainerInstalled: true,\n    filterProviderKey,\n    onChange: handleInputChange,\n    onCommit: handleCommit,\n    getValue,\n    register,\n  };\n};\n"],"names":["filter"],"mappings":"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"}

package/esm/filter-context-menu/useFilterContextMenu.js

@@ -1,127 +0,0 @@
-import { filtersAreEqual } from '@vuu-ui/vuu-utils';
-import { useRef, useMemo, useCallback } from 'react';
-import { useSavedFilters } from '../filter-provider/FilterContext.js';
-import { FilterAggregator } from '../FilterAggregator.js';
-
-const EmptyAggregator = new FilterAggregator();
-const defaultProps = {
-  filterColumns: "*"
-};
-const useFilterContextMenu = ({
-  filterColumns = "*",
-  filterProviderKey
-} = defaultProps) => {
-  const { currentFilter, clearCurrentFilter, setCurrentFilter } = useSavedFilters(filterProviderKey);
-  const filterAggregatorRef = useRef(EmptyAggregator);
-  useMemo(() => {
-    if (!filtersAreEqual(currentFilter.filter, filterAggregatorRef.current.filter)) {
-      filterAggregatorRef.current = currentFilter.filter ? new FilterAggregator(currentFilter.filter) : new FilterAggregator();
-    }
-  }, [currentFilter]);
-  const menuBuilder = useCallback(
-    (_location, options) => {
-      const { column, dataRow } = options;
-      const { current: fag } = filterAggregatorRef;
-      const { name, label = name } = column;
-      const value = dataRow[column.name];
-      const ClearFilter = {
-        id: "filter-clear",
-        label: "Clear filter",
-        options
-      };
-      if (filterColumns === "*" || filterColumns.includes(column.name)) {
-        const SetFilter = {
-          id: "filter-set",
-          label: `Set filter ${label} '${value}'`,
-          options
-        };
-        if (fag.isEmpty) {
-          return [SetFilter];
-        } else if (fag.has(column)) {
-          if (fag.count === 1) {
-            return [ClearFilter];
-          } else {
-            return [
-              {
-                id: "filter-remove",
-                label: `Remove ${label} '${value}' from filter`,
-                options
-              },
-              SetFilter,
-              ClearFilter
-            ];
-          }
-        } else {
-          return [
-            SetFilter,
-            {
-              id: "filter-add",
-              label: `Add ${label} '${value}' to existing filter`,
-              options
-            },
-            ClearFilter
-          ];
-        }
-      } else if (!fag.isEmpty) {
-        return [ClearFilter];
-      } else {
-        return [];
-      }
-    },
-    [filterColumns]
-  );
-  const menuActionHandler = useCallback(
-    (menuItemId, options) => {
-      if (options) {
-        const { current: fag } = filterAggregatorRef;
-        const { column, dataRow } = options;
-        switch (menuItemId) {
-          case "filter-clear":
-            {
-              clearCurrentFilter();
-            }
-            break;
-          case "filter-add":
-            {
-              const value = dataRow[column.name];
-              fag.add(column, value, "=");
-              if (fag.filter) {
-                setCurrentFilter(fag.filter);
-              }
-            }
-            break;
-          case "filter-remove":
-            {
-              fag.remove(column);
-              if (fag.filter) {
-                setCurrentFilter(fag.filter);
-              }
-            }
-            break;
-          case "filter-set":
-            {
-              const value = dataRow[column.name];
-              fag.clear();
-              fag.add(column, value, "=");
-              if (fag.filter) {
-                setCurrentFilter(fag.filter);
-              }
-            }
-            break;
-          default:
-            return false;
-        }
-      } else {
-        return false;
-      }
-    },
-    [clearCurrentFilter, setCurrentFilter]
-  );
-  return {
-    menuActionHandler,
-    menuBuilder
-  };
-};
-
-export { useFilterContextMenu };
-//# sourceMappingURL=useFilterContextMenu.js.map

package/esm/filter-context-menu/useFilterContextMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFilterContextMenu.js","sources":["../../../../packages/vuu-filters/src/filter-context-menu/useFilterContextMenu.ts"],"sourcesContent":["import {\n  ContextMenuItemDescriptor,\n  MenuActionHandler,\n  MenuBuilder,\n} from \"@vuu-ui/vuu-context-menu\";\nimport type {\n  TableContextMenuDef,\n  TableContextMenuOptions,\n  TableMenuLocation,\n} from \"@vuu-ui/vuu-table-types\";\nimport { filtersAreEqual } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { useSavedFilters } from \"../filter-provider/FilterContext\";\nimport { FilterAggregator } from \"../FilterAggregator\";\n\nconst EmptyAggregator = new FilterAggregator();\n\nexport interface FilterContextMenuHookProps {\n  filterColumns: string[] | \"*\";\n  filterProviderKey?: string;\n}\n\nconst defaultProps: FilterContextMenuHookProps = {\n  filterColumns: \"*\",\n};\n\nexport const useFilterContextMenu = ({\n  filterColumns = \"*\",\n  filterProviderKey,\n}: FilterContextMenuHookProps = defaultProps): TableContextMenuDef => {\n  const { currentFilter, clearCurrentFilter, setCurrentFilter } =\n    useSavedFilters(filterProviderKey);\n  const filterAggregatorRef = useRef(EmptyAggregator);\n\n  useMemo(() => {\n    if (\n      !filtersAreEqual(currentFilter.filter, filterAggregatorRef.current.filter)\n    ) {\n      filterAggregatorRef.current = currentFilter.filter\n        ? new FilterAggregator(currentFilter.filter)\n        : new FilterAggregator();\n    }\n  }, [currentFilter]);\n\n  const menuBuilder: MenuBuilder<TableMenuLocation, TableContextMenuOptions> =\n    useCallback(\n      (_location, options) => {\n        const { column, dataRow } = options;\n        const { current: fag } = filterAggregatorRef;\n        const { name, label = name } = column;\n        const value = dataRow[column.name] as string | number;\n\n        const ClearFilter: ContextMenuItemDescriptor = {\n          id: \"filter-clear\",\n          label: \"Clear filter\",\n          options,\n        };\n\n        if (filterColumns === \"*\" || filterColumns.includes(column.name)) {\n          const SetFilter: ContextMenuItemDescriptor = {\n            id: \"filter-set\",\n            label: `Set filter ${label} '${value}'`,\n            options,\n          };\n\n          if (fag.isEmpty) {\n            return [SetFilter];\n          } else if (fag.has(column)) {\n            if (fag.count === 1) {\n              return [ClearFilter];\n            } else {\n              return [\n                {\n                  id: \"filter-remove\",\n                  label: `Remove ${label} '${value}' from filter`,\n                  options,\n                },\n                SetFilter,\n                ClearFilter,\n              ];\n            }\n          } else {\n            return [\n              SetFilter,\n              {\n                id: \"filter-add\",\n                label: `Add ${label} '${value}' to existing filter`,\n                options,\n              },\n              ClearFilter,\n            ];\n          }\n        } else if (!fag.isEmpty) {\n          return [ClearFilter];\n        } else {\n          return [];\n        }\n      },\n      [filterColumns],\n    );\n\n  const menuActionHandler = useCallback<\n    MenuActionHandler<string, TableContextMenuOptions>\n  >(\n    (menuItemId, options) => {\n      if (options) {\n        const { current: fag } = filterAggregatorRef;\n        const { column, dataRow } = options;\n        switch (menuItemId) {\n          case \"filter-clear\":\n            {\n              clearCurrentFilter();\n            }\n            break;\n\n          case \"filter-add\":\n            {\n              const value = dataRow[column.name] as string | number;\n              fag.add(column, value, \"=\");\n              if (fag.filter) {\n                setCurrentFilter(fag.filter);\n              }\n            }\n            break;\n          case \"filter-remove\":\n            {\n              fag.remove(column);\n              if (fag.filter) {\n                setCurrentFilter(fag.filter);\n              }\n            }\n            break;\n          case \"filter-set\":\n            {\n              const value = dataRow[column.name] as string | number;\n              fag.clear();\n              fag.add(column, value, \"=\");\n              if (fag.filter) {\n                setCurrentFilter(fag.filter);\n              }\n            }\n            break;\n          default:\n            return false;\n        }\n      } else {\n        return false;\n      }\n    },\n    [clearCurrentFilter, setCurrentFilter],\n  );\n\n  return {\n    menuActionHandler,\n    menuBuilder,\n  };\n};\n"],"names":[],"mappings":"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"}

package/esm/filter-display/FilterDisplay.css.js

@@ -1,4 +0,0 @@
-var filterDisplayCss = ".vuuFilterDisplay {\n    display: flex;\n    flex-direction: column;\n    gap: var(--salt-spacing-50);\n    padding: var(--vuuFilterDisplay-padding, var(--salt-spacing-200));\n    width: fit-content;\n\n    .vuuFilterDisplay-filter-clause {\n        align-items: center;\n        display: flex;\n        gap: var(--salt-spacing-200);\n        justify-content: space-between;\n        white-space: no\n    }\n\n    .vuuFilterDisplay-column {\n        flex: 1 1 auto;\n        white-space: no\n    }\n    .vuuFilterDisplay-value {\n        flex: 0 0 120px;\n        text-align: right;\n        white-space: nowrap;\n    }\n}\n";
-
-export { filterDisplayCss as default };
-//# sourceMappingURL=FilterDisplay.css.js.map

package/esm/filter-display/FilterDisplay.css.js.map

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

package/esm/filter-display/FilterDisplay.js

@@ -1,77 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { forwardRef, useCallback } from 'react';
-import { getFilterClausesForDisplay } from '../filter-utils.js';
-import filterDisplayCss from './FilterDisplay.css.js';
-import { IconButton } from '@vuu-ui/vuu-ui-controls';
-import { queryClosest } from '@vuu-ui/vuu-utils';
-
-const classBase = "vuuFilterDisplay";
-const getColumnLabel = (columnName, columns) => {
-  return columnName;
-};
-const FilterDisplay = forwardRef(function FilterDisplay2({
-  allowDelete = false,
-  className,
-  columns,
-  filter,
-  onDeleteFilterClause,
-  ...htmlAttributes
-}, forwardedRef) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-filter-display",
-    css: filterDisplayCss,
-    window: targetWindow
-  });
-  const handleDelete = useCallback(
-    (e) => {
-      const {
-        dataset: { columnName }
-      } = queryClosest(e.target, "[data-column-name]", true);
-      if (columnName) {
-        onDeleteFilterClause?.(columnName);
-      }
-    },
-    [onDeleteFilterClause]
-  );
-  const filterClauseList = getFilterClausesForDisplay(filter, columns);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...htmlAttributes,
-      className: cx(classBase, className),
-      ref: forwardedRef,
-      children: filterClauseList.map(
-        ([columnName, value]) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: `${classBase}-filter-clause`,
-            "data-column-name": columnName,
-            children: [
-              /* @__PURE__ */ jsx("span", { className: `${classBase}-column`, children: getColumnLabel(columnName) }),
-              /* @__PURE__ */ jsx("span", { className: `${classBase}-value`, children: value }),
-              allowDelete ? /* @__PURE__ */ jsx(
-                IconButton,
-                {
-                  "data-embedded": true,
-                  icon: "close",
-                  appearance: "transparent",
-                  sentiment: "neutral",
-                  onClick: handleDelete
-                }
-              ) : null
-            ]
-          },
-          columnName
-        ),
-        []
-      )
-    }
-  );
-});
-
-export { FilterDisplay };
-//# sourceMappingURL=FilterDisplay.js.map

package/esm/filter-display/FilterDisplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterDisplay.js","sources":["../../../../packages/vuu-filters/src/filter-display/FilterDisplay.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { FilterContainerFilter } from \"@vuu-ui/vuu-filter-types\";\nimport cx from \"clsx\";\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  MouseEventHandler,\n  useCallback,\n} from \"react\";\nimport { getFilterClausesForDisplay } from \"../filter-utils\";\n\nimport filterDisplayCss from \"./FilterDisplay.css\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { queryClosest } from \"@vuu-ui/vuu-utils\";\n\nconst classBase = \"vuuFilterDisplay\";\n\nexport interface FilterDisplayProps extends HTMLAttributes<HTMLDivElement> {\n  allowDelete?: boolean;\n  columns?: readonly ColumnDescriptor[];\n  filter: FilterContainerFilter | undefined;\n  onDeleteFilterClause?: (columnName: string) => void;\n}\n\nconst getColumnLabel = (columnName: string, columns?: ColumnDescriptor[]) => {\n  if (columns) {\n    const column = columns.find((c) => c.name === columnName);\n    if (column) {\n      return column.label ?? columnName;\n    }\n  }\n  return columnName;\n};\n\nexport const FilterDisplay = forwardRef(function FilterDisplay(\n  {\n    allowDelete = false,\n    className,\n    columns,\n    filter,\n    onDeleteFilterClause,\n    ...htmlAttributes\n  }: FilterDisplayProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-display\",\n    css: filterDisplayCss,\n    window: targetWindow,\n  });\n\n  const handleDelete = useCallback<MouseEventHandler<HTMLButtonElement>>(\n    (e) => {\n      const {\n        dataset: { columnName },\n      } = queryClosest<HTMLDivElement>(e.target, \"[data-column-name]\", true);\n      if (columnName) {\n        onDeleteFilterClause?.(columnName);\n      }\n    },\n    [onDeleteFilterClause],\n  );\n\n  const filterClauseList = getFilterClausesForDisplay(filter, columns);\n  return (\n    <div\n      {...htmlAttributes}\n      className={cx(classBase, className)}\n      ref={forwardedRef}\n    >\n      {filterClauseList.map(\n        ([columnName, value]) => (\n          <div\n            className={`${classBase}-filter-clause`}\n            key={columnName}\n            data-column-name={columnName}\n          >\n            <span className={`${classBase}-column`}>\n              {getColumnLabel(columnName)}\n            </span>\n            <span className={`${classBase}-value`}>{value}</span>\n            {allowDelete ? (\n              <IconButton\n                data-embedded\n                icon=\"close\"\n                appearance=\"transparent\"\n                sentiment=\"neutral\"\n                onClick={handleDelete}\n              />\n            ) : null}\n          </div>\n        ),\n        [],\n      )}\n    </div>\n  );\n});\n"],"names":["FilterDisplay"],"mappings":";;;;;;;;;;AAkBA,MAAM,SAAY,GAAA,kBAAA;AASlB,MAAM,cAAA,GAAiB,CAAC,UAAA,EAAoB,OAAiC,KAAA;AAO3E,EAAO,OAAA,UAAA;AACT,CAAA;AAEa,MAAA,aAAA,GAAgB,UAAW,CAAA,SAASA,cAC/C,CAAA;AAAA,EACE,WAAc,GAAA,KAAA;AAAA,EACd,SAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,oBAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAA,gBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,CAAM,KAAA;AACL,MAAM,MAAA;AAAA,QACJ,OAAA,EAAS,EAAE,UAAW;AAAA,OACpB,GAAA,YAAA,CAA6B,CAAE,CAAA,MAAA,EAAQ,sBAAsB,IAAI,CAAA;AACrE,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,oBAAA,GAAuB,UAAU,CAAA;AAAA;AACnC,KACF;AAAA,IACA,CAAC,oBAAoB;AAAA,GACvB;AAEA,EAAM,MAAA,gBAAA,GAAmB,0BAA2B,CAAA,MAAA,EAAQ,OAAO,CAAA;AACnE,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,GAAK,EAAA,YAAA;AAAA,MAEJ,QAAiB,EAAA,gBAAA,CAAA,GAAA;AAAA,QAChB,CAAC,CAAC,UAAY,EAAA,KAAK,CACjB,qBAAA,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,GAAG,SAAS,CAAA,cAAA,CAAA;AAAA,YAEvB,kBAAkB,EAAA,UAAA;AAAA,YAElB,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,UAAK,SAAW,EAAA,CAAA,EAAG,SAAS,CAC1B,OAAA,CAAA,EAAA,QAAA,EAAA,cAAA,CAAe,UAAU,CAC5B,EAAA,CAAA;AAAA,kCACC,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAW,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,cAC7C,WACC,mBAAA,GAAA;AAAA,gBAAC,UAAA;AAAA,gBAAA;AAAA,kBACC,eAAa,EAAA,IAAA;AAAA,kBACb,IAAK,EAAA,OAAA;AAAA,kBACL,UAAW,EAAA,aAAA;AAAA,kBACX,SAAU,EAAA,SAAA;AAAA,kBACV,OAAS,EAAA;AAAA;AAAA,eAET,GAAA;AAAA;AAAA,WAAA;AAAA,UAfC;AAAA,SAgBP;AAAA,QAEF;AAAC;AACH;AAAA,GACF;AAEJ,CAAC;;;;"}

package/esm/filter-editor/FilterClauseCombinator.css.js

@@ -1,4 +0,0 @@
-var filterClauseCombinatorCss = ".vuuFilterClauseCombinator {\n    --saltButton-height: calc(var(--salt-spacing-400));\n    font-size: 9px;\n    padding: 0 4px;\n}\n.vuuFilterClauseCombinator:focus {\n    background-color: var(--vuu-color-gray-50);\n    color: white;\n}";
-
-export { filterClauseCombinatorCss as default };
-//# sourceMappingURL=FilterClauseCombinator.css.js.map

package/esm/filter-editor/FilterClauseCombinator.css.js.map

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

package/esm/filter-editor/FilterClauseCombinator.js

@@ -1,40 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { CycleStateButton } from '@vuu-ui/vuu-ui-controls';
-import { useCallback } from 'react';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import filterClauseCombinatorCss from './FilterClauseCombinator.css.js';
-
-const classBase = "vuuFilterClauseCombinator";
-const FilterClauseCombinator = ({
-  onChange,
-  onKeyDown,
-  operator
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-filterclause-combinator",
-    css: filterClauseCombinatorCss,
-    window: targetWindow
-  });
-  const handleChange = useCallback(
-    (value) => {
-      onChange(value);
-    },
-    [onChange]
-  );
-  return /* @__PURE__ */ jsx(
-    CycleStateButton,
-    {
-      className: classBase,
-      onChange: handleChange,
-      onKeyDown,
-      value: operator,
-      values: ["and", "or"],
-      variant: "primary"
-    }
-  );
-};
-
-export { FilterClauseCombinator };
-//# sourceMappingURL=FilterClauseCombinator.js.map

package/esm/filter-editor/FilterClauseCombinator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterClauseCombinator.js","sources":["../../../../packages/vuu-filters/src/filter-editor/FilterClauseCombinator.tsx"],"sourcesContent":["import type { FilterCombinatorOp } from \"@vuu-ui/vuu-filter-types\";\nimport {\n  CycleStateButton,\n  CycleStateButtonChangeHandler,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport { KeyboardEventHandler, useCallback } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport filterClauseCombinatorCss from \"./FilterClauseCombinator.css\";\n\nconst classBase = \"vuuFilterClauseCombinator\";\n\nexport type FilterClauseCombinatorChangeHandler = (\n  op: FilterCombinatorOp,\n) => void;\n\nexport interface FilterClauseCombinatorProps {\n  onChange: FilterClauseCombinatorChangeHandler;\n  onKeyDown: KeyboardEventHandler;\n  operator: FilterCombinatorOp;\n}\n\nexport const FilterClauseCombinator = ({\n  onChange,\n  onKeyDown,\n  operator,\n}: FilterClauseCombinatorProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filterclause-combinator\",\n    css: filterClauseCombinatorCss,\n    window: targetWindow,\n  });\n\n  const handleChange = useCallback<CycleStateButtonChangeHandler>(\n    (value) => {\n      onChange(value as FilterCombinatorOp);\n    },\n    [onChange],\n  );\n\n  return (\n    <CycleStateButton\n      className={classBase}\n      onChange={handleChange}\n      onKeyDown={onKeyDown}\n      value={operator}\n      values={[\"and\", \"or\"]}\n      variant=\"primary\"\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAWA,MAAM,SAAY,GAAA,2BAAA;AAYX,MAAM,yBAAyB,CAAC;AAAA,EACrC,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAmC,KAAA;AACjC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,6BAAA;AAAA,IACR,GAAK,EAAA,yBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,KAAU,KAAA;AACT,MAAA,QAAA,CAAS,KAA2B,CAAA;AAAA,KACtC;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,SAAA;AAAA,MACX,QAAU,EAAA,YAAA;AAAA,MACV,SAAA;AAAA,MACA,KAAO,EAAA,QAAA;AAAA,MACP,MAAA,EAAQ,CAAC,KAAA,EAAO,IAAI,CAAA;AAAA,MACpB,OAAQ,EAAA;AAAA;AAAA,GACV;AAEJ;;;;"}

package/esm/filter-editor/FilterEditor.css.js

@@ -1,4 +0,0 @@
-var filterEditorCss = ".vuuFilterEditor {\n    align-items: center;\n    display: flex;\n    gap: var(--salt-spacing-200);\n    height: var(--vuuFilterEditor-height, calc(var(--salt-size-base) + var(--salt-size-unit)));\n    grid-column: 1 / 4;\n    grid-row: 2 / 3;\n    width: 100%;\n    \n}";
-
-export { filterEditorCss as default };
-//# sourceMappingURL=FilterEditor.css.js.map

package/esm/filter-editor/FilterEditor.css.js.map

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

package/esm/filter-editor/FilterEditor.js

@@ -1,99 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createElement } from 'react';
-import { SplitButton } from '@vuu-ui/vuu-ui-controls';
-import { Button } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import '../filter-clause/column-picker/ColumnPicker.js';
-import '../filter-clause/operator-picker/OperatorPicker.js';
-import '../filter-clause/ExpandoCombobox.js';
-import { FilterClause } from '../filter-clause/FilterClause.js';
-import '../filter-clause/value-editors/FilterClauseValueEditorText.js';
-import { FilterClauseCombinator } from './FilterClauseCombinator.js';
-import { useFilterEditor } from './useFilterEditor.js';
-import filterEditorCss from './FilterEditor.css.js';
-
-const classBase = "vuuFilterEditor";
-const FilterEditor = ({
-  columnDescriptors,
-  filter,
-  onCancel,
-  onSave,
-  vuuTable,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-filter-editor",
-    css: filterEditorCss,
-    window: targetWindow
-  });
-  const {
-    columnsByName,
-    filterModel,
-    focusSaveButton,
-    setContainer,
-    onCancelFilterClause,
-    onCancelFilterEdit,
-    onChangeFilterCombinator,
-    onKeyDownCombinator,
-    saveButtonRef,
-    saveButtonProps
-  } = useFilterEditor({
-    columnDescriptors,
-    filter,
-    onCancel,
-    onSave
-  });
-  const getContents = () => {
-    const { op } = filterModel;
-    const content = [];
-    filterModel.filterClauses.forEach((filterClauseModel, i) => {
-      if (i > 0 && op) {
-        content.push(
-          /* @__PURE__ */ jsx(
-            FilterClauseCombinator,
-            {
-              onChange: onChangeFilterCombinator,
-              onKeyDown: onKeyDownCombinator,
-              operator: op
-            },
-            `filter-operator-${i}`
-          )
-        );
-      }
-      content.push(
-        /* @__PURE__ */ jsx(
-          FilterClause,
-          {
-            columnsByName,
-            "data-index": i,
-            filterClauseModel,
-            onCancel: onCancelFilterClause,
-            onFocusSave: focusSaveButton,
-            vuuTable
-          },
-          `editor-${i}`
-        )
-      );
-    });
-    return content;
-  };
-  return /* @__PURE__ */ jsxs("div", { ...htmlAttributes, className: classBase, ref: setContainer, children: [
-    getContents(),
-    /* @__PURE__ */ createElement(
-      SplitButton,
-      {
-        ...saveButtonProps,
-        disabled: !filterModel.isValid,
-        key: "save-button",
-        ref: saveButtonRef
-      },
-      "Save"
-    ),
-    /* @__PURE__ */ jsx(Button, { onClick: onCancelFilterEdit, variant: "secondary", children: "Cancel" })
-  ] });
-};
-
-export { FilterEditor };
-//# sourceMappingURL=FilterEditor.js.map

package/esm/filter-editor/FilterEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterEditor.js","sources":["../../../../packages/vuu-filters/src/filter-editor/FilterEditor.tsx"],"sourcesContent":["import type { Filter } from \"@vuu-ui/vuu-filter-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { SplitButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { Button } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, ReactElement } from \"react\";\nimport { FilterClauseModel } from \"../FilterModel\";\nimport { FilterClause } from \"../filter-clause\";\nimport { FilterClauseCombinator } from \"./FilterClauseCombinator\";\nimport { useFilterEditor } from \"./useFilterEditor\";\n\nimport filterEditorCss from \"./FilterEditor.css\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\n\nconst classBase = \"vuuFilterEditor\";\n\nexport type FilterEditSaveHandler = (filter: Filter) => void;\nexport type FilterEditCancelHandler = (filter?: Filter) => void;\n\nexport interface FilterEditorProps extends HTMLAttributes<HTMLDivElement> {\n  columnDescriptors: readonly ColumnDescriptor[];\n  filter?: Filter;\n  onCancel: FilterEditCancelHandler;\n  onSave: FilterEditSaveHandler;\n  vuuTable: VuuTable;\n}\n\nexport const FilterEditor = ({\n  columnDescriptors,\n  filter,\n  onCancel,\n  onSave,\n  vuuTable,\n  ...htmlAttributes\n}: FilterEditorProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-editor\",\n    css: filterEditorCss,\n    window: targetWindow,\n  });\n\n  const {\n    columnsByName,\n    filterModel,\n    focusSaveButton,\n    setContainer,\n    onCancelFilterClause,\n    onCancelFilterEdit,\n    onChangeFilterCombinator,\n    onKeyDownCombinator,\n    saveButtonRef,\n    saveButtonProps,\n  } = useFilterEditor({\n    columnDescriptors,\n    filter,\n    onCancel,\n    onSave,\n  });\n\n  const getContents = () => {\n    const { op } = filterModel;\n\n    const content: ReactElement[] = [];\n    filterModel.filterClauses.forEach((filterClauseModel, i) => {\n      if (i > 0 && op) {\n        content.push(\n          <FilterClauseCombinator\n            key={`filter-operator-${i}`}\n            onChange={onChangeFilterCombinator}\n            onKeyDown={onKeyDownCombinator}\n            operator={op}\n          />,\n        );\n      }\n      content.push(\n        <FilterClause\n          columnsByName={columnsByName}\n          data-index={i}\n          filterClauseModel={filterClauseModel as FilterClauseModel}\n          key={`editor-${i}`}\n          onCancel={onCancelFilterClause}\n          onFocusSave={focusSaveButton}\n          vuuTable={vuuTable}\n        />,\n      );\n    });\n    return content;\n  };\n\n  return (\n    <div {...htmlAttributes} className={classBase} ref={setContainer}>\n      {getContents()}\n      <SplitButton\n        {...saveButtonProps}\n        disabled={!filterModel.isValid}\n        key=\"save-button\"\n        ref={saveButtonRef}\n      >\n        Save\n      </SplitButton>\n      <Button onClick={onCancelFilterEdit} variant=\"secondary\">\n        Cancel\n      </Button>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeA,MAAM,SAAY,GAAA,iBAAA;AAaX,MAAM,eAAe,CAAC;AAAA,EAC3B,iBAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAyB,KAAA;AACvB,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,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,oBAAA;AAAA,IACA,kBAAA;AAAA,IACA,wBAAA;AAAA,IACA,mBAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,MACE,eAAgB,CAAA;AAAA,IAClB,iBAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,cAAc,MAAM;AACxB,IAAM,MAAA,EAAE,IAAO,GAAA,WAAA;AAEf,IAAA,MAAM,UAA0B,EAAC;AACjC,IAAA,WAAA,CAAY,aAAc,CAAA,OAAA,CAAQ,CAAC,iBAAA,EAAmB,CAAM,KAAA;AAC1D,MAAI,IAAA,CAAA,GAAI,KAAK,EAAI,EAAA;AACf,QAAQ,OAAA,CAAA,IAAA;AAAA,0BACN,GAAA;AAAA,YAAC,sBAAA;AAAA,YAAA;AAAA,cAEC,QAAU,EAAA,wBAAA;AAAA,cACV,SAAW,EAAA,mBAAA;AAAA,cACX,QAAU,EAAA;AAAA,aAAA;AAAA,YAHL,mBAAmB,CAAC,CAAA;AAAA;AAI3B,SACF;AAAA;AAEF,MAAQ,OAAA,CAAA,IAAA;AAAA,wBACN,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,aAAA;AAAA,YACA,YAAY,EAAA,CAAA;AAAA,YACZ,iBAAA;AAAA,YAEA,QAAU,EAAA,oBAAA;AAAA,YACV,WAAa,EAAA,eAAA;AAAA,YACb;AAAA,WAAA;AAAA,UAHK,UAAU,CAAC,CAAA;AAAA;AAIlB,OACF;AAAA,KACD,CAAA;AACD,IAAO,OAAA,OAAA;AAAA,GACT;AAEA,EAAA,4BACG,KAAK,EAAA,EAAA,GAAG,gBAAgB,SAAW,EAAA,SAAA,EAAW,KAAK,YACjD,EAAA,QAAA,EAAA;AAAA,IAAY,WAAA,EAAA;AAAA,oBACb,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACE,GAAG,eAAA;AAAA,QACJ,QAAA,EAAU,CAAC,WAAY,CAAA,OAAA;AAAA,QACvB,GAAI,EAAA,aAAA;AAAA,QACJ,GAAK,EAAA;AAAA,OAAA;AAAA,MACN;AAAA,KAED;AAAA,wBACC,MAAO,EAAA,EAAA,OAAA,EAAS,kBAAoB,EAAA,OAAA,EAAQ,aAAY,QAEzD,EAAA,QAAA,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}