@dreamcommerce/aurora 2.5.3-3 → 2.5.4

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

@@ -6,9 +6,9 @@ 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');
-var main_module = require('../../../css/file_picker/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var utilities = require('@dreamcommerce/utilities');
-var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/file_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
 var icon_delete = require('../../../assets/icon_delete.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -3,28 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var css_classes = require('./css_classes.js');
 var main_module = require('../../css/file_picker/main.module.less.js');
-var file_input = require('./components/file_input.js');
+var css_classes = require('./css_classes.js');
 var selected_file_preview = require('./components/selected_file_preview.js');
-var utils = require('./utils.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);
 
 const FilePicker = ({ id, onChange, allowedExtensions = ['WEBP', 'JPG', 'PNG', 'GIF'], initialFile, name, className = '' }) => {
-    const inputRef = React.createRef();
     const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, isPreview, isDragOver } = use_file_picker.useFilePicker({
         initialFile,
-        onChange,
-        inputRef
+        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, ref: inputRef, type: "file", name: name, className: main_module['default'][css_classes['default'].filePickerInput], accept: acceptFiles })));
+        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;

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var constants = require('./constants.js');
 
-const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef }) => {
+const useFilePicker = ({ onChange, initialFile }) => {
     const [file, setFile] = React.useState(initialFile);
-    const [errors, setErrors] = React.useState([]);
     const [isDragOver, setDragOver] = React.useState(false);
     const [isPreview, setPreview] = React.useState(true);
-    const [isVectorImage, setIsVectorImage] = React.useState(false);
     React.useEffect(() => {
         setFile(initialFile);
     }, [initialFile]);
@@ -18,49 +15,9 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef }) =
         event.stopPropagation();
         event.preventDefault();
         const { dataTransfer: { files } } = event;
-        setFileFormatError(checkIfFileIsInCorrectFormat(allowedExtensions, files[0].type));
-        checkIfImageIsVector(files[0].type);
         setDragOver(false);
         updateFile(files);
     };
-    const checkIfFileIsInCorrectFormat = (allowedExtensions, fileType) => {
-        if (!allowedExtensions)
-            return;
-        const fileExtension = getFileExtension(fileType);
-        let formatIsCorrect;
-        if (Array.isArray(fileExtension)) {
-            formatIsCorrect = allowedExtensions.some((extension) => fileExtension.includes(extension.toLowerCase()));
-        }
-        else {
-            formatIsCorrect = allowedExtensions === null || allowedExtensions === void 0 ? void 0 : allowedExtensions.some((extension) => {
-                return extension.toLowerCase() === fileExtension.toLowerCase();
-            });
-        }
-        return formatIsCorrect;
-    };
-    const setFileFormatError = (isFileFormatCorrect) => {
-        if (!isFileFormatCorrect) {
-            setErrors([...errors, constants.FILE_PICKER_ERROR.invalidFileFormat]);
-        }
-        else {
-            setErrors([]);
-        }
-    };
-    const getFileExtension = (fileType) => {
-        const substringIndex = fileType.lastIndexOf('/');
-        const fileExtension = fileType.substring(substringIndex + 1);
-        if (fileExtension === constants.JPG_EXTENSION || fileExtension === constants.JPEG_EXTENSION) {
-            return [constants.JPG_EXTENSION, constants.JPEG_EXTENSION];
-        }
-        else if (fileExtension === constants.SVG_MIME_TYPE) {
-            return constants.SVG_EXTENSION;
-        }
-        return fileExtension;
-    };
-    const checkIfImageIsVector = (fileType) => {
-        const fileExtenstion = getFileExtension(fileType);
-        fileExtenstion === 'svg' ? setIsVectorImage(true) : setIsVectorImage(false);
-    };
     const onFileChange = ({ target: { files } }) => {
         updateFile(files);
     };
@@ -70,8 +27,6 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef }) =
                 fileName: files === null || files === void 0 ? void 0 : files[0].name,
                 fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
             });
-            setFileFormatError(checkIfFileIsInCorrectFormat(allowedExtensions, files[0].type));
-            checkIfImageIsVector(files[0].type);
         }
         else {
             setFile(undefined);
@@ -91,10 +46,8 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef }) =
         setDragOver(false);
     };
     const onFileDelete = () => {
-        inputRef.current.value = '';
         setFile(undefined);
         setPreview(true);
-        setErrors([]);
         onChange === null || onChange === void 0 ? void 0 : onChange(null);
     };
     const onPreviewError = () => {
@@ -108,10 +61,8 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef }) =
         onFileDelete,
         onPreviewError,
         file,
-        errors,
         isPreview,
-        isDragOver,
-        isVectorImage
+        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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/message-box/index.js

@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 const MessageBox = ({ children, header, type, withoutIcon, fullWidth, className }) => {
     const messageBoxClassName = classNames.classNames([className, 'message-box', type && `message-box_${type}`, fullWidth && `message-box_full-width`], main_module['default']);
     return (React__default['default'].createElement("div", { className: messageBoxClassName },
-        !withoutIcon && React__default['default'].createElement("div", { className: main_module['default']['message-box__icon'] }),
+        !withoutIcon && type !== 'blank' && React__default['default'].createElement("div", { className: main_module['default']['message-box__icon'] }),
         React__default['default'].createElement("div", { className: main_module['default']['message-box__content'] },
             header && React__default['default'].createElement("h4", { className: main_module['default']['message-box__header'] }, header),
             children)));

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index$s = require('./components/modal/hoc/absolute_modal/index.js');
+var index$r = require('./components/modal/hoc/absolute_modal/index.js');
 var index = require('./components/accordion/index.js');
 var index$1 = require('./components/button/index.js');
 var index$3 = require('./components/buttons_group/index.js');
-var index$z = require('./components/dropdown/context/index.js');
+var index$y = require('./components/dropdown/context/index.js');
 var index$k = require('./components/color_picker/index.js');
 var icon_tick = require('./assets/icon_tick.js');
 var index$8 = require('./components/stack/index.js');
@@ -16,60 +16,58 @@ var icon_arrow = require('./assets/icon_arrow.js');
 var index$b = require('./components/controls/hoc/control_checkbox/index.js');
 var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
 var index$4 = require('./components/dropdown/index.js');
-var index$E = require('./components/hint/index.js');
-var index$D = require('./components/controls/hoc/control_cell_selector/index.js');
+var index$C = require('./components/hint/index.js');
+var index$B = require('./components/controls/hoc/control_cell_selector/index.js');
 var index$c = require('./components/controls/hoc/control_checkbox_switch/index.js');
 var index$l = require('./components/controls/hoc/control_color_picker/index.js');
 var index$5 = require('./components/dropdown/hoc/select/index.js');
 var index$j = require('./components/date_picker/index.js');
 var icon_calendar = require('./assets/icon_calendar.js');
 var index$m = require('./components/controls/hoc/control_date_picker/index.js');
-var index$B = require('./components/file_picker/index.js');
+var index$A = require('./components/file_picker/index.js');
 var index$n = require('./components/controls/hoc/control_file_picker/index.js');
 var index$a = require('./components/controls/hoc/control_input/index.js');
-var index$A = require('./components/spacing/index.js');
-var index$C = require('./components/image_picker/index.js');
-var index$o = require('./components/controls/hoc/control_image_picker/index.js');
 var index$6 = require('./components/dropdown/hoc/multiselect/index.js');
 var index$g = require('./components/controls/hoc/control_multi_select/index.js');
 var index$d = require('./components/controls/hoc/control_radio/index.js');
-var index$F = require('./components/controls/hoc/control_radio_group/index.js');
+var index$D = require('./components/controls/hoc/control_radio_group/index.js');
 var index$f = require('./components/controls/hoc/control_range/index.js');
 var index$e = require('./components/controls/hoc/control_select/index.js');
-var index$u = require('./components/tag/index.js');
-var index$v = require('./components/tags_selector/index.js');
-var index$w = require('./components/controls/hoc/control_tags_selector/index.js');
+var index$t = require('./components/tag/index.js');
+var index$u = require('./components/tags_selector/index.js');
+var index$v = require('./components/controls/hoc/control_tags_selector/index.js');
 var index$h = require('./components/controls/hoc/control_textarea/index.js');
-var index$x = require('./components/table/index.js');
+var index$w = require('./components/table/index.js');
 var dataTable = require('./components/table/hoc/data-table.js');
 var context = require('./components/flash_messenger/context.js');
-var index$G = require('./components/message-box/index.js');
+var index$E = require('./components/message-box/index.js');
 var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
-var index$H = require('./components/flash_messenger/index.js');
+var index$F = require('./components/flash_messenger/index.js');
 var index$i = require('./components/gallery/index.js');
-var index$y = require('./components/grid/index.js');
-var index$q = require('./components/typography/index.js');
-var index$p = require('./components/heading/index.js');
+var index$x = require('./components/grid/index.js');
+var index$p = require('./components/typography/index.js');
+var index$o = require('./components/heading/index.js');
 var icon_desktop = require('./assets/icon_desktop.js');
 var icon_laptop = require('./assets/icon_laptop.js');
 var icon_mobile = require('./assets/icon_mobile.js');
 var icon_tablet = require('./assets/icon_tablet.js');
 var icon_warning = require('./assets/icon_warning.js');
-var index$K = require('./components/link/index.js');
-var index$I = require('./components/loader/index.js');
-var index$r = require('./components/modal/index.js');
+var index$I = require('./components/link/index.js');
+var index$G = require('./components/loader/index.js');
+var index$q = require('./components/modal/index.js');
 var modal_context = require('./components/modal/context/modal_context.js');
 var modal_provider = require('./components/modal/hoc/modal_provider.js');
-var index$t = require('./components/modal/hoc/relative_modal/index.js');
+var index$s = require('./components/modal/hoc/relative_modal/index.js');
 var search_list = require('./components/search_list/components/search_list.js');
 var use_search_list = require('./components/search_list/use_search_list.js');
 var search_list_input = require('./components/search_list/components/search_list_input.js');
 var search_list_results = require('./components/search_list/components/search_list_results.js');
-var index$L = require('./components/slide/index.js');
+var index$J = require('./components/slide/index.js');
+var slide_header = require('./components/slide/components/slide_header.js');
 var slide_content = require('./components/slide/components/slide_content.js');
 var slide_footer = require('./components/slide/components/slide_footer.js');
-var slide_header = require('./components/slide/components/slide_header.js');
 var slide_wrapper = require('./components/slide/components/slide_wrapper.js');
+var index$z = require('./components/spacing/index.js');
 var tabs = require('./components/tabs/components/tabs.js');
 var tabs_item = require('./components/tabs/components/tabs_item.js');
 var tabs_item_list = require('./components/tabs/components/tabs_item_list.js');
@@ -77,16 +75,16 @@ var tabs_panel = require('./components/tabs/components/tabs_panel.js');
 var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js');
 var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
 var index$2 = require('./components/tooltip/index.js');
-var index$J = require('./components/with_loader/index.js');
+var index$H = require('./components/with_loader/index.js');
 
 
 
-exports.AbsoluteModal = index$s['default'];
+exports.AbsoluteModal = index$r['default'];
 exports.Accordion = index['default'];
 exports.Button = index$1['default'];
 exports.ButtonsGroup = index$3['default'];
-exports.DropdownContext = index$z.DropdownContext;
-exports.useDropdownContext = index$z.useDropdownContext;
+exports.DropdownContext = index$y.DropdownContext;
+exports.useDropdownContext = index$y.useDropdownContext;
 exports.ColorPicker = index$k['default'];
 exports.IconTick = icon_tick['default'];
 exports.Stack = index$8['default'];
@@ -96,61 +94,59 @@ exports.IconArrow = icon_arrow['default'];
 exports.ControlCheckbox = index$b['default'];
 exports.useToggle = use_toggle.useToggle;
 exports.Dropdown = index$4['default'];
-exports.Hint = index$E['default'];
-exports.ControlCellSelector = index$D['default'];
+exports.Hint = index$C['default'];
+exports.ControlCellSelector = index$B['default'];
 exports.ControlCheckboxSwitch = index$c['default'];
 exports.ControlColorPicker = index$l['default'];
 exports.Select = index$5['default'];
 exports.Datepicker = index$j['default'];
 exports.IconCalendar = icon_calendar['default'];
 exports.ControlDatepicker = index$m['default'];
-exports.FilePicker = index$B['default'];
+exports.FilePicker = index$A['default'];
 exports.ControlFilePicker = index$n['default'];
 exports.ControlInput = index$a['default'];
-exports.Spacing = index$A['default'];
-exports.ImagePicker = index$C['default'];
-exports.ControlImagePicker = index$o['default'];
 exports.MultiSelect = index$6['default'];
 exports.ControlMultiSelect = index$g['default'];
 exports.ControlRadio = index$d['default'];
-exports.ControlRadioGroup = index$F['default'];
+exports.ControlRadioGroup = index$D['default'];
 exports.ControlRange = index$f['default'];
 exports.ControlSelect = index$e['default'];
-exports.Tag = index$u['default'];
-exports.TagsSelector = index$v['default'];
-exports.ControlTagsSelector = index$w['default'];
+exports.Tag = index$t['default'];
+exports.TagsSelector = index$u['default'];
+exports.ControlTagsSelector = index$v['default'];
 exports.ControlTextarea = index$h['default'];
-exports.Table = index$x['default'];
+exports.Table = index$w['default'];
 exports.DataTable = dataTable['default'];
 exports.FlashMessengerContext = context.FlashMessengerContext;
 exports.useFlashMessenger = context.useFlashMessenger;
-exports.MessageBox = index$G['default'];
+exports.MessageBox = index$E['default'];
 exports.FlashMessagesList = flash_messages_list['default'];
-exports.FlashMessenger = index$H['default'];
+exports.FlashMessenger = index$F['default'];
 exports.Gallery = index$i['default'];
-exports.Grid = index$y['default'];
-exports.Typography = index$q.Typography;
-exports.Heading = index$p['default'];
+exports.Grid = index$x['default'];
+exports.Typography = index$p.Typography;
+exports.Heading = index$o['default'];
 exports.IconDesktop = icon_desktop['default'];
 exports.IconLaptop = icon_laptop['default'];
 exports.IconMobile = icon_mobile['default'];
 exports.IconTablet = icon_tablet['default'];
 exports.IconWarning = icon_warning['default'];
-exports.Link = index$K['default'];
-exports.Loader = index$I['default'];
-exports.Modal = index$r['default'];
+exports.Link = index$I['default'];
+exports.Loader = index$G['default'];
+exports.Modal = index$q['default'];
 exports.ModalContext = modal_context.ModalContext;
 exports.ModalProvider = modal_provider['default'];
-exports.RelativeModal = index$t['default'];
+exports.RelativeModal = index$s['default'];
 exports.SearchList = search_list.SearchList;
 exports.useSearchList = use_search_list.useSearchList;
 exports.SearchListInput = search_list_input.SearchListInput;
 exports.SearchListResults = search_list_results.SearchListResults;
-exports.Slide = index$L['default'];
+exports.Slide = index$J['default'];
+exports.SlideHeader = slide_header.SlideHeader;
 exports.SlideContent = slide_content.SlideContent;
 exports.SlideFooter = slide_footer.SlideFooter;
-exports.SlideHeader = slide_header.SlideHeader;
 exports.SlideWrapper = slide_wrapper.SlideWrapper;
+exports.Spacing = index$z['default'];
 exports.Tabs = tabs['default'];
 exports.TabsItem = tabs_item.TabsItem;
 exports.TabsItemList = tabs_item_list.TabsItemList;
@@ -158,5 +154,5 @@ exports.TabsPanel = tabs_panel.TabsPanel;
 exports.TabsPanelList = tabs_panel_list.TabsPanelList;
 exports.TabsWrapper = tabs_wrapper['default'];
 exports.Tooltip = index$2['default'];
-exports.WithLoader = index$J['default'];
+exports.WithLoader = index$H['default'];
 //# sourceMappingURL=index.js.map

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

package/build/cjs/packages/aurora/src/translations/en.json.js

@@ -79,10 +79,7 @@ var en = {
 	"Selected cell 6": "Bottom left",
 	"Selected cell 7": "Bottom center",
 	"Selected cell 8": "Bottom right",
-	"Drag file or select": "Drag file or select",
-	"Drag a file here or browse": "Drag a file here or browse",
-	"supported format": "supported format",
-	"The value cannot be greater than the width of the uploaded file": "The value cannot be greater than the width of the uploaded file"
+	"Drag file or select": "Drag file or select"
 };
 
 exports.Add = Add;

package/build/cjs/packages/aurora/src/translations/en.json.js.map

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

package/build/cjs/packages/aurora/src/translations/pl.json.js

@@ -79,10 +79,7 @@ var pl = {
 	"Selected cell 6": "Dół z lewej",
 	"Selected cell 7": "Dół na środku",
 	"Selected cell 8": "Dół z prawej",
-	"Drag file or select": "Przeciągnij plik lub wybierz",
-	"Drag a file here or browse": "Przeciągnij lub wybierz plik z dysku",
-	"supported format": "obsługiwany format",
-	"The value cannot be greater than the width of the uploaded file": "Wartość nie może być większa od szerokości wgranego pliku"
+	"Drag file or select": "Przeciągnij plik lub wybierz"
 };
 
 exports.Add = Add;

package/build/cjs/packages/aurora/src/translations/pl.json.js.map

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

package/build/esm/packages/aurora/src/components/controls/types.d.ts

@@ -169,16 +169,6 @@ export interface IControlFilePicker extends IFilePicker, IControlCommonProps {
     name?: string;
     labelAdditionalInfo?: string | ReactNode;
 }
-export interface IControlImagePicker extends IFilePicker, IControlCommonProps {
-    label?: string;
-    isRequired?: boolean;
-    name?: string;
-    labelAdditionalInfo?: string | ReactNode;
-    hasWidthInput?: boolean;
-    widthInputPostfix?: string;
-    widthInputLabel?: string;
-    widthInputHint?: string;
-}
 export interface ICellSelector {
     rows?: number;
     cols?: number;

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

@@ -2,9 +2,9 @@ import React from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { createUseStyles } from '../../../../../../external/react-jss/dist/react-jss.esm.js';
 import withTranslation from '../../../utilities/translation/with_translation.js';
+import styles from '../../../css/file_picker/main.module.less.js';
 import CSS_CLASSES from '../css_classes.js';
 import IconUpload from '../../../assets/icon_upload.js';
-import styles from '../../../css/file_picker/main.module.less.js';
 
 const useStyles = createUseStyles({
     filePicker: {

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { FileUtils } from '@dreamcommerce/utilities';
-import CSS_CLASSES from '../css_classes.js';
 import styles from '../../../css/file_picker/main.module.less.js';
+import CSS_CLASSES from '../css_classes.js';
 import IconDelete from '../../../assets/icon_delete.js';
 
 const SelectedFilePreview = ({ file, isPreview, onPreviewError, onFileDelete }) => {

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

@@ -1,22 +1,20 @@
-import React, { createRef } from 'react';
-import CSS_CLASSES from './css_classes.js';
+import React from 'react';
 import styles from '../../css/file_picker/main.module.less.js';
-import FileInput from './components/file_input.js';
+import CSS_CLASSES from './css_classes.js';
 import SelectedFilePreview from './components/selected_file_preview.js';
-import { getAcceptFilesParametersFromAllowedExtensions } from './utils.js';
+import FileInput from './components/file_input.js';
 import { useFilePicker } from './use_file_picker.js';
+import { getAcceptFilesParametersFromAllowedExtensions } from './utils.js';
 
 const FilePicker = ({ id, onChange, allowedExtensions = ['WEBP', 'JPG', 'PNG', 'GIF'], initialFile, name, className = '' }) => {
-    const inputRef = createRef();
     const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, isPreview, isDragOver } = useFilePicker({
         initialFile,
-        onChange,
-        inputRef
+        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, ref: inputRef, type: "file", name: name, className: styles[CSS_CLASSES.filePickerInput], accept: acceptFiles })));
+        React.createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: styles[CSS_CLASSES.filePickerInput], accept: acceptFiles })));
 };
 
 export default FilePicker;

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;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/types.d.ts

@@ -33,14 +33,10 @@ export interface IUseFilePicker {
     onFileDelete: () => void;
     onPreviewError: () => void;
     file: TFilePickerFile | undefined;
-    errors?: string[];
     isPreview: boolean;
     isDragOver: boolean;
-    isVectorImage?: boolean;
 }
 export interface IUseFilePickerProps {
     onChange?: (fileList: FileList | null) => void;
     initialFile?: TFilePickerFile;
-    allowedExtensions?: string[];
-    inputRef: React.RefObject<HTMLInputElement>;
 }

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

@@ -1,2 +1,2 @@
 import { IUseFilePicker, IUseFilePickerProps } from "./types";
-export declare const useFilePicker: ({ onChange, initialFile, allowedExtensions, inputRef }: IUseFilePickerProps) => IUseFilePicker;
+export declare const useFilePicker: ({ onChange, initialFile }: IUseFilePickerProps) => IUseFilePicker;

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

@@ -1,12 +1,9 @@
 import { useState, useEffect } from 'react';
-import { FILE_PICKER_ERROR, JPG_EXTENSION, JPEG_EXTENSION, SVG_MIME_TYPE, SVG_EXTENSION } from './constants.js';
 
-const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef }) => {
+const useFilePicker = ({ onChange, initialFile }) => {
     const [file, setFile] = useState(initialFile);
-    const [errors, setErrors] = useState([]);
     const [isDragOver, setDragOver] = useState(false);
     const [isPreview, setPreview] = useState(true);
-    const [isVectorImage, setIsVectorImage] = useState(false);
     useEffect(() => {
         setFile(initialFile);
     }, [initialFile]);
@@ -14,49 +11,9 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef }) =
         event.stopPropagation();
         event.preventDefault();
         const { dataTransfer: { files } } = event;
-        setFileFormatError(checkIfFileIsInCorrectFormat(allowedExtensions, files[0].type));
-        checkIfImageIsVector(files[0].type);
         setDragOver(false);
         updateFile(files);
     };
-    const checkIfFileIsInCorrectFormat = (allowedExtensions, fileType) => {
-        if (!allowedExtensions)
-            return;
-        const fileExtension = getFileExtension(fileType);
-        let formatIsCorrect;
-        if (Array.isArray(fileExtension)) {
-            formatIsCorrect = allowedExtensions.some((extension) => fileExtension.includes(extension.toLowerCase()));
-        }
-        else {
-            formatIsCorrect = allowedExtensions === null || allowedExtensions === void 0 ? void 0 : allowedExtensions.some((extension) => {
-                return extension.toLowerCase() === fileExtension.toLowerCase();
-            });
-        }
-        return formatIsCorrect;
-    };
-    const setFileFormatError = (isFileFormatCorrect) => {
-        if (!isFileFormatCorrect) {
-            setErrors([...errors, FILE_PICKER_ERROR.invalidFileFormat]);
-        }
-        else {
-            setErrors([]);
-        }
-    };
-    const getFileExtension = (fileType) => {
-        const substringIndex = fileType.lastIndexOf('/');
-        const fileExtension = fileType.substring(substringIndex + 1);
-        if (fileExtension === JPG_EXTENSION || fileExtension === JPEG_EXTENSION) {
-            return [JPG_EXTENSION, JPEG_EXTENSION];
-        }
-        else if (fileExtension === SVG_MIME_TYPE) {
-            return SVG_EXTENSION;
-        }
-        return fileExtension;
-    };
-    const checkIfImageIsVector = (fileType) => {
-        const fileExtenstion = getFileExtension(fileType);
-        fileExtenstion === 'svg' ? setIsVectorImage(true) : setIsVectorImage(false);
-    };
     const onFileChange = ({ target: { files } }) => {
         updateFile(files);
     };
@@ -66,8 +23,6 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef }) =
                 fileName: files === null || files === void 0 ? void 0 : files[0].name,
                 fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
             });
-            setFileFormatError(checkIfFileIsInCorrectFormat(allowedExtensions, files[0].type));
-            checkIfImageIsVector(files[0].type);
         }
         else {
             setFile(undefined);
@@ -87,10 +42,8 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef }) =
         setDragOver(false);
     };
     const onFileDelete = () => {
-        inputRef.current.value = '';
         setFile(undefined);
         setPreview(true);
-        setErrors([]);
         onChange === null || onChange === void 0 ? void 0 : onChange(null);
     };
     const onPreviewError = () => {
@@ -104,10 +57,8 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef }) =
         onFileDelete,
         onPreviewError,
         file,
-        errors,
         isPreview,
-        isDragOver,
-        isVectorImage
+        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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}