@coorpacademy/components 11.0.0 → 11.0.2
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/es/atom/picture/index.js +5 -8
- package/es/atom/picture/index.js.map +1 -1
- package/es/molecule/card-congrats/index.native.d.ts.map +1 -1
- package/es/molecule/card-congrats/index.native.js.map +1 -1
- package/es/molecule/discipline-scope/index.d.ts +1 -0
- package/es/molecule/forum/forum-comment/index.d.ts +1 -0
- package/es/molecule/forum/forum-comment/index.d.ts.map +1 -1
- package/es/molecule/forum/forum-comment/index.js +5 -2
- package/es/molecule/forum/forum-comment/index.js.map +1 -1
- package/es/molecule/forum/forum-post/index.d.ts +2 -0
- package/es/molecule/forum/forum-post/index.d.ts.map +1 -1
- package/es/molecule/forum/forum-post/index.js +8 -1
- package/es/molecule/forum/forum-post/index.js.map +1 -1
- package/es/molecule/review-correction-popin/index.native.d.ts.map +1 -1
- package/es/molecule/review-correction-popin/index.native.js +8 -9
- package/es/molecule/review-correction-popin/index.native.js.map +1 -1
- package/es/molecule/scope-content/index.d.ts +1 -0
- package/es/organism/discussion/index.d.ts +1 -0
- package/es/organism/discussion/index.d.ts.map +1 -1
- package/es/organism/discussion/index.js +4 -1
- package/es/organism/discussion/index.js.map +1 -1
- package/es/organism/review-congrats/index.native.d.ts.map +1 -1
- package/es/organism/review-congrats/index.native.js +60 -67
- package/es/organism/review-congrats/index.native.js.map +1 -1
- package/es/organism/review-slide/index.native.d.ts.map +1 -1
- package/es/organism/review-slide/index.native.js +10 -6
- package/es/organism/review-slide/index.native.js.map +1 -1
- package/es/organism/review-slide/prop-types.d.ts +2 -0
- package/es/organism/review-slide/prop-types.d.ts.map +1 -1
- package/es/organism/review-slide/prop-types.js.map +1 -1
- package/es/organism/review-stacked-slides/index.native.d.ts +1 -1
- package/es/organism/review-stacked-slides/index.native.d.ts.map +1 -1
- package/es/organism/review-stacked-slides/index.native.js +85 -12
- package/es/organism/review-stacked-slides/index.native.js.map +1 -1
- package/es/template/app-player/popin-end/index.d.ts +1 -0
- package/es/template/app-player/popin-end/summary.d.ts +1 -0
- package/es/template/common/discipline/index.d.ts +1 -0
- package/lib/atom/picture/index.js +5 -8
- package/lib/atom/picture/index.js.map +1 -1
- package/lib/molecule/card-congrats/index.native.d.ts.map +1 -1
- package/lib/molecule/card-congrats/index.native.js.map +1 -1
- package/lib/molecule/discipline-scope/index.d.ts +1 -0
- package/lib/molecule/forum/forum-comment/index.d.ts +1 -0
- package/lib/molecule/forum/forum-comment/index.d.ts.map +1 -1
- package/lib/molecule/forum/forum-comment/index.js +5 -2
- package/lib/molecule/forum/forum-comment/index.js.map +1 -1
- package/lib/molecule/forum/forum-post/index.d.ts +2 -0
- package/lib/molecule/forum/forum-post/index.d.ts.map +1 -1
- package/lib/molecule/forum/forum-post/index.js +8 -1
- package/lib/molecule/forum/forum-post/index.js.map +1 -1
- package/lib/molecule/review-correction-popin/index.native.d.ts.map +1 -1
- package/lib/molecule/review-correction-popin/index.native.js +9 -10
- package/lib/molecule/review-correction-popin/index.native.js.map +1 -1
- package/lib/molecule/scope-content/index.d.ts +1 -0
- package/lib/organism/discussion/index.d.ts +1 -0
- package/lib/organism/discussion/index.d.ts.map +1 -1
- package/lib/organism/discussion/index.js +4 -1
- package/lib/organism/discussion/index.js.map +1 -1
- package/lib/organism/review-congrats/index.native.d.ts.map +1 -1
- package/lib/organism/review-congrats/index.native.js +60 -68
- package/lib/organism/review-congrats/index.native.js.map +1 -1
- package/lib/organism/review-slide/index.native.d.ts.map +1 -1
- package/lib/organism/review-slide/index.native.js +11 -7
- package/lib/organism/review-slide/index.native.js.map +1 -1
- package/lib/organism/review-slide/prop-types.d.ts +2 -0
- package/lib/organism/review-slide/prop-types.d.ts.map +1 -1
- package/lib/organism/review-slide/prop-types.js.map +1 -1
- package/lib/organism/review-stacked-slides/index.native.d.ts +1 -1
- package/lib/organism/review-stacked-slides/index.native.d.ts.map +1 -1
- package/lib/organism/review-stacked-slides/index.native.js +85 -12
- package/lib/organism/review-stacked-slides/index.native.js.map +1 -1
- package/lib/template/app-player/popin-end/index.d.ts +1 -0
- package/lib/template/app-player/popin-end/summary.d.ts +1 -0
- package/lib/template/common/discipline/index.d.ts +1 -0
- package/locales/.mtslconfig.json +1 -0
- package/package.json +3 -2
- package/es/behaviours/use-translate-vertically.native.d.ts +0 -16
- package/es/behaviours/use-translate-vertically.native.d.ts.map +0 -1
- package/es/behaviours/use-translate-vertically.native.js +0 -44
- package/es/behaviours/use-translate-vertically.native.js.map +0 -1
- package/es/behaviours/use-update-opacity.native.d.ts +0 -14
- package/es/behaviours/use-update-opacity.native.d.ts.map +0 -1
- package/es/behaviours/use-update-opacity.native.js +0 -55
- package/es/behaviours/use-update-opacity.native.js.map +0 -1
- package/lib/behaviours/use-translate-vertically.native.d.ts +0 -16
- package/lib/behaviours/use-translate-vertically.native.d.ts.map +0 -1
- package/lib/behaviours/use-translate-vertically.native.js +0 -51
- package/lib/behaviours/use-translate-vertically.native.js.map +0 -1
- package/lib/behaviours/use-update-opacity.native.d.ts +0 -14
- package/lib/behaviours/use-update-opacity.native.d.ts.map +0 -1
- package/lib/behaviours/use-update-opacity.native.js +0 -62
- package/lib/behaviours/use-update-opacity.native.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["TOTAL_SLIDES_STACK","style","StyleSheet","create","slides","flex","height","width","StackedSlides","props","windowHeight","useWindowDimensions","
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["TOTAL_SLIDES_STACK","style","StyleSheet","create","slides","flex","height","width","FakeSlide","position","validateButton","loading","StackedSlides","props","windowHeight","useWindowDimensions","endReview","correctionPopinProps","unstacked","setUnstacked","useState","restacked","setRestacked","hideSlides","useTranslateY","fromValue","toValue","duration","translateDown","useEffect","start","restackingSlide","keys","find","k","animationType","unstackingSlide","remainingKeys","filter","orderedKeys","sort","k1","k2","animatedSlide","includes","toString","unstacking","restacking","stackedSlides","map","slideIndex","index","slide","num","length","push","animatedStyle"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Animated, StyleSheet, useWindowDimensions} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport {useTranslateY} from '@coorpacademy/react-native-animation';\nimport Slide from '../review-slide/index.native';\nimport type {ReviewSlideProps} from '../review-slide/prop-types';\nimport type {ReviewStackProps} from './prop-types';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst style = StyleSheet.create({\n slides: {\n flex: 1,\n height: '100%',\n width: '100%'\n }\n});\n\ntype FakeSlideProps = {position: number; validateButton: ReviewSlideProps['validateButton']};\nconst FakeSlide = ({position, validateButton}: FakeSlideProps) => (\n <Slide\n num={position}\n slide={{loading: true, position}}\n slideIndex={`${position}`}\n validateButton={validateButton}\n />\n);\n\n/*\n - slides are ordered to be played from left to right: [0,1,2,3]\n - slides are piled on the view, so we need to reverse the order:\n -> it's like our eye is looking from the right [3,2,1,0] <-- oO\n*/\nconst StackedSlides = (props: ReviewStackProps) => {\n const {height: windowHeight} = useWindowDimensions();\n const {endReview, slides, validateButton, correctionPopinProps} = props;\n const [unstacked, setUnstacked] = useState<string[]>([]);\n const [restacked, setRestacked] = useState<string | null>();\n\n const hideSlides = useTranslateY({\n fromValue: 0,\n toValue: windowHeight,\n duration: 800\n });\n\n const translateDown = useTranslateY({\n fromValue: 0,\n toValue: windowHeight - 100,\n duration: 1000\n });\n\n useEffect(() => {\n if (endReview) {\n hideSlides.start();\n }\n }, [endReview, hideSlides]);\n\n const restackingSlide = keys(slides).find(k => slides[k].animationType === 'restack');\n const unstackingSlide = keys(slides).find(k => slides[k].animationType === 'unstack');\n\n const remainingKeys = keys(slides).filter(\n k => slides[k].position >= 0 && !slides[k].animationType\n );\n\n const orderedKeys = remainingKeys.sort((k1, k2) =>\n slides[k2].position > slides[k1].position ? 1 : -1\n );\n\n const animatedSlide = restackingSlide || unstackingSlide;\n\n useEffect(() => {\n if (restacked && orderedKeys.includes(restacked)) {\n setRestacked(null);\n }\n // this effect is required only when the list orderedKeys changes\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [orderedKeys.toString()]);\n\n useEffect(() => {\n const unstacking = unstackingSlide && !unstacked.includes(unstackingSlide);\n\n if (unstacking) {\n translateDown.start(() => {\n setUnstacked([...unstacked, unstackingSlide]);\n });\n }\n }, [unstackingSlide, unstacked, setUnstacked, translateDown]);\n\n useEffect(() => {\n const restacking = restackingSlide && restacked !== restackingSlide;\n\n if (restacking) {\n translateDown.start(() => {\n setRestacked(restackingSlide);\n });\n }\n }, [restackingSlide, restacked, setRestacked, translateDown]);\n\n const stackedSlides = orderedKeys.map((slideIndex, index) => {\n const slide = slides[slideIndex];\n\n return (\n <Slide\n {...{\n num: orderedKeys.length - index,\n slideIndex,\n slide,\n validateButton,\n correctionPopinProps\n }}\n key={slideIndex}\n />\n );\n });\n\n if (animatedSlide) {\n stackedSlides.push(\n <Slide\n {...{\n num: 0,\n slideIndex: animatedSlide,\n slide: slides[animatedSlide],\n validateButton,\n correctionPopinProps\n }}\n animatedStyle={[translateDown.animatedStyle]}\n key={animatedSlide}\n />\n );\n }\n\n return (\n <Animated.View style={[style.slides, hideSlides.animatedStyle]}>\n {restacked ? (\n <FakeSlide position={orderedKeys.length + 1} validateButton={validateButton} />\n ) : null}\n {stackedSlides}\n </Animated.View>\n );\n};\n\nexport default StackedSlides;\n"],"mappings":"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"}
|
|
@@ -65,6 +65,7 @@ declare namespace PopinEnd {
|
|
|
65
65
|
avatar: PropTypes.Requireable<any>;
|
|
66
66
|
loading: PropTypes.Requireable<boolean>;
|
|
67
67
|
value: PropTypes.Requireable<string>;
|
|
68
|
+
profileAvatarAlt: PropTypes.Requireable<string>;
|
|
68
69
|
title: PropTypes.Requireable<string>;
|
|
69
70
|
onPost: PropTypes.Requireable<(...args: any[]) => any>;
|
|
70
71
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -71,6 +71,7 @@ declare namespace Summary {
|
|
|
71
71
|
avatar: PropTypes.Requireable<any>;
|
|
72
72
|
loading: PropTypes.Requireable<boolean>;
|
|
73
73
|
value: PropTypes.Requireable<string>;
|
|
74
|
+
profileAvatarAlt: PropTypes.Requireable<string>;
|
|
74
75
|
title: PropTypes.Requireable<string>;
|
|
75
76
|
onPost: PropTypes.Requireable<(...args: any[]) => any>;
|
|
76
77
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -78,6 +78,7 @@ declare namespace Discipline {
|
|
|
78
78
|
avatar: PropTypes.Requireable<any>;
|
|
79
79
|
loading: PropTypes.Requireable<boolean>;
|
|
80
80
|
value: PropTypes.Requireable<string>;
|
|
81
|
+
profileAvatarAlt: PropTypes.Requireable<string>;
|
|
81
82
|
title: PropTypes.Requireable<string>;
|
|
82
83
|
onPost: PropTypes.Requireable<(...args: any[]) => any>;
|
|
83
84
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"ignore_dirs":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.0.
|
|
3
|
+
"version": "11.0.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -57,6 +57,7 @@
|
|
|
57
57
|
],
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@coorpacademy/nova-icons": "4.0.0",
|
|
60
|
+
"@coorpacademy/react-native-animation": "1.0.2",
|
|
60
61
|
"@jwplayer/jwplayer-react": "^1.1.0",
|
|
61
62
|
"@types/react": "^17.0.50",
|
|
62
63
|
"@types/react-dom": "^17.0.17",
|
|
@@ -158,5 +159,5 @@
|
|
|
158
159
|
"last 2 versions",
|
|
159
160
|
"IE 11"
|
|
160
161
|
],
|
|
161
|
-
"gitHead": "
|
|
162
|
+
"gitHead": "8f7727d8125f1538d2b683c1af2f1879186e36fe"
|
|
162
163
|
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Animated } from 'react-native';
|
|
2
|
-
declare type Params = Omit<Animated.TimingAnimationConfig, 'useNativeDriver' | 'toValue'> & {
|
|
3
|
-
onFinished?: () => void;
|
|
4
|
-
fromValue?: number;
|
|
5
|
-
toValue?: Animated.TimingAnimationConfig['toValue'];
|
|
6
|
-
};
|
|
7
|
-
declare const useTranslateVertically: (params?: Params) => {
|
|
8
|
-
translate: () => void;
|
|
9
|
-
animatedY: {
|
|
10
|
-
transform: {
|
|
11
|
-
translateY: Animated.Value;
|
|
12
|
-
}[];
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export default useTranslateVertically;
|
|
16
|
-
//# sourceMappingURL=use-translate-vertically.native.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-translate-vertically.native.d.ts","sourceRoot":"","sources":["../../src/behaviours/use-translate-vertically.native.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAEtC,aAAK,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,iBAAiB,GAAG,SAAS,CAAC,GAAG;IAClF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,QAAQ,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;CACrD,CAAC;AAEF,QAAA,MAAM,sBAAsB,YAAY,MAAM;;;;;;;CAkB7C,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
const _excluded = ["fromValue", "toValue", "duration", "onFinished"];
|
|
2
|
-
|
|
3
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
-
|
|
5
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
|
-
|
|
7
|
-
import { useCallback, useRef } from 'react';
|
|
8
|
-
import { Animated } from 'react-native';
|
|
9
|
-
|
|
10
|
-
const useTranslateVertically = (params = {}) => {
|
|
11
|
-
const {
|
|
12
|
-
fromValue = 0,
|
|
13
|
-
toValue = 100,
|
|
14
|
-
duration = 550,
|
|
15
|
-
onFinished
|
|
16
|
-
} = params,
|
|
17
|
-
othersParams = _objectWithoutPropertiesLoose(params, _excluded);
|
|
18
|
-
|
|
19
|
-
const translateY = useRef(new Animated.Value(fromValue)).current;
|
|
20
|
-
const translate = useCallback(() => {
|
|
21
|
-
Animated.timing(translateY, _extends({}, othersParams, {
|
|
22
|
-
toValue,
|
|
23
|
-
duration,
|
|
24
|
-
useNativeDriver: true
|
|
25
|
-
})).start(({
|
|
26
|
-
finished
|
|
27
|
-
}) => {
|
|
28
|
-
if (finished) {
|
|
29
|
-
onFinished?.();
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
}, [onFinished, duration, othersParams, toValue, translateY]);
|
|
33
|
-
return {
|
|
34
|
-
translate,
|
|
35
|
-
animatedY: {
|
|
36
|
-
transform: [{
|
|
37
|
-
translateY
|
|
38
|
-
}]
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
export default useTranslateVertically;
|
|
44
|
-
//# sourceMappingURL=use-translate-vertically.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-translate-vertically.native.js","names":["useCallback","useRef","Animated","useTranslateVertically","params","fromValue","toValue","duration","onFinished","othersParams","translateY","Value","current","translate","timing","useNativeDriver","start","finished","animatedY","transform"],"sources":["../../src/behaviours/use-translate-vertically.native.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react';\nimport {Animated} from 'react-native';\n\ntype Params = Omit<Animated.TimingAnimationConfig, 'useNativeDriver' | 'toValue'> & {\n onFinished?: () => void;\n fromValue?: number;\n toValue?: Animated.TimingAnimationConfig['toValue'];\n};\n\nconst useTranslateVertically = (params: Params = {}) => {\n const {fromValue = 0, toValue = 100, duration = 550, onFinished, ...othersParams} = params;\n const translateY = useRef(new Animated.Value(fromValue)).current;\n\n const translate = useCallback(() => {\n Animated.timing(translateY, {\n ...othersParams,\n toValue,\n duration,\n useNativeDriver: true\n }).start(({finished}) => {\n if (finished) {\n onFinished?.();\n }\n });\n }, [onFinished, duration, othersParams, toValue, translateY]);\n\n return {translate, animatedY: {transform: [{translateY}]}};\n};\n\nexport default useTranslateVertically;\n"],"mappings":";;;;;;AAAA,SAAQA,WAAR,EAAqBC,MAArB,QAAkC,OAAlC;AACA,SAAQC,QAAR,QAAuB,cAAvB;;AAQA,MAAMC,sBAAsB,GAAG,CAACC,MAAc,GAAG,EAAlB,KAAyB;EACtD,MAAM;IAACC,SAAS,GAAG,CAAb;IAAgBC,OAAO,GAAG,GAA1B;IAA+BC,QAAQ,GAAG,GAA1C;IAA+CC;EAA/C,IAA8EJ,MAApF;EAAA,MAAoEK,YAApE,iCAAoFL,MAApF;;EACA,MAAMM,UAAU,GAAGT,MAAM,CAAC,IAAIC,QAAQ,CAACS,KAAb,CAAmBN,SAAnB,CAAD,CAAN,CAAsCO,OAAzD;EAEA,MAAMC,SAAS,GAAGb,WAAW,CAAC,MAAM;IAClCE,QAAQ,CAACY,MAAT,CAAgBJ,UAAhB,eACKD,YADL;MAEEH,OAFF;MAGEC,QAHF;MAIEQ,eAAe,EAAE;IAJnB,IAKGC,KALH,CAKS,CAAC;MAACC;IAAD,CAAD,KAAgB;MACvB,IAAIA,QAAJ,EAAc;QACZT,UAAU;MACX;IACF,CATD;EAUD,CAX4B,EAW1B,CAACA,UAAD,EAAaD,QAAb,EAAuBE,YAAvB,EAAqCH,OAArC,EAA8CI,UAA9C,CAX0B,CAA7B;EAaA,OAAO;IAACG,SAAD;IAAYK,SAAS,EAAE;MAACC,SAAS,EAAE,CAAC;QAACT;MAAD,CAAD;IAAZ;EAAvB,CAAP;AACD,CAlBD;;AAoBA,eAAeP,sBAAf"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Animated } from 'react-native';
|
|
2
|
-
declare type Params = Omit<Animated.TimingAnimationConfig, 'useNativeDriver' | 'toValue'> & {
|
|
3
|
-
onFadeInFinished?: () => void;
|
|
4
|
-
onFadeOutFinished?: () => void;
|
|
5
|
-
};
|
|
6
|
-
declare const useUpdateOpacity: (params?: Params) => {
|
|
7
|
-
fadeIn: () => void;
|
|
8
|
-
fadeOut: () => void;
|
|
9
|
-
animatedOpacity: {
|
|
10
|
-
opacity: Animated.Value;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export default useUpdateOpacity;
|
|
14
|
-
//# sourceMappingURL=use-update-opacity.native.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-update-opacity.native.d.ts","sourceRoot":"","sources":["../../src/behaviours/use-update-opacity.native.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAEtC,aAAK,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,iBAAiB,GAAG,SAAS,CAAC,GAAG;IAClF,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,gBAAgB,YAAY,MAAM;;;;;;CAgCvC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
const _excluded = ["duration", "onFadeInFinished", "onFadeOutFinished"];
|
|
2
|
-
|
|
3
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
-
|
|
5
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
|
-
|
|
7
|
-
import { useCallback, useRef } from 'react';
|
|
8
|
-
import { Animated } from 'react-native';
|
|
9
|
-
|
|
10
|
-
const useUpdateOpacity = (params = {}) => {
|
|
11
|
-
const {
|
|
12
|
-
duration = 750,
|
|
13
|
-
onFadeInFinished,
|
|
14
|
-
onFadeOutFinished
|
|
15
|
-
} = params,
|
|
16
|
-
othersParams = _objectWithoutPropertiesLoose(params, _excluded);
|
|
17
|
-
|
|
18
|
-
const fadeAnim = useRef(new Animated.Value(0)).current;
|
|
19
|
-
const fadeIn = useCallback(() => {
|
|
20
|
-
Animated.timing(fadeAnim, _extends({}, othersParams, {
|
|
21
|
-
toValue: 1,
|
|
22
|
-
duration,
|
|
23
|
-
useNativeDriver: true
|
|
24
|
-
})).start(({
|
|
25
|
-
finished
|
|
26
|
-
}) => {
|
|
27
|
-
if (finished) {
|
|
28
|
-
onFadeInFinished?.();
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
}, [duration, fadeAnim, onFadeInFinished, othersParams]);
|
|
32
|
-
const fadeOut = useCallback(() => {
|
|
33
|
-
Animated.timing(fadeAnim, _extends({}, othersParams, {
|
|
34
|
-
toValue: 0,
|
|
35
|
-
duration,
|
|
36
|
-
useNativeDriver: true
|
|
37
|
-
})).start(({
|
|
38
|
-
finished
|
|
39
|
-
}) => {
|
|
40
|
-
if (finished) {
|
|
41
|
-
onFadeOutFinished?.();
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
}, [duration, fadeAnim, onFadeOutFinished, othersParams]);
|
|
45
|
-
return {
|
|
46
|
-
fadeIn,
|
|
47
|
-
fadeOut,
|
|
48
|
-
animatedOpacity: {
|
|
49
|
-
opacity: fadeAnim
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
export default useUpdateOpacity;
|
|
55
|
-
//# sourceMappingURL=use-update-opacity.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-update-opacity.native.js","names":["useCallback","useRef","Animated","useUpdateOpacity","params","duration","onFadeInFinished","onFadeOutFinished","othersParams","fadeAnim","Value","current","fadeIn","timing","toValue","useNativeDriver","start","finished","fadeOut","animatedOpacity","opacity"],"sources":["../../src/behaviours/use-update-opacity.native.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react';\nimport {Animated} from 'react-native';\n\ntype Params = Omit<Animated.TimingAnimationConfig, 'useNativeDriver' | 'toValue'> & {\n onFadeInFinished?: () => void;\n onFadeOutFinished?: () => void;\n};\n\nconst useUpdateOpacity = (params: Params = {}) => {\n const {duration = 750, onFadeInFinished, onFadeOutFinished, ...othersParams} = params;\n\n const fadeAnim = useRef(new Animated.Value(0)).current;\n\n const fadeIn = useCallback(() => {\n Animated.timing(fadeAnim, {\n ...othersParams,\n toValue: 1,\n duration,\n useNativeDriver: true\n }).start(({finished}) => {\n if (finished) {\n onFadeInFinished?.();\n }\n });\n }, [duration, fadeAnim, onFadeInFinished, othersParams]);\n\n const fadeOut = useCallback(() => {\n Animated.timing(fadeAnim, {\n ...othersParams,\n toValue: 0,\n duration,\n useNativeDriver: true\n }).start(({finished}) => {\n if (finished) {\n onFadeOutFinished?.();\n }\n });\n }, [duration, fadeAnim, onFadeOutFinished, othersParams]);\n\n return {fadeIn, fadeOut, animatedOpacity: {opacity: fadeAnim}};\n};\n\nexport default useUpdateOpacity;\n"],"mappings":";;;;;;AAAA,SAAQA,WAAR,EAAqBC,MAArB,QAAkC,OAAlC;AACA,SAAQC,QAAR,QAAuB,cAAvB;;AAOA,MAAMC,gBAAgB,GAAG,CAACC,MAAc,GAAG,EAAlB,KAAyB;EAChD,MAAM;IAACC,QAAQ,GAAG,GAAZ;IAAiBC,gBAAjB;IAAmCC;EAAnC,IAAyEH,MAA/E;EAAA,MAA+DI,YAA/D,iCAA+EJ,MAA/E;;EAEA,MAAMK,QAAQ,GAAGR,MAAM,CAAC,IAAIC,QAAQ,CAACQ,KAAb,CAAmB,CAAnB,CAAD,CAAN,CAA8BC,OAA/C;EAEA,MAAMC,MAAM,GAAGZ,WAAW,CAAC,MAAM;IAC/BE,QAAQ,CAACW,MAAT,CAAgBJ,QAAhB,eACKD,YADL;MAEEM,OAAO,EAAE,CAFX;MAGET,QAHF;MAIEU,eAAe,EAAE;IAJnB,IAKGC,KALH,CAKS,CAAC;MAACC;IAAD,CAAD,KAAgB;MACvB,IAAIA,QAAJ,EAAc;QACZX,gBAAgB;MACjB;IACF,CATD;EAUD,CAXyB,EAWvB,CAACD,QAAD,EAAWI,QAAX,EAAqBH,gBAArB,EAAuCE,YAAvC,CAXuB,CAA1B;EAaA,MAAMU,OAAO,GAAGlB,WAAW,CAAC,MAAM;IAChCE,QAAQ,CAACW,MAAT,CAAgBJ,QAAhB,eACKD,YADL;MAEEM,OAAO,EAAE,CAFX;MAGET,QAHF;MAIEU,eAAe,EAAE;IAJnB,IAKGC,KALH,CAKS,CAAC;MAACC;IAAD,CAAD,KAAgB;MACvB,IAAIA,QAAJ,EAAc;QACZV,iBAAiB;MAClB;IACF,CATD;EAUD,CAX0B,EAWxB,CAACF,QAAD,EAAWI,QAAX,EAAqBF,iBAArB,EAAwCC,YAAxC,CAXwB,CAA3B;EAaA,OAAO;IAACI,MAAD;IAASM,OAAT;IAAkBC,eAAe,EAAE;MAACC,OAAO,EAAEX;IAAV;EAAnC,CAAP;AACD,CAhCD;;AAkCA,eAAeN,gBAAf"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Animated } from 'react-native';
|
|
2
|
-
declare type Params = Omit<Animated.TimingAnimationConfig, 'useNativeDriver' | 'toValue'> & {
|
|
3
|
-
onFinished?: () => void;
|
|
4
|
-
fromValue?: number;
|
|
5
|
-
toValue?: Animated.TimingAnimationConfig['toValue'];
|
|
6
|
-
};
|
|
7
|
-
declare const useTranslateVertically: (params?: Params) => {
|
|
8
|
-
translate: () => void;
|
|
9
|
-
animatedY: {
|
|
10
|
-
transform: {
|
|
11
|
-
translateY: Animated.Value;
|
|
12
|
-
}[];
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export default useTranslateVertically;
|
|
16
|
-
//# sourceMappingURL=use-translate-vertically.native.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-translate-vertically.native.d.ts","sourceRoot":"","sources":["../../src/behaviours/use-translate-vertically.native.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAEtC,aAAK,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,iBAAiB,GAAG,SAAS,CAAC,GAAG;IAClF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,QAAQ,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;CACrD,CAAC;AAEF,QAAA,MAAM,sBAAsB,YAAY,MAAM;;;;;;;CAkB7C,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = void 0;
|
|
5
|
-
|
|
6
|
-
var _react = require("react");
|
|
7
|
-
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
|
|
10
|
-
const _excluded = ["fromValue", "toValue", "duration", "onFinished"];
|
|
11
|
-
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
|
-
|
|
14
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
15
|
-
|
|
16
|
-
const useTranslateVertically = (params = {}) => {
|
|
17
|
-
const {
|
|
18
|
-
fromValue = 0,
|
|
19
|
-
toValue = 100,
|
|
20
|
-
duration = 550,
|
|
21
|
-
onFinished
|
|
22
|
-
} = params,
|
|
23
|
-
othersParams = _objectWithoutPropertiesLoose(params, _excluded);
|
|
24
|
-
|
|
25
|
-
const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(fromValue)).current;
|
|
26
|
-
const translate = (0, _react.useCallback)(() => {
|
|
27
|
-
_reactNative.Animated.timing(translateY, _extends({}, othersParams, {
|
|
28
|
-
toValue,
|
|
29
|
-
duration,
|
|
30
|
-
useNativeDriver: true
|
|
31
|
-
})).start(({
|
|
32
|
-
finished
|
|
33
|
-
}) => {
|
|
34
|
-
if (finished) {
|
|
35
|
-
onFinished?.();
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
}, [onFinished, duration, othersParams, toValue, translateY]);
|
|
39
|
-
return {
|
|
40
|
-
translate,
|
|
41
|
-
animatedY: {
|
|
42
|
-
transform: [{
|
|
43
|
-
translateY
|
|
44
|
-
}]
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
var _default = useTranslateVertically;
|
|
50
|
-
exports.default = _default;
|
|
51
|
-
//# sourceMappingURL=use-translate-vertically.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-translate-vertically.native.js","names":["useTranslateVertically","params","fromValue","toValue","duration","onFinished","othersParams","translateY","useRef","Animated","Value","current","translate","useCallback","timing","useNativeDriver","start","finished","animatedY","transform"],"sources":["../../src/behaviours/use-translate-vertically.native.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react';\nimport {Animated} from 'react-native';\n\ntype Params = Omit<Animated.TimingAnimationConfig, 'useNativeDriver' | 'toValue'> & {\n onFinished?: () => void;\n fromValue?: number;\n toValue?: Animated.TimingAnimationConfig['toValue'];\n};\n\nconst useTranslateVertically = (params: Params = {}) => {\n const {fromValue = 0, toValue = 100, duration = 550, onFinished, ...othersParams} = params;\n const translateY = useRef(new Animated.Value(fromValue)).current;\n\n const translate = useCallback(() => {\n Animated.timing(translateY, {\n ...othersParams,\n toValue,\n duration,\n useNativeDriver: true\n }).start(({finished}) => {\n if (finished) {\n onFinished?.();\n }\n });\n }, [onFinished, duration, othersParams, toValue, translateY]);\n\n return {translate, animatedY: {transform: [{translateY}]}};\n};\n\nexport default useTranslateVertically;\n"],"mappings":";;;;;AAAA;;AACA;;;;;;;;AAQA,MAAMA,sBAAsB,GAAG,CAACC,MAAc,GAAG,EAAlB,KAAyB;EACtD,MAAM;IAACC,SAAS,GAAG,CAAb;IAAgBC,OAAO,GAAG,GAA1B;IAA+BC,QAAQ,GAAG,GAA1C;IAA+CC;EAA/C,IAA8EJ,MAApF;EAAA,MAAoEK,YAApE,iCAAoFL,MAApF;;EACA,MAAMM,UAAU,GAAG,IAAAC,aAAA,EAAO,IAAIC,qBAAA,CAASC,KAAb,CAAmBR,SAAnB,CAAP,EAAsCS,OAAzD;EAEA,MAAMC,SAAS,GAAG,IAAAC,kBAAA,EAAY,MAAM;IAClCJ,qBAAA,CAASK,MAAT,CAAgBP,UAAhB,eACKD,YADL;MAEEH,OAFF;MAGEC,QAHF;MAIEW,eAAe,EAAE;IAJnB,IAKGC,KALH,CAKS,CAAC;MAACC;IAAD,CAAD,KAAgB;MACvB,IAAIA,QAAJ,EAAc;QACZZ,UAAU;MACX;IACF,CATD;EAUD,CAXiB,EAWf,CAACA,UAAD,EAAaD,QAAb,EAAuBE,YAAvB,EAAqCH,OAArC,EAA8CI,UAA9C,CAXe,CAAlB;EAaA,OAAO;IAACK,SAAD;IAAYM,SAAS,EAAE;MAACC,SAAS,EAAE,CAAC;QAACZ;MAAD,CAAD;IAAZ;EAAvB,CAAP;AACD,CAlBD;;eAoBeP,sB"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Animated } from 'react-native';
|
|
2
|
-
declare type Params = Omit<Animated.TimingAnimationConfig, 'useNativeDriver' | 'toValue'> & {
|
|
3
|
-
onFadeInFinished?: () => void;
|
|
4
|
-
onFadeOutFinished?: () => void;
|
|
5
|
-
};
|
|
6
|
-
declare const useUpdateOpacity: (params?: Params) => {
|
|
7
|
-
fadeIn: () => void;
|
|
8
|
-
fadeOut: () => void;
|
|
9
|
-
animatedOpacity: {
|
|
10
|
-
opacity: Animated.Value;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export default useUpdateOpacity;
|
|
14
|
-
//# sourceMappingURL=use-update-opacity.native.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-update-opacity.native.d.ts","sourceRoot":"","sources":["../../src/behaviours/use-update-opacity.native.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAEtC,aAAK,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,iBAAiB,GAAG,SAAS,CAAC,GAAG;IAClF,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,gBAAgB,YAAY,MAAM;;;;;;CAgCvC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = void 0;
|
|
5
|
-
|
|
6
|
-
var _react = require("react");
|
|
7
|
-
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
|
|
10
|
-
const _excluded = ["duration", "onFadeInFinished", "onFadeOutFinished"];
|
|
11
|
-
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
|
-
|
|
14
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
15
|
-
|
|
16
|
-
const useUpdateOpacity = (params = {}) => {
|
|
17
|
-
const {
|
|
18
|
-
duration = 750,
|
|
19
|
-
onFadeInFinished,
|
|
20
|
-
onFadeOutFinished
|
|
21
|
-
} = params,
|
|
22
|
-
othersParams = _objectWithoutPropertiesLoose(params, _excluded);
|
|
23
|
-
|
|
24
|
-
const fadeAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
25
|
-
const fadeIn = (0, _react.useCallback)(() => {
|
|
26
|
-
_reactNative.Animated.timing(fadeAnim, _extends({}, othersParams, {
|
|
27
|
-
toValue: 1,
|
|
28
|
-
duration,
|
|
29
|
-
useNativeDriver: true
|
|
30
|
-
})).start(({
|
|
31
|
-
finished
|
|
32
|
-
}) => {
|
|
33
|
-
if (finished) {
|
|
34
|
-
onFadeInFinished?.();
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
}, [duration, fadeAnim, onFadeInFinished, othersParams]);
|
|
38
|
-
const fadeOut = (0, _react.useCallback)(() => {
|
|
39
|
-
_reactNative.Animated.timing(fadeAnim, _extends({}, othersParams, {
|
|
40
|
-
toValue: 0,
|
|
41
|
-
duration,
|
|
42
|
-
useNativeDriver: true
|
|
43
|
-
})).start(({
|
|
44
|
-
finished
|
|
45
|
-
}) => {
|
|
46
|
-
if (finished) {
|
|
47
|
-
onFadeOutFinished?.();
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
}, [duration, fadeAnim, onFadeOutFinished, othersParams]);
|
|
51
|
-
return {
|
|
52
|
-
fadeIn,
|
|
53
|
-
fadeOut,
|
|
54
|
-
animatedOpacity: {
|
|
55
|
-
opacity: fadeAnim
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
var _default = useUpdateOpacity;
|
|
61
|
-
exports.default = _default;
|
|
62
|
-
//# sourceMappingURL=use-update-opacity.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-update-opacity.native.js","names":["useUpdateOpacity","params","duration","onFadeInFinished","onFadeOutFinished","othersParams","fadeAnim","useRef","Animated","Value","current","fadeIn","useCallback","timing","toValue","useNativeDriver","start","finished","fadeOut","animatedOpacity","opacity"],"sources":["../../src/behaviours/use-update-opacity.native.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react';\nimport {Animated} from 'react-native';\n\ntype Params = Omit<Animated.TimingAnimationConfig, 'useNativeDriver' | 'toValue'> & {\n onFadeInFinished?: () => void;\n onFadeOutFinished?: () => void;\n};\n\nconst useUpdateOpacity = (params: Params = {}) => {\n const {duration = 750, onFadeInFinished, onFadeOutFinished, ...othersParams} = params;\n\n const fadeAnim = useRef(new Animated.Value(0)).current;\n\n const fadeIn = useCallback(() => {\n Animated.timing(fadeAnim, {\n ...othersParams,\n toValue: 1,\n duration,\n useNativeDriver: true\n }).start(({finished}) => {\n if (finished) {\n onFadeInFinished?.();\n }\n });\n }, [duration, fadeAnim, onFadeInFinished, othersParams]);\n\n const fadeOut = useCallback(() => {\n Animated.timing(fadeAnim, {\n ...othersParams,\n toValue: 0,\n duration,\n useNativeDriver: true\n }).start(({finished}) => {\n if (finished) {\n onFadeOutFinished?.();\n }\n });\n }, [duration, fadeAnim, onFadeOutFinished, othersParams]);\n\n return {fadeIn, fadeOut, animatedOpacity: {opacity: fadeAnim}};\n};\n\nexport default useUpdateOpacity;\n"],"mappings":";;;;;AAAA;;AACA;;;;;;;;AAOA,MAAMA,gBAAgB,GAAG,CAACC,MAAc,GAAG,EAAlB,KAAyB;EAChD,MAAM;IAACC,QAAQ,GAAG,GAAZ;IAAiBC,gBAAjB;IAAmCC;EAAnC,IAAyEH,MAA/E;EAAA,MAA+DI,YAA/D,iCAA+EJ,MAA/E;;EAEA,MAAMK,QAAQ,GAAG,IAAAC,aAAA,EAAO,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAP,EAA8BC,OAA/C;EAEA,MAAMC,MAAM,GAAG,IAAAC,kBAAA,EAAY,MAAM;IAC/BJ,qBAAA,CAASK,MAAT,CAAgBP,QAAhB,eACKD,YADL;MAEES,OAAO,EAAE,CAFX;MAGEZ,QAHF;MAIEa,eAAe,EAAE;IAJnB,IAKGC,KALH,CAKS,CAAC;MAACC;IAAD,CAAD,KAAgB;MACvB,IAAIA,QAAJ,EAAc;QACZd,gBAAgB;MACjB;IACF,CATD;EAUD,CAXc,EAWZ,CAACD,QAAD,EAAWI,QAAX,EAAqBH,gBAArB,EAAuCE,YAAvC,CAXY,CAAf;EAaA,MAAMa,OAAO,GAAG,IAAAN,kBAAA,EAAY,MAAM;IAChCJ,qBAAA,CAASK,MAAT,CAAgBP,QAAhB,eACKD,YADL;MAEES,OAAO,EAAE,CAFX;MAGEZ,QAHF;MAIEa,eAAe,EAAE;IAJnB,IAKGC,KALH,CAKS,CAAC;MAACC;IAAD,CAAD,KAAgB;MACvB,IAAIA,QAAJ,EAAc;QACZb,iBAAiB;MAClB;IACF,CATD;EAUD,CAXe,EAWb,CAACF,QAAD,EAAWI,QAAX,EAAqBF,iBAArB,EAAwCC,YAAxC,CAXa,CAAhB;EAaA,OAAO;IAACM,MAAD;IAASO,OAAT;IAAkBC,eAAe,EAAE;MAACC,OAAO,EAAEd;IAAV;EAAnC,CAAP;AACD,CAhCD;;eAkCeN,gB"}
|