@diplodoc/components 3.0.0-alpha-1

package/build/esm/components/ErrorPage/ErrorPage.css

@@ -0,0 +1,65 @@
+/* src/components/ErrorPage/ErrorPage.scss */
+.ErrorPage {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 70px;
+  padding: 0 50px;
+  text-align: center;
+}
+.ErrorPage__image {
+  width: 230px;
+  height: 230px;
+  margin-bottom: 40px;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.ErrorPage__image_code_403 {
+  background-image: var(--dc-error-image-403);
+}
+.ErrorPage__image_code_404 {
+  background-image: var(--dc-error-image-404);
+}
+.ErrorPage__image_code_500 {
+  background-image: var(--dc-error-image-500);
+}
+.ErrorPage__code {
+  margin-bottom: 10px;
+}
+.ErrorPage__title {
+  font-size: var(--g-text-header-2-font-size);
+  line-height: var(--g-text-header-2-line-height);
+  font-weight: 500;
+  max-width: 800px;
+  margin-bottom: 20px;
+}
+.ErrorPage__description {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  max-width: 600px;
+}
+.ErrorPage__description-link {
+  width: 100%;
+  max-width: 200px;
+}
+.ErrorPage a {
+  outline: none;
+  color: var(--g-color-text-link);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .ErrorPage a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.ErrorPage a:hover,
+.ErrorPage a:active {
+  color: var(--g-color-text-link-hover);
+}
+.mobile .ErrorPage {
+  margin-top: 40px;
+  padding: 0 20px;
+}
+/*# sourceMappingURL=ErrorPage.css.map */

package/build/esm/components/ErrorPage/ErrorPage.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ErrorPage/Users/3y3k0/doctools/docs-components/src/components/ErrorPage/ErrorPage.scss", "../../../../src/components/ErrorPage/%3Cinput%20css%20Vz-K4-%3E", "../../../../src/components/ErrorPage/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.ErrorPage {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-top: 70px;\n    padding: 0 50px;\n    text-align: center;\n\n    &__image {\n        width: 230px;\n        height: 230px;\n        margin-bottom: 40px;\n\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: center center;\n\n        //The images for error page are supposed to be installed via overriding \"background-image\" variable\n        &_code {\n            &_403 {\n                background-image: var(--dc-error-image-403);\n            }\n\n            &_404 {\n                background-image: var(--dc-error-image-404);\n            }\n\n            &_500 {\n                background-image: var(--dc-error-image-500);\n            }\n        }\n    }\n\n    &__code {\n        margin-bottom: 10px;\n    }\n\n    &__title {\n        @include heading3();\n\n        max-width: 800px;\n        margin-bottom: 20px;\n    }\n\n    &__description {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n\n        max-width: 600px;\n\n        &-link {\n            width: 100%;\n            max-width: 200px;\n        }\n    }\n\n    a {\n        @include link();\n    }\n\n    .mobile & {\n        margin-top: 40px;\n        padding: 0 20px;\n    }\n}\n", ".ErrorPage {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-top: 70px;\n  padding: 0 50px;\n  text-align: center;\n}\n.ErrorPage__image {\n  width: 230px;\n  height: 230px;\n  margin-bottom: 40px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center center;\n}\n.ErrorPage__image_code_403 {\n  background-image: var(--dc-error-image-403);\n}\n.ErrorPage__image_code_404 {\n  background-image: var(--dc-error-image-404);\n}\n.ErrorPage__image_code_500 {\n  background-image: var(--dc-error-image-500);\n}\n.ErrorPage__code {\n  margin-bottom: 10px;\n}\n.ErrorPage__title {\n  font-size: var(--g-text-header-2-font-size);\n  line-height: var(--g-text-header-2-line-height);\n  font-weight: 500;\n  max-width: 800px;\n  margin-bottom: 20px;\n}\n.ErrorPage__description {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  max-width: 600px;\n}\n.ErrorPage__description-link {\n  width: 100%;\n  max-width: 200px;\n}\n.ErrorPage a {\n  outline: none;\n  color: var(--g-color-text-link);\n  text-decoration: none;\n  cursor: pointer;\n}\n.utilityfocus .ErrorPage a:focus {\n  outline: 2px solid #ffdb4d;\n}\n.ErrorPage a:hover, .ErrorPage a:active {\n  color: var(--g-color-text-link-hover);\n}\n.mobile .ErrorPage {\n  margin-top: 40px;\n  padding: 0 20px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9FcnJvclBhZ2UiLCJzb3VyY2VzIjpbIkVycm9yUGFnZS5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBOztBQUlJO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUtaO0VBQ0k7O0FBR0o7RUNyQ0E7RUFDQTtFQXdEQTtFRGpCSTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBRUE7O0FBRUE7RUFDSTtFQUNBOztBQUlSO0VDcENBO0VBVUE7RUFDQTtFQUNBOztBQVZBO0VBQ0k7O0FBV0o7RUFFSTs7QUR3Qko7RUFDSTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLkVycm9yUGFnZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogNzBweDtcbiAgICBwYWRkaW5nOiAwIDUwcHg7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICAgJl9faW1hZ2Uge1xuICAgICAgICB3aWR0aDogMjMwcHg7XG4gICAgICAgIGhlaWdodDogMjMwcHg7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDQwcHg7XG5cbiAgICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuXG4gICAgICAgIC8vVGhlIGltYWdlcyBmb3IgZXJyb3IgcGFnZSBhcmUgc3VwcG9zZWQgdG8gYmUgaW5zdGFsbGVkIHZpYSBvdmVycmlkaW5nIFwiYmFja2dyb3VuZC1pbWFnZVwiIHZhcmlhYmxlXG4gICAgICAgICZfY29kZSB7XG4gICAgICAgICAgICAmXzQwMyB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogdmFyKC0tZGMtZXJyb3ItaW1hZ2UtNDAzKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJl80MDQge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHZhcigtLWRjLWVycm9yLWltYWdlLTQwNCk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfNTAwIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiB2YXIoLS1kYy1lcnJvci1pbWFnZS01MDApO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fY29kZSB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gICAgfVxuXG4gICAgJl9fdGl0bGUge1xuICAgICAgICBAaW5jbHVkZSBoZWFkaW5nMygpO1xuXG4gICAgICAgIG1heC13aWR0aDogODAwcHg7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgfVxuXG4gICAgJl9fZGVzY3JpcHRpb24ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBnYXA6IDEwcHg7XG5cbiAgICAgICAgbWF4LXdpZHRoOiA2MDBweDtcblxuICAgICAgICAmLWxpbmsge1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IDIwMHB4O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgYSB7XG4gICAgICAgIEBpbmNsdWRlIGxpbmsoKTtcbiAgICB9XG5cbiAgICAubW9iaWxlICYge1xuICAgICAgICBtYXJnaW4tdG9wOiA0MHB4O1xuICAgICAgICBwYWRkaW5nOiAwIDIwcHg7XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
+  "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,kBAAA;AACA,eAAA;AACA,cAAA;AACA,WAAA,EAAA;AACA,cAAA;ACFJ;ADII,CAAA;AACI,SAAA;AACA,UAAA;AACA,iBAAA;AAEA,mBAAA;AACA,qBAAA;AACA,uBAAA,OAAA;ACHR;ADOY,CAAA;AACI,oBAAA,IAAA;ACLhB;ADQY,CAAA;AACI,oBAAA,IAAA;ACNhB;ADSY,CAAA;AACI,oBAAA,IAAA;ACPhB;ADYI,CAAA;AACI,iBAAA;ACVR;ADaI,CAAA;AErCA,aAAA,IAAA;AACA,eAAA,IAAA;AAwDA,eAAA;AFjBI,aAAA;AACA,iBAAA;ACVR;ADaI,CAAA;AACI,WAAA;AACA,kBAAA;AACA,OAAA;AAEA,aAAA;ACZR;ADcQ,CAAA;AACI,SAAA;AACA,aAAA;ACZZ;ADgBI,CAzDJ,UAyDI;AEpCA,WAAA;AAUA,SAAA,IAAA;AACA,2BAAA;AAAA,mBAAA;AACA,UAAA;ADcJ;ACxBI,CAAA,aAAA,CFvBJ,UEuBI,CAAA;AACI,WAAA,IAAA,MAAA;AD0BR;ACfI,CFnCJ,UEmCI,CAAA;AAAA,CFnCJ,UEmCI,CAAA;AAEI,SAAA,IAAA;ADgBR;ADQI,CAAA,OAAA,CA7DJ;AA8DQ,cAAA;AACA,WAAA,EAAA;ACNR;",
+  "names": []
+}

package/build/esm/components/ErrorPage/ErrorPage.js

@@ -0,0 +1,52 @@
+// src/components/ErrorPage/ErrorPage.tsx
+import React from "react";
+import { Button, Link } from "@gravity-ui/uikit";
+import block from "bem-cn-lite";
+import { ERROR_CODES } from "../../constants";
+import { useTranslation } from "../../hooks";
+import "./ErrorPage.css";
+var b = block("ErrorPage");
+var ErrorPage = ({
+  code = 500,
+  homeUrl,
+  receiveAccessUrl,
+  pageGroup
+}) => {
+  let title;
+  let description;
+  const { t } = useTranslation("error");
+  const href = homeUrl || "/";
+  const homeLink = /* @__PURE__ */ React.createElement(Link, { href }, /* @__PURE__ */ React.createElement(Button, { className: b("description-link") }, t("label_link-main")));
+  switch (code) {
+    case ERROR_CODES.ACCESS_DENIED:
+      title = pageGroup ? t("label_title-403_page-group") : t("label_title-403_project");
+      description = /* @__PURE__ */ React.createElement(React.Fragment, null, homeLink, receiveAccessUrl && /* @__PURE__ */ React.createElement(Link, { href: receiveAccessUrl, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ React.createElement(Button, { view: "action", className: b("description-link") }, t("label_link-access"))));
+      break;
+    case ERROR_CODES.NOT_FOUND:
+      title = t("label_title-404");
+      description = homeLink;
+      break;
+    default:
+      title = t("label_title-500");
+      description = /* @__PURE__ */ React.createElement(React.Fragment, null, t("label_description-1"), /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          className: b("description-link"),
+          onClick: () => window.location.reload()
+        },
+        t("label_description-link")
+      ));
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: b() }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      title: `Error image for ${code} code`,
+      className: b("image", { code: code.toString() })
+    }
+  ), /* @__PURE__ */ React.createElement("h1", { className: b("code") }, t("label_title-code", { code })), /* @__PURE__ */ React.createElement("h2", { className: b("title") }, title), /* @__PURE__ */ React.createElement("p", { className: b("description") }, description));
+};
+var ErrorPage_default = ErrorPage;
+export {
+  ErrorPage_default as default
+};
+//# sourceMappingURL=ErrorPage.js.map

package/build/esm/components/ErrorPage/ErrorPage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ErrorPage/ErrorPage.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {Button, Link} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {ERROR_CODES} from '../../constants';\nimport {useTranslation} from '../../hooks';\n\nimport './ErrorPage.scss';\n\nconst b = block('ErrorPage');\n\nexport interface ErrorPageProps {\n    code?: number;\n    pageGroup?: string;\n    homeUrl?: string;\n    receiveAccessUrl?: string;\n}\n\nconst ErrorPage: React.FC<ErrorPageProps> = ({\n    code = 500,\n    homeUrl,\n    receiveAccessUrl,\n    pageGroup,\n}) => {\n    let title;\n    let description;\n    const {t} = useTranslation('error');\n    const href = homeUrl || '/';\n    const homeLink = (\n        <Link href={href}>\n            <Button className={b('description-link')}>{t<string>('label_link-main')}</Button>\n        </Link>\n    );\n\n    switch (code) {\n        case ERROR_CODES.ACCESS_DENIED:\n            title = pageGroup ? t('label_title-403_page-group') : t('label_title-403_project');\n            description = (\n                <React.Fragment>\n                    {homeLink}\n                    {receiveAccessUrl && (\n                        <Link href={receiveAccessUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                            <Button view=\"action\" className={b('description-link')}>\n                                {t<string>('label_link-access')}\n                            </Button>\n                        </Link>\n                    )}\n                </React.Fragment>\n            );\n            break;\n        case ERROR_CODES.NOT_FOUND:\n            title = t('label_title-404');\n            description = homeLink;\n            break;\n        default:\n            title = t('label_title-500');\n            description = (\n                <React.Fragment>\n                    {t<string>('label_description-1')}\n                    <Button\n                        className={b('description-link')}\n                        onClick={() => window.location.reload()}\n                    >\n                        {t<string>('label_description-link')}\n                    </Button>\n                </React.Fragment>\n            );\n    }\n\n    return (\n        <div className={b()}>\n            <div\n                title={`Error image for ${code} code`}\n                className={b('image', {code: code.toString()})}\n            />\n            <h1 className={b('code')}>{t<string>('label_title-code', {code})}</h1>\n            <h2 className={b('title')}>{title}</h2>\n            <p className={b('description')}>{description}</p>\n        </div>\n    );\n};\n\nexport default ErrorPage;\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAElB,SAAQ,QAAQ,YAAW;AAC3B,OAAO,WAAW;AAElB,SAAQ,mBAAkB;AAC1B,SAAQ,sBAAqB;AAE7B,OAAO;AAEP,IAAM,IAAI,MAAM,WAAW;AAS3B,IAAM,YAAsC,CAAC;AAAA,EACzC,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,MAAI;AACJ,MAAI;AACJ,QAAM,EAAC,EAAC,IAAI,eAAe,OAAO;AAClC,QAAM,OAAO,WAAW;AACxB,QAAM,WACF,oCAAC,QAAK,QACF,oCAAC,UAAO,WAAW,EAAE,kBAAkB,KAAI,EAAU,iBAAiB,CAAE,CAC5E;AAGJ,UAAQ,MAAM;AAAA,IACV,KAAK,YAAY;AACb,cAAQ,YAAY,EAAE,4BAA4B,IAAI,EAAE,yBAAyB;AACjF,oBACI,oCAAC,MAAM,UAAN,MACI,UACA,oBACG,oCAAC,QAAK,MAAM,kBAAkB,QAAO,UAAS,KAAI,yBAC9C,oCAAC,UAAO,MAAK,UAAS,WAAW,EAAE,kBAAkB,KAChD,EAAU,mBAAmB,CAClC,CACJ,CAER;AAEJ;AAAA,IACJ,KAAK,YAAY;AACb,cAAQ,EAAE,iBAAiB;AAC3B,oBAAc;AACd;AAAA,IACJ;AACI,cAAQ,EAAE,iBAAiB;AAC3B,oBACI,oCAAC,MAAM,UAAN,MACI,EAAU,qBAAqB,GAChC;AAAA,QAAC;AAAA;AAAA,UACG,WAAW,EAAE,kBAAkB;AAAA,UAC/B,SAAS,MAAM,OAAO,SAAS,OAAO;AAAA;AAAA,QAErC,EAAU,wBAAwB;AAAA,MACvC,CACJ;AAAA,EAEZ;AAEA,SACI,oCAAC,SAAI,WAAW,EAAE,KACd;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,mBAAmB,IAAI;AAAA,MAC9B,WAAW,EAAE,SAAS,EAAC,MAAM,KAAK,SAAS,EAAC,CAAC;AAAA;AAAA,EACjD,GACA,oCAAC,QAAG,WAAW,EAAE,MAAM,KAAI,EAAU,oBAAoB,EAAC,KAAI,CAAC,CAAE,GACjE,oCAAC,QAAG,WAAW,EAAE,OAAO,KAAI,KAAM,GAClC,oCAAC,OAAE,WAAW,EAAE,aAAa,KAAI,WAAY,CACjD;AAER;AAEA,IAAO,oBAAQ;",
+  "names": []
+}

package/build/esm/components/ErrorPage/index.js

@@ -0,0 +1,7 @@
+// src/components/ErrorPage/index.ts
+import { default as default2 } from "./ErrorPage";
+export * from "./ErrorPage";
+export {
+  default2 as ErrorPage
+};
+//# sourceMappingURL=index.js.map

package/build/esm/components/ErrorPage/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ErrorPage/index.ts"],
+  "sourcesContent": ["export {default as ErrorPage} from './ErrorPage';\nexport * from './ErrorPage';\n"],
+  "mappings": ";AAAA,SAAmB,WAAXA,gBAA2B;AACnC,cAAc;",
+  "names": ["default"]
+}

package/build/esm/components/Feedback/Feedback.css

@@ -0,0 +1,109 @@
+/* src/components/Feedback/Feedback.scss */
+.dc-feedback__container_view_wide {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
+}
+.dc-feedback__container-row {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  padding: 28px;
+  border: 1px solid var(--g-color-line-generic);
+  border-radius: 8px;
+}
+.dc-feedback__container-row_view_wide {
+  display: flex;
+  align-items: center;
+}
+.dc-feedback__success-popup {
+  padding: 16px 50px 16px 16px;
+  width: 320px;
+}
+@media screen and (max-width: 375px) {
+  .dc-feedback__success-popup_view_wide {
+    right: 0 !important;
+    left: 0 !important;
+  }
+  .dc-feedback__success-popup_view_wide {
+    margin: auto;
+  }
+}
+.dc-feedback__variants-popup {
+  padding: 16px;
+  width: 320px;
+}
+@media screen and (max-width: 375px) {
+  .dc-feedback__variants-popup_view_wide {
+    right: 0 !important;
+    left: 0 !important;
+  }
+  .dc-feedback__variants-popup_view_wide {
+    margin: auto;
+  }
+}
+.dc-feedback__popup-title {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  padding-bottom: 8px;
+}
+.dc-feedback__popup-text {
+  font-size: var(--g-text-body-short-font-size);
+  line-height: var(--g-text-body-short-line-height);
+}
+.dc-feedback__variants {
+  display: flex;
+  flex-direction: column;
+  padding: 8px 0;
+}
+.dc-feedback__variant {
+  margin-bottom: 8px;
+  white-space: normal;
+}
+.dc-feedback__variant:last-child {
+  margin-bottom: 0;
+}
+.dc-feedback__variants-actions {
+  padding-top: 8px;
+  display: flex;
+  justify-content: flex-end;
+}
+.dc-feedback__variants-action {
+  margin-left: 10px;
+}
+.dc-feedback__textarea {
+  padding: 8px 0;
+}
+.dc-feedback__title_view_wide {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  margin-right: 16px;
+  font-weight: 400;
+}
+.dc-feedback__controls {
+  display: flex;
+  gap: 10px;
+}
+.dc-feedback__controls_view_wide {
+  display: flex;
+}
+.dc-feedback__control:last-child {
+  font-size: 13px;
+  line-height: 18px;
+  display: flex;
+  align-items: center;
+}
+.dc-feedback__control_view_wide {
+  margin-right: 12px;
+}
+.dc-feedback__control_view_wide:last-child {
+  margin-right: 0;
+}
+.dc-feedback__control_view_regular {
+  margin-right: 4px;
+}
+.dc-feedback__control_view_regular:last-child {
+  margin-right: 0;
+}
+/*# sourceMappingURL=Feedback.css.map */

package/build/esm/components/Feedback/Feedback.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Feedback/Users/3y3k0/doctools/docs-components/src/components/Feedback/Feedback.scss", "../../../../src/components/Feedback/%3Cinput%20css%20WDNjQs%3E", "../../../../src/components/Feedback/Users/3y3k0/doctools/docs-components/src/styles/variables.scss"],
+  "sourcesContent": ["@import '../../styles/mixins';\n@import '../../styles/variables';\n\n$popupWidth: 320px;\n\n@mixin tooltip-in-center {\n    @media screen and (max-width: map-get($screenBreakpoints, 'xs')) {\n        & {\n            // stylelint-disable declaration-no-important\n            right: 0 !important;\n            left: 0 !important;\n            margin: auto;\n        }\n    }\n}\n\n.dc-feedback {\n    &__container {\n        &_view_wide {\n            display: flex;\n            align-items: center;\n            flex-direction: column;\n            width: 100%;\n        }\n    }\n\n    &__container-row {\n        display: flex;\n        justify-content: center;\n        width: 100%;\n        padding: 28px;\n\n        border: 1px solid var(--g-color-line-generic);\n        border-radius: 8px;\n\n        &_view_wide {\n            display: flex;\n            align-items: center;\n        }\n    }\n\n    &__success-popup {\n        padding: $popupPadding 50px $popupPadding $popupPadding;\n        width: $popupWidth;\n\n        &_view_wide {\n            @include tooltip-in-center();\n        }\n    }\n\n    &__variants-popup {\n        padding: $popupPadding;\n        width: $popupWidth;\n\n        &_view_wide {\n            @include tooltip-in-center();\n        }\n    }\n\n    &__popup-title {\n        font-size: var(--g-text-body-2-font-size);\n        line-height: var(--g-text-body-2-line-height);\n        padding-bottom: 8px;\n    }\n\n    &__popup-text {\n        font-size: var(--g-text-body-short-font-size);\n        line-height: var(--g-text-body-short-line-height);\n    }\n\n    &__variants {\n        display: flex;\n        flex-direction: column;\n        padding: 8px 0;\n    }\n\n    &__variant {\n        margin-bottom: 8px;\n        white-space: normal;\n    }\n\n    &__variant:last-child {\n        margin-bottom: 0;\n    }\n\n    &__variants-actions {\n        padding-top: 8px;\n        display: flex;\n        justify-content: flex-end;\n    }\n\n    &__variants-action {\n        margin-left: 10px;\n    }\n\n    &__textarea {\n        padding: 8px 0;\n    }\n\n    &__title {\n        &_view_wide {\n            font-size: var(--g-text-body-2-font-size);\n            line-height: var(--g-text-body-2-line-height);\n            margin-right: 16px;\n            font-weight: 400;\n        }\n    }\n\n    &__controls {\n        display: flex;\n        gap: 10px;\n\n        &_view_wide {\n            display: flex;\n        }\n    }\n\n    &__control {\n        &:last-child {\n            font-size: 13px;\n            line-height: 18px;\n            display: flex;\n            align-items: center;\n        }\n\n        &_view_wide {\n            margin-right: 12px;\n\n            &:last-child {\n                margin-right: 0;\n            }\n        }\n\n        &_view_regular {\n            margin-right: 4px;\n\n            &:last-child {\n                margin-right: 0;\n            }\n        }\n    }\n}\n", ".dc-feedback__container_view_wide {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n}\n.dc-feedback__container-row {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  padding: 28px;\n  border: 1px solid var(--g-color-line-generic);\n  border-radius: 8px;\n}\n.dc-feedback__container-row_view_wide {\n  display: flex;\n  align-items: center;\n}\n.dc-feedback__success-popup {\n  padding: 16px 50px 16px 16px;\n  width: 320px;\n}\n@media screen and (max-width: 375px) {\n  .dc-feedback__success-popup_view_wide {\n    right: 0 !important;\n    left: 0 !important;\n    margin: auto;\n  }\n}\n.dc-feedback__variants-popup {\n  padding: 16px;\n  width: 320px;\n}\n@media screen and (max-width: 375px) {\n  .dc-feedback__variants-popup_view_wide {\n    right: 0 !important;\n    left: 0 !important;\n    margin: auto;\n  }\n}\n.dc-feedback__popup-title {\n  font-size: var(--g-text-body-2-font-size);\n  line-height: var(--g-text-body-2-line-height);\n  padding-bottom: 8px;\n}\n.dc-feedback__popup-text {\n  font-size: var(--g-text-body-short-font-size);\n  line-height: var(--g-text-body-short-line-height);\n}\n.dc-feedback__variants {\n  display: flex;\n  flex-direction: column;\n  padding: 8px 0;\n}\n.dc-feedback__variant {\n  margin-bottom: 8px;\n  white-space: normal;\n}\n.dc-feedback__variant:last-child {\n  margin-bottom: 0;\n}\n.dc-feedback__variants-actions {\n  padding-top: 8px;\n  display: flex;\n  justify-content: flex-end;\n}\n.dc-feedback__variants-action {\n  margin-left: 10px;\n}\n.dc-feedback__textarea {\n  padding: 8px 0;\n}\n.dc-feedback__title_view_wide {\n  font-size: var(--g-text-body-2-font-size);\n  line-height: var(--g-text-body-2-line-height);\n  margin-right: 16px;\n  font-weight: 400;\n}\n.dc-feedback__controls {\n  display: flex;\n  gap: 10px;\n}\n.dc-feedback__controls_view_wide {\n  display: flex;\n}\n.dc-feedback__control:last-child {\n  font-size: 13px;\n  line-height: 18px;\n  display: flex;\n  align-items: center;\n}\n.dc-feedback__control_view_wide {\n  margin-right: 12px;\n}\n.dc-feedback__control_view_wide:last-child {\n  margin-right: 0;\n}\n.dc-feedback__control_view_regular {\n  margin-right: 4px;\n}\n.dc-feedback__control_view_regular:last-child {\n  margin-right: 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9GZWVkYmFjayIsInNvdXJjZXMiOlsiRmVlZGJhY2suc2NzcyIsIi4uLy4uL3N0eWxlcy92YXJpYWJsZXMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQlE7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFJUjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFDQTs7QUFFQTtFQUNJO0VBQ0E7O0FBSVI7RUFDSTtFQUNBLE9BeENLOztBQUdUO0VBQ0k7SUFFSTtJQUNBO0lBQ0E7OztBQXVDUjtFQUNJLFNDM0NPO0VENENQLE9BakRLOztBQUdUO0VBQ0k7SUFFSTtJQUNBO0lBQ0E7OztBQWdEUjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUlBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBSVI7RUFDSTtFQUNBOztBQUVBO0VBQ0k7O0FBS0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTs7QUFFQTtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcblxuJHBvcHVwV2lkdGg6IDMyMHB4O1xuXG5AbWl4aW4gdG9vbHRpcC1pbi1jZW50ZXIge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAneHMnKSkge1xuICAgICAgICAmIHtcbiAgICAgICAgICAgIC8vIHN0eWxlbGludC1kaXNhYmxlIGRlY2xhcmF0aW9uLW5vLWltcG9ydGFudFxuICAgICAgICAgICAgcmlnaHQ6IDAgIWltcG9ydGFudDtcbiAgICAgICAgICAgIGxlZnQ6IDAgIWltcG9ydGFudDtcbiAgICAgICAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLmRjLWZlZWRiYWNrIHtcbiAgICAmX19jb250YWluZXIge1xuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2NvbnRhaW5lci1yb3cge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBhZGRpbmc6IDI4cHg7XG5cbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA4cHg7XG5cbiAgICAgICAgJl92aWV3X3dpZGUge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19zdWNjZXNzLXBvcHVwIHtcbiAgICAgICAgcGFkZGluZzogJHBvcHVwUGFkZGluZyA1MHB4ICRwb3B1cFBhZGRpbmcgJHBvcHVwUGFkZGluZztcbiAgICAgICAgd2lkdGg6ICRwb3B1cFdpZHRoO1xuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIHRvb2x0aXAtaW4tY2VudGVyKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX192YXJpYW50cy1wb3B1cCB7XG4gICAgICAgIHBhZGRpbmc6ICRwb3B1cFBhZGRpbmc7XG4gICAgICAgIHdpZHRoOiAkcG9wdXBXaWR0aDtcblxuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBAaW5jbHVkZSB0b29sdGlwLWluLWNlbnRlcigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fcG9wdXAtdGl0bGUge1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTItZm9udC1zaXplKTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogOHB4O1xuICAgIH1cblxuICAgICZfX3BvcHVwLXRleHQge1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LXNob3J0LWZvbnQtc2l6ZSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1zaG9ydC1saW5lLWhlaWdodCk7XG4gICAgfVxuXG4gICAgJl9fdmFyaWFudHMge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBwYWRkaW5nOiA4cHggMDtcbiAgICB9XG5cbiAgICAmX192YXJpYW50IHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgIH1cblxuICAgICZfX3ZhcmlhbnQ6bGFzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuXG4gICAgJl9fdmFyaWFudHMtYWN0aW9ucyB7XG4gICAgICAgIHBhZGRpbmctdG9wOiA4cHg7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgfVxuXG4gICAgJl9fdmFyaWFudHMtYWN0aW9uIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgfVxuXG4gICAgJl9fdGV4dGFyZWEge1xuICAgICAgICBwYWRkaW5nOiA4cHggMDtcbiAgICB9XG5cbiAgICAmX190aXRsZSB7XG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMi1mb250LXNpemUpO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxNnB4O1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2NvbnRyb2xzIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiAxMHB4O1xuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jb250cm9sIHtcbiAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOHB4O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDEycHg7XG5cbiAgICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl92aWV3X3JlZ3VsYXIge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA0cHg7XG5cbiAgICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiLy8gU2l6ZXNcbiRoZWFkZXJIZWlnaHQ6IDBweDtcbiRub3JtYWxPZmZzZXQ6IDIwcHg7XG4kbWluaVRvY09mZnNldDogNTZweDtcbiRibG9ja01hcmdpbkJvdHRvbUxhcmdlOiAyMHB4O1xuJGJsb2NrTWFyZ2luQm90dG9tTWVkaXVtOiAxNXB4O1xuJGhlYWRlck1hcmdpblRvcExhcmdlOiA0MHB4O1xuJGhlYWRlck1hcmdpblRvcE1lZGl1bTogMzJweDtcbiRwb3B1cFBhZGRpbmc6IDE2cHg7XG4kY2VudGVyQmxvY2tNYXhXaWR0aDogNzM2cHg7XG5cbiRzY3JlZW5CcmVha3BvaW50czogKFxuICAgICd4cyc6IDM3NXB4LFxuICAgICdzbSc6IDU3N3B4LFxuICAgICdtZCc6IDc2OXB4LFxuICAgICdsZyc6IDEwODFweCxcbiAgICAneGwnOiAxMTg1cHgsXG4pO1xuIl19 */", "// Sizes\n$headerHeight: 0px;\n$normalOffset: 20px;\n$miniTocOffset: 56px;\n$blockMarginBottomLarge: 20px;\n$blockMarginBottomMedium: 15px;\n$headerMarginTopLarge: 40px;\n$headerMarginTopMedium: 32px;\n$popupPadding: 16px;\n$centerBlockMaxWidth: 736px;\n\n$screenBreakpoints: (\n    'xs': 375px,\n    'sm': 577px,\n    'md': 769px,\n    'lg': 1081px,\n    'xl': 1185px,\n);\n"],
+  "mappings": ";AAkBQ,CAAA;AACI,WAAA;AACA,eAAA;AACA,kBAAA;AACA,SAAA;ACjBZ;ADqBI,CAAA;AACI,WAAA;AACA,mBAAA;AACA,SAAA;AACA,WAAA;AAEA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA;ACpBR;ADsBQ,CAAA;AACI,WAAA;AACA,eAAA;ACpBZ;ADwBI,CAAA;AACI,WAAA,KAAA,KAAA,KAAA;AACA,SAAA;ACtBR;ADfI,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GAAA;AAEI,WAAA;AACA,UAAA;ACiBV;ADpBM,GAAA;AAII,YAAA;ACgBV;AACF;ADsBI,CAAA;AACI,WAAA;AACA,SAAA;ACpBR;AD1BI,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GAAA;AAEI,WAAA;AACA,UAAA;AC4BV;AD/BM,GAAA;AAII,YAAA;AC2BV;AACF;ADoBI,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;AACA,kBAAA;AClBR;ADqBI,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;ACnBR;ADsBI,CAAA;AACI,WAAA;AACA,kBAAA;AACA,WAAA,IAAA;ACpBR;ADuBI,CAAA;AACI,iBAAA;AACA,eAAA;ACrBR;ADwBI,CALA,oBAKA;AACI,iBAAA;ACtBR;ADyBI,CAAA;AACI,eAAA;AACA,WAAA;AACA,mBAAA;ACvBR;AD0BI,CAAA;AACI,eAAA;ACxBR;AD2BI,CAAA;AACI,WAAA,IAAA;ACzBR;AD6BQ,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;AACA,gBAAA;AACA,eAAA;AC3BZ;AD+BI,CAAA;AACI,WAAA;AACA,OAAA;AC7BR;AD+BQ,CAAA;AACI,WAAA;AC7BZ;ADkCQ,CAAA,oBAAA;AACI,aAAA;AACA,eAAA;AACA,WAAA;AACA,eAAA;AChCZ;ADmCQ,CAAA;AACI,gBAAA;ACjCZ;ADmCY,CAHJ,8BAGI;AACI,gBAAA;ACjChB;ADqCQ,CAAA;AACI,gBAAA;ACnCZ;ADqCY,CAHJ,iCAGI;AACI,gBAAA;ACnChB;",
+  "names": []
+}

package/build/esm/components/Feedback/Feedback.js

@@ -0,0 +1,132 @@
+// src/components/Feedback/Feedback.tsx
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import block from "bem-cn-lite";
+import { usePopupState, useTranslation } from "../../hooks";
+import { FeedbackType } from "../../models";
+import DislikeControl from "./controls/DislikeControl";
+import DislikeVariantsPopup from "./controls/DislikeVariantsPopup";
+import LikeControl from "./controls/LikeControl";
+import SuccessPopup from "./controls/SuccessPopup";
+import "./Feedback.css";
+var b = block("dc-feedback");
+var FeedbackView = /* @__PURE__ */ ((FeedbackView2) => {
+  FeedbackView2["Wide"] = "wide";
+  FeedbackView2["Regular"] = "regular";
+  return FeedbackView2;
+})(FeedbackView || {});
+var getInnerState = (isLiked, isDisliked) => {
+  switch (true) {
+    case Boolean(isDisliked):
+      return FeedbackType.dislike;
+    case Boolean(isLiked):
+      return FeedbackType.like;
+    default:
+      return FeedbackType.indeterminate;
+  }
+};
+var ControlsLayout = ({ view, children }) => {
+  const { t } = useTranslation("feedback");
+  if (view === "regular" /* Regular */) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: b("container", { view }) }, /* @__PURE__ */ React.createElement("div", { className: b("container-row", { view }) }, /* @__PURE__ */ React.createElement("h3", { className: b("title", { view }) }, t("main-question")), /* @__PURE__ */ React.createElement("div", { className: b("controls", { view }) }, children)));
+};
+var Feedback = (props) => {
+  const {
+    isLiked = false,
+    isDisliked = false,
+    onSendFeedback,
+    view = "regular" /* Regular */
+  } = props;
+  const likeControlRef = useRef(null);
+  const dislikeControlRef = useRef(null);
+  const [innerState, setInnerState] = useState(getInnerState(isLiked, isDisliked));
+  useEffect(() => {
+    setInnerState(getInnerState(isLiked, isDisliked));
+  }, [isLiked, isDisliked, setInnerState]);
+  const likeSuccessPopup = usePopupState({ autoclose: 3e3 });
+  const dislikeSuccessPopup = usePopupState({ autoclose: 3e3 });
+  const dislikeVariantsPopup = usePopupState();
+  const hideFeedbackPopups = useCallback(() => {
+    likeSuccessPopup.close();
+    dislikeSuccessPopup.close();
+    dislikeVariantsPopup.close();
+  }, [likeSuccessPopup, dislikeSuccessPopup, dislikeVariantsPopup]);
+  const onChangeLike = useCallback(() => {
+    hideFeedbackPopups();
+    if (innerState === FeedbackType.like) {
+      setInnerState(FeedbackType.indeterminate);
+      onSendFeedback({ type: FeedbackType.indeterminate });
+    } else {
+      setInnerState(FeedbackType.like);
+      onSendFeedback({ type: FeedbackType.like });
+      likeSuccessPopup.open();
+    }
+  }, [onSendFeedback, setInnerState, innerState, likeSuccessPopup, hideFeedbackPopups]);
+  const onChangeDislike = useCallback(() => {
+    hideFeedbackPopups();
+    if (innerState === FeedbackType.dislike) {
+      setInnerState(FeedbackType.indeterminate);
+      onSendFeedback({ type: FeedbackType.indeterminate });
+    } else {
+      dislikeVariantsPopup.open();
+    }
+  }, [onSendFeedback, setInnerState, innerState, dislikeVariantsPopup, hideFeedbackPopups]);
+  const onSendDislikeInformation = useCallback(
+    (data) => {
+      hideFeedbackPopups();
+      dislikeSuccessPopup.open();
+      setInnerState(FeedbackType.dislike);
+      onSendFeedback({ type: FeedbackType.dislike, ...data });
+    },
+    [onSendFeedback, setInnerState, dislikeSuccessPopup, hideFeedbackPopups]
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ControlsLayout, { view }, /* @__PURE__ */ React.createElement(
+    LikeControl,
+    {
+      ref: likeControlRef,
+      view,
+      onClick: onChangeLike,
+      isLiked: innerState === FeedbackType.like
+    }
+  ), /* @__PURE__ */ React.createElement(
+    DislikeControl,
+    {
+      ref: dislikeControlRef,
+      view,
+      onClick: onChangeDislike,
+      isDisliked: innerState === FeedbackType.dislike
+    }
+  )), likeControlRef.current && /* @__PURE__ */ React.createElement(
+    SuccessPopup,
+    {
+      visible: likeSuccessPopup.visible,
+      anchor: likeControlRef,
+      view,
+      onOutsideClick: hideFeedbackPopups
+    }
+  ), dislikeControlRef.current && /* @__PURE__ */ React.createElement(
+    SuccessPopup,
+    {
+      visible: dislikeSuccessPopup.visible,
+      anchor: dislikeControlRef,
+      view,
+      onOutsideClick: hideFeedbackPopups
+    }
+  ), dislikeControlRef.current && /* @__PURE__ */ React.createElement(
+    DislikeVariantsPopup,
+    {
+      visible: dislikeVariantsPopup.visible,
+      anchor: dislikeControlRef,
+      view,
+      onSubmit: onSendDislikeInformation,
+      onOutsideClick: hideFeedbackPopups
+    }
+  ));
+};
+var Feedback_default = Feedback;
+export {
+  FeedbackView,
+  Feedback_default as default
+};
+//# sourceMappingURL=Feedback.js.map

package/build/esm/components/Feedback/Feedback.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Feedback/Feedback.tsx"],
+  "sourcesContent": ["import React, {PropsWithChildren, useCallback, useEffect, useRef, useState} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {usePopupState, useTranslation} from '../../hooks';\nimport {FeedbackSendData, FeedbackType} from '../../models';\n\nimport DislikeControl from './controls/DislikeControl';\nimport DislikeVariantsPopup, {FormData} from './controls/DislikeVariantsPopup';\nimport LikeControl from './controls/LikeControl';\nimport SuccessPopup from './controls/SuccessPopup';\n\nimport './Feedback.scss';\n\nconst b = block('dc-feedback');\n\nexport enum FeedbackView {\n    Wide = 'wide',\n    Regular = 'regular',\n}\n\nexport interface FeedbackProps {\n    isLiked?: boolean;\n    isDisliked?: boolean;\n    onSendFeedback: (data: FeedbackSendData) => void;\n    view?: FeedbackView;\n}\n\nconst getInnerState = (isLiked: boolean, isDisliked: boolean) => {\n    switch (true) {\n        case Boolean(isDisliked):\n            return FeedbackType.dislike;\n        case Boolean(isLiked):\n            return FeedbackType.like;\n        default:\n            return FeedbackType.indeterminate;\n    }\n};\n\nconst ControlsLayout: React.FC<PropsWithChildren<{view: FeedbackView}>> = ({view, children}) => {\n    const {t} = useTranslation('feedback');\n\n    if (view === FeedbackView.Regular) {\n        return <React.Fragment>{children}</React.Fragment>;\n    }\n\n    return (\n        <div className={b('container', {view})}>\n            <div className={b('container-row', {view})}>\n                <h3 className={b('title', {view})}>{t<string>('main-question')}</h3>\n                <div className={b('controls', {view})}>{children}</div>\n            </div>\n        </div>\n    );\n};\n\nconst Feedback: React.FC<FeedbackProps> = (props) => {\n    const {\n        isLiked = false,\n        isDisliked = false,\n        onSendFeedback,\n        view = FeedbackView.Regular,\n    } = props;\n\n    const likeControlRef = useRef<HTMLButtonElement | null>(null);\n    const dislikeControlRef = useRef<HTMLButtonElement | null>(null);\n\n    const [innerState, setInnerState] = useState<FeedbackType>(getInnerState(isLiked, isDisliked));\n    useEffect(() => {\n        setInnerState(getInnerState(isLiked, isDisliked));\n    }, [isLiked, isDisliked, setInnerState]);\n\n    const likeSuccessPopup = usePopupState({autoclose: 3000});\n    const dislikeSuccessPopup = usePopupState({autoclose: 3000});\n    const dislikeVariantsPopup = usePopupState();\n\n    const hideFeedbackPopups = useCallback(() => {\n        likeSuccessPopup.close();\n        dislikeSuccessPopup.close();\n        dislikeVariantsPopup.close();\n    }, [likeSuccessPopup, dislikeSuccessPopup, dislikeVariantsPopup]);\n\n    const onChangeLike = useCallback(() => {\n        hideFeedbackPopups();\n\n        if (innerState === FeedbackType.like) {\n            setInnerState(FeedbackType.indeterminate);\n            onSendFeedback({type: FeedbackType.indeterminate});\n        } else {\n            setInnerState(FeedbackType.like);\n            onSendFeedback({type: FeedbackType.like});\n            likeSuccessPopup.open();\n        }\n    }, [onSendFeedback, setInnerState, innerState, likeSuccessPopup, hideFeedbackPopups]);\n\n    const onChangeDislike = useCallback(() => {\n        hideFeedbackPopups();\n\n        if (innerState === FeedbackType.dislike) {\n            setInnerState(FeedbackType.indeterminate);\n            onSendFeedback({type: FeedbackType.indeterminate});\n        } else {\n            dislikeVariantsPopup.open();\n        }\n    }, [onSendFeedback, setInnerState, innerState, dislikeVariantsPopup, hideFeedbackPopups]);\n\n    const onSendDislikeInformation = useCallback(\n        (data: FormData) => {\n            hideFeedbackPopups();\n            dislikeSuccessPopup.open();\n            setInnerState(FeedbackType.dislike);\n            onSendFeedback({type: FeedbackType.dislike, ...data});\n        },\n        [onSendFeedback, setInnerState, dislikeSuccessPopup, hideFeedbackPopups],\n    );\n\n    return (\n        <React.Fragment>\n            <ControlsLayout view={view}>\n                <LikeControl\n                    ref={likeControlRef}\n                    view={view}\n                    onClick={onChangeLike}\n                    isLiked={innerState === FeedbackType.like}\n                />\n                <DislikeControl\n                    ref={dislikeControlRef}\n                    view={view}\n                    onClick={onChangeDislike}\n                    isDisliked={innerState === FeedbackType.dislike}\n                />\n            </ControlsLayout>\n            {likeControlRef.current && (\n                <SuccessPopup\n                    visible={likeSuccessPopup.visible}\n                    anchor={likeControlRef}\n                    view={view}\n                    onOutsideClick={hideFeedbackPopups}\n                />\n            )}\n            {dislikeControlRef.current && (\n                <SuccessPopup\n                    visible={dislikeSuccessPopup.visible}\n                    anchor={dislikeControlRef}\n                    view={view}\n                    onOutsideClick={hideFeedbackPopups}\n                />\n            )}\n            {dislikeControlRef.current && (\n                <DislikeVariantsPopup\n                    visible={dislikeVariantsPopup.visible}\n                    anchor={dislikeControlRef}\n                    view={view}\n                    onSubmit={onSendDislikeInformation}\n                    onOutsideClick={hideFeedbackPopups}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default Feedback;\n"],
+  "mappings": "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",
+  "names": ["FeedbackView"]
+}

package/build/esm/components/Feedback/controls/DislikeControl.js

@@ -0,0 +1,38 @@
+// src/components/Feedback/controls/DislikeControl.tsx
+import React, { forwardRef, memo, useContext } from "react";
+import { Button, Icon } from "@gravity-ui/uikit";
+import block from "bem-cn-lite";
+import { useTranslation } from "../../../hooks";
+import { Control } from "../../Control";
+import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
+import { FeedbackView } from "../Feedback";
+import DislikeActiveIcon from "@gravity-ui/icons/svgs/thumbs-down-fill.svg";
+import DislikeIcon from "@gravity-ui/icons/svgs/thumbs-down.svg";
+var b = block("dc-feedback");
+var DislikeControl = memo(
+  forwardRef(({ isDisliked, view, onClick }, ref) => {
+    const { t } = useTranslation("feedback");
+    const { isVerticalView, controlClassName } = useContext(ControlsLayoutContext);
+    const tooltipText = isDisliked ? t("cancel-dislike-text") : t("dislike-text");
+    if (view === FeedbackView.Wide) {
+      return /* @__PURE__ */ React.createElement(Button, { view: "normal", ref, onClick, className: b("control", { view }) }, /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Icon, { data: isDisliked ? DislikeActiveIcon : DislikeIcon, size: 14 })), t("button-dislike-text"));
+    }
+    return /* @__PURE__ */ React.createElement(
+      Control,
+      {
+        onClick,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText,
+        ref,
+        icon: (args) => /* @__PURE__ */ React.createElement(Icon, { data: isDisliked ? DislikeActiveIcon : DislikeIcon, ...args })
+      }
+    );
+  })
+);
+DislikeControl.displayName = "DislikeControl";
+var DislikeControl_default = DislikeControl;
+export {
+  DislikeControl_default as default
+};
+//# sourceMappingURL=DislikeControl.js.map

package/build/esm/components/Feedback/controls/DislikeControl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Feedback/controls/DislikeControl.tsx"],
+  "sourcesContent": ["import React, {forwardRef, memo, useContext} from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\nimport DislikeActiveIcon from '@gravity-ui/icons/svgs/thumbs-down-fill.svg';\nimport DislikeIcon from '@gravity-ui/icons/svgs/thumbs-down.svg';\n\ntype DislikeControlProps = {\n    isVerticalView?: boolean | undefined;\n    isDisliked: boolean | undefined;\n    className?: string | undefined;\n    view: FeedbackView | undefined;\n    onClick: () => void;\n};\n\nconst b = block('dc-feedback');\n\nconst DislikeControl = memo(\n    forwardRef<HTMLButtonElement, DislikeControlProps>(({isDisliked, view, onClick}, ref) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView, controlClassName} = useContext(ControlsLayoutContext);\n        const tooltipText = isDisliked ? t('cancel-dislike-text') : t('dislike-text');\n\n        if (view === FeedbackView.Wide) {\n            return (\n                <Button view=\"normal\" ref={ref} onClick={onClick} className={b('control', {view})}>\n                    <Button.Icon>\n                        <Icon data={isDisliked ? DislikeActiveIcon : DislikeIcon} size={14} />\n                    </Button.Icon>\n                    {t<string>('button-dislike-text')}\n                </Button>\n            );\n        }\n\n        return (\n            <Control\n                onClick={onClick}\n                className={b('control', {view}, controlClassName)}\n                isVerticalView={isVerticalView}\n                tooltipText={tooltipText}\n                ref={ref}\n                icon={(args) => (\n                    <Icon data={isDisliked ? DislikeActiveIcon : DislikeIcon} {...args} />\n                )}\n            />\n        );\n    }),\n);\n\nDislikeControl.displayName = 'DislikeControl';\n\nexport default DislikeControl;\n"],
+  "mappings": ";AAAA,OAAO,SAAQ,YAAY,MAAM,kBAAiB;AAElD,SAAQ,QAAQ,YAAW;AAC3B,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAE3B,OAAO,uBAAuB;AAC9B,OAAO,iBAAiB;AAUxB,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,iBAAiB;AAAA,EACnB,WAAmD,CAAC,EAAC,YAAY,MAAM,QAAO,GAAG,QAAQ;AACrF,UAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,iBAAgB,IAAI,WAAW,qBAAqB;AAC3E,UAAM,cAAc,aAAa,EAAE,qBAAqB,IAAI,EAAE,cAAc;AAE5E,QAAI,SAAS,aAAa,MAAM;AAC5B,aACI,oCAAC,UAAO,MAAK,UAAS,KAAU,SAAkB,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC,KAC5E,oCAAC,OAAO,MAAP,MACG,oCAAC,QAAK,MAAM,aAAa,oBAAoB,aAAa,MAAM,IAAI,CACxE,GACC,EAAU,qBAAqB,CACpC;AAAA,IAER;AAEA,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,CAAC,SACH,oCAAC,QAAK,MAAM,aAAa,oBAAoB,aAAc,GAAG,MAAM;AAAA;AAAA,IAE5E;AAAA,EAER,CAAC;AACL;AAEA,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
+  "names": []
+}