@team-monolith/cds 1.130.0-alpha.4 → 1.130.0-alpha.6

package/dist/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SettingForm/SettingForm.js

@@ -2,22 +2,22 @@ import { shadows as e } from "../../../../../../foundation/shadows.js";
 import { stdin_default as t } from "../../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/Editor/list-radio.js";
 import { stdin_default as n } from "../../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/add-fill.js";
 import { stdin_default as r } from "../../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/alarm-warning-fill.js";
-import { Button as i } from "../../../../../../components/Button.js";
-import { getTexts as a } from "../../../../../../texts.js";
-import { FormSelection as o } from "./FormSelection.js";
-import { FormAllowMultipleAnswers as s } from "./FormAllowMultipleAnswers.js";
-import { $isSheetSelectNode as c } from "../../SheetSelectNode.js";
-import { css as l } from "@emotion/react";
-import u from "@emotion/styled";
-import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
-import { uid as p } from "uid";
-import { useTranslation as m } from "react-i18next";
+import { useTranslation as i } from "../../../../../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { Button as a } from "../../../../../../components/Button.js";
+import { getTexts as o } from "../../../../../../texts.js";
+import { FormSelection as s } from "./FormSelection.js";
+import { FormAllowMultipleAnswers as c } from "./FormAllowMultipleAnswers.js";
+import { $isSheetSelectNode as l } from "../../SheetSelectNode.js";
+import { css as u } from "@emotion/react";
+import d from "@emotion/styled";
+import { jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
+import { uid as m } from "uid";
 import { $getNodeByKey as h } from "lexical";
 import { useLexicalComposerContext as g } from "@lexical/react/LexicalComposerContext";
 import { useFieldArray as _, useForm as v } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SettingForm/SettingForm.tsx
 function y(e) {
-	let { data: u, nodeKey: y, onClose: k } = e, { selections: A, allowMultipleAnswers: j } = u, [M] = g(), { t: N } = m(), { control: P, handleSubmit: F, watch: I } = v({
+	let { data: d, nodeKey: y, onClose: k } = e, { selections: A, allowMultipleAnswers: j } = d, [M] = g(), { t: N } = i(), { control: P, handleSubmit: F, watch: I } = v({
 		mode: "all",
 		defaultValues: {
 			selections: A,
@@ -30,24 +30,24 @@ function y(e) {
 	}), B = (e) => {
 		M.update(() => {
 			let t = h(y);
-			c(t) && (t.setSelections(e.selections), t.setAllowMultipleAnswers(e.allowMultipleAnswers));
+			l(t) && (t.setSelections(e.selections), t.setAllowMultipleAnswers(e.allowMultipleAnswers));
 		}), k();
 	};
 	function V(e) {
-		return e.image || e.text ? !0 : a(N, "errorRequiredField");
+		return e.image || e.text ? !0 : o(N, "errorRequiredField");
 	}
 	function H(e, t) {
 		let n = t.selections.map((e) => e.show).flatMap((t, n) => t.text === e.text && t.image?.src === e.image?.src ? [n] : []);
-		return n.length < 2 ? !0 : a(N, "errorDuplicateChoice")(n.map((e) => e + 1).join(","));
+		return n.length < 2 ? !0 : o(N, "errorDuplicateChoice")(n.map((e) => e + 1).join(","));
 	}
-	return /* @__PURE__ */ f(b, {
+	return /* @__PURE__ */ p(b, {
 		onSubmit: F(B),
 		children: [
-			/* @__PURE__ */ f(x, { children: [/* @__PURE__ */ d(t, { css: l`
+			/* @__PURE__ */ p(x, { children: [/* @__PURE__ */ f(t, { css: u`
             width: 12px;
             height: 12px;
           ` }), N("선택형 입력 칸", { context: "렉시컬 도구 설정창" })] }),
-			/* @__PURE__ */ f(S, { children: [/* @__PURE__ */ f(C, { children: [/* @__PURE__ */ f(T, { children: [/* @__PURE__ */ d(E, { children: N("선택지") }), L.map((e, t) => /* @__PURE__ */ d(o, {
+			/* @__PURE__ */ p(S, { children: [/* @__PURE__ */ p(C, { children: [/* @__PURE__ */ p(T, { children: [/* @__PURE__ */ f(E, { children: N("선택지") }), L.map((e, t) => /* @__PURE__ */ f(s, {
 				index: t,
 				control: P,
 				rules: { validate: {
@@ -57,32 +57,32 @@ function y(e) {
 				onDelete: t === 0 ? void 0 : () => {
 					z(t);
 				}
-			}, e.uid))] }), /* @__PURE__ */ d(i, {
+			}, e.uid))] }), /* @__PURE__ */ f(a, {
 				color: "grey",
 				size: "small",
-				startIcon: /* @__PURE__ */ d(n, {}),
-				label: L.length < 9 ? N("선택지 추가", { context: "버튼, 렉시컬 도구 설정창" }) : a(N, "errorMaxChoicesExceeded"),
+				startIcon: /* @__PURE__ */ f(n, {}),
+				label: L.length < 9 ? N("선택지 추가", { context: "버튼, 렉시컬 도구 설정창" }) : o(N, "errorMaxChoicesExceeded"),
 				onClick: () => {
 					L.length >= 9 || R({
 						show: {
 							image: null,
 							text: ""
 						},
-						value: p()
+						value: m()
 					});
 				},
 				disabled: L.length >= 9
-			})] }), /* @__PURE__ */ f(w, { children: [/* @__PURE__ */ f(T, { children: [/* @__PURE__ */ d(E, { children: N("다중 선택 허용 여부") }), /* @__PURE__ */ d(s, { control: P })] }), I("allowMultipleAnswers") && /* @__PURE__ */ f(O, { children: [/* @__PURE__ */ d(r, { css: l`
+			})] }), /* @__PURE__ */ p(w, { children: [/* @__PURE__ */ p(T, { children: [/* @__PURE__ */ f(E, { children: N("다중 선택 허용 여부") }), /* @__PURE__ */ f(c, { control: P })] }), I("allowMultipleAnswers") && /* @__PURE__ */ p(O, { children: [/* @__PURE__ */ f(r, { css: u`
                   min-width: 14px;
                   width: 14px;
                   height: 14px;
                 ` }), N("다중 선택을 허용한 문제에는 여러 선택지를 고를 수 있다는 안내가 제공됩니다.")] })] })] }),
-			/* @__PURE__ */ f(D, { children: [/* @__PURE__ */ d(i, {
+			/* @__PURE__ */ p(D, { children: [/* @__PURE__ */ f(a, {
 				color: "grey",
 				size: "xsmall",
 				label: N("닫기", { context: "렉시컬 도구 설정창" }),
 				onClick: k
-			}), /* @__PURE__ */ d(i, {
+			}), /* @__PURE__ */ f(a, {
 				color: "primary",
 				size: "xsmall",
 				label: N("이대로 넣기", { context: "렉시컬 도구 설정창" }),
@@ -91,7 +91,7 @@ function y(e) {
 		]
 	});
 }
-var b = u.form(({ theme: t }) => l`
+var b = d.form(({ theme: t }) => u`
     display: flex;
     width: 620px;
     flex-direction: column;
@@ -99,7 +99,7 @@ var b = u.form(({ theme: t }) => l`
     border: 1px solid ${t.color.background.neutralAltActive};
     background: ${t.color.background.neutralBase};
     box-shadow: ${e.shadow08};
-  `), x = u.div(({ theme: e }) => l`
+  `), x = d.div(({ theme: e }) => u`
     display: flex;
     padding: 8px 12px;
     gap: 4px;
@@ -111,27 +111,27 @@ var b = u.form(({ theme: t }) => l`
     font-style: normal;
     font-weight: 500;
     line-height: 16px; /* 133.333% */
-  `), S = u.div(({ theme: e }) => l`
+  `), S = d.div(({ theme: e }) => u`
     display: flex;
     border-top: 1px solid ${e.color.background.neutralAltActive};
     border-bottom: 1px solid ${e.color.background.neutralAltActive};
-  `), C = u.div`
+  `), C = d.div`
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 12px;
   padding: 12px;
-`, w = u.div`
+`, w = d.div`
   width: 240px;
   display: flex;
   flex-direction: column;
   gap: 12px;
   padding: 12px;
-`, T = u.div`
+`, T = d.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
-`, E = u.div(({ theme: e }) => l`
+`, E = d.div(({ theme: e }) => u`
     color: ${e.color.foreground.neutralBaseDisabled};
     /* Default/Label/12px-Md */
     font-family: ${e.fontFamily.ui};
@@ -139,13 +139,13 @@ var b = u.form(({ theme: t }) => l`
     font-style: normal;
     font-weight: 500;
     line-height: 16px; /* 133.333% */
-  `), D = u.div`
+  `), D = d.div`
   display: flex;
   padding: 12px;
   justify-content: flex-end;
   align-items: center;
   gap: 8px;
-`, O = u.div(({ theme: e }) => l`
+`, O = d.div(({ theme: e }) => u`
     display: flex;
     gap: 4px;
     color: ${e.color.foreground.neutralBaseDisabled};

package/dist/patterns/LexicalEditor/nodes/VideoNode/VideoComponent.js

@@ -1,20 +1,20 @@
 import { SquareButton as e } from "../../../../components/SquareButton.js";
 import { stdin_default as t } from "../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/settings-3-fill.js";
-import { $isVideoNode as n } from "./VideoNode.js";
-import { InsertVideoDialog as r } from "../../components/InsertVideoDialog/InsertVideoDialog.js";
-import { css as i } from "@emotion/react";
-import { useState as a } from "react";
-import o from "@emotion/styled";
-import { Fragment as s, jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
-import { useTranslation as u } from "react-i18next";
+import { useTranslation as n } from "../../../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { $isVideoNode as r } from "./VideoNode.js";
+import { InsertVideoDialog as i } from "../../components/InsertVideoDialog/InsertVideoDialog.js";
+import { css as a } from "@emotion/react";
+import { useState as o } from "react";
+import s from "@emotion/styled";
+import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
 import { $getNodeByKey as d } from "lexical";
 import { useLexicalComposerContext as f } from "@lexical/react/LexicalComposerContext";
 import { useLexicalEditable as p } from "@lexical/react/useLexicalEditable";
 import m from "react-player";
 //#region src/cds/patterns/LexicalEditor/nodes/VideoNode/VideoComponent.tsx
 function h(e) {
-	return /* @__PURE__ */ c(m, {
-		css: i`
+	return /* @__PURE__ */ l(m, {
+		css: a`
         background: black;
         max-width: 1200px;
         aspect-ratio: 16 / 9;
@@ -26,34 +26,34 @@ function h(e) {
 		config: { file: { hlsOptions: { startLevel: 100 } } }
 	});
 }
-function g({ src: i, nodeKey: o }) {
-	let [m, g] = a(!1), v = p(), [y] = f(), { t: b } = u();
-	return v ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l(_, { children: [/* @__PURE__ */ c(h, { url: i }), /* @__PURE__ */ c(e, {
+function g({ src: a, nodeKey: s }) {
+	let [m, g] = o(!1), v = p(), [y] = f(), { t: b } = n();
+	return v ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u(_, { children: [/* @__PURE__ */ l(h, { url: a }), /* @__PURE__ */ l(e, {
 		size: "small",
 		color: "icon",
-		icon: /* @__PURE__ */ c(t, {}),
+		icon: /* @__PURE__ */ l(t, {}),
 		onClick: () => g(!0),
 		"aria-label": b("동영상 수정하기")
-	})] }), /* @__PURE__ */ c(r, {
+	})] }), /* @__PURE__ */ l(i, {
 		open: m,
 		title: b("동영상 수정하기"),
 		onClose: () => g(!1),
-		videoProps: { src: i },
+		videoProps: { src: a },
 		onChange: (e) => {
 			y.update(() => {
-				let t = d(o);
-				n(t) && t.setSrc(e.src);
+				let t = d(s);
+				r(t) && t.setSrc(e.src);
 			});
 		},
 		onDelete: () => {
 			y.update(() => {
-				let e = d(o);
-				n(e) && e.remove();
+				let e = d(s);
+				r(e) && e.remove();
 			});
 		}
-	})] }) : /* @__PURE__ */ c(h, { url: i });
+	})] }) : /* @__PURE__ */ l(h, { url: a });
 }
-var _ = o.div`
+var _ = s.div`
   display: flex;
   gap: 4px;
 `;

package/dist/patterns/LexicalEditor/plugins/CompactToolbarPlugin/CompactToolbarPlugin.js

@@ -1,82 +1,82 @@
 import { stdin_default as e } from "../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/upload-line.js";
-import { CdsContext as t } from "../../../../CdsProvider.js";
-import { $createImageNode as n } from "../../nodes/ImageNode/ImageNode.js";
-import { $createFileNode as r } from "../../nodes/FileNode/FileNode.js";
-import { getTexts as i } from "../../../../texts.js";
+import { useTranslation as t } from "../../../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { CdsContext as n } from "../../../../CdsProvider.js";
+import { $createImageNode as r } from "../../nodes/ImageNode/ImageNode.js";
+import { $createFileNode as i } from "../../nodes/FileNode/FileNode.js";
+import { getTexts as a } from "../../../../texts.js";
 import "../../uploadConstants.js";
-import { COMPACT_ATTACHMENT_NODES as a } from "./compactAttachmentNodes.js";
-import { css as o } from "@emotion/react";
-import { useContext as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
-import d from "@emotion/styled";
-import { jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
-import { useTranslation as m } from "react-i18next";
+import { COMPACT_ATTACHMENT_NODES as o } from "./compactAttachmentNodes.js";
+import { css as s } from "@emotion/react";
+import { useContext as c, useLayoutEffect as l, useRef as u, useState as d } from "react";
+import f from "@emotion/styled";
+import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
 import { $createParagraphNode as h, $getRoot as g } from "lexical";
 import { mergeRegister as _ } from "@lexical/utils";
 import { useLexicalComposerContext as v } from "@lexical/react/LexicalComposerContext";
 import y from "moment";
 //#region src/cds/patterns/LexicalEditor/plugins/CompactToolbarPlugin/CompactToolbarPlugin.tsx
 function b() {
-	let { t } = m(), n = x(), r = S(), i = l(null);
-	return n ? null : /* @__PURE__ */ p(C, { children: [/* @__PURE__ */ p(w, {
+	let { t: n } = t(), r = x(), i = S(), a = u(null);
+	return r ? null : /* @__PURE__ */ m(C, { children: [/* @__PURE__ */ m(w, {
 		type: "button",
-		onClick: () => i.current?.click(),
-		children: [/* @__PURE__ */ f(e, {}), /* @__PURE__ */ f(T, { children: t("업로드") })]
-	}), /* @__PURE__ */ f(E, {
-		ref: i,
+		onClick: () => a.current?.click(),
+		children: [/* @__PURE__ */ p(e, {}), /* @__PURE__ */ p(T, { children: n("업로드") })]
+	}), /* @__PURE__ */ p(E, {
+		ref: a,
 		type: "file",
 		onChange: (e) => {
 			let t = e.target.files?.[0];
-			t && r(t), e.target.value = "";
+			t && i(t), e.target.value = "";
 		}
 	})] });
 }
 function x() {
-	let [e] = v(), [t, n] = u(!1);
-	return c(() => {
+	let [e] = v(), [t, n] = d(!1);
+	return l(() => {
 		let t = /* @__PURE__ */ new Set();
-		return _(...a.map((r) => e.registerMutationListener(r, (e) => {
+		return _(...o.map((r) => e.registerMutationListener(r, (e) => {
 			for (let [n, r] of e) r === "destroyed" ? t.delete(n) : t.add(n);
 			n(t.size > 0);
 		}, { skipInitialization: !1 })));
 	}, [e]), t;
 }
 function S() {
-	let [e] = v(), a = s(t), { t: o } = m();
+	let [e] = v(), o = c(n), { t: s } = t();
 	return async (t) => {
-		let s = a.lexical?.uploadByFile, c = a.lexical?.showFileError;
-		if (!s) return;
+		let n = o.lexical?.uploadByFile, c = o.lexical?.showFileError;
+		if (!n) return;
 		if (t.size >= 1073741824) {
-			c?.("upload", i(o, "errorFileTooLarge"));
+			c?.("upload", a(s, "errorFileTooLarge"));
 			return;
 		}
 		let l;
 		try {
-			l = await s(t);
+			l = await n(t);
 		} catch {
-			c?.("upload", o("파일을 업로드하지 못했습니다. 다시 시도해 주세요."));
+			c?.("upload", s("파일을 업로드하지 못했습니다. 다시 시도해 주세요."));
 			return;
 		}
 		e.update(() => {
-			let e = t.type.startsWith("image/") ? n({
+			let e = t.type.startsWith("image/") ? r({
 				src: l,
 				altText: t.name
-			}) : r({
+			}) : i({
 				fileUrl: l,
 				fileName: t.name,
 				fileSize: t.size,
 				fileUploadDate: y().format("YYYY.MM.DD HH:mm:ss")
-			}), i = g(), a = i.getFirstChild();
-			a ? a.insertBefore(e) : i.append(e), e.getNextSibling() === null && e.insertAfter(h());
+			}), n = g(), a = n.getFirstChild();
+			a ? a.insertBefore(e) : n.append(e), e.getNextSibling() === null && e.insertAfter(h());
 		});
 	};
 }
-var C = d.div(({ theme: e }) => o`
+var C = f.div(({ theme: e }) => s`
     display: flex;
     gap: 8px;
     padding: 8px;
     border: 1px dashed ${e.color.foreground.neutralBaseDisabled};
     border-radius: 10px;
-  `), w = d.button(({ theme: e }) => o`
+  `), w = f.button(({ theme: e }) => s`
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -94,12 +94,12 @@ var C = d.div(({ theme: e }) => o`
     &:hover {
       background: ${e.color.background.neutralAlt};
     }
-  `), T = d.span(({ theme: e }) => o`
+  `), T = f.span(({ theme: e }) => s`
     font-family: ${e.fontFamily.ui};
     font-size: 12px;
     font-weight: 500;
     line-height: 16px;
-  `), E = d.input`
+  `), E = f.input`
   display: none;
 `;
 //#endregion