@synerise/ds-file-uploader 0.6.64 → 0.6.66

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.6.66](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@0.6.65...@synerise/ds-file-uploader@0.6.66) (2023-10-02)
+
+**Note:** Version bump only for package @synerise/ds-file-uploader
+
+
+
+
+
+## [0.6.65](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@0.6.64...@synerise/ds-file-uploader@0.6.65) (2023-09-26)
+
+**Note:** Version bump only for package @synerise/ds-file-uploader
+
+
+
+
+
 ## [0.6.64](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@0.6.63...@synerise/ds-file-uploader@0.6.64) (2023-09-08)
 
 **Note:** Version bump only for package @synerise/ds-file-uploader

package/dist/AvatarUploader/AvatarUploader.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import { FileUploaderProps } from '../FileUploader.types';
-declare const AvatarUploader: React.FC<FileUploaderProps>;
+declare const AvatarUploader: ({ className, onUpload, disabled, accept, error, label, onRemove, description, tooltip, filesAmount, mode, removable, files, texts, }: FileUploaderProps) => JSX.Element;
 export default AvatarUploader;
 //# sourceMappingURL=AvatarUploader.d.ts.map

package/dist/AvatarUploader/AvatarUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarUploader.d.ts","sourceRoot":"","sources":["../../src/AvatarUploader/AvatarUploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,iBAAiB,EAAe,MAAM,uBAAuB,CAAC;AAcvE,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuI/C,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"AvatarUploader.d.ts","sourceRoot":"","sources":["../../src/AvatarUploader/AvatarUploader.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,iBAAiB,EAAe,MAAM,uBAAuB,CAAC;AAcvE,QAAA,MAAM,cAAc,yIAejB,iBAAiB,gBAiHnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/AvatarUploader/AvatarUploader.js

@@ -1,7 +1,6 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import * as React from 'react';
-import { FormattedMessage } from 'react-intl';
 import { useDropzone } from 'react-dropzone';
 import Tooltip from '@synerise/ds-tooltip';
 import Icon, { InfoFillS, Add3M, FileTypePictureL } from '@synerise/ds-icon';
@@ -44,21 +43,7 @@ var AvatarUploader = function AvatarUploader(_ref) {
       removable = _ref$removable === void 0 ? true : _ref$removable,
       _ref$files = _ref.files,
       files = _ref$files === void 0 ? [] : _ref$files,
-      _ref$texts = _ref.texts,
-      texts = _ref$texts === void 0 ? {
-    buttonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.BUTTON-LABEL"
-    }),
-    buttonDescription: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.BUTTON-DESC"
-    }),
-    size: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.SIZE"
-    }),
-    removeTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.REMOVE"
-    })
-  } : _ref$texts;
+      texts = _ref.texts;
 
   var _React$useState = React.useState(true),
       uploadSuccess = _React$useState[0],

package/dist/AvatarUploader/FileViewAvatar/FileViewAvatar.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import { FileViewAvatarProps } from './FileViewAvatar.types';
-declare const FileViewAvatar: React.FC<FileViewAvatarProps>;
+declare const FileViewAvatar: ({ data, texts, onRemove, removable, description }: FileViewAvatarProps) => JSX.Element;
 export default FileViewAvatar;
 //# sourceMappingURL=FileViewAvatar.d.ts.map

package/dist/AvatarUploader/FileViewAvatar/FileViewAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewAvatar.d.ts","sourceRoot":"","sources":["../../../src/AvatarUploader/FileViewAvatar/FileViewAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAW7D,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgFjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"FileViewAvatar.d.ts","sourceRoot":"","sources":["../../../src/AvatarUploader/FileViewAvatar/FileViewAvatar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAW7D,QAAA,MAAM,cAAc,sDAAuD,mBAAmB,gBAoF7F,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/AvatarUploader/FileViewAvatar/FileViewAvatar.js

@@ -1,4 +1,11 @@
-import * as React from 'react';
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { useState } from 'react';
+import { FormattedMessage } from 'react-intl';
 import Tooltip from '@synerise/ds-tooltip';
 import Icon, { RepeatM, FileTypeImageM, Close3M, FileM } from '@synerise/ds-icon';
 import * as S from './FileViewAvatar.styles';
@@ -21,24 +28,34 @@ var FileViewAvatar = function FileViewAvatar(_ref) {
       error = data.error,
       file = data.file,
       progress = data.progress;
-  var fileSource = React.useMemo(function () {
-    return URL.createObjectURL(data.file);
-  }, [data]);
+  var fileSource = URL.createObjectURL(data.file);
+
+  var finalTexts = _objectSpread({
+    retryTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.RETRY-TOOLTIP",
+      defaultMessage: "Retry"
+    }),
+    removeTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.REMOVE-TOOLTIP",
+      defaultMessage: "Remove"
+    })
+  }, texts);
+
   var hasError = !!error;
   var hasProgress = typeof progress === 'number';
 
-  var _React$useState = React.useState(false),
-      pressed = _React$useState[0],
-      setPressed = _React$useState[1];
+  var _useState = useState(false),
+      pressed = _useState[0],
+      setPressed = _useState[1];
 
   var handleRemoveAvatar = function handleRemoveAvatar() {
     onRemove && onRemove();
     setPressed(false);
   };
 
-  var _React$useState2 = React.useState(false),
-      removeButtonPressed = _React$useState2[0],
-      removeButtonSetPressed = _React$useState2[1];
+  var _useState2 = useState(false),
+      removeButtonPressed = _useState2[0],
+      removeButtonSetPressed = _useState2[1];
 
   var handleRemove = function handleRemove() {
     onRemove && onRemove();
@@ -60,7 +77,7 @@ var FileViewAvatar = function FileViewAvatar(_ref) {
     align: {
       offset: [0, 8]
     },
-    title: texts.removeTooltip
+    title: finalTexts.removeTooltip
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(Close3M, null),
     size: 24
@@ -85,7 +102,7 @@ var FileViewAvatar = function FileViewAvatar(_ref) {
     color: "blue",
     size: "S"
   })), error && /*#__PURE__*/React.createElement(Tooltip, {
-    title: texts.retryTooltip
+    title: finalTexts.retryTooltip
   }, /*#__PURE__*/React.createElement(S.RepeatIcon, null, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(RepeatM, null)
   }))), removable && !disabled && !error && !hasProgress && /*#__PURE__*/React.createElement(S.RemoveButtonWrapper, {
@@ -96,7 +113,7 @@ var FileViewAvatar = function FileViewAvatar(_ref) {
     pressed: removeButtonPressed,
     "data-testid": "fileview-remove"
   }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: texts.removeTooltip
+    title: finalTexts.removeTooltip
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(Close3M, null),
     size: 16

package/dist/AvatarUploader/FileViewAvatar/FileViewAvatar.types.d.ts

@@ -1,16 +1,16 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 import { ExtendedFile } from '../../FileUploader.types';
 export interface FileViewAvatarTexts {
-    removeTooltip?: string | React.ReactNode;
-    retryTooltip?: string | React.ReactNode;
-    buttonLabel: string | React.ReactNode;
-    buttonDescription: string | React.ReactNode;
+    removeTooltip?: ReactNode;
+    retryTooltip?: ReactNode;
+    buttonLabel?: ReactNode;
+    buttonDescription?: ReactNode;
 }
 export interface FileViewAvatarProps {
     data: ExtendedFile;
-    texts: FileViewAvatarTexts;
+    texts?: FileViewAvatarTexts;
     removable?: boolean;
     onRemove?: () => void;
-    description?: string | React.ReactNode;
+    description?: ReactNode;
 }
 //# sourceMappingURL=FileViewAvatar.types.d.ts.map

package/dist/AvatarUploader/FileViewAvatar/FileViewAvatar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewAvatar.types.d.ts","sourceRoot":"","sources":["../../../src/AvatarUploader/FileViewAvatar/FileViewAvatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACxC,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,iBAAiB,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAC7C;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACxC"}
+{"version":3,"file":"FileViewAvatar.types.d.ts","sourceRoot":"","sources":["../../../src/AvatarUploader/FileViewAvatar/FileViewAvatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB"}

package/dist/FileUploader.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import { FileUploaderProps } from './FileUploader.types';
-declare const FileUploader: React.FC<FileUploaderProps>;
+declare const FileUploader: ({ className, onUpload, disabled, accept, error, label, onRemove, description, tooltip, filesAmount, mode, removable, files, retry, texts, }: FileUploaderProps) => JSX.Element;
 export default FileUploader;
 //# sourceMappingURL=FileUploader.d.ts.map

package/dist/FileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../src/FileUploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAe,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgBtE,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoJ7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../src/FileUploader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAe,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgBtE,QAAA,MAAM,YAAY,gJAgBf,iBAAiB,gBAiInB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/FileUploader.js

@@ -1,12 +1,12 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import * as React from 'react';
+import React, { useState, useCallback } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useDropzone } from 'react-dropzone';
 import Icon, { AddM, InfoFillS, FileUploadL } from '@synerise/ds-icon';
@@ -50,30 +50,28 @@ var FileUploader = function FileUploader(_ref) {
       _ref$files = _ref.files,
       files = _ref$files === void 0 ? [] : _ref$files,
       retry = _ref.retry,
-      _ref$texts = _ref.texts,
-      texts = _ref$texts === void 0 ? {
+      texts = _ref.texts;
+
+  var _useState = useState(true),
+      uploadSuccess = _useState[0],
+      setUploadSuccess = _useState[1];
+
+  var finalTexts = _objectSpread({
     buttonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.BUTTON-LABEL"
+      id: "DS.FILE-UPLOADER.BUTTON-LABEL",
+      defaultMessage: "Upload file"
     }),
     buttonLabelLarge: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.BUTTON-LABEL-LARGE"
+      id: "DS.FILE-UPLOADER.BUTTON-LABEL-LARGE",
+      defaultMessage: "Upload file"
     }),
     buttonDescription: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.BUTTON-DESC"
-    }),
-    size: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.SIZE"
-    }),
-    removeTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.REMOVE"
+      id: "DS.FILE-UPLOADER.BUTTON-DESC",
+      defaultMessage: "Description"
     })
-  } : _ref$texts;
-
-  var _React$useState = React.useState(true),
-      uploadSuccess = _React$useState[0],
-      setUploadSuccess = _React$useState[1];
+  }, texts);
 
-  var readFilesContent = React.useCallback(function (addedFiles) {
+  var readFilesContent = useCallback(function (addedFiles) {
     var readerPromises = addedFiles.map(function (file) {
       return readAsText(file);
     });
@@ -86,7 +84,7 @@ var FileUploader = function FileUploader(_ref) {
       onUpload && onUpload(filesWithContent);
     });
   }, [onUpload]);
-  var onDrop = React.useCallback(function (acceptedFiles) {
+  var onDrop = useCallback(function (acceptedFiles) {
     var possibleUpload = 0;
 
     if (filesAmount) {
@@ -119,9 +117,9 @@ var FileUploader = function FileUploader(_ref) {
 
   var hasError = Boolean(error) || !uploadSuccess;
 
-  var _React$useState2 = React.useState(false),
-      pressed = _React$useState2[0],
-      setPressed = _React$useState2[1];
+  var _useState2 = useState(false),
+      pressed = _useState2[0],
+      setPressed = _useState2[1];
 
   var errors = hasError && !uploadSuccess ? [error].concat('To many files uploaded') : [error];
   return /*#__PURE__*/React.createElement(S.Container, {
@@ -158,10 +156,10 @@ var FileUploader = function FileUploader(_ref) {
   }, mode === 'multi-large' && files.length === 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(FileUploadL, null),
     size: 48
-  }), /*#__PURE__*/React.createElement(S.LargeDropAreaLabel, null, texts.buttonLabelLarge), /*#__PURE__*/React.createElement(S.LargeDropAreaDescription, null, texts.buttonDescription)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+  }), /*#__PURE__*/React.createElement(S.LargeDropAreaLabel, null, finalTexts.buttonLabelLarge), /*#__PURE__*/React.createElement(S.LargeDropAreaDescription, null, finalTexts.buttonDescription)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(AddM, null),
     size: 24
-  }), /*#__PURE__*/React.createElement(S.DropAreaLabel, null, texts.buttonLabel))))), files.length > 0 && files.map(function (file, index) {
+  }), /*#__PURE__*/React.createElement(S.DropAreaLabel, null, finalTexts.buttonLabel))))), files.length > 0 && files.map(function (file, index) {
     return /*#__PURE__*/React.createElement(FileView // eslint-disable-next-line react/no-array-index-key
     , {
       key: index,

package/dist/FileUploader.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 import { FileViewTexts } from './FileView/FileView.types';
 export interface ExtendedFile {
     file: FileWithContent;
@@ -10,11 +10,11 @@ export interface ExtendedFile {
 export interface FileWithContent extends File {
     content?: FileContent;
 }
-export declare type FileContent = string | ArrayBuffer | null;
-declare type FileUploaderTexts = FileViewTexts & {
-    buttonLabel: string | React.ReactNode;
-    buttonLabelLarge: string | React.ReactNode;
-    buttonDescription: string | React.ReactNode;
+export type FileContent = string | ArrayBuffer | null;
+type FileUploaderTexts = FileViewTexts & {
+    buttonLabel?: ReactNode;
+    buttonLabelLarge?: ReactNode;
+    buttonDescription?: ReactNode;
 };
 export interface FileUploaderProps {
     className?: string;
@@ -24,10 +24,10 @@ export interface FileUploaderProps {
     disabled?: boolean;
     removable?: boolean;
     tooltip?: string;
-    removeTooltip?: string | React.ReactNode;
+    removeTooltip?: ReactNode;
     label?: string;
     error?: string;
-    texts: FileUploaderTexts;
+    texts?: FileUploaderTexts;
     files: ExtendedFile[];
     accept?: string[];
     onRemove?: (file: FileWithContent, index: number) => void;

package/dist/FileUploader.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.types.d.ts","sourceRoot":"","sources":["../src/FileUploader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,oBAAY,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;AAEtD,aAAK,iBAAiB,GAAG,aAAa,GAAG;IACvC,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,gBAAgB,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3C,iBAAiB,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,cAAc,GAAG,aAAa,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}
+{"version":3,"file":"FileUploader.types.d.ts","sourceRoot":"","sources":["../src/FileUploader.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;AAEtD,KAAK,iBAAiB,GAAG,aAAa,GAAG;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,cAAc,GAAG,aAAa,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/FileView/FileView.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import { FileViewProps } from './FileView.types';
-declare const FileView: React.FC<FileViewProps>;
+declare const FileView: ({ data, texts, onRemove, removable, retry, retryButtonProps }: FileViewProps) => JSX.Element;
 export default FileView;
 //# sourceMappingURL=FileView.d.ts.map

package/dist/FileView/FileView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileView.d.ts","sourceRoot":"","sources":["../../src/FileView/FileView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAiCjD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4GrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"FileView.d.ts","sourceRoot":"","sources":["../../src/FileView/FileView.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAiCjD,QAAA,MAAM,QAAQ,kEAAmE,aAAa,gBA6H7F,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/FileView/FileView.js

@@ -1,10 +1,17 @@
-import * as React from 'react';
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { useState } from 'react';
 import filesize from 'filesize.js';
 import ProgressBar from '@synerise/ds-progress-bar';
 import Tooltip from '@synerise/ds-tooltip';
 import Icon, { RepeatM, WarningFillM, FileTypeImage, FileTypePdf, FileTypeVideo, FileTypeSvg, Close3M, Check3M, FileM, FileTypeZip, FileTypeTxt, FileTypeHtml, FileTypeMp3, FileTypeXls, FileTypePptx } from '@synerise/ds-icon';
 import Button from '@synerise/ds-button';
 import { theme } from '@synerise/ds-core';
+import { FormattedMessage } from 'react-intl';
 import * as S from './FileView.styles';
 var previewableMimeTypes = ['image/png', 'image/gif', 'image/jpeg', 'image/svg+xml', 'text/plain', 'text/html', 'video/quicktime', 'application/pdf', 'application/zip', 'audio/mpeg', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.presentationml.presentation', 'text/csv'];
 var mapperOfIcons = {
@@ -40,12 +47,52 @@ var FileView = function FileView(_ref) {
       file = data.file,
       progress = data.progress,
       success = data.success;
+
+  var finalTexts = _objectSpread({
+    size: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.SIZE",
+      defaultMessage: "Size"
+    }),
+    removeTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.REMOVE-TOOLTIP",
+      defaultMessage: "Remove"
+    }),
+    cancelText: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.FILE-VIEW.CANCEL",
+      defaultMessage: "Cancel"
+    }),
+    okText: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.FILE-VIEW.OK",
+      defaultMessage: "OK"
+    }),
+    removeConfirmTitle: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.FILE-VIEW.REMOVE-CONFIRM-TITLE",
+      defaultMessage: "Remove"
+    }),
+    fileWeight: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.FILE-VIEW.FILE-WEIGHT",
+      defaultMessage: "File weight"
+    }),
+    buttonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.FILE-VIEW.BUTTON-LABEL",
+      defaultMessage: "Upload a file"
+    }),
+    buttonDescription: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.FILE-VIEW.BUTTON-DESCRIPTION",
+      defaultMessage: "or drop one here"
+    }),
+    retryLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.FILE-VIEW.RETRY-BUTTON-LABEL",
+      defaultMessage: "Retry"
+    })
+  }, texts);
+
   var hasError = !!error;
   var hasProgress = typeof progress === 'number';
 
-  var _React$useState = React.useState(false),
-      pressed = _React$useState[0],
-      setPressed = _React$useState[1];
+  var _useState = useState(false),
+      pressed = _useState[0],
+      setPressed = _useState[1];
 
   var handleRemove = function handleRemove() {
     onRemove && onRemove();
@@ -68,22 +115,22 @@ var FileView = function FileView(_ref) {
     size: 24
   })), /*#__PURE__*/React.createElement(S.Info, {
     progress: hasProgress
-  }, hasProgress ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Name, null, file.name, " ", /*#__PURE__*/React.createElement(S.FileWeight, null, texts.fileWeight)), /*#__PURE__*/React.createElement("div", {
+  }, hasProgress ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Name, null, file.name, " ", /*#__PURE__*/React.createElement(S.FileWeight, null, finalTexts.fileWeight)), /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex'
     }
   }, /*#__PURE__*/React.createElement(ProgressBar, {
     amount: 100,
-    percent: texts.percent
+    percent: finalTexts.percent
   }), /*#__PURE__*/React.createElement(S.RemoveWrapper, {
     onClick: onRemove,
     "data-testid": "fileview-remove"
   }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: texts.removeTooltip
+    title: finalTexts.removeTooltip
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(Close3M, null),
     size: 20
-  }))))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Name, null, file.name), /*#__PURE__*/React.createElement(S.SizeOrError, null, error || /*#__PURE__*/React.createElement(React.Fragment, null, texts.size, " ", getFriendlySize(file.size))))), error && retry && !hasProgress && /*#__PURE__*/React.createElement(Button, {
+  }))))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Name, null, file.name), /*#__PURE__*/React.createElement(S.SizeOrError, null, error || /*#__PURE__*/React.createElement(React.Fragment, null, finalTexts.size, " ", getFriendlySize(file.size))))), error && retry && !hasProgress && /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick(event) {
       onRemove && onRemove();
 
@@ -95,7 +142,7 @@ var FileView = function FileView(_ref) {
     type: "ghost-primary"
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(RepeatM, null)
-  }), texts.retryLabel), !error && !disabled && !hasProgress && /*#__PURE__*/React.createElement(S.CheckButtonWrapper, {
+  }), finalTexts.retryLabel), !error && !disabled && !hasProgress && /*#__PURE__*/React.createElement(S.CheckButtonWrapper, {
     "data-testid": "fileview-check"
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(Check3M, null),
@@ -109,10 +156,10 @@ var FileView = function FileView(_ref) {
       component: /*#__PURE__*/React.createElement(WarningFillM, null),
       color: theme.palette['yellow-600']
     }),
-    cancelText: texts.cancelText,
-    okText: texts.okText,
+    cancelText: finalTexts.cancelText,
+    okText: finalTexts.okText,
     okType: "primary",
-    title: texts.removeConfirmTitle,
+    title: finalTexts.removeConfirmTitle,
     placement: "top",
     mouseEnterDelay: 250,
     mouseLeaveDelay: 250,
@@ -124,7 +171,7 @@ var FileView = function FileView(_ref) {
     pressed: pressed,
     "data-testid": "fileview-remove"
   }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: texts.removeTooltip
+    title: finalTexts.removeTooltip
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(Close3M, null),
     size: 20

package/dist/FileView/FileView.types.d.ts

@@ -1,17 +1,17 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 import { DropzoneRootProps } from 'react-dropzone';
 import { ExtendedFile } from '../FileUploader.types';
 export interface FileViewTexts {
-    size: string | React.ReactNode;
-    cancelText: string | React.ReactNode;
-    removeTooltip?: string | React.ReactNode;
-    okText: string | React.ReactNode;
-    removeConfirmTitle: string | React.ReactNode;
-    fileWeight: string | React.ReactNode;
-    percent: number;
-    buttonLabel: string | React.ReactNode;
-    buttonDescription: string | React.ReactNode;
-    retryLabel: string | React.ReactNode;
+    size?: ReactNode;
+    cancelText?: ReactNode;
+    removeTooltip?: ReactNode;
+    okText?: ReactNode;
+    removeConfirmTitle?: ReactNode;
+    fileWeight?: ReactNode;
+    percent?: number;
+    buttonLabel?: ReactNode;
+    buttonDescription?: ReactNode;
+    retryLabel?: ReactNode;
 }
 export interface FileViewProps {
     data: ExtendedFile;

package/dist/FileView/FileView.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileView.types.d.ts","sourceRoot":"","sources":["../../src/FileView/FileView.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,UAAU,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,kBAAkB,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7C,UAAU,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,iBAAiB,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5C,UAAU,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;CACtC"}
+{"version":3,"file":"FileView.types.d.ts","sourceRoot":"","sources":["../../src/FileView/FileView.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;CACtC"}

package/dist/ItemUploader/ItemUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemUploader.d.ts","sourceRoot":"","sources":["../../src/ItemUploader/ItemUploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,iBAAiB,EAAe,MAAM,sBAAsB,CAAC;AActE,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4H7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ItemUploader.d.ts","sourceRoot":"","sources":["../../src/ItemUploader/ItemUploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,iBAAiB,EAAe,MAAM,sBAAsB,CAAC;AActE,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqH7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/ItemUploader/ItemUploader.js

@@ -1,7 +1,6 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import * as React from 'react';
-import { FormattedMessage } from 'react-intl';
 import { useDropzone } from 'react-dropzone';
 import Icon, { InfoFillS, Add3M } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
@@ -44,21 +43,7 @@ var ItemUploader = function ItemUploader(_ref) {
       removable = _ref$removable === void 0 ? true : _ref$removable,
       _ref$files = _ref.files,
       files = _ref$files === void 0 ? [] : _ref$files,
-      _ref$texts = _ref.texts,
-      texts = _ref$texts === void 0 ? {
-    buttonLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.BUTTON-LABEL"
-    }),
-    buttonDescription: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.BUTTON-DESC"
-    }),
-    size: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.SIZE"
-    }),
-    removeTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.FILE-UPLOADER.REMOVE"
-    })
-  } : _ref$texts;
+      texts = _ref.texts;
 
   var _React$useState = React.useState(true),
       uploadSuccess = _React$useState[0],

package/dist/ItemUploader/ItemUploader.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 import { FileViewTexts } from '../FileView/FileView.types';
 export interface ExtendedFile {
     file: FileWithContent;
@@ -10,11 +10,11 @@ export interface ExtendedFile {
 export interface FileWithContent extends File {
     content?: FileContent;
 }
-export declare type FileContent = string | ArrayBuffer | null;
-declare type FileUploaderTexts = FileViewTexts & {
-    buttonLabel: string | React.ReactNode;
-    buttonLabelLarge: string | React.ReactNode;
-    buttonDescription: string | React.ReactNode;
+export type FileContent = string | ArrayBuffer | null;
+type FileUploaderTexts = FileViewTexts & {
+    buttonLabel?: ReactNode;
+    buttonLabelLarge?: ReactNode;
+    buttonDescription?: ReactNode;
 };
 export interface ItemUploaderProps {
     className?: string;
@@ -24,10 +24,10 @@ export interface ItemUploaderProps {
     disabled?: boolean;
     removable?: boolean;
     tooltip?: string;
-    removeTooltip?: string | React.ReactNode;
+    removeTooltip?: ReactNode;
     label?: string;
     error?: string;
-    texts: FileUploaderTexts;
+    texts?: FileUploaderTexts;
     files: ExtendedFile[];
     accept?: string[];
     onRemove?: (file: FileWithContent, index: number) => void;

package/dist/ItemUploader/ItemUploader.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemUploader.types.d.ts","sourceRoot":"","sources":["../../src/ItemUploader/ItemUploader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,oBAAY,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;AAEtD,aAAK,iBAAiB,GAAG,aAAa,GAAG;IACvC,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,gBAAgB,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3C,iBAAiB,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAC7C,CAAC;AACF,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}
+{"version":3,"file":"ItemUploader.types.d.ts","sourceRoot":"","sources":["../../src/ItemUploader/ItemUploader.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;AAEtD,KAAK,iBAAiB,GAAG,aAAa,GAAG;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B,CAAC;AACF,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/ItemUploader/UploaderButton/FileViewItem.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import { FileViewAvatarProps } from '../../AvatarUploader/FileViewAvatar/FileViewAvatar.types';
-declare const FileViewItem: React.FC<FileViewAvatarProps>;
+declare const FileViewItem: ({ data, texts, onRemove, removable }: FileViewAvatarProps) => JSX.Element;
 export default FileViewItem;
 //# sourceMappingURL=FileViewItem.d.ts.map

package/dist/ItemUploader/UploaderButton/FileViewItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewItem.d.ts","sourceRoot":"","sources":["../../../src/ItemUploader/UploaderButton/FileViewItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAW/F,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyD/C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FileViewItem.d.ts","sourceRoot":"","sources":["../../../src/ItemUploader/UploaderButton/FileViewItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAW/F,QAAA,MAAM,YAAY,yCAA0C,mBAAmB,gBA+D9E,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/ItemUploader/UploaderButton/FileViewItem.js

@@ -1,4 +1,11 @@
-import * as React from 'react';
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { useState } from 'react';
+import { FormattedMessage } from 'react-intl';
 import Tooltip from '@synerise/ds-tooltip';
 import Icon, { RepeatM, FileTypeTextM, Close3M, FileM } from '@synerise/ds-icon';
 import * as S from './FileViewItem.styles';
@@ -20,12 +27,24 @@ var FileViewItem = function FileViewItem(_ref) {
       error = data.error,
       file = data.file,
       progress = data.progress;
+
+  var finalTexts = _objectSpread({
+    retryTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.RETRY-TOOLTIP",
+      defaultMessage: "Retry"
+    }),
+    removeTooltip: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "DS.FILE-UPLOADER.REMOVE-TOOLTIP",
+      defaultMessage: "Remove"
+    })
+  }, texts);
+
   var hasError = !!error;
   var hasProgress = typeof progress === 'number';
 
-  var _React$useState = React.useState(false),
-      removeButtonPressed = _React$useState[0],
-      removeButtonSetPressed = _React$useState[1];
+  var _useState = useState(false),
+      removeButtonPressed = _useState[0],
+      removeButtonSetPressed = _useState[1];
 
   var handleRemove = function handleRemove() {
     onRemove && onRemove();
@@ -53,7 +72,7 @@ var FileViewItem = function FileViewItem(_ref) {
     color: "blue",
     size: "S"
   })), error && /*#__PURE__*/React.createElement(Tooltip, {
-    title: texts.retryTooltip
+    title: finalTexts.retryTooltip
   }, /*#__PURE__*/React.createElement(S.RepeatIcon, null, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(RepeatM, null)
   }))), removable && !disabled && !error && !hasProgress && /*#__PURE__*/React.createElement(S.RemoveButtonWrapper, {
@@ -64,7 +83,7 @@ var FileViewItem = function FileViewItem(_ref) {
     pressed: removeButtonPressed,
     "data-testid": "fileview-remove"
   }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: texts.removeTooltip
+    title: finalTexts.removeTooltip
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(Close3M, null),
     size: 16

package/dist/index.d.ts

@@ -1,2 +1,13 @@
+import * as Styles from './FileUploader.styles';
+import * as FileViewStyles from './FileView/FileView.styles';
+import * as ItemUploaderStyles from './ItemUploader/ItemUploader.styles';
+import * as AvatarUploaderStyles from './AvatarUploader/AvatarUploader.styles';
 export { default } from './FileUploader';
+export type { FileUploaderProps } from './FileUploader.types';
+export declare const FileUploaderStyles: {
+    FileUploader: typeof Styles;
+    FileView: typeof FileViewStyles;
+    ItemUploader: typeof ItemUploaderStyles;
+    AvatarUploader: typeof AvatarUploaderStyles;
+};
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,kBAAkB,MAAM,oCAAoC,CAAC;AACzE,OAAO,KAAK,oBAAoB,MAAM,wCAAwC,CAAC;AAE/E,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,kBAAkB;;;;;CAK9B,CAAC"}

package/dist/index.js

@@ -1 +1,11 @@
-export { default } from './FileUploader';
+import * as Styles from './FileUploader.styles';
+import * as FileViewStyles from './FileView/FileView.styles';
+import * as ItemUploaderStyles from './ItemUploader/ItemUploader.styles';
+import * as AvatarUploaderStyles from './AvatarUploader/AvatarUploader.styles';
+export { default } from './FileUploader';
+export var FileUploaderStyles = {
+  FileUploader: Styles,
+  FileView: FileViewStyles,
+  ItemUploader: ItemUploaderStyles,
+  AvatarUploader: AvatarUploaderStyles
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-file-uploader",
-  "version": "0.6.64",
+  "version": "0.6.66",
   "description": "FileUploader UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,14 +32,14 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.18.1",
-    "@synerise/ds-icon": "^0.58.1",
-    "@synerise/ds-loader": "^0.2.43",
-    "@synerise/ds-popconfirm": "^0.10.14",
-    "@synerise/ds-progress-bar": "^0.6.44",
-    "@synerise/ds-tooltip": "^0.14.3",
-    "@synerise/ds-typography": "^0.12.10",
-    "@synerise/ds-utils": "^0.24.15",
+    "@synerise/ds-button": "^0.18.3",
+    "@synerise/ds-icon": "^0.58.3",
+    "@synerise/ds-loader": "^0.2.45",
+    "@synerise/ds-popconfirm": "^0.10.16",
+    "@synerise/ds-progress-bar": "^0.6.46",
+    "@synerise/ds-tooltip": "^0.14.5",
+    "@synerise/ds-typography": "^0.13.1",
+    "@synerise/ds-utils": "^0.24.17",
     "filesize.js": "^2.0.0",
     "react-dropzone": "^10.2.1",
     "react-intl": "3.12.0"
@@ -53,5 +53,5 @@
     "@testing-library/jest-dom": "5.1.1",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "955a885f58b3fca4caa4f879deb147fe5b9dc6d8"
+  "gitHead": "1c1adf344f447e404a1d6320ad1d3f8486f29f67"
 }