@alfalab/core-components-navigation-bar 0.3.6 → 0.4.0

package/src/types.ts

@@ -0,0 +1,137 @@
+import React, { ReactNode } from 'react';
+
+import type { CloserProps } from './components/closer';
+
+export type NavigationBarProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+
+    /**
+     * Подзаголовок (доступен только в мобильной версии)
+     */
+    subtitle?: string;
+
+    /**
+     * Размер заголовка (compact доступен только в мобильной версии)
+     */
+    titleSize?: 'default' | 'compact';
+
+    /**
+     * Доп. класс для аддонов
+     */
+    addonClassName?: string;
+
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+
+    /**
+     * Дополнительный класс для closer
+     */
+    closerClassName?: string;
+
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+
+    /**
+     * Наличие кнопки "Назад"
+     */
+    hasBackButton?: boolean;
+
+    /**
+     * Дополнительный класс для правого аддона
+     */
+    backButtonClassName?: string;
+
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+
+    /**
+     * Дополнительный класс для нижнего аддона
+     */
+    bottomAddonsClassName?: string;
+
+    /**
+     * Выравнивание заголовка
+     */
+    align?: 'left' | 'center';
+
+    /**
+     * Обрезать ли заголовок
+     */
+    trim?: boolean;
+
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+
+    /**
+     * Фоновое изображение
+     */
+    imageUrl?: string;
+
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: React.ElementType;
+
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: CloserProps['onClose'];
+
+    /**
+     * обработчик клика по кнопке "назад"
+     */
+    onBack?: () => void;
+
+    /**
+     * Вид шапки - мобильный или десктоп
+     */
+    view: 'desktop' | 'mobile';
+
+    /**
+     * Ссылка на родительскую ноду overflow: auto
+     */
+    scrollableParentRef?: React.RefObject<HTMLDivElement>;
+};
+
+export type ContentParams = {
+    extraClassName?: string;
+    wrapperRef?: React.RefObject<HTMLDivElement>;
+    style?: React.CSSProperties;
+    hidden?: boolean;
+};

package/src/vars.css

@@ -0,0 +1,6 @@
+@import '@alfalab/core-components-themes/src/default.css';
+
+:root {
+    /* closer-mobile */
+    --navigation-bar-closer-mobile-color: var(--color-light-graphic-secondary);
+}

package/send-stats.js

@@ -1,82 +0,0 @@
-const http = require('http');
-const fs = require('fs');
-const { promisify } = require('util');
-const path = require('path');
-
-const readFile = promisify(fs.readFile);
-
-async function main() {
-    const remoteHost = process.env.NIS_HOST || 'digital';
-    const remotePort = process.env.NIS_PORT || 80;
-    const remotePath = process.env.NIS_PATH || '/npm-install-stats/api/install-stats';
-
-    try {
-        const [_, node, os, arch] =
-            /node\/v(\d+\.\d+\.\d+) (\w+) (\w+)/.exec(process.env.npm_config_user_agent) || [];
-        const [__, npm] = /npm\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
-        const [___, yarn] = /yarn\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
-
-        let ownPackageJson, packageJson;
-
-        try {
-            const result = await Promise.all([
-                readFile(path.join(process.cwd(), 'package.json'), 'utf-8'),
-                readFile(path.join(process.cwd(), '../../../package.json'), 'utf-8'),
-            ]);
-
-            ownPackageJson = JSON.parse(result[0]);
-            packageJson = JSON.parse(result[1]);
-        } catch (err) {
-            ownPackageJson = '';
-            packageJson = '';
-        }
-
-        const data = {
-            node,
-            npm,
-            yarn,
-            os,
-            arch,
-            ownPackageJson: JSON.stringify(ownPackageJson),
-            packageJson: JSON.stringify(packageJson),
-        };
-
-        const body = JSON.stringify(data);
-
-        const options = {
-            host: remoteHost,
-            port: remotePort,
-            path: remotePath,
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'Content-Length': body.length,
-            },
-        };
-
-        return new Promise((resolve, reject) => {
-            const req = http.request(options, (res) => {
-                res.on('end', () => {
-                    resolve();
-                });
-            });
-
-            req.on('error', () => {
-                reject();
-            });
-
-            req.write(body);
-            req.end();
-        });
-    } catch (error) {
-        throw error;
-    }
-}
-
-main()
-    .then(() => {
-        process.exit(0);
-    })
-    .catch(() => {
-        process.exit(0);
-    });