@entur/fileupload 0.3.29 → 0.3.33

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.3.33](https://bitbucket.org/enturas/design-system/compare/@entur/fileupload@0.3.32...@entur/fileupload@0.3.33) (2022-02-09)
+
+**Note:** Version bump only for package @entur/fileupload
+
+## [0.3.32](https://bitbucket.org/enturas/design-system/compare/@entur/fileupload@0.3.31...@entur/fileupload@0.3.32) (2021-11-17)
+
+**Note:** Version bump only for package @entur/fileupload
+
+## [0.3.31](https://bitbucket.org/enturas/design-system/compare/@entur/fileupload@0.3.30...@entur/fileupload@0.3.31) (2021-09-23)
+
+**Note:** Version bump only for package @entur/fileupload
+
+## [0.3.30](https://bitbucket.org/enturas/design-system/compare/@entur/fileupload@0.3.29...@entur/fileupload@0.3.30) (2021-09-13)
+
+**Note:** Version bump only for package @entur/fileupload
+
 ## [0.3.29](https://bitbucket.org/enturas/design-system/compare/@entur/fileupload@0.3.28...@entur/fileupload@0.3.29) (2021-09-07)
 
 ### Bug Fixes

package/dist/fileupload.cjs.development.js

@@ -2,15 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var utils = require('@entur/utils');
-var React = _interopDefault(require('react'));
+var React = require('react');
 var reactDropzone = require('react-dropzone');
 var icons = require('@entur/icons');
 var button = require('@entur/button');
 var typography = require('@entur/typography');
-var classNames = _interopDefault(require('classnames'));
+var classNames = require('classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -45,6 +48,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded = ["standbyText", "errorText", "successText", "errorUpload", "onDrop", "onDelete", "accept", "files", "label", "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,
@@ -65,7 +69,7 @@ var FileUpload = function FileUpload(_ref) {
       files = _ref$files === void 0 ? [] : _ref$files,
       label = _ref.label,
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["standbyText", "errorText", "successText", "errorUpload", "onDrop", "onDelete", "accept", "files", "label", "style"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useDropzone = reactDropzone.useDropzone(_extends({
     onDrop: onDrop,
@@ -77,16 +81,16 @@ var FileUpload = function FileUpload(_ref) {
       isDragReject = _useDropzone.isDragReject;
 
   var success = files.length > 0;
-  return React.createElement("div", Object.assign({
+  return React__default["default"].createElement("div", _extends({
     className: "eds-file-upload__wrapper"
-  }, style), React.createElement("div", Object.assign({
+  }, style), React__default["default"].createElement("div", _extends({
     className: "eds-file-upload__input"
-  }, getRootProps()), label && React.createElement(typography.Label, {
+  }, getRootProps()), label && React__default["default"].createElement(typography.Label, {
     style: {
       display: 'flex'
     }
-  }, label), React.createElement("input", Object.assign({}, getInputProps())), React.createElement("span", {
-    className: classNames('eds-file-upload__dropzone', {
+  }, label), React__default["default"].createElement("input", _extends({}, getInputProps())), React__default["default"].createElement("span", {
+    className: classNames__default["default"]('eds-file-upload__dropzone', {
       'eds-file-upload__dropzone--success': success
     }, {
       'eds-file-upload__dropzone--active': isDragActive
@@ -95,21 +99,21 @@ var FileUpload = function FileUpload(_ref) {
     }, {
       'eds-file-uploadg__dropzone--error': errorUpload
     })
-  }, success ? successText : errorUpload ? errorText : standbyText)), React.createElement("div", {
+  }, success ? successText : errorUpload ? errorText : standbyText)), React__default["default"].createElement("div", {
     className: "eds-file-upload__file-list"
   }, files.map(function (file, index) {
-    return React.createElement("div", {
+    return React__default["default"].createElement("div", {
       className: "eds-file-upload__file-name",
       key: index
-    }, React.createElement(icons.FileIcon, {
+    }, React__default["default"].createElement(icons.FileIcon, {
       className: "eds-file-upload__file-name-icon"
-    }), React.createElement("span", {
+    }), React__default["default"].createElement("span", {
       className: "eds-field-upload__file-name-path"
-    }, file.path, " - ", convertSizeToHuman(file.size), ' '), React.createElement(button.IconButton, {
+    }, file.path, " - ", convertSizeToHuman(file.size), ' '), React__default["default"].createElement(button.IconButton, {
       onClick: function onClick() {
         return onDelete(file);
       }
-    }, React.createElement(icons.DeleteIcon, null)));
+    }, React__default["default"].createElement(icons.DeleteIcon, null)));
   })));
 };
 

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

@@ -1 +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 { FileIcon, DeleteIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Label } from '@entur/typography';\nimport classNames from 'classnames';\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  [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  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-uploadg__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: any, index) => (\n          <div className=\"eds-file-upload__file-name\" key={index}>\n            <FileIcon className=\"eds-file-upload__file-name-icon\" />\n            <span className=\"eds-field-upload__file-name-path\">\n              {file.path} - {convertSizeToHuman(file.size)}{' '}\n            </span>\n            <IconButton onClick={() => onDelete(file)}>\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","standbyText","errorText","successText","errorUpload","onDrop","onDelete","file","console","log","accept","files","label","style","rest","useDropzone","getRootProps","getInputProps","isDragActive","isDragReject","success","length","React","className","Label","display","classNames","map","index","key","FileIcon","path","convertSizeToHuman","size","IconButton","onClick","DeleteIcon","toPrecision","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDaA,UAAU,GAA8B,SAAxCA,UAAwC;8BACnDC;MAAAA,4CAAc;4BACdC;MAAAA,wCAAY;8BACZC;MAAAA,4CAAc;8BACdC;MAAAA,4CAAc;MACdC,cAAAA;2BACAC;MAAAA,sCAAW,UAAAC,IAAI;AAAA,WAAIC,OAAO,CAACC,GAAR,CAAYF,IAAZ,CAAJ;AAAA;yBACfG;MAAAA,kCAAS;wBACTC;MAAAA,gCAAQ;MACRC,aAAAA;MACAC,aAAAA;MACGC;;qBAGDC,yBAAW;AACTV,IAAAA,MAAM,EAANA,MADS;AAETK,IAAAA,MAAM,EAAEA;AAFC,KAGNI,IAHM;MADLE,4BAAAA;MAAcC,6BAAAA;MAAeC,4BAAAA;MAAcC,4BAAAA;;AAOnD,MAAMC,OAAO,GAAGT,KAAK,CAACU,MAAN,GAAe,CAA/B;AAEA,SACEC,mBAAA,MAAA;AAAKC,IAAAA,SAAS,EAAC;KAA+BV,MAA9C,EACES,mBAAA,MAAA;AAAKC,IAAAA,SAAS,EAAC;KAA6BP,YAAY,GAAxD,EACGJ,KAAK,IAAIU,mBAAA,CAACE,gBAAD;AAAOX,IAAAA,KAAK,EAAE;AAAEY,MAAAA,OAAO,EAAE;AAAX;GAAd,EAAoCb,KAApC,CADZ,EAEEU,mBAAA,QAAA,oBAAWL,aAAa,GAAxB,CAFF,EAGEK,mBAAA,OAAA;AACEC,IAAAA,SAAS,EAAEG,UAAU,CACnB,2BADmB,EAEnB;AACE,4CAAsCN;AADxC,KAFmB,EAKnB;AAAE,2CAAqCF;AAAvC,KALmB,EAMnB;AAAE,2CAAqCC;AAAvC,KANmB,EAOnB;AAAE,2CAAqCf;AAAvC,KAPmB;GADvB,EAWGgB,OAAO,GAAGjB,WAAH,GAAiBC,WAAW,GAAGF,SAAH,GAAeD,WAXrD,CAHF,CADF,EAkBEqB,mBAAA,MAAA;AAAKC,IAAAA,SAAS,EAAC;GAAf,EACGZ,KAAK,CAACgB,GAAN,CAAU,UAACpB,IAAD,EAAYqB,KAAZ;AAAA,WACTN,mBAAA,MAAA;AAAKC,MAAAA,SAAS,EAAC;AAA6BM,MAAAA,GAAG,EAAED;KAAjD,EACEN,mBAAA,CAACQ,cAAD;AAAUP,MAAAA,SAAS,EAAC;KAApB,CADF,EAEED,mBAAA,OAAA;AAAMC,MAAAA,SAAS,EAAC;KAAhB,EACGhB,IAAI,CAACwB,IADR,OAAA,EACiBC,kBAAkB,CAACzB,IAAI,CAAC0B,IAAN,CADnC,EACgD,GADhD,CAFF,EAKEX,mBAAA,CAACY,iBAAD;AAAYC,MAAAA,OAAO,EAAE;AAAA,eAAM7B,QAAQ,CAACC,IAAD,CAAd;AAAA;KAArB,EACEe,mBAAA,CAACc,gBAAD,MAAA,CADF,CALF,CADS;AAAA,GAAV,CADH,CAlBF,CADF;AAkCD;;AAED,SAASJ,kBAAT,CAA4BC,IAA5B;AACE,MAAIA,IAAI,GAAG,IAAX,EAAiB;AACf,WAAOA,IAAI,GAAG,QAAd;AACD,GAFD,MAEO,IAAIA,IAAI,GAAG,OAAX,EAAoB;AACzB,WAAUA,IAAI,GAAG,IAAjB;AACD,GAFM,MAEA;AACL,WAAU,CAACA,IAAI,GAAG,OAAR,EAAiBI,WAAjB,CAA6B,CAA7B,CAAV;AACD;AACF;;ACpHDC,4BAAsB,CAAC,YAAD,CAAtB;;;;"}
+{"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 { FileIcon, DeleteIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Label } from '@entur/typography';\nimport classNames from 'classnames';\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  [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  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-uploadg__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: any, index) => (\n          <div className=\"eds-file-upload__file-name\" key={index}>\n            <FileIcon className=\"eds-file-upload__file-name-icon\" />\n            <span className=\"eds-field-upload__file-name-path\">\n              {file.path} - {convertSizeToHuman(file.size)}{' '}\n            </span>\n            <IconButton onClick={() => onDelete(file)}>\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","standbyText","errorText","successText","errorUpload","onDrop","onDelete","file","console","log","accept","files","label","style","rest","useDropzone","getRootProps","getInputProps","isDragActive","isDragReject","success","length","React","className","Label","display","classNames","map","index","key","FileIcon","path","convertSizeToHuman","size","IconButton","onClick","DeleteIcon","toPrecision","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDaA,UAAU,GAA8B,SAAxCA,UAAwC;8BACnDC;MAAAA,4CAAc;4BACdC;MAAAA,wCAAY;8BACZC;MAAAA,4CAAc;8BACdC;MAAAA,4CAAc;MACdC,cAAAA;2BACAC;MAAAA,sCAAW,UAAAC,IAAI;AAAA,WAAIC,OAAO,CAACC,GAAR,CAAYF,IAAZ,CAAJ;AAAA;yBACfG;MAAAA,kCAAS;wBACTC;MAAAA,gCAAQ;MACRC,aAAAA;MACAC,aAAAA;MACGC;;AAEH,qBACEC,yBAAW;AACTV,IAAAA,MAAM,EAANA,MADS;AAETK,IAAAA,MAAM,EAAEA;AAFC,KAGNI,IAHM,EADb;AAAA,MAAQE,YAAR,gBAAQA,YAAR;AAAA,MAAsBC,aAAtB,gBAAsBA,aAAtB;AAAA,MAAqCC,YAArC,gBAAqCA,YAArC;AAAA,MAAmDC,YAAnD,gBAAmDA,YAAnD;;AAOA,MAAMC,OAAO,GAAGT,KAAK,CAACU,MAAN,GAAe,CAA/B;AAEA,SACEC,uCAAA,MAAA;AAAKC,IAAAA,SAAS,EAAC;AAAf,KAA8CV,KAA9C,GACES,uCAAA,MAAA;AAAKC,IAAAA,SAAS,EAAC;AAAf,KAA4CP,YAAY,EAAxD,GACGJ,KAAK,IAAIU,uCAAA,CAACE,gBAAD;AAAOX,IAAAA,KAAK,EAAE;AAAEY,MAAAA,OAAO,EAAE;AAAX;GAAd,EAAoCb,KAApC,CADZ,EAEEU,uCAAA,QAAA,eAAWL,aAAa,EAAxB,EAFF,EAGEK,uCAAA,OAAA;AACEC,IAAAA,SAAS,EAAEG,8BAAU,CACnB,2BADmB,EAEnB;AACE,4CAAsCN;AADxC,KAFmB,EAKnB;AAAE,2CAAqCF;AAAvC,KALmB,EAMnB;AAAE,2CAAqCC;AAAvC,KANmB,EAOnB;AAAE,2CAAqCf;AAAvC,KAPmB;GADvB,EAWGgB,OAAO,GAAGjB,WAAH,GAAiBC,WAAW,GAAGF,SAAH,GAAeD,WAXrD,CAHF,CADF,EAkBEqB,uCAAA,MAAA;AAAKC,IAAAA,SAAS,EAAC;GAAf,EACGZ,KAAK,CAACgB,GAAN,CAAU,UAACpB,IAAD,EAAYqB,KAAZ;AAAA,WACTN,uCAAA,MAAA;AAAKC,MAAAA,SAAS,EAAC;AAA6BM,MAAAA,GAAG,EAAED;KAAjD,EACEN,uCAAA,CAACQ,cAAD;AAAUP,MAAAA,SAAS,EAAC;KAApB,CADF,EAEED,uCAAA,OAAA;AAAMC,MAAAA,SAAS,EAAC;KAAhB,EACGhB,IAAI,CAACwB,IADR,OAAA,EACiBC,kBAAkB,CAACzB,IAAI,CAAC0B,IAAN,CADnC,EACgD,GADhD,CAFF,EAKEX,uCAAA,CAACY,iBAAD;AAAYC,MAAAA,OAAO,EAAE;AAAA,eAAM7B,QAAQ,CAACC,IAAD,CAAd;AAAA;KAArB,EACEe,uCAAA,CAACc,gBAAD,MAAA,CADF,CALF,CADS;AAAA,GAAV,CADH,CAlBF,CADF;AAkCD;;AAED,SAASJ,kBAAT,CAA4BC,IAA5B;AACE,MAAIA,IAAI,GAAG,IAAX,EAAiB;AACf,WAAOA,IAAI,GAAG,QAAd;AACD,GAFD,MAEO,IAAIA,IAAI,GAAG,OAAX,EAAoB;AACzB,WAAUA,IAAI,GAAG,IAAjB;AACD,GAFM,MAEA;AACL,WAAU,CAACA,IAAI,GAAG,OAAR,EAAiBI,WAAjB,CAA6B,CAA7B,CAAV;AACD;AACF;;ACpHDC,4BAAsB,CAAC,YAAD,CAAtB;;;;"}

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

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

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

@@ -1 +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 { FileIcon, DeleteIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Label } from '@entur/typography';\nimport classNames from 'classnames';\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  [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  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-uploadg__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: any, index) => (\n          <div className=\"eds-file-upload__file-name\" key={index}>\n            <FileIcon className=\"eds-file-upload__file-name-icon\" />\n            <span className=\"eds-field-upload__file-name-path\">\n              {file.path} - {convertSizeToHuman(file.size)}{' '}\n            </span>\n            <IconButton onClick={() => onDelete(file)}>\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","standbyText","errorText","successText","errorUpload","onDrop","onDelete","file","console","log","accept","files","label","style","rest","useDropzone","getRootProps","getInputProps","isDragActive","isDragReject","success","length","React","className","Label","display","classNames","map","index","key","FileIcon","path","size","toPrecision","IconButton","onClick","DeleteIcon"],"mappings":"whBAGAA,yBAAuB,iCCkD8B,oBACnDC,YAAAA,aAAc,4CACdC,UAAAA,aAAY,mCACZC,YAAAA,aAAc,4BACdC,YAAAA,gBACAC,IAAAA,WACAC,SAAAA,aAAW,SAAAC,UAAQC,QAAQC,IAAIF,UAC/BG,OAAAA,aAAS,SACTC,MAAAA,aAAQ,KACRC,IAAAA,MACAC,IAAAA,MACGC,uPAGDC,iBACEV,OAAAA,EACAK,OAAQA,GACLI,IAJCE,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aAAcC,IAAAA,aAO7CC,EAAUT,EAAMU,OAAS,SAG7BC,qCAAKC,UAAU,4BAA+BV,GAC5CS,qCAAKC,UAAU,0BAA6BP,KACzCJ,GAASU,gBAACE,SAAMX,MAAO,CAAEY,QAAS,SAAWb,GAC9CU,yCAAWL,MACXK,wBACEC,UAAWG,EACT,4BACA,sCACwCN,GAExC,qCAAuCF,GACvC,qCAAuCC,GACvC,qCAAuCf,KAGxCgB,EAAUjB,EAAcC,EAAcF,EAAYD,IAGvDqB,uBAAKC,UAAU,8BACZZ,EAAMgB,KAAI,SAACpB,EAAWqB,UACrBN,uBAAKC,UAAU,6BAA6BM,IAAKD,GAC/CN,gBAACQ,YAASP,UAAU,oCACpBD,wBAAMC,UAAU,oCACbhB,EAAKwB,YAYQC,EAZoBzB,EAAKyB,MAaxC,IACFA,EAAO,SACLA,EAAO,IACNA,EAAO,YAENA,EAAO,KAASC,YAAY,SAlBiB,KAEhDX,gBAACY,cAAWC,QAAS,kBAAM7B,EAASC,KAClCe,gBAACc,qBASf,IAA4BJ"}
+{"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 { FileIcon, DeleteIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Label } from '@entur/typography';\nimport classNames from 'classnames';\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  [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  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-uploadg__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: any, index) => (\n          <div className=\"eds-file-upload__file-name\" key={index}>\n            <FileIcon className=\"eds-file-upload__file-name-icon\" />\n            <span className=\"eds-field-upload__file-name-path\">\n              {file.path} - {convertSizeToHuman(file.size)}{' '}\n            </span>\n            <IconButton onClick={() => onDelete(file)}>\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","standbyText","errorText","successText","errorUpload","onDrop","onDelete","file","console","log","accept","files","label","style","rest","useDropzone","getRootProps","getInputProps","isDragActive","isDragReject","success","length","React","className","Label","display","classNames","map","index","key","FileIcon","path","size","toPrecision","IconButton","onClick","DeleteIcon"],"mappings":"0pBAGAA,yBAAuB,iCCkD8B,oBACnDC,YAAAA,aAAc,4CACdC,UAAAA,aAAY,mCACZC,YAAAA,aAAc,4BACdC,YAAAA,gBACAC,IAAAA,WACAC,SAAAA,aAAW,SAAAC,UAAQC,QAAQC,IAAIF,UAC/BG,OAAAA,aAAS,SACTC,MAAAA,aAAQ,KACRC,IAAAA,MACAC,IAAAA,MACGC,4IAGDC,iBACEV,OAAAA,EACAK,OAAQA,GACLI,IAJCE,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aAAcC,IAAAA,aAO7CC,EAAUT,EAAMU,OAAS,SAG7BC,iCAAKC,UAAU,4BAA+BV,GAC5CS,iCAAKC,UAAU,0BAA6BP,KACzCJ,GAASU,wBAACE,SAAMX,MAAO,CAAEY,QAAS,SAAWb,GAC9CU,qCAAWL,MACXK,gCACEC,UAAWG,UACT,4BACA,sCACwCN,GAExC,qCAAuCF,GACvC,qCAAuCC,GACvC,qCAAuCf,KAGxCgB,EAAUjB,EAAcC,EAAcF,EAAYD,IAGvDqB,+BAAKC,UAAU,8BACZZ,EAAMgB,KAAI,SAACpB,EAAWqB,UACrBN,+BAAKC,UAAU,6BAA6BM,IAAKD,GAC/CN,wBAACQ,YAASP,UAAU,oCACpBD,gCAAMC,UAAU,oCACbhB,EAAKwB,YAYQC,EAZoBzB,EAAKyB,MAaxC,IACFA,EAAO,SACLA,EAAO,IACNA,EAAO,YAENA,EAAO,KAASC,YAAY,SAlBiB,KAEhDX,wBAACY,cAAWC,QAAS,kBAAM7B,EAASC,KAClCe,wBAACc,qBASf,IAA4BJ"}

package/dist/fileupload.esm.js

@@ -39,6 +39,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded = ["standbyText", "errorText", "successText", "errorUpload", "onDrop", "onDelete", "accept", "files", "label", "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,
@@ -59,7 +60,7 @@ var FileUpload = function FileUpload(_ref) {
       files = _ref$files === void 0 ? [] : _ref$files,
       label = _ref.label,
       style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, ["standbyText", "errorText", "successText", "errorUpload", "onDrop", "onDelete", "accept", "files", "label", "style"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useDropzone = useDropzone(_extends({
     onDrop: onDrop,
@@ -71,15 +72,15 @@ var FileUpload = function FileUpload(_ref) {
       isDragReject = _useDropzone.isDragReject;
 
   var success = files.length > 0;
-  return React.createElement("div", Object.assign({
+  return React.createElement("div", _extends({
     className: "eds-file-upload__wrapper"
-  }, style), React.createElement("div", Object.assign({
+  }, style), React.createElement("div", _extends({
     className: "eds-file-upload__input"
   }, getRootProps()), label && React.createElement(Label, {
     style: {
       display: 'flex'
     }
-  }, label), React.createElement("input", Object.assign({}, getInputProps())), React.createElement("span", {
+  }, label), React.createElement("input", _extends({}, getInputProps())), React.createElement("span", {
     className: classNames('eds-file-upload__dropzone', {
       'eds-file-upload__dropzone--success': success
     }, {

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 { FileIcon, DeleteIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Label } from '@entur/typography';\nimport classNames from 'classnames';\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  [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  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-uploadg__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: any, index) => (\n          <div className=\"eds-file-upload__file-name\" key={index}>\n            <FileIcon className=\"eds-file-upload__file-name-icon\" />\n            <span className=\"eds-field-upload__file-name-path\">\n              {file.path} - {convertSizeToHuman(file.size)}{' '}\n            </span>\n            <IconButton onClick={() => onDelete(file)}>\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","standbyText","errorText","successText","errorUpload","onDrop","onDelete","file","console","log","accept","files","label","style","rest","useDropzone","getRootProps","getInputProps","isDragActive","isDragReject","success","length","React","className","Label","display","classNames","map","index","key","FileIcon","path","convertSizeToHuman","size","IconButton","onClick","DeleteIcon","toPrecision","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDaA,UAAU,GAA8B,SAAxCA,UAAwC;8BACnDC;MAAAA,4CAAc;4BACdC;MAAAA,wCAAY;8BACZC;MAAAA,4CAAc;8BACdC;MAAAA,4CAAc;MACdC,cAAAA;2BACAC;MAAAA,sCAAW,UAAAC,IAAI;AAAA,WAAIC,OAAO,CAACC,GAAR,CAAYF,IAAZ,CAAJ;AAAA;yBACfG;MAAAA,kCAAS;wBACTC;MAAAA,gCAAQ;MACRC,aAAAA;MACAC,aAAAA;MACGC;;qBAGDC,WAAW;AACTV,IAAAA,MAAM,EAANA,MADS;AAETK,IAAAA,MAAM,EAAEA;AAFC,KAGNI,IAHM;MADLE,4BAAAA;MAAcC,6BAAAA;MAAeC,4BAAAA;MAAcC,4BAAAA;;AAOnD,MAAMC,OAAO,GAAGT,KAAK,CAACU,MAAN,GAAe,CAA/B;AAEA,SACEC,mBAAA,MAAA;AAAKC,IAAAA,SAAS,EAAC;KAA+BV,MAA9C,EACES,mBAAA,MAAA;AAAKC,IAAAA,SAAS,EAAC;KAA6BP,YAAY,GAAxD,EACGJ,KAAK,IAAIU,mBAAA,CAACE,KAAD;AAAOX,IAAAA,KAAK,EAAE;AAAEY,MAAAA,OAAO,EAAE;AAAX;GAAd,EAAoCb,KAApC,CADZ,EAEEU,mBAAA,QAAA,oBAAWL,aAAa,GAAxB,CAFF,EAGEK,mBAAA,OAAA;AACEC,IAAAA,SAAS,EAAEG,UAAU,CACnB,2BADmB,EAEnB;AACE,4CAAsCN;AADxC,KAFmB,EAKnB;AAAE,2CAAqCF;AAAvC,KALmB,EAMnB;AAAE,2CAAqCC;AAAvC,KANmB,EAOnB;AAAE,2CAAqCf;AAAvC,KAPmB;GADvB,EAWGgB,OAAO,GAAGjB,WAAH,GAAiBC,WAAW,GAAGF,SAAH,GAAeD,WAXrD,CAHF,CADF,EAkBEqB,mBAAA,MAAA;AAAKC,IAAAA,SAAS,EAAC;GAAf,EACGZ,KAAK,CAACgB,GAAN,CAAU,UAACpB,IAAD,EAAYqB,KAAZ;AAAA,WACTN,mBAAA,MAAA;AAAKC,MAAAA,SAAS,EAAC;AAA6BM,MAAAA,GAAG,EAAED;KAAjD,EACEN,mBAAA,CAACQ,QAAD;AAAUP,MAAAA,SAAS,EAAC;KAApB,CADF,EAEED,mBAAA,OAAA;AAAMC,MAAAA,SAAS,EAAC;KAAhB,EACGhB,IAAI,CAACwB,IADR,OAAA,EACiBC,kBAAkB,CAACzB,IAAI,CAAC0B,IAAN,CADnC,EACgD,GADhD,CAFF,EAKEX,mBAAA,CAACY,UAAD;AAAYC,MAAAA,OAAO,EAAE;AAAA,eAAM7B,QAAQ,CAACC,IAAD,CAAd;AAAA;KAArB,EACEe,mBAAA,CAACc,UAAD,MAAA,CADF,CALF,CADS;AAAA,GAAV,CADH,CAlBF,CADF;AAkCD;;AAED,SAASJ,kBAAT,CAA4BC,IAA5B;AACE,MAAIA,IAAI,GAAG,IAAX,EAAiB;AACf,WAAOA,IAAI,GAAG,QAAd;AACD,GAFD,MAEO,IAAIA,IAAI,GAAG,OAAX,EAAoB;AACzB,WAAUA,IAAI,GAAG,IAAjB;AACD,GAFM,MAEA;AACL,WAAU,CAACA,IAAI,GAAG,OAAR,EAAiBI,WAAjB,CAA6B,CAA7B,CAAV;AACD;AACF;;ACpHDC,sBAAsB,CAAC,YAAD,CAAtB;;;;"}
+{"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 { FileIcon, DeleteIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Label } from '@entur/typography';\nimport classNames from 'classnames';\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  [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  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-uploadg__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: any, index) => (\n          <div className=\"eds-file-upload__file-name\" key={index}>\n            <FileIcon className=\"eds-file-upload__file-name-icon\" />\n            <span className=\"eds-field-upload__file-name-path\">\n              {file.path} - {convertSizeToHuman(file.size)}{' '}\n            </span>\n            <IconButton onClick={() => onDelete(file)}>\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","standbyText","errorText","successText","errorUpload","onDrop","onDelete","file","console","log","accept","files","label","style","rest","useDropzone","getRootProps","getInputProps","isDragActive","isDragReject","success","length","React","className","Label","display","classNames","map","index","key","FileIcon","path","convertSizeToHuman","size","IconButton","onClick","DeleteIcon","toPrecision","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDaA,UAAU,GAA8B,SAAxCA,UAAwC;8BACnDC;MAAAA,4CAAc;4BACdC;MAAAA,wCAAY;8BACZC;MAAAA,4CAAc;8BACdC;MAAAA,4CAAc;MACdC,cAAAA;2BACAC;MAAAA,sCAAW,UAAAC,IAAI;AAAA,WAAIC,OAAO,CAACC,GAAR,CAAYF,IAAZ,CAAJ;AAAA;yBACfG;MAAAA,kCAAS;wBACTC;MAAAA,gCAAQ;MACRC,aAAAA;MACAC,aAAAA;MACGC;;AAEH,qBACEC,WAAW;AACTV,IAAAA,MAAM,EAANA,MADS;AAETK,IAAAA,MAAM,EAAEA;AAFC,KAGNI,IAHM,EADb;AAAA,MAAQE,YAAR,gBAAQA,YAAR;AAAA,MAAsBC,aAAtB,gBAAsBA,aAAtB;AAAA,MAAqCC,YAArC,gBAAqCA,YAArC;AAAA,MAAmDC,YAAnD,gBAAmDA,YAAnD;;AAOA,MAAMC,OAAO,GAAGT,KAAK,CAACU,MAAN,GAAe,CAA/B;AAEA,SACEC,mBAAA,MAAA;AAAKC,IAAAA,SAAS,EAAC;AAAf,KAA8CV,KAA9C,GACES,mBAAA,MAAA;AAAKC,IAAAA,SAAS,EAAC;AAAf,KAA4CP,YAAY,EAAxD,GACGJ,KAAK,IAAIU,mBAAA,CAACE,KAAD;AAAOX,IAAAA,KAAK,EAAE;AAAEY,MAAAA,OAAO,EAAE;AAAX;GAAd,EAAoCb,KAApC,CADZ,EAEEU,mBAAA,QAAA,eAAWL,aAAa,EAAxB,EAFF,EAGEK,mBAAA,OAAA;AACEC,IAAAA,SAAS,EAAEG,UAAU,CACnB,2BADmB,EAEnB;AACE,4CAAsCN;AADxC,KAFmB,EAKnB;AAAE,2CAAqCF;AAAvC,KALmB,EAMnB;AAAE,2CAAqCC;AAAvC,KANmB,EAOnB;AAAE,2CAAqCf;AAAvC,KAPmB;GADvB,EAWGgB,OAAO,GAAGjB,WAAH,GAAiBC,WAAW,GAAGF,SAAH,GAAeD,WAXrD,CAHF,CADF,EAkBEqB,mBAAA,MAAA;AAAKC,IAAAA,SAAS,EAAC;GAAf,EACGZ,KAAK,CAACgB,GAAN,CAAU,UAACpB,IAAD,EAAYqB,KAAZ;AAAA,WACTN,mBAAA,MAAA;AAAKC,MAAAA,SAAS,EAAC;AAA6BM,MAAAA,GAAG,EAAED;KAAjD,EACEN,mBAAA,CAACQ,QAAD;AAAUP,MAAAA,SAAS,EAAC;KAApB,CADF,EAEED,mBAAA,OAAA;AAAMC,MAAAA,SAAS,EAAC;KAAhB,EACGhB,IAAI,CAACwB,IADR,OAAA,EACiBC,kBAAkB,CAACzB,IAAI,CAAC0B,IAAN,CADnC,EACgD,GADhD,CAFF,EAKEX,mBAAA,CAACY,UAAD;AAAYC,MAAAA,OAAO,EAAE;AAAA,eAAM7B,QAAQ,CAACC,IAAD,CAAd;AAAA;KAArB,EACEe,mBAAA,CAACc,UAAD,MAAA,CADF,CALF,CADS;AAAA,GAAV,CADH,CAlBF,CADF;AAkCD;;AAED,SAASJ,kBAAT,CAA4BC,IAA5B;AACE,MAAIA,IAAI,GAAG,IAAX,EAAiB;AACf,WAAOA,IAAI,GAAG,QAAd;AACD,GAFD,MAEO,IAAIA,IAAI,GAAG,OAAX,EAAoB;AACzB,WAAUA,IAAI,GAAG,IAAjB;AACD,GAFM,MAEA;AACL,WAAU,CAACA,IAAI,GAAG,OAAR,EAAiBI,WAAjB,CAA6B,CAA7B,CAAV;AACD;AACF;;ACpHDC,sBAAsB,CAAC,YAAD,CAAtB;;;;"}

package/dist/styles.css

@@ -15,10 +15,10 @@
 }
 .eds-file-upload__input:focus .eds-file-upload__dropzone {
   outline: none;
-  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.3125rem #181c56;
+  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
 }
 .eds-contrast .eds-file-upload__input:focus .eds-file-upload__dropzone {
-  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.3125rem #ffffff;
+  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
 }
 .eds-file-upload__dropzone {
   border: 0.125rem #d1d3d3 dashed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/fileupload",
-  "version": "0.3.29",
+  "version": "0.3.33",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/fileupload.esm.js",
@@ -17,17 +17,17 @@
     "access": "public"
   },
   "scripts": {
-    "start": "tsdx watch --noClean",
-    "build": "tsdx build",
-    "test": "tsdx test --env=jsdom",
-    "lint": "tsdx lint"
+    "start": "dts watch --noClean",
+    "build": "dts build",
+    "test": "dts test --env=jsdom",
+    "lint": "dts lint"
   },
   "dependencies": {
-    "@entur/button": "^2.7.1",
-    "@entur/icons": "^3.1.0",
-    "@entur/tokens": "^3.2.0",
-    "@entur/typography": "^1.6.8",
-    "@entur/utils": "^0.4.2",
+    "@entur/button": "^2.8.0",
+    "@entur/icons": "^3.4.1",
+    "@entur/tokens": "^3.3.1",
+    "@entur/typography": "^1.6.11",
+    "@entur/utils": "^0.4.3",
     "classnames": "^2.3.1",
     "react-dropzone": "^11.3.4"
   },
@@ -35,5 +35,5 @@
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "ccd8c461cb5d0282c953503bf54f38365568167c"
+  "gitHead": "61e643371cfc5653c93160b7c220152e5b2bafeb"
 }