@hanzogui/toast 3.0.2 → 7.3.0
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/Toast.cjs +149 -141
- package/dist/cjs/Toast.native.js +149 -142
- package/dist/cjs/Toast.native.js.map +1 -1
- package/dist/cjs/ToastAnnounce.cjs +81 -75
- package/dist/cjs/ToastAnnounce.native.js +86 -80
- package/dist/cjs/ToastAnnounce.native.js.map +1 -1
- package/dist/cjs/ToastComposable.cjs +933 -0
- package/dist/cjs/ToastComposable.native.js +1025 -0
- package/dist/cjs/ToastComposable.native.js.map +1 -0
- package/dist/cjs/ToastImperative.cjs +99 -80
- package/dist/cjs/ToastImperative.native.js +104 -96
- package/dist/cjs/ToastImperative.native.js.map +1 -1
- package/dist/cjs/ToastImpl.cjs +303 -241
- package/dist/cjs/ToastImpl.native.js +311 -273
- package/dist/cjs/ToastImpl.native.js.map +1 -1
- package/dist/cjs/ToastItemFrame.cjs +143 -0
- package/dist/cjs/ToastItemFrame.native.js +148 -0
- package/dist/cjs/ToastItemFrame.native.js.map +1 -0
- package/dist/cjs/ToastPortal.cjs +23 -18
- package/dist/cjs/ToastPortal.native.js +27 -22
- package/dist/cjs/ToastPortal.native.js.map +1 -1
- package/dist/cjs/ToastProvider.cjs +103 -99
- package/dist/cjs/ToastProvider.native.js +108 -106
- package/dist/cjs/ToastProvider.native.js.map +1 -1
- package/dist/cjs/ToastState.cjs +311 -0
- package/dist/cjs/ToastState.native.js +324 -0
- package/dist/cjs/ToastState.native.js.map +1 -0
- package/dist/cjs/ToastViewport.cjs +276 -235
- package/dist/cjs/ToastViewport.native.js +302 -274
- package/dist/cjs/ToastViewport.native.js.map +1 -1
- package/dist/cjs/Toaster.cjs +87 -0
- package/dist/cjs/Toaster.native.js +91 -0
- package/dist/cjs/Toaster.native.js.map +1 -0
- package/dist/cjs/constants.cjs +14 -12
- package/dist/cjs/constants.native.js +14 -12
- package/dist/cjs/constants.native.js.map +1 -1
- package/dist/cjs/createNativeToast.cjs +43 -35
- package/dist/cjs/createNativeToast.native.js +42 -30
- package/dist/cjs/createNativeToast.native.js.map +1 -1
- package/dist/cjs/dispatchNativeToast.cjs +47 -0
- package/dist/cjs/dispatchNativeToast.native.js +52 -0
- package/dist/cjs/dispatchNativeToast.native.js.map +1 -0
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +7 -5
- package/dist/cjs/types.native.js +7 -5
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/useAnimatedDragGesture.cjs +214 -0
- package/dist/cjs/useAnimatedDragGesture.native.js +224 -0
- package/dist/cjs/useAnimatedDragGesture.native.js.map +1 -0
- package/dist/cjs/useReducedMotion.cjs +74 -0
- package/dist/cjs/useReducedMotion.native.js +83 -0
- package/dist/cjs/useReducedMotion.native.js.map +1 -0
- package/dist/cjs/useToastAnimations.cjs +294 -0
- package/dist/cjs/useToastAnimations.native.js +304 -0
- package/dist/cjs/useToastAnimations.native.js.map +1 -0
- package/dist/cjs/v2.cjs +36 -0
- package/dist/cjs/v2.native.js +39 -0
- package/dist/cjs/v2.native.js.map +1 -0
- package/dist/esm/Toast.mjs +112 -106
- package/dist/esm/Toast.mjs.map +1 -1
- package/dist/esm/Toast.native.js +112 -107
- package/dist/esm/Toast.native.js.map +1 -1
- package/dist/esm/ToastAnnounce.mjs +46 -42
- package/dist/esm/ToastAnnounce.mjs.map +1 -1
- package/dist/esm/ToastAnnounce.native.js +52 -48
- package/dist/esm/ToastAnnounce.native.js.map +1 -1
- package/dist/esm/ToastComposable.mjs +895 -0
- package/dist/esm/ToastComposable.mjs.map +1 -0
- package/dist/esm/ToastComposable.native.js +984 -0
- package/dist/esm/ToastComposable.native.js.map +1 -0
- package/dist/esm/ToastImperative.mjs +71 -54
- package/dist/esm/ToastImperative.mjs.map +1 -1
- package/dist/esm/ToastImperative.native.js +76 -70
- package/dist/esm/ToastImperative.native.js.map +1 -1
- package/dist/esm/ToastImpl.mjs +261 -201
- package/dist/esm/ToastImpl.mjs.map +1 -1
- package/dist/esm/ToastImpl.native.js +270 -234
- package/dist/esm/ToastImpl.native.js.map +1 -1
- package/dist/esm/ToastItemFrame.mjs +114 -0
- package/dist/esm/ToastItemFrame.mjs.map +1 -0
- package/dist/esm/ToastItemFrame.native.js +116 -0
- package/dist/esm/ToastItemFrame.native.js.map +1 -0
- package/dist/esm/ToastPortal.mjs +8 -5
- package/dist/esm/ToastPortal.mjs.map +1 -1
- package/dist/esm/ToastPortal.native.js +12 -9
- package/dist/esm/ToastPortal.native.js.map +1 -1
- package/dist/esm/ToastProvider.mjs +71 -69
- package/dist/esm/ToastProvider.mjs.map +1 -1
- package/dist/esm/ToastProvider.native.js +77 -77
- package/dist/esm/ToastProvider.native.js.map +1 -1
- package/dist/esm/ToastState.mjs +285 -0
- package/dist/esm/ToastState.mjs.map +1 -0
- package/dist/esm/ToastState.native.js +295 -0
- package/dist/esm/ToastState.native.js.map +1 -0
- package/dist/esm/ToastViewport.mjs +238 -199
- package/dist/esm/ToastViewport.mjs.map +1 -1
- package/dist/esm/ToastViewport.native.js +265 -239
- package/dist/esm/ToastViewport.native.js.map +1 -1
- package/dist/esm/Toaster.mjs +51 -0
- package/dist/esm/Toaster.mjs.map +1 -0
- package/dist/esm/Toaster.native.js +52 -0
- package/dist/esm/Toaster.native.js.map +1 -0
- package/dist/esm/constants.mjs +2 -2
- package/dist/esm/constants.mjs.map +1 -1
- package/dist/esm/constants.native.js +2 -2
- package/dist/esm/constants.native.js.map +1 -1
- package/dist/esm/createNativeToast.mjs +29 -24
- package/dist/esm/createNativeToast.mjs.map +1 -1
- package/dist/esm/createNativeToast.native.js +27 -18
- package/dist/esm/createNativeToast.native.js.map +1 -1
- package/dist/esm/dispatchNativeToast.mjs +22 -0
- package/dist/esm/dispatchNativeToast.mjs.map +1 -0
- package/dist/esm/dispatchNativeToast.native.js +24 -0
- package/dist/esm/dispatchNativeToast.native.js.map +1 -0
- package/dist/esm/useAnimatedDragGesture.mjs +178 -0
- package/dist/esm/useAnimatedDragGesture.mjs.map +1 -0
- package/dist/esm/useAnimatedDragGesture.native.js +185 -0
- package/dist/esm/useAnimatedDragGesture.native.js.map +1 -0
- package/dist/esm/useReducedMotion.mjs +38 -0
- package/dist/esm/useReducedMotion.mjs.map +1 -0
- package/dist/esm/useReducedMotion.native.js +44 -0
- package/dist/esm/useReducedMotion.native.js.map +1 -0
- package/dist/esm/useToastAnimations.mjs +258 -0
- package/dist/esm/useToastAnimations.mjs.map +1 -0
- package/dist/esm/useToastAnimations.native.js +265 -0
- package/dist/esm/useToastAnimations.native.js.map +1 -0
- package/dist/esm/v2.mjs +6 -0
- package/dist/esm/v2.mjs.map +1 -0
- package/dist/esm/v2.native.js +6 -0
- package/dist/esm/v2.native.js.map +1 -0
- package/dist/jsx/Toast.mjs +112 -106
- package/dist/jsx/Toast.mjs.map +1 -1
- package/dist/jsx/Toast.native.js +149 -142
- package/dist/jsx/Toast.native.js.map +1 -1
- package/dist/jsx/ToastAnnounce.mjs +46 -42
- package/dist/jsx/ToastAnnounce.mjs.map +1 -1
- package/dist/jsx/ToastAnnounce.native.js +86 -80
- package/dist/jsx/ToastAnnounce.native.js.map +1 -1
- package/dist/jsx/ToastComposable.mjs +895 -0
- package/dist/jsx/ToastComposable.mjs.map +1 -0
- package/dist/jsx/ToastComposable.native.js +1025 -0
- package/dist/jsx/ToastComposable.native.js.map +1 -0
- package/dist/jsx/ToastImperative.mjs +71 -54
- package/dist/jsx/ToastImperative.mjs.map +1 -1
- package/dist/jsx/ToastImperative.native.js +104 -96
- package/dist/jsx/ToastImperative.native.js.map +1 -1
- package/dist/jsx/ToastImpl.mjs +261 -201
- package/dist/jsx/ToastImpl.mjs.map +1 -1
- package/dist/jsx/ToastImpl.native.js +311 -273
- package/dist/jsx/ToastImpl.native.js.map +1 -1
- package/dist/jsx/ToastItemFrame.mjs +114 -0
- package/dist/jsx/ToastItemFrame.mjs.map +1 -0
- package/dist/jsx/ToastItemFrame.native.js +148 -0
- package/dist/jsx/ToastItemFrame.native.js.map +1 -0
- package/dist/jsx/ToastPortal.mjs +8 -5
- package/dist/jsx/ToastPortal.mjs.map +1 -1
- package/dist/jsx/ToastPortal.native.js +27 -22
- package/dist/jsx/ToastPortal.native.js.map +1 -1
- package/dist/jsx/ToastProvider.mjs +71 -69
- package/dist/jsx/ToastProvider.mjs.map +1 -1
- package/dist/jsx/ToastProvider.native.js +108 -106
- package/dist/jsx/ToastProvider.native.js.map +1 -1
- package/dist/jsx/ToastState.mjs +285 -0
- package/dist/jsx/ToastState.mjs.map +1 -0
- package/dist/jsx/ToastState.native.js +324 -0
- package/dist/jsx/ToastState.native.js.map +1 -0
- package/dist/jsx/ToastViewport.mjs +238 -199
- package/dist/jsx/ToastViewport.mjs.map +1 -1
- package/dist/jsx/ToastViewport.native.js +302 -274
- package/dist/jsx/ToastViewport.native.js.map +1 -1
- package/dist/jsx/Toaster.mjs +51 -0
- package/dist/jsx/Toaster.mjs.map +1 -0
- package/dist/jsx/Toaster.native.js +91 -0
- package/dist/jsx/Toaster.native.js.map +1 -0
- package/dist/jsx/constants.mjs +2 -2
- package/dist/jsx/constants.mjs.map +1 -1
- package/dist/jsx/constants.native.js +14 -12
- package/dist/jsx/constants.native.js.map +1 -1
- package/dist/jsx/createNativeToast.mjs +29 -24
- package/dist/jsx/createNativeToast.mjs.map +1 -1
- package/dist/jsx/createNativeToast.native.js +42 -30
- package/dist/jsx/createNativeToast.native.js.map +1 -1
- package/dist/jsx/dispatchNativeToast.mjs +22 -0
- package/dist/jsx/dispatchNativeToast.mjs.map +1 -0
- package/dist/jsx/dispatchNativeToast.native.js +52 -0
- package/dist/jsx/dispatchNativeToast.native.js.map +1 -0
- package/dist/jsx/index.native.js +7 -5
- package/dist/jsx/types.native.js +7 -5
- package/dist/jsx/useAnimatedDragGesture.mjs +178 -0
- package/dist/jsx/useAnimatedDragGesture.mjs.map +1 -0
- package/dist/jsx/useAnimatedDragGesture.native.js +224 -0
- package/dist/jsx/useAnimatedDragGesture.native.js.map +1 -0
- package/dist/jsx/useReducedMotion.mjs +38 -0
- package/dist/jsx/useReducedMotion.mjs.map +1 -0
- package/dist/jsx/useReducedMotion.native.js +83 -0
- package/dist/jsx/useReducedMotion.native.js.map +1 -0
- package/dist/jsx/useToastAnimations.mjs +258 -0
- package/dist/jsx/useToastAnimations.mjs.map +1 -0
- package/dist/jsx/useToastAnimations.native.js +304 -0
- package/dist/jsx/useToastAnimations.native.js.map +1 -0
- package/dist/jsx/v2.mjs +6 -0
- package/dist/jsx/v2.mjs.map +1 -0
- package/dist/jsx/v2.native.js +39 -0
- package/dist/jsx/v2.native.js.map +1 -0
- package/package.json +43 -24
- package/src/Toast.tsx +2 -2
- package/src/ToastComposable.tsx +1380 -0
- package/src/ToastImpl.tsx +15 -3
- package/src/ToastItemFrame.tsx +136 -0
- package/src/ToastPortal.tsx +2 -2
- package/src/ToastProvider.tsx +8 -1
- package/src/ToastState.ts +398 -0
- package/src/ToastViewport.tsx +6 -5
- package/src/Toaster.tsx +181 -0
- package/src/createNativeToast.native.tsx +4 -0
- package/src/createNativeToast.tsx +18 -24
- package/src/dispatchNativeToast.ts +43 -0
- package/src/useAnimatedDragGesture.native.ts +255 -0
- package/src/useAnimatedDragGesture.ts +319 -0
- package/src/useReducedMotion.ts +59 -0
- package/src/useToastAnimations.ts +377 -0
- package/src/v2.ts +31 -0
- package/types/Toast.d.ts +34 -34
- package/types/Toast.d.ts.map +1 -0
- package/types/ToastAnnounce.d.ts +4 -4
- package/types/ToastAnnounce.d.ts.map +1 -0
- package/types/ToastComposable.d.ts +199 -0
- package/types/ToastComposable.d.ts.map +1 -0
- package/types/ToastImperative.d.ts +3 -3
- package/types/ToastImperative.d.ts.map +1 -0
- package/types/ToastImpl.d.ts +11 -11
- package/types/ToastImpl.d.ts.map +1 -0
- package/types/ToastItemFrame.d.ts +25 -0
- package/types/ToastItemFrame.d.ts.map +1 -0
- package/types/ToastPortal.d.ts +1 -1
- package/types/ToastPortal.d.ts.map +1 -0
- package/types/ToastProvider.d.ts +4 -4
- package/types/ToastProvider.d.ts.map +1 -0
- package/types/ToastState.d.ts +179 -0
- package/types/ToastState.d.ts.map +1 -0
- package/types/ToastViewport.d.ts +10 -10
- package/types/ToastViewport.d.ts.map +1 -0
- package/types/Toaster.d.ts +112 -0
- package/types/Toaster.d.ts.map +1 -0
- package/types/constants.d.ts.map +1 -0
- package/types/createNativeToast.d.ts +5 -0
- package/types/createNativeToast.d.ts.map +1 -0
- package/types/createNativeToast.native.d.ts +1 -0
- package/types/createNativeToast.native.d.ts.map +1 -0
- package/types/dispatchNativeToast.d.ts +12 -0
- package/types/dispatchNativeToast.d.ts.map +1 -0
- package/types/index.d.ts.map +1 -0
- package/types/types.d.ts.map +1 -0
- package/types/useAnimatedDragGesture.d.ts +33 -0
- package/types/useAnimatedDragGesture.d.ts.map +1 -0
- package/types/useAnimatedDragGesture.native.d.ts +33 -0
- package/types/useAnimatedDragGesture.native.d.ts.map +1 -0
- package/types/useReducedMotion.d.ts +6 -0
- package/types/useReducedMotion.d.ts.map +1 -0
- package/types/useToastAnimations.d.ts +50 -0
- package/types/useToastAnimations.d.ts.map +1 -0
- package/types/v2.d.ts +10 -0
- package/types/v2.d.ts.map +1 -0
- package/v2/index.cjs +2 -0
- package/v2/index.js +2 -0
- package/v2/index.native.cjs +2 -0
- package/v2/index.native.js +2 -0
- package/LICENSE +0 -21
|
@@ -7,54 +7,58 @@ import * as React from "react";
|
|
|
7
7
|
import { useToastProviderContext } from "./ToastProvider.mjs";
|
|
8
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
9
|
const ToastAnnounceExcludeFrame = styled(View, {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
10
|
+
name: "ToastAnnounceExclude"
|
|
11
|
+
});
|
|
12
|
+
const ToastAnnounceExclude = React.forwardRef((props, forwardedRef) => {
|
|
13
|
+
const {
|
|
14
|
+
altText,
|
|
15
|
+
...announceExcludeProps
|
|
16
|
+
} = props;
|
|
17
|
+
return /* @__PURE__ */jsx(ToastAnnounceExcludeFrame, {
|
|
18
|
+
"data-toast-announce-exclude": "",
|
|
19
|
+
"data-toast-announce-alt": altText || void 0,
|
|
20
|
+
...announceExcludeProps,
|
|
21
|
+
ref: forwardedRef
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
const ToastAnnounce = props => {
|
|
25
|
+
const {
|
|
26
|
+
scope,
|
|
27
|
+
children,
|
|
28
|
+
...announceProps
|
|
29
|
+
} = props;
|
|
30
|
+
const context = useToastProviderContext(scope);
|
|
31
|
+
const [renderAnnounceText, setRenderAnnounceText] = React.useState(false);
|
|
32
|
+
const [isAnnounced, setIsAnnounced] = React.useState(false);
|
|
33
|
+
useNextFrame(() => {
|
|
34
|
+
startTransition(() => {
|
|
35
|
+
setRenderAnnounceText(true);
|
|
22
36
|
});
|
|
23
|
-
})
|
|
24
|
-
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
return useNextFrame(() => {
|
|
34
|
-
startTransition(() => {
|
|
35
|
-
setRenderAnnounceText(!0);
|
|
36
|
-
});
|
|
37
|
-
}), React.useEffect(() => {
|
|
38
|
-
const timer = setTimeout(() => setIsAnnounced(!0), 1e3);
|
|
39
|
-
return () => clearTimeout(timer);
|
|
40
|
-
}, []), isAnnounced ? null : /* @__PURE__ */jsx(Portal, {
|
|
41
|
-
children: /* @__PURE__ */jsx(VisuallyHidden, {
|
|
42
|
-
...announceProps,
|
|
43
|
-
children: renderAnnounceText && /* @__PURE__ */jsxs(Text, {
|
|
44
|
-
children: [context.label, " ", children]
|
|
45
|
-
})
|
|
37
|
+
});
|
|
38
|
+
React.useEffect(() => {
|
|
39
|
+
const timer = setTimeout(() => setIsAnnounced(true), 1e3);
|
|
40
|
+
return () => clearTimeout(timer);
|
|
41
|
+
}, []);
|
|
42
|
+
return isAnnounced ? null : /* @__PURE__ */jsx(Portal, {
|
|
43
|
+
children: /* @__PURE__ */jsx(VisuallyHidden, {
|
|
44
|
+
...announceProps,
|
|
45
|
+
children: renderAnnounceText && /* @__PURE__ */jsxs(Text, {
|
|
46
|
+
children: [context.label, " ", children]
|
|
46
47
|
})
|
|
47
|
-
})
|
|
48
|
-
};
|
|
48
|
+
})
|
|
49
|
+
});
|
|
50
|
+
};
|
|
49
51
|
function useNextFrame(callback = () => {}) {
|
|
50
52
|
const fn = useEvent(callback);
|
|
51
53
|
useIsomorphicLayoutEffect(() => {
|
|
52
|
-
let raf1 = 0
|
|
53
|
-
|
|
54
|
-
|
|
54
|
+
let raf1 = 0;
|
|
55
|
+
let raf2 = 0;
|
|
56
|
+
raf1 = requestAnimationFrame(() => {
|
|
55
57
|
raf2 = requestAnimationFrame(fn);
|
|
56
|
-
})
|
|
57
|
-
|
|
58
|
+
});
|
|
59
|
+
return () => {
|
|
60
|
+
cancelAnimationFrame(raf1);
|
|
61
|
+
cancelAnimationFrame(raf2);
|
|
58
62
|
};
|
|
59
63
|
}, [fn]);
|
|
60
64
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIsomorphicLayoutEffect","View","Text","styled","useEvent","Portal","startTransition","VisuallyHidden","React","useToastProviderContext","jsx","jsxs","ToastAnnounceExcludeFrame","name","ToastAnnounceExclude","forwardRef","props","forwardedRef","altText","announceExcludeProps","ref","ToastAnnounce","scope","children","announceProps","context","renderAnnounceText","setRenderAnnounceText","useState","isAnnounced","setIsAnnounced","useNextFrame","useEffect","timer","setTimeout","clearTimeout","label","callback","fn","raf1","raf2","requestAnimationFrame","cancelAnimationFrame"],"sources":["../../src/ToastAnnounce.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAE1C,SAASC,IAAA,EAAMC,IAAA,EAAMC,MAAA,EAAQC,QAAA,QAAgB;AAC7C,SAASC,MAAA,QAAc;AACvB,SAASC,eAAA,QAAuB;AAChC,SAASC,cAAA,QAAsB;AAC/B,YAAYC,KAAA,MAAW;AAGvB,SAASC,uBAAA,QAA+B;AAoBlC,SAAAC,GAAA,EA0CIC,IAAA,QA1CJ;AAlBN,MAAMC,yBAAA,GAA4BT,MAAA,CAAOF,IAAA,EAAM;
|
|
1
|
+
{"version":3,"names":["useIsomorphicLayoutEffect","View","Text","styled","useEvent","Portal","startTransition","VisuallyHidden","React","useToastProviderContext","jsx","jsxs","ToastAnnounceExcludeFrame","name","ToastAnnounceExclude","forwardRef","props","forwardedRef","altText","announceExcludeProps","ref","ToastAnnounce","scope","children","announceProps","context","renderAnnounceText","setRenderAnnounceText","useState","isAnnounced","setIsAnnounced","useNextFrame","useEffect","timer","setTimeout","clearTimeout","label","callback","fn","raf1","raf2","requestAnimationFrame","cancelAnimationFrame"],"sources":["../../src/ToastAnnounce.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAE1C,SAASC,IAAA,EAAMC,IAAA,EAAMC,MAAA,EAAQC,QAAA,QAAgB;AAC7C,SAASC,MAAA,QAAc;AACvB,SAASC,eAAA,QAAuB;AAChC,SAASC,cAAA,QAAsB;AAC/B,YAAYC,KAAA,MAAW;AAGvB,SAASC,uBAAA,QAA+B;AAoBlC,SAAAC,GAAA,EA0CIC,IAAA,QA1CJ;AAlBN,MAAMC,yBAAA,GAA4BT,MAAA,CAAOF,IAAA,EAAM;EAC7CY,IAAA,EAAM;AACR,CAAC;AAWD,MAAMC,oBAAA,GAAuBN,KAAA,CAAMO,UAAA,CACjC,CAACC,KAAA,EAAOC,YAAA,KAAiB;EACvB,MAAM;IAAEC,OAAA;IAAS,GAAGC;EAAqB,IAAIH,KAAA;EAE7C,OACE,eAAAN,GAAA,CAACE,yBAAA;IACC,+BAA4B;IAC5B,2BAAyBM,OAAA,IAAW;IACnC,GAAGC,oBAAA;IACJC,GAAA,EAAKH;EAAA,CACP;AAEJ,CACF;AASA,MAAMI,aAAA,GACJL,KAAA,IACG;EACH,MAAM;IAAEM,KAAA;IAAOC,QAAA;IAAU,GAAGC;EAAc,IAAIR,KAAA;EAC9C,MAAMS,OAAA,GAAUhB,uBAAA,CAAwBa,KAAK;EAC7C,MAAM,CAACI,kBAAA,EAAoBC,qBAAqB,IAAInB,KAAA,CAAMoB,QAAA,CAAS,KAAK;EACxE,MAAM,CAACC,WAAA,EAAaC,cAAc,IAAItB,KAAA,CAAMoB,QAAA,CAAS,KAAK;EAG1DG,YAAA,CAAa,MAAM;IACjBzB,eAAA,CAAgB,MAAM;MACpBqB,qBAAA,CAAsB,IAAI;IAC5B,CAAC;EACH,CAAC;EAGDnB,KAAA,CAAMwB,SAAA,CAAU,MAAM;IACpB,MAAMC,KAAA,GAAQC,UAAA,CAAW,MAAMJ,cAAA,CAAe,IAAI,GAAG,GAAI;IACzD,OAAO,MAAMK,YAAA,CAAaF,KAAK;EACjC,GAAG,EAAE;EAEL,OAAOJ,WAAA,GAAc,OACnB,eAAAnB,GAAA,CAACL,MAAA;IACCkB,QAAA,iBAAAb,GAAA,CAACH,cAAA;MAAgB,GAAGiB,aAAA;MACjBD,QAAA,EAAAG,kBAAA,IACC,eAAAf,IAAA,CAACT,IAAA;QACEqB,QAAA,GAAAE,OAAA,CAAQW,KAAA,EAAM,KAAEb,QAAA;MAAA,CACnB;IAAA,CAEJ;EAAA,CACF;AAEJ;AAIA,SAASQ,aAAaM,QAAA,GAAWA,CAAA,KAAM,CAAC,GAAG;EACzC,MAAMC,EAAA,GAAKlC,QAAA,CAASiC,QAAQ;EAC5BrC,yBAAA,CAA0B,MAAM;IAC9B,IAAIuC,IAAA,GAAO;IACX,IAAIC,IAAA,GAAO;IACXD,IAAA,GAAOE,qBAAA,CAAsB,MAAM;MACjCD,IAAA,GAAOC,qBAAA,CAAsBH,EAAE;IACjC,CAAC;IACD,OAAO,MAAM;MACXI,oBAAA,CAAqBH,IAAI;MACzBG,oBAAA,CAAqBF,IAAI;IAC3B;EACF,GAAG,CAACF,EAAE,CAAC;AACT","ignoreList":[]}
|
|
@@ -7,59 +7,63 @@ import { VisuallyHidden } from "@hanzogui/visually-hidden";
|
|
|
7
7
|
import * as React from "react";
|
|
8
8
|
import { useToastProviderContext } from "./ToastProvider.native.js";
|
|
9
9
|
var ToastAnnounceExcludeFrame = styled(View, {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
10
|
+
name: "ToastAnnounceExclude"
|
|
11
|
+
});
|
|
12
|
+
var ToastAnnounceExclude = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
13
|
+
var {
|
|
14
|
+
altText,
|
|
15
|
+
...announceExcludeProps
|
|
16
|
+
} = props;
|
|
17
|
+
return /* @__PURE__ */_jsx(ToastAnnounceExcludeFrame, {
|
|
18
|
+
"data-toast-announce-exclude": "",
|
|
19
|
+
"data-toast-announce-alt": altText || void 0,
|
|
20
|
+
...announceExcludeProps,
|
|
21
|
+
ref: forwardedRef
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
var ToastAnnounce = function (props) {
|
|
25
|
+
var {
|
|
26
|
+
scope,
|
|
27
|
+
children,
|
|
28
|
+
...announceProps
|
|
29
|
+
} = props;
|
|
30
|
+
var context = useToastProviderContext(scope);
|
|
31
|
+
var [renderAnnounceText, setRenderAnnounceText] = React.useState(false);
|
|
32
|
+
var [isAnnounced, setIsAnnounced] = React.useState(false);
|
|
33
|
+
useNextFrame(function () {
|
|
34
|
+
startTransition(function () {
|
|
35
|
+
setRenderAnnounceText(true);
|
|
22
36
|
});
|
|
23
|
-
})
|
|
24
|
-
|
|
25
|
-
var {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}), React.useEffect(function () {
|
|
38
|
-
var timer = setTimeout(function () {
|
|
39
|
-
return setIsAnnounced(!0);
|
|
40
|
-
}, 1e3);
|
|
41
|
-
return function () {
|
|
42
|
-
return clearTimeout(timer);
|
|
43
|
-
};
|
|
44
|
-
}, []), isAnnounced ? null : /* @__PURE__ */_jsx(Portal, {
|
|
45
|
-
children: /* @__PURE__ */_jsx(VisuallyHidden, {
|
|
46
|
-
...announceProps,
|
|
47
|
-
children: renderAnnounceText && /* @__PURE__ */_jsxs(Text, {
|
|
48
|
-
children: [context.label, " ", children]
|
|
49
|
-
})
|
|
37
|
+
});
|
|
38
|
+
React.useEffect(function () {
|
|
39
|
+
var timer = setTimeout(function () {
|
|
40
|
+
return setIsAnnounced(true);
|
|
41
|
+
}, 1e3);
|
|
42
|
+
return function () {
|
|
43
|
+
return clearTimeout(timer);
|
|
44
|
+
};
|
|
45
|
+
}, []);
|
|
46
|
+
return isAnnounced ? null : /* @__PURE__ */_jsx(Portal, {
|
|
47
|
+
children: /* @__PURE__ */_jsx(VisuallyHidden, {
|
|
48
|
+
...announceProps,
|
|
49
|
+
children: renderAnnounceText && /* @__PURE__ */_jsxs(Text, {
|
|
50
|
+
children: [context.label, " ", children]
|
|
50
51
|
})
|
|
51
|
-
})
|
|
52
|
-
};
|
|
52
|
+
})
|
|
53
|
+
});
|
|
54
|
+
};
|
|
53
55
|
function useNextFrame() {
|
|
54
|
-
var callback = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function () {}
|
|
55
|
-
|
|
56
|
+
var callback = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function () {};
|
|
57
|
+
var fn = useEvent(callback);
|
|
56
58
|
useIsomorphicLayoutEffect(function () {
|
|
57
|
-
var raf1 = 0
|
|
58
|
-
|
|
59
|
-
|
|
59
|
+
var raf1 = 0;
|
|
60
|
+
var raf2 = 0;
|
|
61
|
+
raf1 = requestAnimationFrame(function () {
|
|
60
62
|
raf2 = requestAnimationFrame(fn);
|
|
61
|
-
})
|
|
62
|
-
|
|
63
|
+
});
|
|
64
|
+
return function () {
|
|
65
|
+
cancelAnimationFrame(raf1);
|
|
66
|
+
cancelAnimationFrame(raf2);
|
|
63
67
|
};
|
|
64
68
|
}, [fn]);
|
|
65
69
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useIsomorphicLayoutEffect","View","Text","styled","useEvent","Portal","startTransition","VisuallyHidden","React","useToastProviderContext","ToastAnnounceExcludeFrame","name","ToastAnnounceExclude","forwardRef","props","forwardedRef","altText","announceExcludeProps","ref","ToastAnnounce","scope","children","announceProps","context","renderAnnounceText","setRenderAnnounceText","useState","isAnnounced","setIsAnnounced","useNextFrame","useEffect","timer","setTimeout","clearTimeout","label","callback","arguments","length","fn","raf1","raf2","requestAnimationFrame"],"sources":["../../src/ToastAnnounce.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,QAAiC;AAE1C,SAASC,yBAAoB,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useIsomorphicLayoutEffect","View","Text","styled","useEvent","Portal","startTransition","VisuallyHidden","React","useToastProviderContext","ToastAnnounceExcludeFrame","name","ToastAnnounceExclude","forwardRef","props","forwardedRef","altText","announceExcludeProps","ref","ToastAnnounce","scope","children","announceProps","context","renderAnnounceText","setRenderAnnounceText","useState","isAnnounced","setIsAnnounced","useNextFrame","useEffect","timer","setTimeout","clearTimeout","label","callback","arguments","length","fn","raf1","raf2","requestAnimationFrame"],"sources":["../../src/ToastAnnounce.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,QAAiC;AAE1C,SAASC,yBAAoB,6BAAgB;AAC7C,SAASC,IAAA,EAAAC,IAAA,EAAAC,MAAc,EAAAC,QAAA;AACvB,SAASC,MAAA,0BAAuB;AAChC,SAASC,eAAA,QAAsB;AAC/B,SAAAC,cAAuB;AAGvB,YAASC,KAAA;AAoBH,SAAAC,uBAAA;AAlBN,IAAAC,yBAAM,GAAAP,MAA4B,CAAAF,IAAO;EACvCU,IAAA,EAAM;AACR,CAAC;AAWD,IAAAC,oBAAM,kBAA6BJ,KAAA,CAAAK,UAAA,WAAAC,KAAA,EAAAC,YAAA;EACjC,IAAC;IAAAC,OAAO;IAAA,GAAAC;EAAiB,IAAAH,KAAA;EACvB,sBAAoBjB,IAAA,CAAAa,yBAAyB;IAE7C,6BACE;IAAA,yBAAC,EAAAM,OAAA;IAAA,GAAAC,oBAAA;IAAAC,GAAA,EACCH;EAA4B;AACQ;AAChC,IAAAI,aACC,YAAAA,CAAAL,KAAA;EAAA;IAAAM,KAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EAAA,IACPS,OAAA,GAAAd,uBAAA,CAAAW,KAAA;EAEJ,KAAAI,kBAAA,EAAAC,qBAAA,IAAAjB,KAAA,CAAAkB,QAAA;EACF,KAAAC,WAAA,EAAAC,cAAA,IAAApB,KAAA,CAAAkB,QAAA;EASAG,YAAM,aACJ;IAEAvB,eAAe,aAAa;MAC5BmB,qBAAgB;IAChB;EACA;EAGAjB,KAAA,CAAAsB,SAAa,aAAM;IACjB,IAAAC,KAAA,GAAAC,UAAsB;MACpB,OAAAJ,cAAA,CAAsB,IAAI;IAC5B,CAAC;IACF;MAGD,OAAMK,YAAgB,CAAAF,KAAA;IACpB;EACA;EACF,OAAKJ,WAAA,yBAAA9B,IAAA,CAAAQ,MAAA;IAELgB,QAAO,iBACLxB,IAAA,CAAAU,cAAA,EAAC;MAIQ,GAAAe,aAAQ;MAAMD,QAAA,EAAAG,kBAAA,mBAAAzB,KAAA,CAAAG,IAAA;QAAEmB,QAAA,GAGvBE,OACF,CAAAW,KAAA,EAEJ,KAISb,QAAA;MACP;IACA;EACE;AACA;AACA,SAAAQ,YAAOA,CAAA;EACL,IAAAM,QAAO,GAAAC,SAAA,CAAAC,MAAA,GAAsB,CAAE,IAAAD,SAAA,iBAAAA,SAAA;EAEjC,IAAAE,EAAA,GAAOlC,QAAM,CAAA+B,QAAA;EACXnC,yBAAqB,aAAI;IACzB,IAAAuC,IAAA;IACF,IAAAC,IAAA;IACFD,IAAM,GAACE,qBAAA;MACTD,IAAA,GAAAC,qBAAA,CAAAH,EAAA","ignoreList":[]}
|