@planningcenter/tapestry 4.10.0-rc.9 → 4.10.0

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

@@ -1,4 +1,10 @@
 import type { ActiveFilterInstance } from "./ActiveFilterInstance";
+import type { CollectionFilterValue } from "./CollectionEditorsShared";
+import type { DateFilterValue } from "./dateFilter";
+import type { DayFilterValue } from "./dayFilter";
+import type { NumberFilterValue } from "./numberFilter";
+import type { PresenceFilterValue } from "./presenceFilter";
+import type { TextFilterValue } from "./textFilter";
 export interface FilterNodeBase {
     /** Extra search terms beyond the label. */
     keywords?: string[];
@@ -11,6 +17,19 @@ export interface Operator {
     label: string;
     name: string;
 }
+/**
+ * One segment of a filter chip. Plain strings are the field and operator.
+ * Scope and value segments hold user-created text, so they're marked by kind.
+ * A value's `count` is shown when its list of items is truncated.
+ */
+export type FilterChipSegment = string | {
+    kind: "scope";
+    label: string;
+} | {
+    count?: number;
+    kind: "value";
+    label: string;
+};
 export interface FilterNodeItem extends FilterNodeBase {
     /** Whether multiple instances of this filter can be active simultaneously. `scopedFilter` defaults this to true. */
     allowMultiple?: boolean;
@@ -61,11 +80,13 @@ 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. */
+/** Narrow a factory's operator set by name. `includes` keeps only the named operators, in the order given; `excludes` drops them. The first remaining operator is the default for new filters. */
 export type OperatorSelection<Name extends string = string> = {
     excludes?: never;
+    /** Keeps only these operators, in this order. Can't be combined with `excludes`. */
     includes?: Name[];
 } | {
+    /** Drops these operators from the defaults. Can't be combined with `includes`. */
     excludes?: Name[];
     includes?: never;
 };
@@ -83,13 +104,19 @@ export type FilterChange = (updates: Partial<ActiveFilter>, state?: {
     complete?: boolean;
 }) => void;
 export type ActiveFilterLabel = string | string[] | undefined;
-export interface ActiveFilter<T = unknown> {
+/**
+ * Every value a built-in filter can hold. Values follow the filter, not the
+ * operator: switching operators keeps the old value, and ranges can be
+ * partially filled.
+ */
+export type ActiveFilterValue = CollectionFilterValue | DateFilterValue | DayFilterValue | NumberFilterValue | PresenceFilterValue | TextFilterValue;
+export interface ActiveFilter<Value = ActiveFilterValue, OperatorName extends string = string> {
     /** The human-readable label for the applied filter, if available. */
     label?: ActiveFilterLabel;
     /** 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;
+    operator: OperatorName;
     /**
      * For scoped filters only: which of the parent's scopes is selected. The
      * `operator` and `value` then belong to the parent's `scopeFilter`, so both
@@ -101,11 +128,8 @@ export interface ActiveFilter<T = unknown> {
      * the chip renders without loading the scopes.
      */
     scopeLabel?: 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;
+    /** The value of the applied filter. Its shape depends on the filter type. */
+    value: Value;
 }
 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":"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"}
+{"version":3,"file":"FilterTypes.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterTypes.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+/**
+ * Focuses the first control in a chip popover when it opens, so keyboard and
+ * screen reader users meet the controls in order, operator first.
+ */
+export declare function FocusFirstControl(): null;
+/**
+ * Focuses the first control once lazy content loads, when the popover opened
+ * with nothing focusable in it. Focus the user has already moved stays put.
+ */
+export declare function useFocusFirstControlAfterLoad(loading: boolean): void;
+//# sourceMappingURL=FocusFirstControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FocusFirstControl.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FocusFirstControl.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,iBAAiB,SAMhC;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,OAAO,QAO7D"}

package/dist/components/DataTable/FocusFirstControl.js

@@ -0,0 +1,31 @@
+import { useEffect } from 'react';
+import { useFocusManager } from 'react-aria';
+
+/**
+ * Focuses the first control in a chip popover when it opens, so keyboard and
+ * screen reader users meet the controls in order, operator first.
+ */
+function FocusFirstControl() {
+    const focusManager = useFocusManager();
+    useEffect(() => {
+        focusManager?.focusFirst({ tabbable: true });
+    }, [focusManager]);
+    return null;
+}
+/**
+ * Focuses the first control once lazy content loads, when the popover opened
+ * with nothing focusable in it. Focus the user has already moved stays put.
+ */
+function useFocusFirstControlAfterLoad(loading) {
+    const focusManager = useFocusManager();
+    useEffect(() => {
+        if (loading)
+            return;
+        if (document.activeElement?.getAttribute("role") !== "dialog")
+            return;
+        focusManager?.focusFirst({ tabbable: true });
+    }, [focusManager, loading]);
+}
+
+export { FocusFirstControl, useFocusFirstControlAfterLoad };
+//# sourceMappingURL=FocusFirstControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FocusFirstControl.js","sources":["../../../src/components/DataTable/FocusFirstControl.tsx"],"sourcesContent":["import { useEffect } from \"react\"\nimport { useFocusManager } from \"react-aria\"\n\n/**\n * Focuses the first control in a chip popover when it opens, so keyboard and\n * screen reader users meet the controls in order, operator first.\n */\nexport function FocusFirstControl() {\n  const focusManager = useFocusManager()\n  useEffect(() => {\n    focusManager?.focusFirst({ tabbable: true })\n  }, [focusManager])\n  return null\n}\n\n/**\n * Focuses the first control once lazy content loads, when the popover opened\n * with nothing focusable in it. Focus the user has already moved stays put.\n */\nexport function useFocusFirstControlAfterLoad(loading: boolean) {\n  const focusManager = useFocusManager()\n  useEffect(() => {\n    if (loading) return\n    if (document.activeElement?.getAttribute(\"role\") !== \"dialog\") return\n    focusManager?.focusFirst({ tabbable: true })\n  }, [focusManager, loading])\n}\n"],"names":[],"mappings":";;;AAGA;;;AAGG;SACa,iBAAiB,GAAA;AAC/B,IAAA,MAAM,YAAY,GAAG,eAAe,EAAE;IACtC,SAAS,CAAC,MAAK;QACb,YAAY,EAAE,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC9C,IAAA,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAClB,IAAA,OAAO,IAAI;AACb;AAEA;;;AAGG;AACG,SAAU,6BAA6B,CAAC,OAAgB,EAAA;AAC5D,IAAA,MAAM,YAAY,GAAG,eAAe,EAAE;IACtC,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,OAAO;YAAE;QACb,IAAI,QAAQ,CAAC,aAAa,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;YAAE;QAC/D,YAAY,EAAE,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC9C,IAAA,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;AAC7B;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableSearch.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TableSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,gBAAgB;IAC/B,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,oDAAoD;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;2CAKrB,gBAAgB;;CASlB,CAAA"}
+{"version":3,"file":"TableSearch.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TableSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,gBAAgB;IAC/B,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,oDAAoD;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;2CAKrB,gBAAgB;;CAUlB,CAAA"}

package/dist/components/DataTable/TableSearch.js

@@ -4,7 +4,7 @@ import React__default from 'react';
 /**
  * Renders the search input displayed above the table.
  */
-const TableSearch = ({ label, onChange, tableId, value, }) => (React__default.createElement(SearchInput, { "aria-controls": tableId, label: label, hideLabel: true, placeholder: "Search", value: value, onChange: (event) => onChange(event.target.value) }));
+const TableSearch = ({ label, onChange, tableId, value, }) => (React__default.createElement(SearchInput, { "aria-controls": tableId, className: "tds-data-table-search", label: label, hideLabel: true, placeholder: "Search", value: value, onChange: (event) => onChange(event.target.value) }));
 TableSearch.displayName = "TableSearch";
 
 export { TableSearch };

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

@@ -1 +1 @@
-{"version":3,"file":"TableSearch.js","sources":["../../../src/components/DataTable/TableSearch.tsx"],"sourcesContent":["import { SearchInput } from \"@components/search-input\"\nimport React from \"react\"\n\nexport interface TableSearchProps {\n  /** Accessible label for the search input. The label is visually hidden. */\n  label: string\n  /** Called with the input's text on every change. */\n  onChange: (query: string) => void\n  /** The `id` of the table the search input controls. */\n  tableId: string\n  /** The input's text. */\n  value: string\n}\n\n/**\n * Renders the search input displayed above the table.\n */\nexport const TableSearch = ({\n  label,\n  onChange,\n  tableId,\n  value,\n}: TableSearchProps) => (\n  <SearchInput\n    aria-controls={tableId}\n    label={label}\n    hideLabel\n    placeholder=\"Search\"\n    value={value}\n    onChange={(event) => onChange(event.target.value)}\n  />\n)\n\nTableSearch.displayName = \"TableSearch\"\n"],"names":["React"],"mappings":";;;AAcA;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,GACY,MACjBA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAA,eAAA,EACK,OAAO,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAA,IAAA,EACT,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAA,CACjD;AAGJ,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"TableSearch.js","sources":["../../../src/components/DataTable/TableSearch.tsx"],"sourcesContent":["import { SearchInput } from \"@components/search-input\"\nimport React from \"react\"\n\nexport interface TableSearchProps {\n  /** Accessible label for the search input. The label is visually hidden. */\n  label: string\n  /** Called with the input's text on every change. */\n  onChange: (query: string) => void\n  /** The `id` of the table the search input controls. */\n  tableId: string\n  /** The input's text. */\n  value: string\n}\n\n/**\n * Renders the search input displayed above the table.\n */\nexport const TableSearch = ({\n  label,\n  onChange,\n  tableId,\n  value,\n}: TableSearchProps) => (\n  <SearchInput\n    aria-controls={tableId}\n    className=\"tds-data-table-search\"\n    label={label}\n    hideLabel\n    placeholder=\"Search\"\n    value={value}\n    onChange={(event) => onChange(event.target.value)}\n  />\n)\n\nTableSearch.displayName = \"TableSearch\"\n"],"names":["React"],"mappings":";;;AAcA;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,GACY,MACjBA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAA,eAAA,EACK,OAAO,EACtB,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAA,IAAA,EACT,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAA,CACjD;AAGJ,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

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

@@ -1,10 +1,10 @@
-import type { CollectionOptions } from "./CollectionEditorsShared";
-import type { FilterItemConfig, FilterNodeItem } from "./FilterTypes";
+import type { CollectionFilterValue, CollectionOptions } from "./CollectionEditorsShared";
+import type { ActiveFilter, FilterItemConfig, FilterNodeItem } from "./FilterTypes";
 export type CollectionOption = {
     label: string;
     value: string;
 };
-export type CollectionDisplay = "checkboxes" | "combobox" | "select";
+export type CollectionDisplay = "checkboxes" | "combobox" | "radios" | "select";
 export declare const COLLECTION_IS: {
     readonly inputType: {
         readonly type: "collection";
@@ -33,15 +33,21 @@ declare const ALL_COLLECTION_OPERATORS: ({
     readonly name: "not";
 })[];
 export type CollectionOperatorName = (typeof ALL_COLLECTION_OPERATORS)[number]["name"];
+export type CollectionActiveFilter = ActiveFilter<CollectionFilterValue | undefined, CollectionOperatorName>;
 export type CollectionFilterConfig = FilterItemConfig<CollectionOperatorName> & {
+    /** How the editor presents the options. Defaults to `select`. */
+    display?: CollectionDisplay;
+    /** Allows picking more than one option. Only supported with the `combobox` display; `checkboxes` always allows multiple and `radios` never does. */
+    multiple?: boolean;
+    /** The choices, or a function that loads them. A function receives the combobox's search query and, inside a `scopedFilter`, the chosen scope. */
     options: CollectionOptions;
 } & ({
-    display?: CollectionDisplay;
-    multiple?: false;
+    display?: Exclude<CollectionDisplay, "combobox">;
+    multiple?: never;
 } | {
-    display?: Exclude<CollectionDisplay, "select">;
-    multiple: true;
+    display: "combobox";
+    multiple?: boolean;
 });
-export declare function collectionFilter({ display, excludes, includes, multiple, options, ...config }: CollectionFilterConfig): FilterNodeItem;
+export declare function collectionFilter({ display, excludes, includes, multiple: multipleCombobox, options, ...config }: CollectionFilterConfig): FilterNodeItem;
 export {};
 //# sourceMappingURL=collectionFilter.d.ts.map

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":"AAIA,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAElC,OAAO,KAAK,EAGV,gBAAgB,EAChB,cAAc,EAEf,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,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,wBAAwB;;;;;;;;;;;;IAAkC,CAAA;AAGhE,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnD,MAAM,MAAM,sBAAsB,GAChC,gBAAgB,CAAC,sBAAsB,CAAC,GAAG;IACzC,OAAO,EAAE,iBAAiB,CAAA;CAC3B,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;AAEL,wBAAgB,gBAAgB,CAAC,EAC/B,OAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,GAAG,MAAM,EACV,EAAE,sBAAsB,GAAG,cAAc,CAmBzC"}
+{"version":3,"file":"collectionFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/collectionFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAElC,OAAO,KAAK,EACV,YAAY,EAGZ,gBAAgB,EAChB,cAAc,EAEf,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAE/E,eAAO,MAAM,aAAa;;;;;;CAIG,CAAA;AAC7B,eAAO,MAAM,cAAc;;;;;;CAIE,CAAA;AAE7B,QAAA,MAAM,wBAAwB;;;;;;;;;;;;IAAkC,CAAA;AAGhE,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnD,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAC/C,qBAAqB,GAAG,SAAS,EACjC,sBAAsB,CACvB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAChC,gBAAgB,CAAC,sBAAsB,CAAC,GAAG;IACzC,iEAAiE;IACjE,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,oJAAoJ;IACpJ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kJAAkJ;IAClJ,OAAO,EAAE,iBAAiB,CAAA;CAC3B,GAAG,CACE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GACtE;IAAE,OAAO,EAAE,UAAU,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAC9C,CAAA;AAEL,wBAAgB,gBAAgB,CAAC,EAC/B,OAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,QAAQ,EAAE,gBAAwB,EAClC,OAAO,EACP,GAAG,MAAM,EACV,EAAE,sBAAsB,GAAG,cAAc,CAoBzC"}

package/dist/components/DataTable/collectionFilter.js

@@ -16,10 +16,11 @@ const COLLECTION_NOT = {
 };
 const ALL_COLLECTION_OPERATORS = [COLLECTION_IS, COLLECTION_NOT];
 const DEFAULT_COLLECTION_OPERATORS = [COLLECTION_IS];
-function collectionFilter({ display = "select", excludes, includes, multiple = false, options, ...config }) {
+function collectionFilter({ display = "select", excludes, includes, multiple: multipleCombobox = false, options, ...config }) {
+    const multiple = display === "checkboxes" || multipleCombobox;
     const filter = {
         ...config,
-        createActiveFilterInstance: (activeFilter, operator) => new CollectionActiveFilter(filter, operator, activeFilter.value, activeFilter.label, activeFilter.scope, { display, multiple, options }),
+        createActiveFilterInstance: (activeFilter, operator) => new CollectionActiveFilterInstance(filter, operator, activeFilter.value, activeFilter.label, activeFilter.scope, { display, multiple, options }),
         operators: resolveOperators(ALL_COLLECTION_OPERATORS, {
             default: DEFAULT_COLLECTION_OPERATORS,
             excludes,
@@ -28,7 +29,7 @@ function collectionFilter({ display = "select", excludes, includes, multiple = f
     };
     return filter;
 }
-class CollectionActiveFilter extends ActiveFilterInstance {
+class CollectionActiveFilterInstance extends ActiveFilterInstance {
     label;
     scope;
     config;
@@ -39,12 +40,15 @@ class CollectionActiveFilter extends ActiveFilterInstance {
         this.config = config;
         this.label = label;
     }
+    get valueCount() {
+        return [this.value].flat().length;
+    }
     formatValue() {
         if (this.label)
-            return Array.isArray(this.label) ? this.label : [this.label];
+            return [this.label].flat().join(", ");
         const values = Array.isArray(this.value) ? this.value : [this.value];
         if (typeof this.config.options === "function")
-            return [""];
+            return "";
         return values
             .map((value) => this.config.options.find((option) => option.value === value)?.label ?? value)
             .join(", ");

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

@@ -1 +1 @@
-{"version":3,"file":"collectionFilter.js","sources":["../../../src/components/DataTable/collectionFilter.tsx"],"sourcesContent":["import React from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport { CollectionFilterEditorLazy } from \"./CollectionEditorsLazy\"\nimport type {\n  CollectionFilterValue,\n  CollectionOptions,\n} from \"./CollectionEditorsShared\"\nimport { CollectionFilterEditorStatic } from \"./CollectionEditorsStatic\"\nimport type {\n  ActiveFilterLabel,\n  FilterChange,\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\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\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 ALL_COLLECTION_OPERATORS = [COLLECTION_IS, COLLECTION_NOT]\nconst DEFAULT_COLLECTION_OPERATORS = [COLLECTION_IS]\n\nexport type CollectionOperatorName =\n  (typeof ALL_COLLECTION_OPERATORS)[number][\"name\"]\n\nexport type CollectionFilterConfig =\n  FilterItemConfig<CollectionOperatorName> & {\n    options: CollectionOptions\n  } & (\n      | { display?: CollectionDisplay; multiple?: false }\n      | { display?: Exclude<CollectionDisplay, \"select\">; multiple: true }\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        activeFilter.label,\n        activeFilter.scope,\n        { display, multiple, options }\n      ),\n    operators: resolveOperators(ALL_COLLECTION_OPERATORS, {\n      default: DEFAULT_COLLECTION_OPERATORS,\n      excludes,\n      includes,\n    }),\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 label: ActiveFilterLabel,\n    private readonly scope: string | undefined,\n    private readonly config: {\n      display: CollectionDisplay\n      multiple: boolean\n      options: CollectionOptions\n    }\n  ) {\n    super(filter, operator, value)\n    this.label = label\n  }\n\n  formatValue() {\n    if (this.label) return Array.isArray(this.label) ? this.label : [this.label]\n    const values = Array.isArray(this.value) ? this.value : [this.value]\n    if (typeof this.config.options === \"function\") return [\"\"]\n    return values\n      .map(\n        (value) =>\n          (this.config.options as CollectionOption[]).find(\n            (option) => option.value === value\n          )?.label ?? value\n      )\n      .join(\", \")\n  }\n\n  renderEditor(onChange: FilterChange) {\n    const hasLazyOptions = typeof this.config.options === \"function\"\n    const Editor = hasLazyOptions\n      ? CollectionFilterEditorLazy\n      : CollectionFilterEditorStatic\n\n    return (\n      <Editor\n        config={this.config}\n        onChange={onChange}\n        operator={this.operator}\n        value={this.value}\n        label={this.label}\n        filter={this.filter}\n        scope={this.scope}\n      />\n    )\n  }\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"collectionFilter.js","sources":["../../../src/components/DataTable/collectionFilter.tsx"],"sourcesContent":["import React from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport { CollectionFilterEditorLazy } from \"./CollectionEditorsLazy\"\nimport type {\n  CollectionFilterValue,\n  CollectionOptions,\n} from \"./CollectionEditorsShared\"\nimport { CollectionFilterEditorStatic } from \"./CollectionEditorsStatic\"\nimport type {\n  ActiveFilter,\n  ActiveFilterLabel,\n  FilterChange,\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\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\nexport type CollectionDisplay = \"checkboxes\" | \"combobox\" | \"radios\" | \"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 ALL_COLLECTION_OPERATORS = [COLLECTION_IS, COLLECTION_NOT]\nconst DEFAULT_COLLECTION_OPERATORS = [COLLECTION_IS]\n\nexport type CollectionOperatorName =\n  (typeof ALL_COLLECTION_OPERATORS)[number][\"name\"]\n\nexport type CollectionActiveFilter = ActiveFilter<\n  CollectionFilterValue | undefined,\n  CollectionOperatorName\n>\n\nexport type CollectionFilterConfig =\n  FilterItemConfig<CollectionOperatorName> & {\n    /** How the editor presents the options. Defaults to `select`. */\n    display?: CollectionDisplay\n    /** Allows picking more than one option. Only supported with the `combobox` display; `checkboxes` always allows multiple and `radios` never does. */\n    multiple?: boolean\n    /** The choices, or a function that loads them. A function receives the combobox's search query and, inside a `scopedFilter`, the chosen scope. */\n    options: CollectionOptions\n  } & (\n      | { display?: Exclude<CollectionDisplay, \"combobox\">; multiple?: never }\n      | { display: \"combobox\"; multiple?: boolean }\n    )\n\nexport function collectionFilter({\n  display = \"select\",\n  excludes,\n  includes,\n  multiple: multipleCombobox = false,\n  options,\n  ...config\n}: CollectionFilterConfig): FilterNodeItem {\n  const multiple = display === \"checkboxes\" || multipleCombobox\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new CollectionActiveFilterInstance(\n        filter,\n        operator,\n        activeFilter.value as CollectionFilterValue,\n        activeFilter.label,\n        activeFilter.scope,\n        { display, multiple, options }\n      ),\n    operators: resolveOperators(ALL_COLLECTION_OPERATORS, {\n      default: DEFAULT_COLLECTION_OPERATORS,\n      excludes,\n      includes,\n    }),\n  }\n  return filter\n}\n\nclass CollectionActiveFilterInstance extends ActiveFilterInstance<CollectionFilterValue> {\n  constructor(\n    filter: FilterNodeItem,\n    operator: FilterNodeItem[\"operators\"][number],\n    value: CollectionFilterValue,\n    private readonly label: ActiveFilterLabel,\n    private readonly scope: string | undefined,\n    private readonly config: {\n      display: CollectionDisplay\n      multiple: boolean\n      options: CollectionOptions\n    }\n  ) {\n    super(filter, operator, value)\n    this.label = label\n  }\n\n  get valueCount() {\n    return [this.value].flat().length\n  }\n\n  formatValue() {\n    if (this.label) return [this.label].flat().join(\", \")\n    const values = Array.isArray(this.value) ? this.value : [this.value]\n    if (typeof this.config.options === \"function\") return \"\"\n    return values\n      .map(\n        (value) =>\n          (this.config.options as CollectionOption[]).find(\n            (option) => option.value === value\n          )?.label ?? value\n      )\n      .join(\", \")\n  }\n\n  renderEditor(onChange: FilterChange) {\n    const hasLazyOptions = typeof this.config.options === \"function\"\n    const Editor = hasLazyOptions\n      ? CollectionFilterEditorLazy\n      : CollectionFilterEditorStatic\n\n    return (\n      <Editor\n        config={this.config}\n        onChange={onChange}\n        operator={this.operator}\n        value={this.value}\n        label={this.label}\n        filter={this.filter}\n        scope={this.scope}\n      />\n    )\n  }\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -1,7 +1,6 @@
 import { type DatePickerDateValue } from "../date-picker";
-import type { FilterItemConfig, FilterNodeItem } from "./FilterTypes";
-/** ISO `YYYY-MM-DD` strings; a pair for `between`. */
-export type DateFilterValue = string | [string, string];
+import type { ActiveFilter, FilterItemConfig, FilterNodeItem } from "./FilterTypes";
+type DateRange = [string | undefined, string | undefined];
 export declare const DATE_IS: {
     readonly inputType: {
         readonly type: "date";
@@ -82,9 +81,14 @@ declare const ALL_DATE_OPERATORS: ({
     readonly name: "between";
 })[];
 export type DateOperatorName = (typeof ALL_DATE_OPERATORS)[number]["name"];
+/** An ISO `YYYY-MM-DD` string; a pair for `between`, either side of which may still be empty. */
+export type DateFilterValue = string | DateRange | undefined;
+export type DateActiveFilter = ActiveFilter<DateFilterValue, DateOperatorName>;
 /** Inclusive bounds on the dates the filter's pickers allow. */
 export interface DateLimits {
+    /** Latest selectable date, as a `DateValue` or ISO date string. */
     max?: DatePickerDateValue;
+    /** Earliest selectable date, as a `DateValue` or ISO date string. */
     min?: DatePickerDateValue;
 }
 export declare function dateFilter({ excludes, includes, max, min, ...config }: FilterItemConfig<DateOperatorName> & DateLimits): FilterNodeItem;

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

@@ -1 +1 @@
-{"version":3,"file":"dateFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/dateFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAW9E,OAAO,KAAK,EAEV,gBAAgB,EAChB,cAAc,EAEf,MAAM,eAAe,CAAA;AAGtB,sDAAsD;AACtD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAIvD,eAAO,MAAM,OAAO;;;;;;CAIS,CAAA;AAC7B,eAAO,MAAM,EAAE;;;;;;CAIc,CAAA;AAC7B,eAAO,MAAM,EAAE;;;;;;CAIc,CAAA;AAC7B,eAAO,MAAM,GAAG;;;;;;CAIa,CAAA;AAC7B,eAAO,MAAM,GAAG;;;;;;CAIa,CAAA;AAC7B,eAAO,MAAM,UAAU;;;;;;CAIM,CAAA;AAE7B,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAA0C,CAAA;AAGlE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAuB1E,gEAAgE;AAChE,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,mBAAmB,CAAA;IACzB,GAAG,CAAC,EAAE,mBAAmB,CAAA;CAC1B;AAcD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,GAAG,EACH,GAAG,MAAM,EACV,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,UAAU,GAAG,cAAc,CAiBlE"}
+{"version":3,"file":"dateFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/dateFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAW9E,OAAO,KAAK,EACV,YAAY,EAEZ,gBAAgB,EAChB,cAAc,EAEf,MAAM,eAAe,CAAA;AAGtB,KAAK,SAAS,GAAG,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;AAEzD,eAAO,MAAM,OAAO;;;;;;CAIS,CAAA;AAC7B,eAAO,MAAM,EAAE;;;;;;CAIc,CAAA;AAC7B,eAAO,MAAM,EAAE;;;;;;CAIc,CAAA;AAC7B,eAAO,MAAM,GAAG;;;;;;CAIa,CAAA;AAC7B,eAAO,MAAM,GAAG;;;;;;CAIa,CAAA;AAC7B,eAAO,MAAM,UAAU;;;;;;CAIM,CAAA;AAE7B,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAA0C,CAAA;AAGlE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1E,iGAAiG;AACjG,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAA;AAuB9E,gEAAgE;AAChE,MAAM,WAAW,UAAU;IACzB,mEAAmE;IACnE,GAAG,CAAC,EAAE,mBAAmB,CAAA;IACzB,qEAAqE;IACrE,GAAG,CAAC,EAAE,mBAAmB,CAAA;CAC1B;AAcD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,GAAG,EACH,GAAG,MAAM,EACV,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,UAAU,GAAG,cAAc,CAiBlE"}

package/dist/components/DataTable/dateFilter.js

@@ -66,7 +66,7 @@ function toValidDate(date, { max, min }) {
 function dateFilter({ excludes, includes, max, min, ...config }) {
     const filter = {
         ...config,
-        createActiveFilterInstance: (activeFilter, operator) => new DateActiveFilter(filter, operator, activeFilter.value, { max, min }),
+        createActiveFilterInstance: (activeFilter, operator) => new DateActiveFilterInstance(filter, operator, activeFilter.value, { max, min }),
         operators: resolveOperators(ALL_DATE_OPERATORS, {
             default: DEFAULT_DATE_OPERATORS,
             excludes,
@@ -75,7 +75,7 @@ function dateFilter({ excludes, includes, max, min, ...config }) {
     };
     return filter;
 }
-class DateActiveFilter extends ActiveFilterInstance {
+class DateActiveFilterInstance extends ActiveFilterInstance {
     limits;
     constructor(filter, operator, value, limits) {
         super(filter, operator, value);
@@ -85,9 +85,12 @@ class DateActiveFilter extends ActiveFilterInstance {
         if (Array.isArray(this.value)) {
             const [start, end] = this.value;
             if (start === undefined || end === undefined) {
-                return [start, end].filter((date) => date !== undefined).map(formatDate);
+                return [start, end]
+                    .filter((date) => date !== undefined)
+                    .map(formatDate)
+                    .join("");
             }
-            return [formatDate(start), "and", formatDate(end)];
+            return [formatDate(start), "and", formatDate(end)].join(" ");
         }
         return this.value === undefined ? "" : formatDate(this.value);
     }
@@ -103,11 +106,7 @@ class DateActiveFilter extends ActiveFilterInstance {
                 } }));
         }
         const single = Array.isArray(this.value) ? this.value[0] : this.value;
-        return (React__default.createElement(DatePicker
-        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
-        , { 
-            // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
-            autoFocus: true, hideLabel: true, 
+        return (React__default.createElement(DatePicker, { hideLabel: true, 
             // Uncontrolled so a typed date outside the limits stays visible
             // (and flagged invalid) after the value is cleared.
             defaultValue: single, label: label, max: this.limits.max, min: this.limits.min, onChange: (date) => {
@@ -120,11 +119,7 @@ function DateRangeEditor({ label, max, min, onCommit, value: [start, end], }) {
     const startLimits = { max: earlier(max, end), min };
     const endLimits = { max, min: later(min, start) };
     return (React__default.createElement(Flex, { align: "center", gap: 1 },
-        React__default.createElement(DatePicker
-        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
-        , { 
-            // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
-            autoFocus: true, hideLabel: true, defaultValue: start, label: `${label} from`, max: startLimits.max, min: startLimits.min, onChange: (date) => onCommit([toValidDate(date, startLimits), end]) }),
+        React__default.createElement(DatePicker, { hideLabel: true, defaultValue: start, label: `${label} from`, max: startLimits.max, min: startLimits.min, onChange: (date) => onCommit([toValidDate(date, startLimits), end]) }),
         React__default.createElement("div", null, "and"),
         React__default.createElement(DatePicker, { hideLabel: true, defaultValue: end, label: `${label} to`, max: endLimits.max, min: endLimits.min, onChange: (date) => onCommit([start, toValidDate(date, endLimits)]) })));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"dateFilter.js","sources":["../../../src/components/DataTable/dateFilter.tsx"],"sourcesContent":["import { DatePicker, type DatePickerDateValue } from \"@components/date-picker\"\nimport { Flex } from \"@components/flex\"\nimport {\n  DateFormatter,\n  type DateValue,\n  getLocalTimeZone,\n  parseDate,\n} from \"@internationalized/date\"\nimport React from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type {\n  FilterChange,\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\n\n/** ISO `YYYY-MM-DD` strings; a pair for `between`. */\nexport type DateFilterValue = string | [string, string]\n\ntype DateRange = [string | undefined, string | undefined]\n\nexport const DATE_IS = {\n  inputType: { type: \"date\" },\n  label: \"is\",\n  name: \"eq\",\n} as const satisfies Operator\nexport const LT = {\n  inputType: { type: \"date\" },\n  label: \"is before\",\n  name: \"lt\",\n} as const satisfies Operator\nexport const GT = {\n  inputType: { type: \"date\" },\n  label: \"is after\",\n  name: \"gt\",\n} as const satisfies Operator\nexport const LTE = {\n  inputType: { type: \"date\" },\n  label: \"is on or before\",\n  name: \"lte\",\n} as const satisfies Operator\nexport const GTE = {\n  inputType: { type: \"date\" },\n  label: \"is on or after\",\n  name: \"gte\",\n} as const satisfies Operator\nexport const DATE_RANGE = {\n  inputType: { type: \"date-range\" },\n  label: \"is between\",\n  name: \"between\",\n} as const satisfies Operator\n\nconst ALL_DATE_OPERATORS = [DATE_IS, LT, GT, LTE, GTE, DATE_RANGE]\nconst DEFAULT_DATE_OPERATORS = [DATE_IS, LT, GT, DATE_RANGE]\n\nexport type DateOperatorName = (typeof ALL_DATE_OPERATORS)[number][\"name\"]\n\nconst formatter = new DateFormatter(\n  new Intl.DateTimeFormat().resolvedOptions().locale,\n  { dateStyle: \"medium\" }\n)\n\nconst formatDate = (iso: string) =>\n  formatter.format(parseDate(iso).toDate(getLocalTimeZone()))\n\nconst toDateValue = (date: DatePickerDateValue) =>\n  typeof date === \"string\" ? parseDate(date) : date\n\nfunction earlier(a?: DatePickerDateValue, b?: DatePickerDateValue) {\n  if (a === undefined || b === undefined) return a ?? b\n  return toDateValue(a).compare(toDateValue(b)) <= 0 ? a : b\n}\n\nfunction later(a?: DatePickerDateValue, b?: DatePickerDateValue) {\n  if (a === undefined || b === undefined) return a ?? b\n  return toDateValue(a).compare(toDateValue(b)) >= 0 ? a : b\n}\n\n/** Inclusive bounds on the dates the filter's pickers allow. */\nexport interface DateLimits {\n  max?: DatePickerDateValue\n  min?: DatePickerDateValue\n}\n\n/**\n * The pickers only flag typed dates outside the limits as invalid, so the\n * editors clear the value rather than commit them.\n */\nfunction toValidDate(date: DateValue | null, { max, min }: DateLimits) {\n  if (!date) return undefined\n  const isWithinLimits =\n    (min === undefined || date.compare(toDateValue(min)) >= 0) &&\n    (max === undefined || date.compare(toDateValue(max)) <= 0)\n  return isWithinLimits ? date.toString() : undefined\n}\n\nexport function dateFilter({\n  excludes,\n  includes,\n  max,\n  min,\n  ...config\n}: FilterItemConfig<DateOperatorName> & DateLimits): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new DateActiveFilter(\n        filter,\n        operator,\n        activeFilter.value as DateFilterValue,\n        { max, min }\n      ),\n    operators: resolveOperators(ALL_DATE_OPERATORS, {\n      default: DEFAULT_DATE_OPERATORS,\n      excludes,\n      includes,\n    }),\n  }\n  return filter\n}\n\nclass DateActiveFilter extends ActiveFilterInstance<DateFilterValue> {\n  constructor(\n    filter: FilterNodeItem,\n    operator: Operator,\n    value: DateFilterValue,\n    readonly limits: DateLimits\n  ) {\n    super(filter, operator, value)\n  }\n\n  formatValue() {\n    if (Array.isArray(this.value)) {\n      const [start, end] = this.value\n      if (start === undefined || end === undefined) {\n        return [start, end].filter((date) => date !== undefined).map(formatDate)\n      }\n      return [formatDate(start), \"and\", formatDate(end)]\n    }\n    return this.value === undefined ? \"\" : formatDate(this.value)\n  }\n\n  renderEditor(onChange: FilterChange) {\n    const { label } = this.operator\n\n    if (this.operator.inputType.type === \"date-range\") {\n      const range: DateRange = Array.isArray(this.value)\n        ? this.value\n        : [this.value, this.value]\n      return (\n        <DateRangeEditor\n          label={label}\n          max={this.limits.max}\n          min={this.limits.min}\n          value={range}\n          onCommit={(value) => {\n            const complete =\n              value.length === 2 && value.every((v) => v !== undefined)\n            onChange({ value }, { complete })\n          }}\n        />\n      )\n    }\n    const single = Array.isArray(this.value) ? this.value[0] : this.value\n    return (\n      <DatePicker\n        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices\n        autoFocus\n        hideLabel\n        // Uncontrolled so a typed date outside the limits stays visible\n        // (and flagged invalid) after the value is cleared.\n        defaultValue={single}\n        label={label}\n        max={this.limits.max}\n        min={this.limits.min}\n        onChange={(date) => {\n          const value = toValidDate(date, this.limits)\n          onChange({ value }, { complete: value !== undefined })\n        }}\n      />\n    )\n  }\n}\n\nfunction DateRangeEditor({\n  label,\n  max,\n  min,\n  onCommit,\n  value: [start, end],\n}: DateLimits & {\n  label: string\n  onCommit: (value: DateRange) => void\n  value: DateRange\n}) {\n  const startLimits = { max: earlier(max, end), min }\n  const endLimits = { max, min: later(min, start) }\n\n  return (\n    <Flex align=\"center\" gap={1}>\n      <DatePicker\n        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices\n        autoFocus\n        hideLabel\n        defaultValue={start}\n        label={`${label} from`}\n        max={startLimits.max}\n        min={startLimits.min}\n        onChange={(date) => onCommit([toValidDate(date, startLimits), end])}\n      />\n      <div>and</div>\n      <DatePicker\n        hideLabel\n        defaultValue={end}\n        label={`${label} to`}\n        max={endLimits.max}\n        min={endLimits.min}\n        onChange={(date) => onCommit([start, toValidDate(date, endLimits)])}\n      />\n    </Flex>\n  )\n}\n"],"names":["DateFormatter","parseDate","getLocalTimeZone","React"],"mappings":"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"}
+{"version":3,"file":"dateFilter.js","sources":["../../../src/components/DataTable/dateFilter.tsx"],"sourcesContent":["import { DatePicker, type DatePickerDateValue } from \"@components/date-picker\"\nimport { Flex } from \"@components/flex\"\nimport {\n  DateFormatter,\n  type DateValue,\n  getLocalTimeZone,\n  parseDate,\n} from \"@internationalized/date\"\nimport React from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type {\n  ActiveFilter,\n  FilterChange,\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\n\ntype DateRange = [string | undefined, string | undefined]\n\nexport const DATE_IS = {\n  inputType: { type: \"date\" },\n  label: \"is\",\n  name: \"eq\",\n} as const satisfies Operator\nexport const LT = {\n  inputType: { type: \"date\" },\n  label: \"is before\",\n  name: \"lt\",\n} as const satisfies Operator\nexport const GT = {\n  inputType: { type: \"date\" },\n  label: \"is after\",\n  name: \"gt\",\n} as const satisfies Operator\nexport const LTE = {\n  inputType: { type: \"date\" },\n  label: \"is on or before\",\n  name: \"lte\",\n} as const satisfies Operator\nexport const GTE = {\n  inputType: { type: \"date\" },\n  label: \"is on or after\",\n  name: \"gte\",\n} as const satisfies Operator\nexport const DATE_RANGE = {\n  inputType: { type: \"date-range\" },\n  label: \"is between\",\n  name: \"between\",\n} as const satisfies Operator\n\nconst ALL_DATE_OPERATORS = [DATE_IS, LT, GT, LTE, GTE, DATE_RANGE]\nconst DEFAULT_DATE_OPERATORS = [DATE_IS, LT, GT, DATE_RANGE]\n\nexport type DateOperatorName = (typeof ALL_DATE_OPERATORS)[number][\"name\"]\n\n/** An ISO `YYYY-MM-DD` string; a pair for `between`, either side of which may still be empty. */\nexport type DateFilterValue = string | DateRange | undefined\n\nexport type DateActiveFilter = ActiveFilter<DateFilterValue, DateOperatorName>\n\nconst formatter = new DateFormatter(\n  new Intl.DateTimeFormat().resolvedOptions().locale,\n  { dateStyle: \"medium\" }\n)\n\nconst formatDate = (iso: string) =>\n  formatter.format(parseDate(iso).toDate(getLocalTimeZone()))\n\nconst toDateValue = (date: DatePickerDateValue) =>\n  typeof date === \"string\" ? parseDate(date) : date\n\nfunction earlier(a?: DatePickerDateValue, b?: DatePickerDateValue) {\n  if (a === undefined || b === undefined) return a ?? b\n  return toDateValue(a).compare(toDateValue(b)) <= 0 ? a : b\n}\n\nfunction later(a?: DatePickerDateValue, b?: DatePickerDateValue) {\n  if (a === undefined || b === undefined) return a ?? b\n  return toDateValue(a).compare(toDateValue(b)) >= 0 ? a : b\n}\n\n/** Inclusive bounds on the dates the filter's pickers allow. */\nexport interface DateLimits {\n  /** Latest selectable date, as a `DateValue` or ISO date string. */\n  max?: DatePickerDateValue\n  /** Earliest selectable date, as a `DateValue` or ISO date string. */\n  min?: DatePickerDateValue\n}\n\n/**\n * The pickers only flag typed dates outside the limits as invalid, so the\n * editors clear the value rather than commit them.\n */\nfunction toValidDate(date: DateValue | null, { max, min }: DateLimits) {\n  if (!date) return undefined\n  const isWithinLimits =\n    (min === undefined || date.compare(toDateValue(min)) >= 0) &&\n    (max === undefined || date.compare(toDateValue(max)) <= 0)\n  return isWithinLimits ? date.toString() : undefined\n}\n\nexport function dateFilter({\n  excludes,\n  includes,\n  max,\n  min,\n  ...config\n}: FilterItemConfig<DateOperatorName> & DateLimits): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new DateActiveFilterInstance(\n        filter,\n        operator,\n        activeFilter.value as DateFilterValue,\n        { max, min }\n      ),\n    operators: resolveOperators(ALL_DATE_OPERATORS, {\n      default: DEFAULT_DATE_OPERATORS,\n      excludes,\n      includes,\n    }),\n  }\n  return filter\n}\n\nclass DateActiveFilterInstance extends ActiveFilterInstance<DateFilterValue> {\n  constructor(\n    filter: FilterNodeItem,\n    operator: Operator,\n    value: DateFilterValue,\n    readonly limits: DateLimits\n  ) {\n    super(filter, operator, value)\n  }\n\n  formatValue() {\n    if (Array.isArray(this.value)) {\n      const [start, end] = this.value\n      if (start === undefined || end === undefined) {\n        return [start, end]\n          .filter((date) => date !== undefined)\n          .map(formatDate)\n          .join(\"\")\n      }\n      return [formatDate(start), \"and\", formatDate(end)].join(\" \")\n    }\n    return this.value === undefined ? \"\" : formatDate(this.value)\n  }\n\n  renderEditor(onChange: FilterChange) {\n    const { label } = this.operator\n\n    if (this.operator.inputType.type === \"date-range\") {\n      const range: DateRange = Array.isArray(this.value)\n        ? this.value\n        : [this.value, this.value]\n      return (\n        <DateRangeEditor\n          label={label}\n          max={this.limits.max}\n          min={this.limits.min}\n          value={range}\n          onCommit={(value) => {\n            const complete =\n              value.length === 2 && value.every((v) => v !== undefined)\n            onChange({ value }, { complete })\n          }}\n        />\n      )\n    }\n    const single = Array.isArray(this.value) ? this.value[0] : this.value\n    return (\n      <DatePicker\n        hideLabel\n        // Uncontrolled so a typed date outside the limits stays visible\n        // (and flagged invalid) after the value is cleared.\n        defaultValue={single}\n        label={label}\n        max={this.limits.max}\n        min={this.limits.min}\n        onChange={(date) => {\n          const value = toValidDate(date, this.limits)\n          onChange({ value }, { complete: value !== undefined })\n        }}\n      />\n    )\n  }\n}\n\nfunction DateRangeEditor({\n  label,\n  max,\n  min,\n  onCommit,\n  value: [start, end],\n}: DateLimits & {\n  label: string\n  onCommit: (value: DateRange) => void\n  value: DateRange\n}) {\n  const startLimits = { max: earlier(max, end), min }\n  const endLimits = { max, min: later(min, start) }\n\n  return (\n    <Flex align=\"center\" gap={1}>\n      <DatePicker\n        hideLabel\n        defaultValue={start}\n        label={`${label} from`}\n        max={startLimits.max}\n        min={startLimits.min}\n        onChange={(date) => onCommit([toValidDate(date, startLimits), end])}\n      />\n      <div>and</div>\n      <DatePicker\n        hideLabel\n        defaultValue={end}\n        label={`${label} to`}\n        max={endLimits.max}\n        min={endLimits.min}\n        onChange={(date) => onCommit([start, toValidDate(date, endLimits)])}\n      />\n    </Flex>\n  )\n}\n"],"names":["DateFormatter","parseDate","getLocalTimeZone","React"],"mappings":"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"}

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

@@ -1,6 +1,4 @@
-import type { FilterItemConfig, FilterNodeItem } from "./FilterTypes";
-/** `MM-DD` strings with no year; a pair for `between`. */
-export type DayFilterValue = string | [string, string];
+import type { ActiveFilter, FilterItemConfig, FilterNodeItem } from "./FilterTypes";
 export declare const DAY_IS: {
     readonly inputType: {
         readonly type: "day";
@@ -29,6 +27,9 @@ declare const DAY_OPERATORS: ({
     readonly name: "between";
 })[];
 export type DayOperatorName = (typeof DAY_OPERATORS)[number]["name"];
+/** An `MM-DD` string with no year; a pair for `between`, either side of which may still be empty. */
+export type DayFilterValue = string | [string | undefined, string | undefined] | undefined;
+export type DayActiveFilter = ActiveFilter<DayFilterValue, DayOperatorName>;
 export declare function dayFilter({ excludes, includes, ...config }: FilterItemConfig<DayOperatorName>): FilterNodeItem;
 export {};
 //# sourceMappingURL=dayFilter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dayFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/dayFilter.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,gBAAgB,EAChB,cAAc,EAEf,MAAM,eAAe,CAAA;AAGtB,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAEtD,eAAO,MAAM,MAAM;;;;;;CAIU,CAAA;AAC7B,eAAO,MAAM,SAAS;;;;;;CAIO,CAAA;AAE7B,QAAA,MAAM,aAAa;;;;;;;;;;;;IAAsB,CAAA;AAEzC,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AA2CpE,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,gBAAgB,CAAC,eAAe,CAAC,GAAG,cAAc,CAgBpD"}
+{"version":3,"file":"dayFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/dayFilter.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,YAAY,EAEZ,gBAAgB,EAChB,cAAc,EAEf,MAAM,eAAe,CAAA;AAGtB,eAAO,MAAM,MAAM;;;;;;CAIU,CAAA;AAC7B,eAAO,MAAM,SAAS;;;;;;CAIO,CAAA;AAE7B,QAAA,MAAM,aAAa;;;;;;;;;;;;IAAsB,CAAA;AAEzC,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAEpE,qGAAqG;AACrG,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,GACxC,SAAS,CAAA;AAEb,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,cAAc,EAAE,eAAe,CAAC,CAAA;AA2C3E,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,gBAAgB,CAAC,eAAe,CAAC,GAAG,cAAc,CAgBpD"}

package/dist/components/DataTable/dayFilter.js

@@ -50,7 +50,7 @@ const dayOptions = (month) => Array.from({ length: month ? daysInMonth(month) :
 function dayFilter({ excludes, includes, ...config }) {
     const filter = {
         ...config,
-        createActiveFilterInstance: (activeFilter, operator) => new DayActiveFilter(filter, operator, activeFilter.value),
+        createActiveFilterInstance: (activeFilter, operator) => new DayActiveFilterInstance(filter, operator, activeFilter.value),
         operators: resolveOperators(DAY_OPERATORS, {
             default: DAY_OPERATORS,
             excludes,
@@ -59,14 +59,17 @@ function dayFilter({ excludes, includes, ...config }) {
     };
     return filter;
 }
-class DayActiveFilter extends ActiveFilterInstance {
+class DayActiveFilterInstance extends ActiveFilterInstance {
     formatValue() {
         if (Array.isArray(this.value)) {
             const [start, end] = this.value;
             if (start === undefined || end === undefined) {
-                return [start, end].filter((day) => day !== undefined).map(formatDay);
+                return [start, end]
+                    .filter((day) => day !== undefined)
+                    .map(formatDay)
+                    .join("");
             }
-            return [formatDay(start), "and", formatDay(end)];
+            return [formatDay(start), "and", formatDay(end)].join(" ");
         }
         return this.value === undefined ? "" : formatDay(this.value);
     }
@@ -77,15 +80,15 @@ class DayActiveFilter extends ActiveFilterInstance {
                 ? this.value
                 : [this.value, this.value];
             return (React__default.createElement(Flex, { gap: 1 },
-                React__default.createElement(DayEditor, { focusOnOpen: true, label: `${label} from`, value: start, onCommit: (day) => onChange({ value: [day, end] }, { complete: end !== undefined }) }),
+                React__default.createElement(DayEditor, { label: `${label} from`, value: start, onCommit: (day) => onChange({ value: [day, end] }, { complete: end !== undefined }) }),
                 React__default.createElement("div", null, "and"),
                 React__default.createElement(DayEditor, { label: `${label} to`, value: end, onCommit: (day) => onChange({ value: [start, day] }, { complete: start !== undefined }) })));
         }
         const single = Array.isArray(this.value) ? this.value[0] : this.value;
-        return (React__default.createElement(DayEditor, { focusOnOpen: true, label: label, value: single, onCommit: (day) => onChange({ value: day }) }));
+        return (React__default.createElement(DayEditor, { label: label, value: single, onCommit: (day) => onChange({ value: day }) }));
     }
 }
-function DayEditor({ focusOnOpen, label, onCommit, value, }) {
+function DayEditor({ label, onCommit, value, }) {
     const [selection, setSelection] = useState(() => parseDay(value));
     const update = (next) => {
         const day = next.month && next.day
@@ -96,11 +99,7 @@ function DayEditor({ focusOnOpen, label, onCommit, value, }) {
             onCommit(`${pad(next.month)}-${pad(day)}`);
     };
     return (React__default.createElement(Flex, { gap: 1 },
-        React__default.createElement(Select
-        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
-        , { 
-            // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
-            autoFocus: focusOnOpen, hideLabel: true, label: `${label} month`, options: monthOptions, placeholder: "Month", value: selection.month ? String(selection.month) : "", onChange: (e) => update({ ...selection, month: Number(e.target.value) || undefined }) }),
+        React__default.createElement(Select, { hideLabel: true, label: `${label} month`, options: monthOptions, placeholder: "Month", value: selection.month ? String(selection.month) : "", onChange: (e) => update({ ...selection, month: Number(e.target.value) || undefined }) }),
         React__default.createElement(Select, { hideLabel: true, label: `${label} day`, options: dayOptions(selection.month), placeholder: "Day", value: selection.day ? String(selection.day) : "", onChange: (e) => update({ ...selection, day: Number(e.target.value) || undefined }) })));
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"dayFilter.js","sources":["../../../src/components/DataTable/dayFilter.tsx"],"sourcesContent":["import { Flex } from \"@components/flex\"\nimport { Select } from \"@components/select\"\nimport React, { useState } from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type {\n  FilterChange,\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\n\n/** `MM-DD` strings with no year; a pair for `between`. */\nexport type DayFilterValue = string | [string, string]\n\nexport const DAY_IS = {\n  inputType: { type: \"day\" },\n  label: \"is\",\n  name: \"eq\",\n} as const satisfies Operator\nexport const DAY_RANGE = {\n  inputType: { type: \"day-range\" },\n  label: \"is between\",\n  name: \"between\",\n} as const satisfies Operator\n\nconst DAY_OPERATORS = [DAY_IS, DAY_RANGE]\n\nexport type DayOperatorName = (typeof DAY_OPERATORS)[number][\"name\"]\n\n// A leap year, so Feb 29 is always selectable.\nconst REFERENCE_YEAR = 2000\n\nconst locale = new Intl.DateTimeFormat().resolvedOptions().locale\nconst dayFormatter = new Intl.DateTimeFormat(locale, {\n  calendar: \"gregory\",\n  day: \"numeric\",\n  month: \"short\",\n})\nconst monthFormatter = new Intl.DateTimeFormat(locale, {\n  calendar: \"gregory\",\n  month: \"long\",\n})\n\nconst pad = (n: number) => String(n).padStart(2, \"0\")\n\nconst daysInMonth = (month: number) =>\n  new Date(REFERENCE_YEAR, month, 0).getDate()\n\nconst parseDay = (value: string | undefined) => {\n  const [month, day] = (value ?? \"\").split(\"-\").map(Number)\n  return { day: day || undefined, month: month || undefined }\n}\n\nconst formatDay = (value: string) => {\n  const { day, month } = parseDay(value)\n  if (!month || !day) return \"\"\n  return dayFormatter.format(new Date(REFERENCE_YEAR, month - 1, day))\n}\n\nconst monthOptions = Array.from({ length: 12 }, (_, index) => ({\n  label: monthFormatter.format(new Date(REFERENCE_YEAR, index, 1)),\n  value: String(index + 1),\n}))\n\nconst dayOptions = (month: number | undefined) =>\n  Array.from({ length: month ? daysInMonth(month) : 31 }, (_, index) => ({\n    label: String(index + 1),\n    value: String(index + 1),\n  }))\n\nexport function dayFilter({\n  excludes,\n  includes,\n  ...config\n}: FilterItemConfig<DayOperatorName>): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new DayActiveFilter(\n        filter,\n        operator,\n        activeFilter.value as DayFilterValue\n      ),\n    operators: resolveOperators(DAY_OPERATORS, {\n      default: DAY_OPERATORS,\n      excludes,\n      includes,\n    }),\n  }\n  return filter\n}\n\nclass DayActiveFilter extends ActiveFilterInstance<DayFilterValue> {\n  formatValue() {\n    if (Array.isArray(this.value)) {\n      const [start, end] = this.value\n      if (start === undefined || end === undefined) {\n        return [start, end].filter((day) => day !== undefined).map(formatDay)\n      }\n      return [formatDay(start), \"and\", formatDay(end)]\n    }\n    return this.value === undefined ? \"\" : formatDay(this.value)\n  }\n\n  renderEditor(onChange: FilterChange) {\n    const { label } = this.operator\n\n    if (this.operator.inputType.type === \"day-range\") {\n      const [start, end] = Array.isArray(this.value)\n        ? this.value\n        : [this.value, this.value]\n      return (\n        <Flex gap={1}>\n          <DayEditor\n            focusOnOpen\n            label={`${label} from`}\n            value={start}\n            onCommit={(day) =>\n              onChange({ value: [day, end] }, { complete: end !== undefined })\n            }\n          />\n          <div>and</div>\n          <DayEditor\n            label={`${label} to`}\n            value={end}\n            onCommit={(day) =>\n              onChange(\n                { value: [start, day] },\n                { complete: start !== undefined }\n              )\n            }\n          />\n        </Flex>\n      )\n    }\n    const single = Array.isArray(this.value) ? this.value[0] : this.value\n    return (\n      <DayEditor\n        focusOnOpen\n        label={label}\n        value={single}\n        onCommit={(day) => onChange({ value: day })}\n      />\n    )\n  }\n}\n\nfunction DayEditor({\n  focusOnOpen,\n  label,\n  onCommit,\n  value,\n}: {\n  focusOnOpen?: boolean\n  label: string\n  onCommit: (value: string) => void\n  value: string | undefined\n}) {\n  const [selection, setSelection] = useState(() => parseDay(value))\n\n  const update = (next: typeof selection) => {\n    const day =\n      next.month && next.day\n        ? Math.min(next.day, daysInMonth(next.month))\n        : next.day\n    setSelection({ ...next, day })\n    if (next.month && day) onCommit(`${pad(next.month)}-${pad(day)}`)\n  }\n\n  return (\n    <Flex gap={1}>\n      <Select\n        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices\n        autoFocus={focusOnOpen}\n        hideLabel\n        label={`${label} month`}\n        options={monthOptions}\n        placeholder=\"Month\"\n        value={selection.month ? String(selection.month) : \"\"}\n        onChange={(e) =>\n          update({ ...selection, month: Number(e.target.value) || undefined })\n        }\n      />\n      <Select\n        hideLabel\n        label={`${label} day`}\n        options={dayOptions(selection.month)}\n        placeholder=\"Day\"\n        value={selection.day ? String(selection.day) : \"\"}\n        onChange={(e) =>\n          update({ ...selection, day: Number(e.target.value) || undefined })\n        }\n      />\n    </Flex>\n  )\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"dayFilter.js","sources":["../../../src/components/DataTable/dayFilter.tsx"],"sourcesContent":["import { Flex } from \"@components/flex\"\nimport { Select } from \"@components/select\"\nimport React, { useState } from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type {\n  ActiveFilter,\n  FilterChange,\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\n\nexport const DAY_IS = {\n  inputType: { type: \"day\" },\n  label: \"is\",\n  name: \"eq\",\n} as const satisfies Operator\nexport const DAY_RANGE = {\n  inputType: { type: \"day-range\" },\n  label: \"is between\",\n  name: \"between\",\n} as const satisfies Operator\n\nconst DAY_OPERATORS = [DAY_IS, DAY_RANGE]\n\nexport type DayOperatorName = (typeof DAY_OPERATORS)[number][\"name\"]\n\n/** An `MM-DD` string with no year; a pair for `between`, either side of which may still be empty. */\nexport type DayFilterValue =\n  | string\n  | [string | undefined, string | undefined]\n  | undefined\n\nexport type DayActiveFilter = ActiveFilter<DayFilterValue, DayOperatorName>\n\n// A leap year, so Feb 29 is always selectable.\nconst REFERENCE_YEAR = 2000\n\nconst locale = new Intl.DateTimeFormat().resolvedOptions().locale\nconst dayFormatter = new Intl.DateTimeFormat(locale, {\n  calendar: \"gregory\",\n  day: \"numeric\",\n  month: \"short\",\n})\nconst monthFormatter = new Intl.DateTimeFormat(locale, {\n  calendar: \"gregory\",\n  month: \"long\",\n})\n\nconst pad = (n: number) => String(n).padStart(2, \"0\")\n\nconst daysInMonth = (month: number) =>\n  new Date(REFERENCE_YEAR, month, 0).getDate()\n\nconst parseDay = (value: string | undefined) => {\n  const [month, day] = (value ?? \"\").split(\"-\").map(Number)\n  return { day: day || undefined, month: month || undefined }\n}\n\nconst formatDay = (value: string) => {\n  const { day, month } = parseDay(value)\n  if (!month || !day) return \"\"\n  return dayFormatter.format(new Date(REFERENCE_YEAR, month - 1, day))\n}\n\nconst monthOptions = Array.from({ length: 12 }, (_, index) => ({\n  label: monthFormatter.format(new Date(REFERENCE_YEAR, index, 1)),\n  value: String(index + 1),\n}))\n\nconst dayOptions = (month: number | undefined) =>\n  Array.from({ length: month ? daysInMonth(month) : 31 }, (_, index) => ({\n    label: String(index + 1),\n    value: String(index + 1),\n  }))\n\nexport function dayFilter({\n  excludes,\n  includes,\n  ...config\n}: FilterItemConfig<DayOperatorName>): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new DayActiveFilterInstance(\n        filter,\n        operator,\n        activeFilter.value as DayFilterValue\n      ),\n    operators: resolveOperators(DAY_OPERATORS, {\n      default: DAY_OPERATORS,\n      excludes,\n      includes,\n    }),\n  }\n  return filter\n}\n\nclass DayActiveFilterInstance extends ActiveFilterInstance<DayFilterValue> {\n  formatValue() {\n    if (Array.isArray(this.value)) {\n      const [start, end] = this.value\n      if (start === undefined || end === undefined) {\n        return [start, end]\n          .filter((day) => day !== undefined)\n          .map(formatDay)\n          .join(\"\")\n      }\n      return [formatDay(start), \"and\", formatDay(end)].join(\" \")\n    }\n    return this.value === undefined ? \"\" : formatDay(this.value)\n  }\n\n  renderEditor(onChange: FilterChange) {\n    const { label } = this.operator\n\n    if (this.operator.inputType.type === \"day-range\") {\n      const [start, end] = Array.isArray(this.value)\n        ? this.value\n        : [this.value, this.value]\n      return (\n        <Flex gap={1}>\n          <DayEditor\n            label={`${label} from`}\n            value={start}\n            onCommit={(day) =>\n              onChange({ value: [day, end] }, { complete: end !== undefined })\n            }\n          />\n          <div>and</div>\n          <DayEditor\n            label={`${label} to`}\n            value={end}\n            onCommit={(day) =>\n              onChange(\n                { value: [start, day] },\n                { complete: start !== undefined }\n              )\n            }\n          />\n        </Flex>\n      )\n    }\n    const single = Array.isArray(this.value) ? this.value[0] : this.value\n    return (\n      <DayEditor\n        label={label}\n        value={single}\n        onCommit={(day) => onChange({ value: day })}\n      />\n    )\n  }\n}\n\nfunction DayEditor({\n  label,\n  onCommit,\n  value,\n}: {\n  label: string\n  onCommit: (value: string) => void\n  value: string | undefined\n}) {\n  const [selection, setSelection] = useState(() => parseDay(value))\n\n  const update = (next: typeof selection) => {\n    const day =\n      next.month && next.day\n        ? Math.min(next.day, daysInMonth(next.month))\n        : next.day\n    setSelection({ ...next, day })\n    if (next.month && day) onCommit(`${pad(next.month)}-${pad(day)}`)\n  }\n\n  return (\n    <Flex gap={1}>\n      <Select\n        hideLabel\n        label={`${label} month`}\n        options={monthOptions}\n        placeholder=\"Month\"\n        value={selection.month ? String(selection.month) : \"\"}\n        onChange={(e) =>\n          update({ ...selection, month: Number(e.target.value) || undefined })\n        }\n      />\n      <Select\n        hideLabel\n        label={`${label} day`}\n        options={dayOptions(selection.month)}\n        placeholder=\"Day\"\n        value={selection.day ? String(selection.day) : \"\"}\n        onChange={(e) =>\n          update({ ...selection, day: Number(e.target.value) || undefined })\n        }\n      />\n    </Flex>\n  )\n}\n"],"names":["React"],"mappings":"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"}