@reykjavik/hanna-react 0.10.70 → 0.10.72

package/MainMenu.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultMainMenuTexts = void 0;
+exports.MainMenu = exports.defaultMainMenuTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const focusElm_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/focusElm"));
@@ -27,6 +27,9 @@ const MainMenu = (props) => {
     const [activePanel, _setActivePanel] = (0, react_1.useState)(() => isBrowser && findActivePanel(megaPanels, props.activePanelId));
     const [laggyActivePanel, setLaggyActivePanel] = (0, useShortState_1.default)();
     const setActivePanel = (0, react_1.useCallback)((newActive, setFocus = true) => {
+        if (!isBrowser) {
+            return;
+        }
         const htmlElmDataset = document.documentElement.dataset;
         // const menuElm = menuElmRef.current as HTMLElement;
         _setActivePanel((activePanel) => {
@@ -62,7 +65,7 @@ const MainMenu = (props) => {
             }
             return newActive;
         });
-    }, [setLaggyActivePanel]);
+    }, [setLaggyActivePanel, isBrowser]);
     (0, useFormatMonitor_1.useFormatMonitor)((media) => {
         if (media.leftTopmenu) {
             setActivePanel(undefined);
@@ -82,7 +85,7 @@ const MainMenu = (props) => {
     }, [props.activePanelId, megaPanels, setActivePanel]);
     (0, react_1.useEffect)(() => {
         const menuElm = menuElmRef.current;
-        if (!hasActivePanel || !menuElm) {
+        if (!isBrowser || !hasActivePanel || !menuElm) {
             return;
         }
         const escHandler = (e) => {
@@ -101,7 +104,7 @@ const MainMenu = (props) => {
             document.removeEventListener('keydown', escHandler);
             document.removeEventListener('click', clickHandler, true);
         };
-    }, [hasActivePanel, setActivePanel]);
+    }, [hasActivePanel, setActivePanel, isBrowser]);
     if (menuItems.length === 0) {
         return null;
     }
@@ -113,7 +116,7 @@ const MainMenu = (props) => {
             }
             const { label, labelLong, lang, controlsId, onClick } = item;
             const pressed = (activePanel && controlsId === activePanel.id) || undefined;
-            return (react_1.default.createElement("li", { key: i, className: (0, getBemClass_1.default)('MainMenu__item', item.modifier), "aria-current": item.current || undefined }, onClick || (!!item.megaPanel && (isBrowser || item.href != null)) ? (
+            return (react_1.default.createElement("li", { key: i, className: (0, getBemClass_1.default)('MainMenu__item', item.modifier), "aria-current": item.current || undefined }, onClick || (!!item.megaPanel && (isBrowser || !item.href)) ? (
             // only print script-driven buttons in the browser
             react_1.default.createElement("button", { className: "MainMenu__link", onClick: () => {
                     item.megaPanel && setActivePanel(item.megaPanel);
@@ -137,4 +140,5 @@ const MainMenu = (props) => {
                 }),
                 auxiliaryPanel && react_1.default.createElement(_Auxiliary_1.AuxiliaryPanel, Object.assign({}, auxiliaryPanel)))))));
 };
-exports.default = MainMenu;
+exports.MainMenu = MainMenu;
+exports.default = exports.MainMenu;

package/MiniMetrics.d.ts

@@ -4,5 +4,5 @@ export declare type MiniMetricsProps = {
     text: string;
     moreButton: ButtonProps;
 } & SeenProp;
-declare const MiniMetrics: (props: MiniMetricsProps) => JSX.Element;
+export declare const MiniMetrics: (props: MiniMetricsProps) => JSX.Element;
 export default MiniMetrics;

package/MiniMetrics.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MiniMetrics = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Button_1 = tslib_1.__importDefault(require("./_abstract/_Button"));
+const _Button_1 = require("./_abstract/_Button");
 const SeenEffect_1 = tslib_1.__importDefault(require("./SeenEffect"));
 const MiniMetrics = (props) => {
     const { text, moreButton, startSeen } = props;
@@ -10,6 +11,7 @@ const MiniMetrics = (props) => {
         react_1.default.createElement("strong", { className: "MiniMetrics__text" }, text),
         " ",
         '\n',
-        react_1.default.createElement(_Button_1.default, Object.assign({ bem: "MiniMetrics__more" }, moreButton))));
+        react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "MiniMetrics__more" }, moreButton))));
 };
-exports.default = MiniMetrics;
+exports.MiniMetrics = MiniMetrics;
+exports.default = exports.MiniMetrics;

package/Modal.d.ts

@@ -1,10 +1,8 @@
 import { ReactElement } from 'react';
 import { ModalProps as _ModalProps } from '@hugsmidjan/react/Modal';
-export declare type ModalProps = _ModalProps & {
-    bem?: never;
-    bodyWrap?: never;
+export declare type ModalProps = Omit<_ModalProps, 'bem' | 'bodyWrap' | 'modifier'> & {
     modifier?: 'w6' | 'w8' | 'w10';
     bling?: ReactElement;
 };
-declare const Modal: (props: ModalProps) => JSX.Element;
+export declare const Modal: (props: ModalProps) => JSX.Element;
 export default Modal;

package/Modal.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const Modal_1 = tslib_1.__importDefault(require("@hugsmidjan/react/Modal"));
@@ -14,4 +15,5 @@ const Modal = (props) => {
         // eslint-disable-next-line react/no-children-prop
         children: undefined })));
 };
-exports.default = Modal;
+exports.Modal = Modal;
+exports.default = exports.Modal;

package/NameCard.d.ts

@@ -60,5 +60,5 @@ export declare type NameCardProps = {
     /** @deprecated Use `contactInfo` instead  (will be removed in v0.11) */
     tel?: string | Array<string>;
 };
-declare const NameCard: (props: NameCardProps) => JSX.Element;
+export declare const NameCard: (props: NameCardProps) => JSX.Element;
 export default NameCard;

package/NameCard.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NameCard = 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 i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _Button_1 = tslib_1.__importDefault(require("./_abstract/_Button"));
-const breakOnNL_1 = tslib_1.__importDefault(require("./_abstract/breakOnNL"));
+const _Button_1 = require("./_abstract/_Button");
+const breakOnNL_1 = require("./_abstract/breakOnNL");
 const formatDate = (date) => {
     return typeof date === 'string'
         ? date
@@ -21,7 +22,7 @@ const _telToContactInfo = (tel) => {
         value: tel,
     }));
 };
-const renderContent = (content) => typeof content === 'string' ? (0, breakOnNL_1.default)(content) : content;
+const renderContent = (content) => typeof content === 'string' ? (0, breakOnNL_1.breakOnNL)(content) : content;
 const defaultTexts = {
     en: {
         updatedLabel: 'Updated on',
@@ -75,11 +76,12 @@ const NameCard = (props) => {
     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)),
+            typeof item === 'string' ? (react_1.default.createElement("span", { className: "NameCard__contactinfo__item" }, item)) : (react_1.default.createElement(_Button_1.Button, { 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;
+exports.NameCard = NameCard;
+exports.default = exports.NameCard;

package/NameCards.d.ts

@@ -2,5 +2,5 @@ import { NameCardProps } from './NameCard';
 declare type NameCardsProps = {
     items: Array<NameCardProps>;
 };
-declare const NameCards: (props: NameCardsProps) => JSX.Element;
+export declare const NameCards: (props: NameCardsProps) => JSX.Element;
 export default NameCards;

package/NameCards.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NameCards = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const NameCard_1 = tslib_1.__importDefault(require("./NameCard"));
@@ -7,4 +8,5 @@ const NameCards = (props) => {
     const { items } = props;
     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;
+exports.NameCards = NameCards;
+exports.default = exports.NameCards;

package/NewsHero.d.ts

@@ -10,5 +10,5 @@ export declare type NewsHeroProps = {
     image?: ImageProps;
     blingType?: BlingOptions;
 } & SeenProp;
-declare const NewsHero: (props: NewsHeroProps) => JSX.Element;
+export declare const NewsHero: (props: NewsHeroProps) => JSX.Element;
 export default NewsHero;

package/NewsHero.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewsHero = 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 hanna_utils_1 = require("@reykjavik/hanna-utils");
-const _Blings_1 = tslib_1.__importDefault(require("./_abstract/_Blings"));
-const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
+const _Blings_1 = require("./_abstract/_Blings");
+const _Image_1 = require("./_abstract/_Image");
 const seenEffect_1 = require("./utils/seenEffect");
 const ShareButtons_1 = tslib_1.__importDefault(require("./ShareButtons"));
 const blingOptions = {
@@ -84,6 +85,7 @@ const NewsHero = (props) => {
             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 }))));
+        image ? (react_1.default.createElement(_Image_1.Image, Object.assign({ className: "NewsHero__image" }, image))) : (react_1.default.createElement(_Blings_1.Blings, { blings: blings }))));
 };
-exports.default = NewsHero;
+exports.NewsHero = NewsHero;
+exports.default = exports.NewsHero;

package/PageFilter.d.ts

@@ -12,5 +12,5 @@ export declare type PageFilterProps = {
 }, {
     children: React.ReactNode;
 }> & SeenProp;
-declare const PageFilter: (props: PageFilterProps) => JSX.Element;
+export declare const PageFilter: (props: PageFilterProps) => JSX.Element;
 export default PageFilter;

package/PageFilter.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageFilter = 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"));
@@ -15,4 +16,5 @@ const PageFilter = (props) => {
         react_1.default.createElement("div", { className: "PageFilter__buttons" }, buttonRow),
         footnote && react_1.default.createElement(Footnote_1.default, null, footnote)));
 };
-exports.default = PageFilter;
+exports.PageFilter = PageFilter;
+exports.default = exports.PageFilter;

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/README.md

@@ -32,7 +32,7 @@ automatically triggers a major version bump in this package.
 
 If you need a version of this package that "targets" an older Hanna markup
 version, you'll find the appropriate package version in the
-[change log](CHANGELOG.md).
+[change log](https://github.com/rvk-utd/hanna/blob/main/modules/hanna-react/CHANGELOG.md).
 
 ## CSS
 
@@ -72,3 +72,8 @@ To view the documentation for older versions of Hanna, check out the
 corresponding branches in the git repo.
 
 -->
+
+## Changelog
+
+See
+[CHANGELOG.md](https://github.com/rvk-utd/hanna/blob/main/modules/hanna-react/CHANGELOG-lib.md)

package/RadioButtonsGroup.d.ts

@@ -1,11 +1,11 @@
 import { TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
 export declare type RadioButtonsGroupProps = TogglerGroupFieldProps & {
     value?: string;
-    /** @deprecated (Will be removed in v0.9) */
+    /** @deprecated (Will be removed in v0.11) */
     columns?: '2col' | '3col';
-    /** @deprecated (Will be removed in v0.9) */
+    /** @deprecated (Will be removed in v0.11) */
     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,13 +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;
-    __Radio: (props: TogglerInputProps) => JSX.Element;
+    /** @deprecated Exposed for testing purposes only. This may disappear at any time. */
+    __Radio: (props: RadioProps) => JSX.Element;
 };
 export default RadioGroup;

package/RadioGroup.js

@@ -1,10 +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 })));
-RadioGroup.__Radio = Radio;
-exports.default = RadioGroup;
+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. */
+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"));
@@ -20,6 +21,7 @@ const SearchInput = (props) => {
     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)))) }));
+            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;