@dreamcommerce/aurora 2.4.0-7 → 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/css/typography/main.module.less.js +1 -1
- 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/css/typography/main.module.less.js +1 -1
- 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
|
@@ -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;"}
|
|
@@ -25,7 +25,7 @@ const DatepickerViews = {
|
|
|
25
25
|
* />
|
|
26
26
|
* )
|
|
27
27
|
*/
|
|
28
|
-
const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint }) => {
|
|
28
|
+
const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint, labelAdditionalInfo }) => {
|
|
29
29
|
const valueController = useValueController({
|
|
30
30
|
type,
|
|
31
31
|
defaultDate,
|
|
@@ -44,7 +44,7 @@ const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker
|
|
|
44
44
|
return (React.createElement(DatepickerContext.Provider, { value: valueController },
|
|
45
45
|
React.createElement(Dropdown.CustomLabel, null,
|
|
46
46
|
React.createElement(Control, { errors: errors, name: name, id: id },
|
|
47
|
-
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
47
|
+
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
48
48
|
label,
|
|
49
49
|
hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
|
|
50
50
|
React.createElement(Control.Content, null,
|
|
@@ -3,9 +3,9 @@ import Control from '../../index.js';
|
|
|
3
3
|
import Hint from '../../../hint/index.js';
|
|
4
4
|
import FilePicker from '../../../file_picker/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
6
|
+
const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, 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,
|
|
@@ -17,12 +17,11 @@ import Hint from '../../../hint/index.js';
|
|
|
17
17
|
* />
|
|
18
18
|
* )
|
|
19
19
|
*/
|
|
20
|
-
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors,
|
|
20
|
+
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, labelAdditionalInfo, additionalInfo, ...props }) => {
|
|
21
21
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
22
|
-
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
22
|
+
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
23
23
|
label,
|
|
24
24
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
25
|
-
helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
26
25
|
React.createElement(Control.Content, null,
|
|
27
26
|
React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
|
|
28
27
|
React.createElement(Control.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;
|
|
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;"}
|
|
@@ -3,9 +3,9 @@ import Control from '../../index.js';
|
|
|
3
3
|
import Hint from '../../../hint/index.js';
|
|
4
4
|
import Multiple from '../../../dropdown/hoc/multiselect/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon }) => {
|
|
6
|
+
const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon, 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,
|
|
@@ -16,16 +16,15 @@ import Hint from '../../../hint/index.js';
|
|
|
16
16
|
* />
|
|
17
17
|
* )
|
|
18
18
|
*/
|
|
19
|
-
const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors,
|
|
19
|
+
const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, labelAdditionalInfo }) => {
|
|
20
20
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
21
21
|
React.createElement(Control.Content, null,
|
|
22
|
-
React.createElement(Control.Element, { type: "radio", verticalPosition:
|
|
22
|
+
React.createElement(Control.Element, { type: "radio", verticalPosition: labelAdditionalInfo ? VERTICAL_POSITION.top : undefined },
|
|
23
23
|
React.createElement(Control.Radio, { id: id, name: name, value: value, defaultChecked: defaultChecked, checked: checked, disabled: disabled, onClick: onClick }),
|
|
24
|
-
React.createElement(Label, { htmlFor: id },
|
|
24
|
+
React.createElement(Label, { additionalInfo: labelAdditionalInfo, htmlFor: id },
|
|
25
25
|
label,
|
|
26
26
|
" ",
|
|
27
|
-
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true }),
|
|
28
|
-
additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)))),
|
|
27
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
|
|
29
28
|
React.createElement(Control.Errors, null)));
|
|
30
29
|
};
|
|
31
30
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -3,9 +3,9 @@ import Control from '../../index.js';
|
|
|
3
3
|
import Hint from '../../../hint/index.js';
|
|
4
4
|
import ControlRadio from '../control_radio/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired }) => {
|
|
6
|
+
const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired, 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
|
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 }))),
|
|
@@ -3,9 +3,9 @@ import Control from '../../index.js';
|
|
|
3
3
|
import Hint from '../../../hint/index.js';
|
|
4
4
|
import Range from '../../../range/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors }) => {
|
|
6
|
+
const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors, 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,
|
|
@@ -18,9 +18,9 @@ import Select from '../../../dropdown/hoc/select/index.js';
|
|
|
18
18
|
* />
|
|
19
19
|
* )
|
|
20
20
|
*/
|
|
21
|
-
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 }) => {
|
|
21
|
+
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 }) => {
|
|
22
22
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
23
|
-
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
23
|
+
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
24
24
|
label,
|
|
25
25
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
26
26
|
React.createElement(Control.Content, null,
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js
CHANGED
|
@@ -3,9 +3,9 @@ import Control from '../../index.js';
|
|
|
3
3
|
import Hint from '../../../hint/index.js';
|
|
4
4
|
import TagsSelector from '../../../tags_selector/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
6
|
+
const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, 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,
|
|
@@ -17,12 +17,11 @@ import Hint from '../../../hint/index.js';
|
|
|
17
17
|
* />
|
|
18
18
|
* )
|
|
19
19
|
*/
|
|
20
|
-
const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true },
|
|
20
|
+
const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }, ref) => {
|
|
21
21
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
22
|
-
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
22
|
+
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
|
|
23
23
|
label,
|
|
24
24
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
25
|
-
helperText && React.createElement(Control.HelperText, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helperText),
|
|
26
25
|
React.createElement(Control.Content, null,
|
|
27
26
|
React.createElement(Control.Element, null,
|
|
28
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 }))),
|
|
@@ -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;
|
|
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;"}
|
|
@@ -10,7 +10,6 @@ import Content from './components/content.js';
|
|
|
10
10
|
import ControlLabel from './components/label.js';
|
|
11
11
|
import Element from './components/element.js';
|
|
12
12
|
import Errors from './components/errors.js';
|
|
13
|
-
import LabelAdditionalInfo from './components/helper_text.js';
|
|
14
13
|
import Radio from './components/radio.js';
|
|
15
14
|
import Textarea from './components/textarea.js';
|
|
16
15
|
|
|
@@ -27,8 +26,7 @@ Control.Content = Content;
|
|
|
27
26
|
Control.Element = Element;
|
|
28
27
|
Control.Textarea = Textarea;
|
|
29
28
|
Control.Errors = Errors;
|
|
30
|
-
Control.AdditionalInfo = AdditionalInfo;
|
|
31
|
-
Control.HelperText = LabelAdditionalInfo;
|
|
29
|
+
Control.AdditionalInfo = AdditionalInfo;
|
|
32
30
|
|
|
33
31
|
export default Control;
|
|
34
32
|
//# 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;
|
|
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;"}
|
|
@@ -22,7 +22,6 @@ export interface IControlComposition {
|
|
|
22
22
|
Textarea: React.FC<ITextareaProps>;
|
|
23
23
|
Errors: React.FC;
|
|
24
24
|
AdditionalInfo: React.FC;
|
|
25
|
-
HelperText: React.FC<IControlHelperTextProps>;
|
|
26
25
|
}
|
|
27
26
|
export interface IControlProps {
|
|
28
27
|
children: ReactNode;
|
|
@@ -54,6 +53,7 @@ export interface IControlTagsSelectorProps extends IControlCommonProps {
|
|
|
54
53
|
id?: string;
|
|
55
54
|
name?: string;
|
|
56
55
|
label?: string;
|
|
56
|
+
labelAdditionalInfo?: string | ReactNode;
|
|
57
57
|
isRequired?: boolean;
|
|
58
58
|
placeholder?: string;
|
|
59
59
|
minTagLength?: number;
|
|
@@ -92,6 +92,7 @@ export interface IControlLabelProps {
|
|
|
92
92
|
id?: string;
|
|
93
93
|
isRequired?: boolean;
|
|
94
94
|
children: any;
|
|
95
|
+
additionalInfo?: string | ReactNode;
|
|
95
96
|
}
|
|
96
97
|
export interface ICheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
97
98
|
id?: string;
|
|
@@ -103,11 +104,11 @@ export interface IControlInputProps extends IInputProps, IControlCommonProps {
|
|
|
103
104
|
postfix?: string;
|
|
104
105
|
label?: string;
|
|
105
106
|
isRequired?: boolean;
|
|
106
|
-
|
|
107
|
+
labelAdditionalInfo?: string | ReactNode;
|
|
107
108
|
}
|
|
108
109
|
export interface IControlCheckboxProps extends ICheckboxProps, IControlCommonProps {
|
|
109
110
|
label: string;
|
|
110
|
-
|
|
111
|
+
labelAdditionalInfo?: string | ReactNode;
|
|
111
112
|
}
|
|
112
113
|
export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
113
114
|
id: string;
|
|
@@ -115,6 +116,7 @@ export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
115
116
|
}
|
|
116
117
|
export interface IControlRadioProps extends IRadioProps, IControlCommonProps {
|
|
117
118
|
label: string;
|
|
119
|
+
labelAdditionalInfo?: string | ReactNode;
|
|
118
120
|
}
|
|
119
121
|
export interface IControlRadioGroupOption {
|
|
120
122
|
value: string;
|
|
@@ -130,6 +132,7 @@ export interface IControlRadioGroup extends IControlCommonProps {
|
|
|
130
132
|
id: string;
|
|
131
133
|
name: string;
|
|
132
134
|
label: string;
|
|
135
|
+
labelAdditionalInfo?: string | ReactNode;
|
|
133
136
|
}
|
|
134
137
|
export interface IControlColorPickerProps extends IColorPickerProps, IControlCommonProps {
|
|
135
138
|
id: string;
|
|
@@ -137,33 +140,37 @@ export interface IControlColorPickerProps extends IColorPickerProps, IControlCom
|
|
|
137
140
|
label?: string;
|
|
138
141
|
isRequired?: boolean;
|
|
139
142
|
hideChooseCancelButtons?: boolean;
|
|
140
|
-
|
|
143
|
+
labelAdditionalInfo?: string | React.ReactNode;
|
|
141
144
|
}
|
|
142
145
|
export interface IControlTextareaProps extends ITextareaProps, IControlCommonProps {
|
|
143
146
|
label?: string;
|
|
144
147
|
isRequired?: boolean;
|
|
145
|
-
|
|
148
|
+
labelAdditionalInfo?: string | ReactNode;
|
|
146
149
|
}
|
|
147
150
|
export interface IControlSelectProps extends ISelectProps, IControlCommonProps {
|
|
148
151
|
id?: string;
|
|
149
152
|
label?: string;
|
|
150
153
|
isRequired?: boolean;
|
|
154
|
+
labelAdditionalInfo?: string | ReactNode;
|
|
151
155
|
}
|
|
152
156
|
export interface IControlMultiSelectProps extends IMultiSelectProps, IControlCommonProps {
|
|
153
157
|
id?: string;
|
|
154
158
|
label?: string;
|
|
155
159
|
isRequired?: boolean;
|
|
160
|
+
labelAdditionalInfo?: string | ReactNode;
|
|
156
161
|
}
|
|
157
162
|
export interface IControlRange extends IRange, IControlCommonProps {
|
|
158
163
|
id?: string;
|
|
159
164
|
label?: string;
|
|
160
165
|
isRequired?: boolean;
|
|
161
166
|
name?: string;
|
|
167
|
+
labelAdditionalInfo?: string | ReactNode;
|
|
162
168
|
}
|
|
163
169
|
export interface IControlFilePicker extends IFilePicker, IControlCommonProps {
|
|
164
170
|
label?: string;
|
|
165
171
|
isRequired?: boolean;
|
|
166
172
|
name?: string;
|
|
173
|
+
labelAdditionalInfo?: string | ReactNode;
|
|
167
174
|
}
|
|
168
175
|
export interface ICellSelector {
|
|
169
176
|
rows?: number;
|
|
@@ -178,9 +185,6 @@ export interface IControlCellSelector extends ICellSelector, IControlCommonProps
|
|
|
178
185
|
label?: string;
|
|
179
186
|
id?: string;
|
|
180
187
|
isRequired?: boolean;
|
|
181
|
-
|
|
182
|
-
export interface IControlHelperTextProps {
|
|
183
|
-
hasError?: boolean;
|
|
184
|
-
cssClasses?: string;
|
|
188
|
+
labelAdditionalInfo?: string | ReactNode;
|
|
185
189
|
}
|
|
186
190
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Dispatch, SetStateAction } from 'react';
|
|
1
|
+
import React, { Dispatch, SetStateAction } from 'react';
|
|
2
2
|
import { TControlErrors } from "../controls/types";
|
|
3
3
|
export interface IMonthYear {
|
|
4
4
|
month: number;
|
|
@@ -70,6 +70,7 @@ export interface IDatepickerProps {
|
|
|
70
70
|
showButtons?: boolean;
|
|
71
71
|
hint?: string;
|
|
72
72
|
errors?: TControlErrors;
|
|
73
|
+
labelAdditionalInfo?: string | React.ReactNode;
|
|
73
74
|
}
|
|
74
75
|
export interface IDatepickerLabelProps {
|
|
75
76
|
id: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/date_picker/types.ts"],"names":[],"mappings":"AAAA,OAAgD,OAAO,CAAC;AACxD,OAA+B,kCAAkC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
const cssLabel = 'label';
|
|
2
2
|
const cssLabelRequired = `${cssLabel}_required`;
|
|
3
|
-
const cssLabelError = `${cssLabel}_error`;
|
|
3
|
+
const cssLabelError = `${cssLabel}_error`;
|
|
4
|
+
const cssLabelAdditionalInfo = `${cssLabel}__additional-info`;
|
|
4
5
|
|
|
5
|
-
export { cssLabel, cssLabelError, cssLabelRequired };
|
|
6
|
+
export { cssLabel, cssLabelAdditionalInfo, cssLabelError, cssLabelRequired };
|
|
6
7
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -2,15 +2,18 @@ import React from 'react';
|
|
|
2
2
|
import classnames from 'classnames';
|
|
3
3
|
import { useControlContext } from '../controls/context.js';
|
|
4
4
|
import cssClasses from '../../css/label/main.module.less.js';
|
|
5
|
-
import { cssLabel, cssLabelRequired, cssLabelError } from './css_classes.js';
|
|
5
|
+
import { cssLabel, cssLabelRequired, cssLabelError, cssLabelAdditionalInfo } from './css_classes.js';
|
|
6
|
+
import Stack from '../stack/index.js';
|
|
6
7
|
|
|
7
|
-
const Label = ({ isRequired = false, children, ...props }) => {
|
|
8
|
+
const Label = ({ isRequired = false, children, additionalInfo, ...props }) => {
|
|
8
9
|
const { errors } = useControlContext();
|
|
9
10
|
const labelClasses = classnames(cssClasses[cssLabel], {
|
|
10
11
|
[cssClasses[cssLabelRequired]]: isRequired,
|
|
11
12
|
[cssClasses[cssLabelError]]: errors
|
|
12
13
|
});
|
|
13
|
-
return (React.createElement("label", { className: labelClasses, ...props },
|
|
14
|
+
return (React.createElement("label", { className: labelClasses, ...props },
|
|
15
|
+
React.createElement(Stack, { align: "center" }, children),
|
|
16
|
+
additionalInfo && React.createElement("span", { className: cssClasses[cssLabelAdditionalInfo] }, additionalInfo)));
|
|
14
17
|
};
|
|
15
18
|
|
|
16
19
|
export 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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/label/types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/label/types.ts"],"names":[],"mappings":"AAAA,OAA+C,OAAO,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n position: relative;\n display: inline-
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n position: relative;\n display: inline-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";
|
|
4
4
|
var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
@@ -1,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_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";
|
|
4
|
-
var cssClasses = {"label":"main-module_label__vCIbX","label_required":"main-module_label_required__1znQf","label_error":"main-module_label_error__su2hG"};
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_label__vCIbX {\n display: block;\n font-size: 14px;\n font-size: 1rem;\n color: #2d3748;\n}\n.main-module_label_required__1znQf {\n position: relative;\n 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";
|
|
4
|
+
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"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssClasses;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_typography_h1__3-Uq1 {\n
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_typography_h1__3-Uq1,\n.main-module_typography_h2__2S8Us,\n.main-module_typography_h3__2TNaC,\n.main-module_typography_h4__2yTuP,\n.main-module_typography_h5__1-Tt-,\n.main-module_typography_h6__2oHDB {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_typography_h1__3-Uq1:not(:last-child),\n.main-module_typography_h2__2S8Us:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_typography_h3__2TNaC:not(:last-child),\n.main-module_typography_h4__2yTuP:not(:last-child),\n.main-module_typography_h5__1-Tt-:not(:last-child),\n.main-module_typography_h6__2oHDB:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_p__vWW6a:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_h1__3-Uq1 {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_typography_h2__2S8Us {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_typography_h3__2TNaC {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_typography_h4__2yTuP {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_typography_h5__1-Tt- {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_h6__2oHDB {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_bold__18xiI {\n font-weight: 700;\n}\n.main-module_typography_semibold__1kr14 {\n font-weight: 600;\n}\n.main-module_typography_normal__oKS8F {\n font-weight: 400;\n}\n.main-module_typography_uppercase__PMlo5 {\n text-transform: uppercase;\n}\n.main-module_typography_lowercase__17D2L {\n text-transform: lowercase;\n}\n.main-module_typography_capitalize__3L3XA {\n text-transform: capitalize;\n}\n";
|
|
4
4
|
var typographyCssClasses = {"typography_h1":"main-module_typography_h1__3-Uq1","typography_h2":"main-module_typography_h2__2S8Us","typography_h3":"main-module_typography_h3__2TNaC","typography_h4":"main-module_typography_h4__2yTuP","typography_h5":"main-module_typography_h5__1-Tt-","typography_h6":"main-module_typography_h6__2oHDB","typography_p":"main-module_typography_p__vWW6a","typography_bold":"main-module_typography_bold__18xiI","typography_semibold":"main-module_typography_semibold__1kr14","typography_normal":"main-module_typography_normal__oKS8F","typography_uppercase":"main-module_typography_uppercase__PMlo5","typography_lowercase":"main-module_typography_lowercase__17D2L","typography_capitalize":"main-module_typography_capitalize__3L3XA"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
@@ -5,6 +5,7 @@ export { default as ButtonsGroup } from './components/buttons_group/index.js';
|
|
|
5
5
|
export { DropdownContext, useDropdownContext } from './components/dropdown/context/index.js';
|
|
6
6
|
export { default as ColorPicker } from './components/color_picker/index.js';
|
|
7
7
|
export { default as IconTick } from './assets/icon_tick.js';
|
|
8
|
+
export { default as Stack } from './components/stack/index.js';
|
|
8
9
|
export { default as Label } from './components/label/index.js';
|
|
9
10
|
export { default as Control } from './components/controls/index.js';
|
|
10
11
|
export { default as Hint } from './components/hint/index.js';
|
|
@@ -14,7 +15,6 @@ export { default as ControlCheckboxSwitch } from './components/controls/hoc/cont
|
|
|
14
15
|
export { default as IconArrow } from './assets/icon_arrow.js';
|
|
15
16
|
export { useToggle } from './components/dropdown/hooks/use_toggle.js';
|
|
16
17
|
export { default as Dropdown } from './components/dropdown/index.js';
|
|
17
|
-
export { default as Spacing } from './components/spacing/index.js';
|
|
18
18
|
export { default as ControlColorPicker } from './components/controls/hoc/control_color_picker/index.js';
|
|
19
19
|
export { default as IconCalendar } from './assets/icon_calendar.js';
|
|
20
20
|
export { default as Select } from './components/dropdown/hoc/select/index.js';
|
|
@@ -63,7 +63,7 @@ export { SlideCloseBtnWrapper } from './components/slide/components/slide_close_
|
|
|
63
63
|
export { SlideContent } from './components/slide/components/slide_content.js';
|
|
64
64
|
export { SlideFooter } from './components/slide/components/slide_footer.js';
|
|
65
65
|
export { SlideWrapper } from './components/slide/components/slide_wrapper.js';
|
|
66
|
-
export { default as
|
|
66
|
+
export { default as Spacing } from './components/spacing/index.js';
|
|
67
67
|
export { default as Tabs } from './components/tabs/components/tabs.js';
|
|
68
68
|
export { TabsItem } from './components/tabs/components/tabs_item.js';
|
|
69
69
|
export { TabsItemList } from './components/tabs/components/tabs_item_list.js';
|
package/package.json
CHANGED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var classnames = require('classnames');
|
|
7
|
-
var css_classes = require('../css_classes.js');
|
|
8
|
-
var main_module = require('../../../css/helper-text/main.module.less.js');
|
|
9
|
-
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
-
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
14
|
-
|
|
15
|
-
const LabelAdditionalInfo = ({ children, hasError, cssClasses }) => {
|
|
16
|
-
const helperClassNames = classnames__default['default'](main_module['default'][css_classes.helperText], {
|
|
17
|
-
[main_module['default'][css_classes.helperTextError]]: hasError
|
|
18
|
-
});
|
|
19
|
-
return React__default['default'].createElement("p", { className: helperClassNames }, children);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.default = LabelAdditionalInfo;
|
|
23
|
-
//# sourceMappingURL=helper_text.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
|
-
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_helper-text__dgdVc {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n line-height: 15px;\n color: #5c657e;\n margin-bottom: 0.25rem;\n}\n.main-module_helper-text_error__2HsHS {\n color: #e60c54;\n}\n";
|
|
8
|
-
var cssStyles = {"helper-text":"main-module_helper-text__dgdVc","helper-text_error":"main-module_helper-text_error__2HsHS"};
|
|
9
|
-
styleInject_es['default'](css_248z);
|
|
10
|
-
|
|
11
|
-
exports.default = cssStyles;
|
|
12
|
-
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classnames from 'classnames';
|
|
3
|
-
import { helperText, helperTextError } from '../css_classes.js';
|
|
4
|
-
import cssStyles from '../../../css/helper-text/main.module.less.js';
|
|
5
|
-
|
|
6
|
-
const LabelAdditionalInfo = ({ children, hasError, cssClasses }) => {
|
|
7
|
-
const helperClassNames = classnames(cssStyles[helperText], {
|
|
8
|
-
[cssStyles[helperTextError]]: hasError
|
|
9
|
-
});
|
|
10
|
-
return React.createElement("p", { className: helperClassNames }, children);
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export default LabelAdditionalInfo;
|
|
14
|
-
//# sourceMappingURL=helper_text.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_helper-text__dgdVc {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n line-height: 15px;\n color: #5c657e;\n margin-bottom: 0.25rem;\n}\n.main-module_helper-text_error__2HsHS {\n color: #e60c54;\n}\n";
|
|
4
|
-
var cssStyles = {"helper-text":"main-module_helper-text__dgdVc","helper-text_error":"main-module_helper-text_error__2HsHS"};
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export default cssStyles;
|
|
8
|
-
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}
|