@reykjavik/hanna-react 0.10.55 → 0.10.56

package/utils/seenEffect.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSeenEffect = exports.getEffectAttr = exports.assertEffectType = exports.seenEffectOptOut = exports.getObserver = exports.DATA_ATTR_NAME = void 0;
+const react_1 = require("react");
+exports.DATA_ATTR_NAME = 'is-seen';
+const STACKING_DELAY = 400; // ms
+const dataAttr = 'data-' + exports.DATA_ATTR_NAME;
+const inTargetSourceOrder = (a, b) => a.target.compareDocumentPosition(b.target) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
+const options = {
+    // root: window
+    rootMargin: '-100px 0px 0px 0px',
+    threshold: 0, // 0
+};
+let observer;
+const getObserver = (target, callback) => {
+    if (target.hasAttribute(dataAttr)) {
+        return;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    if (!observer) {
+        observer = new IntersectionObserver((entries, observer) => entries
+            .filter((e) => e.isIntersecting)
+            .sort(inTargetSourceOrder)
+            .forEach(({ target }, i) => {
+            setTimeout(() => {
+                target.setAttribute(dataAttr, 'true');
+                callback && callback(target);
+                observer.unobserve(target);
+            }, STACKING_DELAY * i);
+        }), options);
+    }
+    if (target.matches('[' + dataAttr + '] *')) {
+        // opt out if target is contained by another "seen-effect" element
+        target.setAttribute(dataAttr, '');
+        return;
+    }
+    target.setAttribute(dataAttr, 'false');
+    observer.observe(target);
+    return () => observer.unobserve(target);
+};
+exports.getObserver = getObserver;
+const seenEffectOptOut = (target, setFlag = true) => {
+    setFlag ? target.setAttribute(dataAttr, '') : target.removeAttribute(dataAttr);
+};
+exports.seenEffectOptOut = seenEffectOptOut;
+exports.getObserver.DATA_ATTR_NAME = exports.DATA_ATTR_NAME;
+// ---------------------------------------------------------------------------
+// ---------------------------------------------------------------------------
+const effects = {
+    fadein: 1,
+    fadeup: 1,
+    fadeleft: 1,
+};
+/** Asserts that a prop value is a SeenEffectType and returns undefined otherwise */
+const assertEffectType = (maybeType) => maybeType && maybeType in effects ? maybeType : undefined;
+exports.assertEffectType = assertEffectType;
+const getEffectAttr = (maybeType) => ({
+    'data-seen-effect': (0, exports.assertEffectType)(maybeType) || '',
+});
+exports.getEffectAttr = getEffectAttr;
+const useSeenEffect = (
+/** Should the component appear instantly, and not transition-in once seen */
+startSeen, 
+/** Bring Your Own RefObject */
+customRef) => {
+    const localRef = (0, react_1.useRef)(null);
+    const [isSeen, setSeen] = (0, react_1.useState)(startSeen || undefined);
+    const ref = !startSeen && (customRef || localRef);
+    (0, react_1.useEffect)(() => {
+        setSeen(startSeen || undefined);
+        if (ref && ref.current) {
+            // NOTE: Given that `ref` is defined, then
+            // `startSeen` is implicily `false | undefined` at
+            // this point.
+            (0, exports.seenEffectOptOut)(ref.current, false);
+            return (0, exports.getObserver)(ref.current, () => setSeen(true));
+        }
+    }, [ref, startSeen]);
+    return [ref || undefined, isSeen];
+};
+exports.useSeenEffect = useSeenEffect;

package/utils/useFormatMonitor.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormatMonitor = void 0;
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
+const react_1 = require("formatchange/react");
+// ==================================================
+/**
+ * Pass a callback that gets called whenever the browser window
+ * resizes past one of the preconfigured "media-format" breakpoints.
+ *
+ * Exmple use:
+ *
+ * ```ts
+ * useFormatMonitor((media) => {
+ *   if (media.is === 'phone') {
+ *     // do something clever because the window
+ *     // just became "phone" sized.
+ *   }
+ *   if (media.was === 'phone') {
+ *     // do something clever because the window
+ *     // just stopped being "phone" sized.
+ *   }
+ * })
+ * ```
+ *
+ * The `media` argument has the following properties:
+ *
+ * ```ts
+ *  // type Formats = 'phone' | 'phablet' | 'tablet' | 'netbook' | 'wide'
+ *  media.is //: Format
+ *  media.was //?: Format
+ *  // Category/mode boolean flags
+ *  // (Hamburger refers to the "mobile menu" mode)
+ *  media.isTopmenu
+ *  media.isHamburger
+ *  media.wasTopmenu
+ *  media.wasHamburger
+ *  media.becameTopmenu
+ *  media.becameHamburger
+ *  media.leftTopmenu
+ *  media.leftHamburger
+ * ```
+ */
+exports.useFormatMonitor = (0, react_1.makeFormatMonitorHook)(hanna_utils_1.formatMonitor);

package/utils/useGetSVGtext.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGetSVGtext = void 0;
+const react_1 = require("react");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
+const useGetSVGtext = (imageSrc) => {
+    const [inlineSvg, setInlineSvg] = (0, react_1.useState)();
+    const srcRef = (0, react_1.useRef)(imageSrc);
+    (0, react_1.useEffect)(() => {
+        if (imageSrc) {
+            (0, hanna_utils_1.getSVGtext)(imageSrc).then((code) => {
+                if (imageSrc === srcRef.current) {
+                    setInlineSvg({ imageSrc, code });
+                }
+            });
+        }
+        srcRef.current = imageSrc;
+        setInlineSvg(undefined);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [imageSrc]);
+    return inlineSvg;
+};
+exports.useGetSVGtext = useGetSVGtext;

package/utils/useMenuToggling.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMenuToggling = void 0;
+const react_1 = require("react");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
+const useFormatMonitor_1 = require("./useFormatMonitor");
+const htmlClass = (className, add) => {
+    document.documentElement.classList[add ? 'add' : 'remove'](className);
+};
+const noop = () => undefined;
+// ---------------------------------------------------------------------------
+const useMenuToggling = (doInitialize = true) => {
+    const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
+    const [isMenuActive, setIsMenuActive] = (0, react_1.useState)();
+    const state = { isMenuOpen, isMenuActive };
+    const stateRef = (0, react_1.useRef)(state);
+    stateRef.current = state;
+    const _openMenu = () => {
+        if (!stateRef.current.isMenuOpen) {
+            setIsMenuOpen(true);
+            htmlClass('menu-is-open', true);
+            htmlClass('menu-is-closed', false);
+            (0, hanna_utils_1.focusElement)('#pagenav');
+        }
+    };
+    const _closeMenu = () => {
+        if (stateRef.current.isMenuOpen) {
+            setIsMenuOpen(false);
+            htmlClass('menu-is-closed', true);
+            htmlClass('menu-is-open', false);
+            (0, hanna_utils_1.focusElement)('.Layout__header__skiplink');
+        }
+    };
+    (0, useFormatMonitor_1.useFormatMonitor)(doInitialize
+        ? (media) => {
+            if (media.becameHamburger) {
+                setIsMenuActive(true);
+                htmlClass('menu-is-active', true);
+                htmlClass('menu-is-closed', true);
+            }
+            if (media.leftHamburger) {
+                _closeMenu();
+                setIsMenuActive(undefined);
+                htmlClass('menu-is-active', false);
+                htmlClass('menu-is-closed', false);
+            }
+        }
+        : noop);
+    const { toggleMenu, closeMenu } = (0, react_1.useRef)(doInitialize
+        ? {
+            toggleMenu: () => {
+                if (stateRef.current.isMenuActive) {
+                    stateRef.current.isMenuOpen ? _closeMenu() : _openMenu();
+                }
+            },
+            closeMenu: _closeMenu,
+        }
+        : { toggleMenu: noop, closeMenu: noop }).current;
+    return {
+        isMenuActive,
+        isMenuOpen,
+        toggleMenu,
+        closeMenu,
+    };
+};
+exports.useMenuToggling = useMenuToggling;

package/utils/useScrollbarWidthCSSVar.js

@@ -0,0 +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.useScrollbarWidthCSSVar = void 0;
+const getScrollbarWidth_1 = __importDefault(require("@hugsmidjan/qj/getScrollbarWidth"));
+const hooks_1 = require("@hugsmidjan/react/hooks");
+const useScrollbarWidthCSSVar = () => (0, hooks_1.useOnMount)(() => getScrollbarWidth_1.default.setCSSvar());
+exports.useScrollbarWidthCSSVar = useScrollbarWidthCSSVar;

package/utils.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./utils/useFormatMonitor"), exports);
+__exportStar(require("./utils/useGetSVGtext"), exports);

package/AccordionList.cjs

@@ -1,91 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var AccordionList_exports = {};
-__export(AccordionList_exports, {
-  default: () => AccordionList_default
-});
-module.exports = __toCommonJS(AccordionList_exports);
-var import_react = __toESM(require("react"));
-var import_hooks = require("@hugsmidjan/react/hooks");
-var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
-var import_seenEffect = require("./utils/seenEffect");
-const AccordionListItem = (props) => {
-  const { title, content, id, disabled = false, defaultOpen, ssr } = props;
-  const [open, setOpen] = (0, import_react.useState)(defaultOpen);
-  (0, import_react.useEffect)(() => setOpen(defaultOpen), [defaultOpen]);
-  const domid = (0, import_hooks.useDomid)();
-  const isBrowser = (0, import_hooks.useIsBrowserSide)(ssr);
-  const itemDisabled = isBrowser && disabled || !content;
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: (0, import_getBemClass.default)("AccordionList__item", [itemDisabled && "disabled"]),
-    id,
-    "data-start-open": defaultOpen || void 0,
-    "data-sprinkled": isBrowser
-  }, /* @__PURE__ */ import_react.default.createElement("h3", {
-    className: "AccordionList__title"
-  }, isBrowser ? /* @__PURE__ */ import_react.default.createElement("button", {
-    type: "button",
-    className: "AccordionList__button",
-    "aria-controls": domid,
-    "aria-expanded": open || void 0,
-    onClick: () => {
-      setOpen(!open);
-    },
-    disabled: itemDisabled
-  }, title) : title), /* @__PURE__ */ import_react.default.createElement("div", {
-    id: isBrowser && domid,
-    className: "AccordionList__content",
-    hidden: isBrowser && (!open || itemDisabled)
-  }, content));
-};
-const AccordionList = (props) => {
-  const { items, ssr, wide, defaultOpen, startSeen } = props;
-  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: (0, import_getBemClass.default)("AccordionList", [wide && "wide"]),
-    ref
-  }, items.map((item, i) => /* @__PURE__ */ import_react.default.createElement(AccordionListItem, __spreadProps(__spreadValues({
-    key: i
-  }, item), {
-    ssr,
-    defaultOpen: defaultOpen && defaultOpen.includes(i)
-  }))));
-};
-var AccordionList_default = AccordionList;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/AccordionList.mjs

@@ -1,69 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React, { useEffect, useState } from "react";
-import { useDomid, useIsBrowserSide } from "@hugsmidjan/react/hooks";
-import getBemClass from "@hugsmidjan/react/utils/getBemClass";
-import { useSeenEffect } from "./utils/seenEffect";
-const AccordionListItem = (props) => {
-  const { title, content, id, disabled = false, defaultOpen, ssr } = props;
-  const [open, setOpen] = useState(defaultOpen);
-  useEffect(() => setOpen(defaultOpen), [defaultOpen]);
-  const domid = useDomid();
-  const isBrowser = useIsBrowserSide(ssr);
-  const itemDisabled = isBrowser && disabled || !content;
-  return /* @__PURE__ */ React.createElement("div", {
-    className: getBemClass("AccordionList__item", [itemDisabled && "disabled"]),
-    id,
-    "data-start-open": defaultOpen || void 0,
-    "data-sprinkled": isBrowser
-  }, /* @__PURE__ */ React.createElement("h3", {
-    className: "AccordionList__title"
-  }, isBrowser ? /* @__PURE__ */ React.createElement("button", {
-    type: "button",
-    className: "AccordionList__button",
-    "aria-controls": domid,
-    "aria-expanded": open || void 0,
-    onClick: () => {
-      setOpen(!open);
-    },
-    disabled: itemDisabled
-  }, title) : title), /* @__PURE__ */ React.createElement("div", {
-    id: isBrowser && domid,
-    className: "AccordionList__content",
-    hidden: isBrowser && (!open || itemDisabled)
-  }, content));
-};
-const AccordionList = (props) => {
-  const { items, ssr, wide, defaultOpen, startSeen } = props;
-  const [ref] = useSeenEffect(startSeen);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: getBemClass("AccordionList", [wide && "wide"]),
-    ref
-  }, items.map((item, i) => /* @__PURE__ */ React.createElement(AccordionListItem, __spreadProps(__spreadValues({
-    key: i
-  }, item), {
-    ssr,
-    defaultOpen: defaultOpen && defaultOpen.includes(i)
-  }))));
-};
-var AccordionList_default = AccordionList;
-export {
-  AccordionList_default as default
-};

package/ActionCards.cjs

@@ -1,57 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ActionCards_exports = {};
-__export(ActionCards_exports, {
-  default: () => ActionCards_default
-});
-module.exports = __toCommonJS(ActionCards_exports);
-var import_react = __toESM(require("react"));
-var import_CardList = require("./_abstract/CardList");
-var import_seenEffect = require("./utils/seenEffect");
-const ActionCards = (props) => {
-  const [ref] = (0, import_seenEffect.useSeenEffect)(props.startSeen);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "ActionCards",
-    ref
-  }, /* @__PURE__ */ import_react.default.createElement(import_CardList.CardList, __spreadProps(__spreadValues({}, props), {
-    bemPrefix: "ActionCards"
-  })));
-};
-var ActionCards_default = ActionCards;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/ActionCards.mjs

@@ -1,35 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React from "react";
-import { CardList } from "./_abstract/CardList";
-import { useSeenEffect } from "./utils/seenEffect";
-const ActionCards = (props) => {
-  const [ref] = useSeenEffect(props.startSeen);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "ActionCards",
-    ref
-  }, /* @__PURE__ */ React.createElement(CardList, __spreadProps(__spreadValues({}, props), {
-    bemPrefix: "ActionCards"
-  })));
-};
-var ActionCards_default = ActionCards;
-export {
-  ActionCards_default as default
-};

package/Alert.cjs

@@ -1,159 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Alert_exports = {};
-__export(Alert_exports, {
-  alertTypes: () => alertTypes,
-  default: () => Alert_default,
-  defaultAlertTexts: () => defaultAlertTexts
-});
-module.exports = __toCommonJS(Alert_exports);
-var import_react = __toESM(require("react"));
-var import_hooks = require("@hugsmidjan/react/hooks");
-var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
-var import_i18n = require("@reykjavik/hanna-utils/i18n");
-var import_Button = __toESM(require("./_abstract/Button"));
-var import_env = require("./utils/env");
-const AlertCloseTransitionDuration = 400;
-const useAutoClosing = (autoClose) => {
-  const [temp, setTemp] = (0, import_react.useState)(0);
-  if (!autoClose) {
-    return { autoClosing: false };
-  }
-  const thaw = () => setTemp((temp2) => temp2 + 1);
-  const freeze = () => setTemp((temp2) => temp2 - 1);
-  return {
-    autoClosing: temp === 0,
-    autoClosingProps: __spreadValues({
-      onMouseEnter: freeze,
-      onMouseLeave: thaw,
-      onFocus: freeze,
-      onBlur: thaw
-    }, import_env.isPreact ? {
-      onfocusin: (e) => e.currentTarget !== e.target && freeze(),
-      onfocusout: (e) => e.currentTarget !== e.target && thaw()
-    } : void 0)
-  };
-};
-const defaultAlertTexts = {
-  en: { closeLabel: "Hide" },
-  is: { closeLabel: "Fela" }
-};
-const alertTypes = {
-  info: 1,
-  success: 1,
-  warning: 1,
-  error: 1,
-  critical: 1
-};
-const Alert = (props) => {
-  const {
-    type,
-    childrenHTML,
-    children,
-    onClose,
-    closeUrl,
-    closable = !!(onClose || closeUrl != null),
-    ssr,
-    onClosed
-  } = props;
-  const autoClose = props.autoClose && props.autoClose > 0 ? props.autoClose : 0;
-  const closing = (0, import_react.useRef)();
-  const [open, setOpen] = (0, import_react.useState)(!!ssr);
-  const isBrowser = (0, import_hooks.useIsBrowserSide)(ssr);
-  const showCloseButton = closable && (isBrowser || closeUrl != null);
-  const { closeLabel, closeLabelLong } = (0, import_i18n.getTexts)(props, defaultAlertTexts);
-  (0, import_hooks.useOnMount)(() => {
-    setOpen(true);
-  });
-  const closeAlert = (0, import_react.useCallback)((event) => {
-    const ret = onClose && onClose(event);
-    if (ret !== false) {
-      setOpen(false);
-      if (closing.current) {
-        clearTimeout(closing.current);
-        closing.current = void 0;
-      }
-      closing.current = setTimeout(() => {
-        onClosed && onClosed();
-      }, AlertCloseTransitionDuration);
-    }
-  }, [onClose, onClosed]);
-  const { autoClosing, autoClosingProps } = useAutoClosing(autoClose);
-  (0, import_react.useEffect)(() => {
-    if (autoClosing) {
-      let autoCloseTimeout;
-      autoCloseTimeout = setTimeout(() => {
-        closeAlert();
-      }, autoClose * 1e3);
-      return () => {
-        if (autoCloseTimeout) {
-          clearTimeout(autoCloseTimeout);
-          autoCloseTimeout = void 0;
-        }
-        if (closing.current) {
-          clearTimeout(closing.current);
-          closing.current = void 0;
-        }
-      };
-    }
-  }, [closeAlert, autoClosing, autoClose]);
-  return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({
-    className: (0, import_getBemClass.default)("Alert", [
-      !!alertTypes[type] && type,
-      closable && "closable"
-    ]),
-    role: "alert",
-    hidden: !open || void 0
-  }, autoClosingProps), childrenHTML ? /* @__PURE__ */ import_react.default.createElement("div", {
-    dangerouslySetInnerHTML: { __html: childrenHTML }
-  }) : children, " ", showCloseButton && /* @__PURE__ */ import_react.default.createElement(import_Button.default, __spreadProps(__spreadValues({
-    bem: "Alert__close"
-  }, closeUrl != null ? { href: closeUrl } : { type: "button" }), {
-    onClick: (e) => {
-      closeAlert(e);
-    },
-    "aria-label": closeLabelLong,
-    title: closeLabelLong || closeLabel
-  }), closeLabel));
-};
-var Alert_default = Alert;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  alertTypes,
-  defaultAlertTexts
-});