@neovici/cosmoz-omnitable 16.1.0 → 16.1.1
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/lib/use-canvas-width.js +2 -2
- package/dist/lib/use-canvas-width.js.map +1 -1
- package/dist/lib/use-track-size.d.ts +4 -0
- package/dist/lib/use-track-size.d.ts.map +1 -1
- package/dist/lib/use-track-size.js +5 -4
- package/dist/lib/use-track-size.js.map +1 -1
- package/dist/lib/use-tween-array.d.ts.map +1 -1
- package/dist/lib/use-tween-array.js +5 -1
- package/dist/lib/use-tween-array.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useState } from '@pionjs/pion';
|
|
2
|
-
import { useTrackSize } from './use-track-size';
|
|
2
|
+
import { useTrackSize, LAYOUT_OFFSET } from './use-track-size';
|
|
3
3
|
export const useCanvasWidth = (host) => {
|
|
4
|
-
const [canvasWidth, setCanvasWidth] = useState(() => host.getBoundingClientRect().width);
|
|
4
|
+
const [canvasWidth, setCanvasWidth] = useState(() => host.getBoundingClientRect().width - LAYOUT_OFFSET);
|
|
5
5
|
useTrackSize(host, setCanvasWidth);
|
|
6
6
|
return canvasWidth;
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-canvas-width.js","sourceRoot":"","sources":["../../src/lib/use-canvas-width.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"use-canvas-width.js","sourceRoot":"","sources":["../../src/lib/use-canvas-width.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE/D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAiB,EAAE,EAAE;IACnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC7C,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,aAAa,CACxD,CAAC;IAEF,YAAY,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IAEnC,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-track-size.d.ts","sourceRoot":"","sources":["../../src/lib/use-track-size.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-track-size.d.ts","sourceRoot":"","sources":["../../src/lib/use-track-size.js"],"names":[],"mappings":"AAEA,8BAA+B,EAAE,CAAC;AAClC,6BAA8B,EAAE,CAAC;AACjC,kCAAmC,EAAE,CAAC;AACtC,mCACwD;AAEjD,mEAeA"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { useEffect } from '@pionjs/pion';
|
|
2
|
+
export const SCROLLBAR_WIDTH = 20;
|
|
3
|
+
export const CHECKBOX_WIDTH = 44;
|
|
4
|
+
export const EXPAND_BUTTON_WIDTH = 24;
|
|
5
|
+
export const LAYOUT_OFFSET = SCROLLBAR_WIDTH + CHECKBOX_WIDTH + EXPAND_BUTTON_WIDTH;
|
|
2
6
|
export const useTrackSize = (host, setCanvasWidth) => useEffect(() => {
|
|
3
7
|
const onResize = ([entry]) => {
|
|
4
8
|
if (entry.contentRect?.width === 0) {
|
|
5
9
|
return;
|
|
6
10
|
}
|
|
7
|
-
requestAnimationFrame(() => setCanvasWidth(entry.contentRect?.width -
|
|
8
|
-
20 /* scrollbar width */ -
|
|
9
|
-
44 /* checkbox width */ -
|
|
10
|
-
24 /* expand button width */));
|
|
11
|
+
requestAnimationFrame(() => setCanvasWidth(entry.contentRect?.width - LAYOUT_OFFSET));
|
|
11
12
|
}, observer = new ResizeObserver(onResize);
|
|
12
13
|
observer.observe(host);
|
|
13
14
|
return () => observer.unobserve(host);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-track-size.js","sourceRoot":"","sources":["../../src/lib/use-track-size.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,CACpD,SAAS,CAAC,GAAG,EAAE;IACd,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;QAC3B,IAAI,KAAK,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC;YACpC,OAAO;QACR,CAAC;QAED,qBAAqB,CAAC,GAAG,EAAE,CAC1B,cAAc,
|
|
1
|
+
{"version":3,"file":"use-track-size.js","sourceRoot":"","sources":["../../src/lib/use-track-size.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AACtC,MAAM,CAAC,MAAM,aAAa,GACzB,eAAe,GAAG,cAAc,GAAG,mBAAmB,CAAC;AAExD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,CACpD,SAAS,CAAC,GAAG,EAAE;IACd,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;QAC3B,IAAI,KAAK,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC;YACpC,OAAO;QACR,CAAC;QAED,qBAAqB,CAAC,GAAG,EAAE,CAC1B,cAAc,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,GAAG,aAAa,CAAC,CACxD,CAAC;IACH,CAAC,EACD,QAAQ,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEzC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACvB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AACvC,CAAC,EAAE,EAAE,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tween-array.d.ts","sourceRoot":"","sources":["../../src/lib/use-tween-array.ts"],"names":[],"mappings":"AAiDA,eAAO,MAAM,aAAa,GAAI,UAAK,EAAE,UAAK,YAA0B,CAAC;AAErE,eAAO,MAAM,aAAa,GACzB,QAAQ,MAAM,EAAE,EAChB,oBAAiB,EACjB,WAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAW,KACxC,
|
|
1
|
+
{"version":3,"file":"use-tween-array.d.ts","sourceRoot":"","sources":["../../src/lib/use-tween-array.ts"],"names":[],"mappings":"AAiDA,eAAO,MAAM,aAAa,GAAI,UAAK,EAAE,UAAK,YAA0B,CAAC;AAErE,eAAO,MAAM,aAAa,GACzB,QAAQ,MAAM,EAAE,EAChB,oBAAiB,EACjB,WAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAW,KACxC,IA2BF,CAAC"}
|
|
@@ -34,8 +34,12 @@ export const isCloseEnough = (a = 0, b = 0) => Math.abs(a - b) < 0.1;
|
|
|
34
34
|
export const useTweenArray = (target, speedFactor = 1.9, callback = noop) => {
|
|
35
35
|
const state = useMeta({ target });
|
|
36
36
|
const animate = useCallback(() => {
|
|
37
|
-
|
|
37
|
+
// On initial load, skip animation and apply target values immediately
|
|
38
|
+
if (!state.tween) {
|
|
38
39
|
state.tween = state.target;
|
|
40
|
+
callback(state.tween);
|
|
41
|
+
return true;
|
|
42
|
+
}
|
|
39
43
|
if (state.target.every((t, idx) => state.tween[idx] === t)) {
|
|
40
44
|
callback(state.tween);
|
|
41
45
|
return true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tween-array.js","sourceRoot":"","sources":["../../src/lib/use-tween-array.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAYtD,MAAM,gBAAgB,GAAG,CACxB,OAAkC,EAClC,OAAkB,EACjB,EAAE;IACH,MAAM,aAAa,GAAG,OAAO,CAAC,GAAkB,EAAE;QACjD,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,IAAI,EAAU,CAAC;QAEf,MAAM,aAAa,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,EAAE,GAAG,qBAAqB,CAAC,aAAa,CAAC,CAAC;YAC1C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;YACvB,IAAI,IAAI;gBAAE,OAAO,GAAG,KAAK,CAAC;QAC3B,CAAC,CAAC;QAEF,OAAO;YACN,KAAK,EAAE,GAAG,EAAE;gBACX,OAAO,GAAG,IAAI,CAAC;gBACf,oBAAoB,CAAC,EAAE,CAAC,CAAC;gBACzB,EAAE,GAAG,qBAAqB,CAAC,aAAa,CAAC,CAAC;YAC3C,CAAC;YACD,IAAI,EAAE,GAAG,EAAE;gBACV,OAAO,GAAG,KAAK,CAAC;gBAChB,oBAAoB,CAAC,EAAE,CAAC,CAAC;YAC1B,CAAC;SACD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,aAAa,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC,EAAE,OAAO,CAAC,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;AAErE,MAAM,CAAC,MAAM,aAAa,GAAG,CAC5B,MAAgB,EAChB,WAAW,GAAG,GAAG,EACjB,WAAsC,IAAI,EACnC,EAAE;IACT,MAAM,KAAK,GAAG,OAAO,CAAa,EAAE,MAAM,EAAE,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,KAAK,CAAC,KAAK;
|
|
1
|
+
{"version":3,"file":"use-tween-array.js","sourceRoot":"","sources":["../../src/lib/use-tween-array.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neovici/cosmoz-omnitable",
|
|
3
|
-
"version": "16.1.
|
|
3
|
+
"version": "16.1.1",
|
|
4
4
|
"description": "[](https://travis-ci.org/Neovici/cosmoz-omnitable)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"web-components"
|