@alfalab/core-components-table 2.2.12 → 2.2.13

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

@@ -2,11 +2,12 @@
 import React from 'react';
 import { HTMLAttributes } from "react";
 import { TCell, TCellProps } from "../tcell/index";
+type TCellElement = React.ReactElement<TCellProps, typeof TCell>;
 type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
     /**
      * Компоненты ячеек
      */
-    children: Array<React.ReactElement<TCellProps, typeof TCell>>;
+    children: TCellElement | TCellElement[];
     /**
      * Дополнительный класс
      */

package/modern/components/trow/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"table__component_j9wxy","withoutBorder":"table__withoutBorder_j9wxy","clickable":"table__clickable_j9wxy","selected":"table__selected_j9wxy"};
+const styles = {"component":"table__component_raasj","withoutBorder":"table__withoutBorder_raasj","clickable":"table__clickable_raasj","selected":"table__selected_raasj"};
 require('./index.css')
 
 const TRow = ({ children, className, selected, withoutBorder, dataTestId, ...restProps }) => (React.createElement("tr", { className: cn(styles.component, className, {

package/modern/components/trow/index.css

@@ -1,4 +1,4 @@
-/* hash: s242y */
+/* hash: ufuv5 */
 :root {
     --color-static-graphic-solitude: #e8f2fe;
 }
@@ -14,28 +14,28 @@
 
     /* Hard up */
 }
-.table__component_j9wxy {
+.table__component_raasj {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-bg-primary)
 }
-.table__component_j9wxy:first-child td {
+.table__component_raasj:first-child td {
         border-top: 0;
     }
-.table__withoutBorder_j9wxy td {
+.table__withoutBorder_raasj td {
         border: none;
     }
-.table__clickable_j9wxy {
+.table__clickable_raasj {
     cursor: pointer
 }
-.table__clickable_j9wxy:hover {
+.table__clickable_raasj:hover {
         background-color: var(--color-light-bg-secondary);
     }
-.table__selected_j9wxy {
+.table__selected_raasj {
     background-color: #f2f8ff /* нет цвета в палитре */
 }
-.table__selected_j9wxy:hover {
+.table__selected_raasj:hover {
         background-color: var(--color-static-graphic-solitude);
     }

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

@@ -6,7 +6,7 @@ import { SortIconDesc } from './sort-icon-desc.js';
 import { SortIconUnset } from './sort-icon-unset.js';
 import '../table-context/index.js';
 
-const styles = {"component":"table__component_r3p77","content":"table__content_r3p77","icon":"table__icon_r3p77","reverse":"table__reverse_r3p77","sorted":"table__sorted_r3p77"};
+const styles = {"component":"table__component_z431r","content":"table__content_z431r","icon":"table__icon_z431r","reverse":"table__reverse_z431r","sorted":"table__sorted_z431r"};
 require('./index.css')
 
 const TSortableHeadCell = ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 8osdd */
+/* hash: 50y1n */
 :root {
     --color-light-graphic-link: #007aff;
     --color-light-graphic-primary: #0b1f35;
@@ -15,14 +15,14 @@
 :root {
     --gap-xs: 8px;
 }
-.table__component_r3p77 {
+.table__component_z431r {
     position: relative;
 }
-.table__content_r3p77 {
+.table__content_z431r {
     display: flex;
     align-items: flex-start;
 }
-.table__icon_r3p77 {
+.table__icon_z431r {
     cursor: pointer;
     margin-left: var(--gap-xs);
 
@@ -35,19 +35,19 @@
     transition: color 0.2s ease;
     flex-shrink: 0
 }
-.table__icon_r3p77:hover {
+.table__icon_z431r:hover {
         color: var(--color-light-graphic-primary);
     }
-.table__reverse_r3p77 {
+.table__reverse_z431r {
     flex-direction: row-reverse
 }
-.table__reverse_r3p77 .table__icon_r3p77 {
+.table__reverse_z431r .table__icon_z431r {
         margin-left: 0;
         margin-right: var(--gap-xs);
     }
-.table__sorted_r3p77 {
+.table__sorted_z431r {
     color: var(--color-light-graphic-link)
 }
-.table__sorted_r3p77:hover {
+.table__sorted_z431r:hover {
         color: var(--color-light-graphic-link);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-table",
-    "version": "2.2.12",
+    "version": "2.2.13",
     "description": "",
     "keywords": [],
     "license": "MIT",