@tipp/ui 2.2.8 → 2.2.9

package/src/types/dynamic-form-schema-generated.ts

@@ -0,0 +1,103 @@
+/* eslint-disable */
+/**
+ * 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.
+ */
+
+export type DynamicFormFieldSchema =
+  | ShortTextField
+  | LongTextField
+  | NumberField
+  | EmailField
+  | DropdownField
+  | ChoiceField
+  | ChoicesField
+  | YesNoField;
+export type ShortTextField = FieldBaseType &
+  TextFieldCommon & {
+    type: "short_text";
+    [k: string]: unknown;
+  };
+export type LongTextField = FieldBaseType &
+  TextFieldCommon & {
+    type: "long_text";
+    [k: string]: unknown;
+  };
+export type NumberField = FieldBaseType &
+  TextFieldCommon & {
+    type: "number";
+    [k: string]: unknown;
+  };
+export type EmailField = FieldBaseType &
+  TextFieldCommon & {
+    type: "email";
+    [k: string]: unknown;
+  };
+export type DropdownField = FieldBaseType &
+  TextFieldCommon &
+  OptionFieldCommon & {
+    type: "dropdown";
+    [k: string]: unknown;
+  };
+export type ChoiceField = FieldBaseType &
+  OptionFieldCommon &
+  OrientationFieldCommon & {
+    type: "choice";
+    [k: string]: unknown;
+  };
+export type ChoicesField = FieldBaseType &
+  OptionFieldCommon &
+  OrientationFieldCommon & {
+    type: "choices";
+    [k: string]: unknown;
+  };
+export type YesNoField = FieldBaseType & {
+  type: "yes_no";
+  [k: string]: unknown;
+};
+
+/**
+ * JSON 스키마 for DynamicForm 컴포넌트
+ */
+export interface DynamicFormSchema {
+  /**
+   * 폼 필드 정의 배열
+   */
+  fields: DynamicFormFieldSchema[];
+  [k: string]: unknown;
+}
+export interface FieldBaseType {
+  name: string;
+  type: string;
+  label: string;
+  description?: string;
+  required?: boolean;
+  validation?: ValidationRule;
+  [k: string]: unknown;
+}
+export interface ValidationRule {
+  min?: number;
+  max?: number;
+  pattern?: string;
+  message?: string;
+  oneOf?: unknown[];
+  [k: string]: unknown;
+}
+export interface TextFieldCommon {
+  placeholder?: string;
+  [k: string]: unknown;
+}
+export interface OptionFieldCommon {
+  options: FieldOption[];
+  [k: string]: unknown;
+}
+export interface FieldOption {
+  label: string;
+  value: string | number;
+  [k: string]: unknown;
+}
+export interface OrientationFieldCommon {
+  orientation?: "horizontal" | "vertical";
+  [k: string]: unknown;
+}

package/src/types/index.ts

@@ -1,3 +1,3 @@
 export * from './curriculumContents.type';
 export * from './curriculum.type';
-export * from './dynamic-form-json';
+export * from './dynamic-form-schema-generated';

package/src/types/dynamic-form-json.ts

@@ -1,143 +0,0 @@
-// DynamicForm JSON Schema를 위한 TypeScript 타입 정의
-
-export interface DynamicFormJsonSchema {
-  fields: DynamicFormFieldJson[];
-  initialValues?: Record<string, unknown>;
-  layout?: {
-    columns?: 1 | 2 | 3 | 4;
-    spacing?: 'compact' | 'normal' | 'relaxed';
-    sections?: FormSection[];
-  };
-  actions?: {
-    submit?: {
-      text?: string;
-      loadingText?: string;
-      disabled?: boolean;
-    };
-    reset?: {
-      text?: string;
-      show?: boolean;
-    };
-    cancel?: {
-      text?: string;
-      show?: boolean;
-      url?: string;
-    };
-  };
-}
-
-export interface DynamicFormFieldJson {
-  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;
-}
-
-export interface FieldOptionJson {
-  label: string;
-  value: string | number;
-}
-
-export interface ValidationRule {
-  type?: 'string' | 'number' | 'email' | 'array' | 'object';
-  required?: boolean;
-  min?: number;
-  max?: number;
-  pattern?: string;
-  message?: string;
-  oneOf?: unknown[];
-}
-
-export interface ConditionalRule {
-  field: string;
-  operator: 'equals' | 'notEquals' | 'contains' | 'notContains' | 'greaterThan' | 'lessThan';
-  value: unknown;
-}
-
-export interface FormSection {
-  title: string;
-  description?: string;
-  fields: string[];
-  collapsible?: boolean;
-}
-
-// JSON 스키마를 DynamicForm 컴포넌트 props로 변환하는 유틸리티 함수
-export function convertJsonToDynamicFormProps(jsonSchema: DynamicFormJsonSchema) {
-  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) : undefined,
-  }));
-
-  return {
-    fields,
-    initialValues: jsonSchema.initialValues || {},
-    submitButtonText: '제출',
-  };
-}
-
-// ValidationRule을 Yup 스키마로 변환하는 함수
-function createYupSchema(rule: ValidationRule) {
-  // 실제 구현에서는 Yup 스키마를 동적으로 생성
-  // 여기서는 예시로 간단한 구조만 보여줌
-  return {
-    type: rule.type,
-    required: rule.required,
-    min: rule.min,
-    max: rule.max,
-    pattern: rule.pattern,
-    message: rule.message,
-    oneOf: rule.oneOf,
-  };
-}
-
-// 사용 예시
-export const exampleJsonSchema: DynamicFormJsonSchema = {
-  fields: [
-    {
-      name: "name",
-      type: "text",
-      label: "이름",
-      required: true,
-      validation: {
-        type: "string",
-        required: true,
-        min: 2,
-        message: "이름은 최소 2자 이상이어야 합니다"
-      }
-    },
-    {
-      name: "email",
-      type: "email",
-      label: "이메일",
-      required: true,
-      validation: {
-        type: "email",
-        required: true,
-        message: "올바른 이메일 형식이 아닙니다"
-      }
-    }
-  ],
-  initialValues: {
-    name: "",
-    email: ""
-  }
-};