@reykjavik/hanna-react 0.10.136 → 0.10.138

package/esm/ExtraLinks.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { CardList } from './_abstract/_CardList.js';
 import { Link } from './_abstract/_Link.js';
 const ExtraLinks__related = (props) => {

package/esm/FeatureList.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import Bling from './Bling.js';
 export const FeatureList = (props) => {
     const { title, features, wrapperProps } = props;

package/esm/FieldGroup.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 export const FieldGroup = (props) => {
     const { legend, children, className, disabled, small, wrapperProps } = props;
     return (React.createElement("fieldset", Object.assign({}, wrapperProps, { className: modifiedClass('FieldGroup', small && 'small', 

package/esm/FileInput.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import React, { useEffect, useRef, useState } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { DEFAULT_LANG, ensureHannaLang } from '@reykjavik/hanna-utils/i18n';
 import { useDropzone } from './_mixed_export_resolution_/ReactDropzone.js';
 import { addPreview, formatBytes, getFileListUpdate, releasePreview, } from './FileInput/_FileInput.utils.js';

package/esm/FooterInfo.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 export const FooterInfo = (props) => {
     const { boxes } = props;
     return (React.createElement("div", { className: "FooterInfo" }, boxes.map((group, i) => (React.createElement("div", { className: modifiedClass('FooterInfo__group', [

package/esm/Footnote.js

@@ -1,4 +1,4 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 export const Footnote = (props) => (React.createElement("div", Object.assign({}, props.wrapperProps, { className: modifiedClass('Footnote', null, (props.wrapperProps || {}).className) }), props.children));
 export default Footnote;

package/esm/Form.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 // NOTE: As this component already accepts all `<form/>` props directly,
 // it makes little sense to add support for `wrapperProps` on top.
 export const Form = (props) => {

package/esm/FormField.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import React, { useCallback, useState } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { DEFAULT_LANG } from '@reykjavik/hanna-utils/i18n';
 import { isPreact } from './utils/env.js';
 import { useDomid } from './utils/useDomid.js';

package/esm/GridBlocks.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { getEfnistaknUrl } from '@reykjavik/hanna-utils/assets';
 import { Image } from './_abstract/_Image.js';
 import { Link } from './_abstract/_Link.js';

package/esm/Heading.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 const sizes = {
     small: 'small',
     /** Default value */

package/esm/HeroBlock.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { getIllustrationUrl } from '@reykjavik/hanna-utils/assets';
 import { Image } from './_abstract/_Image.js';
 import ButtonPrimary from './ButtonPrimary.js';

package/esm/IframeBlock.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import IframeResizer from 'iframe-resizer-react';
 /**
  * When `height` is undefined or "auto", then Add the following code-snipped to the iframed page:

package/esm/IframedLayout.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { useScrollbarWidthCSSVar } from './utils.js';
 export const IframedLayout = (props) => {
     useScrollbarWidthCSSVar();

package/esm/ImageCards.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { CardList, } from './_abstract/_CardList.js';
 export const ImageCards = (props) => {
     const { background, wrapperProps } = props, cardListProps = __rest(props, ["background", "wrapperProps"]);

package/esm/InfoBlock.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 export const InfoBlock = (props) => {
     const { title, subtitle, items, wrapperProps } = props;
     return (React.createElement("div", Object.assign({}, wrapperProps, { className: modifiedClass('InfoBlock', null, (wrapperProps || {}).className) }),

package/esm/InfoHero.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { Blings } from './_abstract/_Blings.js';
 import { Image } from './_abstract/_Image.js';
 import { breakOnNL } from './_abstract/breakOnNL.js';

package/esm/LabeledTextBlock.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import ButtonTertiary from './ButtonTertiary.js';
 export const LabeledTextBlock = (props) => {
     const { label, summary, wide, buttons = [], wrapperProps } = props;

package/esm/Layout.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { getTexts } from '@reykjavik/hanna-utils/i18n';
 import { issueSiteNameWarningInDev, renderLayoutHomeLink } from './_abstract/_Layouts.js';
 import { handleAnchorLinkClick } from './utils/a11yHelpers.js';

package/esm/MainMenu/_Auxiliary.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { getIllustrationUrl } from '@reykjavik/hanna-utils/assets';
 import { Link } from '../_abstract/_Link.js';
 export const AuxiliaryPanel = (props) => {

package/esm/MainMenu/_PrimaryPanel.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { Link } from '../_abstract/_Link.js';
 export const PrimaryPanel = (props) => {
     const { setActivePanel, panel, isParent, isActive, isBrowser, texts } = props;

package/esm/MainMenu.d.ts

@@ -1,6 +1,5 @@
 import React, { ReactElement } from 'react';
-import { Modifiers } from '@hugsmidjan/qj/classUtils';
-import { Cleanup, EitherObj } from '@reykjavik/hanna-utils';
+import { ClassNameModifiers, Cleanup, EitherObj } from '@reykjavik/hanna-utils';
 import { AuxilaryPanelIllustration, AuxiliaryPanelProps } from './MainMenu/_Auxiliary.js';
 import { MegaMenuItem, MegaMenuItemList, MegaMenuPanel, PrimaryPanelI18n } from './MainMenu/_PrimaryPanel.js';
 import { I18NProps } from './utils/types.js';
@@ -45,7 +44,7 @@ export type MainMenuItem = {
     /**
      * Puts a modifier className for the menu __item <li/> element.
      * */
-    modifier?: Modifiers;
+    modifier?: ClassNameModifiers;
     /** Signifies if the menu item is part of the page's breadcrumb trail */
     current?: boolean;
     /**

package/esm/MainMenu.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
 import { focusElm } from '@hugsmidjan/qj/focusElm';
+import { modifiedClass, } from '@reykjavik/hanna-utils';
 import { DEFAULT_LANG, getTexts } from '@reykjavik/hanna-utils/i18n';
 import { Link } from './_abstract/_Link.js';
 import { AuxiliaryPanel, } from './MainMenu/_Auxiliary.js';

package/esm/MainMenu2.d.ts

@@ -1,6 +1,5 @@
 import React, { ReactElement } from 'react';
-import { Modifiers } from '@hugsmidjan/qj/classUtils';
-import { Cleanup, EitherObj } from '@reykjavik/hanna-utils';
+import { ClassNameModifiers, Cleanup, EitherObj } from '@reykjavik/hanna-utils';
 import { Illustration } from '@reykjavik/hanna-utils/assets';
 import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
 import { I18NProps } from './utils/types.js';
@@ -26,7 +25,7 @@ export type MainMenu2Item = {
     /**
      * Puts a modifier className for the menu __item <li/> element.
      * */
-    modifier?: Modifiers;
+    modifier?: ClassNameModifiers;
     /** Signifies if the menu item is part of the page's breadcrumb trail */
     current?: boolean;
     /**

package/esm/MainMenu2.js

@@ -1,5 +1,5 @@
 import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass, } from '@reykjavik/hanna-utils';
 import { getIllustrationUrl } from '@reykjavik/hanna-utils/assets';
 import { getTexts } from '@reykjavik/hanna-utils/i18n';
 import { Link } from './_abstract/_Link.js';

package/esm/MiniMetrics.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { Button } from './_abstract/_Button.js';
 export const MiniMetrics = (props) => {
     const { text, moreButton, wrapperProps } = props;

package/esm/Multiselect.js

@@ -1,7 +1,6 @@
 import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
 import domId from '@hugsmidjan/qj/domid';
-import { notNully } from '@reykjavik/hanna-utils';
+import { modifiedClass, notNully } from '@reykjavik/hanna-utils';
 import { getTexts } from '@reykjavik/hanna-utils/i18n';
 import { filterItems } from './Multiselect/_Multiselect.search.js';
 import { useDomid } from './utils/useDomid.js';

package/esm/NameCard.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { getTexts } from '@reykjavik/hanna-utils/i18n';
 import { Button } from './_abstract/_Button.js';
 import { breakOnNL } from './_abstract/breakOnNL.js';

package/esm/NameCards.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import NameCard from './NameCard.js';
 export const NameCards = (props) => {
     const { items, wrapperProps } = props;

package/esm/NewsHero.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
-import { getStableRandomItem } from '@reykjavik/hanna-utils';
+import { getStableRandomItem, modifiedClass } from '@reykjavik/hanna-utils';
 import { Blings } from './_abstract/_Blings.js';
 import { Image } from './_abstract/_Image.js';
 import ShareButtons from './ShareButtons.js';

package/esm/PageFilter.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import Footnote from './Footnote.js';
 export const PageFilter = (props) => {
     const { title, summary, footnote, filters, children, buttonRow, underlap, wrapperProps, } = props;

package/esm/PageHeading.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 export const PageHeading = (props) => {
     const { Tag = 'h1', align, small, children, wrapperProps } = props;
     return (React.createElement(Tag, Object.assign({}, wrapperProps, { className: modifiedClass('PageHeading', [small && 'small', align === 'right' && `align--${align}`], (wrapperProps || {}).className) }), children));

package/esm/Pagination.js

@@ -1,5 +1,5 @@
 import React, { memo } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { getTexts } from '@reykjavik/hanna-utils/i18n';
 import { Link } from './_abstract/_Link.js';
 import { generatePageList } from './utils/Pagination.privates.js';
@@ -89,7 +89,7 @@ export const Pagination = memo((props) => {
         ' ',
         pageList
             .map((page, i) => {
-            return page === '…' ? (React.createElement("span", { className: "Pagination__ellipsis" }, "\u2026")) : (btn({
+            return page === '…' ? (React.createElement("span", { className: "Pagination__ellipsis", key: i }, "\u2026")) : (btn({
                 key: i,
                 page,
                 labelLong: texts.pageLabelLong,

package/esm/ProcessOverview.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 export const ProcessOverview = (props) => {
     const { title, items, attention, transparent, narrow, wrapperProps } = props;
     return (React.createElement("div", Object.assign({}, wrapperProps, { className: modifiedClass('ProcessOverview', [transparent && 'transparent', narrow && 'narrow'], (wrapperProps || {}).className) }),

package/esm/ReadSpeakerPlayer.js

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { getTexts } from '@reykjavik/hanna-utils/i18n';
 const scriptTagId = 'rs_req_Init';
 const scriptTagSelector = `script#${scriptTagId}`;

package/esm/RelatedLinks.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { Link } from './_abstract/_Link.js';
 const types = {
     external: 1,

package/esm/RowBlock.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 export const RowBlock = (props) => {
     const { right, modifier, className, children, wrapperProps } = props;
     return (React.createElement("div", Object.assign({}, wrapperProps, { className: modifiedClass('RowBlock', [modifier, right && 'align--right'], className || (wrapperProps || {}).className) }), children));

package/esm/RowBlockColumn.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 export const RowBlockColumn = (props) => {
     const { background, narrow, children, wrapperProps } = props;
     return (React.createElement("div", Object.assign({}, wrapperProps, { className: modifiedClass('RowBlockColumn', [

package/esm/SearchResults.js

@@ -1,8 +1,8 @@
 import React, { useEffect, useMemo, useRef } from 'react';
 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 { modifiedClass } from '@reykjavik/hanna-utils';
 import { getTexts } from '@reykjavik/hanna-utils/i18n';
 import { SearchResultsItem, } from './SearchResults/_SearchResultsItem.js';
 import { useDomid } from './utils/useDomid.js';

package/esm/ShareButtons.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { DEFAULT_LANG } from '@reykjavik/hanna-utils/i18n';
 import { getDocMeta, getShareButtonLabel, openInPopup, shareButtonTexts, shareButtonTypes, } from '@reykjavik/hanna-utils/shareButtonsUtils';
 import { Link } from './_abstract/_Link.js';

package/esm/Sharpie.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 const colors = {
     green: 1,
     red: 1,

package/esm/SiteSearchCurtain.js

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { isPreact } from './utils/env.js';
 import { useLaggedState } from './utils/useLaggedState.js';
 // NOTE: This component is too low-level (and too esoteric and rarely used)

package/esm/Skeleton.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
 import range from '@hugsmidjan/qj/range';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 /**
   Rounds the input number, caps it at max. If it's below min, returns undefined
 */

package/esm/SubHeading.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 export const SubHeading = (props) => {
     const { small, Tag = 'h2', children, align, wide, wrapperProps } = props;
     return (React.createElement(Tag, Object.assign({}, wrapperProps, { className: modifiedClass('SubHeading', [

package/esm/Tabs.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
 import { getFrag } from '@hugsmidjan/qj/frag';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { useIsBrowserSide } from './utils.js';
 const navKeyEffects = {
     ArrowUp: -1,

package/esm/TagPill.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { Button } from './_abstract/_Button.js';
 const colors = {
     normal: '',

package/esm/TextBlock.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 export const TextBlock = (props) => {
     const { children, align, labelled, wide, small, wrapperProps } = props;
     const rightAligned = align === 'right' || labelled;

package/esm/TextInput.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import React, { useEffect, useRef, useState } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import FormField, { groupFormFieldWrapperProps, } from './FormField.js';
 export const TextInput = (props) => {
     var _a;

package/esm/Tooltip.js

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
 import { arrow as arrowPlugin, autoUpdate, flip, offset, shift, useFloating, } from '@floating-ui/react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { useCallbackOnEsc } from './utils/useCallbackOnEsc.js';
 import { useLaggedState } from './utils/useLaggedState.js';
 const getSide = (placement) => placement.split('-')[0];

package/esm/VSpacer.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 const sizes = {
     none: 'none',
     small: 'small',

package/esm/WizardLayout.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { renderLayoutHomeLink } from './_abstract/_Layouts.js';
 import { useScrollbarWidthCSSVar } from './utils/useScrollbarWidthCSSVar.js';
 import { useIsBrowserSide } from './utils.js';

package/esm/WizardStepper.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 export const WizardStepper = (props) => {
     const { steps, activeStep = -1, allowForwardSkip, disableBacktrack, onClick, wrapperProps, } = props;
     return (React.createElement("div", Object.assign({}, wrapperProps, { className: modifiedClass('WizardStepper', activeStep === -1 && 'preview', (wrapperProps || {}).className) }), steps.map((step, i) => {

package/esm/_abstract/_AbstractCarousel.js

@@ -1,10 +1,9 @@
 import React, { useEffect, useMemo, useRef, useState, } from 'react';
 import A from '@hugsmidjan/qj/A';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
 import debounce from '@hugsmidjan/qj/debounce';
 import { focusElm } from '@hugsmidjan/qj/focusElm';
 import throttle from '@hugsmidjan/qj/throttle';
-import { notNully } from '@reykjavik/hanna-utils';
+import { modifiedClass, notNully } from '@reykjavik/hanna-utils';
 import CarouselStepper from '../CarouselStepper.js';
 import { useIsBrowserSide } from '../utils.js';
 // ---------------------------------------------------------------------------

package/esm/_abstract/_AbstractModal.js

@@ -1,6 +1,6 @@
 import React, { Fragment, useEffect, useRef, useState, } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
 import { focusElm } from '@hugsmidjan/qj/focusElm';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { getTexts } from '@reykjavik/hanna-utils/i18n';
 import { FocusTrap } from '../FocusTrap.js';
 import { useDomid, useIsBrowserSide, } from '../utils.js';

package/esm/_abstract/_Block.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { Button } from './_Button.js';
 import { Image } from './_Image.js';
 export const Block = (props) => {

package/esm/_abstract/_Button.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { Link } from './_Link.js';
 // ---------------------------------------------------------------------------
 const sizes = {

package/esm/_abstract/_CardList.d.ts

@@ -1,14 +1,15 @@
-import React, { ReactElement, ReactNode } from 'react';
+import React, { MouseEventHandler, ReactElement, ReactNode } from 'react';
 import { EitherObj } from '@reykjavik/hanna-utils';
 import { WrapperElmProps } from '../utils.js';
 import { BemModifierProps } from '../utils/types.js';
 import { ImageProps } from './_Image.js';
 export type TextCardProps = {
     title: string;
-    href: string;
+    href?: string;
     meta?: string | JSX.Element;
     summary?: string | JSX.Element;
     target?: React.HTMLAttributeAnchorTarget;
+    onClick?: MouseEventHandler;
 };
 export type ImageCardProps = TextCardProps & {
     image?: ImageProps;

package/esm/_abstract/_CardList.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { Button } from './_Button.js';
 import { Image } from './_Image.js';
 const Card = (props) => {
-    const { bem, href, title, imgPlaceholder, image, meta, summary, target } = props;
+    const { bem, href, title, imgPlaceholder, image, meta, summary, target, onClick } = props;
     const cardClass = `${bem}__card`;
     return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { bem: cardClass, href: href, target: target },
+        React.createElement(Button, { bem: cardClass, href: href, target: target, onClick: onClick },
             ' ',
             !!(image || imgPlaceholder) && (React.createElement(Image, Object.assign({ bem: `${bem}__image` }, image, { placeholder: imgPlaceholder }))),
             React.createElement("span", { className: `${cardClass}__title` }, title),

package/esm/_abstract/_CarouselPaging.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 const CarouselPaging = (props) => {
     const { bem = 'CarouselPaging', modifier, current, itemCount, setCurrent } = props;
     const { next, prev, unit = '' } = props.texts;

package/esm/_abstract/_Image.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { classes, modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { classes, modifiedClass } from '@reykjavik/hanna-utils';
 import { useGetSVGtext } from '../utils/useGetSVGtext.js';
 // eslint-disable-next-line complexity
 export const Image = (props) => {

package/esm/_abstract/_Quote.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { Link } from './_Link.js';
 export const _Quote = (props) => {
     const { bem, children, by, byHref, wrapperProps } = props;

package/esm/_abstract/_ScrollWrapper.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { useIsBrowserSide } from '../utils.js';
 import { useScrollEdgeDetect, } from '../utils/useScrollEdgeDetect.js';
 const scrollOptions = {

package/esm/_abstract/_Table.js

@@ -1,6 +1,5 @@
 import React, { memo, useMemo } from 'react';
-import { classes } from '@hugsmidjan/qj/classUtils';
-import { notNully } from '@reykjavik/hanna-utils';
+import { classes, notNully } from '@reykjavik/hanna-utils';
 const TableCell = (props) => {
     const { data, meta = {}, rowIdx, rowScope } = props;
     const Tag = props.th ? 'th' : 'td';

package/esm/_abstract/_TogglerGroup.js

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import { useMixedControlState } from '../utils.js';
 import { useDomid } from '../utils/useDomid.js';
 export const TogglerGroup = (props) => {

package/esm/_abstract/_TogglerGroupField.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import React, { useMemo } from 'react';
-import { modifiedClass } from '@hugsmidjan/qj/classUtils';
+import { modifiedClass } from '@reykjavik/hanna-utils';
 import FormField, { groupFormFieldWrapperProps, } from '../FormField.js';
 import { TogglerGroup, } from './_TogglerGroup.js';
 export const TogglerGroupField = (props) => {