@yandex/ui/Textarea/__examples__/debounce.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Debounce = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var addon_actions_1 = require("@storybook/addon-actions");
var bundle_1 = require("@yandex-lego/components/Textarea/desktop/bundle");
var Debounce = function () {
    var _a = tslib_1.__read(react_1.useState(''), 2), value = _a[0], setValue = _a[1];
    var _b = tslib_1.__read(react_1.useState(false), 2), typing = _b[0], setTyping = _b[1];
    return (react_1.default.createElement("div", { style: { maxWidth: 300 } },
        react_1.default.createElement(bundle_1.Textarea, { debounceTimeout: 500, size: "m", view: "default", value: value, onChange: function (event) {
                addon_actions_1.action('onChange')(event.target.value);
                setTyping(false);
                setValue(event.target.value);
            }, onInput: function (event) {
                addon_actions_1.action('onInput')(event.target.value);
                setTyping(true);
            } }),
        react_1.default.createElement("pre", { style: { marginTop: 16 } }, typing ? 'Печатает...' : '')));
};
exports.Debounce = Debounce;