code7-leia 0.1.122 → 0.1.124

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,15 +1001,39 @@ 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();
+      var trimmedOption = newOption.trim();
+      if (trimmedOption !== '' && !options.some(function (option) {
+        return option.value === trimmedOption;
+      })) {
+        setPresset(function (prevPresset) {
+          return [].concat(prevPresset, [trimmedOption]);
+        });
+      }
+      setNewOption('');
     }
   };
   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'
     }