@semcore/data-table 16.0.0-prerelease.9 → 16.0.0
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/CHANGELOG.md +25 -1
- package/lib/cjs/components/Body/Body.js +436 -0
- package/lib/cjs/components/Body/Body.js.map +1 -0
- package/lib/cjs/components/Body/Body.types.js +2 -0
- package/lib/cjs/components/Body/Body.types.js.map +1 -0
- package/lib/cjs/components/Body/Cell.js +194 -0
- package/lib/cjs/components/Body/Cell.js.map +1 -0
- package/lib/cjs/components/Body/Cell.types.js +2 -0
- package/lib/cjs/components/Body/Cell.types.js.map +1 -0
- package/lib/cjs/components/Body/MergedCells.js +29 -0
- package/lib/cjs/components/Body/MergedCells.js.map +1 -0
- package/lib/cjs/components/Body/Row.js +244 -0
- package/lib/cjs/components/Body/Row.js.map +1 -0
- package/lib/cjs/components/Body/Row.types.js +4 -0
- package/lib/cjs/components/Body/Row.types.js.map +1 -0
- package/lib/cjs/components/Body/style.shadow.css +257 -0
- package/lib/cjs/components/DataTable/DataTable.js +981 -0
- package/lib/cjs/components/DataTable/DataTable.js.map +1 -0
- package/lib/cjs/{types.js → components/DataTable/DataTable.types.js} +1 -1
- package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -0
- package/lib/cjs/components/DataTable/dataTable.shadow.css +17 -0
- package/lib/cjs/components/Head/Column.js +316 -0
- package/lib/cjs/components/Head/Column.js.map +1 -0
- package/lib/cjs/components/Head/Column.types.js +2 -0
- package/lib/cjs/components/Head/Column.types.js.map +1 -0
- package/lib/cjs/components/Head/Group.js +115 -0
- package/lib/cjs/components/Head/Group.js.map +1 -0
- package/lib/cjs/components/Head/Group.type.js +2 -0
- package/lib/cjs/components/Head/Group.type.js.map +1 -0
- package/lib/cjs/components/Head/Head.js +205 -0
- package/lib/cjs/components/Head/Head.js.map +1 -0
- package/lib/cjs/components/Head/Head.types.js +2 -0
- package/lib/cjs/components/Head/Head.types.js.map +1 -0
- package/lib/cjs/components/Head/style.shadow.css +176 -0
- package/lib/cjs/index.js +25 -15
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/scroll-shadows.shadow.css +39 -5
- package/lib/cjs/translations/en.json +6 -1
- package/lib/cjs/utils.js +16 -7
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/components/Body/Body.js +429 -0
- package/lib/es6/components/Body/Body.js.map +1 -0
- package/lib/es6/components/Body/Body.types.js +2 -0
- package/lib/es6/components/Body/Body.types.js.map +1 -0
- package/lib/es6/components/Body/Cell.js +187 -0
- package/lib/es6/components/Body/Cell.js.map +1 -0
- package/lib/es6/components/Body/Cell.types.js +2 -0
- package/lib/es6/components/Body/Cell.types.js.map +1 -0
- package/lib/es6/components/Body/MergedCells.js +20 -0
- package/lib/es6/components/Body/MergedCells.js.map +1 -0
- package/lib/es6/components/Body/Row.js +237 -0
- package/lib/es6/components/Body/Row.js.map +1 -0
- package/lib/es6/components/Body/Row.types.js +2 -0
- package/lib/es6/components/Body/Row.types.js.map +1 -0
- package/lib/es6/components/Body/style.shadow.css +257 -0
- package/lib/es6/components/DataTable/DataTable.js +970 -0
- package/lib/es6/components/DataTable/DataTable.js.map +1 -0
- package/lib/es6/components/DataTable/DataTable.types.js +2 -0
- package/lib/es6/components/DataTable/DataTable.types.js.map +1 -0
- package/lib/es6/components/DataTable/dataTable.shadow.css +17 -0
- package/lib/es6/components/Head/Column.js +309 -0
- package/lib/es6/components/Head/Column.js.map +1 -0
- package/lib/es6/components/Head/Column.types.js +2 -0
- package/lib/es6/components/Head/Column.types.js.map +1 -0
- package/lib/es6/components/Head/Group.js +108 -0
- package/lib/es6/components/Head/Group.js.map +1 -0
- package/lib/es6/components/Head/Group.type.js +2 -0
- package/lib/es6/components/Head/Group.type.js.map +1 -0
- package/lib/es6/components/Head/Head.js +199 -0
- package/lib/es6/components/Head/Head.js.map +1 -0
- package/lib/es6/components/Head/Head.types.js +2 -0
- package/lib/es6/components/Head/Head.types.js.map +1 -0
- package/lib/es6/components/Head/style.shadow.css +176 -0
- package/lib/es6/index.js +5 -2
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/scroll-shadows.shadow.css +39 -5
- package/lib/es6/translations/en.json +6 -1
- package/lib/es6/utils.js +14 -6
- package/lib/es6/utils.js.map +1 -1
- package/lib/esm/components/Body/Body.mjs +392 -0
- package/lib/esm/components/Body/Cell.mjs +185 -0
- package/lib/esm/components/Body/MergedCells.mjs +23 -0
- package/lib/esm/components/Body/Row.mjs +218 -0
- package/lib/esm/components/Body/style.shadow.css +257 -0
- package/lib/esm/components/DataTable/DataTable.mjs +904 -0
- package/lib/esm/components/DataTable/dataTable.shadow.css +17 -0
- package/lib/esm/components/Head/Column.mjs +299 -0
- package/lib/esm/components/Head/Group.mjs +102 -0
- package/lib/esm/components/Head/Head.mjs +180 -0
- package/lib/esm/components/Head/style.shadow.css +176 -0
- package/lib/esm/index.mjs +8 -5
- package/lib/esm/style/scroll-shadows.shadow.css +41 -0
- package/lib/esm/translations/en.json.mjs +6 -1
- package/lib/esm/utils.mjs +6 -15
- package/lib/types/components/Body/Body.d.ts +8 -0
- package/lib/types/components/Body/Body.types.d.ts +56 -0
- package/lib/types/components/Body/Cell.d.ts +3 -0
- package/lib/types/components/Body/Cell.types.d.ts +20 -0
- package/lib/types/components/Body/MergedCells.d.ts +14 -0
- package/lib/types/components/Body/Row.d.ts +3 -0
- package/lib/types/components/Body/Row.types.d.ts +42 -0
- package/lib/types/components/DataTable/DataTable.d.ts +12 -0
- package/lib/types/components/DataTable/DataTable.types.d.ts +118 -0
- package/lib/types/components/Head/Column.d.ts +30 -0
- package/lib/types/components/Head/Column.types.d.ts +82 -0
- package/lib/types/components/Head/Group.d.ts +15 -0
- package/lib/types/components/Head/Group.type.d.ts +16 -0
- package/lib/types/components/Head/Head.d.ts +98 -0
- package/lib/types/components/Head/Head.types.d.ts +35 -0
- package/lib/types/index.d.ts +10 -2
- package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +5 -0
- package/lib/types/utils.d.ts +8 -4
- package/package.json +11 -6
- package/vite.config.ts +0 -3
- package/lib/cjs/Body.js +0 -475
- package/lib/cjs/Body.js.map +0 -1
- package/lib/cjs/DataTable.js +0 -622
- package/lib/cjs/DataTable.js.map +0 -1
- package/lib/cjs/Head.js +0 -399
- package/lib/cjs/Head.js.map +0 -1
- package/lib/cjs/style/data-table.shadow.css +0 -394
- package/lib/cjs/types.js.map +0 -1
- package/lib/es6/Body.js +0 -468
- package/lib/es6/Body.js.map +0 -1
- package/lib/es6/DataTable.js +0 -614
- package/lib/es6/DataTable.js.map +0 -1
- package/lib/es6/Head.js +0 -391
- package/lib/es6/Head.js.map +0 -1
- package/lib/es6/style/data-table.shadow.css +0 -394
- package/lib/es6/types.js +0 -2
- package/lib/es6/types.js.map +0 -1
- package/lib/esm/Body.mjs +0 -427
- package/lib/esm/DataTable.mjs +0 -582
- package/lib/esm/Head.mjs +0 -369
- package/lib/types/Body.d.ts +0 -61
- package/lib/types/DataTable.d.ts +0 -205
- package/lib/types/Head.d.ts +0 -45
- package/lib/types/types.d.ts +0 -73
package/lib/types/Head.d.ts
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Component } from '@semcore/core';
|
|
3
|
-
import { Column } from './types';
|
|
4
|
-
export declare const SORT_ICON_WIDTH = 20;
|
|
5
|
-
type AsProps = {
|
|
6
|
-
$onSortClick: (name: string, event: React.MouseEvent | React.KeyboardEvent) => void;
|
|
7
|
-
$scrollRef: (instance: unknown) => void;
|
|
8
|
-
use: 'primary' | 'secondary';
|
|
9
|
-
columnsChildren: Column[];
|
|
10
|
-
onResize: ResizeObserverCallback;
|
|
11
|
-
sticky: boolean;
|
|
12
|
-
['data-ui-name']: string;
|
|
13
|
-
uid?: string;
|
|
14
|
-
withScrollBar?: boolean;
|
|
15
|
-
animationsDisabled?: boolean;
|
|
16
|
-
getI18nText?: (str: string) => string;
|
|
17
|
-
};
|
|
18
|
-
declare class Head extends Component<AsProps> {
|
|
19
|
-
columns: Column[];
|
|
20
|
-
static displayName: string;
|
|
21
|
-
headCellMap: Map<number, HTMLElement | null>;
|
|
22
|
-
lockedCell: [HTMLElement | null, boolean];
|
|
23
|
-
sortWrapperRefs: Map<Node, boolean>;
|
|
24
|
-
defaultWidths: Map<HTMLElement, {
|
|
25
|
-
minWidth: number;
|
|
26
|
-
maxWidth: number | null;
|
|
27
|
-
computedWidth: number;
|
|
28
|
-
useForRecalculation: boolean;
|
|
29
|
-
}>;
|
|
30
|
-
sortableColumnDescribeId(): string;
|
|
31
|
-
handleKeyDown: (e: React.KeyboardEvent) => void;
|
|
32
|
-
onFocusCell: (e: React.FocusEvent<HTMLElement, HTMLElement>) => void;
|
|
33
|
-
bindHandlerSortClick: (name: string) => (event: React.MouseEvent) => void;
|
|
34
|
-
bindHandlerKeyDown: (name: string) => (event: React.KeyboardEvent) => void;
|
|
35
|
-
makeSortRefHandler: (active: boolean) => (ref: HTMLElement | null) => void;
|
|
36
|
-
makeColumnRefHandler: (column: Column, index: number) => (ref: HTMLElement | null) => void;
|
|
37
|
-
componentDidUpdate(): void;
|
|
38
|
-
changeMaxNodeWidth: (diff: number, exceptNode: HTMLElement) => void;
|
|
39
|
-
backToColumnDefaults: (node: HTMLElement) => void;
|
|
40
|
-
calculateActiveColumnMinWidth: (node: HTMLElement) => void;
|
|
41
|
-
renderColumns(columns: Column[], width: number): React.ReactNode[];
|
|
42
|
-
renderColumn(column: Column, width: number): React.ReactNode;
|
|
43
|
-
render(): React.ReactNode;
|
|
44
|
-
}
|
|
45
|
-
export default Head;
|
package/lib/types/types.d.ts
DELETED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ROW_GROUP } from './DataTable';
|
|
3
|
-
import { Property } from 'csstype';
|
|
4
|
-
import { FlexProps } from '@semcore/flex-box';
|
|
5
|
-
export type PseudoChildPropsGetter = (props: {
|
|
6
|
-
[propName: string]: unknown;
|
|
7
|
-
}, rowData: {
|
|
8
|
-
[columnName: string]: unknown;
|
|
9
|
-
}, index: number) => {
|
|
10
|
-
[propName: string]: unknown;
|
|
11
|
-
};
|
|
12
|
-
export type PropsLayer = {
|
|
13
|
-
childrenPropsGetter?: PseudoChildPropsGetter;
|
|
14
|
-
[propName: string]: unknown;
|
|
15
|
-
};
|
|
16
|
-
export type SortDirection = 'asc' | 'desc';
|
|
17
|
-
export type Column<Props extends {
|
|
18
|
-
[propName: string]: unknown;
|
|
19
|
-
} = {
|
|
20
|
-
[propName: string]: unknown;
|
|
21
|
-
}> = {
|
|
22
|
-
name: string;
|
|
23
|
-
active: boolean;
|
|
24
|
-
width: number;
|
|
25
|
-
fixed?: 'left' | 'right';
|
|
26
|
-
resizable?: boolean;
|
|
27
|
-
sortable?: boolean | SortDirection;
|
|
28
|
-
sortDirection: SortDirection;
|
|
29
|
-
varWidth: string;
|
|
30
|
-
setVar: boolean;
|
|
31
|
-
data?: unknown;
|
|
32
|
-
vBorders?: boolean;
|
|
33
|
-
borderLeft?: boolean;
|
|
34
|
-
borderRight?: boolean;
|
|
35
|
-
props: {
|
|
36
|
-
name: string;
|
|
37
|
-
ref: React.RefObject<HTMLElement>;
|
|
38
|
-
} & FlexProps & Partial<{
|
|
39
|
-
flex: Property.Flex;
|
|
40
|
-
onClick: (event: React.MouseEvent) => void;
|
|
41
|
-
onKeyDown: (event: React.KeyboardEvent) => void;
|
|
42
|
-
forwardRef: React.Ref<HTMLElement>;
|
|
43
|
-
style: React.CSSProperties;
|
|
44
|
-
fixed: 'left' | 'right';
|
|
45
|
-
resizable: boolean;
|
|
46
|
-
sortable: boolean | SortDirection;
|
|
47
|
-
sortDirection: SortDirection;
|
|
48
|
-
vBorders: boolean;
|
|
49
|
-
borderLeft: Property.BorderLeft;
|
|
50
|
-
borderRight: Property.BorderLeft;
|
|
51
|
-
changeSortSize?: boolean;
|
|
52
|
-
sortSizeRecalculation?: boolean;
|
|
53
|
-
}> & Props;
|
|
54
|
-
columns: Column[];
|
|
55
|
-
parentColumns: Column[];
|
|
56
|
-
};
|
|
57
|
-
export type Cell = Pick<Column, 'name' | 'fixed' | 'data'> & {
|
|
58
|
-
cssVar: string | string[];
|
|
59
|
-
cellPropsLayers: PropsLayer[];
|
|
60
|
-
};
|
|
61
|
-
export type RowData<Data extends {
|
|
62
|
-
[columnName: string]: unknown;
|
|
63
|
-
} = {
|
|
64
|
-
[columnName: string]: unknown;
|
|
65
|
-
}> = Data & Partial<{
|
|
66
|
-
name: string;
|
|
67
|
-
[ROW_GROUP]: RowData[];
|
|
68
|
-
}>;
|
|
69
|
-
export type NestedCells = (Cell | NestedCells)[] & {
|
|
70
|
-
flatRowData?: RowData;
|
|
71
|
-
};
|
|
72
|
-
export type RowIndex = number;
|
|
73
|
-
export type ColIndex = number;
|