@tipp/ui 2.2.8 → 2.2.10

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

@@ -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 };

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

@@ -0,0 +1,2 @@
+import "../chunk-6AVVI6B5.js";
+//# sourceMappingURL=dynamic-form-schema-generated.js.map

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

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

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

@@ -0,0 +1,88 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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.ts
+var dynamic_form_schema_exports = {};
+__export(dynamic_form_schema_exports, {
+  hasOptions: () => hasOptions,
+  hasOrientation: () => hasOrientation,
+  hasPlaceholder: () => hasPlaceholder,
+  isBooleanField: () => isBooleanField,
+  isChoiceField: () => isChoiceField,
+  isChoicesField: () => isChoicesField,
+  isDropdownField: () => isDropdownField,
+  isEmailField: () => isEmailField,
+  isLongTextField: () => isLongTextField,
+  isNumberField: () => isNumberField,
+  isPasswordField: () => isPasswordField,
+  isShortTextField: () => isShortTextField
+});
+module.exports = __toCommonJS(dynamic_form_schema_exports);
+function isShortTextField(field) {
+  return field.type === "short_text";
+}
+function isLongTextField(field) {
+  return field.type === "long_text";
+}
+function isNumberField(field) {
+  return field.type === "number";
+}
+function isEmailField(field) {
+  return field.type === "email";
+}
+function isPasswordField(field) {
+  return field.type === "password";
+}
+function isDropdownField(field) {
+  return field.type === "dropdown";
+}
+function isChoiceField(field) {
+  return field.type === "choice";
+}
+function isChoicesField(field) {
+  return field.type === "choices";
+}
+function isBooleanField(field) {
+  return field.type === "boolean";
+}
+function hasOptions(field) {
+  return field.type === "dropdown" || field.type === "choice" || field.type === "choices";
+}
+function hasPlaceholder(field) {
+  return field.type === "short_text" || field.type === "long_text" || field.type === "number" || field.type === "email" || field.type === "password" || field.type === "dropdown";
+}
+function hasOrientation(field) {
+  return field.type === "choice" || field.type === "choices";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  hasOptions,
+  hasOrientation,
+  hasPlaceholder,
+  isBooleanField,
+  isChoiceField,
+  isChoicesField,
+  isDropdownField,
+  isEmailField,
+  isLongTextField,
+  isNumberField,
+  isPasswordField,
+  isShortTextField
+});
+//# sourceMappingURL=dynamic-form-schema.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types/dynamic-form-schema.ts"],"sourcesContent":["// JSON Schema 기반 DynamicForm 타입 정의\n// 이 파일은 dynamic-form-schema.json을 기반으로 생성된 타입입니다\n\n// 공통 필드 속성\nexport interface BaseFieldSchema {\n  name: string;\n  label: string;\n  description?: string;\n  required?: boolean;\n  validation?: ValidationRule;\n  labelVariant?: 'default' | 'bold' | 'subtle';\n  defaultValue?: unknown;\n  disabled?: boolean;\n  readonly?: boolean;\n  hidden?: boolean;\n  conditional?: ConditionalRule;\n}\n\n// 필드 옵션 인터페이스\nexport interface FieldOptionSchema {\n  label: string;\n  value: string | number;\n}\n\n// 텍스트 입력 필드\nexport interface ShortTextFieldSchema extends BaseFieldSchema {\n  type: 'short_text';\n  placeholder?: string;\n}\n\n// 긴 텍스트 입력 필드\nexport interface LongTextFieldSchema extends BaseFieldSchema {\n  type: 'long_text';\n  placeholder?: string;\n}\n\n// 숫자 입력 필드\nexport interface NumberFieldSchema extends BaseFieldSchema {\n  type: 'number';\n  placeholder?: string;\n}\n\n// 이메일 입력 필드\nexport interface EmailFieldSchema extends BaseFieldSchema {\n  type: 'email';\n  placeholder?: string;\n}\n\n// 비밀번호 입력 필드\nexport interface PasswordFieldSchema extends BaseFieldSchema {\n  type: 'password';\n  placeholder?: string;\n}\n\n// 드롭다운 선택 필드\nexport interface DropdownFieldSchema extends BaseFieldSchema {\n  type: 'dropdown';\n  placeholder?: string;\n  options: FieldOptionSchema[];\n}\n\n// 단일 선택 필드 (라디오 버튼)\nexport interface ChoiceFieldSchema extends BaseFieldSchema {\n  type: 'choice';\n  options: FieldOptionSchema[];\n  orientation?: 'horizontal' | 'vertical';\n}\n\n// 다중 선택 필드 (체크박스)\nexport interface ChoicesFieldSchema extends BaseFieldSchema {\n  type: 'choices';\n  options: FieldOptionSchema[];\n  orientation?: 'horizontal' | 'vertical';\n}\n\n// 불린 필드 (체크박스)\nexport interface BooleanFieldSchema extends BaseFieldSchema {\n  type: 'boolean';\n}\n\n// 통합 필드 타입 (기존 DynamicFormField 대체)\nexport type DynamicFormFieldSchema = \n  | ShortTextFieldSchema\n  | LongTextFieldSchema\n  | NumberFieldSchema\n  | EmailFieldSchema\n  | PasswordFieldSchema\n  | DropdownFieldSchema\n  | ChoiceFieldSchema\n  | ChoicesFieldSchema\n  | BooleanFieldSchema;\n\n// 폼 섹션\nexport interface FormSectionSchema {\n  title: string;\n  description?: string;\n  fields: string[];\n  collapsible?: boolean;\n}\n\n// 폼 레이아웃\nexport interface FormLayoutSchema {\n  columns?: 1 | 2 | 3 | 4;\n  spacing?: 'compact' | 'normal' | 'relaxed';\n  sections?: FormSectionSchema[];\n}\n\n// 폼 액션\nexport interface FormActionsSchema {\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 DynamicFormSchema {\n  fields: DynamicFormFieldSchema[];\n  initialValues?: Record<string, unknown>;\n  layout?: FormLayoutSchema;\n  actions?: FormActionsSchema;\n}\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\n// 조건부 규칙\nexport interface ConditionalRule {\n  field: string;\n  operator: 'equals' | 'notEquals' | 'contains' | 'notContains' | 'greaterThan' | 'lessThan';\n  value: unknown;\n}\n\n// 타입 가드 함수들\nexport function isShortTextField(field: DynamicFormFieldSchema): field is ShortTextFieldSchema {\n  return field.type === 'short_text';\n}\n\nexport function isLongTextField(field: DynamicFormFieldSchema): field is LongTextFieldSchema {\n  return field.type === 'long_text';\n}\n\nexport function isNumberField(field: DynamicFormFieldSchema): field is NumberFieldSchema {\n  return field.type === 'number';\n}\n\nexport function isEmailField(field: DynamicFormFieldSchema): field is EmailFieldSchema {\n  return field.type === 'email';\n}\n\nexport function isPasswordField(field: DynamicFormFieldSchema): field is PasswordFieldSchema {\n  return field.type === 'password';\n}\n\nexport function isDropdownField(field: DynamicFormFieldSchema): field is DropdownFieldSchema {\n  return field.type === 'dropdown';\n}\n\nexport function isChoiceField(field: DynamicFormFieldSchema): field is ChoiceFieldSchema {\n  return field.type === 'choice';\n}\n\nexport function isChoicesField(field: DynamicFormFieldSchema): field is ChoicesFieldSchema {\n  return field.type === 'choices';\n}\n\nexport function isBooleanField(field: DynamicFormFieldSchema): field is BooleanFieldSchema {\n  return field.type === 'boolean';\n}\n\n// 옵션이 필요한 필드 타입 체크\nexport function hasOptions(field: DynamicFormFieldSchema): field is DropdownFieldSchema | ChoiceFieldSchema | ChoicesFieldSchema {\n  return field.type === 'dropdown' || field.type === 'choice' || field.type === 'choices';\n}\n\n// 플레이스홀더가 필요한 필드 타입 체크\nexport function hasPlaceholder(field: DynamicFormFieldSchema): field is ShortTextFieldSchema | LongTextFieldSchema | NumberFieldSchema | EmailFieldSchema | PasswordFieldSchema | DropdownFieldSchema {\n  return field.type === 'short_text' || field.type === 'long_text' || field.type === 'number' || field.type === 'email' || field.type === 'password' || field.type === 'dropdown';\n}\n\n// 방향성이 필요한 필드 타입 체크\nexport function hasOrientation(field: DynamicFormFieldSchema): field is ChoiceFieldSchema | ChoicesFieldSchema {\n  return field.type === 'choice' || field.type === 'choices';\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwJO,SAAS,iBAAiB,OAA8D;AAC7F,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,gBAAgB,OAA6D;AAC3F,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,cAAc,OAA2D;AACvF,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,aAAa,OAA0D;AACrF,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,gBAAgB,OAA6D;AAC3F,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,gBAAgB,OAA6D;AAC3F,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,cAAc,OAA2D;AACvF,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,eAAe,OAA4D;AACzF,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,eAAe,OAA4D;AACzF,SAAO,MAAM,SAAS;AACxB;AAGO,SAAS,WAAW,OAAsG;AAC/H,SAAO,MAAM,SAAS,cAAc,MAAM,SAAS,YAAY,MAAM,SAAS;AAChF;AAGO,SAAS,eAAe,OAAuK;AACpM,SAAO,MAAM,SAAS,gBAAgB,MAAM,SAAS,eAAe,MAAM,SAAS,YAAY,MAAM,SAAS,WAAW,MAAM,SAAS,cAAc,MAAM,SAAS;AACvK;AAGO,SAAS,eAAe,OAAgF;AAC7G,SAAO,MAAM,SAAS,YAAY,MAAM,SAAS;AACnD;","names":[]}

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

@@ -0,0 +1,54 @@
+import "../chunk-CRTRMMJ7.js";
+
+// src/types/dynamic-form-schema.ts
+function isShortTextField(field) {
+  return field.type === "short_text";
+}
+function isLongTextField(field) {
+  return field.type === "long_text";
+}
+function isNumberField(field) {
+  return field.type === "number";
+}
+function isEmailField(field) {
+  return field.type === "email";
+}
+function isPasswordField(field) {
+  return field.type === "password";
+}
+function isDropdownField(field) {
+  return field.type === "dropdown";
+}
+function isChoiceField(field) {
+  return field.type === "choice";
+}
+function isChoicesField(field) {
+  return field.type === "choices";
+}
+function isBooleanField(field) {
+  return field.type === "boolean";
+}
+function hasOptions(field) {
+  return field.type === "dropdown" || field.type === "choice" || field.type === "choices";
+}
+function hasPlaceholder(field) {
+  return field.type === "short_text" || field.type === "long_text" || field.type === "number" || field.type === "email" || field.type === "password" || field.type === "dropdown";
+}
+function hasOrientation(field) {
+  return field.type === "choice" || field.type === "choices";
+}
+export {
+  hasOptions,
+  hasOrientation,
+  hasPlaceholder,
+  isBooleanField,
+  isChoiceField,
+  isChoicesField,
+  isDropdownField,
+  isEmailField,
+  isLongTextField,
+  isNumberField,
+  isPasswordField,
+  isShortTextField
+};
+//# sourceMappingURL=dynamic-form-schema.js.map

package/dist/types/dynamic-form-schema.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types/dynamic-form-schema.ts"],"sourcesContent":["// JSON Schema 기반 DynamicForm 타입 정의\n// 이 파일은 dynamic-form-schema.json을 기반으로 생성된 타입입니다\n\n// 공통 필드 속성\nexport interface BaseFieldSchema {\n  name: string;\n  label: string;\n  description?: string;\n  required?: boolean;\n  validation?: ValidationRule;\n  labelVariant?: 'default' | 'bold' | 'subtle';\n  defaultValue?: unknown;\n  disabled?: boolean;\n  readonly?: boolean;\n  hidden?: boolean;\n  conditional?: ConditionalRule;\n}\n\n// 필드 옵션 인터페이스\nexport interface FieldOptionSchema {\n  label: string;\n  value: string | number;\n}\n\n// 텍스트 입력 필드\nexport interface ShortTextFieldSchema extends BaseFieldSchema {\n  type: 'short_text';\n  placeholder?: string;\n}\n\n// 긴 텍스트 입력 필드\nexport interface LongTextFieldSchema extends BaseFieldSchema {\n  type: 'long_text';\n  placeholder?: string;\n}\n\n// 숫자 입력 필드\nexport interface NumberFieldSchema extends BaseFieldSchema {\n  type: 'number';\n  placeholder?: string;\n}\n\n// 이메일 입력 필드\nexport interface EmailFieldSchema extends BaseFieldSchema {\n  type: 'email';\n  placeholder?: string;\n}\n\n// 비밀번호 입력 필드\nexport interface PasswordFieldSchema extends BaseFieldSchema {\n  type: 'password';\n  placeholder?: string;\n}\n\n// 드롭다운 선택 필드\nexport interface DropdownFieldSchema extends BaseFieldSchema {\n  type: 'dropdown';\n  placeholder?: string;\n  options: FieldOptionSchema[];\n}\n\n// 단일 선택 필드 (라디오 버튼)\nexport interface ChoiceFieldSchema extends BaseFieldSchema {\n  type: 'choice';\n  options: FieldOptionSchema[];\n  orientation?: 'horizontal' | 'vertical';\n}\n\n// 다중 선택 필드 (체크박스)\nexport interface ChoicesFieldSchema extends BaseFieldSchema {\n  type: 'choices';\n  options: FieldOptionSchema[];\n  orientation?: 'horizontal' | 'vertical';\n}\n\n// 불린 필드 (체크박스)\nexport interface BooleanFieldSchema extends BaseFieldSchema {\n  type: 'boolean';\n}\n\n// 통합 필드 타입 (기존 DynamicFormField 대체)\nexport type DynamicFormFieldSchema = \n  | ShortTextFieldSchema\n  | LongTextFieldSchema\n  | NumberFieldSchema\n  | EmailFieldSchema\n  | PasswordFieldSchema\n  | DropdownFieldSchema\n  | ChoiceFieldSchema\n  | ChoicesFieldSchema\n  | BooleanFieldSchema;\n\n// 폼 섹션\nexport interface FormSectionSchema {\n  title: string;\n  description?: string;\n  fields: string[];\n  collapsible?: boolean;\n}\n\n// 폼 레이아웃\nexport interface FormLayoutSchema {\n  columns?: 1 | 2 | 3 | 4;\n  spacing?: 'compact' | 'normal' | 'relaxed';\n  sections?: FormSectionSchema[];\n}\n\n// 폼 액션\nexport interface FormActionsSchema {\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 DynamicFormSchema {\n  fields: DynamicFormFieldSchema[];\n  initialValues?: Record<string, unknown>;\n  layout?: FormLayoutSchema;\n  actions?: FormActionsSchema;\n}\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\n// 조건부 규칙\nexport interface ConditionalRule {\n  field: string;\n  operator: 'equals' | 'notEquals' | 'contains' | 'notContains' | 'greaterThan' | 'lessThan';\n  value: unknown;\n}\n\n// 타입 가드 함수들\nexport function isShortTextField(field: DynamicFormFieldSchema): field is ShortTextFieldSchema {\n  return field.type === 'short_text';\n}\n\nexport function isLongTextField(field: DynamicFormFieldSchema): field is LongTextFieldSchema {\n  return field.type === 'long_text';\n}\n\nexport function isNumberField(field: DynamicFormFieldSchema): field is NumberFieldSchema {\n  return field.type === 'number';\n}\n\nexport function isEmailField(field: DynamicFormFieldSchema): field is EmailFieldSchema {\n  return field.type === 'email';\n}\n\nexport function isPasswordField(field: DynamicFormFieldSchema): field is PasswordFieldSchema {\n  return field.type === 'password';\n}\n\nexport function isDropdownField(field: DynamicFormFieldSchema): field is DropdownFieldSchema {\n  return field.type === 'dropdown';\n}\n\nexport function isChoiceField(field: DynamicFormFieldSchema): field is ChoiceFieldSchema {\n  return field.type === 'choice';\n}\n\nexport function isChoicesField(field: DynamicFormFieldSchema): field is ChoicesFieldSchema {\n  return field.type === 'choices';\n}\n\nexport function isBooleanField(field: DynamicFormFieldSchema): field is BooleanFieldSchema {\n  return field.type === 'boolean';\n}\n\n// 옵션이 필요한 필드 타입 체크\nexport function hasOptions(field: DynamicFormFieldSchema): field is DropdownFieldSchema | ChoiceFieldSchema | ChoicesFieldSchema {\n  return field.type === 'dropdown' || field.type === 'choice' || field.type === 'choices';\n}\n\n// 플레이스홀더가 필요한 필드 타입 체크\nexport function hasPlaceholder(field: DynamicFormFieldSchema): field is ShortTextFieldSchema | LongTextFieldSchema | NumberFieldSchema | EmailFieldSchema | PasswordFieldSchema | DropdownFieldSchema {\n  return field.type === 'short_text' || field.type === 'long_text' || field.type === 'number' || field.type === 'email' || field.type === 'password' || field.type === 'dropdown';\n}\n\n// 방향성이 필요한 필드 타입 체크\nexport function hasOrientation(field: DynamicFormFieldSchema): field is ChoiceFieldSchema | ChoicesFieldSchema {\n  return field.type === 'choice' || field.type === 'choices';\n}\n"],"mappings":";;;AAwJO,SAAS,iBAAiB,OAA8D;AAC7F,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,gBAAgB,OAA6D;AAC3F,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,cAAc,OAA2D;AACvF,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,aAAa,OAA0D;AACrF,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,gBAAgB,OAA6D;AAC3F,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,gBAAgB,OAA6D;AAC3F,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,cAAc,OAA2D;AACvF,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,eAAe,OAA4D;AACzF,SAAO,MAAM,SAAS;AACxB;AAEO,SAAS,eAAe,OAA4D;AACzF,SAAO,MAAM,SAAS;AACxB;AAGO,SAAS,WAAW,OAAsG;AAC/H,SAAO,MAAM,SAAS,cAAc,MAAM,SAAS,YAAY,MAAM,SAAS;AAChF;AAGO,SAAS,eAAe,OAAuK;AACpM,SAAO,MAAM,SAAS,gBAAgB,MAAM,SAAS,eAAe,MAAM,SAAS,YAAY,MAAM,SAAS,WAAW,MAAM,SAAS,cAAc,MAAM,SAAS;AACvK;AAGO,SAAS,eAAe,OAAgF;AAC7G,SAAO,MAAM,SAAS,YAAY,MAAM,SAAS;AACnD;","names":[]}

package/dist/types/index.cjs

@@ -3,10 +3,6 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -19,77 +15,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // src/types/index.ts
 var types_exports = {};
-__export(types_exports, {
-  convertJsonToDynamicFormProps: () => convertJsonToDynamicFormProps,
-  exampleJsonSchema: () => exampleJsonSchema
-});
 module.exports = __toCommonJS(types_exports);
-
-// src/types/dynamic-form-json.ts
-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
-  }));
-  return {
-    fields,
-    initialValues: jsonSchema.initialValues || {},
-    submitButtonText: "\uC81C\uCD9C"
-  };
-}
-function createYupSchema(rule) {
-  return {
-    type: rule.type,
-    required: rule.required,
-    min: rule.min,
-    max: rule.max,
-    pattern: rule.pattern,
-    message: rule.message,
-    oneOf: rule.oneOf
-  };
-}
-var exampleJsonSchema = {
-  fields: [
-    {
-      name: "name",
-      type: "text",
-      label: "\uC774\uB984",
-      required: true,
-      validation: {
-        type: "string",
-        required: true,
-        min: 2,
-        message: "\uC774\uB984\uC740 \uCD5C\uC18C 2\uC790 \uC774\uC0C1\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4"
-      }
-    },
-    {
-      name: "email",
-      type: "email",
-      label: "\uC774\uBA54\uC77C",
-      required: true,
-      validation: {
-        type: "email",
-        required: true,
-        message: "\uC62C\uBC14\uB978 \uC774\uBA54\uC77C \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
-      }
-    }
-  ],
-  initialValues: {
-    name: "",
-    email: ""
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  convertJsonToDynamicFormProps,
-  exampleJsonSchema
-});
 //# sourceMappingURL=index.cjs.map

package/dist/types/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/index.ts","../../src/types/dynamic-form-json.ts"],"sourcesContent":["export * from './curriculumContents.type';\nexport * from './curriculum.type';\nexport * from './dynamic-form-json';","// 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;;;AC2EO,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/index.ts"],"sourcesContent":["export * from './curriculumContents.type';\nexport * from './curriculum.type';\nexport * from './dynamic-form-schema-generated';\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/types/index.d.cts

@@ -1,3 +1,3 @@
 export { ContentBaseType, CurriculumAiTrainingContents, CurriculumContents, CurriculumReviewContents, CurriculumReviewQuestionRadio, CurriculumReviewQuestionSatisfactionOption, CurriculumReviewQuestionSatisfactionText, CurriculumReviewQuestionText, CurriculumSectionTitleContents, CurriculumVideoContents, QuestionBaseType, SatisfactionOptionMeta, SatisfactionTextMeta } from './curriculumContents.type.cjs';
 export { Curriculum, CurriculumListContents, ReviewQuestionElement } from './curriculum.type.cjs';
-export { ConditionalRule, DynamicFormFieldJson, DynamicFormJsonSchema, FieldOptionJson, FormSection, ValidationRule, convertJsonToDynamicFormProps, exampleJsonSchema } from './dynamic-form-json.cjs';
+export { ChoiceField, ChoicesField, DropdownField, DynamicFormFieldSchema, DynamicFormSchema, EmailField, FieldBaseType, FieldOption, LongTextField, NumberField, OptionFieldCommon, OrientationFieldCommon, ShortTextField, TextFieldCommon, ValidationRule, YesNoField } from './dynamic-form-schema-generated.cjs';

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export { ContentBaseType, CurriculumAiTrainingContents, CurriculumContents, CurriculumReviewContents, CurriculumReviewQuestionRadio, CurriculumReviewQuestionSatisfactionOption, CurriculumReviewQuestionSatisfactionText, CurriculumReviewQuestionText, CurriculumSectionTitleContents, CurriculumVideoContents, QuestionBaseType, SatisfactionOptionMeta, SatisfactionTextMeta } from './curriculumContents.type.js';
 export { Curriculum, CurriculumListContents, ReviewQuestionElement } from './curriculum.type.js';
-export { ConditionalRule, DynamicFormFieldJson, DynamicFormJsonSchema, FieldOptionJson, FormSection, ValidationRule, convertJsonToDynamicFormProps, exampleJsonSchema } from './dynamic-form-json.js';
+export { ChoiceField, ChoicesField, DropdownField, DynamicFormFieldSchema, DynamicFormSchema, EmailField, FieldBaseType, FieldOption, LongTextField, NumberField, OptionFieldCommon, OrientationFieldCommon, ShortTextField, TextFieldCommon, ValidationRule, YesNoField } from './dynamic-form-schema-generated.js';

package/dist/types/index.js

@@ -1,13 +1,5 @@
 import "../chunk-L5N6ITS7.js";
-import "../chunk-GSMBJMXJ.js";
 import "../chunk-NMLVUAFW.js";
-import {
-  convertJsonToDynamicFormProps,
-  exampleJsonSchema
-} from "../chunk-L6SWBTYQ.js";
-import "../chunk-CRTRMMJ7.js";
-export {
-  convertJsonToDynamicFormProps,
-  exampleJsonSchema
-};
+import "../chunk-6AVVI6B5.js";
+import "../chunk-GSMBJMXJ.js";
 //# sourceMappingURL=index.js.map

package/dist/utils/curriculum.utils.js

@@ -5,22 +5,22 @@ import {
   getCurriculumIconColor,
   getCurriculumQuestionIconColor,
   getCurriculumQuestionTypeDescription
-} from "../chunk-K5DDPZ2B.js";
+} from "../chunk-JF7JAMOQ.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-CRTRMMJ7.js";
 export {
   CurriculumListIcons,

package/dist/utils/index.js

@@ -1,7 +1,4 @@
 import "../chunk-V2DF2GUE.js";
-import {
-  scrollTo
-} from "../chunk-BXX3B3E4.js";
 import {
   getColumnMeta
 } from "../chunk-NRPDVI76.js";
@@ -13,6 +10,9 @@ import {
   getTimeOptions,
   parseTimeOption
 } from "../chunk-NWJSLIQ3.js";
+import {
+  scrollTo
+} from "../chunk-BXX3B3E4.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   getCellAlign,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "2.2.8",
+  "version": "2.2.10",
   "private": false,
   "type": "module",
   "exports": {
@@ -95,6 +95,6 @@
     "lint-staged": "lint-staged ./src",
     "test": "jest",
     "type-check": "tsc --noEmit",
-    "parse-json-to-type": "npx json2ts -i ./src/constrant/curriculum.schema.json -o ./src/types/curriculumContents.type.ts"
+    "parse-json-to-type": "npx json2ts -i ./src/constrant/curriculum.schema.json -o ./src/types/curriculumContents.type.ts && npx json2ts -i ./src/constrant/dynamic-form-schema.json -o ./src/types/dynamic-form-schema-generated.ts"
   }
 }

package/src/atoms/button.tsx

@@ -24,6 +24,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
     return (
       <RadixButton
         style={style}
+        type="button"
         variant={radixVariant}
         {...restProps}
         className={className}

package/src/atoms/icon-button.tsx

@@ -25,6 +25,7 @@ export const IconButton = forwardRef<HTMLButtonElement, ButtonProps>(
     return (
       <RadixIconButton
         style={style}
+        type="button"
         variant={radixVariant}
         {...restProps}
         className={className}

package/src/constrant/dynamic-form-schema.json

@@ -0,0 +1,177 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "DynamicForm Schema",
+  "description": "JSON 스키마 for DynamicForm 컴포넌트",
+  "type": "object",
+  "properties": {
+    "fields": {
+      "type": "array",
+      "description": "폼 필드 정의 배열",
+      "items": {
+        "$ref": "#/definitions/DynamicFormFieldSchema"
+      }
+    }
+  },
+  "required": ["fields"],
+  "definitions": {
+    "FieldBaseType": {
+      "type": "object",
+      "properties": {
+        "name": { "type": "string" },
+        "type": { "type": "string" },
+        "label": { "type": "string" },
+        "description": { "type": "string" },
+        "required": { "type": "boolean", "default": false },
+        "validation": { "$ref": "#/definitions/ValidationRule" }
+      },
+      "required": ["name", "type", "label"]
+    },
+    "FieldOption": {
+      "type": "object",
+      "properties": {
+        "label": { "type": "string" },
+        "value": { "oneOf": [{ "type": "string" }, { "type": "number" }] }
+      },
+      "required": ["label", "value"]
+    },
+    "ValidationRule": {
+      "type": "object",
+      "properties": {
+        "min": { "type": "number" },
+        "max": { "type": "number" },
+        "pattern": { "type": "string" },
+        "message": { "type": "string" },
+        "oneOf": { "type": "array" }
+      }
+    },
+    "TextFieldCommon": {
+      "type": "object",
+      "properties": {
+        "placeholder": { "type": "string" }
+      }
+    },
+    "OptionFieldCommon": {
+      "type": "object",
+      "properties": {
+        "options": { "type": "array", "items": { "$ref": "#/definitions/FieldOption" } }
+      },
+      "required": ["options"]
+    },
+    "OrientationFieldCommon": {
+      "type": "object",
+      "properties": {
+        "orientation": { "type": "string", "enum": ["horizontal", "vertical"], "default": "vertical" }
+      }
+    },
+    "ShortTextField": {
+      "allOf": [
+        { "$ref": "#/definitions/FieldBaseType" },
+        { "$ref": "#/definitions/TextFieldCommon" },
+        {
+          "properties": {
+            "type": { "const": "short_text" }
+          },
+          "required": ["type"]
+        }
+      ]
+    },
+    "LongTextField": {
+      "allOf": [
+        { "$ref": "#/definitions/FieldBaseType" },
+        { "$ref": "#/definitions/TextFieldCommon" },
+        {
+          "properties": {
+            "type": { "const": "long_text" }
+          },
+          "required": ["type"]
+        }
+      ]
+    },
+    "NumberField": {
+      "allOf": [
+        { "$ref": "#/definitions/FieldBaseType" },
+        { "$ref": "#/definitions/TextFieldCommon" },
+        {
+          "properties": {
+            "type": { "const": "number" }
+          },
+          "required": ["type"]
+        }
+      ]
+    },
+    "EmailField": {
+      "allOf": [
+        { "$ref": "#/definitions/FieldBaseType" },
+        { "$ref": "#/definitions/TextFieldCommon" },
+        {
+          "properties": {
+            "type": { "const": "email" }
+          },
+          "required": ["type"]
+        }
+      ]
+    },
+    "DropdownField": {
+      "allOf": [
+        { "$ref": "#/definitions/FieldBaseType" },
+        { "$ref": "#/definitions/TextFieldCommon" },
+        { "$ref": "#/definitions/OptionFieldCommon" },
+        {
+          "properties": {
+            "type": { "const": "dropdown" }
+          },
+          "required": ["type"]
+        }
+      ]
+    },
+    "ChoiceField": {
+      "allOf": [
+        { "$ref": "#/definitions/FieldBaseType" },
+        { "$ref": "#/definitions/OptionFieldCommon" },
+        { "$ref": "#/definitions/OrientationFieldCommon" },
+        {
+          "properties": {
+            "type": { "const": "choice" }
+          },
+          "required": ["type"]
+        }
+      ]
+    },
+    "ChoicesField": {
+      "allOf": [
+        { "$ref": "#/definitions/FieldBaseType" },
+        { "$ref": "#/definitions/OptionFieldCommon" },
+        { "$ref": "#/definitions/OrientationFieldCommon" },
+        {
+          "properties": {
+            "type": { "const": "choices" }
+          },
+          "required": ["type"]
+        }
+      ]
+    },
+    "YesNoField": {
+      "allOf": [
+        { "$ref": "#/definitions/FieldBaseType" },
+        {
+          "properties": {
+            "type": { "const": "yes_no" }
+          },
+          "required": ["type"]
+        }
+      ]
+    },
+    "DynamicFormFieldSchema": {
+      "oneOf": [
+        { "$ref": "#/definitions/ShortTextField" },
+        { "$ref": "#/definitions/LongTextField" },
+        { "$ref": "#/definitions/NumberField" },
+        { "$ref": "#/definitions/EmailField" },
+        { "$ref": "#/definitions/DropdownField" },
+        { "$ref": "#/definitions/ChoiceField" },
+        { "$ref": "#/definitions/ChoicesField" },
+        { "$ref": "#/definitions/YesNoField" }
+      ]
+    }
+  }
+}