@oliasoft-open-source/react-ui-library 3.9.2-beta-1 → 3.9.2-beta-3

package/dist/index.js

@@ -27095,6 +27095,10 @@ const CustomSelect = ({
     }
   }, [options]);
   const onSelectOption = (evt, option2, close2) => {
+    console.group("onClickDeselectOption");
+    console.log(evt, options);
+    console.log(selectedOptions);
+    console.groupEnd();
     if (!(disabled2 || disabledContext)) {
       if (close2) {
         close2();
@@ -27104,8 +27108,12 @@ const CustomSelect = ({
           onCreate(option2.value);
         } else {
           if (!option2.disabled) {
-            if (selectedOptions instanceof Array) {
-              if (selectedOptions.indexOf(option2) === -1) {
+            if (Array.isArray(selectedOptions)) {
+              const alreadySelected = selectedOptions.find(
+                (selectedOption) => lodash.exports.isEqual(selectedOption, option2)
+              );
+              if (!alreadySelected) {
+                console.log("alreadySelected", alreadySelected);
                 const newSelectedOptions = lodash.exports.uniqWith(
                   selectedOptions.concat(option2),
                   lodash.exports.isEqual
@@ -27113,8 +27121,9 @@ const CustomSelect = ({
                 onChange(evt, newSelectedOptions);
               } else {
                 const newSelectedOptions = selectedOptions.filter(
-                  (opt) => opt !== option2
+                  (opt) => !lodash.exports.isEqual(opt, option2)
                 );
+                console.log("newSelectedOptions", newSelectedOptions);
                 onChange(evt, newSelectedOptions);
               }
             } else {
@@ -27180,6 +27189,9 @@ const CustomSelect = ({
     }
   }, [state.isLayerOpen]);
   const onClickDeselectOption = (evt, options2) => {
+    console.group("onClickDeselectOption");
+    console.log(evt, options2);
+    console.groupEnd();
     const newSelectedOptions = selectedOptions instanceof Array ? selectedOptions.filter((option2) => option2.value !== options2.value) : null;
     onChange(evt, newSelectedOptions);
   };
@@ -27509,9 +27521,6 @@ const Select = (props) => {
     closeOnOptionActionClick,
     testId
   } = props;
-  console.group("PROPS");
-  console.log(props);
-  console.groupEnd();
   const enableAutoScroll = !native && autoScroll2 === true;
   const {
     multi,
@@ -27526,6 +27535,7 @@ const Select = (props) => {
     enableAutoScroll,
     checkNonExistentValues
   );
+  console.log("selectedOptions", selectedOptions);
   const canUseNative = !multi;
   const useNative = native && canUseNative;
   if (native && !canUseNative) {
@@ -27553,30 +27563,20 @@ const Select = (props) => {
     ]
   }) : error2;
   const onChangeSelectedValue = (evt, selectedOptions2) => {
-    console.group("ON CHANGE");
-    console.group("ON CHANGE PROPS");
-    console.log(evt);
-    console.log(selectedOptions2);
-    console.groupEnd();
     if (deprecatedEventHandler) {
-      console.log("DEPRECATED");
       const newSelectedOptions = multi ? selectedOptions2.map((o) => simpleInputs ? o.value : o) : simpleInputs ? selectedOptions2.value : selectedOptions2;
       onChange(newSelectedOptions);
     } else {
-      console.log("DEPRECATED ELSE");
       const isSyntheticEvent = !(evt instanceof Event);
       const value = multi ? selectedOptions2 : selectedOptions2.value;
       if (isSyntheticEvent) {
-        console.log("SYNTHETIC");
         evt.target.name = name2;
         evt.target.value = value;
         if (!multi) {
-          console.log("NO MULTI");
           evt.target.label = selectedOptions2.label;
         }
         onChange(evt);
       } else {
-        console.log("SYNTHETIC ELSE");
         onChange({
           ...evt,
           target: {
@@ -27588,7 +27588,6 @@ const Select = (props) => {
         });
       }
     }
-    console.groupEnd();
   };
   return useNative ? /* @__PURE__ */ jsx(NativeSelect, {
     ...props,