@city-of-helsinki/react-helsinki-headless-cms 3.0.0-rc.1 → 3.0.0

package/dist/configContext-BjJVyERb.d.ts

@@ -0,0 +1,791 @@
+import React__default from 'react';
+import { A as ArticleQuery, u as PageQuery, G as MenuQuery, x as PostsQuery, w as PagesQuery, ab as PageChildrenSearchQuery, y as CategoriesQuery, C as CategoryQuery, z as TagQuery, B as TagsQuery, r as LanguageFragment, N as Notification$1, L as LanguageCodeEnum, q as LayoutLinkListFragment, h as LayoutArticlesFragment, i as LayoutPagesFragment, c as LayoutCardsFragment, ac as Breadcrumb } from './__generated__-mcycL1jB.js';
+import { BreadcrumbProps, BreadcrumbListItem, KorosType, ButtonVariant, ButtonTheme, ButtonPresetTheme } from 'hds-react';
+import { ApolloClient, NormalizedCacheObject } from '@apollo/client';
+import { Config as Config$1 } from 'isomorphic-dompurify';
+
+type Menu = MenuQuery['menu'];
+type PageType = PageQuery['page'];
+type ArticleType = ArticleQuery['post'];
+type SidebarContent$1 = NonNullable<PageQuery['page']>['sidebar'];
+type PageModule = NonNullable<NonNullable<PageQuery['page']>['modules']>[number];
+type PageSidebarModule = NonNullable<NonNullable<PageQuery['page']>['sidebar']>[number];
+type Articles = PostsQuery['posts'];
+type Pages = PagesQuery['pages'];
+type PageChildren = NonNullable<PageChildrenSearchQuery['page']>['children'];
+type Category = CategoryQuery['category'];
+type Categories = CategoriesQuery['categories'];
+type Tag = TagQuery['tag'];
+type Tags = TagsQuery['tags'];
+type SearchTag = Category | Tag;
+
+declare enum ModuleItemTypeEnum {
+    Article = "article",
+    Page = "page",
+    Link = "link",
+    Event = "event",
+    Venue = "venue"
+}
+
+declare enum EventTypeId {
+    Course = "Course",
+    General = "General"
+}
+type EventsByIdsQuery = {
+    __typename?: 'Query';
+    eventsByIds: {
+        __typename?: 'EventListResponse';
+        data: Array<{
+            __typename?: 'EventDetails';
+            id: string;
+            internalId?: string | null;
+            audienceMinAge?: string | null;
+            audienceMaxAge?: string | null;
+            eventStatus?: string | null;
+            typeId?: EventTypeId | null;
+            endTime?: string | null;
+            startTime?: string | null;
+            publisher?: string | null;
+            enrolmentStartTime?: string | null;
+            enrolmentEndTime?: string | null;
+            externalLinks: Array<{
+                __typename?: 'ExternalLink';
+                name?: string | null;
+                link?: string | null;
+            }>;
+            images: Array<{
+                __typename?: 'EventImage';
+                id?: string | null;
+                name: string;
+                url: string;
+                photographerName?: string | null;
+            }>;
+            subEvents: Array<{
+                __typename?: 'InternalIdObject';
+                internalId?: string | null;
+            }>;
+            superEvent?: {
+                __typename?: 'InternalIdObject';
+                internalId?: string | null;
+            } | null;
+            inLanguage: Array<{
+                __typename?: 'InLanguage';
+                name?: {
+                    __typename?: 'LocalizedObject';
+                    en?: string | null;
+                    fi?: string | null;
+                    sv?: string | null;
+                } | null;
+            }>;
+            keywords: Array<{
+                __typename?: 'Keyword';
+                id?: string | null;
+                internalId: string;
+                dataSource?: string | null;
+                hasUpcomingEvents?: boolean | null;
+                name?: {
+                    __typename?: 'LocalizedObject';
+                    en?: string | null;
+                    fi?: string | null;
+                    sv?: string | null;
+                } | null;
+            }>;
+            location?: {
+                __typename?: 'Place';
+                id?: string | null;
+                hasUpcomingEvents?: boolean | null;
+                internalId: string;
+                email?: string | null;
+                postalCode?: string | null;
+                divisions?: Array<{
+                    __typename?: 'Division';
+                    type: string;
+                    name?: {
+                        __typename?: 'LocalizedObject';
+                        en?: string | null;
+                        fi?: string | null;
+                        sv?: string | null;
+                    } | null;
+                }> | null;
+                infoUrl?: {
+                    __typename?: 'LocalizedObject';
+                    en?: string | null;
+                    fi?: string | null;
+                    sv?: string | null;
+                } | null;
+                name?: {
+                    __typename?: 'LocalizedObject';
+                    en?: string | null;
+                    fi?: string | null;
+                    sv?: string | null;
+                } | null;
+                addressLocality?: {
+                    __typename?: 'LocalizedObject';
+                    en?: string | null;
+                    fi?: string | null;
+                    sv?: string | null;
+                } | null;
+                streetAddress?: {
+                    __typename?: 'LocalizedObject';
+                    en?: string | null;
+                    fi?: string | null;
+                    sv?: string | null;
+                } | null;
+                position?: {
+                    __typename?: 'PlacePosition';
+                    coordinates: Array<number>;
+                } | null;
+                telephone?: {
+                    __typename?: 'LocalizedObject';
+                    en?: string | null;
+                    fi?: string | null;
+                    sv?: string | null;
+                } | null;
+            } | null;
+            offers: Array<{
+                __typename?: 'Offer';
+                isFree?: boolean | null;
+                price?: {
+                    __typename?: 'LocalizedObject';
+                    en?: string | null;
+                    fi?: string | null;
+                    sv?: string | null;
+                } | null;
+                description?: {
+                    __typename?: 'LocalizedObject';
+                    en?: string | null;
+                    fi?: string | null;
+                    sv?: string | null;
+                } | null;
+                infoUrl?: {
+                    __typename?: 'LocalizedObject';
+                    en?: string | null;
+                    fi?: string | null;
+                    sv?: string | null;
+                } | null;
+            }>;
+            name: {
+                __typename?: 'LocalizedObject';
+                en?: string | null;
+                fi?: string | null;
+                sv?: string | null;
+            };
+            description?: {
+                __typename?: 'LocalizedObject';
+                en?: string | null;
+                fi?: string | null;
+                sv?: string | null;
+            } | null;
+            shortDescription?: {
+                __typename?: 'LocalizedObject';
+                en?: string | null;
+                fi?: string | null;
+                sv?: string | null;
+            } | null;
+            provider?: {
+                __typename?: 'LocalizedObject';
+                en?: string | null;
+                fi?: string | null;
+                sv?: string | null;
+            } | null;
+            infoUrl?: {
+                __typename?: 'LocalizedObject';
+                en?: string | null;
+                fi?: string | null;
+                sv?: string | null;
+            } | null;
+            audience: Array<{
+                __typename?: 'Audience';
+                id?: string | null;
+                name?: {
+                    __typename?: 'LocalizedObject';
+                    en?: string | null;
+                    fi?: string | null;
+                    sv?: string | null;
+                } | null;
+            }>;
+            registration?: {
+                __typename?: 'Registration';
+                enrolmentStartTime?: string | null;
+                enrolmentEndTime?: string | null;
+                remainingAttendeeCapacity?: number | null;
+                audienceMinAge?: string | null;
+                audienceMaxAge?: string | null;
+            } | null;
+            locationExtraInfo?: {
+                __typename?: 'LocalizedObject';
+                en?: string | null;
+                fi?: string | null;
+                sv?: string | null;
+            } | null;
+        }>;
+        meta: {
+            __typename?: 'Meta';
+            count: number;
+            next?: string | null;
+            previous?: string | null;
+        };
+    };
+};
+
+type EventType = EventsByIdsQuery['eventsByIds']['data'][number];
+
+type VenuesByIdsQuery = {
+    __typename?: 'Query';
+    venuesByIds: Array<{
+        __typename?: 'Venue';
+        description?: string | null;
+        id: string;
+        image?: string | null;
+        name?: string | null;
+        streetAddress?: string | null;
+        addressLocality?: string | null;
+        providerType?: string | null;
+        displayedServiceOwnerType?: string | null;
+        ontologyWords: Array<{
+            __typename?: 'Ontology';
+            id?: number | null;
+            label?: string | null;
+        } | null>;
+    }>;
+};
+
+type VenueType = VenuesByIdsQuery['venuesByIds'][number];
+
+type CardDirection = 'fixed-horisontal' | 'fixed-vertical' | 'responsive' | 'responsive-reverse';
+type CardAlignment = 'left' | 'right' | 'center-left' | 'center-right' | 'delimited-left' | 'delimited-right';
+type CardProps = {
+    /**
+     * Card id.
+     */
+    id?: string;
+    /**
+     * Card container aria-label.
+     */
+    ariaLabel?: string;
+    /**
+     * Additional classname for the card.
+     */
+    className?: string;
+    /**
+     * Card image url.
+     */
+    imageUrl?: string | null;
+    /**
+     * Card image label.
+     */
+    imageLabel?: string;
+    /**
+     * Card title.
+     */
+    title?: string;
+    /**
+     *  Boolean indicating whether the styling applied for the title with icon layout.
+     */
+    withTitleIcon?: boolean;
+    /**
+     * Card title icon.
+     */
+    titleIcon?: React__default.ReactNode | string;
+    /**
+     * Card subtitle.
+     */
+    subTitle?: string;
+    /**
+     * Card main text contents.
+     */
+    text?: string;
+    /**
+     * Card custom content (component) below the main text.
+     */
+    customContent?: React__default.ReactNode | string;
+    /**
+     *  Boolean indicating whether the link arrow icon is shown.
+     */
+    hasLink?: boolean;
+    /**
+     * If true, show link arrow icon label.
+     */
+    linkArrowLabel?: string;
+    /**
+     * Card link url.
+     */
+    url?: string;
+    /**
+     *  Boolean indicating whether the border styles should be applied to the Card.
+     */
+    withBorder?: boolean;
+    /**
+     *   Boolean indicating whether the shadow styles should be applied to the Card.
+     */
+    withShadow?: boolean;
+    /**
+     *  Boolean which defines the Card content direction.
+     */
+    direction?: CardDirection;
+    /**
+     *  Defines the Card text and custon content alignement inside the Card.
+     */
+    alignment?: CardAlignment;
+    /**
+     *  Boolean indicating whether the text content is clamped in the Card.
+     */
+    clampText?: boolean;
+    /**
+     *  Boolean indicating whether the Card link opens in new tab.
+     */
+    openLinkInNewTab?: boolean;
+    /**
+     * Custom css properties for the Card container
+     */
+    style?: React__default.CSSProperties;
+    /**
+     * Backgroud color of the Card
+     */
+    backgroundColor?: string;
+    /**
+     * Defines the width ratio for the text and image element in the card. Primary is wider.
+     */
+    primaryContent?: 'image' | 'text';
+    /**
+     * Boolean indicating whether flex attribute should be added to the container of the link.
+     */
+    flex?: boolean;
+};
+declare function Card(props: CardProps): React__default.JSX.Element;
+
+declare const TABLE_VARIANTS: readonly ["dark", "dense", "light", "with-vertical-lines", "zebra"];
+type TableVariant = (typeof TABLE_VARIANTS)[number];
+type Components = {
+    p?: React__default.ComponentType<{
+        children: React__default.ReactNode;
+    }>;
+    h2?: React__default.ComponentType<{
+        children: React__default.ReactNode;
+    }>;
+    a?: React__default.ComponentType<React__default.AnchorHTMLAttributes<HTMLAnchorElement>> | string;
+    table?: React__default.ComponentType<React__default.TableHTMLAttributes<HTMLTableElement>> | string;
+    tableVariants?: TableVariant[];
+    img?: React__default.ComponentType<React__default.ImgHTMLAttributes<HTMLImageElement>> | string;
+    iframe?: React__default.ComponentType<React__default.IframeHTMLAttributes<HTMLIFrameElement>>;
+};
+type HtmlToReactProps = {
+    /**
+     * Additional children to render inside the grid.
+     */
+    children: string;
+    /**
+     * React components for custom html elements transformation.
+     */
+    components?: Components;
+    /**
+     * Option to allow unsafe tags, otherwise cleared and not rendered.
+     */
+    allowedUnsafeTags?: Config$1['ALLOWED_TAGS'];
+    /**
+     * Trusted origins for url properties and attributes, for elements such as iframes and scripts.
+     */
+    trustedOrigins?: string[];
+};
+declare function HtmlToReact({ children: dirty, components, allowedUnsafeTags, trustedOrigins, }: HtmlToReactProps): React__default.JSX.Element;
+
+type MenuItem = Omit<NonNullable<NonNullable<Menu>['menuItems']>['nodes'][0], '__typename'>;
+type NavigationProps = {
+    menu?: Menu;
+    universalBarMenu?: Menu;
+    languages?: LanguageFragment[];
+    className?: string;
+    userNavigation?: React__default.ReactNode;
+    onTitleClick: () => void;
+    getPathnameForLanguage: (language: LanguageFragment, currentLanguage: LanguageFragment, allLanguages: LanguageFragment[]) => string;
+    getIsItemActive?: (menuItem: MenuItem) => boolean;
+};
+declare function Navigation({ menu, universalBarMenu, languages, className, userNavigation, onTitleClick, getPathnameForLanguage, getIsItemActive, }: NavigationProps): React__default.JSX.Element;
+
+type NotificationProps = {
+    /**
+     * Notification object.
+     */
+    notification?: Notification$1 | null;
+};
+declare function Notification({ notification }: NotificationProps): false | React__default.JSX.Element;
+
+type PageProps = {
+    navigation: React__default.ReactNode;
+    notification?: React__default.ReactNode;
+    content: React__default.ReactNode;
+    footer: React__default.ReactNode;
+    className?: string;
+};
+declare function Page({ navigation, notification, content, footer, className, }: PageProps): React__default.JSX.Element;
+
+type CarouselProps<T> = {
+    /**
+     * Additional children to render inside the Carousel.
+     */
+    children: React.ReactElement<T>[];
+    /**
+     * Number of items to show per one slide on desktop device.
+     */
+    itemsDesktop?: 1 | 2 | 3 | 4 | 5;
+    /**
+     * Number of items to show per one slide on mobile device.
+     */
+    itemsMobile?: 1 | 2;
+    /**
+     * Additional classname for the card list.
+     */
+    className?: string;
+    /**
+     * Boolean indicating whether the Carousel is shown with dots (number of sliders).
+     */
+    withDots?: boolean;
+    /**
+     * Can the dots be used for navigation
+     */
+    navigateWithDots?: boolean;
+    /**
+     * onLoadMore event handler.
+     */
+    onLoadMore?: () => void;
+    /**
+     * Boolean indicating whether the data collection has more items.
+     */
+    hasMore?: boolean;
+    /**
+     * Boolean indicating whether the Carousel data is loading.
+     */
+    loading?: boolean;
+    /**
+     * Text of load more button.
+     */
+    loadMoreButtonLabelText?: string;
+    /**
+     * Title of the carousel component.
+     */
+    title?: string;
+};
+
+interface GridProps {
+    /**
+     * Additional children to render inside the grid.
+     */
+    children: React__default.ReactNode;
+    /**
+     * Number of grid columns.
+     */
+    colsCount?: number;
+    /**
+     * Additional classname for grid container.
+     */
+    className?: string;
+}
+
+type CollectionItemType = ArticleType | PageType | EventType | VenueType;
+type GeneralCollectionType = {
+    id?: string;
+    title?: string;
+    description?: string;
+    items: CollectionItemType[];
+    showAllUrl?: string;
+    __typename?: string;
+};
+type EventSelectionCollectionType = Omit<GeneralCollectionType, 'items'> & {
+    events: string[];
+};
+type LocationsSelectionCollectionType = Omit<GeneralCollectionType, 'items'> & {
+    venues: number[];
+};
+type EventSearchCollectionType = Omit<GeneralCollectionType, 'items'> & {
+    url: string;
+};
+type CollectionType = GeneralCollectionType | EventSelectionCollectionType | EventSearchCollectionType | LocationsSelectionCollectionType;
+
+type CollectionProps = {
+    /**
+     * Collection title.
+     */
+    title?: string;
+    /**
+     * Collection description.
+     */
+    description?: string;
+    /**
+     * Collection cards data.
+     */
+    cards: React__default.ReactElement<typeof Card>[];
+    /**
+     * Additinal classname applied to the Collection container.
+     */
+    className?: string;
+    /**
+     * Collection additional props.
+     */
+    collectionContainerProps?: Partial<CarouselProps<typeof Card>> | Partial<GridProps>;
+    /**
+     * Collection type.
+     */
+    type: 'carousel' | 'grid';
+    /**
+     * Boolean indicating whether the collection data is loading.
+     */
+    loading?: boolean;
+    /**
+     * Boolean indicating whether the collection data has next page.
+     */
+    hasNext?: boolean;
+    /**
+     * Show all link url.
+     */
+    showAllUrl?: string;
+    /**
+     * onLoadMore event handler.
+     */
+    onLoadMore?: () => void;
+};
+declare function Collection({ title, description, cards, className, collectionContainerProps, type, loading, hasNext, onLoadMore, showAllUrl, }: CollectionProps): React__default.JSX.Element;
+declare function getEventCollectionCards({ items, getRoutedInternalHref, getEventCardProps, EventCardContent, HelsinkiCityOwnedIcon, organisationPrefixes, locale, }: {
+    items: EventType[];
+    getRoutedInternalHref: Config['utils']['getRoutedInternalHref'];
+    getEventCardProps: Config['utils']['getEventCardProps'];
+    EventCardContent?: React__default.FC<Record<string, unknown>>;
+    HelsinkiCityOwnedIcon?: React__default.FC<Record<string, unknown>>;
+    organisationPrefixes: string[];
+    locale?: string;
+}): React__default.JSX.Element[];
+type EventSearchCollectionProps = Omit<CollectionProps, 'cards'> & {
+    collection: EventSearchCollectionType;
+    convertPastDatesToNow?: boolean;
+};
+/**
+ * EventSearchCollection uses an (LinkedEvents) URL to make a API query to fetch the related events.
+ *
+ * Use `convertPastDatesToNow = true` to fix an issue (between the CMS and the LinkedEvents) when old ended events are shown.
+ */
+declare function EventSearchCollection({ collection, convertPastDatesToNow, ...delegatedProps }: EventSearchCollectionProps): React__default.JSX.Element;
+type EventSelectionCollectionProps = Omit<CollectionProps, 'cards'> & {
+    collection: EventSelectionCollectionType;
+};
+declare function EventSelectionCollection({ collection, ...delegatedProps }: EventSelectionCollectionProps): React__default.JSX.Element;
+declare function getLocationsCollectionCards({ items, getRoutedInternalHref, getLocationCardProps, VenueCardContent, HelsinkiCityOwnedIcon, }: {
+    items: VenueType[];
+    getRoutedInternalHref: Config['utils']['getRoutedInternalHref'];
+    getLocationCardProps: Config['utils']['getLocationCardProps'];
+    VenueCardContent?: React__default.FC<Record<string, unknown>>;
+    HelsinkiCityOwnedIcon?: React__default.FC<Record<string, unknown>>;
+}): React__default.JSX.Element[];
+type LocationsSelectionCollectionProps = Omit<CollectionProps, 'cards'> & {
+    collection: LocationsSelectionCollectionType;
+    locale: LanguageCodeEnum;
+};
+declare function LocationsSelectionCollection({ collection, locale, ...delegatedProps }: LocationsSelectionCollectionProps): React__default.JSX.Element;
+
+type ListProps = {
+    /**
+     * List item elements.
+     */
+    items?: (JSX.Element | JSX.Element[] | null | false)[];
+    /**
+     * List item variant options.
+     */
+    variant?: 'spacing-4-xs' | 'spacing-3-xs' | 'spacing-2-xs' | 'spacing-xs' | 'spacing-s' | 'spacing-m' | 'spacing-l' | 'spacing-xl' | 'spacing-2-xl' | 'spacing-3-xl' | 'spacing-4-xl' | 'spacing-5-xl' | 'spacing-layout-2-xs' | 'spacing-layout-xs' | 'spacing-layout-s' | 'spacing-layout-m' | 'spacing-layout-l' | 'spacing-layout-xl' | 'spacing-layout-2-xl';
+};
+declare function List({ items, variant }: ListProps): React__default.JSX.Element;
+
+type SidebarContentLinkListProps = Omit<LayoutLinkListFragment, '__typename'>;
+declare function SidebarContentLinkList({ anchor, title, description, links, }: SidebarContentLinkListProps): React__default.JSX.Element;
+
+type PostListItemProps = (NonNullable<LayoutArticlesFragment['articles']>[number] | NonNullable<LayoutPagesFragment['pages']>[number]) & {
+    moduleItemType: ModuleItemTypeEnum;
+};
+declare function PostListItem({ id, moduleItemType, title, link, featuredImage, date, }: PostListItemProps): React__default.JSX.Element | null;
+
+type CardsListItemProps = Omit<LayoutCardsFragment, '__typename'>;
+declare function SidebarCardsList({ cards }: CardsListItemProps): React__default.JSX.Element | null;
+
+type SidebarContentProps = {
+    content?: SidebarContent$1;
+    SidebarContentLinkListComponent?: typeof SidebarContentLinkList;
+    SidebarPostListComponent?: typeof List;
+    SideBarPostListItemComponent?: typeof PostListItem;
+    SideBarCardsListComponent?: typeof SidebarCardsList;
+};
+declare function SidebarContent({ content, SidebarContentLinkListComponent, SidebarPostListComponent, SideBarPostListItemComponent, SideBarCardsListComponent, }: SidebarContentProps): React__default.JSX.Element;
+
+type PageContentLayoutProps = {
+    id: string;
+    breadcrumbs?: React__default.ReactNode;
+    heroContainer?: JSX.Element;
+    content: React__default.ReactNode;
+    shareLinks?: React__default.ReactNode;
+    collections?: React__default.ReactNode;
+    sidebarContent: React__default.ReactNode;
+    imageSrc?: string | null;
+    imageAlt?: string;
+    imageLabel?: string;
+    backUrl?: string;
+} & HeroProps;
+declare function PageContentLayout({ id, breadcrumbs, heroContainer, content, shareLinks, collections, sidebarContent, imageSrc, imageAlt, imageLabel, backUrl, ...heroProps }: PageContentLayoutProps): React__default.JSX.Element;
+
+type HeroProps = {
+    title?: string;
+    description?: string;
+    backgroundColor?: string;
+    korosType?: KorosType;
+    actionUrl?: string;
+    actionUrlTarget?: string;
+    actionText?: string;
+    isPageType?: boolean;
+};
+type LinkItem = {
+    target?: string | null;
+    title: string;
+    url: string;
+};
+type BreadcrumbUnionType = BreadcrumbProps | BreadcrumbListItem[] | Breadcrumb[];
+type PageContentProps = {
+    page?: PageType | ArticleType;
+    breadcrumbs?: BreadcrumbUnionType | ((page?: PageType | ArticleType) => BreadcrumbUnionType);
+    content?: React.ReactNode | ((page: PageType | ArticleType) => React.ReactNode);
+    shareLinks?: React.ReactNode;
+    collections?: React.ReactElement<typeof Collection>[] | ((page: PageType | ArticleType) => React.ReactElement<typeof Collection>[]);
+    heroContainer?: JSX.Element;
+    backUrl?: string;
+    sidebarContentProps?: Partial<typeof SidebarContent>;
+    PageContentLayoutComponent?: typeof PageContentLayout;
+    className?: string;
+    onArticlesSearch?: (tag: string) => void;
+    [x: string]: any;
+} & Partial<typeof PageContentLayout>;
+
+declare const FALLBACK_TRANSLATION_KEYS: readonly ["headerActionBarLogoAlt", "headerActionBarLogoAriaLabel", "headerActionBarLogoSrc", "headerUniversalBarPrimaryLinkHref", "headerUniversalBarPrimaryLinkText", "carouselRegionLabelText", "carouselSliderRegionLabelText", "carouselSliderDotNavLabelText"];
+
+type FallbackTranslationKey = (typeof FALLBACK_TRANSLATION_KEYS)[number];
+type FallbackTranslation = Record<LanguageCodeEnum, string>;
+type FallbackTranslations = Record<FallbackTranslationKey, FallbackTranslation>;
+type OptionalTranslationsWithFallbacks = {
+    [key in FallbackTranslationKey]?: string;
+};
+
+type Config = {
+    /**
+     * Site or App name.
+     */
+    siteName: string;
+    /**
+     * Id of the html element where SkipTo link will point.
+     */
+    mainContentId?: string;
+    /**
+     * Internal origins for generating correct urls for app routing.
+     */
+    internalHrefOrigins: string[];
+    /**
+     * List of organizations for additional UI highlights (f.e. check icon after title if its Helsinki specific item).
+     */
+    organisationPrefixes: string[];
+    /**
+     * Current language code of the app.
+     */
+    currentLanguageCode: LanguageCodeEnum;
+    /**
+     * Fallback image urls. Used if image is not defined, but imaage is still required in the component.
+     */
+    fallbackImageUrls: string[];
+    /**
+     * Fallback translations.
+     */
+    fallbackTranslations: FallbackTranslations;
+    /**
+     * Translated texts which are needed to render components properly.
+     */
+    copy: {
+        breadcrumbNavigationLabel: string;
+        breadcrumbListLabel: string;
+        menuButtonLabel: string;
+        menuToggleAriaLabel: string;
+        skipToContentLabel: string;
+        openInExternalDomainAriaLabel: string;
+        openInNewTabAriaLabel: string;
+        closeButtonLabelText: string;
+        loadMoreButtonLabelText: string;
+        showAllText: string;
+        next: string;
+        previous: string;
+        archiveSearch?: {
+            title: string;
+            searchTextPlaceholder: string;
+            searchButtonLabelText: string;
+            loadMoreButtonLabelText: string;
+            noResultsTitle: string;
+            noResultsText: string;
+            clearAll: string;
+        };
+    } & OptionalTranslationsWithFallbacks;
+    /**
+     * Custom translated texts which are needed to render components properly.
+     * Used when for technical reasons the use of the copy property is not possible.
+     */
+    customCopy?: {
+        loadMoreButtonVariant?: Exclude<ButtonVariant, 'supplementary'>;
+        loadMoreButtonTheme?: ButtonTheme | ButtonPresetTheme;
+    };
+    /**
+     * React component replacements for defined html elements.
+     */
+    components: {
+        A: (props: React__default.AnchorHTMLAttributes<HTMLAnchorElement>) => JSX.Element;
+        Img: (props: React__default.ImgHTMLAttributes<HTMLImageElement>) => JSX.Element;
+        Link?: (props: React__default.AnchorHTMLAttributes<HTMLAnchorElement>) => JSX.Element;
+        Head?: (props: {
+            children: React__default.ReactNode;
+        }) => JSX.Element;
+        EventCardContent?: React__default.FC<Record<string, unknown>>;
+        VenueCardContent?: React__default.FC<Record<string, unknown>>;
+        ArticleCardContent?: React__default.FC<Record<string, unknown>>;
+        HelsinkiCityOwnedIcon?: React__default.FC<Record<string, unknown>>;
+    };
+    /**
+     * Apollo client to make gql calls to headless cms.
+     */
+    apolloClient?: ApolloClient<NormalizedCacheObject>;
+    /**
+     * Apollo client to make gql calls to linked events.
+     */
+    eventsApolloClient?: ApolloClient<NormalizedCacheObject> | 'disabled';
+    /**
+     * Apollo client to make gql calls to venues search.
+     */
+    venuesApolloClient?: ApolloClient<NormalizedCacheObject> | 'disabled';
+    /**
+     * Utilities custom implementation provided by apps (app specific).
+     */
+    utils: {
+        getArticlePageCardProps: (item: ArticleType | PageType) => CardProps;
+        getEventCardProps: (item: EventType, organisationPrefixes: string[], locale: string) => CardProps;
+        getLocationCardProps: (item: VenueType) => CardProps;
+        getIsHrefExternal: (href: string) => boolean;
+        getRoutedInternalHref: (link: string | null | undefined, type?: ModuleItemTypeEnum) => string;
+        redirectToUrl: (url: string) => void;
+        redirectToArticlesSearch?: (tag: string) => void;
+    };
+    /**
+     * Meta data for the Head components.
+     */
+    meta?: {
+        appleTouchIconUrl?: string;
+        favIconUrl?: string;
+        favIconSvgUrl?: string;
+        manifestUrl?: string;
+    };
+    /**
+     * App specific html sanitising configs for html editors.
+     */
+    htmlSanitizer: {
+        allowedUnsafeTags: HtmlToReactProps['allowedUnsafeTags'];
+        trustedOrigins: HtmlToReactProps['trustedOrigins'];
+    };
+};
+
+export { Collection as F, EventSelectionCollection as G, HtmlToReact as H, EventSearchCollection as J, ModuleItemTypeEnum as M, Navigation as N, getEventCollectionCards as O, LocationsSelectionCollection as Q, getLocationsCollectionCards as U, Card as l, Notification as v, Page as x, PageContentLayout as z };
+export type { ArticleType as A, BreadcrumbUnionType as B, Config as C, PageContentLayoutProps as D, EventType as E, EventSelectionCollectionProps as I, EventSearchCollectionProps as K, LocationsSelectionCollectionType as L, PageType as P, LocationsSelectionCollectionProps as R, SearchTag as S, Tag as T, VenueType as V, GeneralCollectionType as W, CardProps as a, PageModule as b, CollectionType as c, CollectionProps as d, PageSidebarModule as e, CollectionItemType as f, EventSelectionCollectionType as g, EventSearchCollectionType as h, LinkItem as i, PageContentProps as j, CarouselProps as k, Menu as m, SidebarContent$1 as n, Articles as o, Pages as p, PageChildren as q, Categories as r, Category as s, Tags as t, NavigationProps as u, NotificationProps as w, PageProps as y };