@nakamura-123/pages 1.1.15 → 1.1.18

package/dist/component/Basic/Badge5s.js

@@ -1,51 +1,39 @@
 "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 = getBadge(BadgesDB, subject, badge.id, category);
-        var isExist = matchingBadges.length > 0;
-        return __assign(__assign({}, badge), { isExist: isExist });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_2 = require("@realm/react");
+const common_1 = require("@nakamura-123/common");
+const lib_1 = require("@nakamura-123/lib");
+const db_1 = require("@nakamura-123/db");
+const Badge5s = ({ badgeType, subject, category }) => {
+    const BadgesDB = (0, react_2.useQuery)(db_1.BadgeSchema);
+    const badge5s = lib_1.badgeSet.badge5Sets[badgeType];
+    const badge5sInfos = badge5s.map((badge) => {
+        const matchingBadges = getBadge(BadgesDB, subject, badge.id, category);
+        const isExist = matchingBadges.length > 0;
+        return Object.assign(Object.assign({}, badge), { 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}/>); })}
+        {badge5sInfos.map((badge) => (<common_1.Badge key={badge.id} name={badge.name} icon={badge.icon} badgeColor={badge.color} isEmpty={!badge.isExist}/>))}
       </react_native_1.View>
     </>);
 };
-var getBadge = function (BadgesDB, subject, badgeId, category) {
+const getBadge = (BadgesDB, subject, badgeId, category) => {
     if (!category) {
-        var badges = BadgesDB.filtered("subject == $0 AND badgeId == $1", subject, badgeId);
+        const badges = BadgesDB.filtered("subject == $0 AND badgeId == $1", subject, badgeId);
         return badges;
     }
     else {
-        var badges = BadgesDB.filtered("subject == $0 AND category == $1 AND badgeId == $2", subject, String(category), badgeId);
+        const badges = BadgesDB.filtered("subject == $0 AND category == $1 AND badgeId == $2", subject, String(category), badgeId);
         return badges;
     }
 };
-var styles = react_native_1.StyleSheet.create({
+const styles = react_native_1.StyleSheet.create({
     container: {
         flexDirection: "row",
         justifyContent: "space-between",

package/dist/component/Basic/BasicContents.js

@@ -26,62 +26,61 @@ 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 common_1 = require("@nakamura-123/common");
-var stores_1 = require("@nakamura-123/stores");
-var Badge5s_1 = __importDefault(require("./Badge5s"));
-var TagBadge5s_1 = __importDefault(require("../TagBadge5s"));
-var SubCategoryList_1 = __importDefault(require("./SubCategoryList"));
-var MiniTestCard_1 = __importDefault(require("./MiniTestCard"));
-var BasicSetting_1 = __importDefault(require("./BasicSetting"));
-var Guide_1 = __importDefault(require("../Guide"));
-var SelectedExamCnt_1 = __importDefault(require("./SelectedExamCnt"));
-var BasicProgressBar_1 = __importDefault(require("./BasicProgressBar"));
-var BasicPage = function (_a) {
-    var navigation = _a.navigation, subject = _a.subject, index = _a.index;
-    var dispatch = (0, react_redux_1.useDispatch)();
-    var t = (0, common_1.useDrillTranslation)().t;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_gesture_handler_1 = require("react-native-gesture-handler");
+const react_redux_1 = require("react-redux");
+const common_1 = require("@nakamura-123/common");
+const stores_1 = require("@nakamura-123/stores");
+const Badge5s_1 = __importDefault(require("./Badge5s"));
+const TagBadge5s_1 = __importDefault(require("../TagBadge5s"));
+const SubCategoryList_1 = __importDefault(require("./SubCategoryList"));
+const MiniTestCard_1 = __importDefault(require("./MiniTestCard"));
+const BasicSetting_1 = __importDefault(require("./BasicSetting"));
+const Guide_1 = __importDefault(require("../Guide"));
+const SelectedExamCnt_1 = __importDefault(require("./SelectedExamCnt"));
+const BasicProgressBar_1 = __importDefault(require("./BasicProgressBar"));
+const BasicPage = ({ navigation, subject, index }) => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const { t } = (0, common_1.useDrillTranslation)();
     // // 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 guide = (0, react_redux_1.useSelector)(function (state) { return state.setting.guide; });
-    var isShowGuide = guide.basicPageNav || guide.basicPageSwipe;
-    var guideName = guide.basicPageNav ? "basicPageNav" : "basicPageSwipe";
+    const categoryList = (0, react_redux_1.useSelector)((state) => state.app[subject.list]);
+    const activeIndex = (0, react_redux_1.useSelector)((state) => state.setting.viewSet[subject.name].activeIndex);
+    const guide = (0, react_redux_1.useSelector)((state) => state.setting.guide);
+    const isShowGuide = guide.basicPageNav || guide.basicPageSwipe;
+    const guideName = guide.basicPageNav ? "basicPageNav" : "basicPageSwipe";
     // 選択されたカテゴリー情報を取得
-    var selectedList = categoryList[index];
+    const selectedList = categoryList[index];
     // カテゴリー名を計算
-    var categoryName = "".concat(selectedList.label, " ").concat(selectedList.title).trim();
-    var selectKey = selectedList.key;
-    var categoryLabel = selectedList.label + selectedList.title;
-    var initScrollY = (0, react_redux_1.useSelector)(function (state) { return state.setting.viewSet[subject.name].scrollY; });
-    var scrollViewRef = (0, react_1.useRef)(null);
+    const categoryName = `${selectedList.label} ${selectedList.title}`.trim();
+    const selectKey = selectedList.key;
+    const categoryLabel = selectedList.label + selectedList.title;
+    const initScrollY = (0, react_redux_1.useSelector)((state) => state.setting.viewSet[subject.name].scrollY);
+    const scrollViewRef = (0, react_1.useRef)(null);
     // 移動を監視
-    var _b = (0, react_1.useState)(false), isReady = _b[0], setIsReady = _b[1];
-    (0, react_1.useEffect)(function () {
+    const [isReady, setIsReady] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
         if (scrollViewRef.current)
             setIsReady(true); // 準備完了
     }, [scrollViewRef.current]); // scrollViewRef.current の変更を監視
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         var _a;
         if (isReady)
             (_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ y: initScrollY, animated: false });
     }, [isReady]);
-    var handleEndScroll = function (event) {
-        var scrollY = event.nativeEvent.contentOffset.y;
+    const handleEndScroll = (event) => {
+        const scrollY = event.nativeEvent.contentOffset.y;
         dispatch({ type: "setting/setScrollY", payload: scrollY });
     };
     // 全問スタートのハンドラー関数
-    var isLocked = common_1.commonHook.useIsLocked(subject.type, selectKey);
-    var allQuizIcon = isLocked ? "lock" : "pencil-alt";
-    var handleAllQuiz = function () {
+    const isLocked = common_1.commonHook.useIsLocked(subject.type, selectKey);
+    const allQuizIcon = isLocked ? "lock" : "pencil-alt";
+    const handleAllQuiz = () => {
         if (isLocked) {
             navigation.navigate("Coin");
             return;
         }
-        var ALL_NUM = 0;
+        const ALL_NUM = 0;
         dispatch(stores_1.quizAction.setLesson({
             subject: subject.name,
             type: subject.type,
@@ -117,7 +116,7 @@ var BasicPage = function (_a) {
       <BasicSetting_1.default navigation={navigation} subjectType={subject.type}/>
     </react_native_gesture_handler_1.ScrollView>);
 };
-var styles = react_native_1.StyleSheet.create({
+const styles = react_native_1.StyleSheet.create({
     navBar: {},
     scrollContainer: {
         padding: 20,

package/dist/component/Basic/BasicProgressBar.js

@@ -3,25 +3,24 @@ 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 react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var react_redux_1 = require("react-redux");
-var basicHook_1 = require("../../hooks/basicHook");
-var tagFncJ_1 = require("../../functions/tagFncJ");
-var tagFncD_1 = require("../../functions/tagFncD");
-var BasicProgressBar = function (_a) {
-    var subject = _a.subject, index = _a.index;
-    var selectKey = (0, react_redux_1.useSelector)(function (state) { return state.app[subject.list][index].key; });
-    var outOfYearRangeStore = (0, react_redux_1.useSelector)(function (state) { return state.quizCfg.startCfg.outOfYearRange; });
-    var outOfYearRange = subject.type === "unit" ? outOfYearRangeStore : undefined;
+const common_1 = require("@nakamura-123/common");
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_redux_1 = require("react-redux");
+const basicHook_1 = require("../../hooks/basicHook");
+const tagFncJ_1 = require("../../functions/tagFncJ");
+const tagFncD_1 = require("../../functions/tagFncD");
+const BasicProgressBar = ({ subject, index }) => {
+    const selectKey = (0, react_redux_1.useSelector)((state) => state.app[subject.list][index].key);
+    const outOfYearRangeStore = (0, react_redux_1.useSelector)((state) => state.quizCfg.startCfg.outOfYearRange);
+    const outOfYearRange = subject.type === "unit" ? outOfYearRangeStore : undefined;
     // Realm データベースクエリ
-    var QuestionDBInfo = (0, basicHook_1.useGetQuestionQuery)();
-    var getCategoryTags = QuestionDBInfo.system === "JLPT"
+    const QuestionDBInfo = (0, basicHook_1.useGetQuestionQuery)();
+    const getCategoryTags = QuestionDBInfo.system === "JLPT"
         ? (0, tagFncJ_1.getCategoryTagLevelCntsJ)(QuestionDBInfo.query, selectKey, subject.tag)
         : (0, tagFncD_1.getCategoryTagLevelCntsD)(QuestionDBInfo.query, selectKey, subject.type, outOfYearRange);
-    var rate = Math.round((0, tagFncD_1.getCategoryRate)(getCategoryTags));
-    var progressColor = rate > 85 ? "red" : rate > 70 ? "green" : rate > 50 ? "yellow" : "blue";
+    const rate = Math.round((0, tagFncD_1.getCategoryRate)(getCategoryTags));
+    const progressColor = rate > 85 ? "red" : rate > 70 ? "green" : rate > 50 ? "yellow" : "blue";
     return (<react_native_1.View style={styles.container}>
       <react_native_1.View style={styles.progressBox}>
         <common_1.ProgressBar progress={rate} barColor={progressColor} height={20}/>
@@ -31,7 +30,7 @@ var BasicProgressBar = function (_a) {
       </react_native_1.View>
     </react_native_1.View>);
 };
-var styles = react_native_1.StyleSheet.create({
+const styles = react_native_1.StyleSheet.create({
     container: {
         // marginTop: 10,
         // marginBottom: 5,

package/dist/component/Basic/BasicSetting.js

@@ -3,26 +3,25 @@ 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 t = (0, common_1.useDrillTranslation)().t;
-    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 isJLPT = (0, react_redux_1.useSelector)(function (state) { return state.app.appSetting.setting.appSystem; }) === "JLPT";
-    var isUnit = subjectType === "unit";
-    var isRange = isRangeYear && isUnit && !isJLPT;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_redux_1 = require("react-redux");
+const common_1 = require("@nakamura-123/common");
+const Range_1 = __importDefault(require("../SettingBtns/Range"));
+const BasicSetting = ({ navigation, subjectType, }) => {
+    const { t } = (0, common_1.useDrillTranslation)();
+    const isRangeYear = (0, react_redux_1.useSelector)((state) => { var _a; return (_a = state.app.appSetting.setting) === null || _a === void 0 ? void 0 : _a.basic.isRangeYearInUnit; });
+    const isJLPT = (0, react_redux_1.useSelector)((state) => state.app.appSetting.setting.appSystem) === "JLPT";
+    const isUnit = subjectType === "unit";
+    const isRange = isRangeYear && isUnit && !isJLPT;
     return (<react_native_1.View style={styles.row}>
-      <common_1.SettingBtn icon="envelope" title={t("basic.setting.report")} onPress={function () { return navigation.navigate("Report"); }}/>
+      <common_1.SettingBtn icon="envelope" title={t("basic.setting.report")} onPress={() => navigation.navigate("Report")}/>
 
       {isRange && <Range_1.default />}
-      <common_1.SettingBtn icon="chart-line" title={t("basic.setting.grade")} onPress={function () { return navigation.navigate("Grade"); }}/>
+      <common_1.SettingBtn icon="chart-line" title={t("basic.setting.grade")} onPress={() => navigation.navigate("Grade")}/>
     </react_native_1.View>);
 };
-var styles = react_native_1.StyleSheet.create({
+const styles = react_native_1.StyleSheet.create({
     row: {
         width: 250,
         flexDirection: "row",

package/dist/component/Basic/MiniTestCard.js

@@ -26,39 +26,38 @@ 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 react_2 = require("@realm/react");
-var react_redux_1 = require("react-redux");
-var db_1 = require("@nakamura-123/db");
-var stores_1 = require("@nakamura-123/stores");
-var testFnc_1 = require("../../functions/testFnc");
-var createQuizFncD_1 = require("../../functions/createQuizFncD");
-var Paw5s_1 = __importDefault(require("./Paw5s"));
-var basicHook_1 = require("../../hooks/basicHook");
-var createQuizFncJ_1 = require("../../functions/createQuizFncJ");
-var TestComponent = function (_a) {
-    var navigation = _a.navigation, subject = _a.subject, index = _a.index;
-    var dispatch = (0, react_redux_1.useDispatch)();
-    var t = (0, common_1.useDrillTranslation)().t;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const common_1 = require("@nakamura-123/common");
+const react_2 = require("@realm/react");
+const react_redux_1 = require("react-redux");
+const db_1 = require("@nakamura-123/db");
+const stores_1 = require("@nakamura-123/stores");
+const testFnc_1 = require("../../functions/testFnc");
+const createQuizFncD_1 = require("../../functions/createQuizFncD");
+const Paw5s_1 = __importDefault(require("./Paw5s"));
+const basicHook_1 = require("../../hooks/basicHook");
+const createQuizFncJ_1 = require("../../functions/createQuizFncJ");
+const TestComponent = ({ navigation, subject, index, }) => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const { t } = (0, common_1.useDrillTranslation)();
     // topTabsのラベルを取得
-    var categoryList = (0, react_redux_1.useSelector)(function (state) { return state.app[subject.list]; });
-    var selectedCategory = categoryList[index];
-    var selectKey = selectedCategory.key;
-    var quizCnt = selectedCategory.miniTestCnt;
-    var testTitle = selectedCategory.title + t("basic.miniTest");
-    var testDB = (0, react_2.useQuery)(db_1.MiniTestSchema);
-    var outOfYearRange = (0, react_redux_1.useSelector)(function (state) { return state.quizCfg.startCfg.outOfYearRange; });
+    const categoryList = (0, react_redux_1.useSelector)((state) => state.app[subject.list]);
+    const selectedCategory = categoryList[index];
+    const selectKey = selectedCategory.key;
+    const quizCnt = selectedCategory.miniTestCnt;
+    const testTitle = selectedCategory.title + t("basic.miniTest");
+    const testDB = (0, react_2.useQuery)(db_1.MiniTestSchema);
+    const outOfYearRange = (0, react_redux_1.useSelector)((state) => state.quizCfg.startCfg.outOfYearRange);
     // const QuestionDB = useQuery(DQuestionSchema);
-    var QuestionDBInfo = (0, basicHook_1.useGetQuestionQuery)();
-    var levels = (0, react_1.useMemo)(function () {
+    const QuestionDBInfo = (0, basicHook_1.useGetQuestionQuery)();
+    const levels = (0, react_1.useMemo)(() => {
         return (0, testFnc_1.getMiniTestLevelCnts)(testDB, subject.name, selectKey);
     }, [subject.name, selectKey]);
     // 課金ロック
-    var isLocked = common_1.commonHook.useIsLocked(subject.type, selectKey);
-    var icon = isLocked ? "lock" : "clipboard";
-    var handleStart = function () {
+    const isLocked = common_1.commonHook.useIsLocked(subject.type, selectKey);
+    const icon = isLocked ? "lock" : "clipboard";
+    const handleStart = () => {
         if (isLocked) {
             navigation.navigate("Coin");
             return;
@@ -76,8 +75,8 @@ var TestComponent = function (_a) {
         });
         dispatch({ type: "quiz/resetCurrentInfo" });
         // クイズ作成
-        var query = QuestionDBInfo.query, system = QuestionDBInfo.system;
-        var quizList = system === "JLPT"
+        const { query, system } = QuestionDBInfo;
+        const quizList = system === "JLPT"
             ? (0, createQuizFncJ_1.getMiniTestQuestionsJ)(query, selectKey, quizCnt, subject.tag)
             : (0, createQuizFncD_1.getMiniTestQuestions)(query, subject.type, selectKey, quizCnt, outOfYearRange);
         dispatch(stores_1.saveStorage.deleteQuizInStorage(subject.name));
@@ -85,10 +84,10 @@ var TestComponent = function (_a) {
         navigation.navigate("Quiz");
     };
     // カードに表示する問題数
-    var ONEYEAR_TEST_NUMBER = 901;
-    var displayQuizCnt = quizCnt === ONEYEAR_TEST_NUMBER ? "1回分" : quizCnt + "問";
+    const ONEYEAR_TEST_NUMBER = 901;
+    const displayQuizCnt = quizCnt === ONEYEAR_TEST_NUMBER ? "1回分" : quizCnt + "問";
     return (<react_native_1.View style={{ marginBottom: 40 }}>
-      <common_1.RectangleCard title={testTitle} left={<common_1.IconInCircle name={icon} size={25}/>} bottom={<Paw5s_1.default levels={levels} quizCnt={displayQuizCnt}/>} onPress={function () { return handleStart(); }} color="red"/>
+      <common_1.RectangleCard title={testTitle} left={<common_1.IconInCircle name={icon} size={25}/>} bottom={<Paw5s_1.default levels={levels} quizCnt={displayQuizCnt}/>} onPress={() => handleStart()} color="red"/>
     </react_native_1.View>);
 };
 exports.default = TestComponent;

package/dist/component/Basic/Paw5s.js

@@ -3,28 +3,24 @@ 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 testFnc_1 = require("../../functions/testFnc");
-var Paw5s = function (_a) {
-    var levels = _a.levels, quizCnt = _a.quizCnt;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const common_1 = require("@nakamura-123/common");
+const testFnc_1 = require("../../functions/testFnc");
+const Paw5s = ({ levels, quizCnt }) => {
     // Empty function body
-    var levelInfos = (0, testFnc_1.countByLevel)(levels);
+    const levelInfos = (0, testFnc_1.countByLevel)(levels);
     return (<react_native_1.View style={styles.container}>
       <react_native_1.View>
         <common_1.MyText style={styles.cntTxt}>{quizCnt}</common_1.MyText>
       </react_native_1.View>
-      {levelInfos.map(function (_a, i) {
-            var cnt = _a.cnt, color = _a.color;
-            return (<react_native_1.View key={i} style={styles.tag}>
+      {levelInfos.map(({ cnt, color }, i) => (<react_native_1.View key={i} style={styles.tag}>
           <common_1.IconInCircle name="paw" size={10} iconColor={color} circleColor="darkGray" cStyle={styles.icon}/>
           <common_1.MyText style={styles.tagTxt}>{cnt}</common_1.MyText>
-        </react_native_1.View>);
-        })}
+        </react_native_1.View>))}
     </react_native_1.View>);
 };
-var styles = react_native_1.StyleSheet.create({
+const styles = react_native_1.StyleSheet.create({
     container: {
         flexDirection: "row",
         justifyContent: "space-between",

package/dist/component/Basic/SelectedExamCnt.js

@@ -3,29 +3,28 @@ 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 react_redux_1 = require("react-redux");
-var SelectedExamCnt = function (_a) {
-    var type = _a.type;
-    var t = (0, common_1.useDrillTranslation)().t;
-    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; }) || false;
-    var isJLPTSystem = (0, react_redux_1.useSelector)(function (state) { return state.app.appSetting.setting.appSystem === "JLPT"; });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const common_1 = require("@nakamura-123/common");
+const react_redux_1 = require("react-redux");
+const SelectedExamCnt = ({ type }) => {
+    const { t } = (0, common_1.useDrillTranslation)();
+    const isRangeYear = (0, react_redux_1.useSelector)((state) => { var _a; return (_a = state.app.appSetting.setting) === null || _a === void 0 ? void 0 : _a.basic.isRangeYearInUnit; }) || false;
+    const isJLPTSystem = (0, react_redux_1.useSelector)((state) => state.app.appSetting.setting.appSystem === "JLPT");
     if (isJLPTSystem)
         return null;
     if (type !== "unit" || !isRangeYear)
         return null;
-    var outOfYearRange = (0, react_redux_1.useSelector)(function (state) { return state.quizCfg.startCfg.outOfYearRange; });
-    var yearList = (0, react_redux_1.useSelector)(function (state) { return state.app.yearList; });
-    var allExamCnt = yearList.length;
-    var selectedExamCnt = allExamCnt - outOfYearRange.length;
-    var msg = "".concat(t("basic.selectedExam"), ": ").concat(selectedExamCnt, " / ").concat(allExamCnt);
+    const outOfYearRange = (0, react_redux_1.useSelector)((state) => state.quizCfg.startCfg.outOfYearRange);
+    const yearList = (0, react_redux_1.useSelector)((state) => state.app.yearList);
+    const allExamCnt = yearList.length;
+    const selectedExamCnt = allExamCnt - outOfYearRange.length;
+    const msg = `${t("basic.selectedExam")}: ${selectedExamCnt} / ${allExamCnt}`;
     return (<common_1.MyText fsize="sm" style={styles.text}>
       {msg}
     </common_1.MyText>);
 };
-var styles = react_native_1.StyleSheet.create({
+const styles = react_native_1.StyleSheet.create({
     text: {
         textAlign: "center",
     },

package/dist/component/Basic/SubCategoryLeft.js

@@ -3,14 +3,13 @@ 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 common_1 = require("@nakamura-123/common");
-var SubCategoryLeft = function (_a) {
-    var rate = _a.rate, isLocked = _a.isLocked;
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@nakamura-123/common");
+const SubCategoryLeft = ({ rate, isLocked, }) => {
     if (isLocked)
         return <common_1.IconInCircle name="lock" circleColor="beige" size={25}/>;
-    var per = rate;
-    var progressColor = per > 85 ? "red" : per > 70 ? "green" : per > 50 ? "yellow" : "blue";
+    const per = rate;
+    const progressColor = per > 85 ? "red" : per > 70 ? "green" : per > 50 ? "yellow" : "blue";
     return <common_1.CircleProgressInNom percentage={per} color={progressColor}/>;
 };
 exports.default = SubCategoryLeft;