@planningcenter/tapestry 4.7.0 → 4.8.0-rc.1

package/dist/components/DataTable/FilterControls.js

@@ -2,7 +2,7 @@ import '../button/ActionsDropdownIconButton.js';
 import { Button } from '../button/Button.js';
 import '../button/DropdownButton.js';
 import '../button/DropdownIconButton.js';
-import '../button/IconButton.js';
+import { IconButton } from '../button/IconButton.js';
 import '../button/LoadingButton.js';
 import '../button/PageHeaderActionsDropdownButton.js';
 import { ButtonGroup } from '../button-group/ButtonGroup.js';
@@ -10,63 +10,121 @@ import { DropdownSection, DropdownAction } from '../dropdown/Dropdown.js';
 import { Popover, PopoverTrigger, PopoverContent } from '../popover/Popover.js';
 import Icon from '../../utilities/Icon.js';
 import { useId } from '../../utilities/useId.js';
-import React__default, { useState, useMemo } from 'react';
+import classNames from 'classnames';
+import React__default, { useState, useRef, useMemo } from 'react';
 import { Autocomplete, SearchField } from 'react-aria-components';
 import { Input } from 'react-aria-components/Input';
 import { Label } from 'react-aria-components/Label';
 import { Menu, SubmenuTrigger, Popover as Popover$1 } from 'react-aria-components/Menu';
+import { useAddFilterButtonRef } from './FilterContext.js';
+import styles from './FilterControls.module.css.js';
+import { PendingFilterQueue, useQueuePendingFilter, useIsFilterTaken } from './PendingFilterQueue.js';
 import { useSearchableFilters } from './SearchableFilters.js';
+import { getDefaultOperatorName } from './utils.js';
 
 const NOOP_ACTION = () => { };
+const useVisibleChildren = (group) => {
+    const isFilterTaken = useIsFilterTaken();
+    return group.children.filter((child) => isFilterNodeVisible(child, isFilterTaken));
+};
+function isFilterNodeVisible(node, isFilterTaken) {
+    if (node.children) {
+        return node.children.some((child) => isFilterNodeVisible(child, isFilterTaken));
+    }
+    return node.allowMultiple || !isFilterTaken(node.name);
+}
 // Must be a dedicated component, not returned inline from `renderFilterItem`.
 // RAC clones an `id` onto whatever that function returns, and an inline
 // `SubmenuTrigger` has none of its own — the clone falls back to `item.id`,
 // colliding with the trigger child's own `id` and silently breaking it.
 function FilterSubmenu({ group }) {
+    const visibleChildren = useVisibleChildren(group);
+    if (visibleChildren.length === 0)
+        return null;
     return (React__default.createElement(SubmenuTrigger, null,
         React__default.createElement(DropdownAction, { className: "tds-data-table-filter-controls-submenu-trigger", id: group.label, onAction: NOOP_ACTION, textValue: group.label },
             React__default.createElement("span", { slot: "label" }, group.label),
             React__default.createElement(Icon, { "aria-hidden": true, className: "tds-data-table-filter-controls-submenu-chevron", slot: "suffix", symbol: "general#right-chevron" })),
         React__default.createElement(Popover$1, { className: "tds-dropdown-popover tds-data-table-filter-controls-submenu-popover", placement: "right top" },
-            React__default.createElement(Menu, { "aria-label": group.label, className: "tds-data-table-filter-controls-submenu-list", items: group.children }, renderFilterItem))));
+            React__default.createElement(Menu, { "aria-label": group.label, className: "tds-data-table-filter-controls-submenu-list", items: visibleChildren }, renderFilterItem))));
+}
+function FilterItem({ node }) {
+    const queuePendingFilter = useQueuePendingFilter();
+    const isFilterTaken = useIsFilterTaken();
+    const hide = !node.allowMultiple && isFilterTaken(node.name);
+    if (hide)
+        return null;
+    return (React__default.createElement(DropdownAction, { key: node.name, id: node.name, onAction: () => queuePendingFilter({
+            name: node.name,
+            operator: getDefaultOperatorName(node),
+            value: undefined,
+        }), textValue: node.label },
+        React__default.createElement("span", { slot: "label" }, node.label)));
+}
+function FilterGroupSection({ group }) {
+    const visibleChildren = useVisibleChildren(group);
+    if (visibleChildren.length === 0)
+        return null;
+    return (React__default.createElement(DropdownSection, { id: group.label, title: group.label }, visibleChildren.map(renderFilterItem)));
 }
 function renderFilterItem(node) {
     if (node.children) {
         if (node.renderChildrenInSubmenu) {
             return React__default.createElement(FilterSubmenu, { key: node.label, group: node });
         }
-        return (React__default.createElement(DropdownSection, { key: node.label, id: node.label, title: node.label }, node.children.map(renderFilterItem)));
+        return React__default.createElement(FilterGroupSection, { key: node.label, group: node });
     }
-    return (React__default.createElement(DropdownAction, { key: node.name, id: node.name, onAction: NOOP_ACTION, textValue: node.label },
-        React__default.createElement("span", { slot: "label" }, node.label)));
+    return React__default.createElement(FilterItem, { key: node.name, node: node });
 }
 /** Skeleton for the DataTable filters cluster — grows incrementally. */
 function FilterControls({ activeFilters = [], filters, isShelfExpanded = false, onToggleShelf = () => { }, }) {
     const searchInputId = `tds-data-table-filter-controls-search-${useId()}`;
     const [searchQuery, setSearchQuery] = useState("");
+    const addFilterButtonRef = useAddFilterButtonRef();
+    const searchInputRef = useRef(null);
     return (React__default.createElement(ButtonGroup, { "aria-label": "Filters", className: "tds-data-table-filter-controls" },
-        React__default.createElement(Popover, null,
+        React__default.createElement(Popover, { onOpenChange: (open) => {
+                if (open)
+                    setSearchQuery("");
+            } },
             React__default.createElement(PopoverTrigger, null,
-                React__default.createElement(Button, { label: "Add filter", prefix: React__default.createElement(Icon, { "aria-hidden": true, symbol: "general#three-reducing-horizontal-bars" }) })),
+                React__default.createElement(Button, { ref: addFilterButtonRef, label: "Add filter", prefix: React__default.createElement(Icon, { "aria-hidden": true, symbol: "general#three-reducing-horizontal-bars" }) })),
             React__default.createElement(PopoverContent, { className: "tds-data-table-popover", placement: "bottom" },
-                React__default.createElement(Autocomplete, { filter: prefixSearch },
-                    React__default.createElement(SearchField, null,
-                        React__default.createElement(Label, { className: "tds-data-table-filter-controls-label--hidden", htmlFor: searchInputId }, "Search filters"),
-                        React__default.createElement("div", { className: "tds-data-table-filter-controls-search-input-sticky" },
-                            React__default.createElement(Input, { id: searchInputId, placeholder: "Search filters", className: "tds-data-table-filter-controls-search-input", value: searchQuery, onChange: (e) => {
-                                    setSearchQuery(e.target.value);
-                                } }))),
-                    React__default.createElement(Menu, { "aria-label": "Filters", items: filters, className: "tds-data-table-filter-controls-list", renderEmptyState: () => "No filters match" }, searchQuery.length ? React__default.createElement(SearchResults, null) : renderFilterItem)))),
+                React__default.createElement(PendingFilterQueue, null,
+                    React__default.createElement(Autocomplete, { filter: prefixSearch, inputValue: searchQuery, onInputChange: setSearchQuery },
+                        React__default.createElement(SearchField, { className: "tds-data-table-filter-controls-search-input-sticky" },
+                            React__default.createElement(Label, { className: "tds-data-table-filter-controls-label--hidden", htmlFor: searchInputId }, "Search filters"),
+                            React__default.createElement("div", { className: classNames("tds-data-table-filter-controls-search-input-control", {
+                                    "tds-data-table-filter-controls-search-input-control--has-value": searchQuery.length > 0,
+                                }) },
+                                React__default.createElement(Icon, { "aria-hidden": true, className: "tds-data-table-filter-controls-search-input-icon", symbol: "general#search" }),
+                                React__default.createElement(Input, { id: searchInputId, placeholder: "Search filters", className: "tds-data-table-filter-controls-search-input", ref: searchInputRef, 
+                                    // eslint-disable-next-line jsx-a11y/no-autofocus
+                                    autoFocus: true }),
+                                React__default.createElement(IconButton, { "aria-label": "Clear", icon: React__default.createElement(Icon, { "aria-hidden": true, className: "tds-data-table-filter-controls-search-input-clear-icon", symbol: "general#x" }), kind: "neutral-inline", onClick: () => {
+                                        setSearchQuery("");
+                                        searchInputRef.current?.focus();
+                                    }, tabIndex: -1 }))),
+                        React__default.createElement(Menu, { "aria-label": "Filters", items: filters, className: "tds-data-table-filter-controls-list", renderEmptyState: () => (React__default.createElement("span", { className: "tds-dropdown-item" }, "No filters match")) }, searchQuery.length ? React__default.createElement(SearchResults, null) : renderFilterItem))))),
         activeFilters.length > 0 && (React__default.createElement(Button, { "aria-expanded": isShelfExpanded, "aria-label": `${activeFilters.length} active filter${activeFilters.length === 1 ? "" : "s"}`, label: React__default.createElement("span", { className: "tds-data-table-filter-controls-badge" }, activeFilters.length), onClick: onToggleShelf }))));
 }
 FilterControls.displayName = "FilterControls";
-function renderSearchResultItem(filter) {
+function SearchResultItem({ filter }) {
+    const queuePendingFilter = useQueuePendingFilter();
+    const isFilterTaken = useIsFilterTaken();
+    const hide = !filter.allowMultiple && isFilterTaken(filter.name);
+    if (hide)
+        return null;
     const [, ...remainingGrouping] = filter.grouping;
-    return (React__default.createElement(DropdownAction, { key: filter.name, textValue: filter.searchable, id: `filter-search-${filter.name}`, onAction: NOOP_ACTION },
+    return (React__default.createElement(DropdownAction, { key: filter.name, textValue: filter.searchable, id: `filter-search-${filter.name}`, onAction: () => queuePendingFilter({
+            name: filter.name,
+            operator: filter.operator,
+            value: undefined,
+        }) },
         React__default.createElement("span", { slot: "label" },
-            remainingGrouping.length > 0 && (React__default.createElement("span", { className: "tds-data-table-filter-controls-grouping", style: { color: "crimson" } },
-                remainingGrouping.join(" > "),
-                " > ")),
+            remainingGrouping.length > 0 && (React__default.createElement("span", { className: styles["search-result-grouping"] }, remainingGrouping.map((grouping, index) => (React__default.createElement("span", { className: styles["search-result-grouping-chevron"], key: `${grouping}-${index}` },
+                grouping,
+                React__default.createElement("span", { className: styles["search-result-grouping-separator"] }, ", ")))))),
             filter.label)));
 }
 function SearchResults() {
@@ -83,8 +141,8 @@ function SearchResults() {
         return { groups: groupedItems, ungrouped: ungroupedItems };
     }, [filters]);
     return (React__default.createElement(React__default.Fragment, null,
-        ungrouped.map(renderSearchResultItem),
-        Array.from(groups, ([groupLabel, items]) => (React__default.createElement(DropdownSection, { key: groupLabel, id: groupLabel, title: groupLabel }, items.map(renderSearchResultItem))))));
+        ungrouped.map((filter) => (React__default.createElement(SearchResultItem, { key: filter.name, filter: filter }))),
+        Array.from(groups, ([groupLabel, items]) => (React__default.createElement(DropdownSection, { key: groupLabel, id: groupLabel, title: groupLabel }, items.map((filter) => (React__default.createElement(SearchResultItem, { key: filter.name, filter: filter }))))))));
 }
 function prefixSearch(string, query) {
     if (query.length === 0) {

package/dist/components/DataTable/FilterControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterControls.js","sources":["../../../src/components/DataTable/FilterControls.tsx"],"sourcesContent":["import { Button } from \"@components/button\"\nimport { ButtonGroup } from \"@components/button-group\"\nimport { DropdownAction, DropdownSection } from \"@components/dropdown\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"@components/popover\"\nimport Icon from \"@utilities/Icon\"\nimport { useId } from \"@utilities/useId\"\nimport React, { type ReactElement, useMemo, useState } from \"react\"\nimport { Autocomplete, SearchField } from \"react-aria-components\"\nimport { Input } from \"react-aria-components/Input\"\nimport { Label } from \"react-aria-components/Label\"\nimport {\n  Menu,\n  Popover as AriaPopover,\n  SubmenuTrigger,\n} from \"react-aria-components/Menu\"\n\nimport type { ActiveFilter, FilterNode, FilterNodeGroup } from \"./FilterTypes\"\nimport type { SearchableSimpleFilterItem } from \"./SearchableFilters\"\nimport { useSearchableFilters } from \"./SearchableFilters\"\n\nconst NOOP_ACTION = () => {}\n\n// Must be a dedicated component, not returned inline from `renderFilterItem`.\n// RAC clones an `id` onto whatever that function returns, and an inline\n// `SubmenuTrigger` has none of its own — the clone falls back to `item.id`,\n// colliding with the trigger child's own `id` and silently breaking it.\nfunction FilterSubmenu({ group }: { group: FilterNodeGroup }) {\n  return (\n    <SubmenuTrigger>\n      <DropdownAction\n        className=\"tds-data-table-filter-controls-submenu-trigger\"\n        id={group.label}\n        onAction={NOOP_ACTION}\n        textValue={group.label}\n      >\n        <span slot=\"label\">{group.label}</span>\n        <Icon\n          aria-hidden\n          className=\"tds-data-table-filter-controls-submenu-chevron\"\n          slot=\"suffix\"\n          symbol=\"general#right-chevron\"\n        />\n      </DropdownAction>\n      <AriaPopover\n        className=\"tds-dropdown-popover tds-data-table-filter-controls-submenu-popover\"\n        placement=\"right top\"\n      >\n        <Menu\n          aria-label={group.label}\n          className=\"tds-data-table-filter-controls-submenu-list\"\n          items={group.children}\n        >\n          {renderFilterItem}\n        </Menu>\n      </AriaPopover>\n    </SubmenuTrigger>\n  )\n}\n\nfunction renderFilterItem(node: FilterNode): ReactElement {\n  if (node.children) {\n    if (node.renderChildrenInSubmenu) {\n      return <FilterSubmenu key={node.label} group={node} />\n    }\n\n    return (\n      <DropdownSection key={node.label} id={node.label} title={node.label}>\n        {node.children.map(renderFilterItem)}\n      </DropdownSection>\n    )\n  }\n\n  return (\n    <DropdownAction\n      key={node.name}\n      id={node.name}\n      onAction={NOOP_ACTION}\n      textValue={node.label}\n    >\n      <span slot=\"label\">{node.label}</span>\n    </DropdownAction>\n  )\n}\n\nexport interface FilterControlsProps {\n  /** The currently active filters. The toggle button only renders when this is non-empty. */\n  activeFilters?: ActiveFilter[]\n  filters: FilterNode[]\n  /** Whether the filters shelf is currently expanded. */\n  isShelfExpanded?: boolean\n  /** Called when the toggle button is pressed. */\n  onToggleShelf?: () => void\n}\n\n/** Skeleton for the DataTable filters cluster — grows incrementally. */\nexport function FilterControls({\n  activeFilters = [],\n  filters,\n  isShelfExpanded = false,\n  onToggleShelf = () => {},\n}: FilterControlsProps) {\n  const searchInputId = `tds-data-table-filter-controls-search-${useId()}`\n  const [searchQuery, setSearchQuery] = useState(\"\")\n\n  return (\n    <ButtonGroup\n      aria-label=\"Filters\"\n      className=\"tds-data-table-filter-controls\"\n    >\n      <Popover>\n        <PopoverTrigger>\n          <Button\n            label=\"Add filter\"\n            prefix={\n              <Icon\n                aria-hidden\n                symbol=\"general#three-reducing-horizontal-bars\"\n              />\n            }\n          />\n        </PopoverTrigger>\n        <PopoverContent className=\"tds-data-table-popover\" placement=\"bottom\">\n          <Autocomplete filter={prefixSearch}>\n            <SearchField>\n              <Label\n                className=\"tds-data-table-filter-controls-label--hidden\"\n                htmlFor={searchInputId}\n              >\n                Search filters\n              </Label>\n              <div className=\"tds-data-table-filter-controls-search-input-sticky\">\n                <Input\n                  id={searchInputId}\n                  placeholder=\"Search filters\"\n                  className=\"tds-data-table-filter-controls-search-input\"\n                  value={searchQuery}\n                  onChange={(e) => {\n                    setSearchQuery(e.target.value)\n                  }}\n                />\n              </div>\n            </SearchField>\n            <Menu\n              aria-label=\"Filters\"\n              items={filters}\n              className=\"tds-data-table-filter-controls-list\"\n              renderEmptyState={() => \"No filters match\"}\n            >\n              {searchQuery.length ? <SearchResults /> : renderFilterItem}\n            </Menu>\n          </Autocomplete>\n        </PopoverContent>\n      </Popover>\n      {activeFilters.length > 0 && (\n        <Button\n          aria-expanded={isShelfExpanded}\n          aria-label={`${activeFilters.length} active filter${\n            activeFilters.length === 1 ? \"\" : \"s\"\n          }`}\n          label={\n            <span className=\"tds-data-table-filter-controls-badge\">\n              {activeFilters.length}\n            </span>\n          }\n          onClick={onToggleShelf}\n        />\n      )}\n    </ButtonGroup>\n  )\n}\n\nFilterControls.displayName = \"FilterControls\"\n\nfunction renderSearchResultItem(filter: SearchableSimpleFilterItem) {\n  const [, ...remainingGrouping] = filter.grouping\n\n  return (\n    <DropdownAction\n      key={filter.name}\n      textValue={filter.searchable}\n      id={`filter-search-${filter.name}`}\n      onAction={NOOP_ACTION}\n    >\n      <span slot=\"label\">\n        {remainingGrouping.length > 0 && (\n          <span\n            className=\"tds-data-table-filter-controls-grouping\"\n            style={{ color: \"crimson\" }}\n          >\n            {remainingGrouping.join(\" > \")}\n            {\" > \"}\n          </span>\n        )}\n        {filter.label}\n      </span>\n    </DropdownAction>\n  )\n}\n\nfunction SearchResults() {\n  const filters = useSearchableFilters()\n\n  const { groups, ungrouped } = useMemo(() => {\n    const ungroupedItems = filters.filter((f) => f.grouping.length === 0)\n    const groupedItems = new Map<string, SearchableSimpleFilterItem[]>()\n    filters.forEach((filter) => {\n      const [heading] = filter.grouping\n      if (!heading) return\n      groupedItems.set(heading, [...(groupedItems.get(heading) ?? []), filter])\n    })\n    return { groups: groupedItems, ungrouped: ungroupedItems }\n  }, [filters])\n\n  return (\n    <>\n      {ungrouped.map(renderSearchResultItem)}\n      {Array.from(groups, ([groupLabel, items]) => (\n        <DropdownSection key={groupLabel} id={groupLabel} title={groupLabel}>\n          {items.map(renderSearchResultItem)}\n        </DropdownSection>\n      ))}\n    </>\n  )\n}\n\nfunction prefixSearch(string: string, query: string): boolean {\n  if (query.length === 0) {\n    return true\n  }\n\n  const segments = query.normalize(\"NFC\").toLowerCase().split(/\\s+/)\n  return segments.every((segment) => string.includes(segment))\n}\n"],"names":["React","AriaPopover"],"mappings":"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"}
+{"version":3,"file":"FilterControls.js","sources":["../../../src/components/DataTable/FilterControls.tsx"],"sourcesContent":["import { Button, IconButton } from \"@components/button\"\nimport { ButtonGroup } from \"@components/button-group\"\nimport { DropdownAction, DropdownSection } from \"@components/dropdown\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"@components/popover\"\nimport Icon from \"@utilities/Icon\"\nimport { useId } from \"@utilities/useId\"\nimport classNames from \"classnames\"\nimport React, { type ReactElement, useMemo, useRef, useState } from \"react\"\nimport { Autocomplete, SearchField } from \"react-aria-components\"\nimport { Input } from \"react-aria-components/Input\"\nimport { Label } from \"react-aria-components/Label\"\nimport {\n  Menu,\n  Popover as AriaPopover,\n  SubmenuTrigger,\n} from \"react-aria-components/Menu\"\n\nimport { useAddFilterButtonRef } from \"./FilterContext\"\nimport styles from \"./FilterControls.module.css\"\nimport type {\n  ActiveFilter,\n  FilterNode,\n  FilterNodeGroup,\n  FilterNodeItem,\n} from \"./FilterTypes\"\nimport {\n  PendingFilterQueue,\n  useIsFilterTaken,\n  useQueuePendingFilter,\n} from \"./PendingFilterQueue\"\nimport type { SearchableSimpleFilterItem } from \"./SearchableFilters\"\nimport { useSearchableFilters } from \"./SearchableFilters\"\nimport { getDefaultOperatorName } from \"./utils\"\n\nconst NOOP_ACTION = () => {}\n\nconst useVisibleChildren = (group: FilterNodeGroup) => {\n  const isFilterTaken = useIsFilterTaken()\n  return group.children.filter((child) =>\n    isFilterNodeVisible(child, isFilterTaken)\n  )\n}\n\nfunction isFilterNodeVisible(\n  node: FilterNode,\n  isFilterTaken: (name: string) => boolean\n): boolean {\n  if (node.children) {\n    return node.children.some((child) =>\n      isFilterNodeVisible(child, isFilterTaken)\n    )\n  }\n\n  return node.allowMultiple || !isFilterTaken(node.name)\n}\n\n// Must be a dedicated component, not returned inline from `renderFilterItem`.\n// RAC clones an `id` onto whatever that function returns, and an inline\n// `SubmenuTrigger` has none of its own — the clone falls back to `item.id`,\n// colliding with the trigger child's own `id` and silently breaking it.\nfunction FilterSubmenu({ group }: { group: FilterNodeGroup }) {\n  const visibleChildren = useVisibleChildren(group)\n\n  if (visibleChildren.length === 0) return null\n\n  return (\n    <SubmenuTrigger>\n      <DropdownAction\n        className=\"tds-data-table-filter-controls-submenu-trigger\"\n        id={group.label}\n        onAction={NOOP_ACTION}\n        textValue={group.label}\n      >\n        <span slot=\"label\">{group.label}</span>\n        <Icon\n          aria-hidden\n          className=\"tds-data-table-filter-controls-submenu-chevron\"\n          slot=\"suffix\"\n          symbol=\"general#right-chevron\"\n        />\n      </DropdownAction>\n      <AriaPopover\n        className=\"tds-dropdown-popover tds-data-table-filter-controls-submenu-popover\"\n        placement=\"right top\"\n      >\n        <Menu\n          aria-label={group.label}\n          className=\"tds-data-table-filter-controls-submenu-list\"\n          items={visibleChildren}\n        >\n          {renderFilterItem}\n        </Menu>\n      </AriaPopover>\n    </SubmenuTrigger>\n  )\n}\n\nfunction FilterItem({ node }: { node: FilterNodeItem }) {\n  const queuePendingFilter = useQueuePendingFilter()\n  const isFilterTaken = useIsFilterTaken()\n  const hide = !node.allowMultiple && isFilterTaken(node.name)\n\n  if (hide) return null\n\n  return (\n    <DropdownAction\n      key={node.name}\n      id={node.name}\n      onAction={() =>\n        queuePendingFilter({\n          name: node.name,\n          operator: getDefaultOperatorName(node),\n          value: undefined,\n        })\n      }\n      textValue={node.label}\n    >\n      <span slot=\"label\">{node.label}</span>\n    </DropdownAction>\n  )\n}\n\nfunction FilterGroupSection({ group }: { group: FilterNodeGroup }) {\n  const visibleChildren = useVisibleChildren(group)\n\n  if (visibleChildren.length === 0) return null\n\n  return (\n    <DropdownSection id={group.label} title={group.label}>\n      {visibleChildren.map(renderFilterItem)}\n    </DropdownSection>\n  )\n}\n\nfunction renderFilterItem(node: FilterNode): ReactElement {\n  if (node.children) {\n    if (node.renderChildrenInSubmenu) {\n      return <FilterSubmenu key={node.label} group={node} />\n    }\n\n    return <FilterGroupSection key={node.label} group={node} />\n  }\n\n  return <FilterItem key={node.name} node={node} />\n}\n\nexport interface FilterControlsProps {\n  /** The currently active filters. The toggle button only renders when this is non-empty. */\n  activeFilters?: ActiveFilter[]\n  filters: FilterNode[]\n  /** Whether the filters shelf is currently expanded. */\n  isShelfExpanded?: boolean\n  /** Called when the toggle button is pressed. */\n  onToggleShelf?: () => void\n}\n\n/** Skeleton for the DataTable filters cluster — grows incrementally. */\nexport function FilterControls({\n  activeFilters = [],\n  filters,\n  isShelfExpanded = false,\n  onToggleShelf = () => {},\n}: FilterControlsProps) {\n  const searchInputId = `tds-data-table-filter-controls-search-${useId()}`\n  const [searchQuery, setSearchQuery] = useState(\"\")\n  const addFilterButtonRef = useAddFilterButtonRef()\n  const searchInputRef = useRef<HTMLInputElement | null>(null)\n\n  return (\n    <ButtonGroup\n      aria-label=\"Filters\"\n      className=\"tds-data-table-filter-controls\"\n    >\n      <Popover\n        onOpenChange={(open) => {\n          if (open) setSearchQuery(\"\")\n        }}\n      >\n        <PopoverTrigger>\n          <Button\n            ref={addFilterButtonRef}\n            label=\"Add filter\"\n            prefix={\n              <Icon\n                aria-hidden\n                symbol=\"general#three-reducing-horizontal-bars\"\n              />\n            }\n          />\n        </PopoverTrigger>\n        <PopoverContent className=\"tds-data-table-popover\" placement=\"bottom\">\n          <PendingFilterQueue>\n            <Autocomplete\n              filter={prefixSearch}\n              inputValue={searchQuery}\n              onInputChange={setSearchQuery}\n            >\n              <SearchField className=\"tds-data-table-filter-controls-search-input-sticky\">\n                <Label\n                  className=\"tds-data-table-filter-controls-label--hidden\"\n                  htmlFor={searchInputId}\n                >\n                  Search filters\n                </Label>\n                <div\n                  className={classNames(\n                    \"tds-data-table-filter-controls-search-input-control\",\n                    {\n                      \"tds-data-table-filter-controls-search-input-control--has-value\":\n                        searchQuery.length > 0,\n                    }\n                  )}\n                >\n                  <Icon\n                    aria-hidden\n                    className=\"tds-data-table-filter-controls-search-input-icon\"\n                    symbol=\"general#search\"\n                  />\n                  <Input\n                    id={searchInputId}\n                    placeholder=\"Search filters\"\n                    className=\"tds-data-table-filter-controls-search-input\"\n                    ref={searchInputRef}\n                    // eslint-disable-next-line jsx-a11y/no-autofocus\n                    autoFocus\n                  />\n                  <IconButton\n                    aria-label=\"Clear\"\n                    icon={\n                      <Icon\n                        aria-hidden\n                        className=\"tds-data-table-filter-controls-search-input-clear-icon\"\n                        symbol=\"general#x\"\n                      />\n                    }\n                    kind=\"neutral-inline\"\n                    onClick={() => {\n                      setSearchQuery(\"\")\n                      searchInputRef.current?.focus()\n                    }}\n                    tabIndex={-1}\n                  />\n                </div>\n              </SearchField>\n              <Menu\n                aria-label=\"Filters\"\n                items={filters}\n                className=\"tds-data-table-filter-controls-list\"\n                renderEmptyState={() => (\n                  <span className=\"tds-dropdown-item\">No filters match</span>\n                )}\n              >\n                {searchQuery.length ? <SearchResults /> : renderFilterItem}\n              </Menu>\n            </Autocomplete>\n          </PendingFilterQueue>\n        </PopoverContent>\n      </Popover>\n      {activeFilters.length > 0 && (\n        <Button\n          aria-expanded={isShelfExpanded}\n          aria-label={`${activeFilters.length} active filter${\n            activeFilters.length === 1 ? \"\" : \"s\"\n          }`}\n          label={\n            <span className=\"tds-data-table-filter-controls-badge\">\n              {activeFilters.length}\n            </span>\n          }\n          onClick={onToggleShelf}\n        />\n      )}\n    </ButtonGroup>\n  )\n}\n\nFilterControls.displayName = \"FilterControls\"\n\nfunction SearchResultItem({ filter }: { filter: SearchableSimpleFilterItem }) {\n  const queuePendingFilter = useQueuePendingFilter()\n  const isFilterTaken = useIsFilterTaken()\n  const hide = !filter.allowMultiple && isFilterTaken(filter.name)\n\n  if (hide) return null\n\n  const [, ...remainingGrouping] = filter.grouping\n\n  return (\n    <DropdownAction\n      key={filter.name}\n      textValue={filter.searchable}\n      id={`filter-search-${filter.name}`}\n      onAction={() =>\n        queuePendingFilter({\n          name: filter.name,\n          operator: filter.operator,\n          value: undefined,\n        })\n      }\n    >\n      <span slot=\"label\">\n        {remainingGrouping.length > 0 && (\n          <span className={styles[\"search-result-grouping\"]}>\n            {remainingGrouping.map((grouping, index) => (\n              <span\n                className={styles[\"search-result-grouping-chevron\"]}\n                key={`${grouping}-${index}`}\n              >\n                {grouping}\n                <span className={styles[\"search-result-grouping-separator\"]}>\n                  {\", \"}\n                </span>\n              </span>\n            ))}\n          </span>\n        )}\n        {filter.label}\n      </span>\n    </DropdownAction>\n  )\n}\n\nfunction SearchResults() {\n  const filters = useSearchableFilters()\n\n  const { groups, ungrouped } = useMemo(() => {\n    const ungroupedItems = filters.filter((f) => f.grouping.length === 0)\n    const groupedItems = new Map<string, SearchableSimpleFilterItem[]>()\n    filters.forEach((filter) => {\n      const [heading] = filter.grouping\n      if (!heading) return\n      groupedItems.set(heading, [...(groupedItems.get(heading) ?? []), filter])\n    })\n    return { groups: groupedItems, ungrouped: ungroupedItems }\n  }, [filters])\n\n  return (\n    <>\n      {ungrouped.map((filter) => (\n        <SearchResultItem key={filter.name} filter={filter} />\n      ))}\n      {Array.from(groups, ([groupLabel, items]) => (\n        <DropdownSection key={groupLabel} id={groupLabel} title={groupLabel}>\n          {items.map((filter) => (\n            <SearchResultItem key={filter.name} filter={filter} />\n          ))}\n        </DropdownSection>\n      ))}\n    </>\n  )\n}\n\nfunction prefixSearch(string: string, query: string): boolean {\n  if (query.length === 0) {\n    return true\n  }\n\n  const segments = query.normalize(\"NFC\").toLowerCase().split(/\\s+/)\n  return segments.every((segment) => string.includes(segment))\n}\n"],"names":["React","AriaPopover"],"mappings":"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"}

package/dist/components/DataTable/FilterControls.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"search-result-grouping":"search-result-grouping-4F5Lx","search-result-grouping-chevron":"search-result-grouping-chevron--AUkV","search-result-grouping-separator":"search-result-grouping-separator-dKnTA"};
+
+export { styles as default };
+//# sourceMappingURL=FilterControls.module.css.js.map

package/dist/components/DataTable/FilterControls.module.css.js.map

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

package/dist/components/DataTable/FilterTypes.d.ts

@@ -12,6 +12,8 @@ export interface Operator {
     name: string;
 }
 export interface FilterNodeItem extends FilterNodeBase {
+    /** Whether multiple instances of this filter can be active simultaneously. */
+    allowMultiple?: boolean;
     children?: never;
     /** Binds this filter to one active filter's operator and value. Supplied by the filter factories. */
     createActiveFilterInstance: (activeFilter: ActiveFilter, operator: Operator) => ActiveFilterInstance;
@@ -27,6 +29,20 @@ export interface FilterNodeItem extends FilterNodeBase {
     name: string;
     operators: Operator[];
 }
+/**
+ * A filter that delegates to one of several other filters, chosen by an active
+ * filter's `scope` (see `scopedFilter`). The scoped filter supplies the
+ * `operator` and `value`, while this one still labels the chip.
+ *
+ * Distinct from a group's `children`: those render side by side in the menu,
+ * while these are alternatives the user picks between one at a time.
+ */
+export interface FilterNodeScoped extends FilterNodeItem {
+    /** The filters a `scope` selects from, keyed by their own `name`. */
+    options: FilterNodeItem[];
+}
+/** Whether a filter delegates to scoped options. */
+export declare function isScopedFilter(filter: FilterNodeItem): filter is FilterNodeScoped;
 export interface FilterNodeGroup extends FilterNodeBase {
     /** Filters and nested groups, in display order. */
     children: FilterNode[];
@@ -48,15 +64,33 @@ export type OperatorSelection<Name extends string = string> = {
 };
 export type FilterItemConfig<Name extends string = string> = Omit<FilterNodeItem, "createActiveFilterInstance" | "operators"> & OperatorSelection<Name>;
 export type UpdateActiveFilter = (updates: Partial<ActiveFilter>) => void;
+/**
+ * How an editor reports a change, along with whether the filter can now be
+ * applied. Editors know this; callers would otherwise have to infer it from
+ * the shape of the update.
+ *
+ * `complete` defaults to true, so an editor reporting a finished value says
+ * nothing extra — only partial states need flagging.
+ */
+export type FilterChange = (updates: Partial<ActiveFilter>, state?: {
+    complete?: boolean;
+}) => void;
 export interface ActiveFilter<T = unknown> {
     /** The HTML name of the applied filter. Connects to the name of the filter. */
     name: string;
     /** The operator used by the applied filter.  Corresponds to the name of the operator in the filter configuration. */
     operator: string;
+    /**
+     * For scoped filters only: which of the parent's options is selected. The
+     * `operator` and `value` then belong to that option's filter rather than to
+     * the parent, so both are resolved against the scoped filter.
+     */
+    scope?: string;
     /**
      * The value of the applied filter. Can be of any type depending on the filter configuration.
      * TODO: Add more specific typing based on the operator and input type.
      */
     value: T;
 }
+export type AddPendingFilterFn = (filter: ActiveFilter) => void;
 //# sourceMappingURL=FilterTypes.d.ts.map

package/dist/components/DataTable/FilterTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTypes.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAElE,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,SAAS,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,qGAAqG;IACrG,0BAA0B,EAAE,CAC1B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,KACf,oBAAoB,CAAA;IACzB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,QAAQ,EAAE,CAAA;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,mDAAmD;IACnD,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,eAAe,CAAA;AAEzD,qIAAqI;AACrI,MAAM,MAAM,iBAAiB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IACtD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAA;CAAE,GACvC;IAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAE3C,MAAM,MAAM,gBAAgB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAC/D,cAAc,EACd,4BAA4B,GAAG,WAAW,CAC3C,GACC,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAEzB,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;AAEzE,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,OAAO;IACvC,+EAA+E;IAC/E,IAAI,EAAE,MAAM,CAAA;IACZ,qHAAqH;IACrH,QAAQ,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,KAAK,EAAE,CAAC,CAAA;CACT"}
+{"version":3,"file":"FilterTypes.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAElE,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,SAAS,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,8EAA8E;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,qGAAqG;IACrG,0BAA0B,EAAE,CAC1B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,KACf,oBAAoB,CAAA;IACzB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,QAAQ,EAAE,CAAA;CACtB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,qEAAqE;IACrE,OAAO,EAAE,cAAc,EAAE,CAAA;CAC1B;AAED,oDAAoD;AACpD,wBAAgB,cAAc,CAC5B,MAAM,EAAE,cAAc,GACrB,MAAM,IAAI,gBAAgB,CAE5B;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,mDAAmD;IACnD,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,eAAe,CAAA;AAEzD,qIAAqI;AACrI,MAAM,MAAM,iBAAiB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IACtD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAA;CAAE,GACvC;IAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAE3C,MAAM,MAAM,gBAAgB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAC/D,cAAc,EACd,4BAA4B,GAAG,WAAW,CAC3C,GACC,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAEzB,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;AAEzE;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,GAAG,CACzB,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,EAC9B,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,KAC3B,IAAI,CAAA;AAET,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,OAAO;IACvC,+EAA+E;IAC/E,IAAI,EAAE,MAAM,CAAA;IACZ,qHAAqH;IACrH,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,KAAK,EAAE,CAAC,CAAA;CACT;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA"}

package/dist/components/DataTable/FilterTypes.js

@@ -0,0 +1,7 @@
+/** Whether a filter delegates to scoped options. */
+function isScopedFilter(filter) {
+    return Array.isArray(filter.options);
+}
+
+export { isScopedFilter };
+//# sourceMappingURL=FilterTypes.js.map

package/dist/components/DataTable/FilterTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTypes.js","sources":["../../../src/components/DataTable/FilterTypes.tsx"],"sourcesContent":["import type { ActiveFilterInstance } from \"./ActiveFilterInstance\"\n\nexport interface FilterNodeBase {\n  /** Extra search terms beyond the label. */\n  keywords?: string[]\n}\n\nexport interface InputType {\n  type: string\n}\n\nexport interface Operator {\n  inputType: InputType\n  label: string\n  name: string\n}\n\nexport interface FilterNodeItem extends FilterNodeBase {\n  /** Whether multiple instances of this filter can be active simultaneously. */\n  allowMultiple?: boolean\n  children?: never\n  /** Binds this filter to one active filter's operator and value. Supplied by the filter factories. */\n  createActiveFilterInstance: (\n    activeFilter: ActiveFilter,\n    operator: Operator\n  ) => ActiveFilterInstance\n  /** Not rendered in the menu. Carried through as data for the change handler. */\n  description?: string\n  /** Display name in the filter menu. */\n  label: string\n  /**\n   * Stable id. Keys the active filter this config produces. Must be unique\n   * across the whole filter tree — it's applied as the item's `id`, and\n   * duplicates break the menu.\n   */\n  name: string\n  operators: Operator[]\n}\n\n/**\n * A filter that delegates to one of several other filters, chosen by an active\n * filter's `scope` (see `scopedFilter`). The scoped filter supplies the\n * `operator` and `value`, while this one still labels the chip.\n *\n * Distinct from a group's `children`: those render side by side in the menu,\n * while these are alternatives the user picks between one at a time.\n */\nexport interface FilterNodeScoped extends FilterNodeItem {\n  /** The filters a `scope` selects from, keyed by their own `name`. */\n  options: FilterNodeItem[]\n}\n\n/** Whether a filter delegates to scoped options. */\nexport function isScopedFilter(\n  filter: FilterNodeItem\n): filter is FilterNodeScoped {\n  return Array.isArray((filter as FilterNodeScoped).options)\n}\n\nexport interface FilterNodeGroup extends FilterNodeBase {\n  /** Filters and nested groups, in display order. */\n  children: FilterNode[]\n  description?: never\n  keywords?: string[]\n  /** Section header, or submenu trigger label. */\n  label: string\n  /** Opens children in a submenu instead of an inline section. */\n  renderChildrenInSubmenu?: boolean\n}\n\nexport type FilterNode = FilterNodeItem | FilterNodeGroup\n\n/** Narrow a factory's operator set by name. `includes` keeps only the named operators, in the order given; `excludes` drops them. */\nexport type OperatorSelection<Name extends string = string> =\n  | { excludes?: never; includes?: Name[] }\n  | { excludes?: Name[]; includes?: never }\n\nexport type FilterItemConfig<Name extends string = string> = Omit<\n  FilterNodeItem,\n  \"createActiveFilterInstance\" | \"operators\"\n> &\n  OperatorSelection<Name>\n\nexport type UpdateActiveFilter = (updates: Partial<ActiveFilter>) => void\n\n/**\n * How an editor reports a change, along with whether the filter can now be\n * applied. Editors know this; callers would otherwise have to infer it from\n * the shape of the update.\n *\n * `complete` defaults to true, so an editor reporting a finished value says\n * nothing extra — only partial states need flagging.\n */\nexport type FilterChange = (\n  updates: Partial<ActiveFilter>,\n  state?: { complete?: boolean }\n) => void\n\nexport interface ActiveFilter<T = unknown> {\n  /** The HTML name of the applied filter. Connects to the name of the filter. */\n  name: string\n  /** The operator used by the applied filter.  Corresponds to the name of the operator in the filter configuration. */\n  operator: string\n  /**\n   * For scoped filters only: which of the parent's options is selected. The\n   * `operator` and `value` then belong to that option's filter rather than to\n   * the parent, so both are resolved against the scoped filter.\n   */\n  scope?: string\n  /**\n   * The value of the applied filter. Can be of any type depending on the filter configuration.\n   * TODO: Add more specific typing based on the operator and input type.\n   */\n  value: T\n}\n\nexport type AddPendingFilterFn = (filter: ActiveFilter) => void\n"],"names":[],"mappings":"AAoDA;AACM,SAAU,cAAc,CAC5B,MAAsB,EAAA;IAEtB,OAAO,KAAK,CAAC,OAAO,CAAE,MAA2B,CAAC,OAAO,CAAC;AAC5D;;;;"}

package/dist/components/DataTable/PendingFilterContext.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+import { ActiveFilter, AddPendingFilterFn } from "./FilterTypes";
+export declare function usePendingFilters(): {
+    addPendingFilter: AddPendingFilterFn;
+    pendingFilters: ActiveFilter[];
+    removePendingFilter: (filter: ActiveFilter) => void;
+    updatePendingFilter: (filter: ActiveFilter, updates: Partial<ActiveFilter>) => void;
+};
+export declare function PendingFilterProvider({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=PendingFilterContext.d.ts.map

package/dist/components/DataTable/PendingFilterContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingFilterContext.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/PendingFilterContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAA;AAE5E,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAiBhE,wBAAgB,iBAAiB;sBAdb,kBAAkB;oBACpB,YAAY,EAAE;yBACT,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI;yBAC9B,CACnB,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAC3B,IAAI;EAUV;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAiC1E"}

package/dist/components/DataTable/PendingFilterContext.js

@@ -0,0 +1,33 @@
+import React__default, { createContext, useMemo, useContext } from 'react';
+
+const PendingFilterContext = createContext({
+    addPendingFilter: () => { },
+    pendingFilters: [],
+    removePendingFilter: () => { },
+    updatePendingFilter: () => { },
+});
+function usePendingFilters() {
+    return useContext(PendingFilterContext);
+}
+function PendingFilterProvider({ children }) {
+    const [pendingFilters, setPendingFilters] = React__default.useState([]);
+    const addPendingFilter = (filter) => {
+        setPendingFilters((prev) => [...prev, filter]);
+    };
+    const removePendingFilter = (filter) => {
+        setPendingFilters((prev) => prev.filter((f) => f !== filter));
+    };
+    const updatePendingFilter = (filter, updates) => {
+        setPendingFilters((prev) => prev.map((f) => (f === filter ? { ...f, ...updates } : f)));
+    };
+    const value = useMemo(() => ({
+        addPendingFilter,
+        pendingFilters,
+        removePendingFilter,
+        updatePendingFilter,
+    }), [pendingFilters]);
+    return (React__default.createElement(PendingFilterContext.Provider, { value: value }, children));
+}
+
+export { PendingFilterProvider, usePendingFilters };
+//# sourceMappingURL=PendingFilterContext.js.map

package/dist/components/DataTable/PendingFilterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingFilterContext.js","sources":["../../../src/components/DataTable/PendingFilterContext.tsx"],"sourcesContent":["import React, { createContext, ReactNode, useContext, useMemo } from \"react\"\n\nimport { ActiveFilter, AddPendingFilterFn } from \"./FilterTypes\"\n\nconst PendingFilterContext = createContext<{\n  addPendingFilter: AddPendingFilterFn\n  pendingFilters: ActiveFilter[]\n  removePendingFilter: (filter: ActiveFilter) => void\n  updatePendingFilter: (\n    filter: ActiveFilter,\n    updates: Partial<ActiveFilter>\n  ) => void\n}>({\n  addPendingFilter: () => {},\n  pendingFilters: [],\n  removePendingFilter: () => {},\n  updatePendingFilter: () => {},\n})\n\nexport function usePendingFilters() {\n  return useContext(PendingFilterContext)\n}\n\nexport function PendingFilterProvider({ children }: { children: ReactNode }) {\n  const [pendingFilters, setPendingFilters] = React.useState<ActiveFilter[]>([])\n\n  const addPendingFilter = (filter: ActiveFilter) => {\n    setPendingFilters((prev) => [...prev, filter])\n  }\n  const removePendingFilter = (filter: ActiveFilter) => {\n    setPendingFilters((prev) => prev.filter((f) => f !== filter))\n  }\n  const updatePendingFilter = (\n    filter: ActiveFilter,\n    updates: Partial<ActiveFilter>\n  ) => {\n    setPendingFilters((prev) =>\n      prev.map((f) => (f === filter ? { ...f, ...updates } : f))\n    )\n  }\n\n  const value = useMemo(\n    () => ({\n      addPendingFilter,\n      pendingFilters,\n      removePendingFilter,\n      updatePendingFilter,\n    }),\n    [pendingFilters]\n  )\n\n  return (\n    <PendingFilterContext.Provider value={value}>\n      {children}\n    </PendingFilterContext.Provider>\n  )\n}\n"],"names":["React"],"mappings":";;AAIA,MAAM,oBAAoB,GAAG,aAAa,CAQvC;AACD,IAAA,gBAAgB,EAAE,MAAK,EAAE,CAAC;AAC1B,IAAA,cAAc,EAAE,EAAE;AAClB,IAAA,mBAAmB,EAAE,MAAK,EAAE,CAAC;AAC7B,IAAA,mBAAmB,EAAE,MAAK,EAAE,CAAC;AAC9B,CAAA,CAAC;SAEc,iBAAiB,GAAA;AAC/B,IAAA,OAAO,UAAU,CAAC,oBAAoB,CAAC;AACzC;AAEM,SAAU,qBAAqB,CAAC,EAAE,QAAQ,EAA2B,EAAA;AACzE,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAiB,EAAE,CAAC;AAE9E,IAAA,MAAM,gBAAgB,GAAG,CAAC,MAAoB,KAAI;AAChD,QAAA,iBAAiB,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;AAChD,IAAA,CAAC;AACD,IAAA,MAAM,mBAAmB,GAAG,CAAC,MAAoB,KAAI;QACnD,iBAAiB,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,CAAC;AAC/D,IAAA,CAAC;AACD,IAAA,MAAM,mBAAmB,GAAG,CAC1B,MAAoB,EACpB,OAA8B,KAC5B;AACF,QAAA,iBAAiB,CAAC,CAAC,IAAI,KACrB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,MAAM,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,CAC3D;AACH,IAAA,CAAC;AAED,IAAA,MAAM,KAAK,GAAG,OAAO,CACnB,OAAO;QACL,gBAAgB;QAChB,cAAc;QACd,mBAAmB;QACnB,mBAAmB;AACpB,KAAA,CAAC,EACF,CAAC,cAAc,CAAC,CACjB;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,oBAAoB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,EACxC,QAAQ,CACqB;AAEpC;;;;"}

package/dist/components/DataTable/PendingFilterQueue.d.ts

@@ -0,0 +1,13 @@
+import React, { type ReactNode } from "react";
+import type { ActiveFilter } from "./FilterTypes";
+/**
+ * Defers `addPendingFilter` for everything queued beneath it until this
+ * component unmounts — i.e. until the enclosing menu popover has fully closed.
+ */
+export declare function PendingFilterQueue({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export declare function useQueuePendingFilter(): (filter: ActiveFilter) => void;
+/** Whether a filter is active, pending, or queued to become pending. */
+export declare function useIsFilterTaken(): (name: string) => boolean;
+//# sourceMappingURL=PendingFilterQueue.d.ts.map

package/dist/components/DataTable/PendingFilterQueue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingFilterQueue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/PendingFilterQueue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AASjD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBA8BvE;AAED,wBAAgB,qBAAqB,aA1CoB,YAAY,KAAK,IAAI,CA4C7E;AAED,wEAAwE;AACxE,wBAAgB,gBAAgB,KAGtB,MAAM,MAAM,aAErB"}

package/dist/components/DataTable/PendingFilterQueue.js

@@ -0,0 +1,42 @@
+import React__default, { createContext, useRef, useEffect, useState, useCallback, useContext } from 'react';
+import { useHasFilterInstancesChecker } from './FilterContext.js';
+import { usePendingFilters } from './PendingFilterContext.js';
+
+const QueuePendingFilterContext = createContext(() => { });
+const QueuedFilterNamesContext = createContext([]);
+/**
+ * Defers `addPendingFilter` for everything queued beneath it until this
+ * component unmounts — i.e. until the enclosing menu popover has fully closed.
+ */
+function PendingFilterQueue({ children }) {
+    const { addPendingFilter } = usePendingFilters();
+    const addPendingFilterRef = useRef(addPendingFilter);
+    useEffect(() => {
+        addPendingFilterRef.current = addPendingFilter;
+    }, [addPendingFilter]);
+    const queue = useRef([]);
+    const [queuedNames, setQueuedNames] = useState([]);
+    const queuePendingFilter = useCallback((filter) => {
+        queue.current.push(filter);
+        setQueuedNames((prev) => [...prev, filter.name]);
+    }, []);
+    useEffect(() => () => {
+        const filters = queue.current;
+        queue.current = [];
+        filters.forEach((filter) => addPendingFilterRef.current(filter));
+    }, []);
+    return (React__default.createElement(QueuePendingFilterContext.Provider, { value: queuePendingFilter },
+        React__default.createElement(QueuedFilterNamesContext.Provider, { value: queuedNames }, children)));
+}
+function useQueuePendingFilter() {
+    return useContext(QueuePendingFilterContext);
+}
+/** Whether a filter is active, pending, or queued to become pending. */
+function useIsFilterTaken() {
+    const hasFilterInstances = useHasFilterInstancesChecker();
+    const queuedNames = useContext(QueuedFilterNamesContext);
+    return (name) => hasFilterInstances(name) || queuedNames.includes(name);
+}
+
+export { PendingFilterQueue, useIsFilterTaken, useQueuePendingFilter };
+//# sourceMappingURL=PendingFilterQueue.js.map

package/dist/components/DataTable/PendingFilterQueue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingFilterQueue.js","sources":["../../../src/components/DataTable/PendingFilterQueue.tsx"],"sourcesContent":["import React, {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\"\n\nimport { useHasFilterInstancesChecker } from \"./FilterContext\"\nimport type { ActiveFilter } from \"./FilterTypes\"\nimport { usePendingFilters } from \"./PendingFilterContext\"\n\nconst QueuePendingFilterContext = createContext<(filter: ActiveFilter) => void>(\n  () => {}\n)\n\nconst QueuedFilterNamesContext = createContext<string[]>([])\n\n/**\n * Defers `addPendingFilter` for everything queued beneath it until this\n * component unmounts — i.e. until the enclosing menu popover has fully closed.\n */\nexport function PendingFilterQueue({ children }: { children: ReactNode }) {\n  const { addPendingFilter } = usePendingFilters()\n  const addPendingFilterRef = useRef(addPendingFilter)\n  useEffect(() => {\n    addPendingFilterRef.current = addPendingFilter\n  }, [addPendingFilter])\n\n  const queue = useRef<ActiveFilter[]>([])\n  const [queuedNames, setQueuedNames] = useState<string[]>([])\n  const queuePendingFilter = useCallback((filter: ActiveFilter) => {\n    queue.current.push(filter)\n    setQueuedNames((prev) => [...prev, filter.name])\n  }, [])\n\n  useEffect(\n    () => () => {\n      const filters = queue.current\n      queue.current = []\n      filters.forEach((filter) => addPendingFilterRef.current(filter))\n    },\n    []\n  )\n\n  return (\n    <QueuePendingFilterContext.Provider value={queuePendingFilter}>\n      <QueuedFilterNamesContext.Provider value={queuedNames}>\n        {children}\n      </QueuedFilterNamesContext.Provider>\n    </QueuePendingFilterContext.Provider>\n  )\n}\n\nexport function useQueuePendingFilter() {\n  return useContext(QueuePendingFilterContext)\n}\n\n/** Whether a filter is active, pending, or queued to become pending. */\nexport function useIsFilterTaken() {\n  const hasFilterInstances = useHasFilterInstancesChecker()\n  const queuedNames = useContext(QueuedFilterNamesContext)\n  return (name: string) =>\n    hasFilterInstances(name) || queuedNames.includes(name)\n}\n"],"names":["React"],"mappings":";;;;AAcA,MAAM,yBAAyB,GAAG,aAAa,CAC7C,MAAK,EAAE,CAAC,CACT;AAED,MAAM,wBAAwB,GAAG,aAAa,CAAW,EAAE,CAAC;AAE5D;;;AAGG;AACG,SAAU,kBAAkB,CAAC,EAAE,QAAQ,EAA2B,EAAA;AACtE,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,EAAE;AAChD,IAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,gBAAgB,CAAC;IACpD,SAAS,CAAC,MAAK;AACb,QAAA,mBAAmB,CAAC,OAAO,GAAG,gBAAgB;AAChD,IAAA,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAEtB,IAAA,MAAM,KAAK,GAAG,MAAM,CAAiB,EAAE,CAAC;IACxC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC;AAC5D,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,MAAoB,KAAI;AAC9D,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;AAC1B,QAAA,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,SAAS,CACP,MAAM,MAAK;AACT,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO;AAC7B,QAAA,KAAK,CAAC,OAAO,GAAG,EAAE;AAClB,QAAA,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,mBAAmB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAClE,CAAC,EACD,EAAE,CACH;IAED,QACEA,6BAAC,yBAAyB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,kBAAkB,EAAA;AAC3D,QAAAA,cAAA,CAAA,aAAA,CAAC,wBAAwB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,WAAW,EAAA,EAClD,QAAQ,CACyB,CACD;AAEzC;SAEgB,qBAAqB,GAAA;AACnC,IAAA,OAAO,UAAU,CAAC,yBAAyB,CAAC;AAC9C;AAEA;SACgB,gBAAgB,GAAA;AAC9B,IAAA,MAAM,kBAAkB,GAAG,4BAA4B,EAAE;AACzD,IAAA,MAAM,WAAW,GAAG,UAAU,CAAC,wBAAwB,CAAC;AACxD,IAAA,OAAO,CAAC,IAAY,KAClB,kBAAkB,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC1D;;;;"}

package/dist/components/DataTable/SearchableFilters.d.ts

@@ -2,9 +2,11 @@ import React from "react";
 import { FilterNode } from "./FilterTypes";
 export declare function useSearchableFilters(): SearchableSimpleFilterItem[];
 export type SearchableSimpleFilterItem = {
+    allowMultiple?: boolean;
     grouping: string[];
     label: string;
     name: string;
+    operator: string;
     searchable: string;
 };
 export declare function SearchableFiltersProvider({ children, filters, }: {

package/dist/components/DataTable/SearchableFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableFilters.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/SearchableFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,wBAAgB,oBAAoB,IAAI,0BAA0B,EAAE,CAEnE;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAID,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,UAAU,EAAE,CAAA;CACtB,qBAmCA"}
+{"version":3,"file":"SearchableFilters.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/SearchableFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,wBAAgB,oBAAoB,IAAI,0BAA0B,EAAE,CAEnE;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAID,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,UAAU,EAAE,CAAA;CACtB,qBAqCA"}

package/dist/components/DataTable/SearchableFilters.js

@@ -1,4 +1,5 @@
 import React__default, { createContext, useMemo, useContext } from 'react';
+import { getDefaultOperatorName } from './utils.js';
 
 function useSearchableFilters() {
     return useContext(SearchableFiltersContext);
@@ -16,9 +17,11 @@ function SearchableFiltersProvider({ children, filters, }) {
                 .join(" ")
                 .toLowerCase();
             result.push({
+                allowMultiple: filter.allowMultiple,
                 grouping,
                 label: filter.label,
                 name: filter.name,
+                operator: getDefaultOperatorName(filter),
                 searchable,
             });
         }

package/dist/components/DataTable/SearchableFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableFilters.js","sources":["../../../src/components/DataTable/SearchableFilters.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from \"react\"\n\nimport { FilterNode } from \"./FilterTypes\"\n\nexport function useSearchableFilters(): SearchableSimpleFilterItem[] {\n  return useContext(SearchableFiltersContext)\n}\n\nexport type SearchableSimpleFilterItem = {\n  grouping: string[]\n  label: string\n  name: string\n  searchable: string\n}\n\nconst SearchableFiltersContext = createContext<SearchableSimpleFilterItem[]>([])\n\nexport function SearchableFiltersProvider({\n  children,\n  filters,\n}: {\n  children: React.ReactNode\n  filters: FilterNode[]\n}) {\n  const searchableSimpleFilterItems = useMemo(() => {\n    const result: SearchableSimpleFilterItem[] = []\n\n    function addFilterItem(\n      filter: FilterNode,\n      grouping: string[] = [],\n      collectedKeywords: string[] = []\n    ) {\n      const keywords = [...collectedKeywords, ...(filter.keywords || [])]\n      if (filter.children) {\n        return filter.children.forEach((child) =>\n          addFilterItem(child, [...grouping, filter.label], keywords)\n        )\n      }\n      const searchable = dedup([...grouping, filter.label, ...keywords])\n        .join(\" \")\n        .toLowerCase()\n      result.push({\n        grouping,\n        label: filter.label,\n        name: filter.name,\n        searchable,\n      })\n    }\n\n    filters.forEach((filter) => addFilterItem(filter))\n    return result\n  }, [filters])\n\n  return (\n    <SearchableFiltersContext.Provider value={searchableSimpleFilterItems}>\n      {children}\n    </SearchableFiltersContext.Provider>\n  )\n}\n\nfunction dedup(items: string[]): string[] {\n  return Array.from(new Set(items))\n}\n"],"names":["React"],"mappings":";;SAIgB,oBAAoB,GAAA;AAClC,IAAA,OAAO,UAAU,CAAC,wBAAwB,CAAC;AAC7C;AASA,MAAM,wBAAwB,GAAG,aAAa,CAA+B,EAAE,CAAC;SAEhE,yBAAyB,CAAC,EACxC,QAAQ,EACR,OAAO,GAIR,EAAA;AACC,IAAA,MAAM,2BAA2B,GAAG,OAAO,CAAC,MAAK;QAC/C,MAAM,MAAM,GAAiC,EAAE;QAE/C,SAAS,aAAa,CACpB,MAAkB,EAClB,WAAqB,EAAE,EACvB,oBAA8B,EAAE,EAAA;AAEhC,YAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,iBAAiB,EAAE,IAAI,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;AACnE,YAAA,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACnB,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,KACnC,aAAa,CAAC,KAAK,EAAE,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAC5D;YACH;AACA,YAAA,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,QAAQ,CAAC;iBAC9D,IAAI,CAAC,GAAG;AACR,iBAAA,WAAW,EAAE;YAChB,MAAM,CAAC,IAAI,CAAC;gBACV,QAAQ;gBACR,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,UAAU;AACX,aAAA,CAAC;QACJ;AAEA,QAAA,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,CAAC,CAAC;AAClD,QAAA,OAAO,MAAM;AACf,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,wBAAwB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,2BAA2B,EAAA,EAClE,QAAQ,CACyB;AAExC;AAEA,SAAS,KAAK,CAAC,KAAe,EAAA;IAC5B,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;AACnC;;;;"}
+{"version":3,"file":"SearchableFilters.js","sources":["../../../src/components/DataTable/SearchableFilters.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from \"react\"\n\nimport { FilterNode } from \"./FilterTypes\"\nimport { getDefaultOperatorName } from \"./utils\"\n\nexport function useSearchableFilters(): SearchableSimpleFilterItem[] {\n  return useContext(SearchableFiltersContext)\n}\n\nexport type SearchableSimpleFilterItem = {\n  allowMultiple?: boolean\n  grouping: string[]\n  label: string\n  name: string\n  operator: string\n  searchable: string\n}\n\nconst SearchableFiltersContext = createContext<SearchableSimpleFilterItem[]>([])\n\nexport function SearchableFiltersProvider({\n  children,\n  filters,\n}: {\n  children: React.ReactNode\n  filters: FilterNode[]\n}) {\n  const searchableSimpleFilterItems = useMemo(() => {\n    const result: SearchableSimpleFilterItem[] = []\n\n    function addFilterItem(\n      filter: FilterNode,\n      grouping: string[] = [],\n      collectedKeywords: string[] = []\n    ) {\n      const keywords = [...collectedKeywords, ...(filter.keywords || [])]\n      if (filter.children) {\n        return filter.children.forEach((child) =>\n          addFilterItem(child, [...grouping, filter.label], keywords)\n        )\n      }\n      const searchable = dedup([...grouping, filter.label, ...keywords])\n        .join(\" \")\n        .toLowerCase()\n      result.push({\n        allowMultiple: filter.allowMultiple,\n        grouping,\n        label: filter.label,\n        name: filter.name,\n        operator: getDefaultOperatorName(filter),\n        searchable,\n      })\n    }\n\n    filters.forEach((filter) => addFilterItem(filter))\n    return result\n  }, [filters])\n\n  return (\n    <SearchableFiltersContext.Provider value={searchableSimpleFilterItems}>\n      {children}\n    </SearchableFiltersContext.Provider>\n  )\n}\n\nfunction dedup(items: string[]): string[] {\n  return Array.from(new Set(items))\n}\n"],"names":["React"],"mappings":";;;SAKgB,oBAAoB,GAAA;AAClC,IAAA,OAAO,UAAU,CAAC,wBAAwB,CAAC;AAC7C;AAWA,MAAM,wBAAwB,GAAG,aAAa,CAA+B,EAAE,CAAC;SAEhE,yBAAyB,CAAC,EACxC,QAAQ,EACR,OAAO,GAIR,EAAA;AACC,IAAA,MAAM,2BAA2B,GAAG,OAAO,CAAC,MAAK;QAC/C,MAAM,MAAM,GAAiC,EAAE;QAE/C,SAAS,aAAa,CACpB,MAAkB,EAClB,WAAqB,EAAE,EACvB,oBAA8B,EAAE,EAAA;AAEhC,YAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,iBAAiB,EAAE,IAAI,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;AACnE,YAAA,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACnB,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,KACnC,aAAa,CAAC,KAAK,EAAE,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAC5D;YACH;AACA,YAAA,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,QAAQ,CAAC;iBAC9D,IAAI,CAAC,GAAG;AACR,iBAAA,WAAW,EAAE;YAChB,MAAM,CAAC,IAAI,CAAC;gBACV,aAAa,EAAE,MAAM,CAAC,aAAa;gBACnC,QAAQ;gBACR,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,IAAI,EAAE,MAAM,CAAC,IAAI;AACjB,gBAAA,QAAQ,EAAE,sBAAsB,CAAC,MAAM,CAAC;gBACxC,UAAU;AACX,aAAA,CAAC;QACJ;AAEA,QAAA,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,CAAC,CAAC;AAClD,QAAA,OAAO,MAAM;AACf,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,wBAAwB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,2BAA2B,EAAA,EAClE,QAAQ,CACyB;AAExC;AAEA,SAAS,KAAK,CAAC,KAAe,EAAA;IAC5B,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;AACnC;;;;"}

package/dist/components/DataTable/collectionFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collectionFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/collectionFilter.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EAGf,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,2EAA2E;AAC3E,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAErD,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAA;AAEpE,eAAO,MAAM,aAAa;;;;;;CAIG,CAAA;AAC7B,eAAO,MAAM,cAAc;;;;;;CAIE,CAAA;AAE7B,QAAA,MAAM,oBAAoB;;;;;;;;;;;;IAAkC,CAAA;AAE5D,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/C,MAAM,MAAM,sBAAsB,GAChC,gBAAgB,CAAC,sBAAsB,CAAC,GAAG;IACzC,OAAO,EAAE,gBAAgB,EAAE,CAAA;CAC5B,GAAG,CACE;IAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GACjD;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;IAAC,QAAQ,EAAE,IAAI,CAAA;CAAE,CACrE,CAAA;AAML,wBAAgB,gBAAgB,CAAC,EAC/B,OAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,GAAG,MAAM,EACV,EAAE,sBAAsB,GAAG,cAAc,CAazC"}
+{"version":3,"file":"collectionFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/collectionFilter.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAEV,gBAAgB,EAChB,cAAc,EAEf,MAAM,eAAe,CAAA;AAKtB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,2EAA2E;AAC3E,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAErD,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAA;AAEpE,eAAO,MAAM,aAAa;;;;;;CAIG,CAAA;AAC7B,eAAO,MAAM,cAAc;;;;;;CAIE,CAAA;AAE7B,QAAA,MAAM,oBAAoB;;;;;;;;;;;;IAAkC,CAAA;AAE5D,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/C,MAAM,MAAM,sBAAsB,GAChC,gBAAgB,CAAC,sBAAsB,CAAC,GAAG;IACzC,OAAO,EAAE,gBAAgB,EAAE,CAAA;CAC5B,GAAG,CACE;IAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GACjD;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;IAAC,QAAQ,EAAE,IAAI,CAAA;CAAE,CACrE,CAAA;AAML,wBAAgB,gBAAgB,CAAC,EAC/B,OAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,GAAG,MAAM,EACV,EAAE,sBAAsB,GAAG,cAAc,CAazC"}