@tipp/ui 2.3.21 → 2.3.23

package/dist/chunk-YPGFPLWM.js

@@ -0,0 +1,69 @@
+import {
+  review_question_radio_default
+} from "./chunk-JADEGHJI.js";
+import {
+  review_question_satisfaction_option_default
+} from "./chunk-JJDLCVZV.js";
+import {
+  ReviewQuestionSatisfisText
+} from "./chunk-STCVW5HT.js";
+import {
+  review_question_text_default
+} from "./chunk-OYCRE67S.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx
+import { jsx } from "react/jsx-runtime";
+function ReviewQuestionBody(props) {
+  const { question, answer, error, onChange } = props;
+  if (question.type === "question_radio") {
+    return /* @__PURE__ */ jsx(
+      review_question_radio_default,
+      {
+        answer,
+        error,
+        onChange,
+        question
+      }
+    );
+  }
+  if (question.type === "question_text") {
+    return /* @__PURE__ */ jsx(
+      review_question_text_default,
+      {
+        answer,
+        error,
+        onChange,
+        question
+      }
+    );
+  }
+  if (question.type === "question_satisfaction_option") {
+    return /* @__PURE__ */ jsx(
+      review_question_satisfaction_option_default,
+      {
+        answer,
+        error,
+        onChange,
+        question
+      }
+    );
+  }
+  if (question.type === "question_satisfaction_text") {
+    return /* @__PURE__ */ jsx(
+      ReviewQuestionSatisfisText,
+      {
+        answer,
+        error,
+        onChange,
+        question
+      }
+    );
+  }
+  return null;
+}
+var review_question_body_default = ReviewQuestionBody;
+
+export {
+  review_question_body_default
+};
+//# sourceMappingURL=chunk-YPGFPLWM.js.map

package/dist/chunk-YPGFPLWM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx"],"sourcesContent":["import React from 'react'; \nimport type { ReviewQuestionElement } from '@/types/curriculum.type';\nimport ReviewQuestionRadio from './review-question-radio';\nimport ReviewQuestionText from './review-question-text';\nimport ReviewQuestionSatisfactionOption from './review-question-satisfaction-option';\nimport ReviewQuestionSatisfactionText from './review-question-satisfaction-text';\n\ninterface ReviewQuestionBodyProps {\n  question: ReviewQuestionElement;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nfunction ReviewQuestionBody(props: ReviewQuestionBodyProps): React.ReactNode {\n  const { question, answer, error, onChange } = props;\n  \n  if (question.type === 'question_radio') {\n    return (\n      <ReviewQuestionRadio\n        answer={answer}\n        error={error}\n        onChange={onChange}\n        question={question}\n      />\n    );\n  }\n  if (question.type === 'question_text') {\n    return (\n      <ReviewQuestionText\n        answer={answer}\n        error={error}\n        onChange={onChange}\n        question={question}\n      />\n    );\n  }\n  if (question.type === 'question_satisfaction_option') {\n    return (\n      <ReviewQuestionSatisfactionOption\n        answer={answer}\n        error={error}\n        onChange={onChange}\n        question={question}\n      />\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- 그 외의 타입이 있을 경우 있음\n  if (question.type === 'question_satisfaction_text') {\n    return (\n      <ReviewQuestionSatisfactionText\n        answer={answer}\n        error={error}\n        onChange={onChange}\n        question={question}\n      />\n    );\n  }\n\n  return null;\n}\nexport default ReviewQuestionBody;\n"],"mappings":";;;;;;;;;;;;;;AAmBM;AALN,SAAS,mBAAmB,OAAiD;AAC3E,QAAM,EAAE,UAAU,QAAQ,OAAO,SAAS,IAAI;AAE9C,MAAI,SAAS,SAAS,kBAAkB;AACtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,SAAS,SAAS,iBAAiB;AACrC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,SAAS,SAAS,gCAAgC;AACpD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAGA,MAAI,SAAS,SAAS,8BAA8B;AAClD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SAAO;AACT;AACA,IAAO,+BAAQ;","names":[]}

package/dist/chunk-YWYYPYBK.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-YWYYPYBK.js.map

package/dist/chunk-YWYYPYBK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-Z4NCEYC6.js

@@ -0,0 +1,70 @@
+import {
+  useCurriculumContext
+} from "./chunk-Y7SJF3Y3.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import {
+  ResetIcon
+} from "./chunk-LTEJYJUM.js";
+
+// src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumAiTraning({
+  item
+}) {
+  const { title, description, buttonTitle } = item;
+  const { curriculumCompleteMap, onActionButtonClick } = useCurriculumContext();
+  const done = useMemo(() => {
+    return Boolean(curriculumCompleteMap[item.uuid]);
+  }, [curriculumCompleteMap, item.uuid]);
+  const bgColor = done ? "var(--color-panel-solid)" : void 0;
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      align: "center",
+      direction: "column",
+      height: "100%",
+      justify: "center",
+      style: {
+        backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_ai_bg.png)`,
+        backgroundPosition: "center",
+        backgroundSize: "cover",
+        backgroundRepeat: "no-repeat"
+      },
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title }),
+        /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            mt: "3",
+            onClick: () => {
+              onActionButtonClick(item);
+            },
+            style: { minWidth: 232, backgroundColor: bgColor },
+            variant: done ? "outline" : "solid",
+            children: [
+              done ? "\uB2E4\uC2DC \uC5F0\uC2B5\uD558\uAE30" : buttonTitle || "\uC2DC\uC791\uD558\uAE30",
+              done ? /* @__PURE__ */ jsx(ResetIcon, {}) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var curriculum_ai_traning_default = CurriculumAiTraning;
+
+export {
+  curriculum_ai_traning_default
+};
+//# sourceMappingURL=chunk-Z4NCEYC6.js.map

package/dist/chunk-Z4NCEYC6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { CurriculumAiTrainingContents } from '@/types/curriculumContents.type';\nimport { Button } from '@/atoms/button';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport { ResetIcon } from '@/icon';\nimport { useCurriculumContext } from '../curriculum-context';\n\ninterface CurriculumAiTraningProps {\n  item: CurriculumAiTrainingContents;\n}\n\nfunction CurriculumAiTraning({\n  item,\n}: CurriculumAiTraningProps): React.ReactNode {\n  const { title, description, buttonTitle } = item;\n  const { curriculumCompleteMap, onActionButtonClick } = useCurriculumContext();\n\n  const done = useMemo(() => {\n    return Boolean(curriculumCompleteMap[item.uuid]);\n  }, [curriculumCompleteMap, item.uuid]);\n\n  const bgColor=  done ? 'var(--color-panel-solid)' : undefined;\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"column\"\n      height=\"100%\"\n      justify=\"center\"\n      style={{\n        backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_ai_bg.png)`,\n        backgroundPosition: 'center',\n        backgroundSize: 'cover',\n        backgroundRepeat: 'no-repeat',\n      }}\n      width=\"100%\"\n    >\n      <Typo color=\"gray\" weight=\"bold\">\n        {title}\n      </Typo>\n      <Typo align=\"center\" as=\"p\" color=\"gray\">\n        {description}\n      </Typo>\n\n      <Button\n        mt=\"3\"\n        onClick={() => { onActionButtonClick(item); }}\n        style={{ minWidth: 232, backgroundColor: bgColor }}\n        variant={done ? 'outline' : 'solid'}\n      >\n        {done ? '다시 연습하기' : buttonTitle || '시작하기'}\n        {done ? <ResetIcon/> : null}\n      </Button>\n \n    </Flex>\n  );\n}\n\nexport default CurriculumAiTraning;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAsCzB,cAOA,YAPA;AA1BN,SAAS,oBAAoB;AAAA,EAC3B;AACF,GAA8C;AAC5C,QAAM,EAAE,OAAO,aAAa,YAAY,IAAI;AAC5C,QAAM,EAAE,uBAAuB,oBAAoB,IAAI,qBAAqB;AAE5E,QAAM,OAAO,QAAQ,MAAM;AACzB,WAAO,QAAQ,sBAAsB,KAAK,IAAI,CAAC;AAAA,EACjD,GAAG,CAAC,uBAAuB,KAAK,IAAI,CAAC;AAErC,QAAM,UAAU,OAAO,6BAA6B;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,oBAAoB;AAAA,QACpB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,MACpB;AAAA,MACA,OAAM;AAAA,MAEN;AAAA,4BAAC,QAAK,OAAM,QAAO,QAAO,QACvB,iBACH;AAAA,QACA,oBAAC,QAAK,OAAM,UAAS,IAAG,KAAI,OAAM,QAC/B,uBACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,SAAS,MAAM;AAAE,kCAAoB,IAAI;AAAA,YAAG;AAAA,YAC5C,OAAO,EAAE,UAAU,KAAK,iBAAiB,QAAQ;AAAA,YACjD,SAAS,OAAO,YAAY;AAAA,YAE3B;AAAA,qBAAO,0CAAY,eAAe;AAAA,cAClC,OAAO,oBAAC,aAAS,IAAK;AAAA;AAAA;AAAA,QACzB;AAAA;AAAA;AAAA,EAEF;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-Z7WNKARH.js

@@ -0,0 +1,331 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/dynamic-form-editor-utils.ts
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function isNonEmptyTrimmedString(value) {
+  return typeof value === "string" && value.trim().length > 0;
+}
+function isFiniteNumber(value) {
+  return typeof value === "number" && Number.isFinite(value);
+}
+function canCompileRegExp(pattern) {
+  try {
+    new RegExp(pattern);
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+function getFieldTypes() {
+  return [
+    "short_text",
+    "long_text",
+    "number",
+    "email",
+    "dropdown",
+    "choice",
+    "radio_cards",
+    "image_radio_card",
+    "choices",
+    "yes_no"
+  ];
+}
+function getFieldTypeLabel(type) {
+  const map = {
+    short_text: "\uC9E7\uC740 \uD14D\uC2A4\uD2B8",
+    long_text: "\uAE34 \uD14D\uC2A4\uD2B8",
+    number: "\uC22B\uC790",
+    email: "\uC774\uBA54\uC77C",
+    dropdown: "\uB4DC\uB86D\uB2E4\uC6B4",
+    choice: "\uB2E8\uC77C \uC120\uD0DD(\uB77C\uB514\uC624)",
+    radio_cards: "\uB77C\uB514\uC624 \uCE74\uB4DC",
+    image_radio_card: "\uC774\uBBF8\uC9C0 \uB77C\uB514\uC624 \uCE74\uB4DC",
+    choices: "\uB2E4\uC911 \uC120\uD0DD(\uCCB4\uD06C)",
+    yes_no: "\uB3D9\uC758(\uCCB4\uD06C)"
+  };
+  return map[type];
+}
+function findFieldIndexByName(fields, fieldName) {
+  return fields.findIndex((field) => field.name === fieldName);
+}
+function toCamelFromSnake(value) {
+  const parts = value.split("_").filter(Boolean);
+  if (parts.length === 0) return "field";
+  const [first, ...rest] = parts;
+  const firstLower = first.toLowerCase();
+  const restCamel = rest.map((p) => p.length === 0 ? "" : p[0].toUpperCase() + p.slice(1)).join("");
+  return `${firstLower}${restCamel}`;
+}
+function createUniqueFieldName(fields, baseName) {
+  const used = new Set(fields.map((f) => f.name));
+  if (!used.has(baseName)) return baseName;
+  let i = 2;
+  while (used.has(`${baseName}${i}`)) i += 1;
+  return `${baseName}${i}`;
+}
+function createDefaultField(type, currentFields) {
+  const baseName = toCamelFromSnake(type);
+  const name = createUniqueFieldName(currentFields, baseName);
+  const label = getFieldTypeLabel(type);
+  if (type === "short_text") return { name, type, label, placeholder: "" };
+  if (type === "long_text") return { name, type, label, placeholder: "" };
+  if (type === "number") return { name, type, label, placeholder: "" };
+  if (type === "email") return { name, type, label, placeholder: "" };
+  if (type === "dropdown")
+    return {
+      name,
+      type,
+      label,
+      placeholder: "",
+      options: [{ label: "\uC635\uC158 1", value: "option1" }]
+    };
+  if (type === "choice")
+    return {
+      name,
+      type,
+      label,
+      orientation: "vertical",
+      options: [{ label: "\uC635\uC158 1", value: "option1" }]
+    };
+  if (type === "radio_cards")
+    return { name, type, label, options: [{ label: "\uC635\uC158 1", value: "option1" }] };
+  if (type === "choices")
+    return {
+      name,
+      type,
+      label,
+      orientation: "vertical",
+      options: [{ label: "\uC635\uC158 1", value: "option1" }]
+    };
+  if (type === "yes_no") return { name, type, label, description: "" };
+  return {
+    name,
+    type,
+    label,
+    gridColumnsCount: 4,
+    gridItemHeight: "160px",
+    gridGap: "2",
+    imageFit: "cover",
+    options: [
+      {
+        label: "\uC774\uBBF8\uC9C0 1",
+        value: "option1",
+        imageSrc: "https://placehold.co/300x300/png?text=1"
+      }
+    ]
+  };
+}
+function normalizeSchema(value) {
+  const fallback = { fields: [] };
+  if (!value) return fallback;
+  if (!Array.isArray(value.fields)) return fallback;
+  return { fields: value.fields };
+}
+function validateDynamicFormSchema(schema) {
+  const issues = [];
+  const nameToCount = /* @__PURE__ */ new Map();
+  schema.fields.forEach((field) => {
+    const prev = nameToCount.get(field.name) || 0;
+    nameToCount.set(field.name, prev + 1);
+  });
+  schema.fields.forEach((field, index) => {
+    const fieldKey = `${index}:${field.name}`;
+    if (!isNonEmptyTrimmedString(field.name)) {
+      issues.push({
+        id: `field.name.required.${fieldKey}`,
+        level: "error",
+        message: "\uD544\uB4DC name\uC740 \uD544\uC218\uC785\uB2C8\uB2E4",
+        fieldName: field.name
+      });
+    } else if (field.name.trim() !== field.name) {
+      issues.push({
+        id: `field.name.trim.${fieldKey}`,
+        level: "warning",
+        message: "\uD544\uB4DC name \uC55E/\uB4A4 \uACF5\uBC31\uC740 \uC81C\uAC70\uD558\uB294 \uAC83\uC744 \uAD8C\uC7A5\uD569\uB2C8\uB2E4",
+        fieldName: field.name
+      });
+    }
+    if (isNonEmptyTrimmedString(field.name)) {
+      const count = nameToCount.get(field.name) || 0;
+      if (count > 1) {
+        issues.push({
+          id: `field.name.duplicate.${fieldKey}`,
+          level: "error",
+          message: `\uC911\uBCF5\uB41C name\uC785\uB2C8\uB2E4: ${field.name}`,
+          fieldName: field.name
+        });
+      }
+    }
+    if (!isNonEmptyTrimmedString(field.label)) {
+      issues.push({
+        id: `field.label.required.${fieldKey}`,
+        level: "error",
+        message: "\uD544\uB4DC label\uC740 \uD544\uC218\uC785\uB2C8\uB2E4",
+        fieldName: field.name
+      });
+    }
+    const type = field.type;
+    const isOptionType = type === "dropdown" || type === "choice" || type === "radio_cards" || type === "choices";
+    if (isOptionType) {
+      const optionsRaw = field.options;
+      if (!Array.isArray(optionsRaw) || optionsRaw.length === 0) {
+        issues.push({
+          id: `field.options.required.${fieldKey}`,
+          level: "error",
+          message: "options\uB294 1\uAC1C \uC774\uC0C1 \uD544\uC694\uD569\uB2C8\uB2E4",
+          fieldName: field.name
+        });
+      }
+    }
+    if (type === "image_radio_card") {
+      const optionsRaw = field.options;
+      if (!Array.isArray(optionsRaw) || optionsRaw.length === 0) {
+        issues.push({
+          id: `field.imageOptions.required.${fieldKey}`,
+          level: "error",
+          message: "options\uB294 1\uAC1C \uC774\uC0C1 \uD544\uC694\uD569\uB2C8\uB2E4",
+          fieldName: field.name
+        });
+      } else {
+        optionsRaw.forEach((opt, optIndex) => {
+          const imageSrc = isRecord(opt) ? opt.imageSrc : void 0;
+          if (!isNonEmptyTrimmedString(imageSrc)) {
+            issues.push({
+              id: `field.imageOptions.imageSrc.required.${fieldKey}.${optIndex}`,
+              level: "error",
+              message: "imageSrc\uB294 \uD544\uC218\uC785\uB2C8\uB2E4",
+              fieldName: field.name
+            });
+          }
+        });
+      }
+    }
+    const validation = field.validation;
+    if (validation) {
+      if (isFiniteNumber(validation.min) && isFiniteNumber(validation.max)) {
+        if (validation.min > validation.max) {
+          issues.push({
+            id: `field.validation.minmax.${fieldKey}`,
+            level: "error",
+            message: "validation.min\uC740 validation.max \uC774\uD558\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4",
+            fieldName: field.name
+          });
+        }
+      }
+      if (isNonEmptyTrimmedString(validation.pattern)) {
+        if (!canCompileRegExp(validation.pattern)) {
+          issues.push({
+            id: `field.validation.pattern.${fieldKey}`,
+            level: "error",
+            message: "validation.pattern\uC774 \uC62C\uBC14\uB978 \uC815\uADDC\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4",
+            fieldName: field.name
+          });
+        }
+      }
+    }
+  });
+  return issues;
+}
+function hasErrorIssues(issues) {
+  return issues.some((i) => i.level === "error");
+}
+function updateSchemaFields(schema, nextFields) {
+  return { fields: nextFields };
+}
+function moveField(fields, fromIndex, toIndex) {
+  if (fromIndex < 0 || fromIndex >= fields.length) return fields;
+  if (toIndex < 0 || toIndex >= fields.length) return fields;
+  if (fromIndex === toIndex) return fields;
+  const next = [...fields];
+  const [item] = next.splice(fromIndex, 1);
+  next.splice(toIndex, 0, item);
+  return next;
+}
+function duplicateField(fields, index) {
+  if (index < 0 || index >= fields.length) return fields;
+  const target = fields[index];
+  const nextName = createUniqueFieldName(fields, target.name);
+  const cloned = __spreadProps(__spreadValues({}, target), { name: nextName });
+  const next = [...fields];
+  next.splice(index + 1, 0, cloned);
+  return next;
+}
+function updateFieldCommonProps(field, next) {
+  const { name, label, description, required } = next;
+  return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, field), name !== void 0 ? { name } : {}), label !== void 0 ? { label } : {}), description !== void 0 ? { description } : {}), required !== void 0 ? { required } : {});
+}
+function updateFieldValidation(field, next) {
+  if (!next) {
+    const _a = field, { validation: _validation } = _a, rest = __objRest(_a, ["validation"]);
+    return rest;
+  }
+  return __spreadProps(__spreadValues({}, field), { validation: next });
+}
+function updateTextPlaceholder(field, placeholder) {
+  const type = field.type;
+  if (type === "short_text" || type === "long_text" || type === "number" || type === "email" || type === "dropdown") {
+    return __spreadProps(__spreadValues({}, field), { placeholder });
+  }
+  return field;
+}
+function updateOrientation(field, orientation) {
+  const type = field.type;
+  if (type === "choice" || type === "choices") return __spreadProps(__spreadValues({}, field), { orientation });
+  return field;
+}
+function updateOptions(field, options) {
+  const type = field.type;
+  if (type === "dropdown" || type === "choice" || type === "radio_cards" || type === "choices") {
+    return __spreadProps(__spreadValues({}, field), { options });
+  }
+  return field;
+}
+function updateImageOptions(field, options) {
+  if (field.type === "image_radio_card") {
+    return __spreadProps(__spreadValues({}, field), { options });
+  }
+  return field;
+}
+function updateImageLayout(field, next) {
+  if (field.type !== "image_radio_card") return field;
+  return __spreadValues(__spreadValues({}, field), next);
+}
+function resetFieldType(field, nextType, allFields) {
+  const base = createDefaultField(nextType, allFields);
+  return __spreadProps(__spreadValues({}, base), {
+    name: field.name,
+    label: field.label,
+    description: field.description,
+    required: field.required,
+    validation: field.validation
+  });
+}
+
+export {
+  getFieldTypes,
+  getFieldTypeLabel,
+  findFieldIndexByName,
+  createUniqueFieldName,
+  createDefaultField,
+  normalizeSchema,
+  validateDynamicFormSchema,
+  hasErrorIssues,
+  updateSchemaFields,
+  moveField,
+  duplicateField,
+  updateFieldCommonProps,
+  updateFieldValidation,
+  updateTextPlaceholder,
+  updateOrientation,
+  updateOptions,
+  updateImageOptions,
+  updateImageLayout,
+  resetFieldType
+};
+//# sourceMappingURL=chunk-Z7WNKARH.js.map

package/dist/chunk-Z7WNKARH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form-editor-utils.ts"],"sourcesContent":["import type {\n  DynamicFormFieldSchema,\n  DynamicFormSchema,\n  FieldOption,\n  ImageFieldOption,\n  ValidationRule,\n} from '@/types/dynamic-form-schema-generated';\n\nexport type FieldType =\n  | 'short_text'\n  | 'long_text'\n  | 'number'\n  | 'email'\n  | 'dropdown'\n  | 'choice'\n  | 'radio_cards'\n  | 'image_radio_card'\n  | 'choices'\n  | 'yes_no';\n\nexport type SchemaIssueLevel = 'error' | 'warning';\n\nexport interface SchemaIssue {\n  id: string;\n  level: SchemaIssueLevel;\n  message: string;\n  fieldName?: string;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === 'object' && !Array.isArray(value);\n}\n\nfunction isNonEmptyTrimmedString(value: unknown): value is string {\n  return typeof value === 'string' && value.trim().length > 0;\n}\n\nfunction isFiniteNumber(value: unknown): value is number {\n  return typeof value === 'number' && Number.isFinite(value);\n}\n\nfunction canCompileRegExp(pattern: string): boolean {\n  try {\n    // eslint-disable-next-line no-new -- 정규식 컴파일 가능 여부만 확인\n    new RegExp(pattern);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function getFieldTypes(): FieldType[] {\n  return [\n    'short_text',\n    'long_text',\n    'number',\n    'email',\n    'dropdown',\n    'choice',\n    'radio_cards',\n    'image_radio_card',\n    'choices',\n    'yes_no',\n  ];\n}\n\nexport function getFieldTypeLabel(type: FieldType): string {\n  const map: Record<FieldType, string> = {\n    short_text: '짧은 텍스트',\n    long_text: '긴 텍스트',\n    number: '숫자',\n    email: '이메일',\n    dropdown: '드롭다운',\n    choice: '단일 선택(라디오)',\n    radio_cards: '라디오 카드',\n    image_radio_card: '이미지 라디오 카드',\n    choices: '다중 선택(체크)',\n    yes_no: '동의(체크)',\n  };\n  return map[type];\n}\n\nexport function findFieldIndexByName(\n  fields: DynamicFormFieldSchema[],\n  fieldName: string\n): number {\n  return fields.findIndex((field) => field.name === fieldName);\n}\n\nfunction toCamelFromSnake(value: string): string {\n  const parts: string[] = value.split('_').filter(Boolean);\n  if (parts.length === 0) return 'field';\n  const [first, ...rest] = parts;\n  const firstLower = first.toLowerCase();\n  const restCamel = rest\n    .map((p) => (p.length === 0 ? '' : p[0].toUpperCase() + p.slice(1)))\n    .join('');\n  return `${firstLower}${restCamel}`;\n}\n\nexport function createUniqueFieldName(\n  fields: DynamicFormFieldSchema[],\n  baseName: string\n): string {\n  const used = new Set<string>(fields.map((f) => f.name));\n  if (!used.has(baseName)) return baseName;\n  let i = 2;\n  while (used.has(`${baseName}${i}`)) i += 1;\n  return `${baseName}${i}`;\n}\n\nexport function createDefaultField(\n  type: FieldType,\n  currentFields: DynamicFormFieldSchema[]\n): DynamicFormFieldSchema {\n  const baseName: string = toCamelFromSnake(type);\n  const name: string = createUniqueFieldName(currentFields, baseName);\n  const label: string = getFieldTypeLabel(type);\n\n  if (type === 'short_text') return { name, type, label, placeholder: '' };\n  if (type === 'long_text') return { name, type, label, placeholder: '' };\n  if (type === 'number') return { name, type, label, placeholder: '' };\n  if (type === 'email') return { name, type, label, placeholder: '' };\n  if (type === 'dropdown')\n    return {\n      name,\n      type,\n      label,\n      placeholder: '',\n      options: [{ label: '옵션 1', value: 'option1' }],\n    };\n  if (type === 'choice')\n    return {\n      name,\n      type,\n      label,\n      orientation: 'vertical',\n      options: [{ label: '옵션 1', value: 'option1' }],\n    };\n  if (type === 'radio_cards')\n    return { name, type, label, options: [{ label: '옵션 1', value: 'option1' }] };\n  if (type === 'choices')\n    return {\n      name,\n      type,\n      label,\n      orientation: 'vertical',\n      options: [{ label: '옵션 1', value: 'option1' }],\n    };\n  if (type === 'yes_no') return { name, type, label, description: '' };\n\n  return {\n    name,\n    type,\n    label,\n    gridColumnsCount: 4,\n    gridItemHeight: '160px',\n    gridGap: '2',\n    imageFit: 'cover',\n    options: [\n      {\n        label: '이미지 1',\n        value: 'option1',\n        imageSrc: 'https://placehold.co/300x300/png?text=1',\n      },\n    ],\n  };\n}\n\nexport function normalizeSchema(value: DynamicFormSchema | undefined): DynamicFormSchema {\n  const fallback: DynamicFormSchema = { fields: [] };\n  if (!value) return fallback;\n  if (!Array.isArray(value.fields)) return fallback;\n  return { fields: value.fields };\n}\n\nexport function validateDynamicFormSchema(schema: DynamicFormSchema): SchemaIssue[] {\n  const issues: SchemaIssue[] = [];\n\n  const nameToCount = new Map<string, number>();\n  schema.fields.forEach((field) => {\n    const prev = nameToCount.get(field.name) || 0;\n    nameToCount.set(field.name, prev + 1);\n  });\n\n  schema.fields.forEach((field, index) => {\n    const fieldKey = `${index}:${field.name}`;\n\n    if (!isNonEmptyTrimmedString(field.name)) {\n      issues.push({\n        id: `field.name.required.${fieldKey}`,\n        level: 'error',\n        message: '필드 name은 필수입니다',\n        fieldName: field.name,\n      });\n    } else if (field.name.trim() !== field.name) {\n      issues.push({\n        id: `field.name.trim.${fieldKey}`,\n        level: 'warning',\n        message: '필드 name 앞/뒤 공백은 제거하는 것을 권장합니다',\n        fieldName: field.name,\n      });\n    }\n\n    if (isNonEmptyTrimmedString(field.name)) {\n      const count = nameToCount.get(field.name) || 0;\n      if (count > 1) {\n        issues.push({\n          id: `field.name.duplicate.${fieldKey}`,\n          level: 'error',\n          message: `중복된 name입니다: ${field.name}`,\n          fieldName: field.name,\n        });\n      }\n    }\n\n    if (!isNonEmptyTrimmedString(field.label)) {\n      issues.push({\n        id: `field.label.required.${fieldKey}`,\n        level: 'error',\n        message: '필드 label은 필수입니다',\n        fieldName: field.name,\n      });\n    }\n\n    const type = field.type;\n    const isOptionType =\n      type === 'dropdown' ||\n      type === 'choice' ||\n      type === 'radio_cards' ||\n      type === 'choices';\n\n    if (isOptionType) {\n      const optionsRaw: unknown = field.options;\n      if (!Array.isArray(optionsRaw) || optionsRaw.length === 0) {\n        issues.push({\n          id: `field.options.required.${fieldKey}`,\n          level: 'error',\n          message: 'options는 1개 이상 필요합니다',\n          fieldName: field.name,\n        });\n      }\n    }\n\n    if (type === 'image_radio_card') {\n      const optionsRaw: unknown = field.options;\n      if (!Array.isArray(optionsRaw) || optionsRaw.length === 0) {\n        issues.push({\n          id: `field.imageOptions.required.${fieldKey}`,\n          level: 'error',\n          message: 'options는 1개 이상 필요합니다',\n          fieldName: field.name,\n        });\n      } else {\n        optionsRaw.forEach((opt, optIndex) => {\n          const imageSrc = isRecord(opt) ? opt.imageSrc : undefined;\n          if (!isNonEmptyTrimmedString(imageSrc)) {\n            issues.push({\n              id: `field.imageOptions.imageSrc.required.${fieldKey}.${optIndex}`,\n              level: 'error',\n              message: 'imageSrc는 필수입니다',\n              fieldName: field.name,\n            });\n          }\n        });\n      }\n    }\n\n    const validation: ValidationRule | undefined = field.validation;\n    if (validation) {\n      if (isFiniteNumber(validation.min) && isFiniteNumber(validation.max)) {\n        if (validation.min > validation.max) {\n          issues.push({\n            id: `field.validation.minmax.${fieldKey}`,\n            level: 'error',\n            message: 'validation.min은 validation.max 이하이어야 합니다',\n            fieldName: field.name,\n          });\n        }\n      }\n      if (isNonEmptyTrimmedString(validation.pattern)) {\n        if (!canCompileRegExp(validation.pattern)) {\n          issues.push({\n            id: `field.validation.pattern.${fieldKey}`,\n            level: 'error',\n            message: 'validation.pattern이 올바른 정규식이 아닙니다',\n            fieldName: field.name,\n          });\n        }\n      }\n    }\n  });\n\n  return issues;\n}\n\nexport function hasErrorIssues(issues: SchemaIssue[]): boolean {\n  return issues.some((i) => i.level === 'error');\n}\n\nexport function updateSchemaFields(\n  schema: DynamicFormSchema,\n  nextFields: DynamicFormFieldSchema[]\n): DynamicFormSchema {\n  return { fields: nextFields };\n}\n\nexport function moveField(\n  fields: DynamicFormFieldSchema[],\n  fromIndex: number,\n  toIndex: number\n): DynamicFormFieldSchema[] {\n  if (fromIndex < 0 || fromIndex >= fields.length) return fields;\n  if (toIndex < 0 || toIndex >= fields.length) return fields;\n  if (fromIndex === toIndex) return fields;\n\n  const next: DynamicFormFieldSchema[] = [...fields];\n  const [item] = next.splice(fromIndex, 1);\n  next.splice(toIndex, 0, item);\n  return next;\n}\n\nexport function duplicateField(fields: DynamicFormFieldSchema[], index: number): DynamicFormFieldSchema[] {\n  if (index < 0 || index >= fields.length) return fields;\n  const target = fields[index];\n  const nextName: string = createUniqueFieldName(fields, target.name);\n  const cloned: DynamicFormFieldSchema = { ...target, name: nextName };\n  const next: DynamicFormFieldSchema[] = [...fields];\n  next.splice(index + 1, 0, cloned);\n  return next;\n}\n\nexport function updateFieldCommonProps(\n  field: DynamicFormFieldSchema,\n  next: {\n    name?: string;\n    label?: string;\n    description?: string | undefined;\n    required?: boolean;\n  }\n): DynamicFormFieldSchema {\n  const { name, label, description, required } = next;\n  return {\n    ...field,\n    ...(name !== undefined ? { name } : {}),\n    ...(label !== undefined ? { label } : {}),\n    ...(description !== undefined ? { description } : {}),\n    ...(required !== undefined ? { required } : {}),\n  };\n}\n\nexport function updateFieldValidation(\n  field: DynamicFormFieldSchema,\n  next: ValidationRule | undefined\n): DynamicFormFieldSchema {\n  if (!next) {\n    const { validation: _validation, ...rest } = field;\n    return rest;\n  }\n  return { ...field, validation: next };\n}\n\nexport function updateTextPlaceholder(\n  field: DynamicFormFieldSchema,\n  placeholder: string\n): DynamicFormFieldSchema {\n  const type = field.type;\n  if (type === 'short_text' || type === 'long_text' || type === 'number' || type === 'email' || type === 'dropdown') {\n    return { ...field, placeholder };\n  }\n  return field;\n}\n\nexport function updateOrientation(\n  field: DynamicFormFieldSchema,\n  orientation: 'horizontal' | 'vertical'\n): DynamicFormFieldSchema {\n  const type = field.type;\n  if (type === 'choice' || type === 'choices') return { ...field, orientation };\n  return field;\n}\n\nexport function updateOptions(\n  field: DynamicFormFieldSchema,\n  options: FieldOption[]\n): DynamicFormFieldSchema {\n  const type = field.type;\n  if (type === 'dropdown' || type === 'choice' || type === 'radio_cards' || type === 'choices') {\n    return { ...field, options };\n  }\n  return field;\n}\n\nexport function updateImageOptions(\n  field: DynamicFormFieldSchema,\n  options: ImageFieldOption[]\n): DynamicFormFieldSchema {\n  if (field.type === 'image_radio_card') {\n    return { ...field, options };\n  }\n  return field;\n}\n\nexport function updateImageLayout(\n  field: DynamicFormFieldSchema,\n  next: {\n    gridColumnsCount?: number | undefined;\n    gridItemHeight?: string | undefined;\n    gridColumns?: string | undefined;\n    gridRows?: string | undefined;\n    gridGap?: string | undefined;\n    imageFit?: 'cover' | 'contain' | undefined;\n  }\n): DynamicFormFieldSchema {\n  if (field.type !== 'image_radio_card') return field;\n  return { ...field, ...next };\n}\n\nexport function resetFieldType(\n  field: DynamicFormFieldSchema,\n  nextType: FieldType,\n  allFields: DynamicFormFieldSchema[]\n): DynamicFormFieldSchema {\n  const base: DynamicFormFieldSchema = createDefaultField(nextType, allFields);\n  return {\n    ...base,\n    name: field.name,\n    label: field.label,\n    description: field.description,\n    required: field.required,\n    validation: field.validation,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-ZA4NYPSW.js

@@ -0,0 +1,28 @@
+import {
+  DynamicForm
+} from "./chunk-GTO7GG2K.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/molecules/dynamic-form-editor-preview-panel.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DynamicFormEditorPreviewPanel(props) {
+  const { show, fields } = props;
+  if (!show) return null;
+  return /* @__PURE__ */ jsx(Card, { style: { width: 420, padding: 12 }, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ jsx(Typo, { variant: "body", children: "\uD504\uB9AC\uBDF0" }),
+    /* @__PURE__ */ jsx(DynamicForm.Root, { fields, onSubmit: () => void 0, readonly: true, children: /* @__PURE__ */ jsx(DynamicForm.FieldList, { labelVariant: "body" }) })
+  ] }) });
+}
+
+export {
+  DynamicFormEditorPreviewPanel
+};
+//# sourceMappingURL=chunk-ZA4NYPSW.js.map

package/dist/chunk-ZA4NYPSW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form-editor-preview-panel.tsx"],"sourcesContent":["import React from 'react';\nimport { Card } from '@/atoms/card';\nimport { Flex } from '@/atoms/flex';\nimport { Typo } from '@/atoms/typo';\nimport type { DynamicFormFieldSchema } from '@/types/dynamic-form-schema-generated';\nimport { DynamicForm } from './dynamic-form';\n\nexport interface DynamicFormEditorPreviewPanelProps {\n  show: boolean;\n  fields: DynamicFormFieldSchema[];\n}\n\nexport function DynamicFormEditorPreviewPanel(\n  props: DynamicFormEditorPreviewPanelProps\n): React.ReactElement | null {\n  const { show, fields } = props;\n  if (!show) return null;\n\n  return (\n    <Card style={{ width: 420, padding: 12 }}>\n      <Flex direction=\"column\" gap=\"3\">\n        <Typo variant=\"body\">프리뷰</Typo>\n        <DynamicForm.Root fields={fields} onSubmit={(): void => undefined} readonly>\n          <DynamicForm.FieldList labelVariant=\"body\" />\n        </DynamicForm.Root>\n      </Flex>\n    </Card>\n  );\n}\n\n"],"mappings":";;;;;;;;;;;;;;AAoBM,SACE,KADF;AARC,SAAS,8BACd,OAC2B;AAC3B,QAAM,EAAE,MAAM,OAAO,IAAI;AACzB,MAAI,CAAC,KAAM,QAAO;AAElB,SACE,oBAAC,QAAK,OAAO,EAAE,OAAO,KAAK,SAAS,GAAG,GACrC,+BAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,wBAAC,QAAK,SAAQ,QAAO,gCAAG;AAAA,IACxB,oBAAC,YAAY,MAAZ,EAAiB,QAAgB,UAAU,MAAY,QAAW,UAAQ,MACzE,8BAAC,YAAY,WAAZ,EAAsB,cAAa,QAAO,GAC7C;AAAA,KACF,GACF;AAEJ;","names":[]}