@alfalab/core-components-table 4.0.7 → 4.0.8

package/esm/components/thead-cell/index.css

@@ -19,7 +19,7 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-.table__component_1lkj9 {
+.table__component_8b0qo {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
@@ -36,29 +36,29 @@
     vertical-align: top;
     box-sizing: border-box;
 }
-.table__component_1lkj9:first-child {
+.table__component_8b0qo:first-child {
         padding-left: var(--gap-16);
     }
-.table__component_1lkj9:last-child {
+.table__component_8b0qo:last-child {
         padding-right: var(--gap-16);
     }
-.table__component_1lkj9:not(.table__stickyHeader_1lkj9) {
+.table__component_8b0qo:not(.table__stickyHeader_8b0qo) {
         position: relative;
     }
-.table__sortable_1lkj9 {
+.table__sortable_8b0qo {
     cursor: pointer;
 }
-.table__sorted_1lkj9 {
+.table__sorted_8b0qo {
     color: var(--color-light-text-primary);
 }
-.table__stickyHeader_1lkj9 {
+.table__stickyHeader_8b0qo {
     top: var(--gap-0);
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;
     z-index: 1;
 }
-.table__compactHorizontal_1lkj9 {
+.table__compactHorizontal_8b0qo {
     padding-left: var(--gap-6);
     padding-right: var(--gap-6);
 }

package/esm/components/thead-cell/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"table__component_1lkj9","stickyHeader":"table__stickyHeader_1lkj9","compactHorizontal":"table__compactHorizontal_1lkj9"};
+var styles = {"component":"table__component_8b0qo","stickyHeader":"table__stickyHeader_8b0qo","compactHorizontal":"table__compactHorizontal_8b0qo"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/thead-cell/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead-cell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    @mixin paragraph_caps;\n\n    line-height: 20px;\n    text-align: left;\n    color: var(--color-light-text-primary);\n    padding: var(--gap-32) var(--gap-12) var(--gap-4);\n    border-bottom: 1px solid var(--color-light-neutral-400);\n    background: var(--color-light-base-bg-primary);\n    vertical-align: top;\n    box-sizing: border-box;\n\n    &:first-child {\n        padding-left: var(--gap-16);\n    }\n\n    &:last-child {\n        padding-right: var(--gap-16);\n    }\n\n    &:not(.stickyHeader) {\n        position: relative;\n    }\n}\n\n.sortable {\n    cursor: pointer;\n}\n\n.sorted {\n    color: var(--color-light-text-primary);\n}\n\n.stickyHeader {\n    top: var(--gap-0);\n    position: sticky;\n    box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);\n    border: none;\n    z-index: 1;\n}\n\n.compactHorizontal {\n    padding-left: var(--gap-6);\n    padding-right: var(--gap-6);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,cAAc,CAAC,2BAA2B,CAAmE,mBAAmB,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead-cell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    @mixin paragraph_caps;\n\n    line-height: 20px;\n    text-align: left;\n    color: var(--color-light-text-primary);\n    padding: var(--gap-32) var(--gap-12) var(--gap-4);\n    border-bottom: 1px solid var(--color-light-neutral-400);\n    background: var(--color-light-base-bg-primary);\n    vertical-align: top;\n    box-sizing: border-box;\n\n    &:first-child {\n        padding-left: var(--gap-16);\n    }\n\n    &:last-child {\n        padding-right: var(--gap-16);\n    }\n\n    &:not(.stickyHeader) {\n        position: relative;\n    }\n}\n\n.sortable {\n    cursor: pointer;\n}\n\n.sorted {\n    color: var(--color-light-text-primary);\n}\n\n.stickyHeader {\n    top: var(--gap-0);\n    position: sticky;\n    box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);\n    border: none;\n    z-index: 1;\n}\n\n.compactHorizontal {\n    padding-left: var(--gap-6);\n    padding-right: var(--gap-6);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,cAAc,CAAC,2BAA2B,CAAmE,mBAAmB,CAAC,gCAAgC,CAAC;;;;"}

package/esm/components/trow/Component.d.ts

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes } from 'react';
 import { type TCell, type TCellProps } from '../tcell';
-declare type TCellElement = React.ReactElement<TCellProps, typeof TCell>;
-export declare type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
+type TCellElement = React.ReactElement<TCellProps, typeof TCell>;
+export type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
     /**
      * Компоненты ячеек
      */
@@ -31,18 +31,18 @@ export declare const TRow: React.ForwardRefExoticComponent<React.HTMLAttributes<
     /**
      * Дополнительный класс
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Стиль выбранной строки
      */
-    selected?: boolean | undefined;
+    selected?: boolean;
     /**
      * Убирает нижнюю границу
      */
-    withoutBorder?: boolean | undefined;
+    withoutBorder?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
 } & React.RefAttributes<HTMLTableRowElement>>;
 export {};

package/esm/components/trow/index.css

@@ -5,28 +5,28 @@
 :root {
     --color-static-graphic-solitude: #e8f2fe;
 }
-.table__component_1ogyj {
+.table__component_17227 {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-base-bg-primary);
 }
-.table__component_1ogyj:first-child td {
+.table__component_17227:first-child td {
         border-top: 0;
     }
-.table__withoutBorder_1ogyj td {
+.table__withoutBorder_17227 td {
         border: none;
     }
-.table__clickable_1ogyj {
+.table__clickable_17227 {
     cursor: pointer;
 }
-.table__clickable_1ogyj:hover {
+.table__clickable_17227:hover {
         background-color: var(--color-light-base-bg-secondary);
     }
-.table__selected_1ogyj {
+.table__selected_17227 {
     background-color: #f2f8ff;
 }
-.table__selected_1ogyj:hover {
+.table__selected_17227:hover {
         background-color: var(--color-static-graphic-solitude);
     }

package/esm/components/trow/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"table__component_1ogyj","withoutBorder":"table__withoutBorder_1ogyj","clickable":"table__clickable_1ogyj","selected":"table__selected_1ogyj"};
+var styles = {"component":"table__component_17227","withoutBorder":"table__withoutBorder_17227","clickable":"table__clickable_17227","selected":"table__selected_17227"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/trow/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/trow/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    padding-top: 1px;\n    width: 100%;\n    transition: background-color 0.2s;\n    box-sizing: border-box;\n    background: var(--color-light-base-bg-primary);\n\n    &:first-child td {\n        border-top: 0;\n    }\n}\n\n.withoutBorder {\n    & td {\n        border: none;\n    }\n}\n\n.clickable {\n    cursor: pointer;\n\n    &:hover {\n        background-color: var(--color-light-base-bg-secondary);\n    }\n}\n\n.selected {\n    background-color: #f2f8ff; /* нет цвета в палитре */\n\n    &:hover {\n        background-color: var(--color-static-graphic-solitude);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,eAAe,CAAC,4BAA4B,CAAC,WAAW,CAAC,wBAAwB,CAAC,UAAU,CAAC,uBAAuB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/trow/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    padding-top: 1px;\n    width: 100%;\n    transition: background-color 0.2s;\n    box-sizing: border-box;\n    background: var(--color-light-base-bg-primary);\n\n    &:first-child td {\n        border-top: 0;\n    }\n}\n\n.withoutBorder {\n    & td {\n        border: none;\n    }\n}\n\n.clickable {\n    cursor: pointer;\n\n    &:hover {\n        background-color: var(--color-light-base-bg-secondary);\n    }\n}\n\n.selected {\n    background-color: #f2f8ff; /* нет цвета в палитре */\n\n    &:hover {\n        background-color: var(--color-static-graphic-solitude);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,eAAe,CAAC,4BAA4B,CAAC,WAAW,CAAC,wBAAwB,CAAC,UAAU,CAAC,uBAAuB,CAAC;;;;"}

package/esm/components/tsortable-head-cell/Component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type THeadCellProps } from '../thead-cell';
-export declare type TSortableHeadCellProps = THeadCellProps & {
+export type TSortableHeadCellProps = THeadCellProps & {
     isSortedDesc?: boolean;
     defaultIsSortedDesc?: boolean;
     onSort?: () => void;

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

@@ -8,11 +8,11 @@
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
 }
-.table__content_1sv6z {
+.table__content_yomp9 {
     display: flex;
     align-items: flex-start;
 }
-.table__icon_1sv6z {
+.table__icon_yomp9 {
     cursor: pointer;
     margin-left: var(--gap-8);
     margin-top: 1px;
@@ -20,19 +20,19 @@
     transition: color 0.2s ease;
     flex-shrink: 0;
 }
-.table__icon_1sv6z:hover {
+.table__icon_yomp9:hover {
         color: var(--color-light-neutral-translucent-1300);
     }
-.table__reverse_1sv6z {
+.table__reverse_yomp9 {
     flex-direction: row-reverse;
 }
-.table__reverse_1sv6z .table__icon_1sv6z {
+.table__reverse_yomp9 .table__icon_yomp9 {
         margin-left: var(--gap-0);
         margin-right: var(--gap-8);
     }
-.table__sorted_1sv6z {
+.table__sorted_yomp9 {
     color: var(--color-light-status-info);
 }
-.table__sorted_1sv6z:hover {
+.table__sorted_yomp9:hover {
         color: var(--color-light-status-info);
     }

package/esm/components/tsortable-head-cell/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"content":"table__content_1sv6z","icon":"table__icon_1sv6z","reverse":"table__reverse_1sv6z","sorted":"table__sorted_1sv6z"};
+var styles = {"content":"table__content_yomp9","icon":"table__icon_yomp9","reverse":"table__reverse_yomp9","sorted":"table__sorted_yomp9"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/tsortable-head-cell/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/tsortable-head-cell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.content {\n    display: flex;\n    align-items: flex-start;\n}\n\n.icon {\n    cursor: pointer;\n    margin-left: var(--gap-8);\n\n    /**\n     * иконка сортировки должна быть выровнена по верхнему краю,\n     * т.к. текст может быть в две строки\n     */\n    margin-top: 1px;\n    color: var(--color-light-neutral-700);\n    transition: color 0.2s ease;\n    flex-shrink: 0;\n\n    &:hover {\n        color: var(--color-light-neutral-translucent-1300);\n    }\n}\n\n.reverse {\n    flex-direction: row-reverse;\n\n    & .icon {\n        margin-left: var(--gap-0);\n        margin-right: var(--gap-8);\n    }\n}\n\n.sorted {\n    color: var(--color-light-status-info);\n\n    &:hover {\n        color: var(--color-light-status-info);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,SAAS,CAAC,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tsortable-head-cell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.content {\n    display: flex;\n    align-items: flex-start;\n}\n\n.icon {\n    cursor: pointer;\n    margin-left: var(--gap-8);\n\n    /**\n     * иконка сортировки должна быть выровнена по верхнему краю,\n     * т.к. текст может быть в две строки\n     */\n    margin-top: 1px;\n    color: var(--color-light-neutral-700);\n    transition: color 0.2s ease;\n    flex-shrink: 0;\n\n    &:hover {\n        color: var(--color-light-neutral-translucent-1300);\n    }\n}\n\n.reverse {\n    flex-direction: row-reverse;\n\n    & .icon {\n        margin-left: var(--gap-0);\n        margin-right: var(--gap-8);\n    }\n}\n\n.sorted {\n    color: var(--color-light-status-info);\n\n    &:hover {\n        color: var(--color-light-status-info);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,SAAS,CAAC,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}

package/esm/typings.d.ts

@@ -1 +1 @@
-export declare type TextAlignProperty = 'center' | 'end' | 'justify' | 'left' | 'match-parent' | 'right' | 'start';
+export type TextAlignProperty = 'center' | 'end' | 'justify' | 'left' | 'match-parent' | 'right' | 'start';

package/esm/utils.d.ts

@@ -1,2 +1,5 @@
 import React from 'react';
-export declare function isChildInstanceOf<P>(child: React.ReactElement, Component: React.ComponentType<P>): boolean;
+interface EmptyProps {
+}
+export declare function isChildInstanceOf<P extends EmptyProps>(child: React.ReactElement, Component: React.ComponentType<P>): boolean;
+export {};

package/esm/utils.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 function isChildInstanceOf(child, Component) {
     // мы не можем полагаться на child.type === Component, см. https://github.com/gaearon/react-hot-loader/issues/304
-    return child.type === React.createElement(Component).type;
+    return child.type === React.createElement(Component, {}).type;
 }
 
 export { isChildInstanceOf };

package/esm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import React from 'react';\n\nexport function isChildInstanceOf<P>(child: React.ReactElement, Component: React.ComponentType<P>) {\n    // мы не можем полагаться на child.type === Component, см. https://github.com/gaearon/react-hot-loader/issues/304\n    return child.type === React.createElement(Component).type;\n}\n"],"names":[],"mappings":";;AAEgB,SAAA,iBAAiB,CAAI,KAAyB,EAAE,SAAiC,EAAA;;AAE7F,IAAA,OAAO,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,IAAI;AAC7D;;;;"}
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import React from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface EmptyProps {}\n\nexport function isChildInstanceOf<P extends EmptyProps>(\n    child: React.ReactElement,\n    Component: React.ComponentType<P>,\n) {\n    // мы не можем полагаться на child.type === Component, см. https://github.com/gaearon/react-hot-loader/issues/304\n    return child.type === React.createElement(Component, {} as P).type;\n}\n"],"names":[],"mappings":";;AAKgB,SAAA,iBAAiB,CAC7B,KAAyB,EACzB,SAAiC,EAAA;;AAGjC,IAAA,OAAO,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAO,CAAC,CAAC,IAAI;AACtE;;;;"}

package/modern/component.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
 import { Pagination, Table as TableComponent, TBody, TCell, TExpandableRow, THead, THeadCell, TRow, TSortableHeadCell } from './components';
 export declare const Table: import("react").ForwardRefExoticComponent<import("react").TableHTMLAttributes<HTMLTableElement> & {
-    compactView?: boolean | undefined;
-    compactHorizontal?: boolean | undefined;
-    className?: string | undefined;
-    children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
-    wrapper?: boolean | undefined;
+    compactView?: boolean;
+    compactHorizontal?: boolean;
+    className?: string;
+    children: import("react").ReactElement | import("react").ReactElement[];
+    wrapper?: boolean;
     pagination?: import("react").ReactNode;
-    dataTestId?: string | undefined;
-    stickyHeader?: boolean | undefined;
+    dataTestId?: string;
+    stickyHeader?: boolean;
 } & import("react").RefAttributes<HTMLTableElement>> & {
     TBody: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableSectionElement> & {
-        className?: string | undefined;
-        dataTestId?: string | undefined;
+        className?: string;
+        dataTestId?: string;
     } & import("react").RefAttributes<HTMLTableSectionElement>>;
     THead: import("react").FC<import("./components").THeadProps>;
     THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: import("./components").THeadCellProps) => import("react").JSX.Element | null;
@@ -20,23 +19,23 @@ export declare const Table: import("react").ForwardRefExoticComponent<import("re
     TCell: ({ className, style, dataTestId, children, index, ...restProps }: import("./components").TCellProps) => import("react").JSX.Element | null;
     TRow: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableRowElement> & {
         children: import("react").ReactElement<import("./components").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("./components").TCellProps) => import("react").JSX.Element | null> | import("react").ReactElement<import("./components").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("./components").TCellProps) => import("react").JSX.Element | null>[];
-        className?: string | undefined;
-        selected?: boolean | undefined;
-        withoutBorder?: boolean | undefined;
-        dataTestId?: string | undefined;
+        className?: string;
+        selected?: boolean;
+        withoutBorder?: boolean;
+        dataTestId?: string;
     } & import("react").RefAttributes<HTMLTableRowElement>>;
     TExpandableRow: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableRowElement> & {
         children: import("react").ReactElement<import("./components").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("./components").TCellProps) => import("react").JSX.Element | null> | import("react").ReactElement<import("./components").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("./components").TCellProps) => import("react").JSX.Element | null>[];
-        className?: string | undefined;
-        selected?: boolean | undefined;
-        withoutBorder?: boolean | undefined;
-        dataTestId?: string | undefined;
+        className?: string;
+        selected?: boolean;
+        withoutBorder?: boolean;
+        dataTestId?: string;
     } & {
-        defaultExpanded?: boolean | undefined;
-        expanded?: boolean | undefined;
-        onToggle?: ((expanded: boolean) => void) | undefined;
+        defaultExpanded?: boolean;
+        expanded?: boolean;
+        onToggle?: (expanded: boolean) => void;
         renderContent: (expanded: boolean) => import("react").ReactNode;
-        rowRef?: import("react").Ref<HTMLTableRowElement> | undefined;
+        rowRef?: import("react").Ref<HTMLTableRowElement>;
     } & import("react").RefAttributes<HTMLTableRowElement>>;
     Pagination: import("react").FC<import("./components").PaginationProps>;
 };

package/modern/components/pagination/Component.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
 import { type PaginationProps as CorePaginationProps } from '@alfalab/core-components-pagination/modern';
-export declare type PaginationProps = CorePaginationProps & {
+export type PaginationProps = CorePaginationProps & {
     /**
      * Количество строк на страницу
      */

package/modern/components/pagination/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/pagination/Component.tsx"],"sourcesContent":["import React, { type FC, useCallback, useContext, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport {\n    Pagination as CorePagination,\n    type PaginationProps as CorePaginationProps,\n} from '@alfalab/core-components-pagination';\nimport { SelectDesktop, type SelectDesktopProps } from '@alfalab/core-components-select/desktop';\nimport { type BaseSelectChangePayload } from '@alfalab/core-components-select/shared';\n\nimport { TableContext } from '../table-context';\n\nimport { CustomSelectField } from './select-field';\n\nimport styles from './index.module.css';\n\nexport type PaginationProps = CorePaginationProps & {\n    /**\n     * Количество строк на страницу\n     */\n    perPage?: number;\n\n    /**\n     * Возможные варианты разбивки\n     */\n    possiblePerPage?: number[];\n\n    /**\n     * Обработчик переключения perPage\n     */\n    onPerPageChange?: (perPage: number) => void;\n\n    /**\n     * Скрывает переключатель количества строк на страницу\n     */\n    hidePerPageSelect?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Pagination: FC<PaginationProps> = ({\n    perPage = 25,\n    possiblePerPage = [25, 50, 100],\n    onPerPageChange = () => null,\n    hidePerPageSelect = false,\n    pagesCount,\n    onPageChange = () => null,\n    className,\n    dataTestId,\n    ...restPaginationProps\n}) => {\n    const { wrapperRef } = useContext(TableContext);\n\n    const options = useMemo(\n        () =>\n            Array.from(new Set<number>(possiblePerPage.concat(perPage)))\n                .sort((a, b) => a - b)\n                .map((value) => ({\n                    key: value.toString(),\n                    content: `Показывать по ${value}`,\n                })),\n        [perPage, possiblePerPage],\n    );\n\n    const handlePerPageChange: SelectDesktopProps['onChange'] = useCallback(\n        ({ selected }: BaseSelectChangePayload) => {\n            onPerPageChange(Number(selected?.key));\n        },\n        [onPerPageChange],\n    );\n\n    const handlePageChange = useCallback(\n        (pageIndex: number) => {\n            onPageChange(pageIndex);\n\n            setTimeout(() => {\n                if (wrapperRef.current) {\n                    wrapperRef.current.scrollIntoView();\n                }\n            }, 0);\n        },\n        [onPageChange, wrapperRef],\n    );\n\n    return (\n        <div className={cn(styles.component, className)} data-test-id={dataTestId}>\n            {hidePerPageSelect === false && (\n                <SelectDesktop\n                    options={options}\n                    selected={perPage.toString()}\n                    onChange={handlePerPageChange}\n                    preventFlip={false}\n                    size={48}\n                    className={styles.select}\n                    optionsListClassName={styles.menu}\n                    optionClassName={styles.option}\n                    Field={CustomSelectField}\n                />\n            )}\n\n            {pagesCount > 1 && (\n                <CorePagination\n                    pagesCount={pagesCount}\n                    onPageChange={handlePageChange}\n                    className={styles.pagination}\n                    {...restPaginationProps}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["CorePagination"],"mappings":";;;;;;;;MA2Ca,UAAU,GAAwB,CAAC,EAC5C,OAAO,GAAG,EAAE,EACZ,eAAe,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,EAC/B,eAAe,GAAG,MAAM,IAAI,EAC5B,iBAAiB,GAAG,KAAK,EACzB,UAAU,EACV,YAAY,GAAG,MAAM,IAAI,EACzB,SAAS,EACT,UAAU,EACV,GAAG,mBAAmB,EACzB,KAAI;IACD,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAE/C,MAAM,OAAO,GAAG,OAAO,CACnB,MACI,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAS,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SACtD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;AACpB,SAAA,GAAG,CAAC,CAAC,KAAK,MAAM;AACb,QAAA,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;QACrB,OAAO,EAAE,CAAiB,cAAA,EAAA,KAAK,CAAE,CAAA;KACpC,CAAC,CAAC,EACX,CAAC,OAAO,EAAE,eAAe,CAAC,CAC7B;IAED,MAAM,mBAAmB,GAAmC,WAAW,CACnE,CAAC,EAAE,QAAQ,EAA2B,KAAI;QACtC,eAAe,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AAC1C,KAAC,EACD,CAAC,eAAe,CAAC,CACpB;AAED,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAChC,CAAC,SAAiB,KAAI;QAClB,YAAY,CAAC,SAAS,CAAC;QAEvB,UAAU,CAAC,MAAK;YACZ,IAAI,UAAU,CAAC,OAAO,EAAE;AACpB,gBAAA,UAAU,CAAC,OAAO,CAAC,cAAc,EAAE;AACtC;SACJ,EAAE,CAAC,CAAC;AACT,KAAC,EACD,CAAC,YAAY,EAAE,UAAU,CAAC,CAC7B;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,kBAAgB,UAAU,EAAA;QACpE,iBAAiB,KAAK,KAAK,KACxB,KAAA,CAAA,aAAA,CAAC,aAAa,EACV,EAAA,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,EAC5B,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,oBAAoB,EAAE,MAAM,CAAC,IAAI,EACjC,eAAe,EAAE,MAAM,CAAC,MAAM,EAC9B,KAAK,EAAE,iBAAiB,EAAA,CAC1B,CACL;QAEA,UAAU,GAAG,CAAC,KACX,KAAA,CAAA,aAAA,CAACA,YAAc,EAAA,EACX,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAE,MAAM,CAAC,UAAU,EACxB,GAAA,mBAAmB,EACzB,CAAA,CACL,CACC;AAEd;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/pagination/Component.tsx"],"sourcesContent":["import React, { type FC, useCallback, useContext, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport {\n    Pagination as CorePagination,\n    type PaginationProps as CorePaginationProps,\n} from '@alfalab/core-components-pagination';\nimport { SelectDesktop, type SelectDesktopProps } from '@alfalab/core-components-select/desktop';\nimport { type BaseSelectChangePayload } from '@alfalab/core-components-select/shared';\n\nimport { TableContext } from '../table-context';\n\nimport { CustomSelectField } from './select-field';\n\nimport styles from './index.module.css';\n\nexport type PaginationProps = CorePaginationProps & {\n    /**\n     * Количество строк на страницу\n     */\n    perPage?: number;\n\n    /**\n     * Возможные варианты разбивки\n     */\n    possiblePerPage?: number[];\n\n    /**\n     * Обработчик переключения perPage\n     */\n    onPerPageChange?: (perPage: number) => void;\n\n    /**\n     * Скрывает переключатель количества строк на страницу\n     */\n    hidePerPageSelect?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Pagination: FC<PaginationProps> = ({\n    perPage = 25,\n    possiblePerPage = [25, 50, 100],\n    onPerPageChange = () => null,\n    hidePerPageSelect = false,\n    pagesCount,\n    onPageChange = () => null,\n    className,\n    dataTestId,\n    ...restPaginationProps\n}) => {\n    const { wrapperRef } = useContext(TableContext);\n\n    const options = useMemo(\n        () =>\n            Array.from(new Set<number>(possiblePerPage.concat(perPage)))\n                .sort((a, b) => a - b)\n                .map((value) => ({\n                    key: value.toString(),\n                    content: `Показывать по ${value}`,\n                })),\n        [perPage, possiblePerPage],\n    );\n\n    const handlePerPageChange: SelectDesktopProps['onChange'] = useCallback(\n        ({ selected }: BaseSelectChangePayload) => {\n            onPerPageChange(Number(selected?.key));\n        },\n        [onPerPageChange],\n    );\n\n    const handlePageChange = useCallback(\n        (pageIndex: number) => {\n            onPageChange(pageIndex);\n\n            setTimeout(() => {\n                if (wrapperRef.current) {\n                    wrapperRef.current.scrollIntoView();\n                }\n            }, 0);\n        },\n        [onPageChange, wrapperRef],\n    );\n\n    return (\n        <div className={cn(styles.component, className)} data-test-id={dataTestId}>\n            {hidePerPageSelect === false && (\n                <SelectDesktop\n                    options={options}\n                    selected={perPage.toString()}\n                    onChange={handlePerPageChange}\n                    preventFlip={false}\n                    size={48}\n                    className={styles.select}\n                    optionsListClassName={styles.menu}\n                    optionClassName={styles.option}\n                    Field={CustomSelectField}\n                />\n            )}\n\n            {pagesCount > 1 && (\n                <CorePagination\n                    pagesCount={pagesCount}\n                    onPageChange={handlePageChange}\n                    className={styles.pagination}\n                    {...restPaginationProps}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["CorePagination"],"mappings":";;;;;;;;MA2Ca,UAAU,GAAwB,CAAC,EAC5C,OAAO,GAAG,EAAE,EACZ,eAAe,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,EAC/B,eAAe,GAAG,MAAM,IAAI,EAC5B,iBAAiB,GAAG,KAAK,EACzB,UAAU,EACV,YAAY,GAAG,MAAM,IAAI,EACzB,SAAS,EACT,UAAU,EACV,GAAG,mBAAmB,EACzB,KAAI;IACD,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAE/C,MAAM,OAAO,GAAG,OAAO,CACnB,MACI,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAS,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SACtD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;AACpB,SAAA,GAAG,CAAC,CAAC,KAAK,MAAM;AACb,QAAA,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;QACrB,OAAO,EAAE,CAAiB,cAAA,EAAA,KAAK,CAAE,CAAA;KACpC,CAAC,CAAC,EACX,CAAC,OAAO,EAAE,eAAe,CAAC,CAC7B;IAED,MAAM,mBAAmB,GAAmC,WAAW,CACnE,CAAC,EAAE,QAAQ,EAA2B,KAAI;QACtC,eAAe,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AAC1C,KAAC,EACD,CAAC,eAAe,CAAC,CACpB;AAED,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAChC,CAAC,SAAiB,KAAI;QAClB,YAAY,CAAC,SAAS,CAAC;QAEvB,UAAU,CAAC,MAAK;AACZ,YAAA,IAAI,UAAU,CAAC,OAAO,EAAE;AACpB,gBAAA,UAAU,CAAC,OAAO,CAAC,cAAc,EAAE;;SAE1C,EAAE,CAAC,CAAC;AACT,KAAC,EACD,CAAC,YAAY,EAAE,UAAU,CAAC,CAC7B;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,kBAAgB,UAAU,EAAA;QACpE,iBAAiB,KAAK,KAAK,KACxB,KAAA,CAAA,aAAA,CAAC,aAAa,EACV,EAAA,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,EAC5B,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,oBAAoB,EAAE,MAAM,CAAC,IAAI,EACjC,eAAe,EAAE,MAAM,CAAC,MAAM,EAC9B,KAAK,EAAE,iBAAiB,EAAA,CAC1B,CACL;QAEA,UAAU,GAAG,CAAC,KACX,KAAA,CAAA,aAAA,CAACA,YAAc,EAAA,EACX,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAE,MAAM,CAAC,UAAU,EACxB,GAAA,mBAAmB,EACzB,CAAA,CACL,CACC;AAEd;;;;"}

package/modern/components/pagination/index.css

@@ -14,7 +14,7 @@
     --gap-24: var(--gap-xl);
     --gap-32: var(--gap-2xl);
 }
-.table__component_1ukqc {
+.table__component_spk3a {
     position: sticky;
     left: var(--gap-0);
     display: flex;
@@ -25,27 +25,27 @@
     border-top: 1px solid var(--color-light-neutral-400);
     box-sizing: border-box;
 }
-.table__pagesWrapper_1ukqc {
+.table__pagesWrapper_spk3a {
     display: flex;
 }
-.table__tag_1ukqc.table__tag_1ukqc {
+.table__tag_spk3a.table__tag_spk3a {
     flex-shrink: 0;
     margin-right: var(--gap-8);
     padding: var(--gap-0) var(--gap-8);
     min-width: 32px;
 }
-.table__tag_1ukqc.table__tag_1ukqc:last-child {
+.table__tag_spk3a.table__tag_spk3a:last-child {
         margin-right: var(--gap-0);
     }
-.table__tag_1ukqc.table__tag_1ukqc.table__tagActive_1ukqc {
+.table__tag_spk3a.table__tag_spk3a.table__tagActive_spk3a {
         cursor: default;
     }
-.table__pagination_1ukqc {
+.table__pagination_spk3a {
     margin-left: auto;
 }
-.table__menu_1ukqc {
+.table__menu_spk3a {
     margin: var(--gap-4) var(--gap-0);
 }
-.table__option_1ukqc {
+.table__option_spk3a {
     min-width: 208px;
 }

package/modern/components/pagination/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"table__component_1ukqc","pagination":"table__pagination_1ukqc","menu":"table__menu_1ukqc","option":"table__option_1ukqc"};
+const styles = {"component":"table__component_spk3a","pagination":"table__pagination_spk3a","menu":"table__menu_spk3a","option":"table__option_spk3a"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/pagination/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/pagination/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    position: sticky;\n    left: var(--gap-0);\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    width: 100%;\n    padding: var(--gap-24) var(--gap-16) var(--gap-32);\n    border-top: 1px solid var(--color-light-neutral-400);\n    box-sizing: border-box;\n}\n\n.pagesWrapper {\n    display: flex;\n}\n\n.tag.tag {\n    flex-shrink: 0;\n    margin-right: var(--gap-8);\n    padding: var(--gap-0) var(--gap-8);\n    min-width: 32px;\n\n    &:last-child {\n        margin-right: var(--gap-0);\n    }\n\n    &.tagActive {\n        cursor: default;\n    }\n}\n\n.pagination {\n    margin-left: auto;\n}\n\n.menu {\n    margin: var(--gap-4) var(--gap-0);\n}\n\n.option {\n    min-width: 208px;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAA0G,YAAY,CAAC,yBAAyB,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/pagination/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    position: sticky;\n    left: var(--gap-0);\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    width: 100%;\n    padding: var(--gap-24) var(--gap-16) var(--gap-32);\n    border-top: 1px solid var(--color-light-neutral-400);\n    box-sizing: border-box;\n}\n\n.pagesWrapper {\n    display: flex;\n}\n\n.tag.tag {\n    flex-shrink: 0;\n    margin-right: var(--gap-8);\n    padding: var(--gap-0) var(--gap-8);\n    min-width: 32px;\n\n    &:last-child {\n        margin-right: var(--gap-0);\n    }\n\n    &.tagActive {\n        cursor: default;\n    }\n}\n\n.pagination {\n    margin-left: auto;\n}\n\n.menu {\n    margin: var(--gap-4) var(--gap-0);\n}\n\n.option {\n    min-width: 208px;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAA0G,YAAY,CAAC,yBAAyB,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}

package/modern/components/pagination/select-field/index.css

@@ -1,11 +1,11 @@
 :root {
     --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
 }
-.table__field_9s37y svg {
+.table__field_1x6dr svg {
         width: 18px;
         height: 18px;
     }
-.table__open_9s37y,
-.table__open_9s37y:hover {
+.table__open_1x6dr,
+.table__open_1x6dr:hover {
     background-color: var(--color-light-neutral-translucent-200-hover);
 }

package/modern/components/pagination/select-field/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"field":"table__field_9s37y","open":"table__open_9s37y"};
+const styles = {"field":"table__field_1x6dr","open":"table__open_1x6dr"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/pagination/select-field/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../../src/components/pagination/select-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.field {\n    & svg {\n        width: 18px;\n        height: 18px;\n    }\n}\n\n.open,\n.open:hover {\n    background-color: var(--color-light-neutral-translucent-200-hover);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,mBAAmB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../../src/components/pagination/select-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.field {\n    & svg {\n        width: 18px;\n        height: 18px;\n    }\n}\n\n.open,\n.open:hover {\n    background-color: var(--color-light-neutral-translucent-200-hover);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,mBAAmB,CAAC;;;;"}

package/modern/components/table/Component.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactNode, type TableHTMLAttributes } from 'react';
-export declare type TableProps = TableHTMLAttributes<HTMLTableElement> & {
+export type TableProps = TableHTMLAttributes<HTMLTableElement> & {
     /**
      * Компактный вид
      */
@@ -37,15 +37,15 @@ export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttri
     /**
      * Компактный вид
      */
-    compactView?: boolean | undefined;
+    compactView?: boolean;
     /**
      * Уменьшение горизонтальных паддингов
      */
-    compactHorizontal?: boolean | undefined;
+    compactHorizontal?: boolean;
     /**
      * Дополнительный класс
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Дочерние компоненты
      */
@@ -53,7 +53,7 @@ export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttri
     /**
      * Оборачивает таблицу в стилизованный контейнер
      */
-    wrapper?: boolean | undefined;
+    wrapper?: boolean;
     /**
      * Слот для пагинации
      */
@@ -61,9 +61,9 @@ export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttri
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
     /**
      * Если true то заголовок будет фиксироваться при скроле
      */
-    stickyHeader?: boolean | undefined;
+    stickyHeader?: boolean;
 } & React.RefAttributes<HTMLTableElement>>;

package/modern/components/table/index.css

@@ -13,27 +13,27 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.table__component_aw1bn {
+.table__component_zn0cz {
     box-sizing: border-box;
 }
-.table__wrapper_aw1bn {
+.table__wrapper_zn0cz {
     padding: var(--gap-0) var(--gap-16) var(--gap-16);
     background: var(--color-light-base-bg-primary);
     box-shadow: var(--shadow-xs-hard);
     border-radius: var(--border-radius-8);
     overflow: auto;
 }
-.table__stickyHeader_aw1bn {
+.table__stickyHeader_zn0cz {
     max-height: 100%;
 }
-.table__hasPagination_aw1bn {
+.table__hasPagination_zn0cz {
     padding-bottom: var(--gap-0);
 }
-.table__table_aw1bn {
+.table__table_zn0cz {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box;
 }
-.table__table_aw1bn td:first-child label > *[class^='box'], .table__table_aw1bn th:first-child label > *[class^='box'] {
+.table__table_zn0cz td:first-child label > *[class^='box'], .table__table_zn0cz th:first-child label > *[class^='box'] {
             margin-top: var(--gap-0);
         }

package/modern/components/table/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"table__component_aw1bn","wrapper":"table__wrapper_aw1bn","stickyHeader":"table__stickyHeader_aw1bn","hasPagination":"table__hasPagination_aw1bn","table":"table__table_aw1bn"};
+const styles = {"component":"table__component_zn0cz","wrapper":"table__wrapper_zn0cz","stickyHeader":"table__stickyHeader_zn0cz","hasPagination":"table__hasPagination_zn0cz","table":"table__table_zn0cz"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/table/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/table/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    box-sizing: border-box;\n}\n\n.wrapper {\n    padding: var(--gap-0) var(--gap-16) var(--gap-16);\n    background: var(--color-light-base-bg-primary);\n    box-shadow: var(--shadow-xs-hard);\n    border-radius: var(--border-radius-8);\n    overflow: auto;\n}\n\n.stickyHeader {\n    max-height: 100%;\n}\n\n.hasPagination {\n    padding-bottom: var(--gap-0);\n}\n\n.table {\n    width: 100%;\n    border-collapse: collapse;\n    box-sizing: border-box;\n\n    /* TODO: Хак для выравнивания чекбокса */\n    & td:first-child,\n    & th:first-child {\n        & label > *[class^='box'] {\n            margin-top: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,SAAS,CAAC,sBAAsB,CAAC,cAAc,CAAC,2BAA2B,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/table/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    box-sizing: border-box;\n}\n\n.wrapper {\n    padding: var(--gap-0) var(--gap-16) var(--gap-16);\n    background: var(--color-light-base-bg-primary);\n    box-shadow: var(--shadow-xs-hard);\n    border-radius: var(--border-radius-8);\n    overflow: auto;\n}\n\n.stickyHeader {\n    max-height: 100%;\n}\n\n.hasPagination {\n    padding-bottom: var(--gap-0);\n}\n\n.table {\n    width: 100%;\n    border-collapse: collapse;\n    box-sizing: border-box;\n\n    /* TODO: Хак для выравнивания чекбокса */\n    & td:first-child,\n    & th:first-child {\n        & label > *[class^='box'] {\n            margin-top: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,SAAS,CAAC,sBAAsB,CAAC,cAAc,CAAC,2BAA2B,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;;"}

package/modern/components/table/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/table/utils.ts"],"sourcesContent":["import React from 'react';\n\nimport { isChildInstanceOf } from '../../utils';\nimport { THead } from '../thead';\nimport { type THeadCellProps } from '../thead-cell';\n\nexport function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]) {\n    const result: THeadCellProps[] = [];\n\n    React.Children.forEach(children, (child) => {\n        if (isChildInstanceOf(child, THead)) {\n            React.Children.forEach(child.props.children, (headChild) => {\n                result.push(headChild.props);\n            });\n        }\n    });\n\n    return result;\n}\n"],"names":[],"mappings":";;;;AAMM,SAAU,qBAAqB,CAAC,QAAmD,EAAA;IACrF,MAAM,MAAM,GAAqB,EAAE;IAEnC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACvC,QAAA,IAAI,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE;AACjC,YAAA,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,SAAS,KAAI;AACvD,gBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AAChC,aAAC,CAAC;AACL;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACjB;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/table/utils.ts"],"sourcesContent":["import React from 'react';\n\nimport { isChildInstanceOf } from '../../utils';\nimport { THead } from '../thead';\nimport { type THeadCellProps } from '../thead-cell';\n\nexport function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]) {\n    const result: THeadCellProps[] = [];\n\n    React.Children.forEach(children, (child) => {\n        if (isChildInstanceOf(child, THead)) {\n            React.Children.forEach(child.props.children, (headChild) => {\n                result.push(headChild.props);\n            });\n        }\n    });\n\n    return result;\n}\n"],"names":[],"mappings":";;;;AAMM,SAAU,qBAAqB,CAAC,QAAmD,EAAA;IACrF,MAAM,MAAM,GAAqB,EAAE;IAEnC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACvC,QAAA,IAAI,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE;AACjC,YAAA,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,SAAS,KAAI;AACvD,gBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AAChC,aAAC,CAAC;;AAEV,KAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACjB;;;;"}

package/modern/components/table-context/index.d.ts

@@ -1,12 +1,12 @@
 import { type RefObject } from 'react';
 import { type TextAlignProperty } from '../../typings';
-export declare type ColumnConfiguration = {
+export type ColumnConfiguration = {
     width?: string | number;
     textAlign?: TextAlignProperty;
     hidden?: boolean;
     index: number;
 };
-export declare type TableContextType = {
+export type TableContextType = {
     columnsConfiguration: ColumnConfiguration[];
     stickyHeader: boolean;
     compactView: boolean;

package/modern/components/tbody/Component.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-export declare type TBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
+export type TBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
     /**
      * Дополнительный класс
      */
@@ -13,9 +13,9 @@ export declare const TBody: React.ForwardRefExoticComponent<React.HTMLAttributes
     /**
      * Дополнительный класс
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
-    dataTestId?: string | undefined;
+    dataTestId?: string;
 } & React.RefAttributes<HTMLTableSectionElement>>;

package/modern/components/tbody/index.css

@@ -1,4 +1,4 @@
-.table__component_3cwam {
+.table__component_1wpj7 {
     width: 100%;
     box-sizing: border-box;
 }

package/modern/components/tbody/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"table__component_3cwam"};
+const styles = {"component":"table__component_1wpj7"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/tbody/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/tbody/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    width: 100%;\n    box-sizing: border-box;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tbody/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    width: 100%;\n    box-sizing: border-box;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}

package/modern/components/tcell/Component.d.ts

@@ -1,5 +1,5 @@
 import React, { type TdHTMLAttributes } from 'react';
-export declare type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
+export type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
     /**
      * Дополнительный класс
      */