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

package/esm/filter-pill/FilterPillNext.js

@@ -1,89 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Button, Tooltip } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { FilterMenu } from './FilterMenu.js';
-import { useFilterPillNext } from './useFilterPillNext.js';
-import filterPillNextCss from './FilterPillNext.css.js';
-import { FilterDisplay } from '../filter-display/FilterDisplay.js';
-
-const classBase = "vuuFilterPillNext";
-const FilterPillNext = ({
-  active,
-  appearence,
-  columns,
-  className,
-  defaultActive,
-  filter,
-  id,
-  onClick,
-  onMenuAction: onMenuActionProp,
-  permissions,
-  showTooltip = true,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-filter-pill",
-    css: filterPillNextCss,
-    window: targetWindow
-  });
-  const {
-    contextMenuOpen,
-    onContextMenu,
-    onContextMenuOpenChange,
-    onMenuAction,
-    virtualElement
-  } = useFilterPillNext({
-    active,
-    appearence,
-    defaultActive,
-    filter,
-    onMenuAction: onMenuActionProp
-  });
-  const filterPill = /* @__PURE__ */ jsx(
-    Button,
-    {
-      ...htmlAttributes,
-      appearance: "solid",
-      className: cx(classBase, className, {
-        [`${classBase}-active`]: active
-      }),
-      id,
-      onClick,
-      onContextMenu,
-      sentiment: "accented",
-      children: filter.name
-    }
-  );
-  const filterMenu = /* @__PURE__ */ jsx(
-    FilterMenu,
-    {
-      filterId: id,
-      getVirtualElement: () => virtualElement,
-      onMenuAction,
-      onOpenChange: onContextMenuOpenChange,
-      open: contextMenuOpen,
-      permissions
-    }
-  );
-  return showTooltip ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        className: `${classBase}-tooltip`,
-        content: /* @__PURE__ */ jsx(FilterDisplay, { columns, filter }),
-        placement: "top",
-        children: filterPill
-      }
-    ),
-    filterMenu
-  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    filterPill,
-    filterMenu
-  ] });
-};
-
-export { FilterPillNext };
-//# sourceMappingURL=FilterPillNext.js.map

package/esm/filter-pill/FilterPillNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterPillNext.js","sources":["../../../../packages/vuu-filters/src/filter-pill/FilterPillNext.tsx"],"sourcesContent":["import { Button, Tooltip } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { FilterMenu, type FilterPermissions } from \"./FilterMenu\";\nimport {\n  type FilterPillNextHookProps,\n  useFilterPillNext,\n} from \"./useFilterPillNext\";\n\nimport filterPillNextCss from \"./FilterPillNext.css\";\nimport { FilterDisplay } from \"../filter-display/FilterDisplay\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\n\nexport interface FilterPillNextProps\n  extends FilterPillNextHookProps,\n    Omit<HTMLAttributes<HTMLButtonElement>, \"id\"> {\n  /**\n   * If provided, these will be used in tooltip to provide\n   * richer representation of filter.\n   */\n  columns?: ColumnDescriptor[];\n  id: string;\n  permissions?: FilterPermissions;\n  showTooltip?: boolean;\n}\n\nconst classBase = \"vuuFilterPillNext\";\n\nexport const FilterPillNext = ({\n  active,\n  appearence,\n  columns,\n  className,\n  defaultActive,\n  filter,\n  id,\n  onClick,\n  onMenuAction: onMenuActionProp,\n  permissions,\n  showTooltip = true,\n  ...htmlAttributes\n}: FilterPillNextProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-pill\",\n    css: filterPillNextCss,\n    window: targetWindow,\n  });\n\n  const {\n    contextMenuOpen,\n    onContextMenu,\n    onContextMenuOpenChange,\n    onMenuAction,\n    virtualElement,\n  } = useFilterPillNext({\n    active,\n    appearence,\n    defaultActive,\n    filter,\n    onMenuAction: onMenuActionProp,\n  });\n\n  const filterPill = (\n    <Button\n      {...htmlAttributes}\n      appearance=\"solid\"\n      className={cx(classBase, className, {\n        [`${classBase}-active`]: active,\n      })}\n      id={id}\n      onClick={onClick}\n      onContextMenu={onContextMenu}\n      sentiment=\"accented\"\n    >\n      {filter.name}\n    </Button>\n  );\n\n  const filterMenu = (\n    <FilterMenu\n      filterId={id}\n      getVirtualElement={() => virtualElement}\n      onMenuAction={onMenuAction}\n      onOpenChange={onContextMenuOpenChange}\n      open={contextMenuOpen}\n      permissions={permissions}\n    />\n  );\n\n  return showTooltip ? (\n    <>\n      <Tooltip\n        className={`${classBase}-tooltip`}\n        content={<FilterDisplay columns={columns} filter={filter} />}\n        placement=\"top\"\n      >\n        {filterPill}\n      </Tooltip>\n      {filterMenu}\n    </>\n  ) : (\n    <>\n      {filterPill}\n      {filterMenu}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA4BA,MAAM,SAAY,GAAA,mBAAA;AAEX,MAAM,iBAAiB,CAAC;AAAA,EAC7B,MAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,EAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAc,EAAA,gBAAA;AAAA,EACd,WAAA;AAAA,EACA,WAAc,GAAA,IAAA;AAAA,EACd,GAAG;AACL,CAA2B,KAAA;AACzB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAA,iBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,eAAA;AAAA,IACA,aAAA;AAAA,IACA,uBAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,MACE,iBAAkB,CAAA;AAAA,IACpB,MAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAc,EAAA;AAAA,GACf,CAAA;AAED,EAAA,MAAM,UACJ,mBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,UAAW,EAAA,OAAA;AAAA,MACX,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QAClC,CAAC,CAAA,EAAG,SAAS,CAAA,OAAA,CAAS,GAAG;AAAA,OAC1B,CAAA;AAAA,MACD,EAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAU,EAAA,UAAA;AAAA,MAET,QAAO,EAAA,MAAA,CAAA;AAAA;AAAA,GACV;AAGF,EAAA,MAAM,UACJ,mBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,EAAA;AAAA,MACV,mBAAmB,MAAM,cAAA;AAAA,MACzB,YAAA;AAAA,MACA,YAAc,EAAA,uBAAA;AAAA,MACd,IAAM,EAAA,eAAA;AAAA,MACN;AAAA;AAAA,GACF;AAGF,EAAA,OAAO,8BAEH,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,SAAS,CAAA,QAAA,CAAA;AAAA,QACvB,OAAS,kBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,OAAA,EAAkB,MAAgB,EAAA,CAAA;AAAA,QAC1D,SAAU,EAAA,KAAA;AAAA,QAET,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,IACC;AAAA,GAAA,EACH,oBAGG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,UAAA;AAAA,IACA;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

package/esm/filter-pill/filterAsReactNode.js

@@ -1,25 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { isMultiClauseFilter, isMultiValueFilter } from '@vuu-ui/vuu-utils';
-import { getFilterLabel } from './getFilterLabel.js';
-
-const filterAsReactNode = (f, getLabel = getFilterLabel()) => {
-  if (isMultiClauseFilter(f)) {
-    const heading = f.op === "and" ? "Match all ..." : "Match any ...";
-    return /* @__PURE__ */ jsxs("ul", { children: [
-      /* @__PURE__ */ jsx("span", { children: heading }),
-      f.filters.map((f2, i) => /* @__PURE__ */ jsx("li", { children: filterAsReactNode(f2, getLabel) }, i))
-    ] });
-  } else if (isMultiValueFilter(f)) {
-    if (f.values.length > 3) {
-      const values = f.values.slice(0, 3);
-      return `${getLabel({ ...f, values }).slice(0, -1)},...]`;
-    } else {
-      return getLabel(f);
-    }
-  } else {
-    return getLabel(f);
-  }
-};
-
-export { filterAsReactNode };
-//# sourceMappingURL=filterAsReactNode.js.map

package/esm/filter-pill/filterAsReactNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filterAsReactNode.js","sources":["../../../../packages/vuu-filters/src/filter-pill/filterAsReactNode.tsx"],"sourcesContent":["import { isMultiClauseFilter, isMultiValueFilter } from \"@vuu-ui/vuu-utils\";\nimport { Filter } from \"@vuu-ui/vuu-filter-types\";\nimport { ReactNode } from \"react\";\nimport { getFilterLabel } from \"./getFilterLabel\";\n\nexport const filterAsReactNode = (\n  f: Filter,\n  getLabel: (f: Filter) => string = getFilterLabel(),\n): ReactNode => {\n  if (isMultiClauseFilter(f)) {\n    const heading = f.op === \"and\" ? \"Match all ...\" : \"Match any ...\";\n    return (\n      <ul>\n        <span>{heading}</span>\n        {f.filters.map((f, i) => (\n          <li key={i}>{filterAsReactNode(f, getLabel)}</li>\n        ))}\n      </ul>\n    );\n  } else if (isMultiValueFilter(f)) {\n    if (f.values.length > 3) {\n      const values = f.values.slice(0, 3);\n      return `${getLabel({ ...f, values }).slice(0, -1)},...]`;\n    } else {\n      return getLabel(f);\n    }\n  } else {\n    return getLabel(f);\n  }\n};\n"],"names":["f"],"mappings":";;;;AAKO,MAAM,iBAAoB,GAAA,CAC/B,CACA,EAAA,QAAA,GAAkC,gBACpB,KAAA;AACd,EAAI,IAAA,mBAAA,CAAoB,CAAC,CAAG,EAAA;AAC1B,IAAA,MAAM,OAAU,GAAA,CAAA,CAAE,EAAO,KAAA,KAAA,GAAQ,eAAkB,GAAA,eAAA;AACnD,IAAA,4BACG,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAM,QAAQ,EAAA,OAAA,EAAA,CAAA;AAAA,MACd,CAAE,CAAA,OAAA,CAAQ,GAAI,CAAA,CAACA,EAAG,EAAA,CAAA,qBAChB,GAAA,CAAA,IAAA,EAAA,EAAY,QAAkBA,EAAAA,iBAAAA,CAAAA,EAAAA,EAAG,QAAQ,CAAA,EAAA,EAAjC,CAAmC,CAC7C;AAAA,KACH,EAAA,CAAA;AAAA,GAEJ,MAAA,IAAW,kBAAmB,CAAA,CAAC,CAAG,EAAA;AAChC,IAAI,IAAA,CAAA,CAAE,MAAO,CAAA,MAAA,GAAS,CAAG,EAAA;AACvB,MAAA,MAAM,MAAS,GAAA,CAAA,CAAE,MAAO,CAAA,KAAA,CAAM,GAAG,CAAC,CAAA;AAClC,MAAO,OAAA,CAAA,EAAG,QAAS,CAAA,EAAE,GAAG,CAAA,EAAG,MAAO,EAAC,CAAE,CAAA,KAAA,CAAM,CAAG,EAAA,CAAA,CAAE,CAAC,CAAA,KAAA,CAAA;AAAA,KAC5C,MAAA;AACL,MAAA,OAAO,SAAS,CAAC,CAAA;AAAA;AACnB,GACK,MAAA;AACL,IAAA,OAAO,SAAS,CAAC,CAAA;AAAA;AAErB;;;;"}

package/esm/filter-pill/getFilterLabel.js

@@ -1,20 +0,0 @@
-import { isMultiClauseFilter } from '@vuu-ui/vuu-utils';
-
-const getColumnLabel = (filter, columnsByName) => {
-  const column = columnsByName?.[filter.column];
-  if (column) {
-    return column.label ?? column.name;
-  } else {
-    return filter.column;
-  }
-};
-const getFilterLabel = (columnsByName) => (filter) => {
-  if (isMultiClauseFilter(filter)) {
-    return filter.filters.map((f) => getFilterLabel(columnsByName)(f)).join(", ");
-  } else {
-    return getColumnLabel(filter, columnsByName);
-  }
-};
-
-export { getFilterLabel };
-//# sourceMappingURL=getFilterLabel.js.map

package/esm/filter-pill/getFilterLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFilterLabel.js","sources":["../../../../packages/vuu-filters/src/filter-pill/getFilterLabel.ts"],"sourcesContent":["import {\n  ColumnDescriptorsByName,\n  Filter,\n  FilterClause,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { isMultiClauseFilter } from \"@vuu-ui/vuu-utils\";\n\nconst getColumnLabel = (\n  filter: FilterClause,\n  columnsByName?: ColumnDescriptorsByName,\n) => {\n  const column = columnsByName?.[filter.column];\n  if (column) {\n    return column.label ?? column.name;\n  } else {\n    return filter.column;\n  }\n};\n\nexport const getFilterLabel =\n  (columnsByName?: ColumnDescriptorsByName) =>\n  (filter: Filter): string => {\n    if (isMultiClauseFilter(filter)) {\n      return filter.filters\n        .map((f) => getFilterLabel(columnsByName)(f))\n        .join(\", \");\n    } else {\n      return getColumnLabel(filter, columnsByName);\n    }\n  };\n"],"names":[],"mappings":";;AAOA,MAAM,cAAA,GAAiB,CACrB,MAAA,EACA,aACG,KAAA;AACH,EAAM,MAAA,MAAA,GAAS,aAAgB,GAAA,MAAA,CAAO,MAAM,CAAA;AAC5C,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,OAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAA;AAAA,GACzB,MAAA;AACL,IAAA,OAAO,MAAO,CAAA,MAAA;AAAA;AAElB,CAAA;AAEO,MAAM,cACX,GAAA,CAAC,aACD,KAAA,CAAC,MAA2B,KAAA;AAC1B,EAAI,IAAA,mBAAA,CAAoB,MAAM,CAAG,EAAA;AAC/B,IAAA,OAAO,MAAO,CAAA,OAAA,CACX,GAAI,CAAA,CAAC,CAAM,KAAA,cAAA,CAAe,aAAa,CAAA,CAAE,CAAC,CAAC,CAC3C,CAAA,IAAA,CAAK,IAAI,CAAA;AAAA,GACP,MAAA;AACL,IAAO,OAAA,cAAA,CAAe,QAAQ,aAAa,CAAA;AAAA;AAE/C;;;;"}

package/esm/filter-pill/getFilterTooltipText.js

@@ -1,39 +0,0 @@
-import { isMultiClauseFilter, filterAsQuery, isDateTimeDataValue, dateTimePattern, formatDate, defaultPatternsByType } from '@vuu-ui/vuu-utils';
-import { filterClauses } from '../filter-utils.js';
-
-function applyFormatter(filter, formatter) {
-  if ("value" in filter) {
-    return { ...filter, value: formatter(filter.value) };
-  } else {
-    return { ...filter, values: filter.values.map(formatter) };
-  }
-}
-function formatFilterValue(filter, columnsByName) {
-  const column = columnsByName?.[filter.column];
-  if (column && isDateTimeDataValue(column)) {
-    const pattern = dateTimePattern(column.type);
-    const formatter = (n) => formatDate({ date: pattern.date ?? defaultPatternsByType.date })(
-      new Date(n)
-    );
-    return applyFormatter(
-      filter,
-      formatter
-    );
-  }
-  return filter;
-}
-const getFilterAsFormattedText = (columnsByName) => (filter) => {
-  if (isMultiClauseFilter(filter)) {
-    const [firstClause] = filterClauses(filter);
-    const formattedFilter = formatFilterValue(
-      firstClause,
-      columnsByName
-    );
-    return `${filterAsQuery(formattedFilter)} ${filter.op} ...`;
-  } else {
-    return filterAsQuery(formatFilterValue(filter, columnsByName));
-  }
-};
-
-export { getFilterAsFormattedText };
-//# sourceMappingURL=getFilterTooltipText.js.map

package/esm/filter-pill/getFilterTooltipText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFilterTooltipText.js","sources":["../../../../packages/vuu-filters/src/filter-pill/getFilterTooltipText.ts"],"sourcesContent":["import {\n  ColumnDescriptorsByName,\n  Filter,\n  FilterClause,\n  MultiValueFilterClause,\n  SingleValueFilterClause,\n} from \"@vuu-ui/vuu-filter-types\";\nimport {\n  filterAsQuery,\n  formatDate,\n  isDateTimeDataValue,\n  isMultiClauseFilter,\n  dateTimePattern,\n  defaultPatternsByType,\n} from \"@vuu-ui/vuu-utils\";\nimport { filterClauses } from \"../filter-utils\";\n\nfunction applyFormatter<T>(\n  filter: SingleValueFilterClause<T> | MultiValueFilterClause<T[]>,\n  formatter: (t: T) => string,\n): FilterClause {\n  if (\"value\" in filter) {\n    return { ...filter, value: formatter(filter.value) };\n  } else {\n    return { ...filter, values: filter.values.map(formatter) };\n  }\n}\n\nfunction formatFilterValue(\n  filter: FilterClause,\n  columnsByName?: ColumnDescriptorsByName,\n): FilterClause {\n  const column = columnsByName?.[filter.column];\n  if (column && isDateTimeDataValue(column)) {\n    const pattern = dateTimePattern(column.type);\n    const formatter = (n: number) =>\n      formatDate({ date: pattern.date ?? defaultPatternsByType.date })(\n        new Date(n),\n      );\n    return applyFormatter(\n      filter as\n        | SingleValueFilterClause<number>\n        | MultiValueFilterClause<number[]>,\n      formatter,\n    );\n  }\n\n  return filter;\n}\n\nexport const getFilterAsFormattedText =\n  (columnsByName?: ColumnDescriptorsByName) => (filter: Filter) => {\n    if (isMultiClauseFilter(filter)) {\n      const [firstClause] = filterClauses(filter);\n      const formattedFilter = formatFilterValue(\n        firstClause as FilterClause,\n        columnsByName,\n      );\n      return `${filterAsQuery(formattedFilter)} ${filter.op} ...`;\n    } else {\n      return filterAsQuery(formatFilterValue(filter, columnsByName));\n    }\n  };\n"],"names":[],"mappings":";;;AAiBA,SAAS,cAAA,CACP,QACA,SACc,EAAA;AACd,EAAA,IAAI,WAAW,MAAQ,EAAA;AACrB,IAAA,OAAO,EAAE,GAAG,MAAA,EAAQ,OAAO,SAAU,CAAA,MAAA,CAAO,KAAK,CAAE,EAAA;AAAA,GAC9C,MAAA;AACL,IAAO,OAAA,EAAE,GAAG,MAAQ,EAAA,MAAA,EAAQ,OAAO,MAAO,CAAA,GAAA,CAAI,SAAS,CAAE,EAAA;AAAA;AAE7D;AAEA,SAAS,iBAAA,CACP,QACA,aACc,EAAA;AACd,EAAM,MAAA,MAAA,GAAS,aAAgB,GAAA,MAAA,CAAO,MAAM,CAAA;AAC5C,EAAI,IAAA,MAAA,IAAU,mBAAoB,CAAA,MAAM,CAAG,EAAA;AACzC,IAAM,MAAA,OAAA,GAAU,eAAgB,CAAA,MAAA,CAAO,IAAI,CAAA;AAC3C,IAAM,MAAA,SAAA,GAAY,CAAC,CAAA,KACjB,UAAW,CAAA,EAAE,MAAM,OAAQ,CAAA,IAAA,IAAQ,qBAAsB,CAAA,IAAA,EAAM,CAAA;AAAA,MAC7D,IAAI,KAAK,CAAC;AAAA,KACZ;AACF,IAAO,OAAA,cAAA;AAAA,MACL,MAAA;AAAA,MAGA;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,MAAA;AACT;AAEO,MAAM,wBACX,GAAA,CAAC,aAA4C,KAAA,CAAC,MAAmB,KAAA;AAC/D,EAAI,IAAA,mBAAA,CAAoB,MAAM,CAAG,EAAA;AAC/B,IAAA,MAAM,CAAC,WAAW,CAAI,GAAA,aAAA,CAAc,MAAM,CAAA;AAC1C,IAAA,MAAM,eAAkB,GAAA,iBAAA;AAAA,MACtB,WAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,OAAO,GAAG,aAAc,CAAA,eAAe,CAAC,CAAA,CAAA,EAAI,OAAO,EAAE,CAAA,IAAA,CAAA;AAAA,GAChD,MAAA;AACL,IAAA,OAAO,aAAc,CAAA,iBAAA,CAAkB,MAAQ,EAAA,aAAa,CAAC,CAAA;AAAA;AAEjE;;;;"}

package/esm/filter-pill/useFilterPillNext.js

@@ -1,63 +0,0 @@
-import { useControlled } from '@salt-ds/core';
-import { useState, useMemo, useCallback } from 'react';
-import { getFilterAsFormattedText } from './getFilterTooltipText.js';
-
-const useFilterPillNext = ({
-  active: activeProp,
-  appearence = "button",
-  defaultActive,
-  filter,
-  onMenuAction
-}) => {
-  const [active] = useControlled({
-    controlled: activeProp,
-    default: defaultActive ?? false,
-    name: "FilterPillNext",
-    state: "active"
-  });
-  const [contextMenuOpen, setContextMenuOpen] = useState(false);
-  const [virtualElement, setVirtualElement] = useState(
-    null
-  );
-  const tooltipText = useMemo(() => {
-    const getTooltipText = getFilterAsFormattedText();
-    return getTooltipText(filter);
-  }, [filter]);
-  const onContextMenu = (e) => {
-    e.preventDefault();
-    if (appearence === "button") {
-      setVirtualElement({
-        getBoundingClientRect: () => ({
-          width: 0,
-          height: 0,
-          x: e.clientX,
-          y: e.clientY,
-          top: e.clientY,
-          right: e.clientX,
-          bottom: e.clientY,
-          left: e.clientX
-        })
-      });
-      setContextMenuOpen(true);
-    }
-  };
-  const handleMenuAction = useCallback(
-    (filterId, actionType) => {
-      setContextMenuOpen(false);
-      onMenuAction?.(filterId, actionType);
-    },
-    [onMenuAction]
-  );
-  return {
-    active,
-    contextMenuOpen,
-    onContextMenu,
-    onContextMenuOpenChange: setContextMenuOpen,
-    onMenuAction: handleMenuAction,
-    tooltipText,
-    virtualElement
-  };
-};
-
-export { useFilterPillNext };
-//# sourceMappingURL=useFilterPillNext.js.map

package/esm/filter-pill/useFilterPillNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFilterPillNext.js","sources":["../../../../packages/vuu-filters/src/filter-pill/useFilterPillNext.ts"],"sourcesContent":["import type { VirtualElement } from \"@floating-ui/react\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { MouseEventHandler, useCallback, useMemo, useState } from \"react\";\nimport { FilterMenuActionHandler } from \"./FilterMenu\";\nimport { getFilterAsFormattedText } from \"./getFilterTooltipText\";\nimport { FilterContainerFilter } from \"@vuu-ui/vuu-filter-types\";\n\nexport interface FilterPillNextHookProps {\n  active?: boolean;\n  /**\n   * Determines how menu items will be presented\n   * 'button' - menu items will be context menu\n   * 'split-button' - menu items will be dropdowns\n   */\n  appearence?: \"split-button\" | \"button\";\n  defaultActive?: boolean;\n  filter: FilterContainerFilter;\n  onMenuAction?: FilterMenuActionHandler;\n}\n\nexport const useFilterPillNext = ({\n  active: activeProp,\n  appearence = \"button\",\n  defaultActive,\n  filter,\n  onMenuAction,\n}: FilterPillNextHookProps) => {\n  const [active] = useControlled({\n    controlled: activeProp,\n    default: defaultActive ?? false,\n    name: \"FilterPillNext\",\n    state: \"active\",\n  });\n\n  const [contextMenuOpen, setContextMenuOpen] = useState(false);\n  const [virtualElement, setVirtualElement] = useState<VirtualElement | null>(\n    null,\n  );\n\n  const tooltipText = useMemo(() => {\n    const getTooltipText = getFilterAsFormattedText();\n    return getTooltipText(filter);\n  }, [filter]);\n\n  const onContextMenu: MouseEventHandler<HTMLButtonElement> = (e) => {\n    e.preventDefault();\n    if (appearence === \"button\") {\n      setVirtualElement({\n        getBoundingClientRect: () => ({\n          width: 0,\n          height: 0,\n          x: e.clientX,\n          y: e.clientY,\n          top: e.clientY,\n          right: e.clientX,\n          bottom: e.clientY,\n          left: e.clientX,\n        }),\n      });\n      setContextMenuOpen(true);\n    }\n  };\n\n  const handleMenuAction = useCallback<FilterMenuActionHandler>(\n    (filterId, actionType) => {\n      setContextMenuOpen(false);\n      onMenuAction?.(filterId, actionType);\n    },\n    [onMenuAction],\n  );\n\n  return {\n    active,\n    contextMenuOpen,\n    onContextMenu,\n    onContextMenuOpenChange: setContextMenuOpen,\n    onMenuAction: handleMenuAction,\n    tooltipText,\n    virtualElement,\n  };\n};\n"],"names":[],"mappings":";;;;AAoBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,MAAQ,EAAA,UAAA;AAAA,EACR,UAAa,GAAA,QAAA;AAAA,EACb,aAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAA+B,KAAA;AAC7B,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,aAAc,CAAA;AAAA,IAC7B,UAAY,EAAA,UAAA;AAAA,IACZ,SAAS,aAAiB,IAAA,KAAA;AAAA,IAC1B,IAAM,EAAA,gBAAA;AAAA,IACN,KAAO,EAAA;AAAA,GACR,CAAA;AAED,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAM,MAAA,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAA,QAAA;AAAA,IAC1C;AAAA,GACF;AAEA,EAAM,MAAA,WAAA,GAAc,QAAQ,MAAM;AAChC,IAAA,MAAM,iBAAiB,wBAAyB,EAAA;AAChD,IAAA,OAAO,eAAe,MAAM,CAAA;AAAA,GAC9B,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAM,MAAA,aAAA,GAAsD,CAAC,CAAM,KAAA;AACjE,IAAA,CAAA,CAAE,cAAe,EAAA;AACjB,IAAA,IAAI,eAAe,QAAU,EAAA;AAC3B,MAAkB,iBAAA,CAAA;AAAA,QAChB,uBAAuB,OAAO;AAAA,UAC5B,KAAO,EAAA,CAAA;AAAA,UACP,MAAQ,EAAA,CAAA;AAAA,UACR,GAAG,CAAE,CAAA,OAAA;AAAA,UACL,GAAG,CAAE,CAAA,OAAA;AAAA,UACL,KAAK,CAAE,CAAA,OAAA;AAAA,UACP,OAAO,CAAE,CAAA,OAAA;AAAA,UACT,QAAQ,CAAE,CAAA,OAAA;AAAA,UACV,MAAM,CAAE,CAAA;AAAA,SACV;AAAA,OACD,CAAA;AACD,MAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA;AACzB,GACF;AAEA,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IACvB,CAAC,UAAU,UAAe,KAAA;AACxB,MAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,MAAA,YAAA,GAAe,UAAU,UAAU,CAAA;AAAA,KACrC;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA;AAAA,IACA,uBAAyB,EAAA,kBAAA;AAAA,IACzB,YAAc,EAAA,gBAAA;AAAA,IACd,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/esm/filter-pill-menu/FilterPillMenuOptions.js

@@ -1,27 +0,0 @@
-const closeCommand = (options) => ({
-  label: `Close`,
-  location: "filter",
-  id: `close-filter`,
-  options
-});
-const deleteCommand = (options) => ({
-  label: `Delete`,
-  location: "filter",
-  id: `delete-filter`,
-  options
-});
-const renameCommand = (options) => ({
-  label: `Rename`,
-  location: "filter",
-  id: `rename-filter`,
-  options
-});
-const editCommand = (options) => ({
-  label: `Edit`,
-  location: "filter",
-  id: "edit-filter",
-  options
-});
-
-export { closeCommand, deleteCommand, editCommand, renameCommand };
-//# sourceMappingURL=FilterPillMenuOptions.js.map

package/esm/filter-pill-menu/FilterPillMenuOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterPillMenuOptions.js","sources":["../../../../packages/vuu-filters/src/filter-pill-menu/FilterPillMenuOptions.ts"],"sourcesContent":["import { ContextMenuItemDescriptor } from \"@vuu-ui/vuu-context-menu\";\n\nexport type MenuOptions = { [key: string]: unknown };\n\nexport interface FilterPillMenuOptions {\n  tabIndex: number;\n}\n\nexport const isFilterPillMenuOptions = (\n  options: unknown,\n): options is FilterPillMenuOptions =>\n  typeof options === \"object\" && options !== null && \"filter\" in options;\n\nexport const closeCommand = (options?: MenuOptions) =>\n  ({\n    label: `Close`,\n    location: \"filter\",\n    id: `close-filter`,\n    options,\n  }) as ContextMenuItemDescriptor;\n\nexport const deleteCommand = (options?: MenuOptions) =>\n  ({\n    label: `Delete`,\n    location: \"filter\",\n    id: `delete-filter`,\n    options,\n  }) as ContextMenuItemDescriptor;\n\nexport const renameCommand = (options?: MenuOptions) =>\n  ({\n    label: `Rename`,\n    location: \"filter\",\n    id: `rename-filter`,\n    options,\n  }) as ContextMenuItemDescriptor;\n\nexport const editCommand = (options?: MenuOptions) =>\n  ({\n    label: `Edit`,\n    location: \"filter\",\n    id: \"edit-filter\",\n    options,\n  }) as ContextMenuItemDescriptor;\n"],"names":[],"mappings":"AAaa,MAAA,YAAA,GAAe,CAAC,OAC1B,MAAA;AAAA,EACC,KAAO,EAAA,CAAA,KAAA,CAAA;AAAA,EACP,QAAU,EAAA,QAAA;AAAA,EACV,EAAI,EAAA,CAAA,YAAA,CAAA;AAAA,EACJ;AACF,CAAA;AAEW,MAAA,aAAA,GAAgB,CAAC,OAC3B,MAAA;AAAA,EACC,KAAO,EAAA,CAAA,MAAA,CAAA;AAAA,EACP,QAAU,EAAA,QAAA;AAAA,EACV,EAAI,EAAA,CAAA,aAAA,CAAA;AAAA,EACJ;AACF,CAAA;AAEW,MAAA,aAAA,GAAgB,CAAC,OAC3B,MAAA;AAAA,EACC,KAAO,EAAA,CAAA,MAAA,CAAA;AAAA,EACP,QAAU,EAAA,QAAA;AAAA,EACV,EAAI,EAAA,CAAA,aAAA,CAAA;AAAA,EACJ;AACF,CAAA;AAEW,MAAA,WAAA,GAAc,CAAC,OACzB,MAAA;AAAA,EACC,KAAO,EAAA,CAAA,IAAA,CAAA;AAAA,EACP,QAAU,EAAA,QAAA;AAAA,EACV,EAAI,EAAA,aAAA;AAAA,EACJ;AACF,CAAA;;;;"}

package/esm/filter-provider/FilterContext.js

@@ -1,94 +0,0 @@
-import { createContext, useContext, useCallback } from 'react';
-
-const filterDescriptorHasFilter = (f) => !isEmptyFilter(f) && !isNullFilter(f);
-const isSavedFilter = (f) => f.id !== UNSAVED_FILTER && f.id !== NULL_FILTER && f.id !== EMPTY_FILTER;
-const getCurrentFilter = (key, savedFilters) => {
-  const filterDescriptors = savedFilters.get(key);
-  if (filterDescriptors) {
-    const activeFilter = filterDescriptors.find((f) => f.active);
-    if (activeFilter) {
-      return activeFilter;
-    }
-  }
-  return NullFilterDescriptor;
-};
-const UNSAVED_FILTER = "unsaved-filter";
-const EMPTY_FILTER = "empty-filter";
-const NULL_FILTER = "null-filter";
-const isEmptyFilter = (f) => f?.id === EMPTY_FILTER;
-const isNullFilter = (f) => f?.id === NULL_FILTER;
-const NullFilterDescriptor = {
-  active: true,
-  id: NULL_FILTER,
-  filter: null
-};
-const EmptyFilterDescriptor = {
-  active: true,
-  id: EMPTY_FILTER,
-  filter: null
-};
-const FilterContext = createContext({
-  filterDescriptors: /* @__PURE__ */ new Map(),
-  deleteFilter: () => console.warn(
-    "[FilterContext] deleteFilter, no FilterProvider has been configured"
-  ),
-  saveFilter: () => console.warn(
-    "[FilterContext] saveFilter, no FilterProvider has been configured"
-  ),
-  clearCurrentFilter: () => console.warn(
-    "[FilterContext] clearFilter, no FilterProvider has been configured"
-  ),
-  setCurrentFilter: () => console.warn(
-    "[FilterContext] setCurrentFilter, no FilterProvider has been configured"
-  )
-});
-function useSavedFilters(key = "GLOBAL", props) {
-  const {
-    onFilterMenuAction,
-    filterDescriptors,
-    saveFilter,
-    setCurrentFilter,
-    filterNameMaxLength
-  } = useContext(FilterContext);
-  const handleFilterMenuAction = useCallback(
-    (filterId, filterAction) => {
-      onFilterMenuAction?.(
-        key,
-        filterId,
-        filterAction,
-        props?.availableColumns
-      );
-    },
-    [key, onFilterMenuAction, props?.availableColumns]
-  );
-  const handleSaveFilter = useCallback(
-    (name) => {
-      saveFilter(key, name);
-    },
-    [key, saveFilter]
-  );
-  const handleSetCurrentFilter = useCallback(
-    (filter, localKey = key) => {
-      setCurrentFilter(localKey, filter);
-    },
-    [key, setCurrentFilter]
-  );
-  const handleClearCurrentFilter = useCallback(
-    (localKey = key) => {
-      setCurrentFilter(localKey, NULL_FILTER);
-    },
-    [key, setCurrentFilter]
-  );
-  return {
-    currentFilter: getCurrentFilter(key, filterDescriptors),
-    onFilterMenuAction: handleFilterMenuAction,
-    savedFilters: filterDescriptors?.get(key)?.filter(isSavedFilter),
-    saveFilter: handleSaveFilter,
-    clearCurrentFilter: handleClearCurrentFilter,
-    setCurrentFilter: handleSetCurrentFilter,
-    filterNameMaxLength
-  };
-}
-
-export { EMPTY_FILTER, EmptyFilterDescriptor, FilterContext, NULL_FILTER, NullFilterDescriptor, UNSAVED_FILTER, filterDescriptorHasFilter, isEmptyFilter, isNullFilter, useSavedFilters };
-//# sourceMappingURL=FilterContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FilterContext.js","sources":["../../../../packages/vuu-filters/src/filter-provider/FilterContext.ts"],"sourcesContent":["import {\n  FilterContainerFilter,\n  FilterContainerFilterDescriptor,\n  FilterContainerFilterDescriptorWithFilter,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { FilterAction } from \"../filter-pill/FilterMenu\";\nimport { createContext, useCallback, useContext } from \"react\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\n\nexport const filterDescriptorHasFilter = (\n  f: FilterContainerFilterDescriptor,\n): f is FilterContainerFilterDescriptorWithFilter =>\n  !isEmptyFilter(f) && !isNullFilter(f);\n\nconst isSavedFilter = (\n  f: FilterContainerFilterDescriptor,\n): f is FilterContainerFilterDescriptorWithFilter =>\n  f.id !== UNSAVED_FILTER && f.id !== NULL_FILTER && f.id !== EMPTY_FILTER;\n\nconst getCurrentFilter = (\n  key: string,\n  savedFilters: Map<string, FilterContainerFilterDescriptor[]>,\n) => {\n  const filterDescriptors = savedFilters.get(key);\n  if (filterDescriptors) {\n    const activeFilter = filterDescriptors.find((f) => f.active);\n    if (activeFilter) {\n      return activeFilter;\n    }\n  }\n  return NullFilterDescriptor;\n};\n\nexport type FilterContextFilterMenuActionHandler = <\n  T extends FilterAction = FilterAction,\n>(\n  key: string,\n  filterId: string,\n  filterAction: T,\n  /**\n   * Some menu action handlers may use columns to enrich filter display\n   */\n  columns?: ColumnDescriptor[],\n) => void;\n\nexport interface FilterContextProps {\n  deleteFilter: (key: string, filterId: string) => void;\n  saveFilter: (key: string, name: string) => void;\n  filterDescriptors: Map<string, FilterContainerFilterDescriptor[]>;\n  onFilterMenuAction?: FilterContextFilterMenuActionHandler;\n  clearCurrentFilter: (key: string) => void;\n  setCurrentFilter: (\n    key: string,\n    filter: string | FilterContainerFilter,\n  ) => void;\n  filterNameMaxLength?: number;\n}\n\nexport const UNSAVED_FILTER = \"unsaved-filter\";\nexport const EMPTY_FILTER = \"empty-filter\";\nexport const NULL_FILTER = \"null-filter\";\n\nexport const isEmptyFilter = (f?: FilterContainerFilterDescriptor) =>\n  f?.id === EMPTY_FILTER;\nexport const isNullFilter = (f?: FilterContainerFilterDescriptor) =>\n  f?.id === NULL_FILTER;\n\nexport const NullFilterDescriptor: FilterContainerFilterDescriptor = {\n  active: true,\n  id: NULL_FILTER,\n  filter: null,\n};\n\nexport const EmptyFilterDescriptor: FilterContainerFilterDescriptor = {\n  active: true,\n  id: EMPTY_FILTER,\n  filter: null,\n};\n\nexport const FilterContext = createContext<FilterContextProps>({\n  filterDescriptors: new Map<string, FilterContainerFilterDescriptor[]>(),\n  deleteFilter: () =>\n    console.warn(\n      \"[FilterContext] deleteFilter, no FilterProvider has been configured\",\n    ),\n  saveFilter: () =>\n    console.warn(\n      \"[FilterContext] saveFilter, no FilterProvider has been configured\",\n    ),\n  clearCurrentFilter: () =>\n    console.warn(\n      \"[FilterContext] clearFilter, no FilterProvider has been configured\",\n    ),\n  setCurrentFilter: () =>\n    console.warn(\n      \"[FilterContext] setCurrentFilter, no FilterProvider has been configured\",\n    ),\n});\n\ninterface SavedFilterHookProps {\n  availableColumns?: ColumnDescriptor[];\n}\n\nexport function useSavedFilters(key = \"GLOBAL\", props?: SavedFilterHookProps) {\n  const {\n    onFilterMenuAction,\n    filterDescriptors,\n    saveFilter,\n    setCurrentFilter,\n    filterNameMaxLength,\n  } = useContext(FilterContext);\n\n  const handleFilterMenuAction = useCallback(\n    (filterId: string, filterAction: FilterAction) => {\n      onFilterMenuAction?.(\n        key,\n        filterId,\n        filterAction,\n        props?.availableColumns,\n      );\n    },\n    [key, onFilterMenuAction, props?.availableColumns],\n  );\n\n  const handleSaveFilter = useCallback(\n    (name: string) => {\n      saveFilter(key, name);\n    },\n    [key, saveFilter],\n  );\n\n  /**\n   * Set the current filter, using the filterProviderKey specified\n   * in hook call. Alternatively, a localKey can be provided in this\n   * call to override the key above. This can be useful where\n   * setCurrentFilter is called from a hook where the key is not in\n   * scope at the point where  useSavedFilters is called.\n   */\n  const handleSetCurrentFilter = useCallback(\n    (filter: string | FilterContainerFilter, localKey = key) => {\n      setCurrentFilter(localKey, filter);\n    },\n    [key, setCurrentFilter],\n  );\n\n  const handleClearCurrentFilter = useCallback(\n    (localKey = key) => {\n      setCurrentFilter(localKey, NULL_FILTER);\n    },\n    [key, setCurrentFilter],\n  );\n\n  return {\n    currentFilter: getCurrentFilter(key, filterDescriptors),\n    onFilterMenuAction: handleFilterMenuAction,\n    savedFilters: filterDescriptors?.get(key)?.filter(isSavedFilter),\n    saveFilter: handleSaveFilter,\n    clearCurrentFilter: handleClearCurrentFilter,\n    setCurrentFilter: handleSetCurrentFilter,\n    filterNameMaxLength,\n  };\n}\n"],"names":[],"mappings":"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"}

package/esm/filter-provider/FilterProvider.js

@@ -1,238 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useMemo, useCallback } from 'react';
-import { FilterNamePrompt } from '../saved-filters/FilterNamePrompt.js';
-import { DeleteFilterPrompt } from '../saved-filters/DeleteFilterPrompt.js';
-import { renameFilter, findFilter, insertOrReplaceFilter, activateFilter } from './filter-descriptor-utils.js';
-import { uuid } from '@vuu-ui/vuu-utils';
-import { UNSAVED_FILTER, NULL_FILTER, EMPTY_FILTER, FilterContext, NullFilterDescriptor, EmptyFilterDescriptor } from './FilterContext.js';
-
-const findActiveFilter = (filterDescriptors) => filterDescriptors.find((f) => f.active) ?? NullFilterDescriptor;
-const findFilterByName = (filterDescriptors, name) => filterDescriptors.find((f) => f.filter?.name === name);
-const mapToRecord = (savedFilters) => {
-  const record = {};
-  savedFilters.forEach((filterDescriptors, key) => {
-    record[key] = filterDescriptors;
-  });
-  return record;
-};
-const FilterProvider = ({
-  children,
-  onFiltersSaved,
-  savedFilters: savedFiltersProp,
-  filterNameMaxLength
-}) => {
-  const [, forceRefresh] = useState({});
-  const savedFilters = useMemo(
-    () => savedFiltersProp ? new Map(Object.entries(savedFiltersProp)) : /* @__PURE__ */ new Map(),
-    [savedFiltersProp]
-  );
-  const [dialog, setDialog] = useState(null);
-  const deleteFilter = useCallback(
-    (key, filterId) => {
-      const filterDescriptors = savedFilters.get(key);
-      if (filterDescriptors === void 0) {
-        throw Error(`[FilterProvider] deleteFilter, key ${key} not found`);
-      } else {
-        const newFilterDescriptors = filterDescriptors.filter(
-          ({ id }) => id !== filterId
-        );
-        savedFilters.set(key, newFilterDescriptors);
-        if (filterId !== UNSAVED_FILTER) {
-          onFiltersSaved?.(mapToRecord(savedFilters));
-        }
-      }
-    },
-    [onFiltersSaved, savedFilters]
-  );
-  const applyNewName = useCallback(
-    (key, filterId, name) => {
-      const filterDescriptors = savedFilters.get(key);
-      if (filterDescriptors === void 0) {
-        throw Error(`[FilterProvider] applyNewName, key ${key} not found`);
-      } else {
-        const newFilterDescriptors = renameFilter(
-          filterDescriptors,
-          filterId,
-          name
-        );
-        savedFilters.set(key, newFilterDescriptors);
-        onFiltersSaved?.(mapToRecord(savedFilters));
-      }
-    },
-    [onFiltersSaved, savedFilters]
-  );
-  const promptForFilterName = useCallback(
-    (key, { filter, id }) => {
-      const originalFilterName = filter?.name ?? "";
-      setDialog(
-        /* @__PURE__ */ jsx(
-          FilterNamePrompt,
-          {
-            filterName: filter?.name,
-            title: "Rename filter",
-            onClose: () => setDialog(null),
-            onConfirm: (name) => {
-              setDialog(null);
-              if (originalFilterName !== name) {
-                applyNewName(key, id, name);
-              }
-            },
-            filterNameMaxLength
-          }
-        )
-      );
-    },
-    [applyNewName, filterNameMaxLength]
-  );
-  const promptForConfirmationOfDelete = useCallback(
-    (key, filterDescriptor, columns) => {
-      setDialog(
-        /* @__PURE__ */ jsx(
-          DeleteFilterPrompt,
-          {
-            columns,
-            filterDescriptor,
-            onConfirm: () => {
-              setDialog(null);
-              deleteFilter(key, filterDescriptor.id);
-            },
-            onClose: () => setDialog(null)
-          }
-        )
-      );
-    },
-    [deleteFilter]
-  );
-  const handleFilterMenuAction = useCallback(
-    (key, filterId, actionType, columns) => {
-      const filterDescriptors = savedFilters.get(key);
-      if (filterDescriptors === void 0) {
-        throw Error(`[FilterProvider] applyNewName, key ${key} not found`);
-      } else {
-        const targetFilter = findFilter(filterDescriptors, filterId);
-        switch (actionType) {
-          case "close":
-            console.log(`close filter ${filterId}`);
-            break;
-          case "edit":
-            console.log(`edit filter ${filterId}`);
-            break;
-          case "remove":
-            if (filterId === UNSAVED_FILTER) {
-              console.log("remove unsaved filter");
-            } else {
-              promptForConfirmationOfDelete(key, targetFilter, columns);
-            }
-            break;
-          case "rename":
-            return promptForFilterName(key, targetFilter);
-        }
-      }
-    },
-    [promptForConfirmationOfDelete, promptForFilterName, savedFilters]
-  );
-  const handleSaveFilter = useCallback(
-    (key, name) => {
-      const filterDescriptors = savedFilters.get(key);
-      if (filterDescriptors === void 0) {
-        throw Error(`[FilterProvider] applyNewName, key ${key} not found`);
-      } else {
-        const activeFilter = findActiveFilter(filterDescriptors);
-        if (activeFilter.filter === null) {
-          throw Error("[FilterProvider] cannot save an empty filter");
-        }
-        const filterWithSameName = findFilterByName(filterDescriptors, name);
-        if (activeFilter === filterWithSameName) {
-          return;
-        } else if (filterWithSameName !== void 0) {
-          const newFilterDescriptors = filterDescriptors.reduce((list, filterDescriptor) => {
-            if (filterDescriptor === activeFilter) {
-              list.push({
-                active: true,
-                filter: { ...filterDescriptor.filter, name },
-                id: uuid(),
-                name
-              });
-            } else if (filterDescriptor.filter?.name !== name) {
-              list.push(filterDescriptor);
-            }
-            return list;
-          }, []);
-          savedFilters.set(key, newFilterDescriptors);
-        } else {
-          const newFilterDescriptors = filterDescriptors.map(
-            (filterDescriptor) => filterDescriptor === activeFilter ? {
-              active: true,
-              filter: { ...filterDescriptor.filter, name },
-              id: uuid(),
-              name
-            } : filterDescriptor
-          );
-          savedFilters.set(key, newFilterDescriptors);
-          onFiltersSaved?.(mapToRecord(savedFilters));
-        }
-      }
-      forceRefresh({});
-    },
-    [onFiltersSaved, savedFilters]
-  );
-  const setCurrentFilter = useCallback(
-    (key, filter) => {
-      const filterDescriptors = savedFilters.get(key) ?? [];
-      if (filter === NULL_FILTER) {
-        const newFilterDescriptors = insertOrReplaceFilter(
-          filterDescriptors,
-          NullFilterDescriptor
-        );
-        savedFilters.set(key, newFilterDescriptors);
-      } else if (filter === EMPTY_FILTER) {
-        const newFilterDescriptors = insertOrReplaceFilter(
-          filterDescriptors,
-          EmptyFilterDescriptor
-        );
-        savedFilters.set(key, newFilterDescriptors);
-      } else if (typeof filter === "string") {
-        const newFilterDescriptors = activateFilter(filterDescriptors, filter);
-        savedFilters.set(key, newFilterDescriptors);
-      } else if (filter) {
-        const newFilterDescriptors = insertOrReplaceFilter(filterDescriptors, {
-          active: true,
-          filter,
-          id: UNSAVED_FILTER
-        });
-        savedFilters.set(key, newFilterDescriptors);
-      } else {
-        deleteFilter(key, UNSAVED_FILTER);
-      }
-      forceRefresh({});
-    },
-    [deleteFilter, savedFilters]
-  );
-  const clearCurrentFilter = useCallback(
-    (key) => {
-      setCurrentFilter(key, NULL_FILTER);
-    },
-    [setCurrentFilter]
-  );
-  return /* @__PURE__ */ jsxs(
-    FilterContext.Provider,
-    {
-      value: {
-        onFilterMenuAction: handleFilterMenuAction,
-        deleteFilter,
-        saveFilter: handleSaveFilter,
-        filterDescriptors: savedFilters,
-        clearCurrentFilter,
-        setCurrentFilter,
-        filterNameMaxLength
-      },
-      children: [
-        children,
-        dialog
-      ]
-    }
-  );
-};
-
-export { FilterProvider };
-//# sourceMappingURL=FilterProvider.js.map