@frontify/guideline-blocks-settings 0.38.0 → 1.0.0

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.es.js

@@ -1,79 +1,79 @@
-import { CheckboxState as o, useEditorRef as h, floatingLinkSelectors as a, getPluginOptions as m, ELEMENT_LINK as b, useHotkeys as E, floatingLinkActions as s, submitFloatingLink as k } from "@frontify/fondue";
-import { useEffect as U, useReducer as x } from "react";
-import { getLegacyUrl as w, getUrl as I } from "../../utils/getUrl.es.js";
-import { isValidUrlOrEmpty as T } from "../../../../../Link/utils/url.es.js";
-import { addHttps as L } from "../../../../../../helpers/addHttps.es.js";
-const N = {
+import { useEditorRef as y, floatingLinkSelectors as o, getPluginOptions as m, ELEMENT_LINK as E, useHotkeys as b, floatingLinkActions as a, submitFloatingLink as w } from "@frontify/fondue";
+import { useEffect as x, useReducer as I } from "react";
+import { getLegacyUrl as L, getUrl as N } from "../../utils/getUrl.es.js";
+import { isValidUrlOrEmpty as p } from "../../../../../Link/utils/url.es.js";
+import { addHttps as U } from "../../../../../../helpers/addHttps.es.js";
+const A = {
   url: "",
   text: "",
-  newTab: o.Unchecked
-}, A = () => {
-  const [r, n] = x((t, c) => {
-    const { type: l, payload: i } = c;
+  newTab: !1
+}, h = () => {
+  const [n, r] = I((e, s) => {
+    const { type: l, payload: c } = s;
     switch (l) {
       case "NEW_TAB":
         return {
-          ...t,
-          newTab: o.Checked
+          ...e,
+          newTab: !0
         };
       case "SAME_TAB":
         return {
-          ...t,
-          newTab: o.Unchecked
+          ...e,
+          newTab: !1
         };
       case "URL":
       case "TEXT":
       case "INIT":
         return {
-          ...t,
-          ...i
+          ...e,
+          ...c
         };
       default:
-        return t;
+        return e;
     }
-  }, N);
-  return [r, n];
+  }, A);
+  return [n, r];
 }, R = () => {
-  const r = h(), [n, t] = A();
-  U(() => {
-    const e = w(r), f = I(r), y = a.newTab();
-    t({
+  const n = y(), [r, e] = h();
+  x(() => {
+    const t = L(n), f = N(n), g = o.newTab();
+    e({
       type: "INIT",
       payload: {
-        text: a.text() || a.url(),
-        newTab: y ? o.Checked : o.Unchecked,
-        url: e && f === "" ? e : a.url()
+        text: o.text() || o.url(),
+        newTab: g,
+        url: t && f === "" ? t : o.url()
       }
     });
-  }, [t, r]);
-  const c = (e) => {
-    t({
+  }, [e, n]);
+  const s = (t) => {
+    e({
       type: "TEXT",
-      payload: { text: e }
+      payload: { text: t }
     });
-  }, l = (e) => {
-    t({
+  }, l = (t) => {
+    e({
       type: "URL",
-      payload: { url: e }
+      payload: { url: t }
     });
-  }, i = (e) => {
-    t(e ? { type: "NEW_TAB" } : { type: "SAME_TAB" });
-  }, d = () => {
-    s.reset();
-  }, u = (e) => {
-    !T(n.url) || !p || (s.text(n.text), s.url(L(n.url)), s.newTab(n.newTab === o.Checked), k(r) && (e == null || e.preventDefault()));
-  }, p = n.url !== "" && n.text !== "", { appBridge: g } = m(r, b);
-  return E(
+  }, c = (t) => {
+    e(t ? { type: "NEW_TAB" } : { type: "SAME_TAB" });
+  }, T = () => {
+    a.reset();
+  }, i = (t) => {
+    !p(r.url) || !u || (a.text(r.text), a.url(U(r.url)), a.newTab(r.newTab), w(n) && (t == null || t.preventDefault()));
+  }, u = r.url !== "" && r.text !== "", { appBridge: d } = m(n, E);
+  return b(
     "enter",
-    u,
+    i,
     {
       enableOnFormTags: ["INPUT"]
     },
     []
-  ), { state: n, onTextChange: c, onUrlChange: l, onToggleTab: i, onCancel: d, onSave: u, hasValues: p, isValidUrlOrEmpty: T, appBridge: g };
+  ), { state: r, onTextChange: s, onUrlChange: l, onToggleTab: c, onCancel: T, onSave: i, hasValues: u, isValidUrlOrEmpty: p, appBridge: d };
 };
 export {
-  A as InsertModalState,
+  h as InsertModalState,
   R as useInsertModal
 };
 //# sourceMappingURL=useInsertModal.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    CheckboxState,\n    ELEMENT_LINK,\n    floatingLinkActions,\n    floatingLinkSelectors,\n    getPluginOptions,\n    submitFloatingLink,\n    useEditorRef,\n    useHotkeys,\n} from '@frontify/fondue';\nimport { type Dispatch, type MouseEvent, type Reducer, useEffect, useReducer } from 'react';\n\nimport { addHttps } from '../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../../../../Link';\nimport { getLegacyUrl, getUrl } from '../../utils';\n\nimport { type InsertModalDispatchType, type InsertModalStateProps } from './types';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\n    newTab: CheckboxState.Unchecked,\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: CheckboxState.Checked,\n                };\n            case 'SAME_TAB':\n                return {\n                    ...state,\n                    newTab: CheckboxState.Unchecked,\n                };\n            case 'URL':\n            case 'TEXT':\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 legacyUrl = getLegacyUrl(editor);\n        const url = getUrl(editor);\n        const isNewTab = floatingLinkSelectors.newTab();\n        dispatch({\n            type: 'INIT',\n            payload: {\n                text: floatingLinkSelectors.text() || floatingLinkSelectors.url(),\n                newTab: isNewTab ? CheckboxState.Checked : CheckboxState.Unchecked,\n                url: legacyUrl && url === '' ? legacyUrl : floatingLinkSelectors.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 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        floatingLinkActions.reset();\n    };\n\n    const onSave = (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | KeyboardEvent | undefined) => {\n        if (!isValidUrlOrEmpty(state.url) || !hasValues) {\n            return;\n        }\n\n        floatingLinkActions.text(state.text);\n        floatingLinkActions.url(addHttps(state.url));\n        floatingLinkActions.newTab(state.newTab === CheckboxState.Checked);\n\n        if (submitFloatingLink(editor)) {\n            event?.preventDefault();\n        }\n    };\n\n    const hasValues = state.url !== '' && state.text !== '';\n\n    const { appBridge } = getPluginOptions<{ appBridge: AppBridgeBlock }>(editor, ELEMENT_LINK);\n\n    useHotkeys(\n        'enter',\n        onSave,\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n\n    return { state, onTextChange, onUrlChange, onToggleTab, onCancel, onSave, hasValues, isValidUrlOrEmpty, appBridge };\n};\n"],"names":["initialState","CheckboxState","InsertModalState","state","dispatch","useReducer","action","type","payload","useInsertModal","editor","useEditorRef","useEffect","legacyUrl","getLegacyUrl","url","getUrl","isNewTab","floatingLinkSelectors","onTextChange","value","onUrlChange","onToggleTab","checked","onCancel","floatingLinkActions","onSave","event","isValidUrlOrEmpty","hasValues","addHttps","submitFloatingLink","appBridge","getPluginOptions","ELEMENT_LINK","useHotkeys"],"mappings":";;;;;AAqBA,MAAMA,IAAsC;AAAA,EACxC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQC,EAAc;AAC1B,GAEaC,IAAmB,MAAkE;AAC9F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAoE,CAACF,GAAOG,MAAW;AACvG,UAAA,EAAE,MAAAC,GAAM,SAAAC,EAAY,IAAAF;AAE1B,YAAQC,GAAM;AAAA,MACV,KAAK;AACM,eAAA;AAAA,UACH,GAAGJ;AAAAA,UACH,QAAQF,EAAc;AAAA,QAAA;AAAA,MAE9B,KAAK;AACM,eAAA;AAAA,UACH,GAAGE;AAAAA,UACH,QAAQF,EAAc;AAAA,QAAA;AAAA,MAE9B,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACM,eAAA;AAAA,UACH,GAAGE;AAAAA,UACH,GAAGK;AAAA,QAAA;AAAA,MAEX;AACWL,eAAAA;AAAAA,IACf;AAAA,KACDH,CAAY;AAER,SAAA,CAACG,GAAOC,CAAQ;AAC3B,GAEaK,IAAiB,MAAM;AAChC,QAAMC,IAASC,KACT,CAACR,GAAOC,CAAQ,IAAIF,EAAiB;AAE3C,EAAAU,EAAU,MAAM;AACN,UAAAC,IAAYC,EAAaJ,CAAM,GAC/BK,IAAMC,EAAON,CAAM,GACnBO,IAAWC,EAAsB;AAC9B,IAAAd,EAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,QACL,MAAMc,EAAsB,UAAUA,EAAsB,IAAI;AAAA,QAChE,QAAQD,IAAWhB,EAAc,UAAUA,EAAc;AAAA,QACzD,KAAKY,KAAaE,MAAQ,KAAKF,IAAYK,EAAsB,IAAI;AAAA,MACzE;AAAA,IAAA,CACH;AAAA,EAAA,GACF,CAACd,GAAUM,CAAM,CAAC;AAEf,QAAAS,IAAe,CAACC,MAAkB;AAC3B,IAAAhB,EAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,MAAMgB,EAAM;AAAA,IAAA,CAC1B;AAAA,EAAA,GAGCC,IAAc,CAACD,MAAkB;AAC1B,IAAAhB,EAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,KAAKgB,EAAM;AAAA,IAAA,CACzB;AAAA,EAAA,GAGCE,IAAc,CAACC,MAAqB;AAC5B,IAAAnB,EAAAmB,IAAS,EAAE,MAAM,UAAU,IAAc,EAAE,MAAM,WAAA,CAArB;AAAA,EAAiC,GAGrEC,IAAW,MAAM;AACnB,IAAAC,EAAoB,MAAM;AAAA,EAAA,GAGxBC,IAAS,CAACC,MAA4F;AACxG,IAAI,CAACC,EAAkBzB,EAAM,GAAG,KAAK,CAAC0B,MAIlBJ,EAAA,KAAKtB,EAAM,IAAI,GACnCsB,EAAoB,IAAIK,EAAS3B,EAAM,GAAG,CAAC,GAC3CsB,EAAoB,OAAOtB,EAAM,WAAWF,EAAc,OAAO,GAE7D8B,EAAmBrB,CAAM,MACzBiB,KAAA,QAAAA,EAAO;AAAA,EACX,GAGEE,IAAY1B,EAAM,QAAQ,MAAMA,EAAM,SAAS,IAE/C,EAAE,WAAA6B,EAAc,IAAAC,EAAgDvB,GAAQwB,CAAY;AAE1F,SAAAC;AAAA,IACI;AAAA,IACAT;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,IAC9B;AAAA,IACA,CAAC;AAAA,EAAA,GAGE,EAAE,OAAAvB,GAAO,cAAAgB,GAAc,aAAAE,GAAa,aAAAC,GAAa,UAAAE,GAAU,QAAAE,GAAQ,WAAAG,GAAW,mBAAAD,GAAmB,WAAAI;AAC5G;"}
+{"version":3,"file":"useInsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    ELEMENT_LINK,\n    floatingLinkActions,\n    floatingLinkSelectors,\n    getPluginOptions,\n    submitFloatingLink,\n    useEditorRef,\n    useHotkeys,\n} from '@frontify/fondue';\nimport { type Dispatch, type MouseEvent, type Reducer, useEffect, useReducer } from 'react';\n\nimport { addHttps } from '../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../../../../Link';\nimport { getLegacyUrl, getUrl } from '../../utils';\n\nimport { type InsertModalDispatchType, type InsertModalStateProps } from './types';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\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 '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 legacyUrl = getLegacyUrl(editor);\n        const url = getUrl(editor);\n        const isNewTab = floatingLinkSelectors.newTab();\n        dispatch({\n            type: 'INIT',\n            payload: {\n                text: floatingLinkSelectors.text() || floatingLinkSelectors.url(),\n                newTab: isNewTab,\n                url: legacyUrl && url === '' ? legacyUrl : floatingLinkSelectors.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 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        floatingLinkActions.reset();\n    };\n\n    const onSave = (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | KeyboardEvent | undefined) => {\n        if (!isValidUrlOrEmpty(state.url) || !hasValues) {\n            return;\n        }\n\n        floatingLinkActions.text(state.text);\n        floatingLinkActions.url(addHttps(state.url));\n        floatingLinkActions.newTab(state.newTab);\n\n        if (submitFloatingLink(editor)) {\n            event?.preventDefault();\n        }\n    };\n\n    const hasValues = state.url !== '' && state.text !== '';\n\n    const { appBridge } = getPluginOptions<{ appBridge: AppBridgeBlock }>(editor, ELEMENT_LINK);\n\n    useHotkeys(\n        'enter',\n        onSave,\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n\n    return { state, onTextChange, onUrlChange, onToggleTab, onCancel, onSave, hasValues, isValidUrlOrEmpty, appBridge };\n};\n"],"names":["initialState","InsertModalState","state","dispatch","useReducer","action","type","payload","useInsertModal","editor","useEditorRef","useEffect","legacyUrl","getLegacyUrl","url","getUrl","isNewTab","floatingLinkSelectors","onTextChange","value","onUrlChange","onToggleTab","checked","onCancel","floatingLinkActions","onSave","event","isValidUrlOrEmpty","hasValues","addHttps","submitFloatingLink","appBridge","getPluginOptions","ELEMENT_LINK","useHotkeys"],"mappings":";;;;;AAoBA,MAAMA,IAAsC;AAAA,EACxC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AACZ,GAEaC,IAAmB,MAAkE;AAC9F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAoE,CAACF,GAAOG,MAAW;AACvG,UAAA,EAAE,MAAAC,GAAM,SAAAC,EAAY,IAAAF;AAE1B,YAAQC,GAAM;AAAA,MACV,KAAK;AACM,eAAA;AAAA,UACH,GAAGJ;AAAAA,UACH,QAAQ;AAAA,QAAA;AAAA,MAEhB,KAAK;AACM,eAAA;AAAA,UACH,GAAGA;AAAAA,UACH,QAAQ;AAAA,QAAA;AAAA,MAEhB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACM,eAAA;AAAA,UACH,GAAGA;AAAAA,UACH,GAAGK;AAAA,QAAA;AAAA,MAEX;AACWL,eAAAA;AAAAA,IACf;AAAA,KACDF,CAAY;AAER,SAAA,CAACE,GAAOC,CAAQ;AAC3B,GAEaK,IAAiB,MAAM;AAChC,QAAMC,IAASC,KACT,CAACR,GAAOC,CAAQ,IAAIF,EAAiB;AAE3C,EAAAU,EAAU,MAAM;AACN,UAAAC,IAAYC,EAAaJ,CAAM,GAC/BK,IAAMC,EAAON,CAAM,GACnBO,IAAWC,EAAsB;AAC9B,IAAAd,EAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,QACL,MAAMc,EAAsB,UAAUA,EAAsB,IAAI;AAAA,QAChE,QAAQD;AAAA,QACR,KAAKJ,KAAaE,MAAQ,KAAKF,IAAYK,EAAsB,IAAI;AAAA,MACzE;AAAA,IAAA,CACH;AAAA,EAAA,GACF,CAACd,GAAUM,CAAM,CAAC;AAEf,QAAAS,IAAe,CAACC,MAAkB;AAC3B,IAAAhB,EAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,MAAMgB,EAAM;AAAA,IAAA,CAC1B;AAAA,EAAA,GAGCC,IAAc,CAACD,MAAkB;AAC1B,IAAAhB,EAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,KAAKgB,EAAM;AAAA,IAAA,CACzB;AAAA,EAAA,GAGCE,IAAc,CAACC,MAAqB;AAC5B,IAAAnB,EAAAmB,IAAS,EAAE,MAAM,UAAU,IAAc,EAAE,MAAM,WAAA,CAArB;AAAA,EAAiC,GAGrEC,IAAW,MAAM;AACnB,IAAAC,EAAoB,MAAM;AAAA,EAAA,GAGxBC,IAAS,CAACC,MAA4F;AACxG,IAAI,CAACC,EAAkBzB,EAAM,GAAG,KAAK,CAAC0B,MAIlBJ,EAAA,KAAKtB,EAAM,IAAI,GACnCsB,EAAoB,IAAIK,EAAS3B,EAAM,GAAG,CAAC,GACvBsB,EAAA,OAAOtB,EAAM,MAAM,GAEnC4B,EAAmBrB,CAAM,MACzBiB,KAAA,QAAAA,EAAO;AAAA,EACX,GAGEE,IAAY1B,EAAM,QAAQ,MAAMA,EAAM,SAAS,IAE/C,EAAE,WAAA6B,EAAc,IAAAC,EAAgDvB,GAAQwB,CAAY;AAE1F,SAAAC;AAAA,IACI;AAAA,IACAT;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,IAC9B;AAAA,IACA,CAAC;AAAA,EAAA,GAGE,EAAE,OAAAvB,GAAO,cAAAgB,GAAc,aAAAE,GAAa,aAAAC,GAAa,UAAAE,GAAU,QAAAE,GAAQ,WAAAG,GAAW,mBAAAD,GAAmB,WAAAI;AAC5G;"}