@sunggang/ui-lib 0.3.6 → 0.3.8

package/index.esm3.js

@@ -17,12 +17,12 @@ import 'react-date-range';
 import 'react-date-range/dist/locale/index.js';
 import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
-import '@emotion/react';
-import '@mui/material';
 import 'input-otp';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-icons';
+import '@emotion/react';
+import '@mui/material';
 
 /* eslint-disable no-prototype-builtins */ function _instanceof$4(left, right) {
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {

package/package.json

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

package/src/lib/Form/UploadImage/BaseTemplate.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface BaseTemplateProps {
+    file?: File | null;
+    item?: any;
+    imageUrl?: string | null;
+}
+declare const BaseTemplate: FC<BaseTemplateProps>;
+export default BaseTemplate;

package/src/lib/Form/UploadImage/CustomUpload.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CustomUploadProps {
+    className?: string;
+    item: any;
+    field: any;
+}
+export declare const CustomUpload: React.FC<CustomUploadProps>;
+export {};

package/src/lib/Form/UploadImage/CustomUploadChild.d.ts

@@ -0,0 +1 @@
+export declare function CustomUploadChild(): import("react/jsx-runtime").JSX.Element;

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 }: {
@@ -8,34 +50,10 @@ export declare const FieldLabel: ({ item }: {
 export declare const Fields: ({ formConfig }: {
     formConfig: any;
 }) => any;
+export declare const CustomUploadField: ({ item }: {
+    item: any;
+}) => import("react/jsx-runtime").JSX.Element;
 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

@@ -19,7 +19,7 @@ interface Checkbox {
     checkboxLabelClass?: string;
     errorText?: string;
     validateOption?: {
-        required?: boolean;
+        required?: boolean | string;
     };
     disabled?: boolean;
     muiProps?: {
@@ -42,7 +42,7 @@ export interface FormItem {
     validateOption?: {
         pattern?: RegExp;
         validateMsg?: string;
-        required?: boolean;
+        required?: boolean | string;
         validate?: any;
     };
     defaultValue?: string;
@@ -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?: {