@reykjavik/hanna-react 0.10.53

package/lib/FileInput.mjs

@@ -0,0 +1,234 @@
+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, { useEffect, useRef, useState } from "react";
+import { useDropzone } from "react-dropzone";
+import { useDomid } from "@hugsmidjan/react/hooks";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import FormField from "./FormField";
+const addPreview = (file) => {
+  if (!("preview" in file)) {
+    file.preview = file.type.includes("image/") ? URL.createObjectURL(file) : void 0;
+  }
+};
+const releasePreview = (file) => {
+  file.preview && URL.revokeObjectURL(file.preview);
+  delete file.preview;
+};
+const arrayToFileList = (arr) => {
+  const fileList = new DataTransfer();
+  arr.forEach((item) => {
+    fileList.items.add(item);
+  });
+  return fileList.files;
+};
+const dedupeFilesArray = (files) => {
+  const newArray = [];
+  const found = {};
+  files.forEach((file) => {
+    if (!(file.name in found)) {
+      newArray.push(file);
+      found[file.name] = true;
+    } else {
+      releasePreview(file);
+    }
+  });
+  return newArray;
+};
+const formatBytes = (bytes, decimals = 2) => {
+  if (bytes === 0) {
+    return "0 Bytes";
+  }
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(decimals)) + " " + sizes[i];
+};
+const FileInput = (props) => {
+  const _a = props, {
+    className,
+    id,
+    label,
+    hideLabel,
+    dropzoneProps = { multiple: true },
+    dropzoneText,
+    removeFileText,
+    assistText,
+    disabled,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    onFilesUpdated = () => void 0,
+    showFileSize,
+    showImagePreviews,
+    value = []
+  } = _a, inputElementProps = __objRest(_a, [
+    "className",
+    "id",
+    "label",
+    "hideLabel",
+    "dropzoneProps",
+    "dropzoneText",
+    "removeFileText",
+    "assistText",
+    "disabled",
+    "invalid",
+    "errorMessage",
+    "required",
+    "reqText",
+    "onFilesUpdated",
+    "showFileSize",
+    "showImagePreviews",
+    "value"
+  ]);
+  const domid = useDomid(id);
+  const fileInputWrapper = useRef(null);
+  const fileInput = useRef(null);
+  const files = value;
+  const [isHover, setIsHover] = useState(false);
+  const { getRootProps, getInputProps, isDragReject, inputRef } = useDropzone(__spreadValues({
+    onDrop: (acceptedFiles) => {
+      acceptedFiles = acceptedFiles.map((file) => {
+        addPreview(file);
+        return file;
+      });
+      addFiles(acceptedFiles);
+      setIsHover(false);
+    },
+    onDropRejected: (rejectedFiles) => {
+      window.alert("Error:\n" + rejectedFiles.map((elm) => {
+        return elm.name;
+      }).join(", "));
+    },
+    onDragEnter: () => {
+    },
+    onDragLeave: () => {
+      setIsHover(false);
+    },
+    onDragOver: () => {
+      setIsHover(true);
+    }
+  }, dropzoneProps));
+  files.forEach(addPreview);
+  useEffect(() => () => {
+    files.forEach(releasePreview);
+  }, [files]);
+  const removeFile = (name) => {
+    if (fileInput.current) {
+      const newFileList = files.filter((file) => {
+        if (file.name !== name) {
+          return true;
+        }
+        releasePreview(file);
+      });
+      fileInput.current.files = arrayToFileList(newFileList);
+      onFilesUpdated(newFileList);
+    }
+  };
+  const addFiles = (filelist) => {
+    if (fileInput.current) {
+      const newFileList = dropzoneProps.multiple ? dedupeFilesArray(files.concat(filelist)) : filelist;
+      fileInput.current.files = arrayToFileList(newFileList);
+      onFilesUpdated(newFileList);
+    }
+    if (inputRef.current) {
+      inputRef.current.files = arrayToFileList([]);
+    }
+  };
+  const filesList = files.map((file) => /* @__PURE__ */ React.createElement("li", {
+    key: file.name,
+    className: "FileInput__file"
+  }, /* @__PURE__ */ React.createElement("button", {
+    className: "FileInput__file-remove",
+    type: "button",
+    onClick: () => removeFile(file.name),
+    "aria-label": removeFileText
+  }, removeFileText), /* @__PURE__ */ React.createElement("span", {
+    className: "FileInput__fileinfo"
+  }, showImagePreviews && file.preview && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", {
+    className: "FileInput__preview"
+  }, /* @__PURE__ */ React.createElement("img", {
+    src: file.preview
+  })), " "), /* @__PURE__ */ React.createElement("span", {
+    className: "FileInput__filename"
+  }, file.name), showFileSize && /* @__PURE__ */ React.createElement("small", {
+    className: "FileInput__filesize"
+  }, " - (", formatBytes(file.size), ")"))));
+  return /* @__PURE__ */ React.createElement(FormField, {
+    className: getBemClass("FileInput", [dropzoneProps.multiple && "multi"], className),
+    label,
+    id: domid + "-fake",
+    LabelTag: "h4",
+    assistText,
+    hideLabel,
+    disabled,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    renderInput: (className2, inputProps) => {
+      return /* @__PURE__ */ React.createElement("div", {
+        className: className2.control,
+        ref: fileInputWrapper
+      }, /* @__PURE__ */ React.createElement("input", {
+        className: "FileInput__input",
+        name: inputElementProps.name,
+        id: domid,
+        ref: fileInput,
+        type: "file",
+        style: { display: "none" },
+        multiple: dropzoneProps.multiple || void 0,
+        required: inputProps.required
+      }), " ", /* @__PURE__ */ React.createElement("input", __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+        className: "FileInput__input--fake"
+      }, getInputProps()), {
+        tabIndex: void 0,
+        style: void 0,
+        multiple: dropzoneProps.multiple || void 0
+      }), inputProps), {
+        required: void 0
+      })), " ", /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({
+        className: getBemClass("FileInput__dropzone", [isHover && "highlight"])
+      }, getRootProps({ isDragReject })), {
+        tabIndex: void 0
+      }), /* @__PURE__ */ React.createElement("p", {
+        className: "FileInput__droptext"
+      }, dropzoneText)), filesList.length ? /* @__PURE__ */ React.createElement("ul", {
+        className: "FileInput__filelist"
+      }, filesList) : "");
+    }
+  });
+};
+var FileInput_default = FileInput;
+export {
+  FileInput_default as default
+};

package/lib/Foonote.cjs

@@ -0,0 +1,30 @@
+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 Foonote_exports = {};
+__export(Foonote_exports, {
+  default: () => Foonote_default
+});
+module.exports = __toCommonJS(Foonote_exports);
+var import_Footnote = __toESM(require("./Footnote"));
+const Footnote = import_Footnote.default;
+var Foonote_default = Footnote;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Foonote.mjs

@@ -0,0 +1,6 @@
+import _Footnote from "./Footnote";
+const Footnote = _Footnote;
+var Foonote_default = Footnote;
+export {
+  Foonote_default as default
+};

package/lib/FooterBadges.cjs

@@ -0,0 +1,49 @@
+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 FooterBadges_exports = {};
+__export(FooterBadges_exports, {
+  default: () => FooterBadges_default
+});
+module.exports = __toCommonJS(FooterBadges_exports);
+var import_react = __toESM(require("react"));
+var import_Link = require("./_abstract/Link");
+const FooterBadges = (props) => {
+  if (!props.badges.length) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("ul", {
+    className: "FooterBadges"
+  }, props.badges.map(({ altText, src, href }, i) => /* @__PURE__ */ import_react.default.createElement("li", {
+    key: i,
+    className: "FooterBadges__badge"
+  }, href ? /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
+    href
+  }, " ", /* @__PURE__ */ import_react.default.createElement("img", {
+    src,
+    alt: altText
+  }), " ") : /* @__PURE__ */ import_react.default.createElement("img", {
+    src,
+    alt: altText
+  }))));
+};
+var FooterBadges_default = FooterBadges;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/FooterBadges.mjs

@@ -0,0 +1,25 @@
+import React from "react";
+import { Link } from "./_abstract/Link";
+const FooterBadges = (props) => {
+  if (!props.badges.length) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("ul", {
+    className: "FooterBadges"
+  }, props.badges.map(({ altText, src, href }, i) => /* @__PURE__ */ React.createElement("li", {
+    key: i,
+    className: "FooterBadges__badge"
+  }, href ? /* @__PURE__ */ React.createElement(Link, {
+    href
+  }, " ", /* @__PURE__ */ React.createElement("img", {
+    src,
+    alt: altText
+  }), " ") : /* @__PURE__ */ React.createElement("img", {
+    src,
+    alt: altText
+  }))));
+};
+var FooterBadges_default = FooterBadges;
+export {
+  FooterBadges_default as default
+};

package/lib/FooterInfo.cjs

@@ -0,0 +1,47 @@
+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 FooterInfo_exports = {};
+__export(FooterInfo_exports, {
+  default: () => FooterInfo_default
+});
+module.exports = __toCommonJS(FooterInfo_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+const FooterInfo = (props) => {
+  const { boxes } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "FooterInfo"
+  }, boxes.map((group, i) => /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)("FooterInfo__group", group.modifier),
+    role: group.role,
+    key: i
+  }, /* @__PURE__ */ import_react.default.createElement("h3", {
+    className: "FooterInfo__grouptitle"
+  }, group.title), group.content ? /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)("FooterInfo__groupcontent", group.modifier)
+  }, group.content) : /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)("FooterInfo__groupcontent", group.modifier),
+    dangerouslySetInnerHTML: { __html: group.html }
+  }))));
+};
+var FooterInfo_default = FooterInfo;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/FooterInfo.mjs

@@ -0,0 +1,23 @@
+import React from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+const FooterInfo = (props) => {
+  const { boxes } = props;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "FooterInfo"
+  }, boxes.map((group, i) => /* @__PURE__ */ React.createElement("div", {
+    className: getBemClass("FooterInfo__group", group.modifier),
+    role: group.role,
+    key: i
+  }, /* @__PURE__ */ React.createElement("h3", {
+    className: "FooterInfo__grouptitle"
+  }, group.title), group.content ? /* @__PURE__ */ React.createElement("div", {
+    className: getBemClass("FooterInfo__groupcontent", group.modifier)
+  }, group.content) : /* @__PURE__ */ React.createElement("div", {
+    className: getBemClass("FooterInfo__groupcontent", group.modifier),
+    dangerouslySetInnerHTML: { __html: group.html }
+  }))));
+};
+var FooterInfo_default = FooterInfo;
+export {
+  FooterInfo_default as default
+};

package/lib/Footnote.cjs

@@ -0,0 +1,32 @@
+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 Footnote_exports = {};
+__export(Footnote_exports, {
+  default: () => Footnote_default
+});
+module.exports = __toCommonJS(Footnote_exports);
+var import_react = __toESM(require("react"));
+const Footnote = (props) => /* @__PURE__ */ import_react.default.createElement("div", {
+  className: "Footnote"
+}, props.children);
+var Footnote_default = Footnote;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Footnote.mjs

@@ -0,0 +1,8 @@
+import React from "react";
+const Footnote = (props) => /* @__PURE__ */ React.createElement("div", {
+  className: "Footnote"
+}, props.children);
+var Footnote_default = Footnote;
+export {
+  Footnote_default as default
+};

package/lib/Form.cjs

@@ -0,0 +1,56 @@
+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 Form_exports = {};
+__export(Form_exports, {
+  default: () => Form_default
+});
+module.exports = __toCommonJS(Form_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+const Form = (props) => {
+  const { children, align, wide } = props;
+  return /* @__PURE__ */ import_react.default.createElement("form", __spreadProps(__spreadValues({}, props), {
+    className: (0, import_getBemClass.default)("Form", [
+      align === "right" && "align--" + align,
+      !align && wide && "wide"
+    ])
+  }), children);
+};
+var Form_default = Form;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Form.mjs

@@ -0,0 +1,34 @@
+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 getBemClass from "@hugsmidjan/react/utils/getBemClass";
+const Form = (props) => {
+  const { children, align, wide } = props;
+  return /* @__PURE__ */ React.createElement("form", __spreadProps(__spreadValues({}, props), {
+    className: getBemClass("Form", [
+      align === "right" && "align--" + align,
+      !align && wide && "wide"
+    ])
+  }), children);
+};
+var Form_default = Form;
+export {
+  Form_default as default
+};