code7-leia 0.1.123 → 0.1.124

package/dist/code7-leia.cjs.development.js

@@ -1009,11 +1009,12 @@ var MultiSelect = function MultiSelect(_ref) {
   var handleInputKeyPress = function handleInputKeyPress(event) {
     if (event.key === 'Enter') {
       event.preventDefault();
-      if (newOption.trim() !== '' && !options.some(function (option) {
-        return option.value === newOption;
+      var trimmedOption = newOption.trim();
+      if (trimmedOption !== '' && !options.some(function (option) {
+        return option.value === trimmedOption;
       })) {
         setPresset(function (prevPresset) {
-          return [].concat(prevPresset, [newOption]);
+          return [].concat(prevPresset, [trimmedOption]);
         });
       }
       setNewOption('');
@@ -1021,7 +1022,18 @@ var MultiSelect = function MultiSelect(_ref) {
   };
   return React__default.createElement("form", null, React__default.createElement(MultiSelectWrapper, null, React__default.createElement(SelectBox, {
     onClick: showCheckboxes
-  }, React__default.createElement("select", null, React__default.createElement("option", null, "Select an option")), React__default.createElement(OverSelect, null)), React__default.createElement(Checkboxes, {
+  }, React__default.createElement("select", null, presset.map(function (option, index) {
+    return React__default.createElement("option", {
+      key: index,
+      value: option
+    }, option);
+  })), React__default.createElement(OverSelect, null, React__default.createElement("input", {
+    type: "text",
+    placeholder: "Add new option",
+    value: newOption,
+    onChange: handleInputChange,
+    onKeyPress: handleInputKeyPress
+  }))), React__default.createElement(Checkboxes, {
     style: {
       display: expanded ? 'block' : 'none'
     }
@@ -1037,17 +1049,7 @@ var MultiSelect = function MultiSelect(_ref) {
         return handleCheckboxChange(option.value);
       }
     }), option.label);
-  }), React__default.createElement("input", {
-    type: "text",
-    placeholder: "Add new option",
-    value: newOption,
-    onChange: handleInputChange,
-    onKeyPress: handleInputKeyPress
-  }))), React__default.createElement("div", null, "Selected Options:", presset.map(function (selectedOption, index) {
-    return React__default.createElement("span", {
-      key: index
-    }, selectedOption, ", ");
-  })));
+  }))));
 };
 
 var _templateObject$7;