@typeolymp/ui-components 1.19.19 → 1.19.21
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/index.es.js +10 -13
- package/build/index.es.js.map +1 -1
- package/build/index.js +10 -13
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.es.js
CHANGED
|
@@ -4290,23 +4290,14 @@ var StyledParagraph = styled.p(templateObject_1$P || (templateObject_1$P = __mak
|
|
|
4290
4290
|
var templateObject_1$P;
|
|
4291
4291
|
|
|
4292
4292
|
var Container$q = styled.div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
4293
|
-
var InputIconWrapper = styled.div(templateObject_2$B || (templateObject_2$B = __makeTemplateObject$1(["\n position: relative;\n width: 100%;\n\n input {\n padding-right: ", ";\n }\n\n input[type=\"
|
|
4293
|
+
var InputIconWrapper = styled.div(templateObject_2$B || (templateObject_2$B = __makeTemplateObject$1(["\n position: relative;\n width: 100%;\n\n input {\n padding-right: ", ";\n }\n\n input[type=\"date\"] {\n color: ", ";\n }\n\n div {\n position: absolute;\n height: 24px;\n right: ", ";\n top: ", ";\n }\n\n svg {\n cursor: ", ";\n width: ", ";\n }\n"], ["\n position: relative;\n width: 100%;\n\n input {\n padding-right: ", ";\n }\n\n input[type=\"date\"] {\n color: ", ";\n }\n\n div {\n position: absolute;\n height: 24px;\n right: ", ";\n top: ", ";\n }\n\n svg {\n cursor: ", ";\n width: ", ";\n }\n"])), function (_a) {
|
|
4294
4294
|
var size = _a.size;
|
|
4295
4295
|
switch (size) {
|
|
4296
4296
|
case "small":
|
|
4297
|
-
return "
|
|
4298
|
-
default:
|
|
4299
|
-
case "medium":
|
|
4300
|
-
return "43px";
|
|
4301
|
-
}
|
|
4302
|
-
}, function (_a) {
|
|
4303
|
-
var size = _a.size;
|
|
4304
|
-
switch (size) {
|
|
4305
|
-
case "small":
|
|
4306
|
-
return "28px";
|
|
4297
|
+
return "40px";
|
|
4307
4298
|
default:
|
|
4308
4299
|
case "medium":
|
|
4309
|
-
return "
|
|
4300
|
+
return "45px";
|
|
4310
4301
|
}
|
|
4311
4302
|
}, function (_a) {
|
|
4312
4303
|
var isChanged = _a.isChanged;
|
|
@@ -8028,7 +8019,13 @@ var SearchInput = function (props) {
|
|
|
8028
8019
|
if (props.onSearch)
|
|
8029
8020
|
props.onSearch(value);
|
|
8030
8021
|
};
|
|
8031
|
-
|
|
8022
|
+
var onBlur = function () {
|
|
8023
|
+
if (props.onBlur)
|
|
8024
|
+
props.onBlur();
|
|
8025
|
+
if (value.length <= 0)
|
|
8026
|
+
onSearch();
|
|
8027
|
+
};
|
|
8028
|
+
return (jsx$1(Container$q, { children: jsxs(InputIconWrapper, __assign$2({ disabled: props.disabled, size: props.size }, { children: [jsx$1(Icon, { type: "search", color: "gray", size: "small", onClick: onSearch }), jsx$1(StyledInput, __assign$2({ type: "text" }, props, { onChange: onChange, onKeyPress: onKeyPress, onBlur: onBlur }))] })) }));
|
|
8032
8029
|
};
|
|
8033
8030
|
|
|
8034
8031
|
var Input = function (props) {
|