npm - @frontify/fondue - Versions diffs - 12.0.0-beta.10 → 12.0.0-beta.12 - Mend

@frontify/fondue 12.0.0-beta.10 → 12.0.0-beta.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/dist/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/FloatingLink.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FloatingLink.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/FloatingLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n ~~FloatingLinkEditButton,\n~~ FloatingLinkProps,\n ~~OpenLinkButton~~,\n ~~UnlinkButton~~,\n ~~createComponentAs~~,\n ~~createElementAs~~,\n} from '@udecode/plate';\nimport { ~~EditModal,~~ useFloatingLinkEdit } from './EditLinkModal';\~~nimport { InsertModal, useFloatingLinkInsert } from './InsertLinkModal';\~~n\nconst FloatingLinkInsertRoot = createComponentAs<FloatingLinkProps>((props) => {\n const htmlProps = useFloatingLinkInsert(props);\n\n if (htmlProps.style?.display === 'none') {\n return null;\n }\n\n return createElementAs('div', htmlProps);\n});\n\nconst FloatingLinkEditRoot = createComponentAs<FloatingLinkProps>((props) => {\n const htmlProps = useFloatingLinkEdit(props);\n\n if (htmlProps.style?.display === 'none') {\n return null;\n }\n\n return createElementAs('div', htmlProps);\n});\n\~~nexport~~ ~~const FloatingLink~~ = ~~{\n EditRoot:~~ FloatingLinkEditRoot~~,\n~~ InsertRoot: FloatingLinkInsertRoot,\n ~~EditModal,\n InsertModal,\n EditButton:~~ ~~FloatingLinkEditButton,\n UnlinkButton,\n OpenLinkButton,\n}~~;\n"],"names":[],"mappings":"~~;;;;;AAaA~~,MAAM,IAAyB,EAAqC,CAAC,MAAU;;AACrE,QAAA,IAAY,EAAsB,CAAK;AAEzC,SAAA,QAAU,UAAV,kBAAiB,aAAY,SACtB,OAGJ,EAAgB,OAAO,CAAS;AAC3C,CAAC,GAEK,IAAuB,EAAqC,CAAC,MAAU;;AACnE,QAAA,IAAY,EAAoB,CAAK;AAEvC,SAAA,QAAU,UAAV,kBAAiB,aAAY,SACtB,OAGJ,EAAgB,OAAO,CAAS;AAC3C,CAAC~~,GAEY,IAAe~~;~~AAAA~~,~~EACxB~~,~~UAAU~~;~~AAAA~~,~~EACV~~,~~YAAY~~;~~AAAA~~,~~EACZ;AAAA~~,~~EACA~~;~~AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACJ;~~"}
1	+ {"version":3,"file":"FloatingLink.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/FloatingLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n FloatingLinkProps,\n FloatingLink as PlateFloatingLink,\n createComponentAs,\n createElementAs,\n useFloatingLinkInsert,\n} from '@udecode/plate';\nimport { useFloatingLinkEdit } from './EditLinkModal';\n\nconst FloatingLinkInsertRoot = createComponentAs<FloatingLinkProps>((props) => {\n const htmlProps = useFloatingLinkInsert(props);\n\n if (htmlProps.style?.display === 'none') {\n return null;\n }\n\n return createElementAs('div', htmlProps);\n});\n\nconst FloatingLinkEditRoot = createComponentAs<FloatingLinkProps>((props) => {\n const htmlProps = useFloatingLinkEdit(props);\n\n if (htmlProps.style?.display === 'none') {\n return null;\n }\n\n return createElementAs('div', htmlProps);\n});\n\nPlateFloatingLink.EditRoot = FloatingLinkEditRoot;\nPlateFloatingLink.InsertRoot = FloatingLinkInsertRoot;\n\nexport const FloatingLink = PlateFloatingLink;\n"],"names":["PlateFloatingLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,IAAyB,EAAqC,CAAC,MAAU;;AACrE,QAAA,IAAY,EAAsB,CAAK;AAEzC,SAAA,QAAU,UAAV,kBAAiB,aAAY,SACtB,OAGJ,EAAgB,OAAO,CAAS;AAC3C,CAAC,GAEK,IAAuB,EAAqC,CAAC,MAAU;;AACnE,QAAA,IAAY,EAAoB,CAAK;AAEvC,SAAA,QAAU,UAAV,kBAAiB,aAAY,SACtB,OAGJ,EAAgB,OAAO,CAAS;AAC3C,CAAC;AAEDA,EAAkB,WAAW;AAC7BA,EAAkB,aAAa;AAExB,MAAM,KAAeA;"}

package/dist/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/InsertLinkModal/index.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export * from './InsertModal';
2	- export * from './useFloatingLinkInsert';

package/dist/components/RichTextEditor/Plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinkMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { HTMLPropsAs, LinkRootProps, useElementProps } from '@udecode/plate';\nimport { getUrlFromLinkOrLegacyLink } from '../utils';\nimport { TLinkElement } from '../types';\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context/RichTextEditorContext';\n\nconst useLink = (props: LinkRootProps): HTMLPropsAs<'a'> => {\n const _props = useElementProps<TLinkElement, 'a'>({\n ...props,\n elementToAttributes: (element) => ({\n href: getUrlFromLinkOrLegacyLink(element),\n target: element.target \|\| '_blank',\n }),\n });\n\n return {\n ..._props,\n // quick fix: hovering <a> with href loses the editor focus\n onMouseOver: (e) => {\n e.stopPropagation();\n },\n };\n};\n\nexport const LinkMarkupElementNode = (props: LinkRootProps) => {\n const htmlProps = useLink(props);\n const { designTokens } = useRichTextEditorContext();\n const { attributes, children } = props;\n\n return (\n <a {...attributes} href={htmlProps.href} target={htmlProps.target} style={designTokens.link}>\n {children}\n </a>\n );\n};\n"],"names":[],"mappings":";;;;AAQA,MAAM,IAAU,CAAC,MASN;AAAA,EACH,GATW,EAAmC;AAAA,IAC9C,GAAG;AAAA,IACH,qBAAqB,CAAC,MAAa;AAAA,MAC/B,MAAM,EAA2B,CAAO;AAAA,MACxC,QAAQ,EAAQ,UAAU;AAAA,IAAA;AAAA,EAC9B,CACH;AAAA,EAKG,aAAa,CAAC,~~MAAM~~;~~AAChB~~,MAAE,gBAAgB;AAAA,EACtB;AAAA,IAIK,IAAwB,CAAC,MAAyB;AACrD,QAAA,IAAY,EAAQ,CAAK,GACzB,EAAE,oBAAiB,KACnB,EAAE,eAAY,gBAAa;AAEjC,SACK,kBAAA,cAAA,KAAA;AAAA,IAAG,GAAG;AAAA,IAAY,MAAM,EAAU;AAAA,IAAM,QAAQ,EAAU;AAAA,IAAQ,OAAO,EAAa;AAAA,EAAA,GAClF,CACL;AAER;"}
1	+ {"version":3,"file":"LinkMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { HTMLPropsAs, LinkRootProps, useElementProps } from '@udecode/plate';\nimport { getUrlFromLinkOrLegacyLink } from '../utils';\nimport { TLinkElement } from '../types';\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context/RichTextEditorContext';\n\nconst useLink = (props: LinkRootProps): HTMLPropsAs<'a'> => {\n const _props = useElementProps<TLinkElement, 'a'>({\n ...props,\n elementToAttributes: (element) => ({\n href: getUrlFromLinkOrLegacyLink(element),\n target: element.target \|\| '_blank',\n }),\n });\n\n return {\n ..._props,\n // quick fix: hovering <a> with href loses the editor focus\n onMouseOver: (e: MouseEvent) => {\n e.stopPropagation();\n },\n };\n};\n\nexport const LinkMarkupElementNode = (props: LinkRootProps) => {\n const htmlProps = useLink(props);\n const { designTokens } = useRichTextEditorContext();\n const { attributes, children } = props;\n\n return (\n <a {...attributes} href={htmlProps.href} target={htmlProps.target} style={designTokens.link}>\n {children}\n </a>\n );\n};\n"],"names":[],"mappings":";;;;AAQA,MAAM,IAAU,CAAC,MASN;AAAA,EACH,GATW,EAAmC;AAAA,IAC9C,GAAG;AAAA,IACH,qBAAqB,CAAC,MAAa;AAAA,MAC/B,MAAM,EAA2B,CAAO;AAAA,MACxC,QAAQ,EAAQ,UAAU;AAAA,IAAA;AAAA,EAC9B,CACH;AAAA,EAKG,aAAa,CAAC,MAAkB;AAC5B,MAAE,gBAAgB;AAAA,EACtB;AAAA,IAIK,IAAwB,CAAC,MAAyB;AACrD,QAAA,IAAY,EAAQ,CAAK,GACzB,EAAE,oBAAiB,KACnB,EAAE,eAAY,gBAAa;AAEjC,SACK,kBAAA,cAAA,KAAA;AAAA,IAAG,GAAG;AAAA,IAAY,MAAM,EAAU;AAAA,IAAM,QAAQ,EAAU;AAAA,IAAQ,OAAO,EAAa;AAAA,EAAA,GAClF,CACL;AAER;"}

package/dist/components/RichTextEditor/Plugins/LinkPlugin/index.es.js CHANGED Viewed

@@ -1,31 +1,37 @@
 import { createPluginFactory as t, createLinkPlugin as i } from "@udecode/plate";
 import { LINK_PLUGIN as n } from "./id.es.js";
-import { LinkMarkupElement as o } from "./LinkMarkupElement/index.es.js";
-import { LinkButton as e } from "./LinkButton.es.js";
+import { LinkMarkupElement as e } from "./LinkMarkupElement/index.es.js";
+import { LinkButton as o } from "./LinkButton.es.js";
 import { CustomFloatingLink as m } from "./FloatingLink/CustomFloatingLink.es.js";
-import { Plugin as u } from "../Plugin.es.js";
+import { Plugin as a } from "../Plugin.es.js";
 import { isUrlOrPath as l } from "./utils/isUrlOrPath.es.js";
-const p = t({
+const u = t({
   ...i(),
   renderAfterEditable: m,
   options: {
-    isUrl: l
+    isUrl: l,
+    rangeBeforeOptions: {
+      matchString: " ",
+      skipInvalid: !0,
+      afterMatch: !0
+    },
+    triggerFloatingLinkHotkeys: "command+k, ctrl+k"
   }
 });
-class d extends u {
+class d extends a {
   constructor(r) {
     super(n, {
-      button: e,
-      markupElement: new o(),
+      button: o,
+      markupElement: new e(),
       ...r
     });
   }
   plugins() {
-    return [p()];
+    return [u()];
   }
 }
 export {
   d as LinkPlugin,
-  p as createLinkPlugin
+  u as createLinkPlugin
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/Plugins/LinkPlugin/index.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/LinkPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createLinkPlugin as createPlateLinkPlugin, createPluginFactory } from '@udecode/plate';\nimport { LINK_PLUGIN } from './id';\nimport { LinkMarkupElement } from './LinkMarkupElement';\nimport { LinkButton } from './LinkButton';\nimport { CustomFloatingLink } from './FloatingLink/CustomFloatingLink';\nimport { Plugin, PluginProps } from '../Plugin';\nimport { isUrlOrPath } from './utils';\n\nexport const createLinkPlugin = createPluginFactory({\n ...createPlateLinkPlugin(),\n renderAfterEditable: CustomFloatingLink,\n options: {\n isUrl: isUrlOrPath,\n },\n});\n\nexport class LinkPlugin extends Plugin {\n constructor(props?: PluginProps) {\n super(LINK_PLUGIN, {\n button: LinkButton,\n markupElement: new LinkMarkupElement(),\n ...props,\n });\n }\n\n plugins() {\n return [createLinkPlugin()];\n }\n}\n"],"names":["createPlateLinkPlugin"],"mappings":";;;;;;;AAUO,MAAM,IAAmB,EAAoB;AAAA,EAChD,GAAGA,EAAsB;AAAA,EACzB,qBAAqB;AAAA,EACrB,SAAS;AAAA,IACL,OAAO;AAAA,~~EACX~~;AACJ,CAAC;AAEM,MAAM,UAAmB,EAAO;AAAA,EACnC,YAAY,GAAqB;AAC7B,UAAM,GAAa;AAAA,MACf,QAAQ;AAAA,MACR,eAAe,IAAI,EAAkB;AAAA,MACrC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAkB;AAAA,EAC9B;AACJ;"}
1	+ {"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/LinkPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createLinkPlugin as createPlateLinkPlugin, createPluginFactory } from '@udecode/plate';\nimport { LINK_PLUGIN } from './id';\nimport { LinkMarkupElement } from './LinkMarkupElement';\nimport { LinkButton } from './LinkButton';\nimport { CustomFloatingLink } from './FloatingLink/CustomFloatingLink';\nimport { Plugin, PluginProps } from '../Plugin';\nimport { isUrlOrPath } from './utils';\n\nexport const createLinkPlugin = createPluginFactory({\n ...createPlateLinkPlugin(),\n renderAfterEditable: CustomFloatingLink,\n options: {\n isUrl: isUrlOrPath,\n rangeBeforeOptions: {\n matchString: ' ',\n skipInvalid: true,\n afterMatch: true,\n },\n triggerFloatingLinkHotkeys: 'command+k, ctrl+k',\n },\n});\n\nexport class LinkPlugin extends Plugin {\n constructor(props?: PluginProps) {\n super(LINK_PLUGIN, {\n button: LinkButton,\n markupElement: new LinkMarkupElement(),\n ...props,\n });\n }\n\n plugins() {\n return [createLinkPlugin()];\n }\n}\n"],"names":["createPlateLinkPlugin"],"mappings":";;;;;;;AAUO,MAAM,IAAmB,EAAoB;AAAA,EAChD,GAAGA,EAAsB;AAAA,EACzB,qBAAqB;AAAA,EACrB,SAAS;AAAA,IACL,OAAO;AAAA,IACP,oBAAoB;AAAA,MAChB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,IAChB;AAAA,IACA,4BAA4B;AAAA,EAChC;AACJ,CAAC;AAEM,MAAM,UAAmB,EAAO;AAAA,EACnC,YAAY,GAAqB;AAC7B,UAAM,GAAa;AAAA,MACf,QAAQ;AAAA,MACR,eAAe,IAAI,EAAkB;AAAA,MACrC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAkB;AAAA,EAC9B;AACJ;"}

package/dist/components/RichTextEditor/Plugins/MentionPlugin/MentionMarkupElement/MentionMarkupElementNode.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import u from "react";
 import { useSelected as m, useFocused as b } from "slate-react";
-import { TCategory as t } from "../types.es.js";
+import { MentionableCategory as t } from "../types.es.js";
 const y = (n) => {
   var o;
   const { attributes: r, children: l, element: e, nodeProps: c, prefix: d, renderLabel: a } = n, s = m(), i = b(), p = {

package/dist/components/RichTextEditor/Plugins/MentionPlugin/MentionMarkupElement/MentionMarkupElementNode.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MentionMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/MentionMarkupElement/MentionMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { useFocused, useSelected } from 'slate-react';\nimport { MentionElementProps, Value } from '@udecode/plate';\nimport { ~~TCategory~~ } from '../types';\n\nexport const MentionMarkupElementNode = (props: MentionElementProps<Value>) => {\n const { attributes, children, element, nodeProps, prefix, renderLabel } = props;\n\n const selected = useSelected();\n const focused = useFocused();\n\n const backgroundColor: Record<~~TCategory~~, string> = {\n [~~TCategory~~.GROUP]: '#00FF00',\n [~~TCategory~~.USER]: '#ff0000',\n [~~TCategory~~.ALL]: '#0000FF',\n };\n\n return (\n <span\n {...attributes}\n data-slate-value={element.value}\n data-slate-key={element.key}\n data-slate-category={element.category}\n contentEditable={false}\n data-cy={`mention-${element.value?.replaceAll(' ', '-')}`}\n style={{\n padding: '3px 3px 2px',\n margin: '0 1px',\n verticalAlign: 'baseline',\n display: 'inline-block',\n borderRadius: '4px',\n backgroundColor: backgroundColor[element.category as ~~TCategory~~],\n fontSize: '0.9em',\n boxShadow: selected && focused ? '0 0 0 2px #B4D5FF' : 'none',\n }}\n {...nodeProps}\n >\n {prefix}\n {renderLabel ? renderLabel(element) : element.value}\n {children}\n </span>\n );\n};\n"],"names":[],"mappings":";;;AAOa,MAAA,IAA2B,CAAC,MAAsC;;AAC3E,QAAM,EAAE,eAAY,aAAU,YAAS,cAAW,WAAQ,mBAAgB,GAEpE,IAAW,KACX,IAAU,KAEV,~~IAA6C~~;AAAA,~~IAC/C~~,CAAC,~~EAAU~~,QAAQ;AAAA,~~IACnB~~,CAAC,~~EAAU~~,OAAO;AAAA,~~IAClB~~,CAAC,~~EAAU~~,MAAM;AAAA,EAAA;~~AAGrB~~,SACK,kBAAA,cAAA,QAAA;AAAA,IACI,GAAG;AAAA,IACJ,oBAAkB,EAAQ;AAAA,IAC1B,kBAAgB,EAAQ;AAAA,IACxB,uBAAqB,EAAQ;AAAA,IAC7B,iBAAiB;AAAA,IACjB,WAAS,WAAW,OAAQ,UAAR,kBAAe,WAAW,KAAK;AAAA,IACnD,OAAO;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,SAAS;AAAA,MACT,cAAc;AAAA,MACd,iBAAiB,EAAgB,EAAQ;AAAA,MACzC,UAAU;AAAA,MACV,WAAW,KAAY,IAAU,sBAAsB;AAAA,IAC3D;AAAA,IACC,GAAG;AAAA,EAAA,GAEH,GACA,IAAc,EAAY,CAAO,IAAI,EAAQ,OAC7C,CACL;AAER;"}
1	+ {"version":3,"file":"MentionMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/MentionMarkupElement/MentionMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { useFocused, useSelected } from 'slate-react';\nimport { MentionElementProps, Value } from '@udecode/plate';\nimport { MentionableCategory } from '../types';\n\nexport const MentionMarkupElementNode = (props: MentionElementProps<Value>) => {\n const { attributes, children, element, nodeProps, prefix, renderLabel } = props;\n\n const selected = useSelected();\n const focused = useFocused();\n\n const backgroundColor: Record<MentionableCategory, string> = {\n [MentionableCategory.GROUP]: '#00FF00',\n [MentionableCategory.USER]: '#ff0000',\n [MentionableCategory.ALL]: '#0000FF',\n };\n\n return (\n <span\n {...attributes}\n data-slate-value={element.value}\n data-slate-key={element.key}\n data-slate-category={element.category}\n contentEditable={false}\n data-cy={`mention-${element.value?.replaceAll(' ', '-')}`}\n style={{\n padding: '3px 3px 2px',\n margin: '0 1px',\n verticalAlign: 'baseline',\n display: 'inline-block',\n borderRadius: '4px',\n backgroundColor: backgroundColor[element.category as MentionableCategory],\n fontSize: '0.9em',\n boxShadow: selected && focused ? '0 0 0 2px #B4D5FF' : 'none',\n }}\n {...nodeProps}\n >\n {prefix}\n {renderLabel ? renderLabel(element) : element.value}\n {children}\n </span>\n );\n};\n"],"names":[],"mappings":";;;AAOa,MAAA,IAA2B,CAAC,MAAsC;;AAC3E,QAAM,EAAE,eAAY,aAAU,YAAS,cAAW,WAAQ,mBAAgB,GAEpE,IAAW,KACX,IAAU,KAEV,IAAuD;AAAA,IACzD,CAAC,EAAoB,QAAQ;AAAA,IAC7B,CAAC,EAAoB,OAAO;AAAA,IAC5B,CAAC,EAAoB,MAAM;AAAA,EAAA;AAG/B,SACK,kBAAA,cAAA,QAAA;AAAA,IACI,GAAG;AAAA,IACJ,oBAAkB,EAAQ;AAAA,IAC1B,kBAAgB,EAAQ;AAAA,IACxB,uBAAqB,EAAQ;AAAA,IAC7B,iBAAiB;AAAA,IACjB,WAAS,WAAW,OAAQ,UAAR,kBAAe,WAAW,KAAK;AAAA,IACnD,OAAO;AAAA,MACH,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,SAAS;AAAA,MACT,cAAc;AAAA,MACd,iBAAiB,EAAgB,EAAQ;AAAA,MACzC,UAAU;AAAA,MACV,WAAW,KAAY,IAAU,sBAAsB;AAAA,IAC3D;AAAA,IACC,GAAG;AAAA,EAAA,GAEH,GACA,IAAc,EAAY,CAAO,IAAI,EAAQ,OAC7C,CACL;AAER;"}

package/dist/components/RichTextEditor/Plugins/MentionPlugin/createMentionPlugin.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createMentionPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/createMentionPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n ELEMENT_MENTION,\n ELEMENT_MENTION_INPUT,\n createPluginFactory,\n mentionOnKeyDownHandler,\n withMention,\n} from '@udecode/plate';\nimport { ~~TComboboxItemMention~~ } from './types';\n\nexport const createMentionPlugin = createPluginFactory({\n key: ELEMENT_MENTION,\n isElement: true,\n isInline: true,\n isVoid: true,\n handlers: {\n onKeyDown: mentionOnKeyDownHandler(),\n },\n withOverrides: withMention,\n options: {\n trigger: '@',\n createMentionNode: (item: ~~TComboboxItemMention~~) => ({\n value: item.text,\n key: item.key,\n category: item.category,\n }),\n },\n plugins: [\n {\n key: ELEMENT_MENTION_INPUT,\n isElement: true,\n isInline: true,\n },\n ],\n then: (editor, { key }) => ({\n options: {\n id: key,\n },\n }),\n});\n"],"names":[],"mappings":";AAWO,MAAM,IAAsB,EAAoB;AAAA,EACnD,KAAK;AAAA,EACL,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,IACN,WAAW,EAAwB;AAAA,EACvC;AAAA,EACA,eAAe;AAAA,EACf,SAAS;AAAA,IACL,SAAS;AAAA,IACT,mBAAmB,CAAC,~~MAAgC~~;AAAA,~~MAChD~~,OAAO,EAAK;AAAA,MACZ,KAAK,EAAK;AAAA,MACV,UAAU,EAAK;AAAA,IAAA;AAAA,EAEvB;AAAA,EACA,SAAS;AAAA,IACL;AAAA,MACI,KAAK;AAAA,MACL,WAAW;AAAA,MACX,UAAU;AAAA,IACd;AAAA,EACJ;AAAA,EACA,MAAM,CAAC,GAAQ,EAAE,aAAW;AAAA,IACxB,SAAS;AAAA,MACL,IAAI;AAAA,IACR;AAAA,EAAA;AAER,CAAC;"}
1	+ {"version":3,"file":"createMentionPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/createMentionPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n ELEMENT_MENTION,\n ELEMENT_MENTION_INPUT,\n createPluginFactory,\n mentionOnKeyDownHandler,\n withMention,\n} from '@udecode/plate';\nimport { MentionComboboxItem } from './types';\n\nexport const createMentionPlugin = createPluginFactory({\n key: ELEMENT_MENTION,\n isElement: true,\n isInline: true,\n isVoid: true,\n handlers: {\n onKeyDown: mentionOnKeyDownHandler(),\n },\n withOverrides: withMention,\n options: {\n trigger: '@',\n createMentionNode: (item: MentionComboboxItem) => ({\n value: item.text,\n key: item.key,\n category: item.category,\n }),\n },\n plugins: [\n {\n key: ELEMENT_MENTION_INPUT,\n isElement: true,\n isInline: true,\n },\n ],\n then: (editor, { key }) => ({\n options: {\n id: key,\n },\n }),\n});\n"],"names":[],"mappings":";AAWO,MAAM,IAAsB,EAAoB;AAAA,EACnD,KAAK;AAAA,EACL,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,IACN,WAAW,EAAwB;AAAA,EACvC;AAAA,EACA,eAAe;AAAA,EACf,SAAS;AAAA,IACL,SAAS;AAAA,IACT,mBAAmB,CAAC,MAA+B;AAAA,MAC/C,OAAO,EAAK;AAAA,MACZ,KAAK,EAAK;AAAA,MACV,UAAU,EAAK;AAAA,IAAA;AAAA,EAEvB;AAAA,EACA,SAAS;AAAA,IACL;AAAA,MACI,KAAK;AAAA,MACL,WAAW;AAAA,MACX,UAAU;AAAA,IACd;AAAA,EACJ;AAAA,EACA,MAAM,CAAC,GAAQ,EAAE,aAAW;AAAA,IACxB,SAAS;AAAA,MACL,IAAI;AAAA,IACR;AAAA,EAAA;AAER,CAAC;"}

package/dist/components/RichTextEditor/Plugins/MentionPlugin/index.d.ts CHANGED Viewed

@@ -6,3 +6,5 @@ export declare class MentionPlugin extends Plugin<MentionPluginProps> {
     inline(): () => JSX.Element;
     plugins(): import("@udecode/plate").PlatePlugin<import("@udecode/plate").AnyObject, import("@udecode/plate").Value, import("@udecode/plate").PlateEditor<import("@udecode/plate").Value>>[];
 }
+export { MentionableCategory } from './types';
+export type { MentionableItems } from './types';

package/dist/components/RichTextEditor/Plugins/MentionPlugin/index.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createComboboxPlugin } from '@udecode/plate';\nimport { MENTION_PLUGIN } from './id';\nimport { MentionMarkupElement } from './MentionMarkupElement';\nimport { Plugin } from '../Plugin';\nimport { MentionInline } from './MentionInline';\nimport { createMentionPlugin } from './createMentionPlugin';\nimport { MentionPluginProps } from './types';\n\nexport class MentionPlugin extends Plugin<MentionPluginProps> {\n constructor(props: MentionPluginProps) {\n super(MENTION_PLUGIN, {\n markupElement: new MentionMarkupElement(),\n ...props,\n });\n }\n\n inline() {\n return MentionInline(this.props?.mentionableItems \|\| []);\n }\n\n plugins() {\n return [createComboboxPlugin(), createMentionPlugin()];\n }\n}\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,UAAsB,EAA2B;AAAA,EAC1D,YAAY,GAA2B;AACnC,UAAM,GAAgB;AAAA,MAClB,eAAe,IAAI,EAAqB;AAAA,MACxC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,SAAS;;AACL,WAAO,EAAc,WAAK,UAAL,kBAAY,qBAAoB,CAAE,CAAA;AAAA,EAC3D;AAAA,EAEA,UAAU;AACN,WAAO,CAAC,EAAA,GAAwB,EAAA,CAAqB;AAAA,EACzD;AACJ;"}
1	+ {"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/MentionPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createComboboxPlugin } from '@udecode/plate';\nimport { MENTION_PLUGIN } from './id';\nimport { MentionMarkupElement } from './MentionMarkupElement';\nimport { Plugin } from '../Plugin';\nimport { MentionInline } from './MentionInline';\nimport { createMentionPlugin } from './createMentionPlugin';\nimport { MentionPluginProps } from './types';\n\nexport class MentionPlugin extends Plugin<MentionPluginProps> {\n constructor(props: MentionPluginProps) {\n super(MENTION_PLUGIN, {\n markupElement: new MentionMarkupElement(),\n ...props,\n });\n }\n\n inline() {\n return MentionInline(this.props?.mentionableItems \|\| []);\n }\n\n plugins() {\n return [createComboboxPlugin(), createMentionPlugin()];\n }\n}\n\nexport { MentionableCategory } from './types';\nexport type { MentionableItems } from './types';\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,UAAsB,EAA2B;AAAA,EAC1D,YAAY,GAA2B;AACnC,UAAM,GAAgB;AAAA,MAClB,eAAe,IAAI,EAAqB;AAAA,MACxC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,SAAS;;AACL,WAAO,EAAc,WAAK,UAAL,kBAAY,qBAAoB,CAAE,CAAA;AAAA,EAC3D;AAAA,EAEA,UAAU;AACN,WAAO,CAAC,EAAA,GAAwB,EAAA,CAAqB;AAAA,EACzD;AACJ;"}

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

@@ -1,19 +1,14 @@
 import { Data, TComboboxItemBase } from '@udecode/plate';
 import { PluginProps } from '../Plugin';
-interface MentionNodeData {
-    value: string;
-}
-export declare type CreateMentionNode<TData extends Data> = (item: TComboboxItemMention<TData>) => MentionNodeData;
-export declare enum TCategory {
+export declare enum MentionableCategory {
     GROUP = "group",
     ALL = "all",
     USER = "user"
 }
-export interface TComboboxItemMention<T extends Data = TCategory> extends TComboboxItemBase {
+export interface MentionComboboxItem<T extends Data = MentionableCategory> extends TComboboxItemBase {
     category: T;
 }
-export declare type MentionableItems = TComboboxItemMention[];
+export declare type MentionableItems = MentionComboboxItem[];
 export declare type MentionPluginProps = PluginProps & {
     mentionableItems: MentionableItems;
 };
-export {};

package/dist/components/RichTextEditor/Plugins/MentionPlugin/types.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 var u = /* @__PURE__ */ ((r) => (r.GROUP = "group", r.ALL = "all", r.USER = "user", r))(u || {});
 export {
-  u as TCategory
+  u as MentionableCategory
 };
 //# sourceMappingURL=types.es.js.map

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

	@@ -1 +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 { Data, TComboboxItemBase } from '@udecode/plate';\nimport { PluginProps } from '../Plugin';\n\~~ninterface MentionNodeData {\n value: string;\n}\n\~~nexport ~~type CreateMentionNode<TData extends Data> = (item: TComboboxItemMention<TData>) => MentionNodeData;\n\nexport~~ enum ~~TCategory~~ {\n GROUP = 'group',\n ALL = 'all',\n USER = 'user',\n}\n\nexport interface ~~TComboboxItemMention~~<T extends Data = ~~TCategory~~> extends TComboboxItemBase {\n category: T;\n}\n\nexport type MentionableItems = ~~TComboboxItemMention~~[];\nexport type MentionPluginProps = PluginProps & {\n mentionableItems: MentionableItems;\n};\n"],"names":[],"mappings":"~~AAWY~~,IAAA,sBAAA,MACA,GAAA,QAAA,SACF,EAAA,MAAA,OACC,EAAA,OAAA,QAHC,IAAA,KAAA,CAAA,CAAA;"}
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 { Data, TComboboxItemBase } from '@udecode/plate';\nimport { PluginProps } from '../Plugin';\n\nexport enum MentionableCategory {\n GROUP = 'group',\n ALL = 'all',\n USER = 'user',\n}\n\nexport interface MentionComboboxItem<T extends Data = MentionableCategory> extends TComboboxItemBase {\n category: T;\n}\n\nexport type MentionableItems = MentionComboboxItem[];\nexport type MentionPluginProps = PluginProps & {\n mentionableItems: MentionableItems;\n};\n"],"names":[],"mappings":"AAKY,IAAA,sBAAA,MACA,GAAA,QAAA,SACF,EAAA,MAAA,OACC,EAAA,OAAA,QAHC,IAAA,KAAA,CAAA,CAAA;"}

package/dist/components/RichTextEditor/RichTextEditor.es.js CHANGED Viewed

@@ -9,9 +9,9 @@ import { PaddingSizes as w } from "./types.es.js";
 import { defaultActions as x } from "./utils/actions.es.js";
 import "slate";
 import { ON_SAVE_DELAY_IN_MS as G } from "./utils/constants.es.js";
-import { defaultDesignTokens as d } from "./utils/defaultDesignTokens.es.js";
+import { defaultDesignTokens as s } from "./utils/defaultDesignTokens.es.js";
 import { parseRawValue as M } from "./utils/parseRawValue.es.js";
-import { TextStyles as u } from "./Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
+import { TextStyles as d } from "./Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
 import "./Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
 import "./Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
 import "./Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
@@ -22,68 +22,68 @@ import "./Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin
 import "./Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
 import "./EditorPositioningWrapper/index.es.js";
 import { getEditorConfig as z } from "./utils/editorConfig.es.js";
-import "./Plugins/index.es.js";
-import { forceTabOutOfActiveElement as H } from "./helpers/forceTabOutOfActiveElement.es.js";
-import { GeneratePlugins as J } from "./Plugins/GeneratePlugins.es.js";
-import { Position as Y } from "./EditorPositioningWrapper/types.es.js";
-const j = {
+import { defaultPlugins as H } from "./Plugins/index.es.js";
+import { forceTabOutOfActiveElement as J } from "./helpers/forceTabOutOfActiveElement.es.js";
+import { GeneratePlugins as Y } from "./Plugins/GeneratePlugins.es.js";
+import { Position as j } from "./EditorPositioningWrapper/types.es.js";
+const F = {
   position: "relative",
   height: "0"
 }, At = ({
-  id: E,
-  value: g,
-  placeholder: A = "",
-  readonly: O = !1,
-  clear: P = !1,
-  designTokens: o = d,
-  actions: a = x,
-  onTextChange: f,
+  id: u,
+  value: E,
+  placeholder: g = "",
+  readonly: P = !1,
+  clear: A = !1,
+  designTokens: o = s,
+  actions: f = x,
+  onTextChange: a,
   onBlur: c,
-  padding: b = w.None,
-  position: N = Y.FLOATING,
-  plugins: p
+  padding: O = w.None,
+  position: b = j.FLOATING,
+  plugins: N = H
 }) => {
-  const e = v(E), { localValue: l } = V(e, P), S = {
-    placeholder: A,
+  const e = v(u), { localValue: l } = V(e, A), S = {
+    placeholder: g,
     renderPlaceholder: ({ children: t, attributes: m }) => {
       const R = {
         ...m,
         style: {
           ...m.style,
-          ...j
+          ...F
         }
       };
       return /* @__PURE__ */ n.createElement("span", {
         ...R
       }, t);
     },
-    readOnly: O,
+    readOnly: P,
     onBlur: () => c && c(JSON.stringify(l.current)),
-    className: b,
+    className: O,
     onKeyDown: (t) => {
-      t.code === "Tab" && H();
+      t.code === "Tab" && J();
     }
   };
   L(() => {
-    for (const t of Object.values(u).filter((m) => m !== u.ELEMENT_PARAGRAPH))
-      o[t] || (o[t] = d[t]);
+    for (const t of Object.values(d).filter((m) => m !== d.ELEMENT_PARAGRAPH))
+      o[t] || (o[t] = s[t]);
   }, [o]);
-  const s = C((t) => {
-    f && f(JSON.stringify(t));
+  const p = C((t) => {
+    a && a(JSON.stringify(t));
   }, G), h = T((t) => {
-    s(t), l.current = t;
-  }, [s, l]), r = J(e, p), i = !!r && a.length === 0 && !!p, y = i ? r.create() : z();
+    p(t), l.current = t;
+  }, [p, l]), r = Y(e, N), i = !!r && f.length === 0, y = i ? r.create() : z();
   return /* @__PURE__ */ n.createElement(I, {
-    value: { designTokens: o, position: N }
+    value: { designTokens: o, position: b }
   }, /* @__PURE__ */ n.createElement(_, {
     id: e,
-    initialValue: M(g),
+    initialValue: M(E),
     onChange: h,
     editableProps: S,
     plugins: y
   }, i && r.toolbar(), i && r.inline(), !i && /* @__PURE__ */ n.createElement(D, {
     editorId: e,
-    actions: a
+    actions: f
   })));
 };
 export {

package/dist/components/RichTextEditor/RichTextEditor.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RichTextEditor.es.js","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { FC, useCallback, useEffect } from 'react';\nimport { Plate, TNode } from '@udecode/plate';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { debounce } from '@utilities/debounce';\nimport { EditableProps, RenderPlaceholderProps } from 'slate-react/dist/components/editable';\nimport { Toolbar } from './components/Toolbar/Toolbar';\nimport { RichTextEditorProvider } from './context/RichTextEditorContext';\nimport { useEditorState } from './hooks';\nimport { DesignTokens, PaddingSizes } from './types';\nimport { EditorActions, defaultActions } from './utils/actions';\nimport { ON_SAVE_DELAY_IN_MS } from './utils';\nimport { defaultDesignTokens } from './utils/defaultDesignTokens';\nimport { parseRawValue } from './utils/parseRawValue';\nimport { TextStyles } from './Plugins/TextStylePlugin/TextStyles';\nimport { Position } from './EditorPositioningWrapper';\nimport { getEditorConfig } from './utils/editorConfig';\nimport { GeneratePlugins, PluginComposer } from './Plugins';\nimport { forceTabOutOfActiveElement } from './helpers';\n\nconst PLACEHOLDER_STYLES: RenderPlaceholderProps['attributes']['style'] = {\n position: 'relative',\n height: '0',\n};\n\nexport type RichTextEditorProps = {\n id?: string;\n placeholder?: string;\n value?: string;\n onTextChange?: (value: string) => void;\n onBlur?: (value: string) => void;\n readonly?: boolean;\n clear?: boolean;\n designTokens?: DesignTokens;\n actions?: EditorActions[][];\n padding?: PaddingSizes;\n position?: Position;\n plugins?: PluginComposer;\n};\n\nexport const RichTextEditor: FC<RichTextEditorProps> = ({\n id,\n value: initialValue,\n placeholder = '',\n readonly = false,\n clear = false,\n designTokens = defaultDesignTokens,\n actions = defaultActions,\n onTextChange,\n onBlur,\n padding = PaddingSizes.None,\n position = Position.FLOATING,\n plugins,\n}) => {\n const editorId = useMemoizedId(id);\n const { localValue } = useEditorState(editorId, clear);\n\n const editableProps: EditableProps = {\n placeholder,\n renderPlaceholder: ({ children, attributes }) => {\n const mergedAttributes = {\n ...attributes,\n style: {\n ...attributes.style,\n ...PLACEHOLDER_STYLES,\n },\n };\n return <span {...mergedAttributes}>{children}</span>;\n },\n readOnly: readonly,\n onBlur: () => onBlur && onBlur(JSON.stringify(localValue.current)),\n className: padding,\n onKeyDown: (event) => {\n if (event.code === 'Tab') {\n // Forcing a blur event because of accessibility\n forceTabOutOfActiveElement();\n }\n },\n };\n\n useEffect(() => {\n for (const element of Object.values(TextStyles).filter(\n (textStyle) => textStyle !== TextStyles.ELEMENT_PARAGRAPH,\n )) {\n if (!designTokens[element]) {\n designTokens[element] = defaultDesignTokens[element];\n }\n }\n }, [designTokens]);\n\n const debouncedOnChange = debounce((value: TNode[]) => {\n onTextChange && onTextChange(JSON.stringify(value));\n }, ON_SAVE_DELAY_IN_MS);\n\n const onChange = useCallback(\n (value) => {\n debouncedOnChange(value);\n localValue.current = value;\n },\n [debouncedOnChange, localValue],\n );\n\n const config = GeneratePlugins(editorId, plugins);\n const isNew = !!config && actions.length === 0 ~~&& !!plugins~~;\n const editorConfig = isNew ? config.create() : getEditorConfig();\n\n return (\n <RichTextEditorProvider value={{ designTokens, position }}>\n <Plate\n id={editorId}\n initialValue={parseRawValue(initialValue)}\n onChange={onChange}\n editableProps={editableProps}\n plugins={editorConfig}\n >\n {isNew && config.toolbar()}\n {isNew && config.inline()}\n {!isNew && <Toolbar editorId={editorId} actions={actions} />}\n </Plate>\n </RichTextEditorProvider>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,IAAoE;AAAA,EACtE,UAAU;AAAA,EACV,QAAQ;AACZ,GAiBa,KAA0C,CAAC;AAAA,EACpD;AAAA,EACA,OAAO;AAAA,EACP,iBAAc;AAAA,EACd,cAAW;AAAA,EACX,WAAQ;AAAA,EACR,kBAAe;AAAA,EACf,aAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,aAAU,EAAa;AAAA,EACvB,cAAW,EAAS;AAAA,EACpB;AAAA,~~MACE~~;AACI,QAAA,IAAW,EAAc,CAAE,GAC3B,EAAE,kBAAe,EAAe,GAAU,CAAK,GAE/C,IAA+B;AAAA,IACjC;AAAA,IACA,mBAAmB,CAAC,EAAE,aAAU,oBAAiB;AAC7C,YAAM,IAAmB;AAAA,QACrB,GAAG;AAAA,QACH,OAAO;AAAA,UACH,GAAG,EAAW;AAAA,UACd,GAAG;AAAA,QACP;AAAA,MAAA;AAEJ,aAAQ,kBAAA,cAAA,QAAA;AAAA,QAAM,GAAG;AAAA,MAAA,GAAmB,CAAS;AAAA,IACjD;AAAA,IACA,UAAU;AAAA,IACV,QAAQ,MAAM,KAAU,EAAO,KAAK,UAAU,EAAW,OAAO,CAAC;AAAA,IACjE,WAAW;AAAA,IACX,WAAW,CAAC,MAAU;AACd,MAAA,EAAM,SAAS,SAEY;IAEnC;AAAA,EAAA;AAGJ,IAAU,MAAM;AACD,eAAA,KAAW,OAAO,OAAO,CAAU,EAAE,OAC5C,CAAC,MAAc,MAAc,EAAW,iBAC5C;AACQ,MAAC,EAAa,MACd,GAAa,KAAW,EAAoB;AAAA,EAEpD,GACD,CAAC,CAAY,CAAC;AAEX,QAAA,IAAoB,EAAS,CAAC,MAAmB;AACnD,SAAgB,EAAa,KAAK,UAAU,CAAK,CAAC;AAAA,KACnD,CAAmB,GAEhB,IAAW,EACb,CAAC,MAAU;AACP,MAAkB,CAAK,GACvB,EAAW,UAAU;AAAA,EAAA,GAEzB,CAAC,GAAmB,CAAU,CAClC,GAEM,IAAS,EAAgB,GAAU,CAAO,GAC1C,IAAQ,CAAC,CAAC,KAAU,EAAQ,WAAW,~~KAAK~~,~~CAAC,CAAC,GAC9C,~~IAAe,IAAQ,EAAO,WAAW,EAAgB;AAE/D,SACK,kBAAA,cAAA,GAAA;AAAA,IAAuB,OAAO,EAAE,iBAAc,YAAS;AAAA,EAAA,GACnD,kBAAA,cAAA,GAAA;AAAA,IACG,IAAI;AAAA,IACJ,cAAc,EAAc,CAAY;AAAA,IACxC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EAER,GAAA,KAAS,EAAO,QAAA,GAChB,KAAS,EAAO,OAAO,GACvB,CAAC,KAAU,kBAAA,cAAA,GAAA;AAAA,IAAQ;AAAA,IAAoB;AAAA,EAAkB,CAAA,CAC9D,CACJ;AAER;"}
1	+ {"version":3,"file":"RichTextEditor.es.js","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { FC, useCallback, useEffect } from 'react';\nimport { Plate, TNode } from '@udecode/plate';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { debounce } from '@utilities/debounce';\nimport { EditableProps, RenderPlaceholderProps } from 'slate-react/dist/components/editable';\nimport { Toolbar } from './components/Toolbar/Toolbar';\nimport { RichTextEditorProvider } from './context/RichTextEditorContext';\nimport { useEditorState } from './hooks';\nimport { DesignTokens, PaddingSizes } from './types';\nimport { EditorActions, defaultActions } from './utils/actions';\nimport { ON_SAVE_DELAY_IN_MS } from './utils';\nimport { defaultDesignTokens } from './utils/defaultDesignTokens';\nimport { parseRawValue } from './utils/parseRawValue';\nimport { TextStyles } from './Plugins/TextStylePlugin/TextStyles';\nimport { Position } from './EditorPositioningWrapper';\nimport { getEditorConfig } from './utils/editorConfig';\nimport { GeneratePlugins, PluginComposer, defaultPlugins } from './Plugins';\nimport { forceTabOutOfActiveElement } from './helpers';\n\nconst PLACEHOLDER_STYLES: RenderPlaceholderProps['attributes']['style'] = {\n position: 'relative',\n height: '0',\n};\n\nexport type RichTextEditorProps = {\n id?: string;\n placeholder?: string;\n value?: string;\n onTextChange?: (value: string) => void;\n onBlur?: (value: string) => void;\n readonly?: boolean;\n clear?: boolean;\n designTokens?: DesignTokens;\n actions?: EditorActions[][];\n padding?: PaddingSizes;\n position?: Position;\n plugins?: PluginComposer;\n};\n\nexport const RichTextEditor: FC<RichTextEditorProps> = ({\n id,\n value: initialValue,\n placeholder = '',\n readonly = false,\n clear = false,\n designTokens = defaultDesignTokens,\n actions = defaultActions,\n onTextChange,\n onBlur,\n padding = PaddingSizes.None,\n position = Position.FLOATING,\n plugins = defaultPlugins,\n}) => {\n const editorId = useMemoizedId(id);\n const { localValue } = useEditorState(editorId, clear);\n\n const editableProps: EditableProps = {\n placeholder,\n renderPlaceholder: ({ children, attributes }) => {\n const mergedAttributes = {\n ...attributes,\n style: {\n ...attributes.style,\n ...PLACEHOLDER_STYLES,\n },\n };\n return <span {...mergedAttributes}>{children}</span>;\n },\n readOnly: readonly,\n onBlur: () => onBlur && onBlur(JSON.stringify(localValue.current)),\n className: padding,\n onKeyDown: (event) => {\n if (event.code === 'Tab') {\n // Forcing a blur event because of accessibility\n forceTabOutOfActiveElement();\n }\n },\n };\n\n useEffect(() => {\n for (const element of Object.values(TextStyles).filter(\n (textStyle) => textStyle !== TextStyles.ELEMENT_PARAGRAPH,\n )) {\n if (!designTokens[element]) {\n designTokens[element] = defaultDesignTokens[element];\n }\n }\n }, [designTokens]);\n\n const debouncedOnChange = debounce((value: TNode[]) => {\n onTextChange && onTextChange(JSON.stringify(value));\n }, ON_SAVE_DELAY_IN_MS);\n\n const onChange = useCallback(\n (value) => {\n debouncedOnChange(value);\n localValue.current = value;\n },\n [debouncedOnChange, localValue],\n );\n\n const config = GeneratePlugins(editorId, plugins);\n const isNew = !!config && actions.length === 0;\n const editorConfig = isNew ? config.create() : getEditorConfig();\n\n return (\n <RichTextEditorProvider value={{ designTokens, position }}>\n <Plate\n id={editorId}\n initialValue={parseRawValue(initialValue)}\n onChange={onChange}\n editableProps={editableProps}\n plugins={editorConfig}\n >\n {isNew && config.toolbar()}\n {isNew && config.inline()}\n {!isNew && <Toolbar editorId={editorId} actions={actions} />}\n </Plate>\n </RichTextEditorProvider>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,IAAoE;AAAA,EACtE,UAAU;AAAA,EACV,QAAQ;AACZ,GAiBa,KAA0C,CAAC;AAAA,EACpD;AAAA,EACA,OAAO;AAAA,EACP,iBAAc;AAAA,EACd,cAAW;AAAA,EACX,WAAQ;AAAA,EACR,kBAAe;AAAA,EACf,aAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,aAAU,EAAa;AAAA,EACvB,cAAW,EAAS;AAAA,EACpB,aAAU;AAAA,MACR;AACI,QAAA,IAAW,EAAc,CAAE,GAC3B,EAAE,kBAAe,EAAe,GAAU,CAAK,GAE/C,IAA+B;AAAA,IACjC;AAAA,IACA,mBAAmB,CAAC,EAAE,aAAU,oBAAiB;AAC7C,YAAM,IAAmB;AAAA,QACrB,GAAG;AAAA,QACH,OAAO;AAAA,UACH,GAAG,EAAW;AAAA,UACd,GAAG;AAAA,QACP;AAAA,MAAA;AAEJ,aAAQ,kBAAA,cAAA,QAAA;AAAA,QAAM,GAAG;AAAA,MAAA,GAAmB,CAAS;AAAA,IACjD;AAAA,IACA,UAAU;AAAA,IACV,QAAQ,MAAM,KAAU,EAAO,KAAK,UAAU,EAAW,OAAO,CAAC;AAAA,IACjE,WAAW;AAAA,IACX,WAAW,CAAC,MAAU;AACd,MAAA,EAAM,SAAS,SAEY;IAEnC;AAAA,EAAA;AAGJ,IAAU,MAAM;AACD,eAAA,KAAW,OAAO,OAAO,CAAU,EAAE,OAC5C,CAAC,MAAc,MAAc,EAAW,iBAC5C;AACQ,MAAC,EAAa,MACd,GAAa,KAAW,EAAoB;AAAA,EAEpD,GACD,CAAC,CAAY,CAAC;AAEX,QAAA,IAAoB,EAAS,CAAC,MAAmB;AACnD,SAAgB,EAAa,KAAK,UAAU,CAAK,CAAC;AAAA,KACnD,CAAmB,GAEhB,IAAW,EACb,CAAC,MAAU;AACP,MAAkB,CAAK,GACvB,EAAW,UAAU;AAAA,EAAA,GAEzB,CAAC,GAAmB,CAAU,CAClC,GAEM,IAAS,EAAgB,GAAU,CAAO,GAC1C,IAAQ,CAAC,CAAC,KAAU,EAAQ,WAAW,GACvC,IAAe,IAAQ,EAAO,WAAW,EAAgB;AAE/D,SACK,kBAAA,cAAA,GAAA;AAAA,IAAuB,OAAO,EAAE,iBAAc,YAAS;AAAA,EAAA,GACnD,kBAAA,cAAA,GAAA;AAAA,IACG,IAAI;AAAA,IACJ,cAAc,EAAc,CAAY;AAAA,IACxC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EAER,GAAA,KAAS,EAAO,QAAA,GAChB,KAAS,EAAO,OAAO,GACvB,CAAC,KAAU,kBAAA,cAAA,GAAA;AAAA,IAAQ;AAAA,IAAoB;AAAA,EAAkB,CAAA,CAC9D,CACJ;AAER;"}

package/dist/components/RichTextEditor/context/RichTextEditorContext.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ declare type RichTextEditorContextProps = {
     designTokens: DesignTokens;
     position: Position;
 };
-export declare const useRichTextEditorContext: () => RichTextEditorContextProps;
+export declare const useRichTextEditorContext: () => RichTextEditorContextProps | null;
 declare type RichTextEditorProviderProps = {
     children: React.ReactNode;
     value: {

package/dist/components/RichTextEditor/context/RichTextEditorContext.es.js CHANGED Viewed

@@ -1,22 +1,23 @@
-import e, { createContext as m, useContext as d } from "react";
-import { defaultDesignTokens as o } from "../utils/defaultDesignTokens.es.js";
+import r, { createContext as c, useContext as d } from "react";
+import { defaultDesignTokens as m } from "../utils/defaultDesignTokens.es.js";
 import "../EditorPositioningWrapper/index.es.js";
 import { EditorResizeContextProvider as x } from "./EditorResizeContext.es.js";
-import { Position as p } from "../EditorPositioningWrapper/types.es.js";
-const r = m({
-  designTokens: o,
-  position: p.FLOATING
-}), f = () => d(r), C = ({ children: i, value: n }) => {
-  const { designTokens: t, position: s } = n, c = {
-    designTokens: t != null ? t : o,
-    position: s
+import { Position as u } from "../EditorPositioningWrapper/types.es.js";
+const o = c(null), T = () => {
+  if (!o)
+    throw new Error("useRichTextEditorContext must be used within a RichTextEditorProvider");
+  return d(o);
+}, f = ({ children: i, value: n }) => {
+  const { designTokens: t, position: e } = n, s = {
+    designTokens: t != null ? t : m,
+    position: e != null ? e : u.FLOATING
   };
-  return /* @__PURE__ */ e.createElement(r.Provider, {
-    value: c
-  }, /* @__PURE__ */ e.createElement(x, null, i));
+  return /* @__PURE__ */ r.createElement(o.Provider, {
+    value: s
+  }, /* @__PURE__ */ r.createElement(x, null, i));
 };
 export {
-  C as RichTextEditorProvider,
-  f as useRichTextEditorContext
+  f as RichTextEditorProvider,
+  T as useRichTextEditorContext
 };
 //# sourceMappingURL=RichTextEditorContext.es.js.map

package/dist/components/RichTextEditor/context/RichTextEditorContext.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RichTextEditorContext.es.js","sources":["../../../../src/components/RichTextEditor/context/RichTextEditorContext.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { createContext, useContext } from 'react';\nimport { DesignTokens } from '../types';\nimport { defaultDesignTokens } from '../utils/defaultDesignTokens';\nimport { Position } from '../EditorPositioningWrapper';\nimport { EditorResizeContextProvider } from './EditorResizeContext';\n\ntype RichTextEditorContextProps = {\n designTokens: DesignTokens;\n position: Position;\n};\n\nconst RichTextEditorContext = createContext<RichTextEditorContextProps>(~~{\n designTokens: defaultDesignTokens,\n position: Position.FLOATING,\n}~~);\nexport const useRichTextEditorContext = () => useContext(RichTextEditorContext);\n\ntype RichTextEditorProviderProps = {\n children: React.ReactNode;\n value: {\n designTokens: DesignTokens;\n position: Position;\n };\n};\n\nexport const RichTextEditorProvider = ({ children, value }: RichTextEditorProviderProps) => {\n const { designTokens, position } = value;\n\n const state = {\n designTokens: designTokens ?? defaultDesignTokens,\n position,\n };\n\n return (\n <RichTextEditorContext.Provider value={state}>\n <EditorResizeContextProvider>{children}</EditorResizeContextProvider>\n </RichTextEditorContext.Provider>\n );\n};\n"],"names":[],"mappings":";;;;;AAcA,MAAM,IAAwB,~~EAA0C;AAAA~~,~~EACpE~~,~~cAAc;AAAA~~,~~EACd~~,~~UAAU,EAAS~~;~~AACvB~~,CAAC,~~GACY~~,~~IAA2B~~,MAAM,EAAW,CAAqB,~~GAUjE~~,IAAyB,CAAC,EAAE,aAAU,eAAyC;AAClF,QAAA,EAAE,iBAAc,gBAAa,GAE7B,IAAQ;AAAA,IACV,cAAc,gBAAgB;AAAA,IAC9B;AAAA,EAAA;~~AAIA~~,SAAA,kBAAA,cAAC,EAAsB,UAAtB;AAAA,IAA+B,OAAO;AAAA,EAAA,GACnC,kBAAA,cAAC,GAA6B,MAAA,CAAS,CAC3C;AAER;"}
1	+ {"version":3,"file":"RichTextEditorContext.es.js","sources":["../../../../src/components/RichTextEditor/context/RichTextEditorContext.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { createContext, useContext } from 'react';\nimport { DesignTokens } from '../types';\nimport { defaultDesignTokens } from '../utils/defaultDesignTokens';\nimport { Position } from '../EditorPositioningWrapper';\nimport { EditorResizeContextProvider } from './EditorResizeContext';\n\ntype RichTextEditorContextProps = {\n designTokens: DesignTokens;\n position: Position;\n};\n\nconst RichTextEditorContext = createContext<RichTextEditorContextProps \| null>(null);\nexport const useRichTextEditorContext = () => {\n if (!RichTextEditorContext) {\n throw new Error('useRichTextEditorContext must be used within a RichTextEditorProvider');\n }\n return useContext(RichTextEditorContext);\n};\n\ntype RichTextEditorProviderProps = {\n children: React.ReactNode;\n value: {\n designTokens: DesignTokens;\n position: Position;\n };\n};\n\nexport const RichTextEditorProvider = ({ children, value }: RichTextEditorProviderProps) => {\n const { designTokens, position } = value;\n\n const state = {\n designTokens: designTokens ?? defaultDesignTokens,\n position: position ?? Position.FLOATING,\n };\n\n return (\n <RichTextEditorContext.Provider value={state}>\n <EditorResizeContextProvider>{children}</EditorResizeContextProvider>\n </RichTextEditorContext.Provider>\n );\n};\n"],"names":[],"mappings":";;;;;AAcA,MAAM,IAAwB,EAAiD,IAAI,GACtE,IAA2B,MAAM;AAC1C,MAAI,CAAC;AACK,UAAA,IAAI,MAAM,uEAAuE;AAE3F,SAAO,EAAW,CAAqB;AAC3C,GAUa,IAAyB,CAAC,EAAE,aAAU,eAAyC;AAClF,QAAA,EAAE,iBAAc,gBAAa,GAE7B,IAAQ;AAAA,IACV,cAAc,gBAAgB;AAAA,IAC9B,UAAU,gBAAY,EAAS;AAAA,EAAA;AAI/B,SAAA,kBAAA,cAAC,EAAsB,UAAtB;AAAA,IAA+B,OAAO;AAAA,EAAA,GACnC,kBAAA,cAAC,GAA6B,MAAA,CAAS,CAC3C;AAER;"}