@sunggang/ui-lib 0.3.6 → 0.3.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",

package/src/lib/Form/demo.d.ts

@@ -9,76 +9,7 @@ export declare const ticketBundleOptions: {
     name: string;
     value: number;
 }[];
-export declare const config: (getValues: any) => (FormItem[] | ({
-    type: string;
-    name: string;
-    label: string;
-    id: string;
-    placeholder: string;
-    errorText: string;
-    option: ({
-        value: string;
-        name: string;
-        label?: undefined;
-        options?: undefined;
-    } | {
-        label: string;
-        options: {
-            value: string;
-            name: string;
-        }[];
-        value?: undefined;
-        name?: undefined;
-    })[];
-    validateOption: {
-        required: boolean;
-    };
-    cityName?: undefined;
-    districtName?: undefined;
-    color?: undefined;
-    size?: undefined;
-} | {
-    type: string;
-    name: string;
-    label: string;
-    id: string;
-    placeholder?: undefined;
-    errorText?: undefined;
-    option?: undefined;
-    validateOption?: undefined;
-    cityName?: undefined;
-    districtName?: undefined;
-    color?: undefined;
-    size?: undefined;
-} | {
-    type: string;
-    name: string;
-    cityName: string;
-    districtName: string;
-    label: string;
-    id: string;
-    validateOption: {
-        required: boolean;
-    };
-    errorText: string;
-    placeholder?: undefined;
-    option?: undefined;
-    color?: undefined;
-    size?: undefined;
-} | {
-    type: string;
-    name: string;
-    label: string;
-    id: string;
-    color: string;
-    size: string;
-    placeholder?: undefined;
-    errorText?: undefined;
-    option?: undefined;
-    validateOption?: undefined;
-    cityName?: undefined;
-    districtName?: undefined;
-})[] | {
+export declare const config: (getValues: any) => (FormItem[] | {
     type: string;
     name: string;
     label: string;

package/src/lib/Form/index.d.ts

@@ -1,5 +1,47 @@
-/// <reference types="react" />
-import { FormType } from './types';
+import type { FC } from 'react';
+import { FormItem, FormType } from './types';
+export interface FormModule {
+    Fields: FC<{
+        formConfig: FormItem[][];
+    }>;
+    Row: FC<{
+        rowItems: FormItem[];
+    }>;
+    TextField: FC<{
+        item: FormItem;
+    }>;
+    SingleSelect: FC<{
+        item: FormItem;
+    }>;
+    MultipleSelect: FC<{
+        item: FormItem;
+    }>;
+    FieldLabel: FC<{
+        item: FormItem;
+    }>;
+    RadioField: FC<{
+        item: FormItem;
+    }>;
+    Time: FC<{
+        item: FormItem;
+    }>;
+    Textarea: FC<{
+        item: FormItem;
+    }>;
+    City: FC<{
+        item: FormItem;
+    }>;
+    CityDistrict: FC<{
+        item: FormItem;
+    }>;
+    CheckboxField: FC<{
+        item: FormItem;
+    }>;
+    BaseCkeditor: FC<{
+        item: FormItem;
+        config: any;
+    }>;
+}
 export declare const City: React.FC<FormType>;
 export declare const Textarea: React.FC<FormType>;
 export declare const FieldLabel: ({ item }: {
@@ -11,31 +53,4 @@ export declare const Fields: ({ formConfig }: {
 export declare const Row: ({ rowItems }: {
     rowItems: any;
 }) => any;
-export declare const Form: {
-    Fields: ({ formConfig }: {
-        formConfig: any;
-    }) => any;
-    Row: ({ rowItems }: {
-        rowItems: any;
-    }) => any;
-    TextField: import("react").FC<FormType>;
-    SingleSelect: import("react").FC<FormType>;
-    MultipleSelect: ({ className, item }: {
-        className?: string | undefined;
-        item: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    FieldLabel: ({ item }: {
-        item: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    RadioField: ({ item }: {
-        item: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Time: import("react").FC<FormType>;
-    Textarea: import("react").FC<FormType>;
-    City: import("react").FC<FormType>;
-    CityDistrict: ({ item }: {
-        item: any;
-    }) => import("react/jsx-runtime").JSX.Element;
-    CheckboxField: import("react").FC<FormType>;
-    BaseCkeditor: any;
-};
+export declare const Form: FormModule;

package/src/lib/Form/types.d.ts

@@ -55,8 +55,8 @@ export interface FormItem {
     cityName?: string;
     districtName?: string;
     onlyHour?: boolean;
-    color?: 'blue' | 'red' | 'green' | 'yellow';
-    size?: 'small' | 'medium' | 'large';
+    color?: string;
+    size?: 'small' | 'medium' | 'large' | string;
     checkboxLabel?: string;
     checkboxLabelClass?: string;
     muiProps?: {