@edu-tosel/design 1.0.223 → 1.0.224

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

@@ -11,6 +11,7 @@ import { MIChart } from "./molecule/MIChart";
 import { IntelligenceCard } from "./organism/IntelligenceCard";
 import { SectionRadarCard } from "./organism/SectionRadarCard";
 import { NationalPositionCard } from "./organism/NationalPositionCard";
+import IdCard from "./organism/IdCard.organism";
 export const EXAM_TYPE = {
     REG: "REG",
     CMP: "CMP",
@@ -41,7 +42,7 @@ function TranscriptDesign({ props }, ref) {
         spacings: "px-5 py-2",
         backgrounds: "bg-gradient-to-r from-crimson-burgundy to-green-dark",
     };
-    return (_jsxs("div", { ref: ref, className: cn(container), children: [_jsxs("div", { className: cn(headerBox), children: [_jsx("img", { src: "images/logos/logo-tosel-white.svg", alt: "", className: "h-10" }), _jsxs("div", { className: "text-white font-bold text-base", children: [getStringfromType(info.examType), " \uC131\uC801\uD45C"] })] }), _jsx(NationalPositionCard, { result: result }), _jsxs("div", { className: "flex flex-col gap-5 xs:flex-row mt-5 items-stretch", children: [_jsx(ResultGaugeCard, { result: result, theme: "green" }), _jsx(HonorCard, { result: result })] }), _jsx(PerformanceCard, { data: data, info: info }), _jsx(ScoreCard, { data: data }), _jsx(BarCardRow, { section1: section1Data, section2: section2Data, theme: "green" }), _jsx(SectionRadarCard, { data: data, section: "section1", info: info, theme: "red" }), _jsx(SectionRadarCard, { data: data, section: "section2", info: info, theme: "red" }), _jsx(IntelligenceCard, { data: data.multipleIntelligence, theme: "green" }), _jsx(MIChart, {})] }));
+    return (_jsxs("div", { ref: ref, className: cn(container), children: [_jsxs("div", { className: cn(headerBox), children: [_jsx("img", { src: "images/logos/logo-tosel-white.svg", alt: "", className: "h-10" }), _jsxs("div", { className: "text-white font-bold text-base", children: [getStringfromType(info.examType), " \uC131\uC801\uD45C"] })] }), _jsx(IdCard, { info: info }), _jsx(NationalPositionCard, { result: result }), _jsxs("div", { className: "flex flex-col gap-5 xs:flex-row mt-5 items-stretch", children: [_jsx(ResultGaugeCard, { result: result, theme: "green" }), _jsx(HonorCard, { result: result })] }), _jsx(PerformanceCard, { data: data, info: info }), _jsx(ScoreCard, { data: data }), _jsx(BarCardRow, { section1: section1Data, section2: section2Data, theme: "green" }), _jsx(SectionRadarCard, { data: data, section: "section1", info: info, theme: "red" }), _jsx(SectionRadarCard, { data: data, section: "section2", info: info, theme: "red" }), _jsx(IntelligenceCard, { data: data.multipleIntelligence, theme: "green" }), _jsx(MIChart, {})] }));
 }
 export default forwardRef(TranscriptDesign);
 function SectionBarGraphProps(title, score, total, script, subScripts, scale, subScore) {

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.organism";
+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/IdCard.organism.d.ts

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

package/layout/template/Transcript/design/organism/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 function IdCard({ info }) {
+export default function IdCard({ info }) {
     const [isExpanded, setIsExpanded] = useState(false);
     const togglecard = () => setIsExpanded(!isExpanded);
     //반응형 info 카드 height 문제로 눌러서 자세히 보기 차후 구현 예정

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.223
+1.0.224