@nakamura-123/pages 0.0.1

package/dist/component/Grade/GradeCard.js

@@ -0,0 +1,53 @@
+"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 db_1 = require("@nakamura-123/db");
+var TargetDate_1 = __importDefault(require("./TargetDate"));
+var Square3sGrade_1 = __importDefault(require("./Square3sGrade"));
+var lib_1 = require("@nakamura-123/lib");
+var WeeklyAchivedRate_1 = __importDefault(require("./WeeklyAchivedRate"));
+var ChangeWeeklyTargetBtn_1 = __importDefault(require("./ChangeWeeklyTargetBtn"));
+var WeeklyProgress_1 = __importDefault(require("./WeeklyProgress"));
+var GradeCard = function (_a) {
+    // データベースの読み込み
+    var DailyDB = (0, react_2.useQuery)(db_1.DailyLogSchema);
+    var dailyLog = db_1.DailyLogModel.readTodayDailyLog(DailyDB);
+    var weeklyLogs = db_1.DailyLogModel.readWeeklyLogs(DailyDB);
+    var weeklyQuizCntTotal = weeklyLogs.reduce(function (a, c) { return a + c.quizCnt; }, 0);
+    var weeklyTargetCnt = (0, react_redux_1.useSelector)(function (state) { return state.setting.grade.weeklyTargetCnt; });
+    return (<react_native_1.View style={styles.container}>
+      <TargetDate_1.default />
+      <Square3sGrade_1.default dailyLog={dailyLog} weeklyQuizCntTotal={weeklyQuizCntTotal} weeklyTargetCnt={weeklyTargetCnt}/>
+      <react_native_1.View style={styles.weeklyBox}>
+        <WeeklyAchivedRate_1.default weeklyQuizCntTotal={weeklyQuizCntTotal} weeklyTargetCnt={weeklyTargetCnt}/>
+        <ChangeWeeklyTargetBtn_1.default />
+      </react_native_1.View>
+      <WeeklyProgress_1.default weeklyLogs={weeklyLogs} weeklyTargetCnt={weeklyTargetCnt}/>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        alignItems: "center",
+        paddingBottom: 16,
+        width: "100%",
+        backgroundColor: lib_1.colors.bkBeige,
+        paddingVertical: 5,
+        paddingHorizontal: 5,
+        borderRadius: 20,
+        borderWidth: 1,
+        borderColor: lib_1.colors.ltBlack,
+        marginBottom: 10,
+    },
+    weeklyBox: {
+        width: "100%",
+        flexDirection: "row",
+    },
+});
+exports.default = GradeCard;

package/dist/component/Grade/QuizCntGraph.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Results } from "realm";
+import { DailyLogSchema } from "@nakamura-123/db";
+interface QuizCntGraphProps {
+    DailyLogDB: Results<DailyLogSchema>;
+}
+declare const QuizCntGraph: React.FC<QuizCntGraphProps>;
+export default QuizCntGraph;

package/dist/component/Grade/QuizCntGraph.js

@@ -0,0 +1,104 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+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 common_1 = require("@nakamura-123/common");
+var lib_1 = require("@nakamura-123/lib");
+var gradeFnc_1 = require("../../functions/gradeFnc");
+var ChartControl_1 = __importDefault(require("../TestPage/ChartControl"));
+var QuizCntGraph = function (_a) {
+    var DailyLogDB = _a.DailyLogDB;
+    var _b = (0, react_1.useState)(true), isDaily = _b[0], setIsDaily = _b[1];
+    var _c = (0, react_1.useState)([]), graphData = _c[0], setGraphData = _c[1];
+    var _d = (0, react_1.useState)(0), agoDateCnt = _d[0], setAgoDateCnt = _d[1];
+    var _e = (0, react_1.useState)(0), agoWeekCnt = _e[0], setAgoWeekCnt = _e[1];
+    var _f = (0, react_1.useState)(100), maxValue = _f[0], setMaxValue = _f[1];
+    // 日別のデータを取得
+    var baseDate = lib_1.timeFnc.getDateWeeksAgo(agoDateCnt).toDate();
+    var selectedOneWeek = lib_1.timeFnc.getThisWeek(baseDate);
+    var weeklyQuizCnts = (0, gradeFnc_1.getWeeklyCnts)(DailyLogDB, selectedOneWeek);
+    var dailyMaxValue = Math.max.apply(Math, __spreadArray([100], weeklyQuizCnts, false));
+    var sumWeeklyQuizCnts = weeklyQuizCnts.reduce(function (acc, cur) { return acc + cur; }, 0);
+    // 日別データの作成
+    var dailyData = getDaileyData(selectedOneWeek, weeklyQuizCnts, dailyMaxValue);
+    // 週別データの取得
+    // 日別・週別データどちらを表示するか選択
+    (0, react_1.useEffect)(function () {
+        var data = isDaily ? dailyData : [];
+        setGraphData(data);
+        setMaxValue(isDaily ? dailyMaxValue : 100);
+    }, [agoWeekCnt, agoDateCnt]);
+    // コントロールボックスの関数
+    var handleLeft = function () {
+        return isDaily ? setAgoDateCnt(agoDateCnt + 1) : setAgoWeekCnt(agoWeekCnt + 1);
+    };
+    var handleRight = function () {
+        return isDaily ? setAgoDateCnt(agoDateCnt - 1) : setAgoWeekCnt(agoWeekCnt - 1);
+    };
+    var showLeft = isDaily ? agoDateCnt < 30 : agoWeekCnt < 5;
+    var showRight = agoDateCnt > 0 || agoWeekCnt > 0;
+    var title = "\u5408\u8A08 ".concat(sumWeeklyQuizCnts, "\u554F");
+    return (<react_native_1.View style={styles.container}>
+      <ChartControl_1.default title={title} onPressLeft={handleLeft} onPressRight={handleRight} showLeft={showLeft} showRight={showRight}/>
+      <common_1.BarChart data={graphData} width={25} maxValue={100} isPercent={false}/>
+    </react_native_1.View>);
+};
+var getDaileyData = function (weeklyDates, weeklyQuizCnts, dailyMaxValue) {
+    return weeklyDates.map(function (day, i) {
+        var cnt = weeklyQuizCnts[i];
+        var value = Math.floor((cnt / dailyMaxValue) * 100);
+        var label = day.format("M/D");
+        return { label: label, value: value, color: "blue", cnt: cnt };
+    });
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        paddingBottom: 20,
+        paddingHorizontal: 3,
+        marginHorizontal: 5,
+        marginBottom: 10,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: lib_1.colors.bkBeige,
+        borderRadius: 20,
+        borderWidth: 1,
+        borderColor: lib_1.colors.ltBlack,
+    },
+});
+exports.default = QuizCntGraph;

package/dist/component/Grade/Scuare3sGrade.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { TestSchema } from "@nakamura-123/db";
+import { Db } from "@nakamura-123/types";
+type Square3sProps = {
+    subjectName: Db.SubjectTest;
+    TestDB: Realm.Results<TestSchema>;
+};
+declare const Square3s: React.FC<Square3sProps>;
+export default Square3s;

package/dist/component/Grade/Scuare3sGrade.js

@@ -0,0 +1,35 @@
+"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 Square3s = function (_a) {
+    var subjectName = _a.subjectName, TestDB = _a.TestDB;
+    //  回数を数える
+    var ThisTestDB = TestDB.filtered("subject == $0", subjectName);
+    var challengeCnt = ThisTestDB.length;
+    var successCnt = ThisTestDB.filtered("isSuccess == true").length;
+    var perfectCnt = ThisTestDB.filtered("isPerfect == true").length;
+    var info = [
+        { cnt: challengeCnt, label: "試験", icon: "clipboard" },
+        { cnt: successCnt, label: "合格", icon: "check-circle" },
+        { cnt: perfectCnt, label: "満点", icon: "paw" },
+    ];
+    return (<react_native_1.View style={styles.container}>
+      {info.map(function (item, index) {
+            return (<common_1.SquareIcon key={index} cnt={item.cnt} cntText="回" label={item.label} icon={item.icon}/>);
+        })}
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        marginVertical: 10,
+    },
+});
+exports.default = Square3s;

package/dist/component/Grade/ShareBtn.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ShareBtnProps {
+    style: any;
+}
+declare const ShareBtn: React.FC<ShareBtnProps>;
+export default ShareBtn;

package/dist/component/Grade/ShareBtn.js

@@ -0,0 +1,86 @@
+"use strict";
+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 };
+    }
+};
+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 ShareBtn = function (_a) {
+    var style = _a.style;
+    var handleShare = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, react_native_1.Share.share({
+                            message: "このメッセージをシェアしよう！",
+                            url: "https://example.com", // シェアするURL（オプション）
+                            title: "シェアのタイトル", // iOS用（オプション）
+                        })];
+                case 1:
+                    result = _a.sent();
+                    if (result.action === react_native_1.Share.sharedAction) {
+                        if (result.activityType) {
+                            // iOSの場合、具体的なシェア方法がここに返されます
+                            console.log("Shared with activity type:", result.activityType);
+                        }
+                        else {
+                            console.log("Shared successfully");
+                        }
+                    }
+                    else if (result.action === react_native_1.Share.dismissedAction) {
+                        // シェアがキャンセルされた場合
+                        console.log("Share dismissed");
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_1 = _a.sent();
+                    console.error("Error sharing:", error_1);
+                    react_native_1.Alert.alert("シェアに失敗しました", error_1.message);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (<common_1.MiniIconBtn onPress={handleShare} icon="share" title="シェア" color="green" outerStyle={style}/>);
+};
+var styles = react_native_1.StyleSheet.create({});
+exports.default = ShareBtn;

package/dist/component/Grade/Square3sGrade.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { DailyLogSchema } from "@nakamura-123/db";
+type Square3sGradeProps = {
+    dailyLog: DailyLogSchema | null;
+    weeklyQuizCntTotal: number;
+    weeklyTargetCnt: number;
+};
+declare const Square3sGrade: React.FC<Square3sGradeProps>;
+export default Square3sGrade;

package/dist/component/Grade/Square3sGrade.js

@@ -0,0 +1,63 @@
+"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 FontAwesome5_1 = __importDefault(require("react-native-vector-icons/FontAwesome5"));
+var react_2 = require("@realm/react");
+var common_1 = require("@nakamura-123/common");
+var db_1 = require("@nakamura-123/db");
+var lib_1 = require("@nakamura-123/lib");
+var gradeFnc_1 = require("../../functions/gradeFnc");
+var Square3sGrade = function (_a) {
+    var dailyLog = _a.dailyLog, weeklyQuizCntTotal = _a.weeklyQuizCntTotal, weeklyTargetCnt = _a.weeklyTargetCnt;
+    var DailyDB = (0, react_2.useQuery)(db_1.DailyLogSchema);
+    // 01_今日の学習回数を算出
+    var _b = (0, gradeFnc_1.formatTodayLog)(dailyLog), quizCnt = _b.quizCnt, targetCnt = _b.targetCnt;
+    // 03_連続学習日数を算出
+    var consecutiveDays = (0, gradeFnc_1.getConsecutiveStudyDays)(DailyDB);
+    var info = [
+        {
+            // 今日の学習回数
+            cnt: quizCnt,
+            cntText: "/ ".concat(targetCnt),
+            label: "今日",
+            icon: "clock",
+        },
+        {
+            // 今週の学習回数
+            cnt: weeklyQuizCntTotal,
+            cntText: "/ ".concat(weeklyTargetCnt),
+            label: "今週",
+            icon: "chart-bar",
+        },
+        {
+            cnt: consecutiveDays,
+            cntText: "日",
+            label: "連続学習日数",
+            icon: "calendar-alt",
+        },
+    ];
+    return (<react_native_1.View style={styles.container}>
+      {info.map(function (item, index) {
+            return (<common_1.MiniSquare key={index} cnt={item.cnt} cntText={item.cntText} label={item.label} borderColor="ltBlack">
+            <FontAwesome5_1.default name={item.icon} size={20} color={lib_1.colors.ltBlack}/>
+          </common_1.MiniSquare>);
+        })}
+    </react_native_1.View>);
+};
+var CompleteIcon = function () {
+    return <FontAwesome5_1.default name="check-circle" size={20} color={lib_1.colors.green}/>;
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        width: "100%",
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        marginVertical: 10,
+    },
+});
+exports.default = Square3sGrade;

package/dist/component/Grade/Square4s.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { DailyLogSchema } from "@nakamura-123/db";
+type Square4sProps = {
+    DailyLogDB: Realm.Results<DailyLogSchema>;
+};
+declare const Square4s: React.FC<Square4sProps>;
+export default Square4s;

package/dist/component/Grade/Square4s.js

@@ -0,0 +1,63 @@
+"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 gradeFnc_1 = require("../../functions/gradeFnc");
+var Square4s = function (_a) {
+    var DailyLogDB = _a.DailyLogDB;
+    // 1.最大の問題数を取得
+    var maxQuizCntLog = (0, gradeFnc_1.findMaxQuizCntLog)(DailyLogDB);
+    var maxQuizCnt = maxQuizCntLog ? maxQuizCntLog.quizCnt : 0;
+    // 2.通算問題数を取得
+    var totalCnt = (0, gradeFnc_1.getTotalQuizCnt)(DailyLogDB);
+    // 3.最高連続学習日数を取得
+    var longestConsecutiveDays = (0, gradeFnc_1.getLongestConsecutiveStudyDays)(DailyLogDB);
+    // 4.通算学習日数を取得
+    var studyDayCnt = DailyLogDB.length;
+    var squareInfo = [
+        {
+            cnt: maxQuizCnt,
+            cntText: "問",
+            label: "1日の最高問題数",
+            icon: "clock",
+        },
+        {
+            cnt: totalCnt,
+            cntText: "問",
+            label: "通算問題数",
+            icon: "layer-group",
+        },
+        {
+            cnt: longestConsecutiveDays,
+            cntText: "日",
+            label: "最高連続学習日数",
+            icon: "calendar-alt",
+        },
+        {
+            cnt: studyDayCnt,
+            cntText: "日",
+            label: "通算学習日数",
+            icon: "calendar",
+        },
+    ];
+    return (<react_native_1.View style={styles.container}>
+      {squareInfo.map(function (item, index) { return (<common_1.SquareIcon key={index} cnt={item.cnt} cntText={item.cntText} label={item.label} icon={item.icon} style={styles.square} iconColor="ltBlack"/>); })}
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        flexWrap: "wrap",
+        flexDirection: "row",
+        justifyContent: "space-between",
+    },
+    square: {
+        width: "49%",
+        marginBottom: 10,
+    },
+});
+exports.default = Square4s;

package/dist/component/Grade/TargetDate.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+type TargetDateProps = {};
+declare const TargetDate: React.FC<TargetDateProps>;
+export default TargetDate;

package/dist/component/Grade/TargetDate.js

@@ -0,0 +1,56 @@
+"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_redux_1 = require("react-redux");
+var common_1 = require("@nakamura-123/common");
+var lib_1 = require("@nakamura-123/lib");
+var DatePickerModal_1 = __importDefault(require("./DatePickerModal")); // モーダル部分を別コンポーネント化
+var TargetDate = function () {
+    var _a = (0, react_1.useState)(false), isModalVisible = _a[0], setModalVisible = _a[1];
+    var targetDay = (0, react_redux_1.useSelector)(function (state) { return state.setting.grade.targetDay; });
+    var targetDayStr = getTargetDayStr(targetDay);
+    return (<react_native_1.View style={styles.container}>
+      <common_1.RoundRectangle title={targetDayStr} onPress={function () { return setModalVisible(true); }} color="black"/>
+      <DatePickerModal_1.default isVisible={isModalVisible} onClose={function () { return setModalVisible(false); }} targetDay={targetDay}/>
+    </react_native_1.View>);
+};
+var getTargetDayStr = function (targetDay) {
+    if (!targetDay)
+        return "タップして試験日を設定";
+    var date = lib_1.timeFnc.formatDateYW(targetDay);
+    var limitDays = lib_1.timeFnc.getCountdownDays(targetDay);
+    return "".concat(date, "\u307E\u3067 ").concat(limitDays, "\u65E5");
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        width: "100%",
+    },
+});
+exports.default = TargetDate;

package/dist/component/Grade/WeeklyAchivedRate.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface WeeklyAchievedRateProps {
+    weeklyQuizCntTotal: number;
+    weeklyTargetCnt: number;
+}
+declare const WeeklyAchievedRate: React.FC<WeeklyAchievedRateProps>;
+export default WeeklyAchievedRate;

package/dist/component/Grade/WeeklyAchivedRate.js

@@ -0,0 +1,28 @@
+"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 WeeklyAchievedRate = function (_a) {
+    var weeklyQuizCntTotal = _a.weeklyQuizCntTotal, weeklyTargetCnt = _a.weeklyTargetCnt;
+    var rate = Math.floor((weeklyQuizCntTotal / weeklyTargetCnt) * 100);
+    return (<react_native_1.View style={styles.container}>
+      <common_1.MyText fsize="sm" style={styles.txt}>
+        今週のゴール
+      </common_1.MyText>
+      <common_1.ProgressBar progress={rate} barColor="black" height={20}/>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 2,
+    },
+    txt: {
+        marginLeft: 5,
+        marginBottom: 3,
+    },
+});
+exports.default = WeeklyAchievedRate;

package/dist/component/Grade/WeeklyProgress.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Results } from "realm";
+import { DailyLogSchema } from "@nakamura-123/db";
+type WeeklyProgressProps = {
+    weeklyLogs: Results<DailyLogSchema>;
+    weeklyTargetCnt: number;
+};
+declare const WeeklyProgress: React.FC<WeeklyProgressProps>;
+export default WeeklyProgress;

package/dist/component/Grade/WeeklyProgress.js

@@ -0,0 +1,80 @@
+"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 FontAwesome5_1 = __importDefault(require("react-native-vector-icons/FontAwesome5"));
+var common_1 = require("@nakamura-123/common");
+var lib_1 = require("@nakamura-123/lib");
+var gradeFnc_1 = require("../../functions/gradeFnc");
+var WeeklyProgress = function (_a) {
+    var weeklyLogs = _a.weeklyLogs, weeklyTargetCnt = _a.weeklyTargetCnt;
+    // 今週のログをデータベースから取得
+    // 今週の日付を所得
+    var today = lib_1.timeFnc.getToday();
+    var weeklyDays = lib_1.timeFnc.getThisWeek(today);
+    // 今週のクイズ数を合計
+    var weeklyQuizCnts = (0, gradeFnc_1.getWeeklyCnts)(weeklyLogs, weeklyDays);
+    // データを配列化して挿入
+    var weeklyInfo = weeklyDays.map(function (day, i) {
+        var percent = (weeklyQuizCnts[i] / (weeklyTargetCnt / 7)) * 100;
+        return {
+            day: day.format("ddd"),
+            month: day.format("MM"),
+            date: day.format("D"),
+            percent: percent,
+        };
+    });
+    return (<react_native_1.View style={styles.container}>
+      {weeklyInfo.map(function (_a) {
+            var day = _a.day, month = _a.month, date = _a.date, percent = _a.percent;
+            return (<react_native_1.View key={day} style={styles.dayContainer}>
+          <common_1.MyText style={styles.dayText}>{day}</common_1.MyText>
+          <react_native_1.View style={styles.dateBox}>
+            {/* <MyText style={styles.monthText}>{month}/</MyText> */}
+            <common_1.MyText style={styles.dateText}>{date}</common_1.MyText>
+          </react_native_1.View>
+          {percent >= 100 ? <CompoletedIcon /> : <Circle percent={percent}/>}
+        </react_native_1.View>);
+        })}
+    </react_native_1.View>);
+};
+var CompoletedIcon = function () { return (<react_native_1.View style={{ marginTop: 5 }}>
+    <FontAwesome5_1.default name="check-circle" size={25} color={lib_1.colors.green}/>
+  </react_native_1.View>); };
+var Circle = function (_a) {
+    var percent = _a.percent;
+    return (<common_1.CircleProgress percentage={percent} radius={10} showNumber={false} strokeWidth={7}/>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        width: "100%",
+        flexDirection: "row",
+        justifyContent: "space-around",
+        alignItems: "flex-start",
+    },
+    dayContainer: {
+        alignItems: "center",
+        width: "14%",
+    },
+    dateBox: {
+        flexDirection: "row",
+        marginTop: 2,
+        paddingLeft: 2,
+    },
+    dayText: {
+        fontSize: 10,
+        color: lib_1.colors.ltBlack,
+    },
+    monthText: {
+        fontSize: 8,
+        color: lib_1.colors.darkGray,
+    },
+    dateText: {
+        fontSize: 14,
+        color: lib_1.colors.darkGray,
+    },
+});
+exports.default = WeeklyProgress;