directual-web-components-v2 3.11.336 → 3.11.338

package/dist/index.js

@@ -17094,33 +17094,79 @@ const iconHtml = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGlu
 const iconMkd = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDkgMTA5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDkgMTA5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0JDM0Y4Qjt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgo8ZyBpZD0iZnBzLXJpY2gtdGV4dCI+Cgk8ZyBpZD0iRkVCX3gyRl9jb21wb25lbnRfeDJGX2NhcmRzIj4KCQk8ZyBpZD0iR3JvdXAtMiI+CgkJCTxnIGlkPSJHcm91cCI+CgkJCQk8cGF0aCBpZD0iUmVjdGFuZ2xlXzFfIiBjbGFzcz0ic3QwIiBkPSJNMCwxOUMwLDguNSw4LjUsMCwxOSwwaDcxYzEwLjUsMCwxOSw4LjUsMTksMTl2NzFjMCwxMC41LTguNSwxOS0xOSwxOUgxOQoJCQkJCWMtMTAuNSwwLTE5LTguNS0xOS0xOSIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE3LjYsNTYuOWgxMy43djIuOUgxNy42VjU2Ljl6IE0xOC4yLDUwLjZIMzJ2Mi45SDE4LjJWNTAuNnogTTIxLjcsNDUuNWgyLjZsLTIuNCwyMC4xaC0yLjdMMjEuNyw0NS41egoJCSBNMjcuNiw0NS41aDIuNmwtMi40LDIwLjFIMjVMMjcuNiw0NS41eiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTM1LjgsNDUuNGg0LjhsMiw3LjFsMC43LDIuOGgwLjJsMC43LTIuOGwyLTcuMWg0Ljh2MjAuMkg0N3YtNi4zYzAtMi4zLDAuNC03LjIsMC42LTkuM2gtMC4xTDQ2LDU1LjQKCQlsLTEuNiw0LjloLTIuMmwtMS42LTQuOUwzOS4zLDUwaC0wLjFjMC4yLDIuMiwwLjYsNy4xLDAuNiw5LjN2Ni4zSDM2VjQ1LjRIMzUuOHoiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01NSw0My45aDQuNnYxMi41aDAuMmw1LjctNi4yaDQuOUw1OS41LDYxLjd2My44SDU1VjQzLjl6IE02MS4zLDU4LjZsMi42LTIuOGw2LjgsOS44aC00LjlMNjEuMyw1OC42eiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTcyLjcsNTcuOWMwLTUsMy4yLTguMSw2LjYtOC4xYzEuNiwwLDIuOCwwLjYsMy44LDEuNmgwLjFsLTAuMi0yLjR2LTUuM2g0LjZ2MjEuN2gtMy43bC0wLjMtMS42aC0wLjEKCQljLTEuMSwxLjEtMi43LDItNC4yLDJDNzUuMiw2Niw3Mi43LDYyLjksNzIuNyw1Ny45eiBNODMsNjAuOHYtNi4yYy0wLjktMC44LTEuNi0xLTIuNi0xYy0xLjYsMC0zLjEsMS4zLTMuMSw0LjJjMCwzLDEuMSw0LjQsMyw0LjQKCQlDODEuNCw2Mi4yLDgyLjIsNjEuOCw4Myw2MC44eiIvPgo8L2c+Cjwvc3ZnPgo=";
 function FpsHtml(props) {
   const {
-    socket
+    socket,
+    id,
+    callEndpoint
   } = props;
   const [data, setData] = React.useState(props.data);
   const [renderKey, setRenderKey] = React.useState(0);
+  const [hidden, setHidden] = React.useState(false);
+  const wrapperRef = React.useRef(null);
+  const dataRef = React.useRef(data);
+  const htmlRef = React.useRef((props.data || {}).html || '');
   React.useEffect(() => {
     if (JSON.stringify(props.data) !== JSON.stringify(data)) {
       setData(props.data);
     }
   }, [props]);
+  React.useEffect(() => {
+    dataRef.current = data;
+    htmlRef.current = (data || {}).html || '';
+  }, [data]);
   React.useEffect(() => {
     setRenderKey(prev => prev + 1);
   }, [socket]);
+  React.useEffect(() => {
+    const componentId = _$1__default.get(data, 'params.comp_ID') || id;
+    if (!componentId) return;
+    if (!window.FpsHtml_API) {
+      window.FpsHtml_API = {};
+    }
+    window.FpsHtml_API[componentId] = {
+      getHtml: () => htmlRef.current,
+      setHtml: newHtml => {
+        setData(prev => _extends({}, prev || {}, {
+          html: newHtml
+        }));
+      },
+      rerender: () => setRenderKey(prev => prev + 1),
+      show: () => setHidden(false),
+      hide: () => setHidden(true),
+      getData: () => dataRef.current,
+      getElement: () => wrapperRef.current,
+      callEndpoint: (endpoint, method, body, params, finish) => {
+        if (callEndpoint) {
+          callEndpoint(endpoint, method, body, params, finish);
+        }
+      }
+    };
+    return () => {
+      if (window.FpsHtml_API && window.FpsHtml_API[componentId]) {
+        delete window.FpsHtml_API[componentId];
+      }
+    };
+  }, [data, id, callEndpoint]);
   const html = (data || {}).html || '';
-  if (data && data.isHidden == 'true') {
+  if (hidden || data && data.isHidden == 'true') {
     return /*#__PURE__*/React__default.createElement("div", null);
   }
-  return /*#__PURE__*/React__default.createElement(ComponentWrapper, null, /*#__PURE__*/React__default.createElement(Article, null, html && /*#__PURE__*/React__default.createElement(InnerHTML, {
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: wrapperRef
+  }, /*#__PURE__*/React__default.createElement(ComponentWrapper, null, /*#__PURE__*/React__default.createElement(Article, null, html && /*#__PURE__*/React__default.createElement(InnerHTML, {
     key: renderKey,
     allowRerender: true,
     html: html
-  })));
+  }))));
 }
 FpsHtml.settings = {
   icon: iconHtml,
   name: "HTML code",
   sysName: 'FpsHtml',
   form: [{
+    name: 'Comp ID',
+    sysName: 'comp_ID',
+    type: 'string'
+  }, {
     name: "Enter your HTML-code",
     sysName: "html",
     type: "html-SLenriched"
@@ -17162,6 +17208,10 @@ FpsMarkdown.settings = {
   name: "Markdown text",
   sysName: 'FpsMarkdown',
   form: [{
+    name: 'Comp ID',
+    sysName: 'comp_ID',
+    type: 'string'
+  }, {
     name: "Enter your text",
     sysName: "markdown",
     type: "markdown-SLenriched"
@@ -20070,13 +20120,19 @@ function FpsForm2(props) {
       setExtendedModel(newExtendedModel);
       let saveSate = _extends({}, stateRef.current);
       const newModel = _extends({}, flatternModel(_extends({}, gatherDefaults(), _$1__default.get(data, "data[0]"), convertedDates, convertedBools)));
-      if (!_$1__default.isEqual(newModel, model)) {
+      if (!_$1__default.isEqual(newModel, originalModelRef.current)) {
         submitDebouncedRef.current.cancel();
-        console.log('[SOCKET MODEL LOG] === МОДЕЛЬ ОБНОВЛЕНА СОКЕТОМ ===');
-        console.log('[SOCKET MODEL LOG] Старая модель:', JSON.parse(JSON.stringify(model)));
-        console.log('[SOCKET MODEL LOG] Новая модель:', JSON.parse(JSON.stringify(newModel)));
+        const userChangedFields = Object.keys(model).filter(key => !_$1__default.isEqual(model[key], originalModelRef.current[key]));
+        const mergedModel = _extends({}, newModel);
+        userChangedFields.forEach(key => {
+          mergedModel[key] = model[key];
+        });
+        console.log('[SOCKET MODEL LOG] === СОКЕТ: ОБНОВЛЕНИЕ МОДЕЛИ ===');
+        console.log('[SOCKET MODEL LOG] Серверная модель:', JSON.parse(JSON.stringify(newModel)));
+        console.log('[SOCKET MODEL LOG] Изменённые пользователем поля (сохранены):', userChangedFields);
+        console.log('[SOCKET MODEL LOG] Итоговая модель:', JSON.parse(JSON.stringify(mergedModel)));
         isSocketUpdateRef.current = true;
-        setModel(newModel);
+        setModel(mergedModel);
         setOriginalModel(newModel);
       }
       setOriginalExtendedModel(newExtendedModel);
@@ -26697,6 +26753,8 @@ function Comments(props) {
     handleRoute
   } = props;
   const lang = locale ? locale.length == 3 ? locale : 'ENG' : 'ENG';
+  const buttonTexts = _$1__default.get(data, "params.buttonTexts") || {};
+  const t = (key, fallback) => buttonTexts[key] || fallback;
   const [comments, setComments] = React.useState(_$1__default.get(data, "data") || []);
   const [loading, setLoading] = React.useState(false);
   const [error, setError] = React.useState('');
@@ -26749,9 +26807,10 @@ function Comments(props) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: styles$N.comments + " FPS_COMMENTS"
   }, /*#__PURE__*/React__default.createElement(CommentsHeader, _extends({
-    header: dict[lang].comments.comments,
+    header: t('headerText', dict[lang].comments.comments),
     counter: (comments || []).length
   }, props)), allowSend && /*#__PURE__*/React__default.createElement(AddComment, _extends({}, props, {
+    t: t,
     lang: lang,
     loading: loading,
     sendComment: sendComment,
@@ -26763,6 +26822,7 @@ function Comments(props) {
   }, error), /*#__PURE__*/React__default.createElement("div", {
     className: styles$N.commentsList
   }, comments.filter(comment => !_$1__default.get(comment, _$1__default.get(data, "params._replyField")) || _$1__default.get(comment, _$1__default.get(data, "params._replyField")) == 'root').map(comment => /*#__PURE__*/React__default.createElement(Comment, _extends({}, props, {
+    t: t,
     sendComment: sendComment,
     updateCommentText: updateCommentText,
     lang: lang,
@@ -26786,7 +26846,8 @@ function Comment(props) {
     allowSend,
     allowEdit,
     sendComment,
-    updateCommentText
+    updateCommentText,
+    t
   } = props;
   const [addReply, setAddReply] = React.useState(false);
   const [isEditing, setIsEditing] = React.useState(false);
@@ -26866,13 +26927,13 @@ function Comment(props) {
     className: styles$N.commentWrapperAssignTo + " " + (isResoled ? styles$N.taskResolved : "") + "  FPS_COMMENT_WRAPPER__ASSIGN"
   }, isAssignedToMe ? /*#__PURE__*/React__default.createElement("span", null, dict[lang].comments.assignedToMe) : /*#__PURE__*/React__default.createElement("span", null, dict[lang].comments.assignedTo, " ", /*#__PURE__*/React__default.createElement("b", null, assigneName)), isResoled ? /*#__PURE__*/React__default.createElement("span", {
     className: "icon icon-done"
-  }, dict[lang].comments.taskResolved, " ", formatDate(resolvedDate, formatResolvedDate)) : isAssignedToMe ? /*#__PURE__*/React__default.createElement(Button, {
+  }, t('taskResolvedText', dict[lang].comments.taskResolved), " ", formatDate(resolvedDate, formatResolvedDate)) : isAssignedToMe ? /*#__PURE__*/React__default.createElement(Button, {
     loading: localLoading,
     onClick: resolveTask,
     small: true,
     height: 32,
     icon: "done"
-  }, dict[lang].comments.resolveTask) : ''), /*#__PURE__*/React__default.createElement("div", {
+  }, t('resolveTaskText', dict[lang].comments.resolveTask)) : ''), /*#__PURE__*/React__default.createElement("div", {
     className: styles$N.commentBody
   }, parent && /*#__PURE__*/React__default.createElement("div", {
     className: styles$N.commentParent + " icon icon-arrowRight small"
@@ -26910,11 +26971,11 @@ function Comment(props) {
     height: 32,
     accent: true,
     disabled: !editText
-  }, dict[lang].comments.save), /*#__PURE__*/React__default.createElement(Button, {
+  }, t('saveText', dict[lang].comments.save)), /*#__PURE__*/React__default.createElement(Button, {
     onClick: cancelEdit,
     small: true,
     height: 32
-  }, dict[lang].comments.cancel))) : /*#__PURE__*/React__default.createElement("div", {
+  }, t('cancelText', dict[lang].comments.cancel)))) : /*#__PURE__*/React__default.createElement("div", {
     className: styles$N.commentBodyText
   }, commentText), commentAttachment && commentAttachment.length > 0 && commentAttachment.map(file => {
     const fileName = file.split("/")[file.split("/").length - 1];
@@ -26930,10 +26991,10 @@ function Comment(props) {
   }, _$1__default.includes(data.writeFields, _$1__default.get(data, "params._replyField")) && allowSend && /*#__PURE__*/React__default.createElement("div", {
     onClick: e => setAddReply(true),
     className: "icon icon-bubble small " + styles$N.commentReplyButton
-  }, dict[lang].comments.reply), allowEdit && isAuthor && /*#__PURE__*/React__default.createElement("div", {
+  }, t('replyText', dict[lang].comments.reply)), allowEdit && isAuthor && /*#__PURE__*/React__default.createElement("div", {
     onClick: e => setIsEditing(true),
     className: "icon icon-edit small " + styles$N.commentReplyButton
-  }, dict[lang].comments.edit)))), addReply && /*#__PURE__*/React__default.createElement("div", {
+  }, t('editText', dict[lang].comments.edit))))), addReply && /*#__PURE__*/React__default.createElement("div", {
     className: styles$N.childComments
   }, /*#__PURE__*/React__default.createElement(AddComment, _extends({}, props, {
     parentID: commentID,
@@ -26971,7 +27032,8 @@ function AddComment(props) {
     sendComment,
     parentID,
     data,
-    loading
+    loading,
+    t
   } = props;
   const rolesExample = [{
     key: 'admin',
@@ -27013,7 +27075,7 @@ function AddComment(props) {
       bottom: 0
     },
     ok: true
-  }, dict[lang].comments.submitted);
+  }, t('submittedText', dict[lang].comments.submitted));
   return /*#__PURE__*/React__default.createElement("div", {
     className: styles$N.commentsAdd
   }, /*#__PURE__*/React__default.createElement(Input, {
@@ -27022,7 +27084,7 @@ function AddComment(props) {
     defaultValue: comment[_$1__default.get(data, "params._textField")],
     onChange: setCommentField(_$1__default.get(data, "params._textField")),
     rows: "auto",
-    placeholder: dict[lang].comments.write
+    placeholder: t('placeholderText', dict[lang].comments.write)
   }), /*#__PURE__*/React__default.createElement("div", {
     className: styles$N.commentsAdditionslControls
   }, addFile && allowAttachment && /*#__PURE__*/React__default.createElement(FileUpload, {
@@ -27104,9 +27166,9 @@ function AddComment(props) {
     accent: true,
     icon: "bubble",
     onClick: () => sendComment(comment, finish)
-  }, dict[lang].comments.send), onCancel && /*#__PURE__*/React__default.createElement(Button, {
+  }, t('sendText', dict[lang].comments.send)), onCancel && /*#__PURE__*/React__default.createElement(Button, {
     onClick: onCancel
-  }, dict[lang].comments.cancel)));
+  }, t('cancelText', dict[lang].comments.cancel))));
 }
 Comments.propTypes = {
   data: propTypes.object,