@dreamcommerce/aurora 0.4.3 → 0.4.5

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.js

@@ -1,5 +1,4 @@
 import { useState, useCallback } from 'react';
-import { __spreadArray } from '../../../../../../_virtual/_tslib.js';
 
 /**
  * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as
@@ -15,36 +14,36 @@ import { __spreadArray } from '../../../../../../_virtual/_tslib.js';
  * @returns {Array} Tuple - selected values and state setter for them
  */
 function useValues(wrapperRef, options, defaultValues, onChangeCb) {
-    var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
-    var _a = useState(defaultSelectedOptions), selectedValues = _a[0], setSelectedValue = _a[1];
+    const defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter((option) => defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0);
+    const [selectedValues, setSelectedValue] = useState(defaultSelectedOptions);
     /**
      * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for
      * not only react projects
      * @param {ISelectOption} selectedOption choosen option
      */
-    var setSelectedValues = useCallback(function (selectedOption) {
-        setSelectedValue(function (previousSelectedOptions) {
+    const setSelectedValues = useCallback((selectedOption) => {
+        setSelectedValue((previousSelectedOptions) => {
             var _a;
-            var allSelectedOptions;
-            var isChecked;
+            let allSelectedOptions;
+            let isChecked;
             if (previousSelectedOptions && (previousSelectedOptions === null || previousSelectedOptions === void 0 ? void 0 : previousSelectedOptions.indexOf(selectedOption)) >= 0) {
-                allSelectedOptions = previousSelectedOptions.filter(function (option) { return option.value !== selectedOption.value; });
+                allSelectedOptions = previousSelectedOptions.filter((option) => option.value !== selectedOption.value);
                 isChecked = false;
             }
             else {
-                allSelectedOptions = __spreadArray(__spreadArray([], previousSelectedOptions, true), [selectedOption], false);
+                allSelectedOptions = [...previousSelectedOptions, selectedOption];
                 isChecked = true;
             }
             if (typeof onChangeCb === 'function') {
                 onChangeCb(selectedOption, isChecked, allSelectedOptions);
-                var event_1 = new CustomEvent('dropdown:change', {
+                const event = new CustomEvent('dropdown:change', {
                     detail: {
-                        selectedOption: selectedOption,
-                        isChecked: isChecked,
-                        allSelectedOptions: allSelectedOptions
+                        selectedOption,
+                        isChecked,
+                        allSelectedOptions
                     }
                 });
-                (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
+                (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
             }
             return allSelectedOptions;
         });

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/dropdown/index.js

@@ -34,14 +34,13 @@ import { useToggle } from './hooks/use_toggle.js';
  *  <Dropdown>
  * )
  */
-var Dropdown = function (_a) {
-    var _b = _a.defaultIsOpen, defaultIsOpen = _b === void 0 ? false : _b, onToggle = _a.onToggle, children = _a.children;
-    var wrapperRef = useRef(null);
-    var _c = useToggle(defaultIsOpen, onToggle), isOpen = _c[0], toggleDropdown = _c[1];
+const Dropdown = ({ defaultIsOpen = false, onToggle, children }) => {
+    const wrapperRef = useRef(null);
+    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);
     /**
      * context values, they may be used with useContext in any component which is part of Dropdown composition
      */
-    var value = React.useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
+    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
     return (React.createElement(DropdownContext.Provider, { value: value },
         React.createElement("div", { ref: wrapperRef, className: cssClasses.dropdown }, children)));
 };

package/build/esm/packages/aurora/src/components/dropdown/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;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

package/build/esm/packages/aurora/src/components/dropdown/utilities.js

@@ -10,7 +10,7 @@ import cssClasses$1 from '../../css/modal/main.module.less.js';
  * @param {Array<ISelectOption>} selectedValues array of selected values
  * @returns {Boolean}
  */
-var isSelected = function (option, selectedValues) { return selectedValues.indexOf(option) >= 0; };
+const isSelected = (option, selectedValues) => selectedValues.indexOf(option) >= 0;
 /**
  * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do
  * selectedValues array, closes dropdown if defaultCloseOnClick is true
@@ -19,7 +19,7 @@ var isSelected = function (option, selectedValues) { return selectedValues.index
  * @param {Function} setSelectedValues - selected values state setter
  * @param {Function} toggleDropdown - method which toggles dropdown
  */
-var handleItemClick = function (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) {
+const handleItemClick = (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) => {
     setSelectedValues(option);
     if (defaultCloseOnClick === true) {
         toggleDropdown();
@@ -33,31 +33,31 @@ var handleItemClick = function (option, defaultCloseOnClick, setSelectedValues,
  * @param {Function} setOptionsList method to set new state of options list
  * @returns {void} nothing
  */
-var handleSearchKeyUp = function (ev, options, setOptionsList) {
-    var $input = ev.target;
-    var searchQuery = $input.value;
-    var filteredOptions = fuzzySearch(searchQuery, options, 'text');
-    setOptionsList(function () { return filteredOptions; });
+const handleSearchKeyUp = (ev, options, setOptionsList) => {
+    const $input = ev.target;
+    const searchQuery = $input.value;
+    const filteredOptions = fuzzySearch(searchQuery, options, 'text');
+    setOptionsList(() => filteredOptions);
 };
-var getXYModifiersForNestedDropdowns = function (portalContainer) {
-    var xModifier = 0;
-    var yModifier = 0;
+const getXYModifiersForNestedDropdowns = (portalContainer) => {
+    let xModifier = 0;
+    let yModifier = 0;
     if (portalContainer) {
-        var $parentDropdownContent = portalContainer.closest(".".concat(cssClasses[cssDropdownContent]));
+        const $parentDropdownContent = portalContainer.closest(`.${cssClasses[cssDropdownContent]}`);
         if ($parentDropdownContent) {
-            var _a = $parentDropdownContent.getBoundingClientRect(), portalX = _a.x, portalY = _a.y;
+            const { x: portalX, y: portalY } = $parentDropdownContent.getBoundingClientRect();
             xModifier = portalX;
             yModifier = portalY;
         }
     }
     return {
-        xModifier: xModifier,
-        yModifier: yModifier
+        xModifier,
+        yModifier
     };
 };
-var isChildOfModal = function (ref) {
+const isChildOfModal = (ref) => {
     var _a;
-    var currentParent = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+    let currentParent = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
     while (currentParent) {
         if (currentParent.classList.contains(cssClasses$1['modal-window'])) {
             return true;

package/build/esm/packages/aurora/src/components/file_picker/components/file_input.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { IFileInput } from '../types';
+import React from 'react';
 declare const _default: React.FC<IFileInput>;
 export default _default;

package/build/esm/packages/aurora/src/components/file_picker/components/file_input.js

@@ -6,36 +6,24 @@ import styles from '../../../css/file_picker/main.module.less.js';
 import CSS_CLASSES from '../css_classes.js';
 import IconUpload from '../../../assets/icon_upload.js';
 
-var useStyles = createUseStyles({
+const useStyles = createUseStyles({
     filePicker: {
-        borderColor: function (_a) {
-            var isDragOver = _a.isDragOver;
-            return (isDragOver ? '#ffffff' : '#6fb9f7');
-        },
-        backgroundColor: function (_a) {
-            var isDragOver = _a.isDragOver;
-            return (isDragOver ? '#6fb9f7' : '#ffffff');
-        },
+        borderColor: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),
+        backgroundColor: ({ isDragOver }) => (isDragOver ? '#6fb9f7' : '#ffffff'),
         '& *': {
-            color: function (_a) {
-                var isDragOver = _a.isDragOver;
-                return (isDragOver ? '#ffffff' : '#6fb9f7');
-            },
+            color: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),
             // @ts-ignore
-            fill: function (_a) {
-                var isDragOver = _a.isDragOver;
-                return (isDragOver ? '#ffffff' : '#6fb9f7');
-            }
+            fill: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7')
         }
     }
 });
-var FileInput = function (_a) {
-    var id = _a.id, onDropFile = _a.onDropFile, onDragOver = _a.onDragOver, onDragLeave = _a.onDragLeave, allowedExtensions = _a.allowedExtensions, isDragOver = _a.isDragOver;
-    var t = useTranslation()[0];
-    var classes = useStyles({ isDragOver: isDragOver });
+const FileInput = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {
+    const [t] = useTranslation();
+    const classes = useStyles({ isDragOver });
     return (React.createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave },
-        React.createElement("div", { className: "".concat(styles[CSS_CLASSES.filePicker], " ").concat(classes.filePicker) },
-            React.createElement(IconUpload, { className: styles[CSS_CLASSES.filePickerUploadIcon] }),
+        React.createElement("div", { className: `${styles[CSS_CLASSES.filePicker]} ${classes.filePicker}` },
+            React.createElement("div", { className: styles[CSS_CLASSES.filePickerSelectedImage] },
+                React.createElement(IconUpload, { className: styles[CSS_CLASSES.filePickerUploadIcon] })),
             React.createElement("div", { className: styles[CSS_CLASSES.filePickerDescription] },
                 t('Drag file or select'),
                 " (",

package/build/esm/packages/aurora/src/components/file_picker/components/file_input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/aurora/src/components/file_picker/components/selected_file_preview.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { ISelectedFilePreview } from "../types";
+import React from 'react';
 declare const SelectedFilePreview: React.FC<ISelectedFilePreview>;
 export default SelectedFilePreview;

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

@@ -1,17 +1,25 @@
 import React from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import styles from '../../../css/file_picker/main.module.less.js';
-import IconDelete from '../../../assets/icon_delete.js';
 import CSS_CLASSES from '../css_classes.js';
+import { FileUtils } from '../../../../../utilities/build/esm/file_utils.js';
+import IconDelete from '../../../assets/icon_delete.js';
 
-var SelectedFilePreview = function (_a) {
-    var file = _a.file, isPreview = _a.isPreview, onPreviewError = _a.onPreviewError, onFileDelete = _a.onFileDelete;
-    var t = useTranslation()[0];
+const SelectedFilePreview = ({ file, isPreview, onPreviewError, onFileDelete }) => {
+    const [t] = useTranslation();
+    const fileFullName = file === null || file === void 0 ? void 0 : file.fileName;
     return (React.createElement("div", { className: styles[CSS_CLASSES.filePicker] },
-        isPreview ? (React.createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onPreviewError, className: styles[CSS_CLASSES.filePickerImagePreview] })) : (React.createElement("div", null, t('No preview'))),
+        isPreview ? (React.createElement("div", { className: styles[CSS_CLASSES.filePickerSelectedImage] },
+            React.createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onPreviewError, className: styles[CSS_CLASSES.filePickerImagePreview] }))) : (React.createElement("div", null, t('No preview'))),
         React.createElement("div", { className: styles[CSS_CLASSES.filePickerSelectedFile] },
-            React.createElement("p", { className: styles[CSS_CLASSES.filePickerSelectedFileDescription] }, file === null || file === void 0 ? void 0 : file.fileName),
-            React.createElement(IconDelete, { className: styles[CSS_CLASSES.filePickerDeleteIcon], onClick: onFileDelete }))));
+            React.createElement("div", { className: styles[CSS_CLASSES.filePickerSelectedFileNameWrapper] },
+                React.createElement("span", { className: styles[CSS_CLASSES.filePickerSelectedFileFullName] },
+                    React.createElement("span", { className: styles[CSS_CLASSES.filePickerSelectedFileName] }, fileFullName && FileUtils.getFileName(fileFullName)),
+                    fileFullName && `.${FileUtils.getFileExtension(fileFullName)}`)),
+            React.createElement("div", { className: styles[CSS_CLASSES.filePickerSelectedFileRemoveWrapper] },
+                React.createElement("span", { className: styles[CSS_CLASSES.filePickerDeleteButton] },
+                    React.createElement(IconDelete, { className: styles[CSS_CLASSES.filePickerDeleteIcon], onClick: onFileDelete }),
+                    React.createElement("span", { className: styles[CSS_CLASSES.filePickerDeleteLabel] }, t('Remove')))))));
 };
 
 export default SelectedFilePreview;

package/build/esm/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,+BAA+B,oEAAwE;AACvG;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/file_picker/css_classes.d.ts

@@ -3,9 +3,15 @@ declare const _default: {
     filePickerDescription: string;
     filePickerImagePreview: string;
     filePickerUploadIcon: string;
+    filePickerDeleteButton: string;
+    filePickerDeleteLabel: string;
     filePickerDeleteIcon: string;
     filePickerInput: string;
+    filePickerSelectedImage: string;
     filePickerSelectedFile: string;
-    filePickerSelectedFileDescription: string;
+    filePickerSelectedFileNameWrapper: string;
+    filePickerSelectedFileRemoveWrapper: string;
+    filePickerSelectedFileFullName: string;
+    filePickerSelectedFileName: string;
 };
 export default _default;

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

@@ -3,10 +3,16 @@ var CSS_CLASSES = {
     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',
-    filePickerSelectedFileDescription: 'file-picker__selected-file-description'
+    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'
 };
 
 export default CSS_CLASSES;

package/build/esm/packages/aurora/src/components/file_picker/css_classes.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;"}
+{"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;"}

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

@@ -6,13 +6,12 @@ import FileInput from './components/file_input.js';
 import { useFilePicker } from './use_file_picker.js';
 import { getAcceptFilesParametersFromAllowedExtensions } from './utils.js';
 
-var FilePicker = function (_a) {
-    var id = _a.id, onChange = _a.onChange, _b = _a.allowedExtensions, allowedExtensions = _b === void 0 ? ['WEBP', 'JPG', 'PNG', 'GIF'] : _b, initialFile = _a.initialFile, name = _a.name, _c = _a.className, className = _c === void 0 ? '' : _c;
-    var _d = useFilePicker({
-        initialFile: initialFile,
-        onChange: onChange
-    }), onDropFile = _d.onDropFile, onFileChange = _d.onFileChange, onDragOver = _d.onDragOver, onDragLeave = _d.onDragLeave, onFileDelete = _d.onFileDelete, onPreviewError = _d.onPreviewError, file = _d.file, isPreview = _d.isPreview, isDragOver = _d.isDragOver;
-    var acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
+const FilePicker = ({ id, onChange, allowedExtensions = ['WEBP', 'JPG', 'PNG', 'GIF'], initialFile, name, className = '' }) => {
+    const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, isPreview, isDragOver } = useFilePicker({
+        initialFile,
+        onChange
+    });
+    const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
     return (React.createElement("div", { className: className },
         file ? (React.createElement(SelectedFilePreview, { file: file, onFileDelete: onFileDelete, onPreviewError: onPreviewError, isPreview: isPreview })) : (React.createElement(FileInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile })),
         React.createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: styles[CSS_CLASSES.filePickerInput], accept: acceptFiles })));

package/build/esm/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;"}
+{"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;"}

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

@@ -1,25 +1,23 @@
 import { useState, useEffect } from 'react';
 
-var useFilePicker = function (_a) {
-    var onChange = _a.onChange, initialFile = _a.initialFile;
-    var _b = useState(initialFile), file = _b[0], setFile = _b[1];
-    var _c = useState(false), isDragOver = _c[0], setDragOver = _c[1];
-    var _d = useState(true), isPreview = _d[0], setPreview = _d[1];
-    useEffect(function () {
+const useFilePicker = ({ onChange, initialFile }) => {
+    const [file, setFile] = useState(initialFile);
+    const [isDragOver, setDragOver] = useState(false);
+    const [isPreview, setPreview] = useState(true);
+    useEffect(() => {
         setFile(initialFile);
     }, [initialFile]);
-    var onDropFile = function (event) {
+    const onDropFile = (event) => {
         event.stopPropagation();
         event.preventDefault();
-        var files = event.dataTransfer.files;
+        const { dataTransfer: { files } } = event;
         setDragOver(false);
         updateFile(files);
     };
-    var onFileChange = function (_a) {
-        var files = _a.target.files;
+    const onFileChange = ({ target: { files } }) => {
         updateFile(files);
     };
-    var updateFile = function (files) {
+    const updateFile = (files) => {
         if (files) {
             setFile({
                 fileName: files === null || files === void 0 ? void 0 : files[0].name,
@@ -32,7 +30,7 @@ var useFilePicker = function (_a) {
         setPreview(true);
         onChange === null || onChange === void 0 ? void 0 : onChange(files);
     };
-    var onDragOver = function (event) {
+    const onDragOver = (event) => {
         event.stopPropagation();
         event.preventDefault();
         event.dataTransfer.dropEffect = 'copy';
@@ -40,27 +38,27 @@ var useFilePicker = function (_a) {
             setDragOver(true);
         }
     };
-    var onDragLeave = function () {
+    const onDragLeave = () => {
         setDragOver(false);
     };
-    var onFileDelete = function () {
+    const onFileDelete = () => {
         setFile(undefined);
         setPreview(true);
         onChange === null || onChange === void 0 ? void 0 : onChange(null);
     };
-    var onPreviewError = function () {
+    const onPreviewError = () => {
         setPreview(false);
     };
     return {
-        onDropFile: onDropFile,
-        onFileChange: onFileChange,
-        onDragOver: onDragOver,
-        onDragLeave: onDragLeave,
-        onFileDelete: onFileDelete,
-        onPreviewError: onPreviewError,
-        file: file,
-        isPreview: isPreview,
-        isDragOver: isDragOver
+        onDropFile,
+        onFileChange,
+        onDragOver,
+        onDragLeave,
+        onFileDelete,
+        onPreviewError,
+        file,
+        isPreview,
+        isDragOver
     };
 };
 

package/build/esm/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;"}
+{"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;"}

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

@@ -1,13 +1,13 @@
-var getAcceptFilesParametersFromAllowedExtensions = function (allowedExtensions) {
-    var extraContent = [];
-    if (allowedExtensions.some(function (allowedExtension) { return allowedExtension.toLowerCase() === 'png'; })) {
+const getAcceptFilesParametersFromAllowedExtensions = (allowedExtensions) => {
+    const extraContent = [];
+    if (allowedExtensions.some((allowedExtension) => allowedExtension.toLowerCase() === 'png')) {
         extraContent.push('image/png');
     }
-    var joinedExtensions = allowedExtensions
-        .map(function (allowedExtensions) { return allowedExtensions.toLowerCase(); })
-        .map(function (allowedExtension) { return (allowedExtension.indexOf('.') < 0 ? ".".concat(allowedExtension) : allowedExtension); })
+    const joinedExtensions = allowedExtensions
+        .map((allowedExtensions) => allowedExtensions.toLowerCase())
+        .map((allowedExtension) => (allowedExtension.indexOf('.') < 0 ? `.${allowedExtension}` : allowedExtension))
         .join(',');
-    return extraContent ? "".concat(joinedExtensions, ",").concat(extraContent.join(',')) : joinedExtensions;
+    return extraContent ? `${joinedExtensions},${extraContent.join(',')}` : joinedExtensions;
 };
 
 export { getAcceptFilesParametersFromAllowedExtensions };

package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js

@@ -6,25 +6,24 @@ import cssClasses from '../../../css/flash_message/main.module.less.js';
 import { useFlashMessenger } from '../context.js';
 import MessageBox from '../../message-box/index.js';
 
-var FlashMessage = function (_a) {
-    var message = _a.message;
-    var _b = useFlashMessenger(), removeMessage = _b.removeMessage, hideMessage = _b.hideMessage;
-    useEffect(function () {
-        setTimeout(function () {
+const FlashMessage = ({ message }) => {
+    const { removeMessage, hideMessage } = useFlashMessenger();
+    useEffect(() => {
+        setTimeout(() => {
             hideMessage(message.id);
         }, message.timeout || 3000);
     }, []);
-    return (React.createElement(CSSTransition, { timeout: 250, in: message.isVisible, onExited: function () { return removeMessage(message.id); }, classNames: {
+    return (React.createElement(CSSTransition, { timeout: 250, in: message.isVisible, onExited: () => removeMessage(message.id), classNames: {
             enter: cssClasses['flash-messenger__list_enter'],
             exitDone: cssClasses['flash-messenger__list_exit-done'],
             exitActive: cssClasses['flash-messenger__list_exit-active']
         } },
-        React.createElement(MessageBox, { type: message.type, className: "".concat(cssClasses['flash-messenger__message'], " ").concat(cssClasses['flash-messenger__list-item']) },
+        React.createElement(MessageBox, { type: message.type, className: `${cssClasses['flash-messenger__message']} ${cssClasses['flash-messenger__list-item']}` },
             React.createElement(Grid.Row, null,
                 React.createElement(Grid.Col, { auto: "grow" },
                     React.createElement("div", null, message.content)),
                 React.createElement(Grid.Col, { auto: "auto" },
-                    React.createElement(IconClose, { onClick: function () { return hideMessage(message.id); }, className: cssClasses['flash-messenger__icon-close'] }))))));
+                    React.createElement(IconClose, { onClick: () => hideMessage(message.id), className: cssClasses['flash-messenger__icon-close'] }))))));
 };
 
 export default FlashMessage;

package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_messages_list.js

@@ -3,15 +3,12 @@ import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cssClasses from '../../../css/flash_message/main.module.less.js';
 import FlashMessage from './flash_message.js';
 
-var FlashMessagesList = function (_a) {
-    var messages = _a.messages;
-    return (React.createElement(TransitionGroup, { className: cssClasses['flash-messenger'] }, messages.map(function (message) { return (React.createElement(CSSTransition, { timeout: 500, key: message.id, in: !!message, classNames: {
-            enter: cssClasses['flash-messenger__list_enter'],
-            exitDone: cssClasses['flash-messenger__list_exit-done'],
-            exitActive: cssClasses['flash-messenger__list_exit-active']
-        } },
-        React.createElement(FlashMessage, { message: message, key: message.id }))); })));
-};
+const FlashMessagesList = ({ messages }) => (React.createElement(TransitionGroup, { className: cssClasses['flash-messenger'] }, messages.map((message) => (React.createElement(CSSTransition, { timeout: 500, key: message.id, in: !!message, classNames: {
+        enter: cssClasses['flash-messenger__list_enter'],
+        exitDone: cssClasses['flash-messenger__list_exit-done'],
+        exitActive: cssClasses['flash-messenger__list_exit-active']
+    } },
+    React.createElement(FlashMessage, { message: message, key: message.id }))))));
 
 export default FlashMessagesList;
 //# sourceMappingURL=flash_messages_list.js.map

package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_messages_list.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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/flash_messenger/context.js

@@ -1,8 +1,8 @@
 import { createContext, useContext } from 'react';
 
-var FlashMessengerContext = createContext(null);
-var useFlashMessenger = function () {
-    var context = useContext(FlashMessengerContext);
+const FlashMessengerContext = createContext(null);
+const useFlashMessenger = () => {
+    const context = useContext(FlashMessengerContext);
     if (context === null) {
         throw 'FlashMessengerContext is not provided';
     }

package/build/esm/packages/aurora/src/components/flash_messenger/index.js

@@ -1,42 +1,37 @@
 import React, { useState } from 'react';
-import { __spreadArray, __assign } from '../../../../../_virtual/_tslib.js';
 import { FlashMessengerContext } from './context.js';
 import FlashMessagesList from './components/flash_messages_list.js';
 
-var FlashMessenger = function (_a) {
-    var children = _a.children;
-    var _b = useState([]), messages = _b[0], setMessages = _b[1];
-    var _c = useState(0), messageCounter = _c[0], setMessageCounter = _c[1];
-    var addMessage = function (_a) {
-        var content = _a.content, type = _a.type, timeout = _a.timeout;
-        setMessageCounter(function (i) { return i + 1; });
-        setMessages(function (prevMessages) { return __spreadArray([
+const FlashMessenger = ({ children }) => {
+    const [messages, setMessages] = useState([]);
+    const [messageCounter, setMessageCounter] = useState(0);
+    const addMessage = ({ content, type, timeout }) => {
+        setMessageCounter((i) => i + 1);
+        setMessages((prevMessages) => [
             {
-                content: content,
-                type: type,
-                timeout: timeout,
-                id: "flash-message-".concat(messageCounter),
+                content,
+                type,
+                timeout,
+                id: `flash-message-${messageCounter}`,
                 isVisible: true
-            }
-        ], prevMessages, true); });
+            },
+            ...prevMessages
+        ]);
     };
-    var removeMessage = function (messageId) {
-        setMessages(function (prevMessages) { return prevMessages.filter(function (_a) {
-            var id = _a.id;
-            return id !== messageId;
-        }); });
+    const removeMessage = (messageId) => {
+        setMessages((prevMessages) => prevMessages.filter(({ id }) => id !== messageId));
     };
-    var hideMessage = function (messageId) {
-        setMessages(function (prevMessages) {
-            return prevMessages.reduce(function (memo, prevMessage) {
+    const hideMessage = (messageId) => {
+        setMessages((prevMessages) => {
+            return prevMessages.reduce((memo, prevMessage) => {
                 if (prevMessage.id === messageId) {
-                    return __spreadArray(__spreadArray([], memo, true), [__assign(__assign({}, prevMessage), { isVisible: false })], false);
+                    return [...memo, { ...prevMessage, isVisible: false }];
                 }
-                return __spreadArray(__spreadArray([], memo, true), [prevMessage], false);
+                return [...memo, prevMessage];
             }, []);
         });
     };
-    return (React.createElement(FlashMessengerContext.Provider, { value: { addMessage: addMessage, removeMessage: removeMessage, hideMessage: hideMessage } },
+    return (React.createElement(FlashMessengerContext.Provider, { value: { addMessage, removeMessage, hideMessage } },
         children,
         React.createElement(FlashMessagesList, { messages: messages })));
 };

package/build/esm/packages/aurora/src/components/flash_messenger/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;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;"}