@osdk/react-components 0.12.0 → 0.13.0

package/build/cjs/{chunk-L5LPFCXT.cjs → chunk-W2IASYE4.cjs}

@@ -1,10 +1,11 @@
 'use strict';
 
-var chunkUCTQICPR_cjs = require('./chunk-UCTQICPR.cjs');
+var chunkX337DNCW_cjs = require('./chunk-X337DNCW.cjs');
 var chunkOHKKNZZS_cjs = require('./chunk-OHKKNZZS.cjs');
-var chunkSB2VTP67_cjs = require('./chunk-SB2VTP67.cjs');
+var chunkZ7VHLTKD_cjs = require('./chunk-Z7VHLTKD.cjs');
+var chunkMQYOHGPY_cjs = require('./chunk-MQYOHGPY.cjs');
 var chunk7LXS66DW_cjs = require('./chunk-7LXS66DW.cjs');
-var chunkSZXVBDSA_cjs = require('./chunk-SZXVBDSA.cjs');
+var chunk6UDBHYSO_cjs = require('./chunk-6UDBHYSO.cjs');
 var button = require('@base-ui/react/button');
 var classnames3 = require('classnames');
 var React18 = require('react');
@@ -14,14 +15,15 @@ var sortable = require('@dnd-kit/sortable');
 var input = require('@base-ui/react/input');
 var utilities = require('@dnd-kit/utilities');
 var lodashEs = require('lodash-es');
-var _switch = require('@base-ui/react/switch');
 var react = require('@osdk/react');
 var menu = require('@base-ui/react/menu');
+var deepEqual = require('fast-deep-equal');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var classnames3__default = /*#__PURE__*/_interopDefault(classnames3);
 var React18__default = /*#__PURE__*/_interopDefault(React18);
+var deepEqual__default = /*#__PURE__*/_interopDefault(deepEqual);
 
 function RemoveIcon() {
   return /* @__PURE__ */ React18__default.default.createElement(icons.Cross, {
@@ -168,6 +170,12 @@ function supportsExcluding(state) {
     }
   }
 }
+function isEmptyValue(value) {
+  if (value == null) {
+    return true;
+  }
+  return value.trim() === "";
+}
 function filterValuesBySearch(values, searchValue, getValue) {
   const trimmed = searchValue.trim();
   if (!trimmed) return values;
@@ -817,31 +825,6 @@ function ContainsTextInputInner({
 }
 var ContainsTextInput = /* @__PURE__ */ React18.memo(ContainsTextInputInner);
 
-// src/base-components/switch/Switch.module.css
-var Switch_default = {};
-
-// src/base-components/switch/Switch.tsx
-function _extends2() {
-  return _extends2 = Object.assign ? Object.assign.bind() : function(n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends2.apply(null, arguments);
-}
-function Switch({
-  className,
-  thumbProps,
-  ...rest
-}) {
-  return /* @__PURE__ */ React18__default.default.createElement(_switch.Switch.Root, _extends2({
-    className: classnames3__default.default(Switch_default.osdkSwitchRoot, className)
-  }, rest), /* @__PURE__ */ React18__default.default.createElement(_switch.Switch.Thumb, _extends2({}, thumbProps, {
-    className: classnames3__default.default(Switch_default.osdkSwitchThumb, thumbProps?.className)
-  })));
-}
-
 // src/filter-list/base/inputs/ToggleInput.module.css
 var ToggleInput_default = {};
 
@@ -860,7 +843,7 @@ function ToggleInputInner({
     "data-enabled": enabled
   }, /* @__PURE__ */ React18__default.default.createElement("label", {
     className: ToggleInput_default.toggleLabel
-  }, /* @__PURE__ */ React18__default.default.createElement(Switch, {
+  }, /* @__PURE__ */ React18__default.default.createElement(chunkX337DNCW_cjs.Switch, {
     checked: enabled,
     onCheckedChange: onChange
   }), label && /* @__PURE__ */ React18__default.default.createElement("span", {
@@ -917,14 +900,14 @@ function useStableData(data, isLoading) {
 }
 
 // src/filter-list/base/inputs/RangeInput.tsx
-function _extends3() {
-  return _extends3 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends2() {
+  return _extends2 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends3.apply(null, arguments);
+  }, _extends2.apply(null, arguments);
 }
 var DEBOUNCE_MS = 300;
 function RangeInputInner({
@@ -1034,7 +1017,7 @@ function RangeInputInner({
   }, /* @__PURE__ */ React18__default.default.createElement("label", {
     htmlFor: minInputId,
     className: RangeInput_default.inputLabel
-  }, config.minLabel), /* @__PURE__ */ React18__default.default.createElement(input.Input, _extends3({
+  }, config.minLabel), /* @__PURE__ */ React18__default.default.createElement(input.Input, _extends2({
     id: minInputId,
     type: config.inputType,
     className: RangeInput_default.input,
@@ -1049,7 +1032,7 @@ function RangeInputInner({
   }, /* @__PURE__ */ React18__default.default.createElement("label", {
     htmlFor: maxInputId,
     className: RangeInput_default.inputLabel
-  }, config.maxLabel), /* @__PURE__ */ React18__default.default.createElement(input.Input, _extends3({
+  }, config.maxLabel), /* @__PURE__ */ React18__default.default.createElement(input.Input, _extends2({
     id: maxInputId,
     type: config.inputType,
     className: RangeInput_default.input,
@@ -1061,27 +1044,27 @@ function RangeInputInner({
 var RangeInput = /* @__PURE__ */ React18.memo(RangeInputInner);
 
 // src/filter-list/base/inputs/DateRangeInput.tsx
-function _extends4() {
-  return _extends4 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends3() {
+  return _extends3 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends4.apply(null, arguments);
+  }, _extends3.apply(null, arguments);
 }
 var dateConfig = {
   inputType: "date",
-  formatValue: chunkSB2VTP67_cjs.formatDateForInput,
-  parseValue: chunkSB2VTP67_cjs.parseDateFromInput,
+  formatValue: chunkMQYOHGPY_cjs.formatDateForInput,
+  parseValue: chunkMQYOHGPY_cjs.parseDateFromInput,
   toNumber: (d) => d.getTime(),
   fromNumber: (t) => new Date(t),
   minLabel: "From",
   maxLabel: "To",
-  formatTooltip: (min, max, count) => `${chunkSB2VTP67_cjs.formatDateForInput(min)} - ${chunkSB2VTP67_cjs.formatDateForInput(max)}: ${count.toLocaleString()}`
+  formatTooltip: (min, max, count) => `${chunkMQYOHGPY_cjs.formatDateForInput(min)} - ${chunkMQYOHGPY_cjs.formatDateForInput(max)}: ${count.toLocaleString()}`
 };
 function DateRangeInputInner(props) {
-  return /* @__PURE__ */ React18__default.default.createElement(RangeInput, _extends4({}, props, {
+  return /* @__PURE__ */ React18__default.default.createElement(RangeInput, _extends3({}, props, {
     config: dateConfig
   }));
 }
@@ -1123,6 +1106,19 @@ function ListogramSkeleton() {
   }))));
 }
 
+// src/filter-list/base/inputs/NoValueLabel.module.css
+var NoValueLabel_default = {};
+
+// src/filter-list/base/inputs/NoValueLabel.tsx
+function NoValueLabelInner({
+  className
+}) {
+  return /* @__PURE__ */ React18__default.default.createElement("span", {
+    className: classnames3__default.default(NoValueLabel_default.noValue, className)
+  }, "No value");
+}
+var NoValueLabel = /* @__PURE__ */ React18.memo(NoValueLabelInner);
+
 // src/filter-list/base/inputs/ListogramInput.tsx
 function ListogramInputInner({
   values,
@@ -1142,7 +1138,30 @@ function ListogramInputInner({
   renderValue
 }) {
   const [isExpanded, setIsExpanded] = React18.useState(false);
-  const stableValues = useStableData(values, isLoading);
+  const dedupedValues = React18.useMemo(() => {
+    const out = [];
+    let emptyCount = 0;
+    let firstEmptyIndex = -1;
+    for (const v of values) {
+      if (v.value === "" || v.value == null) {
+        if (firstEmptyIndex === -1) {
+          firstEmptyIndex = out.length;
+        }
+        emptyCount += v.count;
+      } else {
+        out.push(v);
+      }
+    }
+    if (firstEmptyIndex >= 0 && emptyCount > 0) {
+      out.splice(firstEmptyIndex, 0, {
+        value: "",
+        count: emptyCount,
+        isNull: true
+      });
+    }
+    return out;
+  }, [values]);
+  const stableValues = useStableData(dedupedValues, isLoading);
   const selectedSet = React18.useMemo(() => new Set(selectedValues), [selectedValues]);
   const toggleValue = React18.useCallback((value) => {
     if (selectedSet.has(value)) {
@@ -1183,8 +1202,7 @@ function ListogramInputInner({
   }) => {
     const percentage = maxCount > 0 ? count / maxCount * 100 : 0;
     const perRowColor = colorMap?.[value];
-    const isEmpty = value === "";
-    const displayLabel = isEmpty ? "No value" : renderValue?.(value) ?? value;
+    const isEmpty = isEmptyValue(value);
     return /* @__PURE__ */ React18__default.default.createElement(button.Button, {
       key: value,
       className: ListogramInput_default.row,
@@ -1204,9 +1222,11 @@ function ListogramInputInner({
       onCheckedChange: () => toggleValue(value),
       isExcluding
     })), /* @__PURE__ */ React18__default.default.createElement("span", {
-      className: classnames3__default.default(ListogramInput_default.label, isEmpty && ListogramInput_default.emptyLabel),
+      className: ListogramInput_default.label,
       "data-excluding": isExcluding && selectedSet.has(value) || void 0
-    }, displayLabel), showCount && displayMode !== "minimal" && /* @__PURE__ */ React18__default.default.createElement("span", {
+    }, isEmpty ? /* @__PURE__ */ React18__default.default.createElement(NoValueLabel, {
+      className: ListogramInput_default.noValueLabel
+    }) : renderValue?.(value) ?? value), showCount && displayMode !== "minimal" && /* @__PURE__ */ React18__default.default.createElement("span", {
       className: ListogramInput_default.count
     }, count.toLocaleString()), displayMode === "full" && /* @__PURE__ */ React18__default.default.createElement("span", {
       className: ListogramInput_default.bar
@@ -1235,21 +1255,21 @@ function MultiDateInputInner({
   showClearAll = true
 }) {
   const addDate = React18.useCallback((date) => {
-    const dateStr = chunkSB2VTP67_cjs.formatDateForInput(date);
-    const exists = selectedDates.some((d) => chunkSB2VTP67_cjs.formatDateForInput(d) === dateStr);
+    const dateStr = chunkMQYOHGPY_cjs.formatDateForInput(date);
+    const exists = selectedDates.some((d) => chunkMQYOHGPY_cjs.formatDateForInput(d) === dateStr);
     if (!exists) {
       onChange([...selectedDates, date].sort((a, b) => a.getTime() - b.getTime()));
     }
   }, [selectedDates, onChange]);
   const removeDate = React18.useCallback((date) => {
-    const dateStr = chunkSB2VTP67_cjs.formatDateForInput(date);
-    onChange(selectedDates.filter((d) => chunkSB2VTP67_cjs.formatDateForInput(d) !== dateStr));
+    const dateStr = chunkMQYOHGPY_cjs.formatDateForInput(date);
+    onChange(selectedDates.filter((d) => chunkMQYOHGPY_cjs.formatDateForInput(d) !== dateStr));
   }, [selectedDates, onChange]);
   const clearAll = React18.useCallback(() => {
     onChange([]);
   }, [onChange]);
   const handleDateChange = React18.useCallback((e) => {
-    const date = chunkSB2VTP67_cjs.parseDateFromInput(e.target.value);
+    const date = chunkMQYOHGPY_cjs.parseDateFromInput(e.target.value);
     if (date) {
       addDate(date);
       e.target.value = "";
@@ -1263,10 +1283,10 @@ function MultiDateInputInner({
   }, selectedDates.map((date) => /* @__PURE__ */ React18__default.default.createElement("span", {
     key: date.toISOString(),
     className: shared_default.tag
-  }, chunkSB2VTP67_cjs.formatDateForDisplay(date), /* @__PURE__ */ React18__default.default.createElement(button.Button, {
+  }, chunkMQYOHGPY_cjs.formatDateForDisplay(date), /* @__PURE__ */ React18__default.default.createElement(button.Button, {
     className: shared_default.tagRemove,
     onClick: () => removeDate(date),
-    "aria-label": `Remove ${chunkSB2VTP67_cjs.formatDateForDisplay(date)}`
+    "aria-label": `Remove ${chunkMQYOHGPY_cjs.formatDateForDisplay(date)}`
   }, "\xD7"))), showClearAll && selectedDates.length > 1 && /* @__PURE__ */ React18__default.default.createElement(button.Button, {
     className: MultiDateInput_default.clearAll,
     onClick: clearAll,
@@ -1277,8 +1297,8 @@ function MultiDateInputInner({
     type: "date",
     className: MultiDateInput_default.input,
     onChange: handleDateChange,
-    min: minDate ? chunkSB2VTP67_cjs.formatDateForInput(minDate) : void 0,
-    max: maxDate ? chunkSB2VTP67_cjs.formatDateForInput(maxDate) : void 0,
+    min: minDate ? chunkMQYOHGPY_cjs.formatDateForInput(minDate) : void 0,
+    max: maxDate ? chunkMQYOHGPY_cjs.formatDateForInput(maxDate) : void 0,
     "aria-label": "Add date"
   })));
 }
@@ -1312,18 +1332,24 @@ function MultiSelectInputInner({
     count
   }) => [value, count])), [values]);
   const comboboxFilter = React18.useMemo(() => renderValue ? (itemValue, query) => renderValue(itemValue).toLowerCase().includes(query.toLowerCase()) : void 0, [renderValue]);
-  const renderItem = React18.useCallback((value) => /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Item, {
-    key: value,
-    value
-  }, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.ItemIndicator, null), /* @__PURE__ */ React18__default.default.createElement("span", {
-    className: MultiSelectInput_default.itemLabel
-  }, renderValue ? renderValue(value) : value), showCounts && /* @__PURE__ */ React18__default.default.createElement("span", {
-    className: MultiSelectInput_default.itemCount
-  }, "(", (countByValue.get(value) ?? 0).toLocaleString(), ")")), [countByValue, showCounts, renderValue]);
-  const renderChips = React18.useCallback((selectedItems) => /* @__PURE__ */ React18__default.default.createElement(React18__default.default.Fragment, null, selectedItems.map((value) => /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Chip, {
-    key: value,
-    "aria-label": value
-  }, renderValue ? renderValue(value) : value, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.ChipRemove, null))), /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Input, {
+  const renderItem = React18.useCallback((value) => {
+    const isEmpty = isEmptyValue(value);
+    return /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Item, {
+      key: value,
+      value
+    }, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.ItemIndicator, null), /* @__PURE__ */ React18__default.default.createElement("span", {
+      className: MultiSelectInput_default.itemLabel
+    }, isEmpty ? /* @__PURE__ */ React18__default.default.createElement(NoValueLabel, null) : renderValue ? renderValue(value) : value), showCounts && /* @__PURE__ */ React18__default.default.createElement("span", {
+      className: MultiSelectInput_default.itemCount
+    }, "(", (countByValue.get(value) ?? 0).toLocaleString(), ")"));
+  }, [countByValue, showCounts, renderValue]);
+  const renderChips = React18.useCallback((selectedItems) => /* @__PURE__ */ React18__default.default.createElement(React18__default.default.Fragment, null, selectedItems.map((value) => {
+    const isEmpty = isEmptyValue(value);
+    return /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Chip, {
+      key: value,
+      "aria-label": isEmpty ? "No value" : value
+    }, isEmpty ? /* @__PURE__ */ React18__default.default.createElement(NoValueLabel, null) : renderValue ? renderValue(value) : value, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.ChipRemove, null));
+  }), /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Input, {
     placeholder: selectedItems.length > 0 ? "" : placeholder,
     "aria-label": ariaLabel
   })), [placeholder, ariaLabel, renderValue]);
@@ -1335,7 +1361,7 @@ function MultiSelectInputInner({
     className: shared_default.errorMessage
   }, "Error loading options: ", error.message), !error && values.length === 0 && /* @__PURE__ */ React18__default.default.createElement("div", {
     className: shared_default.emptyMessage
-  }, isLoading ? "Loading options..." : "No options available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Root, {
+  }, isLoading ? "Loading options..." : "No options available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Root, {
     multiple: true,
     value: selectedValues,
     onValueChange: handleValueChange,
@@ -1343,7 +1369,7 @@ function MultiSelectInputInner({
     filter: comboboxFilter
   }, isLoading && /* @__PURE__ */ React18__default.default.createElement("div", {
     className: shared_default.loadingMessage
-  }, "Updating..."), /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Chips, null, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Value, null, renderChips)), /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Portal, null, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Positioner, null, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Popup, null, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Empty, null, "No matching options"), /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.List, null, renderItem))))));
+  }, "Updating..."), /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Chips, null, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Value, null, renderChips)), /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Portal, null, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Positioner, null, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Popup, null, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Empty, null, "No matching options"), /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.List, null, renderItem))))));
 }
 var MultiSelectInput = /* @__PURE__ */ React18.memo(MultiSelectInputInner);
 
@@ -1377,23 +1403,23 @@ function NullValueWrapperInner({
   }, /* @__PURE__ */ React18__default.default.createElement(chunkOHKKNZZS_cjs.Checkbox, {
     checked: includeNull,
     onCheckedChange: handleToggle
-  }), /* @__PURE__ */ React18__default.default.createElement("span", {
-    className: NullValueWrapper_default.nullLabelText
-  }, "No value")), showNullCount && !error && /* @__PURE__ */ React18__default.default.createElement("span", {
+  }), /* @__PURE__ */ React18__default.default.createElement(NoValueLabel, {
+    className: NullValueWrapper_default.noValueLabel
+  })), showNullCount && !error && /* @__PURE__ */ React18__default.default.createElement("span", {
     className: NullValueWrapper_default.count
   }, nullCount.toLocaleString())), error && /* @__PURE__ */ React18__default.default.createElement("div", {
     className: shared_default.errorMessage
   }, "Failed to load null count"));
 }
 var NullValueWrapper = /* @__PURE__ */ React18.memo(NullValueWrapperInner);
-function _extends5() {
-  return _extends5 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends4() {
+  return _extends4 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends5.apply(null, arguments);
+  }, _extends4.apply(null, arguments);
 }
 function formatNumber(value) {
   return value !== void 0 ? String(value) : "";
@@ -1418,7 +1444,7 @@ var numberConfig = {
   }
 };
 function NumberRangeInputInner(props) {
-  return /* @__PURE__ */ React18__default.default.createElement(RangeInput, _extends5({}, props, {
+  return /* @__PURE__ */ React18__default.default.createElement(RangeInput, _extends4({}, props, {
     config: numberConfig
   }));
 }
@@ -1439,7 +1465,7 @@ function SingleDateInputInner({
   showClearButton = true
 }) {
   const handleChange = React18.useCallback((e) => {
-    const date = chunkSB2VTP67_cjs.parseDateFromInput(e.target.value);
+    const date = chunkMQYOHGPY_cjs.parseDateFromInput(e.target.value);
     onChange(date);
   }, [onChange]);
   const handleClear = React18.useCallback(() => {
@@ -1453,10 +1479,10 @@ function SingleDateInputInner({
   }, /* @__PURE__ */ React18__default.default.createElement(input.Input, {
     type: "date",
     className: SingleDateInput_default.input,
-    value: chunkSB2VTP67_cjs.formatDateForInput(selectedDate),
+    value: chunkMQYOHGPY_cjs.formatDateForInput(selectedDate),
     onChange: handleChange,
-    min: minDate ? chunkSB2VTP67_cjs.formatDateForInput(minDate) : void 0,
-    max: maxDate ? chunkSB2VTP67_cjs.formatDateForInput(maxDate) : void 0,
+    min: minDate ? chunkMQYOHGPY_cjs.formatDateForInput(minDate) : void 0,
+    max: maxDate ? chunkMQYOHGPY_cjs.formatDateForInput(maxDate) : void 0,
     placeholder,
     "aria-label": "Select date"
   }), showClearButton && selectedDate !== void 0 && /* @__PURE__ */ React18__default.default.createElement(button.Button, {
@@ -1496,14 +1522,17 @@ function SingleSelectInputInner({
     count
   }) => [value, count])), [values]);
   const comboboxFilter = React18.useMemo(() => renderValue ? (itemValue, query) => renderValue(itemValue).toLowerCase().includes(query.toLowerCase()) : void 0, [renderValue]);
-  const renderItem = React18.useCallback((value) => /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Item, {
-    key: value,
-    value
-  }, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.ItemIndicator, null), /* @__PURE__ */ React18__default.default.createElement("span", {
-    className: SingleSelectInput_default.itemLabel
-  }, renderValue ? renderValue(value) : value), showCounts && /* @__PURE__ */ React18__default.default.createElement("span", {
-    className: SingleSelectInput_default.itemCount
-  }, "(", (countByValue.get(value) ?? 0).toLocaleString(), ")")), [countByValue, showCounts, renderValue]);
+  const renderItem = React18.useCallback((value) => {
+    const isEmpty = isEmptyValue(value);
+    return /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Item, {
+      key: value,
+      value
+    }, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.ItemIndicator, null), /* @__PURE__ */ React18__default.default.createElement("span", {
+      className: SingleSelectInput_default.itemLabel
+    }, isEmpty ? /* @__PURE__ */ React18__default.default.createElement(NoValueLabel, null) : renderValue ? renderValue(value) : value), showCounts && /* @__PURE__ */ React18__default.default.createElement("span", {
+      className: SingleSelectInput_default.itemCount
+    }, "(", (countByValue.get(value) ?? 0).toLocaleString(), ")"));
+  }, [countByValue, showCounts, renderValue]);
   return /* @__PURE__ */ React18__default.default.createElement("div", {
     className: classnames3__default.default(SingleSelectInput_default.singleSelect, className),
     style,
@@ -1516,17 +1545,17 @@ function SingleSelectInputInner({
     className: shared_default.emptyMessage
   }, "No options available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React18__default.default.createElement("div", {
     className: SingleSelectInput_default.selectContainer
-  }, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Root, {
+  }, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Root, {
     value: selectedValue ?? null,
     onValueChange: handleValueChange,
     items,
     filter: comboboxFilter
-  }, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.SearchInput, {
+  }, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.SearchInput, {
     placeholder,
     "aria-label": ariaLabel
-  }), showClearButton && selectedValue !== void 0 && /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Clear, {
+  }), showClearButton && selectedValue !== void 0 && /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Clear, {
     className: SingleSelectInput_default.clearButton
-  }), /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Portal, null, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Positioner, null, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Popup, null, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Empty, null, "No matching options"), /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.List, null, renderItem)))))));
+  }), /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Portal, null, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Positioner, null, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Popup, null, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Empty, null, "No matching options"), /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.List, null, renderItem)))))));
 }
 var SingleSelectInput = /* @__PURE__ */ React18.memo(SingleSelectInputInner);
 
@@ -1542,13 +1571,15 @@ var TagItem = /* @__PURE__ */ React18.memo(function TagItem2({
   const handleRemove = React18.useCallback(() => {
     onRemove(tag);
   }, [tag, onRemove]);
+  const isEmpty = isEmptyValue(tag);
+  const displayLabel = isEmpty ? "No value" : tag;
   return /* @__PURE__ */ React18__default.default.createElement("span", {
     className: shared_default.tag
-  }, tag, /* @__PURE__ */ React18__default.default.createElement(button.Button, {
+  }, isEmpty ? /* @__PURE__ */ React18__default.default.createElement(NoValueLabel, null) : tag, /* @__PURE__ */ React18__default.default.createElement(button.Button, {
     type: "button",
     className: shared_default.tagRemove,
     onClick: handleRemove,
-    "aria-label": `Remove ${tag}`
+    "aria-label": `Remove ${displayLabel}`
   }, "\xD7"));
 });
 function TextTagsInputInner({
@@ -1615,7 +1646,7 @@ function TextTagsInputInner({
     "data-loading": isLoading
   }, error && /* @__PURE__ */ React18__default.default.createElement("div", {
     className: shared_default.errorMessage
-  }, "Error loading suggestions: ", error.message), /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Root, {
+  }, "Error loading suggestions: ", error.message), /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Root, {
     multiple: true,
     value: tags,
     onValueChange: handleValueChange,
@@ -1627,16 +1658,16 @@ function TextTagsInputInner({
     key: tag,
     tag,
     onRemove: removeTag
-  }))), /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.SearchInput, {
+  }))), /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.SearchInput, {
     className: TextTagsInput_default.input,
     placeholder: tags.length > 0 ? "" : placeholder,
     onKeyDown: handleKeyDown,
     onPaste: handlePaste,
     "aria-label": ariaLabel
-  }), /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Portal, null, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Positioner, null, /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Popup, null, filteredSuggestions.length === 0 ? allowCustomTags && inputValue.trim() ? /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Empty, null, 'Press Enter to add "', inputValue, '"') : /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Empty, null, suggestionLimit ? "No suggestions" : "Type to add a tag") : filteredSuggestions.map(({
+  }), /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Portal, null, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Positioner, null, /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Popup, null, filteredSuggestions.length === 0 ? allowCustomTags && inputValue.trim() ? /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Empty, null, 'Press Enter to add "', inputValue, '"') : /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Empty, null, suggestionLimit ? "No suggestions" : "Type to add a tag") : filteredSuggestions.map(({
     value,
     count
-  }) => /* @__PURE__ */ React18__default.default.createElement(chunkSB2VTP67_cjs.Combobox.Item, {
+  }) => /* @__PURE__ */ React18__default.default.createElement(chunkZ7VHLTKD_cjs.Combobox.Item, {
     key: value,
     value
   }, value, " (", count.toLocaleString(), ")")))))), isLoading && !!suggestionLimit && /* @__PURE__ */ React18__default.default.createElement("div", {
@@ -1658,11 +1689,11 @@ function TimelineInputInner({
   maxDate
 }) {
   const handleStartChange = React18.useCallback((e) => {
-    const date = chunkSB2VTP67_cjs.parseDateFromInput(e.target.value);
+    const date = chunkMQYOHGPY_cjs.parseDateFromInput(e.target.value);
     onChange(date, endDate);
   }, [onChange, endDate]);
   const handleEndChange = React18.useCallback((e) => {
-    const date = chunkSB2VTP67_cjs.parseDateFromInput(e.target.value);
+    const date = chunkMQYOHGPY_cjs.parseDateFromInput(e.target.value);
     onChange(startDate, date);
   }, [onChange, startDate]);
   const handleClear = React18.useCallback(() => {
@@ -1674,7 +1705,7 @@ function TimelineInputInner({
     className: classnames3__default.default(TimelineInput_default.timeline, className)
   }, /* @__PURE__ */ React18__default.default.createElement("div", {
     className: TimelineInput_default.labels
-  }, /* @__PURE__ */ React18__default.default.createElement("span", null, chunkSB2VTP67_cjs.formatDateForDisplay(startDate, "\u2014")), /* @__PURE__ */ React18__default.default.createElement("span", null, "to"), /* @__PURE__ */ React18__default.default.createElement("span", null, chunkSB2VTP67_cjs.formatDateForDisplay(endDate, "\u2014")), (startDate || endDate) && /* @__PURE__ */ React18__default.default.createElement(button.Button, {
+  }, /* @__PURE__ */ React18__default.default.createElement("span", null, chunkMQYOHGPY_cjs.formatDateForDisplay(startDate, "\u2014")), /* @__PURE__ */ React18__default.default.createElement("span", null, "to"), /* @__PURE__ */ React18__default.default.createElement("span", null, chunkMQYOHGPY_cjs.formatDateForDisplay(endDate, "\u2014")), (startDate || endDate) && /* @__PURE__ */ React18__default.default.createElement(button.Button, {
     type: "button",
     onClick: handleClear,
     "aria-label": "Clear range",
@@ -1684,18 +1715,18 @@ function TimelineInputInner({
   }, /* @__PURE__ */ React18__default.default.createElement(input.Input, {
     type: "date",
     className: TimelineInput_default.input,
-    value: chunkSB2VTP67_cjs.formatDateForInput(startDate),
+    value: chunkMQYOHGPY_cjs.formatDateForInput(startDate),
     onChange: handleStartChange,
-    min: minDate ? chunkSB2VTP67_cjs.formatDateForInput(minDate) : void 0,
-    max: startInputMax ? chunkSB2VTP67_cjs.formatDateForInput(startInputMax) : void 0,
+    min: minDate ? chunkMQYOHGPY_cjs.formatDateForInput(minDate) : void 0,
+    max: startInputMax ? chunkMQYOHGPY_cjs.formatDateForInput(startInputMax) : void 0,
     "aria-label": "Start date"
   }), /* @__PURE__ */ React18__default.default.createElement("span", null, "\u2014"), /* @__PURE__ */ React18__default.default.createElement(input.Input, {
     type: "date",
     className: TimelineInput_default.input,
-    value: chunkSB2VTP67_cjs.formatDateForInput(endDate),
+    value: chunkMQYOHGPY_cjs.formatDateForInput(endDate),
     onChange: handleEndChange,
-    min: endInputMin ? chunkSB2VTP67_cjs.formatDateForInput(endInputMin) : void 0,
-    max: maxDate ? chunkSB2VTP67_cjs.formatDateForInput(maxDate) : void 0,
+    min: endInputMin ? chunkMQYOHGPY_cjs.formatDateForInput(endInputMin) : void 0,
+    max: maxDate ? chunkMQYOHGPY_cjs.formatDateForInput(maxDate) : void 0,
     "aria-label": "End date"
   })));
 }
@@ -2037,7 +2068,7 @@ function LinkedPropertyInputInner({
         });
       }
       default:
-        return chunkUCTQICPR_cjs.assertUnreachable(definition.linkedFilterComponent);
+        return chunkX337DNCW_cjs.assertUnreachable(definition.linkedFilterComponent);
     }
   })();
   return /* @__PURE__ */ React18__default.default.createElement("div", {
@@ -3133,7 +3164,7 @@ function StaticValuesFilterInputInner({
         onChange: exactMatch.handleChange
       }));
     default:
-      return chunkUCTQICPR_cjs.assertUnreachable(definition.filterComponent);
+      return chunkX337DNCW_cjs.assertUnreachable(definition.filterComponent);
   }
 }
 var StaticValuesFilterInput = /* @__PURE__ */ React18.memo(StaticValuesFilterInputInner);
@@ -3287,7 +3318,7 @@ function getFilterKey(definition) {
     case "STATIC_VALUES":
       return definition.id ?? definition.key;
     default:
-      return chunkUCTQICPR_cjs.assertUnreachable(definition);
+      return chunkX337DNCW_cjs.assertUnreachable(definition);
   }
 }
 
@@ -3325,7 +3356,7 @@ function clampToPropertyBounds(value, propertyType) {
 }
 function formatDateValue(date, propertyType) {
   if (propertyType === "datetime") {
-    return chunkSB2VTP67_cjs.formatDateForInput(date);
+    return chunkMQYOHGPY_cjs.formatDateForInput(date);
   }
   return date.toISOString();
 }
@@ -3442,7 +3473,7 @@ function filterStateToPropertyFilter(state, propertyType) {
     case "custom":
       return void 0;
     default:
-      return chunkUCTQICPR_cjs.assertUnreachable(state);
+      return chunkX337DNCW_cjs.assertUnreachable(state);
   }
 }
 function buildPropertyKeyClause(key, state, propertyType) {
@@ -3605,7 +3636,7 @@ function buildWhereClause(definitions, filterStates, propertyTypes, excludeFilte
         break;
       }
       default:
-        chunkUCTQICPR_cjs.assertUnreachable(definition);
+        chunkX337DNCW_cjs.assertUnreachable(definition);
     }
   }
   if (clauses.length === 0) {
@@ -3641,6 +3672,16 @@ function buildValueOrNullFilter(values) {
     includeNull: true
   };
 }
+function useStableMapEntries(input) {
+  const ref = React18.useRef(/* @__PURE__ */ new Map());
+  const next = /* @__PURE__ */ new Map();
+  for (const [key, value] of input) {
+    const prev = ref.current.get(key);
+    next.set(key, prev !== void 0 && deepEqual__default.default(prev, value) ? prev : value);
+  }
+  ref.current = next;
+  return next;
+}
 
 // src/filter-list/hooks/useFilterListState.ts
 function buildInitialStates(definitions) {
@@ -3686,7 +3727,7 @@ function buildInitialStates(definitions) {
         break;
       }
       default:
-        chunkUCTQICPR_cjs.assertUnreachable(definition);
+        chunkX337DNCW_cjs.assertUnreachable(definition);
     }
   }
   return states;
@@ -3749,17 +3790,14 @@ function useFilterListState(props) {
   React18.useEffect(() => {
     onFilterClauseChangedRef.current?.(whereClause);
   }, [whereClause]);
-  const perFilterWhereClauses = React18.useMemo(() => {
+  const perFilterWhereClauses = useStableMapEntries(React18.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
-    if (!filterDefinitions) {
-      return map;
-    }
-    for (const definition of filterDefinitions) {
+    for (const definition of filterDefinitions ?? []) {
       const key = getFilterKey(definition);
       map.set(key, buildWhereClause(filterDefinitions, filterStates, propertyTypes, key));
     }
     return map;
-  }, [filterDefinitions, filterStates, propertyTypes]);
+  }, [filterDefinitions, filterStates, propertyTypes]));
   const activeFilterCount = React18.useMemo(() => {
     let count = 0;
     for (const state of filterStates.values()) {
@@ -3905,7 +3943,7 @@ function getFilterLabel(definition) {
     case "STATIC_VALUES":
       return definition.key;
     default:
-      return chunkUCTQICPR_cjs.assertUnreachable(definition);
+      return chunkX337DNCW_cjs.assertUnreachable(definition);
   }
 }
 
@@ -4074,11 +4112,11 @@ function deserializeFilterStates(json) {
 }
 
 // src/public/experimental/filter-list.ts
-var FilterList2 = chunkSZXVBDSA_cjs.withOsdkMetrics(FilterList, "FilterList");
+var FilterList2 = chunk6UDBHYSO_cjs.withOsdkMetrics(FilterList, "FilterList");
 
 exports.BaseFilterList = BaseFilterList;
 exports.FilterList = FilterList2;
 exports.deserializeFilterStates = deserializeFilterStates;
 exports.serializeFilterStates = serializeFilterStates;
-//# sourceMappingURL=chunk-L5LPFCXT.cjs.map
-//# sourceMappingURL=chunk-L5LPFCXT.cjs.map
+//# sourceMappingURL=chunk-W2IASYE4.cjs.map
+//# sourceMappingURL=chunk-W2IASYE4.cjs.map