@frontify/fondue 12.0.0-beta.87 → 12.0.0-beta.88

package/dist/components/RichTextEditor/Plugins/MentionPlugin/MentionInline.es.js

@@ -1,16 +1,21 @@
-import t from "react";
-import { MentionCombobox as e } from "@udecode/plate";
-import { filterItems as m } from "./helpers/filterItems.es.js";
-import { MentionComboboxItem as r } from "./MentionCombobox/MentionComboboxItem.es.js";
-import { MentionComboboxStyles as i } from "./MentionCombobox/MentionComboboxStyles.es.js";
-const b = (o) => () => /* @__PURE__ */ t.createElement(e, {
-  items: o,
-  filter: m,
-  onRenderItem: r,
-  styles: i,
+import o from "react";
+import { MentionCombobox as m, autoUpdate as r } from "@udecode/plate";
+import { filterItems as n } from "./helpers/filterItems.es.js";
+import { MentionComboboxItem as i } from "./MentionCombobox/MentionComboboxItem.es.js";
+import { MentionComboboxStyles as l } from "./MentionCombobox/MentionComboboxStyles.es.js";
+const b = (t) => () => /* @__PURE__ */ o.createElement(m, {
+  items: t,
+  filter: n,
+  onRenderItem: i,
+  styles: l,
   classNames: {
     item: "tw-group",
     highlightedItem: "tw-group"
+  },
+  floatingOptions: {
+    whileElementsMounted(...e) {
+      return r(...e, { animationFrame: !0 });
+    }
   }
 });
 export {

package/dist/components/RichTextEditor/Plugins/MentionPlugin/MentionInline.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionInline.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/MentionInline.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { MentionCombobox } from '@udecode/plate';\nimport { MentionComboboxItem, MentionComboboxStyles } from './MentionCombobox';\nimport { MentionableItems } from './types';\nimport { filterItems } from './helpers';\n\n// eslint-disable-next-line react/display-name\nexport const MentionInline = (items: MentionableItems) => () => {\n    return (\n        <MentionCombobox\n            items={items}\n            filter={filterItems}\n            onRenderItem={MentionComboboxItem}\n            styles={MentionComboboxStyles}\n            classNames={{\n                item: 'tw-group',\n                highlightedItem: 'tw-group',\n            }}\n        />\n    );\n};\n"],"names":["MentionInline","items","React","MentionCombobox","filterItems","MentionComboboxItem","MentionComboboxStyles"],"mappings":";;;;;AASa,MAAAA,IAAgB,CAACC,MAA4B,MAEjD,gBAAAC,EAAA,cAAAC,GAAA;AAAA,EACG,OAAAF;AAAA,EACA,QAAQG;AAAA,EACR,cAAcC;AAAA,EACd,QAAQC;AAAA,EACR,YAAY;AAAA,IACR,MAAM;AAAA,IACN,iBAAiB;AAAA,EACrB;AAAA,CACJ;"}
+{"version":3,"file":"MentionInline.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/MentionInline.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { MentionCombobox, autoUpdate } from '@udecode/plate';\nimport { MentionComboboxItem, MentionComboboxStyles } from './MentionCombobox';\nimport { MentionableItems } from './types';\nimport { filterItems } from './helpers';\n\n// eslint-disable-next-line react/display-name\nexport const MentionInline = (items: MentionableItems) => () => {\n    return (\n        <MentionCombobox\n            items={items}\n            filter={filterItems}\n            onRenderItem={MentionComboboxItem}\n            styles={MentionComboboxStyles}\n            classNames={{\n                item: 'tw-group',\n                highlightedItem: 'tw-group',\n            }}\n            floatingOptions={{\n                whileElementsMounted(...args) {\n                    return autoUpdate(...args, { animationFrame: true });\n                },\n            }}\n        />\n    );\n};\n"],"names":["MentionInline","items","React","MentionCombobox","filterItems","MentionComboboxItem","MentionComboboxStyles","args","autoUpdate"],"mappings":";;;;;AASa,MAAAA,IAAgB,CAACC,MAA4B,MAEjD,gBAAAC,EAAA,cAAAC,GAAA;AAAA,EACG,OAAAF;AAAA,EACA,QAAQG;AAAA,EACR,cAAcC;AAAA,EACd,QAAQC;AAAA,EACR,YAAY;AAAA,IACR,MAAM;AAAA,IACN,iBAAiB;AAAA,EACrB;AAAA,EACA,iBAAiB;AAAA,IACb,wBAAwBC,GAAM;AAC1B,aAAOC,EAAW,GAAGD,GAAM,EAAE,gBAAgB,GAAM,CAAA;AAAA,IACvD;AAAA,EACJ;AAAA,CACJ;"}

package/dist/index.cjs.js

@@ -59,7 +59,7 @@ Shift+Ctrl+Return`:"Already at maximum numbers of columns"),onMouseDown:L=>m?w.g
         `],item:ck,highlightedItem:[...ck,`
             background: var(--box-neutral-color);
             color: var(--box-neutral-inverse-color-hover);
-        `]},TC0=e=>l=>l.text.toLowerCase().includes(e.toLowerCase()),jC0=e=>()=>t.default.createElement(w.MentionCombobox,{items:e,filter:TC0,onRenderItem:HC0,styles:zC0,classNames:{item:"tw-group",highlightedItem:"tw-group"}}),VC0={options:{trigger:"@",createMentionNode:e=>({value:e.text,key:e.key,category:e.data.category})}},DC0={root:[`
+        `]},TC0=e=>l=>l.text.toLowerCase().includes(e.toLowerCase()),jC0=e=>()=>t.default.createElement(w.MentionCombobox,{items:e,filter:TC0,onRenderItem:HC0,styles:zC0,classNames:{item:"tw-group",highlightedItem:"tw-group"},floatingOptions:{whileElementsMounted(...l){return w.autoUpdate(...l,{animationFrame:!0})}}}),VC0={options:{trigger:"@",createMentionNode:e=>({value:e.text,key:e.key,category:e.data.category})}},DC0={root:[`
             font-size: inherit;
             box-shadow: none;
             display: inline-block;