@magmamath/students-features 0.6.14 → 0.6.16
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/exampleSolution/components/ExampleSolutionModalContent.js +7 -3
- package/dist/commonjs/features/exampleSolution/components/ExampleSolutionModalContent.js.map +1 -1
- package/dist/commonjs/features/exampleSolution/components/SolutionSection.js +7 -1
- package/dist/commonjs/features/exampleSolution/components/SolutionSection.js.map +1 -1
- package/dist/commonjs/features/formulaSheet/components/FormulaSheet.js +6 -4
- package/dist/commonjs/features/formulaSheet/components/FormulaSheet.js.map +1 -1
- package/dist/module/features/exampleSolution/components/ExampleSolutionModalContent.js +8 -4
- package/dist/module/features/exampleSolution/components/ExampleSolutionModalContent.js.map +1 -1
- package/dist/module/features/exampleSolution/components/SolutionSection.js +8 -2
- package/dist/module/features/exampleSolution/components/SolutionSection.js.map +1 -1
- package/dist/module/features/formulaSheet/components/FormulaSheet.js +6 -4
- package/dist/module/features/formulaSheet/components/FormulaSheet.js.map +1 -1
- package/dist/typescript/commonjs/features/exampleSolution/components/ExampleSolutionModalContent.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/exampleSolution/components/SolutionSection.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/formulaSheet/components/FormulaSheet.d.ts.map +1 -1
- package/dist/typescript/module/features/exampleSolution/components/ExampleSolutionModalContent.d.ts.map +1 -1
- package/dist/typescript/module/features/exampleSolution/components/SolutionSection.d.ts.map +1 -1
- package/dist/typescript/module/features/formulaSheet/components/FormulaSheet.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/exampleSolution/components/ExampleSolutionModalContent.tsx +9 -3
- package/src/features/exampleSolution/components/SolutionSection.tsx +12 -2
- package/src/features/formulaSheet/components/FormulaSheet.tsx +7 -4
|
@@ -16,6 +16,7 @@ var _SolutionSection = require("./SolutionSection.js");
|
|
|
16
16
|
var _useExampleSolution = require("../hooks/useExampleSolution.js");
|
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
|
+
const CONTAINER_HEIGHT = 593;
|
|
19
20
|
const ExampleSolutionModalContent = ({
|
|
20
21
|
params: {
|
|
21
22
|
model,
|
|
@@ -33,7 +34,11 @@ const ExampleSolutionModalContent = ({
|
|
|
33
34
|
});
|
|
34
35
|
const localization = (0, _effectorReact.useUnit)(_index.$localization);
|
|
35
36
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
36
|
-
style: styles.container,
|
|
37
|
+
style: [styles.container, _reactNativeUi.IS_WEB ? {
|
|
38
|
+
maxHeight: CONTAINER_HEIGHT
|
|
39
|
+
} : {
|
|
40
|
+
height: CONTAINER_HEIGHT
|
|
41
|
+
}],
|
|
37
42
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
|
|
38
43
|
align: "center",
|
|
39
44
|
variant: _reactNativeUi.HeadingVariants.H2,
|
|
@@ -63,8 +68,7 @@ const ExampleSolutionModalContent = ({
|
|
|
63
68
|
exports.ExampleSolutionModalContent = ExampleSolutionModalContent;
|
|
64
69
|
const styles = _reactNative.StyleSheet.create({
|
|
65
70
|
container: {
|
|
66
|
-
width: 880
|
|
67
|
-
height: 593
|
|
71
|
+
width: 880
|
|
68
72
|
},
|
|
69
73
|
content: {
|
|
70
74
|
flex: 1,
|
package/dist/commonjs/features/exampleSolution/components/ExampleSolutionModalContent.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_effectorReact","_index","_MessageBlock","_LavaIcon","_QuestionSection","_SolutionSection","_useExampleSolution","_jsxRuntime","e","__esModule","default","ExampleSolutionModalContent","params","model","payload","cacheKey","result","status","useExampleSolution","localization","useUnit","$localization","jsxs","View","style","styles","container","children","jsx","Typography","align","variant","HeadingVariants","H2","color","COLORS","NEUTRAL_9","exampleSolution","content","QuestionSection","question","renderKatexComponent","SolutionSection","answer","MessageBlock","messageBlock","LavaIcon","lavaIconContainer","exports","StyleSheet","create","width","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_effectorReact","_index","_MessageBlock","_LavaIcon","_QuestionSection","_SolutionSection","_useExampleSolution","_jsxRuntime","e","__esModule","default","CONTAINER_HEIGHT","ExampleSolutionModalContent","params","model","payload","cacheKey","result","status","useExampleSolution","localization","useUnit","$localization","jsxs","View","style","styles","container","IS_WEB","maxHeight","height","children","jsx","Typography","align","variant","HeadingVariants","H2","color","COLORS","NEUTRAL_9","exampleSolution","content","QuestionSection","question","renderKatexComponent","SolutionSection","answer","MessageBlock","messageBlock","LavaIcon","lavaIconContainer","exports","StyleSheet","create","width","flex","flexDirection","marginTop","SPACING","gap","solutionContainer","overflow","borderRadius","borderWidth","borderColor","NEUTRAL_5","position","bottom","right","loaderContainer","paddingTop","backgroundColor","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -19,14 +19,20 @@ const CONTAINER_SIZES = {
|
|
|
19
19
|
height: 543
|
|
20
20
|
};
|
|
21
21
|
const BORDER_WIDTH = 1;
|
|
22
|
+
const CONTAINER_HEIGHT_OFFSET = 160;
|
|
22
23
|
const gridImagePath = !_reactNativeUi.IS_WEB ? _reactNative.Image.resolveAssetSource(_grid.default).uri : _grid.default;
|
|
23
24
|
const SolutionSection = ({
|
|
24
25
|
answer,
|
|
25
26
|
status
|
|
26
27
|
}) => {
|
|
28
|
+
const {
|
|
29
|
+
height
|
|
30
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
27
31
|
const shouldShowAnswer = answer && (status === _constants.ExampleSolutionStatuses.DONE_DATA || status === _constants.ExampleSolutionStatuses.CACHE);
|
|
28
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
29
|
-
style: styles.container,
|
|
33
|
+
style: [styles.container, _reactNativeUi.IS_WEB && {
|
|
34
|
+
maxHeight: height - CONTAINER_HEIGHT_OFFSET
|
|
35
|
+
}],
|
|
30
36
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
|
|
31
37
|
style: styles.solutionScroll,
|
|
32
38
|
contentContainerStyle: styles.solutionScrollContent,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_constants","_grid","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CONTAINER_SIZES","width","height","BORDER_WIDTH","gridImagePath","IS_WEB","Image","resolveAssetSource","gridImage","uri","SolutionSection","answer","status","shouldShowAnswer","ExampleSolutionStatuses","DONE_DATA","CACHE","jsx","View","style","styles","container","children","ScrollView","solutionScroll","contentContainerStyle","solutionScrollContent","bounces","ImageBackground","resizeMode","gridImageWeb","source","Text","entering","undefined","FadeIn","delay","duration","solutionText","jsxs","Fragment","gridImageRn","exports","StyleSheet","create","overflow","borderRadius","borderWidth","borderColor","COLORS","NEUTRAL_5","top","position","flex","minHeight","fontFamily","fontSize","marginHorizontal","SPACING","marginVertical"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/SolutionSection.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_constants","_grid","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CONTAINER_SIZES","width","height","BORDER_WIDTH","CONTAINER_HEIGHT_OFFSET","gridImagePath","IS_WEB","Image","resolveAssetSource","gridImage","uri","SolutionSection","answer","status","useWindowDimensions","shouldShowAnswer","ExampleSolutionStatuses","DONE_DATA","CACHE","jsx","View","style","styles","container","maxHeight","children","ScrollView","solutionScroll","contentContainerStyle","solutionScrollContent","bounces","ImageBackground","resizeMode","gridImageWeb","source","Text","entering","undefined","FadeIn","delay","duration","solutionText","jsxs","Fragment","gridImageRn","exports","StyleSheet","create","overflow","borderRadius","borderWidth","borderColor","COLORS","NEUTRAL_5","top","position","flex","minHeight","fontFamily","fontSize","marginHorizontal","SPACING","marginVertical"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/SolutionSection.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -24,6 +24,10 @@ const FormulaSheet = exports.FormulaSheet = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
24
24
|
const isOpen = (0, _effectorReact.useUnit)(model.modal.$isOpen);
|
|
25
25
|
const sheetFileBlob = (0, _effectorReact.useUnit)(model.file.$blob);
|
|
26
26
|
const isRequestPending = (0, _effectorReact.useUnit)(model.api.getPDFFileBlobFx.pending);
|
|
27
|
+
const onPressHandler = () => {
|
|
28
|
+
model.modal.toggle();
|
|
29
|
+
onPress?.();
|
|
30
|
+
};
|
|
27
31
|
(0, _react.useEffect)(() => {
|
|
28
32
|
model.file.setId(fileId ?? null);
|
|
29
33
|
}, [fileId]);
|
|
@@ -34,10 +38,8 @@ const FormulaSheet = exports.FormulaSheet = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
34
38
|
variant: _reactNativeUi.ButtonVariant.SECONDARY,
|
|
35
39
|
colorScheme: buttonColor,
|
|
36
40
|
isActive: isOpen,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
onPress?.();
|
|
40
|
-
},
|
|
41
|
+
delayHoverIn: 0,
|
|
42
|
+
onPressIn: () => onPressHandler(),
|
|
41
43
|
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.TheoryIcon, {
|
|
42
44
|
color: isOpen ? _reactNativeUi.COLORS.NEUTRAL_1 : undefined,
|
|
43
45
|
size: 20
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_effectorReact","_reactNativeUi","_FormulaSheetModal","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FormulaSheet","exports","forwardRef","model","fileId","renderer","buttonSize","ButtonSize","MEDIUM","buttonColor","ButtonColor","BLUE","loaderColor","LoaderColor","onPress","style","ref","isOpen","useUnit","modal","$isOpen","sheetFileBlob","file","$blob","isRequestPending","api","getPDFFileBlobFx","pending","useEffect","setId","jsxs","Fragment","children","jsx","Button","size","variant","ButtonVariant","SECONDARY","colorScheme","isActive","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_effectorReact","_reactNativeUi","_FormulaSheetModal","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FormulaSheet","exports","forwardRef","model","fileId","renderer","buttonSize","ButtonSize","MEDIUM","buttonColor","ButtonColor","BLUE","loaderColor","LoaderColor","onPress","style","ref","isOpen","useUnit","modal","$isOpen","sheetFileBlob","file","$blob","isRequestPending","api","getPDFFileBlobFx","pending","onPressHandler","toggle","useEffect","setId","jsxs","Fragment","children","jsx","Button","size","variant","ButtonVariant","SECONDARY","colorScheme","isActive","delayHoverIn","onPressIn","icon","TheoryIcon","color","COLORS","NEUTRAL_1","undefined","FormulaSheetModal","isLoading","onClose","setIsOpen"],"sourceRoot":"../../../../../src","sources":["features/formulaSheet/components/FormulaSheet.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { StyleSheet, View } from 'react-native';
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
|
|
5
|
+
import { COLORS, HeadingVariants, IS_WEB, SPACING, Typography } from '@magmamath/react-native-ui';
|
|
6
6
|
import { useUnit } from 'effector-react';
|
|
7
7
|
import { $localization } from "../../../shared/translation/index.js";
|
|
8
8
|
import { MessageBlock } from "./MessageBlock.js";
|
|
@@ -11,6 +11,7 @@ import { QuestionSection } from "./QuestionSection.js";
|
|
|
11
11
|
import { SolutionSection } from "./SolutionSection.js";
|
|
12
12
|
import { useExampleSolution } from "../hooks/useExampleSolution.js";
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
+
const CONTAINER_HEIGHT = 593;
|
|
14
15
|
export const ExampleSolutionModalContent = ({
|
|
15
16
|
params: {
|
|
16
17
|
model,
|
|
@@ -28,7 +29,11 @@ export const ExampleSolutionModalContent = ({
|
|
|
28
29
|
});
|
|
29
30
|
const localization = useUnit($localization);
|
|
30
31
|
return /*#__PURE__*/_jsxs(View, {
|
|
31
|
-
style: styles.container,
|
|
32
|
+
style: [styles.container, IS_WEB ? {
|
|
33
|
+
maxHeight: CONTAINER_HEIGHT
|
|
34
|
+
} : {
|
|
35
|
+
height: CONTAINER_HEIGHT
|
|
36
|
+
}],
|
|
32
37
|
children: [/*#__PURE__*/_jsx(Typography, {
|
|
33
38
|
align: "center",
|
|
34
39
|
variant: HeadingVariants.H2,
|
|
@@ -57,8 +62,7 @@ export const ExampleSolutionModalContent = ({
|
|
|
57
62
|
};
|
|
58
63
|
const styles = StyleSheet.create({
|
|
59
64
|
container: {
|
|
60
|
-
width: 880
|
|
61
|
-
height: 593
|
|
65
|
+
width: 880
|
|
62
66
|
},
|
|
63
67
|
content: {
|
|
64
68
|
flex: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","React","COLORS","HeadingVariants","SPACING","Typography","useUnit","$localization","MessageBlock","LavaIcon","QuestionSection","SolutionSection","useExampleSolution","jsx","_jsx","jsxs","_jsxs","ExampleSolutionModalContent","params","model","payload","cacheKey","result","status","localization","style","styles","container","children","align","variant","H2","color","NEUTRAL_9","exampleSolution","content","question","renderKatexComponent","answer","messageBlock","lavaIconContainer","create","width","
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","React","COLORS","HeadingVariants","IS_WEB","SPACING","Typography","useUnit","$localization","MessageBlock","LavaIcon","QuestionSection","SolutionSection","useExampleSolution","jsx","_jsx","jsxs","_jsxs","CONTAINER_HEIGHT","ExampleSolutionModalContent","params","model","payload","cacheKey","result","status","localization","style","styles","container","maxHeight","height","children","align","variant","H2","color","NEUTRAL_9","exampleSolution","content","question","renderKatexComponent","answer","messageBlock","lavaIconContainer","create","width","flex","flexDirection","marginTop","gap","solutionContainer","overflow","borderRadius","borderWidth","borderColor","NEUTRAL_5","position","bottom","right","loaderContainer","paddingTop","backgroundColor","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { StyleSheet, View, Image, ImageBackground, ScrollView } from 'react-native';
|
|
3
|
+
import { StyleSheet, View, Image, ImageBackground, ScrollView, useWindowDimensions } from 'react-native';
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { COLORS, IS_WEB, SPACING } from '@magmamath/react-native-ui';
|
|
6
6
|
import Animated, { FadeIn } from 'react-native-reanimated';
|
|
@@ -12,14 +12,20 @@ const CONTAINER_SIZES = {
|
|
|
12
12
|
height: 543
|
|
13
13
|
};
|
|
14
14
|
const BORDER_WIDTH = 1;
|
|
15
|
+
const CONTAINER_HEIGHT_OFFSET = 160;
|
|
15
16
|
const gridImagePath = !IS_WEB ? Image.resolveAssetSource(gridImage).uri : gridImage;
|
|
16
17
|
export const SolutionSection = ({
|
|
17
18
|
answer,
|
|
18
19
|
status
|
|
19
20
|
}) => {
|
|
21
|
+
const {
|
|
22
|
+
height
|
|
23
|
+
} = useWindowDimensions();
|
|
20
24
|
const shouldShowAnswer = answer && (status === ExampleSolutionStatuses.DONE_DATA || status === ExampleSolutionStatuses.CACHE);
|
|
21
25
|
return /*#__PURE__*/_jsx(View, {
|
|
22
|
-
style: styles.container,
|
|
26
|
+
style: [styles.container, IS_WEB && {
|
|
27
|
+
maxHeight: height - CONTAINER_HEIGHT_OFFSET
|
|
28
|
+
}],
|
|
23
29
|
children: /*#__PURE__*/_jsx(ScrollView, {
|
|
24
30
|
style: styles.solutionScroll,
|
|
25
31
|
contentContainerStyle: styles.solutionScrollContent,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","Image","ImageBackground","ScrollView","React","COLORS","IS_WEB","SPACING","Animated","FadeIn","ExampleSolutionStatuses","gridImage","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CONTAINER_SIZES","width","height","BORDER_WIDTH","gridImagePath","resolveAssetSource","uri","SolutionSection","answer","status","shouldShowAnswer","DONE_DATA","CACHE","style","styles","container","children","solutionScroll","contentContainerStyle","solutionScrollContent","bounces","resizeMode","gridImageWeb","source","Text","entering","undefined","delay","duration","solutionText","gridImageRn","create","overflow","borderRadius","borderWidth","borderColor","NEUTRAL_5","top","position","flex","minHeight","fontFamily","fontSize","marginHorizontal","marginVertical"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/SolutionSection.tsx"],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","Image","ImageBackground","ScrollView","useWindowDimensions","React","COLORS","IS_WEB","SPACING","Animated","FadeIn","ExampleSolutionStatuses","gridImage","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CONTAINER_SIZES","width","height","BORDER_WIDTH","CONTAINER_HEIGHT_OFFSET","gridImagePath","resolveAssetSource","uri","SolutionSection","answer","status","shouldShowAnswer","DONE_DATA","CACHE","style","styles","container","maxHeight","children","solutionScroll","contentContainerStyle","solutionScrollContent","bounces","resizeMode","gridImageWeb","source","Text","entering","undefined","delay","duration","solutionText","gridImageRn","create","overflow","borderRadius","borderWidth","borderColor","NEUTRAL_5","top","position","flex","minHeight","fontFamily","fontSize","marginHorizontal","marginVertical"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/SolutionSection.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,6 +18,10 @@ export const FormulaSheet = /*#__PURE__*/forwardRef(({
|
|
|
18
18
|
const isOpen = useUnit(model.modal.$isOpen);
|
|
19
19
|
const sheetFileBlob = useUnit(model.file.$blob);
|
|
20
20
|
const isRequestPending = useUnit(model.api.getPDFFileBlobFx.pending);
|
|
21
|
+
const onPressHandler = () => {
|
|
22
|
+
model.modal.toggle();
|
|
23
|
+
onPress?.();
|
|
24
|
+
};
|
|
21
25
|
useEffect(() => {
|
|
22
26
|
model.file.setId(fileId ?? null);
|
|
23
27
|
}, [fileId]);
|
|
@@ -28,10 +32,8 @@ export const FormulaSheet = /*#__PURE__*/forwardRef(({
|
|
|
28
32
|
variant: ButtonVariant.SECONDARY,
|
|
29
33
|
colorScheme: buttonColor,
|
|
30
34
|
isActive: isOpen,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
onPress?.();
|
|
34
|
-
},
|
|
35
|
+
delayHoverIn: 0,
|
|
36
|
+
onPressIn: () => onPressHandler(),
|
|
35
37
|
icon: /*#__PURE__*/_jsx(TheoryIcon, {
|
|
36
38
|
color: isOpen ? COLORS.NEUTRAL_1 : undefined,
|
|
37
39
|
size: 20
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useEffect","useUnit","Button","ButtonColor","ButtonSize","ButtonVariant","COLORS","TheoryIcon","LoaderColor","FormulaSheetModal","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FormulaSheet","model","fileId","renderer","buttonSize","MEDIUM","buttonColor","BLUE","loaderColor","onPress","style","ref","isOpen","modal","$isOpen","sheetFileBlob","file","$blob","isRequestPending","api","getPDFFileBlobFx","pending","setId","children","size","variant","SECONDARY","colorScheme","isActive","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useEffect","useUnit","Button","ButtonColor","ButtonSize","ButtonVariant","COLORS","TheoryIcon","LoaderColor","FormulaSheetModal","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FormulaSheet","model","fileId","renderer","buttonSize","MEDIUM","buttonColor","BLUE","loaderColor","onPress","style","ref","isOpen","modal","$isOpen","sheetFileBlob","file","$blob","isRequestPending","api","getPDFFileBlobFx","pending","onPressHandler","toggle","setId","children","size","variant","SECONDARY","colorScheme","isActive","delayHoverIn","onPressIn","icon","color","NEUTRAL_1","undefined","isLoading","onClose","setIsOpen"],"sourceRoot":"../../../../../src","sources":["features/formulaSheet/components/FormulaSheet.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAaC,SAAS,QAAQ,OAAO;AAC/D,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SACEC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,aAAa,EACbC,MAAM,EACNC,UAAU,EAEVC,WAAW,QAEN,4BAA4B;AAEnC,SAASC,iBAAiB,QAAQ,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAavD,OAAO,MAAMC,YAAY,gBAAGjB,UAAU,CACpC,CACE;EACEkB,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC,UAAU,GAAGhB,UAAU,CAACiB,MAAM;EAC9BC,WAAW,GAAGnB,WAAW,CAACoB,IAAI;EAC9BC,WAAW,GAAGhB,WAAW,CAACe,IAAI;EAC9BE,OAAO;EACPC;AACF,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,MAAM,GAAG3B,OAAO,CAACgB,KAAK,CAACY,KAAK,CAACC,OAAO,CAAC;EAC3C,MAAMC,aAAa,GAAG9B,OAAO,CAACgB,KAAK,CAACe,IAAI,CAACC,KAAK,CAAC;EAC/C,MAAMC,gBAAgB,GAAGjC,OAAO,CAACgB,KAAK,CAACkB,GAAG,CAACC,gBAAgB,CAACC,OAAO,CAAC;EAEpE,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3BrB,KAAK,CAACY,KAAK,CAACU,MAAM,CAAC,CAAC;IACpBd,OAAO,GAAG,CAAC;EACb,CAAC;EAEDzB,SAAS,CAAC,MAAM;IACdiB,KAAK,CAACe,IAAI,CAACQ,KAAK,CAACtB,MAAM,IAAI,IAAI,CAAC;EAClC,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,oBACEH,KAAA,CAAAF,SAAA;IAAA4B,QAAA,gBACE9B,IAAA,CAACT,MAAM;MACLyB,GAAG,EAAEA,GAAI;MACTe,IAAI,EAAEtB,UAAW;MACjBuB,OAAO,EAAEtC,aAAa,CAACuC,SAAU;MACjCC,WAAW,EAAEvB,WAAY;MACzBwB,QAAQ,EAAElB,MAAO;MACjBmB,YAAY,EAAE,CAAE;MAChBC,SAAS,EAAEA,CAAA,KAAMV,cAAc,CAAC,CAAE;MAClCW,IAAI,eAAEtC,IAAA,CAACJ,UAAU;QAAC2C,KAAK,EAAEtB,MAAM,GAAGtB,MAAM,CAAC6C,SAAS,GAAGC,SAAU;QAACV,IAAI,EAAE;MAAG,CAAE,CAAE;MAC7EhB,KAAK,EAAEA;IAAM,CACd,CAAC,EAEDE,MAAM,iBACLjB,IAAA,CAACF,iBAAiB;MAChB4C,SAAS,EAAEnB,gBAAiB;MAC5BV,WAAW,EAAEA,WAAY;MACzB8B,OAAO,EAAEA,CAAA,KAAMrC,KAAK,CAACY,KAAK,CAAC0B,SAAS,CAAC,KAAK,CAAE;MAAAd,QAAA,EAE3CtB,QAAQ,CAACY,aAAa,IAAI,EAAE;IAAC,CACb,CACpB;EAAA,CACD,CAAC;AAEP,CACF,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExampleSolutionModalContent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAKrD,KAAK,gCAAgC,GAAG;IACtC,MAAM,EAAE,0BAA0B,CAAA;CACnC,CAAA;
|
|
1
|
+
{"version":3,"file":"ExampleSolutionModalContent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAKrD,KAAK,gCAAgC,GAAG;IACtC,MAAM,EAAE,0BAA0B,CAAA;CACnC,CAAA;AAID,eAAO,MAAM,2BAA2B,8CAErC,gCAAgC,sBA0BlC,CAAA"}
|
package/dist/typescript/commonjs/features/exampleSolution/components/SolutionSection.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SolutionSection.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/SolutionSection.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SolutionSection.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/SolutionSection.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAGtD,KAAK,oBAAoB,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,uBAAuB,CAAA;CAChC,CAAA;AAWD,eAAO,MAAM,eAAe,uBAAwB,oBAAoB,sBAiDvE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormulaSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/components/FormulaSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAa,MAAM,OAAO,CAAA;AAE/D,OAAO,EAEL,WAAW,EACX,UAAU,EAIV,SAAS,EACT,WAAW,EACX,WAAW,EACZ,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGlD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,iBAAiB,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;IACzC,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"FormulaSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/components/FormulaSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAa,MAAM,OAAO,CAAA;AAE/D,OAAO,EAEL,WAAW,EACX,UAAU,EAIV,SAAS,EACT,WAAW,EACX,WAAW,EACZ,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGlD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,iBAAiB,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;IACzC,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,YAAY,4FAqDxB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExampleSolutionModalContent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAKrD,KAAK,gCAAgC,GAAG;IACtC,MAAM,EAAE,0BAA0B,CAAA;CACnC,CAAA;
|
|
1
|
+
{"version":3,"file":"ExampleSolutionModalContent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAKrD,KAAK,gCAAgC,GAAG;IACtC,MAAM,EAAE,0BAA0B,CAAA;CACnC,CAAA;AAID,eAAO,MAAM,2BAA2B,8CAErC,gCAAgC,sBA0BlC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SolutionSection.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/SolutionSection.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SolutionSection.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/SolutionSection.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAGtD,KAAK,oBAAoB,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,uBAAuB,CAAA;CAChC,CAAA;AAWD,eAAO,MAAM,eAAe,uBAAwB,oBAAoB,sBAiDvE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormulaSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/components/FormulaSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAa,MAAM,OAAO,CAAA;AAE/D,OAAO,EAEL,WAAW,EACX,UAAU,EAIV,SAAS,EACT,WAAW,EACX,WAAW,EACZ,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGlD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,iBAAiB,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;IACzC,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"FormulaSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/components/FormulaSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAa,MAAM,OAAO,CAAA;AAE/D,OAAO,EAEL,WAAW,EACX,UAAU,EAIV,SAAS,EACT,WAAW,EACX,WAAW,EACZ,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGlD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,iBAAiB,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;IACzC,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,YAAY,4FAqDxB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { StyleSheet, View } from 'react-native'
|
|
2
2
|
import React from 'react'
|
|
3
|
-
import { COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui'
|
|
3
|
+
import { COLORS, HeadingVariants, IS_WEB, SPACING, Typography } from '@magmamath/react-native-ui'
|
|
4
4
|
import { useUnit } from 'effector-react'
|
|
5
5
|
import { $localization } from '../../../shared/translation'
|
|
6
6
|
import { MessageBlock } from './MessageBlock'
|
|
@@ -14,6 +14,8 @@ type ExampleSolutionModalContentProps = {
|
|
|
14
14
|
params: ExampleSolutionModalParams
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
const CONTAINER_HEIGHT = 593
|
|
18
|
+
|
|
17
19
|
export const ExampleSolutionModalContent = ({
|
|
18
20
|
params: { model, payload, cacheKey },
|
|
19
21
|
}: ExampleSolutionModalContentProps) => {
|
|
@@ -21,7 +23,12 @@ export const ExampleSolutionModalContent = ({
|
|
|
21
23
|
const localization = useUnit($localization)
|
|
22
24
|
|
|
23
25
|
return (
|
|
24
|
-
<View
|
|
26
|
+
<View
|
|
27
|
+
style={[
|
|
28
|
+
styles.container,
|
|
29
|
+
IS_WEB ? { maxHeight: CONTAINER_HEIGHT } : { height: CONTAINER_HEIGHT },
|
|
30
|
+
]}
|
|
31
|
+
>
|
|
25
32
|
<Typography align="center" variant={HeadingVariants.H2} style={{ color: COLORS.NEUTRAL_9 }}>
|
|
26
33
|
{localization.exampleSolution.exampleSolution}
|
|
27
34
|
</Typography>
|
|
@@ -42,7 +49,6 @@ export const ExampleSolutionModalContent = ({
|
|
|
42
49
|
const styles = StyleSheet.create({
|
|
43
50
|
container: {
|
|
44
51
|
width: 880,
|
|
45
|
-
height: 593,
|
|
46
52
|
},
|
|
47
53
|
content: {
|
|
48
54
|
flex: 1,
|
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
StyleSheet,
|
|
3
|
+
View,
|
|
4
|
+
Image,
|
|
5
|
+
ImageBackground,
|
|
6
|
+
ScrollView,
|
|
7
|
+
useWindowDimensions,
|
|
8
|
+
} from 'react-native'
|
|
2
9
|
import React from 'react'
|
|
3
10
|
import { COLORS, IS_WEB, SPACING } from '@magmamath/react-native-ui'
|
|
4
11
|
import Animated, { FadeIn } from 'react-native-reanimated'
|
|
@@ -15,16 +22,19 @@ const CONTAINER_SIZES = {
|
|
|
15
22
|
height: 543,
|
|
16
23
|
}
|
|
17
24
|
const BORDER_WIDTH = 1
|
|
25
|
+
const CONTAINER_HEIGHT_OFFSET = 160
|
|
18
26
|
|
|
19
27
|
const gridImagePath = !IS_WEB ? Image.resolveAssetSource(gridImage).uri : gridImage
|
|
20
28
|
|
|
21
29
|
export const SolutionSection = ({ answer, status }: SolutionSectionProps) => {
|
|
30
|
+
const { height } = useWindowDimensions()
|
|
31
|
+
|
|
22
32
|
const shouldShowAnswer =
|
|
23
33
|
answer &&
|
|
24
34
|
(status === ExampleSolutionStatuses.DONE_DATA || status === ExampleSolutionStatuses.CACHE)
|
|
25
35
|
|
|
26
36
|
return (
|
|
27
|
-
<View style={styles.container}>
|
|
37
|
+
<View style={[styles.container, IS_WEB && { maxHeight: height - CONTAINER_HEIGHT_OFFSET }]}>
|
|
28
38
|
<ScrollView
|
|
29
39
|
style={styles.solutionScroll}
|
|
30
40
|
contentContainerStyle={styles.solutionScrollContent}
|
|
@@ -43,6 +43,11 @@ export const FormulaSheet = forwardRef<ButtonRef | null, FormulaSheetProps>(
|
|
|
43
43
|
const sheetFileBlob = useUnit(model.file.$blob)
|
|
44
44
|
const isRequestPending = useUnit(model.api.getPDFFileBlobFx.pending)
|
|
45
45
|
|
|
46
|
+
const onPressHandler = () => {
|
|
47
|
+
model.modal.toggle()
|
|
48
|
+
onPress?.()
|
|
49
|
+
}
|
|
50
|
+
|
|
46
51
|
useEffect(() => {
|
|
47
52
|
model.file.setId(fileId ?? null)
|
|
48
53
|
}, [fileId])
|
|
@@ -55,10 +60,8 @@ export const FormulaSheet = forwardRef<ButtonRef | null, FormulaSheetProps>(
|
|
|
55
60
|
variant={ButtonVariant.SECONDARY}
|
|
56
61
|
colorScheme={buttonColor}
|
|
57
62
|
isActive={isOpen}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
onPress?.()
|
|
61
|
-
}}
|
|
63
|
+
delayHoverIn={0}
|
|
64
|
+
onPressIn={() => onPressHandler()}
|
|
62
65
|
icon={<TheoryIcon color={isOpen ? COLORS.NEUTRAL_1 : undefined} size={20} />}
|
|
63
66
|
style={style}
|
|
64
67
|
/>
|