@frontify/guideline-blocks-settings 0.34.2 → 0.34.3

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

@@ -1,48 +1,41 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { useEditorRef as n, IconPen16 as r, focusEditor as i, IconTrashBin16 as a } from "@frontify/fondue";
-import { floatingButtonSelectors as s } from "../floatingButtonStore.es.js";
-import { triggerFloatingButtonEdit as d } from "../../../utils/triggerFloatingButtonEdit.es.js";
-import { unwrapButton as w } from "../../../transforms/unwrapButton.es.js";
-const b = () => {
-  const e = n();
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-test-id": "floating-button-edit",
-      className: "tw-bg-white tw-text-text tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]",
-      children: /* @__PURE__ */ o("span", { "data-test-id": "preview-button-flyout", className: "tw-flex tw-justify-between tw-items-center", children: [
-        /* @__PURE__ */ t("span", { className: "tw-pointer-events-none", children: s.url() }),
-        /* @__PURE__ */ o("span", { className: "tw-flex tw-gap-2", children: [
-          /* @__PURE__ */ t(
-            "button",
-            {
-              onClick: () => {
-                d(e);
-              },
-              tabIndex: 0,
-              "data-test-id": "edit-button-button",
-              className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
-              children: /* @__PURE__ */ t(r, {})
-            }
-          ),
-          /* @__PURE__ */ t(
-            "button",
-            {
-              onClick: () => {
-                w(e), i(e, e.selection ?? void 0);
-              },
-              tabIndex: 0,
-              "data-test-id": "remove-button-button",
-              className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
-              children: /* @__PURE__ */ t(a, {})
-            }
-          )
-        ] })
-      ] })
-    }
-  );
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { useEditorRef as n, FloatingModalWrapper as r, IconPen16 as i, focusEditor as a, IconTrashBin16 as s } from "@frontify/fondue";
+import { floatingButtonSelectors as d } from "../floatingButtonStore.es.js";
+import { triggerFloatingButtonEdit as l } from "../../../utils/triggerFloatingButtonEdit.es.js";
+import { unwrapButton as c } from "../../../transforms/unwrapButton.es.js";
+const f = () => {
+  const o = n();
+  return /* @__PURE__ */ t(r, { padding: "16px", minWidth: "400px", "data-test-id": "floating-button-edit", children: /* @__PURE__ */ e("span", { "data-test-id": "preview-button-flyout", className: "tw-flex tw-justify-between tw-items-center", children: [
+    /* @__PURE__ */ t("span", { className: "tw-pointer-events-none", children: d.url() }),
+    /* @__PURE__ */ e("span", { className: "tw-flex tw-gap-2", children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: () => {
+            l(o);
+          },
+          tabIndex: 0,
+          "data-test-id": "edit-button-button",
+          className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
+          children: /* @__PURE__ */ t(i, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: () => {
+            c(o), a(o, o.selection ?? void 0);
+          },
+          tabIndex: 0,
+          "data-test-id": "remove-button-button",
+          className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
+          children: /* @__PURE__ */ t(s, {})
+        }
+      )
+    ] })
+  ] }) });
 };
 export {
-  b as EditModal
+  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 { IconPen16, IconTrashBin16, focusEditor, useEditorRef } from '@frontify/fondue';\n\nimport { floatingButtonSelectors } from '../floatingButtonStore';\nimport { unwrapButton } from '../../../transforms';\nimport { triggerFloatingButtonEdit } from '../../../utils';\n\nexport const EditModal = () => {\n    const editor = useEditorRef();\n    return (\n        <div\n            data-test-id=\"floating-button-edit\"\n            className=\"tw-bg-white tw-text-text tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]\"\n        >\n            <span data-test-id=\"preview-button-flyout\" className=\"tw-flex tw-justify-between tw-items-center\">\n                <span className=\"tw-pointer-events-none\">{floatingButtonSelectors.url()}</span>\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 hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconPen16 />\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 hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconTrashBin16 />\n                    </button>\n                </span>\n            </span>\n        </div>\n    );\n};\n"],"names":["EditModal","editor","useEditorRef","jsx","jsxs","floatingButtonSelectors","triggerFloatingButtonEdit","IconPen16","unwrapButton","focusEditor","IconTrashBin16"],"mappings":";;;;;AAQO,MAAMA,IAAY,MAAM;AAC3B,QAAMC,IAASC;AAEX,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAa;AAAA,MACb,WAAU;AAAA,MAEV,UAAC,gBAAAC,EAAA,QAAA,EAAK,gBAAa,yBAAwB,WAAU,8CACjD,UAAA;AAAA,QAAA,gBAAAD,EAAC,QAAK,EAAA,WAAU,0BAA0B,UAAAE,EAAwB,OAAM;AAAA,QACxE,gBAAAD,EAAC,QAAK,EAAA,WAAU,oBACZ,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SAAS,MAAM;AACX,gBAAAG,EAA0BL,CAAM;AAAA,cACpC;AAAA,cACA,UAAU;AAAA,cACV,gBAAa;AAAA,cACb,WAAU;AAAA,cAEV,4BAACM,GAAU,EAAA;AAAA,YAAA;AAAA,UACf;AAAA,UAEA,gBAAAJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SAAS,MAAM;AACX,gBAAAK,EAAaP,CAAM,GACPQ,EAAAR,GAAQA,EAAO,aAAa,MAAS;AAAA,cACrD;AAAA,cACA,UAAU;AAAA,cACV,gBAAa;AAAA,cACb,WAAU;AAAA,cAEV,4BAACS,GAAe,EAAA;AAAA,YAAA;AAAA,UACpB;AAAA,QAAA,GACJ;AAAA,MAAA,GACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"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 { FloatingModalWrapper, IconPen16, IconTrashBin16, focusEditor, useEditorRef } from '@frontify/fondue';\n\nimport { floatingButtonSelectors } from '../floatingButtonStore';\nimport { unwrapButton } from '../../../transforms';\nimport { triggerFloatingButtonEdit } from '../../../utils';\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\">\n                <span className=\"tw-pointer-events-none\">{floatingButtonSelectors.url()}</span>\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 hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconPen16 />\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 hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconTrashBin16 />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"names":["EditModal","editor","useEditorRef","jsx","FloatingModalWrapper","jsxs","floatingButtonSelectors","triggerFloatingButtonEdit","IconPen16","unwrapButton","focusEditor","IconTrashBin16"],"mappings":";;;;;AAQO,MAAMA,IAAY,MAAM;AAC3B,QAAMC,IAASC;AACf,SACK,gBAAAC,EAAAC,GAAA,EAAqB,SAAQ,QAAO,UAAS,SAAQ,gBAAa,wBAC/D,UAAC,gBAAAC,EAAA,QAAA,EAAK,gBAAa,yBAAwB,WAAU,8CACjD,UAAA;AAAA,IAAA,gBAAAF,EAAC,QAAK,EAAA,WAAU,0BAA0B,UAAAG,EAAwB,OAAM;AAAA,IACxE,gBAAAD,EAAC,QAAK,EAAA,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,MAAM;AACX,YAAAI,EAA0BN,CAAM;AAAA,UACpC;AAAA,UACA,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,4BAACO,GAAU,EAAA;AAAA,QAAA;AAAA,MACf;AAAA,MAEA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,MAAM;AACX,YAAAM,EAAaR,CAAM,GACPS,EAAAT,GAAQA,EAAO,aAAa,MAAS;AAAA,UACrD;AAAA,UACA,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,4BAACU,GAAe,EAAA;AAAA,QAAA;AAAA,MACpB;AAAA,IAAA,GACJ;AAAA,EAAA,EACJ,CAAA,EACJ,CAAA;AAER;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.es.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useLinkOpenButtonState as o, IconPen16 as s, IconTrashBin16 as d } from "@frontify/fondue";
-import { getUrlFromLinkOrLegacyLink as l } from "../../../../../Link/utils/getUrl.es.js";
-const p = ({ editButtonProps: i, unlinkButtonProps: r }) => {
-  const { element: e } = o(), a = e ? l(e) : "";
-  return /* @__PURE__ */ t("div", { "data-test-id": "floating-link-edit", className: "tw-bg-white tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]", children: /* @__PURE__ */ n("span", { "data-test-id": "preview-link-flyout", className: "tw-flex tw-justify-between tw-items-center", children: [
+import { useLinkOpenButtonState as o, FloatingModalWrapper as s, IconPen16 as d, IconTrashBin16 as l } from "@frontify/fondue";
+import { getUrlFromLinkOrLegacyLink as c } from "../../../../../Link/utils/getUrl.es.js";
+const u = ({ editButtonProps: i, unlinkButtonProps: r }) => {
+  const { element: e } = o(), a = e ? c(e) : "";
+  return /* @__PURE__ */ t(s, { "data-test-id": "floating-link-edit", padding: "16px", minWidth: "400px", children: /* @__PURE__ */ n("span", { "data-test-id": "preview-link-flyout", className: "tw-flex tw-justify-between tw-items-center", children: [
     /* @__PURE__ */ t("span", { className: "tw-pointer-events-none", children: a }),
     /* @__PURE__ */ n("span", { className: "tw-flex tw-gap-2", children: [
       /* @__PURE__ */ t(
@@ -13,7 +13,7 @@ const p = ({ editButtonProps: i, unlinkButtonProps: r }) => {
           "data-test-id": "edit-link-button",
           className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
           ...i,
-          children: /* @__PURE__ */ t(s, {})
+          children: /* @__PURE__ */ t(d, {})
         }
       ),
       /* @__PURE__ */ t(
@@ -23,13 +23,13 @@ const p = ({ editButtonProps: i, unlinkButtonProps: r }) => {
           "data-test-id": "remove-link-button",
           className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
           ...r,
-          children: /* @__PURE__ */ t(d, {})
+          children: /* @__PURE__ */ t(l, {})
         }
       )
     ] })
   ] }) });
 };
 export {
-  p as EditModal
+  u as EditModal
 };
 //# sourceMappingURL=EditModal.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MouseEvent } from 'react';\nimport { IconPen16, IconTrashBin16, useLinkOpenButtonState } from '@frontify/fondue';\nimport { getUrlFromLinkOrLegacyLink } from '../../../../../Link';\n\ntype EditModalProps = {\n    editButtonProps: {\n        onClick: () => void;\n    };\n    unlinkButtonProps: {\n        onMouseDown: (e: MouseEvent<HTMLButtonElement>) => void;\n        onClick: () => void;\n    };\n};\n\nexport const EditModal = ({ editButtonProps, unlinkButtonProps }: EditModalProps) => {\n    const { element } = useLinkOpenButtonState();\n    const url = element ? getUrlFromLinkOrLegacyLink(element) : '';\n\n    return (\n        <div data-test-id=\"floating-link-edit\" className=\"tw-bg-white tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]\">\n            <span data-test-id=\"preview-link-flyout\" className=\"tw-flex tw-justify-between tw-items-center\">\n                <span className=\"tw-pointer-events-none\">{url}</span>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"edit-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                        {...editButtonProps}\n                    >\n                        <IconPen16 />\n                    </button>\n\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"remove-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                        {...unlinkButtonProps}\n                    >\n                        <IconTrashBin16 />\n                    </button>\n                </span>\n            </span>\n        </div>\n    );\n};\n"],"names":["EditModal","editButtonProps","unlinkButtonProps","element","useLinkOpenButtonState","url","getUrlFromLinkOrLegacyLink","jsx","jsxs","IconPen16","IconTrashBin16"],"mappings":";;;AAgBO,MAAMA,IAAY,CAAC,EAAE,iBAAAC,GAAiB,mBAAAC,QAAwC;AAC3E,QAAA,EAAE,SAAAC,MAAYC,KACdC,IAAMF,IAAUG,EAA2BH,CAAO,IAAI;AAGxD,SAAA,gBAAAI,EAAC,OAAI,EAAA,gBAAa,sBAAqB,WAAU,4DAC7C,UAAA,gBAAAC,EAAC,QAAK,EAAA,gBAAa,uBAAsB,WAAU,8CAC/C,UAAA;AAAA,IAAC,gBAAAD,EAAA,QAAA,EAAK,WAAU,0BAA0B,UAAIF,GAAA;AAAA,IAC9C,gBAAAG,EAAC,QAAK,EAAA,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGN;AAAA,UAEJ,4BAACQ,GAAU,EAAA;AAAA,QAAA;AAAA,MACf;AAAA,MAEA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGL;AAAA,UAEJ,4BAACQ,GAAe,EAAA;AAAA,QAAA;AAAA,MACpB;AAAA,IAAA,GACJ;AAAA,EAAA,EACJ,CAAA,EACJ,CAAA;AAER;"}
+{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MouseEvent } from 'react';\nimport { FloatingModalWrapper, IconPen16, IconTrashBin16, useLinkOpenButtonState } from '@frontify/fondue';\nimport { getUrlFromLinkOrLegacyLink } from '../../../../../Link';\n\ntype EditModalProps = {\n    editButtonProps: {\n        onClick: () => void;\n    };\n    unlinkButtonProps: {\n        onMouseDown: (e: MouseEvent<HTMLButtonElement>) => void;\n        onClick: () => void;\n    };\n};\n\nexport const EditModal = ({ editButtonProps, unlinkButtonProps }: EditModalProps) => {\n    const { element } = useLinkOpenButtonState();\n    const url = element ? getUrlFromLinkOrLegacyLink(element) : '';\n\n    return (\n        <FloatingModalWrapper data-test-id=\"floating-link-edit\" padding=\"16px\" minWidth=\"400px\">\n            <span data-test-id=\"preview-link-flyout\" className=\"tw-flex tw-justify-between tw-items-center\">\n                <span className=\"tw-pointer-events-none\">{url}</span>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"edit-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                        {...editButtonProps}\n                    >\n                        <IconPen16 />\n                    </button>\n\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"remove-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                        {...unlinkButtonProps}\n                    >\n                        <IconTrashBin16 />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"names":["EditModal","editButtonProps","unlinkButtonProps","element","useLinkOpenButtonState","url","getUrlFromLinkOrLegacyLink","jsx","FloatingModalWrapper","jsxs","IconPen16","IconTrashBin16"],"mappings":";;;AAgBO,MAAMA,IAAY,CAAC,EAAE,iBAAAC,GAAiB,mBAAAC,QAAwC;AAC3E,QAAA,EAAE,SAAAC,MAAYC,KACdC,IAAMF,IAAUG,EAA2BH,CAAO,IAAI;AAE5D,SACK,gBAAAI,EAAAC,GAAA,EAAqB,gBAAa,sBAAqB,SAAQ,QAAO,UAAS,SAC5E,UAAC,gBAAAC,EAAA,QAAA,EAAK,gBAAa,uBAAsB,WAAU,8CAC/C,UAAA;AAAA,IAAC,gBAAAF,EAAA,QAAA,EAAK,WAAU,0BAA0B,UAAIF,GAAA;AAAA,IAC9C,gBAAAI,EAAC,QAAK,EAAA,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGN;AAAA,UAEJ,4BAACS,GAAU,EAAA;AAAA,QAAA;AAAA,MACf;AAAA,MAEA,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGL;AAAA,UAEJ,4BAACS,GAAe,EAAA;AAAA,QAAA;AAAA,MACpB;AAAA,IAAA,GACJ;AAAA,EAAA,EACJ,CAAA,EACJ,CAAA;AAER;"}

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

@@ -1,66 +1,66 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { FormControl as p, TextInput as x, Button as n, ButtonSize as r, ButtonStyle as k, ButtonEmphasis as b, IconCheckMark20 as f } from "@frontify/fondue";
-import { LinkInput as v } from "../../../../../Link/LinkInput.es.js";
-const I = ({
-  state: t,
-  onTextChange: o,
-  onUrlChange: d,
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { FloatingModalWrapper as x, FormControl as w, TextInput as k, Button as t, ButtonSize as r, ButtonStyle as b, ButtonEmphasis as f, IconCheckMark20 as T } from "@frontify/fondue";
+import { LinkInput as C } from "../../../../../Link/LinkInput.es.js";
+const B = ({
+  state: i,
+  onTextChange: d,
+  onUrlChange: o,
   onToggleTab: a,
   onCancel: c,
-  onSave: w,
-  isValidUrlOrEmpty: i,
+  onSave: m,
+  isValidUrlOrEmpty: l,
   hasValues: u,
-  testId: m,
-  appBridge: h,
+  testId: h,
+  appBridge: p,
   children: s
-}) => /* @__PURE__ */ l("div", { "data-test-id": m, className: "tw-bg-white tw-rounded tw-shadow tw-p-7 tw-min-w-[400px] tw-overflow-y-auto", children: [
+}) => /* @__PURE__ */ n(x, { "data-test-id": h, padding: "28px", minWidth: "400px", children: [
   /* @__PURE__ */ e(
-    p,
+    w,
     {
       label: {
         children: "Text",
         htmlFor: "linkText",
         required: !0
       },
-      children: /* @__PURE__ */ e(x, { id: "linkText", value: t.text, placeholder: "Link Text", onChange: o })
+      children: /* @__PURE__ */ e(k, { id: "linkText", value: i.text, placeholder: "Link Text", onChange: d })
     }
   ),
   s,
   /* @__PURE__ */ e("div", { className: "tw-mt-5", children: /* @__PURE__ */ e(
-    v,
+    C,
     {
-      url: t.url,
-      newTab: t.newTab,
-      onUrlChange: d,
+      url: i.url,
+      newTab: i.newTab,
+      onUrlChange: o,
       onToggleTab: a,
-      isValidUrlOrEmpty: i,
-      appBridge: h
+      isValidUrlOrEmpty: l,
+      appBridge: p
     }
   ) }),
-  /* @__PURE__ */ e("div", { className: "tw-mt-3", children: /* @__PURE__ */ l("div", { className: "tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10", children: [
+  /* @__PURE__ */ e("div", { className: "tw-mt-3", children: /* @__PURE__ */ n("div", { className: "tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10", children: [
     /* @__PURE__ */ e(
-      n,
+      t,
       {
         onClick: c,
         size: r.Medium,
-        style: k.Default,
-        emphasis: b.Default,
+        style: b.Default,
+        emphasis: f.Default,
         children: "Cancel"
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      t,
       {
-        onClick: w,
+        onClick: m,
         size: r.Medium,
-        icon: /* @__PURE__ */ e(f, {}),
-        disabled: !i(t == null ? void 0 : t.url) || !u,
+        icon: /* @__PURE__ */ e(T, {}),
+        disabled: !l(i == null ? void 0 : i.url) || !u,
         children: "Save"
       }
     )
   ] }) })
 ] });
 export {
-  I as InsertModal
+  B as InsertModal
 };
 //# sourceMappingURL=InsertModal.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MouseEvent, ReactElement, ReactNode } from 'react';\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    Button,\n    ButtonEmphasis,\n    ButtonSize,\n    ButtonStyle,\n    FormControl,\n    IconCheckMark20,\n    TextInput,\n} from '@frontify/fondue';\nimport { InsertModalStateProps } from './types';\nimport { LinkInput } from '../../../../../Link';\n\ntype Props = {\n    state: InsertModalStateProps;\n    onTextChange: (value: string) => void;\n    onUrlChange: (value: string) => void;\n    onToggleTab: (checked: boolean) => void;\n    onCancel: () => void;\n    onSave: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | KeyboardEvent | undefined) => void;\n    hasValues: boolean;\n    isValidUrlOrEmpty: (url: string) => boolean;\n    testId?: string;\n    children?: ReactNode;\n    appBridge: AppBridgeBlock;\n};\n\nexport const InsertModal = ({\n    state,\n    onTextChange,\n    onUrlChange,\n    onToggleTab,\n    onCancel,\n    onSave,\n    isValidUrlOrEmpty,\n    hasValues,\n    testId,\n    appBridge,\n    children,\n}: Props): ReactElement => (\n    <div data-test-id={testId} className=\"tw-bg-white tw-rounded tw-shadow tw-p-7 tw-min-w-[400px] tw-overflow-y-auto\">\n        <FormControl\n            label={{\n                children: 'Text',\n                htmlFor: 'linkText',\n                required: true,\n            }}\n        >\n            <TextInput id=\"linkText\" value={state.text} placeholder=\"Link Text\" onChange={onTextChange} />\n        </FormControl>\n\n        {children}\n\n        <div className=\"tw-mt-5\">\n            <LinkInput\n                url={state.url}\n                newTab={state.newTab}\n                onUrlChange={onUrlChange}\n                onToggleTab={onToggleTab}\n                isValidUrlOrEmpty={isValidUrlOrEmpty}\n                appBridge={appBridge}\n            />\n        </div>\n        <div className=\"tw-mt-3\">\n            <div className={'tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10'}>\n                <Button\n                    onClick={onCancel}\n                    size={ButtonSize.Medium}\n                    style={ButtonStyle.Default}\n                    emphasis={ButtonEmphasis.Default}\n                >\n                    Cancel\n                </Button>\n                <Button\n                    onClick={onSave}\n                    size={ButtonSize.Medium}\n                    icon={<IconCheckMark20 />}\n                    disabled={!isValidUrlOrEmpty(state?.url) || !hasValues}\n                >\n                    Save\n                </Button>\n            </div>\n        </div>\n    </div>\n);\n"],"names":["InsertModal","state","onTextChange","onUrlChange","onToggleTab","onCancel","onSave","isValidUrlOrEmpty","hasValues","testId","appBridge","children","jsxs","jsx","FormControl","TextInput","LinkInput","Button","ButtonSize","ButtonStyle","ButtonEmphasis","IconCheckMark20"],"mappings":";;;AA8BO,MAAMA,IAAc,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACJ,MACK,gBAAAC,EAAA,OAAA,EAAI,gBAAcH,GAAQ,WAAU,+EACjC,UAAA;AAAA,EAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,MACd;AAAA,MAEA,UAAA,gBAAAD,EAACE,GAAU,EAAA,IAAG,YAAW,OAAOd,EAAM,MAAM,aAAY,aAAY,UAAUC,EAAc,CAAA;AAAA,IAAA;AAAA,EAChG;AAAA,EAECS;AAAA,EAED,gBAAAE,EAAC,OAAI,EAAA,WAAU,WACX,UAAA,gBAAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,KAAKf,EAAM;AAAA,MACX,QAAQA,EAAM;AAAA,MACd,aAAAE;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAG;AAAA,MACA,WAAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAAA,oBACC,OAAI,EAAA,WAAU,WACX,UAAC,gBAAAE,EAAA,OAAA,EAAI,WAAW,8EACZ,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,SAASZ;AAAA,QACT,MAAMa,EAAW;AAAA,QACjB,OAAOC,EAAY;AAAA,QACnB,UAAUC,EAAe;AAAA,QAC5B,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACA,gBAAAP;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,SAASX;AAAA,QACT,MAAMY,EAAW;AAAA,QACjB,wBAAOG,GAAgB,EAAA;AAAA,QACvB,UAAU,CAACd,EAAkBN,KAAA,gBAAAA,EAAO,GAAG,KAAK,CAACO;AAAA,QAChD,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AAAA,EACJ,CAAA;"}
+{"version":3,"file":"InsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MouseEvent, ReactElement, ReactNode } from 'react';\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    Button,\n    ButtonEmphasis,\n    ButtonSize,\n    ButtonStyle,\n    FloatingModalWrapper,\n    FormControl,\n    IconCheckMark20,\n    TextInput,\n} from '@frontify/fondue';\nimport { InsertModalStateProps } from './types';\nimport { LinkInput } from '../../../../../Link';\n\ntype Props = {\n    state: InsertModalStateProps;\n    onTextChange: (value: string) => void;\n    onUrlChange: (value: string) => void;\n    onToggleTab: (checked: boolean) => void;\n    onCancel: () => void;\n    onSave: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | KeyboardEvent | undefined) => void;\n    hasValues: boolean;\n    isValidUrlOrEmpty: (url: string) => boolean;\n    testId?: string;\n    children?: ReactNode;\n    appBridge: AppBridgeBlock;\n};\n\nexport const InsertModal = ({\n    state,\n    onTextChange,\n    onUrlChange,\n    onToggleTab,\n    onCancel,\n    onSave,\n    isValidUrlOrEmpty,\n    hasValues,\n    testId,\n    appBridge,\n    children,\n}: Props): ReactElement => (\n    <FloatingModalWrapper data-test-id={testId} padding=\"28px\" minWidth=\"400px\">\n        <FormControl\n            label={{\n                children: 'Text',\n                htmlFor: 'linkText',\n                required: true,\n            }}\n        >\n            <TextInput id=\"linkText\" value={state.text} placeholder=\"Link Text\" onChange={onTextChange} />\n        </FormControl>\n\n        {children}\n\n        <div className=\"tw-mt-5\">\n            <LinkInput\n                url={state.url}\n                newTab={state.newTab}\n                onUrlChange={onUrlChange}\n                onToggleTab={onToggleTab}\n                isValidUrlOrEmpty={isValidUrlOrEmpty}\n                appBridge={appBridge}\n            />\n        </div>\n        <div className=\"tw-mt-3\">\n            <div className={'tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10'}>\n                <Button\n                    onClick={onCancel}\n                    size={ButtonSize.Medium}\n                    style={ButtonStyle.Default}\n                    emphasis={ButtonEmphasis.Default}\n                >\n                    Cancel\n                </Button>\n                <Button\n                    onClick={onSave}\n                    size={ButtonSize.Medium}\n                    icon={<IconCheckMark20 />}\n                    disabled={!isValidUrlOrEmpty(state?.url) || !hasValues}\n                >\n                    Save\n                </Button>\n            </div>\n        </div>\n    </FloatingModalWrapper>\n);\n"],"names":["InsertModal","state","onTextChange","onUrlChange","onToggleTab","onCancel","onSave","isValidUrlOrEmpty","hasValues","testId","appBridge","children","FloatingModalWrapper","jsx","FormControl","TextInput","LinkInput","jsxs","Button","ButtonSize","ButtonStyle","ButtonEmphasis","IconCheckMark20"],"mappings":";;;AA+BO,MAAMA,IAAc,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACJ,wBACKC,GAAqB,EAAA,gBAAcH,GAAQ,SAAQ,QAAO,UAAS,SAChE,UAAA;AAAA,EAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,MACd;AAAA,MAEA,UAAA,gBAAAD,EAACE,GAAU,EAAA,IAAG,YAAW,OAAOd,EAAM,MAAM,aAAY,aAAY,UAAUC,EAAc,CAAA;AAAA,IAAA;AAAA,EAChG;AAAA,EAECS;AAAA,EAED,gBAAAE,EAAC,OAAI,EAAA,WAAU,WACX,UAAA,gBAAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,KAAKf,EAAM;AAAA,MACX,QAAQA,EAAM;AAAA,MACd,aAAAE;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAG;AAAA,MACA,WAAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAAA,oBACC,OAAI,EAAA,WAAU,WACX,UAAC,gBAAAO,EAAA,OAAA,EAAI,WAAW,8EACZ,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,SAASb;AAAA,QACT,MAAMc,EAAW;AAAA,QACjB,OAAOC,EAAY;AAAA,QACnB,UAAUC,EAAe;AAAA,QAC5B,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACA,gBAAAR;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,SAASZ;AAAA,QACT,MAAMa,EAAW;AAAA,QACjB,wBAAOG,GAAgB,EAAA;AAAA,QACvB,UAAU,CAACf,EAAkBN,KAAA,gBAAAA,EAAO,GAAG,KAAK,CAACO;AAAA,QAChD,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AAAA,EACJ,CAAA;"}