@tmlmobilidade/ui 20250129.1626.34 → 20250129.1710.49

package/dist/cjs/index.js

@@ -912,7 +912,10 @@ function ComboboxComponent(props) {
         }
         else {
             const newValue = val;
-            setSearch(searchable ? getLabel(val) : '');
+            const itemData = data.find(dataItem => getValue(dataItem) === val);
+            if (!itemData)
+                return;
+            setSearch(searchable ? parseComboboxItem(itemData)?.label : '');
             setValue(newValue);
             onChange?.(newValue); // Type assertion handled via discriminated union
         }
@@ -998,13 +1001,14 @@ function ComboboxComponent(props) {
                                         }
                                     } }) }), jsxRuntimeExports.jsx("div", { className: styles$i.pillClearButton, children: renderClearButton() })] }) }) }));
         }
+        const itemData = data.find(dataItem => getValue(dataItem) === value);
         return (jsxRuntimeExports.jsx(core.Combobox.Target, { children: searchable ? (jsxRuntimeExports.jsx(core.InputBase, { className: styles$i.input, type: "text", value: search, rightSection: renderClearButton(), rightSectionPointerEvents: value === null ? 'none' : 'all', onClick: () => combobox.openDropdown(), onFocus: () => combobox.openDropdown(), onBlur: () => {
                     combobox.closeDropdown();
-                    setSearch(value?.toString() || '');
+                    setSearch(itemData ? parseComboboxItem(itemData)?.label : '');
                 }, onChange: handleSearchChange, placeholder: "Search value" })) : (jsxRuntimeExports.jsx(core.InputBase, { className: styles$i.input, component: "button", type: "button", pointer: true, onClick: () => combobox.openDropdown(), onFocus: () => combobox.openDropdown(), onBlur: () => {
                     combobox.closeDropdown();
                     setSearch(value?.toString() || '');
-                }, rightSection: renderClearButton(), rightSectionPointerEvents: value === null ? 'none' : 'all', children: Array.isArray(value) ? (value.map((item) => getLabel(item)).join(', ')) : typeof value === 'string' ? (getLabel(value)) : (jsxRuntimeExports.jsx(core.Input.Placeholder, { className: styles$i.placeholder, children: "Pick value" })) })) }));
+                }, rightSection: renderClearButton(), rightSectionPointerEvents: value === null ? 'none' : 'all', children: itemData ? parseComboboxItem(itemData)?.label : jsxRuntimeExports.jsx(core.Input.Placeholder, { className: styles$i.placeholder, children: "Pick value" }) })) }));
     }
     return (jsxRuntimeExports.jsxs("div", { className: cn(styles$i.wrapper, className), style: { width: fullWidth ? '100%' : undefined }, children: [label && jsxRuntimeExports.jsx("label", { className: styles$i.label, children: label }), description && jsxRuntimeExports.jsx("p", { className: styles$i.description, children: description }), error && jsxRuntimeExports.jsx("p", { className: styles$i.error, children: error }), jsxRuntimeExports.jsxs(core.Combobox, { store: combobox, onOptionSubmit: (val) => {
                     updateValue(val);
@@ -1718,6 +1722,12 @@ exports.Tooltip = Tooltip;
 exports.useScreenSize = useScreenSize;
 exports.useTheme = useTheme;
 exports.useToast = useToast;
+Object.keys(modals).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return modals[k]; }
+  });
+});
 Object.keys(hooks).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,