@tamagui/core 1.0.1-beta.196 → 1.0.1-beta.198
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/createComponent.js +19 -16
- package/dist/cjs/createComponent.js.map +2 -2
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/{injectStyles.js → inject-styles.js} +4 -4
- package/dist/cjs/{injectStyles.js.map → inject-styles.js.map} +1 -1
- package/dist/cjs/{helpers/startTransition.js → react-native.js} +3 -17
- package/dist/cjs/react-native.js.map +7 -0
- package/dist/cjs/{hooks/useUnmountEffect.js → setupReactNative.js} +14 -9
- package/dist/cjs/setupReactNative.js.map +7 -0
- package/dist/cjs/styled.js +23 -5
- package/dist/cjs/styled.js.map +2 -2
- package/dist/cjs/types.js.map +1 -1
- package/dist/cjs/views/Text.js +1 -0
- package/dist/cjs/views/Text.js.map +2 -2
- package/dist/esm/createComponent.js +19 -16
- package/dist/esm/createComponent.js.map +2 -2
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/{injectStyles.js → inject-styles.js} +1 -1
- package/dist/esm/{injectStyles.js.map → inject-styles.js.map} +1 -1
- package/dist/esm/react-native.js +3 -0
- package/dist/esm/react-native.js.map +7 -0
- package/dist/esm/setupReactNative.js +12 -0
- package/dist/esm/setupReactNative.js.map +7 -0
- package/dist/esm/styled.js +23 -5
- package/dist/esm/styled.js.map +2 -2
- package/dist/esm/views/Text.js +1 -0
- package/dist/esm/views/Text.js.map +2 -2
- package/package.json +20 -16
- package/src/createComponent.tsx +20 -17
- package/src/index.ts +1 -0
- package/src/{injectStyles.ts → inject-styles.ts} +0 -0
- package/src/setupReactNative.ts +9 -0
- package/src/styled.tsx +28 -7
- package/src/types.tsx +0 -5
- package/src/views/Text.tsx +2 -0
- package/types/index.d.ts +1 -0
- package/types/inject-styles.d.ts +7 -0
- package/types/react-native.d.ts +8 -0
- package/types/setupReactNative.d.ts +3 -0
- package/types/types.d.ts +0 -4
- package/dist/cjs/helpers/assignNativePropsToWeb.js +0 -188
- package/dist/cjs/helpers/assignNativePropsToWeb.js.map +0 -7
- package/dist/cjs/helpers/calc.js +0 -71
- package/dist/cjs/helpers/calc.js.map +0 -7
- package/dist/cjs/helpers/getFont.js +0 -66
- package/dist/cjs/helpers/getFont.js.map +0 -7
- package/dist/cjs/helpers/getStackSize.js +0 -46
- package/dist/cjs/helpers/getStackSize.js.map +0 -7
- package/dist/cjs/helpers/startTransition.js.map +0 -7
- package/dist/cjs/hooks/useConstant.js +0 -39
- package/dist/cjs/hooks/useConstant.js.map +0 -7
- package/dist/cjs/hooks/useIsMounted.js +0 -40
- package/dist/cjs/hooks/useIsMounted.js.map +0 -7
- package/dist/cjs/hooks/useMedia.test.js +0 -2
- package/dist/cjs/hooks/useMedia.test.js.map +0 -7
- package/dist/cjs/hooks/usePressable.js +0 -36
- package/dist/cjs/hooks/usePressable.js.map +0 -7
- package/dist/cjs/hooks/usePressablePressResponder.js +0 -370
- package/dist/cjs/hooks/usePressablePressResponder.js.map +0 -7
- package/dist/cjs/hooks/useUnmountEffect.js.map +0 -7
- package/dist/cjs/views/AbsoluteFill.js +0 -41
- package/dist/cjs/views/AbsoluteFill.js.map +0 -7
- package/dist/cjs/views/AbsoluteFill.native.js +0 -45
- package/dist/cjs/views/AbsoluteFill.native.js.map +0 -7
- package/dist/esm/helpers/assignNativePropsToWeb.js +0 -164
- package/dist/esm/helpers/assignNativePropsToWeb.js.map +0 -7
- package/dist/esm/helpers/calc.js +0 -47
- package/dist/esm/helpers/calc.js.map +0 -7
- package/dist/esm/helpers/getFont.js +0 -42
- package/dist/esm/helpers/getFont.js.map +0 -7
- package/dist/esm/helpers/getStackSize.js +0 -22
- package/dist/esm/helpers/getStackSize.js.map +0 -7
- package/dist/esm/helpers/startTransition.js +0 -6
- package/dist/esm/helpers/startTransition.js.map +0 -7
- package/dist/esm/hooks/useConstant.js +0 -15
- package/dist/esm/hooks/useConstant.js.map +0 -7
- package/dist/esm/hooks/useIsMounted.js +0 -16
- package/dist/esm/hooks/useIsMounted.js.map +0 -7
- package/dist/esm/hooks/useMedia.test.js +0 -1
- package/dist/esm/hooks/useMedia.test.js.map +0 -7
- package/dist/esm/hooks/usePressable.js +0 -12
- package/dist/esm/hooks/usePressable.js.map +0 -7
- package/dist/esm/hooks/usePressablePressResponder.js +0 -346
- package/dist/esm/hooks/usePressablePressResponder.js.map +0 -7
- package/dist/esm/hooks/useUnmountEffect.js +0 -8
- package/dist/esm/hooks/useUnmountEffect.js.map +0 -7
- package/dist/esm/views/AbsoluteFill.js +0 -17
- package/dist/esm/views/AbsoluteFill.js.map +0 -7
- package/dist/esm/views/AbsoluteFill.native.js +0 -21
- package/dist/esm/views/AbsoluteFill.native.js.map +0 -7
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var getFont_exports = {};
|
|
20
|
-
__export(getFont_exports, {
|
|
21
|
-
getFont: () => getFont
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(getFont_exports);
|
|
24
|
-
var import_createVariable = require("../createVariable");
|
|
25
|
-
const getFont = (val = "$4", { fonts, theme, props }) => {
|
|
26
|
-
var _a, _b, _c;
|
|
27
|
-
const family = (0, import_createVariable.getVariableValue)(props.fontFamily) || "$body";
|
|
28
|
-
const font = fonts[family] || fonts["$body"];
|
|
29
|
-
if (!font) {
|
|
30
|
-
if (process.env.NODE_ENV === "development") {
|
|
31
|
-
console.warn("\u26A0\uFE0F no font found", { family, fontTokens: Object.keys(fonts), val });
|
|
32
|
-
}
|
|
33
|
-
return {};
|
|
34
|
-
}
|
|
35
|
-
const fontFamily = font.family;
|
|
36
|
-
const fontSize = props.fontSize || font.size[val];
|
|
37
|
-
const lineHeight = props.lineHeight || font.lineHeight[val];
|
|
38
|
-
const fontWeight = props.fontWeight || font.weight[val];
|
|
39
|
-
const letterSpacing = props.letterSpacing || font.letterSpacing[val];
|
|
40
|
-
const fontStyle = props.fontStyle || ((_a = font.style) == null ? void 0 : _a[val]);
|
|
41
|
-
const textTransform = props.textTransform || ((_b = font.transform) == null ? void 0 : _b[val]);
|
|
42
|
-
const color = props.color || ((_c = font.color) == null ? void 0 : _c[val]) || theme.color;
|
|
43
|
-
const style = {
|
|
44
|
-
color,
|
|
45
|
-
fontStyle,
|
|
46
|
-
textTransform,
|
|
47
|
-
fontFamily,
|
|
48
|
-
fontWeight,
|
|
49
|
-
letterSpacing,
|
|
50
|
-
fontSize,
|
|
51
|
-
lineHeight
|
|
52
|
-
};
|
|
53
|
-
if (process.env.NODE_ENV === "development") {
|
|
54
|
-
if (props["debug"]) {
|
|
55
|
-
console.groupCollapsed(" \u{1F539} getFont", val, props["fontWeight"], props["fow"]);
|
|
56
|
-
console.log({ style, props, font });
|
|
57
|
-
console.groupEnd();
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
return style;
|
|
61
|
-
};
|
|
62
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
63
|
-
0 && (module.exports = {
|
|
64
|
-
getFont
|
|
65
|
-
});
|
|
66
|
-
//# sourceMappingURL=getFont.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/helpers/getFont.tsx"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable no-console */\nimport { getVariableValue } from '../createVariable'\nimport { FontSizeTokens, TextProps, VariantSpreadFunction } from '../types'\n\nexport const getFont: VariantSpreadFunction<TextProps, FontSizeTokens> = (\n val = '$4',\n { fonts, theme, props }\n) => {\n const family = getVariableValue(props.fontFamily) || '$body'\n const font = fonts[family] || fonts['$body']\n if (!font) {\n if (process.env.NODE_ENV === 'development') {\n console.warn('\u26A0\uFE0F no font found', { family, fontTokens: Object.keys(fonts), val })\n }\n return {} as any\n }\n const fontFamily = font.family\n const fontSize = props.fontSize || font.size[val]\n const lineHeight = props.lineHeight || font.lineHeight[val]\n const fontWeight = props.fontWeight || font.weight[val]\n const letterSpacing = props.letterSpacing || font.letterSpacing[val]\n const fontStyle = props.fontStyle || font.style?.[val]\n const textTransform = props.textTransform || font.transform?.[val]\n const color = props.color || font.color?.[val] || theme.color\n const style = {\n color,\n fontStyle,\n textTransform,\n fontFamily,\n fontWeight,\n letterSpacing,\n fontSize,\n lineHeight,\n }\n if (process.env.NODE_ENV === 'development') {\n if (props['debug']) {\n console.groupCollapsed(' \uD83D\uDD39 getFont', val, props['fontWeight'], props['fow'])\n console.log({ style, props, font })\n console.groupEnd()\n }\n }\n return style\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,4BAAiC;AAG1B,MAAM,UAA4D,CACvE,MAAM,MACN,EAAE,OAAO,OAAO,MAAM,MACnB;AAPL;AAQE,QAAM,aAAS,wCAAiB,MAAM,UAAU,KAAK;AACrD,QAAM,OAAO,MAAM,WAAW,MAAM;AACpC,MAAI,CAAC,MAAM;AACT,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAQ,KAAK,8BAAoB,EAAE,QAAQ,YAAY,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC;AAAA,IAClF;AACA,WAAO,CAAC;AAAA,EACV;AACA,QAAM,aAAa,KAAK;AACxB,QAAM,WAAW,MAAM,YAAY,KAAK,KAAK;AAC7C,QAAM,aAAa,MAAM,cAAc,KAAK,WAAW;AACvD,QAAM,aAAa,MAAM,cAAc,KAAK,OAAO;AACnD,QAAM,gBAAgB,MAAM,iBAAiB,KAAK,cAAc;AAChE,QAAM,YAAY,MAAM,eAAa,UAAK,UAAL,mBAAa;AAClD,QAAM,gBAAgB,MAAM,mBAAiB,UAAK,cAAL,mBAAiB;AAC9D,QAAM,QAAQ,MAAM,WAAS,UAAK,UAAL,mBAAa,SAAQ,MAAM;AACxD,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,MAAM,UAAU;AAClB,cAAQ,eAAe,uBAAgB,KAAK,MAAM,eAAe,MAAM,MAAM;AAC7E,cAAQ,IAAI,EAAE,OAAO,OAAO,KAAK,CAAC;AAClC,cAAQ,SAAS;AAAA,IACnB;AAAA,EACF;AACA,SAAO;AACT;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var getStackSize_exports = {};
|
|
20
|
-
__export(getStackSize_exports, {
|
|
21
|
-
getButtonSize: () => getButtonSize
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(getStackSize_exports);
|
|
24
|
-
var import_getSize = require("./getSize");
|
|
25
|
-
const getButtonSize = (val, { tokens }) => {
|
|
26
|
-
if (typeof val === "number") {
|
|
27
|
-
return {
|
|
28
|
-
paddingHorizontal: val * 0.25,
|
|
29
|
-
height: val,
|
|
30
|
-
borderRadius: val * 0.2
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
const ySize = (0, import_getSize.getSize)(val, 0);
|
|
34
|
-
const xSize = (0, import_getSize.stepTokenUpOrDown)(tokens.space, val);
|
|
35
|
-
const radiusToken = tokens.radius[val] ?? tokens.radius["$4"];
|
|
36
|
-
return {
|
|
37
|
-
paddingHorizontal: xSize,
|
|
38
|
-
height: ySize,
|
|
39
|
-
borderRadius: radiusToken
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
43
|
-
0 && (module.exports = {
|
|
44
|
-
getButtonSize
|
|
45
|
-
});
|
|
46
|
-
//# sourceMappingURL=getStackSize.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/helpers/getStackSize.ts"],
|
|
4
|
-
"sourcesContent": ["import { SizeTokens, VariantSpreadExtras } from '../types'\nimport { getSize, stepTokenUpOrDown } from './getSize'\n\nexport type ScaleVariantExtras = Pick<VariantSpreadExtras<any>, 'tokens' | 'props' | 'fonts'>\n\nexport const getButtonSize = (val: SizeTokens | number, { tokens }: VariantSpreadExtras<any>) => {\n if (typeof val === 'number') {\n return {\n paddingHorizontal: val * 0.25,\n height: val,\n borderRadius: val * 0.2,\n }\n }\n const ySize = getSize(val, 0)\n const xSize = stepTokenUpOrDown(tokens.space, val)\n const radiusToken = tokens.radius[val] ?? tokens.radius['$4']\n return {\n paddingHorizontal: xSize,\n height: ySize,\n borderRadius: radiusToken,\n }\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2C;AAIpC,MAAM,gBAAgB,CAAC,KAA0B,EAAE,OAAO,MAAgC;AAC/F,MAAI,OAAO,QAAQ,UAAU;AAC3B,WAAO;AAAA,MACL,mBAAmB,MAAM;AAAA,MACzB,QAAQ;AAAA,MACR,cAAc,MAAM;AAAA,IACtB;AAAA,EACF;AACA,QAAM,YAAQ,wBAAQ,KAAK,CAAC;AAC5B,QAAM,YAAQ,kCAAkB,OAAO,OAAO,GAAG;AACjD,QAAM,cAAc,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxD,SAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,QAAQ;AAAA,IACR,cAAc;AAAA,EAChB;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/helpers/startTransition.ts"],
|
|
4
|
-
"sourcesContent": ["import React from 'react'\n\n// backwards compat\nexport const startTransition = React.startTransition || ((cb) => cb())\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGX,MAAM,kBAAkB,aAAAA,QAAM,oBAAoB,CAAC,OAAO,GAAG;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var useConstant_exports = {};
|
|
20
|
-
__export(useConstant_exports, {
|
|
21
|
-
useConstant: () => useConstant
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(useConstant_exports);
|
|
24
|
-
var import_react = require("react");
|
|
25
|
-
function useConstant(fn) {
|
|
26
|
-
if (typeof document === "undefined") {
|
|
27
|
-
return (0, import_react.useMemo)(() => fn(), []);
|
|
28
|
-
}
|
|
29
|
-
const ref = (0, import_react.useRef)();
|
|
30
|
-
if (!ref.current) {
|
|
31
|
-
ref.current = { v: fn() };
|
|
32
|
-
}
|
|
33
|
-
return ref.current.v;
|
|
34
|
-
}
|
|
35
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
36
|
-
0 && (module.exports = {
|
|
37
|
-
useConstant
|
|
38
|
-
});
|
|
39
|
-
//# sourceMappingURL=useConstant.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/hooks/useConstant.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useMemo, useRef } from 'react'\n\ntype ResultBox<T> = { v: T }\n\nexport function useConstant<T>(fn: () => T): T {\n // RSC compat\n if (typeof document === 'undefined') {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n return useMemo(() => fn(), [])\n }\n\n const ref = useRef<ResultBox<T>>()\n\n if (!ref.current) {\n ref.current = { v: fn() }\n }\n\n return ref.current.v\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAIzB,SAAS,YAAe,IAAgB;AAE7C,MAAI,OAAO,aAAa,aAAa;AAEnC,eAAO,sBAAQ,MAAM,GAAG,GAAG,CAAC,CAAC;AAAA,EAC/B;AAEA,QAAM,UAAM,qBAAqB;AAEjC,MAAI,CAAC,IAAI,SAAS;AAChB,QAAI,UAAU,EAAE,GAAG,GAAG,EAAE;AAAA,EAC1B;AAEA,SAAO,IAAI,QAAQ;AACrB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var useIsMounted_exports = {};
|
|
20
|
-
__export(useIsMounted_exports, {
|
|
21
|
-
useIsMounted: () => useIsMounted
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(useIsMounted_exports);
|
|
24
|
-
var import_constants = require("@tamagui/constants");
|
|
25
|
-
var import_react = require("react");
|
|
26
|
-
function useIsMounted() {
|
|
27
|
-
const isMounted = (0, import_react.useRef)(false);
|
|
28
|
-
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
29
|
-
isMounted.current = true;
|
|
30
|
-
return () => {
|
|
31
|
-
isMounted.current = false;
|
|
32
|
-
};
|
|
33
|
-
}, []);
|
|
34
|
-
return isMounted;
|
|
35
|
-
}
|
|
36
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
37
|
-
0 && (module.exports = {
|
|
38
|
-
useIsMounted
|
|
39
|
-
});
|
|
40
|
-
//# sourceMappingURL=useIsMounted.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/hooks/useIsMounted.ts"],
|
|
4
|
-
"sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useRef } from 'react'\n\nexport function useIsMounted() {\n const isMounted = useRef(false)\n\n useIsomorphicLayoutEffect(() => {\n isMounted.current = true\n\n return () => {\n isMounted.current = false\n }\n }, [])\n\n return isMounted\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C;AAC1C,mBAAuB;AAEhB,SAAS,eAAe;AAC7B,QAAM,gBAAY,qBAAO,KAAK;AAE9B,kDAA0B,MAAM;AAC9B,cAAU,UAAU;AAEpB,WAAO,MAAM;AACX,gBAAU,UAAU;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var usePressable_exports = {};
|
|
20
|
-
__export(usePressable_exports, {
|
|
21
|
-
usePressable: () => usePressable
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(usePressable_exports);
|
|
24
|
-
var import_react_native = require("react-native");
|
|
25
|
-
var _a, _b;
|
|
26
|
-
const getPressable = (_b = (_a = import_react_native.Pressable) == null ? void 0 : _a["type"]) == null ? void 0 : _b["render"];
|
|
27
|
-
const usePressable = (props) => {
|
|
28
|
-
const out = getPressable(props);
|
|
29
|
-
const { children, style, ...pressableProps } = out.props;
|
|
30
|
-
return [pressableProps, style];
|
|
31
|
-
};
|
|
32
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
33
|
-
0 && (module.exports = {
|
|
34
|
-
usePressable
|
|
35
|
-
});
|
|
36
|
-
//# sourceMappingURL=usePressable.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/hooks/usePressable.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Pressable, PressableProps } from 'react-native'\n\nconst getPressable = Pressable?.['type']?.['render']\n\nexport const usePressable = (props: PressableProps) => {\n const out = getPressable(props)\n const { children, style, ...pressableProps } = out.props\n return [pressableProps, style] as const\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA0C;AAA1C;AAEA,MAAM,gBAAe,gEAAY,YAAZ,mBAAsB;AAEpC,MAAM,eAAe,CAAC,UAA0B;AACrD,QAAM,MAAM,aAAa,KAAK;AAC9B,QAAM,EAAE,UAAU,UAAU,eAAe,IAAI,IAAI;AACnD,SAAO,CAAC,gBAAgB,KAAK;AAC/B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,370 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var usePressablePressResponder_exports = {};
|
|
20
|
-
__export(usePressablePressResponder_exports, {
|
|
21
|
-
PressResponder: () => PressResponder
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(usePressablePressResponder_exports);
|
|
24
|
-
const DELAY = "DELAY";
|
|
25
|
-
const ERROR = "ERROR";
|
|
26
|
-
const LONG_PRESS_DETECTED = "LONG_PRESS_DETECTED";
|
|
27
|
-
const NOT_RESPONDER = "NOT_RESPONDER";
|
|
28
|
-
const RESPONDER_ACTIVE_LONG_PRESS_START = "RESPONDER_ACTIVE_LONG_PRESS_START";
|
|
29
|
-
const RESPONDER_ACTIVE_PRESS_START = "RESPONDER_ACTIVE_PRESS_START";
|
|
30
|
-
const RESPONDER_INACTIVE_PRESS_START = "RESPONDER_INACTIVE_PRESS_START";
|
|
31
|
-
const RESPONDER_GRANT = "RESPONDER_GRANT";
|
|
32
|
-
const RESPONDER_RELEASE = "RESPONDER_RELEASE";
|
|
33
|
-
const RESPONDER_TERMINATED = "RESPONDER_TERMINATED";
|
|
34
|
-
const Transitions = Object.freeze({
|
|
35
|
-
NOT_RESPONDER: {
|
|
36
|
-
DELAY: ERROR,
|
|
37
|
-
RESPONDER_GRANT: RESPONDER_INACTIVE_PRESS_START,
|
|
38
|
-
RESPONDER_RELEASE: ERROR,
|
|
39
|
-
RESPONDER_TERMINATED: ERROR,
|
|
40
|
-
LONG_PRESS_DETECTED: ERROR
|
|
41
|
-
},
|
|
42
|
-
RESPONDER_INACTIVE_PRESS_START: {
|
|
43
|
-
DELAY: RESPONDER_ACTIVE_PRESS_START,
|
|
44
|
-
RESPONDER_GRANT: ERROR,
|
|
45
|
-
RESPONDER_RELEASE: NOT_RESPONDER,
|
|
46
|
-
RESPONDER_TERMINATED: NOT_RESPONDER,
|
|
47
|
-
LONG_PRESS_DETECTED: ERROR
|
|
48
|
-
},
|
|
49
|
-
RESPONDER_ACTIVE_PRESS_START: {
|
|
50
|
-
DELAY: ERROR,
|
|
51
|
-
RESPONDER_GRANT: ERROR,
|
|
52
|
-
RESPONDER_RELEASE: NOT_RESPONDER,
|
|
53
|
-
RESPONDER_TERMINATED: NOT_RESPONDER,
|
|
54
|
-
LONG_PRESS_DETECTED: RESPONDER_ACTIVE_LONG_PRESS_START
|
|
55
|
-
},
|
|
56
|
-
RESPONDER_ACTIVE_LONG_PRESS_START: {
|
|
57
|
-
DELAY: ERROR,
|
|
58
|
-
RESPONDER_GRANT: ERROR,
|
|
59
|
-
RESPONDER_RELEASE: NOT_RESPONDER,
|
|
60
|
-
RESPONDER_TERMINATED: NOT_RESPONDER,
|
|
61
|
-
LONG_PRESS_DETECTED: RESPONDER_ACTIVE_LONG_PRESS_START
|
|
62
|
-
},
|
|
63
|
-
ERROR: {
|
|
64
|
-
DELAY: NOT_RESPONDER,
|
|
65
|
-
RESPONDER_GRANT: RESPONDER_INACTIVE_PRESS_START,
|
|
66
|
-
RESPONDER_RELEASE: NOT_RESPONDER,
|
|
67
|
-
RESPONDER_TERMINATED: NOT_RESPONDER,
|
|
68
|
-
LONG_PRESS_DETECTED: NOT_RESPONDER
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
const isActiveSignal = (signal) => signal === RESPONDER_ACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_LONG_PRESS_START;
|
|
72
|
-
const isButtonRole = (element) => element.getAttribute("role") === "button";
|
|
73
|
-
const isPressStartSignal = (signal) => signal === RESPONDER_INACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_LONG_PRESS_START;
|
|
74
|
-
const isTerminalSignal = (signal) => signal === RESPONDER_TERMINATED || signal === RESPONDER_RELEASE;
|
|
75
|
-
const isValidKeyPress = (event) => {
|
|
76
|
-
const { key, target } = event;
|
|
77
|
-
const role = target.getAttribute("role");
|
|
78
|
-
const isSpacebar = key === " " || key === "Spacebar";
|
|
79
|
-
return key === "Enter" || isSpacebar && role === "button";
|
|
80
|
-
};
|
|
81
|
-
const DEFAULT_LONG_PRESS_DELAY_MS = 450;
|
|
82
|
-
const DEFAULT_PRESS_DELAY_MS = 50;
|
|
83
|
-
class PressResponder {
|
|
84
|
-
constructor(config) {
|
|
85
|
-
this._eventHandlers = null;
|
|
86
|
-
this._isPointerTouch = false;
|
|
87
|
-
this._longPressDelayTimeout = null;
|
|
88
|
-
this._longPressDispatched = false;
|
|
89
|
-
this._pressDelayTimeout = null;
|
|
90
|
-
this._pressOutDelayTimeout = null;
|
|
91
|
-
this._touchState = NOT_RESPONDER;
|
|
92
|
-
this._config = config;
|
|
93
|
-
}
|
|
94
|
-
configure(config) {
|
|
95
|
-
this._config = config;
|
|
96
|
-
}
|
|
97
|
-
reset() {
|
|
98
|
-
this._cancelLongPressDelayTimeout();
|
|
99
|
-
this._cancelPressDelayTimeout();
|
|
100
|
-
this._cancelPressOutDelayTimeout();
|
|
101
|
-
}
|
|
102
|
-
getEventHandlers() {
|
|
103
|
-
if (this._eventHandlers == null) {
|
|
104
|
-
this._eventHandlers = this._createEventHandlers();
|
|
105
|
-
}
|
|
106
|
-
return this._eventHandlers;
|
|
107
|
-
}
|
|
108
|
-
_createEventHandlers() {
|
|
109
|
-
const start = (event, shouldDelay) => {
|
|
110
|
-
event.persist();
|
|
111
|
-
this._cancelPressOutDelayTimeout();
|
|
112
|
-
this._longPressDispatched = false;
|
|
113
|
-
this._selectionTerminated = false;
|
|
114
|
-
this._touchState = NOT_RESPONDER;
|
|
115
|
-
this._isPointerTouch = event.nativeEvent.type === "touchstart";
|
|
116
|
-
this._receiveSignal(RESPONDER_GRANT, event);
|
|
117
|
-
const delayPressStart = normalizeDelay(
|
|
118
|
-
this._config.delayPressStart,
|
|
119
|
-
0,
|
|
120
|
-
DEFAULT_PRESS_DELAY_MS
|
|
121
|
-
);
|
|
122
|
-
if (shouldDelay !== false && delayPressStart > 0) {
|
|
123
|
-
this._pressDelayTimeout = setTimeout(() => {
|
|
124
|
-
this._receiveSignal(DELAY, event);
|
|
125
|
-
}, delayPressStart);
|
|
126
|
-
} else {
|
|
127
|
-
this._receiveSignal(DELAY, event);
|
|
128
|
-
}
|
|
129
|
-
const delayLongPress = normalizeDelay(
|
|
130
|
-
this._config.delayLongPress,
|
|
131
|
-
10,
|
|
132
|
-
DEFAULT_LONG_PRESS_DELAY_MS
|
|
133
|
-
);
|
|
134
|
-
this._longPressDelayTimeout = setTimeout(() => {
|
|
135
|
-
this._handleLongPress(event);
|
|
136
|
-
}, delayLongPress + delayPressStart);
|
|
137
|
-
};
|
|
138
|
-
const end = (event) => {
|
|
139
|
-
this._receiveSignal(RESPONDER_RELEASE, event);
|
|
140
|
-
};
|
|
141
|
-
const keyupHandler = (event) => {
|
|
142
|
-
const { onPress } = this._config;
|
|
143
|
-
const { target } = event;
|
|
144
|
-
if (this._touchState !== NOT_RESPONDER && isValidKeyPress(event)) {
|
|
145
|
-
end(event);
|
|
146
|
-
document.removeEventListener("keyup", keyupHandler);
|
|
147
|
-
const role = target.getAttribute("role");
|
|
148
|
-
const elementType = target.tagName.toLowerCase();
|
|
149
|
-
const isNativeInteractiveElement = role === "link" || elementType === "a" || elementType === "button" || elementType === "input" || elementType === "select" || elementType === "textarea";
|
|
150
|
-
if (onPress != null && !isNativeInteractiveElement) {
|
|
151
|
-
onPress(event);
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
};
|
|
155
|
-
return {
|
|
156
|
-
onStartShouldSetResponder: (event) => {
|
|
157
|
-
const { disabled } = this._config;
|
|
158
|
-
if (disabled && isButtonRole(event.currentTarget)) {
|
|
159
|
-
event.stopPropagation();
|
|
160
|
-
}
|
|
161
|
-
if (disabled == null) {
|
|
162
|
-
return true;
|
|
163
|
-
}
|
|
164
|
-
return !disabled;
|
|
165
|
-
},
|
|
166
|
-
onKeyDown: (event) => {
|
|
167
|
-
const { disabled } = this._config;
|
|
168
|
-
const { key, target } = event;
|
|
169
|
-
if (!disabled && isValidKeyPress(event)) {
|
|
170
|
-
if (this._touchState === NOT_RESPONDER) {
|
|
171
|
-
start(event, false);
|
|
172
|
-
document.addEventListener("keyup", keyupHandler);
|
|
173
|
-
}
|
|
174
|
-
const role = target.getAttribute("role");
|
|
175
|
-
const isSpacebarKey = key === " " || key === "Spacebar";
|
|
176
|
-
const isButtonRole2 = role === "button" || role === "menuitem";
|
|
177
|
-
if (isSpacebarKey && isButtonRole2) {
|
|
178
|
-
event.preventDefault();
|
|
179
|
-
}
|
|
180
|
-
event.stopPropagation();
|
|
181
|
-
}
|
|
182
|
-
},
|
|
183
|
-
onResponderGrant: (event) => start(event),
|
|
184
|
-
onResponderMove: (event) => {
|
|
185
|
-
if (this._config.onPressMove != null) {
|
|
186
|
-
this._config.onPressMove(event);
|
|
187
|
-
}
|
|
188
|
-
const touch = getTouchFromResponderEvent(event);
|
|
189
|
-
if (this._touchActivatePosition != null) {
|
|
190
|
-
const deltaX = this._touchActivatePosition.pageX - touch.pageX;
|
|
191
|
-
const deltaY = this._touchActivatePosition.pageY - touch.pageY;
|
|
192
|
-
if (Math.hypot(deltaX, deltaY) > 10) {
|
|
193
|
-
this._cancelLongPressDelayTimeout();
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
},
|
|
197
|
-
onResponderRelease: (event) => end(event),
|
|
198
|
-
onResponderTerminate: (event) => {
|
|
199
|
-
if (event.nativeEvent.type === "selectionchange") {
|
|
200
|
-
this._selectionTerminated = true;
|
|
201
|
-
}
|
|
202
|
-
this._receiveSignal(RESPONDER_TERMINATED, event);
|
|
203
|
-
},
|
|
204
|
-
onResponderTerminationRequest: (event) => {
|
|
205
|
-
const { cancelable, disabled, onLongPress } = this._config;
|
|
206
|
-
if (!disabled && onLongPress != null && this._isPointerTouch && event.nativeEvent.type === "contextmenu") {
|
|
207
|
-
return false;
|
|
208
|
-
}
|
|
209
|
-
if (cancelable == null) {
|
|
210
|
-
return true;
|
|
211
|
-
}
|
|
212
|
-
return cancelable;
|
|
213
|
-
},
|
|
214
|
-
onClick: (event) => {
|
|
215
|
-
const { disabled, onPress } = this._config;
|
|
216
|
-
if (!disabled) {
|
|
217
|
-
event.stopPropagation();
|
|
218
|
-
if (this._longPressDispatched || this._selectionTerminated) {
|
|
219
|
-
event.preventDefault();
|
|
220
|
-
} else if (onPress != null && event.altKey === false) {
|
|
221
|
-
onPress(event);
|
|
222
|
-
}
|
|
223
|
-
} else {
|
|
224
|
-
if (isButtonRole(event.currentTarget)) {
|
|
225
|
-
event.stopPropagation();
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
},
|
|
229
|
-
onContextMenu: (event) => {
|
|
230
|
-
const { disabled, onLongPress } = this._config;
|
|
231
|
-
if (!disabled) {
|
|
232
|
-
if (onLongPress != null && this._isPointerTouch && !event.defaultPrevented) {
|
|
233
|
-
event.preventDefault();
|
|
234
|
-
event.stopPropagation();
|
|
235
|
-
}
|
|
236
|
-
} else {
|
|
237
|
-
if (isButtonRole(event.currentTarget)) {
|
|
238
|
-
event.stopPropagation();
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
}
|
|
242
|
-
};
|
|
243
|
-
}
|
|
244
|
-
_receiveSignal(signal, event) {
|
|
245
|
-
const prevState = this._touchState;
|
|
246
|
-
let nextState = null;
|
|
247
|
-
if (Transitions[prevState] != null) {
|
|
248
|
-
nextState = Transitions[prevState][signal];
|
|
249
|
-
}
|
|
250
|
-
if (this._touchState === NOT_RESPONDER && signal === RESPONDER_RELEASE) {
|
|
251
|
-
return;
|
|
252
|
-
}
|
|
253
|
-
if (nextState == null || nextState === ERROR) {
|
|
254
|
-
console.error(`PressResponder: Invalid signal ${signal} for state ${prevState} on responder`);
|
|
255
|
-
} else if (prevState !== nextState) {
|
|
256
|
-
this._performTransitionSideEffects(prevState, nextState, signal, event);
|
|
257
|
-
this._touchState = nextState;
|
|
258
|
-
}
|
|
259
|
-
}
|
|
260
|
-
_performTransitionSideEffects(prevState, nextState, signal, event) {
|
|
261
|
-
if (isTerminalSignal(signal)) {
|
|
262
|
-
setTimeout(() => {
|
|
263
|
-
this._isPointerTouch = false;
|
|
264
|
-
}, 0);
|
|
265
|
-
this._touchActivatePosition = null;
|
|
266
|
-
this._cancelLongPressDelayTimeout();
|
|
267
|
-
}
|
|
268
|
-
if (isPressStartSignal(prevState) && signal === LONG_PRESS_DETECTED) {
|
|
269
|
-
const { onLongPress } = this._config;
|
|
270
|
-
if (onLongPress != null && event.nativeEvent.key == null) {
|
|
271
|
-
onLongPress(event);
|
|
272
|
-
this._longPressDispatched = true;
|
|
273
|
-
}
|
|
274
|
-
}
|
|
275
|
-
const isPrevActive = isActiveSignal(prevState);
|
|
276
|
-
const isNextActive = isActiveSignal(nextState);
|
|
277
|
-
if (!isPrevActive && isNextActive) {
|
|
278
|
-
this._activate(event);
|
|
279
|
-
} else if (isPrevActive && !isNextActive) {
|
|
280
|
-
this._deactivate(event);
|
|
281
|
-
}
|
|
282
|
-
if (isPressStartSignal(prevState) && signal === RESPONDER_RELEASE) {
|
|
283
|
-
const { onLongPress, onPress } = this._config;
|
|
284
|
-
if (onPress != null) {
|
|
285
|
-
const isPressCanceledByLongPress = onLongPress != null && prevState === RESPONDER_ACTIVE_LONG_PRESS_START;
|
|
286
|
-
if (!isPressCanceledByLongPress) {
|
|
287
|
-
if (!isNextActive && !isPrevActive) {
|
|
288
|
-
this._activate(event);
|
|
289
|
-
this._deactivate(event);
|
|
290
|
-
}
|
|
291
|
-
}
|
|
292
|
-
}
|
|
293
|
-
}
|
|
294
|
-
this._cancelPressDelayTimeout();
|
|
295
|
-
}
|
|
296
|
-
_activate(event) {
|
|
297
|
-
const { onPressChange, onPressStart } = this._config;
|
|
298
|
-
const touch = getTouchFromResponderEvent(event);
|
|
299
|
-
this._touchActivatePosition = {
|
|
300
|
-
pageX: touch.pageX,
|
|
301
|
-
pageY: touch.pageY
|
|
302
|
-
};
|
|
303
|
-
if (onPressStart != null) {
|
|
304
|
-
onPressStart(event);
|
|
305
|
-
}
|
|
306
|
-
if (onPressChange != null) {
|
|
307
|
-
onPressChange(true);
|
|
308
|
-
}
|
|
309
|
-
}
|
|
310
|
-
_deactivate(event) {
|
|
311
|
-
const { onPressChange, onPressEnd } = this._config;
|
|
312
|
-
function end() {
|
|
313
|
-
if (onPressEnd != null) {
|
|
314
|
-
onPressEnd(event);
|
|
315
|
-
}
|
|
316
|
-
if (onPressChange != null) {
|
|
317
|
-
onPressChange(false);
|
|
318
|
-
}
|
|
319
|
-
}
|
|
320
|
-
const delayPressEnd = normalizeDelay(this._config.delayPressEnd);
|
|
321
|
-
if (delayPressEnd > 0) {
|
|
322
|
-
this._pressOutDelayTimeout = setTimeout(() => {
|
|
323
|
-
end();
|
|
324
|
-
}, delayPressEnd);
|
|
325
|
-
} else {
|
|
326
|
-
end();
|
|
327
|
-
}
|
|
328
|
-
}
|
|
329
|
-
_handleLongPress(event) {
|
|
330
|
-
if (this._touchState === RESPONDER_ACTIVE_PRESS_START || this._touchState === RESPONDER_ACTIVE_LONG_PRESS_START) {
|
|
331
|
-
this._receiveSignal(LONG_PRESS_DETECTED, event);
|
|
332
|
-
}
|
|
333
|
-
}
|
|
334
|
-
_cancelLongPressDelayTimeout() {
|
|
335
|
-
if (this._longPressDelayTimeout != null) {
|
|
336
|
-
clearTimeout(this._longPressDelayTimeout);
|
|
337
|
-
this._longPressDelayTimeout = null;
|
|
338
|
-
}
|
|
339
|
-
}
|
|
340
|
-
_cancelPressDelayTimeout() {
|
|
341
|
-
if (this._pressDelayTimeout != null) {
|
|
342
|
-
clearTimeout(this._pressDelayTimeout);
|
|
343
|
-
this._pressDelayTimeout = null;
|
|
344
|
-
}
|
|
345
|
-
}
|
|
346
|
-
_cancelPressOutDelayTimeout() {
|
|
347
|
-
if (this._pressOutDelayTimeout != null) {
|
|
348
|
-
clearTimeout(this._pressOutDelayTimeout);
|
|
349
|
-
this._pressOutDelayTimeout = null;
|
|
350
|
-
}
|
|
351
|
-
}
|
|
352
|
-
}
|
|
353
|
-
function normalizeDelay(delay, min = 0, fallback = 0) {
|
|
354
|
-
return Math.max(min, delay ?? fallback);
|
|
355
|
-
}
|
|
356
|
-
function getTouchFromResponderEvent(event) {
|
|
357
|
-
const { changedTouches, touches } = event.nativeEvent;
|
|
358
|
-
if (touches != null && touches.length > 0) {
|
|
359
|
-
return touches[0];
|
|
360
|
-
}
|
|
361
|
-
if (changedTouches != null && changedTouches.length > 0) {
|
|
362
|
-
return changedTouches[0];
|
|
363
|
-
}
|
|
364
|
-
return event.nativeEvent;
|
|
365
|
-
}
|
|
366
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
367
|
-
0 && (module.exports = {
|
|
368
|
-
PressResponder
|
|
369
|
-
});
|
|
370
|
-
//# sourceMappingURL=usePressablePressResponder.js.map
|