@reykjavik/hanna-react 0.10.59 → 0.10.62

package/WizardLayout.js

@@ -1,12 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Image_1 = __importDefault(require("./_abstract/_Image"));
+const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
 const _Link_1 = require("./_abstract/_Link");
 const useScrollbarWidthCSSVar_1 = require("./utils/useScrollbarWidthCSSVar");
 const WizardLayout = (props) => {

package/WizardLayoutClose.js

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const _Button_1 = __importDefault(require("./_abstract/_Button"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const _Button_1 = tslib_1.__importDefault(require("./_abstract/_Button"));
 const WizardLayoutClose = (props) => (react_1.default.createElement(_Button_1.default, Object.assign({ bem: "WizardLayoutClose" }, props)));
 exports.default = WizardLayoutClose;

package/WizardStepper.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+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 WizardStepper = (props) => {
     const { steps, activeStep = -1, allowForwardSkip, disableBacktrack, onClick } = props;
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('WizardStepper', activeStep === -1 && 'preview') }, steps.map((step, i) => {

package/_abstract/_AbstractCarousel.js

@@ -1,42 +1,17 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const A_1 = __importDefault(require("@hugsmidjan/qj/A"));
-const focusElm_1 = __importDefault(require("@hugsmidjan/qj/focusElm"));
-const throttle_1 = __importDefault(require("@hugsmidjan/qj/throttle"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const A_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/A"));
+const debounce_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/debounce"));
+const focusElm_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/focusElm"));
+const throttle_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/throttle"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const hanna_utils_1 = require("@reykjavik/hanna-utils");
-const CarouselStepper_1 = __importDefault(require("../CarouselStepper"));
+const CarouselStepper_1 = tslib_1.__importDefault(require("../CarouselStepper"));
 const seenEffect_1 = require("../utils/seenEffect");
-const WHEEL_AMPLIFIER = 3;
-const WHEEL_HIJACK_TIMEOUT_MS = 667;
+// ---------------------------------------------------------------------------
 const scrollXBy = (elm, deltaX) => {
     const left = elm.scrollLeft + deltaX;
     elm.scrollTo(left, elm.scrollTop);
@@ -47,54 +22,6 @@ const scrollXBy = (elm, deltaX) => {
     // NOTE 2: Both Chrome and Safari tend to snap hard to the nearest list item
     // while Firefox is more smooth. Haven't found a way around that.
 };
-const exitWheelHijack = (elm) => () => {
-    elm.style.scrollSnapType = '';
-    const lastElmOffset = elm.lastElementChild
-        ? elm.lastElementChild.offsetLeft
-        : 0;
-    // trigger one last scroll event, to make sure the element's
-    // `style.scrollSnapType`'s behavior kicks in.
-    // Otherwise the list may stay stuck in an over-scrolled state —
-    // off to the right.
-    scrollXBy(elm, Math.min(0, lastElmOffset - elm.scrollLeft));
-};
-const handleMouseWheel = (e) => {
-    const elm = e.currentTarget;
-    if (e.deltaX || elm.$hasXDeltaed) {
-        elm.$hasXDeltaed = true;
-        exitWheelHijack(elm);
-        return;
-    }
-    if (e.deltaY && !e.deltaX) {
-        if (e.deltaY < 0) {
-            // Stop scroll-capture when list is at left-edge
-            if (elm.scrollLeft < 50) {
-                return;
-            }
-        }
-        else {
-            // Stop scroll-capture when list is beyond left edge of last list item
-            if (elm.scrollLeft >
-                (elm.lastElementChild ? elm.lastElementChild.offsetLeft : 0)) {
-                exitWheelHijack(elm);
-                return;
-            }
-        }
-        e.preventDefault();
-        e.stopImmediatePropagation();
-        // Disable `scroll-snap-style` because otherwise
-        // small-scale elm.scrollTo() calls have no effect
-        elm.style.scrollSnapType = 'initial';
-        scrollXBy(elm, e.deltaY * WHEEL_AMPLIFIER);
-        clearTimeout(elm.$timeout);
-        elm.$timeout = setTimeout(exitWheelHijack(elm), WHEEL_HIJACK_TIMEOUT_MS);
-    }
-};
-const handleMouseLeave = (e) => {
-    const elm = e.currentTarget;
-    exitWheelHijack(elm);
-    elm.$hasXDeltaed = undefined;
-};
 const AbstractCarousel = (props) => {
     const { title, items = [], Component, ComponentProps, bem = 'Carousel', modifier, ssr, startSeen, } = props;
     const children = props.children && props.children.filter(hanna_utils_1.notNully);
@@ -103,9 +30,10 @@ const AbstractCarousel = (props) => {
     const listRef = (0, react_1.useRef)(null);
     const [activeItem, setActiveItem] = (0, react_1.useState)(0);
     const isBrowser = (0, hooks_1.useIsBrowserSide)(ssr);
-    // update on activeItem state change
+    // Since listElm gets unmounted and remounted based on isBrowser, we
+    // wait for isBrowser is true before setting scroll and resize events.
+    const listElm = isBrowser && listRef.current;
     (0, react_1.useEffect)(() => {
-        const listElm = listRef.current;
         if (!listElm) {
             return;
         }
@@ -125,34 +53,56 @@ const AbstractCarousel = (props) => {
             });
         }, 300, true);
         calcLeftOffset();
-        listElm.addEventListener('wheel', handleMouseWheel);
         listElm.addEventListener('scroll', calcActiveItem, { passive: true });
         window.addEventListener('resize', calcLeftOffset, { passive: true });
         return () => {
-            listElm.removeEventListener('wheel', handleMouseWheel);
             listElm.removeEventListener('scroll', calcActiveItem);
             window.removeEventListener('resize', calcLeftOffset);
         };
-    }, []);
+    }, [listElm]);
     const scrollToItem = (newActive) => {
-        setActiveItem(newActive);
         const listElm = listRef.current;
         const newItem = listElm.children[newActive];
-        listElm.scrollTo(newItem ? newItem.offsetLeft : 0, 0);
+        if (!newItem) {
+            return;
+        }
+        setActiveItem(newActive);
+        listElm.scrollLeft = newItem.offsetLeft || 1;
         setTimeout(() => (0, focusElm_1.default)(newItem), 500);
     };
+    const { delayedScrollLeft, delayedScrollRight } = (0, react_1.useMemo)(() => {
+        const delayedScrollLeft = (0, debounce_1.default)((currentActive) => {
+            scrollToItem(currentActive - 1);
+            setTimeout(() => delayedScrollLeft(currentActive - 1), 0);
+        }, 1000);
+        const delayedScrollRight = (0, debounce_1.default)((currentActive) => {
+            scrollToItem(currentActive + 1);
+            setTimeout(() => delayedScrollRight(currentActive + 1), 0);
+        }, 1000);
+        return { delayedScrollLeft, delayedScrollRight };
+    }, []);
     const [outerRef] = (0, seenEffect_1.useSeenEffect)(startSeen);
     if (!itemCount) {
         return null;
     }
+    const itemList = (react_1.default.createElement("div", { className: bem + '__itemlist', style: leftOffset
+            ? { '--Carousel--leftOffset': `${leftOffset}px` }
+            : undefined, "data-scroll-snapping": leftOffset ? 'true' : undefined, ref: listRef }, children ||
+        items.map((item, i) => (
+        // @ts-expect-error  (Can't be arsed...)
+        react_1.default.createElement(Component, Object.assign({ key: i }, ComponentProps, item))))));
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)(bem, modifier, props.className), ref: outerRef, "data-sprinkled": isBrowser },
         title && react_1.default.createElement("h2", { className: bem + '__title' }, title),
-        react_1.default.createElement("div", { className: bem + '__itemlist', style: leftOffset
-                ? { '--Carousel--leftOffset': `${leftOffset}px` }
-                : undefined, "data-scroll-snapping": leftOffset ? 'true' : undefined, onMouseLeave: handleMouseLeave, ref: listRef }, children ||
-            items.map((item, i) => (
-            // @ts-expect-error  (Can't be arsed...)
-            react_1.default.createElement(Component, Object.assign({ key: i }, ComponentProps, item))))),
+        isBrowser ? (react_1.default.createElement("div", { className: bem + '__itemlist-wrapper' },
+            itemList,
+            react_1.default.createElement("div", { className: bem + '__itemlist-goLeft', onClick: () => {
+                    delayedScrollLeft.cancel();
+                    scrollToItem(activeItem - 1);
+                }, onMouseOver: () => delayedScrollLeft(activeItem), onMouseOut: () => delayedScrollLeft.cancel() }),
+            react_1.default.createElement("div", { className: bem + '__itemlist-goRight', onClick: () => {
+                    delayedScrollRight.cancel();
+                    scrollToItem(activeItem + 1);
+                }, onMouseOver: () => delayedScrollRight(activeItem), onMouseOut: () => delayedScrollRight.cancel() }))) : (itemList),
         isBrowser && (react_1.default.createElement(CarouselStepper_1.default, { itemCount: itemCount, setCurrent: scrollToItem, current: activeItem }))));
 };
 exports.default = AbstractCarousel;

package/_abstract/_Blings.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Bling_1 = __importDefault(require("../Bling"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Bling_1 = tslib_1.__importDefault(require("../Bling"));
 const inverseAlignments = {
     left: 'right',
     'left-ish': 'right-ish',

package/_abstract/_Block.js

@@ -1,13 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const seenEffect_1 = require("../utils/seenEffect");
-const _Button_1 = __importDefault(require("./_Button"));
-const _Image_1 = __importDefault(require("./_Image"));
+const _Button_1 = tslib_1.__importDefault(require("./_Button"));
+const _Image_1 = tslib_1.__importDefault(require("./_Image"));
 const Block = (props) => {
     const { image, modifier, bem, content, startSeen } = props;
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);

package/_abstract/_Button.js

@@ -1,21 +1,8 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const _Link_1 = require("./_Link");
 // ---------------------------------------------------------------------------
 const sizes = {
@@ -38,7 +25,7 @@ const icons = {
     edit: 'edit',
 };
 const Button = (props) => {
-    const { bem, small, size = 'normal', modifier, children, variant = 'normal', icon = 'none', label = children } = props, buttonProps = __rest(props, ["bem", "small", "size", "modifier", "children", "variant", "icon", "label"]);
+    const { bem, small, size = 'normal', modifier, children, variant = 'normal', icon = 'none', label = children } = props, buttonProps = tslib_1.__rest(props, ["bem", "small", "size", "modifier", "children", "variant", "icon", "label"]);
     const className = bem &&
         (0, getBemClass_1.default)(bem, [modifier, variants[variant], sizes[size], navigationFlags[icon]]);
     const iconProp = icons[icon] && { 'data-icon': icons[icon] };

package/_abstract/_CardList.js

@@ -1,12 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardList = void 0;
-const react_1 = __importDefault(require("react"));
-const _Button_1 = __importDefault(require("./_Button"));
-const _Image_1 = __importDefault(require("./_Image"));
+const tslib_1 = require("tslib");
+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 cardClass = `${bem}__card`;

package/_abstract/_Image.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+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 useGetSVGtext_1 = require("../utils/useGetSVGtext");
 // eslint-disable-next-line complexity
 const Image = (props) => {

package/_abstract/_Link.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setLinkRenderer = exports.Link = void 0;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const DefaultLinkRenderer = (props) => react_1.default.createElement('a', props);
 exports.Link = DefaultLinkRenderer;
 /**

package/_abstract/_Quote.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports._Quote = void 0;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const _Link_1 = require("./_Link");
 const _Quote = (props) => {
     const { bem, children, by, byHref } = props;

package/_abstract/_TogglerGroup.js

@@ -1,28 +1,28 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+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 TogglerGroup = (props) => {
     const { 
     // id,
     className, bem, name, disabled, Toggler, onSelected, options, inputProps = {}, } = props;
-    const values = props.value || [];
+    const values = props.value;
     return (react_1.default.createElement("ul", { className: (0, getBemClass_1.default)(bem, null, className), role: "group", "aria-labelledby": props['aria-labelledby'], "aria-describedby": props['aria-describedby'], "aria-required": props.required }, options.map((option, i) => {
         const isDisabled = option.disabled != null
             ? option.disabled
             : disabled && typeof disabled !== 'boolean'
                 ? disabled.includes(i)
                 : disabled;
-        const isChecked = values.includes(option.value);
+        const isChecked = values && values.includes(option.value);
         return (react_1.default.createElement(Toggler, Object.assign({ key: i }, inputProps, { className: bem + '__item', name: name, Wrapper: "li" }, option, { label: option.label || option.value, onChange: onSelected
                 ? (e) => {
                     const { value } = option;
                     const checked = e.currentTarget.checked;
                     inputProps.onChange && inputProps.onChange(e);
-                    const selectedValues = values.filter((val) => val !== value);
+                    const selectedValues = values
+                        ? values.filter((val) => val !== value)
+                        : [];
                     if (checked) {
                         selectedValues.push(value);
                     }

package/_abstract/_TogglerGroupField.js

@@ -1,25 +1,12 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const FormField_1 = __importDefault(require("../FormField"));
-const _TogglerGroup_1 = __importDefault(require("./_TogglerGroup"));
+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 FormField_1 = tslib_1.__importDefault(require("../FormField"));
+const _TogglerGroup_1 = tslib_1.__importDefault(require("./_TogglerGroup"));
 const TogglerGroupField = (props) => {
-    const { bem, Toggler, className, modifier, label, LabelTag, assistText, hideLabel, disabled, readOnly, invalid, errorMessage, required, reqText, id, value } = props, togglerGroupProps = __rest(props, ["bem", "Toggler", "className", "modifier", "label", "LabelTag", "assistText", "hideLabel", "disabled", "readOnly", "invalid", "errorMessage", "required", "reqText", "id", "value"]);
+    const { bem, Toggler, className, modifier, label, LabelTag, assistText, hideLabel, disabled, readOnly, invalid, errorMessage, required, reqText, id, value } = props, togglerGroupProps = tslib_1.__rest(props, ["bem", "Toggler", "className", "modifier", "label", "LabelTag", "assistText", "hideLabel", "disabled", "readOnly", "invalid", "errorMessage", "required", "reqText", "id", "value"]);
     return (react_1.default.createElement(FormField_1.default, { className: (0, getBemClass_1.default)(bem, modifier, className), group: true, label: label, LabelTag: LabelTag, assistText: assistText, hideLabel: hideLabel, disabled: disabled, readOnly: readOnly, invalid: invalid, errorMessage: errorMessage, required: required, reqText: reqText, id: id, renderInput: (className, inputProps) => {
             return (react_1.default.createElement(_TogglerGroup_1.default, Object.assign({ bem: className.options }, inputProps, togglerGroupProps, { value: Array.isArray(value) ? value : value != null ? [value] : undefined, Toggler: Toggler })));
         } }));

package/_abstract/_TogglerInput.js

@@ -1,24 +1,11 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const TogglerInput = (props) => {
-    const { bem, modifier, className, label, invalid, errorMessage, Wrapper = 'div', required, reqText, type, id } = props, inputProps = __rest(props, ["bem", "modifier", "className", "label", "invalid", "errorMessage", "Wrapper", "required", "reqText", "type", "id"]);
+    const { bem, modifier, className, label, invalid, errorMessage, Wrapper = 'div', required, reqText, type, id } = props, inputProps = tslib_1.__rest(props, ["bem", "modifier", "className", "label", "invalid", "errorMessage", "Wrapper", "required", "reqText", "type", "id"]);
     const domid = (0, hooks_1.useDomid)(id);
     const errorId = errorMessage && 'error' + domid;
     const reqStar = required && reqText !== false && (react_1.default.createElement("abbr", { className: bem + '__label__reqstar', 

package/_abstract/breakOnNL.js

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const breakOnNL = (text) => text &&
     text
         .trim()

package/assets.d.ts

@@ -27,7 +27,7 @@ getIllustrationUrl,
 /** @deprecated  Instead `import type { illustrations } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
 illustrations, };
 /** @deprecated Use `getCssBundleUrl` from '@reykjavik/hanna-css' instead  (Will be reomved in v0.11) */
-export declare const getCssBundleUrl: (cssTokens: string | Array<string>, version?: string | undefined) => string;
+export declare const getCssBundleUrl: (cssTokens: string | Array<string>, version?: string) => string;
 /** @deprecated  (Will be removed in v0.11) */
 export declare const efnistakn_menu: readonly ["menu/borgarstjori", "menu/borgarstjorn", "menu/bygg_framkv", "menu/fjarmal", "menu/fundargerdir", "menu/itrottir_aftreying", "menu/log_reglugerdir", "menu/mannaudur", "menu/menning", "menu/rad_nefndir", "menu/skipulag", "menu/skolar_fristund", "menu/svid_deildir", "menu/umhverfi_samgongur", "menu/velferd_fjolskylda"];
 /** @deprecated  (Will be removed in v0.11) */