@skbkontur/react-ui 0.0.0-7dc91ef93e → 0.0.0-7f260475fb

package/components/Tabs/__stories__/Tabs.stories.js

@@ -0,0 +1,391 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// TODO: Rewrite stories and enable rule (in process of functional refactoring).
+/* eslint-disable react/no-unstable-nested-components */
+import React, { useState } from 'react';
+import { linkTo } from '@storybook/addon-links';
+import { ComponentTable } from '../../../internal/ComponentTable.js';
+import { Tabs } from '../Tabs.js';
+import { Modal } from '../../Modal/index.js';
+import { Button } from '../../Button/index.js';
+var Tab = Tabs.Tab;
+var Img = function (_a) {
+    var size = _a.size;
+    return (React.createElement("img", { src: "data:image/svg+xml;base64,".concat(btoa("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(size, "\" height=\"").concat(size, "\"><rect fill=\"grey\" width=\"100%\" height=\"100%\" /></svg>"))), alt: "test" }));
+};
+var Mountain;
+(function (Mountain) {
+    Mountain["fuji"] = "Fuji";
+    Mountain["tahat"] = "Tahat";
+    Mountain["alps"] = "Alps";
+})(Mountain || (Mountain = {}));
+var UncTabs = /** @class */ (function (_super) {
+    __extends(UncTabs, _super);
+    function UncTabs() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            value: Mountain.fuji,
+        };
+        return _this;
+    }
+    UncTabs.prototype.render = function () {
+        var _this = this;
+        return (React.createElement(Tabs, { value: this.state.value, onValueChange: function (v) { return _this.setState({ value: v }); }, vertical: this.props.vertical, size: this.props.size },
+            React.createElement(Tab, { id: Mountain.fuji }, Mountain.fuji),
+            React.createElement(Tab, { id: Mountain.tahat }, Mountain.tahat),
+            React.createElement(Tab, { id: Mountain.alps }, Mountain.alps)));
+    };
+    return UncTabs;
+}(React.Component));
+var RouteTab = function (props) { return (React.createElement(Tab, { id: props.to, onClick: linkTo('Tabs', props.to) }, props.children)); };
+var RouterTabs = /** @class */ (function (_super) {
+    __extends(RouterTabs, _super);
+    function RouterTabs() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RouterTabs.prototype.render = function () {
+        return (React.createElement("div", null,
+            React.createElement("h2", null, "Router Tabs"),
+            React.createElement(Tabs, { value: this.props.value },
+                React.createElement(RouteTab, { to: "first" }, "First Page"),
+                React.createElement(RouteTab, { to: "another" }, "Another"))));
+    };
+    return RouterTabs;
+}(React.Component));
+var MyLink = React.forwardRef(function MyLink(props, ref) {
+    return (React.createElement("a", __assign({ ref: ref }, props), props.children));
+});
+var TabsWithLink = /** @class */ (function (_super) {
+    __extends(TabsWithLink, _super);
+    function TabsWithLink() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            value: 'fuji',
+        };
+        return _this;
+    }
+    TabsWithLink.prototype.render = function () {
+        var _this = this;
+        return (React.createElement(Tabs, { value: this.state.value, onValueChange: function (v) {
+                return _this.setState({
+                    value: v,
+                });
+            }, vertical: this.props.vertical },
+            React.createElement(Tab, { id: "fuji", component: React.forwardRef(function Component(props, ref) {
+                    return React.createElement(MyLink, __assign({ ref: ref }, props, { to: "/1" }));
+                }) },
+                React.createElement("span", { role: "img", "aria-label": "fuji" }, "\uD83C\uDF0B\u00A0\u00A0Fuji")),
+            React.createElement(Tab, { id: "tahat", component: React.forwardRef(function Component(props, ref) {
+                    return React.createElement(MyLink, __assign({ ref: ref }, props, { to: "/2" }));
+                }) },
+                React.createElement("span", { role: "img", "aria-label": "tahat" }, "\u26F0\u00A0\u00A0Tahat")),
+            React.createElement(Tab, { id: "alps", component: React.forwardRef(function Component(props, ref) {
+                    return React.createElement(MyLink, __assign({ ref: ref }, props, { to: "/3" }));
+                }) },
+                React.createElement("span", { role: "img", "aria-label": "alps" }, "\uD83D\uDDFB\u00A0\u00A0Alps"))));
+    };
+    return TabsWithLink;
+}(React.Component));
+var TabsWithCustomComponent = function (_a) {
+    var component = _a.component;
+    var _b = useState('fuji'), active = _b[0], setActive = _b[1];
+    return (React.createElement(Tabs, { value: active, onValueChange: setActive },
+        React.createElement(Tab, { id: "fuji", component: component },
+            React.createElement("span", { "aria-label": "fuji" }, "Fuji")),
+        React.createElement(Tab, { id: "tahat", component: component },
+            React.createElement("span", { "aria-label": "tahat" }, "Tahat")),
+        React.createElement(Tab, { id: "alps", component: component },
+            React.createElement("span", { "aria-label": "alps" }, "Alps"))));
+};
+var UnexpectedUpdatedTab = /** @class */ (function (_super) {
+    __extends(UnexpectedUpdatedTab, _super);
+    function UnexpectedUpdatedTab() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            updated: false,
+        };
+        return _this;
+    }
+    UnexpectedUpdatedTab.prototype.render = function () {
+        var _this = this;
+        return (React.createElement(Tab, __assign({}, this.props), this.state.updated ? ':P' : React.createElement("button", { onClick: function () { return _this.setState({ updated: true }); } }, "Update me")));
+    };
+    return UnexpectedUpdatedTab;
+}(React.Component));
+var OhMyTabs = /** @class */ (function (_super) {
+    __extends(OhMyTabs, _super);
+    function OhMyTabs() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            value: 'fuji',
+        };
+        return _this;
+    }
+    OhMyTabs.prototype.render = function () {
+        var _this = this;
+        return (React.createElement(Tabs, { value: this.state.value, onValueChange: function (v) { return _this.setState({ value: v }); }, vertical: this.props.vertical },
+            React.createElement(UnexpectedUpdatedTab, { id: "fuji" },
+                React.createElement("span", { role: "img", "aria-label": "fuji" }, "\uD83C\uDF0B\u00A0\u00A0Fuji")),
+            React.createElement(UnexpectedUpdatedTab, { id: "tahat" },
+                React.createElement("span", { role: "img", "aria-label": "tahat" }, "\u26F0\u00A0\u00A0Tahat")),
+            React.createElement(UnexpectedUpdatedTab, { id: "alps" },
+                React.createElement("span", { role: "img", "aria-label": "alps" }, "\uD83D\uDDFB\u00A0\u00A0Alps"))));
+    };
+    return OhMyTabs;
+}(React.Component));
+var DisabledTab = /** @class */ (function (_super) {
+    __extends(DisabledTab, _super);
+    function DisabledTab() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            value: 'first',
+        };
+        return _this;
+    }
+    DisabledTab.prototype.render = function () {
+        var _this = this;
+        return (React.createElement(Tabs, { value: this.state.value, onValueChange: function (v) { return _this.setState({ value: v }); } },
+            React.createElement(Tab, { id: "first" }, "First"),
+            React.createElement(Tab, { id: "second", disabled: true }, "Second (disabled)"),
+            React.createElement(Tab, { id: "third", disabled: true }, "Third (disabled)"),
+            React.createElement(Tab, { id: "fourth" }, "Fourth")));
+    };
+    return DisabledTab;
+}(React.Component));
+var TabsInModal = /** @class */ (function (_super) {
+    __extends(TabsInModal, _super);
+    function TabsInModal() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            value: '1',
+            opened: false,
+            error: true,
+            warning: true,
+            success: true,
+            primary: true,
+        };
+        _this.open = function () {
+            _this.setState({ opened: true });
+        };
+        _this.close = function () {
+            _this.setState({ opened: false });
+        };
+        _this.toggleError = function () {
+            _this.setState({ error: !_this.state.error });
+        };
+        _this.toggleWarning = function () {
+            _this.setState({ warning: !_this.state.warning });
+        };
+        _this.toggleSuccess = function () {
+            _this.setState({ success: !_this.state.success });
+        };
+        _this.togglePrimary = function () {
+            _this.setState({ primary: !_this.state.primary });
+        };
+        return _this;
+    }
+    TabsInModal.prototype.render = function () {
+        return (React.createElement("div", null,
+            this.state.opened && this.renderModal(),
+            React.createElement(Button, { onClick: this.open }, "Open modal")));
+    };
+    TabsInModal.prototype.renderModal = function () {
+        var _this = this;
+        var TabElement = function GetTabElement(props) {
+            return React.createElement("div", { style: __assign({ marginLeft: 10, fontSize: 14 }, props.style) }, props.children);
+        };
+        return (React.createElement(Modal, { onClose: this.close, width: 600 },
+            React.createElement(Modal.Header, null, "Title"),
+            React.createElement(Modal.Body, null,
+                React.createElement("div", { style: { marginLeft: -30 } },
+                    React.createElement(Tabs, { vertical: true, value: this.state.value, onValueChange: function (v) { return _this.setState({ value: v }); } },
+                        React.createElement(Tab, { id: "1" },
+                            React.createElement(TabElement, null, "Normal")),
+                        React.createElement(Tab, { id: "2", success: true },
+                            React.createElement(TabElement, null, "Success")),
+                        React.createElement(Tab, { id: "3", success: this.state.success, onClick: this.toggleSuccess },
+                            React.createElement(TabElement, null, "Success-dynamic")),
+                        React.createElement(Tab, { id: "4", warning: true },
+                            React.createElement(TabElement, null, "Warning")),
+                        React.createElement(Tab, { id: "5", warning: this.state.warning, onClick: this.toggleWarning },
+                            React.createElement(TabElement, null, "Warning-dynamic")),
+                        React.createElement(Tab, { id: "6", error: true },
+                            React.createElement(TabElement, { style: { color: '#e14c30' } }, "Error")),
+                        React.createElement(Tab, { id: "7", error: this.state.error, warning: true, onClick: this.toggleError },
+                            React.createElement(TabElement, { style: { color: '#e14c30' } }, "Error-dynamic over warning")),
+                        React.createElement(Tab, { id: "8", primary: true },
+                            React.createElement(TabElement, { style: { color: '#1e8dd4' } }, "Primary")),
+                        React.createElement(Tab, { id: "9", primary: this.state.primary, onClick: this.togglePrimary },
+                            React.createElement(TabElement, { style: { color: '#1e8dd4' } }, "Primary-dynamic")),
+                        React.createElement(Tab, { id: "10", disabled: true },
+                            React.createElement(TabElement, null, "Disabled"))))),
+            React.createElement(Modal.Footer, { panel: true },
+                React.createElement(Button, { onClick: this.close }, "Close"))));
+    };
+    return TabsInModal;
+}(React.Component));
+var TabsTable = /** @class */ (function (_super) {
+    __extends(TabsTable, _super);
+    function TabsTable() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TabsTable.prototype.render = function () {
+        var rows = [{}, { primary: true }, { error: true }, { warning: true }];
+        var cols = [{}, { vertical: true }, { disabled: true }, { vertical: true, disabled: true }];
+        return (React.createElement("div", null,
+            React.createElement(ComponentTable, { Component: TabsTable.TestTab, rows: rows.map(function (x) { return ({ props: x }); }), cols: cols.map(function (x) { return ({ props: x }); }) })));
+    };
+    TabsTable.TestTab = /** @class */ (function (_super) {
+        __extends(TestTab, _super);
+        function TestTab() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        TestTab.prototype.render = function () {
+            var _a = this.props, vertical = _a.vertical, tabProps = __rest(_a, ["vertical"]);
+            return (React.createElement(Tabs, { vertical: vertical, value: "" },
+                React.createElement(Tab, __assign({}, tabProps), "Tab")));
+        };
+        return TestTab;
+    }(React.Component));
+    return TabsTable;
+}(React.Component));
+export default {
+    title: 'Tabs',
+    component: Tabs,
+};
+export var Simple = function () { return React.createElement(UncTabs, { size: "large" }); };
+Simple.storyName = 'simple';
+export var SimpleMedium = function () { return React.createElement(UncTabs, { size: "medium" }); };
+SimpleMedium.storyName = 'simple (size=medium)';
+export var SimpleSmall = function () { return React.createElement(UncTabs, { size: "small" }); };
+SimpleSmall.storyName = 'simple (size=small)';
+export var First = function () { return React.createElement(RouterTabs, { value: "first" }); };
+First.storyName = 'first';
+First.parameters = { creevey: { skip: true } };
+export var Another = function () { return React.createElement(RouterTabs, { value: "another" }); };
+Another.storyName = 'another';
+Another.parameters = { creevey: { skip: true } };
+export var HrefsFirst = function () { return (React.createElement(Tabs, { value: "/iframe.html?selectedKind=Tabs&selectedStory=hrefs first" },
+    React.createElement(Tab, { href: "/iframe.html?selectedKind=Tabs&selectedStory=hrefs first" }, "Hrefs first"),
+    React.createElement(Tab, { href: "/iframe.html?selectedKind=Tabs&selectedStory=hrefs second" }, "Hrefs second"))); };
+HrefsFirst.storyName = 'hrefs first';
+HrefsFirst.parameters = { creevey: { skip: true } };
+export var HrefsSecond = function () { return (React.createElement(Tabs, { value: "/iframe.html?selectedKind=Tabs&selectedStory=hrefs second" },
+    React.createElement(Tab, { href: "/iframe.html?selectedKind=Tabs&selectedStory=hrefs first" }, "Hrefs first"),
+    React.createElement(Tab, { href: "/iframe.html?selectedKind=Tabs&selectedStory=hrefs second" }, "Hrefs second"))); };
+HrefsSecond.storyName = 'hrefs second';
+HrefsSecond.parameters = { creevey: { skip: true } };
+export var Vertical = function () { return React.createElement(UncTabs, { vertical: true }); };
+Vertical.storyName = 'vertical';
+export var VerticalMedium = function () { return React.createElement(UncTabs, { vertical: true, size: "medium" }); };
+VerticalMedium.storyName = 'vertical (size=medium)';
+export var VerticalSmall = function () { return React.createElement(UncTabs, { vertical: true, size: "small" }); };
+VerticalSmall.storyName = 'vertical (size=small)';
+export var WithLink = function () { return React.createElement(TabsWithLink, null); };
+WithLink.parameters = { creevey: { skip: true } };
+export var WithCustomTabComponent = function () {
+    var FC = function FC(props) {
+        return React.createElement("span", __assign({}, props));
+    };
+    var FCWithForwardRef = React.forwardRef(function FC(props, ref) {
+        return React.createElement("span", __assign({}, props, { ref: ref }));
+    });
+    var ClassComponent = /** @class */ (function (_super) {
+        __extends(ClassComponent, _super);
+        function ClassComponent() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.render = function () { return React.createElement("span", __assign({}, _this.props)); };
+            return _this;
+        }
+        return ClassComponent;
+    }(React.Component));
+    var ClassComponentWithRootNode = /** @class */ (function (_super) {
+        __extends(ClassComponentWithRootNode, _super);
+        function ClassComponentWithRootNode() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.rootRef = React.createRef();
+            _this.getRootNode = function () { return _this.rootRef.current; };
+            _this.render = function () { return React.createElement("span", __assign({}, _this.props, { ref: _this.rootRef })); };
+            return _this;
+        }
+        return ClassComponentWithRootNode;
+    }(React.Component));
+    return (React.createElement("div", null,
+        React.createElement("h3", null, "Functional Component"),
+        React.createElement(TabsWithCustomComponent, { component: FC }),
+        React.createElement("h3", null, "Functional Component with forwardRef"),
+        React.createElement(TabsWithCustomComponent, { component: FCWithForwardRef }),
+        React.createElement("h3", null, "Class Component"),
+        React.createElement(TabsWithCustomComponent, { component: ClassComponent }),
+        React.createElement("h3", null, "Calss Component with getRootNode"),
+        React.createElement(TabsWithCustomComponent, { component: ClassComponentWithRootNode })));
+};
+export var WithUnexpectedTabSizeChange = function () { return React.createElement(OhMyTabs, null); };
+WithUnexpectedTabSizeChange.storyName = 'with unexpected tab size change';
+WithUnexpectedTabSizeChange.parameters = { creevey: { skip: true } };
+export var WithDisabledTab = function () { return React.createElement(DisabledTab, null); };
+WithDisabledTab.storyName = 'with disabled tab';
+export var TabsInModalStory = function () { return React.createElement(TabsInModal, null); };
+TabsInModalStory.storyName = 'tabs in modal';
+TabsInModalStory.parameters = { creevey: { skip: true } };
+export var HoverTable = function () { return React.createElement(TabsTable, null); };
+HoverTable.storyName = 'hover table';
+HoverTable.parameters = { creevey: { skip: true } };
+export var TabsWithImage = function () {
+    var _a = React.useState('search4'), activeTab = _a[0], setActiveTab = _a[1];
+    return (React.createElement(Tabs, { value: activeTab, vertical: true, onValueChange: function (tab) { return setActiveTab(tab); } },
+        React.createElement(Tabs.Tab, { id: "search1" },
+            React.createElement(Img, { size: '75px' })),
+        React.createElement(Tabs.Tab, { id: "search2" },
+            React.createElement(Img, { size: '105px' })),
+        React.createElement(Tabs.Tab, { id: "search3" },
+            React.createElement(Img, { size: '25px' })),
+        React.createElement(Tabs.Tab, { id: "search4" },
+            React.createElement(Img, { size: '150px' })),
+        React.createElement(Tabs.Tab, { id: "search5" },
+            React.createElement(Img, { size: '30px' })),
+        React.createElement(Tabs.Tab, { id: "search6" },
+            React.createElement(Img, { size: '100px' }))));
+};
+TabsWithImage.storyName = 'Tabs with images';
+TabsWithImage.parameters = {
+    creevey: {
+        delay: 500,
+    },
+};
+//# sourceMappingURL=Tabs.stories.js.map

package/components/Tabs/__stories__/Tabs.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.stories.js","sourceRoot":"","sources":["../../../../components/Tabs/__stories__/Tabs.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gFAAgF;AAChF,wDAAwD;AACxD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGvC,IAAA,GAAG,GAAK,IAAI,IAAT,CAAU;AAErB,IAAM,GAAG,GAA+B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,CACpD,6BACE,GAAG,EAAE,oCAA6B,IAAI,CACpC,4DAAkD,IAAI,yBAAa,IAAI,mEAAyD,CACjI,CAAE,EACH,GAAG,EAAC,MAAM,GACV,CACH;AAPqD,CAOrD,CAAC;AAEF,IAAK,QAIJ;AAJD,WAAK,QAAQ;IACX,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,yBAAa,CAAA;AACf,CAAC,EAJI,QAAQ,KAAR,QAAQ,QAIZ;AASD;IAAsB,2BAA6B;IAAnD;;QACS,WAAK,GAAiB;YAC3B,KAAK,EAAE,QAAQ,CAAC,IAAI;SACrB,CAAC;;IAgBJ,CAAC;IAdQ,wBAAM,GAAb;QAAA,iBAaC;QAZC,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,aAAa,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAA3B,CAA2B,EACjD,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI;YAErB,oBAAC,GAAG,IAAC,EAAE,EAAE,QAAQ,CAAC,IAAI,IAAG,QAAQ,CAAC,IAAI,CAAO;YAC7C,oBAAC,GAAG,IAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,IAAG,QAAQ,CAAC,KAAK,CAAO;YAC/C,oBAAC,GAAG,IAAC,EAAE,EAAE,QAAQ,CAAC,IAAI,IAAG,QAAQ,CAAC,IAAI,CAAO,CACxC,CACR,CAAC;IACJ,CAAC;IACH,cAAC;AAAD,CAAC,AAnBD,CAAsB,KAAK,CAAC,SAAS,GAmBpC;AAED,IAAM,QAAQ,GAAG,UAAC,KAAgD,IAAK,OAAA,CACrE,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IACjD,KAAK,CAAC,QAAQ,CACX,CACP,EAJsE,CAItE,CAAC;AAKF;IAAyB,8BAAgC;IAAzD;;IAYA,CAAC;IAXQ,2BAAM,GAAb;QACE,OAAO,CACL;YACE,8CAAoB;YACpB,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;gBAC3B,oBAAC,QAAQ,IAAC,EAAE,EAAC,OAAO,iBAAsB;gBAC1C,oBAAC,QAAQ,IAAC,EAAE,EAAC,SAAS,cAAmB,CACpC,CACH,CACP,CAAC;IACJ,CAAC;IACH,iBAAC;AAAD,CAAC,AAZD,CAAyB,KAAK,CAAC,SAAS,GAYvC;AAED,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAW,SAAS,MAAM,CAAC,KAAU,EAAE,GAAG;IACvE,OAAO,CACL,oCAAG,GAAG,EAAE,GAAG,IAAM,KAAK,GACnB,KAAK,CAAC,QAAQ,CACb,CACL,CAAC;AACJ,CAAC,CAAC,CAAC;AAKH;IAA2B,gCAAmC;IAA9D;;QACS,WAAK,GAAsB;YAChC,KAAK,EAAE,MAAM;SACd,CAAC;;IA8CJ,CAAC;IA5CQ,6BAAM,GAAb;QAAA,iBA2CC;QA1CC,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,aAAa,EAAE,UAAC,CAAC;gBACf,OAAA,KAAI,CAAC,QAAQ,CAAC;oBACZ,KAAK,EAAE,CAAC;iBACT,CAAC;YAFF,CAEE,EAEJ,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAE7B,oBAAC,GAAG,IACF,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,KAAK,CAAC,UAAU,CAAW,SAAS,SAAS,CAAC,KAAU,EAAE,GAAG;oBACtE,OAAO,oBAAC,MAAM,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,EAAE,EAAC,IAAI,IAAG,CAAC;gBACjD,CAAC,CAAC;gBAEF,8BAAM,IAAI,EAAC,KAAK,gBAAY,MAAM,mCAE3B,CACH;YACN,oBAAC,GAAG,IACF,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,KAAK,CAAC,UAAU,CAAW,SAAS,SAAS,CAAC,KAAU,EAAE,GAAG;oBACtE,OAAO,oBAAC,MAAM,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,EAAE,EAAC,IAAI,IAAG,CAAC;gBACjD,CAAC,CAAC;gBAEF,8BAAM,IAAI,EAAC,KAAK,gBAAY,OAAO,8BAE5B,CACH;YACN,oBAAC,GAAG,IACF,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,KAAK,CAAC,UAAU,CAAW,SAAS,SAAS,CAAC,KAAU,EAAE,GAAG;oBACtE,OAAO,oBAAC,MAAM,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,EAAE,EAAC,IAAI,IAAG,CAAC;gBACjD,CAAC,CAAC;gBAEF,8BAAM,IAAI,EAAC,KAAK,gBAAY,MAAM,mCAE3B,CACH,CACD,CACR,CAAC;IACJ,CAAC;IACH,mBAAC;AAAD,CAAC,AAjDD,CAA2B,KAAK,CAAC,SAAS,GAiDzC;AAED,IAAM,uBAAuB,GAAG,UAAC,EAAiD;QAA/C,SAAS,eAAA;IACpC,IAAA,KAAsB,QAAQ,CAAC,MAAM,CAAC,EAArC,MAAM,QAAA,EAAE,SAAS,QAAoB,CAAC;IAC7C,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS;QAC3C,oBAAC,GAAG,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS;YACjC,4CAAiB,MAAM,WAAY,CAC/B;QACN,oBAAC,GAAG,IAAC,EAAE,EAAC,OAAO,EAAC,SAAS,EAAE,SAAS;YAClC,4CAAiB,OAAO,YAAa,CACjC;QACN,oBAAC,GAAG,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS;YACjC,4CAAiB,MAAM,WAAY,CAC/B,CACD,CACR,CAAC;AACJ,CAAC,CAAC;AAMF;IAAmC,wCAAmE;IAAtG;;QACS,WAAK,GAAG;YACb,OAAO,EAAE,KAAK;SACf,CAAC;;IASJ,CAAC;IAPQ,qCAAM,GAAb;QAAA,iBAMC;QALC,OAAO,CACL,oBAAC,GAAG,eAAK,IAAI,CAAC,KAAK,GAChB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gCAAQ,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAhC,CAAgC,gBAAoB,CACpG,CACP,CAAC;IACJ,CAAC;IACH,2BAAC;AAAD,CAAC,AAZD,CAAmC,KAAK,CAAC,SAAS,GAYjD;AAKD;IAAuB,4BAAkD;IAAzE;;QACS,WAAK,GAAG;YACb,KAAK,EAAE,MAAM;SACd,CAAC;;IAuBJ,CAAC;IArBQ,yBAAM,GAAb;QAAA,iBAoBC;QAnBC,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAA3B,CAA2B,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC7G,oBAAC,oBAAoB,IAAC,EAAE,EAAC,MAAM;gBAC7B,8BAAM,IAAI,EAAC,KAAK,gBAAY,MAAM,mCAE3B,CACc;YACvB,oBAAC,oBAAoB,IAAC,EAAE,EAAC,OAAO;gBAC9B,8BAAM,IAAI,EAAC,KAAK,gBAAY,OAAO,8BAE5B,CACc;YACvB,oBAAC,oBAAoB,IAAC,EAAE,EAAC,MAAM;gBAC7B,8BAAM,IAAI,EAAC,KAAK,gBAAY,MAAM,mCAE3B,CACc,CAClB,CACR,CAAC;IACJ,CAAC;IACH,eAAC;AAAD,CAAC,AA1BD,CAAuB,KAAK,CAAC,SAAS,GA0BrC;AAKD;IAA0B,+BAAe;IAAzC;;QACS,WAAK,GAAqB;YAC/B,KAAK,EAAE,OAAO;SACf,CAAC;;IAgBJ,CAAC;IAdQ,4BAAM,GAAb;QAAA,iBAaC;QAZC,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAA3B,CAA2B;YAC9E,oBAAC,GAAG,IAAC,EAAE,EAAC,OAAO,YAAY;YAC3B,oBAAC,GAAG,IAAC,EAAE,EAAC,QAAQ,EAAC,QAAQ,8BAEnB;YACN,oBAAC,GAAG,IAAC,EAAE,EAAC,OAAO,EAAC,QAAQ,6BAElB;YACN,oBAAC,GAAG,IAAC,EAAE,EAAC,QAAQ,aAAa,CACxB,CACR,CAAC;IACJ,CAAC;IACH,kBAAC;AAAD,CAAC,AAnBD,CAA0B,KAAK,CAAC,SAAS,GAmBxC;AAUD;IAA0B,+BAAe;IAAzC;;QACS,WAAK,GAAqB;YAC/B,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,IAAI;YACX,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;SACd,CAAC;QA8DM,UAAI,GAAG;YACb,KAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAClC,CAAC,CAAC;QAEM,WAAK,GAAG;YACd,KAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACnC,CAAC,CAAC;QAEM,iBAAW,GAAG;YACpB,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC;QAEM,mBAAa,GAAG;YACtB,KAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEM,mBAAa,GAAG;YACtB,KAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEM,mBAAa,GAAG;YACtB,KAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;;IACJ,CAAC;IAnFQ,4BAAM,GAAb;QACE,OAAO,CACL;YACG,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE;YACxC,oBAAC,MAAM,IAAC,OAAO,EAAE,IAAI,CAAC,IAAI,iBAAqB,CAC3C,CACP,CAAC;IACJ,CAAC;IAEO,iCAAW,GAAnB;QAAA,iBAiDC;QAhDC,IAAM,UAAU,GAAG,SAAS,aAAa,CAAC,KAAiE;YACzG,OAAO,6BAAK,KAAK,aAAI,UAAU,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,IAAK,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,QAAQ,CAAO,CAAC;QAC9F,CAAC,CAAC;QAEF,OAAO,CACL,oBAAC,KAAK,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG;YACpC,oBAAC,KAAK,CAAC,MAAM,gBAAqB;YAClC,oBAAC,KAAK,CAAC,IAAI;gBACT,6BAAK,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE;oBAC7B,oBAAC,IAAI,IAAC,QAAQ,QAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAA3B,CAA2B;wBACvF,oBAAC,GAAG,IAAC,EAAE,EAAC,GAAG;4BACT,oBAAC,UAAU,iBAAoB,CAC3B;wBACN,oBAAC,GAAG,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO;4BACjB,oBAAC,UAAU,kBAAqB,CAC5B;wBACN,oBAAC,GAAG,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa;4BAClE,oBAAC,UAAU,0BAA6B,CACpC;wBACN,oBAAC,GAAG,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO;4BACjB,oBAAC,UAAU,kBAAqB,CAC5B;wBACN,oBAAC,GAAG,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa;4BAClE,oBAAC,UAAU,0BAA6B,CACpC;wBACN,oBAAC,GAAG,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK;4BACf,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAAoB,CACvD;wBACN,oBAAC,GAAG,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,QAAC,OAAO,EAAE,IAAI,CAAC,WAAW;4BACpE,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,iCAAyC,CAC5E;wBACN,oBAAC,GAAG,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO;4BACjB,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,cAAsB,CACzD;wBACN,oBAAC,GAAG,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa;4BAClE,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,sBAA8B,CACjE;wBACN,oBAAC,GAAG,IAAC,EAAE,EAAC,IAAI,EAAC,QAAQ;4BACnB,oBAAC,UAAU,mBAAsB,CAC7B,CACD,CACH,CACK;YACb,oBAAC,KAAK,CAAC,MAAM,IAAC,KAAK;gBACjB,oBAAC,MAAM,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,YAAgB,CAC9B,CACT,CACT,CAAC;IACJ,CAAC;IAyBH,kBAAC;AAAD,CAAC,AA7FD,CAA0B,KAAK,CAAC,SAAS,GA6FxC;AAGD;IAAwB,6BAAe;IAAvC;;IAyBA,CAAC;IAbQ,0BAAM,GAAb;QACE,IAAM,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACzE,IAAM,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9F,OAAO,CACL;YACE,oBAAC,cAAc,IACb,SAAS,EAAE,SAAS,CAAC,OAAO,EAC5B,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAd,CAAc,CAAC,EACrC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAd,CAAc,CAAC,GACrC,CACE,CACP,CAAC;IACJ,CAAC;IAvBa,iBAAO;QAAyB,2BAA+B;QAArD;;QASxB,CAAC;QARQ,wBAAM,GAAb;YACE,IAAM,KAA4B,IAAI,CAAC,KAAK,EAApC,QAAQ,cAAA,EAAK,QAAQ,cAAvB,YAAyB,CAAa,CAAC;YAC7C,OAAO,CACL,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,EAAE;gBAChC,oBAAC,GAAG,eAAK,QAAQ,SAAW,CACvB,CACR,CAAC;QACJ,CAAC;QACH,cAAC;IAAD,CAAC,AATuB,CAAsB,KAAK,CAAC,SAAS,GAS3D;IAeJ,gBAAC;CAAA,AAzBD,CAAwB,KAAK,CAAC,SAAS,GAyBtC;AAED,eAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GAAU,cAAM,OAAA,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,EAAxB,CAAwB,CAAC;AAC5D,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;AAE5B,MAAM,CAAC,IAAM,YAAY,GAAU,cAAM,OAAA,oBAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,GAAG,EAAzB,CAAyB,CAAC;AACnE,YAAY,CAAC,SAAS,GAAG,sBAAsB,CAAC;AAEhD,MAAM,CAAC,IAAM,WAAW,GAAU,cAAM,OAAA,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,EAAxB,CAAwB,CAAC;AACjE,WAAW,CAAC,SAAS,GAAG,qBAAqB,CAAC;AAE9C,MAAM,CAAC,IAAM,KAAK,GAAG,cAAM,OAAA,oBAAC,UAAU,IAAC,KAAK,EAAC,OAAO,GAAG,EAA5B,CAA4B,CAAC;AACxD,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;AAC1B,KAAK,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AAE/C,MAAM,CAAC,IAAM,OAAO,GAAG,cAAM,OAAA,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,GAAG,EAA9B,CAA8B,CAAC;AAC5D,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;AAC9B,OAAO,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AAEjD,MAAM,CAAC,IAAM,UAAU,GAAG,cAAM,OAAA,CAC9B,oBAAC,IAAI,IAAC,KAAK,EAAC,0DAA0D;IACpE,oBAAC,GAAG,IAAC,IAAI,EAAC,0DAA0D,kBAAkB;IACtF,oBAAC,GAAG,IAAC,IAAI,EAAC,2DAA2D,mBAAmB,CACnF,CACR,EAL+B,CAK/B,CAAC;AACF,UAAU,CAAC,SAAS,GAAG,aAAa,CAAC;AACrC,UAAU,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AAEpD,MAAM,CAAC,IAAM,WAAW,GAAG,cAAM,OAAA,CAC/B,oBAAC,IAAI,IAAC,KAAK,EAAC,2DAA2D;IACrE,oBAAC,GAAG,IAAC,IAAI,EAAC,0DAA0D,kBAAkB;IACtF,oBAAC,GAAG,IAAC,IAAI,EAAC,2DAA2D,mBAAmB,CACnF,CACR,EALgC,CAKhC,CAAC;AACF,WAAW,CAAC,SAAS,GAAG,cAAc,CAAC;AACvC,WAAW,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AAErD,MAAM,CAAC,IAAM,QAAQ,GAAU,cAAM,OAAA,oBAAC,OAAO,IAAC,QAAQ,SAAG,EAApB,CAAoB,CAAC;AAC1D,QAAQ,CAAC,SAAS,GAAG,UAAU,CAAC;AAEhC,MAAM,CAAC,IAAM,cAAc,GAAU,cAAM,OAAA,oBAAC,OAAO,IAAC,QAAQ,QAAC,IAAI,EAAC,QAAQ,GAAG,EAAlC,CAAkC,CAAC;AAC9E,cAAc,CAAC,SAAS,GAAG,wBAAwB,CAAC;AAEpD,MAAM,CAAC,IAAM,aAAa,GAAU,cAAM,OAAA,oBAAC,OAAO,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,GAAG,EAAjC,CAAiC,CAAC;AAC5E,aAAa,CAAC,SAAS,GAAG,uBAAuB,CAAC;AAElD,MAAM,CAAC,IAAM,QAAQ,GAAG,cAAM,OAAA,oBAAC,YAAY,OAAG,EAAhB,CAAgB,CAAC;AAC/C,QAAQ,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AAElD,MAAM,CAAC,IAAM,sBAAsB,GAAG;IAGpC,IAAM,EAAE,GAAG,SAAS,EAAE,CAAC,KAAY;QACjC,OAAO,yCAAU,KAAK,EAAI,CAAC;IAC7B,CAAC,CAAC;IACF,IAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAqB,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG;QAClF,OAAO,yCAAU,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACvC,CAAC,CAAC,CAAC;IACH;QAA6B,kCAAsB;QAAnD;;YACE,YAAM,GAAG,cAAM,OAAA,yCAAU,KAAI,CAAC,KAAK,EAAI,EAAxB,CAAwB,CAAC;;QAC1C,CAAC;QAAD,qBAAC;IAAD,CAAC,AAFD,CAA6B,KAAK,CAAC,SAAS,GAE3C;IACD;QAAyC,8CAAsB;QAA/D;;YACE,aAAO,GAAG,KAAK,CAAC,SAAS,EAAe,CAAC;YACzC,iBAAW,GAAG,cAAM,OAAA,KAAI,CAAC,OAAO,CAAC,OAAO,EAApB,CAAoB,CAAC;YACzC,YAAM,GAAG,cAAM,OAAA,yCAAU,KAAI,CAAC,KAAK,IAAE,GAAG,EAAE,KAAI,CAAC,OAAO,IAAI,EAA3C,CAA2C,CAAC;;QAC7D,CAAC;QAAD,iCAAC;IAAD,CAAC,AAJD,CAAyC,KAAK,CAAC,SAAS,GAIvD;IAED,OAAO,CACL;QACE,uDAA6B;QAC7B,oBAAC,uBAAuB,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1C,uEAA6C;QAC7C,oBAAC,uBAAuB,IAAC,SAAS,EAAE,gBAAgB,GAAI;QACxD,kDAAwB;QACxB,oBAAC,uBAAuB,IAAC,SAAS,EAAE,cAAc,GAAI;QACtD,mEAAyC;QACzC,oBAAC,uBAAuB,IAAC,SAAS,EAAE,0BAA0B,GAAI,CAC9D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,2BAA2B,GAAG,cAAM,OAAA,oBAAC,QAAQ,OAAG,EAAZ,CAAY,CAAC;AAC9D,2BAA2B,CAAC,SAAS,GAAG,iCAAiC,CAAC;AAC1E,2BAA2B,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AAErE,MAAM,CAAC,IAAM,eAAe,GAAU,cAAM,OAAA,oBAAC,WAAW,OAAG,EAAf,CAAe,CAAC;AAC5D,eAAe,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAEhD,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,oBAAC,WAAW,OAAG,EAAf,CAAe,CAAC;AACtD,gBAAgB,CAAC,SAAS,GAAG,eAAe,CAAC;AAC7C,gBAAgB,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AAE1D,MAAM,CAAC,IAAM,UAAU,GAAG,cAAM,OAAA,oBAAC,SAAS,OAAG,EAAb,CAAa,CAAC;AAC9C,UAAU,CAAC,SAAS,GAAG,aAAa,CAAC;AACrC,UAAU,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AAEpD,MAAM,CAAC,IAAM,aAAa,GAAU;IAC5B,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,EAApD,SAAS,QAAA,EAAE,YAAY,QAA6B,CAAC;IAE5D,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,QAAC,aAAa,EAAE,UAAC,GAAG,IAAK,OAAA,YAAY,CAAC,GAAG,CAAC,EAAjB,CAAiB;QACxE,oBAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,SAAS;YACpB,oBAAC,GAAG,IAAC,IAAI,EAAE,MAAM,GAAI,CACZ;QACX,oBAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,SAAS;YACpB,oBAAC,GAAG,IAAC,IAAI,EAAE,OAAO,GAAI,CACb;QACX,oBAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,SAAS;YACpB,oBAAC,GAAG,IAAC,IAAI,EAAE,MAAM,GAAI,CACZ;QACX,oBAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,SAAS;YACpB,oBAAC,GAAG,IAAC,IAAI,EAAE,OAAO,GAAI,CACb;QACX,oBAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,SAAS;YACpB,oBAAC,GAAG,IAAC,IAAI,EAAE,MAAM,GAAI,CACZ;QACX,oBAAC,IAAI,CAAC,GAAG,IAAC,EAAE,EAAC,SAAS;YACpB,oBAAC,GAAG,IAAC,IAAI,EAAE,OAAO,GAAI,CACb,CACN,CACR,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,SAAS,GAAG,kBAAkB,CAAC;AAE7C,aAAa,CAAC,UAAU,GAAG;IACzB,OAAO,EAAE;QACP,KAAK,EAAE,GAAG;KACX;CACF,CAAC","sourcesContent":["// TODO: Rewrite stories and enable rule (in process of functional refactoring).\n/* eslint-disable react/no-unstable-nested-components */\nimport React, { useState } from 'react';\nimport { linkTo } from '@storybook/addon-links';\n\nimport type { Story } from '../../../typings/stories.js';\nimport { ComponentTable } from '../../../internal/ComponentTable.js';\nimport { Tabs } from '../Tabs.js';\nimport type { TabProps } from '../Tab.js';\nimport { Modal } from '../../Modal/index.js';\nimport { Button } from '../../Button/index.js';\nimport type { TabsProps } from '../index.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nconst { Tab } = Tabs;\n\nconst Img: React.FC<{ size: string }> = ({ size }) => (\n  <img\n    src={`data:image/svg+xml;base64,${btoa(\n      `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${size}\" height=\"${size}\"><rect fill=\"grey\" width=\"100%\" height=\"100%\" /></svg>`,\n    )}`}\n    alt=\"test\"\n  />\n);\n\nenum Mountain {\n  fuji = 'Fuji',\n  tahat = 'Tahat',\n  alps = 'Alps',\n}\n\ninterface UncTabsProps {\n  vertical?: boolean;\n  size?: SizeProp;\n}\ninterface UncTabsState {\n  value: Mountain;\n}\nclass UncTabs extends React.Component<UncTabsProps> {\n  public state: UncTabsState = {\n    value: Mountain.fuji,\n  };\n\n  public render() {\n    return (\n      <Tabs<Mountain>\n        value={this.state.value}\n        onValueChange={(v) => this.setState({ value: v })}\n        vertical={this.props.vertical}\n        size={this.props.size}\n      >\n        <Tab id={Mountain.fuji}>{Mountain.fuji}</Tab>\n        <Tab id={Mountain.tahat}>{Mountain.tahat}</Tab>\n        <Tab id={Mountain.alps}>{Mountain.alps}</Tab>\n      </Tabs>\n    );\n  }\n}\n\nconst RouteTab = (props: { to: string; children: React.ReactNode }) => (\n  <Tab id={props.to} onClick={linkTo('Tabs', props.to)}>\n    {props.children}\n  </Tab>\n);\n\ninterface RouterTabsProps {\n  value: string;\n}\nclass RouterTabs extends React.Component<RouterTabsProps> {\n  public render() {\n    return (\n      <div>\n        <h2>Router Tabs</h2>\n        <Tabs value={this.props.value}>\n          <RouteTab to=\"first\">First Page</RouteTab>\n          <RouteTab to=\"another\">Another</RouteTab>\n        </Tabs>\n      </div>\n    );\n  }\n}\n\nconst MyLink = React.forwardRef<any, any>(function MyLink(props: any, ref) {\n  return (\n    <a ref={ref} {...props}>\n      {props.children}\n    </a>\n  );\n});\n\ninterface TabsWithLinkState {\n  value: string;\n}\nclass TabsWithLink extends React.Component<Partial<TabsProps>> {\n  public state: TabsWithLinkState = {\n    value: 'fuji',\n  };\n\n  public render() {\n    return (\n      <Tabs\n        value={this.state.value}\n        onValueChange={(v) =>\n          this.setState({\n            value: v,\n          })\n        }\n        vertical={this.props.vertical}\n      >\n        <Tab\n          id=\"fuji\"\n          component={React.forwardRef<any, any>(function Component(props: any, ref) {\n            return <MyLink ref={ref} {...props} to=\"/1\" />;\n          })}\n        >\n          <span role=\"img\" aria-label=\"fuji\">\n            🌋&nbsp;&nbsp;Fuji\n          </span>\n        </Tab>\n        <Tab\n          id=\"tahat\"\n          component={React.forwardRef<any, any>(function Component(props: any, ref) {\n            return <MyLink ref={ref} {...props} to=\"/2\" />;\n          })}\n        >\n          <span role=\"img\" aria-label=\"tahat\">\n            ⛰&nbsp;&nbsp;Tahat\n          </span>\n        </Tab>\n        <Tab\n          id=\"alps\"\n          component={React.forwardRef<any, any>(function Component(props: any, ref) {\n            return <MyLink ref={ref} {...props} to=\"/3\" />;\n          })}\n        >\n          <span role=\"img\" aria-label=\"alps\">\n            🗻&nbsp;&nbsp;Alps\n          </span>\n        </Tab>\n      </Tabs>\n    );\n  }\n}\n\nconst TabsWithCustomComponent = ({ component }: { component: React.ComponentType }) => {\n  const [active, setActive] = useState('fuji');\n  return (\n    <Tabs value={active} onValueChange={setActive}>\n      <Tab id=\"fuji\" component={component}>\n        <span aria-label=\"fuji\">Fuji</span>\n      </Tab>\n      <Tab id=\"tahat\" component={component}>\n        <span aria-label=\"tahat\">Tahat</span>\n      </Tab>\n      <Tab id=\"alps\" component={component}>\n        <span aria-label=\"alps\">Alps</span>\n      </Tab>\n    </Tabs>\n  );\n};\n\ninterface UnexpectedUpdatedTabProps {\n  id: string;\n}\n\nclass UnexpectedUpdatedTab extends React.Component<React.PropsWithChildren<UnexpectedUpdatedTabProps>> {\n  public state = {\n    updated: false,\n  };\n\n  public render() {\n    return (\n      <Tab {...this.props}>\n        {this.state.updated ? ':P' : <button onClick={() => this.setState({ updated: true })}>Update me</button>}\n      </Tab>\n    );\n  }\n}\n\ninterface OhMyTabsState {\n  value: string;\n}\nclass OhMyTabs extends React.Component<Partial<TabsProps>, OhMyTabsState> {\n  public state = {\n    value: 'fuji',\n  };\n\n  public render() {\n    return (\n      <Tabs value={this.state.value} onValueChange={(v) => this.setState({ value: v })} vertical={this.props.vertical}>\n        <UnexpectedUpdatedTab id=\"fuji\">\n          <span role=\"img\" aria-label=\"fuji\">\n            🌋&nbsp;&nbsp;Fuji\n          </span>\n        </UnexpectedUpdatedTab>\n        <UnexpectedUpdatedTab id=\"tahat\">\n          <span role=\"img\" aria-label=\"tahat\">\n            ⛰&nbsp;&nbsp;Tahat\n          </span>\n        </UnexpectedUpdatedTab>\n        <UnexpectedUpdatedTab id=\"alps\">\n          <span role=\"img\" aria-label=\"alps\">\n            🗻&nbsp;&nbsp;Alps\n          </span>\n        </UnexpectedUpdatedTab>\n      </Tabs>\n    );\n  }\n}\n\ninterface DisabledTabState {\n  value: string;\n}\nclass DisabledTab extends React.Component {\n  public state: DisabledTabState = {\n    value: 'first',\n  };\n\n  public render() {\n    return (\n      <Tabs value={this.state.value} onValueChange={(v) => this.setState({ value: v })}>\n        <Tab id=\"first\">First</Tab>\n        <Tab id=\"second\" disabled>\n          Second (disabled)\n        </Tab>\n        <Tab id=\"third\" disabled>\n          Third (disabled)\n        </Tab>\n        <Tab id=\"fourth\">Fourth</Tab>\n      </Tabs>\n    );\n  }\n}\n\ninterface TabsInModalState {\n  opened: boolean;\n  value: string;\n  success: boolean;\n  error: boolean;\n  warning: boolean;\n  primary: boolean;\n}\nclass TabsInModal extends React.Component {\n  public state: TabsInModalState = {\n    value: '1',\n    opened: false,\n    error: true,\n    warning: true,\n    success: true,\n    primary: true,\n  };\n\n  public render() {\n    return (\n      <div>\n        {this.state.opened && this.renderModal()}\n        <Button onClick={this.open}>Open modal</Button>\n      </div>\n    );\n  }\n\n  private renderModal() {\n    const TabElement = function GetTabElement(props: { style?: React.CSSProperties; children: React.ReactNode }) {\n      return <div style={{ marginLeft: 10, fontSize: 14, ...props.style }}>{props.children}</div>;\n    };\n\n    return (\n      <Modal onClose={this.close} width={600}>\n        <Modal.Header>Title</Modal.Header>\n        <Modal.Body>\n          <div style={{ marginLeft: -30 }}>\n            <Tabs vertical value={this.state.value} onValueChange={(v) => this.setState({ value: v })}>\n              <Tab id=\"1\">\n                <TabElement>Normal</TabElement>\n              </Tab>\n              <Tab id=\"2\" success>\n                <TabElement>Success</TabElement>\n              </Tab>\n              <Tab id=\"3\" success={this.state.success} onClick={this.toggleSuccess}>\n                <TabElement>Success-dynamic</TabElement>\n              </Tab>\n              <Tab id=\"4\" warning>\n                <TabElement>Warning</TabElement>\n              </Tab>\n              <Tab id=\"5\" warning={this.state.warning} onClick={this.toggleWarning}>\n                <TabElement>Warning-dynamic</TabElement>\n              </Tab>\n              <Tab id=\"6\" error>\n                <TabElement style={{ color: '#e14c30' }}>Error</TabElement>\n              </Tab>\n              <Tab id=\"7\" error={this.state.error} warning onClick={this.toggleError}>\n                <TabElement style={{ color: '#e14c30' }}>Error-dynamic over warning</TabElement>\n              </Tab>\n              <Tab id=\"8\" primary>\n                <TabElement style={{ color: '#1e8dd4' }}>Primary</TabElement>\n              </Tab>\n              <Tab id=\"9\" primary={this.state.primary} onClick={this.togglePrimary}>\n                <TabElement style={{ color: '#1e8dd4' }}>Primary-dynamic</TabElement>\n              </Tab>\n              <Tab id=\"10\" disabled>\n                <TabElement>Disabled</TabElement>\n              </Tab>\n            </Tabs>\n          </div>\n        </Modal.Body>\n        <Modal.Footer panel>\n          <Button onClick={this.close}>Close</Button>\n        </Modal.Footer>\n      </Modal>\n    );\n  }\n\n  private open = () => {\n    this.setState({ opened: true });\n  };\n\n  private close = () => {\n    this.setState({ opened: false });\n  };\n\n  private toggleError = () => {\n    this.setState({ error: !this.state.error });\n  };\n\n  private toggleWarning = () => {\n    this.setState({ warning: !this.state.warning });\n  };\n\n  private toggleSuccess = () => {\n    this.setState({ success: !this.state.success });\n  };\n\n  private togglePrimary = () => {\n    this.setState({ primary: !this.state.primary });\n  };\n}\n\ntype TabsTableProps = TabProps & { vertical?: boolean };\nclass TabsTable extends React.Component {\n  public static TestTab = class TestTab extends React.Component<TabsTableProps> {\n    public render() {\n      const { vertical, ...tabProps } = this.props;\n      return (\n        <Tabs vertical={vertical} value=\"\">\n          <Tab {...tabProps}>Tab</Tab>\n        </Tabs>\n      );\n    }\n  };\n\n  public render() {\n    const rows = [{}, { primary: true }, { error: true }, { warning: true }];\n    const cols = [{}, { vertical: true }, { disabled: true }, { vertical: true, disabled: true }];\n    return (\n      <div>\n        <ComponentTable\n          Component={TabsTable.TestTab}\n          rows={rows.map((x) => ({ props: x }))}\n          cols={cols.map((x) => ({ props: x }))}\n        />\n      </div>\n    );\n  }\n}\n\nexport default {\n  title: 'Tabs',\n  component: Tabs,\n};\n\nexport const Simple: Story = () => <UncTabs size=\"large\" />;\nSimple.storyName = 'simple';\n\nexport const SimpleMedium: Story = () => <UncTabs size=\"medium\" />;\nSimpleMedium.storyName = 'simple (size=medium)';\n\nexport const SimpleSmall: Story = () => <UncTabs size=\"small\" />;\nSimpleSmall.storyName = 'simple (size=small)';\n\nexport const First = () => <RouterTabs value=\"first\" />;\nFirst.storyName = 'first';\nFirst.parameters = { creevey: { skip: true } };\n\nexport const Another = () => <RouterTabs value=\"another\" />;\nAnother.storyName = 'another';\nAnother.parameters = { creevey: { skip: true } };\n\nexport const HrefsFirst = () => (\n  <Tabs value=\"/iframe.html?selectedKind=Tabs&selectedStory=hrefs first\">\n    <Tab href=\"/iframe.html?selectedKind=Tabs&selectedStory=hrefs first\">Hrefs first</Tab>\n    <Tab href=\"/iframe.html?selectedKind=Tabs&selectedStory=hrefs second\">Hrefs second</Tab>\n  </Tabs>\n);\nHrefsFirst.storyName = 'hrefs first';\nHrefsFirst.parameters = { creevey: { skip: true } };\n\nexport const HrefsSecond = () => (\n  <Tabs value=\"/iframe.html?selectedKind=Tabs&selectedStory=hrefs second\">\n    <Tab href=\"/iframe.html?selectedKind=Tabs&selectedStory=hrefs first\">Hrefs first</Tab>\n    <Tab href=\"/iframe.html?selectedKind=Tabs&selectedStory=hrefs second\">Hrefs second</Tab>\n  </Tabs>\n);\nHrefsSecond.storyName = 'hrefs second';\nHrefsSecond.parameters = { creevey: { skip: true } };\n\nexport const Vertical: Story = () => <UncTabs vertical />;\nVertical.storyName = 'vertical';\n\nexport const VerticalMedium: Story = () => <UncTabs vertical size=\"medium\" />;\nVerticalMedium.storyName = 'vertical (size=medium)';\n\nexport const VerticalSmall: Story = () => <UncTabs vertical size=\"small\" />;\nVerticalSmall.storyName = 'vertical (size=small)';\n\nexport const WithLink = () => <TabsWithLink />;\nWithLink.parameters = { creevey: { skip: true } };\n\nexport const WithCustomTabComponent = () => {\n  type Props = React.PropsWithChildren<unknown>;\n\n  const FC = function FC(props: Props) {\n    return <span {...props} />;\n  };\n  const FCWithForwardRef = React.forwardRef<HTMLElement, Props>(function FC(props, ref) {\n    return <span {...props} ref={ref} />;\n  });\n  class ClassComponent extends React.Component<Props> {\n    render = () => <span {...this.props} />;\n  }\n  class ClassComponentWithRootNode extends React.Component<Props> {\n    rootRef = React.createRef<HTMLElement>();\n    getRootNode = () => this.rootRef.current;\n    render = () => <span {...this.props} ref={this.rootRef} />;\n  }\n\n  return (\n    <div>\n      <h3>Functional Component</h3>\n      <TabsWithCustomComponent component={FC} />\n      <h3>Functional Component with forwardRef</h3>\n      <TabsWithCustomComponent component={FCWithForwardRef} />\n      <h3>Class Component</h3>\n      <TabsWithCustomComponent component={ClassComponent} />\n      <h3>Calss Component with getRootNode</h3>\n      <TabsWithCustomComponent component={ClassComponentWithRootNode} />\n    </div>\n  );\n};\n\nexport const WithUnexpectedTabSizeChange = () => <OhMyTabs />;\nWithUnexpectedTabSizeChange.storyName = 'with unexpected tab size change';\nWithUnexpectedTabSizeChange.parameters = { creevey: { skip: true } };\n\nexport const WithDisabledTab: Story = () => <DisabledTab />;\nWithDisabledTab.storyName = 'with disabled tab';\n\nexport const TabsInModalStory = () => <TabsInModal />;\nTabsInModalStory.storyName = 'tabs in modal';\nTabsInModalStory.parameters = { creevey: { skip: true } };\n\nexport const HoverTable = () => <TabsTable />;\nHoverTable.storyName = 'hover table';\nHoverTable.parameters = { creevey: { skip: true } };\n\nexport const TabsWithImage: Story = () => {\n  const [activeTab, setActiveTab] = React.useState('search4');\n\n  return (\n    <Tabs value={activeTab} vertical onValueChange={(tab) => setActiveTab(tab)}>\n      <Tabs.Tab id=\"search1\">\n        <Img size={'75px'} />\n      </Tabs.Tab>\n      <Tabs.Tab id=\"search2\">\n        <Img size={'105px'} />\n      </Tabs.Tab>\n      <Tabs.Tab id=\"search3\">\n        <Img size={'25px'} />\n      </Tabs.Tab>\n      <Tabs.Tab id=\"search4\">\n        <Img size={'150px'} />\n      </Tabs.Tab>\n      <Tabs.Tab id=\"search5\">\n        <Img size={'30px'} />\n      </Tabs.Tab>\n      <Tabs.Tab id=\"search6\">\n        <Img size={'100px'} />\n      </Tabs.Tab>\n    </Tabs>\n  );\n};\nTabsWithImage.storyName = 'Tabs with images';\n\nTabsWithImage.parameters = {\n  creevey: {\n    delay: 500,\n  },\n};\n"]}

package/components/Tabs/__tests__/Tab.test.d.ts

@@ -0,0 +1 @@
+export {};