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

package/cjs/custom-filters/useFilterState.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"useFilterState.js","sources":["../../../../packages/vuu-filters/src/custom-filters/useFilterState.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { Filter, FilterState } from \"@vuu-ui/vuu-filter-types\";\nimport { useControlled } from \"@vuu-ui/vuu-ui-controls\";\n\nexport interface FiltersHookProps {\n  defaultFilterState?: FilterState;\n  filterState?: FilterState;\n  onFilterDeleted?: (filter: Filter) => void;\n  onFilterRenamed?: (filter: Filter, name: string) => void;\n  onFilterStateChanged?: (s: FilterState) => void;\n}\n\nconst getActiveIndices = (\n  indices: number[],\n  toggledIndex: number,\n  preserveExisting: boolean,\n) => {\n  const isActive = indices.includes(toggledIndex);\n  if (isActive) {\n    if (preserveExisting) {\n      return indices.filter((i) => i !== toggledIndex);\n    } else {\n      return [];\n    }\n  } else {\n    if (preserveExisting) {\n      return indices.concat(toggledIndex);\n    } else {\n      return [toggledIndex];\n    }\n  }\n};\n\nexport const useFilterState = ({\n  defaultFilterState,\n  onFilterDeleted,\n  onFilterRenamed,\n  onFilterStateChanged,\n  filterState: filterStateProp,\n}: FiltersHookProps) => {\n  const [filterState, setFilterState] = useControlled<FilterState>({\n    controlled: filterStateProp,\n    default: defaultFilterState ?? { filters: [], activeIndices: [] },\n    name: \"useFilterState\",\n    state: \"FilterState\",\n  });\n\n  const handleFilterStateChange = useCallback(\n    (s: FilterState) => {\n      setFilterState(s);\n      onFilterStateChanged?.(s);\n    },\n    [onFilterStateChanged, setFilterState],\n  );\n\n  const handleAddFilter = useCallback(\n    (filter: Filter) => {\n      const index = filterState.filters.length;\n      const newFilters = filterState.filters.concat(filter);\n      const newIndices = appendIfNotPresent(filterState.activeIndices, index);\n      handleFilterStateChange({\n        filters: newFilters,\n        activeIndices: newIndices,\n      });\n      return index;\n    },\n    [filterState, handleFilterStateChange],\n  );\n\n  const handleDeleteFilter = useCallback(\n    (filter: Filter) => {\n      let index = -1;\n      const newFilters = filterState.filters.filter((f, i) => {\n        if (f !== filter) {\n          return true;\n        } else {\n          index = i;\n          return false;\n        }\n      });\n\n      const newIndices = removeIndexAndDecrementLarger(\n        filterState.activeIndices,\n        index,\n      );\n\n      handleFilterStateChange({\n        filters: newFilters,\n        activeIndices: newIndices,\n      });\n      onFilterDeleted?.(filter);\n      return index;\n    },\n    [\n      filterState.filters,\n      filterState.activeIndices,\n      handleFilterStateChange,\n      onFilterDeleted,\n    ],\n  );\n\n  const handleRenameFilter = useCallback(\n    (filter: Filter, name: string) => {\n      let index = -1;\n      const newFilters = filterState.filters.map((f, i) => {\n        if (f === filter) {\n          index = i;\n          return { ...filter, name };\n        } else {\n          return f;\n        }\n      });\n      handleFilterStateChange({ ...filterState, filters: newFilters });\n      onFilterRenamed?.(filter, name);\n\n      return index;\n    },\n    [filterState, handleFilterStateChange, onFilterRenamed],\n  );\n\n  const handleChangeFilter = useCallback(\n    (oldFilter: Filter, newFilter: Filter) => {\n      let index = -1;\n      const newFilters = filterState.filters.map((f, i) => {\n        if (f === oldFilter) {\n          index = i;\n          return newFilter;\n        } else {\n          return f;\n        }\n      });\n      handleFilterStateChange({ ...filterState, filters: newFilters });\n\n      return index;\n    },\n    [filterState, handleFilterStateChange],\n  );\n\n  const handleToggleFilterActive = useCallback(\n    (filterIndex: number, preserveRemainingFilters = false) => {\n      handleFilterStateChange({\n        ...filterState,\n        activeIndices: getActiveIndices(\n          filterState.activeIndices,\n          filterIndex,\n          preserveRemainingFilters,\n        ),\n      });\n    },\n    [filterState, handleFilterStateChange],\n  );\n\n  return {\n    activeFilterIndex: filterState.activeIndices,\n    filters: filterState.filters,\n    onToggleFilterActive: handleToggleFilterActive,\n    onAddFilter: handleAddFilter,\n    onChangeFilter: handleChangeFilter,\n    onDeleteFilter: handleDeleteFilter,\n    onRenameFilter: handleRenameFilter,\n  };\n};\n\nconst appendIfNotPresent = (ns: number[], n: number) =>\n  ns.includes(n) ? ns : ns.concat(n);\n\nconst removeIndexAndDecrementLarger = (\n  indices: number[],\n  idxToRemove: number,\n) => {\n  return indices.reduce<number[]>((res, i) => {\n    if (i === idxToRemove) return res;\n    return res.concat(i > idxToRemove ? i - 1 : i);\n  }, []);\n};\n"],"names":["useControlled","useCallback"],"mappings":";;;;;AAYA,MAAM,gBAAmB,GAAA,CACvB,OACA,EAAA,YAAA,EACA,gBACG,KAAA;AACH,EAAM,MAAA,QAAA,GAAW,OAAQ,CAAA,QAAA,CAAS,YAAY,CAAA;AAC9C,EAAA,IAAI,QAAU,EAAA;AACZ,IAAA,IAAI,gBAAkB,EAAA;AACpB,MAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,YAAY,CAAA;AAAA,KAC1C,MAAA;AACL,MAAA,OAAO,EAAC;AAAA;AACV,GACK,MAAA;AACL,IAAA,IAAI,gBAAkB,EAAA;AACpB,MAAO,OAAA,OAAA,CAAQ,OAAO,YAAY,CAAA;AAAA,KAC7B,MAAA;AACL,MAAA,OAAO,CAAC,YAAY,CAAA;AAAA;AACtB;AAEJ,CAAA;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAa,EAAA;AACf,CAAwB,KAAA;AACtB,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,2BAA2B,CAAA;AAAA,IAC/D,UAAY,EAAA,eAAA;AAAA,IACZ,OAAA,EAAS,sBAAsB,EAAE,OAAA,EAAS,EAAI,EAAA,aAAA,EAAe,EAAG,EAAA;AAAA,IAChE,IAAM,EAAA,gBAAA;AAAA,IACN,KAAO,EAAA;AAAA,GACR,CAAA;AAED,EAAA,MAAM,uBAA0B,GAAAC,iBAAA;AAAA,IAC9B,CAAC,CAAmB,KAAA;AAClB,MAAA,cAAA,CAAe,CAAC,CAAA;AAChB,MAAA,oBAAA,GAAuB,CAAC,CAAA;AAAA,KAC1B;AAAA,IACA,CAAC,sBAAsB,cAAc;AAAA,GACvC;AAEA,EAAA,MAAM,eAAkB,GAAAA,iBAAA;AAAA,IACtB,CAAC,MAAmB,KAAA;AAClB,MAAM,MAAA,KAAA,GAAQ,YAAY,OAAQ,CAAA,MAAA;AAClC,MAAA,MAAM,UAAa,GAAA,WAAA,CAAY,OAAQ,CAAA,MAAA,CAAO,MAAM,CAAA;AACpD,MAAA,MAAM,UAAa,GAAA,kBAAA,CAAmB,WAAY,CAAA,aAAA,EAAe,KAAK,CAAA;AACtE,MAAwB,uBAAA,CAAA;AAAA,QACtB,OAAS,EAAA,UAAA;AAAA,QACT,aAAe,EAAA;AAAA,OAChB,CAAA;AACD,MAAO,OAAA,KAAA;AAAA,KACT;AAAA,IACA,CAAC,aAAa,uBAAuB;AAAA,GACvC;AAEA,EAAA,MAAM,kBAAqB,GAAAA,iBAAA;AAAA,IACzB,CAAC,MAAmB,KAAA;AAClB,MAAA,IAAI,KAAQ,GAAA,CAAA,CAAA;AACZ,MAAA,MAAM,aAAa,WAAY,CAAA,OAAA,CAAQ,MAAO,CAAA,CAAC,GAAG,CAAM,KAAA;AACtD,QAAA,IAAI,MAAM,MAAQ,EAAA;AAChB,UAAO,OAAA,IAAA;AAAA,SACF,MAAA;AACL,UAAQ,KAAA,GAAA,CAAA;AACR,UAAO,OAAA,KAAA;AAAA;AACT,OACD,CAAA;AAED,MAAA,MAAM,UAAa,GAAA,6BAAA;AAAA,QACjB,WAAY,CAAA,aAAA;AAAA,QACZ;AAAA,OACF;AAEA,MAAwB,uBAAA,CAAA;AAAA,QACtB,OAAS,EAAA,UAAA;AAAA,QACT,aAAe,EAAA;AAAA,OAChB,CAAA;AACD,MAAA,eAAA,GAAkB,MAAM,CAAA;AACxB,MAAO,OAAA,KAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,WAAY,CAAA,OAAA;AAAA,MACZ,WAAY,CAAA,aAAA;AAAA,MACZ,uBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,kBAAqB,GAAAA,iBAAA;AAAA,IACzB,CAAC,QAAgB,IAAiB,KAAA;AAChC,MAAA,IAAI,KAAQ,GAAA,CAAA,CAAA;AACZ,MAAA,MAAM,aAAa,WAAY,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,GAAG,CAAM,KAAA;AACnD,QAAA,IAAI,MAAM,MAAQ,EAAA;AAChB,UAAQ,KAAA,GAAA,CAAA;AACR,UAAO,OAAA,EAAE,GAAG,MAAA,EAAQ,IAAK,EAAA;AAAA,SACpB,MAAA;AACL,UAAO,OAAA,CAAA;AAAA;AACT,OACD,CAAA;AACD,MAAA,uBAAA,CAAwB,EAAE,GAAG,WAAa,EAAA,OAAA,EAAS,YAAY,CAAA;AAC/D,MAAA,eAAA,GAAkB,QAAQ,IAAI,CAAA;AAE9B,MAAO,OAAA,KAAA;AAAA,KACT;AAAA,IACA,CAAC,WAAa,EAAA,uBAAA,EAAyB,eAAe;AAAA,GACxD;AAEA,EAAA,MAAM,kBAAqB,GAAAA,iBAAA;AAAA,IACzB,CAAC,WAAmB,SAAsB,KAAA;AACxC,MAAA,IAAI,KAAQ,GAAA,CAAA,CAAA;AACZ,MAAA,MAAM,aAAa,WAAY,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,GAAG,CAAM,KAAA;AACnD,QAAA,IAAI,MAAM,SAAW,EAAA;AACnB,UAAQ,KAAA,GAAA,CAAA;AACR,UAAO,OAAA,SAAA;AAAA,SACF,MAAA;AACL,UAAO,OAAA,CAAA;AAAA;AACT,OACD,CAAA;AACD,MAAA,uBAAA,CAAwB,EAAE,GAAG,WAAa,EAAA,OAAA,EAAS,YAAY,CAAA;AAE/D,MAAO,OAAA,KAAA;AAAA,KACT;AAAA,IACA,CAAC,aAAa,uBAAuB;AAAA,GACvC;AAEA,EAAA,MAAM,wBAA2B,GAAAA,iBAAA;AAAA,IAC/B,CAAC,WAAqB,EAAA,wBAAA,GAA2B,KAAU,KAAA;AACzD,MAAwB,uBAAA,CAAA;AAAA,QACtB,GAAG,WAAA;AAAA,QACH,aAAe,EAAA,gBAAA;AAAA,UACb,WAAY,CAAA,aAAA;AAAA,UACZ,WAAA;AAAA,UACA;AAAA;AACF,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,aAAa,uBAAuB;AAAA,GACvC;AAEA,EAAO,OAAA;AAAA,IACL,mBAAmB,WAAY,CAAA,aAAA;AAAA,IAC/B,SAAS,WAAY,CAAA,OAAA;AAAA,IACrB,oBAAsB,EAAA,wBAAA;AAAA,IACtB,WAAa,EAAA,eAAA;AAAA,IACb,cAAgB,EAAA,kBAAA;AAAA,IAChB,cAAgB,EAAA,kBAAA;AAAA,IAChB,cAAgB,EAAA;AAAA,GAClB;AACF;AAEA,MAAM,kBAAA,GAAqB,CAAC,EAAA,EAAc,CACxC,KAAA,EAAA,CAAG,QAAS,CAAA,CAAC,CAAI,GAAA,EAAA,GAAK,EAAG,CAAA,MAAA,CAAO,CAAC,CAAA;AAEnC,MAAM,6BAAA,GAAgC,CACpC,OAAA,EACA,WACG,KAAA;AACH,EAAA,OAAO,OAAQ,CAAA,MAAA,CAAiB,CAAC,GAAA,EAAK,CAAM,KAAA;AAC1C,IAAI,IAAA,CAAA,KAAM,aAAoB,OAAA,GAAA;AAC9B,IAAA,OAAO,IAAI,MAAO,CAAA,CAAA,GAAI,WAAc,GAAA,CAAA,GAAI,IAAI,CAAC,CAAA;AAAA,GAC/C,EAAG,EAAE,CAAA;AACP,CAAA;;;;"}

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

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

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

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

package/cjs/filter-bar/FilterBar.js

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

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

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

package/cjs/filter-bar/useFilterBar.js

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

package/cjs/filter-bar/useFilterBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFilterBar.js","sources":["../../../../packages/vuu-filters/src/filter-bar/useFilterBar.ts"],"sourcesContent":["import { queryClosest } from \"@vuu-ui/vuu-utils\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { SyntheticEvent, useCallback } from \"react\";\nimport { FilterBarProps } from \"./FilterBar\";\n\nexport type FilterMode = \"custom-filter\" | \"quick-filter\";\n\nconst isFilterMode = (value?: string | null): value is FilterMode =>\n  value === \"custom-filter\" || value === \"quick-filter\";\n\nexport const useFilterBar = ({\n  defaultFilterMode,\n  filterMode: filterModeProp,\n  onChangeFilterMode,\n}: Pick<\n  FilterBarProps,\n  \"defaultFilterMode\" | \"filterMode\" | \"onChangeFilterMode\"\n>) => {\n  const [filterMode, setFilterMode] = useControlled<FilterMode>({\n    controlled: filterModeProp,\n    default: defaultFilterMode ?? \"custom-filter\",\n    name: \"useFilterBar\",\n    state: \"filterMode\",\n  });\n\n  const handleChangeFilterMode = useCallback(\n    (e: SyntheticEvent<HTMLButtonElement>) => {\n      const button = queryClosest<HTMLButtonElement>(e.target, \"button\");\n      const newFilterMode = button?.value;\n      if (isFilterMode(newFilterMode)) {\n        setFilterMode(newFilterMode);\n        onChangeFilterMode?.(newFilterMode);\n      }\n    },\n    [onChangeFilterMode, setFilterMode],\n  );\n\n  return {\n    filterMode,\n    onChangeFilterMode: handleChangeFilterMode,\n  };\n};\n"],"names":["useControlled","useCallback","queryClosest"],"mappings":";;;;;;AAOA,MAAM,YAAe,GAAA,CAAC,KACpB,KAAA,KAAA,KAAU,mBAAmB,KAAU,KAAA,cAAA;AAElC,MAAM,eAAe,CAAC;AAAA,EAC3B,iBAAA;AAAA,EACA,UAAY,EAAA,cAAA;AAAA,EACZ;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,kBAA0B,CAAA;AAAA,IAC5D,UAAY,EAAA,cAAA;AAAA,IACZ,SAAS,iBAAqB,IAAA,eAAA;AAAA,IAC9B,IAAM,EAAA,cAAA;AAAA,IACN,KAAO,EAAA;AAAA,GACR,CAAA;AAED,EAAA,MAAM,sBAAyB,GAAAC,iBAAA;AAAA,IAC7B,CAAC,CAAyC,KAAA;AACxC,MAAA,MAAM,MAAS,GAAAC,qBAAA,CAAgC,CAAE,CAAA,MAAA,EAAQ,QAAQ,CAAA;AACjE,MAAA,MAAM,gBAAgB,MAAQ,EAAA,KAAA;AAC9B,MAAI,IAAA,YAAA,CAAa,aAAa,CAAG,EAAA;AAC/B,QAAA,aAAA,CAAc,aAAa,CAAA;AAC3B,QAAA,kBAAA,GAAqB,aAAa,CAAA;AAAA;AACpC,KACF;AAAA,IACA,CAAC,oBAAoB,aAAa;AAAA,GACpC;AAEA,EAAO,OAAA;AAAA,IACL,UAAA;AAAA,IACA,kBAAoB,EAAA;AAAA,GACtB;AACF;;;;"}

package/cjs/filter-clause/ExpandoCombobox.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var expandoComboboxCss = ".vuuExpandoCombobox {\n  --expando-combobox-height: var(--vuuExpandoCombobox-height, var(--salt-size-base));\n  --expando-combobox-fontSize: var(--vuuExpandoCombobox-fontSize, 12px);\n  --saltPillInput-paddingLeft: 0px;\n  --saltPillInput-paddingRight: 0px;\n\n  display: inline-flex;\n  flex-direction: column;\n  height: var(--expando-combobox-height);\n  min-width: 4px;\n  padding: 0;\n\n  .saltPill {\n    height: 100%;\n    padding-block: 0px;\n  }\n\n  .saltPillInput {\n    min-height: var(--expando-combobox-height);\n    min-width: 0px;\n  }\n\n\n  .saltPillInput-inputWrapper {\n    height: 100%;\n    padding: 0;\n  }\n  .saltPillInput-input {\n    width: 0;\n  }\n\n  .saltPillInput-endAdornmentContainer {\n    display: none;\n  }\n  .saltPillInput-activationIndicator {\n    display: none;\n  }\n\n}\n\n.vuuExpandoOption {\n  min-width: calc(var(--salt-size-base) * 2);\n  padding-left: var(--salt-spacing-200);\n  padding-right: var(--salt-spacing-200);\n}\n\n\n.vuuExpandoCombobox:before {\n  content: attr(data-text);\n  display: block;\n  font-size: var(--expando-combobox-fontSize);\n  height: 0px;\n  overflow: hidden;\n  white-space: pre-wrap;\n}\n";
-
-module.exports = expandoComboboxCss;
-//# sourceMappingURL=ExpandoCombobox.css.js.map

package/cjs/filter-clause/ExpandoCombobox.css.js.map

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

package/cjs/filter-clause/ExpandoCombobox.js

@@ -1,114 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cx = require('clsx');
-var core = require('@salt-ds/core');
-var react = require('react');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var ExpandoCombobox$1 = require('./ExpandoCombobox.css.js');
-
-const classBase = "vuuExpandoCombobox";
-const defaultItemToString = (item) => {
-  if (typeof item === "string") {
-    return item;
-  } else {
-    return item?.toString() ?? "";
-  }
-};
-const ExpandoCombobox = react.forwardRef(function ExpandoCombobox2({
-  children,
-  className,
-  inputProps: inputPropsProp,
-  itemToString = defaultItemToString,
-  multiselect,
-  onChange,
-  onSelectionChange,
-  onOpenChange,
-  value: valueProp,
-  dropdownOnAutofocus = true,
-  ...props
-}, forwardedRef) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-expando-combobox",
-    css: ExpandoCombobox$1,
-    window: targetWindow
-  });
-  const [open, setOpen] = react.useState(false);
-  const [selected, setSelected] = react.useState([]);
-  const [value, setValue] = react.useState(
-    valueProp === void 0 ? "" : valueProp.toString()
-  );
-  const handleChange = react.useCallback(
-    (evt) => {
-      const value2 = evt.target.value;
-      onChange?.(evt);
-      setValue(value2);
-      setSelected([]);
-    },
-    [onChange]
-  );
-  const handleSelectionChange = react.useCallback(
-    (evt, newSelected) => {
-      if (multiselect) {
-        onSelectionChange?.(evt, newSelected);
-      } else {
-        setSelected(newSelected);
-        const [selectedValue] = newSelected;
-        setTimeout(() => {
-          onSelectionChange?.(evt, newSelected);
-          setValue(itemToString(selectedValue));
-        }, 100);
-      }
-    },
-    [onSelectionChange, itemToString, multiselect]
-  );
-  const handleOpenChange = react.useCallback(
-    (open2, reason) => {
-      onOpenChange?.(open2, reason);
-      setOpen(open2);
-    },
-    [onOpenChange]
-  );
-  const inputProps = react.useMemo(() => {
-    return {
-      autoComplete: "off",
-      ...inputPropsProp,
-      onFocus: (evt) => {
-        inputPropsProp?.onFocus?.(evt);
-        if (!dropdownOnAutofocus) return;
-        setTimeout(() => {
-          setOpen(true);
-          onOpenChange?.(true, "focus");
-        }, 100);
-      }
-    };
-  }, [inputPropsProp, dropdownOnAutofocus, onOpenChange]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cx(classBase, className),
-      "data-text": value,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        core.ComboBox,
-        {
-          ...props,
-          inputProps,
-          multiselect,
-          onChange: handleChange,
-          onOpenChange: handleOpenChange,
-          onSelectionChange: handleSelectionChange,
-          open,
-          selected,
-          value,
-          children
-        }
-      )
-    }
-  );
-});
-
-exports.ExpandoCombobox = ExpandoCombobox;
-//# sourceMappingURL=ExpandoCombobox.js.map

package/cjs/filter-clause/ExpandoCombobox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandoCombobox.js","sources":["../../../../packages/vuu-filters/src/filter-clause/ExpandoCombobox.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport { ComboBox, ComboBoxProps } from \"@salt-ds/core\";\nimport {\n  ChangeEvent,\n  ForwardedRef,\n  ReactElement,\n  Ref,\n  SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport expandoComboboxCss from \"./ExpandoCombobox.css\";\n\nconst classBase = \"vuuExpandoCombobox\";\n\nexport interface ExpandoComboboxProps<Item = string>\n  extends Omit<ComboBoxProps<Item>, \"onOpenChange\"> {\n  itemToString?: (item: Item) => string;\n  dropdownOnAutofocus?: boolean;\n  onOpenChange?: (open: boolean, reason?: \"manual\" | \"input\" | \"focus\") => void;\n}\n\nconst defaultItemToString = (item: unknown) => {\n  if (typeof item === \"string\") {\n    return item;\n  } else {\n    return item?.toString() ?? \"\";\n  }\n};\nexport const ExpandoCombobox = forwardRef(function ExpandoCombobox<\n  Item = string,\n>(\n  {\n    children,\n    className,\n    inputProps: inputPropsProp,\n    itemToString = defaultItemToString,\n    multiselect,\n    onChange,\n    onSelectionChange,\n    onOpenChange,\n    value: valueProp,\n    dropdownOnAutofocus = true,\n    ...props\n  }: ExpandoComboboxProps<Item>,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-expando-combobox\",\n    css: expandoComboboxCss,\n    window: targetWindow,\n  });\n\n  const [open, setOpen] = useState(false);\n  const [selected, setSelected] = useState<Item[]>([]);\n  const [value, setValue] = useState(\n    valueProp === undefined ? \"\" : valueProp.toString(),\n  );\n\n  const handleChange = useCallback(\n    (evt: ChangeEvent<HTMLInputElement>) => {\n      const value = evt.target.value;\n      onChange?.(evt);\n      setValue(value);\n      setSelected([]);\n    },\n    [onChange],\n  );\n\n  const handleSelectionChange = useCallback(\n    (evt: SyntheticEvent, newSelected: Item[]) => {\n      if (multiselect) {\n        onSelectionChange?.(evt, newSelected);\n      } else {\n        setSelected(newSelected);\n        const [selectedValue] = newSelected;\n        setTimeout(() => {\n          onSelectionChange?.(evt, newSelected);\n          setValue(itemToString(selectedValue));\n        }, 100);\n      }\n    },\n    [onSelectionChange, itemToString, multiselect],\n  );\n\n  const handleOpenChange = useCallback(\n    (open: boolean, reason?: \"manual\" | \"input\") => {\n      onOpenChange?.(open, reason);\n      setOpen(open);\n    },\n    [onOpenChange],\n  );\n\n  const inputProps = useMemo<ComboBoxProps<Item>[\"inputProps\"]>(() => {\n    return {\n      autoComplete: \"off\",\n      ...inputPropsProp,\n      onFocus: (evt) => {\n        inputPropsProp?.onFocus?.(evt);\n        if (!dropdownOnAutofocus) return;\n\n        setTimeout(() => {\n          setOpen(true);\n          onOpenChange?.(true, \"focus\");\n        }, 100);\n      },\n    };\n  }, [inputPropsProp, dropdownOnAutofocus, onOpenChange]);\n\n  return (\n    <div\n      className={cx(classBase, className)}\n      data-text={value}\n      ref={forwardedRef}\n    >\n      <ComboBox<Item>\n        {...props}\n        inputProps={inputProps}\n        multiselect={multiselect}\n        onChange={handleChange}\n        onOpenChange={handleOpenChange}\n        onSelectionChange={handleSelectionChange}\n        open={open}\n        selected={selected}\n        value={value}\n      >\n        {children}\n      </ComboBox>\n    </div>\n  );\n}) as <Item = string>(\n  props: ExpandoComboboxProps<Item> & { ref?: Ref<HTMLDivElement> },\n) => ReactElement;\n"],"names":["forwardRef","ExpandoCombobox","useWindow","useComponentCssInjection","expandoComboboxCss","useState","useCallback","value","open","useMemo","jsx","ComboBox"],"mappings":"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"}

package/cjs/filter-clause/FilterClause.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var filterClauseCss = ".vuuFilterClause {\n  --vuuExpandoInput-top: 0;\n  --content-height: calc(var(--salt-size-base) - var(--salt-spacing-150));\n  --vuuExpandoInput-height: var(--content-height);\n  --vuuExpandoCombobox-height: var(--content-height);\n  --saltButton-height: 16px;\n  --saltButton-width: 16px;\n  --salt-focused-outlineStyle: dotted;\n\n  align-items: center;\n  background: var(--salt-container-primary-background);\n  border-color: var(--salt-editable-borderColor);\n  border-radius: var(--saltButton-borderRadius);\n  border-width: 1px;\n  border-style: solid;\n  display: flex;\n  flex-direction: row;\n  gap: var(--salt-spacing-50);\n  height: calc(var(--salt-size-base) + var(--salt-size-spacing-100));\n  min-width: calc(var(--salt-size-base) * 4);\n  padding: 0 var(--salt-spacing-100);\n  width: fit-content;\n\n  .vuuFilterClauseField {\n    flex: 0 0 auto;\n  }\n  .vuuFilterClauseField:last-child {\n    flex: 1 0 auto;\n  }\n\n  .vuuFilterClauseField.vuuExpandoInput {\n    align-items: flex-end;\n    display: inline-flex;\n  }\n\n  .vuuExpandoCombobox {\n    flex-basis: auto;\n    flex-shrink: 0;\n    flex-grow: 0;\n  }\n\n  &:focus-within {\n    border-color: var(--salt-editable-borderColor-active);\n  }\n\n  .saltComboBox-focused,.saltComboBox-focused:hover {\n    outline: none;\n  }\n\n  .saltTokenizedInput {\n    height: 16px;\n    min-height: 16px;\n  }\n\n  .saltTokenizedInput .saltInputPill {\n    --pill-fontSize: 12px;\n    --saltButton-borderStyle: none;\n    --pill-background: none;\n    height: 16px;\n    margin: 0;\n  }\n\n  .saltTokenizedInput-pillGroup {\n    padding: 0;\n    height: 16px;\n  }\n\n  .saltDateInput {\n    width: auto;\n  }\n}\n\n.salt-density-high .vuuFilterClause {\n  padding: 4px 8px;\n  gap: 4px;\n  --salt-text-lineHeight: 12px;\n  --saltInputLegacy-fontSize: 12px;\n  --saltInputLegacy-minWidth: 12px;\n}\n\n.salt-density-high .vuuFilterClause .saltInput {\n  padding: 0;\n  min-height: 16px;\n  height: 16px;\n}\n\n.vuuFilterClauseOperator-hidden {\n  display: none;\n}\n\n.vuuFilterClause .saltInput-focused,\n.vuuFilterClause .saltTokenizedInput-focused {\n  outline: none;\n  color: var(--salt-content-primary-foreground);\n}\n\n.vuuFilterClause-DatePicker {\n  border: none;\n}\n";
-
-module.exports = filterClauseCss;
-//# sourceMappingURL=FilterClause.css.js.map

package/cjs/filter-clause/FilterClause.css.js.map

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

package/cjs/filter-clause/FilterClause.js

@@ -1,102 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var react = require('react');
-var ColumnPicker = require('./column-picker/ColumnPicker.js');
-var useFilterClause = require('./useFilterClause.js');
-var FilterClauseValueEditor = require('./value-editors/FilterClauseValueEditor.js');
-var FilterClause$1 = require('./FilterClause.css.js');
-var OperatorPicker = require('./operator-picker/OperatorPicker.js');
-
-const classBase = "vuuFilterClause";
-const FilterClause = ({
-  className,
-  columnsByName,
-  onCancel,
-  onDropdownOpen,
-  onFocusSave,
-  filterClauseModel,
-  vuuTable,
-  dropdownOnAutofocus = true,
-  ...htmlAttributes
-}) => {
-  const {
-    inputProps,
-    columnRef,
-    filterClause,
-    onChangeValue,
-    onSelectColumn,
-    onSelectOperator,
-    onDeselectValue,
-    onOpenChange,
-    operatorRef,
-    selectedColumn,
-    valueRef,
-    showDropdownOnAutoFocus
-  } = useFilterClause.useFilterClause({
-    filterClauseModel,
-    onCancel,
-    onFocusSave,
-    columnsByName,
-    dropdownOnAutofocus
-  });
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-filter-clause",
-    css: FilterClause$1,
-    window: targetWindow
-  });
-  const columns = react.useMemo(() => Object.values(columnsByName), [columnsByName]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classBase, className), ...htmlAttributes, tabIndex: 0, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ColumnPicker.ColumnPicker,
-      {
-        inputProps,
-        className: cx(`${classBase}Field`, `${classBase}Column`),
-        columns,
-        dropdownOnAutofocus: showDropdownOnAutoFocus,
-        onSelect: onSelectColumn,
-        ref: columnRef,
-        value: filterClauseModel.column ?? ""
-      },
-      "column-field"
-    ),
-    selectedColumn?.name ? /* @__PURE__ */ jsxRuntime.jsx(
-      OperatorPicker.OperatorPicker,
-      {
-        column: selectedColumn,
-        inputProps,
-        className: cx(`${classBase}Field`, `${classBase}Operator`, {
-          [`${classBase}Operator-hidden`]: selectedColumn === null
-        }),
-        dropdownOnAutofocus: showDropdownOnAutoFocus,
-        onSelect: onSelectOperator,
-        ref: operatorRef,
-        value: filterClauseModel.op ?? ""
-      },
-      "operator-field"
-    ) : null,
-    filterClauseModel.op ? /* @__PURE__ */ jsxRuntime.jsx(
-      FilterClauseValueEditor.FilterClauseValueEditor,
-      {
-        dropdownOnAutofocus: showDropdownOnAutoFocus,
-        inputProps,
-        onChangeValue,
-        onOpenChange,
-        onDeselectValue,
-        operator: filterClauseModel.op,
-        ref: valueRef,
-        selectedColumn,
-        table: vuuTable,
-        value: filterClause?.values ?? filterClause?.value
-      },
-      "value-field"
-    ) : null
-  ] });
-};
-
-exports.FilterClause = FilterClause;
-//# sourceMappingURL=FilterClause.js.map

package/cjs/filter-clause/FilterClause.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterClause.js","sources":["../../../../packages/vuu-filters/src/filter-clause/FilterClause.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  ColumnDescriptorsByName,\n  MultiValueFilterClause,\n  SingleValueFilterClause,\n} from \"@vuu-ui/vuu-filter-types\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, useMemo } from \"react\";\nimport { FilterClauseModel } from \"../FilterModel\";\nimport { ColumnPicker } from \"./column-picker/ColumnPicker\";\nimport { useFilterClause } from \"./useFilterClause\";\nimport { FilterClauseValueEditor } from \"./value-editors/FilterClauseValueEditor\";\n\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport filterClauseCss from \"./FilterClause.css\";\nimport { OperatorPicker } from \"./operator-picker/OperatorPicker\";\n\nexport type FilterClauseCancelType = \"Backspace\" | \"Escape\";\nexport type FilterClauseCancelHandler = (\n  filterClause: FilterClauseModel,\n  reason: FilterClauseCancelType,\n) => void;\n\nexport interface FilterClauseProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  columnsByName: ColumnDescriptorsByName;\n  filterClauseModel: FilterClauseModel;\n  onCancel?: FilterClauseCancelHandler;\n  onDropdownOpen?: () => void;\n  onFocusSave?: () => void;\n  dropdownOnAutofocus?: boolean;\n  vuuTable: VuuTable;\n}\n\nconst classBase = \"vuuFilterClause\";\n\nexport const FilterClause = ({\n  className,\n  columnsByName,\n  onCancel,\n  onDropdownOpen,\n  onFocusSave,\n  filterClauseModel,\n  vuuTable,\n  dropdownOnAutofocus = true,\n  ...htmlAttributes\n}: FilterClauseProps) => {\n  const {\n    inputProps,\n    columnRef,\n    filterClause,\n    onChangeValue,\n    onSelectColumn,\n    onSelectOperator,\n    onDeselectValue,\n    onOpenChange,\n    operatorRef,\n    selectedColumn,\n    valueRef,\n    showDropdownOnAutoFocus,\n  } = useFilterClause({\n    filterClauseModel,\n    onCancel,\n    onFocusSave,\n    columnsByName,\n    dropdownOnAutofocus,\n  });\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-clause\",\n    css: filterClauseCss,\n    window: targetWindow,\n  });\n\n  const columns = useMemo(() => Object.values(columnsByName), [columnsByName]);\n\n  return (\n    <div className={cx(classBase, className)} {...htmlAttributes} tabIndex={0}>\n      <ColumnPicker\n        inputProps={inputProps}\n        className={cx(`${classBase}Field`, `${classBase}Column`)}\n        columns={columns}\n        dropdownOnAutofocus={showDropdownOnAutoFocus}\n        key=\"column-field\"\n        onSelect={onSelectColumn}\n        ref={columnRef}\n        value={filterClauseModel.column ?? \"\"}\n      />\n      {selectedColumn?.name ? (\n        <OperatorPicker\n          column={selectedColumn}\n          inputProps={inputProps}\n          className={cx(`${classBase}Field`, `${classBase}Operator`, {\n            [`${classBase}Operator-hidden`]: selectedColumn === null,\n          })}\n          dropdownOnAutofocus={showDropdownOnAutoFocus}\n          key=\"operator-field\"\n          onSelect={onSelectOperator}\n          ref={operatorRef}\n          value={filterClauseModel.op ?? \"\"}\n        />\n      ) : null}\n      {filterClauseModel.op ? (\n        <FilterClauseValueEditor\n          dropdownOnAutofocus={showDropdownOnAutoFocus}\n          inputProps={inputProps}\n          key=\"value-field\"\n          onChangeValue={onChangeValue}\n          onOpenChange={onOpenChange}\n          onDeselectValue={onDeselectValue}\n          operator={filterClauseModel.op}\n          ref={valueRef}\n          selectedColumn={selectedColumn}\n          table={vuuTable}\n          value={\n            (filterClause as MultiValueFilterClause)?.values ??\n            (filterClause as SingleValueFilterClause)?.value\n          }\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"names":["useFilterClause","useWindow","useComponentCssInjection","filterClauseCss","useMemo","jsxs","jsx","ColumnPicker","OperatorPicker","FilterClauseValueEditor"],"mappings":"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"}