@osdk/react-components 0.19.0 → 0.19.1-beta.0

package/build/cjs/{chunk-QOI2FQSL.cjs → chunk-PUZZZTC7.cjs}

@@ -6,7 +6,7 @@ var chunk4KC5U44T_cjs = require('./chunk-4KC5U44T.cjs');
 var chunkJBRNNWYC_cjs = require('./chunk-JBRNNWYC.cjs');
 var chunk7LXS66DW_cjs = require('./chunk-7LXS66DW.cjs');
 var chunkUCTQICPR_cjs = require('./chunk-UCTQICPR.cjs');
-var chunkBXCHISUQ_cjs = require('./chunk-BXCHISUQ.cjs');
+var chunkNOONKE5X_cjs = require('./chunk-NOONKE5X.cjs');
 var button = require('@base-ui/react/button');
 var classnames3 = require('classnames');
 var React13 = require('react');
@@ -133,6 +133,12 @@ var ErrorBoundary = class extends React13.Component {
 };
 
 // src/filter-list/utils/filterValues.ts
+function getEffectiveFilterState(state) {
+  if (state?.type === "linkedProperty") {
+    return state.linkedFilterState;
+  }
+  return state;
+}
 function supportsSearch(state) {
   if (!state) {
     return false;
@@ -207,12 +213,47 @@ function dedupeEmptyAggregationRows(values) {
 }
 function filterValuesBySearch(values, searchValue, getValue) {
   const trimmed = searchValue.trim();
-  if (!trimmed) return values;
+  if (!trimmed) {
+    return values;
+  }
   const lowerSearch = trimmed.toLowerCase();
   return values.filter((v) => getValue(v).toLowerCase().includes(lowerSearch));
 }
+function toggleIsExcluding(state) {
+  if (state.type === "linkedProperty") {
+    const inner = state.linkedFilterState;
+    return {
+      type: "linkedProperty",
+      linkedFilterState: {
+        ...inner,
+        isExcluding: !inner.isExcluding
+      }
+    };
+  }
+  if (!supportsExcluding(state)) {
+    return void 0;
+  }
+  return {
+    ...state,
+    isExcluding: !state.isExcluding
+  };
+}
+function getSelectedCount(state) {
+  if (!state) {
+    return 0;
+  }
+  if (state.type === "EXACT_MATCH") {
+    return state.values.length;
+  }
+  if (state.type === "SELECT") {
+    return state.selectedValues.length;
+  }
+  return 0;
+}
 function filterHasActiveState(state) {
-  if (!state) return false;
+  if (!state) {
+    return false;
+  }
   switch (state.type) {
     case "SELECT":
       return state.selectedValues.length > 0;
@@ -288,37 +329,6 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-function hasActiveSelection(filterState) {
-  if (filterState == null) {
-    return false;
-  }
-  switch (filterState.type) {
-    case "EXACT_MATCH":
-      return filterState.values.length > 0;
-    case "SELECT":
-      return filterState.selectedValues.length > 0;
-    case "CONTAINS_TEXT":
-      return filterState.value != null && filterState.value.length > 0;
-    case "NUMBER_RANGE":
-      return filterState.minValue != null || filterState.maxValue != null;
-    case "DATE_RANGE":
-      return filterState.minValue != null || filterState.maxValue != null;
-    case "TIMELINE":
-      return filterState.startDate != null || filterState.endDate != null;
-    case "TOGGLE":
-      return filterState.enabled;
-    case "keywordSearch":
-      return filterState.searchTerm.length > 0;
-    case "hasLink":
-      return filterState.hasLink;
-    case "linkedProperty":
-      return hasActiveSelection(filterState.linkedFilterState);
-    case "custom":
-      return true;
-    default:
-      return false;
-  }
-}
 function FilterListItemInner({
   definition,
   filterKey,
@@ -327,6 +337,7 @@ function FilterListItemInner({
   onFilterStateChanged,
   onFilterRemoved,
   renderInput,
+  searchField,
   dragHandleAttributes,
   dragHandleListeners,
   className,
@@ -370,16 +381,18 @@ function FilterListItemInner({
       preventScroll: true
     });
   }, []);
-  const showExcludeDropdown = supportsExcluding(filterState);
-  const showSearch = supportsSearch(filterState);
+  const effectiveState = React13.useMemo(() => getEffectiveFilterState(filterState), [filterState]);
+  const showExcludeDropdown = supportsExcluding(effectiveState);
+  const showSearch = supportsSearch(effectiveState) && searchField !== false;
   const hasOverflowActions = showExcludeDropdown;
+  const hasSelection = filterHasActiveState(filterState);
   const searchOpen = searchState.type === "open";
   const searchQuery = searchState.type === "open" ? searchState.query : "";
   const searchQueryForInput = searchState.type === "open" ? searchState.query : void 0;
   return /* @__PURE__ */ React13__default.default.createElement("div", {
     className: classnames3__default.default(FilterListItem_default.filterItem, className),
     style,
-    "data-has-selection": hasActiveSelection(filterState) || void 0
+    "data-has-selection": hasSelection || void 0
   }, /* @__PURE__ */ React13__default.default.createElement("div", {
     className: FilterListItem_default.itemHeader
   }, dragHandleAttributes && /* @__PURE__ */ React13__default.default.createElement(button.Button, _extends({
@@ -438,7 +451,8 @@ function SortableFilterListItemInner({
   filterState,
   onFilterStateChanged,
   onFilterRemoved,
-  renderInput
+  renderInput,
+  searchField
 }) {
   const {
     attributes,
@@ -466,6 +480,7 @@ function SortableFilterListItemInner({
     onFilterStateChanged,
     onFilterRemoved,
     renderInput,
+    searchField,
     dragHandleAttributes: attributes,
     dragHandleListeners: listeners
   }));
@@ -538,46 +553,45 @@ function FilterListContent({
   const handleDragCancel = React13.useCallback(() => {
     setActiveId(null);
   }, []);
-  const announcements = React13.useMemo(() => ({
-    onDragStart({
-      active
-    }) {
-      const idx = sortableIds.indexOf(String(active.id));
-      const def = idx >= 0 && filterDefinitions ? filterDefinitions[idx] : void 0;
-      const label = def ? getFilterLabel2(def) : "filter";
-      return `Picked up ${label} filter`;
-    },
-    onDragOver({
-      over
-    }) {
-      if (!over) {
-        return "Not over a droppable area";
-      }
-      const overIdx = sortableIds.indexOf(String(over.id));
-      return `Moved to position ${overIdx + 1} of ${sortableIds.length}`;
-    },
-    onDragEnd({
-      active,
-      over
-    }) {
-      const idx = sortableIds.indexOf(String(active.id));
-      const def = idx >= 0 && filterDefinitions ? filterDefinitions[idx] : void 0;
-      const label = def ? getFilterLabel2(def) : "filter";
-      if (over && active.id !== over.id) {
+  const announcements = React13.useMemo(() => {
+    const labelForId = (id) => {
+      const idx = sortableIds.indexOf(String(id));
+      const def = idx >= 0 ? filterDefinitions?.[idx] : void 0;
+      return def ? getFilterLabel2(def) : "filter";
+    };
+    return {
+      onDragStart({
+        active
+      }) {
+        return `Picked up ${labelForId(active.id)} filter`;
+      },
+      onDragOver({
+        over
+      }) {
+        if (!over) {
+          return "Not over a droppable area";
+        }
         const overIdx = sortableIds.indexOf(String(over.id));
-        return `Dropped ${label} filter at position ${overIdx + 1}`;
+        return `Moved to position ${overIdx + 1} of ${sortableIds.length}`;
+      },
+      onDragEnd({
+        active,
+        over
+      }) {
+        const label = labelForId(active.id);
+        if (over && active.id !== over.id) {
+          const overIdx = sortableIds.indexOf(String(over.id));
+          return `Dropped ${label} filter at position ${overIdx + 1}`;
+        }
+        return `Dropped ${label} filter back in its original position`;
+      },
+      onDragCancel({
+        active
+      }) {
+        return `Cancelled dragging ${labelForId(active.id)} filter`;
       }
-      return `Dropped ${label} filter back in its original position`;
-    },
-    onDragCancel({
-      active
-    }) {
-      const idx = sortableIds.indexOf(String(active.id));
-      const def = idx >= 0 && filterDefinitions ? filterDefinitions[idx] : void 0;
-      const label = def ? getFilterLabel2(def) : "filter";
-      return `Cancelled dragging ${label} filter`;
-    }
-  }), [filterDefinitions, sortableIds, getFilterLabel2]);
+    };
+  }, [filterDefinitions, sortableIds, getFilterLabel2]);
   const accessibility = React13.useMemo(() => ({
     announcements
   }), [announcements]);
@@ -617,7 +631,8 @@ function FilterListContent({
         filterState: state,
         onFilterStateChanged,
         onFilterRemoved,
-        renderInput
+        renderInput,
+        searchField: definition.searchField
       });
     })), /* @__PURE__ */ React13__default.default.createElement(core.DragOverlay, {
       dropAnimation: null,
@@ -630,6 +645,7 @@ function FilterListContent({
       onFilterStateChanged,
       onFilterRemoved,
       renderInput,
+      searchField: activeDefinition.searchField,
       dragHandleAttributes: DRAG_OVERLAY_HANDLE_ATTRIBUTES
     }))));
   }
@@ -647,7 +663,8 @@ function FilterListContent({
       filterState: state,
       onFilterStateChanged,
       onFilterRemoved,
-      renderInput
+      renderInput,
+      searchField: definition.searchField
     });
   }));
 }
@@ -1936,10 +1953,12 @@ function ListogramInputInner({
     const percentage = maxCount > 0 ? count / maxCount * 100 : 0;
     const perRowColor = colorMap?.[value];
     const isEmpty = isEmptyValue(value);
+    const isFilteredOut = count === 0 && !selectedSet.has(value);
     return /* @__PURE__ */ React13__default.default.createElement(button.Button, {
       key: value,
       className: ListogramInput_default.row,
       "data-empty": isEmpty || void 0,
+      "data-filtered-out": isFilteredOut || void 0,
       onClick: () => toggleValue(value),
       "aria-pressed": selectedSet.has(value),
       style: perRowColor || percentage > 0 ? {
@@ -2027,7 +2046,8 @@ function MultiDateInputInner({
     min: minDate,
     max: maxDate,
     ariaLabel: "Add date",
-    modal: false
+    modal: false,
+    formatDate
   })));
 }
 var MultiDateInput = /* @__PURE__ */ React13.memo(MultiDateInputInner);
@@ -2122,18 +2142,22 @@ function MultiSelectInputInner({
     value,
     count
   }) => [value, count])), [stableValues]);
+  const selectedSet = React13.useMemo(() => new Set(selectedValues), [selectedValues]);
   const comboboxFilter = React13.useMemo(() => renderValue ? createRenderValueFilter(renderValue) : void 0, [renderValue]);
   const renderItem = React13.useCallback((value) => {
     const isEmpty = isEmptyValue(value);
+    const count = countByValue.get(value) ?? 0;
+    const isFilteredOut = count === 0 && !selectedSet.has(value);
     return /* @__PURE__ */ React13__default.default.createElement(chunk4KC5U44T_cjs.Combobox.Item, {
       key: value,
-      value
+      value,
+      className: isFilteredOut ? MultiSelectInput_default.filteredOutItem : void 0
     }, /* @__PURE__ */ React13__default.default.createElement(chunk4KC5U44T_cjs.Combobox.ItemIndicator, null), /* @__PURE__ */ React13__default.default.createElement("span", {
       className: MultiSelectInput_default.itemLabel
     }, isEmpty ? /* @__PURE__ */ React13__default.default.createElement(NoValueLabel, null) : renderValue ? renderValue(value) : value), showCounts && /* @__PURE__ */ React13__default.default.createElement("span", {
       className: MultiSelectInput_default.itemCount
-    }, "(", (countByValue.get(value) ?? 0).toLocaleString(), ")"));
-  }, [countByValue, showCounts, renderValue]);
+    }, "(", count.toLocaleString(), ")"));
+  }, [countByValue, selectedSet, showCounts, renderValue]);
   const renderChips = React13.useCallback((selectedItems) => /* @__PURE__ */ React13__default.default.createElement(React13__default.default.Fragment, null, selectedItems.map((value) => {
     const isEmpty = isEmptyValue(value);
     return /* @__PURE__ */ React13__default.default.createElement(chunk4KC5U44T_cjs.Combobox.Chip, {
@@ -2265,7 +2289,8 @@ function SingleDateInputInner({
   minDate,
   maxDate,
   placeholder,
-  showClearButton = true
+  showClearButton = true,
+  formatDate
 }) {
   const handleClear = React13.useCallback(() => {
     onChange(void 0);
@@ -2285,7 +2310,8 @@ function SingleDateInputInner({
     max: maxDate,
     placeholder,
     ariaLabel: "Select date",
-    modal: false
+    modal: false,
+    formatDate
   }), showClearButton && selectedDate !== void 0 && /* @__PURE__ */ React13__default.default.createElement(button.Button, {
     className: SingleDateInput_default.clearButton,
     onClick: handleClear,
@@ -2585,13 +2611,13 @@ function usePropertyAggregation(objectType, propertyKey, objectSet, options) {
       const raw = item.$group[propertyKey];
       existingValues.add(raw == null ? "" : String(raw));
     }
-    const ghostEntries = activeValues.flatMap((v) => existingValues.has(v) ? [] : [{
+    const filteredOutEntries = activeValues.flatMap((v) => existingValues.has(v) ? [] : [{
       $group: {
         [propertyKey]: v
       },
       $count: 0
     }]);
-    for (const item of [...dataArray, ...ghostEntries]) {
+    for (const item of [...dataArray, ...filteredOutEntries]) {
       const rawValue = item.$group[propertyKey];
       const count = item.$count ?? 0;
       if (rawValue == null) {
@@ -2634,6 +2660,41 @@ function usePropertyAggregation(objectType, propertyKey, objectSet, options) {
   };
 }
 
+// src/filter-list/hooks/useDualScopeAggregation.ts
+var EMPTY_VALUES = [];
+function useDualScopeAggregation(objectType, propertyKey, scopedObjectSet, emptySourceObjectSet, options = {}) {
+  const {
+    sortBy,
+    selectedValues = EMPTY_VALUES,
+    limit
+  } = options;
+  const isDualScope = emptySourceObjectSet !== void 0;
+  const emptySourceAggregation = usePropertyAggregation(objectType, propertyKey, emptySourceObjectSet);
+  const activeValues = React13.useMemo(() => {
+    const merged = new Set(selectedValues);
+    if (isDualScope && emptySourceAggregation.error == null) {
+      for (const d of emptySourceAggregation.data) {
+        merged.add(d.value);
+      }
+    }
+    return merged.size === 0 ? void 0 : Array.from(merged);
+  }, [isDualScope, emptySourceAggregation.data, emptySourceAggregation.error, selectedValues]);
+  const primary = usePropertyAggregation(objectType, propertyKey, scopedObjectSet, {
+    sortBy,
+    activeValues,
+    limit
+  });
+  return {
+    data: primary.data,
+    maxCount: primary.maxCount,
+    isLoading: primary.isLoading || isDualScope && emptySourceAggregation.isLoading,
+    error: primary.error
+  };
+}
+
+// src/filter-list/types/LinkedFilterTypes.ts
+var EMPTY_LINKED_FILTERS = [];
+
 // src/filter-list/utils/aggregationHelpers.ts
 function createGroupByAggregateOptions(propertyKey) {
   return {
@@ -2670,18 +2731,54 @@ function coerceToStringArray(values) {
   return values.map((v) => String(v));
 }
 
+// src/filter-list/utils/narrowObjectSet.ts
+function narrowObjectSet(objectSet, whereClause, linkedFilters) {
+  let narrowed = Object.keys(whereClause).length === 0 ? objectSet : objectSet.where(whereClause);
+  for (const filter of linkedFilters) {
+    narrowed = narrowed.intersect(applyLinkedFilter(narrowed, filter));
+  }
+  return narrowed;
+}
+function applyLinkedFilter(base, filter) {
+  return base.pivotTo(filter.linkName).where(filter.innerWhere).pivotTo(filter.reverseLinkName);
+}
+function computeDualScopes(objectSet, whereClause, linkedFilters, showFilteredOutValues) {
+  if (objectSet == null) {
+    return {
+      scoped: void 0,
+      emptySource: void 0
+    };
+  }
+  const scoped = narrowObjectSet(objectSet, whereClause, linkedFilters);
+  if (!showFilteredOutValues || linkedFilters.length === 0) {
+    return {
+      scoped,
+      emptySource: void 0
+    };
+  }
+  return {
+    scoped,
+    emptySource: narrowObjectSet(objectSet, whereClause, [])
+  };
+}
+
 // src/filter-list/inputs/LinkedPropertyInput.tsx
 function LinkedPropertyInputInner({
   objectSet,
+  whereClause,
+  linkedFilters = EMPTY_LINKED_FILTERS,
   definition,
   filterState,
   onFilterStateChanged,
+  showFilteredOutValues,
   searchQuery,
   className,
   style,
   layout
 }) {
-  const linkedObjectSet = React13.useMemo(() => objectSet.pivotTo(definition.linkName), [objectSet, definition.linkName]);
+  const scoped = React13.useMemo(() => narrowObjectSet(objectSet, whereClause, linkedFilters), [objectSet, whereClause, linkedFilters]);
+  const linkedObjectSet = React13.useMemo(() => scoped.pivotTo(definition.linkName), [scoped, definition.linkName]);
+  const emptySourceLinkedObjectSet = React13.useMemo(() => showFilteredOutValues ? objectSet.pivotTo(definition.linkName) : void 0, [showFilteredOutValues, objectSet, definition.linkName]);
   const linkedObjectType = linkedObjectSet.$objectSetInternals.def;
   const linkedPropertyKey = definition.linkedPropertyKey;
   const innerState = filterState?.type === "linkedProperty" ? filterState.linkedFilterState : void 0;
@@ -2790,10 +2887,12 @@ function LinkedPropertyInputInner({
         return /* @__PURE__ */ React13__default.default.createElement(LinkedMultiSelectInput, {
           objectType: linkedObjectType,
           objectSet: linkedObjectSet,
+          emptySourceObjectSet: emptySourceLinkedObjectSet,
           propertyKey: linkedPropertyKey,
           selectedValues: values,
           onChange: onSelectChange,
           showCount: definition.showCount,
+          renderValue: definition.renderValue,
           layout
         });
       }
@@ -2802,10 +2901,12 @@ function LinkedPropertyInputInner({
         return /* @__PURE__ */ React13__default.default.createElement(LinkedSingleSelectInput, {
           objectType: linkedObjectType,
           objectSet: linkedObjectSet,
+          emptySourceObjectSet: emptySourceLinkedObjectSet,
           propertyKey: linkedPropertyKey,
           selectedValue: value,
           onChange: onSingleSelectChange,
-          showCount: definition.showCount
+          showCount: definition.showCount,
+          renderValue: definition.renderValue
         });
       }
       case "CONTAINS_TEXT": {
@@ -2855,11 +2956,13 @@ function LinkedPropertyInputInner({
         return /* @__PURE__ */ React13__default.default.createElement(LinkedListogramInput, {
           objectType: linkedObjectType,
           objectSet: linkedObjectSet,
+          emptySourceObjectSet: emptySourceLinkedObjectSet,
           propertyKey: linkedPropertyKey,
           selectedValues,
           onChange: onExactMatchChange,
           searchQuery,
-          showCount: definition.showCount
+          showCount: definition.showCount,
+          renderValue: definition.renderValue
         });
       }
       case "TEXT_TAGS": {
@@ -2910,20 +3013,21 @@ var LinkedPropertyInput = /* @__PURE__ */ React13.memo(LinkedPropertyInputInner)
 function LinkedMultiSelectInput({
   objectType,
   objectSet,
+  emptySourceObjectSet,
   propertyKey,
   selectedValues,
   onChange,
   showCount,
+  renderValue,
   layout
 }) {
-  const aggregationOptions = React13.useMemo(() => ({
-    activeValues: selectedValues
-  }), [selectedValues]);
   const {
     data,
     isLoading,
     error
-  } = usePropertyAggregation(objectType, propertyKey, objectSet, aggregationOptions);
+  } = useDualScopeAggregation(objectType, propertyKey, objectSet, emptySourceObjectSet, {
+    selectedValues
+  });
   return /* @__PURE__ */ React13__default.default.createElement(MultiSelectInput, {
     values: data,
     isLoading,
@@ -2931,25 +3035,28 @@ function LinkedMultiSelectInput({
     selectedValues,
     onChange,
     showCounts: showCount,
+    renderValue,
     layout
   });
 }
 function LinkedSingleSelectInput({
   objectType,
   objectSet,
+  emptySourceObjectSet,
   propertyKey,
   selectedValue,
   onChange,
-  showCount
+  showCount,
+  renderValue
 }) {
-  const aggregationOptions = React13.useMemo(() => ({
-    activeValues: selectedValue != null ? [selectedValue] : void 0
-  }), [selectedValue]);
+  const selectedValues = React13.useMemo(() => selectedValue != null ? [selectedValue] : [], [selectedValue]);
   const {
     data,
     isLoading,
     error
-  } = usePropertyAggregation(objectType, propertyKey, objectSet, aggregationOptions);
+  } = useDualScopeAggregation(objectType, propertyKey, objectSet, emptySourceObjectSet, {
+    selectedValues
+  });
   return /* @__PURE__ */ React13__default.default.createElement(SingleSelectInput, {
     values: data,
     isLoading,
@@ -2957,27 +3064,29 @@ function LinkedSingleSelectInput({
     selectedValue,
     onChange,
     showCounts: showCount,
+    renderValue,
     ariaLabel: `Select ${propertyKey}`
   });
 }
 function LinkedListogramInput({
   objectType,
   objectSet,
+  emptySourceObjectSet,
   propertyKey,
   selectedValues,
   onChange,
   searchQuery,
-  showCount
+  showCount,
+  renderValue
 }) {
-  const aggregationOptions = React13.useMemo(() => ({
-    activeValues: selectedValues
-  }), [selectedValues]);
   const {
     data,
     maxCount,
     isLoading,
     error
-  } = usePropertyAggregation(objectType, propertyKey, objectSet, aggregationOptions);
+  } = useDualScopeAggregation(objectType, propertyKey, objectSet, emptySourceObjectSet, {
+    selectedValues
+  });
   return /* @__PURE__ */ React13__default.default.createElement(ListogramInput, {
     values: data,
     maxCount,
@@ -2986,9 +3095,13 @@ function LinkedListogramInput({
     selectedValues,
     onChange,
     searchQuery,
-    showCount
+    showCount,
+    renderValue
   });
 }
+var TEXT_TAGS_OPTIONS = {
+  limit: 50
+};
 function LinkedTextTagsInput({
   objectType,
   objectSet,
@@ -2996,14 +3109,11 @@ function LinkedTextTagsInput({
   tags,
   onChange
 }) {
-  const aggregationOptions = React13.useMemo(() => ({
-    limit: 50
-  }), []);
   const {
     data,
     isLoading,
     error
-  } = usePropertyAggregation(objectType, propertyKey, objectSet, aggregationOptions);
+  } = usePropertyAggregation(objectType, propertyKey, objectSet, TEXT_TAGS_OPTIONS);
   return /* @__PURE__ */ React13__default.default.createElement(TextTagsInput, {
     suggestions: data,
     isLoading,
@@ -3193,12 +3303,6 @@ function ExcludeDropdownInner({
 var ExcludeDropdown = /* @__PURE__ */ React13.memo(ExcludeDropdownInner);
 
 // src/filter-list/base/FilterInputExcludeRow.tsx
-function getSelectedCount(filterState) {
-  if (!filterState) return 0;
-  if (filterState.type === "EXACT_MATCH") return filterState.values.length;
-  if (filterState.type === "SELECT") return filterState.selectedValues.length;
-  return 0;
-}
 function FilterInputExcludeRowInner({
   excludeRowOpen,
   filterState,
@@ -3208,17 +3312,19 @@ function FilterInputExcludeRowInner({
   children
 }) {
   const handleToggleExclude = React13.useCallback(() => {
-    if (filterState) {
-      onFilterStateChanged({
-        ...filterState,
-        isExcluding: !filterState.isExcluding
-      });
+    if (filterState == null) {
+      return;
+    }
+    const next = toggleIsExcluding(filterState);
+    if (next != null) {
+      onFilterStateChanged(next);
     }
   }, [filterState, onFilterStateChanged]);
-  const isExcluding = filterState?.isExcluding ?? false;
+  const effectiveState = getEffectiveFilterState(filterState);
+  const isExcluding = effectiveState?.isExcluding ?? false;
   const isOpen = excludeRowOpen ?? false;
-  const selectedCount = React13.useMemo(() => getSelectedCount(filterState), [filterState]);
-  if (!supportsExcluding(filterState)) {
+  const selectedCount = getSelectedCount(effectiveState);
+  if (!supportsExcluding(effectiveState)) {
     return /* @__PURE__ */ React13__default.default.createElement(React13__default.default.Fragment, null, children);
   }
   return /* @__PURE__ */ React13__default.default.createElement(React13__default.default.Fragment, null, /* @__PURE__ */ React13__default.default.createElement("div", {
@@ -3353,6 +3459,25 @@ function DateRangeFilterInputInner({
   }));
 }
 var DateRangeFilterInput = /* @__PURE__ */ React13.memo(DateRangeFilterInputInner);
+function useFilterPropertyAggregation(objectType, propertyKey, objectSet, whereClause, linkedFilters, options = {}) {
+  const {
+    sortBy,
+    selectedValues,
+    limit,
+    showFilteredOutValues
+  } = options;
+  const {
+    scoped,
+    emptySource
+  } = React13.useMemo(() => computeDualScopes(objectSet, whereClause, linkedFilters, showFilteredOutValues), [objectSet, whereClause, linkedFilters, showFilteredOutValues]);
+  return useDualScopeAggregation(objectType, propertyKey, scoped, emptySource, {
+    sortBy,
+    selectedValues,
+    limit
+  });
+}
+
+// src/filter-list/inputs/ListogramFilterInput.tsx
 function ListogramFilterInputInner({
   objectType,
   objectSet,
@@ -3360,6 +3485,8 @@ function ListogramFilterInputInner({
   filterState,
   onFilterStateChanged,
   whereClause,
+  linkedFilters = EMPTY_LINKED_FILTERS,
+  showFilteredOutValues,
   colorMap,
   displayMode,
   showCount,
@@ -3385,17 +3512,16 @@ function ListogramFilterInputInner({
     });
   }, [onFilterStateChanged, isExcluding]);
   const sortBy = displayMode === "minimal" ? "value" : "count";
-  const aggregationOptions = React13.useMemo(() => ({
-    where: whereClause,
-    sortBy,
-    activeValues: selectedValues
-  }), [whereClause, sortBy, selectedValues]);
   const {
     data,
     maxCount,
     isLoading,
     error
-  } = usePropertyAggregation(objectType, propertyKey, objectSet, aggregationOptions);
+  } = useFilterPropertyAggregation(objectType, propertyKey, objectSet, whereClause, linkedFilters, {
+    sortBy,
+    selectedValues,
+    showFilteredOutValues
+  });
   return /* @__PURE__ */ React13__default.default.createElement(FilterInputExcludeRow, {
     excludeRowOpen,
     filterState,
@@ -3447,6 +3573,8 @@ function MultiSelectFilterInputInner({
   filterState,
   onFilterStateChanged,
   whereClause,
+  linkedFilters = EMPTY_LINKED_FILTERS,
+  showFilteredOutValues,
   excludeRowOpen,
   renderValue,
   showCount,
@@ -3468,15 +3596,14 @@ function MultiSelectFilterInputInner({
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  const aggregationOptions = React13.useMemo(() => ({
-    where: whereClause,
-    activeValues: selectedValues
-  }), [whereClause, selectedValues]);
   const {
     data,
     isLoading,
     error
-  } = usePropertyAggregation(objectType, propertyKey, objectSet, aggregationOptions);
+  } = useFilterPropertyAggregation(objectType, propertyKey, objectSet, whereClause, linkedFilters, {
+    selectedValues,
+    showFilteredOutValues
+  });
   return /* @__PURE__ */ React13__default.default.createElement(FilterInputExcludeRow, {
     excludeRowOpen,
     filterState,
@@ -3599,7 +3726,8 @@ function NumberRangeFilterInputInner({
 var NumberRangeFilterInput = /* @__PURE__ */ React13.memo(NumberRangeFilterInputInner);
 function SingleDateFilterInputInner({
   filterState,
-  onFilterStateChanged
+  onFilterStateChanged,
+  formatDate
 }) {
   const selectedDate = React13.useMemo(() => filterState?.type === "SELECT" ? filterState.selectedValues[0] instanceof Date ? filterState.selectedValues[0] : void 0 : void 0, [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
@@ -3612,7 +3740,8 @@ function SingleDateFilterInputInner({
   }, [onFilterStateChanged, isExcluding]);
   return /* @__PURE__ */ React13__default.default.createElement(SingleDateInput, {
     selectedDate,
-    onChange: handleChange
+    onChange: handleChange,
+    formatDate
   });
 }
 var SingleDateFilterInput = /* @__PURE__ */ React13.memo(SingleDateFilterInputInner);
@@ -3623,6 +3752,8 @@ function SingleSelectFilterInputInner({
   filterState,
   onFilterStateChanged,
   whereClause,
+  linkedFilters = EMPTY_LINKED_FILTERS,
+  showFilteredOutValues,
   excludeRowOpen,
   renderValue,
   showCount
@@ -3643,15 +3774,15 @@ function SingleSelectFilterInputInner({
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  const aggregationOptions = React13.useMemo(() => ({
-    where: whereClause,
-    activeValues: selectedValue != null ? [selectedValue] : void 0
-  }), [whereClause, selectedValue]);
+  const selectedValues = React13.useMemo(() => selectedValue != null ? [selectedValue] : [], [selectedValue]);
   const {
     data,
     isLoading,
     error
-  } = usePropertyAggregation(objectType, propertyKey, objectSet, aggregationOptions);
+  } = useFilterPropertyAggregation(objectType, propertyKey, objectSet, whereClause, linkedFilters, {
+    selectedValues,
+    showFilteredOutValues
+  });
   return /* @__PURE__ */ React13__default.default.createElement(FilterInputExcludeRow, {
     excludeRowOpen,
     filterState,
@@ -3776,6 +3907,8 @@ function PropertyFilterInputInner({
   filterState,
   onFilterStateChanged,
   whereClause,
+  linkedFilters,
+  showFilteredOutValues,
   searchQuery,
   excludeRowOpen,
   layout
@@ -3825,6 +3958,8 @@ function PropertyFilterInputInner({
         filterState,
         onFilterStateChanged,
         whereClause,
+        linkedFilters,
+        showFilteredOutValues,
         excludeRowOpen,
         renderValue: definition.renderValue,
         showCount: definition.showCount
@@ -3837,6 +3972,8 @@ function PropertyFilterInputInner({
         filterState,
         onFilterStateChanged,
         whereClause,
+        linkedFilters,
+        showFilteredOutValues,
         excludeRowOpen,
         renderValue: definition.renderValue,
         showCount: definition.showCount,
@@ -3845,7 +3982,8 @@ function PropertyFilterInputInner({
     case "SINGLE_DATE":
       return /* @__PURE__ */ React13__default.default.createElement(SingleDateFilterInput, {
         filterState,
-        onFilterStateChanged
+        onFilterStateChanged,
+        formatDate: definition.formatDate
       });
     case "MULTI_DATE":
       return /* @__PURE__ */ React13__default.default.createElement(MultiDateFilterInput, {
@@ -3861,6 +3999,8 @@ function PropertyFilterInputInner({
         filterState,
         onFilterStateChanged,
         whereClause,
+        linkedFilters,
+        showFilteredOutValues,
         colorMap: definition.colorMap,
         displayMode: definition.listogramConfig?.displayMode,
         showCount: definition.showCount,
@@ -4051,6 +4191,8 @@ function FilterInputInner({
   filterState,
   onFilterStateChanged,
   whereClause,
+  linkedFilters,
+  showFilteredOutValues,
   searchQuery,
   excludeRowOpen,
   layout
@@ -4070,6 +4212,9 @@ function FilterInputInner({
         definition,
         filterState,
         onFilterStateChanged,
+        whereClause,
+        linkedFilters,
+        showFilteredOutValues,
         searchQuery,
         layout
       });
@@ -4102,6 +4247,8 @@ function FilterInputInner({
         filterState,
         onFilterStateChanged,
         whereClause,
+        linkedFilters,
+        showFilteredOutValues,
         searchQuery,
         excludeRowOpen,
         layout
@@ -4407,9 +4554,8 @@ function buildWhereClause(definitions, filterStates, propertyTypes, excludeFilte
         });
         break;
       }
-      case "LINKED_PROPERTY": {
+      case "LINKED_PROPERTY":
         break;
-      }
       case "KEYWORD_SEARCH": {
         if (state.type !== "keywordSearch") {
           if (process.env.NODE_ENV !== "production") {
@@ -4506,6 +4652,45 @@ function buildWhereClause(definitions, filterStates, propertyTypes, excludeFilte
     $and: clauses
   };
 }
+function buildLinkedInnerWhere(definition, state) {
+  const record = buildPropertyKeyClause(definition.linkedPropertyKey, state.linkedFilterState);
+  if (record === void 0) {
+    return void 0;
+  }
+  return record;
+}
+function getActiveLinkedFilters(definitions, filterStates, excludeFilterKey) {
+  if (!definitions || definitions.length === 0) {
+    return [];
+  }
+  const result = [];
+  for (const definition of definitions) {
+    if (definition.type !== "LINKED_PROPERTY") {
+      continue;
+    }
+    const key = getFilterKey(definition);
+    if (key === excludeFilterKey) {
+      continue;
+    }
+    const state = filterStates.get(key);
+    if (!state || state.type !== "linkedProperty") {
+      continue;
+    }
+    if (definition.reverseLinkName == null) {
+      continue;
+    }
+    const innerWhere = buildLinkedInnerWhere(definition, state);
+    if (innerWhere === void 0) {
+      continue;
+    }
+    result.push({
+      linkName: definition.linkName,
+      reverseLinkName: definition.reverseLinkName,
+      innerWhere
+    });
+  }
+  return result;
+}
 function buildValueOrNullFilter(values) {
   if (values.length === 0) {
     return void 0;
@@ -4592,9 +4777,11 @@ function buildInitialStates(definitions) {
 function useFilterListState(props) {
   const {
     objectType,
+    objectSet,
     filterDefinitions,
     onFilterStateChanged,
     onFilterClauseChanged,
+    onEffectiveObjectSet,
     initialFilterStates
   } = props;
   const {
@@ -4602,6 +4789,10 @@ function useFilterListState(props) {
   } = react.useOsdkMetadata(objectType);
   const onFilterClauseChangedRef = React13.useRef(onFilterClauseChanged);
   onFilterClauseChangedRef.current = onFilterClauseChanged;
+  const onEffectiveObjectSetRef = React13.useRef(onEffectiveObjectSet);
+  onEffectiveObjectSetRef.current = onEffectiveObjectSet;
+  const filterDefinitionsRef = React13.useRef(filterDefinitions);
+  filterDefinitionsRef.current = filterDefinitions;
   const propertyTypes = React13.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     if (metadata?.properties) {
@@ -4617,13 +4808,13 @@ function useFilterListState(props) {
     return map;
   }, [metadata?.properties]);
   const [filterStates, setFilterStates] = React13.useState(() => {
-    const states = buildInitialStates(filterDefinitions);
+    const initial = buildInitialStates(filterDefinitions);
     if (initialFilterStates) {
       for (const [key, state] of initialFilterStates) {
-        states.set(key, state);
+        initial.set(key, state);
       }
     }
-    return states;
+    return initial;
   });
   const setFilterState = React13.useCallback((filterKey, state) => {
     setFilterStates((prev) => {
@@ -4631,11 +4822,11 @@ function useFilterListState(props) {
       next.set(filterKey, state);
       return next;
     });
-    const definition = filterDefinitions?.find((d) => getFilterKey(d) === filterKey);
+    const definition = filterDefinitionsRef.current?.find((d) => getFilterKey(d) === filterKey);
     if (definition) {
       onFilterStateChanged?.(definition, state);
     }
-  }, [filterDefinitions, onFilterStateChanged]);
+  }, [onFilterStateChanged]);
   const clearFilterState = React13.useCallback((filterKey) => {
     setFilterStates((prev) => {
       const next = new Map(prev);
@@ -4643,10 +4834,21 @@ function useFilterListState(props) {
       return next;
     });
   }, []);
+  const reset = React13.useCallback(() => {
+    setFilterStates(buildInitialStates(filterDefinitionsRef.current));
+  }, []);
   const whereClause = React13.useMemo(() => buildWhereClause(filterDefinitions, filterStates, propertyTypes), [filterDefinitions, filterStates, propertyTypes]);
+  const linkedFilters = React13.useMemo(() => getActiveLinkedFilters(filterDefinitions, filterStates), [filterDefinitions, filterStates]);
+  const effectiveObjectSet = React13.useMemo(() => objectSet == null ? void 0 : narrowObjectSet(objectSet, whereClause, linkedFilters), [objectSet, whereClause, linkedFilters]);
   React13.useEffect(() => {
     onFilterClauseChangedRef.current?.(whereClause);
   }, [whereClause]);
+  React13.useEffect(() => {
+    if (effectiveObjectSet == null) {
+      return;
+    }
+    onEffectiveObjectSetRef.current?.(effectiveObjectSet);
+  }, [effectiveObjectSet]);
   const perFilterWhereClauses = useStableMapEntries(React13.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const definition of filterDefinitions ?? []) {
@@ -4655,6 +4857,14 @@ function useFilterListState(props) {
     }
     return map;
   }, [filterDefinitions, filterStates, propertyTypes]));
+  const perFilterLinkedFilters = useStableMapEntries(React13.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const definition of filterDefinitions ?? []) {
+      const key = getFilterKey(definition);
+      map.set(key, getActiveLinkedFilters(filterDefinitions, filterStates, key));
+    }
+    return map;
+  }, [filterDefinitions, filterStates]));
   const activeFilterCount = React13.useMemo(() => {
     let count = 0;
     for (const state of filterStates.values()) {
@@ -4664,18 +4874,17 @@ function useFilterListState(props) {
     }
     return count;
   }, [filterStates]);
-  const reset = React13.useCallback(() => {
-    setFilterStates(buildInitialStates(filterDefinitions));
-  }, [filterDefinitions]);
   return React13.useMemo(() => ({
     filterStates,
     setFilterState,
     clearFilterState,
     whereClause,
+    linkedFilters,
     perFilterWhereClauses,
+    perFilterLinkedFilters,
     activeFilterCount,
     reset
-  }), [filterStates, setFilterState, clearFilterState, whereClause, perFilterWhereClauses, activeFilterCount, reset]);
+  }), [filterStates, setFilterState, clearFilterState, whereClause, linkedFilters, perFilterWhereClauses, perFilterLinkedFilters, activeFilterCount, reset]);
 }
 function useFilterVisibility(filterDefinitions, onVisibilityChange) {
   const allKeys = React13.useMemo(() => filterDefinitions?.map(getFilterKey) ?? [], [filterDefinitions]);
@@ -4805,6 +5014,7 @@ function getFilterLabel(definition) {
 }
 
 // src/filter-list/FilterList.tsx
+var EMPTY_WHERE = {};
 function FilterList(props) {
   const {
     objectType,
@@ -4818,6 +5028,7 @@ function FilterList(props) {
     showResetButton = false,
     onReset,
     showActiveFilterCount = false,
+    showFilteredOutValues = false,
     className,
     enableSorting,
     onFilterAdded,
@@ -4830,6 +5041,7 @@ function FilterList(props) {
     setFilterState,
     clearFilterState,
     perFilterWhereClauses,
+    perFilterLinkedFilters,
     activeFilterCount,
     reset
   } = useFilterListState(props);
@@ -4913,10 +5125,12 @@ function FilterList(props) {
     definition,
     filterState,
     onFilterStateChanged,
-    whereClause: perFilterWhereClauses.get(filterKey) ?? {},
+    whereClause: perFilterWhereClauses.get(filterKey) ?? EMPTY_WHERE,
+    linkedFilters: perFilterLinkedFilters.get(filterKey) ?? EMPTY_LINKED_FILTERS,
+    showFilteredOutValues,
     searchQuery,
     excludeRowOpen
-  }), [objectType, objectSet, perFilterWhereClauses]);
+  }), [objectType, objectSet, perFilterWhereClauses, perFilterLinkedFilters, showFilteredOutValues]);
   return /* @__PURE__ */ React13__default.default.createElement(BaseFilterList, {
     title,
     titleIcon,
@@ -5105,7 +5319,7 @@ function summarizeFilterValue(definition, state) {
 }
 
 // src/public/experimental/filter-list.ts
-var FilterList2 = chunkBXCHISUQ_cjs.withOsdkMetrics(FilterList, "FilterList");
+var FilterList2 = chunkNOONKE5X_cjs.withOsdkMetrics(FilterList, "FilterList");
 
 exports.BaseFilterList = BaseFilterList;
 exports.FilterInput = FilterInput;
@@ -5115,8 +5329,9 @@ exports.deserializeFilterStates = deserializeFilterStates;
 exports.filterHasActiveState = filterHasActiveState;
 exports.getFilterKey = getFilterKey;
 exports.getFilterLabel = getFilterLabel;
+exports.narrowObjectSet = narrowObjectSet;
 exports.serializeFilterStates = serializeFilterStates;
 exports.summarizeFilterValue = summarizeFilterValue;
 exports.useFilterListState = useFilterListState;
-//# sourceMappingURL=chunk-QOI2FQSL.cjs.map
-//# sourceMappingURL=chunk-QOI2FQSL.cjs.map
+//# sourceMappingURL=chunk-PUZZZTC7.cjs.map
+//# sourceMappingURL=chunk-PUZZZTC7.cjs.map