@frontify/guideline-blocks-settings 3.0.2 → 3.0.4

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

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

@@ -1 +1 @@
-{"version":3,"file":"floatingButtonStore.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createStore } from '@frontify/fondue/rte';\n\nimport { type RichTextButtonStyle } from '../../types';\n\nexport type FloatingButtonMode = '' | 'insert' | 'edit';\n\nexport const floatingButtonStore: any = createStore('floatingButton')({\n    openEditorId: null as null | string,\n    mouseDown: false,\n    updated: false,\n    url: '',\n    text: '',\n    buttonStyle: 'primary' as RichTextButtonStyle,\n    newTab: false,\n    mode: '' as FloatingButtonMode,\n    isEditing: false,\n})\n    .extendActions((set) => ({\n        reset: () => {\n            set.url('');\n            set.text('');\n            set.buttonStyle('primary');\n            set.newTab(false);\n            set.mode('');\n            set.isEditing(false);\n        },\n    }))\n    .extendActions((set) => ({\n        show: (mode: FloatingButtonMode, editorId: string) => {\n            set.mode(mode);\n            set.isEditing(false);\n            set.openEditorId(editorId);\n        },\n        hide: () => {\n            set.reset();\n            set.openEditorId(null);\n        },\n    }))\n    .extendSelectors((state) => ({\n        isOpen: (editorId: string) => state.openEditorId === editorId,\n    }));\n\nexport const floatingButtonActions = floatingButtonStore.set;\nexport const floatingButtonSelectors = floatingButtonStore.get;\n// oxlint-disable-next-line typescript/no-unsafe-return\nexport const useFloatingButtonSelectors = () => floatingButtonStore.use;\n"],"names":["floatingButtonStore","createStore","set","mode","editorId","state","floatingButtonActions","floatingButtonSelectors","useFloatingButtonSelectors"],"mappings":";AAQO,MAAMA,IAA2BC,EAAY,gBAAgB,EAAE;AAAA,EAClE,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,KAAK;AAAA,EACL,MAAM;AAAA,EACN,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AACf,CAAC,EACI,cAAc,CAACC,OAAS;AAAA,EACrB,OAAO,MAAM;AACT,IAAAA,EAAI,IAAI,EAAE,GACVA,EAAI,KAAK,EAAE,GACXA,EAAI,YAAY,SAAS,GACzBA,EAAI,OAAO,EAAK,GAChBA,EAAI,KAAK,EAAE,GACXA,EAAI,UAAU,EAAK;AAAA,EACvB;AACJ,EAAE,EACD,cAAc,CAACA,OAAS;AAAA,EACrB,MAAM,CAACC,GAA0BC,MAAqB;AAClD,IAAAF,EAAI,KAAKC,CAAI,GACbD,EAAI,UAAU,EAAK,GACnBA,EAAI,aAAaE,CAAQ;AAAA,EAC7B;AAAA,EACA,MAAM,MAAM;AACR,IAAAF,EAAI,MAAA,GACJA,EAAI,aAAa,IAAI;AAAA,EACzB;AACJ,EAAE,EACD,gBAAgB,CAACG,OAAW;AAAA,EACzB,QAAQ,CAACD,MAAqBC,EAAM,iBAAiBD;AACzD,EAAE,GAEOE,IAAwBN,EAAoB,KAC5CO,IAA0BP,EAAoB,KAE9CQ,IAA6B,MAAMR,EAAoB;"}
+{"version":3,"file":"floatingButtonStore.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createStore } from '@frontify/fondue/rte';\n\nimport { type RichTextButtonStyle } from '../../types';\n\nexport type FloatingButtonMode = '' | 'insert' | 'edit';\n\nexport const floatingButtonStore: any = createStore('floatingButton')({\n    openEditorId: null as null | string,\n    mouseDown: false,\n    updated: false,\n    url: '',\n    text: '',\n    buttonStyle: 'primary' as RichTextButtonStyle,\n    newTab: false,\n    mode: '' as FloatingButtonMode,\n    isEditing: false,\n})\n    .extendActions((set) => ({\n        reset: () => {\n            set.url('');\n            set.text('');\n            set.buttonStyle('primary');\n            set.newTab(false);\n            set.mode('');\n            set.isEditing(false);\n        },\n    }))\n    .extendActions((set) => ({\n        show: (mode: FloatingButtonMode, editorId: string) => {\n            set.mode(mode);\n            set.isEditing(false);\n            set.openEditorId(editorId);\n        },\n        hide: () => {\n            set.reset();\n            set.openEditorId(null);\n        },\n    }))\n    .extendSelectors((state) => ({\n        isOpen: (editorId: string) => state.openEditorId === editorId,\n    }));\n\nexport const floatingButtonActions = floatingButtonStore.set;\nexport const floatingButtonSelectors = floatingButtonStore.get;\n// oxlint-disable-next-line typescript/no-unsafe-return\nexport const useFloatingButtonSelectors = () => floatingButtonStore.use;\n"],"mappings":";;AAQA,IAAa,IAA2B,EAAY,gBAAgB,CAAC,CAAC;CAClE,cAAc;CACd,WAAW;CACX,SAAS;CACT,KAAK;CACL,MAAM;CACN,aAAa;CACb,QAAQ;CACR,MAAM;CACN,WAAW;AACf,CAAC,CAAC,CACG,eAAe,OAAS,EACrB,aAAa;CAMT,AALA,EAAI,IAAI,EAAE,GACV,EAAI,KAAK,EAAE,GACX,EAAI,YAAY,SAAS,GACzB,EAAI,OAAO,EAAK,GAChB,EAAI,KAAK,EAAE,GACX,EAAI,UAAU,EAAK;AACvB,EACJ,EAAE,CAAC,CACF,eAAe,OAAS;CACrB,OAAO,GAA0B,MAAqB;EAGlD,AAFA,EAAI,KAAK,CAAI,GACb,EAAI,UAAU,EAAK,GACnB,EAAI,aAAa,CAAQ;CAC7B;CACA,YAAY;EAER,AADA,EAAI,MAAM,GACV,EAAI,aAAa,IAAI;CACzB;AACJ,EAAE,CAAC,CACF,iBAAiB,OAAW,EACzB,SAAS,MAAqB,EAAM,iBAAiB,EACzD,EAAE,GAEO,IAAwB,EAAoB,KAC5C,IAA0B,EAAoB,KAE9C,UAAmC,EAAoB"}

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

@@ -1,54 +1,48 @@
-import { useEditorRef as F, useEditorVersion as y, getPluginOptions as C, getAboveNode as R, getPluginType as s, getRangeBoundingClientRect as h, getEndPoint as O, getStartPoint as b, getDefaultBoundingClientRect as N, someNode as P, useHotkeys as T, useComposedRef as k } from "@frontify/fondue/rte";
-import { useCallback as v, useEffect as S } from "react";
-import { ELEMENT_BUTTON as o } from "../../createButtonPlugin.es.js";
-import { triggerFloatingButtonEdit as A } from "../../utils/triggerFloatingButtonEdit.es.js";
-import { useVirtualFloatingButton as D } from "./useVirtualFloatingButton.es.js";
-import { getUrlFromEditor as H } from "../../utils/getUrl.es.js";
-import { useFloatingButtonSelectors as u, floatingButtonActions as n, floatingButtonSelectors as g } from "./floatingButtonStore.es.js";
-import { useFloatingButtonEnter as U } from "./useFloatingButtonEnter.es.js";
-import { useFloatingButtonEscape as V } from "./useFloatingButtonEscape.es.js";
-const I = (l) => {
-  const t = F(), m = u().mode(), c = u().isOpen(t.id), a = y(), { triggerFloatingButtonHotkeys: d } = C(t, o), f = v(() => {
-    const e = R(t, {
-      match: { type: s(t, o) }
-    });
-    if (e) {
-      const [, r] = e;
-      return h(t, {
-        anchor: b(t, r),
-        focus: O(t, r)
-      });
-    }
-    return N();
-  }, [t]), p = c && m === "edit", { update: i, style: B, floating: E } = D({
-    open: p,
-    getBoundingClientRect: f,
-    ...l
-  });
-  return S(() => {
-    const e = H(t);
-    if (e && n.url(e), t.selection && P(t, {
-      match: { type: s(t, o) }
-    })) {
-      n.show("edit", t.id), i();
-      return;
-    }
-    g.mode() === "edit" && n.reset();
-  }, [t, a, i]), T(
-    d,
-    (e) => {
-      e.preventDefault(), g.mode() === "edit" && A(t);
-    },
-    {
-      enableOnContentEditable: !0
-    },
-    []
-  ), U(), V(), {
-    style: B,
-    ref: k(E)
-  };
+import { floatingButtonActions as e, floatingButtonSelectors as t, useFloatingButtonSelectors as n } from "./floatingButtonStore.es.js";
+import { getUrlFromEditor as r } from "../../utils/getUrl.es.js";
+import { triggerFloatingButtonEdit as i } from "../../utils/triggerFloatingButtonEdit.es.js";
+import { ELEMENT_BUTTON as a } from "../../createButtonPlugin.es.js";
+import { useFloatingButtonEnter as o } from "./useFloatingButtonEnter.es.js";
+import { useFloatingButtonEscape as s } from "./useFloatingButtonEscape.es.js";
+import { useVirtualFloatingButton as c } from "./useVirtualFloatingButton.es.js";
+import { useCallback as l, useEffect as u } from "react";
+import { getAboveNode as d, getDefaultBoundingClientRect as f, getEndPoint as p, getPluginOptions as m, getPluginType as h, getRangeBoundingClientRect as g, getStartPoint as _, someNode as v, useComposedRef as y, useEditorRef as b, useEditorVersion as x, useHotkeys as S } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEdit.ts
+var C = (C) => {
+	let w = b(), T = n().mode(), E = n().isOpen(w.id), D = x(), { triggerFloatingButtonHotkeys: O } = m(w, a), k = l(() => {
+		let e = d(w, { match: { type: h(w, a) } });
+		if (e) {
+			let [, t] = e;
+			return g(w, {
+				anchor: _(w, t),
+				focus: p(w, t)
+			});
+		}
+		return f();
+	}, [w]), { update: A, style: j, floating: M } = c({
+		open: E && T === "edit",
+		getBoundingClientRect: k,
+		...C
+	});
+	return u(() => {
+		let n = r(w);
+		if (n && e.url(n), w.selection && v(w, { match: { type: h(w, "button") } })) {
+			e.show("edit", w.id), A();
+			return;
+		}
+		t.mode() === "edit" && e.reset();
+	}, [
+		w,
+		D,
+		A
+	]), S(O, (e) => {
+		e.preventDefault(), t.mode() === "edit" && i(w);
+	}, { enableOnContentEditable: !0 }, []), o(), s(), {
+		style: j,
+		ref: y(M)
+	};
 };
-export {
-  I as useFloatingButtonEdit
-};
-//# sourceMappingURL=useFloatingButtonEdit.es.js.map
+//#endregion
+export { C as useFloatingButtonEdit };
+
+//# sourceMappingURL=useFloatingButtonEdit.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFloatingButtonEdit.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEdit.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type UseVirtualFloatingOptions,\n    getAboveNode,\n    getDefaultBoundingClientRect,\n    getEndPoint,\n    getPluginOptions,\n    getPluginType,\n    getRangeBoundingClientRect,\n    getStartPoint,\n    someNode,\n    useComposedRef,\n    useEditorRef,\n    useEditorVersion,\n    useHotkeys,\n} from '@frontify/fondue/rte';\nimport { type Ref, useCallback, useEffect } from 'react';\n\nimport { type ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';\nimport { getUrlFromEditor } from '../../utils';\nimport { triggerFloatingButtonEdit } from '../../utils/triggerFloatingButtonEdit';\n\nimport {\n    floatingButtonActions,\n    floatingButtonSelectors,\n    useFloatingButtonEnter,\n    useFloatingButtonEscape,\n    useFloatingButtonSelectors,\n    useVirtualFloatingButton,\n} from '.';\n\nexport const useFloatingButtonEdit = (\n    floatingOptions: UseVirtualFloatingOptions,\n): React.HTMLAttributes<HTMLDivElement> & { ref: Ref<HTMLDivElement> } => {\n    const editor = useEditorRef();\n    const mode = useFloatingButtonSelectors().mode();\n    const open = useFloatingButtonSelectors().isOpen(editor.id);\n    const version = useEditorVersion();\n\n    const { triggerFloatingButtonHotkeys } = getPluginOptions<ButtonPlugin>(editor, ELEMENT_BUTTON);\n\n    const getBoundingClientRect = useCallback(() => {\n        const entry = getAboveNode(editor, {\n            match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n        });\n\n        if (entry) {\n            const [, path] = entry;\n            return getRangeBoundingClientRect(editor, {\n                anchor: getStartPoint(editor, path),\n                focus: getEndPoint(editor, path),\n            });\n        }\n\n        return getDefaultBoundingClientRect();\n    }, [editor]);\n\n    const isOpen = open && mode === 'edit';\n\n    const { update, style, floating } = useVirtualFloatingButton({\n        open: isOpen,\n        getBoundingClientRect,\n        ...floatingOptions,\n    });\n\n    useEffect(() => {\n        const url = getUrlFromEditor(editor);\n        if (url) {\n            floatingButtonActions.url(url);\n        }\n\n        if (\n            editor.selection &&\n            someNode(editor, {\n                match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n            })\n        ) {\n            floatingButtonActions.show('edit', editor.id);\n            update();\n            return;\n        }\n\n        if (floatingButtonSelectors.mode() === 'edit') {\n            floatingButtonActions.reset();\n        }\n    }, [editor, version, update]);\n\n    useHotkeys(\n        triggerFloatingButtonHotkeys,\n        (e) => {\n            e.preventDefault();\n\n            if (floatingButtonSelectors.mode() === 'edit') {\n                triggerFloatingButtonEdit(editor);\n            }\n        },\n        {\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n\n    useFloatingButtonEnter();\n\n    useFloatingButtonEscape();\n\n    return {\n        style,\n        ref: useComposedRef<HTMLElement | null>(floating),\n    };\n};\n"],"names":["useFloatingButtonEdit","floatingOptions","editor","useEditorRef","mode","useFloatingButtonSelectors","open","version","useEditorVersion","triggerFloatingButtonHotkeys","getPluginOptions","ELEMENT_BUTTON","getBoundingClientRect","useCallback","entry","getAboveNode","getPluginType","path","getRangeBoundingClientRect","getStartPoint","getEndPoint","getDefaultBoundingClientRect","isOpen","update","style","floating","useVirtualFloatingButton","useEffect","url","getUrlFromEditor","floatingButtonActions","someNode","floatingButtonSelectors","useHotkeys","triggerFloatingButtonEdit","useFloatingButtonEnter","useFloatingButtonEscape","useComposedRef"],"mappings":";;;;;;;;;AAgCO,MAAMA,IAAwB,CACjCC,MACsE;AACtE,QAAMC,IAASC,EAAA,GACTC,IAAOC,EAAA,EAA6B,KAAA,GACpCC,IAAOD,EAAA,EAA6B,OAAOH,EAAO,EAAE,GACpDK,IAAUC,EAAA,GAEV,EAAE,8BAAAC,EAAA,IAAiCC,EAA+BR,GAAQS,CAAc,GAExFC,IAAwBC,EAAY,MAAM;AAC5C,UAAMC,IAAQC,EAAab,GAAQ;AAAA,MAC/B,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAc,EAAA;AAAA,IAAE,CACxD;AAED,QAAIG,GAAO;AACP,YAAM,CAAA,EAAGG,CAAI,IAAIH;AACjB,aAAOI,EAA2BhB,GAAQ;AAAA,QACtC,QAAQiB,EAAcjB,GAAQe,CAAI;AAAA,QAClC,OAAOG,EAAYlB,GAAQe,CAAI;AAAA,MAAA,CAClC;AAAA,IACL;AAEA,WAAOI,EAAA;AAAA,EACX,GAAG,CAACnB,CAAM,CAAC,GAELoB,IAAShB,KAAQF,MAAS,QAE1B,EAAE,QAAAmB,GAAQ,OAAAC,GAAO,UAAAC,EAAA,IAAaC,EAAyB;AAAA,IACzD,MAAMJ;AAAA,IACN,uBAAAV;AAAA,IACA,GAAGX;AAAA,EAAA,CACN;AAED,SAAA0B,EAAU,MAAM;AACZ,UAAMC,IAAMC,EAAiB3B,CAAM;AAKnC,QAJI0B,KACAE,EAAsB,IAAIF,CAAG,GAI7B1B,EAAO,aACP6B,EAAS7B,GAAQ;AAAA,MACb,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAc,EAAA;AAAA,IAAE,CACxD,GACH;AACE,MAAAmB,EAAsB,KAAK,QAAQ5B,EAAO,EAAE,GAC5CqB,EAAA;AACA;AAAA,IACJ;AAEA,IAAIS,EAAwB,KAAA,MAAW,UACnCF,EAAsB,MAAA;AAAA,EAE9B,GAAG,CAAC5B,GAAQK,GAASgB,CAAM,CAAC,GAE5BU;AAAA,IACIxB;AAAA,IACA,CAAC,MAAM;AACH,QAAE,eAAA,GAEEuB,EAAwB,KAAA,MAAW,UACnCE,EAA0BhC,CAAM;AAAA,IAExC;AAAA,IACA;AAAA,MACI,yBAAyB;AAAA,IAAA;AAAA,IAE7B,CAAA;AAAA,EAAC,GAGLiC,EAAA,GAEAC,EAAA,GAEO;AAAA,IACH,OAAAZ;AAAA,IACA,KAAKa,EAAmCZ,CAAQ;AAAA,EAAA;AAExD;"}
+{"version":3,"file":"useFloatingButtonEdit.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEdit.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type UseVirtualFloatingOptions,\n    getAboveNode,\n    getDefaultBoundingClientRect,\n    getEndPoint,\n    getPluginOptions,\n    getPluginType,\n    getRangeBoundingClientRect,\n    getStartPoint,\n    someNode,\n    useComposedRef,\n    useEditorRef,\n    useEditorVersion,\n    useHotkeys,\n} from '@frontify/fondue/rte';\nimport { type Ref, useCallback, useEffect } from 'react';\n\nimport { type ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';\nimport { getUrlFromEditor } from '../../utils';\nimport { triggerFloatingButtonEdit } from '../../utils/triggerFloatingButtonEdit';\n\nimport {\n    floatingButtonActions,\n    floatingButtonSelectors,\n    useFloatingButtonEnter,\n    useFloatingButtonEscape,\n    useFloatingButtonSelectors,\n    useVirtualFloatingButton,\n} from '.';\n\nexport const useFloatingButtonEdit = (\n    floatingOptions: UseVirtualFloatingOptions,\n): React.HTMLAttributes<HTMLDivElement> & { ref: Ref<HTMLDivElement> } => {\n    const editor = useEditorRef();\n    const mode = useFloatingButtonSelectors().mode();\n    const open = useFloatingButtonSelectors().isOpen(editor.id);\n    const version = useEditorVersion();\n\n    const { triggerFloatingButtonHotkeys } = getPluginOptions<ButtonPlugin>(editor, ELEMENT_BUTTON);\n\n    const getBoundingClientRect = useCallback(() => {\n        const entry = getAboveNode(editor, {\n            match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n        });\n\n        if (entry) {\n            const [, path] = entry;\n            return getRangeBoundingClientRect(editor, {\n                anchor: getStartPoint(editor, path),\n                focus: getEndPoint(editor, path),\n            });\n        }\n\n        return getDefaultBoundingClientRect();\n    }, [editor]);\n\n    const isOpen = open && mode === 'edit';\n\n    const { update, style, floating } = useVirtualFloatingButton({\n        open: isOpen,\n        getBoundingClientRect,\n        ...floatingOptions,\n    });\n\n    useEffect(() => {\n        const url = getUrlFromEditor(editor);\n        if (url) {\n            floatingButtonActions.url(url);\n        }\n\n        if (\n            editor.selection &&\n            someNode(editor, {\n                match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n            })\n        ) {\n            floatingButtonActions.show('edit', editor.id);\n            update();\n            return;\n        }\n\n        if (floatingButtonSelectors.mode() === 'edit') {\n            floatingButtonActions.reset();\n        }\n    }, [editor, version, update]);\n\n    useHotkeys(\n        triggerFloatingButtonHotkeys,\n        (e) => {\n            e.preventDefault();\n\n            if (floatingButtonSelectors.mode() === 'edit') {\n                triggerFloatingButtonEdit(editor);\n            }\n        },\n        {\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n\n    useFloatingButtonEnter();\n\n    useFloatingButtonEscape();\n\n    return {\n        style,\n        ref: useComposedRef<HTMLElement | null>(floating),\n    };\n};\n"],"mappings":";;;;;;;;;;AAgCA,IAAa,KACT,MACsE;CACtE,IAAM,IAAS,EAAa,GACtB,IAAO,EAA2B,CAAC,CAAC,KAAK,GACzC,IAAO,EAA2B,CAAC,CAAC,OAAO,EAAO,EAAE,GACpD,IAAU,EAAiB,GAE3B,EAAE,oCAAiC,EAA+B,GAAQ,CAAc,GAExF,IAAwB,QAAkB;EAC5C,IAAM,IAAQ,EAAa,GAAQ,EAC/B,OAAO,EAAE,MAAM,EAAc,GAAQ,CAAc,EAAE,EACzD,CAAC;EAED,IAAI,GAAO;GACP,IAAM,GAAG,KAAQ;GACjB,OAAO,EAA2B,GAAQ;IACtC,QAAQ,EAAc,GAAQ,CAAI;IAClC,OAAO,EAAY,GAAQ,CAAI;GACnC,CAAC;EACL;EAEA,OAAO,EAA6B;CACxC,GAAG,CAAC,CAAM,CAAC,GAIL,EAAE,WAAQ,UAAO,gBAAa,EAAyB;EACzD,MAHW,KAAQ,MAAS;EAI5B;EACA,GAAG;CACP,CAAC;CA2CD,OAzCA,QAAgB;EACZ,IAAM,IAAM,EAAiB,CAAM;EAKnC,IAJI,KACA,EAAsB,IAAI,CAAG,GAI7B,EAAO,aACP,EAAS,GAAQ,EACb,OAAO,EAAE,MAAM,EAAc,GAAA,QAAsB,EAAE,EACzD,CAAC,GACH;GAEE,AADA,EAAsB,KAAK,QAAQ,EAAO,EAAE,GAC5C,EAAO;GACP;EACJ;EAEA,AAAI,EAAwB,KAAK,MAAM,UACnC,EAAsB,MAAM;CAEpC,GAAG;EAAC;EAAQ;EAAS;CAAM,CAAC,GAE5B,EACI,IACC,MAAM;EAGH,AAFA,EAAE,eAAe,GAEb,EAAwB,KAAK,MAAM,UACnC,EAA0B,CAAM;CAExC,GACA,EACI,yBAAyB,GAC7B,GACA,CAAC,CACL,GAEA,EAAuB,GAEvB,EAAwB,GAEjB;EACH;EACA,KAAK,EAAmC,CAAQ;CACpD;AACJ"}

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

@@ -1,19 +1,13 @@
-import { useEditorRef as e, useHotkeys as n } from "@frontify/fondue/rte";
-import { submitFloatingButton as r } from "../../transforms/submitFloatingButton.es.js";
-const u = () => {
-  const o = e();
-  n(
-    "*",
-    (t) => {
-      t.key === "Enter" && r(o) && t.preventDefault();
-    },
-    {
-      enableOnFormTags: ["INPUT"]
-    },
-    []
-  );
+import { submitFloatingButton as e } from "../../transforms/submitFloatingButton.es.js";
+import { useEditorRef as t, useHotkeys as n } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEnter.ts
+var r = () => {
+	let r = t();
+	n("*", (t) => {
+		t.key === "Enter" && e(r) && t.preventDefault();
+	}, { enableOnFormTags: ["INPUT"] }, []);
 };
-export {
-  u as useFloatingButtonEnter
-};
-//# sourceMappingURL=useFloatingButtonEnter.es.js.map
+//#endregion
+export { r as useFloatingButtonEnter };
+
+//# sourceMappingURL=useFloatingButtonEnter.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFloatingButtonEnter.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEnter.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useEditorRef, useHotkeys } from '@frontify/fondue/rte';\n\nimport { submitFloatingButton } from '../../transforms/submitFloatingButton';\n\nexport const useFloatingButtonEnter = () => {\n    const editor = useEditorRef();\n\n    useHotkeys(\n        '*',\n        (e) => {\n            if (e.key === 'Enter' && submitFloatingButton(editor)) {\n                e.preventDefault();\n            }\n        },\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n};\n"],"names":["useFloatingButtonEnter","editor","useEditorRef","useHotkeys","e","submitFloatingButton"],"mappings":";;AAMO,MAAMA,IAAyB,MAAM;AACxC,QAAMC,IAASC,EAAA;AAEf,EAAAC;AAAA,IACI;AAAA,IACA,CAACC,MAAM;AACH,MAAIA,EAAE,QAAQ,WAAWC,EAAqBJ,CAAM,KAChDG,EAAE,eAAA;AAAA,IAEV;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,IAAA;AAAA,IAE9B,CAAA;AAAA,EAAC;AAET;"}
+{"version":3,"file":"useFloatingButtonEnter.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEnter.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useEditorRef, useHotkeys } from '@frontify/fondue/rte';\n\nimport { submitFloatingButton } from '../../transforms/submitFloatingButton';\n\nexport const useFloatingButtonEnter = () => {\n    const editor = useEditorRef();\n\n    useHotkeys(\n        '*',\n        (e) => {\n            if (e.key === 'Enter' && submitFloatingButton(editor)) {\n                e.preventDefault();\n            }\n        },\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n};\n"],"mappings":";;;AAMA,IAAa,UAA+B;CACxC,IAAM,IAAS,EAAa;CAE5B,EACI,MACC,MAAM;EACH,AAAI,EAAE,QAAQ,WAAW,EAAqB,CAAM,KAChD,EAAE,eAAe;CAEzB,GACA,EACI,kBAAkB,CAAC,OAAO,EAC9B,GACA,CAAC,CACL;AACJ"}

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

@@ -1,26 +1,22 @@
-import { useEditorRef as i, useHotkeys as n, focusEditor as r } from "@frontify/fondue/rte";
-import { floatingButtonSelectors as e, floatingButtonActions as o } from "./floatingButtonStore.es.js";
-const u = () => {
-  const t = i();
-  n(
-    "escape",
-    () => {
-      if (e.mode() === "edit") {
-        if (e.isEditing()) {
-          o.show("edit", t.id), r(t, t.selection ?? void 0);
-          return;
-        }
-        o.reset();
-      }
-    },
-    {
-      enableOnFormTags: ["INPUT"],
-      enableOnContentEditable: !0
-    },
-    []
-  );
+import { floatingButtonActions as e, floatingButtonSelectors as t } from "./floatingButtonStore.es.js";
+import { focusEditor as n, useEditorRef as r, useHotkeys as i } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEscape.ts
+var a = () => {
+	let a = r();
+	i("escape", () => {
+		if (t.mode() === "edit") {
+			if (t.isEditing()) {
+				e.show("edit", a.id), n(a, a.selection ?? void 0);
+				return;
+			}
+			e.reset();
+		}
+	}, {
+		enableOnFormTags: ["INPUT"],
+		enableOnContentEditable: !0
+	}, []);
 };
-export {
-  u as useFloatingButtonEscape
-};
-//# sourceMappingURL=useFloatingButtonEscape.es.js.map
+//#endregion
+export { a as useFloatingButtonEscape };
+
+//# sourceMappingURL=useFloatingButtonEscape.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFloatingButtonEscape.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEscape.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { focusEditor, useEditorRef, useHotkeys } from '@frontify/fondue/rte';\n\nimport { floatingButtonActions, floatingButtonSelectors } from './floatingButtonStore';\n\nexport const useFloatingButtonEscape = () => {\n    const editor = useEditorRef();\n\n    useHotkeys(\n        'escape',\n        () => {\n            if (floatingButtonSelectors.mode() !== 'edit') {\n                return;\n            }\n\n            if (floatingButtonSelectors.isEditing()) {\n                floatingButtonActions.show('edit', editor.id);\n                focusEditor(editor, editor.selection ?? undefined);\n                return;\n            }\n\n            floatingButtonActions.reset();\n        },\n        {\n            enableOnFormTags: ['INPUT'],\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n};\n"],"names":["useFloatingButtonEscape","editor","useEditorRef","useHotkeys","floatingButtonSelectors","floatingButtonActions","focusEditor"],"mappings":";;AAMO,MAAMA,IAA0B,MAAM;AACzC,QAAMC,IAASC,EAAA;AAEf,EAAAC;AAAA,IACI;AAAA,IACA,MAAM;AACF,UAAIC,EAAwB,KAAA,MAAW,QAIvC;AAAA,YAAIA,EAAwB,aAAa;AACrC,UAAAC,EAAsB,KAAK,QAAQJ,EAAO,EAAE,GAC5CK,EAAYL,GAAQA,EAAO,aAAa,MAAS;AACjD;AAAA,QACJ;AAEA,QAAAI,EAAsB,MAAA;AAAA;AAAA,IAC1B;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,MAC1B,yBAAyB;AAAA,IAAA;AAAA,IAE7B,CAAA;AAAA,EAAC;AAET;"}
+{"version":3,"file":"useFloatingButtonEscape.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEscape.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { focusEditor, useEditorRef, useHotkeys } from '@frontify/fondue/rte';\n\nimport { floatingButtonActions, floatingButtonSelectors } from './floatingButtonStore';\n\nexport const useFloatingButtonEscape = () => {\n    const editor = useEditorRef();\n\n    useHotkeys(\n        'escape',\n        () => {\n            if (floatingButtonSelectors.mode() !== 'edit') {\n                return;\n            }\n\n            if (floatingButtonSelectors.isEditing()) {\n                floatingButtonActions.show('edit', editor.id);\n                focusEditor(editor, editor.selection ?? undefined);\n                return;\n            }\n\n            floatingButtonActions.reset();\n        },\n        {\n            enableOnFormTags: ['INPUT'],\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n};\n"],"mappings":";;;AAMA,IAAa,UAAgC;CACzC,IAAM,IAAS,EAAa;CAE5B,EACI,gBACM;EACE,MAAwB,KAAK,MAAM,QAIvC;OAAI,EAAwB,UAAU,GAAG;IAErC,AADA,EAAsB,KAAK,QAAQ,EAAO,EAAE,GAC5C,EAAY,GAAQ,EAAO,aAAa,KAAA,CAAS;IACjD;GACJ;GAEA,EAAsB,MAAM;EAF5B;CAGJ,GACA;EACI,kBAAkB,CAAC,OAAO;EAC1B,yBAAyB;CAC7B,GACA,CAAC,CACL;AACJ"}