@entur/fileupload 0.4.13-beta.9 → 0.4.14

package/dist/FileUpload.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
 import { DropzoneOptions, FileRejection, DropEvent } from 'react-dropzone';
-import './FileUpload.scss';
 type FileUploadProps = DropzoneOptions & {
     /** Tekst som vises ved fullført opplasting
      * @default "Opplasting fullført"

package/dist/fileupload.cjs.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@entur/utils");
+const jsxRuntime = require("react/jsx-runtime");
+const reactDropzone = require("react-dropzone");
+const classNames = require("classnames");
+const icons = require("@entur/icons");
+const button = require("@entur/button");
+const typography = require("@entur/typography");
+const FileUpload = ({
+  standbyText = "Dra fil eller klikk for å laste opp",
+  errorText = "Feil ved opplasting av fil",
+  successText = "Opplasting fullført",
+  errorUpload = false,
+  onDrop,
+  onDelete = (file) => console.log(file),
+  accept = "",
+  files = [],
+  label,
+  removeFileButtonDescription = "Fjern fil",
+  style,
+  ...rest
+}) => {
+  const { getRootProps, getInputProps, isDragActive, isDragReject } = reactDropzone.useDropzone({
+    onDrop,
+    accept,
+    ...rest
+  });
+  const success = files.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "eds-file-upload__wrapper", ...style, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "eds-file-upload__input", ...getRootProps(), children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(typography.Label, { style: { display: "flex" }, children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("input", { ...getInputProps() }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: classNames(
+            "eds-file-upload__dropzone",
+            {
+              "eds-file-upload__dropzone--success": success
+            },
+            { "eds-file-upload__dropzone--active": isDragActive },
+            { "eds-file-upload__dropzone--reject": isDragReject },
+            { "eds-file-upload__dropzone--error": errorUpload }
+          ),
+          children: success ? successText : errorUpload ? errorText : standbyText
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "eds-file-upload__file-list", children: files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "eds-file-upload__file-name", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        icons.FileIcon,
+        {
+          "aria-label": "File icon",
+          className: "eds-file-upload__file-name-icon"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "eds-field-upload__file-name-path", children: [
+        file.name,
+        " - ",
+        convertSizeToHuman(file.size),
+        " "
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        button.IconButton,
+        {
+          onClick: () => onDelete(file),
+          type: "button",
+          "aria-label": `${removeFileButtonDescription}, ${file.name}`,
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteIcon, {})
+        }
+      )
+    ] }, index)) })
+  ] });
+};
+function convertSizeToHuman(size) {
+  if (size < 1e3) {
+    return size + "bytes;";
+  } else if (size < 1e6) {
+    return `${size / 1e3}  KB`;
+  } else {
+    return `${(size / 1e6).toPrecision(4)} MB`;
+  }
+}
+utils.warnAboutMissingStyles("fileupload");
+exports.FileUpload = FileUpload;
+//# sourceMappingURL=fileupload.cjs.js.map

package/dist/fileupload.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileupload.cjs.js","sources":["../src/FileUpload.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  useDropzone,\n  DropzoneOptions,\n  FileRejection,\n  DropEvent,\n} from 'react-dropzone';\nimport classNames from 'classnames';\n\nimport { FileIcon, DeleteIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Label } from '@entur/typography';\n\nimport './FileUpload.scss';\n\ntype FileUploadProps = DropzoneOptions & {\n  /** Tekst som vises ved fullført opplasting\n   * @default \"Opplasting fullført\"\n   */\n  successText?: string;\n  /** Tekst som vises om opplasting feilet\n   * @default \"Feil ved opplasting av fil\"\n   */\n  errorText?: string;\n  /** Tekst som vises før man laster opp noe\n   * @default \"Dra fil eller klikk for å laste opp\"\n   */\n  standbyText?: string;\n  /** Boolean for hvis opplastingen feiler.\n   * @default false\n   */\n  errorUpload?: boolean;\n  /** Callback for når en fil legges til */\n  onDrop?<T extends File>(\n    acceptedFiles: T[],\n    fileRejections: FileRejection[],\n    event: DropEvent,\n  ): void;\n  /** Callback for når en fil slettes fra lista */\n  onDelete?: (file: File) => void;\n  /** Hvilken filtyper som skal aksepteres */\n  accept?: string | string[];\n  /** Filene som er aktive i komponenten */\n  files: File[];\n  /** Beskrivende tekst som forklarer feltet */\n  label?: string;\n  /** Mulighet for å laste opp flere filer */\n  multiple?: boolean;\n  /**Minste filstørrelse */\n  minSize?: number;\n  /**Største filstørrelse */\n  maxSize?: number;\n  /**Tekst som leses opp av skjermleser på søppelbøtte-ikonet\n   * @default \"Fjern fil\"\n   */\n  removeFileButtonDescription?: string;\n  [key: string]: any;\n};\n\nexport const FileUpload: React.FC<FileUploadProps> = ({\n  standbyText = 'Dra fil eller klikk for å laste opp',\n  errorText = 'Feil ved opplasting av fil',\n  successText = 'Opplasting fullført',\n  errorUpload = false,\n  onDrop,\n  onDelete = file => console.log(file),\n  accept = '',\n  files = [],\n  label,\n  removeFileButtonDescription = 'Fjern fil',\n  style,\n  ...rest\n}) => {\n  const { getRootProps, getInputProps, isDragActive, isDragReject } =\n    useDropzone({\n      onDrop,\n      accept: accept,\n      ...rest,\n    });\n\n  const success = files.length > 0;\n\n  return (\n    <div className=\"eds-file-upload__wrapper\" {...style}>\n      <div className=\"eds-file-upload__input\" {...getRootProps()}>\n        {label && <Label style={{ display: 'flex' }}>{label}</Label>}\n        <input {...getInputProps()} />\n        <span\n          className={classNames(\n            'eds-file-upload__dropzone',\n            {\n              'eds-file-upload__dropzone--success': success,\n            },\n            { 'eds-file-upload__dropzone--active': isDragActive },\n            { 'eds-file-upload__dropzone--reject': isDragReject },\n            { 'eds-file-upload__dropzone--error': errorUpload },\n          )}\n        >\n          {success ? successText : errorUpload ? errorText : standbyText}\n        </span>\n      </div>\n      <div className=\"eds-file-upload__file-list\">\n        {files.map((file, index) => (\n          <div className=\"eds-file-upload__file-name\" key={index}>\n            <FileIcon\n              aria-label=\"File icon\"\n              className=\"eds-file-upload__file-name-icon\"\n            />\n            <span className=\"eds-field-upload__file-name-path\">\n              {file.name} - {convertSizeToHuman(file.size)}{' '}\n            </span>\n            <IconButton\n              onClick={() => onDelete(file)}\n              type=\"button\"\n              aria-label={`${removeFileButtonDescription}, ${file.name}`}\n            >\n              <DeleteIcon />\n            </IconButton>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nfunction convertSizeToHuman(size: number) {\n  if (size < 1000) {\n    return size + 'bytes;';\n  } else if (size < 1000000) {\n    return `${size / 1000}  KB`;\n  } else {\n    return `${(size / 1000000).toPrecision(4)} MB`;\n  }\n}\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('fileupload');\n\nexport * from './FileUpload';\n"],"names":["useDropzone","jsxs","Label","jsx","FileIcon","IconButton","DeleteIcon","warnAboutMissingStyles"],"mappings":";;;;;;;;;AA2DO,MAAM,aAAwC,CAAC;AAAA,EACpD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA,WAAW,CAAA,SAAQ,QAAQ,IAAI,IAAI;AAAA,EACnC,SAAS;AAAA,EACT,QAAQ,CAAA;AAAA,EACR;AAAA,EACA,8BAA8B;AAAA,EAC9B;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,cAAc,eAAe,cAAc,aAAA,IACjDA,cAAAA,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,CACJ;AAEH,QAAM,UAAU,MAAM,SAAS;AAE/B,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,4BAA4B,GAAG,OAC5C,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,0BAA0B,GAAG,gBACzC,UAAA;AAAA,MAAA,wCAAUC,WAAAA,OAAA,EAAM,OAAO,EAAE,SAAS,OAAA,GAAW,UAAA,OAAM;AAAA,MACpDC,2BAAAA,IAAC,SAAA,EAAO,GAAG,cAAA,EAAc,CAAG;AAAA,MAC5BA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,sCAAsC;AAAA,YAAA;AAAA,YAExC,EAAE,qCAAqC,aAAA;AAAA,YACvC,EAAE,qCAAqC,aAAA;AAAA,YACvC,EAAE,oCAAoC,YAAA;AAAA,UAAY;AAAA,UAGnD,UAAA,UAAU,cAAc,cAAc,YAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,GACF;AAAA,IACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,8BACZ,UAAA,MAAM,IAAI,CAAC,MAAM,UAChBF,2BAAAA,KAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,MAAAE,2BAAAA;AAAAA,QAACC,MAAAA;AAAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZH,2BAAAA,KAAC,QAAA,EAAK,WAAU,oCACb,UAAA;AAAA,QAAA,KAAK;AAAA,QAAK;AAAA,QAAI,mBAAmB,KAAK,IAAI;AAAA,QAAG;AAAA,MAAA,GAChD;AAAA,MACAE,2BAAAA;AAAAA,QAACE,OAAAA;AAAAA,QAAA;AAAA,UACC,SAAS,MAAM,SAAS,IAAI;AAAA,UAC5B,MAAK;AAAA,UACL,cAAY,GAAG,2BAA2B,KAAK,KAAK,IAAI;AAAA,UAExD,yCAACC,MAAAA,YAAA,CAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAAA,GAd+C,KAejD,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,mBAAmB,MAAc;AACxC,MAAI,OAAO,KAAM;AACf,WAAO,OAAO;AAAA,EAChB,WAAW,OAAO,KAAS;AACzB,WAAO,GAAG,OAAO,GAAI;AAAA,EACvB,OAAO;AACL,WAAO,IAAI,OAAO,KAAS,YAAY,CAAC,CAAC;AAAA,EAC3C;AACF;AClIAC,MAAAA,uBAAuB,YAAY;;"}

package/dist/fileupload.esm.js

@@ -1,112 +1,87 @@
-import { warnAboutMissingStyles } from '@entur/utils';
-import React from 'react';
-import { useDropzone } from 'react-dropzone';
-import classNames from 'classnames';
-import { FileIcon, DeleteIcon } from '@entur/icons';
-import { IconButton } from '@entur/button';
-import { Label } from '@entur/typography';
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
-var _excluded = ["standbyText", "errorText", "successText", "errorUpload", "onDrop", "onDelete", "accept", "files", "label", "removeFileButtonDescription", "style"];
-var FileUpload = function FileUpload(_ref) {
-  var _ref$standbyText = _ref.standbyText,
-    standbyText = _ref$standbyText === void 0 ? 'Dra fil eller klikk for å laste opp' : _ref$standbyText,
-    _ref$errorText = _ref.errorText,
-    errorText = _ref$errorText === void 0 ? 'Feil ved opplasting av fil' : _ref$errorText,
-    _ref$successText = _ref.successText,
-    successText = _ref$successText === void 0 ? 'Opplasting fullført' : _ref$successText,
-    _ref$errorUpload = _ref.errorUpload,
-    errorUpload = _ref$errorUpload === void 0 ? false : _ref$errorUpload,
-    onDrop = _ref.onDrop,
-    _ref$onDelete = _ref.onDelete,
-    onDelete = _ref$onDelete === void 0 ? function (file) {
-      return console.log(file);
-    } : _ref$onDelete,
-    _ref$accept = _ref.accept,
-    accept = _ref$accept === void 0 ? '' : _ref$accept,
-    _ref$files = _ref.files,
-    files = _ref$files === void 0 ? [] : _ref$files,
-    label = _ref.label,
-    _ref$removeFileButton = _ref.removeFileButtonDescription,
-    removeFileButtonDescription = _ref$removeFileButton === void 0 ? 'Fjern fil' : _ref$removeFileButton,
-    style = _ref.style,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useDropzone = useDropzone(_extends({
-      onDrop: onDrop,
-      accept: accept
-    }, rest)),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps,
-    isDragActive = _useDropzone.isDragActive,
-    isDragReject = _useDropzone.isDragReject;
-  var success = files.length > 0;
-  return React.createElement("div", _extends({
-    className: "eds-file-upload__wrapper"
-  }, style), React.createElement("div", _extends({
-    className: "eds-file-upload__input"
-  }, getRootProps()), label && React.createElement(Label, {
-    style: {
-      display: 'flex'
-    }
-  }, label), React.createElement("input", _extends({}, getInputProps())), React.createElement("span", {
-    className: classNames('eds-file-upload__dropzone', {
-      'eds-file-upload__dropzone--success': success
-    }, {
-      'eds-file-upload__dropzone--active': isDragActive
-    }, {
-      'eds-file-upload__dropzone--reject': isDragReject
-    }, {
-      'eds-file-upload__dropzone--error': errorUpload
-    })
-  }, success ? successText : errorUpload ? errorText : standbyText)), React.createElement("div", {
-    className: "eds-file-upload__file-list"
-  }, files.map(function (file, index) {
-    return React.createElement("div", {
-      className: "eds-file-upload__file-name",
-      key: index
-    }, React.createElement(FileIcon, {
-      "aria-label": "File icon",
-      className: "eds-file-upload__file-name-icon"
-    }), React.createElement("span", {
-      className: "eds-field-upload__file-name-path"
-    }, file.name, " - ", convertSizeToHuman(file.size), ' '), React.createElement(IconButton, {
-      onClick: function onClick() {
-        return onDelete(file);
-      },
-      type: "button",
-      "aria-label": removeFileButtonDescription + ", " + file.name
-    }, React.createElement(DeleteIcon, null)));
-  })));
+import { warnAboutMissingStyles } from "@entur/utils";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useDropzone } from "react-dropzone";
+import classNames from "classnames";
+import { FileIcon, DeleteIcon } from "@entur/icons";
+import { IconButton } from "@entur/button";
+import { Label } from "@entur/typography";
+const FileUpload = ({
+  standbyText = "Dra fil eller klikk for å laste opp",
+  errorText = "Feil ved opplasting av fil",
+  successText = "Opplasting fullført",
+  errorUpload = false,
+  onDrop,
+  onDelete = (file) => console.log(file),
+  accept = "",
+  files = [],
+  label,
+  removeFileButtonDescription = "Fjern fil",
+  style,
+  ...rest
+}) => {
+  const { getRootProps, getInputProps, isDragActive, isDragReject } = useDropzone({
+    onDrop,
+    accept,
+    ...rest
+  });
+  const success = files.length > 0;
+  return /* @__PURE__ */ jsxs("div", { className: "eds-file-upload__wrapper", ...style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "eds-file-upload__input", ...getRootProps(), children: [
+      label && /* @__PURE__ */ jsx(Label, { style: { display: "flex" }, children: label }),
+      /* @__PURE__ */ jsx("input", { ...getInputProps() }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classNames(
+            "eds-file-upload__dropzone",
+            {
+              "eds-file-upload__dropzone--success": success
+            },
+            { "eds-file-upload__dropzone--active": isDragActive },
+            { "eds-file-upload__dropzone--reject": isDragReject },
+            { "eds-file-upload__dropzone--error": errorUpload }
+          ),
+          children: success ? successText : errorUpload ? errorText : standbyText
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "eds-file-upload__file-list", children: files.map((file, index) => /* @__PURE__ */ jsxs("div", { className: "eds-file-upload__file-name", children: [
+      /* @__PURE__ */ jsx(
+        FileIcon,
+        {
+          "aria-label": "File icon",
+          className: "eds-file-upload__file-name-icon"
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "eds-field-upload__file-name-path", children: [
+        file.name,
+        " - ",
+        convertSizeToHuman(file.size),
+        " "
+      ] }),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          onClick: () => onDelete(file),
+          type: "button",
+          "aria-label": `${removeFileButtonDescription}, ${file.name}`,
+          children: /* @__PURE__ */ jsx(DeleteIcon, {})
+        }
+      )
+    ] }, index)) })
+  ] });
 };
 function convertSizeToHuman(size) {
-  if (size < 1000) {
-    return size + 'bytes;';
-  } else if (size < 1000000) {
-    return size / 1000 + "  KB";
+  if (size < 1e3) {
+    return size + "bytes;";
+  } else if (size < 1e6) {
+    return `${size / 1e3}  KB`;
   } else {
-    return (size / 1000000).toPrecision(4) + " MB";
+    return `${(size / 1e6).toPrecision(4)} MB`;
   }
 }
-
-warnAboutMissingStyles('fileupload');
-
-export { FileUpload };
+warnAboutMissingStyles("fileupload");
+export {
+  FileUpload
+};
 //# sourceMappingURL=fileupload.esm.js.map

package/dist/fileupload.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileupload.esm.js","sources":["../src/FileUpload.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  useDropzone,\n  DropzoneOptions,\n  FileRejection,\n  DropEvent,\n} from 'react-dropzone';\nimport classNames from 'classnames';\n\nimport { FileIcon, DeleteIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Label } from '@entur/typography';\n\nimport './FileUpload.scss';\n\ntype FileUploadProps = DropzoneOptions & {\n  /** Tekst som vises ved fullført opplasting\n   * @default \"Opplasting fullført\"\n   */\n  successText?: string;\n  /** Tekst som vises om opplasting feilet\n   * @default \"Feil ved opplasting av fil\"\n   */\n  errorText?: string;\n  /** Tekst som vises før man laster opp noe\n   * @default \"Dra fil eller klikk for å laste opp\"\n   */\n  standbyText?: string;\n  /** Boolean for hvis opplastingen feiler.\n   * @default false\n   */\n  errorUpload?: boolean;\n  /** Callback for når en fil legges til */\n  onDrop?<T extends File>(\n    acceptedFiles: T[],\n    fileRejections: FileRejection[],\n    event: DropEvent,\n  ): void;\n  /** Callback for når en fil slettes fra lista */\n  onDelete?: (file: File) => void;\n  /** Hvilken filtyper som skal aksepteres */\n  accept?: string | string[];\n  /** Filene som er aktive i komponenten */\n  files: File[];\n  /** Beskrivende tekst som forklarer feltet */\n  label?: string;\n  /** Mulighet for å laste opp flere filer */\n  multiple?: boolean;\n  /**Minste filstørrelse */\n  minSize?: number;\n  /**Største filstørrelse */\n  maxSize?: number;\n  /**Tekst som leses opp av skjermleser på søppelbøtte-ikonet\n   * @default \"Fjern fil\"\n   */\n  removeFileButtonDescription?: string;\n  [key: string]: any;\n};\n\nexport const FileUpload: React.FC<FileUploadProps> = ({\n  standbyText = 'Dra fil eller klikk for å laste opp',\n  errorText = 'Feil ved opplasting av fil',\n  successText = 'Opplasting fullført',\n  errorUpload = false,\n  onDrop,\n  onDelete = file => console.log(file),\n  accept = '',\n  files = [],\n  label,\n  removeFileButtonDescription = 'Fjern fil',\n  style,\n  ...rest\n}) => {\n  const { getRootProps, getInputProps, isDragActive, isDragReject } =\n    useDropzone({\n      onDrop,\n      accept: accept,\n      ...rest,\n    });\n\n  const success = files.length > 0;\n\n  return (\n    <div className=\"eds-file-upload__wrapper\" {...style}>\n      <div className=\"eds-file-upload__input\" {...getRootProps()}>\n        {label && <Label style={{ display: 'flex' }}>{label}</Label>}\n        <input {...getInputProps()} />\n        <span\n          className={classNames(\n            'eds-file-upload__dropzone',\n            {\n              'eds-file-upload__dropzone--success': success,\n            },\n            { 'eds-file-upload__dropzone--active': isDragActive },\n            { 'eds-file-upload__dropzone--reject': isDragReject },\n            { 'eds-file-upload__dropzone--error': errorUpload },\n          )}\n        >\n          {success ? successText : errorUpload ? errorText : standbyText}\n        </span>\n      </div>\n      <div className=\"eds-file-upload__file-list\">\n        {files.map((file, index) => (\n          <div className=\"eds-file-upload__file-name\" key={index}>\n            <FileIcon\n              aria-label=\"File icon\"\n              className=\"eds-file-upload__file-name-icon\"\n            />\n            <span className=\"eds-field-upload__file-name-path\">\n              {file.name} - {convertSizeToHuman(file.size)}{' '}\n            </span>\n            <IconButton\n              onClick={() => onDelete(file)}\n              type=\"button\"\n              aria-label={`${removeFileButtonDescription}, ${file.name}`}\n            >\n              <DeleteIcon />\n            </IconButton>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nfunction convertSizeToHuman(size: number) {\n  if (size < 1000) {\n    return size + 'bytes;';\n  } else if (size < 1000000) {\n    return `${size / 1000}  KB`;\n  } else {\n    return `${(size / 1000000).toPrecision(4)} MB`;\n  }\n}\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('fileupload');\n\nexport * from './FileUpload';\n"],"names":["FileUpload","_ref","_ref$standbyText","standbyText","_ref$errorText","errorText","_ref$successText","successText","_ref$errorUpload","errorUpload","onDrop","_ref$onDelete","onDelete","file","console","log","_ref$accept","accept","_ref$files","files","label","_ref$removeFileButton","removeFileButtonDescription","style","rest","_objectWithoutPropertiesLoose","_excluded","_useDropzone","useDropzone","_extends","getRootProps","getInputProps","isDragActive","isDragReject","success","length","React","createElement","className","Label","display","classNames","map","index","key","FileIcon","name","convertSizeToHuman","size","IconButton","onClick","type","DeleteIcon","toPrecision","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"fileupload.esm.js","sources":["../src/FileUpload.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  useDropzone,\n  DropzoneOptions,\n  FileRejection,\n  DropEvent,\n} from 'react-dropzone';\nimport classNames from 'classnames';\n\nimport { FileIcon, DeleteIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Label } from '@entur/typography';\n\nimport './FileUpload.scss';\n\ntype FileUploadProps = DropzoneOptions & {\n  /** Tekst som vises ved fullført opplasting\n   * @default \"Opplasting fullført\"\n   */\n  successText?: string;\n  /** Tekst som vises om opplasting feilet\n   * @default \"Feil ved opplasting av fil\"\n   */\n  errorText?: string;\n  /** Tekst som vises før man laster opp noe\n   * @default \"Dra fil eller klikk for å laste opp\"\n   */\n  standbyText?: string;\n  /** Boolean for hvis opplastingen feiler.\n   * @default false\n   */\n  errorUpload?: boolean;\n  /** Callback for når en fil legges til */\n  onDrop?<T extends File>(\n    acceptedFiles: T[],\n    fileRejections: FileRejection[],\n    event: DropEvent,\n  ): void;\n  /** Callback for når en fil slettes fra lista */\n  onDelete?: (file: File) => void;\n  /** Hvilken filtyper som skal aksepteres */\n  accept?: string | string[];\n  /** Filene som er aktive i komponenten */\n  files: File[];\n  /** Beskrivende tekst som forklarer feltet */\n  label?: string;\n  /** Mulighet for å laste opp flere filer */\n  multiple?: boolean;\n  /**Minste filstørrelse */\n  minSize?: number;\n  /**Største filstørrelse */\n  maxSize?: number;\n  /**Tekst som leses opp av skjermleser på søppelbøtte-ikonet\n   * @default \"Fjern fil\"\n   */\n  removeFileButtonDescription?: string;\n  [key: string]: any;\n};\n\nexport const FileUpload: React.FC<FileUploadProps> = ({\n  standbyText = 'Dra fil eller klikk for å laste opp',\n  errorText = 'Feil ved opplasting av fil',\n  successText = 'Opplasting fullført',\n  errorUpload = false,\n  onDrop,\n  onDelete = file => console.log(file),\n  accept = '',\n  files = [],\n  label,\n  removeFileButtonDescription = 'Fjern fil',\n  style,\n  ...rest\n}) => {\n  const { getRootProps, getInputProps, isDragActive, isDragReject } =\n    useDropzone({\n      onDrop,\n      accept: accept,\n      ...rest,\n    });\n\n  const success = files.length > 0;\n\n  return (\n    <div className=\"eds-file-upload__wrapper\" {...style}>\n      <div className=\"eds-file-upload__input\" {...getRootProps()}>\n        {label && <Label style={{ display: 'flex' }}>{label}</Label>}\n        <input {...getInputProps()} />\n        <span\n          className={classNames(\n            'eds-file-upload__dropzone',\n            {\n              'eds-file-upload__dropzone--success': success,\n            },\n            { 'eds-file-upload__dropzone--active': isDragActive },\n            { 'eds-file-upload__dropzone--reject': isDragReject },\n            { 'eds-file-upload__dropzone--error': errorUpload },\n          )}\n        >\n          {success ? successText : errorUpload ? errorText : standbyText}\n        </span>\n      </div>\n      <div className=\"eds-file-upload__file-list\">\n        {files.map((file, index) => (\n          <div className=\"eds-file-upload__file-name\" key={index}>\n            <FileIcon\n              aria-label=\"File icon\"\n              className=\"eds-file-upload__file-name-icon\"\n            />\n            <span className=\"eds-field-upload__file-name-path\">\n              {file.name} - {convertSizeToHuman(file.size)}{' '}\n            </span>\n            <IconButton\n              onClick={() => onDelete(file)}\n              type=\"button\"\n              aria-label={`${removeFileButtonDescription}, ${file.name}`}\n            >\n              <DeleteIcon />\n            </IconButton>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nfunction convertSizeToHuman(size: number) {\n  if (size < 1000) {\n    return size + 'bytes;';\n  } else if (size < 1000000) {\n    return `${size / 1000}  KB`;\n  } else {\n    return `${(size / 1000000).toPrecision(4)} MB`;\n  }\n}\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('fileupload');\n\nexport * from './FileUpload';\n"],"names":[],"mappings":";;;;;;;AA2DO,MAAM,aAAwC,CAAC;AAAA,EACpD,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA,WAAW,CAAA,SAAQ,QAAQ,IAAI,IAAI;AAAA,EACnC,SAAS;AAAA,EACT,QAAQ,CAAA;AAAA,EACR;AAAA,EACA,8BAA8B;AAAA,EAC9B;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,cAAc,eAAe,cAAc,aAAA,IACjD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,CACJ;AAEH,QAAM,UAAU,MAAM,SAAS;AAE/B,SACE,qBAAC,OAAA,EAAI,WAAU,4BAA4B,GAAG,OAC5C,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0BAA0B,GAAG,gBACzC,UAAA;AAAA,MAAA,6BAAU,OAAA,EAAM,OAAO,EAAE,SAAS,OAAA,GAAW,UAAA,OAAM;AAAA,MACpD,oBAAC,SAAA,EAAO,GAAG,cAAA,EAAc,CAAG;AAAA,MAC5B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,sCAAsC;AAAA,YAAA;AAAA,YAExC,EAAE,qCAAqC,aAAA;AAAA,YACvC,EAAE,qCAAqC,aAAA;AAAA,YACvC,EAAE,oCAAoC,YAAA;AAAA,UAAY;AAAA,UAGnD,UAAA,UAAU,cAAc,cAAc,YAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,GACF;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,8BACZ,UAAA,MAAM,IAAI,CAAC,MAAM,UAChB,qBAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,qBAAC,QAAA,EAAK,WAAU,oCACb,UAAA;AAAA,QAAA,KAAK;AAAA,QAAK;AAAA,QAAI,mBAAmB,KAAK,IAAI;AAAA,QAAG;AAAA,MAAA,GAChD;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM,SAAS,IAAI;AAAA,UAC5B,MAAK;AAAA,UACL,cAAY,GAAG,2BAA2B,KAAK,KAAK,IAAI;AAAA,UAExD,8BAAC,YAAA,CAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAAA,GAd+C,KAejD,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,mBAAmB,MAAc;AACxC,MAAI,OAAO,KAAM;AACf,WAAO,OAAO;AAAA,EAChB,WAAW,OAAO,KAAS;AACzB,WAAO,GAAG,OAAO,GAAI;AAAA,EACvB,OAAO;AACL,WAAO,IAAI,OAAO,KAAS,YAAY,CAAC,CAAC;AAAA,EAC3C;AACF;AClIA,uBAAuB,YAAY;"}

package/dist/index.d.ts

@@ -1,2 +1 @@
-import './index.scss';
 export * from './FileUpload';

package/dist/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/styles.css

@@ -1,85 +1,5 @@
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-file-upload__wrapper {
-  display: inline-block;
-  min-width: 13.75rem;
-}
-.eds-file-upload__input {
-  width: 100%;
-}
-.eds-file-upload__input:focus-visible {
-  outline: 2px solid #181c56;
-  outline-color: var(--basecolors-stroke-focus-standard);
-  outline-offset: 0.125rem;
-}
-.eds-contrast .eds-file-upload__input:focus-visible {
-  outline-color: var(--basecolors-stroke-focus-contrast);
-}
-.eds-file-upload__dropzone {
-  border: 0.125rem var(--components-loader-fileupload-standard-stroke-default) dashed;
-  display: inline-block;
-  color: var(--components-loader-fileupload-standard-text);
-  cursor: pointer;
-  font-family: inherit;
-  height: 3rem;
-  padding: 0.5rem;
-  text-align: center;
-  width: 100%;
-}
-.eds-contrast .eds-file-upload__dropzone {
-  border-color: var(--components-loader-fileupload-contrast-stroke-default);
-  color: var(--components-loader-fileupload-contrast-text);
-}
-.eds-file-upload__dropzone--success {
-  border-color: var(--components-loader-fileupload-standard-stroke-success);
-  border-style: solid;
-}
-.eds-contrast .eds-file-upload__dropzone--success {
-  border-color: var(--components-loader-fileupload-contrast-stroke-success);
-}
-.eds-file-upload__dropzone--error {
-  border-color: var(--components-loader-fileupload-standard-stroke-negative);
-  border-style: solid;
-}
-.eds-contrast .eds-file-upload__dropzone--error {
-  border-color: var(--components-loader-fileupload-contrast-stroke-negative);
-}
-.eds-file-upload__dropzone--reject {
-  color: var(--components-loader-fileupload-standard-text-disabled);
-  border-color: var(--components-loader-fileupload-standard-stroke-disabled);
-  opacity: 0.5;
-}
-.eds-contrast .eds-file-upload__dropzone--reject {
-  color: var(--components-loader-fileupload-contrast-text-disabled);
-  border-color: var(--components-loader-fileupload-contrast-stroke-disabled);
-}
-.eds-file-upload__file-list {
-  width: 100%;
-}
-.eds-file-upload__file-name {
-  display: grid;
-  grid-template-columns: auto 1fr auto;
-  align-items: center;
-  font-size: 0.875rem;
-}
-.eds-file-upload__file-name > .eds-file-upload__file-name-icon {
-  align-self: flex-start;
-  color: var(--components-loader-fileupload-standard-icon);
-  margin: 0.5rem 0;
-  margin-right: 0.25rem;
-}
-.eds-contrast .eds-file-upload__file-name > .eds-file-upload__file-name-icon {
-  color: var(--components-loader-fileupload-contrast-icon);
-}
-.eds-file-upload__file-name-path {
-  word-break: break-word;
-}
-.eds-file-upload__file-name .eds-icon-button {
-  align-self: flex-start;
-  margin-left: 0.75rem;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
@@ -266,4 +186,83 @@
 
 :root {
   --eds-fileupload: 1;
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-file-upload__wrapper {
+  display: inline-block;
+  min-width: 13.75rem;
+}
+.eds-file-upload__input {
+  width: 100%;
+}
+.eds-file-upload__input:focus-visible {
+  outline: 2px solid #181c56;
+  outline-color: var(--basecolors-stroke-focus-standard);
+  outline-offset: 0.125rem;
+}
+.eds-contrast .eds-file-upload__input:focus-visible {
+  outline-color: var(--basecolors-stroke-focus-contrast);
+}
+.eds-file-upload__dropzone {
+  border: 0.125rem var(--components-loader-fileupload-standard-stroke-default) dashed;
+  display: inline-block;
+  color: var(--components-loader-fileupload-standard-text);
+  cursor: pointer;
+  font-family: inherit;
+  height: 3rem;
+  padding: 0.5rem;
+  text-align: center;
+  width: 100%;
+}
+.eds-contrast .eds-file-upload__dropzone {
+  border-color: var(--components-loader-fileupload-contrast-stroke-default);
+  color: var(--components-loader-fileupload-contrast-text);
+}
+.eds-file-upload__dropzone--success {
+  border-color: var(--components-loader-fileupload-standard-stroke-success);
+  border-style: solid;
+}
+.eds-contrast .eds-file-upload__dropzone--success {
+  border-color: var(--components-loader-fileupload-contrast-stroke-success);
+}
+.eds-file-upload__dropzone--error {
+  border-color: var(--components-loader-fileupload-standard-stroke-negative);
+  border-style: solid;
+}
+.eds-contrast .eds-file-upload__dropzone--error {
+  border-color: var(--components-loader-fileupload-contrast-stroke-negative);
+}
+.eds-file-upload__dropzone--reject {
+  color: var(--components-loader-fileupload-standard-text-disabled);
+  border-color: var(--components-loader-fileupload-standard-stroke-disabled);
+  opacity: 0.5;
+}
+.eds-contrast .eds-file-upload__dropzone--reject {
+  color: var(--components-loader-fileupload-contrast-text-disabled);
+  border-color: var(--components-loader-fileupload-contrast-stroke-disabled);
 }
+.eds-file-upload__file-list {
+  width: 100%;
+}
+.eds-file-upload__file-name {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+  font-size: 0.875rem;
+}
+.eds-file-upload__file-name > .eds-file-upload__file-name-icon {
+  align-self: flex-start;
+  color: var(--components-loader-fileupload-standard-icon);
+  margin: 0.5rem 0;
+  margin-right: 0.25rem;
+}
+.eds-contrast .eds-file-upload__file-name > .eds-file-upload__file-name-icon {
+  color: var(--components-loader-fileupload-contrast-icon);
+}
+.eds-file-upload__file-name-path {
+  word-break: break-word;
+}
+.eds-file-upload__file-name .eds-icon-button {
+  align-self: flex-start;
+  margin-left: 0.75rem;
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@entur/fileupload",
-  "version": "0.4.13-beta.9",
+  "version": "0.4.14",
   "license": "EUPL-1.2",
-  "main": "dist/index.js",
+  "main": "dist/fileupload.cjs.js",
   "module": "dist/fileupload.esm.js",
-  "typings": "dist/index.d.ts",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -17,27 +17,37 @@
     "access": "public"
   },
   "scripts": {
-    "start": "dts watch --noClean",
-    "build": "dts build",
-    "test": "dts test",
-    "lint": "dts lint src"
+    "start": "vite build --watch",
+    "build": "vite build",
+    "test": "jest",
+    "lint": "eslint src"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/a11y": "^0.2.99",
-    "@entur/button": "^3.3.13-beta.9",
-    "@entur/icons": "^8.0.0",
-    "@entur/tokens": "^3.19.1",
-    "@entur/typography": "^1.10.0-beta.9",
-    "@entur/utils": "^0.12.3",
-    "classnames": "^2.3.1",
-    "react-dropzone": "^11.3.4"
+    "@entur/a11y": "^0.2.101",
+    "@entur/button": "^3.3.14",
+    "@entur/icons": "^8.0.2",
+    "@entur/tokens": "^3.19.3",
+    "@entur/typography": "^1.9.14",
+    "@entur/utils": "^0.12.5",
+    "classnames": "^2.5.1",
+    "react-dropzone": "^11.7.1"
   },
   "devDependencies": {
-    "dts-cli": "2.0.5"
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^10.4.9",
+    "@testing-library/user-event": "14.6.1",
+    "@vitejs/plugin-react": "^5.0.1",
+    "eslint": "^7.32.0",
+    "jest": "^29.0.0",
+    "jest-environment-jsdom": "^29.0.0",
+    "ts-jest": "^29.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.3",
+    "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "6f685d2e4ac13bdaf9c6480f9e7922c9d8f4619c"
+  "gitHead": "5dd9d318f1d79f6f522f978de27b551fda1e91cc"
 }

package/dist/fileupload.cjs.development.js

@@ -1,116 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('@entur/utils');
-var React = require('react');
-var reactDropzone = require('react-dropzone');
-var classNames = require('classnames');
-var icons = require('@entur/icons');
-var button = require('@entur/button');
-var typography = require('@entur/typography');
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
-var _excluded = ["standbyText", "errorText", "successText", "errorUpload", "onDrop", "onDelete", "accept", "files", "label", "removeFileButtonDescription", "style"];
-var FileUpload = function FileUpload(_ref) {
-  var _ref$standbyText = _ref.standbyText,
-    standbyText = _ref$standbyText === void 0 ? 'Dra fil eller klikk for å laste opp' : _ref$standbyText,
-    _ref$errorText = _ref.errorText,
-    errorText = _ref$errorText === void 0 ? 'Feil ved opplasting av fil' : _ref$errorText,
-    _ref$successText = _ref.successText,
-    successText = _ref$successText === void 0 ? 'Opplasting fullført' : _ref$successText,
-    _ref$errorUpload = _ref.errorUpload,
-    errorUpload = _ref$errorUpload === void 0 ? false : _ref$errorUpload,
-    onDrop = _ref.onDrop,
-    _ref$onDelete = _ref.onDelete,
-    onDelete = _ref$onDelete === void 0 ? function (file) {
-      return console.log(file);
-    } : _ref$onDelete,
-    _ref$accept = _ref.accept,
-    accept = _ref$accept === void 0 ? '' : _ref$accept,
-    _ref$files = _ref.files,
-    files = _ref$files === void 0 ? [] : _ref$files,
-    label = _ref.label,
-    _ref$removeFileButton = _ref.removeFileButtonDescription,
-    removeFileButtonDescription = _ref$removeFileButton === void 0 ? 'Fjern fil' : _ref$removeFileButton,
-    style = _ref.style,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useDropzone = reactDropzone.useDropzone(_extends({
-      onDrop: onDrop,
-      accept: accept
-    }, rest)),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps,
-    isDragActive = _useDropzone.isDragActive,
-    isDragReject = _useDropzone.isDragReject;
-  var success = files.length > 0;
-  return React.createElement("div", _extends({
-    className: "eds-file-upload__wrapper"
-  }, style), React.createElement("div", _extends({
-    className: "eds-file-upload__input"
-  }, getRootProps()), label && React.createElement(typography.Label, {
-    style: {
-      display: 'flex'
-    }
-  }, label), React.createElement("input", _extends({}, getInputProps())), React.createElement("span", {
-    className: classNames('eds-file-upload__dropzone', {
-      'eds-file-upload__dropzone--success': success
-    }, {
-      'eds-file-upload__dropzone--active': isDragActive
-    }, {
-      'eds-file-upload__dropzone--reject': isDragReject
-    }, {
-      'eds-file-upload__dropzone--error': errorUpload
-    })
-  }, success ? successText : errorUpload ? errorText : standbyText)), React.createElement("div", {
-    className: "eds-file-upload__file-list"
-  }, files.map(function (file, index) {
-    return React.createElement("div", {
-      className: "eds-file-upload__file-name",
-      key: index
-    }, React.createElement(icons.FileIcon, {
-      "aria-label": "File icon",
-      className: "eds-file-upload__file-name-icon"
-    }), React.createElement("span", {
-      className: "eds-field-upload__file-name-path"
-    }, file.name, " - ", convertSizeToHuman(file.size), ' '), React.createElement(button.IconButton, {
-      onClick: function onClick() {
-        return onDelete(file);
-      },
-      type: "button",
-      "aria-label": removeFileButtonDescription + ", " + file.name
-    }, React.createElement(icons.DeleteIcon, null)));
-  })));
-};
-function convertSizeToHuman(size) {
-  if (size < 1000) {
-    return size + 'bytes;';
-  } else if (size < 1000000) {
-    return size / 1000 + "  KB";
-  } else {
-    return (size / 1000000).toPrecision(4) + " MB";
-  }
-}
-
-utils.warnAboutMissingStyles('fileupload');
-
-exports.FileUpload = FileUpload;
-//# sourceMappingURL=fileupload.cjs.development.js.map

package/dist/fileupload.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fileupload.cjs.development.js","sources":["../src/FileUpload.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  useDropzone,\n  DropzoneOptions,\n  FileRejection,\n  DropEvent,\n} from 'react-dropzone';\nimport classNames from 'classnames';\n\nimport { FileIcon, DeleteIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Label } from '@entur/typography';\n\nimport './FileUpload.scss';\n\ntype FileUploadProps = DropzoneOptions & {\n  /** Tekst som vises ved fullført opplasting\n   * @default \"Opplasting fullført\"\n   */\n  successText?: string;\n  /** Tekst som vises om opplasting feilet\n   * @default \"Feil ved opplasting av fil\"\n   */\n  errorText?: string;\n  /** Tekst som vises før man laster opp noe\n   * @default \"Dra fil eller klikk for å laste opp\"\n   */\n  standbyText?: string;\n  /** Boolean for hvis opplastingen feiler.\n   * @default false\n   */\n  errorUpload?: boolean;\n  /** Callback for når en fil legges til */\n  onDrop?<T extends File>(\n    acceptedFiles: T[],\n    fileRejections: FileRejection[],\n    event: DropEvent,\n  ): void;\n  /** Callback for når en fil slettes fra lista */\n  onDelete?: (file: File) => void;\n  /** Hvilken filtyper som skal aksepteres */\n  accept?: string | string[];\n  /** Filene som er aktive i komponenten */\n  files: File[];\n  /** Beskrivende tekst som forklarer feltet */\n  label?: string;\n  /** Mulighet for å laste opp flere filer */\n  multiple?: boolean;\n  /**Minste filstørrelse */\n  minSize?: number;\n  /**Største filstørrelse */\n  maxSize?: number;\n  /**Tekst som leses opp av skjermleser på søppelbøtte-ikonet\n   * @default \"Fjern fil\"\n   */\n  removeFileButtonDescription?: string;\n  [key: string]: any;\n};\n\nexport const FileUpload: React.FC<FileUploadProps> = ({\n  standbyText = 'Dra fil eller klikk for å laste opp',\n  errorText = 'Feil ved opplasting av fil',\n  successText = 'Opplasting fullført',\n  errorUpload = false,\n  onDrop,\n  onDelete = file => console.log(file),\n  accept = '',\n  files = [],\n  label,\n  removeFileButtonDescription = 'Fjern fil',\n  style,\n  ...rest\n}) => {\n  const { getRootProps, getInputProps, isDragActive, isDragReject } =\n    useDropzone({\n      onDrop,\n      accept: accept,\n      ...rest,\n    });\n\n  const success = files.length > 0;\n\n  return (\n    <div className=\"eds-file-upload__wrapper\" {...style}>\n      <div className=\"eds-file-upload__input\" {...getRootProps()}>\n        {label && <Label style={{ display: 'flex' }}>{label}</Label>}\n        <input {...getInputProps()} />\n        <span\n          className={classNames(\n            'eds-file-upload__dropzone',\n            {\n              'eds-file-upload__dropzone--success': success,\n            },\n            { 'eds-file-upload__dropzone--active': isDragActive },\n            { 'eds-file-upload__dropzone--reject': isDragReject },\n            { 'eds-file-upload__dropzone--error': errorUpload },\n          )}\n        >\n          {success ? successText : errorUpload ? errorText : standbyText}\n        </span>\n      </div>\n      <div className=\"eds-file-upload__file-list\">\n        {files.map((file, index) => (\n          <div className=\"eds-file-upload__file-name\" key={index}>\n            <FileIcon\n              aria-label=\"File icon\"\n              className=\"eds-file-upload__file-name-icon\"\n            />\n            <span className=\"eds-field-upload__file-name-path\">\n              {file.name} - {convertSizeToHuman(file.size)}{' '}\n            </span>\n            <IconButton\n              onClick={() => onDelete(file)}\n              type=\"button\"\n              aria-label={`${removeFileButtonDescription}, ${file.name}`}\n            >\n              <DeleteIcon />\n            </IconButton>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nfunction convertSizeToHuman(size: number) {\n  if (size < 1000) {\n    return size + 'bytes;';\n  } else if (size < 1000000) {\n    return `${size / 1000}  KB`;\n  } else {\n    return `${(size / 1000000).toPrecision(4)} MB`;\n  }\n}\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('fileupload');\n\nexport * from './FileUpload';\n"],"names":["FileUpload","_ref","_ref$standbyText","standbyText","_ref$errorText","errorText","_ref$successText","successText","_ref$errorUpload","errorUpload","onDrop","_ref$onDelete","onDelete","file","console","log","_ref$accept","accept","_ref$files","files","label","_ref$removeFileButton","removeFileButtonDescription","style","rest","_objectWithoutPropertiesLoose","_excluded","_useDropzone","useDropzone","_extends","getRootProps","getInputProps","isDragActive","isDragReject","success","length","React","createElement","className","Label","display","classNames","map","index","key","FileIcon","name","convertSizeToHuman","size","IconButton","onClick","type","DeleteIcon","toPrecision","warnAboutMissingStyles"],"mappings":"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"}

package/dist/fileupload.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),r=require("react"),t=require("react-dropzone"),l=require("classnames"),n=require("@entur/icons"),o=require("@entur/button"),a=require("@entur/typography");function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var l in t)({}).hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},i.apply(null,arguments)}var s=["standbyText","errorText","successText","errorUpload","onDrop","onDelete","accept","files","label","removeFileButtonDescription","style"];e.warnAboutMissingStyles("fileupload"),exports.FileUpload=function(e){var c=e.standbyText,u=void 0===c?"Dra fil eller klikk for å laste opp":c,p=e.errorText,d=void 0===p?"Feil ved opplasting av fil":p,f=e.successText,v=void 0===f?"Opplasting fullført":f,m=e.errorUpload,_=void 0!==m&&m,y=e.onDrop,b=e.onDelete,g=void 0===b?function(e){return console.log(e)}:b,D=e.accept,E=void 0===D?"":D,x=e.files,z=void 0===x?[]:x,q=e.label,F=e.removeFileButtonDescription,N=void 0===F?"Fjern fil":F,O=e.style,h=function(e,r){if(null==e)return{};var t={};for(var l in e)if({}.hasOwnProperty.call(e,l)){if(-1!==r.indexOf(l))continue;t[l]=e[l]}return t}(e,s),j=t.useDropzone(i({onDrop:y,accept:E},h)),P=j.getRootProps,T=j.getInputProps,k=j.isDragActive,B=j.isDragReject,w=z.length>0;return r.createElement("div",i({className:"eds-file-upload__wrapper"},O),r.createElement("div",i({className:"eds-file-upload__input"},P()),q&&r.createElement(a.Label,{style:{display:"flex"}},q),r.createElement("input",i({},T())),r.createElement("span",{className:l("eds-file-upload__dropzone",{"eds-file-upload__dropzone--success":w},{"eds-file-upload__dropzone--active":k},{"eds-file-upload__dropzone--reject":B},{"eds-file-upload__dropzone--error":_})},w?v:_?d:u)),r.createElement("div",{className:"eds-file-upload__file-list"},z.map((function(e,t){return r.createElement("div",{className:"eds-file-upload__file-name",key:t},r.createElement(n.FileIcon,{"aria-label":"File icon",className:"eds-file-upload__file-name-icon"}),r.createElement("span",{className:"eds-field-upload__file-name-path"},e.name," - ",(l=e.size)<1e3?l+"bytes;":l<1e6?l/1e3+"  KB":(l/1e6).toPrecision(4)+" MB"," "),r.createElement(o.IconButton,{onClick:function(){return g(e)},type:"button","aria-label":N+", "+e.name},r.createElement(n.DeleteIcon,null)));var l}))))};
-//# sourceMappingURL=fileupload.cjs.production.min.js.map

package/dist/fileupload.cjs.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fileupload.cjs.production.min.js","sources":["../src/index.tsx","../src/FileUpload.tsx"],"sourcesContent":["import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('fileupload');\n\nexport * from './FileUpload';\n","import React from 'react';\nimport {\n  useDropzone,\n  DropzoneOptions,\n  FileRejection,\n  DropEvent,\n} from 'react-dropzone';\nimport classNames from 'classnames';\n\nimport { FileIcon, DeleteIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Label } from '@entur/typography';\n\nimport './FileUpload.scss';\n\ntype FileUploadProps = DropzoneOptions & {\n  /** Tekst som vises ved fullført opplasting\n   * @default \"Opplasting fullført\"\n   */\n  successText?: string;\n  /** Tekst som vises om opplasting feilet\n   * @default \"Feil ved opplasting av fil\"\n   */\n  errorText?: string;\n  /** Tekst som vises før man laster opp noe\n   * @default \"Dra fil eller klikk for å laste opp\"\n   */\n  standbyText?: string;\n  /** Boolean for hvis opplastingen feiler.\n   * @default false\n   */\n  errorUpload?: boolean;\n  /** Callback for når en fil legges til */\n  onDrop?<T extends File>(\n    acceptedFiles: T[],\n    fileRejections: FileRejection[],\n    event: DropEvent,\n  ): void;\n  /** Callback for når en fil slettes fra lista */\n  onDelete?: (file: File) => void;\n  /** Hvilken filtyper som skal aksepteres */\n  accept?: string | string[];\n  /** Filene som er aktive i komponenten */\n  files: File[];\n  /** Beskrivende tekst som forklarer feltet */\n  label?: string;\n  /** Mulighet for å laste opp flere filer */\n  multiple?: boolean;\n  /**Minste filstørrelse */\n  minSize?: number;\n  /**Største filstørrelse */\n  maxSize?: number;\n  /**Tekst som leses opp av skjermleser på søppelbøtte-ikonet\n   * @default \"Fjern fil\"\n   */\n  removeFileButtonDescription?: string;\n  [key: string]: any;\n};\n\nexport const FileUpload: React.FC<FileUploadProps> = ({\n  standbyText = 'Dra fil eller klikk for å laste opp',\n  errorText = 'Feil ved opplasting av fil',\n  successText = 'Opplasting fullført',\n  errorUpload = false,\n  onDrop,\n  onDelete = file => console.log(file),\n  accept = '',\n  files = [],\n  label,\n  removeFileButtonDescription = 'Fjern fil',\n  style,\n  ...rest\n}) => {\n  const { getRootProps, getInputProps, isDragActive, isDragReject } =\n    useDropzone({\n      onDrop,\n      accept: accept,\n      ...rest,\n    });\n\n  const success = files.length > 0;\n\n  return (\n    <div className=\"eds-file-upload__wrapper\" {...style}>\n      <div className=\"eds-file-upload__input\" {...getRootProps()}>\n        {label && <Label style={{ display: 'flex' }}>{label}</Label>}\n        <input {...getInputProps()} />\n        <span\n          className={classNames(\n            'eds-file-upload__dropzone',\n            {\n              'eds-file-upload__dropzone--success': success,\n            },\n            { 'eds-file-upload__dropzone--active': isDragActive },\n            { 'eds-file-upload__dropzone--reject': isDragReject },\n            { 'eds-file-upload__dropzone--error': errorUpload },\n          )}\n        >\n          {success ? successText : errorUpload ? errorText : standbyText}\n        </span>\n      </div>\n      <div className=\"eds-file-upload__file-list\">\n        {files.map((file, index) => (\n          <div className=\"eds-file-upload__file-name\" key={index}>\n            <FileIcon\n              aria-label=\"File icon\"\n              className=\"eds-file-upload__file-name-icon\"\n            />\n            <span className=\"eds-field-upload__file-name-path\">\n              {file.name} - {convertSizeToHuman(file.size)}{' '}\n            </span>\n            <IconButton\n              onClick={() => onDelete(file)}\n              type=\"button\"\n              aria-label={`${removeFileButtonDescription}, ${file.name}`}\n            >\n              <DeleteIcon />\n            </IconButton>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nfunction convertSizeToHuman(size: number) {\n  if (size < 1000) {\n    return size + 'bytes;';\n  } else if (size < 1000000) {\n    return `${size / 1000}  KB`;\n  } else {\n    return `${(size / 1000000).toPrecision(4)} MB`;\n  }\n}\n"],"names":["warnAboutMissingStyles","_ref","_ref$standbyText","standbyText","_ref$errorText","errorText","_ref$successText","successText","_ref$errorUpload","errorUpload","onDrop","_ref$onDelete","onDelete","file","console","log","_ref$accept","accept","_ref$files","files","label","_ref$removeFileButton","removeFileButtonDescription","style","rest","_objectWithoutPropertiesLoose","_excluded","_useDropzone","useDropzone","_extends","getRootProps","getInputProps","isDragActive","isDragReject","success","length","React","createElement","className","Label","display","classNames","map","index","key","FileIcon","name","size","toPrecision","IconButton","onClick","type","DeleteIcon"],"mappings":"smBAGAA,EAAsBA,uBAAC,iCCwD8B,SAA9BC,GAalB,IAAAC,EAAAD,EAZHE,YAAAA,OAAc,IAAHD,EAAG,sCAAqCA,EAAAE,EAAAH,EACnDI,UAAAA,OAAY,IAAHD,EAAG,6BAA4BA,EAAAE,EAAAL,EACxCM,YAAAA,OAAc,IAAHD,EAAG,sBAAqBA,EAAAE,EAAAP,EACnCQ,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAMT,EAANS,OAAMC,EAAAV,EACNW,SAAAA,OAAW,IAAHD,EAAG,SAAAE,GAAI,OAAIC,QAAQC,IAAIF,EAAK,EAAAF,EAAAK,EAAAf,EACpCgB,OAAAA,OAAS,IAAHD,EAAG,GAAEA,EAAAE,EAAAjB,EACXkB,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAAKnB,EAALmB,MAAKC,EAAApB,EACLqB,4BAAAA,OAA8B,IAAHD,EAAG,YAAWA,EACzCE,EAAKtB,EAALsB,MACGC,6IAAIC,CAAAxB,EAAAyB,GAEPC,EACEC,EAAWA,YAAAC,EAAA,CACTnB,OAAAA,EACAO,OAAQA,GACLO,IAJCM,EAAYH,EAAZG,aAAcC,EAAaJ,EAAbI,cAAeC,EAAYL,EAAZK,aAAcC,EAAYN,EAAZM,aAO7CC,EAAUf,EAAMgB,OAAS,EAE/B,OACEC,EAAKC,cAAA,MAAAR,EAAA,CAAAS,UAAU,4BAA+Bf,GAC5Ca,EAAAC,cAAA,MAAAR,EAAA,CAAKS,UAAU,0BAA6BR,KACzCV,GAASgB,EAAAC,cAACE,EAAAA,MAAK,CAAChB,MAAO,CAAEiB,QAAS,SAAWpB,GAC9CgB,EAAWC,cAAA,QAAAR,KAAAE,MACXK,EAAAC,cAAA,OAAA,CACEC,UAAWG,EACT,4BACA,CACE,qCAAsCP,GAExC,CAAE,oCAAqCF,GACvC,CAAE,oCAAqCC,GACvC,CAAE,mCAAoCxB,KAGvCyB,EAAU3B,EAAcE,EAAcJ,EAAYF,IAGvDiC,EAAKC,cAAA,MAAA,CAAAC,UAAU,8BACZnB,EAAMuB,KAAI,SAAC7B,EAAM8B,GAAK,OACrBP,EAAKC,cAAA,MAAA,CAAAC,UAAU,6BAA6BM,IAAKD,GAC/CP,EAAAC,cAACQ,WACY,CAAA,aAAA,YACXP,UAAU,oCAEZF,EAAMC,cAAA,OAAA,CAAAC,UAAU,oCACbzB,EAAKiC,YAgBQC,EAhBoBlC,EAAKkC,MAiBxC,IACFA,EAAO,SACLA,EAAO,IACNA,EAAO,IAAI,QAEVA,EAAO,KAASC,YAAY,GAAE,MAtBe,KAEhDZ,EAACC,cAAAY,EAAAA,YACCC,QAAS,WAAF,OAAQtC,EAASC,EAAK,EAC7BsC,KAAK,SACO,aAAG7B,EAAgCT,KAAAA,EAAKiC,MAEpDV,EAACC,cAAAe,EAAUA,mBASzB,IAA4BL,CANnB,KAIT"}

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./fileupload.cjs.production.min.js')
-} else {
-  module.exports = require('./fileupload.cjs.development.js')
-}