@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.js
CHANGED
|
@@ -4317,23 +4317,14 @@ var StyledParagraph = styled__default["default"].p(templateObject_1$P || (templa
|
|
|
4317
4317
|
var templateObject_1$P;
|
|
4318
4318
|
|
|
4319
4319
|
var Container$q = styled__default["default"].div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
4320
|
-
var InputIconWrapper = styled__default["default"].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=\"
|
|
4320
|
+
var InputIconWrapper = styled__default["default"].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) {
|
|
4321
4321
|
var size = _a.size;
|
|
4322
4322
|
switch (size) {
|
|
4323
4323
|
case "small":
|
|
4324
|
-
return "
|
|
4325
|
-
default:
|
|
4326
|
-
case "medium":
|
|
4327
|
-
return "43px";
|
|
4328
|
-
}
|
|
4329
|
-
}, function (_a) {
|
|
4330
|
-
var size = _a.size;
|
|
4331
|
-
switch (size) {
|
|
4332
|
-
case "small":
|
|
4333
|
-
return "28px";
|
|
4324
|
+
return "40px";
|
|
4334
4325
|
default:
|
|
4335
4326
|
case "medium":
|
|
4336
|
-
return "
|
|
4327
|
+
return "45px";
|
|
4337
4328
|
}
|
|
4338
4329
|
}, function (_a) {
|
|
4339
4330
|
var isChanged = _a.isChanged;
|
|
@@ -8055,7 +8046,13 @@ var SearchInput = function (props) {
|
|
|
8055
8046
|
if (props.onSearch)
|
|
8056
8047
|
props.onSearch(value);
|
|
8057
8048
|
};
|
|
8058
|
-
|
|
8049
|
+
var onBlur = function () {
|
|
8050
|
+
if (props.onBlur)
|
|
8051
|
+
props.onBlur();
|
|
8052
|
+
if (value.length <= 0)
|
|
8053
|
+
onSearch();
|
|
8054
|
+
};
|
|
8055
|
+
return (jsxRuntime.jsx(Container$q, { children: jsxRuntime.jsxs(InputIconWrapper, __assign$2({ disabled: props.disabled, size: props.size }, { children: [jsxRuntime.jsx(Icon, { type: "search", color: "gray", size: "small", onClick: onSearch }), jsxRuntime.jsx(StyledInput, __assign$2({ type: "text" }, props, { onChange: onChange, onKeyPress: onKeyPress, onBlur: onBlur }))] })) }));
|
|
8059
8056
|
};
|
|
8060
8057
|
|
|
8061
8058
|
var Input = function (props) {
|