@integry/sdk 4.5.24 → 4.5.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integry/sdk",
-  "version": "4.5.24",
+  "version": "4.5.26",
   "description": "Integry SDK",
   "main": "dist/umd/index.umd.js",
   "module": "dist/esm/index.csm.js",

package/src/components/MultipurposeField/TagMenu/index.ts

@@ -8,7 +8,7 @@ import { isScrolledIntoView } from '@/utils/common';
 import { searchJSON } from '@/utils/searchJson';
 import { Input } from '@/components/Input';
 import { createElement } from 'preact/compat';
-import { createRoot } from 'react-dom/client';
+import { renderToString } from 'react-dom/server';
 import { TagOptions } from '../TagOptions';
 import { ThreeDotLoader } from '../../ThreeDotLoader';
 import styles from './styles.module.scss';
@@ -220,22 +220,6 @@ const FieldDropdown = (props: FieldMenuProps) => {
     });
   }
 
-  const PortalWrapper = () => {
-    const reactRoot = useRef<HTMLDivElement>(null);
-
-    useEffect(() => {
-      if (reactRoot.current) {
-        const root = createRoot(reactRoot.current);
-        root.render(tagsComponentRender);
-      }
-    }, []);
-
-    return html`<div ref=${reactRoot}></div>`;
-  };
-
-  // eslint-disable-next-line no-console
-  console.log(PortalWrapper);
-
   return html` <div
     class=${`${styles.tagMenu} ${enableSearch ? styles.tagMenuWithSearch : ''}`}
     style=${parentContainer && tagMenyStyleRef?.current
@@ -361,7 +345,7 @@ const FieldDropdown = (props: FieldMenuProps) => {
           </div>`
         : html` <div className="${styles.mappedFieldMenu}">
             ${tagsComponent
-              ? html`<${PortalWrapper} />`
+              ? html`<div>${renderToString(tagsComponentRender)}</div>`
               : html`${Object.keys(
                   !isEditable ? searchJSON(tags, searchValue) : tags,
                 ).length > 0