@frontify/fondue 12.0.0-beta.276 → 12.0.0-beta.277

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

@@ -1,27 +1,31 @@
 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(
+import { MentionCombobox as m, autoUpdate as n, ELEMENT_MENTION as r } from "@udecode/plate";
+import { getMentionOnSelectItem as i } from "./getMentionOnSelectItem.es.js";
+import { filterItems as l } from "./helpers/filterItems.es.js";
+import { MentionComboboxItem as p } from "./MentionCombobox/MentionComboboxItem.es.js";
+import { MentionComboboxStyles as a } from "./MentionCombobox/MentionComboboxStyles.es.js";
+const c = (t) => () => /* @__PURE__ */ o.createElement(
   m,
   {
     items: t,
-    filter: n,
-    onRenderItem: i,
-    styles: l,
+    filter: l,
+    onRenderItem: p,
+    styles: a,
     classNames: {
       item: "tw-group",
       highlightedItem: "tw-group"
     },
     floatingOptions: {
       whileElementsMounted(...e) {
-        return r(...e, { animationFrame: !0 });
+        return n(...e, { animationFrame: !0 });
       }
-    }
+    },
+    onSelectItem: i({
+      key: r
+    })
   }
 );
 export {
-  b as MentionInline
+  c as MentionInline
 };
 //# sourceMappingURL=MentionInline.es.js.map

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, 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,MAElD,gBAAAC,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,OAAAF;AAAA,IACA,QAAQG;AAAA,IACR,cAAcC;AAAA,IACd,QAAQC;AAAA,IACR,YAAY;AAAA,MACR,MAAM;AAAA,MACN,iBAAiB;AAAA,IACrB;AAAA,IACA,iBAAiB;AAAA,MACb,wBAAwBC,GAAM;AAC1B,eAAOC,EAAW,GAAGD,GAAM,EAAE,gBAAgB,GAAM,CAAA;AAAA,MACvD;AAAA,IACJ;AAAA,EAAA;AAAA;"}
+{"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 { ELEMENT_MENTION, MentionCombobox, autoUpdate } from '@udecode/plate';\nimport { MentionComboboxItem, MentionComboboxStyles } from './MentionCombobox';\nimport { MentionableItems } from './types';\nimport { filterItems } from './helpers';\nimport { getMentionOnSelectItem } from './getMentionOnSelectItem';\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            onSelectItem={getMentionOnSelectItem({\n                key: ELEMENT_MENTION,\n            })}\n        />\n    );\n};\n"],"names":["MentionInline","items","React","MentionCombobox","filterItems","MentionComboboxItem","MentionComboboxStyles","args","autoUpdate","getMentionOnSelectItem","ELEMENT_MENTION"],"mappings":";;;;;;AAUa,MAAAA,IAAgB,CAACC,MAA4B,MAElD,gBAAAC,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,OAAAF;AAAA,IACA,QAAQG;AAAA,IACR,cAAcC;AAAA,IACd,QAAQC;AAAA,IACR,YAAY;AAAA,MACR,MAAM;AAAA,MACN,iBAAiB;AAAA,IACrB;AAAA,IACA,iBAAiB;AAAA,MACb,wBAAwBC,GAAM;AAC1B,eAAOC,EAAW,GAAGD,GAAM,EAAE,gBAAgB,GAAM,CAAA;AAAA,MACvD;AAAA,IACJ;AAAA,IACA,cAAcE,EAAuB;AAAA,MACjC,KAAKC;AAAA,IAAA,CACR;AAAA,EAAA;AAAA;"}

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

@@ -1,6 +1,7 @@
 const e = {
   options: {
     trigger: "@",
+    insertSpaceAfterMention: !0,
     createMentionNode: (t) => ({
       value: t.text,
       category: t.data.category,

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

@@ -1 +1 @@
-{"version":3,"file":"config.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/config.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MentionItemData, MentionPlugin } from './types';\n\nexport const mentionPlugin: MentionPlugin<MentionItemData> = {\n    options: {\n        trigger: '@',\n        createMentionNode: (item) => ({\n            value: item.text,\n            category: item.data.category,\n            id: item.data.id,\n        }),\n    },\n};\n"],"names":["mentionPlugin","item"],"mappings":"AAIO,MAAMA,IAAgD;AAAA,EACzD,SAAS;AAAA,IACL,SAAS;AAAA,IACT,mBAAmB,CAACC,OAAU;AAAA,MAC1B,OAAOA,EAAK;AAAA,MACZ,UAAUA,EAAK,KAAK;AAAA,MACpB,IAAIA,EAAK,KAAK;AAAA,IAAA;AAAA,EAEtB;AACJ;"}
+{"version":3,"file":"config.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/config.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MentionItemData, MentionPlugin } from './types';\n\nexport const mentionPlugin: MentionPlugin<MentionItemData> = {\n    options: {\n        trigger: '@',\n        insertSpaceAfterMention: true,\n        createMentionNode: (item) => ({\n            value: item.text,\n            category: item.data.category,\n            id: item.data.id,\n        }),\n    },\n};\n"],"names":["mentionPlugin","item"],"mappings":"AAIO,MAAMA,IAAgD;AAAA,EACzD,SAAS;AAAA,IACL,SAAS;AAAA,IACT,yBAAyB;AAAA,IACzB,mBAAmB,CAACC,OAAU;AAAA,MAC1B,OAAOA,EAAK;AAAA,MACZ,UAAUA,EAAK,KAAK;AAAA,MACpB,IAAIA,EAAK,KAAK;AAAA,IAAA;AAAA,EAEtB;AACJ;"}

package/dist/components/RichTextEditor/Plugins/MentionPlugin/getMentionOnSelectItem.d.ts

@@ -0,0 +1,8 @@
+import { ComboboxOnSelectItem, Data, PlatePluginKey, TComboboxItem, TMentionElement, TNodeProps } from '@udecode/plate';
+export interface CreateMentionNode<TData extends Data> {
+    (item: TComboboxItem<TData>, meta: CreateMentionNodeMeta): TNodeProps<TMentionElement>;
+}
+export interface CreateMentionNodeMeta {
+    search: string;
+}
+export declare const getMentionOnSelectItem: <TData extends unknown = undefined>({ key }?: PlatePluginKey) => ComboboxOnSelectItem<TData>;

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

@@ -0,0 +1,29 @@
+import { comboboxSelectors as o, getPlugin as p, withoutNormalizing as a, select as l, withoutMergingHistory as u, removeNodes as f, isNodeMentionInput as x, insertNodes as N, moveSelection as h, insertText as M, comboboxActions as b, ELEMENT_MENTION as E } from "@udecode/plate";
+const I = ({ key: s = E } = {}) => (t, c) => {
+  const n = o.targetRange();
+  if (!n)
+    return;
+  const {
+    type: i,
+    options: { insertSpaceAfterMention: r, createMentionNode: e }
+  } = p(t, s);
+  return a(t, () => {
+    const g = e == null ? void 0 : e(c, {
+      search: o.text() ?? ""
+    });
+    l(t, n), u(
+      t,
+      () => f(t, {
+        match: (m) => x(t, m)
+      })
+    ), N(t, {
+      type: i,
+      children: [{ text: "" }],
+      ...g
+    }), h(t, { unit: "offset" }), r && M(t, " ");
+  }), b.reset();
+};
+export {
+  I as getMentionOnSelectItem
+};
+//# sourceMappingURL=getMentionOnSelectItem.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getMentionOnSelectItem.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/getMentionOnSelectItem.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    ComboboxOnSelectItem,\n    Data,\n    ELEMENT_MENTION,\n    MentionPlugin,\n    NoData,\n    PlateEditor,\n    PlatePluginKey,\n    TComboboxItem,\n    TMentionElement,\n    TNodeProps,\n    Value,\n    comboboxActions,\n    comboboxSelectors,\n    getPlugin,\n    insertNodes,\n    insertText,\n    isNodeMentionInput,\n    moveSelection,\n    removeNodes,\n    select,\n    withoutMergingHistory,\n    withoutNormalizing,\n} from '@udecode/plate';\n\nexport interface CreateMentionNode<TData extends Data> {\n    (item: TComboboxItem<TData>, meta: CreateMentionNodeMeta): TNodeProps<TMentionElement>;\n}\n\nexport interface CreateMentionNodeMeta {\n    search: string;\n}\n\nexport const getMentionOnSelectItem =\n    <TData extends Data = NoData>({ key = ELEMENT_MENTION }: PlatePluginKey = {}): ComboboxOnSelectItem<TData> =>\n    (editor, item) => {\n        const targetRange = comboboxSelectors.targetRange();\n        if (!targetRange) {\n            return;\n        }\n\n        const {\n            type,\n            options: { insertSpaceAfterMention, createMentionNode },\n        } = getPlugin<MentionPlugin>(editor as PlateEditor<Value>, key);\n\n        withoutNormalizing(editor, () => {\n            // Selectors are sensitive to operations, it's better to create everything\n            // before the editor state is changed. For example, asking for text after\n            // removeNodes below will return null.\n            const props = createMentionNode?.(item, {\n                search: comboboxSelectors.text() ?? '',\n            });\n\n            select(editor, targetRange);\n\n            withoutMergingHistory(editor, () =>\n                removeNodes(editor, {\n                    match: (node) => isNodeMentionInput(editor, node),\n                }),\n            );\n\n            insertNodes<TMentionElement>(editor, {\n                type,\n                children: [{ text: '' }],\n                ...props,\n            } as TMentionElement);\n\n            // move the selection after the element\n            moveSelection(editor, { unit: 'offset' });\n\n            if (insertSpaceAfterMention) {\n                insertText(editor, ' ');\n            }\n        });\n\n        return comboboxActions.reset();\n    };\n"],"names":["getMentionOnSelectItem","key","ELEMENT_MENTION","editor","item","targetRange","comboboxSelectors","type","insertSpaceAfterMention","createMentionNode","getPlugin","withoutNormalizing","props","select","withoutMergingHistory","removeNodes","node","isNodeMentionInput","insertNodes","moveSelection","insertText","comboboxActions"],"mappings":";AAmCa,MAAAA,IACT,CAA8B,EAAE,KAAAC,IAAMC,MAAoC,OAC1E,CAACC,GAAQC,MAAS;AACR,QAAAC,IAAcC,EAAkB;AACtC,MAAI,CAACD;AACD;AAGE,QAAA;AAAA,IACF,MAAAE;AAAA,IACA,SAAS,EAAE,yBAAAC,GAAyB,mBAAAC,EAAkB;AAAA,EAAA,IACtDC,EAAyBP,GAA8BF,CAAG;AAE9D,SAAAU,EAAmBR,GAAQ,MAAM;AAIvB,UAAAS,IAAQH,KAAA,gBAAAA,EAAoBL,GAAM;AAAA,MACpC,QAAQE,EAAkB,KAAA,KAAU;AAAA,IAAA;AAGxC,IAAAO,EAAOV,GAAQE,CAAW,GAE1BS;AAAA,MAAsBX;AAAA,MAAQ,MAC1BY,EAAYZ,GAAQ;AAAA,QAChB,OAAO,CAACa,MAASC,EAAmBd,GAAQa,CAAI;AAAA,MAAA,CACnD;AAAA,IAAA,GAGLE,EAA6Bf,GAAQ;AAAA,MACjC,MAAAI;AAAA,MACA,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,MACvB,GAAGK;AAAA,IAAA,CACa,GAGpBO,EAAchB,GAAQ,EAAE,MAAM,SAAU,CAAA,GAEpCK,KACAY,EAAWjB,GAAQ,GAAG;AAAA,EAC1B,CACH,GAEMkB,EAAgB;AAC3B;"}

package/dist/components/RichTextEditor/Plugins/MentionPlugin/types.d.ts

@@ -20,6 +20,7 @@ export interface MentionPlugin<TData extends Data = NoData> {
     withOverrides?: WithOverride;
     options: {
         trigger: string;
+        insertSpaceAfterMention: boolean;
         createMentionNode?: CreateMentionNode<TData>;
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { CreateMentionNode, Data, NoData, TComboboxItemWithData, WithOverride } from '@udecode/plate';\nimport { PluginProps } from '../Plugin';\n\nexport enum MentionableCategory {\n    GROUP = 'group',\n    ALL = 'all',\n    USER = 'user',\n}\n\nexport type MentionItemData = {\n    id: string;\n    category: MentionableCategory;\n    image?: string;\n};\n\nexport type MentionableItem = TComboboxItemWithData<MentionItemData>;\n\nexport type MentionableItems = MentionableItem[];\n\nexport type MentionPluginProps = PluginProps & {\n    mentionableItems: MentionableItems;\n};\n\nexport type MappedMentionableItems = Map<string, string>;\n\nexport interface MentionPlugin<TData extends Data = NoData> {\n    withOverrides?: WithOverride;\n    options: {\n        trigger: string;\n        createMentionNode?: CreateMentionNode<TData>;\n    };\n}\n"],"names":["MentionableCategory"],"mappings":"AAKY,IAAAA,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QAHCA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"types.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { CreateMentionNode, Data, NoData, TComboboxItemWithData, WithOverride } from '@udecode/plate';\nimport { PluginProps } from '../Plugin';\n\nexport enum MentionableCategory {\n    GROUP = 'group',\n    ALL = 'all',\n    USER = 'user',\n}\n\nexport type MentionItemData = {\n    id: string;\n    category: MentionableCategory;\n    image?: string;\n};\n\nexport type MentionableItem = TComboboxItemWithData<MentionItemData>;\n\nexport type MentionableItems = MentionableItem[];\n\nexport type MentionPluginProps = PluginProps & {\n    mentionableItems: MentionableItems;\n};\n\nexport type MappedMentionableItems = Map<string, string>;\n\nexport interface MentionPlugin<TData extends Data = NoData> {\n    withOverrides?: WithOverride;\n    options: {\n        trigger: string;\n        insertSpaceAfterMention: boolean;\n        createMentionNode?: CreateMentionNode<TData>;\n    };\n}\n"],"names":["MentionableCategory"],"mappings":"AAKY,IAAAA,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QAHCA,IAAAA,KAAA,CAAA,CAAA;"}