@alfalab/core-components-navigation-bar-private 0.5.7 → 0.6.0

package/modern/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
 type NavigationBarPrivateProps = {
@@ -108,6 +108,18 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
 };
 type ContentParams = {
     extraClassName?: string;

package/moderncssm/Component.js

@@ -9,7 +9,7 @@ import styles from './index.module.css';
 
 /* eslint-disable complexity */
 const ADDONS_HEIGHT = 48;
-const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, }, ref) => {
+const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, dataName, titleClassName, titleRef, }, ref) => {
     const [scrollTop, setScrollTop] = useState(0);
     const [titleMargin, setTitleMargin] = useState({ left: 0, right: 0 });
     const bottomContentRef = useRef(null);
@@ -85,8 +85,8 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
                 [styles.withCompactTitle]: view === 'mobile' && compactTitle && hasContent,
             }), "aria-hidden": hidden },
             children && React.createElement("div", { className: styles.children }, children),
-            title && (React.createElement("div", { className: styles.title, "data-test-id": hidden ? undefined : getDataTestId(dataTestId, 'title') }, title)),
-            compactTitle && subtitle && React.createElement("div", { className: styles.subtitle }, subtitle)));
+            title && (React.createElement("div", { className: cn(styles.title, titleClassName), "data-test-id": hidden ? undefined : getDataTestId(dataTestId, 'title'), ref: titleRef }, title)),
+            compactTitle && subtitle && (React.createElement("div", { className: styles.subtitle, "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle))));
     };
     const renderCloser = () => (React.createElement("div", { className: cn(styles.addon, styles.closer, closerClassName) },
         React.createElement(Closer, { view: view, icon: closerIcon, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose })));
@@ -96,7 +96,7 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
                 bottomContentRef.current && {
                 top: -bottomContentRef.current.scrollHeight,
             }),
-        } },
+        }, "data-name": dataName },
         React.createElement("div", { className: cn(styles.mainLine, {
                 [styles.mainLineSticky]: withAnimation,
                 [styles.mainLineWithImageBg]: imageUrl,

package/moderncssm/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
 type NavigationBarPrivateProps = {
@@ -108,6 +108,18 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
 };
 type ContentParams = {
     extraClassName?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-navigation-bar-private",
-    "version": "0.5.7",
+    "version": "0.6.0",
     "description": "Navigation bar private component",
     "keywords": [],
     "license": "MIT",
@@ -12,10 +12,10 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@alfalab/core-components-icon-button": "^6.11.6",
-        "@alfalab/core-components-button": "^11.11.3",
-        "@alfalab/core-components-typography": "^4.11.3",
-        "@alfalab/core-components-shared": "^0.14.1",
+        "@alfalab/core-components-icon-button": "^6.11.8",
+        "@alfalab/core-components-button": "^11.11.5",
+        "@alfalab/core-components-typography": "^4.11.4",
+        "@alfalab/core-components-shared": "^0.16.0",
         "@alfalab/hooks": "^1.13.1",
         "@alfalab/icons-glyph": "^2.210.0",
         "classnames": "^2.5.1",
@@ -25,6 +25,6 @@
     "peerDependencies": {
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
-    "themesVersion": "13.7.0",
-    "varsVersion": "9.16.0"
+    "themesVersion": "13.7.1",
+    "varsVersion": "9.18.0"
 }

package/src/Component.tsx

@@ -43,6 +43,9 @@ export const NavigationBarPrivate = forwardRef<HTMLDivElement, NavigationBarPriv
             scrollableParentRef,
             sticky,
             onBack,
+            dataName,
+            titleClassName,
+            titleRef,
         },
         ref,
     ) => {
@@ -157,13 +160,21 @@ export const NavigationBarPrivate = forwardRef<HTMLDivElement, NavigationBarPriv
                     {children && <div className={styles.children}>{children}</div>}
                     {title && (
                         <div
-                            className={styles.title}
+                            className={cn(styles.title, titleClassName)}
                             data-test-id={hidden ? undefined : getDataTestId(dataTestId, 'title')}
+                            ref={titleRef}
                         >
                             {title}
                         </div>
                     )}
-                    {compactTitle && subtitle && <div className={styles.subtitle}>{subtitle}</div>}
+                    {compactTitle && subtitle && (
+                        <div
+                            className={styles.subtitle}
+                            data-test-id={getDataTestId(dataTestId, 'subtitle')}
+                        >
+                            {subtitle}
+                        </div>
+                    )}
                 </div>
             );
         };
@@ -191,6 +202,7 @@ export const NavigationBarPrivate = forwardRef<HTMLDivElement, NavigationBarPriv
                             top: -bottomContentRef.current.scrollHeight,
                         }),
                 }}
+                data-name={dataName}
             >
                 <div
                     className={cn(styles.mainLine, {

package/src/types.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, RefObject } from 'react';
 
 import { BackArrowAddonProps } from './components/back-arrow-addon';
 import type { CloserProps } from './components/closer';
@@ -133,6 +133,21 @@ export type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
+
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
 };
 
 export type ContentParams = {

package/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
 type NavigationBarPrivateProps = {
@@ -108,6 +108,18 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
 };
 type ContentParams = {
     extraClassName?: string;