@diplodoc/components - npm Package Compare versions

Comparing version 4.11.1 to 4.11.2-unstable-memo

build/cjs/components/Controls/single-controls/LangControl/LangControl.js

@@ -131,5 +131,2 @@ "use strict";
         popupPosition,
-        buttonExtraProps: {
-          "aria-expanded": popupState.visible
-        },
         isTooltipHidden: popupState.visible
@@ -136,0 +133,0 @@ }

build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.js

@@ -100,3 +100,10 @@ "use strict";
         ),
-        control: /* @__PURE__ */ import_react.default.createElement(import_uikit.Switch, { checked: wideFormat, onChange: _onChangeWideFormat })
+        control: /* @__PURE__ */ import_react.default.createElement(
+          import_uikit.Switch,
+          {
+            title: t("label_wide_format"),
+            checked: wideFormat,
+            onChange: _onChangeWideFormat
+          }
+        )
       } : null,
@@ -112,2 +119,3 @@ onChangeShowMiniToc ? {
           {
+            title: t("label_show_mini_toc"),
             disabled: showMiniTocDisabled,
@@ -122,3 +130,10 @@ checked: showMiniToc,
         description: import_models.Theme.Light === theme ? t("description_disabled_dark_theme") : t("description_enabled_dark_theme"),
-        control: /* @__PURE__ */ import_react.default.createElement(import_uikit.Switch, { checked: theme === import_models.Theme.Dark, onChange: _onChangeTheme })
+        control: /* @__PURE__ */ import_react.default.createElement(
+          import_uikit.Switch,
+          {
+            title: t("label_dark_theme"),
+            checked: theme === import_models.Theme.Dark,
+            onChange: _onChangeTheme
+          }
+        )
       } : null,
@@ -136,3 +151,4 @@ onChangeTextSize ? {
             view: "flat",
-            onClick: _onChangeTextSize(textSizeKey)
+            onClick: _onChangeTextSize(textSizeKey),
+            title: `${t("label_text_size")} ${t(`description_${textSizeKey}_text_size`)}`
           },
@@ -146,3 +162,3 @@ /* @__PURE__ */ import_react.default.createElement(
             },
-            "A"
+            /* @__PURE__ */ import_react.default.createElement("span", { "aria-hidden": true }, "A")
           )
@@ -212,5 +228,2 @@ )))
         icon: import_icons.Gear,
-        buttonExtraProps: {
-          "aria-expanded": isVisiblePopup
-        },
         isTooltipHidden: isVisiblePopup
@@ -217,0 +230,0 @@ }

build/cjs/components/DocPage/DocPage.d.ts

@@ -48,3 +48,3 @@ import React from 'react';
 }
-declare const _default: React.FC<import("../SearchBar").SearchWordsHighlighterProps & Omit<DocPageProps, keyof DocSettings> & Required<Pick<DocPageProps, keyof DocSettings>>>;
+declare const _default: React.NamedExoticComponent<import("../SearchBar").SearchWordsHighlighterProps & Omit<DocPageProps, keyof DocSettings> & Required<Pick<DocPageProps, keyof DocSettings>>>;
 export default _default;

build/cjs/components/DocPage/DocPage.js

@@ -542,3 +542,6 @@ "use strict";
 __publicField(DocPage, "defaultProps", import_constants.DEFAULT_SETTINGS);
-var DocPage_default = (0, import_SearchBar.withHighlightedSearchWords)(DocPage);
+var DocPage_default = import_react.default.memo((0, import_SearchBar.withHighlightedSearchWords)(DocPage), (...args) => {
+  console.log("DocPage memo with", args);
+  return false;
+});
 //# sourceMappingURL=DocPage.js.map

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

@@ -6,3 +6,2 @@ import React from 'react';
     isDisliked: boolean | undefined;
-    isPopupVisible: boolean;
     className?: string | undefined;
@@ -9,0 +8,0 @@ view: FeedbackView | undefined;

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

@@ -46,37 +46,22 @@ "use strict";
 var DislikeControl = (0, import_react.memo)(
-  (0, import_react.forwardRef)(
-    ({ isDisliked, isPopupVisible, view, onClick }, ref) => {
-      const { t } = (0, import_hooks.useTranslation)("feedback");
-      const { isVerticalView, controlClassName } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
-      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: 14, height: 14 })),
-          t("button-dislike-text")
-        );
+  (0, import_react.forwardRef)(({ isDisliked, view, onClick }, ref) => {
+    const { t } = (0, import_hooks.useTranslation)("feedback");
+    const { isVerticalView, controlClassName } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+    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: 14, height: 14 })), t("button-dislike-text"));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Control.Control,
+      {
+        onClick,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText,
+        ref,
+        icon: Icon
       }
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_Control.Control,
-        {
-          onClick,
-          className: b("control", { view }, controlClassName),
-          isVerticalView,
-          tooltipText,
-          ref,
-          icon: Icon,
-          buttonExtraProps: {
-            "aria-expanded": isPopupVisible
-          }
-        }
-      );
-    }
-  )
+    );
+  })
 );
@@ -83,0 +68,0 @@ DislikeControl.displayName = "DislikeControl";

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

@@ -7,3 +7,2 @@ import type { PopperPosition } from '../../../hooks';
     isLiked: boolean | undefined;
-    isPopupVisible: boolean;
     className?: string | undefined;
@@ -10,0 +9,0 @@ view: FeedbackView | undefined;

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

@@ -46,39 +46,34 @@ "use strict";
 var LikeControl = (0, import_react.memo)(
-  (0, import_react.forwardRef)(
-    ({ isLiked, isPopupVisible, view, onClick }, ref) => {
-      const { t } = (0, import_hooks.useTranslation)("feedback");
-      const { isVerticalView, popupPosition, controlClassName } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
-      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,
-          {
-            size: "m",
-            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: 14, height: 14 })),
-          t("button-like-text")
-        );
-      }
+  (0, import_react.forwardRef)(({ isLiked, view, onClick }, ref) => {
+    const { t } = (0, import_hooks.useTranslation)("feedback");
+    const { isVerticalView, popupPosition, controlClassName } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+    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_Control.Control,
+        import_uikit.Button,
         {
+          size: "m",
+          view: "normal",
+          ref,
           onClick,
-          className: b("control", { view }, controlClassName),
-          isVerticalView,
-          tooltipText,
-          ref,
-          icon: Icon,
-          popupPosition,
-          buttonExtraProps: {
-            "aria-expanded": isPopupVisible
-          }
-        }
+          className: b("control", { view })
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(Icon, { width: 14, height: 14 })),
+        t("button-like-text")
       );
     }
-  )
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Control.Control,
+      {
+        onClick,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText,
+        ref,
+        icon: Icon,
+        popupPosition
+      }
+    );
+  })
 );
@@ -85,0 +80,0 @@ LikeControl.displayName = "LikeControl";

build/cjs/components/Feedback/Feedback.js

@@ -133,3 +133,2 @@ "use strict";
   );
-  const isDislikePopupVisible = dislikeSuccessPopup.visible || dislikeVariantsPopup.visible;
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(ControlsLayout, { view }, /* @__PURE__ */ import_react.default.createElement(
@@ -141,4 +140,3 @@ import_LikeControl.default,
       onClick: onChangeLike,
-      isLiked: innerState === import_models.FeedbackType.like,
-      isPopupVisible: likeSuccessPopup.visible
+      isLiked: innerState === import_models.FeedbackType.like
     }
@@ -151,4 +149,3 @@ ), /* @__PURE__ */ import_react.default.createElement(
       onClick: onChangeDislike,
-      isDisliked: innerState === import_models.FeedbackType.dislike,
-      isPopupVisible: isDislikePopupVisible
+      isDisliked: innerState === import_models.FeedbackType.dislike
     }
@@ -155,0 +152,0 @@ )), likeControlRef.current && /* @__PURE__ */ import_react.default.createElement(

build/cjs/components/Subscribe/Subscribe.js

@@ -54,37 +54,32 @@ "use strict";
 var SubscribeControl = (0, import_react.memo)(
-  (0, import_react.forwardRef)(
-    ({ view, onChangeSubscribe, isPopupVisible }, ref) => {
-      const { isVerticalView, popupPosition, controlClassName, controlSize } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
-      const { t } = (0, import_hooks.useTranslation)("controls");
-      if (view === "wide" /* Wide */) {
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_uikit.Button,
-          {
-            view: "flat-secondary",
-            ref,
-            onClick: onChangeSubscribe,
-            className: b("control", { view })
-          },
-          /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(import_icons.Envelope, { width: 16, height: 16 })),
-          t("button-Subscribe-text")
-        );
-      }
+  (0, import_react.forwardRef)(({ view, onChangeSubscribe }, ref) => {
+    const { isVerticalView, popupPosition, controlClassName, controlSize } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+    const { t } = (0, import_hooks.useTranslation)("controls");
+    if (view === "wide" /* Wide */) {
       return /* @__PURE__ */ import_react.default.createElement(
-        import_Control.Control,
+        import_uikit.Button,
         {
+          view: "flat-secondary",
           ref,
           onClick: onChangeSubscribe,
-          size: controlSize,
-          className: b("control", { view }, controlClassName),
-          isVerticalView,
-          tooltipText: t(`subscribe-text`),
-          icon: import_icons.Envelope,
-          popupPosition,
-          buttonExtraProps: {
-            "aria-expanded": isPopupVisible
-          }
-        }
+          className: b("control", { view })
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(import_icons.Envelope, { width: 16, height: 16 })),
+        t("button-Subscribe-text")
       );
     }
-  )
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Control.Control,
+      {
+        ref,
+        onClick: onChangeSubscribe,
+        size: controlSize,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText: t(`subscribe-text`),
+        icon: import_icons.Envelope,
+        popupPosition
+      }
+    );
+  })
 );
@@ -115,3 +110,2 @@ SubscribeControl.displayName = "SubscribeControl";
   }, [successPopup, variantsPopup]);
-  const isPopupVisible = successPopup.visible || variantsPopup.visible;
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(SubscribeControlsLayout, { view }, /* @__PURE__ */ import_react.default.createElement(
@@ -122,4 +116,3 @@ SubscribeControl,
       view,
-      onChangeSubscribe,
-      isPopupVisible
+      onChangeSubscribe
     }
@@ -126,0 +119,0 @@ )), successPopup.visible && subscribeControlRef.current && /* @__PURE__ */ import_react.default.createElement(

build/cjs/utils/index.d.ts

@@ -17,5 +17,5 @@ import { ThemeContextProps } from '@gravity-ui/uikit';
 export declare const getPopupPosition: (isVerticalView: boolean | undefined, direction?: ThemeContextProps["direction"]) => PopperPosition.BOTTOM_END | PopperPosition.RIGHT_START | PopperPosition.LEFT_START;
-export declare function getPageByType(type: DocumentType): import("react").FC<import("../components/DocContentPage").DocContentPageProps> | import("react").FC<import("../components/DocLeadingPage").DocLeadingPageProps> | import("react").FC<import("..").SearchWordsHighlighterProps & Omit<import("../components/DocPage").DocPageProps, keyof import("../models").DocSettings> & Required<Pick<import("../components/DocPage").DocPageProps, keyof import("../models").DocSettings>>>;
+export declare function getPageByType(type: DocumentType): import("react").FC<import("../components/DocContentPage").DocContentPageProps> | import("react").FC<import("../components/DocLeadingPage").DocLeadingPageProps> | import("react").NamedExoticComponent<import("..").SearchWordsHighlighterProps & Omit<import("../components/DocPage").DocPageProps, keyof import("../models").DocSettings> & Required<Pick<import("../components/DocPage").DocPageProps, keyof import("../models").DocSettings>>>;
 export declare function getPageType({ data, leading, }: DocLeadingPageData | (DocPageData & {
     data?: undefined;
 }) | DocContentPageData): DocumentType;

build/esm/components/Controls/single-controls/LangControl/LangControl.js

@@ -97,5 +97,2 @@ // src/components/Controls/single-controls/LangControl/LangControl.tsx
         popupPosition,
-        buttonExtraProps: {
-          "aria-expanded": popupState.visible
-        },
         isTooltipHidden: popupState.visible
@@ -102,0 +99,0 @@ }

build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.js

@@ -66,3 +66,10 @@ // src/components/Controls/single-controls/SettingsControl/SettingsControl.tsx
         ),
-        control: /* @__PURE__ */ React.createElement(Switch, { checked: wideFormat, onChange: _onChangeWideFormat })
+        control: /* @__PURE__ */ React.createElement(
+          Switch,
+          {
+            title: t("label_wide_format"),
+            checked: wideFormat,
+            onChange: _onChangeWideFormat
+          }
+        )
       } : null,
@@ -78,2 +85,3 @@ onChangeShowMiniToc ? {
           {
+            title: t("label_show_mini_toc"),
             disabled: showMiniTocDisabled,
@@ -88,3 +96,10 @@ checked: showMiniToc,
         description: Theme.Light === theme ? t("description_disabled_dark_theme") : t("description_enabled_dark_theme"),
-        control: /* @__PURE__ */ React.createElement(Switch, { checked: theme === Theme.Dark, onChange: _onChangeTheme })
+        control: /* @__PURE__ */ React.createElement(
+          Switch,
+          {
+            title: t("label_dark_theme"),
+            checked: theme === Theme.Dark,
+            onChange: _onChangeTheme
+          }
+        )
       } : null,
@@ -102,3 +117,4 @@ onChangeTextSize ? {
             view: "flat",
-            onClick: _onChangeTextSize(textSizeKey)
+            onClick: _onChangeTextSize(textSizeKey),
+            title: `${t("label_text_size")} ${t(`description_${textSizeKey}_text_size`)}`
           },
@@ -112,3 +128,3 @@ /* @__PURE__ */ React.createElement(
             },
-            "A"
+            /* @__PURE__ */ React.createElement("span", { "aria-hidden": true }, "A")
           )
@@ -178,5 +194,2 @@ )))
         icon: Gear,
-        buttonExtraProps: {
-          "aria-expanded": isVisiblePopup
-        },
         isTooltipHidden: isVisiblePopup
@@ -183,0 +196,0 @@ }

build/esm/components/DocPage/DocPage.d.ts

@@ -48,3 +48,3 @@ import React from 'react';
 }
-declare const _default: React.FC<import("../SearchBar").SearchWordsHighlighterProps & Omit<DocPageProps, keyof DocSettings> & Required<Pick<DocPageProps, keyof DocSettings>>>;
+declare const _default: React.NamedExoticComponent<import("../SearchBar").SearchWordsHighlighterProps & Omit<DocPageProps, keyof DocSettings> & Required<Pick<DocPageProps, keyof DocSettings>>>;
 export default _default;

build/esm/components/DocPage/DocPage.js

@@ -511,3 +511,6 @@ var __defProp = Object.defineProperty;
 __publicField(DocPage, "defaultProps", DEFAULT_SETTINGS);
-var DocPage_default = withHighlightedSearchWords(DocPage);
+var DocPage_default = React.memo(withHighlightedSearchWords(DocPage), (...args) => {
+  console.log("DocPage memo with", args);
+  return false;
+});
 export {
@@ -514,0 +517,0 @@ DocPage_default as default

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

@@ -6,3 +6,2 @@ import React from 'react';
     isDisliked: boolean | undefined;
-    isPopupVisible: boolean;
     className?: string | undefined;
@@ -9,0 +8,0 @@ view: FeedbackView | undefined;

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

@@ -12,37 +12,22 @@ // src/components/Feedback/controls/DislikeControl.tsx
 var DislikeControl = memo(
-  forwardRef(
-    ({ isDisliked, isPopupVisible, 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: 14, height: 14 })),
-          t("button-dislike-text")
-        );
+  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: 14, height: 14 })), t("button-dislike-text"));
+    }
+    return /* @__PURE__ */ React.createElement(
+      Control,
+      {
+        onClick,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText,
+        ref,
+        icon: Icon
       }
-      return /* @__PURE__ */ React.createElement(
-        Control,
-        {
-          onClick,
-          className: b("control", { view }, controlClassName),
-          isVerticalView,
-          tooltipText,
-          ref,
-          icon: Icon,
-          buttonExtraProps: {
-            "aria-expanded": isPopupVisible
-          }
-        }
-      );
-    }
-  )
+    );
+  })
 );
@@ -49,0 +34,0 @@ DislikeControl.displayName = "DislikeControl";

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

@@ -7,3 +7,2 @@ import type { PopperPosition } from '../../../hooks';
     isLiked: boolean | undefined;
-    isPopupVisible: boolean;
     className?: string | undefined;
@@ -10,0 +9,0 @@ view: FeedbackView | undefined;

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

@@ -12,39 +12,34 @@ // src/components/Feedback/controls/LikeControl.tsx
 var LikeControl = memo(
-  forwardRef(
-    ({ isLiked, isPopupVisible, 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,
-          {
-            size: "m",
-            view: "normal",
-            ref,
-            onClick,
-            className: b("control", { view })
-          },
-          /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Icon, { width: 14, height: 14 })),
-          t("button-like-text")
-        );
-      }
+  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(
-        Control,
+        Button,
         {
+          size: "m",
+          view: "normal",
+          ref,
           onClick,
-          className: b("control", { view }, controlClassName),
-          isVerticalView,
-          tooltipText,
-          ref,
-          icon: Icon,
-          popupPosition,
-          buttonExtraProps: {
-            "aria-expanded": isPopupVisible
-          }
-        }
+          className: b("control", { view })
+        },
+        /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Icon, { width: 14, height: 14 })),
+        t("button-like-text")
       );
     }
-  )
+    return /* @__PURE__ */ React.createElement(
+      Control,
+      {
+        onClick,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText,
+        ref,
+        icon: Icon,
+        popupPosition
+      }
+    );
+  })
 );
@@ -51,0 +46,0 @@ LikeControl.displayName = "LikeControl";

build/esm/components/Feedback/Feedback.js

@@ -101,3 +101,2 @@ var __defProp = Object.defineProperty;
   );
-  const isDislikePopupVisible = dislikeSuccessPopup.visible || dislikeVariantsPopup.visible;
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ControlsLayout, { view }, /* @__PURE__ */ React.createElement(
@@ -109,4 +108,3 @@ LikeControl,
       onClick: onChangeLike,
-      isLiked: innerState === FeedbackType.like,
-      isPopupVisible: likeSuccessPopup.visible
+      isLiked: innerState === FeedbackType.like
     }
@@ -119,4 +117,3 @@ ), /* @__PURE__ */ React.createElement(
       onClick: onChangeDislike,
-      isDisliked: innerState === FeedbackType.dislike,
-      isPopupVisible: isDislikePopupVisible
+      isDisliked: innerState === FeedbackType.dislike
     }
@@ -123,0 +120,0 @@ )), likeControlRef.current && /* @__PURE__ */ React.createElement(

build/esm/components/Subscribe/Subscribe.js

@@ -19,37 +19,32 @@ // src/components/Subscribe/Subscribe.tsx
 var SubscribeControl = memo(
-  forwardRef(
-    ({ view, onChangeSubscribe, isPopupVisible }, ref) => {
-      const { isVerticalView, popupPosition, controlClassName, controlSize } = useContext(ControlsLayoutContext);
-      const { t } = useTranslation("controls");
-      if (view === "wide" /* Wide */) {
-        return /* @__PURE__ */ React.createElement(
-          Button,
-          {
-            view: "flat-secondary",
-            ref,
-            onClick: onChangeSubscribe,
-            className: b("control", { view })
-          },
-          /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Envelope, { width: 16, height: 16 })),
-          t("button-Subscribe-text")
-        );
-      }
+  forwardRef(({ view, onChangeSubscribe }, ref) => {
+    const { isVerticalView, popupPosition, controlClassName, controlSize } = useContext(ControlsLayoutContext);
+    const { t } = useTranslation("controls");
+    if (view === "wide" /* Wide */) {
       return /* @__PURE__ */ React.createElement(
-        Control,
+        Button,
         {
+          view: "flat-secondary",
           ref,
           onClick: onChangeSubscribe,
-          size: controlSize,
-          className: b("control", { view }, controlClassName),
-          isVerticalView,
-          tooltipText: t(`subscribe-text`),
-          icon: Envelope,
-          popupPosition,
-          buttonExtraProps: {
-            "aria-expanded": isPopupVisible
-          }
-        }
+          className: b("control", { view })
+        },
+        /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Envelope, { width: 16, height: 16 })),
+        t("button-Subscribe-text")
       );
     }
-  )
+    return /* @__PURE__ */ React.createElement(
+      Control,
+      {
+        ref,
+        onClick: onChangeSubscribe,
+        size: controlSize,
+        className: b("control", { view }, controlClassName),
+        isVerticalView,
+        tooltipText: t(`subscribe-text`),
+        icon: Envelope,
+        popupPosition
+      }
+    );
+  })
 );
@@ -80,3 +75,2 @@ SubscribeControl.displayName = "SubscribeControl";
   }, [successPopup, variantsPopup]);
-  const isPopupVisible = successPopup.visible || variantsPopup.visible;
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SubscribeControlsLayout, { view }, /* @__PURE__ */ React.createElement(
@@ -87,4 +81,3 @@ SubscribeControl,
       view,
-      onChangeSubscribe,
-      isPopupVisible
+      onChangeSubscribe
     }
@@ -91,0 +84,0 @@ )), successPopup.visible && subscribeControlRef.current && /* @__PURE__ */ React.createElement(

build/esm/utils/index.d.ts

@@ -17,5 +17,5 @@ import { ThemeContextProps } from '@gravity-ui/uikit';
 export declare const getPopupPosition: (isVerticalView: boolean | undefined, direction?: ThemeContextProps["direction"]) => PopperPosition.BOTTOM_END | PopperPosition.RIGHT_START | PopperPosition.LEFT_START;
-export declare function getPageByType(type: DocumentType): import("react").FC<import("../components/DocContentPage").DocContentPageProps> | import("react").FC<import("../components/DocLeadingPage").DocLeadingPageProps> | import("react").FC<import("..").SearchWordsHighlighterProps & Omit<import("../components/DocPage").DocPageProps, keyof import("../models").DocSettings> & Required<Pick<import("../components/DocPage").DocPageProps, keyof import("../models").DocSettings>>>;
+export declare function getPageByType(type: DocumentType): import("react").FC<import("../components/DocContentPage").DocContentPageProps> | import("react").FC<import("../components/DocLeadingPage").DocLeadingPageProps> | import("react").NamedExoticComponent<import("..").SearchWordsHighlighterProps & Omit<import("../components/DocPage").DocPageProps, keyof import("../models").DocSettings> & Required<Pick<import("../components/DocPage").DocPageProps, keyof import("../models").DocSettings>>>;
 export declare function getPageType({ data, leading, }: DocLeadingPageData | (DocPageData & {
     data?: undefined;
 }) | DocContentPageData): DocumentType;

package.json

@@ -6,3 +6,3 @@ {
   "license": "MIT",
-  "version": "4.11.1",
+  "version": "4.11.2-unstable-memo",
   "repository": {
@@ -9,0 +9,0 @@ "type": "git",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

3361128

decreased by-0.17%

Lines of code

30607

decreased by-0.12%

Number of low quality alerts

2

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes