@dreamcommerce/aurora 2.4.0-8 → 2.4.0-9
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/components/label.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +1 -5
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -3
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -3
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -3
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +4 -5
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -3
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/index.js +1 -3
- package/build/cjs/packages/aurora/src/components/controls/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/label/css_classes.js +3 -1
- package/build/cjs/packages/aurora/src/components/label/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/label/index.js +5 -2
- package/build/cjs/packages/aurora/src/components/label/index.js.map +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 +2 -2
- package/build/cjs/packages/aurora/src/index.js +4 -4
- package/build/esm/packages/aurora/src/components/controls/components/label.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +2 -4
- package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -3
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -3
- package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -3
- package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +4 -5
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -3
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/index.js +1 -3
- package/build/esm/packages/aurora/src/components/controls/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +13 -9
- package/build/esm/packages/aurora/src/components/date_picker/types.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/date_picker/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/label/css_classes.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/label/css_classes.js +3 -2
- package/build/esm/packages/aurora/src/components/label/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/label/index.js +6 -3
- package/build/esm/packages/aurora/src/components/label/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/label/types.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/label/types.js.map +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 +2 -2
- package/build/esm/packages/aurora/src/index.js +2 -2
- package/package.json +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/helper_text.js +0 -23
- package/build/cjs/packages/aurora/src/components/controls/components/helper_text.js.map +0 -1
- package/build/cjs/packages/aurora/src/css/helper-text/main.module.less.js +0 -12
- package/build/cjs/packages/aurora/src/css/helper-text/main.module.less.js.map +0 -1
- package/build/esm/packages/aurora/src/components/controls/components/helper_text.d.ts +0 -4
- package/build/esm/packages/aurora/src/components/controls/components/helper_text.js +0 -14
- package/build/esm/packages/aurora/src/components/controls/components/helper_text.js.map +0 -1
- package/build/esm/packages/aurora/src/css/helper-text/main.module.less.js +0 -8
- package/build/esm/packages/aurora/src/css/helper-text/main.module.less.js.map +0 -1
|
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlLabel = ({ id, isRequired, children }) => {
|
|
14
|
+
const ControlLabel = ({ id, isRequired, children, additionalInfo }) => {
|
|
15
15
|
return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssControlsLabel] },
|
|
16
|
-
React__default['default'].createElement(index['default'], { htmlFor: id, isRequired: isRequired }, children)));
|
|
16
|
+
React__default['default'].createElement(index['default'], { htmlFor: id, isRequired: isRequired, additionalInfo: additionalInfo }, children)));
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
exports.default = ControlLabel;
|
|
@@ -43,9 +43,7 @@ const cellSelector = 'cell-selector';
|
|
|
43
43
|
const cellSelectorContainer = `${cellSelector}__container`;
|
|
44
44
|
const cellSelectorRow = `${cellSelector}__row`;
|
|
45
45
|
const cellSelectorCell = `${cellSelector}__cell`;
|
|
46
|
-
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
47
|
-
const helperText = 'helper-text';
|
|
48
|
-
const helperTextError = `${helperText}_error`;
|
|
46
|
+
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
49
47
|
|
|
50
48
|
exports.cellSelector = cellSelector;
|
|
51
49
|
exports.cellSelectorCell = cellSelectorCell;
|
|
@@ -85,8 +83,6 @@ exports.cssControlsErrors = cssControlsErrors;
|
|
|
85
83
|
exports.cssControlsErrorsList = cssControlsErrorsList;
|
|
86
84
|
exports.cssControlsErrorsListItem = cssControlsErrorsListItem;
|
|
87
85
|
exports.cssControlsLabel = cssControlsLabel;
|
|
88
|
-
exports.helperText = helperText;
|
|
89
|
-
exports.helperTextError = helperTextError;
|
|
90
86
|
exports.radio = radio;
|
|
91
87
|
exports.radioControl = radioControl;
|
|
92
88
|
exports.radioDisabled = radioDisabled;
|
|
@@ -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;
|
|
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;"}
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js
CHANGED
|
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true } }) => {
|
|
14
|
+
const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
|
-
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
16
|
+
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
17
17
|
label,
|
|
18
18
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
@@ -23,13 +23,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
23
23
|
* />
|
|
24
24
|
* )
|
|
25
25
|
*/
|
|
26
|
-
const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange,
|
|
26
|
+
const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, labelAdditionalInfo, label, name, value, initiallyChecked, disabled, onChange, isRequired, errors }) => {
|
|
27
27
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
28
|
-
helperText && React__default['default'].createElement(index['default'].HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
29
28
|
React__default['default'].createElement(index['default'].Content, null,
|
|
30
29
|
React__default['default'].createElement(index['default'].Element, { type: "checkbox" },
|
|
31
30
|
React__default['default'].createElement(index['default'].Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
|
|
32
|
-
React__default['default'].createElement(index$1['default'], { isRequired: isRequired, htmlFor: id },
|
|
31
|
+
React__default['default'].createElement(index$1['default'], { isRequired: isRequired, htmlFor: id, additionalInfo: labelAdditionalInfo },
|
|
33
32
|
label,
|
|
34
33
|
" ",
|
|
35
34
|
hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
|
|
@@ -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;"}
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js
CHANGED
|
@@ -23,12 +23,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
23
23
|
* />
|
|
24
24
|
* )
|
|
25
25
|
*/
|
|
26
|
-
const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors }) => {
|
|
26
|
+
const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors, labelAdditionalInfo }) => {
|
|
27
27
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
28
28
|
React__default['default'].createElement(index['default'].Content, null,
|
|
29
29
|
React__default['default'].createElement(index['default'].Element, { type: "checkbox" },
|
|
30
30
|
React__default['default'].createElement(index['default'].CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
|
|
31
|
-
React__default['default'].createElement(index$1['default'], { htmlFor: id },
|
|
31
|
+
React__default['default'].createElement(index$1['default'], { htmlFor: id, additionalInfo: labelAdditionalInfo },
|
|
32
32
|
label,
|
|
33
33
|
hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
|
|
34
34
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
@@ -28,16 +28,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
28
28
|
* />
|
|
29
29
|
* )
|
|
30
30
|
*/
|
|
31
|
-
const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint,
|
|
31
|
+
const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
|
|
32
32
|
const colorPickerContext = use_color_picker.useColorPicker({ initialColorHex: initialColor, onChange });
|
|
33
33
|
return (React__default['default'].createElement(context.ColorPickerContext.Provider, { value: colorPickerContext },
|
|
34
34
|
React__default['default'].createElement(index$1['default'], null,
|
|
35
35
|
React__default['default'].createElement(index$1['default'].CustomLabel, null,
|
|
36
36
|
React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
|
|
37
|
-
(label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
|
|
37
|
+
(label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
38
38
|
label$1,
|
|
39
39
|
hint && React__default['default'].createElement(index$3['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
40
|
-
helperText && React__default['default'].createElement(index$2['default'].HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
41
40
|
React__default['default'].createElement(index$2['default'].Content, null,
|
|
42
41
|
React__default['default'].createElement(index$2['default'].Element, null,
|
|
43
42
|
React__default['default'].createElement(label['default'], { name: name || '', isRequired: isRequired, id: id, label: label$1 }))),
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.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;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;"}
|
|
@@ -33,7 +33,7 @@ const DatepickerViews = {
|
|
|
33
33
|
* />
|
|
34
34
|
* )
|
|
35
35
|
*/
|
|
36
|
-
const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint }) => {
|
|
36
|
+
const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint, labelAdditionalInfo }) => {
|
|
37
37
|
const valueController = use_value_controller['default']({
|
|
38
38
|
type,
|
|
39
39
|
defaultDate,
|
|
@@ -52,7 +52,7 @@ const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'd
|
|
|
52
52
|
return (React__default['default'].createElement(value_controller_context['default'].Provider, { value: valueController },
|
|
53
53
|
React__default['default'].createElement(index$1['default'].CustomLabel, null,
|
|
54
54
|
React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
|
|
55
|
-
(label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
|
|
55
|
+
(label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
56
56
|
label$1,
|
|
57
57
|
hint && React__default['default'].createElement(index$3['default'], { fixed: true, spacingLeft: true, hint: hint }))),
|
|
58
58
|
React__default['default'].createElement(index$2['default'].Content, null,
|
|
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
14
|
+
const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
|
-
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
16
|
+
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
17
17
|
label,
|
|
18
18
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
@@ -25,12 +25,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
25
25
|
* />
|
|
26
26
|
* )
|
|
27
27
|
*/
|
|
28
|
-
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors,
|
|
28
|
+
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, labelAdditionalInfo, additionalInfo, ...props }) => {
|
|
29
29
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
30
|
-
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
30
|
+
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
31
31
|
label,
|
|
32
32
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
33
|
-
helperText && React__default['default'].createElement(index['default'].HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
34
33
|
React__default['default'].createElement(index['default'].Content, null,
|
|
35
34
|
React__default['default'].createElement(index['default'].Element, { prefix: prefix, postfix: postfix },
|
|
36
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 }))),
|
|
@@ -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;
|
|
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;"}
|
|
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon }) => {
|
|
14
|
+
const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon, labelAdditionalInfo }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
|
-
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
16
|
+
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
17
17
|
label,
|
|
18
18
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
@@ -24,16 +24,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
24
24
|
* />
|
|
25
25
|
* )
|
|
26
26
|
*/
|
|
27
|
-
const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors,
|
|
27
|
+
const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, labelAdditionalInfo }) => {
|
|
28
28
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
29
29
|
React__default['default'].createElement(index['default'].Content, null,
|
|
30
|
-
React__default['default'].createElement(index['default'].Element, { type: "radio", verticalPosition:
|
|
30
|
+
React__default['default'].createElement(index['default'].Element, { type: "radio", verticalPosition: labelAdditionalInfo ? positions.VERTICAL_POSITION.top : undefined },
|
|
31
31
|
React__default['default'].createElement(index['default'].Radio, { id: id, name: name, value: value, defaultChecked: defaultChecked, checked: checked, disabled: disabled, onClick: onClick }),
|
|
32
|
-
React__default['default'].createElement(index$1['default'], { htmlFor: id },
|
|
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'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true }),
|
|
36
|
-
additionalInfo && React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo)))),
|
|
35
|
+
hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
|
|
37
36
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
38
37
|
};
|
|
39
38
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired }) => {
|
|
14
|
+
const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired, labelAdditionalInfo }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
|
-
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
16
|
+
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
17
17
|
label,
|
|
18
18
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
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 }))),
|
|
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors }) => {
|
|
14
|
+
const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors, labelAdditionalInfo }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
|
-
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
16
|
+
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
17
17
|
label,
|
|
18
18
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
@@ -26,9 +26,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
26
26
|
* />
|
|
27
27
|
* )
|
|
28
28
|
*/
|
|
29
|
-
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, hasCloseIcon }) => {
|
|
29
|
+
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, hasCloseIcon, labelAdditionalInfo }) => {
|
|
30
30
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
31
|
-
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
31
|
+
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
32
32
|
label,
|
|
33
33
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
34
34
|
React__default['default'].createElement(index['default'].Content, null,
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js
CHANGED
|
@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
14
|
+
const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
|
-
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
16
|
+
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
17
17
|
label,
|
|
18
18
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
@@ -25,12 +25,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
25
25
|
* />
|
|
26
26
|
* )
|
|
27
27
|
*/
|
|
28
|
-
const ControlTextarea = React__default['default'].forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true },
|
|
28
|
+
const ControlTextarea = React__default['default'].forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }, ref) => {
|
|
29
29
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
30
|
-
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
30
|
+
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
31
31
|
label,
|
|
32
32
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
33
|
-
helperText && React__default['default'].createElement(index['default'].HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
34
33
|
React__default['default'].createElement(index['default'].Content, null,
|
|
35
34
|
React__default['default'].createElement(index['default'].Element, null,
|
|
36
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 }))),
|
|
@@ -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;
|
|
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;"}
|
|
@@ -14,7 +14,6 @@ var content = require('./components/content.js');
|
|
|
14
14
|
var label = require('./components/label.js');
|
|
15
15
|
var element = require('./components/element.js');
|
|
16
16
|
var errors = require('./components/errors.js');
|
|
17
|
-
var helper_text = require('./components/helper_text.js');
|
|
18
17
|
var radio = require('./components/radio.js');
|
|
19
18
|
var textarea = require('./components/textarea.js');
|
|
20
19
|
|
|
@@ -35,8 +34,7 @@ Control.Content = content['default'];
|
|
|
35
34
|
Control.Element = element['default'];
|
|
36
35
|
Control.Textarea = textarea['default'];
|
|
37
36
|
Control.Errors = errors['default'];
|
|
38
|
-
Control.AdditionalInfo = additional_info.AdditionalInfo;
|
|
39
|
-
Control.HelperText = helper_text['default'];
|
|
37
|
+
Control.AdditionalInfo = additional_info.AdditionalInfo;
|
|
40
38
|
|
|
41
39
|
exports.default = Control;
|
|
42
40
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,9 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const cssLabel = 'label';
|
|
6
6
|
const cssLabelRequired = `${cssLabel}_required`;
|
|
7
|
-
const cssLabelError = `${cssLabel}_error`;
|
|
7
|
+
const cssLabelError = `${cssLabel}_error`;
|
|
8
|
+
const cssLabelAdditionalInfo = `${cssLabel}__additional-info`;
|
|
8
9
|
|
|
9
10
|
exports.cssLabel = cssLabel;
|
|
11
|
+
exports.cssLabelAdditionalInfo = cssLabelAdditionalInfo;
|
|
10
12
|
exports.cssLabelError = cssLabelError;
|
|
11
13
|
exports.cssLabelRequired = cssLabelRequired;
|
|
12
14
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -7,19 +7,22 @@ var classnames = require('classnames');
|
|
|
7
7
|
var context = require('../controls/context.js');
|
|
8
8
|
var main_module = require('../../css/label/main.module.less.js');
|
|
9
9
|
var css_classes = require('./css_classes.js');
|
|
10
|
+
var index = require('../stack/index.js');
|
|
10
11
|
|
|
11
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
13
|
|
|
13
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
15
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
15
16
|
|
|
16
|
-
const Label = ({ isRequired = false, children, ...props }) => {
|
|
17
|
+
const Label = ({ isRequired = false, children, additionalInfo, ...props }) => {
|
|
17
18
|
const { errors } = context.useControlContext();
|
|
18
19
|
const labelClasses = classnames__default['default'](main_module['default'][css_classes.cssLabel], {
|
|
19
20
|
[main_module['default'][css_classes.cssLabelRequired]]: isRequired,
|
|
20
21
|
[main_module['default'][css_classes.cssLabelError]]: errors
|
|
21
22
|
});
|
|
22
|
-
return (React__default['default'].createElement("label", { className: labelClasses, ...props },
|
|
23
|
+
return (React__default['default'].createElement("label", { className: labelClasses, ...props },
|
|
24
|
+
React__default['default'].createElement(index['default'], { align: "center" }, children),
|
|
25
|
+
additionalInfo && React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssLabelAdditionalInfo] }, additionalInfo)));
|
|
23
26
|
};
|
|
24
27
|
|
|
25
28
|
exports.default = Label;
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -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-
|
|
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-flex;\n align-items: center;\n justify-content: center;\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,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_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 padding-left: 0.8rem;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: 0;\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
|
-
var cssClasses = {"label":"main-module_label__vCIbX","label_required":"main-module_label_required__1znQf","label_error":"main-module_label_error__su2hG"};
|
|
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 padding-left: 0.8rem;\n}\n.main-module_label_required__1znQf::before {\n content: '*';\n position: absolute;\n left: 0;\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__additional-info__CToit {\n grid-area: label-additional-info;\n display: block;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #abb4cd;\n}\n.main-module_label_error__su2hG {\n color: #e60c54;\n}\nlabel[for] {\n cursor: pointer;\n}\n";
|
|
8
|
+
var cssClasses = {"label":"main-module_label__vCIbX","label_required":"main-module_label_required__1znQf","label__additional-info":"main-module_label__additional-info__CToit","label_error":"main-module_label_error__su2hG"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
11
|
exports.default = cssClasses;
|
|
@@ -9,6 +9,7 @@ var index$3 = require('./components/buttons_group/index.js');
|
|
|
9
9
|
var index$y = require('./components/dropdown/context/index.js');
|
|
10
10
|
var index$k = require('./components/color_picker/index.js');
|
|
11
11
|
var icon_tick = require('./assets/icon_tick.js');
|
|
12
|
+
var index$8 = require('./components/stack/index.js');
|
|
12
13
|
var index$7 = require('./components/label/index.js');
|
|
13
14
|
var index$9 = require('./components/controls/index.js');
|
|
14
15
|
var index$C = require('./components/hint/index.js');
|
|
@@ -18,7 +19,6 @@ var index$c = require('./components/controls/hoc/control_checkbox_switch/index.j
|
|
|
18
19
|
var icon_arrow = require('./assets/icon_arrow.js');
|
|
19
20
|
var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
|
|
20
21
|
var index$4 = require('./components/dropdown/index.js');
|
|
21
|
-
var index$z = require('./components/spacing/index.js');
|
|
22
22
|
var index$l = require('./components/controls/hoc/control_color_picker/index.js');
|
|
23
23
|
var icon_calendar = require('./assets/icon_calendar.js');
|
|
24
24
|
var index$5 = require('./components/dropdown/hoc/select/index.js');
|
|
@@ -67,7 +67,7 @@ var slide_close_btn_wrapper = require('./components/slide/components/slide_close
|
|
|
67
67
|
var slide_content = require('./components/slide/components/slide_content.js');
|
|
68
68
|
var slide_footer = require('./components/slide/components/slide_footer.js');
|
|
69
69
|
var slide_wrapper = require('./components/slide/components/slide_wrapper.js');
|
|
70
|
-
var index$
|
|
70
|
+
var index$z = require('./components/spacing/index.js');
|
|
71
71
|
var tabs = require('./components/tabs/components/tabs.js');
|
|
72
72
|
var tabs_item = require('./components/tabs/components/tabs_item.js');
|
|
73
73
|
var tabs_item_list = require('./components/tabs/components/tabs_item_list.js');
|
|
@@ -87,6 +87,7 @@ exports.DropdownContext = index$y.DropdownContext;
|
|
|
87
87
|
exports.useDropdownContext = index$y.useDropdownContext;
|
|
88
88
|
exports.ColorPicker = index$k['default'];
|
|
89
89
|
exports.IconTick = icon_tick['default'];
|
|
90
|
+
exports.Stack = index$8['default'];
|
|
90
91
|
exports.Label = index$7['default'];
|
|
91
92
|
exports.Control = index$9['default'];
|
|
92
93
|
exports.Hint = index$C['default'];
|
|
@@ -96,7 +97,6 @@ exports.ControlCheckboxSwitch = index$c['default'];
|
|
|
96
97
|
exports.IconArrow = icon_arrow['default'];
|
|
97
98
|
exports.useToggle = use_toggle.useToggle;
|
|
98
99
|
exports.Dropdown = index$4['default'];
|
|
99
|
-
exports.Spacing = index$z['default'];
|
|
100
100
|
exports.ControlColorPicker = index$l['default'];
|
|
101
101
|
exports.IconCalendar = icon_calendar['default'];
|
|
102
102
|
exports.Select = index$5['default'];
|
|
@@ -146,7 +146,7 @@ exports.SlideCloseBtnWrapper = slide_close_btn_wrapper.SlideCloseBtnWrapper;
|
|
|
146
146
|
exports.SlideContent = slide_content.SlideContent;
|
|
147
147
|
exports.SlideFooter = slide_footer.SlideFooter;
|
|
148
148
|
exports.SlideWrapper = slide_wrapper.SlideWrapper;
|
|
149
|
-
exports.
|
|
149
|
+
exports.Spacing = index$z['default'];
|
|
150
150
|
exports.Tabs = tabs['default'];
|
|
151
151
|
exports.TabsItem = tabs_item.TabsItem;
|
|
152
152
|
exports.TabsItemList = tabs_item_list.TabsItemList;
|
|
@@ -3,9 +3,9 @@ import { cssControlsLabel } from '../css_classes.js';
|
|
|
3
3
|
import cssStyles from '../../../css/controls/main.module.less.js';
|
|
4
4
|
import Label from '../../label/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlLabel = ({ id, isRequired, children }) => {
|
|
6
|
+
const ControlLabel = ({ id, isRequired, children, additionalInfo }) => {
|
|
7
7
|
return (React.createElement("div", { className: cssStyles[cssControlsLabel] },
|
|
8
|
-
React.createElement(Label, { htmlFor: id, isRequired: isRequired }, children)));
|
|
8
|
+
React.createElement(Label, { htmlFor: id, isRequired: isRequired, additionalInfo: additionalInfo }, children)));
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export default ControlLabel;
|
|
@@ -41,5 +41,3 @@ export declare const cellSelectorDescription: string;
|
|
|
41
41
|
export declare const cellSelectorRow: string;
|
|
42
42
|
export declare const cellSelectorCell: string;
|
|
43
43
|
export declare const cellSelectorCellActive: string;
|
|
44
|
-
export declare const helperText = "helper-text";
|
|
45
|
-
export declare const helperTextError: string;
|
|
@@ -39,9 +39,7 @@ const cellSelector = 'cell-selector';
|
|
|
39
39
|
const cellSelectorContainer = `${cellSelector}__container`;
|
|
40
40
|
const cellSelectorRow = `${cellSelector}__row`;
|
|
41
41
|
const cellSelectorCell = `${cellSelector}__cell`;
|
|
42
|
-
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
43
|
-
const helperText = 'helper-text';
|
|
44
|
-
const helperTextError = `${helperText}_error`;
|
|
42
|
+
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
45
43
|
|
|
46
|
-
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlInputRemoveButton, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel,
|
|
44
|
+
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlInputRemoveButton, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
|
|
47
45
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -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;"}
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js
CHANGED
|
@@ -3,9 +3,9 @@ import Control from '../../index.js';
|
|
|
3
3
|
import CellSelector from '../../components/cell_selector.js';
|
|
4
4
|
import Hint from '../../../hint/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true } }) => {
|
|
6
|
+
const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
|
-
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
8
|
+
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
9
9
|
label,
|
|
10
10
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
11
11
|
React.createElement(Control.Content, null,
|
|
@@ -15,13 +15,12 @@ import Hint from '../../../hint/index.js';
|
|
|
15
15
|
* />
|
|
16
16
|
* )
|
|
17
17
|
*/
|
|
18
|
-
const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange,
|
|
18
|
+
const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, labelAdditionalInfo, label, name, value, initiallyChecked, disabled, onChange, isRequired, errors }) => {
|
|
19
19
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
20
|
-
helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
21
20
|
React.createElement(Control.Content, null,
|
|
22
21
|
React.createElement(Control.Element, { type: "checkbox" },
|
|
23
22
|
React.createElement(Control.Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
|
|
24
|
-
React.createElement(Label, { isRequired: isRequired, htmlFor: id },
|
|
23
|
+
React.createElement(Label, { isRequired: isRequired, htmlFor: id, additionalInfo: labelAdditionalInfo },
|
|
25
24
|
label,
|
|
26
25
|
" ",
|
|
27
26
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
|
|
@@ -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;"}
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js
CHANGED
|
@@ -15,12 +15,12 @@ import Hint from '../../../hint/index.js';
|
|
|
15
15
|
* />
|
|
16
16
|
* )
|
|
17
17
|
*/
|
|
18
|
-
const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors }) => {
|
|
18
|
+
const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors, labelAdditionalInfo }) => {
|
|
19
19
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
20
20
|
React.createElement(Control.Content, null,
|
|
21
21
|
React.createElement(Control.Element, { type: "checkbox" },
|
|
22
22
|
React.createElement(Control.CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
|
|
23
|
-
React.createElement(Label, { htmlFor: id },
|
|
23
|
+
React.createElement(Label, { htmlFor: id, additionalInfo: labelAdditionalInfo },
|
|
24
24
|
label,
|
|
25
25
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
|
|
26
26
|
React.createElement(Control.Errors, null)));
|
|
@@ -20,16 +20,15 @@ import Dropdown from '../../../dropdown/index.js';
|
|
|
20
20
|
* />
|
|
21
21
|
* )
|
|
22
22
|
*/
|
|
23
|
-
const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint,
|
|
23
|
+
const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
|
|
24
24
|
const colorPickerContext = useColorPicker({ initialColorHex: initialColor, onChange });
|
|
25
25
|
return (React.createElement(ColorPickerContext.Provider, { value: colorPickerContext },
|
|
26
26
|
React.createElement(Dropdown, null,
|
|
27
27
|
React.createElement(Dropdown.CustomLabel, null,
|
|
28
28
|
React.createElement(Control, { errors: errors, name: name, id: id },
|
|
29
|
-
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
29
|
+
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
30
30
|
label,
|
|
31
31
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
32
|
-
helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
33
32
|
React.createElement(Control.Content, null,
|
|
34
33
|
React.createElement(Control.Element, null,
|
|
35
34
|
React.createElement(ColorPickerLabel, { name: name || '', isRequired: isRequired, id: id, label: label }))),
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.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;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;"}
|