@dreamcommerce/aurora 2.16.2 → 2.16.3

package/build/cjs/packages/aurora/src/components/file_picker/components/selected_file_preview.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var utilities = require('@dreamcommerce/utilities');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/file_picker/main.module.less.js');
@@ -13,21 +14,44 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const SelectedFilePreview = ({ file, isPreview, onPreviewError, onFileDelete }) => {
-    const [t] = useTranslation.useTranslation();
-    const fileFullName = file === null || file === void 0 ? void 0 : file.fileName;
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePicker] },
-        isPreview ? (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedImage] },
-            React__default['default'].createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onPreviewError, className: main_module['default'][css_classes['default'].filePickerImagePreview] }))) : (React__default['default'].createElement("div", null, t('No preview'))),
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFile] },
-            React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFileNameWrapper] },
-                React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].filePickerSelectedFileFullName] },
-                    React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].filePickerSelectedFileName] }, fileFullName && utilities.FileUtils.getFileName(fileFullName)),
-                    fileFullName && `.${utilities.FileUtils.getFileExtension(fileFullName)}`)),
-            React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFileRemoveWrapper] },
-                React__default['default'].createElement("span", { onClick: onFileDelete, className: main_module['default'][css_classes['default'].filePickerDeleteButton] },
-                    React__default['default'].createElement(icon_delete['default'], { className: main_module['default'][css_classes['default'].filePickerDeleteIcon] }),
-                    React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].filePickerDeleteLabel] }, t('Remove')))))));
+var SelectedFilePreview = function SelectedFilePreview(_ref) {
+  var file = _ref.file,
+      isPreview = _ref.isPreview,
+      onPreviewError = _ref.onPreviewError,
+      onFileDelete = _ref.onFileDelete;
+
+  var _useTranslation = useTranslation.useTranslation(),
+      _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+      t = _useTranslation2[0];
+
+  var fileFullName = file === null || file === void 0 ? void 0 : file.fileName;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes['default'].filePicker]
+  }, isPreview ? /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes['default'].filePickerSelectedImage]
+  }, /*#__PURE__*/React__default['default'].createElement("img", {
+    alt: "",
+    src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '',
+    onError: onPreviewError,
+    className: main_module['default'][css_classes['default'].filePickerImagePreview]
+  })) : /*#__PURE__*/React__default['default'].createElement("div", null, t('No preview')), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes['default'].filePickerSelectedFile]
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes['default'].filePickerSelectedFileNameWrapper]
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: main_module['default'][css_classes['default'].filePickerSelectedFileFullName]
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: main_module['default'][css_classes['default'].filePickerSelectedFileName]
+  }, fileFullName && utilities.FileUtils.getFileName(fileFullName)), fileFullName && ".".concat(utilities.FileUtils.getFileExtension(fileFullName)))), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes['default'].filePickerSelectedFileRemoveWrapper]
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    onClick: onFileDelete,
+    className: main_module['default'][css_classes['default'].filePickerDeleteButton]
+  }, /*#__PURE__*/React__default['default'].createElement(icon_delete['default'], {
+    className: main_module['default'][css_classes['default'].filePickerDeleteIcon]
+  }), /*#__PURE__*/React__default['default'].createElement("span", {
+    className: main_module['default'][css_classes['default'].filePickerDeleteLabel]
+  }, t('Remove'))))));
 };
 
 exports.default = SelectedFilePreview;

package/build/cjs/packages/aurora/src/components/file_picker/components/selected_file_preview.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/file_picker/constants.js

@@ -2,57 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const FILE_PICKER_ERROR = {
-    invalidFileFormat: 'Invalid file format'
-};
-const FILES_EXTENSIONS = {
-    GIF: 'gif',
-    JPG: 'jpg',
-    JPEG: 'jpeg',
-    PNG: 'png',
-    WBMP: 'wbmp',
-    WEBP: 'webp',
-    BMP: 'bmp',
-    ICO: 'ico',
-    SVG: 'svg',
-    TXT: 'txt'
-};
-const MIME_FILE_EXTENSIONS = {
-    [FILES_EXTENSIONS.GIF]: 'image/gif',
-    [FILES_EXTENSIONS.JPG]: 'image/jpg',
-    [FILES_EXTENSIONS.JPEG]: 'image/jpeg',
-    [FILES_EXTENSIONS.PNG]: 'image/png',
-    [FILES_EXTENSIONS.WBMP]: 'image/vnd.wap.wbmp',
-    [FILES_EXTENSIONS.WEBP]: 'image/webp',
-    [FILES_EXTENSIONS.BMP]: 'image/bmp',
-    [FILES_EXTENSIONS.ICO]: 'image/x-icon',
-    [FILES_EXTENSIONS.SVG]: 'image/svg+xml',
-    [FILES_EXTENSIONS.TXT]: 'text/plain'
-};
-const MIME_TYPE_TO_FILE_EXTENSIONS = {
-    [MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.GIF]]: FILES_EXTENSIONS.GIF,
-    [MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.JPG]]: FILES_EXTENSIONS.JPG,
-    [MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.JPEG]]: FILES_EXTENSIONS.JPEG,
-    [MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.PNG]]: FILES_EXTENSIONS.PNG,
-    [MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.WBMP]]: FILES_EXTENSIONS.WBMP,
-    [MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.WEBP]]: FILES_EXTENSIONS.WEBP,
-    [MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.BMP]]: FILES_EXTENSIONS.BMP,
-    [MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.ICO]]: FILES_EXTENSIONS.ICO,
-    [MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.SVG]]: FILES_EXTENSIONS.SVG,
-    [MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.TXT]]: FILES_EXTENSIONS.TXT
-};
-const FILE_EXTENSION_TO_MIME_TYPE = {
-    [FILES_EXTENSIONS.GIF]: MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.GIF],
-    [FILES_EXTENSIONS.JPG]: MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.JPG],
-    [FILES_EXTENSIONS.JPEG]: MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.JPEG],
-    [FILES_EXTENSIONS.PNG]: MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.PNG],
-    [FILES_EXTENSIONS.WBMP]: MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.WBMP],
-    [FILES_EXTENSIONS.WEBP]: MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.WEBP],
-    [FILES_EXTENSIONS.BMP]: MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.BMP],
-    [FILES_EXTENSIONS.ICO]: MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.ICO],
-    [FILES_EXTENSIONS.SVG]: MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.SVG],
-    [FILES_EXTENSIONS.TXT]: MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.TXT]
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+
+var FILE_PICKER_ERROR = {
+  invalidFileFormat: 'Invalid file format'
+};
+var FILES_EXTENSIONS = {
+  GIF: 'gif',
+  JPG: 'jpg',
+  JPEG: 'jpeg',
+  PNG: 'png',
+  WBMP: 'wbmp',
+  WEBP: 'webp',
+  BMP: 'bmp',
+  ICO: 'ico',
+  SVG: 'svg',
+  TXT: 'txt'
 };
+var MIME_FILE_EXTENSIONS = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, FILES_EXTENSIONS.GIF, 'image/gif'), FILES_EXTENSIONS.JPG, 'image/jpg'), FILES_EXTENSIONS.JPEG, 'image/jpeg'), FILES_EXTENSIONS.PNG, 'image/png'), FILES_EXTENSIONS.WBMP, 'image/vnd.wap.wbmp'), FILES_EXTENSIONS.WEBP, 'image/webp'), FILES_EXTENSIONS.BMP, 'image/bmp'), FILES_EXTENSIONS.ICO, 'image/x-icon'), FILES_EXTENSIONS.SVG, 'image/svg+xml'), FILES_EXTENSIONS.TXT, 'text/plain');
+var MIME_TYPE_TO_FILE_EXTENSIONS = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.GIF], FILES_EXTENSIONS.GIF), MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.JPG], FILES_EXTENSIONS.JPG), MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.JPEG], FILES_EXTENSIONS.JPEG), MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.PNG], FILES_EXTENSIONS.PNG), MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.WBMP], FILES_EXTENSIONS.WBMP), MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.WEBP], FILES_EXTENSIONS.WEBP), MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.BMP], FILES_EXTENSIONS.BMP), MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.ICO], FILES_EXTENSIONS.ICO), MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.SVG], FILES_EXTENSIONS.SVG), MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.TXT], FILES_EXTENSIONS.TXT);
+var FILE_EXTENSION_TO_MIME_TYPE = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, FILES_EXTENSIONS.GIF, MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.GIF]), FILES_EXTENSIONS.JPG, MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.JPG]), FILES_EXTENSIONS.JPEG, MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.JPEG]), FILES_EXTENSIONS.PNG, MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.PNG]), FILES_EXTENSIONS.WBMP, MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.WBMP]), FILES_EXTENSIONS.WEBP, MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.WEBP]), FILES_EXTENSIONS.BMP, MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.BMP]), FILES_EXTENSIONS.ICO, MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.ICO]), FILES_EXTENSIONS.SVG, MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.SVG]), FILES_EXTENSIONS.TXT, MIME_FILE_EXTENSIONS[FILES_EXTENSIONS.TXT]);
 
 exports.FILES_EXTENSIONS = FILES_EXTENSIONS;
 exports.FILE_EXTENSION_TO_MIME_TYPE = FILE_EXTENSION_TO_MIME_TYPE;

package/build/cjs/packages/aurora/src/components/file_picker/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/file_picker/css_classes.js

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CSS_CLASSES = {
-    filePicker: 'file-picker',
-    filePickerDescription: 'file-picker__description',
-    filePickerImagePreview: 'file-picker__image-preview',
-    filePickerUploadIcon: 'file-picker__upload-icon',
-    filePickerDeleteButton: 'file-picker__delete-button',
-    filePickerDeleteLabel: 'file-picker__delete-label',
-    filePickerDeleteIcon: 'file-picker__delete-icon',
-    filePickerInput: 'file-picker__input',
-    filePickerSelectedImage: 'file-picker__selected-image',
-    filePickerSelectedFile: 'file-picker__selected-file',
-    filePickerSelectedFileNameWrapper: 'file-picker__selected-file-name-wrapper',
-    filePickerSelectedFileRemoveWrapper: 'file-picker__selected-file-remove-wrapper',
-    filePickerSelectedFileFullName: 'file-picker__selected-file-full-name',
-    filePickerSelectedFileName: 'file-picker__selected-file-name'
+var CSS_CLASSES = {
+  filePicker: 'file-picker',
+  filePickerDescription: 'file-picker__description',
+  filePickerImagePreview: 'file-picker__image-preview',
+  filePickerUploadIcon: 'file-picker__upload-icon',
+  filePickerDeleteButton: 'file-picker__delete-button',
+  filePickerDeleteLabel: 'file-picker__delete-label',
+  filePickerDeleteIcon: 'file-picker__delete-icon',
+  filePickerInput: 'file-picker__input',
+  filePickerSelectedImage: 'file-picker__selected-image',
+  filePickerSelectedFile: 'file-picker__selected-file',
+  filePickerSelectedFileNameWrapper: 'file-picker__selected-file-name-wrapper',
+  filePickerSelectedFileRemoveWrapper: 'file-picker__selected-file-remove-wrapper',
+  filePickerSelectedFileFullName: 'file-picker__selected-file-full-name',
+  filePickerSelectedFileName: 'file-picker__selected-file-name'
 };
 
 exports.default = CSS_CLASSES;

package/build/cjs/packages/aurora/src/components/file_picker/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var constants = require('./constants.js');
 var css_classes = require('./css_classes.js');
 var main_module = require('../../css/file_picker/main.module.less.js');
 var file_input = require('./components/file_input.js');
 var selected_file_preview = require('./components/selected_file_preview.js');
+var constants = require('./constants.js');
 var utils = require('./utils.js');
 var use_file_picker = require('./use_file_picker.js');
 
@@ -15,17 +15,56 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const FilePicker = ({ id, onChange, allowedExtensions = [constants.FILES_EXTENSIONS.WEBP, constants.FILES_EXTENSIONS.JPG, constants.FILES_EXTENSIONS.PNG, constants.FILES_EXTENSIONS.GIF, constants.FILES_EXTENSIONS.JPEG], initialFile, name, className = '' }) => {
-    const inputRef = React.createRef();
-    const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, isPreview, isDragOver } = use_file_picker.useFilePicker({
-        initialFile,
-        onChange,
-        inputRef
-    });
-    const acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
-    return (React__default['default'].createElement("div", { className: className },
-        file ? (React__default['default'].createElement(selected_file_preview['default'], { file: file, onFileDelete: onFileDelete, onPreviewError: onPreviewError, isPreview: isPreview })) : (React__default['default'].createElement(file_input['default'], { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile })),
-        React__default['default'].createElement("input", { onChange: onFileChange, id: id, ref: inputRef, type: "file", name: name, className: main_module['default'][css_classes['default'].filePickerInput], accept: acceptFiles })));
+var FilePicker = function FilePicker(_ref) {
+  var id = _ref.id,
+      onChange = _ref.onChange,
+      _ref$allowedExtension = _ref.allowedExtensions,
+      allowedExtensions = _ref$allowedExtension === void 0 ? [constants.FILES_EXTENSIONS.WEBP, constants.FILES_EXTENSIONS.JPG, constants.FILES_EXTENSIONS.PNG, constants.FILES_EXTENSIONS.GIF, constants.FILES_EXTENSIONS.JPEG] : _ref$allowedExtension,
+      initialFile = _ref.initialFile,
+      name = _ref.name,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className;
+  var inputRef = /*#__PURE__*/React.createRef();
+
+  var _useFilePicker = use_file_picker.useFilePicker({
+    initialFile: initialFile,
+    onChange: onChange,
+    inputRef: inputRef
+  }),
+      onDropFile = _useFilePicker.onDropFile,
+      onFileChange = _useFilePicker.onFileChange,
+      onDragOver = _useFilePicker.onDragOver,
+      onDragLeave = _useFilePicker.onDragLeave,
+      onFileDelete = _useFilePicker.onFileDelete,
+      onPreviewError = _useFilePicker.onPreviewError,
+      file = _useFilePicker.file,
+      isPreview = _useFilePicker.isPreview,
+      isDragOver = _useFilePicker.isDragOver;
+
+  var acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: className
+  }, file ? /*#__PURE__*/React__default['default'].createElement(selected_file_preview['default'], {
+    file: file,
+    onFileDelete: onFileDelete,
+    onPreviewError: onPreviewError,
+    isPreview: isPreview
+  }) : /*#__PURE__*/React__default['default'].createElement(file_input['default'], {
+    onDragLeave: onDragLeave,
+    onDragOver: onDragOver,
+    isDragOver: isDragOver,
+    allowedExtensions: allowedExtensions,
+    id: id,
+    onDropFile: onDropFile
+  }), /*#__PURE__*/React__default['default'].createElement("input", {
+    onChange: onFileChange,
+    id: id,
+    ref: inputRef,
+    type: "file",
+    name: name,
+    className: main_module['default'][css_classes['default'].filePickerInput],
+    accept: acceptFiles
+  }));
 };
 
 exports.default = FilePicker;

package/build/cjs/packages/aurora/src/components/file_picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js

@@ -4,115 +4,174 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var i18n = require('../../i18n.js');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var constants = require('./constants.js');
 
-const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, initialErrors, onError }) => {
-    const [fileList, setFileList] = React.useState(null);
-    const [file, setFile] = React.useState(initialFile);
-    const [fileAsDataUrl, setFileAsDataUrl] = React.useState(null);
-    const [errors, setErrors] = React.useState([]);
-    const [isDragOver, setDragOver] = React.useState(false);
-    const [isPreview, setPreview] = React.useState(true);
-    const reader = React.useRef(new FileReader());
-    React.useEffect(() => {
-        reader.current && getDataUrlFromFile(reader.current.result);
-        reader.current.addEventListener('load', () => getDataUrlFromFile(reader.current.result), false);
-        return () => reader.current.removeEventListener('load', () => getDataUrlFromFile(reader.current.result));
-    }, []);
-    React.useEffect(() => {
-        setFile(initialFile);
-    }, [initialFile]);
-    React.useEffect(() => {
-        initialErrors && setErrors(initialErrors);
-    }, [initialErrors]);
-    React.useEffect(() => {
-        fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({ fileList, fileAsDataUrl }));
-    }, [fileAsDataUrl]);
-    const onDropFile = (event) => {
-        setErrors([]);
-        event.stopPropagation();
-        event.preventDefault();
-        const { dataTransfer: { files } } = event;
-        if (!files.length)
-            return;
-        validateFileExtension(allowedExtensions, files[0].type);
-        setDragOver(false);
-        updateFile(files);
-    };
-    const validateFileExtension = (allowedExtensions, mimeType) => {
-        if (!allowedExtensions)
-            return true;
-        const isValid = allowedExtensions.reduce((acc, extension) => {
-            return acc ? acc : constants.MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
-        }, false);
-        if (isValid) {
-            setErrors([]);
-            return isValid;
-        }
-        setErrors([...errors, i18n['default'].t(constants.FILE_PICKER_ERROR.invalidFileFormat)]);
-        onError === null || onError === void 0 ? void 0 : onError(errors);
-        return isValid;
-    };
-    const onFileChange = ({ target: { files } }) => {
-        setErrors([]);
-        updateFile(files);
-    };
-    const updateFile = (files) => {
-        if (files === null || files === void 0 ? void 0 : files.length) {
-            setFileList(files);
-            reader.current.readAsDataURL(files[0]);
-            setFile({
-                fileName: files === null || files === void 0 ? void 0 : files[0].name,
-                fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
-            });
-            const isValid = validateFileExtension(allowedExtensions, files[0].type);
-            if (isValid)
-                onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: files });
-        }
-        else {
-            setFile(undefined);
-            onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: files });
-        }
-        setPreview(true);
-    };
-    const getDataUrlFromFile = (fileReaderResult) => {
-        setFileAsDataUrl(fileReaderResult);
-    };
-    const onDragOver = (event) => {
-        event.stopPropagation();
-        event.preventDefault();
-        event.dataTransfer.dropEffect = 'copy';
-        if (!isDragOver) {
-            setDragOver(true);
-        }
-    };
-    const onDragLeave = () => {
-        setDragOver(false);
-    };
-    const onFileDelete = () => {
-        inputRef.current.value = '';
-        setFileList(null);
-        setFile(undefined);
-        setFileAsDataUrl(null);
-        setPreview(true);
-        setErrors([]);
-        onChange === null || onChange === void 0 ? void 0 : onChange({ fileList: null, fileAsDataUrl: null });
-    };
-    const onPreviewError = () => {
-        setPreview(false);
-    };
-    return {
-        onDropFile,
-        onFileChange,
-        onDragOver,
-        onDragLeave,
-        onFileDelete,
-        onPreviewError,
-        file,
-        errors,
-        isPreview,
-        isDragOver
-    };
+var useFilePicker = function useFilePicker(_ref) {
+  var onChange = _ref.onChange,
+      initialFile = _ref.initialFile,
+      allowedExtensions = _ref.allowedExtensions,
+      inputRef = _ref.inputRef,
+      initialErrors = _ref.initialErrors,
+      onError = _ref.onError;
+
+  var _useState = React.useState(null),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      fileList = _useState2[0],
+      setFileList = _useState2[1];
+
+  var _useState3 = React.useState(initialFile),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      file = _useState4[0],
+      setFile = _useState4[1];
+
+  var _useState5 = React.useState(null),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      fileAsDataUrl = _useState6[0],
+      setFileAsDataUrl = _useState6[1];
+
+  var _useState7 = React.useState([]),
+      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+      errors = _useState8[0],
+      setErrors = _useState8[1];
+
+  var _useState9 = React.useState(false),
+      _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
+      isDragOver = _useState10[0],
+      setDragOver = _useState10[1];
+
+  var _useState11 = React.useState(true),
+      _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
+      isPreview = _useState12[0],
+      setPreview = _useState12[1];
+
+  var reader = React.useRef(new FileReader());
+  React.useEffect(function () {
+    reader.current && getDataUrlFromFile(reader.current.result);
+    reader.current.addEventListener('load', function () {
+      return getDataUrlFromFile(reader.current.result);
+    }, false);
+    return function () {
+      return reader.current.removeEventListener('load', function () {
+        return getDataUrlFromFile(reader.current.result);
+      });
+    };
+  }, []);
+  React.useEffect(function () {
+    setFile(initialFile);
+  }, [initialFile]);
+  React.useEffect(function () {
+    initialErrors && setErrors(initialErrors);
+  }, [initialErrors]);
+  React.useEffect(function () {
+    fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({
+      fileList: fileList,
+      fileAsDataUrl: fileAsDataUrl
+    }));
+  }, [fileAsDataUrl]);
+
+  var onDropFile = function onDropFile(event) {
+    setErrors([]);
+    event.stopPropagation();
+    event.preventDefault();
+    var files = event.dataTransfer.files;
+    if (!files.length) return;
+    validateFileExtension(allowedExtensions, files[0].type);
+    setDragOver(false);
+    updateFile(files);
+  };
+
+  var validateFileExtension = function validateFileExtension(allowedExtensions, mimeType) {
+    if (!allowedExtensions) return true;
+    var isValid = allowedExtensions.reduce(function (acc, extension) {
+      return acc ? acc : constants.MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
+    }, false);
+
+    if (isValid) {
+      setErrors([]);
+      return isValid;
+    }
+
+    setErrors([].concat(_rollupPluginBabelHelpers.toConsumableArray(errors), [i18n['default'].t(constants.FILE_PICKER_ERROR.invalidFileFormat)]));
+    onError === null || onError === void 0 || onError(errors);
+    return isValid;
+  };
+
+  var onFileChange = function onFileChange(_ref2) {
+    var files = _ref2.target.files;
+    setErrors([]);
+    updateFile(files);
+  };
+
+  var updateFile = function updateFile(files) {
+    if (files !== null && files !== void 0 && files.length) {
+      setFileList(files);
+      reader.current.readAsDataURL(files[0]);
+      setFile({
+        fileName: files === null || files === void 0 ? void 0 : files[0].name,
+        fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
+      });
+      var isValid = validateFileExtension(allowedExtensions, files[0].type);
+      if (isValid) onChange === null || onChange === void 0 || onChange({
+        fileList: files
+      });
+    } else {
+      setFile(undefined);
+      onChange === null || onChange === void 0 || onChange({
+        fileList: files
+      });
+    }
+
+    setPreview(true);
+  };
+
+  var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
+    setFileAsDataUrl(fileReaderResult);
+  };
+
+  var onDragOver = function onDragOver(event) {
+    event.stopPropagation();
+    event.preventDefault();
+    event.dataTransfer.dropEffect = 'copy';
+
+    if (!isDragOver) {
+      setDragOver(true);
+    }
+  };
+
+  var onDragLeave = function onDragLeave() {
+    setDragOver(false);
+  };
+
+  var onFileDelete = function onFileDelete() {
+    inputRef.current.value = '';
+    setFileList(null);
+    setFile(undefined);
+    setFileAsDataUrl(null);
+    setPreview(true);
+    setErrors([]);
+    onChange === null || onChange === void 0 || onChange({
+      fileList: null,
+      fileAsDataUrl: null
+    });
+  };
+
+  var onPreviewError = function onPreviewError() {
+    setPreview(false);
+  };
+
+  return {
+    onDropFile: onDropFile,
+    onFileChange: onFileChange,
+    onDragOver: onDragOver,
+    onDragLeave: onDragLeave,
+    onFileDelete: onFileDelete,
+    onPreviewError: onPreviewError,
+    file: file,
+    errors: errors,
+    isPreview: isPreview,
+    isDragOver: isDragOver
+  };
 };
 
 exports.useFilePicker = useFilePicker;

package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/file_picker/utils.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var constants = require('./constants.js');
 
-const getAcceptFilesParametersFromAllowedExtensions = (allowedExtensions) => {
-    return allowedExtensions.map((extension) => constants.FILE_EXTENSION_TO_MIME_TYPE[extension]).join(', ');
+var getAcceptFilesParametersFromAllowedExtensions = function getAcceptFilesParametersFromAllowedExtensions(allowedExtensions) {
+  return allowedExtensions.map(function (extension) {
+    return constants.FILE_EXTENSION_TO_MIME_TYPE[extension];
+  }).join(', ');
 };
 
 exports.getAcceptFilesParametersFromAllowedExtensions = getAcceptFilesParametersFromAllowedExtensions;

package/build/cjs/packages/aurora/src/components/file_picker/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}