@nakamura-123/pages 0.0.1

package/dist/page/ResultPage.js

@@ -0,0 +1,47 @@
+"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 CharaCard_1 = __importDefault(require("../component/Result/CharaCard"));
+var LessonTitle_1 = __importDefault(require("../component/Result/LessonTitle"));
+var quizHook_1 = require("../hooks/quizHook");
+var ScoreCircle_1 = __importDefault(require("../component/Result/ScoreCircle"));
+var QuizFlatList_1 = __importDefault(require("../component/Result/QuizFlatList"));
+var ResultPage = function (_a) {
+    // スワイプの動作処理
+    var navigation = _a.navigation;
+    var scoreInfo = (0, quizHook_1.useScoreInfo)();
+    return (<react_native_1.View style={styles.page}>
+      <CharaCard_1.default scoreInfo={scoreInfo}/>
+      <LessonTitle_1.default />
+      <ScoreCircle_1.default scoreInfo={scoreInfo}/>
+      <react_native_1.View style={styles.btnBox}>
+        <common_1.MiniIconBtn onPress={function () { return navigation.navigate("Grade"); }} icon="chart-line" title="成 績" color="green" outerStyle={styles.miniBtnOuter}/>
+        <common_1.MiniIconBtn onPress={function () { return navigation.goBack(); }} icon="arrow-left" title="戻 る" color="blue" outerStyle={styles.miniBtnOuter}/>
+      </react_native_1.View>
+      <QuizFlatList_1.default navigation={navigation}/>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    page: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        paddingHorizontal: 20,
+    },
+    btnBox: {
+        width: "100%",
+        flexDirection: "row",
+        justifyContent: "center",
+        paddingVertical: 5,
+    },
+    miniBtnOuter: {
+        width: "35%",
+        marginHorizontal: 20,
+    },
+});
+exports.default = ResultPage;

package/dist/page/SettingPage.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { NavigationProp } from "@react-navigation/native";
+interface SettingPageProps {
+    navigation: NavigationProp<any>;
+}
+declare const SettingPage: React.FC<SettingPageProps>;
+export default SettingPage;

package/dist/page/SettingPage.js

@@ -0,0 +1,62 @@
+"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_2 = require("@realm/react");
+var common_1 = require("@nakamura-123/common");
+var lib_1 = require("@nakamura-123/lib");
+var db_1 = require("@nakamura-123/db");
+var QuizOptionSelector_1 = __importDefault(require("../component/SettingBtns/QuizOptionSelector"));
+var SettingPage = function (_a) {
+    var navigation = _a.navigation;
+    var realm = (0, react_2.useRealm)();
+    var settingInfo = [
+        {
+            title: "ふせんの初期化",
+            note: "すべてのふせんをグレー(未実施)に戻します",
+            icon: "tag",
+            color: "green",
+            handlePress: function () {
+                return lib_1.utilFnc.showConfirmationAlert("本当に、すべてのふせんをグレー(未実施)に戻しますか?", function () { return db_1.TagModel.toL1AllTags(realm); });
+            },
+        },
+        {
+            title: "全成績の削除",
+            note: "すべての実績と成績を削除します",
+            icon: "trash",
+            color: "red",
+            handlePress: function () {
+                return lib_1.utilFnc.showConfirmationAlert("本当に、すべての実績と成績を削除しますか?(ふせんと記述問題の記録は残ります)", function () {
+                    db_1.MinitestModel.deleteMiniTest(realm);
+                    db_1.TestModel.deleteTest(realm);
+                    db_1.BootModel.deleteBoot(realm);
+                    db_1.BadgeModel.handleDeleteBadge(realm);
+                    db_1.DailyLogModel.deleteAllDailyLogs(realm);
+                });
+            },
+        },
+    ];
+    return (<react_native_1.View style={styles.container}>
+      {/* データ消去 */}
+      {settingInfo.map(function (info) { return (<common_1.RectangleCard key={info.title} title={info.title} note={info.note} left={<common_1.IconInCircle name={info.icon} size={25}/>} onPress={info.handlePress} color={info.color} outerStyle={{ marginBottom: 20 }}/>); })}
+      {/* 音量調節 */}
+      <QuizOptionSelector_1.default type="soundVolume"/>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        padding: 20,
+    },
+    text: {
+        fontSize: 20,
+        textAlign: "center",
+        margin: 10,
+    },
+});
+exports.default = SettingPage;

package/dist/page/TestPage.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { StackNavigationProp } from "@react-navigation/stack";
+import { Nav, Db } from "@nakamura-123/types";
+interface TestPageProps {
+    navigation: StackNavigationProp<Nav.RootStackParamList>;
+    subject: Db.SubjectTestType;
+}
+declare const TestPage: React.FC<TestPageProps>;
+export default TestPage;

package/dist/page/TestPage.js

@@ -0,0 +1,101 @@
+"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 react_i18next_1 = require("react-i18next");
+var react_2 = require("@realm/react");
+var common_1 = require("@nakamura-123/common");
+var db_1 = require("@nakamura-123/db");
+var Badge5s_1 = __importDefault(require("../component/Badge5s"));
+var Square3s_1 = __importDefault(require("../component/TestPage/Square3s"));
+var AverageBar_1 = __importDefault(require("../component/TestPage/AverageBar"));
+var Paw5s_1 = __importDefault(require("../component/Paw5s"));
+var testFnc_1 = require("../functions/testFnc");
+var createQuizFnc_1 = require("../functions/createQuizFnc");
+var QuizSaveData_1 = __importDefault(require("../quiz/save/QuizSaveData"));
+var BarChartContainer_1 = __importDefault(require("../component/TestPage/BarChartContainer"));
+var quizActionHook_1 = require("../hooks/quizActionHook");
+var TestPage = react_1.default.memo(function (_a) {
+    var navigation = _a.navigation, subject = _a.subject;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var useStartQuiz = (0, quizActionHook_1.useStartQuizAction)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var TestDB = (0, react_2.useQuery)(db_1.TestSchema);
+    var QuestionDB = (0, react_2.useQuery)(db_1.dQuestionSchema);
+    var isExistedSaveData = (0, react_redux_1.useSelector)(function (state) { return state.score.isSave[subject.name]; });
+    // // Reduxから必要なデータを一括取得
+    var quizCnt = subject.cnt;
+    var title = subject.title;
+    // アベレージバーのデータ生成
+    var average = (0, react_redux_1.useSelector)(function (state) { return state.score.test.average; });
+    var barLabel = "下記グラフ範囲の\n平均正答率";
+    // スタートボタンの設定
+    var cntByLevels = (0, testFnc_1.getTestLevelCnts)(TestDB, subject.name);
+    var handleStart = function () {
+        dispatch({
+            type: "quiz/setLesson",
+            payload: {
+                subject: subject.name,
+                type: "test",
+                category: quizCnt, //これはいらないけど入れておく
+                lesson: { title: title, key: quizCnt },
+            },
+        });
+        // クイズ作成
+        var quizList = (0, createQuizFnc_1.getTestQuestions)(QuestionDB, quizCnt);
+        var isExistQuiz = useStartQuiz(subject.name, quizList);
+        if (!isExistQuiz)
+            return;
+        navigation.navigate("Quiz");
+    };
+    // ヒストリーParams
+    var historyParams = {
+        subject: subject.name,
+        db: "test",
+    };
+    return (<react_native_1.SafeAreaView style={{ flex: 1 }}>
+        <react_native_1.ScrollView style={styles.container}>
+          <Badge5s_1.default badgeType="test" subject={subject.name} category={subject.cnt}/>
+          <Square3s_1.default subjectName={subject.name} TestDB={TestDB}/>
+          <AverageBar_1.default percent={average} label={barLabel}/>
+          <BarChartContainer_1.default subjectName={subject.name} TestDB={TestDB}/>
+          <react_native_1.View style={styles.test}>
+            <common_1.RectangleCard title={title} color="red" left={<common_1.IconInCircle name="clipboard" circleColor="ltRed" size={25}/>} bottom={<Paw5s_1.default levels={cntByLevels} quizCnt={quizCnt}/>} onPress={function () { return handleStart(); }}/>
+          </react_native_1.View>
+          <common_1.RoundRectangleIcon title={"過去の履歴を確認する"} onPress={function () {
+            return navigation.navigate("History", { info: historyParams });
+        }} icon="history"/>
+
+          <react_native_1.View style={{ height: 50 }}/>
+          {isExistedSaveData && <react_native_1.View style={{ height: 100 }}/>}
+        </react_native_1.ScrollView>
+        <react_native_1.View style={styles.fixedBottom}>
+          <QuizSaveData_1.default saveKey={subject.name} navigation={navigation}/>
+        </react_native_1.View>
+      </react_native_1.SafeAreaView>);
+});
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        padding: 20,
+        marginTop: 20,
+    },
+    categoryName: {
+        marginTop: 10,
+        marginBottom: 10,
+    },
+    test: {},
+    fixedBottom: {
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0,
+        backgroundColor: "transparent",
+        paddingHorizontal: 15,
+        paddingBottom: 5,
+    },
+});
+exports.default = TestPage;

package/dist/page/UnitPage.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { StackNavigationProp } from "@react-navigation/stack";
+import { Nav, Db } from "@nakamura-123/types";
+interface UnitPageProps {
+    navigation: StackNavigationProp<Nav.RootStackParamList>;
+    subjectName: Db.SubjectBasic;
+}
+declare const UnitPage: React.FC<UnitPageProps>;
+export default UnitPage;

package/dist/page/UnitPage.js

@@ -0,0 +1,127 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var react_native_gesture_handler_1 = require("react-native-gesture-handler");
+var react_redux_1 = require("react-redux");
+var react_i18next_1 = require("react-i18next");
+var common_1 = require("@nakamura-123/common");
+var stores_1 = require("@nakamura-123/stores");
+var setSelectedSubject = stores_1.setAction.setSelectedSubject, setMaxIndex = stores_1.setAction.setMaxIndex;
+var Badge5s_1 = __importDefault(require("../component/Badge5s"));
+var TagBadge5s_1 = __importDefault(require("../component/TagBadge5s"));
+var SubCategoryList_1 = __importDefault(require("../component/SubCategoryList"));
+var MiniTestCard_1 = __importDefault(require("../component/MiniTestCard"));
+var TabContentsWrap_1 = __importDefault(require("../component/TabContentsWrap"));
+var BasicSetting_1 = __importDefault(require("../component/BasicSetting"));
+var QuizSaveData_1 = __importDefault(require("../quiz/save/QuizSaveData"));
+var UnitPage = react_1.default.memo(function (_a) {
+    var _b;
+    var navigation = _a.navigation, subjectName = _a.subjectName;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    // // Reduxから必要なデータを一括取得
+    var subjectType = (0, react_redux_1.useSelector)(function (state) { return state.app.appSetting.setting.basic[subjectName]; });
+    var categoryList = (0, react_redux_1.useSelector)(function (state) { return state.app[subjectName]; });
+    var activeIndex = (0, react_redux_1.useSelector)(function (state) { return state.setting.viewSet[subjectName].activeIndex; });
+    var existSaveData = (0, react_redux_1.useSelector)(function (state) { return state.score.isSave[subjectName]; });
+    var initScrollY = (0, react_redux_1.useSelector)(function (state) { return state.setting.viewSet[subjectName].scrollY; });
+    var scrollViewRef = (0, react_1.useRef)(null);
+    // 初期設定の処理を useEffect で実行
+    var _c = (0, react_1.useState)(false), isReady = _c[0], setIsReady = _c[1];
+    (0, react_1.useEffect)(function () {
+        if (scrollViewRef.current)
+            setIsReady(true); // 準備完了
+    }, [scrollViewRef.current]); // scrollViewRef.current の変更を監視
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (isReady) {
+            dispatch(setSelectedSubject(subjectName));
+            dispatch(setMaxIndex(categoryList.length));
+            (_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ y: initScrollY, animated: false });
+        }
+    }, [isReady]);
+    // ラベルを取得
+    var labels = categoryList.map(function (category) { var _a; return (_a = category.label) !== null && _a !== void 0 ? _a : category.title; });
+    // 選択されたカテゴリー情報を取得
+    var selectedList = categoryList[activeIndex];
+    // カテゴリー名を計算
+    var categoryName = "".concat((_b = selectedList.label) !== null && _b !== void 0 ? _b : "", " ").concat(selectedList.title).trim();
+    var selectKey = selectedList.key;
+    var categoryLabel = selectedList.label || selectedList.title;
+    // 全問スタートのハンドラー関数
+    var handleAllQuiz = function () {
+        var ALL_NUM = 0;
+        dispatch(stores_1.quizAction.setLesson({
+            subject: subjectName,
+            type: subjectType,
+            category: selectKey,
+            lesson: {
+                title: selectedList.label || selectedList.title,
+                key: ALL_NUM,
+            },
+        }));
+        navigation.navigate("QuizSetup");
+    };
+    var handleEndScroll = function (event) {
+        var scrollY = event.nativeEvent.contentOffset.y;
+        dispatch({ type: "setting/setScrollY", payload: scrollY });
+    };
+    return (<react_native_1.View style={{ flex: 1 }}>
+        <react_native_gesture_handler_1.ScrollView contentContainerStyle={styles.scrollContainer} ref={scrollViewRef} onMomentumScrollEnd={function (event) { return handleEndScroll(event); }}>
+          <common_1.TopTabs labels={labels} activeIndex={activeIndex}/>
+          <TabContentsWrap_1.default scrollViewRef={scrollViewRef}>
+            <common_1.RoundRectangle title={categoryName} style={styles.categoryName}/>
+            <SubCategoryList_1.default navigation={navigation} subjectName={subjectName}/>
+
+            <MiniTestCard_1.default navigation={navigation} subjectName={subjectName}/>
+            <common_1.HelpMark title={t("help.badge.title")} msg={t("help.badge.msg")} marginTop={10} top={-18}/>
+            <Badge5s_1.default badgeType="basic" category={selectKey}/>
+            <TagBadge5s_1.default subjectName={subjectName}/>
+            <common_1.HelpMark title={t("help.quizOption.allQuiz.title")} msg={t("help.quizOption.allQuiz.msg")} top={7}/>
+            <common_1.RoundRectangleIcon title={categoryLabel + "全問を演習する"} icon="pencil-alt" onPress={handleAllQuiz}/>
+          </TabContentsWrap_1.default>
+          <BasicSetting_1.default navigation={navigation} subjectType={subjectType}/>
+          {existSaveData && <react_native_1.View style={{ height: 60 }}/>}
+        </react_native_gesture_handler_1.ScrollView>
+        <QuizSaveData_1.default navigation={navigation} saveKey={subjectName}/>
+      </react_native_1.View>);
+});
+var styles = react_native_1.StyleSheet.create({
+    scrollContainer: {
+        justifyContent: "center",
+        alignItems: "center",
+        padding: 20,
+    },
+    categoryName: {
+        marginTop: 10,
+        marginBottom: 10,
+    },
+});
+exports.default = UnitPage;

package/dist/page/ZoomImg.js

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

package/dist/quiz/GoBackAlert.d.ts

@@ -0,0 +1,2 @@
+import { Nav } from "@nakamura-123/types";
+export declare const handleBeforeRemove: (navigation: Nav.NavigationProp<"Quiz">) => () => void;

package/dist/quiz/GoBackAlert.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleBeforeRemove = void 0;
+var react_native_1 = require("react-native");
+var handleBeforeRemove = function (navigation) {
+    return navigation.addListener("beforeRemove", function (e) {
+        // e.data.action.typeが "GO_BACK" の場合のみ警告を表示
+        console.log(e.data.action.type, "e.data.action.type");
+        if (e.data.action.type === "POP") {
+            e.preventDefault(); // デフォルトの戻る動作をキャンセル
+            react_native_1.Alert.alert("確認", "学習を保存して中断しますか？", [
+                { text: "キャンセル", style: "cancel" },
+                {
+                    text: "保存せずに中断",
+                    onPress: function () { return navigation.dispatch(e.data.action); },
+                },
+                {
+                    text: "保存して中断",
+                    onPress: function () {
+                        // 保存処理
+                        console.log("保存");
+                        // 遷移を実行
+                        navigation.dispatch(e.data.action);
+                    },
+                },
+            ]);
+        }
+    });
+};
+exports.handleBeforeRemove = handleBeforeRemove;

package/dist/quiz/MyImage.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { StackNavigationProp } from "@react-navigation/stack";
+import { Nav } from "@nakamura-123/types";
+interface ImageDisplayProps {
+    navigation: StackNavigationProp<Nav.RootStackParamList>;
+    path?: number;
+}
+declare const ImageDisplay: React.FC<ImageDisplayProps>;
+export default ImageDisplay;

package/dist/quiz/MyImage.js

@@ -0,0 +1,60 @@
+"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 MAX_HEIGHT = 300; // 最大高さ
+var ImageDisplay = function (_a) {
+    var path = _a.path, navigation = _a.navigation;
+    var _b = (0, react_1.useState)(0), containerWidth = _b[0], setContainerWidth = _b[1];
+    // コンテナの幅を取得
+    var handleLayout = function (event) {
+        var width = event.nativeEvent.layout.width;
+        setContainerWidth(width); // 幅を状態に保存
+    };
+    if (!path)
+        return null;
+    return (<react_native_1.TouchableOpacity onPress={function () { return navigation.navigate("ImgZoom", { path: path }); }}>
+      <react_native_1.View style={styles.container} onLayout={handleLayout}>
+        {containerWidth > 0 && (<react_native_1.Image source={path} style={[
+                styles.image,
+                { maxWidth: containerWidth }, // コンテナの幅を maxWidth として設定
+            ]} resizeMode="contain"/>)}
+      </react_native_1.View>
+    </react_native_1.TouchableOpacity>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        justifyContent: "center",
+        alignItems: "center",
+        maxHeight: MAX_HEIGHT,
+    },
+    image: {
+        margin: 5,
+        // borderRadius: 8,
+        // backgroundColor: "#E0E0E0",
+    },
+});
+exports.default = ImageDisplay;

package/dist/quiz/MyTextqqyy.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { TextStyle } from "react-native";
+interface MyTextqqyyProps {
+    children: string;
+    style?: TextStyle;
+    isNotSearch?: boolean;
+    selectable?: boolean;
+}
+declare const MyTextqqyy: React.FC<MyTextqqyyProps>;
+export default MyTextqqyy;

package/dist/quiz/MyTextqqyy.js

@@ -0,0 +1,80 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 MathView = require("react-native-math-view").default;
+var common_1 = require("@nakamura-123/common");
+var lib_1 = require("@nakamura-123/lib");
+var MyTextqqyy = function (_a) {
+    var children = _a.children, style = _a.style, isNotSearch = _a.isNotSearch, selectable = _a.selectable;
+    var fsize = (0, react_redux_1.useSelector)(function (state) { return state.quizCfg.option.fsize; });
+    var parsedText = parseText(children, isNotSearch !== null && isNotSearch !== void 0 ? isNotSearch : false);
+    return (<common_1.MyText style={__assign(__assign({}, styles.p), style)} selectable={selectable}>
+      {parsedText.map(function (item) {
+            return renderText(item, function (word) { return lib_1.utilFnc.handleSearch(word); }, fsize);
+        })}
+    </common_1.MyText>);
+};
+exports.default = MyTextqqyy;
+// 01_まず、文章をqqとyyで分割する関数を作成します。
+var parseText = function (text, isNotSearch) {
+    var parts = text.split(/(qq.*?qq|yy.*?yy)/g);
+    return parts.map(function (chunk, index) {
+        if (chunk.startsWith("qq") && chunk.endsWith("qq")) {
+            return { type: "math", content: chunk.slice(2, -2), key: index };
+        }
+        else if (chunk.startsWith("yy") && chunk.endsWith("yy")) {
+            if (isNotSearch) {
+                // `isNotSearch` が true の場合は `text` として扱う
+                return { type: "text", content: chunk.slice(2, -2), key: index };
+            }
+            else {
+                // 通常は `search` として扱う
+                return { type: "search", content: chunk.slice(2, -2), key: index };
+            }
+        }
+        else {
+            return { type: "text", content: chunk, key: index };
+        }
+    });
+};
+// 02_次に、それぞれの部分を適切なコンポーネントに変換する関数を作成します。
+var renderText = function (item, onSearch, fsize) {
+    if (item.type === "math") {
+        return <MathView math={item.content} key={item.key}/>;
+    }
+    if (item.type === "search") {
+        return (<common_1.MyText key={item.key} style={styles.searchText} onPress={function () { return onSearch(item.content || ""); }} fsize={fsize}>
+        {item.content}
+      </common_1.MyText>);
+    }
+    return (<common_1.MyText key={item.key} fsize={fsize}>
+      {item.content}
+    </common_1.MyText>);
+};
+var styles = react_native_1.StyleSheet.create({
+    p: {
+        marginVertical: 8,
+        marginHorizontal: 5,
+    },
+    searchText: {
+        color: lib_1.colors.blue,
+        textDecorationLine: "underline",
+        textDecorationColor: lib_1.colors.blue,
+    },
+});

package/dist/quiz/Question.d.ts

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

package/dist/quiz/Question.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 react_redux_1 = require("react-redux");
+var lib_1 = require("@nakamura-123/lib");
+var common_1 = require("@nakamura-123/common");
+var Question = function () {
+    var _a;
+    var turn = (0, react_redux_1.useSelector)(function (state) { return state.quiz.currentInfo.state.turn; });
+    var allQuizCnt = (0, react_redux_1.useSelector)(function (state) { return state.quiz.quizList.length; });
+    var question = (0, react_redux_1.useSelector)(function (state) { return state.quiz.quizList[turn]; });
+    var title = question.title;
+    var cntText = "".concat(turn + 1, " / ").concat(allQuizCnt, "\u554F\u76EE");
+    var tagColor = ((_a = lib_1.tagLevels.find(function (tag) { return tag.level === question.level; })) === null || _a === void 0 ? void 0 : _a.color) || "ltBlack";
+    return (<react_native_1.View style={styles.container}>
+      <common_1.MyText fsize="sm" style={styles.cntText}>
+        {cntText}
+      </common_1.MyText>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "#F5F5F5",
+        paddingHorizontal: 10,
+        paddingVertical: 5,
+        borderRadius: 15,
+    },
+    title: {
+        marginLeft: 10,
+        marginRight: 15,
+    },
+    cntText: {
+        color: "gray", // cntTextの色
+    },
+});
+exports.default = Question;

package/dist/quiz/Quiz.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ColorKeys } from "@nakamura-123/lib";
+interface TagInfoProps {
+    iconColor?: ColorKeys;
+    title: string;
+    cntText: string;
+}
+declare const QuizTitle: React.FC<TagInfoProps>;
+export default QuizTitle;