@team-monolith/cds 1.129.2-alpha.3 → 1.129.3-alpha

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

@@ -1,23 +1,23 @@
-import { SegmentedControlGroup as e } from "../../../../../SegmentedControl/SegmentedControlGroup.js";
-import { SegmentedControlButton as t } from "../../../../../SegmentedControl/SegmentedControlButton.js";
-import { useTranslation as n } from "react-i18next";
+import { useTranslation as e } 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 { SegmentedControlGroup as t } from "../../../../../SegmentedControl/SegmentedControlGroup.js";
+import { SegmentedControlButton as n } from "../../../../../SegmentedControl/SegmentedControlButton.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Controller as a } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SettingForm/FormAllowMultipleAnswers.tsx
 function o(o) {
-	let { control: s } = o, { t: c } = n();
+	let { control: s } = o, { t: c } = e();
 	return /* @__PURE__ */ r(a, {
 		name: "allowMultipleAnswers",
 		control: s,
-		render: ({ field: { value: n, onChange: a } }) => /* @__PURE__ */ i(e, {
+		render: ({ field: { value: e, onChange: a } }) => /* @__PURE__ */ i(t, {
 			size: "xsmall",
-			value: n,
+			value: e,
 			onChange: a,
 			fullWidth: !0,
-			children: [/* @__PURE__ */ r(t, {
+			children: [/* @__PURE__ */ r(n, {
 				value: !1,
 				label: c("하나만 선택")
-			}), /* @__PURE__ */ r(t, {
+			}), /* @__PURE__ */ r(n, {
 				value: !0,
 				label: c("여러 개 선택")
 			})]

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

@@ -3,32 +3,32 @@ import { stdin_default as t } from "../../../../../../node_modules/.pnpm/remixic
 import { stdin_default as n } from "../../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/Media/image-edit-fill.js";
 import { stdin_default as r } from "../../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/delete-bin-line.js";
 import { stdin_default as i } from "../../../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/error-warning-fill.js";
-import { Input as a } from "../../../../../../components/Input.js";
-import { InsertImageDialog as o } from "../../../../components/InsertImageDialog/InsertImageDialog.js";
-import { css as s } from "@emotion/react";
-import { useState as c } from "react";
-import l from "@emotion/styled";
-import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
+import { useTranslation as a } 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 { Input as o } from "../../../../../../components/Input.js";
+import { InsertImageDialog as s } from "../../../../components/InsertImageDialog/InsertImageDialog.js";
+import { css as c } from "@emotion/react";
+import { useState as l } from "react";
+import u from "@emotion/styled";
+import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
 import { useController as p } from "react-hook-form";
 //#region src/cds/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SettingForm/FormSelection.tsx
-function m(l) {
-	let { index: m, control: _, rules: v, onDelete: y } = l, [b, x] = c(!1), [S, C] = c(!1), { t: w } = f(), { field: { value: T, onChange: E }, fieldState: { invalid: D, error: O } } = p({
+function m(u) {
+	let { index: m, control: _, rules: v, onDelete: y } = u, [b, x] = l(!1), [S, C] = l(!1), { t: w } = a(), { field: { value: T, onChange: E }, fieldState: { invalid: D, error: O } } = p({
 		control: _,
 		name: `selections.${m}.show`,
 		rules: v
 	});
-	return /* @__PURE__ */ d(h, { children: [
-		/* @__PURE__ */ u(g, { children: m + 1 }),
-		/* @__PURE__ */ d("div", {
-			css: s`
+	return /* @__PURE__ */ f(h, { children: [
+		/* @__PURE__ */ d(g, { children: m + 1 }),
+		/* @__PURE__ */ f("div", {
+			css: c`
           display: flex;
           flex: 1;
           flex-direction: column;
           gap: 4px;
         `,
 			children: [
-				/* @__PURE__ */ u(o, {
+				/* @__PURE__ */ d(s, {
 					title: T.image ? w("이미지 바꾸기", { context: "제목, 이미지 삽입 다이얼로그" }) : w("이미지 삽입하기", { context: "제목, 이미지 삽입 다이얼로그" }),
 					open: b,
 					imageProps: T.image ?? void 0,
@@ -44,10 +44,10 @@ function m(l) {
 						});
 					} : void 0
 				}),
-				T.image && /* @__PURE__ */ u("img", {
+				T.image && /* @__PURE__ */ d("img", {
 					src: T.image.src,
 					alt: T.image.altText,
-					css: s`
+					css: c`
               height: auto;
               // 이미지로 인해 좌우로 스크롤이 생기는 것을 방지
               max-width: min(400px, 100%);
@@ -56,7 +56,7 @@ function m(l) {
             `,
 					draggable: "false"
 				}),
-				/* @__PURE__ */ u(a, {
+				/* @__PURE__ */ d(o, {
 					size: "small",
 					color: D ? "activeDanger" : S ? "activePrimary" : "default",
 					value: T.text,
@@ -76,49 +76,49 @@ function m(l) {
 						index: m + 1,
 						context: "렉시컬 선택지 도구"
 					}),
-					hintIcon: D ? /* @__PURE__ */ u(i, {}) : void 0,
+					hintIcon: D ? /* @__PURE__ */ d(i, {}) : void 0,
 					hintText: O?.message,
 					multiline: !0,
 					fullWidth: !0,
-					css: s`
+					css: c`
             flex: 1;
           `
 				})
 			]
 		}),
-		/* @__PURE__ */ d("div", {
-			css: s`
+		/* @__PURE__ */ f("div", {
+			css: c`
           display: flex;
           // 이미지가 들어가서 container height가 커져도 높이가 유지되도록 설정
           height: 36px;
           gap: 8px;
           align-items: center;
         `,
-			children: [/* @__PURE__ */ u(e, {
+			children: [/* @__PURE__ */ d(e, {
 				color: "icon",
 				size: "xsmall",
-				icon: T.image ? /* @__PURE__ */ u(n, {}) : /* @__PURE__ */ u(t, {}),
+				icon: T.image ? /* @__PURE__ */ d(n, {}) : /* @__PURE__ */ d(t, {}),
 				onClick: () => {
 					x(!0);
 				},
 				"aria-label": T.image ? w("이미지 바꾸기", { context: "스퀘어버튼, 렉시컬 도구 설정창" }) : w("이미지 삽입하기", { context: "스퀘어버튼, 렉시컬 도구 설정창" })
-			}), y && /* @__PURE__ */ u(e, {
+			}), y && /* @__PURE__ */ d(e, {
 				color: "white",
 				size: "xsmall",
-				icon: /* @__PURE__ */ u(r, {}),
+				icon: /* @__PURE__ */ d(r, {}),
 				onClick: y,
 				"aria-label": w("삭제", { context: "스퀘어버튼, 렉시컬 선택형 도구 설정창" })
 			})]
 		})
 	] });
 }
-var h = l.div(({ theme: e }) => s`
+var h = u.div(({ theme: e }) => c`
     display: flex;
     padding: 4px 12px;
     gap: 8px;
     border-radius: 8px;
     background: ${e.color.background.neutralAlt};
-  `), g = l.div(({ theme: e }) => s`
+  `), g = u.div(({ theme: e }) => c`
     display: flex;
     box-sizing: border-box;
     width: 20px;

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;
 `;