@reykjavik/hanna-react 0.10.84 → 0.10.85

package/PageHeading.js

@@ -4,10 +4,10 @@ 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"));
-const seenEffect_1 = require("./utils/seenEffect");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
 const PageHeading = (props) => {
     const { Tag = 'h1', align, small, children, startSeen } = props;
-    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(startSeen);
     return (react_1.default.createElement(Tag, { className: (0, getBemClass_1.default)('PageHeading', [
             small && 'small',
             align === 'right' && 'align--' + align,

package/Picture.d.ts

@@ -1,4 +1,4 @@
-import { ImagePropsLinked } from './_abstract/_Image';
+import { ImagePropsLinked } from './_abstract/_Image.js';
 export type PictureProps = ImagePropsLinked & {
     contain?: boolean;
     className?: string;

package/Picture.js

@@ -4,10 +4,10 @@ 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 = require("./_abstract/_Image");
+const _Image_js_1 = require("./_abstract/_Image.js");
 const Picture = (props) => {
     const { contain, className } = props;
-    return (react_1.default.createElement(_Image_1.Image, Object.assign({}, props, { className: (0, getBemClass_1.default)('Picture', contain && 'contain', className) })));
+    return (react_1.default.createElement(_Image_js_1.Image, Object.assign({}, props, { className: (0, getBemClass_1.default)('Picture', contain && 'contain', className) })));
 };
 exports.Picture = Picture;
 exports.default = exports.Picture;

package/PullQuote.d.ts

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

package/PullQuote.js

@@ -3,7 +3,7 @@ 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));
+const _Quote_js_1 = require("./_abstract/_Quote.js");
+const PullQuote = (props) => react_1.default.createElement(_Quote_js_1._Quote, Object.assign({ bem: "PullQuote" }, props));
 exports.PullQuote = PullQuote;
 exports.default = exports.PullQuote;

package/RadioButtonsGroup.d.ts

@@ -1,4 +1,4 @@
-import { TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
+import { TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField.js';
 export type RadioButtonsGroupProps = TogglerGroupFieldProps & {
     value?: string;
     defaultValue?: string;

package/RadioButtonsGroup.js

@@ -3,9 +3,9 @@ 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 = 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", innerWrap: true })));
+const _TogglerGroupField_js_1 = require("./_abstract/_TogglerGroupField.js");
+const _TogglerInput_js_1 = require("./_abstract/_TogglerInput.js");
+const RadioButton = (props) => (react_1.default.createElement(_TogglerInput_js_1.TogglerInput, Object.assign({}, props, { bem: "RadioButton", type: "radio", innerWrap: true })));
 const RadioButtonsGroup = (props) => {
     if (props.layout) {
         console.warn('`RadioButtonsGroupProps.layout` is deprecated.');
@@ -13,7 +13,7 @@ const RadioButtonsGroup = (props) => {
     if (props.columns) {
         console.warn('`RadioButtonsGroupProps.columns` is deprecated.');
     }
-    return (react_1.default.createElement(_TogglerGroupField_1.TogglerGroupField, Object.assign({}, props, { bem: "RadioButtonsGroup", Toggler: RadioButton, isRadio: true })));
+    return (react_1.default.createElement(_TogglerGroupField_js_1.TogglerGroupField, Object.assign({}, props, { bem: "RadioButtonsGroup", Toggler: RadioButton, isRadio: true })));
 };
 exports.RadioButtonsGroup = RadioButtonsGroup;
 exports.default = exports.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.js';
+import { TogglerInputProps } from './_abstract/_TogglerInput.js';
 type RadioProps = Omit<TogglerInputProps, 'reqText'>;
 export type RadioGroupProps = TogglerGroupFieldProps & {
     layout?: 'inline';

package/RadioGroup.js

@@ -3,10 +3,10 @@ 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 = 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, isRadio: true, Toggler: Radio })));
+const _TogglerGroupField_js_1 = require("./_abstract/_TogglerGroupField.js");
+const _TogglerInput_js_1 = require("./_abstract/_TogglerInput.js");
+const Radio = (props) => react_1.default.createElement(_TogglerInput_js_1.TogglerInput, Object.assign({}, props, { bem: "Radio", type: "radio" }));
+const RadioGroup = (props) => (react_1.default.createElement(_TogglerGroupField_js_1.TogglerGroupField, Object.assign({}, props, { bem: "RadioGroup", modifier: props.layout, isRadio: true, Toggler: Radio })));
 exports.RadioGroup = RadioGroup;
 /** @deprecated Exposed for testing purposes only. This may disappear at any time. */
 exports.RadioGroup.__Radio = Radio;

package/RelatedLinks.js

@@ -3,7 +3,7 @@ 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");
+const _Link_js_1 = require("./_abstract/_Link.js");
 const types = {
     external: 1,
     document: 1,
@@ -21,7 +21,7 @@ const RelatedLinks = (props) => {
         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 },
+                react_1.default.createElement(_Link_js_1.Link, { className: "RelatedLinks__link", href: href, "data-type": type, target: target },
                     ' ',
                     label,
                     ' ')));

package/RowBlock.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { BemPropsModifier } from '@hugsmidjan/react/types';
-import { SeenProp } from './utils/seenEffect';
+import { SeenProp } from './utils/seenEffect.js';
 export type RowBlockProps = {
     /** Float the first RowBlockColumn to the right on larger screens. */
     right?: boolean;

package/RowBlock.js

@@ -4,10 +4,10 @@ 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"));
-const seenEffect_1 = require("./utils/seenEffect");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
 const RowBlock = (props) => {
     const { right, modifier, className, children, startSeen } = props;
-    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(startSeen);
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('RowBlock', [modifier, right && 'align--right'], className), ref: ref }, children));
 };
 exports.RowBlock = RowBlock;

package/SearchInput.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { FormFieldWrappingProps } from './FormField';
+import { FormFieldWrappingProps } from './FormField.js';
 type InputElmProps = JSX.IntrinsicElements['input'];
 type BaseProps<Type extends {
     type?: string;

package/SearchInput.js

@@ -4,7 +4,7 @@ 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"));
-const FormField_1 = tslib_1.__importDefault(require("./FormField"));
+const FormField_js_1 = tslib_1.__importDefault(require("./FormField.js"));
 const SearchInput = (props) => {
     var _a;
     const { className, label, assistText, hideLabel, disabled, readOnly, invalid, errorMessage, required, reqText, id, onChange, small, onButtonClick, buttonText = 'Leita', ssr } = props, inputElementProps = tslib_1.__rest(props, ["className", "label", "assistText", "hideLabel", "disabled", "readOnly", "invalid", "errorMessage", "required", "reqText", "id", "onChange", "small", "onButtonClick", "buttonText", "ssr"]);
@@ -18,7 +18,7 @@ const SearchInput = (props) => {
             setHasValue(!!e.target.value);
             onChange && onChange(e);
         };
-    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()),
+    return (react_1.default.createElement(FormField_js_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, disabled: disabled || readOnly }, buttonText)))) }));

package/SearchResults/_SearchResultsItem.js

@@ -3,17 +3,17 @@ 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 = require("../_abstract/_Image");
-const _Link_1 = require("../_abstract/_Link");
+const _Image_js_1 = require("../_abstract/_Image.js");
+const _Link_js_1 = require("../_abstract/_Link.js");
 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(_Link_js_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.Image, { className: bem + '__image', src: image }),
+            highlight && image && react_1.default.createElement(_Image_js_1.Image, { className: bem + '__image', src: image }),
             react_1.default.createElement("div", { className: bem + '__summary', dangerouslySetInnerHTML: { __html: summary } }))));
 };
 exports.SearchResultsItem = SearchResultsItem;

package/SearchResults.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SearchResultsItemProps } from './SearchResults/_SearchResultsItem';
+import { SearchResultsItemProps } from './SearchResults/_SearchResultsItem.js';
 export type SearchReesultI18n = {
     lang: string;
     loadQueryTitle: string;
@@ -12,7 +12,7 @@ export type SearchResultsFilter = {
     label: string;
     count?: number;
 };
-export type { SearchResultsItemProps } from './SearchResults/_SearchResultsItem';
+export type { SearchResultsItemProps } from './SearchResults/_SearchResultsItem.js';
 export type SearchResultsProps = {
     /** Grand total number of searach results */
     totalHits?: number;

package/SearchResults.js

@@ -9,9 +9,9 @@ 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 = require("./SearchResults/_SearchResultsItem");
-const Alert_1 = tslib_1.__importDefault(require("./Alert"));
-const Tabs_1 = tslib_1.__importDefault(require("./Tabs"));
+const _SearchResultsItem_js_1 = require("./SearchResults/_SearchResultsItem.js");
+const Alert_js_1 = tslib_1.__importDefault(require("./Alert.js"));
+const Tabs_js_1 = tslib_1.__importDefault(require("./Tabs.js"));
 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),
@@ -40,9 +40,9 @@ const SearchResults_Tabs = (props) => {
         label,
         badge: (0, prettyNum_1.prettyNum)(count, { lang }),
     })), [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;
+    return tabs.length ? (react_1.default.createElement(Tabs_js_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.SearchResultsItem, { 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_js_1.SearchResultsItem, { key: i, title: "...", summary: "", href: "" }))))) : null;
 // ===========================================================================
 const NUM_AUTOLOADS = 2;
 const SearchResults__loadmore = (props) => {
@@ -89,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.SearchResultsItem, 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_js_1.SearchResultsItem, Object.assign({ key: i }, item)))))) : null;
 };
 // ---------------------------------------------------------------------------
 const renderLoadMore = (props, texts) => {
@@ -106,7 +106,7 @@ const SearchResults = (props) => {
         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())),
+            status === 'error' && (react_1.default.createElement(Alert_js_1.default, { type: "error" }, errorText || renderDefaultErrorText())),
             renderLoadMore(props, texts))));
 };
 exports.SearchResults = SearchResults;

package/SeenEffect.d.ts

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

package/SeenEffect.js

@@ -3,11 +3,11 @@ 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");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
 const SeenEffect = (props) => {
     const { effectType, startSeen } = props, divProps = tslib_1.__rest(props, ["effectType", "startSeen"]);
-    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
-    return react_1.default.createElement("div", Object.assign({}, divProps, { ref: ref }, (0, seenEffect_1.getEffectAttr)(effectType)));
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(startSeen);
+    return react_1.default.createElement("div", Object.assign({}, divProps, { ref: ref }, (0, seenEffect_js_1.getEffectAttr)(effectType)));
 };
 exports.SeenEffect = SeenEffect;
 exports.default = exports.SeenEffect;

package/Selectbox.d.ts

@@ -1,5 +1,5 @@
 import type { SelectboxProps as _SelectboxProps } from '@hugsmidjan/react/Selectbox';
-import { FormFieldWrappingProps } from './FormField';
+import { FormFieldWrappingProps } from './FormField.js';
 export { type SelectboxOption, type SelectboxOptions as SelectboxOptionList, 
 /** @deprecated Use `SelectboxOptionList` instead  (Will be removed in v0.11) */
 type SelectboxOptions, } from '@hugsmidjan/react/Selectbox';
@@ -7,5 +7,5 @@ type OptionOrValue = _SelectboxProps['options'][0];
 export type SelectboxProps<O extends OptionOrValue = OptionOrValue> = FormFieldWrappingProps & Omit<_SelectboxProps<O>, 'bem'> & {
     small?: boolean;
 };
-export 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.js").OptionOrValue>(props: SelectboxProps<O>) => JSX.Element;
 export default Selectbox;

package/Selectbox.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const Selectbox_1 = tslib_1.__importDefault(require("@hugsmidjan/react/Selectbox"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const FormField_1 = tslib_1.__importDefault(require("./FormField"));
+const FormField_js_1 = tslib_1.__importDefault(require("./FormField.js"));
 const getValue = (opt) => {
     const val = typeof opt === 'object' ? opt.value : opt;
     return typeof val === 'number' ? String(val) : val;
@@ -35,7 +35,7 @@ const Selectbox = (props) => {
         setIsEmpty(!((_a = selectElm.selectedOptions[0]) === null || _a === void 0 ? void 0 : _a.text));
         onChange && onChange(e);
     };
-    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 }))) }));
+    return (react_1.default.createElement(FormField_js_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.Selectbox = Selectbox;
 // /** @deprecated Use named export instead (The default export will be removed in v0.11+) */

package/ShareButtons.d.ts

@@ -1,5 +1,5 @@
 import { ShareButtonI18n, ShareButtonPlatforms } from '@reykjavik/hanna-utils/shareButtonsUtils';
-import { SSRSupport } from './utils';
+import { SSRSupport } from './utils.js';
 export type ShareButtonsProps = {
     ssr?: SSRSupport;
     texts?: Readonly<ShareButtonI18n>;

package/ShareButtons.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
 const shareButtonsUtils_1 = require("@reykjavik/hanna-utils/shareButtonsUtils");
-const _Link_1 = require("./_abstract/_Link");
+const _Link_js_1 = require("./_abstract/_Link.js");
 const generateTypeList = (facebook, twitter, linkedin, email) => {
     const listStr = ((facebook ? 'facebook,' : '') +
         (twitter ? 'twitter,' : '') +
@@ -21,7 +21,7 @@ const ShareButtons__item = (props) => {
     const buttonText = (0, shareButtonsUtils_1.getShareButtonLabel)(type, label);
     const popup = type !== 'email';
     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)));
+        react_1.default.createElement(_Link_js_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, lang, ssr, facebook = true, twitter = true, linkedin, email, } = props;

package/SiteSearchAutocomplete.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_autosuggest_1 = tslib_1.__importDefault(require("react-autosuggest"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const SiteSearchInput_1 = tslib_1.__importDefault(require("./SiteSearchInput"));
+const SiteSearchInput_js_1 = tslib_1.__importDefault(require("./SiteSearchInput.js"));
 exports.defaultSiteSearchACTexts = {
     is: {
         lang: 'is',
@@ -45,7 +45,7 @@ const SiteSearchAutocomplete = (props) => {
             /* prettier-ignore */
             const { className, type, disabled, readOnly, required, children } = inputProps, //eslint-disable-line @typescript-eslint/no-unused-vars
             siteSearchProps = tslib_1.__rest(inputProps, ["className", "type", "disabled", "readOnly", "required", "children"]);
-            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)) })));
+            return (react_1.default.createElement(SiteSearchInput_js_1.default, Object.assign({}, siteSearchProps, { label: props.label || txt.inputLabel, placeholder: txt.placeholder, onSubmit: onSubmit && (() => onSubmit(value)), onButtonClick: onButtonClick && (() => onButtonClick(value)) })));
         } }));
 };
 exports.SiteSearchAutocomplete = SiteSearchAutocomplete;

package/SiteSearchCurtain.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const env_1 = require("./utils/env");
+const env_js_1 = require("./utils/env.js");
 const SiteSearchCurtain = (props) => {
     const [focused, setFocused] = (0, hooks_1.useLaggedState)(false);
     (0, react_1.useEffect)(() => {
@@ -27,7 +27,7 @@ const SiteSearchCurtain = (props) => {
             setFocused(false, 100);
         }
     };
-    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));
+    return (react_1.default.createElement("div", Object.assign({ className: (0, getBemClass_1.default)('SiteSearchCurtain', [focused && 'focused']), onFocus: focusHandler, onBlur: blurHandler }, (env_js_1.isPreact && { onfocusin: focusHandler, onfocusout: blurHandler })), props.children));
 };
 exports.SiteSearchCurtain = SiteSearchCurtain;
 exports.default = exports.SiteSearchCurtain;

package/SiteSearchInput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { FormFieldWrappingProps } from './FormField';
-import { SSRSupport } from './utils';
+import { FormFieldWrappingProps } from './FormField.js';
+import { SSRSupport } from './utils.js';
 type InputElmProps = Omit<JSX.IntrinsicElements['input'], 'className' | 'type' | 'disabled' | 'readOnly' | 'required' | 'onSubmit'>;
 type WrappingProps = Pick<FormFieldWrappingProps, 'id' | 'label'>;
 export type SiteSearchInputProps = {

package/SiteSearchInput.js

@@ -3,7 +3,7 @@ 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 FormField_js_1 = tslib_1.__importDefault(require("./FormField.js"));
 // ---------------------------------------------------------------------------
 exports.SiteSearchInput = react_1.default.forwardRef((props, ref) => {
     var _a;
@@ -18,7 +18,7 @@ exports.SiteSearchInput = react_1.default.forwardRef((props, ref) => {
             setHasValue(!!e.target.value);
             onChange && onChange(e);
         };
-    return (react_1.default.createElement(FormField_1.default, { className: "SiteSearchInput", ssr: ssr, label: label, empty: empty, filled: filled, id: id, renderInput: (className, inputProps, addFocusProps) => (react_1.default.createElement("div", Object.assign({ className: className.input }, addFocusProps()),
+    return (react_1.default.createElement(FormField_js_1.default, { className: "SiteSearchInput", ssr: ssr, label: label, empty: empty, filled: filled, 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: "SiteSearchInput__input", onChange: _onChange }, inputProps, { placeholder: placeholder, onKeyDown: onSubmit
                     ? (e) => {
                         if (e.key === 'Enter' && onSubmit() !== true) {

package/SubHeading.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { SeenProp } from './utils/seenEffect';
-import { ComponentLayoutProps } from './constants';
+import { SeenProp } from './utils/seenEffect.js';
+import { ComponentLayoutProps } from './constants.js';
 export type SubHeadingProps = {
     Tag?: 'h2' | 'h3';
     small?: boolean;

package/SubHeading.js

@@ -4,10 +4,10 @@ exports.SubHeading = 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 seenEffect_1 = require("./utils/seenEffect");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
 const SubHeading = (props) => {
     const { small, Tag = 'h2', children, align, wide, startSeen } = props;
-    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(startSeen);
     return (react_1.default.createElement(Tag, { className: (0, getBemClass_1.default)('SubHeading', [
             small && 'small',
             align === 'right' && 'align--' + align,

package/Tabs.d.ts

@@ -1,5 +1,5 @@
-import { SeenProp } from './utils/seenEffect';
-import { SSRSupport } from './utils';
+import { SeenProp } from './utils/seenEffect.js';
+import { SSRSupport } from './utils.js';
 export type TabItemProps = {
     label: string;
     badge?: string | number;

package/Tabs.js

@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const frag_1 = require("@hugsmidjan/qj/frag");
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const seenEffect_1 = require("./utils/seenEffect");
-const utils_1 = require("./utils");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
+const utils_js_1 = require("./utils.js");
 const navKeyEffects = {
     ArrowUp: -1,
     ArrowLeft: -1,
@@ -51,7 +51,7 @@ const renderTab = (tabProps, index, listProps) => {
 const Tabs = (props) => {
     var _a, _b;
     const { tabs, role, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-controls': listAriaControls, id, activeIdx, onSetActive, activateOnFocus, ssr, startSeen, vertical, subTabs, } = props;
-    const isBrowser = (0, utils_1.useIsBrowserSide)(ssr);
+    const isBrowser = (0, utils_js_1.useIsBrowserSide)(ssr);
     const [focusedIdx, setFocusedIdx] = (0, react_1.useState)(activeIdx || 0);
     const tabRole = isBrowser && role === 'tablist' ? 'tab' : undefined;
     const activateTab = (index) => {
@@ -79,7 +79,7 @@ const Tabs = (props) => {
                 activateOnFocus && activateTab(nextIdx);
             }
         });
-    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(startSeen);
     const listProps = {
         activeIdx,
         activateTab,

package/TagPill.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { EitherObj } from '@reykjavik/hanna-utils';
-import { ButtonProps } from './_abstract/_Button';
+import { ButtonProps } from './_abstract/_Button.js';
 declare const colors: {
     readonly normal: "";
     readonly green: "color--green";

package/TagPill.js

@@ -4,7 +4,7 @@ exports.TagPill = 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 _Button_1 = require("./_abstract/_Button");
+const _Button_js_1 = require("./_abstract/_Button.js");
 const colors = {
     normal: '',
     green: 'color--green',
@@ -27,9 +27,9 @@ const TagPill = (props) => {
         label,
         " ",
         removeBtn)) : onRemove ? (react_1.default.createElement("span", { className: (0, getBemClass_1.default)('TagPill', modifiers) },
-        react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "TagPill__button" }, buttonProps), label),
+        react_1.default.createElement(_Button_js_1.Button, Object.assign({ bem: "TagPill__button" }, buttonProps), label),
         ' ',
-        removeBtn)) : (react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "TagPill" }, buttonProps, { modifier: modifiers }),
+        removeBtn)) : (react_1.default.createElement(_Button_js_1.Button, Object.assign({ bem: "TagPill" }, buttonProps, { modifier: modifiers }),
         label,
         ' ',
         removable && (react_1.default.createElement("span", { className: "TagPill__remove", "aria-label": removeLabelLong }, removeLabel))));

package/TextBlock.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { SeenProp } from './utils/seenEffect';
-import { ComponentLayoutProps } from './constants';
+import { SeenProp } from './utils/seenEffect.js';
+import { ComponentLayoutProps } from './constants.js';
 export type TextBlockProps = ComponentLayoutProps & {
     /** Make H2 headings float to the left
      *

package/TextBlock.js

@@ -4,11 +4,11 @@ exports.TextBlock = 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 seenEffect_1 = require("./utils/seenEffect");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
 const TextBlock = (props) => {
     const { children, align, labelled, wide, small, startSeen } = props;
     const rightAligned = align === 'right' || labelled;
-    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(startSeen);
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('TextBlock', [
             labelled && 'labelled',
             rightAligned && 'align--right',

package/TextButton.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ButtonProps } from './_abstract/_Button';
+import { ButtonProps } from './_abstract/_Button.js';
 export type TextButtonProps = ButtonProps & {
     disabled?: never;
 };

package/TextButton.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextButton = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Button_1 = require("./_abstract/_Button");
+const _Button_js_1 = require("./_abstract/_Button.js");
 const TextButton = (props) => {
     if ('disabled' in props) {
         props = Object.assign(Object.assign({}, props), { disabled: undefined });
     }
-    return react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "TextButton" }, props));
+    return react_1.default.createElement(_Button_js_1.Button, Object.assign({ bem: "TextButton" }, props));
 };
 exports.TextButton = TextButton;
 exports.default = exports.TextButton;

package/TextInput.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { FormFieldWrappingProps } from './FormField';
+import { FormFieldWrappingProps } from './FormField.js';
 type InputElmProps = JSX.IntrinsicElements['input'];
 type TextareaElmProps = JSX.IntrinsicElements['textarea'];
 export type TextInputProps = {

package/TextInput.js

@@ -4,7 +4,7 @@ exports.TextInput = 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"));
-const FormField_1 = tslib_1.__importDefault(require("./FormField"));
+const FormField_js_1 = tslib_1.__importDefault(require("./FormField.js"));
 const TextInput = (props) => {
     var _a;
     const _inputRef = (0, react_1.useRef)(null);
@@ -30,7 +30,7 @@ const TextInput = (props) => {
             setHasValue(true);
         }
     }, []);
-    return (react_1.default.createElement(FormField_1.default, { className: (0, getBemClass_1.default)('TextInput', modifiers, 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) => multiline ? (react_1.default.createElement("textarea", Object.assign({ className: className.input, onChange: _onChange }, inputProps, addFocusProps(inputElementProps), { ref: inputRef }))) : (react_1.default.createElement("input", Object.assign({ className: className.input, onChange: _onChange, type: type }, inputProps, addFocusProps(inputElementProps), { ref: inputRef }))) }));
+    return (react_1.default.createElement(FormField_js_1.default, { className: (0, getBemClass_1.default)('TextInput', modifiers, 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) => multiline ? (react_1.default.createElement("textarea", Object.assign({ className: className.input, onChange: _onChange }, inputProps, addFocusProps(inputElementProps), { ref: inputRef }))) : (react_1.default.createElement("input", Object.assign({ className: className.input, onChange: _onChange, type: type }, inputProps, addFocusProps(inputElementProps), { ref: inputRef }))) }));
 };
 exports.TextInput = TextInput;
 exports.default = exports.TextInput;

package/VerticalTabsTOC.d.ts

@@ -1,4 +1,4 @@
-import { TabItemProps, TabsProps } from './Tabs';
+import { TabItemProps, TabsProps } from './Tabs.js';
 export type VerticalTabsTOCItem = TabItemProps & {
     items?: Array<VerticalTabsTOCSubItem>;
 };