@osdk/react-components 0.2.0-beta.2 → 0.2.0-beta.21

package/build/browser/filter-list/inputs/DateRangeFilterInput.js

@@ -0,0 +1,105 @@
+/*
+ * Copyright 2025 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 { useOsdkAggregation } from "@osdk/react/experimental";
+import React, { memo, useCallback, useMemo } from "react";
+import { DateRangeInput } from "../base/inputs/DateRangeInput.js";
+import { NullValueWrapper } from "../base/inputs/NullValueWrapper.js";
+import { createGroupByAggregateOptions, createNullCountAggregateOptions, createNullWhereClause } from "../utils/aggregationHelpers.js";
+function DateRangeFilterInputInner({
+  objectType,
+  propertyKey,
+  filterState,
+  onFilterStateChanged
+}) {
+  const dateRangeState = filterState?.type === "DATE_RANGE" ? filterState : undefined;
+  const includeNull = filterState?.includeNull;
+  const handleNullChange = useCallback(includeNull => {
+    onFilterStateChanged({
+      type: "DATE_RANGE",
+      minValue: dateRangeState?.minValue,
+      maxValue: dateRangeState?.maxValue,
+      includeNull
+    });
+  }, [onFilterStateChanged, dateRangeState?.minValue, dateRangeState?.maxValue]);
+  const handleRangeChange = useCallback((minValue, maxValue) => {
+    onFilterStateChanged({
+      type: "DATE_RANGE",
+      minValue,
+      maxValue,
+      includeNull
+    });
+  }, [onFilterStateChanged, includeNull]);
+  const aggregateOptions = useMemo(() => createGroupByAggregateOptions(propertyKey), [propertyKey]);
+  const histogramArgs = useMemo(() => ({
+    aggregate: aggregateOptions
+  }), [aggregateOptions]);
+  const {
+    data: aggregateData,
+    isLoading: histLoading
+  } = useOsdkAggregation(objectType, histogramArgs);
+  const valueCountPairs = useMemo(() => {
+    if (!aggregateData) return [];
+    const pairs = [];
+    for (const item of aggregateData) {
+      const rawValue = item.$group[propertyKey];
+      if (rawValue != null) {
+        const date = new Date(String(rawValue));
+        if (!isNaN(date.getTime())) {
+          pairs.push({
+            value: date,
+            count: item.$count ?? 0
+          });
+        }
+      }
+    }
+    return pairs;
+  }, [aggregateData, propertyKey]);
+  const nullCountAggregateOptions = useMemo(() => createNullCountAggregateOptions(), []);
+  const nullWhereClause = useMemo(() => createNullWhereClause(propertyKey), [propertyKey]);
+  const nullCountArgs = useMemo(() => ({
+    where: nullWhereClause,
+    aggregate: nullCountAggregateOptions
+  }), [nullWhereClause, nullCountAggregateOptions]);
+  const {
+    data: nullCountData,
+    isLoading: nullLoading,
+    error: nullError
+  } = useOsdkAggregation(objectType, nullCountArgs);
+  const nullCount = useMemo(() => {
+    if (!nullCountData) return 0;
+    const result = nullCountData;
+    if ("$count" in result && typeof result.$count === "number") {
+      return result.$count;
+    }
+    return 0;
+  }, [nullCountData]);
+  return /*#__PURE__*/React.createElement(NullValueWrapper, {
+    nullCount: nullCount,
+    isLoading: nullLoading,
+    error: nullError,
+    includeNull: includeNull,
+    onIncludeNullChange: handleNullChange
+  }, /*#__PURE__*/React.createElement(DateRangeInput, {
+    valueCountPairs: valueCountPairs,
+    isLoading: histLoading,
+    minValue: dateRangeState?.minValue,
+    maxValue: dateRangeState?.maxValue,
+    onChange: handleRangeChange
+  }));
+}
+export const DateRangeFilterInput = /*#__PURE__*/memo(DateRangeFilterInputInner);
+//# sourceMappingURL=DateRangeFilterInput.js.map

package/build/browser/filter-list/inputs/DateRangeFilterInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeFilterInput.js","names":["useOsdkAggregation","React","memo","useCallback","useMemo","DateRangeInput","NullValueWrapper","createGroupByAggregateOptions","createNullCountAggregateOptions","createNullWhereClause","DateRangeFilterInputInner","objectType","propertyKey","filterState","onFilterStateChanged","dateRangeState","type","undefined","includeNull","handleNullChange","minValue","maxValue","handleRangeChange","aggregateOptions","histogramArgs","aggregate","data","aggregateData","isLoading","histLoading","valueCountPairs","pairs","item","rawValue","$group","date","Date","String","isNaN","getTime","push","value","count","$count","nullCountAggregateOptions","nullWhereClause","nullCountArgs","where","nullCountData","nullLoading","error","nullError","nullCount","result","createElement","onIncludeNullChange","onChange","DateRangeFilterInput"],"sources":["DateRangeFilterInput.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 type { ObjectTypeDefinition } from \"@osdk/api\";\nimport { useOsdkAggregation } from \"@osdk/react/experimental\";\nimport React, { memo, useCallback, useMemo } from \"react\";\nimport { DateRangeInput } from \"../base/inputs/DateRangeInput.js\";\nimport { NullValueWrapper } from \"../base/inputs/NullValueWrapper.js\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport {\n  createGroupByAggregateOptions,\n  createNullCountAggregateOptions,\n  createNullWhereClause,\n} from \"../utils/aggregationHelpers.js\";\n\ninterface DateRangeFilterInputProps<Q extends ObjectTypeDefinition> {\n  objectType: Q;\n  propertyKey: string;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (state: FilterState) => void;\n}\n\nfunction DateRangeFilterInputInner<Q extends ObjectTypeDefinition>({\n  objectType,\n  propertyKey,\n  filterState,\n  onFilterStateChanged,\n}: DateRangeFilterInputProps<Q>): React.ReactElement {\n  const dateRangeState = filterState?.type === \"DATE_RANGE\"\n    ? filterState\n    : undefined;\n  const includeNull = filterState?.includeNull;\n\n  const handleNullChange = useCallback(\n    (includeNull: boolean) => {\n      onFilterStateChanged({\n        type: \"DATE_RANGE\",\n        minValue: dateRangeState?.minValue,\n        maxValue: dateRangeState?.maxValue,\n        includeNull,\n      });\n    },\n    [onFilterStateChanged, dateRangeState?.minValue, dateRangeState?.maxValue],\n  );\n\n  const handleRangeChange = useCallback(\n    (minValue: Date | undefined, maxValue: Date | undefined) => {\n      onFilterStateChanged({\n        type: \"DATE_RANGE\",\n        minValue,\n        maxValue,\n        includeNull,\n      });\n    },\n    [onFilterStateChanged, includeNull],\n  );\n\n  const aggregateOptions = useMemo(\n    () => createGroupByAggregateOptions<Q>(propertyKey),\n    [propertyKey],\n  );\n\n  const histogramArgs = useMemo(\n    () => ({ aggregate: aggregateOptions }),\n    [aggregateOptions],\n  );\n\n  const { data: aggregateData, isLoading: histLoading } = useOsdkAggregation(\n    objectType,\n    histogramArgs,\n  );\n\n  const valueCountPairs = useMemo<Array<{ value: Date; count: number }>>(\n    () => {\n      if (!aggregateData) return [];\n      const dataArray = aggregateData as Iterable<{\n        $group: Record<string, unknown>;\n        $count?: number;\n      }>;\n      const pairs: Array<{ value: Date; count: number }> = [];\n      for (const item of dataArray) {\n        const rawValue = item.$group[propertyKey];\n        if (rawValue != null) {\n          const date = new Date(String(rawValue));\n          if (!isNaN(date.getTime())) {\n            pairs.push({ value: date, count: item.$count ?? 0 });\n          }\n        }\n      }\n      return pairs;\n    },\n    [aggregateData, propertyKey],\n  );\n\n  const nullCountAggregateOptions = useMemo(\n    () => createNullCountAggregateOptions<Q>(),\n    [],\n  );\n\n  const nullWhereClause = useMemo(\n    () => createNullWhereClause<Q>(propertyKey),\n    [propertyKey],\n  );\n\n  const nullCountArgs = useMemo(\n    () => ({ where: nullWhereClause, aggregate: nullCountAggregateOptions }),\n    [nullWhereClause, nullCountAggregateOptions],\n  );\n\n  const {\n    data: nullCountData,\n    isLoading: nullLoading,\n    error: nullError,\n  } = useOsdkAggregation(\n    objectType,\n    nullCountArgs,\n  );\n\n  const nullCount = useMemo(() => {\n    if (!nullCountData) return 0;\n    const result = nullCountData as { $count?: number } | Iterable<unknown>;\n    if (\"$count\" in result && typeof result.$count === \"number\") {\n      return result.$count;\n    }\n    return 0;\n  }, [nullCountData]);\n\n  return (\n    <NullValueWrapper\n      nullCount={nullCount}\n      isLoading={nullLoading}\n      error={nullError}\n      includeNull={includeNull}\n      onIncludeNullChange={handleNullChange}\n    >\n      <DateRangeInput\n        valueCountPairs={valueCountPairs}\n        isLoading={histLoading}\n        minValue={dateRangeState?.minValue}\n        maxValue={dateRangeState?.maxValue}\n        onChange={handleRangeChange}\n      />\n    </NullValueWrapper>\n  );\n}\n\nexport const DateRangeFilterInput: typeof DateRangeFilterInputInner = memo(\n  DateRangeFilterInputInner,\n) as typeof DateRangeFilterInputInner;\n"],"mappings":"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","ignoreList":[]}

package/build/browser/filter-list/inputs/LinkedPropertyInput.js

@@ -0,0 +1,508 @@
+/*
+ * Copyright 2025 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 { useOsdkAggregation } from "@osdk/react/experimental";
+import classnames from "classnames";
+import React, { memo, useCallback, useMemo } from "react";
+import { assertUnreachable } from "../../shared/assertUnreachable.js";
+import { CheckboxListInput } from "../base/inputs/CheckboxListInput.js";
+import { ContainsTextInput } from "../base/inputs/ContainsTextInput.js";
+import { DateRangeInput } from "../base/inputs/DateRangeInput.js";
+import styles from "../base/inputs/LinkedPropertyInput.module.css.js";
+import { ListogramInput } from "../base/inputs/ListogramInput.js";
+import { MultiDateInput } from "../base/inputs/MultiDateInput.js";
+import { MultiSelectInput } from "../base/inputs/MultiSelectInput.js";
+import { NullValueWrapper } from "../base/inputs/NullValueWrapper.js";
+import { NumberRangeInput } from "../base/inputs/NumberRangeInput.js";
+import { SingleDateInput } from "../base/inputs/SingleDateInput.js";
+import { SingleSelectInput } from "../base/inputs/SingleSelectInput.js";
+import { TextTagsInput } from "../base/inputs/TextTagsInput.js";
+import { TimelineInput } from "../base/inputs/TimelineInput.js";
+import { ToggleInput } from "../base/inputs/ToggleInput.js";
+import { usePropertyAggregation } from "../hooks/usePropertyAggregation.js";
+import { createGroupByAggregateOptions, createNullCountAggregateOptions, createNullWhereClause } from "../utils/aggregationHelpers.js";
+import { coerceToString, coerceToStringArray } from "../utils/coerceFilterValue.js";
+function LinkedPropertyInputInner({
+  objectSet,
+  definition,
+  filterState,
+  onFilterStateChanged,
+  className,
+  style
+}) {
+  const linkedObjectSet = useMemo(() => objectSet.pivotTo(definition.linkName), [objectSet, definition.linkName]);
+  const linkedObjectType = linkedObjectSet.$objectSetInternals.def;
+  const linkedPropertyKey = definition.linkedPropertyKey;
+  const innerState = filterState?.type === "linkedProperty" ? filterState.linkedFilterState : undefined;
+  const isExcluding = innerState?.isExcluding ?? false;
+  const includeNull = innerState?.includeNull;
+  const wrappedOnChange = useCallback(innerFilterState => {
+    onFilterStateChanged({
+      type: "linkedProperty",
+      linkedFilterState: innerFilterState
+    });
+  }, [onFilterStateChanged]);
+  const onSelectChange = useCallback(selectedValues => {
+    wrappedOnChange({
+      type: "SELECT",
+      selectedValues,
+      isExcluding
+    });
+  }, [wrappedOnChange, isExcluding]);
+  const onSingleSelectChange = useCallback(selectedValue => {
+    wrappedOnChange({
+      type: "SELECT",
+      selectedValues: selectedValue !== undefined ? [selectedValue] : [],
+      isExcluding
+    });
+  }, [wrappedOnChange, isExcluding]);
+  const onContainsTextChange = useCallback(value => {
+    wrappedOnChange({
+      type: "CONTAINS_TEXT",
+      value
+    });
+  }, [wrappedOnChange]);
+  const onToggleChange = useCallback(enabled => {
+    wrappedOnChange({
+      type: "TOGGLE",
+      enabled
+    });
+  }, [wrappedOnChange]);
+  const onNumberRangeChange = useCallback((minValue, maxValue) => {
+    wrappedOnChange({
+      type: "NUMBER_RANGE",
+      minValue,
+      maxValue,
+      includeNull
+    });
+  }, [wrappedOnChange, includeNull]);
+  const onDateRangeChange = useCallback((minValue, maxValue) => {
+    wrappedOnChange({
+      type: "DATE_RANGE",
+      minValue,
+      maxValue,
+      includeNull
+    });
+  }, [wrappedOnChange, includeNull]);
+  const onExactMatchChange = useCallback(values => {
+    wrappedOnChange({
+      type: "EXACT_MATCH",
+      values,
+      isExcluding
+    });
+  }, [wrappedOnChange, isExcluding]);
+  const onDateSelectChange = useCallback(date => {
+    wrappedOnChange({
+      type: "SELECT",
+      selectedValues: date !== undefined ? [date] : [],
+      isExcluding
+    });
+  }, [wrappedOnChange, isExcluding]);
+  const onMultiDateChange = useCallback(dates => {
+    wrappedOnChange({
+      type: "SELECT",
+      selectedValues: dates
+    });
+  }, [wrappedOnChange]);
+  const onTimelineChange = useCallback((start, end) => {
+    wrappedOnChange({
+      type: "TIMELINE",
+      startDate: start,
+      endDate: end,
+      isExcluding
+    });
+  }, [wrappedOnChange, isExcluding]);
+  const onNullChange = useCallback(newIncludeNull => {
+    if (innerState?.type === "NUMBER_RANGE") {
+      wrappedOnChange({
+        ...innerState,
+        includeNull: newIncludeNull
+      });
+    } else if (innerState?.type === "DATE_RANGE") {
+      wrappedOnChange({
+        ...innerState,
+        includeNull: newIncludeNull
+      });
+    } else {
+      wrappedOnChange({
+        type: "NUMBER_RANGE",
+        minValue: undefined,
+        maxValue: undefined,
+        includeNull: newIncludeNull
+      });
+    }
+  }, [wrappedOnChange, innerState]);
+  const content = (() => {
+    switch (definition.linkedFilterComponent) {
+      case "CHECKBOX_LIST":
+        {
+          const selectedValues = innerState?.type === "SELECT" ? coerceToStringArray(innerState.selectedValues) : [];
+          return /*#__PURE__*/React.createElement(LinkedCheckboxListInput, {
+            objectType: linkedObjectType,
+            propertyKey: linkedPropertyKey,
+            selectedValues: selectedValues,
+            onChange: onSelectChange
+          });
+        }
+      case "MULTI_SELECT":
+        {
+          const values = innerState?.type === "SELECT" ? coerceToStringArray(innerState.selectedValues) : [];
+          return /*#__PURE__*/React.createElement(LinkedMultiSelectInput, {
+            objectType: linkedObjectType,
+            propertyKey: linkedPropertyKey,
+            selectedValues: values,
+            onChange: onSelectChange
+          });
+        }
+      case "SINGLE_SELECT":
+        {
+          const value = innerState?.type === "SELECT" ? coerceToString(innerState.selectedValues[0]) : undefined;
+          return /*#__PURE__*/React.createElement(LinkedSingleSelectInput, {
+            objectType: linkedObjectType,
+            propertyKey: linkedPropertyKey,
+            selectedValue: value,
+            onChange: onSingleSelectChange
+          });
+        }
+      case "CONTAINS_TEXT":
+        {
+          const value = innerState?.type === "CONTAINS_TEXT" ? innerState.value : undefined;
+          return /*#__PURE__*/React.createElement(ContainsTextInput, {
+            value: value,
+            onChange: onContainsTextChange,
+            placeholder: `Search ${String(definition.linkedPropertyKey)}...`
+          });
+        }
+      case "TOGGLE":
+        {
+          const enabled = innerState?.type === "TOGGLE" ? innerState.enabled : false;
+          return /*#__PURE__*/React.createElement(ToggleInput, {
+            enabled: enabled,
+            onChange: onToggleChange
+          });
+        }
+      case "NUMBER_RANGE":
+        {
+          const nr = innerState?.type === "NUMBER_RANGE" ? innerState : undefined;
+          return /*#__PURE__*/React.createElement(LinkedNumberRangeInput, {
+            objectType: linkedObjectType,
+            propertyKey: linkedPropertyKey,
+            minValue: nr?.minValue,
+            maxValue: nr?.maxValue,
+            includeNull: nr?.includeNull,
+            onChange: onNumberRangeChange,
+            onNullChange: onNullChange
+          });
+        }
+      case "DATE_RANGE":
+        {
+          const dr = innerState?.type === "DATE_RANGE" ? innerState : undefined;
+          return /*#__PURE__*/React.createElement(LinkedDateRangeInput, {
+            objectType: linkedObjectType,
+            propertyKey: linkedPropertyKey,
+            minValue: dr?.minValue,
+            maxValue: dr?.maxValue,
+            includeNull: dr?.includeNull,
+            onChange: onDateRangeChange,
+            onNullChange: onNullChange
+          });
+        }
+      case "LISTOGRAM":
+        {
+          const exactState = innerState?.type === "EXACT_MATCH" ? innerState : undefined;
+          const selectedValues = exactState ? coerceToStringArray(exactState.values) : [];
+          return /*#__PURE__*/React.createElement(LinkedListogramInput, {
+            objectType: linkedObjectType,
+            propertyKey: linkedPropertyKey,
+            selectedValues: selectedValues,
+            onChange: onExactMatchChange
+          });
+        }
+      case "TEXT_TAGS":
+        {
+          const exactState = innerState?.type === "EXACT_MATCH" ? innerState : undefined;
+          const tags = exactState ? coerceToStringArray(exactState.values) : [];
+          return /*#__PURE__*/React.createElement(LinkedTextTagsInput, {
+            objectType: linkedObjectType,
+            propertyKey: linkedPropertyKey,
+            tags: tags,
+            onChange: onExactMatchChange
+          });
+        }
+      case "SINGLE_DATE":
+        {
+          const selectedDate = innerState?.type === "SELECT" ? innerState.selectedValues[0] instanceof Date ? innerState.selectedValues[0] : undefined : undefined;
+          return /*#__PURE__*/React.createElement(SingleDateInput, {
+            selectedDate: selectedDate,
+            onChange: onDateSelectChange,
+            showClearButton: true
+          });
+        }
+      case "MULTI_DATE":
+        {
+          const selectedDates = innerState?.type === "SELECT" ? innerState.selectedValues.filter(v => v instanceof Date) : [];
+          return /*#__PURE__*/React.createElement(MultiDateInput, {
+            selectedDates: selectedDates,
+            onChange: onMultiDateChange,
+            showClearAll: true
+          });
+        }
+      case "TIMELINE":
+        {
+          const tl = innerState?.type === "TIMELINE" ? innerState : undefined;
+          return /*#__PURE__*/React.createElement(TimelineInput, {
+            startDate: tl?.startDate,
+            endDate: tl?.endDate,
+            onChange: onTimelineChange
+          });
+        }
+      default:
+        return assertUnreachable(definition.linkedFilterComponent);
+    }
+  })();
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.linkedProperty, className),
+    style: style
+  }, content);
+}
+export const LinkedPropertyInput = /*#__PURE__*/memo(LinkedPropertyInputInner);
+function LinkedCheckboxListInput({
+  objectType,
+  propertyKey,
+  selectedValues,
+  onChange
+}) {
+  const {
+    data,
+    isLoading,
+    error
+  } = usePropertyAggregation(objectType, propertyKey);
+  return /*#__PURE__*/React.createElement(CheckboxListInput, {
+    values: data,
+    isLoading: isLoading,
+    error: error,
+    selectedValues: selectedValues,
+    onChange: onChange
+  });
+}
+function LinkedMultiSelectInput({
+  objectType,
+  propertyKey,
+  selectedValues,
+  onChange
+}) {
+  const {
+    data,
+    isLoading,
+    error
+  } = usePropertyAggregation(objectType, propertyKey);
+  return /*#__PURE__*/React.createElement(MultiSelectInput, {
+    values: data,
+    isLoading: isLoading,
+    error: error,
+    selectedValues: selectedValues,
+    onChange: onChange
+  });
+}
+function LinkedSingleSelectInput({
+  objectType,
+  propertyKey,
+  selectedValue,
+  onChange
+}) {
+  const {
+    data,
+    isLoading,
+    error
+  } = usePropertyAggregation(objectType, propertyKey);
+  return /*#__PURE__*/React.createElement(SingleSelectInput, {
+    values: data,
+    isLoading: isLoading,
+    error: error,
+    selectedValue: selectedValue,
+    onChange: onChange,
+    ariaLabel: `Select ${propertyKey}`
+  });
+}
+function LinkedListogramInput({
+  objectType,
+  propertyKey,
+  selectedValues,
+  onChange
+}) {
+  const {
+    data,
+    maxCount,
+    isLoading,
+    error
+  } = usePropertyAggregation(objectType, propertyKey);
+  return /*#__PURE__*/React.createElement(ListogramInput, {
+    values: data,
+    maxCount: maxCount,
+    isLoading: isLoading,
+    error: error,
+    selectedValues: selectedValues,
+    onChange: onChange
+  });
+}
+function LinkedTextTagsInput({
+  objectType,
+  propertyKey,
+  tags,
+  onChange
+}) {
+  const aggregationOptions = useMemo(() => ({
+    limit: 50
+  }), []);
+  const {
+    data,
+    isLoading,
+    error
+  } = usePropertyAggregation(objectType, propertyKey, aggregationOptions);
+  return /*#__PURE__*/React.createElement(TextTagsInput, {
+    suggestions: data,
+    isLoading: isLoading,
+    error: error,
+    tags: tags,
+    onChange: onChange,
+    suggestionLimit: 10
+  });
+}
+function useLinkedRangeData(objectType, propertyKey) {
+  const aggregateOptions = useMemo(() => createGroupByAggregateOptions(propertyKey), [propertyKey]);
+  const histogramArgs = useMemo(() => ({
+    aggregate: aggregateOptions
+  }), [aggregateOptions]);
+  const {
+    data: aggregateData,
+    isLoading: histLoading
+  } = useOsdkAggregation(objectType, histogramArgs);
+  const nullCountAggregateOptions = useMemo(() => createNullCountAggregateOptions(), []);
+  const nullWhereClause = useMemo(() => createNullWhereClause(propertyKey), [propertyKey]);
+  const nullCountArgs = useMemo(() => ({
+    where: nullWhereClause,
+    aggregate: nullCountAggregateOptions
+  }), [nullWhereClause, nullCountAggregateOptions]);
+  const {
+    data: nullCountData,
+    isLoading: nullLoading
+  } = useOsdkAggregation(objectType, nullCountArgs);
+  const nullCount = useMemo(() => {
+    if (!nullCountData) return 0;
+    const result = nullCountData;
+    if ("$count" in result && typeof result.$count === "number") {
+      return result.$count;
+    }
+    return 0;
+  }, [nullCountData]);
+  return {
+    aggregateData,
+    histLoading,
+    nullCount,
+    nullLoading
+  };
+}
+function LinkedNumberRangeInput({
+  objectType,
+  propertyKey,
+  minValue,
+  maxValue,
+  includeNull,
+  onChange,
+  onNullChange
+}) {
+  const {
+    aggregateData,
+    histLoading,
+    nullCount,
+    nullLoading
+  } = useLinkedRangeData(objectType, propertyKey);
+  const valueCountPairs = useMemo(() => {
+    if (!aggregateData) return [];
+    const pairs = [];
+    for (const item of aggregateData) {
+      const rawValue = item.$group[propertyKey];
+      if (rawValue != null) {
+        const parsed = parseFloat(String(rawValue));
+        if (!isNaN(parsed)) {
+          pairs.push({
+            value: parsed,
+            count: item.$count ?? 0
+          });
+        }
+      }
+    }
+    return pairs;
+  }, [aggregateData, propertyKey]);
+  return /*#__PURE__*/React.createElement(NullValueWrapper, {
+    nullCount: nullCount,
+    isLoading: nullLoading,
+    includeNull: includeNull,
+    onIncludeNullChange: onNullChange
+  }, /*#__PURE__*/React.createElement(NumberRangeInput, {
+    valueCountPairs: valueCountPairs,
+    isLoading: histLoading,
+    minValue: minValue,
+    maxValue: maxValue,
+    onChange: onChange
+  }));
+}
+function LinkedDateRangeInput({
+  objectType,
+  propertyKey,
+  minValue,
+  maxValue,
+  includeNull,
+  onChange,
+  onNullChange
+}) {
+  const {
+    aggregateData,
+    histLoading,
+    nullCount,
+    nullLoading
+  } = useLinkedRangeData(objectType, propertyKey);
+  const valueCountPairs = useMemo(() => {
+    if (!aggregateData) return [];
+    const pairs = [];
+    for (const item of aggregateData) {
+      const rawValue = item.$group[propertyKey];
+      if (rawValue != null) {
+        const date = new Date(String(rawValue));
+        if (!isNaN(date.getTime())) {
+          pairs.push({
+            value: date,
+            count: item.$count ?? 0
+          });
+        }
+      }
+    }
+    return pairs;
+  }, [aggregateData, propertyKey]);
+  return /*#__PURE__*/React.createElement(NullValueWrapper, {
+    nullCount: nullCount,
+    isLoading: nullLoading,
+    includeNull: includeNull,
+    onIncludeNullChange: onNullChange
+  }, /*#__PURE__*/React.createElement(DateRangeInput, {
+    valueCountPairs: valueCountPairs,
+    isLoading: histLoading,
+    minValue: minValue,
+    maxValue: maxValue,
+    onChange: onChange
+  }));
+}
+//# sourceMappingURL=LinkedPropertyInput.js.map