@edu-tosel/design 1.0.256 → 1.0.257

package/card/template/InfoCard/Exam.d.ts

@@ -4,7 +4,7 @@ interface Data {
     examDate: string;
     endDate: string;
     manager: string;
-    isPublic: boolean;
+    isPublic?: boolean;
 }
 export interface ExamProps extends Omit<InfoCardProps, "children"> {
     data: Data;

package/card/template/InfoCard/Exam.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Label } from "../../../widget";
 import { cn } from "../../../util";
 import { InfoCardDesign } from "../../design/InfoCard.design";
@@ -15,11 +15,21 @@ export default function Exam({ titles, data, option }) {
             titleBorder: titleBorder ?? "border-red-crimson",
             width: "sm",
             height: "xs",
-        }, children: _jsxs(_Fragment, { children: [_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: "flex gap-4 font-pretendard-bold ", children: [manager, " / ", isPublic ? "공개시험" : "비공개시험"] }), _jsxs("div", { children: [_jsxs("div", { className: "text-xs", children: ["\uC811\uC218\uB9C8\uAC10: ", endDate] }), _jsxs("div", { className: "text-xs", children: ["\uC2DC\uD5D8\uC77C: ", examDate] })] })] }), _jsx(Label.Button, { title: button.title, hoverTitle: button.hoverTitle, onClick: button.onClick, option: {
+        }, children: _jsxs(_Fragment, { children: [_jsxs("div", { className: cn(container), children: [_jsx("div", { className: "flex gap-4 font-pretendard-bold ", children: [
+                                manager,
+                                typeof isPublic !== "undefined"
+                                    ? isPublic
+                                        ? "공개시험"
+                                        : "비공개시험"
+                                    : undefined,
+                            ]
+                                .filter(Boolean)
+                                .join(" / ") }), _jsxs("div", { children: [_jsxs("div", { className: "text-xs", children: ["\uC811\uC218\uB9C8\uAC10: ", endDate] }), _jsxs("div", { className: "text-xs", children: ["\uC2DC\uD5D8\uC77C: ", examDate] })] })] }), _jsx(Label.Button, { title: button.title, hoverTitle: button.hoverTitle, onClick: button.onClick, option: {
                         width: "sm",
                         height: "xs",
                         className: cn(label),
                         text: "text-white hover:text-crimson-burgundy",
                         background: "bg-crimson-burgundy hover:bg-gray-light",
+                        ...button.option,
                     } })] }) }));
 }

package/card/template/InfoCard/Grade.d.ts

@@ -11,5 +11,5 @@ interface Data {
 export interface GradeProps extends Omit<InfoCardProps, "children"> {
     data: Partial<Data>;
 }
-export default function Grade({ titles, image, data }: GradeProps): import("react/jsx-runtime").JSX.Element;
+export default function Grade({ titles, image, data, buttons }: GradeProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/card/template/InfoCard/Grade.js

@@ -1,7 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Label } from "../../../widget";
 import { cn } from "../../../util";
 import { InfoCardDesign } from "../../design/InfoCard.design";
-export default function Grade({ titles, image, data }) {
+import { label } from "./static/label";
+export default function Grade({ titles, image, data, buttons }) {
+    const [button] = buttons ?? [];
     const container = {
         positions: "relative",
         displays: "flex flex-col justify-between mt-2.5",
@@ -17,5 +20,12 @@ export default function Grade({ titles, image, data }) {
             titleBorder: "border-blue-navy",
             width: "sm",
             height: "xs",
-        }, children: _jsx(_Fragment, { children: _jsxs("div", { className: cn(container), children: [_jsxs("div", { className: "flex items-center gap-5", children: [_jsx("div", { className: cn(levelBox), children: data.levelString }), _jsxs("span", { className: "text-sm", children: [data.position, ", ", data.age, "\uC138"] })] }), _jsxs("div", { className: "absolute bottom-0 left-0 flex items-end gap-8 text-blue-navy", children: [_jsxs("div", { className: "w-24 h-12 flex justify-center items-end", children: [_jsx("div", { className: "leading-none text-4xl font-pretendard-bold", children: data.score }), _jsx("div", { children: "\uC810" })] }), _jsxs("div", { className: "w-14 h-12 flex justify-end items-end", children: [_jsx("div", { className: "leading-none text-4xl font-pretendard-bold", children: data.grade }), _jsx("div", { children: "\uB4F1\uAE09" })] })] })] }) }) }));
+        }, children: _jsxs(_Fragment, { children: [_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: "flex items-center gap-5", children: [_jsx("div", { className: cn(levelBox), children: data.levelString }), _jsxs("span", { className: "text-sm", children: [data.position, ", ", data.age, "\uC138"] })] }), _jsxs("div", { className: "absolute bottom-0 left-0 flex items-end gap-8 text-blue-navy", children: [_jsxs("div", { className: "w-24 h-12 flex justify-center items-end", children: [_jsx("div", { className: "leading-none text-4xl font-pretendard-bold", children: data.score }), _jsx("div", { children: "\uC810" })] }), _jsxs("div", { className: "w-14 h-12 flex justify-end items-end", children: [_jsx("div", { className: "leading-none text-4xl font-pretendard-bold", children: data.grade }), _jsx("div", { children: "\uB4F1\uAE09" })] })] })] }), button && (_jsx(Label.Button, { title: button.title, onClick: button.onClick, option: {
+                        width: "sm",
+                        height: "xs",
+                        text: "text-white hover:text-blue-navy",
+                        background: "bg-blue-navy hover:bg-gray-light",
+                        className: cn(label),
+                        ...button.option,
+                    } }))] }) }));
 }

package/interaction/template/ErrorPage.js

@@ -2,5 +2,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import urlAsset from "../../asset/url";
 import { LineBreaks } from "../../text";
 export default function ErrorPage({ message, statusCode, buttons, }) {
-    return (_jsx("div", { className: "flex justify-center items-center w-full h-screen", children: _jsxs("div", { className: "flex flex-col justify-center items-center", children: [_jsx("div", { className: "w-full h-fit flex justify-center items-center mb-5 text-green-dark", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "md:size-10 size-6", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" }) }) }), _jsx(LineBreaks, { texts: message, className: "w-full text-center text-sm md:text-base font-medium text-gray-dark" }), _jsxs("div", { className: "relative flex justify-center items-center md:size-80 size-40", children: [_jsx("div", { className: "absolute flex justify-center items-center left-0 top-0 w-full h-full overflow-visible", children: _jsx("div", { className: "font-medium md:text-[200px] text-[100px] text-green-dark", children: statusCode }) }), _jsx("div", { className: "absolute flex justify-center items-center left-0 top-0 w-full h-full overflow-visible", children: _jsx("img", { src: urlAsset.resource("/images/img-character-cocoon-main-new.png"), alt: "", className: "size-40 md:size-80 z-10 hover:scale-105 duration-300" }) })] }), _jsx("div", { className: "flex w-full justify-center gap-x-3.5", children: buttons?.map((button) => (_jsx("div", { className: "w-full text-center text-base font-medium text-gray-dark", children: _jsx("button", { onClick: () => button?.onClick ? button.onClick() : window.history.back(), className: "font-medium text-green-dark w-fit h-fit bg-green-light px-4 py-3 rounded-lg hover:shadow-green duration-300 text-sm hover:bg-white", children: button?.title ?? "이전 페이지로 돌아가기" }, button.title) }))) })] }) }));
+    return (_jsx("div", { className: "flex justify-center items-center w-full h-screen", children: _jsxs("div", { className: "flex flex-col justify-center items-center", children: [_jsx("div", { className: "w-full h-fit flex justify-center items-center mb-5 text-green-dark", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "md:size-10 size-6", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" }) }) }), _jsx(LineBreaks, { texts: message, className: "w-full text-center text-sm md:text-base font-medium text-gray-dark" }), _jsxs("div", { className: "relative flex justify-center items-center md:size-80 size-40", children: [_jsx("div", { className: "absolute flex justify-center items-center left-0 top-0 w-full h-full overflow-visible", children: _jsx("div", { className: "font-medium md:text-[200px] text-[100px] text-green-dark", children: statusCode }) }), _jsx("div", { className: "absolute flex justify-center items-center left-0 top-0 w-full h-full overflow-visible", children: _jsx("img", { src: urlAsset.resource("/images/img-character-cocoon-main-new.png"), alt: "", className: "size-40 md:size-80 z-10 hover:scale-105 duration-300" }) })] }), _jsx("div", { className: "flex flex-col gap-5 w-full justify-center gap-x-3.5", children: buttons?.map((button) => (_jsx("div", { className: "w-full text-center text-base font-medium text-gray-dark", children: _jsx("button", { onClick: () => button?.onClick ? button.onClick() : window.history.back(), className: "font-medium text-green-dark w-fit h-fit bg-green-light px-4 py-3 rounded-lg hover:shadow-green duration-300 text-sm hover:bg-white", children: button?.title ?? "이전 페이지로 돌아가기" }, button.title) }))) })] }) }));
 }

package/interface/Card.d.ts

@@ -91,6 +91,7 @@ export interface InfoCardProps extends CardProps {
     titles: Titles;
     topRight?: ReactNode;
     button?: Button;
+    buttons?: Button[];
     image?: string;
     option?: {
         titleBorder?: string;

package/interface/widget/index.d.ts

@@ -24,6 +24,7 @@ export interface Widget {
         disabled?: Disabled;
         boundary?: string;
         isDark?: boolean;
+        styles?: string;
     };
 }
 export interface LabelWidget extends Widget {

package/layout/template/MonthlyProgressReport/Report.d.ts

@@ -1,17 +1,18 @@
+type Score = number | null;
 export interface Result {
-    createdTimeStamp: number;
-    updatedTimeStamp: number;
+    createdTimestamp: number;
+    updatedTimestamp: number;
     academyId: number;
     etc: null;
     report: {
-        section1Part1: number;
-        section1Part2: number;
-        section1Part3: number;
-        section1Part4: null;
-        section2Part1: number;
-        section2Part2: number;
-        section2Part3: number;
-        section2Part4: null;
+        section1Part1: Score;
+        section1Part2: Score;
+        section1Part3: Score;
+        section1Part4: Score;
+        section2Part1: Score;
+        section2Part2: Score;
+        section2Part3: Score;
+        section2Part4: Score;
     };
     id: number;
     setId: number;

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.256
+1.0.257

package/widget/design/Label.design.js

@@ -21,10 +21,11 @@ const heightSize = {
 };
 export default function LabelDesign({ title, onClick, disabled, option, hoverState, }) {
     const [hover, setHover] = hoverState ?? [false, () => { }];
-    const { width, height, text, background, className, boundary } = option ?? {};
+    const { width, height, text, background, className, boundary, styles } = option ?? {};
     const container = {
         positions: className ?? "relative",
         sizes: `${widthSize[width ?? "sm"]} ${heightSize[height ?? "xs"]}`,
+        styles,
     };
     const body = {
         positions: "relative z-10",

package/widget/template/Label.js

@@ -11,6 +11,7 @@ function Button({ title, hoverTitle, onClick, disabled, option, }) {
             ...option,
             width: option?.width ?? "md",
             height: option?.height ?? "sm",
+            styles: "cursor-pointer",
         } }));
 }
 Label.Button = Button;