@alfalab/core-components-table 4.0.7 → 4.0.8

package/modern/components/tcell/index.css

@@ -17,7 +17,7 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-.table__component_1lb4f {
+.table__component_b71i8 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -30,17 +30,17 @@
     vertical-align: top;
     box-sizing: border-box;
 }
-.table__component_1lb4f:first-child {
+.table__component_b71i8:first-child {
         padding-left: var(--gap-16);
     }
-.table__component_1lb4f:last-child {
+.table__component_b71i8:last-child {
         padding-right: var(--gap-16);
     }
-.table__compactHorizontal_1lb4f {
+.table__compactHorizontal_b71i8 {
     padding-left: var(--gap-6);
     padding-right: var(--gap-6);
 }
-.table__compact_1lb4f {
+.table__compact_b71i8 {
     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_1lb4f","compactHorizontal":"table__compactHorizontal_1lb4f","compact":"table__compact_1lb4f"};
+const styles = {"component":"table__component_b71i8","compactHorizontal":"table__compactHorizontal_b71i8","compact":"table__compact_b71i8"};
 
 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/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: var(--gap-6);\n    padding-right: var(--gap-6);\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/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: var(--gap-6);\n    padding-right: var(--gap-6);\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,6 +1,6 @@
 import React, { type ReactNode, type Ref } from 'react';
 import { type TRowProps } from '../trow';
-export declare type TExpandableRowProps = TRowProps & {
+export type TExpandableRowProps = TRowProps & {
     defaultExpanded?: boolean;
     expanded?: boolean;
     onToggle?: (expanded: boolean) => void;
@@ -9,14 +9,14 @@ export declare type TExpandableRowProps = TRowProps & {
 };
 export declare const TExpandableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
     children: React.ReactElement<import("..").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("..").TCellProps) => React.JSX.Element | null> | React.ReactElement<import("..").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("..").TCellProps) => 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) => ReactNode;
-    rowRef?: React.Ref<HTMLTableRowElement> | undefined;
+    rowRef?: Ref<HTMLTableRowElement>;
 } & React.RefAttributes<HTMLTableRowElement>>;

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, 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;;;;"}
+{"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;QACtB,IAAI,YAAY,EAAE;AACd,YAAA,gBAAgB,CAAC,CAAC,UAAU,CAAC;;QAGjC,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,16 +1,16 @@
 :root {
     --gap-0: 0px;
 }
-.table__row_qm5cc {
+.table__row_1g6vt {
     cursor: pointer;
 }
-.table__selected_qm5cc.table__expanded_qm5cc {
+.table__selected_1g6vt.table__expanded_1g6vt {
     background-color: inherit;
 }
-.table__expanded_qm5cc:hover {
+.table__expanded_1g6vt:hover {
         background-color: inherit;
     }
-.table__expandable_qm5cc td {
+.table__expandable_1g6vt 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_qm5cc","selected":"table__selected_qm5cc","expanded":"table__expanded_qm5cc","expandable":"table__expandable_qm5cc"};
+const styles = {"row":"table__row_1g6vt","selected":"table__selected_1g6vt","expanded":"table__expanded_1g6vt","expandable":"table__expandable_1g6vt"};
 
 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/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;;;;"}
+{"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;;;;"}

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

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

package/modern/components/thead/index.css

@@ -6,12 +6,12 @@
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
 }
-.table__component_mklyi {
+.table__component_1yumx {
     position: relative;
     width: 100%;
     box-sizing: border-box;
 }
-.table__component_mklyi th:not(:last-child):not(:empty):after {
+.table__component_1yumx th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -23,12 +23,12 @@
         bottom: var(--gap-8);
         background-color: var(--color-light-neutral-400);
     }
-.table__component_mklyi th:after {
+.table__component_1yumx th:after {
         opacity: 0;
     }
-.table__component_mklyi:hover th:after {
+.table__component_1yumx:hover th:after {
         opacity: 1;
     }
-.table__row_mklyi {
+.table__row_1yumx {
     height: 72px;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"table__component_mklyi","row":"table__row_mklyi"};
+const styles = {"component":"table__component_1yumx","row":"table__row_1yumx"};
 
 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/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;;;;"}
+{"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;;;;"}

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

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

package/modern/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/modern/components/thead-cell/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"table__component_1lkj9","stickyHeader":"table__stickyHeader_1lkj9","compactHorizontal":"table__compactHorizontal_1lkj9"};
+const styles = {"component":"table__component_8b0qo","stickyHeader":"table__stickyHeader_8b0qo","compactHorizontal":"table__compactHorizontal_8b0qo"};
 
 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/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,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/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,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,cAAc,CAAC,2BAA2B,CAAmE,mBAAmB,CAAC,gCAAgC,CAAC;;;;"}

package/modern/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/modern/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/modern/components/trow/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"table__component_1ogyj","withoutBorder":"table__withoutBorder_1ogyj","clickable":"table__clickable_1ogyj","selected":"table__selected_1ogyj"};
+const 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/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/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;;;;"}
+{"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;;;;"}

package/modern/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/modern/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/modern/components/tsortable-head-cell/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"content":"table__content_1sv6z","icon":"table__icon_1sv6z","reverse":"table__reverse_1sv6z","sorted":"table__sorted_1sv6z"};
+const 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/modern/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,eAAe,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,eAAe,CAAC,SAAS,CAAC,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}

package/modern/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/modern/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/modern/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/modern/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/moderncssm/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/moderncssm/components/pagination/Component.d.ts

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

package/moderncssm/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/moderncssm/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/moderncssm/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;;;;"}