@reykjavik/hanna-react 0.10.103 → 0.10.104

package/esm/Datepicker.js

@@ -1,9 +1,10 @@
 import React from 'react';
-import { useDomid } from '@hugsmidjan/react/hooks';
+import { getTexts } from '@reykjavik/hanna-utils/i18n';
 // For more info on localization see: https://stackoverflow.com/questions/54399084/change-locale-in-react-datepicker/58306958#58306958
 import is from 'date-fns/locale/is/index.js';
 import pl from 'date-fns/locale/pl/index.js';
 import { ReactDatePicker, registerLocale, } from './_mixed_export_resolution_/ReactDatepicker.js'; // Docs: https://reactdatepicker.com/
+import { useDomid } from './utils/useDomid.js';
 import { FormField, groupFormFieldWrapperProps, } from './FormField.js';
 import { useMixedControlState } from './utils.js';
 registerLocale('is', is);
@@ -17,8 +18,9 @@ export const getDateDiff = (refDate, dayOffset) => {
     newDate.setDate(newDate.getDate() + dayOffset);
     return newDate;
 };
-const i18n = {
+const defaultDatepickerTexts = {
     is: {
+        ariaLabelClose: 'Loka',
         nextMonthAriaLabel: 'Næsti mánuður',
         nextMonthButtonLabel: 'Næsti mánuður',
         nextYearAriaLabel: 'Næsta ár',
@@ -27,14 +29,34 @@ const i18n = {
         previousMonthButtonLabel: 'Fyrri mánuður',
         previousYearAriaLabel: 'Fyrra ár',
         previousYearButtonLabel: 'Fyrra ár',
-        timeInputLabel: 'Tími: ',
-        weekAriaLabelPrefix: 'Vika: ',
+        timeInputLabel: 'Tími:',
+        weekAriaLabelPrefix: 'Vika:',
         weekLabel: 'Vika',
-        ariaLabelPrefix: 'Mánuður:',
+        monthAriaLabelPrefix: 'Mánuður:',
         chooseDayAriaLabelPrefix: 'Veldu:',
-        disabledDayAriaLabelPrefix: 'Dagsetning ekki í boði',
+        disabledDayAriaLabelPrefix: 'Ekki í boði:',
+    },
+    // React-datepicker has its own (default) English translation built in.
+    // No need to repeat all of it here.
+    en: {
+        // ariaLabelClose: 'Close',
+        // nextMonthAriaLabel: 'Next month',
+        // nextMonthButtonLabel: 'Next month',
+        // nextYearAriaLabel: 'Next year',
+        // nextYearButtonLabel: 'Next year',
+        // previousMonthAriaLabel: 'Previous month',
+        // previousMonthButtonLabel: 'Previous month',
+        // previousYearAriaLabel: 'Previous year',
+        // previousYearButtonLabel: 'Previous year',
+        // timeInputLabel: 'Time:',
+        // weekAriaLabelPrefix: 'Week:',
+        // weekLabel: 'Week',
+        monthAriaLabelPrefix: 'Month:',
+        chooseDayAriaLabelPrefix: 'Choose:',
+        disabledDayAriaLabelPrefix: 'Not available:',
     },
     pl: {
+        ariaLabelClose: 'Zamknij',
         nextMonthAriaLabel: 'Następny miesiącu',
         nextMonthButtonLabel: 'Następny miesiącu',
         nextYearAriaLabel: 'Następny rok',
@@ -43,12 +65,12 @@ const i18n = {
         previousMonthButtonLabel: 'Poprzedni miesiac',
         previousYearAriaLabel: 'Poprzedni rok',
         previousYearButtonLabel: 'Poprzedni rok',
-        timeInputLabel: 'Czas: ',
-        weekAriaLabelPrefix: 'Tydzień: ',
+        timeInputLabel: 'Czas:',
+        weekAriaLabelPrefix: 'Tydzień:',
         weekLabel: 'Tydzień',
-        ariaLabelPrefix: 'Miesiąc:',
+        monthAriaLabelPrefix: 'Miesiąc:',
         chooseDayAriaLabelPrefix: 'Wybierać:',
-        disabledDayAriaLabelPrefix: 'Data niedostępna',
+        disabledDayAriaLabelPrefix: 'Niedostępna:',
     },
 };
 /**
@@ -57,7 +79,7 @@ const i18n = {
  * Internally, this component uses the [`react-datepicker`](https://reactdatepicker.com/) component.
  */
 export const Datepicker = (props) => {
-    const { placeholder, localeCode = 'is', dateFormat = 'd.M.yyyy', name, startDate, endDate, minDate, maxDate, isStartDate = false, isEndDate = false, onChange, datepickerExtraProps, inputRef, isoMode, fieldWrapperProps, } = groupFormFieldWrapperProps(props);
+    const { placeholder, dateFormat = 'd.M.yyyy', name, startDate, endDate, minDate, maxDate, isStartDate = false, isEndDate = false, onChange, datepickerExtraProps, inputRef, isoMode, texts, lang = props.localeCode, fieldWrapperProps, } = groupFormFieldWrapperProps(props);
     const [value, setValue] = useMixedControlState.raw(props.value || props.initialDate, // eslint-disable-line deprecation/deprecation
     props.defaultValue, 'value');
     /*
@@ -66,7 +88,7 @@ export const Datepicker = (props) => {
     */
     // const [value, setValue] = useMixedControlState(props, 'value');
     const domid = useDomid(props.id);
-    const txts = i18n[localeCode] || {};
+    const txts = getTexts({ texts, lang }, defaultDatepickerTexts);
     const filled = !!value;
     const empty = !filled && !placeholder;
     return (React.createElement(FormField, Object.assign({ extraClassName: "Datepicker", filled: filled, empty: empty }, fieldWrapperProps, { renderInput: (className, inputProps, addFocusProps) => {
@@ -77,7 +99,7 @@ export const Datepicker = (props) => {
                         return elm;
                     }) }, addFocusProps()),
                 isoMode && (React.createElement("input", { type: "hidden", name: name, value: value === null || value === void 0 ? void 0 : value.toISOString().slice(0, 10) })),
-                React.createElement(ReactDatePicker, Object.assign({ id: domid, required: inputProps.required, disabled: inputProps.disabled, readOnly: inputProps.readOnly, selected: value, name: isoMode ? undefined : name, locale: localeCode, dateFormat: 
+                React.createElement(ReactDatePicker, Object.assign({ id: domid, required: inputProps.required, disabled: inputProps.disabled, readOnly: inputProps.readOnly, selected: value, name: isoMode ? undefined : name, locale: lang, dateFormat: 
                     // NOTE: Force all dateFormat values into Array<string> to temporarily work around
                     // a bug in the current version of react-datepicker where invalid `string` values
                     // are re-parsed with `new Date()`, causing surprising (weird) false positives

package/esm/FileInput.d.ts

@@ -1,3 +1,4 @@
+import { HannaLang } from '@reykjavik/hanna-utils/i18n';
 import { FileListProps } from './FileInput/_FileInputFileList.js';
 import { FormFieldWrappingProps } from './FormField.js';
 export type FileInputProps = FormFieldWrappingProps & {
@@ -15,7 +16,7 @@ export type FileInputProps = FormFieldWrappingProps & {
     accept?: string | Array<string>;
     dropzoneText: string | JSX.Element;
     removeFileText?: string;
-    lang?: string;
+    lang?: HannaLang;
     showFileSize?: boolean;
     showImagePreviews?: boolean;
     FileList?: false | ((props: FileListProps) => JSX.Element | null);

package/esm/FileInput.js

@@ -1,11 +1,11 @@
 import { __rest } from "tslib";
 import React, { useEffect, useRef, useState } from 'react';
 import { modifiedClass } from '@hugsmidjan/qj/classUtils';
-import { useDomid } from '@hugsmidjan/react/hooks';
 import { DEFAULT_LANG } from '@reykjavik/hanna-utils/i18n';
 import { useDropzone } from './_mixed_export_resolution_/ReactDropzone.js';
 import { addPreview, formatBytes, getFileListUpdate, releasePreview, } from './FileInput/_FileInput.utils.js';
 import { DefaultFileList } from './FileInput/_FileInputFileList.js';
+import { useDomid } from './utils/useDomid.js';
 import FormField, { groupFormFieldWrapperProps, } from './FormField.js';
 const defaultRemoveFileText = {
     is: 'Fjarlægja',

package/esm/FormField.js

@@ -1,8 +1,8 @@
 import { __rest } from "tslib";
 import React, { useCallback, useState } from 'react';
 import { modifiedClass } from '@hugsmidjan/qj/classUtils';
-import { useDomid } from '@hugsmidjan/react/hooks';
 import { isPreact } from './utils/env.js';
+import { useDomid } from './utils/useDomid.js';
 import { useIsBrowserSide } from './utils.js';
 const inputClassNames = {
     bem: 'FormField',

package/esm/Gallery.d.ts

@@ -1,3 +1,4 @@
+import { HannaLang } from '@reykjavik/hanna-utils/i18n';
 import { GalleryItemProps } from './Gallery/_GalleryItem.js';
 import { DeprecatedSeenProp } from './utils/seenEffect.js';
 import { SSRSupportProps, WrapperElmProps } from './utils.js';
@@ -10,7 +11,7 @@ export type GalleryI18n = {
 export type GalleryProps = {
     items: Array<GalleryItemProps>;
     texts?: GalleryI18n;
-    lang?: string;
+    lang?: HannaLang;
 } & SSRSupportProps & WrapperElmProps & DeprecatedSeenProp;
 export declare const Gallery: (props: GalleryProps) => JSX.Element;
 export default Gallery;

package/esm/Gallery.js

@@ -15,6 +15,11 @@ const defaultTexts = {
         modalPrevLabel: 'Fyrri mynd',
         modalCloseLabel: 'Til baka í grein',
     },
+    pl: {
+        modalNextLabel: 'Następne zdjęcie',
+        modalPrevLabel: 'Poprzednie zdjęcie',
+        modalCloseLabel: 'Powrót do artykułu',
+    },
 };
 export const Gallery = (props) => {
     const { items, ssr } = props;

package/esm/Layout.d.ts

@@ -1,14 +1,15 @@
 import { ReactNode } from 'react';
 import type { HannaColorTheme } from '@reykjavik/hanna-css';
 import { EitherObj } from '@reykjavik/hanna-utils';
-import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
+import { DefaultTexts, HannaLang } from '@reykjavik/hanna-utils/i18n';
 import { BemModifierProps } from './utils/types.js';
 import { SSRSupportProps, WrapperElmProps } from './utils.js';
 export type LayoutI18n = {
-    lang?: string;
     skipLinkLabel: string;
     closeMenuLabel: string;
     closeMenuLabelLong?: string;
+    /** @deprecated Not used (Will be removed in v0.11) */
+    lang?: string;
 };
 export declare const defaultLayoutTexts: DefaultTexts<LayoutI18n>;
 type LayoutProps = {
@@ -19,7 +20,7 @@ type LayoutProps = {
     logoLink?: string;
     siteName?: string;
     texts?: LayoutI18n;
-    lang?: string;
+    lang?: HannaLang;
 } & SSRSupportProps & WrapperElmProps & BemModifierProps & EitherObj<{
     mainChildren: ReactNode;
 }, {

package/esm/Layout.js

@@ -7,19 +7,16 @@ import { Link } from './_abstract/_Link.js';
 import { HannaUIState, useMenuToggling, useScrollbarWidthCSSVar, } from './utils.js';
 export const defaultLayoutTexts = {
     is: {
-        lang: 'is',
         skipLinkLabel: 'Valmynd',
         closeMenuLabel: 'Loka',
         closeMenuLabelLong: 'Loka valmynd',
     },
     en: {
-        lang: 'en',
         skipLinkLabel: 'Skip to navigation',
         closeMenuLabel: 'Close',
         closeMenuLabelLong: 'Close menu',
     },
     pl: {
-        lang: 'pl',
         skipLinkLabel: 'Przejdź do nawigacji',
         closeMenuLabel: 'Zamknij',
         closeMenuLabelLong: 'Zamknij menu',

package/esm/MainMenu/_PrimaryPanel.d.ts

@@ -1,19 +1,18 @@
 import React, { RefObject } from 'react';
-import { Modifiers } from '@hugsmidjan/react/types';
 import { EitherObj } from '@reykjavik/hanna-utils';
+import { BemModifierProps } from '../utils/types.js';
 export type PrimaryPanelI18n = {
     backToMenu: string;
     backToMenuLong?: string;
 };
 export type MegaMenuItem = {
     current?: boolean;
-    /** Puts a modifier className on the menu item element. */
-    modifier?: Modifiers;
-} & EitherObj<{
+} & BemModifierProps & EitherObj<{
     label: string;
     summary?: string;
     href: string;
     lang?: string;
+    hrefLang?: string;
     target?: React.HTMLAttributeAnchorTarget;
 }, {
     Content: () => JSX.Element;

package/esm/MainMenu/_PrimaryPanel.js

@@ -12,7 +12,7 @@ export const PrimaryPanel = (props) => {
         React.createElement("h3", { className: "PrimaryPanel__title" },
             ' ',
             isBrowser && !isActive ? (React.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.createElement("ul", { className: "PrimaryPanel__items" }, items.map((item, i) => (React.createElement("li", { key: i, className: modifiedClass('PrimaryPanel__item', item.modifier), "aria-current": item.current || undefined }, item.Content ? (React.createElement(item.Content, null)) : (React.createElement(Link, { className: "PrimaryPanel__link", href: item.href, target: item.target, lang: item.lang },
+        React.createElement("ul", { className: "PrimaryPanel__items" }, items.map((item, i) => (React.createElement("li", { key: i, className: modifiedClass('PrimaryPanel__item', item.modifier), "aria-current": item.current || undefined }, item.Content ? (React.createElement(item.Content, null)) : (React.createElement(Link, { className: "PrimaryPanel__link", href: item.href, target: item.target, lang: item.lang, hrefLang: item.hrefLang },
             React.createElement("span", { className: "PrimaryPanel__linkTitle" }, item.label),
             ' ',
             React.createElement("small", { className: "PrimaryPanel__summary" }, item.summary),

package/esm/MainMenu.d.ts

@@ -1,21 +1,23 @@
 import React from 'react';
 import { Modifiers } from '@hugsmidjan/qj/classUtils';
 import { Cleanup } from '@reykjavik/hanna-utils';
-import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
+import { DefaultTexts, HannaLang } from '@reykjavik/hanna-utils/i18n';
 import { AuxilaryPanelIllustration, AuxiliaryPanelProps } from './MainMenu/_Auxiliary.js';
 import { MegaMenuItem, MegaMenuItemList, MegaMenuPanel, PrimaryPanelI18n } from './MainMenu/_PrimaryPanel.js';
 import { SSRSupportProps, WrapperElmProps } from './utils.js';
 export type MainMenuI18n = Cleanup<{
-    lang?: string;
     homeLabel?: string;
     title: string;
+    /** @deprecated Not used (Will be removed in v0.11) */
+    lang?: string;
 } & PrimaryPanelI18n>;
-export declare const defaultMainMenuTexts: DefaultTexts<Required<MainMenuI18n>>;
+export declare const defaultMainMenuTexts: DefaultTexts<Required<Omit<MainMenuI18n, 'lang'>>>;
 export type { AuxilaryPanelIllustration, AuxiliaryPanelProps, MegaMenuItem, MegaMenuItemList, MegaMenuPanel, };
 export type MainMenuItem = {
     label: string;
     labelLong?: string;
     lang?: string;
+    hrefLang?: string;
     /**
      * Puts a modifier className on the menu item element.
      *
@@ -63,7 +65,7 @@ export type MainMenuProps = {
     onItemClick?: (index: number, item: MainMenuItem) => void | boolean;
     activePanelId?: string;
     texts?: MainMenuI18n;
-    lang?: string;
+    lang?: HannaLang;
 } & SSRSupportProps & WrapperElmProps<null, 'aria-label'>;
 export declare const MainMenu: (props: MainMenuProps) => JSX.Element | null;
 export default MainMenu;

package/esm/MainMenu.js

@@ -1,32 +1,29 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { modifiedClass } from '@hugsmidjan/qj/classUtils';
 import { focusElm } from '@hugsmidjan/qj/focusElm';
-import useShortState from '@hugsmidjan/react/hooks/useShortState';
-import { getTexts } from '@reykjavik/hanna-utils/i18n';
+import { DEFAULT_LANG, getTexts, } from '@reykjavik/hanna-utils/i18n';
 import { Link } from './_abstract/_Link.js';
 import { AuxiliaryPanel, } from './MainMenu/_Auxiliary.js';
 import { PrimaryPanel, } from './MainMenu/_PrimaryPanel.js';
 import { useHannaUIState } from './utils/HannaUIState.js';
 import { useFormatMonitor } from './utils/useFormatMonitor.js';
+import { useShortState } from './utils/useShortState.js';
 import { useIsBrowserSide } from './utils.js';
 const findActivePanel = (megaPanels, activeId) => activeId ? megaPanels.find((panel) => activeId === panel.id) : undefined;
 export const defaultMainMenuTexts = {
     is: {
-        lang: 'is',
         title: 'Aðalvalmynd',
         homeLabel: 'Forsíða',
         backToMenu: 'Loka',
         backToMenuLong: 'Til baka í valmynd',
     },
     en: {
-        lang: 'en',
         title: 'Main Menu',
         homeLabel: 'Home page',
         backToMenu: 'Close',
         backToMenuLong: 'Close and return to menu',
     },
     pl: {
-        lang: 'pl',
         title: 'Menu główne',
         homeLabel: 'Strona główna',
         backToMenu: 'Zamknij',
@@ -66,16 +63,11 @@ const normalizeMenuItems = (itemsProp, megaPanels, homeLink, texts) => {
         }
         if (!hasHomeItem) {
             if (!homeLink || typeof homeLink === 'string') {
-                let label = texts.homeLabel;
-                let lang;
-                if (label == null) {
-                    const def = defaultMainMenuTexts[texts.lang || 'en'] ||
-                        defaultMainMenuTexts.en ||
-                        defaultMainMenuTexts.is;
-                    label = def.homeLabel;
-                    lang = def.lang;
-                }
-                homeLink = { href: homeLink || '/', label, lang };
+                homeLink = {
+                    href: homeLink || '/',
+                    label: texts.homeLabel || defaultMainMenuTexts[DEFAULT_LANG].homeLabel,
+                    lang: texts.homeLabel ? undefined : DEFAULT_LANG,
+                };
             }
             items.unshift(Object.assign(Object.assign({}, homeLink), { modifier: 'home' }));
         }
@@ -211,7 +203,7 @@ export const MainMenu = (props) => {
             React.createElement(Link, { className: "MainMenu__link", href: item.href, target: item.target, "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
+                }, lang: lang, hrefLang: item.hrefLang }, label)) : undefined // skip rendering non-link menu items server side
             ));
         })),
         '\n\n',

package/esm/Multiselect.d.ts

@@ -1,3 +1,4 @@
+import { HannaLang } from '@reykjavik/hanna-utils/i18n';
 import { TogglerGroupFieldProps } from './_abstract/_TogglerGroupField.js';
 import { SearchScoringfn } from './Multiselect/_Multiselect.search.js';
 export type MultiselectI18n = {
@@ -46,7 +47,7 @@ export type MultiselectProps = TogglerGroupFieldProps<string> & {
      */
     forceSearchable?: boolean;
     texts?: MultiselectI18n;
-    lang?: string;
+    lang?: HannaLang;
 };
 export declare const Multiselect: {
     (props: MultiselectProps): JSX.Element;

package/esm/Multiselect.js

@@ -1,11 +1,12 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { modifiedClass } from '@hugsmidjan/qj/classUtils';
 import domId from '@hugsmidjan/qj/domid';
-import { useDomid, useOnClickOutside } from '@hugsmidjan/react/hooks';
 import { notNully } from '@reykjavik/hanna-utils';
 import { getTexts } from '@reykjavik/hanna-utils/i18n';
 import { FocusTrap } from './_abstract/_FocusTrap.js';
 import { filterItems } from './Multiselect/_Multiselect.search.js';
+import { useDomid } from './utils/useDomid.js';
+import { useOnClickOutside } from './utils/useOnClickOutside.js';
 import Checkbox from './Checkbox.js';
 import FormField, { getFormFieldWrapperProps } from './FormField.js';
 import TagPill from './TagPill.js';

package/esm/NameCard.d.ts

@@ -1,3 +1,4 @@
+import { HannaLang } from '@reykjavik/hanna-utils/i18n';
 import { WrapperElmProps } from './utils.js';
 export type NameCardI18n = {
     updatedLabel: string;
@@ -54,8 +55,8 @@ export type NameCardProps = {
     available?: boolean;
     /** Meta data about freshness status, etc. */
     updated?: string | Date;
-    lang?: string;
     texts?: NameCardI18n;
+    lang?: HannaLang;
     /** @deprecated Use `available` instead  (will be removed in v0.11) */
     vacancy?: boolean;
     /** @deprecated Use `contactInfo` instead  (will be removed in v0.11) */

package/esm/NameCard.js

@@ -34,6 +34,13 @@ const defaultTexts = {
         vacancyLabel: 'Laus pláss',
         noVacancyLabel: 'Ekki laus pláss',
     },
+    pl: {
+        updatedLabel: 'Zaktualizowano',
+        availableLabel: '',
+        unavailableLabel: '',
+        vacancyLabel: 'Wakat',
+        noVacancyLabel: 'Brak wakatów',
+    },
 };
 export const NameCard = (props) => {
     const { name, location, hours, aboutText, available = props.vacancy, // eslint-disable-line deprecation/deprecation

package/esm/Pagination.d.ts

@@ -1,6 +1,6 @@
 import React, { MouseEvent } from 'react';
 import { EitherObj } from '@reykjavik/hanna-utils';
-import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
+import { DefaultTexts, HannaLang } from '@reykjavik/hanna-utils/i18n';
 import { SSRSupportProps, WrapperElmProps } from './utils.js';
 type StringContaining<Token extends string> = `${string}${Token}${string}`;
 export type PageTemplateString = StringContaining<'${page}'>;
@@ -19,8 +19,8 @@ export type PaginationProps = {
     'aria-controls'?: string;
     title?: string;
     submit?: boolean;
-    lang?: string;
     texts?: PaginationI18n;
+    lang?: HannaLang;
 } & EitherObj<{
     href: PageTemplateString | ((page: number) => string);
     onChange?: (page: number, clickEvent: MouseEvent) => void;

package/esm/ReadSpeakerPlayer.js

@@ -3,6 +3,13 @@ import { modifiedClass } from '@hugsmidjan/qj/classUtils';
 import { getTexts } from '@reykjavik/hanna-utils/i18n';
 const scriptTagId = 'rs_req_Init';
 const scriptTagSelector = `script#${scriptTagId}`;
+/**
+ * Counts the number of ReadSpeaker buttons mounted on the page.
+ * When mounting the first button, a script tag will be added to the page,
+ * and this counter incremented. When unmounting, this counter is decremented,
+ * and when it reaches `0`, the script tag will be removed from the page.
+ * GC FTW!
+ */
 let buttons = 0;
 export const defaultReadSpeakerPlayerTexts = {
     en: { linkText: 'Listen', linkLabel: 'Listen to this page read outloud' },
@@ -19,13 +26,14 @@ export const ReadSpeakerPlayer = (props) => {
     const { linkText, linkLabel } = getTexts({ lang: lang.slice(0, 2), texts }, defaultReadSpeakerPlayerTexts);
     useEffect(() => {
         var _a, _b;
-        if (buttons < 0) {
-            return;
-        }
         if (buttons === 0) {
             if (document.querySelector(scriptTagSelector)) {
-                buttons = -1;
+                // If the script element has been already added to the page
+                // while our `button` count is at 0, then someone else
+                // must have injected the script, and is presumably managing it.
+                // Therefore, our job is done here.
                 return;
+                // NOTE: We check this every time, in case the script gets removed.
             }
             const script = document.createElement('script');
             script.id = scriptTagId;
@@ -46,7 +54,7 @@ export const ReadSpeakerPlayer = (props) => {
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-    // We're not trying to support dynamic changes to `customerId`
+    // NOTE: We do not support dynamic changes to `customerId`
     // or multiple different `customerId`s on the same page.
     // If you try that, things will be weird and wonky.
     ]);

package/esm/SearchInput.d.ts

@@ -1,12 +1,34 @@
 import { RefObject } from 'react';
 import { FormFieldWrappingProps } from './FormField.js';
+type InputElmProps = Omit<JSX.IntrinsicElements['input'], 'className' | 'type' | 'disabled' | 'readOnly' | 'required' | 'onSubmit' | 'ref' | 'value'> & {
+    value?: string;
+};
 export type SearchInputProps = FormFieldWrappingProps & {
     small?: boolean;
     type?: string;
-    onButtonClick?: () => void;
+    /**
+     * Triggered when user hits ENTER key with the focus inside the input field.
+     *
+     * Return `true` to __allow__ the browser's default submit hehavior.
+     */
+    onSubmit?: (value: string) => boolean | void;
+    /**
+     * Custom action to perform when the user clicks the search button.
+     *
+     * Return `true` to __allow__ the browser's default submit hehavior.
+     *
+     * Defaults to `onSubmit`.
+     */
+    onButtonClick?: (value: string) => boolean | void;
+    /**
+     * Toggle the search `<button/>`.
+     *
+     * Defaults to `true` if onButtonClick is passed, otherwise false.
+     */
+    button?: boolean;
     buttonText?: string;
     inputRef?: RefObject<HTMLInputElement>;
     buttonRef?: RefObject<HTMLButtonElement>;
-} & JSX.IntrinsicElements['input'];
+} & InputElmProps;
 export declare const SearchInput: (props: SearchInputProps) => JSX.Element;
 export default SearchInput;

package/esm/SearchInput.js

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import FormField, { groupFormFieldWrapperProps, } from './FormField.js';
 export const SearchInput = (props) => {
     var _a;
-    const _b = groupFormFieldWrapperProps(props), { onChange, onButtonClick, buttonText = 'Leita', fieldWrapperProps } = _b, inputElementProps = __rest(_b, ["onChange", "onButtonClick", "buttonText", "fieldWrapperProps"]);
+    const _b = groupFormFieldWrapperProps(props), { onChange, onKeyDown, onSubmit, onButtonClick, button, buttonText = 'Leita', inputRef, buttonRef, fieldWrapperProps } = _b, inputElementProps = __rest(_b, ["onChange", "onKeyDown", "onSubmit", "onButtonClick", "button", "buttonText", "inputRef", "buttonRef", "fieldWrapperProps"]);
     const { value, defaultValue, placeholder } = inputElementProps;
     const [hasValue, setHasValue] = useState(undefined);
     const filled = !!((_a = value !== null && value !== void 0 ? value : hasValue) !== null && _a !== void 0 ? _a : !!defaultValue);
@@ -14,9 +14,19 @@ export const SearchInput = (props) => {
             setHasValue(!!e.target.value);
             onChange && onChange(e);
         };
+    const showButton = !!onButtonClick || button;
+    const handleButtonClick = onButtonClick || onSubmit;
     return (React.createElement(FormField, Object.assign({ extraClassName: "SearchInput", empty: empty, filled: filled }, fieldWrapperProps, { renderInput: (className, inputProps, addFocusProps) => (React.createElement("div", Object.assign({ className: className.input }, addFocusProps()),
-            React.createElement("input", Object.assign({ className: "SearchInput__input", onChange: _onChange }, inputProps, inputElementProps, { ref: props.inputRef })),
+            React.createElement("input", Object.assign({ className: "SearchInput__input", onChange: _onChange }, inputProps, { onKeyDown: onSubmit
+                    ? (e) => {
+                        if (e.key === 'Enter' && !onSubmit(e.currentTarget.value)) {
+                            e.preventDefault();
+                        }
+                        onKeyDown && onKeyDown(e);
+                    }
+                    : onKeyDown }, inputElementProps, { ref: inputRef })),
             ' ',
-            onButtonClick && (React.createElement("button", { className: "SearchInput__button", type: "button", onClick: onButtonClick, title: buttonText, ref: props.buttonRef, disabled: props.disabled || props.readOnly }, buttonText)))) })));
+            showButton && (React.createElement("button", { className: "SearchInput__button", type: "submit", onClick: handleButtonClick &&
+                    ((e) => !handleButtonClick(e.currentTarget.value) && e.preventDefault()), title: buttonText, ref: buttonRef, disabled: props.disabled || props.readOnly }, buttonText)))) })));
 };
 export default SearchInput;

package/esm/SearchResults.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { HannaLang } from '@reykjavik/hanna-utils/i18n';
 import { SearchResultsItemProps } from './SearchResults/_SearchResultsItem.js';
 import { WrapperElmProps } from './utils.js';
 export type SearchReesultI18n = {
@@ -32,7 +33,7 @@ export type SearchResultsProps = {
     pages?: number;
     loadMore?: () => void;
     texts?: SearchReesultI18n;
-    lang?: string;
+    lang?: HannaLang;
 } & WrapperElmProps;
 export declare const SearchResults: (props: SearchResultsProps) => JSX.Element;
 export default SearchResults;

package/esm/SearchResults.js

@@ -3,9 +3,9 @@ import { useInView } from 'react-intersection-observer';
 import { modifiedClass } from '@hugsmidjan/qj/classUtils';
 import { prettyNum } from '@hugsmidjan/qj/prettyNum';
 import range from '@hugsmidjan/qj/range';
-import { useDomid } from '@hugsmidjan/react/hooks';
 import { getTexts } from '@reykjavik/hanna-utils/i18n';
 import { SearchResultsItem, } from './SearchResults/_SearchResultsItem.js';
+import { useDomid } from './utils/useDomid.js';
 import Alert from './Alert.js';
 import Tabs from './Tabs.js';
 const renderDefaultErrorText = () => (React.createElement(React.Fragment, null,
@@ -29,6 +29,14 @@ const defaultTexts = {
         loadMore: 'Sækja fleiri',
         // loadingMore: 'Sæki fleiri...',
     },
+    pl: {
+        lang: 'pl',
+        loadQueryTitle: 'Ładowanie wyników...',
+        resultsTitle: 'wyniki wyszukiwania dla',
+        noResultsTitle: 'Nie znaleziono wyników dla',
+        loadMore: 'Załaduj więcej',
+        // loadingMore: 'Ładowanie...',
+    },
 };
 const SearchResults_Tabs = (props) => {
     const { domid, filters, activeIdx, setFilter, lang } = props;

package/esm/ShareButtons.d.ts

@@ -1,8 +1,9 @@
+import { HannaLang } from '@reykjavik/hanna-utils/i18n';
 import { ShareButtonI18n, ShareButtonPlatforms } from '@reykjavik/hanna-utils/shareButtonsUtils';
 import { SSRSupportProps, WrapperElmProps } from './utils.js';
 export type ShareButtonsProps = {
-    texts?: Readonly<ShareButtonI18n>;
-    lang?: string;
+    texts?: ShareButtonI18n;
+    lang?: HannaLang;
 } & SSRSupportProps & WrapperElmProps<null, 'aria-label'> & Partial<Record<ShareButtonPlatforms, boolean>>;
 export declare const ShareButtons: (props: ShareButtonsProps) => JSX.Element | null;
 export default ShareButtons;