@alfalab/core-components-table 2.4.2 → 2.4.4

package/modern/components/trow/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"table__component_ezmdc","withoutBorder":"table__withoutBorder_ezmdc","clickable":"table__clickable_ezmdc","selected":"table__selected_ezmdc"};
+const styles = {"component":"table__component_x5s38","withoutBorder":"table__withoutBorder_x5s38","clickable":"table__clickable_x5s38","selected":"table__selected_x5s38"};
 require('./index.css')
 
 const TRow = ({ children, className, selected, withoutBorder, dataTestId, ...restProps }) => (React.createElement("tr", { className: cn(styles.component, className, {

package/modern/components/trow/index.css

@@ -1,4 +1,4 @@
-/* hash: 872di */
+/* hash: 2byeg */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -17,22 +17,22 @@
 } :root {
 } :root {
 } :root {
-} .table__component_ezmdc {
+} .table__component_x5s38 {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-bg-primary)
-} .table__component_ezmdc:first-child td {
+} .table__component_x5s38:first-child td {
         border-top: 0;
-    } .table__withoutBorder_ezmdc td {
+    } .table__withoutBorder_x5s38 td {
         border: none;
-    } .table__clickable_ezmdc {
+    } .table__clickable_x5s38 {
     cursor: pointer
-} .table__clickable_ezmdc:hover {
+} .table__clickable_x5s38:hover {
         background-color: var(--color-light-bg-secondary);
-    } .table__selected_ezmdc {
+    } .table__selected_x5s38 {
     background-color: #f2f8ff /* нет цвета в палитре */
-} .table__selected_ezmdc:hover {
+} .table__selected_x5s38:hover {
         background-color: var(--color-static-graphic-solitude);
     }

package/modern/components/tsortable-head-cell/Component.js

@@ -6,7 +6,7 @@ import { SortIconDesc } from './sort-icon-desc.js';
 import { SortIconUnset } from './sort-icon-unset.js';
 import '../table-context/index.js';
 
-const styles = {"content":"table__content_15x6h","icon":"table__icon_15x6h","reverse":"table__reverse_15x6h","sorted":"table__sorted_15x6h"};
+const styles = {"content":"table__content_15cze","icon":"table__icon_15cze","reverse":"table__reverse_15cze","sorted":"table__sorted_15cze"};
 require('./index.css')
 
 const TSortableHeadCell = ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }) => {

package/modern/components/tsortable-head-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: 13il5 */
+/* hash: 1xv06 */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-link: #0072ef;
@@ -18,10 +18,10 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .table__content_15x6h {
+} .table__content_15cze {
     display: flex;
     align-items: flex-start;
-} .table__icon_15x6h {
+} .table__icon_15cze {
     cursor: pointer;
     margin-left: var(--gap-xs);
 
@@ -33,15 +33,15 @@
     color: var(--color-light-graphic-secondary);
     transition: color 0.2s ease;
     flex-shrink: 0
-} .table__icon_15x6h:hover {
+} .table__icon_15cze:hover {
         color: var(--color-light-graphic-primary);
-    } .table__reverse_15x6h {
+    } .table__reverse_15cze {
     flex-direction: row-reverse
-} .table__reverse_15x6h .table__icon_15x6h {
+} .table__reverse_15cze .table__icon_15cze {
         margin-left: 0;
         margin-right: var(--gap-xs);
-    } .table__sorted_15x6h {
+    } .table__sorted_15cze {
     color: var(--color-light-graphic-link)
-} .table__sorted_15x6h:hover {
+} .table__sorted_15cze:hover {
         color: var(--color-light-graphic-link);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-table",
-    "version": "2.4.2",
+    "version": "2.4.4",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -15,9 +15,9 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^9.0.6",
-        "@alfalab/core-components-pagination": "^2.1.2",
-        "@alfalab/core-components-select": "^15.2.2",
+        "@alfalab/core-components-button": "^9.1.0",
+        "@alfalab/core-components-pagination": "^2.1.3",
+        "@alfalab/core-components-select": "^15.3.0",
         "classnames": "^2.3.1",
         "tslib": "^2.4.0"
     }

package/src/components/pagination/index.module.css

@@ -1,6 +1,8 @@
 @import '@alfalab/core-components-themes/src/default.css';
 
 .component {
+    position: sticky;
+    left: 0;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;

package/Component-0f4b9bed.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { CheckmarkProps } from "./typings-0f4b9bed";
-declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
-export { BaseCheckmark };

package/Component-10db897e.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { NavigationBarProps } from "./types-1c79e231";
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-69921c40";
-export { NavigationBar };

package/Component-69921c40.d.ts

@@ -1,184 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
-import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
-declare const colors: readonly [
-    "tertiary",
-    "disabled",
-    "accent",
-    "primary",
-    "attention",
-    "positive",
-    "secondary",
-    "tertiary-inverted",
-    "primary-inverted",
-    "secondary-inverted",
-    "link",
-    "negative",
-    "static-primary-light",
-    "static-secondary-light",
-    "static-tertiary-light",
-    "static-primary-dark",
-    "static-secondary-dark",
-    "static-tertiary-dark",
-    "static-accent"
-];
-type Color = (typeof colors)[number];
-type NativeProps = HTMLAttributes<HTMLSpanElement>;
-type TextBaseProps = {
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
-     */
-    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Делает цифры моноширинными
-     */
-    monospaceNumbers?: boolean;
-    /**
-     * HTML тег
-     */
-    tag?: "span" | "div";
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Добавляет отступы к тэгу 'p'
-     */
-    defaultMargins?: never;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-};
-type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
-    tag?: "p";
-    defaultMargins?: boolean;
-};
-type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
-type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
-type TitleProps = Omit<NativeProps$0, "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";
-    /**
-     * Шрифт текста
-     */
-    font?: "styrene" | "system";
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean;
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-};
-type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
-declare const Typography: {
-    Title: FC<TitleProps>;
-    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleProps>;
-    TitleMobile: FC<TitleMobileProps>;
-};
-declare const typographyPresets: {
-    mobile: {
-        list: {
-            text: {
-                primary: {
-                    tag: string;
-                    view: string;
-                };
-                secondary: {
-                    tag: string;
-                    color: string;
-                    view: string;
-                };
-            };
-        };
-    };
-};
-declare const TitleResponsive: FC<TitleProps>;
-interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Текст после иконки
-     */
-    text?: string;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Вид компонента
-     */
-    view: 'mobile' | 'desktop';
-    /**
-     * Прозрачность текста
-     */
-    textOpacity?: number;
-    /**
-     * Обработчик клика
-     */
-    onClick?: () => void;
-}
-declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
-export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
-export type { TitleProps, TextProps, Color };
-export * from "./useSkeleton-ebda875c";

package/Component-72dda473.d.ts

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
-type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
-type BadgeProps = {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     *  Вид компонента
-     */
-    view: 'icon' | 'count';
-    /**
-     * Размер компонента (только для view=icon)
-     * //deprecated(используйте height для view=count )
-     */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /**
-     *  Видимость белой обводки вокруг иконки
-     */
-    visibleIconOutline?: boolean;
-    /**
-     *  Видимость цветной обводки вокруг иконки (только для view=icon)
-     */
-    visibleColorOutline?: boolean;
-    /**
-     * Контент компонента
-     */
-    content?: React.ReactElement | number;
-    /**
-     * Высота компонента, min = 16; max = 48 (только для view=count)
-     */
-    height?: number;
-    /**
-     * Цветовое оформление бейджа при view='count'
-     */
-    color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
-    /**
-     * Цветовое оформление бейджа при view='icon'
-     */
-    iconColor?: IconColorType;
-    /**
-     * Цвет подложки под иконкой
-     */
-    iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
-export { IconColorType, BadgeProps, Badge };

package/Component-bdb4c6b9.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { View } from "./typings-bdb4c6b9";
-declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
-    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
-    fullscreen?: boolean | undefined;
-    fixedPosition?: boolean | undefined;
-    hasCloser?: boolean | undefined;
-} & {
-    view: View;
-} & React.RefAttributes<HTMLDivElement>>;
-export { Modal };

package/Component-c76d6398.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { NavigationBarProps } from "./index-c76d6398";
-type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
-declare const Header: FC<HeaderProps>;
-export { HeaderProps, Header };

package/Component-ebda875c.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-/// <reference types="react-transition-group" />
-import React from 'react';
-import { CheckboxProps } from "./index-ebda875c";
-type HeaderProps = {
-    checked?: boolean;
-    indeterminate?: boolean;
-    onChange?: CheckboxProps['onChange'];
-    mobile?: boolean;
-};
-declare const Header: React.FC<HeaderProps>;
-export { HeaderProps, Header };

package/Component.desktop-63dec22f.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseInputProps } from "./index-ebda875c";
-type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
-declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
-export { InputDesktopProps, InputDesktop };

package/Component.desktop-785df74d.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlDesktopProps, FormControlDesktop };

package/Component.mobile-d7e9f69d.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlMobileProps, FormControlMobile };

package/Component.responsive-785df74d.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };

package/Context-bdb4c6b9.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BaseModalContext } from "./index-bdb4c6b9";
-declare const ModalContext: import("react").Context<BaseModalContext>;
-export { ModalContext };

package/ResponsiveContext-baf4875b.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TResponsiveModalContext } from "./typings-bdb4c6b9";
-declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
-export { ResponsiveContext };

package/component-10db897e.d.ts

@@ -1,44 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactNode, RefObject } from "react";
-import { NavigationBarProps } from "./index-c76d6398";
-import { SwipeableHandlers } from "react-swipeable";
-import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-67a2d8af";
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-};
-declare const Footer: FC<FooterProps>;
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-    headerOffset: number;
-};
-declare const Header: FC<HeaderProps>;
-type SwipeableBackdropProps = BackdropProps & {
-    /**
-     * Прозрачность бэкдропа
-     */
-    opacity?: number;
-    /**
-     * Обработчики свайпа
-     */
-    handlers?: SwipeableHandlers;
-    /**
-     * Время анимации opacity
-     */
-    opacityTimeout?: number;
-};
-declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
-declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/consts-f777ba1a.d.ts

@@ -1,2 +0,0 @@
-declare const DEFAULT_VISIBLE_OPTIONS = 5;
-export { DEFAULT_VISIBLE_OPTIONS };

package/cssm/Component-0f4b9bed.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { CheckmarkProps } from "./typings-0f4b9bed";
-declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
-export { BaseCheckmark };

package/cssm/Component-10db897e.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { NavigationBarProps } from "./types-1c79e231";
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-69921c40";
-export { NavigationBar };