@osdk/react-components 0.2.0-beta.15 → 0.2.0-beta.17

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

@@ -17,28 +17,22 @@
 import { Button } from "@base-ui/react/button";
 import classnames from "classnames";
 import React, { memo, useCallback, useMemo, useState } from "react";
-import { usePropertyAggregation } from "../../hooks/usePropertyAggregation.js";
 import styles from "./ListogramInput.module.css.js";
 import sharedStyles from "./shared.module.css.js";
 function ListogramInputInner({
-  objectType,
-  propertyKey,
+  values,
+  maxCount,
+  isLoading,
+  error,
   selectedValues,
   onChange,
-  whereClause,
+  colorMap,
+  displayMode = "full",
   className,
   style,
   maxVisibleItems
 }) {
   const [isExpanded, setIsExpanded] = useState(false);
-  const {
-    data: values,
-    maxCount,
-    isLoading,
-    error
-  } = usePropertyAggregation(objectType, propertyKey, {
-    where: whereClause
-  });
   const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues]);
   const toggleValue = useCallback(value => {
     if (selectedSet.has(value)) {
@@ -68,24 +62,26 @@ function ListogramInputInner({
     value,
     count
   }) => {
-    const isSelected = selectedSet.has(value);
     const percentage = maxCount > 0 ? count / maxCount * 100 : 0;
+    const perRowColor = colorMap?.[value];
     return /*#__PURE__*/React.createElement(Button, {
       key: value,
-      type: "button",
       className: styles.row,
       onClick: () => toggleValue(value),
-      "aria-pressed": isSelected
+      "aria-pressed": selectedSet.has(value),
+      style: perRowColor || percentage > 0 ? {
+        "--osdk-filter-listogram-bar-fill-scale": percentage / 100,
+        ...(perRowColor ? {
+          "--osdk-filter-listogram-row-bar-color": perRowColor
+        } : undefined)
+      } : undefined
     }, /*#__PURE__*/React.createElement("span", {
       className: styles.label
-    }, value), /*#__PURE__*/React.createElement("span", {
+    }, value), displayMode === "full" && /*#__PURE__*/React.createElement("span", {
       className: styles.bar
     }, /*#__PURE__*/React.createElement("span", {
-      className: styles.barFill,
-      style: {
-        width: `${percentage}%`
-      }
-    })), /*#__PURE__*/React.createElement("span", {
+      className: styles.barFill
+    })), displayMode !== "minimal" && /*#__PURE__*/React.createElement("span", {
       className: styles.count
     }, count.toLocaleString()));
   }), hasMore && !isExpanded && /*#__PURE__*/React.createElement(Button, {

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

@@ -1 +1 @@
-{"version":3,"file":"ListogramInput.js","names":["Button","classnames","React","memo","useCallback","useMemo","useState","usePropertyAggregation","styles","sharedStyles","ListogramInputInner","objectType","propertyKey","selectedValues","onChange","whereClause","className","style","maxVisibleItems","isExpanded","setIsExpanded","data","values","maxCount","isLoading","error","where","selectedSet","Set","toggleValue","value","has","filter","v","displayValues","slice","hasMore","length","createElement","listogram","loadingMessage","errorMessage","message","emptyMessage","container","map","count","isSelected","percentage","key","type","row","onClick","label","bar","barFill","width","toLocaleString","ListogramInput"],"sources":["ListogramInput.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 { Button } from \"@base-ui/react/button\";\nimport type {\n  ObjectSet,\n  ObjectTypeDefinition,\n  PropertyKeys,\n  WhereClause,\n} from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo, useState } from \"react\";\nimport { usePropertyAggregation } from \"../../hooks/usePropertyAggregation.js\";\nimport styles from \"./ListogramInput.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\ninterface ListogramInputProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> {\n  objectType: Q;\n  propertyKey: K;\n  selectedValues: string[];\n  onChange: (values: string[]) => void;\n  objectSet?: ObjectSet<Q>;\n  whereClause?: WhereClause<Q>;\n  className?: string;\n  style?: React.CSSProperties;\n  maxVisibleItems?: number;\n}\n\nfunction ListogramInputInner<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n>({\n  objectType,\n  propertyKey,\n  selectedValues,\n  onChange,\n  whereClause,\n  className,\n  style,\n  maxVisibleItems,\n}: ListogramInputProps<Q, K>): React.ReactElement {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const { data: values, maxCount, isLoading, error } = usePropertyAggregation(\n    objectType,\n    propertyKey,\n    { where: whereClause },\n  );\n\n  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues]);\n\n  const toggleValue = useCallback(\n    (value: string) => {\n      if (selectedSet.has(value)) {\n        onChange(selectedValues.filter((v) => v !== value));\n      } else {\n        onChange([...selectedValues, value]);\n      }\n    },\n    [selectedValues, selectedSet, onChange],\n  );\n\n  const displayValues = useMemo(() => {\n    if (isExpanded || !maxVisibleItems) return values;\n    return values.slice(0, maxVisibleItems);\n  }, [values, maxVisibleItems, isExpanded]);\n\n  const hasMore = maxVisibleItems != null && values.length > maxVisibleItems;\n\n  return (\n    <div\n      className={classnames(styles.listogram, className)}\n      style={style}\n      data-loading={isLoading}\n    >\n      {isLoading && (\n        <div className={sharedStyles.loadingMessage}>\n          Loading values...\n        </div>\n      )}\n\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading values: {error.message}\n        </div>\n      )}\n\n      {!isLoading && !error && values.length === 0 && (\n        <div className={sharedStyles.emptyMessage}>\n          No values available\n        </div>\n      )}\n\n      {(values.length > 0 || isLoading) && (\n        <div className={styles.container}>\n          {displayValues.map(({ value, count }) => {\n            const isSelected = selectedSet.has(value);\n            const percentage = maxCount > 0 ? (count / maxCount) * 100 : 0;\n\n            return (\n              <Button\n                key={value}\n                type=\"button\"\n                className={styles.row}\n                onClick={() => toggleValue(value)}\n                aria-pressed={isSelected}\n              >\n                <span className={styles.label}>{value}</span>\n                <span className={styles.bar}>\n                  <span\n                    className={styles.barFill}\n                    style={{ width: `${percentage}%` }}\n                  />\n                </span>\n                <span className={styles.count}>\n                  {count.toLocaleString()}\n                </span>\n              </Button>\n            );\n          })}\n\n          {hasMore && !isExpanded && (\n            <Button\n              type=\"button\"\n              className={styles.row}\n              onClick={() => setIsExpanded(true)}\n            >\n              View all ({values.length})\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const ListogramInput = memo(\n  ListogramInputInner,\n) as typeof ListogramInputInner;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ListogramInput.js","names":["Button","classnames","React","memo","useCallback","useMemo","useState","styles","sharedStyles","ListogramInputInner","values","maxCount","isLoading","error","selectedValues","onChange","colorMap","displayMode","className","style","maxVisibleItems","isExpanded","setIsExpanded","selectedSet","Set","toggleValue","value","has","filter","v","displayValues","slice","hasMore","length","createElement","listogram","loadingMessage","errorMessage","message","emptyMessage","container","map","count","percentage","perRowColor","key","row","onClick","undefined","label","bar","barFill","toLocaleString","type","ListogramInput"],"sources":["ListogramInput.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 { Button } from \"@base-ui/react/button\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo, useState } from \"react\";\nimport type { PropertyAggregationValue } from \"../../types/AggregationTypes.js\";\nimport styles from \"./ListogramInput.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\nexport type ListogramDisplayMode = \"full\" | \"count\" | \"minimal\";\n\ninterface ListogramInputProps {\n  values: PropertyAggregationValue[];\n  maxCount: number;\n  isLoading: boolean;\n  error: Error | null;\n  selectedValues: string[];\n  onChange: (values: string[]) => void;\n  colorMap?: Record<string, string>;\n  displayMode?: ListogramDisplayMode;\n  className?: string;\n  style?: React.CSSProperties;\n  maxVisibleItems?: number;\n}\n\nfunction ListogramInputInner({\n  values,\n  maxCount,\n  isLoading,\n  error,\n  selectedValues,\n  onChange,\n  colorMap,\n  displayMode = \"full\",\n  className,\n  style,\n  maxVisibleItems,\n}: ListogramInputProps): React.ReactElement {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues]);\n\n  const toggleValue = useCallback(\n    (value: string) => {\n      if (selectedSet.has(value)) {\n        onChange(selectedValues.filter((v) => v !== value));\n      } else {\n        onChange([...selectedValues, value]);\n      }\n    },\n    [selectedValues, selectedSet, onChange],\n  );\n\n  const displayValues = useMemo(() => {\n    if (isExpanded || !maxVisibleItems) return values;\n    return values.slice(0, maxVisibleItems);\n  }, [values, maxVisibleItems, isExpanded]);\n\n  const hasMore = maxVisibleItems != null && values.length > maxVisibleItems;\n\n  return (\n    <div\n      className={classnames(styles.listogram, className)}\n      style={style}\n      data-loading={isLoading}\n    >\n      {isLoading && (\n        <div className={sharedStyles.loadingMessage}>\n          Loading values...\n        </div>\n      )}\n\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading values: {error.message}\n        </div>\n      )}\n\n      {!isLoading && !error && values.length === 0 && (\n        <div className={sharedStyles.emptyMessage}>\n          No values available\n        </div>\n      )}\n\n      {(values.length > 0 || isLoading) && (\n        <div className={styles.container}>\n          {displayValues.map(({ value, count }) => {\n            const percentage = maxCount > 0 ? (count / maxCount) * 100 : 0;\n            const perRowColor = colorMap?.[value];\n\n            return (\n              <Button\n                key={value}\n                className={styles.row}\n                onClick={() => toggleValue(value)}\n                aria-pressed={selectedSet.has(value)}\n                style={perRowColor || percentage > 0\n                  ? {\n                    \"--osdk-filter-listogram-bar-fill-scale\": percentage / 100,\n                    ...(perRowColor\n                      ? {\n                        \"--osdk-filter-listogram-row-bar-color\": perRowColor,\n                      }\n                      : undefined),\n                  } as React.CSSProperties\n                  : undefined}\n              >\n                <span className={styles.label}>{value}</span>\n                {displayMode === \"full\" && (\n                  <span className={styles.bar}>\n                    <span className={styles.barFill} />\n                  </span>\n                )}\n                {displayMode !== \"minimal\" && (\n                  <span className={styles.count}>\n                    {count.toLocaleString()}\n                  </span>\n                )}\n              </Button>\n            );\n          })}\n\n          {hasMore && !isExpanded && (\n            <Button\n              type=\"button\"\n              className={styles.row}\n              onClick={() => setIsExpanded(true)}\n            >\n              View all ({values.length})\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const ListogramInput = memo(\n  ListogramInputInner,\n) as typeof ListogramInputInner;\n"],"mappings":"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","ignoreList":[]}

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

@@ -22,40 +22,41 @@
 .container {
   display: flex;
   flex-direction: column;
-  gap: var(--osdk-filter-listogram-gap, calc(var(--osdk-surface-spacing) * 1));
+  gap: var(--osdk-filter-listogram-gap);
 }
 
 .row {
   display: flex;
   align-items: center;
-  gap: var(--osdk-filter-listogram-row-gap, calc(var(--osdk-surface-spacing) * 2));
-  padding: var(--osdk-filter-listogram-row-padding, calc(var(--osdk-surface-spacing) * 1));
+  gap: var(--osdk-filter-listogram-row-gap);
+  padding: var(--osdk-filter-listogram-row-padding);
   border: none;
   background: transparent;
   cursor: pointer;
-  border-radius: var(--osdk-surface-border-radius);
+  border-radius: var(--osdk-filter-listogram-row-border-radius);
   text-align: left;
   width: 100%;
-  transition: background-color var(--osdk-emphasis-transition-duration) var(--osdk-emphasis-ease-default);
+  transition: background-color var(--osdk-filter-listogram-row-transition);
 
   &:hover {
-    background: var(--osdk-surface-background-color-default-hover);
+    background: var(--osdk-filter-listogram-row-bg-hover);
   }
 
   &:focus-visible {
-    outline: var(--osdk-emphasis-focus-width) solid var(--osdk-emphasis-focus-color);
-    outline-offset: var(--osdk-emphasis-focus-offset);
+    outline: var(--osdk-filter-listogram-row-focus-outline);
+    outline-offset: var(--osdk-filter-listogram-row-focus-offset);
   }
 }
 
 .row[aria-pressed="true"] {
-  background: var(--osdk-surface-background-color-default-active);
+  background: var(--osdk-filter-listogram-row-bg-active);
 }
 
 .label {
   flex: 1;
-  font-size: var(--osdk-typography-size-body-medium);
-  color: var(--osdk-typography-color-default-rest);
+  font-family: var(--osdk-filter-listogram-label-font-family);
+  font-size: var(--osdk-filter-listogram-label-font-size);
+  color: var(--osdk-filter-listogram-label-color);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -63,26 +64,31 @@
 
 .bar {
   flex: 2;
-  height: var(--osdk-filter-listogram-bar-height, 8px);
-  background: var(--osdk-custom-color-gray-2);
-  border-radius: var(--osdk-surface-border-radius);
+  height: var(--osdk-filter-listogram-bar-height);
+  background: var(--osdk-filter-listogram-bar-bg);
+  border-radius: var(--osdk-filter-listogram-bar-border-radius);
   overflow: hidden;
 }
 
 .barFill {
+  display: block;
   height: 100%;
-  background: var(--osdk-filter-listogram-bar-color);
-  transition: width var(--osdk-emphasis-transition-duration) var(--osdk-emphasis-ease-default);
+  width: 100%;
+  background: var(--osdk-filter-listogram-row-bar-color, var(--osdk-filter-listogram-bar-color));
+  transform-origin: left;
+  transform: scaleX(var(--osdk-filter-listogram-bar-fill-scale, 0));
+  transition: transform var(--osdk-filter-listogram-bar-fill-transition);
 }
 
 .row[aria-pressed="true"] .barFill {
-  background: var(--osdk-filter-listogram-selected-color);
+  background: var(--osdk-filter-listogram-row-bar-color, var(--osdk-filter-listogram-selected-color));
 }
 
 .count {
-  font-size: var(--osdk-typography-size-body-small);
+  font-family: var(--osdk-filter-listogram-count-font-family);
+  font-size: var(--osdk-filter-listogram-count-font-size);
   font-variant-numeric: tabular-nums;
-  color: var(--osdk-typography-color-muted);
+  color: var(--osdk-filter-listogram-count-color);
   min-width: 3ch;
   text-align: right;
 }

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

@@ -21,12 +21,13 @@
 }
 
 .clearAll {
-  font-size: var(--osdk-typography-size-body-small);
-  color: var(--osdk-intent-primary-rest);
+  font-family: var(--osdk-filter-date-clear-font-family);
+  font-size: var(--osdk-filter-date-clear-font-size);
+  color: var(--osdk-filter-date-clear-color);
   background: transparent;
   border: none;
   cursor: pointer;
-  padding: calc(var(--osdk-surface-spacing) * 0.5);
+  padding: var(--osdk-filter-date-clear-padding);
 
   &:hover {
     text-decoration: underline;
@@ -39,7 +40,8 @@
 
 .input {
   flex: 1;
-  font-size: var(--osdk-typography-size-body-medium);
+  font-family: var(--osdk-filter-input-font-family);
+  font-size: var(--osdk-filter-timeline-input-font-size);
   padding: var(--osdk-filter-input-padding);
   border: var(--osdk-filter-input-border);
   border-radius: var(--osdk-filter-input-border-radius);

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

@@ -18,28 +18,21 @@ import { Button } from "@base-ui/react/button";
 import classnames from "classnames";
 import React, { memo, useCallback } from "react";
 import { Combobox } from "../../../base-components/combobox/Combobox.js";
-import { usePropertyAggregation } from "../../hooks/usePropertyAggregation.js";
 import styles from "./MultiSelectInput.module.css.js";
 import sharedStyles from "./shared.module.css.js";
 function MultiSelectInputInner({
-  objectType,
-  propertyKey,
+  values,
+  isLoading,
+  error,
   selectedValues,
   onChange,
-  whereClause,
   className,
   style,
   placeholder = "Select values...",
   maxDisplayedTags = 3,
-  showClearAll = true
+  showClearAll = true,
+  ariaLabel = "Search values"
 }) {
-  const {
-    data: values,
-    isLoading,
-    error
-  } = usePropertyAggregation(objectType, propertyKey, {
-    where: whereClause
-  });
   const handleValueChange = useCallback(newValues => {
     onChange(newValues ?? []);
   }, [onChange]);
@@ -81,7 +74,7 @@ function MultiSelectInputInner({
     className: styles.inputRow
   }, /*#__PURE__*/React.createElement(Combobox.Input, {
     placeholder: selectedValues.length > 0 ? `${selectedValues.length} selected` : placeholder,
-    "aria-label": `Search ${propertyKey} values`
+    "aria-label": ariaLabel
   }), showClearAll && selectedValues.length > 0 && /*#__PURE__*/React.createElement(Combobox.Clear, {
     className: styles.clearButton,
     onClick: clearAll,
@@ -93,7 +86,7 @@ function MultiSelectInputInner({
     key: value,
     value: value
   }, /*#__PURE__*/React.createElement("span", null, value), /*#__PURE__*/React.createElement("span", {
-    className: styles.count
+    className: styles.itemCount
   }, "(", count.toLocaleString(), ")"))))))));
 }
 export const MultiSelectInput = /*#__PURE__*/memo(MultiSelectInputInner);

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectInput.js","names":["Button","classnames","React","memo","useCallback","Combobox","usePropertyAggregation","styles","sharedStyles","MultiSelectInputInner","objectType","propertyKey","selectedValues","onChange","whereClause","className","style","placeholder","maxDisplayedTags","showClearAll","data","values","isLoading","error","where","handleValueChange","newValues","removeValue","value","filter","v","clearAll","displayedTags","slice","remainingCount","length","createElement","multiSelect","errorMessage","message","emptyMessage","Root","multiple","onValueChange","loadingMessage","tagContainer","map","key","tag","type","tagRemove","onClick","inputRow","Input","Clear","clearButton","Portal","Positioner","Popup","Empty","count","Item","toLocaleString","MultiSelectInput"],"sources":["MultiSelectInput.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 { Button } from \"@base-ui/react/button\";\nimport type {\n  ObjectSet,\n  ObjectTypeDefinition,\n  PropertyKeys,\n  WhereClause,\n} from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback } from \"react\";\nimport { Combobox } from \"../../../base-components/combobox/Combobox.js\";\nimport { usePropertyAggregation } from \"../../hooks/usePropertyAggregation.js\";\nimport styles from \"./MultiSelectInput.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\ninterface MultiSelectInputProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> {\n  objectType: Q;\n  propertyKey: K;\n  selectedValues: string[];\n  onChange: (values: string[]) => void;\n  objectSet?: ObjectSet<Q>;\n  whereClause?: WhereClause<Q>;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  maxDisplayedTags?: number;\n  showClearAll?: boolean;\n}\n\nfunction MultiSelectInputInner<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n>({\n  objectType,\n  propertyKey,\n  selectedValues,\n  onChange,\n  whereClause,\n  className,\n  style,\n  placeholder = \"Select values...\",\n  maxDisplayedTags = 3,\n  showClearAll = true,\n}: MultiSelectInputProps<Q, K>): React.ReactElement {\n  const { data: values, isLoading, error } = usePropertyAggregation(\n    objectType,\n    propertyKey,\n    { where: whereClause },\n  );\n\n  const handleValueChange = useCallback(\n    (newValues: string[] | null) => {\n      onChange(newValues ?? []);\n    },\n    [onChange],\n  );\n\n  const removeValue = useCallback(\n    (value: string) => {\n      onChange(selectedValues.filter((v) => v !== value));\n    },\n    [selectedValues, onChange],\n  );\n\n  const clearAll = useCallback(() => {\n    onChange([]);\n  }, [onChange]);\n\n  const displayedTags = selectedValues.slice(0, maxDisplayedTags);\n  const remainingCount = selectedValues.length - maxDisplayedTags;\n\n  return (\n    <div\n      className={classnames(styles.multiSelect, className)}\n      style={style}\n      data-loading={isLoading}\n    >\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading options: {error.message}\n        </div>\n      )}\n\n      {!error && values.length === 0 && (\n        <div className={sharedStyles.emptyMessage}>\n          {isLoading ? \"Loading options...\" : \"No options available\"}\n        </div>\n      )}\n\n      {(values.length > 0 || isLoading) && (\n        <Combobox.Root<string, true>\n          multiple\n          value={selectedValues}\n          onValueChange={handleValueChange}\n        >\n          {isLoading && (\n            <div className={sharedStyles.loadingMessage}>\n              Updating...\n            </div>\n          )}\n\n          {selectedValues.length > 0 && (\n            <div className={sharedStyles.tagContainer}>\n              {displayedTags.map((value) => (\n                <span key={value} className={sharedStyles.tag}>\n                  {value}\n                  <Button\n                    type=\"button\"\n                    className={sharedStyles.tagRemove}\n                    onClick={() =>\n                      removeValue(value)}\n                    aria-label={`Remove ${value}`}\n                  >\n                    ×\n                  </Button>\n                </span>\n              ))}\n              {remainingCount > 0 && (\n                <span className={sharedStyles.tag}>\n                  +{remainingCount} more\n                </span>\n              )}\n            </div>\n          )}\n\n          <div className={styles.inputRow}>\n            <Combobox.Input\n              placeholder={selectedValues.length > 0\n                ? `${selectedValues.length} selected`\n                : placeholder}\n              aria-label={`Search ${propertyKey} values`}\n            />\n            {showClearAll && selectedValues.length > 0 && (\n              <Combobox.Clear\n                className={styles.clearButton}\n                onClick={clearAll}\n                aria-label=\"Clear all selections\"\n              />\n            )}\n          </div>\n\n          <Combobox.Portal>\n            <Combobox.Positioner>\n              <Combobox.Popup>\n                {values.length === 0\n                  ? <Combobox.Empty>No options available</Combobox.Empty>\n                  : values.map(({ value, count }) => (\n                    <Combobox.Item key={value} value={value}>\n                      <span>{value}</span>\n                      <span className={styles.count}>\n                        ({count.toLocaleString()})\n                      </span>\n                    </Combobox.Item>\n                  ))}\n              </Combobox.Popup>\n            </Combobox.Positioner>\n          </Combobox.Portal>\n        </Combobox.Root>\n      )}\n    </div>\n  );\n}\n\nexport const MultiSelectInput = memo(\n  MultiSelectInputInner,\n) as typeof MultiSelectInputInner;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MultiSelectInput.js","names":["Button","classnames","React","memo","useCallback","Combobox","styles","sharedStyles","MultiSelectInputInner","values","isLoading","error","selectedValues","onChange","className","style","placeholder","maxDisplayedTags","showClearAll","ariaLabel","handleValueChange","newValues","removeValue","value","filter","v","clearAll","displayedTags","slice","remainingCount","length","createElement","multiSelect","errorMessage","message","emptyMessage","Root","multiple","onValueChange","loadingMessage","tagContainer","map","key","tag","type","tagRemove","onClick","inputRow","Input","Clear","clearButton","Portal","Positioner","Popup","Empty","count","Item","itemCount","toLocaleString","MultiSelectInput"],"sources":["MultiSelectInput.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 { Button } from \"@base-ui/react/button\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback } from \"react\";\nimport { Combobox } from \"../../../base-components/combobox/Combobox.js\";\nimport type { PropertyAggregationValue } from \"../../types/AggregationTypes.js\";\nimport styles from \"./MultiSelectInput.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\ninterface MultiSelectInputProps {\n  values: PropertyAggregationValue[];\n  isLoading: boolean;\n  error: Error | null;\n  selectedValues: string[];\n  onChange: (values: string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  maxDisplayedTags?: number;\n  showClearAll?: boolean;\n  ariaLabel?: string;\n}\n\nfunction MultiSelectInputInner({\n  values,\n  isLoading,\n  error,\n  selectedValues,\n  onChange,\n  className,\n  style,\n  placeholder = \"Select values...\",\n  maxDisplayedTags = 3,\n  showClearAll = true,\n  ariaLabel = \"Search values\",\n}: MultiSelectInputProps): React.ReactElement {\n  const handleValueChange = useCallback(\n    (newValues: string[] | null) => {\n      onChange(newValues ?? []);\n    },\n    [onChange],\n  );\n\n  const removeValue = useCallback(\n    (value: string) => {\n      onChange(selectedValues.filter((v) => v !== value));\n    },\n    [selectedValues, onChange],\n  );\n\n  const clearAll = useCallback(() => {\n    onChange([]);\n  }, [onChange]);\n\n  const displayedTags = selectedValues.slice(0, maxDisplayedTags);\n  const remainingCount = selectedValues.length - maxDisplayedTags;\n\n  return (\n    <div\n      className={classnames(styles.multiSelect, className)}\n      style={style}\n      data-loading={isLoading}\n    >\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading options: {error.message}\n        </div>\n      )}\n\n      {!error && values.length === 0 && (\n        <div className={sharedStyles.emptyMessage}>\n          {isLoading ? \"Loading options...\" : \"No options available\"}\n        </div>\n      )}\n\n      {(values.length > 0 || isLoading) && (\n        <Combobox.Root<string, true>\n          multiple\n          value={selectedValues}\n          onValueChange={handleValueChange}\n        >\n          {isLoading && (\n            <div className={sharedStyles.loadingMessage}>\n              Updating...\n            </div>\n          )}\n\n          {selectedValues.length > 0 && (\n            <div className={sharedStyles.tagContainer}>\n              {displayedTags.map((value) => (\n                <span key={value} className={sharedStyles.tag}>\n                  {value}\n                  <Button\n                    type=\"button\"\n                    className={sharedStyles.tagRemove}\n                    onClick={() =>\n                      removeValue(value)}\n                    aria-label={`Remove ${value}`}\n                  >\n                    ×\n                  </Button>\n                </span>\n              ))}\n              {remainingCount > 0 && (\n                <span className={sharedStyles.tag}>\n                  +{remainingCount} more\n                </span>\n              )}\n            </div>\n          )}\n\n          <div className={styles.inputRow}>\n            <Combobox.Input\n              placeholder={selectedValues.length > 0\n                ? `${selectedValues.length} selected`\n                : placeholder}\n              aria-label={ariaLabel}\n            />\n            {showClearAll && selectedValues.length > 0 && (\n              <Combobox.Clear\n                className={styles.clearButton}\n                onClick={clearAll}\n                aria-label=\"Clear all selections\"\n              />\n            )}\n          </div>\n\n          <Combobox.Portal>\n            <Combobox.Positioner>\n              <Combobox.Popup>\n                {values.length === 0\n                  ? <Combobox.Empty>No options available</Combobox.Empty>\n                  : values.map(({ value, count }) => (\n                    <Combobox.Item key={value} value={value}>\n                      <span>{value}</span>\n                      <span className={styles.itemCount}>\n                        ({count.toLocaleString()})\n                      </span>\n                    </Combobox.Item>\n                  ))}\n              </Combobox.Popup>\n            </Combobox.Positioner>\n          </Combobox.Portal>\n        </Combobox.Root>\n      )}\n    </div>\n  );\n}\n\nexport const MultiSelectInput = memo(\n  MultiSelectInputInner,\n) as typeof MultiSelectInputInner;\n"],"mappings":"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","ignoreList":[]}

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

@@ -30,6 +30,9 @@
   flex-shrink: 0;
 }
 
-.count {
+.itemCount {
+  font-family: var(--osdk-filter-multiselect-count-font-family);
+  font-size: var(--osdk-filter-multiselect-count-font-size);
   font-variant-numeric: tabular-nums;
+  color: var(--osdk-filter-multiselect-count-color);
 }

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

@@ -3,7 +3,7 @@ const styles = {
   "multiSelect": "MultiSelectInput-module__multiSelect___QW1VndMR",
   "inputRow": "MultiSelectInput-module__inputRow___rWRIzWSC",
   "clearButton": "MultiSelectInput-module__clearButton___tSH63Y1q",
-  "count": "MultiSelectInput-module__count___QykG01go"
+  "itemCount": "MultiSelectInput-module__itemCount___YAf51fvo"
 };
 
 export default styles;

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

@@ -14,16 +14,15 @@
  * limitations under the License.
  */
 
-import { useOsdkAggregation } from "@osdk/react/experimental";
 import classnames from "classnames";
-import React, { memo, useCallback, useMemo } from "react";
+import React, { memo, useCallback } from "react";
 import { Checkbox } from "../../../base-components/checkbox/Checkbox.js";
-import { createNullCountAggregateOptions, createNullWhereClause } from "../../utils/aggregationHelpers.js";
 import styles from "./NullValueWrapper.module.css.js";
 import sharedStyles from "./shared.module.css.js";
 function NullValueWrapperInner({
-  objectType,
-  propertyKey,
+  nullCount,
+  isLoading,
+  error,
   includeNull = false,
   onIncludeNullChange,
   showNullCount = true,
@@ -31,24 +30,6 @@ function NullValueWrapperInner({
   className,
   style
 }) {
-  const nullCountAggregateOptions = useMemo(() => createNullCountAggregateOptions(), []);
-  const nullWhereClause = useMemo(() => createNullWhereClause(propertyKey), [propertyKey]);
-  const {
-    data: nullCountData,
-    isLoading,
-    error
-  } = useOsdkAggregation(objectType, {
-    where: nullWhereClause,
-    aggregate: nullCountAggregateOptions
-  });
-  const nullCount = useMemo(() => {
-    if (!nullCountData) return 0;
-    const result = nullCountData;
-    if ("$count" in result && typeof result.$count === "number") {
-      return result.$count;
-    }
-    return 0;
-  }, [nullCountData]);
   const handleToggle = useCallback(() => {
     onIncludeNullChange(!includeNull);
   }, [includeNull, onIncludeNullChange]);

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

@@ -1 +1 @@
-{"version":3,"file":"NullValueWrapper.js","names":["useOsdkAggregation","classnames","React","memo","useCallback","useMemo","Checkbox","createNullCountAggregateOptions","createNullWhereClause","styles","sharedStyles","NullValueWrapperInner","objectType","propertyKey","includeNull","onIncludeNullChange","showNullCount","children","className","style","nullCountAggregateOptions","nullWhereClause","data","nullCountData","isLoading","error","where","aggregate","nullCount","result","$count","handleToggle","createElement","nullWrapper","nullValueRow","nullLabel","checked","onCheckedChange","nullLabelText","count","toLocaleString","errorMessage","NullValueWrapper"],"sources":["NullValueWrapper.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, PropertyKeys } from \"@osdk/api\";\nimport { useOsdkAggregation } from \"@osdk/react/experimental\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo } from \"react\";\nimport { Checkbox } from \"../../../base-components/checkbox/Checkbox.js\";\nimport {\n  createNullCountAggregateOptions,\n  createNullWhereClause,\n} from \"../../utils/aggregationHelpers.js\";\nimport styles from \"./NullValueWrapper.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\ninterface NullValueWrapperProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> {\n  objectType: Q;\n  propertyKey: K;\n  includeNull?: boolean;\n  onIncludeNullChange: (include: boolean) => void;\n  showNullCount?: boolean;\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction NullValueWrapperInner<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n>({\n  objectType,\n  propertyKey,\n  includeNull = false,\n  onIncludeNullChange,\n  showNullCount = true,\n  children,\n  className,\n  style,\n}: NullValueWrapperProps<Q, K>): React.ReactElement {\n  const nullCountAggregateOptions = useMemo(\n    () => createNullCountAggregateOptions<Q>(),\n    [],\n  );\n\n  const nullWhereClause = useMemo(\n    () => createNullWhereClause<Q>(propertyKey as string),\n    [propertyKey],\n  );\n\n  const { data: nullCountData, isLoading, error } = useOsdkAggregation(\n    objectType,\n    {\n      where: nullWhereClause,\n      aggregate: nullCountAggregateOptions,\n    },\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  const handleToggle = useCallback(() => {\n    onIncludeNullChange(!includeNull);\n  }, [includeNull, onIncludeNullChange]);\n\n  return (\n    <div className={classnames(styles.nullWrapper, className)} style={style}>\n      {children}\n\n      <div\n        className={styles.nullValueRow}\n        data-checked={includeNull}\n        data-loading={isLoading}\n      >\n        <label className={styles.nullLabel}>\n          <Checkbox checked={includeNull} onCheckedChange={handleToggle} />\n          <span className={styles.nullLabelText}>No value</span>\n        </label>\n        {showNullCount && !error && nullCount > 0 && (\n          <span className={styles.count}>\n            {nullCount.toLocaleString()}\n          </span>\n        )}\n      </div>\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Failed to load null count\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const NullValueWrapper = memo(\n  NullValueWrapperInner,\n) as typeof NullValueWrapperInner;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,kBAAkB,QAAQ,0BAA0B;AAC7D,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACzD,SAASC,QAAQ,QAAQ,+CAA+C;AACxE,SACEC,+BAA+B,EAC/BC,qBAAqB,QAChB,mCAAmC;AAC1C,OAAOC,MAAM,MAAM,+BAA+B;AAClD,OAAOC,YAAY,MAAM,qBAAqB;AAgB9C,SAASC,qBAAqBA,CAG5B;EACAC,UAAU;EACVC,WAAW;EACXC,WAAW,GAAG,KAAK;EACnBC,mBAAmB;EACnBC,aAAa,GAAG,IAAI;EACpBC,QAAQ;EACRC,SAAS;EACTC;AAC2B,CAAC,EAAsB;EAClD,MAAMC,yBAAyB,GAAGf,OAAO,CACvC,MAAME,+BAA+B,CAAI,CAAC,EAC1C,EACF,CAAC;EAED,MAAMc,eAAe,GAAGhB,OAAO,CAC7B,MAAMG,qBAAqB,CAAIK,WAAqB,CAAC,EACrD,CAACA,WAAW,CACd,CAAC;EAED,MAAM;IAAES,IAAI,EAAEC,aAAa;IAAEC,SAAS;IAAEC;EAAM,CAAC,GAAGzB,kBAAkB,CAClEY,UAAU,EACV;IACEc,KAAK,EAAEL,eAAe;IACtBM,SAAS,EAAEP;EACb,CACF,CAAC;EAED,MAAMQ,SAAS,GAAGvB,OAAO,CAAC,MAAM;IAC9B,IAAI,CAACkB,aAAa,EAAE,OAAO,CAAC;IAC5B,MAAMM,MAAM,GAAGN,aAAwD;IACvE,IAAI,QAAQ,IAAIM,MAAM,IAAI,OAAOA,MAAM,CAACC,MAAM,KAAK,QAAQ,EAAE;MAC3D,OAAOD,MAAM,CAACC,MAAM;IACtB;IACA,OAAO,CAAC;EACV,CAAC,EAAE,CAACP,aAAa,CAAC,CAAC;EAEnB,MAAMQ,YAAY,GAAG3B,WAAW,CAAC,MAAM;IACrCW,mBAAmB,CAAC,CAACD,WAAW,CAAC;EACnC,CAAC,EAAE,CAACA,WAAW,EAAEC,mBAAmB,CAAC,CAAC;EAEtC,oBACEb,KAAA,CAAA8B,aAAA;IAAKd,SAAS,EAAEjB,UAAU,CAACQ,MAAM,CAACwB,WAAW,EAAEf,SAAS,CAAE;IAACC,KAAK,EAAEA;EAAM,GACrEF,QAAQ,eAETf,KAAA,CAAA8B,aAAA;IACEd,SAAS,EAAET,MAAM,CAACyB,YAAa;IAC/B,gBAAcpB,WAAY;IAC1B,gBAAcU;EAAU,gBAExBtB,KAAA,CAAA8B,aAAA;IAAOd,SAAS,EAAET,MAAM,CAAC0B;EAAU,gBACjCjC,KAAA,CAAA8B,aAAA,CAAC1B,QAAQ;IAAC8B,OAAO,EAAEtB,WAAY;IAACuB,eAAe,EAAEN;EAAa,CAAE,CAAC,eACjE7B,KAAA,CAAA8B,aAAA;IAAMd,SAAS,EAAET,MAAM,CAAC6B;EAAc,GAAC,UAAc,CAChD,CAAC,EACPtB,aAAa,IAAI,CAACS,KAAK,IAAIG,SAAS,GAAG,CAAC,iBACvC1B,KAAA,CAAA8B,aAAA;IAAMd,SAAS,EAAET,MAAM,CAAC8B;EAAM,GAC3BX,SAAS,CAACY,cAAc,CAAC,CACtB,CAEL,CAAC,EACLf,KAAK,iBACJvB,KAAA,CAAA8B,aAAA;IAAKd,SAAS,EAAER,YAAY,CAAC+B;EAAa,GAAC,2BAEtC,CAEJ,CAAC;AAEV;AAEA,OAAO,MAAMC,gBAAgB,gBAAGvC,IAAI,CAClCQ,qBACF,CAAiC","ignoreList":[]}
+{"version":3,"file":"NullValueWrapper.js","names":["classnames","React","memo","useCallback","Checkbox","styles","sharedStyles","NullValueWrapperInner","nullCount","isLoading","error","includeNull","onIncludeNullChange","showNullCount","children","className","style","handleToggle","createElement","nullWrapper","nullValueRow","nullLabel","checked","onCheckedChange","nullLabelText","count","toLocaleString","errorMessage","NullValueWrapper"],"sources":["NullValueWrapper.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 classnames from \"classnames\";\nimport React, { memo, useCallback } from \"react\";\nimport { Checkbox } from \"../../../base-components/checkbox/Checkbox.js\";\nimport styles from \"./NullValueWrapper.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\ninterface NullValueWrapperProps {\n  nullCount: number;\n  isLoading: boolean;\n  error?: Error | null;\n  includeNull?: boolean;\n  onIncludeNullChange: (include: boolean) => void;\n  showNullCount?: boolean;\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction NullValueWrapperInner({\n  nullCount,\n  isLoading,\n  error,\n  includeNull = false,\n  onIncludeNullChange,\n  showNullCount = true,\n  children,\n  className,\n  style,\n}: NullValueWrapperProps): React.ReactElement {\n  const handleToggle = useCallback(() => {\n    onIncludeNullChange(!includeNull);\n  }, [includeNull, onIncludeNullChange]);\n\n  return (\n    <div className={classnames(styles.nullWrapper, className)} style={style}>\n      {children}\n\n      <div\n        className={styles.nullValueRow}\n        data-checked={includeNull}\n        data-loading={isLoading}\n      >\n        <label className={styles.nullLabel}>\n          <Checkbox checked={includeNull} onCheckedChange={handleToggle} />\n          <span className={styles.nullLabelText}>No value</span>\n        </label>\n        {showNullCount && !error && nullCount > 0 && (\n          <span className={styles.count}>\n            {nullCount.toLocaleString()}\n          </span>\n        )}\n      </div>\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Failed to load null count\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const NullValueWrapper = memo(\n  NullValueWrapperInner,\n) as typeof NullValueWrapperInner;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,SAASC,QAAQ,QAAQ,+CAA+C;AACxE,OAAOC,MAAM,MAAM,+BAA+B;AAClD,OAAOC,YAAY,MAAM,qBAAqB;AAc9C,SAASC,qBAAqBA,CAAC;EAC7BC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC,WAAW,GAAG,KAAK;EACnBC,mBAAmB;EACnBC,aAAa,GAAG,IAAI;EACpBC,QAAQ;EACRC,SAAS;EACTC;AACqB,CAAC,EAAsB;EAC5C,MAAMC,YAAY,GAAGd,WAAW,CAAC,MAAM;IACrCS,mBAAmB,CAAC,CAACD,WAAW,CAAC;EACnC,CAAC,EAAE,CAACA,WAAW,EAAEC,mBAAmB,CAAC,CAAC;EAEtC,oBACEX,KAAA,CAAAiB,aAAA;IAAKH,SAAS,EAAEf,UAAU,CAACK,MAAM,CAACc,WAAW,EAAEJ,SAAS,CAAE;IAACC,KAAK,EAAEA;EAAM,GACrEF,QAAQ,eAETb,KAAA,CAAAiB,aAAA;IACEH,SAAS,EAAEV,MAAM,CAACe,YAAa;IAC/B,gBAAcT,WAAY;IAC1B,gBAAcF;EAAU,gBAExBR,KAAA,CAAAiB,aAAA;IAAOH,SAAS,EAAEV,MAAM,CAACgB;EAAU,gBACjCpB,KAAA,CAAAiB,aAAA,CAACd,QAAQ;IAACkB,OAAO,EAAEX,WAAY;IAACY,eAAe,EAAEN;EAAa,CAAE,CAAC,eACjEhB,KAAA,CAAAiB,aAAA;IAAMH,SAAS,EAAEV,MAAM,CAACmB;EAAc,GAAC,UAAc,CAChD,CAAC,EACPX,aAAa,IAAI,CAACH,KAAK,IAAIF,SAAS,GAAG,CAAC,iBACvCP,KAAA,CAAAiB,aAAA;IAAMH,SAAS,EAAEV,MAAM,CAACoB;EAAM,GAC3BjB,SAAS,CAACkB,cAAc,CAAC,CACtB,CAEL,CAAC,EACLhB,KAAK,iBACJT,KAAA,CAAAiB,aAAA;IAAKH,SAAS,EAAET,YAAY,CAACqB;EAAa,GAAC,2BAEtC,CAEJ,CAAC;AAEV;AAEA,OAAO,MAAMC,gBAAgB,gBAAG1B,IAAI,CAClCK,qBACF,CAAiC","ignoreList":[]}

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

@@ -43,7 +43,8 @@
 }
 
 .count {
-  font-size: var(--osdk-typography-size-body-small);
+  font-family: var(--osdk-filter-null-count-font-family);
+  font-size: var(--osdk-filter-null-count-font-size);
   font-variant-numeric: tabular-nums;
-  color: var(--osdk-typography-color-muted);
+  color: var(--osdk-filter-null-count-color);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"NumberRangeInput.js","names":["React","memo","RangeInput","formatNumber","value","undefined","String","parseNumber","parsed","parseFloat","isNaN","numberConfig","inputType","formatValue","parseValue","toNumber","v","fromNumber","minLabel","maxLabel","formatTooltip","min","max","count","toFixed","toLocaleString","formatPlaceholder","inputProps","step","NumberRangeInputInner","props","createElement","_extends","config","NumberRangeInput"],"sources":["NumberRangeInput.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 { ObjectSet, ObjectTypeDefinition, PropertyKeys } from \"@osdk/api\";\nimport React, { memo } from \"react\";\nimport { RangeInput, type RangeInputConfig } from \"./RangeInput.js\";\n\nfunction formatNumber(value: number | undefined): string {\n  return value !== undefined ? String(value) : \"\";\n}\n\nfunction parseNumber(value: string): number | undefined {\n  if (value === \"\") return undefined;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n}\n\nconst numberConfig: RangeInputConfig<number> = {\n  inputType: \"number\",\n  formatValue: formatNumber,\n  parseValue: parseNumber,\n  toNumber: (v) => v,\n  fromNumber: (v) => v,\n  minLabel: \"Min\",\n  maxLabel: \"Max\",\n  formatTooltip: (min, max, count) =>\n    `${min.toFixed(1)} - ${max.toFixed(1)}: ${count.toLocaleString()}`,\n  formatPlaceholder: (value) => value.toFixed(0),\n  inputProps: { step: \"any\" },\n};\n\ninterface NumberRangeInputProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> {\n  objectType: Q;\n  propertyKey: K;\n  minValue: number | undefined;\n  maxValue: number | undefined;\n  onChange: (min: number | undefined, max: number | undefined) => void;\n  objectSet?: ObjectSet<Q>;\n  showHistogram?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction NumberRangeInputInner<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n>(props: NumberRangeInputProps<Q, K>): React.ReactElement {\n  return <RangeInput {...props} config={numberConfig} />;\n}\n\nexport const NumberRangeInput = memo(\n  NumberRangeInputInner,\n) as typeof NumberRangeInputInner;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,UAAU,QAA+B,iBAAiB;AAEnE,SAASC,YAAYA,CAACC,KAAyB,EAAU;EACvD,OAAOA,KAAK,KAAKC,SAAS,GAAGC,MAAM,CAACF,KAAK,CAAC,GAAG,EAAE;AACjD;AAEA,SAASG,WAAWA,CAACH,KAAa,EAAsB;EACtD,IAAIA,KAAK,KAAK,EAAE,EAAE,OAAOC,SAAS;EAClC,MAAMG,MAAM,GAAGC,UAAU,CAACL,KAAK,CAAC;EAChC,OAAOM,KAAK,CAACF,MAAM,CAAC,GAAGH,SAAS,GAAGG,MAAM;AAC3C;AAEA,MAAMG,YAAsC,GAAG;EAC7CC,SAAS,EAAE,QAAQ;EACnBC,WAAW,EAAEV,YAAY;EACzBW,UAAU,EAAEP,WAAW;EACvBQ,QAAQ,EAAGC,CAAC,IAAKA,CAAC;EAClBC,UAAU,EAAGD,CAAC,IAAKA,CAAC;EACpBE,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,KAAK;EACfC,aAAa,EAAEA,CAACC,GAAG,EAAEC,GAAG,EAAEC,KAAK,KAC7B,GAAGF,GAAG,CAACG,OAAO,CAAC,CAAC,CAAC,MAAMF,GAAG,CAACE,OAAO,CAAC,CAAC,CAAC,KAAKD,KAAK,CAACE,cAAc,CAAC,CAAC,EAAE;EACpEC,iBAAiB,EAAGtB,KAAK,IAAKA,KAAK,CAACoB,OAAO,CAAC,CAAC,CAAC;EAC9CG,UAAU,EAAE;IAAEC,IAAI,EAAE;EAAM;AAC5B,CAAC;AAiBD,SAASC,qBAAqBA,CAG5BC,KAAkC,EAAsB;EACxD,oBAAO9B,KAAA,CAAA+B,aAAA,CAAC7B,UAAU,EAAA8B,QAAA,KAAKF,KAAK;IAAEG,MAAM,EAAEtB;EAAa,EAAE,CAAC;AACxD;AAEA,OAAO,MAAMuB,gBAAgB,gBAAGjC,IAAI,CAClC4B,qBACF,CAAiC","ignoreList":[]}
+{"version":3,"file":"NumberRangeInput.js","names":["React","memo","RangeInput","formatNumber","value","undefined","String","parseNumber","parsed","parseFloat","isNaN","numberConfig","inputType","formatValue","parseValue","toNumber","v","fromNumber","minLabel","maxLabel","formatTooltip","min","max","count","toFixed","toLocaleString","formatPlaceholder","inputProps","step","NumberRangeInputInner","props","createElement","_extends","config","NumberRangeInput"],"sources":["NumberRangeInput.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 } from \"react\";\nimport { RangeInput, type RangeInputConfig } from \"./RangeInput.js\";\n\nfunction formatNumber(value: number | undefined): string {\n  return value !== undefined ? String(value) : \"\";\n}\n\nfunction parseNumber(value: string): number | undefined {\n  if (value === \"\") return undefined;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n}\n\nconst numberConfig: RangeInputConfig<number> = {\n  inputType: \"number\",\n  formatValue: formatNumber,\n  parseValue: parseNumber,\n  toNumber: (v) => v,\n  fromNumber: (v) => v,\n  minLabel: \"Min\",\n  maxLabel: \"Max\",\n  formatTooltip: (min, max, count) =>\n    `${min.toFixed(1)} - ${max.toFixed(1)}: ${count.toLocaleString()}`,\n  formatPlaceholder: (value) => value.toFixed(0),\n  inputProps: { step: \"any\" },\n};\n\ninterface NumberRangeInputProps {\n  valueCountPairs: Array<{ value: number; count: number }>;\n  isLoading: boolean;\n  minValue: number | undefined;\n  maxValue: number | undefined;\n  onChange: (min: number | undefined, max: number | undefined) => void;\n  showHistogram?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction NumberRangeInputInner(\n  props: NumberRangeInputProps,\n): React.ReactElement {\n  return <RangeInput {...props} config={numberConfig} />;\n}\n\nexport const NumberRangeInput = memo(\n  NumberRangeInputInner,\n) as typeof NumberRangeInputInner;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,UAAU,QAA+B,iBAAiB;AAEnE,SAASC,YAAYA,CAACC,KAAyB,EAAU;EACvD,OAAOA,KAAK,KAAKC,SAAS,GAAGC,MAAM,CAACF,KAAK,CAAC,GAAG,EAAE;AACjD;AAEA,SAASG,WAAWA,CAACH,KAAa,EAAsB;EACtD,IAAIA,KAAK,KAAK,EAAE,EAAE,OAAOC,SAAS;EAClC,MAAMG,MAAM,GAAGC,UAAU,CAACL,KAAK,CAAC;EAChC,OAAOM,KAAK,CAACF,MAAM,CAAC,GAAGH,SAAS,GAAGG,MAAM;AAC3C;AAEA,MAAMG,YAAsC,GAAG;EAC7CC,SAAS,EAAE,QAAQ;EACnBC,WAAW,EAAEV,YAAY;EACzBW,UAAU,EAAEP,WAAW;EACvBQ,QAAQ,EAAGC,CAAC,IAAKA,CAAC;EAClBC,UAAU,EAAGD,CAAC,IAAKA,CAAC;EACpBE,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,KAAK;EACfC,aAAa,EAAEA,CAACC,GAAG,EAAEC,GAAG,EAAEC,KAAK,KAC7B,GAAGF,GAAG,CAACG,OAAO,CAAC,CAAC,CAAC,MAAMF,GAAG,CAACE,OAAO,CAAC,CAAC,CAAC,KAAKD,KAAK,CAACE,cAAc,CAAC,CAAC,EAAE;EACpEC,iBAAiB,EAAGtB,KAAK,IAAKA,KAAK,CAACoB,OAAO,CAAC,CAAC,CAAC;EAC9CG,UAAU,EAAE;IAAEC,IAAI,EAAE;EAAM;AAC5B,CAAC;AAaD,SAASC,qBAAqBA,CAC5BC,KAA4B,EACR;EACpB,oBAAO9B,KAAA,CAAA+B,aAAA,CAAC7B,UAAU,EAAA8B,QAAA,KAAKF,KAAK;IAAEG,MAAM,EAAEtB;EAAa,EAAE,CAAC;AACxD;AAEA,OAAO,MAAMuB,gBAAgB,gBAAGjC,IAAI,CAClC4B,qBACF,CAAiC","ignoreList":[]}

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

@@ -16,22 +16,19 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
  */
 
 import { Input } from "@base-ui/react/input";
-import { useOsdkAggregation } from "@osdk/react/experimental";
 import classnames from "classnames";
 import { debounce } from "lodash-es";
 import React, { memo, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
-import { createGroupByAggregateOptions } from "../../utils/aggregationHelpers.js";
 import { createHistogramBuckets, getMaxBucketCount } from "./createHistogramBuckets.js";
 import styles from "./RangeInput.module.css.js";
 import sharedStyles from "./shared.module.css.js";
 const DEBOUNCE_MS = 300;
 function RangeInputInner({
-  objectType,
-  propertyKey,
+  valueCountPairs,
+  isLoading,
   minValue,
   maxValue,
   onChange,
-  objectSet,
   showHistogram = true,
   className,
   style,
@@ -69,33 +66,6 @@ function RangeInputInner({
       debouncedMaxChange.cancel();
     };
   }, [debouncedMinChange, debouncedMaxChange]);
-  const aggregateOptions = useMemo(() => createGroupByAggregateOptions(propertyKey), [propertyKey]);
-  const {
-    data: aggregateData,
-    isLoading
-  } = useOsdkAggregation(objectType, {
-    aggregate: aggregateOptions
-  });
-  const valueCountPairs = useMemo(() => {
-    if (!aggregateData) return [];
-
-    // Same dynamic $groupBy + $count pattern as usePropertyAggregation
-
-    const pairs = [];
-    for (const item of aggregateData) {
-      const rawValue = item.$group[propertyKey];
-      if (rawValue != null) {
-        const parsed = config.parseValue(String(rawValue));
-        if (parsed !== undefined) {
-          pairs.push({
-            value: parsed,
-            count: item.$count ?? 0
-          });
-        }
-      }
-    }
-    return pairs;
-  }, [aggregateData, propertyKey, config]);
   const computedRange = useMemo(() => {
     if (valueCountPairs.length === 0) return {
       min: undefined,