@frontify/guideline-blocks-settings 3.0.3 → 4.0.0-alpha.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frontify/guideline-blocks-settings",
   "type": "module",
-  "version": "3.0.3",
+  "version": "4.0.0-alpha.0",
   "description": "Provides types and helpers for the guideline block development",
   "author": "Frontify Developers <developers@frontify.com>",
   "repository": {
@@ -29,7 +29,7 @@
     "tailwind.config.ts"
   ],
   "peerDependencies": {
-    "@frontify/app-bridge": "^3.0.0 || ^4.0.0-alpha.0",
+    "@frontify/app-bridge": "^4.0.0-alpha.0",
     "react": "^18",
     "react-dom": "^18"
   },

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

@@ -1,47 +0,0 @@
-import { PageLinks as e } from "./PageLinks.es.js";
-import { IconColorFan as t } from "@frontify/fondue/icons";
-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/DocumentLink.tsx
-var s = ({ document: s, selectedUrl: c, onSelectUrl: l, itemsToExpandInitially: u, getDocumentSectionsByDocumentPageId: d, getDocumentPagesByDocumentId: f }) => {
-	let [p, m] = r(s.id === u.documentId), h = s.permanentLink === c;
-	return n(() => {
-		s.id === u.documentId && m(!0);
-	}, [u, s.id]), /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("button", {
-		type: "button",
-		"data-test-id": "internal-link-selector-document-link",
-		className: `tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-w-full ${h ? "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__ */ a("button", {
-				type: "button",
-				tabIndex: 0,
-				"data-test-id": "tree-item-toggle",
-				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: () => m(!p),
-				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 ${p ? "tw-rotate-90" : ""}` })
-			}),
-			/* @__PURE__ */ a(t, { size: 16 }),
-			/* @__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: "Document"
-			})
-		]
-	}), p && /* @__PURE__ */ a(e, {
-		documentId: s.id,
-		selectedUrl: c,
-		onSelectUrl: l,
-		itemsToExpandInitially: u,
-		getDocumentSectionsByDocumentPageId: d,
-		getDocumentPagesByDocumentId: f
-	})] });
-};
-//#endregion
-export { s as DocumentLink };
-
-//# sourceMappingURL=DocumentLink.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentLink.es.js","names":[],"sources":["../../../../src/components/Link/LinkSelector/DocumentLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DocumentPage, type DocumentSection } from '@frontify/app-bridge';\nimport { IconColorFan } from '@frontify/fondue/icons';\nimport { useEffect, useState } from 'react';\n\nimport { type InitiallyExpandedItems } from '../types';\n\nimport { PageLinks } from './PageLinks';\n\ntype DocumentLinkProps = {\n    document: {\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    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const DocumentLink = ({\n    document,\n    selectedUrl,\n    onSelectUrl,\n    itemsToExpandInitially,\n    getDocumentSectionsByDocumentPageId,\n    getDocumentPagesByDocumentId,\n}: DocumentLinkProps) => {\n    const [isExpanded, setIsExpanded] = useState(document.id === itemsToExpandInitially.documentId);\n    const isActive = document.permanentLink === selectedUrl;\n\n    useEffect(() => {\n        if (document.id === itemsToExpandInitially.documentId) {\n            // oxlint-disable-next-line @eslint-react/set-state-in-effect\n            setIsExpanded(true);\n        }\n    }, [itemsToExpandInitially, document.id]);\n\n    return (\n        <>\n            <button\n                type=\"button\"\n                data-test-id=\"internal-link-selector-document-link\"\n                className={`tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-w-full ${\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(document.permanentLink)}\n            >\n                <button\n                    type=\"button\"\n                    tabIndex={0}\n                    data-test-id=\"tree-item-toggle\"\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 ${isExpanded ? 'tw-rotate-90' : ''}`}\n                    ></div>\n                </button>\n                <IconColorFan size={16} />\n                <span className=\"tw-text-small\">{document.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-x-small tw-text-right\">Document</span>\n            </button>\n            {isExpanded && (\n                <PageLinks\n                    documentId={document.id}\n                    selectedUrl={selectedUrl}\n                    onSelectUrl={onSelectUrl}\n                    itemsToExpandInitially={itemsToExpandInitially}\n                    getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                    getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                />\n            )}\n        </>\n    );\n};\n"],"mappings":";;;;;AAuBA,IAAa,KAAgB,EACzB,aACA,gBACA,gBACA,2BACA,wCACA,sCACqB;CACrB,IAAM,CAAC,GAAY,KAAiB,EAAS,EAAS,OAAO,EAAuB,UAAU,GACxF,IAAW,EAAS,kBAAkB;CAS5C,OAPA,QAAgB;EACZ,AAAI,EAAS,OAAO,EAAuB,cAEvC,EAAc,EAAI;CAE1B,GAAG,CAAC,GAAwB,EAAS,EAAE,CAAC,GAGpC,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,UAAD;EACI,MAAK;EACL,gBAAa;EACb,WAAW,6GACP,IACM,gIACA;EAEV,eAAe,EAAY,EAAS,aAAa;EARrD,UAAA;GAUI,kBAAC,UAAD;IACI,MAAK;IACL,UAAU;IACV,gBAAa;IACb,WAAU;IACV,eAAe,EAAc,CAAC,CAAU;IACxC,YAAY,MAAU,EAAM,QAAQ,WAAW,EAAM,gBAAgB;IAErE,UAAA,kBAAC,OAAD,EACI,WAAW,uKAAuK,IAAa,iBAAiB,KAC9M,CAAA;GACF,CAAA;GACR,kBAAC,GAAD,EAAc,MAAM,GAAK,CAAA;GACzB,kBAAC,QAAD;IAAM,WAAU;IAAiB,UAAA,EAAS;GAAY,CAAA;GACtD,kBAAC,QAAD;IAAM,WAAU;IAA0D,UAAA;GAAc,CAAA;EACpF;CACP,CAAA,GAAA,KACG,kBAAC,GAAD;EACI,YAAY,EAAS;EACR;EACA;EACW;EACa;EACP;CACjC,CAAA,CAEP,EAAA,CAAA;AAEV"}

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

@@ -1,51 +0,0 @@
-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)) });
-};
-//#endregion
-export { s as DocumentLinks };
-
-//# sourceMappingURL=DocumentLinks.es.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,77 +0,0 @@
-/* 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

@@ -1 +0,0 @@
-{"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,11 +0,0 @@
-import { LoadingCircle as e } from "@frontify/fondue/components";
-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 +0,0 @@
-{"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,55 +0,0 @@
-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 
-                    ${_ ? "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))] });
-};
-//#endregion
-export { s as PageLink };
-
-//# sourceMappingURL=PageLink.es.js.map

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

@@ -1 +0,0 @@
-{"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,29 +0,0 @@
-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."
-	});
-};
-//#endregion
-export { o as PageLinks };
-
-//# sourceMappingURL=PageLinks.es.js.map

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

@@ -1 +0,0 @@
-{"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,33 +0,0 @@
-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 
-                ${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"
-				})
-			]
-		})
-	});
-};
-//#endregion
-export { r as SectionLink };
-
-//# sourceMappingURL=SectionLink.es.js.map

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

@@ -1 +0,0 @@
-{"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"}

package/dist/components/Link/helpers/filterDocumentSectionsWithUnreadableTitles.es.js

@@ -1,6 +0,0 @@
-//#region src/components/Link/helpers/filterDocumentSectionsWithUnreadableTitles.ts
-var e = (e) => e.filter((e) => !!e.title?.trim());
-//#endregion
-export { e as filterDocumentSectionsWithUnreadableTitles };
-
-//# sourceMappingURL=filterDocumentSectionsWithUnreadableTitles.es.js.map

package/dist/components/Link/helpers/filterDocumentSectionsWithUnreadableTitles.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filterDocumentSectionsWithUnreadableTitles.es.js","names":[],"sources":["../../../../src/components/Link/helpers/filterDocumentSectionsWithUnreadableTitles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DocumentSection } from '@frontify/app-bridge';\n\nimport { type DocumentSectionWithTitle } from '../types';\n\nexport const filterDocumentSectionsWithUnreadableTitles = (sections: DocumentSection[]) =>\n    sections.filter((section) => !!section.title?.trim()) as DocumentSectionWithTitle[];\n"],"mappings":";AAMA,IAAa,KAA8C,MACvD,EAAS,QAAQ,MAAY,CAAC,CAAC,EAAQ,OAAO,KAAK,CAAC"}