@edu-tosel/design 1.0.218 → 1.0.220

package/layout/template/Transcript/design/Transcript.d.ts

@@ -1,28 +1,42 @@
 type Level = "CO" | "PS" | "ST" | "BA" | "JR" | "HJ" | "AD";
 type ExamType = "REG" | "IST" | "CMP";
-export interface TranscriptProps {
-    info: {
-        name: string;
-        nickname?: string;
-        imgSrc?: string;
-        qrSrc?: string;
-        sharedSrc?: string;
-        code: string;
-        birthday: string;
-        examName: string;
-        examDate: string;
-        examType: ExamType;
-        examValidAt: string;
-        level: Level;
-    };
-    result: {
-        score: number;
-        grade: number;
-        isHonor: boolean;
-        percentRank: number;
-    };
-    data: {
-        graph: {
+export interface Information {
+    name: string;
+    nickname?: string;
+    imgSrc?: string;
+    qrSrc?: string;
+    sharedSrc?: string;
+    code: string;
+    birthday: string;
+    examName: string;
+    examDate: string;
+    examType: ExamType;
+    examValidAt: string;
+    level: Level;
+}
+export interface Result {
+    score: number;
+    grade: number;
+    isHonor: boolean;
+    percentRank: number;
+}
+export interface Data {
+    graph: {
+        user: {
+            section1: {
+                partA: number;
+                partB: number;
+                partC: number;
+                partD: number;
+            };
+            section2: {
+                partA: number;
+                partB: number;
+                partC: number;
+                partD: number;
+            };
+        };
+        average: {
             user: {
                 section1: {
                     partA: number;
@@ -37,54 +51,43 @@ export interface TranscriptProps {
                     partD: number;
                 };
             };
-            average: {
-                user: {
-                    section1: {
-                        partA: number;
-                        partB: number;
-                        partC: number;
-                        partD: number;
-                    };
-                    section2: {
-                        partA: number;
-                        partB: number;
-                        partC: number;
-                        partD: number;
-                    };
-                };
-            };
         };
-        analysis: {
-            total: {
-                section1: number;
-                section2: number;
-            };
-            user: {
-                section1: number;
-                section2: number;
-            };
-            nationalAverage: {
-                section1: number;
-                section2: number;
-            };
-            localAverage: {
-                section1: number;
-                section2: number;
-            };
-            ageAverage: {
-                section1: number;
-                section2: number;
-            };
-            "10percentageAverage": number;
-            "30percentageAverage": number;
+    };
+    analysis: {
+        total: {
+            section1: number;
+            section2: number;
+        };
+        user: {
+            section1: number;
+            section2: number;
+        };
+        nationalAverage: {
+            section1: number;
+            section2: number;
         };
-        script: {
-            performanceEvaluation: string | string[];
-            section1: string | string[];
-            section2: string | string[];
+        localAverage: {
+            section1: number;
+            section2: number;
         };
-        multipleIntelligence: MultipleIntelligenceRate;
+        ageAverage: {
+            section1: number;
+            section2: number;
+        };
+        "10percentageAverage": number;
+        "30percentageAverage": number;
+    };
+    script: {
+        performanceEvaluation: string | string[];
+        section1: string | string[];
+        section2: string | string[];
     };
+    multipleIntelligence: MultipleIntelligenceRate;
+}
+export interface TranscriptProps {
+    info: Information;
+    result: Result;
+    data: Data;
 }
 interface Score {
     part1: number;

package/layout/template/Transcript/design/Transcript.design.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { paperSize } from "../../../../style/size";
 import { cn } from "../../../../util";
-import IdCard from "./organism/IdCard";
+import { IdCard } from "./organism/IdCard.organism";
 import { BarCardRow } from "./organism/BarCardRow";
 import ScoreCard from "./organism/ScoreCard";
 import HonorCard from "./organism/HonorCard";

package/layout/template/Transcript/design/TranscriptAdvanced.design.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { forwardRef } from "react";
 import { paperSize } from "../../../../style/size";
 import { cn } from "../../../../util";
-import IdCard from "./organism/IdCard";
+import { IdCard } from "./organism/IdCard.organism";
 import { BarCardCol } from "./organism/BarCardCol";
 import { RadarCard } from "./organism/RadarCard";
 import { OCICard } from "./organism/OCICard";

package/layout/template/Transcript/design/organism/HonorCard.d.ts

@@ -1,4 +1,4 @@
-import { TranscriptProps } from "../Transcript";
-export default function HonorCard({ result, }: {
-    result: TranscriptProps["result"];
+import { Result } from "../Transcript";
+export default function HonorCard({ result }: {
+    result: Result;
 }): import("react/jsx-runtime").JSX.Element;

package/layout/template/Transcript/design/organism/HonorCard.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import SVG from "../../../../../asset/SVG";
 import { cn } from "../../../../../util";
 import { printBoxStyles } from "../atom/PrintBoxStyles";
-export default function HonorCard({ result, }) {
+export default function HonorCard({ result }) {
     const cardWrapper = {
         displays: "flex flex-1 flex-col self-stretch relative",
         sizes: "w-full rounded-lg overflow-hidden",

package/layout/template/Transcript/design/organism/IdCard.organism.d.ts

@@ -0,0 +1,4 @@
+import { Information } from "../Transcript";
+export declare function IdCard({ info }: {
+    info: Information;
+}): import("react/jsx-runtime").JSX.Element;

package/layout/template/Transcript/design/organism/{IdCard.js → IdCard.organism.js}

@@ -4,7 +4,7 @@ import { useResponsive } from "../../../../../hook";
 import { cn, copyToClipboard } from "../../../../../util";
 import QRCode from "react-qr-code";
 import { GetStyleFromLevel } from "../atom/GetStyleFromLevel";
-export default function IdCard({ info }) {
+export function IdCard({ info }) {
     const [isExpanded, setIsExpanded] = useState(false);
     const togglecard = () => setIsExpanded(!isExpanded);
     //반응형 info 카드 height 문제로 눌러서 자세히 보기 차후 구현 예정

package/layout/template/Transcript/design/organism/NationalPositionCard.d.ts

@@ -1,4 +1,4 @@
-import { TranscriptProps } from "../Transcript";
-export declare function NationalPositionCard({ result, }: {
-    result: TranscriptProps["result"];
+import { Result } from "../Transcript";
+export declare function NationalPositionCard({ result }: {
+    result: Result;
 }): import("react/jsx-runtime").JSX.Element;

package/layout/template/Transcript/design/organism/NationalPositionCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../../../../../util";
 import { printBoxStyles } from "../atom/PrintBoxStyles";
-export function NationalPositionCard({ result, }) {
+export function NationalPositionCard({ result }) {
     const percentRank = result.percentRank.toFixed(1);
     const cardWrapper = {
         displays: "flex flex-col relative",

package/layout/template/Transcript/design/organism/PerformanceCard.d.ts

@@ -1,5 +1,5 @@
-import { TranscriptProps } from "../Transcript";
+import { Data, Information } from "../Transcript";
 export default function PerformanceCard({ data, info, }: {
-    data: TranscriptProps["data"];
-    info: TranscriptProps["info"];
+    data: Data;
+    info: Information;
 }): import("react/jsx-runtime").JSX.Element;

package/layout/template/Transcript/design/organism/ResultGaugeCard.d.ts

@@ -1,6 +1,6 @@
 import { Theme } from "../../interface";
-import { TranscriptProps } from "../Transcript";
+import { Result } from "../Transcript";
 export default function ResultGaugeCard({ result, theme, }: {
-    result: TranscriptProps["result"];
+    result: Result;
     theme: Theme;
 }): import("react/jsx-runtime").JSX.Element;

package/layout/template/Transcript/design/organism/ScoreCard.d.ts

@@ -1,4 +1,4 @@
-import { TranscriptProps } from "../Transcript";
+import { Data } from "../Transcript";
 export default function ScoreCard({ data }: {
-    data: TranscriptProps["data"];
+    data: Data;
 }): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.218",
+  "version": "1.0.220",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",

package/version.txt

@@ -1 +1 @@
-1.0.218
+1.0.220

package/layout/template/Transcript/design/organism/IdCard.d.ts

@@ -1,4 +0,0 @@
-import { TranscriptProps } from "../Transcript";
-export default function IdCard({ info }: {
-    info: TranscriptProps["info"];
-}): import("react/jsx-runtime").JSX.Element;