@frontify/guideline-blocks-settings 3.0.2 → 4.0.0-alpha.0

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.es.js

@@ -1,55 +1,53 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { IconPen as i, IconTrashBin as n } from "@frontify/fondue/icons";
-import { useEditorRef as a, FloatingModalWrapper as d, focusEditor as l } from "@frontify/fondue/rte";
-import { LINK_PLUGIN as s } from "../../../../LinkPlugin/id.es.js";
-import { BlockStyles as m } from "../../../../styles.es.js";
-import { floatingButtonSelectors as r } from "../floatingButtonStore.es.js";
-import { triggerFloatingButtonEdit as u } from "../../../utils/triggerFloatingButtonEdit.es.js";
-import { unwrapButton as c } from "../../../transforms/unwrapButton.es.js";
-const N = () => {
-  const e = a();
-  return /* @__PURE__ */ t(d, { padding: "16px", minWidth: "400px", "data-test-id": "floating-button-edit", children: /* @__PURE__ */ o("span", { "data-test-id": "preview-button-flyout", className: "tw-flex tw-justify-between tw-items-center tw-gap-2", children: [
-    /* @__PURE__ */ t(
-      "a",
-      {
-        "data-test-id": "floating-button-edit-url",
-        href: r.url(),
-        target: "_blank",
-        rel: "noopener noreferrer",
-        style: m[s],
-        className: "tw-break-all",
-        children: r.url()
-      }
-    ),
-    /* @__PURE__ */ o("span", { className: "tw-flex tw-gap-2", children: [
-      /* @__PURE__ */ t(
-        "button",
-        {
-          onClick: () => {
-            u(e);
-          },
-          tabIndex: 0,
-          "data-test-id": "edit-button-button",
-          className: "tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1",
-          children: /* @__PURE__ */ t(i, { size: 16 })
-        }
-      ),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          onClick: () => {
-            c(e), l(e, e.selection ?? void 0);
-          },
-          tabIndex: 0,
-          "data-test-id": "remove-button-button",
-          className: "tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1",
-          children: /* @__PURE__ */ t(n, { size: 16 })
-        }
-      )
-    ] })
-  ] }) });
+import { floatingButtonSelectors as e } from "../floatingButtonStore.es.js";
+import { unwrapButton as t } from "../../../transforms/unwrapButton.es.js";
+import { triggerFloatingButtonEdit as n } from "../../../utils/triggerFloatingButtonEdit.es.js";
+import { LINK_PLUGIN as r } from "../../../../LinkPlugin/id.es.js";
+import { BlockStyles as i } from "../../../../styles.es.js";
+import { IconPen as a, IconTrashBin as o } from "@frontify/fondue/icons";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { FloatingModalWrapper as l, focusEditor as u, useEditorRef as d } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.tsx
+var f = () => {
+	let f = d();
+	return /* @__PURE__ */ s(l, {
+		padding: "16px",
+		minWidth: "400px",
+		"data-test-id": "floating-button-edit",
+		children: /* @__PURE__ */ c("span", {
+			"data-test-id": "preview-button-flyout",
+			className: "tw-flex tw-justify-between tw-items-center tw-gap-2",
+			children: [/* @__PURE__ */ s("a", {
+				"data-test-id": "floating-button-edit-url",
+				href: e.url(),
+				target: "_blank",
+				rel: "noopener noreferrer",
+				style: i[r],
+				className: "tw-break-all",
+				children: e.url()
+			}), /* @__PURE__ */ c("span", {
+				className: "tw-flex tw-gap-2",
+				children: [/* @__PURE__ */ s("button", {
+					onClick: () => {
+						n(f);
+					},
+					tabIndex: 0,
+					"data-test-id": "edit-button-button",
+					className: "tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1",
+					children: /* @__PURE__ */ s(a, { size: 16 })
+				}), /* @__PURE__ */ s("button", {
+					onClick: () => {
+						t(f), u(f, f.selection ?? void 0);
+					},
+					tabIndex: 0,
+					"data-test-id": "remove-button-button",
+					className: "tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1",
+					children: /* @__PURE__ */ s(o, { size: 16 })
+				})]
+			})]
+		})
+	});
 };
-export {
-  N as EditModal
-};
-//# sourceMappingURL=EditModal.es.js.map
+//#endregion
+export { f as EditModal };
+
+//# sourceMappingURL=EditModal.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen, IconTrashBin } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper, focusEditor, useEditorRef } from '@frontify/fondue/rte';\n\nimport { LINK_PLUGIN } from '../../../../LinkPlugin/id';\nimport { BlockStyles } from '../../../../styles';\nimport { unwrapButton } from '../../../transforms';\nimport { triggerFloatingButtonEdit } from '../../../utils';\nimport { floatingButtonSelectors } from '../floatingButtonStore';\n\nexport const EditModal = () => {\n    const editor = useEditorRef();\n    return (\n        <FloatingModalWrapper padding=\"16px\" minWidth=\"400px\" data-test-id=\"floating-button-edit\">\n            <span data-test-id=\"preview-button-flyout\" className=\"tw-flex tw-justify-between tw-items-center tw-gap-2\">\n                <a\n                    data-test-id=\"floating-button-edit-url\"\n                    href={floatingButtonSelectors.url()}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={BlockStyles[LINK_PLUGIN]}\n                    className=\"tw-break-all\"\n                >\n                    {floatingButtonSelectors.url()}\n                </a>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        onClick={() => {\n                            triggerFloatingButtonEdit(editor);\n                        }}\n                        tabIndex={0}\n                        data-test-id=\"edit-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconPen size={16} />\n                    </button>\n\n                    <button\n                        onClick={() => {\n                            unwrapButton(editor);\n                            focusEditor(editor, editor.selection ?? undefined);\n                        }}\n                        tabIndex={0}\n                        data-test-id=\"remove-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconTrashBin size={16} />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"names":["EditModal","editor","useEditorRef","jsx","FloatingModalWrapper","jsxs","floatingButtonSelectors","BlockStyles","LINK_PLUGIN","triggerFloatingButtonEdit","IconPen","unwrapButton","focusEditor","IconTrashBin"],"mappings":";;;;;;;;AAWO,MAAMA,IAAY,MAAM;AAC3B,QAAMC,IAASC,EAAA;AACf,SACI,gBAAAC,EAACC,GAAA,EAAqB,SAAQ,QAAO,UAAS,SAAQ,gBAAa,wBAC/D,UAAA,gBAAAC,EAAC,QAAA,EAAK,gBAAa,yBAAwB,WAAU,uDACjD,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,MAAMG,EAAwB,IAAA;AAAA,QAC9B,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAOC,EAAYC,CAAW;AAAA,QAC9B,WAAU;AAAA,QAET,YAAwB,IAAA;AAAA,MAAI;AAAA,IAAA;AAAA,IAEjC,gBAAAH,EAAC,QAAA,EAAK,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,MAAM;AACX,YAAAM,EAA0BR,CAAM;AAAA,UACpC;AAAA,UACA,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,UAAA,gBAAAE,EAACO,GAAA,EAAQ,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,gBAAAP;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,MAAM;AACX,YAAAQ,EAAaV,CAAM,GACnBW,EAAYX,GAAQA,EAAO,aAAa,MAAS;AAAA,UACrD;AAAA,UACA,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,UAAA,gBAAAE,EAACU,GAAA,EAAa,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"EditModal.es.js","names":[],"sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen, IconTrashBin } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper, focusEditor, useEditorRef } from '@frontify/fondue/rte';\n\nimport { LINK_PLUGIN } from '../../../../LinkPlugin/id';\nimport { BlockStyles } from '../../../../styles';\nimport { unwrapButton } from '../../../transforms';\nimport { triggerFloatingButtonEdit } from '../../../utils';\nimport { floatingButtonSelectors } from '../floatingButtonStore';\n\nexport const EditModal = () => {\n    const editor = useEditorRef();\n    return (\n        <FloatingModalWrapper padding=\"16px\" minWidth=\"400px\" data-test-id=\"floating-button-edit\">\n            <span data-test-id=\"preview-button-flyout\" className=\"tw-flex tw-justify-between tw-items-center tw-gap-2\">\n                <a\n                    data-test-id=\"floating-button-edit-url\"\n                    href={floatingButtonSelectors.url()}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={BlockStyles[LINK_PLUGIN]}\n                    className=\"tw-break-all\"\n                >\n                    {floatingButtonSelectors.url()}\n                </a>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        onClick={() => {\n                            triggerFloatingButtonEdit(editor);\n                        }}\n                        tabIndex={0}\n                        data-test-id=\"edit-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconPen size={16} />\n                    </button>\n\n                    <button\n                        onClick={() => {\n                            unwrapButton(editor);\n                            focusEditor(editor, editor.selection ?? undefined);\n                        }}\n                        tabIndex={0}\n                        data-test-id=\"remove-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconTrashBin size={16} />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"mappings":";;;;;;;;;AAWA,IAAa,UAAkB;CAC3B,IAAM,IAAS,EAAa;CAC5B,OACI,kBAAC,GAAD;EAAsB,SAAQ;EAAO,UAAS;EAAQ,gBAAa;EAC/D,UAAA,kBAAC,QAAD;GAAM,gBAAa;GAAwB,WAAU;GAArD,UAAA,CACI,kBAAC,KAAD;IACI,gBAAa;IACb,MAAM,EAAwB,IAAI;IAClC,QAAO;IACP,KAAI;IACJ,OAAO,EAAY;IACnB,WAAU;IAET,UAAA,EAAwB,IAAI;GAC9B,CAAA,GACH,kBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACI,kBAAC,UAAD;KACI,eAAe;MACX,EAA0B,CAAM;KACpC;KACA,UAAU;KACV,gBAAa;KACb,WAAU;KAEV,UAAA,kBAAC,GAAD,EAAS,MAAM,GAAK,CAAA;IAChB,CAAA,GAER,kBAAC,UAAD;KACI,eAAe;MAEX,AADA,EAAa,CAAM,GACnB,EAAY,GAAQ,EAAO,aAAa,KAAA,CAAS;KACrD;KACA,UAAU;KACV,gBAAa;KACb,WAAU;KAEV,UAAA,kBAAC,GAAD,EAAc,MAAM,GAAK,CAAA;IACrB,CAAA,CACN;GACJ,CAAA,CAAA;;CACY,CAAA;AAE9B"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/InsertButtonModal.es.js

@@ -1,69 +1,69 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { FormControl as m } from "@frontify/fondue";
-import { useState as y } from "react";
-import { InsertModal as f } from "../../../../LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.es.js";
-import { BlockStyles as n } from "../../../../styles.es.js";
-import { useInsertModal as p } from "./useInsertModal.es.js";
-const g = () => {
-  const r = p(), { state: t, onButtonStyleChange: o } = r;
-  return /* @__PURE__ */ e(f, { ...r, testId: "floating-button-insert", children: /* @__PURE__ */ e("div", { className: "tw-pt-5", children: /* @__PURE__ */ d(
-    m,
-    {
-      label: {
-        children: "Button Style",
-        htmlFor: "buttonStyle",
-        required: !0
-      },
-      children: [
-        /* @__PURE__ */ e(
-          i,
-          {
-            id: "primary",
-            styles: n.buttonPrimary,
-            isActive: t.buttonStyle === "primary",
-            onClick: () => o("primary"),
-            children: t.text || "Primary Button"
-          }
-        ),
-        /* @__PURE__ */ e(
-          i,
-          {
-            id: "secondary",
-            styles: n.buttonSecondary,
-            isActive: t.buttonStyle === "secondary",
-            onClick: () => o("secondary"),
-            children: t.text || "Secondary Button"
-          }
-        ),
-        /* @__PURE__ */ e(
-          i,
-          {
-            id: "tertiary",
-            styles: n.buttonTertiary,
-            isActive: t.buttonStyle === "tertiary",
-            onClick: () => o("tertiary"),
-            children: t.text || "Tertiary Button"
-          }
-        )
-      ]
-    }
-  ) }) });
-}, i = ({ id: r, styles: t, isActive: o, onClick: a, children: s }) => {
-  const [u, l] = y(!1), c = () => t && t.hover && u ? { ...t, ...t.hover } : t;
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      "data-test-id": `floating-button-insert-${r}`,
-      onMouseEnter: () => l(!0),
-      onMouseLeave: () => l(!1),
-      onClick: a,
-      style: { ...c(), marginTop: 0, marginBottom: 0 },
-      className: o ? "tw-outline tw-outline-1 tw-outline-violet-60 tw-outline-offset-2 tw-w-fit" : "tw-w-fit",
-      children: s
-    }
-  );
+import { BlockStyles as e } from "../../../../styles.es.js";
+import { InsertModal as t } from "../../../../LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.es.js";
+import { useInsertModal as n } from "./useInsertModal.es.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { FormControl as o } from "@frontify/fondue";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/InsertButtonModal.tsx
+var s = () => {
+	let r = n(), { state: s, onButtonStyleChange: l } = r;
+	return /* @__PURE__ */ i(t, {
+		...r,
+		testId: "floating-button-insert",
+		children: /* @__PURE__ */ i("div", {
+			className: "tw-pt-5",
+			children: /* @__PURE__ */ a(o, {
+				label: {
+					children: "Button Style",
+					htmlFor: "buttonStyle",
+					required: !0
+				},
+				children: [
+					/* @__PURE__ */ i(c, {
+						id: "primary",
+						styles: e.buttonPrimary,
+						isActive: s.buttonStyle === "primary",
+						onClick: () => l("primary"),
+						children: s.text || "Primary Button"
+					}),
+					/* @__PURE__ */ i(c, {
+						id: "secondary",
+						styles: e.buttonSecondary,
+						isActive: s.buttonStyle === "secondary",
+						onClick: () => l("secondary"),
+						children: s.text || "Secondary Button"
+					}),
+					/* @__PURE__ */ i(c, {
+						id: "tertiary",
+						styles: e.buttonTertiary,
+						isActive: s.buttonStyle === "tertiary",
+						onClick: () => l("tertiary"),
+						children: s.text || "Tertiary Button"
+					})
+				]
+			})
+		})
+	});
+}, c = ({ id: e, styles: t, isActive: n, onClick: a, children: o }) => {
+	let [s, c] = r(!1);
+	return /* @__PURE__ */ i("button", {
+		"data-test-id": `floating-button-insert-${e}`,
+		onMouseEnter: () => c(!0),
+		onMouseLeave: () => c(!1),
+		onClick: a,
+		style: {
+			...t && t.hover && s ? {
+				...t,
+				...t.hover
+			} : t,
+			marginTop: 0,
+			marginBottom: 0
+		},
+		className: n ? "tw-outline tw-outline-1 tw-outline-violet-60 tw-outline-offset-2 tw-w-fit" : "tw-w-fit",
+		children: o
+	});
 };
-export {
-  g as InsertButtonModal
-};
-//# sourceMappingURL=InsertButtonModal.es.js.map
+//#endregion
+export { s as InsertButtonModal };
+
+//# sourceMappingURL=InsertButtonModal.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/InsertButtonModal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsertButtonModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/InsertButtonModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { FormControl } from '@frontify/fondue';\nimport { type CSSProperties, type ReactElement, type ReactNode, useState } from 'react';\n\nimport { InsertModal } from '../../../../LinkPlugin/FloatingLink/InsertLinkModal/InsertModal';\nimport { BlockStyles } from '../../../../styles';\n\nimport { useInsertModal } from './useInsertModal';\n\nexport const InsertButtonModal = () => {\n    const modalProps = useInsertModal();\n    const { state, onButtonStyleChange } = modalProps;\n\n    return (\n        <InsertModal {...modalProps} testId=\"floating-button-insert\">\n            <div className=\"tw-pt-5\">\n                <FormControl\n                    label={{\n                        children: 'Button Style',\n                        htmlFor: 'buttonStyle',\n                        required: true,\n                    }}\n                >\n                    <HoverableButton\n                        id=\"primary\"\n                        styles={BlockStyles.buttonPrimary}\n                        isActive={state.buttonStyle === 'primary'}\n                        onClick={() => onButtonStyleChange('primary')}\n                    >\n                        {state.text || 'Primary Button'}\n                    </HoverableButton>\n\n                    <HoverableButton\n                        id=\"secondary\"\n                        styles={BlockStyles.buttonSecondary}\n                        isActive={state.buttonStyle === 'secondary'}\n                        onClick={() => onButtonStyleChange('secondary')}\n                    >\n                        {state.text || 'Secondary Button'}\n                    </HoverableButton>\n\n                    <HoverableButton\n                        id=\"tertiary\"\n                        styles={BlockStyles.buttonTertiary}\n                        isActive={state.buttonStyle === 'tertiary'}\n                        onClick={() => onButtonStyleChange('tertiary')}\n                    >\n                        {state.text || 'Tertiary Button'}\n                    </HoverableButton>\n                </FormControl>\n            </div>\n        </InsertModal>\n    );\n};\n\ntype Props = {\n    id: string;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    isActive: boolean;\n    onClick: () => void;\n    children: ReactNode;\n};\n\nconst HoverableButton = ({ id, styles, isActive, onClick, children }: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n    const getStyles = () => (styles && styles.hover && hovered ? { ...styles, ...styles.hover } : styles);\n\n    return (\n        <button\n            data-test-id={`floating-button-insert-${id}`}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            onClick={onClick}\n            style={{ ...getStyles(), marginTop: 0, marginBottom: 0 }}\n            className={\n                isActive ? 'tw-outline tw-outline-1 tw-outline-violet-60 tw-outline-offset-2 tw-w-fit' : 'tw-w-fit'\n            }\n        >\n            {children}\n        </button>\n    );\n};\n"],"names":["InsertButtonModal","modalProps","useInsertModal","state","onButtonStyleChange","jsx","InsertModal","jsxs","FormControl","HoverableButton","BlockStyles","id","styles","isActive","onClick","children","hovered","setHovered","useState","getStyles"],"mappings":";;;;;;AAUO,MAAMA,IAAoB,MAAM;AACnC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,qBAAAC,EAAA,IAAwBH;AAEvC,SACI,gBAAAI,EAACC,KAAa,GAAGL,GAAY,QAAO,0BAChC,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,MAGd,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQC,EAAY;AAAA,YACpB,UAAUP,EAAM,gBAAgB;AAAA,YAChC,SAAS,MAAMC,EAAoB,SAAS;AAAA,YAE3C,YAAM,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGnB,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQC,EAAY;AAAA,YACpB,UAAUP,EAAM,gBAAgB;AAAA,YAChC,SAAS,MAAMC,EAAoB,WAAW;AAAA,YAE7C,YAAM,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGnB,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQC,EAAY;AAAA,YACpB,UAAUP,EAAM,gBAAgB;AAAA,YAChC,SAAS,MAAMC,EAAoB,UAAU;AAAA,YAE5C,YAAM,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA;AAAA,EAAA,GAER,EAAA,CACJ;AAER,GAUMK,IAAkB,CAAC,EAAE,IAAAE,GAAI,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,UAAAC,QAAoC;AAC1F,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAY,MAAOP,KAAUA,EAAO,SAASI,IAAU,EAAE,GAAGJ,GAAQ,GAAGA,EAAO,MAAA,IAAUA;AAE9F,SACI,gBAAAP;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAc,0BAA0BM,CAAE;AAAA,MAC1C,cAAc,MAAMM,EAAW,EAAI;AAAA,MACnC,cAAc,MAAMA,EAAW,EAAK;AAAA,MACpC,SAAAH;AAAA,MACA,OAAO,EAAE,GAAGK,EAAA,GAAa,WAAW,GAAG,cAAc,EAAA;AAAA,MACrD,WACIN,IAAW,8EAA8E;AAAA,MAG5F,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"InsertButtonModal.es.js","names":[],"sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/InsertButtonModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { FormControl } from '@frontify/fondue';\nimport { type CSSProperties, type ReactElement, type ReactNode, useState } from 'react';\n\nimport { InsertModal } from '../../../../LinkPlugin/FloatingLink/InsertLinkModal/InsertModal';\nimport { BlockStyles } from '../../../../styles';\n\nimport { useInsertModal } from './useInsertModal';\n\nexport const InsertButtonModal = () => {\n    const modalProps = useInsertModal();\n    const { state, onButtonStyleChange } = modalProps;\n\n    return (\n        <InsertModal {...modalProps} testId=\"floating-button-insert\">\n            <div className=\"tw-pt-5\">\n                <FormControl\n                    label={{\n                        children: 'Button Style',\n                        htmlFor: 'buttonStyle',\n                        required: true,\n                    }}\n                >\n                    <HoverableButton\n                        id=\"primary\"\n                        styles={BlockStyles.buttonPrimary}\n                        isActive={state.buttonStyle === 'primary'}\n                        onClick={() => onButtonStyleChange('primary')}\n                    >\n                        {state.text || 'Primary Button'}\n                    </HoverableButton>\n\n                    <HoverableButton\n                        id=\"secondary\"\n                        styles={BlockStyles.buttonSecondary}\n                        isActive={state.buttonStyle === 'secondary'}\n                        onClick={() => onButtonStyleChange('secondary')}\n                    >\n                        {state.text || 'Secondary Button'}\n                    </HoverableButton>\n\n                    <HoverableButton\n                        id=\"tertiary\"\n                        styles={BlockStyles.buttonTertiary}\n                        isActive={state.buttonStyle === 'tertiary'}\n                        onClick={() => onButtonStyleChange('tertiary')}\n                    >\n                        {state.text || 'Tertiary Button'}\n                    </HoverableButton>\n                </FormControl>\n            </div>\n        </InsertModal>\n    );\n};\n\ntype Props = {\n    id: string;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    isActive: boolean;\n    onClick: () => void;\n    children: ReactNode;\n};\n\nconst HoverableButton = ({ id, styles, isActive, onClick, children }: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n    const getStyles = () => (styles && styles.hover && hovered ? { ...styles, ...styles.hover } : styles);\n\n    return (\n        <button\n            data-test-id={`floating-button-insert-${id}`}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            onClick={onClick}\n            style={{ ...getStyles(), marginTop: 0, marginBottom: 0 }}\n            className={\n                isActive ? 'tw-outline tw-outline-1 tw-outline-violet-60 tw-outline-offset-2 tw-w-fit' : 'tw-w-fit'\n            }\n        >\n            {children}\n        </button>\n    );\n};\n"],"mappings":";;;;;;;AAUA,IAAa,UAA0B;CACnC,IAAM,IAAa,EAAe,GAC5B,EAAE,UAAO,2BAAwB;CAEvC,OACI,kBAAC,GAAD;EAAa,GAAI;EAAY,QAAO;EAChC,UAAA,kBAAC,OAAD;GAAK,WAAU;GACX,UAAA,kBAAC,GAAD;IACI,OAAO;KACH,UAAU;KACV,SAAS;KACT,UAAU;IACd;IALJ,UAAA;KAOI,kBAAC,GAAD;MACI,IAAG;MACH,QAAQ,EAAY;MACpB,UAAU,EAAM,gBAAgB;MAChC,eAAe,EAAoB,SAAS;MAE3C,UAAA,EAAM,QAAQ;KACF,CAAA;KAEjB,kBAAC,GAAD;MACI,IAAG;MACH,QAAQ,EAAY;MACpB,UAAU,EAAM,gBAAgB;MAChC,eAAe,EAAoB,WAAW;MAE7C,UAAA,EAAM,QAAQ;KACF,CAAA;KAEjB,kBAAC,GAAD;MACI,IAAG;MACH,QAAQ,EAAY;MACpB,UAAU,EAAM,gBAAgB;MAChC,eAAe,EAAoB,UAAU;MAE5C,UAAA,EAAM,QAAQ;KACF,CAAA;IACR;;EACZ,CAAA;CACI,CAAA;AAErB,GAUM,KAAmB,EAAE,OAAI,WAAQ,aAAU,YAAS,kBAAoC;CAC1F,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK;CAG5C,OACI,kBAAC,UAAD;EACI,gBAAc,0BAA0B;EACxC,oBAAoB,EAAW,EAAI;EACnC,oBAAoB,EAAW,EAAK;EAC3B;EACT,OAAO;GAAE,GARQ,KAAU,EAAO,SAAS,IAAU;IAAE,GAAG;IAAQ,GAAG,EAAO;GAAM,IAAI;GAQ7D,WAAW;GAAG,cAAc;EAAE;EACvD,WACI,IAAW,8EAA8E;EAG5F;CACG,CAAA;AAEhB"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/useInsertModal.es.js

@@ -1,104 +1,92 @@
-import { useEditorRef as d, getPluginOptions as S, useHotkeys as b } from "@frontify/fondue/rte";
-import { useEffect as E, useReducer as g } from "react";
-import { isValidUrlOrEmpty as p } from "../../../../../../Link/utils/url.es.js";
-import { ELEMENT_BUTTON as B } from "../../../createButtonPlugin.es.js";
-import { submitFloatingButton as x } from "../../../transforms/submitFloatingButton.es.js";
-import { getButtonStyle as N } from "../../../utils/getButtonStyle.es.js";
-import { floatingButtonSelectors as a, floatingButtonActions as r } from "../floatingButtonStore.es.js";
-import { addHttps as w } from "../../../../../../../helpers/addHttps.es.js";
-const U = {
-  url: "",
-  text: "",
-  buttonStyle: "primary",
-  newTab: !1
-}, h = () => {
-  const [n, o] = g((t, s) => {
-    const { type: l, payload: u } = s;
-    switch (l) {
-      case "NEW_TAB":
-        return {
-          ...t,
-          newTab: !0
-        };
-      case "SAME_TAB":
-        return {
-          ...t,
-          newTab: !1
-        };
-      case "URL":
-      case "TEXT":
-      case "BUTTON_STYLE":
-      case "INIT":
-        return {
-          ...t,
-          ...u
-        };
-      default:
-        return t;
-    }
-  }, U);
-  return [n, o];
-}, v = () => {
-  const n = d(), [o, t] = h();
-  E(() => {
-    const e = N(n);
-    t({
-      type: "INIT",
-      payload: {
-        text: a.text() || a.url(),
-        buttonStyle: e,
-        newTab: !!a.newTab(),
-        url: a.url()
-      }
-    });
-  }, [t, n]);
-  const s = (e) => {
-    t({
-      type: "TEXT",
-      payload: { text: e }
-    });
-  }, l = (e) => {
-    t({
-      type: "BUTTON_STYLE",
-      payload: { buttonStyle: e }
-    });
-  }, u = (e) => {
-    t({
-      type: "URL",
-      payload: { url: e }
-    });
-  }, i = (e) => {
-    t(e ? { type: "NEW_TAB" } : { type: "SAME_TAB" });
-  }, y = () => {
-    r.reset();
-  }, T = (e) => {
-    if (!p(o.url) || !c)
-      return;
-    const f = w(o.url);
-    r.text(o.text), r.url(f), r.buttonStyle(o.buttonStyle), r.newTab(o.newTab), x(n) && e?.preventDefault();
-  }, c = o.url !== "" && o.text !== "", { appBridge: m } = S(n, B);
-  return b(
-    "enter",
-    T,
-    {
-      enableOnFormTags: ["INPUT"]
-    },
-    []
-  ), {
-    state: o,
-    onTextChange: s,
-    onButtonStyleChange: l,
-    onUrlChange: u,
-    onToggleTab: i,
-    onCancel: y,
-    onSave: T,
-    hasValues: c,
-    isValidUrlOrEmpty: p,
-    appBridge: m
-  };
+import { floatingButtonActions as e, floatingButtonSelectors as t } from "../floatingButtonStore.es.js";
+import { addHttps as n } from "../../../../../../../helpers/addHttps.es.js";
+import { isValidUrlOrEmpty as r } from "../../../../../../Link/utils/url.es.js";
+import { submitFloatingButton as i } from "../../../transforms/submitFloatingButton.es.js";
+import { getButtonStyle as a } from "../../../utils/getButtonStyle.es.js";
+import { ELEMENT_BUTTON as o } from "../../../createButtonPlugin.es.js";
+import { useEffect as s, useReducer as c } from "react";
+import { getPluginOptions as l, useEditorRef as u, useHotkeys as d } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/useInsertModal.ts
+var f = {
+	url: "",
+	text: "",
+	buttonStyle: "primary",
+	newTab: !1
+}, p = () => {
+	let [e, t] = c((e, t) => {
+		let { type: n, payload: r } = t;
+		switch (n) {
+			case "NEW_TAB": return {
+				...e,
+				newTab: !0
+			};
+			case "SAME_TAB": return {
+				...e,
+				newTab: !1
+			};
+			case "URL":
+			case "TEXT":
+			case "BUTTON_STYLE":
+			case "INIT": return {
+				...e,
+				...r
+			};
+			default: return e;
+		}
+	}, f);
+	return [e, t];
+}, m = () => {
+	let c = u(), [f, m] = p();
+	s(() => {
+		let e = a(c);
+		m({
+			type: "INIT",
+			payload: {
+				text: t.text() || t.url(),
+				buttonStyle: e,
+				newTab: !!t.newTab(),
+				url: t.url()
+			}
+		});
+	}, [m, c]);
+	let h = (e) => {
+		m({
+			type: "TEXT",
+			payload: { text: e }
+		});
+	}, g = (e) => {
+		m({
+			type: "BUTTON_STYLE",
+			payload: { buttonStyle: e }
+		});
+	}, _ = (e) => {
+		m({
+			type: "URL",
+			payload: { url: e }
+		});
+	}, v = (e) => {
+		m(e ? { type: "NEW_TAB" } : { type: "SAME_TAB" });
+	}, y = () => {
+		e.reset();
+	}, b = (t) => {
+		if (!r(f.url) || !x) return;
+		let a = n(f.url);
+		e.text(f.text), e.url(a), e.buttonStyle(f.buttonStyle), e.newTab(f.newTab), i(c) && t?.preventDefault();
+	}, x = f.url !== "" && f.text !== "", { appBridge: S } = l(c, o);
+	return d("enter", b, { enableOnFormTags: ["INPUT"] }, []), {
+		state: f,
+		onTextChange: h,
+		onButtonStyleChange: g,
+		onUrlChange: _,
+		onToggleTab: v,
+		onCancel: y,
+		onSave: b,
+		hasValues: x,
+		isValidUrlOrEmpty: r,
+		appBridge: S
+	};
 };
-export {
-  h as InsertModalState,
-  v as useInsertModal
-};
-//# sourceMappingURL=useInsertModal.es.js.map
+//#endregion
+export { p as InsertModalState, m as useInsertModal };
+
+//# sourceMappingURL=useInsertModal.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/useInsertModal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInsertModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/useInsertModal.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { getPluginOptions, useEditorRef, useHotkeys } from '@frontify/fondue/rte';\nimport { type Dispatch, type Reducer, useEffect, useReducer } from 'react';\n\nimport { addHttps } from '../../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../../../../../Link/utils/url';\nimport { ELEMENT_BUTTON } from '../../../createButtonPlugin';\nimport { submitFloatingButton } from '../../../transforms/submitFloatingButton';\nimport { type RichTextButtonStyle } from '../../../types';\nimport { getButtonStyle } from '../../../utils/getButtonStyle';\nimport { floatingButtonActions, floatingButtonSelectors } from '../floatingButtonStore';\n\nimport { type InsertModalDispatchType, type InsertModalStateProps } from './types';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\n    buttonStyle: 'primary',\n    newTab: false,\n};\n\nexport const InsertModalState = (): [InsertModalStateProps, Dispatch<InsertModalDispatchType>] => {\n    const [state, dispatch] = useReducer<Reducer<InsertModalStateProps, InsertModalDispatchType>>((state, action) => {\n        const { type, payload } = action;\n\n        switch (type) {\n            case 'NEW_TAB':\n                return {\n                    ...state,\n                    newTab: true,\n                };\n            case 'SAME_TAB':\n                return {\n                    ...state,\n                    newTab: false,\n                };\n            case 'URL':\n            case 'TEXT':\n            case 'BUTTON_STYLE':\n            case 'INIT':\n                return {\n                    ...state,\n                    ...payload,\n                };\n            default:\n                return state;\n        }\n    }, initialState);\n\n    return [state, dispatch];\n};\n\nexport const useInsertModal = () => {\n    const editor = useEditorRef();\n    const [state, dispatch] = InsertModalState();\n\n    useEffect(() => {\n        const buttonStyle = getButtonStyle(editor);\n\n        dispatch({\n            type: 'INIT',\n            payload: {\n                text: floatingButtonSelectors.text() || floatingButtonSelectors.url(),\n                buttonStyle,\n                newTab: !!floatingButtonSelectors.newTab(),\n                url: floatingButtonSelectors.url(),\n            },\n        });\n    }, [dispatch, editor]);\n\n    const onTextChange = (value: string) => {\n        dispatch({\n            type: 'TEXT',\n            payload: { text: value },\n        });\n    };\n\n    const onButtonStyleChange = (value: RichTextButtonStyle) => {\n        dispatch({\n            type: 'BUTTON_STYLE',\n            payload: { buttonStyle: value },\n        });\n    };\n\n    const onUrlChange = (value: string) => {\n        dispatch({\n            type: 'URL',\n            payload: { url: value },\n        });\n    };\n\n    const onToggleTab = (checked: boolean) => {\n        checked ? dispatch({ type: 'NEW_TAB' }) : dispatch({ type: 'SAME_TAB' });\n    };\n\n    const onCancel = () => {\n        floatingButtonActions.reset();\n    };\n\n    const onSave = (event: React.MouseEvent<HTMLButtonElement, MouseEvent> | KeyboardEvent | undefined) => {\n        if (!isValidUrlOrEmpty(state.url) || !hasValues) {\n            return;\n        }\n\n        const urlToSave = addHttps(state.url);\n\n        floatingButtonActions.text(state.text);\n        floatingButtonActions.url(urlToSave);\n        floatingButtonActions.buttonStyle(state.buttonStyle);\n        floatingButtonActions.newTab(state.newTab);\n\n        if (submitFloatingButton(editor)) {\n            event?.preventDefault();\n        }\n    };\n\n    const hasValues = state.url !== '' && state.text !== '';\n\n    const { appBridge } = getPluginOptions<{ appBridge: AppBridgeBlock }>(editor, ELEMENT_BUTTON);\n\n    useHotkeys(\n        'enter',\n        onSave,\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n\n    return {\n        state,\n        onTextChange,\n        onButtonStyleChange,\n        onUrlChange,\n        onToggleTab,\n        onCancel,\n        onSave,\n        hasValues,\n        isValidUrlOrEmpty,\n        appBridge,\n    };\n};\n"],"names":["initialState","InsertModalState","state","dispatch","useReducer","action","type","payload","useInsertModal","editor","useEditorRef","useEffect","buttonStyle","getButtonStyle","floatingButtonSelectors","onTextChange","value","onButtonStyleChange","onUrlChange","onToggleTab","checked","onCancel","floatingButtonActions","onSave","event","isValidUrlOrEmpty","hasValues","urlToSave","addHttps","submitFloatingButton","appBridge","getPluginOptions","ELEMENT_BUTTON","useHotkeys"],"mappings":"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"}
+{"version":3,"file":"useInsertModal.es.js","names":[],"sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/useInsertModal.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { getPluginOptions, useEditorRef, useHotkeys } from '@frontify/fondue/rte';\nimport { type Dispatch, type Reducer, useEffect, useReducer } from 'react';\n\nimport { addHttps } from '../../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../../../../../Link/utils/url';\nimport { ELEMENT_BUTTON } from '../../../createButtonPlugin';\nimport { submitFloatingButton } from '../../../transforms/submitFloatingButton';\nimport { type RichTextButtonStyle } from '../../../types';\nimport { getButtonStyle } from '../../../utils/getButtonStyle';\nimport { floatingButtonActions, floatingButtonSelectors } from '../floatingButtonStore';\n\nimport { type InsertModalDispatchType, type InsertModalStateProps } from './types';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\n    buttonStyle: 'primary',\n    newTab: false,\n};\n\nexport const InsertModalState = (): [InsertModalStateProps, Dispatch<InsertModalDispatchType>] => {\n    const [state, dispatch] = useReducer<Reducer<InsertModalStateProps, InsertModalDispatchType>>((state, action) => {\n        const { type, payload } = action;\n\n        switch (type) {\n            case 'NEW_TAB':\n                return {\n                    ...state,\n                    newTab: true,\n                };\n            case 'SAME_TAB':\n                return {\n                    ...state,\n                    newTab: false,\n                };\n            case 'URL':\n            case 'TEXT':\n            case 'BUTTON_STYLE':\n            case 'INIT':\n                return {\n                    ...state,\n                    ...payload,\n                };\n            default:\n                return state;\n        }\n    }, initialState);\n\n    return [state, dispatch];\n};\n\nexport const useInsertModal = () => {\n    const editor = useEditorRef();\n    const [state, dispatch] = InsertModalState();\n\n    useEffect(() => {\n        const buttonStyle = getButtonStyle(editor);\n\n        dispatch({\n            type: 'INIT',\n            payload: {\n                text: floatingButtonSelectors.text() || floatingButtonSelectors.url(),\n                buttonStyle,\n                newTab: !!floatingButtonSelectors.newTab(),\n                url: floatingButtonSelectors.url(),\n            },\n        });\n    }, [dispatch, editor]);\n\n    const onTextChange = (value: string) => {\n        dispatch({\n            type: 'TEXT',\n            payload: { text: value },\n        });\n    };\n\n    const onButtonStyleChange = (value: RichTextButtonStyle) => {\n        dispatch({\n            type: 'BUTTON_STYLE',\n            payload: { buttonStyle: value },\n        });\n    };\n\n    const onUrlChange = (value: string) => {\n        dispatch({\n            type: 'URL',\n            payload: { url: value },\n        });\n    };\n\n    const onToggleTab = (checked: boolean) => {\n        checked ? dispatch({ type: 'NEW_TAB' }) : dispatch({ type: 'SAME_TAB' });\n    };\n\n    const onCancel = () => {\n        floatingButtonActions.reset();\n    };\n\n    const onSave = (event: React.MouseEvent<HTMLButtonElement, MouseEvent> | KeyboardEvent | undefined) => {\n        if (!isValidUrlOrEmpty(state.url) || !hasValues) {\n            return;\n        }\n\n        const urlToSave = addHttps(state.url);\n\n        floatingButtonActions.text(state.text);\n        floatingButtonActions.url(urlToSave);\n        floatingButtonActions.buttonStyle(state.buttonStyle);\n        floatingButtonActions.newTab(state.newTab);\n\n        if (submitFloatingButton(editor)) {\n            event?.preventDefault();\n        }\n    };\n\n    const hasValues = state.url !== '' && state.text !== '';\n\n    const { appBridge } = getPluginOptions<{ appBridge: AppBridgeBlock }>(editor, ELEMENT_BUTTON);\n\n    useHotkeys(\n        'enter',\n        onSave,\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n\n    return {\n        state,\n        onTextChange,\n        onButtonStyleChange,\n        onUrlChange,\n        onToggleTab,\n        onCancel,\n        onSave,\n        hasValues,\n        isValidUrlOrEmpty,\n        appBridge,\n    };\n};\n"],"mappings":";;;;;;;;;AAgBA,IAAM,IAAsC;CACxC,KAAK;CACL,MAAM;CACN,aAAa;CACb,QAAQ;AACZ,GAEa,UAAqF;CAC9F,IAAM,CAAC,GAAO,KAAY,GAAqE,GAAO,MAAW;EAC7G,IAAM,EAAE,SAAM,eAAY;EAE1B,QAAQ,GAAR;GACI,KAAK,WACD,OAAO;IACH,GAAG;IACH,QAAQ;GACZ;GACJ,KAAK,YACD,OAAO;IACH,GAAG;IACH,QAAQ;GACZ;GACJ,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK,QACD,OAAO;IACH,GAAG;IACH,GAAG;GACP;GACJ,SACI,OAAO;EACf;CACJ,GAAG,CAAY;CAEf,OAAO,CAAC,GAAO,CAAQ;AAC3B,GAEa,UAAuB;CAChC,IAAM,IAAS,EAAa,GACtB,CAAC,GAAO,KAAY,EAAiB;CAE3C,QAAgB;EACZ,IAAM,IAAc,EAAe,CAAM;EAEzC,EAAS;GACL,MAAM;GACN,SAAS;IACL,MAAM,EAAwB,KAAK,KAAK,EAAwB,IAAI;IACpE;IACA,QAAQ,CAAC,CAAC,EAAwB,OAAO;IACzC,KAAK,EAAwB,IAAI;GACrC;EACJ,CAAC;CACL,GAAG,CAAC,GAAU,CAAM,CAAC;CAErB,IAAM,KAAgB,MAAkB;EACpC,EAAS;GACL,MAAM;GACN,SAAS,EAAE,MAAM,EAAM;EAC3B,CAAC;CACL,GAEM,KAAuB,MAA+B;EACxD,EAAS;GACL,MAAM;GACN,SAAS,EAAE,aAAa,EAAM;EAClC,CAAC;CACL,GAEM,KAAe,MAAkB;EACnC,EAAS;GACL,MAAM;GACN,SAAS,EAAE,KAAK,EAAM;EAC1B,CAAC;CACL,GAEM,KAAe,MAAqB;EACtC,AAAU,EAAV,IAAmB,EAAE,MAAM,UAAU,IAAc,EAAE,MAAM,WAAW,CAAC;CAC3E,GAEM,UAAiB;EACnB,EAAsB,MAAM;CAChC,GAEM,KAAU,MAAuF;EACnG,IAAI,CAAC,EAAkB,EAAM,GAAG,KAAK,CAAC,GAClC;EAGJ,IAAM,IAAY,EAAS,EAAM,GAAG;EAOpC,AALA,EAAsB,KAAK,EAAM,IAAI,GACrC,EAAsB,IAAI,CAAS,GACnC,EAAsB,YAAY,EAAM,WAAW,GACnD,EAAsB,OAAO,EAAM,MAAM,GAErC,EAAqB,CAAM,KAC3B,GAAO,eAAe;CAE9B,GAEM,IAAY,EAAM,QAAQ,MAAM,EAAM,SAAS,IAE/C,EAAE,iBAAc,EAAgD,GAAQ,CAAc;CAW5F,OATA,EACI,SACA,GACA,EACI,kBAAkB,CAAC,OAAO,EAC9B,GACA,CAAC,CACL,GAEO;EACH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACJ;AACJ"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.es.js

@@ -1,32 +1,26 @@
-import { createStore as i } from "@frontify/fondue/rte";
-const e = i("floatingButton")({
-  openEditorId: null,
-  mouseDown: !1,
-  updated: !1,
-  url: "",
-  text: "",
-  buttonStyle: "primary",
-  newTab: !1,
-  mode: "",
-  isEditing: !1
-}).extendActions((t) => ({
-  reset: () => {
-    t.url(""), t.text(""), t.buttonStyle("primary"), t.newTab(!1), t.mode(""), t.isEditing(!1);
-  }
-})).extendActions((t) => ({
-  show: (o, n) => {
-    t.mode(o), t.isEditing(!1), t.openEditorId(n);
-  },
-  hide: () => {
-    t.reset(), t.openEditorId(null);
-  }
-})).extendSelectors((t) => ({
-  isOpen: (o) => t.openEditorId === o
-})), r = e.set, d = e.get, s = () => e.use;
-export {
-  r as floatingButtonActions,
-  d as floatingButtonSelectors,
-  e as floatingButtonStore,
-  s as useFloatingButtonSelectors
-};
-//# sourceMappingURL=floatingButtonStore.es.js.map
+import { createStore as e } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.ts
+var t = e("floatingButton")({
+	openEditorId: null,
+	mouseDown: !1,
+	updated: !1,
+	url: "",
+	text: "",
+	buttonStyle: "primary",
+	newTab: !1,
+	mode: "",
+	isEditing: !1
+}).extendActions((e) => ({ reset: () => {
+	e.url(""), e.text(""), e.buttonStyle("primary"), e.newTab(!1), e.mode(""), e.isEditing(!1);
+} })).extendActions((e) => ({
+	show: (t, n) => {
+		e.mode(t), e.isEditing(!1), e.openEditorId(n);
+	},
+	hide: () => {
+		e.reset(), e.openEditorId(null);
+	}
+})).extendSelectors((e) => ({ isOpen: (t) => e.openEditorId === t })), n = t.set, r = t.get, i = () => t.use;
+//#endregion
+export { n as floatingButtonActions, r as floatingButtonSelectors, t as floatingButtonStore, i as useFloatingButtonSelectors };
+
+//# sourceMappingURL=floatingButtonStore.es.js.map