@tipp/ui 2.2.8 → 2.2.10

package/dist/molecules/time-select.js

@@ -2,10 +2,10 @@ import {
   TimeSelect
 } from "../chunk-W4SJNIHN.js";
 import "../chunk-V2DF2GUE.js";
-import "../chunk-BXX3B3E4.js";
 import "../chunk-NRPDVI76.js";
 import "../chunk-2BPFXK4L.js";
 import "../chunk-NWJSLIQ3.js";
+import "../chunk-BXX3B3E4.js";
 import "../chunk-HBF6IIVZ.js";
 import "../chunk-2OMSNCRH.js";
 import "../chunk-OYM4XCHQ.js";
@@ -22,7 +22,7 @@ import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
 import "../chunk-JIJLOKVN.js";
-import "../chunk-YYINCYQ2.js";
+import "../chunk-IWBIHII5.js";
 import "../chunk-5AVBYDPB.js";
 import "../chunk-365QMK4D.js";
 import "../chunk-YO3BQW6S.js";
@@ -35,13 +35,13 @@ import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-DHZVOXFM.js";
 import "../chunk-VTJZMOSP.js";
-import "../chunk-DIE6CIJQ.js";
+import "../chunk-YQRJ52FA.js";
 import "../chunk-BESTU2AY.js";
-import "../chunk-RHHS5DZL.js";
+import "../chunk-ZI34IKO5.js";
 import "../chunk-645GPOW2.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-U7N2PWMO.js";
-import "../chunk-636THO2G.js";
+import "../chunk-XK6VEVOK.js";
 import "../chunk-HF6GNDPV.js";
 import "../chunk-D4U2MCJG.js";
 import "../chunk-Y4U24VXI.js";
@@ -66,24 +66,24 @@ import "../chunk-Z34HR7RE.js";
 import "../chunk-PMJIFLDT.js";
 import "../chunk-LDBWASUA.js";
 import "../chunk-25HMMI7R.js";
-import "../chunk-TSXRCXC6.js";
+import "../chunk-ZVDAEY5Q.js";
 import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
 import "../chunk-V5XKNSCK.js";
 import "../chunk-WJ34ZHTU.js";
+import "../chunk-ZQE7SP6P.js";
+import "../chunk-R6ARPREO.js";
 import "../chunk-2O45FRFQ.js";
+import "../chunk-J2I3R3OV.js";
+import "../chunk-QO6KO6MN.js";
 import "../chunk-5KNRHIIF.js";
 import "../chunk-6JRAI4G5.js";
 import "../chunk-776WBOKL.js";
 import "../chunk-2FJ4LW7E.js";
-import "../chunk-ZQE7SP6P.js";
-import "../chunk-R6ARPREO.js";
 import "../chunk-YSYJCYHY.js";
 import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
 import "../chunk-YVFNJE4E.js";
-import "../chunk-J2I3R3OV.js";
-import "../chunk-QO6KO6MN.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-CRTRMMJ7.js";

package/dist/types/dynamic-form-json.cjs

@@ -1,8 +1,25 @@
 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -25,18 +42,42 @@ __export(dynamic_form_json_exports, {
 });
 module.exports = __toCommonJS(dynamic_form_json_exports);
 function convertJsonToDynamicFormProps(jsonSchema) {
-  const fields = jsonSchema.fields.map((field) => ({
-    name: field.name,
-    type: field.type,
-    label: field.label,
-    placeholder: field.placeholder,
-    description: field.description,
-    required: field.required,
-    labelVariant: field.labelVariant,
-    orientation: field.orientation,
-    options: field.options,
-    validation: field.validation ? createYupSchema(field.validation) : void 0
-  }));
+  const fields = jsonSchema.fields.map((field) => {
+    const baseField = {
+      name: field.name,
+      type: field.type,
+      label: field.label,
+      description: field.description,
+      required: field.required,
+      labelVariant: field.labelVariant,
+      validation: field.validation ? createYupSchema(field.validation) : void 0
+    };
+    switch (field.type) {
+      case "short_text":
+      case "long_text":
+      case "number":
+      case "email":
+      case "password":
+        return __spreadProps(__spreadValues({}, baseField), {
+          placeholder: field.placeholder
+        });
+      case "dropdown":
+        return __spreadProps(__spreadValues({}, baseField), {
+          placeholder: field.placeholder,
+          options: field.options
+        });
+      case "choice":
+      case "choices":
+        return __spreadProps(__spreadValues({}, baseField), {
+          options: field.options,
+          orientation: field.orientation
+        });
+      case "boolean":
+        return baseField;
+      default:
+        return baseField;
+    }
+  });
   return {
     fields,
     initialValues: jsonSchema.initialValues || {},
@@ -58,7 +99,7 @@ var exampleJsonSchema = {
   fields: [
     {
       name: "name",
-      type: "text",
+      type: "short_text",
       label: "\uC774\uB984",
       required: true,
       validation: {

package/dist/types/dynamic-form-json.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/dynamic-form-json.ts"],"sourcesContent":["// DynamicForm JSON Schema를 위한 TypeScript 타입 정의\n\nexport interface DynamicFormJsonSchema {\n  fields: DynamicFormFieldJson[];\n  initialValues?: Record<string, unknown>;\n  layout?: {\n    columns?: 1 | 2 | 3 | 4;\n    spacing?: 'compact' | 'normal' | 'relaxed';\n    sections?: FormSection[];\n  };\n  actions?: {\n    submit?: {\n      text?: string;\n      loadingText?: string;\n      disabled?: boolean;\n    };\n    reset?: {\n      text?: string;\n      show?: boolean;\n    };\n    cancel?: {\n      text?: string;\n      show?: boolean;\n      url?: string;\n    };\n  };\n}\n\nexport interface DynamicFormFieldJson {\n  name: string;\n  type: 'text' | 'number' | 'email' | 'password' | 'textarea' | 'select' | 'radio' | 'checkbox' | 'single-checkbox';\n  label: string;\n  placeholder?: string;\n  description?: string;\n  required?: boolean;\n  labelVariant?: 'title' | 'body' | 'caption';\n  orientation?: 'horizontal' | 'vertical';\n  options?: FieldOptionJson[];\n  validation?: ValidationRule;\n  defaultValue?: unknown;\n  disabled?: boolean;\n  readonly?: boolean;\n  hidden?: boolean;\n  conditional?: ConditionalRule;\n}\n\nexport interface FieldOptionJson {\n  label: string;\n  value: string | number;\n}\n\nexport interface ValidationRule {\n  type?: 'string' | 'number' | 'email' | 'array' | 'object';\n  required?: boolean;\n  min?: number;\n  max?: number;\n  pattern?: string;\n  message?: string;\n  oneOf?: unknown[];\n}\n\nexport interface ConditionalRule {\n  field: string;\n  operator: 'equals' | 'notEquals' | 'contains' | 'notContains' | 'greaterThan' | 'lessThan';\n  value: unknown;\n}\n\nexport interface FormSection {\n  title: string;\n  description?: string;\n  fields: string[];\n  collapsible?: boolean;\n}\n\n// JSON 스키마를 DynamicForm 컴포넌트 props로 변환하는 유틸리티 함수\nexport function convertJsonToDynamicFormProps(jsonSchema: DynamicFormJsonSchema) {\n  const fields = jsonSchema.fields.map(field => ({\n    name: field.name,\n    type: field.type,\n    label: field.label,\n    placeholder: field.placeholder,\n    description: field.description,\n    required: field.required,\n    labelVariant: field.labelVariant,\n    orientation: field.orientation,\n    options: field.options,\n    validation: field.validation ? createYupSchema(field.validation) : undefined,\n  }));\n\n  return {\n    fields,\n    initialValues: jsonSchema.initialValues || {},\n    submitButtonText: '제출',\n  };\n}\n\n// ValidationRule을 Yup 스키마로 변환하는 함수\nfunction createYupSchema(rule: ValidationRule) {\n  // 실제 구현에서는 Yup 스키마를 동적으로 생성\n  // 여기서는 예시로 간단한 구조만 보여줌\n  return {\n    type: rule.type,\n    required: rule.required,\n    min: rule.min,\n    max: rule.max,\n    pattern: rule.pattern,\n    message: rule.message,\n    oneOf: rule.oneOf,\n  };\n}\n\n// 사용 예시\nexport const exampleJsonSchema: DynamicFormJsonSchema = {\n  fields: [\n    {\n      name: \"name\",\n      type: \"text\",\n      label: \"이름\",\n      required: true,\n      validation: {\n        type: \"string\",\n        required: true,\n        min: 2,\n        message: \"이름은 최소 2자 이상이어야 합니다\"\n      }\n    },\n    {\n      name: \"email\",\n      type: \"email\",\n      label: \"이메일\",\n      required: true,\n      validation: {\n        type: \"email\",\n        required: true,\n        message: \"올바른 이메일 형식이 아닙니다\"\n      }\n    }\n  ],\n  initialValues: {\n    name: \"\",\n    email: \"\"\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2EO,SAAS,8BAA8B,YAAmC;AAC/E,QAAM,SAAS,WAAW,OAAO,IAAI,YAAU;AAAA,IAC7C,MAAM,MAAM;AAAA,IACZ,MAAM,MAAM;AAAA,IACZ,OAAO,MAAM;AAAA,IACb,aAAa,MAAM;AAAA,IACnB,aAAa,MAAM;AAAA,IACnB,UAAU,MAAM;AAAA,IAChB,cAAc,MAAM;AAAA,IACpB,aAAa,MAAM;AAAA,IACnB,SAAS,MAAM;AAAA,IACf,YAAY,MAAM,aAAa,gBAAgB,MAAM,UAAU,IAAI;AAAA,EACrE,EAAE;AAEF,SAAO;AAAA,IACL;AAAA,IACA,eAAe,WAAW,iBAAiB,CAAC;AAAA,IAC5C,kBAAkB;AAAA,EACpB;AACF;AAGA,SAAS,gBAAgB,MAAsB;AAG7C,SAAO;AAAA,IACL,MAAM,KAAK;AAAA,IACX,UAAU,KAAK;AAAA,IACf,KAAK,KAAK;AAAA,IACV,KAAK,KAAK;AAAA,IACV,SAAS,KAAK;AAAA,IACd,SAAS,KAAK;AAAA,IACd,OAAO,KAAK;AAAA,EACd;AACF;AAGO,IAAM,oBAA2C;AAAA,EACtD,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,KAAK;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;","names":[]}
+{"version":3,"sources":["../../src/types/dynamic-form-json.ts"],"sourcesContent":["// DynamicForm JSON Schema를 위한 TypeScript 타입 정의\n\nexport interface DynamicFormJsonSchema {\n  fields: DynamicFormFieldJson[];\n  initialValues?: Record<string, unknown>;\n  layout?: {\n    columns?: 1 | 2 | 3 | 4;\n    spacing?: 'compact' | 'normal' | 'relaxed';\n    sections?: FormSection[];\n  };\n  actions?: {\n    submit?: {\n      text?: string;\n      loadingText?: string;\n      disabled?: boolean;\n    };\n    reset?: {\n      text?: string;\n      show?: boolean;\n    };\n    cancel?: {\n      text?: string;\n      show?: boolean;\n      url?: string;\n    };\n  };\n}\n\n// 공통 필드 속성\nexport interface BaseFieldJson {\n  name: string;\n  label: string;\n  description?: string;\n  required?: boolean;\n  validation?: ValidationRule;\n  labelVariant?: 'default' | 'bold' | 'subtle';\n}\n\n// 필드 옵션 인터페이스\nexport interface FieldOptionJson {\n  label: string;\n  value: string | number;\n}\n\n// 텍스트 입력 필드\nexport interface ShortTextFieldJson extends BaseFieldJson {\n  type: 'short_text';\n  placeholder?: string;\n}\n\n// 긴 텍스트 입력 필드\nexport interface LongTextFieldJson extends BaseFieldJson {\n  type: 'long_text';\n  placeholder?: string;\n}\n\n// 숫자 입력 필드\nexport interface NumberFieldJson extends BaseFieldJson {\n  type: 'number';\n  placeholder?: string;\n}\n\n// 이메일 입력 필드\nexport interface EmailFieldJson extends BaseFieldJson {\n  type: 'email';\n  placeholder?: string;\n}\n\n// 비밀번호 입력 필드\nexport interface PasswordFieldJson extends BaseFieldJson {\n  type: 'password';\n  placeholder?: string;\n}\n\n// 드롭다운 선택 필드\nexport interface DropdownFieldJson extends BaseFieldJson {\n  type: 'dropdown';\n  placeholder?: string;\n  options: FieldOptionJson[];\n}\n\n// 단일 선택 필드 (라디오 버튼)\nexport interface ChoiceFieldJson extends BaseFieldJson {\n  type: 'choice';\n  options: FieldOptionJson[];\n  orientation?: 'horizontal' | 'vertical';\n}\n\n// 다중 선택 필드 (체크박스)\nexport interface ChoicesFieldJson extends BaseFieldJson {\n  type: 'choices';\n  options: FieldOptionJson[];\n  orientation?: 'horizontal' | 'vertical';\n}\n\n// 불린 필드 (체크박스)\nexport interface BooleanFieldJson extends BaseFieldJson {\n  type: 'boolean';\n}\n\n// 통합 필드 타입\nexport type DynamicFormFieldJson = \n  | ShortTextFieldJson\n  | LongTextFieldJson\n  | NumberFieldJson\n  | EmailFieldJson\n  | PasswordFieldJson\n  | DropdownFieldJson\n  | ChoiceFieldJson\n  | ChoicesFieldJson\n  | BooleanFieldJson;\n\nexport interface ValidationRule {\n  type?: 'string' | 'number' | 'email' | 'array' | 'object';\n  required?: boolean;\n  min?: number;\n  max?: number;\n  pattern?: string;\n  message?: string;\n  oneOf?: unknown[];\n}\n\nexport interface ConditionalRule {\n  field: string;\n  operator: 'equals' | 'notEquals' | 'contains' | 'notContains' | 'greaterThan' | 'lessThan';\n  value: unknown;\n}\n\nexport interface FormSection {\n  title: string;\n  description?: string;\n  fields: string[];\n  collapsible?: boolean;\n}\n\n// JSON 스키마를 DynamicForm 컴포넌트 props로 변환하는 유틸리티 함수\nexport function convertJsonToDynamicFormProps(jsonSchema: DynamicFormJsonSchema) {\n  const fields = jsonSchema.fields.map(field => {\n    const baseField = {\n      name: field.name,\n      type: field.type,\n      label: field.label,\n      description: field.description,\n      required: field.required,\n      labelVariant: field.labelVariant,\n      validation: field.validation ? createYupSchema(field.validation) : undefined,\n    };\n\n    // 타입별로 필요한 속성만 추가\n    switch (field.type) {\n      case 'short_text':\n      case 'long_text':\n      case 'number':\n      case 'email':\n      case 'password':\n        return {\n          ...baseField,\n          placeholder: field.placeholder,\n        };\n      \n      case 'dropdown':\n        return {\n          ...baseField,\n          placeholder: field.placeholder,\n          options: field.options,\n        };\n      \n      case 'choice':\n      case 'choices':\n        return {\n          ...baseField,\n          options: field.options,\n          orientation: field.orientation,\n        };\n      \n      case 'boolean':\n        return baseField;\n      \n      default:\n        return baseField;\n    }\n  });\n\n  return {\n    fields,\n    initialValues: jsonSchema.initialValues || {},\n    submitButtonText: '제출',\n  };\n}\n\n// ValidationRule을 Yup 스키마로 변환하는 함수\nfunction createYupSchema(rule: ValidationRule) {\n  // 실제 구현에서는 Yup 스키마를 동적으로 생성\n  // 여기서는 예시로 간단한 구조만 보여줌\n  return {\n    type: rule.type,\n    required: rule.required,\n    min: rule.min,\n    max: rule.max,\n    pattern: rule.pattern,\n    message: rule.message,\n    oneOf: rule.oneOf,\n  };\n}\n\n// 사용 예시\nexport const exampleJsonSchema: DynamicFormJsonSchema = {\n  fields: [\n    {\n      name: \"name\",\n      type: \"short_text\",\n      label: \"이름\",\n      required: true,\n      validation: {\n        type: \"string\",\n        required: true,\n        min: 2,\n        message: \"이름은 최소 2자 이상이어야 합니다\"\n      }\n    },\n    {\n      name: \"email\",\n      type: \"email\",\n      label: \"이메일\",\n      required: true,\n      validation: {\n        type: \"email\",\n        required: true,\n        message: \"올바른 이메일 형식이 아닙니다\"\n      }\n    }\n  ],\n  initialValues: {\n    name: \"\",\n    email: \"\"\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwIO,SAAS,8BAA8B,YAAmC;AAC/E,QAAM,SAAS,WAAW,OAAO,IAAI,WAAS;AAC5C,UAAM,YAAY;AAAA,MAChB,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,MACZ,OAAO,MAAM;AAAA,MACb,aAAa,MAAM;AAAA,MACnB,UAAU,MAAM;AAAA,MAChB,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM,aAAa,gBAAgB,MAAM,UAAU,IAAI;AAAA,IACrE;AAGA,YAAQ,MAAM,MAAM;AAAA,MAClB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,iCACF,YADE;AAAA,UAEL,aAAa,MAAM;AAAA,QACrB;AAAA,MAEF,KAAK;AACH,eAAO,iCACF,YADE;AAAA,UAEL,aAAa,MAAM;AAAA,UACnB,SAAS,MAAM;AAAA,QACjB;AAAA,MAEF,KAAK;AAAA,MACL,KAAK;AACH,eAAO,iCACF,YADE;AAAA,UAEL,SAAS,MAAM;AAAA,UACf,aAAa,MAAM;AAAA,QACrB;AAAA,MAEF,KAAK;AACH,eAAO;AAAA,MAET;AACE,eAAO;AAAA,IACX;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA,eAAe,WAAW,iBAAiB,CAAC;AAAA,IAC5C,kBAAkB;AAAA,EACpB;AACF;AAGA,SAAS,gBAAgB,MAAsB;AAG7C,SAAO;AAAA,IACL,MAAM,KAAK;AAAA,IACX,UAAU,KAAK;AAAA,IACf,KAAK,KAAK;AAAA,IACV,KAAK,KAAK;AAAA,IACV,SAAS,KAAK;AAAA,IACd,SAAS,KAAK;AAAA,IACd,OAAO,KAAK;AAAA,EACd;AACF;AAGO,IAAM,oBAA2C;AAAA,EACtD,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,KAAK;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;","names":[]}

package/dist/types/dynamic-form-json.d.cts

@@ -23,27 +23,57 @@ interface DynamicFormJsonSchema {
         };
     };
 }
-interface DynamicFormFieldJson {
+interface BaseFieldJson {
     name: string;
-    type: 'text' | 'number' | 'email' | 'password' | 'textarea' | 'select' | 'radio' | 'checkbox' | 'single-checkbox';
     label: string;
-    placeholder?: string;
     description?: string;
     required?: boolean;
-    labelVariant?: 'title' | 'body' | 'caption';
-    orientation?: 'horizontal' | 'vertical';
-    options?: FieldOptionJson[];
     validation?: ValidationRule;
-    defaultValue?: unknown;
-    disabled?: boolean;
-    readonly?: boolean;
-    hidden?: boolean;
-    conditional?: ConditionalRule;
+    labelVariant?: 'default' | 'bold' | 'subtle';
 }
 interface FieldOptionJson {
     label: string;
     value: string | number;
 }
+interface ShortTextFieldJson extends BaseFieldJson {
+    type: 'short_text';
+    placeholder?: string;
+}
+interface LongTextFieldJson extends BaseFieldJson {
+    type: 'long_text';
+    placeholder?: string;
+}
+interface NumberFieldJson extends BaseFieldJson {
+    type: 'number';
+    placeholder?: string;
+}
+interface EmailFieldJson extends BaseFieldJson {
+    type: 'email';
+    placeholder?: string;
+}
+interface PasswordFieldJson extends BaseFieldJson {
+    type: 'password';
+    placeholder?: string;
+}
+interface DropdownFieldJson extends BaseFieldJson {
+    type: 'dropdown';
+    placeholder?: string;
+    options: FieldOptionJson[];
+}
+interface ChoiceFieldJson extends BaseFieldJson {
+    type: 'choice';
+    options: FieldOptionJson[];
+    orientation?: 'horizontal' | 'vertical';
+}
+interface ChoicesFieldJson extends BaseFieldJson {
+    type: 'choices';
+    options: FieldOptionJson[];
+    orientation?: 'horizontal' | 'vertical';
+}
+interface BooleanFieldJson extends BaseFieldJson {
+    type: 'boolean';
+}
+type DynamicFormFieldJson = ShortTextFieldJson | LongTextFieldJson | NumberFieldJson | EmailFieldJson | PasswordFieldJson | DropdownFieldJson | ChoiceFieldJson | ChoicesFieldJson | BooleanFieldJson;
 interface ValidationRule {
     type?: 'string' | 'number' | 'email' | 'array' | 'object';
     required?: boolean;
@@ -65,16 +95,66 @@ interface FormSection {
     collapsible?: boolean;
 }
 declare function convertJsonToDynamicFormProps(jsonSchema: DynamicFormJsonSchema): {
-    fields: {
+    fields: ({
         name: string;
-        type: "number" | "select" | "textarea" | "text" | "checkbox" | "radio" | "email" | "password" | "single-checkbox";
+        type: "number" | "boolean" | "short_text" | "long_text" | "email" | "password" | "dropdown" | "choice" | "choices";
         label: string;
+        description: string | undefined;
+        required: boolean | undefined;
+        labelVariant: "default" | "bold" | "subtle" | undefined;
+        validation: {
+            type: "string" | "number" | "object" | "email" | "array" | undefined;
+            required: boolean | undefined;
+            min: number | undefined;
+            max: number | undefined;
+            pattern: string | undefined;
+            message: string | undefined;
+            oneOf: unknown[] | undefined;
+        } | undefined;
+    } | {
         placeholder: string | undefined;
+        name: string;
+        type: "number" | "boolean" | "short_text" | "long_text" | "email" | "password" | "dropdown" | "choice" | "choices";
+        label: string;
         description: string | undefined;
         required: boolean | undefined;
-        labelVariant: "body" | "caption" | "title" | undefined;
+        labelVariant: "default" | "bold" | "subtle" | undefined;
+        validation: {
+            type: "string" | "number" | "object" | "email" | "array" | undefined;
+            required: boolean | undefined;
+            min: number | undefined;
+            max: number | undefined;
+            pattern: string | undefined;
+            message: string | undefined;
+            oneOf: unknown[] | undefined;
+        } | undefined;
+    } | {
+        placeholder: string | undefined;
+        options: FieldOptionJson[];
+        name: string;
+        type: "number" | "boolean" | "short_text" | "long_text" | "email" | "password" | "dropdown" | "choice" | "choices";
+        label: string;
+        description: string | undefined;
+        required: boolean | undefined;
+        labelVariant: "default" | "bold" | "subtle" | undefined;
+        validation: {
+            type: "string" | "number" | "object" | "email" | "array" | undefined;
+            required: boolean | undefined;
+            min: number | undefined;
+            max: number | undefined;
+            pattern: string | undefined;
+            message: string | undefined;
+            oneOf: unknown[] | undefined;
+        } | undefined;
+    } | {
+        options: FieldOptionJson[];
         orientation: "horizontal" | "vertical" | undefined;
-        options: FieldOptionJson[] | undefined;
+        name: string;
+        type: "number" | "boolean" | "short_text" | "long_text" | "email" | "password" | "dropdown" | "choice" | "choices";
+        label: string;
+        description: string | undefined;
+        required: boolean | undefined;
+        labelVariant: "default" | "bold" | "subtle" | undefined;
         validation: {
             type: "string" | "number" | "object" | "email" | "array" | undefined;
             required: boolean | undefined;
@@ -84,10 +164,10 @@ declare function convertJsonToDynamicFormProps(jsonSchema: DynamicFormJsonSchema
             message: string | undefined;
             oneOf: unknown[] | undefined;
         } | undefined;
-    }[];
+    })[];
     initialValues: Record<string, unknown>;
     submitButtonText: string;
 };
 declare const exampleJsonSchema: DynamicFormJsonSchema;
 
-export { type ConditionalRule, type DynamicFormFieldJson, type DynamicFormJsonSchema, type FieldOptionJson, type FormSection, type ValidationRule, convertJsonToDynamicFormProps, exampleJsonSchema };
+export { type BaseFieldJson, type BooleanFieldJson, type ChoiceFieldJson, type ChoicesFieldJson, type ConditionalRule, type DropdownFieldJson, type DynamicFormFieldJson, type DynamicFormJsonSchema, type EmailFieldJson, type FieldOptionJson, type FormSection, type LongTextFieldJson, type NumberFieldJson, type PasswordFieldJson, type ShortTextFieldJson, type ValidationRule, convertJsonToDynamicFormProps, exampleJsonSchema };

package/dist/types/dynamic-form-json.d.ts

@@ -23,27 +23,57 @@ interface DynamicFormJsonSchema {
         };
     };
 }
-interface DynamicFormFieldJson {
+interface BaseFieldJson {
     name: string;
-    type: 'text' | 'number' | 'email' | 'password' | 'textarea' | 'select' | 'radio' | 'checkbox' | 'single-checkbox';
     label: string;
-    placeholder?: string;
     description?: string;
     required?: boolean;
-    labelVariant?: 'title' | 'body' | 'caption';
-    orientation?: 'horizontal' | 'vertical';
-    options?: FieldOptionJson[];
     validation?: ValidationRule;
-    defaultValue?: unknown;
-    disabled?: boolean;
-    readonly?: boolean;
-    hidden?: boolean;
-    conditional?: ConditionalRule;
+    labelVariant?: 'default' | 'bold' | 'subtle';
 }
 interface FieldOptionJson {
     label: string;
     value: string | number;
 }
+interface ShortTextFieldJson extends BaseFieldJson {
+    type: 'short_text';
+    placeholder?: string;
+}
+interface LongTextFieldJson extends BaseFieldJson {
+    type: 'long_text';
+    placeholder?: string;
+}
+interface NumberFieldJson extends BaseFieldJson {
+    type: 'number';
+    placeholder?: string;
+}
+interface EmailFieldJson extends BaseFieldJson {
+    type: 'email';
+    placeholder?: string;
+}
+interface PasswordFieldJson extends BaseFieldJson {
+    type: 'password';
+    placeholder?: string;
+}
+interface DropdownFieldJson extends BaseFieldJson {
+    type: 'dropdown';
+    placeholder?: string;
+    options: FieldOptionJson[];
+}
+interface ChoiceFieldJson extends BaseFieldJson {
+    type: 'choice';
+    options: FieldOptionJson[];
+    orientation?: 'horizontal' | 'vertical';
+}
+interface ChoicesFieldJson extends BaseFieldJson {
+    type: 'choices';
+    options: FieldOptionJson[];
+    orientation?: 'horizontal' | 'vertical';
+}
+interface BooleanFieldJson extends BaseFieldJson {
+    type: 'boolean';
+}
+type DynamicFormFieldJson = ShortTextFieldJson | LongTextFieldJson | NumberFieldJson | EmailFieldJson | PasswordFieldJson | DropdownFieldJson | ChoiceFieldJson | ChoicesFieldJson | BooleanFieldJson;
 interface ValidationRule {
     type?: 'string' | 'number' | 'email' | 'array' | 'object';
     required?: boolean;
@@ -65,16 +95,66 @@ interface FormSection {
     collapsible?: boolean;
 }
 declare function convertJsonToDynamicFormProps(jsonSchema: DynamicFormJsonSchema): {
-    fields: {
+    fields: ({
         name: string;
-        type: "number" | "select" | "textarea" | "text" | "checkbox" | "radio" | "email" | "password" | "single-checkbox";
+        type: "number" | "boolean" | "short_text" | "long_text" | "email" | "password" | "dropdown" | "choice" | "choices";
         label: string;
+        description: string | undefined;
+        required: boolean | undefined;
+        labelVariant: "default" | "bold" | "subtle" | undefined;
+        validation: {
+            type: "string" | "number" | "object" | "email" | "array" | undefined;
+            required: boolean | undefined;
+            min: number | undefined;
+            max: number | undefined;
+            pattern: string | undefined;
+            message: string | undefined;
+            oneOf: unknown[] | undefined;
+        } | undefined;
+    } | {
         placeholder: string | undefined;
+        name: string;
+        type: "number" | "boolean" | "short_text" | "long_text" | "email" | "password" | "dropdown" | "choice" | "choices";
+        label: string;
         description: string | undefined;
         required: boolean | undefined;
-        labelVariant: "body" | "caption" | "title" | undefined;
+        labelVariant: "default" | "bold" | "subtle" | undefined;
+        validation: {
+            type: "string" | "number" | "object" | "email" | "array" | undefined;
+            required: boolean | undefined;
+            min: number | undefined;
+            max: number | undefined;
+            pattern: string | undefined;
+            message: string | undefined;
+            oneOf: unknown[] | undefined;
+        } | undefined;
+    } | {
+        placeholder: string | undefined;
+        options: FieldOptionJson[];
+        name: string;
+        type: "number" | "boolean" | "short_text" | "long_text" | "email" | "password" | "dropdown" | "choice" | "choices";
+        label: string;
+        description: string | undefined;
+        required: boolean | undefined;
+        labelVariant: "default" | "bold" | "subtle" | undefined;
+        validation: {
+            type: "string" | "number" | "object" | "email" | "array" | undefined;
+            required: boolean | undefined;
+            min: number | undefined;
+            max: number | undefined;
+            pattern: string | undefined;
+            message: string | undefined;
+            oneOf: unknown[] | undefined;
+        } | undefined;
+    } | {
+        options: FieldOptionJson[];
         orientation: "horizontal" | "vertical" | undefined;
-        options: FieldOptionJson[] | undefined;
+        name: string;
+        type: "number" | "boolean" | "short_text" | "long_text" | "email" | "password" | "dropdown" | "choice" | "choices";
+        label: string;
+        description: string | undefined;
+        required: boolean | undefined;
+        labelVariant: "default" | "bold" | "subtle" | undefined;
         validation: {
             type: "string" | "number" | "object" | "email" | "array" | undefined;
             required: boolean | undefined;
@@ -84,10 +164,10 @@ declare function convertJsonToDynamicFormProps(jsonSchema: DynamicFormJsonSchema
             message: string | undefined;
             oneOf: unknown[] | undefined;
         } | undefined;
-    }[];
+    })[];
     initialValues: Record<string, unknown>;
     submitButtonText: string;
 };
 declare const exampleJsonSchema: DynamicFormJsonSchema;
 
-export { type ConditionalRule, type DynamicFormFieldJson, type DynamicFormJsonSchema, type FieldOptionJson, type FormSection, type ValidationRule, convertJsonToDynamicFormProps, exampleJsonSchema };
+export { type BaseFieldJson, type BooleanFieldJson, type ChoiceFieldJson, type ChoicesFieldJson, type ConditionalRule, type DropdownFieldJson, type DynamicFormFieldJson, type DynamicFormJsonSchema, type EmailFieldJson, type FieldOptionJson, type FormSection, type LongTextFieldJson, type NumberFieldJson, type PasswordFieldJson, type ShortTextFieldJson, type ValidationRule, convertJsonToDynamicFormProps, exampleJsonSchema };

package/dist/types/dynamic-form-json.js

@@ -1,7 +1,7 @@
 import {
   convertJsonToDynamicFormProps,
   exampleJsonSchema
-} from "../chunk-L6SWBTYQ.js";
+} from "../chunk-DZ2ATKKT.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   convertJsonToDynamicFormProps,

package/dist/types/dynamic-form-schema-generated.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/types/dynamic-form-schema-generated.ts
+var dynamic_form_schema_generated_exports = {};
+module.exports = __toCommonJS(dynamic_form_schema_generated_exports);
+//# sourceMappingURL=dynamic-form-schema-generated.cjs.map

package/dist/types/dynamic-form-schema-generated.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types/dynamic-form-schema-generated.ts"],"sourcesContent":["/* eslint-disable */\n/**\n * This file was automatically generated by json-schema-to-typescript.\n * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,\n * and run json-schema-to-typescript to regenerate this file.\n */\n\nexport type DynamicFormFieldSchema =\n  | ShortTextField\n  | LongTextField\n  | NumberField\n  | EmailField\n  | DropdownField\n  | ChoiceField\n  | ChoicesField\n  | YesNoField;\nexport type ShortTextField = FieldBaseType &\n  TextFieldCommon & {\n    type: \"short_text\";\n    [k: string]: unknown;\n  };\nexport type LongTextField = FieldBaseType &\n  TextFieldCommon & {\n    type: \"long_text\";\n    [k: string]: unknown;\n  };\nexport type NumberField = FieldBaseType &\n  TextFieldCommon & {\n    type: \"number\";\n    [k: string]: unknown;\n  };\nexport type EmailField = FieldBaseType &\n  TextFieldCommon & {\n    type: \"email\";\n    [k: string]: unknown;\n  };\nexport type DropdownField = FieldBaseType &\n  TextFieldCommon &\n  OptionFieldCommon & {\n    type: \"dropdown\";\n    [k: string]: unknown;\n  };\nexport type ChoiceField = FieldBaseType &\n  OptionFieldCommon &\n  OrientationFieldCommon & {\n    type: \"choice\";\n    [k: string]: unknown;\n  };\nexport type ChoicesField = FieldBaseType &\n  OptionFieldCommon &\n  OrientationFieldCommon & {\n    type: \"choices\";\n    [k: string]: unknown;\n  };\nexport type YesNoField = FieldBaseType & {\n  type: \"yes_no\";\n  [k: string]: unknown;\n};\n\n/**\n * JSON 스키마 for DynamicForm 컴포넌트\n */\nexport interface DynamicFormSchema {\n  /**\n   * 폼 필드 정의 배열\n   */\n  fields: DynamicFormFieldSchema[];\n  [k: string]: unknown;\n}\nexport interface FieldBaseType {\n  name: string;\n  type: string;\n  label: string;\n  description?: string;\n  required?: boolean;\n  validation?: ValidationRule;\n  [k: string]: unknown;\n}\nexport interface ValidationRule {\n  min?: number;\n  max?: number;\n  pattern?: string;\n  message?: string;\n  oneOf?: unknown[];\n  [k: string]: unknown;\n}\nexport interface TextFieldCommon {\n  placeholder?: string;\n  [k: string]: unknown;\n}\nexport interface OptionFieldCommon {\n  options: FieldOption[];\n  [k: string]: unknown;\n}\nexport interface FieldOption {\n  label: string;\n  value: string | number;\n  [k: string]: unknown;\n}\nexport interface OrientationFieldCommon {\n  orientation?: \"horizontal\" | \"vertical\";\n  [k: string]: unknown;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/types/dynamic-form-schema-generated.d.cts

@@ -0,0 +1,84 @@
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+type DynamicFormFieldSchema = ShortTextField | LongTextField | NumberField | EmailField | DropdownField | ChoiceField | ChoicesField | YesNoField;
+type ShortTextField = FieldBaseType & TextFieldCommon & {
+    type: "short_text";
+    [k: string]: unknown;
+};
+type LongTextField = FieldBaseType & TextFieldCommon & {
+    type: "long_text";
+    [k: string]: unknown;
+};
+type NumberField = FieldBaseType & TextFieldCommon & {
+    type: "number";
+    [k: string]: unknown;
+};
+type EmailField = FieldBaseType & TextFieldCommon & {
+    type: "email";
+    [k: string]: unknown;
+};
+type DropdownField = FieldBaseType & TextFieldCommon & OptionFieldCommon & {
+    type: "dropdown";
+    [k: string]: unknown;
+};
+type ChoiceField = FieldBaseType & OptionFieldCommon & OrientationFieldCommon & {
+    type: "choice";
+    [k: string]: unknown;
+};
+type ChoicesField = FieldBaseType & OptionFieldCommon & OrientationFieldCommon & {
+    type: "choices";
+    [k: string]: unknown;
+};
+type YesNoField = FieldBaseType & {
+    type: "yes_no";
+    [k: string]: unknown;
+};
+/**
+ * JSON 스키마 for DynamicForm 컴포넌트
+ */
+interface DynamicFormSchema {
+    /**
+     * 폼 필드 정의 배열
+     */
+    fields: DynamicFormFieldSchema[];
+    [k: string]: unknown;
+}
+interface FieldBaseType {
+    name: string;
+    type: string;
+    label: string;
+    description?: string;
+    required?: boolean;
+    validation?: ValidationRule;
+    [k: string]: unknown;
+}
+interface ValidationRule {
+    min?: number;
+    max?: number;
+    pattern?: string;
+    message?: string;
+    oneOf?: unknown[];
+    [k: string]: unknown;
+}
+interface TextFieldCommon {
+    placeholder?: string;
+    [k: string]: unknown;
+}
+interface OptionFieldCommon {
+    options: FieldOption[];
+    [k: string]: unknown;
+}
+interface FieldOption {
+    label: string;
+    value: string | number;
+    [k: string]: unknown;
+}
+interface OrientationFieldCommon {
+    orientation?: "horizontal" | "vertical";
+    [k: string]: unknown;
+}
+
+export type { ChoiceField, ChoicesField, DropdownField, DynamicFormFieldSchema, DynamicFormSchema, EmailField, FieldBaseType, FieldOption, LongTextField, NumberField, OptionFieldCommon, OrientationFieldCommon, ShortTextField, TextFieldCommon, ValidationRule, YesNoField };