@dreamcommerce/aurora 2.1.4 → 2.1.5
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/helper.js +18 -0
- package/build/cjs/packages/aurora/src/components/controls/components/helper.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +3 -1
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +9 -5
- 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_input/index.js +2 -1
- 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_textarea/index.js +4 -2
- 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 +3 -1
- package/build/cjs/packages/aurora/src/components/controls/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/helper/main.module.less.js +12 -0
- package/build/cjs/packages/aurora/src/css/helper/main.module.less.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/components/helper.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/controls/components/helper.js +10 -0
- package/build/esm/packages/aurora/src/components/controls/components/helper.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +3 -2
- package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +5 -1
- 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_input/index.js +2 -1
- 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_textarea/index.js +4 -2
- 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 +3 -1
- package/build/esm/packages/aurora/src/components/controls/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +7 -0
- package/build/esm/packages/aurora/src/css/helper/main.module.less.js +8 -0
- package/build/esm/packages/aurora/src/css/helper/main.module.less.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var css_classes = require('../css_classes.js');
|
|
7
|
+
var main_module = require('../../../css/helper/main.module.less.js');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
+
|
|
13
|
+
const Helper = ({ children }) => {
|
|
14
|
+
return React__default['default'].createElement("p", { className: main_module['default'][css_classes.cssHelper] }, children);
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
exports.default = Helper;
|
|
18
|
+
//# sourceMappingURL=helper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -42,7 +42,8 @@ const cellSelector = 'cell-selector';
|
|
|
42
42
|
const cellSelectorContainer = `${cellSelector}__container`;
|
|
43
43
|
const cellSelectorRow = `${cellSelector}__row`;
|
|
44
44
|
const cellSelectorCell = `${cellSelector}__cell`;
|
|
45
|
-
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
45
|
+
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
46
|
+
const cssHelper = 'helper';
|
|
46
47
|
|
|
47
48
|
exports.cellSelector = cellSelector;
|
|
48
49
|
exports.cellSelectorCell = cellSelectorCell;
|
|
@@ -81,6 +82,7 @@ exports.cssControlsErrors = cssControlsErrors;
|
|
|
81
82
|
exports.cssControlsErrorsList = cssControlsErrorsList;
|
|
82
83
|
exports.cssControlsErrorsListItem = cssControlsErrorsListItem;
|
|
83
84
|
exports.cssControlsLabel = cssControlsLabel;
|
|
85
|
+
exports.cssHelper = cssHelper;
|
|
84
86
|
exports.radio = radio;
|
|
85
87
|
exports.radioControl = radioControl;
|
|
86
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;"}
|
|
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;"}
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var index$
|
|
6
|
+
var index$2 = require('../../../label/index.js');
|
|
7
7
|
var index = require('../../index.js');
|
|
8
|
-
var index$
|
|
8
|
+
var index$1 = require('../../../hint/index.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
11
|
|
|
@@ -23,15 +23,19 @@ 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, errors }) => {
|
|
26
|
+
const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange, helper, labelTop, hintTop, hintTopOptions = { isFixed: true }, isRequired, errors }) => {
|
|
27
27
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
28
|
+
(labelTop || hintTop) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
29
|
+
labelTop,
|
|
30
|
+
hintTop && React__default['default'].createElement(index$1['default'], { fixed: hintTopOptions.isFixed, spacingLeft: true, hint: hintTop }))),
|
|
31
|
+
helper && React__default['default'].createElement(index['default'].Helper, null, helper),
|
|
28
32
|
React__default['default'].createElement(index['default'].Content, null,
|
|
29
33
|
React__default['default'].createElement(index['default'].Element, { type: "checkbox" },
|
|
30
34
|
React__default['default'].createElement(index['default'].Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
|
|
31
|
-
React__default['default'].createElement(index$
|
|
35
|
+
React__default['default'].createElement(index$2['default'], { htmlFor: id },
|
|
32
36
|
label,
|
|
33
37
|
" ",
|
|
34
|
-
hint && React__default['default'].createElement(index$
|
|
38
|
+
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
|
|
35
39
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
36
40
|
};
|
|
37
41
|
|
|
@@ -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;AACA;AACA;AACA;AACA;"}
|
|
@@ -25,11 +25,12 @@ 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, additionalInfo, ...props }) => {
|
|
28
|
+
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, helper, additionalInfo, ...props }) => {
|
|
29
29
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
30
30
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
31
31
|
label,
|
|
32
32
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
33
|
+
helper && React__default['default'].createElement(index['default'].Helper, null, helper),
|
|
33
34
|
React__default['default'].createElement(index['default'].Content, null,
|
|
34
35
|
React__default['default'].createElement(index['default'].Element, { prefix: prefix, postfix: postfix },
|
|
35
36
|
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;AACA;"}
|
|
@@ -25,16 +25,18 @@ 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 } }, ref) => {
|
|
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 }, helper }, ref) => {
|
|
29
29
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
30
30
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
31
31
|
label,
|
|
32
32
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
33
|
+
helper && React__default['default'].createElement(index['default'].Helper, null, helper),
|
|
33
34
|
React__default['default'].createElement(index['default'].Content, null,
|
|
34
35
|
React__default['default'].createElement(index['default'].Element, null,
|
|
35
36
|
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 }))),
|
|
36
37
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
37
|
-
});
|
|
38
|
+
});
|
|
39
|
+
ControlTextarea.displayName = 'ControlTextarea';
|
|
38
40
|
|
|
39
41
|
exports.default = ControlTextarea;
|
|
40
42
|
//# 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;AACA;AACA;"}
|
|
@@ -14,6 +14,7 @@ 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 = require('./components/helper.js');
|
|
17
18
|
var radio = require('./components/radio.js');
|
|
18
19
|
var textarea = require('./components/textarea.js');
|
|
19
20
|
|
|
@@ -34,7 +35,8 @@ Control.Content = content['default'];
|
|
|
34
35
|
Control.Element = element['default'];
|
|
35
36
|
Control.Textarea = textarea['default'];
|
|
36
37
|
Control.Errors = errors['default'];
|
|
37
|
-
Control.AdditionalInfo = additional_info.AdditionalInfo;
|
|
38
|
+
Control.AdditionalInfo = additional_info.AdditionalInfo;
|
|
39
|
+
Control.Helper = helper['default'];
|
|
38
40
|
|
|
39
41
|
exports.default = Control;
|
|
40
42
|
//# 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;AACA;AACA;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
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__ZHmAY {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n line-height: 15px;\n color: #5c657e;\n margin-bottom: 0.25rem;\n}\n";
|
|
8
|
+
var cssStyles = {"helper":"main-module_helper__ZHmAY"};
|
|
9
|
+
styleInject_es['default'](css_248z);
|
|
10
|
+
|
|
11
|
+
exports.default = cssStyles;
|
|
12
|
+
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { cssHelper } from '../css_classes.js';
|
|
3
|
+
import cssStyles from '../../../css/helper/main.module.less.js';
|
|
4
|
+
|
|
5
|
+
const Helper = ({ children }) => {
|
|
6
|
+
return React.createElement("p", { className: cssStyles[cssHelper] }, children);
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export default Helper;
|
|
10
|
+
//# sourceMappingURL=helper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -38,7 +38,8 @@ const cellSelector = 'cell-selector';
|
|
|
38
38
|
const cellSelectorContainer = `${cellSelector}__container`;
|
|
39
39
|
const cellSelectorRow = `${cellSelector}__row`;
|
|
40
40
|
const cellSelectorCell = `${cellSelector}__cell`;
|
|
41
|
-
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
41
|
+
const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
42
|
+
const cssHelper = 'helper';
|
|
42
43
|
|
|
43
|
-
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
|
|
44
|
+
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, cssHelper, radio, radioControl, radioDisabled, radioLabel };
|
|
44
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;"}
|
|
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;"}
|
|
@@ -15,8 +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, errors }) => {
|
|
18
|
+
const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange, helper, labelTop, hintTop, hintTopOptions = { isFixed: true }, isRequired, errors }) => {
|
|
19
19
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
20
|
+
(labelTop || hintTop) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
21
|
+
labelTop,
|
|
22
|
+
hintTop && React.createElement(Hint, { fixed: hintTopOptions.isFixed, spacingLeft: true, hint: hintTop }))),
|
|
23
|
+
helper && React.createElement(Control.Helper, null, helper),
|
|
20
24
|
React.createElement(Control.Content, null,
|
|
21
25
|
React.createElement(Control.Element, { type: "checkbox" },
|
|
22
26
|
React.createElement(Control.Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
|
|
@@ -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;AACA;AACA;AACA;AACA;"}
|
|
@@ -17,11 +17,12 @@ 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, additionalInfo, ...props }) => {
|
|
20
|
+
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, helper, additionalInfo, ...props }) => {
|
|
21
21
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
22
22
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
23
23
|
label,
|
|
24
24
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
25
|
+
helper && React.createElement(Control.Helper, null, helper),
|
|
25
26
|
React.createElement(Control.Content, null,
|
|
26
27
|
React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
|
|
27
28
|
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;AACA;"}
|
|
@@ -17,16 +17,18 @@ 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 } }, ref) => {
|
|
20
|
+
const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, helper }, ref) => {
|
|
21
21
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
22
22
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
23
23
|
label,
|
|
24
24
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
25
|
+
helper && React.createElement(Control.Helper, null, helper),
|
|
25
26
|
React.createElement(Control.Content, null,
|
|
26
27
|
React.createElement(Control.Element, null,
|
|
27
28
|
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 }))),
|
|
28
29
|
React.createElement(Control.Errors, null)));
|
|
29
|
-
});
|
|
30
|
+
});
|
|
31
|
+
ControlTextarea.displayName = 'ControlTextarea';
|
|
30
32
|
|
|
31
33
|
export default ControlTextarea;
|
|
32
34
|
//# 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;AACA;AACA;"}
|
|
@@ -10,6 +10,7 @@ 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 Helper from './components/helper.js';
|
|
13
14
|
import Radio from './components/radio.js';
|
|
14
15
|
import Textarea from './components/textarea.js';
|
|
15
16
|
|
|
@@ -26,7 +27,8 @@ Control.Content = Content;
|
|
|
26
27
|
Control.Element = Element;
|
|
27
28
|
Control.Textarea = Textarea;
|
|
28
29
|
Control.Errors = Errors;
|
|
29
|
-
Control.AdditionalInfo = AdditionalInfo;
|
|
30
|
+
Control.AdditionalInfo = AdditionalInfo;
|
|
31
|
+
Control.Helper = Helper;
|
|
30
32
|
|
|
31
33
|
export default Control;
|
|
32
34
|
//# 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;AACA;AACA;"}
|
|
@@ -21,6 +21,7 @@ export interface IControlComposition {
|
|
|
21
21
|
Textarea: React.FC<ITextareaProps>;
|
|
22
22
|
Errors: React.FC;
|
|
23
23
|
AdditionalInfo: React.FC;
|
|
24
|
+
Helper: React.FC<React.ReactNode>;
|
|
24
25
|
}
|
|
25
26
|
export interface IControlProps {
|
|
26
27
|
children: ReactNode;
|
|
@@ -100,9 +101,14 @@ export interface IControlInputProps extends IInputProps, IControlCommonProps {
|
|
|
100
101
|
postfix?: string;
|
|
101
102
|
label?: string;
|
|
102
103
|
isRequired?: boolean;
|
|
104
|
+
helper?: React.ReactNode;
|
|
103
105
|
}
|
|
104
106
|
export interface IControlCheckboxProps extends ICheckboxProps, IControlCommonProps {
|
|
105
107
|
label: string;
|
|
108
|
+
helper?: React.ReactNode;
|
|
109
|
+
hintTopOptions?: TControlHintOptions;
|
|
110
|
+
labelTop?: string;
|
|
111
|
+
hintTop?: string;
|
|
106
112
|
}
|
|
107
113
|
export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
108
114
|
id: string;
|
|
@@ -136,6 +142,7 @@ export interface IControlColorPickerProps extends IColorPickerProps, IControlCom
|
|
|
136
142
|
export interface IControlTextareaProps extends ITextareaProps, IControlCommonProps {
|
|
137
143
|
label?: string;
|
|
138
144
|
isRequired?: boolean;
|
|
145
|
+
helper?: React.ReactNode;
|
|
139
146
|
}
|
|
140
147
|
export interface IControlSelectProps extends ISelectProps, IControlCommonProps {
|
|
141
148
|
id?: string;
|
|
@@ -0,0 +1,8 @@
|
|
|
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__ZHmAY {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n line-height: 15px;\n color: #5c657e;\n margin-bottom: 0.25rem;\n}\n";
|
|
4
|
+
var cssStyles = {"helper":"main-module_helper__ZHmAY"};
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export default cssStyles;
|
|
8
|
+
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}
|