@reykjavik/hanna-react 0.10.71 → 0.10.74

package/PageHeading.d.ts

@@ -6,5 +6,5 @@ export declare type PageHeadingProps = {
     small?: boolean;
     children: ReactNode;
 } & SeenProp;
-declare const PageHeading: (props: PageHeadingProps) => JSX.Element;
+export declare const PageHeading: (props: PageHeadingProps) => JSX.Element;
 export default PageHeading;

package/PageHeading.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageHeading = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -12,4 +13,5 @@ const PageHeading = (props) => {
             align === 'right' && 'align--' + align,
         ]), ref: ref }, children));
 };
-exports.default = PageHeading;
+exports.PageHeading = PageHeading;
+exports.default = exports.PageHeading;

package/Picture.d.ts

@@ -3,5 +3,5 @@ export declare type PictureProps = ImagePropsLinked & {
     contain?: boolean;
     className?: string;
 };
-declare const Picture: (props: PictureProps) => JSX.Element;
+export declare const Picture: (props: PictureProps) => JSX.Element;
 export default Picture;

package/Picture.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Picture = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
+const _Image_1 = 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) })));
+    return (react_1.default.createElement(_Image_1.Image, Object.assign({}, props, { className: (0, getBemClass_1.default)('Picture', contain && 'contain', className) })));
 };
-exports.default = Picture;
+exports.Picture = Picture;
+exports.default = exports.Picture;

package/ProcessOverview.d.ts

@@ -9,5 +9,5 @@ export declare type ProcessOverviewProps = {
     transparent?: boolean;
     narrow?: boolean;
 };
-declare const ProcessOverview: (props: ProcessOverviewProps) => JSX.Element;
+export declare const ProcessOverview: (props: ProcessOverviewProps) => JSX.Element;
 export default ProcessOverview;

package/ProcessOverview.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProcessOverview = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -17,4 +18,5 @@ const ProcessOverview = (props) => {
         }),
         attention && react_1.default.createElement("div", { className: "ProcessOverview__attention" }, attention)));
 };
-exports.default = ProcessOverview;
+exports.ProcessOverview = ProcessOverview;
+exports.default = exports.ProcessOverview;

package/PullQuote.d.ts

@@ -1,4 +1,4 @@
 import { QuoteProps } from './_abstract/_Quote';
 export declare type PullQuoteProps = QuoteProps;
-declare const PullQuote: (props: PullQuoteProps) => JSX.Element;
+export declare const PullQuote: (props: PullQuoteProps) => JSX.Element;
 export default PullQuote;

package/PullQuote.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PullQuote = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const _Quote_1 = require("./_abstract/_Quote");
 const PullQuote = (props) => react_1.default.createElement(_Quote_1._Quote, Object.assign({ bem: "PullQuote" }, props));
-exports.default = PullQuote;
+exports.PullQuote = PullQuote;
+exports.default = exports.PullQuote;

package/RadioButtonsGroup.d.ts

@@ -7,5 +7,5 @@ export declare type RadioButtonsGroupProps = TogglerGroupFieldProps & {
     layout?: 'slim';
 };
 export declare type RadioButtonsGroupOptions = TogglerGroupFieldOptions;
-declare const RadioButtonsGroup: (props: RadioButtonsGroupProps) => JSX.Element;
+export declare const RadioButtonsGroup: (props: RadioButtonsGroupProps) => JSX.Element;
 export default RadioButtonsGroup;

package/RadioButtonsGroup.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioButtonsGroup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _TogglerGroupField_1 = tslib_1.__importDefault(require("./_abstract/_TogglerGroupField"));
-const _TogglerInput_1 = tslib_1.__importDefault(require("./_abstract/_TogglerInput"));
-const RadioButton = (props) => (react_1.default.createElement(_TogglerInput_1.default, Object.assign({}, props, { bem: "RadioButton", type: "radio" })));
+const _TogglerGroupField_1 = require("./_abstract/_TogglerGroupField");
+const _TogglerInput_1 = require("./_abstract/_TogglerInput");
+const RadioButton = (props) => (react_1.default.createElement(_TogglerInput_1.TogglerInput, Object.assign({}, props, { bem: "RadioButton", type: "radio" })));
 const RadioButtonsGroup = (props) => {
     if (props.layout) {
         console.warn('`RadioButtonsGroupProps.layout` is deprecated.');
@@ -12,6 +13,7 @@ const RadioButtonsGroup = (props) => {
     if (props.columns) {
         console.warn('`RadioButtonsGroupProps.columns` is deprecated.');
     }
-    return react_1.default.createElement(_TogglerGroupField_1.default, Object.assign({}, props, { bem: "RadioButtonsGroup", Toggler: RadioButton }));
+    return react_1.default.createElement(_TogglerGroupField_1.TogglerGroupField, Object.assign({}, props, { bem: "RadioButtonsGroup", Toggler: RadioButton }));
 };
-exports.default = RadioButtonsGroup;
+exports.RadioButtonsGroup = RadioButtonsGroup;
+exports.default = exports.RadioButtonsGroup;

package/RadioGroup.d.ts

@@ -1,14 +1,15 @@
 import { TogglerGroupFieldOption, TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
 import { TogglerInputProps } from './_abstract/_TogglerInput';
+declare type RadioProps = Omit<TogglerInputProps, 'reqText'>;
 export declare type RadioGroupProps = TogglerGroupFieldProps & {
     layout?: 'inline';
     value?: string;
 };
 export declare type RadioGroupOption = TogglerGroupFieldOption;
 export declare type RadioGroupOptions = TogglerGroupFieldOptions;
-declare const RadioGroup: {
+export declare const RadioGroup: {
     (props: RadioGroupProps): JSX.Element;
     /** @deprecated Exposed for testing purposes only. This may disappear at any time. */
-    __Radio: (props: TogglerInputProps) => JSX.Element;
+    __Radio: (props: RadioProps) => JSX.Element;
 };
 export default RadioGroup;

package/RadioGroup.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _TogglerGroupField_1 = tslib_1.__importDefault(require("./_abstract/_TogglerGroupField"));
-const _TogglerInput_1 = tslib_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 })));
+const _TogglerGroupField_1 = require("./_abstract/_TogglerGroupField");
+const _TogglerInput_1 = require("./_abstract/_TogglerInput");
+const Radio = (props) => react_1.default.createElement(_TogglerInput_1.TogglerInput, Object.assign({}, props, { bem: "Radio", type: "radio" }));
+const RadioGroup = (props) => (react_1.default.createElement(_TogglerGroupField_1.TogglerGroupField, Object.assign({}, props, { bem: "RadioGroup", modifier: props.layout, Toggler: Radio })));
+exports.RadioGroup = RadioGroup;
 /** @deprecated Exposed for testing purposes only. This may disappear at any time. */
-RadioGroup.__Radio = Radio;
-exports.default = RadioGroup;
+exports.RadioGroup.__Radio = Radio;
+exports.default = exports.RadioGroup;

package/RelatedLinks.d.ts

@@ -16,5 +16,5 @@ export declare type RelatedLinksProps = {
     titleTag?: 'h2' | 'h3' | 'h4' | 'h5';
     links: Array<RelatedLinkItem>;
 };
-declare const RelatedLinks: (props: RelatedLinksProps) => JSX.Element | null;
+export declare const RelatedLinks: (props: RelatedLinksProps) => JSX.Element | null;
 export default RelatedLinks;

package/RelatedLinks.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RelatedLinks = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const _Link_1 = require("./_abstract/_Link");
@@ -26,4 +27,5 @@ const RelatedLinks = (props) => {
                     ' ')));
         }))));
 };
-exports.default = RelatedLinks;
+exports.RelatedLinks = RelatedLinks;
+exports.default = exports.RelatedLinks;

package/RowBlock.d.ts

@@ -8,5 +8,5 @@ export declare type RowBlockProps = {
     className?: string;
     children: ReactNode;
 } & BemPropsModifier & SeenProp;
-declare const RowBlock: (props: RowBlockProps) => JSX.Element;
+export declare const RowBlock: (props: RowBlockProps) => JSX.Element;
 export default RowBlock;

package/RowBlock.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -9,4 +10,5 @@ const RowBlock = (props) => {
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('RowBlock', [modifier, right && 'align--right'], className), ref: ref }, children));
 };
-exports.default = RowBlock;
+exports.RowBlock = RowBlock;
+exports.default = exports.RowBlock;

package/RowBlockColumn.d.ts

@@ -4,5 +4,5 @@ export declare type RowBlockColumnProps = {
     narrow?: boolean;
     children: ReactNode;
 };
-declare const RowBlockColumn: (props: RowBlockColumnProps) => JSX.Element;
+export declare const RowBlockColumn: (props: RowBlockColumnProps) => JSX.Element;
 export default RowBlockColumn;

package/RowBlockColumn.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowBlockColumn = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -11,4 +12,5 @@ const RowBlockColumn = (props) => {
             background === 'primary' && 'background--primary',
         ]) }, children));
 };
-exports.default = RowBlockColumn;
+exports.RowBlockColumn = RowBlockColumn;
+exports.default = exports.RowBlockColumn;

package/SearchInput.d.ts

@@ -5,7 +5,7 @@ declare type BaseProps<Type extends {
     type?: string;
 }, InputProps extends object> = {
     small?: boolean;
-    children?: undefined;
+    children?: never;
     onButtonClick?: () => void;
     buttonText?: string;
     inputRef?: RefObject<HTMLInputElement>;
@@ -14,5 +14,5 @@ declare type BaseProps<Type extends {
 export declare type SearchInputProps = BaseProps<{
     type?: 'text';
 }, InputElmProps>;
-declare const SearchInput: (props: SearchInputProps) => JSX.Element;
+export declare const SearchInput: (props: SearchInputProps) => JSX.Element;
 export default SearchInput;

package/SearchInput.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchInput = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -22,4 +23,5 @@ const SearchInput = (props) => {
             ' ',
             onButtonClick && (react_1.default.createElement("button", { className: "SearchInput__button", type: "button", onClick: onButtonClick, title: buttonText, ref: props.buttonRef, disabled: disabled || readOnly }, buttonText)))) }));
 };
-exports.default = SearchInput;
+exports.SearchInput = SearchInput;
+exports.default = exports.SearchInput;

package/SearchResults/_SearchResultsItem.d.ts

@@ -14,5 +14,5 @@ export declare type SearchResultsItemProps = {
     /** 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;
+export declare const SearchResultsItem: (props: SearchResultsItemProps) => JSX.Element;
+export {};

package/SearchResults/_SearchResultsItem.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchResultsItem = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Image_1 = tslib_1.__importDefault(require("../_abstract/_Image"));
+const _Image_1 = require("../_abstract/_Image");
 const _Link_1 = require("../_abstract/_Link");
 const SearchResultsItem = (props) => {
     const { highlight, title, summary, href, meta, image } = props;
@@ -12,7 +13,7 @@ const SearchResultsItem = (props) => {
         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 }),
+            highlight && image && react_1.default.createElement(_Image_1.Image, { className: bem + '__image', src: image }),
             react_1.default.createElement("div", { className: bem + '__summary', dangerouslySetInnerHTML: { __html: summary } }))));
 };
-exports.default = SearchResultsItem;
+exports.SearchResultsItem = SearchResultsItem;

package/SearchResults.d.ts

@@ -29,5 +29,5 @@ export declare type SearchResultsProps = {
     texts?: SearchReesultI18n;
     lang?: string;
 };
-declare const SearchResults: (props: SearchResultsProps) => JSX.Element;
+export declare const SearchResults: (props: SearchResultsProps) => JSX.Element;
 export default SearchResults;

package/SearchResults.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchResults = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_intersection_observer_1 = require("react-intersection-observer");
@@ -8,7 +9,7 @@ const range_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/range"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _SearchResultsItem_1 = tslib_1.__importDefault(require("./SearchResults/_SearchResultsItem"));
+const _SearchResultsItem_1 = require("./SearchResults/_SearchResultsItem");
 const Alert_1 = tslib_1.__importDefault(require("./Alert"));
 const Tabs_1 = tslib_1.__importDefault(require("./Tabs"));
 const renderDefaultErrorText = () => (react_1.default.createElement(react_1.default.Fragment, null,
@@ -41,7 +42,7 @@ const SearchResults_Tabs = (props) => {
     })), [filters, lang]);
     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 ? (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 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.SearchResultsItem, { key: i, title: "...", summary: "", href: "" }))))) : null;
 // ===========================================================================
 const NUM_AUTOLOADS = 2;
 const SearchResults__loadmore = (props) => {
@@ -88,7 +89,7 @@ const renderResults = (props) => {
     if (status === 'loadingquery' || status === 'loadingfilter') {
         return react_1.default.createElement(LoadingScaffold, { count: Math.min(pageSize, hits || 999) });
     }
-    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;
+    return items && items.length ? (react_1.default.createElement("ol", { className: "SearchResults__list" }, items.map((item, i) => (react_1.default.createElement(_SearchResultsItem_1.SearchResultsItem, Object.assign({ key: i }, item)))))) : null;
 };
 // ---------------------------------------------------------------------------
 const renderLoadMore = (props, texts) => {
@@ -108,4 +109,5 @@ const SearchResults = (props) => {
             status === 'error' && (react_1.default.createElement(Alert_1.default, { type: "error" }, errorText || renderDefaultErrorText())),
             renderLoadMore(props, texts))));
 };
-exports.default = SearchResults;
+exports.SearchResults = SearchResults;
+exports.default = exports.SearchResults;

package/SeenEffect.d.ts

@@ -1,4 +1,4 @@
 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 declare const SeenEffect: (props: SeenEffectProps) => JSX.Element;
 export default SeenEffect;

package/SeenEffect.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeenEffect = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const seenEffect_1 = require("./utils/seenEffect");
@@ -8,4 +9,5 @@ const SeenEffect = (props) => {
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
     return react_1.default.createElement("div", Object.assign({}, divProps, { ref: ref }, (0, seenEffect_1.getEffectAttr)(effectType)));
 };
-exports.default = SeenEffect;
+exports.SeenEffect = SeenEffect;
+exports.default = exports.SeenEffect;

package/Selectbox.d.ts

@@ -7,5 +7,5 @@ declare type OptionOrValue = _SelectboxProps['options'][0];
 export declare type SelectboxProps<O extends OptionOrValue = OptionOrValue> = FormFieldWrappingProps & Omit<_SelectboxProps<O>, 'bem'> & {
     small?: boolean;
 };
-declare const Selectbox: <O extends import("@hugsmidjan/react/__types/Selectbox.privates").OptionOrValue>(props: SelectboxProps<O>) => JSX.Element;
+export declare const Selectbox: <O extends import("@hugsmidjan/react/__types/Selectbox.privates").OptionOrValue>(props: SelectboxProps<O>) => JSX.Element;
 export default Selectbox;

package/Selectbox.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Selectbox = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const Selectbox_1 = tslib_1.__importDefault(require("@hugsmidjan/react/Selectbox"));
@@ -10,7 +11,6 @@ const getValue = (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 = tslib_1.__rest(props, ["className", "label", "assistText", "hideLabel", "disabled", "readOnly", "reqText", "invalid", "errorMessage", "required", "id", "ssr", "onChange", "small"]);
     const { value, defaultValue, placeholder, options } = selectProps;
     const _selectRef = (0, react_1.useRef)(null);
@@ -19,13 +19,15 @@ const Selectbox = (props) => {
     const [isFilled, setIsFilled] = (0, react_1.useState)(() => !!getInitialValue());
     const [isEmpty, setIsEmpty] = (0, react_1.useState)(() => !getInitialValue() && !placeholder);
     (0, react_1.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]);
+        setTimeout(() => {
+            var _a;
+            const selectElm = selectRef.current;
+            if (selectElm) {
+                setIsFilled(!!selectElm.value);
+                setIsEmpty(!((_a = selectElm.selectedOptions[0]) === null || _a === void 0 ? void 0 : _a.text));
+            }
+        }, 0);
+    }, [selectRef, value, defaultValue, options]);
     const _onChange = (e) => {
         var _a;
         const selectElm = e.currentTarget;
@@ -35,4 +37,8 @@ const Selectbox = (props) => {
     };
     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;
+exports.Selectbox = Selectbox;
+// /** @deprecated Use named export instead (The default export will be removed in v0.11+) */
+// const SelectboxDefault = Selectbox;
+// export default SelectboxDefault;
+exports.default = exports.Selectbox;

package/ShareButtons.d.ts

@@ -5,5 +5,5 @@ export declare type ShareButtonsProps = {
     texts?: Readonly<ShareButtonI18n>;
     lang?: string;
 } & Partial<Record<ShareButtonPlatforms, boolean>>;
-declare const ShareButtons: (props: ShareButtonsProps) => JSX.Element | null;
+export declare const ShareButtons: (props: ShareButtonsProps) => JSX.Element | null;
 export default ShareButtons;

package/ShareButtons.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShareButtons = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
@@ -56,4 +57,5 @@ const ShareButtons = (props) => {
         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;
+exports.ShareButtons = ShareButtons;
+exports.default = exports.ShareButtons;

package/Sharpie.d.ts

@@ -19,5 +19,5 @@ export declare type SharpieProps = {
     tag?: SharpieTag;
     children: ReactNode;
 };
-declare const Sharpie: (props: SharpieProps) => JSX.Element;
+export declare const Sharpie: (props: SharpieProps) => JSX.Element;
 export default Sharpie;

package/Sharpie.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sharpie = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -22,4 +23,5 @@ const Sharpie = (props) => {
     const Tag = tag && tags[tag] ? tag : 'span';
     return react_1.default.createElement(Tag, { className: (0, getBemClass_1.default)('Sharpie', colorModifier) }, children);
 };
-exports.default = Sharpie;
+exports.Sharpie = Sharpie;
+exports.default = exports.Sharpie;

package/SiteSearchAutocomplete.d.ts

@@ -36,5 +36,5 @@ export declare type SiteSearchAutocompleteProps<T> = {
     /** @deprecated  Use `text` prop instead  (will be removed in v0.11) */
     label?: string;
 } & BemProps;
-declare const SiteSearchAutocomplete: <T>(props: SiteSearchAutocompleteProps<T>) => JSX.Element;
+export declare const SiteSearchAutocomplete: <T>(props: SiteSearchAutocompleteProps<T>) => JSX.Element;
 export default SiteSearchAutocomplete;

package/SiteSearchAutocomplete.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultSiteSearchACTexts = void 0;
+exports.SiteSearchAutocomplete = exports.defaultSiteSearchACTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_autosuggest_1 = tslib_1.__importDefault(require("react-autosuggest"));
@@ -48,4 +48,5 @@ const SiteSearchAutocomplete = (props) => {
             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;
+exports.SiteSearchAutocomplete = SiteSearchAutocomplete;
+exports.default = exports.SiteSearchAutocomplete;

package/SiteSearchCurtain.d.ts

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

package/SiteSearchCurtain.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteSearchCurtain = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
@@ -33,4 +34,5 @@ const SiteSearchCurtain = (props) => {
     };
     return (react_1.default.createElement("div", Object.assign({ className: (0, getBemClass_1.default)('SiteSearchCurtain', [focused && 'focused']), onFocus: focusHandler, onBlur: blurHandler }, (env_1.isPreact && { onfocusin: focusHandler, onfocusout: blurHandler })), props.children));
 };
-exports.default = SiteSearchCurtain;
+exports.SiteSearchCurtain = SiteSearchCurtain;
+exports.default = exports.SiteSearchCurtain;

package/SiteSearchInput.d.ts

@@ -17,8 +17,8 @@ export declare type SiteSearchInputProps = {
      */
     onButtonClick?: () => boolean | void;
     buttonText?: string;
-    children?: undefined;
+    children?: never;
     ssr?: SSRSupport;
 } & WrappingProps & InputElmProps;
-declare const SiteSearchInput: React.ForwardRefExoticComponent<Pick<SiteSearchInputProps, "form" | "label" | "slot" | "style" | "title" | "pattern" | "is" | "value" | "defaultValue" | "id" | "ssr" | "children" | "hidden" | "onClick" | "key" | "list" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "step" | "src" | "multiple" | "alt" | "width" | "accept" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "height" | "max" | "maxLength" | "min" | "minLength" | "onButtonClick" | "buttonText"> & React.RefAttributes<HTMLInputElement>>;
+export declare const SiteSearchInput: React.ForwardRefExoticComponent<Pick<SiteSearchInputProps, "form" | "label" | "slot" | "style" | "title" | "pattern" | "is" | "value" | "defaultValue" | "id" | "ssr" | "children" | "hidden" | "onClick" | "key" | "list" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "step" | "src" | "multiple" | "alt" | "width" | "accept" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "height" | "max" | "maxLength" | "min" | "minLength" | "onButtonClick" | "buttonText"> & React.RefAttributes<HTMLInputElement>>;
 export default SiteSearchInput;

package/SiteSearchInput.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteSearchInput = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const FormField_1 = tslib_1.__importDefault(require("./FormField"));
 // ---------------------------------------------------------------------------
-const SiteSearchInput = react_1.default.forwardRef((props, ref) => {
+exports.SiteSearchInput = react_1.default.forwardRef((props, ref) => {
     var _a;
     const { label, id, onChange, placeholder = typeof label === 'string' ? label : undefined, buttonText = 'Leita', onSubmit, onButtonClick = onSubmit, onKeyDown, ssr } = props, inputElementProps = tslib_1.__rest(props, ["label", "id", "onChange", "placeholder", "buttonText", "onSubmit", "onButtonClick", "onKeyDown", "ssr"]);
     const { value, defaultValue } = inputElementProps;
@@ -29,4 +30,4 @@ const SiteSearchInput = react_1.default.forwardRef((props, ref) => {
             ' ',
             react_1.default.createElement("button", { className: "SiteSearchInput__button", type: "submit", onClick: onButtonClick && ((e) => !onButtonClick() && e.preventDefault()), title: buttonText }, buttonText))) }));
 });
-exports.default = SiteSearchInput;
+exports.default = exports.SiteSearchInput;

package/Skeleton.d.ts

@@ -5,7 +5,7 @@ export declare type SkeletonProps = {
     items?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
     gap?: 1 | 2 | 3 | 4 | 5;
 };
-declare const Skeleton: {
+export declare const Skeleton: {
     (props: SkeletonProps): JSX.Element;
     /** Returns a single `<Skeleton height={X}/>` element of branded type `SkeletonBlock` */
     block(height?: SkeletonProps['height']): SkeletonBlock;

package/Skeleton.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const range_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/range"));
@@ -26,8 +27,9 @@ const Skeleton = (props) => {
     }
     return renderSkeleton();
 };
-exports.default = Skeleton;
+exports.Skeleton = Skeleton;
+exports.default = exports.Skeleton;
 /** Returns a single `<Skeleton height={X}/>` element of branded type `SkeletonBlock` */
-Skeleton.block = (height) => (react_1.default.createElement(Skeleton, { height: height }));
+exports.Skeleton.block = (height) => (react_1.default.createElement(exports.Skeleton, { height: height }));
 /** Returns a single `<Skeleton text height={X}/>` element of branded type `SkeletonText` */
-Skeleton.text = (height) => (react_1.default.createElement(Skeleton, { text: true, height: height }));
+exports.Skeleton.text = (height) => (react_1.default.createElement(exports.Skeleton, { text: true, height: height }));