@reykjavik/hanna-react 0.10.53

package/lib/ContactBubble.mjs

@@ -0,0 +1,173 @@
+import React, { useEffect, useMemo, useRef, useState } from "react";
+import focusElm from "@hugsmidjan/qj/focusElm";
+import { useDomid, useIsBrowserSide } from "@hugsmidjan/react/hooks";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import { getPageScrollElm } from "@reykjavik/hanna-utils";
+import { getTexts } from "@reykjavik/hanna-utils/i18n";
+import { Link } from "./_abstract/Link";
+const defaultTexts = {
+  is: {
+    lang: "is",
+    openBtn: "Hafa samband",
+    closeBtn: "Loka",
+    closeBtnLong: "Loka valmynd"
+  },
+  en: {
+    lang: "en",
+    openBtn: "Contact us",
+    closeBtn: "Close",
+    closeBtnLong: "Close bubble"
+  }
+};
+const icons = {
+  suggestions: 1,
+  phone: 1,
+  faq: 1,
+  livechat: 1,
+  other: 0
+};
+const ensureIcon = (maybeIcon) => maybeIcon && icons[maybeIcon] ? maybeIcon : void 0;
+const ContactBubble = (props) => {
+  const { title, links, onToggle, alwaysShow } = props;
+  const txt = getTexts(props, defaultTexts);
+  const useLocalState = props.open == null;
+  const [localOpen, setLocalOpen] = useState(false);
+  const open = useLocalState ? localOpen : props.open;
+  const isBrowser = useIsBrowserSide(props.ssr);
+  const domid = useDomid();
+  const wrapperRef = useRef(null);
+  const { openBubble, closeBubble } = useMemo(() => ({
+    openBubble: () => {
+      useLocalState && setLocalOpen(true);
+      onToggle && onToggle(true);
+    },
+    closeBubble: (setFocus) => {
+      useLocalState && setLocalOpen(false);
+      onToggle && onToggle(false);
+      setFocus !== false && focusElm(wrapperRef.current);
+    }
+  }), [useLocalState, onToggle]);
+  useEffect(() => {
+    const wrapperElm = wrapperRef.current;
+    if (!wrapperElm) {
+      return;
+    }
+    if (alwaysShow) {
+      wrapperElm.dataset.show = "true";
+      return;
+    }
+    const scrollElm = getPageScrollElm();
+    let pending = 0;
+    const checkScroll = () => {
+      if (!pending) {
+        pending = requestAnimationFrame(() => {
+          const { scrollTop, scrollHeight, clientHeight } = scrollElm;
+          const scrollLength = scrollHeight - clientHeight;
+          const f = 1;
+          const show = scrollTop > f * 150 && scrollLength - scrollTop > f * 250;
+          wrapperElm.dataset.show = String(show);
+          !show && closeBubble(false);
+          pending = 0;
+        });
+      }
+    };
+    checkScroll();
+    document.addEventListener("scroll", checkScroll);
+    scrollElm.addEventListener("scroll", checkScroll);
+    return () => {
+      document.removeEventListener("scroll", checkScroll);
+      scrollElm.removeEventListener("scroll", checkScroll);
+    };
+  }, [isBrowser, alwaysShow, closeBubble]);
+  useEffect(() => {
+    const escHandler = (e) => e.key === "Escape" && closeBubble();
+    const outsideClickHandler = (e) => {
+      var _a;
+      if (open && !((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.target))) {
+        closeBubble(false);
+      }
+    };
+    document.addEventListener("keydown", escHandler);
+    document.addEventListener("click", outsideClickHandler, true);
+    const htmlDataset = document.documentElement.dataset;
+    if (open) {
+      htmlDataset.contactBubble = "true";
+    } else {
+      delete htmlDataset.contactBubble;
+    }
+    return () => {
+      delete htmlDataset.contactBubble;
+      document.removeEventListener("keydown", escHandler);
+      document.removeEventListener("click", outsideClickHandler, true);
+    };
+  }, [open, closeBubble]);
+  if (links.length === 0) {
+    return null;
+  }
+  const menu = /* @__PURE__ */ React.createElement("div", {
+    className: "ContactBubble",
+    id: isBrowser && domid,
+    hidden: isBrowser && !open,
+    "data-always-show": alwaysShow || void 0,
+    "data-sprinkled": isBrowser
+  }, /* @__PURE__ */ React.createElement("h2", {
+    className: "ContactBubble__title"
+  }, title || txt.openBtn), /* @__PURE__ */ React.createElement("ul", {
+    className: "ContactBubble__list"
+  }, links.map((linkInfo, i) => {
+    const { href, label, extraLabel, target, onClick } = linkInfo;
+    const icon = ensureIcon(linkInfo.icon);
+    const itemClass = getBemClass("ContactBubble__item", icon && "type--" + icon);
+    const onClickHandler = onClick && ((e) => {
+      if (!onClick()) {
+        e.preventDefault();
+        closeBubble(false);
+      }
+    });
+    const content = [
+      " ",
+      label,
+      "\n",
+      extraLabel && /* @__PURE__ */ React.createElement("small", {
+        key: "\u{1F921}"
+      }, extraLabel),
+      "\n"
+    ];
+    return /* @__PURE__ */ React.createElement("li", {
+      key: i,
+      className: itemClass
+    }, href && href !== "#" ? /* @__PURE__ */ React.createElement(Link, {
+      className: "ContactBubble__link",
+      href,
+      onClick: onClickHandler,
+      target
+    }, content) : /* @__PURE__ */ React.createElement("button", {
+      className: "ContactBubble__link",
+      onClick: onClickHandler,
+      type: "button"
+    }, content));
+  })), "\n\n", isBrowser && /* @__PURE__ */ React.createElement("button", {
+    className: "ContactBubble__closebtn",
+    "aria-controls": domid,
+    "aria-label": txt.closeBtnLong,
+    onClick: () => closeBubble(),
+    type: "button"
+  }, txt.closeBtn));
+  return isBrowser ? /* @__PURE__ */ React.createElement("div", {
+    className: "ContactBubble__wrapper",
+    ref: wrapperRef
+  }, /* @__PURE__ */ React.createElement("button", {
+    className: "ContactBubble__openbtn",
+    "aria-controls": domid,
+    "aria-expanded": open,
+    "aria-label": txt.openBtnLong,
+    onClick: open ? () => closeBubble() : openBubble,
+    type: "button"
+  }, txt.openBtn), "\n\n", menu) : menu;
+};
+var ContactBubble_default = ContactBubble;
+export {
+  ContactBubble_default as default,
+  defaultTexts,
+  ensureIcon
+};

package/lib/ContentArticle.cjs

@@ -0,0 +1,63 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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 __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 ContentArticle_exports = {};
+__export(ContentArticle_exports, {
+  default: () => ContentArticle_default
+});
+module.exports = __toCommonJS(ContentArticle_exports);
+var import_react = __toESM(require("react"));
+var import_seenEffect = require("./utils/seenEffect");
+var import_ArticleMeta = __toESM(require("./ArticleMeta"));
+var import_ContentImage = __toESM(require("./ContentImage"));
+var import_Heading = __toESM(require("./Heading"));
+var import_RelatedLinks = __toESM(require("./RelatedLinks"));
+var import_TextBlock = __toESM(require("./TextBlock"));
+var import_VSpacer = __toESM(require("./VSpacer"));
+const ContentArticle = (props) => {
+  const [ref] = (0, import_seenEffect.useSeenEffect)(props.startSeen);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "ContentArticle",
+    ref
+  }, /* @__PURE__ */ import_react.default.createElement(import_ArticleMeta.default, {
+    items: props.meta
+  }), /* @__PURE__ */ import_react.default.createElement(import_Heading.default, null, props.headline), /* @__PURE__ */ import_react.default.createElement(import_TextBlock.default, {
+    startSeen: true
+  }, props.topImage && /* @__PURE__ */ import_react.default.createElement(import_ContentImage.default, __spreadValues({}, props.topImage)), props.body), /* @__PURE__ */ import_react.default.createElement(import_VSpacer.default, {
+    size: "small"
+  }, /* @__PURE__ */ import_react.default.createElement("hr", null)), props.relatedLinks && /* @__PURE__ */ import_react.default.createElement(import_RelatedLinks.default, __spreadValues({}, props.relatedLinks)));
+};
+var ContentArticle_default = ContentArticle;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/ContentArticle.mjs

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+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;
+};
+import React from "react";
+import { useSeenEffect } from "./utils/seenEffect";
+import ArticleMeta from "./ArticleMeta";
+import ContentImage from "./ContentImage";
+import Heading from "./Heading";
+import RelatedLinks from "./RelatedLinks";
+import TextBlock from "./TextBlock";
+import VSpacer from "./VSpacer";
+const ContentArticle = (props) => {
+  const [ref] = useSeenEffect(props.startSeen);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "ContentArticle",
+    ref
+  }, /* @__PURE__ */ React.createElement(ArticleMeta, {
+    items: props.meta
+  }), /* @__PURE__ */ React.createElement(Heading, null, props.headline), /* @__PURE__ */ React.createElement(TextBlock, {
+    startSeen: true
+  }, props.topImage && /* @__PURE__ */ React.createElement(ContentImage, __spreadValues({}, props.topImage)), props.body), /* @__PURE__ */ React.createElement(VSpacer, {
+    size: "small"
+  }, /* @__PURE__ */ React.createElement("hr", null)), props.relatedLinks && /* @__PURE__ */ React.createElement(RelatedLinks, __spreadValues({}, props.relatedLinks)));
+};
+var ContentArticle_default = ContentArticle;
+export {
+  ContentArticle_default as default
+};

package/lib/ContentImage.cjs

@@ -0,0 +1,58 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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 __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 ContentImage_exports = {};
+__export(ContentImage_exports, {
+  default: () => ContentImage_default
+});
+module.exports = __toCommonJS(ContentImage_exports);
+var import_react = __toESM(require("react"));
+var import_Image = __toESM(require("./_abstract/Image"));
+const ContentImage = (props) => {
+  const { image, caption, credit } = props;
+  return /* @__PURE__ */ import_react.default.createElement("figure", {
+    className: "ContentImage"
+  }, (caption || credit) && /* @__PURE__ */ import_react.default.createElement("figcaption", {
+    className: "ContentImage__caption"
+  }, caption && /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "ContentImage__text"
+  }, " ", caption, " "), " ", credit && /* @__PURE__ */ import_react.default.createElement("small", {
+    className: "ContentImage__credit"
+  }, " ", credit, " ")), /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadValues({
+    className: "ContentImage__image"
+  }, image)));
+};
+var ContentImage_default = ContentImage;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/ContentImage.mjs

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+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;
+};
+import React from "react";
+import Image from "./_abstract/Image";
+const ContentImage = (props) => {
+  const { image, caption, credit } = props;
+  return /* @__PURE__ */ React.createElement("figure", {
+    className: "ContentImage"
+  }, (caption || credit) && /* @__PURE__ */ React.createElement("figcaption", {
+    className: "ContentImage__caption"
+  }, caption && /* @__PURE__ */ React.createElement("span", {
+    className: "ContentImage__text"
+  }, " ", caption, " "), " ", credit && /* @__PURE__ */ React.createElement("small", {
+    className: "ContentImage__credit"
+  }, " ", credit, " ")), /* @__PURE__ */ React.createElement(Image, __spreadValues({
+    className: "ContentImage__image"
+  }, image)));
+};
+var ContentImage_default = ContentImage;
+export {
+  ContentImage_default as default
+};

package/lib/Datepicker.cjs

@@ -0,0 +1,164 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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 __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 Datepicker_exports = {};
+__export(Datepicker_exports, {
+  default: () => Datepicker_default,
+  getDateDiff: () => getDateDiff
+});
+module.exports = __toCommonJS(Datepicker_exports);
+var import_react = __toESM(require("react"));
+var import_react_datepicker = __toESM(require("react-datepicker"));
+var import_hooks = require("@hugsmidjan/react/hooks");
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_is = __toESM(require("date-fns/locale/is"));
+var import_FormField = __toESM(require("./FormField"));
+(0, import_react_datepicker.registerLocale)("is", import_is.default);
+const getDateDiff = (date, diff) => {
+  const newDate = new Date(date);
+  newDate.setDate(newDate.getDate() + diff);
+  return newDate;
+};
+const i18n = {
+  is: {
+    nextMonthAriaLabel: "N\xE6sti m\xE1nu\xF0ur",
+    nextMonthButtonLabel: "N\xE6sti m\xE1nu\xF0ur",
+    nextYearAriaLabel: "N\xE6sta \xE1r",
+    nextYearButtonLabel: "N\xE6sta \xE1r",
+    previousMonthAriaLabel: "Fyrri m\xE1nu\xF0ur",
+    previousMonthButtonLabel: "Fyrri m\xE1nu\xF0ur",
+    previousYearAriaLabel: "Fyrra \xE1r",
+    previousYearButtonLabel: "Fyrra \xE1r",
+    timeInputLabel: "T\xEDmi: ",
+    weekAriaLabelPrefix: "Vika: ",
+    weekLabel: "Vika",
+    ariaLabelPrefix: "M\xE1nu\xF0ur:",
+    chooseDayAriaLabelPrefix: "Veldu:",
+    disabledDayAriaLabelPrefix: "Dagsetning ekki \xED bo\xF0i"
+  }
+};
+const Datepicker = (props) => {
+  const {
+    className,
+    id,
+    label,
+    hideLabel,
+    assistText,
+    disabled,
+    readOnly,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    placeholder,
+    small,
+    localeCode,
+    dateFormat = "d.M.yyy",
+    initialDate,
+    value = initialDate,
+    startDate,
+    endDate,
+    minDate,
+    maxDate,
+    isStartDate = false,
+    isEndDate = false,
+    onChange,
+    datepickerExtraProps,
+    ssr,
+    inputRef
+  } = props;
+  const domid = (0, import_hooks.useDomid)(id);
+  const txts = localeCode && i18n[localeCode] || {};
+  const filled = !!value;
+  const empty = !filled && !placeholder;
+  return /* @__PURE__ */ import_react.default.createElement(import_FormField.default, {
+    className: (0, import_getBemClass.default)("Datepicker", [], className),
+    ssr,
+    label,
+    small,
+    assistText,
+    hideLabel,
+    invalid,
+    required,
+    reqText,
+    disabled,
+    readOnly,
+    filled,
+    empty,
+    errorMessage,
+    renderInput: (className2, inputProps, addFocusProps) => {
+      return /* @__PURE__ */ import_react.default.createElement("div", {
+        className: className2.input,
+        ref: inputRef && ((elm) => {
+          inputRef.current = (elm == null ? void 0 : elm.querySelector("input")) || void 0;
+          return elm;
+        })
+      }, /* @__PURE__ */ import_react.default.createElement(import_react_datepicker.default, __spreadValues(__spreadValues(__spreadValues({
+        id: domid,
+        required: inputProps.required,
+        disabled: inputProps.disabled,
+        readOnly: inputProps.readOnly,
+        selected: value,
+        locale: localeCode,
+        dateFormat,
+        onChange: (date) => {
+          onChange(date || void 0);
+          const inputElm = inputRef == null ? void 0 : inputRef.current;
+          if (inputElm) {
+            inputElm.dispatchEvent(new Event("change", { bubbles: true }));
+          }
+        },
+        placeholderText: placeholder,
+        minDate,
+        maxDate,
+        startDate,
+        endDate,
+        selectsStart: isStartDate,
+        selectsEnd: isEndDate,
+        formatWeekDay: (weekday) => {
+          return weekday.charAt(0).toUpperCase();
+        },
+        showYearDropdown: true,
+        scrollableYearDropdown: true,
+        yearDropdownItemNumber: 15,
+        showMonthDropdown: true
+      }, inputProps), txts), addFocusProps(datepickerExtraProps))));
+    }
+  });
+};
+var Datepicker_default = Datepicker;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getDateDiff
+});

package/lib/Datepicker.mjs

@@ -0,0 +1,142 @@
+var __defProp = Object.defineProperty;
+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;
+};
+import React from "react";
+import ReactDatePicker, {
+  registerLocale
+} from "react-datepicker";
+import { useDomid } from "@hugsmidjan/react/hooks";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import is from "date-fns/locale/is";
+import FormField from "./FormField";
+registerLocale("is", is);
+const getDateDiff = (date, diff) => {
+  const newDate = new Date(date);
+  newDate.setDate(newDate.getDate() + diff);
+  return newDate;
+};
+const i18n = {
+  is: {
+    nextMonthAriaLabel: "N\xE6sti m\xE1nu\xF0ur",
+    nextMonthButtonLabel: "N\xE6sti m\xE1nu\xF0ur",
+    nextYearAriaLabel: "N\xE6sta \xE1r",
+    nextYearButtonLabel: "N\xE6sta \xE1r",
+    previousMonthAriaLabel: "Fyrri m\xE1nu\xF0ur",
+    previousMonthButtonLabel: "Fyrri m\xE1nu\xF0ur",
+    previousYearAriaLabel: "Fyrra \xE1r",
+    previousYearButtonLabel: "Fyrra \xE1r",
+    timeInputLabel: "T\xEDmi: ",
+    weekAriaLabelPrefix: "Vika: ",
+    weekLabel: "Vika",
+    ariaLabelPrefix: "M\xE1nu\xF0ur:",
+    chooseDayAriaLabelPrefix: "Veldu:",
+    disabledDayAriaLabelPrefix: "Dagsetning ekki \xED bo\xF0i"
+  }
+};
+const Datepicker = (props) => {
+  const {
+    className,
+    id,
+    label,
+    hideLabel,
+    assistText,
+    disabled,
+    readOnly,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    placeholder,
+    small,
+    localeCode,
+    dateFormat = "d.M.yyy",
+    initialDate,
+    value = initialDate,
+    startDate,
+    endDate,
+    minDate,
+    maxDate,
+    isStartDate = false,
+    isEndDate = false,
+    onChange,
+    datepickerExtraProps,
+    ssr,
+    inputRef
+  } = props;
+  const domid = useDomid(id);
+  const txts = localeCode && i18n[localeCode] || {};
+  const filled = !!value;
+  const empty = !filled && !placeholder;
+  return /* @__PURE__ */ React.createElement(FormField, {
+    className: getBemClass("Datepicker", [], className),
+    ssr,
+    label,
+    small,
+    assistText,
+    hideLabel,
+    invalid,
+    required,
+    reqText,
+    disabled,
+    readOnly,
+    filled,
+    empty,
+    errorMessage,
+    renderInput: (className2, inputProps, addFocusProps) => {
+      return /* @__PURE__ */ React.createElement("div", {
+        className: className2.input,
+        ref: inputRef && ((elm) => {
+          inputRef.current = (elm == null ? void 0 : elm.querySelector("input")) || void 0;
+          return elm;
+        })
+      }, /* @__PURE__ */ React.createElement(ReactDatePicker, __spreadValues(__spreadValues(__spreadValues({
+        id: domid,
+        required: inputProps.required,
+        disabled: inputProps.disabled,
+        readOnly: inputProps.readOnly,
+        selected: value,
+        locale: localeCode,
+        dateFormat,
+        onChange: (date) => {
+          onChange(date || void 0);
+          const inputElm = inputRef == null ? void 0 : inputRef.current;
+          if (inputElm) {
+            inputElm.dispatchEvent(new Event("change", { bubbles: true }));
+          }
+        },
+        placeholderText: placeholder,
+        minDate,
+        maxDate,
+        startDate,
+        endDate,
+        selectsStart: isStartDate,
+        selectsEnd: isEndDate,
+        formatWeekDay: (weekday) => {
+          return weekday.charAt(0).toUpperCase();
+        },
+        showYearDropdown: true,
+        scrollableYearDropdown: true,
+        yearDropdownItemNumber: 15,
+        showMonthDropdown: true
+      }, inputProps), txts), addFocusProps(datepickerExtraProps))));
+    }
+  });
+};
+var Datepicker_default = Datepicker;
+export {
+  Datepicker_default as default,
+  getDateDiff
+};