@dreamcommerce/aurora 0.3.24 → 0.3.25

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

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../../_virtual/_tslib.js');
+
+/**
+ * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as
+ * selected/unselected You can use is for multiselect or any other form of control which needs multiple selectable
+ * values
+ * @param {React.RefObject<HTMLElement>} wrapperRef
+ * @param {Array<ISelectOption>} options
+ * @param {Array<string>} defaultValues
+ * @param {Function} onChangeCb
+ *
+ * @fires dropdown:change
+ *
+ * @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 = React.useState(defaultSelectedOptions), selectedValues = _a[0], setSelectedValue = _a[1];
+    /**
+     * 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 = React.useCallback(function (selectedOption) {
+        setSelectedValue(function (previousSelectedOptions) {
+            var _a;
+            var allSelectedOptions;
+            var isChecked;
+            if (previousSelectedOptions && (previousSelectedOptions === null || previousSelectedOptions === void 0 ? void 0 : previousSelectedOptions.indexOf(selectedOption)) >= 0) {
+                allSelectedOptions = previousSelectedOptions.filter(function (option) { return option.value !== selectedOption.value; });
+                isChecked = false;
+            }
+            else {
+                allSelectedOptions = _tslib.__spreadArray(_tslib.__spreadArray([], previousSelectedOptions, true), [selectedOption], false);
+                isChecked = true;
+            }
+            if (typeof onChangeCb === 'function') {
+                onChangeCb(selectedOption, isChecked, allSelectedOptions);
+                var event_1 = new CustomEvent('dropdown:change', {
+                    detail: {
+                        selectedOption: selectedOption,
+                        isChecked: isChecked,
+                        allSelectedOptions: allSelectedOptions
+                    }
+                });
+                (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
+            }
+            return allSelectedOptions;
+        });
+    }, [onChangeCb, wrapperRef]);
+    return [selectedValues, setSelectedValues];
+}
+/**
+ * dropdown:change event
+ *
+ * @event dropdown:change
+ * @type {object}
+ * @property {ISelectOption} selectedOption selected option
+ * @property {boolean} isChecked indicates whether the current option is selected
+ * @property {Array<ISelectOption>} allSelectedOptions array of all selected options
+ */
+
+exports.useValues = useValues;
+//# sourceMappingURL=use_values.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('./context/index.js');
+var main_module = require('../../css/dropdown/main.module.less.js');
+var content = require('./components/content.js');
+var custom_label = require('./components/custom_label.js');
+var header = require('./components/header.js');
+var item = require('./components/item.js');
+var item_with_hover = require('./components/item_with_hover.js');
+var label = require('./components/label.js');
+var link = require('./components/link.js');
+var list = require('./components/list.js');
+var option = require('./components/option.js');
+var option_multiple = require('./components/option_multiple.js');
+var search = require('./components/search.js');
+var select = require('./components/select.js');
+var use_toggle = require('./hooks/use_toggle.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
+ * selects, multiselects or dropdowns.
+ *
+ * @component
+ * @example
+ * return (
+ *  <Dropdown>
+ *      <Dropdown.Label label="Wybierz link" />
+ *      <Dropdown.Content>
+ *          <Dropdown.List>
+ *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
+ *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
+ *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
+ *          </Dropdown.List>
+ *      </Dropdown.Content>
+ *  <Dropdown>
+ * )
+ */
+var Dropdown = function (_a) {
+    var _b = _a.defaultIsOpen, defaultIsOpen = _b === void 0 ? false : _b, onToggle = _a.onToggle, children = _a.children;
+    var wrapperRef = React.useRef(null);
+    var _c = use_toggle.useToggle(defaultIsOpen, onToggle), isOpen = _c[0], toggleDropdown = _c[1];
+    /**
+     * context values, they may be used with useContext in any component which is part of Dropdown composition
+     */
+    var value = React__default['default'].useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
+    return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
+        React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'].dropdown }, children)));
+};
+Dropdown.Select = select['default'];
+Dropdown.Content = content['default'];
+Dropdown.ItemWithHover = item_with_hover['default'];
+Dropdown.Search = search['default'];
+Dropdown.List = list['default'];
+Dropdown.Header = header['default'];
+Dropdown.Option = option['default'];
+Dropdown.OptionMultiple = option_multiple['default'];
+Dropdown.Link = link['default'];
+Dropdown.Label = label['default'];
+Dropdown.CustomLabel = custom_label['default'];
+Dropdown.Item = item['default'];
+
+exports.default = Dropdown;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+var css_classes = require('./css_classes.js');
+var main_module = require('../../css/dropdown/main.module.less.js');
+var fuzzy_search = require('../../utilities/fuzzy_search/fuzzy_search.js');
+var main_module$1 = require('../../css/modal/main.module.less.js');
+
+/**
+ * checks if the given option is selected within array of selectedValues array
+ * @param {ISelectOption} option select/multiselect option
+ * @param {Array<ISelectOption>} selectedValues array of selected values
+ * @returns {Boolean}
+ */
+var isSelected = function (option, selectedValues) { return 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
+ * @param {ISelectOption} option - option that was clicked
+ * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
+ * @param {Function} setSelectedValues - selected values state setter
+ * @param {Function} toggleDropdown - method which toggles dropdown
+ */
+var handleItemClick = function (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) {
+    setSelectedValues(option);
+    if (defaultCloseOnClick === true) {
+        toggleDropdown();
+    }
+};
+/**
+ * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with
+ * filtered results
+ * @param {React.KeyboardEvent} ev react keyboard event
+ * @param {Array<ISelectOption>} options list of dropdown options to filter
+ * @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; });
+};
+var getXYModifiersForNestedDropdowns = function (portalContainer) {
+    var xModifier = 0;
+    var yModifier = 0;
+    if (portalContainer) {
+        var $parentDropdownContent = portalContainer.closest(".".concat(main_module['default'][css_classes.cssDropdownContent]));
+        if ($parentDropdownContent) {
+            var _a = $parentDropdownContent.getBoundingClientRect(), portalX = _a.x, portalY = _a.y;
+            xModifier = portalX;
+            yModifier = portalY;
+        }
+    }
+    return {
+        xModifier: xModifier,
+        yModifier: yModifier
+    };
+};
+var isChildOfModal = function (ref) {
+    var _a;
+    var 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;
+        }
+        currentParent = currentParent === null || currentParent === void 0 ? void 0 : currentParent.parentElement;
+    }
+    return false;
+};
+
+exports.getXYModifiersForNestedDropdowns = getXYModifiersForNestedDropdowns;
+exports.handleItemClick = handleItemClick;
+exports.handleSearchKeyUp = handleSearchKeyUp;
+exports.isChildOfModal = isChildOfModal;
+exports.isSelected = isSelected;
+//# sourceMappingURL=utilities.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var reactJss_esm = require('../../../../../../external/react-jss/dist/react-jss.esm.js');
+var with_translation = require('../../../utilities/translation/with_translation.js');
+var main_module = require('../../../css/file_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var icon_upload = require('../../../assets/icon_upload.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var 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');
+        },
+        '& *': {
+            color: function (_a) {
+                var isDragOver = _a.isDragOver;
+                return (isDragOver ? '#ffffff' : '#6fb9f7');
+            },
+            // @ts-ignore
+            fill: function (_a) {
+                var isDragOver = _a.isDragOver;
+                return (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 });
+    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'].filePickerDescription] },
+                t('Drag file or select'),
+                " (",
+                t('format'),
+                " ",
+                allowedExtensions.join(', '),
+                ")"))));
+};
+var FileInput$1 = with_translation['default'](FileInput);
+
+exports.default = FileInput$1;
+//# sourceMappingURL=file_input.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,26 @@
+'use strict';
+
+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');
+
+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];
+    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'))),
+        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 }))));
+};
+
+exports.default = SelectedFilePreview;
+//# sourceMappingURL=selected_file_preview.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,17 @@
+'use strict';
+
+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',
+    filePickerDeleteIcon: 'file-picker__delete-icon',
+    filePickerInput: 'file-picker__input',
+    filePickerSelectedFile: 'file-picker__selected-file',
+    filePickerSelectedFileDescription: 'file-picker__selected-file-description'
+};
+
+exports.default = CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../css/file_picker/main.module.less.js');
+var css_classes = require('./css_classes.js');
+var selected_file_preview = require('./components/selected_file_preview.js');
+var file_input = require('./components/file_input.js');
+var use_file_picker = require('./use_file_picker.js');
+var utils = require('./utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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);
+    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 })));
+};
+
+exports.default = FilePicker;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,72 @@
+'use strict';
+
+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 () {
+        setFile(initialFile);
+    }, [initialFile]);
+    var onDropFile = function (event) {
+        event.stopPropagation();
+        event.preventDefault();
+        var files = event.dataTransfer.files;
+        setDragOver(false);
+        updateFile(files);
+    };
+    var onFileChange = function (_a) {
+        var files = _a.target.files;
+        updateFile(files);
+    };
+    var updateFile = function (files) {
+        if (files) {
+            setFile({
+                fileName: files === null || files === void 0 ? void 0 : files[0].name,
+                fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
+            });
+        }
+        else {
+            setFile(undefined);
+        }
+        setPreview(true);
+        onChange === null || onChange === void 0 ? void 0 : onChange(files);
+    };
+    var onDragOver = function (event) {
+        event.stopPropagation();
+        event.preventDefault();
+        event.dataTransfer.dropEffect = 'copy';
+        if (!isDragOver) {
+            setDragOver(true);
+        }
+    };
+    var onDragLeave = function () {
+        setDragOver(false);
+    };
+    var onFileDelete = function () {
+        setFile(undefined);
+        setPreview(true);
+        onChange === null || onChange === void 0 ? void 0 : onChange(null);
+    };
+    var onPreviewError = function () {
+        setPreview(false);
+    };
+    return {
+        onDropFile: onDropFile,
+        onFileChange: onFileChange,
+        onDragOver: onDragOver,
+        onDragLeave: onDragLeave,
+        onFileDelete: onFileDelete,
+        onPreviewError: onPreviewError,
+        file: file,
+        isPreview: isPreview,
+        isDragOver: isDragOver
+    };
+};
+
+exports.useFilePicker = useFilePicker;
+//# sourceMappingURL=use_file_picker.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getAcceptFilesParametersFromAllowedExtensions = function (allowedExtensions) {
+    var extraContent = [];
+    if (allowedExtensions.some(function (allowedExtension) { return 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); })
+        .join(',');
+    return extraContent ? "".concat(joinedExtensions, ",").concat(extraContent.join(',')) : joinedExtensions;
+};
+
+exports.getAcceptFilesParametersFromAllowedExtensions = getAcceptFilesParametersFromAllowedExtensions;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var index$1 = require('../../grid/index.js');
+var icon_close = require('../../../assets/icon_close.js');
+var main_module = require('../../../css/flash_message/main.module.less.js');
+var context = require('../context.js');
+var index = require('../../message-box/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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 () {
+            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: {
+            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$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'] }))))));
+};
+
+exports.default = FlashMessage;
+//# sourceMappingURL=flash_message.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var main_module = require('../../../css/flash_message/main.module.less.js');
+var flash_message = require('./flash_message.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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 }))); })));
+};
+
+exports.default = FlashMessagesList;
+//# sourceMappingURL=flash_messages_list.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var FlashMessengerContext = React.createContext(null);
+var useFlashMessenger = function () {
+    var context = React.useContext(FlashMessengerContext);
+    if (context === null) {
+        throw 'FlashMessengerContext is not provided';
+    }
+    return context;
+};
+
+exports.FlashMessengerContext = FlashMessengerContext;
+exports.useFlashMessenger = useFlashMessenger;
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,53 @@
+'use strict';
+
+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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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([
+            {
+                content: content,
+                type: type,
+                timeout: timeout,
+                id: "flash-message-".concat(messageCounter),
+                isVisible: true
+            }
+        ], prevMessages, true); });
+    };
+    var removeMessage = function (messageId) {
+        setMessages(function (prevMessages) { return prevMessages.filter(function (_a) {
+            var id = _a.id;
+            return id !== messageId;
+        }); });
+    };
+    var hideMessage = function (messageId) {
+        setMessages(function (prevMessages) {
+            return prevMessages.reduce(function (memo, prevMessage) {
+                if (prevMessage.id === messageId) {
+                    return _tslib.__spreadArray(_tslib.__spreadArray([], memo, true), [_tslib.__assign(_tslib.__assign({}, prevMessage), { isVisible: false })], false);
+                }
+                return _tslib.__spreadArray(_tslib.__spreadArray([], memo, true), [prevMessage], false);
+            }, []);
+        });
+    };
+    return (React__default['default'].createElement(context.FlashMessengerContext.Provider, { value: { addMessage: addMessage, removeMessage: removeMessage, hideMessage: hideMessage } },
+        children,
+        React__default['default'].createElement(flash_messages_list['default'], { messages: messages })));
+};
+
+exports.default = FlashMessenger;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}