@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.
Files changed (32) hide show
  1. package/build/cjs/packages/aurora/src/components/controls/components/helper.js +18 -0
  2. package/build/cjs/packages/aurora/src/components/controls/components/helper.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/components/controls/css_classes.js +3 -1
  4. package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +9 -5
  6. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -1
  8. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +4 -2
  10. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/components/controls/index.js +3 -1
  12. package/build/cjs/packages/aurora/src/components/controls/index.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/css/helper/main.module.less.js +12 -0
  14. package/build/cjs/packages/aurora/src/css/helper/main.module.less.js.map +1 -0
  15. package/build/esm/packages/aurora/src/components/controls/components/helper.d.ts +3 -0
  16. package/build/esm/packages/aurora/src/components/controls/components/helper.js +10 -0
  17. package/build/esm/packages/aurora/src/components/controls/components/helper.js.map +1 -0
  18. package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +1 -0
  19. package/build/esm/packages/aurora/src/components/controls/css_classes.js +3 -2
  20. package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
  21. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +5 -1
  22. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -1
  24. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
  25. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +4 -2
  26. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
  27. package/build/esm/packages/aurora/src/components/controls/index.js +3 -1
  28. package/build/esm/packages/aurora/src/components/controls/index.js.map +1 -1
  29. package/build/esm/packages/aurora/src/components/controls/types.d.ts +7 -0
  30. package/build/esm/packages/aurora/src/css/helper/main.module.less.js +8 -0
  31. package/build/esm/packages/aurora/src/css/helper/main.module.less.js.map +1 -0
  32. 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$1 = require('../../../label/index.js');
6
+ var index$2 = require('../../../label/index.js');
7
7
  var index = require('../../index.js');
8
- var index$2 = require('../../../hint/index.js');
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$1['default'], { htmlFor: id },
35
+ React__default['default'].createElement(index$2['default'], { htmlFor: id },
32
36
  label,
33
37
  " ",
34
- hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
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,3 @@
1
+ import React from 'react';
2
+ declare const Helper: React.FC;
3
+ export default Helper;
@@ -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;"}
@@ -40,3 +40,4 @@ export declare const cellSelectorDescription: string;
40
40
  export declare const cellSelectorRow: string;
41
41
  export declare const cellSelectorCell: string;
42
42
  export declare const cellSelectorCellActive: string;
43
+ export declare const cssHelper = "helper";
@@ -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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.1.4",
5
+ "version": "2.1.5",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",