@edu-tosel/design 1.0.209 → 1.0.211

package/layout/template/Event/One.js

@@ -48,5 +48,5 @@ export default function One({ event }) {
             : event.button?.title;
     return (_jsxs("div", { className: "flex flex-col mmd:flex-row", children: [_jsx("div", { className: "min-w-[320px] h-auto p-5 mmd:sticky mmd:top-20 mmd:self-start", children: _jsxs("div", { className: "w-full h-auto rounded-xl sm:flex mmd:flex-col", children: [_jsx("div", { className: "w-full mmd:h-50 overflow-hidden", children: _jsx("img", { src: event.thumbnail, alt: event.title, className: "rounded-xl h-full object-cover w-full" }) }), _jsxs("div", { className: "w-full h-auto pt-5 sm:p-5 mmd:p-0 mmd:pt-5 gap-3 flex flex-col", children: [_jsx("div", { className: "flex items-center", children: _jsx(StatusText, { event: event }) }), _jsx("div", { className: "text-sm font-bold text-gray-dark flex flex-col items-start mb-2", children: lines.map((line, index) => (_jsxs("span", { children: [line, _jsx("br", {})] }, index))) }), event.button && (_jsx("div", { className: cn(button), onClick: () => {
                                         event.button?.onClick && event.button.onClick();
-                                    }, children: buttonText }))] })] }, event.id) }), _jsxs("div", { className: "flex-grow p-5", children: [_jsx("div", { className: "w-full rounded-xl object-cover overflow-hidden max-w-[810px]", children: isHTMLString(event.content) ? (_jsx("div", { dangerouslySetInnerHTML: { __html: event.content } })) : (_jsx("div", { children: event.content })) }), _jsx("button", { onClick: () => history.back(), className: "mt-8 p-5 bg-green-dark/5 text-green-dark rounded-xl flex items-center justify-center hover:bg-green-dark/20 transition-all", children: "\uBAA9\uB85D\uC73C\uB85C \uB3CC\uC544\uAC00\uAE30" })] })] }));
+                                    }, children: buttonText }))] })] }, event.id) }), isHTMLString(event.content) ? (_jsx("div", { dangerouslySetInnerHTML: { __html: event.content } })) : (_jsx("div", { children: event.content })), _jsx("button", { onClick: () => history.back(), className: "mt-8 p-5 bg-green-dark/5 text-green-dark rounded-xl flex items-center justify-center hover:bg-green-dark/20 transition-all", children: "\uBAA9\uB85D\uC73C\uB85C \uB3CC\uC544\uAC00\uAE30" })] }));
 }

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createRecord } from "@edu-tosel/utils";
 const partDescription = [
     {
         number: 1,
@@ -34,11 +33,11 @@ const partDescription = [
         description: "Evaluates the ability to recognize topics and implications in various reading materials and select the best answers to questions about them.",
     },
 ];
-const partDescriptionRecord = createRecord(partDescription, "number");
+// const partDescriptionRecord = createRecord(partDescription, "number");
 export function LSWRChart({ data }) {
     return (_jsx("div", { className: "w-full h-full flex flex-col", children: data.map(({ partIndicies, subject, A, B }) => {
-            return (_jsxs("div", { className: "flex w-full h-full even:bg-white odd:bg-gray-light", children: [_jsx("div", { className: "p-2 font-bold bg-crimson-burgundy text-white w-10 shrink-0 text-center", children: subject }), _jsxs("div", { className: "w-16 shrink-0 flex flex-col justify-center items-center p-2 text-center leading-tight", children: [_jsxs("div", { className: "text-green-dark font-bold text-base", children: [A, "%"] }), _jsxs("div", { className: "text-crimson-burgundy font-medium text-xs leading-none", children: [B, "%"] })] }), _jsx("div", { className: "flex flex-col justify-center", children: partIndicies.map((partIndex) => {
-                            return (_jsxs("div", { className: "text-[10px] leading-tight p-1 ", children: [_jsxs("span", { className: "font-bold", children: ["part ", partDescriptionRecord[partIndex].number, ":", " "] }), partDescriptionRecord[partIndex].description] }));
+            return (_jsxs("div", { className: "flex w-full h-full even:bg-white odd:bg-gray-light", children: [_jsx("div", { className: "p-2 font-bold bg-crimson-burgundy text-white w-10 shrink-0 text-center", children: subject }), _jsxs("div", { className: "w-16 shrink-0 flex flex-col justify-center items-center p-2 text-center leading-tight", children: [_jsxs("div", { className: "text-green-dark font-bold text-base", children: [A, "%"] }), _jsxs("div", { className: "text-crimson-burgundy font-medium text-xs leading-none", children: [B, "%"] })] }), _jsx("div", { className: "flex flex-col justify-center", children: partIndicies.map(() => {
+                            return (_jsx("div", { className: "text-[10px] leading-tight p-1 ", children: _jsx("span", { className: "font-bold" }) }));
                         }) })] }));
         }) }));
 }

package/package.json

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

package/tailwind.config.ts

@@ -677,11 +677,11 @@ export default {
             "-ms-overflow-style": "none", // For Internet Explorer and Edge
             "scrollbar-width": "none", // For Firefox
           },
-          ".page-break": {
-            "@media print": {
-              "page-break-before": "always",
-            },
-          },
+          // ".page-break": {
+          //   "@media print": {
+          //     "page-break-before": "always",
+          //   },
+          // },
         },
         {
           respectPrefix: false,

package/version.txt

@@ -1 +1 @@
-1.0.209
+1.0.211