@yandex/ui/Drawer/Drawer.examples/touch-phone/nested.examples.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Nested = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var bundle_1 = require("@yandex-lego/components/Drawer/touch-phone/bundle");
var Nested = function () {
    var scopeRef = react_1.default.useRef(null);
    var _a = tslib_1.__read(react_1.useState(false), 2), visible = _a[0], setVisible = _a[1];
    var _b = tslib_1.__read(react_1.useState(false), 2), nestedVisible = _b[0], setNestedVisible = _b[1];
    var dragDisabled = false;
    var animation = {
        tension: 230,
        friction: 24,
        disabled: false,
        dragImmediate: false,
    };
    return (react_1.default.createElement("div", { ref: scopeRef },
        react_1.default.createElement("p", null, "Phasellus sollicitudin in pellentesque cras sagittis platea mattis himenaeos, dui ligula congue ad nisi tempor laoreet lacus, etiam gravida taciti mauris adipiscing id erat. Mollis scelerisque vivamus sit dictum ultrices eros, suscipit varius cursus litora lectus montes, et posuere diam mauris conubia. Inceptos metus vel ac hendrerit lacinia arcu taciti potenti, vulputate class mollis maecenas orci nibh."),
        react_1.default.createElement("p", null,
            react_1.default.createElement("button", { onClick: function () { return setVisible(true); }, "data-testid": "opener-primary" }, "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0448\u0442\u043E\u0440\u043A\u0443")),
        react_1.default.createElement(bundle_1.Drawer, { visible: visible, onClose: function () { return setVisible(false); }, scope: scopeRef, view: "default", animation: animation, dragDisabled: dragDisabled },
            react_1.default.createElement("div", { className: "DrawerInnerContent" },
                react_1.default.createElement("p", null, "Phasellus sollicitudin in pellentesque cras sagittis platea mattis himenaeos, dui ligula congue ad nisi tempor laoreet lacus, etiam gravida taciti mauris adipiscing id erat. Mollis scelerisque vivamus sit dictum ultrices eros, suscipit varius cursus litora lectus montes, et posuere diam mauris conubia. Inceptos metus vel ac hendrerit lacinia arcu taciti potenti, vulputate class mollis maecenas orci nibh."),
                react_1.default.createElement("p", null, "Phasellus sollicitudin in pellentesque cras sagittis platea mattis himenaeos, dui ligula congue ad nisi tempor laoreet lacus, etiam gravida taciti mauris adipiscing id erat. Mollis scelerisque vivamus sit dictum ultrices eros, suscipit varius cursus litora lectus montes, et posuere diam mauris conubia. Inceptos metus vel ac hendrerit lacinia arcu taciti potenti, vulputate class mollis maecenas orci nibh."),
                react_1.default.createElement("p", null, "Phasellus sollicitudin in pellentesque cras sagittis platea mattis himenaeos, dui ligula congue ad nisi tempor laoreet lacus, etiam gravida taciti mauris adipiscing id erat. Mollis scelerisque vivamus sit dictum ultrices eros, suscipit varius cursus litora lectus montes, et posuere diam mauris conubia. Inceptos metus vel ac hendrerit lacinia arcu taciti potenti, vulputate class mollis maecenas orci nibh."),
                react_1.default.createElement("button", { onClick: function () { return setVisible(false); } }, "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0448\u0442\u043E\u0440\u043A\u0443"),
                react_1.default.createElement("button", { onClick: function () { return setNestedVisible(true); }, "data-testid": "opener-secondary" }, "\u041E\u0442\u0440\u044B\u0442\u044C \u0432\u043B\u043E\u0436\u0435\u043D\u043D\u0443\u044E \u0448\u0442\u043E\u0440\u043A\u0443"))),
        react_1.default.createElement(bundle_1.Drawer, { visible: nestedVisible, onClose: function () { return setNestedVisible(false); }, scope: scopeRef, animation: animation, dragDisabled: dragDisabled, view: "default", nested: true },
            react_1.default.createElement("div", { className: "DrawerInnerContent" },
                react_1.default.createElement("p", null, "Phasellus sollicitudin in pellentesque cras sagittis platea mattis himenaeos, dui ligula congue ad nisi tempor laoreet lacus, etiam gravida taciti mauris adipiscing id erat. Mollis scelerisque vivamus sit dictum ultrices eros, suscipit varius cursus litora lectus montes, et posuere diam mauris conubia. Inceptos metus vel ac hendrerit lacinia arcu taciti potenti, vulputate class mollis maecenas orci nibh."),
                react_1.default.createElement("button", { onClick: function () { return setNestedVisible(false); } }, "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0432\u043B\u043E\u0436\u0435\u043D\u043D\u0443\u044E \u0448\u0442\u043E\u0440\u043A\u0443")))));
};
exports.Nested = Nested;