code7-leia 0.1.122 → 0.1.123

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

@@ -986,6 +986,9 @@ var MultiSelect = function MultiSelect(_ref) {
   var _useState = React.useState(false),
     expanded = _useState[0],
     setExpanded = _useState[1];
+  var _useState2 = React.useState(''),
+    newOption = _useState2[0],
+    setNewOption = _useState2[1];
   var handleCheckboxChange = function handleCheckboxChange(value) {
     setPresset(function (prevPresset) {
       if (prevPresset.includes(value)) {
@@ -998,10 +1001,22 @@ var MultiSelect = function MultiSelect(_ref) {
     });
   };
   var showCheckboxes = function showCheckboxes() {
-    if (!expanded) {
-      setExpanded(true);
-    } else {
-      setExpanded(false);
+    setExpanded(!expanded);
+  };
+  var handleInputChange = function handleInputChange(event) {
+    setNewOption(event.target.value);
+  };
+  var handleInputKeyPress = function handleInputKeyPress(event) {
+    if (event.key === 'Enter') {
+      event.preventDefault();
+      if (newOption.trim() !== '' && !options.some(function (option) {
+        return option.value === newOption;
+      })) {
+        setPresset(function (prevPresset) {
+          return [].concat(prevPresset, [newOption]);
+        });
+      }
+      setNewOption('');
     }
   };
   return React__default.createElement("form", null, React__default.createElement(MultiSelectWrapper, null, React__default.createElement(SelectBox, {
@@ -1022,7 +1037,17 @@ 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;