@nakamura-123/pages 0.1.21 → 0.1.23

package/dist/quiz/jQuestion/JQuestion.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var lib_1 = require("@nakamura-123/lib");
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var TimeLimit_1 = __importDefault(require("./TimeLimit"));
+var QuizCnt_1 = __importDefault(require("./QuizCnt"));
+var JQuestionText_1 = __importDefault(require("./JQuestionText"));
+var quizHook_1 = require("../../hooks/quizHook");
+var JQuestionBottomText_1 = __importDefault(require("./JQuestionBottomText"));
+var Above3BtnJ_1 = __importDefault(require("../setting/Above3BtnJ"));
+var JQuestion = function (_a) {
+    var navigation = _a.navigation;
+    var question = (0, quizHook_1.useQuestionDataJ)();
+    return (<react_native_1.View>
+      <react_native_1.View style={styles.container}>
+        <QuizCnt_1.default />
+        <TimeLimit_1.default timeLimit={question === null || question === void 0 ? void 0 : question.timeLimit}/>
+        <JQuestionText_1.default question={question}/>
+        <JQuestionBottomText_1.default question={question}/>
+      </react_native_1.View>
+      <Above3BtnJ_1.default navigation={navigation}/>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        backgroundColor: lib_1.colors.bkBeige,
+        alignItems: "center",
+        height: 270,
+        // marginTop: 0,
+        paddingHorizontal: 10,
+    },
+    text: {
+        fontSize: 18,
+        color: "#333",
+    },
+});
+exports.default = JQuestion;

package/dist/quiz/jQuestion/JQuestionBottomText.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { JStore } from "@nakamura-123/types";
+type Prop = {
+    question: JStore.JQInStore | null;
+};
+declare const JQuestionBottomText: React.FC<Prop>;
+export default JQuestionBottomText;

package/dist/quiz/jQuestion/JQuestionBottomText.js

@@ -0,0 +1,46 @@
+"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 quizHook_1 = require("../../hooks/quizHook");
+var RubyText_1 = __importDefault(require("../common/RubyText"));
+var JQuestionBottomText = function (_a) {
+    var question = _a.question;
+    var mode = (0, quizHook_1.useGetMode)();
+    var form = question === null || question === void 0 ? void 0 : question.form;
+    var answerText = getAnswerText(question, form);
+    if (mode === "quiz")
+        return null;
+    return (<react_native_1.View style={styles.container}>
+      <RubyText_1.default>{answerText}</RubyText_1.default>
+    </react_native_1.View>);
+};
+var getAnswerText = function (question, form) {
+    if (!question || !form)
+        return "";
+    var enSentence = question.enSentence, enWord = question.enWord, jpWord = question.jpWord;
+    var enSentenceForms = ["basicSelImg", "listenSelImg"];
+    var enWordForms = ["basicSelEn", "listenSelEn"];
+    var jpWordForms = ["basicSelJp", "listenSelJp"];
+    if (enSentenceForms.includes(form))
+        return enSentence;
+    if (enWordForms.includes(form))
+        return enWord;
+    if (jpWordForms.includes(form))
+        return jpWord;
+    return enWord; // fallback
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        padding: 10,
+        alignItems: "center",
+    },
+    text: {
+        fontSize: 14,
+        color: "#333",
+    },
+});
+exports.default = JQuestionBottomText;

package/dist/quiz/jQuestion/JQuestionText.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { JStore } from "@nakamura-123/types";
+type Prop = {
+    question: JStore.JQInStore | null;
+};
+declare const JQuestionText: React.FC<Prop>;
+export default JQuestionText;

package/dist/quiz/jQuestion/JQuestionText.js

@@ -0,0 +1,43 @@
+"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 RubyText_1 = __importDefault(require("../common/RubyText"));
+var RepeatBtn_1 = __importDefault(require("../setting/RepeatBtn"));
+var quizHook_1 = require("../../hooks/quizHook");
+var JQuestionText = function (_a) {
+    var question = _a.question;
+    var mode = (0, quizHook_1.useGetMode)();
+    if (!question)
+        return null;
+    var quizText = question.question;
+    var form = question === null || question === void 0 ? void 0 : question.form;
+    var listenForms = [
+        "listenSelImg",
+        "listenSelEn",
+        "listenSelJp",
+    ];
+    var isListenForm = listenForms.includes(form);
+    var fontSize = form === "basicSelImg" || form === "listenSelImg" ? "xl" : "xxxl";
+    if (isListenForm && mode === "quiz")
+        return (<react_native_1.View style={styles.container}>
+        <RepeatBtn_1.default />
+      </react_native_1.View>);
+    return (<react_native_1.View style={styles.container}>
+      <RubyText_1.default fsize={fontSize}>{quizText}</RubyText_1.default>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        height: 100,
+        justifyContent: "center",
+    },
+    text: {
+        fontSize: 16,
+        color: "#333",
+    },
+});
+exports.default = JQuestionText;

package/dist/quiz/jQuestion/QuizCnt.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const QuizCnt: React.FC;
+export default QuizCnt;

package/dist/quiz/jQuestion/QuizCnt.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_redux_1 = require("react-redux");
+var common_1 = require("@nakamura-123/common");
+var lib_1 = require("@nakamura-123/lib");
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var QuizCnt = function () {
+    var turn = (0, react_redux_1.useSelector)(function (state) { return state.quiz.currentInfo.state.turn; }) + 1;
+    var quizLength = (0, react_redux_1.useSelector)(function (state) { return state.quiz.quizList.length; });
+    return (<react_native_1.View style={styles.circle}>
+      <common_1.MyText style={styles.mainText}>
+        {turn}
+        <common_1.MyText style={styles.subText}>/{quizLength}</common_1.MyText>
+      </common_1.MyText>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    circle: {
+        // marginVertical: 10,
+        marginTop: 3,
+        marginBottom: 5,
+        borderWidth: 1,
+        borderColor: lib_1.colors.ltBlack,
+        borderRadius: 50,
+        width: 50,
+        height: 50,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    mainText: {
+        fontSize: 16,
+        color: "#333",
+        fontWeight: "bold",
+    },
+    subText: {
+        fontSize: 10,
+        color: lib_1.colors.ltBlack,
+    },
+});
+exports.default = QuizCnt;

package/dist/quiz/jQuestion/TimeLimit.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface TimeLimitProps {
+    timeLimit: number | undefined;
+}
+declare const TimeLimit: React.FC<TimeLimitProps>;
+export default TimeLimit;

package/dist/quiz/jQuestion/TimeLimit.js

@@ -0,0 +1,97 @@
+"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 lib_1 = require("@nakamura-123/lib");
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var quizHook_1 = require("../../hooks/quizHook");
+var native_1 = require("@react-navigation/native");
+var react_redux_1 = require("react-redux");
+var stores_1 = require("@nakamura-123/stores");
+var react_redux_2 = require("react-redux");
+var TimeLimit = function (_a) {
+    var _b = _a.timeLimit, timeLimit = _b === void 0 ? 10000 : _b;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var animationRef = (0, react_1.useRef)(null);
+    var finishedVoice = (0, react_redux_2.useSelector)(function (state) { return state.quiz.currentInfo.jlpt.isFinishVoice; });
+    if (!timeLimit)
+        timeLimit = 10000;
+    var progressAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
+    var mode = (0, quizHook_1.useGetMode)();
+    var isFocused = (0, native_1.useIsFocused)();
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (!timeLimit || mode !== "quiz" || !isFocused)
+            return;
+        (_a = animationRef.current) === null || _a === void 0 ? void 0 : _a.stop(); // 前のアニメーション停止
+        progressAnim.stopAnimation(function (currentValue) {
+            var remaining = currentValue * timeLimit;
+            animationRef.current = react_native_1.Animated.timing(progressAnim, {
+                toValue: 0,
+                duration: remaining,
+                useNativeDriver: false,
+            });
+            if (finishedVoice)
+                animationRef.current.start();
+            var listenerId = progressAnim.addListener(function (_a) {
+                var value = _a.value;
+                if (value <= 0) {
+                    dispatch(stores_1.quizAction.changeMode("check"));
+                    progressAnim.removeListener(listenerId);
+                }
+            });
+        });
+        return function () {
+            var _a;
+            (_a = animationRef.current) === null || _a === void 0 ? void 0 : _a.stop();
+        };
+    }, [timeLimit, mode, isFocused, finishedVoice]);
+    var widthInterpolate = progressAnim.interpolate({
+        inputRange: [0, 1],
+        outputRange: ["0%", "100%"],
+    });
+    return (<react_native_1.View style={styles.backgroundBar}>
+      <react_native_1.Animated.View style={[styles.progressBar, { width: widthInterpolate }]}/>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    backgroundBar: {
+        width: "90%",
+        height: 20,
+        backgroundColor: lib_1.colors.bkBeige,
+        borderRadius: 10,
+        borderWidth: 1,
+        borderColor: lib_1.colors.ltBlack,
+        padding: 2,
+        overflow: "hidden",
+        position: "relative",
+    },
+    progressBar: {
+        height: "100%",
+        backgroundColor: lib_1.colors.ltBlack,
+        borderRadius: 10,
+    },
+});
+exports.default = TimeLimit;

package/dist/quiz/question/Question.js

@@ -16,7 +16,9 @@ var QuestionFormats_1 = require("./QuestionFormats");
 var quizHook_2 = require("../../hooks/quizHook");
 var Question = function (_a) {
     var navigation = _a.navigation;
-    var question = (0, quizHook_1.useQuestionData)();
+    var question = (0, quizHook_1.useQuestionDataD)();
+    if (!question)
+        return null;
     // クイズの問題文を取得
     var yearId = question.yearId, style = question.style, title = question.title, form = question.form;
     var multiState = (0, react_redux_1.useSelector)(function (state) { return state.quiz.currentInfo.multi; });

package/dist/quiz/setting/Above3BtnJ copy.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/Above3BtnJ copy.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/Above3BtnJ.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/Above3BtnJ.js

@@ -0,0 +1,56 @@
+"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 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 (<common_1.IconTextBtn btn={btn} key={btn.text}/>); })}
+    </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,
+    },
+});
+exports.default = Bottom3BtnJ;

package/dist/quiz/setting/Bottom2BtnJ.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 Bottom2BtnJ: React.FC<NextQuizProps>;
+export default Bottom2BtnJ;

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;