@reykjavik/hanna-react 0.10.84 → 0.10.85

package/Illustration.d.ts

@@ -1,6 +1,6 @@
 import { EitherObj } from '@reykjavik/hanna-utils';
 import { Illustration as IllustrationName } from '@reykjavik/hanna-utils/assets';
-import { ImageProps } from './_abstract/_Image';
+import { ImageProps } from './_abstract/_Image.js';
 type IllustrationProps = EitherObj<{
     type: IllustrationName;
 }, {

package/Illustration.js

@@ -4,10 +4,10 @@ exports.Illustration = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Image_1 = require("./_abstract/_Image");
+const _Image_js_1 = require("./_abstract/_Image.js");
 const Illustration = (props) => {
     const imgProps = props.type ? { src: (0, assets_1.getIllustrationUrl)(props.type) } : props.image;
-    return react_1.default.createElement(_Image_1.Image, Object.assign({ className: "Illustration" }, imgProps));
+    return react_1.default.createElement(_Image_js_1.Image, Object.assign({ className: "Illustration" }, imgProps));
 };
 exports.Illustration = Illustration;
 exports.default = exports.Illustration;

package/ImageCards.d.ts

@@ -1,5 +1,5 @@
-import { CardListSummaryProps, ImageCardListProps, ImageCardProps as _ImageCardProps } from './_abstract/_CardList';
-import { SeenProp } from './utils/seenEffect';
+import { CardListSummaryProps, ImageCardListProps, ImageCardProps as _ImageCardProps } from './_abstract/_CardList.js';
+import { SeenProp } from './utils/seenEffect.js';
 export type ImageCardsItemProps = _ImageCardProps;
 /** @deprecated Use `ImageCardsItemProps` instead.  (Will be removed in v0.11) */
 export type ImageCardProps = ImageCardsItemProps;

package/ImageCards.js

@@ -4,13 +4,13 @@ exports.ImageCards = 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 seenEffect_1 = require("./utils/seenEffect");
+const _CardList_js_1 = require("./_abstract/_CardList.js");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
 const ImageCards = (props) => {
     const { background, startSeen } = props, cardListProps = tslib_1.__rest(props, ["background", "startSeen"]);
-    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)('ImageCards', background && 'background'), ref: ref },
-        react_1.default.createElement(_CardList_1.CardList, Object.assign({}, cardListProps, { bemPrefix: "ImageCards", imgPlaceholder: props.imgPlaceholder || true }))));
+        react_1.default.createElement(_CardList_js_1.CardList, Object.assign({}, cardListProps, { bemPrefix: "ImageCards", imgPlaceholder: props.imgPlaceholder || true }))));
 };
 exports.ImageCards = ImageCards;
 exports.default = exports.ImageCards;

package/InfoBlock.d.ts

@@ -1,5 +1,5 @@
 import { EitherObj } from '@reykjavik/hanna-utils';
-import { SeenProp } from './utils/seenEffect';
+import { SeenProp } from './utils/seenEffect.js';
 export type InfoBlockProps = {
     title: string;
     subtitle?: string | JSX.Element;

package/InfoBlock.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InfoBlock = 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 InfoBlock = (props) => {
     const { title, subtitle, items, startSeen } = props;
-    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(startSeen);
     return (react_1.default.createElement("div", { className: "InfoBlock", ref: ref },
         react_1.default.createElement("h2", { className: "InfoBlock__title" }, title),
         subtitle && react_1.default.createElement("div", { className: "InfoBlock__subtitle" }, subtitle),

package/InfoHero.d.ts

@@ -1,6 +1,6 @@
-import { ButtonProps } from './_abstract/_Button';
-import { ImageProps } from './_abstract/_Image';
-import { Alignment } from './constants';
+import { ButtonProps } from './_abstract/_Button.js';
+import { ImageProps } from './_abstract/_Image.js';
+import { Alignment } from './constants.js';
 type BlingOptions = 'waves' | 'sunny-waves' | 'triangles' | 'circles';
 export type InfoHeroProps = {
     title: string;

package/InfoHero.js

@@ -4,11 +4,11 @@ exports.InfoHero = 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 _Blings_1 = require("./_abstract/_Blings");
-const _Image_1 = require("./_abstract/_Image");
-const breakOnNL_1 = require("./_abstract/breakOnNL");
-const ButtonTertiary_1 = tslib_1.__importDefault(require("./ButtonTertiary"));
-const constants_1 = require("./constants");
+const _Blings_js_1 = require("./_abstract/_Blings.js");
+const _Image_js_1 = require("./_abstract/_Image.js");
+const breakOnNL_js_1 = require("./_abstract/breakOnNL.js");
+const ButtonTertiary_js_1 = tslib_1.__importDefault(require("./ButtonTertiary.js"));
+const constants_js_1 = require("./constants.js");
 const blingOptions = {
     waves: [
         {
@@ -70,19 +70,19 @@ const blingOptions = {
 const InfoHero = (props) => {
     const { title, titleBlurb, subTitle, blurb, image, buttons = [], footer, align, blingType, } = props;
     const showButtons = Boolean(buttons.length);
-    const alignment = align && constants_1.aligns[align] ? align : 'right';
+    const alignment = align && constants_js_1.aligns[align] ? align : 'right';
     const blings = (blingType && blingOptions[blingType]) ||
         blingOptions.waves; // default to `waves`
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('InfoHero', 'align--' + alignment) },
         react_1.default.createElement("div", { className: "InfoHero__content" },
             react_1.default.createElement("h1", { className: "InfoHero__title" }, title),
             titleBlurb && react_1.default.createElement("div", { className: "InfoHero__titleblurb" }, titleBlurb),
-            subTitle && react_1.default.createElement("div", { className: "InfoHero__subtitle" }, (0, breakOnNL_1.breakOnNL)(subTitle)),
+            subTitle && react_1.default.createElement("div", { className: "InfoHero__subtitle" }, (0, breakOnNL_js_1.breakOnNL)(subTitle)),
             blurb && react_1.default.createElement("div", { className: "InfoHero__blurb" }, blurb),
-            showButtons && (react_1.default.createElement("div", { className: "InfoHero__buttons" }, buttons.map((buttonProps, i) => (react_1.default.createElement(ButtonTertiary_1.default, Object.assign({ key: i }, buttonProps)))))),
+            showButtons && (react_1.default.createElement("div", { className: "InfoHero__buttons" }, buttons.map((buttonProps, i) => (react_1.default.createElement(ButtonTertiary_js_1.default, Object.assign({ key: i }, buttonProps)))))),
             footer && react_1.default.createElement("div", { className: "InfoHero__footer" }, footer)),
-        react_1.default.createElement(_Image_1.Image, Object.assign({ className: "InfoHero__image", altText: title }, image, { placeholder: true })),
-        react_1.default.createElement(_Blings_1.Blings, { blings: blings, mirror: alignment === 'right' })));
+        react_1.default.createElement(_Image_js_1.Image, Object.assign({ className: "InfoHero__image", altText: title }, image, { placeholder: true })),
+        react_1.default.createElement(_Blings_js_1.Blings, { blings: blings, mirror: alignment === 'right' })));
 };
 exports.InfoHero = InfoHero;
 exports.default = exports.InfoHero;

package/IslandBlock.d.ts

@@ -1,8 +1,8 @@
 import { Formheimur } from '@reykjavik/hanna-utils/assets';
-import { BlockItem } from './_abstract/_Block';
-import { ImageProps } from './_abstract/_Image';
-import { SeenProp } from './utils/seenEffect';
-import { Alignment } from './constants';
+import { BlockItem } from './_abstract/_Block.js';
+import { ImageProps } from './_abstract/_Image.js';
+import { SeenProp } from './utils/seenEffect.js';
+import { Alignment } from './constants.js';
 type IslandBaseBlockProps = {
     align?: Alignment;
 };

package/IslandBlock.js

@@ -4,18 +4,18 @@ exports.IslandBlock = 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 IslandBlock = (props) => {
     const { align, content, shapes, image, startSeen } = props;
-    const alignment = align && constants_1.aligns[align] ? align : 'right';
+    const alignment = align && constants_js_1.aligns[align] ? align : 'right';
     const blockProps = Array.isArray(content)
         ? { content }
         : {
             content,
             image: shapes ? { src: (0, assets_1.getFormheimurUrl)(shapes), inline: true } : image || {},
         };
-    return (react_1.default.createElement(_Block_1.Block, Object.assign({ bem: "IslandBlock", modifier: 'align--' + alignment }, blockProps, { startSeen: startSeen })));
+    return (react_1.default.createElement(_Block_js_1.Block, Object.assign({ bem: "IslandBlock", modifier: 'align--' + alignment }, blockProps, { startSeen: startSeen })));
 };
 exports.IslandBlock = IslandBlock;
 exports.default = exports.IslandBlock;

package/IslandPageBlock.d.ts

@@ -1,8 +1,8 @@
 import { Illustration } from '@reykjavik/hanna-utils/assets';
-import { BlockItem } from './_abstract/_Block';
-import { ImageProps } from './_abstract/_Image';
-import { SeenProp } from './utils/seenEffect';
-import { Alignment } from './constants';
+import { BlockItem } from './_abstract/_Block.js';
+import { ImageProps } from './_abstract/_Image.js';
+import { SeenProp } from './utils/seenEffect.js';
+import { Alignment } from './constants.js';
 declare const backgrounds: {
     none: undefined;
     gray: string;

package/IslandPageBlock.js

@@ -4,8 +4,8 @@ exports.IslandPageBlock = 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 backgrounds = {
     none: undefined,
     gray: 'gray',
@@ -13,9 +13,9 @@ const backgrounds = {
 };
 const IslandPageBlock = (props) => {
     const { title, summary, buttons, illustration, image, align, background, startSeen } = props;
-    const alignment = align && constants_1.aligns[align] ? align : 'right';
+    const alignment = align && constants_js_1.aligns[align] ? align : 'right';
     const bg = backgrounds[background || 'none'];
-    return (react_1.default.createElement(_Block_1.Block, { bem: "IslandPageBlock", modifier: ['align--' + alignment, bg && 'background--' + bg], content: { title, summary, buttons }, image: illustration ? { src: (0, assets_1.getIllustrationUrl)(illustration) } : image || {}, startSeen: startSeen }));
+    return (react_1.default.createElement(_Block_js_1.Block, { bem: "IslandPageBlock", modifier: ['align--' + alignment, bg && 'background--' + bg], content: { title, summary, buttons }, image: illustration ? { src: (0, assets_1.getIllustrationUrl)(illustration) } : image || {}, startSeen: startSeen }));
 };
 exports.IslandPageBlock = IslandPageBlock;
 exports.default = exports.IslandPageBlock;

package/LabeledTextBlock.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { ButtonProps } from './_abstract/_Button';
-import { SeenProp } from './utils/seenEffect';
+import { ButtonProps } from './_abstract/_Button.js';
+import { SeenProp } from './utils/seenEffect.js';
 export type LabeledTextBlockProps = {
     label: string;
     summary: string | ReactElement;

package/LabeledTextBlock.js

@@ -4,16 +4,16 @@ exports.LabeledTextBlock = 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 ButtonTertiary_1 = tslib_1.__importDefault(require("./ButtonTertiary"));
+const seenEffect_js_1 = require("./utils/seenEffect.js");
+const ButtonTertiary_js_1 = tslib_1.__importDefault(require("./ButtonTertiary.js"));
 const LabeledTextBlock = (props) => {
     const { label, summary, wide, buttons = [], 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)('LabeledTextBlock', wide && 'wide'), ref: ref },
         react_1.default.createElement("h2", { className: "LabeledTextBlock__label" }, label),
         react_1.default.createElement("div", { className: "LabeledTextBlock__summary" },
             summary,
-            buttons.map((button, i) => (react_1.default.createElement(ButtonTertiary_1.default, Object.assign({ key: i }, button)))))));
+            buttons.map((button, i) => (react_1.default.createElement(ButtonTertiary_js_1.default, Object.assign({ key: i }, button)))))));
 };
 exports.LabeledTextBlock = LabeledTextBlock;
 exports.default = exports.LabeledTextBlock;

package/Layout.d.ts

@@ -3,7 +3,7 @@ import { BemPropsModifier } from '@hugsmidjan/react/types';
 import type { HannaColorTheme } from '@reykjavik/hanna-css';
 import { EitherObj } from '@reykjavik/hanna-utils';
 import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
-import { SSRSupport } from './utils';
+import { SSRSupport } from './utils.js';
 export type LayoutI18n = {
     lang?: string;
     skipLinkLabel: string;

package/Layout.js

@@ -6,12 +6,12 @@ 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 i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _Image_1 = require("./_abstract/_Image");
-const _Link_1 = require("./_abstract/_Link");
-const HannaUIState_1 = require("./utils/HannaUIState");
-const useMenuToggling_1 = require("./utils/useMenuToggling");
-const useScrollbarWidthCSSVar_1 = require("./utils/useScrollbarWidthCSSVar");
-const utils_1 = require("./utils");
+const _Image_js_1 = require("./_abstract/_Image.js");
+const _Link_js_1 = require("./_abstract/_Link.js");
+const HannaUIState_js_1 = require("./utils/HannaUIState.js");
+const useMenuToggling_js_1 = require("./utils/useMenuToggling.js");
+const useScrollbarWidthCSSVar_js_1 = require("./utils/useScrollbarWidthCSSVar.js");
+const utils_js_1 = require("./utils.js");
 exports.defaultLayoutTexts = {
     is: {
         lang: 'is',
@@ -27,30 +27,30 @@ exports.defaultLayoutTexts = {
     },
 };
 const Layout = (props) => {
-    (0, useScrollbarWidthCSSVar_1.useScrollbarWidthCSSVar)();
+    (0, useScrollbarWidthCSSVar_js_1.useScrollbarWidthCSSVar)();
     const { ssr, globalAlerts, mainChildren, navChildren, footerChildren, colorTheme, children, siteName = 'Reykjavík', logoLink = '/', } = props;
-    const { isMenuActive, isMenuOpen, closeMenu, toggleMenu } = (0, useMenuToggling_1.useMenuToggling)(ssr !== 'ssr-only');
-    const isBrowser = (0, utils_1.useIsBrowserSide)( /* ssr */);
+    const { isMenuActive, isMenuOpen, closeMenu, toggleMenu } = (0, useMenuToggling_js_1.useMenuToggling)(ssr !== 'ssr-only');
+    const isBrowser = (0, utils_js_1.useIsBrowserSide)( /* ssr */);
     const txt = (0, i18n_1.getTexts)(props, exports.defaultLayoutTexts);
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('Layout', props.modifier), "data-sprinkled": isBrowser, "data-color-theme": colorTheme },
         globalAlerts && (react_1.default.createElement("div", { className: "Layout__alerts", role: "alert" }, globalAlerts)),
         react_1.default.createElement("div", { className: "Layout__content" },
             react_1.default.createElement("div", { className: "Layout__header", role: "banner" },
-                react_1.default.createElement(_Link_1.Link, { className: "Layout__header__logo", href: logoLink },
+                react_1.default.createElement(_Link_js_1.Link, { className: "Layout__header__logo", href: logoLink },
                     ' ',
-                    react_1.default.createElement(_Image_1.Image, { className: undefined, inline: true, src: (0, assets_1.getAssetUrl)('reykjavik-logo.svg') }),
+                    react_1.default.createElement(_Image_js_1.Image, { className: undefined, inline: true, src: (0, assets_1.getAssetUrl)('reykjavik-logo.svg') }),
                     ' ',
                     siteName,
                     ' '),
                 ' ',
-                navChildren && (react_1.default.createElement(_Link_1.Link, { className: "Layout__header__skiplink", href: "#pagenav", onClick: isMenuActive &&
+                navChildren && (react_1.default.createElement(_Link_js_1.Link, { className: "Layout__header__skiplink", href: "#pagenav", onClick: isMenuActive &&
                         ((e) => {
                             e.preventDefault();
                             toggleMenu();
                         }), "aria-label": txt.skipLinkLabel }, txt.skipLinkLabel))),
             react_1.default.createElement("div", { className: "Layout__main", role: "main" }, mainChildren || children),
             navChildren && (react_1.default.createElement("div", { className: "Layout__nav", id: "pagenav", role: "navigation" },
-                react_1.default.createElement(HannaUIState_1.HannaUIState, { value: {
+                react_1.default.createElement(HannaUIState_js_1.HannaUIState, { value: {
                         closeHamburgerMenu: closeMenu,
                         isHamburgerMenuOpen: isMenuOpen,
                     } }, navChildren),

package/MainMenu/_Auxiliary.d.ts

@@ -1,4 +1,4 @@
-import { MegaMenuPanel } from './_PrimaryPanel';
+import { MegaMenuPanel } from './_PrimaryPanel.js';
 export type AuxilaryPanelIllustration = 'hanna-veitiggi' | 'hanna-vandro' | 'hanna-hugsi' | 'hanna-hissa' | 'hanna-hahaha' | 'hanna-hae' | 'hanna-god_spurning' | 'hanna-gjuggiborg' | 'hanna-benda';
 export type AuxiliaryPanelProps = MegaMenuPanel & {
     image?: AuxilaryPanelIllustration;

package/MainMenu/_Auxiliary.js

@@ -4,7 +4,7 @@ exports.AuxiliaryPanel = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Link_1 = require("../_abstract/_Link");
+const _Link_js_1 = require("../_abstract/_Link.js");
 const AuxiliaryPanel = (props) => {
     const { title, id, items, image } = props;
     const imageUrl = image ? (0, assets_1.getIllustrationUrl)(image) : image;
@@ -13,6 +13,6 @@ const AuxiliaryPanel = (props) => {
             : undefined },
         react_1.default.createElement("h3", { className: "AuxiliaryPanel__title" }, title),
         react_1.default.createElement("ul", { className: "AuxiliaryPanel__items" }, items.map((item, i) => (react_1.default.createElement("li", { key: i, className: "AuxiliaryPanel__item", "aria-current": item.current || undefined },
-            react_1.default.createElement(_Link_1.Link, { className: "AuxiliaryPanel__link", href: item.href, target: item.target, lang: item.lang }, item.label)))))));
+            react_1.default.createElement(_Link_js_1.Link, { className: "AuxiliaryPanel__link", href: item.href, target: item.target, lang: item.lang }, item.label)))))));
 };
 exports.AuxiliaryPanel = AuxiliaryPanel;

package/MainMenu/_PrimaryPanel.js

@@ -4,7 +4,7 @@ exports.PrimaryPanel = 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 _Link_1 = require("../_abstract/_Link");
+const _Link_js_1 = require("../_abstract/_Link.js");
 const PrimaryPanel = (props) => {
     const { setActivePanel, panel, isParent, isActive, isBrowser, texts } = props;
     const { items } = panel;
@@ -17,7 +17,7 @@ const PrimaryPanel = (props) => {
             ' ',
             isBrowser && !isActive ? (react_1.default.createElement("button", { className: "MainMenu__mega__title-toggler", "aria-controls": panel.id, onClick: () => setActivePanel(panel, false), "aria-pressed": isActive, type: "button" }, panel.title)) : (panel.title)),
         react_1.default.createElement("ul", { className: "PrimaryPanel__items" }, items.map((item, i) => (react_1.default.createElement("li", { key: i, className: "PrimaryPanel__item", "aria-current": item.current || undefined },
-            react_1.default.createElement(_Link_1.Link, { className: "PrimaryPanel__link", href: item.href, target: item.target, lang: item.lang },
+            react_1.default.createElement(_Link_js_1.Link, { className: "PrimaryPanel__link", href: item.href, target: item.target, lang: item.lang },
                 react_1.default.createElement("span", { className: "PrimaryPanel__linkTitle" }, item.label),
                 ' ',
                 react_1.default.createElement("small", { className: "PrimaryPanel__summary" }, item.summary),

package/MainMenu.d.ts

@@ -1,8 +1,8 @@
 import { Cleanup } from '@reykjavik/hanna-utils';
 import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
-import { AuxilaryPanelIllustration, AuxiliaryPanelProps } from './MainMenu/_Auxiliary';
-import { MegaMenuItem, MegaMenuPanel, PrimaryPanelI18n } from './MainMenu/_PrimaryPanel';
-import { SSRSupport } from './utils';
+import { AuxilaryPanelIllustration, AuxiliaryPanelProps } from './MainMenu/_Auxiliary.js';
+import { MegaMenuItem, MegaMenuPanel, PrimaryPanelI18n } from './MainMenu/_PrimaryPanel.js';
+import { SSRSupport } from './utils.js';
 export type MainMenuI18n = Cleanup<{
     lang?: string;
     homeLabel?: string;

package/MainMenu.js

@@ -8,12 +8,12 @@ const useShortState_1 = tslib_1.__importDefault(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 _Auxiliary_1 = require("./MainMenu/_Auxiliary");
-const _PrimaryPanel_1 = require("./MainMenu/_PrimaryPanel");
-const HannaUIState_1 = require("./utils/HannaUIState");
-const useFormatMonitor_1 = require("./utils/useFormatMonitor");
-const utils_1 = require("./utils");
+const _Link_js_1 = require("./_abstract/_Link.js");
+const _Auxiliary_js_1 = require("./MainMenu/_Auxiliary.js");
+const _PrimaryPanel_js_1 = require("./MainMenu/_PrimaryPanel.js");
+const HannaUIState_js_1 = require("./utils/HannaUIState.js");
+const useFormatMonitor_js_1 = require("./utils/useFormatMonitor.js");
+const utils_js_1 = require("./utils.js");
 const findActivePanel = (megaPanels, activeId) => activeId ? megaPanels.find((panel) => activeId === panel.id) : undefined;
 exports.defaultMainMenuTexts = {
     is: {
@@ -84,11 +84,13 @@ const normalizeMenuItems = (itemsProp, megaPanels, homeLink, texts) => {
     }
     return items;
 };
+// ---------------------------------------------------------------------------
+const emptyPanelList = [];
 const MainMenu = (props) => {
-    const { title, megaPanels = [], onItemClick, ssr, auxiliaryPanel } = props;
+    const { title, megaPanels = emptyPanelList, onItemClick, ssr, auxiliaryPanel } = props;
     const texts = (0, i18n_1.getTexts)(props, exports.defaultMainMenuTexts);
-    const { closeHamburgerMenu } = (0, HannaUIState_1.useHannaUIState)();
-    const isBrowser = (0, utils_1.useIsBrowserSide)(ssr);
+    const { closeHamburgerMenu } = (0, HannaUIState_js_1.useHannaUIState)();
+    const isBrowser = (0, utils_js_1.useIsBrowserSide)(ssr);
     const menuElmRef = (0, react_1.useRef)(null);
     const pressedLinkRef = (0, react_1.useRef)(null);
     const activePanelRef = (0, react_1.useRef)(null);
@@ -133,7 +135,7 @@ const MainMenu = (props) => {
             });
         }
         : () => undefined, [setLaggyActivePanel, isBrowser]);
-    (0, useFormatMonitor_1.useFormatMonitor)((media) => {
+    (0, useFormatMonitor_js_1.useFormatMonitor)((media) => {
         if (media.leftTopmenu) {
             setActivePanel(undefined);
         }
@@ -201,7 +203,7 @@ const MainMenu = (props) => {
                     }
                 }, ref: pressed && pressedLinkRef, "aria-pressed": pressed, "aria-controls": controlsId, "aria-label": labelLong, title: labelLong, lang: lang, type: "button" }, label)) : item.href != null ? (
             // always render links server-side
-            react_1.default.createElement(_Link_1.Link, { className: "MainMenu__link", href: item.href, "aria-label": labelLong, title: labelLong, onClick: () => {
+            react_1.default.createElement(_Link_js_1.Link, { className: "MainMenu__link", href: item.href, "aria-label": labelLong, title: labelLong, onClick: () => {
                     const keepOpen = onItemClick && onItemClick(i, item) === false;
                     !keepOpen && closeHamburgerMenu();
                 }, lang: lang }, label)) : undefined // skip rendering non-link menu items server side
@@ -216,9 +218,9 @@ const MainMenu = (props) => {
                     }
                     const isActive = activePanel === panel || laggyActivePanel === panel || undefined;
                     const isParent = !!panel.items.find((item) => item.current);
-                    return (react_1.default.createElement(_PrimaryPanel_1.PrimaryPanel, { key: i, isParent: isParent, isActive: isActive, panel: panel, isBrowser: isBrowser, setActivePanel: setActivePanel, texts: texts, activeRef: activePanelRef }));
+                    return (react_1.default.createElement(_PrimaryPanel_js_1.PrimaryPanel, { key: i, isParent: isParent, isActive: isActive, panel: panel, isBrowser: isBrowser, setActivePanel: setActivePanel, texts: texts, activeRef: activePanelRef }));
                 }),
-                auxiliaryPanel && react_1.default.createElement(_Auxiliary_1.AuxiliaryPanel, Object.assign({}, auxiliaryPanel)))))));
+                auxiliaryPanel && react_1.default.createElement(_Auxiliary_js_1.AuxiliaryPanel, Object.assign({}, auxiliaryPanel)))))));
 };
 exports.MainMenu = MainMenu;
 exports.default = exports.MainMenu;

package/MiniMetrics.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from './_abstract/_Button';
-import { SeenProp } from './utils/seenEffect';
+import { ButtonProps } from './_abstract/_Button.js';
+import { SeenProp } from './utils/seenEffect.js';
 export type MiniMetricsProps = {
     text: string;
     moreButton: ButtonProps;

package/MiniMetrics.js

@@ -3,15 +3,15 @@ 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 = require("./_abstract/_Button");
-const SeenEffect_1 = tslib_1.__importDefault(require("./SeenEffect"));
+const _Button_js_1 = require("./_abstract/_Button.js");
+const SeenEffect_js_1 = tslib_1.__importDefault(require("./SeenEffect.js"));
 const MiniMetrics = (props) => {
     const { text, moreButton, startSeen } = props;
-    return (react_1.default.createElement(SeenEffect_1.default, { className: "MiniMetrics", startSeen: startSeen },
+    return (react_1.default.createElement(SeenEffect_js_1.default, { className: "MiniMetrics", startSeen: startSeen },
         react_1.default.createElement("strong", { className: "MiniMetrics__text" }, text),
         " ",
         '\n',
-        react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "MiniMetrics__more" }, moreButton))));
+        react_1.default.createElement(_Button_js_1.Button, Object.assign({ bem: "MiniMetrics__more" }, moreButton))));
 };
 exports.MiniMetrics = MiniMetrics;
 exports.default = exports.MiniMetrics;

package/NameCard.js

@@ -5,8 +5,8 @@ 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 = require("./_abstract/_Button");
-const breakOnNL_1 = require("./_abstract/breakOnNL");
+const _Button_js_1 = require("./_abstract/_Button.js");
+const breakOnNL_js_1 = require("./_abstract/breakOnNL.js");
 const formatDate = (date) => {
     return typeof date === 'string'
         ? date
@@ -22,7 +22,7 @@ const _telToContactInfo = (tel) => {
         value: tel,
     }));
 };
-const renderContent = (content) => typeof content === 'string' ? (0, breakOnNL_1.breakOnNL)(content) : content;
+const renderContent = (content) => typeof content === 'string' ? (0, breakOnNL_js_1.breakOnNL)(content) : content;
 const defaultTexts = {
     en: {
         updatedLabel: 'Updated on',
@@ -76,7 +76,7 @@ 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.Button, { 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_js_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)),

package/NameCards.d.ts

@@ -1,4 +1,4 @@
-import { NameCardProps } from './NameCard';
+import { NameCardProps } from './NameCard.js';
 type NameCardsProps = {
     items: Array<NameCardProps>;
 };

package/NameCards.js

@@ -3,10 +3,10 @@ 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"));
+const NameCard_js_1 = tslib_1.__importDefault(require("./NameCard.js"));
 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))))));
+    return (react_1.default.createElement("div", { className: "NameCards" }, items.map((item, i) => (react_1.default.createElement(NameCard_js_1.default, Object.assign({ key: i }, item))))));
 };
 exports.NameCards = NameCards;
 exports.default = exports.NameCards;

package/NewsHero.d.ts

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

package/NewsHero.js

@@ -5,10 +5,10 @@ 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 = require("./_abstract/_Blings");
-const _Image_1 = require("./_abstract/_Image");
-const seenEffect_1 = require("./utils/seenEffect");
-const ShareButtons_1 = tslib_1.__importDefault(require("./ShareButtons"));
+const _Blings_js_1 = require("./_abstract/_Blings.js");
+const _Image_js_1 = require("./_abstract/_Image.js");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
+const ShareButtons_js_1 = tslib_1.__importDefault(require("./ShareButtons.js"));
 const blingOptions = {
     interesting: [
         {
@@ -77,15 +77,15 @@ const blingOptions = {
 };
 const NewsHero = (props) => {
     const { title, sharing = true, meta, summary, image, blingType, startSeen } = props;
-    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(startSeen);
     const blings = (blingType && blingOptions[blingType]) || (0, hanna_utils_1.getStableRandomItem)(blingOptions, title);
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('NewsHero', [!image && 'align--right']), ref: ref },
         react_1.default.createElement("div", { className: "NewsHero__content" },
             react_1.default.createElement("h1", { className: "NewsHero__title" }, title),
             meta && react_1.default.createElement("span", { className: "NewsHero__meta" }, meta),
             react_1.default.createElement("div", { className: "NewsHero__summary" }, summary),
-            sharing === true ? react_1.default.createElement(ShareButtons_1.default, null) : sharing && sharing()),
-        image ? (react_1.default.createElement(_Image_1.Image, Object.assign({ className: "NewsHero__image" }, image))) : (react_1.default.createElement(_Blings_1.Blings, { blings: blings }))));
+            sharing === true ? react_1.default.createElement(ShareButtons_js_1.default, null) : sharing && sharing()),
+        image ? (react_1.default.createElement(_Image_js_1.Image, Object.assign({ className: "NewsHero__image" }, image))) : (react_1.default.createElement(_Blings_js_1.Blings, { blings: blings }))));
 };
 exports.NewsHero = NewsHero;
 exports.default = exports.NewsHero;

package/PageFilter.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { EitherObj } from '@reykjavik/hanna-utils';
-import { SeenProp } from './utils/seenEffect';
+import { SeenProp } from './utils/seenEffect.js';
 export type PageFilterProps = {
     title: string;
     summary?: React.ReactNode;

package/PageFilter.js

@@ -4,17 +4,17 @@ 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"));
-const seenEffect_1 = require("./utils/seenEffect");
-const Footnote_1 = tslib_1.__importDefault(require("./Footnote"));
+const seenEffect_js_1 = require("./utils/seenEffect.js");
+const Footnote_js_1 = tslib_1.__importDefault(require("./Footnote.js"));
 const PageFilter = (props) => {
     const { title, summary, footnote, filters, children, buttonRow, underlap, 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)('PageFilter', underlap && 'underlap'), ref: ref },
         react_1.default.createElement("h2", { className: "PageFilter__title" }, title),
         summary && react_1.default.createElement("div", { className: "PageFilter__summary" }, summary),
         react_1.default.createElement("div", { className: "PageFilter__filters" }, filters || children),
         react_1.default.createElement("div", { className: "PageFilter__buttons" }, buttonRow),
-        footnote && react_1.default.createElement(Footnote_1.default, null, footnote)));
+        footnote && react_1.default.createElement(Footnote_js_1.default, null, footnote)));
 };
 exports.PageFilter = PageFilter;
 exports.default = exports.PageFilter;

package/PageHeading.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SeenProp } from './utils/seenEffect';
+import { SeenProp } from './utils/seenEffect.js';
 export type PageHeadingProps = {
     Tag?: 'h1' | 'h2';
     align?: 'right';