@edu-tosel/design 1.0.265 → 1.0.267

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

@@ -1,64 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { useResponsive } from "../../../../../hook";
-import { cn, copyToClipboard } from "../../../../../util";
-import { GetStyleFromLevel } from "../atom/GetStyleFromLevel";
-import SVG from "../../../../../asset/SVG";
-import { CircularGauge } from "../molecule/CircularGauge";
-export default function IdCard({ info, option, score, }) {
-    const [isExpanded, setIsExpanded] = useState(false);
-    const togglecard = () => setIsExpanded(!isExpanded);
-    //반응형 info 카드 height 문제로 눌러서 자세히 보기 차후 구현 예정
-    const isXS = useResponsive("xs");
-    const cardWrapper = {
-        displays: "flex flex-col self-auto overflow-hidden",
-        sizes: "w-full rounded-lg h-fit",
-        backgrounds: "bg-white shadow-main",
-        spacings: "p-3",
-        printOptions: "print:bg-white print:shadow-none",
-    };
-    const imgBox = {
-        displays: "relative shrink-0 overflow-hidden",
-        sizes: "h-30 aspect-7/9 rounded-lg",
-        backgrounds: info.imgSrc ?? "bg-jr-blue-light",
-        outlines: "border-2 border-slate-200",
-    };
-    const qrBox = {
-        displays: "shrink-0 hidden sm:block relative overflow-hidden",
-        sizes: "h-30 p-2 aspect-square rounded-lg",
-        textStyles: "text-jr-blue",
-        backgrounds: !!info.qr && "print:border-2 print:border-green-dark",
-        groupAction: !!info.qr && "group duration-300 hover:scale-110 bg-white",
-    };
-    const copyButtonWrapper = {
-        display: "absolute flex justify-center items-center",
-        positions: "top-0 left-0",
-        sizes: "h-full w-full backdrop-blur-sm",
-        graphics: "opacity-0 bg-white/80 ",
-        animations: "duration-300 group-hover:opacity-100",
-    };
-    const levelTag = {
-        display: "flex justify-center items-center",
-        textStyles: "text-center",
-        variableStyle: `text-center text-xs font-bold ${GetStyleFromLevel(info.level, "textcolor")}`,
-        backgrounds: GetStyleFromLevel(info.level, "bgcolor"),
-        sizes: isXS
-            ? "rounded-md w-fit h-fit px-2 py-1"
-            : "rounded-md w-full h-full",
-        printOptions: "print:w-fit print:h-fit print:px-2 print:py-1",
-    };
-    const copyButton = {
-        displays: "flex justify-center items-center",
-        sizes: "w-20 h-8 rounded-lg",
-        colors: "bg-green-light border border-green-dark",
-        textStyles: "text-xs text-green-dark font-medium text-center",
-        animations: "hover:bg-green-dark hover:text-white duration-300 cursor-pointer",
-    };
-    const gaugeWrapper = {
-        displays: "absolute flex justify-center items-center",
-        position: "top-0 left-0",
-        sizes: "w-full h-full",
-        backgrounds: "bg-white",
-    };
-    return (_jsxs("div", { className: "flex flex-row w-full h-fit mt-5 gap-5", children: [_jsxs("div", { className: cn(cardWrapper), children: [_jsxs("div", { className: "flex flex-row justify-between items-center pb-1 w-full h-fit border-b-2 border-green-dark", children: [_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex flex-[3] text-sm truncate font-bold text-green-dark", children: [info.name, " ", info.nickname && _jsxs("span", { children: [" \u00A0/ ", info.nickname] })] }), _jsx("div", { className: "flex flex-[1] text-sm", children: info.birthday })] }), _jsx("div", { className: "w-fit h-full xs:block hidden", children: _jsx("div", { className: cn(levelTag), children: GetStyleFromLevel(info.level, "name") }) })] }), _jsxs("div", { className: "flex flex-col xs:flex-row w-full h-fit mt-2", children: [_jsxs("div", { className: "flex flex-3 text-sm truncate", children: [_jsx("div", { className: "flex flex-2 text-green-dark font-bold", children: "\uC218\uD5D8\uBC88\uD638:" }), _jsx("div", { className: "flex flex-3", children: info.code })] }), _jsxs("div", { className: "flex flex-3 text-sm truncate", children: [_jsx("div", { className: "flex flex-2 text-green-dark font-bold", children: "\uC2DC\uD5D8\uC77C:" }), _jsx("div", { className: "flex flex-3", children: info.examDate })] })] }), _jsxs("div", { className: "flex flex-col xs:flex-row w-full h-fit", children: [_jsxs("div", { className: "flex flex-3 text-sm truncate", children: [_jsx("div", { className: "flex flex-2 text-green-dark font-bold", children: "\uC720\uD6A8\uAE30\uAC04:" }), _jsx("div", { className: "flex flex-3", children: info.examValidAt })] }), _jsxs("div", { className: "flex flex-3 text-sm truncate", children: [_jsx("div", { className: "flex flex-2 text-green-dark font-bold", children: "\uC2DC\uD5D8\uD68C\uCC28:" }), _jsx("div", { className: "flex flex-3", children: info.examName })] })] })] }), _jsxs("div", { className: cn(qrBox), children: [option?.isAdvanced ? (_jsx("div", { className: cn(gaugeWrapper), children: score && (_jsx(CircularGauge, { maxScore: 990, noAnimation: false, score: score, theme: "green" })) })) : (!info.qr && (_jsx("div", { className: "absolute top-0 left-0 w-full h-full flex justify-center items-center", children: _jsx("img", { src: "https://resource.tosel.co.kr/images/logo-itc-classic.png", alt: "qr" }) }))), info.qr && (_jsxs(_Fragment, { children: [info.qr, _jsx("div", { className: cn(copyButtonWrapper), children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "flex justify-center items-center ", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", className: "size-6 stroke-green-dark", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" }) }) }), _jsx("div", { className: cn(copyButton), onClick: () => copyToClipboard(info.qrSrc), children: "\uACF5\uC720\uD558\uAE30" })] }) })] }))] }), _jsxs("div", { className: "flex flex-col shrink-0", children: [_jsxs("div", { className: cn(imgBox), children: [!info.imgSrc && (_jsx("div", { className: "absolute w-full h-full flex justify-center items-center text-jr-blue", children: _jsx(SVG.User, {}) })), info.imgSrc && (_jsx("img", { src: info.imgSrc, alt: "", className: "object-cover w-full h-full" }))] }), !isXS && (_jsx("div", { className: "w-full h-full mt-3 flex", children: _jsx("div", { className: "w-full h-full block xs:hidden", children: _jsx("div", { className: cn(levelTag), children: GetStyleFromLevel(info.level, "name") }) }) }))] })] }));
-}

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

@@ -1,12 +0,0 @@
-import { MultipleIntelligence, Theme } from "../../interface";
-export declare function IntelligenceCard({ data, theme, }: {
-    data: MultipleIntelligence;
-    theme: Theme;
-}): import("react/jsx-runtime").JSX.Element;
-interface IntelligenceData {
-    name: string;
-    data: number;
-}
-export declare function prepareIntelligenceData(data: MultipleIntelligence): IntelligenceData[];
-export declare function engIntelligenceToKor(eng: string): string;
-export {};

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

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../../util";
-import CardTitle from "../atom/CardTitle";
-import { printBoxStyles } from "../atom/PrintBoxStyles";
-import { BarGraphMulti } from "../molecule/BarGraphMulti";
-export function IntelligenceCard({ data, theme, }) {
-    const cardWrapper = {
-        displays: "flex flex-col relative",
-        sizes: "w-full rounded-lg overflow-hidden",
-        backgrounds: "bg-white shadow-main",
-        sapcings: "mt-5",
-    };
-    return (_jsxs("div", { className: cn(cardWrapper, printBoxStyles, "print:hidden"), children: [_jsx(CardTitle, { title: "8\uAC00\uC9C0 \uC9C0\uB2A5", theme: theme }), _jsx(BarGraphMulti, { maxScore: 1, data: prepareIntelligenceData(data), theme: theme })] }));
-}
-export function prepareIntelligenceData(data) {
-    const intelligenceArray = Object.entries(data).map(([name, data]) => {
-        return { name: engIntelligenceToKor(name), data };
-    });
-    return intelligenceArray;
-}
-export function engIntelligenceToKor(eng) {
-    if (eng === "musical")
-        return "음악지능";
-    if (eng === "bodilyKinesthetic")
-        return "신체운동지능";
-    if (eng === "logicalMathematical")
-        return "논리수학지능";
-    if (eng === "linguistic")
-        return "언어지능";
-    if (eng === "spatial")
-        return "공간지능";
-    if (eng === "interpersonal")
-        return "인간친화지능";
-    if (eng === "naturalist")
-        return "자연친화지능";
-    if (eng === "intrapersonal")
-        return "자기성찰지능";
-    throw new Error(`Unknown intelligence type: ${eng}`);
-}

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

@@ -1,4 +0,0 @@
-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,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../../util";
-import { printBoxStyles } from "../atom/PrintBoxStyles";
-export function NationalPositionCard({ result }) {
-    const percentRank = result.percentRank.toFixed(2);
-    const cardWrapper = {
-        displays: "flex flex-col relative",
-        sizes: "w-full rounded-lg overflow-hidden",
-        outline: "border-2 border-green-dark/50",
-    };
-    return (_jsx("div", { className: cn(cardWrapper, printBoxStyles, "flex-[1] h-fit p-2 mt-5 xxs:text-sm text-xs text-green-dark print:hidden text-center font-medium", percentRank == "0.00"
-            ? "bg-green-light shadow-green"
-            : "bg-white shadow-main"), children: result.percentRank == 0 ? (_jsxs("div", { children: [_jsx("span", { children: "\uCD95\uD558\uD569\uB2C8\uB2E4! \uC774\uBC88 \uC2DC\uD5D8\uC5D0\uC11C " }), _jsx("span", { className: "font-bold", children: "\uC804\uAD6D 1\uB4F1" }), "\uC744 \uAE30\uB85D\uD588\uC5B4\uC694!"] })) : (_jsxs("div", { children: ["\uC774\uBC88 \uC2DC\uD5D8\uC5D0\uC11C \uC804\uAD6D\uC0C1\uC704", " ", _jsxs("span", { className: "font-bold", children: [percentRank, "%"] }), "\uB97C \uAE30\uB85D\uD588\uC5B4\uC694."] })) }));
-}

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

@@ -1,4 +0,0 @@
-import { TranscriptAdvancedProps } from "../Transcript";
-export declare function OCICard({ data }: {
-    data: TranscriptAdvancedProps["oci"];
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../../util";
-import { BarGraphDuo } from "../molecule/BarGraphDuo";
-export function OCICard({ data }) {
-    const cellHeader = {
-        textStyles: "text-center text-white text-sm font-medium",
-        displays: "flex justify-center items-center",
-        spacings: "p-2",
-    };
-    const cellNormal = {
-        textStyles: "text-center text-gray-dark",
-        displays: "flex justify-center items-center",
-    };
-    return (_jsx("div", { className: cn("overflow-auto w-full scrollbar-hidden rounded-lg mt-5 print:border print:border-gray-medium/70 cursor-default shadow-main print:shadow-none"), children: _jsxs("div", { className: "min-w-[172mm] w-full", children: [_jsxs("div", { className: "flex flex-row bg-gradient-to-r from-crimson-burgundy to-green-dark", children: [_jsx("div", { className: cn(cellHeader, "flex-[1] print:static sticky left-0 bg-crimson-burgundy"), children: "Rank" }), _jsx("div", { className: cn(cellHeader, "flex-[3]"), children: "Competency Category" }), _jsx("div", { className: cn(cellHeader, "flex-[1]"), children: "Index" }), _jsx("div", { className: cn(cellHeader, "flex-[4]"), children: "Graph" })] }), data.map(({ category, average, result }, key) => {
-                    return (_jsxs("div", { className: "flex flex-row text-sm bg-white", children: [_jsx("div", { className: cn(cellNormal, "flex-[1] print:static sticky left-0 border-r-1 px-1 border-crimson-burgundy bg-white/80 backdrop-blur-md"), children: key + 1 }), _jsx("div", { className: cn(cellNormal, "flex-[3] text-xs"), children: category }), _jsx("div", { className: cn(cellNormal, "flex-[1] text-base font-bold text-green-dark"), children: result }), _jsx("div", { className: cn(cellNormal, "flex-[4]"), children: _jsx(BarGraphDuo, { score: result, subScore: average, total: 100 }) })] }));
-                })] }) }));
-}

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

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

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

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../../util";
-import { printBoxStyles } from "../atom/PrintBoxStyles";
-import LevelIndex from "../molecule/LevelIndex";
-import { LineBreaks } from "../../../../../text";
-export default function PerformanceCard({ data, info, }) {
-    const cardWrapper = {
-        displays: "flex flex-col relative",
-        sizes: "w-full rounded-lg overflow-hidden",
-        backgrounds: "bg-white shadow-main",
-        sapcings: "mt-5",
-    };
-    const cardTitle = {
-        display: "flex flex-row justify-center items-center",
-        sizes: "h-7 shrink-0 w-full",
-        bg: "bg-green-light",
-        textStyles: "text-green-dark font-medium text-sm",
-    };
-    const scriptStyling = {
-        display: "justify-start items-start",
-        sizes: "w-full h-fit",
-        textStyles: "text-xs font-medium text-black break-keep",
-    };
-    return (_jsxs("div", { className: cn(cardWrapper, printBoxStyles), children: [_jsx("div", { className: cn(cardTitle), children: _jsx("div", { className: "w-full text-center h-fit", children: "Performance Evaluation" }) }), _jsxs("div", { className: "w-full h-full flex flex-col gap-5 p-5", children: [_jsxs("div", { className: "flex flex-col flex-[3]", children: [_jsx(LineBreaks, { texts: data.script.performanceEvaluation, className: cn(scriptStyling) }), _jsx("div", { className: cn(scriptStyling, "hidden print:block text-green-dark"), children: "\uB098\uC758 \uC804\uAD6D \uC9C0\uD45C\uAC00 \uAD81\uAE08\uD558\uB2E4\uBA74? QR\uB85C \uC790\uC138\uD788 \uC54C\uC544\uBCF4\uC138\uC694!" })] }), _jsx("div", { className: "w-full flex flex-col flex-[2] justify-center items-center", children: _jsx(LevelIndex, { transcriptLevel: info.level }) })] })] }));
-}

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

@@ -1,7 +0,0 @@
-import { Theme } from "../../interface";
-import { TranscriptAdvancedProps } from "../Transcript";
-export declare function RadarCard({ data, theme, title, }: {
-    data: TranscriptAdvancedProps["lswr"];
-    theme: Theme;
-    title?: string;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../../util";
-import CardTitle from "../atom/CardTitle";
-import { printBoxStyles } from "../atom/PrintBoxStyles";
-import { LSWRChart } from "../molecule/LSWRChart";
-import { RadarGraph } from "../molecule/RadarGraph";
-function prepareRadarChartData(averageLSWR, resultLSWR) {
-    return [
-        {
-            subject: "L",
-            A: resultLSWR.listening,
-            B: averageLSWR.listening,
-            fullMark: 100,
-            title: "Listening",
-            partIndicies: [1, 3, 4],
-        },
-        {
-            subject: "S",
-            A: resultLSWR.speaking,
-            B: averageLSWR.speaking,
-            fullMark: 100,
-            title: "Speaking",
-            partIndicies: [2],
-        },
-        {
-            subject: "R",
-            A: resultLSWR.reading,
-            B: averageLSWR.reading,
-            fullMark: 100,
-            title: "Reading",
-            partIndicies: [7, 8],
-        },
-        {
-            subject: "W",
-            A: resultLSWR.writing,
-            B: averageLSWR.writing,
-            fullMark: 100,
-            title: "Writing",
-            partIndicies: [5, 6],
-        },
-    ];
-}
-export function RadarCard({ data, theme, title, }) {
-    const cardWrapper = {
-        displays: "flex flex-col relative",
-        sizes: "w-full rounded-lg overflow-hidden",
-        backgrounds: "bg-white shadow-main",
-    };
-    const SectionWrapper = {
-        display: "flex flex-row items-center justify-center",
-        sizes: "w-full",
-    };
-    return (_jsxs("div", { className: "w-full h-fit flex flex-col-reverse md:flex-row gap-5 mt-5 print:flex-row", children: [_jsx("div", { className: cn(cardWrapper, printBoxStyles, "flex-[1]"), children: _jsx(LSWRChart, { data: prepareRadarChartData(data.average, data.result) }) }), _jsxs("div", { className: cn(cardWrapper, printBoxStyles, "flex-[1]"), children: [title && _jsx(CardTitle, { title: title, theme: theme }), _jsxs("div", { className: "flex flex-col p-5 h-full justify-center items-center", children: [_jsx("div", { className: cn(SectionWrapper), children: _jsx(RadarGraph, { data: prepareRadarChartData(data.average, data.result) }) }), _jsxs("div", { className: "w-full h-fit flex items-center justify-center gap-5", children: [_jsxs("div", { className: "flex flex-row justify-center items-center gap-2", children: [_jsx("div", { className: "rounded-full h-3 w-3 bg-green-dark" }), _jsx("div", { className: "text-green-dark text-xs", children: "My Score" })] }), _jsxs("div", { className: "flex flex-row justify-center items-center gap-2", children: [_jsx("div", { className: "rounded-full h-3 w-3 bg-crimson-burgundy" }), _jsx("div", { className: "text-crimson-burgundy text-xs", children: "Average" })] })] })] })] })] }));
-}

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

@@ -1,7 +0,0 @@
-import { Theme } from "../../interface";
-import { Result } from "../Transcript";
-export default function ResultGaugeCard({ result, theme, noAnimation, }: {
-    result: Result;
-    theme: Theme;
-    noAnimation: boolean;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../../util";
-import { printBoxStyles } from "../atom/PrintBoxStyles";
-import { CircularGauge } from "../molecule/CircularGauge";
-export default function ResultGaugeCard({ result, theme, noAnimation, }) {
-    const cardWrapper = {
-        displays: "flex flex-col self-auto flex-2 md:flex-1 overflow-hidden",
-        sizes: "w-full h-fit rounded-lg",
-        backgrounds: "bg-white shadow-main",
-        // animations: "duration-300 hover:scale-105 hover:shadow-green",
-    };
-    const cardTitle = {
-        display: "flex flex-row justify-center items-center",
-        sizes: "h-7 w-full",
-        bg: "bg-green-dark",
-        textStyles: "text-white font-medium text-sm",
-    };
-    return (_jsxs("div", { className: cn(cardWrapper, printBoxStyles), children: [_jsxs("div", { className: cn(cardTitle), children: [_jsx("div", { className: "w-full text-center h-full flex justify-center items-center", children: "\uCDE8\uB4DD \uC810\uC218" }), _jsx("div", { className: "w-0.5 h-7 bg-white" }), _jsx("div", { className: "w-full text-center h-full flex justify-center items-center", children: "\uC778\uC99D \uB4F1\uAE09" })] }), _jsxs("div", { className: "flex flex-row gap-10 p-5 w-full", children: [_jsx(CircularGauge, { score: result.score, maxScore: 100, isGrade: false, theme: theme, noAnimation: noAnimation }), _jsx(CircularGauge, { score: result.grade, maxScore: 9, isGrade: true, theme: theme, noAnimation: noAnimation })] })] }));
-}

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

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

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../../util";
-export default function ScoreCard({ data }) {
-    const cellAnimation = {
-        animations: "hover:bg-green-light/50 hover:text-green-dark duration-300",
-    };
-    return (_jsx("div", { className: "overflow-auto w-full scrollbar-hidden rounded-lg mt-5 print:border print:border-gray-medium/70 cursor-default shadow-main print:shadow-none", children: _jsxs("div", { className: "min-w-[172mm] w-full", children: [_jsxs("div", { className: "flex bg-gradient-to-r from-green-dark to-crimson-burgundy text-white font-medium text-sm", children: [_jsx("div", { className: "text-center print:static sticky left-0 bg-green-dark p-2 flex-[3] font-black", children: "\uC131\uC801\uD45C" }), _jsx("div", { className: "p-2 flex-[2] text-center", children: "\uCD1D\uC810" }), _jsx("div", { className: "p-2 flex-[2] text-center", children: "\uB0B4 \uC810\uC218" }), _jsx("div", { className: "p-2 flex-[3] text-center", children: "\uC804\uAD6D\uD3C9\uADE0" }), _jsx("div", { className: "p-2 flex-[3] text-center", children: "\uC9C0\uC5ED\uD3C9\uADE0" }), _jsx("div", { className: "p-2 flex-[3] text-center", children: "\uB3D9\uC77C\uD559\uB144" }), _jsx("div", { className: "p-2 flex-[3] text-center", children: "10% \uD3C9\uADE0" }), _jsx("div", { className: "p-2 flex-[3] text-center", children: "30% \uD3C9\uADE0" })] }), _jsxs("div", { className: "flex bg-white/60 font-medium text-sm text-gray-medium ", children: [_jsx("div", { className: "sticky left-0 bg-white/90 p-2 flex-[3] text-center text-gray-dark border-green-dark border-r-1", children: "Section1" }), _jsx("div", { className: cn("p-2 flex-[2] text-center", cellAnimation), children: data.analysis.total.section1.toFixed(1) }), _jsx("div", { className: "p-2 flex-[2] text-center text-green-dark font-bold bg-green-light", children: data.analysis.user.section1.toFixed(1) }), _jsx("div", { className: cn("p-2 flex-[3] text-center", cellAnimation), children: data.analysis.nationalAverage.section1.toFixed(2) }), _jsx("div", { className: cn("p-2 flex-[3] text-center", cellAnimation), children: data.analysis.localAverage.section1.toFixed(2) }), _jsx("div", { className: cn("p-2 flex-[3] text-center", cellAnimation), children: data.analysis.ageAverage.section1.toFixed(2) }), _jsx("div", { className: "p-2 flex-[3] text-center border-green-dark border-l-1" }), _jsx("div", { className: "p-2 flex-[3] text-center" })] }), _jsxs("div", { className: "flex bg-white/60 font-medium text-sm text-gray-medium ", children: [_jsx("div", { className: "sticky left-0 bg-white/90 p-2 flex-[3] text-center text-gray-dark border-green-dark border-r-1", children: "Section2" }), _jsx("div", { className: cn("p-2 flex-[2] text-center", cellAnimation), children: data.analysis.total.section2.toFixed(1) }), _jsx("div", { className: "p-2 flex-[2] text-center text-green-dark font-bold bg-green-light", children: data.analysis.user.section2.toFixed(1) }), _jsx("div", { className: cn("p-2 flex-[3] text-center", cellAnimation), children: data.analysis.nationalAverage.section2.toFixed(2) }), _jsx("div", { className: cn("p-2 flex-[3] text-center", cellAnimation), children: data.analysis.localAverage.section2.toFixed(2) }), _jsx("div", { className: cn("p-2 flex-[3] text-center", cellAnimation), children: data.analysis.ageAverage.section2.toFixed(2) }), _jsx("div", { className: "p-2 flex-[3] text-center border-green-dark border-l-1 font-bold", children: data.analysis["10percentageAverage"].toFixed(2) }), _jsx("div", { className: "p-2 flex-[3] text-center font-bold", children: data.analysis["30percentageAverage"].toFixed(2) })] }), _jsxs("div", { className: "flex bg-white/60 font-medium text-sm text-gray-medium ", children: [_jsx("div", { className: "sticky left-0 bg-white/90 p-2 flex-[3] text-center text-gray-dark border-green-dark border-r-1", children: "total" }), _jsx("div", { className: cn("p-2 flex-[2] text-center", cellAnimation), children: (data.analysis.total.section1 + data.analysis.total.section2).toFixed(1) }), _jsx("div", { className: "p-2 flex-[2] text-center text-green-dark font-bold bg-green-light", children: (data.analysis.user.section1 + data.analysis.user.section2).toFixed(1) }), _jsx("div", { className: cn("p-2 flex-[3] text-center", cellAnimation), children: (data.analysis.nationalAverage.section1 +
-                                data.analysis.nationalAverage.section2).toFixed(2) }), _jsx("div", { className: cn("p-2 flex-[3] text-center", cellAnimation), children: (data.analysis.localAverage.section1 +
-                                data.analysis.localAverage.section2).toFixed(2) }), _jsx("div", { className: cn("p-2 flex-[3] text-center", cellAnimation), children: (data.analysis.ageAverage.section1 +
-                                data.analysis.ageAverage.section2).toFixed(2) }), _jsx("div", { className: "p-2 flex-[3] text-center border-green-dark border-l-1" }), _jsx("div", { className: "p-2 flex-[3] text-center " })] })] }) }));
-}

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

@@ -1,8 +0,0 @@
-import { SectionType, Theme } from "../../interface";
-import { TranscriptProps } from "../Transcript";
-export declare function SectionRadarCard({ info, data, theme, section, }: {
-    info: TranscriptProps["info"];
-    data: TranscriptProps["data"];
-    theme: Theme;
-    section: SectionType;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../../util";
-import CardTitle from "../atom/CardTitle";
-import { GetPartDescriptionFromLevel } from "../atom/GetPartDescriptionFromLevel";
-import { GetPartTitleFromLevel } from "../atom/GetPartTitleFromLevel";
-import { printBoxStyles } from "../atom/PrintBoxStyles";
-import { RadarGraph } from "../molecule/RadarGraph";
-function prepareRadarChartData(resultPartPercent, averagePartPercent, section, level) {
-    const parts = ["partA", "partB", "partC", "partD"];
-    return parts
-        .map((part) => {
-        const partTitle = GetPartTitleFromLevel(level, section, part);
-        const partDescription = GetPartDescriptionFromLevel(level, section, part);
-        if (partTitle !== "Unknown") {
-            return {
-                subject: part,
-                title: partTitle,
-                A: resultPartPercent[part],
-                B: averagePartPercent[part],
-                fullMark: 1,
-                description: partDescription,
-            };
-        }
-        return null;
-    })
-        .filter((item) => item !== null); // null 값 제거
-}
-export function SectionRadarCard({ info, data, theme, section, }) {
-    const resultPartPercent = data.graph.user[section];
-    const averagePartPercent = data.graph.average.user[section];
-    const radarData = prepareRadarChartData(resultPartPercent, averagePartPercent, section, info.level);
-    const cardWrapper = {
-        displays: "flex flex-col relative",
-        sizes: "w-full rounded-lg overflow-hidden",
-        backgrounds: "bg-white shadow-main",
-    };
-    const SectionWrapper = {
-        display: "flex flex-row items-center justify-center",
-        sizes: "w-full",
-    };
-    return (_jsxs("div", { className: "w-full h-fit flex flex-col md:flex-row gap-5 mt-5 print:hidden", children: [_jsxs("div", { className: cn(cardWrapper, printBoxStyles, "flex-[1]"), children: [_jsx(CardTitle, { title: section, theme: theme }), _jsxs("div", { className: "flex flex-col p-5 h-full justify-center items-center", children: [_jsx("div", { className: cn(SectionWrapper), children: _jsx(RadarGraph, { data: radarData }) }), _jsxs("div", { className: "w-full h-fit flex items-center justify-center gap-5", children: [_jsxs("div", { className: "flex flex-row justify-center items-center gap-2", children: [_jsx("div", { className: "rounded-full h-3 w-3 bg-green-dark" }), _jsx("div", { className: "text-green-dark text-xs", children: "My Score" })] }), _jsxs("div", { className: "flex flex-row justify-center items-center gap-2", children: [_jsx("div", { className: "rounded-full h-3 w-3 bg-crimson-burgundy" }), _jsx("div", { className: "text-crimson-burgundy text-xs", children: "Average" })] })] })] })] }), _jsxs("div", { className: cn(cardWrapper, printBoxStyles, "flex-[1]"), children: [_jsx(CardTitle, { title: "description", theme: "green" }), _jsx("div", { className: "flex flex-col gap-5 p-5", children: radarData.map((item) => (_jsxs("div", { children: [_jsxs("div", { className: "flex flex-row gap-2 font-bold text-sm text-green-dark", children: [_jsx("div", { children: item.subject + "." }), _jsx("div", { children: item.title })] }), _jsx("div", { className: "text-xs", children: item.description })] }, item.subject))) })] })] }));
-}

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

@@ -1,11 +0,0 @@
-import Layout from "./Layout";
-declare const Transcript: {
-    Layout: typeof Layout;
-    Paper: import("react").ForwardRefExoticComponent<{
-        props: import("./design/Transcript").TranscriptProps;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    AdvancePaper: import("react").ForwardRefExoticComponent<{
-        props: import("./design/Transcript").TranscriptAdvancedProps;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-};
-export default Transcript;

package/layout/template/Transcript/index.js

@@ -1,9 +0,0 @@
-import Paper from "./design/Transcript.design";
-import AdvancePaper from "./design/TranscriptAdvanced.design";
-import Layout from "./Layout";
-const Transcript = {
-    Layout,
-    Paper,
-    AdvancePaper,
-};
-export default Transcript;

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

@@ -1,50 +0,0 @@
-export type Theme = "green" | "red";
-export type ScoreName = "Average" | "Your Score";
-export type SectionType = "section1" | "section2";
-export interface MultipleIntelligence {
-    musical: number;
-    bodilyKinesthetic: number;
-    logicalMathematical: number;
-    linguistic: number;
-    spatial: number;
-    interpersonal: number;
-    naturalist: number;
-    intrapersonal: number;
-}
-export interface SectionBarProps {
-    title: string;
-    score: number;
-    subScore?: number;
-    total: number;
-    scale?: number;
-    script: string | string[];
-    subScripts?: string[];
-}
-export interface Score {
-    part1: number;
-    part2: number;
-    part3: number;
-    part4: number;
-    part5: number;
-    part6: number;
-    part7: number;
-    part8: number;
-}
-export interface LSWRPercent {
-    listening: number;
-    speaking: number;
-    writing: number;
-    reading: number;
-}
-export interface PartPercent {
-    partA: number;
-    partB: number;
-    partC: number;
-    partD: number;
-}
-export interface partText {
-    partA: string;
-    partB: string;
-    partC: string;
-    partD?: string;
-}

package/layout/template/Transcript/interface.js

@@ -1 +0,0 @@
-export {};