@nakamura-123/pages 0.0.1

package/dist/page/BasicPage.js

@@ -0,0 +1,125 @@
+"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 BasicPage = react_1.default.memo(function (_a) {
+    var navigation = _a.navigation, subject = _a.subject;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    // // Reduxから必要なデータを一括取得
+    var categoryList = (0, react_redux_1.useSelector)(function (state) { return state.app[subject.list]; });
+    var activeIndex = (0, react_redux_1.useSelector)(function (state) { return state.setting.viewSet[subject.name].activeIndex; });
+    var existSaveData = (0, react_redux_1.useSelector)(function (state) { return state.score.isSave[subject.name]; });
+    var initScrollY = (0, react_redux_1.useSelector)(function (state) { return state.setting.viewSet[subject.name].scrollY; });
+    var scrollViewRef = (0, react_1.useRef)(null);
+    // 初期設定の処理を useEffect で実行
+    var _b = (0, react_1.useState)(false), isReady = _b[0], setIsReady = _b[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(subject.name));
+            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) { return category.label + category.title; });
+    // 選択されたカテゴリー情報を取得
+    var selectedList = categoryList[activeIndex];
+    // カテゴリー名を計算
+    var categoryName = "".concat(selectedList.label, " ").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: subject.name,
+            type: subject.type,
+            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} subject={subject}/>
+
+          <MiniTestCard_1.default navigation={navigation} subject={subject}/>
+          <common_1.HelpMark title={t("help.badge.title")} msg={t("help.badge.msg")} marginTop={10} top={-18}/>
+          <Badge5s_1.default badgeType="basic" subject={subject.name} category={selectKey}/>
+          <TagBadge5s_1.default subject={subject}/>
+          <common_1.HelpMark title={t("help.quizOption.allQuiz.title")} msg={t("help.quizOption.allQuiz.msg")} top={0}/>
+          <common_1.RoundRectangleIcon title={categoryLabel + "全問を復習"} icon="pencil-alt" onPress={handleAllQuiz}/>
+        </TabContentsWrap_1.default>
+        <BasicSetting_1.default navigation={navigation} subjectType={subject.type}/>
+        {existSaveData && <react_native_1.View style={{ height: 60 }}/>}
+      </react_native_gesture_handler_1.ScrollView>
+      <QuizSaveData_1.default navigation={navigation} saveKey={subject.name}/>
+    </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 = BasicPage;

package/dist/page/BootPage.d.ts

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

package/dist/page/BootPage.js

@@ -0,0 +1,116 @@
+"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_2 = require("@realm/react");
+var common_1 = require("@nakamura-123/common");
+var db_1 = require("@nakamura-123/db");
+var QuizSaveData_1 = __importDefault(require("../quiz/save/QuizSaveData"));
+var SelectRange_1 = __importDefault(require("../component/Boot/SelectRange"));
+var TagBadge5sPress_1 = __importDefault(require("../component/TagBadge5sPress"));
+var QuizOptionDrill_1 = __importDefault(require("../component/QuizSet/QuizOptionDrill"));
+var tagFnc_1 = require("../functions/tagFnc");
+var AverageBar_1 = __importDefault(require("../component/TestPage/AverageBar"));
+var createQuizFnc_1 = require("../functions/createQuizFnc");
+var quizActionHook_1 = require("../hooks/quizActionHook");
+var BootPage = function (_a) {
+    var navigation = _a.navigation, subject = _a.subject;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var useStartQuiz = (0, quizActionHook_1.useStartQuizAction)();
+    var startCfg = (0, react_redux_1.useSelector)(function (state) { return state.quizCfg.startCfg; });
+    // セーブの確認
+    var isExistedSaveData = (0, react_redux_1.useSelector)(function (state) { return state.score.isSave[subject.name]; });
+    // タグの選択を計算
+    var QuestionDB = (0, react_2.useQuery)(db_1.dQuestionSchema);
+    var unitRange = (0, react_redux_1.useSelector)(function (state) { return state.setting.boot.outOfUnit; });
+    var yearRange = (0, react_redux_1.useSelector)(function (state) { return state.setting.boot.outOfYear; });
+    var tagLevels = (0, tagFnc_1.getBootTagLevelCnts)(QuestionDB, unitRange, yearRange);
+    // アベレージバーのデータ生成
+    var l4TagCnt = (0, tagFnc_1.getCompletedTagRate)(tagLevels, true);
+    var allQuizCnt = QuestionDB.length || 1;
+    var average = Math.round((l4TagCnt / allQuizCnt) * 100);
+    var barLabel = "\u8D64\u3075\u305B\u3093\u306E\u5272\u5408\n(\u5168".concat(allQuizCnt, "\u554F\u4E2D)");
+    // 履歴情報
+    var historyParams = {
+        subject: subject.name,
+        db: "boot",
+    };
+    // スタートボタンの設定
+    var handleStart = function () {
+        var quizList = (0, createQuizFnc_1.getBootQuestions)(QuestionDB, startCfg, unitRange, yearRange);
+        var quizCnt = quizList.length;
+        dispatch({
+            type: "quiz/setLesson",
+            payload: {
+                subject: subject.name,
+                type: "boot",
+                category: quizCnt, //これはいらないけど入れておく
+                lesson: { title: subject.title, key: quizCnt },
+            },
+        });
+        var isExistQuiz = useStartQuiz(subject.name, quizList);
+        if (!isExistQuiz)
+            return;
+        navigation.navigate("Quiz");
+    };
+    var handlePreStudy = function () {
+        handleStart();
+        dispatch({ type: "quiz/toResult" });
+    };
+    return (<react_native_1.SafeAreaView style={{ flex: 1 }}>
+      <react_native_1.ScrollView style={styles.container}>
+        <AverageBar_1.default percent={average} label={barLabel} icon="tag" iconColor="red"/>
+        <common_1.IconTitle icon="lightbulb" title="単元の選択"/>
+        <SelectRange_1.default type="unit"/>
+        <common_1.IconTitle icon="history" title="試験の選択"/>
+        <SelectRange_1.default type="year"/>
+        <common_1.IconTitle icon="tag" title="タグの選択"/>
+        <TagBadge5sPress_1.default categoryTags={tagLevels}/>
+        <common_1.IconTitle icon="sliders-h" title="出題設定" mt={20}/>
+        <QuizOptionDrill_1.default />
+        <react_native_1.View style={styles.btnBox}>
+          <common_1.MiniIconBtn onPress={function () { return handlePreStudy(); }} icon="book" title="予習する" color="ltBlack"/>
+          <common_1.MiniIconBtn onPress={function () { return handleStart(); }} icon="play" title="特訓開始" color="red"/>
+        </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,
+    },
+    btnBox: {
+        flexDirection: "row",
+        justifyContent: "space-around",
+        alignItems: "center",
+        paddingVertical: 5,
+    },
+});
+exports.default = BootPage;

package/dist/page/CoinPage.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Nav } from "@nakamura-123/types";
+import { Comment } from "../component/Coin/AppReviews";
+interface Props {
+    navigation: Nav.NavigationProp<"Coin">;
+    comments: Comment[];
+}
+declare const CoinPage: React.FC<Props>;
+export default CoinPage;

package/dist/page/CoinPage.js

@@ -0,0 +1,51 @@
+"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 lib_1 = require("@nakamura-123/lib");
+var CatchCopy_1 = __importDefault(require("../component/Coin/CatchCopy"));
+var Recommend_1 = __importDefault(require("../component/Coin/Recommend"));
+var AppReviews_1 = __importDefault(require("../component/Coin/AppReviews"));
+var common_1 = require("@nakamura-123/common");
+var CoinPage = function (_a) {
+    var navigation = _a.navigation, comments = _a.comments;
+    return (<react_native_1.ScrollView style={styles.container}>
+      <CatchCopy_1.default />
+      <Recommend_1.default />
+      <common_1.RoundRectangleIcon title="よくある質問はこちら" icon="book"/>
+      <common_1.RectangleCard title="コンプリートプラン 1500円" note="全ての機能を使い放題" left={<common_1.IconInCircle name="gift"/>} color="blue"/>
+      <react_native_1.View style={styles.txtContainer}>
+        <common_1.MyText fsize="sm" color="gray">
+          ※ご購入の前に、必ず各モードの無料部分で使用感をご確認ください。
+        </common_1.MyText>
+      </react_native_1.View>
+      <react_native_1.View style={styles.txtContainer}>
+        <common_1.MyText fsize="md" color="blue" onPress={function () { return navigation.navigate("Coin"); }}>
+          ▲サービス利用規約はこちら▲
+        </common_1.MyText>
+      </react_native_1.View>
+
+      <common_1.RoundRectangleIcon title="以前購入した方はこちらから復元" icon="coins"/>
+
+      <AppReviews_1.default comments={comments}/>
+      <react_native_1.View style={{ height: 100 }}/>
+    </react_native_1.ScrollView>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: lib_1.colors.beige,
+        padding: 20,
+        paddingTop: 40,
+    },
+    txtContainer: {
+        marginTop: 10,
+        marginHorizontal: 10,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+});
+exports.default = CoinPage;

package/dist/page/GetBadgePage.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { Nav } from "@nakamura-123/types";
+interface GetBadgePageProps {
+    navigation: Nav.NavigationProp<"GetBadge">;
+}
+declare const GetBadgePage: React.FC<GetBadgePageProps>;
+export default GetBadgePage;

package/dist/page/GetBadgePage.js

@@ -0,0 +1,173 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var Animatable = __importStar(require("react-native-animatable"));
+var react_redux_1 = require("react-redux");
+var common_1 = require("@nakamura-123/common");
+var lib_1 = require("@nakamura-123/lib");
+var GetBadgePage = function (_a) {
+    var navigation = _a.navigation;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var imgs = (0, react_redux_1.useSelector)(function (state) { return state.app.imgs; });
+    var notification = (0, react_redux_1.useSelector)(function (state) { return state.score.notification; });
+    if (notification.length === 0)
+        return null;
+    var imgPath = imgs.chara.lv1;
+    var title = notification[0].title || "";
+    var badgeName = notification[0].name || "";
+    var badgeColor = notification[0].color || "blue";
+    var badgeIcon = notification[0].icon || "star";
+    var animatableRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        return function () {
+            console.log("GetBadgePage unmounted");
+            dispatch({ type: "score/removeFirstNotification" });
+        };
+    }, []);
+    var handleNext = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!animatableRef.current) return [3 /*break*/, 5];
+                    return [4 /*yield*/, animatableRef.current.fadeOut(300)];
+                case 1:
+                    _a.sent(); // アニメーション終了を待つ
+                    if (!(notification.length > 1)) return [3 /*break*/, 4];
+                    dispatch({ type: "score/removeFirstNotification" });
+                    if (!animatableRef.current) return [3 /*break*/, 3];
+                    return [4 /*yield*/, animatableRef.current.fadeIn(300)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3: return [3 /*break*/, 5];
+                case 4:
+                    navigation.goBack(); // データがない場合は画面遷移
+                    _a.label = 5;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (<react_native_1.View style={styles.page}>
+      <Animatable.View ref={animatableRef} animation="fadeIn" duration={300} style={styles.card}>
+        <common_1.MyText fsize="xl">Congratulations!</common_1.MyText>
+        <common_1.MyText fsize="md" style={styles.txt}>
+          バッジ獲得
+        </common_1.MyText>
+
+        <react_native_1.Image style={styles.imgBox} source={imgPath}/>
+        <react_native_1.View style={styles.badgeBox}>
+          <common_1.Badge name={badgeName} icon={badgeIcon} badgeColor={badgeColor}/>
+          <common_1.MyText fsize="md" style={styles.badgeTxt}>
+            {title}
+          </common_1.MyText>
+        </react_native_1.View>
+        <react_native_1.View style={styles.btnBox}>
+          <common_1.MiniIconBtn onPress={handleNext} icon="arrow-right" title="次 へ" color="blue" outerStyle={styles.miniBtnOuter}/>
+        </react_native_1.View>
+      </Animatable.View>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    page: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        paddingHorizontal: 20,
+    },
+    card: {
+        padding: 20,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: lib_1.colors.ltBeige,
+        borderWidth: 1,
+        borderColor: lib_1.colors.ltBlack,
+        borderRadius: 30,
+        width: "80%",
+    },
+    txt: {
+        marginTop: 5,
+    },
+    imgBox: {
+        marginTop: 10,
+        width: 130,
+        height: 130,
+    },
+    badgeBox: {
+        marginVertical: 30,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    badgeTxt: {
+        marginTop: 15,
+    },
+    btnBox: {
+        width: "100%",
+        flexDirection: "row",
+        justifyContent: "space-around",
+        paddingVertical: 5,
+    },
+    miniBtnOuter: {
+        width: "50%",
+    },
+});
+exports.default = GetBadgePage;

package/dist/page/GradePage.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { Nav } from "@nakamura-123/types";
+interface GradePageProps {
+    navigation: Nav.NavigationProp<"Grade">;
+}
+declare const GradePage: React.FC<GradePageProps>;
+export default GradePage;

package/dist/page/GradePage.js

@@ -0,0 +1,37 @@
+"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 GradeCard_1 = __importDefault(require("../component/Grade/GradeCard/GradeCard"));
+var Square4s_1 = __importDefault(require("../component/Grade/Square4s"));
+var AllTags_1 = __importDefault(require("../component/Grade/AllTags"));
+var db_1 = require("@nakamura-123/db");
+var common_1 = require("@nakamura-123/common");
+var QuizCntGraph_1 = __importDefault(require("../component/Grade/QuizCntGraph"));
+var GradePage = function (_a) {
+    var navigation = _a.navigation;
+    var DailyLogDB = (0, react_2.useQuery)(db_1.DailyLogSchema);
+    return (<react_native_1.ScrollView style={styles.page} contentContainerStyle={styles.container}>
+      <GradeCard_1.default DailyLogDB={DailyLogDB}/>
+      <QuizCntGraph_1.default DailyLogDB={DailyLogDB}/>
+      <Square4s_1.default DailyLogDB={DailyLogDB}/>
+      <AllTags_1.default />
+      <common_1.RoundRectangleIcon title={"バッチの一覧"} onPress={function () { return navigation.navigate("Badge"); }} icon="shield-alt"/>
+    </react_native_1.ScrollView>);
+};
+var styles = react_native_1.StyleSheet.create({
+    page: {
+        flex: 1,
+    },
+    container: {
+        paddingTop: 50,
+        paddingHorizontal: 20,
+        paddingBottom: 20,
+        alignItems: "center",
+    },
+});
+exports.default = GradePage;

package/dist/page/HistoryPage.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Nav } from "@nakamura-123/types";
+interface ResultPageProps {
+    route: {
+        params: {
+            info: Nav.HistoryInfo;
+        };
+    };
+}
+declare const ResultPage: React.FC<ResultPageProps>;
+export default ResultPage;

package/dist/page/HistoryPage.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 lib_1 = require("@nakamura-123/lib");
+var common_1 = require("@nakamura-123/common");
+var db_1 = require("@nakamura-123/db");
+var ResultPage = function (_a) {
+    var route = _a.route;
+    var _b = route.params.info, subject = _b.subject, db = _b.db;
+    if (db !== "test" && db !== "boot")
+        return null;
+    var schema = db === "test" ? db_1.TestSchema : db_1.BootSchema;
+    var DB = (0, react_2.useQuery)(schema);
+    var filterdDB = DB.filtered("subject == $0 ", subject);
+    var formattedRecord = formatRecord(filterdDB, db).reverse();
+    //  リストのコンポーネント
+    var Compornent = function (_a) {
+        var item = _a.item;
+        var point = item.point, percent = item.percent, color = item.color, date = item.date, success = item.success;
+        return (<common_1.RectangleCard title={point + success} left={<common_1.CircleProgressInNom percentage={percent} color={color}/>} bottom={<common_1.MyText fsize="xs">{date}</common_1.MyText>}/>);
+    };
+    return (<react_native_1.View style={styles.page}>
+      <react_native_1.FlatList data={formattedRecord} renderItem={function (_a) {
+        var item = _a.item;
+        return <Compornent item={item}/>;
+    }} style={styles.flatList} keyExtractor={function (item) { return item.date; }} ItemSeparatorComponent={function () { return <react_native_1.View style={styles.separate}/>; }}/>
+    </react_native_1.View>);
+};
+var formatRecord = function (record, db) {
+    return record.map(function (_a, index) {
+        var quizCnt = _a.quizCnt, point = _a.point, percent = _a.percent, level = _a.level, createdAt = _a.createdAt;
+        return ({
+            point: "(".concat(index + 1, ") ").concat(point, "/").concat(quizCnt, "\u70B9  "),
+            percent: percent,
+            color: lib_1.utilFnc.getLevelColor(level),
+            date: "".concat(lib_1.timeFnc.formatDateYS(createdAt)),
+            success: db === "test" ? (level === "l4" ? "合格" : "不合格") : "",
+        });
+    });
+};
+var styles = react_native_1.StyleSheet.create({
+    page: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        paddingHorizontal: 20,
+        marginTop: 80,
+    },
+    flatList: {
+        width: "100%",
+    },
+    separate: {
+        height: 3,
+        // backgroundColor: colors.gray,
+    },
+});
+exports.default = ResultPage;

package/dist/page/HomePage.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Home, Nav } from "@nakamura-123/types";
+interface HomePageProps {
+    menuLists: Array<Home.MenuItem<Nav.RootKeys>>;
+    navigation: Nav.NavigationProp<"Home">;
+}
+declare const HomePage: React.FC<HomePageProps>;
+export default HomePage;