@sunggang/ui-lib 0.2.87 → 0.2.89

package/index.esm3.js

@@ -17,6 +17,7 @@ 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 '@material-ui/core/FormControl';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-icons';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.2.87",
+  "version": "0.2.89",
   "dependencies": {
     "@iconify/react": "^4.1.1",
     "@material-ui/core": "^4.12.4",

package/src/components/ui/baseSwitch.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+interface SwitchProps {
+    item?: {
+        id?: string | undefined;
+        label?: string;
+        name: string;
+        type?: string;
+        disable?: boolean;
+        color?: 'blue' | 'red' | 'green' | 'yellow';
+        size?: 'small' | 'medium' | 'large';
+        className?: string;
+        labelClass?: string;
+    };
+}
+export declare const BaseSwitch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export default BaseSwitch;

package/src/components/ui/switch.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-    color?: "blue" | "red" | "green" | "yellow" | undefined;
-} & React.RefAttributes<HTMLButtonElement>>;
+interface SwitchProps {
+    name: string;
+    className?: string;
+    color?: 'blue' | 'red' | 'green' | 'yellow';
+    size?: 'small' | 'medium' | 'large';
+}
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
 export default Switch;

package/src/index.d.ts

@@ -7,6 +7,7 @@ export * from './lib/UploadImage/CustomUpload';
 export * from './components/ui/switch';
 export * from './components/ui/dateRangePicker';
 export * from './components/ui/reactDateRange';
+export * from './components/ui/baseSwitch';
 export * from './components/ui/button';
 export * from './lib/DataTable';
 export * from './lib/DataTable/BaseTable';
@@ -16,3 +17,4 @@ export * from './lib/BigCalender/dnd';
 export * from './lib/Select/CustomSelect';
 export * from './lib/Tabs/TabsPanel';
 export * from './lib/Provider/LiffProvider';
+export * from './lib/Provider/FormProvider';

package/src/lib/Ckeditor/BaseCkeditor.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FormItem } from '../Form/types';
+interface CkEditorProps {
+    item: FormItem;
+}
+declare const BaseCkeditor: React.FC<CkEditorProps>;
+export default BaseCkeditor;

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

@@ -1,34 +1,4 @@
-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 declare const CityDistrict: ({ item }: {
+    item: any;
+}) => import("react/jsx-runtime").JSX.Element;
 export default CityDistrict;

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

@@ -0,0 +1,2 @@
+declare const FormChild: () => import("react/jsx-runtime").JSX.Element;
+export default FormChild;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface StyleAutoCompleteProps {
+    width?: number;
+}
+export declare const StyleSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyleFitSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyleField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyleRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyleAutoComplete: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleAutoCompleteProps>> & string;
+export declare const StyleText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

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

@@ -0,0 +1,137 @@
+export declare const Regex: {
+    phone: RegExp;
+};
+export declare const config: (getValues: any) => (({
+    type: string;
+    name: string;
+    label: string;
+    id: string;
+    placeholder: string;
+    validateOption?: undefined;
+    text_size?: undefined;
+    textColor?: undefined;
+    errorText?: undefined;
+} | {
+    type: string;
+    name: string;
+    label: string;
+    id: string;
+    placeholder: string;
+    validateOption: {
+        pattern: RegExp;
+        validateMsg: string;
+        required?: undefined;
+        validate?: undefined;
+    };
+    text_size?: undefined;
+    textColor?: undefined;
+    errorText?: undefined;
+} | {
+    type: string;
+    name: string;
+    label: string;
+    id: string;
+    placeholder: string;
+    text_size: string;
+    textColor: string;
+    errorText: string;
+    validateOption: {
+        required: boolean;
+        validate: (value: string) => true | "身分證格式錯誤";
+        pattern?: undefined;
+        validateMsg?: undefined;
+    };
+})[] | ({
+    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;
+})[] | ({
+    type: string;
+    name: string;
+    label: string;
+    id: string;
+    placeholder: string;
+    errorText: string;
+    validateOption: {
+        required: boolean;
+        validate?: undefined;
+    };
+} | {
+    type: string;
+    name: string;
+    label: string;
+    id: string;
+    placeholder: string;
+    errorText: string;
+    validateOption: {
+        required: boolean;
+        validate: {
+            afterStart: (value: string) => true | "結束時間需大於起始時間" | undefined;
+        };
+    };
+})[])[];

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

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

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

@@ -0,0 +1,34 @@
+interface Option {
+    value: string;
+    name: string;
+}
+interface OptionGroup {
+    label: string;
+    options: Option[];
+}
+type Options = (Option | OptionGroup)[];
+export interface FormItem {
+    type: string;
+    name: string;
+    cityName?: string;
+    districtName?: string;
+    label?: string;
+    id?: string;
+    placeholder?: string;
+    className?: string;
+    labelClass?: string;
+    errorText?: string;
+    color?: 'blue' | 'red' | 'green' | 'yellow';
+    size?: 'small' | 'medium' | 'large';
+    validateOption?: {
+        pattern?: RegExp;
+        validateMsg?: string;
+        required?: boolean;
+        validate?: any;
+    };
+    option?: Options;
+}
+export interface FormType {
+    item: FormItem;
+}
+export {};

package/src/lib/Provider/FormProvider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { useForm, useFormContext, Controller } from 'react-hook-form';
+export type FormProviderProps = {
+    children: React.ReactNode;
+    onSubmit: (data: any) => void;
+    defaultValues?: any;
+    useFormContext?: any;
+};
+export declare const FormProvider: ({ children, onSubmit, defaultValues, }: FormProviderProps) => import("react/jsx-runtime").JSX.Element;
+export { useFormContext, useForm, Controller };
+export default FormProvider;