@reykjavik/hanna-react 0.10.56 → 0.10.59

package/{NameCard.jsx → NameCard.js}

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
+const _Button_1 = __importDefault(require("./_abstract/_Button"));
 const breakOnNL_1 = __importDefault(require("./_abstract/breakOnNL"));
-const Button_1 = __importDefault(require("./_abstract/Button"));
 const formatDate = (date) => {
     return typeof date === 'string'
         ? date
@@ -48,16 +48,16 @@ const NameCard = (props) => {
         }
         const texts = (0, i18n_1.getTexts)(props, defaultTexts);
         const { updatedLabel, availableLabel, unavailableLabel } = texts;
-        return (<div className="NameCard__meta">
-        {available != null && (<span className={(0, getBemClass_1.default)('NameCard__availability', available && 'available')}>
-            {available
+        return (react_1.default.createElement("div", { className: "NameCard__meta" },
+            available != null && (react_1.default.createElement("span", { className: (0, getBemClass_1.default)('NameCard__availability', available && 'available') },
+                available
                     ? availableLabel || texts.vacancyLabel
-                    : unavailableLabel || texts.noVacancyLabel}{' '}
-          </span>)}
-        {updated != null && (<span className="NameCard__updated">
-            {updatedLabel} {formatDate(updated)}
-          </span>)}
-      </div>);
+                    : unavailableLabel || texts.noVacancyLabel,
+                ' ')),
+            updated != null && (react_1.default.createElement("span", { className: "NameCard__updated" },
+                updatedLabel,
+                " ",
+                formatDate(updated)))));
     };
     let contactInfo = props.contactInfo;
     if (!contactInfo) {
@@ -74,19 +74,14 @@ const NameCard = (props) => {
         }
         return item;
     });
-    return (<div className="NameCard">
-      <div className="NameCard__name">{name}</div>
-      {contactInfo.length > 0 && (<p className="NameCard__contactinfo">
-          {cleanContactInfo.map((item, i) => (<>
-              {typeof item === 'string' ? (<span className="NameCard__contactinfo__item">{item}</span>) : (<Button_1.default key={i} bem="NameCard__contactinfo__item" href={item.href} aria-label={item.longLabel} title={item.longLabel}>
-                  {item.label}
-                </Button_1.default>)}{' '}
-            </>))}
-        </p>)}
-      {location && <p className="NameCard__location">{renderContent(location)}</p>}
-      {hours && <p className="NameCard__hours">{renderContent(hours)}</p>}
-      {aboutText && <p className="NameCard__abouttext">{renderContent(aboutText)}</p>}
-      {renderMeta()}
-    </div>);
+    return (react_1.default.createElement("div", { className: "NameCard" },
+        react_1.default.createElement("div", { className: "NameCard__name" }, name),
+        contactInfo.length > 0 && (react_1.default.createElement("p", { className: "NameCard__contactinfo" }, cleanContactInfo.map((item, i) => (react_1.default.createElement(react_1.default.Fragment, null,
+            typeof item === 'string' ? (react_1.default.createElement("span", { className: "NameCard__contactinfo__item" }, item)) : (react_1.default.createElement(_Button_1.default, { key: i, bem: "NameCard__contactinfo__item", href: item.href, "aria-label": item.longLabel, title: item.longLabel }, item.label)),
+            ' '))))),
+        location && react_1.default.createElement("p", { className: "NameCard__location" }, renderContent(location)),
+        hours && react_1.default.createElement("p", { className: "NameCard__hours" }, renderContent(hours)),
+        aboutText && react_1.default.createElement("p", { className: "NameCard__abouttext" }, renderContent(aboutText)),
+        renderMeta()));
 };
 exports.default = NameCard;

package/{NameCards.jsx → NameCards.js}

@@ -7,8 +7,6 @@ const react_1 = __importDefault(require("react"));
 const NameCard_1 = __importDefault(require("./NameCard"));
 const NameCards = (props) => {
     const { items } = props;
-    return (<div className="NameCards">
-      {items.map((item, i) => (<NameCard_1.default key={i} {...item}/>))}
-    </div>);
+    return (react_1.default.createElement("div", { className: "NameCards" }, items.map((item, i) => (react_1.default.createElement(NameCard_1.default, Object.assign({ key: i }, item))))));
 };
 exports.default = NameCards;

package/NewsHero.d.ts

@@ -1,4 +1,4 @@
-import { ImageProps } from './_abstract/Image';
+import { ImageProps } from './_abstract/_Image';
 import { SeenProp } from './utils/seenEffect';
 declare type BlingOptions = 'interesting' | 'snake' | 'pentagon' | 'dome' | 'balls-small' | 'balls-large';
 export declare type NewsHeroProps = {

package/{NewsHero.jsx → NewsHero.js}

@@ -7,7 +7,7 @@ const react_1 = __importDefault(require("react"));
 const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const _Blings_1 = __importDefault(require("./_abstract/_Blings"));
-const Image_1 = __importDefault(require("./_abstract/Image"));
+const _Image_1 = __importDefault(require("./_abstract/_Image"));
 const seenEffect_1 = require("./utils/seenEffect");
 const ShareButtons_1 = __importDefault(require("./ShareButtons"));
 const blingOptions = {
@@ -80,14 +80,12 @@ const NewsHero = (props) => {
     const { title, sharing = true, meta, summary, image, blingType, startSeen } = props;
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
     const blings = (blingType && blingOptions[blingType]) || (0, hanna_utils_1.getStableRandomItem)(blingOptions, title);
-    return (<div className={(0, getBemClass_1.default)('NewsHero', [!image && 'align--right'])} ref={ref}>
-      <div className="NewsHero__content">
-        <h1 className="NewsHero__title">{title}</h1>
-        {meta && <span className="NewsHero__meta">{meta}</span>}
-        <div className="NewsHero__summary">{summary}</div>
-        {sharing === true ? <ShareButtons_1.default /> : sharing && sharing()}
-      </div>
-      {image ? (<Image_1.default className="NewsHero__image" {...image}/>) : (<_Blings_1.default blings={blings}/>)}
-    </div>);
+    return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('NewsHero', [!image && 'align--right']), ref: ref },
+        react_1.default.createElement("div", { className: "NewsHero__content" },
+            react_1.default.createElement("h1", { className: "NewsHero__title" }, title),
+            meta && react_1.default.createElement("span", { className: "NewsHero__meta" }, meta),
+            react_1.default.createElement("div", { className: "NewsHero__summary" }, summary),
+            sharing === true ? react_1.default.createElement(ShareButtons_1.default, null) : sharing && sharing()),
+        image ? (react_1.default.createElement(_Image_1.default, Object.assign({ className: "NewsHero__image" }, image))) : (react_1.default.createElement(_Blings_1.default, { blings: blings }))));
 };
 exports.default = NewsHero;

package/{PageFilter.jsx → PageFilter.js}

@@ -10,12 +10,11 @@ const Footnote_1 = __importDefault(require("./Footnote"));
 const PageFilter = (props) => {
     const { title, summary, footnote, filters, children, buttonRow, underlap, startSeen } = props;
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
-    return (<div className={(0, getBemClass_1.default)('PageFilter', underlap && 'underlap')} ref={ref}>
-      <h2 className="PageFilter__title">{title}</h2>
-      {summary && <div className="PageFilter__summary">{summary}</div>}
-      <div className="PageFilter__filters">{filters || children}</div>
-      <div className="PageFilter__buttons">{buttonRow}</div>
-      {footnote && <Footnote_1.default>{footnote}</Footnote_1.default>}
-    </div>);
+    return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('PageFilter', underlap && 'underlap'), ref: ref },
+        react_1.default.createElement("h2", { className: "PageFilter__title" }, title),
+        summary && react_1.default.createElement("div", { className: "PageFilter__summary" }, summary),
+        react_1.default.createElement("div", { className: "PageFilter__filters" }, filters || children),
+        react_1.default.createElement("div", { className: "PageFilter__buttons" }, buttonRow),
+        footnote && react_1.default.createElement(Footnote_1.default, null, footnote)));
 };
 exports.default = PageFilter;

package/{PageHeading.jsx → PageHeading.js}

@@ -9,11 +9,9 @@ const seenEffect_1 = require("./utils/seenEffect");
 const PageHeading = (props) => {
     const { Tag = 'h1', align, small, children, startSeen } = props;
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
-    return (<Tag className={(0, getBemClass_1.default)('PageHeading', [
+    return (react_1.default.createElement(Tag, { className: (0, getBemClass_1.default)('PageHeading', [
             small && 'small',
             align === 'right' && 'align--' + align,
-        ])} ref={ref}>
-      {children}
-    </Tag>);
+        ]), ref: ref }, children));
 };
 exports.default = PageHeading;

package/Picture.d.ts

@@ -0,0 +1,7 @@
+import { ImagePropsLinked } from './_abstract/_Image';
+export declare type PictureProps = ImagePropsLinked & {
+    contain?: boolean;
+    className?: string;
+};
+declare const Picture: (props: PictureProps) => JSX.Element;
+export default Picture;

package/Picture.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const _Image_1 = __importDefault(require("./_abstract/_Image"));
+const Picture = (props) => {
+    const { contain, className } = props;
+    return (react_1.default.createElement(_Image_1.default, Object.assign({}, props, { className: (0, getBemClass_1.default)('Picture', contain && 'contain', className) })));
+};
+exports.default = Picture;

package/ProcessOverview.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const ProcessOverview = (props) => {
+    const { title, items, attention, transparent, narrow } = props;
+    return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('ProcessOverview', [
+            transparent && 'transparent',
+            narrow && 'narrow',
+        ]) },
+        react_1.default.createElement("h2", { className: "ProcessOverview__title" }, title),
+        items.map(({ title, content }, i) => {
+            return (react_1.default.createElement("div", { key: i, className: "ProcessOverview__item" },
+                react_1.default.createElement("h3", { className: "ProcessOverview__item__title" }, title),
+                react_1.default.createElement("div", { className: "ProcessOverview__item__content" }, content)));
+        }),
+        attention && react_1.default.createElement("div", { className: "ProcessOverview__attention" }, attention)));
+};
+exports.default = ProcessOverview;

package/{PullQuote.jsx → PullQuote.js}

@@ -5,5 +5,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const _Quote_1 = require("./_abstract/_Quote");
-const PullQuote = (props) => <_Quote_1._Quote bem="PullQuote" {...props}/>;
+const PullQuote = (props) => react_1.default.createElement(_Quote_1._Quote, Object.assign({ bem: "PullQuote" }, props));
 exports.default = PullQuote;

package/RadioButtonsGroup.d.ts

@@ -1,4 +1,4 @@
-import { TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/TogglerGroupField';
+import { TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
 export declare type RadioButtonsGroupProps = TogglerGroupFieldProps & {
     value?: string;
     /** @deprecated (Will be removed in v0.9) */

package/{RadioButtonsGroup.jsx → RadioButtonsGroup.js}

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const TogglerGroupField_1 = __importDefault(require("./_abstract/TogglerGroupField"));
-const TogglerInput_1 = __importDefault(require("./_abstract/TogglerInput"));
-const RadioButton = (props) => (<TogglerInput_1.default {...props} bem="RadioButton" type="radio"/>);
+const _TogglerGroupField_1 = __importDefault(require("./_abstract/_TogglerGroupField"));
+const _TogglerInput_1 = __importDefault(require("./_abstract/_TogglerInput"));
+const RadioButton = (props) => (react_1.default.createElement(_TogglerInput_1.default, Object.assign({}, props, { bem: "RadioButton", type: "radio" })));
 const RadioButtonsGroup = (props) => {
     if (props.layout) {
         console.warn('`RadioButtonsGroupProps.layout` is deprecated.');
@@ -14,6 +14,6 @@ const RadioButtonsGroup = (props) => {
     if (props.columns) {
         console.warn('`RadioButtonsGroupProps.columns` is deprecated.');
     }
-    return <TogglerGroupField_1.default {...props} bem="RadioButtonsGroup" Toggler={RadioButton}/>;
+    return react_1.default.createElement(_TogglerGroupField_1.default, Object.assign({}, props, { bem: "RadioButtonsGroup", Toggler: RadioButton }));
 };
 exports.default = RadioButtonsGroup;

package/RadioGroup.d.ts

@@ -1,5 +1,5 @@
-import { TogglerGroupFieldOption, TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/TogglerGroupField';
-import { TogglerInputProps } from './_abstract/TogglerInput';
+import { TogglerGroupFieldOption, TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
+import { TogglerInputProps } from './_abstract/_TogglerInput';
 export declare type RadioGroupProps = TogglerGroupFieldProps & {
     layout?: 'inline';
     value?: string;

package/RadioGroup.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const _TogglerGroupField_1 = __importDefault(require("./_abstract/_TogglerGroupField"));
+const _TogglerInput_1 = __importDefault(require("./_abstract/_TogglerInput"));
+const Radio = (props) => (react_1.default.createElement(_TogglerInput_1.default, Object.assign({}, props, { bem: "Radio", type: "radio" })));
+const RadioGroup = (props) => (react_1.default.createElement(_TogglerGroupField_1.default, Object.assign({}, props, { bem: "RadioGroup", modifier: props.layout, Toggler: Radio })));
+RadioGroup.__Radio = Radio;
+exports.default = RadioGroup;

package/RelatedLinks.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const _Link_1 = require("./_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_1.default.createElement("div", { className: "RelatedLinks" },
+        title && react_1.default.createElement(TitleTag, { className: "RelatedLinks__title" }, title),
+        react_1.default.createElement("ul", { className: "RelatedLinks__list" }, links.map(({ href, label, type, target }, i) => {
+            type = type && types[type] ? type : undefined;
+            return (react_1.default.createElement("li", { key: i, className: "RelatedLinks__item" },
+                react_1.default.createElement(_Link_1.Link, { className: "RelatedLinks__link", href: href, "data-type": type, target: target },
+                    ' ',
+                    label,
+                    ' ')));
+        }))));
+};
+exports.default = RelatedLinks;

package/{RowBlock.jsx → RowBlock.js}

@@ -9,8 +9,6 @@ const seenEffect_1 = require("./utils/seenEffect");
 const RowBlock = (props) => {
     const { right, modifier, className, children, startSeen } = props;
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
-    return (<div className={(0, getBemClass_1.default)('RowBlock', [modifier, right && 'align--right'], className)} ref={ref}>
-      {children}
-    </div>);
+    return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('RowBlock', [modifier, right && 'align--right'], className), ref: ref }, children));
 };
 exports.default = RowBlock;

package/{RowBlockColumn.jsx → RowBlockColumn.js}

@@ -7,12 +7,10 @@ const react_1 = __importDefault(require("react"));
 const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const RowBlockColumn = (props) => {
     const { background, narrow, children } = props;
-    return (<div className={(0, getBemClass_1.default)('RowBlockColumn', [
+    return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('RowBlockColumn', [
             narrow && 'narrow',
             background && 'background',
             background === 'primary' && 'background--primary',
-        ])}>
-      {children}
-    </div>);
+        ]) }, children));
 };
 exports.default = RowBlockColumn;

package/{SearchInput.jsx → SearchInput.js}

@@ -53,11 +53,9 @@ const SearchInput = (props) => {
             setHasValue(!!e.target.value);
             onChange && onChange(e);
         };
-    return (<FormField_1.default className={(0, getBemClass_1.default)('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) => (<div className={className.input} {...addFocusProps()}>
-          <input className="SearchInput__input" onChange={_onChange} {...inputProps} {...inputElementProps} ref={props.inputRef}/>{' '}
-          {onButtonClick && (<button className="SearchInput__button" type="button" onClick={onButtonClick} title={buttonText} ref={props.buttonRef}>
-              {buttonText}
-            </button>)}
-        </div>)}/>);
+    return (react_1.default.createElement(FormField_1.default, { className: (0, getBemClass_1.default)('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_1.default.createElement("div", Object.assign({ className: className.input }, addFocusProps()),
+            react_1.default.createElement("input", Object.assign({ className: "SearchInput__input", onChange: _onChange }, inputProps, inputElementProps, { ref: props.inputRef })),
+            ' ',
+            onButtonClick && (react_1.default.createElement("button", { className: "SearchInput__button", type: "button", onClick: onButtonClick, title: buttonText, ref: props.buttonRef }, buttonText)))) }));
 };
 exports.default = SearchInput;

package/SearchResults/_SearchResultsItem.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const _Image_1 = __importDefault(require("../_abstract/_Image"));
+const _Link_1 = require("../_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_1.default.createElement("li", { className: bem },
+        react_1.default.createElement(_Link_1.Link, { className: bem + '__link', href: href },
+            react_1.default.createElement("h3", { className: bem + '__title' }, title),
+            metaArr.length > 0 && (react_1.default.createElement("span", { className: bem + '__meta' }, metaArr.map((item, i) => typeof item === 'function' ? item() : item && react_1.default.createElement("span", { key: i }, item)))),
+            highlight && image && react_1.default.createElement(_Image_1.default, { className: bem + '__image', src: image }),
+            react_1.default.createElement("div", { className: bem + '__summary', dangerouslySetInnerHTML: { __html: summary } }))));
+};
+exports.default = SearchResultsItem;

package/{SearchResults.jsx → SearchResults.js}

@@ -36,11 +36,10 @@ const i18n_1 = require("@reykjavik/hanna-utils/i18n");
 const _SearchResultsItem_1 = __importDefault(require("./SearchResults/_SearchResultsItem"));
 const Alert_1 = __importDefault(require("./Alert"));
 const Tabs_1 = __importDefault(require("./Tabs"));
-const renderDefaultErrorText = () => (<>
-    Úps, það hefur komið upp villa. Má bjóða þér að prófa aftur að leita?
-    <br />
-    Ef ekkert lát er á villunni þá kunnum við að meta að þú látir okkur vita.
-  </>);
+const renderDefaultErrorText = () => (react_1.default.createElement(react_1.default.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_1.default.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',
@@ -65,11 +64,9 @@ const SearchResults_Tabs = (props) => {
         label,
         badge: (0, prettyNum_1.prettyNum)(count, { lang }),
     })), [filters, lang]);
-    return tabs.length ? (<Tabs_1.default role="tablist" aria-controls={domid} tabs={tabs} activeIdx={activeIdx || 0} onSetActive={(i) => setFilter && setFilter(i)}/>) : null;
+    return tabs.length ? (react_1.default.createElement(Tabs_1.default, { role: "tablist", "aria-controls": domid, tabs: tabs, activeIdx: activeIdx || 0, onSetActive: (i) => setFilter && setFilter(i) })) : null;
 };
-const LoadingScaffold = (props) => props.count ? (<ol className="SearchResults__list SearchResults__list--loading">
-      {(0, range_1.default)(1, props.count).map((item, i) => (<_SearchResultsItem_1.default key={i} title="..." summary="" href=""/>))}
-    </ol>) : null;
+const LoadingScaffold = (props) => props.count ? (react_1.default.createElement("ol", { className: "SearchResults__list SearchResults__list--loading" }, (0, range_1.default)(1, props.count).map((item, i) => (react_1.default.createElement(_SearchResultsItem_1.default, { key: i, title: "...", summary: "", href: "" }))))) : null;
 // ===========================================================================
 const NUM_AUTOLOADS = 2;
 const SearchResults__loadmore = (props) => {
@@ -89,58 +86,52 @@ const SearchResults__loadmore = (props) => {
         }
     }, [theEndIsNigh, loadMore]);
     const moreAvailable = status === 'results' && moreCount && loadMore;
-    return status === 'loadingmore' ? (<LoadingScaffold count={Math.min(pageSize, moreCount)}/>) : moreAvailable ? (<button ref={refFn} className="SearchResults__loadmore" type="button" onClick={loadMore}>
-      {texts.loadMore}{' '}
-      <span className="SearchResults__loadmore__count">
-        ({(0, prettyNum_1.prettyNum)(moreCount, { lang })})
-      </span>
-    </button>) : null;
+    return status === 'loadingmore' ? (react_1.default.createElement(LoadingScaffold, { count: Math.min(pageSize, moreCount) })) : moreAvailable ? (react_1.default.createElement("button", { ref: refFn, className: "SearchResults__loadmore", type: "button", onClick: loadMore },
+        texts.loadMore,
+        ' ',
+        react_1.default.createElement("span", { className: "SearchResults__loadmore__count" },
+            "(",
+            (0, prettyNum_1.prettyNum)(moreCount, { lang }),
+            ")"))) : null;
 };
 // ===========================================================================
 const renderTitle = (props, texts) => {
     const { status, totalHits, query } = props;
     const lang = texts.lang || props.lang || i18n_1.DEFAULT_LANG;
-    return (<h2 className="SearchResults__title">
-      {status === 'loadingquery'
+    return (react_1.default.createElement("h2", { className: "SearchResults__title" },
+        status === 'loadingquery'
             ? texts.loadQueryTitle
             : totalHits
                 ? (0, prettyNum_1.prettyNum)(totalHits, { lang: lang }) +
                     ' ' +
                     texts.resultsTitle
-                : texts.noResultsTitle}
-      <span className="SearchResults__query">{query}</span>
-    </h2>);
+                : texts.noResultsTitle,
+        react_1.default.createElement("span", { className: "SearchResults__query" }, query)));
 };
 // ---------------------------------------------------------------------------
 const renderResults = (props) => {
     const { status, pageSize, items, hits } = props;
     if (status === 'loadingquery' || status === 'loadingfilter') {
-        return <LoadingScaffold count={Math.min(pageSize, hits || 999)}/>;
+        return react_1.default.createElement(LoadingScaffold, { count: Math.min(pageSize, hits || 999) });
     }
-    return items && items.length ? (<ol className="SearchResults__list">
-      {items.map((item, i) => (<_SearchResultsItem_1.default key={i} {...item}/>))}
-    </ol>) : null;
+    return items && items.length ? (react_1.default.createElement("ol", { className: "SearchResults__list" }, items.map((item, i) => (react_1.default.createElement(_SearchResultsItem_1.default, Object.assign({ key: i }, item)))))) : null;
 };
 // ---------------------------------------------------------------------------
 const renderLoadMore = (props, texts) => {
     const { hits, items, status, pageSize, loadMore } = props;
-    return (<SearchResults__loadmore hits={hits} numItems={items && items.length} status={status} pageSize={pageSize} loadMore={loadMore} texts={texts}/>);
+    return (react_1.default.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 = (0, i18n_1.getTexts)(props, defaultTexts);
     const domid = (0, hooks_1.useDomid)();
-    return (<div className={(0, getBemClass_1.default)('SearchResults', status !== 'results' && status)}>
-      {renderTitle(props, texts)}
-
-      <SearchResults_Tabs domid={domid} filters={filters} activeIdx={activeFilterIdx} setFilter={setFilter} lang={texts.lang}/>
-
-      <div className="SearchResults__results" id={domid}>
-        {renderResults(props)}
-        {status === 'error' && (<Alert_1.default type="error">{errorText || renderDefaultErrorText()}</Alert_1.default>)}
-        {renderLoadMore(props, texts)}
-      </div>
-    </div>);
+    return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('SearchResults', status !== 'results' && status) },
+        renderTitle(props, texts),
+        react_1.default.createElement(SearchResults_Tabs, { domid: domid, filters: filters, activeIdx: activeFilterIdx, setFilter: setFilter, lang: texts.lang }),
+        react_1.default.createElement("div", { className: "SearchResults__results", id: domid },
+            renderResults(props),
+            status === 'error' && (react_1.default.createElement(Alert_1.default, { type: "error" }, errorText || renderDefaultErrorText())),
+            renderLoadMore(props, texts))));
 };
 exports.default = SearchResults;

package/{SeenEffect.jsx → SeenEffect.js}

@@ -19,6 +19,6 @@ const seenEffect_1 = require("./utils/seenEffect");
 const SeenEffect = (props) => {
     const { effectType, startSeen } = props, divProps = __rest(props, ["effectType", "startSeen"]);
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
-    return <div {...divProps} ref={ref} {...(0, seenEffect_1.getEffectAttr)(effectType)}/>;
+    return react_1.default.createElement("div", Object.assign({}, divProps, { ref: ref }, (0, seenEffect_1.getEffectAttr)(effectType)));
 };
 exports.default = SeenEffect;

package/{Selectbox.jsx → Selectbox.js}

@@ -69,6 +69,6 @@ const Selectbox = (props) => {
         setIsEmpty(!((_a = selectElm.selectedOptions[0]) === null || _a === void 0 ? void 0 : _a.text));
         onChange && onChange(e);
     };
-    return (<FormField_1.default className={(0, getBemClass_1.default)('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) => (<Selectbox_1.default bem={className.input} ssr={ssr} onChange={_onChange} {...inputProps} {...addFocusProps(selectProps)} selectRef={selectRef}/>)}/>);
+    return (react_1.default.createElement(FormField_1.default, { className: (0, getBemClass_1.default)('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_1.default.createElement(Selectbox_1.default, Object.assign({ bem: className.input, ssr: ssr, onChange: _onChange }, inputProps, addFocusProps(selectProps), { selectRef: selectRef }))) }));
 };
 exports.default = Selectbox;

package/{ShareButtons.jsx → ShareButtons.js}

@@ -25,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const shareButtonsUtils_1 = require("@reykjavik/hanna-utils/shareButtonsUtils");
-const Link_1 = require("./_abstract/Link");
+const _Link_1 = require("./_abstract/_Link");
 const generateTypeList = (facebook, twitter, linkedin, email) => {
     const listStr = ((facebook ? 'facebook,' : '') +
         (twitter ? 'twitter,' : '') +
@@ -40,11 +40,8 @@ const ShareButtons__item = (props) => {
     const { label, type, href } = props;
     const buttonText = (0, shareButtonsUtils_1.getShareButtonLabel)(type, label);
     const popup = type !== 'email';
-    return (<li className="ShareButtons__item">
-      <Link_1.Link className={'ShareButtons__link ShareButtons__link--' + type} href={href} title={buttonText} rel="noopener noreferrer" target={popup ? '_blank' : undefined} onClick={popup ? shareButtonsUtils_1.openInPopup : undefined}>
-        {buttonText}
-      </Link_1.Link>
-    </li>);
+    return (react_1.default.createElement("li", { className: "ShareButtons__item" },
+        react_1.default.createElement(_Link_1.Link, { className: 'ShareButtons__link ShareButtons__link--' + type, href: href, title: buttonText, rel: "noopener noreferrer", target: popup ? '_blank' : undefined, onClick: popup ? shareButtonsUtils_1.openInPopup : undefined }, buttonText)));
 };
 const ShareButtons = (props) => {
     const { texts, ssr, facebook = true, twitter = true, linkedin, email, } = props;
@@ -64,7 +61,7 @@ const ShareButtons = (props) => {
     const { label, buttonLabel } = txt;
     if (!docMeta || ssr === 'ssr-only') {
         // Generate SSR markup for hanna-sprinkles to pick up on.
-        return (<div className="ShareButtons" data-button-types={generateTypeList(facebook, twitter, linkedin, email)} data-label={label} data-buttonlabel={buttonLabel} data-emailsubject={txt.emailSubject || undefined}/>);
+        return (react_1.default.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,
@@ -72,11 +69,8 @@ const ShareButtons = (props) => {
         linkedin,
         email,
     };
-    return (<div className="ShareButtons" aria-label={label} data-sprinkled="true">
-      {label && <strong className="ShareButtons__label">{label}</strong>}
-      <ul className="ShareButtons__list">
-        {shareButtonsUtils_1.shareButtonTypes.map((type) => showTypes[type] && (<ShareButtons__item key={type} type={type} label={buttonLabel || ''} href={docMeta.hrefs[type]}/>))}
-      </ul>
-    </div>);
+    return (react_1.default.createElement("div", { className: "ShareButtons", "aria-label": label, "data-sprinkled": "true" },
+        label && react_1.default.createElement("strong", { className: "ShareButtons__label" }, label),
+        react_1.default.createElement("ul", { className: "ShareButtons__list" }, shareButtonsUtils_1.shareButtonTypes.map((type) => showTypes[type] && (react_1.default.createElement(ShareButtons__item, { key: type, type: type, label: buttonLabel || '', href: docMeta.hrefs[type] }))))));
 };
 exports.default = ShareButtons;

package/{Sharpie.jsx → Sharpie.js}

@@ -22,6 +22,6 @@ const Sharpie = (props) => {
     const { color, tag, children } = props;
     const colorModifier = colors[color] ? color : 'green';
     const Tag = tag && tags[tag] ? tag : 'span';
-    return <Tag className={(0, getBemClass_1.default)('Sharpie', colorModifier)}>{children}</Tag>;
+    return react_1.default.createElement(Tag, { className: (0, getBemClass_1.default)('Sharpie', colorModifier) }, children);
 };
 exports.default = Sharpie;

package/{SiteSearchAutocomplete.jsx → SiteSearchAutocomplete.js}

@@ -63,7 +63,7 @@ const SiteSearchAutocomplete = (props) => {
     const [value, setValue] = (0, react_1.useState)('');
     const inputRef = (0, react_1.createRef)();
     const txt = (0, i18n_1.getTexts)(props, exports.defaultSiteSearchACTexts);
-    return (<react_autosuggest_1.default theme={{
+    return (react_1.default.createElement(react_autosuggest_1.default, { theme: {
             container: bem,
             containerOpen: bem + '--open',
             suggestionsContainer: bem + '__container',
@@ -71,19 +71,17 @@ const SiteSearchAutocomplete = (props) => {
             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 }) => (<div {...containerProps} aria-label={txt.suggestionsLabel}>
-          {children}
-        </div>)} inputProps={{
+        }, 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_1.default.createElement("div", Object.assign({}, containerProps, { "aria-label": txt.suggestionsLabel }), children)), inputProps: {
             ref: inputRef,
             value: value,
             onChange: (_, { newValue }) => {
                 setValue(newValue);
             },
-        }} renderInputComponent={(inputProps) => {
+        }, 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 (<SiteSearchInput_1.default {...siteSearchProps} label={props.label || txt.inputLabel} placeholder={txt.placeholder} onSubmit={onSubmit && (() => onSubmit(value))} onButtonClick={onButtonClick && (() => onButtonClick(value))}/>);
-        }}/>);
+            return (react_1.default.createElement(SiteSearchInput_1.default, Object.assign({}, siteSearchProps, { label: props.label || txt.inputLabel, placeholder: txt.placeholder, onSubmit: onSubmit && (() => onSubmit(value)), onButtonClick: onButtonClick && (() => onButtonClick(value)) })));
+        } }));
 };
 exports.default = SiteSearchAutocomplete;