@alfalab/core-components 41.7.0-beta.0 → 41.7.0-beta.1

package/indicator/modern/Component.d.ts

@@ -1,80 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactElement } from "react";
-type IndicatorProps = React.HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Значение индикатора
-     */
-    value?: number | ReactElement;
-    /**
-     * Цвет значения
-     */
-    color?: string;
-    /**
-     * Цвет заливки
-     */
-    backgroundColor?: string;
-    /**
-     * Высота компонента, min = 16; max = 48 (только для view=count)
-     */
-    height?: number;
-    /**
-     * Настройки обводки
-     */
-    border?: {
-        width?: number;
-        color?: string;
-        style?: 'solid' | 'dashed' | 'dotted';
-    };
-    /**
-     * Пресет компонента
-     */
-    view?: 'red' | 'grey' | 'white';
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Indicator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Значение индикатора
-     */
-    value?: number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    /**
-     * Цвет значения
-     */
-    color?: string | undefined;
-    /**
-     * Цвет заливки
-     */
-    backgroundColor?: string | undefined;
-    /**
-     * Высота компонента, min = 16; max = 48 (только для view=count)
-     */
-    height?: number | undefined;
-    /**
-     * Настройки обводки
-     */
-    border?: {
-        width?: number | undefined;
-        color?: string | undefined;
-        style?: "solid" | "dashed" | "dotted" | undefined;
-    } | undefined;
-    /**
-     * Пресет компонента
-     */
-    view?: "red" | "grey" | "white" | undefined;
-    /**
-     * Дополнительный класс
-     */
-    className?: string | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { IndicatorProps, Indicator };

package/indicator/modern/Component.js

@@ -1,51 +0,0 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-
-const styles = {"component":"indicator__component_9vw4m","red":"indicator__red_9vw4m","white":"indicator__white_9vw4m","grey":"indicator__grey_9vw4m","xs":"indicator__xs_9vw4m","s":"indicator__s_9vw4m","content":"indicator__content_9vw4m","m":"indicator__m_9vw4m","l":"indicator__l_9vw4m","xl":"indicator__xl_9vw4m","xxl":"indicator__xxl_9vw4m","border":"indicator__border_9vw4m"};
-require('./index.css');
-
-function getSize(height, value) {
-    if (!height) {
-        return typeof value === 'undefined' ? 'xs' : 's';
-    }
-    if (height <= 8)
-        return 'xs';
-    if (height <= 18)
-        return 's';
-    if (height <= 24)
-        return 'm';
-    if (height <= 32)
-        return 'l';
-    if (height <= 40)
-        return 'xl';
-    return 'xxl';
-}
-function formatValue(rawValue) {
-    if (typeof rawValue === 'number' && rawValue >= 100)
-        return '99+';
-    return rawValue;
-}
-const Indicator = forwardRef(({ value, color, backgroundColor, border, height, view, className, dataTestId, style, ...restProps }, ref) => {
-    const size = getSize(height, value);
-    const showContent = typeof value !== 'undefined' && size !== 'xs';
-    return (React.createElement("div", { ref: ref, className: cn(styles.component, view && styles[view], styles[size], className), style: {
-            ...style,
-            ...(!view && {
-                backgroundColor,
-                color,
-            }),
-            height,
-            minWidth: height,
-        }, "data-test-id": dataTestId, ...restProps },
-        showContent && React.createElement("span", { className: styles.content }, formatValue(value)),
-        border && (React.createElement("span", { className: styles.border, style: {
-                ...(!view &&
-                    border && {
-                    borderColor: border.color,
-                    borderWidth: border.width,
-                    borderStyle: border.style || 'solid',
-                }),
-            } }))));
-});
-
-export { Indicator };

package/indicator/modern/index.css

@@ -1,82 +0,0 @@
-/* hash: 4u1d0 */
-:root {
-} /* deprecated */ :root {
-    --color-light-bg-accent: #ef3124;
-    --color-light-bg-primary: #fff;
-    --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);
-    --color-light-text-primary: #0e0e0e;
-    --color-static-text-primary-light: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-    --border-radius-pill: 99px;
-} :root {
-    --gap-2xs: 4px;
-    --gap-xs: 8px;
-    --gap-s: 12px;
-    --gap-m: 16px;
-} :root {
-} :root {
-} .indicator__component_9vw4m {
-    position: relative;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    box-sizing: content-box;
-    border-radius: var(--border-radius-pill);
-} .indicator__red_9vw4m {
-    background-color: var(--color-light-bg-accent);
-    color: var(--color-static-text-primary-light);
-} .indicator__white_9vw4m {
-    background-color: var(--color-light-bg-primary);
-    color: var(--color-light-text-primary);
-} .indicator__grey_9vw4m {
-    background-color: var(--color-light-specialbg-secondary-transparent);
-    color: var(--color-light-text-primary);
-} .indicator__xs_9vw4m {
-    height: 8px;
-    min-width: 8px;
-} .indicator__s_9vw4m {
-    height: 20px;
-    min-width: 20px
-} .indicator__s_9vw4m .indicator__content_9vw4m {
-        font-size: 11px;
-        line-height: 16px;
-        font-weight: 700;
-        padding: 0 var(--gap-2xs);
-    } .indicator__m_9vw4m .indicator__content_9vw4m {
-        font-size: 14px;
-        line-height: 20px;
-        font-weight: 700;
-        padding: 0 var(--gap-2xs);
-    } .indicator__l_9vw4m .indicator__content_9vw4m {
-        font-size: 14px;
-        line-height: 20px;
-        font-weight: 700;
-        padding: 0 var(--gap-xs);
-    } .indicator__xl_9vw4m .indicator__content_9vw4m {
-        font-size: 16px;
-        line-height: 24px;
-        font-weight: 700;
-        padding: 0 var(--gap-s);
-    } .indicator__xxl_9vw4m .indicator__content_9vw4m {
-        font-size: 16px;
-        line-height: 24px;
-        font-weight: 700;
-        padding: 0 var(--gap-m);
-    } .indicator__border_9vw4m {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    border-radius: var(--border-radius-pill);
-}

package/indicator/modern/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/indicator/modern/index.js

@@ -1,3 +0,0 @@
-export { Indicator } from './Component.js';
-import 'react';
-import 'classnames';

package/indicator/package.json

@@ -1,3 +0,0 @@
-{
-    "module": "./esm/index.js"
-}

package/indicator/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);
-    });