@frontify/guideline-blocks-settings 3.0.2 → 3.0.4

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

@@ -1,65 +1,51 @@
-import { jsx as s, Fragment as x } from "react/jsx-runtime";
-import { useState as d, useEffect as m } from "react";
-import { filterDocumentSectionsWithUnreadableTitles as v } from "../helpers/filterDocumentSectionsWithUnreadableTitles.es.js";
-import { DocumentLink as E } from "./DocumentLink.es.js";
-import { LoadingIndicator as S } from "./LoadingIndicator.es.js";
-const O = ({
-  selectedUrl: n,
-  onSelectUrl: f,
-  getAllDocuments: l,
-  getDocumentPagesByDocumentId: r,
-  getDocumentSectionsByDocumentPageId: a
-}) => {
-  const [p, u] = d(!0), [e, I] = d([]), [g, L] = d({
-    documentId: void 0,
-    pageId: void 0
-  });
-  m(() => {
-    n && e.length > 0 && h().then((t) => {
-      L(t);
-    });
-  }, [e.length]), m(() => {
-    l().then((t) => {
-      I(t);
-    }).finally(() => {
-      u(!1);
-    });
-  }, []);
-  const h = async () => {
-    const t = {
-      documentId: void 0,
-      pageId: void 0
-    };
-    if (e.find((i) => i.permanentLink === n))
-      return t;
-    for (const i of e) {
-      const c = await r(i.id);
-      if (!!c.find((o) => o.permanentLink === n))
-        return t.documentId = i.id, t;
-      for (const o of c) {
-        const T = await a(o.id);
-        if (!!v(T).find(
-          (k) => k.permanentLink === n
-        ))
-          return t.documentId = i.id, t.pageId = o.id, t;
-      }
-    }
-    return t;
-  };
-  return p ? /* @__PURE__ */ s(S, {}) : /* @__PURE__ */ s(x, { children: e.map((t) => /* @__PURE__ */ s(
-    E,
-    {
-      document: t,
-      selectedUrl: n,
-      onSelectUrl: f,
-      itemsToExpandInitially: g,
-      getDocumentSectionsByDocumentPageId: a,
-      getDocumentPagesByDocumentId: r
-    },
-    t.id
-  )) });
+import { filterDocumentSectionsWithUnreadableTitles as e } from "../helpers/filterDocumentSectionsWithUnreadableTitles.es.js";
+import { LoadingIndicator as t } from "./LoadingIndicator.es.js";
+import { DocumentLink as n } from "./DocumentLink.es.js";
+import { useEffect as r, useState as i } from "react";
+import { Fragment as a, jsx as o } from "react/jsx-runtime";
+//#region src/components/Link/LinkSelector/DocumentLinks.tsx
+var s = ({ selectedUrl: s, onSelectUrl: c, getAllDocuments: l, getDocumentPagesByDocumentId: u, getDocumentSectionsByDocumentPageId: d }) => {
+	let [f, p] = i(!0), [m, h] = i([]), [g, _] = i({
+		documentId: void 0,
+		pageId: void 0
+	});
+	r(() => {
+		s && m.length > 0 && v().then((e) => {
+			_(e);
+		});
+	}, [m.length]), r(() => {
+		l().then((e) => {
+			h(e);
+		}).finally(() => {
+			p(!1);
+		});
+	}, []);
+	let v = async () => {
+		let t = {
+			documentId: void 0,
+			pageId: void 0
+		};
+		if (m.find((e) => e.permanentLink === s)) return t;
+		for (let n of m) {
+			let r = await u(n.id);
+			if (r.find((e) => e.permanentLink === s)) return t.documentId = n.id, t;
+			for (let i of r) {
+				let r = await d(i.id);
+				if (e(r).find((e) => e.permanentLink === s)) return t.documentId = n.id, t.pageId = i.id, t;
+			}
+		}
+		return t;
+	};
+	return f ? /* @__PURE__ */ o(t, {}) : /* @__PURE__ */ o(a, { children: m.map((e) => /* @__PURE__ */ o(n, {
+		document: e,
+		selectedUrl: s,
+		onSelectUrl: c,
+		itemsToExpandInitially: g,
+		getDocumentSectionsByDocumentPageId: d,
+		getDocumentPagesByDocumentId: u
+	}, e.id)) });
 };
-export {
-  O as DocumentLinks
-};
-//# sourceMappingURL=DocumentLinks.es.js.map
+//#endregion
+export { s as DocumentLinks };
+
+//# sourceMappingURL=DocumentLinks.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentLinks.es.js","sources":["../../../../src/components/Link/LinkSelector/DocumentLinks.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Document, type DocumentPage, type DocumentSection } from '@frontify/app-bridge';\nimport { type ReactElement, useEffect, useState } from 'react';\n\nimport { filterDocumentSectionsWithUnreadableTitles } from '../helpers/filterDocumentSectionsWithUnreadableTitles';\nimport { type InitiallyExpandedItems } from '../types';\n\nimport { DocumentLink } from './DocumentLink';\nimport { LoadingIndicator } from './LoadingIndicator';\n\ntype DocumentLinksProps = {\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    getAllDocuments: () => Promise<Document[]>;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const DocumentLinks = ({\n    selectedUrl,\n    onSelectUrl,\n    getAllDocuments,\n    getDocumentPagesByDocumentId,\n    getDocumentSectionsByDocumentPageId,\n}: DocumentLinksProps): ReactElement => {\n    const [isLoading, setIsLoading] = useState(true);\n    const [documents, setDocuments] = useState<Document[]>([]);\n    const [itemsToExpandInitially, setItemsToExpandInitially] = useState<InitiallyExpandedItems>({\n        documentId: undefined,\n        pageId: undefined,\n    });\n\n    useEffect(() => {\n        if (selectedUrl && documents.length > 0) {\n            findLocationOfSelectedUrl().then((items) => {\n                setItemsToExpandInitially(items);\n            });\n        }\n        // oxlint-disable-next-line @eslint-react/exhaustive-deps\n    }, [documents.length]);\n\n    useEffect(() => {\n        getAllDocuments()\n            .then((_documents) => {\n                setDocuments(_documents);\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n        // oxlint-disable-next-line @eslint-react/exhaustive-deps\n    }, []);\n\n    const findLocationOfSelectedUrl = async () => {\n        const itemsToExpand: InitiallyExpandedItems = {\n            documentId: undefined,\n            pageId: undefined,\n        };\n        const selectedUrlIsDocument = documents.find((document) => document.permanentLink === selectedUrl);\n        if (selectedUrlIsDocument) {\n            return itemsToExpand;\n        }\n        for (const document of documents) {\n            const pages = await getDocumentPagesByDocumentId(document.id);\n            const selectedUrlIsPage = !!pages.find((page) => page.permanentLink === selectedUrl);\n            if (selectedUrlIsPage) {\n                itemsToExpand.documentId = document.id;\n                return itemsToExpand;\n            }\n            for (const page of pages) {\n                const sections = await getDocumentSectionsByDocumentPageId(page.id);\n                const sectionsWithReadableTitles = filterDocumentSectionsWithUnreadableTitles(sections);\n                const selectedUrlIsSection = !!sectionsWithReadableTitles.find(\n                    (section) => section.permanentLink === selectedUrl,\n                );\n                if (selectedUrlIsSection) {\n                    itemsToExpand.documentId = document.id;\n                    itemsToExpand.pageId = page.id;\n                    return itemsToExpand;\n                }\n            }\n        }\n        return itemsToExpand;\n    };\n\n    return isLoading ? (\n        <LoadingIndicator />\n    ) : (\n        <>\n            {documents.map((document) => {\n                return (\n                    <DocumentLink\n                        key={document.id}\n                        document={document}\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        itemsToExpandInitially={itemsToExpandInitially}\n                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                        getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                    />\n                );\n            })}\n        </>\n    );\n};\n"],"names":["DocumentLinks","selectedUrl","onSelectUrl","getAllDocuments","getDocumentPagesByDocumentId","getDocumentSectionsByDocumentPageId","isLoading","setIsLoading","useState","documents","setDocuments","itemsToExpandInitially","setItemsToExpandInitially","useEffect","findLocationOfSelectedUrl","items","_documents","itemsToExpand","document","pages","page","sections","filterDocumentSectionsWithUnreadableTitles","section","LoadingIndicator","jsx","DocumentLink"],"mappings":";;;;;AAmBO,MAAMA,IAAgB,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,8BAAAC;AAAA,EACA,qCAAAC;AACJ,MAAwC;AACpC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI,GACzC,CAACC,GAAWC,CAAY,IAAIF,EAAqB,CAAA,CAAE,GACnD,CAACG,GAAwBC,CAAyB,IAAIJ,EAAiC;AAAA,IACzF,YAAY;AAAA,IACZ,QAAQ;AAAA,EAAA,CACX;AAED,EAAAK,EAAU,MAAM;AACZ,IAAIZ,KAAeQ,EAAU,SAAS,KAClCK,EAAA,EAA4B,KAAK,CAACC,MAAU;AACxC,MAAAH,EAA0BG,CAAK;AAAA,IACnC,CAAC;AAAA,EAGT,GAAG,CAACN,EAAU,MAAM,CAAC,GAErBI,EAAU,MAAM;AACZ,IAAAV,EAAA,EACK,KAAK,CAACa,MAAe;AAClB,MAAAN,EAAaM,CAAU;AAAA,IAC3B,CAAC,EACA,QAAQ,MAAM;AACX,MAAAT,EAAa,EAAK;AAAA,IACtB,CAAC;AAAA,EAET,GAAG,CAAA,CAAE;AAEL,QAAMO,IAA4B,YAAY;AAC1C,UAAMG,IAAwC;AAAA,MAC1C,YAAY;AAAA,MACZ,QAAQ;AAAA,IAAA;AAGZ,QAD8BR,EAAU,KAAK,CAACS,MAAaA,EAAS,kBAAkBjB,CAAW;AAE7F,aAAOgB;AAEX,eAAWC,KAAYT,GAAW;AAC9B,YAAMU,IAAQ,MAAMf,EAA6Bc,EAAS,EAAE;AAE5D,UAD0B,CAAC,CAACC,EAAM,KAAK,CAACC,MAASA,EAAK,kBAAkBnB,CAAW;AAE/E,eAAAgB,EAAc,aAAaC,EAAS,IAC7BD;AAEX,iBAAWG,KAAQD,GAAO;AACtB,cAAME,IAAW,MAAMhB,EAAoCe,EAAK,EAAE;AAKlE,YAH6B,CAAC,CADKE,EAA2CD,CAAQ,EAC5B;AAAA,UACtD,CAACE,MAAYA,EAAQ,kBAAkBtB;AAAA,QAAA;AAGvC,iBAAAgB,EAAc,aAAaC,EAAS,IACpCD,EAAc,SAASG,EAAK,IACrBH;AAAA,MAEf;AAAA,IACJ;AACA,WAAOA;AAAA,EACX;AAEA,SAAOX,sBACFkB,GAAA,CAAA,CAAiB,2BAGb,UAAAf,EAAU,IAAI,CAACS,MAER,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,UAAAR;AAAA,MACA,aAAAjB;AAAA,MACA,aAAAC;AAAA,MACA,wBAAAS;AAAA,MACA,qCAAAN;AAAA,MACA,8BAAAD;AAAA,IAAA;AAAA,IANKc,EAAS;AAAA,EAAA,CASzB,EAAA,CACL;AAER;"}
+{"version":3,"file":"DocumentLinks.es.js","names":[],"sources":["../../../../src/components/Link/LinkSelector/DocumentLinks.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Document, type DocumentPage, type DocumentSection } from '@frontify/app-bridge';\nimport { type ReactElement, useEffect, useState } from 'react';\n\nimport { filterDocumentSectionsWithUnreadableTitles } from '../helpers/filterDocumentSectionsWithUnreadableTitles';\nimport { type InitiallyExpandedItems } from '../types';\n\nimport { DocumentLink } from './DocumentLink';\nimport { LoadingIndicator } from './LoadingIndicator';\n\ntype DocumentLinksProps = {\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    getAllDocuments: () => Promise<Document[]>;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const DocumentLinks = ({\n    selectedUrl,\n    onSelectUrl,\n    getAllDocuments,\n    getDocumentPagesByDocumentId,\n    getDocumentSectionsByDocumentPageId,\n}: DocumentLinksProps): ReactElement => {\n    const [isLoading, setIsLoading] = useState(true);\n    const [documents, setDocuments] = useState<Document[]>([]);\n    const [itemsToExpandInitially, setItemsToExpandInitially] = useState<InitiallyExpandedItems>({\n        documentId: undefined,\n        pageId: undefined,\n    });\n\n    useEffect(() => {\n        if (selectedUrl && documents.length > 0) {\n            findLocationOfSelectedUrl().then((items) => {\n                setItemsToExpandInitially(items);\n            });\n        }\n        // oxlint-disable-next-line @eslint-react/exhaustive-deps\n    }, [documents.length]);\n\n    useEffect(() => {\n        getAllDocuments()\n            .then((_documents) => {\n                setDocuments(_documents);\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n        // oxlint-disable-next-line @eslint-react/exhaustive-deps\n    }, []);\n\n    const findLocationOfSelectedUrl = async () => {\n        const itemsToExpand: InitiallyExpandedItems = {\n            documentId: undefined,\n            pageId: undefined,\n        };\n        const selectedUrlIsDocument = documents.find((document) => document.permanentLink === selectedUrl);\n        if (selectedUrlIsDocument) {\n            return itemsToExpand;\n        }\n        for (const document of documents) {\n            const pages = await getDocumentPagesByDocumentId(document.id);\n            const selectedUrlIsPage = !!pages.find((page) => page.permanentLink === selectedUrl);\n            if (selectedUrlIsPage) {\n                itemsToExpand.documentId = document.id;\n                return itemsToExpand;\n            }\n            for (const page of pages) {\n                const sections = await getDocumentSectionsByDocumentPageId(page.id);\n                const sectionsWithReadableTitles = filterDocumentSectionsWithUnreadableTitles(sections);\n                const selectedUrlIsSection = !!sectionsWithReadableTitles.find(\n                    (section) => section.permanentLink === selectedUrl,\n                );\n                if (selectedUrlIsSection) {\n                    itemsToExpand.documentId = document.id;\n                    itemsToExpand.pageId = page.id;\n                    return itemsToExpand;\n                }\n            }\n        }\n        return itemsToExpand;\n    };\n\n    return isLoading ? (\n        <LoadingIndicator />\n    ) : (\n        <>\n            {documents.map((document) => {\n                return (\n                    <DocumentLink\n                        key={document.id}\n                        document={document}\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        itemsToExpandInitially={itemsToExpandInitially}\n                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                        getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                    />\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":";;;;;;AAmBA,IAAa,KAAiB,EAC1B,gBACA,gBACA,oBACA,iCACA,6CACoC;CACpC,IAAM,CAAC,GAAW,KAAgB,EAAS,EAAI,GACzC,CAAC,GAAW,KAAgB,EAAqB,CAAC,CAAC,GACnD,CAAC,GAAwB,KAA6B,EAAiC;EACzF,YAAY,KAAA;EACZ,QAAQ,KAAA;CACZ,CAAC;CAWD,AATA,QAAgB;EACZ,AAAI,KAAe,EAAU,SAAS,KAClC,EAA0B,CAAC,CAAC,MAAM,MAAU;GACxC,EAA0B,CAAK;EACnC,CAAC;CAGT,GAAG,CAAC,EAAU,MAAM,CAAC,GAErB,QAAgB;EACZ,EAAgB,CAAC,CACZ,MAAM,MAAe;GAClB,EAAa,CAAU;EAC3B,CAAC,CAAC,CACD,cAAc;GACX,EAAa,EAAK;EACtB,CAAC;CAET,GAAG,CAAC,CAAC;CAEL,IAAM,IAA4B,YAAY;EAC1C,IAAM,IAAwC;GAC1C,YAAY,KAAA;GACZ,QAAQ,KAAA;EACZ;EAEA,IAD8B,EAAU,MAAM,MAAa,EAAS,kBAAkB,CAClF,GACA,OAAO;EAEX,KAAK,IAAM,KAAY,GAAW;GAC9B,IAAM,IAAQ,MAAM,EAA6B,EAAS,EAAE;GAE5D,IAD4B,EAAM,MAAM,MAAS,EAAK,kBAAkB,CAAW,GAG/E,OADA,EAAc,aAAa,EAAS,IAC7B;GAEX,KAAK,IAAM,KAAQ,GAAO;IACtB,IAAM,IAAW,MAAM,EAAoC,EAAK,EAAE;IAKlE,IAJmC,EAA2C,CAC/C,CAAA,CAA2B,MACrD,MAAY,EAAQ,kBAAkB,CAC3C,GAII,OAFA,EAAc,aAAa,EAAS,IACpC,EAAc,SAAS,EAAK,IACrB;GAEf;EACJ;EACA,OAAO;CACX;CAEA,OAAO,IACH,kBAAC,GAAD,CAAmB,CAAA,IAEnB,kBAAA,GAAA,EAAA,UACK,EAAU,KAAK,MAER,kBAAC,GAAD;EAEc;EACG;EACA;EACW;EACa;EACP;CACjC,GAPQ,EAAS,EAOjB,CAER,EACH,CAAA;AAEV"}

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

@@ -0,0 +1,77 @@
+/* empty css                */
+import { DocumentLinks as e } from "./DocumentLinks.es.js";
+import { Button as t, Dialog as n, ScrollArea as r } from "@frontify/fondue/components";
+import { IconLink as i } from "@frontify/fondue/icons";
+import { useEffect as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/Link/LinkSelector/LinkSelector.tsx
+var l = ({ url: l, onUrlChange: u, buttonSize: d = "medium", getAllDocuments: f, getDocumentPagesByDocumentId: p, getDocumentSectionsByDocumentPageId: m }) => {
+	let [h, g] = o(!1), [_, v] = o(l), y = (e) => {
+		v(e);
+	}, b = (e) => {
+		e.key === "Enter" && (e.preventDefault(), x());
+	};
+	a(() => {
+		l && !_ && v(l);
+	}, [l, _]);
+	let x = () => {
+		u?.(_), g(!1);
+	};
+	return /* @__PURE__ */ s("div", {
+		onPointerDown: (e) => {
+			e.preventDefault();
+		},
+		"data-test-id": "internal-link-selector",
+		onKeyDown: b,
+		children: /* @__PURE__ */ c(n.Root, {
+			modal: !0,
+			open: h,
+			onOpenChange: g,
+			children: [/* @__PURE__ */ s(n.Trigger, {
+				asChild: !0,
+				children: /* @__PURE__ */ c(t, {
+					size: d,
+					emphasis: "default",
+					children: [/* @__PURE__ */ s(i, { size: "20" }), "Internal link"]
+				})
+			}), /* @__PURE__ */ c(n.Content, {
+				onOpenAutoFocus: () => {},
+				showUnderlay: !0,
+				"data-is-underlay": !0,
+				minWidth: "800px",
+				children: [
+					/* @__PURE__ */ s(n.Header, { children: /* @__PURE__ */ s(n.Title, { children: "Select internal link" }) }),
+					/* @__PURE__ */ s(n.Body, {
+						padding: "none",
+						children: /* @__PURE__ */ s(r, {
+							padding: "compact",
+							children: /* @__PURE__ */ s(e, {
+								selectedUrl: _,
+								onSelectUrl: y,
+								getAllDocuments: f,
+								getDocumentPagesByDocumentId: p,
+								getDocumentSectionsByDocumentPageId: m
+							})
+						})
+					}),
+					/* @__PURE__ */ c(n.Footer, { children: [/* @__PURE__ */ s(t, {
+						size: d,
+						emphasis: "default",
+						onPress: () => g(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ s(t, {
+						size: d,
+						disabled: !_,
+						emphasis: "strong",
+						onPress: () => x(),
+						children: "Choose"
+					})] })
+				]
+			})]
+		})
+	});
+};
+//#endregion
+export { l as LinkSelector };
+
+//# sourceMappingURL=LinkSelector2.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkSelector2.es.js","names":[],"sources":["../../../../src/components/Link/LinkSelector/LinkSelector.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Document, type DocumentPage, type DocumentSection } from '@frontify/app-bridge';\nimport { Button, Dialog, ScrollArea } from '@frontify/fondue/components';\nimport { IconLink } from '@frontify/fondue/icons';\nimport { type KeyboardEvent, type ReactElement, useEffect, useState } from 'react';\n\nimport './LinkSelector.css';\nimport { DocumentLinks } from './DocumentLinks';\n\ntype LinkSelectorProps = {\n    url: string;\n    onUrlChange?: (value: string) => void;\n    buttonSize?: 'small' | 'medium' | 'large';\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 = 'medium',\n    getAllDocuments,\n    getDocumentPagesByDocumentId,\n    getDocumentSectionsByDocumentPageId,\n}: LinkSelectorProps): ReactElement => {\n    const [isModalOpen, setIsModalOpen] = useState(false);\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            event.preventDefault();\n            saveLink();\n        }\n    };\n\n    useEffect(() => {\n        if (url && !selectedUrl) {\n            // oxlint-disable-next-line @eslint-react/set-state-in-effect\n            setSelectedUrl(url);\n        }\n    }, [url, selectedUrl]);\n\n    const saveLink = () => {\n        onUrlChange?.(selectedUrl);\n        setIsModalOpen(false);\n    };\n\n    const dialogProps = {\n        onOpenAutoFocus: () => {},\n        showUnderlay: true,\n        'data-is-underlay': true,\n        minWidth: '800px',\n    };\n\n    return (\n        // oxlint-disable-next-line jsx-a11y-x/no-static-element-interactions\n        <div\n            onPointerDown={(event) => {\n                event.preventDefault();\n            }}\n            data-test-id=\"internal-link-selector\"\n            onKeyDown={onPressEnter}\n        >\n            <Dialog.Root modal open={isModalOpen} onOpenChange={setIsModalOpen}>\n                <Dialog.Trigger asChild>\n                    <Button size={buttonSize} emphasis=\"default\">\n                        <IconLink size=\"20\" />\n                        Internal link\n                    </Button>\n                </Dialog.Trigger>\n                <Dialog.Content {...dialogProps}>\n                    <Dialog.Header>\n                        <Dialog.Title>Select internal link</Dialog.Title>\n                    </Dialog.Header>\n                    <Dialog.Body padding=\"none\">\n                        <ScrollArea padding=\"compact\">\n                            <DocumentLinks\n                                selectedUrl={selectedUrl}\n                                onSelectUrl={onSelectUrl}\n                                getAllDocuments={getAllDocuments}\n                                getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                                getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                            />\n                        </ScrollArea>\n                    </Dialog.Body>\n                    <Dialog.Footer>\n                        <Button size={buttonSize} emphasis=\"default\" onPress={() => setIsModalOpen(false)}>\n                            Cancel\n                        </Button>\n                        <Button size={buttonSize} disabled={!selectedUrl} emphasis=\"strong\" onPress={() => saveLink()}>\n                            Choose\n                        </Button>\n                    </Dialog.Footer>\n                </Dialog.Content>\n            </Dialog.Root>\n        </div>\n    );\n};\n"],"mappings":";;;;;;;AAmBA,IAAa,KAAgB,EACzB,QACA,gBACA,gBAAa,UACb,oBACA,iCACA,6CACmC;CACnC,IAAM,CAAC,GAAa,KAAkB,EAAS,EAAK,GAC9C,CAAC,GAAa,KAAkB,EAAiB,CAAG,GAEpD,KAAe,MAAgB;EACjC,EAAe,CAAG;CACtB,GAEM,KAAgB,MAA2C;EAC7D,AAAI,EAAM,QAAQ,YACd,EAAM,eAAe,GACrB,EAAS;CAEjB;CAEA,QAAgB;EACZ,AAAI,KAAO,CAAC,KAER,EAAe,CAAG;CAE1B,GAAG,CAAC,GAAK,CAAW,CAAC;CAErB,IAAM,UAAiB;EAEnB,AADA,IAAc,CAAW,GACzB,EAAe,EAAK;CACxB;CASA,OAEI,kBAAC,OAAD;EACI,gBAAgB,MAAU;GACtB,EAAM,eAAe;EACzB;EACA,gBAAa;EACb,WAAW;EAEX,UAAA,kBAAC,EAAO,MAAR;GAAa,OAAA;GAAM,MAAM;GAAa,cAAc;GAApD,UAAA,CACI,kBAAC,EAAO,SAAR;IAAgB,SAAA;IACZ,UAAA,kBAAC,GAAD;KAAQ,MAAM;KAAY,UAAS;KAAnC,UAAA,CACI,kBAAC,GAAD,EAAU,MAAK,KAAM,CAAA,GAAC,eAElB;;GACI,CAAA,GAChB,kBAAC,EAAO,SAAR;IAtBR,uBAAuB,CAAC;IACxB,cAAc;IACd,oBAAoB;IACpB,UAAU;IAmBF,UAAA;KACI,kBAAC,EAAO,QAAR,EAAA,UACI,kBAAC,EAAO,OAAR,EAAA,UAAc,uBAAkC,CAAA,EACrC,CAAA;KACf,kBAAC,EAAO,MAAR;MAAa,SAAQ;MACjB,UAAA,kBAAC,GAAD;OAAY,SAAQ;OAChB,UAAA,kBAAC,GAAD;QACiB;QACA;QACI;QACa;QACO;OACxC,CAAA;MACO,CAAA;KACH,CAAA;KACb,kBAAC,EAAO,QAAR,EAAA,UAAA,CACI,kBAAC,GAAD;MAAQ,MAAM;MAAY,UAAS;MAAU,eAAe,EAAe,EAAK;MAAG,UAAA;KAE3E,CAAA,GACR,kBAAC,GAAD;MAAQ,MAAM;MAAY,UAAU,CAAC;MAAa,UAAS;MAAS,eAAe,EAAS;MAAG,UAAA;KAEvF,CAAA,CACG,EAAA,CAAA;IACH;GACP,CAAA,CAAA;;CACZ,CAAA;AAEb"}

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

@@ -1,7 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
 import { LoadingCircle as e } from "@frontify/fondue/components";
-const o = () => /* @__PURE__ */ t("div", { className: "tw-flex tw-justify-center tw-h-10 tw-items-center", children: /* @__PURE__ */ t(e, { size: "small" }) });
-export {
-  o as LoadingIndicator
-};
-//# sourceMappingURL=LoadingIndicator.es.js.map
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Link/LinkSelector/LoadingIndicator.tsx
+var n = () => /* @__PURE__ */ t("div", {
+	className: "tw-flex tw-justify-center tw-h-10 tw-items-center",
+	children: /* @__PURE__ */ t(e, { size: "small" })
+});
+//#endregion
+export { n as LoadingIndicator };
+
+//# sourceMappingURL=LoadingIndicator.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.es.js","sources":["../../../../src/components/Link/LinkSelector/LoadingIndicator.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { LoadingCircle } from '@frontify/fondue/components';\n\nexport const LoadingIndicator = () => {\n    return (\n        <div className=\"tw-flex tw-justify-center tw-h-10 tw-items-center\">\n            <LoadingCircle size=\"small\" />\n        </div>\n    );\n};\n"],"names":["LoadingIndicator","jsx","LoadingCircle"],"mappings":";;AAIO,MAAMA,IAAmB,MAExB,gBAAAC,EAAC,SAAI,WAAU,qDACX,4BAACC,GAAA,EAAc,MAAK,SAAQ,EAAA,CAChC;"}
+{"version":3,"file":"LoadingIndicator.es.js","names":[],"sources":["../../../../src/components/Link/LinkSelector/LoadingIndicator.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { LoadingCircle } from '@frontify/fondue/components';\n\nexport const LoadingIndicator = () => {\n    return (\n        <div className=\"tw-flex tw-justify-center tw-h-10 tw-items-center\">\n            <LoadingCircle size=\"small\" />\n        </div>\n    );\n};\n"],"mappings":";;;AAIA,IAAa,UAEL,kBAAC,OAAD;CAAK,WAAU;CACX,UAAA,kBAAC,GAAD,EAAe,MAAK,QAAS,CAAA;AAC5B,CAAA"}

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

@@ -1,69 +1,55 @@
-import { jsxs as l, Fragment as x, jsx as n } from "react/jsx-runtime";
-import { useState as d, useEffect as m } from "react";
-import { filterDocumentSectionsWithUnreadableTitles as g } from "../helpers/filterDocumentSectionsWithUnreadableTitles.es.js";
-import { SectionLink as v } from "./SectionLink.es.js";
-const L = ({
-  page: t,
-  selectedUrl: s,
-  onSelectUrl: c,
-  itemsToExpandInitially: r,
-  getDocumentSectionsByDocumentPageId: w
-}) => {
-  const [o, a] = d(t.id === r.documentId), [i, p] = d([]), f = t.permanentLink === s;
-  m(() => {
-    (async () => {
-      const b = await w(t.id), u = g(b);
-      p(u);
-    })();
-  }, [t.id, w]), m(() => {
-    t.id === r.pageId && a(!0);
-  }, [r, t.id]);
-  const h = i.length > 0;
-  return /* @__PURE__ */ l(x, { children: [
-    /* @__PURE__ */ n(
-      "button",
-      {
-        type: "button",
-        "data-test-id": "internal-link-selector-page-link",
-        className: `
+import { filterDocumentSectionsWithUnreadableTitles as e } from "../helpers/filterDocumentSectionsWithUnreadableTitles.es.js";
+import { SectionLink as t } from "./SectionLink.es.js";
+import { useEffect as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Link/LinkSelector/PageLink.tsx
+var s = ({ page: s, selectedUrl: c, onSelectUrl: l, itemsToExpandInitially: u, getDocumentSectionsByDocumentPageId: d }) => {
+	let [f, p] = r(s.id === u.documentId), [m, h] = r([]), g = s.permanentLink === c;
+	n(() => {
+		(async () => {
+			let t = await d(s.id), n = e(t);
+			h(n);
+		})();
+	}, [s.id, d]), n(() => {
+		s.id === u.pageId && p(!0);
+	}, [u, s.id]);
+	let _ = m.length > 0;
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("button", {
+		type: "button",
+		"data-test-id": "internal-link-selector-page-link",
+		className: `
                     tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-flex tw-w-full 
-                    ${h ? "tw-pl-7 " : "tw-pl-12 "}
-                    ${f ? "tw-bg-highlight tw-text-highlight-on-highlight hover:tw-bg-highlight-hover:hover hover:tw-text-highlight-on-highlight:hover " : "hover:tw-bg-container-secondary-hover hover:tw-text-container-secondary-on-secondary-container "}`,
-        onClick: () => c(t.permanentLink),
-        children: /* @__PURE__ */ l("div", { className: "tw-flex tw-flex-1 tw-space-x-1 tw-items-center tw-h-6", children: [
-          h && /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              className: "tw-flex tw-items-center tw-justify-center -tw-mr-2 tw-pr-3.5 tw-pt-1.5 tw-pb-1.5 tw-pl-3.5 tw-cursor-pointer",
-              onClick: () => a(!o),
-              onKeyDown: (e) => e.key === "Enter" && e.stopPropagation(),
-              children: /* @__PURE__ */ n(
-                "div",
-                {
-                  className: `tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong 
-                                ${o ? "tw-rotate-90 " : ""}`
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ n("span", { className: "tw-text-small", children: t.title }),
-          /* @__PURE__ */ n("span", { className: "tw-flex-auto tw-font-sans tw-text-x-small tw-text-right", children: "Page" })
-        ] }, t.id)
-      }
-    ),
-    o && i.length > 0 && i.map((e) => /* @__PURE__ */ n(
-      v,
-      {
-        section: e,
-        selectedUrl: s,
-        onSelectUrl: c
-      },
-      e.id
-    ))
-  ] });
+                    ${_ ? "tw-pl-7 " : "tw-pl-12 "}
+                    ${g ? "tw-bg-highlight tw-text-highlight-on-highlight hover:tw-bg-highlight-hover:hover hover:tw-text-highlight-on-highlight:hover " : "hover:tw-bg-container-secondary-hover hover:tw-text-container-secondary-on-secondary-container "}`,
+		onClick: () => l(s.permanentLink),
+		children: /* @__PURE__ */ o("div", {
+			className: "tw-flex tw-flex-1 tw-space-x-1 tw-items-center tw-h-6",
+			children: [
+				_ && /* @__PURE__ */ a("button", {
+					type: "button",
+					className: "tw-flex tw-items-center tw-justify-center -tw-mr-2 tw-pr-3.5 tw-pt-1.5 tw-pb-1.5 tw-pl-3.5 tw-cursor-pointer",
+					onClick: () => p(!f),
+					onKeyDown: (e) => e.key === "Enter" && e.stopPropagation(),
+					children: /* @__PURE__ */ a("div", { className: `tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong 
+                                ${f ? "tw-rotate-90 " : ""}` })
+				}),
+				/* @__PURE__ */ a("span", {
+					className: "tw-text-small",
+					children: s.title
+				}),
+				/* @__PURE__ */ a("span", {
+					className: "tw-flex-auto tw-font-sans tw-text-x-small tw-text-right",
+					children: "Page"
+				})
+			]
+		}, s.id)
+	}), f && m.length > 0 && m.map((e) => /* @__PURE__ */ a(t, {
+		section: e,
+		selectedUrl: c,
+		onSelectUrl: l
+	}, e.id))] });
 };
-export {
-  L as PageLink
-};
-//# sourceMappingURL=PageLink.es.js.map
+//#endregion
+export { s as PageLink };
+
+//# sourceMappingURL=PageLink.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageLink.es.js","sources":["../../../../src/components/Link/LinkSelector/PageLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DocumentSection } from '@frontify/app-bridge';\nimport { useEffect, useState } from 'react';\n\nimport { filterDocumentSectionsWithUnreadableTitles } from '../helpers/filterDocumentSectionsWithUnreadableTitles';\nimport { type DocumentSectionWithTitle, type InitiallyExpandedItems } from '../types';\n\nimport { SectionLink } from './SectionLink';\n\ntype PageLinkProps = {\n    page: {\n        id: number;\n        title: string;\n        permanentLink: string;\n    };\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    itemsToExpandInitially: InitiallyExpandedItems;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n};\n\nexport const PageLink = ({\n    page,\n    selectedUrl,\n    onSelectUrl,\n    itemsToExpandInitially,\n    getDocumentSectionsByDocumentPageId,\n}: PageLinkProps) => {\n    const [isExpanded, setIsExpanded] = useState(page.id === itemsToExpandInitially.documentId);\n    const [documentSections, setDocumentSections] = useState<DocumentSectionWithTitle[]>([]);\n    const isActive = page.permanentLink === selectedUrl;\n\n    useEffect(() => {\n        const fetchDocumentSections = async () => {\n            const sections = await getDocumentSectionsByDocumentPageId(page.id);\n            const sectionsWithReadableTitles = filterDocumentSectionsWithUnreadableTitles(sections);\n            setDocumentSections(sectionsWithReadableTitles);\n        };\n\n        fetchDocumentSections();\n    }, [page.id, getDocumentSectionsByDocumentPageId]);\n\n    useEffect(() => {\n        if (page.id === itemsToExpandInitially.pageId) {\n            // oxlint-disable-next-line @eslint-react/set-state-in-effect\n            setIsExpanded(true);\n        }\n    }, [itemsToExpandInitially, page.id]);\n\n    const hasSections = documentSections.length > 0;\n\n    return (\n        <>\n            <button\n                type=\"button\"\n                data-test-id=\"internal-link-selector-page-link\"\n                className={`\n                    tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-flex tw-w-full \n                    ${hasSections ? 'tw-pl-7 ' : 'tw-pl-12 '}\n                    ${\n                        isActive\n                            ? 'tw-bg-highlight tw-text-highlight-on-highlight hover:tw-bg-highlight-hover:hover hover:tw-text-highlight-on-highlight:hover '\n                            : 'hover:tw-bg-container-secondary-hover hover:tw-text-container-secondary-on-secondary-container '\n                    }`}\n                onClick={() => onSelectUrl(page.permanentLink)}\n            >\n                <div key={page.id} className=\"tw-flex tw-flex-1 tw-space-x-1 tw-items-center tw-h-6\">\n                    {hasSections && (\n                        <button\n                            type=\"button\"\n                            className=\"tw-flex tw-items-center tw-justify-center -tw-mr-2 tw-pr-3.5 tw-pt-1.5 tw-pb-1.5 tw-pl-3.5 tw-cursor-pointer\"\n                            onClick={() => setIsExpanded(!isExpanded)}\n                            onKeyDown={(event) => event.key === 'Enter' && event.stopPropagation()}\n                        >\n                            <div\n                                className={`tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong \n                                ${isExpanded ? 'tw-rotate-90 ' : ''}`}\n                            />\n                        </button>\n                    )}\n                    <span className=\"tw-text-small\">{page.title}</span>\n                    <span className=\"tw-flex-auto tw-font-sans tw-text-x-small tw-text-right\">Page</span>\n                </div>\n            </button>\n            {isExpanded &&\n                documentSections.length > 0 &&\n                documentSections.map((section) => {\n                    return (\n                        <SectionLink\n                            key={section.id}\n                            section={section}\n                            selectedUrl={selectedUrl}\n                            onSelectUrl={onSelectUrl}\n                        />\n                    );\n                })}\n        </>\n    );\n};\n"],"names":["PageLink","page","selectedUrl","onSelectUrl","itemsToExpandInitially","getDocumentSectionsByDocumentPageId","isExpanded","setIsExpanded","useState","documentSections","setDocumentSections","isActive","useEffect","sections","sectionsWithReadableTitles","filterDocumentSectionsWithUnreadableTitles","hasSections","jsxs","Fragment","jsx","event","section","SectionLink"],"mappings":";;;;AAsBO,MAAMA,IAAW,CAAC;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,qCAAAC;AACJ,MAAqB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASP,EAAK,OAAOG,EAAuB,UAAU,GACpF,CAACK,GAAkBC,CAAmB,IAAIF,EAAqC,CAAA,CAAE,GACjFG,IAAWV,EAAK,kBAAkBC;AAExC,EAAAU,EAAU,MAAM;AAOZ,KAN8B,YAAY;AACtC,YAAMC,IAAW,MAAMR,EAAoCJ,EAAK,EAAE,GAC5Da,IAA6BC,EAA2CF,CAAQ;AACtF,MAAAH,EAAoBI,CAA0B;AAAA,IAClD,GAEA;AAAA,EACJ,GAAG,CAACb,EAAK,IAAII,CAAmC,CAAC,GAEjDO,EAAU,MAAM;AACZ,IAAIX,EAAK,OAAOG,EAAuB,UAEnCG,EAAc,EAAI;AAAA,EAE1B,GAAG,CAACH,GAAwBH,EAAK,EAAE,CAAC;AAEpC,QAAMe,IAAcP,EAAiB,SAAS;AAE9C,SACI,gBAAAQ,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,gBAAa;AAAA,QACb,WAAW;AAAA;AAAA,sBAELH,IAAc,aAAa,WAAW;AAAA,sBAEpCL,IACM,iIACA,iGACV;AAAA,QACJ,SAAS,MAAMR,EAAYF,EAAK,aAAa;AAAA,QAE7C,UAAA,gBAAAgB,EAAC,OAAA,EAAkB,WAAU,yDACxB,UAAA;AAAA,UAAAD,KACG,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS,MAAMZ,EAAc,CAACD,CAAU;AAAA,cACxC,WAAW,CAACc,MAAUA,EAAM,QAAQ,WAAWA,EAAM,gBAAA;AAAA,cAErD,UAAA,gBAAAD;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAW;AAAA,kCACTb,IAAa,kBAAkB,EAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,YACvC;AAAA,UAAA;AAAA,UAGR,gBAAAa,EAAC,QAAA,EAAK,WAAU,iBAAiB,YAAK,OAAM;AAAA,UAC5C,gBAAAA,EAAC,QAAA,EAAK,WAAU,2DAA0D,UAAA,OAAA,CAAI;AAAA,QAAA,EAAA,GAfxElB,EAAK,EAgBf;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHK,KACGG,EAAiB,SAAS,KAC1BA,EAAiB,IAAI,CAACY,MAEd,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEG,SAAAD;AAAA,QACA,aAAAnB;AAAA,QACA,aAAAC;AAAA,MAAA;AAAA,MAHKkB,EAAQ;AAAA,IAAA,CAMxB;AAAA,EAAA,GACT;AAER;"}
+{"version":3,"file":"PageLink.es.js","names":[],"sources":["../../../../src/components/Link/LinkSelector/PageLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DocumentSection } from '@frontify/app-bridge';\nimport { useEffect, useState } from 'react';\n\nimport { filterDocumentSectionsWithUnreadableTitles } from '../helpers/filterDocumentSectionsWithUnreadableTitles';\nimport { type DocumentSectionWithTitle, type InitiallyExpandedItems } from '../types';\n\nimport { SectionLink } from './SectionLink';\n\ntype PageLinkProps = {\n    page: {\n        id: number;\n        title: string;\n        permanentLink: string;\n    };\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    itemsToExpandInitially: InitiallyExpandedItems;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n};\n\nexport const PageLink = ({\n    page,\n    selectedUrl,\n    onSelectUrl,\n    itemsToExpandInitially,\n    getDocumentSectionsByDocumentPageId,\n}: PageLinkProps) => {\n    const [isExpanded, setIsExpanded] = useState(page.id === itemsToExpandInitially.documentId);\n    const [documentSections, setDocumentSections] = useState<DocumentSectionWithTitle[]>([]);\n    const isActive = page.permanentLink === selectedUrl;\n\n    useEffect(() => {\n        const fetchDocumentSections = async () => {\n            const sections = await getDocumentSectionsByDocumentPageId(page.id);\n            const sectionsWithReadableTitles = filterDocumentSectionsWithUnreadableTitles(sections);\n            setDocumentSections(sectionsWithReadableTitles);\n        };\n\n        fetchDocumentSections();\n    }, [page.id, getDocumentSectionsByDocumentPageId]);\n\n    useEffect(() => {\n        if (page.id === itemsToExpandInitially.pageId) {\n            // oxlint-disable-next-line @eslint-react/set-state-in-effect\n            setIsExpanded(true);\n        }\n    }, [itemsToExpandInitially, page.id]);\n\n    const hasSections = documentSections.length > 0;\n\n    return (\n        <>\n            <button\n                type=\"button\"\n                data-test-id=\"internal-link-selector-page-link\"\n                className={`\n                    tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-flex tw-w-full \n                    ${hasSections ? 'tw-pl-7 ' : 'tw-pl-12 '}\n                    ${\n                        isActive\n                            ? 'tw-bg-highlight tw-text-highlight-on-highlight hover:tw-bg-highlight-hover:hover hover:tw-text-highlight-on-highlight:hover '\n                            : 'hover:tw-bg-container-secondary-hover hover:tw-text-container-secondary-on-secondary-container '\n                    }`}\n                onClick={() => onSelectUrl(page.permanentLink)}\n            >\n                <div key={page.id} className=\"tw-flex tw-flex-1 tw-space-x-1 tw-items-center tw-h-6\">\n                    {hasSections && (\n                        <button\n                            type=\"button\"\n                            className=\"tw-flex tw-items-center tw-justify-center -tw-mr-2 tw-pr-3.5 tw-pt-1.5 tw-pb-1.5 tw-pl-3.5 tw-cursor-pointer\"\n                            onClick={() => setIsExpanded(!isExpanded)}\n                            onKeyDown={(event) => event.key === 'Enter' && event.stopPropagation()}\n                        >\n                            <div\n                                className={`tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong \n                                ${isExpanded ? 'tw-rotate-90 ' : ''}`}\n                            />\n                        </button>\n                    )}\n                    <span className=\"tw-text-small\">{page.title}</span>\n                    <span className=\"tw-flex-auto tw-font-sans tw-text-x-small tw-text-right\">Page</span>\n                </div>\n            </button>\n            {isExpanded &&\n                documentSections.length > 0 &&\n                documentSections.map((section) => {\n                    return (\n                        <SectionLink\n                            key={section.id}\n                            section={section}\n                            selectedUrl={selectedUrl}\n                            onSelectUrl={onSelectUrl}\n                        />\n                    );\n                })}\n        </>\n    );\n};\n"],"mappings":";;;;;AAsBA,IAAa,KAAY,EACrB,SACA,gBACA,gBACA,2BACA,6CACiB;CACjB,IAAM,CAAC,GAAY,KAAiB,EAAS,EAAK,OAAO,EAAuB,UAAU,GACpF,CAAC,GAAkB,KAAuB,EAAqC,CAAC,CAAC,GACjF,IAAW,EAAK,kBAAkB;CAYxC,AAVA,QAAgB;EAOZ,aAN0C;GACtC,IAAM,IAAW,MAAM,EAAoC,EAAK,EAAE,GAC5D,IAA6B,EAA2C,CAAQ;GACtF,EAAoB,CAA0B;EAClD,EAEA,CAAsB;CAC1B,GAAG,CAAC,EAAK,IAAI,CAAmC,CAAC,GAEjD,QAAgB;EACZ,AAAI,EAAK,OAAO,EAAuB,UAEnC,EAAc,EAAI;CAE1B,GAAG,CAAC,GAAwB,EAAK,EAAE,CAAC;CAEpC,IAAM,IAAc,EAAiB,SAAS;CAE9C,OACI,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,UAAD;EACI,MAAK;EACL,gBAAa;EACb,WAAW;;sBAEL,IAAc,aAAa,YAAY;sBAErC,IACM,iIACA;EAEd,eAAe,EAAY,EAAK,aAAa;EAE7C,UAAA,kBAAC,OAAD;GAAmB,WAAU;GAA7B,UAAA;IACK,KACG,kBAAC,UAAD;KACI,MAAK;KACL,WAAU;KACV,eAAe,EAAc,CAAC,CAAU;KACxC,YAAY,MAAU,EAAM,QAAQ,WAAW,EAAM,gBAAgB;KAErE,UAAA,kBAAC,OAAD,EACI,WAAW;kCACT,IAAa,kBAAkB,KACpC,CAAA;IACG,CAAA;IAEZ,kBAAC,QAAD;KAAM,WAAU;KAAiB,UAAA,EAAK;IAAY,CAAA;IAClD,kBAAC,QAAD;KAAM,WAAU;KAA0D,UAAA;IAAU,CAAA;GACnF;EAhBK,GAAA,EAAK,EAgBV;CACD,CAAA,GACP,KACG,EAAiB,SAAS,KAC1B,EAAiB,KAAK,MAEd,kBAAC,GAAD;EAEa;EACI;EACA;CAChB,GAJQ,EAAQ,EAIhB,CAER,CACP,EAAA,CAAA;AAEV"}

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

@@ -1,38 +1,29 @@
-import { jsx as o, Fragment as x } from "react/jsx-runtime";
-import { useState as n, useEffect as L } from "react";
-import { LoadingIndicator as P } from "./LoadingIndicator.es.js";
-import { PageLink as k } from "./PageLink.es.js";
-const j = ({
-  documentId: i,
-  selectedUrl: c,
-  onSelectUrl: g,
-  itemsToExpandInitially: l,
-  getDocumentSectionsByDocumentPageId: m,
-  getDocumentPagesByDocumentId: d
-}) => {
-  const [f, p] = n([]), [s, y] = n(!0), a = [...f.values()], h = !s && a.length > 0;
-  return L(() => {
-    d(i).then((e) => {
-      const u = e.filter((t) => !!t.category).sort(
-        (t, r) => t.category.sort === r.category.sort ? t.sort - r.sort : t.category.sort - r.category.sort
-      ), w = e.filter((t) => !t.category).sort((t, r) => t.sort - r.sort);
-      p([...u, ...w]);
-    }).finally(() => {
-      y(!1);
-    });
-  }, []), s ? /* @__PURE__ */ o(P, {}) : h ? /* @__PURE__ */ o(x, { children: a.map((e) => /* @__PURE__ */ o(
-    k,
-    {
-      page: e,
-      selectedUrl: c,
-      onSelectUrl: g,
-      itemsToExpandInitially: l,
-      getDocumentSectionsByDocumentPageId: m
-    },
-    e.id
-  )) }) : /* @__PURE__ */ o("div", { className: "tw-h-10 tw-flex tw-items-center tw-pr-2.5 tw-pl-7 tw-leading-5 tw-text-small tw-text-secondary", children: "This document does not contain any pages." });
+import { LoadingIndicator as e } from "./LoadingIndicator.es.js";
+import { PageLink as t } from "./PageLink.es.js";
+import { useEffect as n, useState as r } from "react";
+import { Fragment as i, jsx as a } from "react/jsx-runtime";
+//#region src/components/Link/LinkSelector/PageLinks.tsx
+var o = ({ documentId: o, selectedUrl: s, onSelectUrl: c, itemsToExpandInitially: l, getDocumentSectionsByDocumentPageId: u, getDocumentPagesByDocumentId: d }) => {
+	let [f, p] = r([]), [m, h] = r(!0), g = [...f.values()], _ = !m && g.length > 0;
+	return n(() => {
+		d(o).then((e) => {
+			let t = e.filter((e) => !!e.category).sort((e, t) => e.category.sort === t.category.sort ? e.sort - t.sort : e.category.sort - t.category.sort), n = e.filter((e) => !e.category).sort((e, t) => e.sort - t.sort);
+			p([...t, ...n]);
+		}).finally(() => {
+			h(!1);
+		});
+	}, []), m ? /* @__PURE__ */ a(e, {}) : _ ? /* @__PURE__ */ a(i, { children: g.map((e) => /* @__PURE__ */ a(t, {
+		page: e,
+		selectedUrl: s,
+		onSelectUrl: c,
+		itemsToExpandInitially: l,
+		getDocumentSectionsByDocumentPageId: u
+	}, e.id)) }) : /* @__PURE__ */ a("div", {
+		className: "tw-h-10 tw-flex tw-items-center tw-pr-2.5 tw-pl-7 tw-leading-5 tw-text-small tw-text-secondary",
+		children: "This document does not contain any pages."
+	});
 };
-export {
-  j as PageLinks
-};
-//# sourceMappingURL=PageLinks.es.js.map
+//#endregion
+export { o as PageLinks };
+
+//# sourceMappingURL=PageLinks.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageLinks.es.js","sources":["../../../../src/components/Link/LinkSelector/PageLinks.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DocumentPage, type DocumentSection } from '@frontify/app-bridge';\nimport { type ReactElement, useEffect, useState } from 'react';\n\nimport { type InitiallyExpandedItems } from '../types';\n\nimport { LoadingIndicator } from './LoadingIndicator';\nimport { PageLink } from './PageLink';\n\ntype PageLinksProps = {\n    documentId: number;\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    itemsToExpandInitially: InitiallyExpandedItems;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const PageLinks = ({\n    documentId,\n    selectedUrl,\n    onSelectUrl,\n    itemsToExpandInitially,\n    getDocumentSectionsByDocumentPageId,\n    getDocumentPagesByDocumentId,\n}: PageLinksProps): ReactElement => {\n    const [pages, setPages] = useState<DocumentPage[]>([]);\n    const [isLoading, setIsLoading] = useState(true);\n    const pagesArray = [...pages.values()];\n    const hasPages = !isLoading && pagesArray.length > 0;\n\n    useEffect(() => {\n        getDocumentPagesByDocumentId(documentId)\n            .then((_pages) => {\n                const pagesWithCategories = _pages\n                    .filter((page) => !!page.category)\n                    .sort((a, b) =>\n                        a.category.sort === b.category.sort ? a.sort - b.sort : a.category.sort - b.category.sort,\n                    );\n                const pagesWithoutCategories = _pages.filter((page) => !page.category).sort((a, b) => a.sort - b.sort);\n                setPages([...pagesWithCategories, ...pagesWithoutCategories]);\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n        // oxlint-disable-next-line @eslint-react/exhaustive-deps\n    }, []);\n\n    if (isLoading) {\n        return <LoadingIndicator />;\n    }\n\n    return hasPages ? (\n        <>\n            {pagesArray.map((page) => {\n                return (\n                    <PageLink\n                        key={page.id}\n                        page={page}\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        itemsToExpandInitially={itemsToExpandInitially}\n                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                    />\n                );\n            })}\n        </>\n    ) : (\n        <div className=\"tw-h-10 tw-flex tw-items-center tw-pr-2.5 tw-pl-7 tw-leading-5 tw-text-small tw-text-secondary\">\n            This document does not contain any pages.\n        </div>\n    );\n};\n"],"names":["PageLinks","documentId","selectedUrl","onSelectUrl","itemsToExpandInitially","getDocumentSectionsByDocumentPageId","getDocumentPagesByDocumentId","pages","setPages","useState","isLoading","setIsLoading","pagesArray","hasPages","useEffect","_pages","pagesWithCategories","page","a","b","pagesWithoutCategories","LoadingIndicator","jsx","Fragment","PageLink"],"mappings":";;;;AAmBO,MAAMA,IAAY,CAAC;AAAA,EACtB,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,qCAAAC;AAAA,EACA,8BAAAC;AACJ,MAAoC;AAChC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAyB,CAAA,CAAE,GAC/C,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAI,GACzCG,IAAa,CAAC,GAAGL,EAAM,QAAQ,GAC/BM,IAAW,CAACH,KAAaE,EAAW,SAAS;AAmBnD,SAjBAE,EAAU,MAAM;AACZ,IAAAR,EAA6BL,CAAU,EAClC,KAAK,CAACc,MAAW;AACd,YAAMC,IAAsBD,EACvB,OAAO,CAACE,MAAS,CAAC,CAACA,EAAK,QAAQ,EAChC;AAAA,QAAK,CAACC,GAAGC,MACND,EAAE,SAAS,SAASC,EAAE,SAAS,OAAOD,EAAE,OAAOC,EAAE,OAAOD,EAAE,SAAS,OAAOC,EAAE,SAAS;AAAA,MAAA,GAEvFC,IAAyBL,EAAO,OAAO,CAACE,MAAS,CAACA,EAAK,QAAQ,EAAE,KAAK,CAACC,GAAGC,MAAMD,EAAE,OAAOC,EAAE,IAAI;AACrG,MAAAX,EAAS,CAAC,GAAGQ,GAAqB,GAAGI,CAAsB,CAAC;AAAA,IAChE,CAAC,EACA,QAAQ,MAAM;AACX,MAAAT,EAAa,EAAK;AAAA,IACtB,CAAC;AAAA,EAET,GAAG,CAAA,CAAE,GAEDD,sBACQW,GAAA,EAAiB,IAGtBR,IACH,gBAAAS,EAAAC,GAAA,EACK,UAAAX,EAAW,IAAI,CAACK,MAET,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MAEG,MAAAP;AAAA,MACA,aAAAf;AAAA,MACA,aAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,qCAAAC;AAAA,IAAA;AAAA,IALKY,EAAK;AAAA,EAAA,CAQrB,EAAA,CACL,sBAEC,OAAA,EAAI,WAAU,kGAAiG,UAAA,6CAEhH;AAER;"}
+{"version":3,"file":"PageLinks.es.js","names":[],"sources":["../../../../src/components/Link/LinkSelector/PageLinks.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DocumentPage, type DocumentSection } from '@frontify/app-bridge';\nimport { type ReactElement, useEffect, useState } from 'react';\n\nimport { type InitiallyExpandedItems } from '../types';\n\nimport { LoadingIndicator } from './LoadingIndicator';\nimport { PageLink } from './PageLink';\n\ntype PageLinksProps = {\n    documentId: number;\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    itemsToExpandInitially: InitiallyExpandedItems;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const PageLinks = ({\n    documentId,\n    selectedUrl,\n    onSelectUrl,\n    itemsToExpandInitially,\n    getDocumentSectionsByDocumentPageId,\n    getDocumentPagesByDocumentId,\n}: PageLinksProps): ReactElement => {\n    const [pages, setPages] = useState<DocumentPage[]>([]);\n    const [isLoading, setIsLoading] = useState(true);\n    const pagesArray = [...pages.values()];\n    const hasPages = !isLoading && pagesArray.length > 0;\n\n    useEffect(() => {\n        getDocumentPagesByDocumentId(documentId)\n            .then((_pages) => {\n                const pagesWithCategories = _pages\n                    .filter((page) => !!page.category)\n                    .sort((a, b) =>\n                        a.category.sort === b.category.sort ? a.sort - b.sort : a.category.sort - b.category.sort,\n                    );\n                const pagesWithoutCategories = _pages.filter((page) => !page.category).sort((a, b) => a.sort - b.sort);\n                setPages([...pagesWithCategories, ...pagesWithoutCategories]);\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n        // oxlint-disable-next-line @eslint-react/exhaustive-deps\n    }, []);\n\n    if (isLoading) {\n        return <LoadingIndicator />;\n    }\n\n    return hasPages ? (\n        <>\n            {pagesArray.map((page) => {\n                return (\n                    <PageLink\n                        key={page.id}\n                        page={page}\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        itemsToExpandInitially={itemsToExpandInitially}\n                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                    />\n                );\n            })}\n        </>\n    ) : (\n        <div className=\"tw-h-10 tw-flex tw-items-center tw-pr-2.5 tw-pl-7 tw-leading-5 tw-text-small tw-text-secondary\">\n            This document does not contain any pages.\n        </div>\n    );\n};\n"],"mappings":";;;;;AAmBA,IAAa,KAAa,EACtB,eACA,gBACA,gBACA,2BACA,wCACA,sCACgC;CAChC,IAAM,CAAC,GAAO,KAAY,EAAyB,CAAC,CAAC,GAC/C,CAAC,GAAW,KAAgB,EAAS,EAAI,GACzC,IAAa,CAAC,GAAG,EAAM,OAAO,CAAC,GAC/B,IAAW,CAAC,KAAa,EAAW,SAAS;CAuBnD,OArBA,QAAgB;EACZ,EAA6B,CAAU,CAAC,CACnC,MAAM,MAAW;GACd,IAAM,IAAsB,EACvB,QAAQ,MAAS,CAAC,CAAC,EAAK,QAAQ,CAAC,CACjC,MAAM,GAAG,MACN,EAAE,SAAS,SAAS,EAAE,SAAS,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,OAAO,EAAE,SAAS,IACzF,GACE,IAAyB,EAAO,QAAQ,MAAS,CAAC,EAAK,QAAQ,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,IAAI;GACrG,EAAS,CAAC,GAAG,GAAqB,GAAG,CAAsB,CAAC;EAChE,CAAC,CAAC,CACD,cAAc;GACX,EAAa,EAAK;EACtB,CAAC;CAET,GAAG,CAAC,CAAC,GAED,IACO,kBAAC,GAAD,CAAmB,CAAA,IAGvB,IACH,kBAAA,GAAA,EAAA,UACK,EAAW,KAAK,MAET,kBAAC,GAAD;EAEU;EACO;EACA;EACW;EACa;CACxC,GANQ,EAAK,EAMb,CAER,EACH,CAAA,IAEF,kBAAC,OAAD;EAAK,WAAU;EAAiG,UAAA;CAE3G,CAAA;AAEb"}

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

@@ -1,26 +1,33 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { IconDocumentText as h } from "@frontify/fondue/icons";
-const s = ({ section: e, selectedUrl: i, onSelectUrl: o }) => {
-  const n = e.permanentLink === i;
-  return /* @__PURE__ */ t(
-    "button",
-    {
-      "data-test-id": "internal-link-selector-section-link",
-      type: "button",
-      "data-is-active": n,
-      className: `
+import { IconDocumentText as e } from "@frontify/fondue/icons";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/Link/LinkSelector/SectionLink.tsx
+var r = ({ section: r, selectedUrl: i, onSelectUrl: a }) => {
+	let o = r.permanentLink === i;
+	return /* @__PURE__ */ t("button", {
+		"data-test-id": "internal-link-selector-section-link",
+		type: "button",
+		"data-is-active": o,
+		className: `
                 tw-py-2 tw-pr-2.5 tw-pl-14 tw-leading-5 tw-cursor-pointer tw-w-full 
-                ${n ? "tw-bg-highlight tw-text-highlight-on-highlight hover:tw-bg-highlight-hover:hover hover:tw-text-highlight-on-highlight:hover" : "hover:tw-bg-container-secondary-hover hover:tw-text-container-secondary-on-secondary-container"}`,
-      onClick: () => o(e.permanentLink),
-      children: /* @__PURE__ */ r("div", { className: "tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-h-6", children: [
-        /* @__PURE__ */ t(h, { size: 16 }),
-        /* @__PURE__ */ t("span", { className: "tw-text-small", children: e.title }),
-        /* @__PURE__ */ t("span", { className: "tw-flex-auto tw-font-sans tw-text-x-small tw-text-right", children: "Section" })
-      ] })
-    }
-  );
+                ${o ? "tw-bg-highlight tw-text-highlight-on-highlight hover:tw-bg-highlight-hover:hover hover:tw-text-highlight-on-highlight:hover" : "hover:tw-bg-container-secondary-hover hover:tw-text-container-secondary-on-secondary-container"}`,
+		onClick: () => a(r.permanentLink),
+		children: /* @__PURE__ */ n("div", {
+			className: "tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-h-6",
+			children: [
+				/* @__PURE__ */ t(e, { size: 16 }),
+				/* @__PURE__ */ t("span", {
+					className: "tw-text-small",
+					children: r.title
+				}),
+				/* @__PURE__ */ t("span", {
+					className: "tw-flex-auto tw-font-sans tw-text-x-small tw-text-right",
+					children: "Section"
+				})
+			]
+		})
+	});
 };
-export {
-  s as SectionLink
-};
-//# sourceMappingURL=SectionLink.es.js.map
+//#endregion
+export { r 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 { IconDocumentText } from '@frontify/fondue/icons';\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            type=\"button\"\n            data-is-active={isActive}\n            className={`\n                tw-py-2 tw-pr-2.5 tw-pl-14 tw-leading-5 tw-cursor-pointer tw-w-full \n                ${\n                    isActive\n                        ? 'tw-bg-highlight tw-text-highlight-on-highlight hover:tw-bg-highlight-hover:hover hover:tw-text-highlight-on-highlight:hover'\n                        : 'hover:tw-bg-container-secondary-hover hover:tw-text-container-secondary-on-secondary-container'\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                <IconDocumentText size={16} />\n                <span className=\"tw-text-small\">{section.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-x-small tw-text-right\">Section</span>\n            </div>\n        </button>\n    );\n};\n"],"names":["SectionLink","section","selectedUrl","onSelectUrl","isActive","jsx","jsxs","IconDocumentText"],"mappings":";;AAcO,MAAMA,IAAc,CAAC,EAAE,SAAAC,GAAS,aAAAC,GAAa,aAAAC,QAAoC;AACpF,QAAMC,IAAWH,EAAQ,kBAAkBC;AAE3C,SACI,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAa;AAAA,MACb,MAAK;AAAA,MACL,kBAAgBD;AAAA,MAChB,WAAW;AAAA;AAAA,kBAGHA,IACM,gIACA,gGACV;AAAA,MACJ,SAAS,MAAMD,EAAYF,EAAQ,aAAa;AAAA,MAEhD,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,yDACX,UAAA;AAAA,QAAA,gBAAAD,EAACE,GAAA,EAAiB,MAAM,GAAA,CAAI;AAAA,QAC5B,gBAAAF,EAAC,QAAA,EAAK,WAAU,iBAAiB,YAAQ,OAAM;AAAA,QAC/C,gBAAAA,EAAC,QAAA,EAAK,WAAU,2DAA0D,UAAA,UAAA,CAAO;AAAA,MAAA,EAAA,CACrF;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"SectionLink.es.js","names":[],"sources":["../../../../src/components/Link/LinkSelector/SectionLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconDocumentText } from '@frontify/fondue/icons';\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            type=\"button\"\n            data-is-active={isActive}\n            className={`\n                tw-py-2 tw-pr-2.5 tw-pl-14 tw-leading-5 tw-cursor-pointer tw-w-full \n                ${\n                    isActive\n                        ? 'tw-bg-highlight tw-text-highlight-on-highlight hover:tw-bg-highlight-hover:hover hover:tw-text-highlight-on-highlight:hover'\n                        : 'hover:tw-bg-container-secondary-hover hover:tw-text-container-secondary-on-secondary-container'\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                <IconDocumentText size={16} />\n                <span className=\"tw-text-small\">{section.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-x-small tw-text-right\">Section</span>\n            </div>\n        </button>\n    );\n};\n"],"mappings":";;;AAcA,IAAa,KAAe,EAAE,YAAS,gBAAa,qBAAoC;CACpF,IAAM,IAAW,EAAQ,kBAAkB;CAE3C,OACI,kBAAC,UAAD;EACI,gBAAa;EACb,MAAK;EACL,kBAAgB;EAChB,WAAW;;kBAGH,IACM,gIACA;EAEd,eAAe,EAAY,EAAQ,aAAa;EAEhD,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACI,kBAAC,GAAD,EAAkB,MAAM,GAAK,CAAA;IAC7B,kBAAC,QAAD;KAAM,WAAU;KAAiB,UAAA,EAAQ;IAAY,CAAA;IACrD,kBAAC,QAAD;KAAM,WAAU;KAA0D,UAAA;IAAa,CAAA;GACtF;;CACD,CAAA;AAEhB"}