@dreamcommerce/aurora 0.3.4-192 → 0.3.4-193

package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js

@@ -16,7 +16,7 @@ var ControlCellSelector = function (_a) {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(cell_selector['default'], { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),

package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js

@@ -32,7 +32,7 @@ var ControlCheckbox = function (_a) {
                 React__default['default'].createElement(index$1['default'], { htmlFor: id },
                     label,
                     " ",
-                    hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { fixed: true, hint: hint, spacingLeft: true })))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js

@@ -31,7 +31,7 @@ var ControlCheckboxSwitch = function (_a) {
                 React__default['default'].createElement(index['default'].CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
                 React__default['default'].createElement(index$1['default'], { htmlFor: id },
                     label,
-                    hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { fixed: true, hint: hint, spacingLeft: true })))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js

@@ -37,7 +37,7 @@ var ControlColorPicker = function (_a) {
                 React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
                     (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
                         label$1,
-                        hint && React__default['default'].createElement(index$3['default'], { spacingLeft: true, hint: hint }))),
+                        hint && React__default['default'].createElement(index$3['default'], { fixed: true, spacingLeft: true, hint: hint }))),
                     React__default['default'].createElement(index$2['default'].Content, null,
                         React__default['default'].createElement(index$2['default'].Element, null,
                             React__default['default'].createElement(label['default'], { name: name || '', isRequired: isRequired, id: id, label: label$1 }))),

package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js

@@ -57,7 +57,7 @@ var ControlDatepicker = function (_a) {
             React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
                 (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
                     label$1,
-                    hint && React__default['default'].createElement(index$3['default'], { spacingLeft: true, hint: hint }))),
+                    hint && React__default['default'].createElement(index$3['default'], { fixed: true, spacingLeft: true, hint: hint }))),
                 React__default['default'].createElement(index$2['default'].Content, null,
                     React__default['default'].createElement(index$2['default'].Element, null,
                         React__default['default'].createElement(label['default'], { name: name, id: id }))),

package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js

@@ -16,7 +16,7 @@ var ControlFilePicker = function (_a) {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(index$2['default'], { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),

package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js

@@ -31,7 +31,7 @@ var ControlInput = function (_a) {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, { prefix: prefix, postfix: postfix },
                 React__default['default'].createElement(index['default'].Input, _tslib.__assign({ id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }, props)))),

package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js

@@ -16,7 +16,7 @@ var ControlMultiSelect = function (_a) {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),

package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js

@@ -32,7 +32,7 @@ var ControlRadio = function (_a) {
                 React__default['default'].createElement(index$1['default'], { htmlFor: id },
                     label,
                     " ",
-                    hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { fixed: true, hint: hint, spacingLeft: true })))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js

@@ -16,7 +16,7 @@ var ControlRadioGroup = function (_a) {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
         options.map(function (_a) {
             var value = _a.value, label = _a.label, hint = _a.hint, disabled = _a.disabled;
             return (React__default['default'].createElement(index$2['default'], { key: "RadioGroup".concat(id, "-RadioElement-").concat(value), label: label, id: "RadioGroup".concat(id, "-Radio-").concat(value), value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }));

package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js

@@ -16,7 +16,7 @@ var ControlRange = function (_a) {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(index$2['default'], { initialValue: initialValue, key: name, name: name, isDisabled: isDisabled, onChange: onChange, max: max, min: min, step: step }))),

package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js

@@ -31,7 +31,7 @@ var ControlSelect = function (_a) {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),

package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js

@@ -16,7 +16,7 @@ var ControlTagsSelector = function (_a) {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(index$2['default'], { id: id, name: name, placeholder: placeholder, minTagLength: minTagLength, withList: withList, defaultTags: defaultTags, tagsListValue: defaultListTags, onChange: onChange, onListItemClick: onListItemClick }))),

package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js

@@ -30,7 +30,7 @@ var ControlTextarea = function (_a) {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
-            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(index['default'].Textarea, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress }))),

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

@@ -8,20 +8,22 @@ 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 ? ['JPG', 'PNG', 'GIF'] : _b, initialFile = _a.initialFile, name = _a.name, _c = _a.className, className = _c === void 0 ? '' : _c;
+    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] })));
+        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;"}
+{"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/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/css/hint/main.module.less.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n  margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n  margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n  color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n  display: block;\n}\n.main-module_hint__content__IIh3W {\n  min-width: 258px;\n  position: absolute;\n  display: none;\n  right: -0.25rem;\n  top: 150%;\n  z-index: 6;\n  padding: 1rem;\n  text-align: left;\n  background-color: #ffffff;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n  border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  right: 4px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n  content: '';\n  position: absolute;\n  top: -20px;\n  right: 0;\n  display: block;\n  width: 200px;\n  height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n  background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n  border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n  right: auto;\n  left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n  left: 0;\n  right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n  right: auto;\n  left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n  bottom: 150%;\n  top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n  bottom: -20px;\n  top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n  bottom: -14px;\n  top: auto;\n  border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n  border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n  position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n  top: auto;\n  left: 0;\n  right: 0;\n  width: 100%;\n  margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n  display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n  top: -8px;\n  height: 8px;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n  margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n  margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n  color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n  display: block;\n}\n.main-module_hint__content__IIh3W {\n  min-width: 258px;\n  max-width: 500px;\n  position: absolute;\n  display: none;\n  right: -0.25rem;\n  top: 150%;\n  z-index: 6;\n  padding: 1rem;\n  text-align: left;\n  background-color: #ffffff;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n  border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  right: 4px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n  content: '';\n  position: absolute;\n  top: -20px;\n  right: 0;\n  display: block;\n  width: 200px;\n  height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n  background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n  border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n  right: auto;\n  left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n  left: 0;\n  right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n  right: auto;\n  left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n  bottom: 150%;\n  top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n  bottom: -20px;\n  top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n  bottom: -14px;\n  top: auto;\n  border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n  border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n  position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n  top: auto;\n  left: 0;\n  right: 0;\n  width: 100%;\n  margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n  display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n  top: -8px;\n  height: 8px;\n}\n";
 var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
 styleInject_es['default'](css_248z);
 

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

@@ -8,7 +8,7 @@ var ControlCellSelector = function (_a) {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
-            hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+            hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
                 React.createElement(CellSelector, { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),

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

@@ -24,7 +24,7 @@ var ControlCheckbox = function (_a) {
                 React.createElement(Label, { htmlFor: id },
                     label,
                     " ",
-                    hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
+                    hint && React.createElement(Hint, { fixed: true, hint: hint, spacingLeft: true })))),
         React.createElement(Control.Errors, null)));
 };
 

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

@@ -23,7 +23,7 @@ var ControlCheckboxSwitch = function (_a) {
                 React.createElement(Control.CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
                 React.createElement(Label, { htmlFor: id },
                     label,
-                    hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
+                    hint && React.createElement(Hint, { fixed: true, hint: hint, spacingLeft: true })))),
         React.createElement(Control.Errors, null)));
 };
 

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

@@ -29,7 +29,7 @@ var ControlColorPicker = function (_a) {
                 React.createElement(Control, { errors: errors, name: name, id: id },
                     (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
                         label,
-                        hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+                        hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
                     React.createElement(Control.Content, null,
                         React.createElement(Control.Element, null,
                             React.createElement(ColorPickerLabel, { name: name || '', isRequired: isRequired, id: id, label: label }))),

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

@@ -49,7 +49,7 @@ var ControlDatepicker = function (_a) {
             React.createElement(Control, { errors: errors, name: name, id: id },
                 (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
                     label,
-                    hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+                    hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
                 React.createElement(Control.Content, null,
                     React.createElement(Control.Element, null,
                         React.createElement(DatepickerLabel, { name: name, id: id }))),

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

@@ -8,7 +8,7 @@ var ControlFilePicker = function (_a) {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
-            hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+            hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
                 React.createElement(FilePicker, { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),

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

@@ -23,7 +23,7 @@ var ControlInput = function (_a) {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
-            hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+            hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
                 React.createElement(Control.Input, __assign({ id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }, props)))),

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

@@ -8,7 +8,7 @@ var ControlMultiSelect = function (_a) {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
-            hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+            hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
                 React.createElement(Multiple, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),

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

@@ -24,7 +24,7 @@ var ControlRadio = function (_a) {
                 React.createElement(Label, { htmlFor: id },
                     label,
                     " ",
-                    hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
+                    hint && React.createElement(Hint, { fixed: true, hint: hint, spacingLeft: true })))),
         React.createElement(Control.Errors, null)));
 };
 

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

@@ -8,7 +8,7 @@ var ControlRadioGroup = function (_a) {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
-            hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+            hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
         options.map(function (_a) {
             var value = _a.value, label = _a.label, hint = _a.hint, disabled = _a.disabled;
             return (React.createElement(ControlRadio, { key: "RadioGroup".concat(id, "-RadioElement-").concat(value), label: label, id: "RadioGroup".concat(id, "-Radio-").concat(value), value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }));

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

@@ -8,7 +8,7 @@ var ControlRange = function (_a) {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
-            hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+            hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
                 React.createElement(Range, { initialValue: initialValue, key: name, name: name, isDisabled: isDisabled, onChange: onChange, max: max, min: min, step: step }))),

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

@@ -23,7 +23,7 @@ var ControlSelect = function (_a) {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
-            hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+            hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
                 React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),

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

@@ -8,7 +8,7 @@ var ControlTagsSelector = function (_a) {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
-            hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+            hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
                 React.createElement(TagsSelector, { id: id, name: name, placeholder: placeholder, minTagLength: minTagLength, withList: withList, defaultTags: defaultTags, tagsListValue: defaultListTags, onChange: onChange, onListItemClick: onListItemClick }))),

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

@@ -22,7 +22,7 @@ var ControlTextarea = function (_a) {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
-            hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+            hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
                 React.createElement(Control.Textarea, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress }))),

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

@@ -4,16 +4,18 @@ import CSS_CLASSES from './css_classes.js';
 import SelectedFilePreview from './components/selected_file_preview.js';
 import FileInput from './components/file_input.js';
 import { useFilePicker } from './use_file_picker.js';
+import { getAcceptFilesParametersFromAllowedExtensions } from './utils.js';
 
 var FilePicker = function (_a) {
-    var id = _a.id, onChange = _a.onChange, _b = _a.allowedExtensions, allowedExtensions = _b === void 0 ? ['JPG', 'PNG', 'GIF'] : _b, initialFile = _a.initialFile, name = _a.name, _c = _a.className, className = _c === void 0 ? '' : _c;
+    var id = _a.id, onChange = _a.onChange, _b = _a.allowedExtensions, allowedExtensions = _b === void 0 ? ['WEBP', 'JPG', 'PNG', 'GIF'] : _b, initialFile = _a.initialFile, name = _a.name, _c = _a.className, className = _c === void 0 ? '' : _c;
     var _d = useFilePicker({
         initialFile: initialFile,
         onChange: onChange
     }), onDropFile = _d.onDropFile, onFileChange = _d.onFileChange, onDragOver = _d.onDragOver, onDragLeave = _d.onDragLeave, onFileDelete = _d.onFileDelete, onPreviewError = _d.onPreviewError, file = _d.file, isPreview = _d.isPreview, isDragOver = _d.isDragOver;
+    var acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
     return (React.createElement("div", { className: className },
         file ? (React.createElement(SelectedFilePreview, { file: file, onFileDelete: onFileDelete, onPreviewError: onPreviewError, isPreview: isPreview })) : (React.createElement(FileInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile })),
-        React.createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: styles[CSS_CLASSES.filePickerInput] })));
+        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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1 @@
+export declare const getAcceptFilesParametersFromAllowedExtensions: (allowedExtensions: string[]) => string;

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

@@ -0,0 +1,14 @@
+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;
+};
+
+export { getAcceptFilesParametersFromAllowedExtensions };
+//# sourceMappingURL=utils.js.map

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

package/build/esm/packages/aurora/src/css/hint/main.module.less.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n  margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n  margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n  color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n  display: block;\n}\n.main-module_hint__content__IIh3W {\n  min-width: 258px;\n  position: absolute;\n  display: none;\n  right: -0.25rem;\n  top: 150%;\n  z-index: 6;\n  padding: 1rem;\n  text-align: left;\n  background-color: #ffffff;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n  border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  right: 4px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n  content: '';\n  position: absolute;\n  top: -20px;\n  right: 0;\n  display: block;\n  width: 200px;\n  height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n  background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n  border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n  right: auto;\n  left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n  left: 0;\n  right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n  right: auto;\n  left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n  bottom: 150%;\n  top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n  bottom: -20px;\n  top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n  bottom: -14px;\n  top: auto;\n  border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n  border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n  position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n  top: auto;\n  left: 0;\n  right: 0;\n  width: 100%;\n  margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n  display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n  top: -8px;\n  height: 8px;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n  margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n  margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n  color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n  display: block;\n}\n.main-module_hint__content__IIh3W {\n  min-width: 258px;\n  max-width: 500px;\n  position: absolute;\n  display: none;\n  right: -0.25rem;\n  top: 150%;\n  z-index: 6;\n  padding: 1rem;\n  text-align: left;\n  background-color: #ffffff;\n  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n  border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  right: 4px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n  content: '';\n  position: absolute;\n  top: -20px;\n  right: 0;\n  display: block;\n  width: 200px;\n  height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n  background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n  border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n  right: auto;\n  left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n  left: 0;\n  right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n  right: auto;\n  left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n  bottom: 150%;\n  top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n  bottom: -20px;\n  top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n  bottom: -14px;\n  top: auto;\n  border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n  border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n  position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n  top: auto;\n  left: 0;\n  right: 0;\n  width: 100%;\n  margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n  display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n  top: -8px;\n  height: 8px;\n}\n";
 var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
 styleInject(css_248z);
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.1.1",
   "sideEffects": false,
-  "version": "0.3.4-192",
+  "version": "0.3.4-193",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",