@frontify/guideline-blocks-settings 0.33.5 → 0.34.0

package/dist/components/Link/LinkSelector/LinkSelector.es.js

@@ -1,78 +1,86 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
 import { Button as B, IconLink as L, ButtonType as T, ButtonStyle as r, ButtonEmphasis as c, Modal as o, ButtonSize as x } from "@frontify/fondue";
 import { useOverlayTriggerState as E } from "@react-stately/overlays";
 import { useState as O, useEffect as b } from "react";
 import { DocumentLinks as z } from "./DocumentLinks.es.js";
-const F = ({
-  url: n,
+const P = ({
+  url: i,
   onUrlChange: s,
-  buttonSize: m = x.Medium,
-  getAllDocuments: u,
+  buttonSize: u = x.Medium,
+  getAllDocuments: m,
   getDocumentPagesByDocumentId: f,
   getDocumentSectionsByDocumentPageId: k
 }) => {
-  const { open: y, isOpen: D, close: l } = E({}), [i, a] = O(n), S = (e) => {
+  const { open: D, isOpen: y, close: l } = E({}), [n, a] = O(i), S = (e) => {
     a(e);
   }, h = (e) => {
-    e.key === "Enter" && d();
+    e.key === "Enter" && p();
   };
   b(() => {
-    n && !i && a(n);
-  }, [n, i]);
-  const d = () => {
-    s == null || s(i), l();
+    i && !n && a(i);
+  }, [i, n]);
+  const p = () => {
+    s == null || s(n), l();
   };
-  return /* @__PURE__ */ p("div", { "data-test-id": "internal-link-selector", onKeyDown: h, children: [
-    /* @__PURE__ */ t(
-      B,
-      {
-        icon: /* @__PURE__ */ t(L, {}),
-        size: m,
-        type: T.Button,
-        style: r.Default,
-        emphasis: c.Default,
-        onClick: () => y(),
-        children: "Internal link"
-      }
-    ),
-    /* @__PURE__ */ p(o, { zIndex: 1001, onClose: () => l(), isOpen: D, isDismissable: !0, children: [
-      /* @__PURE__ */ t(o.Header, { title: "Select internal link" }),
-      /* @__PURE__ */ t(o.Body, { children: /* @__PURE__ */ t(
-        z,
-        {
-          selectedUrl: i,
-          onSelectUrl: S,
-          getAllDocuments: u,
-          getDocumentPagesByDocumentId: f,
-          getDocumentSectionsByDocumentPageId: k
-        }
-      ) }),
-      /* @__PURE__ */ t(
-        o.Footer,
-        {
-          buttons: [
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      onPointerDown: (e) => e.preventDefault(),
+      "data-test-id": "internal-link-selector",
+      onKeyDown: h,
+      children: [
+        /* @__PURE__ */ t(
+          B,
+          {
+            icon: /* @__PURE__ */ t(L, {}),
+            size: u,
+            type: T.Button,
+            style: r.Default,
+            emphasis: c.Default,
+            onClick: () => D(),
+            children: "Internal link"
+          }
+        ),
+        /* @__PURE__ */ d(o, { zIndex: 1001, onClose: () => l(), isOpen: y, isDismissable: !0, children: [
+          /* @__PURE__ */ t(o.Header, { title: "Select internal link" }),
+          /* @__PURE__ */ t(o.Body, { children: /* @__PURE__ */ t(
+            z,
             {
-              children: "Cancel",
-              onClick: () => l(),
-              style: r.Default,
-              emphasis: c.Default
-            },
+              selectedUrl: n,
+              onSelectUrl: S,
+              getAllDocuments: m,
+              getDocumentPagesByDocumentId: f,
+              getDocumentSectionsByDocumentPageId: k
+            }
+          ) }),
+          /* @__PURE__ */ t(
+            o.Footer,
             {
-              children: "Choose",
-              onClick: (e) => {
-                e == null || e.preventDefault(), d();
-              },
-              style: r.Default,
-              emphasis: c.Strong,
-              disabled: !i
+              buttons: [
+                {
+                  children: "Cancel",
+                  onClick: () => l(),
+                  style: r.Default,
+                  emphasis: c.Default
+                },
+                {
+                  children: "Choose",
+                  onClick: (e) => {
+                    e == null || e.preventDefault(), p();
+                  },
+                  style: r.Default,
+                  emphasis: c.Strong,
+                  disabled: !n
+                }
+              ]
             }
-          ]
-        }
-      )
-    ] })
-  ] });
+          )
+        ] })
+      ]
+    }
+  );
 };
 export {
-  F as LinkSelector
+  P as LinkSelector
 };
 //# sourceMappingURL=LinkSelector.es.js.map

package/dist/components/Link/LinkSelector/LinkSelector.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkSelector.es.js","sources":["../../../../src/components/Link/LinkSelector/LinkSelector.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport type { Document, DocumentPage, DocumentSection } from '@frontify/app-bridge';\nimport { Button, ButtonEmphasis, ButtonSize, ButtonStyle, ButtonType, IconLink, Modal } from '@frontify/fondue';\nimport { useOverlayTriggerState } from '@react-stately/overlays';\nimport { KeyboardEvent, ReactElement, useEffect, useState } from 'react';\nimport { DocumentLinks } from './DocumentLinks';\n\ntype LinkSelectorProps = {\n    url: string;\n    onUrlChange?: (value: string) => void;\n    buttonSize?: ButtonSize;\n    getAllDocuments: () => Promise<Document[]>;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const LinkSelector = ({\n    url,\n    onUrlChange,\n    buttonSize = ButtonSize.Medium,\n    getAllDocuments,\n    getDocumentPagesByDocumentId,\n    getDocumentSectionsByDocumentPageId,\n}: LinkSelectorProps): ReactElement => {\n    const { open: openLinkTree, isOpen: isLinkTreeOpen, close: closeLinkTree } = useOverlayTriggerState({});\n    const [selectedUrl, setSelectedUrl] = useState<string>(url);\n\n    const onSelectUrl = (url: string) => {\n        setSelectedUrl(url);\n    };\n\n    const onPressEnter = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            saveLink();\n        }\n    };\n\n    useEffect(() => {\n        if (url && !selectedUrl) {\n            setSelectedUrl(url);\n        }\n    }, [url, selectedUrl]);\n\n    const saveLink = () => {\n        onUrlChange?.(selectedUrl);\n        closeLinkTree();\n    };\n\n    return (\n        <div data-test-id=\"internal-link-selector\" onKeyDown={onPressEnter}>\n            <Button\n                icon={<IconLink />}\n                size={buttonSize}\n                type={ButtonType.Button}\n                style={ButtonStyle.Default}\n                emphasis={ButtonEmphasis.Default}\n                onClick={() => openLinkTree()}\n            >\n                Internal link\n            </Button>\n            <Modal zIndex={1001} onClose={() => closeLinkTree()} isOpen={isLinkTreeOpen} isDismissable>\n                <Modal.Header title=\"Select internal link\" />\n                <Modal.Body>\n                    <DocumentLinks\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        getAllDocuments={getAllDocuments}\n                        getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                    />\n                </Modal.Body>\n                <Modal.Footer\n                    buttons={[\n                        {\n                            children: 'Cancel',\n                            onClick: () => closeLinkTree(),\n                            style: ButtonStyle.Default,\n                            emphasis: ButtonEmphasis.Default,\n                        },\n                        {\n                            children: 'Choose',\n                            onClick: (event) => {\n                                event?.preventDefault();\n                                saveLink();\n                            },\n                            style: ButtonStyle.Default,\n                            emphasis: ButtonEmphasis.Strong,\n                            disabled: !selectedUrl,\n                        },\n                    ]}\n                />\n            </Modal>\n        </div>\n    );\n};\n"],"names":["LinkSelector","url","onUrlChange","buttonSize","ButtonSize","getAllDocuments","getDocumentPagesByDocumentId","getDocumentSectionsByDocumentPageId","openLinkTree","isLinkTreeOpen","closeLinkTree","useOverlayTriggerState","selectedUrl","setSelectedUrl","useState","onSelectUrl","onPressEnter","event","saveLink","useEffect","jsxs","jsx","Button","IconLink","ButtonType","ButtonStyle","ButtonEmphasis","Modal","DocumentLinks"],"mappings":";;;;;AAiBO,MAAMA,IAAe,CAAC;AAAA,EACzB,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAaC,EAAW;AAAA,EACxB,iBAAAC;AAAA,EACA,8BAAAC;AAAA,EACA,qCAAAC;AACJ,MAAuC;AAC7B,QAAA,EAAE,MAAMC,GAAc,QAAQC,GAAgB,OAAOC,EAAc,IAAIC,EAAuB,CAAA,CAAE,GAChG,CAACC,GAAaC,CAAc,IAAIC,EAAiBb,CAAG,GAEpDc,IAAc,CAACd,MAAgB;AACjC,IAAAY,EAAeZ,CAAG;AAAA,EAAA,GAGhBe,IAAe,CAACC,MAA2C;AACzD,IAAAA,EAAM,QAAQ,WACLC;EACb;AAGJ,EAAAC,EAAU,MAAM;AACR,IAAAlB,KAAO,CAACW,KACRC,EAAeZ,CAAG;AAAA,EACtB,GACD,CAACA,GAAKW,CAAW,CAAC;AAErB,QAAMM,IAAW,MAAM;AACnB,IAAAhB,KAAA,QAAAA,EAAcU,IACAF;EAAA;AAGlB,SACK,gBAAAU,EAAA,OAAA,EAAI,gBAAa,0BAAyB,WAAWJ,GAClD,UAAA;AAAA,IAAA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,wBAAOC,GAAS,EAAA;AAAA,QAChB,MAAMpB;AAAA,QACN,MAAMqB,EAAW;AAAA,QACjB,OAAOC,EAAY;AAAA,QACnB,UAAUC,EAAe;AAAA,QACzB,SAAS,MAAMlB,EAAa;AAAA,QAC/B,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACA,gBAAAY,EAACO,GAAM,EAAA,QAAQ,MAAM,SAAS,MAAMjB,EAAiB,GAAA,QAAQD,GAAgB,eAAa,IACtF,UAAA;AAAA,MAAA,gBAAAY,EAACM,EAAM,QAAN,EAAa,OAAM,uBAAuB,CAAA;AAAA,MAC3C,gBAAAN,EAACM,EAAM,MAAN,EACG,UAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACG,aAAAhB;AAAA,UACA,aAAAG;AAAA,UACA,iBAAAV;AAAA,UACA,8BAAAC;AAAA,UACA,qCAAAC;AAAA,QAAA;AAAA,MAAA,GAER;AAAA,MACA,gBAAAc;AAAA,QAACM,EAAM;AAAA,QAAN;AAAA,UACG,SAAS;AAAA,YACL;AAAA,cACI,UAAU;AAAA,cACV,SAAS,MAAMjB,EAAc;AAAA,cAC7B,OAAOe,EAAY;AAAA,cACnB,UAAUC,EAAe;AAAA,YAC7B;AAAA,YACA;AAAA,cACI,UAAU;AAAA,cACV,SAAS,CAACT,MAAU;AAChB,gBAAAA,KAAA,QAAAA,EAAO,kBACEC;cACb;AAAA,cACA,OAAOO,EAAY;AAAA,cACnB,UAAUC,EAAe;AAAA,cACzB,UAAU,CAACd;AAAA,YACf;AAAA,UACJ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA,GACJ;AAAA,EACJ,EAAA,CAAA;AAER;"}
+{"version":3,"file":"LinkSelector.es.js","sources":["../../../../src/components/Link/LinkSelector/LinkSelector.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport type { Document, DocumentPage, DocumentSection } from '@frontify/app-bridge';\nimport { Button, ButtonEmphasis, ButtonSize, ButtonStyle, ButtonType, IconLink, Modal } from '@frontify/fondue';\nimport { useOverlayTriggerState } from '@react-stately/overlays';\nimport { KeyboardEvent, ReactElement, useEffect, useState } from 'react';\nimport { DocumentLinks } from './DocumentLinks';\n\ntype LinkSelectorProps = {\n    url: string;\n    onUrlChange?: (value: string) => void;\n    buttonSize?: ButtonSize;\n    getAllDocuments: () => Promise<Document[]>;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const LinkSelector = ({\n    url,\n    onUrlChange,\n    buttonSize = ButtonSize.Medium,\n    getAllDocuments,\n    getDocumentPagesByDocumentId,\n    getDocumentSectionsByDocumentPageId,\n}: LinkSelectorProps): ReactElement => {\n    const { open: openLinkTree, isOpen: isLinkTreeOpen, close: closeLinkTree } = useOverlayTriggerState({});\n    const [selectedUrl, setSelectedUrl] = useState<string>(url);\n\n    const onSelectUrl = (url: string) => {\n        setSelectedUrl(url);\n    };\n\n    const onPressEnter = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            saveLink();\n        }\n    };\n\n    useEffect(() => {\n        if (url && !selectedUrl) {\n            setSelectedUrl(url);\n        }\n    }, [url, selectedUrl]);\n\n    const saveLink = () => {\n        onUrlChange?.(selectedUrl);\n        closeLinkTree();\n    };\n\n    return (\n        <div\n            onPointerDown={(event) => event.preventDefault()}\n            data-test-id=\"internal-link-selector\"\n            onKeyDown={onPressEnter}\n        >\n            <Button\n                icon={<IconLink />}\n                size={buttonSize}\n                type={ButtonType.Button}\n                style={ButtonStyle.Default}\n                emphasis={ButtonEmphasis.Default}\n                onClick={() => openLinkTree()}\n            >\n                Internal link\n            </Button>\n            <Modal zIndex={1001} onClose={() => closeLinkTree()} isOpen={isLinkTreeOpen} isDismissable>\n                <Modal.Header title=\"Select internal link\" />\n                <Modal.Body>\n                    <DocumentLinks\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        getAllDocuments={getAllDocuments}\n                        getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                    />\n                </Modal.Body>\n                <Modal.Footer\n                    buttons={[\n                        {\n                            children: 'Cancel',\n                            onClick: () => closeLinkTree(),\n                            style: ButtonStyle.Default,\n                            emphasis: ButtonEmphasis.Default,\n                        },\n                        {\n                            children: 'Choose',\n                            onClick: (event) => {\n                                event?.preventDefault();\n                                saveLink();\n                            },\n                            style: ButtonStyle.Default,\n                            emphasis: ButtonEmphasis.Strong,\n                            disabled: !selectedUrl,\n                        },\n                    ]}\n                />\n            </Modal>\n        </div>\n    );\n};\n"],"names":["LinkSelector","url","onUrlChange","buttonSize","ButtonSize","getAllDocuments","getDocumentPagesByDocumentId","getDocumentSectionsByDocumentPageId","openLinkTree","isLinkTreeOpen","closeLinkTree","useOverlayTriggerState","selectedUrl","setSelectedUrl","useState","onSelectUrl","onPressEnter","event","saveLink","useEffect","jsxs","jsx","Button","IconLink","ButtonType","ButtonStyle","ButtonEmphasis","Modal","DocumentLinks"],"mappings":";;;;;AAiBO,MAAMA,IAAe,CAAC;AAAA,EACzB,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAaC,EAAW;AAAA,EACxB,iBAAAC;AAAA,EACA,8BAAAC;AAAA,EACA,qCAAAC;AACJ,MAAuC;AAC7B,QAAA,EAAE,MAAMC,GAAc,QAAQC,GAAgB,OAAOC,EAAc,IAAIC,EAAuB,CAAA,CAAE,GAChG,CAACC,GAAaC,CAAc,IAAIC,EAAiBb,CAAG,GAEpDc,IAAc,CAACd,MAAgB;AACjC,IAAAY,EAAeZ,CAAG;AAAA,EAAA,GAGhBe,IAAe,CAACC,MAA2C;AACzD,IAAAA,EAAM,QAAQ,WACLC;EACb;AAGJ,EAAAC,EAAU,MAAM;AACR,IAAAlB,KAAO,CAACW,KACRC,EAAeZ,CAAG;AAAA,EACtB,GACD,CAACA,GAAKW,CAAW,CAAC;AAErB,QAAMM,IAAW,MAAM;AACnB,IAAAhB,KAAA,QAAAA,EAAcU,IACAF;EAAA;AAId,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,eAAe,CAACH,MAAUA,EAAM,eAAe;AAAA,MAC/C,gBAAa;AAAA,MACb,WAAWD;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,wBAAOC,GAAS,EAAA;AAAA,YAChB,MAAMpB;AAAA,YACN,MAAMqB,EAAW;AAAA,YACjB,OAAOC,EAAY;AAAA,YACnB,UAAUC,EAAe;AAAA,YACzB,SAAS,MAAMlB,EAAa;AAAA,YAC/B,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,QACA,gBAAAY,EAACO,GAAM,EAAA,QAAQ,MAAM,SAAS,MAAMjB,EAAiB,GAAA,QAAQD,GAAgB,eAAa,IACtF,UAAA;AAAA,UAAA,gBAAAY,EAACM,EAAM,QAAN,EAAa,OAAM,uBAAuB,CAAA;AAAA,UAC3C,gBAAAN,EAACM,EAAM,MAAN,EACG,UAAA,gBAAAN;AAAA,YAACO;AAAA,YAAA;AAAA,cACG,aAAAhB;AAAA,cACA,aAAAG;AAAA,cACA,iBAAAV;AAAA,cACA,8BAAAC;AAAA,cACA,qCAAAC;AAAA,YAAA;AAAA,UAAA,GAER;AAAA,UACA,gBAAAc;AAAA,YAACM,EAAM;AAAA,YAAN;AAAA,cACG,SAAS;AAAA,gBACL;AAAA,kBACI,UAAU;AAAA,kBACV,SAAS,MAAMjB,EAAc;AAAA,kBAC7B,OAAOe,EAAY;AAAA,kBACnB,UAAUC,EAAe;AAAA,gBAC7B;AAAA,gBACA;AAAA,kBACI,UAAU;AAAA,kBACV,SAAS,CAACT,MAAU;AAChB,oBAAAA,KAAA,QAAAA,EAAO,kBACEC;kBACb;AAAA,kBACA,OAAOO,EAAY;AAAA,kBACnB,UAAUC,EAAe;AAAA,kBACzB,UAAU,CAACd;AAAA,gBACf;AAAA,cACJ;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA,GACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/components/Link/LinkSelector/SectionLink.es.js

@@ -1,13 +1,13 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { merge as l, IconDocumentText16 as i } from "@frontify/fondue";
-const x = ({ section: e, selectedUrl: r, onSelectUrl: n }) => {
+const a = ({ section: e, selectedUrl: r, onSelectUrl: n }) => {
   const o = e.permanentLink === r;
   return /* @__PURE__ */ t(
     "button",
     {
       "data-test-id": "internal-link-selector-section-link",
       className: l([
-        "tw-py-2 tw-px-2.5 tw-pl-14 tw-leading-5 tw-cursor-pointer tw-w-full",
+        "tw-py-2 tw-pr-2.5 tw-pl-14 tw-leading-5 tw-cursor-pointer tw-w-full",
         o ? "tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover" : "hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover"
       ]),
       onClick: () => n(e.permanentLink),
@@ -20,6 +20,6 @@ const x = ({ section: e, selectedUrl: r, onSelectUrl: n }) => {
   );
 };
 export {
-  x as SectionLink
+  a as SectionLink
 };
 //# sourceMappingURL=SectionLink.es.js.map

package/dist/components/Link/LinkSelector/SectionLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLink.es.js","sources":["../../../../src/components/Link/LinkSelector/SectionLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconDocumentText16, merge } from '@frontify/fondue';\n\ntype SectionLinkProps = {\n    section: {\n        id: number;\n        title: string;\n        permanentLink: string;\n    };\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n};\n\nexport const SectionLink = ({ section, selectedUrl, onSelectUrl }: SectionLinkProps) => {\n    const isActive = section.permanentLink === selectedUrl;\n\n    return (\n        <button\n            data-test-id=\"internal-link-selector-section-link\"\n            className={merge([\n                'tw-py-2 tw-px-2.5 tw-pl-14 tw-leading-5 tw-cursor-pointer tw-w-full',\n                isActive\n                    ? 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover'\n                    : 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',\n            ])}\n            onClick={() => onSelectUrl(section.permanentLink)}\n        >\n            <div className=\"tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-h-6\">\n                <IconDocumentText16 />\n                <span className=\"tw-text-s\">{section.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-xs tw-text-right\">Section</span>\n            </div>\n        </button>\n    );\n};\n"],"names":["SectionLink","section","selectedUrl","onSelectUrl","isActive","jsx","merge","jsxs","IconDocumentText16"],"mappings":";;AAcO,MAAMA,IAAc,CAAC,EAAE,SAAAC,GAAS,aAAAC,GAAa,aAAAC,QAAoC;AAC9E,QAAAC,IAAWH,EAAQ,kBAAkBC;AAGvC,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAa;AAAA,MACb,WAAWC,EAAM;AAAA,QACb;AAAA,QACAF,IACM,oKACA;AAAA,MAAA,CACT;AAAA,MACD,SAAS,MAAMD,EAAYF,EAAQ,aAAa;AAAA,MAEhD,UAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,yDACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAmB,EAAA;AAAA,QACnB,gBAAAH,EAAA,QAAA,EAAK,WAAU,aAAa,YAAQ,OAAM;AAAA,QAC1C,gBAAAA,EAAA,QAAA,EAAK,WAAU,sDAAqD,UAAO,WAAA;AAAA,MAAA,GAChF;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"SectionLink.es.js","sources":["../../../../src/components/Link/LinkSelector/SectionLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconDocumentText16, merge } from '@frontify/fondue';\n\ntype SectionLinkProps = {\n    section: {\n        id: number;\n        title: string;\n        permanentLink: string;\n    };\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n};\n\nexport const SectionLink = ({ section, selectedUrl, onSelectUrl }: SectionLinkProps) => {\n    const isActive = section.permanentLink === selectedUrl;\n\n    return (\n        <button\n            data-test-id=\"internal-link-selector-section-link\"\n            className={merge([\n                'tw-py-2 tw-pr-2.5 tw-pl-14 tw-leading-5 tw-cursor-pointer tw-w-full',\n                isActive\n                    ? 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover'\n                    : 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',\n            ])}\n            onClick={() => onSelectUrl(section.permanentLink)}\n        >\n            <div className=\"tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-h-6\">\n                <IconDocumentText16 />\n                <span className=\"tw-text-s\">{section.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-xs tw-text-right\">Section</span>\n            </div>\n        </button>\n    );\n};\n"],"names":["SectionLink","section","selectedUrl","onSelectUrl","isActive","jsx","merge","jsxs","IconDocumentText16"],"mappings":";;AAcO,MAAMA,IAAc,CAAC,EAAE,SAAAC,GAAS,aAAAC,GAAa,aAAAC,QAAoC;AAC9E,QAAAC,IAAWH,EAAQ,kBAAkBC;AAGvC,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAa;AAAA,MACb,WAAWC,EAAM;AAAA,QACb;AAAA,QACAF,IACM,oKACA;AAAA,MAAA,CACT;AAAA,MACD,SAAS,MAAMD,EAAYF,EAAQ,aAAa;AAAA,MAEhD,UAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,yDACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAmB,EAAA;AAAA,QACnB,gBAAAH,EAAA,QAAA,EAAK,WAAU,aAAa,YAAQ,OAAM;AAAA,QAC1C,gBAAAA,EAAA,QAAA,EAAK,WAAU,sDAAqD,UAAO,WAAA;AAAA,MAAA,GAChF;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/components/Link/utils/getUrl.es.js

@@ -1,4 +1,4 @@
-import { getAboveNode as c, ELEMENT_LINK as s } from "@udecode/plate";
+import { getAboveNode as c, ELEMENT_LINK as s } from "@frontify/fondue";
 const n = (r, e) => {
   const t = c(r, { match: { type: s } });
   return Array.isArray(t) ? e(t[0]) : "";

package/dist/components/Link/utils/getUrl.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUrl.es.js","sources":["../../../../src/components/Link/utils/getUrl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LINK, PlateEditor, getAboveNode } from '@udecode/plate';\nimport { TLinkElement } from '../../RichTextEditor/plugins/LinkPlugin/types';\n\nconst getLinkNode = (editor: PlateEditor, cb: (link: TLinkElement) => string): string => {\n    const linkNode = getAboveNode<TLinkElement>(editor, { match: { type: ELEMENT_LINK } });\n\n    if (!Array.isArray(linkNode)) {\n        return '';\n    }\n\n    return cb(linkNode[0]);\n};\n\nexport const getLegacyUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.chosenLink?.searchResult?.link || '');\n};\n\nexport const getUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.url || '');\n};\n\nexport const getUrlFromLinkOrLegacyLink = (link: TLinkElement): string => {\n    return link.url || link.chosenLink?.searchResult?.link || '';\n};\n\nexport const getLinkFromEditor = (editor: PlateEditor) => {\n    return getLinkNode(editor, getUrlFromLinkOrLegacyLink);\n};\n"],"names":["getLinkNode","editor","cb","linkNode","getAboveNode","ELEMENT_LINK","getLegacyUrl","link","_b","_a","getUrl","getUrlFromLinkOrLegacyLink","getLinkFromEditor"],"mappings":";AAKA,MAAMA,IAAc,CAACC,GAAqBC,MAA+C;AAC/E,QAAAC,IAAWC,EAA2BH,GAAQ,EAAE,OAAO,EAAE,MAAMI,EAAa,EAAA,CAAG;AAErF,SAAK,MAAM,QAAQF,CAAQ,IAIpBD,EAAGC,EAAS,CAAC,CAAC,IAHV;AAIf,GAEaG,IAAe,CAACL,MAClBD,EAAYC,GAAQ,CAACM,MAAS;;AAAA,WAAAC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAAA,CAAE,GAGrEE,IAAS,CAACT,MACZD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE,GAG1CI,IAA6B,CAACJ,MAA+B;;AACtE,SAAOA,EAAK,SAAOC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAC9D,GAEaI,IAAoB,CAACX,MACvBD,EAAYC,GAAQU,CAA0B;"}
+{"version":3,"file":"getUrl.es.js","sources":["../../../../src/components/Link/utils/getUrl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LINK, PlateEditor, getAboveNode } from '@frontify/fondue';\nimport { TLinkElement } from '../../RichTextEditor/plugins/LinkPlugin/types';\n\nconst getLinkNode = (editor: PlateEditor, cb: (link: TLinkElement) => string): string => {\n    const linkNode = getAboveNode<TLinkElement>(editor, { match: { type: ELEMENT_LINK } });\n\n    if (!Array.isArray(linkNode)) {\n        return '';\n    }\n\n    return cb(linkNode[0]);\n};\n\nexport const getLegacyUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.chosenLink?.searchResult?.link || '');\n};\n\nexport const getUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.url || '');\n};\n\nexport const getUrlFromLinkOrLegacyLink = (link: TLinkElement): string => {\n    return link.url || link.chosenLink?.searchResult?.link || '';\n};\n\nexport const getLinkFromEditor = (editor: PlateEditor) => {\n    return getLinkNode(editor, getUrlFromLinkOrLegacyLink);\n};\n"],"names":["getLinkNode","editor","cb","linkNode","getAboveNode","ELEMENT_LINK","getLegacyUrl","link","_b","_a","getUrl","getUrlFromLinkOrLegacyLink","getLinkFromEditor"],"mappings":";AAKA,MAAMA,IAAc,CAACC,GAAqBC,MAA+C;AAC/E,QAAAC,IAAWC,EAA2BH,GAAQ,EAAE,OAAO,EAAE,MAAMI,EAAa,EAAA,CAAG;AAErF,SAAK,MAAM,QAAQF,CAAQ,IAIpBD,EAAGC,EAAS,CAAC,CAAC,IAHV;AAIf,GAEaG,IAAe,CAACL,MAClBD,EAAYC,GAAQ,CAACM,MAAS;;AAAA,WAAAC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAAA,CAAE,GAGrEE,IAAS,CAACT,MACZD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE,GAG1CI,IAA6B,CAACJ,MAA+B;;AACtE,SAAOA,EAAK,SAAOC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAC9D,GAEaI,IAAoB,CAACX,MACvBD,EAAYC,GAAQU,CAA0B;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js

@@ -1,54 +1,41 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useElementProps as p } from "@udecode/plate";
-import { useState as l } from "react";
-import { BlockButtonStyles as c } from "../utils/styles.es.js";
-const i = (e) => ({
-  ...p({
-    ...e,
-    elementToAttributes: (t) => ({
-      url: t.href,
-      buttonStyle: t.buttonStyle || "primary",
-      target: t.target || "_blank"
-    })
-  }),
-  // quick fix: hovering <a> with href loses the editor focus
-  onMouseOver: (t) => {
-    t.stopPropagation();
-  }
-}), y = (e) => {
-  const { href: o, target: t, buttonStyle: r } = i(e), { attributes: n, children: s } = e;
+import { useState as c } from "react";
+import { BlockButtonStyles as m } from "../utils/styles.es.js";
+const b = (e) => {
+  var n, u;
+  const { attributes: t, children: r } = e, l = e.element.url || ((u = (n = e.element.chosenLink) == null ? void 0 : n.searchResult) == null ? void 0 : u.link) || "", s = e.element.target || "_self", o = String(e.element.buttonStyle) || "primary";
   return /* @__PURE__ */ a(
-    m,
+    i,
     {
-      attributes: n,
-      href: o,
-      target: t,
-      styles: c[`button${r.charAt(0).toUpperCase() + r.slice(1)}`],
-      children: s
+      attributes: t,
+      href: l,
+      target: s,
+      styles: m[`button${o.charAt(0).toUpperCase() + o.slice(1)}`],
+      children: r
     }
   );
-}, m = ({
+}, i = ({
   attributes: e,
-  styles: o = { hover: {} },
-  children: t,
-  href: r = "#",
-  target: n
+  styles: t = { hover: {} },
+  children: r,
+  href: l = "#",
+  target: s
 }) => {
-  const [s, u] = l(!1);
+  const [o, n] = c(!1);
   return /* @__PURE__ */ a(
     "a",
     {
       ...e,
-      onMouseEnter: () => u(!0),
-      onMouseLeave: () => u(!1),
-      href: r,
-      target: n,
-      style: s ? { ...o, ...o.hover } : o,
-      children: t
+      onMouseEnter: () => n(!0),
+      onMouseLeave: () => n(!1),
+      href: l,
+      target: s,
+      style: o ? { ...t, ...t.hover } : t,
+      children: r
     }
   );
 };
 export {
-  y as ButtonMarkupElementNode
+  b as ButtonMarkupElementNode
 };
 //# sourceMappingURL=ButtonMarkupElementNode.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { HTMLPropsAs, PlateRenderElementProps, Value, useElementProps } from '@udecode/plate';\nimport { CSSProperties, HTMLAttributeAnchorTarget, ReactElement, ReactNode, useState } from 'react';\nimport { RichTextButtonStyle, TButtonElement } from '../types';\nimport { BlockButtonStyles } from '../utils';\n\nexport type ButtonRootProps = PlateRenderElementProps<Value, TButtonElement> & HTMLPropsAs<'a'>;\n\nconst useButton = (props: ButtonRootProps): HTMLPropsAs<'a'> & { buttonStyle: RichTextButtonStyle } => {\n    const _props = useElementProps<TButtonElement, 'a'>({\n        ...props,\n        elementToAttributes: (element) => ({\n            url: element.href,\n            buttonStyle: element.buttonStyle || 'primary',\n            target: element.target || '_blank',\n        }),\n    });\n\n    return {\n        ...(_props as HTMLPropsAs<'a'> & { buttonStyle: RichTextButtonStyle }),\n        // quick fix: hovering <a> with href loses the editor focus\n        onMouseOver: (e) => {\n            e.stopPropagation();\n        },\n    };\n};\n\nexport const ButtonMarkupElementNode = (props: ButtonRootProps) => {\n    const { href, target, buttonStyle } = useButton(props);\n    const { attributes, children } = props;\n\n    return (\n        <HoverableButtonLink\n            attributes={attributes}\n            href={href}\n            target={target}\n            styles={BlockButtonStyles[`button${buttonStyle.charAt(0).toUpperCase() + buttonStyle.slice(1)}`]}\n        >\n            {children}\n        </HoverableButtonLink>\n    );\n};\n\ntype Props = {\n    attributes: ButtonRootProps['attributes'];\n    children: ReactNode;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    href?: string;\n    target?: HTMLAttributeAnchorTarget;\n};\n\nconst HoverableButtonLink = ({\n    attributes,\n    styles = { hover: {} },\n    children,\n    href = '#',\n    target,\n}: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n\n    return (\n        <a\n            {...attributes}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            href={href}\n            target={target}\n            style={hovered ? { ...styles, ...styles.hover } : styles}\n        >\n            {children}\n        </a>\n    );\n};\n"],"names":["useButton","props","useElementProps","element","e","ButtonMarkupElementNode","href","target","buttonStyle","attributes","children","jsx","HoverableButtonLink","BlockButtonStyles","styles","hovered","setHovered","useState"],"mappings":";;;;AASA,MAAMA,IAAY,CAACC,OAUR;AAAA,EACH,GAVWC,EAAqC;AAAA,IAChD,GAAGD;AAAA,IACH,qBAAqB,CAACE,OAAa;AAAA,MAC/B,KAAKA,EAAQ;AAAA,MACb,aAAaA,EAAQ,eAAe;AAAA,MACpC,QAAQA,EAAQ,UAAU;AAAA,IAAA;AAAA,EAC9B,CACH;AAAA;AAAA,EAKG,aAAa,CAACC,MAAM;AAChB,IAAAA,EAAE,gBAAgB;AAAA,EACtB;AAAA,IAIKC,IAA0B,CAACJ,MAA2B;AAC/D,QAAM,EAAE,MAAAK,GAAM,QAAAC,GAAQ,aAAAC,EAAY,IAAIR,EAAUC,CAAK,GAC/C,EAAE,YAAAQ,GAAY,UAAAC,EAAa,IAAAT;AAG7B,SAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAAH;AAAA,MACA,MAAAH;AAAA,MACA,QAAAC;AAAA,MACA,QAAQM,EAAkB,SAASL,EAAY,OAAO,CAAC,EAAE,YAAgB,IAAAA,EAAY,MAAM,CAAC,CAAC,EAAE;AAAA,MAE9F,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGb,GAUME,IAAsB,CAAC;AAAA,EACzB,YAAAH;AAAA,EACA,QAAAK,IAAS,EAAE,OAAO,GAAG;AAAA,EACrB,UAAAJ;AAAA,EACA,MAAAJ,IAAO;AAAA,EACP,QAAAC;AACJ,MAA2B;AACvB,QAAM,CAACQ,GAASC,CAAU,IAAIC,EAAS,EAAK;AAGxC,SAAA,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGF;AAAA,MACJ,cAAc,MAAMO,EAAW,EAAI;AAAA,MACnC,cAAc,MAAMA,EAAW,EAAK;AAAA,MACpC,MAAAV;AAAA,MACA,QAAAC;AAAA,MACA,OAAOQ,IAAU,EAAE,GAAGD,GAAQ,GAAGA,EAAO,UAAUA;AAAA,MAEjD,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"ButtonMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateRenderElementProps, Value } from '@frontify/fondue';\nimport { CSSProperties, HTMLAttributeAnchorTarget, ReactElement, ReactNode, useState } from 'react';\nimport { TButtonElement } from '../types';\nimport { BlockButtonStyles } from '../utils';\n\nexport type ButtonRootProps = PlateRenderElementProps<Value, TButtonElement>;\n\nexport const ButtonMarkupElementNode = (props: ButtonRootProps) => {\n    const { attributes, children } = props;\n    const href = props.element.url || props.element.chosenLink?.searchResult?.link || '';\n    const target = props.element.target || '_self';\n    const buttonStyle = String(props.element.buttonStyle) || 'primary';\n    return (\n        <HoverableButtonLink\n            attributes={attributes}\n            href={href}\n            target={target}\n            styles={BlockButtonStyles[`button${buttonStyle.charAt(0).toUpperCase() + buttonStyle.slice(1)}`]}\n        >\n            {children}\n        </HoverableButtonLink>\n    );\n};\n\ntype Props = {\n    attributes: ButtonRootProps['attributes'];\n    children: ReactNode;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    href?: string;\n    target?: HTMLAttributeAnchorTarget;\n};\n\nconst HoverableButtonLink = ({\n    attributes,\n    styles = { hover: {} },\n    children,\n    href = '#',\n    target,\n}: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n\n    return (\n        <a\n            {...attributes}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            href={href}\n            target={target}\n            style={hovered ? { ...styles, ...styles.hover } : styles}\n        >\n            {children}\n        </a>\n    );\n};\n"],"names":["ButtonMarkupElementNode","props","attributes","children","href","_b","_a","target","buttonStyle","jsx","HoverableButtonLink","BlockButtonStyles","styles","hovered","setHovered","useState"],"mappings":";;;AASa,MAAAA,IAA0B,CAACC,MAA2B;;AACzD,QAAA,EAAE,YAAAC,GAAY,UAAAC,EAAa,IAAAF,GAC3BG,IAAOH,EAAM,QAAQ,SAAOI,KAAAC,IAAAL,EAAM,QAAQ,eAAd,gBAAAK,EAA0B,iBAA1B,gBAAAD,EAAwC,SAAQ,IAC5EE,IAASN,EAAM,QAAQ,UAAU,SACjCO,IAAc,OAAOP,EAAM,QAAQ,WAAW,KAAK;AAErD,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAAR;AAAA,MACA,MAAAE;AAAA,MACA,QAAAG;AAAA,MACA,QAAQI,EAAkB,SAASH,EAAY,OAAO,CAAC,EAAE,YAAgB,IAAAA,EAAY,MAAM,CAAC,CAAC,EAAE;AAAA,MAE9F,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGb,GAUMO,IAAsB,CAAC;AAAA,EACzB,YAAAR;AAAA,EACA,QAAAU,IAAS,EAAE,OAAO,GAAG;AAAA,EACrB,UAAAT;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAG;AACJ,MAA2B;AACvB,QAAM,CAACM,GAASC,CAAU,IAAIC,EAAS,EAAK;AAGxC,SAAA,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGP;AAAA,MACJ,cAAc,MAAMY,EAAW,EAAI;AAAA,MACnC,cAAc,MAAMA,EAAW,EAAK;AAAA,MACpC,MAAAV;AAAA,MACA,QAAAG;AAAA,MACA,OAAOM,IAAU,EAAE,GAAGD,GAAQ,GAAGA,EAAO,UAAUA;AAAA,MAEjD,UAAAT;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.es.js

@@ -1,17 +1,24 @@
-import { jsx as t } from "react/jsx-runtime";
-import { IconButton16 as r, buttonStyles as e } from "@frontify/fondue";
-import { getPluginType as i } from "@udecode/plate";
-import { ELEMENT_BUTTON as m } from "../createButtonPlugin.es.js";
-import { ButtonToolbarButton as p } from "./ButtonToolbarButton.es.js";
-const a = ({ editor: o, id: n }) => /* @__PURE__ */ t("div", { "data-plugin-id": n, children: /* @__PURE__ */ t(
-  p,
-  {
-    type: i(o, m),
-    icon: /* @__PURE__ */ t("span", { className: "tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex", children: /* @__PURE__ */ t(r, {}) }),
-    styles: e
-  }
-) });
+import { jsx as e } from "react/jsx-runtime";
+import { useEditorState as r, useEventPlateId as a, isRangeInSameBlock as c, getPluginType as m, someNode as p, getTooltip as u, getHotkeyByPlatform as d } from "@frontify/fondue";
+import { ELEMENT_BUTTON as B } from "../createButtonPlugin.es.js";
+import { ButtonToolbarButton as f } from "./ButtonToolbarButton.es.js";
+const y = ({ editorId: n, id: i }) => {
+  const t = r(a(n)), o = !!c(t, {
+    at: t.selection
+  }), s = m(t, B), l = !!(t != null && t.selection) && p(t, { match: { type: s } });
+  return /* @__PURE__ */ e("div", { "data-plugin-id": i, children: /* @__PURE__ */ e(
+    f,
+    {
+      pressed: l,
+      disabled: !o,
+      tooltip: u(
+        o ? `Button
+${d("Ctrl+Shift+K")}` : "Buttons can only be set for a single text block."
+      )
+    }
+  ) });
+};
 export {
-  a as ButtonButton
+  y as ButtonButton
 };
 //# sourceMappingURL=ButtonButton.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconButton16, PluginButtonProps, buttonStyles } from '@frontify/fondue';\nimport { getPluginType } from '@udecode/plate';\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\nimport { ButtonToolbarButton } from './ButtonToolbarButton';\n\nexport const ButtonButton = ({ editor, id }: PluginButtonProps) => (\n    <div data-plugin-id={id}>\n        <ButtonToolbarButton\n            type={getPluginType(editor, ELEMENT_BUTTON)}\n            icon={\n                <span className=\"tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex\">\n                    <IconButton16 />\n                </span>\n            }\n            styles={buttonStyles}\n        />\n    </div>\n);\n"],"names":["ButtonButton","editor","id","jsx","ButtonToolbarButton","getPluginType","ELEMENT_BUTTON","IconButton16","buttonStyles"],"mappings":";;;;;AAOa,MAAAA,IAAe,CAAC,EAAE,QAAAC,GAAQ,IAAAC,QACnC,gBAAAC,EAAC,OAAI,EAAA,kBAAgBD,GACjB,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,MAAMC,EAAcJ,GAAQK,CAAc;AAAA,IAC1C,MACK,gBAAAH,EAAA,QAAA,EAAK,WAAU,2DACZ,UAAA,gBAAAA,EAACI,IAAa,CAAA,GAClB;AAAA,IAEJ,QAAQC;AAAA,EAAA;AACZ,EACJ,CAAA;"}
+{"version":3,"file":"ButtonButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    PluginButtonProps,\n    getHotkeyByPlatform,\n    getPluginType,\n    getTooltip,\n    isRangeInSameBlock,\n    someNode,\n    useEditorState,\n    useEventPlateId,\n} from '@frontify/fondue';\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\nimport { ButtonToolbarButton } from './ButtonToolbarButton';\n\nexport const ButtonButton = ({ editorId, id }: PluginButtonProps) => {\n    const editor = useEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n    const type = getPluginType(editor, ELEMENT_BUTTON);\n    const isLink = !!editor?.selection && someNode(editor, { match: { type } });\n\n    return (\n        <div data-plugin-id={id}>\n            <ButtonToolbarButton\n                pressed={isLink}\n                disabled={!isEnabled} // maybe pressed\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Button\\n${getHotkeyByPlatform('Ctrl+Shift+K')}`\n                        : 'Buttons can only be set for a single text block.',\n                )}\n            />\n        </div>\n    );\n};\n"],"names":["ButtonButton","editorId","id","editor","useEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","type","getPluginType","ELEMENT_BUTTON","isLink","someNode","jsx","ButtonToolbarButton","getTooltip","getHotkeyByPlatform"],"mappings":";;;;AAeO,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,IAAAC,QAA4B;AACjE,QAAMC,IAASC,EAAeC,EAAgBJ,CAAQ,CAAC,GACjDK,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd,GACKK,IAAOC,EAAcN,GAAQO,CAAc,GAC3CC,IAAS,CAAC,EAACR,KAAA,QAAAA,EAAQ,cAAaS,EAAST,GAAQ,EAAE,OAAO,EAAE,MAAAK,EAAK,EAAG,CAAA;AAGtE,SAAA,gBAAAK,EAAC,OAAI,EAAA,kBAAgBX,GACjB,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASH;AAAA,MACT,UAAU,CAACL;AAAA,MACX,SAASS;AAAA,QACLT,IACM;AAAA,EAAWU,EAAoB,cAAc,CAAC,KAC9C;AAAA,MACV;AAAA,IAAA;AAAA,EAER,EAAA,CAAA;AAER;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.es.js

@@ -1,30 +1,26 @@
-import { jsx as i } from "react/jsx-runtime";
-import { getTooltip as a, getHotkeyByPlatform as l, getButtonClassNames as c } from "@frontify/fondue";
-import { useEditorRef as u, isRangeInSameBlock as m, someNode as f, ToolbarButton as p, focusEditor as g } from "@udecode/plate";
-import { triggerFloatingButton as B } from "../utils/triggerFloatingButton.es.js";
-const T = ({ type: n, ...s }) => {
-  const t = u(), o = !!m(t, {
-    at: t.selection
-  }), r = !!(t != null && t.selection) && f(t, { match: { type: n } });
-  return /* @__PURE__ */ i(
-    p,
+import { jsx as t } from "react/jsx-runtime";
+import { useEditorRef as e, ToolbarButton as i, focusEditor as u, IconStylingWrapper as c, IconButton16 as l } from "@frontify/fondue";
+import { forwardRef as f } from "react";
+import { triggerFloatingButton as m } from "../utils/triggerFloatingButton.es.js";
+const p = f((r, n) => {
+  const o = e();
+  return /* @__PURE__ */ t(
+    i,
     {
-      tooltip: a(
-        o ? `Button
-${l("Ctrl+Shift+K")}` : "Buttons can only be set for a single text block."
-      ),
-      classNames: c(o),
-      active: r,
-      onMouseDown: async (e) => {
-        t && (e.preventDefault(), e.stopPropagation(), g(t, t.selection ?? t.prevSelection ?? void 0), setTimeout(() => {
-          B(t, { focused: !0 });
-        }, 0));
+      ref: n,
+      ...r,
+      onMouseDown: () => {
+        u(o, o.selection ?? o.prevSelection ?? void 0);
       },
-      ...s
+      onClick: () => {
+        m(o, { focused: !0 });
+      },
+      children: /* @__PURE__ */ t(c, { icon: /* @__PURE__ */ t(l, {}) })
     }
   );
-};
+});
+p.displayName = "ButtonToolbarButton";
 export {
-  T as ButtonToolbarButton
+  p as ButtonToolbarButton
 };
 //# sourceMappingURL=ButtonToolbarButton.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonToolbarButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getButtonClassNames, getHotkeyByPlatform, getTooltip } from '@frontify/fondue';\nimport {\n    BlockToolbarButtonProps,\n    ToolbarButton,\n    focusEditor,\n    isRangeInSameBlock,\n    someNode,\n    useEditorRef,\n} from '@udecode/plate';\n\nimport { triggerFloatingButton } from '../utils';\n\nexport interface LinkToolbarButtonProps extends BlockToolbarButtonProps {\n    /**\n     * Default onMouseDown is getting the link url by calling this promise before inserting the image.\n     */\n    getLinkUrl?: (prevUrl: string | null) => Promise<string | null>;\n}\n\nexport const ButtonToolbarButton = ({ type, ...props }: LinkToolbarButtonProps) => {\n    const editor = useEditorRef();\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n\n    const isLink = !!editor?.selection && someNode(editor, { match: { type } });\n\n    return (\n        <ToolbarButton\n            tooltip={getTooltip(\n                isEnabled\n                    ? `Button\\n${getHotkeyByPlatform('Ctrl+Shift+K')}`\n                    : 'Buttons can only be set for a single text block.',\n            )}\n            classNames={getButtonClassNames(isEnabled)}\n            active={isLink}\n            onMouseDown={async (event) => {\n                if (!editor) {\n                    return;\n                }\n\n                event.preventDefault();\n                event.stopPropagation();\n\n                focusEditor(editor, editor.selection ?? editor.prevSelection ?? undefined);\n\n                setTimeout(() => {\n                    triggerFloatingButton(editor, { focused: true });\n                }, 0);\n            }}\n            {...props}\n        />\n    );\n};\n"],"names":["ButtonToolbarButton","type","props","editor","useEditorRef","isEnabled","isRangeInSameBlock","isLink","someNode","jsx","ToolbarButton","getTooltip","getHotkeyByPlatform","getButtonClassNames","event","focusEditor","triggerFloatingButton"],"mappings":";;;;AAqBO,MAAMA,IAAsB,CAAC,EAAE,MAAAC,GAAM,GAAGC,QAAoC;AAC/E,QAAMC,IAASC,KACTC,IAAY,CAAC,CAACC,EAAmBH,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd,GAEKI,IAAS,CAAC,EAACJ,KAAA,QAAAA,EAAQ,cAAaK,EAASL,GAAQ,EAAE,OAAO,EAAE,MAAAF,EAAK,EAAG,CAAA;AAGtE,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASC;AAAA,QACLN,IACM;AAAA,EAAWO,EAAoB,cAAc,CAAC,KAC9C;AAAA,MACV;AAAA,MACA,YAAYC,EAAoBR,CAAS;AAAA,MACzC,QAAQE;AAAA,MACR,aAAa,OAAOO,MAAU;AAC1B,QAAKX,MAILW,EAAM,eAAe,GACrBA,EAAM,gBAAgB,GAEtBC,EAAYZ,GAAQA,EAAO,aAAaA,EAAO,iBAAiB,MAAS,GAEzE,WAAW,MAAM;AACb,UAAAa,EAAsBb,GAAQ,EAAE,SAAS,GAAM,CAAA;AAAA,WAChD,CAAC;AAAA,MACR;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"ButtonToolbarButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconButton16, IconStylingWrapper, ToolbarButton, focusEditor, useEditorRef } from '@frontify/fondue';\n\nimport { triggerFloatingButton } from '../utils';\n\nimport { ReactNode, forwardRef } from 'react';\n\nexport const ButtonToolbarButton = forwardRef<\n    HTMLButtonElement,\n    { disabled: boolean; tooltip: ReactNode; pressed: boolean }\n>((rootProps, ref) => {\n    const editor = useEditorRef();\n\n    return (\n        <ToolbarButton\n            ref={ref}\n            {...rootProps}\n            onMouseDown={() => {\n                focusEditor(editor, editor.selection ?? editor.prevSelection ?? undefined);\n            }}\n            onClick={() => {\n                triggerFloatingButton(editor, { focused: true });\n            }}\n        >\n            <IconStylingWrapper icon={<IconButton16 />} />\n        </ToolbarButton>\n    );\n});\n\nButtonToolbarButton.displayName = 'ButtonToolbarButton';\n"],"names":["ButtonToolbarButton","forwardRef","rootProps","ref","editor","useEditorRef","jsx","ToolbarButton","focusEditor","triggerFloatingButton","IconStylingWrapper","IconButton16"],"mappings":";;;;AAQO,MAAMA,IAAsBC,EAGjC,CAACC,GAAWC,MAAQ;AAClB,QAAMC,IAASC;AAGX,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACC,GAAGD;AAAA,MACJ,aAAa,MAAM;AACf,QAAAM,EAAYJ,GAAQA,EAAO,aAAaA,EAAO,iBAAiB,MAAS;AAAA,MAC7E;AAAA,MACA,SAAS,MAAM;AACX,QAAAK,EAAsBL,GAAQ,EAAE,SAAS,GAAM,CAAA;AAAA,MACnD;AAAA,MAEA,UAAC,gBAAAE,EAAAI,GAAA,EAAmB,MAAM,gBAAAJ,EAACK,IAAa,CAAA,GAAI;AAAA,IAAA;AAAA,EAAA;AAGxD,CAAC;AAEDX,EAAoB,cAAc;"}

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

@@ -1,16 +1,28 @@
-import { jsxs as s, Fragment as e, jsx as t } from "react/jsx-runtime";
-import { EditModal as m } from "./EditButtonModal/EditModal.es.js";
-import { FloatingButton as n } from "./FloatingButton.es.js";
-import { useFloatingButtonSelectors as d } from "./floatingButtonStore.es.js";
-import { InsertButtonModal as l } from "./InsertButtonModal/InsertButtonModal.es.js";
-const f = () => {
-  const i = d().isEditing(), o = /* @__PURE__ */ t(l, {}), r = i ? o : /* @__PURE__ */ t(m, {});
-  return /* @__PURE__ */ s(e, { children: [
-    /* @__PURE__ */ t(n.InsertRoot, { children: o }),
-    /* @__PURE__ */ t(n.EditRoot, { children: r })
+import { jsxs as l, Fragment as u, jsx as t } from "react/jsx-runtime";
+import { EditModal as g } from "./EditButtonModal/EditModal.es.js";
+import { InsertButtonModal as B } from "./InsertButtonModal/InsertButtonModal.es.js";
+import { offset as E, flip as F, useEditorRef as b } from "@frontify/fondue";
+import { useFloatingButtonInsert as h } from "./useFloatingButtonInsert.es.js";
+import { useFloatingButtonEdit as x } from "./useFloatingButtonEdit.es.js";
+import { useFloatingButtonSelectors as O } from "./floatingButtonStore.es.js";
+const r = {
+  placement: "bottom-start",
+  strategy: "absolute",
+  middleware: [
+    E(12),
+    F({
+      padding: 12,
+      fallbackPlacements: ["bottom-end", "top-start", "top-end"]
+    })
+  ]
+}, k = () => {
+  const { ref: s, ...d } = h(r), { ref: m, ...a } = x(r), f = b(), o = O(), e = o.isOpen(f.id), p = o.isEditing(), n = o.mode(), i = /* @__PURE__ */ t(B, {}), c = p ? i : /* @__PURE__ */ t(g, {});
+  return /* @__PURE__ */ l(u, { children: [
+    e && n === "insert" && /* @__PURE__ */ t("div", { ref: s, ...d, children: i }),
+    e && n === "edit" && /* @__PURE__ */ t("div", { ref: m, ...a, children: c })
   ] });
 };
 export {
-  f as CustomFloatingButton
+  k as CustomFloatingButton
 };
 //# sourceMappingURL=CustomFloatingButton.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CustomFloatingButton.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { EditModal } from './EditButtonModal/EditModal';\nimport { FloatingButton } from './FloatingButton';\nimport { useFloatingButtonSelectors } from './floatingButtonStore';\nimport { InsertButtonModal } from './InsertButtonModal/InsertButtonModal';\n\nexport const CustomFloatingButton = () => {\n    const isEditing = useFloatingButtonSelectors().isEditing();\n\n    const input = <InsertButtonModal />;\n    const editContent = isEditing ? input : <EditModal />;\n    return (\n        <>\n            <FloatingButton.InsertRoot>{input}</FloatingButton.InsertRoot>\n            <FloatingButton.EditRoot>{editContent}</FloatingButton.EditRoot>\n        </>\n    );\n};\n"],"names":["CustomFloatingButton","isEditing","useFloatingButtonSelectors","input","InsertButtonModal","editContent","jsx","EditModal","jsxs","Fragment","FloatingButton"],"mappings":";;;;;AAOO,MAAMA,IAAuB,MAAM;AAChC,QAAAC,IAAYC,IAA6B,aAEzCC,sBAASC,GAAkB,CAAA,CAAA,GAC3BC,IAAcJ,IAAYE,IAAQ,gBAAAG,EAACC,GAAU,CAAA,CAAA;AACnD,SAEQ,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAH,EAAAI,EAAe,YAAf,EAA2B,UAAMP,EAAA,CAAA;AAAA,IACjC,gBAAAG,EAAAI,EAAe,UAAf,EAAyB,UAAYL,EAAA,CAAA;AAAA,EAC1C,EAAA,CAAA;AAER;"}
+{"version":3,"file":"CustomFloatingButton.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { EditModal } from './EditButtonModal/EditModal';\nimport { InsertButtonModal } from './InsertButtonModal/InsertButtonModal';\nimport { UseVirtualFloatingOptions, flip, offset, useEditorRef } from '@frontify/fondue';\nimport { useFloatingButtonEdit, useFloatingButtonInsert, useFloatingButtonSelectors } from '../FloatingButton';\n\nconst floatingOptions: UseVirtualFloatingOptions = {\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n        offset(12),\n        flip({\n            padding: 12,\n            fallbackPlacements: ['bottom-end', 'top-start', 'top-end'],\n        }),\n    ],\n};\n\nexport const CustomFloatingButton = () => {\n    const { ref: insertRef, ...insertProps } = useFloatingButtonInsert(floatingOptions);\n    const { ref: editRef, ...editProps } = useFloatingButtonEdit(floatingOptions);\n    const editor = useEditorRef();\n    const state = useFloatingButtonSelectors();\n    const isOpen = state.isOpen(editor.id);\n    const isEditing = state.isEditing();\n    const mode = state.mode();\n\n    const input = <InsertButtonModal />;\n    const editContent = isEditing ? input : <EditModal />;\n\n    return (\n        <>\n            {isOpen && mode === 'insert' && (\n                <div ref={insertRef} {...insertProps}>\n                    {input}\n                </div>\n            )}\n\n            {isOpen && mode === 'edit' && (\n                <div ref={editRef} {...editProps}>\n                    {editContent}\n                </div>\n            )}\n        </>\n    );\n};\n"],"names":["floatingOptions","offset","flip","CustomFloatingButton","insertRef","insertProps","useFloatingButtonInsert","editRef","editProps","useFloatingButtonEdit","editor","useEditorRef","state","useFloatingButtonSelectors","isOpen","isEditing","mode","input","InsertButtonModal","editContent","jsx","EditModal","jsxs","Fragment"],"mappings":";;;;;;;AAOA,MAAMA,IAA6C;AAAA,EAC/C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,IACRC,EAAO,EAAE;AAAA,IACTC,EAAK;AAAA,MACD,SAAS;AAAA,MACT,oBAAoB,CAAC,cAAc,aAAa,SAAS;AAAA,IAAA,CAC5D;AAAA,EACL;AACJ,GAEaC,IAAuB,MAAM;AACtC,QAAM,EAAE,KAAKC,GAAW,GAAGC,EAAY,IAAIC,EAAwBN,CAAe,GAC5E,EAAE,KAAKO,GAAS,GAAGC,EAAU,IAAIC,EAAsBT,CAAe,GACtEU,IAASC,KACTC,IAAQC,KACRC,IAASF,EAAM,OAAOF,EAAO,EAAE,GAC/BK,IAAYH,EAAM,aAClBI,IAAOJ,EAAM,QAEbK,sBAASC,GAAkB,CAAA,CAAA,GAC3BC,IAAcJ,IAAYE,IAAQ,gBAAAG,EAACC,GAAU,CAAA,CAAA;AAEnD,SAES,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAUT,KAAAE,MAAS,YACf,gBAAAI,EAAA,OAAA,EAAI,KAAKhB,GAAY,GAAGC,GACpB,UACLY,EAAA,CAAA;AAAA,IAGHH,KAAUE,MAAS,UAChB,gBAAAI,EAAC,SAAI,KAAKb,GAAU,GAAGC,GAClB,UACLW,EAAA,CAAA;AAAA,EAER,EAAA,CAAA;AAER;"}

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

@@ -1,35 +1,40 @@
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { IconPen16 as r, IconTrashBin16 as a } from "@frontify/fondue";
-import { useFloatingButtonUrlInput as i } from "../FloatingButtonUrlInput.es.js";
-import { FloatingButton as n } from "../FloatingButton.es.js";
-const u = () => {
-  const o = i({});
+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__ */ 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: o.defaultValue }),
-        /* @__PURE__ */ e("span", { className: "tw-flex tw-gap-2", children: [
+      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(
-            "span",
+            "button",
             {
-              role: "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(n.EditButton, { children: /* @__PURE__ */ t(r, {}) })
+              children: /* @__PURE__ */ t(r, {})
             }
           ),
           /* @__PURE__ */ t(
-            "span",
+            "button",
             {
-              role: "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(n.UnlinkButton, { children: /* @__PURE__ */ t(a, {}) })
+              children: /* @__PURE__ */ t(a, {})
             }
           )
         ] })
@@ -38,6 +43,6 @@ const u = () => {
   );
 };
 export {
-  u as EditModal
+  b 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 } from '@frontify/fondue';\nimport { FloatingButton, useFloatingButtonUrlInput } from '..';\n\nexport const EditModal = () => {\n    const urlHtmlProps = useFloatingButtonUrlInput({});\n\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\">{urlHtmlProps.defaultValue}</span>\n                <span className=\"tw-flex tw-gap-2\">\n                    <span\n                        role=\"button\"\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                        <FloatingButton.EditButton>\n                            <IconPen16 />\n                        </FloatingButton.EditButton>\n                    </span>\n\n                    <span\n                        role=\"button\"\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                        <FloatingButton.UnlinkButton>\n                            <IconTrashBin16 />\n                        </FloatingButton.UnlinkButton>\n                    </span>\n                </span>\n            </span>\n        </div>\n    );\n};\n"],"names":["EditModal","urlHtmlProps","useFloatingButtonUrlInput","jsx","jsxs","FloatingButton","IconPen16","IconTrashBin16"],"mappings":";;;;AAKO,MAAMA,IAAY,MAAM;AACrB,QAAAC,IAAeC,EAA0B,CAAA,CAAE;AAG7C,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,UAAAF,EAAa,cAAa;AAAA,QACpE,gBAAAG,EAAC,QAAK,EAAA,WAAU,oBACZ,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,UAAU;AAAA,cACV,gBAAa;AAAA,cACb,WAAU;AAAA,cAEV,4BAACE,EAAe,YAAf,EACG,UAAA,gBAAAF,EAACG,IAAU,CAAA,GACf;AAAA,YAAA;AAAA,UACJ;AAAA,UAEA,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,UAAU;AAAA,cACV,gBAAa;AAAA,cACb,WAAU;AAAA,cAEV,4BAACE,EAAe,cAAf,EACG,UAAA,gBAAAF,EAACI,IAAe,CAAA,GACpB;AAAA,YAAA;AAAA,UACJ;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 { 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;"}