@dreamcommerce/aurora 0.3.4-190 → 0.3.4-194

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +1 -1
  3. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +1 -1
  4. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +1 -1
  5. package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +1 -1
  6. package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +1 -1
  7. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +1 -1
  8. package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +1 -1
  9. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +1 -1
  10. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +1 -1
  11. package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js +1 -1
  12. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +1 -1
  13. package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +1 -1
  14. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +1 -1
  15. package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js +16 -21
  16. package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
  17. package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_value.js +2 -2
  18. package/build/cjs/packages/aurora/src/components/file_picker/index.js +4 -2
  19. package/build/cjs/packages/aurora/src/components/file_picker/index.js.map +1 -1
  20. package/build/cjs/packages/aurora/src/components/file_picker/utils.js +18 -0
  21. package/build/cjs/packages/aurora/src/components/file_picker/utils.js.map +1 -0
  22. package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js +5 -6
  23. package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
  24. package/build/cjs/packages/aurora/src/css/controls/main.module.less.js +1 -1
  25. package/build/cjs/packages/aurora/src/css/flash_message/main.module.less.js +1 -1
  26. package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +1 -1
  27. package/build/cjs/packages/aurora/src/css/label/main.module.less.js +1 -1
  28. package/build/cjs/packages/aurora/src/hooks/use_key_down.js +2 -8
  29. package/build/cjs/packages/aurora/src/hooks/use_key_down.js.map +1 -1
  30. package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +1 -1
  31. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +1 -1
  32. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +1 -1
  33. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +1 -1
  34. package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +1 -1
  35. package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +1 -1
  36. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +1 -1
  37. package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +1 -1
  38. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +1 -1
  39. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +1 -1
  40. package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +1 -1
  41. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +1 -1
  42. package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +1 -1
  43. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +1 -1
  44. package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js +16 -21
  45. package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
  46. package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.d.ts +1 -1
  47. package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.js +2 -2
  48. package/build/esm/packages/aurora/src/components/file_picker/index.js +4 -2
  49. package/build/esm/packages/aurora/src/components/file_picker/index.js.map +1 -1
  50. package/build/esm/packages/aurora/src/components/file_picker/utils.d.ts +1 -0
  51. package/build/esm/packages/aurora/src/components/file_picker/utils.js +14 -0
  52. package/build/esm/packages/aurora/src/components/file_picker/utils.js.map +1 -0
  53. package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js +5 -6
  54. package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
  55. package/build/esm/packages/aurora/src/css/controls/main.module.less.js +1 -1
  56. package/build/esm/packages/aurora/src/css/flash_message/main.module.less.js +1 -1
  57. package/build/esm/packages/aurora/src/css/hint/main.module.less.js +1 -1
  58. package/build/esm/packages/aurora/src/css/label/main.module.less.js +1 -1
  59. package/build/esm/packages/aurora/src/hooks/use_key_down.js +2 -8
  60. package/build/esm/packages/aurora/src/hooks/use_key_down.js.map +1 -1
  61. package/package.json +1 -1
@@ -16,7 +16,7 @@ var ControlCellSelector = function (_a) {
16
16
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
17
17
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
18
18
  label,
19
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
19
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
20
20
  React__default['default'].createElement(index['default'].Content, null,
21
21
  React__default['default'].createElement(index['default'].Element, null,
22
22
  React__default['default'].createElement(cell_selector['default'], { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),
@@ -32,7 +32,7 @@ var ControlCheckbox = function (_a) {
32
32
  React__default['default'].createElement(index$1['default'], { htmlFor: id },
33
33
  label,
34
34
  " ",
35
- hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
35
+ hint && React__default['default'].createElement(index$2['default'], { fixed: true, hint: hint, spacingLeft: true })))),
36
36
  React__default['default'].createElement(index['default'].Errors, null)));
37
37
  };
38
38
 
@@ -31,7 +31,7 @@ var ControlCheckboxSwitch = function (_a) {
31
31
  React__default['default'].createElement(index['default'].CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
32
32
  React__default['default'].createElement(index$1['default'], { htmlFor: id },
33
33
  label,
34
- hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
34
+ hint && React__default['default'].createElement(index$2['default'], { fixed: true, hint: hint, spacingLeft: true })))),
35
35
  React__default['default'].createElement(index['default'].Errors, null)));
36
36
  };
37
37
 
@@ -37,7 +37,7 @@ var ControlColorPicker = function (_a) {
37
37
  React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
38
38
  (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
39
39
  label$1,
40
- hint && React__default['default'].createElement(index$3['default'], { spacingLeft: true, hint: hint }))),
40
+ hint && React__default['default'].createElement(index$3['default'], { fixed: true, spacingLeft: true, hint: hint }))),
41
41
  React__default['default'].createElement(index$2['default'].Content, null,
42
42
  React__default['default'].createElement(index$2['default'].Element, null,
43
43
  React__default['default'].createElement(label['default'], { name: name || '', isRequired: isRequired, id: id, label: label$1 }))),
@@ -57,7 +57,7 @@ var ControlDatepicker = function (_a) {
57
57
  React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
58
58
  (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
59
59
  label$1,
60
- hint && React__default['default'].createElement(index$3['default'], { spacingLeft: true, hint: hint }))),
60
+ hint && React__default['default'].createElement(index$3['default'], { fixed: true, spacingLeft: true, hint: hint }))),
61
61
  React__default['default'].createElement(index$2['default'].Content, null,
62
62
  React__default['default'].createElement(index$2['default'].Element, null,
63
63
  React__default['default'].createElement(label['default'], { name: name, id: id }))),
@@ -16,7 +16,7 @@ var ControlFilePicker = function (_a) {
16
16
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
17
17
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
18
18
  label,
19
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
19
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
20
20
  React__default['default'].createElement(index['default'].Content, null,
21
21
  React__default['default'].createElement(index['default'].Element, null,
22
22
  React__default['default'].createElement(index$2['default'], { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),
@@ -31,7 +31,7 @@ var ControlInput = function (_a) {
31
31
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
32
32
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
33
33
  label,
34
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
34
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
35
35
  React__default['default'].createElement(index['default'].Content, null,
36
36
  React__default['default'].createElement(index['default'].Element, { prefix: prefix, postfix: postfix },
37
37
  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)))),
@@ -16,7 +16,7 @@ var ControlMultiSelect = function (_a) {
16
16
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
17
17
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
18
18
  label,
19
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
19
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
20
20
  React__default['default'].createElement(index['default'].Content, null,
21
21
  React__default['default'].createElement(index['default'].Element, null,
22
22
  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 }))),
@@ -32,7 +32,7 @@ var ControlRadio = function (_a) {
32
32
  React__default['default'].createElement(index$1['default'], { htmlFor: id },
33
33
  label,
34
34
  " ",
35
- hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
35
+ hint && React__default['default'].createElement(index$2['default'], { fixed: true, hint: hint, spacingLeft: true })))),
36
36
  React__default['default'].createElement(index['default'].Errors, null)));
37
37
  };
38
38
 
@@ -16,7 +16,7 @@ var ControlRadioGroup = function (_a) {
16
16
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
17
17
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
18
18
  label,
19
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
19
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
20
20
  options.map(function (_a) {
21
21
  var value = _a.value, label = _a.label, hint = _a.hint, disabled = _a.disabled;
22
22
  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 }));
@@ -16,7 +16,7 @@ var ControlRange = function (_a) {
16
16
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
17
17
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
18
18
  label,
19
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
19
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
20
20
  React__default['default'].createElement(index['default'].Content, null,
21
21
  React__default['default'].createElement(index['default'].Element, null,
22
22
  React__default['default'].createElement(index$2['default'], { initialValue: initialValue, key: name, name: name, isDisabled: isDisabled, onChange: onChange, max: max, min: min, step: step }))),
@@ -31,7 +31,7 @@ var ControlSelect = function (_a) {
31
31
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
32
32
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
33
33
  label,
34
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
34
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
35
35
  React__default['default'].createElement(index['default'].Content, null,
36
36
  React__default['default'].createElement(index['default'].Element, null,
37
37
  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 }))),
@@ -16,7 +16,7 @@ var ControlTagsSelector = function (_a) {
16
16
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
17
17
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
18
18
  label,
19
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
19
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
20
20
  React__default['default'].createElement(index['default'].Content, null,
21
21
  React__default['default'].createElement(index['default'].Element, null,
22
22
  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 }))),
@@ -30,7 +30,7 @@ var ControlTextarea = function (_a) {
30
30
  return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
31
31
  (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
32
32
  label,
33
- hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
33
+ hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
34
34
  React__default['default'].createElement(index['default'].Content, null,
35
35
  React__default['default'].createElement(index['default'].Element, null,
36
36
  React__default['default'].createElement(index['default'].Textarea, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress }))),
@@ -46,62 +46,57 @@ var Select = function (_a) {
46
46
  * array of default values (for select its always one element), array is
47
47
  * used to be compatible with multiselects
48
48
  */
49
- _b = _a.defaultValues,
50
- /**
51
- * array of default values (for select its always one element), array is
52
- * used to be compatible with multiselects
53
- */
54
- defaultValues = _b === void 0 ? [] : _b,
49
+ defaultValues = _a.defaultValues,
55
50
  /**
56
51
  * indicates if select is readonly
57
52
  */
58
- _c = _a.isReadonly,
53
+ _b = _a.isReadonly,
59
54
  /**
60
55
  * indicates if select is readonly
61
56
  */
62
- isReadonly = _c === void 0 ? false : _c,
57
+ isReadonly = _b === void 0 ? false : _b,
63
58
  /**
64
59
  * indicates if select is disabled
65
60
  */
66
- _d = _a.isDisabled,
61
+ _c = _a.isDisabled,
67
62
  /**
68
63
  * indicates if select is disabled
69
64
  */
70
- isDisabled = _d === void 0 ? false : _d,
65
+ isDisabled = _c === void 0 ? false : _c,
71
66
  /**
72
67
  * indicates if selects has groups (similar to optgroup), options then have
73
68
  * left-padding, and you should use options with isHeader set to true
74
69
  */
75
- _e = _a.isWithGroups,
70
+ _d = _a.isWithGroups,
76
71
  /**
77
72
  * indicates if selects has groups (similar to optgroup), options then have
78
73
  * left-padding, and you should use options with isHeader set to true
79
74
  */
80
- isWithGroups = _e === void 0 ? false : _e,
75
+ isWithGroups = _d === void 0 ? false : _d,
81
76
  /**
82
77
  * indicates if select should have search to look for options
83
78
  */
84
- _f = _a.isWithSearch,
79
+ _e = _a.isWithSearch,
85
80
  /**
86
81
  * indicates if select should have search to look for options
87
82
  */
88
- isWithSearch = _f === void 0 ? false : _f,
83
+ isWithSearch = _e === void 0 ? false : _e,
89
84
  /**
90
85
  * indicates if select should be opened at render
91
86
  */
92
- _g = _a.defaultIsOpen,
87
+ _f = _a.defaultIsOpen,
93
88
  /**
94
89
  * indicates if select should be opened at render
95
90
  */
96
- defaultIsOpen = _g === void 0 ? false : _g,
91
+ defaultIsOpen = _f === void 0 ? false : _f,
97
92
  /**
98
93
  * indicates if select should hide on option click
99
94
  */
100
- _h = _a.defaultCloseOnClick,
95
+ _g = _a.defaultCloseOnClick,
101
96
  /**
102
97
  * indicates if select should hide on option click
103
98
  */
104
- defaultCloseOnClick = _h === void 0 ? true : _h,
99
+ defaultCloseOnClick = _g === void 0 ? true : _g,
105
100
  /**
106
101
  * called on select toggle
107
102
  */
@@ -122,15 +117,15 @@ var Select = function (_a) {
122
117
  /**
123
118
  * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
124
119
  */
125
- var _j = use_toggle.useToggle(defaultIsOpen, onToggle), isOpen = _j[0], toggleDropdown = _j[1];
120
+ var _h = use_toggle.useToggle(defaultIsOpen, onToggle), isOpen = _h[0], toggleDropdown = _h[1];
126
121
  /**
127
122
  * hook with option list state, and method to change option list
128
123
  */
129
- var _k = React.useState([]), optionsList = _k[0], setOptionsList = _k[1];
124
+ var _j = React.useState([]), optionsList = _j[0], setOptionsList = _j[1];
130
125
  /**
131
126
  * hook with selected value, and method do change it
132
127
  */
133
- var _l = use_value.useValue(wrapperRef, options, defaultValues, onChange), selectedValues = _l[0], setSelectedValues = _l[1];
128
+ var _k = use_value.useValue(wrapperRef, options, defaultValues, onChange), selectedValues = _k[0], setSelectedValues = _k[1];
134
129
  /**
135
130
  * context values, they may be used with useContext in any component which is part of Dropdown composition
136
131
  */
@@ -1 +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;"}
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;"}
@@ -32,9 +32,9 @@ function useValue(wrapperRef, options, defaultValues, onChangeCb) {
32
32
  }
33
33
  }, [onChangeCb, wrapperRef]);
34
34
  React.useEffect(function () {
35
- var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
35
+ var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && defaultValues.indexOf(option.value) >= 0; });
36
36
  setSelectedValue(defaultSelectedOptions);
37
- }, [defaultValues]);
37
+ }, [defaultValues, options]);
38
38
  return [selectedValues, setSelectedValues];
39
39
  }
40
40
  /**
@@ -8,20 +8,22 @@ var css_classes = require('./css_classes.js');
8
8
  var selected_file_preview = require('./components/selected_file_preview.js');
9
9
  var file_input = require('./components/file_input.js');
10
10
  var use_file_picker = require('./use_file_picker.js');
11
+ var utils = require('./utils.js');
11
12
 
12
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
14
 
14
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
16
 
16
17
  var FilePicker = function (_a) {
17
- 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;
18
+ 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;
18
19
  var _d = use_file_picker.useFilePicker({
19
20
  initialFile: initialFile,
20
21
  onChange: onChange
21
22
  }), 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;
23
+ var acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
22
24
  return (React__default['default'].createElement("div", { className: className },
23
25
  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 })),
24
- React__default['default'].createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: main_module['default'][css_classes['default'].filePickerInput] })));
26
+ React__default['default'].createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: main_module['default'][css_classes['default'].filePickerInput], accept: acceptFiles })));
25
27
  };
26
28
 
27
29
  exports.default = FilePicker;
@@ -1 +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;"}
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;"}
@@ -0,0 +1,18 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var getAcceptFilesParametersFromAllowedExtensions = function (allowedExtensions) {
6
+ var extraContent = [];
7
+ if (allowedExtensions.some(function (allowedExtension) { return allowedExtension.toLowerCase() === 'png'; })) {
8
+ extraContent.push('image/png');
9
+ }
10
+ var joinedExtensions = allowedExtensions
11
+ .map(function (allowedExtensions) { return allowedExtensions.toLowerCase(); })
12
+ .map(function (allowedExtension) { return (allowedExtension.indexOf('.') < 0 ? ".".concat(allowedExtension) : allowedExtension); })
13
+ .join(',');
14
+ return extraContent ? "".concat(joinedExtensions, ",").concat(extraContent.join(',')) : joinedExtensions;
15
+ };
16
+
17
+ exports.getAcceptFilesParametersFromAllowedExtensions = getAcceptFilesParametersFromAllowedExtensions;
18
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +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;"}
@@ -28,12 +28,11 @@ var FlashMessage = function (_a) {
28
28
  exitActive: main_module['default']['flash-messenger__list_exit-active']
29
29
  } },
30
30
  React__default['default'].createElement(index['default'], { type: message.type, className: "".concat(main_module['default']['flash-messenger__message'], " ").concat(main_module['default']['flash-messenger__list-item']) },
31
- React__default['default'].createElement(index$1['default'], { size: "full" },
32
- React__default['default'].createElement(index$1['default'].Row, null,
33
- React__default['default'].createElement(index$1['default'].Col, { auto: "grow" },
34
- React__default['default'].createElement("div", null, message.content)),
35
- React__default['default'].createElement(index$1['default'].Col, { auto: "auto" },
36
- React__default['default'].createElement(icon_close['default'], { onClick: function () { return hideMessage(message.id); }, className: main_module['default']['flash-messenger__icon-close'] })))))));
31
+ React__default['default'].createElement(index$1['default'].Row, null,
32
+ React__default['default'].createElement(index$1['default'].Col, { auto: "grow" },
33
+ React__default['default'].createElement("div", null, message.content)),
34
+ React__default['default'].createElement(index$1['default'].Col, { auto: "auto" },
35
+ React__default['default'].createElement(icon_close['default'], { onClick: function () { return hideMessage(message.id); }, className: main_module['default']['flash-messenger__icon-close'] }))))));
37
36
  };
38
37
 
39
38
  exports.default = FlashMessage;
@@ -1 +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;"}
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;"}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.145em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n content: attr(data-postfix);\n position: absolute;\n right: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n justify-content: space-between;\n align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\n margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n display: flex;\n justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n display: flex;\n margin-top: -0.25rem;\n margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n margin-top: 0.4rem;\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #e60c54;\n text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n padding: 0.5rem;\n background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-content__1jX07 {\n margin-left: 2.5rem;\n margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n margin-left: 0.8rem;\n border-left: 1px solid #d0e6ff;\n padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n position: absolute;\n left: 1.25rem;\n pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n align-items: center;\n position: relative;\n display: flex;\n}\ninput,\ntextarea {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n color: #5c657e;\n background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n}\ninput[type='number'] {\n -moz-appearance: textfield;\n}\ntextarea {\n min-height: 8rem;\n resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n option {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n }\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.145em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n content: attr(data-postfix);\n position: absolute;\n right: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n justify-content: space-between;\n align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\n color: #2d3748;\n margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n display: flex;\n justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n display: flex;\n margin-top: -0.25rem;\n margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n margin-top: 0.4rem;\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #e60c54;\n text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n padding: 0.5rem;\n background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-content__1jX07 {\n margin-left: 2.5rem;\n margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n margin-left: 0.8rem;\n border-left: 1px solid #d0e6ff;\n padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n position: absolute;\n left: 1.25rem;\n pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n align-items: center;\n position: relative;\n display: flex;\n}\ninput,\ntextarea {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n color: #5c657e;\n background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n}\ninput[type='number'] {\n -moz-appearance: textfield;\n}\ntextarea {\n min-height: 8rem;\n resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n option {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n }\n}\n";
8
8
  var cssStyles = {"controls":"main-module_controls__1yrPe","controls_error":"main-module_controls_error__1aqLg","controls__content":"main-module_controls__content__4Zj5y","controls__content_auto":"main-module_controls__content_auto__25ns9","controls__content_block":"main-module_controls__content_block__2Siky","controls__element":"main-module_controls__element__YU7DA","controls__content_vcenter":"main-module_controls__content_vcenter__3T-e7","controls__content_clear-margin":"main-module_controls__content_clear-margin__3qJ66","controls__element_auto":"main-module_controls__element_auto__5AjdP","controls__element_full":"main-module_controls__element_full__1GU_6","controls__element_three-quarters":"main-module_controls__element_three-quarters__7L5AA","controls__element_half":"main-module_controls__element_half__3B2Jl","controls__element_quarter":"main-module_controls__element_quarter__2nuhI","controls__element_prefix":"main-module_controls__element_prefix__3kJbw","controls__element_postfix":"main-module_controls__element_postfix__2qdjJ","control":"main-module_control__RIN7v","controls__element_checkbox":"main-module_controls__element_checkbox__tJ0tm","controls__element_checkbox-switch":"main-module_controls__element_checkbox-switch__L_Lic","controls__element_radio":"main-module_controls__element_radio__2kCck","controls__element_color-picker":"main-module_controls__element_color-picker__3wTA0","checkbox":"main-module_checkbox__vRI_x","radio":"main-module_radio__yu617","controls__element_spread":"main-module_controls__element_spread__28eqq","controls__element_vcenter":"main-module_controls__element_vcenter__2xs_a","controls__element_hcenter":"main-module_controls__element_hcenter__2tkPq","controls__label":"main-module_controls__label__1HTDS","controls__label_with-postfix":"main-module_controls__label_with-postfix__1g002","controls__hint":"main-module_controls__hint__UZPP2","controls__errors":"main-module_controls__errors__1nRxU","controls__errors-label":"main-module_controls__errors-label__2yGyP","controls__errors-list":"main-module_controls__errors-list__1eq14","controls__errors-list-item":"main-module_controls__errors-list-item__DzpwC","controls__additional-content":"main-module_controls__additional-content__1jX07","controls__additional-content_with-border":"main-module_controls__additional-content_with-border__38d_y","controls__additional-content_checkbox-switch":"main-module_controls__additional-content_checkbox-switch__1I7F_","controls__icon":"main-module_controls__icon__2aZg7","controls__element_with-icon":"main-module_controls__element_with-icon__188vU"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_flash-messenger__2QEmJ {\n position: fixed;\n right: 1rem;\n bottom: 0;\n z-index: 1000000;\n}\n.main-module_flash-messenger__list-item__3Qwmv {\n padding: 1rem;\n transition: all 0.25s;\n margin-bottom: 1rem;\n height: 3rem;\n}\n.main-module_flash-messenger__list_enter__3EQYY {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n}\n.main-module_flash-messenger__list_exit-done__4J0xz {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n height: 0;\n padding: 0;\n margin: 0;\n}\n.main-module_flash-messenger__list_exit-active__1fYC7 {\n transform: translate3d(0, 3rem, 0);\n opacity: 0;\n}\n.main-module_flash-messenger__icon-close__32npS {\n cursor: pointer;\n}\n.main-module_flash-messenger__icon-close__32npS * {\n fill: #000000;\n}\n@media screen and (max-width: 575px) {\n .main-module_flash-messenger__message__AzNXF {\n width: calc(100vw - (1rem * 2));\n }\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_flash-messenger__2QEmJ {\n position: fixed;\n margin-right: 0;\n right: 1rem;\n bottom: 0;\n z-index: 1000000;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n align-content: flex-end;\n justify-content: flex-end;\n}\n.main-module_flash-messenger__list-item__3Qwmv {\n padding: 1rem;\n transition: all 0.25s;\n margin-bottom: 1rem;\n height: 3rem;\n}\n.main-module_flash-messenger__list_enter__3EQYY {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n}\n.main-module_flash-messenger__list_exit-done__4J0xz {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n height: 0;\n padding: 0;\n margin: 0;\n}\n.main-module_flash-messenger__list_exit-active__1fYC7 {\n transform: translate3d(0, 3rem, 0);\n opacity: 0;\n}\n.main-module_flash-messenger__icon-close__32npS {\n cursor: pointer;\n}\n.main-module_flash-messenger__icon-close__32npS * {\n fill: #000000;\n}\n.main-module_flash-messenger__message__AzNXF {\n margin-right: 0 !important;\n width: auto !important;\n}\n@media screen and (max-width: 575px) {\n .main-module_flash-messenger__message__AzNXF {\n width: calc(100vw - (1rem * 2));\n }\n}\n";
8
8
  var cssClasses = {"flash-messenger":"main-module_flash-messenger__2QEmJ","flash-messenger__list-item":"main-module_flash-messenger__list-item__3Qwmv","flash-messenger__list_enter":"main-module_flash-messenger__list_enter__3EQYY","flash-messenger__list_exit-done":"main-module_flash-messenger__list_exit-done__4J0xz","flash-messenger__list_exit-active":"main-module_flash-messenger__list_exit-active__1fYC7","flash-messenger__icon-close":"main-module_flash-messenger__icon-close__32npS","flash-messenger__message":"main-module_flash-messenger__message__AzNXF"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- 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 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";
7
+ 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";
8
8
  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"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #5c657e;\n}\n.main-module_label_required__1znQf {\n position: relative;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: -0.8rem;\n top: -0.1rem;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n font-weight: 600;\n color: #135cc8;\n vertical-align: text-top;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #2d3748;\n}\n.main-module_label_required__1znQf {\n position: relative;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: -0.8rem;\n top: -0.1rem;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n font-weight: 600;\n color: #135cc8;\n vertical-align: text-top;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
8
8
  var cssClasses = {"label":"main-module_label__vCIbX","label_required":"main-module_label_required__1znQf","label_error":"main-module_label_error__su2hG"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
@@ -19,7 +19,6 @@ var checkKeyMatch = function (key, sequence) { return key.match(new RegExp(seque
19
19
  */
20
20
  var useKeyDown = function (keys, cb, ref) {
21
21
  React.useEffect(function () {
22
- var _a;
23
22
  if (!cb) {
24
23
  return;
25
24
  }
@@ -39,14 +38,9 @@ var useKeyDown = function (keys, cb, ref) {
39
38
  }
40
39
  });
41
40
  };
42
- if (ref) {
43
- (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', onEscape);
44
- }
41
+ ((ref === null || ref === void 0 ? void 0 : ref.current) || document).addEventListener('keydown', onEscape);
45
42
  return function () {
46
- var _a;
47
- if (ref) {
48
- (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', onEscape);
49
- }
43
+ ((ref === null || ref === void 0 ? void 0 : ref.current) || document).removeEventListener('keydown', onEscape);
50
44
  };
51
45
  }, [ref, cb, keys]);
52
46
  };
@@ -1 +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;"}
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;"}
@@ -8,7 +8,7 @@ var ControlCellSelector = function (_a) {
8
8
  return (React.createElement(Control, { errors: errors, name: name, id: id },
9
9
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
10
10
  label,
11
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
11
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
12
12
  React.createElement(Control.Content, null,
13
13
  React.createElement(Control.Element, null,
14
14
  React.createElement(CellSelector, { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),
@@ -24,7 +24,7 @@ var ControlCheckbox = function (_a) {
24
24
  React.createElement(Label, { htmlFor: id },
25
25
  label,
26
26
  " ",
27
- hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
27
+ hint && React.createElement(Hint, { fixed: true, hint: hint, spacingLeft: true })))),
28
28
  React.createElement(Control.Errors, null)));
29
29
  };
30
30
 
@@ -23,7 +23,7 @@ var ControlCheckboxSwitch = function (_a) {
23
23
  React.createElement(Control.CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
24
24
  React.createElement(Label, { htmlFor: id },
25
25
  label,
26
- hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
26
+ hint && React.createElement(Hint, { fixed: true, hint: hint, spacingLeft: true })))),
27
27
  React.createElement(Control.Errors, null)));
28
28
  };
29
29
 
@@ -29,7 +29,7 @@ var ControlColorPicker = function (_a) {
29
29
  React.createElement(Control, { errors: errors, name: name, id: id },
30
30
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
31
31
  label,
32
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
32
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
33
33
  React.createElement(Control.Content, null,
34
34
  React.createElement(Control.Element, null,
35
35
  React.createElement(ColorPickerLabel, { name: name || '', isRequired: isRequired, id: id, label: label }))),
@@ -49,7 +49,7 @@ var ControlDatepicker = function (_a) {
49
49
  React.createElement(Control, { errors: errors, name: name, id: id },
50
50
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
51
51
  label,
52
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
52
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
53
53
  React.createElement(Control.Content, null,
54
54
  React.createElement(Control.Element, null,
55
55
  React.createElement(DatepickerLabel, { name: name, id: id }))),
@@ -8,7 +8,7 @@ var ControlFilePicker = function (_a) {
8
8
  return (React.createElement(Control, { errors: errors, name: name, id: id },
9
9
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
10
10
  label,
11
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
11
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
12
12
  React.createElement(Control.Content, null,
13
13
  React.createElement(Control.Element, null,
14
14
  React.createElement(FilePicker, { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),
@@ -23,7 +23,7 @@ var ControlInput = function (_a) {
23
23
  return (React.createElement(Control, { errors: errors, name: name, id: id },
24
24
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
25
25
  label,
26
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
26
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
27
27
  React.createElement(Control.Content, null,
28
28
  React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
29
29
  React.createElement(Control.Input, __assign({ id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }, props)))),
@@ -8,7 +8,7 @@ var ControlMultiSelect = function (_a) {
8
8
  return (React.createElement(Control, { errors: errors, name: name, id: id },
9
9
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
10
10
  label,
11
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
11
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
12
12
  React.createElement(Control.Content, null,
13
13
  React.createElement(Control.Element, null,
14
14
  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 }))),
@@ -24,7 +24,7 @@ var ControlRadio = function (_a) {
24
24
  React.createElement(Label, { htmlFor: id },
25
25
  label,
26
26
  " ",
27
- hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
27
+ hint && React.createElement(Hint, { fixed: true, hint: hint, spacingLeft: true })))),
28
28
  React.createElement(Control.Errors, null)));
29
29
  };
30
30
 
@@ -8,7 +8,7 @@ var ControlRadioGroup = function (_a) {
8
8
  return (React.createElement(Control, { errors: errors, name: name, id: id },
9
9
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
10
10
  label,
11
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
11
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
12
12
  options.map(function (_a) {
13
13
  var value = _a.value, label = _a.label, hint = _a.hint, disabled = _a.disabled;
14
14
  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 }));
@@ -8,7 +8,7 @@ var ControlRange = function (_a) {
8
8
  return (React.createElement(Control, { errors: errors, name: name, id: id },
9
9
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
10
10
  label,
11
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
11
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
12
12
  React.createElement(Control.Content, null,
13
13
  React.createElement(Control.Element, null,
14
14
  React.createElement(Range, { initialValue: initialValue, key: name, name: name, isDisabled: isDisabled, onChange: onChange, max: max, min: min, step: step }))),
@@ -23,7 +23,7 @@ var ControlSelect = function (_a) {
23
23
  return (React.createElement(Control, { errors: errors, name: name, id: id },
24
24
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
25
25
  label,
26
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
26
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
27
27
  React.createElement(Control.Content, null,
28
28
  React.createElement(Control.Element, null,
29
29
  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 }))),
@@ -8,7 +8,7 @@ var ControlTagsSelector = function (_a) {
8
8
  return (React.createElement(Control, { errors: errors, name: name, id: id },
9
9
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
10
10
  label,
11
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
11
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
12
12
  React.createElement(Control.Content, null,
13
13
  React.createElement(Control.Element, null,
14
14
  React.createElement(TagsSelector, { id: id, name: name, placeholder: placeholder, minTagLength: minTagLength, withList: withList, defaultTags: defaultTags, tagsListValue: defaultListTags, onChange: onChange, onListItemClick: onListItemClick }))),
@@ -22,7 +22,7 @@ var ControlTextarea = function (_a) {
22
22
  return (React.createElement(Control, { errors: errors, name: name, id: id },
23
23
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
24
24
  label,
25
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
25
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
26
26
  React.createElement(Control.Content, null,
27
27
  React.createElement(Control.Element, null,
28
28
  React.createElement(Control.Textarea, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress }))),
@@ -38,62 +38,57 @@ var Select = function (_a) {
38
38
  * array of default values (for select its always one element), array is
39
39
  * used to be compatible with multiselects
40
40
  */
41
- _b = _a.defaultValues,
42
- /**
43
- * array of default values (for select its always one element), array is
44
- * used to be compatible with multiselects
45
- */
46
- defaultValues = _b === void 0 ? [] : _b,
41
+ defaultValues = _a.defaultValues,
47
42
  /**
48
43
  * indicates if select is readonly
49
44
  */
50
- _c = _a.isReadonly,
45
+ _b = _a.isReadonly,
51
46
  /**
52
47
  * indicates if select is readonly
53
48
  */
54
- isReadonly = _c === void 0 ? false : _c,
49
+ isReadonly = _b === void 0 ? false : _b,
55
50
  /**
56
51
  * indicates if select is disabled
57
52
  */
58
- _d = _a.isDisabled,
53
+ _c = _a.isDisabled,
59
54
  /**
60
55
  * indicates if select is disabled
61
56
  */
62
- isDisabled = _d === void 0 ? false : _d,
57
+ isDisabled = _c === void 0 ? false : _c,
63
58
  /**
64
59
  * indicates if selects has groups (similar to optgroup), options then have
65
60
  * left-padding, and you should use options with isHeader set to true
66
61
  */
67
- _e = _a.isWithGroups,
62
+ _d = _a.isWithGroups,
68
63
  /**
69
64
  * indicates if selects has groups (similar to optgroup), options then have
70
65
  * left-padding, and you should use options with isHeader set to true
71
66
  */
72
- isWithGroups = _e === void 0 ? false : _e,
67
+ isWithGroups = _d === void 0 ? false : _d,
73
68
  /**
74
69
  * indicates if select should have search to look for options
75
70
  */
76
- _f = _a.isWithSearch,
71
+ _e = _a.isWithSearch,
77
72
  /**
78
73
  * indicates if select should have search to look for options
79
74
  */
80
- isWithSearch = _f === void 0 ? false : _f,
75
+ isWithSearch = _e === void 0 ? false : _e,
81
76
  /**
82
77
  * indicates if select should be opened at render
83
78
  */
84
- _g = _a.defaultIsOpen,
79
+ _f = _a.defaultIsOpen,
85
80
  /**
86
81
  * indicates if select should be opened at render
87
82
  */
88
- defaultIsOpen = _g === void 0 ? false : _g,
83
+ defaultIsOpen = _f === void 0 ? false : _f,
89
84
  /**
90
85
  * indicates if select should hide on option click
91
86
  */
92
- _h = _a.defaultCloseOnClick,
87
+ _g = _a.defaultCloseOnClick,
93
88
  /**
94
89
  * indicates if select should hide on option click
95
90
  */
96
- defaultCloseOnClick = _h === void 0 ? true : _h,
91
+ defaultCloseOnClick = _g === void 0 ? true : _g,
97
92
  /**
98
93
  * called on select toggle
99
94
  */
@@ -114,15 +109,15 @@ var Select = function (_a) {
114
109
  /**
115
110
  * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
116
111
  */
117
- var _j = useToggle(defaultIsOpen, onToggle), isOpen = _j[0], toggleDropdown = _j[1];
112
+ var _h = useToggle(defaultIsOpen, onToggle), isOpen = _h[0], toggleDropdown = _h[1];
118
113
  /**
119
114
  * hook with option list state, and method to change option list
120
115
  */
121
- var _k = useState([]), optionsList = _k[0], setOptionsList = _k[1];
116
+ var _j = useState([]), optionsList = _j[0], setOptionsList = _j[1];
122
117
  /**
123
118
  * hook with selected value, and method do change it
124
119
  */
125
- var _l = useValue(wrapperRef, options, defaultValues, onChange), selectedValues = _l[0], setSelectedValues = _l[1];
120
+ var _k = useValue(wrapperRef, options, defaultValues, onChange), selectedValues = _k[0], setSelectedValues = _k[1];
126
121
  /**
127
122
  * context values, they may be used with useContext in any component which is part of Dropdown composition
128
123
  */
@@ -1 +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;"}
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;"}
@@ -12,7 +12,7 @@ import { ISelectOption } from '../types';
12
12
  *
13
13
  * @returns {Array} Tuple - selected values and state setter for them
14
14
  */
15
- export declare function useValue(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues: Array<string>, onChangeCb?: (selectedOption: ISelectOption) => void): [ISelectOption[], (selectedOption: ISelectOption) => void];
15
+ export declare function useValue(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues?: Array<string>, onChangeCb?: (selectedOption: ISelectOption) => void): [ISelectOption[], (selectedOption: ISelectOption) => void];
16
16
  /**
17
17
  * dropdown:change event
18
18
  *
@@ -28,9 +28,9 @@ function useValue(wrapperRef, options, defaultValues, onChangeCb) {
28
28
  }
29
29
  }, [onChangeCb, wrapperRef]);
30
30
  useEffect(function () {
31
- var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
31
+ var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && defaultValues.indexOf(option.value) >= 0; });
32
32
  setSelectedValue(defaultSelectedOptions);
33
- }, [defaultValues]);
33
+ }, [defaultValues, options]);
34
34
  return [selectedValues, setSelectedValues];
35
35
  }
36
36
  /**
@@ -4,16 +4,18 @@ import CSS_CLASSES from './css_classes.js';
4
4
  import SelectedFilePreview from './components/selected_file_preview.js';
5
5
  import FileInput from './components/file_input.js';
6
6
  import { useFilePicker } from './use_file_picker.js';
7
+ import { getAcceptFilesParametersFromAllowedExtensions } from './utils.js';
7
8
 
8
9
  var FilePicker = function (_a) {
9
- 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;
10
+ 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;
10
11
  var _d = useFilePicker({
11
12
  initialFile: initialFile,
12
13
  onChange: onChange
13
14
  }), 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;
15
+ var acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
14
16
  return (React.createElement("div", { className: className },
15
17
  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 })),
16
- React.createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: styles[CSS_CLASSES.filePickerInput] })));
18
+ React.createElement("input", { onChange: onFileChange, id: id, type: "file", name: name, className: styles[CSS_CLASSES.filePickerInput], accept: acceptFiles })));
17
19
  };
18
20
 
19
21
  export default FilePicker;
@@ -1 +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;"}
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;"}
@@ -0,0 +1 @@
1
+ export declare const getAcceptFilesParametersFromAllowedExtensions: (allowedExtensions: string[]) => string;
@@ -0,0 +1,14 @@
1
+ var getAcceptFilesParametersFromAllowedExtensions = function (allowedExtensions) {
2
+ var extraContent = [];
3
+ if (allowedExtensions.some(function (allowedExtension) { return allowedExtension.toLowerCase() === 'png'; })) {
4
+ extraContent.push('image/png');
5
+ }
6
+ var joinedExtensions = allowedExtensions
7
+ .map(function (allowedExtensions) { return allowedExtensions.toLowerCase(); })
8
+ .map(function (allowedExtension) { return (allowedExtension.indexOf('.') < 0 ? ".".concat(allowedExtension) : allowedExtension); })
9
+ .join(',');
10
+ return extraContent ? "".concat(joinedExtensions, ",").concat(extraContent.join(',')) : joinedExtensions;
11
+ };
12
+
13
+ export { getAcceptFilesParametersFromAllowedExtensions };
14
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +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;"}
@@ -20,12 +20,11 @@ var FlashMessage = function (_a) {
20
20
  exitActive: cssClasses['flash-messenger__list_exit-active']
21
21
  } },
22
22
  React.createElement(MessageBox, { type: message.type, className: "".concat(cssClasses['flash-messenger__message'], " ").concat(cssClasses['flash-messenger__list-item']) },
23
- React.createElement(Grid, { size: "full" },
24
- React.createElement(Grid.Row, null,
25
- React.createElement(Grid.Col, { auto: "grow" },
26
- React.createElement("div", null, message.content)),
27
- React.createElement(Grid.Col, { auto: "auto" },
28
- React.createElement(IconClose, { onClick: function () { return hideMessage(message.id); }, className: cssClasses['flash-messenger__icon-close'] })))))));
23
+ React.createElement(Grid.Row, null,
24
+ React.createElement(Grid.Col, { auto: "grow" },
25
+ React.createElement("div", null, message.content)),
26
+ React.createElement(Grid.Col, { auto: "auto" },
27
+ React.createElement(IconClose, { onClick: function () { return hideMessage(message.id); }, className: cssClasses['flash-messenger__icon-close'] }))))));
29
28
  };
30
29
 
31
30
  export default FlashMessage;
@@ -1 +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;"}
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;"}
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.145em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n content: attr(data-postfix);\n position: absolute;\n right: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n justify-content: space-between;\n align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\n margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n display: flex;\n justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n display: flex;\n margin-top: -0.25rem;\n margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n margin-top: 0.4rem;\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #e60c54;\n text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n padding: 0.5rem;\n background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-content__1jX07 {\n margin-left: 2.5rem;\n margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n margin-left: 0.8rem;\n border-left: 1px solid #d0e6ff;\n padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n position: absolute;\n left: 1.25rem;\n pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n align-items: center;\n position: relative;\n display: flex;\n}\ninput,\ntextarea {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n color: #5c657e;\n background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n}\ninput[type='number'] {\n -moz-appearance: textfield;\n}\ntextarea {\n min-height: 8rem;\n resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n option {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n }\n}\n";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.145em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n content: attr(data-postfix);\n position: absolute;\n right: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n justify-content: space-between;\n align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\n color: #2d3748;\n margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n display: flex;\n justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n display: flex;\n margin-top: -0.25rem;\n margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n margin-top: 0.4rem;\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #e60c54;\n text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n padding: 0.5rem;\n background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-content__1jX07 {\n margin-left: 2.5rem;\n margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n margin-left: 0.8rem;\n border-left: 1px solid #d0e6ff;\n padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n position: absolute;\n left: 1.25rem;\n pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n align-items: center;\n position: relative;\n display: flex;\n}\ninput,\ntextarea {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n color: #5c657e;\n background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n}\ninput[type='number'] {\n -moz-appearance: textfield;\n}\ntextarea {\n min-height: 8rem;\n resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n option {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n }\n}\n";
4
4
  var cssStyles = {"controls":"main-module_controls__1yrPe","controls_error":"main-module_controls_error__1aqLg","controls__content":"main-module_controls__content__4Zj5y","controls__content_auto":"main-module_controls__content_auto__25ns9","controls__content_block":"main-module_controls__content_block__2Siky","controls__element":"main-module_controls__element__YU7DA","controls__content_vcenter":"main-module_controls__content_vcenter__3T-e7","controls__content_clear-margin":"main-module_controls__content_clear-margin__3qJ66","controls__element_auto":"main-module_controls__element_auto__5AjdP","controls__element_full":"main-module_controls__element_full__1GU_6","controls__element_three-quarters":"main-module_controls__element_three-quarters__7L5AA","controls__element_half":"main-module_controls__element_half__3B2Jl","controls__element_quarter":"main-module_controls__element_quarter__2nuhI","controls__element_prefix":"main-module_controls__element_prefix__3kJbw","controls__element_postfix":"main-module_controls__element_postfix__2qdjJ","control":"main-module_control__RIN7v","controls__element_checkbox":"main-module_controls__element_checkbox__tJ0tm","controls__element_checkbox-switch":"main-module_controls__element_checkbox-switch__L_Lic","controls__element_radio":"main-module_controls__element_radio__2kCck","controls__element_color-picker":"main-module_controls__element_color-picker__3wTA0","checkbox":"main-module_checkbox__vRI_x","radio":"main-module_radio__yu617","controls__element_spread":"main-module_controls__element_spread__28eqq","controls__element_vcenter":"main-module_controls__element_vcenter__2xs_a","controls__element_hcenter":"main-module_controls__element_hcenter__2tkPq","controls__label":"main-module_controls__label__1HTDS","controls__label_with-postfix":"main-module_controls__label_with-postfix__1g002","controls__hint":"main-module_controls__hint__UZPP2","controls__errors":"main-module_controls__errors__1nRxU","controls__errors-label":"main-module_controls__errors-label__2yGyP","controls__errors-list":"main-module_controls__errors-list__1eq14","controls__errors-list-item":"main-module_controls__errors-list-item__DzpwC","controls__additional-content":"main-module_controls__additional-content__1jX07","controls__additional-content_with-border":"main-module_controls__additional-content_with-border__38d_y","controls__additional-content_checkbox-switch":"main-module_controls__additional-content_checkbox-switch__1I7F_","controls__icon":"main-module_controls__icon__2aZg7","controls__element_with-icon":"main-module_controls__element_with-icon__188vU"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_flash-messenger__2QEmJ {\n position: fixed;\n right: 1rem;\n bottom: 0;\n z-index: 1000000;\n}\n.main-module_flash-messenger__list-item__3Qwmv {\n padding: 1rem;\n transition: all 0.25s;\n margin-bottom: 1rem;\n height: 3rem;\n}\n.main-module_flash-messenger__list_enter__3EQYY {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n}\n.main-module_flash-messenger__list_exit-done__4J0xz {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n height: 0;\n padding: 0;\n margin: 0;\n}\n.main-module_flash-messenger__list_exit-active__1fYC7 {\n transform: translate3d(0, 3rem, 0);\n opacity: 0;\n}\n.main-module_flash-messenger__icon-close__32npS {\n cursor: pointer;\n}\n.main-module_flash-messenger__icon-close__32npS * {\n fill: #000000;\n}\n@media screen and (max-width: 575px) {\n .main-module_flash-messenger__message__AzNXF {\n width: calc(100vw - (1rem * 2));\n }\n}\n";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_flash-messenger__2QEmJ {\n position: fixed;\n margin-right: 0;\n right: 1rem;\n bottom: 0;\n z-index: 1000000;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n align-content: flex-end;\n justify-content: flex-end;\n}\n.main-module_flash-messenger__list-item__3Qwmv {\n padding: 1rem;\n transition: all 0.25s;\n margin-bottom: 1rem;\n height: 3rem;\n}\n.main-module_flash-messenger__list_enter__3EQYY {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n}\n.main-module_flash-messenger__list_exit-done__4J0xz {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n height: 0;\n padding: 0;\n margin: 0;\n}\n.main-module_flash-messenger__list_exit-active__1fYC7 {\n transform: translate3d(0, 3rem, 0);\n opacity: 0;\n}\n.main-module_flash-messenger__icon-close__32npS {\n cursor: pointer;\n}\n.main-module_flash-messenger__icon-close__32npS * {\n fill: #000000;\n}\n.main-module_flash-messenger__message__AzNXF {\n margin-right: 0 !important;\n width: auto !important;\n}\n@media screen and (max-width: 575px) {\n .main-module_flash-messenger__message__AzNXF {\n width: calc(100vw - (1rem * 2));\n }\n}\n";
4
4
  var cssClasses = {"flash-messenger":"main-module_flash-messenger__2QEmJ","flash-messenger__list-item":"main-module_flash-messenger__list-item__3Qwmv","flash-messenger__list_enter":"main-module_flash-messenger__list_enter__3EQYY","flash-messenger__list_exit-done":"main-module_flash-messenger__list_exit-done__4J0xz","flash-messenger__list_exit-active":"main-module_flash-messenger__list_exit-active__1fYC7","flash-messenger__icon-close":"main-module_flash-messenger__icon-close__32npS","flash-messenger__message":"main-module_flash-messenger__message__AzNXF"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- 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 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";
3
+ 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";
4
4
  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"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #5c657e;\n}\n.main-module_label_required__1znQf {\n position: relative;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: -0.8rem;\n top: -0.1rem;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n font-weight: 600;\n color: #135cc8;\n vertical-align: text-top;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #2d3748;\n}\n.main-module_label_required__1znQf {\n position: relative;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: -0.8rem;\n top: -0.1rem;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n font-weight: 600;\n color: #135cc8;\n vertical-align: text-top;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
4
4
  var cssClasses = {"label":"main-module_label__vCIbX","label_required":"main-module_label_required__1znQf","label_error":"main-module_label_error__su2hG"};
5
5
  styleInject(css_248z);
6
6
 
@@ -15,7 +15,6 @@ var checkKeyMatch = function (key, sequence) { return key.match(new RegExp(seque
15
15
  */
16
16
  var useKeyDown = function (keys, cb, ref) {
17
17
  useEffect(function () {
18
- var _a;
19
18
  if (!cb) {
20
19
  return;
21
20
  }
@@ -35,14 +34,9 @@ var useKeyDown = function (keys, cb, ref) {
35
34
  }
36
35
  });
37
36
  };
38
- if (ref) {
39
- (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', onEscape);
40
- }
37
+ ((ref === null || ref === void 0 ? void 0 : ref.current) || document).addEventListener('keydown', onEscape);
41
38
  return function () {
42
- var _a;
43
- if (ref) {
44
- (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', onEscape);
45
- }
39
+ ((ref === null || ref === void 0 ? void 0 : ref.current) || document).removeEventListener('keydown', onEscape);
46
40
  };
47
41
  }, [ref, cb, keys]);
48
42
  };
@@ -1 +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;"}
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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.1.1",
4
4
  "sideEffects": false,
5
- "version": "0.3.4-190",
5
+ "version": "0.3.4-194",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",