@magmamath/students-features 0.6.5-rc.2 → 0.6.5-rc.3
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/gifCelebrations/components/Gif.js +1 -2
- package/dist/commonjs/features/gifCelebrations/components/Gif.js.map +1 -1
- package/dist/commonjs/features/gifCelebrations/components/Progress.js +6 -3
- package/dist/commonjs/features/gifCelebrations/components/Progress.js.map +1 -1
- package/dist/module/features/gifCelebrations/components/Gif.js +1 -2
- package/dist/module/features/gifCelebrations/components/Gif.js.map +1 -1
- package/dist/module/features/gifCelebrations/components/Progress.js +8 -4
- package/dist/module/features/gifCelebrations/components/Progress.js.map +1 -1
- package/dist/typescript/commonjs/features/gifCelebrations/components/Gif.d.ts.map +1 -1
- package/dist/typescript/module/features/gifCelebrations/components/Gif.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/gifCelebrations/components/Gif.tsx +1 -2
- package/src/features/gifCelebrations/components/Progress.tsx +1 -1
|
@@ -15,7 +15,6 @@ const Gif = ({
|
|
|
15
15
|
uri
|
|
16
16
|
}) => {
|
|
17
17
|
const [size, setSize] = (0, _react.useState)(null);
|
|
18
|
-
console.log('size: ', size);
|
|
19
18
|
(0, _react.useLayoutEffect)(() => {
|
|
20
19
|
_reactNative.Image.getSize(uri, (width, height) => {
|
|
21
20
|
setSize({
|
|
@@ -29,7 +28,7 @@ const Gif = ({
|
|
|
29
28
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
30
29
|
style: styles.container,
|
|
31
30
|
children: size && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
32
|
-
alt: "
|
|
31
|
+
alt: "Funny celebration animated image",
|
|
33
32
|
source: {
|
|
34
33
|
uri
|
|
35
34
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","mock","Gif","uri","size","setSize","useState","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","mock","Gif","uri","size","setSize","useState","useLayoutEffect","Image","getSize","width","height","jsx","View","style","styles","backgroundContainer","children","container","alt","source","image","exports","StyleSheet","create","backgroundColor","borderRadius","padding","SPACING","BORDER_RADIUS","COLORS","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Gif.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -36,9 +36,9 @@ const Progress = ({
|
|
|
36
36
|
}), [progress, progressLineWidth]);
|
|
37
37
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
38
38
|
style: styles.backgroundContainer,
|
|
39
|
-
children: /*#__PURE__*/(0, _jsxRuntime.
|
|
39
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
40
40
|
style: styles.container,
|
|
41
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
41
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
42
42
|
style: styles.progressContainer,
|
|
43
43
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
44
44
|
style: [styles.progress, animatedStyles],
|
|
@@ -48,7 +48,10 @@ const Progress = ({
|
|
|
48
48
|
children: `${completedPercent}%`
|
|
49
49
|
})
|
|
50
50
|
})
|
|
51
|
-
})
|
|
51
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
52
|
+
source: require('../assets/confetti.webp'),
|
|
53
|
+
style: styles.confetti
|
|
54
|
+
})]
|
|
52
55
|
})
|
|
53
56
|
});
|
|
54
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","ADJUSTMENT_FOR_HUNDRED_PERCENT","Progress","progress","completedPercent","progressLineWidth","animatedStyles","useAnimatedStyle","width","interpolate","value","jsx","View","style","styles","backgroundContainer","children","container","progressContainer","Typography","variant","HeadingVariants","H1","percent","exports","StyleSheet","create","backgroundColor","borderRadius","padding","SPACING","height","flexDirection","alignItems","BORDER_RADIUS","COLORS","NEUTRAL_1","paddingLeft","paddingRight","gap","flexGrow","NEUTRAL_5","overflow","position","left","PRIMARY_BLUE","justifyContent","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","ADJUSTMENT_FOR_HUNDRED_PERCENT","Progress","progress","completedPercent","progressLineWidth","animatedStyles","useAnimatedStyle","width","interpolate","value","jsx","View","style","styles","backgroundContainer","children","jsxs","container","progressContainer","Typography","variant","HeadingVariants","H1","percent","Image","source","confetti","exports","StyleSheet","create","backgroundColor","borderRadius","padding","SPACING","height","flexDirection","alignItems","BORDER_RADIUS","COLORS","NEUTRAL_1","paddingLeft","paddingRight","gap","flexGrow","NEUTRAL_5","overflow","position","left","PRIMARY_BLUE","justifyContent","marginHorizontal","color","fontWeight"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Progress.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,7 +9,6 @@ export const Gif = ({
|
|
|
9
9
|
uri
|
|
10
10
|
}) => {
|
|
11
11
|
const [size, setSize] = useState(null);
|
|
12
|
-
console.log('size: ', size);
|
|
13
12
|
useLayoutEffect(() => {
|
|
14
13
|
Image.getSize(uri, (width, height) => {
|
|
15
14
|
setSize({
|
|
@@ -23,7 +22,7 @@ export const Gif = ({
|
|
|
23
22
|
children: /*#__PURE__*/_jsx(View, {
|
|
24
23
|
style: styles.container,
|
|
25
24
|
children: size && /*#__PURE__*/_jsx(Image, {
|
|
26
|
-
alt: "
|
|
25
|
+
alt: "Funny celebration animated image",
|
|
27
26
|
source: {
|
|
28
27
|
uri
|
|
29
28
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","Image","React","useLayoutEffect","useState","BORDER_RADIUS","COLORS","SPACING","jsx","_jsx","mock","Gif","uri","size","setSize","
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","Image","React","useLayoutEffect","useState","BORDER_RADIUS","COLORS","SPACING","jsx","_jsx","mock","Gif","uri","size","setSize","getSize","width","height","style","styles","backgroundContainer","children","container","alt","source","image","create","backgroundColor","borderRadius","padding","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Gif.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,KAAK,QAAQ,cAAc;AACtD,OAAOC,KAAK,IAAIC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,aAAa,EAAEC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE3E,MAAMC,IAAI,GACR,gKAAgK;AAWlK,OAAO,MAAMC,GAAG,GAAGA,CAAC;EAAEC;AAAc,CAAC,KAAK;EACxC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGV,QAAQ,CAAc,IAAI,CAAC;EAEnDD,eAAe,CAAC,MAAM;IACpBF,KAAK,CAACc,OAAO,CAACH,GAAG,EAAE,CAACI,KAAK,EAAEC,MAAM,KAAK;MACpCH,OAAO,CAAC;QAAEE,KAAK,EAAEA,KAAK,GAAG,GAAG,GAAG,GAAG,GAAGA,KAAK;QAAEC,MAAM,EAAEA,MAAM,GAAG,GAAG,GAAG,GAAG,GAAGA;MAAO,CAAC,CAAC;IACpF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACL,GAAG,CAAC,CAAC;EAET,oBACEH,IAAA,CAACT,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAAAC,QAAA,eACtCZ,IAAA,CAACT,IAAI;MAACkB,KAAK,EAAEC,MAAM,CAACG,SAAU;MAAAD,QAAA,EAC3BR,IAAI,iBACHJ,IAAA,CAACR,KAAK;QACJsB,GAAG,EAAC,kCAAkC;QACtCC,MAAM,EAAE;UACNZ;QACF,CAAE;QACFI,KAAK,EAAEH,IAAI,CAACG,KAAM;QAClBC,MAAM,EAAEJ,IAAI,CAACI,MAAO;QACpBC,KAAK,EAAE,CAACC,MAAM,CAACM,KAAK,EAAE;UAAET,KAAK,EAAEH,IAAI,CAACG,KAAK;UAAEC,MAAM,EAAEJ,IAAI,CAACI;QAAO,CAAC,CAAE,CAAC;MAAA,CACpE;IACF,CACG;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAME,MAAM,GAAGpB,UAAU,CAAC2B,MAAM,CAAC;EAC/BN,mBAAmB,EAAE;IACnBO,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAEtB,OAAO,CAAC,GAAG;EACtB,CAAC;EACDe,SAAS,EAAE;IACTO,OAAO,EAAEtB,OAAO,CAAC,IAAI,CAAC;IACtBqB,YAAY,EAAEvB,aAAa,CAAC,GAAG,CAAC;IAChCsB,eAAe,EAAErB,MAAM,CAACwB;EAC1B,CAAC;EACDL,KAAK,EAAE;IACLG,YAAY,EAAEvB,aAAa,CAAC,GAAG,CAAC;IAChCsB,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -4,7 +4,8 @@ import { StyleSheet, View } from 'react-native';
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { BORDER_RADIUS, COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
|
|
6
6
|
import Animated, { useAnimatedStyle, interpolate } from 'react-native-reanimated';
|
|
7
|
-
import {
|
|
7
|
+
import { Image } from 'react-native';
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
const MIN_WIDTH_FOR_ONE_DIGIT = 12;
|
|
9
10
|
const MIN_WIDTH_FOR_TWO_DIGITS = 15;
|
|
10
11
|
const ADJUSTMENT_FOR_HUNDRED_PERCENT = 1.8;
|
|
@@ -29,9 +30,9 @@ export const Progress = ({
|
|
|
29
30
|
}), [progress, progressLineWidth]);
|
|
30
31
|
return /*#__PURE__*/_jsx(View, {
|
|
31
32
|
style: styles.backgroundContainer,
|
|
32
|
-
children: /*#__PURE__*/
|
|
33
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
33
34
|
style: styles.container,
|
|
34
|
-
children: /*#__PURE__*/_jsx(View, {
|
|
35
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
35
36
|
style: styles.progressContainer,
|
|
36
37
|
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
37
38
|
style: [styles.progress, animatedStyles],
|
|
@@ -41,7 +42,10 @@ export const Progress = ({
|
|
|
41
42
|
children: `${completedPercent}%`
|
|
42
43
|
})
|
|
43
44
|
})
|
|
44
|
-
})
|
|
45
|
+
}), /*#__PURE__*/_jsx(Image, {
|
|
46
|
+
source: require('../assets/confetti.webp'),
|
|
47
|
+
style: styles.confetti
|
|
48
|
+
})]
|
|
45
49
|
})
|
|
46
50
|
});
|
|
47
51
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","React","BORDER_RADIUS","COLORS","HeadingVariants","SPACING","Typography","Animated","useAnimatedStyle","interpolate","jsx","_jsx","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","ADJUSTMENT_FOR_HUNDRED_PERCENT","Progress","progress","completedPercent","progressLineWidth","animatedStyles","width","value","style","styles","backgroundContainer","children","container","progressContainer","variant","H1","percent","create","backgroundColor","borderRadius","padding","height","flexDirection","alignItems","NEUTRAL_1","paddingLeft","paddingRight","gap","flexGrow","NEUTRAL_5","overflow","position","left","PRIMARY_BLUE","justifyContent","
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","React","BORDER_RADIUS","COLORS","HeadingVariants","SPACING","Typography","Animated","useAnimatedStyle","interpolate","Image","jsx","_jsx","jsxs","_jsxs","MIN_WIDTH_FOR_ONE_DIGIT","MIN_WIDTH_FOR_TWO_DIGITS","ADJUSTMENT_FOR_HUNDRED_PERCENT","Progress","progress","completedPercent","progressLineWidth","animatedStyles","width","value","style","styles","backgroundContainer","children","container","progressContainer","variant","H1","percent","source","require","confetti","create","backgroundColor","borderRadius","padding","height","flexDirection","alignItems","NEUTRAL_1","paddingLeft","paddingRight","gap","flexGrow","NEUTRAL_5","overflow","position","left","PRIMARY_BLUE","justifyContent","marginHorizontal","color","fontWeight"],"sourceRoot":"../../../../../src","sources":["features/gifCelebrations/components/Progress.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gif.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/components/Gif.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAMxD,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAOD,eAAO,MAAM,GAAG,YAAa,QAAQ,
|
|
1
|
+
{"version":3,"file":"Gif.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/components/Gif.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAMxD,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAOD,eAAO,MAAM,GAAG,YAAa,QAAQ,sBA0BpC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gif.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/components/Gif.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAMxD,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAOD,eAAO,MAAM,GAAG,YAAa,QAAQ,
|
|
1
|
+
{"version":3,"file":"Gif.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/components/Gif.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAMxD,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAOD,eAAO,MAAM,GAAG,YAAa,QAAQ,sBA0BpC,CAAA"}
|
package/package.json
CHANGED
|
@@ -16,7 +16,6 @@ type Size = {
|
|
|
16
16
|
|
|
17
17
|
export const Gif = ({ uri }: GifProps) => {
|
|
18
18
|
const [size, setSize] = useState<Size | null>(null)
|
|
19
|
-
console.log('size: ', size)
|
|
20
19
|
|
|
21
20
|
useLayoutEffect(() => {
|
|
22
21
|
Image.getSize(uri, (width, height) => {
|
|
@@ -29,7 +28,7 @@ export const Gif = ({ uri }: GifProps) => {
|
|
|
29
28
|
<View style={styles.container}>
|
|
30
29
|
{size && (
|
|
31
30
|
<Image
|
|
32
|
-
alt="
|
|
31
|
+
alt="Funny celebration animated image"
|
|
33
32
|
source={{
|
|
34
33
|
uri,
|
|
35
34
|
}}
|
|
@@ -54,7 +54,7 @@ export const Progress = ({ progress, completedPercent }: ProgressProps) => {
|
|
|
54
54
|
</Typography>
|
|
55
55
|
</Animated.View>
|
|
56
56
|
</View>
|
|
57
|
-
|
|
57
|
+
<Image source={require('../assets/confetti.webp')} style={styles.confetti} />
|
|
58
58
|
</View>
|
|
59
59
|
</View>
|
|
60
60
|
)
|