@reykjavik/hanna-react 0.10.53

package/lib/ExtraLinks.cjs

@@ -0,0 +1,96 @@
+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 ExtraLinks_exports = {};
+__export(ExtraLinks_exports, {
+  default: () => ExtraLinks_default
+});
+module.exports = __toCommonJS(ExtraLinks_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_CardList = require("./_abstract/CardList");
+var import_Link = require("./_abstract/Link");
+var import_seenEffect = require("./utils/seenEffect");
+const ExtraLinks__related = (props) => {
+  const { relatedTitle, relatedLinks } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "ExtraLinks__related"
+  }, relatedTitle && /* @__PURE__ */ import_react.default.createElement("h3", {
+    className: "ExtraLinks__related__title"
+  }, relatedTitle), /* @__PURE__ */ import_react.default.createElement("ul", {
+    className: "ExtraLinks__related__list"
+  }, relatedLinks && relatedLinks.map(({ href, label, blank = false, type }, i) => /* @__PURE__ */ import_react.default.createElement("li", {
+    className: "ExtraLinks__related__item",
+    key: i
+  }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
+    className: (0, import_getBemClass.default)("ExtraLinks__related__link", type),
+    href,
+    target: blank ? "_blank" : "",
+    rel: blank ? "noreferrer noopener" : ""
+  }, label)))));
+};
+const ExtraLinks = (props) => {
+  const _a = props, { relatedTitle, relatedLinks, className, startSeen } = _a, cardListProps = __objRest(_a, ["relatedTitle", "relatedLinks", "className", "startSeen"]);
+  const hasRelated = !!(relatedLinks && relatedLinks.length);
+  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)("ExtraLinks", hasRelated && "related", className),
+    ref
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "ExtraLinks__main"
+  }, /* @__PURE__ */ import_react.default.createElement(import_CardList.CardList, __spreadProps(__spreadValues({}, cardListProps), {
+    bemPrefix: "ExtraLinks"
+  }))), hasRelated && /* @__PURE__ */ import_react.default.createElement(ExtraLinks__related, {
+    relatedTitle,
+    relatedLinks
+  }));
+};
+var ExtraLinks_default = ExtraLinks;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/ExtraLinks.mjs

@@ -0,0 +1,74 @@
+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 from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import { CardList } from "./_abstract/CardList";
+import { Link } from "./_abstract/Link";
+import { useSeenEffect } from "./utils/seenEffect";
+const ExtraLinks__related = (props) => {
+  const { relatedTitle, relatedLinks } = props;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "ExtraLinks__related"
+  }, relatedTitle && /* @__PURE__ */ React.createElement("h3", {
+    className: "ExtraLinks__related__title"
+  }, relatedTitle), /* @__PURE__ */ React.createElement("ul", {
+    className: "ExtraLinks__related__list"
+  }, relatedLinks && relatedLinks.map(({ href, label, blank = false, type }, i) => /* @__PURE__ */ React.createElement("li", {
+    className: "ExtraLinks__related__item",
+    key: i
+  }, /* @__PURE__ */ React.createElement(Link, {
+    className: getBemClass("ExtraLinks__related__link", type),
+    href,
+    target: blank ? "_blank" : "",
+    rel: blank ? "noreferrer noopener" : ""
+  }, label)))));
+};
+const ExtraLinks = (props) => {
+  const _a = props, { relatedTitle, relatedLinks, className, startSeen } = _a, cardListProps = __objRest(_a, ["relatedTitle", "relatedLinks", "className", "startSeen"]);
+  const hasRelated = !!(relatedLinks && relatedLinks.length);
+  const [ref] = useSeenEffect(startSeen);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getBemClass("ExtraLinks", hasRelated && "related", className),
+    ref
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "ExtraLinks__main"
+  }, /* @__PURE__ */ React.createElement(CardList, __spreadProps(__spreadValues({}, cardListProps), {
+    bemPrefix: "ExtraLinks"
+  }))), hasRelated && /* @__PURE__ */ React.createElement(ExtraLinks__related, {
+    relatedTitle,
+    relatedLinks
+  }));
+};
+var ExtraLinks_default = ExtraLinks;
+export {
+  ExtraLinks_default as default
+};

package/lib/FeatureList.cjs

@@ -0,0 +1,53 @@
+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 FeatureList_exports = {};
+__export(FeatureList_exports, {
+  default: () => FeatureList_default
+});
+module.exports = __toCommonJS(FeatureList_exports);
+var import_react = __toESM(require("react"));
+var import_seenEffect = require("./utils/seenEffect");
+var import_Bling = __toESM(require("./Bling"));
+const FeatureList = (props) => {
+  const { title, features, startSeen } = props;
+  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
+  const _features = features.length ? features : [{ name: "..." }];
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Bling.default, {
+    type: "snake-large",
+    align: "left",
+    vertical: "down-ish"
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "FeatureList",
+    ref
+  }, /* @__PURE__ */ import_react.default.createElement("h2", {
+    className: "FeatureList__title"
+  }, title), /* @__PURE__ */ import_react.default.createElement("ul", {
+    className: "FeatureList__list"
+  }, _features.map(({ name, icon, iconUrl }, i) => /* @__PURE__ */ import_react.default.createElement("li", {
+    key: i,
+    className: "FeatureList__feature",
+    style: iconUrl ? { "--efnistakn": `url("${iconUrl}")` } : void 0,
+    "data-efnistakn": !iconUrl ? icon : void 0
+  }, name)))));
+};
+var FeatureList_default = FeatureList;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/FeatureList.mjs

@@ -0,0 +1,29 @@
+import React from "react";
+import { useSeenEffect } from "./utils/seenEffect";
+import Bling from "./Bling";
+const FeatureList = (props) => {
+  const { title, features, startSeen } = props;
+  const [ref] = useSeenEffect(startSeen);
+  const _features = features.length ? features : [{ name: "..." }];
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Bling, {
+    type: "snake-large",
+    align: "left",
+    vertical: "down-ish"
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: "FeatureList",
+    ref
+  }, /* @__PURE__ */ React.createElement("h2", {
+    className: "FeatureList__title"
+  }, title), /* @__PURE__ */ React.createElement("ul", {
+    className: "FeatureList__list"
+  }, _features.map(({ name, icon, iconUrl }, i) => /* @__PURE__ */ React.createElement("li", {
+    key: i,
+    className: "FeatureList__feature",
+    style: iconUrl ? { "--efnistakn": `url("${iconUrl}")` } : void 0,
+    "data-efnistakn": !iconUrl ? icon : void 0
+  }, name)))));
+};
+var FeatureList_default = FeatureList;
+export {
+  FeatureList_default as default
+};

package/lib/FieldGroup.cjs

@@ -0,0 +1,40 @@
+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 FieldGroup_exports = {};
+__export(FieldGroup_exports, {
+  default: () => FieldGroup_default
+});
+module.exports = __toCommonJS(FieldGroup_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+const FieldGroup = (props) => {
+  const { legend, children, className, disabled } = props;
+  return /* @__PURE__ */ import_react.default.createElement("fieldset", {
+    className: (0, import_getBemClass.default)("FieldGroup", null, className),
+    role: "group",
+    disabled
+  }, /* @__PURE__ */ import_react.default.createElement("legend", {
+    className: "FieldGroup__legend"
+  }, legend), children);
+};
+var FieldGroup_default = FieldGroup;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/FieldGroup.mjs

@@ -0,0 +1,16 @@
+import React from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+const FieldGroup = (props) => {
+  const { legend, children, className, disabled } = props;
+  return /* @__PURE__ */ React.createElement("fieldset", {
+    className: getBemClass("FieldGroup", null, className),
+    role: "group",
+    disabled
+  }, /* @__PURE__ */ React.createElement("legend", {
+    className: "FieldGroup__legend"
+  }, legend), children);
+};
+var FieldGroup_default = FieldGroup;
+export {
+  FieldGroup_default as default
+};

package/lib/FileInput.cjs

@@ -0,0 +1,256 @@
+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 FileInput_exports = {};
+__export(FileInput_exports, {
+  default: () => FileInput_default
+});
+module.exports = __toCommonJS(FileInput_exports);
+var import_react = __toESM(require("react"));
+var import_react_dropzone = require("react-dropzone");
+var import_hooks = require("@hugsmidjan/react/hooks");
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_FormField = __toESM(require("./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 = (0, import_hooks.useDomid)(id);
+  const fileInputWrapper = (0, import_react.useRef)(null);
+  const fileInput = (0, import_react.useRef)(null);
+  const files = value;
+  const [isHover, setIsHover] = (0, import_react.useState)(false);
+  const { getRootProps, getInputProps, isDragReject, inputRef } = (0, import_react_dropzone.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);
+  (0, import_react.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__ */ import_react.default.createElement("li", {
+    key: file.name,
+    className: "FileInput__file"
+  }, /* @__PURE__ */ import_react.default.createElement("button", {
+    className: "FileInput__file-remove",
+    type: "button",
+    onClick: () => removeFile(file.name),
+    "aria-label": removeFileText
+  }, removeFileText), /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "FileInput__fileinfo"
+  }, showImagePreviews && file.preview && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "FileInput__preview"
+  }, /* @__PURE__ */ import_react.default.createElement("img", {
+    src: file.preview
+  })), " "), /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "FileInput__filename"
+  }, file.name), showFileSize && /* @__PURE__ */ import_react.default.createElement("small", {
+    className: "FileInput__filesize"
+  }, " - (", formatBytes(file.size), ")"))));
+  return /* @__PURE__ */ import_react.default.createElement(import_FormField.default, {
+    className: (0, import_getBemClass.default)("FileInput", [dropzoneProps.multiple && "multi"], className),
+    label,
+    id: domid + "-fake",
+    LabelTag: "h4",
+    assistText,
+    hideLabel,
+    disabled,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    renderInput: (className2, inputProps) => {
+      return /* @__PURE__ */ import_react.default.createElement("div", {
+        className: className2.control,
+        ref: fileInputWrapper
+      }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({
+        className: (0, import_getBemClass.default)("FileInput__dropzone", [isHover && "highlight"])
+      }, getRootProps({ isDragReject })), {
+        tabIndex: void 0
+      }), /* @__PURE__ */ import_react.default.createElement("p", {
+        className: "FileInput__droptext"
+      }, dropzoneText)), filesList.length ? /* @__PURE__ */ import_react.default.createElement("ul", {
+        className: "FileInput__filelist"
+      }, filesList) : "");
+    }
+  });
+};
+var FileInput_default = FileInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});