@veeqo/ui 13.14.0 → 13.15.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/dist/components/DataGrid/DataGrid.module.scss.cjs +2 -2
- package/dist/components/DataGrid/DataGrid.module.scss.cjs.map +1 -1
- package/dist/components/DataGrid/DataGrid.module.scss.js +2 -2
- package/dist/components/DataGrid/DataGrid.module.scss.js.map +1 -1
- package/dist/components/DataGrid/components/Body/BodyCell/BodyCell.module.scss.cjs +2 -2
- package/dist/components/DataGrid/components/Body/BodyCell/BodyCell.module.scss.cjs.map +1 -1
- package/dist/components/DataGrid/components/Body/BodyCell/BodyCell.module.scss.js +2 -2
- package/dist/components/DataGrid/components/Body/BodyCell/BodyCell.module.scss.js.map +1 -1
- package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.module.scss.cjs +2 -2
- package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.module.scss.cjs.map +1 -1
- package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.module.scss.js +2 -2
- package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.module.scss.js.map +1 -1
- package/dist/components/DataGrid/components/GridContainer/Container/Container.cjs +1 -1
- package/dist/components/DataGrid/components/GridContainer/Container/Container.cjs.map +1 -1
- package/dist/components/DataGrid/components/GridContainer/Container/Container.d.ts +5 -15
- package/dist/components/DataGrid/components/GridContainer/Container/Container.js +1 -1
- package/dist/components/DataGrid/components/GridContainer/Container/Container.js.map +1 -1
- package/dist/components/DataGrid/components/GridContainer/GridContainer.cjs +12 -2
- package/dist/components/DataGrid/components/GridContainer/GridContainer.cjs.map +1 -1
- package/dist/components/DataGrid/components/GridContainer/GridContainer.js +12 -2
- package/dist/components/DataGrid/components/GridContainer/GridContainer.js.map +1 -1
- package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.module.scss.cjs +2 -2
- package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.module.scss.cjs.map +1 -1
- package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.module.scss.js +2 -2
- package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.module.scss.js.map +1 -1
- package/dist/components/DataTable/DataTable.cjs +5 -5
- package/dist/components/DataTable/DataTable.cjs.map +1 -1
- package/dist/components/DataTable/DataTable.js +5 -5
- package/dist/components/DataTable/DataTable.js.map +1 -1
- package/dist/components/DataTable/hooks/index.d.ts +0 -1
- package/dist/components/DataTable/index.d.ts +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/useScrollPosition/constants.cjs +9 -0
- package/dist/hooks/useScrollPosition/constants.cjs.map +1 -0
- package/dist/hooks/useScrollPosition/constants.d.ts +2 -0
- package/dist/hooks/useScrollPosition/constants.js +6 -0
- package/dist/hooks/useScrollPosition/constants.js.map +1 -0
- package/dist/hooks/useScrollPosition/index.d.ts +3 -0
- package/dist/hooks/useScrollPosition/types.d.ts +8 -0
- package/dist/hooks/useScrollPosition/useScrollPosition.cjs +40 -0
- package/dist/hooks/useScrollPosition/useScrollPosition.cjs.map +1 -0
- package/dist/hooks/useScrollPosition/useScrollPosition.d.ts +9 -0
- package/dist/hooks/useScrollPosition/useScrollPosition.js +34 -0
- package/dist/hooks/useScrollPosition/useScrollPosition.js.map +1 -0
- package/dist/hooks/useScrollPosition/utils.cjs +18 -0
- package/dist/hooks/useScrollPosition/utils.cjs.map +1 -0
- package/dist/hooks/useScrollPosition/utils.d.ts +2 -0
- package/dist/hooks/useScrollPosition/utils.js +16 -0
- package/dist/hooks/useScrollPosition/utils.js.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/components/DataTable/hooks/useScrollPosition.cjs +0 -53
- package/dist/components/DataTable/hooks/useScrollPosition.cjs.map +0 -1
- package/dist/components/DataTable/hooks/useScrollPosition.d.ts +0 -6
- package/dist/components/DataTable/hooks/useScrollPosition.js +0 -46
- package/dist/components/DataTable/hooks/useScrollPosition.js.map +0 -1
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { useState, useEffect } from 'react';
|
|
2
|
-
import ResizeObserver from 'resize-observer-polyfill';
|
|
3
|
-
import throttle from 'lodash.throttle';
|
|
4
|
-
|
|
5
|
-
/* eslint-disable consistent-return */
|
|
6
|
-
/* eslint-disable react-hooks/exhaustive-deps */
|
|
7
|
-
function useScrollPosition(containerRef) {
|
|
8
|
-
const [scrollPosition, setScrollPosition] = useState('start');
|
|
9
|
-
const updateScrollPosition = () => {
|
|
10
|
-
if (!containerRef.current)
|
|
11
|
-
return;
|
|
12
|
-
const { width } = containerRef.current.getBoundingClientRect();
|
|
13
|
-
const { scrollLeft, scrollWidth } = containerRef.current;
|
|
14
|
-
if (scrollWidth < width) {
|
|
15
|
-
setScrollPosition('none');
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
if (scrollLeft === 0) {
|
|
19
|
-
setScrollPosition('start');
|
|
20
|
-
return;
|
|
21
|
-
}
|
|
22
|
-
if (scrollLeft + width >= scrollWidth) {
|
|
23
|
-
setScrollPosition('end');
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
setScrollPosition('middle');
|
|
27
|
-
};
|
|
28
|
-
useEffect(() => {
|
|
29
|
-
if (!containerRef.current)
|
|
30
|
-
return;
|
|
31
|
-
containerRef.current.addEventListener('scroll', updateScrollPosition);
|
|
32
|
-
return () => { var _a; return (_a = containerRef.current) === null || _a === undefined ? undefined : _a.removeEventListener('scroll', updateScrollPosition); };
|
|
33
|
-
}, [containerRef.current]);
|
|
34
|
-
useEffect(() => {
|
|
35
|
-
if (!containerRef.current)
|
|
36
|
-
return;
|
|
37
|
-
const resizeObserverCallback = throttle(updateScrollPosition, 50);
|
|
38
|
-
const resizeObserver = new ResizeObserver(resizeObserverCallback);
|
|
39
|
-
resizeObserver.observe(containerRef.current);
|
|
40
|
-
return () => resizeObserver.disconnect();
|
|
41
|
-
}, [containerRef.current]);
|
|
42
|
-
return { scrollPosition, containerRef };
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
export { useScrollPosition };
|
|
46
|
-
//# sourceMappingURL=useScrollPosition.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollPosition.js","sources":["../../../../src/components/DataTable/hooks/useScrollPosition.ts"],"sourcesContent":["/* eslint-disable consistent-return */\n/* eslint-disable react-hooks/exhaustive-deps */\nimport { RefObject, useEffect, useState } from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport throttle from 'lodash.throttle';\nimport { ScrollPosition } from '../types';\n\nexport function useScrollPosition(containerRef: RefObject<HTMLElement>) {\n const [scrollPosition, setScrollPosition] = useState<ScrollPosition>('start');\n\n const updateScrollPosition = () => {\n if (!containerRef.current) return;\n const { width } = containerRef.current.getBoundingClientRect();\n const { scrollLeft, scrollWidth } = containerRef.current;\n if (scrollWidth < width) {\n setScrollPosition('none');\n return;\n }\n if (scrollLeft === 0) {\n setScrollPosition('start');\n return;\n }\n if (scrollLeft + width >= scrollWidth) {\n setScrollPosition('end');\n return;\n }\n setScrollPosition('middle');\n };\n\n useEffect(() => {\n if (!containerRef.current) return;\n containerRef.current.addEventListener('scroll', updateScrollPosition);\n return () => containerRef.current?.removeEventListener('scroll', updateScrollPosition);\n }, [containerRef.current]);\n\n useEffect(() => {\n if (!containerRef.current) return;\n const resizeObserverCallback = throttle(updateScrollPosition, 50);\n const resizeObserver = new ResizeObserver(resizeObserverCallback);\n resizeObserver.observe(containerRef.current);\n return () => resizeObserver.disconnect();\n }, [containerRef.current]);\n\n return { scrollPosition, containerRef };\n}\n"],"names":[],"mappings":";;;;AAAA;AACA;AAMM,SAAU,iBAAiB,CAAC,YAAoC,EAAA;IACpE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB,OAAO,CAAC;IAE7E,MAAM,oBAAoB,GAAG,MAAK;QAChC,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE;QAC9D,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC,OAAO;QACxD,IAAI,WAAW,GAAG,KAAK,EAAE;YACvB,iBAAiB,CAAC,MAAM,CAAC;YACzB;AACD;QACD,IAAI,UAAU,KAAK,CAAC,EAAE;YACpB,iBAAiB,CAAC,OAAO,CAAC;YAC1B;AACD;AACD,QAAA,IAAI,UAAU,GAAG,KAAK,IAAI,WAAW,EAAE;YACrC,iBAAiB,CAAC,KAAK,CAAC;YACxB;AACD;QACD,iBAAiB,CAAC,QAAQ,CAAC;AAC7B,KAAC;IAED,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,CAAC;AACrE,QAAA,OAAO,MAAK,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA,EAAA;AACxF,KAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAE1B,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAC3B,MAAM,sBAAsB,GAAG,QAAQ,CAAC,oBAAoB,EAAE,EAAE,CAAC;AACjE,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,sBAAsB,CAAC;AACjE,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;AAC5C,QAAA,OAAO,MAAM,cAAc,CAAC,UAAU,EAAE;AAC1C,KAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AAE1B,IAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE;AACzC;;;;"}
|