@planningcenter/tapestry 4.6.1 → 4.7.0-rc.0

package/dist/components/DataTable/FilterContext.js

@@ -1,4 +1,5 @@
 import React__default, { createContext, useMemo, useCallback } from 'react';
+import { SearchableFiltersProvider } from './SearchableFilters.js';
 
 const FilterContext = createContext({
     findActiveFilterOperator: () => undefined,
@@ -18,7 +19,8 @@ function FiltersProvider({ filters, children, }) {
         },
         flatFilters,
     }), [findFilter, flatFilters]);
-    return (React__default.createElement(FilterContext.Provider, { value: value }, children));
+    return (React__default.createElement(SearchableFiltersProvider, { filters: filters },
+        React__default.createElement(FilterContext.Provider, { value: value }, children)));
 }
 function useRelatedFilterOperator(activeFilter) {
     const context = React__default.useContext(FilterContext);

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

@@ -1 +1 @@
-{"version":3,"file":"FilterContext.js","sources":["../../../src/components/DataTable/FilterContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useMemo } from \"react\"\n\nimport type {\n  ActiveFilter,\n  FilterNode,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\n\nexport type RelatedFilterOperatorResult = {\n  operator?: Operator\n  relatedFilter?: FilterNodeItem\n}\nexport const FilterContext = createContext<{\n  findActiveFilterOperator: (\n    activeFilter: ActiveFilter\n  ) => RelatedFilterOperatorResult | undefined\n  flatFilters: FilterNodeItem[]\n}>({\n  findActiveFilterOperator: () => undefined,\n  flatFilters: [],\n})\n\nfunction flattenFilters(nodes: FilterNode[]): FilterNodeItem[] {\n  return nodes.flatMap((node) =>\n    node.children ? flattenFilters(node.children) : node\n  )\n}\n\nexport function FiltersProvider({\n  filters,\n  children,\n}: {\n  children: React.ReactNode\n  filters: FilterNode[]\n}) {\n  const flatFilters = useMemo(() => flattenFilters(filters), [filters])\n  const findFilter = useCallback(\n    (activeFilter: ActiveFilter) =>\n      flatFilters.find((f) => f.name === activeFilter.name),\n    [flatFilters]\n  )\n  const value = useMemo(\n    () => ({\n      findActiveFilterOperator: (activeFilter: ActiveFilter) => {\n        const filter = findFilter(activeFilter)\n        const operator = filter?.operators.find(\n          (op) => op.name === activeFilter.operator\n        )\n        return { operator, relatedFilter: filter }\n      },\n      flatFilters,\n    }),\n    [findFilter, flatFilters]\n  )\n  return (\n    <FilterContext.Provider value={value}>{children}</FilterContext.Provider>\n  )\n}\n\nexport function useRelatedFilterOperator(\n  activeFilter: ActiveFilter\n): RelatedFilterOperatorResult {\n  const context = React.useContext(FilterContext)\n  return (\n    context.findActiveFilterOperator(activeFilter) || {\n      operator: undefined,\n      relatedFilter: undefined,\n    }\n  )\n}\n"],"names":["React"],"mappings":";;AAaO,MAAM,aAAa,GAAG,aAAa,CAKvC;AACD,IAAA,wBAAwB,EAAE,MAAM,SAAS;AACzC,IAAA,WAAW,EAAE,EAAE;AAChB,CAAA;AAED,SAAS,cAAc,CAAC,KAAmB,EAAA;IACzC,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KACxB,IAAI,CAAC,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CACrD;AACH;SAEgB,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,GAIT,EAAA;AACC,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AACrE,IAAA,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,YAA0B,KACzB,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,EACvD,CAAC,WAAW,CAAC,CACd;AACD,IAAA,MAAM,KAAK,GAAG,OAAO,CACnB,OAAO;AACL,QAAA,wBAAwB,EAAE,CAAC,YAA0B,KAAI;AACvD,YAAA,MAAM,MAAM,GAAG,UAAU,CAAC,YAAY,CAAC;YACvC,MAAM,QAAQ,GAAG,MAAM,EAAE,SAAS,CAAC,IAAI,CACrC,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC,QAAQ,CAC1C;AACD,YAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE;QAC5C,CAAC;QACD,WAAW;AACZ,KAAA,CAAC,EACF,CAAC,UAAU,EAAE,WAAW,CAAC,CAC1B;AACD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,EAAG,QAAQ,CAA0B;AAE7E;AAEM,SAAU,wBAAwB,CACtC,YAA0B,EAAA;IAE1B,MAAM,OAAO,GAAGA,cAAK,CAAC,UAAU,CAAC,aAAa,CAAC;AAC/C,IAAA,QACE,OAAO,CAAC,wBAAwB,CAAC,YAAY,CAAC,IAAI;AAChD,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,aAAa,EAAE,SAAS;AACzB,KAAA;AAEL;;;;"}
+{"version":3,"file":"FilterContext.js","sources":["../../../src/components/DataTable/FilterContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useMemo } from \"react\"\n\nimport type {\n  ActiveFilter,\n  FilterNode,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\nimport { SearchableFiltersProvider } from \"./SearchableFilters\"\n\nexport type RelatedFilterOperatorResult = {\n  operator?: Operator\n  relatedFilter?: FilterNodeItem\n}\nexport const FilterContext = createContext<{\n  findActiveFilterOperator: (\n    activeFilter: ActiveFilter\n  ) => RelatedFilterOperatorResult | undefined\n  flatFilters: FilterNodeItem[]\n}>({\n  findActiveFilterOperator: () => undefined,\n  flatFilters: [],\n})\n\nfunction flattenFilters(nodes: FilterNode[]): FilterNodeItem[] {\n  return nodes.flatMap((node) =>\n    node.children ? flattenFilters(node.children) : node\n  )\n}\n\nexport function FiltersProvider({\n  filters,\n  children,\n}: {\n  children: React.ReactNode\n  filters: FilterNode[]\n}) {\n  const flatFilters = useMemo(() => flattenFilters(filters), [filters])\n  const findFilter = useCallback(\n    (activeFilter: ActiveFilter) =>\n      flatFilters.find((f) => f.name === activeFilter.name),\n    [flatFilters]\n  )\n  const value = useMemo(\n    () => ({\n      findActiveFilterOperator: (activeFilter: ActiveFilter) => {\n        const filter = findFilter(activeFilter)\n        const operator = filter?.operators.find(\n          (op) => op.name === activeFilter.operator\n        )\n        return { operator, relatedFilter: filter }\n      },\n      flatFilters,\n    }),\n    [findFilter, flatFilters]\n  )\n  return (\n    <SearchableFiltersProvider filters={filters}>\n      <FilterContext.Provider value={value}>{children}</FilterContext.Provider>\n    </SearchableFiltersProvider>\n  )\n}\n\nexport function useRelatedFilterOperator(\n  activeFilter: ActiveFilter\n): RelatedFilterOperatorResult {\n  const context = React.useContext(FilterContext)\n  return (\n    context.findActiveFilterOperator(activeFilter) || {\n      operator: undefined,\n      relatedFilter: undefined,\n    }\n  )\n}\n"],"names":["React"],"mappings":";;;AAcO,MAAM,aAAa,GAAG,aAAa,CAKvC;AACD,IAAA,wBAAwB,EAAE,MAAM,SAAS;AACzC,IAAA,WAAW,EAAE,EAAE;AAChB,CAAA;AAED,SAAS,cAAc,CAAC,KAAmB,EAAA;IACzC,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KACxB,IAAI,CAAC,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CACrD;AACH;SAEgB,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,GAIT,EAAA;AACC,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AACrE,IAAA,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,YAA0B,KACzB,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,EACvD,CAAC,WAAW,CAAC,CACd;AACD,IAAA,MAAM,KAAK,GAAG,OAAO,CACnB,OAAO;AACL,QAAA,wBAAwB,EAAE,CAAC,YAA0B,KAAI;AACvD,YAAA,MAAM,MAAM,GAAG,UAAU,CAAC,YAAY,CAAC;YACvC,MAAM,QAAQ,GAAG,MAAM,EAAE,SAAS,CAAC,IAAI,CACrC,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC,QAAQ,CAC1C;AACD,YAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE;QAC5C,CAAC;QACD,WAAW;AACZ,KAAA,CAAC,EACF,CAAC,UAAU,EAAE,WAAW,CAAC,CAC1B;AACD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,yBAAyB,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA;AACzC,QAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,EAAG,QAAQ,CAA0B,CAC/C;AAEhC;AAEM,SAAU,wBAAwB,CACtC,YAA0B,EAAA;IAE1B,MAAM,OAAO,GAAGA,cAAK,CAAC,UAAU,CAAC,aAAa,CAAC;AAC/C,IAAA,QACE,OAAO,CAAC,wBAAwB,CAAC,YAAY,CAAC,IAAI;AAChD,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,aAAa,EAAE,SAAS;AACzB,KAAA;AAEL;;;;"}

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

@@ -1,10 +1,16 @@
 import React from "react";
-import type { FilterNode } from "./FilterTypes";
+import type { ActiveFilter, FilterNode } from "./FilterTypes";
 export interface FilterControlsProps {
+    /** The currently active filters. The toggle button only renders when this is non-empty. */
+    activeFilters?: ActiveFilter[];
     filters: FilterNode[];
+    /** Whether the filters shelf is currently expanded. */
+    isShelfExpanded?: boolean;
+    /** Called when the toggle button is pressed. */
+    onToggleShelf?: () => void;
 }
 /** Skeleton for the DataTable filters cluster — grows incrementally. */
-export declare function FilterControls({ filters }: FilterControlsProps): React.JSX.Element;
+export declare function FilterControls({ activeFilters, filters, isShelfExpanded, onToggleShelf, }: FilterControlsProps): React.JSX.Element;
 export declare namespace FilterControls {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"FilterControls.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterControls.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAShD,OAAO,KAAK,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAkEhE,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,UAAU,EAAE,CAAA;CACtB;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,mBAAmB,qBA+C9D;yBA/Ce,cAAc"}
+{"version":3,"file":"FilterControls.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterControls.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAUnE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAoE9E,MAAM,WAAW,mBAAmB;IAClC,2FAA2F;IAC3F,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,uDAAuD;IACvD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,EAC7B,aAAkB,EAClB,OAAO,EACP,eAAuB,EACvB,aAAwB,GACzB,EAAE,mBAAmB,qBAqErB;yBA1Ee,cAAc"}

package/dist/components/DataTable/FilterControls.js

@@ -10,10 +10,12 @@ 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 from 'react';
+import React__default, { useState, 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 { useSearchableFilters } from './SearchableFilters.js';
 
 const NOOP_ACTION = () => { };
 // Must be a dedicated component, not returned inline from `renderFilterItem`.
@@ -39,19 +41,58 @@ function renderFilterItem(node) {
         React__default.createElement("span", { slot: "label" }, node.label)));
 }
 /** Skeleton for the DataTable filters cluster — grows incrementally. */
-function FilterControls({ filters }) {
-    const temporarySearchInputId = `tds-data-table-filter-controls-search-${useId()}`;
+function FilterControls({ activeFilters = [], filters, isShelfExpanded = false, onToggleShelf = () => { }, }) {
+    const searchInputId = `tds-data-table-filter-controls-search-${useId()}`;
+    const [searchQuery, setSearchQuery] = useState("");
     return (React__default.createElement(ButtonGroup, { "aria-label": "Filters", className: "tds-data-table-filter-controls" },
         React__default.createElement(Popover, null,
             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(PopoverContent, { className: "tds-data-table-popover", placement: "bottom" },
-                React__default.createElement(Label, { className: "tds-data-table-filter-controls-label--hidden", htmlFor: temporarySearchInputId }, "Search filters"),
-                React__default.createElement(Input, { className: "tds-data-table-filter-controls-search-input", id: temporarySearchInputId, placeholder: "Search isn't implemented yet" }),
-                React__default.createElement(Menu, { "aria-label": "Filters", className: "tds-data-table-filter-controls-list", items: filters, renderEmptyState: () => "No filters match" }, renderFilterItem))),
-        React__default.createElement(Button, { label: "0" })));
+                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)))),
+        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) {
+    const [, ...remainingGrouping] = filter.grouping;
+    return (React__default.createElement(DropdownAction, { key: filter.name, textValue: filter.searchable, id: `filter-search-${filter.name}`, onAction: NOOP_ACTION },
+        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(" > "),
+                " > ")),
+            filter.label)));
+}
+function SearchResults() {
+    const filters = useSearchableFilters();
+    const { groups, ungrouped } = useMemo(() => {
+        const ungroupedItems = filters.filter((f) => f.grouping.length === 0);
+        const groupedItems = new Map();
+        filters.forEach((filter) => {
+            const [heading] = filter.grouping;
+            if (!heading)
+                return;
+            groupedItems.set(heading, [...(groupedItems.get(heading) ?? []), filter]);
+        });
+        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))))));
+}
+function prefixSearch(string, query) {
+    if (query.length === 0) {
+        return true;
+    }
+    const segments = query.normalize("NFC").toLowerCase().split(/\s+/);
+    return segments.every((segment) => string.includes(segment));
+}
 
 export { FilterControls };
 //# sourceMappingURL=FilterControls.js.map

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 } from \"react\"\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 { FilterNode, FilterNodeGroup } from \"./FilterTypes\"\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  filters: FilterNode[]\n}\n\n/** Skeleton for the DataTable filters cluster — grows incrementally. */\nexport function FilterControls({ filters }: FilterControlsProps) {\n  const temporarySearchInputId = `tds-data-table-filter-controls-search-${useId()}`\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          {/* Search will go here. */}\n          <Label\n            className=\"tds-data-table-filter-controls-label--hidden\"\n            htmlFor={temporarySearchInputId}\n          >\n            Search filters\n          </Label>\n          <Input\n            className=\"tds-data-table-filter-controls-search-input\"\n            id={temporarySearchInputId}\n            placeholder=\"Search isn't implemented yet\"\n          />\n          <Menu\n            aria-label=\"Filters\"\n            className=\"tds-data-table-filter-controls-list\"\n            items={filters}\n            renderEmptyState={() => \"No filters match\"}\n          >\n            {renderFilterItem}\n          </Menu>\n        </PopoverContent>\n      </Popover>\n      {/* Active filter count will go here. */}\n      <Button label=\"0\" />\n    </ButtonGroup>\n  )\n}\n\nFilterControls.displayName = \"FilterControls\"\n"],"names":["React","AriaPopover"],"mappings":"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"}
+{"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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"}

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

@@ -1,5 +1,6 @@
+import type { ActiveFilterInstance } from "./ActiveFilterInstance";
 export interface FilterNodeBase {
-    /** Extra search terms beyond the label. Not yet matched by search. */
+    /** Extra search terms beyond the label. */
     keywords?: string[];
 }
 export interface InputType {
@@ -12,6 +13,8 @@ export interface Operator {
 }
 export interface FilterNodeItem extends FilterNodeBase {
     children?: never;
+    /** Binds this filter to one active filter's operator and value. Supplied by the filter factories. */
+    createActiveFilterInstance: (activeFilter: ActiveFilter, operator: Operator) => ActiveFilterInstance;
     /** Not rendered in the menu. Carried through as data for the change handler. */
     description?: string;
     /** Display name in the filter menu. */
@@ -35,6 +38,16 @@ export interface FilterNodeGroup extends FilterNodeBase {
     renderChildrenInSubmenu?: boolean;
 }
 export type FilterNode = FilterNodeItem | FilterNodeGroup;
+/** Narrow a factory's operator set by name. `includes` keeps only the named operators, in the order given; `excludes` drops them. */
+export type OperatorSelection<Name extends string = string> = {
+    excludes?: never;
+    includes?: Name[];
+} | {
+    excludes?: Name[];
+    includes?: never;
+};
+export type FilterItemConfig<Name extends string = string> = Omit<FilterNodeItem, "createActiveFilterInstance" | "operators"> & OperatorSelection<Name>;
+export type UpdateActiveFilter = (updates: Partial<ActiveFilter>) => void;
 export interface ActiveFilter<T = unknown> {
     /** The HTML name of the applied filter. Connects to the name of the filter. */
     name: string;

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,MAAM,WAAW,cAAc;IAC7B,sEAAsE;IACtE,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,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,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,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"}

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

@@ -1,6 +1,5 @@
 import React from "react";
-import type { UpdateActiveFilter } from "./ActiveFilters";
-import type { FilterNodeItem, Operator } from "./FilterTypes";
+import type { FilterNodeItem, Operator, UpdateActiveFilter } from "./FilterTypes";
 export declare function OperatorSelect(props: {
     operator: Operator;
     relatedFilter: FilterNodeItem;

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

@@ -1 +1 @@
-{"version":3,"file":"OperatorSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/OperatorSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7D,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,QAAQ,EAAE,QAAQ,CAAA;IAClB,aAAa,EAAE,cAAc,CAAA;IAC7B,kBAAkB,EAAE,kBAAkB,CAAA;CACvC,qBAIA"}
+{"version":3,"file":"OperatorSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/OperatorSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,cAAc,EACd,QAAQ,EACR,kBAAkB,EACnB,MAAM,eAAe,CAAA;AAEtB,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,QAAQ,EAAE,QAAQ,CAAA;IAClB,aAAa,EAAE,cAAc,CAAA;IAC7B,kBAAkB,EAAE,kBAAkB,CAAA;CACvC,qBAIA"}

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

@@ -1 +1 @@
-{"version":3,"file":"OperatorSelect.js","sources":["../../../src/components/DataTable/OperatorSelect.tsx"],"sourcesContent":["import { Segment, SegmentedControl } from \"@components/segmented-control\"\nimport { Select } from \"@components/select\"\nimport React from \"react\"\n\nimport type { UpdateActiveFilter } from \"./ActiveFilters\"\nimport type { FilterNodeItem, Operator } from \"./FilterTypes\"\n\nexport function OperatorSelect(props: {\n  operator: Operator\n  relatedFilter: FilterNodeItem\n  updateActiveFilter: UpdateActiveFilter\n}) {\n  const { relatedFilter } = props\n  const Component = getOperatorSelectComponent(relatedFilter.operators)\n  return <Component {...props} />\n}\n\nfunction getOperatorSelectComponent(operators: Operator[]) {\n  if (operators.length <= 1) return OperatorSelectNone\n  if (operators.length < 4) return OperatorSelectSegmented\n  return OperatorSelectDropdown\n}\n\nfunction OperatorSelectNone() {\n  return null\n}\n\nfunction OperatorSelectSegmented({\n  operator,\n  relatedFilter,\n  updateActiveFilter,\n}: {\n  operator: Operator\n  relatedFilter: FilterNodeItem\n  updateActiveFilter: UpdateActiveFilter\n}) {\n  return (\n    <SegmentedControl\n      value={operator.name}\n      hideLabel\n      label=\"Operator\"\n      onChange={(value) => updateActiveFilter({ operator: value })}\n    >\n      {relatedFilter.operators.map((op) => (\n        <Segment label={op.label} value={op.name} key={op.name} />\n      ))}\n    </SegmentedControl>\n  )\n}\n\nfunction OperatorSelectDropdown({\n  operator,\n  relatedFilter,\n  updateActiveFilter,\n}: {\n  operator: Operator\n  relatedFilter: FilterNodeItem\n  updateActiveFilter: UpdateActiveFilter\n}) {\n  return (\n    <Select\n      value={operator.name}\n      onChange={(el) => updateActiveFilter({ operator: el.target.value })}\n      options={relatedFilter.operators.map((op) => ({\n        label: op.label,\n        value: op.name,\n      }))}\n      hideLabel\n      label=\"Operator\"\n    />\n  )\n}\n"],"names":["React"],"mappings":";;;;;;AAOM,SAAU,cAAc,CAAC,KAI9B,EAAA;AACC,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK;IAC/B,MAAM,SAAS,GAAG,0BAA0B,CAAC,aAAa,CAAC,SAAS,CAAC;AACrE,IAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GAAK,KAAK,GAAI;AACjC;AAEA,SAAS,0BAA0B,CAAC,SAAqB,EAAA;AACvD,IAAA,IAAI,SAAS,CAAC,MAAM,IAAI,CAAC;AAAE,QAAA,OAAO,kBAAkB;AACpD,IAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;AAAE,QAAA,OAAO,uBAAuB;AACxD,IAAA,OAAO,sBAAsB;AAC/B;AAEA,SAAS,kBAAkB,GAAA;AACzB,IAAA,OAAO,IAAI;AACb;AAEA,SAAS,uBAAuB,CAAC,EAC/B,QAAQ,EACR,aAAa,EACb,kBAAkB,GAKnB,EAAA;AACC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,KAAK,EAAE,QAAQ,CAAC,IAAI,EACpB,SAAS,EAAA,IAAA,EACT,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,CAAC,KAAK,KAAK,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,IAE3D,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,MAC9BA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,EAAA,CAAI,CAC3D,CAAC,CACe;AAEvB;AAEA,SAAS,sBAAsB,CAAC,EAC9B,QAAQ,EACR,aAAa,EACb,kBAAkB,GAKnB,EAAA;AACC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,IACL,KAAK,EAAE,QAAQ,CAAC,IAAI,EACpB,QAAQ,EAAE,CAAC,EAAE,KAAK,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EACnE,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM;YAC5C,KAAK,EAAE,EAAE,CAAC,KAAK;YACf,KAAK,EAAE,EAAE,CAAC,IAAI;SACf,CAAC,CAAC,EACH,SAAS,EAAA,IAAA,EACT,KAAK,EAAC,UAAU,EAAA,CAChB;AAEN;;;;"}
+{"version":3,"file":"OperatorSelect.js","sources":["../../../src/components/DataTable/OperatorSelect.tsx"],"sourcesContent":["import { Segment, SegmentedControl } from \"@components/segmented-control\"\nimport { Select } from \"@components/select\"\nimport React from \"react\"\n\nimport type {\n  FilterNodeItem,\n  Operator,\n  UpdateActiveFilter,\n} from \"./FilterTypes\"\n\nexport function OperatorSelect(props: {\n  operator: Operator\n  relatedFilter: FilterNodeItem\n  updateActiveFilter: UpdateActiveFilter\n}) {\n  const { relatedFilter } = props\n  const Component = getOperatorSelectComponent(relatedFilter.operators)\n  return <Component {...props} />\n}\n\nfunction getOperatorSelectComponent(operators: Operator[]) {\n  if (operators.length <= 1) return OperatorSelectNone\n  if (operators.length < 4) return OperatorSelectSegmented\n  return OperatorSelectDropdown\n}\n\nfunction OperatorSelectNone() {\n  return null\n}\n\nfunction OperatorSelectSegmented({\n  operator,\n  relatedFilter,\n  updateActiveFilter,\n}: {\n  operator: Operator\n  relatedFilter: FilterNodeItem\n  updateActiveFilter: UpdateActiveFilter\n}) {\n  return (\n    <SegmentedControl\n      value={operator.name}\n      hideLabel\n      label=\"Operator\"\n      onChange={(value) => updateActiveFilter({ operator: value })}\n    >\n      {relatedFilter.operators.map((op) => (\n        <Segment label={op.label} value={op.name} key={op.name} />\n      ))}\n    </SegmentedControl>\n  )\n}\n\nfunction OperatorSelectDropdown({\n  operator,\n  relatedFilter,\n  updateActiveFilter,\n}: {\n  operator: Operator\n  relatedFilter: FilterNodeItem\n  updateActiveFilter: UpdateActiveFilter\n}) {\n  return (\n    <Select\n      value={operator.name}\n      onChange={(el) => updateActiveFilter({ operator: el.target.value })}\n      options={relatedFilter.operators.map((op) => ({\n        label: op.label,\n        value: op.name,\n      }))}\n      hideLabel\n      label=\"Operator\"\n    />\n  )\n}\n"],"names":["React"],"mappings":";;;;;;AAUM,SAAU,cAAc,CAAC,KAI9B,EAAA;AACC,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK;IAC/B,MAAM,SAAS,GAAG,0BAA0B,CAAC,aAAa,CAAC,SAAS,CAAC;AACrE,IAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GAAK,KAAK,GAAI;AACjC;AAEA,SAAS,0BAA0B,CAAC,SAAqB,EAAA;AACvD,IAAA,IAAI,SAAS,CAAC,MAAM,IAAI,CAAC;AAAE,QAAA,OAAO,kBAAkB;AACpD,IAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;AAAE,QAAA,OAAO,uBAAuB;AACxD,IAAA,OAAO,sBAAsB;AAC/B;AAEA,SAAS,kBAAkB,GAAA;AACzB,IAAA,OAAO,IAAI;AACb;AAEA,SAAS,uBAAuB,CAAC,EAC/B,QAAQ,EACR,aAAa,EACb,kBAAkB,GAKnB,EAAA;AACC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,KAAK,EAAE,QAAQ,CAAC,IAAI,EACpB,SAAS,EAAA,IAAA,EACT,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,CAAC,KAAK,KAAK,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,IAE3D,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,MAC9BA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,EAAA,CAAI,CAC3D,CAAC,CACe;AAEvB;AAEA,SAAS,sBAAsB,CAAC,EAC9B,QAAQ,EACR,aAAa,EACb,kBAAkB,GAKnB,EAAA;AACC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,IACL,KAAK,EAAE,QAAQ,CAAC,IAAI,EACpB,QAAQ,EAAE,CAAC,EAAE,KAAK,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EACnE,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM;YAC5C,KAAK,EAAE,EAAE,CAAC,KAAK;YACf,KAAK,EAAE,EAAE,CAAC,IAAI;SACf,CAAC,CAAC,EACH,SAAS,EAAA,IAAA,EACT,KAAK,EAAC,UAAU,EAAA,CAChB;AAEN;;;;"}

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { FilterNode } from "./FilterTypes";
+export declare function useSearchableFilters(): SearchableSimpleFilterItem[];
+export type SearchableSimpleFilterItem = {
+    grouping: string[];
+    label: string;
+    name: string;
+    searchable: string;
+};
+export declare function SearchableFiltersProvider({ children, filters, }: {
+    children: React.ReactNode;
+    filters: FilterNode[];
+}): React.JSX.Element;
+//# sourceMappingURL=SearchableFilters.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/DataTable/SearchableFilters.js

@@ -0,0 +1,35 @@
+import React__default, { createContext, useMemo, useContext } from 'react';
+
+function useSearchableFilters() {
+    return useContext(SearchableFiltersContext);
+}
+const SearchableFiltersContext = createContext([]);
+function SearchableFiltersProvider({ children, filters, }) {
+    const searchableSimpleFilterItems = useMemo(() => {
+        const result = [];
+        function addFilterItem(filter, grouping = [], collectedKeywords = []) {
+            const keywords = [...collectedKeywords, ...(filter.keywords || [])];
+            if (filter.children) {
+                return filter.children.forEach((child) => addFilterItem(child, [...grouping, filter.label], keywords));
+            }
+            const searchable = dedup([...grouping, filter.label, ...keywords])
+                .join(" ")
+                .toLowerCase();
+            result.push({
+                grouping,
+                label: filter.label,
+                name: filter.name,
+                searchable,
+            });
+        }
+        filters.forEach((filter) => addFilterItem(filter));
+        return result;
+    }, [filters]);
+    return (React__default.createElement(SearchableFiltersContext.Provider, { value: searchableSimpleFilterItems }, children));
+}
+function dedup(items) {
+    return Array.from(new Set(items));
+}
+
+export { SearchableFiltersProvider, useSearchableFilters };
+//# sourceMappingURL=SearchableFilters.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,48 @@
+import type { FilterItemConfig, FilterNodeItem } from "./FilterTypes";
+export type CollectionOption = {
+    label: string;
+    value: string;
+};
+/** A single option's `value`, or the selected `value`s when `multiple`. */
+export type CollectionFilterValue = string | string[];
+export type CollectionDisplay = "checkboxes" | "combobox" | "select";
+export declare const COLLECTION_IS: {
+    readonly inputType: {
+        readonly type: "collection";
+    };
+    readonly label: "is";
+    readonly name: "eq";
+};
+export declare const COLLECTION_NOT: {
+    readonly inputType: {
+        readonly type: "collection";
+    };
+    readonly label: "is not";
+    readonly name: "not";
+};
+declare const COLLECTION_OPERATORS: ({
+    readonly inputType: {
+        readonly type: "collection";
+    };
+    readonly label: "is";
+    readonly name: "eq";
+} | {
+    readonly inputType: {
+        readonly type: "collection";
+    };
+    readonly label: "is not";
+    readonly name: "not";
+})[];
+export type CollectionOperatorName = (typeof COLLECTION_OPERATORS)[number]["name"];
+export type CollectionFilterConfig = FilterItemConfig<CollectionOperatorName> & {
+    options: CollectionOption[];
+} & ({
+    display?: CollectionDisplay;
+    multiple?: false;
+} | {
+    display?: Exclude<CollectionDisplay, "select">;
+    multiple: true;
+});
+export declare function collectionFilter({ display, excludes, includes, multiple, options, ...config }: CollectionFilterConfig): FilterNodeItem;
+export {};
+//# sourceMappingURL=collectionFilter.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/DataTable/collectionFilter.js

@@ -0,0 +1,86 @@
+import { Checkbox } from '../checkbox/Checkbox.js';
+import { CheckboxGroup } from '../checkbox-group/CheckboxGroup.js';
+import { ComboBox, ComboBoxItem } from '../combo-box/ComboBox.js';
+import { Radio } from '../radio/Radio.js';
+import { RadioGroup } from '../radio-group/RadioGroup.js';
+import { Select } from '../select/Select.js';
+import React__default from 'react';
+import { ActiveFilterInstance } from './ActiveFilterInstance.js';
+import { resolveOperators } from './resolveOperators.js';
+
+const COLLECTION_IS = {
+    inputType: { type: "collection" },
+    label: "is",
+    name: "eq",
+};
+const COLLECTION_NOT = {
+    inputType: { type: "collection" },
+    label: "is not",
+    name: "not",
+};
+const COLLECTION_OPERATORS = [COLLECTION_IS, COLLECTION_NOT];
+function orderByOptions(options, selected) {
+    return options.filter((o) => selected.has(o.value)).map((o) => o.value);
+}
+function collectionFilter({ display = "select", excludes, includes, multiple = false, options, ...config }) {
+    const filter = {
+        ...config,
+        createActiveFilterInstance: (activeFilter, operator) => new CollectionActiveFilter(filter, operator, activeFilter.value, { display, multiple, options }),
+        operators: resolveOperators(COLLECTION_OPERATORS, { excludes, includes }),
+    };
+    return filter;
+}
+class CollectionActiveFilter extends ActiveFilterInstance {
+    config;
+    constructor(filter, operator, value, config) {
+        super(filter, operator, value);
+        this.config = config;
+    }
+    formatValue() {
+        const values = Array.isArray(this.value) ? this.value : [this.value];
+        return values
+            .map((value) => this.config.options.find((option) => option.value === value)?.label ??
+            value)
+            .join(", ");
+    }
+    renderEditor(updateActiveFilter) {
+        const { display, multiple, options } = this.config;
+        const onCommit = (value) => updateActiveFilter({ value });
+        if (display === "combobox") {
+            return (React__default.createElement(ComboBox, { hideLabel: true, label: this.operator.label, selectionMode: multiple ? "multiple" : "single", value: this.value, onChange: (value) => {
+                    if (Array.isArray(value)) {
+                        onCommit(orderByOptions(options, new Set(value.map(String))));
+                    }
+                    else if (value !== null) {
+                        onCommit(String(value));
+                    }
+                } }, options.map((option) => (React__default.createElement(ComboBoxItem, { key: option.value, id: option.value }, option.label)))));
+        }
+        if (multiple) {
+            const selected = Array.isArray(this.value) ? this.value : [this.value];
+            return (React__default.createElement(CheckboxesEditor, { label: this.filter.label, options: options, value: selected, onCommit: onCommit }));
+        }
+        const selected = Array.isArray(this.value) ? this.value[0] : this.value;
+        if (display === "checkboxes") {
+            return (React__default.createElement(RadiosEditor, { label: this.filter.label, name: this.filter.name, options: options, value: selected, onCommit: onCommit }));
+        }
+        return (React__default.createElement(Select, { hideLabel: true, label: this.operator.label, options: options, value: selected, onChange: (e) => onCommit(e.target.value) }));
+    }
+}
+function CheckboxesEditor({ label, onCommit, options, value, }) {
+    const toggle = (optionValue, checked) => {
+        const next = new Set(value);
+        if (checked)
+            next.add(optionValue);
+        else
+            next.delete(optionValue);
+        onCommit(orderByOptions(options, next));
+    };
+    return (React__default.createElement(CheckboxGroup, { label: label }, options.map((option) => (React__default.createElement(Checkbox, { key: option.value, checked: value.includes(option.value), label: option.label, onChange: (e) => toggle(option.value, e.target.checked) })))));
+}
+function RadiosEditor({ label, name, onCommit, options, value, }) {
+    return (React__default.createElement(RadioGroup, { label: label }, options.map((option) => (React__default.createElement(Radio, { key: option.value, checked: value === option.value, label: option.label, name: name, onChange: () => onCommit(option.value) })))));
+}
+
+export { COLLECTION_IS, COLLECTION_NOT, collectionFilter };
+//# sourceMappingURL=collectionFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collectionFilter.js","sources":["../../../src/components/DataTable/collectionFilter.tsx"],"sourcesContent":["import { Checkbox } from \"@components/checkbox\"\nimport { CheckboxGroup } from \"@components/checkbox-group\"\nimport { ComboBox, ComboBoxItem } from \"@components/combo-box\"\nimport { Radio } from \"@components/radio\"\nimport { RadioGroup } from \"@components/radio-group\"\nimport { Select } from \"@components/select\"\nimport React from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type {\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n  UpdateActiveFilter,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\n\n// A type alias (not an interface) so it satisfies `Select`'s `data-*` index signature.\nexport type CollectionOption = {\n  label: string\n  value: string\n}\n\n/** A single option's `value`, or the selected `value`s when `multiple`. */\nexport type CollectionFilterValue = string | string[]\n\nexport type CollectionDisplay = \"checkboxes\" | \"combobox\" | \"select\"\n\nexport const COLLECTION_IS = {\n  inputType: { type: \"collection\" },\n  label: \"is\",\n  name: \"eq\",\n} as const satisfies Operator\nexport const COLLECTION_NOT = {\n  inputType: { type: \"collection\" },\n  label: \"is not\",\n  name: \"not\",\n} as const satisfies Operator\n\nconst COLLECTION_OPERATORS = [COLLECTION_IS, COLLECTION_NOT]\n\nexport type CollectionOperatorName =\n  (typeof COLLECTION_OPERATORS)[number][\"name\"]\n\nexport type CollectionFilterConfig =\n  FilterItemConfig<CollectionOperatorName> & {\n    options: CollectionOption[]\n  } & (\n      | { display?: CollectionDisplay; multiple?: false }\n      | { display?: Exclude<CollectionDisplay, \"select\">; multiple: true }\n    )\n\nfunction orderByOptions(options: CollectionOption[], selected: Set<string>) {\n  return options.filter((o) => selected.has(o.value)).map((o) => o.value)\n}\n\nexport function collectionFilter({\n  display = \"select\",\n  excludes,\n  includes,\n  multiple = false,\n  options,\n  ...config\n}: CollectionFilterConfig): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new CollectionActiveFilter(\n        filter,\n        operator,\n        activeFilter.value as CollectionFilterValue,\n        { display, multiple, options }\n      ),\n    operators: resolveOperators(COLLECTION_OPERATORS, { excludes, includes }),\n  }\n  return filter\n}\n\nclass CollectionActiveFilter extends ActiveFilterInstance<CollectionFilterValue> {\n  constructor(\n    filter: FilterNodeItem,\n    operator: FilterNodeItem[\"operators\"][number],\n    value: CollectionFilterValue,\n    private readonly config: {\n      display: CollectionDisplay\n      multiple: boolean\n      options: CollectionOption[]\n    }\n  ) {\n    super(filter, operator, value)\n  }\n\n  formatValue() {\n    const values = Array.isArray(this.value) ? this.value : [this.value]\n    return values\n      .map(\n        (value) =>\n          this.config.options.find((option) => option.value === value)?.label ??\n          value\n      )\n      .join(\", \")\n  }\n\n  renderEditor(updateActiveFilter: UpdateActiveFilter) {\n    const { display, multiple, options } = this.config\n    const onCommit = (value: CollectionFilterValue) =>\n      updateActiveFilter({ value })\n\n    if (display === \"combobox\") {\n      return (\n        <ComboBox\n          hideLabel\n          label={this.operator.label}\n          selectionMode={multiple ? \"multiple\" : \"single\"}\n          value={this.value}\n          onChange={(value: React.Key | React.Key[] | null) => {\n            if (Array.isArray(value)) {\n              onCommit(orderByOptions(options, new Set(value.map(String))))\n            } else if (value !== null) {\n              onCommit(String(value))\n            }\n          }}\n        >\n          {options.map((option) => (\n            <ComboBoxItem key={option.value} id={option.value}>\n              {option.label}\n            </ComboBoxItem>\n          ))}\n        </ComboBox>\n      )\n    }\n\n    if (multiple) {\n      const selected = Array.isArray(this.value) ? this.value : [this.value]\n      return (\n        <CheckboxesEditor\n          label={this.filter.label}\n          options={options}\n          value={selected}\n          onCommit={onCommit}\n        />\n      )\n    }\n\n    const selected = Array.isArray(this.value) ? this.value[0] : this.value\n    if (display === \"checkboxes\") {\n      return (\n        <RadiosEditor\n          label={this.filter.label}\n          name={this.filter.name}\n          options={options}\n          value={selected}\n          onCommit={onCommit}\n        />\n      )\n    }\n    return (\n      <Select\n        hideLabel\n        label={this.operator.label}\n        options={options}\n        value={selected}\n        onChange={(e) => onCommit(e.target.value)}\n      />\n    )\n  }\n}\n\nfunction CheckboxesEditor({\n  label,\n  onCommit,\n  options,\n  value,\n}: {\n  label: string\n  onCommit: (value: string[]) => void\n  options: CollectionOption[]\n  value: string[]\n}) {\n  const toggle = (optionValue: string, checked: boolean) => {\n    const next = new Set(value)\n    if (checked) next.add(optionValue)\n    else next.delete(optionValue)\n    onCommit(orderByOptions(options, next))\n  }\n  return (\n    <CheckboxGroup label={label}>\n      {options.map((option) => (\n        <Checkbox\n          key={option.value}\n          checked={value.includes(option.value)}\n          label={option.label}\n          onChange={(e) => toggle(option.value, e.target.checked)}\n        />\n      ))}\n    </CheckboxGroup>\n  )\n}\n\nfunction RadiosEditor({\n  label,\n  name,\n  onCommit,\n  options,\n  value,\n}: {\n  label: string\n  name: string\n  onCommit: (value: string) => void\n  options: CollectionOption[]\n  value: string\n}) {\n  return (\n    <RadioGroup label={label}>\n      {options.map((option) => (\n        <Radio\n          key={option.value}\n          checked={value === option.value}\n          label={option.label}\n          name={name}\n          onChange={() => onCommit(option.value)}\n        />\n      ))}\n    </RadioGroup>\n  )\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+import type { FilterItemConfig, FilterNodeItem } from "./FilterTypes";
+/** ISO `YYYY-MM-DD` strings; a pair for `between`. */
+export type DateFilterValue = string | [string, string];
+export declare const DATE_IS: {
+    readonly inputType: {
+        readonly type: "date";
+    };
+    readonly label: "is";
+    readonly name: "eq";
+};
+export declare const BEFORE: {
+    readonly inputType: {
+        readonly type: "date";
+    };
+    readonly label: "before";
+    readonly name: "before";
+};
+export declare const AFTER: {
+    readonly inputType: {
+        readonly type: "date";
+    };
+    readonly label: "after";
+    readonly name: "after";
+};
+export declare const DATE_RANGE: {
+    readonly inputType: {
+        readonly type: "date-range";
+    };
+    readonly label: "between";
+    readonly name: "date_range";
+};
+declare const DATE_OPERATORS: ({
+    readonly inputType: {
+        readonly type: "date";
+    };
+    readonly label: "is";
+    readonly name: "eq";
+} | {
+    readonly inputType: {
+        readonly type: "date";
+    };
+    readonly label: "before";
+    readonly name: "before";
+} | {
+    readonly inputType: {
+        readonly type: "date";
+    };
+    readonly label: "after";
+    readonly name: "after";
+} | {
+    readonly inputType: {
+        readonly type: "date-range";
+    };
+    readonly label: "between";
+    readonly name: "date_range";
+})[];
+export type DateOperatorName = (typeof DATE_OPERATORS)[number]["name"];
+export declare function dateFilter({ excludes, includes, ...config }: FilterItemConfig<DateOperatorName>): FilterNodeItem;
+export {};
+//# sourceMappingURL=dateFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dateFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/dateFilter.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EAGf,MAAM,eAAe,CAAA;AAGtB,sDAAsD;AACtD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAEvD,eAAO,MAAM,OAAO;;;;;;CAIS,CAAA;AAC7B,eAAO,MAAM,MAAM;;;;;;CAIU,CAAA;AAC7B,eAAO,MAAM,KAAK;;;;;;CAIW,CAAA;AAC7B,eAAO,MAAM,UAAU;;;;;;CAIM,CAAA;AAE7B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;IAAuC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAUtE,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAYrD"}