asma-core-ui 2.20.32 → 2.20.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/asma-core-ui.es.js +13 -13
- package/dist/src/components/table/StyledTable.d.ts +1 -3
- package/dist/src/components/table/components/TableRow.d.ts +10 -0
- package/dist/src/components/table/components/TableRows.d.ts +9 -0
- package/dist/src/components/table/helpers/injectColumns.d.ts +4 -0
- package/dist/src/components/table/hooks/useStyledTable.d.ts +6 -0
- package/package.json +1 -1
- package/dist/src/components/table/components/columns/injectColumns.d.ts +0 -2
|
@@ -4,11 +4,9 @@ import { type StyledTableProps } from './types';
|
|
|
4
4
|
* Custom props:
|
|
5
5
|
* @param size: Column sizing. use NaN (width 100%) - only one time for the main column. It will make the column very responsive.. Example is in Storybook.
|
|
6
6
|
*
|
|
7
|
-
* If you have a very long data, like descriptions. use input to render long strings instead of div. Example is in Storybook.
|
|
8
|
-
*
|
|
9
7
|
* @param focusable: Used for controlling the focus of rows. If set to true, the tabIndex={0} attribute will be added to each table row. Used, for example, when adding a new item to scroll to it and focus it
|
|
10
8
|
*
|
|
11
9
|
*/
|
|
12
10
|
export declare const StyledTable: <TData extends {
|
|
13
11
|
id: string | number;
|
|
14
|
-
}, TCustomData = Record<string, unknown>>(
|
|
12
|
+
}, TCustomData = Record<string, unknown>>(props: StyledTableProps<TData, TCustomData>) => JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { type Row } from '@tanstack/react-table';
|
|
3
|
+
import type { StyledTableProps } from '../types';
|
|
4
|
+
export declare function TableRow<TData extends {
|
|
5
|
+
id: string | number;
|
|
6
|
+
}, TCustomData = Record<string, unknown>>({ tableProps, row, index }: {
|
|
7
|
+
tableProps: StyledTableProps<TData, TCustomData>;
|
|
8
|
+
row: Row<TData>;
|
|
9
|
+
index: number;
|
|
10
|
+
}): JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { type Table } from '@tanstack/react-table';
|
|
3
|
+
import type { StyledTableProps } from '../types';
|
|
4
|
+
export declare function TableRows<TData extends {
|
|
5
|
+
id: string | number;
|
|
6
|
+
}, TCustomData = Record<string, unknown>>({ tableProps, table }: {
|
|
7
|
+
tableProps: StyledTableProps<TData, TCustomData>;
|
|
8
|
+
table: Table<TData>;
|
|
9
|
+
}): JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type StyledTableProps } from '../types';
|
|
2
|
+
export declare const useStyledTable: <TData extends {
|
|
3
|
+
id: string | number;
|
|
4
|
+
}, TCustomData = Record<string, unknown>>(props: StyledTableProps<TData, TCustomData>) => {
|
|
5
|
+
table: import("@tanstack/react-table").Table<TData>;
|
|
6
|
+
};
|
package/package.json
CHANGED