@nakamura-123/pages 0.0.1

package/dist/component/Badge5s.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { badgeSet } from "@nakamura-123/lib";
+interface BadgeProps {
+    badgeType: badgeSet.BadgeType;
+    subject: badgeSet.BadgeSubject;
+    category: string | number;
+}
+declare const Badge5s: React.FC<BadgeProps>;
+export default Badge5s;

package/dist/component/Badge5s.js

@@ -0,0 +1,46 @@
+"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_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 Badge5s = function (_a) {
+    var badgeType = _a.badgeType, subject = _a.subject, category = _a.category;
+    var BadgesDB = (0, react_2.useQuery)(db_1.BadgeSchema);
+    var badge5s = lib_1.badgeSet.badge5Sets[badgeType];
+    var badge5sInfos = badge5s.map(function (badge) {
+        var matchingBadges = BadgesDB.filtered("subject == $0 AND category == $1 AND badgeId == $2", subject, String(category), badge.id);
+        var isExist = matchingBadges.length > 0;
+        return __assign(__assign({}, badge), { isExist: isExist });
+    });
+    return (<>
+      <react_native_1.View style={styles.container}>
+        {badge5sInfos.map(function (badge) { return (<common_1.Badge key={badge.id} name={badge.name} icon={badge.icon} badgeColor={badge.color} isEmpty={!badge.isExist}/>); })}
+      </react_native_1.View>
+    </>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        width: "100%",
+        marginBottom: 10,
+    },
+});
+exports.default = Badge5s;

package/dist/component/BasicSetting.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { StackNavigationProp } from "@react-navigation/stack";
+import { Nav } from "@nakamura-123/types";
+type BasicSettingProps = {
+    navigation: StackNavigationProp<Nav.RootStackParamList>;
+    subjectType: "unit" | "year";
+};
+declare const BasicSetting: React.FC<BasicSettingProps>;
+export default BasicSetting;

package/dist/component/BasicSetting.js

@@ -0,0 +1,31 @@
+"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 Range_1 = __importDefault(require("./SettingBtns/Range"));
+var BasicSetting = function (_a) {
+    var navigation = _a.navigation, subjectType = _a.subjectType;
+    var isRangeYear = (0, react_redux_1.useSelector)(function (state) { var _a; return (_a = state.app.appSetting.setting) === null || _a === void 0 ? void 0 : _a.basic.isRangeYearInUnit; });
+    var isUnit = subjectType === "unit";
+    return (<react_native_1.View style={styles.row}>
+      <common_1.SettingBtn icon="envelope" title="報 告" onPress={function () { return navigation.navigate("Report"); }}/>
+
+      {isRangeYear && isUnit && <Range_1.default />}
+      <common_1.SettingBtn icon="chart-line" title="成 績" onPress={function () { return navigation.navigate("Grade"); }}/>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    row: {
+        width: 250,
+        flexDirection: "row",
+        justifyContent: "space-around",
+        alignItems: "center",
+        paddingVertical: 16,
+    },
+});
+exports.default = BasicSetting;

package/dist/component/Boot/IconTitleAndToggle.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface SelectRangeProps {
+    icon: string;
+    title: string;
+    type: "year" | "unit";
+}
+declare const SelectRange: React.FC<SelectRangeProps>;
+export default SelectRange;

package/dist/component/Boot/IconTitleAndToggle.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_native_1 = require("react-native");
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@nakamura-123/common");
+var SelectRange = function (_a) {
+    var icon = _a.icon, title = _a.title, type = _a.type;
+    return (<react_native_1.View style={styles.container}>
+      <common_1.IconTitle icon={icon} title={title}/>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: "row",
+    },
+});
+exports.default = SelectRange;

package/dist/component/Boot/SelectRange.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface SelectRangeProps {
+    type: "year" | "unit";
+}
+declare const SelectRange: React.FC<SelectRangeProps>;
+export default SelectRange;

package/dist/component/Boot/SelectRange.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_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 ToggleRange_1 = __importDefault(require("./ToggleRange"));
+var SelectRange = function (_a) {
+    var type = _a.type;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    // Reduxの状態を取得
+    var storeName = type === "unit" ? "outOfUnit" : "outOfYear";
+    var reduxOutOfRanges = (0, react_redux_1.useSelector)(function (state) { return state.setting.boot[storeName]; }) || [];
+    // リストを取得
+    var yearLists = (0, react_redux_1.useSelector)(function (state) { return state.app.yearList; });
+    var unitList = (0, react_redux_1.useSelector)(function (state) { return state.app.unitList; });
+    var slectedList = type === "unit" ? unitList : yearLists;
+    var dispatchName = type === "unit" ? "setting/toggleUnitRange" : "setting/toggleYearRange";
+    var allDispatchName = type === "unit" ? "setting/replaceUnitRange" : "setting/replaceYearRange";
+    // 選択肢のON/OFFをトグルする関数
+    var toggleSelection = function (key) {
+        return dispatch({ type: dispatchName, payload: key });
+    };
+    return (<react_native_1.View style={styles.container}>
+      <ToggleRange_1.default lists={slectedList} dispatchName={allDispatchName}/>
+      {slectedList.map(function (item, i) { return (<common_1.RoundSelectableItem key={i} title={item.title} onPress={function () { return toggleSelection(item.key); }} isSelected={!reduxOutOfRanges.includes(item.key)} // 選択状態を反映
+        />); })}
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        flexWrap: "wrap",
+        justifyContent: "center",
+        alignItems: "center",
+        width: "100%",
+        marginTop: 5,
+        marginBottom: 10,
+    },
+});
+exports.default = SelectRange;

package/dist/component/Boot/SelectUnit.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface SelectRangeProps {
+    type: "year" | "unit";
+}
+declare const SelectRange: React.FC<SelectRangeProps>;
+export default SelectRange;

package/dist/component/Boot/SelectUnit.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 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 updateOutOfYear = stores_1.cfgAction.updateOutOfYear;
+var SelectRange = function (_a) {
+    var type = _a.type;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    // Reduxの状態を取得
+    var storeName = type === "year" ? "outOfYear" : "outOfUnit";
+    var reduxOutOfRanges = (0, react_redux_1.useSelector)(function (state) { return state.setting.boot[storeName]; });
+    // リストを取得
+    var yearLists = (0, react_redux_1.useSelector)(function (state) { return state.app.yearList; });
+    var unitList = (0, react_redux_1.useSelector)(function (state) { return state.app.unitList; });
+    var typeList = type === "year" ? yearLists : unitList;
+    var dispatchName = type === "year" ? "setting/toggleUnitRange" : "setting/toggleYearRange";
+    // 選択肢のON/OFFをトグルする関数
+    var toggleSelection = function (key) {
+        return dispatch({ type: dispatchName, payload: key });
+    };
+    return (<react_native_1.View style={styles.container}>
+      {typeList.map(function (item, i) { return (<common_1.RoundSelectableItem key={i} title={item.title} onPress={function () { return toggleSelection(item.key); }} isSelected={!reduxOutOfRanges.includes(item.key)} // 選択状態を反映
+        />); })}
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        flexWrap: "wrap",
+        justifyContent: "center",
+        alignItems: "center",
+        width: "100%",
+    },
+});
+exports.default = SelectRange;

package/dist/component/Boot/ToggleRange.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { YearList, UnitList } from "@nakamura-123/types";
+interface ToggleRangeProps {
+    lists: YearList[] | UnitList[];
+    dispatchName: string;
+}
+declare const ToggleRange: React.FC<ToggleRangeProps>;
+export default ToggleRange;

package/dist/component/Boot/ToggleRange.js

@@ -0,0 +1,54 @@
+"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 lib_1 = require("@nakamura-123/lib");
+var ToggleRange = function (_a) {
+    var lists = _a.lists, dispatchName = _a.dispatchName;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    // すべてのkeyを取得する
+    var allKeys = lists.map(function (item) { return item.key; });
+    var onSelectAll = function () { return dispatch({ type: dispatchName, payload: [] }); };
+    var onDeselectAll = function () {
+        return dispatch({ type: dispatchName, payload: allKeys });
+    };
+    return (<react_native_1.View style={styles.container}>
+      <react_native_1.TouchableOpacity style={styles.button} onPress={onSelectAll}>
+        <common_1.MyText style={styles.buttonText}>全選択</common_1.MyText>
+      </react_native_1.TouchableOpacity>
+      <react_native_1.TouchableOpacity style={styles.button} onPress={onDeselectAll}>
+        <common_1.MyText style={styles.buttonText}>全解除</common_1.MyText>
+      </react_native_1.TouchableOpacity>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        position: "absolute",
+        flexDirection: "row",
+        justifyContent: "flex-end",
+        alignItems: "center",
+        padding: 10,
+        width: "100%",
+        top: -45,
+    },
+    button: {
+        backgroundColor: lib_1.colors.bkBeige,
+        paddingVertical: 5,
+        paddingHorizontal: 10,
+        borderRadius: 20,
+        borderWidth: 1,
+        borderColor: lib_1.colors.ltBlack,
+        marginHorizontal: 5,
+        alignItems: "center",
+    },
+    buttonText: {
+        fontSize: 12,
+        color: lib_1.colors.text,
+    },
+});
+exports.default = ToggleRange;

package/dist/component/Coin/AppReviews.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export type Comment = {
+    msg: string;
+    day: string;
+};
+type Props = {
+    comments: Comment[];
+};
+declare const AppReviews: React.FC<Props>;
+export default AppReviews;

package/dist/component/Coin/AppReviews.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 AppReviews = function (_a) {
+    var comments = _a.comments;
+    return (<react_native_1.View style={styles.container}>
+      <react_native_1.View style={{ width: "100%" }}>
+        <common_1.RoundRectangle title="アプリの口コミ" color="blue"/>
+      </react_native_1.View>
+      {comments.map(function (comment, index) { return (<react_native_1.View key={index} style={styles.reviewBox}>
+          <common_1.MyText style={styles.reviewText} fsize="sm" color="gray">
+            {comment.msg}
+          </common_1.MyText>
+          <common_1.MyText fsize="sm" color="gray">
+            ({comment.day})
+          </common_1.MyText>
+        </react_native_1.View>); })}
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    text: {
+        fontSize: 20,
+        color: "#000",
+    },
+    reviewBox: {
+        backgroundColor: lib_1.colors.bkBeige,
+        width: "100%",
+        padding: 10,
+        borderRadius: 10,
+        marginBottom: 10,
+    },
+    reviewText: {},
+});
+exports.default = AppReviews;

package/dist/component/Coin/CatchCopy.d.ts

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

package/dist/component/Coin/CatchCopy.js

@@ -0,0 +1,31 @@
+"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 CatchCopy = function () {
+    return (<react_native_1.View style={styles.container}>
+      <common_1.MyText style={styles.text}>いつでもスマホで試験対策</common_1.MyText>
+      <common_1.MyText style={styles.msg}>本より安く、合格まで速く</common_1.MyText>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        marginTop: 20,
+        marginBottom: 40,
+    },
+    text: {
+        fontSize: 20,
+        fontWeight: "bold",
+    },
+    msg: {
+        marginTop: 5,
+    },
+});
+exports.default = CatchCopy;

package/dist/component/Coin/Recommend.d.ts

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

package/dist/component/Coin/Recommend.js

@@ -0,0 +1,87 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 items = [
+    {
+        title: "有効期限は無し",
+        sub: "来年以降も常に最新版を利用可能。さらに、買い切り型なので毎月の支払いは不要です。",
+        icon: "ban",
+    },
+    {
+        title: "ていねいな解説",
+        sub: "初学者でも安心！わかりやすい解説を掲載。また、検索機能ですぐにWEB情報も確認できる。",
+        icon: "question-circle",
+    },
+    {
+        title: "豊富なモードで０から学べる",
+        sub: "まずは単元モードで基礎固め。人気の模試モードや集中特訓モードなど有料版限定機能も。",
+        icon: "route",
+    },
+    {
+        title: "自分にピッタリな勉強法",
+        sub: "ふせん機能や問題選択機能など機能充実。アップデートでアプリは進化し続ける。",
+        icon: "thumbs-up",
+    },
+];
+var Recommend = function () {
+    return (<react_native_1.View style={styles.container}>
+      <react_native_1.View style={styles.topRound}>
+        <common_1.RoundRectangle title="アプリの魅力" color="blue" width={200}/>
+      </react_native_1.View>
+      {items.map(function (item, index) { return (<react_native_1.View key={index} style={styles.contentBox}>
+          <react_native_1.View style={styles.iconBox}>
+            <common_1.IconInCircle name={item.icon} circleColor="ltBlue" iconColor="gray" size={25}/>
+          </react_native_1.View>
+          <react_native_1.View style={styles.textBox}>
+            <common_1.MyText style={styles.title} fsize="md" color="gray">
+              {index + 1}.{item.title}
+            </common_1.MyText>
+            <common_1.MyText style={styles.msg} fsize="sm" color="gray">
+              {item.sub}
+            </common_1.MyText>
+          </react_native_1.View>
+        </react_native_1.View>); })}
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: lib_1.colors.bkBeige,
+        borderWidth: 1,
+        borderColor: lib_1.colors.blue,
+        borderRadius: 10,
+        paddingTop: 30,
+        paddingBottom: 10,
+    },
+    topRound: {
+        position: "absolute",
+        top: -10,
+    },
+    contentBox: {
+        flexDirection: "row",
+        paddingHorizontal: 10,
+        marginBottom: 10,
+    },
+    iconBox: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    textBox: {
+        flex: 3,
+        padding: 5,
+    },
+    title: {},
+    msg: {
+    // marginTop: 5,
+    },
+});
+exports.default = Recommend;

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { Db } from "@nakamura-123/types";
+interface TagBadgeProps {
+    subject: Db.SubjectInfo;
+}
+declare const TagBadge5s: React.FC<TagBadgeProps>;
+export default TagBadge5s;

package/dist/component/Grade/AllBadges.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 react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var react_2 = require("@realm/react");
+var db_1 = require("@nakamura-123/db");
+var common_1 = require("@nakamura-123/common");
+var TagBadge5s = function (_a) {
+    var subject = _a.subject;
+    var TagDB = (0, react_2.useQuery)(db_1.TagSchema);
+    console.log(TagDB);
+    var tagInfos = [
+        { circleColor: "red", cnt: 1 },
+        { circleColor: "blue", cnt: 2 },
+        { circleColor: "green", cnt: 3 },
+        { circleColor: "yellow", cnt: 4 },
+        { circleColor: "purple", cnt: 5 },
+    ];
+    return (<react_native_1.View style={styles.container}>
+      {" "}
+      {tagInfos.map(function (tag, i) { return (<common_1.Badge key={i} name={String(tag.cnt)} icon={"tag"} 
+        // circleColor={tag.color}
+        style={styles.badge}/>); })}
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        width: "100%",
+        marginTop: 5,
+    },
+    badge: {
+        borderWidth: 0,
+        backgroundColor: "transparent",
+    },
+});
+exports.default = TagBadge5s;

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

@@ -0,0 +1,5 @@
+import React from "react";
+interface TagBadgeProps {
+}
+declare const TagBadge5s: React.FC<TagBadgeProps>;
+export default TagBadge5s;

package/dist/component/Grade/AllTags.js

@@ -0,0 +1,32 @@
+"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 db_1 = require("@nakamura-123/db");
+var common_1 = require("@nakamura-123/common");
+var tagFnc_1 = require("../../functions/tagFnc");
+var TagBadge5s = function (_a) {
+    var TagDB = (0, react_2.useQuery)(db_1.TagSchema);
+    var tagLegels = TagDB.map(function (tag) { return tag.level; });
+    var tag5Infos = (0, tagFnc_1.countTagsByLevel)(tagLegels);
+    return (<react_native_1.View style={styles.container}>
+      {tag5Infos.map(function (tag, i) { return (<common_1.Badge key={i} name={String(tag.cnt)} icon={"tag"} circleColor={tag.color} style={styles.badge}/>); })}
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        width: "100%",
+        marginTop: 5,
+    },
+    badge: {
+        borderWidth: 0,
+        backgroundColor: "transparent",
+    },
+});
+exports.default = TagBadge5s;

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { Db } from "@nakamura-123/types";
+interface BasicBadgeProps {
+    info: Db.BadgePageBasicInfo;
+}
+declare const BasicBadge: React.FC<BasicBadgeProps>;
+export default BasicBadge;

package/dist/component/Grade/BasicBadge.js

@@ -0,0 +1,72 @@
+"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_2 = require("@realm/react");
+var react_redux_1 = require("react-redux");
+var common_1 = require("@nakamura-123/common");
+var lib_1 = require("@nakamura-123/lib");
+var db_1 = require("@nakamura-123/db");
+var BasicBadge = function (_a) {
+    var info = _a.info;
+    var BadgesDB = (0, react_2.useQuery)(db_1.BadgeSchema);
+    var basicBadgeSet = lib_1.badgeSet.badge5Sets.basic;
+    var list = (0, react_redux_1.useSelector)(function (state) { return state.app[info.list]; });
+    var maxBadgeCnt = list.length;
+    // バッジ情報をまとめる
+    var badge5sInfos = basicBadgeSet.map(function (badge) {
+        var matchingBadges = BadgesDB.filtered("subject == $0 AND badgeId == $1", info.subject, badge.id);
+        var matchCnt = matchingBadges.length;
+        return __assign(__assign({}, badge), { isExist: matchCnt > 0, matchCnt: matchCnt });
+    });
+    // バッジを集計
+    return (<react_native_1.View style={styles.container}>
+      <common_1.IconTitle title={info.name} icon={info.icon} withBackground/>
+      <react_native_1.View style={styles.badgeBox}>
+        {badge5sInfos.map(function (badge) { return (<react_native_1.View style={styles.badge} key={badge.id}>
+            <common_1.Badge name={badge.name} icon={badge.icon} badgeColor={badge.color} isEmpty={!badge.isExist}/>
+            <react_native_1.View style={styles.txtBox}>
+              <common_1.MyText fsize="sm" style={styles.txt}>
+                {"".concat(badge.matchCnt, "/").concat(maxBadgeCnt)}
+              </common_1.MyText>
+            </react_native_1.View>
+          </react_native_1.View>); })}
+      </react_native_1.View>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+    // marginBottom: 10,
+    },
+    badge: {
+        alignItems: "center",
+    },
+    badgeBox: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        marginBottom: 5,
+    },
+    txtBox: {
+        paddingVertical: 3,
+        paddingHorizontal: 6,
+        marginTop: 5,
+        backgroundColor: lib_1.colors.ltBeige,
+        borderRadius: 20,
+    },
+    txt: {},
+});
+exports.default = BasicBadge;

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

@@ -0,0 +1,5 @@
+import React from "react";
+interface ChangeWeeklyTargetBtnProps {
+}
+declare const ChangeWeeklyTargetBtn: React.FC<ChangeWeeklyTargetBtnProps>;
+export default ChangeWeeklyTargetBtn;