@edu-tosel/design 1.0.202 → 1.0.203

package/interaction/index.d.ts

@@ -1,3 +1,4 @@
 export { default as Loading } from "./template/Loading";
 export { default as NoData } from "./template/NoData";
 export { default as Lock } from "./template/Lock";
+export { default as ErrorPage } from "./template/ErrorPage";

package/interaction/index.js

@@ -1,3 +1,4 @@
 export { default as Loading } from "./template/Loading";
 export { default as NoData } from "./template/NoData";
 export { default as Lock } from "./template/Lock";
+export { default as ErrorPage } from "./template/ErrorPage";

package/interaction/template/ErrorPage.d.ts

@@ -0,0 +1,6 @@
+interface ErrorPageProps {
+    message: string | string[];
+    statusCode: number;
+}
+export default function ErrorPage({ message, statusCode }: ErrorPageProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/interaction/template/ErrorPage.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LineBreaks } from "../../text";
+export default function ErrorPage({ message, statusCode }) {
+    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 }), _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: "https://resource.tosel.co.kr/images/img-character-cocoon-main-new.png", alt: "", className: "size-40 md:size-80 z-10 hover:scale-105 duration-300" }) })] }), _jsx("div", { className: "w-full text-center text-base font-medium text-gray-dark", children: _jsx("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: "\uC774\uC804 \uD398\uC774\uC9C0\uB85C \uB3CC\uC544\uAC00\uAE30" }) })] }) }));
+}

package/layout/index.d.ts

@@ -23,4 +23,3 @@ export { default as LegacyLayout } from "./template/Legacy/Legacy.layout";
 export { default as MonthlyProgressReport } from "./template/MonthlyProgressReport";
 export { default as Transcript } from "./template/Transcript";
 export { default as Ticket } from "./template/Ticket";
-export { default as Error } from "./template/Error";

package/layout/index.js

@@ -23,4 +23,3 @@ export { default as LegacyLayout } from "./template/Legacy/Legacy.layout";
 export { default as MonthlyProgressReport } from "./template/MonthlyProgressReport";
 export { default as Transcript } from "./template/Transcript";
 export { default as Ticket } from "./template/Ticket";
-export { default as Error } from "./template/Error";

package/layout/template/Ticket/molecule/TableButtons.molecule.d.ts

@@ -1,4 +1,4 @@
-import { OnClick } from "@edu-tosel/design/interface";
+import { OnClick } from "../../../../interface";
 export default function TableButtonsMolecule({ printAll, printOne, downloadExcel, }: {
     printAll: OnClick;
     printOne: OnClick;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LineBreaks } from "@edu-tosel/design";
 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",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.202",
+  "version": "1.0.203",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",
@@ -14,7 +14,6 @@
   "type": "module",
   "scripts": {},
   "dependencies": {
-    "@edu-tosel/design": "^1.0.153",
     "@gsap/react": "^2.1.1",
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.1",

package/version.txt

@@ -1 +1 @@
-1.0.202
+1.0.203

package/layout/template/Error/Error404.d.ts

@@ -1 +0,0 @@
-export default function Error404(): import("react/jsx-runtime").JSX.Element;

package/layout/template/Error/Error404.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function Error404() {
-    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" }) }) }), _jsxs("div", { className: "w-full text-center text-sm md:text-base font-medium text-gray-dark", children: ["\uC694\uCCAD\uD558\uC2E0 \uD398\uC774\uC9C0\uB97C \uCC3E\uC744 \uC218\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4. ", _jsx("br", {}), "\uC8FC\uC18C\uB97C \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694."] }), _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: "404" }) }), _jsx("div", { className: "absolute flex justify-center items-center left-0 top-0 w-full h-full overflow-visible", children: _jsx("img", { src: "https://resource.tosel.co.kr/images/img-character-cocoon-main-new.png", alt: "", className: "size-40 md:size-80 z-10 hover:scale-105 duration-300" }) })] }), _jsx("div", { className: "w-full text-center text-base font-medium text-gray-dark", children: _jsx("button", { 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: "\uC774\uC804 \uD398\uC774\uC9C0\uB85C \uB3CC\uC544\uAC00\uAE30" }) })] }) }));
-}

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

@@ -1,5 +0,0 @@
-import Error404 from "./Error404";
-declare const Error: {
-    Error404: typeof Error404;
-};
-export default Error;

package/layout/template/Error/index.js

@@ -1,5 +0,0 @@
-import Error404 from "./Error404";
-const Error = {
-    Error404,
-};
-export default Error;