@nakamura-123/pages 0.1.21 → 0.1.22

package/dist/quiz/setting/Bottom2BtnJ.js

@@ -0,0 +1,86 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var react_redux_1 = require("react-redux");
+var lib_1 = require("@nakamura-123/lib");
+var common_1 = require("@nakamura-123/common");
+var quizHook_1 = require("../../hooks/quizHook");
+var Bottom2BtnJ = function (_a) {
+    var navigation = _a.navigation;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var question = (0, quizHook_1.useQuestionDataJ)();
+    var quizId = (question === null || question === void 0 ? void 0 : question.quizId) || null;
+    if (quizId === null)
+        return null; // quizIdがnullの場合は何も表示しない
+    // 音声の設定
+    var voice = (0, quizHook_1.useGetVoicePath)(quizId);
+    var finishedVoice = function () {
+        return dispatch({ type: "quiz/changeFinishVoice", payload: true });
+    };
+    // 音声のプリロード・初回再生
+    (0, react_1.useEffect)(function () {
+        if (voice)
+            lib_1.voiceFnc.preloadVoiceById(voice, true, finishedVoice);
+        else
+            finishedVoice();
+        return function () {
+            if (voice)
+                lib_1.voiceFnc.unloadVoiceById(voice);
+            dispatch({ type: "quiz/changeFinishVoice", payload: false });
+        };
+    }, [quizId]);
+    var btnList = [
+        voice
+            ? createBtnInfo("volume-up", "Repeat", function () { return lib_1.voiceFnc.playVoice(voice, 1); })
+            : null,
+        createBtnInfo("book", "Guide", function () {
+            return navigation.navigate("Guide", { quizId: quizId });
+        }),
+    ].filter(Boolean); // falsyな要素を削除
+    return (<react_native_1.View style={styles.container}>
+      {btnList.map(function (btn) {
+            if (btn === null)
+                return null; // nullを除く
+            return (<common_1.IconTextBtn btn={btn} key={btn.text}/> // IconTextBtnを使用
+            );
+        })}
+    </react_native_1.View>);
+};
+var createBtnInfo = function (icon, text, onPress) { return ({
+    icon: icon,
+    text: text,
+    onPress: onPress,
+}); };
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        marginBottom: 10,
+        marginHorizontal: 10,
+    },
+});
+exports.default = Bottom2BtnJ;

package/dist/quiz/setting/Bottom3Btn.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
 var react_redux_1 = require("react-redux");
-var lib_1 = require("@nakamura-123/lib");
 var common_1 = require("@nakamura-123/common");
 var stores_1 = require("@nakamura-123/stores");
 var quizHook_1 = require("../../hooks/quizHook");
@@ -38,14 +37,7 @@ var NextQuiz = function (_a) {
             }),
     ];
     return (<react_native_1.View style={styles.container}>
-      {btnList.map(function (btn) { return (<react_native_1.Pressable key={btn.text} onPress={btn.onPress} style={styles.button}>
-          <react_native_1.View style={styles.iconContainer}>
-            <common_1.Icon5 name={btn.icon} size={15}/>
-          </react_native_1.View>
-          <common_1.MyText style={styles.text} fsize="sm">
-            {btn.text}
-          </common_1.MyText>
-        </react_native_1.Pressable>); })}
+      {btnList.map(function (btn) { return (<common_1.IconTextBtn btn={btn} key={btn.text}/>); })}
     </react_native_1.View>);
 };
 var createBtnInfo = function (icon, text, onPress) { return ({
@@ -60,19 +52,5 @@ var styles = react_native_1.StyleSheet.create({
         alignItems: "center",
         marginTop: 20,
     },
-    button: {
-        justifyContent: "center",
-        alignItems: "center",
-        borderRadius: 50, // 丸い形にする
-        height: 50,
-        width: 50,
-        backgroundColor: lib_1.colors.ltBeige,
-        marginHorizontal: 10,
-    },
-    iconContainer: {},
-    text: {
-        marginTop: 1,
-        color: lib_1.colors.text,
-    },
 });
 exports.default = NextQuiz;

package/dist/quiz/setting/Bottom3BtnJ.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { StackNavigationProp } from "@react-navigation/stack";
+import { Nav } from "@nakamura-123/types";
+interface NextQuizProps {
+    navigation: StackNavigationProp<Nav.RootStackParamList>;
+}
+declare const Bottom3BtnJ: React.FC<NextQuizProps>;
+export default Bottom3BtnJ;

package/dist/quiz/setting/Bottom3BtnJ.js

@@ -0,0 +1,78 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var react_redux_1 = require("react-redux");
+var lib_1 = require("@nakamura-123/lib");
+var common_1 = require("@nakamura-123/common");
+var stores_1 = require("@nakamura-123/stores");
+var quizHook_1 = require("../../hooks/quizHook");
+var quizActionHook_1 = require("../../hooks/quizActionHook");
+var Bottom3BtnJ = function (_a) {
+    var navigation = _a.navigation;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var mode = (0, quizHook_1.useGetMode)();
+    var nextQuizAction = (0, quizActionHook_1.useNextQuizAction)();
+    var _b = (0, react_redux_1.useSelector)(function (state) { return state.quiz.currentInfo.state; }), turn = _b.turn, activeTurn = _b.activeTurn;
+    var isActiveTurn = turn === activeTurn;
+    var btnList = [
+        // １つ目
+        createBtnInfo("arrow-left", "Back", function () {
+            return dispatch(stores_1.quizAction.beforeTurn());
+        }),
+        // ２つ目
+        createBtnInfo("envelope", "Mail", function () { return navigation.navigate("Report"); }),
+        // ３つ目 quizなら「パス」、checkなら「次へ」
+        mode === "quiz"
+            ? createBtnInfo("arrow-right", "Skip", function () {
+                return dispatch(stores_1.quizAction.changeMode("check"));
+            })
+            : createBtnInfo("arrow-right", "Next", function () {
+                if (mode === "result" || !isActiveTurn)
+                    dispatch(stores_1.quizAction.nextTurn());
+                else
+                    nextQuizAction(navigation);
+            }),
+    ];
+    return (<react_native_1.View style={styles.container}>
+      {btnList.map(function (btn) { return (<react_native_1.Pressable key={btn.text} onPress={btn.onPress} style={styles.button}>
+          <react_native_1.View style={styles.iconContainer}>
+            <common_1.Icon5 name={btn.icon} size={15}/>
+          </react_native_1.View>
+          <common_1.MyText style={styles.text} fsize="sm">
+            {btn.text}
+          </common_1.MyText>
+        </react_native_1.Pressable>); })}
+    </react_native_1.View>);
+};
+var createBtnInfo = function (icon, text, onPress) { return ({
+    icon: icon,
+    text: text,
+    onPress: onPress,
+}); };
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        justifyContent: "center",
+        alignItems: "center",
+        marginTop: 10,
+    },
+    button: {
+        justifyContent: "center",
+        alignItems: "center",
+        borderRadius: 50, // 丸い形にする
+        height: 50,
+        width: 50,
+        backgroundColor: lib_1.colors.ltBeige,
+        marginHorizontal: 10,
+    },
+    iconContainer: {},
+    text: {
+        marginTop: 1,
+        color: lib_1.colors.text,
+    },
+});
+exports.default = Bottom3BtnJ;

package/dist/quiz/setting/GuideBtn.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { StackNavigationProp } from "@react-navigation/stack";
+import { Nav } from "@nakamura-123/types";
+interface NextQuizProps {
+    navigation: StackNavigationProp<Nav.RootStackParamList>;
+}
+declare const GuideBtn: React.FC<NextQuizProps>;
+export default GuideBtn;

package/dist/quiz/setting/GuideBtn.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var common_1 = require("@nakamura-123/common");
+var quizHook_1 = require("../../hooks/quizHook");
+var lib_1 = require("@nakamura-123/lib");
+var GuideBtn = function (_a) {
+    var navigation = _a.navigation;
+    var question = (0, quizHook_1.useQuestionDataJ)();
+    var quizId = (question === null || question === void 0 ? void 0 : question.quizId) || null;
+    if (quizId === null || !question)
+        return <react_native_1.View></react_native_1.View>; // quizIdがnullの場合は何も表示しない
+    var quizType = question.form === "basicSelImg" || question.form === "listenSelImg"
+        ? "jpSentence"
+        : "jpWord";
+    var searchBtn = createBtnInfo("search", "Search", function () {
+        var searchWord = lib_1.utilFnc.parseRubyText(question[quizType]);
+        var removeRuby = lib_1.utilFnc.removeRuby(searchWord);
+        lib_1.utilFnc.handleSearchTrans(removeRuby);
+    });
+    var guideBtn = createBtnInfo("book", "Guide", function () {
+        return navigation.navigate("Guide", { quizId: quizId });
+    });
+    return (<react_native_1.View style={{ flexDirection: "row", alignItems: "center" }}>
+      <common_1.IconTextBtn btn={searchBtn} style={{ marginLeft: "auto" }} key={searchBtn.text}/>
+      <common_1.IconTextBtn btn={guideBtn} key={guideBtn.text}/>
+    </react_native_1.View>);
+};
+var createBtnInfo = function (icon, text, onPress) { return ({
+    icon: icon,
+    text: text,
+    onPress: onPress,
+}); };
+exports.default = GuideBtn;

package/dist/quiz/setting/RepeatBtn.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface NextQuizProps {
+    isPreLoad?: boolean;
+}
+declare const RepeatBtn: React.FC<NextQuizProps>;
+export default RepeatBtn;

package/dist/quiz/setting/RepeatBtn.js

@@ -0,0 +1,77 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var react_redux_1 = require("react-redux");
+var lib_1 = require("@nakamura-123/lib");
+var common_1 = require("@nakamura-123/common");
+var quizHook_1 = require("../../hooks/quizHook");
+var RepeatBtn = function (_a) {
+    var isPreLoad = _a.isPreLoad;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var question = (0, quizHook_1.useQuestionDataJ)();
+    var quizId = (question === null || question === void 0 ? void 0 : question.quizId) || null;
+    if (quizId === null)
+        return <react_native_1.View></react_native_1.View>; // quizIdがnullの場合は何も表示しない
+    // 音声の設定
+    var voice = (0, quizHook_1.useGetVoicePath)(quizId);
+    var wordVoice = (0, quizHook_1.useGetVoicePath)(quizId, "word");
+    var sentenceVoice = (0, quizHook_1.useGetVoicePath)(quizId, "sentence");
+    var finishedVoice = function () {
+        return dispatch({ type: "quiz/changeFinishVoice", payload: true });
+    };
+    var finishedVoiceReset = function () {
+        return dispatch({ type: "quiz/changeFinishVoice", payload: false });
+    };
+    // 音声のプリロード・初回再生
+    (0, react_1.useEffect)(function () {
+        if (!isPreLoad || !wordVoice || !sentenceVoice)
+            return;
+        if (voice)
+            lib_1.voiceFnc.preloadVoiceById(voice, true, finishedVoice, 0.6);
+        else
+            finishedVoice();
+        return function () {
+            // if (voice) voiceFnc.unloadVoiceById(voice);
+            lib_1.voiceFnc.unloadVoiceById(wordVoice);
+            lib_1.voiceFnc.unloadVoiceById(sentenceVoice);
+            finishedVoiceReset();
+        };
+    }, [quizId]);
+    if (!voice)
+        return <react_native_1.View></react_native_1.View>; // voiceがnullの場合は何も表示しない
+    var btn = createBtnInfo("volume-up", "Repeat", function () {
+        return lib_1.voiceFnc.playVoice(voice, 0.6);
+    });
+    return (<common_1.IconTextBtn btn={btn} style={{ marginRight: "auto" }} key={btn.text}/> // IconTextBtnを使用
+    );
+};
+var createBtnInfo = function (icon, text, onPress) { return ({
+    icon: icon,
+    text: text,
+    onPress: onPress,
+}); };
+exports.default = RepeatBtn;

package/dist/quiz/system/QuizContentDrill.js

@@ -0,0 +1 @@
+"use strict";