@reykjavik/hanna-react 0.10.57 → 0.10.60

package/esm/RelatedLinks.d.ts

@@ -1,20 +0,0 @@
-declare const types: {
-    readonly external: 1;
-    readonly document: 1;
-    readonly pdf: 1;
-    readonly link: 0;
-};
-export declare type RelatedLinkType = keyof typeof types;
-export declare type RelatedLinkItem = {
-    href: string;
-    label: string;
-    target?: string;
-    type?: RelatedLinkType;
-};
-export declare type RelatedLinksProps = {
-    title?: string;
-    titleTag?: 'h2' | 'h3' | 'h4' | 'h5';
-    links: Array<RelatedLinkItem>;
-};
-declare const RelatedLinks: (props: RelatedLinksProps) => JSX.Element | null;
-export default RelatedLinks;

package/esm/RelatedLinks.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { Link } from './_abstract/Link';
-const types = {
-    external: 1,
-    document: 1,
-    pdf: 1,
-    link: 0,
-};
-const RelatedLinks = (props) => {
-    const { title, links } = props;
-    if (links.length === 0) {
-        return null;
-    }
-    const TitleTag = props.titleTag || 'h3';
-    return (React.createElement("div", { className: "RelatedLinks" },
-        title && React.createElement(TitleTag, { className: "RelatedLinks__title" }, title),
-        React.createElement("ul", { className: "RelatedLinks__list" }, links.map(({ href, label, type, target }, i) => {
-            type = type && types[type] ? type : undefined;
-            return (React.createElement("li", { key: i, className: "RelatedLinks__item" },
-                React.createElement(Link, { className: "RelatedLinks__link", href: href, "data-type": type, target: target },
-                    ' ',
-                    label,
-                    ' ')));
-        }))));
-};
-export default RelatedLinks;

package/esm/RowBlock.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-import { BemPropsModifier } from '@hugsmidjan/react/types';
-import { SeenProp } from './utils/seenEffect';
-export declare type RowBlockProps = {
-    /** Float the first RowBlockColumn to the right on larger screens. */
-    right?: boolean;
-    /** Custom **additional** class-name */
-    className?: string;
-    children: ReactNode;
-} & BemPropsModifier & SeenProp;
-declare const RowBlock: (props: RowBlockProps) => JSX.Element;
-export default RowBlock;

package/esm/RowBlock.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { useSeenEffect } from './utils/seenEffect';
-const RowBlock = (props) => {
-    const { right, modifier, className, children, startSeen } = props;
-    const [ref] = useSeenEffect(startSeen);
-    return (React.createElement("div", { className: getBemClass('RowBlock', [modifier, right && 'align--right'], className), ref: ref }, children));
-};
-export default RowBlock;

package/esm/RowBlockColumn.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export declare type RowBlockColumnProps = {
-    background?: boolean | 'primary';
-    narrow?: boolean;
-    children: ReactNode;
-};
-declare const RowBlockColumn: (props: RowBlockColumnProps) => JSX.Element;
-export default RowBlockColumn;

package/esm/RowBlockColumn.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const RowBlockColumn = (props) => {
-    const { background, narrow, children } = props;
-    return (React.createElement("div", { className: getBemClass('RowBlockColumn', [
-            narrow && 'narrow',
-            background && 'background',
-            background === 'primary' && 'background--primary',
-        ]) }, children));
-};
-export default RowBlockColumn;

package/esm/SearchInput.d.ts

@@ -1,18 +0,0 @@
-import { RefObject } from 'react';
-import { FormFieldWrappingProps } from './FormField';
-declare type InputElmProps = JSX.IntrinsicElements['input'];
-declare type BaseProps<Type extends {
-    type?: string;
-}, InputProps extends object> = {
-    small?: boolean;
-    children?: undefined;
-    onButtonClick?: () => void;
-    buttonText?: string;
-    inputRef?: RefObject<HTMLInputElement>;
-    buttonRef?: RefObject<HTMLButtonElement>;
-} & Type & FormFieldWrappingProps & InputProps;
-export declare type SearchInputProps = BaseProps<{
-    type?: 'text';
-}, InputElmProps>;
-declare const SearchInput: (props: SearchInputProps) => JSX.Element;
-export default SearchInput;

package/esm/SearchInput.js

@@ -1,33 +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, { useState } from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import FormField from './FormField';
-const SearchInput = (props) => {
-    var _a;
-    const { className, label, assistText, hideLabel, disabled, readOnly, invalid, errorMessage, required, reqText, id, onChange, small, onButtonClick, buttonText = 'Leita', ssr } = props, inputElementProps = __rest(props, ["className", "label", "assistText", "hideLabel", "disabled", "readOnly", "invalid", "errorMessage", "required", "reqText", "id", "onChange", "small", "onButtonClick", "buttonText", "ssr"]);
-    const { value, defaultValue, placeholder } = inputElementProps;
-    const [hasValue, setHasValue] = useState(undefined);
-    const filled = !!((_a = value !== null && value !== void 0 ? value : hasValue) !== null && _a !== void 0 ? _a : !!defaultValue);
-    const empty = !filled && !placeholder;
-    const _onChange = value != null
-        ? onChange
-        : (e) => {
-            setHasValue(!!e.target.value);
-            onChange && onChange(e);
-        };
-    return (React.createElement(FormField, { className: getBemClass('SearchInput', [], className), ssr: ssr, small: small, label: label, empty: empty, filled: filled, assistText: assistText, hideLabel: hideLabel, disabled: disabled, readOnly: readOnly, invalid: invalid, errorMessage: errorMessage, required: required, reqText: reqText, id: id, renderInput: (className, inputProps, addFocusProps) => (React.createElement("div", Object.assign({ className: className.input }, addFocusProps()),
-            React.createElement("input", Object.assign({ className: "SearchInput__input", onChange: _onChange }, inputProps, inputElementProps, { ref: props.inputRef })),
-            ' ',
-            onButtonClick && (React.createElement("button", { className: "SearchInput__button", type: "button", onClick: onButtonClick, title: buttonText, ref: props.buttonRef }, buttonText)))) }));
-};
-export default SearchInput;

package/esm/SearchResults/_SearchResultsItem.d.ts

@@ -1,18 +0,0 @@
-declare type MetaValue = string | (() => JSX.Element | string | number);
-export declare type SearchResultsItemProps = {
-    /** Plain text title */
-    title: string;
-    /** Simple HTML-encoded summary (excluding any layout)  */
-    summary: string;
-    href: string;
-    meta?: MetaValue | ReadonlyArray<MetaValue>;
-    /**
-     * URL to the image to display with the result item.
-     * Should ideally be approximately 600-700px wide
-     */
-    image?: string;
-    /** Should this search-result item be displayed as a "major"/"main" result at the top */
-    highlight?: boolean;
-};
-declare const SearchResultsItem: (props: SearchResultsItemProps) => JSX.Element;
-export default SearchResultsItem;

package/esm/SearchResults/_SearchResultsItem.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import Image from '../_abstract/Image';
-import { Link } from '../_abstract/Link';
-const SearchResultsItem = (props) => {
-    const { highlight, title, summary, href, meta, image } = props;
-    const bem = highlight ? 'SearchResultsHighlightItem' : 'SearchResultsItem';
-    const metaArr = (Array.isArray(meta) ? meta : [meta]);
-    return (React.createElement("li", { className: bem },
-        React.createElement(Link, { className: bem + '__link', href: href },
-            React.createElement("h3", { className: bem + '__title' }, title),
-            metaArr.length > 0 && (React.createElement("span", { className: bem + '__meta' }, metaArr.map((item, i) => typeof item === 'function' ? item() : item && React.createElement("span", { key: i }, item)))),
-            highlight && image && React.createElement(Image, { className: bem + '__image', src: image }),
-            React.createElement("div", { className: bem + '__summary', dangerouslySetInnerHTML: { __html: summary } }))));
-};
-export default SearchResultsItem;

package/esm/SearchResults.d.ts

@@ -1,33 +0,0 @@
-import { ReactNode } from 'react';
-import { SearchResultsItemProps } from './SearchResults/_SearchResultsItem';
-export declare type SearchReesultI18n = {
-    lang: string;
-    loadQueryTitle: string;
-    resultsTitle: string;
-    noResultsTitle: string;
-    loadMore: string;
-};
-export declare type SearchStatus = 'loadingquery' | 'loadingfilter' | 'error' | 'results' | 'loadingmore';
-export declare type SearchResultsFilter = {
-    label: string;
-    count?: number;
-};
-export type { SearchResultsItemProps } from './SearchResults/_SearchResultsItem';
-export declare type SearchResultsProps = {
-    totalHits?: number;
-    hits?: number;
-    query?: string;
-    items?: Array<SearchResultsItemProps>;
-    filters?: Array<SearchResultsFilter>;
-    activeFilterIdx?: number;
-    setFilter?: (activeTab: number) => void;
-    status: SearchStatus;
-    errorText?: string | ReactNode;
-    pageSize: number;
-    pages?: number;
-    loadMore?: () => void;
-    texts?: SearchReesultI18n;
-    lang?: string;
-};
-declare const SearchResults: (props: SearchResultsProps) => JSX.Element;
-export default SearchResults;

package/esm/SearchResults.js

@@ -1,109 +0,0 @@
-import React, { useEffect, useMemo, useRef } from 'react';
-import { useInView } from 'react-intersection-observer';
-import { prettyNum } from '@hugsmidjan/qj/prettyNum';
-import range from '@hugsmidjan/qj/range';
-import { useDomid } from '@hugsmidjan/react/hooks';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { DEFAULT_LANG, getTexts } from '@reykjavik/hanna-utils/i18n';
-import SearchResultsItem from './SearchResults/_SearchResultsItem';
-import Alert from './Alert';
-import Tabs from './Tabs';
-const renderDefaultErrorText = () => (React.createElement(React.Fragment, null,
-    "\u00DAps, \u00FEa\u00F0 hefur komi\u00F0 upp villa. M\u00E1 bj\u00F3\u00F0a \u00FE\u00E9r a\u00F0 pr\u00F3fa aftur a\u00F0 leita?",
-    React.createElement("br", null),
-    "Ef ekkert l\u00E1t er \u00E1 villunni \u00FE\u00E1 kunnum vi\u00F0 a\u00F0 meta a\u00F0 \u00FE\u00FA l\u00E1tir okkur vita."));
-const defaultTexts = {
-    en: {
-        lang: 'en',
-        loadQueryTitle: 'Loading results...',
-        resultsTitle: 'results found for',
-        noResultsTitle: 'No results were found for',
-        loadMore: 'Load more',
-        // loadingMore: 'Loading...',
-    },
-    is: {
-        lang: 'is',
-        loadQueryTitle: 'Sæki niðurstöður...',
-        resultsTitle: 'leitarniðurstöður fyrir',
-        noResultsTitle: 'Engar leitarniðurstöður fundust fyrir',
-        loadMore: 'Sækja fleiri',
-        // loadingMore: 'Sæki fleiri...',
-    },
-};
-const SearchResults_Tabs = (props) => {
-    const { domid, filters, activeIdx, setFilter, lang } = props;
-    const tabs = useMemo(() => (filters || []).map(({ label, count }) => ({
-        label,
-        badge: prettyNum(count, { lang }),
-    })), [filters, lang]);
-    return tabs.length ? (React.createElement(Tabs, { role: "tablist", "aria-controls": domid, tabs: tabs, activeIdx: activeIdx || 0, onSetActive: (i) => setFilter && setFilter(i) })) : null;
-};
-const LoadingScaffold = (props) => props.count ? (React.createElement("ol", { className: "SearchResults__list SearchResults__list--loading" }, range(1, props.count).map((item, i) => (React.createElement(SearchResultsItem, { key: i, title: "...", summary: "", href: "" }))))) : null;
-// ===========================================================================
-const NUM_AUTOLOADS = 2;
-const SearchResults__loadmore = (props) => {
-    const { status, hits, numItems, loadMore, pageSize, texts } = props;
-    const { lang } = texts;
-    const moreCount = (hits || 0) - (numItems || 0);
-    const autoLoadCount = useRef(0);
-    const skip = !loadMore || autoLoadCount.current >= NUM_AUTOLOADS;
-    const [refFn, theEndIsNigh] = useInView({
-        rootMargin: '150px 0px 0px 0px',
-        skip, // disable after two clicks
-    });
-    useEffect(() => {
-        if (theEndIsNigh && loadMore) {
-            autoLoadCount.current = autoLoadCount.current + 1;
-            loadMore();
-        }
-    }, [theEndIsNigh, loadMore]);
-    const moreAvailable = status === 'results' && moreCount && loadMore;
-    return status === 'loadingmore' ? (React.createElement(LoadingScaffold, { count: Math.min(pageSize, moreCount) })) : moreAvailable ? (React.createElement("button", { ref: refFn, className: "SearchResults__loadmore", type: "button", onClick: loadMore },
-        texts.loadMore,
-        ' ',
-        React.createElement("span", { className: "SearchResults__loadmore__count" },
-            "(",
-            prettyNum(moreCount, { lang }),
-            ")"))) : null;
-};
-// ===========================================================================
-const renderTitle = (props, texts) => {
-    const { status, totalHits, query } = props;
-    const lang = texts.lang || props.lang || DEFAULT_LANG;
-    return (React.createElement("h2", { className: "SearchResults__title" },
-        status === 'loadingquery'
-            ? texts.loadQueryTitle
-            : totalHits
-                ? prettyNum(totalHits, { lang: lang }) +
-                    ' ' +
-                    texts.resultsTitle
-                : texts.noResultsTitle,
-        React.createElement("span", { className: "SearchResults__query" }, query)));
-};
-// ---------------------------------------------------------------------------
-const renderResults = (props) => {
-    const { status, pageSize, items, hits } = props;
-    if (status === 'loadingquery' || status === 'loadingfilter') {
-        return React.createElement(LoadingScaffold, { count: Math.min(pageSize, hits || 999) });
-    }
-    return items && items.length ? (React.createElement("ol", { className: "SearchResults__list" }, items.map((item, i) => (React.createElement(SearchResultsItem, Object.assign({ key: i }, item)))))) : null;
-};
-// ---------------------------------------------------------------------------
-const renderLoadMore = (props, texts) => {
-    const { hits, items, status, pageSize, loadMore } = props;
-    return (React.createElement(SearchResults__loadmore, { hits: hits, numItems: items && items.length, status: status, pageSize: pageSize, loadMore: loadMore, texts: texts }));
-};
-// TODO: add plural translation thingy for result string
-const SearchResults = (props) => {
-    const { filters, activeFilterIdx, setFilter, status, errorText } = props;
-    const texts = getTexts(props, defaultTexts);
-    const domid = useDomid();
-    return (React.createElement("div", { className: getBemClass('SearchResults', status !== 'results' && status) },
-        renderTitle(props, texts),
-        React.createElement(SearchResults_Tabs, { domid: domid, filters: filters, activeIdx: activeFilterIdx, setFilter: setFilter, lang: texts.lang }),
-        React.createElement("div", { className: "SearchResults__results", id: domid },
-            renderResults(props),
-            status === 'error' && (React.createElement(Alert, { type: "error" }, errorText || renderDefaultErrorText())),
-            renderLoadMore(props, texts))));
-};
-export default SearchResults;

package/esm/SeenEffect.d.ts

@@ -1,4 +0,0 @@
-import { EffectProp, SeenProp } from './utils/seenEffect';
-export declare type SeenEffectProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & SeenProp & EffectProp;
-declare const SeenEffect: (props: SeenEffectProps) => JSX.Element;
-export default SeenEffect;

package/esm/SeenEffect.js

@@ -1,19 +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 { getEffectAttr, useSeenEffect } from './utils/seenEffect';
-const SeenEffect = (props) => {
-    const { effectType, startSeen } = props, divProps = __rest(props, ["effectType", "startSeen"]);
-    const [ref] = useSeenEffect(startSeen);
-    return React.createElement("div", Object.assign({}, divProps, { ref: ref }, getEffectAttr(effectType)));
-};
-export default SeenEffect;

package/esm/Selectbox.d.ts

@@ -1,8 +0,0 @@
-import { SelectboxProps as _SelectboxProps } from '@hugsmidjan/react/Selectbox';
-import { FormFieldWrappingProps } from './FormField';
-export declare type SelectboxProps = FormFieldWrappingProps & Omit<_SelectboxProps, 'bem'> & {
-    small?: boolean;
-};
-export type { SelectboxOptions } from '@hugsmidjan/react/Selectbox';
-declare const Selectbox: (props: SelectboxProps) => JSX.Element;
-export default Selectbox;

package/esm/Selectbox.js

@@ -1,46 +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, { useEffect, useRef, useState } from 'react';
-import _Selectbox from '@hugsmidjan/react/Selectbox';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import FormField from './FormField';
-const getValue = (opt) => {
-    const val = typeof opt === 'object' ? opt.value : opt;
-    return typeof val === 'number' ? String(val) : val;
-};
-const Selectbox = (props) => {
-    var _a;
-    const { className, label, assistText, hideLabel, disabled, readOnly, reqText, invalid, errorMessage, required, id, ssr, onChange, small } = props, selectProps = __rest(props, ["className", "label", "assistText", "hideLabel", "disabled", "readOnly", "reqText", "invalid", "errorMessage", "required", "id", "ssr", "onChange", "small"]);
-    const { value, defaultValue, placeholder, options } = selectProps;
-    const _selectRef = useRef(null);
-    const selectRef = selectProps.selectRef || _selectRef;
-    const getInitialValue = () => { var _a; return (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : getValue(options[0]); };
-    const [isFilled, setIsFilled] = useState(() => !!getInitialValue());
-    const [isEmpty, setIsEmpty] = useState(() => !getInitialValue() && !placeholder);
-    useEffect(() => {
-        var _a;
-        const selectElm = selectRef.current;
-        if (selectElm) {
-            setIsFilled(!!selectElm.value);
-            setIsEmpty(!((_a = selectElm.selectedOptions[0]) === null || _a === void 0 ? void 0 : _a.text));
-        }
-    }, [(_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.value]);
-    const _onChange = (e) => {
-        var _a;
-        const selectElm = e.currentTarget;
-        setIsFilled(!!selectElm.value);
-        setIsEmpty(!((_a = selectElm.selectedOptions[0]) === null || _a === void 0 ? void 0 : _a.text));
-        onChange && onChange(e);
-    };
-    return (React.createElement(FormField, { className: getBemClass('Selectbox', null, className), ssr: ssr, small: small, label: label, empty: isEmpty, filled: isFilled, assistText: assistText, hideLabel: hideLabel, disabled: disabled, readOnly: readOnly, invalid: invalid, errorMessage: errorMessage, required: required, reqText: reqText, id: id, renderInput: (className, inputProps, addFocusProps) => (React.createElement(_Selectbox, Object.assign({ bem: className.input, ssr: ssr, onChange: _onChange }, inputProps, addFocusProps(selectProps), { selectRef: selectRef }))) }));
-};
-export default Selectbox;

package/esm/ShareButtons.d.ts

@@ -1,9 +0,0 @@
-import { SSRSupport } from '@hugsmidjan/react/hooks';
-import { ShareButtonI18n, ShareButtonPlatforms } from '@reykjavik/hanna-utils/shareButtonsUtils';
-export declare type ShareButtonsProps = {
-    ssr?: SSRSupport;
-    children?: undefined;
-    texts?: Readonly<ShareButtonI18n>;
-} & Partial<Record<ShareButtonPlatforms, boolean>>;
-declare const ShareButtons: (props: ShareButtonsProps) => JSX.Element | null;
-export default ShareButtons;

package/esm/ShareButtons.js

@@ -1,51 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { getDocMeta, getShareButtonLabel, i18n, openInPopup, shareButtonTypes, } from '@reykjavik/hanna-utils/shareButtonsUtils';
-import { Link } from './_abstract/Link';
-const generateTypeList = (facebook, twitter, linkedin, email) => {
-    const listStr = ((facebook ? 'facebook,' : '') +
-        (twitter ? 'twitter,' : '') +
-        (linkedin ? 'linkedin,' : '') +
-        (email ? 'email,' : '')).slice(0, -1);
-    return (listStr !== 'facebook,twitter' && listStr) || undefined;
-};
-// FIXME: see other FIXME below for details
-// TODO: Also figure out if/why the truthyness of document.location would be in doubt here
-const docLoc = typeof document !== 'undefined' ? document.location : { href: undefined };
-const ShareButtons__item = (props) => {
-    const { label, type, href } = props;
-    const buttonText = getShareButtonLabel(type, label);
-    const popup = type !== 'email';
-    return (React.createElement("li", { className: "ShareButtons__item" },
-        React.createElement(Link, { className: 'ShareButtons__link ShareButtons__link--' + type, href: href, title: buttonText, rel: "noopener noreferrer", target: popup ? '_blank' : undefined, onClick: popup ? openInPopup : undefined }, buttonText)));
-};
-const ShareButtons = (props) => {
-    const { texts, ssr, facebook = true, twitter = true, linkedin, email, } = props;
-    const [docMeta, setDocMeta] = useState();
-    const href = docLoc.href; // assign to local variable to silence `react-hooks/exhaustive-deps`
-    useEffect(() => {
-        // FIXME: Drop dependency on _loc.href and set up proper
-        // location/route monitoring event handler, with unsubscribe on unmount
-        const { emailSubject } = texts || {};
-        setDocMeta(getDocMeta({ emailSubject }));
-    }, [texts, href]);
-    if (!facebook && !twitter && !linkedin && !email) {
-        // no place to share
-        return null;
-    }
-    const txt = texts || (docMeta && i18n[docMeta.lang]) || {};
-    const { label, buttonLabel } = txt;
-    if (!docMeta || ssr === 'ssr-only') {
-        // Generate SSR markup for hanna-sprinkles to pick up on.
-        return (React.createElement("div", { className: "ShareButtons", "data-button-types": generateTypeList(facebook, twitter, linkedin, email), "data-label": label, "data-buttonlabel": buttonLabel, "data-emailsubject": txt.emailSubject || undefined }));
-    }
-    const showTypes = {
-        facebook,
-        twitter,
-        linkedin,
-        email,
-    };
-    return (React.createElement("div", { className: "ShareButtons", "aria-label": label, "data-sprinkled": "true" },
-        label && React.createElement("strong", { className: "ShareButtons__label" }, label),
-        React.createElement("ul", { className: "ShareButtons__list" }, shareButtonTypes.map((type) => showTypes[type] && (React.createElement(ShareButtons__item, { key: type, type: type, label: buttonLabel || '', href: docMeta.hrefs[type] }))))));
-};
-export default ShareButtons;

package/esm/Sharpie.d.ts

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-declare const colors: {
-    green: number;
-    red: number;
-};
-declare type SharpieColor = keyof typeof colors;
-declare const tags: {
-    span: number;
-    strong: number;
-    em: number;
-    b: number;
-    i: number;
-    u: number;
-    s: number;
-};
-declare type SharpieTag = keyof typeof tags;
-export declare type SharpieProps = {
-    color: SharpieColor;
-    tag?: SharpieTag;
-    children: ReactNode;
-};
-declare const Sharpie: (props: SharpieProps) => JSX.Element;
-export default Sharpie;

package/esm/Sharpie.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const colors = {
-    green: 1,
-    red: 1,
-};
-const tags = {
-    span: 1,
-    strong: 1,
-    em: 1,
-    b: 1,
-    i: 1,
-    u: 1,
-    s: 1,
-};
-const Sharpie = (props) => {
-    const { color, tag, children } = props;
-    const colorModifier = colors[color] ? color : 'green';
-    const Tag = tag && tags[tag] ? tag : 'span';
-    return React.createElement(Tag, { className: getBemClass('Sharpie', colorModifier) }, children);
-};
-export default Sharpie;

package/esm/SiteSearchAutocomplete.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-import Autosuggest, { RenderSuggestion } from 'react-autosuggest';
-import { BemProps } from '@hugsmidjan/react/types';
-import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
-export declare type SiteSearchACI18n = {
-    lang?: string;
-    /** Label for the autocomplete's combobox container div */
-    label: string;
-    /** Label for the text input */
-    inputLabel: string;
-    /** Placeholder text for the text input */
-    placeholder?: string;
-    /** Label for the suggestions item list container */
-    suggestionsLabel: string;
-};
-export declare const defaultSiteSearchACTexts: DefaultTexts<SiteSearchACI18n>;
-export declare type SiteSearchAutocompleteProps<T> = {
-    suggestions: Array<T>;
-    renderSuggestion: RenderSuggestion<T>;
-    setSuggestions: (suggestions: Array<T>) => void;
-    getSuggestionValue: (suggestion: T) => string;
-    onSuggestionsFetchRequested: (request: Autosuggest.SuggestionsFetchRequestedParams) => void;
-    onSuggestionSelected?: (event: React.FormEvent<HTMLElement>, data: Autosuggest.SuggestionSelectedEventData<T>) => void;
-    onSuggestionHighlighted?: (params: {
-        suggestion: T;
-    }) => void;
-    /** Triggered when user hits ENTER key with the focus inside the input field */
-    onSubmit?: (value: string) => void;
-    /** Custom action to perform when the user clicks the search button
-     *
-     * Defaults to `onSubmit`
-     */
-    onButtonClick?: (value: string) => void;
-    lang?: string;
-    texts?: SiteSearchACI18n;
-    /** @deprecated  Use `text` prop instead  (will be removed in v0.11) */
-    label?: string;
-} & BemProps;
-declare const SiteSearchAutocomplete: <T>(props: SiteSearchAutocompleteProps<T>) => JSX.Element;
-export default SiteSearchAutocomplete;

package/esm/SiteSearchAutocomplete.js

@@ -1,58 +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, { createRef, useState } from 'react';
-import Autosuggest from 'react-autosuggest';
-import { getTexts } from '@reykjavik/hanna-utils/i18n';
-import SiteSearchInput from './SiteSearchInput';
-export const defaultSiteSearchACTexts = {
-    is: {
-        lang: 'is',
-        label: 'Leit á vefnum',
-        inputLabel: 'Leitarorð',
-        placeholder: 'Sláðu inn leitarorð',
-        suggestionsLabel: 'Tillögur',
-    },
-    en: {
-        lang: 'en',
-        label: 'Site search',
-        inputLabel: 'Search terms',
-        placeholder: 'Enter search terms',
-        suggestionsLabel: 'Suggestions',
-    },
-};
-const SiteSearchAutocomplete = (props) => {
-    const { suggestions, setSuggestions, renderSuggestion, getSuggestionValue, onSuggestionsFetchRequested, onSuggestionSelected, onSuggestionHighlighted, onSubmit, onButtonClick = onSubmit, bem = 'SiteSearchAutocomplete', } = props;
-    const [value, setValue] = useState('');
-    const inputRef = createRef();
-    const txt = getTexts(props, defaultSiteSearchACTexts);
-    return (React.createElement(Autosuggest, { theme: {
-            container: bem,
-            containerOpen: bem + '--open',
-            suggestionsContainer: bem + '__container',
-            suggestionsContainerOpen: bem + '__container--open',
-            suggestionsList: bem + '__list',
-            suggestion: bem + '__item',
-            suggestionHighlighted: bem + '__item--highlighted',
-        }, focusInputOnSuggestionClick: true, suggestions: suggestions, onSuggestionsClearRequested: () => setSuggestions([]), onSuggestionsFetchRequested: onSuggestionsFetchRequested, getSuggestionValue: getSuggestionValue, onSuggestionSelected: onSuggestionSelected, onSuggestionHighlighted: onSuggestionHighlighted, renderSuggestion: renderSuggestion, containerProps: { 'aria-label': txt.label }, renderSuggestionsContainer: ({ containerProps, children }) => (React.createElement("div", Object.assign({}, containerProps, { "aria-label": txt.suggestionsLabel }), children)), inputProps: {
-            ref: inputRef,
-            value: value,
-            onChange: (_, { newValue }) => {
-                setValue(newValue);
-            },
-        }, renderInputComponent: (inputProps) => {
-            /* prettier-ignore */
-            const { className, type, disabled, readOnly, required, children } = inputProps, //eslint-disable-line @typescript-eslint/no-unused-vars
-            siteSearchProps = __rest(inputProps, ["className", "type", "disabled", "readOnly", "required", "children"]);
-            return (React.createElement(SiteSearchInput, Object.assign({}, siteSearchProps, { label: props.label || txt.inputLabel, placeholder: txt.placeholder, onSubmit: onSubmit && (() => onSubmit(value)), onButtonClick: onButtonClick && (() => onButtonClick(value)) })));
-        } }));
-};
-export default SiteSearchAutocomplete;

package/esm/SiteSearchCurtain.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export declare type SiteSearchCurtain = {
-    children: ReactNode;
-};
-declare const SiteSearchCurtain: (props: SiteSearchCurtain) => JSX.Element;
-export default SiteSearchCurtain;