@reykjavik/hanna-react 0.10.53

package/lib/SearchInput.cjs

@@ -0,0 +1,136 @@
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 SearchInput_exports = {};
+__export(SearchInput_exports, {
+  default: () => SearchInput_default
+});
+module.exports = __toCommonJS(SearchInput_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_FormField = __toESM(require("./FormField"));
+const SearchInput = (props) => {
+  const _a = props, {
+    className,
+    label,
+    assistText,
+    hideLabel,
+    disabled,
+    readOnly,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    id,
+    onChange,
+    small,
+    onButtonClick,
+    buttonText = "Leita",
+    ssr
+  } = _a, inputElementProps = __objRest(_a, [
+    "className",
+    "label",
+    "assistText",
+    "hideLabel",
+    "disabled",
+    "readOnly",
+    "invalid",
+    "errorMessage",
+    "required",
+    "reqText",
+    "id",
+    "onChange",
+    "small",
+    "onButtonClick",
+    "buttonText",
+    "ssr"
+  ]);
+  const { value, defaultValue, placeholder } = inputElementProps;
+  const [hasValue, setHasValue] = (0, import_react.useState)(void 0);
+  const filled = !!(value ?? hasValue ?? !!defaultValue);
+  const empty = !filled && !placeholder;
+  const _onChange = value != null ? onChange : (e) => {
+    setHasValue(!!e.target.value);
+    onChange && onChange(e);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_FormField.default, {
+    className: (0, import_getBemClass.default)("SearchInput", [], className),
+    ssr,
+    small,
+    label,
+    empty,
+    filled,
+    assistText,
+    hideLabel,
+    disabled,
+    readOnly,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    id,
+    renderInput: (className2, inputProps, addFocusProps) => /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({
+      className: className2.input
+    }, addFocusProps()), /* @__PURE__ */ import_react.default.createElement("input", __spreadProps(__spreadValues(__spreadValues({
+      className: "SearchInput__input",
+      onChange: _onChange
+    }, inputProps), inputElementProps), {
+      ref: props.inputRef
+    })), " ", onButtonClick && /* @__PURE__ */ import_react.default.createElement("button", {
+      className: "SearchInput__button",
+      type: "button",
+      onClick: onButtonClick,
+      title: buttonText,
+      ref: props.buttonRef
+    }, buttonText))
+  });
+};
+var SearchInput_default = SearchInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/SearchInput.mjs

@@ -0,0 +1,114 @@
+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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React, { useState } from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import FormField from "./FormField";
+const SearchInput = (props) => {
+  const _a = props, {
+    className,
+    label,
+    assistText,
+    hideLabel,
+    disabled,
+    readOnly,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    id,
+    onChange,
+    small,
+    onButtonClick,
+    buttonText = "Leita",
+    ssr
+  } = _a, inputElementProps = __objRest(_a, [
+    "className",
+    "label",
+    "assistText",
+    "hideLabel",
+    "disabled",
+    "readOnly",
+    "invalid",
+    "errorMessage",
+    "required",
+    "reqText",
+    "id",
+    "onChange",
+    "small",
+    "onButtonClick",
+    "buttonText",
+    "ssr"
+  ]);
+  const { value, defaultValue, placeholder } = inputElementProps;
+  const [hasValue, setHasValue] = useState(void 0);
+  const filled = !!(value ?? hasValue ?? !!defaultValue);
+  const empty = !filled && !placeholder;
+  const _onChange = value != null ? onChange : (e) => {
+    setHasValue(!!e.target.value);
+    onChange && onChange(e);
+  };
+  return /* @__PURE__ */ React.createElement(FormField, {
+    className: getBemClass("SearchInput", [], className),
+    ssr,
+    small,
+    label,
+    empty,
+    filled,
+    assistText,
+    hideLabel,
+    disabled,
+    readOnly,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    id,
+    renderInput: (className2, inputProps, addFocusProps) => /* @__PURE__ */ React.createElement("div", __spreadValues({
+      className: className2.input
+    }, addFocusProps()), /* @__PURE__ */ React.createElement("input", __spreadProps(__spreadValues(__spreadValues({
+      className: "SearchInput__input",
+      onChange: _onChange
+    }, inputProps), inputElementProps), {
+      ref: props.inputRef
+    })), " ", onButtonClick && /* @__PURE__ */ React.createElement("button", {
+      className: "SearchInput__button",
+      type: "button",
+      onClick: onButtonClick,
+      title: buttonText,
+      ref: props.buttonRef
+    }, buttonText))
+  });
+};
+var SearchInput_default = SearchInput;
+export {
+  SearchInput_default as default
+};

package/lib/SearchResults/_SearchResultsItem.cjs

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 SearchResultsItem_exports = {};
+__export(SearchResultsItem_exports, {
+  default: () => SearchResultsItem_default
+});
+module.exports = __toCommonJS(SearchResultsItem_exports);
+var import_react = __toESM(require("react"));
+var import_Image = __toESM(require("../_abstract/Image"));
+var import_Link = require("../_abstract/Link");
+const SearchResultsItem = (props) => {
+  const { highlight, title, summary, href, meta, image } = props;
+  const bem = highlight ? "SearchResultsHighlightItem" : "SearchResultsItem";
+  const metaArr = Array.isArray(meta) ? meta : [meta];
+  return /* @__PURE__ */ import_react.default.createElement("li", {
+    className: bem
+  }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
+    className: bem + "__link",
+    href
+  }, /* @__PURE__ */ import_react.default.createElement("h3", {
+    className: bem + "__title"
+  }, title), metaArr.length > 0 && /* @__PURE__ */ import_react.default.createElement("span", {
+    className: bem + "__meta"
+  }, metaArr.map((item, i) => typeof item === "function" ? item() : item && /* @__PURE__ */ import_react.default.createElement("span", {
+    key: i
+  }, item))), highlight && image && /* @__PURE__ */ import_react.default.createElement(import_Image.default, {
+    className: bem + "__image",
+    src: image
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: bem + "__summary",
+    dangerouslySetInnerHTML: { __html: summary }
+  })));
+};
+var SearchResultsItem_default = SearchResultsItem;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/SearchResults/_SearchResultsItem.mjs

@@ -0,0 +1,30 @@
+import React from "react";
+import Image from "../_abstract/Image";
+import { Link } from "../_abstract/Link";
+const SearchResultsItem = (props) => {
+  const { highlight, title, summary, href, meta, image } = props;
+  const bem = highlight ? "SearchResultsHighlightItem" : "SearchResultsItem";
+  const metaArr = Array.isArray(meta) ? meta : [meta];
+  return /* @__PURE__ */ React.createElement("li", {
+    className: bem
+  }, /* @__PURE__ */ React.createElement(Link, {
+    className: bem + "__link",
+    href
+  }, /* @__PURE__ */ React.createElement("h3", {
+    className: bem + "__title"
+  }, title), metaArr.length > 0 && /* @__PURE__ */ React.createElement("span", {
+    className: bem + "__meta"
+  }, metaArr.map((item, i) => typeof item === "function" ? item() : item && /* @__PURE__ */ React.createElement("span", {
+    key: i
+  }, item))), highlight && image && /* @__PURE__ */ React.createElement(Image, {
+    className: bem + "__image",
+    src: image
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: bem + "__summary",
+    dangerouslySetInnerHTML: { __html: summary }
+  })));
+};
+var SearchResultsItem_default = SearchResultsItem;
+export {
+  SearchResultsItem_default as default
+};

package/lib/SearchResults.cjs

@@ -0,0 +1,172 @@
+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 SearchResults_exports = {};
+__export(SearchResults_exports, {
+  default: () => SearchResults_default
+});
+module.exports = __toCommonJS(SearchResults_exports);
+var import_react = __toESM(require("react"));
+var import_react_intersection_observer = require("react-intersection-observer");
+var import_prettyNum = require("@hugsmidjan/qj/prettyNum");
+var import_range = __toESM(require("@hugsmidjan/qj/range"));
+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_SearchResultsItem = __toESM(require("./SearchResults/_SearchResultsItem"));
+var import_Alert = __toESM(require("./Alert"));
+var import_Tabs = __toESM(require("./Tabs"));
+const renderDefaultErrorText = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "\xDAps, \xFEa\xF0 hefur komi\xF0 upp villa. M\xE1 bj\xF3\xF0a \xFE\xE9r a\xF0 pr\xF3fa aftur a\xF0 leita?", /* @__PURE__ */ import_react.default.createElement("br", null), "Ef ekkert l\xE1t er \xE1 villunni \xFE\xE1 kunnum vi\xF0 a\xF0 meta a\xF0 \xFE\xFA l\xE1tir okkur vita.");
+const defaultTexts = {
+  en: {
+    lang: "en",
+    loadQueryTitle: "Loading results...",
+    resultsTitle: "results found for",
+    noResultsTitle: "No results were found for",
+    loadMore: "Load more"
+  },
+  is: {
+    lang: "is",
+    loadQueryTitle: "S\xE6ki ni\xF0urst\xF6\xF0ur...",
+    resultsTitle: "leitarni\xF0urst\xF6\xF0ur fyrir",
+    noResultsTitle: "Engar leitarni\xF0urst\xF6\xF0ur fundust fyrir",
+    loadMore: "S\xE6kja fleiri"
+  }
+};
+const SearchResults_Tabs = (props) => {
+  const { domid, filters, activeIdx, setFilter, lang } = props;
+  const tabs = (0, import_react.useMemo)(() => (filters || []).map(({ label, count }) => ({
+    label,
+    badge: (0, import_prettyNum.prettyNum)(count, { lang })
+  })), [filters, lang]);
+  return tabs.length ? /* @__PURE__ */ import_react.default.createElement(import_Tabs.default, {
+    role: "tablist",
+    "aria-controls": domid,
+    tabs,
+    activeIdx: activeIdx || 0,
+    onSetActive: (i) => setFilter && setFilter(i)
+  }) : null;
+};
+const LoadingScaffold = (props) => props.count ? /* @__PURE__ */ import_react.default.createElement("ol", {
+  className: "SearchResults__list SearchResults__list--loading"
+}, (0, import_range.default)(1, props.count).map((item, i) => /* @__PURE__ */ import_react.default.createElement(import_SearchResultsItem.default, {
+  key: i,
+  title: "...",
+  summary: "",
+  href: ""
+}))) : null;
+const NUM_AUTOLOADS = 2;
+const SearchResults__loadmore = (props) => {
+  const { status, hits, numItems, loadMore, pageSize, texts } = props;
+  const { lang } = texts;
+  const moreCount = (hits || 0) - (numItems || 0);
+  const autoLoadCount = (0, import_react.useRef)(0);
+  const skip = !loadMore || autoLoadCount.current >= NUM_AUTOLOADS;
+  const [refFn, theEndIsNigh] = (0, import_react_intersection_observer.useInView)({
+    rootMargin: "150px 0px 0px 0px",
+    skip
+  });
+  (0, import_react.useEffect)(() => {
+    if (theEndIsNigh && loadMore) {
+      autoLoadCount.current = autoLoadCount.current + 1;
+      loadMore();
+    }
+  }, [theEndIsNigh, loadMore]);
+  const moreAvailable = status === "results" && moreCount && loadMore;
+  return status === "loadingmore" ? /* @__PURE__ */ import_react.default.createElement(LoadingScaffold, {
+    count: Math.min(pageSize, moreCount)
+  }) : moreAvailable ? /* @__PURE__ */ import_react.default.createElement("button", {
+    ref: refFn,
+    className: "SearchResults__loadmore",
+    type: "button",
+    onClick: loadMore
+  }, texts.loadMore, " ", /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "SearchResults__loadmore__count"
+  }, "(", (0, import_prettyNum.prettyNum)(moreCount, { lang }), ")")) : null;
+};
+const renderTitle = (props, texts) => {
+  const { status, totalHits, query } = props;
+  const lang = texts.lang || props.lang || import_i18n.DEFAULT_LANG;
+  return /* @__PURE__ */ import_react.default.createElement("h2", {
+    className: "SearchResults__title"
+  }, status === "loadingquery" ? texts.loadQueryTitle : totalHits ? (0, import_prettyNum.prettyNum)(totalHits, { lang }) + " " + texts.resultsTitle : texts.noResultsTitle, /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "SearchResults__query"
+  }, query));
+};
+const renderResults = (props) => {
+  const { status, pageSize, items, hits } = props;
+  if (status === "loadingquery" || status === "loadingfilter") {
+    return /* @__PURE__ */ import_react.default.createElement(LoadingScaffold, {
+      count: Math.min(pageSize, hits || 999)
+    });
+  }
+  return items && items.length ? /* @__PURE__ */ import_react.default.createElement("ol", {
+    className: "SearchResults__list"
+  }, items.map((item, i) => /* @__PURE__ */ import_react.default.createElement(import_SearchResultsItem.default, __spreadValues({
+    key: i
+  }, item)))) : null;
+};
+const renderLoadMore = (props, texts) => {
+  const { hits, items, status, pageSize, loadMore } = props;
+  return /* @__PURE__ */ import_react.default.createElement(SearchResults__loadmore, {
+    hits,
+    numItems: items && items.length,
+    status,
+    pageSize,
+    loadMore,
+    texts
+  });
+};
+const SearchResults = (props) => {
+  const { filters, activeFilterIdx, setFilter, status, errorText } = props;
+  const texts = (0, import_i18n.getTexts)(props, defaultTexts);
+  const domid = (0, import_hooks.useDomid)();
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)("SearchResults", status !== "results" && status)
+  }, renderTitle(props, texts), /* @__PURE__ */ import_react.default.createElement(SearchResults_Tabs, {
+    domid,
+    filters,
+    activeIdx: activeFilterIdx,
+    setFilter,
+    lang: texts.lang
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "SearchResults__results",
+    id: domid
+  }, renderResults(props), status === "error" && /* @__PURE__ */ import_react.default.createElement(import_Alert.default, {
+    type: "error"
+  }, errorText || renderDefaultErrorText()), renderLoadMore(props, texts)));
+};
+var SearchResults_default = SearchResults;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/SearchResults.mjs

@@ -0,0 +1,150 @@
+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, { useEffect, useMemo, useRef } from "react";
+import { useInView } from "react-intersection-observer";
+import { prettyNum } from "@hugsmidjan/qj/prettyNum";
+import range from "@hugsmidjan/qj/range";
+import { useDomid } from "@hugsmidjan/react/hooks";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import { DEFAULT_LANG, getTexts } from "@reykjavik/hanna-utils/i18n";
+import SearchResultsItem from "./SearchResults/_SearchResultsItem";
+import Alert from "./Alert";
+import Tabs from "./Tabs";
+const renderDefaultErrorText = () => /* @__PURE__ */ React.createElement(React.Fragment, null, "\xDAps, \xFEa\xF0 hefur komi\xF0 upp villa. M\xE1 bj\xF3\xF0a \xFE\xE9r a\xF0 pr\xF3fa aftur a\xF0 leita?", /* @__PURE__ */ React.createElement("br", null), "Ef ekkert l\xE1t er \xE1 villunni \xFE\xE1 kunnum vi\xF0 a\xF0 meta a\xF0 \xFE\xFA l\xE1tir okkur vita.");
+const defaultTexts = {
+  en: {
+    lang: "en",
+    loadQueryTitle: "Loading results...",
+    resultsTitle: "results found for",
+    noResultsTitle: "No results were found for",
+    loadMore: "Load more"
+  },
+  is: {
+    lang: "is",
+    loadQueryTitle: "S\xE6ki ni\xF0urst\xF6\xF0ur...",
+    resultsTitle: "leitarni\xF0urst\xF6\xF0ur fyrir",
+    noResultsTitle: "Engar leitarni\xF0urst\xF6\xF0ur fundust fyrir",
+    loadMore: "S\xE6kja fleiri"
+  }
+};
+const SearchResults_Tabs = (props) => {
+  const { domid, filters, activeIdx, setFilter, lang } = props;
+  const tabs = useMemo(() => (filters || []).map(({ label, count }) => ({
+    label,
+    badge: prettyNum(count, { lang })
+  })), [filters, lang]);
+  return tabs.length ? /* @__PURE__ */ React.createElement(Tabs, {
+    role: "tablist",
+    "aria-controls": domid,
+    tabs,
+    activeIdx: activeIdx || 0,
+    onSetActive: (i) => setFilter && setFilter(i)
+  }) : null;
+};
+const LoadingScaffold = (props) => props.count ? /* @__PURE__ */ React.createElement("ol", {
+  className: "SearchResults__list SearchResults__list--loading"
+}, range(1, props.count).map((item, i) => /* @__PURE__ */ React.createElement(SearchResultsItem, {
+  key: i,
+  title: "...",
+  summary: "",
+  href: ""
+}))) : null;
+const NUM_AUTOLOADS = 2;
+const SearchResults__loadmore = (props) => {
+  const { status, hits, numItems, loadMore, pageSize, texts } = props;
+  const { lang } = texts;
+  const moreCount = (hits || 0) - (numItems || 0);
+  const autoLoadCount = useRef(0);
+  const skip = !loadMore || autoLoadCount.current >= NUM_AUTOLOADS;
+  const [refFn, theEndIsNigh] = useInView({
+    rootMargin: "150px 0px 0px 0px",
+    skip
+  });
+  useEffect(() => {
+    if (theEndIsNigh && loadMore) {
+      autoLoadCount.current = autoLoadCount.current + 1;
+      loadMore();
+    }
+  }, [theEndIsNigh, loadMore]);
+  const moreAvailable = status === "results" && moreCount && loadMore;
+  return status === "loadingmore" ? /* @__PURE__ */ React.createElement(LoadingScaffold, {
+    count: Math.min(pageSize, moreCount)
+  }) : moreAvailable ? /* @__PURE__ */ React.createElement("button", {
+    ref: refFn,
+    className: "SearchResults__loadmore",
+    type: "button",
+    onClick: loadMore
+  }, texts.loadMore, " ", /* @__PURE__ */ React.createElement("span", {
+    className: "SearchResults__loadmore__count"
+  }, "(", prettyNum(moreCount, { lang }), ")")) : null;
+};
+const renderTitle = (props, texts) => {
+  const { status, totalHits, query } = props;
+  const lang = texts.lang || props.lang || DEFAULT_LANG;
+  return /* @__PURE__ */ React.createElement("h2", {
+    className: "SearchResults__title"
+  }, status === "loadingquery" ? texts.loadQueryTitle : totalHits ? prettyNum(totalHits, { lang }) + " " + texts.resultsTitle : texts.noResultsTitle, /* @__PURE__ */ React.createElement("span", {
+    className: "SearchResults__query"
+  }, query));
+};
+const renderResults = (props) => {
+  const { status, pageSize, items, hits } = props;
+  if (status === "loadingquery" || status === "loadingfilter") {
+    return /* @__PURE__ */ React.createElement(LoadingScaffold, {
+      count: Math.min(pageSize, hits || 999)
+    });
+  }
+  return items && items.length ? /* @__PURE__ */ React.createElement("ol", {
+    className: "SearchResults__list"
+  }, items.map((item, i) => /* @__PURE__ */ React.createElement(SearchResultsItem, __spreadValues({
+    key: i
+  }, item)))) : null;
+};
+const renderLoadMore = (props, texts) => {
+  const { hits, items, status, pageSize, loadMore } = props;
+  return /* @__PURE__ */ React.createElement(SearchResults__loadmore, {
+    hits,
+    numItems: items && items.length,
+    status,
+    pageSize,
+    loadMore,
+    texts
+  });
+};
+const SearchResults = (props) => {
+  const { filters, activeFilterIdx, setFilter, status, errorText } = props;
+  const texts = getTexts(props, defaultTexts);
+  const domid = useDomid();
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getBemClass("SearchResults", status !== "results" && status)
+  }, renderTitle(props, texts), /* @__PURE__ */ React.createElement(SearchResults_Tabs, {
+    domid,
+    filters,
+    activeIdx: activeFilterIdx,
+    setFilter,
+    lang: texts.lang
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: "SearchResults__results",
+    id: domid
+  }, renderResults(props), status === "error" && /* @__PURE__ */ React.createElement(Alert, {
+    type: "error"
+  }, errorText || renderDefaultErrorText()), renderLoadMore(props, texts)));
+};
+var SearchResults_default = SearchResults;
+export {
+  SearchResults_default as default
+};