@sunggang/ui-lib 0.2.48 → 0.2.49

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.2.48",
+  "version": "0.2.49",
   "dependencies": {
     "@iconify/react": "^4.1.1",
+    "@material-ui/core": "^4.12.4",
     "@mdx-js/react": "^3.0.1",
+    "@mui/icons-material": "^6.4.1",
+    "@mui/material": "^6.4.1",
+    "@mui/x-date-pickers": "^7.24.0",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-icons": "^1.3.0",

package/src/api/fetchAPI.d.ts

@@ -1,4 +1,4 @@
-type RequestMethod = "GET" | "POST" | "PUT" | "DELETE";
+type RequestMethod = 'GET' | 'POST' | 'PUT' | 'DELETE';
 interface FetchAPIOptions {
     method?: RequestMethod;
     body?: Record<string, any>;

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

@@ -0,0 +1,34 @@
+import React from 'react';
+interface CityDistrictProps {
+    className?: string;
+    item?: {
+        id?: string;
+        label?: string;
+        name?: string;
+        placeholder?: string;
+        type?: string;
+        errorText?: string;
+        option?: Array<{
+            length: string;
+            map: (callback: any) => void;
+        }>;
+        validateOption?: {
+            required?: boolean;
+            pattern?: RegExp;
+        };
+        disable?: boolean;
+        defaultValue?: string;
+        icon?: string;
+        subIcon?: string;
+        style?: React.CSSProperties;
+        textColor?: string;
+        cityName?: string;
+        districtName?: string;
+    };
+    getValues: (field: string) => string | undefined;
+    setValue: (field: string, value: string) => void;
+    register: (field: string, options?: object) => object;
+    errors?: Record<string, any>;
+}
+declare const CityDistrict: React.FC<CityDistrictProps>;
+export default CityDistrict;

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { UseFormRegister } from 'react-hook-form';
+import 'react-date-range/dist/styles.css';
+import 'react-date-range/dist/theme/default.css';
+interface DatePickerProps {
+    className?: string;
+    item: {
+        name: string;
+        label?: string;
+        type: string;
+        placeholder?: string;
+        style?: React.CSSProperties;
+        errorText?: string;
+        validateOption?: {
+            required?: boolean;
+            validateMsg?: string;
+        };
+        disable?: boolean;
+        dateDisplayFormat?: string;
+    };
+    errors: Record<string, any>;
+    register: UseFormRegister<any>;
+    setValue: (name: string, value: any) => void;
+    getValues: () => Record<string, any>;
+}
+declare const DatePicker: React.FC<DatePickerProps>;
+export default DatePicker;

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

@@ -0,0 +1,59 @@
+export declare const Textarea: ({ className, item, methods }: {
+    className?: string | undefined;
+    item: any;
+    methods: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldLabel: ({ item }: {
+    item: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Fields: ({ methods, formConfig, className }: {
+    methods: any;
+    formConfig: any;
+    className: any;
+}) => any;
+export declare const Row: ({ rowItems, methods }: {
+    rowItems: any;
+    methods: any;
+}) => any;
+declare const Form: {
+    Fields: ({ methods, formConfig, className }: {
+        methods: any;
+        formConfig: any;
+        className: any;
+    }) => any;
+    Row: ({ rowItems, methods }: {
+        rowItems: any;
+        methods: any;
+    }) => any;
+    TextField: ({ className, item, methods }: {
+        className?: string | undefined;
+        item: any;
+        methods: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    SingleSelect: ({ className, item, methods, disable }: {
+        className?: string | undefined;
+        item: any;
+        methods: any;
+        disable: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    MultipleSelect: ({ className, item, methods }: {
+        className?: string | undefined;
+        item: any;
+        methods: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    FieldLabel: ({ item }: {
+        item: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    RadioField: ({ className, direction, item, methods }: {
+        className: any;
+        direction?: string | undefined;
+        item: any;
+        methods: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Time: ({ className, item, methods }: {
+        className?: string | undefined;
+        item: any;
+        methods: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default Form;

package/src/lib/Function/common.d.ts

@@ -0,0 +1 @@
+export declare const validateMsg: (errors: any, item: any) => string;

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

@@ -1,3 +1,4 @@
 import Regex from './Regex';
 export { Regex };
-export { verifyTaxId, verifyId } from './verify';
+export * from './common';
+export * from './verify';