@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.
Files changed (138) hide show
  1. package/CHANGELOG.md +25 -1
  2. package/lib/cjs/components/Body/Body.js +436 -0
  3. package/lib/cjs/components/Body/Body.js.map +1 -0
  4. package/lib/cjs/components/Body/Body.types.js +2 -0
  5. package/lib/cjs/components/Body/Body.types.js.map +1 -0
  6. package/lib/cjs/components/Body/Cell.js +194 -0
  7. package/lib/cjs/components/Body/Cell.js.map +1 -0
  8. package/lib/cjs/components/Body/Cell.types.js +2 -0
  9. package/lib/cjs/components/Body/Cell.types.js.map +1 -0
  10. package/lib/cjs/components/Body/MergedCells.js +29 -0
  11. package/lib/cjs/components/Body/MergedCells.js.map +1 -0
  12. package/lib/cjs/components/Body/Row.js +244 -0
  13. package/lib/cjs/components/Body/Row.js.map +1 -0
  14. package/lib/cjs/components/Body/Row.types.js +4 -0
  15. package/lib/cjs/components/Body/Row.types.js.map +1 -0
  16. package/lib/cjs/components/Body/style.shadow.css +257 -0
  17. package/lib/cjs/components/DataTable/DataTable.js +981 -0
  18. package/lib/cjs/components/DataTable/DataTable.js.map +1 -0
  19. package/lib/cjs/{types.js → components/DataTable/DataTable.types.js} +1 -1
  20. package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -0
  21. package/lib/cjs/components/DataTable/dataTable.shadow.css +17 -0
  22. package/lib/cjs/components/Head/Column.js +316 -0
  23. package/lib/cjs/components/Head/Column.js.map +1 -0
  24. package/lib/cjs/components/Head/Column.types.js +2 -0
  25. package/lib/cjs/components/Head/Column.types.js.map +1 -0
  26. package/lib/cjs/components/Head/Group.js +115 -0
  27. package/lib/cjs/components/Head/Group.js.map +1 -0
  28. package/lib/cjs/components/Head/Group.type.js +2 -0
  29. package/lib/cjs/components/Head/Group.type.js.map +1 -0
  30. package/lib/cjs/components/Head/Head.js +205 -0
  31. package/lib/cjs/components/Head/Head.js.map +1 -0
  32. package/lib/cjs/components/Head/Head.types.js +2 -0
  33. package/lib/cjs/components/Head/Head.types.js.map +1 -0
  34. package/lib/cjs/components/Head/style.shadow.css +176 -0
  35. package/lib/cjs/index.js +25 -15
  36. package/lib/cjs/index.js.map +1 -1
  37. package/lib/cjs/style/scroll-shadows.shadow.css +39 -5
  38. package/lib/cjs/translations/en.json +6 -1
  39. package/lib/cjs/utils.js +16 -7
  40. package/lib/cjs/utils.js.map +1 -1
  41. package/lib/es6/components/Body/Body.js +429 -0
  42. package/lib/es6/components/Body/Body.js.map +1 -0
  43. package/lib/es6/components/Body/Body.types.js +2 -0
  44. package/lib/es6/components/Body/Body.types.js.map +1 -0
  45. package/lib/es6/components/Body/Cell.js +187 -0
  46. package/lib/es6/components/Body/Cell.js.map +1 -0
  47. package/lib/es6/components/Body/Cell.types.js +2 -0
  48. package/lib/es6/components/Body/Cell.types.js.map +1 -0
  49. package/lib/es6/components/Body/MergedCells.js +20 -0
  50. package/lib/es6/components/Body/MergedCells.js.map +1 -0
  51. package/lib/es6/components/Body/Row.js +237 -0
  52. package/lib/es6/components/Body/Row.js.map +1 -0
  53. package/lib/es6/components/Body/Row.types.js +2 -0
  54. package/lib/es6/components/Body/Row.types.js.map +1 -0
  55. package/lib/es6/components/Body/style.shadow.css +257 -0
  56. package/lib/es6/components/DataTable/DataTable.js +970 -0
  57. package/lib/es6/components/DataTable/DataTable.js.map +1 -0
  58. package/lib/es6/components/DataTable/DataTable.types.js +2 -0
  59. package/lib/es6/components/DataTable/DataTable.types.js.map +1 -0
  60. package/lib/es6/components/DataTable/dataTable.shadow.css +17 -0
  61. package/lib/es6/components/Head/Column.js +309 -0
  62. package/lib/es6/components/Head/Column.js.map +1 -0
  63. package/lib/es6/components/Head/Column.types.js +2 -0
  64. package/lib/es6/components/Head/Column.types.js.map +1 -0
  65. package/lib/es6/components/Head/Group.js +108 -0
  66. package/lib/es6/components/Head/Group.js.map +1 -0
  67. package/lib/es6/components/Head/Group.type.js +2 -0
  68. package/lib/es6/components/Head/Group.type.js.map +1 -0
  69. package/lib/es6/components/Head/Head.js +199 -0
  70. package/lib/es6/components/Head/Head.js.map +1 -0
  71. package/lib/es6/components/Head/Head.types.js +2 -0
  72. package/lib/es6/components/Head/Head.types.js.map +1 -0
  73. package/lib/es6/components/Head/style.shadow.css +176 -0
  74. package/lib/es6/index.js +5 -2
  75. package/lib/es6/index.js.map +1 -1
  76. package/lib/es6/style/scroll-shadows.shadow.css +39 -5
  77. package/lib/es6/translations/en.json +6 -1
  78. package/lib/es6/utils.js +14 -6
  79. package/lib/es6/utils.js.map +1 -1
  80. package/lib/esm/components/Body/Body.mjs +392 -0
  81. package/lib/esm/components/Body/Cell.mjs +185 -0
  82. package/lib/esm/components/Body/MergedCells.mjs +23 -0
  83. package/lib/esm/components/Body/Row.mjs +218 -0
  84. package/lib/esm/components/Body/style.shadow.css +257 -0
  85. package/lib/esm/components/DataTable/DataTable.mjs +904 -0
  86. package/lib/esm/components/DataTable/dataTable.shadow.css +17 -0
  87. package/lib/esm/components/Head/Column.mjs +299 -0
  88. package/lib/esm/components/Head/Group.mjs +102 -0
  89. package/lib/esm/components/Head/Head.mjs +180 -0
  90. package/lib/esm/components/Head/style.shadow.css +176 -0
  91. package/lib/esm/index.mjs +8 -5
  92. package/lib/esm/style/scroll-shadows.shadow.css +41 -0
  93. package/lib/esm/translations/en.json.mjs +6 -1
  94. package/lib/esm/utils.mjs +6 -15
  95. package/lib/types/components/Body/Body.d.ts +8 -0
  96. package/lib/types/components/Body/Body.types.d.ts +56 -0
  97. package/lib/types/components/Body/Cell.d.ts +3 -0
  98. package/lib/types/components/Body/Cell.types.d.ts +20 -0
  99. package/lib/types/components/Body/MergedCells.d.ts +14 -0
  100. package/lib/types/components/Body/Row.d.ts +3 -0
  101. package/lib/types/components/Body/Row.types.d.ts +42 -0
  102. package/lib/types/components/DataTable/DataTable.d.ts +12 -0
  103. package/lib/types/components/DataTable/DataTable.types.d.ts +118 -0
  104. package/lib/types/components/Head/Column.d.ts +30 -0
  105. package/lib/types/components/Head/Column.types.d.ts +82 -0
  106. package/lib/types/components/Head/Group.d.ts +15 -0
  107. package/lib/types/components/Head/Group.type.d.ts +16 -0
  108. package/lib/types/components/Head/Head.d.ts +98 -0
  109. package/lib/types/components/Head/Head.types.d.ts +35 -0
  110. package/lib/types/index.d.ts +10 -2
  111. package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +5 -0
  112. package/lib/types/utils.d.ts +8 -4
  113. package/package.json +11 -6
  114. package/vite.config.ts +0 -3
  115. package/lib/cjs/Body.js +0 -475
  116. package/lib/cjs/Body.js.map +0 -1
  117. package/lib/cjs/DataTable.js +0 -622
  118. package/lib/cjs/DataTable.js.map +0 -1
  119. package/lib/cjs/Head.js +0 -399
  120. package/lib/cjs/Head.js.map +0 -1
  121. package/lib/cjs/style/data-table.shadow.css +0 -394
  122. package/lib/cjs/types.js.map +0 -1
  123. package/lib/es6/Body.js +0 -468
  124. package/lib/es6/Body.js.map +0 -1
  125. package/lib/es6/DataTable.js +0 -614
  126. package/lib/es6/DataTable.js.map +0 -1
  127. package/lib/es6/Head.js +0 -391
  128. package/lib/es6/Head.js.map +0 -1
  129. package/lib/es6/style/data-table.shadow.css +0 -394
  130. package/lib/es6/types.js +0 -2
  131. package/lib/es6/types.js.map +0 -1
  132. package/lib/esm/Body.mjs +0 -427
  133. package/lib/esm/DataTable.mjs +0 -582
  134. package/lib/esm/Head.mjs +0 -369
  135. package/lib/types/Body.d.ts +0 -61
  136. package/lib/types/DataTable.d.ts +0 -205
  137. package/lib/types/Head.d.ts +0 -45
  138. package/lib/types/types.d.ts +0 -73
@@ -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;
@@ -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;