@diplodoc/components 5.16.2 → 5.17.2

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Feedback/Feedback.tsx"],
   "sourcesContent": ["import type {PropsWithChildren} from 'react';\nimport type {FeedbackSendData} from '../../models';\nimport type {FormData} from './controls/FeedbackFormPopup';\n\nimport React, {useCallback, useContext, useEffect, useRef, useState} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {InterfaceContext} from '../../contexts/InterfaceContext';\nimport {useInterface, usePopupState, useTranslation} from '../../hooks';\nimport {FeedbackType} from '../../models';\nimport {CommonAnalyticsEvent, useAnalytics} from '../../shared/libs/analytics';\n\nimport DislikeControl from './controls/DislikeControl';\nimport FeedbackControl from './controls/FeedbackControl';\nimport FeedbackFormPopup from './controls/FeedbackFormPopup';\nimport LikeControl from './controls/LikeControl';\nimport SuccessPopup from './controls/SuccessPopup';\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     * Opt in to the rating-free \"leave a comment\" entry point.\n     * When omitted, falls back to the `feedback-comment` interface flag.\n     */\n    showComment?: boolean;\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-col', {view})}>\n                <h3 className={b('title', {view})}>{t('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        showComment,\n    } = props;\n    const analytics = useAnalytics();\n    const likeControlRef = useRef<HTMLButtonElement | null>(null);\n    const dislikeControlRef = useRef<HTMLButtonElement | null>(null);\n    const feedbackControlRef = 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 commentSuccessPopup = usePopupState({autoclose: 3000});\n    const dislikeVariantsPopup = usePopupState();\n    const commentFormPopup = usePopupState();\n\n    const hideFeedbackPopups = useCallback(() => {\n        likeSuccessPopup.close();\n        dislikeSuccessPopup.close();\n        commentSuccessPopup.close();\n        dislikeVariantsPopup.close();\n        commentFormPopup.close();\n    }, [\n        likeSuccessPopup,\n        dislikeSuccessPopup,\n        commentSuccessPopup,\n        dislikeVariantsPopup,\n        commentFormPopup,\n    ]);\n\n    const onChangeLike = useCallback(() => {\n        const event =\n            view === FeedbackView.Regular\n                ? CommonAnalyticsEvent.DOCS_ASIDE_LIKE_CLICK\n                : CommonAnalyticsEvent.DOCS_FOOTER_LIKE_CLICK;\n        analytics.track(event);\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    }, [view, analytics, hideFeedbackPopups, innerState, onSendFeedback, likeSuccessPopup]);\n\n    const onChangeDislike = useCallback(() => {\n        const event =\n            view === FeedbackView.Regular\n                ? CommonAnalyticsEvent.DOCS_ASIDE_DISLIKE_CLICK\n                : CommonAnalyticsEvent.DOCS_FOOTER_DISLIKE_CLICK;\n        analytics.track(event);\n        hideFeedbackPopups();\n\n        if (innerState === FeedbackType.dislike) {\n            setInnerState(FeedbackType.indeterminate);\n            onSendFeedback({type: FeedbackType.indeterminate});\n        } else {\n            dislikeVariantsPopup.open();\n        }\n    }, [view, analytics, hideFeedbackPopups, innerState, onSendFeedback, dislikeVariantsPopup]);\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    const onClickFeedback = useCallback(() => {\n        const event =\n            view === FeedbackView.Regular\n                ? CommonAnalyticsEvent.DOCS_ASIDE_FEEDBACK_CLICK\n                : CommonAnalyticsEvent.DOCS_FOOTER_FEEDBACK_CLICK;\n        analytics.track(event);\n        hideFeedbackPopups();\n        commentFormPopup.open();\n    }, [view, analytics, hideFeedbackPopups, commentFormPopup]);\n\n    const onSendComment = useCallback(\n        (data: FormData) => {\n            hideFeedbackPopups();\n            commentSuccessPopup.open();\n            onSendFeedback({type: FeedbackType.comment, comment: data.comment});\n        },\n        [onSendFeedback, commentSuccessPopup, hideFeedbackPopups],\n    );\n\n    const isDislikePopupVisible = dislikeSuccessPopup.visible || dislikeVariantsPopup.visible;\n    const isFeedbackHidden = useInterface('feedback');\n    const {interface: viewerInterface} = useContext(InterfaceContext);\n    const isCommentEnabled = showComment ?? viewerInterface?.['feedback-comment'] === true;\n\n    if (isFeedbackHidden) {\n        return null;\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                    isPopupVisible={likeSuccessPopup.visible}\n                />\n                <DislikeControl\n                    ref={dislikeControlRef}\n                    view={view}\n                    onClick={onChangeDislike}\n                    isDisliked={innerState === FeedbackType.dislike}\n                    isPopupVisible={isDislikePopupVisible}\n                />\n                {isCommentEnabled &&\n                    (view === FeedbackView.Wide ? (\n                        <div className={b('comment-row')}>\n                            <FeedbackControl\n                                ref={feedbackControlRef}\n                                view={view}\n                                onClick={onClickFeedback}\n                            />\n                        </div>\n                    ) : (\n                        <FeedbackControl\n                            ref={feedbackControlRef}\n                            view={view}\n                            onClick={onClickFeedback}\n                        />\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                <FeedbackFormPopup\n                    visible={dislikeVariantsPopup.visible}\n                    anchor={dislikeControlRef}\n                    view={view}\n                    titleKey=\"dislike-variants-title\"\n                    showVariants\n                    onSubmit={onSendDislikeInformation}\n                    onOutsideClick={hideFeedbackPopups}\n                />\n            )}\n            {isCommentEnabled && feedbackControlRef.current && (\n                <SuccessPopup\n                    visible={commentSuccessPopup.visible}\n                    anchor={feedbackControlRef}\n                    view={view}\n                    onOutsideClick={hideFeedbackPopups}\n                />\n            )}\n            {isCommentEnabled && feedbackControlRef.current && (\n                <FeedbackFormPopup\n                    visible={commentFormPopup.visible}\n                    anchor={feedbackControlRef}\n                    view={view}\n                    titleKey=\"comment-form-title\"\n                    placeholderKey=\"comment-form-placeholder\"\n                    onSubmit={onSendComment}\n                    onOutsideClick={hideFeedbackPopups}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default Feedback;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["block", "FeedbackView", "React", "LikeControl", "DislikeControl", "FeedbackControl", "SuccessPopup", "FeedbackFormPopup"]
 }

package/build/cjs/components/Feedback/controls/DislikeControl.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { FeedbackView } from '../Feedback';
 type DislikeControlProps = {
     isVerticalView?: boolean | undefined;
@@ -8,5 +7,5 @@ type DislikeControlProps = {
     view: FeedbackView | undefined;
     onClick: () => void;
 };
-declare const DislikeControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<DislikeControlProps & React.RefAttributes<HTMLButtonElement>>>;
+declare const DislikeControl: import("react").NamedExoticComponent<DislikeControlProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default DislikeControl;

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

@@ -33,7 +33,7 @@ __export(DislikeControl_exports, {
   default: () => DislikeControl_default
 });
 module.exports = __toCommonJS(DislikeControl_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_icons = require("@gravity-ui/icons");
 var import_uikit = require("@gravity-ui/uikit");
 var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
@@ -41,6 +41,7 @@ var import_hooks = require("../../../hooks");
 var import_Control = require("../../Control");
 var import_ControlsLayout = require("../../Controls/ControlsLayout");
 var import_Feedback = require("../Feedback");
+var import_jsx_runtime = require("react/jsx-runtime");
 var b = (0, import_bem_cn_lite.default)("dc-feedback");
 var DislikeControl = (0, import_react.memo)(
   (0, import_react.forwardRef)(({ isDisliked, view, onClick }, ref) => {
@@ -49,9 +50,12 @@ var DislikeControl = (0, import_react.memo)(
     const tooltipText = isDisliked ? t("cancel-dislike-text") : t("dislike-text");
     const Icon = isDisliked ? import_icons.ThumbsDownFill : import_icons.ThumbsDown;
     if (view === import_Feedback.FeedbackView.Wide) {
-      return /* @__PURE__ */ import_react.default.createElement(import_uikit.Button, { view: "normal", ref, onClick, className: b("control", { view }) }, /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(Icon, { width: 20, height: 20 })), t("button-dislike-text"));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_uikit.Button, { view: "normal", ref, onClick, className: b("control", { view }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_uikit.Button.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { width: 20, height: 20 }) }),
+        t("button-dislike-text")
+      ] });
     }
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Control.Control,
       {
         onClick,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Feedback/controls/DislikeControl.tsx"],
-  "sourcesContent": ["import React, {forwardRef, memo, useContext} from 'react';\nimport {ThumbsDown, ThumbsDownFill} from '@gravity-ui/icons';\nimport {Button} 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\ntype DislikeControlProps = {\n    isVerticalView?: boolean | undefined;\n    isDisliked: boolean | undefined;\n    isPopupVisible: boolean;\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        const Icon = isDisliked ? ThumbsDownFill : ThumbsDown;\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 width={20} height={20} />\n                    </Button.Icon>\n                    {t('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={Icon}\n            />\n        );\n    }),\n);\n\nDislikeControl.displayName = 'DislikeControl';\n\nexport default DislikeControl;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkD;AAClD,mBAAyC;AACzC,mBAAqB;AACrB,yBAAkB;AAElB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AACpC,sBAA2B;AAW3B,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,qBAAiB;AAAA,MACnB,yBAAmD,CAAC,EAAC,YAAY,MAAM,QAAO,GAAG,QAAQ;AACrF,UAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,iBAAgB,QAAI,yBAAW,2CAAqB;AAC3E,UAAM,cAAc,aAAa,EAAE,qBAAqB,IAAI,EAAE,cAAc;AAE5E,UAAM,OAAO,aAAa,8BAAiB;AAE3C,QAAI,SAAS,6BAAa,MAAM;AAC5B,aACI,6BAAAC,QAAA,cAAC,uBAAO,MAAK,UAAS,KAAU,SAAkB,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC,KAC5E,6BAAAA,QAAA,cAAC,oBAAO,MAAP,MACG,6BAAAA,QAAA,cAAC,QAAK,OAAO,IAAI,QAAQ,IAAI,CACjC,GACC,EAAE,qBAAqB,CAC5B;AAAA,IAER;AAEA,WACI,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA;AAAA,IACV;AAAA,EAER,CAAC;AACL;AAEA,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
-  "names": ["block", "React"]
+  "sourcesContent": ["import {forwardRef, memo, useContext} from 'react';\nimport {ThumbsDown, ThumbsDownFill} from '@gravity-ui/icons';\nimport {Button} 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\ntype DislikeControlProps = {\n    isVerticalView?: boolean | undefined;\n    isDisliked: boolean | undefined;\n    isPopupVisible: boolean;\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        const Icon = isDisliked ? ThumbsDownFill : ThumbsDown;\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 width={20} height={20} />\n                    </Button.Icon>\n                    {t('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={Icon}\n            />\n        );\n    }),\n);\n\nDislikeControl.displayName = 'DislikeControl';\n\nexport default DislikeControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAC3C,mBAAyC;AACzC,mBAAqB;AACrB,yBAAkB;AAElB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AACpC,sBAA2B;AAuBX;AAZhB,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,qBAAiB;AAAA,MACnB,yBAAmD,CAAC,EAAC,YAAY,MAAM,QAAO,GAAG,QAAQ;AACrF,UAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,iBAAgB,QAAI,yBAAW,2CAAqB;AAC3E,UAAM,cAAc,aAAa,EAAE,qBAAqB,IAAI,EAAE,cAAc;AAE5E,UAAM,OAAO,aAAa,8BAAiB;AAE3C,QAAI,SAAS,6BAAa,MAAM;AAC5B,aACI,6CAAC,uBAAO,MAAK,UAAS,KAAU,SAAkB,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC,GAC5E;AAAA,oDAAC,oBAAO,MAAP,EACG,sDAAC,QAAK,OAAO,IAAI,QAAQ,IAAI,GACjC;AAAA,QACC,EAAE,qBAAqB;AAAA,SAC5B;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;AAAA;AAAA,IACV;AAAA,EAER,CAAC;AACL;AAEA,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
+  "names": ["block"]
 }

package/build/cjs/components/Feedback/controls/FeedbackControl.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { FeedbackView } from '../Feedback';
 type FeedbackControlProps = {
     view: FeedbackView | undefined;
     onClick: () => void;
 };
-declare const FeedbackControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<FeedbackControlProps & React.RefAttributes<HTMLButtonElement>>>;
+declare const FeedbackControl: import("react").NamedExoticComponent<FeedbackControlProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default FeedbackControl;

package/build/cjs/components/Feedback/controls/FeedbackControl.js

@@ -33,7 +33,7 @@ __export(FeedbackControl_exports, {
   default: () => FeedbackControl_default
 });
 module.exports = __toCommonJS(FeedbackControl_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_icons = require("@gravity-ui/icons");
 var import_uikit = require("@gravity-ui/uikit");
 var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
@@ -41,25 +41,28 @@ var import_hooks = require("../../../hooks");
 var import_Control = require("../../Control");
 var import_ControlsLayout = require("../../Controls/ControlsLayout");
 var import_Feedback = require("../Feedback");
+var import_jsx_runtime = require("react/jsx-runtime");
 var b = (0, import_bem_cn_lite.default)("dc-feedback");
 var FeedbackControl = (0, import_react.memo)(
   (0, import_react.forwardRef)(({ view, onClick }, ref) => {
     const { t } = (0, import_hooks.useTranslation)("feedback");
     const { isVerticalView, popupPosition, controlClassName } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
     if (view === import_Feedback.FeedbackView.Wide) {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         import_uikit.Button,
         {
           view: "flat",
           ref,
           onClick,
-          className: b("comment-action", { view })
-        },
-        /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(import_icons.Comment, { width: 20, height: 20 })),
-        t("comment-text")
+          className: b("comment-action", { view }),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_uikit.Button.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Comment, { width: 20, height: 20 }) }),
+            t("comment-text")
+          ]
+        }
       );
     }
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Control.Control,
       {
         onClick,

package/build/cjs/components/Feedback/controls/FeedbackControl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Feedback/controls/FeedbackControl.tsx"],
-  "sourcesContent": ["import React, {forwardRef, memo, useContext} from 'react';\nimport {Comment} from '@gravity-ui/icons';\nimport {Button} 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\ntype FeedbackControlProps = {\n    view: FeedbackView | undefined;\n    onClick: () => void;\n};\n\nconst b = block('dc-feedback');\n\nconst FeedbackControl = memo(\n    forwardRef<HTMLButtonElement, FeedbackControlProps>(({view, onClick}, ref) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView, popupPosition, controlClassName} = useContext(ControlsLayoutContext);\n\n        if (view === FeedbackView.Wide) {\n            return (\n                <Button\n                    view=\"flat\"\n                    ref={ref}\n                    onClick={onClick}\n                    className={b('comment-action', {view})}\n                >\n                    <Button.Icon>\n                        <Comment width={20} height={20} />\n                    </Button.Icon>\n                    {t('comment-text')}\n                </Button>\n            );\n        }\n\n        return (\n            <Control\n                onClick={onClick}\n                className={b('control', {view}, controlClassName)}\n                isVerticalView={isVerticalView}\n                tooltipText={t('comment-text')}\n                ref={ref}\n                icon={Comment}\n                popupPosition={popupPosition}\n            />\n        );\n    }),\n);\n\nFeedbackControl.displayName = 'FeedbackControl';\n\nexport default FeedbackControl;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkD;AAClD,mBAAsB;AACtB,mBAAqB;AACrB,yBAAkB;AAElB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AACpC,sBAA2B;AAO3B,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,sBAAkB;AAAA,MACpB,yBAAoD,CAAC,EAAC,MAAM,QAAO,GAAG,QAAQ;AAC1E,UAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,eAAe,iBAAgB,QAAI,yBAAW,2CAAqB;AAE1F,QAAI,SAAS,6BAAa,MAAM;AAC5B,aACI,6BAAAC,QAAA;AAAA,QAAC;AAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,WAAW,EAAE,kBAAkB,EAAC,KAAI,CAAC;AAAA;AAAA,QAErC,6BAAAA,QAAA,cAAC,oBAAO,MAAP,MACG,6BAAAA,QAAA,cAAC,wBAAQ,OAAO,IAAI,QAAQ,IAAI,CACpC;AAAA,QACC,EAAE,cAAc;AAAA,MACrB;AAAA,IAER;AAEA,WACI,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA,aAAa,EAAE,cAAc;AAAA,QAC7B;AAAA,QACA,MAAM;AAAA,QACN;AAAA;AAAA,IACJ;AAAA,EAER,CAAC;AACL;AAEA,gBAAgB,cAAc;AAE9B,IAAO,0BAAQ;",
-  "names": ["block", "React"]
+  "sourcesContent": ["import {forwardRef, memo, useContext} from 'react';\nimport {Comment} from '@gravity-ui/icons';\nimport {Button} 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\ntype FeedbackControlProps = {\n    view: FeedbackView | undefined;\n    onClick: () => void;\n};\n\nconst b = block('dc-feedback');\n\nconst FeedbackControl = memo(\n    forwardRef<HTMLButtonElement, FeedbackControlProps>(({view, onClick}, ref) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView, popupPosition, controlClassName} = useContext(ControlsLayoutContext);\n\n        if (view === FeedbackView.Wide) {\n            return (\n                <Button\n                    view=\"flat\"\n                    ref={ref}\n                    onClick={onClick}\n                    className={b('comment-action', {view})}\n                >\n                    <Button.Icon>\n                        <Comment width={20} height={20} />\n                    </Button.Icon>\n                    {t('comment-text')}\n                </Button>\n            );\n        }\n\n        return (\n            <Control\n                onClick={onClick}\n                className={b('control', {view}, controlClassName)}\n                isVerticalView={isVerticalView}\n                tooltipText={t('comment-text')}\n                ref={ref}\n                icon={Comment}\n                popupPosition={popupPosition}\n            />\n        );\n    }),\n);\n\nFeedbackControl.displayName = 'FeedbackControl';\n\nexport default FeedbackControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAC3C,mBAAsB;AACtB,mBAAqB;AACrB,yBAAkB;AAElB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AACpC,sBAA2B;AAgBX;AAThB,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,sBAAkB;AAAA,MACpB,yBAAoD,CAAC,EAAC,MAAM,QAAO,GAAG,QAAQ;AAC1E,UAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,eAAe,iBAAgB,QAAI,yBAAW,2CAAqB;AAE1F,QAAI,SAAS,6BAAa,MAAM;AAC5B,aACI;AAAA,QAAC;AAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,WAAW,EAAE,kBAAkB,EAAC,KAAI,CAAC;AAAA,UAErC;AAAA,wDAAC,oBAAO,MAAP,EACG,sDAAC,wBAAQ,OAAO,IAAI,QAAQ,IAAI,GACpC;AAAA,YACC,EAAE,cAAc;AAAA;AAAA;AAAA,MACrB;AAAA,IAER;AAEA,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA,aAAa,EAAE,cAAc;AAAA,QAC7B;AAAA,QACA,MAAM;AAAA,QACN;AAAA;AAAA,IACJ;AAAA,EAER,CAAC;AACL;AAEA,gBAAgB,cAAc;AAE9B,IAAO,0BAAQ;",
+  "names": ["block"]
 }

package/build/cjs/components/Feedback/controls/FeedbackFormPopup.d.ts

@@ -11,7 +11,7 @@ export type FormData = {
 type FeedbackFormPopupProps = {
     view: FeedbackView;
     visible: boolean;
-    anchor: RefObject<HTMLButtonElement>;
+    anchor: RefObject<HTMLButtonElement | null>;
     titleKey: string;
     placeholderKey?: string;
     showVariants?: boolean;

package/build/cjs/components/Feedback/controls/FeedbackFormPopup.js

@@ -50,13 +50,15 @@ __export(FeedbackFormPopup_exports, {
   default: () => FeedbackFormPopup_default
 });
 module.exports = __toCommonJS(FeedbackFormPopup_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_uikit = require("@gravity-ui/uikit");
 var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_constants = require("../../../constants");
 var import_hooks = require("../../../hooks");
 var import_utils = require("../../../utils");
 var import_ControlsLayout = require("../../Controls/ControlsLayout");
 var import_Feedback = require("../Feedback");
+var import_jsx_runtime = require("react/jsx-runtime");
 var b = (0, import_bem_cn_lite.default)("dc-feedback");
 var FeedbackVariantsList = (0, import_react.memo)(
   (0, import_react.forwardRef)((_props, ref) => {
@@ -76,10 +78,9 @@ var FeedbackVariantsList = (0, import_react.memo)(
     if (!Object.keys(variants).length) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: b("variants") }, Object.keys(variants).map((variant) => /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b("variants"), children: Object.keys(variants).map((variant) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_uikit.Checkbox,
       {
-        key: variant,
         className: b("variant"),
         checked: checked[variant],
         onUpdate: (state) => {
@@ -88,8 +89,9 @@ var FeedbackVariantsList = (0, import_react.memo)(
           }));
         },
         content: t(variant)
-      }
-    )));
+      },
+      variant
+    )) });
   })
 );
 FeedbackVariantsList.displayName = "FeedbackVariantsList";
@@ -110,7 +112,7 @@ var FeedbackCommentInput = (0, import_react.memo)(
         }
       };
     });
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: b("textarea") }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b("textarea"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_uikit.TextArea,
       {
         size: "m",
@@ -120,7 +122,7 @@ var FeedbackCommentInput = (0, import_react.memo)(
         value: feedbackComment,
         onChange
       }
-    ));
+    ) });
   })
 );
 FeedbackCommentInput.displayName = "FeedbackCommentInput";
@@ -142,7 +144,7 @@ var FeedbackFormPopup = (0, import_react.memo)(
       if (!view || view === import_Feedback.FeedbackView.Regular) {
         return (0, import_utils.getPopupPosition)(isVerticalView, direction);
       }
-      return import_hooks.PopperPosition.RIGHT;
+      return import_constants.PopperPosition.RIGHT;
     }, [isVerticalView, view, direction]);
     const feedbackComment = (0, import_react.useRef)(null);
     const feedbackCheckboxes = (0, import_react.useRef)(null);
@@ -159,7 +161,7 @@ var FeedbackFormPopup = (0, import_react.memo)(
       },
       [onSubmit]
     );
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_uikit.Popup,
       {
         anchorElement: anchor.current,
@@ -167,10 +169,16 @@ var FeedbackFormPopup = (0, import_react.memo)(
         onOutsideClick,
         className: b("variants-popup", { view }),
         placement: position,
-        offset: { mainAxis: 1, crossAxis: 0 }
-      },
-      /* @__PURE__ */ import_react.default.createElement("h3", { className: b("popup-title") }, t(titleKey)),
-      /* @__PURE__ */ import_react.default.createElement("form", { onSubmit: onFormSubmit }, showVariants && /* @__PURE__ */ import_react.default.createElement(FeedbackVariantsList, { ref: feedbackCheckboxes }), /* @__PURE__ */ import_react.default.createElement(FeedbackCommentInput, { ref: feedbackComment, placeholderKey }), /* @__PURE__ */ import_react.default.createElement("div", { className: b("variants-actions") }, /* @__PURE__ */ import_react.default.createElement(import_uikit.Button, { view: "action", className: b("variants-action"), type: "submit" }, t("send-action-text"))))
+        offset: { mainAxis: 1, crossAxis: 0 },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: b("popup-title"), children: t(titleKey) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: onFormSubmit, children: [
+            showVariants && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeedbackVariantsList, { ref: feedbackCheckboxes }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeedbackCommentInput, { ref: feedbackComment, placeholderKey }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b("variants-actions"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_uikit.Button, { view: "action", className: b("variants-action"), type: "submit", children: t("send-action-text") }) })
+          ] })
+        ]
+      }
     );
   }
 );

package/build/cjs/components/Feedback/controls/FeedbackFormPopup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Feedback/controls/FeedbackFormPopup.tsx"],
-  "sourcesContent": ["import type {RefObject, SyntheticEvent} from 'react';\n\nimport React, {\n    forwardRef,\n    memo,\n    useCallback,\n    useContext,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport {Button, Checkbox, Popup, TextArea, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition, useTranslation} from '../../../hooks';\nimport {getPopupPosition} from '../../../utils';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\nexport interface FeedbackCheckboxes {\n    [key: string]: boolean;\n}\n\nconst b = block('dc-feedback');\n\nconst FeedbackVariantsList = memo(\n    forwardRef<FormPart<string[]>>((_props, ref) => {\n        const {t, i18n} = useTranslation('feedback-variants');\n        const variants = i18n.getResourceBundle(i18n.language, 'feedback-variants');\n        const [checked, setChecked] = useState({} as FeedbackCheckboxes);\n\n        useImperativeHandle(ref, () => {\n            return {\n                data() {\n                    return Object.keys(checked)\n                        .filter((key) => Boolean(checked[key]))\n                        .map((key) => variants[key]);\n                },\n\n                clean() {\n                    setChecked({});\n                },\n            };\n        });\n\n        if (!Object.keys(variants).length) {\n            return null;\n        }\n\n        return (\n            <div className={b('variants')}>\n                {Object.keys(variants).map((variant) => (\n                    <Checkbox\n                        key={variant}\n                        className={b('variant')}\n                        checked={checked[variant]}\n                        // uikit Checkbox onUpdate reports only the value, not the variant key\n                        onUpdate={(state) => {\n                            setChecked({\n                                ...checked,\n                                [variant]: state,\n                            });\n                        }}\n                        content={t(variant)}\n                    />\n                ))}\n            </div>\n        );\n    }),\n);\n\nFeedbackVariantsList.displayName = 'FeedbackVariantsList';\n\nconst FeedbackCommentInput = memo(\n    forwardRef<FormPart<string>, {placeholderKey: string}>(({placeholderKey}, ref) => {\n        const {t} = useTranslation('feedback');\n        const [feedbackComment, setFeedbackComment] = useState('');\n        const onChange = useCallback((event: SyntheticEvent) => {\n            setFeedbackComment((event.target as HTMLTextAreaElement).value);\n        }, []);\n\n        useImperativeHandle(ref, () => {\n            return {\n                data() {\n                    return feedbackComment;\n                },\n\n                clean() {\n                    setFeedbackComment('');\n                },\n            };\n        });\n\n        return (\n            <div className={b('textarea')}>\n                <TextArea\n                    size=\"m\"\n                    rows={6}\n                    placeholder={t(placeholderKey)}\n                    hasClear\n                    value={feedbackComment}\n                    onChange={onChange}\n                />\n            </div>\n        );\n    }),\n);\n\nFeedbackCommentInput.displayName = 'FeedbackCommentInput';\n\ntype FormPart<T> = {\n    data(): T;\n    clean(): void;\n};\n\nexport type FormData = {\n    comment: string;\n    answers: string[];\n};\n\ntype FeedbackFormPopupProps = {\n    view: FeedbackView;\n    visible: boolean;\n    anchor: RefObject<HTMLButtonElement>;\n    titleKey: string;\n    placeholderKey?: string;\n    showVariants?: boolean;\n    onOutsideClick: () => void;\n    onSubmit: (data: FormData) => void;\n};\n\nconst FeedbackFormPopup: React.FC<FeedbackFormPopupProps> = memo(\n    ({\n        anchor,\n        visible,\n        view,\n        titleKey,\n        placeholderKey = 'comment-placeholder',\n        showVariants = false,\n        onOutsideClick,\n        onSubmit,\n    }) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView} = useContext(ControlsLayoutContext);\n        const direction = useDirection();\n\n        const position = useMemo(() => {\n            if (!view || view === FeedbackView.Regular) {\n                return getPopupPosition(isVerticalView, direction);\n            }\n\n            return PopperPosition.RIGHT;\n        }, [isVerticalView, view, direction]);\n\n        const feedbackComment = useRef<FormPart<string> | null>(null);\n        const feedbackCheckboxes = useRef<FormPart<string[]> | null>(null);\n\n        const onFormSubmit = useCallback(\n            (event: SyntheticEvent) => {\n                event.preventDefault();\n\n                onSubmit({\n                    comment: feedbackComment.current?.data() || '',\n                    answers: feedbackCheckboxes.current?.data() || [],\n                });\n\n                feedbackComment.current?.clean();\n                feedbackCheckboxes.current?.clean();\n            },\n            [onSubmit],\n        );\n\n        return (\n            <Popup\n                anchorElement={anchor.current}\n                open={visible}\n                onOutsideClick={onOutsideClick}\n                className={b('variants-popup', {view})}\n                placement={position}\n                offset={{mainAxis: 1, crossAxis: 0}}\n            >\n                <h3 className={b('popup-title')}>{t(titleKey)}</h3>\n                <form onSubmit={onFormSubmit}>\n                    {showVariants && <FeedbackVariantsList ref={feedbackCheckboxes} />}\n                    <FeedbackCommentInput ref={feedbackComment} placeholderKey={placeholderKey} />\n                    <div className={b('variants-actions')}>\n                        <Button view=\"action\" className={b('variants-action')} type={'submit'}>\n                            {t('send-action-text')}\n                        </Button>\n                    </div>\n                </form>\n            </Popup>\n        );\n    },\n);\n\nFeedbackFormPopup.displayName = 'FeedbackFormPopup';\n\nexport default FeedbackFormPopup;\n"],
-  "mappings": "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",
-  "names": ["block", "React"]
+  "sourcesContent": ["import type {RefObject, SyntheticEvent} from 'react';\n\nimport React, {\n    forwardRef,\n    memo,\n    useCallback,\n    useContext,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport {Button, Checkbox, Popup, TextArea, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition} from '../../../constants';\nimport {useTranslation} from '../../../hooks';\nimport {getPopupPosition} from '../../../utils';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\nexport interface FeedbackCheckboxes {\n    [key: string]: boolean;\n}\n\nconst b = block('dc-feedback');\n\nconst FeedbackVariantsList = memo(\n    forwardRef<FormPart<string[]>>((_props, ref) => {\n        const {t, i18n} = useTranslation('feedback-variants');\n        const variants = i18n.getResourceBundle(i18n.language, 'feedback-variants');\n        const [checked, setChecked] = useState({} as FeedbackCheckboxes);\n\n        useImperativeHandle(ref, () => {\n            return {\n                data() {\n                    return Object.keys(checked)\n                        .filter((key) => Boolean(checked[key]))\n                        .map((key) => variants[key]);\n                },\n\n                clean() {\n                    setChecked({});\n                },\n            };\n        });\n\n        if (!Object.keys(variants).length) {\n            return null;\n        }\n\n        return (\n            <div className={b('variants')}>\n                {Object.keys(variants).map((variant) => (\n                    <Checkbox\n                        key={variant}\n                        className={b('variant')}\n                        checked={checked[variant]}\n                        // uikit Checkbox onUpdate reports only the value, not the variant key\n                        onUpdate={(state) => {\n                            setChecked({\n                                ...checked,\n                                [variant]: state,\n                            });\n                        }}\n                        content={t(variant)}\n                    />\n                ))}\n            </div>\n        );\n    }),\n);\n\nFeedbackVariantsList.displayName = 'FeedbackVariantsList';\n\nconst FeedbackCommentInput = memo(\n    forwardRef<FormPart<string>, {placeholderKey: string}>(({placeholderKey}, ref) => {\n        const {t} = useTranslation('feedback');\n        const [feedbackComment, setFeedbackComment] = useState('');\n        const onChange = useCallback((event: SyntheticEvent) => {\n            setFeedbackComment((event.target as HTMLTextAreaElement).value);\n        }, []);\n\n        useImperativeHandle(ref, () => {\n            return {\n                data() {\n                    return feedbackComment;\n                },\n\n                clean() {\n                    setFeedbackComment('');\n                },\n            };\n        });\n\n        return (\n            <div className={b('textarea')}>\n                <TextArea\n                    size=\"m\"\n                    rows={6}\n                    placeholder={t(placeholderKey)}\n                    hasClear\n                    value={feedbackComment}\n                    onChange={onChange}\n                />\n            </div>\n        );\n    }),\n);\n\nFeedbackCommentInput.displayName = 'FeedbackCommentInput';\n\ntype FormPart<T> = {\n    data(): T;\n    clean(): void;\n};\n\nexport type FormData = {\n    comment: string;\n    answers: string[];\n};\n\ntype FeedbackFormPopupProps = {\n    view: FeedbackView;\n    visible: boolean;\n    anchor: RefObject<HTMLButtonElement | null>;\n    titleKey: string;\n    placeholderKey?: string;\n    showVariants?: boolean;\n    onOutsideClick: () => void;\n    onSubmit: (data: FormData) => void;\n};\n\nconst FeedbackFormPopup: React.FC<FeedbackFormPopupProps> = memo(\n    ({\n        anchor,\n        visible,\n        view,\n        titleKey,\n        placeholderKey = 'comment-placeholder',\n        showVariants = false,\n        onOutsideClick,\n        onSubmit,\n    }) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView} = useContext(ControlsLayoutContext);\n        const direction = useDirection();\n\n        const position = useMemo(() => {\n            if (!view || view === FeedbackView.Regular) {\n                return getPopupPosition(isVerticalView, direction);\n            }\n\n            return PopperPosition.RIGHT;\n        }, [isVerticalView, view, direction]);\n\n        const feedbackComment = useRef<FormPart<string> | null>(null);\n        const feedbackCheckboxes = useRef<FormPart<string[]> | null>(null);\n\n        const onFormSubmit = useCallback(\n            (event: SyntheticEvent) => {\n                event.preventDefault();\n\n                onSubmit({\n                    comment: feedbackComment.current?.data() || '',\n                    answers: feedbackCheckboxes.current?.data() || [],\n                });\n\n                feedbackComment.current?.clean();\n                feedbackCheckboxes.current?.clean();\n            },\n            [onSubmit],\n        );\n\n        return (\n            <Popup\n                anchorElement={anchor.current}\n                open={visible}\n                onOutsideClick={onOutsideClick}\n                className={b('variants-popup', {view})}\n                placement={position}\n                offset={{mainAxis: 1, crossAxis: 0}}\n            >\n                <h3 className={b('popup-title')}>{t(titleKey)}</h3>\n                <form onSubmit={onFormSubmit}>\n                    {showVariants && <FeedbackVariantsList ref={feedbackCheckboxes} />}\n                    <FeedbackCommentInput ref={feedbackComment} placeholderKey={placeholderKey} />\n                    <div className={b('variants-actions')}>\n                        <Button view=\"action\" className={b('variants-action')} type={'submit'}>\n                            {t('send-action-text')}\n                        </Button>\n                    </div>\n                </form>\n            </Popup>\n        );\n    },\n);\n\nFeedbackFormPopup.displayName = 'FeedbackFormPopup';\n\nexport default FeedbackFormPopup;\n"],
+  "mappings": "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",
+  "names": ["block"]
 }

package/build/cjs/components/Feedback/controls/LikeControl.d.ts

@@ -1,5 +1,4 @@
-import type { PopperPosition } from '../../../hooks';
-import React from 'react';
+import type { PopperPosition } from '../../../constants';
 import { FeedbackView } from '../Feedback';
 type LikeControlProps = {
     isVerticalView?: boolean | undefined;
@@ -10,5 +9,5 @@ type LikeControlProps = {
     onClick: () => void;
     popupPosition?: PopperPosition | undefined;
 };
-declare const LikeControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<LikeControlProps & React.RefAttributes<HTMLButtonElement>>>;
+declare const LikeControl: import("react").NamedExoticComponent<LikeControlProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default LikeControl;

package/build/cjs/components/Feedback/controls/LikeControl.js

@@ -33,7 +33,7 @@ __export(LikeControl_exports, {
   default: () => LikeControl_default
 });
 module.exports = __toCommonJS(LikeControl_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_icons = require("@gravity-ui/icons");
 var import_uikit = require("@gravity-ui/uikit");
 var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
@@ -41,6 +41,7 @@ var import_hooks = require("../../../hooks");
 var import_Control = require("../../Control");
 var import_ControlsLayout = require("../../Controls/ControlsLayout");
 var import_Feedback = require("../Feedback");
+var import_jsx_runtime = require("react/jsx-runtime");
 var b = (0, import_bem_cn_lite.default)("dc-feedback");
 var LikeControl = (0, import_react.memo)(
   (0, import_react.forwardRef)(({ isLiked, view, onClick }, ref) => {
@@ -49,9 +50,12 @@ var LikeControl = (0, import_react.memo)(
     const tooltipText = isLiked ? t("cancel-like-text") : t("like-text");
     const Icon = isLiked ? import_icons.ThumbsUpFill : import_icons.ThumbsUp;
     if (view === import_Feedback.FeedbackView.Wide) {
-      return /* @__PURE__ */ import_react.default.createElement(import_uikit.Button, { view: "normal", ref, onClick, className: b("control", { view }) }, /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(Icon, { width: 20, height: 20 })), t("button-like-text"));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_uikit.Button, { view: "normal", ref, onClick, className: b("control", { view }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_uikit.Button.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { width: 20, height: 20 }) }),
+        t("button-like-text")
+      ] });
     }
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Control.Control,
       {
         onClick,

package/build/cjs/components/Feedback/controls/LikeControl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Feedback/controls/LikeControl.tsx"],
-  "sourcesContent": ["import type {PopperPosition} from '../../../hooks';\n\nimport React, {forwardRef, memo, useContext} from 'react';\nimport {ThumbsUp, ThumbsUpFill} from '@gravity-ui/icons';\nimport {Button} 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\ntype LikeControlProps = {\n    isVerticalView?: boolean | undefined;\n    isLiked: boolean | undefined;\n    isPopupVisible: boolean;\n    className?: string | undefined;\n    view: FeedbackView | undefined;\n    onClick: () => void;\n    popupPosition?: PopperPosition | undefined;\n};\n\nconst b = block('dc-feedback');\n\nconst LikeControl = memo(\n    forwardRef<HTMLButtonElement, LikeControlProps>(({isLiked, view, onClick}, ref) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView, popupPosition, controlClassName} = useContext(ControlsLayoutContext);\n        const tooltipText = isLiked ? t('cancel-like-text') : t('like-text');\n\n        const Icon = isLiked ? ThumbsUpFill : ThumbsUp;\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 width={20} height={20} />\n                    </Button.Icon>\n                    {t('button-like-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={Icon}\n                popupPosition={popupPosition}\n            />\n        );\n    }),\n);\n\nLikeControl.displayName = 'LikeControl';\n\nexport default LikeControl;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkD;AAClD,mBAAqC;AACrC,mBAAqB;AACrB,yBAAkB;AAElB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AACpC,sBAA2B;AAY3B,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,kBAAc;AAAA,MAChB,yBAAgD,CAAC,EAAC,SAAS,MAAM,QAAO,GAAG,QAAQ;AAC/E,UAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,eAAe,iBAAgB,QAAI,yBAAW,2CAAqB;AAC1F,UAAM,cAAc,UAAU,EAAE,kBAAkB,IAAI,EAAE,WAAW;AAEnE,UAAM,OAAO,UAAU,4BAAe;AAEtC,QAAI,SAAS,6BAAa,MAAM;AAC5B,aACI,6BAAAC,QAAA,cAAC,uBAAO,MAAK,UAAS,KAAU,SAAkB,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC,KAC5E,6BAAAA,QAAA,cAAC,oBAAO,MAAP,MACG,6BAAAA,QAAA,cAAC,QAAK,OAAO,IAAI,QAAQ,IAAI,CACjC,GACC,EAAE,kBAAkB,CACzB;AAAA,IAER;AAEA,WACI,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,gBAAgB;AAAA,QAChD;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN;AAAA;AAAA,IACJ;AAAA,EAER,CAAC;AACL;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
-  "names": ["block", "React"]
+  "sourcesContent": ["import type {PopperPosition} from '../../../constants';\n\nimport {forwardRef, memo, useContext} from 'react';\nimport {ThumbsUp, ThumbsUpFill} from '@gravity-ui/icons';\nimport {Button} 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\ntype LikeControlProps = {\n    isVerticalView?: boolean | undefined;\n    isLiked: boolean | undefined;\n    isPopupVisible: boolean;\n    className?: string | undefined;\n    view: FeedbackView | undefined;\n    onClick: () => void;\n    popupPosition?: PopperPosition | undefined;\n};\n\nconst b = block('dc-feedback');\n\nconst LikeControl = memo(\n    forwardRef<HTMLButtonElement, LikeControlProps>(({isLiked, view, onClick}, ref) => {\n        const {t} = useTranslation('feedback');\n        const {isVerticalView, popupPosition, controlClassName} = useContext(ControlsLayoutContext);\n        const tooltipText = isLiked ? t('cancel-like-text') : t('like-text');\n\n        const Icon = isLiked ? ThumbsUpFill : ThumbsUp;\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 width={20} height={20} />\n                    </Button.Icon>\n                    {t('button-like-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={Icon}\n                popupPosition={popupPosition}\n            />\n        );\n    }),\n);\n\nLikeControl.displayName = 'LikeControl';\n\nexport default LikeControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA2C;AAC3C,mBAAqC;AACrC,mBAAqB;AACrB,yBAAkB;AAElB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AACpC,sBAA2B;AAwBX;AAZhB,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,kBAAc;AAAA,MAChB,yBAAgD,CAAC,EAAC,SAAS,MAAM,QAAO,GAAG,QAAQ;AAC/E,UAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,eAAe,iBAAgB,QAAI,yBAAW,2CAAqB;AAC1F,UAAM,cAAc,UAAU,EAAE,kBAAkB,IAAI,EAAE,WAAW;AAEnE,UAAM,OAAO,UAAU,4BAAe;AAEtC,QAAI,SAAS,6BAAa,MAAM;AAC5B,aACI,6CAAC,uBAAO,MAAK,UAAS,KAAU,SAAkB,WAAW,EAAE,WAAW,EAAC,KAAI,CAAC,GAC5E;AAAA,oDAAC,oBAAO,MAAP,EACG,sDAAC,QAAK,OAAO,IAAI,QAAQ,IAAI,GACjC;AAAA,QACC,EAAE,kBAAkB;AAAA,SACzB;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;AAAA,QACN;AAAA;AAAA,IACJ;AAAA,EAER,CAAC;AACL;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
+  "names": ["block"]
 }

package/build/cjs/components/Feedback/controls/SuccessPopup.d.ts

@@ -1,11 +1,10 @@
 import type { RefObject } from 'react';
-import React from 'react';
 import { FeedbackView } from '../Feedback';
 type SuccessPopupProps = {
     view: FeedbackView;
     visible: boolean;
-    anchor: RefObject<HTMLButtonElement>;
+    anchor: RefObject<HTMLButtonElement | null>;
     onOutsideClick: () => void;
 };
-declare const SuccessPopup: React.NamedExoticComponent<SuccessPopupProps>;
+declare const SuccessPopup: import("react").NamedExoticComponent<SuccessPopupProps>;
 export default SuccessPopup;

package/build/cjs/components/Feedback/controls/SuccessPopup.js

@@ -33,13 +33,15 @@ __export(SuccessPopup_exports, {
   default: () => SuccessPopup_default
 });
 module.exports = __toCommonJS(SuccessPopup_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_uikit = require("@gravity-ui/uikit");
 var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_constants = require("../../../constants");
 var import_hooks = require("../../../hooks");
 var import_utils = require("../../../utils");
 var import_ControlsLayout = require("../../Controls/ControlsLayout");
 var import_Feedback = require("../Feedback");
+var import_jsx_runtime = require("react/jsx-runtime");
 var b = (0, import_bem_cn_lite.default)("dc-feedback");
 var SuccessPopup = (0, import_react.memo)(({ visible, anchor, onOutsideClick, view }) => {
   const { t } = (0, import_hooks.useTranslation)("feedback");
@@ -49,9 +51,9 @@ var SuccessPopup = (0, import_react.memo)(({ visible, anchor, onOutsideClick, vi
     if (!view || view === import_Feedback.FeedbackView.Regular) {
       return (0, import_utils.getPopupPosition)(isVerticalView, direction);
     }
-    return import_hooks.PopperPosition.RIGHT;
+    return import_constants.PopperPosition.RIGHT;
   }, [isVerticalView, view, direction]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_uikit.Popup,
     {
       anchorRef: anchor,
@@ -59,10 +61,12 @@ var SuccessPopup = (0, import_react.memo)(({ visible, anchor, onOutsideClick, vi
       onOutsideClick,
       className: b("success-popup", { view }),
       placement: position,
-      offset: { mainAxis: 1, crossAxis: 0 }
-    },
-    /* @__PURE__ */ import_react.default.createElement("h3", { className: b("popup-title") }, t("success-title")),
-    /* @__PURE__ */ import_react.default.createElement("p", { className: b("popup-text") }, t("success-text"))
+      offset: { mainAxis: 1, crossAxis: 0 },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: b("popup-title"), children: t("success-title") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: b("popup-text"), children: t("success-text") })
+      ]
+    }
   );
 });
 SuccessPopup.displayName = "FeedbackSuccessPopup";

package/build/cjs/components/Feedback/controls/SuccessPopup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Feedback/controls/SuccessPopup.tsx"],
-  "sourcesContent": ["import type {RefObject} from 'react';\n\nimport React, {memo, useContext, useMemo} from 'react';\nimport {Popup, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition, useTranslation} from '../../../hooks';\nimport {getPopupPosition} from '../../../utils';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\ntype SuccessPopupProps = {\n    view: FeedbackView;\n    visible: boolean;\n    anchor: RefObject<HTMLButtonElement>;\n    onOutsideClick: () => void;\n};\n\nconst b = block('dc-feedback');\n\nconst SuccessPopup = memo<SuccessPopupProps>(({visible, anchor, onOutsideClick, view}) => {\n    const {t} = useTranslation('feedback');\n    const {isVerticalView} = useContext(ControlsLayoutContext);\n    const direction = useDirection();\n\n    const position = useMemo(() => {\n        if (!view || view === FeedbackView.Regular) {\n            return getPopupPosition(isVerticalView, direction);\n        }\n\n        return PopperPosition.RIGHT;\n    }, [isVerticalView, view, direction]);\n\n    return (\n        <Popup\n            anchorRef={anchor}\n            open={visible}\n            onOutsideClick={onOutsideClick}\n            className={b('success-popup', {view})}\n            placement={position}\n            offset={{mainAxis: 1, crossAxis: 0}}\n        >\n            <h3 className={b('popup-title')}>{t('success-title')}</h3>\n            <p className={b('popup-text')}>{t('success-text')}</p>\n        </Popup>\n    );\n});\n\nSuccessPopup.displayName = 'FeedbackSuccessPopup';\n\nexport default SuccessPopup;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA+C;AAC/C,mBAAkC;AAClC,yBAAkB;AAElB,mBAA6C;AAC7C,mBAA+B;AAC/B,4BAAoC;AACpC,sBAA2B;AAS3B,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,mBAAe,mBAAwB,CAAC,EAAC,SAAS,QAAQ,gBAAgB,KAAI,MAAM;AACtF,QAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,QAAM,EAAC,eAAc,QAAI,yBAAW,2CAAqB;AACzD,QAAM,gBAAY,2BAAa;AAE/B,QAAM,eAAW,sBAAQ,MAAM;AAC3B,QAAI,CAAC,QAAQ,SAAS,6BAAa,SAAS;AACxC,iBAAO,+BAAiB,gBAAgB,SAAS;AAAA,IACrD;AAEA,WAAO,4BAAe;AAAA,EAC1B,GAAG,CAAC,gBAAgB,MAAM,SAAS,CAAC;AAEpC,SACI,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN;AAAA,MACA,WAAW,EAAE,iBAAiB,EAAC,KAAI,CAAC;AAAA,MACpC,WAAW;AAAA,MACX,QAAQ,EAAC,UAAU,GAAG,WAAW,EAAC;AAAA;AAAA,IAElC,6BAAAA,QAAA,cAAC,QAAG,WAAW,EAAE,aAAa,KAAI,EAAE,eAAe,CAAE;AAAA,IACrD,6BAAAA,QAAA,cAAC,OAAE,WAAW,EAAE,YAAY,KAAI,EAAE,cAAc,CAAE;AAAA,EACtD;AAER,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;",
-  "names": ["block", "React"]
+  "sourcesContent": ["import type {RefObject} from 'react';\n\nimport {memo, useContext, useMemo} from 'react';\nimport {Popup, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition} from '../../../constants';\nimport {useTranslation} from '../../../hooks';\nimport {getPopupPosition} from '../../../utils';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {FeedbackView} from '../Feedback';\n\ntype SuccessPopupProps = {\n    view: FeedbackView;\n    visible: boolean;\n    anchor: RefObject<HTMLButtonElement | null>;\n    onOutsideClick: () => void;\n};\n\nconst b = block('dc-feedback');\n\nconst SuccessPopup = memo<SuccessPopupProps>(({visible, anchor, onOutsideClick, view}) => {\n    const {t} = useTranslation('feedback');\n    const {isVerticalView} = useContext(ControlsLayoutContext);\n    const direction = useDirection();\n\n    const position = useMemo(() => {\n        if (!view || view === FeedbackView.Regular) {\n            return getPopupPosition(isVerticalView, direction);\n        }\n\n        return PopperPosition.RIGHT;\n    }, [isVerticalView, view, direction]);\n\n    return (\n        <Popup\n            anchorRef={anchor}\n            open={visible}\n            onOutsideClick={onOutsideClick}\n            className={b('success-popup', {view})}\n            placement={position}\n            offset={{mainAxis: 1, crossAxis: 0}}\n        >\n            <h3 className={b('popup-title')}>{t('success-title')}</h3>\n            <p className={b('popup-text')}>{t('success-text')}</p>\n        </Popup>\n    );\n});\n\nSuccessPopup.displayName = 'FeedbackSuccessPopup';\n\nexport default SuccessPopup;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAwC;AACxC,mBAAkC;AAClC,yBAAkB;AAElB,uBAA6B;AAC7B,mBAA6B;AAC7B,mBAA+B;AAC/B,4BAAoC;AACpC,sBAA2B;AAyBnB;AAhBR,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,mBAAe,mBAAwB,CAAC,EAAC,SAAS,QAAQ,gBAAgB,KAAI,MAAM;AACtF,QAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,QAAM,EAAC,eAAc,QAAI,yBAAW,2CAAqB;AACzD,QAAM,gBAAY,2BAAa;AAE/B,QAAM,eAAW,sBAAQ,MAAM;AAC3B,QAAI,CAAC,QAAQ,SAAS,6BAAa,SAAS;AACxC,iBAAO,+BAAiB,gBAAgB,SAAS;AAAA,IACrD;AAEA,WAAO,gCAAe;AAAA,EAC1B,GAAG,CAAC,gBAAgB,MAAM,SAAS,CAAC;AAEpC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN;AAAA,MACA,WAAW,EAAE,iBAAiB,EAAC,KAAI,CAAC;AAAA,MACpC,WAAW;AAAA,MACX,QAAQ,EAAC,UAAU,GAAG,WAAW,EAAC;AAAA,MAElC;AAAA,oDAAC,QAAG,WAAW,EAAE,aAAa,GAAI,YAAE,eAAe,GAAE;AAAA,QACrD,4CAAC,OAAE,WAAW,EAAE,YAAY,GAAI,YAAE,cAAc,GAAE;AAAA;AAAA;AAAA,EACtD;AAER,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;",
+  "names": ["block"]
 }

package/build/cjs/components/Gallery/Gallery.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Gallery/Gallery.scss", "../../../../src/components/Gallery/%3Cinput css k6gC5k%3E"],
+  "sources": ["../../../../src/components/Gallery/Gallery.scss", "../../../../src/components/Gallery/%3Cinput css KE5nwz%3E"],
   "sourcesContent": [".dc-gallery__iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n}\n", ".dc-gallery__iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0dhbGxlcnkiLCJzb3VyY2VzIjpbIkdhbGxlcnkuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5kYy1nYWxsZXJ5X19pZnJhbWUge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXI6IG5vbmU7XG59XG4iXX0= */"],
   "mappings": ";AAAA,CAAA;AACI,SAAA;AACA,UAAA;AACA,UAAA;ACCJ;",
   "names": []

package/build/cjs/components/Gallery/Gallery.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/Gallery/Gallery.tsx
@@ -33,15 +23,15 @@ __export(Gallery_exports, {
   Gallery: () => Gallery
 });
 module.exports = __toCommonJS(Gallery_exports);
-var import_react = __toESM(require("react"));
 var import_components = require("@gravity-ui/components");
 var import_useGalleryOpen = require("./hooks/useGalleryOpen");
 var import_Gallery = require("./Gallery.css");
+var import_jsx_runtime = require("react/jsx-runtime");
 var GalleryCore = ({ contentSelector }) => {
   (0, import_useGalleryOpen.useGalleryOpen)({ contentSelector });
   return null;
 };
 var Gallery = ({ contentSelector = ".dc-doc-page__main" }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_components.GalleryProvider, null, /* @__PURE__ */ import_react.default.createElement(GalleryCore, { contentSelector }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.GalleryProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GalleryCore, { contentSelector }) });
 };
 //# sourceMappingURL=Gallery.js.map

package/build/cjs/components/Gallery/Gallery.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Gallery/Gallery.tsx"],
   "sourcesContent": ["import React from 'react';\nimport {GalleryProvider} from '@gravity-ui/components';\n\nimport {useGalleryOpen} from './hooks/useGalleryOpen';\nimport './Gallery.scss';\n\nexport interface GalleryProps {\n    contentSelector?: string;\n}\n\nconst GalleryCore: React.FC<{contentSelector: string}> = ({contentSelector}) => {\n    useGalleryOpen({contentSelector});\n    return null;\n};\n\nexport const Gallery: React.FC<GalleryProps> = ({contentSelector = '.dc-doc-page__main'}) => {\n    return (\n        <GalleryProvider>\n            <GalleryCore contentSelector={contentSelector} />\n        </GalleryProvider>\n    );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,wBAA8B;AAE9B,4BAA6B;AAC7B,qBAAO;AAMP,IAAM,cAAmD,CAAC,EAAC,gBAAe,MAAM;AAC5E,4CAAe,EAAC,gBAAe,CAAC;AAChC,SAAO;AACX;AAEO,IAAM,UAAkC,CAAC,EAAC,kBAAkB,qBAAoB,MAAM;AACzF,SACI,6BAAAA,QAAA,cAAC,yCACG,6BAAAA,QAAA,cAAC,eAAY,iBAAkC,CACnD;AAER;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAA8B;AAE9B,4BAA6B;AAC7B,qBAAO;AAcK;AARZ,IAAM,cAAmD,CAAC,EAAC,gBAAe,MAAM;AAC5E,4CAAe,EAAC,gBAAe,CAAC;AAChC,SAAO;AACX;AAEO,IAAM,UAAkC,CAAC,EAAC,kBAAkB,qBAAoB,MAAM;AACzF,SACI,4CAAC,qCACG,sDAAC,eAAY,iBAAkC,GACnD;AAER;",
+  "names": []
 }