@yandex/ui
Version:
Yandex UI components
33 lines (32 loc) • 1.91 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.MinLength = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var withDebounceInput_1 = require("@yandex-lego/components/withDebounceInput");
var desktop_1 = require("@yandex-lego/components/Textinput/Textinput.bundle/desktop");
var DebouncedInput = withDebounceInput_1.withDebounceInput(desktop_1.Textinput);
var MinLength = function () {
var _a = tslib_1.__read(react_1.useState(''), 2), value1 = _a[0], setValue1 = _a[1];
var _b = tslib_1.__read(react_1.useState(''), 2), value2 = _b[0], setValue2 = _b[1];
return (react_1.default.createElement(react_1.default.Fragment, null,
"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0434\u043B\u0438\u043D\u0430 4 \u0441\u0438\u043C\u0432\u043E\u043B\u0430",
react_1.default.createElement(DebouncedInput, { value: value1, onChange: function (e) { return setValue1(e.target.value); }, debounceTimeout: 1000, minLength: 4, view: "default", size: "m" }),
" ",
react_1.default.createElement("br", null),
react_1.default.createElement("b", null, "Value 1:"),
" ",
value1,
" ",
react_1.default.createElement("br", null),
" ",
react_1.default.createElement("br", null),
"\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0434\u043B\u0438\u043D\u0430 8 \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432",
react_1.default.createElement(DebouncedInput, { value: value2, onChange: function (e) { return setValue2(e.target.value); }, debounceTimeout: 1000, minLength: 8, view: "default", size: "m" }),
" ",
react_1.default.createElement("br", null),
react_1.default.createElement("b", null, "Value 2:"),
" ",
value2));
};
exports.MinLength = MinLength;