@dreamcommerce/aurora 2.4.3-9 → 2.4.4
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/components/content.js +1 -1
- package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +2 -2
- 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/components/content.js +1 -1
- package/build/esm/packages/aurora/src/css/hint/main.module.less.js +2 -2
- package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js
CHANGED
|
@@ -15,7 +15,7 @@ const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, co
|
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
17
17
|
label,
|
|
18
|
-
hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
|
|
18
|
+
hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
20
20
|
React__default['default'].createElement(index['default'].Element, null,
|
|
21
21
|
React__default['default'].createElement(cell_selector['default'], { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),
|
|
@@ -31,7 +31,7 @@ const ControlCheckbox = ({ id, hint, labelAdditionalInfo, label, name, value, in
|
|
|
31
31
|
React__default['default'].createElement(index$1['default'], { isRequired: isRequired, htmlFor: id, additionalInfo: labelAdditionalInfo },
|
|
32
32
|
label,
|
|
33
33
|
" ",
|
|
34
|
-
hint && React__default['default'].createElement(index$2['default'], { hint: hint })))),
|
|
34
|
+
hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
|
|
35
35
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
36
36
|
};
|
|
37
37
|
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js
CHANGED
|
@@ -30,7 +30,7 @@ const ControlCheckboxSwitch = ({ id, label, name, hint, value, initiallyChecked,
|
|
|
30
30
|
React__default['default'].createElement(index['default'].CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
|
|
31
31
|
React__default['default'].createElement(index$1['default'], { htmlFor: id, additionalInfo: labelAdditionalInfo },
|
|
32
32
|
label,
|
|
33
|
-
hint && React__default['default'].createElement(index$2['default'], { hint: hint })))),
|
|
33
|
+
hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
|
|
34
34
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
35
35
|
};
|
|
36
36
|
|
|
@@ -36,7 +36,7 @@ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label:
|
|
|
36
36
|
React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
|
|
37
37
|
(label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
38
38
|
label$1,
|
|
39
|
-
hint && React__default['default'].createElement(index$3['default'], { hint: hint }))),
|
|
39
|
+
hint && React__default['default'].createElement(index$3['default'], { hint: hint, spacingLeft: true }))),
|
|
40
40
|
React__default['default'].createElement(index$2['default'].Content, null,
|
|
41
41
|
React__default['default'].createElement(index$2['default'].Element, null,
|
|
42
42
|
React__default['default'].createElement(label['default'], { name: name || '', isRequired: isRequired, id: id, label: label$1 }))),
|
|
@@ -54,7 +54,7 @@ const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'd
|
|
|
54
54
|
React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
|
|
55
55
|
(label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
56
56
|
label$1,
|
|
57
|
-
hint && React__default['default'].createElement(index$3['default'], { hint: hint }))),
|
|
57
|
+
hint && React__default['default'].createElement(index$3['default'], { hint: hint, spacingLeft: true }))),
|
|
58
58
|
React__default['default'].createElement(index$2['default'].Content, null,
|
|
59
59
|
React__default['default'].createElement(index$2['default'].Element, null,
|
|
60
60
|
React__default['default'].createElement(label['default'], { name: name, id: id }))),
|
|
@@ -15,7 +15,7 @@ const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExten
|
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
17
17
|
label,
|
|
18
|
-
hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
|
|
18
|
+
hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
20
20
|
React__default['default'].createElement(index['default'].Element, null,
|
|
21
21
|
React__default['default'].createElement(index$2['default'], { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),
|
|
@@ -29,7 +29,7 @@ const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix,
|
|
|
29
29
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
30
30
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
31
31
|
label,
|
|
32
|
-
hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
|
|
32
|
+
hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
|
|
33
33
|
React__default['default'].createElement(index['default'].Content, null,
|
|
34
34
|
React__default['default'].createElement(index['default'].Element, { prefix: prefix, postfix: postfix },
|
|
35
35
|
React__default['default'].createElement(index['default'].Input, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),
|
|
@@ -15,7 +15,7 @@ const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, option
|
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
17
17
|
label,
|
|
18
|
-
hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
|
|
18
|
+
hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
20
20
|
React__default['default'].createElement(index['default'].Element, null,
|
|
21
21
|
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, hasCloseIcon: hasCloseIcon }))),
|
|
@@ -32,7 +32,7 @@ const ControlRadio = ({ id, label, hint, name, value, defaultChecked, checked, d
|
|
|
32
32
|
React__default['default'].createElement(index$1['default'], { additionalInfo: labelAdditionalInfo, htmlFor: id },
|
|
33
33
|
label,
|
|
34
34
|
" ",
|
|
35
|
-
hint && React__default['default'].createElement(index$2['default'], { hint: hint })))),
|
|
35
|
+
hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
|
|
36
36
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
37
37
|
};
|
|
38
38
|
|
|
@@ -15,7 +15,7 @@ const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValu
|
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
17
17
|
label,
|
|
18
|
-
hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
|
|
18
|
+
hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
|
|
19
19
|
options.map(({ value, label, hint, disabled }) => (React__default['default'].createElement(index$2['default'], { key: `RadioGroup${id}-RadioElement-${value}`, label: label, id: `RadioGroup${id}-Radio-${value}`, value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }))),
|
|
20
20
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
21
21
|
};
|
|
@@ -15,7 +15,7 @@ const ControlRange = ({ label, hint, isRequired, id, name, isDisabled, onChange,
|
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
17
17
|
label,
|
|
18
|
-
hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
|
|
18
|
+
hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
20
20
|
React__default['default'].createElement(index['default'].Element, null,
|
|
21
21
|
React__default['default'].createElement(index$2['default'], { initialValue: initialValue, key: name, name: name, isDisabled: isDisabled, onChange: onChange, max: max, min: min, step: step }))),
|
|
@@ -30,7 +30,7 @@ const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, is
|
|
|
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, additionalInfo: labelAdditionalInfo },
|
|
32
32
|
label,
|
|
33
|
-
hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
|
|
33
|
+
hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
|
|
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$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent, hasCloseIcon: hasCloseIcon }))),
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js
CHANGED
|
@@ -15,7 +15,7 @@ const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagL
|
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
17
17
|
label,
|
|
18
|
-
hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
|
|
18
|
+
hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
20
20
|
React__default['default'].createElement(index['default'].Element, null,
|
|
21
21
|
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 }))),
|
|
@@ -29,7 +29,7 @@ const ControlTextarea = React__default['default'].forwardRef(({ label, isRequire
|
|
|
29
29
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
30
30
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
31
31
|
label,
|
|
32
|
-
hint && React__default['default'].createElement(index$1['default'], { hint: hint }))),
|
|
32
|
+
hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
|
|
33
33
|
React__default['default'].createElement(index['default'].Content, null,
|
|
34
34
|
React__default['default'].createElement(index['default'].Element, null,
|
|
35
35
|
React__default['default'].createElement(index['default'].Textarea, { id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyPress: onKeyPress, ref: ref }))),
|
|
@@ -61,7 +61,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
|
|
|
61
61
|
const dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
|
|
62
62
|
const contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || (verticalPosition === 'top' && !dropdownIsOutsideTopViewport);
|
|
63
63
|
const contentShouldAppearOnBottom = dropdownIsOutsideTopViewport || (verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport);
|
|
64
|
-
const contentClassName = classnames__default['default'](
|
|
64
|
+
const contentClassName = classnames__default['default'](main_module['default'][css_classes.cssDropdownContent], contentShouldAppearOnTop && main_module$1['default'][css_classes.cssDropdownContentOnTop], contentShouldAppearOnBottom && main_module$1['default'][css_classes.cssDropdownContentOnBottom], arrowSide === 'right' && main_module['default'][css_classes.cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && main_module['default'][css_classes.cssDropdownArrowVerticalDirectionBottom], cssClass);
|
|
65
65
|
const screenWidthName = use_screen_detect.useScreenDetect();
|
|
66
66
|
const refs = [contentRef];
|
|
67
67
|
if (wrapperRef) {
|
|
@@ -4,8 +4,8 @@ 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_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__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n padding: 1rem
|
|
8
|
-
var cssClasses = {"hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","
|
|
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 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__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n padding: 1rem !important;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_top__1bZPH::before {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_bottom__10hXS::before {\n border-color: transparent transparent #fff6cc transparent;\n}\n";
|
|
8
|
+
var cssClasses = {"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","dropdown__content_top":"main-module_dropdown__content_top__1bZPH","dropdown__content_bottom":"main-module_dropdown__content_bottom__10hXS"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
11
|
exports.default = cssClasses;
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js
CHANGED
|
@@ -7,7 +7,7 @@ const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, co
|
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
9
9
|
label,
|
|
10
|
-
hint && React.createElement(Hint, { hint: hint }))),
|
|
10
|
+
hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
|
|
11
11
|
React.createElement(Control.Content, null,
|
|
12
12
|
React.createElement(Control.Element, null,
|
|
13
13
|
React.createElement(CellSelector, { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),
|
|
@@ -23,7 +23,7 @@ const ControlCheckbox = ({ id, hint, labelAdditionalInfo, label, name, value, in
|
|
|
23
23
|
React.createElement(Label, { isRequired: isRequired, htmlFor: id, additionalInfo: labelAdditionalInfo },
|
|
24
24
|
label,
|
|
25
25
|
" ",
|
|
26
|
-
hint && React.createElement(Hint, { hint: hint })))),
|
|
26
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
|
|
27
27
|
React.createElement(Control.Errors, null)));
|
|
28
28
|
};
|
|
29
29
|
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js
CHANGED
|
@@ -22,7 +22,7 @@ const ControlCheckboxSwitch = ({ id, label, name, hint, value, initiallyChecked,
|
|
|
22
22
|
React.createElement(Control.CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
|
|
23
23
|
React.createElement(Label, { htmlFor: id, additionalInfo: labelAdditionalInfo },
|
|
24
24
|
label,
|
|
25
|
-
hint && React.createElement(Hint, { hint: hint })))),
|
|
25
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
|
|
26
26
|
React.createElement(Control.Errors, null)));
|
|
27
27
|
};
|
|
28
28
|
|
|
@@ -28,7 +28,7 @@ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label,
|
|
|
28
28
|
React.createElement(Control, { errors: errors, name: name, id: id },
|
|
29
29
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
30
30
|
label,
|
|
31
|
-
hint && React.createElement(Hint, { hint: hint }))),
|
|
31
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
|
|
32
32
|
React.createElement(Control.Content, null,
|
|
33
33
|
React.createElement(Control.Element, null,
|
|
34
34
|
React.createElement(ColorPickerLabel, { name: name || '', isRequired: isRequired, id: id, label: label }))),
|
|
@@ -46,7 +46,7 @@ const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker
|
|
|
46
46
|
React.createElement(Control, { errors: errors, name: name, id: id },
|
|
47
47
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
48
48
|
label,
|
|
49
|
-
hint && React.createElement(Hint, { hint: hint }))),
|
|
49
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
|
|
50
50
|
React.createElement(Control.Content, null,
|
|
51
51
|
React.createElement(Control.Element, null,
|
|
52
52
|
React.createElement(DatepickerLabel, { name: name, id: id }))),
|
|
@@ -7,7 +7,7 @@ const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExten
|
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
9
9
|
label,
|
|
10
|
-
hint && React.createElement(Hint, { hint: hint }))),
|
|
10
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
|
|
11
11
|
React.createElement(Control.Content, null,
|
|
12
12
|
React.createElement(Control.Element, null,
|
|
13
13
|
React.createElement(FilePicker, { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),
|
|
@@ -21,7 +21,7 @@ const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix,
|
|
|
21
21
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
22
22
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
23
23
|
label,
|
|
24
|
-
hint && React.createElement(Hint, { hint: hint }))),
|
|
24
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
|
|
25
25
|
React.createElement(Control.Content, null,
|
|
26
26
|
React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
|
|
27
27
|
React.createElement(Control.Input, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),
|
|
@@ -7,7 +7,7 @@ const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, option
|
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
9
9
|
label,
|
|
10
|
-
hint && React.createElement(Hint, { hint: hint }))),
|
|
10
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
|
|
11
11
|
React.createElement(Control.Content, null,
|
|
12
12
|
React.createElement(Control.Element, null,
|
|
13
13
|
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, hasCloseIcon: hasCloseIcon }))),
|
|
@@ -24,7 +24,7 @@ const ControlRadio = ({ id, label, hint, name, value, defaultChecked, checked, d
|
|
|
24
24
|
React.createElement(Label, { additionalInfo: labelAdditionalInfo, htmlFor: id },
|
|
25
25
|
label,
|
|
26
26
|
" ",
|
|
27
|
-
hint && React.createElement(Hint, { hint: hint })))),
|
|
27
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
|
|
28
28
|
React.createElement(Control.Errors, null)));
|
|
29
29
|
};
|
|
30
30
|
|
|
@@ -7,7 +7,7 @@ const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValu
|
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
9
9
|
label,
|
|
10
|
-
hint && React.createElement(Hint, { hint: hint }))),
|
|
10
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
|
|
11
11
|
options.map(({ value, label, hint, disabled }) => (React.createElement(ControlRadio, { key: `RadioGroup${id}-RadioElement-${value}`, label: label, id: `RadioGroup${id}-Radio-${value}`, value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }))),
|
|
12
12
|
React.createElement(Control.Errors, null)));
|
|
13
13
|
};
|
|
@@ -7,7 +7,7 @@ const ControlRange = ({ label, hint, isRequired, id, name, isDisabled, onChange,
|
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
9
9
|
label,
|
|
10
|
-
hint && React.createElement(Hint, { hint: hint }))),
|
|
10
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
|
|
11
11
|
React.createElement(Control.Content, null,
|
|
12
12
|
React.createElement(Control.Element, null,
|
|
13
13
|
React.createElement(Range, { initialValue: initialValue, key: name, name: name, isDisabled: isDisabled, onChange: onChange, max: max, min: min, step: step }))),
|
|
@@ -22,7 +22,7 @@ const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, is
|
|
|
22
22
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
23
23
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
24
24
|
label,
|
|
25
|
-
hint && React.createElement(Hint, { hint: hint }))),
|
|
25
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
|
|
26
26
|
React.createElement(Control.Content, null,
|
|
27
27
|
React.createElement(Control.Element, null,
|
|
28
28
|
React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent, hasCloseIcon: hasCloseIcon }))),
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js
CHANGED
|
@@ -7,7 +7,7 @@ const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagL
|
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
9
9
|
label,
|
|
10
|
-
hint && React.createElement(Hint, { hint: hint }))),
|
|
10
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
|
|
11
11
|
React.createElement(Control.Content, null,
|
|
12
12
|
React.createElement(Control.Element, null,
|
|
13
13
|
React.createElement(TagsSelector, { id: id, name: name, placeholder: placeholder, minTagLength: minTagLength, withList: withList, defaultTags: defaultTags, tagsListValue: defaultListTags, onChange: onChange, onListItemClick: onListItemClick }))),
|
|
@@ -21,7 +21,7 @@ const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value,
|
|
|
21
21
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
22
22
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
23
23
|
label,
|
|
24
|
-
hint && React.createElement(Hint, { hint: hint }))),
|
|
24
|
+
hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
|
|
25
25
|
React.createElement(Control.Content, null,
|
|
26
26
|
React.createElement(Control.Element, null,
|
|
27
27
|
React.createElement(Control.Textarea, { id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyPress: onKeyPress, ref: ref }))),
|
|
@@ -52,7 +52,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
|
|
|
52
52
|
const dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
|
|
53
53
|
const contentShouldAppearOnTop = dropdownIsOutsideBottomViewport || (verticalPosition === 'top' && !dropdownIsOutsideTopViewport);
|
|
54
54
|
const contentShouldAppearOnBottom = dropdownIsOutsideTopViewport || (verticalPosition === 'bottom' && !dropdownIsOutsideBottomViewport);
|
|
55
|
-
const contentClassName = classnames(
|
|
55
|
+
const contentClassName = classnames(cssClasses[cssDropdownContent], contentShouldAppearOnTop && cssClasses$1[cssDropdownContentOnTop], contentShouldAppearOnBottom && cssClasses$1[cssDropdownContentOnBottom], arrowSide === 'right' && cssClasses[cssDropdownArrowHorizontalDirectionRight], contentShouldAppearOnTop && cssClasses[cssDropdownArrowVerticalDirectionBottom], cssClass);
|
|
56
56
|
const screenWidthName = useScreenDetect();
|
|
57
57
|
const refs = [contentRef];
|
|
58
58
|
if (wrapperRef) {
|
|
@@ -1,7 +1,7 @@
|
|
|
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_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__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n padding: 1rem
|
|
4
|
-
var cssClasses = {"hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","
|
|
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 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__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n padding: 1rem !important;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_top__1bZPH::before {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_bottom__10hXS::before {\n border-color: transparent transparent #fff6cc transparent;\n}\n";
|
|
4
|
+
var cssClasses = {"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","dropdown__content_top":"main-module_dropdown__content_top__1bZPH","dropdown__content_bottom":"main-module_dropdown__content_bottom__10hXS"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssClasses;
|