@hh.ru/magritte-ui-table 3.2.9 → 4.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/StickyTableHeader.d.ts +2 -2
- package/StickyTableHeader.js +6 -10
- package/StickyTableHeader.js.map +1 -1
- package/Table.js +26 -27
- package/Table.js.map +1 -1
- package/TableBody.js +8 -8
- package/TableBody.js.map +1 -1
- package/TableCell.js +2 -2
- package/TableHeader.js +7 -11
- package/TableHeader.js.map +1 -1
- package/TableRow.js +2 -2
- package/VirtualizedList/VirtualizedList.d.ts +12 -0
- package/VirtualizedList/VirtualizedList.js +49 -0
- package/VirtualizedList/VirtualizedList.js.map +1 -0
- package/VirtualizedList/VirtualizedListWrapper.d.ts +18 -0
- package/VirtualizedList/VirtualizedListWrapper.js +28 -0
- package/VirtualizedList/VirtualizedListWrapper.js.map +1 -0
- package/VirtualizedList/VirtualizedPanel.d.ts +12 -0
- package/VirtualizedList/VirtualizedPanel.js +15 -0
- package/VirtualizedList/VirtualizedPanel.js.map +1 -0
- package/VirtualizedList/context.d.ts +9 -0
- package/VirtualizedList/context.js +10 -0
- package/VirtualizedList/context.js.map +1 -0
- package/VirtualizedList/index.d.ts +3 -0
- package/VirtualizedList/index.js +14 -0
- package/VirtualizedList/index.js.map +1 -0
- package/VirtualizedList/useVirtualizedList.d.ts +11 -0
- package/VirtualizedList/useVirtualizedList.js +43 -0
- package/VirtualizedList/useVirtualizedList.js.map +1 -0
- package/cell-DJucuY6T.js +5 -0
- package/cell-DJucuY6T.js.map +1 -0
- package/index.css +651 -683
- package/index.d.ts +1 -0
- package/index.js +9 -5
- package/index.js.map +1 -1
- package/index.mock.d.ts +4 -0
- package/index.mock.js +5 -1
- package/index.mock.js.map +1 -1
- package/package.json +2 -2
- package/table-h9Fxk8He.js +5 -0
- package/table-h9Fxk8He.js.map +1 -0
- package/types.d.ts +3 -4
- package/virtualized-list-B8kzPHyT.js +5 -0
- package/virtualized-list-B8kzPHyT.js.map +1 -0
- package/VirtualizedTableBody.d.ts +0 -4
- package/VirtualizedTableBody.js +0 -34
- package/VirtualizedTableBody.js.map +0 -1
- package/cell-CmFhtUuZ.js +0 -5
- package/cell-CmFhtUuZ.js.map +0 -1
- package/table-DCGiTlL0.js +0 -5
- package/table-DCGiTlL0.js.map +0 -1
- package/useTableVirtualizer.d.ts +0 -12
- package/useTableVirtualizer.js +0 -48
- package/useTableVirtualizer.js.map +0 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import './../index.css';
|
|
2
|
+
export { VirtualizedListWrapper } from './VirtualizedListWrapper.js';
|
|
3
|
+
export { VirtualizedItem, VirtualizedList } from './VirtualizedList.js';
|
|
4
|
+
export { VirtualizedPanel } from './VirtualizedPanel.js';
|
|
5
|
+
import 'react/jsx-runtime';
|
|
6
|
+
import 'react';
|
|
7
|
+
import 'classnames';
|
|
8
|
+
import '@hh.ru/magritte-common-use-multiple-refs';
|
|
9
|
+
import '@hh.ru/magritte-ui-scrollbar';
|
|
10
|
+
import './context.js';
|
|
11
|
+
import '../virtualized-list-B8kzPHyT.js';
|
|
12
|
+
import './useVirtualizedList.js';
|
|
13
|
+
import '@tanstack/react-virtual';
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
import { Virtualizer } from '@tanstack/react-virtual';
|
|
3
|
+
interface UseVirtualizedListHookProps {
|
|
4
|
+
count: number;
|
|
5
|
+
contentRef: RefObject<HTMLElement>;
|
|
6
|
+
}
|
|
7
|
+
interface UseVirtualizedListHook {
|
|
8
|
+
(props: UseVirtualizedListHookProps): Virtualizer<HTMLElement, Element>;
|
|
9
|
+
}
|
|
10
|
+
export declare const useVirtualizedList: UseVirtualizedListHook;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import './../index.css';
|
|
2
|
+
import { useContext } from 'react';
|
|
3
|
+
import { useVirtualizer, useWindowVirtualizer } from '@tanstack/react-virtual';
|
|
4
|
+
import { VirtualizedListContext } from './context.js';
|
|
5
|
+
|
|
6
|
+
const useVirtualizedList = ({ count, contentRef }) => {
|
|
7
|
+
const { fixedSize, measureElement, estimateSize } = useContext(VirtualizedListContext);
|
|
8
|
+
const getScrollMargin = () => {
|
|
9
|
+
if (!contentRef.current) {
|
|
10
|
+
return 0;
|
|
11
|
+
}
|
|
12
|
+
if (fixedSize) {
|
|
13
|
+
const containerElement = contentRef.current.closest('[data-virtualized-list-content]');
|
|
14
|
+
return contentRef?.current.offsetTop + (containerElement?.offsetTop ?? 0);
|
|
15
|
+
}
|
|
16
|
+
return contentRef.current
|
|
17
|
+
? document.documentElement.scrollTop + contentRef.current.getBoundingClientRect().top
|
|
18
|
+
: 0;
|
|
19
|
+
};
|
|
20
|
+
const virtualizerOptions = {
|
|
21
|
+
count,
|
|
22
|
+
estimateSize: () => estimateSize,
|
|
23
|
+
overscan: 5,
|
|
24
|
+
measureElement,
|
|
25
|
+
scrollMargin: getScrollMargin(),
|
|
26
|
+
initialRect: { width: 0, height: 5 * estimateSize },
|
|
27
|
+
};
|
|
28
|
+
const virtualizerHook = (fixedSize ? useVirtualizer : useWindowVirtualizer);
|
|
29
|
+
const virtualizer = virtualizerHook({
|
|
30
|
+
...virtualizerOptions,
|
|
31
|
+
...(fixedSize
|
|
32
|
+
? {
|
|
33
|
+
getScrollElement: () => {
|
|
34
|
+
return contentRef.current?.closest('[data-virtualized-list-wrapper]') || null;
|
|
35
|
+
},
|
|
36
|
+
}
|
|
37
|
+
: {}),
|
|
38
|
+
});
|
|
39
|
+
return virtualizer;
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
export { useVirtualizedList };
|
|
43
|
+
//# sourceMappingURL=useVirtualizedList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useVirtualizedList.js","sources":["src/VirtualizedList/useVirtualizedList.tsx"],"sourcesContent":["import { RefObject, useContext } from 'react';\nimport { useVirtualizer, useWindowVirtualizer, Virtualizer } from '@tanstack/react-virtual';\nimport type { VirtualizerOptions } from '@tanstack/virtual-core';\n\nimport { VirtualizedListContext } from '@hh.ru/magritte-ui-table/VirtualizedList/context';\n\ninterface UseVirtualizedListHookProps {\n count: number;\n contentRef: RefObject<HTMLElement>;\n}\n\ninterface UseVirtualizedListHook {\n (props: UseVirtualizedListHookProps): Virtualizer<HTMLElement, Element>;\n}\n\nexport const useVirtualizedList: UseVirtualizedListHook = ({ count, contentRef }) => {\n const { fixedSize, measureElement, estimateSize } = useContext(VirtualizedListContext);\n\n const getScrollMargin = () => {\n if (!contentRef.current) {\n return 0;\n }\n if (fixedSize) {\n const containerElement = contentRef.current.closest<HTMLElement>('[data-virtualized-list-content]');\n return contentRef?.current.offsetTop + (containerElement?.offsetTop ?? 0);\n }\n return contentRef.current\n ? document.documentElement.scrollTop + contentRef.current.getBoundingClientRect().top\n : 0;\n };\n\n const virtualizerOptions: Pick<\n VirtualizerOptions<HTMLElement, Element>,\n 'count' | 'measureElement' | 'estimateSize' | 'overscan' | 'scrollMargin' | 'initialRect'\n > = {\n count,\n estimateSize: () => estimateSize,\n overscan: 5,\n measureElement,\n scrollMargin: getScrollMargin(),\n initialRect: { width: 0, height: 5 * estimateSize },\n };\n\n const virtualizerHook = (fixedSize ? useVirtualizer : useWindowVirtualizer) as typeof useVirtualizer;\n\n const virtualizer = virtualizerHook({\n ...virtualizerOptions,\n ...(fixedSize\n ? {\n getScrollElement: () => {\n return contentRef.current?.closest('[data-virtualized-list-wrapper]') || null;\n },\n }\n : {}),\n } as VirtualizerOptions<HTMLElement, Element>);\n\n return virtualizer;\n};\n"],"names":[],"mappings":";;;;AAea,MAAA,kBAAkB,GAA2B,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAI;AAChF,IAAA,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAEvF,MAAM,eAAe,GAAG,MAAK;AACzB,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;AACrB,YAAA,OAAO,CAAC,CAAC;SACZ;QACD,IAAI,SAAS,EAAE;YACX,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,CAAc,iCAAiC,CAAC,CAAC;AACpG,YAAA,OAAO,UAAU,EAAE,OAAO,CAAC,SAAS,IAAI,gBAAgB,EAAE,SAAS,IAAI,CAAC,CAAC,CAAC;SAC7E;QACD,OAAO,UAAU,CAAC,OAAO;AACrB,cAAE,QAAQ,CAAC,eAAe,CAAC,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG;cACnF,CAAC,CAAC;AACZ,KAAC,CAAC;AAEF,IAAA,MAAM,kBAAkB,GAGpB;QACA,KAAK;AACL,QAAA,YAAY,EAAE,MAAM,YAAY;AAChC,QAAA,QAAQ,EAAE,CAAC;QACX,cAAc;QACd,YAAY,EAAE,eAAe,EAAE;QAC/B,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,YAAY,EAAE;KACtD,CAAC;AAEF,IAAA,MAAM,eAAe,IAAI,SAAS,GAAG,cAAc,GAAG,oBAAoB,CAA0B,CAAC;IAErG,MAAM,WAAW,GAAG,eAAe,CAAC;AAChC,QAAA,GAAG,kBAAkB;AACrB,QAAA,IAAI,SAAS;AACT,cAAE;gBACI,gBAAgB,EAAE,MAAK;oBACnB,OAAO,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,iCAAiC,CAAC,IAAI,IAAI,CAAC;iBACjF;AACJ,aAAA;cACD,EAAE;AACiC,KAAA,CAAC,CAAC;AAE/C,IAAA,OAAO,WAAW,CAAC;AACvB;;;;"}
|
package/cell-DJucuY6T.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import './index.css';
|
|
2
|
+
var cellStyles = {"cell":"magritte-cell___9SN-h_4-0-0","space-cell":"magritte-space-cell___FEzuM_4-0-0","spaceCell":"magritte-space-cell___FEzuM_4-0-0","pinned":"magritte-pinned___45ssa_4-0-0","control":"magritte-control___zooF6_4-0-0","sticky":"magritte-sticky___-VZrW_4-0-0","duplicate-table":"magritte-duplicate-table___5UfjM_4-0-0","duplicateTable":"magritte-duplicate-table___5UfjM_4-0-0","cell_m-1":"magritte-cell_m-1___hXvsr_4-0-0","cellM1":"magritte-cell_m-1___hXvsr_4-0-0","cell_m-2":"magritte-cell_m-2___ACrWd_4-0-0","cellM2":"magritte-cell_m-2___ACrWd_4-0-0","cell_m-3":"magritte-cell_m-3___gYLFS_4-0-0","cellM3":"magritte-cell_m-3___gYLFS_4-0-0","cell_m-4":"magritte-cell_m-4___abIIK_4-0-0","cellM4":"magritte-cell_m-4___abIIK_4-0-0","cell_m-5":"magritte-cell_m-5___KnqH6_4-0-0","cellM5":"magritte-cell_m-5___KnqH6_4-0-0","cell_m-6":"magritte-cell_m-6___o95mb_4-0-0","cellM6":"magritte-cell_m-6___o95mb_4-0-0","cell_m-7":"magritte-cell_m-7___DEaIG_4-0-0","cellM7":"magritte-cell_m-7___DEaIG_4-0-0","cell_m-8":"magritte-cell_m-8___TGFI7_4-0-0","cellM8":"magritte-cell_m-8___TGFI7_4-0-0","cell_m-9":"magritte-cell_m-9___yiGBE_4-0-0","cellM9":"magritte-cell_m-9___yiGBE_4-0-0","cell_m-10":"magritte-cell_m-10___tU-P9_4-0-0","cellM10":"magritte-cell_m-10___tU-P9_4-0-0","cell_m-11":"magritte-cell_m-11___Wls8v_4-0-0","cellM11":"magritte-cell_m-11___Wls8v_4-0-0","cell_m-12":"magritte-cell_m-12___QtJUR_4-0-0","cellM12":"magritte-cell_m-12___QtJUR_4-0-0","with-sidebar-from-m":"magritte-with-sidebar-from-m___-CXQh_4-0-0","withSidebarFromM":"magritte-with-sidebar-from-m___-CXQh_4-0-0","cell_l-1":"magritte-cell_l-1___08WTv_4-0-0","cellL1":"magritte-cell_l-1___08WTv_4-0-0","cell_l-2":"magritte-cell_l-2___3Egzi_4-0-0","cellL2":"magritte-cell_l-2___3Egzi_4-0-0","cell_l-3":"magritte-cell_l-3___8CURS_4-0-0","cellL3":"magritte-cell_l-3___8CURS_4-0-0","cell_l-4":"magritte-cell_l-4___4bGq1_4-0-0","cellL4":"magritte-cell_l-4___4bGq1_4-0-0","cell_l-5":"magritte-cell_l-5___2LvKm_4-0-0","cellL5":"magritte-cell_l-5___2LvKm_4-0-0","cell_l-6":"magritte-cell_l-6___ICN-G_4-0-0","cellL6":"magritte-cell_l-6___ICN-G_4-0-0","cell_l-7":"magritte-cell_l-7___1IyZf_4-0-0","cellL7":"magritte-cell_l-7___1IyZf_4-0-0","cell_l-8":"magritte-cell_l-8___KYB-a_4-0-0","cellL8":"magritte-cell_l-8___KYB-a_4-0-0","cell_l-9":"magritte-cell_l-9___CeTym_4-0-0","cellL9":"magritte-cell_l-9___CeTym_4-0-0","cell_l-10":"magritte-cell_l-10___acKEl_4-0-0","cellL10":"magritte-cell_l-10___acKEl_4-0-0","cell_l-11":"magritte-cell_l-11___VKWNT_4-0-0","cellL11":"magritte-cell_l-11___VKWNT_4-0-0","cell_l-12":"magritte-cell_l-12___SHHVR_4-0-0","cellL12":"magritte-cell_l-12___SHHVR_4-0-0","with-sidebar-from-l":"magritte-with-sidebar-from-l___9PLNP_4-0-0","withSidebarFromL":"magritte-with-sidebar-from-l___9PLNP_4-0-0","cell_xl-1":"magritte-cell_xl-1___d-7Mu_4-0-0","cellXl1":"magritte-cell_xl-1___d-7Mu_4-0-0","cell_xl-2":"magritte-cell_xl-2___0v1mr_4-0-0","cellXl2":"magritte-cell_xl-2___0v1mr_4-0-0","cell_xl-3":"magritte-cell_xl-3___dGaO8_4-0-0","cellXl3":"magritte-cell_xl-3___dGaO8_4-0-0","cell_xl-4":"magritte-cell_xl-4___XyiBZ_4-0-0","cellXl4":"magritte-cell_xl-4___XyiBZ_4-0-0","cell_xl-5":"magritte-cell_xl-5___Wzntx_4-0-0","cellXl5":"magritte-cell_xl-5___Wzntx_4-0-0","cell_xl-6":"magritte-cell_xl-6___cppOO_4-0-0","cellXl6":"magritte-cell_xl-6___cppOO_4-0-0","cell_xl-7":"magritte-cell_xl-7___z-rPX_4-0-0","cellXl7":"magritte-cell_xl-7___z-rPX_4-0-0","cell_xl-8":"magritte-cell_xl-8___uYKvC_4-0-0","cellXl8":"magritte-cell_xl-8___uYKvC_4-0-0","cell_xl-9":"magritte-cell_xl-9___Re651_4-0-0","cellXl9":"magritte-cell_xl-9___Re651_4-0-0","cell_xl-10":"magritte-cell_xl-10___-RKb4_4-0-0","cellXl10":"magritte-cell_xl-10___-RKb4_4-0-0","cell_xl-11":"magritte-cell_xl-11___Lmnus_4-0-0","cellXl11":"magritte-cell_xl-11___Lmnus_4-0-0","cell_xl-12":"magritte-cell_xl-12___14HGy_4-0-0","cellXl12":"magritte-cell_xl-12___14HGy_4-0-0","with-sidebar-from-xl":"magritte-with-sidebar-from-xl___mHiwg_4-0-0","withSidebarFromXl":"magritte-with-sidebar-from-xl___mHiwg_4-0-0","cell_xxl-1":"magritte-cell_xxl-1___Jhugp_4-0-0","cellXxl1":"magritte-cell_xxl-1___Jhugp_4-0-0","cell_xxl-2":"magritte-cell_xxl-2___TEKj-_4-0-0","cellXxl2":"magritte-cell_xxl-2___TEKj-_4-0-0","cell_xxl-3":"magritte-cell_xxl-3___V-OWy_4-0-0","cellXxl3":"magritte-cell_xxl-3___V-OWy_4-0-0","cell_xxl-4":"magritte-cell_xxl-4___NDlag_4-0-0","cellXxl4":"magritte-cell_xxl-4___NDlag_4-0-0","cell_xxl-5":"magritte-cell_xxl-5___4caIu_4-0-0","cellXxl5":"magritte-cell_xxl-5___4caIu_4-0-0","cell_xxl-6":"magritte-cell_xxl-6___al5Oz_4-0-0","cellXxl6":"magritte-cell_xxl-6___al5Oz_4-0-0","cell_xxl-7":"magritte-cell_xxl-7___40epc_4-0-0","cellXxl7":"magritte-cell_xxl-7___40epc_4-0-0","cell_xxl-8":"magritte-cell_xxl-8___7jbSF_4-0-0","cellXxl8":"magritte-cell_xxl-8___7jbSF_4-0-0","cell_xxl-9":"magritte-cell_xxl-9___cANRv_4-0-0","cellXxl9":"magritte-cell_xxl-9___cANRv_4-0-0","cell_xxl-10":"magritte-cell_xxl-10___Wxan9_4-0-0","cellXxl10":"magritte-cell_xxl-10___Wxan9_4-0-0","cell_xxl-11":"magritte-cell_xxl-11___tPewy_4-0-0","cellXxl11":"magritte-cell_xxl-11___tPewy_4-0-0","cell_xxl-12":"magritte-cell_xxl-12___AviUH_4-0-0","cellXxl12":"magritte-cell_xxl-12___AviUH_4-0-0","with-sidebar-from-xxl":"magritte-with-sidebar-from-xxl___EMLcq_4-0-0","withSidebarFromXxl":"magritte-with-sidebar-from-xxl___EMLcq_4-0-0","has-scroll-left":"magritte-has-scroll-left___dEeNV_4-0-0","hasScrollLeft":"magritte-has-scroll-left___dEeNV_4-0-0","sticky-left":"magritte-sticky-left___r-bgc_4-0-0","stickyLeft":"magritte-sticky-left___r-bgc_4-0-0","has-scroll-right":"magritte-has-scroll-right___-eu5N_4-0-0","hasScrollRight":"magritte-has-scroll-right___-eu5N_4-0-0","sticky-right":"magritte-sticky-right___-ocur_4-0-0","stickyRight":"magritte-sticky-right___-ocur_4-0-0"};
|
|
3
|
+
|
|
4
|
+
export { cellStyles as c };
|
|
5
|
+
//# sourceMappingURL=cell-DJucuY6T.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-DJucuY6T.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|