@edu-tosel/design 1.0.57 → 1.0.59

package/modal/template/Confirm/Alert.d.ts

@@ -0,0 +1,9 @@
+import { Scripts } from "../../../interface";
+import { ConfirmModalProps } from "../../../interface/Modal";
+interface AlertProps extends Omit<ConfirmModalProps, "children"> {
+    scripts: Scripts & {
+        alert?: string;
+    };
+}
+export type { AlertProps };
+export default function Alert(props: AlertProps): import("react/jsx-runtime").JSX.Element;

package/modal/template/Confirm/Alert.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LineBreaks } from "../../../text";
+import { cn } from "../../../util";
+import ConfirmModalDesign from "../../design/ConfirmModal.design";
+export default function Alert(props) {
+    const container = {
+        displays: "flex flex-col gap-3 justify-center items-center",
+        margins: "mt-2.5",
+        sizes: "w-full h-60",
+    };
+    return (_jsx(ConfirmModalDesign, { ...props, children: _jsxs("div", { className: cn(container), children: [_jsx("div", { className: "leading-none text-xl font-pretendard-bold", children: props.scripts.script }), _jsx(LineBreaks, { className: "text-center", texts: props.scripts.subscript }), _jsx("div", { className: "leading-none font-pretendard-bold text-crimson-burgundy", children: props.scripts.alert })] }), options: {
+            width: "md",
+            height: "lg",
+        } }));
+}

package/modal/template/Confirm/Confirm.d.ts

@@ -1,9 +1,2 @@
-import { Scripts } from "../../../interface";
 import { ConfirmModalProps } from "../../../interface/Modal";
-interface ConfirmProps extends Omit<ConfirmModalProps, "children"> {
-    scripts: Scripts & {
-        alert?: string;
-    };
-}
-export type { ConfirmProps };
-export default function Confirm(props: ConfirmProps): import("react/jsx-runtime").JSX.Element;
+export default function Confirm(props: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;

package/modal/template/Confirm/Confirm.js

@@ -1,14 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LineBreaks } from "../../../text";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../../util";
 import ConfirmModalDesign from "../../design/ConfirmModal.design";
 export default function Confirm(props) {
     const container = {
-        displays: "flex flex-col gap-3 justify-center items-center",
+        displays: "flex flex-col",
         margins: "mt-2.5",
         sizes: "w-full h-60",
     };
-    return (_jsx(ConfirmModalDesign, { ...props, children: _jsxs("div", { className: cn(container), children: [_jsx("div", { className: "leading-none text-xl font-pretendard-bold", children: props.scripts.script }), _jsx(LineBreaks, { className: "text-center", texts: props.scripts.subscript }), _jsx("div", { className: "leading-none font-pretendard-bold text-crimson-burgundy", children: props.scripts.alert })] }), options: {
+    return (_jsx(ConfirmModalDesign, { ...props, children: _jsx("div", { className: cn(container), children: props.children }), options: {
             width: "md",
             height: "lg",
         } }));

package/modal/template/Confirm/index.d.ts

@@ -1,6 +1,7 @@
-import { ConfirmProps } from "./Confirm";
-declare function ConfirmModal(props: ConfirmProps): import("react/jsx-runtime").JSX.Element;
+import { ConfirmModalProps } from "../../../interface/Modal";
+declare function ConfirmModal(props: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ConfirmModal {
+    var Alert: typeof import("./Alert").default;
     var Input: typeof import("./Input").default;
     var Reimage: typeof import("./Reimage").default;
     var Switch: typeof import("./Switch").default;

package/modal/template/Confirm/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Confirm from "./Confirm";
+import Alert from "./Alert";
 import Input from "./Input";
 import Reimage from "./Reimage";
 import Tag from "./Tag";
@@ -7,6 +8,7 @@ import Switch from "./Switch";
 function ConfirmModal(props) {
     return _jsx(Confirm, { ...props });
 }
+ConfirmModal.Alert = Alert;
 ConfirmModal.Input = Input;
 ConfirmModal.Reimage = Reimage;
 ConfirmModal.Switch = Switch;

package/package.json

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

package/text/LineBreaks.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export function LineBreaks({ texts, className, }) {
-    return (_jsx("div", { className: className, children: typeof texts === "string"
-            ? texts
-            : texts?.map((text, index) => (_jsx("div", { className: "leading-tight", children: text }, index))) }));
+    const strings = typeof texts === "string"
+        ? texts.split("\n")
+        : texts?.map((text) => text.split("\n")).flat();
+    return (_jsx("div", { className: className, children: strings?.map((text, index) => (_jsx("div", { className: "leading-tight", children: text.length > 0 ? text : "\u00a0" }, index))) }));
 }

package/version.txt

@@ -1 +1 @@
-1.0.57
+1.0.59