@osdk/react-components 0.58.0 → 0.58.1-main-f1b178d2b6aaa5013ba28dae0a518a2c077f552c

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @osdk/react-components
 
+## 0.58.1-main-f1b178d2b6aaa5013ba28dae0a518a2c077f552c
+
+### Patch Changes
+
+- f6bcb14: Adds Relative date functionality to the DATE_RANGE filter. Add optional props to enable the relative mode, and relevant API input changes.
+  - @osdk/client@2.69.1-main-f1b178d2b6aaa5013ba28dae0a518a2c077f552c
+  - @osdk/api@2.69.1-main-f1b178d2b6aaa5013ba28dae0a518a2c077f552c
+  - @osdk/react@2.69.1-main-f1b178d2b6aaa5013ba28dae0a518a2c077f552c
+
 ## 0.58.0
 
 ### Minor Changes

package/build/browser/filter-list/FilterListItemApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterListItemApi.js","names":[],"sources":["FilterListItemApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  CompileTimeMetadata,\n  ObjectTypeDefinition,\n  PropertyKeys,\n  WirePropertyTypes,\n} from \"@osdk/api\";\nimport type { ReactNode } from \"react\";\n\nimport type { CustomFilterState } from \"./types/CustomRendererTypes.js\";\nimport type { KeywordSearchFilterState } from \"./types/KeywordSearchTypes.js\";\nimport type {\n  HasLinkFilterState,\n  LinkedPropertyFilterState,\n} from \"./types/LinkedFilterTypes.js\";\n\n/**\n * Helper type to extract the property type from an ObjectTypeDefinition given a property key\n */\nexport type PropertyTypeFromKey<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> = CompileTimeMetadata<Q>[\"properties\"][K][\"type\"];\n\n/**\n * Fields shared by every filter definition, regardless of kind.\n */\nexport interface FilterDefinitionControls {\n  /**\n   * When `false`, the header monocle (search-values icon) is hidden even for\n   * filter components that ordinarily support in-filter search. Useful for\n   * `MULTI_SELECT`, which already has its own inline search field.\n   *\n   * @default true\n   */\n  searchField?: boolean;\n\n  /**\n   * Optional unique identifier for stable keying across filter reorders.\n   * Set it explicitly when that derived value would collide, e.g. two filters on the\n   * same property.\n   *\n   * This is the key used in `defaultFilterStates`; `getFilterKey(definition)`\n   * returns it.\n   *\n   * @default a value derived from the definition (its `key`, or its link and property names)\n   */\n  id?: string;\n\n  /**\n   * Controls whether this filter is rendered.\n   * When false, the filter is hidden but its state is preserved.\n   * @default true\n   */\n  isVisible?: boolean;\n}\n\n/**\n * All available filter component types\n */\nexport type FilterComponentType =\n  | \"LISTOGRAM\"\n  | \"DATE_RANGE\"\n  | \"NUMBER_RANGE\"\n  | \"TEXT_TAGS\"\n  | \"CONTAINS_TEXT\"\n  | \"SINGLE_SELECT\"\n  | \"MULTI_SELECT\"\n  | \"SINGLE_DATE\"\n  | \"MULTI_DATE\"\n  | \"TIMELINE\"\n  | \"TOGGLE\";\n\n/**\n * Gets valid component types for a given property type\n */\nexport type ValidComponentsForPropertyType<P extends WirePropertyTypes> =\n  P extends \"boolean\"\n    ? \"LISTOGRAM\" | \"SINGLE_SELECT\" | \"TOGGLE\"\n    : P extends \"string\"\n      ?\n          | \"LISTOGRAM\"\n          | \"TEXT_TAGS\"\n          | \"CONTAINS_TEXT\"\n          | \"SINGLE_SELECT\"\n          | \"MULTI_SELECT\"\n      : P extends \"datetime\" | \"timestamp\"\n        ? \"DATE_RANGE\" | \"SINGLE_DATE\" | \"MULTI_DATE\" | \"TIMELINE\"\n        : P extends\n              | \"double\"\n              | \"integer\"\n              | \"long\"\n              | \"float\"\n              | \"short\"\n              | \"byte\"\n              | \"decimal\"\n          ? \"NUMBER_RANGE\" | \"SINGLE_SELECT\" | \"MULTI_SELECT\"\n          : never;\n\n/**\n * Union of all possible filter states\n */\nexport type FilterState =\n  | ExactMatchFilterState<string | boolean>\n  | DateRangeFilterState\n  | ContainsTextFilterState\n  | NumberRangeFilterState\n  | SelectFilterState<string | boolean | number>\n  | SelectFilterState<Date>\n  | TimelineFilterState\n  | ToggleFilterState\n  | HasLinkFilterState\n  | LinkedPropertyFilterState\n  | KeywordSearchFilterState\n  | CustomFilterState;\n\n/**\n * Maps component types to their corresponding state types\n */\nexport interface FilterStateByComponentType {\n  LISTOGRAM: ExactMatchFilterState<string | boolean>;\n  DATE_RANGE: DateRangeFilterState;\n  TEXT_TAGS: ExactMatchFilterState<string>;\n  CONTAINS_TEXT: ContainsTextFilterState;\n  NUMBER_RANGE: NumberRangeFilterState;\n  SINGLE_SELECT: SelectFilterState<string | boolean | number>;\n  MULTI_SELECT: SelectFilterState<string | boolean | number>;\n  SINGLE_DATE: SelectFilterState<Date>;\n  MULTI_DATE: SelectFilterState<Date>;\n  TIMELINE: TimelineFilterState;\n  TOGGLE: ToggleFilterState;\n}\n\n/**\n * All filter state discriminator types\n */\nexport type FilterStateType =\n  | \"EXACT_MATCH\"\n  | \"DATE_RANGE\"\n  | \"NUMBER_RANGE\"\n  | \"CONTAINS_TEXT\"\n  | \"SELECT\"\n  | \"TIMELINE\"\n  | \"TOGGLE\"\n  | \"hasLink\"\n  | \"linkedProperty\"\n  | \"keywordSearch\"\n  | \"custom\";\n\n/**\n * Base interface for all filter states\n * Contains common properties shared across all filter types\n */\nexport interface BaseFilterState {\n  /**\n   * The type of filter component\n   */\n  type: FilterStateType;\n\n  /**\n   * If true, the objects satisfying the filter are excluded\n   * @default false\n   */\n  isExcluding?: boolean;\n\n  /**\n   * If true, include objects that have no value\n   * @default false\n   */\n  includeNull?: boolean;\n}\n\nexport interface ExactMatchFilterState<\n  T = string | boolean,\n> extends BaseFilterState {\n  type: \"EXACT_MATCH\";\n  values: T[];\n}\n\nexport interface DateRangeFilterState extends BaseFilterState {\n  type: \"DATE_RANGE\";\n  /**\n   * The earliest date the user can select\n   */\n  minValue?: Date;\n  /**\n   * The latest date the user can select\n   */\n  maxValue?: Date;\n}\n\nexport interface ContainsTextFilterState extends BaseFilterState {\n  type: \"CONTAINS_TEXT\";\n  value?: string;\n}\n\nexport interface NumberRangeFilterState extends BaseFilterState {\n  type: \"NUMBER_RANGE\";\n  /**\n   * Minimum numeric value (inclusive)\n   */\n  minValue?: number;\n  /**\n   * Maximum numeric value (inclusive)\n   */\n  maxValue?: number;\n}\n\n/**\n * Consolidated state type for select-based filters.\n * Used by SINGLE_SELECT, MULTI_SELECT, SINGLE_DATE, and MULTI_DATE.\n */\nexport interface SelectFilterState<\n  T = string | boolean | number | Date,\n> extends BaseFilterState {\n  type: \"SELECT\";\n  selectedValues: T[];\n}\n\nexport interface TimelineFilterState extends BaseFilterState {\n  type: \"TIMELINE\";\n  startDate?: Date;\n  endDate?: Date;\n  granularity?: \"day\" | \"week\" | \"month\" | \"quarter\" | \"year\";\n}\n\nexport interface ToggleFilterState extends BaseFilterState {\n  type: \"TOGGLE\";\n  enabled: boolean;\n}\n\n/**\n * Optional date display formatter. Mixed into `PropertyFilterDefinition`\n * only when the property is `datetime` or `timestamp` — see\n * {@link PropertyFilterDateExtras}.\n *\n * `formatDate` overrides the displayed string everywhere the filter\n * surfaces a date: the shared `DateRangePicker` / `DatePicker` idle text,\n * the date-range histogram tooltip and period subtitle, the multi-date\n * chip text, and timeline labels. The picker's internal value remains\n * ISO `YYYY-MM-DD` so cross-locale viewers see a consistent input format\n * regardless of `formatDate`.\n *\n * Receives a `Date` in local time. If the property is a UTC ISO string and\n * you want a different timezone, do that conversion inside your callback.\n */\nexport interface DateFormattingProps {\n  formatDate?: (date: Date) => string;\n}\n\n/**\n * Conditionally adds `formatDate` to a property filter definition only for\n * `datetime` / `timestamp` properties. For other property types this field\n * is typed as `never` so attempting to set it is a TypeScript error.\n */\nexport type PropertyFilterDateExtras<P extends WirePropertyTypes> = P extends\n  | \"datetime\"\n  | \"timestamp\"\n  ? DateFormattingProps\n  : { formatDate?: never };\n\ninterface PropertyFilterDefinitionBase<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q> = PropertyKeys<Q>,\n  C extends ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>> =\n    ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>>,\n> extends FilterDefinitionControls {\n  /**\n   * Discriminator for filter definition type\n   */\n  type: \"PROPERTY\";\n\n  /**\n   * The property key to filter on\n   */\n  key: K;\n\n  /**\n   * Display label for the filter\n   */\n  label?: string;\n\n  /**\n   * The filter component type to render\n   * Must be compatible with the property type derived from the key, see ValidComponentsForPropertyType\n   */\n  filterComponent: C;\n\n  /**\n   * Seeds the filter's state on mount, FilterList owns the state from then on\n   *\n   * @default undefined (filter starts empty)\n   */\n  defaultFilterState?: FilterStateByComponentType[C];\n\n  /**\n   * @deprecated Rename to `defaultFilterState`.\n   */\n  filterState?: FilterStateByComponentType[C];\n\n  /**\n   * Maps filter values to colors for visual differentiation.\n   * Used by LISTOGRAM (per-row bar colors).\n   */\n  colorMap?: Record<string, string>;\n\n  /**\n   * Configuration for LISTOGRAM display mode.\n   * Only applies when filterComponent is \"LISTOGRAM\".\n   */\n  listogramConfig?: {\n    displayMode?: \"full\" | \"count\" | \"minimal\";\n    /**\n     * Number of items shown before \"View all\" link appears\n     * @default 5\n     */\n    maxVisibleItems?: number;\n  };\n\n  /**\n   * Custom display function for filter values.\n   * Replaces the default string display in dropdown items, chips, and listogram rows.\n   * When the function returns a string, that string is also used for search matching\n   * within filter dropdowns. When it returns a non-string `ReactNode`, search falls\n   * back to the raw value.\n   */\n  renderValue?: (value: string) => ReactNode;\n\n  /**\n   * Show aggregation counts next to filter option values.\n   * Applies to LISTOGRAM, SINGLE_SELECT, and MULTI_SELECT components.\n   * @default true for LISTOGRAM and MULTI_SELECT, false for SINGLE_SELECT\n   */\n  showCount?: boolean;\n\n  /**\n   * When true, clicking a bar in the histogram replaces the filter range\n   * with that bucket's `[min, max]`. Only applies to histogram-rendering\n   * filter components (`NUMBER_RANGE` and `DATE_RANGE`); ignored on other\n   * component types.\n   *\n   * Click replaces the current range — clicking a second bar discards the\n   * previous selection. Multi-bucket selection / shift+click union is NOT\n   * supported in v1.\n   *\n   * @default false\n   */\n  clickToFilter?: boolean;\n}\n\n/**\n * A property filter definition specifies configuration for filtering on a single property\n *\n * The component type C must be compatible with the property type derived from the key.\n * For example, boolean properties can only use LISTOGRAM or SINGLE_SELECT,\n * while string properties can use LISTOGRAM, TEXT_TAGS, CONTAINS_TEXT, SINGLE_SELECT, or MULTI_SELECT.\n *\n * Date and datetime properties may additionally specify `formatDate` — see\n * {@link PropertyFilterDateExtras}.\n */\nexport type PropertyFilterDefinition<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q> = PropertyKeys<Q>,\n  C extends ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>> =\n    ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>>,\n> = PropertyFilterDefinitionBase<Q, K, C> &\n  PropertyFilterDateExtras<PropertyTypeFromKey<Q, K>>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"FilterListItemApi.js","names":[],"sources":["FilterListItemApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  CompileTimeMetadata,\n  ObjectTypeDefinition,\n  PropertyKeys,\n  WirePropertyTypes,\n} from \"@osdk/api\";\nimport type { ReactNode } from \"react\";\n\nimport type { CustomFilterState } from \"./types/CustomRendererTypes.js\";\nimport type { KeywordSearchFilterState } from \"./types/KeywordSearchTypes.js\";\nimport type {\n  HasLinkFilterState,\n  LinkedPropertyFilterState,\n} from \"./types/LinkedFilterTypes.js\";\n\n/**\n * Helper type to extract the property type from an ObjectTypeDefinition given a property key\n */\nexport type PropertyTypeFromKey<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> = CompileTimeMetadata<Q>[\"properties\"][K][\"type\"];\n\n/**\n * Fields shared by every filter definition, regardless of kind.\n */\nexport interface FilterDefinitionControls {\n  /**\n   * When `false`, the header monocle (search-values icon) is hidden even for\n   * filter components that ordinarily support in-filter search. Useful for\n   * `MULTI_SELECT`, which already has its own inline search field.\n   *\n   * @default true\n   */\n  searchField?: boolean;\n\n  /**\n   * Optional unique identifier for stable keying across filter reorders.\n   * Set it explicitly when that derived value would collide, e.g. two filters on the\n   * same property.\n   *\n   * This is the key used in `defaultFilterStates`; `getFilterKey(definition)`\n   * returns it.\n   *\n   * @default a value derived from the definition (its `key`, or its link and property names)\n   */\n  id?: string;\n\n  /**\n   * Controls whether this filter is rendered.\n   * When false, the filter is hidden but its state is preserved.\n   * @default true\n   */\n  isVisible?: boolean;\n}\n\n/**\n * All available filter component types\n */\nexport type FilterComponentType =\n  | \"LISTOGRAM\"\n  | \"DATE_RANGE\"\n  | \"NUMBER_RANGE\"\n  | \"TEXT_TAGS\"\n  | \"CONTAINS_TEXT\"\n  | \"SINGLE_SELECT\"\n  | \"MULTI_SELECT\"\n  | \"SINGLE_DATE\"\n  | \"MULTI_DATE\"\n  | \"TIMELINE\"\n  | \"TOGGLE\";\n\n/**\n * Gets valid component types for a given property type\n */\nexport type ValidComponentsForPropertyType<P extends WirePropertyTypes> =\n  P extends \"boolean\"\n    ? \"LISTOGRAM\" | \"SINGLE_SELECT\" | \"TOGGLE\"\n    : P extends \"string\"\n      ?\n          | \"LISTOGRAM\"\n          | \"TEXT_TAGS\"\n          | \"CONTAINS_TEXT\"\n          | \"SINGLE_SELECT\"\n          | \"MULTI_SELECT\"\n      : P extends \"datetime\" | \"timestamp\"\n        ? \"DATE_RANGE\" | \"SINGLE_DATE\" | \"MULTI_DATE\" | \"TIMELINE\"\n        : P extends\n              | \"double\"\n              | \"integer\"\n              | \"long\"\n              | \"float\"\n              | \"short\"\n              | \"byte\"\n              | \"decimal\"\n          ? \"NUMBER_RANGE\" | \"SINGLE_SELECT\" | \"MULTI_SELECT\"\n          : never;\n\n/**\n * Union of all possible filter states\n */\nexport type FilterState =\n  | ExactMatchFilterState<string | boolean>\n  | DateRangeFilterState\n  | ContainsTextFilterState\n  | NumberRangeFilterState\n  | SelectFilterState<string | boolean | number>\n  | SelectFilterState<Date>\n  | TimelineFilterState\n  | ToggleFilterState\n  | HasLinkFilterState\n  | LinkedPropertyFilterState\n  | KeywordSearchFilterState\n  | CustomFilterState;\n\n/**\n * Maps component types to their corresponding state types\n */\nexport interface FilterStateByComponentType {\n  LISTOGRAM: ExactMatchFilterState<string | boolean>;\n  DATE_RANGE: DateRangeFilterState;\n  TEXT_TAGS: ExactMatchFilterState<string>;\n  CONTAINS_TEXT: ContainsTextFilterState;\n  NUMBER_RANGE: NumberRangeFilterState;\n  SINGLE_SELECT: SelectFilterState<string | boolean | number>;\n  MULTI_SELECT: SelectFilterState<string | boolean | number>;\n  SINGLE_DATE: SelectFilterState<Date>;\n  MULTI_DATE: SelectFilterState<Date>;\n  TIMELINE: TimelineFilterState;\n  TOGGLE: ToggleFilterState;\n}\n\n/**\n * All filter state discriminator types\n */\nexport type FilterStateType =\n  | \"EXACT_MATCH\"\n  | \"DATE_RANGE\"\n  | \"NUMBER_RANGE\"\n  | \"CONTAINS_TEXT\"\n  | \"SELECT\"\n  | \"TIMELINE\"\n  | \"TOGGLE\"\n  | \"hasLink\"\n  | \"linkedProperty\"\n  | \"keywordSearch\"\n  | \"custom\";\n\n/**\n * Base interface for all filter states\n * Contains common properties shared across all filter types\n */\nexport interface BaseFilterState {\n  /**\n   * The type of filter component\n   */\n  type: FilterStateType;\n\n  /**\n   * If true, the objects satisfying the filter are excluded\n   * @default false\n   */\n  isExcluding?: boolean;\n\n  /**\n   * If true, include objects that have no value\n   * @default false\n   */\n  includeNull?: boolean;\n}\n\nexport interface ExactMatchFilterState<\n  T = string | boolean,\n> extends BaseFilterState {\n  type: \"EXACT_MATCH\";\n  values: T[];\n}\n\n/**\n * Describes one bound of a relative date range.\n *\n * Combined with a direction this produces an absolute `Date` anchored to \"now\".\n * For example `{ count: 7, unit: \"days\", direction: \"ago\" }` resolves to 7 days\n * before the current time.\n */\nexport interface RelativeDateBound {\n  /** Number of units (e.g. 7 for \"7 days ago\"). */\n  count: number;\n  /** Time unit. */\n  unit: \"days\" | \"weeks\" | \"months\" | \"years\";\n  /** Direction relative to now. */\n  direction: \"ago\" | \"fromNow\";\n}\n\n/**\n * Groups the two relative bounds for a `DATE_RANGE` filter.\n * Presence of this object on the filter state means relative mode is ON.\n * `null` for either bound means \"Indefinitely\" (no constraint on that side).\n */\nexport interface RelativeDateState {\n  relativeMin: RelativeDateBound | null;\n  relativeMax: RelativeDateBound | null;\n}\n\nexport interface DateRangeFilterState extends BaseFilterState {\n  type: \"DATE_RANGE\";\n  /**\n   * The earliest date the user can select\n   */\n  minValue?: Date;\n  /**\n   * The latest date the user can select\n   */\n  maxValue?: Date;\n\n  /**\n   * When present, the filter is in relative-date mode.\n   * When `undefined`, the filter uses absolute `minValue` / `maxValue`.\n   */\n  relativeState?: RelativeDateState;\n}\n\nexport interface ContainsTextFilterState extends BaseFilterState {\n  type: \"CONTAINS_TEXT\";\n  value?: string;\n}\n\nexport interface NumberRangeFilterState extends BaseFilterState {\n  type: \"NUMBER_RANGE\";\n  /**\n   * Minimum numeric value (inclusive)\n   */\n  minValue?: number;\n  /**\n   * Maximum numeric value (inclusive)\n   */\n  maxValue?: number;\n}\n\n/**\n * Consolidated state type for select-based filters.\n * Used by SINGLE_SELECT, MULTI_SELECT, SINGLE_DATE, and MULTI_DATE.\n */\nexport interface SelectFilterState<\n  T = string | boolean | number | Date,\n> extends BaseFilterState {\n  type: \"SELECT\";\n  selectedValues: T[];\n}\n\nexport interface TimelineFilterState extends BaseFilterState {\n  type: \"TIMELINE\";\n  startDate?: Date;\n  endDate?: Date;\n  granularity?: \"day\" | \"week\" | \"month\" | \"quarter\" | \"year\";\n}\n\nexport interface ToggleFilterState extends BaseFilterState {\n  type: \"TOGGLE\";\n  enabled: boolean;\n}\n\n/**\n * Optional date display formatter. Mixed into `PropertyFilterDefinition`\n * only when the property is `datetime` or `timestamp` — see\n * {@link PropertyFilterDateExtras}.\n *\n * `formatDate` overrides the displayed string everywhere the filter\n * surfaces a date: the shared `DateRangePicker` / `DatePicker` idle text,\n * the date-range histogram tooltip and period subtitle, the multi-date\n * chip text, and timeline labels. The picker's internal value remains\n * ISO `YYYY-MM-DD` so cross-locale viewers see a consistent input format\n * regardless of `formatDate`.\n *\n * Receives a `Date` in local time. If the property is a UTC ISO string and\n * you want a different timezone, do that conversion inside your callback.\n */\nexport interface DateFormattingProps {\n  formatDate?: (date: Date) => string;\n}\n\n/**\n * Props specific to `DATE_RANGE` filters on `datetime` / `timestamp`\n * properties. Controls whether the user can switch to a relative-date\n * input mode.\n */\nexport interface DateRangeRelativeProps {\n  /**\n   * When `true`, the `DATE_RANGE` filter shows an Absolute / Relative toggle.\n   * Has no effect on filter components other than `DATE_RANGE`.\n   *\n   * @default false\n   */\n  enableRelativeMode?: boolean;\n}\n\nexport type PropertyFilterDateExtras<P extends WirePropertyTypes> = P extends\n  | \"datetime\"\n  | \"timestamp\"\n  ? DateFormattingProps & DateRangeRelativeProps\n  : { formatDate?: never; enableRelativeMode?: never };\n\ninterface PropertyFilterDefinitionBase<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q> = PropertyKeys<Q>,\n  C extends ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>> =\n    ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>>,\n> extends FilterDefinitionControls {\n  /**\n   * Discriminator for filter definition type\n   */\n  type: \"PROPERTY\";\n\n  /**\n   * The property key to filter on\n   */\n  key: K;\n\n  /**\n   * Display label for the filter\n   */\n  label?: string;\n\n  /**\n   * The filter component type to render\n   * Must be compatible with the property type derived from the key, see ValidComponentsForPropertyType\n   */\n  filterComponent: C;\n\n  /**\n   * Seeds the filter's state on mount, FilterList owns the state from then on\n   *\n   * @default undefined (filter starts empty)\n   */\n  defaultFilterState?: FilterStateByComponentType[C];\n\n  /**\n   * @deprecated Rename to `defaultFilterState`.\n   */\n  filterState?: FilterStateByComponentType[C];\n\n  /**\n   * Maps filter values to colors for visual differentiation.\n   * Used by LISTOGRAM (per-row bar colors).\n   */\n  colorMap?: Record<string, string>;\n\n  /**\n   * Configuration for LISTOGRAM display mode.\n   * Only applies when filterComponent is \"LISTOGRAM\".\n   */\n  listogramConfig?: {\n    displayMode?: \"full\" | \"count\" | \"minimal\";\n    /**\n     * Number of items shown before \"View all\" link appears\n     * @default 5\n     */\n    maxVisibleItems?: number;\n  };\n\n  /**\n   * Custom display function for filter values.\n   * Replaces the default string display in dropdown items, chips, and listogram rows.\n   * When the function returns a string, that string is also used for search matching\n   * within filter dropdowns. When it returns a non-string `ReactNode`, search falls\n   * back to the raw value.\n   */\n  renderValue?: (value: string) => ReactNode;\n\n  /**\n   * Show aggregation counts next to filter option values.\n   * Applies to LISTOGRAM, SINGLE_SELECT, and MULTI_SELECT components.\n   * @default true for LISTOGRAM and MULTI_SELECT, false for SINGLE_SELECT\n   */\n  showCount?: boolean;\n\n  /**\n   * When true, clicking a bar in the histogram replaces the filter range\n   * with that bucket's `[min, max]`. Only applies to histogram-rendering\n   * filter components (`NUMBER_RANGE` and `DATE_RANGE`); ignored on other\n   * component types.\n   *\n   * Click replaces the current range — clicking a second bar discards the\n   * previous selection. Multi-bucket selection / shift+click union is NOT\n   * supported in v1.\n   *\n   * @default false\n   */\n  clickToFilter?: boolean;\n}\n\n/**\n * A property filter definition specifies configuration for filtering on a single property\n *\n * The component type C must be compatible with the property type derived from the key.\n * For example, boolean properties can only use LISTOGRAM or SINGLE_SELECT,\n * while string properties can use LISTOGRAM, TEXT_TAGS, CONTAINS_TEXT, SINGLE_SELECT, or MULTI_SELECT.\n *\n * Date and datetime properties may additionally specify `formatDate` — see\n * {@link PropertyFilterDateExtras}.\n */\nexport type PropertyFilterDefinition<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q> = PropertyKeys<Q>,\n  C extends ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>> =\n    ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>>,\n> = PropertyFilterDefinitionBase<Q, K, C> &\n  PropertyFilterDateExtras<PropertyTypeFromKey<Q, K>>;\n"],"mappings":"","ignoreList":[]}

package/build/browser/filter-list/base/inputs/DateRangeHistogramInput.js

@@ -19,6 +19,8 @@ import React, { memo, useMemo } from "react";
 import { formatDateForInput } from "../../../shared/dateUtils.js";
 import { createDateHistogramBuckets } from "./createDateHistogramBuckets.js";
 import { RangeInput } from "./RangeInput.js";
+import { RelativeDateRangeInput } from "./RelativeDateRangeInput.js";
+import { RelativeModeToggle } from "./RelativeModeToggle.js";
 const defaultDateConfig = {
   inputType: "date",
   formatValue: formatDateForInput,
@@ -32,6 +34,10 @@ const defaultDateConfig = {
 function DateRangeHistogramInputInner({
   formatDate,
   valueCountPairs,
+  enableRelativeMode,
+  relativeState,
+  onToggleRelative,
+  onRelativeChange,
   ...rest
 }) {
   const config = useMemo(() => formatDate != null ? {
@@ -71,11 +77,17 @@ function DateRangeHistogramInputInner({
       subtitle
     };
   }, [valueCountPairs, formatDate]);
-  return /*#__PURE__*/React.createElement(RangeInput, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, enableRelativeMode === true && onToggleRelative != null && /*#__PURE__*/React.createElement(RelativeModeToggle, {
+    checked: relativeState != null,
+    onCheckedChange: onToggleRelative
+  }), enableRelativeMode === true && relativeState != null && onRelativeChange ? /*#__PURE__*/React.createElement(RelativeDateRangeInput, {
+    relativeState: relativeState,
+    onRelativeChange: onRelativeChange
+  }) : /*#__PURE__*/React.createElement(RangeInput, _extends({}, rest, {
     valueCountPairs: valueCountPairs,
     config: config,
     histogramData: histogramData
-  }));
+  })));
 }
 export const DateRangeHistogramInput = /*#__PURE__*/memo(DateRangeHistogramInputInner);
 //# sourceMappingURL=DateRangeHistogramInput.js.map

package/build/browser/filter-list/base/inputs/DateRangeHistogramInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeHistogramInput.js","names":["React","memo","useMemo","formatDateForInput","createDateHistogramBuckets","RangeInput","defaultDateConfig","inputType","formatValue","parseValue","undefined","toNumber","d","getTime","fromNumber","t","Date","minLabel","maxLabel","formatTooltip","min","max","count","toLocaleString","DateRangeHistogramInputInner","formatDate","valueCountPairs","rest","config","histogramData","length","minMs","Infinity","maxMs","value","Number","isFinite","buckets","subtitle","createElement","_extends","DateRangeHistogramInput"],"sources":["DateRangeHistogramInput.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { memo, useMemo } from \"react\";\n\nimport { formatDateForInput } from \"../../../shared/dateUtils.js\";\nimport { createDateHistogramBuckets } from \"./createDateHistogramBuckets.js\";\nimport { RangeInput, type RangeInputConfig } from \"./RangeInput.js\";\n\nconst defaultDateConfig: RangeInputConfig<Date> = {\n  inputType: \"date\",\n  formatValue: formatDateForInput,\n  parseValue: () => undefined,\n  toNumber: (d) => d.getTime(),\n  fromNumber: (t) => new Date(t),\n  minLabel: \"From\",\n  maxLabel: \"To\",\n  formatTooltip: (min, max, count) =>\n    `${formatDateForInput(min)} - ${formatDateForInput(\n      max,\n    )}: ${count.toLocaleString()}`,\n};\n\ninterface DateRangeHistogramInputProps {\n  valueCountPairs: Array<{ value: Date; count: number }>;\n  isLoading: boolean;\n  minValue: Date | undefined;\n  maxValue: Date | undefined;\n  onChange: (min: Date | undefined, max: Date | undefined) => void;\n  showHistogram?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  /**\n   * Consumer-provided display formatter. Routes through the shared\n   * `DateRangePicker`'s idle text, the histogram tooltip, and the period\n   * subtitle.\n   * The picker's internal value remains ISO `YYYY-MM-DD`.\n   */\n  formatDate?: (date: Date) => string;\n  clickToFilter?: boolean;\n}\n\nfunction DateRangeHistogramInputInner({\n  formatDate,\n  valueCountPairs,\n  ...rest\n}: DateRangeHistogramInputProps): React.ReactElement {\n  const config = useMemo<RangeInputConfig<Date>>(\n    () =>\n      formatDate != null\n        ? {\n            ...defaultDateConfig,\n            formatDate,\n            formatTooltip: (min, max, count) =>\n              `${formatDate(min)} - ${formatDate(\n                max,\n              )}: ${count.toLocaleString()}`,\n          }\n        : defaultDateConfig,\n    [formatDate],\n  );\n\n  const histogramData = useMemo(() => {\n    if (valueCountPairs.length === 0) {\n      return undefined;\n    }\n    let minMs = Infinity;\n    let maxMs = -Infinity;\n    for (const { value } of valueCountPairs) {\n      const t = value.getTime();\n      if (t < minMs) {\n        minMs = t;\n      }\n      if (t > maxMs) {\n        maxMs = t;\n      }\n    }\n    if (!Number.isFinite(minMs) || !Number.isFinite(maxMs)) {\n      return undefined;\n    }\n    const { buckets, subtitle } = createDateHistogramBuckets(\n      valueCountPairs,\n      { min: new Date(minMs), max: new Date(maxMs) },\n      formatDate,\n    );\n    return { buckets, subtitle };\n  }, [valueCountPairs, formatDate]);\n\n  return (\n    <RangeInput\n      {...rest}\n      valueCountPairs={valueCountPairs}\n      config={config}\n      histogramData={histogramData}\n    />\n  );\n}\n\nexport const DateRangeHistogramInput = memo(\n  DateRangeHistogramInputInner,\n) as typeof DateRangeHistogramInputInner;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAE5C,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,0BAA0B,QAAQ,iCAAiC;AAC5E,SAASC,UAAU,QAA+B,iBAAiB;AAEnE,MAAMC,iBAAyC,GAAG;EAChDC,SAAS,EAAE,MAAM;EACjBC,WAAW,EAAEL,kBAAkB;EAC/BM,UAAU,EAAEA,CAAA,KAAMC,SAAS;EAC3BC,QAAQ,EAAGC,CAAC,IAAKA,CAAC,CAACC,OAAO,CAAC,CAAC;EAC5BC,UAAU,EAAGC,CAAC,IAAK,IAAIC,IAAI,CAACD,CAAC,CAAC;EAC9BE,QAAQ,EAAE,MAAM;EAChBC,QAAQ,EAAE,IAAI;EACdC,aAAa,EAAEA,CAACC,GAAG,EAAEC,GAAG,EAAEC,KAAK,KAC7B,GAAGnB,kBAAkB,CAACiB,GAAG,CAAC,MAAMjB,kBAAkB,CAChDkB,GACF,CAAC,KAAKC,KAAK,CAACC,cAAc,CAAC,CAAC;AAChC,CAAC;AAqBD,SAASC,4BAA4BA,CAAC;EACpCC,UAAU;EACVC,eAAe;EACf,GAAGC;AACyB,CAAC,EAAsB;EACnD,MAAMC,MAAM,GAAG1B,OAAO,CACpB,MACEuB,UAAU,IAAI,IAAI,GACd;IACE,GAAGnB,iBAAiB;IACpBmB,UAAU;IACVN,aAAa,EAAEA,CAACC,GAAG,EAAEC,GAAG,EAAEC,KAAK,KAC7B,GAAGG,UAAU,CAACL,GAAG,CAAC,MAAMK,UAAU,CAChCJ,GACF,CAAC,KAAKC,KAAK,CAACC,cAAc,CAAC,CAAC;EAChC,CAAC,GACDjB,iBAAiB,EACvB,CAACmB,UAAU,CACb,CAAC;EAED,MAAMI,aAAa,GAAG3B,OAAO,CAAC,MAAM;IAClC,IAAIwB,eAAe,CAACI,MAAM,KAAK,CAAC,EAAE;MAChC,OAAOpB,SAAS;IAClB;IACA,IAAIqB,KAAK,GAAGC,QAAQ;IACpB,IAAIC,KAAK,GAAG,CAACD,QAAQ;IACrB,KAAK,MAAM;MAAEE;IAAM,CAAC,IAAIR,eAAe,EAAE;MACvC,MAAMX,CAAC,GAAGmB,KAAK,CAACrB,OAAO,CAAC,CAAC;MACzB,IAAIE,CAAC,GAAGgB,KAAK,EAAE;QACbA,KAAK,GAAGhB,CAAC;MACX;MACA,IAAIA,CAAC,GAAGkB,KAAK,EAAE;QACbA,KAAK,GAAGlB,CAAC;MACX;IACF;IACA,IAAI,CAACoB,MAAM,CAACC,QAAQ,CAACL,KAAK,CAAC,IAAI,CAACI,MAAM,CAACC,QAAQ,CAACH,KAAK,CAAC,EAAE;MACtD,OAAOvB,SAAS;IAClB;IACA,MAAM;MAAE2B,OAAO;MAAEC;IAAS,CAAC,GAAGlC,0BAA0B,CACtDsB,eAAe,EACf;MAAEN,GAAG,EAAE,IAAIJ,IAAI,CAACe,KAAK,CAAC;MAAEV,GAAG,EAAE,IAAIL,IAAI,CAACiB,KAAK;IAAE,CAAC,EAC9CR,UACF,CAAC;IACD,OAAO;MAAEY,OAAO;MAAEC;IAAS,CAAC;EAC9B,CAAC,EAAE,CAACZ,eAAe,EAAED,UAAU,CAAC,CAAC;EAEjC,oBACEzB,KAAA,CAAAuC,aAAA,CAAClC,UAAU,EAAAmC,QAAA,KACLb,IAAI;IACRD,eAAe,EAAEA,eAAgB;IACjCE,MAAM,EAAEA,MAAO;IACfC,aAAa,EAAEA;EAAc,EAC9B,CAAC;AAEN;AAEA,OAAO,MAAMY,uBAAuB,gBAAGxC,IAAI,CACzCuB,4BACF,CAAwC","ignoreList":[]}
+{"version":3,"file":"DateRangeHistogramInput.js","names":["React","memo","useMemo","formatDateForInput","createDateHistogramBuckets","RangeInput","RelativeDateRangeInput","RelativeModeToggle","defaultDateConfig","inputType","formatValue","parseValue","undefined","toNumber","d","getTime","fromNumber","t","Date","minLabel","maxLabel","formatTooltip","min","max","count","toLocaleString","DateRangeHistogramInputInner","formatDate","valueCountPairs","enableRelativeMode","relativeState","onToggleRelative","onRelativeChange","rest","config","histogramData","length","minMs","Infinity","maxMs","value","Number","isFinite","buckets","subtitle","createElement","Fragment","checked","onCheckedChange","_extends","DateRangeHistogramInput"],"sources":["DateRangeHistogramInput.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { memo, useMemo } from \"react\";\n\nimport { formatDateForInput } from \"../../../shared/dateUtils.js\";\nimport type { RelativeDateState } from \"../../FilterListItemApi.js\";\nimport { createDateHistogramBuckets } from \"./createDateHistogramBuckets.js\";\nimport { RangeInput, type RangeInputConfig } from \"./RangeInput.js\";\nimport { RelativeDateRangeInput } from \"./RelativeDateRangeInput.js\";\nimport { RelativeModeToggle } from \"./RelativeModeToggle.js\";\n\nconst defaultDateConfig: RangeInputConfig<Date> = {\n  inputType: \"date\",\n  formatValue: formatDateForInput,\n  parseValue: () => undefined,\n  toNumber: (d) => d.getTime(),\n  fromNumber: (t) => new Date(t),\n  minLabel: \"From\",\n  maxLabel: \"To\",\n  formatTooltip: (min, max, count) =>\n    `${formatDateForInput(min)} - ${formatDateForInput(\n      max,\n    )}: ${count.toLocaleString()}`,\n};\n\ninterface DateRangeHistogramInputProps {\n  valueCountPairs: Array<{ value: Date; count: number }>;\n  isLoading: boolean;\n  minValue: Date | undefined;\n  maxValue: Date | undefined;\n  onChange: (min: Date | undefined, max: Date | undefined) => void;\n  showHistogram?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  /**\n   * Consumer-provided display formatter. Routes through the shared\n   * `DateRangePicker`'s idle text, the histogram tooltip, and the period\n   * subtitle.\n   * The picker's internal value remains ISO `YYYY-MM-DD`.\n   */\n  formatDate?: (date: Date) => string;\n  clickToFilter?: boolean;\n\n  /**\n   * When `true`, renders an Absolute / Relative toggle above the histogram.\n   * @default false\n   */\n  enableRelativeMode?: boolean;\n  /** Current relative state. Present = relative mode ON. */\n  relativeState?: RelativeDateState;\n  /** Called when the Absolute/Relative toggle changes. */\n  onToggleRelative?: (checked: boolean) => void;\n  /** Called when either relative bound changes. */\n  onRelativeChange?: (relativeState: RelativeDateState) => void;\n}\n\nfunction DateRangeHistogramInputInner({\n  formatDate,\n  valueCountPairs,\n  enableRelativeMode,\n  relativeState,\n  onToggleRelative,\n  onRelativeChange,\n  ...rest\n}: DateRangeHistogramInputProps): React.ReactElement {\n  const config = useMemo<RangeInputConfig<Date>>(\n    () =>\n      formatDate != null\n        ? {\n            ...defaultDateConfig,\n            formatDate,\n            formatTooltip: (min, max, count) =>\n              `${formatDate(min)} - ${formatDate(\n                max,\n              )}: ${count.toLocaleString()}`,\n          }\n        : defaultDateConfig,\n    [formatDate],\n  );\n\n  const histogramData = useMemo(() => {\n    if (valueCountPairs.length === 0) {\n      return undefined;\n    }\n    let minMs = Infinity;\n    let maxMs = -Infinity;\n    for (const { value } of valueCountPairs) {\n      const t = value.getTime();\n      if (t < minMs) {\n        minMs = t;\n      }\n      if (t > maxMs) {\n        maxMs = t;\n      }\n    }\n    if (!Number.isFinite(minMs) || !Number.isFinite(maxMs)) {\n      return undefined;\n    }\n    const { buckets, subtitle } = createDateHistogramBuckets(\n      valueCountPairs,\n      { min: new Date(minMs), max: new Date(maxMs) },\n      formatDate,\n    );\n    return { buckets, subtitle };\n  }, [valueCountPairs, formatDate]);\n\n  const showRelativeUI = enableRelativeMode === true && relativeState != null;\n\n  return (\n    <>\n      {enableRelativeMode === true && onToggleRelative != null && (\n        <RelativeModeToggle\n          checked={relativeState != null}\n          onCheckedChange={onToggleRelative}\n        />\n      )}\n\n      {showRelativeUI && onRelativeChange ? (\n        <RelativeDateRangeInput\n          relativeState={relativeState}\n          onRelativeChange={onRelativeChange}\n        />\n      ) : (\n        <RangeInput\n          {...rest}\n          valueCountPairs={valueCountPairs}\n          config={config}\n          histogramData={histogramData}\n        />\n      )}\n    </>\n  );\n}\n\nexport const DateRangeHistogramInput = memo(\n  DateRangeHistogramInputInner,\n) as typeof DateRangeHistogramInputInner;\n"],"mappings":"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","ignoreList":[]}

package/build/browser/filter-list/base/inputs/RelativeDateBoundInput.js

@@ -0,0 +1,156 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Input } from "@base-ui/react/input";
+import { Popover } from "@base-ui/react/popover";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+import { CaretDown } from "@blueprintjs/icons";
+import React, { memo, useCallback, useId } from "react";
+import { Select } from "../../../base-components/select/Select.js";
+import { formatRelativeBound } from "../../utils/resolveRelativeDate.js";
+import styles from "./RelativeDateBoundInput.module.css.js";
+const UNIT_LABELS = {
+  days: "day(s)",
+  weeks: "week(s)",
+  months: "month(s)",
+  years: "year(s)"
+};
+const DIRECTION_LABELS = {
+  ago: "ago",
+  fromNow: "from now"
+};
+const DEFAULT_BOUND = {
+  count: 0,
+  unit: "days",
+  direction: "ago"
+};
+function RelativeDateBoundInputInner({
+  value,
+  onChange,
+  placeholder
+}) {
+  const labelId = useId();
+  const mode = value != null ? "custom" : "indefinitely";
+  const currentBound = value ?? DEFAULT_BOUND;
+  const displayText = value != null ? formatRelativeBound(value) : undefined;
+  const handleModeChange = useCallback(nextMode => {
+    if (nextMode === "indefinitely") {
+      onChange(null);
+    } else {
+      // Intentional: switching from Indefinitely to Custom resets to
+      // DEFAULT_BOUND. The previous custom value is not preserved because
+      // Indefinitely clears the bound (value becomes null).
+      onChange(currentBound);
+    }
+  }, [onChange, currentBound]);
+  const handleCountChange = useCallback(e => {
+    const parsed = parseInt(e.target.value, 10);
+    const count = Number.isNaN(parsed) || parsed < 0 ? 0 : parsed;
+    onChange({
+      ...currentBound,
+      count
+    });
+  }, [onChange, currentBound]);
+  const handleUnitChange = useCallback(nextUnit => {
+    if (nextUnit != null) {
+      onChange({
+        ...currentBound,
+        unit: nextUnit
+      });
+    }
+  }, [onChange, currentBound]);
+  const handleDirectionChange = useCallback(nextDirection => {
+    if (nextDirection != null) {
+      onChange({
+        ...currentBound,
+        direction: nextDirection
+      });
+    }
+  }, [onChange, currentBound]);
+  const isCustom = mode === "custom";
+  return /*#__PURE__*/React.createElement(Popover.Root, null, /*#__PURE__*/React.createElement(Popover.Trigger, {
+    className: styles.trigger
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.triggerValueContainer
+  }, /*#__PURE__*/React.createElement("span", {
+    className: displayText != null ? styles.triggerValue : styles.triggerPlaceholder
+  }, displayText ?? placeholder)), /*#__PURE__*/React.createElement("span", {
+    className: styles.triggerIcon
+  }, /*#__PURE__*/React.createElement(CaretDown, null))), /*#__PURE__*/React.createElement(Popover.Portal, null, /*#__PURE__*/React.createElement(Popover.Positioner, {
+    className: styles.positioner,
+    sideOffset: 4
+  }, /*#__PURE__*/React.createElement(Popover.Popup, {
+    className: styles.popover
+  }, /*#__PURE__*/React.createElement(RadioGroup, {
+    className: styles.radioGroup,
+    value: mode,
+    onValueChange: handleModeChange,
+    "aria-labelledby": labelId
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.radioItem
+  }, /*#__PURE__*/React.createElement(Radio.Root, {
+    value: "custom",
+    className: styles.radioRoot,
+    "aria-label": `${placeholder} custom`
+  }, /*#__PURE__*/React.createElement(Radio.Indicator, {
+    className: styles.radioIndicator
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.customRow
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "number",
+    className: styles.countInput,
+    value: isCustom ? String(currentBound.count) : "0",
+    onChange: handleCountChange,
+    disabled: !isCustom,
+    min: 0,
+    "aria-label": `${placeholder} count`
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.unitSelect
+  }, /*#__PURE__*/React.createElement(Select.Root, {
+    value: currentBound.unit,
+    onValueChange: handleUnitChange,
+    disabled: !isCustom
+  }, /*#__PURE__*/React.createElement(Select.Trigger, {
+    placeholder: UNIT_LABELS[currentBound.unit]
+  }, /*#__PURE__*/React.createElement(Select.Value, null, selected => UNIT_LABELS[selected])), /*#__PURE__*/React.createElement(Select.Portal, null, /*#__PURE__*/React.createElement(Select.Positioner, null, /*#__PURE__*/React.createElement(Select.Popup, null, Object.entries(UNIT_LABELS).map(([val, label]) => /*#__PURE__*/React.createElement(Select.Item, {
+    key: val,
+    value: val
+  }, label))))))), /*#__PURE__*/React.createElement("div", {
+    className: styles.directionSelect
+  }, /*#__PURE__*/React.createElement(Select.Root, {
+    value: currentBound.direction,
+    onValueChange: handleDirectionChange,
+    disabled: !isCustom
+  }, /*#__PURE__*/React.createElement(Select.Trigger, {
+    placeholder: DIRECTION_LABELS[currentBound.direction]
+  }, /*#__PURE__*/React.createElement(Select.Value, null, selected => DIRECTION_LABELS[selected])), /*#__PURE__*/React.createElement(Select.Portal, null, /*#__PURE__*/React.createElement(Select.Positioner, null, /*#__PURE__*/React.createElement(Select.Popup, null, Object.entries(DIRECTION_LABELS).map(([val, label]) => /*#__PURE__*/React.createElement(Select.Item, {
+    key: val,
+    value: val
+  }, label))))))))), /*#__PURE__*/React.createElement("div", {
+    className: styles.radioItem
+  }, /*#__PURE__*/React.createElement(Radio.Root, {
+    value: "indefinitely",
+    className: styles.radioRoot,
+    "aria-label": "Indefinitely"
+  }, /*#__PURE__*/React.createElement(Radio.Indicator, {
+    className: styles.radioIndicator
+  })), /*#__PURE__*/React.createElement("span", {
+    className: styles.radioLabel
+  }, "Indefinitely")))))));
+}
+export const RelativeDateBoundInput = /*#__PURE__*/memo(RelativeDateBoundInputInner);
+//# sourceMappingURL=RelativeDateBoundInput.js.map

package/build/browser/filter-list/base/inputs/RelativeDateBoundInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeDateBoundInput.js","names":["Input","Popover","Radio","RadioGroup","CaretDown","React","memo","useCallback","useId","Select","formatRelativeBound","styles","UNIT_LABELS","days","weeks","months","years","DIRECTION_LABELS","ago","fromNow","DEFAULT_BOUND","count","unit","direction","RelativeDateBoundInputInner","value","onChange","placeholder","labelId","mode","currentBound","displayText","undefined","handleModeChange","nextMode","handleCountChange","e","parsed","parseInt","target","Number","isNaN","handleUnitChange","nextUnit","handleDirectionChange","nextDirection","isCustom","createElement","Root","Trigger","className","trigger","triggerValueContainer","triggerValue","triggerPlaceholder","triggerIcon","Portal","Positioner","positioner","sideOffset","Popup","popover","radioGroup","onValueChange","radioItem","radioRoot","Indicator","radioIndicator","customRow","type","countInput","String","disabled","min","unitSelect","Value","selected","Object","entries","map","val","label","Item","key","directionSelect","radioLabel","RelativeDateBoundInput"],"sources":["RelativeDateBoundInput.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Input } from \"@base-ui/react/input\";\nimport { Popover } from \"@base-ui/react/popover\";\nimport { Radio } from \"@base-ui/react/radio\";\nimport { RadioGroup } from \"@base-ui/react/radio-group\";\nimport { CaretDown } from \"@blueprintjs/icons\";\nimport React, { memo, useCallback, useId } from \"react\";\n\nimport { Select } from \"../../../base-components/select/Select.js\";\nimport type { RelativeDateBound } from \"../../FilterListItemApi.js\";\nimport { formatRelativeBound } from \"../../utils/resolveRelativeDate.js\";\n\nimport styles from \"./RelativeDateBoundInput.module.css\";\n\ntype RelativeDateUnit = RelativeDateBound[\"unit\"];\ntype RelativeDateDirection = RelativeDateBound[\"direction\"];\n\nconst UNIT_LABELS: Record<RelativeDateUnit, string> = {\n  days: \"day(s)\",\n  weeks: \"week(s)\",\n  months: \"month(s)\",\n  years: \"year(s)\",\n};\n\nconst DIRECTION_LABELS: Record<RelativeDateDirection, string> = {\n  ago: \"ago\",\n  fromNow: \"from now\",\n};\n\nconst DEFAULT_BOUND: RelativeDateBound = {\n  count: 0,\n  unit: \"days\",\n  direction: \"ago\",\n};\n\ninterface RelativeDateBoundInputProps {\n  /** Current bound value, or `null` for \"Indefinitely\". */\n  value: RelativeDateBound | null;\n  /** Callback when the bound changes. `null` means \"Indefinitely\". */\n  onChange: (value: RelativeDateBound | null) => void;\n  /** Placeholder shown when no value is set, e.g. \"From\" or \"To\". */\n  placeholder: string;\n}\n\nfunction RelativeDateBoundInputInner({\n  value,\n  onChange,\n  placeholder,\n}: RelativeDateBoundInputProps): React.ReactElement {\n  const labelId = useId();\n  const mode: \"custom\" | \"indefinitely\" =\n    value != null ? \"custom\" : \"indefinitely\";\n\n  const currentBound = value ?? DEFAULT_BOUND;\n\n  const displayText = value != null ? formatRelativeBound(value) : undefined;\n\n  const handleModeChange = useCallback(\n    (nextMode: unknown) => {\n      if (nextMode === \"indefinitely\") {\n        onChange(null);\n      } else {\n        // Intentional: switching from Indefinitely to Custom resets to\n        // DEFAULT_BOUND. The previous custom value is not preserved because\n        // Indefinitely clears the bound (value becomes null).\n        onChange(currentBound);\n      }\n    },\n    [onChange, currentBound],\n  );\n\n  const handleCountChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const parsed = parseInt(e.target.value, 10);\n      const count = Number.isNaN(parsed) || parsed < 0 ? 0 : parsed;\n      onChange({ ...currentBound, count });\n    },\n    [onChange, currentBound],\n  );\n\n  const handleUnitChange = useCallback(\n    (nextUnit: RelativeDateUnit | null) => {\n      if (nextUnit != null) {\n        onChange({ ...currentBound, unit: nextUnit });\n      }\n    },\n    [onChange, currentBound],\n  );\n\n  const handleDirectionChange = useCallback(\n    (nextDirection: RelativeDateDirection | null) => {\n      if (nextDirection != null) {\n        onChange({ ...currentBound, direction: nextDirection });\n      }\n    },\n    [onChange, currentBound],\n  );\n\n  const isCustom = mode === \"custom\";\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger className={styles.trigger}>\n        <div className={styles.triggerValueContainer}>\n          <span\n            className={\n              displayText != null\n                ? styles.triggerValue\n                : styles.triggerPlaceholder\n            }\n          >\n            {displayText ?? placeholder}\n          </span>\n        </div>\n        <span className={styles.triggerIcon}>\n          <CaretDown />\n        </span>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Positioner className={styles.positioner} sideOffset={4}>\n          <Popover.Popup className={styles.popover}>\n            <RadioGroup\n              className={styles.radioGroup}\n              value={mode}\n              onValueChange={handleModeChange}\n              aria-labelledby={labelId}\n            >\n              {/* Custom relative bound */}\n              <div className={styles.radioItem}>\n                <Radio.Root\n                  value=\"custom\"\n                  className={styles.radioRoot}\n                  aria-label={`${placeholder} custom`}\n                >\n                  <Radio.Indicator className={styles.radioIndicator} />\n                </Radio.Root>\n                <div className={styles.customRow}>\n                  <Input\n                    type=\"number\"\n                    className={styles.countInput}\n                    value={isCustom ? String(currentBound.count) : \"0\"}\n                    onChange={handleCountChange}\n                    disabled={!isCustom}\n                    min={0}\n                    aria-label={`${placeholder} count`}\n                  />\n                  <div className={styles.unitSelect}>\n                    <Select.Root<RelativeDateUnit>\n                      value={currentBound.unit}\n                      onValueChange={handleUnitChange}\n                      disabled={!isCustom}\n                    >\n                      <Select.Trigger\n                        placeholder={UNIT_LABELS[currentBound.unit]}\n                      >\n                        <Select.Value>\n                          {(selected: RelativeDateUnit) =>\n                            UNIT_LABELS[selected]\n                          }\n                        </Select.Value>\n                      </Select.Trigger>\n                      <Select.Portal>\n                        <Select.Positioner>\n                          <Select.Popup>\n                            {Object.entries(UNIT_LABELS).map(([val, label]) => (\n                              <Select.Item key={val} value={val}>\n                                {label}\n                              </Select.Item>\n                            ))}\n                          </Select.Popup>\n                        </Select.Positioner>\n                      </Select.Portal>\n                    </Select.Root>\n                  </div>\n                  <div className={styles.directionSelect}>\n                    <Select.Root<RelativeDateDirection>\n                      value={currentBound.direction}\n                      onValueChange={handleDirectionChange}\n                      disabled={!isCustom}\n                    >\n                      <Select.Trigger\n                        placeholder={DIRECTION_LABELS[currentBound.direction]}\n                      >\n                        <Select.Value>\n                          {(selected: RelativeDateDirection) =>\n                            DIRECTION_LABELS[selected]\n                          }\n                        </Select.Value>\n                      </Select.Trigger>\n                      <Select.Portal>\n                        <Select.Positioner>\n                          <Select.Popup>\n                            {Object.entries(DIRECTION_LABELS).map(\n                              ([val, label]) => (\n                                <Select.Item key={val} value={val}>\n                                  {label}\n                                </Select.Item>\n                              ),\n                            )}\n                          </Select.Popup>\n                        </Select.Positioner>\n                      </Select.Portal>\n                    </Select.Root>\n                  </div>\n                </div>\n              </div>\n\n              {/* Indefinitely */}\n              <div className={styles.radioItem}>\n                <Radio.Root\n                  value=\"indefinitely\"\n                  className={styles.radioRoot}\n                  aria-label=\"Indefinitely\"\n                >\n                  <Radio.Indicator className={styles.radioIndicator} />\n                </Radio.Root>\n                <span className={styles.radioLabel}>Indefinitely</span>\n              </div>\n            </RadioGroup>\n          </Popover.Popup>\n        </Popover.Positioner>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n}\n\nexport const RelativeDateBoundInput = memo(\n  RelativeDateBoundInputInner,\n) as typeof RelativeDateBoundInputInner;\n"],"mappings":"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","ignoreList":[]}

package/build/browser/filter-list/base/inputs/RelativeDateBoundInput.module.css

@@ -0,0 +1,299 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* ---- Trigger (mirrors Select.Trigger styling) ---- */
+
+.trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--osdk-select-spacing, var(--osdk-surface-spacing));
+  width: 100%;
+  min-height: var(--osdk-select-min-height, 30px);
+  padding: var(
+    --osdk-select-trigger-padding,
+    calc(var(--osdk-surface-spacing) * 1.5)
+      calc(var(--osdk-surface-spacing) * 2.5)
+  );
+  cursor: pointer;
+  border-radius: var(
+    --osdk-select-border-radius,
+    var(--osdk-surface-border-radius)
+  );
+  border: var(--osdk-select-border-width, var(--osdk-surface-border-width))
+    solid
+    var(--osdk-select-border-color, var(--osdk-surface-border-color-default));
+  box-shadow: var(--osdk-button-shadow);
+  background-color: var(
+    --osdk-select-trigger-bg,
+    var(--osdk-button-secondary-bg)
+  );
+  color: var(
+    --osdk-select-trigger-color,
+    var(--osdk-typography-color-default-rest)
+  );
+  font-family: var(
+    --osdk-select-font-family,
+    var(--osdk-typography-family-default)
+  );
+  font-size: var(
+    --osdk-select-font-size,
+    var(--osdk-typography-size-body-medium)
+  );
+  line-height: var(
+    --osdk-select-line-height,
+    var(--osdk-typography-line-height-default)
+  );
+  transition:
+    background-color
+      var(
+        --osdk-select-transition-duration,
+        var(--osdk-emphasis-transition-duration)
+      )
+      var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default)),
+    border-color
+      var(
+        --osdk-select-transition-duration,
+        var(--osdk-emphasis-transition-duration)
+      )
+      var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default));
+
+  &:hover {
+    background-color: var(
+      --osdk-select-trigger-bg-hover,
+      var(--osdk-button-secondary-bg-hover)
+    );
+  }
+
+  &:active {
+    background-color: var(
+      --osdk-select-trigger-bg-active,
+      var(--osdk-button-secondary-bg-active)
+    );
+  }
+
+  &:focus:not(:focus-visible) {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-input-focus-outline);
+    outline-offset: var(--osdk-input-focus-outline-offset);
+  }
+
+  &[data-popup-open]:focus-visible {
+    outline: none;
+  }
+
+  &[data-popup-open] {
+    border-color: var(
+      --osdk-select-border-color-active,
+      var(--osdk-intent-primary-rest)
+    );
+  }
+}
+
+.triggerValueContainer {
+  flex: 1;
+  display: grid;
+  min-width: 0;
+
+  & > * {
+    grid-area: 1 / 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.triggerValue {
+  text-align: left;
+}
+
+.triggerPlaceholder {
+  text-align: left;
+  color: var(
+    --osdk-select-placeholder-color,
+    var(--osdk-typography-color-muted)
+  );
+  pointer-events: none;
+}
+
+.triggerIcon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+  color: var(--osdk-select-icon-color, var(--osdk-iconography-color-muted));
+  flex-shrink: 0;
+  transition: transform
+    var(
+      --osdk-select-transition-duration,
+      var(--osdk-emphasis-transition-duration)
+    )
+    var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default));
+
+  [data-popup-open] > & {
+    transform: rotate(180deg);
+  }
+}
+
+/* ---- Range layout (From – To side-by-side) ---- */
+
+.rangeRoot {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-filter-range-inputs-gap);
+  min-width: 0;
+}
+
+.separator {
+  color: var(--osdk-filter-range-separator-color);
+  font-family: var(--osdk-filter-input-font-family);
+  font-size: var(--osdk-filter-input-font-size);
+  flex-shrink: 0;
+}
+
+/* ---- Popover ---- */
+
+.positioner {
+  z-index: var(--osdk-datetime-popover-z-index);
+
+  &[data-anchor-hidden] {
+    visibility: hidden;
+  }
+}
+
+.popover {
+  width: max-content;
+  background: var(--osdk-datetime-popover-bg);
+  color: var(--osdk-typography-color-default-rest);
+  padding: var(--osdk-datetime-popover-padding);
+  box-shadow: var(--osdk-datetime-popover-shadow);
+  border-radius: var(--osdk-surface-border-radius);
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-radio-gap);
+}
+
+/* ---- Radio options inside popover ---- */
+
+.radioGroup {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-radio-gap);
+}
+
+.radioItem {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-radio-item-gap);
+}
+
+.radioRoot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--osdk-radio-size);
+  height: var(--osdk-radio-size);
+  border-radius: 50%;
+  border: var(--osdk-radio-border);
+  cursor: pointer;
+  flex-shrink: 0;
+
+  &[data-unchecked] {
+    background-color: var(--osdk-radio-bg);
+
+    &:hover {
+      background-color: var(--osdk-radio-bg-hover);
+    }
+  }
+
+  &[data-checked] {
+    background-color: var(--osdk-radio-bg-checked);
+
+    &:hover {
+      background-color: var(--osdk-radio-bg-checked-hover);
+    }
+
+    &:active {
+      background-color: var(--osdk-radio-bg-checked-active);
+    }
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));
+  }
+}
+
+.radioIndicator {
+  width: var(--osdk-radio-indicator-size);
+  height: var(--osdk-radio-indicator-size);
+  border-radius: 50%;
+  background-color: var(--osdk-radio-indicator-color);
+
+  &[data-unchecked] {
+    display: none;
+  }
+}
+
+.radioLabel {
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-medium);
+  line-height: var(--osdk-typography-line-height-default);
+  color: var(--osdk-typography-color-default-rest);
+  cursor: pointer;
+}
+
+.customRow {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--osdk-surface-spacing) * 1.5);
+  flex-wrap: nowrap;
+}
+
+.countInput {
+  width: calc(var(--osdk-surface-spacing) * 12);
+  flex-shrink: 0;
+  font-family: var(--osdk-filter-input-font-family);
+  font-size: var(--osdk-filter-input-font-size);
+  padding: var(--osdk-filter-input-padding);
+  border: var(--osdk-filter-input-border);
+  border-radius: var(--osdk-filter-input-border-radius);
+  background: var(--osdk-filter-input-bg);
+  color: var(--osdk-filter-input-color);
+
+  &:focus {
+    border-color: var(--osdk-filter-input-focus-border);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
+    outline-offset: var(--osdk-filter-input-focus-outline-offset);
+  }
+
+  &:disabled {
+    opacity: var(--osdk-disabled-opacity);
+    cursor: not-allowed;
+  }
+}
+
+.unitSelect {
+  min-width: calc(var(--osdk-surface-spacing) * 20);
+}
+
+.directionSelect {
+  min-width: calc(var(--osdk-surface-spacing) * 22);
+}