@diplodoc/components 0.0.0-rc-pdf-icon-custimization-24387828749

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

@@ -0,0 +1,156 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a, prop, b2[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a, prop, b2[prop]);
+    }
+  return a;
+};
+
+// src/components/Feedback/Feedback.tsx
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import block from "bem-cn-lite";
+import { useInterface, 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-col", { 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(__spreadValues({ type: FeedbackType.dislike }, data));
+    },
+    [onSendFeedback, setInnerState, dislikeSuccessPopup, hideFeedbackPopups]
+  );
+  const isDislikePopupVisible = dislikeSuccessPopup.visible || dislikeVariantsPopup.visible;
+  const isFeedbackHidden = useInterface("feedback");
+  if (isFeedbackHidden) {
+    return null;
+  }
+  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,
+      isPopupVisible: likeSuccessPopup.visible
+    }
+  ), /* @__PURE__ */ React.createElement(
+    DislikeControl,
+    {
+      ref: dislikeControlRef,
+      view,
+      onClick: onChangeDislike,
+      isDisliked: innerState === FeedbackType.dislike,
+      isPopupVisible: isDislikePopupVisible
+    }
+  )), 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 type {PropsWithChildren} from 'react';\nimport type {FeedbackSendData} from '../../models';\nimport type {FormData} from './controls/DislikeVariantsPopup';\n\nimport React, {useCallback, useEffect, useRef, useState} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {useInterface, usePopupState, useTranslation} from '../../hooks';\nimport {FeedbackType} from '../../models';\n\nimport DislikeControl from './controls/DislikeControl';\nimport DislikeVariantsPopup from './controls/DislikeVariantsPopup';\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\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    } = 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    const isDislikePopupVisible = dislikeSuccessPopup.visible || dislikeVariantsPopup.visible;\n    const isFeedbackHidden = useInterface('feedback');\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            </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/__tests__/Feedback.spec.d.ts

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

package/build/esm/components/Feedback/__tests__/FeedbackControls.spec.d.ts

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { FeedbackView } from '../Feedback';
+type DislikeControlProps = {
+    isVerticalView?: boolean | undefined;
+    isDisliked: boolean | undefined;
+    isPopupVisible: boolean;
+    className?: string | undefined;
+    view: FeedbackView | undefined;
+    onClick: () => void;
+};
+declare const DislikeControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<DislikeControlProps & React.RefAttributes<HTMLButtonElement>>>;
+export default DislikeControl;

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 { ThumbsDown, ThumbsDownFill } from "@gravity-ui/icons";
+import { Button } 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";
+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");
+    const Icon = isDisliked ? ThumbsDownFill : ThumbsDown;
+    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, { width: 20, height: 20 })), t("button-dislike-text"));
+    }
+    return /* @__PURE__ */ React.createElement(
+      Control,
+      {
+        onClick,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText,
+        ref,
+        icon: Icon
+      }
+    );
+  })
+);
+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';\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,OAAO,SAAQ,YAAY,MAAM,kBAAiB;AAClD,SAAQ,YAAY,sBAAqB;AACzC,SAAQ,cAAa;AACrB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAW3B,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,UAAM,OAAO,aAAa,iBAAiB;AAE3C,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,OAAO,IAAI,QAAQ,IAAI,CACjC,GACC,EAAE,qBAAqB,CAC5B;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": []
+}

package/build/esm/components/Feedback/controls/DislikeVariantsPopup.d.ts

@@ -0,0 +1,19 @@
+import type { RefObject } from 'react';
+import React from 'react';
+import { FeedbackView } from '../Feedback';
+export interface FeedbackCheckboxes {
+    [key: string]: boolean;
+}
+export type FormData = {
+    comment: string;
+    answers: string[];
+};
+type DislikeVariantsPopupProps = {
+    view: FeedbackView;
+    visible: boolean;
+    anchor: RefObject<HTMLButtonElement>;
+    onOutsideClick: () => void;
+    onSubmit: (data: FormData) => void;
+};
+declare const DislikeVariantsPopup: React.FC<DislikeVariantsPopupProps>;
+export default DislikeVariantsPopup;

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

@@ -0,0 +1,151 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a, prop, b2[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a, prop, b2[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
+
+// src/components/Feedback/controls/DislikeVariantsPopup.tsx
+import React, {
+  forwardRef,
+  memo,
+  useCallback,
+  useContext,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Button, Checkbox, Popup, TextArea, useDirection } from "@gravity-ui/uikit";
+import block from "bem-cn-lite";
+import { PopperPosition, useTranslation } from "../../../hooks";
+import { getPopupPosition } from "../../../utils";
+import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
+import { FeedbackView } from "../Feedback";
+var b = block("dc-feedback");
+var DislikeVariantsList = memo(
+  forwardRef((_props, ref) => {
+    const { t, i18n } = useTranslation("feedback-variants");
+    const variants = i18n.getResourceBundle(i18n.language, "feedback-variants");
+    const [checked, setChecked] = useState({});
+    useImperativeHandle(ref, () => {
+      return {
+        data() {
+          return Object.keys(checked).filter((key) => Boolean(checked[key])).map((key) => variants[key]);
+        },
+        clean() {
+          setChecked({});
+        }
+      };
+    });
+    if (!Object.keys(variants).length) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: b("variants") }, Object.keys(variants).map((variant) => /* @__PURE__ */ React.createElement(
+      Checkbox,
+      {
+        key: variant,
+        className: b("variant"),
+        checked: checked[variant],
+        onUpdate: (state) => {
+          setChecked(__spreadProps(__spreadValues({}, checked), {
+            [variant]: state
+          }));
+        },
+        content: t(variant)
+      }
+    )));
+  })
+);
+DislikeVariantsList.displayName = "DislikeVariantsList";
+var DislikeVariantsInput = memo(
+  forwardRef((_props, ref) => {
+    const { t } = useTranslation("feedback");
+    const [feedbackComment, setFeedbackComment] = useState("");
+    const onChange = useCallback((event) => {
+      setFeedbackComment(event.target.value);
+    }, []);
+    useImperativeHandle(ref, () => {
+      return {
+        data() {
+          return feedbackComment;
+        },
+        clean() {
+          setFeedbackComment("");
+        }
+      };
+    });
+    return /* @__PURE__ */ React.createElement("div", { className: b("textarea") }, /* @__PURE__ */ React.createElement(
+      TextArea,
+      {
+        size: "m",
+        rows: 6,
+        placeholder: t("comment-placeholder"),
+        hasClear: true,
+        value: feedbackComment,
+        onChange
+      }
+    ));
+  })
+);
+DislikeVariantsInput.displayName = "DislikeVariantsInput";
+var DislikeVariantsPopup = memo(
+  ({ anchor, visible, view, onOutsideClick, onSubmit }) => {
+    const { t } = useTranslation("feedback");
+    const { isVerticalView } = useContext(ControlsLayoutContext);
+    const direction = useDirection();
+    const position = useMemo(() => {
+      if (!view || view === FeedbackView.Regular) {
+        return getPopupPosition(isVerticalView, direction);
+      }
+      return PopperPosition.RIGHT;
+    }, [isVerticalView, view, direction]);
+    const feedbackComment = useRef(null);
+    const feedbackCheckboxes = useRef(null);
+    const onFormSubmit = useCallback(
+      (event) => {
+        var _a, _b, _c, _d;
+        event.preventDefault();
+        onSubmit({
+          comment: ((_a = feedbackComment.current) == null ? void 0 : _a.data()) || "",
+          answers: ((_b = feedbackCheckboxes.current) == null ? void 0 : _b.data()) || []
+        });
+        (_c = feedbackComment.current) == null ? void 0 : _c.clean();
+        (_d = feedbackCheckboxes.current) == null ? void 0 : _d.clean();
+      },
+      [onSubmit]
+    );
+    return /* @__PURE__ */ React.createElement(
+      Popup,
+      {
+        anchorElement: anchor.current,
+        open: visible,
+        onOutsideClick,
+        className: b("variants-popup", { view }),
+        placement: position,
+        offset: { mainAxis: 1, crossAxis: 0 }
+      },
+      /* @__PURE__ */ React.createElement("h3", { className: b("popup-title") }, t("dislike-variants-title")),
+      /* @__PURE__ */ React.createElement("form", { onSubmit: onFormSubmit }, /* @__PURE__ */ React.createElement(DislikeVariantsList, { ref: feedbackCheckboxes }), /* @__PURE__ */ React.createElement(DislikeVariantsInput, { ref: feedbackComment }), /* @__PURE__ */ React.createElement("div", { className: b("variants-actions") }, /* @__PURE__ */ React.createElement(Button, { view: "action", className: b("variants-action"), type: "submit" }, t("send-action-text"))))
+    );
+  }
+);
+DislikeVariantsPopup.displayName = "FeedbackDislikeVariantsPopup";
+var DislikeVariantsPopup_default = DislikeVariantsPopup;
+export {
+  DislikeVariantsPopup_default as default
+};
+//# sourceMappingURL=DislikeVariantsPopup.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Feedback/controls/DislikeVariantsPopup.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 DislikeVariantsList = 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                        // TODO: fix uikit API - onUpdate(value, 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\nDislikeVariantsList.displayName = 'DislikeVariantsList';\n\nconst DislikeVariantsInput = memo(\n    forwardRef<FormPart<string>>((_props, 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('comment-placeholder')}\n                    hasClear\n                    value={feedbackComment}\n                    onChange={onChange}\n                />\n            </div>\n        );\n    }),\n);\n\nDislikeVariantsInput.displayName = 'DislikeVariantsInput';\n\ntype FormPart<T> = {\n    data(): T;\n    clean(): void;\n};\n\nexport type FormData = {\n    comment: string;\n    answers: string[];\n};\n\ntype DislikeVariantsPopupProps = {\n    view: FeedbackView;\n    visible: boolean;\n    anchor: RefObject<HTMLButtonElement>;\n    onOutsideClick: () => void;\n    onSubmit: (data: FormData) => void;\n};\n\nconst DislikeVariantsPopup: React.FC<DislikeVariantsPopupProps> = memo(\n    ({anchor, visible, view, onOutsideClick, onSubmit}) => {\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('dislike-variants-title')}</h3>\n                <form onSubmit={onFormSubmit}>\n                    <DislikeVariantsList ref={feedbackCheckboxes} />\n                    <DislikeVariantsInput ref={feedbackComment} />\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\nDislikeVariantsPopup.displayName = 'FeedbackDislikeVariantsPopup';\n\nexport default DislikeVariantsPopup;\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+import type { PopperPosition } from '../../../hooks';
+import React from 'react';
+import { FeedbackView } from '../Feedback';
+type LikeControlProps = {
+    isVerticalView?: boolean | undefined;
+    isLiked: boolean | undefined;
+    isPopupVisible: boolean;
+    className?: string | undefined;
+    view: FeedbackView | undefined;
+    onClick: () => void;
+    popupPosition?: PopperPosition | undefined;
+};
+declare const LikeControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<LikeControlProps & React.RefAttributes<HTMLButtonElement>>>;
+export default LikeControl;

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

@@ -0,0 +1,39 @@
+// src/components/Feedback/controls/LikeControl.tsx
+import React, { forwardRef, memo, useContext } from "react";
+import { ThumbsUp, ThumbsUpFill } from "@gravity-ui/icons";
+import { Button } 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";
+var b = block("dc-feedback");
+var LikeControl = memo(
+  forwardRef(({ isLiked, view, onClick }, ref) => {
+    const { t } = useTranslation("feedback");
+    const { isVerticalView, popupPosition, controlClassName } = useContext(ControlsLayoutContext);
+    const tooltipText = isLiked ? t("cancel-like-text") : t("like-text");
+    const Icon = isLiked ? ThumbsUpFill : ThumbsUp;
+    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, { width: 20, height: 20 })), t("button-like-text"));
+    }
+    return /* @__PURE__ */ React.createElement(
+      Control,
+      {
+        onClick,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText,
+        ref,
+        icon: Icon,
+        popupPosition
+      }
+    );
+  })
+);
+LikeControl.displayName = "LikeControl";
+var LikeControl_default = LikeControl;
+export {
+  LikeControl_default as default
+};
+//# sourceMappingURL=LikeControl.js.map

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

@@ -0,0 +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": ";AAEA,OAAO,SAAQ,YAAY,MAAM,kBAAiB;AAClD,SAAQ,UAAU,oBAAmB;AACrC,SAAQ,cAAa;AACrB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,eAAc;AACtB,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAY3B,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,cAAc;AAAA,EAChB,WAAgD,CAAC,EAAC,SAAS,MAAM,QAAO,GAAG,QAAQ;AAC/E,UAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,UAAM,EAAC,gBAAgB,eAAe,iBAAgB,IAAI,WAAW,qBAAqB;AAC1F,UAAM,cAAc,UAAU,EAAE,kBAAkB,IAAI,EAAE,WAAW;AAEnE,UAAM,OAAO,UAAU,eAAe;AAEtC,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,OAAO,IAAI,QAAQ,IAAI,CACjC,GACC,EAAE,kBAAkB,CACzB;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": []
+}

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

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

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

@@ -0,0 +1,39 @@
+// src/components/Feedback/controls/SuccessPopup.tsx
+import React, { memo, useContext, useMemo } from "react";
+import { Popup, useDirection } from "@gravity-ui/uikit";
+import block from "bem-cn-lite";
+import { PopperPosition, useTranslation } from "../../../hooks";
+import { getPopupPosition } from "../../../utils";
+import { ControlsLayoutContext } from "../../Controls/ControlsLayout";
+import { FeedbackView } from "../Feedback";
+var b = block("dc-feedback");
+var SuccessPopup = memo(({ visible, anchor, onOutsideClick, view }) => {
+  const { t } = useTranslation("feedback");
+  const { isVerticalView } = useContext(ControlsLayoutContext);
+  const direction = useDirection();
+  const position = useMemo(() => {
+    if (!view || view === FeedbackView.Regular) {
+      return getPopupPosition(isVerticalView, direction);
+    }
+    return PopperPosition.RIGHT;
+  }, [isVerticalView, view, direction]);
+  return /* @__PURE__ */ React.createElement(
+    Popup,
+    {
+      anchorRef: anchor,
+      open: visible,
+      onOutsideClick,
+      className: b("success-popup", { view }),
+      placement: position,
+      offset: { mainAxis: 1, crossAxis: 0 }
+    },
+    /* @__PURE__ */ React.createElement("h3", { className: b("popup-title") }, t("success-title")),
+    /* @__PURE__ */ React.createElement("p", { className: b("popup-text") }, t("success-text"))
+  );
+});
+SuccessPopup.displayName = "FeedbackSuccessPopup";
+var SuccessPopup_default = SuccessPopup;
+export {
+  SuccessPopup_default as default
+};
+//# sourceMappingURL=SuccessPopup.js.map

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

@@ -0,0 +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": ";AAEA,OAAO,SAAQ,MAAM,YAAY,eAAc;AAC/C,SAAQ,OAAO,oBAAmB;AAClC,OAAO,WAAW;AAElB,SAAQ,gBAAgB,sBAAqB;AAC7C,SAAQ,wBAAuB;AAC/B,SAAQ,6BAA4B;AACpC,SAAQ,oBAAmB;AAS3B,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,eAAe,KAAwB,CAAC,EAAC,SAAS,QAAQ,gBAAgB,KAAI,MAAM;AACtF,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,eAAc,IAAI,WAAW,qBAAqB;AACzD,QAAM,YAAY,aAAa;AAE/B,QAAM,WAAW,QAAQ,MAAM;AAC3B,QAAI,CAAC,QAAQ,SAAS,aAAa,SAAS;AACxC,aAAO,iBAAiB,gBAAgB,SAAS;AAAA,IACrD;AAEA,WAAO,eAAe;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;AAAA,IAElC,oCAAC,QAAG,WAAW,EAAE,aAAa,KAAI,EAAE,eAAe,CAAE;AAAA,IACrD,oCAAC,OAAE,WAAW,EAAE,YAAY,KAAI,EAAE,cAAc,CAAE;AAAA,EACtD;AAER,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;",
+  "names": []
+}

package/build/esm/components/Feedback/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Feedback';
+export { default as Feedback } from './Feedback';

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

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

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

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

package/build/esm/components/HTML/HTML.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface HTMLProps {
+    children?: string;
+    block?: boolean;
+    className?: string;
+    id?: string;
+}
+export declare const HTML: React.FC<HTMLProps>;

package/build/esm/components/HTML/HTML.js

@@ -0,0 +1,16 @@
+// src/components/HTML/HTML.tsx
+import React from "react";
+var HTML = ({ children, block = false, className, id }) => {
+  if (!children) {
+    return null;
+  }
+  return React.createElement(block ? "div" : "span", {
+    dangerouslySetInnerHTML: { __html: children },
+    className,
+    id
+  });
+};
+export {
+  HTML
+};
+//# sourceMappingURL=HTML.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/HTML/HTML.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nexport interface HTMLProps {\n    children?: string;\n    block?: boolean;\n    className?: string;\n    id?: string;\n}\n\nexport const HTML: React.FC<HTMLProps> = ({children, block = false, className, id}) => {\n    if (!children) {\n        return null;\n    }\n\n    return React.createElement(block ? 'div' : 'span', {\n        dangerouslySetInnerHTML: {__html: children},\n        className,\n        id,\n    });\n};\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AASX,IAAM,OAA4B,CAAC,EAAC,UAAU,QAAQ,OAAO,WAAW,GAAE,MAAM;AACnF,MAAI,CAAC,UAAU;AACX,WAAO;AAAA,EACX;AAEA,SAAO,MAAM,cAAc,QAAQ,QAAQ,QAAQ;AAAA,IAC/C,yBAAyB,EAAC,QAAQ,SAAQ;AAAA,IAC1C;AAAA,IACA;AAAA,EACJ,CAAC;AACL;",
+  "names": []
+}