@magmamath/students-features 0.9.96 → 0.9.97
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/commonjs/features/endOfAssignment/ui/PracticeButtonGroup.js +3 -2
- package/dist/commonjs/features/endOfAssignment/ui/PracticeButtonGroup.js.map +1 -1
- package/dist/module/features/endOfAssignment/ui/PracticeButtonGroup.js +3 -2
- package/dist/module/features/endOfAssignment/ui/PracticeButtonGroup.js.map +1 -1
- package/dist/typescript/commonjs/features/endOfAssignment/ui/PracticeButtonGroup.d.ts.map +1 -1
- package/dist/typescript/module/features/endOfAssignment/ui/PracticeButtonGroup.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/endOfAssignment/ui/PracticeButtonGroup.tsx +4 -3
|
@@ -12,6 +12,7 @@ var _PracticeButton = require("./PracticeButton.js");
|
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
+
const APPEARANCE_DELAY = 1600;
|
|
15
16
|
const PracticeButtonGroup = ({
|
|
16
17
|
textContent,
|
|
17
18
|
isPracticeButtonVisible,
|
|
@@ -21,7 +22,7 @@ const PracticeButtonGroup = ({
|
|
|
21
22
|
}) => {
|
|
22
23
|
const buttonsContainerOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
23
24
|
(0, _react.useEffect)(() => {
|
|
24
|
-
buttonsContainerOpacity.value = (0, _reactNativeReanimated.withDelay)(
|
|
25
|
+
buttonsContainerOpacity.value = (0, _reactNativeReanimated.withDelay)(APPEARANCE_DELAY, (0, _reactNativeReanimated.withTiming)(1, {
|
|
25
26
|
duration: 500
|
|
26
27
|
}));
|
|
27
28
|
}, []);
|
|
@@ -30,7 +31,7 @@ const PracticeButtonGroup = ({
|
|
|
30
31
|
opacity: buttonsContainerOpacity
|
|
31
32
|
}],
|
|
32
33
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
33
|
-
entering: isPracticeButtonVisible ? _reactNativeReanimated.FadeInRight.delay(
|
|
34
|
+
entering: isPracticeButtonVisible ? _reactNativeReanimated.FadeInRight.delay(APPEARANCE_DELAY).duration(500).easing(_reactNativeReanimated.Easing.ease) : _reactNativeReanimated.FadeInUp.duration(500),
|
|
34
35
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
|
|
35
36
|
variant: isPracticeButtonVisible ? _reactNativeUi.ButtonVariant.TERTIARY : _reactNativeUi.ButtonVariant.PRIMARY,
|
|
36
37
|
size: _reactNativeUi.ButtonSize.LARGE,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_PracticeButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PracticeButtonGroup","textContent","isPracticeButtonVisible","onLeftButtonPress","onRightButtonPress","buttonColor","ButtonColor","BLUE","buttonsContainerOpacity","useSharedValue","useEffect","value","withDelay","withTiming","duration","jsxs","View","style","styles","buttonsContainer","opacity","children","jsx","entering","FadeInRight","delay","easing","Easing","ease","FadeInUp","Button","variant","ButtonVariant","TERTIARY","PRIMARY","size","ButtonSize","LARGE","colorScheme","text","textTransform","onPress","leftButtonText","PracticeButton","rightButtonText","exports","StyleSheet","create","height","flexDirection","alignItems","justifyContent","paddingHorizontal","SPACING"],"sourceRoot":"../../../../../src","sources":["features/endOfAssignment/ui/PracticeButtonGroup.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAQA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAJ,OAAA;AAAiD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_PracticeButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","APPEARANCE_DELAY","PracticeButtonGroup","textContent","isPracticeButtonVisible","onLeftButtonPress","onRightButtonPress","buttonColor","ButtonColor","BLUE","buttonsContainerOpacity","useSharedValue","useEffect","value","withDelay","withTiming","duration","jsxs","View","style","styles","buttonsContainer","opacity","children","jsx","entering","FadeInRight","delay","easing","Easing","ease","FadeInUp","Button","variant","ButtonVariant","TERTIARY","PRIMARY","size","ButtonSize","LARGE","colorScheme","text","textTransform","onPress","leftButtonText","PracticeButton","rightButtonText","exports","StyleSheet","create","height","flexDirection","alignItems","justifyContent","paddingHorizontal","SPACING"],"sourceRoot":"../../../../../src","sources":["features/endOfAssignment/ui/PracticeButtonGroup.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAQA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAJ,OAAA;AAAiD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAUjD,MAAMW,gBAAgB,GAAG,IAAI;AAEtB,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,WAAW;EACXC,uBAAuB;EACvBC,iBAAiB;EACjBC,kBAAkB;EAClBC,WAAW,GAAGC,0BAAW,CAACC;AACF,CAAC,KAAK;EAC9B,MAAMC,uBAAuB,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAEjD,IAAAC,gBAAS,EAAC,MAAM;IACdF,uBAAuB,CAACG,KAAK,GAAG,IAAAC,gCAAS,EAACb,gBAAgB,EAAE,IAAAc,iCAAU,EAAC,CAAC,EAAE;MAAEC,QAAQ,EAAE;IAAI,CAAC,CAAC,CAAC;EAC/F,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,IAAApC,WAAA,CAAAqC,IAAA,EAACxC,sBAAA,CAAAU,OAAQ,CAAC+B,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,gBAAgB,EAAE;MAAEC,OAAO,EAAEZ;IAAwB,CAAC,CAAE;IAAAa,QAAA,gBACpF,IAAA3C,WAAA,CAAA4C,GAAA,EAAC/C,sBAAA,CAAAU,OAAQ,CAAC+B,IAAI;MACZO,QAAQ,EACNrB,uBAAuB,GACnBsB,kCAAW,CAACC,KAAK,CAAC1B,gBAAgB,CAAC,CAACe,QAAQ,CAAC,GAAG,CAAC,CAACY,MAAM,CAACC,6BAAM,CAACC,IAAI,CAAC,GACrEC,+BAAQ,CAACf,QAAQ,CAAC,GAAG,CAC1B;MAAAO,QAAA,eAED,IAAA3C,WAAA,CAAA4C,GAAA,EAAC9C,cAAA,CAAAsD,MAAM;QACLC,OAAO,EAAE7B,uBAAuB,GAAG8B,4BAAa,CAACC,QAAQ,GAAGD,4BAAa,CAACE,OAAQ;QAClFC,IAAI,EAAEC,yBAAU,CAACC,KAAM;QACvBC,WAAW,EAAEjC,WAAY;QACzBY,KAAK,EAAE;UAAEsB,IAAI,EAAE;YAAEC,aAAa,EAAE;UAAY;QAAE,CAAE;QAChDC,OAAO,EAAEtC,iBAAkB;QAAAkB,QAAA,EAE1BpB,WAAW,CAACyC;MAAc,CACrB;IAAC,CACI,CAAC,eAChB,IAAAhE,WAAA,CAAA4C,GAAA,EAAC/C,sBAAA,CAAAU,OAAQ,CAAC+B,IAAI;MAAAK,QAAA,EACXnB,uBAAuB,iBACtB,IAAAxB,WAAA,CAAA4C,GAAA,EAAC7C,eAAA,CAAAkE,cAAc;QAACF,OAAO,EAAErC,kBAAmB;QAACmC,IAAI,EAAEtC,WAAW,CAAC2C;MAAgB,CAAE;IAClF,CACY,CAAC;EAAA,CACH,CAAC;AAEpB,CAAC;AAAAC,OAAA,CAAA7C,mBAAA,GAAAA,mBAAA;AAED,MAAMkB,MAAM,GAAG4B,uBAAU,CAACC,MAAM,CAAC;EAC/B5B,gBAAgB,EAAE;IAChB6B,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,iBAAiB,EAAEC,sBAAO,CAAC,GAAG;EAChC;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ import Animated, { useSharedValue, withDelay, FadeInRight, Easing, FadeInUp, wit
|
|
|
6
6
|
import { ButtonVariant, SPACING, Button, ButtonSize, ButtonColor } from '@magmamath/react-native-ui';
|
|
7
7
|
import { PracticeButton } from "./PracticeButton.js";
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const APPEARANCE_DELAY = 1600;
|
|
9
10
|
export const PracticeButtonGroup = ({
|
|
10
11
|
textContent,
|
|
11
12
|
isPracticeButtonVisible,
|
|
@@ -15,7 +16,7 @@ export const PracticeButtonGroup = ({
|
|
|
15
16
|
}) => {
|
|
16
17
|
const buttonsContainerOpacity = useSharedValue(0);
|
|
17
18
|
useEffect(() => {
|
|
18
|
-
buttonsContainerOpacity.value = withDelay(
|
|
19
|
+
buttonsContainerOpacity.value = withDelay(APPEARANCE_DELAY, withTiming(1, {
|
|
19
20
|
duration: 500
|
|
20
21
|
}));
|
|
21
22
|
}, []);
|
|
@@ -24,7 +25,7 @@ export const PracticeButtonGroup = ({
|
|
|
24
25
|
opacity: buttonsContainerOpacity
|
|
25
26
|
}],
|
|
26
27
|
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
27
|
-
entering: isPracticeButtonVisible ? FadeInRight.delay(
|
|
28
|
+
entering: isPracticeButtonVisible ? FadeInRight.delay(APPEARANCE_DELAY).duration(500).easing(Easing.ease) : FadeInUp.duration(500),
|
|
28
29
|
children: /*#__PURE__*/_jsx(Button, {
|
|
29
30
|
variant: isPracticeButtonVisible ? ButtonVariant.TERTIARY : ButtonVariant.PRIMARY,
|
|
30
31
|
size: ButtonSize.LARGE,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","StyleSheet","Animated","useSharedValue","withDelay","FadeInRight","Easing","FadeInUp","withTiming","ButtonVariant","SPACING","Button","ButtonSize","ButtonColor","PracticeButton","jsx","_jsx","jsxs","_jsxs","PracticeButtonGroup","textContent","isPracticeButtonVisible","onLeftButtonPress","onRightButtonPress","buttonColor","BLUE","buttonsContainerOpacity","value","duration","View","style","styles","buttonsContainer","opacity","children","entering","delay","easing","ease","variant","TERTIARY","PRIMARY","size","LARGE","colorScheme","text","textTransform","onPress","leftButtonText","rightButtonText","create","height","flexDirection","alignItems","justifyContent","paddingHorizontal"],"sourceRoot":"../../../../../src","sources":["features/endOfAssignment/ui/PracticeButtonGroup.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,QAAQ,IACbC,cAAc,EACdC,SAAS,EACTC,WAAW,EACXC,MAAM,EACNC,QAAQ,EACRC,UAAU,QACL,yBAAyB;AAChC,SAASC,aAAa,EAAEC,OAAO,EAAEC,MAAM,EAAEC,UAAU,EAAEC,WAAW,QAAQ,4BAA4B;AAEpG,SAASC,cAAc,QAAQ,qBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["React","useEffect","StyleSheet","Animated","useSharedValue","withDelay","FadeInRight","Easing","FadeInUp","withTiming","ButtonVariant","SPACING","Button","ButtonSize","ButtonColor","PracticeButton","jsx","_jsx","jsxs","_jsxs","APPEARANCE_DELAY","PracticeButtonGroup","textContent","isPracticeButtonVisible","onLeftButtonPress","onRightButtonPress","buttonColor","BLUE","buttonsContainerOpacity","value","duration","View","style","styles","buttonsContainer","opacity","children","entering","delay","easing","ease","variant","TERTIARY","PRIMARY","size","LARGE","colorScheme","text","textTransform","onPress","leftButtonText","rightButtonText","create","height","flexDirection","alignItems","justifyContent","paddingHorizontal"],"sourceRoot":"../../../../../src","sources":["features/endOfAssignment/ui/PracticeButtonGroup.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,QAAQ,IACbC,cAAc,EACdC,SAAS,EACTC,WAAW,EACXC,MAAM,EACNC,QAAQ,EACRC,UAAU,QACL,yBAAyB;AAChC,SAASC,aAAa,EAAEC,OAAO,EAAEC,MAAM,EAAEC,UAAU,EAAEC,WAAW,QAAQ,4BAA4B;AAEpG,SAASC,cAAc,QAAQ,qBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUjD,MAAMC,gBAAgB,GAAG,IAAI;AAE7B,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,WAAW;EACXC,uBAAuB;EACvBC,iBAAiB;EACjBC,kBAAkB;EAClBC,WAAW,GAAGZ,WAAW,CAACa;AACF,CAAC,KAAK;EAC9B,MAAMC,uBAAuB,GAAGxB,cAAc,CAAC,CAAC,CAAC;EAEjDH,SAAS,CAAC,MAAM;IACd2B,uBAAuB,CAACC,KAAK,GAAGxB,SAAS,CAACe,gBAAgB,EAAEX,UAAU,CAAC,CAAC,EAAE;MAAEqB,QAAQ,EAAE;IAAI,CAAC,CAAC,CAAC;EAC/F,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEX,KAAA,CAAChB,QAAQ,CAAC4B,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,gBAAgB,EAAE;MAAEC,OAAO,EAAEP;IAAwB,CAAC,CAAE;IAAAQ,QAAA,gBACpFnB,IAAA,CAACd,QAAQ,CAAC4B,IAAI;MACZM,QAAQ,EACNd,uBAAuB,GACnBjB,WAAW,CAACgC,KAAK,CAAClB,gBAAgB,CAAC,CAACU,QAAQ,CAAC,GAAG,CAAC,CAACS,MAAM,CAAChC,MAAM,CAACiC,IAAI,CAAC,GACrEhC,QAAQ,CAACsB,QAAQ,CAAC,GAAG,CAC1B;MAAAM,QAAA,eAEDnB,IAAA,CAACL,MAAM;QACL6B,OAAO,EAAElB,uBAAuB,GAAGb,aAAa,CAACgC,QAAQ,GAAGhC,aAAa,CAACiC,OAAQ;QAClFC,IAAI,EAAE/B,UAAU,CAACgC,KAAM;QACvBC,WAAW,EAAEpB,WAAY;QACzBM,KAAK,EAAE;UAAEe,IAAI,EAAE;YAAEC,aAAa,EAAE;UAAY;QAAE,CAAE;QAChDC,OAAO,EAAEzB,iBAAkB;QAAAY,QAAA,EAE1Bd,WAAW,CAAC4B;MAAc,CACrB;IAAC,CACI,CAAC,eAChBjC,IAAA,CAACd,QAAQ,CAAC4B,IAAI;MAAAK,QAAA,EACXb,uBAAuB,iBACtBN,IAAA,CAACF,cAAc;QAACkC,OAAO,EAAExB,kBAAmB;QAACsB,IAAI,EAAEzB,WAAW,CAAC6B;MAAgB,CAAE;IAClF,CACY,CAAC;EAAA,CACH,CAAC;AAEpB,CAAC;AAED,MAAMlB,MAAM,GAAG/B,UAAU,CAACkD,MAAM,CAAC;EAC/BlB,gBAAgB,EAAE;IAChBmB,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,iBAAiB,EAAE9C,OAAO,CAAC,GAAG;EAChC;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PracticeButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/ui/PracticeButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAUxC,OAAO,EAA8C,WAAW,EAAE,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"PracticeButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/ui/PracticeButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAUxC,OAAO,EAA8C,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAIpG,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,eAAe,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAClE,uBAAuB,EAAE,OAAO,CAAA;IAChC,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAID,eAAO,MAAM,mBAAmB,kGAM7B,wBAAwB,sBAiC1B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PracticeButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/ui/PracticeButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAUxC,OAAO,EAA8C,WAAW,EAAE,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"PracticeButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/features/endOfAssignment/ui/PracticeButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAUxC,OAAO,EAA8C,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAIpG,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,eAAe,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAClE,uBAAuB,EAAE,OAAO,CAAA;IAChC,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAID,eAAO,MAAM,mBAAmB,kGAM7B,wBAAwB,sBAiC1B,CAAA"}
|
package/package.json
CHANGED
|
@@ -11,7 +11,6 @@ import Animated, {
|
|
|
11
11
|
import { ButtonVariant, SPACING, Button, ButtonSize, ButtonColor } from '@magmamath/react-native-ui'
|
|
12
12
|
|
|
13
13
|
import { PracticeButton } from './PracticeButton'
|
|
14
|
-
import { getEoaButtonColor } from '../helpers'
|
|
15
14
|
|
|
16
15
|
type PracticeButtonGroupProps = {
|
|
17
16
|
textContent: { leftButtonText?: string; rightButtonText?: string }
|
|
@@ -21,6 +20,8 @@ type PracticeButtonGroupProps = {
|
|
|
21
20
|
buttonColor?: ButtonColor
|
|
22
21
|
}
|
|
23
22
|
|
|
23
|
+
const APPEARANCE_DELAY = 1600
|
|
24
|
+
|
|
24
25
|
export const PracticeButtonGroup = ({
|
|
25
26
|
textContent,
|
|
26
27
|
isPracticeButtonVisible,
|
|
@@ -31,7 +32,7 @@ export const PracticeButtonGroup = ({
|
|
|
31
32
|
const buttonsContainerOpacity = useSharedValue(0)
|
|
32
33
|
|
|
33
34
|
useEffect(() => {
|
|
34
|
-
buttonsContainerOpacity.value = withDelay(
|
|
35
|
+
buttonsContainerOpacity.value = withDelay(APPEARANCE_DELAY, withTiming(1, { duration: 500 }))
|
|
35
36
|
}, [])
|
|
36
37
|
|
|
37
38
|
return (
|
|
@@ -39,7 +40,7 @@ export const PracticeButtonGroup = ({
|
|
|
39
40
|
<Animated.View
|
|
40
41
|
entering={
|
|
41
42
|
isPracticeButtonVisible
|
|
42
|
-
? FadeInRight.delay(
|
|
43
|
+
? FadeInRight.delay(APPEARANCE_DELAY).duration(500).easing(Easing.ease)
|
|
43
44
|
: FadeInUp.duration(500)
|
|
44
45
|
}
|
|
45
46
|
>
|