@reykjavik/hanna-react 0.10.70 → 0.10.72

package/SearchResults.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchResults = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_intersection_observer_1 = require("react-intersection-observer");
@@ -8,7 +9,7 @@ const range_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/range"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _SearchResultsItem_1 = tslib_1.__importDefault(require("./SearchResults/_SearchResultsItem"));
+const _SearchResultsItem_1 = require("./SearchResults/_SearchResultsItem");
 const Alert_1 = tslib_1.__importDefault(require("./Alert"));
 const Tabs_1 = tslib_1.__importDefault(require("./Tabs"));
 const renderDefaultErrorText = () => (react_1.default.createElement(react_1.default.Fragment, null,
@@ -41,7 +42,7 @@ const SearchResults_Tabs = (props) => {
     })), [filters, lang]);
     return tabs.length ? (react_1.default.createElement(Tabs_1.default, { role: "tablist", "aria-controls": domid, tabs: tabs, activeIdx: activeIdx || 0, onSetActive: (i) => setFilter && setFilter(i) })) : null;
 };
-const LoadingScaffold = (props) => props.count ? (react_1.default.createElement("ol", { className: "SearchResults__list SearchResults__list--loading" }, (0, range_1.default)(1, props.count).map((item, i) => (react_1.default.createElement(_SearchResultsItem_1.default, { key: i, title: "...", summary: "", href: "" }))))) : null;
+const LoadingScaffold = (props) => props.count ? (react_1.default.createElement("ol", { className: "SearchResults__list SearchResults__list--loading" }, (0, range_1.default)(1, props.count).map((item, i) => (react_1.default.createElement(_SearchResultsItem_1.SearchResultsItem, { key: i, title: "...", summary: "", href: "" }))))) : null;
 // ===========================================================================
 const NUM_AUTOLOADS = 2;
 const SearchResults__loadmore = (props) => {
@@ -72,12 +73,11 @@ const SearchResults__loadmore = (props) => {
 // ===========================================================================
 const renderTitle = (props, texts) => {
     const { status, totalHits, query } = props;
-    const lang = texts.lang || props.lang || i18n_1.DEFAULT_LANG;
     return (react_1.default.createElement("h2", { className: "SearchResults__title" },
         status === 'loadingquery'
             ? texts.loadQueryTitle
             : totalHits
-                ? (0, prettyNum_1.prettyNum)(totalHits, { lang: lang }) +
+                ? (0, prettyNum_1.prettyNum)(totalHits, { lang: texts.lang }) +
                     ' ' +
                     texts.resultsTitle
                 : texts.noResultsTitle,
@@ -89,7 +89,7 @@ const renderResults = (props) => {
     if (status === 'loadingquery' || status === 'loadingfilter') {
         return react_1.default.createElement(LoadingScaffold, { count: Math.min(pageSize, hits || 999) });
     }
-    return items && items.length ? (react_1.default.createElement("ol", { className: "SearchResults__list" }, items.map((item, i) => (react_1.default.createElement(_SearchResultsItem_1.default, Object.assign({ key: i }, item)))))) : null;
+    return items && items.length ? (react_1.default.createElement("ol", { className: "SearchResults__list" }, items.map((item, i) => (react_1.default.createElement(_SearchResultsItem_1.SearchResultsItem, Object.assign({ key: i }, item)))))) : null;
 };
 // ---------------------------------------------------------------------------
 const renderLoadMore = (props, texts) => {
@@ -109,4 +109,5 @@ const SearchResults = (props) => {
             status === 'error' && (react_1.default.createElement(Alert_1.default, { type: "error" }, errorText || renderDefaultErrorText())),
             renderLoadMore(props, texts))));
 };
-exports.default = SearchResults;
+exports.SearchResults = SearchResults;
+exports.default = exports.SearchResults;

package/SeenEffect.d.ts

@@ -1,4 +1,4 @@
 import { EffectProp, SeenProp } from './utils/seenEffect';
 export declare type SeenEffectProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & SeenProp & EffectProp;
-declare const SeenEffect: (props: SeenEffectProps) => JSX.Element;
+export declare const SeenEffect: (props: SeenEffectProps) => JSX.Element;
 export default SeenEffect;

package/SeenEffect.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeenEffect = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const seenEffect_1 = require("./utils/seenEffect");
@@ -8,4 +9,5 @@ const SeenEffect = (props) => {
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
     return react_1.default.createElement("div", Object.assign({}, divProps, { ref: ref }, (0, seenEffect_1.getEffectAttr)(effectType)));
 };
-exports.default = SeenEffect;
+exports.SeenEffect = SeenEffect;
+exports.default = exports.SeenEffect;

package/Selectbox.d.ts

@@ -7,5 +7,5 @@ declare type OptionOrValue = _SelectboxProps['options'][0];
 export declare type SelectboxProps<O extends OptionOrValue = OptionOrValue> = FormFieldWrappingProps & Omit<_SelectboxProps<O>, 'bem'> & {
     small?: boolean;
 };
-declare const Selectbox: <O extends import("@hugsmidjan/react/__types/Selectbox.privates").OptionOrValue>(props: SelectboxProps<O>) => JSX.Element;
+export declare const Selectbox: <O extends import("@hugsmidjan/react/__types/Selectbox.privates").OptionOrValue>(props: SelectboxProps<O>) => JSX.Element;
 export default Selectbox;

package/Selectbox.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Selectbox = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const Selectbox_1 = tslib_1.__importDefault(require("@hugsmidjan/react/Selectbox"));
@@ -10,7 +11,6 @@ const getValue = (opt) => {
     return typeof val === 'number' ? String(val) : val;
 };
 const Selectbox = (props) => {
-    var _a;
     const { className, label, assistText, hideLabel, disabled, readOnly, reqText, invalid, errorMessage, required, id, ssr, onChange, small } = props, selectProps = tslib_1.__rest(props, ["className", "label", "assistText", "hideLabel", "disabled", "readOnly", "reqText", "invalid", "errorMessage", "required", "id", "ssr", "onChange", "small"]);
     const { value, defaultValue, placeholder, options } = selectProps;
     const _selectRef = (0, react_1.useRef)(null);
@@ -19,13 +19,15 @@ const Selectbox = (props) => {
     const [isFilled, setIsFilled] = (0, react_1.useState)(() => !!getInitialValue());
     const [isEmpty, setIsEmpty] = (0, react_1.useState)(() => !getInitialValue() && !placeholder);
     (0, react_1.useEffect)(() => {
-        var _a;
-        const selectElm = selectRef.current;
-        if (selectElm) {
-            setIsFilled(!!selectElm.value);
-            setIsEmpty(!((_a = selectElm.selectedOptions[0]) === null || _a === void 0 ? void 0 : _a.text));
-        }
-    }, [(_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.value]);
+        setTimeout(() => {
+            var _a;
+            const selectElm = selectRef.current;
+            if (selectElm) {
+                setIsFilled(!!selectElm.value);
+                setIsEmpty(!((_a = selectElm.selectedOptions[0]) === null || _a === void 0 ? void 0 : _a.text));
+            }
+        }, 0);
+    }, [selectRef, value, defaultValue, options]);
     const _onChange = (e) => {
         var _a;
         const selectElm = e.currentTarget;
@@ -35,4 +37,8 @@ const Selectbox = (props) => {
     };
     return (react_1.default.createElement(FormField_1.default, { className: (0, getBemClass_1.default)('Selectbox', null, className), ssr: ssr, small: small, label: label, empty: isEmpty, filled: isFilled, assistText: assistText, hideLabel: hideLabel, disabled: disabled, readOnly: readOnly, invalid: invalid, errorMessage: errorMessage, required: required, reqText: reqText, id: id, renderInput: (className, inputProps, addFocusProps) => (react_1.default.createElement(Selectbox_1.default, Object.assign({ bem: className.input, ssr: ssr, onChange: _onChange }, inputProps, addFocusProps(selectProps), { selectRef: selectRef }))) }));
 };
-exports.default = Selectbox;
+exports.Selectbox = Selectbox;
+// /** @deprecated Use named export instead (The default export will be removed in v0.11+) */
+// const SelectboxDefault = Selectbox;
+// export default SelectboxDefault;
+exports.default = exports.Selectbox;

package/ShareButtons.d.ts

@@ -2,8 +2,8 @@ import { SSRSupport } from '@hugsmidjan/react/hooks';
 import { ShareButtonI18n, ShareButtonPlatforms } from '@reykjavik/hanna-utils/shareButtonsUtils';
 export declare type ShareButtonsProps = {
     ssr?: SSRSupport;
-    children?: undefined;
     texts?: Readonly<ShareButtonI18n>;
+    lang?: string;
 } & Partial<Record<ShareButtonPlatforms, boolean>>;
-declare const ShareButtons: (props: ShareButtonsProps) => JSX.Element | null;
+export declare const ShareButtons: (props: ShareButtonsProps) => JSX.Element | null;
 export default ShareButtons;

package/ShareButtons.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShareButtons = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const i18n_1 = require("@reykjavik/hanna-utils/i18n");
 const shareButtonsUtils_1 = require("@reykjavik/hanna-utils/shareButtonsUtils");
 const _Link_1 = require("./_abstract/_Link");
 const generateTypeList = (facebook, twitter, linkedin, email) => {
@@ -22,24 +24,28 @@ const ShareButtons__item = (props) => {
         react_1.default.createElement(_Link_1.Link, { className: 'ShareButtons__link ShareButtons__link--' + type, href: href, title: buttonText, rel: "noopener noreferrer", target: popup ? '_blank' : undefined, onClick: popup ? shareButtonsUtils_1.openInPopup : undefined }, buttonText)));
 };
 const ShareButtons = (props) => {
-    const { texts, ssr, facebook = true, twitter = true, linkedin, email, } = props;
+    const { texts, lang, ssr, facebook = true, twitter = true, linkedin, email, } = props;
     const [docMeta, setDocMeta] = (0, react_1.useState)();
     const href = docLoc.href; // assign to local variable to silence `react-hooks/exhaustive-deps`
     (0, react_1.useEffect)(() => {
         // FIXME: Drop dependency on _loc.href and set up proper
         // location/route monitoring event handler, with unsubscribe on unmount
-        const { emailSubject } = texts || {};
-        setDocMeta((0, shareButtonsUtils_1.getDocMeta)({ emailSubject }));
-    }, [texts, href]);
+        setDocMeta((0, shareButtonsUtils_1.getDocMeta)({
+            lang,
+            emailSubject: texts && texts.emailSubject,
+        }));
+    }, [texts, lang, href]);
     if (!facebook && !twitter && !linkedin && !email) {
         // no place to share
         return null;
     }
-    const txt = texts || (docMeta && shareButtonsUtils_1.i18n[docMeta.lang]) || {};
-    const { label, buttonLabel } = txt;
+    const txt = texts ||
+        (docMeta && (shareButtonsUtils_1.shareButtonTexts[docMeta.lang] || shareButtonsUtils_1.shareButtonTexts[i18n_1.DEFAULT_LANG])) ||
+        {};
+    const { label, buttonLabel, emailSubject } = txt;
     if (!docMeta || ssr === 'ssr-only') {
         // Generate SSR markup for hanna-sprinkles to pick up on.
-        return (react_1.default.createElement("div", { className: "ShareButtons", "data-button-types": generateTypeList(facebook, twitter, linkedin, email), "data-label": label, "data-buttonlabel": buttonLabel, "data-emailsubject": txt.emailSubject || undefined }));
+        return (react_1.default.createElement("div", { className: "ShareButtons", "data-button-types": generateTypeList(facebook, twitter, linkedin, email), "data-label": label, "data-buttonlabel": buttonLabel, "data-emailsubject": emailSubject || undefined }));
     }
     const showTypes = {
         facebook,
@@ -51,4 +57,5 @@ const ShareButtons = (props) => {
         label && react_1.default.createElement("strong", { className: "ShareButtons__label" }, label),
         react_1.default.createElement("ul", { className: "ShareButtons__list" }, shareButtonsUtils_1.shareButtonTypes.map((type) => showTypes[type] && (react_1.default.createElement(ShareButtons__item, { key: type, type: type, label: buttonLabel || '', href: docMeta.hrefs[type] }))))));
 };
-exports.default = ShareButtons;
+exports.ShareButtons = ShareButtons;
+exports.default = exports.ShareButtons;

package/Sharpie.d.ts

@@ -19,5 +19,5 @@ export declare type SharpieProps = {
     tag?: SharpieTag;
     children: ReactNode;
 };
-declare const Sharpie: (props: SharpieProps) => JSX.Element;
+export declare const Sharpie: (props: SharpieProps) => JSX.Element;
 export default Sharpie;

package/Sharpie.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sharpie = 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"));
@@ -22,4 +23,5 @@ const Sharpie = (props) => {
     const Tag = tag && tags[tag] ? tag : 'span';
     return react_1.default.createElement(Tag, { className: (0, getBemClass_1.default)('Sharpie', colorModifier) }, children);
 };
-exports.default = Sharpie;
+exports.Sharpie = Sharpie;
+exports.default = exports.Sharpie;

package/SiteSearchAutocomplete.d.ts

@@ -16,7 +16,7 @@ export declare type SiteSearchACI18n = {
 export declare const defaultSiteSearchACTexts: DefaultTexts<SiteSearchACI18n>;
 export declare type SiteSearchAutocompleteProps<T> = {
     suggestions: Array<T>;
-    renderSuggestion: RenderSuggestion<T>;
+    renderSuggestion?: RenderSuggestion<T>;
     setSuggestions: (suggestions: Array<T>) => void;
     getSuggestionValue: (suggestion: T) => string;
     onSuggestionsFetchRequested: (request: Autosuggest.SuggestionsFetchRequestedParams) => void;
@@ -36,5 +36,5 @@ export declare type SiteSearchAutocompleteProps<T> = {
     /** @deprecated  Use `text` prop instead  (will be removed in v0.11) */
     label?: string;
 } & BemProps;
-declare const SiteSearchAutocomplete: <T>(props: SiteSearchAutocompleteProps<T>) => JSX.Element;
+export declare const SiteSearchAutocomplete: <T>(props: SiteSearchAutocompleteProps<T>) => JSX.Element;
 export default SiteSearchAutocomplete;

package/SiteSearchAutocomplete.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultSiteSearchACTexts = void 0;
+exports.SiteSearchAutocomplete = exports.defaultSiteSearchACTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_autosuggest_1 = tslib_1.__importDefault(require("react-autosuggest"));
@@ -35,7 +35,7 @@ const SiteSearchAutocomplete = (props) => {
             suggestionsList: bem + '__list',
             suggestion: bem + '__item',
             suggestionHighlighted: bem + '__item--highlighted',
-        }, focusInputOnSuggestionClick: true, suggestions: suggestions, onSuggestionsClearRequested: () => setSuggestions([]), onSuggestionsFetchRequested: onSuggestionsFetchRequested, getSuggestionValue: getSuggestionValue, onSuggestionSelected: onSuggestionSelected, onSuggestionHighlighted: onSuggestionHighlighted, renderSuggestion: renderSuggestion, containerProps: { 'aria-label': txt.label }, renderSuggestionsContainer: ({ containerProps, children }) => (react_1.default.createElement("div", Object.assign({}, containerProps, { "aria-label": txt.suggestionsLabel }), children)), inputProps: {
+        }, focusInputOnSuggestionClick: true, suggestions: suggestions, onSuggestionsClearRequested: () => setSuggestions([]), onSuggestionsFetchRequested: onSuggestionsFetchRequested, getSuggestionValue: getSuggestionValue, onSuggestionSelected: onSuggestionSelected, onSuggestionHighlighted: onSuggestionHighlighted, renderSuggestion: renderSuggestion || ((s) => String(s)), containerProps: { 'aria-label': txt.label }, renderSuggestionsContainer: ({ containerProps, children }) => (react_1.default.createElement("div", Object.assign({}, containerProps, { "aria-label": suggestions.length ? txt.suggestionsLabel : undefined }), children)), inputProps: {
             ref: inputRef,
             value: value,
             onChange: (_, { newValue }) => {
@@ -48,4 +48,5 @@ const SiteSearchAutocomplete = (props) => {
             return (react_1.default.createElement(SiteSearchInput_1.default, Object.assign({}, siteSearchProps, { label: props.label || txt.inputLabel, placeholder: txt.placeholder, onSubmit: onSubmit && (() => onSubmit(value)), onButtonClick: onButtonClick && (() => onButtonClick(value)) })));
         } }));
 };
-exports.default = SiteSearchAutocomplete;
+exports.SiteSearchAutocomplete = SiteSearchAutocomplete;
+exports.default = exports.SiteSearchAutocomplete;

package/SiteSearchCurtain.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 export declare type SiteSearchCurtain = {
     children: ReactNode;
 };
-declare const SiteSearchCurtain: (props: SiteSearchCurtain) => JSX.Element;
+export declare const SiteSearchCurtain: (props: SiteSearchCurtain) => JSX.Element;
 export default SiteSearchCurtain;

package/SiteSearchCurtain.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteSearchCurtain = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
@@ -33,4 +34,5 @@ const SiteSearchCurtain = (props) => {
     };
     return (react_1.default.createElement("div", Object.assign({ className: (0, getBemClass_1.default)('SiteSearchCurtain', [focused && 'focused']), onFocus: focusHandler, onBlur: blurHandler }, (env_1.isPreact && { onfocusin: focusHandler, onfocusout: blurHandler })), props.children));
 };
-exports.default = SiteSearchCurtain;
+exports.SiteSearchCurtain = SiteSearchCurtain;
+exports.default = exports.SiteSearchCurtain;

package/SiteSearchInput.d.ts

@@ -17,8 +17,8 @@ export declare type SiteSearchInputProps = {
      */
     onButtonClick?: () => boolean | void;
     buttonText?: string;
-    children?: undefined;
+    children?: never;
     ssr?: SSRSupport;
 } & WrappingProps & InputElmProps;
-declare const SiteSearchInput: React.ForwardRefExoticComponent<Pick<SiteSearchInputProps, "form" | "label" | "slot" | "style" | "title" | "pattern" | "is" | "value" | "defaultValue" | "id" | "ssr" | "children" | "hidden" | "onClick" | "key" | "list" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "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 declare const SiteSearchInput: React.ForwardRefExoticComponent<Pick<SiteSearchInputProps, "form" | "label" | "slot" | "style" | "title" | "pattern" | "is" | "value" | "defaultValue" | "id" | "ssr" | "children" | "hidden" | "onClick" | "key" | "list" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "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/SiteSearchInput.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteSearchInput = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const FormField_1 = tslib_1.__importDefault(require("./FormField"));
 // ---------------------------------------------------------------------------
-const SiteSearchInput = react_1.default.forwardRef((props, ref) => {
+exports.SiteSearchInput = react_1.default.forwardRef((props, ref) => {
     var _a;
     const { label, id, onChange, placeholder = typeof label === 'string' ? label : undefined, buttonText = 'Leita', onSubmit, onButtonClick = onSubmit, onKeyDown, ssr } = props, inputElementProps = tslib_1.__rest(props, ["label", "id", "onChange", "placeholder", "buttonText", "onSubmit", "onButtonClick", "onKeyDown", "ssr"]);
     const { value, defaultValue } = inputElementProps;
@@ -29,4 +30,4 @@ const SiteSearchInput = react_1.default.forwardRef((props, ref) => {
             ' ',
             react_1.default.createElement("button", { className: "SiteSearchInput__button", type: "submit", onClick: onButtonClick && ((e) => !onButtonClick() && e.preventDefault()), title: buttonText }, buttonText))) }));
 });
-exports.default = SiteSearchInput;
+exports.default = exports.SiteSearchInput;

package/Skeleton.d.ts

@@ -5,7 +5,7 @@ export declare type SkeletonProps = {
     items?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20;
     gap?: 1 | 2 | 3 | 4 | 5;
 };
-declare const Skeleton: {
+export declare const Skeleton: {
     (props: SkeletonProps): JSX.Element;
     /** Returns a single `<Skeleton height={X}/>` element of branded type `SkeletonBlock` */
     block(height?: SkeletonProps['height']): SkeletonBlock;

package/Skeleton.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const range_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/range"));
@@ -26,8 +27,9 @@ const Skeleton = (props) => {
     }
     return renderSkeleton();
 };
-exports.default = Skeleton;
+exports.Skeleton = Skeleton;
+exports.default = exports.Skeleton;
 /** Returns a single `<Skeleton height={X}/>` element of branded type `SkeletonBlock` */
-Skeleton.block = (height) => (react_1.default.createElement(Skeleton, { height: height }));
+exports.Skeleton.block = (height) => (react_1.default.createElement(exports.Skeleton, { height: height }));
 /** Returns a single `<Skeleton text height={X}/>` element of branded type `SkeletonText` */
-Skeleton.text = (height) => (react_1.default.createElement(Skeleton, { text: true, height: height }));
+exports.Skeleton.text = (height) => (react_1.default.createElement(exports.Skeleton, { text: true, height: height }));

package/SubHeading.d.ts

@@ -6,5 +6,5 @@ export declare type SubHeadingProps = {
     small?: boolean;
     children: ReactNode;
 } & ComponentLayoutProps & SeenProp;
-declare const SubHeading: (props: SubHeadingProps) => JSX.Element;
+export declare const SubHeading: (props: SubHeadingProps) => JSX.Element;
 export default SubHeading;

package/SubHeading.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubHeading = 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"));
@@ -13,4 +14,5 @@ const SubHeading = (props) => {
             !align && wide && 'wide',
         ]), ref: ref }, children));
 };
-exports.default = SubHeading;
+exports.SubHeading = SubHeading;
+exports.default = exports.SubHeading;

package/Tabs.d.ts

@@ -31,5 +31,5 @@ export declare type TabsProps<T extends TabItemProps = TabItemProps> = BaseTabsP
 } & SeenProp;
 /** @deprecated  Use `TabsProps` instead  (Will be removed in v0.11) */
 export declare type TablistProps<T extends TabItemProps = TabItemProps> = TabsProps<T>;
-declare const Tabs: (props: TabsProps) => JSX.Element;
+export declare const Tabs: (props: TabsProps) => JSX.Element;
 export default Tabs;

package/Tabs.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const frag_1 = require("@hugsmidjan/qj/frag");
@@ -90,8 +91,9 @@ const Tabs = (props) => {
     };
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('Tabs', vertical && 'vertical'), role: tabRole && role, id: id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, onKeyDown: handleKeydown, "data-sprinkled": isBrowser, ref: ref },
         tabs.map((tabProps, index) => renderTab(tabProps, index, listProps)),
-        subTabs && (react_1.default.createElement(Tabs, Object.assign({}, subTabs, { role: 'role' in subTabs ? subTabs.role : role, activateOnFocus: (_a = subTabs.activateOnFocus) !== null && _a !== void 0 ? _a : activateOnFocus, ssr: (_b = subTabs.ssr) !== null && _b !== void 0 ? _b : ssr, startSeen: true, 
+        subTabs && (react_1.default.createElement(exports.Tabs, Object.assign({}, subTabs, { role: 'role' in subTabs ? subTabs.role : role, activateOnFocus: (_a = subTabs.activateOnFocus) !== null && _a !== void 0 ? _a : activateOnFocus, ssr: (_b = subTabs.ssr) !== null && _b !== void 0 ? _b : ssr, startSeen: true, 
             // just to be sure
             vertical: undefined, subTabs: undefined })))));
 };
-exports.default = Tabs;
+exports.Tabs = Tabs;
+exports.default = exports.Tabs;

package/TagPill.d.ts

@@ -21,5 +21,5 @@ export declare type TagPillProps = ButtonProps & {
     removeLabel?: string;
     removeLabelLong?: string;
 }>;
-declare const TagPill: (props: TagPillProps) => JSX.Element;
+export declare const TagPill: (props: TagPillProps) => JSX.Element;
 export default TagPill;

package/TagPill.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TagPill = 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 _Button_1 = tslib_1.__importDefault(require("./_abstract/_Button"));
+const _Button_1 = require("./_abstract/_Button");
 const colors = {
     normal: '',
     green: 'color--green',
@@ -26,11 +27,12 @@ const TagPill = (props) => {
         label,
         " ",
         removeBtn)) : onRemove ? (react_1.default.createElement("span", { className: (0, getBemClass_1.default)('TagPill', modifiers) },
-        react_1.default.createElement(_Button_1.default, Object.assign({ bem: "TagPill__button" }, buttonProps), label),
+        react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "TagPill__button" }, buttonProps), label),
         ' ',
-        removeBtn)) : (react_1.default.createElement(_Button_1.default, Object.assign({ bem: "TagPill" }, buttonProps, { modifier: modifiers }),
+        removeBtn)) : (react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "TagPill" }, buttonProps, { modifier: modifiers }),
         label,
         ' ',
         removable && (react_1.default.createElement("span", { className: "TagPill__remove", "aria-label": removeLabelLong }, removeLabel))));
 };
-exports.default = TagPill;
+exports.TagPill = TagPill;
+exports.default = exports.TagPill;

package/TextBlock.d.ts

@@ -11,5 +11,5 @@ export declare type TextBlockProps = ComponentLayoutProps & {
     small?: boolean;
     children: ReactNode;
 } & SeenProp;
-declare const TextBlock: (props: TextBlockProps) => JSX.Element;
+export declare const TextBlock: (props: TextBlockProps) => JSX.Element;
 export default TextBlock;

package/TextBlock.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextBlock = 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"));
@@ -15,4 +16,5 @@ const TextBlock = (props) => {
             small && !labelled && 'small',
         ]), ref: ref }, children));
 };
-exports.default = TextBlock;
+exports.TextBlock = TextBlock;
+exports.default = exports.TextBlock;

package/TextButton.d.ts

@@ -3,7 +3,7 @@ import { ButtonProps } from './_abstract/_Button';
 export declare type TextButtonProps = ButtonProps & {
     disabled?: never;
 };
-declare const TextButton: (props: TextButtonProps & {
+export declare const TextButton: (props: TextButtonProps & {
     children?: ReactNode;
 }) => JSX.Element;
 export default TextButton;

package/TextButton.js

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButton = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Button_1 = tslib_1.__importDefault(require("./_abstract/_Button"));
+const _Button_1 = require("./_abstract/_Button");
 const TextButton = (props) => {
     if ('disabled' in props) {
         props = Object.assign(Object.assign({}, props), { disabled: undefined });
     }
-    return react_1.default.createElement(_Button_1.default, Object.assign({ bem: "TextButton" }, props));
+    return react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "TextButton" }, props));
 };
-exports.default = TextButton;
+exports.TextButton = TextButton;
+exports.default = exports.TextButton;

package/TextInput.d.ts

@@ -4,7 +4,7 @@ declare type InputElmProps = JSX.IntrinsicElements['input'];
 declare type TextareaElmProps = JSX.IntrinsicElements['textarea'];
 export declare type TextInputProps = {
     small?: boolean;
-    children?: undefined;
+    children?: never;
 } & FormFieldWrappingProps & (({
     type?: 'text' | 'email' | 'tel' | 'number' | 'date' | 'url' | 'password' | 'search';
     inputRef?: RefObject<HTMLInputElement>;
@@ -12,5 +12,5 @@ export declare type TextInputProps = {
     type: 'textarea';
     inputRef?: RefObject<HTMLTextAreaElement>;
 } & TextareaElmProps));
-declare const TextInput: (props: TextInputProps) => JSX.Element;
+export declare const TextInput: (props: TextInputProps) => JSX.Element;
 export default TextInput;

package/TextInput.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextInput = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -31,4 +32,5 @@ const TextInput = (props) => {
     }, []);
     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;
+exports.TextInput = TextInput;
+exports.default = exports.TextInput;

package/VSpacer.d.ts

@@ -18,5 +18,5 @@ export declare type VSpacerProps = EitherObj<{
     top?: VSpacerSize;
     bottom?: VSpacerSize;
 }>;
-declare const VSpacer: (props: VSpacerProps) => JSX.Element;
+export declare const VSpacer: (props: VSpacerProps) => JSX.Element;
 export default VSpacer;

package/VSpacer.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.VSpacer = 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"));
@@ -41,4 +42,5 @@ const VSpacer = (props) => {
     ]);
     return isWrapper ? (react_1.default.createElement("div", { className: className }, children)) : (react_1.default.createElement("hr", { className: className }));
 };
-exports.default = VSpacer;
+exports.VSpacer = VSpacer;
+exports.default = exports.VSpacer;

package/VerticalTabsTOC.d.ts

@@ -10,5 +10,5 @@ export declare type VerticalTabsTOCProps = {
     items: Array<VerticalTabsTOCItem>;
     onItemSelect: (itemId: string) => void;
 } & Pick<TabsProps, 'aria-label' | 'ssr' | 'activateOnFocus' | 'id' | 'startSeen'>;
-declare const VerticalTabsTOC: (props: VerticalTabsTOCProps) => JSX.Element;
+export declare const VerticalTabsTOC: (props: VerticalTabsTOCProps) => JSX.Element;
 export default VerticalTabsTOC;

package/VerticalTabsTOC.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.VerticalTabsTOC = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const frag_1 = require("@hugsmidjan/qj/frag");
@@ -68,4 +69,5 @@ const VerticalTabsTOC = (props) => {
             (0, frag_1.setFrag)(newId);
         }, tabs: updatedItems, role: "tablist", activeIdx: state.activeIdx, subTabs: state.subTabs }));
 };
-exports.default = VerticalTabsTOC;
+exports.VerticalTabsTOC = VerticalTabsTOC;
+exports.default = exports.VerticalTabsTOC;