@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.
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js +16 -21
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_value.js +2 -2
- package/build/cjs/packages/aurora/src/components/file_picker/index.js +4 -2
- package/build/cjs/packages/aurora/src/components/file_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/file_picker/utils.js +18 -0
- package/build/cjs/packages/aurora/src/components/file_picker/utils.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js +5 -6
- package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/controls/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/flash_message/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/label/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/hooks/use_key_down.js +2 -8
- package/build/cjs/packages/aurora/src/hooks/use_key_down.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js +16 -21
- package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.js +2 -2
- package/build/esm/packages/aurora/src/components/file_picker/index.js +4 -2
- package/build/esm/packages/aurora/src/components/file_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/file_picker/utils.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/file_picker/utils.js +14 -0
- package/build/esm/packages/aurora/src/components/file_picker/utils.js.map +1 -0
- package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js +5 -6
- package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
- package/build/esm/packages/aurora/src/css/controls/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/flash_message/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/hint/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/label/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/hooks/use_key_down.js +2 -8
- package/build/esm/packages/aurora/src/hooks/use_key_down.js.map +1 -1
- package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js
CHANGED
|
@@ -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
|
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js
CHANGED
|
@@ -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 }))),
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
53
|
+
_b = _a.isReadonly,
|
|
59
54
|
/**
|
|
60
55
|
* indicates if select is readonly
|
|
61
56
|
*/
|
|
62
|
-
isReadonly =
|
|
57
|
+
isReadonly = _b === void 0 ? false : _b,
|
|
63
58
|
/**
|
|
64
59
|
* indicates if select is disabled
|
|
65
60
|
*/
|
|
66
|
-
|
|
61
|
+
_c = _a.isDisabled,
|
|
67
62
|
/**
|
|
68
63
|
* indicates if select is disabled
|
|
69
64
|
*/
|
|
70
|
-
isDisabled =
|
|
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
|
-
|
|
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 =
|
|
75
|
+
isWithGroups = _d === void 0 ? false : _d,
|
|
81
76
|
/**
|
|
82
77
|
* indicates if select should have search to look for options
|
|
83
78
|
*/
|
|
84
|
-
|
|
79
|
+
_e = _a.isWithSearch,
|
|
85
80
|
/**
|
|
86
81
|
* indicates if select should have search to look for options
|
|
87
82
|
*/
|
|
88
|
-
isWithSearch =
|
|
83
|
+
isWithSearch = _e === void 0 ? false : _e,
|
|
89
84
|
/**
|
|
90
85
|
* indicates if select should be opened at render
|
|
91
86
|
*/
|
|
92
|
-
|
|
87
|
+
_f = _a.defaultIsOpen,
|
|
93
88
|
/**
|
|
94
89
|
* indicates if select should be opened at render
|
|
95
90
|
*/
|
|
96
|
-
defaultIsOpen =
|
|
91
|
+
defaultIsOpen = _f === void 0 ? false : _f,
|
|
97
92
|
/**
|
|
98
93
|
* indicates if select should hide on option click
|
|
99
94
|
*/
|
|
100
|
-
|
|
95
|
+
_g = _a.defaultCloseOnClick,
|
|
101
96
|
/**
|
|
102
97
|
* indicates if select should hide on option click
|
|
103
98
|
*/
|
|
104
|
-
defaultCloseOnClick =
|
|
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
|
|
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
|
|
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
|
|
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;
|
|
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 &&
|
|
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;"}
|
package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js
CHANGED
|
@@ -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'],
|
|
32
|
-
React__default['default'].createElement(index$1['default'].
|
|
33
|
-
React__default['default'].createElement(
|
|
34
|
-
|
|
35
|
-
React__default['default'].createElement(
|
|
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;
|
package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js.map
CHANGED
|
@@ -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;
|
|
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: #
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
|
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;"}
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js
CHANGED
|
@@ -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
|
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js
CHANGED
|
@@ -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 }))),
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
45
|
+
_b = _a.isReadonly,
|
|
51
46
|
/**
|
|
52
47
|
* indicates if select is readonly
|
|
53
48
|
*/
|
|
54
|
-
isReadonly =
|
|
49
|
+
isReadonly = _b === void 0 ? false : _b,
|
|
55
50
|
/**
|
|
56
51
|
* indicates if select is disabled
|
|
57
52
|
*/
|
|
58
|
-
|
|
53
|
+
_c = _a.isDisabled,
|
|
59
54
|
/**
|
|
60
55
|
* indicates if select is disabled
|
|
61
56
|
*/
|
|
62
|
-
isDisabled =
|
|
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
|
-
|
|
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 =
|
|
67
|
+
isWithGroups = _d === void 0 ? false : _d,
|
|
73
68
|
/**
|
|
74
69
|
* indicates if select should have search to look for options
|
|
75
70
|
*/
|
|
76
|
-
|
|
71
|
+
_e = _a.isWithSearch,
|
|
77
72
|
/**
|
|
78
73
|
* indicates if select should have search to look for options
|
|
79
74
|
*/
|
|
80
|
-
isWithSearch =
|
|
75
|
+
isWithSearch = _e === void 0 ? false : _e,
|
|
81
76
|
/**
|
|
82
77
|
* indicates if select should be opened at render
|
|
83
78
|
*/
|
|
84
|
-
|
|
79
|
+
_f = _a.defaultIsOpen,
|
|
85
80
|
/**
|
|
86
81
|
* indicates if select should be opened at render
|
|
87
82
|
*/
|
|
88
|
-
defaultIsOpen =
|
|
83
|
+
defaultIsOpen = _f === void 0 ? false : _f,
|
|
89
84
|
/**
|
|
90
85
|
* indicates if select should hide on option click
|
|
91
86
|
*/
|
|
92
|
-
|
|
87
|
+
_g = _a.defaultCloseOnClick,
|
|
93
88
|
/**
|
|
94
89
|
* indicates if select should hide on option click
|
|
95
90
|
*/
|
|
96
|
-
defaultCloseOnClick =
|
|
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
|
|
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
|
|
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
|
|
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;
|
|
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
|
|
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 &&
|
|
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;"}
|
package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js
CHANGED
|
@@ -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,
|
|
24
|
-
React.createElement(Grid.
|
|
25
|
-
React.createElement(
|
|
26
|
-
|
|
27
|
-
React.createElement(
|
|
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;
|
package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js.map
CHANGED
|
@@ -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;
|
|
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: #
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
|
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;"}
|