@frontify/fondue 12.0.0-beta.4 → 12.0.0-beta.6

package/dist/components/RichTextEditor/TextStyleDropdown/DropdownTrigger.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownTrigger.es.js","sources":["../../../../src/components/RichTextEditor/TextStyleDropdown/DropdownTrigger.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretDown, IconSize } from '@foundation/Icon';\nimport { getPreventDefaultHandler, usePlateEditorState } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React from 'react';\nimport { useSelectedTextStyles } from '../hooks/useSelectedTextStyles';\nimport { AvailableTextStyles } from '../types';\nimport { textStyleTitles } from '../utils/textStyles';\n\ntype DropdownTriggerProps = {\n    editorId?: string;\n    open: boolean;\n};\nconst DEFAULT_TEXTSTYLE_VALUE = 'Mixed';\n\nexport enum ListStyles {\n    UL = 'ul',\n    OL = 'ol',\n    CHECKLIST_ITEM = 'checkbox_item',\n}\n\nconst listTitle: Record<ListStyles, string> = {\n    [ListStyles.UL]: 'Bullet List',\n    [ListStyles.OL]: 'List',\n    [ListStyles.CHECKLIST_ITEM]: 'Checklist',\n};\n\nconst TEXT_STYLE_TITLES: Record<AvailableTextStyles, string> = { ...listTitle, ...textStyleTitles };\n\nexport const DropdownTrigger = ({ editorId, open }: DropdownTriggerProps) => {\n    const editor = usePlateEditorState(editorId);\n    const selectedTextStyles = useSelectedTextStyles(editorId);\n\n    const label = selectedTextStyles.length === 1 ? TEXT_STYLE_TITLES[selectedTextStyles[0]] : DEFAULT_TEXTSTYLE_VALUE;\n\n    return (\n        <button\n            data-test-id=\"textstyle-dropdown-trigger\"\n            type=\"button\"\n            className=\"tw-cursor-pointer tw-h-8 tw-w-full\"\n            onMouseDown={editor ? getPreventDefaultHandler() : undefined}\n        >\n            <div\n                className={merge([\n                    'tw-relative tw-inline-flex tw-flex-row tw-items-center tw-justify-between tw-overflow-hidden tw-text-text tw-rounded tw-gap-1 tw-px-2 hover:tw-text-box-selected-inverse hover:tw-bg-box-selected tw-h-6 tw-w-28',\n                    open && 'tw-text-box-selected-inverse tw-bg-box-selected',\n                ])}\n            >\n                <span className=\"tw-text-xs tw-truncate\">{label}</span>\n                <div className={merge(['tw-transition-transform', open && 'tw-rotate-180'])}>\n                    <IconCaretDown size={IconSize.Size12} />\n                </div>\n            </div>\n        </button>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,IAA0B;AAEpB,IAAA,sBAAA,MACH,GAAA,KAAA,MACA,EAAA,KAAA,MACY,EAAA,iBAAA,iBAHT,IAAA,KAAA,CAAA,CAAA;AAMZ,MAAM,IAAwC;AAAA,EAC1C,AAAC,IAAgB;AAAA,EACjB,AAAC,IAAgB;AAAA,EACjB,AAAC,eAA4B;AACjC,GAEM,IAAyD,EAAE,GAAG,GAAW,GAAG,EAAgB,GAErF,KAAkB,CAAC,EAAE,aAAU,cAAiC;AACnE,QAAA,IAAS,EAAoB,CAAQ,GACrC,IAAqB,EAAsB,CAAQ,GAEnD,IAAQ,EAAmB,WAAW,IAAI,EAAkB,EAAmB,MAAM;AAE3F,SACK,kBAAA,cAAA,UAAA;AAAA,IACG,gBAAa;AAAA,IACb,MAAK;AAAA,IACL,WAAU;AAAA,IACV,aAAa,IAAS,EAA6B,IAAA;AAAA,EAAA,GAElD,kBAAA,cAAA,OAAA;AAAA,IACG,WAAW,EAAM;AAAA,MACb;AAAA,MACA,KAAQ;AAAA,IAAA,CACX;AAAA,EAAA,GAEA,kBAAA,cAAA,QAAA;AAAA,IAAK,WAAU;AAAA,EAA0B,GAAA,CAAM,GAC/C,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAW,EAAM,CAAC,2BAA2B,KAAQ,eAAe,CAAC;AAAA,EAAA,GACrE,kBAAA,cAAA,GAAA;AAAA,IAAc,MAAM,EAAS;AAAA,EAAA,CAAQ,CAC1C,CACJ,CACJ;AAER;"}

package/dist/components/RichTextEditor/TextStyleDropdown/TextStyleDropdown.es.js

@@ -1,71 +0,0 @@
-import { ToolbarDropdown as T } from "@udecode/plate";
-import e, { useState as c, useCallback as o } from "react";
-import { useRichTextEditorContext as p } from "../context/RichTextEditorContext.es.js";
-import { TextStyles as t, textStyleTitles as l } from "../utils/textStyles.es.js";
-import { DropdownItem as a } from "./DropdownItem.es.js";
-import { DropdownTrigger as N } from "./DropdownTrigger.es.js";
-const D = ({ editorId: E }) => {
-  const [m, s] = c(!1), { designTokens: n } = p(), r = o(() => {
-    s(!m);
-  }, [m, s]);
-  return /* @__PURE__ */ e.createElement(T, {
-    control: /* @__PURE__ */ e.createElement(N, {
-      editorId: E,
-      open: m
-    }),
-    open: m,
-    onOpen: r,
-    onClose: r
-  }, /* @__PURE__ */ e.createElement("div", {
-    className: "tw-divide-y tw-divide-line"
-  }, /* @__PURE__ */ e.createElement(a, {
-    editorId: E,
-    type: t.ELEMENT_HEADING1
-  }, /* @__PURE__ */ e.createElement("span", {
-    style: n.heading1
-  }, l[t.ELEMENT_HEADING1])), /* @__PURE__ */ e.createElement(a, {
-    editorId: E,
-    type: t.ELEMENT_HEADING2
-  }, /* @__PURE__ */ e.createElement("span", {
-    style: n.heading2
-  }, l[t.ELEMENT_HEADING2])), /* @__PURE__ */ e.createElement(a, {
-    editorId: E,
-    type: t.ELEMENT_HEADING3
-  }, /* @__PURE__ */ e.createElement("span", {
-    style: n.heading3
-  }, l[t.ELEMENT_HEADING3])), /* @__PURE__ */ e.createElement(a, {
-    editorId: E,
-    type: t.ELEMENT_HEADING4
-  }, /* @__PURE__ */ e.createElement("span", {
-    style: n.heading4
-  }, l[t.ELEMENT_HEADING4])), /* @__PURE__ */ e.createElement(a, {
-    editorId: E,
-    type: t.ELEMENT_CUSTOM1
-  }, /* @__PURE__ */ e.createElement("span", {
-    style: n.custom1
-  }, l[t.ELEMENT_CUSTOM1])), /* @__PURE__ */ e.createElement(a, {
-    editorId: E,
-    type: t.ELEMENT_CUSTOM2
-  }, /* @__PURE__ */ e.createElement("span", {
-    style: n.custom2
-  }, l[t.ELEMENT_CUSTOM2])), /* @__PURE__ */ e.createElement(a, {
-    editorId: E,
-    type: t.ELEMENT_CUSTOM3
-  }, /* @__PURE__ */ e.createElement("span", {
-    style: n.custom3
-  }, l[t.ELEMENT_CUSTOM3])), /* @__PURE__ */ e.createElement(a, {
-    editorId: E,
-    type: t.ELEMENT_QUOTE
-  }, /* @__PURE__ */ e.createElement("span", {
-    style: n.quote
-  }, l[t.ELEMENT_QUOTE])), /* @__PURE__ */ e.createElement(a, {
-    editorId: E,
-    type: t.ELEMENT_PARAGRAPH
-  }, /* @__PURE__ */ e.createElement("span", {
-    style: n.p
-  }, l[t.ELEMENT_PARAGRAPH]))));
-};
-export {
-  D as TextStyleDropdown
-};
-//# sourceMappingURL=TextStyleDropdown.es.js.map

package/dist/components/RichTextEditor/TextStyleDropdown/TextStyleDropdown.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextStyleDropdown.es.js","sources":["../../../../src/components/RichTextEditor/TextStyleDropdown/TextStyleDropdown.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ToolbarDropdown } from '@udecode/plate';\nimport React, { useCallback, useState } from 'react';\nimport { useRichTextEditorContext } from '../context/RichTextEditorContext';\nimport { TextStyles, textStyleTitles } from '../utils/textStyles';\nimport { DropdownItem } from './DropdownItem';\nimport { DropdownTrigger } from './DropdownTrigger';\n\ntype TextStyleDropdownProps = {\n    editorId?: string;\n};\n\nexport const TextStyleDropdown = ({ editorId }: TextStyleDropdownProps) => {\n    const [open, setOpen] = useState(false);\n\n    const { designTokens } = useRichTextEditorContext();\n\n    const onToggle = useCallback(() => {\n        setOpen(!open);\n    }, [open, setOpen]);\n\n    return (\n        <ToolbarDropdown\n            control={<DropdownTrigger editorId={editorId} open={open} />}\n            open={open}\n            onOpen={onToggle}\n            onClose={onToggle}\n        >\n            <div className=\"tw-divide-y tw-divide-line\">\n                <DropdownItem editorId={editorId} type={TextStyles.ELEMENT_HEADING1}>\n                    <span style={designTokens.heading1}>{textStyleTitles[TextStyles.ELEMENT_HEADING1]}</span>\n                </DropdownItem>\n                <DropdownItem editorId={editorId} type={TextStyles.ELEMENT_HEADING2}>\n                    <span style={designTokens.heading2}>{textStyleTitles[TextStyles.ELEMENT_HEADING2]}</span>\n                </DropdownItem>\n                <DropdownItem editorId={editorId} type={TextStyles.ELEMENT_HEADING3}>\n                    <span style={designTokens.heading3}>{textStyleTitles[TextStyles.ELEMENT_HEADING3]}</span>\n                </DropdownItem>\n                <DropdownItem editorId={editorId} type={TextStyles.ELEMENT_HEADING4}>\n                    <span style={designTokens.heading4}>{textStyleTitles[TextStyles.ELEMENT_HEADING4]}</span>\n                </DropdownItem>\n                <DropdownItem editorId={editorId} type={TextStyles.ELEMENT_CUSTOM1}>\n                    <span style={designTokens.custom1}>{textStyleTitles[TextStyles.ELEMENT_CUSTOM1]}</span>\n                </DropdownItem>\n                <DropdownItem editorId={editorId} type={TextStyles.ELEMENT_CUSTOM2}>\n                    <span style={designTokens.custom2}>{textStyleTitles[TextStyles.ELEMENT_CUSTOM2]}</span>\n                </DropdownItem>\n                <DropdownItem editorId={editorId} type={TextStyles.ELEMENT_CUSTOM3}>\n                    <span style={designTokens.custom3}>{textStyleTitles[TextStyles.ELEMENT_CUSTOM3]}</span>\n                </DropdownItem>\n                <DropdownItem editorId={editorId} type={TextStyles.ELEMENT_QUOTE}>\n                    <span style={designTokens.quote}>{textStyleTitles[TextStyles.ELEMENT_QUOTE]}</span>\n                </DropdownItem>\n                <DropdownItem editorId={editorId} type={TextStyles.ELEMENT_PARAGRAPH}>\n                    <span style={designTokens.p}>{textStyleTitles[TextStyles.ELEMENT_PARAGRAPH]}</span>\n                </DropdownItem>\n            </div>\n        </ToolbarDropdown>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAaa,MAAA,IAAoB,CAAC,EAAE,kBAAuC;AACvE,QAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAEhC,EAAE,oBAAiB,KAEnB,IAAW,EAAY,MAAM;AAC/B,MAAQ,CAAC,CAAI;AAAA,EAAA,GACd,CAAC,GAAM,CAAO,CAAC;AAElB,SACK,kBAAA,cAAA,GAAA;AAAA,IACG,SAAU,kBAAA,cAAA,GAAA;AAAA,MAAgB;AAAA,MAAoB;AAAA,IAAA,CAAY;AAAA,IAC1D;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,EAAA,GAER,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAU;AAAA,EAAA,GACV,kBAAA,cAAA,GAAA;AAAA,IAAa;AAAA,IAAoB,MAAM,EAAW;AAAA,EAAA,GAC9C,kBAAA,cAAA,QAAA;AAAA,IAAK,OAAO,EAAa;AAAA,EAAA,GAAW,EAAgB,EAAW,iBAAkB,CACtF,GACC,kBAAA,cAAA,GAAA;AAAA,IAAa;AAAA,IAAoB,MAAM,EAAW;AAAA,EAAA,GAC9C,kBAAA,cAAA,QAAA;AAAA,IAAK,OAAO,EAAa;AAAA,EAAA,GAAW,EAAgB,EAAW,iBAAkB,CACtF,GACC,kBAAA,cAAA,GAAA;AAAA,IAAa;AAAA,IAAoB,MAAM,EAAW;AAAA,EAAA,GAC9C,kBAAA,cAAA,QAAA;AAAA,IAAK,OAAO,EAAa;AAAA,EAAA,GAAW,EAAgB,EAAW,iBAAkB,CACtF,GACC,kBAAA,cAAA,GAAA;AAAA,IAAa;AAAA,IAAoB,MAAM,EAAW;AAAA,EAAA,GAC9C,kBAAA,cAAA,QAAA;AAAA,IAAK,OAAO,EAAa;AAAA,EAAA,GAAW,EAAgB,EAAW,iBAAkB,CACtF,GACC,kBAAA,cAAA,GAAA;AAAA,IAAa;AAAA,IAAoB,MAAM,EAAW;AAAA,EAAA,GAC9C,kBAAA,cAAA,QAAA;AAAA,IAAK,OAAO,EAAa;AAAA,EAAA,GAAU,EAAgB,EAAW,gBAAiB,CACpF,GACC,kBAAA,cAAA,GAAA;AAAA,IAAa;AAAA,IAAoB,MAAM,EAAW;AAAA,EAAA,GAC9C,kBAAA,cAAA,QAAA;AAAA,IAAK,OAAO,EAAa;AAAA,EAAA,GAAU,EAAgB,EAAW,gBAAiB,CACpF,GACC,kBAAA,cAAA,GAAA;AAAA,IAAa;AAAA,IAAoB,MAAM,EAAW;AAAA,EAAA,GAC9C,kBAAA,cAAA,QAAA;AAAA,IAAK,OAAO,EAAa;AAAA,EAAA,GAAU,EAAgB,EAAW,gBAAiB,CACpF,GACC,kBAAA,cAAA,GAAA;AAAA,IAAa;AAAA,IAAoB,MAAM,EAAW;AAAA,EAAA,GAC9C,kBAAA,cAAA,QAAA;AAAA,IAAK,OAAO,EAAa;AAAA,EAAA,GAAQ,EAAgB,EAAW,cAAe,CAChF,GACC,kBAAA,cAAA,GAAA;AAAA,IAAa;AAAA,IAAoB,MAAM,EAAW;AAAA,EAAA,GAC9C,kBAAA,cAAA,QAAA;AAAA,IAAK,OAAO,EAAa;AAAA,EAAA,GAAI,EAAgB,EAAW,kBAAmB,CAChF,CACJ,CACJ;AAER;"}

package/dist/components/RichTextEditor/components/custom1.d.ts

@@ -1,3 +0,0 @@
-import { PlateRenderElementProps } from '@udecode/plate';
-import { FC } from 'react';
-export declare const Custom1Element: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/custom1.es.js

@@ -1,16 +0,0 @@
-import { merge as r } from "../../../utilities/merge.es.js";
-import s from "react";
-import { useRichTextEditorContext as i } from "../context/RichTextEditorContext.es.js";
-import { alignmentClassnames as a } from "../utils/alignment.es.js";
-const f = ({ element: e, attributes: o, children: m }) => {
-  const { designTokens: n } = i(), t = e.align;
-  return /* @__PURE__ */ s.createElement("p", {
-    ...o,
-    className: r([t && a[t]]),
-    style: n.custom1
-  }, m);
-};
-export {
-  f as Custom1Element
-};
-//# sourceMappingURL=custom1.es.js.map

package/dist/components/RichTextEditor/components/custom1.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom1.es.js","sources":["../../../../src/components/RichTextEditor/components/custom1.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React, { FC } from 'react';\nimport { useRichTextEditorContext } from '../context/RichTextEditorContext';\nimport { alignmentClassnames } from '../utils/alignment';\n\nexport const Custom1Element: FC<PlateRenderElementProps> = ({ element, attributes, children }) => {\n    const { designTokens } = useRichTextEditorContext();\n    const align = element.align as string;\n    return (\n        <p {...attributes} className={merge([align && alignmentClassnames[align]])} style={designTokens.custom1}>\n            {children}\n        </p>\n    );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,IAA8C,CAAC,EAAE,YAAS,eAAY,kBAAe;AACxF,QAAA,EAAE,oBAAiB,KACnB,IAAQ,EAAQ;AACtB,SACK,kBAAA,cAAA,KAAA;AAAA,IAAG,GAAG;AAAA,IAAY,WAAW,EAAM,CAAC,KAAS,EAAoB,EAAM,CAAC;AAAA,IAAG,OAAO,EAAa;AAAA,EAAA,GAC3F,CACL;AAER;"}

package/dist/components/RichTextEditor/components/custom2.d.ts

@@ -1,3 +0,0 @@
-import { PlateRenderElementProps } from '@udecode/plate';
-import { FC } from 'react';
-export declare const Custom2Element: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/custom2.es.js

@@ -1,16 +0,0 @@
-import { merge as r } from "../../../utilities/merge.es.js";
-import s from "react";
-import { useRichTextEditorContext as i } from "../context/RichTextEditorContext.es.js";
-import { alignmentClassnames as a } from "../utils/alignment.es.js";
-const f = ({ element: e, attributes: o, children: m }) => {
-  const { designTokens: n } = i(), t = e.align;
-  return /* @__PURE__ */ s.createElement("p", {
-    ...o,
-    className: r([t && a[t]]),
-    style: n.custom2
-  }, m);
-};
-export {
-  f as Custom2Element
-};
-//# sourceMappingURL=custom2.es.js.map

package/dist/components/RichTextEditor/components/custom2.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom2.es.js","sources":["../../../../src/components/RichTextEditor/components/custom2.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React, { FC } from 'react';\nimport { useRichTextEditorContext } from '../context/RichTextEditorContext';\nimport { alignmentClassnames } from '../utils/alignment';\n\nexport const Custom2Element: FC<PlateRenderElementProps> = ({ element, attributes, children }) => {\n    const { designTokens } = useRichTextEditorContext();\n    const align = element.align as string;\n\n    return (\n        <p {...attributes} className={merge([align && alignmentClassnames[align]])} style={designTokens.custom2}>\n            {children}\n        </p>\n    );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,IAA8C,CAAC,EAAE,YAAS,eAAY,kBAAe;AACxF,QAAA,EAAE,oBAAiB,KACnB,IAAQ,EAAQ;AAEtB,SACK,kBAAA,cAAA,KAAA;AAAA,IAAG,GAAG;AAAA,IAAY,WAAW,EAAM,CAAC,KAAS,EAAoB,EAAM,CAAC;AAAA,IAAG,OAAO,EAAa;AAAA,EAAA,GAC3F,CACL;AAER;"}

package/dist/components/RichTextEditor/components/custom3.d.ts

@@ -1,3 +0,0 @@
-import { PlateRenderElementProps } from '@udecode/plate';
-import { FC } from 'react';
-export declare const Custom3Element: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/custom3.es.js

@@ -1,16 +0,0 @@
-import { merge as r } from "../../../utilities/merge.es.js";
-import s from "react";
-import { useRichTextEditorContext as i } from "../context/RichTextEditorContext.es.js";
-import { alignmentClassnames as a } from "../utils/alignment.es.js";
-const f = ({ element: e, attributes: o, children: m }) => {
-  const { designTokens: n } = i(), t = e.align;
-  return /* @__PURE__ */ s.createElement("p", {
-    ...o,
-    className: r([t && a[t]]),
-    style: n.custom3
-  }, m);
-};
-export {
-  f as Custom3Element
-};
-//# sourceMappingURL=custom3.es.js.map

package/dist/components/RichTextEditor/components/custom3.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom3.es.js","sources":["../../../../src/components/RichTextEditor/components/custom3.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React, { FC } from 'react';\nimport { useRichTextEditorContext } from '../context/RichTextEditorContext';\nimport { alignmentClassnames } from '../utils/alignment';\n\nexport const Custom3Element: FC<PlateRenderElementProps> = ({ element, attributes, children }) => {\n    const { designTokens } = useRichTextEditorContext();\n    const align = element.align as string;\n\n    return (\n        <p {...attributes} className={merge([align && alignmentClassnames[align]])} style={designTokens.custom3}>\n            {children}\n        </p>\n    );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,IAA8C,CAAC,EAAE,YAAS,eAAY,kBAAe;AACxF,QAAA,EAAE,oBAAiB,KACnB,IAAQ,EAAQ;AAEtB,SACK,kBAAA,cAAA,KAAA;AAAA,IAAG,GAAG;AAAA,IAAY,WAAW,EAAM,CAAC,KAAS,EAAoB,EAAM,CAAC;AAAA,IAAG,OAAO,EAAa;AAAA,EAAA,GAC3F,CACL;AAER;"}

package/dist/components/RichTextEditor/components/heading1.d.ts

@@ -1,3 +0,0 @@
-import { PlateRenderElementProps } from '@udecode/plate';
-import { FC } from 'react';
-export declare const Heading1Element: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/heading1.es.js

@@ -1,16 +0,0 @@
-import { merge as r } from "../../../utilities/merge.es.js";
-import i from "react";
-import { useRichTextEditorContext as s } from "../context/RichTextEditorContext.es.js";
-import { alignmentClassnames as a } from "../utils/alignment.es.js";
-const d = ({ element: t, attributes: n, children: o }) => {
-  const { designTokens: m } = s(), e = t.align;
-  return /* @__PURE__ */ i.createElement("h1", {
-    ...n,
-    className: r([e && a[e]]),
-    style: m.heading1
-  }, o);
-};
-export {
-  d as Heading1Element
-};
-//# sourceMappingURL=heading1.es.js.map

package/dist/components/RichTextEditor/components/heading1.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading1.es.js","sources":["../../../../src/components/RichTextEditor/components/heading1.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React, { FC } from 'react';\nimport { useRichTextEditorContext } from '../context/RichTextEditorContext';\nimport { alignmentClassnames } from '../utils/alignment';\n\nexport const Heading1Element: FC<PlateRenderElementProps> = ({ element, attributes, children }) => {\n    const { designTokens } = useRichTextEditorContext();\n    const align = element.align as string;\n\n    return (\n        <h1 {...attributes} className={merge([align && alignmentClassnames[align]])} style={designTokens.heading1}>\n            {children}\n        </h1>\n    );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,IAA+C,CAAC,EAAE,YAAS,eAAY,kBAAe;AACzF,QAAA,EAAE,oBAAiB,KACnB,IAAQ,EAAQ;AAEtB,SACK,kBAAA,cAAA,MAAA;AAAA,IAAI,GAAG;AAAA,IAAY,WAAW,EAAM,CAAC,KAAS,EAAoB,EAAM,CAAC;AAAA,IAAG,OAAO,EAAa;AAAA,EAAA,GAC5F,CACL;AAER;"}

package/dist/components/RichTextEditor/components/heading2.d.ts

@@ -1,3 +0,0 @@
-import { PlateRenderElementProps } from '@udecode/plate';
-import { FC } from 'react';
-export declare const Heading2Element: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/heading2.es.js

@@ -1,16 +0,0 @@
-import { merge as r } from "../../../utilities/merge.es.js";
-import i from "react";
-import { useRichTextEditorContext as s } from "../context/RichTextEditorContext.es.js";
-import { alignmentClassnames as a } from "../utils/alignment.es.js";
-const d = ({ element: t, attributes: n, children: o }) => {
-  const { designTokens: m } = s(), e = t.align;
-  return /* @__PURE__ */ i.createElement("h2", {
-    ...n,
-    className: r([e && a[e]]),
-    style: m.heading2
-  }, o);
-};
-export {
-  d as Heading2Element
-};
-//# sourceMappingURL=heading2.es.js.map

package/dist/components/RichTextEditor/components/heading2.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading2.es.js","sources":["../../../../src/components/RichTextEditor/components/heading2.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React, { FC } from 'react';\nimport { useRichTextEditorContext } from '../context/RichTextEditorContext';\nimport { alignmentClassnames } from '../utils/alignment';\n\nexport const Heading2Element: FC<PlateRenderElementProps> = ({ element, attributes, children }) => {\n    const { designTokens } = useRichTextEditorContext();\n    const align = element.align as string;\n\n    return (\n        <h2 {...attributes} className={merge([align && alignmentClassnames[align]])} style={designTokens.heading2}>\n            {children}\n        </h2>\n    );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,IAA+C,CAAC,EAAE,YAAS,eAAY,kBAAe;AACzF,QAAA,EAAE,oBAAiB,KACnB,IAAQ,EAAQ;AAEtB,SACK,kBAAA,cAAA,MAAA;AAAA,IAAI,GAAG;AAAA,IAAY,WAAW,EAAM,CAAC,KAAS,EAAoB,EAAM,CAAC;AAAA,IAAG,OAAO,EAAa;AAAA,EAAA,GAC5F,CACL;AAER;"}

package/dist/components/RichTextEditor/components/heading3.d.ts

@@ -1,3 +0,0 @@
-import { PlateRenderElementProps } from '@udecode/plate';
-import { FC } from 'react';
-export declare const Heading3Element: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/heading3.es.js

@@ -1,16 +0,0 @@
-import { merge as r } from "../../../utilities/merge.es.js";
-import i from "react";
-import { useRichTextEditorContext as s } from "../context/RichTextEditorContext.es.js";
-import { alignmentClassnames as a } from "../utils/alignment.es.js";
-const d = ({ element: t, attributes: n, children: o }) => {
-  const { designTokens: m } = s(), e = t.align;
-  return /* @__PURE__ */ i.createElement("h3", {
-    ...n,
-    className: r([e && a[e]]),
-    style: m.heading3
-  }, o);
-};
-export {
-  d as Heading3Element
-};
-//# sourceMappingURL=heading3.es.js.map

package/dist/components/RichTextEditor/components/heading3.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading3.es.js","sources":["../../../../src/components/RichTextEditor/components/heading3.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React, { FC } from 'react';\nimport { useRichTextEditorContext } from '../context/RichTextEditorContext';\nimport { alignmentClassnames } from '../utils/alignment';\n\nexport const Heading3Element: FC<PlateRenderElementProps> = ({ element, attributes, children }) => {\n    const { designTokens } = useRichTextEditorContext();\n    const align = element.align as string;\n\n    return (\n        <h3 {...attributes} className={merge([align && alignmentClassnames[align]])} style={designTokens.heading3}>\n            {children}\n        </h3>\n    );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,IAA+C,CAAC,EAAE,YAAS,eAAY,kBAAe;AACzF,QAAA,EAAE,oBAAiB,KACnB,IAAQ,EAAQ;AAEtB,SACK,kBAAA,cAAA,MAAA;AAAA,IAAI,GAAG;AAAA,IAAY,WAAW,EAAM,CAAC,KAAS,EAAoB,EAAM,CAAC;AAAA,IAAG,OAAO,EAAa;AAAA,EAAA,GAC5F,CACL;AAER;"}

package/dist/components/RichTextEditor/components/heading4.d.ts

@@ -1,3 +0,0 @@
-import { PlateRenderElementProps } from '@udecode/plate';
-import { FC } from 'react';
-export declare const Heading4Element: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/heading4.es.js

@@ -1,16 +0,0 @@
-import { merge as r } from "../../../utilities/merge.es.js";
-import i from "react";
-import { useRichTextEditorContext as s } from "../context/RichTextEditorContext.es.js";
-import { alignmentClassnames as a } from "../utils/alignment.es.js";
-const d = ({ element: t, attributes: n, children: o }) => {
-  const { designTokens: m } = s(), e = t.align;
-  return /* @__PURE__ */ i.createElement("h4", {
-    ...n,
-    className: r([e && a[e]]),
-    style: m.heading4
-  }, o);
-};
-export {
-  d as Heading4Element
-};
-//# sourceMappingURL=heading4.es.js.map

package/dist/components/RichTextEditor/components/heading4.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading4.es.js","sources":["../../../../src/components/RichTextEditor/components/heading4.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React, { FC } from 'react';\nimport { useRichTextEditorContext } from '../context/RichTextEditorContext';\nimport { alignmentClassnames } from '../utils/alignment';\n\nexport const Heading4Element: FC<PlateRenderElementProps> = ({ element, attributes, children }) => {\n    const { designTokens } = useRichTextEditorContext();\n    const align = element.align as string;\n\n    return (\n        <h4 {...attributes} className={merge([align && alignmentClassnames[align]])} style={designTokens.heading4}>\n            {children}\n        </h4>\n    );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,IAA+C,CAAC,EAAE,YAAS,eAAY,kBAAe;AACzF,QAAA,EAAE,oBAAiB,KACnB,IAAQ,EAAQ;AAEtB,SACK,kBAAA,cAAA,MAAA;AAAA,IAAI,GAAG;AAAA,IAAY,WAAW,EAAM,CAAC,KAAS,EAAoB,EAAM,CAAC;AAAA,IAAG,OAAO,EAAa;AAAA,EAAA,GAC5F,CACL;AAER;"}

package/dist/components/RichTextEditor/components/quote.d.ts

@@ -1,3 +0,0 @@
-import { PlateRenderElementProps } from '@udecode/plate';
-import { FC } from 'react';
-export declare const QuoteElement: FC<PlateRenderElementProps>;

package/dist/components/RichTextEditor/components/quote.es.js

@@ -1,16 +0,0 @@
-import { merge as r } from "../../../utilities/merge.es.js";
-import s from "react";
-import { useRichTextEditorContext as i } from "../context/RichTextEditorContext.es.js";
-import { alignmentClassnames as a } from "../utils/alignment.es.js";
-const f = ({ element: t, attributes: o, children: m }) => {
-  const { designTokens: n } = i(), e = t.align;
-  return /* @__PURE__ */ s.createElement("p", {
-    ...o,
-    className: r([e && a[e]]),
-    style: n.quote
-  }, m);
-};
-export {
-  f as QuoteElement
-};
-//# sourceMappingURL=quote.es.js.map

package/dist/components/RichTextEditor/components/quote.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"quote.es.js","sources":["../../../../src/components/RichTextEditor/components/quote.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React, { FC } from 'react';\nimport { useRichTextEditorContext } from '../context/RichTextEditorContext';\nimport { alignmentClassnames } from '../utils/alignment';\n\nexport const QuoteElement: FC<PlateRenderElementProps> = ({ element, attributes, children }) => {\n    const { designTokens } = useRichTextEditorContext();\n    const align = element.align as string;\n\n    return (\n        <p {...attributes} className={merge([align && alignmentClassnames[align]])} style={designTokens.quote}>\n            {children}\n        </p>\n    );\n};\n"],"names":[],"mappings":";;;;AAQO,MAAM,IAA4C,CAAC,EAAE,YAAS,eAAY,kBAAe;AACtF,QAAA,EAAE,oBAAiB,KACnB,IAAQ,EAAQ;AAEtB,SACK,kBAAA,cAAA,KAAA;AAAA,IAAG,GAAG;AAAA,IAAY,WAAW,EAAM,CAAC,KAAS,EAAoB,EAAM,CAAC;AAAA,IAAG,OAAO,EAAa;AAAA,EAAA,GAC3F,CACL;AAER;"}

package/dist/components/RichTextEditor/hooks/useSelectedTextStyles.d.ts

@@ -1,2 +0,0 @@
-import { AvailableTextStyles } from '../types';
-export declare const useSelectedTextStyles: (editorId?: string | undefined) => AvailableTextStyles[];

package/dist/components/RichTextEditor/hooks/useSelectedTextStyles.es.js

@@ -1,18 +0,0 @@
-import { usePlateEditorState as i, getNodeEntries as n, isElement as u, isType as c } from "@udecode/plate";
-import { ListStyles as l } from "../TextStyleDropdown/DropdownTrigger.es.js";
-import { TextStyles as m } from "../utils/textStyles.es.js";
-const d = (o) => {
-  const t = i(o);
-  return !t || !t.selection ? [] : Array.from(n(t, {
-    unhang: !0,
-    at: t.selection,
-    match: (e) => u(e) && c(t, e, Object.values({ ...m, ...l }))
-  })).reduce((e, s) => {
-    const r = s[0].type;
-    return e.includes(r) || e.push(r), e;
-  }, []);
-};
-export {
-  d as useSelectedTextStyles
-};
-//# sourceMappingURL=useSelectedTextStyles.es.js.map

package/dist/components/RichTextEditor/hooks/useSelectedTextStyles.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelectedTextStyles.es.js","sources":["../../../../src/components/RichTextEditor/hooks/useSelectedTextStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TElement, getNodeEntries, isElement, isType, usePlateEditorState } from '@udecode/plate';\nimport { ListStyles } from '../TextStyleDropdown/DropdownTrigger';\nimport { AvailableTextStyles } from '../types';\nimport { TextStyles } from '../utils/textStyles';\n\nexport const useSelectedTextStyles = (editorId?: string): AvailableTextStyles[] => {\n    const editor = usePlateEditorState(editorId);\n    if (!editor || !editor.selection) {\n        return [];\n    }\n\n    return Array.from(\n        getNodeEntries(editor, {\n            unhang: true,\n            at: editor.selection,\n            match: (node: TElement) =>\n                isElement(node) && isType(editor, node, Object.values({ ...TextStyles, ...ListStyles })),\n        }),\n    ).reduce<AvailableTextStyles[]>((types, current) => {\n        const type = current[0].type as AvailableTextStyles;\n        if (!types.includes(type)) {\n            types.push(type);\n        }\n        return types;\n    }, []);\n};\n"],"names":[],"mappings":";;;AAOa,MAAA,IAAwB,CAAC,MAA6C;AACzE,QAAA,IAAS,EAAoB,CAAQ;AAC3C,SAAI,CAAC,KAAU,CAAC,EAAO,YACZ,KAGJ,MAAM,KACT,EAAe,GAAQ;AAAA,IACnB,QAAQ;AAAA,IACR,IAAI,EAAO;AAAA,IACX,OAAO,CAAC,MACJ,EAAU,CAAI,KAAK,EAAO,GAAQ,GAAM,OAAO,OAAO,EAAE,GAAG,GAAY,GAAG,EAAY,CAAA,CAAC;AAAA,EAC9F,CAAA,CACL,EAAE,OAA8B,CAAC,GAAO,MAAY;AAC1C,UAAA,IAAO,EAAQ,GAAG;AACxB,WAAK,EAAM,SAAS,CAAI,KACpB,EAAM,KAAK,CAAI,GAEZ;AAAA,EACX,GAAG,CAAE,CAAA;AACT;"}

package/dist/components/RichTextEditor/utils/alignment.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alignment.es.js","sources":["../../../../src/components/RichTextEditor/utils/alignment.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const alignmentClassnames: Record<string, string> = {\n    left: 'tw-text-left',\n    right: 'tw-text-right',\n    center: 'tw-text-center',\n    justify: 'tw-text-justify',\n};\n"],"names":[],"mappings":"AAEO,MAAM,IAA8C;AAAA,EACvD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACb;"}

package/dist/components/RichTextEditor/utils/textStyles.d.ts

@@ -1,13 +0,0 @@
-export declare enum TextStyles {
-    ELEMENT_HEADING1 = "heading1",
-    ELEMENT_HEADING2 = "heading2",
-    ELEMENT_HEADING3 = "heading3",
-    ELEMENT_HEADING4 = "heading4",
-    ELEMENT_CUSTOM1 = "custom1",
-    ELEMENT_CUSTOM2 = "custom2",
-    ELEMENT_CUSTOM3 = "custom3",
-    ELEMENT_QUOTE = "quote",
-    ELEMENT_LINK = "link",
-    ELEMENT_PARAGRAPH = "p"
-}
-export declare const textStyleTitles: Record<TextStyles, string>;

package/dist/components/RichTextEditor/utils/textStyles.es.js

@@ -1,18 +0,0 @@
-var n = /* @__PURE__ */ ((E) => (E.ELEMENT_HEADING1 = "heading1", E.ELEMENT_HEADING2 = "heading2", E.ELEMENT_HEADING3 = "heading3", E.ELEMENT_HEADING4 = "heading4", E.ELEMENT_CUSTOM1 = "custom1", E.ELEMENT_CUSTOM2 = "custom2", E.ELEMENT_CUSTOM3 = "custom3", E.ELEMENT_QUOTE = "quote", E.ELEMENT_LINK = "link", E.ELEMENT_PARAGRAPH = "p", E))(n || {});
-const a = {
-  heading1: "Heading 1",
-  heading2: "Heading 2",
-  heading3: "Heading 3",
-  heading4: "Heading 4",
-  custom1: "Custom 01",
-  custom2: "Custom 02",
-  custom3: "Custom 03",
-  quote: "Quote",
-  link: "Link",
-  p: "Paragraph"
-};
-export {
-  n as TextStyles,
-  a as textStyleTitles
-};
-//# sourceMappingURL=textStyles.es.js.map

package/dist/components/RichTextEditor/utils/textStyles.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textStyles.es.js","sources":["../../../../src/components/RichTextEditor/utils/textStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport enum TextStyles {\n    ELEMENT_HEADING1 = 'heading1',\n    ELEMENT_HEADING2 = 'heading2',\n    ELEMENT_HEADING3 = 'heading3',\n    ELEMENT_HEADING4 = 'heading4',\n    ELEMENT_CUSTOM1 = 'custom1',\n    ELEMENT_CUSTOM2 = 'custom2',\n    ELEMENT_CUSTOM3 = 'custom3',\n    ELEMENT_QUOTE = 'quote',\n    ELEMENT_LINK = 'link',\n    ELEMENT_PARAGRAPH = 'p',\n}\n\nexport const textStyleTitles: Record<TextStyles, string> = {\n    [TextStyles.ELEMENT_HEADING1]: 'Heading 1',\n    [TextStyles.ELEMENT_HEADING2]: 'Heading 2',\n    [TextStyles.ELEMENT_HEADING3]: 'Heading 3',\n    [TextStyles.ELEMENT_HEADING4]: 'Heading 4',\n    [TextStyles.ELEMENT_CUSTOM1]: 'Custom 01',\n    [TextStyles.ELEMENT_CUSTOM2]: 'Custom 02',\n    [TextStyles.ELEMENT_CUSTOM3]: 'Custom 03',\n    [TextStyles.ELEMENT_QUOTE]: 'Quote',\n    [TextStyles.ELEMENT_LINK]: 'Link',\n    [TextStyles.ELEMENT_PARAGRAPH]: 'Paragraph',\n};\n"],"names":[],"mappings":"AAEY,IAAA,sBAAA,MACW,GAAA,mBAAA,YACA,EAAA,mBAAA,YACA,EAAA,mBAAA,YACA,EAAA,mBAAA,YACD,EAAA,kBAAA,WACA,EAAA,kBAAA,WACA,EAAA,kBAAA,WACF,EAAA,gBAAA,SACD,EAAA,eAAA,QACK,EAAA,oBAAA,KAVZ,IAAA,KAAA,CAAA,CAAA;AAaL,MAAM,IAA8C;AAAA,EACvD,AAAC,UAA8B;AAAA,EAC/B,AAAC,UAA8B;AAAA,EAC/B,AAAC,UAA8B;AAAA,EAC/B,AAAC,UAA8B;AAAA,EAC/B,AAAC,SAA6B;AAAA,EAC9B,AAAC,SAA6B;AAAA,EAC9B,AAAC,SAA6B;AAAA,EAC9B,AAAC,OAA2B;AAAA,EAC5B,AAAC,MAA0B;AAAA,EAC3B,AAAC,GAA+B;AACpC;"}