@entur/fileupload 0.4.13-beta.3 → 0.4.13-beta.5

package/dist/FileUpload.d.ts

@@ -0,0 +1,44 @@
+import 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"
+     */
+    successText?: string;
+    /** Tekst som vises om opplasting feilet
+     * @default "Feil ved opplasting av fil"
+     */
+    errorText?: string;
+    /** Tekst som vises før man laster opp noe
+     * @default "Dra fil eller klikk for å laste opp"
+     */
+    standbyText?: string;
+    /** Boolean for hvis opplastingen feiler.
+     * @default false
+     */
+    errorUpload?: boolean;
+    /** Callback for når en fil legges til */
+    onDrop?<T extends File>(acceptedFiles: T[], fileRejections: FileRejection[], event: DropEvent): void;
+    /** Callback for når en fil slettes fra lista */
+    onDelete?: (file: File) => void;
+    /** Hvilken filtyper som skal aksepteres */
+    accept?: string | string[];
+    /** Filene som er aktive i komponenten */
+    files: File[];
+    /** Beskrivende tekst som forklarer feltet */
+    label?: string;
+    /** Mulighet for å laste opp flere filer */
+    multiple?: boolean;
+    /**Minste filstørrelse */
+    minSize?: number;
+    /**Største filstørrelse */
+    maxSize?: number;
+    /**Tekst som leses opp av skjermleser på søppelbøtte-ikonet
+     * @default "Fjern fil"
+     */
+    removeFileButtonDescription?: string;
+    [key: string]: any;
+};
+export declare const FileUpload: React.FC<FileUploadProps>;
+export {};

package/dist/fileupload.cjs.development.js

@@ -0,0 +1,116 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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/fileupload.esm.js

@@ -1,87 +1,112 @@
-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)) })
-  ] });
+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)));
+  })));
 };
 function convertSizeToHuman(size) {
-  if (size < 1e3) {
-    return size + "bytes;";
-  } else if (size < 1e6) {
-    return `${size / 1e3}  KB`;
+  if (size < 1000) {
+    return size + 'bytes;';
+  } else if (size < 1000000) {
+    return size / 1000 + "  KB";
   } else {
-    return `${(size / 1e6).toPrecision(4)} MB`;
+    return (size / 1000000).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":[],"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;"}
+{"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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"}

package/dist/index.d.ts

@@ -1,48 +1,2 @@
-import { default as default_2 } from 'react';
-import { DropEvent } from 'react-dropzone';
-import { DropzoneOptions } from 'react-dropzone';
-import { FileRejection } from 'react-dropzone';
-
-export declare const FileUpload: default_2.FC<FileUploadProps>;
-
-declare type FileUploadProps = DropzoneOptions & {
-    /** Tekst som vises ved fullført opplasting
-     * @default "Opplasting fullført"
-     */
-    successText?: string;
-    /** Tekst som vises om opplasting feilet
-     * @default "Feil ved opplasting av fil"
-     */
-    errorText?: string;
-    /** Tekst som vises før man laster opp noe
-     * @default "Dra fil eller klikk for å laste opp"
-     */
-    standbyText?: string;
-    /** Boolean for hvis opplastingen feiler.
-     * @default false
-     */
-    errorUpload?: boolean;
-    /** Callback for når en fil legges til */
-    onDrop?<T extends File>(acceptedFiles: T[], fileRejections: FileRejection[], event: DropEvent): void;
-    /** Callback for når en fil slettes fra lista */
-    onDelete?: (file: File) => void;
-    /** Hvilken filtyper som skal aksepteres */
-    accept?: string | string[];
-    /** Filene som er aktive i komponenten */
-    files: File[];
-    /** Beskrivende tekst som forklarer feltet */
-    label?: string;
-    /** Mulighet for å laste opp flere filer */
-    multiple?: boolean;
-    /**Minste filstørrelse */
-    minSize?: number;
-    /**Største filstørrelse */
-    maxSize?: number;
-    /**Tekst som leses opp av skjermleser på søppelbøtte-ikonet
-     * @default "Fjern fil"
-     */
-    removeFileButtonDescription?: string;
-    [key: string]: any;
-};
-
-export { }
+import './index.scss';
+export * from './FileUpload';

package/dist/index.js

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

package/dist/styles.css

@@ -186,7 +186,8 @@
 
 :root {
   --eds-fileupload: 1;
-}/* DO NOT CHANGE!*/
+}
+/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-file-upload__wrapper {
   display: inline-block;
@@ -265,4 +266,4 @@
 .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.3",
+  "version": "0.4.13-beta.5",
   "license": "EUPL-1.2",
-  "main": "dist/fileupload.cjs.js",
+  "main": "dist/index.js",
   "module": "dist/fileupload.esm.js",
-  "types": "dist/index.d.ts",
+  "typings": "dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -17,37 +17,27 @@
     "access": "public"
   },
   "scripts": {
-    "start": "vite build --watch",
-    "build": "vite build",
-    "test": "jest",
-    "lint": "eslint src"
+    "start": "dts watch --noClean",
+    "build": "dts build",
+    "test": "dts test",
+    "lint": "dts lint src"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/a11y": "^0.2.100-beta.3",
-    "@entur/button": "^3.3.13-beta.3",
-    "@entur/icons": "^8.0.1-beta.3",
-    "@entur/tokens": "^3.19.2-beta.3",
-    "@entur/typography": "^1.9.13-beta.3",
-    "@entur/utils": "^0.12.4-beta.3",
-    "classnames": "^2.5.1",
-    "react-dropzone": "^11.7.1"
+    "@entur/a11y": "^0.2.99",
+    "@entur/button": "^3.3.13-beta.5",
+    "@entur/icons": "^8.0.0",
+    "@entur/tokens": "^3.19.1",
+    "@entur/typography": "^1.10.0-beta.5",
+    "@entur/utils": "^0.12.3",
+    "classnames": "^2.3.1",
+    "react-dropzone": "^11.3.4"
   },
   "devDependencies": {
-    "@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"
+    "dts-cli": "2.0.5"
   },
-  "gitHead": "d384333f43186922c0d258caa8ee9edebe3aec04"
+  "gitHead": "ba4ae77ebb013a60523baf66ff658b73fa7e0719"
 }

package/dist/fileupload.cjs.js

@@ -1,87 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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;;"}