@skbkontur/side-menu 0.9.0 → 0.9.2

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.9.2](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/side-menu@0.9.1...@skbkontur/side-menu@0.9.2) (2023-05-19)
+
+**Note:** Version bump only for package @skbkontur/side-menu
+
+
+
+
+
+## [0.9.1](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/side-menu@0.9.0...@skbkontur/side-menu@0.9.1) (2023-05-15)
+
+
+### Bug Fixes
+
+* **Logotype,ProductWidget:** reinit widget on remount ([b1bbaab](https://git.skbkontur.ru/ui/ui-parking/commits/b1bbaab83a1b0a34edebc33904f9821f9588e0de))
+
+
+
+
+
 # [0.9.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/side-menu@0.8.1...@skbkontur/side-menu@0.9.0) (2023-05-02)
 
 

package/README.md

@@ -130,7 +130,7 @@ const renderModal = () => {
 
 <div style={{height: '600px', width: '100%', position: 'relative', display: 'flex'}}>
   <SideMenu isSeparatedMenu={true}>
-    <SideMenu.Header konturLogo={<Kontur/>} productLogo={<Buhgalteria/>}/>
+    <SideMenu.Header konturLogo={<Kontur/>} productLogo={<Buhgalteria/>} withWidget={false}/>
     <SideMenu.Body>
       <SideMenu.Item icon={<DocTextIcon24Regular/>} caption={'Документы'} marker={'новое'}>
         <SideMenu.SubItem caption={'Входящие'} marker={'5'}>
@@ -253,7 +253,7 @@ const renderModal = () => {
 
 <div style={{height: '600px', width: '100%', position: 'relative', display: 'flex'}}>
   <SideMenu isSeparatedMenu={true} separatedMenuWithOverlay={true}>
-    <SideMenu.Header konturLogo={<Kontur/>} productLogo={<Buhgalteria/>}/>
+    <SideMenu.Header konturLogo={<Kontur/>} productLogo={<Buhgalteria/>} withWidget={false}/>
     <SideMenu.Body>
       <SideMenu.Item icon={<DocTextIcon24Regular/>} caption={'Документы'} marker={'новое'}>
         <SideMenu.SubItem caption={'Входящие'} marker={'5'}>
@@ -375,7 +375,7 @@ const items = [
 
 <div style={{height: '600px', display: 'flex', position: 'relative'}}>
     <SideMenu value={activeItem} onValueChange={setActiveItem} isSeparatedMenu={isSeparatedMenu}>
-        <SideMenu.Header konturLogo={<Kontur/>} productLogo={<Ofd/>}/>
+        <SideMenu.Header konturLogo={<Kontur/>} productLogo={<Ofd/>} withWidget={false}/>
         <SideMenu.Body>
             <SideMenu.Item icon={<DocTextIcon24Regular/>} caption={'Документы к подписанию id=100'} marker={'новое'} id={'100'}>
                 <SideMenu.SubItem caption={'Входящие id=110'} id={'110'}/>
@@ -513,7 +513,7 @@ const items = [
 
 <div style={{height: '600px', display: 'flex', position: 'relative'}}>
     <SideMenu value={activeItem} onValueChange={setActiveItem} isSeparatedMenu={isSeparatedMenu}>
-        <SideMenu.Header konturLogo={<Kontur/>} productLogo={<Ofd/>}/>
+        <SideMenu.Header konturLogo={<Kontur/>} productLogo={<Ofd/>} withWidget={false}/>
         <SideMenu.Body>
             <SideMenu.Item icon={<DocTextIcon24Regular/>} caption={'Документы к подписанию'} marker={'новое'} id={'documents'}>
                 <SideMenu.SubItem caption={'Входящие'} id={'my-id-for-incoming-documents'}/>

package/hooks/useNumberOfTextLinesInItem.js

@@ -1,3 +1,4 @@
+import { isBrowser } from '../utils/scripts';
 export var useNumberOfTextLinesInItem = function (textRef, setLinesNumber, text, marker, size) {
     if (text === void 0) { text = ''; }
     if (marker === void 0) { marker = ''; }
@@ -25,7 +26,7 @@ export var useNumberOfTextLinesInItem = function (textRef, setLinesNumber, text,
         return lineCount;
     };
     var fontSize = size === 'small' ? 14 : 16; //TODO после перехода на переменные темы заменить на side-menu-font-size-small и side-menu-font-size-large
-    var fontFamily = textRef.current && typeof window !== undefined
+    var fontFamily = textRef.current && isBrowser
         ? window.getComputedStyle(textRef.current).getPropertyValue('font-family')
         : "'Lab Grotesque', 'Segoe UI', 'Helvetica Neue', Roboto, Arial, sans-serif";
     var canvas = document.createElement('canvas');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/side-menu",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,6 @@
   "author": "Kontur",
   "peerDependencies": {
     "@skbkontur/react-ui": ">=4.5.0 <5",
-    "@skbkontur/react-ui-addons": ">=4.0.1",
     "react": ">=16.9",
     "react-dom": ">=16.9"
   },
@@ -24,6 +23,7 @@
   },
   "dependencies": {
     "@skbkontur/icons": "^0.16.0",
+    "@skbkontur/react-ui-addons": "^4.6.2",
     "tslib": "^1"
   }
 }

package/src/internal/ItemContent/Icon.styles.js

@@ -2,7 +2,7 @@ import { __makeTemplateObject } from "tslib";
 import { css, memoizeStyle } from '@skbkontur/react-ui/lib/theming/Emotion';
 var styles = {
     root: function () {
-        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: flex;\n      align-items: center;\n      padding: 0 8px;\n      min-height: 32px;\n      line-height: 20px;\n      flex-shrink: 0;\n    "], ["\n      display: flex;\n      align-items: center;\n      padding: 0 8px;\n      min-height: 32px;\n      line-height: 20px;\n      flex-shrink: 0;\n    "])));
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: flex;\n      align-items: center;\n      padding: 0 8px;\n      min-height: 32px;\n      line-height: 20px;\n      flex-shrink: 0;\n      box-sizing: content-box;\n    "], ["\n      display: flex;\n      align-items: center;\n      padding: 0 8px;\n      min-height: 32px;\n      line-height: 20px;\n      flex-shrink: 0;\n      box-sizing: content-box;\n    "])));
     },
     rootMultiline: function () {
         return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      align-self: flex-start;\n      align-items: flex-start;\n    "], ["\n      align-self: flex-start;\n      align-items: flex-start;\n    "])));

package/utils/scripts.d.ts

@@ -8,5 +8,6 @@ export declare const getChildrenIdArray: (childrenArray: FlattedArrayElementType
 export declare const getElementsChildren: (element: ReactElement, levelIndex: string) => FlattedArrayElementType[];
 export declare const isParentOpened: (id: string | undefined, generatedId: string | undefined, openedParents: string[] | undefined) => boolean | "" | undefined;
 export declare const isElementActive: (id: string | undefined, activeMenuItem: string | undefined | null) => boolean;
+export declare const isBrowser: boolean;
 export declare const isTouchDevice: () => boolean;
 export declare const getIconSize: (_isSubMenu?: boolean | undefined, _isBackButton?: boolean | undefined) => 24 | 16 | undefined;

package/utils/scripts.js

@@ -73,8 +73,9 @@ export var isParentOpened = function (id, generatedId, openedParents) {
 export var isElementActive = function (id, activeMenuItem) {
     return !!id && !!activeMenuItem && id === activeMenuItem;
 };
+export var isBrowser = typeof window !== 'undefined';
 export var isTouchDevice = function () {
-    return typeof window !== undefined && ('ontouchstart' in window || navigator.maxTouchPoints > 0);
+    return isBrowser && ('ontouchstart' in window || navigator.maxTouchPoints > 0);
 };
 export var getIconSize = function (_isSubMenu, _isBackButton) {
     if (!_isSubMenu) {