@tmlmobilidade/ui 20250210.1115.1 → 20250226.1358.59

package/dist/cjs/index.js

@@ -1032,6 +1032,7 @@ var styles$k = {"wrapper":"styles-module_wrapper__7zsRX","input":"styles-module_
 function parseComboboxItem(item) {
     if (typeof item === 'string') {
         return {
+            icon: null,
             label: item,
             value: item,
         };
@@ -1054,7 +1055,6 @@ function ComboboxComponent(props) {
     }, [multiple, props.value]);
     // Helper functions
     const getValue = (val) => typeof val === 'string' ? val : val.value;
-    const getLabel = (val) => typeof val === 'string' ? val : val.label;
     /**
      * Resets the value based on initialValue or default state.
      */
@@ -1139,10 +1139,10 @@ function ComboboxComponent(props) {
     function renderValues() {
         if (multiple && Array.isArray(value)) {
             return value.map((item) => {
-                const itemData = data.find(dataItem => getValue(dataItem) === item);
+                const itemData = parseComboboxItem(data.find(dataItem => getValue(dataItem) === item) || '');
                 if (!itemData)
                     return null;
-                return (jsxRuntimeExports.jsx(core.Pill, { className: styles$k.pill, onRemove: () => removeValue(item), withRemoveButton: true, children: jsxRuntimeExports.jsx("span", { children: parseComboboxItem(itemData)?.label }) }, item));
+                return (jsxRuntimeExports.jsx(core.Pill, { className: styles$k.pill, onRemove: () => removeValue(item), withRemoveButton: true, children: jsxRuntimeExports.jsxs(core.Group, { gap: "sm", children: [itemData.icon && jsxRuntimeExports.jsx("span", { className: styles$k.icon, children: itemData.icon }), jsxRuntimeExports.jsx("span", { children: itemData.label })] }) }, item));
             });
         }
         return null;
@@ -1150,10 +1150,13 @@ function ComboboxComponent(props) {
     // Render Combobox Options
     function renderOptions() {
         const filtered = filterData();
-        return (jsxRuntimeExports.jsx(reactViewportList.ViewportList, { itemMargin: maxHeight, items: filtered, children: item => (jsxRuntimeExports.jsx(core.Combobox.Option, { value: getValue(item), active: Array.isArray(value)
-                    && value.some(v => getValue(v) === getValue(item)), children: jsxRuntimeExports.jsxs(core.Group, { gap: "sm", children: [multiple
-                            && Array.isArray(value)
-                            && value.some(v => getValue(v) === getValue(item)) && jsxRuntimeExports.jsx(core.CheckIcon, { size: 12 }), jsxRuntimeExports.jsx("span", { children: getLabel(item) })] }) }, getValue(item))) }));
+        return (jsxRuntimeExports.jsx(reactViewportList.ViewportList, { itemMargin: maxHeight, items: filtered, children: (item) => {
+                const itemData = parseComboboxItem(item);
+                return (jsxRuntimeExports.jsx(core.Combobox.Option, { value: itemData.value, active: Array.isArray(value)
+                        && value.some(v => getValue(v) === itemData.value), children: jsxRuntimeExports.jsxs(core.Group, { gap: "sm", children: [multiple
+                                && Array.isArray(value)
+                                && value.some(v => getValue(v) === itemData.value) && jsxRuntimeExports.jsx(core.CheckIcon, { size: 12 }), jsxRuntimeExports.jsxs(core.Group, { gap: "sm", children: [itemData.icon && jsxRuntimeExports.jsx("span", { className: styles$k.icon, children: itemData.icon }), jsxRuntimeExports.jsx("span", { children: itemData.label })] })] }) }, itemData.value));
+            } }));
     }
     // Render Input Field
     function renderInput() {
@@ -1170,14 +1173,14 @@ function ComboboxComponent(props) {
                                         }
                                     } }) }), jsxRuntimeExports.jsx("div", { className: styles$k.pillClearButton, children: renderClearButton() })] }) }) }));
         }
-        const itemData = data.find(dataItem => getValue(dataItem) === value);
+        const itemData = parseComboboxItem(data.find(dataItem => getValue(dataItem) === value) || '');
         return (jsxRuntimeExports.jsx(core.Combobox.Target, { children: searchable ? (jsxRuntimeExports.jsx(core.InputBase, { className: styles$k.input, onChange: handleSearchChange, onClick: () => combobox.openDropdown(), onFocus: () => combobox.openDropdown(), placeholder: "Search value", rightSection: renderClearButton(), type: "text", value: search, onBlur: () => {
                     combobox.closeDropdown();
-                    setSearch(itemData ? parseComboboxItem(itemData)?.label : '');
+                    setSearch(itemData ? itemData.label : '');
                 }, rightSectionPointerEvents: value === null ? 'none' : 'all' })) : (jsxRuntimeExports.jsx(core.InputBase, { className: styles$k.input, component: "button", onClick: () => combobox.openDropdown(), onFocus: () => combobox.openDropdown(), rightSection: renderClearButton(), type: "button", onBlur: () => {
                     combobox.closeDropdown();
                     setSearch(value?.toString() || '');
-                }, rightSectionPointerEvents: value === null ? 'none' : 'all', pointer: true, children: itemData ? parseComboboxItem(itemData)?.label : jsxRuntimeExports.jsx(core.Input.Placeholder, { className: styles$k.placeholder, children: "Pick value" }) })) }));
+                }, rightSectionPointerEvents: value === null ? 'none' : 'all', pointer: true, children: itemData ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: styles$k.icon, children: itemData.icon }), itemData.label] })) : (jsxRuntimeExports.jsx(core.Input.Placeholder, { className: styles$k.placeholder, children: "Pick value" })) })) }));
     }
     return (jsxRuntimeExports.jsxs("div", { className: cn(styles$k.wrapper, className), style: { width: fullWidth ? '100%' : undefined }, children: [label && jsxRuntimeExports.jsx("label", { className: styles$k.label, children: label }), description && jsxRuntimeExports.jsx("p", { className: styles$k.description, children: description }), error && jsxRuntimeExports.jsx("p", { className: styles$k.error, children: error }), jsxRuntimeExports.jsxs(core.Combobox, { store: combobox, withinPortal: false, onOptionSubmit: (val) => {
                     updateValue(val);
@@ -1797,6 +1800,18 @@ function useScreenSize() {
     return screenSize;
 }
 
+Object.defineProperty(exports, "Tree", {
+  enumerable: true,
+  get: function () { return core.Tree; }
+});
+Object.defineProperty(exports, "getTreeExpandedState", {
+  enumerable: true,
+  get: function () { return core.getTreeExpandedState; }
+});
+Object.defineProperty(exports, "useTree", {
+  enumerable: true,
+  get: function () { return core.useTree; }
+});
 exports.ActionIcon = ActionIcon;
 exports.Badge = Badge;
 exports.Button = Button;