@reykjavik/hanna-react 0.10.83 → 0.10.85

package/CityBlock.js

@@ -4,8 +4,8 @@ exports.CityBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Block_1 = require("./_abstract/_Block");
-const constants_1 = require("./constants");
+const _Block_js_1 = require("./_abstract/_Block.js");
+const constants_js_1 = require("./constants.js");
 const types = {
     largebox: true,
     largeimage: true,
@@ -13,11 +13,11 @@ const types = {
 const CityBlock = (props) => {
     const align = props.align || 'right';
     const type = !props.illustration && props.type; // The presence of illustration prop suppresses type
-    const modifier = [constants_1.aligns[align] && 'align--' + align, type && types[type] && type];
+    const modifier = [constants_js_1.aligns[align] && 'align--' + align, type && types[type] && type];
     const imageProps = props.illustration != null
         ? { src: (0, assets_1.getIllustrationUrl)(props.illustration) }
         : props.image;
-    return (react_1.default.createElement(_Block_1.Block, { bem: "CityBlock", modifier: modifier, content: props.content, image: imageProps, startSeen: props.startSeen }));
+    return (react_1.default.createElement(_Block_js_1.Block, { bem: "CityBlock", modifier: modifier, content: props.content, image: imageProps, startSeen: props.startSeen }));
 };
 exports.CityBlock = CityBlock;
 exports.default = exports.CityBlock;

package/ContactBubble.d.ts

@@ -1,5 +1,5 @@
 import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
-import { SSRSupport } from './utils';
+import { SSRSupport } from './utils.js';
 export type ContactBubbleI18n = {
     lang?: string;
     openBtn: string;

package/ContactBubble.js

@@ -8,9 +8,9 @@ const hooks_1 = require("@hugsmidjan/react/hooks");
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _Link_1 = require("./_abstract/_Link");
-const breakOnNL_1 = require("./_abstract/breakOnNL");
-const utils_1 = require("./utils");
+const _Link_js_1 = require("./_abstract/_Link.js");
+const breakOnNL_js_1 = require("./_abstract/breakOnNL.js");
+const utils_js_1 = require("./utils.js");
 exports.defaultTexts = {
     is: {
         lang: 'is',
@@ -43,7 +43,7 @@ const ContactBubble = (props) => {
     const useLocalState = props.open == null;
     const [localOpen, setLocalOpen] = (0, react_1.useState)(false);
     const open = useLocalState ? localOpen : props.open;
-    const isBrowser = (0, utils_1.useIsBrowserSide)(props.ssr);
+    const isBrowser = (0, utils_js_1.useIsBrowserSide)(props.ssr);
     const domid = (0, hooks_1.useDomid)();
     const wrapperRef = (0, react_1.useRef)(null);
     const { openBubble, closeBubble } = (0, react_1.useMemo)(() => ({
@@ -142,10 +142,10 @@ const ContactBubble = (props) => {
                 ' ',
                 label,
                 '\n',
-                extraLabel && react_1.default.createElement("small", { key: "\uD83E\uDD21" }, (0, breakOnNL_1.breakOnNL)(extraLabel)),
+                extraLabel && react_1.default.createElement("small", { key: "\uD83E\uDD21" }, (0, breakOnNL_js_1.breakOnNL)(extraLabel)),
                 '\n',
             ];
-            return (react_1.default.createElement("li", { key: i, className: itemClass }, href && href !== '#' ? (react_1.default.createElement(_Link_1.Link, { className: "ContactBubble__link", href: href, onClick: onClickHandler, target: target }, content)) : (react_1.default.createElement("button", { className: "ContactBubble__link", onClick: onClickHandler, type: "button" }, content))));
+            return (react_1.default.createElement("li", { key: i, className: itemClass }, href && href !== '#' ? (react_1.default.createElement(_Link_js_1.Link, { className: "ContactBubble__link", href: href, onClick: onClickHandler, target: target }, content)) : (react_1.default.createElement("button", { className: "ContactBubble__link", onClick: onClickHandler, type: "button" }, content))));
         })),
         '\n\n',
         isBrowser && (react_1.default.createElement("button", { className: "ContactBubble__closebtn", "aria-controls": domid, "aria-label": txt.closeBtnLong, onClick: () => closeBubble(), type: "button" }, txt.closeBtn))));

package/ContentArticle.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
-import { SeenProp } from './utils/seenEffect';
-import { ArticleMetaProps } from './ArticleMeta';
-import { ContentImageProps } from './ContentImage';
-import { RelatedLinksProps } from './RelatedLinks';
+import { SeenProp } from './utils/seenEffect.js';
+import { ArticleMetaProps } from './ArticleMeta.js';
+import { ContentImageProps } from './ContentImage.js';
+import { RelatedLinksProps } from './RelatedLinks.js';
 export type ContentArticleProps = {
     /** Date, author, etc. */
     meta?: ArticleMetaProps['items'];

package/ContentArticle.js

@@ -3,27 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentArticle = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const seenEffect_1 = require("./utils/seenEffect");
-const ArticleMeta_1 = tslib_1.__importDefault(require("./ArticleMeta"));
-const ContentImage_1 = tslib_1.__importDefault(require("./ContentImage"));
-const Heading_1 = tslib_1.__importDefault(require("./Heading"));
-const RelatedLinks_1 = tslib_1.__importDefault(require("./RelatedLinks"));
-const TextBlock_1 = tslib_1.__importDefault(require("./TextBlock"));
-const VSpacer_1 = tslib_1.__importDefault(require("./VSpacer"));
+const seenEffect_js_1 = require("./utils/seenEffect.js");
+const ArticleMeta_js_1 = tslib_1.__importDefault(require("./ArticleMeta.js"));
+const ContentImage_js_1 = tslib_1.__importDefault(require("./ContentImage.js"));
+const Heading_js_1 = tslib_1.__importDefault(require("./Heading.js"));
+const RelatedLinks_js_1 = tslib_1.__importDefault(require("./RelatedLinks.js"));
+const TextBlock_js_1 = tslib_1.__importDefault(require("./TextBlock.js"));
+const VSpacer_js_1 = tslib_1.__importDefault(require("./VSpacer.js"));
 const ContentArticle = (props) => {
     const { relatedLinks } = props;
-    const [ref] = (0, seenEffect_1.useSeenEffect)(props.startSeen);
-    const headingElm = (react_1.default.createElement(Heading_1.default, { forceH1: props.headlineTag === 'h1' }, props.headline));
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(props.startSeen);
+    const headingElm = (react_1.default.createElement(Heading_js_1.default, { forceH1: props.headlineTag === 'h1' }, props.headline));
     return (react_1.default.createElement("div", { className: "ContentArticle", ref: ref },
         props.meta ? (react_1.default.createElement("div", { className: "ContentArticle__header" },
             headingElm,
-            react_1.default.createElement(ArticleMeta_1.default, { items: props.meta }))) : (headingElm),
-        react_1.default.createElement(TextBlock_1.default, { startSeen: true },
-            props.topImage && react_1.default.createElement(ContentImage_1.default, Object.assign({}, props.topImage)),
+            react_1.default.createElement(ArticleMeta_js_1.default, { items: props.meta }))) : (headingElm),
+        react_1.default.createElement(TextBlock_js_1.default, { startSeen: true },
+            props.topImage && react_1.default.createElement(ContentImage_js_1.default, Object.assign({}, props.topImage)),
             props.body),
-        relatedLinks && relatedLinks.links.length > 0 && (react_1.default.createElement(VSpacer_1.default, { size: "small" },
+        relatedLinks && relatedLinks.links.length > 0 && (react_1.default.createElement(VSpacer_js_1.default, { size: "small" },
             react_1.default.createElement("hr", null))),
-        relatedLinks && react_1.default.createElement(RelatedLinks_1.default, Object.assign({}, relatedLinks))));
+        relatedLinks && react_1.default.createElement(RelatedLinks_js_1.default, Object.assign({}, relatedLinks))));
 };
 exports.ContentArticle = ContentArticle;
 exports.default = exports.ContentArticle;

package/ContentImage.d.ts

@@ -1,4 +1,4 @@
-import { ImageProps } from './_abstract/_Image';
+import { ImageProps } from './_abstract/_Image.js';
 export type ContentImageProps = {
     image?: ImageProps;
     caption?: string | JSX.Element;

package/ContentImage.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentImage = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Image_1 = require("./_abstract/_Image");
+const _Image_js_1 = require("./_abstract/_Image.js");
 const ContentImage = (props) => {
     const { image, caption, credit } = props;
     return (react_1.default.createElement("figure", { className: "ContentImage" },
@@ -17,7 +17,7 @@ const ContentImage = (props) => {
                 " ",
                 credit,
                 " "))),
-        react_1.default.createElement(_Image_1.Image, Object.assign({ className: "ContentImage__image" }, image))));
+        react_1.default.createElement(_Image_js_1.Image, Object.assign({ className: "ContentImage__image" }, image))));
 };
 exports.ContentImage = ContentImage;
 exports.default = exports.ContentImage;

package/Datepicker.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { FormFieldWrappingProps } from './FormField';
+import { FormFieldWrappingProps } from './FormField.js';
 export type DatepickerProps = {
     small?: boolean;
     placeholder?: string;

package/Datepicker.js

@@ -10,7 +10,7 @@ const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/g
 // For more info on localization see: https://stackoverflow.com/questions/54399084/change-locale-in-react-datepicker/58306958#58306958
 const is_1 = tslib_1.__importDefault(require("date-fns/locale/is"));
 const pl_1 = tslib_1.__importDefault(require("date-fns/locale/pl"));
-const FormField_1 = tslib_1.__importDefault(require("./FormField"));
+const FormField_js_1 = tslib_1.__importDefault(require("./FormField.js"));
 (0, react_datepicker_1.registerLocale)('is', is_1.default);
 (0, react_datepicker_1.registerLocale)('pl', pl_1.default);
 const getDateDiff = (date, diff) => {
@@ -59,7 +59,7 @@ const Datepicker = (props) => {
     const txts = i18n[localeCode] || {};
     const filled = !!value;
     const empty = !filled && !placeholder;
-    return (react_1.default.createElement(FormField_1.default, { className: (0, getBemClass_1.default)('Datepicker', [], className), ssr: ssr, label: label, small: small, assistText: assistText, hideLabel: hideLabel, invalid: invalid, required: required, reqText: reqText, disabled: disabled, readOnly: readOnly, filled: filled, empty: empty, errorMessage: errorMessage, renderInput: (className, inputProps, addFocusProps) => {
+    return (react_1.default.createElement(FormField_js_1.default, { className: (0, getBemClass_1.default)('Datepicker', [], className), ssr: ssr, label: label, small: small, assistText: assistText, hideLabel: hideLabel, invalid: invalid, required: required, reqText: reqText, disabled: disabled, readOnly: readOnly, filled: filled, empty: empty, errorMessage: errorMessage, renderInput: (className, inputProps, addFocusProps) => {
             return (react_1.default.createElement("div", Object.assign({ className: className.input, onClick: ({ target, currentTarget }) => { var _a; return target === currentTarget && ((_a = currentTarget.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus()); }, ref: inputRef &&
                     ((elm) => {
                         inputRef.current =

package/ExtraLinks.d.ts

@@ -1,5 +1,5 @@
-import { TextCardListProps } from './_abstract/_CardList';
-import { SeenProp } from './utils/seenEffect';
+import { TextCardListProps } from './_abstract/_CardList.js';
+import { SeenProp } from './utils/seenEffect.js';
 export type RelatedLink = {
     href: string;
     label: string;

package/ExtraLinks.js

@@ -4,24 +4,24 @@ exports.ExtraLinks = 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 _CardList_1 = require("./_abstract/_CardList");
-const _Link_1 = require("./_abstract/_Link");
-const seenEffect_1 = require("./utils/seenEffect");
+const _CardList_js_1 = require("./_abstract/_CardList.js");
+const _Link_js_1 = require("./_abstract/_Link.js");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
 const ExtraLinks__related = (props) => {
     const { relatedTitle, relatedLinks } = props;
     return (react_1.default.createElement("div", { className: "ExtraLinks__related" },
         relatedTitle && react_1.default.createElement("h3", { className: "ExtraLinks__related__title" }, relatedTitle),
         react_1.default.createElement("ul", { className: "ExtraLinks__related__list" }, relatedLinks &&
             relatedLinks.map(({ href, label, blank = false, type }, i) => (react_1.default.createElement("li", { className: "ExtraLinks__related__item", key: i },
-                react_1.default.createElement(_Link_1.Link, { className: (0, getBemClass_1.default)('ExtraLinks__related__link', type), href: href, target: blank ? '_blank' : '', rel: blank ? 'noreferrer noopener' : '' }, label)))))));
+                react_1.default.createElement(_Link_js_1.Link, { className: (0, getBemClass_1.default)('ExtraLinks__related__link', type), href: href, target: blank ? '_blank' : '', rel: blank ? 'noreferrer noopener' : '' }, label)))))));
 };
 const ExtraLinks = (props) => {
     const { relatedTitle, relatedLinks, className, startSeen } = props, cardListProps = tslib_1.__rest(props, ["relatedTitle", "relatedLinks", "className", "startSeen"]);
     const hasRelated = !!(relatedLinks && relatedLinks.length);
-    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)('ExtraLinks', hasRelated && 'related', className), ref: ref },
         react_1.default.createElement("div", { className: "ExtraLinks__main" },
-            react_1.default.createElement(_CardList_1.CardList, Object.assign({}, cardListProps, { bemPrefix: "ExtraLinks" }))),
+            react_1.default.createElement(_CardList_js_1.CardList, Object.assign({}, cardListProps, { bemPrefix: "ExtraLinks" }))),
         hasRelated && (react_1.default.createElement(ExtraLinks__related, { relatedTitle: relatedTitle, relatedLinks: relatedLinks }))));
 };
 exports.ExtraLinks = ExtraLinks;

package/FeatureList.d.ts

@@ -1,5 +1,5 @@
 import { Efnistakn } from '@reykjavik/hanna-utils/assets';
-import { SeenProp } from './utils/seenEffect';
+import { SeenProp } from './utils/seenEffect.js';
 export type FeatureListProps = {
     title: string;
     features: Array<{

package/FeatureList.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeatureList = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const seenEffect_1 = require("./utils/seenEffect");
-const Bling_1 = tslib_1.__importDefault(require("./Bling"));
+const seenEffect_js_1 = require("./utils/seenEffect.js");
+const Bling_js_1 = tslib_1.__importDefault(require("./Bling.js"));
 const FeatureList = (props) => {
     const { title, features, startSeen } = props;
-    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(startSeen);
     const _features = features.length ? features : [{ name: '...' }];
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Bling_1.default, { type: "snake-large", align: "left", vertical: "down-ish" }),
+        react_1.default.createElement(Bling_js_1.default, { type: "snake-large", align: "left", vertical: "down-ish" }),
         react_1.default.createElement("div", { className: "FeatureList", ref: ref },
             react_1.default.createElement("h2", { className: "FeatureList__title" }, title),
             react_1.default.createElement("ul", { className: "FeatureList__list" }, _features.map(({ name, icon, iconUrl }, i) => (react_1.default.createElement("li", { key: i, className: "FeatureList__feature", style: iconUrl

package/FileInput.d.ts

@@ -1,5 +1,5 @@
-import { FileListProps } from './FileInput/_FileInputFileList';
-import { FormFieldWrappingProps } from './FormField';
+import { FileListProps } from './FileInput/_FileInputFileList.js';
+import { FormFieldWrappingProps } from './FormField.js';
 export type FileInputProps = {
     /**
      * Flags if the input should accept multiple, or just a single file at a time.

package/FileInput.js

@@ -8,8 +8,8 @@ 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 _FileInput_utils_1 = require("./FileInput/_FileInput.utils");
-const _FileInputFileList_1 = require("./FileInput/_FileInputFileList");
-const FormField_1 = tslib_1.__importDefault(require("./FormField"));
+const _FileInputFileList_js_1 = require("./FileInput/_FileInputFileList.js");
+const FormField_js_1 = tslib_1.__importDefault(require("./FormField.js"));
 const defaultRemoveFileText = {
     is: 'Fjarlægja',
     en: 'Remove',
@@ -31,7 +31,7 @@ const arrayToFileList = (arr) => {
     return fileList.files;
 };
 const FileInput = (props) => {
-    const { className, id, label, hideLabel, dropzoneProps = { multiple: true }, multiple = dropzoneProps.multiple, accept, dropzoneText, lang = i18n_1.DEFAULT_LANG, removeFileText = defaultRemoveFileText[lang] || defaultRemoveFileText[i18n_1.DEFAULT_LANG], assistText, disabled, invalid, errorMessage, required, reqText, FileList = _FileInputFileList_1.DefaultFileList, onFilesUpdated = () => undefined, onFilesRejected, showFileSize, showImagePreviews, value = [] } = props, inputElementProps = tslib_1.__rest(props, ["className", "id", "label", "hideLabel", "dropzoneProps", "multiple", "accept", "dropzoneText", "lang", "removeFileText", "assistText", "disabled", "invalid", "errorMessage", "required", "reqText", "FileList", "onFilesUpdated", "onFilesRejected", "showFileSize", "showImagePreviews", "value"]);
+    const { className, id, label, hideLabel, dropzoneProps = { multiple: true }, multiple = dropzoneProps.multiple, accept, dropzoneText, lang = i18n_1.DEFAULT_LANG, removeFileText = defaultRemoveFileText[lang] || defaultRemoveFileText[i18n_1.DEFAULT_LANG], assistText, disabled, invalid, errorMessage, required, reqText, FileList = _FileInputFileList_js_1.DefaultFileList, onFilesUpdated = () => undefined, onFilesRejected, showFileSize, showImagePreviews, value = [] } = props, inputElementProps = tslib_1.__rest(props, ["className", "id", "label", "hideLabel", "dropzoneProps", "multiple", "accept", "dropzoneText", "lang", "removeFileText", "assistText", "disabled", "invalid", "errorMessage", "required", "reqText", "FileList", "onFilesUpdated", "onFilesRejected", "showFileSize", "showImagePreviews", "value"]);
     const domid = (0, hooks_1.useDomid)(id);
     const fileInputWrapper = (0, react_1.useRef)(null);
     const fileInput = (0, react_1.useRef)(null);
@@ -104,7 +104,7 @@ const FileInput = (props) => {
         }
         onFilesUpdated(fileList, diff);
     };
-    return (react_1.default.createElement(FormField_1.default, { className: (0, getBemClass_1.default)('FileInput', [multiple && 'multi'], className), label: label, id: domid + '-fake', LabelTag: "h4", assistText: assistText, hideLabel: hideLabel, disabled: disabled, invalid: invalid, errorMessage: errorMessage, required: required, reqText: reqText, renderInput: (className, inputProps /* , addFocusProps */) => {
+    return (react_1.default.createElement(FormField_js_1.default, { className: (0, getBemClass_1.default)('FileInput', [multiple && 'multi'], className), label: label, id: domid + '-fake', LabelTag: "h4", assistText: assistText, hideLabel: hideLabel, disabled: disabled, invalid: invalid, errorMessage: errorMessage, required: required, reqText: reqText, renderInput: (className, inputProps /* , addFocusProps */) => {
             return (react_1.default.createElement("div", { className: className.control, ref: fileInputWrapper },
                 // Explicitly skip rendering of input element if no
                 // name prop is provided. This is implicitly what the

package/Foonote.d.ts

@@ -1,4 +1,4 @@
-import { FootnoteProps as _FootnoteProps } from './Footnote';
+import { FootnoteProps as _FootnoteProps } from './Footnote.js';
 /** @deprecated  (Will be removed in v0.11)
  *
  * This module file is a typo. import from `Footnote` instead

package/Foonote.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footnote = void 0;
 const tslib_1 = require("tslib");
-const Footnote_1 = tslib_1.__importDefault(require("./Footnote"));
+const Footnote_js_1 = tslib_1.__importDefault(require("./Footnote.js"));
 /** @deprecated  (Will be removed in v0.11)
  *
  * This module file is a typo. import from `Footnote` instead
  */
-exports.Footnote = Footnote_1.default;
+exports.Footnote = Footnote_js_1.default;
 exports.default = exports.Footnote;

package/FooterBadges.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterBadges = 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 FooterBadges = (props) => {
     if (!props.badges.length) {
         return null;
     }
-    return (react_1.default.createElement("ul", { className: "FooterBadges" }, props.badges.map(({ altText, src, href }, i) => (react_1.default.createElement("li", { key: i, className: "FooterBadges__badge" }, href ? (react_1.default.createElement(_Link_1.Link, { href: href },
+    return (react_1.default.createElement("ul", { className: "FooterBadges" }, props.badges.map(({ altText, src, href }, i) => (react_1.default.createElement("li", { key: i, className: "FooterBadges__badge" }, href ? (react_1.default.createElement(_Link_js_1.Link, { href: href },
         ' ',
         react_1.default.createElement("img", { src: src, alt: altText }),
         ' ')) : (react_1.default.createElement("img", { src: src, alt: altText })))))));

package/Form.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { ComponentLayoutProps } from './constants';
+import { ComponentLayoutProps } from './constants.js';
 export type FormProps = ComponentLayoutProps & React.FormHTMLAttributes<HTMLFormElement> & {
     children: ReactNode;
 };

package/FormField.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { SSRSupport } from './utils';
+import { SSRSupport } from './utils.js';
 type InputClassNames = {
     /** Basic/raw FormField BEM name */
     bem: string;

package/FormField.js

@@ -5,8 +5,8 @@ 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 utils_1 = require("./utils");
+const env_js_1 = require("./utils/env.js");
+const utils_js_1 = require("./utils.js");
 const inputClassNames = {
     bem: 'FormField',
     input: 'FormField__input',
@@ -18,7 +18,7 @@ const inputClassNames = {
 const FormField = (props) => {
     const { className, small, group, LabelTag = group ? 'h4' : undefined, label, assistText, hideLabel, empty, filled, readOnly, disabled, invalid, errorMessage, required, reqText, // i18n
     renderInput, id, ssr, } = props;
-    const isBrowser = (0, utils_1.useIsBrowserSide)(ssr);
+    const isBrowser = (0, utils_js_1.useIsBrowserSide)(ssr);
     const isInvalid = invalid || !!errorMessage || undefined;
     const domid = (0, hooks_1.useDomid)(id);
     const [focused, setFocused] = (0, react_1.useState)(false);
@@ -38,7 +38,7 @@ const FormField = (props) => {
             onBlur && onBlur(e);
         };
         const focusProps = Object.assign(Object.assign({}, ownProps), { onFocus: focusHandler, onBlur: blurHandler });
-        if (env_1.isPreact) {
+        if (env_js_1.isPreact) {
             const focusinHandler = (e) => {
                 e.currentTarget !== e.target && focusHandler(e);
             };

package/Gallery/_GalleryItem.d.ts

@@ -1,4 +1,4 @@
-import { ImageProps } from '../_abstract/_Image';
+import { ImageProps } from '../_abstract/_Image.js';
 export type GalleryItemProps = {
     caption?: string;
     description?: string;

package/Gallery/_GalleryItem.js

@@ -3,21 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GalleryItem = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const _Button_1 = require("../_abstract/_Button");
-const _Image_1 = require("../_abstract/_Image");
-const _GalleryModalContext_1 = require("./_GalleryModalContext");
+const _Button_js_1 = require("../_abstract/_Button.js");
+const _Image_js_1 = require("../_abstract/_Image.js");
+const _GalleryModalContext_js_1 = require("./_GalleryModalContext.js");
 const GalleryItem = (props) => {
     const { caption, description, largeImageSrc } = props, image = tslib_1.__rest(props, ["caption", "description", "largeImageSrc"]);
-    const { setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_1.GalleryModalContext);
+    const { setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_js_1.GalleryModalContext);
     return (react_1.default.createElement("figure", { className: "GalleryItem" },
         react_1.default.createElement("figcaption", { className: "GalleryItem__caption" }, caption),
-        largeImageSrc ? (react_1.default.createElement(_Button_1.Button, { bem: "GalleryItem__button", href: largeImageSrc, onClick: (e) => {
+        largeImageSrc ? (react_1.default.createElement(_Button_js_1.Button, { bem: "GalleryItem__button", href: largeImageSrc, onClick: (e) => {
                 e.preventDefault();
                 setCurrentImage(Object.assign(Object.assign({}, image), { caption, description, largeImageSrc }));
             } },
             ' ',
-            react_1.default.createElement(_Image_1.Image, Object.assign({ className: "GalleryItem__image" }, image)),
-            ' ')) : (react_1.default.createElement(_Image_1.Image, Object.assign({ className: "GalleryItem__image" }, image))),
+            react_1.default.createElement(_Image_js_1.Image, Object.assign({ className: "GalleryItem__image" }, image)),
+            ' ')) : (react_1.default.createElement(_Image_js_1.Image, Object.assign({ className: "GalleryItem__image" }, image))),
         description && react_1.default.createElement("div", { className: "GalleryItem__description" }, description)));
 };
 exports.GalleryItem = GalleryItem;

package/Gallery/_GalleryModal.d.ts

@@ -1,4 +1,4 @@
-import { GalleryI18n } from '../Gallery';
+import { GalleryI18n } from '../Gallery.js';
 type GalleryModalProps = {
     texts: Readonly<GalleryI18n>;
 };

package/Gallery/_GalleryModal.js

@@ -7,11 +7,11 @@ const react_transition_group_1 = require("react-transition-group");
 const object_1 = require("@hugsmidjan/qj/object");
 const CarouselPaging_1 = tslib_1.__importDefault(require("@hugsmidjan/react/CarouselPaging"));
 const Modal_1 = tslib_1.__importDefault(require("@hugsmidjan/react/Modal"));
-const _GalleryModalContext_1 = require("./_GalleryModalContext");
-const _GalleryModalItem_1 = require("./_GalleryModalItem");
+const _GalleryModalContext_js_1 = require("./_GalleryModalContext.js");
+const _GalleryModalItem_js_1 = require("./_GalleryModalItem.js");
 const GalleryModal = (props) => {
     const { texts } = props;
-    const { currentImage, items, setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_1.GalleryModalContext);
+    const { currentImage, items, setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_js_1.GalleryModalContext);
     const [image, setImage] = (0, react_1.useState)(currentImage);
     const [animated, setAnimated] = (0, react_1.useState)(false);
     const updateImage = (index) => {
@@ -49,7 +49,7 @@ const GalleryModal = (props) => {
             react_1.default.createElement(react_transition_group_1.CSSTransition, { in: animated, timeout: 200, onEntered: () => {
                     setAnimated(!animated);
                 }, classNames: "GalleryModalItem--" },
-                react_1.default.createElement(_GalleryModalItem_1.GalleryModalItem, Object.assign({}, image))),
+                react_1.default.createElement(_GalleryModalItem_js_1.GalleryModalItem, Object.assign({}, image))),
             react_1.default.createElement(CarouselPaging_1.default, { bem: "GalleryModalPager", itemCount: items.length, current: imageIndex, setCurrent: updateImage, texts: {
                     next: texts.modalNextLabel,
                     prev: texts.modalPrevLabel,

package/Gallery/_GalleryModalContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { GalleryProps } from '../Gallery';
-import { GalleryItemProps } from './_GalleryItem';
+import { GalleryProps } from '../Gallery.js';
+import { GalleryItemProps } from './_GalleryItem.js';
 type ModalContextProps = {
     setCurrentImage: (item: GalleryItemProps | undefined) => void;
     currentImage: GalleryItemProps | undefined;

package/Gallery/_GalleryModalItem.d.ts

@@ -1,2 +1,2 @@
-import { GalleryItemProps } from './_GalleryItem';
+import { GalleryItemProps } from './_GalleryItem.js';
 export declare const GalleryModalItem: (props: GalleryItemProps) => JSX.Element;

package/Gallery/_GalleryModalItem.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GalleryModalItem = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Image_1 = require("../_abstract/_Image");
+const _Image_js_1 = require("../_abstract/_Image.js");
 const GalleryModalItem = (props) => {
     const { caption, description } = props, image = tslib_1.__rest(props, ["caption", "description"]);
     return (react_1.default.createElement("div", { className: "GalleryModalItem" },
         (caption || description) && (react_1.default.createElement("div", { className: "GalleryModalItem__text" },
             react_1.default.createElement("div", { className: "GalleryModalItem__caption" }, caption),
             react_1.default.createElement("div", { className: "GalleryModalItem__description" }, description))),
-        react_1.default.createElement(_Image_1.Image, { className: "GalleryModalItem__image", src: image.largeImageSrc || image.src })));
+        react_1.default.createElement(_Image_js_1.Image, { className: "GalleryModalItem__image", src: image.largeImageSrc || image.src })));
 };
 exports.GalleryModalItem = GalleryModalItem;

package/Gallery.d.ts

@@ -1,7 +1,7 @@
-import { GalleryItemProps } from './Gallery/_GalleryItem';
-import { SeenProp } from './utils/seenEffect';
-import { SSRSupport } from './utils';
-export type { GalleryItemProps } from './Gallery/_GalleryItem';
+import { GalleryItemProps } from './Gallery/_GalleryItem.js';
+import { SeenProp } from './utils/seenEffect.js';
+import { SSRSupport } from './utils.js';
+export type { GalleryItemProps } from './Gallery/_GalleryItem.js';
 export type GalleryI18n = {
     modalNextLabel: string;
     modalPrevLabel: string;

package/Gallery.js

@@ -4,10 +4,10 @@ exports.Gallery = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _AbstractCarousel_1 = require("./_abstract/_AbstractCarousel");
-const _GalleryItem_1 = require("./Gallery/_GalleryItem");
-const _GalleryModal_1 = require("./Gallery/_GalleryModal");
-const _GalleryModalContext_1 = require("./Gallery/_GalleryModalContext");
+const _AbstractCarousel_js_1 = require("./_abstract/_AbstractCarousel.js");
+const _GalleryItem_js_1 = require("./Gallery/_GalleryItem.js");
+const _GalleryModal_js_1 = require("./Gallery/_GalleryModal.js");
+const _GalleryModalContext_js_1 = require("./Gallery/_GalleryModalContext.js");
 const defaultTexts = {
     en: {
         modalNextLabel: 'Next image',
@@ -24,9 +24,9 @@ const Gallery = (props) => {
     const { items, ssr, startSeen } = props;
     const texts = (0, i18n_1.getTexts)(props, defaultTexts);
     const [modalImage, setModalImage] = (0, react_1.useState)(undefined);
-    return (react_1.default.createElement(_GalleryModalContext_1.GalleryModalContext.Provider, { value: { items, setCurrentImage: setModalImage, currentImage: modalImage } },
-        react_1.default.createElement(_AbstractCarousel_1.AbstractCarousel, { bem: "Gallery", items: items, Component: _GalleryItem_1.GalleryItem, ssr: ssr, startSeen: startSeen }),
-        react_1.default.createElement(_GalleryModal_1.GalleryModal, Object.assign({}, modalImage, { texts: texts }))));
+    return (react_1.default.createElement(_GalleryModalContext_js_1.GalleryModalContext.Provider, { value: { items, setCurrentImage: setModalImage, currentImage: modalImage } },
+        react_1.default.createElement(_AbstractCarousel_js_1.AbstractCarousel, { bem: "Gallery", items: items, Component: _GalleryItem_js_1.GalleryItem, ssr: ssr, startSeen: startSeen }),
+        react_1.default.createElement(_GalleryModal_js_1.GalleryModal, Object.assign({}, modalImage, { texts: texts }))));
 };
 exports.Gallery = Gallery;
 exports.default = exports.Gallery;

package/GridBlocks.d.ts

@@ -1,7 +1,7 @@
 import { Efnistakn } from '@reykjavik/hanna-utils/assets';
-import { ButtonProps } from './_abstract/_Button';
-import { ImageProps } from './_abstract/_Image';
-import { SeenProp } from './utils/seenEffect';
+import { ButtonProps } from './_abstract/_Button.js';
+import { ImageProps } from './_abstract/_Image.js';
+import { SeenProp } from './utils/seenEffect.js';
 export type GridBlockItem = {
     title: string;
     summary: string | JSX.Element;

package/GridBlocks.js

@@ -5,23 +5,23 @@ 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 assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Image_1 = require("./_abstract/_Image");
-const _Link_1 = require("./_abstract/_Link");
-const seenEffect_1 = require("./utils/seenEffect");
-const ButtonTertiary_1 = tslib_1.__importDefault(require("./ButtonTertiary"));
+const _Image_js_1 = require("./_abstract/_Image.js");
+const _Link_js_1 = require("./_abstract/_Link.js");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
+const ButtonTertiary_js_1 = tslib_1.__importDefault(require("./ButtonTertiary.js"));
 const GridBlocks = (props) => {
     const { blocks, twocol, 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)('GridBlocks', [twocol && 'twocol']), ref: ref }, blocks.map(({ title, summary, href, links = [], icon, image }, i) => {
         const imageProps = icon ? { src: (0, assets_1.getEfnistaknUrl)(icon) } : image;
         return (react_1.default.createElement("div", { key: i, className: "GridBlocks__item" },
-            imageProps && react_1.default.createElement(_Image_1.Image, Object.assign({ className: "GridBlocks__illustration" }, imageProps)),
+            imageProps && react_1.default.createElement(_Image_js_1.Image, Object.assign({ className: "GridBlocks__illustration" }, imageProps)),
             react_1.default.createElement("div", { className: "GridBlocks__textwrap" },
-                react_1.default.createElement("h3", { className: "GridBlocks__item__title" }, href != null ? (react_1.default.createElement(_Link_1.Link, { className: "GridBlocks__item__titlelink", href: href }, title)) : (title)),
+                react_1.default.createElement("h3", { className: "GridBlocks__item__title" }, href != null ? (react_1.default.createElement(_Link_js_1.Link, { className: "GridBlocks__item__titlelink", href: href }, title)) : (title)),
                 react_1.default.createElement("div", { className: "GridBlocks__item__summary" }, summary),
                 react_1.default.createElement("ul", { className: "GridBlocks__links" }, links.map((link, i) => {
                     return (react_1.default.createElement("li", { key: i, className: "GridBlocks__link" },
-                        react_1.default.createElement(ButtonTertiary_1.default, Object.assign({}, link))));
+                        react_1.default.createElement(ButtonTertiary_js_1.default, Object.assign({}, link))));
                 })))));
     })));
 };

package/Heading.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ComponentLayoutProps } from './constants';
+import { ComponentLayoutProps } from './constants.js';
 declare const sizes: {
     readonly small: "small";
     /** Default value */

package/HeroBlock.d.ts

@@ -1,7 +1,7 @@
 import { Illustration } from '@reykjavik/hanna-utils/assets';
-import { ButtonProps } from './_abstract/_Button';
-import { ImageProps } from './_abstract/_Image';
-import { SeenProp } from './utils/seenEffect';
+import { ButtonProps } from './_abstract/_Button.js';
+import { ImageProps } from './_abstract/_Image.js';
+import { SeenProp } from './utils/seenEffect.js';
 type HeroBlockImageProps = {
     illustration: Illustration;
     image?: undefined;