@nuvin/ink 6.5.3-1 → 6.5.3
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef, useRef, useEffect, useImperativeHandle,
|
|
1
|
+
import React, { forwardRef, useRef, useEffect, useImperativeHandle, } from 'react';
|
|
2
2
|
import { useScroll } from '../hooks/use-scroll.js';
|
|
3
3
|
import Box from './Box.js';
|
|
4
4
|
const ScrollBox = forwardRef(({ children, width, height, scrollX = false, scrollY = true, contentWidth, contentHeight, initialScrollX = 0, initialScrollY = 0, onScroll, ...boxProps }, ref) => {
|
|
@@ -23,7 +23,7 @@ const ScrollBox = forwardRef(({ children, width, height, scrollX = false, scroll
|
|
|
23
23
|
node: boxRef.current ?? undefined,
|
|
24
24
|
scroll,
|
|
25
25
|
}), [scroll]);
|
|
26
|
-
|
|
26
|
+
useEffect(() => {
|
|
27
27
|
if (boxRef.current) {
|
|
28
28
|
boxRef.current.internal_scrollOffset = {
|
|
29
29
|
x: scrollX ? scroll.scrollLeft : 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollBox.js","sourceRoot":"","sources":["../../src/components/ScrollBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,MAAM,EACN,SAAS,EACT,mBAAmB,
|
|
1
|
+
{"version":3,"file":"ScrollBox.js","sourceRoot":"","sources":["../../src/components/ScrollBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,MAAM,EACN,SAAS,EACT,mBAAmB,GAEnB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAC,SAAS,EAAmB,MAAM,wBAAwB,CAAC;AAEnE,OAAO,GAA6B,MAAM,UAAU,CAAC;AAoBrD,MAAM,SAAS,GAAG,UAAU,CAC3B,CACC,EACC,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,IAAI,EACd,YAAY,EACZ,aAAa,EACb,cAAc,GAAG,CAAC,EAClB,cAAc,GAAG,CAAC,EAClB,QAAQ,EACR,GAAG,QAAQ,EACX,EACD,GAAG,EACF,EAAE;IACH,MAAM,MAAM,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;IAExC,MAAM,cAAc,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhE,MAAM,MAAM,GAAG,SAAS,CACvB;QACC,OAAO;QACP,OAAO;QACP,YAAY,EAAE,YAAY,IAAI,cAAc;QAC5C,aAAa,EAAE,aAAa,IAAI,eAAe;QAC/C,cAAc;QACd,eAAe;KACf,EACD;QACC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;QACvC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;KACvC,CACD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5D,mBAAmB,CAClB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACN,IAAI,EAAE,MAAM,CAAC,OAAO,IAAI,SAAS;QACjC,MAAM;KACN,CAAC,EACF,CAAC,MAAM,CAAC,CACR,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,CAAC,OAAO,CAAC,qBAAqB,GAAG;gBACtC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;gBAClC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;aACjC,CAAC;QACH,CAAC;IACF,CAAC,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5D,OAAO,CACN,oBAAC,GAAG,IACH,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,KACrC,QAAQ,IAEX,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,eAAe,SAAS,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useState, useCallback } from
|
|
1
|
+
import { useState, useCallback } from 'react';
|
|
2
2
|
export const useScroll = (options = {}, initialValues) => {
|
|
3
3
|
const { scrollX = false, scrollY = false, contentWidth = 0, contentHeight = 0, containerWidth = 0, containerHeight = 0, } = options;
|
|
4
4
|
const [scrollLeft, setScrollLeft] = useState(initialValues?.x ?? 0);
|
|
@@ -11,17 +11,17 @@ export const useScroll = (options = {}, initialValues) => {
|
|
|
11
11
|
if (scrollX) {
|
|
12
12
|
setScrollLeft(Math.max(0, Math.min(maxScrollLeft, x)));
|
|
13
13
|
}
|
|
14
|
-
if (scrollY && typeof y ===
|
|
14
|
+
if (scrollY && typeof y === 'number') {
|
|
15
15
|
setScrollTop(Math.max(0, Math.min(maxScrollTop, y)));
|
|
16
16
|
}
|
|
17
17
|
}, [scrollX, scrollY, maxScrollLeft, maxScrollTop]);
|
|
18
18
|
const scrollBy = useCallback((deltaX, deltaY) => {
|
|
19
|
-
setScrollLeft(
|
|
19
|
+
setScrollLeft(prev => {
|
|
20
20
|
if (!scrollX)
|
|
21
21
|
return prev;
|
|
22
22
|
return Math.max(0, Math.min(maxScrollLeft, prev + deltaX));
|
|
23
23
|
});
|
|
24
|
-
setScrollTop(
|
|
24
|
+
setScrollTop(prev => {
|
|
25
25
|
if (!scrollY)
|
|
26
26
|
return prev;
|
|
27
27
|
return Math.max(0, Math.min(maxScrollTop, prev + deltaY));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-scroll.js","sourceRoot":"","sources":["../../src/hooks/use-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"use-scroll.js","sourceRoot":"","sources":["../../src/hooks/use-scroll.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nuvin/ink",
|
|
3
|
-
"version": "6.5.3
|
|
3
|
+
"version": "6.5.3",
|
|
4
4
|
"description": "React for CLI",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"repository":
|
|
7
|
-
"type": "git",
|
|
8
|
-
"url": "git+https://github.com/marschhuynh/ink.git"
|
|
9
|
-
},
|
|
6
|
+
"repository": "marschhuynh/ink",
|
|
10
7
|
"author": {
|
|
11
8
|
"name": "Vadim Demedes",
|
|
12
9
|
"email": "vadimdemedes@hey.com",
|
|
@@ -195,4 +192,4 @@
|
|
|
195
192
|
]
|
|
196
193
|
},
|
|
197
194
|
"prettier": "@vdemedes/prettier-config"
|
|
198
|
-
}
|
|
195
|
+
}
|