directual-web-components-v2 3.11.337 → 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"