@alfalab/core-components-table 3.0.1 → 3.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/table/Component.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, TableHTMLAttributes, useMemo, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { ColumnConfiguration, TableContext } from '../table-context';\n\nimport { findAllHeadCellsProps } from './utils';\n\nimport styles from './index.module.css';\n\nexport type TableProps = TableHTMLAttributes<HTMLTableElement> & {\n    /**\n     * Компактный вид\n     */\n    compactView?: boolean;\n\n    /**\n     * Уменьшение горизонтальных паддингов\n     */\n    compactHorizontal?: boolean;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дочерние компоненты\n     */\n    children: React.ReactElement | React.ReactElement[];\n\n    /**\n     * Оборачивает таблицу в стилизованный контейнер\n     */\n    wrapper?: boolean;\n\n    /**\n     * Слот для пагинации\n     */\n    pagination?: ReactNode;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Если true то заголовок будет фиксироваться при скроле\n     */\n    stickyHeader?: boolean;\n};\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(\n    (\n        {\n            className,\n            children,\n            compactView = false,\n            compactHorizontal = false,\n            wrapper = true,\n            pagination,\n            dataTestId,\n            stickyHeader = false,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const wrapperRef = useRef<HTMLDivElement>(null);\n\n        const columnsConfiguration: ColumnConfiguration[] = useMemo(\n            () =>\n                findAllHeadCellsProps(children).map((columnProps, index) => ({\n                    width: columnProps.width,\n                    textAlign: columnProps.textAlign,\n                    hidden: columnProps.hidden,\n                    index,\n                })),\n            [children],\n        );\n\n        /* eslint-disable react/jsx-no-constructed-context-values */\n        return (\n            <TableContext.Provider\n                value={{\n                    stickyHeader,\n                    columnsConfiguration,\n                    compactView,\n                    compactHorizontal,\n                    wrapperRef,\n                }}\n            >\n                <div\n                    ref={wrapperRef}\n                    className={cn(styles.component, className, {\n                        [styles.wrapper]: wrapper,\n                        [styles.hasPagination]: !!pagination,\n                        [styles.stickyHeader]: stickyHeader,\n                    })}\n                    data-test-id={dataTestId}\n                >\n                    <table ref={ref} className={styles.table} {...restProps}>\n                        {children}\n                    </table>\n\n                    {pagination}\n                </div>\n            </TableContext.Provider>\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;AAmDa,MAAA,KAAK,GAAG,UAAU,CAC3B,CACI,EACI,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,iBAAiB,GAAG,KAAK,EACzB,OAAO,GAAG,IAAI,EACd,UAAU,EACV,UAAU,EACV,YAAY,GAAG,KAAK,EACpB,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE/C,MAAM,oBAAoB,GAA0B,OAAO,CACvD,MACI,qBAAqB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,MAAM;QACzD,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,MAAM,EAAE,WAAW,CAAC,MAAM;QAC1B,KAAK;AACR,KAAA,CAAC,CAAC,EACP,CAAC,QAAQ,CAAC,CACb;;AAGD,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,YAAY,CAAC,QAAQ,EAAA,EAClB,KAAK,EAAE;YACH,YAAY;YACZ,oBAAoB;YACpB,WAAW;YACX,iBAAiB;YACjB,UAAU;AACb,SAAA,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;AACvC,gBAAA,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO;AACzB,gBAAA,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,CAAC,UAAU;AACpC,gBAAA,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY;AACtC,aAAA,CAAC,kBACY,UAAU,EAAA;AAExB,YAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,GAAM,SAAS,EAAA,EAClD,QAAQ,CACL;YAEP,UAAU,CACT,CACc;AAEhC,CAAC;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/table/Component.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    type ReactNode,\n    type TableHTMLAttributes,\n    useMemo,\n    useRef,\n} from 'react';\nimport cn from 'classnames';\n\nimport { type ColumnConfiguration, TableContext } from '../table-context';\n\nimport { findAllHeadCellsProps } from './utils';\n\nimport styles from './index.module.css';\n\nexport type TableProps = TableHTMLAttributes<HTMLTableElement> & {\n    /**\n     * Компактный вид\n     */\n    compactView?: boolean;\n\n    /**\n     * Уменьшение горизонтальных паддингов\n     */\n    compactHorizontal?: boolean;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дочерние компоненты\n     */\n    children: React.ReactElement | React.ReactElement[];\n\n    /**\n     * Оборачивает таблицу в стилизованный контейнер\n     */\n    wrapper?: boolean;\n\n    /**\n     * Слот для пагинации\n     */\n    pagination?: ReactNode;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Если true то заголовок будет фиксироваться при скроле\n     */\n    stickyHeader?: boolean;\n};\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(\n    (\n        {\n            className,\n            children,\n            compactView = false,\n            compactHorizontal = false,\n            wrapper = true,\n            pagination,\n            dataTestId,\n            stickyHeader = false,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const wrapperRef = useRef<HTMLDivElement>(null);\n\n        const columnsConfiguration: ColumnConfiguration[] = useMemo(\n            () =>\n                findAllHeadCellsProps(children).map((columnProps, index) => ({\n                    width: columnProps.width,\n                    textAlign: columnProps.textAlign,\n                    hidden: columnProps.hidden,\n                    index,\n                })),\n            [children],\n        );\n\n        /* eslint-disable react/jsx-no-constructed-context-values */\n        return (\n            <TableContext.Provider\n                value={{\n                    stickyHeader,\n                    columnsConfiguration,\n                    compactView,\n                    compactHorizontal,\n                    wrapperRef,\n                }}\n            >\n                <div\n                    ref={wrapperRef}\n                    className={cn(styles.component, className, {\n                        [styles.wrapper]: wrapper,\n                        [styles.hasPagination]: !!pagination,\n                        [styles.stickyHeader]: stickyHeader,\n                    })}\n                    data-test-id={dataTestId}\n                >\n                    <table ref={ref} className={styles.table} {...restProps}>\n                        {children}\n                    </table>\n\n                    {pagination}\n                </div>\n            </TableContext.Provider>\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;AAyDa,MAAA,KAAK,GAAG,UAAU,CAC3B,CACI,EACI,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,iBAAiB,GAAG,KAAK,EACzB,OAAO,GAAG,IAAI,EACd,UAAU,EACV,UAAU,EACV,YAAY,GAAG,KAAK,EACpB,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE/C,MAAM,oBAAoB,GAA0B,OAAO,CACvD,MACI,qBAAqB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,MAAM;QACzD,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,MAAM,EAAE,WAAW,CAAC,MAAM;QAC1B,KAAK;AACR,KAAA,CAAC,CAAC,EACP,CAAC,QAAQ,CAAC,CACb;;AAGD,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,YAAY,CAAC,QAAQ,EAAA,EAClB,KAAK,EAAE;YACH,YAAY;YACZ,oBAAoB;YACpB,WAAW;YACX,iBAAiB;YACjB,UAAU;AACb,SAAA,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;AACvC,gBAAA,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO;AACzB,gBAAA,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,CAAC,UAAU;AACpC,gBAAA,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY;AACtC,aAAA,CAAC,kBACY,UAAU,EAAA;AAExB,YAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,GAAM,SAAS,EAAA,EAClD,QAAQ,CACL;YAEP,UAAU,CACT,CACc;AAEhC,CAAC;;;;"}

package/modern/components/table/index.css

@@ -9,22 +9,22 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .table__component_hja3d {
+} .table__component_1bvp4 {
     box-sizing: border-box;
-} .table__wrapper_hja3d {
+} .table__wrapper_1bvp4 {
     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_hja3d {
+} .table__stickyHeader_1bvp4 {
     max-height: 100%;
-} .table__hasPagination_hja3d {
+} .table__hasPagination_1bvp4 {
     padding-bottom: var(--gap-0);
-} .table__table_hja3d {
+} .table__table_1bvp4 {
     width: 100%;
     border-collapse: collapse;
-    box-sizing: border-box
-} .table__table_hja3d td:first-child label > *[class^='box'], .table__table_hja3d th:first-child label > *[class^='box'] {
+    box-sizing: border-box;
+} .table__table_1bvp4 td:first-child label > *[class^='box'], .table__table_1bvp4 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_hja3d","wrapper":"table__wrapper_hja3d","stickyHeader":"table__stickyHeader_hja3d","hasPagination":"table__hasPagination_hja3d","table":"table__table_hja3d"};
+const styles = {"component":"table__component_1bvp4","wrapper":"table__wrapper_1bvp4","stickyHeader":"table__stickyHeader_1bvp4","hasPagination":"table__hasPagination_1bvp4","table":"table__table_1bvp4"};
 
 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/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/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;;;;"}

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import { THeadCellProps } from '../thead-cell';
+import { type THeadCellProps } from '../thead-cell';
 export declare function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]): THeadCellProps[];

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 { 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;AACL;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACjB;;;;"}

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

@@ -1,5 +1,5 @@
-import React, { RefObject } from 'react';
-import { TextAlignProperty } from '../../typings';
+import { type RefObject } from 'react';
+import { type TextAlignProperty } from '../../typings';
 export declare type ColumnConfiguration = {
     width?: string | number;
     textAlign?: TextAlignProperty;
@@ -14,4 +14,4 @@ export declare type TableContextType = {
     wrapperRef: RefObject<HTMLDivElement>;
 };
 export declare const DEFAULT_TABLE_CONTEXT: TableContextType;
-export declare const TableContext: React.Context<TableContextType>;
+export declare const TableContext: import("react").Context<TableContextType>;

package/modern/components/table-context/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { createContext } from 'react';
 
 const DEFAULT_TABLE_CONTEXT = {
     columnsConfiguration: [],
@@ -7,7 +7,7 @@ const DEFAULT_TABLE_CONTEXT = {
     compactHorizontal: false,
     wrapperRef: { current: null },
 };
-const TableContext = React.createContext(DEFAULT_TABLE_CONTEXT);
+const TableContext = createContext(DEFAULT_TABLE_CONTEXT);
 
 export { DEFAULT_TABLE_CONTEXT, TableContext };
 //# sourceMappingURL=index.js.map

package/modern/components/table-context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/table-context/index.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\n\nimport { TextAlignProperty } from '../../typings';\n\nexport type ColumnConfiguration = {\n    width?: string | number;\n    textAlign?: TextAlignProperty;\n    hidden?: boolean;\n    index: number;\n};\n\nexport type TableContextType = {\n    columnsConfiguration: ColumnConfiguration[];\n    stickyHeader: boolean;\n    compactView: boolean;\n    compactHorizontal: boolean;\n    wrapperRef: RefObject<HTMLDivElement>;\n};\n\nexport const DEFAULT_TABLE_CONTEXT: TableContextType = {\n    columnsConfiguration: [],\n    compactView: false,\n    stickyHeader: false,\n    compactHorizontal: false,\n    wrapperRef: { current: null },\n};\n\nexport const TableContext = React.createContext<TableContextType>(DEFAULT_TABLE_CONTEXT);\n"],"names":[],"mappings":";;AAmBa,MAAA,qBAAqB,GAAqB;AACnD,IAAA,oBAAoB,EAAE,EAAE;AACxB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,iBAAiB,EAAE,KAAK;AACxB,IAAA,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;;AAGpB,MAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB,qBAAqB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/table-context/index.ts"],"sourcesContent":["import { createContext, type RefObject } from 'react';\n\nimport { type TextAlignProperty } from '../../typings';\n\nexport type ColumnConfiguration = {\n    width?: string | number;\n    textAlign?: TextAlignProperty;\n    hidden?: boolean;\n    index: number;\n};\n\nexport type TableContextType = {\n    columnsConfiguration: ColumnConfiguration[];\n    stickyHeader: boolean;\n    compactView: boolean;\n    compactHorizontal: boolean;\n    wrapperRef: RefObject<HTMLDivElement>;\n};\n\nexport const DEFAULT_TABLE_CONTEXT: TableContextType = {\n    columnsConfiguration: [],\n    compactView: false,\n    stickyHeader: false,\n    compactHorizontal: false,\n    wrapperRef: { current: null },\n};\n\nexport const TableContext = createContext<TableContextType>(DEFAULT_TABLE_CONTEXT);\n"],"names":[],"mappings":";;AAmBa,MAAA,qBAAqB,GAAqB;AACnD,IAAA,oBAAoB,EAAE,EAAE;AACxB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,iBAAiB,EAAE,KAAK;AACxB,IAAA,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;;MAGpB,YAAY,GAAG,aAAa,CAAmB,qBAAqB;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/tbody/Component.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type TBodyProps = HTMLAttributes<HTMLTableSectionElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const TBody = forwardRef<HTMLTableSectionElement, TBodyProps>(\n    ({ className, children, dataTestId, ...restProps }, ref) => (\n        <tbody\n            className={cn(styles.component, className)}\n            data-test-id={dataTestId}\n            ref={ref}\n            {...restProps}\n        >\n            {children}\n        </tbody>\n    ),\n);\n\nTBody.displayName = 'TBody';\n"],"names":[],"mappings":";;;;MAiBa,KAAK,GAAG,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,MACnD,+BACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC5B,cAAA,EAAA,UAAU,EACxB,GAAG,EAAE,GAAG,EACJ,GAAA,SAAS,IAEZ,QAAQ,CACL,CACX;AAGL,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/tbody/Component.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type TBodyProps = HTMLAttributes<HTMLTableSectionElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const TBody = forwardRef<HTMLTableSectionElement, TBodyProps>(\n    ({ className, children, dataTestId, ...restProps }, ref) => (\n        <tbody\n            className={cn(styles.component, className)}\n            data-test-id={dataTestId}\n            ref={ref}\n            {...restProps}\n        >\n            {children}\n        </tbody>\n    ),\n);\n\nTBody.displayName = 'TBody';\n"],"names":[],"mappings":";;;;MAiBa,KAAK,GAAG,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,MACnD,+BACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC5B,cAAA,EAAA,UAAU,EACxB,GAAG,EAAE,GAAG,EACJ,GAAA,SAAS,IAEZ,QAAQ,CACL,CACX;AAGL,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/modern/components/tbody/index.css

@@ -1,4 +1,4 @@
-.table__component_xdtlp {
+.table__component_1w0xi {
     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_xdtlp"};
+const styles = {"component":"table__component_1w0xi"};
 
 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/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/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;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/tcell/Component.tsx"],"sourcesContent":["import React, { TdHTMLAttributes, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { TableContext } from '../table-context';\n\nimport styles from './index.module.css';\n\nexport type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Устанавливается автоматически и позволяет использовать конфиг для соответствующего индекса\n     */\n    index?: number;\n};\n\nexport const TCell = ({\n    className,\n    style,\n    dataTestId,\n    children,\n    index,\n    ...restProps\n}: TCellProps) => {\n    const { columnsConfiguration, compactView, compactHorizontal } = useContext(TableContext);\n    const column = index === undefined ? null : columnsConfiguration[index];\n    const width = column?.width;\n    const textAlign = column?.textAlign;\n    const hidden = column?.hidden || false;\n\n    if (hidden) return null;\n\n    return (\n        <td\n            className={cn(\n                styles.component,\n                className,\n                compactView && styles.compact,\n                compactHorizontal && styles.compactHorizontal,\n            )}\n            style={{ ...style, width, textAlign }}\n            data-test-id={dataTestId}\n            {...restProps}\n        >\n            {children}\n        </td>\n    );\n};\n"],"names":[],"mappings":";;;;;MAwBa,KAAK,GAAG,CAAC,EAClB,SAAS,EACT,KAAK,EACL,UAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,SAAS,EACH,KAAI;AACb,IAAA,MAAM,EAAE,oBAAoB,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AACzF,IAAA,MAAM,MAAM,GAAG,KAAK,KAAK,SAAS,GAAG,IAAI,GAAG,oBAAoB,CAAC,KAAK,CAAC;AACvE,IAAA,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK;AAC3B,IAAA,MAAM,SAAS,GAAG,MAAM,EAAE,SAAS;AACnC,IAAA,MAAM,MAAM,GAAG,MAAM,EAAE,MAAM,IAAI,KAAK;AAEtC,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,WAAW,IAAI,MAAM,CAAC,OAAO,EAC7B,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,CAChD,EACD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,cAAA,EACvB,UAAU,EACpB,GAAA,SAAS,IAEZ,QAAQ,CACR;AAEb;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/tcell/Component.tsx"],"sourcesContent":["import React, { type TdHTMLAttributes, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { TableContext } from '../table-context';\n\nimport styles from './index.module.css';\n\nexport type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Устанавливается автоматически и позволяет использовать конфиг для соответствующего индекса\n     */\n    index?: number;\n};\n\nexport const TCell = ({\n    className,\n    style,\n    dataTestId,\n    children,\n    index,\n    ...restProps\n}: TCellProps) => {\n    const { columnsConfiguration, compactView, compactHorizontal } = useContext(TableContext);\n    const column = index === undefined ? null : columnsConfiguration[index];\n    const width = column?.width;\n    const textAlign = column?.textAlign;\n    const hidden = column?.hidden || false;\n\n    if (hidden) return null;\n\n    return (\n        <td\n            className={cn(\n                styles.component,\n                className,\n                compactView && styles.compact,\n                compactHorizontal && styles.compactHorizontal,\n            )}\n            style={{ ...style, width, textAlign }}\n            data-test-id={dataTestId}\n            {...restProps}\n        >\n            {children}\n        </td>\n    );\n};\n"],"names":[],"mappings":";;;;;MAwBa,KAAK,GAAG,CAAC,EAClB,SAAS,EACT,KAAK,EACL,UAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,SAAS,EACH,KAAI;AACb,IAAA,MAAM,EAAE,oBAAoB,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AACzF,IAAA,MAAM,MAAM,GAAG,KAAK,KAAK,SAAS,GAAG,IAAI,GAAG,oBAAoB,CAAC,KAAK,CAAC;AACvE,IAAA,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK;AAC3B,IAAA,MAAM,SAAS,GAAG,MAAM,EAAE,SAAS;AACnC,IAAA,MAAM,MAAM,GAAG,MAAM,EAAE,MAAM,IAAI,KAAK;AAEtC,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,WAAW,IAAI,MAAM,CAAC,OAAO,EAC7B,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,CAChD,EACD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,cAAA,EACvB,UAAU,EACpB,GAAA,SAAS,IAEZ,QAAQ,CACR;AAEb;;;;"}

package/modern/components/tcell/index.css

@@ -10,7 +10,7 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
     --gap-24: var(--gap-xl);
-} .table__component_18t8w {
+} .table__component_12y4x {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -20,15 +20,15 @@
     height: 72px;
     border-top: 1px solid var(--color-light-neutral-400);
     vertical-align: top;
-    box-sizing: border-box
-} .table__component_18t8w:first-child {
+    box-sizing: border-box;
+} .table__component_12y4x:first-child {
         padding-left: var(--gap-16);
-    } .table__component_18t8w:last-child {
+    } .table__component_12y4x:last-child {
         padding-right: var(--gap-16);
-    } .table__compactHorizontal_18t8w {
+    } .table__compactHorizontal_12y4x {
     padding-left: 6px;
     padding-right: 6px;
-} .table__compact_18t8w {
+} .table__compact_12y4x {
     padding-top: var(--gap-8);
     padding-bottom: var(--gap-8);
 

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"table__component_18t8w","compactHorizontal":"table__compactHorizontal_18t8w","compact":"table__compact_18t8w"};
+const styles = {"component":"table__component_12y4x","compactHorizontal":"table__compactHorizontal_12y4x","compact":"table__compact_12y4x"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/tcell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    @mixin paragraph_primary_small;\n\n    color: var(--color-light-text-primary);\n    padding: var(--gap-24) var(--gap-12);\n    height: 72px;\n    border-top: 1px solid var(--color-light-neutral-400);\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\n.compactHorizontal {\n    padding-left: 6px;\n    padding-right: 6px;\n}\n\n.compact {\n    padding-top: var(--gap-8);\n    padding-bottom: var(--gap-8);\n\n    max-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,SAAS,CAAC,sBAAsB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tcell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    @mixin paragraph_primary_small;\n\n    color: var(--color-light-text-primary);\n    padding: var(--gap-24) var(--gap-12);\n    height: 72px;\n    border-top: 1px solid var(--color-light-neutral-400);\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\n.compactHorizontal {\n    padding-left: 6px;\n    padding-right: 6px;\n}\n\n.compact {\n    padding-top: var(--gap-8);\n    padding-bottom: var(--gap-8);\n\n    max-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,SAAS,CAAC,sBAAsB,CAAC;;;;"}

package/modern/components/texpandable-row/Component.d.ts

@@ -1,5 +1,5 @@
-import React, { ReactNode, Ref } from 'react';
-import { TRowProps } from '../trow';
+import React, { type ReactNode, type Ref } from 'react';
+import { type TRowProps } from '../trow';
 export declare type TExpandableRowProps = TRowProps & {
     defaultExpanded?: boolean;
     expanded?: boolean;

package/modern/components/texpandable-row/Component.js

@@ -6,7 +6,7 @@ import styles from './index.module.css.js';
 const TExpandableRow = forwardRef(({ className, selected, expanded, defaultExpanded = false, onToggle = () => null, renderContent = () => null, rowRef, ...restProps }, ref) => {
     const [expandedState, setExpandedState] = useState(defaultExpanded);
     const uncontrolled = expanded === undefined;
-    const isExpanded = (uncontrolled ? expandedState : expanded);
+    const isExpanded = uncontrolled ? expandedState : expanded;
     const handleToggle = () => {
         if (uncontrolled) {
             setExpandedState(!isExpanded);

package/modern/components/texpandable-row/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/texpandable-row/Component.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, Ref, useState } from 'react';\nimport cn from 'classnames';\n\nimport { TRow, TRowProps } from '../trow';\n\nimport styles from './index.module.css';\n\nexport type TExpandableRowProps = TRowProps & {\n    defaultExpanded?: boolean;\n\n    expanded?: boolean;\n\n    onToggle?: (expanded: boolean) => void;\n\n    renderContent: (expanded: boolean) => ReactNode;\n\n    rowRef?: Ref<HTMLTableRowElement>;\n};\n\nexport const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProps>(\n    (\n        {\n            className,\n            selected,\n            expanded,\n            defaultExpanded = false,\n            onToggle = () => null,\n            renderContent = () => null,\n            rowRef,\n            ...restProps\n        }: TExpandableRowProps,\n        ref,\n    ) => {\n        const [expandedState, setExpandedState] = useState<boolean>(defaultExpanded);\n\n        const uncontrolled = expanded === undefined;\n\n        const isExpanded = (uncontrolled ? expandedState : expanded) as boolean;\n\n        const handleToggle = () => {\n            if (uncontrolled) {\n                setExpandedState(!isExpanded);\n            }\n\n            onToggle(isExpanded);\n        };\n\n        return (\n            <React.Fragment>\n                <TRow\n                    className={cn(styles.row, className, {\n                        [styles.selected]: selected,\n                        [styles.expanded]: isExpanded,\n                    })}\n                    selected={selected}\n                    onClick={handleToggle}\n                    ref={rowRef}\n                    {...restProps}\n                />\n\n                <tr ref={ref} className={cn(styles.expandable, { [styles.expanded]: isExpanded })}>\n                    {renderContent(isExpanded)}\n                </tr>\n            </React.Fragment>\n        );\n    },\n);\n\nTExpandableRow.displayName = 'TExpandableRow';\n"],"names":[],"mappings":";;;;;AAmBa,MAAA,cAAc,GAAG,UAAU,CACpC,CACI,EACI,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,MAAM,IAAI,EACrB,aAAa,GAAG,MAAM,IAAI,EAC1B,MAAM,EACN,GAAG,SAAS,EACM,EACtB,GAAG,KACH;IACA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,eAAe,CAAC;AAE5E,IAAA,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS;AAE3C,IAAA,MAAM,UAAU,IAAI,YAAY,GAAG,aAAa,GAAG,QAAQ,CAAY;IAEvE,MAAM,YAAY,GAAG,MAAK;AACtB,QAAA,IAAI,YAAY,EAAE;AACd,YAAA,gBAAgB,CAAC,CAAC,UAAU,CAAC;AAChC;QAED,QAAQ,CAAC,UAAU,CAAC;AACxB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA;QACX,KAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE;AACjC,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU;AAChC,aAAA,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,GAAG,EAAE,MAAM,EAAA,GACP,SAAS,EACf,CAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,CAAC,EAAA,EAC5E,aAAa,CAAC,UAAU,CAAC,CACzB,CACQ;AAEzB,CAAC;AAGL,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/texpandable-row/Component.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, type Ref, useState } from 'react';\nimport cn from 'classnames';\n\nimport { TRow, type TRowProps } from '../trow';\n\nimport styles from './index.module.css';\n\nexport type TExpandableRowProps = TRowProps & {\n    defaultExpanded?: boolean;\n\n    expanded?: boolean;\n\n    onToggle?: (expanded: boolean) => void;\n\n    renderContent: (expanded: boolean) => ReactNode;\n\n    rowRef?: Ref<HTMLTableRowElement>;\n};\n\nexport const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProps>(\n    (\n        {\n            className,\n            selected,\n            expanded,\n            defaultExpanded = false,\n            onToggle = () => null,\n            renderContent = () => null,\n            rowRef,\n            ...restProps\n        }: TExpandableRowProps,\n        ref,\n    ) => {\n        const [expandedState, setExpandedState] = useState<boolean>(defaultExpanded);\n\n        const uncontrolled = expanded === undefined;\n\n        const isExpanded = uncontrolled ? expandedState : expanded;\n\n        const handleToggle = () => {\n            if (uncontrolled) {\n                setExpandedState(!isExpanded);\n            }\n\n            onToggle(isExpanded);\n        };\n\n        return (\n            <React.Fragment>\n                <TRow\n                    className={cn(styles.row, className, {\n                        [styles.selected]: selected,\n                        [styles.expanded]: isExpanded,\n                    })}\n                    selected={selected}\n                    onClick={handleToggle}\n                    ref={rowRef}\n                    {...restProps}\n                />\n\n                <tr ref={ref} className={cn(styles.expandable, { [styles.expanded]: isExpanded })}>\n                    {renderContent(isExpanded)}\n                </tr>\n            </React.Fragment>\n        );\n    },\n);\n\nTExpandableRow.displayName = 'TExpandableRow';\n"],"names":[],"mappings":";;;;;AAmBa,MAAA,cAAc,GAAG,UAAU,CACpC,CACI,EACI,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,MAAM,IAAI,EACrB,aAAa,GAAG,MAAM,IAAI,EAC1B,MAAM,EACN,GAAG,SAAS,EACM,EACtB,GAAG,KACH;IACA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,eAAe,CAAC;AAE5E,IAAA,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS;IAE3C,MAAM,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ;IAE1D,MAAM,YAAY,GAAG,MAAK;AACtB,QAAA,IAAI,YAAY,EAAE;AACd,YAAA,gBAAgB,CAAC,CAAC,UAAU,CAAC;AAChC;QAED,QAAQ,CAAC,UAAU,CAAC;AACxB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA;QACX,KAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE;AACjC,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU;AAChC,aAAA,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,GAAG,EAAE,MAAM,EAAA,GACP,SAAS,EACf,CAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,CAAC,EAAA,EAC5E,aAAa,CAAC,UAAU,CAAC,CACzB,CACQ;AAEzB,CAAC;AAGL,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/modern/components/texpandable-row/index.css

@@ -1,12 +1,12 @@
 :root {
     --gap-0: 0px;
-} .table__row_orcq5 {
+} .table__row_v16e3 {
     cursor: pointer;
-} .table__selected_orcq5.table__expanded_orcq5 {
+} .table__selected_v16e3.table__expanded_v16e3 {
     background-color: inherit;
-} .table__expanded_orcq5:hover {
+} .table__expanded_v16e3:hover {
         background-color: inherit;
-    } .table__expandable_orcq5 td {
+    } .table__expandable_v16e3 td {
         margin: var(--gap-0);
         padding-top: var(--gap-0);
         padding-bottom: var(--gap-0);

package/modern/components/texpandable-row/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"row":"table__row_orcq5","selected":"table__selected_orcq5","expanded":"table__expanded_orcq5","expandable":"table__expandable_orcq5"};
+const styles = {"row":"table__row_v16e3","selected":"table__selected_v16e3","expanded":"table__expanded_v16e3","expandable":"table__expandable_v16e3"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/texpandable-row/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/texpandable-row/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.row {\n    cursor: pointer;\n}\n\n.selected.expanded {\n    background-color: inherit;\n}\n\n.expanded {\n    &:hover {\n        background-color: inherit;\n    }\n}\n\n.expandable {\n    & td {\n        margin: var(--gap-0);\n        padding-top: var(--gap-0);\n        padding-bottom: var(--gap-0);\n        border: none;\n        height: auto;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,uBAAuB,CAAC,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC,yBAAyB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/texpandable-row/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.row {\n    cursor: pointer;\n}\n\n.selected.expanded {\n    background-color: inherit;\n}\n\n.expanded {\n    &:hover {\n        background-color: inherit;\n    }\n}\n\n.expandable {\n    & td {\n        margin: var(--gap-0);\n        padding-top: var(--gap-0);\n        padding-bottom: var(--gap-0);\n        border: none;\n        height: auto;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,uBAAuB,CAAC,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC,yBAAyB,CAAC;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/thead/Component.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type THeadProps = HTMLAttributes<HTMLTableSectionElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для tr\n     */\n    rowClassName?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const THead: React.FC<THeadProps> = ({\n    className,\n    rowClassName,\n    children,\n    dataTestId,\n    ...restProps\n}) => (\n    <thead className={cn(styles.component, className)} data-test-id={dataTestId} {...restProps}>\n        <tr className={cn(styles.row, rowClassName)}>{children}</tr>\n    </thead>\n);\n"],"names":[],"mappings":";;;;AAsBO,MAAM,KAAK,GAAyB,CAAC,EACxC,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,GAAG,SAAS,EACf,MACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAgB,cAAA,EAAA,UAAU,KAAM,SAAS,EAAA;AACtF,IAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,EAAG,EAAA,QAAQ,CAAM,CACxD;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/thead/Component.tsx"],"sourcesContent":["import React, { type HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type THeadProps = HTMLAttributes<HTMLTableSectionElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для tr\n     */\n    rowClassName?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const THead: React.FC<THeadProps> = ({\n    className,\n    rowClassName,\n    children,\n    dataTestId,\n    ...restProps\n}) => (\n    <thead className={cn(styles.component, className)} data-test-id={dataTestId} {...restProps}>\n        <tr className={cn(styles.row, rowClassName)}>{children}</tr>\n    </thead>\n);\n"],"names":[],"mappings":";;;;AAsBO,MAAM,KAAK,GAAyB,CAAC,EACxC,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,GAAG,SAAS,EACf,MACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAgB,cAAA,EAAA,UAAU,KAAM,SAAS,EAAA;AACtF,IAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,EAAG,EAAA,QAAQ,CAAM,CACxD;;;;"}

package/modern/components/thead/index.css

@@ -4,11 +4,11 @@
     --gap-xs: 8px;
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
-} .table__component_zt8pc {
+} .table__component_5gtny {
     position: relative;
     width: 100%;
-    box-sizing: border-box
-} .table__component_zt8pc th:not(:last-child):not(:empty):after {
+    box-sizing: border-box;
+} .table__component_5gtny th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -19,10 +19,10 @@
         top: var(--gap-8);
         bottom: var(--gap-8);
         background-color: var(--color-light-neutral-400);
-    } .table__component_zt8pc th:after {
+    } .table__component_5gtny th:after {
         opacity: 0;
-    } .table__component_zt8pc:hover th:after {
+    } .table__component_5gtny:hover th:after {
         opacity: 1;
-    } .table__row_zt8pc {
+    } .table__row_5gtny {
     height: 72px;
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n\n    & th:not(:last-child):not(:empty):after {\n        transition: opacity 0.2s;\n        position: absolute;\n        content: '';\n        display: block;\n\n        width: 1px;\n        right: var(--gap-0);\n        top: var(--gap-8);\n        bottom: var(--gap-8);\n        background-color: var(--color-light-neutral-400);\n    }\n\n    & th:after {\n        opacity: 0;\n    }\n\n    &:hover th:after {\n        opacity: 1;\n    }\n}\n\n.row {\n    height: 72px;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,KAAK,CAAC,kBAAkB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n\n    & th:not(:last-child):not(:empty):after {\n        transition: opacity 0.2s;\n        position: absolute;\n        content: '';\n        display: block;\n\n        width: 1px;\n        right: var(--gap-0);\n        top: var(--gap-8);\n        bottom: var(--gap-8);\n        background-color: var(--color-light-neutral-400);\n    }\n\n    & th:after {\n        opacity: 0;\n    }\n\n    &:hover th:after {\n        opacity: 1;\n    }\n}\n\n.row {\n    height: 72px;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,KAAK,CAAC,kBAAkB,CAAC;;;;"}

package/modern/components/thead-cell/Component.d.ts

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

package/modern/components/thead-cell/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/thead-cell/Component.tsx"],"sourcesContent":["import React, { ThHTMLAttributes, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { TextAlignProperty } from '../../typings';\nimport { TableContext } from '../table-context';\n\nimport styles from './index.module.css';\n\nexport type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Ширина колонки\n     */\n    width?: string | number;\n\n    /**\n     * Скрытие колонки\n     */\n    hidden?: boolean;\n\n    /**\n     * Выравнивание текста в колонке\n     */\n    textAlign?: TextAlignProperty;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const THeadCell = ({\n    children,\n    className,\n    dataTestId,\n    style,\n    width,\n    textAlign,\n    hidden,\n    ...restProps\n}: THeadCellProps) => {\n    const { compactHorizontal, stickyHeader } = useContext(TableContext);\n\n    if (hidden) return null;\n\n    return (\n        <th\n            className={cn(\n                styles.component,\n                className,\n                compactHorizontal && styles.compactHorizontal,\n                {\n                    [styles.stickyHeader]: stickyHeader,\n                },\n            )}\n            style={{ ...style, width, textAlign }}\n            data-test-id={dataTestId}\n            {...restProps}\n        >\n            {children}\n        </th>\n    );\n};\n"],"names":[],"mappings":";;;;;AAmCa,MAAA,SAAS,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,GAAG,SAAS,EACC,KAAI;IACjB,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEpE,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,EAC7C;AACI,YAAA,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY;AACtC,SAAA,CACJ,EACD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,cAAA,EACvB,UAAU,EACpB,GAAA,SAAS,IAEZ,QAAQ,CACR;AAEb;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/thead-cell/Component.tsx"],"sourcesContent":["import React, { type ThHTMLAttributes, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { type TextAlignProperty } from '../../typings';\nimport { TableContext } from '../table-context';\n\nimport styles from './index.module.css';\n\nexport type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Ширина колонки\n     */\n    width?: string | number;\n\n    /**\n     * Скрытие колонки\n     */\n    hidden?: boolean;\n\n    /**\n     * Выравнивание текста в колонке\n     */\n    textAlign?: TextAlignProperty;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const THeadCell = ({\n    children,\n    className,\n    dataTestId,\n    style,\n    width,\n    textAlign,\n    hidden,\n    ...restProps\n}: THeadCellProps) => {\n    const { compactHorizontal, stickyHeader } = useContext(TableContext);\n\n    if (hidden) return null;\n\n    return (\n        <th\n            className={cn(\n                styles.component,\n                className,\n                compactHorizontal && styles.compactHorizontal,\n                {\n                    [styles.stickyHeader]: stickyHeader,\n                },\n            )}\n            style={{ ...style, width, textAlign }}\n            data-test-id={dataTestId}\n            {...restProps}\n        >\n            {children}\n        </th>\n    );\n};\n"],"names":[],"mappings":";;;;;AAmCa,MAAA,SAAS,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,GAAG,SAAS,EACC,KAAI;IACjB,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEpE,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,EAC7C;AACI,YAAA,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY;AACtC,SAAA,CACJ,EACD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,cAAA,EACvB,UAAU,EACpB,GAAA,SAAS,IAEZ,QAAQ,CACR;AAEb;;;;"}

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

@@ -12,7 +12,7 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
-} .table__component_1aoq9 {
+} .table__component_c1mcu {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -26,24 +26,24 @@
     border-bottom: 1px solid var(--color-light-neutral-400);
     background: var(--color-light-base-bg-primary);
     vertical-align: top;
-    box-sizing: border-box
-} .table__component_1aoq9:first-child {
+    box-sizing: border-box;
+} .table__component_c1mcu:first-child {
         padding-left: var(--gap-16);
-    } .table__component_1aoq9:last-child {
+    } .table__component_c1mcu:last-child {
         padding-right: var(--gap-16);
-    } .table__component_1aoq9:not(.table__stickyHeader_1aoq9) {
+    } .table__component_c1mcu:not(.table__stickyHeader_c1mcu) {
         position: relative;
-    } .table__sortable_1aoq9 {
+    } .table__sortable_c1mcu {
     cursor: pointer;
-} .table__sorted_1aoq9 {
+} .table__sorted_c1mcu {
     color: var(--color-light-text-primary);
-} .table__stickyHeader_1aoq9 {
+} .table__stickyHeader_c1mcu {
     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_1aoq9 {
+} .table__compactHorizontal_c1mcu {
     padding-left: 6px;
     padding-right: 6px;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"table__component_1aoq9","stickyHeader":"table__stickyHeader_1aoq9","compactHorizontal":"table__compactHorizontal_1aoq9"};
+const styles = {"component":"table__component_c1mcu","stickyHeader":"table__stickyHeader_c1mcu","compactHorizontal":"table__compactHorizontal_c1mcu"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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/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: 6px;\n    padding-right: 6px;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,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/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: 6px;\n    padding-right: 6px;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,cAAc,CAAC,2BAA2B,CAAmE,mBAAmB,CAAC,gCAAgC,CAAC;;;;"}

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

@@ -1,5 +1,5 @@
-import React, { HTMLAttributes } from 'react';
-import { TCell, TCellProps } from '../tcell';
+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> & {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/trow/Component.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport { TCell, TCellProps } from '../tcell';\n\nimport styles from './index.module.css';\n\ntype TCellElement = React.ReactElement<TCellProps, typeof TCell>;\n\nexport type TRowProps = HTMLAttributes<HTMLTableRowElement> & {\n    /**\n     * Компоненты ячеек\n     */\n    children: TCellElement | TCellElement[];\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Стиль выбранной строки\n     */\n    selected?: boolean;\n\n    /**\n     * Убирает нижнюю границу\n     */\n    withoutBorder?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const TRow = forwardRef<HTMLTableRowElement, TRowProps>(\n    ({ children, className, selected, withoutBorder, dataTestId, ...restProps }, ref) => (\n        <tr\n            className={cn(styles.component, className, {\n                [styles.clickable]: typeof restProps.onClick !== 'undefined',\n                [styles.selected]: selected,\n                [styles.withoutBorder]: withoutBorder,\n            })}\n            data-test-id={dataTestId}\n            ref={ref}\n            {...restProps}\n        >\n            {React.Children.map(children, (child, index) => React.cloneElement(child, { index }))}\n        </tr>\n    ),\n);\n\nTRow.displayName = 'TRow';\n"],"names":[],"mappings":";;;;AAoCa,MAAA,IAAI,GAAG,UAAU,CAC1B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,MAC5E,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;QACvC,CAAC,MAAM,CAAC,SAAS,GAAG,OAAO,SAAS,CAAC,OAAO,KAAK,WAAW;AAC5D,QAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,QAAA,CAAC,MAAM,CAAC,aAAa,GAAG,aAAa;AACxC,KAAA,CAAC,kBACY,UAAU,EACxB,GAAG,EAAE,GAAG,EACJ,GAAA,SAAS,EAEZ,EAAA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CACpF,CACR;AAGL,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/trow/Component.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport { type TCell, type TCellProps } from '../tcell';\n\nimport styles from './index.module.css';\n\ntype TCellElement = React.ReactElement<TCellProps, typeof TCell>;\n\nexport type TRowProps = HTMLAttributes<HTMLTableRowElement> & {\n    /**\n     * Компоненты ячеек\n     */\n    children: TCellElement | TCellElement[];\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Стиль выбранной строки\n     */\n    selected?: boolean;\n\n    /**\n     * Убирает нижнюю границу\n     */\n    withoutBorder?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const TRow = forwardRef<HTMLTableRowElement, TRowProps>(\n    ({ children, className, selected, withoutBorder, dataTestId, ...restProps }, ref) => (\n        <tr\n            className={cn(styles.component, className, {\n                [styles.clickable]: typeof restProps.onClick !== 'undefined',\n                [styles.selected]: selected,\n                [styles.withoutBorder]: withoutBorder,\n            })}\n            data-test-id={dataTestId}\n            ref={ref}\n            {...restProps}\n        >\n            {React.Children.map(children, (child, index) => React.cloneElement(child, { index }))}\n        </tr>\n    ),\n);\n\nTRow.displayName = 'TRow';\n"],"names":[],"mappings":";;;;AAoCa,MAAA,IAAI,GAAG,UAAU,CAC1B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,MAC5E,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;QACvC,CAAC,MAAM,CAAC,SAAS,GAAG,OAAO,SAAS,CAAC,OAAO,KAAK,WAAW;AAC5D,QAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,QAAA,CAAC,MAAM,CAAC,aAAa,GAAG,aAAa;AACxC,KAAA,CAAC,kBACY,UAAU,EACxB,GAAG,EAAE,GAAG,EACJ,GAAA,SAAS,EAEZ,EAAA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CACpF,CACR;AAGL,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/modern/components/trow/index.css

@@ -3,22 +3,22 @@
     --color-light-base-bg-secondary: #f2f3f5;
 } :root {
     --color-static-graphic-solitude: #e8f2fe;
-} .table__component_1p5uy {
+} .table__component_1jaqz {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
-    background: var(--color-light-base-bg-primary)
-} .table__component_1p5uy:first-child td {
+    background: var(--color-light-base-bg-primary);
+} .table__component_1jaqz:first-child td {
         border-top: 0;
-    } .table__withoutBorder_1p5uy td {
+    } .table__withoutBorder_1jaqz td {
         border: none;
-    } .table__clickable_1p5uy {
-    cursor: pointer
-} .table__clickable_1p5uy:hover {
+    } .table__clickable_1jaqz {
+    cursor: pointer;
+} .table__clickable_1jaqz:hover {
         background-color: var(--color-light-base-bg-secondary);
-    } .table__selected_1p5uy {
-    background-color: #f2f8ff
-} .table__selected_1p5uy:hover {
+    } .table__selected_1jaqz {
+    background-color: #f2f8ff;
+} .table__selected_1jaqz:hover {
         background-color: var(--color-static-graphic-solitude);
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"table__component_1p5uy","withoutBorder":"table__withoutBorder_1p5uy","clickable":"table__clickable_1p5uy","selected":"table__selected_1p5uy"};
+const styles = {"component":"table__component_1jaqz","withoutBorder":"table__withoutBorder_1jaqz","clickable":"table__clickable_1jaqz","selected":"table__selected_1jaqz"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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/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,eAAe,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/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,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,eAAe,CAAC,4BAA4B,CAAC,WAAW,CAAC,wBAAwB,CAAC,UAAU,CAAC,uBAAuB,CAAC;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/tsortable-head-cell/Component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { THeadCell, THeadCellProps } from '../thead-cell';\n\nimport { SortIconAsc } from './sort-icon-asc';\nimport { SortIconDesc } from './sort-icon-desc';\nimport { SortIconUnset } from './sort-icon-unset';\n\nimport styles from './index.module.css';\n\nexport type TSortableHeadCellProps = THeadCellProps & {\n    isSortedDesc?: boolean;\n    defaultIsSortedDesc?: boolean;\n    onSort?: () => void;\n};\n\nexport const TSortableHeadCell = ({\n    children,\n    className,\n    defaultIsSortedDesc,\n    isSortedDesc,\n    textAlign,\n    onSort,\n    ...restProps\n}: TSortableHeadCellProps) => {\n    const SortIcon = useMemo(() => {\n        let value = isSortedDesc;\n\n        if (value === undefined) value = defaultIsSortedDesc;\n\n        if (typeof value === 'boolean') return value ? SortIconDesc : SortIconAsc;\n\n        return SortIconUnset;\n    }, [defaultIsSortedDesc, isSortedDesc]);\n\n    return (\n        <THeadCell className={className} textAlign={textAlign} {...restProps}>\n            <div className={cn(styles.content, { [styles.reverse]: textAlign === 'right' })}>\n                {children}\n                <SortIcon\n                    onClick={onSort}\n                    className={cn(styles.icon, {\n                        [styles.sorted]: isSortedDesc !== undefined,\n                    })}\n                />\n            </div>\n        </THeadCell>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;MAiBa,iBAAiB,GAAG,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,MAAM,EACN,GAAG,SAAS,EACS,KAAI;AACzB,IAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAK;QAC1B,IAAI,KAAK,GAAG,YAAY;QAExB,IAAI,KAAK,KAAK,SAAS;YAAE,KAAK,GAAG,mBAAmB;QAEpD,IAAI,OAAO,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,GAAG,YAAY,GAAG,WAAW;AAEzE,QAAA,OAAO,aAAa;AACxB,KAAC,EAAE,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;AAEvC,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,SAAS,EAAA;AAChE,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS,KAAK,OAAO,EAAE,CAAC,EAAA;YAC1E,QAAQ;AACT,YAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACL,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE;AACvB,oBAAA,CAAC,MAAM,CAAC,MAAM,GAAG,YAAY,KAAK,SAAS;AAC9C,iBAAA,CAAC,EACJ,CAAA,CACA,CACE;AAEpB;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/tsortable-head-cell/Component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { THeadCell, type THeadCellProps } from '../thead-cell';\n\nimport { SortIconAsc } from './sort-icon-asc';\nimport { SortIconDesc } from './sort-icon-desc';\nimport { SortIconUnset } from './sort-icon-unset';\n\nimport styles from './index.module.css';\n\nexport type TSortableHeadCellProps = THeadCellProps & {\n    isSortedDesc?: boolean;\n    defaultIsSortedDesc?: boolean;\n    onSort?: () => void;\n};\n\nexport const TSortableHeadCell = ({\n    children,\n    className,\n    defaultIsSortedDesc,\n    isSortedDesc,\n    textAlign,\n    onSort,\n    ...restProps\n}: TSortableHeadCellProps) => {\n    const SortIcon = useMemo(() => {\n        let value = isSortedDesc;\n\n        if (value === undefined) value = defaultIsSortedDesc;\n\n        if (typeof value === 'boolean') return value ? SortIconDesc : SortIconAsc;\n\n        return SortIconUnset;\n    }, [defaultIsSortedDesc, isSortedDesc]);\n\n    return (\n        <THeadCell className={className} textAlign={textAlign} {...restProps}>\n            <div className={cn(styles.content, { [styles.reverse]: textAlign === 'right' })}>\n                {children}\n                <SortIcon\n                    onClick={onSort}\n                    className={cn(styles.icon, {\n                        [styles.sorted]: isSortedDesc !== undefined,\n                    })}\n                />\n            </div>\n        </THeadCell>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;MAiBa,iBAAiB,GAAG,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,MAAM,EACN,GAAG,SAAS,EACS,KAAI;AACzB,IAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAK;QAC1B,IAAI,KAAK,GAAG,YAAY;QAExB,IAAI,KAAK,KAAK,SAAS;YAAE,KAAK,GAAG,mBAAmB;QAEpD,IAAI,OAAO,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,GAAG,YAAY,GAAG,WAAW;AAEzE,QAAA,OAAO,aAAa;AACxB,KAAC,EAAE,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;AAEvC,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,SAAS,EAAA;AAChE,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS,KAAK,OAAO,EAAE,CAAC,EAAA;YAC1E,QAAQ;AACT,YAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACL,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE;AACvB,oBAAA,CAAC,MAAM,CAAC,MAAM,GAAG,YAAY,KAAK,SAAS;AAC9C,iBAAA,CAAC,EACJ,CAAA,CACA,CACE;AAEpB;;;;"}

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

@@ -6,25 +6,25 @@
     --gap-xs: 8px;
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
-} .table__content_1mbnt {
+} .table__content_hmysw {
     display: flex;
     align-items: flex-start;
-} .table__icon_1mbnt {
+} .table__icon_hmysw {
     cursor: pointer;
     margin-left: var(--gap-8);
     margin-top: 1px;
     color: var(--color-light-neutral-700);
     transition: color 0.2s ease;
-    flex-shrink: 0
-} .table__icon_1mbnt:hover {
+    flex-shrink: 0;
+} .table__icon_hmysw:hover {
         color: var(--color-light-neutral-translucent-1300);
-    } .table__reverse_1mbnt {
-    flex-direction: row-reverse
-} .table__reverse_1mbnt .table__icon_1mbnt {
+    } .table__reverse_hmysw {
+    flex-direction: row-reverse;
+} .table__reverse_hmysw .table__icon_hmysw {
         margin-left: var(--gap-0);
         margin-right: var(--gap-8);
-    } .table__sorted_1mbnt {
-    color: var(--color-light-status-info)
-} .table__sorted_1mbnt:hover {
+    } .table__sorted_hmysw {
+    color: var(--color-light-status-info);
+} .table__sorted_hmysw:hover {
         color: var(--color-light-status-info);
     }