odaptos_design_system 2.0.94 → 2.0.95

package/dist/odaptos_design_system.cjs.development.js

@@ -11462,7 +11462,7 @@ const ChatMessage = ({
   }
 };
 
-var css_248z$d = ".Checkbox-module_checkboxContainer__5qvEv{align-items:center;display:flex;gap:.5rem}.Checkbox-module_disabled__DTVNo{opacity:.5}";
+var css_248z$d = ".Checkbox-module_checkboxContainer__5qvEv{align-items:center;cursor:pointer;display:flex;gap:.5rem}.Checkbox-module_disabled__DTVNo{opacity:.5}";
 var styles$d = {"checkboxContainer":"Checkbox-module_checkboxContainer__5qvEv","disabled":"Checkbox-module_disabled__DTVNo"};
 styleInject(css_248z$d);
 
@@ -14091,7 +14091,10 @@ const MultiSelectWithoutFilter = ({
   setSearchTerm,
   ...props
 }) => {
-  const [selectedOptions, setSelectedOptions] = React.useState([]);
+  const [value, setValue] = React.useState(defaultValue === undefined ? [] : defaultValue);
+  React.useEffect(() => {
+    setValue(defaultValue === undefined ? [] : defaultValue);
+  }, [defaultValue]);
   React.useEffect(() => {
     // Call API only if searchTerm and fetchOptions are defined
     if (searchTerm.length >= 3 && fetchOptions) {
@@ -14113,12 +14116,19 @@ const MultiSelectWithoutFilter = ({
   }), /*#__PURE__*/React__default.createElement(material.Autocomplete, Object.assign({
     id: inputId,
     multiple: true,
-    options: options,
+    options: options ? options : [{
+      label: 'Loading...',
+      value: 0,
+      year: 100
+    }],
     getOptionLabel: option => {
       return option.label;
     },
-    value: selectedOptions,
-    onChange: (_event, newValue) => setSelectedOptions(newValue),
+    value: value,
+    onChange: (_event, newValue) => {
+      setValue(newValue);
+      onChange(newValue);
+    },
     filterOptions: x => x,
     onInputChange: (_event, value) => setSearchTerm(value),
     loading: isLoading,