@frontify/fondue 11.0.0 → 11.1.0

package/dist/components/RichTextEditor/plugins/linkChooserPlugin/ui/EditLinkChooserButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditLinkChooserButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/linkChooserPlugin/ui/EditLinkChooserButton.tsx"],"sourcesContent":["import { ToolbarButton, ToolbarButtonProps, someNode, useEventPlateId, usePlateEditorState } from '@udecode/plate';\nimport React, { MutableRefObject, useState } from 'react';\nimport { IconLink, IconSize } from '../../../../..';\nimport { ELEMENT_CHECK_ITEM } from '../../checkboxListPlugin/createCheckboxListPlugin';\nimport { LINK_CHANGE_CANCELED, LINK_CHANGE_CONFIRMED } from '../events';\nimport { getAndUpsertLink } from '../transforms/getAndUpsertLink';\nimport { ChosenLink } from '../types';\nimport { LinkChooserFlyout } from './LinkChooserFlyout';\n\nexport const EditLinkChooserButton = ({ id, styles, classNames }: Omit<ToolbarButtonProps, 'icon'>) => {\n    id = useEventPlateId(id);\n    const editor = usePlateEditorState(id)!;\n\n    const [isFlyoutOpen, setIsFlyoutOpen] = useState<boolean>(false);\n    const [chosenLink, setChosenLink] = useState<ChosenLink>({\n        searchResult: null,\n        openInNewTab: false,\n    });\n\n    const getLinkFromLinkChooser = (prevChosenLink: ChosenLink): Promise<ChosenLink | void> => {\n        setChosenLink(prevChosenLink);\n        setIsFlyoutOpen(true);\n\n        return new Promise<ChosenLink | void>((resolve) => {\n            document.addEventListener(LINK_CHANGE_CONFIRMED, (event: any) => {\n                resolve(event.detail.chosenLink);\n            });\n            document.addEventListener(LINK_CHANGE_CANCELED, () => resolve());\n        });\n    };\n\n    return (\n        <LinkChooserFlyout\n            isFlyoutOpen={isFlyoutOpen}\n            setIsFlyoutOpen={setIsFlyoutOpen}\n            chosenLink={chosenLink}\n            setChosenLink={setChosenLink}\n            trigger={({ 'aria-label': ariaLabel }, ref: MutableRefObject<HTMLDivElement>) => (\n                <div\n                    ref={ref}\n                    aria-label={ariaLabel}\n                    data-chosen-link={JSON.stringify(chosenLink)}\n                    className=\"tw-cursor-pointer\"\n                >\n                    <ToolbarButton\n                        classNames={classNames}\n                        styles={styles}\n                        active={!!editor?.selection && someNode(editor, { match: { ELEMENT_CHECK_ITEM } })}\n                        icon={<IconLink size={IconSize.Size24} />}\n                        onMouseDown={async (event) => {\n                            event.stopPropagation();\n                            event.preventDefault();\n\n                            getAndUpsertLink(editor, getLinkFromLinkChooser);\n                        }}\n                    />\n                </div>\n            )}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,KAAwB,CAAC,EAAE,OAAI,WAAQ,oBAAmD;AACnG,MAAK,EAAgB,CAAE;AACjB,QAAA,IAAS,EAAoB,CAAE,GAE/B,CAAC,GAAc,KAAmB,EAAkB,EAAK,GACzD,CAAC,GAAY,KAAiB,EAAqB;AAAA,IACrD,cAAc;AAAA,IACd,cAAc;AAAA,EAAA,CACjB,GAEK,IAAyB,CAAC,MAC5B,GAAc,CAAc,GAC5B,EAAgB,EAAI,GAEb,IAAI,QAA2B,CAAC,MAAY;AACtC,aAAA,iBAAiB,GAAuB,CAAC,MAAe;AACrD,QAAA,EAAM,OAAO,UAAU;AAAA,IAAA,CAClC,GACD,SAAS,iBAAiB,GAAsB,MAAM,EAAS,CAAA;AAAA,EAAA,CAClE;AAGL,SACK,kBAAA,cAAA,GAAA;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,EAAE,cAAc,KAAa,MAClC,kBAAA,cAAA,OAAA;AAAA,MACG;AAAA,MACA,cAAY;AAAA,MACZ,oBAAkB,KAAK,UAAU,CAAU;AAAA,MAC3C,WAAU;AAAA,IAAA,GAET,kBAAA,cAAA,GAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,CAAC,gBAAQ,cAAa,EAAS,GAAQ,EAAE,OAAO,EAAE,sBAAmB,GAAG;AAAA,MACjF,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAS,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,MACvC,aAAa,OAAO,MAAU;AAC1B,UAAM,gBAAgB,GACtB,EAAM,eAAe,GAErB,EAAiB,GAAQ,CAAsB;AAAA,MACnD;AAAA,IAAA,CACJ,CACJ;AAAA,EAAA,CAER;AAER;"}
+{"version":3,"file":"EditLinkChooserButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/linkChooserPlugin/ui/EditLinkChooserButton.tsx"],"sourcesContent":["import { ToolbarButton, ToolbarButtonProps, someNode, useEventPlateId, usePlateEditorState } from '@udecode/plate';\nimport React, { MutableRefObject, useState } from 'react';\nimport { IconLink, IconSize } from '../../../../..';\nimport { ELEMENT_CHECK_ITEM } from '../../checkboxListPlugin/createCheckboxListPlugin';\nimport { LINK_CHANGE_CANCELED, LINK_CHANGE_CONFIRMED } from '../events';\nimport { getAndUpsertLink } from '../transforms/getAndUpsertLink';\nimport { ChosenLink } from '../types';\nimport { LinkChooserFlyout } from './LinkChooserFlyout';\n\nexport const EditLinkChooserButton = ({ id, styles, classNames }: Omit<ToolbarButtonProps, 'icon'>) => {\n    id = useEventPlateId(id);\n    const editor = usePlateEditorState(id)!;\n\n    const [isFlyoutOpen, setIsFlyoutOpen] = useState<boolean>(false);\n    const [chosenLink, setChosenLink] = useState<ChosenLink>({\n        searchResult: null,\n        openInNewTab: false,\n    });\n\n    const getLinkFromLinkChooser = (prevChosenLink: ChosenLink): Promise<ChosenLink | void> => {\n        setChosenLink(prevChosenLink);\n        setIsFlyoutOpen(true);\n\n        return new Promise<ChosenLink | void>((resolve) => {\n            document.addEventListener(LINK_CHANGE_CONFIRMED, (event: any) => {\n                resolve(event.detail.chosenLink);\n            });\n            document.addEventListener(LINK_CHANGE_CANCELED, () => resolve());\n        });\n    };\n\n    return (\n        <LinkChooserFlyout\n            isFlyoutOpen={isFlyoutOpen}\n            setIsFlyoutOpen={setIsFlyoutOpen}\n            chosenLink={chosenLink}\n            setChosenLink={setChosenLink}\n            trigger={({ 'aria-label': ariaLabel }, ref: MutableRefObject<HTMLDivElement>) => (\n                <div\n                    ref={ref}\n                    aria-label={ariaLabel}\n                    data-chosen-link={JSON.stringify(chosenLink)}\n                    className=\"tw-cursor-pointer\"\n                >\n                    <ToolbarButton\n                        classNames={classNames}\n                        styles={styles}\n                        active={!!editor?.selection && someNode(editor, { match: { ELEMENT_CHECK_ITEM } })}\n                        icon={<IconLink size={IconSize.Size24} />}\n                        onMouseDown={async (event) => {\n                            event.stopPropagation();\n                            event.preventDefault();\n\n                            getAndUpsertLink(editor, getLinkFromLinkChooser);\n                        }}\n                    />\n                </div>\n            )}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,KAAwB,CAAC,EAAE,OAAI,WAAQ,oBAAmD;AACnG,MAAK,EAAgB,CAAE;AACjB,QAAA,IAAS,EAAoB,CAAE,GAE/B,CAAC,GAAc,KAAmB,EAAkB,EAAK,GACzD,CAAC,GAAY,KAAiB,EAAqB;AAAA,IACrD,cAAc;AAAA,IACd,cAAc;AAAA,EAAA,CACjB,GAEK,IAAyB,CAAC,MAC5B,GAAc,CAAc,GAC5B,EAAgB,EAAI,GAEb,IAAI,QAA2B,CAAC,MAAY;AACtC,aAAA,iBAAiB,GAAuB,CAAC,MAAe;AACrD,QAAA,EAAM,OAAO,UAAU;AAAA,IAAA,CAClC,GACD,SAAS,iBAAiB,GAAsB,MAAM,EAAS,CAAA;AAAA,EAAA,CAClE;AAGL,SACK,kBAAA,cAAA,GAAA;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,EAAE,cAAc,KAAa,MAClC,kBAAA,cAAA,OAAA;AAAA,MACG;AAAA,MACA,cAAY;AAAA,MACZ,oBAAkB,KAAK,UAAU,CAAU;AAAA,MAC3C,WAAU;AAAA,IAAA,GAET,kBAAA,cAAA,GAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,CAAC,gBAAQ,cAAa,EAAS,GAAQ,EAAE,OAAO,EAAE,sBAAmB,GAAG;AAAA,MACjF,MAAO,kBAAA,cAAA,GAAA;AAAA,QAAS,MAAM,EAAS;AAAA,MAAA,CAAQ;AAAA,MACvC,aAAa,OAAO,MAAU;AAC1B,UAAM,gBAAgB,GACtB,EAAM,eAAe,GAErB,EAAiB,GAAQ,CAAsB;AAAA,MACnD;AAAA,IAAA,CACJ,CACJ;AAAA,EAAA,CAER;AAER;"}

package/dist/components/RichTextEditor/plugins/linkChooserPlugin/ui/LinkChooserPreviewFlyout.es.js

@@ -1626,8 +1626,8 @@ import "../../../../../foundation/Icon/Generated/IconWorkflowShapes24.es.js";
 import "../../../../../foundation/Icon/Generated/IconWorkflowShapes32.es.js";
 import t from "react";
 import "../../../../../foundation/Icon/IconsMap.es.js";
-import { LINK_CHOOSER_CLASS_NAMES as c } from "../../../components/link.es.js";
-const r = "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1", hM = ({
+import { LINK_CLASSES as c } from "../../../components/link.es.js";
+const r = "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1", h0 = ({
   isFlyoutOpen: m,
   setIsFlyoutOpen: o,
   trigger: i,
@@ -1661,6 +1661,6 @@ const r = "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-
   onMouseDown: () => n()
 }, /* @__PURE__ */ t.createElement(s, null)))));
 export {
-  hM as LinkChooserPreviewFlyout
+  h0 as LinkChooserPreviewFlyout
 };
 //# sourceMappingURL=LinkChooserPreviewFlyout.es.js.map

package/dist/components/RichTextEditor/plugins/linkChooserPlugin/ui/LinkChooserPreviewFlyout.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkChooserPreviewFlyout.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/linkChooserPlugin/ui/LinkChooserPreviewFlyout.tsx"],"sourcesContent":["import { Flyout } from '@components/Flyout';\nimport { LINK_CHOOSER_CLASS_NAMES } from '@components/RichTextEditor/components/link';\nimport { IconPen, IconTrashBin } from '@foundation/Icon';\nimport React, { HTMLAttributes, MutableRefObject, ReactNode } from 'react';\n\ntype LinkChooserFlyoutProps = {\n    isFlyoutOpen: boolean;\n    setIsFlyoutOpen: (open: boolean) => void;\n    href: string;\n    onEditClick: () => void;\n    onRemoveClick: () => void;\n    trigger:\n        | ReactNode\n        | ((\n              triggerProps: HTMLAttributes<HTMLElement>,\n              ref: MutableRefObject<HTMLElement | null>,\n              triggerState: { isFocusVisible: boolean; isPressed: boolean },\n          ) => JSX.Element);\n};\n\nconst buttonClassName = 'tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1';\n\nexport const LinkChooserPreviewFlyout = ({\n    isFlyoutOpen,\n    setIsFlyoutOpen,\n    trigger,\n    href,\n    onEditClick,\n    onRemoveClick,\n}: LinkChooserFlyoutProps) => (\n    <Flyout\n        isOpen={isFlyoutOpen}\n        onOpenChange={setIsFlyoutOpen}\n        onCancel={() => setIsFlyoutOpen(false)}\n        legacyFooter={false}\n        trigger={trigger}\n    >\n        <span data-test-id={'preview-link-flyout'} className=\"tw-flex tw-justify-between tw-p-4\">\n            <span className={`${LINK_CHOOSER_CLASS_NAMES} tw-pointer-events-none`}>{href}</span>\n            <span className=\"tw-flex tw-gap-2\">\n                <span\n                    role=\"button\"\n                    tabIndex={0}\n                    data-test-id={'edit-link-button'}\n                    className={buttonClassName}\n                    onMouseDown={() => onEditClick()}\n                >\n                    <IconPen />\n                </span>\n\n                <span\n                    role=\"button\"\n                    tabIndex={0}\n                    data-test-id={'remove-link-button'}\n                    className={buttonClassName}\n                    onMouseDown={() => onRemoveClick()}\n                >\n                    <IconTrashBin />\n                </span>\n            </span>\n        </span>\n    </Flyout>\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,IAAkB,0EAEX,KAA2B,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEC,kBAAA,cAAA,GAAA;AAAA,EACG,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU,MAAM,EAAgB,EAAK;AAAA,EACrC,cAAc;AAAA,EACd;AAAA,GAEC,kBAAA,cAAA,QAAA;AAAA,EAAK,gBAAc;AAAA,EAAuB,WAAU;AAAA,GAChD,kBAAA,cAAA,QAAA;AAAA,EAAK,WAAW,GAAG;AAAA,GAAoD,CAAK,GAC5E,kBAAA,cAAA,QAAA;AAAA,EAAK,WAAU;AAAA,GACX,kBAAA,cAAA,QAAA;AAAA,EACG,MAAK;AAAA,EACL,UAAU;AAAA,EACV,gBAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa,MAAM,EAAY;AAAA,GAE9B,kBAAA,cAAA,GAAA,IAAQ,CACb,GAEC,kBAAA,cAAA,QAAA;AAAA,EACG,MAAK;AAAA,EACL,UAAU;AAAA,EACV,gBAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa,MAAM,EAAc;AAAA,GAEhC,kBAAA,cAAA,GAAA,IAAa,CAClB,CACJ,CACJ,CACJ;"}
+{"version":3,"file":"LinkChooserPreviewFlyout.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/linkChooserPlugin/ui/LinkChooserPreviewFlyout.tsx"],"sourcesContent":["import { Flyout } from '@components/Flyout';\nimport { LINK_CLASSES } from '@components/RichTextEditor/components/link';\nimport { IconPen, IconTrashBin } from '@foundation/Icon';\nimport React, { HTMLAttributes, MutableRefObject, ReactNode } from 'react';\n\ntype LinkChooserFlyoutProps = {\n    isFlyoutOpen: boolean;\n    setIsFlyoutOpen: (open: boolean) => void;\n    href: string;\n    onEditClick: () => void;\n    onRemoveClick: () => void;\n    trigger:\n        | ReactNode\n        | ((\n              triggerProps: HTMLAttributes<HTMLElement>,\n              ref: MutableRefObject<HTMLElement | null>,\n              triggerState: { isFocusVisible: boolean; isPressed: boolean },\n          ) => JSX.Element);\n};\n\nconst buttonClassName = 'tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1';\n\nexport const LinkChooserPreviewFlyout = ({\n    isFlyoutOpen,\n    setIsFlyoutOpen,\n    trigger,\n    href,\n    onEditClick,\n    onRemoveClick,\n}: LinkChooserFlyoutProps) => (\n    <Flyout\n        isOpen={isFlyoutOpen}\n        onOpenChange={setIsFlyoutOpen}\n        onCancel={() => setIsFlyoutOpen(false)}\n        legacyFooter={false}\n        trigger={trigger}\n    >\n        <span data-test-id={'preview-link-flyout'} className=\"tw-flex tw-justify-between tw-p-4\">\n            <span className={`${LINK_CLASSES} tw-pointer-events-none`}>{href}</span>\n            <span className=\"tw-flex tw-gap-2\">\n                <span\n                    role=\"button\"\n                    tabIndex={0}\n                    data-test-id={'edit-link-button'}\n                    className={buttonClassName}\n                    onMouseDown={() => onEditClick()}\n                >\n                    <IconPen />\n                </span>\n\n                <span\n                    role=\"button\"\n                    tabIndex={0}\n                    data-test-id={'remove-link-button'}\n                    className={buttonClassName}\n                    onMouseDown={() => onRemoveClick()}\n                >\n                    <IconTrashBin />\n                </span>\n            </span>\n        </span>\n    </Flyout>\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,IAAkB,0EAEX,KAA2B,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEC,kBAAA,cAAA,GAAA;AAAA,EACG,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU,MAAM,EAAgB,EAAK;AAAA,EACrC,cAAc;AAAA,EACd;AAAA,GAEC,kBAAA,cAAA,QAAA;AAAA,EAAK,gBAAc;AAAA,EAAuB,WAAU;AAAA,GAChD,kBAAA,cAAA,QAAA;AAAA,EAAK,WAAW,GAAG;AAAA,GAAwC,CAAK,GAChE,kBAAA,cAAA,QAAA;AAAA,EAAK,WAAU;AAAA,GACX,kBAAA,cAAA,QAAA;AAAA,EACG,MAAK;AAAA,EACL,UAAU;AAAA,EACV,gBAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa,MAAM,EAAY;AAAA,GAE9B,kBAAA,cAAA,GAAA,IAAQ,CACb,GAEC,kBAAA,cAAA,QAAA;AAAA,EACG,MAAK;AAAA,EACL,UAAU;AAAA,EACV,gBAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa,MAAM,EAAc;AAAA,GAEhC,kBAAA,cAAA,GAAA,IAAa,CAClB,CACJ,CACJ,CACJ;"}

package/dist/components/RichTextEditor/serializer/serializeToHtml.d.ts

@@ -0,0 +1,4 @@
+import { TDescendant } from '@udecode/plate';
+import { DesignTokens } from '../types';
+export declare const serializeRawToHtml: (raw: string, designTokens?: DesignTokens) => string;
+export declare const serializeNodesToHtml: (nodes: TDescendant[], designTokens?: DesignTokens) => string;

package/dist/components/RichTextEditor/serializer/serializeToHtml.es.js

@@ -0,0 +1,13 @@
+import { defaultDesignTokens as t } from "../utils/defaultDesignTokens.es.js";
+import { parseRawValue as i } from "../utils/parseRawValue.es.js";
+import { serializeNodeToHtmlRecursive as m } from "./utils/serializeNodeToHtmlRecursive.es.js";
+import { setDefaultDesignTokensIfNull as l } from "./utils/setDefaultDesignTokensIfNull.es.js";
+const u = (o, e = t) => {
+  const r = i(o);
+  return s(r, e);
+}, s = (o, e = t) => (e = l(e), o.map((r) => m(r, e)).join(""));
+export {
+  s as serializeNodesToHtml,
+  u as serializeRawToHtml
+};
+//# sourceMappingURL=serializeToHtml.es.js.map

package/dist/components/RichTextEditor/serializer/serializeToHtml.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializeToHtml.es.js","sources":["../../../../src/components/RichTextEditor/serializer/serializeToHtml.ts"],"sourcesContent":["import { TDescendant } from '@udecode/plate';\nimport { DesignTokens } from '../types';\nimport { defaultDesignTokens } from '../utils/defaultDesignTokens';\nimport { parseRawValue } from '../utils/parseRawValue';\nimport { serializeNodeToHtmlRecursive } from './utils/serializeNodeToHtmlRecursive';\nimport { setDefaultDesignTokensIfNull } from './utils/setDefaultDesignTokensIfNull';\n\nexport const serializeRawToHtml = (raw: string, designTokens: DesignTokens = defaultDesignTokens): string => {\n    const nodes = parseRawValue(raw);\n    return serializeNodesToHtml(nodes, designTokens);\n};\n\nexport const serializeNodesToHtml = (\n    nodes: TDescendant[],\n    designTokens: DesignTokens = defaultDesignTokens,\n): string => {\n    designTokens = setDefaultDesignTokensIfNull(designTokens);\n    return nodes.map((node) => serializeNodeToHtmlRecursive(node, designTokens)).join('');\n};\n"],"names":[],"mappings":";;;;AAOO,MAAM,IAAqB,CAAC,GAAa,IAA6B,MAAgC;AACnG,QAAA,IAAQ,EAAc,CAAG;AACxB,SAAA,EAAqB,GAAO,CAAY;AACnD,GAEa,IAAuB,CAChC,GACA,IAA6B,MAE7B,KAAe,EAA6B,CAAY,GACjD,EAAM,IAAI,CAAC,MAAS,EAA6B,GAAM,CAAY,CAAC,EAAE,KAAK,EAAE;"}

package/dist/components/RichTextEditor/serializer/utils/convertCamelCaseToKebabCase.d.ts

@@ -0,0 +1 @@
+export declare const convertCamelCaseToKebabCase: (str: string) => string;

package/dist/components/RichTextEditor/serializer/utils/convertCamelCaseToKebabCase.es.js

@@ -0,0 +1,5 @@
+const a = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase();
+export {
+  a as convertCamelCaseToKebabCase
+};
+//# sourceMappingURL=convertCamelCaseToKebabCase.es.js.map

package/dist/components/RichTextEditor/serializer/utils/convertCamelCaseToKebabCase.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertCamelCaseToKebabCase.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/convertCamelCaseToKebabCase.ts"],"sourcesContent":["export const convertCamelCaseToKebabCase = (str: string): string => {\n    return str.replace(/([A-Z])/g, '-$1').toLowerCase();\n};\n"],"names":[],"mappings":"AAAa,MAAA,IAA8B,CAAC,MACjC,EAAI,QAAQ,YAAY,KAAK,EAAE,YAAY;"}

package/dist/components/RichTextEditor/serializer/utils/reactCssPropsToCss.d.ts

@@ -0,0 +1 @@
+export declare const reactCssPropsToCss: (props?: any) => string;

package/dist/components/RichTextEditor/serializer/utils/reactCssPropsToCss.es.js

@@ -0,0 +1,6 @@
+import { convertCamelCaseToKebabCase as t } from "./convertCamelCaseToKebabCase.es.js";
+const s = (e) => e ? Object.keys(e).map((r) => `${t(r)}: ${e[r]};`).join(" ") : "";
+export {
+  s as reactCssPropsToCss
+};
+//# sourceMappingURL=reactCssPropsToCss.es.js.map

package/dist/components/RichTextEditor/serializer/utils/reactCssPropsToCss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactCssPropsToCss.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/reactCssPropsToCss.ts"],"sourcesContent":["import { convertCamelCaseToKebabCase } from './convertCamelCaseToKebabCase';\n\nexport const reactCssPropsToCss = (props?: any): string => {\n    if (!props) {\n        return '';\n    }\n    return Object.keys(props)\n        .map((key) => `${convertCamelCaseToKebabCase(key)}: ${props[key]};`)\n        .join(' ');\n};\n"],"names":[],"mappings":";AAEa,MAAA,IAAqB,CAAC,MAC1B,IAGE,OAAO,KAAK,CAAK,EACnB,IAAI,CAAC,MAAQ,GAAG,EAA4B,CAAG,MAAM,EAAM,KAAO,EAClE,KAAK,GAAG,IAJF;"}

package/dist/components/RichTextEditor/serializer/utils/serializeLeafToHtml.d.ts

@@ -0,0 +1 @@
+export declare const serializeLeafToHtml: (node: any) => string;