@alfalab/core-components-table 2.2.40 → 2.2.42

package/component.d.ts

@@ -11,11 +11,11 @@ declare const Table: import("react").ForwardRefExoticComponent<import("react").T
 } & import("react").RefAttributes<HTMLTableElement>> & {
     TBody: import("react").FC<import("./components/index").TBodyProps>;
     THead: import("react").FC<import("./components/index").THeadProps>;
-    THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: import("./components/index").THeadCellProps) => JSX.Element | null;
-    TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: import("./components/index").TSortableHeadCellProps) => JSX.Element;
-    TCell: ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => JSX.Element | null;
-    TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: import("./components/index").TRowProps) => JSX.Element;
-    TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: import("./components/index").TExpandableRowProps) => JSX.Element;
+    THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: import("./components/index").THeadCellProps) => import("react").JSX.Element | null;
+    TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: import("./components/index").TSortableHeadCellProps) => import("react").JSX.Element;
+    TCell: ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => import("react").JSX.Element | null;
+    TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: import("./components/index").TRowProps) => import("react").JSX.Element;
+    TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: import("./components/index").TExpandableRowProps) => import("react").JSX.Element;
     Pagination: import("react").FC<import("./components/index").PaginationProps>;
 };
 export { Table };

package/components/pagination/Component.js

@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_zt1ha","pagesWrapper":"table__pagesWrapper_zt1ha","tag":"table__tag_zt1ha","tagActive":"table__tagActive_zt1ha","menu":"table__menu_zt1ha","option":"table__option_zt1ha"};
+var styles = {"component":"table__component_3ozv6","pagesWrapper":"table__pagesWrapper_3ozv6","tag":"table__tag_3ozv6","tagActive":"table__tagActive_3ozv6","menu":"table__menu_3ozv6","option":"table__option_3ozv6"};
 require('./index.css')
 
 var Pagination = function (_a) {

package/components/pagination/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lhed */
+/* hash: kqfo6 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,7 +20,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .table__component_zt1ha {
+} .table__component_3ozv6 {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
@@ -28,19 +28,19 @@
     padding: var(--gap-xl) var(--gap-m) var(--gap-2xl);
     border-top: 1px solid var(--color-light-border-primary);
     box-sizing: border-box;
-} .table__pagesWrapper_zt1ha {
+} .table__pagesWrapper_3ozv6 {
     display: flex;
-} .table__tag_zt1ha.table__tag_zt1ha {
+} .table__tag_3ozv6.table__tag_3ozv6 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
     padding: 0 var(--gap-xs);
     min-width: 32px
-} .table__tag_zt1ha.table__tag_zt1ha:last-child {
+} .table__tag_3ozv6.table__tag_3ozv6:last-child {
         margin-right: 0;
-    } .table__tag_zt1ha.table__tag_zt1ha.table__tagActive_zt1ha {
+    } .table__tag_3ozv6.table__tag_3ozv6.table__tagActive_3ozv6 {
         cursor: default;
-    } .table__menu_zt1ha {
+    } .table__menu_3ozv6 {
     margin: var(--gap-2xs) 0;
-} .table__option_zt1ha {
+} .table__option_3ozv6 {
     min-width: 208px;
 }

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

@@ -1,4 +1,4 @@
-/* hash: 1gkp5 */
+/* hash: z51qq */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
@@ -15,10 +15,10 @@
 } :root {
 } :root {
 } :root {
-} .table__field_urzwv svg {
+} .table__field_nros9 svg {
         width: 18px;
         height: 18px;
-    } .table__open_urzwv,
-.table__open_urzwv:hover {
+    } .table__open_nros9,
+.table__open_nros9:hover {
     background-color: var(--color-light-specialbg-component-shade-7);
 }

package/components/pagination/select-field/index.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"field":"table__field_urzwv","open":"table__open_urzwv"};
+var styles = {"field":"table__field_nros9","open":"table__open_nros9"};
 require('./index.css')
 
 var CustomSelectField = function (_a) {

package/components/table/Component.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_e07hh","wrapper":"table__wrapper_e07hh","stickyHeader":"table__stickyHeader_e07hh","hasPagination":"table__hasPagination_e07hh","table":"table__table_e07hh"};
+var styles = {"component":"table__component_p315e","wrapper":"table__wrapper_p315e","stickyHeader":"table__stickyHeader_p315e","hasPagination":"table__hasPagination_p315e","table":"table__table_p315e"};
 require('./index.css')
 
 var Table = React.forwardRef(function (_a, ref) {

package/components/table/index.css

@@ -1,4 +1,4 @@
-/* hash: 15ybx */
+/* hash: 1nrpw */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,24 +18,24 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .table__component_e07hh {
+} .table__component_p315e {
     box-sizing: border-box;
-} .table__wrapper_e07hh {
+} .table__wrapper_p315e {
     padding: 0 var(--gap-m) var(--gap-m);
     background: var(--color-light-bg-primary);
     box-shadow: var(--shadow-xs-hard);
     border-radius: var(--border-radius-m);
     overflow: auto;
-} .table__stickyHeader_e07hh {
+} .table__stickyHeader_p315e {
     max-height: 100%;
-} .table__hasPagination_e07hh {
+} .table__hasPagination_p315e {
     padding-bottom: 0;
-} .table__table_e07hh {
+} .table__table_p315e {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box
 
     /* TODO: Хак для выравнивания чекбокса */
-} .table__table_e07hh td:first-child label > *[class^='box'], .table__table_e07hh th:first-child label > *[class^='box'] {
+} .table__table_p315e td:first-child label > *[class^='box'], .table__table_p315e th:first-child label > *[class^='box'] {
             margin-top: 0;
         }

package/components/tbody/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1lrsv"};
+var styles = {"component":"table__component_jt1ax"};
 require('./index.css')
 
 var TBody = function (_a) {

package/components/tbody/index.css

@@ -1,4 +1,4 @@
-/* hash: 1yu40 */
+/* hash: 4m8bx */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .table__component_1lrsv {
+} .table__component_jt1ax {
     width: 100%;
     box-sizing: border-box;
 }

package/components/tcell/Component.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { TdHTMLAttributes } from 'react';
+import React from 'react';
+import { TdHTMLAttributes } from "react";
 type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
     /**
      * Дополнительный класс
@@ -14,5 +15,5 @@ type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
      */
     index?: number;
 };
-declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => JSX.Element | null;
+declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => React.JSX.Element | null;
 export { TCellProps, TCell };

package/components/tcell/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1pdpj","compactHorizontal":"table__compactHorizontal_1pdpj","compact":"table__compact_1pdpj"};
+var styles = {"component":"table__component_2f42u","compactHorizontal":"table__compactHorizontal_2f42u","compact":"table__compact_2f42u"};
 require('./index.css')
 
 var TCell = function (_a) {

package/components/tcell/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xy1z */
+/* hash: 6g6dx */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dcdcdd;
@@ -20,7 +20,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .table__component_1pdpj {
+} .table__component_2f42u {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -31,14 +31,14 @@
     border-top: 1px solid var(--color-light-border-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_1pdpj:first-child {
+} .table__component_2f42u:first-child {
         padding-left: var(--gap-m);
-    } .table__component_1pdpj:last-child {
+    } .table__component_2f42u:last-child {
         padding-right: var(--gap-m);
-    } .table__compactHorizontal_1pdpj {
+    } .table__compactHorizontal_2f42u {
     padding-left: 6px;
     padding-right: 6px;
-} .table__compact_1pdpj {
+} .table__compact_2f42u {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ReactNode } from 'react';
+import React from 'react';
+import { ReactNode } from "react";
 import { TRowProps } from "../trow/index";
 type TExpandableRowProps = TRowProps & {
     defaultExpanded?: boolean;
@@ -7,5 +8,5 @@ type TExpandableRowProps = TRowProps & {
     onToggle?: (expanded: boolean) => void;
     renderContent: (expanded: boolean) => ReactNode;
 };
-declare const TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: TExpandableRowProps) => JSX.Element;
+declare const TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: TExpandableRowProps) => React.JSX.Element;
 export { TExpandableRowProps, TExpandableRow };

package/components/texpandable-row/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"row":"table__row_c3v9t","selected":"table__selected_c3v9t","expanded":"table__expanded_c3v9t","expandable":"table__expandable_c3v9t"};
+var styles = {"row":"table__row_5nozu","selected":"table__selected_5nozu","expanded":"table__expanded_5nozu","expandable":"table__expandable_5nozu"};
 require('./index.css')
 
 var TExpandableRow = function (_a) {

package/components/texpandable-row/index.css

@@ -1,4 +1,4 @@
-/* hash: 12e7o */
+/* hash: x9q2c */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,13 +14,13 @@
 } :root {
 } :root {
 } :root {
-} .table__row_c3v9t {
+} .table__row_5nozu {
     cursor: pointer;
-} .table__selected_c3v9t.table__expanded_c3v9t {
+} .table__selected_5nozu.table__expanded_5nozu {
     background-color: inherit;
-} .table__expanded_c3v9t:hover {
+} .table__expanded_5nozu:hover {
         background-color: inherit;
-    } .table__expandable_c3v9t td {
+    } .table__expandable_5nozu td {
         margin: 0;
         padding-top: 0;
         padding-bottom: 0;

package/components/thead/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_44mrk","row":"table__row_44mrk"};
+var styles = {"component":"table__component_13uar","row":"table__row_13uar"};
 require('./index.css')
 
 var THead = function (_a) {

package/components/thead/index.css

@@ -1,4 +1,4 @@
-/* hash: 14pc6 */
+/* hash: 1j9zn */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-quaternary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .table__component_44mrk {
+} .table__component_13uar {
     position: relative;
     width: 100%;
     box-sizing: border-box
-} .table__component_44mrk th:not(:last-child):not(:empty):after {
+} .table__component_13uar th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -31,10 +31,10 @@
         top: var(--gap-xs);
         bottom: var(--gap-xs);
         background-color: var(--color-light-graphic-quaternary);
-    } .table__component_44mrk th:after {
+    } .table__component_13uar th:after {
         opacity: 0;
-    } .table__component_44mrk:hover th:after {
+    } .table__component_13uar:hover th:after {
         opacity: 1;
-    } .table__row_44mrk {
+    } .table__row_13uar {
     height: 72px;
 }

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ThHTMLAttributes } from 'react';
+import React from 'react';
+import { ThHTMLAttributes } from "react";
 import { TextAlignProperty } from "../../typings";
 type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
     /**
@@ -23,5 +24,5 @@ type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
      */
     dataTestId?: string;
 };
-declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => JSX.Element | null;
+declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => React.JSX.Element | null;
 export { THeadCellProps, THeadCell };

package/components/thead-cell/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_19p2r","sortable":"table__sortable_19p2r","sorted":"table__sorted_19p2r","stickyHeader":"table__stickyHeader_19p2r","compactHorizontal":"table__compactHorizontal_19p2r"};
+var styles = {"component":"table__component_1p58i","sortable":"table__sortable_1p58i","sorted":"table__sorted_1p58i","stickyHeader":"table__stickyHeader_1p58i","compactHorizontal":"table__compactHorizontal_1p58i"};
 require('./index.css')
 
 var THeadCell = function (_a) {

package/components/thead-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: 2fhfo */
+/* hash: md5r1 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -21,7 +21,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .table__component_19p2r {
+} .table__component_1p58i {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -37,21 +37,21 @@
     background: var(--color-light-bg-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_19p2r:first-child {
+} .table__component_1p58i:first-child {
         padding-left: var(--gap-m);
-    } .table__component_19p2r:last-child {
+    } .table__component_1p58i:last-child {
         padding-right: var(--gap-m);
-    } .table__sortable_19p2r {
+    } .table__sortable_1p58i {
     cursor: pointer;
-} .table__sorted_19p2r {
+} .table__sorted_1p58i {
     color: var(--color-light-text-primary);
-} .table__stickyHeader_19p2r {
+} .table__stickyHeader_1p58i {
     top: 0;
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;
     z-index: 1;
-} .table__compactHorizontal_19p2r {
+} .table__compactHorizontal_1p58i {
     padding-left: 6px;
     padding-right: 6px;
 }

package/components/trow/Component.d.ts

@@ -25,5 +25,5 @@ type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
      */
     dataTestId?: string;
 };
-declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => JSX.Element;
+declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => React.JSX.Element;
 export { TRowProps, TRow };

package/components/trow/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_y1ms9","withoutBorder":"table__withoutBorder_y1ms9","clickable":"table__clickable_y1ms9","selected":"table__selected_y1ms9"};
+var styles = {"component":"table__component_4cj1l","withoutBorder":"table__withoutBorder_4cj1l","clickable":"table__clickable_4cj1l","selected":"table__selected_4cj1l"};
 require('./index.css')
 
 var TRow = function (_a) {

package/components/trow/index.css

@@ -1,4 +1,4 @@
-/* hash: 5by5h */
+/* hash: 160uc */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -17,22 +17,22 @@
 } :root {
 } :root {
 } :root {
-} .table__component_y1ms9 {
+} .table__component_4cj1l {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-bg-primary)
-} .table__component_y1ms9:first-child td {
+} .table__component_4cj1l:first-child td {
         border-top: 0;
-    } .table__withoutBorder_y1ms9 td {
+    } .table__withoutBorder_4cj1l td {
         border: none;
-    } .table__clickable_y1ms9 {
+    } .table__clickable_4cj1l {
     cursor: pointer
-} .table__clickable_y1ms9:hover {
+} .table__clickable_4cj1l:hover {
         background-color: var(--color-light-bg-secondary);
-    } .table__selected_y1ms9 {
+    } .table__selected_4cj1l {
     background-color: #f2f8ff /* нет цвета в палитре */
-} .table__selected_y1ms9:hover {
+} .table__selected_4cj1l:hover {
         background-color: var(--color-static-graphic-solitude);
     }

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
+import React from 'react';
 import { THeadCellProps } from "../thead-cell/index";
 type TSortableHeadCellProps = THeadCellProps & {
     isSortedDesc?: boolean;
     defaultIsSortedDesc?: boolean;
     onSort?: () => void;
 };
-declare const TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: TSortableHeadCellProps) => JSX.Element;
+declare const TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: TSortableHeadCellProps) => React.JSX.Element;
 export { TSortableHeadCellProps, TSortableHeadCell };

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

@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_fjb4d","content":"table__content_fjb4d","icon":"table__icon_fjb4d","reverse":"table__reverse_fjb4d","sorted":"table__sorted_fjb4d"};
+var styles = {"component":"table__component_17a0m","content":"table__content_17a0m","icon":"table__icon_17a0m","reverse":"table__reverse_17a0m","sorted":"table__sorted_17a0m"};
 require('./index.css')
 
 var TSortableHeadCell = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 8p19l */
+/* hash: avlo7 */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-link: #0072ef;
@@ -18,12 +18,12 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .table__component_fjb4d {
+} .table__component_17a0m {
     position: relative;
-} .table__content_fjb4d {
+} .table__content_17a0m {
     display: flex;
     align-items: flex-start;
-} .table__icon_fjb4d {
+} .table__icon_17a0m {
     cursor: pointer;
     margin-left: var(--gap-xs);
 
@@ -35,15 +35,15 @@
     color: var(--color-light-graphic-secondary);
     transition: color 0.2s ease;
     flex-shrink: 0
-} .table__icon_fjb4d:hover {
+} .table__icon_17a0m:hover {
         color: var(--color-light-graphic-primary);
-    } .table__reverse_fjb4d {
+    } .table__reverse_17a0m {
     flex-direction: row-reverse
-} .table__reverse_fjb4d .table__icon_fjb4d {
+} .table__reverse_17a0m .table__icon_17a0m {
         margin-left: 0;
         margin-right: var(--gap-xs);
-    } .table__sorted_fjb4d {
+    } .table__sorted_17a0m {
     color: var(--color-light-graphic-link)
-} .table__sorted_fjb4d:hover {
+} .table__sorted_17a0m:hover {
         color: var(--color-light-graphic-link);
     }

package/cssm/component.d.ts

@@ -11,11 +11,11 @@ declare const Table: import("react").ForwardRefExoticComponent<import("react").T
 } & import("react").RefAttributes<HTMLTableElement>> & {
     TBody: import("react").FC<import("./components/index").TBodyProps>;
     THead: import("react").FC<import("./components/index").THeadProps>;
-    THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: import("./components/index").THeadCellProps) => JSX.Element | null;
-    TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: import("./components/index").TSortableHeadCellProps) => JSX.Element;
-    TCell: ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => JSX.Element | null;
-    TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: import("./components/index").TRowProps) => JSX.Element;
-    TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: import("./components/index").TExpandableRowProps) => JSX.Element;
+    THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: import("./components/index").THeadCellProps) => import("react").JSX.Element | null;
+    TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: import("./components/index").TSortableHeadCellProps) => import("react").JSX.Element;
+    TCell: ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => import("react").JSX.Element | null;
+    TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: import("./components/index").TRowProps) => import("react").JSX.Element;
+    TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: import("./components/index").TExpandableRowProps) => import("react").JSX.Element;
     Pagination: import("react").FC<import("./components/index").PaginationProps>;
 };
 export { Table };

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { TdHTMLAttributes } from 'react';
+import React from 'react';
+import { TdHTMLAttributes } from "react";
 type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
     /**
      * Дополнительный класс
@@ -14,5 +15,5 @@ type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
      */
     index?: number;
 };
-declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => JSX.Element | null;
+declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => React.JSX.Element | null;
 export { TCellProps, TCell };

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ReactNode } from 'react';
+import React from 'react';
+import { ReactNode } from "react";
 import { TRowProps } from "../trow/index";
 type TExpandableRowProps = TRowProps & {
     defaultExpanded?: boolean;
@@ -7,5 +8,5 @@ type TExpandableRowProps = TRowProps & {
     onToggle?: (expanded: boolean) => void;
     renderContent: (expanded: boolean) => ReactNode;
 };
-declare const TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: TExpandableRowProps) => JSX.Element;
+declare const TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: TExpandableRowProps) => React.JSX.Element;
 export { TExpandableRowProps, TExpandableRow };

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ThHTMLAttributes } from 'react';
+import React from 'react';
+import { ThHTMLAttributes } from "react";
 import { TextAlignProperty } from "../../typings";
 type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
     /**
@@ -23,5 +24,5 @@ type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
      */
     dataTestId?: string;
 };
-declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => JSX.Element | null;
+declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => React.JSX.Element | null;
 export { THeadCellProps, THeadCell };

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

@@ -25,5 +25,5 @@ type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
      */
     dataTestId?: string;
 };
-declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => JSX.Element;
+declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => React.JSX.Element;
 export { TRowProps, TRow };

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
+import React from 'react';
 import { THeadCellProps } from "../thead-cell/index";
 type TSortableHeadCellProps = THeadCellProps & {
     isSortedDesc?: boolean;
     defaultIsSortedDesc?: boolean;
     onSort?: () => void;
 };
-declare const TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: TSortableHeadCellProps) => JSX.Element;
+declare const TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: TSortableHeadCellProps) => React.JSX.Element;
 export { TSortableHeadCellProps, TSortableHeadCell };