@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.
Files changed (54) hide show
  1. package/StickyTableHeader.d.ts +2 -2
  2. package/StickyTableHeader.js +6 -10
  3. package/StickyTableHeader.js.map +1 -1
  4. package/Table.js +26 -27
  5. package/Table.js.map +1 -1
  6. package/TableBody.js +8 -8
  7. package/TableBody.js.map +1 -1
  8. package/TableCell.js +2 -2
  9. package/TableHeader.js +7 -11
  10. package/TableHeader.js.map +1 -1
  11. package/TableRow.js +2 -2
  12. package/VirtualizedList/VirtualizedList.d.ts +12 -0
  13. package/VirtualizedList/VirtualizedList.js +49 -0
  14. package/VirtualizedList/VirtualizedList.js.map +1 -0
  15. package/VirtualizedList/VirtualizedListWrapper.d.ts +18 -0
  16. package/VirtualizedList/VirtualizedListWrapper.js +28 -0
  17. package/VirtualizedList/VirtualizedListWrapper.js.map +1 -0
  18. package/VirtualizedList/VirtualizedPanel.d.ts +12 -0
  19. package/VirtualizedList/VirtualizedPanel.js +15 -0
  20. package/VirtualizedList/VirtualizedPanel.js.map +1 -0
  21. package/VirtualizedList/context.d.ts +9 -0
  22. package/VirtualizedList/context.js +10 -0
  23. package/VirtualizedList/context.js.map +1 -0
  24. package/VirtualizedList/index.d.ts +3 -0
  25. package/VirtualizedList/index.js +14 -0
  26. package/VirtualizedList/index.js.map +1 -0
  27. package/VirtualizedList/useVirtualizedList.d.ts +11 -0
  28. package/VirtualizedList/useVirtualizedList.js +43 -0
  29. package/VirtualizedList/useVirtualizedList.js.map +1 -0
  30. package/cell-DJucuY6T.js +5 -0
  31. package/cell-DJucuY6T.js.map +1 -0
  32. package/index.css +651 -683
  33. package/index.d.ts +1 -0
  34. package/index.js +9 -5
  35. package/index.js.map +1 -1
  36. package/index.mock.d.ts +4 -0
  37. package/index.mock.js +5 -1
  38. package/index.mock.js.map +1 -1
  39. package/package.json +2 -2
  40. package/table-h9Fxk8He.js +5 -0
  41. package/table-h9Fxk8He.js.map +1 -0
  42. package/types.d.ts +3 -4
  43. package/virtualized-list-B8kzPHyT.js +5 -0
  44. package/virtualized-list-B8kzPHyT.js.map +1 -0
  45. package/VirtualizedTableBody.d.ts +0 -4
  46. package/VirtualizedTableBody.js +0 -34
  47. package/VirtualizedTableBody.js.map +0 -1
  48. package/cell-CmFhtUuZ.js +0 -5
  49. package/cell-CmFhtUuZ.js.map +0 -1
  50. package/table-DCGiTlL0.js +0 -5
  51. package/table-DCGiTlL0.js.map +0 -1
  52. package/useTableVirtualizer.d.ts +0 -12
  53. package/useTableVirtualizer.js +0 -48
  54. 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;;;;"}
@@ -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":";;;;"}