@dreamcommerce/aurora 2.5.2 → 2.5.3-2

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index$r = require('./components/modal/hoc/absolute_modal/index.js');
+var index$s = 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$y = require('./components/dropdown/context/index.js');
+var index$z = 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,58 +16,60 @@ 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$C = require('./components/hint/index.js');
-var index$B = require('./components/controls/hoc/control_cell_selector/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/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$A = require('./components/file_picker/index.js');
+var index$B = 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$D = require('./components/controls/hoc/control_radio_group/index.js');
+var index$F = 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$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$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$h = require('./components/controls/hoc/control_textarea/index.js');
-var index$w = require('./components/table/index.js');
+var index$x = require('./components/table/index.js');
 var dataTable = require('./components/table/hoc/data-table.js');
 var context = require('./components/flash_messenger/context.js');
-var index$E = require('./components/message-box/index.js');
+var index$G = require('./components/message-box/index.js');
 var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
-var index$F = require('./components/flash_messenger/index.js');
+var index$H = require('./components/flash_messenger/index.js');
 var index$i = require('./components/gallery/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 index$y = require('./components/grid/index.js');
+var index$q = require('./components/typography/index.js');
+var index$p = 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$I = require('./components/link/index.js');
-var index$G = require('./components/loader/index.js');
-var index$q = require('./components/modal/index.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 modal_context = require('./components/modal/context/modal_context.js');
 var modal_provider = require('./components/modal/hoc/modal_provider.js');
-var index$s = require('./components/modal/hoc/relative_modal/index.js');
+var index$t = 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$J = require('./components/slide/index.js');
-var slide_header = require('./components/slide/components/slide_header.js');
+var index$L = require('./components/slide/index.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');
@@ -75,16 +77,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$H = require('./components/with_loader/index.js');
+var index$J = require('./components/with_loader/index.js');
 
 
 
-exports.AbsoluteModal = index$r['default'];
+exports.AbsoluteModal = index$s['default'];
 exports.Accordion = index['default'];
 exports.Button = index$1['default'];
 exports.ButtonsGroup = index$3['default'];
-exports.DropdownContext = index$y.DropdownContext;
-exports.useDropdownContext = index$y.useDropdownContext;
+exports.DropdownContext = index$z.DropdownContext;
+exports.useDropdownContext = index$z.useDropdownContext;
 exports.ColorPicker = index$k['default'];
 exports.IconTick = icon_tick['default'];
 exports.Stack = index$8['default'];
@@ -94,59 +96,61 @@ exports.IconArrow = icon_arrow['default'];
 exports.ControlCheckbox = index$b['default'];
 exports.useToggle = use_toggle.useToggle;
 exports.Dropdown = index$4['default'];
-exports.Hint = index$C['default'];
-exports.ControlCellSelector = index$B['default'];
+exports.Hint = index$E['default'];
+exports.ControlCellSelector = index$D['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$A['default'];
+exports.FilePicker = index$B['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$D['default'];
+exports.ControlRadioGroup = index$F['default'];
 exports.ControlRange = index$f['default'];
 exports.ControlSelect = index$e['default'];
-exports.Tag = index$t['default'];
-exports.TagsSelector = index$u['default'];
-exports.ControlTagsSelector = index$v['default'];
+exports.Tag = index$u['default'];
+exports.TagsSelector = index$v['default'];
+exports.ControlTagsSelector = index$w['default'];
 exports.ControlTextarea = index$h['default'];
-exports.Table = index$w['default'];
+exports.Table = index$x['default'];
 exports.DataTable = dataTable['default'];
 exports.FlashMessengerContext = context.FlashMessengerContext;
 exports.useFlashMessenger = context.useFlashMessenger;
-exports.MessageBox = index$E['default'];
+exports.MessageBox = index$G['default'];
 exports.FlashMessagesList = flash_messages_list['default'];
-exports.FlashMessenger = index$F['default'];
+exports.FlashMessenger = index$H['default'];
 exports.Gallery = index$i['default'];
-exports.Grid = index$x['default'];
-exports.Typography = index$p.Typography;
-exports.Heading = index$o['default'];
+exports.Grid = index$y['default'];
+exports.Typography = index$q.Typography;
+exports.Heading = index$p['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$I['default'];
-exports.Loader = index$G['default'];
-exports.Modal = index$q['default'];
+exports.Link = index$K['default'];
+exports.Loader = index$I['default'];
+exports.Modal = index$r['default'];
 exports.ModalContext = modal_context.ModalContext;
 exports.ModalProvider = modal_provider['default'];
-exports.RelativeModal = index$s['default'];
+exports.RelativeModal = index$t['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$J['default'];
-exports.SlideHeader = slide_header.SlideHeader;
+exports.Slide = index$L['default'];
 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;
@@ -154,5 +158,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$H['default'];
+exports.WithLoader = index$J['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;"}
+{"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;"}

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

@@ -79,7 +79,10 @@ 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 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"
 };
 
 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;"}
+{"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;"}

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

@@ -79,7 +79,10 @@ 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 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"
 };
 
 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;"}
+{"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;"}

package/build/esm/packages/aurora/src/assets/icon_wrong_file_format.d.ts

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

package/build/esm/packages/aurora/src/assets/icon_wrong_file_format.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import cssClasses from '../css/icons/main.module.less.js';
+import Icon from './icon.js';
+
+const IconWrongFileFormat = ({ className = '', size }) => (React.createElement(Icon, null,
+    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 67 52", width: "67", height: "52", className: `${className || ''} ${cssClasses[`icon_${size}`]}` },
+        React.createElement("path", { d: "M36.9768 2H1.5V49.9829H29.9977M44.5374 2H65.4745V49.9829H39.8847", stroke: "#ABB4CD", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "3" }),
+        React.createElement("path", { d: "m36.976 2-7.5606 7.7972 9.8869 10.196-9.8869 10.196 9.8869 10.196-9.3053 9.5965", stroke: "#ABB4CD", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "3" }),
+        React.createElement("path", { d: "m34.069 45.784-15.703-15.594-16.866 16.794v2.9989h28.498l4.0711-4.1985z", fill: "#ABB4CD", stroke: "#ABB4CD", strokeLinejoin: "round", strokeWidth: "2" }),
+        React.createElement("path", { d: "m45.726 24.793 19.774 20.393v4.7983h-26.753c-0.1938 0.1999 1.1365-1.3195 5.7892-6.5976 4.6526-5.2782-2.3263-8.3971-5.2076-11.996l6.3974-6.5976z", fill: "#ABB4CD", stroke: "#ABB4CD", strokeLinejoin: "round", strokeWidth: "3" }),
+        React.createElement("circle", { cx: "54.352", cy: "13.197", r: "4", fill: "#ABB4CD" }))));
+
+export default IconWrongFileFormat;
+//# sourceMappingURL=icon_wrong_file_format.js.map

package/build/esm/packages/aurora/src/assets/icon_wrong_file_format.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;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_image_picker/index.d.ts

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

package/build/esm/packages/aurora/src/components/controls/hoc/control_image_picker/index.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import Control from '../../index.js';
+import Hint from '../../../hint/index.js';
+import ImagePicker from '../../../image_picker/index.js';
+
+const ControlImagePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, labelAdditionalInfo, hasWidthInput, widthInputPostfix, widthInputLabel, widthInputHint }) => {
+    return (React.createElement(Control, { errors: errors, name: name, id: id },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
+            label,
+            hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
+        React.createElement(Control.Content, null,
+            React.createElement(Control.Element, null,
+                React.createElement(ImagePicker, { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className, hasWidthInput: hasWidthInput, widthInputPostfix: widthInputPostfix, widthInputLabel: widthInputLabel, widthInputHint: widthInputHint }))),
+        React.createElement(Control.Errors, null)));
+};
+
+export default ControlImagePicker;
+//# sourceMappingURL=index.js.map

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

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

@@ -169,6 +169,16 @@ 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/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const FILE_PICKER_ERROR: {
+    invalidFileFormat: string;
+    invalidInputWidth: string;
+};
+export declare const JPG_EXTENSION = "jpg";
+export declare const JPEG_EXTENSION = "jpeg";
+export declare const SVG_MIME_TYPE = "svg+xml";
+export declare const SVG_EXTENSION = "svg";

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

@@ -0,0 +1,11 @@
+const FILE_PICKER_ERROR = {
+    invalidFileFormat: 'Invalid file format',
+    invalidInputWidth: 'The value cannot be greater than the width of the uploaded file'
+};
+const JPG_EXTENSION = 'jpg';
+const JPEG_EXTENSION = 'jpeg';
+const SVG_MIME_TYPE = 'svg+xml';
+const SVG_EXTENSION = 'svg';
+
+export { FILE_PICKER_ERROR, JPEG_EXTENSION, JPG_EXTENSION, SVG_EXTENSION, SVG_MIME_TYPE };
+//# sourceMappingURL=constants.js.map

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

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

@@ -33,10 +33,13 @@ 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[];
 }

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 }: IUseFilePickerProps) => IUseFilePicker;
+export declare const useFilePicker: ({ onChange, initialFile, allowedExtensions }: IUseFilePickerProps) => IUseFilePicker;

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

@@ -1,9 +1,12 @@
 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 }) => {
+const useFilePicker = ({ onChange, initialFile, allowedExtensions }) => {
     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]);
@@ -11,9 +14,49 @@ const useFilePicker = ({ onChange, initialFile }) => {
         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);
     };
@@ -23,6 +66,8 @@ const useFilePicker = ({ onChange, initialFile }) => {
                 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);
@@ -44,6 +89,7 @@ const useFilePicker = ({ onChange, initialFile }) => {
     const onFileDelete = () => {
         setFile(undefined);
         setPreview(true);
+        setErrors([]);
         onChange === null || onChange === void 0 ? void 0 : onChange(null);
     };
     const onPreviewError = () => {
@@ -57,8 +103,10 @@ const useFilePicker = ({ onChange, initialFile }) => {
         onFileDelete,
         onPreviewError,
         file,
+        errors,
         isPreview,
-        isDragOver
+        isDragOver,
+        isVectorImage
     };
 };
 

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

package/build/esm/packages/aurora/src/components/image_picker/components/image_input.d.ts

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

package/build/esm/packages/aurora/src/components/image_picker/components/image_input.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import withTranslation from '../../../utilities/translation/with_translation.js';
+import IconUpload from '../../../assets/icon_upload.js';
+import CSS_CLASSES from '../css_classes.js';
+import styles from '../../../css/image_picker/main.module.less.js';
+
+const ImageInput = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {
+    const [t] = useTranslation();
+    return (React.createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave, className: styles[CSS_CLASSES.imagePickerLabel] },
+        React.createElement("div", { className: styles[CSS_CLASSES.imagePickerDescription] },
+            React.createElement(IconUpload, { className: styles[CSS_CLASSES.imagePickerUploadIcon] }),
+            React.createElement("p", null, t('Drag a file here or browse')),
+            React.createElement("span", null,
+                "(",
+                t('supported format'),
+                ": ",
+                allowedExtensions.join(', '),
+                ")"))));
+};
+var ImageInput$1 = withTranslation(ImageInput);
+
+export default ImageInput$1;
+//# sourceMappingURL=image_input.js.map

package/build/esm/packages/aurora/src/components/image_picker/components/image_input.js.map

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

package/build/esm/packages/aurora/src/components/image_picker/components/selected_image_preview.d.ts

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

package/build/esm/packages/aurora/src/components/image_picker/components/selected_image_preview.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { FileUtils } from '@dreamcommerce/utilities';
+import IconDelete from '../../../assets/icon_delete.js';
+import CSS_CLASSES from '../css_classes.js';
+import styles from '../../../css/image_picker/main.module.less.js';
+import IconWrongFileFormat from '../../../assets/icon_wrong_file_format.js';
+
+const SelectedImagePreview = ({ file, isPreview, fileFormatIsCorrect, imageSize, onPreviewError, onFileDelete }) => {
+    const [t] = useTranslation();
+    const imageName = FileUtils.getFileName(file.fileName);
+    const imageExtension = FileUtils.getFileExtension(file.fileName);
+    const imageWidth = imageSize && imageSize.width;
+    const imageHeight = imageSize && imageSize.height;
+    const previewMarkupJsx = fileFormatIsCorrect ? (React.createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onPreviewError, className: styles[CSS_CLASSES.imagePickerImagePreview] })) : (React.createElement(IconWrongFileFormat, { className: styles[CSS_CLASSES.imagePickerWrongFileFormatIcon] }));
+    return (React.createElement("div", null,
+        isPreview ? (React.createElement("div", { className: styles[CSS_CLASSES.imagePickerImagePreviewWrapper] }, previewMarkupJsx)) : (React.createElement("div", null, t('No preview'))),
+        React.createElement("div", { className: styles[CSS_CLASSES.imagePickerSelectedFile] },
+            React.createElement("div", { className: styles[CSS_CLASSES.imagePickerSelectedFileNameWrapper] }, fileFormatIsCorrect && (React.createElement("span", { className: styles[CSS_CLASSES.imagePickerSelectedFileFullName] },
+                React.createElement("span", null, FileUtils.getFileNameShortenInMiddle(imageName, 10, 5, 1)),
+                React.createElement("span", null, `.${imageExtension} (${imageWidth}x${imageHeight}px)`)))),
+            React.createElement("div", { className: styles[CSS_CLASSES.imagePickerSelectedFileRemoveWrapper] },
+                React.createElement("span", { onClick: onFileDelete, className: styles[CSS_CLASSES.imagePickerDeleteButton] },
+                    React.createElement(IconDelete, { className: styles[CSS_CLASSES.imagePickerDeleteIcon] }),
+                    React.createElement("span", { className: styles[CSS_CLASSES.imagePickerDeleteLabel] }, t('Remove')))))));
+};
+
+export default SelectedImagePreview;
+//# sourceMappingURL=selected_image_preview.js.map

package/build/esm/packages/aurora/src/components/image_picker/components/selected_image_preview.js.map

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

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

@@ -0,0 +1,22 @@
+declare const _default: {
+    imagePicker: string;
+    imagePickerWrapper: string;
+    imagePickerWrapperError: string;
+    imagePickerWrapperHasFile: string;
+    imagePickerLabel: string;
+    imagePickerDescription: string;
+    imagePickerImagePreview: string;
+    imagePickerImagePreviewWrapper: string;
+    imagePickerWrongFileFormatIcon: string;
+    imagePickerErrorText: string;
+    imagePickerUploadIcon: string;
+    imagePickerDeleteButton: string;
+    imagePickerDeleteLabel: string;
+    imagePickerDeleteIcon: string;
+    imagePickerInput: string;
+    imagePickerSelectedFile: string;
+    imagePickerSelectedFileNameWrapper: string;
+    imagePickerSelectedFileRemoveWrapper: string;
+    imagePickerSelectedFileFullName: string;
+};
+export default _default;

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

@@ -0,0 +1,25 @@
+const imagePicker = 'image-picker';
+var CSS_CLASSES = {
+    imagePicker: `${imagePicker}`,
+    imagePickerWrapper: `${imagePicker}__wrapper`,
+    imagePickerWrapperError: `${imagePicker}__wrapper-error`,
+    imagePickerWrapperHasFile: `${imagePicker}__wrapper-has-file`,
+    imagePickerLabel: `${imagePicker}__label`,
+    imagePickerDescription: `${imagePicker}__description`,
+    imagePickerImagePreview: `${imagePicker}__image-preview`,
+    imagePickerImagePreviewWrapper: `${imagePicker}__image-preview-wrapper`,
+    imagePickerWrongFileFormatIcon: `${imagePicker}__wrong-file-format-icon`,
+    imagePickerErrorText: `${imagePicker}__error-text`,
+    imagePickerUploadIcon: `${imagePicker}__upload-icon`,
+    imagePickerDeleteButton: `${imagePicker}__delete-button`,
+    imagePickerDeleteLabel: `${imagePicker}__delete-label`,
+    imagePickerDeleteIcon: `${imagePicker}__delete-icon`,
+    imagePickerInput: `${imagePicker}__input`,
+    imagePickerSelectedFile: `${imagePicker}__selected-file`,
+    imagePickerSelectedFileNameWrapper: `${imagePicker}__selected-file-name-wrapper`,
+    imagePickerSelectedFileRemoveWrapper: `${imagePicker}__selected-file-remove-wrapper`,
+    imagePickerSelectedFileFullName: `${imagePicker}__selected-file-full-name`
+};
+
+export default CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

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

package/build/esm/packages/aurora/src/components/image_picker/index.d.ts

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