code7-leia 0.1.125 → 0.1.126

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

@@ -982,7 +982,8 @@ var CheckboxLabel = /*#__PURE__*/styled__default.label(_templateObject5$1 || (_t
 var MultiSelect = function MultiSelect(_ref) {
   var options = _ref.options,
     presset = _ref.presset,
-    setPresset = _ref.setPresset;
+    setPresset = _ref.setPresset,
+    setOptions = _ref.setOptions;
   var _useState = React.useState(false),
     expanded = _useState[0],
     setExpanded = _useState[1];
@@ -1013,6 +1014,12 @@ var MultiSelect = function MultiSelect(_ref) {
       if (trimmedOption !== '' && !options.some(function (option) {
         return option.value === trimmedOption;
       })) {
+        setOptions(function (prevOptions) {
+          return [].concat(prevOptions, [{
+            label: trimmedOption,
+            value: trimmedOption
+          }]);
+        });
         setPresset(function (prevPresset) {
           return [].concat(prevPresset, [trimmedOption]);
         });
@@ -1395,8 +1402,11 @@ var FileArea = function FileArea() {
     fileDelete = _useState6[0],
     setFileDelete = _useState6[1];
   var _useState7 = React.useState([]),
-    presset = _useState7[0],
-    setPresset = _useState7[1];
+    optionsPresset = _useState7[0],
+    setOptionsPresset = _useState7[1];
+  var _useState8 = React.useState([]),
+    presset = _useState8[0],
+    setPresset = _useState8[1];
   var t = getLanguage(language);
   var dispatch = reactRedux.useDispatch();
   var initFiles = reactRedux.useSelector(function (state) {
@@ -1409,18 +1419,21 @@ var FileArea = function FileArea() {
   React.useEffect(function () {
     dispatch(getFilesAction(id));
   }, [id]);
+  React.useEffect(function () {
+    var options = tags.map(function (tag) {
+      return {
+        label: tag,
+        value: tag
+      };
+    });
+    setOptionsPresset(options);
+  }, [tags]);
   React.useEffect(function () {
     if (!!initFiles) {
       setFiles(initFiles);
       setInitialFiles(initFiles);
     }
   }, [initFiles]);
-  var optionsPresset = tags.map(function (tag) {
-    return {
-      label: tag,
-      value: tag
-    };
-  });
   var pressetTag = function pressetTag(tags) {
     var tagsSplit = tags.split(',');
     var html = '';
@@ -1513,6 +1526,7 @@ var FileArea = function FileArea() {
     })), React__default.createElement("div", {
       className: 'presset'
     }, React__default.createElement("p", null, "Presset"), React__default.createElement(MultiSelect, {
+      setOptions: setOptionsPresset,
       options: optionsPresset,
       presset: presset,
       setPresset: setPresset