@dreamcommerce/aurora 0.3.7 → 0.3.10
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/additional_info.js +19 -0
- package/build/cjs/packages/aurora/src/components/controls/components/additional_info.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/controls/components/element.js +3 -1
- package/build/cjs/packages/aurora/src/components/controls/components/element.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +4 -0
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +5 -3
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/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/components/dropdown/components/search.js +6 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/search.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/select.js +3 -2
- package/build/cjs/packages/aurora/src/components/dropdown/components/select.js.map +1 -1
- package/build/cjs/packages/aurora/src/constants/positions.js +12 -0
- package/build/cjs/packages/aurora/src/constants/positions.js.map +1 -0
- package/build/cjs/packages/aurora/src/css/controls/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/components/additional_info.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/controls/components/additional_info.js +11 -0
- package/build/esm/packages/aurora/src/components/controls/components/additional_info.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/components/element.js +4 -2
- package/build/esm/packages/aurora/src/components/controls/components/element.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +3 -1
- package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +5 -3
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/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 +4 -0
- package/build/esm/packages/aurora/src/components/controls/types.js +1 -0
- package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/search.js +7 -2
- package/build/esm/packages/aurora/src/components/dropdown/components/search.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/select.js +4 -3
- package/build/esm/packages/aurora/src/components/dropdown/components/select.js.map +1 -1
- package/build/esm/packages/aurora/src/constants/positions.d.ts +10 -0
- package/build/esm/packages/aurora/src/constants/positions.js +8 -0
- package/build/esm/packages/aurora/src/constants/positions.js.map +1 -0
- package/build/esm/packages/aurora/src/css/controls/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/typings/general.d.ts +3 -0
- package/build/esm/packages/aurora/src/typings/general.js +1 -1
- package/build/esm/packages/aurora/src/typings/general.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,19 @@
|
|
|
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/controls/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
|
+
var AdditionalInfo = function (_a) {
|
|
14
|
+
var children = _a.children;
|
|
15
|
+
return React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssControlsAdditionalInfo] }, children);
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
exports.AdditionalInfo = AdditionalInfo;
|
|
19
|
+
//# sourceMappingURL=additional_info.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;AACA;"}
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var classnames = require('classnames');
|
|
7
|
+
var positions = require('../../../constants/positions.js');
|
|
7
8
|
var css_classes = require('../css_classes.js');
|
|
8
9
|
var main_module = require('../../../css/controls/main.module.less.js');
|
|
9
10
|
|
|
@@ -14,12 +15,13 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
|
14
15
|
|
|
15
16
|
var Element = function (_a) {
|
|
16
17
|
var _b;
|
|
17
|
-
var type = _a.type, prefix = _a.prefix, postfix = _a.postfix, children = _a.children;
|
|
18
|
+
var type = _a.type, prefix = _a.prefix, postfix = _a.postfix, children = _a.children, verticalPosition = _a.verticalPosition;
|
|
18
19
|
var controlElementClasses = classnames__default['default'](main_module['default'][css_classes.cssControlsElement], (_b = {},
|
|
19
20
|
_b[main_module['default'][css_classes.cssControlsElementPrefix]] = prefix,
|
|
20
21
|
_b[main_module['default'][css_classes.cssControlsElementPostfix]] = postfix,
|
|
21
22
|
_b[main_module['default'][css_classes.cssControlsElementCheckbox]] = type === 'checkbox',
|
|
22
23
|
_b[main_module['default'][css_classes.cssControlsElementRadio]] = type === 'radio',
|
|
24
|
+
_b[main_module['default'][css_classes.cssControlsElementVerticalAlignTop]] = verticalPosition === positions.VERTICAL_POSITION.top,
|
|
23
25
|
_b));
|
|
24
26
|
return (React__default['default'].createElement("div", { className: controlElementClasses, "data-postfix": postfix, "data-prefix": prefix }, children));
|
|
25
27
|
};
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -14,6 +14,8 @@ var cssControlsElementRadio = "".concat(cssControls, "__element_radio");
|
|
|
14
14
|
var cssControlsErrors = "".concat(cssControls, "__errors");
|
|
15
15
|
var cssControlsErrorsList = "".concat(cssControls, "__errors-list");
|
|
16
16
|
var cssControlsErrorsListItem = "".concat(cssControls, "__errors-list-item");
|
|
17
|
+
var cssControlsAdditionalInfo = "".concat(cssControls, "__additional-info");
|
|
18
|
+
var cssControlsElementVerticalAlignTop = "".concat(cssControlsElement, "_vtop");
|
|
17
19
|
var cssControl = 'control';
|
|
18
20
|
var cssControlS = 'control_s';
|
|
19
21
|
var cssControlWrapper = 'control_wrapper';
|
|
@@ -66,12 +68,14 @@ exports.cssControlReadonly = cssControlReadonly;
|
|
|
66
68
|
exports.cssControlS = cssControlS;
|
|
67
69
|
exports.cssControlWrapper = cssControlWrapper;
|
|
68
70
|
exports.cssControls = cssControls;
|
|
71
|
+
exports.cssControlsAdditionalInfo = cssControlsAdditionalInfo;
|
|
69
72
|
exports.cssControlsContent = cssControlsContent;
|
|
70
73
|
exports.cssControlsElement = cssControlsElement;
|
|
71
74
|
exports.cssControlsElementCheckbox = cssControlsElementCheckbox;
|
|
72
75
|
exports.cssControlsElementPostfix = cssControlsElementPostfix;
|
|
73
76
|
exports.cssControlsElementPrefix = cssControlsElementPrefix;
|
|
74
77
|
exports.cssControlsElementRadio = cssControlsElementRadio;
|
|
78
|
+
exports.cssControlsElementVerticalAlignTop = cssControlsElementVerticalAlignTop;
|
|
75
79
|
exports.cssControlsError = cssControlsError;
|
|
76
80
|
exports.cssControlsErrors = cssControlsErrors;
|
|
77
81
|
exports.cssControlsErrorsList = cssControlsErrorsList;
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
+
var positions = require('../../../../constants/positions.js');
|
|
6
7
|
var index$1 = require('../../../label/index.js');
|
|
7
8
|
var index = require('../../index.js');
|
|
8
9
|
var index$2 = require('../../../hint/index.js');
|
|
@@ -24,15 +25,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
24
25
|
* )
|
|
25
26
|
*/
|
|
26
27
|
var ControlRadio = function (_a) {
|
|
27
|
-
var id = _a.id, label = _a.label, hint = _a.hint, name = _a.name, value = _a.value, defaultChecked = _a.defaultChecked, checked = _a.checked, disabled = _a.disabled, onClick = _a.onClick, errors = _a.errors;
|
|
28
|
+
var id = _a.id, label = _a.label, hint = _a.hint, name = _a.name, value = _a.value, defaultChecked = _a.defaultChecked, checked = _a.checked, disabled = _a.disabled, onClick = _a.onClick, errors = _a.errors, additionalInfo = _a.additionalInfo;
|
|
28
29
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
29
30
|
React__default['default'].createElement(index['default'].Content, null,
|
|
30
|
-
React__default['default'].createElement(index['default'].Element, { type: "radio" },
|
|
31
|
+
React__default['default'].createElement(index['default'].Element, { type: "radio", verticalPosition: additionalInfo ? positions.VERTICAL_POSITION.top : undefined },
|
|
31
32
|
React__default['default'].createElement(index['default'].Radio, { id: id, name: name, value: value, defaultChecked: defaultChecked, checked: checked, disabled: disabled, onClick: onClick }),
|
|
32
33
|
React__default['default'].createElement(index$1['default'], { htmlFor: id },
|
|
33
34
|
label,
|
|
34
35
|
" ",
|
|
35
|
-
hint && React__default['default'].createElement(index$2['default'], { fixed: true, hint: hint, spacingLeft: true })
|
|
36
|
+
hint && React__default['default'].createElement(index$2['default'], { fixed: true, hint: hint, spacingLeft: true }),
|
|
37
|
+
additionalInfo && React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo)))),
|
|
36
38
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
37
39
|
};
|
|
38
40
|
|
|
@@ -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;"}
|
|
@@ -15,6 +15,7 @@ var element = require('./components/element.js');
|
|
|
15
15
|
var radio = require('./components/radio.js');
|
|
16
16
|
var textarea = require('./components/textarea.js');
|
|
17
17
|
var errors = require('./components/errors.js');
|
|
18
|
+
var additional_info = require('./components/additional_info.js');
|
|
18
19
|
|
|
19
20
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
21
|
|
|
@@ -33,7 +34,8 @@ Control.Radio = radio['default'];
|
|
|
33
34
|
Control.Content = content['default'];
|
|
34
35
|
Control.Element = element['default'];
|
|
35
36
|
Control.Textarea = textarea['default'];
|
|
36
|
-
Control.Errors = errors['default'];
|
|
37
|
+
Control.Errors = errors['default'];
|
|
38
|
+
Control.AdditionalInfo = additional_info.AdditionalInfo;
|
|
37
39
|
|
|
38
40
|
exports.default = Control;
|
|
39
41
|
//# 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;"}
|
|
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;"}
|
|
@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var input = require('../../controls/components/input.js');
|
|
7
|
+
var index = require('../context/index.js');
|
|
7
8
|
var main_module = require('../../../css/dropdown/main.module.less.js');
|
|
9
|
+
var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
|
|
8
10
|
var css_classes = require('../css_classes.js');
|
|
9
11
|
|
|
10
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -23,7 +25,10 @@ var Search = function (_a) {
|
|
|
23
25
|
* on key up callback
|
|
24
26
|
*/
|
|
25
27
|
onKeyUp = _a.onKeyUp;
|
|
26
|
-
|
|
28
|
+
var _b = index.useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
|
|
29
|
+
var ref = React.useRef(null);
|
|
30
|
+
use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
|
|
31
|
+
return (React__default['default'].createElement("aside", { className: main_module['default'][css_classes.cssDropdownSearch], ref: ref },
|
|
27
32
|
React__default['default'].createElement(input['default'], { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));
|
|
28
33
|
};
|
|
29
34
|
|
|
@@ -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;AACA;"}
|
|
@@ -44,6 +44,7 @@ var Select = function (_a) {
|
|
|
44
44
|
* array of selected options
|
|
45
45
|
*/
|
|
46
46
|
selectedOptions = _a.selectedOptions;
|
|
47
|
+
var ref = React.useRef(null);
|
|
47
48
|
/**
|
|
48
49
|
* get values from dropdown context
|
|
49
50
|
*/
|
|
@@ -57,8 +58,8 @@ var Select = function (_a) {
|
|
|
57
58
|
*/
|
|
58
59
|
var notDisabled = selectedOptions.filter(function (option) { return !option.isDisabled; });
|
|
59
60
|
var $hiddenInputs = notDisabled.map(function (option) { return (React__default['default'].createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })); });
|
|
60
|
-
use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen);
|
|
61
|
-
return (React__default['default'].createElement("div", { className: main_module['default']['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox" },
|
|
61
|
+
use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
|
|
62
|
+
return (React__default['default'].createElement("div", { className: main_module['default']['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
|
|
62
63
|
React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),
|
|
63
64
|
$hiddenInputs));
|
|
64
65
|
};
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var VERTICAL_POSITION = {
|
|
6
|
+
top: 'top',
|
|
7
|
+
center: 'center',
|
|
8
|
+
bottom: 'bottom'
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
exports.VERTICAL_POSITION = VERTICAL_POSITION;
|
|
12
|
+
//# sourceMappingURL=positions.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;"}
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.145em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n content: attr(data-postfix);\n position: absolute;\n right: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n justify-content: space-between;\n align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\n color: #2d3748;\n margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n display: flex;\n justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n display: flex;\n margin-top: -0.25rem;\n margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n margin-top: 0.4rem;\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #e60c54;\n text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n padding: 0.5rem;\n background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-content__1jX07 {\n margin-left: 2.5rem;\n margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n margin-left: 0.8rem;\n border-left: 1px solid #d0e6ff;\n padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n position: absolute;\n left: 1.25rem;\n pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n align-items: center;\n position: relative;\n display: flex;\n}\ninput,\ntextarea {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n color: #5c657e;\n background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n}\ninput[type='number'] {\n -moz-appearance: textfield;\n}\ntextarea {\n min-height: 8rem;\n resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n option {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n }\n}\n";
|
|
8
|
-
var cssStyles = {"controls":"main-module_controls__1yrPe","controls_error":"main-module_controls_error__1aqLg","controls__content":"main-module_controls__content__4Zj5y","controls__content_auto":"main-module_controls__content_auto__25ns9","controls__content_block":"main-module_controls__content_block__2Siky","controls__element":"main-module_controls__element__YU7DA","controls__content_vcenter":"main-module_controls__content_vcenter__3T-e7","controls__content_clear-margin":"main-module_controls__content_clear-margin__3qJ66","controls__element_auto":"main-module_controls__element_auto__5AjdP","controls__element_full":"main-module_controls__element_full__1GU_6","controls__element_three-quarters":"main-module_controls__element_three-quarters__7L5AA","controls__element_half":"main-module_controls__element_half__3B2Jl","controls__element_quarter":"main-module_controls__element_quarter__2nuhI","controls__element_prefix":"main-module_controls__element_prefix__3kJbw","controls__element_postfix":"main-module_controls__element_postfix__2qdjJ","control":"main-module_control__RIN7v","controls__element_checkbox":"main-module_controls__element_checkbox__tJ0tm","controls__element_checkbox-switch":"main-module_controls__element_checkbox-switch__L_Lic","controls__element_radio":"main-module_controls__element_radio__2kCck","controls__element_color-picker":"main-module_controls__element_color-picker__3wTA0","checkbox":"main-module_checkbox__vRI_x","radio":"main-module_radio__yu617","controls__element_spread":"main-module_controls__element_spread__28eqq","controls__element_vcenter":"main-module_controls__element_vcenter__2xs_a","controls__element_hcenter":"main-module_controls__element_hcenter__2tkPq","controls__label":"main-module_controls__label__1HTDS","controls__label_with-postfix":"main-module_controls__label_with-postfix__1g002","controls__hint":"main-module_controls__hint__UZPP2","controls__errors":"main-module_controls__errors__1nRxU","controls__errors-label":"main-module_controls__errors-label__2yGyP","controls__errors-list":"main-module_controls__errors-list__1eq14","controls__errors-list-item":"main-module_controls__errors-list-item__DzpwC","controls__additional-content":"main-module_controls__additional-content__1jX07","controls__additional-content_with-border":"main-module_controls__additional-content_with-border__38d_y","controls__additional-content_checkbox-switch":"main-module_controls__additional-content_checkbox-switch__1I7F_","controls__icon":"main-module_controls__icon__2aZg7","controls__element_with-icon":"main-module_controls__element_with-icon__188vU"};
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.145em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n content: attr(data-postfix);\n position: absolute;\n right: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n justify-content: space-between;\n align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_vtop__257yQ {\n display: flex;\n align-items: flex-start;\n}\n.main-module_controls__element_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\n color: #2d3748;\n margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n display: flex;\n justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n display: flex;\n margin-top: -0.25rem;\n margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n margin-top: 0.4rem;\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #e60c54;\n text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n padding: 0.5rem;\n background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-info__3yRra {\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #5c657e;\n margin: 0;\n}\n.main-module_controls__additional-content__1jX07 {\n margin-left: 2.5rem;\n margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n margin-left: 0.8rem;\n border-left: 1px solid #d0e6ff;\n padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n position: absolute;\n left: 1.25rem;\n pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n align-items: center;\n position: relative;\n display: flex;\n}\ninput,\ntextarea {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n color: #5c657e;\n background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n}\ninput[type='number'] {\n -moz-appearance: textfield;\n}\ntextarea {\n min-height: 8rem;\n resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n option {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n }\n}\n";
|
|
8
|
+
var cssStyles = {"controls":"main-module_controls__1yrPe","controls_error":"main-module_controls_error__1aqLg","controls__content":"main-module_controls__content__4Zj5y","controls__content_auto":"main-module_controls__content_auto__25ns9","controls__content_block":"main-module_controls__content_block__2Siky","controls__element":"main-module_controls__element__YU7DA","controls__content_vcenter":"main-module_controls__content_vcenter__3T-e7","controls__content_clear-margin":"main-module_controls__content_clear-margin__3qJ66","controls__element_auto":"main-module_controls__element_auto__5AjdP","controls__element_full":"main-module_controls__element_full__1GU_6","controls__element_three-quarters":"main-module_controls__element_three-quarters__7L5AA","controls__element_half":"main-module_controls__element_half__3B2Jl","controls__element_quarter":"main-module_controls__element_quarter__2nuhI","controls__element_prefix":"main-module_controls__element_prefix__3kJbw","controls__element_postfix":"main-module_controls__element_postfix__2qdjJ","control":"main-module_control__RIN7v","controls__element_checkbox":"main-module_controls__element_checkbox__tJ0tm","controls__element_checkbox-switch":"main-module_controls__element_checkbox-switch__L_Lic","controls__element_radio":"main-module_controls__element_radio__2kCck","controls__element_color-picker":"main-module_controls__element_color-picker__3wTA0","checkbox":"main-module_checkbox__vRI_x","radio":"main-module_radio__yu617","controls__element_spread":"main-module_controls__element_spread__28eqq","controls__element_vcenter":"main-module_controls__element_vcenter__2xs_a","controls__element_vtop":"main-module_controls__element_vtop__257yQ","controls__element_hcenter":"main-module_controls__element_hcenter__2tkPq","controls__label":"main-module_controls__label__1HTDS","controls__label_with-postfix":"main-module_controls__label_with-postfix__1g002","controls__hint":"main-module_controls__hint__UZPP2","controls__errors":"main-module_controls__errors__1nRxU","controls__errors-label":"main-module_controls__errors-label__2yGyP","controls__errors-list":"main-module_controls__errors-list__1eq14","controls__errors-list-item":"main-module_controls__errors-list-item__DzpwC","controls__additional-info":"main-module_controls__additional-info__3yRra","controls__additional-content":"main-module_controls__additional-content__1jX07","controls__additional-content_with-border":"main-module_controls__additional-content_with-border__38d_y","controls__additional-content_checkbox-switch":"main-module_controls__additional-content_checkbox-switch__1I7F_","controls__icon":"main-module_controls__icon__2aZg7","controls__element_with-icon":"main-module_controls__element_with-icon__188vU"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
11
|
exports.default = cssStyles;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { cssControlsAdditionalInfo } from '../css_classes.js';
|
|
3
|
+
import cssStyles from '../../../css/controls/main.module.less.js';
|
|
4
|
+
|
|
5
|
+
var AdditionalInfo = function (_a) {
|
|
6
|
+
var children = _a.children;
|
|
7
|
+
return React.createElement("div", { className: cssStyles[cssControlsAdditionalInfo] }, children);
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export { AdditionalInfo };
|
|
11
|
+
//# sourceMappingURL=additional_info.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;"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import {
|
|
3
|
+
import { VERTICAL_POSITION } from '../../../constants/positions.js';
|
|
4
|
+
import { cssControlsElement, cssControlsElementPrefix, cssControlsElementPostfix, cssControlsElementCheckbox, cssControlsElementRadio, cssControlsElementVerticalAlignTop } from '../css_classes.js';
|
|
4
5
|
import cssStyles from '../../../css/controls/main.module.less.js';
|
|
5
6
|
|
|
6
7
|
var Element = function (_a) {
|
|
7
8
|
var _b;
|
|
8
|
-
var type = _a.type, prefix = _a.prefix, postfix = _a.postfix, children = _a.children;
|
|
9
|
+
var type = _a.type, prefix = _a.prefix, postfix = _a.postfix, children = _a.children, verticalPosition = _a.verticalPosition;
|
|
9
10
|
var controlElementClasses = classnames(cssStyles[cssControlsElement], (_b = {},
|
|
10
11
|
_b[cssStyles[cssControlsElementPrefix]] = prefix,
|
|
11
12
|
_b[cssStyles[cssControlsElementPostfix]] = postfix,
|
|
12
13
|
_b[cssStyles[cssControlsElementCheckbox]] = type === 'checkbox',
|
|
13
14
|
_b[cssStyles[cssControlsElementRadio]] = type === 'radio',
|
|
15
|
+
_b[cssStyles[cssControlsElementVerticalAlignTop]] = verticalPosition === VERTICAL_POSITION.top,
|
|
14
16
|
_b));
|
|
15
17
|
return (React.createElement("div", { className: controlElementClasses, "data-postfix": postfix, "data-prefix": prefix }, children));
|
|
16
18
|
};
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -10,6 +10,8 @@ export declare const cssControlsElementRadio: string;
|
|
|
10
10
|
export declare const cssControlsErrors: string;
|
|
11
11
|
export declare const cssControlsErrorsList: string;
|
|
12
12
|
export declare const cssControlsErrorsListItem: string;
|
|
13
|
+
export declare const cssControlsAdditionalInfo: string;
|
|
14
|
+
export declare const cssControlsElementVerticalAlignTop: string;
|
|
13
15
|
export declare const cssControl = "control";
|
|
14
16
|
export declare const cssControlS = "control_s";
|
|
15
17
|
export declare const cssControlWrapper = "control_wrapper";
|
|
@@ -10,6 +10,8 @@ var cssControlsElementRadio = "".concat(cssControls, "__element_radio");
|
|
|
10
10
|
var cssControlsErrors = "".concat(cssControls, "__errors");
|
|
11
11
|
var cssControlsErrorsList = "".concat(cssControls, "__errors-list");
|
|
12
12
|
var cssControlsErrorsListItem = "".concat(cssControls, "__errors-list-item");
|
|
13
|
+
var cssControlsAdditionalInfo = "".concat(cssControls, "__additional-info");
|
|
14
|
+
var cssControlsElementVerticalAlignTop = "".concat(cssControlsElement, "_vtop");
|
|
13
15
|
var cssControl = 'control';
|
|
14
16
|
var cssControlS = 'control_s';
|
|
15
17
|
var cssControlWrapper = 'control_wrapper';
|
|
@@ -38,5 +40,5 @@ var cellSelectorRow = "".concat(cellSelector, "__row");
|
|
|
38
40
|
var cellSelectorCell = "".concat(cellSelector, "__cell");
|
|
39
41
|
var cellSelectorCellActive = "".concat(cellSelectorCell, "_active");
|
|
40
42
|
|
|
41
|
-
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, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
|
|
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 };
|
|
42
44
|
//# 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;"}
|
|
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,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { VERTICAL_POSITION } from '../../../../constants/positions.js';
|
|
2
3
|
import Label from '../../../label/index.js';
|
|
3
4
|
import Control from '../../index.js';
|
|
4
5
|
import Hint from '../../../hint/index.js';
|
|
@@ -16,15 +17,16 @@ import Hint from '../../../hint/index.js';
|
|
|
16
17
|
* )
|
|
17
18
|
*/
|
|
18
19
|
var ControlRadio = function (_a) {
|
|
19
|
-
var id = _a.id, label = _a.label, hint = _a.hint, name = _a.name, value = _a.value, defaultChecked = _a.defaultChecked, checked = _a.checked, disabled = _a.disabled, onClick = _a.onClick, errors = _a.errors;
|
|
20
|
+
var id = _a.id, label = _a.label, hint = _a.hint, name = _a.name, value = _a.value, defaultChecked = _a.defaultChecked, checked = _a.checked, disabled = _a.disabled, onClick = _a.onClick, errors = _a.errors, additionalInfo = _a.additionalInfo;
|
|
20
21
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
21
22
|
React.createElement(Control.Content, null,
|
|
22
|
-
React.createElement(Control.Element, { type: "radio" },
|
|
23
|
+
React.createElement(Control.Element, { type: "radio", verticalPosition: additionalInfo ? VERTICAL_POSITION.top : undefined },
|
|
23
24
|
React.createElement(Control.Radio, { id: id, name: name, value: value, defaultChecked: defaultChecked, checked: checked, disabled: disabled, onClick: onClick }),
|
|
24
25
|
React.createElement(Label, { htmlFor: id },
|
|
25
26
|
label,
|
|
26
27
|
" ",
|
|
27
|
-
hint && React.createElement(Hint, { fixed: true, hint: hint, spacingLeft: true })
|
|
28
|
+
hint && React.createElement(Hint, { fixed: true, hint: hint, spacingLeft: true }),
|
|
29
|
+
additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)))),
|
|
28
30
|
React.createElement(Control.Errors, null)));
|
|
29
31
|
};
|
|
30
32
|
|
|
@@ -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;"}
|
|
@@ -11,6 +11,7 @@ import Element from './components/element.js';
|
|
|
11
11
|
import Radio from './components/radio.js';
|
|
12
12
|
import Textarea from './components/textarea.js';
|
|
13
13
|
import Errors from './components/errors.js';
|
|
14
|
+
import { AdditionalInfo } from './components/additional_info.js';
|
|
14
15
|
|
|
15
16
|
var Control = function (_a) {
|
|
16
17
|
var children = _a.children, errors = _a.errors, name = _a.name, id = _a.id;
|
|
@@ -25,7 +26,8 @@ Control.Radio = Radio;
|
|
|
25
26
|
Control.Content = Content;
|
|
26
27
|
Control.Element = Element;
|
|
27
28
|
Control.Textarea = Textarea;
|
|
28
|
-
Control.Errors = Errors;
|
|
29
|
+
Control.Errors = Errors;
|
|
30
|
+
Control.AdditionalInfo = AdditionalInfo;
|
|
29
31
|
|
|
30
32
|
export default Control;
|
|
31
33
|
//# 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;"}
|
|
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,6 +3,7 @@ import { IMultiSelectProps, ISelectProps } from "../dropdown/types";
|
|
|
3
3
|
import { HTMLAttributes, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
|
|
4
4
|
import { IRange } from "../range/types";
|
|
5
5
|
import { IFilePicker } from "../file_picker/types";
|
|
6
|
+
import { TVerticalPosition } from "../../typings/general";
|
|
6
7
|
export declare type TControlErrors = string[] | null | undefined;
|
|
7
8
|
export interface IControlContext {
|
|
8
9
|
errors?: TControlErrors;
|
|
@@ -19,6 +20,7 @@ export interface IControlComposition {
|
|
|
19
20
|
Element: React.FC<IElementProps>;
|
|
20
21
|
Textarea: React.FC<ITextareaProps>;
|
|
21
22
|
Errors: React.FC;
|
|
23
|
+
AdditionalInfo: React.FC;
|
|
22
24
|
}
|
|
23
25
|
export interface IControlProps {
|
|
24
26
|
children: ReactNode;
|
|
@@ -30,6 +32,7 @@ interface IControlCommonProps {
|
|
|
30
32
|
errors?: TControlErrors;
|
|
31
33
|
hint?: string;
|
|
32
34
|
isRequired?: boolean;
|
|
35
|
+
additionalInfo?: string | ReactNode;
|
|
33
36
|
}
|
|
34
37
|
export interface IContentProps {
|
|
35
38
|
children: ReactNode;
|
|
@@ -39,6 +42,7 @@ export interface IElementProps {
|
|
|
39
42
|
prefix?: string;
|
|
40
43
|
postfix?: string;
|
|
41
44
|
children: ReactNode;
|
|
45
|
+
verticalPosition?: TVerticalPosition;
|
|
42
46
|
}
|
|
43
47
|
export interface IControlTagsSelectorProps extends IControlCommonProps {
|
|
44
48
|
id?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAAkC,sCAAsC,CAAC;AACzE,OAAgD,kCAAkC,CAAC;AACnF,OAAuF,OAAO,CAAC;AAC/F,OAAuB,+BAA+B,CAAC;AACvD,OAA4B,qCAAqC,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAAkC,sCAAsC,CAAC;AACzE,OAAgD,kCAAkC,CAAC;AACnF,OAAuF,OAAO,CAAC;AAC/F,OAAuB,+BAA+B,CAAC;AACvD,OAA4B,qCAAqC,CAAC;AAClE,OAAkC,wBAAwB,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
2
|
import Input from '../../controls/components/input.js';
|
|
3
|
+
import { useDropdownContext } from '../context/index.js';
|
|
3
4
|
import cssClasses from '../../../css/dropdown/main.module.less.js';
|
|
5
|
+
import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
|
|
4
6
|
import { cssDropdownSearch } from '../css_classes.js';
|
|
5
7
|
|
|
6
8
|
/**
|
|
@@ -15,7 +17,10 @@ var Search = function (_a) {
|
|
|
15
17
|
* on key up callback
|
|
16
18
|
*/
|
|
17
19
|
onKeyUp = _a.onKeyUp;
|
|
18
|
-
|
|
20
|
+
var _b = useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
|
|
21
|
+
var ref = useRef(null);
|
|
22
|
+
useKeyboardOpenClose(toggleDropdown, isOpen, ref);
|
|
23
|
+
return (React.createElement("aside", { className: cssClasses[cssDropdownSearch], ref: ref },
|
|
19
24
|
React.createElement(Input, { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));
|
|
20
25
|
};
|
|
21
26
|
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
2
|
import { useDropdownContext } from '../context/index.js';
|
|
3
3
|
import cssClasses from '../../../css/dropdown/main.module.less.js';
|
|
4
4
|
import InputWrapper from '../../controls/components/input_wrapper.js';
|
|
@@ -36,6 +36,7 @@ var Select = function (_a) {
|
|
|
36
36
|
* array of selected options
|
|
37
37
|
*/
|
|
38
38
|
selectedOptions = _a.selectedOptions;
|
|
39
|
+
var ref = useRef(null);
|
|
39
40
|
/**
|
|
40
41
|
* get values from dropdown context
|
|
41
42
|
*/
|
|
@@ -49,8 +50,8 @@ var Select = function (_a) {
|
|
|
49
50
|
*/
|
|
50
51
|
var notDisabled = selectedOptions.filter(function (option) { return !option.isDisabled; });
|
|
51
52
|
var $hiddenInputs = notDisabled.map(function (option) { return (React.createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })); });
|
|
52
|
-
useKeyboardOpenClose(toggleDropdown, isOpen);
|
|
53
|
-
return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox" },
|
|
53
|
+
useKeyboardOpenClose(toggleDropdown, isOpen, ref);
|
|
54
|
+
return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
|
|
54
55
|
React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),
|
|
55
56
|
$hiddenInputs));
|
|
56
57
|
};
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -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/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.145em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n content: attr(data-postfix);\n position: absolute;\n right: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n justify-content: space-between;\n align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\n color: #2d3748;\n margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n display: flex;\n justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n display: flex;\n margin-top: -0.25rem;\n margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n margin-top: 0.4rem;\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #e60c54;\n text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n padding: 0.5rem;\n background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-content__1jX07 {\n margin-left: 2.5rem;\n margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n margin-left: 0.8rem;\n border-left: 1px solid #d0e6ff;\n padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n position: absolute;\n left: 1.25rem;\n pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n align-items: center;\n position: relative;\n display: flex;\n}\ninput,\ntextarea {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n color: #5c657e;\n background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n}\ninput[type='number'] {\n -moz-appearance: textfield;\n}\ntextarea {\n min-height: 8rem;\n resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n option {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n }\n}\n";
|
|
4
|
-
var cssStyles = {"controls":"main-module_controls__1yrPe","controls_error":"main-module_controls_error__1aqLg","controls__content":"main-module_controls__content__4Zj5y","controls__content_auto":"main-module_controls__content_auto__25ns9","controls__content_block":"main-module_controls__content_block__2Siky","controls__element":"main-module_controls__element__YU7DA","controls__content_vcenter":"main-module_controls__content_vcenter__3T-e7","controls__content_clear-margin":"main-module_controls__content_clear-margin__3qJ66","controls__element_auto":"main-module_controls__element_auto__5AjdP","controls__element_full":"main-module_controls__element_full__1GU_6","controls__element_three-quarters":"main-module_controls__element_three-quarters__7L5AA","controls__element_half":"main-module_controls__element_half__3B2Jl","controls__element_quarter":"main-module_controls__element_quarter__2nuhI","controls__element_prefix":"main-module_controls__element_prefix__3kJbw","controls__element_postfix":"main-module_controls__element_postfix__2qdjJ","control":"main-module_control__RIN7v","controls__element_checkbox":"main-module_controls__element_checkbox__tJ0tm","controls__element_checkbox-switch":"main-module_controls__element_checkbox-switch__L_Lic","controls__element_radio":"main-module_controls__element_radio__2kCck","controls__element_color-picker":"main-module_controls__element_color-picker__3wTA0","checkbox":"main-module_checkbox__vRI_x","radio":"main-module_radio__yu617","controls__element_spread":"main-module_controls__element_spread__28eqq","controls__element_vcenter":"main-module_controls__element_vcenter__2xs_a","controls__element_hcenter":"main-module_controls__element_hcenter__2tkPq","controls__label":"main-module_controls__label__1HTDS","controls__label_with-postfix":"main-module_controls__label_with-postfix__1g002","controls__hint":"main-module_controls__hint__UZPP2","controls__errors":"main-module_controls__errors__1nRxU","controls__errors-label":"main-module_controls__errors-label__2yGyP","controls__errors-list":"main-module_controls__errors-list__1eq14","controls__errors-list-item":"main-module_controls__errors-list-item__DzpwC","controls__additional-content":"main-module_controls__additional-content__1jX07","controls__additional-content_with-border":"main-module_controls__additional-content_with-border__38d_y","controls__additional-content_checkbox-switch":"main-module_controls__additional-content_checkbox-switch__1I7F_","controls__icon":"main-module_controls__icon__2aZg7","controls__element_with-icon":"main-module_controls__element_with-icon__188vU"};
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_controls__1yrPe:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls_error__1aqLg svg {\n fill: #e60c54;\n}\n.main-module_controls_error__1aqLg * {\n color: #e60c54;\n}\n.main-module_controls__content__4Zj5y {\n display: flex;\n align-items: flex-start;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n}\n.main-module_controls__content_auto__25ns9 {\n min-width: auto;\n}\n.main-module_controls__content_block__2Siky {\n flex-direction: column;\n}\n.main-module_controls__content_block__2Siky .main-module_controls__element__YU7DA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_controls__content_vcenter__3T-e7 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__content_clear-margin__3qJ66 {\n margin-left: 0;\n margin-right: 0;\n}\n.main-module_controls__element__YU7DA {\n flex: 0 1 100%;\n max-width: 100%;\n padding: 0 0.25rem;\n}\n.main-module_controls__element_auto__5AjdP {\n flex-basis: auto;\n}\n.main-module_controls__element_full__1GU_6 {\n flex-basis: 100%;\n}\n.main-module_controls__element_three-quarters__7L5AA {\n flex-basis: 75%;\n}\n.main-module_controls__element_half__3B2Jl {\n flex-basis: 50%;\n}\n.main-module_controls__element_quarter__2nuhI {\n flex-basis: 25%;\n max-width: 25%;\n}\n.main-module_controls__element_prefix__3kJbw,\n.main-module_controls__element_postfix__2qdjJ {\n display: flex;\n align-items: center;\n position: relative;\n}\n.main-module_controls__element_prefix__3kJbw::before {\n content: attr(data-prefix);\n position: absolute;\n left: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_prefix__3kJbw .main-module_control__RIN7v {\n padding-left: 2.145em;\n}\n.main-module_controls__element_postfix__2qdjJ::after {\n content: attr(data-postfix);\n position: absolute;\n right: 0.965em;\n z-index: 1;\n}\n.main-module_controls__element_postfix__2qdjJ .main-module_control__RIN7v {\n padding-right: 2.86em;\n}\n.main-module_controls__element_checkbox__tJ0tm,\n.main-module_controls__element_checkbox-switch__L_Lic,\n.main-module_controls__element_radio__2kCck,\n.main-module_controls__element_color-picker__3wTA0 {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_checkbox__tJ0tm .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_checkbox__vRI_x,\n.main-module_controls__element_radio__2kCck .main-module_checkbox__vRI_x,\n.main-module_controls__element_color-picker__3wTA0 .main-module_checkbox__vRI_x,\n.main-module_controls__element_checkbox__tJ0tm .main-module_radio__yu617,\n.main-module_controls__element_checkbox-switch__L_Lic .main-module_radio__yu617,\n.main-module_controls__element_radio__2kCck .main-module_radio__yu617,\n.main-module_controls__element_color-picker__3wTA0 .main-module_radio__yu617 {\n flex: 0 0 auto;\n}\n.main-module_controls__element_spread__28eqq {\n justify-content: space-between;\n align-items: center;\n}\n.main-module_controls__element_vcenter__2xs_a {\n display: flex;\n align-items: center;\n}\n.main-module_controls__element_vtop__257yQ {\n display: flex;\n align-items: flex-start;\n}\n.main-module_controls__element_hcenter__2tkPq {\n display: flex;\n justify-content: center;\n}\n.main-module_controls__label__1HTDS {\n display: flex;\n align-items: center;\n color: #2d3748;\n margin-bottom: 0.3rem;\n}\n.main-module_controls__label_with-postfix__1g002 {\n display: flex;\n justify-content: space-between;\n}\n.main-module_controls__hint__UZPP2 {\n display: flex;\n margin-top: -0.25rem;\n margin-left: 0.5rem;\n}\n.main-module_controls__errors__1nRxU {\n margin-top: 0.4rem;\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #e60c54;\n text-align: left;\n}\n.main-module_controls__errors-label__2yGyP {\n cursor: default;\n}\n.main-module_controls__errors-list__1eq14 {\n padding: 0.5rem;\n background-color: #ffffff;\n}\n.main-module_controls__errors-list-item__DzpwC {\n list-style-type: none;\n}\n.main-module_controls__errors-list-item__DzpwC:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.main-module_controls__additional-info__3yRra {\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n color: #5c657e;\n margin: 0;\n}\n.main-module_controls__additional-content__1jX07 {\n margin-left: 2.5rem;\n margin-top: 1rem;\n}\n.main-module_controls__additional-content_with-border__38d_y {\n margin-left: 0.8rem;\n border-left: 1px solid #d0e6ff;\n padding-left: 1.7rem;\n}\n.main-module_controls__additional-content_checkbox-switch__1I7F_ {\n margin-left: 3.2rem;\n}\n.main-module_controls__icon__2aZg7 {\n position: absolute;\n left: 1.25rem;\n pointer-events: none;\n}\n.main-module_controls__element_with-icon__188vU {\n align-items: center;\n position: relative;\n display: flex;\n}\ninput,\ntextarea {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n color: #5c657e;\n background-color: #ffffff;\n}\ninput ::before,\ntextarea ::before,\ninput ::after,\ntextarea ::after {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n}\ninput[type='number'] {\n -moz-appearance: textfield;\n}\ntextarea {\n min-height: 8rem;\n resize: vertical;\n}\n/** ugly fix for same height for input and select in firefox */\n@-moz-document url-prefix() {\n option {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n }\n}\n";
|
|
4
|
+
var cssStyles = {"controls":"main-module_controls__1yrPe","controls_error":"main-module_controls_error__1aqLg","controls__content":"main-module_controls__content__4Zj5y","controls__content_auto":"main-module_controls__content_auto__25ns9","controls__content_block":"main-module_controls__content_block__2Siky","controls__element":"main-module_controls__element__YU7DA","controls__content_vcenter":"main-module_controls__content_vcenter__3T-e7","controls__content_clear-margin":"main-module_controls__content_clear-margin__3qJ66","controls__element_auto":"main-module_controls__element_auto__5AjdP","controls__element_full":"main-module_controls__element_full__1GU_6","controls__element_three-quarters":"main-module_controls__element_three-quarters__7L5AA","controls__element_half":"main-module_controls__element_half__3B2Jl","controls__element_quarter":"main-module_controls__element_quarter__2nuhI","controls__element_prefix":"main-module_controls__element_prefix__3kJbw","controls__element_postfix":"main-module_controls__element_postfix__2qdjJ","control":"main-module_control__RIN7v","controls__element_checkbox":"main-module_controls__element_checkbox__tJ0tm","controls__element_checkbox-switch":"main-module_controls__element_checkbox-switch__L_Lic","controls__element_radio":"main-module_controls__element_radio__2kCck","controls__element_color-picker":"main-module_controls__element_color-picker__3wTA0","checkbox":"main-module_checkbox__vRI_x","radio":"main-module_radio__yu617","controls__element_spread":"main-module_controls__element_spread__28eqq","controls__element_vcenter":"main-module_controls__element_vcenter__2xs_a","controls__element_vtop":"main-module_controls__element_vtop__257yQ","controls__element_hcenter":"main-module_controls__element_hcenter__2tkPq","controls__label":"main-module_controls__label__1HTDS","controls__label_with-postfix":"main-module_controls__label_with-postfix__1g002","controls__hint":"main-module_controls__hint__UZPP2","controls__errors":"main-module_controls__errors__1nRxU","controls__errors-label":"main-module_controls__errors-label__2yGyP","controls__errors-list":"main-module_controls__errors-list__1eq14","controls__errors-list-item":"main-module_controls__errors-list-item__DzpwC","controls__additional-info":"main-module_controls__additional-info__3yRra","controls__additional-content":"main-module_controls__additional-content__1jX07","controls__additional-content_with-border":"main-module_controls__additional-content_with-border__38d_y","controls__additional-content_checkbox-switch":"main-module_controls__additional-content_checkbox-switch__1I7F_","controls__icon":"main-module_controls__icon__2aZg7","controls__element_with-icon":"main-module_controls__element_with-icon__188vU"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssStyles;
|
|
@@ -1 +1,4 @@
|
|
|
1
|
+
import { HORIZONTAL_POSITION, VERTICAL_POSITION } from "../constants/positions";
|
|
1
2
|
export declare type EnumLiteralsOf<T extends object> = T[keyof T];
|
|
3
|
+
export declare type THorizontalPosition = EnumLiteralsOf<typeof HORIZONTAL_POSITION>;
|
|
4
|
+
export declare type TVerticalPosition = EnumLiteralsOf<typeof VERTICAL_POSITION>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import '@auroraConstants/positions';
|
|
2
2
|
//# sourceMappingURL=general.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../../../src/typings/general.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../../../src/typings/general.ts"],"names":[],"mappings":"AAAA,OAAuD,4BAA4B,CAAC"}
|