@skbkontur/side-menu 0.14.7 → 0.14.8

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.14.8](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/side-menu@0.14.7...@skbkontur/side-menu@0.14.8) (2023-07-25)
+
+**Note:** Version bump only for package @skbkontur/side-menu
+
+
+
+
+
 ## [0.14.7](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/side-menu@0.14.6...@skbkontur/side-menu@0.14.7) (2023-07-24)
 
 **Note:** Version bump only for package @skbkontur/side-menu

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/side-menu",
-  "version": "0.14.7",
+  "version": "0.14.8",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

package/src/internal/SideMenuLogotype.js

@@ -7,6 +7,24 @@ import { Burger } from './Burger';
 import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
 import { ThemeContext } from '@skbkontur/react-ui';
+var changeCamelCaseToKebabCase = function (str) {
+    return str
+        .split('')
+        .map(function (letter, idx) {
+        return letter.toUpperCase() === letter ? "" + (idx !== 0 ? '-' : '') + letter.toLowerCase() : letter;
+    })
+        .join('');
+};
+var getProductName = function (productLogo) {
+    var _a;
+    // @ts-expect-error: accessing private property
+    return ((_a = productLogo === null || productLogo === void 0 ? void 0 : productLogo.type) === null || _a === void 0 ? void 0 : _a.__KONTUR_REACT_UI__) ? // @ts-expect-error: accessing private property
+        changeCamelCaseToKebabCase(productLogo.type.__KONTUR_REACT_UI__.replace(/EN$/i, ''))
+        : 'kontur';
+};
+var getStaticIconPath = function (productName) {
+    return "https://s.kontur.ru/common-v2/icons-products/" + productName + "/" + productName + "-" + parseInt(sideMenuLogotypeIconSize) + ".svg";
+};
 /**
  * Логотип
  *
@@ -17,8 +35,10 @@ var SideMenuLogotype = forwardRef(function (_a, ref) {
     var productLogo = _a.productLogo, withWidget = _a.withWidget, konturLogo = _a.konturLogo, iconUrl = _a.iconUrl, rest = __rest(_a, ["productLogo", "withWidget", "konturLogo", "iconUrl"]);
     var context = useContext(SideMenuContext);
     var theme = getSideMenuTheme(useContext(ThemeContext));
+    var productName = getProductName(productLogo);
     var refLogotype = useRef(null);
     var _d = useState(28), size = _d[0], setSize = _d[1];
+    var _e = useState(getStaticIconPath(productName)), productIconUrl = _e[0], setProductIconUrl = _e[1];
     useEffect(function () {
         var _a, _b;
         var logotypeWidth = (_b = (_a = refLogotype.current) === null || _a === void 0 ? void 0 : _a.logotypeRef) === null || _b === void 0 ? void 0 : _b.clientWidth;
@@ -29,25 +49,6 @@ var SideMenuLogotype = forwardRef(function (_a, ref) {
             setSize(24);
         }
     }, []);
-    var changeCamelCaseToKebabCase = function (str) {
-        return str
-            .split('')
-            .map(function (letter, idx) {
-            return letter.toUpperCase() === letter ? "" + (idx !== 0 ? '-' : '') + letter.toLowerCase() : letter;
-        })
-            .join('');
-    };
-    var getProductName = function () {
-        var _a;
-        // @ts-expect-error: accessing private property
-        return ((_a = productLogo === null || productLogo === void 0 ? void 0 : productLogo.type) === null || _a === void 0 ? void 0 : _a.__KONTUR_REACT_UI__) ? // @ts-expect-error: accessing private property
-            changeCamelCaseToKebabCase(productLogo.type.__KONTUR_REACT_UI__)
-            : 'kontur';
-    };
-    var productName = getProductName();
-    var getStaticIconPath = function () {
-        return "https://s.kontur.ru/common-v2/icons-products/" + productName + "/" + productName + "-" + parseInt(sideMenuLogotypeIconSize) + ".svg";
-    };
     var getWidget = function (withWidget, isTouchScreen, isMinimizedInNarrowDesktop, showWidget) {
         if (withWidget !== undefined) {
             return withWidget;
@@ -60,11 +61,14 @@ var SideMenuLogotype = forwardRef(function (_a, ref) {
         }
         return showWidget;
     };
+    var handleError = function () {
+        setProductIconUrl(getStaticIconPath('kontur'));
+    };
     return (React.createElement("div", { className: jsStyles.root(), ref: ref },
         !context.isMobile && !context.isTablet && (React.createElement("img", { className: cx((_b = {},
                 _b[jsStyles.iconHidden(theme)] = true,
                 _b[jsStyles.icon()] = context.isMinimized,
-                _b)), src: iconUrl || getStaticIconPath(), alt: productName })),
+                _b)), src: iconUrl || productIconUrl, alt: productName, onError: handleError })),
         React.createElement("div", { className: cx((_c = {},
                 _c[jsStyles.logoWrapper(theme)] = true,
                 _c[jsStyles.logoWrapperForTabletsOrMobiles(theme)] = context.isMobile || context.isTablet,