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

package/build/esm/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/esm/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";
 import sharedStyles from "./shared.module.css";
 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/esm/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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,SAASC,QAAQ,QAAQ,+CAA+C;AAExE,OAAOC,MAAM,MAAM,+BAA+B;AAClD,OAAOC,YAAY,MAAM,qBAAqB;AAgB9C,SAASC,qBAAqBA,CAAC;EAC7BC,MAAM;EACNC,SAAS;EACTC,KAAK;EACLC,cAAc;EACdC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC,WAAW,GAAG,kBAAkB;EAChCC,gBAAgB,GAAG,CAAC;EACpBC,YAAY,GAAG,IAAI;EACnBC,SAAS,GAAG;AACS,CAAC,EAAsB;EAC5C,MAAMC,iBAAiB,GAAGhB,WAAW,CAClCiB,SAA0B,IAAK;IAC9BR,QAAQ,CAACQ,SAAS,IAAI,EAAE,CAAC;EAC3B,CAAC,EACD,CAACR,QAAQ,CACX,CAAC;EAED,MAAMS,WAAW,GAAGlB,WAAW,CAC5BmB,KAAa,IAAK;IACjBV,QAAQ,CAACD,cAAc,CAACY,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKF,KAAK,CAAC,CAAC;EACrD,CAAC,EACD,CAACX,cAAc,EAAEC,QAAQ,CAC3B,CAAC;EAED,MAAMa,QAAQ,GAAGtB,WAAW,CAAC,MAAM;IACjCS,QAAQ,CAAC,EAAE,CAAC;EACd,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMc,aAAa,GAAGf,cAAc,CAACgB,KAAK,CAAC,CAAC,EAAEX,gBAAgB,CAAC;EAC/D,MAAMY,cAAc,GAAGjB,cAAc,CAACkB,MAAM,GAAGb,gBAAgB;EAE/D,oBACEf,KAAA,CAAA6B,aAAA;IACEjB,SAAS,EAAEb,UAAU,CAACK,MAAM,CAAC0B,WAAW,EAAElB,SAAS,CAAE;IACrDC,KAAK,EAAEA,KAAM;IACb,gBAAcL;EAAU,GAEvBC,KAAK,iBACJT,KAAA,CAAA6B,aAAA;IAAKjB,SAAS,EAAEP,YAAY,CAAC0B;EAAa,GAAC,yBAClB,EAACtB,KAAK,CAACuB,OAC3B,CACN,EAEA,CAACvB,KAAK,IAAIF,MAAM,CAACqB,MAAM,KAAK,CAAC,iBAC5B5B,KAAA,CAAA6B,aAAA;IAAKjB,SAAS,EAAEP,YAAY,CAAC4B;EAAa,GACvCzB,SAAS,GAAG,oBAAoB,GAAG,sBACjC,CACN,EAEA,CAACD,MAAM,CAACqB,MAAM,GAAG,CAAC,IAAIpB,SAAS,kBAC9BR,KAAA,CAAA6B,aAAA,CAAC1B,QAAQ,CAAC+B,IAAI;IACZC,QAAQ;IACRd,KAAK,EAAEX,cAAe;IACtB0B,aAAa,EAAElB;EAAkB,GAEhCV,SAAS,iBACRR,KAAA,CAAA6B,aAAA;IAAKjB,SAAS,EAAEP,YAAY,CAACgC;EAAe,GAAC,aAExC,CACN,EAEA3B,cAAc,CAACkB,MAAM,GAAG,CAAC,iBACxB5B,KAAA,CAAA6B,aAAA;IAAKjB,SAAS,EAAEP,YAAY,CAACiC;EAAa,GACvCb,aAAa,CAACc,GAAG,CAAElB,KAAK,iBACvBrB,KAAA,CAAA6B,aAAA;IAAMW,GAAG,EAAEnB,KAAM;IAACT,SAAS,EAAEP,YAAY,CAACoC;EAAI,GAC3CpB,KAAK,eACNrB,KAAA,CAAA6B,aAAA,CAAC/B,MAAM;IACL4C,IAAI,EAAC,QAAQ;IACb9B,SAAS,EAAEP,YAAY,CAACsC,SAAU;IAClCC,OAAO,EAAEA,CAAA,KACPxB,WAAW,CAACC,KAAK,CAAE;IACrB,cAAY,UAAUA,KAAK;EAAG,GAC/B,MAEO,CACJ,CACP,CAAC,EACDM,cAAc,GAAG,CAAC,iBACjB3B,KAAA,CAAA6B,aAAA;IAAMjB,SAAS,EAAEP,YAAY,CAACoC;EAAI,GAAC,GAChC,EAACd,cAAc,EAAC,OACb,CAEL,CACN,eAED3B,KAAA,CAAA6B,aAAA;IAAKjB,SAAS,EAAER,MAAM,CAACyC;EAAS,gBAC9B7C,KAAA,CAAA6B,aAAA,CAAC1B,QAAQ,CAAC2C,KAAK;IACbhC,WAAW,EAAEJ,cAAc,CAACkB,MAAM,GAAG,CAAC,GAClC,GAAGlB,cAAc,CAACkB,MAAM,WAAW,GACnCd,WAAY;IAChB,cAAYG;EAAU,CACvB,CAAC,EACDD,YAAY,IAAIN,cAAc,CAACkB,MAAM,GAAG,CAAC,iBACxC5B,KAAA,CAAA6B,aAAA,CAAC1B,QAAQ,CAAC4C,KAAK;IACbnC,SAAS,EAAER,MAAM,CAAC4C,WAAY;IAC9BJ,OAAO,EAAEpB,QAAS;IAClB,cAAW;EAAsB,CAClC,CAEA,CAAC,eAENxB,KAAA,CAAA6B,aAAA,CAAC1B,QAAQ,CAAC8C,MAAM,qBACdjD,KAAA,CAAA6B,aAAA,CAAC1B,QAAQ,CAAC+C,UAAU,qBAClBlD,KAAA,CAAA6B,aAAA,CAAC1B,QAAQ,CAACgD,KAAK,QACZ5C,MAAM,CAACqB,MAAM,KAAK,CAAC,gBAChB5B,KAAA,CAAA6B,aAAA,CAAC1B,QAAQ,CAACiD,KAAK,QAAC,sBAAoC,CAAC,GACrD7C,MAAM,CAACgC,GAAG,CAAC,CAAC;IAAElB,KAAK;IAAEgC;EAAM,CAAC,kBAC5BrD,KAAA,CAAA6B,aAAA,CAAC1B,QAAQ,CAACmD,IAAI;IAACd,GAAG,EAAEnB,KAAM;IAACA,KAAK,EAAEA;EAAM,gBACtCrB,KAAA,CAAA6B,aAAA,eAAOR,KAAY,CAAC,eACpBrB,KAAA,CAAA6B,aAAA;IAAMjB,SAAS,EAAER,MAAM,CAACmD;EAAU,GAAC,GAChC,EAACF,KAAK,CAACG,cAAc,CAAC,CAAC,EAAC,GACrB,CACO,CAChB,CACW,CACG,CACN,CACJ,CAEd,CAAC;AAEV;AAEA,OAAO,MAAMC,gBAAgB,gBAAGxD,IAAI,CAClCK,qBACF,CAAiC","ignoreList":[]}

package/build/esm/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/esm/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";
 import sharedStyles from "./shared.module.css";
 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/esm/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/esm/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/esm/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/esm/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";
 import sharedStyles from "./shared.module.css";
 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,

package/build/esm/filter-list/base/inputs/RangeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeInput.js","names":["Input","useOsdkAggregation","classnames","debounce","React","memo","useCallback","useEffect","useId","useMemo","useRef","useState","createGroupByAggregateOptions","createHistogramBuckets","getMaxBucketCount","styles","sharedStyles","DEBOUNCE_MS","RangeInputInner","objectType","propertyKey","minValue","maxValue","onChange","objectSet","showHistogram","className","style","config","minInputId","maxInputId","localMin","setLocalMin","formatValue","localMax","setLocalMax","onChangeRef","current","minValueRef","maxValueRef","debouncedMinChange","newValue","parsed","parseValue","debouncedMaxChange","cancel","aggregateOptions","data","aggregateData","isLoading","aggregate","valueCountPairs","pairs","item","rawValue","$group","String","undefined","push","value","count","$count","computedRange","length","min","max","reduce","acc","p","Math","toNumber","Infinity","fromNumber","dataRange","dataMin","dataMax","buckets","maxBucketCount","handleMinChange","e","target","handleMaxChange","createElement","rangeInput","histogramContainer","map","bucket","index","height","isInRange","key","histogramBar","title","formatTooltip","rangeInputs","inputWrapper","htmlFor","inputLabel","minLabel","_extends","id","type","inputType","input","placeholder","formatPlaceholder","inputProps","separator","maxLabel","loadingMessage","RangeInput"],"sources":["RangeInput.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 { Input } from \"@base-ui/react/input\";\nimport type { ObjectSet, ObjectTypeDefinition, PropertyKeys } from \"@osdk/api\";\nimport { useOsdkAggregation } from \"@osdk/react/experimental\";\nimport classnames from \"classnames\";\nimport { debounce } from \"lodash-es\";\nimport React, {\n  memo,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  type AggregationGroupResult,\n  createGroupByAggregateOptions,\n} from \"../../utils/aggregationHelpers.js\";\nimport {\n  createHistogramBuckets,\n  getMaxBucketCount,\n  type HistogramBucket,\n} from \"./createHistogramBuckets.js\";\nimport styles from \"./RangeInput.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\nconst DEBOUNCE_MS = 300;\n\nexport interface RangeInputConfig<T> {\n  inputType: \"number\" | \"date\";\n  formatValue: (value: T | undefined) => string;\n  parseValue: (value: string) => T | undefined;\n  toNumber: (value: T) => number;\n  fromNumber: (value: number) => T;\n  minLabel: string;\n  maxLabel: string;\n  formatTooltip: (min: T, max: T, count: number) => string;\n  formatPlaceholder?: (value: T) => string;\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\nexport interface RangeInputProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n  T,\n> {\n  objectType: Q;\n  propertyKey: K;\n  minValue: T | undefined;\n  maxValue: T | undefined;\n  onChange: (min: T | undefined, max: T | undefined) => void;\n  objectSet?: ObjectSet<Q>;\n  showHistogram?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  config: RangeInputConfig<T>;\n}\n\nfunction RangeInputInner<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n  T,\n>({\n  objectType,\n  propertyKey,\n  minValue,\n  maxValue,\n  onChange,\n  objectSet,\n  showHistogram = true,\n  className,\n  style,\n  config,\n}: RangeInputProps<Q, K, T>): React.ReactElement {\n  const minInputId = useId();\n  const maxInputId = useId();\n\n  const [localMin, setLocalMin] = useState<string>(\n    config.formatValue(minValue),\n  );\n  const [localMax, setLocalMax] = useState<string>(\n    config.formatValue(maxValue),\n  );\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n  const minValueRef = useRef(minValue);\n  minValueRef.current = minValue;\n  const maxValueRef = useRef(maxValue);\n  maxValueRef.current = maxValue;\n\n  const debouncedMinChange = useMemo(\n    () =>\n      debounce((newValue: string) => {\n        const parsed = config.parseValue(newValue);\n        onChangeRef.current(parsed, maxValueRef.current);\n      }, DEBOUNCE_MS),\n    [config],\n  );\n\n  const debouncedMaxChange = useMemo(\n    () =>\n      debounce((newValue: string) => {\n        const parsed = config.parseValue(newValue);\n        onChangeRef.current(minValueRef.current, parsed);\n      }, DEBOUNCE_MS),\n    [config],\n  );\n\n  useEffect(() => {\n    setLocalMin(config.formatValue(minValue));\n    debouncedMinChange.cancel();\n  }, [minValue, config, debouncedMinChange]);\n\n  useEffect(() => {\n    setLocalMax(config.formatValue(maxValue));\n    debouncedMaxChange.cancel();\n  }, [maxValue, config, debouncedMaxChange]);\n\n  useEffect(() => {\n    return () => {\n      debouncedMinChange.cancel();\n      debouncedMaxChange.cancel();\n    };\n  }, [debouncedMinChange, debouncedMaxChange]);\n\n  const aggregateOptions = useMemo(\n    () => createGroupByAggregateOptions<Q>(propertyKey as string),\n    [propertyKey],\n  );\n\n  const { data: aggregateData, isLoading } = useOsdkAggregation(objectType, {\n    aggregate: aggregateOptions,\n  });\n\n  const valueCountPairs = useMemo<Array<{ value: T; count: number }>>(() => {\n    if (!aggregateData) return [];\n\n    // Same dynamic $groupBy + $count pattern as usePropertyAggregation\n    const dataArray = aggregateData as AggregationGroupResult;\n\n    const pairs: Array<{ value: T; count: number }> = [];\n    for (const item of dataArray) {\n      const rawValue = item.$group[propertyKey as string];\n      if (rawValue != null) {\n        const parsed = config.parseValue(String(rawValue));\n        if (parsed !== undefined) {\n          pairs.push({ value: parsed, count: item.$count ?? 0 });\n        }\n      }\n    }\n\n    return pairs;\n  }, [aggregateData, propertyKey, config]);\n\n  const computedRange = useMemo(() => {\n    if (valueCountPairs.length === 0) return { min: undefined, max: undefined };\n    const min = valueCountPairs.reduce(\n      (acc, p) => Math.min(acc, config.toNumber(p.value)),\n      Infinity,\n    );\n    const max = valueCountPairs.reduce(\n      (acc, p) => Math.max(acc, config.toNumber(p.value)),\n      -Infinity,\n    );\n    return {\n      min: config.fromNumber(min),\n      max: config.fromNumber(max),\n    };\n  }, [valueCountPairs, config]);\n\n  const dataRange = useMemo(() => ({\n    dataMin: computedRange.min,\n    dataMax: computedRange.max,\n  }), [computedRange.min, computedRange.max]);\n\n  const buckets = useMemo<Array<HistogramBucket<T>>>(() => {\n    if (\n      !showHistogram\n      || valueCountPairs.length === 0\n      || computedRange.min === undefined\n      || computedRange.max === undefined\n    ) {\n      return [];\n    }\n\n    return createHistogramBuckets(\n      valueCountPairs,\n      { min: computedRange.min, max: computedRange.max },\n      config.toNumber,\n      config.fromNumber,\n    );\n  }, [showHistogram, valueCountPairs, computedRange, config]);\n\n  const maxBucketCount = useMemo(() => getMaxBucketCount(buckets), [buckets]);\n\n  const handleMinChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n      setLocalMin(newValue);\n      debouncedMinChange(newValue);\n    },\n    [debouncedMinChange],\n  );\n\n  const handleMaxChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n      setLocalMax(newValue);\n      debouncedMaxChange(newValue);\n    },\n    [debouncedMaxChange],\n  );\n\n  return (\n    <div\n      className={classnames(styles.rangeInput, className)}\n      style={style}\n      data-loading={isLoading}\n    >\n      {showHistogram && buckets.length > 0 && (\n        <div className={styles.histogramContainer}>\n          {buckets.map((bucket, index) => {\n            const height = (bucket.count / maxBucketCount) * 100;\n            const isInRange = (minValue === undefined\n              || config.toNumber(bucket.max) >= config.toNumber(minValue))\n              && (maxValue === undefined\n                || config.toNumber(bucket.min) <= config.toNumber(maxValue));\n\n            return (\n              <div\n                key={index}\n                className={styles.histogramBar}\n                data-in-range={isInRange}\n                style={{ height: `${Math.max(height, 2)}%` }}\n                title={config.formatTooltip(\n                  bucket.min,\n                  bucket.max,\n                  bucket.count,\n                )}\n              />\n            );\n          })}\n        </div>\n      )}\n\n      <div className={styles.rangeInputs}>\n        <div className={styles.inputWrapper}>\n          <label htmlFor={minInputId} className={styles.inputLabel}>\n            {config.minLabel}\n          </label>\n          <Input\n            id={minInputId}\n            type={config.inputType}\n            className={styles.input}\n            value={localMin}\n            onChange={handleMinChange}\n            placeholder={dataRange.dataMin !== undefined\n                && config.formatPlaceholder\n              ? config.formatPlaceholder(dataRange.dataMin)\n              : undefined}\n            {...config.inputProps}\n          />\n        </div>\n\n        <span className={styles.separator} aria-hidden=\"true\">\n          –\n        </span>\n\n        <div className={styles.inputWrapper}>\n          <label htmlFor={maxInputId} className={styles.inputLabel}>\n            {config.maxLabel}\n          </label>\n          <Input\n            id={maxInputId}\n            type={config.inputType}\n            className={styles.input}\n            value={localMax}\n            onChange={handleMaxChange}\n            placeholder={dataRange.dataMax !== undefined\n                && config.formatPlaceholder\n              ? config.formatPlaceholder(dataRange.dataMax)\n              : undefined}\n            {...config.inputProps}\n          />\n        </div>\n      </div>\n\n      {isLoading && (\n        <div className={sharedStyles.loadingMessage}>\n          Loading...\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const RangeInput = memo(RangeInputInner) as typeof RangeInputInner;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RangeInput.js","names":["Input","classnames","debounce","React","memo","useCallback","useEffect","useId","useMemo","useRef","useState","createHistogramBuckets","getMaxBucketCount","styles","sharedStyles","DEBOUNCE_MS","RangeInputInner","valueCountPairs","isLoading","minValue","maxValue","onChange","showHistogram","className","style","config","minInputId","maxInputId","localMin","setLocalMin","formatValue","localMax","setLocalMax","onChangeRef","current","minValueRef","maxValueRef","debouncedMinChange","newValue","parsed","parseValue","debouncedMaxChange","cancel","computedRange","length","min","undefined","max","reduce","acc","p","Math","toNumber","value","Infinity","fromNumber","dataRange","dataMin","dataMax","buckets","maxBucketCount","handleMinChange","e","target","handleMaxChange","createElement","rangeInput","histogramContainer","map","bucket","index","height","count","isInRange","key","histogramBar","title","formatTooltip","rangeInputs","inputWrapper","htmlFor","inputLabel","minLabel","_extends","id","type","inputType","input","placeholder","formatPlaceholder","inputProps","separator","maxLabel","loadingMessage","RangeInput"],"sources":["RangeInput.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 { Input } from \"@base-ui/react/input\";\nimport classnames from \"classnames\";\nimport { debounce } from \"lodash-es\";\nimport React, {\n  memo,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  createHistogramBuckets,\n  getMaxBucketCount,\n  type HistogramBucket,\n} from \"./createHistogramBuckets.js\";\nimport styles from \"./RangeInput.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\nconst DEBOUNCE_MS = 300;\n\nexport interface RangeInputConfig<T> {\n  inputType: \"number\" | \"date\";\n  formatValue: (value: T | undefined) => string;\n  parseValue: (value: string) => T | undefined;\n  toNumber: (value: T) => number;\n  fromNumber: (value: number) => T;\n  minLabel: string;\n  maxLabel: string;\n  formatTooltip: (min: T, max: T, count: number) => string;\n  formatPlaceholder?: (value: T) => string;\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\nexport interface RangeInputProps<T> {\n  valueCountPairs: Array<{ value: T; count: number }>;\n  isLoading: boolean;\n  minValue: T | undefined;\n  maxValue: T | undefined;\n  onChange: (min: T | undefined, max: T | undefined) => void;\n  showHistogram?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  config: RangeInputConfig<T>;\n}\n\nfunction RangeInputInner<T>({\n  valueCountPairs,\n  isLoading,\n  minValue,\n  maxValue,\n  onChange,\n  showHistogram = true,\n  className,\n  style,\n  config,\n}: RangeInputProps<T>): React.ReactElement {\n  const minInputId = useId();\n  const maxInputId = useId();\n\n  const [localMin, setLocalMin] = useState<string>(\n    config.formatValue(minValue),\n  );\n  const [localMax, setLocalMax] = useState<string>(\n    config.formatValue(maxValue),\n  );\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n  const minValueRef = useRef(minValue);\n  minValueRef.current = minValue;\n  const maxValueRef = useRef(maxValue);\n  maxValueRef.current = maxValue;\n\n  const debouncedMinChange = useMemo(\n    () =>\n      debounce((newValue: string) => {\n        const parsed = config.parseValue(newValue);\n        onChangeRef.current(parsed, maxValueRef.current);\n      }, DEBOUNCE_MS),\n    [config],\n  );\n\n  const debouncedMaxChange = useMemo(\n    () =>\n      debounce((newValue: string) => {\n        const parsed = config.parseValue(newValue);\n        onChangeRef.current(minValueRef.current, parsed);\n      }, DEBOUNCE_MS),\n    [config],\n  );\n\n  useEffect(() => {\n    setLocalMin(config.formatValue(minValue));\n    debouncedMinChange.cancel();\n  }, [minValue, config, debouncedMinChange]);\n\n  useEffect(() => {\n    setLocalMax(config.formatValue(maxValue));\n    debouncedMaxChange.cancel();\n  }, [maxValue, config, debouncedMaxChange]);\n\n  useEffect(() => {\n    return () => {\n      debouncedMinChange.cancel();\n      debouncedMaxChange.cancel();\n    };\n  }, [debouncedMinChange, debouncedMaxChange]);\n\n  const computedRange = useMemo(() => {\n    if (valueCountPairs.length === 0) return { min: undefined, max: undefined };\n    const min = valueCountPairs.reduce(\n      (acc, p) => Math.min(acc, config.toNumber(p.value)),\n      Infinity,\n    );\n    const max = valueCountPairs.reduce(\n      (acc, p) => Math.max(acc, config.toNumber(p.value)),\n      -Infinity,\n    );\n    return {\n      min: config.fromNumber(min),\n      max: config.fromNumber(max),\n    };\n  }, [valueCountPairs, config]);\n\n  const dataRange = useMemo(() => ({\n    dataMin: computedRange.min,\n    dataMax: computedRange.max,\n  }), [computedRange.min, computedRange.max]);\n\n  const buckets = useMemo<Array<HistogramBucket<T>>>(() => {\n    if (\n      !showHistogram\n      || valueCountPairs.length === 0\n      || computedRange.min === undefined\n      || computedRange.max === undefined\n    ) {\n      return [];\n    }\n\n    return createHistogramBuckets(\n      valueCountPairs,\n      { min: computedRange.min, max: computedRange.max },\n      config.toNumber,\n      config.fromNumber,\n    );\n  }, [showHistogram, valueCountPairs, computedRange, config]);\n\n  const maxBucketCount = useMemo(() => getMaxBucketCount(buckets), [buckets]);\n\n  const handleMinChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n      setLocalMin(newValue);\n      debouncedMinChange(newValue);\n    },\n    [debouncedMinChange],\n  );\n\n  const handleMaxChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n      setLocalMax(newValue);\n      debouncedMaxChange(newValue);\n    },\n    [debouncedMaxChange],\n  );\n\n  return (\n    <div\n      className={classnames(styles.rangeInput, className)}\n      style={style}\n      data-loading={isLoading}\n    >\n      {showHistogram && buckets.length > 0 && (\n        <div className={styles.histogramContainer}>\n          {buckets.map((bucket, index) => {\n            const height = (bucket.count / maxBucketCount) * 100;\n            const isInRange = (minValue === undefined\n              || config.toNumber(bucket.max) >= config.toNumber(minValue))\n              && (maxValue === undefined\n                || config.toNumber(bucket.min) <= config.toNumber(maxValue));\n\n            return (\n              <div\n                key={index}\n                className={styles.histogramBar}\n                data-in-range={isInRange}\n                style={{ height: `${Math.max(height, 2)}%` }}\n                title={config.formatTooltip(\n                  bucket.min,\n                  bucket.max,\n                  bucket.count,\n                )}\n              />\n            );\n          })}\n        </div>\n      )}\n\n      <div className={styles.rangeInputs}>\n        <div className={styles.inputWrapper}>\n          <label htmlFor={minInputId} className={styles.inputLabel}>\n            {config.minLabel}\n          </label>\n          <Input\n            id={minInputId}\n            type={config.inputType}\n            className={styles.input}\n            value={localMin}\n            onChange={handleMinChange}\n            placeholder={dataRange.dataMin !== undefined\n                && config.formatPlaceholder\n              ? config.formatPlaceholder(dataRange.dataMin)\n              : undefined}\n            {...config.inputProps}\n          />\n        </div>\n\n        <span className={styles.separator} aria-hidden=\"true\">\n          –\n        </span>\n\n        <div className={styles.inputWrapper}>\n          <label htmlFor={maxInputId} className={styles.inputLabel}>\n            {config.maxLabel}\n          </label>\n          <Input\n            id={maxInputId}\n            type={config.inputType}\n            className={styles.input}\n            value={localMax}\n            onChange={handleMaxChange}\n            placeholder={dataRange.dataMax !== undefined\n                && config.formatPlaceholder\n              ? config.formatPlaceholder(dataRange.dataMax)\n              : undefined}\n            {...config.inputProps}\n          />\n        </div>\n      </div>\n\n      {isLoading && (\n        <div className={sharedStyles.loadingMessage}>\n          Loading...\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const RangeInput = memo(RangeInputInner) as typeof RangeInputInner;\n"],"mappings":"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","ignoreList":[]}

package/build/esm/filter-list/base/inputs/RangeInput.module.css

@@ -17,47 +17,49 @@
 .rangeInput {
   display: flex;
   flex-direction: column;
-  gap: var(--osdk-filter-range-gap, calc(var(--osdk-surface-spacing) * 2));
+  gap: var(--osdk-filter-range-gap);
 }
 
 .histogramContainer {
   display: flex;
   align-items: flex-end;
-  height: var(--osdk-filter-range-histogram-height, 60px);
-  gap: var(--osdk-filter-range-histogram-bar-gap, 2px);
+  height: var(--osdk-filter-range-histogram-height);
+  gap: var(--osdk-filter-range-histogram-bar-gap);
 }
 
 .histogramBar {
   flex: 1;
-  background: var(--osdk-filter-range-histogram-bar-color, var(--osdk-custom-color-gray-3));
-  min-width: var(--osdk-filter-range-histogram-bar-min-width, 4px);
-  transition: background-color var(--osdk-emphasis-transition-duration) var(--osdk-emphasis-ease-default);
+  background: var(--osdk-filter-range-histogram-bar-color);
+  min-width: var(--osdk-filter-range-histogram-bar-min-width);
+  transition: background-color var(--osdk-filter-range-histogram-bar-transition);
 }
 
 .histogramBar[data-in-range="true"] {
-  background: var(--osdk-filter-range-histogram-bar-active-color, var(--osdk-intent-primary-rest));
+  background: var(--osdk-filter-range-histogram-bar-active-color);
 }
 
 .rangeInputs {
   display: flex;
   align-items: flex-end;
-  gap: var(--osdk-filter-range-inputs-gap, calc(var(--osdk-surface-spacing) * 2));
+  gap: var(--osdk-filter-range-inputs-gap);
 }
 
 .inputWrapper {
   flex: 1;
   display: flex;
   flex-direction: column;
-  gap: var(--osdk-filter-range-input-wrapper-gap, calc(var(--osdk-surface-spacing) * 1));
+  gap: var(--osdk-filter-range-input-wrapper-gap);
 }
 
 .inputLabel {
-  font-size: var(--osdk-typography-size-body-small);
-  color: var(--osdk-typography-color-muted);
+  font-family: var(--osdk-filter-range-label-font-family);
+  font-size: var(--osdk-filter-range-label-font-size);
+  color: var(--osdk-filter-range-label-color);
 }
 
 .input {
-  font-size: var(--osdk-typography-size-body-small);
+  font-family: var(--osdk-filter-input-font-family);
+  font-size: var(--osdk-filter-input-font-size);
   padding: var(--osdk-filter-input-padding);
   border: var(--osdk-filter-input-border);
   border-radius: var(--osdk-filter-input-border-radius);
@@ -76,6 +78,6 @@
 }
 
 .separator {
-  padding-bottom: calc(var(--osdk-surface-spacing) * 1.5);
-  color: var(--osdk-typography-color-muted);
+  padding-bottom: calc(var(--osdk-filter-range-inputs-gap) * 0.75);
+  color: var(--osdk-filter-range-separator-color);
 }

package/build/esm/filter-list/base/inputs/SingleDateInput.module.css

@@ -27,7 +27,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/esm/filter-list/base/inputs/SingleSelectInput.js

@@ -19,28 +19,21 @@ import { Cross } from "@blueprintjs/icons";
 import classnames from "classnames";
 import React, { memo, useCallback, useMemo } from "react";
 import { Select } from "../../../base-components/select/Select.js";
-import { usePropertyAggregation } from "../../hooks/usePropertyAggregation.js";
 import sharedStyles from "./shared.module.css";
 import styles from "./SingleSelectInput.module.css";
 function SingleSelectInputInner({
-  objectType,
-  propertyKey,
+  values,
+  isLoading,
+  error,
   selectedValue,
   onChange,
-  whereClause,
   className,
   style,
   placeholder = "Select a value...",
   showClearButton = true,
-  showCounts = false
+  showCounts = false,
+  ariaLabel = "Select value"
 }) {
-  const {
-    data: values,
-    isLoading,
-    error
-  } = usePropertyAggregation(objectType, propertyKey, {
-    where: whereClause
-  });
   const handleValueChange = useCallback(value => {
     onChange(value ?? undefined);
   }, [onChange]);
@@ -75,7 +68,7 @@ function SingleSelectInputInner({
     items: items
   }, /*#__PURE__*/React.createElement(Select.Trigger, {
     placeholder: placeholder,
-    "aria-label": `Select ${propertyKey}`
+    "aria-label": ariaLabel
   }), /*#__PURE__*/React.createElement(Select.Portal, null, /*#__PURE__*/React.createElement(Select.Positioner, null, /*#__PURE__*/React.createElement(Select.Popup, null, values.map(({
     value,
     count

package/build/esm/filter-list/base/inputs/SingleSelectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectInput.js","names":["Button","Cross","classnames","React","memo","useCallback","useMemo","Select","usePropertyAggregation","sharedStyles","styles","SingleSelectInputInner","objectType","propertyKey","selectedValue","onChange","whereClause","className","style","placeholder","showClearButton","showCounts","data","values","isLoading","error","where","handleValueChange","value","undefined","handleClear","items","result","count","toLocaleString","createElement","singleSelect","loadingMessage","errorMessage","message","length","emptyMessage","selectContainer","Root","onValueChange","Trigger","Portal","Positioner","Popup","map","Item","key","type","clearButton","onClick","color","SingleSelectInput"],"sources":["SingleSelectInput.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 { Cross } from \"@blueprintjs/icons\";\nimport type {\n  ObjectSet,\n  ObjectTypeDefinition,\n  PropertyKeys,\n  WhereClause,\n} from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo } from \"react\";\nimport { Select } from \"../../../base-components/select/Select.js\";\nimport { usePropertyAggregation } from \"../../hooks/usePropertyAggregation.js\";\nimport sharedStyles from \"./shared.module.css\";\nimport styles from \"./SingleSelectInput.module.css\";\n\ninterface SingleSelectInputProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> {\n  objectType: Q;\n  propertyKey: K;\n  selectedValue: string | undefined;\n  onChange: (value: string | undefined) => void;\n  objectSet?: ObjectSet<Q>;\n  whereClause?: WhereClause<Q>;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  showClearButton?: boolean;\n  showCounts?: boolean;\n}\n\nfunction SingleSelectInputInner<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n>({\n  objectType,\n  propertyKey,\n  selectedValue,\n  onChange,\n  whereClause,\n  className,\n  style,\n  placeholder = \"Select a value...\",\n  showClearButton = true,\n  showCounts = false,\n}: SingleSelectInputProps<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    (value: string | null) => {\n      onChange(value ?? undefined);\n    },\n    [onChange],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(undefined);\n  }, [onChange]);\n\n  const items = useMemo(() => {\n    const result: Record<string, string> = {};\n    for (const { value, count } of values) {\n      result[value] = showCounts\n        ? `${value} (${count.toLocaleString()})`\n        : value;\n    }\n    return result;\n  }, [values, showCounts]);\n\n  return (\n    <div\n      className={classnames(styles.singleSelect, className)}\n      style={style}\n      data-loading={isLoading}\n    >\n      {isLoading && (\n        <div className={sharedStyles.loadingMessage}>\n          Loading options...\n        </div>\n      )}\n\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading options: {error.message}\n        </div>\n      )}\n\n      {!isLoading && !error && values.length === 0 && (\n        <div className={sharedStyles.emptyMessage}>\n          No options available\n        </div>\n      )}\n\n      {(values.length > 0 || isLoading) && (\n        <div className={styles.selectContainer}>\n          <Select.Root<string>\n            value={selectedValue ?? null}\n            onValueChange={handleValueChange}\n            items={items}\n          >\n            <Select.Trigger\n              placeholder={placeholder}\n              aria-label={`Select ${propertyKey}`}\n            />\n            <Select.Portal>\n              <Select.Positioner>\n                <Select.Popup>\n                  {values.map(({ value, count }) => (\n                    <Select.Item key={value} value={value}>\n                      {showCounts\n                        ? `${value} (${count.toLocaleString()})`\n                        : value}\n                    </Select.Item>\n                  ))}\n                </Select.Popup>\n              </Select.Positioner>\n            </Select.Portal>\n          </Select.Root>\n          {showClearButton && selectedValue !== undefined && (\n            <Button\n              type=\"button\"\n              className={styles.clearButton}\n              onClick={handleClear}\n              aria-label=\"Clear selection\"\n            >\n              <Cross color=\"currentColor\" />\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const SingleSelectInput = memo(\n  SingleSelectInputInner,\n) as typeof SingleSelectInputInner;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SingleSelectInput.js","names":["Button","Cross","classnames","React","memo","useCallback","useMemo","Select","sharedStyles","styles","SingleSelectInputInner","values","isLoading","error","selectedValue","onChange","className","style","placeholder","showClearButton","showCounts","ariaLabel","handleValueChange","value","undefined","handleClear","items","result","count","toLocaleString","createElement","singleSelect","loadingMessage","errorMessage","message","length","emptyMessage","selectContainer","Root","onValueChange","Trigger","Portal","Positioner","Popup","map","Item","key","type","clearButton","onClick","color","SingleSelectInput"],"sources":["SingleSelectInput.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 { Cross } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo } from \"react\";\nimport { Select } from \"../../../base-components/select/Select.js\";\nimport type { PropertyAggregationValue } from \"../../types/AggregationTypes.js\";\nimport sharedStyles from \"./shared.module.css\";\nimport styles from \"./SingleSelectInput.module.css\";\n\ninterface SingleSelectInputProps {\n  values: PropertyAggregationValue[];\n  isLoading: boolean;\n  error: Error | null;\n  selectedValue: string | undefined;\n  onChange: (value: string | undefined) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  showClearButton?: boolean;\n  showCounts?: boolean;\n  ariaLabel?: string;\n}\n\nfunction SingleSelectInputInner({\n  values,\n  isLoading,\n  error,\n  selectedValue,\n  onChange,\n  className,\n  style,\n  placeholder = \"Select a value...\",\n  showClearButton = true,\n  showCounts = false,\n  ariaLabel = \"Select value\",\n}: SingleSelectInputProps): React.ReactElement {\n  const handleValueChange = useCallback(\n    (value: string | null) => {\n      onChange(value ?? undefined);\n    },\n    [onChange],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(undefined);\n  }, [onChange]);\n\n  const items = useMemo(() => {\n    const result: Record<string, string> = {};\n    for (const { value, count } of values) {\n      result[value] = showCounts\n        ? `${value} (${count.toLocaleString()})`\n        : value;\n    }\n    return result;\n  }, [values, showCounts]);\n\n  return (\n    <div\n      className={classnames(styles.singleSelect, className)}\n      style={style}\n      data-loading={isLoading}\n    >\n      {isLoading && (\n        <div className={sharedStyles.loadingMessage}>\n          Loading options...\n        </div>\n      )}\n\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading options: {error.message}\n        </div>\n      )}\n\n      {!isLoading && !error && values.length === 0 && (\n        <div className={sharedStyles.emptyMessage}>\n          No options available\n        </div>\n      )}\n\n      {(values.length > 0 || isLoading) && (\n        <div className={styles.selectContainer}>\n          <Select.Root<string>\n            value={selectedValue ?? null}\n            onValueChange={handleValueChange}\n            items={items}\n          >\n            <Select.Trigger\n              placeholder={placeholder}\n              aria-label={ariaLabel}\n            />\n            <Select.Portal>\n              <Select.Positioner>\n                <Select.Popup>\n                  {values.map(({ value, count }) => (\n                    <Select.Item key={value} value={value}>\n                      {showCounts\n                        ? `${value} (${count.toLocaleString()})`\n                        : value}\n                    </Select.Item>\n                  ))}\n                </Select.Popup>\n              </Select.Positioner>\n            </Select.Portal>\n          </Select.Root>\n          {showClearButton && selectedValue !== undefined && (\n            <Button\n              type=\"button\"\n              className={styles.clearButton}\n              onClick={handleClear}\n              aria-label=\"Clear selection\"\n            >\n              <Cross color=\"currentColor\" />\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const SingleSelectInput = memo(\n  SingleSelectInputInner,\n) as typeof SingleSelectInputInner;\n"],"mappings":"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","ignoreList":[]}