@reykjavik/hanna-react 0.10.59 → 0.10.60

package/esm/ButtonPrimary.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-import { ButtonProps, ButtonVariantProps } from './_abstract/_Button';
-export declare type ButtonPrimaryProps = ButtonProps & ButtonVariantProps;
-declare const ButtonPrimary: (props: ButtonPrimaryProps & {
-    children?: ReactNode;
-}) => JSX.Element;
-export default ButtonPrimary;

package/esm/ButtonPrimary.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import Button from './_abstract/_Button';
-const ButtonPrimary = (props) => (React.createElement(Button, Object.assign({ bem: "ButtonPrimary" }, props)));
-export default ButtonPrimary;

package/esm/ButtonSecondary.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-import { ButtonProps, ButtonVariantProps } from './_abstract/_Button';
-export declare type ButtonSecondaryProps = ButtonProps & ButtonVariantProps;
-declare const ButtonSecondary: (props: ButtonSecondaryProps & {
-    children?: ReactNode;
-}) => JSX.Element;
-export default ButtonSecondary;

package/esm/ButtonSecondary.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import Button from './_abstract/_Button';
-const ButtonSecondary = (props) => (React.createElement(Button, Object.assign({ bem: "ButtonSecondary" }, props)));
-export default ButtonSecondary;

package/esm/ButtonTertiary.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-import { ButtonProps, ButtonVariantProps } from './_abstract/_Button';
-declare type TertiarySize = Extract<ButtonVariantProps['size'], 'normal' | 'small'>;
-declare type TertiaryIcon = Extract<ButtonVariantProps['icon'], 'none' | 'go-back'>;
-export declare type ButtonTertiaryProps = ButtonProps & Omit<ButtonVariantProps, 'icon' | 'size'> & {
-    size?: TertiarySize;
-    icon?: TertiaryIcon;
-};
-declare const ButtonTertiary: (props: ButtonTertiaryProps & {
-    children?: ReactNode;
-}) => JSX.Element;
-export default ButtonTertiary;

package/esm/ButtonTertiary.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import Button from './_abstract/_Button';
-const sizes = {
-    normal: 'normal',
-    small: 'small',
-};
-const icons = {
-    none: 'none',
-    'go-back': 'go-back',
-};
-const ButtonTertiary = (props) => {
-    const { size = 'normal', icon = 'none' } = props;
-    return React.createElement(Button, Object.assign({ bem: "ButtonTertiary" }, props, { size: sizes[size], icon: icons[icon] }));
-};
-export default ButtonTertiary;

package/esm/Carousel.d.ts

@@ -1,4 +0,0 @@
-import { CarouselProps } from './_abstract/_AbstractCarousel';
-export type { CarouselProps } from './_abstract/_AbstractCarousel';
-declare const Carousel: <I extends Record<string, unknown> = {}, P extends Record<string, unknown> | undefined = {}>(props: CarouselProps<I, P>) => JSX.Element;
-export default Carousel;

package/esm/Carousel.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import AbstractCarousel from './_abstract/_AbstractCarousel';
-const Carousel = (props) => (React.createElement(AbstractCarousel, Object.assign({}, props, { bem: undefined, modifier: undefined, title: undefined })));
-export default Carousel;

package/esm/CarouselStepper.d.ts

@@ -1,4 +0,0 @@
-import { Props } from '@hugsmidjan/react/CarouselStepper';
-declare type CarouselStepperProps = Omit<Props, 'bem' | 'modifier'>;
-declare const CarouselStepper: (props: CarouselStepperProps) => JSX.Element;
-export default CarouselStepper;

package/esm/CarouselStepper.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import _CarouselStepper from '@hugsmidjan/react/CarouselStepper';
-const CarouselStepper = (props) => (React.createElement(_CarouselStepper, Object.assign({}, props, { bem: undefined, modifier: undefined })));
-export default CarouselStepper;

package/esm/CenterColumn.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-import { EffectProp, SeenProp } from './utils/seenEffect';
-export declare type CenterColumnProps = {
-    children: ReactNode;
-} & SeenProp & EffectProp;
-declare const CenterColumn: (props: CenterColumnProps) => JSX.Element;
-export default CenterColumn;

package/esm/CenterColumn.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import SeenEffect from './SeenEffect';
-const CenterColumn = (props) => {
-    const { children, startSeen, effectType } = props;
-    return startSeen == null ? (React.createElement("div", { className: "CenterColumn" }, children)) : (React.createElement(SeenEffect, { className: "CenterColumn", startSeen: startSeen, effectType: effectType }, children));
-};
-export default CenterColumn;

package/esm/Checkbox.d.ts

@@ -1,4 +0,0 @@
-import { TogglerInputProps } from './_abstract/_TogglerInput';
-export declare type CheckboxProps = TogglerInputProps;
-declare const Checkbox: (props: CheckboxProps) => JSX.Element;
-export default Checkbox;

package/esm/Checkbox.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import TogglerInput from './_abstract/_TogglerInput';
-const Checkbox = (props) => (React.createElement(TogglerInput, Object.assign({ bem: "Checkbox" }, props, { type: "checkbox" })));
-export default Checkbox;

package/esm/CheckboxButtonsGroup.d.ts

@@ -1,11 +0,0 @@
-import { TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
-export declare type CheckboxButtonsGroupProps = TogglerGroupFieldProps & {
-    value?: Array<string>;
-    /** @deprecated (Will be removed in v0.9) */
-    columns?: '2col' | '3col';
-    /** @deprecated (Will be removed in v0.9) */
-    layout?: 'slim';
-};
-export declare type CheckboxButtonsGroupOptions = TogglerGroupFieldOptions;
-declare const CheckboxButtonsGroup: (props: CheckboxButtonsGroupProps) => JSX.Element;
-export default CheckboxButtonsGroup;

package/esm/CheckboxButtonsGroup.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import TogglerGroupField from './_abstract/_TogglerGroupField';
-import TogglerInput from './_abstract/_TogglerInput';
-const CheckboxButton = (props) => (React.createElement(TogglerInput, Object.assign({ bem: "CheckboxButton" }, props, { type: "checkbox" })));
-const CheckboxButtonsGroup = (props) => {
-    if (props.layout) {
-        console.warn('`CheckboxButtonsGroupProps.layout` is deprecated.');
-    }
-    if (props.columns) {
-        console.warn('`CheckboxButtonsGroupProps.columns` is deprecated.');
-    }
-    return (React.createElement(TogglerGroupField, Object.assign({}, props, { bem: "CheckboxButtonsGroup", Toggler: CheckboxButton })));
-};
-export default CheckboxButtonsGroup;

package/esm/CheckboxGroup.d.ts

@@ -1,9 +0,0 @@
-import { TogglerGroupFieldOption, TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
-export declare type CheckboxGroupProps = TogglerGroupFieldProps & {
-    layout?: 'inline';
-    value?: Array<string>;
-};
-export declare type CheckboxGroupOption = TogglerGroupFieldOption;
-export declare type CheckboxGroupOptions = TogglerGroupFieldOptions;
-declare const CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element;
-export default CheckboxGroup;

package/esm/CheckboxGroup.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import TogglerGroupField from './_abstract/_TogglerGroupField';
-import Checkbox from './Checkbox';
-const CheckboxGroup = (props) => {
-    return (React.createElement(TogglerGroupField, Object.assign({}, props, { bem: "CheckboxGroup", modifier: props.layout, Toggler: Checkbox })));
-};
-export default CheckboxGroup;

package/esm/CityBlock.d.ts

@@ -1,23 +0,0 @@
-import { Illustration } from '@reykjavik/hanna-utils/assets';
-import { BlockItem } from './_abstract/_Block';
-import { ImageProps } from './_abstract/_Image';
-import { SeenProp } from './utils/seenEffect';
-import { Alignment } from './constants';
-declare const types: {
-    largebox: boolean;
-    largeimage: boolean;
-};
-declare type CityBlockImageProps = {
-    illustration: Illustration;
-    image?: never;
-} | {
-    image: ImageProps;
-    illustration?: never;
-};
-export declare type CityBlockProps = {
-    align?: Alignment;
-    type?: keyof typeof types;
-    content: BlockItem;
-} & CityBlockImageProps & SeenProp;
-declare const CityBlock: (props: CityBlockProps) => JSX.Element;
-export default CityBlock;

package/esm/CityBlock.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { getIllustrationUrl } from '@reykjavik/hanna-utils/assets';
-import Block from './_abstract/_Block';
-import { aligns } from './constants';
-const types = {
-    largebox: true,
-    largeimage: true,
-};
-const CityBlock = (props) => {
-    const align = props.align || 'right';
-    const type = !props.illustration && props.type; // The presence of illustration prop suppresses type
-    const modifier = [aligns[align] && 'align--' + align, type && types[type] && type];
-    const imageProps = props.illustration != null
-        ? { src: getIllustrationUrl(props.illustration) }
-        : props.image;
-    return (React.createElement(Block, { bem: "CityBlock", modifier: modifier, content: props.content, image: imageProps, startSeen: props.startSeen }));
-};
-export default CityBlock;

package/esm/ContactBubble.d.ts

@@ -1,58 +0,0 @@
-import { SSRSupport } from '@hugsmidjan/react/hooks';
-import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
-export declare type ContactBubbleI18n = {
-    lang?: string;
-    openBtn: string;
-    openBtnLong?: string;
-    closeBtn: string;
-    closeBtnLong?: string;
-};
-export declare const defaultTexts: DefaultTexts<ContactBubbleI18n>;
-declare const icons: {
-    readonly suggestions: 1;
-    readonly phone: 1;
-    readonly faq: 1;
-    readonly livechat: 1;
-    readonly other: 0;
-};
-export declare type ContactBubbleIcon = keyof typeof icons;
-export declare const ensureIcon: (maybeIcon: string | undefined) => ContactBubbleIcon | undefined;
-export declare type ContactBubbleItem = {
-    label: string;
-    extraLabel?: string;
-    icon?: ContactBubbleIcon;
-} & ({
-    href: string;
-    /** Prevents default link behavior unless the handler function returns `true` */
-    onClick?: () => void | boolean;
-    target?: string;
-} | {
-    onClick: () => void | boolean;
-    href?: undefined;
-    target?: undefined;
-});
-export declare type ContactBubbleProps = {
-    title?: string;
-    links: Array<ContactBubbleItem>;
-    /** By default the ContactBubble's toggler is hidden if the page
-     * is scrolled to near the top or the bottom.
-     *
-     * This means that on short pages (with hardly any scrolling)
-     * the ContactBubble **always** hidden.
-     *
-     * Set this prop to `true` if you want to disable this
-     * magic and always show the bubble toggler
-     */
-    alwaysShow?: boolean;
-    texts?: ContactBubbleI18n;
-    lang?: string;
-    ssr?: SSRSupport;
-} & ({
-    open?: boolean;
-    onToggle: (isOpen: boolean) => void;
-} | {
-    open?: undefined;
-    onToggle?: (isOpen: boolean) => void;
-});
-declare const ContactBubble: (props: ContactBubbleProps) => JSX.Element | null;
-export default ContactBubble;

package/esm/ContactBubble.js

@@ -1,148 +0,0 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import focusElm from '@hugsmidjan/qj/focusElm';
-import { useDomid, useIsBrowserSide } from '@hugsmidjan/react/hooks';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { getPageScrollElm } from '@reykjavik/hanna-utils';
-import { getTexts } from '@reykjavik/hanna-utils/i18n';
-import { Link } from './_abstract/_Link';
-export const defaultTexts = {
-    is: {
-        lang: 'is',
-        openBtn: 'Hafa samband',
-        closeBtn: 'Loka',
-        closeBtnLong: 'Loka valmynd',
-    },
-    en: {
-        lang: 'en',
-        openBtn: 'Contact us',
-        closeBtn: 'Close',
-        closeBtnLong: 'Close bubble',
-    },
-};
-// ---------------------------------------------------------------------------
-const icons = {
-    suggestions: 1,
-    phone: 1,
-    faq: 1,
-    livechat: 1,
-    other: 0,
-};
-export const ensureIcon = (maybeIcon) => maybeIcon && icons[maybeIcon]
-    ? maybeIcon
-    : undefined;
-const ContactBubble = (props) => {
-    const { title, links, onToggle, alwaysShow } = props;
-    const txt = getTexts(props, defaultTexts);
-    const useLocalState = props.open == null;
-    const [localOpen, setLocalOpen] = useState(false);
-    const open = useLocalState ? localOpen : props.open;
-    const isBrowser = useIsBrowserSide(props.ssr);
-    const domid = useDomid();
-    const wrapperRef = useRef(null);
-    const { openBubble, closeBubble } = useMemo(() => ({
-        openBubble: () => {
-            useLocalState && setLocalOpen(true);
-            onToggle && onToggle(true);
-        },
-        closeBubble: (setFocus) => {
-            useLocalState && setLocalOpen(false);
-            onToggle && onToggle(false);
-            setFocus !== false && focusElm(wrapperRef.current);
-        },
-    }), [useLocalState, onToggle]);
-    useEffect(() => {
-        const wrapperElm = wrapperRef.current;
-        if (!wrapperElm) {
-            return;
-        }
-        if (alwaysShow) {
-            wrapperElm.dataset.show = 'true';
-            return;
-        }
-        const scrollElm = getPageScrollElm();
-        let pending = 0;
-        const checkScroll = () => {
-            if (!pending) {
-                pending = requestAnimationFrame(() => {
-                    const { scrollTop, scrollHeight, clientHeight } = scrollElm;
-                    const scrollLength = scrollHeight - clientHeight;
-                    // const f = scrollLength > 600 ? 1 : (scrollLength - 200) / 600;
-                    const f = 1;
-                    const show = scrollTop > f * 150 && scrollLength - scrollTop > f * 250;
-                    wrapperElm.dataset.show = String(show);
-                    !show && closeBubble(false);
-                    pending = 0;
-                });
-            }
-        };
-        checkScroll();
-        // Set scroll-listeners on both the ´document` and the `scrollElm`
-        // because mobile browsers seem to handle CSS height and overflow
-        // rules on <html> and <body> differently from desktop browsers.
-        // Only one of these two handlers seems to trigger though,
-        // (as Element scroll events don't bubble)
-        // and even if they did, the rAF throttling prevents that from
-        // becoming a problem.
-        document.addEventListener('scroll', checkScroll);
-        scrollElm.addEventListener('scroll', checkScroll);
-        return () => {
-            document.removeEventListener('scroll', checkScroll);
-            scrollElm.removeEventListener('scroll', checkScroll);
-        };
-    }, [isBrowser, alwaysShow, closeBubble]);
-    useEffect(() => {
-        const escHandler = (e) => e.key === 'Escape' && closeBubble();
-        const outsideClickHandler = (e) => {
-            var _a;
-            if (open && !((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-                closeBubble(false);
-            }
-        };
-        document.addEventListener('keydown', escHandler);
-        document.addEventListener('click', outsideClickHandler, true);
-        const htmlDataset = document.documentElement.dataset;
-        if (open) {
-            htmlDataset.contactBubble = 'true';
-        }
-        else {
-            delete htmlDataset.contactBubble;
-        }
-        return () => {
-            delete htmlDataset.contactBubble;
-            document.removeEventListener('keydown', escHandler);
-            document.removeEventListener('click', outsideClickHandler, true);
-        };
-    }, [open, closeBubble]);
-    if (links.length === 0) {
-        return null;
-    }
-    const menu = (React.createElement("div", { className: "ContactBubble", id: isBrowser && domid, hidden: isBrowser && !open, "data-always-show": alwaysShow || undefined, "data-sprinkled": isBrowser },
-        React.createElement("h2", { className: "ContactBubble__title" }, title || txt.openBtn),
-        React.createElement("ul", { className: "ContactBubble__list" }, links.map((linkInfo, i) => {
-            const { href, label, extraLabel, target, onClick } = linkInfo;
-            const icon = ensureIcon(linkInfo.icon);
-            const itemClass = getBemClass('ContactBubble__item', icon && 'type--' + icon);
-            const onClickHandler = onClick &&
-                ((e) => {
-                    if (!onClick()) {
-                        e.preventDefault();
-                        closeBubble(false);
-                    }
-                });
-            const content = [
-                ' ',
-                label,
-                '\n',
-                extraLabel && React.createElement("small", { key: "\uD83E\uDD21" }, extraLabel),
-                '\n',
-            ];
-            return (React.createElement("li", { key: i, className: itemClass }, href && href !== '#' ? (React.createElement(Link, { className: "ContactBubble__link", href: href, onClick: onClickHandler, target: target }, content)) : (React.createElement("button", { className: "ContactBubble__link", onClick: onClickHandler, type: "button" }, content))));
-        })),
-        '\n\n',
-        isBrowser && (React.createElement("button", { className: "ContactBubble__closebtn", "aria-controls": domid, "aria-label": txt.closeBtnLong, onClick: () => closeBubble(), type: "button" }, txt.closeBtn))));
-    return isBrowser ? (React.createElement("div", { className: "ContactBubble__wrapper", ref: wrapperRef },
-        React.createElement("button", { className: "ContactBubble__openbtn", "aria-controls": domid, "aria-expanded": open, "aria-label": txt.openBtnLong, onClick: open ? () => closeBubble() : openBubble, type: "button" }, txt.openBtn),
-        '\n\n',
-        menu)) : (menu);
-};
-export default ContactBubble;

package/esm/ContentArticle.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-import { SeenProp } from './utils/seenEffect';
-import { ArticleMetaProps } from './ArticleMeta';
-import { ContentImageProps } from './ContentImage';
-import { RelatedLinksProps } from './RelatedLinks';
-export declare type ContentArticleProps = {
-    /** Date, author, etc. */
-    meta: ArticleMetaProps['items'];
-    headline: string;
-    topImage?: ContentImageProps;
-    body: ReactNode;
-    relatedLinks?: RelatedLinksProps;
-} & SeenProp;
-declare const ContentArticle: (props: ContentArticleProps) => JSX.Element;
-export default ContentArticle;

package/esm/ContentArticle.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { useSeenEffect } from './utils/seenEffect';
-import ArticleMeta from './ArticleMeta';
-import ContentImage from './ContentImage';
-import Heading from './Heading';
-import RelatedLinks from './RelatedLinks';
-import TextBlock from './TextBlock';
-import VSpacer from './VSpacer';
-const ContentArticle = (props) => {
-    const [ref] = useSeenEffect(props.startSeen);
-    return (React.createElement("div", { className: "ContentArticle", ref: ref },
-        React.createElement(ArticleMeta, { items: props.meta }),
-        React.createElement(Heading, null, props.headline),
-        React.createElement(TextBlock, { startSeen: true },
-            props.topImage && React.createElement(ContentImage, Object.assign({}, props.topImage)),
-            props.body),
-        React.createElement(VSpacer, { size: "small" },
-            React.createElement("hr", null)),
-        props.relatedLinks && React.createElement(RelatedLinks, Object.assign({}, props.relatedLinks))));
-};
-export default ContentArticle;

package/esm/ContentImage.d.ts

@@ -1,8 +0,0 @@
-import { ImageProps } from './_abstract/_Image';
-export declare type ContentImageProps = {
-    image?: ImageProps;
-    caption?: string | JSX.Element;
-    credit?: string | JSX.Element;
-};
-declare const ContentImage: (props: ContentImageProps) => JSX.Element;
-export default ContentImage;

package/esm/ContentImage.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import Image from './_abstract/_Image';
-const ContentImage = (props) => {
-    const { image, caption, credit } = props;
-    return (React.createElement("figure", { className: "ContentImage" },
-        (caption || credit) && (React.createElement("figcaption", { className: "ContentImage__caption" },
-            caption && React.createElement("span", { className: "ContentImage__text" },
-                " ",
-                caption,
-                " "),
-            ' ',
-            credit && React.createElement("small", { className: "ContentImage__credit" },
-                " ",
-                credit,
-                " "))),
-        React.createElement(Image, Object.assign({ className: "ContentImage__image" }, image))));
-};
-export default ContentImage;

package/esm/Datepicker.d.ts

@@ -1,39 +0,0 @@
-import { RefObject } from 'react';
-import { FormFieldWrappingProps } from './FormField';
-export declare type DatepickerProps = {
-    small?: boolean;
-    placeholder?: string;
-    value?: Date;
-    startDate?: Date;
-    endDate?: Date;
-    minDate?: Date;
-    maxDate?: Date;
-    localeCode?: 'is' | 'en';
-    dateFormat?: string;
-    isStartDate?: boolean;
-    isEndDate?: boolean;
-    inputRef?: RefObject<HTMLInputElement>;
-    onChange: (date?: Date) => void;
-    datepickerExtraProps?: Record<string, unknown>;
-    /** @deprecated  use value instead.  (Will be removed in v0.11) */
-    initialDate?: Date;
-} & FormFieldWrappingProps;
-export declare const getDateDiff: (date: Date, diff: number) => Date;
-export declare type DatepickerLocaleProps = {
-    nextMonthAriaLabel: string;
-    nextMonthButtonLabel: string;
-    nextYearAriaLabel: string;
-    nextYearButtonLabel: string;
-    previousMonthAriaLabel: string;
-    previousMonthButtonLabel: string;
-    previousYearAriaLabel: string;
-    previousYearButtonLabel: string;
-    timeInputLabel: string;
-    weekAriaLabelPrefix: string;
-    weekLabel: string;
-    ariaLabelPrefix: string;
-    chooseDayAriaLabelPrefix: string;
-    disabledDayAriaLabelPrefix: string;
-};
-declare const Datepicker: (props: DatepickerProps) => JSX.Element;
-export default Datepicker;

package/esm/Datepicker.js

@@ -1,63 +0,0 @@
-import React from 'react';
-// Documentation: https://reactdatepicker.com/
-import ReactDatePicker, { registerLocale,
-// setDefaultLocale,
- } from 'react-datepicker';
-import { useDomid } from '@hugsmidjan/react/hooks';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-// For more info on localization see: https://stackoverflow.com/questions/54399084/change-locale-in-react-datepicker/58306958#58306958
-import is from 'date-fns/locale/is';
-import FormField from './FormField';
-registerLocale('is', is);
-export const getDateDiff = (date, diff) => {
-    const newDate = new Date(date);
-    newDate.setDate(newDate.getDate() + diff);
-    return newDate;
-};
-const i18n = {
-    is: {
-        nextMonthAriaLabel: 'Næsti mánuður',
-        nextMonthButtonLabel: 'Næsti mánuður',
-        nextYearAriaLabel: 'Næsta ár',
-        nextYearButtonLabel: 'Næsta ár',
-        previousMonthAriaLabel: 'Fyrri mánuður',
-        previousMonthButtonLabel: 'Fyrri mánuður',
-        previousYearAriaLabel: 'Fyrra ár',
-        previousYearButtonLabel: 'Fyrra ár',
-        timeInputLabel: 'Tími: ',
-        weekAriaLabelPrefix: 'Vika: ',
-        weekLabel: 'Vika',
-        ariaLabelPrefix: 'Mánuður:',
-        chooseDayAriaLabelPrefix: 'Veldu:',
-        disabledDayAriaLabelPrefix: 'Dagsetning ekki í boði',
-    },
-};
-const Datepicker = (props) => {
-    const { className, id, label, hideLabel, assistText, disabled, readOnly, invalid, errorMessage, required, reqText, placeholder, small, localeCode, dateFormat = 'd.M.yyy', initialDate, value = initialDate, startDate, endDate, minDate, maxDate, isStartDate = false, isEndDate = false, onChange, datepickerExtraProps, ssr, inputRef, } = props;
-    const domid = useDomid(id);
-    const txts = (localeCode && i18n[localeCode]) || {};
-    const filled = !!value;
-    const empty = !filled && !placeholder;
-    return (React.createElement(FormField, { className: getBemClass('Datepicker', [], className), ssr: ssr, label: label, small: small, assistText: assistText, hideLabel: hideLabel, invalid: invalid, required: required, reqText: reqText, disabled: disabled, readOnly: readOnly, filled: filled, empty: empty, errorMessage: errorMessage, renderInput: (className, inputProps, addFocusProps) => {
-            return (React.createElement("div", { className: className.input, ref: inputRef &&
-                    ((elm) => {
-                        inputRef.current =
-                            (elm === null || elm === void 0 ? void 0 : elm.querySelector('input')) || undefined;
-                        return elm;
-                    }) },
-                React.createElement(ReactDatePicker, Object.assign({ id: domid, required: inputProps.required, disabled: inputProps.disabled, readOnly: inputProps.readOnly, selected: value, locale: localeCode, dateFormat: dateFormat, onChange: (date) => {
-                        onChange(date || undefined);
-                        const inputElm = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
-                        if (inputElm) {
-                            inputElm.dispatchEvent(new Event('change', { bubbles: true }));
-                        }
-                    }, placeholderText: placeholder, 
-                    // TODO: Implement this
-                    // selectsRange
-                    minDate: minDate, maxDate: maxDate, startDate: startDate, endDate: endDate, selectsStart: isStartDate, selectsEnd: isEndDate, formatWeekDay: (weekday) => {
-                        // TODO: if we use costom locale we don't need this
-                        return weekday.charAt(0).toUpperCase();
-                    }, showYearDropdown: true, scrollableYearDropdown: true, yearDropdownItemNumber: 15, showMonthDropdown: true }, inputProps, txts, addFocusProps(datepickerExtraProps)))));
-        } }));
-};
-export default Datepicker;

package/esm/ExtraLinks.d.ts

@@ -1,18 +0,0 @@
-import { TextCardListProps } from './_abstract/_CardList';
-import { SeenProp } from './utils/seenEffect';
-export declare type RelatedLink = {
-    href: string;
-    label: string;
-    blank?: boolean;
-    type?: 'link' | 'pdf' | 'text';
-};
-declare type RelatedProps = {
-    relatedTitle?: string;
-    relatedLinks?: Array<RelatedLink>;
-};
-export declare type ExtraLinksCardProps = TextCardListProps['cards'][number];
-export declare type ExtraLinksProps = TextCardListProps & RelatedProps & {
-    className?: string;
-} & SeenProp;
-declare const ExtraLinks: (props: ExtraLinksProps) => JSX.Element;
-export default ExtraLinks;

package/esm/ExtraLinks.js

@@ -1,34 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { CardList } from './_abstract/_CardList';
-import { Link } from './_abstract/_Link';
-import { useSeenEffect } from './utils/seenEffect';
-const ExtraLinks__related = (props) => {
-    const { relatedTitle, relatedLinks } = props;
-    return (React.createElement("div", { className: "ExtraLinks__related" },
-        relatedTitle && React.createElement("h3", { className: "ExtraLinks__related__title" }, relatedTitle),
-        React.createElement("ul", { className: "ExtraLinks__related__list" }, relatedLinks &&
-            relatedLinks.map(({ href, label, blank = false, type }, i) => (React.createElement("li", { className: "ExtraLinks__related__item", key: i },
-                React.createElement(Link, { className: getBemClass('ExtraLinks__related__link', type), href: href, target: blank ? '_blank' : '', rel: blank ? 'noreferrer noopener' : '' }, label)))))));
-};
-const ExtraLinks = (props) => {
-    const { relatedTitle, relatedLinks, className, startSeen } = props, cardListProps = __rest(props, ["relatedTitle", "relatedLinks", "className", "startSeen"]);
-    const hasRelated = !!(relatedLinks && relatedLinks.length);
-    const [ref] = useSeenEffect(startSeen);
-    return (React.createElement("div", { className: getBemClass('ExtraLinks', hasRelated && 'related', className), ref: ref },
-        React.createElement("div", { className: "ExtraLinks__main" },
-            React.createElement(CardList, Object.assign({}, cardListProps, { bemPrefix: "ExtraLinks" }))),
-        hasRelated && (React.createElement(ExtraLinks__related, { relatedTitle: relatedTitle, relatedLinks: relatedLinks }))));
-};
-export default ExtraLinks;