@ttt-productions/mobile-core 0.2.5 → 0.2.9
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/index.d.ts +15 -13
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15 -13
- package/dist/index.js.map +1 -1
- package/dist/ios/useIosSafariFixes.js +1 -1
- package/dist/ios/useIosSafariFixes.js.map +1 -1
- package/dist/ios/useNoRubberBand.js +1 -1
- package/dist/ios/useNoRubberBand.js.map +1 -1
- package/dist/keyboard/KeyboardAvoidingView.js +1 -1
- package/dist/keyboard/KeyboardAvoidingView.js.map +1 -1
- package/dist/keyboard/useInputNavigation.js +1 -1
- package/dist/keyboard/useInputNavigation.js.map +1 -1
- package/dist/keyboard/useKeepFocusedInputVisible.js +2 -2
- package/dist/keyboard/useKeepFocusedInputVisible.js.map +1 -1
- package/dist/keyboard/useKeyboard.d.ts +1 -1
- package/dist/keyboard/useKeyboard.d.ts.map +1 -1
- package/dist/keyboard/useKeyboard.js +1 -1
- package/dist/keyboard/useKeyboard.js.map +1 -1
- package/dist/pull-to-refresh/PullToRefreshContainer.d.ts +21 -0
- package/dist/pull-to-refresh/PullToRefreshContainer.d.ts.map +1 -0
- package/dist/pull-to-refresh/PullToRefreshContainer.js +46 -0
- package/dist/pull-to-refresh/PullToRefreshContainer.js.map +1 -0
- package/dist/pull-to-refresh/usePullToRefresh.d.ts +34 -0
- package/dist/pull-to-refresh/usePullToRefresh.d.ts.map +1 -0
- package/dist/pull-to-refresh/usePullToRefresh.js +84 -0
- package/dist/pull-to-refresh/usePullToRefresh.js.map +1 -0
- package/dist/safe-area/useSafeAreaInsets.d.ts +1 -1
- package/dist/safe-area/useSafeAreaInsets.d.ts.map +1 -1
- package/dist/safe-area/useSafeAreaInsets.js +1 -1
- package/dist/safe-area/useSafeAreaInsets.js.map +1 -1
- package/dist/scroll/useScrollLock.js +1 -1
- package/dist/scroll/useScrollLock.js.map +1 -1
- package/dist/viewport/useViewportHeightVars.js +1 -1
- package/dist/viewport/useViewportHeightVars.js.map +1 -1
- package/dist/viewport/useVisualViewport.js +1 -1
- package/dist/viewport/useVisualViewport.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
export * from "./types";
|
|
2
|
-
export * from "./env";
|
|
3
|
-
export * from "./viewport/useVisualViewport";
|
|
4
|
-
export * from "./viewport/useViewportHeightVars";
|
|
5
|
-
export * from "./keyboard/useKeyboard";
|
|
6
|
-
export * from "./keyboard/useKeepFocusedInputVisible";
|
|
7
|
-
export * from "./keyboard/useInputNavigation";
|
|
8
|
-
export * from "./keyboard/KeyboardAvoidingView";
|
|
9
|
-
export * from "./safe-area/useSafeAreaInsets";
|
|
10
|
-
export * from "./safe-area/SafeArea";
|
|
11
|
-
export * from "./scroll/useScrollLock";
|
|
12
|
-
export * from "./ios/useIosSafariFixes";
|
|
13
|
-
export * from "./ios/useNoRubberBand";
|
|
1
|
+
export * from "./types.js";
|
|
2
|
+
export * from "./env.js";
|
|
3
|
+
export * from "./viewport/useVisualViewport.js";
|
|
4
|
+
export * from "./viewport/useViewportHeightVars.js";
|
|
5
|
+
export * from "./keyboard/useKeyboard.js";
|
|
6
|
+
export * from "./keyboard/useKeepFocusedInputVisible.js";
|
|
7
|
+
export * from "./keyboard/useInputNavigation.js";
|
|
8
|
+
export * from "./keyboard/KeyboardAvoidingView.js";
|
|
9
|
+
export * from "./safe-area/useSafeAreaInsets.js";
|
|
10
|
+
export * from "./safe-area/SafeArea.js";
|
|
11
|
+
export * from "./scroll/useScrollLock.js";
|
|
12
|
+
export * from "./ios/useIosSafariFixes.js";
|
|
13
|
+
export * from "./ios/useNoRubberBand.js";
|
|
14
|
+
export * from "./pull-to-refresh/usePullToRefresh.js";
|
|
15
|
+
export * from "./pull-to-refresh/PullToRefreshContainer.js";
|
|
14
16
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AAEzB,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AAEpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,yBAAyB,CAAC;AAExC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AAEzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
export * from "./types";
|
|
2
|
-
export * from "./env";
|
|
3
|
-
export * from "./viewport/useVisualViewport";
|
|
4
|
-
export * from "./viewport/useViewportHeightVars";
|
|
5
|
-
export * from "./keyboard/useKeyboard";
|
|
6
|
-
export * from "./keyboard/useKeepFocusedInputVisible";
|
|
7
|
-
export * from "./keyboard/useInputNavigation";
|
|
8
|
-
export * from "./keyboard/KeyboardAvoidingView";
|
|
9
|
-
export * from "./safe-area/useSafeAreaInsets";
|
|
10
|
-
export * from "./safe-area/SafeArea";
|
|
11
|
-
export * from "./scroll/useScrollLock";
|
|
12
|
-
export * from "./ios/useIosSafariFixes";
|
|
13
|
-
export * from "./ios/useNoRubberBand";
|
|
1
|
+
export * from "./types.js";
|
|
2
|
+
export * from "./env.js";
|
|
3
|
+
export * from "./viewport/useVisualViewport.js";
|
|
4
|
+
export * from "./viewport/useViewportHeightVars.js";
|
|
5
|
+
export * from "./keyboard/useKeyboard.js";
|
|
6
|
+
export * from "./keyboard/useKeepFocusedInputVisible.js";
|
|
7
|
+
export * from "./keyboard/useInputNavigation.js";
|
|
8
|
+
export * from "./keyboard/KeyboardAvoidingView.js";
|
|
9
|
+
export * from "./safe-area/useSafeAreaInsets.js";
|
|
10
|
+
export * from "./safe-area/SafeArea.js";
|
|
11
|
+
export * from "./scroll/useScrollLock.js";
|
|
12
|
+
export * from "./ios/useIosSafariFixes.js";
|
|
13
|
+
export * from "./ios/useNoRubberBand.js";
|
|
14
|
+
export * from "./pull-to-refresh/usePullToRefresh.js";
|
|
15
|
+
export * from "./pull-to-refresh/PullToRefreshContainer.js";
|
|
14
16
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AAEzB,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AAEpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,yBAAyB,CAAC;AAExC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AAEzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIosSafariFixes.js","sourceRoot":"","sources":["../../src/ios/useIosSafariFixes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useIosSafariFixes.js","sourceRoot":"","sources":["../../src/ios/useIosSafariFixes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE9C,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC3E,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useNoRubberBand.js","sourceRoot":"","sources":["../../src/ios/useNoRubberBand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useNoRubberBand.js","sourceRoot":"","sources":["../../src/ios/useNoRubberBand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAE7C;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,OAAgB;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO;YAAE,OAAO;QAE7C,MAAM,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC;QACpC,MAAM,IAAI,GAAG,EAAE,CAAC,KAAK,CAAC,mBAA0B,CAAC;QAChD,EAAE,CAAC,KAAa,CAAC,mBAAmB,GAAG,MAAM,CAAC;QAE/C,OAAO,GAAG,EAAE;YACT,EAAE,CAAC,KAAa,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyboardAvoidingView.js","sourceRoot":"","sources":["../../src/keyboard/KeyboardAvoidingView.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"KeyboardAvoidingView.js","sourceRoot":"","sources":["../../src/keyboard/KeyboardAvoidingView.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAc/C;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAS;IACxF,MAAM,CAAC,GAAG,WAAW,EAAE,CAAC;IACxB,MAAM,EAAE,GAAG,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvD,OAAO,iBAAS,IAAI,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,aAAa,EAAG,KAAa,EAAE,aAAa,IAAI,EAAE,EAAE,GAAI,CAAC;AACpG,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInputNavigation.js","sourceRoot":"","sources":["../../src/keyboard/useInputNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useInputNavigation.js","sourceRoot":"","sources":["../../src/keyboard/useInputNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAOrD;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAAc;IAC/C,MAAM,IAAI,GAAG,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC;IAEhC,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,MAAM,KAAK,GAAG,IAAI,IAAI,QAAQ,CAAC;QAC/B,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAY,CAAC,CAAC;QAChD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAmC,CAAC;QAC5D,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;QAE7B,IAAI,IAAI;YAAE,IAAI,CAAC,KAAK,EAAE,CAAC;;YAClB,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,0BAA0B;YAC1B,MAAM,EAAE,GAAG,CAAC,CAAC,aAA4B,CAAC;YAC1C,IAAI,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,UAAU;gBAAE,OAAO;YACpD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,SAAS,EAAE,CAAC;QACd,CAAC;IACH,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAClC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useEffect } from "react";
|
|
2
|
-
import { isBrowser } from "../env";
|
|
3
|
-
import { useKeyboard } from "./useKeyboard";
|
|
2
|
+
import { isBrowser } from "../env.js";
|
|
3
|
+
import { useKeyboard } from "./useKeyboard.js";
|
|
4
4
|
/**
|
|
5
5
|
* When keyboard opens, ensure focused element is visible within visual viewport.
|
|
6
6
|
* - iOS Safari often hides the caret behind the keyboard.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useKeepFocusedInputVisible.js","sourceRoot":"","sources":["../../src/keyboard/useKeepFocusedInputVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useKeepFocusedInputVisible.js","sourceRoot":"","sources":["../../src/keyboard/useKeepFocusedInputVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C;;;GAGG;AACH,MAAM,UAAU,0BAA0B,CAAC,IAG1C;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACjC,MAAM,WAAW,GAAG,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAI,EAAE,cAAc,IAAI,QAAQ,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAmC,CAAC;QACxD,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,kBAAkB;QAClB,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QACrC,MAAM,OAAO,GACX,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,UAAU,IAAI,GAAG,KAAK,QAAQ,IAAI,EAAE,CAAC,iBAAiB,IAAI,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;QACzH,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,EAAE,GAAG,MAAM,CAAC,cAAc,CAAC;QACjC,MAAM,GAAG,GAAG,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,WAAW,CAAC;QAC7C,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,KAAK,GAAG,GAAG,GAAG,WAAW,CAAC;QAEhC,IAAI,MAAM,GAAG,KAAK,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;YAC7B,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;AACtC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useKeyboard.d.ts","sourceRoot":"","sources":["../../src/keyboard/useKeyboard.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useKeyboard.d.ts","sourceRoot":"","sources":["../../src/keyboard/useKeyboard.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,aAAa,CAgE3C"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useEffect, useMemo, useState } from "react";
|
|
2
|
-
import { hasVisualViewport, isBrowser } from "../env";
|
|
2
|
+
import { hasVisualViewport, isBrowser } from "../env.js";
|
|
3
3
|
/**
|
|
4
4
|
* Best effort keyboard detection:
|
|
5
5
|
* - iOS Safari: visualViewport.height shrinks when keyboard shows
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useKeyboard.js","sourceRoot":"","sources":["../../src/keyboard/useKeyboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useKeyboard.js","sourceRoot":"","sources":["../../src/keyboard/useKeyboard.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type Props = {
|
|
3
|
+
onRefresh: () => Promise<void>;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
className?: string;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Drop-in wrapper that adds pull-to-refresh to its children.
|
|
10
|
+
* Desktop-safe: touch handlers never fire, indicator never shows.
|
|
11
|
+
*
|
|
12
|
+
* Usage:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <PullToRefreshContainer onRefresh={async () => { await refetch(); }}>
|
|
15
|
+
* <YourContent />
|
|
16
|
+
* </PullToRefreshContainer>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
export declare function PullToRefreshContainer({ onRefresh, disabled, className, children }: Props): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=PullToRefreshContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PullToRefreshContainer.d.ts","sourceRoot":"","sources":["../../src/pull-to-refresh/PullToRefreshContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AA6CF;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA+CzF"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { usePullToRefresh } from "./usePullToRefresh.js";
|
|
3
|
+
const INDICATOR_SIZE = 32;
|
|
4
|
+
function SpinnerIndicator({ progress, isRefreshing }) {
|
|
5
|
+
const radius = 10;
|
|
6
|
+
const circumference = 2 * Math.PI * radius;
|
|
7
|
+
const dashOffset = circumference * (1 - progress);
|
|
8
|
+
return (_jsxs("svg", { width: INDICATOR_SIZE, height: INDICATOR_SIZE, viewBox: "0 0 24 24", style: {
|
|
9
|
+
display: "block",
|
|
10
|
+
animation: isRefreshing ? "ttt-ptr-spin 0.8s linear infinite" : "none",
|
|
11
|
+
}, children: [_jsx("circle", { cx: "12", cy: "12", r: radius, fill: "none", stroke: "currentColor", strokeWidth: "2", opacity: 0.15 }), _jsx("circle", { cx: "12", cy: "12", r: radius, fill: "none", stroke: "currentColor", strokeWidth: "2", strokeDasharray: circumference, strokeDashoffset: isRefreshing ? circumference * 0.25 : dashOffset, strokeLinecap: "round", style: { transition: isRefreshing ? "none" : "stroke-dashoffset 0.1s ease-out" }, transform: "rotate(-90 12 12)" })] }));
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Drop-in wrapper that adds pull-to-refresh to its children.
|
|
15
|
+
* Desktop-safe: touch handlers never fire, indicator never shows.
|
|
16
|
+
*
|
|
17
|
+
* Usage:
|
|
18
|
+
* ```tsx
|
|
19
|
+
* <PullToRefreshContainer onRefresh={async () => { await refetch(); }}>
|
|
20
|
+
* <YourContent />
|
|
21
|
+
* </PullToRefreshContainer>
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
export function PullToRefreshContainer({ onRefresh, disabled, className, children }) {
|
|
25
|
+
const { isRefreshing, pullProgress, pullDistance, handlers, style } = usePullToRefresh({
|
|
26
|
+
onRefresh,
|
|
27
|
+
disabled,
|
|
28
|
+
});
|
|
29
|
+
const showIndicator = pullDistance > 0 || isRefreshing;
|
|
30
|
+
const indicatorOpacity = isRefreshing ? 1 : Math.min(1, pullProgress * 1.5);
|
|
31
|
+
return (_jsxs(_Fragment, { children: [_jsx("style", { children: `@keyframes ttt-ptr-spin { to { transform: rotate(360deg); } }` }), _jsxs("div", { className: className, ...handlers, style: { position: "relative", overscrollBehaviorY: "contain" }, children: [_jsx("div", { "aria-hidden": true, style: {
|
|
32
|
+
position: "absolute",
|
|
33
|
+
top: 0,
|
|
34
|
+
left: 0,
|
|
35
|
+
right: 0,
|
|
36
|
+
display: "flex",
|
|
37
|
+
justifyContent: "center",
|
|
38
|
+
transform: `translateY(${showIndicator ? pullDistance - INDICATOR_SIZE - 8 : -INDICATOR_SIZE - 8}px)`,
|
|
39
|
+
opacity: indicatorOpacity,
|
|
40
|
+
transition: pullDistance > 0 && !isRefreshing ? "none" : "transform 0.3s ease-out, opacity 0.3s ease-out",
|
|
41
|
+
pointerEvents: "none",
|
|
42
|
+
zIndex: 10,
|
|
43
|
+
color: "var(--foreground, currentColor)",
|
|
44
|
+
}, children: _jsx(SpinnerIndicator, { progress: pullProgress, isRefreshing: isRefreshing }) }), _jsx("div", { style: style, children: children })] })] }));
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=PullToRefreshContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PullToRefreshContainer.js","sourceRoot":"","sources":["../../src/pull-to-refresh/PullToRefreshContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type CSSProperties, type RefObject, type TouchEventHandler } from "react";
|
|
2
|
+
type PullToRefreshOptions = {
|
|
3
|
+
onRefresh: () => Promise<void>;
|
|
4
|
+
/** Scroll container ref. Omit to use window scroll (document.scrollingElement). */
|
|
5
|
+
containerRef?: RefObject<HTMLElement | null>;
|
|
6
|
+
/** Pixels the user must pull before a refresh triggers (default 80). */
|
|
7
|
+
threshold?: number;
|
|
8
|
+
/** Max pixels the indicator can stretch (default 120). */
|
|
9
|
+
maxPull?: number;
|
|
10
|
+
/** Disable the gesture entirely. */
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
};
|
|
13
|
+
type PullToRefreshResult = {
|
|
14
|
+
isRefreshing: boolean;
|
|
15
|
+
/** 0-1 progress toward the threshold. */
|
|
16
|
+
pullProgress: number;
|
|
17
|
+
/** Current pull distance in px (for indicator positioning). */
|
|
18
|
+
pullDistance: number;
|
|
19
|
+
handlers: {
|
|
20
|
+
onTouchStart: TouchEventHandler;
|
|
21
|
+
onTouchMove: TouchEventHandler;
|
|
22
|
+
onTouchEnd: TouchEventHandler;
|
|
23
|
+
};
|
|
24
|
+
/** Apply to the content wrapper for the translateY shift. */
|
|
25
|
+
style: CSSProperties;
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* Pull-to-refresh gesture for mobile web.
|
|
29
|
+
*
|
|
30
|
+
* Desktop-safe: touch handlers simply never fire on non-touch devices.
|
|
31
|
+
*/
|
|
32
|
+
export declare function usePullToRefresh(opts: PullToRefreshOptions): PullToRefreshResult;
|
|
33
|
+
export {};
|
|
34
|
+
//# sourceMappingURL=usePullToRefresh.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePullToRefresh.d.ts","sourceRoot":"","sources":["../../src/pull-to-refresh/usePullToRefresh.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGlH,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,mFAAmF;IACnF,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,yCAAyC;IACzC,YAAY,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE;QACR,YAAY,EAAE,iBAAiB,CAAC;QAChC,WAAW,EAAE,iBAAiB,CAAC;QAC/B,UAAU,EAAE,iBAAiB,CAAC;KAC/B,CAAC;IACF,6DAA6D;IAC7D,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,oBAAoB,GAAG,mBAAmB,CA8FhF"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { useCallback, useRef, useState } from "react";
|
|
2
|
+
import { isBrowser } from "../env.js";
|
|
3
|
+
/**
|
|
4
|
+
* Pull-to-refresh gesture for mobile web.
|
|
5
|
+
*
|
|
6
|
+
* Desktop-safe: touch handlers simply never fire on non-touch devices.
|
|
7
|
+
*/
|
|
8
|
+
export function usePullToRefresh(opts) {
|
|
9
|
+
const { onRefresh, containerRef, threshold = 80, maxPull = 120, disabled = false, } = opts;
|
|
10
|
+
const [pullDistance, setPullDistance] = useState(0);
|
|
11
|
+
const [isRefreshing, setIsRefreshing] = useState(false);
|
|
12
|
+
const startYRef = useRef(0);
|
|
13
|
+
const pullingRef = useRef(false);
|
|
14
|
+
const getScrollTop = useCallback(() => {
|
|
15
|
+
if (!isBrowser)
|
|
16
|
+
return 1; // pretend not at top in SSR
|
|
17
|
+
if (containerRef?.current)
|
|
18
|
+
return containerRef.current.scrollTop;
|
|
19
|
+
return document.scrollingElement?.scrollTop ?? window.scrollY;
|
|
20
|
+
}, [containerRef]);
|
|
21
|
+
const onTouchStart = useCallback((e) => {
|
|
22
|
+
if (disabled || isRefreshing)
|
|
23
|
+
return;
|
|
24
|
+
if (getScrollTop() > 0)
|
|
25
|
+
return; // not at top
|
|
26
|
+
startYRef.current = e.touches[0].clientY;
|
|
27
|
+
pullingRef.current = true;
|
|
28
|
+
}, [disabled, isRefreshing, getScrollTop]);
|
|
29
|
+
const onTouchMove = useCallback((e) => {
|
|
30
|
+
if (!pullingRef.current || disabled || isRefreshing)
|
|
31
|
+
return;
|
|
32
|
+
const currentY = e.touches[0].clientY;
|
|
33
|
+
const delta = currentY - startYRef.current;
|
|
34
|
+
if (delta <= 0) {
|
|
35
|
+
// scrolling up — cancel pull
|
|
36
|
+
setPullDistance(0);
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
// If the user has scrolled away from top mid-gesture, cancel
|
|
40
|
+
if (getScrollTop() > 0) {
|
|
41
|
+
pullingRef.current = false;
|
|
42
|
+
setPullDistance(0);
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
// Apply resistance: diminishing returns past threshold
|
|
46
|
+
const clamped = Math.min(delta, maxPull);
|
|
47
|
+
const resisted = clamped < threshold
|
|
48
|
+
? clamped
|
|
49
|
+
: threshold + (clamped - threshold) * 0.4;
|
|
50
|
+
setPullDistance(resisted);
|
|
51
|
+
}, [disabled, isRefreshing, threshold, maxPull, getScrollTop]);
|
|
52
|
+
const onTouchEnd = useCallback(async () => {
|
|
53
|
+
if (!pullingRef.current)
|
|
54
|
+
return;
|
|
55
|
+
pullingRef.current = false;
|
|
56
|
+
if (pullDistance >= threshold && !isRefreshing) {
|
|
57
|
+
setIsRefreshing(true);
|
|
58
|
+
setPullDistance(threshold * 0.5); // hold at half-threshold during refresh
|
|
59
|
+
try {
|
|
60
|
+
await onRefresh();
|
|
61
|
+
}
|
|
62
|
+
finally {
|
|
63
|
+
setIsRefreshing(false);
|
|
64
|
+
setPullDistance(0);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
else {
|
|
68
|
+
setPullDistance(0);
|
|
69
|
+
}
|
|
70
|
+
}, [pullDistance, threshold, isRefreshing, onRefresh]);
|
|
71
|
+
const progress = Math.min(1, pullDistance / threshold);
|
|
72
|
+
const style = {
|
|
73
|
+
transform: pullDistance > 0 ? `translateY(${pullDistance}px)` : undefined,
|
|
74
|
+
transition: pullingRef.current ? "none" : "transform 0.3s ease-out",
|
|
75
|
+
};
|
|
76
|
+
return {
|
|
77
|
+
isRefreshing,
|
|
78
|
+
pullProgress: progress,
|
|
79
|
+
pullDistance,
|
|
80
|
+
handlers: { onTouchStart, onTouchMove, onTouchEnd },
|
|
81
|
+
style,
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=usePullToRefresh.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePullToRefresh.js","sourceRoot":"","sources":["../../src/pull-to-refresh/usePullToRefresh.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSafeAreaInsets.d.ts","sourceRoot":"","sources":["../../src/safe-area/useSafeAreaInsets.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useSafeAreaInsets.d.ts","sourceRoot":"","sources":["../../src/safe-area/useSafeAreaInsets.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAG1C;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAmC1C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSafeAreaInsets.js","sourceRoot":"","sources":["../../src/safe-area/useSafeAreaInsets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useSafeAreaInsets.js","sourceRoot":"","sources":["../../src/safe-area/useSafeAreaInsets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC;;;GAGG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IAEvF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC;QAEpC,gBAAgB;QAChB,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,0BAA0B,CAAC,CAAC;QAClE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,4BAA4B,CAAC,CAAC;QACtE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,6BAA6B,CAAC,CAAC;QACxE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,2BAA2B,CAAC,CAAC;QAEpE,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,MAAM,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;YAChC,MAAM,EAAE,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;YACxE,SAAS,CAAC;gBACR,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;gBAC7C,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;gBACjD,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBACnD,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;aAChD,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,IAAI,EAAE,CAAC;QACP,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3D,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACtE,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC3C,MAAM,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,CAAC;AAChB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollLock.js","sourceRoot":"","sources":["../../src/scroll/useScrollLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useScrollLock.js","sourceRoot":"","sources":["../../src/scroll/useScrollLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,MAAe;IAC3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QAC1B,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAE/B,MAAM,IAAI,GAAG;YACX,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC7B,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;SAChC,CAAC;QAEF,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,OAAO,IAAI,CAAC;QACjC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;QAEhC,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YACpC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;YAC1B,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAC9B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;YACtC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useViewportHeightVars.js","sourceRoot":"","sources":["../../src/viewport/useViewportHeightVars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useViewportHeightVars.js","sourceRoot":"","sources":["../../src/viewport/useViewportHeightVars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,KAAK,GAAG,GAAG,EAAE;YACjB,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC;YACrC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;YAElE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,IAAI,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;YACzE,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,GAAG,GAAG,IAAI,CAAC,CAAC;QACtE,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5D,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5E,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useEffect, useState } from "react";
|
|
2
|
-
import { hasVisualViewport, isBrowser } from "../env";
|
|
2
|
+
import { hasVisualViewport, isBrowser } from "../env.js";
|
|
3
3
|
export function useVisualViewport() {
|
|
4
4
|
const vv = isBrowser && hasVisualViewport ? window.visualViewport : null;
|
|
5
5
|
const [state, setState] = useState(() => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useVisualViewport.js","sourceRoot":"","sources":["../../src/viewport/useVisualViewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useVisualViewport.js","sourceRoot":"","sources":["../../src/viewport/useVisualViewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEzD,MAAM,UAAU,iBAAiB;IAC/B,MAAM,EAAE,GAAG,SAAS,IAAI,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,cAAe,CAAC,CAAC,CAAC,IAAI,CAAC;IAE1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QACxC,KAAK,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;QACrB,MAAM,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;QACvB,KAAK,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;QACrB,SAAS,EAAE,EAAE,EAAE,SAAS,IAAI,CAAC;QAC7B,UAAU,EAAE,EAAE,EAAE,UAAU,IAAI,CAAC;QAC/B,OAAO,EAAE,EAAE,EAAE,OAAO,IAAI,CAAC;QACzB,QAAQ,EAAE,EAAE,EAAE,QAAQ,IAAI,CAAC;KAC5B,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,MAAM,QAAQ,GAAG,GAAG,EAAE,CACpB,QAAQ,CAAC;YACP,KAAK,EAAE,EAAE,CAAC,KAAK;YACf,MAAM,EAAE,EAAE,CAAC,MAAM;YACjB,KAAK,EAAE,EAAE,CAAC,KAAK;YACf,SAAS,EAAE,EAAE,CAAC,SAAS;YACvB,UAAU,EAAE,EAAE,CAAC,UAAU;YACzB,OAAO,EAAE,EAAE,CAAC,OAAO;YACnB,QAAQ,EAAE,EAAE,CAAC,QAAQ;SACtB,CAAC,CAAC;QAEL,QAAQ,EAAE,CAAC;QACX,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3D,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAE3D,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC3C,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,CAAC;AAC1C,CAAC"}
|