@alfalab/core-components 47.20.0-beta.3 → 47.21.0

package/file-upload-item-v1/moderncssm/Component.d.ts

@@ -1,95 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ElementType, HTMLAttributeAnchorTarget, MouseEvent, ReactNode } from "react";
-type FileStatuses = 'ERROR' | 'SUCCESS' | 'LOADING' | 'UPLOADING';
-type FileUploadItemProps = {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор элемента
-     */
-    id?: string;
-    /**
-     * Имя файла с расширением
-     */
-    name?: string;
-    /**
-     * Размер файла
-     */
-    size?: string | number;
-    /**
-     * Дата загрузки файла
-     */
-    uploadDate?: string;
-    /**
-     * Ссылка на файл. Если прокидывается этот параметр, то появляется кнопка скачивания
-     */
-    downloadLink?: string;
-    /**
-     * Рекомендует браузеру скачивать контент по ссылке.
-     * В проп может быть передано рекомендуемое название скачиваемого файла.
-     */
-    download?: string | true;
-    /**
-     * Отображение кнопки удаления
-     */
-    showDelete?: boolean;
-    /**
-     * Отображение кнопки восстановления
-     */
-    showRestore?: boolean;
-    /**
-     * Процент загрузки файла
-     */
-    uploadPercent?: number;
-    /**
-     * Статус загрузки файла
-     */
-    uploadStatus?: FileStatuses;
-    /**
-     * Сообщение об ошибке
-     */
-    error?: ReactNode;
-    /**
-     * Дочерние элементы
-     */
-    children?: React.ReactNode;
-    /**
-     * Компонент кастомной иконки
-     */
-    icon?: ElementType<{
-        className?: string;
-    }>;
-    /**
-     * Обработчик загрузки файла
-     */
-    onDownload?: (id: string) => void;
-    /**
-     * Обработчик удаления файла
-     */
-    onDelete?: (id: string, event?: MouseEvent<HTMLElement>) => void;
-    /**
-     * Обработчик восстановления файла
-     */
-    onRestore?: (id: string) => void;
-    /**
-     * Управление активностью кнопок
-     */
-    disableButtons?: boolean;
-    /**
-     * Разрешить многострочное название файла
-     */
-    multiline?: boolean;
-    /**
-     * Указывает, где открыть скачиваемый документ
-     */
-    target?: HTMLAttributeAnchorTarget;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const FileUploadItemV1: React.FC<FileUploadItemProps>;
-export { FileStatuses, FileUploadItemProps, FileUploadItemV1 };

package/file-upload-item-v1/moderncssm/Component.js

@@ -1,75 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import { IconButton } from '../../icon-button/moderncssm';
-import { Link } from '../../link/moderncssm';
-import { Spinner } from '../../spinner/moderncssm';
-import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
-import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
-import { CrossSIcon } from '@alfalab/icons-glyph/CrossSIcon';
-import { PointerDownSIcon } from '@alfalab/icons-glyph/PointerDownSIcon';
-import { humanFileSize, fileIcon } from './utils.js';
-import styles from './index.module.css';
-import '@alfalab/icons-glyph/DocumentDocMIcon';
-import '@alfalab/icons-glyph/DocumentImageMIcon';
-import '@alfalab/icons-glyph/DocumentPdfMIcon';
-import '@alfalab/icons-glyph/DocumentTxtMIcon';
-import '@alfalab/icons-glyph/DocumentUnknownMIcon';
-
-const FileUploadItemV1 = ({ className, children, id = '0', name = '', size, icon: Icon = fileIcon(name), uploadDate, downloadLink, download, uploadStatus, uploadPercent = 0, error, showDelete, showRestore, onDelete, onDownload, onRestore, disableButtons, multiline = false, target, dataTestId, }) => {
-    const handleDownload = (event) => {
-        if (onDownload) {
-            event.preventDefault();
-            onDownload(id);
-        }
-    };
-    const handleDelete = (event) => {
-        if (onDelete)
-            onDelete(id, event);
-    };
-    const handleRestore = () => {
-        if (onRestore)
-            onRestore(id);
-    };
-    const renderIcon = () => {
-        if (showRestore) {
-            return React.createElement(ClockMIcon, { className: styles.restoreIcon });
-        }
-        switch (uploadStatus) {
-            case 'ERROR':
-                return React.createElement(AlertCircleMIcon, { className: styles.errorIcon });
-            case 'SUCCESS':
-                return React.createElement(CheckmarkCircleMIcon, { className: styles.successIcon });
-            case 'LOADING':
-            case 'UPLOADING':
-                return (React.createElement("div", { className: styles.spinnerWrapper },
-                    React.createElement(Spinner, { visible: true, className: styles.spinner })));
-            default: {
-                return React.createElement(Icon, { className: styles.icon });
-            }
-        }
-    };
-    const renderInfoSection = () => {
-        const shouldShownError = uploadStatus === 'ERROR' || !!error;
-        const errorContent = uploadStatus === 'ERROR' && !error ? 'Не удалось загрузить файл' : error;
-        return (React.createElement("div", { className: styles.infoSection },
-            React.createElement("div", { className: cn(styles.name, { [styles.rowLimit]: !multiline }) }, name),
-            shouldShownError && (React.createElement("div", { className: styles.errorWrapper, role: 'alert' }, errorContent))));
-    };
-    const showMeta = !showRestore && (!uploadStatus || uploadStatus === 'SUCCESS');
-    const showDownload = Boolean(downloadLink) && !showRestore;
-    return (React.createElement("div", { className: cn(className, styles.component, uploadStatus && styles[uploadStatus.toLocaleLowerCase()]), "data-test-id": dataTestId },
-        React.createElement("div", { className: styles.info },
-            renderIcon(),
-            renderInfoSection(),
-            children,
-            uploadStatus === 'UPLOADING' && (React.createElement("span", { className: styles.uploadPercent }, `${Math.round(uploadPercent)}%`)),
-            showMeta && (React.createElement("div", { className: styles.meta },
-                uploadDate && React.createElement("span", { key: uploadDate }, uploadDate),
-                size && (React.createElement("span", { key: size, className: styles.size }, humanFileSize(size)))))),
-        showRestore && (React.createElement(Link, { pseudo: true, className: styles.restore, onClick: handleRestore }, "\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C")),
-        showDownload && (React.createElement(IconButton, { size: 'xxs', icon: PointerDownSIcon, className: styles.download, "aria-label": '\u0441\u043A\u0430\u0447\u0430\u0442\u044C', href: downloadLink, onClick: handleDownload, disabled: disableButtons, download: download, target: target })),
-        showDelete && !showRestore && (React.createElement(IconButton, { size: 'xxs', icon: CrossSIcon, onClick: handleDelete, disabled: disableButtons, className: styles.delete, "aria-label": '\u0443\u0434\u0430\u043B\u0438\u0442\u044C' }))));
-};
-
-export { FileUploadItemV1 };

package/file-upload-item-v1/moderncssm/index.d.ts

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

package/file-upload-item-v1/moderncssm/index.js

@@ -1,18 +0,0 @@
-export { FileUploadItemV1 } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../icon-button/moderncssm';
-import '../../link/moderncssm';
-import '../../spinner/moderncssm';
-import '@alfalab/icons-glyph/AlertCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/ClockMIcon';
-import '@alfalab/icons-glyph/CrossSIcon';
-import '@alfalab/icons-glyph/PointerDownSIcon';
-import './utils.js';
-import '@alfalab/icons-glyph/DocumentDocMIcon';
-import '@alfalab/icons-glyph/DocumentImageMIcon';
-import '@alfalab/icons-glyph/DocumentPdfMIcon';
-import '@alfalab/icons-glyph/DocumentTxtMIcon';
-import '@alfalab/icons-glyph/DocumentUnknownMIcon';
-import './index.module.css';

package/file-upload-item-v1/moderncssm/index.module.css

@@ -1,129 +0,0 @@
-/* */
-
-.component {
-    font-size: 13px;
-    line-height: 16px;
-    font-weight: 400;
-
-    display: flex;
-    align-items: flex-start;
-    width: 100%;
-    padding: var(--gap-8);
-    color: var(--color-light-text-secondary);
-    box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
-    box-sizing: border-box
-}
-
-.component svg {
-        display: block;
-    }
-
-.component:last-child {
-        box-shadow: none;
-    }
-
-.infoSection {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    margin-top: var(--gap-4);
-    margin-left: var(--gap-12);
-    min-width: 40%;
-}
-
-.info {
-    display: flex;
-    flex-wrap: wrap;
-    flex: 1;
-    overflow: hidden;
-}
-
-.icon {
-    display: block;
-    flex-shrink: 0;
-    color: var(--color-light-neutral-translucent-1300);
-}
-
-.errorIcon {
-    flex-shrink: 0;
-    color: var(--color-light-status-negative);
-}
-
-.successIcon {
-    flex-shrink: 0;
-    color: var(--color-light-status-positive);
-}
-
-.name {
-    color: var(--color-light-text-primary)
-}
-
-.name a {
-        display: block;
-        margin-bottom: 1px;
-    }
-
-.name.rowLimit {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-.meta {
-    display: flex;
-    white-space: nowrap;
-    margin-right: var(--gap-4);
-    margin-left: 36px;
-    padding: var(--gap-4) var(--gap-0)
-}
-
-.meta > * {
-        margin-right: var(--gap-12)
-    }
-
-.meta > *:last-child {
-            margin-right: var(--gap-0);
-        }
-
-.size {
-    text-align: right;
-}
-
-.delete,
-.download {
-    height: 24px;
-    width: 24px;
-    margin-left: var(--gap-8);
-}
-
-.errorWrapper {
-    margin-top: var(--gap-4);
-    color: var(--color-light-text-negative);
-}
-
-.restore {
-    font-size: 14px;
-    line-height: 20px;
-    font-weight: 400;
-
-    margin-left: var(--gap-12);
-    margin-top: var(--gap-2);
-}
-
-.spinnerWrapper {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 24px;
-    height: 24px;
-}
-
-.spinner {
-    width: 20px;
-    height: 20px;
-}
-
-.uploadPercent {
-    margin-top: var(--gap-4);
-    margin-left: var(--gap-24);
-}

package/file-upload-item-v1/moderncssm/utils.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-declare function humanFileSize(size: string | number): string;
-declare const getExtension: (filename: string) => string | undefined;
-declare function fileIcon(filename: string): import("react").FC<import("react").SVGProps<SVGSVGElement>>;
-export { humanFileSize, getExtension, fileIcon };

package/file-upload-item-v1/moderncssm/utils.js

@@ -1,41 +0,0 @@
-import { DocumentDocMIcon } from '@alfalab/icons-glyph/DocumentDocMIcon';
-import { DocumentImageMIcon } from '@alfalab/icons-glyph/DocumentImageMIcon';
-import { DocumentPdfMIcon } from '@alfalab/icons-glyph/DocumentPdfMIcon';
-import { DocumentTxtMIcon } from '@alfalab/icons-glyph/DocumentTxtMIcon';
-import { DocumentUnknownMIcon } from '@alfalab/icons-glyph/DocumentUnknownMIcon';
-
-function humanFileSize(size) {
-    const units = ['Б', 'КБ', 'МБ', 'ГБ'];
-    let humanSize = Number(size);
-    let factor = 0;
-    while (humanSize >= 1024 && factor < units.length - 1) {
-        humanSize /= 1024;
-        factor += 1;
-    }
-    humanSize = humanSize.toFixed(2);
-    return `${Number(humanSize)} ${units[factor]}`;
-}
-const getExtension = (filename) => filename.toLowerCase().split('.').pop();
-function fileIcon(filename) {
-    const extension = getExtension(filename);
-    switch (extension) {
-        case 'png':
-        case 'jpg':
-        case 'jpeg':
-        case 'svg':
-        case 'tif':
-        case 'tiff':
-            return DocumentImageMIcon;
-        case 'doc':
-        case 'docx':
-            return DocumentDocMIcon;
-        case 'pdf':
-            return DocumentPdfMIcon;
-        case 'txt':
-            return DocumentTxtMIcon;
-        default:
-            return DocumentUnknownMIcon;
-    }
-}
-
-export { fileIcon, getExtension, humanFileSize };

package/file-upload-item-v1/package.json

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

package/file-upload-item-v1/utils.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-declare function humanFileSize(size: string | number): string;
-declare const getExtension: (filename: string) => string | undefined;
-declare function fileIcon(filename: string): import("react").FC<import("react").SVGProps<SVGSVGElement>>;
-export { humanFileSize, getExtension, fileIcon };

package/file-upload-item-v1/utils.js

@@ -1,45 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DocumentDocMIcon = require('@alfalab/icons-glyph/DocumentDocMIcon');
-var DocumentImageMIcon = require('@alfalab/icons-glyph/DocumentImageMIcon');
-var DocumentPdfMIcon = require('@alfalab/icons-glyph/DocumentPdfMIcon');
-var DocumentTxtMIcon = require('@alfalab/icons-glyph/DocumentTxtMIcon');
-var DocumentUnknownMIcon = require('@alfalab/icons-glyph/DocumentUnknownMIcon');
-
-function humanFileSize(size) {
-    var units = ['Б', 'КБ', 'МБ', 'ГБ'];
-    var humanSize = Number(size);
-    var factor = 0;
-    while (humanSize >= 1024 && factor < units.length - 1) {
-        humanSize /= 1024;
-        factor += 1;
-    }
-    humanSize = humanSize.toFixed(2);
-    return "".concat(Number(humanSize), " ").concat(units[factor]);
-}
-var getExtension = function (filename) { return filename.toLowerCase().split('.').pop(); };
-function fileIcon(filename) {
-    var extension = getExtension(filename);
-    switch (extension) {
-        case 'png':
-        case 'jpg':
-        case 'jpeg':
-        case 'svg':
-        case 'tif':
-        case 'tiff':
-            return DocumentImageMIcon.DocumentImageMIcon;
-        case 'doc':
-        case 'docx':
-            return DocumentDocMIcon.DocumentDocMIcon;
-        case 'pdf':
-            return DocumentPdfMIcon.DocumentPdfMIcon;
-        case 'txt':
-            return DocumentTxtMIcon.DocumentTxtMIcon;
-        default:
-            return DocumentUnknownMIcon.DocumentUnknownMIcon;
-    }
-}
-
-exports.fileIcon = fileIcon;
-exports.getExtension = getExtension;
-exports.humanFileSize = humanFileSize;

package/filter-tag/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/gallery/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/input/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/international-phone-input/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/international-phone-input/moderncssm/component-eb15729d.d.ts

@@ -1,123 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { HTMLAttributes } from "react";
-import { Color } from "./colors-facf1d2a";
-import { TextSkeletonProps } from "./types-1328ead9";
-declare function getDefaultWeight(font: "styrene" | "system", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
-type NativeProps = HTMLAttributes<HTMLHeadingElement>;
-type TitleProps = Omit<NativeProps, 'color'> & {
-    /**
-     * HTML тег
-     */
-    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
-     */
-    view?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: 'regular' | 'medium' | 'bold' | 'semibold';
-    /**
-     * Шрифт текста
-     */
-    font?: 'styrene' | 'system';
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean;
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-type PrivateProps = {
-    styles: {
-        [key: string]: string;
-    };
-    platform: 'mobile' | 'desktop';
-};
-type TitleElementType = HTMLHeadingElement | HTMLDivElement;
-declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> & {
-    /**
-     * HTML тег
-     */
-    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
-     */
-    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
-    /**
-     * Цвет текста
-     */
-    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
-    /**
-     * Шрифт текста
-     */
-    font?: "styrene" | "system" | undefined;
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean | undefined;
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string | undefined;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string | undefined;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк
-     */
-    rowLimit?: 1 | 2 | 3 | undefined;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean | undefined;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & PrivateProps & React.RefAttributes<TitleElementType>>;
-export { getDefaultWeight, TitleProps, TitleBase };

package/intl-phone-input/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/navigation-bar/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/navigation-bar-private/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/number-input/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}