@planningcenter/tapestry 4.9.1-rc.2 → 4.10.0-rc.0

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

@@ -5,6 +5,7 @@ export declare abstract class ActiveFilterInstance<T = unknown> {
     readonly operator: Operator;
     readonly value: T;
     constructor(filter: FilterNodeItem, operator: Operator, value: T);
+    get isCompleteWithoutInput(): boolean;
     toSegments(): string[];
     abstract formatValue(): string | string[];
     toValueSegments(): string[];

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

@@ -1 +1 @@
-{"version":3,"file":"ActiveFilterInstance.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/ActiveFilterInstance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG3E,8BAAsB,oBAAoB,CAAC,CAAC,GAAG,OAAO;IAElD,QAAQ,CAAC,MAAM,EAAE,cAAc;IAC/B,QAAQ,CAAC,QAAQ,EAAE,QAAQ;IAC3B,QAAQ,CAAC,KAAK,EAAE,CAAC;gBAFR,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC;IAGnB,UAAU,IAAI,MAAM,EAAE;IAOtB,QAAQ,CAAC,WAAW,IAAI,MAAM,GAAG,MAAM,EAAE;IAEzC,eAAe,IAAI,MAAM,EAAE;IAM3B,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,YAAY,GAAG,KAAK,CAAC,SAAS;CAC/D"}
+{"version":3,"file":"ActiveFilterInstance.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/ActiveFilterInstance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG3E,8BAAsB,oBAAoB,CAAC,CAAC,GAAG,OAAO;IAElD,QAAQ,CAAC,MAAM,EAAE,cAAc;IAC/B,QAAQ,CAAC,QAAQ,EAAE,QAAQ;IAC3B,QAAQ,CAAC,KAAK,EAAE,CAAC;gBAFR,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC;IAGnB,IAAI,sBAAsB,IAAI,OAAO,CAEpC;IAED,UAAU,IAAI,MAAM,EAAE;IAOtB,QAAQ,CAAC,WAAW,IAAI,MAAM,GAAG,MAAM,EAAE;IAEzC,eAAe,IAAI,MAAM,EAAE;IAM3B,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,YAAY,GAAG,KAAK,CAAC,SAAS;CAC/D"}

package/dist/components/DataTable/ActiveFilterInstance.js

@@ -9,6 +9,9 @@ class ActiveFilterInstance {
         this.operator = operator;
         this.value = value;
     }
+    get isCompleteWithoutInput() {
+        return false;
+    }
     toSegments() {
         const { label } = this.operator;
         return label

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

@@ -1 +1 @@
-{"version":3,"file":"ActiveFilterInstance.js","sources":["../../../src/components/DataTable/ActiveFilterInstance.tsx"],"sourcesContent":["import type React from \"react\"\n\nimport type { FilterChange, FilterNodeItem, Operator } from \"./FilterTypes\"\nimport { isEmptyValue } from \"./utils\"\n\nexport abstract class ActiveFilterInstance<T = unknown> {\n  constructor(\n    readonly filter: FilterNodeItem,\n    readonly operator: Operator,\n    readonly value: T\n  ) {}\n\n  toSegments(): string[] {\n    const { label } = this.operator\n    return label\n      ? [this.filter.label, label, ...this.toValueSegments()]\n      : [this.filter.label, ...this.toValueSegments()]\n  }\n\n  abstract formatValue(): string | string[]\n\n  toValueSegments(): string[] {\n    const value = this.formatValue()\n    const segments = Array.isArray(value) ? value : [value]\n    return segments.filter((segment) => !isEmptyValue(segment))\n  }\n\n  abstract renderEditor(onChange: FilterChange): React.ReactNode\n}\n"],"names":[],"mappings":";;MAKsB,oBAAoB,CAAA;AAE7B,IAAA,MAAA;AACA,IAAA,QAAA;AACA,IAAA,KAAA;AAHX,IAAA,WAAA,CACW,MAAsB,EACtB,QAAkB,EAClB,KAAQ,EAAA;QAFR,IAAA,CAAA,MAAM,GAAN,MAAM;QACN,IAAA,CAAA,QAAQ,GAAR,QAAQ;QACR,IAAA,CAAA,KAAK,GAAL,KAAK;IACb;IAEH,UAAU,GAAA;AACR,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ;AAC/B,QAAA,OAAO;AACL,cAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE;AACtD,cAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IACpD;IAIA,eAAe,GAAA;AACb,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;AAChC,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC;AACvD,QAAA,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC7D;AAGD;;;;"}
+{"version":3,"file":"ActiveFilterInstance.js","sources":["../../../src/components/DataTable/ActiveFilterInstance.tsx"],"sourcesContent":["import type React from \"react\"\n\nimport type { FilterChange, FilterNodeItem, Operator } from \"./FilterTypes\"\nimport { isEmptyValue } from \"./utils\"\n\nexport abstract class ActiveFilterInstance<T = unknown> {\n  constructor(\n    readonly filter: FilterNodeItem,\n    readonly operator: Operator,\n    readonly value: T\n  ) {}\n\n  get isCompleteWithoutInput(): boolean {\n    return false\n  }\n\n  toSegments(): string[] {\n    const { label } = this.operator\n    return label\n      ? [this.filter.label, label, ...this.toValueSegments()]\n      : [this.filter.label, ...this.toValueSegments()]\n  }\n\n  abstract formatValue(): string | string[]\n\n  toValueSegments(): string[] {\n    const value = this.formatValue()\n    const segments = Array.isArray(value) ? value : [value]\n    return segments.filter((segment) => !isEmptyValue(segment))\n  }\n\n  abstract renderEditor(onChange: FilterChange): React.ReactNode\n}\n"],"names":[],"mappings":";;MAKsB,oBAAoB,CAAA;AAE7B,IAAA,MAAA;AACA,IAAA,QAAA;AACA,IAAA,KAAA;AAHX,IAAA,WAAA,CACW,MAAsB,EACtB,QAAkB,EAClB,KAAQ,EAAA;QAFR,IAAA,CAAA,MAAM,GAAN,MAAM;QACN,IAAA,CAAA,QAAQ,GAAR,QAAQ;QACR,IAAA,CAAA,KAAK,GAAL,KAAK;IACb;AAEH,IAAA,IAAI,sBAAsB,GAAA;AACxB,QAAA,OAAO,KAAK;IACd;IAEA,UAAU,GAAA;AACR,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ;AAC/B,QAAA,OAAO;AACL,cAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE;AACtD,cAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IACpD;IAIA,eAAe,GAAA;AACb,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;AAChC,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC;AACvD,QAAA,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC7D;AAGD;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ActiveFilters.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/ActiveFilters.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqD,MAAM,OAAO,CAAA;AAQzE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAO/D,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,OAAyC,GAC1C,EAAE;IACD,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,4CAA4C;IAC5C,UAAU,EAAE,OAAO,CAAA;IACnB,qBAAqB,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,IAAI,CAAA;IAC9D,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,qBAkJA;AAsBD,iBAAS,YAAY,CAAC,EACpB,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,OAAe,GAChB,EAAE;IACD,YAAY,EAAE,YAAY,CAAA;IAC1B,QAAQ,EAAE,YAAY,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,qBA2DA"}
+{"version":3,"file":"ActiveFilters.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/ActiveFilters.tsx"],"names":[],"mappings":"AAMA,OAAO,KAMN,MAAM,OAAO,CAAA;AAYd,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAO/D,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,OAAyC,GAC1C,EAAE;IACD,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,4CAA4C;IAC5C,UAAU,EAAE,OAAO,CAAA;IACnB,qBAAqB,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,IAAI,CAAA;IAC9D,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,qBAkJA;AAsBD,iBAAS,YAAY,CAAC,EACpB,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,OAAe,GAChB,EAAE;IACD,YAAY,EAAE,YAAY,CAAA;IAC1B,QAAQ,EAAE,YAAY,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,qBAsFA"}

package/dist/components/DataTable/ActiveFilters.js

@@ -6,8 +6,8 @@ import '../button/IconButton.js';
 import '../button/LoadingButton.js';
 import '../button/PageHeaderActionsDropdownButton.js';
 import { Popover, PopoverTrigger, PopoverContent } from '../popover/Popover.js';
-import React__default, { useState, useMemo, useLayoutEffect, useRef } from 'react';
-import { FilterChip, FilterChipSegments } from './FilterChip.js';
+import React__default, { useState, useMemo, useLayoutEffect, useRef, useEffect } from 'react';
+import { FilterChip, FilterChipSegments, FilterChipStaticSegments } from './FilterChip.js';
 import { useRestoreFilterFocus, useRelatedFilterOperator } from './FilterContext.js';
 import { getFilterKey, keepFilterKey, getFilterSequence } from './filterKeys.js';
 import { OperatorSelect } from './OperatorSelect.js';
@@ -136,23 +136,38 @@ function inCreationOrder(entries) {
 }
 function ActiveFilter({ activeFilter, onChange, removeActiveFilter, pending = false, }) {
     const { relatedFilter, operator } = useRelatedFilterOperator(activeFilter);
-    if (!relatedFilter || !operator)
+    const activeFilterInstance = relatedFilter &&
+        operator &&
+        relatedFilter.createActiveFilterInstance(activeFilter, operator);
+    const autoPromoted = useRef(false);
+    useEffect(() => {
+        if (!pending ||
+            !activeFilterInstance?.isCompleteWithoutInput ||
+            autoPromoted.current)
+            return;
+        autoPromoted.current = true;
+        onChange({}, { complete: true });
+    });
+    if (!relatedFilter || !operator || !activeFilterInstance)
         return (React__default.createElement(FilterChip, { label: "Unrecognized filter", onRemove: removeActiveFilter, status: "invalid" },
             React__default.createElement(FilterChipSegments, { segments: ["Unrecognized filter"] })));
-    const activeFilterInstance = relatedFilter.createActiveFilterInstance(activeFilter, operator);
-    return (React__default.createElement(FilterChip, { label: `${relatedFilter.label} filter${pending ? " (pending)" : ""}`, onRemove: removeActiveFilter, status: pending ? "inactive" : undefined },
-        React__default.createElement(Popover, { defaultOpen: pending },
-            React__default.createElement(PopoverTrigger, null,
-                React__default.createElement(FilterChipSegments, { segments: activeFilterInstance.toSegments() })),
-            React__default.createElement(PopoverContent, { className: "tds-popover--data-table-filters-popover", modal: false },
-                React__default.createElement("h2", { className: "tds-data-table-filters-popover-label" },
-                    relatedFilter.label,
-                    relatedFilter.operators.length === 1 && (React__default.createElement("span", { className: "tds-data-table-filters-popover-label-operator" },
-                        " ",
-                        operator.label))),
-                relatedFilter.description && (React__default.createElement("p", { className: "tds-data-table-filters-popover-description" }, relatedFilter.description)),
-                React__default.createElement(OperatorSelect, { operator: operator, relatedFilter: relatedFilter, updateActiveFilter: (updates) => onChange(updates, { complete: false }) }),
-                activeFilterInstance.renderEditor(onChange)))));
+    const editor = activeFilterInstance.renderEditor(onChange);
+    const segments = activeFilterInstance.toSegments();
+    const isEditable = relatedFilter.operators.length > 1 || editor != null;
+    return (React__default.createElement(FilterChip, { label: `${relatedFilter.label} filter${pending ? " (pending)" : ""}`, onRemove: removeActiveFilter, status: pending ? "inactive" : undefined }, !isEditable ? (React__default.createElement(FilterChipStaticSegments, { segments: segments })) : (React__default.createElement(Popover, { defaultOpen: pending },
+        React__default.createElement(PopoverTrigger, null,
+            React__default.createElement(FilterChipSegments, { segments: segments })),
+        React__default.createElement(PopoverContent, { className: "tds-popover--data-table-filters-popover", modal: false },
+            React__default.createElement("h2", { className: "tds-data-table-filters-popover-label" },
+                relatedFilter.label,
+                relatedFilter.operators.length === 1 && (React__default.createElement("span", { className: "tds-data-table-filters-popover-label-operator" },
+                    " ",
+                    operator.label))),
+            relatedFilter.description && (React__default.createElement("p", { className: "tds-data-table-filters-popover-description" }, relatedFilter.description)),
+            React__default.createElement(OperatorSelect, { operator: operator, relatedFilter: relatedFilter, updateActiveFilter: (updates) => onChange(updates, {
+                    complete: relatedFilter.createActiveFilterInstance({ ...activeFilter, ...updates }, relatedFilter.operators.find(({ name }) => name === updates.operator) ?? operator).isCompleteWithoutInput,
+                }) }),
+            editor)))));
 }
 
 export { ActiveFilters };

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

@@ -1 +1 @@
-{"version":3,"file":"ActiveFilters.js","sources":["../../../src/components/DataTable/ActiveFilters.tsx"],"sourcesContent":["import { Button } from \"@components/button\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@components/popover/Popover\"\nimport React, { useLayoutEffect, useMemo, useRef, useState } from \"react\"\n\nimport { FilterChip, FilterChipSegments } from \"./FilterChip\"\nimport {\n  useRelatedFilterOperator,\n  useRestoreFilterFocus,\n} from \"./FilterContext\"\nimport { getFilterKey, getFilterSequence, keepFilterKey } from \"./filterKeys\"\nimport type { ActiveFilter, FilterChange } from \"./FilterTypes\"\nimport { OperatorSelect } from \"./OperatorSelect\"\nimport { usePendingFilters } from \"./PendingFilterContext\"\n\n/** A promoted filter the host may not have applied yet. */\ntype Promotion = { filter: ActiveFilter; index: number; key?: string }\n\nexport function ActiveFilters({\n  activeFilters,\n  hasFilters,\n  onActiveFiltersChange,\n  onClear = () => onActiveFiltersChange([]),\n}: {\n  activeFilters: ActiveFilter[]\n  /** Whether the filter schema has loaded. */\n  hasFilters: boolean\n  onActiveFiltersChange: (activeFilters: ActiveFilter[]) => void\n  /** Called by the Clear button. Defaults to `onActiveFiltersChange([])`. */\n  onClear?: () => void\n}) {\n  const { pendingFilters, removePendingFilter, updatePendingFilter } =\n    usePendingFilters()\n  const restoreFilterFocus = useRestoreFilterFocus()\n  const [promotions, setPromotions] = useState<Promotion[]>([])\n\n  // Keep each pending chip, and its open popover, mounted until the host\n  // applies its promotion.\n  const confirmed = useMemo(\n    () =>\n      promotions.flatMap((promotion) => {\n        const promotedFilter = activeFilters[promotion.index]\n        const pendingCopy =\n          promotedFilter &&\n          pendingFilters.find(\n            (filter) => getFilterKey(filter) === promotion.key\n          )\n        if (!pendingCopy) return []\n        keepFilterKey(pendingCopy, promotedFilter)\n        return [{ pendingCopy, promotion }]\n      }),\n    [activeFilters, pendingFilters, promotions]\n  )\n  const pendingCopies = confirmed.map(({ pendingCopy }) => pendingCopy)\n\n  useLayoutEffect(() => {\n    if (confirmed.length === 0) return\n    confirmed.forEach(({ pendingCopy }) => removePendingFilter(pendingCopy))\n    const done = confirmed.map(({ promotion }) => promotion)\n    setPromotions((prev) => prev.filter((p) => !done.includes(p)))\n  }, [confirmed, removePendingFilter])\n\n  // Hosts apply updates in order, so build each one on top of promotions they\n  // haven't applied yet. A list without an entry supersedes one that had it.\n  const inFlight = promotions.filter((p) => p.index >= activeFilters.length)\n  const optimisticFilters = [...activeFilters, ...inFlight.map((p) => p.filter)]\n\n  function sendWithout(index: number) {\n    setPromotions((prev) =>\n      prev\n        .filter((p) => p.index !== index)\n        .map((p) => (p.index > index ? { ...p, index: p.index - 1 } : p))\n    )\n    onActiveFiltersChange(optimisticFilters.filter((_, i) => i !== index))\n  }\n\n  function retractPromotion(filter: ActiveFilter) {\n    const promotion = inFlight.find((p) => p.key === getFilterKey(filter))\n    if (promotion) sendWithout(promotion.index)\n  }\n\n  function promote(filter: ActiveFilter, promoted: ActiveFilter) {\n    const key = getFilterKey(filter)\n    const existing = inFlight.find((p) => p.key === key)\n    const index = existing?.index ?? optimisticFilters.length\n    const next = [...optimisticFilters]\n    next[index] = promoted\n    setPromotions((prev) =>\n      existing\n        ? prev.map((p) => (p.key === key ? { ...p, filter: promoted } : p))\n        : [...prev, { filter: promoted, index, key }]\n    )\n    onActiveFiltersChange(next)\n  }\n\n  // Hosts may return rebuilt, keyless filters (e.g. a JSON round trip). An\n  // unchanged length means an edit, so carry keys over by position.\n  const previousActiveFilters = useRef(activeFilters)\n  if (activeFilters.length === previousActiveFilters.current.length) {\n    activeFilters.forEach((filter, index) => {\n      if (!getFilterKey(filter)) {\n        keepFilterKey(previousActiveFilters.current[index], filter)\n      }\n    })\n  }\n  useLayoutEffect(() => {\n    previousActiveFilters.current = activeFilters\n  })\n\n  // One list: React matches keys only within a list, so separate lists would\n  // remount a promoted chip despite its stable key.\n  const entries = inCreationOrder([\n    ...activeFilters.map((filter, index) => ({\n      filter,\n      index,\n      pending: false as const,\n    })),\n    ...pendingFilters\n      .filter((filter) => !pendingCopies.includes(filter))\n      .map((filter, index) => ({\n        filter,\n        index,\n        pending: true as const,\n      })),\n  ])\n\n  return (\n    <div className=\"tds-data-table-filters-active\">\n      <div className=\"tds-data-table-filters-active-list\">\n        {entries.map(({ filter, index, pending }) => (\n          <ActiveFilter\n            key={\n              getFilterKey(filter) ??\n              `${pending ? \"pending\" : \"active\"}-${index}`\n            }\n            activeFilter={filter}\n            pending={pending}\n            onChange={(updates, { complete = true } = {}) => {\n              if (pending) {\n                updatePendingFilter(filter, updates)\n                if (complete) promote(filter, { ...filter, ...updates })\n                else retractPromotion(filter)\n                return\n              }\n              const next = [...optimisticFilters]\n              next[index] = keepFilterKey(filter, { ...filter, ...updates })\n              onActiveFiltersChange(next)\n            }}\n            removeActiveFilter={() => {\n              if (pending) {\n                removePendingFilter(filter)\n                retractPromotion(filter)\n                return\n              }\n              sendWithout(index)\n            }}\n          />\n        ))}\n      </div>\n      <div className=\"tds-data-table-filters-active-actions\">\n        <Button\n          aria-label=\"Clear filters\"\n          disabled={!hasFilters}\n          kind=\"secondary\"\n          label=\"Clear\"\n          size=\"sm\"\n          onClick={() => {\n            setPromotions([])\n            onClear()\n            restoreFilterFocus()\n          }}\n        />\n        {/* TODO: Save view button goes here */}\n      </div>\n    </div>\n  )\n}\n\n// A promoted filter is appended to `activeFilters`, ahead of every pending\n// chip. Sorting keyed chips by creation order keeps it in place, so its open\n// popover stays anchored under it.\nfunction inCreationOrder<T extends { filter: ActiveFilter }>(entries: T[]) {\n  const keyedSlots = entries.flatMap((entry, slot) =>\n    getFilterSequence(entry.filter) === undefined ? [] : [slot]\n  )\n  const keyedEntries = keyedSlots\n    .map((slot) => entries[slot])\n    .sort(\n      (a, b) =>\n        (getFilterSequence(a.filter) ?? 0) - (getFilterSequence(b.filter) ?? 0)\n    )\n  const sorted = [...entries]\n  keyedSlots.forEach((slot, i) => {\n    sorted[slot] = keyedEntries[i]\n  })\n  return sorted\n}\n\nfunction ActiveFilter({\n  activeFilter,\n  onChange,\n  removeActiveFilter,\n  pending = false,\n}: {\n  activeFilter: ActiveFilter\n  onChange: FilterChange\n  pending?: boolean\n  removeActiveFilter: () => void\n}) {\n  const { relatedFilter, operator } = useRelatedFilterOperator(activeFilter)\n\n  if (!relatedFilter || !operator)\n    return (\n      <FilterChip\n        label=\"Unrecognized filter\"\n        onRemove={removeActiveFilter}\n        status=\"invalid\"\n      >\n        <FilterChipSegments segments={[\"Unrecognized filter\"]} />\n      </FilterChip>\n    )\n\n  const activeFilterInstance = relatedFilter.createActiveFilterInstance(\n    activeFilter,\n    operator\n  )\n\n  return (\n    <FilterChip\n      label={`${relatedFilter.label} filter${pending ? \" (pending)\" : \"\"}`}\n      onRemove={removeActiveFilter}\n      status={pending ? \"inactive\" : undefined}\n    >\n      <Popover defaultOpen={pending}>\n        <PopoverTrigger>\n          <FilterChipSegments segments={activeFilterInstance.toSegments()} />\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"tds-popover--data-table-filters-popover\"\n          modal={false}\n        >\n          <h2 className=\"tds-data-table-filters-popover-label\">\n            {relatedFilter.label}\n            {relatedFilter.operators.length === 1 && (\n              <span className=\"tds-data-table-filters-popover-label-operator\">\n                {\" \"}\n                {operator.label}\n              </span>\n            )}\n          </h2>\n          {relatedFilter.description && (\n            <p className=\"tds-data-table-filters-popover-description\">\n              {relatedFilter.description}\n            </p>\n          )}\n          <OperatorSelect\n            operator={operator}\n            relatedFilter={relatedFilter}\n            updateActiveFilter={(updates) =>\n              onChange(updates, { complete: false })\n            }\n          />\n          {activeFilterInstance.renderEditor(onChange)}\n        </PopoverContent>\n      </Popover>\n    </FilterChip>\n  )\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"ActiveFilters.js","sources":["../../../src/components/DataTable/ActiveFilters.tsx"],"sourcesContent":["import { Button } from \"@components/button\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@components/popover/Popover\"\nimport React, {\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\n\nimport {\n  FilterChip,\n  FilterChipSegments,\n  FilterChipStaticSegments,\n} from \"./FilterChip\"\nimport {\n  useRelatedFilterOperator,\n  useRestoreFilterFocus,\n} from \"./FilterContext\"\nimport { getFilterKey, getFilterSequence, keepFilterKey } from \"./filterKeys\"\nimport type { ActiveFilter, FilterChange } from \"./FilterTypes\"\nimport { OperatorSelect } from \"./OperatorSelect\"\nimport { usePendingFilters } from \"./PendingFilterContext\"\n\n/** A promoted filter the host may not have applied yet. */\ntype Promotion = { filter: ActiveFilter; index: number; key?: string }\n\nexport function ActiveFilters({\n  activeFilters,\n  hasFilters,\n  onActiveFiltersChange,\n  onClear = () => onActiveFiltersChange([]),\n}: {\n  activeFilters: ActiveFilter[]\n  /** Whether the filter schema has loaded. */\n  hasFilters: boolean\n  onActiveFiltersChange: (activeFilters: ActiveFilter[]) => void\n  /** Called by the Clear button. Defaults to `onActiveFiltersChange([])`. */\n  onClear?: () => void\n}) {\n  const { pendingFilters, removePendingFilter, updatePendingFilter } =\n    usePendingFilters()\n  const restoreFilterFocus = useRestoreFilterFocus()\n  const [promotions, setPromotions] = useState<Promotion[]>([])\n\n  // Keep each pending chip, and its open popover, mounted until the host\n  // applies its promotion.\n  const confirmed = useMemo(\n    () =>\n      promotions.flatMap((promotion) => {\n        const promotedFilter = activeFilters[promotion.index]\n        const pendingCopy =\n          promotedFilter &&\n          pendingFilters.find(\n            (filter) => getFilterKey(filter) === promotion.key\n          )\n        if (!pendingCopy) return []\n        keepFilterKey(pendingCopy, promotedFilter)\n        return [{ pendingCopy, promotion }]\n      }),\n    [activeFilters, pendingFilters, promotions]\n  )\n  const pendingCopies = confirmed.map(({ pendingCopy }) => pendingCopy)\n\n  useLayoutEffect(() => {\n    if (confirmed.length === 0) return\n    confirmed.forEach(({ pendingCopy }) => removePendingFilter(pendingCopy))\n    const done = confirmed.map(({ promotion }) => promotion)\n    setPromotions((prev) => prev.filter((p) => !done.includes(p)))\n  }, [confirmed, removePendingFilter])\n\n  // Hosts apply updates in order, so build each one on top of promotions they\n  // haven't applied yet. A list without an entry supersedes one that had it.\n  const inFlight = promotions.filter((p) => p.index >= activeFilters.length)\n  const optimisticFilters = [...activeFilters, ...inFlight.map((p) => p.filter)]\n\n  function sendWithout(index: number) {\n    setPromotions((prev) =>\n      prev\n        .filter((p) => p.index !== index)\n        .map((p) => (p.index > index ? { ...p, index: p.index - 1 } : p))\n    )\n    onActiveFiltersChange(optimisticFilters.filter((_, i) => i !== index))\n  }\n\n  function retractPromotion(filter: ActiveFilter) {\n    const promotion = inFlight.find((p) => p.key === getFilterKey(filter))\n    if (promotion) sendWithout(promotion.index)\n  }\n\n  function promote(filter: ActiveFilter, promoted: ActiveFilter) {\n    const key = getFilterKey(filter)\n    const existing = inFlight.find((p) => p.key === key)\n    const index = existing?.index ?? optimisticFilters.length\n    const next = [...optimisticFilters]\n    next[index] = promoted\n    setPromotions((prev) =>\n      existing\n        ? prev.map((p) => (p.key === key ? { ...p, filter: promoted } : p))\n        : [...prev, { filter: promoted, index, key }]\n    )\n    onActiveFiltersChange(next)\n  }\n\n  // Hosts may return rebuilt, keyless filters (e.g. a JSON round trip). An\n  // unchanged length means an edit, so carry keys over by position.\n  const previousActiveFilters = useRef(activeFilters)\n  if (activeFilters.length === previousActiveFilters.current.length) {\n    activeFilters.forEach((filter, index) => {\n      if (!getFilterKey(filter)) {\n        keepFilterKey(previousActiveFilters.current[index], filter)\n      }\n    })\n  }\n  useLayoutEffect(() => {\n    previousActiveFilters.current = activeFilters\n  })\n\n  // One list: React matches keys only within a list, so separate lists would\n  // remount a promoted chip despite its stable key.\n  const entries = inCreationOrder([\n    ...activeFilters.map((filter, index) => ({\n      filter,\n      index,\n      pending: false as const,\n    })),\n    ...pendingFilters\n      .filter((filter) => !pendingCopies.includes(filter))\n      .map((filter, index) => ({\n        filter,\n        index,\n        pending: true as const,\n      })),\n  ])\n\n  return (\n    <div className=\"tds-data-table-filters-active\">\n      <div className=\"tds-data-table-filters-active-list\">\n        {entries.map(({ filter, index, pending }) => (\n          <ActiveFilter\n            key={\n              getFilterKey(filter) ??\n              `${pending ? \"pending\" : \"active\"}-${index}`\n            }\n            activeFilter={filter}\n            pending={pending}\n            onChange={(updates, { complete = true } = {}) => {\n              if (pending) {\n                updatePendingFilter(filter, updates)\n                if (complete) promote(filter, { ...filter, ...updates })\n                else retractPromotion(filter)\n                return\n              }\n              const next = [...optimisticFilters]\n              next[index] = keepFilterKey(filter, { ...filter, ...updates })\n              onActiveFiltersChange(next)\n            }}\n            removeActiveFilter={() => {\n              if (pending) {\n                removePendingFilter(filter)\n                retractPromotion(filter)\n                return\n              }\n              sendWithout(index)\n            }}\n          />\n        ))}\n      </div>\n      <div className=\"tds-data-table-filters-active-actions\">\n        <Button\n          aria-label=\"Clear filters\"\n          disabled={!hasFilters}\n          kind=\"secondary\"\n          label=\"Clear\"\n          size=\"sm\"\n          onClick={() => {\n            setPromotions([])\n            onClear()\n            restoreFilterFocus()\n          }}\n        />\n        {/* TODO: Save view button goes here */}\n      </div>\n    </div>\n  )\n}\n\n// A promoted filter is appended to `activeFilters`, ahead of every pending\n// chip. Sorting keyed chips by creation order keeps it in place, so its open\n// popover stays anchored under it.\nfunction inCreationOrder<T extends { filter: ActiveFilter }>(entries: T[]) {\n  const keyedSlots = entries.flatMap((entry, slot) =>\n    getFilterSequence(entry.filter) === undefined ? [] : [slot]\n  )\n  const keyedEntries = keyedSlots\n    .map((slot) => entries[slot])\n    .sort(\n      (a, b) =>\n        (getFilterSequence(a.filter) ?? 0) - (getFilterSequence(b.filter) ?? 0)\n    )\n  const sorted = [...entries]\n  keyedSlots.forEach((slot, i) => {\n    sorted[slot] = keyedEntries[i]\n  })\n  return sorted\n}\n\nfunction ActiveFilter({\n  activeFilter,\n  onChange,\n  removeActiveFilter,\n  pending = false,\n}: {\n  activeFilter: ActiveFilter\n  onChange: FilterChange\n  pending?: boolean\n  removeActiveFilter: () => void\n}) {\n  const { relatedFilter, operator } = useRelatedFilterOperator(activeFilter)\n  const activeFilterInstance =\n    relatedFilter &&\n    operator &&\n    relatedFilter.createActiveFilterInstance(activeFilter, operator)\n\n  const autoPromoted = useRef(false)\n  useEffect(() => {\n    if (\n      !pending ||\n      !activeFilterInstance?.isCompleteWithoutInput ||\n      autoPromoted.current\n    )\n      return\n    autoPromoted.current = true\n    onChange({}, { complete: true })\n  })\n\n  if (!relatedFilter || !operator || !activeFilterInstance)\n    return (\n      <FilterChip\n        label=\"Unrecognized filter\"\n        onRemove={removeActiveFilter}\n        status=\"invalid\"\n      >\n        <FilterChipSegments segments={[\"Unrecognized filter\"]} />\n      </FilterChip>\n    )\n\n  const editor = activeFilterInstance.renderEditor(onChange)\n  const segments = activeFilterInstance.toSegments()\n\n  const isEditable = relatedFilter.operators.length > 1 || editor != null\n\n  return (\n    <FilterChip\n      label={`${relatedFilter.label} filter${pending ? \" (pending)\" : \"\"}`}\n      onRemove={removeActiveFilter}\n      status={pending ? \"inactive\" : undefined}\n    >\n      {!isEditable ? (\n        <FilterChipStaticSegments segments={segments} />\n      ) : (\n        <Popover defaultOpen={pending}>\n          <PopoverTrigger>\n            <FilterChipSegments segments={segments} />\n          </PopoverTrigger>\n          <PopoverContent\n            className=\"tds-popover--data-table-filters-popover\"\n            modal={false}\n          >\n            <h2 className=\"tds-data-table-filters-popover-label\">\n              {relatedFilter.label}\n              {relatedFilter.operators.length === 1 && (\n                <span className=\"tds-data-table-filters-popover-label-operator\">\n                  {\" \"}\n                  {operator.label}\n                </span>\n              )}\n            </h2>\n            {relatedFilter.description && (\n              <p className=\"tds-data-table-filters-popover-description\">\n                {relatedFilter.description}\n              </p>\n            )}\n            <OperatorSelect\n              operator={operator}\n              relatedFilter={relatedFilter}\n              updateActiveFilter={(updates) =>\n                onChange(updates, {\n                  complete: relatedFilter.createActiveFilterInstance(\n                    { ...activeFilter, ...updates },\n                    relatedFilter.operators.find(\n                      ({ name }) => name === updates.operator\n                    ) ?? operator\n                  ).isCompleteWithoutInput,\n                })\n              }\n            />\n            {editor}\n          </PopoverContent>\n        </Popover>\n      )}\n    </FilterChip>\n  )\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -12,6 +12,13 @@ export interface FilterChipSegmentsProps extends Omit<ButtonElementProps, "label
  * otherwise collapse into an unreadable accessible name.
  */
 export declare const FilterChipSegments: React.ForwardRefExoticComponent<FilterChipSegmentsProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Non-interactive segments for a chip with nothing to edit, so it doesn't
+ * expose a button that does nothing.
+ */
+export declare function FilterChipStaticSegments({ segments }: {
+    segments: string[];
+}): React.JSX.Element;
 export interface FilterChipProps {
     children: React.ReactNode;
     /** Accessible label for the button group. */

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

@@ -1 +1 @@
-{"version":3,"file":"FilterChip.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAK5D,OAAO,KAAqB,MAAM,OAAO,CAAA;AAwBzC,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,MAAM,CAAC;IAClD,yFAAyF;IACzF,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,mGAa7B,CAAA;AAgCF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gCAAgC;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,SAAS,CAAA;AAOrD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE,eAAe,qBAajB"}
+{"version":3,"file":"FilterChip.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAK5D,OAAO,KAAqB,MAAM,OAAO,CAAA;AAwBzC,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,MAAM,CAAC;IAClD,yFAAyF;IACzF,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,mGAa7B,CAAA;AAIF;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,qBAQ5E;AA8BD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gCAAgC;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,SAAS,CAAA;AAOrD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE,eAAe,qBAajB"}

package/dist/components/DataTable/FilterChip.js

@@ -35,6 +35,13 @@ function focusPreviousChip(chip) {
  */
 const FilterChipSegments = forwardRef(({ segments, ...props }, ref) => (React__default.createElement(Button, { "aria-label": segments.join(" "), ...props, label: segments.map((segment, index) => (React__default.createElement("span", { key: index }, segment))), ref: ref, size: "sm" })));
 FilterChipSegments.displayName = "FilterChipSegments";
+/**
+ * Non-interactive segments for a chip with nothing to edit, so it doesn't
+ * expose a button that does nothing.
+ */
+function FilterChipStaticSegments({ segments }) {
+    return (React__default.createElement("span", { className: "tds-btn tds-btn--sm tds-data-table-filters-chip-static" }, segments.map((segment, index) => (React__default.createElement("span", { key: index }, segment)))));
+}
 function FilterChipRemove({ label, onClick }) {
     const restoreFilterFocus = useRestoreFilterFocus();
     const handleClick = (event) => {
@@ -56,5 +63,5 @@ function FilterChip({ children, label, onRemove, status, }) {
         React__default.createElement(FilterChipRemove, { label: label, onClick: onRemove })));
 }
 
-export { FilterChip, FilterChipSegments };
+export { FilterChip, FilterChipSegments, FilterChipStaticSegments };
 //# sourceMappingURL=FilterChip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterChip.js","sources":["../../../src/components/DataTable/FilterChip.tsx"],"sourcesContent":["import type { ButtonElementProps } from \"@components/button\"\nimport { Button, IconButton } from \"@components/button\"\nimport { ButtonGroup } from \"@components/button-group\"\nimport Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, { forwardRef } from \"react\"\n\nimport { useRestoreFilterFocus } from \"./FilterContext\"\n\nconst CHIP_SELECTOR = \".tds-btn-group--data-table-filters-chip\"\nconst REMOVE_BUTTON_SELECTOR = '[aria-label^=\"Remove \"]'\n\n// Removing any other chip leaves the browser to focus the next chip on its\n// own — only the last chip needs this explicit handling.\nfunction isLastChip(chip: Element): boolean {\n  return !chip.nextElementSibling\n}\n\nfunction focusPreviousChip(chip: Element): boolean {\n  const previousButton = chip.previousElementSibling?.querySelector(\n    REMOVE_BUTTON_SELECTOR\n  )\n  if (previousButton instanceof HTMLElement) {\n    previousButton.focus()\n    return true\n  }\n  return false\n}\n\nexport interface FilterChipSegmentsProps\n  extends Omit<ButtonElementProps, \"label\" | \"size\"> {\n  /** The pieces of content that make up the segment, each rendered in its own `<span>`. */\n  segments: string[]\n}\n\n/**\n * The segments within a `FilterChip`.\n * Forwards its ref and props to `Button` — required for `PopoverTrigger` to work.\n * Defaults `aria-label` to the joined segments, since the adjoining `<span>`s\n * (rendered for stylistic dividers) have no separator between them and would\n * otherwise collapse into an unreadable accessible name.\n */\nexport const FilterChipSegments = forwardRef<\n  HTMLButtonElement,\n  FilterChipSegmentsProps\n>(({ segments, ...props }: FilterChipSegmentsProps, ref) => (\n  <Button\n    aria-label={segments.join(\" \")}\n    {...props}\n    label={segments.map((segment, index) => (\n      <span key={index}>{segment}</span>\n    ))}\n    ref={ref}\n    size=\"sm\"\n  />\n))\n\nFilterChipSegments.displayName = \"FilterChipSegments\"\n\ninterface FilterChipRemoveProps {\n  /** The chip's accessible label, used to distinguish this remove button from others. */\n  label: string\n  onClick?: () => void\n}\n\nfunction FilterChipRemove({ label, onClick }: FilterChipRemoveProps) {\n  const restoreFilterFocus = useRestoreFilterFocus()\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    const chip = event.currentTarget.closest(CHIP_SELECTOR)\n    if (chip && isLastChip(chip) && !focusPreviousChip(chip)) {\n      restoreFilterFocus()\n    }\n    onClick?.()\n  }\n\n  return (\n    <IconButton\n      aria-label={`Remove ${label}`}\n      disabled={!onClick}\n      icon={<Icon aria-hidden symbol=\"general#x\" />}\n      onClick={handleClick}\n      size=\"sm\"\n    />\n  )\n}\n\nexport interface FilterChipProps {\n  children: React.ReactNode\n  /** Accessible label for the button group. */\n  label: string\n  /** Called when the remove button is activated. Omit to render it disabled. */\n  onRemove?: () => void\n  /** The status of the filter. */\n  status?: FilterChipStatus\n}\n\nexport type FilterChipStatus = \"inactive\" | \"invalid\"\n\nconst FILTER_CHIP_CLASS_NAME_MAP: Record<FilterChipStatus, string> = {\n  inactive: \"tds-btn-group--data-table-filters-chip-inactive\",\n  invalid: \"tds-btn-group--data-table-filters-chip-invalid\",\n}\n\nexport function FilterChip({\n  children,\n  label,\n  onRemove,\n  status,\n}: FilterChipProps) {\n  return (\n    <ButtonGroup\n      aria-label={label}\n      className={classNames(\n        \"tds-btn-group--data-table-filters-chip\",\n        status && FILTER_CHIP_CLASS_NAME_MAP[status]\n      )}\n    >\n      {children}\n      <FilterChipRemove label={label} onClick={onRemove} />\n    </ButtonGroup>\n  )\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AASA,MAAM,aAAa,GAAG,yCAAyC;AAC/D,MAAM,sBAAsB,GAAG,yBAAyB;AAExD;AACA;AACA,SAAS,UAAU,CAAC,IAAa,EAAA;AAC/B,IAAA,OAAO,CAAC,IAAI,CAAC,kBAAkB;AACjC;AAEA,SAAS,iBAAiB,CAAC,IAAa,EAAA;IACtC,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAC/D,sBAAsB,CACvB;AACD,IAAA,IAAI,cAAc,YAAY,WAAW,EAAE;QACzC,cAAc,CAAC,KAAK,EAAE;AACtB,QAAA,OAAO,IAAI;IACb;AACA,IAAA,OAAO,KAAK;AACd;AAQA;;;;;;AAMG;AACI,MAAM,kBAAkB,GAAG,UAAU,CAG1C,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA2B,EAAE,GAAG,MACrDA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAA,YAAA,EACO,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,GAC1B,KAAK,EACT,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,MACjCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,GAAG,EAAE,KAAK,EAAA,EAAG,OAAO,CAAQ,CACnC,CAAC,EACF,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,IAAI,EAAA,CACT,CACH;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;AAQrD,SAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAyB,EAAA;AACjE,IAAA,MAAM,kBAAkB,GAAG,qBAAqB,EAAE;AAElD,IAAA,MAAM,WAAW,GAAG,CAAC,KAA0C,KAAI;QACjE,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;AACvD,QAAA,IAAI,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE;AACxD,YAAA,kBAAkB,EAAE;QACtB;QACA,OAAO,IAAI;AACb,IAAA,CAAC;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACG,UAAU,KAAK,CAAA,CAAE,EAC7B,QAAQ,EAAE,CAAC,OAAO,EAClB,IAAI,EAAEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EAAA,IAAA,EAAa,MAAM,EAAC,WAAW,EAAA,CAAG,EAC7C,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,IAAI,EAAA,CACT;AAEN;AAcA,MAAM,0BAA0B,GAAqC;AACnE,IAAA,QAAQ,EAAE,iDAAiD;AAC3D,IAAA,OAAO,EAAE,gDAAgD;CAC1D;AAEK,SAAU,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GACU,EAAA;AAChB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,WAAW,kBACE,KAAK,EACjB,SAAS,EAAE,UAAU,CACnB,wCAAwC,EACxC,MAAM,IAAI,0BAA0B,CAAC,MAAM,CAAC,CAC7C,EAAA;QAEA,QAAQ;AACT,QAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAA,CAAI,CACzC;AAElB;;;;"}
+{"version":3,"file":"FilterChip.js","sources":["../../../src/components/DataTable/FilterChip.tsx"],"sourcesContent":["import type { ButtonElementProps } from \"@components/button\"\nimport { Button, IconButton } from \"@components/button\"\nimport { ButtonGroup } from \"@components/button-group\"\nimport Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, { forwardRef } from \"react\"\n\nimport { useRestoreFilterFocus } from \"./FilterContext\"\n\nconst CHIP_SELECTOR = \".tds-btn-group--data-table-filters-chip\"\nconst REMOVE_BUTTON_SELECTOR = '[aria-label^=\"Remove \"]'\n\n// Removing any other chip leaves the browser to focus the next chip on its\n// own — only the last chip needs this explicit handling.\nfunction isLastChip(chip: Element): boolean {\n  return !chip.nextElementSibling\n}\n\nfunction focusPreviousChip(chip: Element): boolean {\n  const previousButton = chip.previousElementSibling?.querySelector(\n    REMOVE_BUTTON_SELECTOR\n  )\n  if (previousButton instanceof HTMLElement) {\n    previousButton.focus()\n    return true\n  }\n  return false\n}\n\nexport interface FilterChipSegmentsProps\n  extends Omit<ButtonElementProps, \"label\" | \"size\"> {\n  /** The pieces of content that make up the segment, each rendered in its own `<span>`. */\n  segments: string[]\n}\n\n/**\n * The segments within a `FilterChip`.\n * Forwards its ref and props to `Button` — required for `PopoverTrigger` to work.\n * Defaults `aria-label` to the joined segments, since the adjoining `<span>`s\n * (rendered for stylistic dividers) have no separator between them and would\n * otherwise collapse into an unreadable accessible name.\n */\nexport const FilterChipSegments = forwardRef<\n  HTMLButtonElement,\n  FilterChipSegmentsProps\n>(({ segments, ...props }: FilterChipSegmentsProps, ref) => (\n  <Button\n    aria-label={segments.join(\" \")}\n    {...props}\n    label={segments.map((segment, index) => (\n      <span key={index}>{segment}</span>\n    ))}\n    ref={ref}\n    size=\"sm\"\n  />\n))\n\nFilterChipSegments.displayName = \"FilterChipSegments\"\n\n/**\n * Non-interactive segments for a chip with nothing to edit, so it doesn't\n * expose a button that does nothing.\n */\nexport function FilterChipStaticSegments({ segments }: { segments: string[] }) {\n  return (\n    <span className=\"tds-btn tds-btn--sm tds-data-table-filters-chip-static\">\n      {segments.map((segment, index) => (\n        <span key={index}>{segment}</span>\n      ))}\n    </span>\n  )\n}\n\ninterface FilterChipRemoveProps {\n  /** The chip's accessible label, used to distinguish this remove button from others. */\n  label: string\n  onClick?: () => void\n}\n\nfunction FilterChipRemove({ label, onClick }: FilterChipRemoveProps) {\n  const restoreFilterFocus = useRestoreFilterFocus()\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    const chip = event.currentTarget.closest(CHIP_SELECTOR)\n    if (chip && isLastChip(chip) && !focusPreviousChip(chip)) {\n      restoreFilterFocus()\n    }\n    onClick?.()\n  }\n\n  return (\n    <IconButton\n      aria-label={`Remove ${label}`}\n      disabled={!onClick}\n      icon={<Icon aria-hidden symbol=\"general#x\" />}\n      onClick={handleClick}\n      size=\"sm\"\n    />\n  )\n}\n\nexport interface FilterChipProps {\n  children: React.ReactNode\n  /** Accessible label for the button group. */\n  label: string\n  /** Called when the remove button is activated. Omit to render it disabled. */\n  onRemove?: () => void\n  /** The status of the filter. */\n  status?: FilterChipStatus\n}\n\nexport type FilterChipStatus = \"inactive\" | \"invalid\"\n\nconst FILTER_CHIP_CLASS_NAME_MAP: Record<FilterChipStatus, string> = {\n  inactive: \"tds-btn-group--data-table-filters-chip-inactive\",\n  invalid: \"tds-btn-group--data-table-filters-chip-invalid\",\n}\n\nexport function FilterChip({\n  children,\n  label,\n  onRemove,\n  status,\n}: FilterChipProps) {\n  return (\n    <ButtonGroup\n      aria-label={label}\n      className={classNames(\n        \"tds-btn-group--data-table-filters-chip\",\n        status && FILTER_CHIP_CLASS_NAME_MAP[status]\n      )}\n    >\n      {children}\n      <FilterChipRemove label={label} onClick={onRemove} />\n    </ButtonGroup>\n  )\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -19,7 +19,7 @@ export declare const COLLECTION_NOT: {
     readonly label: "is not";
     readonly name: "not";
 };
-declare const COLLECTION_OPERATORS: ({
+declare const ALL_COLLECTION_OPERATORS: ({
     readonly inputType: {
         readonly type: "collection";
     };
@@ -32,7 +32,7 @@ declare const COLLECTION_OPERATORS: ({
     readonly label: "is not";
     readonly name: "not";
 })[];
-export type CollectionOperatorName = (typeof COLLECTION_OPERATORS)[number]["name"];
+export type CollectionOperatorName = (typeof ALL_COLLECTION_OPERATORS)[number]["name"];
 export type CollectionFilterConfig = FilterItemConfig<CollectionOperatorName> & {
     options: CollectionOptions;
 } & ({

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,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,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,CAezC"}
+{"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"}

package/dist/components/DataTable/collectionFilter.js

@@ -14,12 +14,17 @@ const COLLECTION_NOT = {
     label: "is not",
     name: "not",
 };
-const COLLECTION_OPERATORS = [COLLECTION_IS, 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 }) {
     const filter = {
         ...config,
         createActiveFilterInstance: (activeFilter, operator) => new CollectionActiveFilter(filter, operator, activeFilter.value, activeFilter.label, activeFilter.scope, { display, multiple, options }),
-        operators: resolveOperators(COLLECTION_OPERATORS, { excludes, includes }),
+        operators: resolveOperators(ALL_COLLECTION_OPERATORS, {
+            default: DEFAULT_COLLECTION_OPERATORS,
+            excludes,
+            includes,
+        }),
     };
     return filter;
 }

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 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: 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(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 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  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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"}

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

@@ -8,28 +8,42 @@ export declare const DATE_IS: {
     readonly label: "is";
     readonly name: "eq";
 };
-export declare const BEFORE: {
+export declare const LT: {
     readonly inputType: {
         readonly type: "date";
     };
-    readonly label: "before";
-    readonly name: "before";
+    readonly label: "is before";
+    readonly name: "lt";
 };
-export declare const AFTER: {
+export declare const GT: {
     readonly inputType: {
         readonly type: "date";
     };
-    readonly label: "after";
-    readonly name: "after";
+    readonly label: "is after";
+    readonly name: "gt";
+};
+export declare const LTE: {
+    readonly inputType: {
+        readonly type: "date";
+    };
+    readonly label: "is on or before";
+    readonly name: "lte";
+};
+export declare const GTE: {
+    readonly inputType: {
+        readonly type: "date";
+    };
+    readonly label: "is on or after";
+    readonly name: "gte";
 };
 export declare const DATE_RANGE: {
     readonly inputType: {
         readonly type: "date-range";
     };
-    readonly label: "between";
-    readonly name: "date_range";
+    readonly label: "is between";
+    readonly name: "between";
 };
-declare const DATE_OPERATORS: ({
+declare const ALL_DATE_OPERATORS: ({
     readonly inputType: {
         readonly type: "date";
     };
@@ -39,22 +53,34 @@ declare const DATE_OPERATORS: ({
     readonly inputType: {
         readonly type: "date";
     };
-    readonly label: "before";
-    readonly name: "before";
+    readonly label: "is before";
+    readonly name: "lt";
+} | {
+    readonly inputType: {
+        readonly type: "date";
+    };
+    readonly label: "is after";
+    readonly name: "gt";
+} | {
+    readonly inputType: {
+        readonly type: "date";
+    };
+    readonly label: "is on or before";
+    readonly name: "lte";
 } | {
     readonly inputType: {
         readonly type: "date";
     };
-    readonly label: "after";
-    readonly name: "after";
+    readonly label: "is on or after";
+    readonly name: "gte";
 } | {
     readonly inputType: {
         readonly type: "date-range";
     };
-    readonly label: "between";
-    readonly name: "date_range";
+    readonly label: "is between";
+    readonly name: "between";
 })[];
-export type DateOperatorName = (typeof DATE_OPERATORS)[number]["name"];
+export type DateOperatorName = (typeof ALL_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

@@ -1 +1 @@
-{"version":3,"file":"dateFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/dateFilter.tsx"],"names":[],"mappings":"AAUA,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;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"}
+{"version":3,"file":"dateFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/dateFilter.tsx"],"names":[],"mappings":"AAUA,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;AAEvD,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;AAU1E,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAgBrD"}

package/dist/components/DataTable/dateFilter.js

@@ -12,29 +12,44 @@ const DATE_IS = {
     label: "is",
     name: "eq",
 };
-const BEFORE = {
+const LT = {
     inputType: { type: "date" },
-    label: "before",
-    name: "before",
+    label: "is before",
+    name: "lt",
 };
-const AFTER = {
+const GT = {
     inputType: { type: "date" },
-    label: "after",
-    name: "after",
+    label: "is after",
+    name: "gt",
+};
+const LTE = {
+    inputType: { type: "date" },
+    label: "is on or before",
+    name: "lte",
+};
+const GTE = {
+    inputType: { type: "date" },
+    label: "is on or after",
+    name: "gte",
 };
 const DATE_RANGE = {
     inputType: { type: "date-range" },
-    label: "between",
-    name: "date_range",
+    label: "is between",
+    name: "between",
 };
-const DATE_OPERATORS = [DATE_IS, BEFORE, AFTER, DATE_RANGE];
+const ALL_DATE_OPERATORS = [DATE_IS, LT, GT, LTE, GTE, DATE_RANGE];
+const DEFAULT_DATE_OPERATORS = [DATE_IS, LT, GT, DATE_RANGE];
 const formatter = new $12a3c853105e5a70$export$ad991b66133851cf(new Intl.DateTimeFormat().resolvedOptions().locale, { dateStyle: "medium" });
 const formatDate = (iso) => formatter.format($58246871e4652552$export$6b862160d295c8e(iso).toDate($ad063034c8620db8$export$aa8b41735afcabd2()));
 function dateFilter({ excludes, includes, ...config }) {
     const filter = {
         ...config,
         createActiveFilterInstance: (activeFilter, operator) => new DateActiveFilter(filter, operator, activeFilter.value),
-        operators: resolveOperators(DATE_OPERATORS, { excludes, includes }),
+        operators: resolveOperators(ALL_DATE_OPERATORS, {
+            default: DEFAULT_DATE_OPERATORS,
+            excludes,
+            includes,
+        }),
     };
     return filter;
 }
@@ -79,5 +94,5 @@ function DateRangeEditor({ label, onCommit, value: [start, end], }) {
         React__default.createElement(DatePicker, { hideLabel: true, label: `${label} to`, value: end, onChange: (date) => date && onCommit([start, date.toString()]) })));
 }
 
-export { AFTER, BEFORE, DATE_IS, DATE_RANGE, dateFilter };
+export { DATE_IS, DATE_RANGE, GT, GTE, LT, LTE, dateFilter };
 //# sourceMappingURL=dateFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dateFilter.js","sources":["../../../src/components/DataTable/dateFilter.tsx"],"sourcesContent":["import { DatePicker } from \"@components/date-picker\"\nimport { Flex } from \"@components/flex\"\nimport {\n  DateFormatter,\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\nexport const DATE_IS = {\n  inputType: { type: \"date\" },\n  label: \"is\",\n  name: \"eq\",\n} as const satisfies Operator\nexport const BEFORE = {\n  inputType: { type: \"date\" },\n  label: \"before\",\n  name: \"before\",\n} as const satisfies Operator\nexport const AFTER = {\n  inputType: { type: \"date\" },\n  label: \"after\",\n  name: \"after\",\n} as const satisfies Operator\nexport const DATE_RANGE = {\n  inputType: { type: \"date-range\" },\n  label: \"between\",\n  name: \"date_range\",\n} as const satisfies Operator\n\nconst DATE_OPERATORS = [DATE_IS, BEFORE, AFTER, DATE_RANGE]\n\nexport type DateOperatorName = (typeof 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\nexport function dateFilter({\n  excludes,\n  includes,\n  ...config\n}: FilterItemConfig<DateOperatorName>): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new DateActiveFilter(\n        filter,\n        operator,\n        activeFilter.value as DateFilterValue\n      ),\n    operators: resolveOperators(DATE_OPERATORS, { excludes, includes }),\n  }\n  return filter\n}\n\nclass DateActiveFilter extends ActiveFilterInstance<DateFilterValue> {\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: [string, string] = Array.isArray(this.value)\n        ? this.value\n        : [this.value, this.value]\n      return (\n        <DateRangeEditor\n          label={label}\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        label={label}\n        value={single}\n        onChange={(date) => date && onChange({ value: date.toString() })}\n      />\n    )\n  }\n}\n\nfunction DateRangeEditor({\n  label,\n  onCommit,\n  value: [start, end],\n}: {\n  label: string\n  onCommit: (value: [string, string]) => void\n  value: [string, string]\n}) {\n  return (\n    <Flex 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        label={`${label} from`}\n        value={start}\n        onChange={(date) => date && onCommit([date.toString(), end])}\n      />\n      <div>and</div>\n      <DatePicker\n        hideLabel\n        label={`${label} to`}\n        value={end}\n        onChange={(date) => date && onCommit([start, date.toString()])}\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 } from \"@components/date-picker\"\nimport { Flex } from \"@components/flex\"\nimport {\n  DateFormatter,\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\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\nexport function dateFilter({\n  excludes,\n  includes,\n  ...config\n}: FilterItemConfig<DateOperatorName>): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new DateActiveFilter(\n        filter,\n        operator,\n        activeFilter.value as DateFilterValue\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  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: [string, string] = Array.isArray(this.value)\n        ? this.value\n        : [this.value, this.value]\n      return (\n        <DateRangeEditor\n          label={label}\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        label={label}\n        value={single}\n        onChange={(date) => date && onChange({ value: date.toString() })}\n      />\n    )\n  }\n}\n\nfunction DateRangeEditor({\n  label,\n  onCommit,\n  value: [start, end],\n}: {\n  label: string\n  onCommit: (value: [string, string]) => void\n  value: [string, string]\n}) {\n  return (\n    <Flex 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        label={`${label} from`}\n        value={start}\n        onChange={(date) => date && onCommit([date.toString(), end])}\n      />\n      <div>and</div>\n      <DatePicker\n        hideLabel\n        label={`${label} to`}\n        value={end}\n        onChange={(date) => date && onCommit([start, date.toString()])}\n      />\n    </Flex>\n  )\n}\n"],"names":["DateFormatter","parseDate","getLocalTimeZone","React"],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+import type { FilterItemConfig, FilterNodeItem } from "./FilterTypes";
+/** `MM-DD` strings with no year; a pair for `between`. */
+export type DayFilterValue = string | [string, string];
+export declare const DAY_IS: {
+    readonly inputType: {
+        readonly type: "day";
+    };
+    readonly label: "is";
+    readonly name: "eq";
+};
+export declare const DAY_RANGE: {
+    readonly inputType: {
+        readonly type: "day-range";
+    };
+    readonly label: "is between";
+    readonly name: "between";
+};
+declare const DAY_OPERATORS: ({
+    readonly inputType: {
+        readonly type: "day";
+    };
+    readonly label: "is";
+    readonly name: "eq";
+} | {
+    readonly inputType: {
+        readonly type: "day-range";
+    };
+    readonly label: "is between";
+    readonly name: "between";
+})[];
+export type DayOperatorName = (typeof DAY_OPERATORS)[number]["name"];
+export declare function dayFilter({ excludes, includes, ...config }: FilterItemConfig<DayOperatorName>): FilterNodeItem;
+export {};
+//# sourceMappingURL=dayFilter.d.ts.map

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

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