@dreamcommerce/aurora 0.4.4 → 0.4.7

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

@@ -14,7 +14,7 @@ var main_module$1 = require('../../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
@@ -23,7 +23,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();
@@ -37,31 +37,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 = fuzzy_search.fuzzySearch(searchQuery, options, 'text');
-    setOptionsList(function () { return filteredOptions; });
+const handleSearchKeyUp = (ev, options, setOptionsList) => {
+    const $input = ev.target;
+    const searchQuery = $input.value;
+    const filteredOptions = fuzzy_search.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(main_module['default'][css_classes.cssDropdownContent]));
+        const $parentDropdownContent = portalContainer.closest(`.${main_module['default'][css_classes.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(main_module$1['default']['modal-window'])) {
             return true;

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

@@ -14,36 +14,24 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var useStyles = reactJss_esm.createUseStyles({
+const useStyles = reactJss_esm.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.useTranslation()[0];
-    var classes = useStyles({ isDragOver: isDragOver });
+const FileInput = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {
+    const [t] = useTranslation.useTranslation();
+    const classes = useStyles({ isDragOver });
     return (React__default['default'].createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave },
-        React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes['default'].filePicker], " ").concat(classes.filePicker) },
-            React__default['default'].createElement(icon_upload['default'], { className: main_module['default'][css_classes['default'].filePickerUploadIcon] }),
+        React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].filePicker]} ${classes.filePicker}` },
+            React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedImage] },
+                React__default['default'].createElement(icon_upload['default'], { className: main_module['default'][css_classes['default'].filePickerUploadIcon] })),
             React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerDescription] },
                 t('Drag file or select'),
                 " (",

package/build/cjs/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;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/selected_file_preview.js

@@ -5,21 +5,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var main_module = require('../../../css/file_picker/main.module.less.js');
-var icon_delete = require('../../../assets/icon_delete.js');
 var css_classes = require('../css_classes.js');
+var file_utils = require('../../../../../utilities/build/esm/file_utils.js');
+var icon_delete = require('../../../assets/icon_delete.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var SelectedFilePreview = function (_a) {
-    var file = _a.file, isPreview = _a.isPreview, onPreviewError = _a.onPreviewError, onFileDelete = _a.onFileDelete;
-    var t = useTranslation.useTranslation()[0];
+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("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'))),
+        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("p", { className: main_module['default'][css_classes['default'].filePickerSelectedFileDescription] }, file === null || file === void 0 ? void 0 : file.fileName),
-            React__default['default'].createElement(icon_delete['default'], { className: main_module['default'][css_classes['default'].filePickerDeleteIcon], onClick: onFileDelete }))));
+            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 && file_utils.FileUtils.getFileName(fileFullName)),
+                    fileFullName && `.${file_utils.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')))))));
 };
 
 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;"}
+{"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;"}

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

@@ -7,10 +7,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'
 };
 
 exports.default = CSS_CLASSES;

package/build/cjs/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;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;"}

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

@@ -14,13 +14,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 = use_file_picker.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 = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
+const FilePicker = ({ id, onChange, allowedExtensions = ['WEBP', 'JPG', 'PNG', 'GIF'], initialFile, name, className = '' }) => {
+    const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, isPreview, isDragOver } = use_file_picker.useFilePicker({
+        initialFile,
+        onChange
+    });
+    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, type: "file", name: name, className: main_module['default'][css_classes['default'].filePickerInput], accept: acceptFiles })));

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;"}
+{"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;"}

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

@@ -4,26 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var useFilePicker = function (_a) {
-    var onChange = _a.onChange, initialFile = _a.initialFile;
-    var _b = React.useState(initialFile), file = _b[0], setFile = _b[1];
-    var _c = React.useState(false), isDragOver = _c[0], setDragOver = _c[1];
-    var _d = React.useState(true), isPreview = _d[0], setPreview = _d[1];
-    React.useEffect(function () {
+const useFilePicker = ({ onChange, initialFile }) => {
+    const [file, setFile] = React.useState(initialFile);
+    const [isDragOver, setDragOver] = React.useState(false);
+    const [isPreview, setPreview] = React.useState(true);
+    React.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,
@@ -36,7 +34,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';
@@ -44,27 +42,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/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;"}
+{"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;"}

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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;
 };
 
 exports.getAcceptFilesParametersFromAllowedExtensions = getAcceptFilesParametersFromAllowedExtensions;

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

@@ -14,25 +14,24 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var FlashMessage = function (_a) {
-    var message = _a.message;
-    var _b = context.useFlashMessenger(), removeMessage = _b.removeMessage, hideMessage = _b.hideMessage;
-    React.useEffect(function () {
-        setTimeout(function () {
+const FlashMessage = ({ message }) => {
+    const { removeMessage, hideMessage } = context.useFlashMessenger();
+    React.useEffect(() => {
+        setTimeout(() => {
             hideMessage(message.id);
         }, message.timeout || 3000);
     }, []);
-    return (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 250, in: message.isVisible, onExited: function () { return removeMessage(message.id); }, classNames: {
+    return (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 250, in: message.isVisible, onExited: () => removeMessage(message.id), classNames: {
             enter: main_module['default']['flash-messenger__list_enter'],
             exitDone: main_module['default']['flash-messenger__list_exit-done'],
             exitActive: main_module['default']['flash-messenger__list_exit-active']
         } },
-        React__default['default'].createElement(index['default'], { type: message.type, className: "".concat(main_module['default']['flash-messenger__message'], " ").concat(main_module['default']['flash-messenger__list-item']) },
+        React__default['default'].createElement(index['default'], { type: message.type, className: `${main_module['default']['flash-messenger__message']} ${main_module['default']['flash-messenger__list-item']}` },
             React__default['default'].createElement(index$1['default'].Row, null,
                 React__default['default'].createElement(index$1['default'].Col, { auto: "grow" },
                     React__default['default'].createElement("div", null, message.content)),
                 React__default['default'].createElement(index$1['default'].Col, { auto: "auto" },
-                    React__default['default'].createElement(icon_close['default'], { onClick: function () { return hideMessage(message.id); }, className: main_module['default']['flash-messenger__icon-close'] }))))));
+                    React__default['default'].createElement(icon_close['default'], { onClick: () => hideMessage(message.id), className: main_module['default']['flash-messenger__icon-close'] }))))));
 };
 
 exports.default = FlashMessage;

package/build/cjs/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;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;"}

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

@@ -11,15 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var FlashMessagesList = function (_a) {
-    var messages = _a.messages;
-    return (React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { className: main_module['default']['flash-messenger'] }, messages.map(function (message) { return (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 500, key: message.id, in: !!message, classNames: {
-            enter: main_module['default']['flash-messenger__list_enter'],
-            exitDone: main_module['default']['flash-messenger__list_exit-done'],
-            exitActive: main_module['default']['flash-messenger__list_exit-active']
-        } },
-        React__default['default'].createElement(flash_message['default'], { message: message, key: message.id }))); })));
-};
+const FlashMessagesList = ({ messages }) => (React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { className: main_module['default']['flash-messenger'] }, messages.map((message) => (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 500, key: message.id, in: !!message, classNames: {
+        enter: main_module['default']['flash-messenger__list_enter'],
+        exitDone: main_module['default']['flash-messenger__list_exit-done'],
+        exitActive: main_module['default']['flash-messenger__list_exit-active']
+    } },
+    React__default['default'].createElement(flash_message['default'], { message: message, key: message.id }))))));
 
 exports.default = FlashMessagesList;
 //# sourceMappingURL=flash_messages_list.js.map

package/build/cjs/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;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;"}

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var FlashMessengerContext = React.createContext(null);
-var useFlashMessenger = function () {
-    var context = React.useContext(FlashMessengerContext);
+const FlashMessengerContext = React.createContext(null);
+const useFlashMessenger = () => {
+    const context = React.useContext(FlashMessengerContext);
     if (context === null) {
         throw 'FlashMessengerContext is not provided';
     }

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _tslib = require('../../../../../_virtual/_tslib.js');
 var context = require('./context.js');
 var flash_messages_list = require('./components/flash_messages_list.js');
 
@@ -11,40 +10,36 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var FlashMessenger = function (_a) {
-    var children = _a.children;
-    var _b = React.useState([]), messages = _b[0], setMessages = _b[1];
-    var _c = React.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 _tslib.__spreadArray([
+const FlashMessenger = ({ children }) => {
+    const [messages, setMessages] = React.useState([]);
+    const [messageCounter, setMessageCounter] = React.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 _tslib.__spreadArray(_tslib.__spreadArray([], memo, true), [_tslib.__assign(_tslib.__assign({}, prevMessage), { isVisible: false })], false);
+                    return [...memo, { ...prevMessage, isVisible: false }];
                 }
-                return _tslib.__spreadArray(_tslib.__spreadArray([], memo, true), [prevMessage], false);
+                return [...memo, prevMessage];
             }, []);
         });
     };
-    return (React__default['default'].createElement(context.FlashMessengerContext.Provider, { value: { addMessage: addMessage, removeMessage: removeMessage, hideMessage: hideMessage } },
+    return (React__default['default'].createElement(context.FlashMessengerContext.Provider, { value: { addMessage, removeMessage, hideMessage } },
         children,
         React__default['default'].createElement(flash_messages_list['default'], { messages: messages })));
 };

package/build/cjs/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;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;"}

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var GALLERY_MODE = {
+const GALLERY_MODE = {
     maxImage: 'maxImage',
     shortestEdge: 'shortestEdge',
     fullScreen: 'fullScreen'
 };
-var JS_CLASSES = {
+const JS_CLASSES = {
     newGallery: 'js__gallery_new',
     anchorImage: 'js__gallery-anchor-image',
     image: 'js__gallery-image',
@@ -22,7 +22,7 @@ var JS_CLASSES = {
     lastTemporaryContainer: 'js__gallery-temporary-image-container_last',
     close: ''
 };
-var DIMENSIONS_TYPE = {
+const DIMENSIONS_TYPE = {
     initial: 'initial',
     real: 'real'
 };

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

@@ -2,39 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var cssGallery = 'gallery';
-var cssGalleryMobile = "".concat(cssGallery, "_mobile");
-var cssGalleryBar = "".concat(cssGallery, "-bar");
-var cssGalleryBarImageNumbers = "".concat(cssGalleryBar, "__image-numbers");
-var cssGalleryBarImageDescription = "".concat(cssGalleryBar, "__image-description");
-var cssGalleryBarCopyLink = "".concat(cssGalleryBar, "__copy-link");
-var cssGalleryBarCopyLinkConfirmation = "".concat(cssGalleryBarCopyLink, "_confirmation");
-var cssGalleryBarCopyLinkConfirmationText = "".concat(cssGalleryBarCopyLink, "_confirmation-text");
-var cssGalleryBarImageClose = "".concat(cssGalleryBar, "__image-close");
-var cssGalleryImages = "".concat(cssGallery, "__images");
-var cssGalleryImagesWithTransition = "".concat(cssGallery, "__images_with-transition");
-var cssGalleryImagesContainer = "".concat(cssGalleryImages, "-container");
-var cssGalleryImage = "".concat(cssGallery, "__image");
-var cssGalleryImageContainer = "".concat(cssGalleryImage, "-container");
-var cssGalleryImageAdjusted = "".concat(cssGalleryImage, "_adjusted");
-var cssGalleryImageMaxWidth = "".concat(cssGalleryImage, "_max-width");
-var cssGalleryImageMaxHeight = "".concat(cssGalleryImage, "_max-height");
-var cssIcon = 'icon';
-var cssIconArrow = "".concat(cssIcon, "-arrow");
-var cssIconArrowContainer = "".concat(cssIconArrow, "-container");
-var cssIconArrowContainerPrevious = "".concat(cssIconArrowContainer, "_previous");
-var cssIconArrowContainerNext = "".concat(cssIconArrowContainer, "_next");
-var cssIconArrowRotate180 = "".concat(cssIconArrow, "_rotate-180");
-var cssIconClose = "".concat(cssIcon, "-close");
-var cssIconLink = "".concat(cssIcon, "-link");
-var cssIconSuccess = "".concat(cssIcon, "-success");
-var cssLoaderMask = 'loader__mask';
-var cssHide = 'hide';
-var cssHideMobile = 'hide_mobile';
-var cssHideDesktop = 'hide_desktop';
-var cssZoomIn = 'zoom-in';
-var cssZoomOut = 'zoom-out';
-var cssGrabbing = 'grabbing';
+const cssGallery = 'gallery';
+const cssGalleryMobile = `${cssGallery}_mobile`;
+const cssGalleryBar = `${cssGallery}-bar`;
+const cssGalleryBarImageNumbers = `${cssGalleryBar}__image-numbers`;
+const cssGalleryBarImageDescription = `${cssGalleryBar}__image-description`;
+const cssGalleryBarCopyLink = `${cssGalleryBar}__copy-link`;
+const cssGalleryBarCopyLinkConfirmation = `${cssGalleryBarCopyLink}_confirmation`;
+const cssGalleryBarCopyLinkConfirmationText = `${cssGalleryBarCopyLink}_confirmation-text`;
+const cssGalleryBarImageClose = `${cssGalleryBar}__image-close`;
+const cssGalleryImages = `${cssGallery}__images`;
+const cssGalleryImagesWithTransition = `${cssGallery}__images_with-transition`;
+const cssGalleryImagesContainer = `${cssGalleryImages}-container`;
+const cssGalleryImage = `${cssGallery}__image`;
+const cssGalleryImageContainer = `${cssGalleryImage}-container`;
+const cssGalleryImageAdjusted = `${cssGalleryImage}_adjusted`;
+const cssGalleryImageMaxWidth = `${cssGalleryImage}_max-width`;
+const cssGalleryImageMaxHeight = `${cssGalleryImage}_max-height`;
+const cssIcon = 'icon';
+const cssIconArrow = `${cssIcon}-arrow`;
+const cssIconArrowContainer = `${cssIconArrow}-container`;
+const cssIconArrowContainerPrevious = `${cssIconArrowContainer}_previous`;
+const cssIconArrowContainerNext = `${cssIconArrowContainer}_next`;
+const cssIconArrowRotate180 = `${cssIconArrow}_rotate-180`;
+const cssIconClose = `${cssIcon}-close`;
+const cssIconLink = `${cssIcon}-link`;
+const cssIconSuccess = `${cssIcon}-success`;
+const cssLoaderMask = 'loader__mask';
+const cssHide = 'hide';
+const cssHideMobile = 'hide_mobile';
+const cssHideDesktop = 'hide_desktop';
+const cssZoomIn = 'zoom-in';
+const cssZoomOut = 'zoom-out';
+const cssGrabbing = 'grabbing';
 
 exports.cssGallery = cssGallery;
 exports.cssGalleryBar = cssGalleryBar;