@reykjavik/hanna-react 0.10.66 → 0.10.68

package/ActionCards.d.ts

@@ -1,5 +1,6 @@
-import { TextCardListProps } from './_abstract/_CardList';
+import { CardListSummaryProps, TextCardListProps, TextCardProps } from './_abstract/_CardList';
 import { SeenProp } from './utils/seenEffect';
-export declare type ActionCardsProps = TextCardListProps & SeenProp;
+export declare type ActionCardsProps = TextCardListProps & CardListSummaryProps & SeenProp;
+export declare type ActionCardsItemProps = TextCardProps;
 declare const ActionCards: (props: ActionCardsProps) => JSX.Element;
 export default ActionCards;

package/ArticleCarousel/_ArticleCarouselCard.d.ts

@@ -10,6 +10,7 @@ export declare type ArticleCarouselCardProps = {
     title: string;
     summary: string;
     href: string;
+    target?: string;
     color?: ColorFamily;
     /** NOTE: if both `color` and `theme` are specified
      * then `color` takes precedence.

package/ArticleCarousel/_ArticleCarouselCard.js

@@ -9,11 +9,11 @@ const _Image_1 = tslib_1.__importDefault(require("../_abstract/_Image"));
 const _Link_1 = require("../_abstract/_Link");
 const constants_1 = require("../constants");
 const ArticleCarouselCard = (props) => {
-    const { date, title, summary, href, moreLabel, color, theme, illustration, image } = props;
+    const { date, title, summary, href, target, moreLabel, color, theme, illustration, image, } = props;
     const photo = image === null || image === void 0 ? void 0 : image.photo;
     const imageProps = illustration ? { src: (0, assets_1.getIllustrationUrl)(illustration) } : image;
     return (react_1.default.createElement("div", { className: "ArticleCarouselCard", "data-color": color && constants_1.colorFamilies[color], "data-color-theme": !color ? theme && constants_1.themeOptions[theme] : undefined },
-        react_1.default.createElement(_Link_1.Link, { className: "ArticleCarouselCard__link", href: href },
+        react_1.default.createElement(_Link_1.Link, { className: "ArticleCarouselCard__link", href: href, target: target },
             ' ',
             react_1.default.createElement(_Image_1.default, Object.assign({ placeholder: true, className: (0, getBemClass_1.default)('ArticleCarouselCard__illustration', photo && 'photo') }, imageProps)),
             react_1.default.createElement("h3", { className: "ArticleCarouselCard__title" }, title),
@@ -21,7 +21,7 @@ const ArticleCarouselCard = (props) => {
         ' ',
         date && react_1.default.createElement("span", { className: "ArticleCarouselCard__date" }, date),
         react_1.default.createElement("div", { className: "ArticleCarouselCard__summary" }, summary),
-        moreLabel && (react_1.default.createElement(_Link_1.Link, { className: "ArticleCarouselCard__morelink", href: href, "aria-label": title },
+        moreLabel && (react_1.default.createElement(_Link_1.Link, { className: "ArticleCarouselCard__morelink", href: href, target: target, "aria-label": title },
             ' ',
             moreLabel,
             ' '))));

package/BasicTable.d.ts

@@ -1,6 +1,6 @@
 import { TableProps } from '@hugsmidjan/react/Table';
 import { SeenProp } from './utils/seenEffect';
-declare type BasicTableProps = {
+export declare type BasicTableProps = {
     compact?: boolean;
     type?: 'text' | 'number';
     children?: undefined;

package/ButtonBar.d.ts

@@ -5,6 +5,7 @@ export declare type ButtonBarProps = {
 };
 export declare const ButtonBar: {
     (props: ButtonBarProps): JSX.Element;
+    /** A Splitter token to use directly inside <ButtonBar/> wrappers */
     Split(): JSX.Element;
 };
 /**

package/ButtonBar.js

@@ -9,6 +9,7 @@ const ButtonBar = (props) => {
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('ButtonBar', align === 'right' && 'align--right') }, children));
 };
 exports.ButtonBar = ButtonBar;
+/** A Splitter token to use directly inside <ButtonBar/> wrappers */
 exports.ButtonBar.Split = () => react_1.default.createElement("span", { className: "ButtonBar__split" });
 /**
  * @deprecated Prefer using `ButtonBar.Split` instead.

package/CHANGELOG.md

@@ -4,6 +4,33 @@
 
 - ... <!-- Add new lines here. -->
 
+## 0.10.68
+
+_2022-09-26_
+
+- feat: Add prop `target` to `ArticleCarouselCardProps`
+- feat: Improve `Selectbox`'s `options` and `onSelected` prop generics
+- feat: Add prop `headingTag` to `ContentArticle` to support `<h1/>`
+- feat: Add prop `forceH1` to `Heading`
+- fix: Mark uncontrolled `TextInput`'s with user input `--filled` after reload
+- fix(ts): Botched re-export of `SelectboxOption*` types
+
+## 0.10.67
+
+_2022-09-14_
+
+- chore(ts): Add reference paths for better Intellisense sub module discovery
+- feat: Add prop `summaryElement` to `ActionCards`
+- feat(ts): Export `ActionCardsItemProps` type
+- feat(ts): Export `ImageCardsProps`, `ImageCardsItemProps`, deprecate
+  `ImageCardProps`
+- feat(ts): Export `SelectboxOptionList`, deprecate `SelectboxOptions`
+- fix(ts): Export omitted types `BasicTableProps` and `SelectboxOption`
+- fix(ts): Make `PullQuote` & `BlockQuote`'s `by` prop required for `byHref`
+- fix(ts): Remove accidentally exposed props on several `*Cards` components —
+  these props were never supported and were either a no-op, or resulted in
+  unstyled garbage.
+
 ## 0.10.66
 
 _2022-09-01_

package/ContentArticle.d.ts

@@ -7,6 +7,7 @@ export declare type ContentArticleProps = {
     /** Date, author, etc. */
     meta: ArticleMetaProps['items'];
     headline: string;
+    headlineTag?: 'h1' | 'h2';
     topImage?: ContentImageProps;
     body: ReactNode;
     relatedLinks?: RelatedLinksProps;

package/ContentArticle.js

@@ -13,7 +13,7 @@ const ContentArticle = (props) => {
     const [ref] = (0, seenEffect_1.useSeenEffect)(props.startSeen);
     return (react_1.default.createElement("div", { className: "ContentArticle", ref: ref },
         react_1.default.createElement(ArticleMeta_1.default, { items: props.meta }),
-        react_1.default.createElement(Heading_1.default, null, props.headline),
+        react_1.default.createElement(Heading_1.default, { forceH1: props.headlineTag === 'h1' }, props.headline),
         react_1.default.createElement(TextBlock_1.default, { startSeen: true },
             props.topImage && react_1.default.createElement(ContentImage_1.default, Object.assign({}, props.topImage)),
             props.body),

package/Heading.d.ts

@@ -11,6 +11,11 @@ export declare type HeadingProps = {
     Tag?: 'h2' | 'h3';
     size?: HeadingSize;
     children: ReactNode;
+    /**
+     * Make an exception and render a `<h1/>` element.
+     *
+     * This prop is ignore if the `Tag` prop is defined. */
+    forceH1?: boolean;
 } & ComponentLayoutProps;
 declare const Heading: (props: HeadingProps) => JSX.Element;
 export default Heading;

package/Heading.js

@@ -10,7 +10,8 @@ const sizes = {
     large: 'large',
 };
 const Heading = (props) => {
-    const { size = 'normal', Tag = 'h2', align, wide, children } = props;
+    const { size = 'normal', align, wide, children } = props;
+    const Tag = props.Tag || (props.forceH1 ? 'h1' : 'h2');
     return (react_1.default.createElement(Tag, { className: (0, getBemClass_1.default)('Heading', [
             sizes[size],
             align === 'right' && 'align--' + align,

package/ImageCards.d.ts

@@ -1,8 +1,10 @@
-import { ImageCardListProps, ImageCardProps as ICP } from './_abstract/_CardList';
+import { CardListSummaryProps, ImageCardListProps, ImageCardProps as _ImageCardProps } from './_abstract/_CardList';
 import { SeenProp } from './utils/seenEffect';
-export declare type ImageCardProps = ICP;
-declare type _ImageCardProps = ImageCardListProps & {
+/** @deprecated Use `ImageCard` instead.  (Will be removed in v0.11) */
+export declare type ImageCardProps = _ImageCardProps;
+export declare type ImageCardsItemProps = _ImageCardProps;
+export declare type ImageCardsProps = ImageCardListProps & CardListSummaryProps & {
     background?: boolean;
 } & SeenProp;
-declare const ImageCards: (props: _ImageCardProps) => JSX.Element;
+declare const ImageCards: (props: ImageCardsProps) => JSX.Element;
 export default ImageCards;

package/Selectbox.d.ts

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

package/SiteSearchInput.d.ts

@@ -20,5 +20,5 @@ export declare type SiteSearchInputProps = {
     children?: undefined;
     ssr?: SSRSupport;
 } & WrappingProps & InputElmProps;
-declare const SiteSearchInput: React.ForwardRefExoticComponent<Pick<SiteSearchInputProps, "title" | "id" | "ssr" | "form" | "label" | "slot" | "style" | "pattern" | "children" | "hidden" | "onClick" | "dir" | "is" | "key" | "list" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "step" | "src" | "multiple" | "alt" | "width" | "accept" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "height" | "max" | "maxLength" | "min" | "minLength" | "onButtonClick" | "buttonText"> & React.RefAttributes<HTMLInputElement>>;
+declare const SiteSearchInput: React.ForwardRefExoticComponent<Pick<SiteSearchInputProps, "title" | "id" | "ssr" | "form" | "label" | "slot" | "style" | "pattern" | "children" | "hidden" | "onClick" | "is" | "key" | "list" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "step" | "src" | "multiple" | "alt" | "width" | "accept" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "height" | "max" | "maxLength" | "min" | "minLength" | "onButtonClick" | "buttonText"> & React.RefAttributes<HTMLInputElement>>;
 export default SiteSearchInput;

package/TextInput.js

@@ -6,7 +6,8 @@ const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/g
 const FormField_1 = tslib_1.__importDefault(require("./FormField"));
 const TextInput = (props) => {
     var _a;
-    const { className, label, assistText, hideLabel, disabled, readOnly, invalid, errorMessage, required, reqText, id, onChange, small, type, ssr, inputRef } = props, inputElementProps = tslib_1.__rest(props, ["className", "label", "assistText", "hideLabel", "disabled", "readOnly", "invalid", "errorMessage", "required", "reqText", "id", "onChange", "small", "type", "ssr", "inputRef"]);
+    const _inputRef = (0, react_1.useRef)(null);
+    const { className, label, assistText, hideLabel, disabled, readOnly, invalid, errorMessage, required, reqText, id, onChange, small, type, ssr, inputRef = _inputRef } = props, inputElementProps = tslib_1.__rest(props, ["className", "label", "assistText", "hideLabel", "disabled", "readOnly", "invalid", "errorMessage", "required", "reqText", "id", "onChange", "small", "type", "ssr", "inputRef"]);
     const { value, defaultValue, placeholder } = inputElementProps;
     const [hasValue, setHasValue] = (0, react_1.useState)(undefined);
     const filled = !!((_a = value !== null && value !== void 0 ? value : hasValue) !== null && _a !== void 0 ? _a : !!defaultValue);
@@ -22,6 +23,12 @@ const TextInput = (props) => {
                 // TypeScript is silly sometimes.
                 e);
         };
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) {
+            setHasValue(true);
+        }
+    }, []);
     return (react_1.default.createElement(FormField_1.default, { className: (0, getBemClass_1.default)('TextInput', modifiers, className), ssr: ssr, small: small, label: label, empty: empty, filled: filled, assistText: assistText, hideLabel: hideLabel, disabled: disabled, readOnly: readOnly, invalid: invalid, errorMessage: errorMessage, required: required, reqText: reqText, id: id, renderInput: (className, inputProps, addFocusProps) => multiline ? (react_1.default.createElement("textarea", Object.assign({ className: className.input, onChange: _onChange }, inputProps, addFocusProps(inputElementProps), { ref: inputRef }))) : (react_1.default.createElement("input", Object.assign({ className: className.input, onChange: _onChange, type: type }, inputProps, addFocusProps(inputElementProps), { ref: inputRef }))) }));
 };
 exports.default = TextInput;

package/_abstract/_CardList.d.ts

@@ -1,13 +1,14 @@
 import { ReactElement, ReactNode } from 'react';
+import { EitherObj } from '@reykjavik/hanna-utils';
 import { ImageProps } from './_Image';
 declare type BaseCardProps = {
     title: string;
     href: string;
-    imgPlaceholder?: boolean;
 };
 export declare type ImageCardProps = BaseCardProps & {
     meta?: string;
     image?: ImageProps;
+    imgPlaceholder?: boolean;
 };
 export declare type TextCardProps = BaseCardProps & {
     summary?: string;
@@ -15,13 +16,16 @@ export declare type TextCardProps = BaseCardProps & {
 export declare type CardListProps<T> = {
     cards: Array<T>;
     title?: string | undefined;
-    summaryElement?: ReactElement;
     titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'p';
+};
+export declare type CardListSummaryProps = {
+    summaryElement?: ReactElement;
+};
+export declare type ImageCardListProps = CardListProps<ImageCardProps> & {
     imgPlaceholder?: boolean | string;
 };
-export declare type ImageCardListProps = CardListProps<ImageCardProps>;
 export declare type TextCardListProps = CardListProps<TextCardProps>;
-declare type _CardListProps = CardListProps<BaseCardProps> & {
+declare type _CardListProps = EitherObj<ImageCardListProps, TextCardListProps> & CardListSummaryProps & {
     bemPrefix: string;
     children?: ReactNode;
     standalone?: boolean;

package/_abstract/_CardList.js

@@ -6,11 +6,8 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const _Button_1 = tslib_1.__importDefault(require("./_Button"));
 const _Image_1 = tslib_1.__importDefault(require("./_Image"));
 const Card = (props) => {
-    const { bem, href, title, imgPlaceholder } = props;
+    const { bem, href, title, imgPlaceholder, image, meta, summary } = props;
     const cardClass = `${bem}__card`;
-    const image = 'image' in props && props.image;
-    const meta = 'meta' in props && props.meta;
-    const summary = 'summary' in props && props.summary;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(_Button_1.default, { bem: cardClass, href: href },
             ' ',
@@ -37,7 +34,9 @@ const CardList = (props) => {
             title && react_1.default.createElement(TitleTag, { className: bemPrefix + '__title' }, title),
             summaryElement)) : (title && react_1.default.createElement(TitleTag, { className: bemPrefix + '__title' }, title)),
         react_1.default.createElement("ul", { className: bemPrefix + (props.standalone ? '' : '__list'), style: fallbackImageStyle }, cards.map((card, i) => (react_1.default.createElement("li", { key: i, className: bemPrefix + '__item' },
-            react_1.default.createElement(Card, Object.assign({}, card, { bem: bemPrefix, imgPlaceholder: !!imgPlaceholder })))))),
+            react_1.default.createElement(Card
+            /* Assert as `ImageCardProps` to silence the imgPlaceholder false-positive */
+            , Object.assign({}, card, { bem: bemPrefix, imgPlaceholder: !!imgPlaceholder })))))),
         children));
 };
 exports.CardList = CardList;

package/_abstract/_Quote.d.ts

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
+import { EitherObj } from '@reykjavik/hanna-utils';
 export declare type QuoteProps = {
     children: ReactNode;
-    by?: string | JSX.Element;
+} & EitherObj<object, {
+    by: string | JSX.Element;
     byHref?: string;
-};
+}>;
 export declare const _Quote: (props: {
     bem: string;
 } & QuoteProps) => JSX.Element;

package/index.d.ts

@@ -0,0 +1,95 @@
+/// <reference path="./AccordionList.d.tsx" />
+/// <reference path="./ActionCards.d.tsx" />
+/// <reference path="./Alert.d.tsx" />
+/// <reference path="./ArticleCards.d.tsx" />
+/// <reference path="./ArticleCarousel.d.tsx" />
+/// <reference path="./ArticleMeta.d.tsx" />
+/// <reference path="./assets.d.ts" />
+/// <reference path="./Attention.d.tsx" />
+/// <reference path="./BasicTable.d.tsx" />
+/// <reference path="./BgBox.d.tsx" />
+/// <reference path="./Bling.d.tsx" />
+/// <reference path="./BlockBreak.d.tsx" />
+/// <reference path="./BlockQuote.d.tsx" />
+/// <reference path="./BreadCrumbs.d.tsx" />
+/// <reference path="./ButtonBack.d.tsx" />
+/// <reference path="./ButtonBar.d.tsx" />
+/// <reference path="./ButtonPrimary.d.tsx" />
+/// <reference path="./ButtonSecondary.d.tsx" />
+/// <reference path="./ButtonTertiary.d.tsx" />
+/// <reference path="./Carousel.d.tsx" />
+/// <reference path="./CarouselStepper.d.tsx" />
+/// <reference path="./CenterColumn.d.tsx" />
+/// <reference path="./Checkbox.d.tsx" />
+/// <reference path="./CheckboxButtonsGroup.d.tsx" />
+/// <reference path="./CheckboxGroup.d.tsx" />
+/// <reference path="./CityBlock.d.tsx" />
+/// <reference path="./constants.d.ts" />
+/// <reference path="./ContactBubble.d.tsx" />
+/// <reference path="./ContentArticle.d.tsx" />
+/// <reference path="./ContentImage.d.tsx" />
+/// <reference path="./Datepicker.d.tsx" />
+/// <reference path="./ExtraLinks.d.tsx" />
+/// <reference path="./FeatureList.d.tsx" />
+/// <reference path="./FieldGroup.d.tsx" />
+/// <reference path="./FileInput.d.tsx" />
+/// <reference path="./focus-visible.d.ts" />
+/// <reference path="./Foonote.d.tsx" />
+/// <reference path="./FooterBadges.d.tsx" />
+/// <reference path="./FooterInfo.d.tsx" />
+/// <reference path="./Footnote.d.tsx" />
+/// <reference path="./Form.d.tsx" />
+/// <reference path="./FormField.d.tsx" />
+/// <reference path="./Gallery.d.tsx" />
+/// <reference path="./GridBlocks.d.tsx" />
+/// <reference path="./Heading.d.tsx" />
+/// <reference path="./HeroBlock.d.tsx" />
+/// <reference path="./IframeBlock.d.tsx" />
+/// <reference path="./Illustration.d.tsx" />
+/// <reference path="./ImageCards.d.tsx" />
+/// <reference path="./InfoBlock.d.tsx" />
+/// <reference path="./InfoHero.d.tsx" />
+/// <reference path="./IslandBlock.d.tsx" />
+/// <reference path="./IslandPageBlock.d.tsx" />
+/// <reference path="./LabeledTextBlock.d.tsx" />
+/// <reference path="./Layout.d.tsx" />
+/// <reference path="./MainMenu.d.tsx" />
+/// <reference path="./MiniMetrics.d.tsx" />
+/// <reference path="./Modal.d.tsx" />
+/// <reference path="./NameCard.d.tsx" />
+/// <reference path="./NameCards.d.tsx" />
+/// <reference path="./NewsHero.d.tsx" />
+/// <reference path="./PageFilter.d.tsx" />
+/// <reference path="./PageHeading.d.tsx" />
+/// <reference path="./Picture.d.tsx" />
+/// <reference path="./ProcessOverview.d.tsx" />
+/// <reference path="./PullQuote.d.tsx" />
+/// <reference path="./RadioButtonsGroup.d.tsx" />
+/// <reference path="./RadioGroup.d.tsx" />
+/// <reference path="./RelatedLinks.d.tsx" />
+/// <reference path="./RowBlock.d.tsx" />
+/// <reference path="./RowBlockColumn.d.tsx" />
+/// <reference path="./SearchInput.d.tsx" />
+/// <reference path="./SearchResults.d.tsx" />
+/// <reference path="./SeenEffect.d.tsx" />
+/// <reference path="./Selectbox.d.tsx" />
+/// <reference path="./ShareButtons.d.tsx" />
+/// <reference path="./Sharpie.d.tsx" />
+/// <reference path="./SiteSearchAutocomplete.d.tsx" />
+/// <reference path="./SiteSearchCurtain.d.tsx" />
+/// <reference path="./SiteSearchInput.d.tsx" />
+/// <reference path="./Skeleton.d.tsx" />
+/// <reference path="./SubHeading.d.tsx" />
+/// <reference path="./Tabs.d.tsx" />
+/// <reference path="./TagPill.d.tsx" />
+/// <reference path="./TextBlock.d.tsx" />
+/// <reference path="./TextButton.d.tsx" />
+/// <reference path="./TextInput.d.tsx" />
+/// <reference path="./utils.d.ts" />
+/// <reference path="./VerticalTabsTOC.d.tsx" />
+/// <reference path="./VSpacer.d.tsx" />
+/// <reference path="./WizardLayout.d.tsx" />
+/// <reference path="./WizardLayoutClose.d.tsx" />
+/// <reference path="./WizardStepper.d.tsx" />
+
+export {};

package/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@reykjavik/hanna-react",
-	"version": "0.10.66",
+	"version": "0.10.68",
 	"author": "Reykjavík (http://www.reykjavik.is)",
 	"contributors": [
 		"Hugsmiðjan ehf (http://www.hugsmidjan.is)",
@@ -16,7 +16,7 @@
 		"@hugsmidjan/qj": "^4.10.2",
 		"@hugsmidjan/react": "^0.4.17",
 		"@reykjavik/hanna-css": "^0.3.7",
-		"@reykjavik/hanna-utils": "^0.1.12",
+		"@reykjavik/hanna-utils": "^0.1.13",
 		"@types/react": "^17.0.24",
 		"@types/react-autosuggest": "^10.1.0",
 		"@types/react-datepicker": "^3.0.2",