@alfalab/core-components-table 2.8.4 → 2.9.0

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

@@ -1,4 +1,4 @@
-/* hash: 131v0 */
+/* hash: ty0ai */
 :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 */ /* 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 {
     --color-light-neutral-700: #898991;
@@ -24,10 +24,10 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .table__content_1b09f {
+} /* сбрасывает синюю подсветку при нажатии */ .table__content_absvz {
     display: flex;
     align-items: flex-start;
-} .table__icon_1b09f {
+} .table__icon_absvz {
     cursor: pointer;
     margin-left: var(--gap-8);
 
@@ -39,15 +39,15 @@
     color: var(--color-light-neutral-700);
     transition: color 0.2s ease;
     flex-shrink: 0
-} .table__icon_1b09f:hover {
+} .table__icon_absvz:hover {
         color: var(--color-light-neutral-translucent-1300);
-    } .table__reverse_1b09f {
+    } .table__reverse_absvz {
     flex-direction: row-reverse
-} .table__reverse_1b09f .table__icon_1b09f {
+} .table__reverse_absvz .table__icon_absvz {
         margin-left: var(--gap-0);
         margin-right: var(--gap-8);
-    } .table__sorted_1b09f {
+    } .table__sorted_absvz {
     color: var(--color-light-status-info)
-} .table__sorted_1b09f:hover {
+} .table__sorted_absvz:hover {
         color: var(--color-light-status-info);
     }

package/moderncssm/component.d.ts

@@ -14,7 +14,13 @@ declare const Table: import("react").ForwardRefExoticComponent<import("react").T
     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;
+    TRow: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableRowElement> & {
+        children: import("react").ReactElement<import("./components/index").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => import("react").JSX.Element | null> | import("react").ReactElement<import("./components/index").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => import("react").JSX.Element | null>[];
+        className?: string | undefined;
+        selected?: boolean | undefined;
+        withoutBorder?: boolean | undefined;
+        dataTestId?: string | undefined;
+    } & import("react").RefAttributes<HTMLTableRowElement>>;
     TExpandableRow: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableRowElement> & {
         children: import("react").ReactElement<import("./components/index").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => import("react").JSX.Element | null> | import("react").ReactElement<import("./components/index").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("./components/index").TCellProps) => import("react").JSX.Element | null>[];
         className?: string | undefined;
@@ -26,6 +32,7 @@ declare const Table: import("react").ForwardRefExoticComponent<import("react").T
         expanded?: boolean | undefined;
         onToggle?: ((expanded: boolean) => void) | undefined;
         renderContent: (expanded: boolean) => import("react").ReactNode;
+        rowRef?: import("react").Ref<HTMLTableRowElement> | undefined;
     } & import("react").RefAttributes<HTMLTableRowElement>>;
     Pagination: import("react").FC<import("./components/index").PaginationProps>;
 };

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode } from "react";
+import { ReactNode, Ref } from "react";
 import { TRowProps } from "../trow/index";
 type TExpandableRowProps = TRowProps & {
     defaultExpanded?: boolean;
     expanded?: boolean;
     onToggle?: (expanded: boolean) => void;
     renderContent: (expanded: boolean) => ReactNode;
+    rowRef?: Ref<HTMLTableRowElement>;
 };
 declare const TExpandableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
     children: React.ReactElement<import("../index").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("../index").TCellProps) => React.JSX.Element | null> | React.ReactElement<import("../index").TCellProps, ({ className, style, dataTestId, children, index, ...restProps }: import("../index").TCellProps) => React.JSX.Element | null>[];
@@ -19,5 +20,6 @@ declare const TExpandableRow: React.ForwardRefExoticComponent<React.HTMLAttribut
     expanded?: boolean | undefined;
     onToggle?: ((expanded: boolean) => void) | undefined;
     renderContent: (expanded: boolean) => ReactNode;
+    rowRef?: React.Ref<HTMLTableRowElement> | undefined;
 } & React.RefAttributes<HTMLTableRowElement>>;
 export { TExpandableRowProps, TExpandableRow };

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { TRow } from '../trow/Component.js';
 import styles from './index.module.css';
 
-const TExpandableRow = forwardRef(({ className, selected, expanded, defaultExpanded = false, onToggle = () => null, renderContent = () => null, ...restProps }, ref) => {
+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);
@@ -17,7 +17,7 @@ const TExpandableRow = forwardRef(({ className, selected, expanded, defaultExpan
         React.createElement(TRow, { className: cn(styles.row, className, {
                 [styles.selected]: selected,
                 [styles.expanded]: isExpanded,
-            }), selected: selected, onClick: handleToggle, ...restProps }),
+            }), selected: selected, onClick: handleToggle, ref: rowRef, ...restProps }),
         React.createElement("tr", { ref: ref, className: cn(styles.expandable, { [styles.expanded]: isExpanded }) }, renderContent(isExpanded))));
 });
 TExpandableRow.displayName = 'TExpandableRow';

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

@@ -25,5 +25,26 @@ type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
      */
     dataTestId?: string;
 };
-declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => React.JSX.Element;
+declare const TRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
+    /**
+     * Компоненты ячеек
+     */
+    children: TCellElement | TCellElement[];
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Стиль выбранной строки
+     */
+    selected?: boolean | undefined;
+    /**
+     * Убирает нижнюю границу
+     */
+    withoutBorder?: boolean | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+} & React.RefAttributes<HTMLTableRowElement>>;
 export { TRowProps, TRow };

package/moderncssm/components/trow/Component.js

@@ -1,11 +1,12 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import styles from './index.module.css';
 
-const TRow = ({ children, className, selected, withoutBorder, dataTestId, ...restProps }) => (React.createElement("tr", { className: cn(styles.component, className, {
+const TRow = forwardRef(({ children, className, selected, withoutBorder, dataTestId, ...restProps }, ref) => (React.createElement("tr", { className: cn(styles.component, className, {
         [styles.clickable]: typeof restProps.onClick !== 'undefined',
         [styles.selected]: selected,
         [styles.withoutBorder]: withoutBorder,
-    }), "data-test-id": dataTestId, ...restProps }, React.Children.map(children, (child, index) => React.cloneElement(child, { index }))));
+    }), "data-test-id": dataTestId, ref: ref, ...restProps }, React.Children.map(children, (child, index) => React.cloneElement(child, { index })))));
+TRow.displayName = 'TRow';
 
 export { TRow };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-table",
-    "version": "2.8.4",
+    "version": "2.9.0",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -18,7 +18,7 @@
     "dependencies": {
         "@alfalab/core-components-button": "^11.11.3",
         "@alfalab/core-components-pagination": "^2.4.8",
-        "@alfalab/core-components-select": "^17.19.0",
+        "@alfalab/core-components-select": "^17.20.1",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
     },

package/src/components/texpandable-row/Component.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, ReactNode, useState } from 'react';
+import React, { forwardRef, ReactNode, Ref, useState } from 'react';
 import cn from 'classnames';
 
 import { TRow, TRowProps } from '../trow';
@@ -13,6 +13,8 @@ export type TExpandableRowProps = TRowProps & {
     onToggle?: (expanded: boolean) => void;
 
     renderContent: (expanded: boolean) => ReactNode;
+
+    rowRef?: Ref<HTMLTableRowElement>;
 };
 
 export const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProps>(
@@ -24,6 +26,7 @@ export const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProp
             defaultExpanded = false,
             onToggle = () => null,
             renderContent = () => null,
+            rowRef,
             ...restProps
         }: TExpandableRowProps,
         ref,
@@ -51,6 +54,7 @@ export const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProp
                     })}
                     selected={selected}
                     onClick={handleToggle}
+                    ref={rowRef}
                     {...restProps}
                 />
 

package/src/components/trow/Component.tsx

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes } from 'react';
+import React, { forwardRef, HTMLAttributes } from 'react';
 import cn from 'classnames';
 
 import { TCell, TCellProps } from '../tcell';
@@ -34,23 +34,21 @@ export type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
     dataTestId?: string;
 };
 
-export const TRow = ({
-    children,
-    className,
-    selected,
-    withoutBorder,
-    dataTestId,
-    ...restProps
-}: TRowProps) => (
-    <tr
-        className={cn(styles.component, className, {
-            [styles.clickable]: typeof restProps.onClick !== 'undefined',
-            [styles.selected]: selected,
-            [styles.withoutBorder]: withoutBorder,
-        })}
-        data-test-id={dataTestId}
-        {...restProps}
-    >
-        {React.Children.map(children, (child, index) => React.cloneElement(child, { index }))}
-    </tr>
+export const TRow = forwardRef<HTMLTableRowElement, TRowProps>(
+    ({ children, className, selected, withoutBorder, dataTestId, ...restProps }, ref) => (
+        <tr
+            className={cn(styles.component, className, {
+                [styles.clickable]: typeof restProps.onClick !== 'undefined',
+                [styles.selected]: selected,
+                [styles.withoutBorder]: withoutBorder,
+            })}
+            data-test-id={dataTestId}
+            ref={ref}
+            {...restProps}
+        >
+            {React.Children.map(children, (child, index) => React.cloneElement(child, { index }))}
+        </tr>
+    ),
 );
+
+TRow.displayName = 'TRow';