@diplodoc/components 5.12.2 → 5.13.0

package/package.json

@@ -3,7 +3,7 @@
   "description": "React components for drawing Diplodoc documentation",
   "author": "YFM Team <yfm-team@yandex.ru>",
   "license": "MIT",
-  "version": "5.12.2",
+  "version": "5.13.0",
   "repository": {
     "type": "git",
     "url": "git@github.com:diplodoc-platform/components.git"
@@ -72,7 +72,8 @@
     "lint": "lint",
     "lint:fix": "lint fix",
     "pre-commit": "lint-staged",
-    "prepare": "husky || true"
+    "prepare": "husky || true",
+    "lock": "npm install --no-workspaces --package-lock-only --ignore-scripts"
   },
   "dependencies": {
     "@diplodoc/themes": "^1.2.0",
@@ -104,8 +105,7 @@
     "react-dom": ">=16.8.0 || >=17.0.0 || >=18.0.0 || >=19.0.0"
   },
   "devDependencies": {
-    "@diplodoc/infra": "2.0.5",
-    "@diplodoc/tsconfig": "^1.0.2",
+    "@diplodoc/infra": "2.2.0",
     "@playwright/test": "^1.60.0",
     "@types/hoist-non-react-statics": "^3.3.6",
     "@types/langs": "^2.0.1",

package/src/i18n/ar.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "المعلومات الإضافية ستكون مفيدة",
     "button-like-text": "نعم",
     "button-dislike-text": "لا",
-    "main-question": "هل كان المقال مفيدًا؟"
+    "main-question": "هل كان المقال مفيدًا؟",
+    "comment-text": "اترك تعليقًا",
+    "comment-form-title": "شاركنا رأيك",
+    "comment-form-placeholder": "يرجى وصف المشكلة التي تواجهها بمزيد من التفصيل. سيساعدنا ذلك على حلّها بسرعة."
   },
   "feedback-variants": {
     "irrelevant-answer": "لم أتلقَّ ردًّا على سؤالي",

package/src/i18n/bg.json

@@ -79,7 +79,10 @@
     "comment-placeholder": "Допълнителната информация ще бъде полезна",
     "button-like-text": "Да",
     "button-dislike-text": "Не",
-    "main-question": "Беше ли полезна статията?"
+    "main-question": "Беше ли полезна статията?",
+    "comment-text": "Оставете коментар",
+    "comment-form-title": "Споделете мнението си",
+    "comment-form-placeholder": "Моля, опишете по-подробно проблема, с която се сблъскахте. Това ще ни помогне да я решим по-бързо."
   },
   "feedback-variants": {
     "irrelevant-answer": "Няма отговор на моя въпрос",

package/src/i18n/cs.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "Budou užitečné další informace",
     "button-like-text": "Ano",
     "button-dislike-text": "Ne",
-    "main-question": "Byl článek užitečný?"
+    "main-question": "Byl článek užitečný?",
+    "comment-text": "Zanechat komentář",
+    "comment-form-title": "Podělte se o názor",
+    "comment-form-placeholder": "Popište prosím podrobněji problém, se kterým jste se setkali. Pomůže nám to jej rychleji vyřešit."
   },
   "feedback-variants": {
     "irrelevant-answer": "Žádná odpověď na mou otázku",

package/src/i18n/el.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "Πρόσθετες πληροφορίες θα είναι χρήσιμες",
     "button-like-text": "Ναι",
     "button-dislike-text": "Όχι",
-    "main-question": "Ήταν χρήσιμο το άρθρο;"
+    "main-question": "Ήταν χρήσιμο το άρθρο;",
+    "comment-text": "Αφήστε σχόλιο",
+    "comment-form-title": "Μοιραστείτε τη γνώμη σας",
+    "comment-form-placeholder": "Παρακαλούμε περιγράψτε πιο αναλυτικά το πρόβλημα που αντιμετωπίζετε. Αυτό θα μας βοηθήσει να το λύσουμε γρήγορα."
   },
   "feedback-variants": {
     "irrelevant-answer": "Δεν υπάρχει απάντηση στην ερώτησή μου",

package/src/i18n/en.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "Additional information will be useful",
     "button-like-text": "Yes",
     "button-dislike-text": "No",
-    "main-question": "Was the article helpful?"
+    "main-question": "Was the article helpful?",
+    "comment-text": "Leave a comment",
+    "comment-form-title": "Share your feedback",
+    "comment-form-placeholder": "Please describe the issue you're experiencing in more detail. This will help us resolve it quickly."
   },
   "feedback-variants": {
     "irrelevant-answer": "No answer to my question",

package/src/i18n/es.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "Será útil disponer de información adicional",
     "button-like-text": "Sí",
     "button-dislike-text": "No",
-    "main-question": "¿Ha sido útil el artículo?"
+    "main-question": "¿Ha sido útil el artículo?",
+    "comment-text": "Dejar un comentario",
+    "comment-form-title": "Comparte tu opinión",
+    "comment-form-placeholder": "Describe con más detalle el problema que has encontrado. Esto nos ayudará a resolverlo más rápido."
   },
   "feedback-variants": {
     "irrelevant-answer": "No responde a mi pregunta",

package/src/i18n/et.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "Lisateave on kasulik",
     "button-like-text": "Jah",
     "button-dislike-text": "Ei",
-    "main-question": "Kas artikkel oli kasulik?"
+    "main-question": "Kas artikkel oli kasulik?",
+    "comment-text": "Jäta kommentaar",
+    "comment-form-title": "Jaga oma tagasisidet",
+    "comment-form-placeholder": "Palun kirjeldage üksikasjalikumalt probleemi, millega kokku puutusite. See aitab meil selle kiiremini lahendada."
   },
   "feedback-variants": {
     "irrelevant-answer": "Ei vastanud mu küsimusele",

package/src/i18n/fr.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "Des informations supplémentaires seraient utiles",
     "button-like-text": "Oui",
     "button-dislike-text": "Non",
-    "main-question": "L’article vous a-t-il été utile ?"
+    "main-question": "L’article vous a-t-il été utile ?",
+    "comment-text": "Laisser un commentaire",
+    "comment-form-title": "Partagez votre avis",
+    "comment-form-placeholder": "Veuillez décrire plus en détail le problème que vous rencontrez. Cela nous aidera à le résoudre rapidement."
   },
   "feedback-variants": {
     "irrelevant-answer": "Pas de réponse à ma question",

package/src/i18n/he.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "מידע נוסף יהיה שימושי",
     "button-like-text": "כן",
     "button-dislike-text": "לא",
-    "main-question": "האם המאמר היה שימושי?"
+    "main-question": "האם המאמר היה שימושי?",
+    "comment-text": "השאירו תגובה",
+    "comment-form-title": "שתפו אותנו במשוב",
+    "comment-form-placeholder": "אנא תארו ביתר פירוט את הבעיה שנתקלתם בה. זה יעזור לנו לפתור אותה מהר יותר."
   },
   "feedback-variants": {
     "irrelevant-answer": "אין תשובה לשאלה שלי",

package/src/i18n/kk.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "Қосымша ақпарат пайдалы болады",
     "button-like-text": "Иә",
     "button-dislike-text": "Жоқ",
-    "main-question": "Мақала пайдалы болды ма?"
+    "main-question": "Мақала пайдалы болды ма?",
+    "comment-text": "Пікір қалдыру",
+    "comment-form-title": "Пікіріңізбен бөлісіңіз",
+    "comment-form-placeholder": "Кездескен мәселені толығырақ сипаттап беріңіз. Бұл бізге оны тезірек шешуге көмектеседі."
   },
   "feedback-variants": {
     "irrelevant-answer": "Менің сұрағыма жауап жоқ",

package/src/i18n/pt.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "Qualquer informação adicional será útil",
     "button-like-text": "Sim",
     "button-dislike-text": "Não",
-    "main-question": "Este artigo foi útil?"
+    "main-question": "Este artigo foi útil?",
+    "comment-text": "Deixe um comentário",
+    "comment-form-title": "Compartilhe sua opinião",
+    "comment-form-placeholder": "Descreva com mais detalhes o problema que você encontrou. Isso nos ajudará a resolvê-lo rapidamente."
   },
   "feedback-variants": {
     "irrelevant-answer": "Não obtive resposta à minha pergunta",

package/src/i18n/ru.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "Дополнительная информация будет полезна",
     "button-like-text": "Да",
     "button-dislike-text": "Нет",
-    "main-question": "Была ли статья полезна?"
+    "main-question": "Была ли статья полезна?",
+    "comment-text": "Оставить комментарий",
+    "comment-form-title": "Поделитесь обратной связью",
+    "comment-form-placeholder": "Пожалуйста, подробнее опишите проблему, с которой столкнулись. Это поможет нам быстрее решить её."
   },
   "feedback-variants": {
     "irrelevant-answer": "Нет ответа на мой вопрос",

package/src/i18n/tr.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "Ek bilgiler yararlı olacaktır",
     "button-like-text": "Evet",
     "button-dislike-text": "Hayır",
-    "main-question": "Yazı yararlı oldu mu?"
+    "main-question": "Yazı yararlı oldu mu?",
+    "comment-text": "Yorum bırakın",
+    "comment-form-title": "Görüşünüzü paylaşın",
+    "comment-form-placeholder": "Lütfen karşılaştığınız sorunu daha ayrıntılı açıklayın. Bu, sorunu daha hızlı çözmemize yardımcı olacaktır."
   },
   "feedback-variants": {
     "irrelevant-answer": "Sorum yanıtlanmadı",

package/src/i18n/uz.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "Qoʻshimcha axborot foyda beradi",
     "button-like-text": "Ha",
     "button-dislike-text": "Yoʻq",
-    "main-question": "Maqola foyda berdimi?"
+    "main-question": "Maqola foyda berdimi?",
+    "comment-text": "Izoh qoldiring",
+    "comment-form-title": "Fikringizni bildiring",
+    "comment-form-placeholder": "Iltimos, duch kelgan muammoingizni batafsilroq tavsiflab bering. Bu bizga uni tezroq hal qilishimizga yordam beradi."
   },
   "feedback-variants": {
     "irrelevant-answer": "Savolimga javob yoʻq",

package/src/i18n/zh-tw.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "補充信息將有所幫助",
     "button-like-text": "是",
     "button-dislike-text": "不是",
-    "main-question": "這篇文章是否有用？"
+    "main-question": "這篇文章是否有用？",
+    "comment-text": "留下評論",
+    "comment-form-title": "分享您的意見回饋",
+    "comment-form-placeholder": "請更詳細地描述您遇到的問題。這將幫助我們更快地解決它。"
   },
   "feedback-variants": {
     "irrelevant-answer": "沒有回答我的問題",

package/src/i18n/zh.json

@@ -80,7 +80,10 @@
     "comment-placeholder": "补充信息将有所帮助",
     "button-like-text": "是",
     "button-dislike-text": "不是",
-    "main-question": "这篇文章是否有用？"
+    "main-question": "这篇文章是否有用？",
+    "comment-text": "发表评论",
+    "comment-form-title": "分享您的反馈",
+    "comment-form-placeholder": "请更详细地描述您遇到的问题。这将帮助我们更快地解决它。"
   },
   "feedback-variants": {
     "irrelevant-answer": "没有回答我的问题",

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

@@ -1,7 +0,0 @@
-{
-  "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": ["block", "React"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "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": []
-}