@dreamcommerce/aurora 2.1.10-1 → 2.1.10-3
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/input_wrapper.js +1 -6
- package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/dropdown/components/select.js +8 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/select.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js +0 -4
- package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js +3 -7
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/dropdown/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/input/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/assets/icon_warning.js +6 -7
- package/build/esm/packages/aurora/src/assets/icon_warning.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/input.js +6 -6
- package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js +10 -15
- package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/textarea.js +5 -5
- package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/dropdown/components/select.js +8 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/select.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/css_classes.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/dropdown/css_classes.js +1 -3
- package/build/esm/packages/aurora/src/components/dropdown/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js +4 -8
- package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/types.d.ts +1 -1
- package/build/esm/packages/aurora/src/css/dropdown/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/input/main.module.less.js +2 -2
- package/package.json +1 -1
- package/build/cjs/packages/aurora/src/assets/icon_warning.js +0 -18
- package/build/cjs/packages/aurora/src/assets/icon_warning.js.map +0 -1
|
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
15
15
|
|
|
16
|
-
const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder,
|
|
16
|
+
const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder, ...props }) => {
|
|
17
17
|
const { errors } = context.useControlContext();
|
|
18
18
|
const classes = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module['default'][css_classes.cssControlWrapper], {
|
|
19
19
|
[main_module['default'][css_classes.cssControlS]]: size === 'small',
|
|
@@ -22,14 +22,9 @@ const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preEleme
|
|
|
22
22
|
[main_module['default'][css_classes.cssControlReadonly]]: isReadOnly,
|
|
23
23
|
[main_module['default'][css_classes.cssControlError]]: errors
|
|
24
24
|
});
|
|
25
|
-
const handleOnClick = (ev) => {
|
|
26
|
-
ev.stopPropagation();
|
|
27
|
-
onRemoveOptions && onRemoveOptions();
|
|
28
|
-
};
|
|
29
25
|
return (React__default['default'].createElement("div", { ...props, className: classes },
|
|
30
26
|
preElements,
|
|
31
27
|
React__default['default'].createElement("input", { type: "text", className: main_module['default'][css_classes.cssControlInput], value: value, placeholder: placeholder, readOnly: true }),
|
|
32
|
-
shouldShowRemoveButton && (React__default['default'].createElement("button", { className: main_module['default'][css_classes.cssControlRemoveButton], onClick: handleOnClick }, removeButtonContent)),
|
|
33
28
|
postElements));
|
|
34
29
|
};
|
|
35
30
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -24,7 +24,7 @@ const cssControlDisabled = 'control_disabled';
|
|
|
24
24
|
const cssControlReadonly = 'control_readonly';
|
|
25
25
|
const cssControlError = 'control_error';
|
|
26
26
|
const cssControlInput = 'control__input';
|
|
27
|
-
const
|
|
27
|
+
const cssControlInputRemoveButton = 'control__remove-button';
|
|
28
28
|
const checkbox = 'checkbox';
|
|
29
29
|
const checkboxDisabled = `${checkbox}_disabled`;
|
|
30
30
|
const checkboxControl = `${checkbox}__control`;
|
|
@@ -67,8 +67,8 @@ exports.cssControlDisabled = cssControlDisabled;
|
|
|
67
67
|
exports.cssControlError = cssControlError;
|
|
68
68
|
exports.cssControlFocus = cssControlFocus;
|
|
69
69
|
exports.cssControlInput = cssControlInput;
|
|
70
|
+
exports.cssControlInputRemoveButton = cssControlInputRemoveButton;
|
|
70
71
|
exports.cssControlReadonly = cssControlReadonly;
|
|
71
|
-
exports.cssControlRemoveButton = cssControlRemoveButton;
|
|
72
72
|
exports.cssControlS = cssControlS;
|
|
73
73
|
exports.cssControlWrapper = cssControlWrapper;
|
|
74
74
|
exports.cssControls = cssControls;
|
|
@@ -26,14 +26,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
26
26
|
* />
|
|
27
27
|
* )
|
|
28
28
|
*/
|
|
29
|
-
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll,
|
|
29
|
+
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent }) => {
|
|
30
30
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
31
31
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
32
32
|
label,
|
|
33
33
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
34
34
|
React__default['default'].createElement(index['default'].Content, null,
|
|
35
35
|
React__default['default'].createElement(index['default'].Element, null,
|
|
36
|
-
React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll,
|
|
36
|
+
React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent }))),
|
|
37
37
|
React__default['default'].createElement(index['default'].Errors, null),
|
|
38
38
|
additionalInfo && React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo)));
|
|
39
39
|
};
|
|
@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var index = require('../context/index.js');
|
|
7
|
+
var css_classes = require('../../controls/css_classes.js');
|
|
8
|
+
var main_module$1 = require('../../../css/input/main.module.less.js');
|
|
7
9
|
var input_wrapper = require('../../controls/components/input_wrapper.js');
|
|
8
10
|
var main_module = require('../../../css/dropdown/main.module.less.js');
|
|
9
11
|
var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
|
|
@@ -51,8 +53,13 @@ selectedOptions, placeholder, onRemoveOptions }) => {
|
|
|
51
53
|
const notDisabled = selectedOptions.filter((option) => !option.isDisabled);
|
|
52
54
|
const $hiddenInputs = notDisabled.map((option) => (React__default['default'].createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })));
|
|
53
55
|
use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
|
|
56
|
+
const handleOnClick = (ev) => {
|
|
57
|
+
ev.stopPropagation();
|
|
58
|
+
onRemoveOptions && onRemoveOptions();
|
|
59
|
+
};
|
|
54
60
|
return (React__default['default'].createElement("div", { className: main_module['default']['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
|
|
55
|
-
React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder,
|
|
61
|
+
React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length && (React__default['default'].createElement("button", { className: main_module$1['default'][css_classes.cssControlInputRemoveButton], onClick: handleOnClick },
|
|
62
|
+
React__default['default'].createElement(icon_close['default'], { size: "s" }))) }),
|
|
56
63
|
$hiddenInputs));
|
|
57
64
|
};
|
|
58
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;"}
|
|
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;"}
|
|
@@ -11,8 +11,6 @@ const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;
|
|
|
11
11
|
const cssDropdownHeaderContent = `${cssDropdown}__header-content`;
|
|
12
12
|
const cssDropdownItemWithHover = `${cssDropdown}__item-with-hover`;
|
|
13
13
|
const cssDropdownList = `${cssDropdown}__list`;
|
|
14
|
-
const cssDropdownError = `${cssDropdown}__error`;
|
|
15
|
-
const cssDropdownErrorIcon = `${cssDropdownError}-icon`;
|
|
16
14
|
const cssDropdownSearch = `${cssDropdown}__search`;
|
|
17
15
|
const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;
|
|
18
16
|
const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;
|
|
@@ -26,8 +24,6 @@ exports.cssDropdown = cssDropdown;
|
|
|
26
24
|
exports.cssDropdownArrowHorizontalDirectionRight = cssDropdownArrowHorizontalDirectionRight;
|
|
27
25
|
exports.cssDropdownArrowVerticalDirectionBottom = cssDropdownArrowVerticalDirectionBottom;
|
|
28
26
|
exports.cssDropdownContent = cssDropdownContent;
|
|
29
|
-
exports.cssDropdownError = cssDropdownError;
|
|
30
|
-
exports.cssDropdownErrorIcon = cssDropdownErrorIcon;
|
|
31
27
|
exports.cssDropdownHeader = cssDropdownHeader;
|
|
32
28
|
exports.cssDropdownHeaderContent = cssDropdownHeaderContent;
|
|
33
29
|
exports.cssDropdownHeaderTitle = cssDropdownHeaderTitle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -11,7 +11,6 @@ var use_value = require('../../hooks/use_value.js');
|
|
|
11
11
|
var use_toggle = require('../../hooks/use_toggle.js');
|
|
12
12
|
var use_set_options_on_close = require('../../hooks/use_set_options_on_close.js');
|
|
13
13
|
var index$1 = require('../../index.js');
|
|
14
|
-
var icon_warning = require('../../../../assets/icon_warning.js');
|
|
15
14
|
|
|
16
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
16
|
|
|
@@ -84,7 +83,7 @@ onChange,
|
|
|
84
83
|
* Place where portal should be placed, by default to body
|
|
85
84
|
* this can be used to put modal inside modal
|
|
86
85
|
*/
|
|
87
|
-
portalContainer, placeholder, onScroll,
|
|
86
|
+
portalContainer, placeholder, onScroll, innerAdditionalContent }) => {
|
|
88
87
|
/**
|
|
89
88
|
* reference to dropdown wrapper element
|
|
90
89
|
*/
|
|
@@ -121,11 +120,8 @@ portalContainer, placeholder, onScroll, scrollErrors }) => {
|
|
|
121
120
|
optionsList.map((option) => {
|
|
122
121
|
var _a, _b;
|
|
123
122
|
return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].Option, { key: option.value, option: option, isSelected: utilities.isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
|
|
124
|
-
}),
|
|
125
|
-
|
|
126
|
-
React__default['default'].createElement(icon_warning['default'], { size: "m", className: main_module['default'][css_classes.cssDropdownErrorIcon] }),
|
|
127
|
-
" ",
|
|
128
|
-
scrollError))))))));
|
|
123
|
+
}),
|
|
124
|
+
innerAdditionalContent)))));
|
|
129
125
|
};
|
|
130
126
|
|
|
131
127
|
exports.default = Select;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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@media (max-width: 576px) {\n .main-module_dropdown__content__X9kz_ {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n .main-module_dropdown__header__kvhNn {\n display: block;\n }\n .main-module_dropdown__header-title__7NXxw {\n margin-left: 0.5rem;\n }\n}\n@media (min-width: 576px) {\n .main-module_dropdown__header__kvhNn {\n display: none;\n }\n}\n.main-module_dropdown__36KKf {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n flex: 0 0 auto;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1200;\n width: auto;\n padding: 0.5rem 0;\n background-color: #ffffff;\n border-radius: 3px;\n box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n right: 7px;\n left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n top: auto;\n bottom: -14px;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n flex: 0 0 auto;\n padding: 0;\n width: 100%;\n min-width: 20rem;\n text-align: left;\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n scrollbar-color: #79829c #ffffff;\n scrollbar-width: thin;\n max-height: 280px;\n overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n display: block;\n padding: 0.5rem 1rem;\n cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n margin-right: 1rem;\n color: #abb4cd;\n font-size: 10px;\n font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n font-weight: 600;\n color: #5c657e;\n}\n.main-module_dropdown__error__1oS0H {\n display: flex;\n align-items: center;\n color: #e60c54;\n gap: 6px;\n padding: 0.5rem 1rem;\n}\n.main-module_dropdown__error-icon__3OLzE {\n fill: #e60c54;\n}\n.main-module_select__1ocPo {\n position: relative;\n display: flex;\n flex: 0 2 auto;\n align-items: center;\n width: 100%;\n}\n.main-module_select__1ocPo::after {\n content: '';\n position: absolute;\n display: block;\n right: 0.715em;\n width: 7px;\n height: 7px;\n transform: translateY(-25%) rotate(-45deg);\n border-width: 0 0 1px 1px;\n border-style: solid;\n border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n width: 100%;\n text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n opacity: 1;\n transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n opacity: 0;\n transition: opacity 0.1s;\n}\n";
|
|
8
|
-
var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","dropdown__error":"main-module_dropdown__error__1oS0H","dropdown__error-icon":"main-module_dropdown__error-icon__3OLzE","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
|
|
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@media (max-width: 576px) {\n .main-module_dropdown__content__X9kz_ {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n .main-module_dropdown__header__kvhNn {\n display: block;\n }\n .main-module_dropdown__header-title__7NXxw {\n margin-left: 0.5rem;\n }\n}\n@media (min-width: 576px) {\n .main-module_dropdown__header__kvhNn {\n display: none;\n }\n}\n.main-module_dropdown__36KKf {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n flex: 0 0 auto;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1200;\n width: auto;\n padding: 0.5rem 0;\n background-color: #ffffff;\n border-radius: 3px;\n box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n right: 7px;\n left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n top: auto;\n bottom: -14px;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n flex: 0 0 auto;\n padding: 0;\n width: 100%;\n min-width: 20rem;\n text-align: left;\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n scrollbar-color: #79829c #ffffff;\n scrollbar-width: thin;\n max-height: 280px;\n overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n display: block;\n padding: 0.5rem 1rem;\n cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n margin-right: 1rem;\n color: #abb4cd;\n font-size: 10px;\n font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n font-weight: 600;\n color: #5c657e;\n}\n.main-module_dropdown__error__1oS0H {\n display: flex;\n align-items: center;\n color: #e60c54;\n gap: 6px;\n padding: 0.5rem 1rem;\n}\n.main-module_dropdown__error-icon__3OLzE {\n fill: #e60c54;\n}\n.main-module_dropdown__additional-info__1aTtM {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 0.5rem 1rem;\n}\n.main-module_select__1ocPo {\n position: relative;\n display: flex;\n flex: 0 2 auto;\n align-items: center;\n width: 100%;\n}\n.main-module_select__1ocPo::after {\n content: '';\n position: absolute;\n display: block;\n right: 0.715em;\n width: 7px;\n height: 7px;\n transform: translateY(-25%) rotate(-45deg);\n border-width: 0 0 1px 1px;\n border-style: solid;\n border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n width: 100%;\n text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n opacity: 1;\n transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n opacity: 0;\n transition: opacity 0.1s;\n}\n";
|
|
8
|
+
var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","dropdown__error":"main-module_dropdown__error__1oS0H","dropdown__error-icon":"main-module_dropdown__error-icon__3OLzE","dropdown__additional-info":"main-module_dropdown__additional-info__1aTtM","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
11
|
exports.default = cssClasses;
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
7
|
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_control__3q9YC {\n width: 100%;\n padding: 0.715em;\n display: block;\n outline: 0;\n font-family: inherit;\n color: #2d3748;\n font-size: 14px;\n font-size: 1rem;\n transition: box-shadow 0.2s ease-in, border-color 0.1s ease-out;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background-color: #ffffff;\n border: 1px solid #abb4cd;\n border-radius: 3px;\n}\n.main-module_control_error__3ZjY4 {\n border-color: #e60c54 !important;\n}\n.main-module_control__3q9YC:hover {\n border-color: #5c657e;\n}\n.main-module_control__3q9YC:focus,\n.main-module_control_focus__3cPNu {\n border-color: #3c83ec;\n box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_control_disabled__3aXd_ {\n background-color: #ececec;\n border-color: #ececec;\n color: #abb4cd;\n}\n.main-module_control_disabled__3aXd_ .main-module_control__input__sYzjo {\n background-color: #ececec;\n color: #abb4cd;\n}\n.main-module_control_s__3r0PG {\n padding: 0.326em;\n}\n.main-module_control_wrapper__hK5up {\n padding-right: 2rem;\n display: flex;\n}\n.main-module_control__input__sYzjo {\n cursor: default;\n}\n.main-module_control__remove-button__2QN9- {\n background-color: transparent;\n padding-right: 11px;\n border-right: 1px solid #abb4cd;\n cursor: pointer;\n}\n::-moz-placeholder {\n color: #abb4cd;\n}\n:-ms-input-placeholder {\n color: #abb4cd;\n}\n::placeholder {\n color: #abb4cd;\n}\n";
|
|
8
|
-
var
|
|
8
|
+
var inputCssClasses = {"control":"main-module_control__3q9YC","control_error":"main-module_control_error__3ZjY4","control_focus":"main-module_control_focus__3cPNu","control_disabled":"main-module_control_disabled__3aXd_","control__input":"main-module_control__input__sYzjo","control_s":"main-module_control_s__3r0PG","control_wrapper":"main-module_control_wrapper__hK5up","control__remove-button":"main-module_control__remove-button__2QN9-"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
|
-
exports.default =
|
|
11
|
+
exports.default = inputCssClasses;
|
|
12
12
|
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
+
import './types';
|
|
2
|
+
import Icon from './icon';
|
|
1
3
|
import React from 'react';
|
|
2
|
-
import cssClasses from '../css/icons/main.module.less
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const IconWarning = ({ className, size }) => (React.createElement(Icon, null,
|
|
6
|
-
React.createElement("svg", { width: "21", height: "21", viewBox: "0 0 21 21", xmlns: "http://www.w3.org/2000/svg", className: `${className || ''} ${cssClasses[`icon_${size}`]}` },
|
|
4
|
+
import cssClasses from '../css/icons/main.module.less';
|
|
5
|
+
const IconWarning = ({ className, size }) => (React.createElement(Icon, null,
|
|
6
|
+
React.createElement("svg", { width: "21", height: "21", viewBox: "0 0 21 21", xmlns: "http://www.w3.org/2000/svg", className: `${className || ''} ${cssClasses[`icon_${size}`]}` },
|
|
7
7
|
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 0C4.704 0 0 4.704 0 10.5C0 16.296 4.704 21 10.5 21C16.296 21 21 16.296 21 10.5C21 4.704 16.296 0 10.5 0ZM10.5 18.9C5.8695 18.9 2.1 15.1305 2.1 10.5C2.1 5.8695 5.8695 2.1 10.5 2.1C15.1305 2.1 18.9 5.8695 18.9 10.5C18.9 15.1305 15.1305 18.9 10.5 18.9ZM9.5 5H11.6396V7.55664L11.0859 12.2598H10.0674L9.5 7.55664V5ZM9.54785 13.0664H11.585V15.042H9.54785V13.0664Z" }))));
|
|
8
|
-
|
|
9
8
|
export default IconWarning;
|
|
10
|
-
//# sourceMappingURL=icon_warning.js.map
|
|
9
|
+
//# sourceMappingURL=icon_warning.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":
|
|
1
|
+
{"version":3,"file":"icon_warning.js","sourceRoot":"","sources":["../../../../../../src/assets/icon_warning.tsx"],"names":[],"mappings":"AAAA,OAA2B,SAAS,CAAC;AACrC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,+BAA+B,CAAC;AAEvD,MAAM,WAAW,GAAyB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC/D,oBAAC,IAAI;IACD,6BACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,IAAI,UAAU,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE;QAE7D,8BACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6WAA6W,GACjX,CACA,CACH,CACV,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
3
|
import { cssControl, cssControlS, cssControlError, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
|
|
4
|
-
import
|
|
4
|
+
import inputCssClasses from '../../../css/input/main.module.less.js';
|
|
5
5
|
import { useControlContext } from '../context.js';
|
|
6
6
|
|
|
7
7
|
const Input = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, onKeyUp, children, ...props }) => {
|
|
8
8
|
const { errors } = useControlContext();
|
|
9
|
-
const inputClasses = classnames(
|
|
10
|
-
[
|
|
11
|
-
[
|
|
12
|
-
[
|
|
13
|
-
[
|
|
9
|
+
const inputClasses = classnames(inputCssClasses[cssControl], {
|
|
10
|
+
[inputCssClasses[cssControlS]]: padding === 'small',
|
|
11
|
+
[inputCssClasses[cssControlError]]: errors,
|
|
12
|
+
[inputCssClasses[cssControlDisabled]]: disabled,
|
|
13
|
+
[inputCssClasses[cssControlReadonly]]: readOnly
|
|
14
14
|
});
|
|
15
15
|
return (React.createElement("input", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }));
|
|
16
16
|
};
|
|
@@ -1,26 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import { cssControl, cssControlWrapper, cssControlS, cssControlFocus, cssControlDisabled, cssControlReadonly, cssControlError, cssControlInput
|
|
4
|
-
import
|
|
3
|
+
import { cssControl, cssControlWrapper, cssControlS, cssControlFocus, cssControlDisabled, cssControlReadonly, cssControlError, cssControlInput } from '../css_classes.js';
|
|
4
|
+
import inputCssClasses from '../../../css/input/main.module.less.js';
|
|
5
5
|
import { useControlContext } from '../context.js';
|
|
6
6
|
|
|
7
|
-
const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder,
|
|
7
|
+
const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder, ...props }) => {
|
|
8
8
|
const { errors } = useControlContext();
|
|
9
|
-
const classes = classnames(
|
|
10
|
-
[
|
|
11
|
-
[
|
|
12
|
-
[
|
|
13
|
-
[
|
|
14
|
-
[
|
|
9
|
+
const classes = classnames(inputCssClasses[cssControl], inputCssClasses[cssControlWrapper], {
|
|
10
|
+
[inputCssClasses[cssControlS]]: size === 'small',
|
|
11
|
+
[inputCssClasses[cssControlFocus]]: isFocused,
|
|
12
|
+
[inputCssClasses[cssControlDisabled]]: isDisabled,
|
|
13
|
+
[inputCssClasses[cssControlReadonly]]: isReadOnly,
|
|
14
|
+
[inputCssClasses[cssControlError]]: errors
|
|
15
15
|
});
|
|
16
|
-
const handleOnClick = (ev) => {
|
|
17
|
-
ev.stopPropagation();
|
|
18
|
-
onRemoveOptions && onRemoveOptions();
|
|
19
|
-
};
|
|
20
16
|
return (React.createElement("div", { ...props, className: classes },
|
|
21
17
|
preElements,
|
|
22
|
-
React.createElement("input", { type: "text", className:
|
|
23
|
-
shouldShowRemoveButton && (React.createElement("button", { className: cssClasses[cssControlRemoveButton], onClick: handleOnClick }, removeButtonContent)),
|
|
18
|
+
React.createElement("input", { type: "text", className: inputCssClasses[cssControlInput], value: value, placeholder: placeholder, readOnly: true }),
|
|
24
19
|
postElements));
|
|
25
20
|
};
|
|
26
21
|
|
|
@@ -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;"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
3
|
import { cssControl, cssControlS, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
|
|
4
|
-
import
|
|
4
|
+
import inputCssClasses from '../../../css/input/main.module.less.js';
|
|
5
5
|
|
|
6
6
|
const Textarea = React.forwardRef(({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, ...props }, ref) => {
|
|
7
|
-
const inputClasses = classnames(
|
|
8
|
-
[
|
|
9
|
-
[
|
|
10
|
-
[
|
|
7
|
+
const inputClasses = classnames(inputCssClasses[cssControl], {
|
|
8
|
+
[inputCssClasses[cssControlS]]: padding === 'small',
|
|
9
|
+
[inputCssClasses[cssControlDisabled]]: disabled,
|
|
10
|
+
[inputCssClasses[cssControlReadonly]]: readOnly
|
|
11
11
|
});
|
|
12
12
|
return (React.createElement("textarea", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, ref: ref }));
|
|
13
13
|
});
|
|
@@ -20,7 +20,7 @@ export declare const cssControlDisabled = "control_disabled";
|
|
|
20
20
|
export declare const cssControlReadonly = "control_readonly";
|
|
21
21
|
export declare const cssControlError = "control_error";
|
|
22
22
|
export declare const cssControlInput = "control__input";
|
|
23
|
-
export declare const
|
|
23
|
+
export declare const cssControlInputRemoveButton = "control__remove-button";
|
|
24
24
|
export declare const checkbox = "checkbox";
|
|
25
25
|
export declare const checkboxDisabled: string;
|
|
26
26
|
export declare const checkboxControl: string;
|
|
@@ -20,7 +20,7 @@ const cssControlDisabled = 'control_disabled';
|
|
|
20
20
|
const cssControlReadonly = 'control_readonly';
|
|
21
21
|
const cssControlError = 'control_error';
|
|
22
22
|
const cssControlInput = 'control__input';
|
|
23
|
-
const
|
|
23
|
+
const cssControlInputRemoveButton = 'control__remove-button';
|
|
24
24
|
const checkbox = 'checkbox';
|
|
25
25
|
const checkboxDisabled = `${checkbox}_disabled`;
|
|
26
26
|
const checkboxControl = `${checkbox}__control`;
|
|
@@ -43,5 +43,5 @@ const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
|
43
43
|
const cssHelper = 'helper';
|
|
44
44
|
const cssHelperError = `${cssHelper}_error`;
|
|
45
45
|
|
|
46
|
-
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput,
|
|
46
|
+
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlInputRemoveButton, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, cssHelper, cssHelperError, radio, radioControl, radioDisabled, radioLabel };
|
|
47
47
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -18,14 +18,14 @@ import Select from '../../../dropdown/hoc/select/index.js';
|
|
|
18
18
|
* />
|
|
19
19
|
* )
|
|
20
20
|
*/
|
|
21
|
-
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll,
|
|
21
|
+
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent }) => {
|
|
22
22
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
23
23
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
24
24
|
label,
|
|
25
25
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
26
26
|
React.createElement(Control.Content, null,
|
|
27
27
|
React.createElement(Control.Element, null,
|
|
28
|
-
React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll,
|
|
28
|
+
React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent }))),
|
|
29
29
|
React.createElement(Control.Errors, null),
|
|
30
30
|
additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)));
|
|
31
31
|
};
|
|
@@ -86,9 +86,6 @@ export interface IInputWrapperProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
86
86
|
preElements?: ReactNode;
|
|
87
87
|
postElements?: ReactNode;
|
|
88
88
|
placeholder?: string;
|
|
89
|
-
shouldShowRemoveButton?: boolean;
|
|
90
|
-
removeButtonContent?: JSX.Element;
|
|
91
|
-
onRemoveOptions?: (...args: any[]) => any;
|
|
92
89
|
}
|
|
93
90
|
export interface IControlLabelProps {
|
|
94
91
|
id?: string;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React, { useRef } from 'react';
|
|
2
2
|
import { useDropdownContext } from '../context/index.js';
|
|
3
|
+
import { cssControlInputRemoveButton } from '../../controls/css_classes.js';
|
|
4
|
+
import inputCssClasses from '../../../css/input/main.module.less.js';
|
|
3
5
|
import InputWrapper from '../../controls/components/input_wrapper.js';
|
|
4
6
|
import cssClasses from '../../../css/dropdown/main.module.less.js';
|
|
5
7
|
import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
|
|
@@ -43,8 +45,13 @@ selectedOptions, placeholder, onRemoveOptions }) => {
|
|
|
43
45
|
const notDisabled = selectedOptions.filter((option) => !option.isDisabled);
|
|
44
46
|
const $hiddenInputs = notDisabled.map((option) => (React.createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })));
|
|
45
47
|
useKeyboardOpenClose(toggleDropdown, isOpen, ref);
|
|
48
|
+
const handleOnClick = (ev) => {
|
|
49
|
+
ev.stopPropagation();
|
|
50
|
+
onRemoveOptions && onRemoveOptions();
|
|
51
|
+
};
|
|
46
52
|
return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
|
|
47
|
-
React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder,
|
|
53
|
+
React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length && (React.createElement("button", { className: inputCssClasses[cssControlInputRemoveButton], onClick: handleOnClick },
|
|
54
|
+
React.createElement(IconClose, { size: "s" }))) }),
|
|
48
55
|
$hiddenInputs));
|
|
49
56
|
};
|
|
50
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;"}
|
|
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;"}
|
|
@@ -9,8 +9,6 @@ export declare const cssDropdownHeaderContent: string;
|
|
|
9
9
|
export declare const cssDropdownItemWithHover: string;
|
|
10
10
|
export declare const cssDropdownInput: string;
|
|
11
11
|
export declare const cssDropdownList: string;
|
|
12
|
-
export declare const cssDropdownError: string;
|
|
13
|
-
export declare const cssDropdownErrorIcon: string;
|
|
14
12
|
export declare const cssDropdownSearch: string;
|
|
15
13
|
export declare const cssDropdownWithScroll: string;
|
|
16
14
|
export declare const cssDropdownListWithGroup: string;
|
|
@@ -7,8 +7,6 @@ const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;
|
|
|
7
7
|
const cssDropdownHeaderContent = `${cssDropdown}__header-content`;
|
|
8
8
|
const cssDropdownItemWithHover = `${cssDropdown}__item-with-hover`;
|
|
9
9
|
const cssDropdownList = `${cssDropdown}__list`;
|
|
10
|
-
const cssDropdownError = `${cssDropdown}__error`;
|
|
11
|
-
const cssDropdownErrorIcon = `${cssDropdownError}-icon`;
|
|
12
10
|
const cssDropdownSearch = `${cssDropdown}__search`;
|
|
13
11
|
const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;
|
|
14
12
|
const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;
|
|
@@ -18,5 +16,5 @@ const cssDropdownListItemSelected = `${cssDropdown}__list-item_selected`;
|
|
|
18
16
|
const cssDropdownListItemDisabled = `${cssDropdown}__list-item_disabled`;
|
|
19
17
|
const cssDropdownListItemReadonly = `${cssDropdown}__list-item_readonly`;
|
|
20
18
|
|
|
21
|
-
export { cssDropdown, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownContent,
|
|
19
|
+
export { cssDropdown, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownContent, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownItemWithHover, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll };
|
|
22
20
|
//# 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;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import React, { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import { DropdownContext } from '../../context/index.js';
|
|
3
|
-
import { cssDropdown
|
|
3
|
+
import { cssDropdown } from '../../css_classes.js';
|
|
4
4
|
import cssClasses from '../../../../css/dropdown/main.module.less.js';
|
|
5
5
|
import { handleSearchKeyUp, isSelected, handleItemClick } from '../../utilities.js';
|
|
6
6
|
import { useValue } from '../../hooks/use_value.js';
|
|
7
7
|
import { useToggle } from '../../hooks/use_toggle.js';
|
|
8
8
|
import { useSetOptionsOnClose } from '../../hooks/use_set_options_on_close.js';
|
|
9
9
|
import Dropdown from '../../index.js';
|
|
10
|
-
import IconWarning from '../../../../assets/icon_warning.js';
|
|
11
10
|
|
|
12
11
|
/**
|
|
13
12
|
* Select component. Build with Dropdown composed components.
|
|
@@ -76,7 +75,7 @@ onChange,
|
|
|
76
75
|
* Place where portal should be placed, by default to body
|
|
77
76
|
* this can be used to put modal inside modal
|
|
78
77
|
*/
|
|
79
|
-
portalContainer, placeholder, onScroll,
|
|
78
|
+
portalContainer, placeholder, onScroll, innerAdditionalContent }) => {
|
|
80
79
|
/**
|
|
81
80
|
* reference to dropdown wrapper element
|
|
82
81
|
*/
|
|
@@ -113,11 +112,8 @@ portalContainer, placeholder, onScroll, scrollErrors }) => {
|
|
|
113
112
|
optionsList.map((option) => {
|
|
114
113
|
var _a, _b;
|
|
115
114
|
return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.Option, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
|
|
116
|
-
}),
|
|
117
|
-
|
|
118
|
-
React.createElement(IconWarning, { size: "m", className: cssClasses[cssDropdownErrorIcon] }),
|
|
119
|
-
" ",
|
|
120
|
-
scrollError))))))));
|
|
115
|
+
}),
|
|
116
|
+
innerAdditionalContent)))));
|
|
121
117
|
};
|
|
122
118
|
|
|
123
119
|
export default Select;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -95,7 +95,7 @@ export interface ISelectProps extends IDropdownProps {
|
|
|
95
95
|
isDisabled?: boolean;
|
|
96
96
|
isWithSearch?: boolean;
|
|
97
97
|
placeholder?: string;
|
|
98
|
-
|
|
98
|
+
innerAdditionalContent?: React.ReactNode;
|
|
99
99
|
onChange?: (selectedOption: ISelectOption) => void;
|
|
100
100
|
onScroll?: (event: React.UIEvent<HTMLElement>) => void;
|
|
101
101
|
}
|
|
@@ -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@media (max-width: 576px) {\n .main-module_dropdown__content__X9kz_ {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n .main-module_dropdown__header__kvhNn {\n display: block;\n }\n .main-module_dropdown__header-title__7NXxw {\n margin-left: 0.5rem;\n }\n}\n@media (min-width: 576px) {\n .main-module_dropdown__header__kvhNn {\n display: none;\n }\n}\n.main-module_dropdown__36KKf {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n flex: 0 0 auto;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1200;\n width: auto;\n padding: 0.5rem 0;\n background-color: #ffffff;\n border-radius: 3px;\n box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n right: 7px;\n left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n top: auto;\n bottom: -14px;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n flex: 0 0 auto;\n padding: 0;\n width: 100%;\n min-width: 20rem;\n text-align: left;\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n scrollbar-color: #79829c #ffffff;\n scrollbar-width: thin;\n max-height: 280px;\n overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n display: block;\n padding: 0.5rem 1rem;\n cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n margin-right: 1rem;\n color: #abb4cd;\n font-size: 10px;\n font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n font-weight: 600;\n color: #5c657e;\n}\n.main-module_dropdown__error__1oS0H {\n display: flex;\n align-items: center;\n color: #e60c54;\n gap: 6px;\n padding: 0.5rem 1rem;\n}\n.main-module_dropdown__error-icon__3OLzE {\n fill: #e60c54;\n}\n.main-module_select__1ocPo {\n position: relative;\n display: flex;\n flex: 0 2 auto;\n align-items: center;\n width: 100%;\n}\n.main-module_select__1ocPo::after {\n content: '';\n position: absolute;\n display: block;\n right: 0.715em;\n width: 7px;\n height: 7px;\n transform: translateY(-25%) rotate(-45deg);\n border-width: 0 0 1px 1px;\n border-style: solid;\n border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n width: 100%;\n text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n opacity: 1;\n transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n opacity: 0;\n transition: opacity 0.1s;\n}\n";
|
|
4
|
-
var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","dropdown__error":"main-module_dropdown__error__1oS0H","dropdown__error-icon":"main-module_dropdown__error-icon__3OLzE","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
|
|
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@media (max-width: 576px) {\n .main-module_dropdown__content__X9kz_ {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n .main-module_dropdown__header__kvhNn {\n display: block;\n }\n .main-module_dropdown__header-title__7NXxw {\n margin-left: 0.5rem;\n }\n}\n@media (min-width: 576px) {\n .main-module_dropdown__header__kvhNn {\n display: none;\n }\n}\n.main-module_dropdown__36KKf {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n flex: 0 0 auto;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1200;\n width: auto;\n padding: 0.5rem 0;\n background-color: #ffffff;\n border-radius: 3px;\n box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n right: 7px;\n left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n top: auto;\n bottom: -14px;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n flex: 0 0 auto;\n padding: 0;\n width: 100%;\n min-width: 20rem;\n text-align: left;\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n scrollbar-color: #79829c #ffffff;\n scrollbar-width: thin;\n max-height: 280px;\n overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n display: block;\n padding: 0.5rem 1rem;\n cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n margin-right: 1rem;\n color: #abb4cd;\n font-size: 10px;\n font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n font-weight: 600;\n color: #5c657e;\n}\n.main-module_dropdown__error__1oS0H {\n display: flex;\n align-items: center;\n color: #e60c54;\n gap: 6px;\n padding: 0.5rem 1rem;\n}\n.main-module_dropdown__error-icon__3OLzE {\n fill: #e60c54;\n}\n.main-module_dropdown__additional-info__1aTtM {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 0.5rem 1rem;\n}\n.main-module_select__1ocPo {\n position: relative;\n display: flex;\n flex: 0 2 auto;\n align-items: center;\n width: 100%;\n}\n.main-module_select__1ocPo::after {\n content: '';\n position: absolute;\n display: block;\n right: 0.715em;\n width: 7px;\n height: 7px;\n transform: translateY(-25%) rotate(-45deg);\n border-width: 0 0 1px 1px;\n border-style: solid;\n border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n width: 100%;\n text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n opacity: 1;\n transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n opacity: 0;\n transition: opacity 0.1s;\n}\n";
|
|
4
|
+
var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","dropdown__error":"main-module_dropdown__error__1oS0H","dropdown__error-icon":"main-module_dropdown__error-icon__3OLzE","dropdown__additional-info":"main-module_dropdown__additional-info__1aTtM","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssClasses;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
3
|
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_control__3q9YC {\n width: 100%;\n padding: 0.715em;\n display: block;\n outline: 0;\n font-family: inherit;\n color: #2d3748;\n font-size: 14px;\n font-size: 1rem;\n transition: box-shadow 0.2s ease-in, border-color 0.1s ease-out;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background-color: #ffffff;\n border: 1px solid #abb4cd;\n border-radius: 3px;\n}\n.main-module_control_error__3ZjY4 {\n border-color: #e60c54 !important;\n}\n.main-module_control__3q9YC:hover {\n border-color: #5c657e;\n}\n.main-module_control__3q9YC:focus,\n.main-module_control_focus__3cPNu {\n border-color: #3c83ec;\n box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_control_disabled__3aXd_ {\n background-color: #ececec;\n border-color: #ececec;\n color: #abb4cd;\n}\n.main-module_control_disabled__3aXd_ .main-module_control__input__sYzjo {\n background-color: #ececec;\n color: #abb4cd;\n}\n.main-module_control_s__3r0PG {\n padding: 0.326em;\n}\n.main-module_control_wrapper__hK5up {\n padding-right: 2rem;\n display: flex;\n}\n.main-module_control__input__sYzjo {\n cursor: default;\n}\n.main-module_control__remove-button__2QN9- {\n background-color: transparent;\n padding-right: 11px;\n border-right: 1px solid #abb4cd;\n cursor: pointer;\n}\n::-moz-placeholder {\n color: #abb4cd;\n}\n:-ms-input-placeholder {\n color: #abb4cd;\n}\n::placeholder {\n color: #abb4cd;\n}\n";
|
|
4
|
-
var
|
|
4
|
+
var inputCssClasses = {"control":"main-module_control__3q9YC","control_error":"main-module_control_error__3ZjY4","control_focus":"main-module_control_focus__3cPNu","control_disabled":"main-module_control_disabled__3aXd_","control__input":"main-module_control__input__sYzjo","control_s":"main-module_control_s__3r0PG","control_wrapper":"main-module_control_wrapper__hK5up","control__remove-button":"main-module_control__remove-button__2QN9-"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
|
-
export default
|
|
7
|
+
export default inputCssClasses;
|
|
8
8
|
//# sourceMappingURL=main.module.less.js.map
|
package/package.json
CHANGED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var main_module = require('../css/icons/main.module.less.js');
|
|
7
|
-
var icon = require('./icon.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 IconWarning = ({ className, size }) => (React__default['default'].createElement(icon['default'], null,
|
|
14
|
-
React__default['default'].createElement("svg", { width: "21", height: "21", viewBox: "0 0 21 21", xmlns: "http://www.w3.org/2000/svg", className: `${className || ''} ${main_module['default'][`icon_${size}`]}` },
|
|
15
|
-
React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 0C4.704 0 0 4.704 0 10.5C0 16.296 4.704 21 10.5 21C16.296 21 21 16.296 21 10.5C21 4.704 16.296 0 10.5 0ZM10.5 18.9C5.8695 18.9 2.1 15.1305 2.1 10.5C2.1 5.8695 5.8695 2.1 10.5 2.1C15.1305 2.1 18.9 5.8695 18.9 10.5C18.9 15.1305 15.1305 18.9 10.5 18.9ZM9.5 5H11.6396V7.55664L11.0859 12.2598H10.0674L9.5 7.55664V5ZM9.54785 13.0664H11.585V15.042H9.54785V13.0664Z" }))));
|
|
16
|
-
|
|
17
|
-
exports.default = IconWarning;
|
|
18
|
-
//# sourceMappingURL=icon_warning.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|