@frontify/guideline-blocks-settings 0.33.4 → 0.34.0

package/src/components/Link/LinkSelector/DocumentLinks.tsx

@@ -1,102 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import type { Document, DocumentPage, DocumentSection } from '@frontify/app-bridge';
-import { ReactElement, useEffect, useState } from 'react';
-import { DocumentLink } from './DocumentLink';
-import { LoadingIndicator } from './LoadingIndicator';
-import { InitiallyExpandedItems } from '../';
-
-type DocumentLinksProps = {
-    selectedUrl: string;
-    onSelectUrl: (url: string) => void;
-    getAllDocuments: () => Promise<Document[]>;
-    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;
-    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;
-};
-
-export const DocumentLinks = ({
-    selectedUrl,
-    onSelectUrl,
-    getAllDocuments,
-    getDocumentPagesByDocumentId,
-    getDocumentSectionsByDocumentPageId,
-}: DocumentLinksProps): ReactElement => {
-    const [isLoading, setIsLoading] = useState(true);
-    const [documents, setDocuments] = useState<Document[]>([]);
-    const [itemsToExpandInitially, setItemsToExpandInitially] = useState<InitiallyExpandedItems>({
-        documentId: undefined,
-        pageId: undefined,
-    });
-
-    const documentArray = [...documents.values()];
-
-    useEffect(() => {
-        if (selectedUrl && documentArray.length > 0) {
-            findLocationOfSelectedUrl().then((items) => {
-                setItemsToExpandInitially(items);
-            });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [documentArray.length]);
-
-    useEffect(() => {
-        getAllDocuments()
-            .then((_documents) => {
-                setDocuments(_documents);
-            })
-            .finally(() => {
-                setIsLoading(false);
-            });
-    }, []);
-
-    const findLocationOfSelectedUrl = async () => {
-        const itemsToExpand: InitiallyExpandedItems = {
-            documentId: undefined,
-            pageId: undefined,
-        };
-        const selectedUrlIsDocument = documentArray.find((document) => document.permanentLink === selectedUrl);
-        if (selectedUrlIsDocument) {
-            return itemsToExpand;
-        }
-        for (const document of documentArray) {
-            const pages = await getDocumentPagesByDocumentId(document.id);
-            const pagesArray = [...pages.values()];
-            const selectedUrlIsPage = !!pagesArray.find((page) => page.permanentLink === selectedUrl);
-            if (selectedUrlIsPage) {
-                itemsToExpand.documentId = document.id;
-                return itemsToExpand;
-            }
-            for (const page of pagesArray) {
-                const sections = await getDocumentSectionsByDocumentPageId(page.id);
-                const sectionsArray = [...sections.values()];
-                const selectedUrlIsSection = !!sectionsArray.find((section) => section.permanentLink === selectedUrl);
-                if (selectedUrlIsSection) {
-                    itemsToExpand.documentId = document.id;
-                    itemsToExpand.pageId = page.id;
-                    return itemsToExpand;
-                }
-            }
-        }
-        return itemsToExpand;
-    };
-
-    return isLoading ? (
-        <LoadingIndicator />
-    ) : (
-        <>
-            {documentArray.map((document) => {
-                return (
-                    <DocumentLink
-                        key={document.id}
-                        document={document}
-                        selectedUrl={selectedUrl}
-                        onSelectUrl={onSelectUrl}
-                        itemsToExpandInitially={itemsToExpandInitially}
-                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}
-                        getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}
-                    />
-                );
-            })}
-        </>
-    );
-};

package/src/components/Link/LinkSelector/LinkSelector.spec.ct.tsx

@@ -1,196 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import {
-    DocumentApiDummy,
-    DocumentPageApiDummy,
-    DocumentSectionApiDummy,
-    getAppBridgeBlockStub,
-} from '@frontify/app-bridge';
-import { mount } from 'cypress/react18';
-import { LinkSelector } from './LinkSelector';
-import type { SinonStub } from 'sinon';
-
-const LinkSelectorSelector = '[data-test-id="internal-link-selector"]';
-const LinkSelectorButtonSelector = '[data-test-id="internal-link-selector"] > button';
-const LinkSelectorModalSelector = '[data-test-id="modal-body"]';
-const DocumentLinkSelector = '[data-test-id="internal-link-selector-document-link"]';
-const DocumentTreeItemToggleSelector = '[data-test-id="tree-item-toggle"]';
-const PageLinkSelector = '[data-test-id="internal-link-selector-page-link"]';
-const SectionLinkSelector = '[data-test-id="internal-link-selector-section-link"]';
-
-const apiDocuments = [
-    { ...DocumentApiDummy.with(1), permanentLink: '/1' },
-    { ...DocumentApiDummy.with(2), permanentLink: '/2' },
-];
-const apiPages = [
-    { ...DocumentPageApiDummy.with(1), permanentLink: '/3' },
-    { ...DocumentPageApiDummy.with(2), permanentLink: '/4' },
-    { ...DocumentPageApiDummy.with(3), permanentLink: '/5' },
-];
-const apiSections = [
-    { ...DocumentSectionApiDummy.with(1), permanentLink: '/6' },
-    { ...DocumentSectionApiDummy.with(2), permanentLink: '/7' },
-    { ...DocumentSectionApiDummy.with(3), permanentLink: '/8' },
-    { ...DocumentSectionApiDummy.with(4), permanentLink: '/9' },
-];
-
-describe('Link Selector', () => {
-    it('renders the link selector button', () => {
-        const appBridge = getAppBridgeBlockStub();
-        mount(
-            <LinkSelector
-                getAllDocuments={appBridge.getAllDocuments}
-                getDocumentPagesByDocumentId={appBridge.getDocumentPagesByDocumentId}
-                getDocumentSectionsByDocumentPageId={appBridge.getDocumentSectionsByDocumentPageId}
-                url=""
-                onUrlChange={cy.stub()}
-            />,
-        );
-        cy.get(LinkSelectorSelector).should('exist');
-    });
-
-    it('opens the modal on button click', () => {
-        const appBridge = getAppBridgeBlockStub({
-            blockId: 1,
-        });
-        const apiDocuments = [DocumentApiDummy.with(1)];
-        (appBridge.getDocumentGroups as SinonStub) = cy.stub().returns([]);
-        (appBridge.getAllDocuments as SinonStub) = cy.stub().returns(Promise.resolve(apiDocuments));
-
-        mount(
-            <LinkSelector
-                getAllDocuments={appBridge.getAllDocuments}
-                getDocumentPagesByDocumentId={appBridge.getDocumentPagesByDocumentId}
-                getDocumentSectionsByDocumentPageId={appBridge.getDocumentSectionsByDocumentPageId}
-                url=""
-                onUrlChange={cy.stub()}
-            />,
-        );
-        cy.get(LinkSelectorButtonSelector).click();
-        cy.get(LinkSelectorModalSelector).should('exist');
-    });
-
-    it('renders two documents initially', () => {
-        const appBridge = getAppBridgeBlockStub({
-            blockId: 1,
-        });
-        (appBridge.getDocumentGroups as SinonStub) = cy.stub().returns([]);
-        (appBridge.getAllDocuments as SinonStub) = cy.stub().returns(Promise.resolve(apiDocuments));
-
-        mount(
-            <LinkSelector
-                getAllDocuments={appBridge.getAllDocuments}
-                getDocumentPagesByDocumentId={appBridge.getDocumentPagesByDocumentId}
-                getDocumentSectionsByDocumentPageId={appBridge.getDocumentSectionsByDocumentPageId}
-                url=""
-                onUrlChange={cy.stub()}
-            />,
-        );
-        cy.get(LinkSelectorButtonSelector).click();
-        cy.get(DocumentLinkSelector).should('have.length', 2);
-    });
-
-    it('renders three pages on document expand', () => {
-        const appBridge = getAppBridgeBlockStub({
-            blockId: 1,
-        });
-
-        (appBridge.getDocumentGroups as SinonStub) = cy.stub().returns([]);
-        (appBridge.getAllDocuments as SinonStub) = cy.stub().returns(Promise.resolve(apiDocuments));
-        (appBridge.getDocumentPagesByDocumentId as SinonStub) = cy.stub().returns(Promise.resolve(apiPages));
-        (appBridge.getDocumentSectionsByDocumentPageId as SinonStub) = cy.stub().returns(Promise.resolve(apiSections));
-
-        mount(
-            <LinkSelector
-                getAllDocuments={appBridge.getAllDocuments}
-                getDocumentPagesByDocumentId={appBridge.getDocumentPagesByDocumentId}
-                getDocumentSectionsByDocumentPageId={appBridge.getDocumentSectionsByDocumentPageId}
-                url=""
-                onUrlChange={cy.stub()}
-            />,
-        );
-        cy.get(LinkSelectorButtonSelector).click();
-        cy.get(DocumentLinkSelector).eq(0).find(DocumentTreeItemToggleSelector).click();
-        cy.get(PageLinkSelector).should('have.length', 3);
-    });
-
-    it('renders four sections on page expand', () => {
-        const appBridge = getAppBridgeBlockStub({
-            blockId: 1,
-        });
-        (appBridge.getDocumentGroups as SinonStub) = cy.stub().returns([]);
-        (appBridge.getAllDocuments as SinonStub) = cy.stub().returns(Promise.resolve(apiDocuments));
-        (appBridge.getDocumentPagesByDocumentId as SinonStub) = cy.stub().returns(Promise.resolve(apiPages));
-        (appBridge.getDocumentSectionsByDocumentPageId as SinonStub) = cy.stub().returns(Promise.resolve(apiSections));
-
-        mount(
-            <LinkSelector
-                getAllDocuments={appBridge.getAllDocuments}
-                getDocumentPagesByDocumentId={appBridge.getDocumentPagesByDocumentId}
-                getDocumentSectionsByDocumentPageId={appBridge.getDocumentSectionsByDocumentPageId}
-                url=""
-                onUrlChange={cy.stub()}
-            />,
-        );
-        cy.get(LinkSelectorButtonSelector).click();
-        cy.get(DocumentLinkSelector).eq(0).find(DocumentTreeItemToggleSelector).click();
-        cy.get(PageLinkSelector).eq(0).find('button').click();
-        cy.get(SectionLinkSelector).should('have.length', 4);
-    });
-
-    it('renders the selected section immediately if it is preselected', () => {
-        const appBridge = getAppBridgeBlockStub({
-            blockId: 1,
-        });
-        (appBridge.getDocumentGroups as SinonStub) = cy.stub().returns([]);
-        (appBridge.getAllDocuments as SinonStub) = cy.stub().returns(Promise.resolve(apiDocuments));
-        (appBridge.getDocumentPagesByDocumentId as SinonStub) = cy.stub().returns(Promise.resolve(apiPages));
-        (appBridge.getDocumentSectionsByDocumentPageId as SinonStub) = cy.stub().returns(Promise.resolve(apiSections));
-
-        mount(
-            <LinkSelector
-                getAllDocuments={appBridge.getAllDocuments}
-                getDocumentPagesByDocumentId={appBridge.getDocumentPagesByDocumentId}
-                getDocumentSectionsByDocumentPageId={appBridge.getDocumentSectionsByDocumentPageId}
-                url="/7"
-                onUrlChange={cy.stub().as('urlChange')}
-            />,
-        );
-        cy.get(LinkSelectorButtonSelector).click();
-        cy.get(SectionLinkSelector).should('have.length', 4);
-    });
-
-    it('renders the all section and they are shown on focus and stores if you press enter', () => {
-        const appBridge = getAppBridgeBlockStub({
-            blockId: 1,
-        });
-        (appBridge.getDocumentGroups as SinonStub) = cy.stub().returns([]);
-        (appBridge.getAllDocuments as SinonStub) = cy.stub().returns(Promise.resolve(apiDocuments));
-        (appBridge.getDocumentPagesByDocumentId as SinonStub) = cy.stub().returns(Promise.resolve(apiPages));
-        (appBridge.getDocumentSectionsByDocumentPageId as SinonStub) = cy.stub().returns(Promise.resolve(apiSections));
-
-        mount(
-            <LinkSelector
-                getAllDocuments={appBridge.getAllDocuments}
-                getDocumentPagesByDocumentId={appBridge.getDocumentPagesByDocumentId}
-                getDocumentSectionsByDocumentPageId={appBridge.getDocumentSectionsByDocumentPageId}
-                url=""
-                onUrlChange={cy.stub().as('urlChange')}
-            />,
-        );
-        cy.get(LinkSelectorButtonSelector).click();
-        cy.get(DocumentLinkSelector).should('have.length', 2);
-        cy.realPress('Tab');
-        cy.realPress('Tab');
-        cy.realPress('Enter');
-        cy.get(PageLinkSelector).should('have.length', 3);
-        cy.realPress('Tab');
-        cy.realPress('Tab');
-        cy.realPress('Enter');
-        cy.get(SectionLinkSelector).should('have.length', 4);
-        cy.realPress('Tab');
-        cy.realPress('Space');
-        cy.realPress('Enter');
-        cy.get('@urlChange').should('be.calledWith', '/6');
-    });
-});

package/src/components/Link/LinkSelector/LinkSelector.tsx

@@ -1,96 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import type { Document, DocumentPage, DocumentSection } from '@frontify/app-bridge';
-import { Button, ButtonEmphasis, ButtonSize, ButtonStyle, ButtonType, IconLink, Modal } from '@frontify/fondue';
-import { useOverlayTriggerState } from '@react-stately/overlays';
-import { KeyboardEvent, ReactElement, useEffect, useState } from 'react';
-import { DocumentLinks } from './DocumentLinks';
-
-type LinkSelectorProps = {
-    url: string;
-    onUrlChange?: (value: string) => void;
-    buttonSize?: ButtonSize;
-    getAllDocuments: () => Promise<Document[]>;
-    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;
-    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;
-};
-
-export const LinkSelector = ({
-    url,
-    onUrlChange,
-    buttonSize = ButtonSize.Medium,
-    getAllDocuments,
-    getDocumentPagesByDocumentId,
-    getDocumentSectionsByDocumentPageId,
-}: LinkSelectorProps): ReactElement => {
-    const { open: openLinkTree, isOpen: isLinkTreeOpen, close: closeLinkTree } = useOverlayTriggerState({});
-    const [selectedUrl, setSelectedUrl] = useState<string>(url);
-
-    const onSelectUrl = (url: string) => {
-        setSelectedUrl(url);
-    };
-
-    const onPressEnter = (event: KeyboardEvent<HTMLInputElement>) => {
-        if (event.key === 'Enter') {
-            saveLink();
-        }
-    };
-
-    useEffect(() => {
-        if (url && !selectedUrl) {
-            setSelectedUrl(url);
-        }
-    }, [url, selectedUrl]);
-
-    const saveLink = () => {
-        onUrlChange?.(selectedUrl);
-        closeLinkTree();
-    };
-
-    return (
-        <div data-test-id="internal-link-selector" onKeyDown={onPressEnter}>
-            <Button
-                icon={<IconLink />}
-                size={buttonSize}
-                type={ButtonType.Button}
-                style={ButtonStyle.Default}
-                emphasis={ButtonEmphasis.Default}
-                onClick={() => openLinkTree()}
-            >
-                Internal link
-            </Button>
-            <Modal zIndex={1001} onClose={() => closeLinkTree()} isOpen={isLinkTreeOpen} isDismissable>
-                <Modal.Header title="Select internal link" />
-                <Modal.Body>
-                    <DocumentLinks
-                        selectedUrl={selectedUrl}
-                        onSelectUrl={onSelectUrl}
-                        getAllDocuments={getAllDocuments}
-                        getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}
-                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}
-                    />
-                </Modal.Body>
-                <Modal.Footer
-                    buttons={[
-                        {
-                            children: 'Cancel',
-                            onClick: () => closeLinkTree(),
-                            style: ButtonStyle.Default,
-                            emphasis: ButtonEmphasis.Default,
-                        },
-                        {
-                            children: 'Choose',
-                            onClick: (event) => {
-                                event?.preventDefault();
-                                saveLink();
-                            },
-                            style: ButtonStyle.Default,
-                            emphasis: ButtonEmphasis.Strong,
-                            disabled: !selectedUrl,
-                        },
-                    ]}
-                />
-            </Modal>
-        </div>
-    );
-};

package/src/components/Link/LinkSelector/LoadingIndicator.tsx

@@ -1,11 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { LoadingCircle, LoadingCircleSize } from '@frontify/fondue';
-
-export const LoadingIndicator = () => {
-    return (
-        <div className="tw-flex tw-justify-center tw-h-10 tw-items-center">
-            <LoadingCircle size={LoadingCircleSize.Small} />
-        </div>
-    );
-};

package/src/components/Link/LinkSelector/PageLink.tsx

@@ -1,96 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { type DocumentSection } from '@frontify/app-bridge';
-import { merge } from '@frontify/fondue';
-import { useEffect, useState } from 'react';
-import { InitiallyExpandedItems } from '../';
-import { SectionLink } from './SectionLink';
-
-type PageLinkProps = {
-    page: {
-        id: number;
-        title: string;
-        permanentLink: string;
-    };
-    selectedUrl: string;
-    onSelectUrl: (url: string) => void;
-    itemsToExpandInitially: InitiallyExpandedItems;
-    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;
-};
-
-export const PageLink = ({
-    page,
-    selectedUrl,
-    onSelectUrl,
-    itemsToExpandInitially,
-    getDocumentSectionsByDocumentPageId,
-}: PageLinkProps) => {
-    const [isExpanded, setIsExpanded] = useState(page.id === itemsToExpandInitially.documentId);
-    const [documentSections, setDocumentSections] = useState<DocumentSection[]>([]);
-    const isActive = page.permanentLink === selectedUrl;
-
-    useEffect(() => {
-        const fetchDocumentSections = async () => {
-            const sections = await getDocumentSectionsByDocumentPageId(page.id);
-            setDocumentSections(sections);
-        };
-
-        fetchDocumentSections();
-    }, [page.id, getDocumentSectionsByDocumentPageId]);
-
-    useEffect(() => {
-        if (page.id === itemsToExpandInitially.pageId) {
-            setIsExpanded(true);
-        }
-    }, [itemsToExpandInitially, page.id]);
-
-    const sectionsArray = [...documentSections.values()];
-    const hasSections = sectionsArray.length > 0;
-
-    return (
-        <>
-            <button
-                data-test-id="internal-link-selector-page-link"
-                className={merge([
-                    'tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-flex tw-w-full',
-                    hasSections ? 'tw-pl-7' : 'tw-pl-12',
-                    isActive
-                        ? 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover'
-                        : 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',
-                ])}
-                onClick={() => onSelectUrl(page.permanentLink)}
-            >
-                <div key={page.id} className="tw-flex tw-flex-1 tw-space-x-1 tw-items-center tw-h-6">
-                    {hasSections && (
-                        <button
-                            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={() => setIsExpanded(!isExpanded)}
-                        >
-                            <div
-                                className={merge([
-                                    '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' : '',
-                                ])}
-                            ></div>
-                        </button>
-                    )}
-                    <span className="tw-text-s">{page.title}</span>
-                    <span className="tw-flex-auto tw-font-sans tw-text-xs tw-text-right">Page</span>
-                </div>
-            </button>
-            {isExpanded &&
-                sectionsArray.length > 0 &&
-                sectionsArray.map((section) => {
-                    return (
-                        <SectionLink
-                            key={section.id}
-                            section={section}
-                            selectedUrl={selectedUrl}
-                            onSelectUrl={onSelectUrl}
-                        />
-                    );
-                })}
-        </>
-    );
-};

package/src/components/Link/LinkSelector/PageLinks.tsx

@@ -1,71 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import type { DocumentPage, DocumentSection } from '@frontify/app-bridge';
-import { ReactElement, useEffect, useState } from 'react';
-import { InitiallyExpandedItems } from '../';
-import { PageLink } from './PageLink';
-import { LoadingIndicator } from './LoadingIndicator';
-
-type PageLinksProps = {
-    documentId: number;
-    selectedUrl: string;
-    onSelectUrl: (url: string) => void;
-    itemsToExpandInitially: InitiallyExpandedItems;
-    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;
-    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;
-};
-
-export const PageLinks = ({
-    documentId,
-    selectedUrl,
-    onSelectUrl,
-    itemsToExpandInitially,
-    getDocumentSectionsByDocumentPageId,
-    getDocumentPagesByDocumentId,
-}: PageLinksProps): ReactElement => {
-    const [pages, setPages] = useState<DocumentPage[]>([]);
-    const [isLoading, setIsLoading] = useState(true);
-    const pagesArray = [...pages.values()];
-    const hasPages = !isLoading && pagesArray.length > 0;
-
-    useEffect(() => {
-        getDocumentPagesByDocumentId(documentId)
-            .then((_pages) => {
-                const pagesWithCategories = _pages
-                    .filter((page) => !!page.category)
-                    .sort((a, b) =>
-                        a.category.sort === b.category.sort ? a.sort - b.sort : a.category.sort - b.category.sort,
-                    );
-                const pagesWithoutCategories = _pages.filter((page) => !page.category).sort((a, b) => a.sort - b.sort);
-                setPages([...pagesWithCategories, ...pagesWithoutCategories]);
-            })
-            .finally(() => {
-                setIsLoading(false);
-            });
-    }, []);
-
-    if (isLoading) {
-        return <LoadingIndicator />;
-    }
-
-    return hasPages ? (
-        <>
-            {pagesArray.map((page) => {
-                return (
-                    <PageLink
-                        key={page.id}
-                        page={page}
-                        selectedUrl={selectedUrl}
-                        onSelectUrl={onSelectUrl}
-                        itemsToExpandInitially={itemsToExpandInitially}
-                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}
-                    />
-                );
-            })}
-        </>
-    ) : (
-        <div className="tw-h-10 tw-flex tw-items-center tw-pr-2.5 tw-pl-7 tw-leading-5 tw-text-s tw-text-text-weak">
-            This document does not contain any pages.
-        </div>
-    );
-};

package/src/components/Link/LinkSelector/SectionLink.tsx

@@ -1,36 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { IconDocumentText16, merge } from '@frontify/fondue';
-
-type SectionLinkProps = {
-    section: {
-        id: number;
-        title: string;
-        permanentLink: string;
-    };
-    selectedUrl: string;
-    onSelectUrl: (url: string) => void;
-};
-
-export const SectionLink = ({ section, selectedUrl, onSelectUrl }: SectionLinkProps) => {
-    const isActive = section.permanentLink === selectedUrl;
-
-    return (
-        <button
-            data-test-id="internal-link-selector-section-link"
-            className={merge([
-                'tw-py-2 tw-px-2.5 tw-pl-14 tw-leading-5 tw-cursor-pointer tw-w-full',
-                isActive
-                    ? 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover'
-                    : 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',
-            ])}
-            onClick={() => onSelectUrl(section.permanentLink)}
-        >
-            <div className="tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-h-6">
-                <IconDocumentText16 />
-                <span className="tw-text-s">{section.title}</span>
-                <span className="tw-flex-auto tw-font-sans tw-text-xs tw-text-right">Section</span>
-            </div>
-        </button>
-    );
-};

package/src/components/Link/LinkSelector/index.ts

@@ -1,3 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-export * from './LinkSelector';

package/src/components/Link/index.ts

@@ -1,6 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-export * from './LinkSelector';
-export * from './LinkInput';
-export * from './utils';
-export * from './types';

package/src/components/Link/types.ts

@@ -1,6 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-export type InitiallyExpandedItems = {
-    documentId?: number;
-    pageId?: number;
-};

package/src/components/Link/utils/getUrl.ts

@@ -1,30 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { ELEMENT_LINK, PlateEditor, getAboveNode } from '@udecode/plate';
-import { TLinkElement } from '../../RichTextEditor/plugins/LinkPlugin/types';
-
-const getLinkNode = (editor: PlateEditor, cb: (link: TLinkElement) => string): string => {
-    const linkNode = getAboveNode<TLinkElement>(editor, { match: { type: ELEMENT_LINK } });
-
-    if (!Array.isArray(linkNode)) {
-        return '';
-    }
-
-    return cb(linkNode[0]);
-};
-
-export const getLegacyUrl = (editor: PlateEditor) => {
-    return getLinkNode(editor, (link) => link.chosenLink?.searchResult?.link || '');
-};
-
-export const getUrl = (editor: PlateEditor) => {
-    return getLinkNode(editor, (link) => link.url || '');
-};
-
-export const getUrlFromLinkOrLegacyLink = (link: TLinkElement): string => {
-    return link.url || link.chosenLink?.searchResult?.link || '';
-};
-
-export const getLinkFromEditor = (editor: PlateEditor) => {
-    return getLinkNode(editor, getUrlFromLinkOrLegacyLink);
-};

package/src/components/Link/utils/index.ts

@@ -1,5 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-export * from './getUrl';
-export * from './relativeUrlRegex';
-export * from './url';