@tamagui/use-escape-keydown 1.142.0 → 2.0.0-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/cjs/index.cjs +6 -2
- package/dist/cjs/index.js +10 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +6 -2
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/index.js +10 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +6 -2
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +6 -2
- package/dist/esm/index.native.js.map +1 -1
- package/package.json +3 -3
- package/src/index.ts +12 -4
- package/types/index.d.ts +2 -1
- package/types/index.d.ts.map +2 -2
package/dist/cjs/index.cjs
CHANGED
|
@@ -42,8 +42,12 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
|
|
|
42
42
|
const handleKeyDown = event => {
|
|
43
43
|
event.key === "Escape" && onEscapeKeyDown(event);
|
|
44
44
|
};
|
|
45
|
-
return ownerDocument.addEventListener("keydown",
|
|
46
|
-
|
|
45
|
+
return ownerDocument.addEventListener("keydown",
|
|
46
|
+
// @ts-expect-error
|
|
47
|
+
handleKeyDown), () => {
|
|
48
|
+
ownerDocument.removeEventListener("keydown",
|
|
49
|
+
// @ts-expect-error
|
|
50
|
+
handleKeyDown);
|
|
47
51
|
};
|
|
48
52
|
}, [onEscapeKeyDown, ownerDocument]);
|
|
49
53
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -32,8 +32,16 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
|
|
|
32
32
|
const handleKeyDown = (event) => {
|
|
33
33
|
event.key === "Escape" && onEscapeKeyDown(event);
|
|
34
34
|
};
|
|
35
|
-
return ownerDocument.addEventListener(
|
|
36
|
-
|
|
35
|
+
return ownerDocument.addEventListener(
|
|
36
|
+
"keydown",
|
|
37
|
+
// @ts-expect-error
|
|
38
|
+
handleKeyDown
|
|
39
|
+
), () => {
|
|
40
|
+
ownerDocument.removeEventListener(
|
|
41
|
+
"keydown",
|
|
42
|
+
// @ts-expect-error
|
|
43
|
+
handleKeyDown
|
|
44
|
+
);
|
|
37
45
|
};
|
|
38
46
|
}, [onEscapeKeyDown, ownerDocument]);
|
|
39
47
|
}
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BAA+B,sCAC/B,eAAkB;AAKX,SAAS,iBACd,qBACA,gBAA0B,YAAY,UAChC;AACN,QAAM,sBAAkB,wCAAe,mBAAmB;AAE1D,eAAAA,QAAM,UAAU,MAAM;AACpB,UAAM,gBAAgB,CAAC,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BAA+B,sCAC/B,eAAkB;AAKX,SAAS,iBACd,qBACA,gBAA0B,YAAY,UAChC;AACN,QAAM,sBAAkB,wCAAe,mBAAmB;AAE1D,eAAAA,QAAM,UAAU,MAAM;AACpB,UAAM,gBAAgB,CAAC,UAA+B;AACpD,MAAI,MAAM,QAAQ,YAChB,gBAAgB,KAAK;AAAA,IAEzB;AAEA,yBAAc;AAAA,MACZ;AAAA;AAAA,MAEA;AAAA,IACF,GAEO,MAAM;AACX,oBAAc;AAAA,QACZ;AAAA;AAAA,QAEA;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,iBAAiB,aAAa,CAAC;AACrC;",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -48,8 +48,12 @@ function useEscapeKeydown(onEscapeKeyDownProp) {
|
|
|
48
48
|
var handleKeyDown = function (event) {
|
|
49
49
|
event.key === "Escape" && onEscapeKeyDown(event);
|
|
50
50
|
};
|
|
51
|
-
return ownerDocument.addEventListener("keydown",
|
|
52
|
-
|
|
51
|
+
return ownerDocument.addEventListener("keydown",
|
|
52
|
+
// @ts-expect-error
|
|
53
|
+
handleKeyDown), function () {
|
|
54
|
+
ownerDocument.removeEventListener("keydown",
|
|
55
|
+
// @ts-expect-error
|
|
56
|
+
handleKeyDown);
|
|
53
57
|
};
|
|
54
58
|
}, [onEscapeKeyDown, ownerDocument]);
|
|
55
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","useEscapeKeydown","module","exports","import_use_callback_ref","require","import_react","__toESM","onEscapeKeyDownProp","ownerDocument","arguments","length","_globalThis","globalThis","document","onEscapeKeyDown","useCallbackRef","default","useEffect","handleKeyDown","event","key","addEventListener"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAA,CAA+BK,aAAA;AAMxB,IAAAK,uBACL,GAAAC,OAAA,4BAC0B;EAAAC,YAAY,GAAAC,OAChC,CAAAF,OAAA;AACN,SAAMJ,iBAAAO,mBAAkB;EAExB,IAAAC,aAAA,GAAAC,SAAM,CAAAC,MAAU,GAAM,KAAAD,SAAA,iBAAAA,SAAA;MACpB,IAAAE,WAAM;MACJ,OAAI,CAAMA,WAAQ,GAAAC,UAChB,cAAgBD,WAAK,uBAAAA,WAAA,CAAAE,QAAA;IAAA,EAEzB;IAAAC,eAAA,OAAAX,uBAAA,CAAAY,cAAA,EAAAR,mBAAA;EAEAF,YAAA,CAAAW,OAAA,CAAAC,SAAc
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","useEscapeKeydown","module","exports","import_use_callback_ref","require","import_react","__toESM","onEscapeKeyDownProp","ownerDocument","arguments","length","_globalThis","globalThis","document","onEscapeKeyDown","useCallbackRef","default","useEffect","handleKeyDown","event","key","addEventListener","removeEventListener"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAA,CAA+BK,aAAA;AAMxB,IAAAK,uBACL,GAAAC,OAAA,4BAC0B;EAAAC,YAAY,GAAAC,OAChC,CAAAF,OAAA;AACN,SAAMJ,iBAAAO,mBAAkB;EAExB,IAAAC,aAAA,GAAAC,SAAM,CAAAC,MAAU,GAAM,KAAAD,SAAA,iBAAAA,SAAA;MACpB,IAAAE,WAAM;MACJ,OAAI,CAAMA,WAAQ,GAAAC,UAChB,cAAgBD,WAAK,uBAAAA,WAAA,CAAAE,QAAA;IAAA,EAEzB;IAAAC,eAAA,OAAAX,uBAAA,CAAAY,cAAA,EAAAR,mBAAA;EAEAF,YAAA,CAAAW,OAAA,CAAAC,SAAc;IAAA,IACZC,aAAA,YAAAA,CAAAC,KAAA;MAAAA,KAAA,CAAAC,GAAA,iBAAAN,eAAA,CAAAK,KAAA;IAAA;IAGF,OAEOX,aAAM,CAAAa,gBAAA,CACX;IAAc;IACZH,aAAA,eAEA;MACFV,aAAA,CAAAc,mBAAA,CACF;MACE;MACNJ,a","ignoreList":[]}
|
package/dist/esm/index.js
CHANGED
|
@@ -6,8 +6,16 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
|
|
|
6
6
|
const handleKeyDown = (event) => {
|
|
7
7
|
event.key === "Escape" && onEscapeKeyDown(event);
|
|
8
8
|
};
|
|
9
|
-
return ownerDocument.addEventListener(
|
|
10
|
-
|
|
9
|
+
return ownerDocument.addEventListener(
|
|
10
|
+
"keydown",
|
|
11
|
+
// @ts-expect-error
|
|
12
|
+
handleKeyDown
|
|
13
|
+
), () => {
|
|
14
|
+
ownerDocument.removeEventListener(
|
|
15
|
+
"keydown",
|
|
16
|
+
// @ts-expect-error
|
|
17
|
+
handleKeyDown
|
|
18
|
+
);
|
|
11
19
|
};
|
|
12
20
|
}, [onEscapeKeyDown, ownerDocument]);
|
|
13
21
|
}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": "AACA,SAAS,sBAAsB;AAC/B,OAAO,WAAW;AAKX,SAAS,iBACd,qBACA,gBAA0B,YAAY,UAChC;AACN,QAAM,kBAAkB,eAAe,mBAAmB;AAE1D,QAAM,UAAU,MAAM;AACpB,UAAM,gBAAgB,CAAC,
|
|
4
|
+
"mappings": "AACA,SAAS,sBAAsB;AAC/B,OAAO,WAAW;AAKX,SAAS,iBACd,qBACA,gBAA0B,YAAY,UAChC;AACN,QAAM,kBAAkB,eAAe,mBAAmB;AAE1D,QAAM,UAAU,MAAM;AACpB,UAAM,gBAAgB,CAAC,UAA+B;AACpD,MAAI,MAAM,QAAQ,YAChB,gBAAgB,KAAK;AAAA,IAEzB;AAEA,yBAAc;AAAA,MACZ;AAAA;AAAA,MAEA;AAAA,IACF,GAEO,MAAM;AACX,oBAAc;AAAA,QACZ;AAAA;AAAA,QAEA;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,iBAAiB,aAAa,CAAC;AACrC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -6,8 +6,12 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
|
|
|
6
6
|
const handleKeyDown = event => {
|
|
7
7
|
event.key === "Escape" && onEscapeKeyDown(event);
|
|
8
8
|
};
|
|
9
|
-
return ownerDocument.addEventListener("keydown",
|
|
10
|
-
|
|
9
|
+
return ownerDocument.addEventListener("keydown",
|
|
10
|
+
// @ts-expect-error
|
|
11
|
+
handleKeyDown), () => {
|
|
12
|
+
ownerDocument.removeEventListener("keydown",
|
|
13
|
+
// @ts-expect-error
|
|
14
|
+
handleKeyDown);
|
|
11
15
|
};
|
|
12
16
|
}, [onEscapeKeyDown, ownerDocument]);
|
|
13
17
|
}
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallbackRef","React","useEscapeKeydown","onEscapeKeyDownProp","ownerDocument","globalThis","document","onEscapeKeyDown","useEffect","handleKeyDown","event","key","addEventListener","removeEventListener"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,QAAsB;AAC/B,OAAOC,KAAA,MAAW;AAKX,SAASC,iBACdC,mBAAA,EACAC,aAAA,GAA0BC,UAAA,EAAYC,QAAA,EAChC;EACN,MAAMC,eAAA,GAAkBP,cAAA,CAAeG,mBAAmB;EAE1DF,KAAA,CAAMO,SAAA,CAAU,MAAM;IACpB,MAAMC,aAAA,GAAiBC,KAAA,
|
|
1
|
+
{"version":3,"names":["useCallbackRef","React","useEscapeKeydown","onEscapeKeyDownProp","ownerDocument","globalThis","document","onEscapeKeyDown","useEffect","handleKeyDown","event","key","addEventListener","removeEventListener"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,QAAsB;AAC/B,OAAOC,KAAA,MAAW;AAKX,SAASC,iBACdC,mBAAA,EACAC,aAAA,GAA0BC,UAAA,EAAYC,QAAA,EAChC;EACN,MAAMC,eAAA,GAAkBP,cAAA,CAAeG,mBAAmB;EAE1DF,KAAA,CAAMO,SAAA,CAAU,MAAM;IACpB,MAAMC,aAAA,GAAiBC,KAAA,IAA+B;MAChDA,KAAA,CAAMC,GAAA,KAAQ,YAChBJ,eAAA,CAAgBG,KAAK;IAEzB;IAEA,OAAAN,aAAA,CAAcQ,gBAAA,CACZ;IAAA;IAEAH,aACF,GAEO,MAAM;MACXL,aAAA,CAAcS,mBAAA,CACZ;MAAA;MAEAJ,aACF;IACF;EACF,GAAG,CAACF,eAAA,EAAiBH,aAAa,CAAC;AACrC","ignoreList":[]}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -10,8 +10,12 @@ function useEscapeKeydown(onEscapeKeyDownProp) {
|
|
|
10
10
|
var handleKeyDown = function (event) {
|
|
11
11
|
event.key === "Escape" && onEscapeKeyDown(event);
|
|
12
12
|
};
|
|
13
|
-
return ownerDocument.addEventListener("keydown",
|
|
14
|
-
|
|
13
|
+
return ownerDocument.addEventListener("keydown",
|
|
14
|
+
// @ts-expect-error
|
|
15
|
+
handleKeyDown), function () {
|
|
16
|
+
ownerDocument.removeEventListener("keydown",
|
|
17
|
+
// @ts-expect-error
|
|
18
|
+
handleKeyDown);
|
|
15
19
|
};
|
|
16
20
|
}, [onEscapeKeyDown, ownerDocument]);
|
|
17
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallbackRef","React","useEscapeKeydown","onEscapeKeyDownProp","ownerDocument","arguments","length","_globalThis","globalThis","document","onEscapeKeyDown","useEffect","handleKeyDown","event","key","addEventListener","removeEventListener"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,QAAsB;AAC/B,OAAOC,KAAA,MAAW;AAKX,SAASC,iBACdC,mBAAA,EACA;EAEA,IAAAC,aAAM,GAAAC,SAAkB,CAAAC,MAAA,GAAe,KAAAD,SAAA,QAAmB,SAAAA,SAAA;MAE1D,IAAME,WAAU;MACd,OAAM,CAAAA,WAAA,GAAgBC,UAAC,
|
|
1
|
+
{"version":3,"names":["useCallbackRef","React","useEscapeKeydown","onEscapeKeyDownProp","ownerDocument","arguments","length","_globalThis","globalThis","document","onEscapeKeyDown","useEffect","handleKeyDown","event","key","addEventListener","removeEventListener"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,cAAA,QAAsB;AAC/B,OAAOC,KAAA,MAAW;AAKX,SAASC,iBACdC,mBAAA,EACA;EAEA,IAAAC,aAAM,GAAAC,SAAkB,CAAAC,MAAA,GAAe,KAAAD,SAAA,QAAmB,SAAAA,SAAA;MAE1D,IAAME,WAAU;MACd,OAAM,CAAAA,WAAA,GAAgBC,UAAC,MAA+B,QAAAD,WAAA,uBAAAA,WAAA,CAAAE,QAAA;IACpD,GAAI;IAAAC,eAAc,GAAAV,cAChB,CAAAG,mBAAqB;EAAAF,KAEzB,CAAAU,SAAA;IAEA,IAAAC,aAAA,YAAAA,CAAcC,KAAA;MACZA,KAAA,CAAAC,GAAA,iBAAAJ,eAAA,CAAAG,KAAA;IAAA;IAAA,OAEAT,aAAA,CAAAW,gBAAA,CACF,SAEa;IACX;IAAcH,aACZ;MAAAR,aAEA,CAAAY,mBAAA,CACF;MACF;MACEJ,aACN","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/use-escape-keydown",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-001",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
"clean:build": "tamagui-build clean:build"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@tamagui/use-callback-ref": "
|
|
23
|
+
"@tamagui/use-callback-ref": "2.0.0-001"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@tamagui/build": "
|
|
26
|
+
"@tamagui/build": "2.0.0-001",
|
|
27
27
|
"react": "*"
|
|
28
28
|
},
|
|
29
29
|
"exports": {
|
package/src/index.ts
CHANGED
|
@@ -6,22 +6,30 @@ import React from 'react'
|
|
|
6
6
|
* Listens for when the escape key is down
|
|
7
7
|
*/
|
|
8
8
|
export function useEscapeKeydown(
|
|
9
|
-
onEscapeKeyDownProp?:
|
|
9
|
+
onEscapeKeyDownProp?: React.KeyboardEventHandler,
|
|
10
10
|
ownerDocument: Document = globalThis?.document
|
|
11
11
|
): void {
|
|
12
12
|
const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp)
|
|
13
13
|
|
|
14
14
|
React.useEffect(() => {
|
|
15
|
-
const handleKeyDown = (event: KeyboardEvent) => {
|
|
15
|
+
const handleKeyDown = (event: React.KeyboardEvent) => {
|
|
16
16
|
if (event.key === 'Escape') {
|
|
17
17
|
onEscapeKeyDown(event)
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
ownerDocument.addEventListener(
|
|
21
|
+
ownerDocument.addEventListener(
|
|
22
|
+
'keydown',
|
|
23
|
+
// @ts-expect-error
|
|
24
|
+
handleKeyDown
|
|
25
|
+
)
|
|
22
26
|
|
|
23
27
|
return () => {
|
|
24
|
-
ownerDocument.removeEventListener(
|
|
28
|
+
ownerDocument.removeEventListener(
|
|
29
|
+
'keydown',
|
|
30
|
+
// @ts-expect-error
|
|
31
|
+
handleKeyDown
|
|
32
|
+
)
|
|
25
33
|
}
|
|
26
34
|
}, [onEscapeKeyDown, ownerDocument])
|
|
27
35
|
}
|
package/types/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
/**
|
|
2
3
|
* Listens for when the escape key is down
|
|
3
4
|
*/
|
|
4
|
-
export declare function useEscapeKeydown(onEscapeKeyDownProp?:
|
|
5
|
+
export declare function useEscapeKeydown(onEscapeKeyDownProp?: React.KeyboardEventHandler, ownerDocument?: Document): void;
|
|
5
6
|
|
|
6
7
|
//# sourceMappingURL=index.d.ts.map
|
package/types/index.d.ts.map
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "
|
|
2
|
+
"mappings": "AAEA,OAAO,WAAW;;;;AAKlB,OAAO,iBAAS,iBACd,sBAAsB,MAAM,sBAC5B,gBAAe",
|
|
3
3
|
"names": [],
|
|
4
4
|
"sources": [
|
|
5
5
|
"src/index.ts"
|
|
6
6
|
],
|
|
7
7
|
"sourcesContent": [
|
|
8
|
-
"// via radix-ui\nimport { useCallbackRef } from '@tamagui/use-callback-ref'\nimport React from 'react'\n\n/**\n * Listens for when the escape key is down\n */\nexport function useEscapeKeydown(\n onEscapeKeyDownProp?:
|
|
8
|
+
"// via radix-ui\nimport { useCallbackRef } from '@tamagui/use-callback-ref'\nimport React from 'react'\n\n/**\n * Listens for when the escape key is down\n */\nexport function useEscapeKeydown(\n onEscapeKeyDownProp?: React.KeyboardEventHandler,\n ownerDocument: Document = globalThis?.document\n): void {\n const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp)\n\n React.useEffect(() => {\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === 'Escape') {\n onEscapeKeyDown(event)\n }\n }\n\n ownerDocument.addEventListener(\n 'keydown',\n // @ts-expect-error\n handleKeyDown\n )\n\n return () => {\n ownerDocument.removeEventListener(\n 'keydown',\n // @ts-expect-error\n handleKeyDown\n )\n }\n }, [onEscapeKeyDown, ownerDocument])\n}\n"
|
|
9
9
|
],
|
|
10
10
|
"version": 3
|
|
11
11
|
}
|