@dreamcommerce/aurora 2.17.9-2 → 2.17.11
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/assets/icon_search.js +32 -0
- package/build/cjs/packages/aurora/src/assets/icon_search.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/controls/components/input.js +6 -4
- package/build/cjs/packages/aurora/src/components/controls/components/input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/search.js +3 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/search.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/dropdown/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/input/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/assets/icon_search.d.ts +4 -0
- package/build/esm/packages/aurora/src/assets/icon_search.js +24 -0
- package/build/esm/packages/aurora/src/assets/icon_search.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/components/input.js +6 -4
- package/build/esm/packages/aurora/src/components/controls/components/input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/dropdown/components/search.js +3 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/search.js.map +1 -1
- package/build/esm/packages/aurora/src/css/dropdown/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/input/main.module.less.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,32 @@
|
|
|
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
|
+
var IconSearch = function IconSearch(_ref) {
|
|
14
|
+
var className = _ref.className,
|
|
15
|
+
size = _ref.size;
|
|
16
|
+
return /*#__PURE__*/React__default['default'].createElement(icon['default'], null, /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
17
|
+
width: "18",
|
|
18
|
+
height: "18",
|
|
19
|
+
viewBox: "0 0 18 18",
|
|
20
|
+
fill: "none",
|
|
21
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
22
|
+
className: "".concat(className || '', " ").concat(main_module['default']["icon_".concat(size)])
|
|
23
|
+
}, /*#__PURE__*/React__default['default'].createElement("path", {
|
|
24
|
+
"fill-rule": "evenodd",
|
|
25
|
+
"clip-rule": "evenodd",
|
|
26
|
+
d: "M0.459653 15.2872L5.05618 10.6864C4.72523 10.1487 4.46783 9.56823 4.28396 8.94501C4.1001 8.32179 4.00817 7.67414 4.00817 7.00204C4.00817 6.02444 4.18897 5.111 4.55056 4.26171C4.91216 3.41242 5.41164 2.67312 6.04903 2.04379C6.68642 1.41446 7.42798 0.916499 8.27375 0.549898C9.11951 0.183298 10.0266 0 10.9949 0C11.9632 0 12.8733 0.183298 13.7252 0.549898C14.5771 0.916499 15.3187 1.41446 15.9499 2.04379C16.5812 2.67312 17.0807 3.41242 17.4484 4.26171C17.8161 5.111 18 6.02444 18 7.00204C18 7.96742 17.8161 8.87474 17.4484 9.72403C17.0807 10.5733 16.5812 11.3157 15.9499 11.9511C15.3187 12.5866 14.5771 13.0876 13.7252 13.4542C12.8733 13.8208 11.9632 14.0041 10.9949 14.0041C10.3207 14.0041 9.6711 13.9094 9.04597 13.72C8.42083 13.5305 7.83861 13.2709 7.29928 12.9409L2.70276 17.5418C2.39632 17.8473 2.02554 18 1.5904 18C1.15526 18 0.778347 17.8473 0.459653 17.5418C0.153216 17.224 0 16.8452 0 16.4053C0 15.9654 0.153216 15.5927 0.459653 15.2872ZM5.99398 7.00407C5.99398 7.68839 6.12575 8.33299 6.38928 8.93788C6.65282 9.54277 7.01134 10.0743 7.46487 10.5326C7.91839 10.9908 8.44852 11.3483 9.05527 11.6049C9.66201 11.8615 10.3086 11.9898 10.995 11.9898C11.6937 11.9898 12.3464 11.8615 12.9531 11.6049C13.5599 11.3483 14.09 10.9908 14.5435 10.5326C14.997 10.0743 15.3525 9.54277 15.6099 8.93788C15.8673 8.33299 15.996 7.68839 15.996 7.00407C15.996 6.30753 15.8673 5.65683 15.6099 5.05193C15.3525 4.44704 14.997 3.91854 14.5435 3.4664C14.09 3.01425 13.5599 2.65682 12.9531 2.39409C12.3464 2.13136 11.6937 2 10.995 2C10.3086 2 9.66201 2.13136 9.05527 2.39409C8.44852 2.65682 7.91839 3.01425 7.46487 3.4664C7.01134 3.91854 6.65282 4.44704 6.38928 5.05193C6.12575 5.65683 5.99398 6.30753 5.99398 7.00407Z",
|
|
27
|
+
fill: "#5C657E"
|
|
28
|
+
})));
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
exports.default = IconSearch;
|
|
32
|
+
//# sourceMappingURL=icon_search.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
15
15
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
16
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
17
17
|
|
|
18
|
-
var _excluded = ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress", "onKeyUp", "children"];
|
|
18
|
+
var _excluded = ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress", "onKeyUp", "children", "preElement"];
|
|
19
19
|
|
|
20
20
|
var Input = function Input(_ref) {
|
|
21
21
|
var id = _ref.id,
|
|
@@ -29,14 +29,16 @@ var Input = function Input(_ref) {
|
|
|
29
29
|
onKeyPress = _ref.onKeyPress,
|
|
30
30
|
onKeyUp = _ref.onKeyUp,
|
|
31
31
|
children = _ref.children,
|
|
32
|
+
preElement = _ref.preElement,
|
|
32
33
|
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
33
34
|
|
|
34
35
|
var _useControlContext = context.useControlContext(),
|
|
35
36
|
errors = _useControlContext.errors;
|
|
36
37
|
|
|
37
38
|
var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssControlS], padding === 'small'), main_module['default'][css_classes.cssControlError], errors), main_module['default'][css_classes.cssControlDisabled], disabled), main_module['default'][css_classes.cssControlReadonly], readOnly));
|
|
38
|
-
return /*#__PURE__*/React__default['default'].createElement("
|
|
39
|
-
className: inputClasses
|
|
39
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
40
|
+
className: inputClasses
|
|
41
|
+
}, preElement && /*#__PURE__*/React__default['default'].createElement("div", null, preElement), /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
40
42
|
id: id,
|
|
41
43
|
name: name,
|
|
42
44
|
value: value !== null && value !== void 0 ? value : '',
|
|
@@ -46,7 +48,7 @@ var Input = function Input(_ref) {
|
|
|
46
48
|
onChange: onChange,
|
|
47
49
|
onKeyPress: onKeyPress,
|
|
48
50
|
onKeyUp: onKeyUp
|
|
49
|
-
}));
|
|
51
|
+
})));
|
|
50
52
|
};
|
|
51
53
|
|
|
52
54
|
exports.default = Input;
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -9,6 +9,7 @@ var input = require('../../controls/components/input.js');
|
|
|
9
9
|
var css_classes = require('../css_classes.js');
|
|
10
10
|
var main_module = require('../../../css/dropdown/main.module.less.js');
|
|
11
11
|
var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
|
|
12
|
+
var icon_search = require('../../../assets/icon_search.js');
|
|
12
13
|
|
|
13
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
15
|
|
|
@@ -49,7 +50,8 @@ var Search = function Search(_ref) {
|
|
|
49
50
|
value: value,
|
|
50
51
|
onChange: handleOnChange,
|
|
51
52
|
onKeyUp: onKeyUp,
|
|
52
|
-
autoFocus: true
|
|
53
|
+
autoFocus: true,
|
|
54
|
+
preElement: /*#__PURE__*/React__default['default'].createElement(icon_search['default'], null)
|
|
53
55
|
}));
|
|
54
56
|
};
|
|
55
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;"}
|
|
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;"}
|
|
@@ -4,7 +4,7 @@ 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_arrow-right__2dhyy::before {\n right: 7px;\n left: auto;\n}\n.main-module_dropdown__content_arrow-bottom__mY8R9::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__list-item_additional-info__26odw {\n display: block;\n color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n padding: 0.5rem 1rem 0.5rem;\n}\n.main-
|
|
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_arrow-right__2dhyy::before {\n right: 7px;\n left: auto;\n}\n.main-module_dropdown__content_arrow-bottom__mY8R9::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__list-item_additional-info__26odw {\n display: block;\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 pointer-events: none;\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_dropdown-exit-active-reversed__DNTne {\n pointer-events: none;\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
8
|
var cssClasses = {
|
|
9
9
|
"dropdown__content": "main-module_dropdown__content__X9kz_",
|
|
10
10
|
"dropdown__header": "main-module_dropdown__header__kvhNn",
|
|
@@ -4,7 +4,7 @@ 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.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.
|
|
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.6rem 0.7rem;\n gap: 0.6rem;\n display: flex;\n justify-content: start;\n align-items: center;\n border-radius: 26.01px;\n}\n.main-module_control_s__3r0PG:hover {\n border-color: #3c83ec;\n box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_control_s__3r0PG div span {\n vertical-align: top;\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
8
|
var inputCssClasses = {
|
|
9
9
|
"control": "main-module_control__3q9YC",
|
|
10
10
|
"control_error": "main-module_control_error__3ZjY4",
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import cssClasses from '../css/icons/main.module.less.js';
|
|
3
|
+
import Icon from './icon.js';
|
|
4
|
+
|
|
5
|
+
var IconSearch = function IconSearch(_ref) {
|
|
6
|
+
var className = _ref.className,
|
|
7
|
+
size = _ref.size;
|
|
8
|
+
return /*#__PURE__*/React.createElement(Icon, null, /*#__PURE__*/React.createElement("svg", {
|
|
9
|
+
width: "18",
|
|
10
|
+
height: "18",
|
|
11
|
+
viewBox: "0 0 18 18",
|
|
12
|
+
fill: "none",
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
className: "".concat(className || '', " ").concat(cssClasses["icon_".concat(size)])
|
|
15
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
16
|
+
"fill-rule": "evenodd",
|
|
17
|
+
"clip-rule": "evenodd",
|
|
18
|
+
d: "M0.459653 15.2872L5.05618 10.6864C4.72523 10.1487 4.46783 9.56823 4.28396 8.94501C4.1001 8.32179 4.00817 7.67414 4.00817 7.00204C4.00817 6.02444 4.18897 5.111 4.55056 4.26171C4.91216 3.41242 5.41164 2.67312 6.04903 2.04379C6.68642 1.41446 7.42798 0.916499 8.27375 0.549898C9.11951 0.183298 10.0266 0 10.9949 0C11.9632 0 12.8733 0.183298 13.7252 0.549898C14.5771 0.916499 15.3187 1.41446 15.9499 2.04379C16.5812 2.67312 17.0807 3.41242 17.4484 4.26171C17.8161 5.111 18 6.02444 18 7.00204C18 7.96742 17.8161 8.87474 17.4484 9.72403C17.0807 10.5733 16.5812 11.3157 15.9499 11.9511C15.3187 12.5866 14.5771 13.0876 13.7252 13.4542C12.8733 13.8208 11.9632 14.0041 10.9949 14.0041C10.3207 14.0041 9.6711 13.9094 9.04597 13.72C8.42083 13.5305 7.83861 13.2709 7.29928 12.9409L2.70276 17.5418C2.39632 17.8473 2.02554 18 1.5904 18C1.15526 18 0.778347 17.8473 0.459653 17.5418C0.153216 17.224 0 16.8452 0 16.4053C0 15.9654 0.153216 15.5927 0.459653 15.2872ZM5.99398 7.00407C5.99398 7.68839 6.12575 8.33299 6.38928 8.93788C6.65282 9.54277 7.01134 10.0743 7.46487 10.5326C7.91839 10.9908 8.44852 11.3483 9.05527 11.6049C9.66201 11.8615 10.3086 11.9898 10.995 11.9898C11.6937 11.9898 12.3464 11.8615 12.9531 11.6049C13.5599 11.3483 14.09 10.9908 14.5435 10.5326C14.997 10.0743 15.3525 9.54277 15.6099 8.93788C15.8673 8.33299 15.996 7.68839 15.996 7.00407C15.996 6.30753 15.8673 5.65683 15.6099 5.05193C15.3525 4.44704 14.997 3.91854 14.5435 3.4664C14.09 3.01425 13.5599 2.65682 12.9531 2.39409C12.3464 2.13136 11.6937 2 10.995 2C10.3086 2 9.66201 2.13136 9.05527 2.39409C8.44852 2.65682 7.91839 3.01425 7.46487 3.4664C7.01134 3.91854 6.65282 4.44704 6.38928 5.05193C6.12575 5.65683 5.99398 6.30753 5.99398 7.00407Z",
|
|
19
|
+
fill: "#5C657E"
|
|
20
|
+
})));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export default IconSearch;
|
|
24
|
+
//# sourceMappingURL=icon_search.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;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -6,7 +6,7 @@ import inputCssClasses from '../../../css/input/main.module.less.js';
|
|
|
6
6
|
import { useControlContext } from '../context.js';
|
|
7
7
|
import cssStyles from '../../../css/controls/main.module.less.js';
|
|
8
8
|
|
|
9
|
-
var _excluded = ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress", "onKeyUp", "children"];
|
|
9
|
+
var _excluded = ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress", "onKeyUp", "children", "preElement"];
|
|
10
10
|
|
|
11
11
|
var Input = function Input(_ref) {
|
|
12
12
|
var id = _ref.id,
|
|
@@ -20,14 +20,16 @@ var Input = function Input(_ref) {
|
|
|
20
20
|
onKeyPress = _ref.onKeyPress,
|
|
21
21
|
onKeyUp = _ref.onKeyUp,
|
|
22
22
|
children = _ref.children,
|
|
23
|
+
preElement = _ref.preElement,
|
|
23
24
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
24
25
|
|
|
25
26
|
var _useControlContext = useControlContext(),
|
|
26
27
|
errors = _useControlContext.errors;
|
|
27
28
|
|
|
28
29
|
var inputClasses = classnames(inputCssClasses[cssControl], cssStyles[cssControl], _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, inputCssClasses[cssControlS], padding === 'small'), inputCssClasses[cssControlError], errors), inputCssClasses[cssControlDisabled], disabled), inputCssClasses[cssControlReadonly], readOnly));
|
|
29
|
-
return /*#__PURE__*/React.createElement("
|
|
30
|
-
className: inputClasses
|
|
30
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
31
|
+
className: inputClasses
|
|
32
|
+
}, preElement && /*#__PURE__*/React.createElement("div", null, preElement), /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
|
|
31
33
|
id: id,
|
|
32
34
|
name: name,
|
|
33
35
|
value: value !== null && value !== void 0 ? value : '',
|
|
@@ -37,7 +39,7 @@ var Input = function Input(_ref) {
|
|
|
37
39
|
onChange: onChange,
|
|
38
40
|
onKeyPress: onKeyPress,
|
|
39
41
|
onKeyUp: onKeyUp
|
|
40
|
-
}));
|
|
42
|
+
})));
|
|
41
43
|
};
|
|
42
44
|
|
|
43
45
|
export default Input;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -66,6 +66,7 @@ export interface IControlTagsSelectorProps extends IControlCommonProps {
|
|
|
66
66
|
export interface IInputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
67
67
|
id?: string;
|
|
68
68
|
padding?: string;
|
|
69
|
+
preElement?: string | ReactNode;
|
|
69
70
|
onChange?(event: React.ChangeEvent<HTMLInputElement>): void;
|
|
70
71
|
onKeyPress?(event: React.KeyboardEvent<Element>): void;
|
|
71
72
|
}
|
|
@@ -5,6 +5,7 @@ import Input from '../../controls/components/input.js';
|
|
|
5
5
|
import { cssDropdownSearch } from '../css_classes.js';
|
|
6
6
|
import cssClasses from '../../../css/dropdown/main.module.less.js';
|
|
7
7
|
import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
|
|
8
|
+
import IconSearch from '../../../assets/icon_search.js';
|
|
8
9
|
|
|
9
10
|
/**
|
|
10
11
|
* Dropdown.Search component. Displays search control.
|
|
@@ -41,7 +42,8 @@ var Search = function Search(_ref) {
|
|
|
41
42
|
value: value,
|
|
42
43
|
onChange: handleOnChange,
|
|
43
44
|
onKeyUp: onKeyUp,
|
|
44
|
-
autoFocus: true
|
|
45
|
+
autoFocus: true,
|
|
46
|
+
preElement: /*#__PURE__*/React.createElement(IconSearch, null)
|
|
45
47
|
}));
|
|
46
48
|
};
|
|
47
49
|
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** 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_arrow-right__2dhyy::before {\n right: 7px;\n left: auto;\n}\n.main-module_dropdown__content_arrow-bottom__mY8R9::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__list-item_additional-info__26odw {\n display: block;\n color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n padding: 0.5rem 1rem 0.5rem;\n}\n.main-
|
|
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_arrow-right__2dhyy::before {\n right: 7px;\n left: auto;\n}\n.main-module_dropdown__content_arrow-bottom__mY8R9::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__list-item_additional-info__26odw {\n display: block;\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 pointer-events: none;\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_dropdown-exit-active-reversed__DNTne {\n pointer-events: none;\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
4
|
var cssClasses = {
|
|
5
5
|
"dropdown__content": "main-module_dropdown__content__X9kz_",
|
|
6
6
|
"dropdown__header": "main-module_dropdown__header__kvhNn",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_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.
|
|
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.6rem 0.7rem;\n gap: 0.6rem;\n display: flex;\n justify-content: start;\n align-items: center;\n border-radius: 26.01px;\n}\n.main-module_control_s__3r0PG:hover {\n border-color: #3c83ec;\n box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_control_s__3r0PG div span {\n vertical-align: top;\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
4
|
var inputCssClasses = {
|
|
5
5
|
"control": "main-module_control__3q9YC",
|
|
6
6
|
"control_error": "main-module_control_error__3ZjY4",
|