@eventlook/sdk 1.5.0-beta.2 → 1.5.0-beta.3

package/dist/types/components/animate/variants/flip.d.ts

@@ -0,0 +1,75 @@
+import { VariantsType } from '@utils/types/animate';
+export declare const varFlip: (props?: VariantsType) => {
+    inX: {
+        initial: {
+            rotateX: number;
+            opacity: number;
+        };
+        animate: {
+            rotateX: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            rotateX: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inY: {
+        initial: {
+            rotateY: number;
+            opacity: number;
+        };
+        animate: {
+            rotateY: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            rotateY: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outX: {
+        initial: {
+            rotateX: number;
+            opacity: number;
+        };
+        animate: {
+            rotateX: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outY: {
+        initial: {
+            rotateY: number;
+            opacity: number;
+        };
+        animate: {
+            rotateY: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};

package/dist/types/components/animate/variants/index.d.ts

@@ -0,0 +1,12 @@
+export * from './path';
+export * from './fade';
+export * from './zoom';
+export * from './flip';
+export * from './slide';
+export * from './scale';
+export * from './bounce';
+export * from './rotate';
+export * from './actions';
+export * from './container';
+export * from './transition';
+export * from './background';

package/dist/types/components/animate/variants/path.d.ts

@@ -0,0 +1,14 @@
+export declare const TRANSITION: {
+    duration: number;
+    ease: number[];
+};
+export declare const varPath: {
+    animate: {
+        fillOpacity: number[];
+        pathLength: number[];
+        transition: {
+            duration: number;
+            ease: number[];
+        };
+    };
+};

package/dist/types/components/animate/variants/rotate.d.ts

@@ -0,0 +1,39 @@
+import { VariantsType } from '@utils/types/animate';
+export declare const varRotate: (props?: VariantsType) => {
+    in: {
+        initial: {
+            opacity: number;
+            rotate: number;
+        };
+        animate: {
+            opacity: number;
+            rotate: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            opacity: number;
+            rotate: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    out: {
+        initial: {
+            opacity: number;
+            rotate: number;
+        };
+        animate: {
+            opacity: number;
+            rotate: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};

package/dist/types/components/animate/variants/scale.d.ts

@@ -0,0 +1,75 @@
+import { VariantsType } from '@utils/types/animate';
+export declare const varScale: (props?: VariantsType) => {
+    inX: {
+        initial: {
+            scaleX: number;
+            opacity: number;
+        };
+        animate: {
+            scaleX: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scaleX: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inY: {
+        initial: {
+            scaleY: number;
+            opacity: number;
+        };
+        animate: {
+            scaleY: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scaleY: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outX: {
+        initial: {
+            scaleX: number;
+            opacity: number;
+        };
+        animate: {
+            scaleX: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outY: {
+        initial: {
+            scaleY: number;
+            opacity: number;
+        };
+        animate: {
+            scaleY: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};

package/dist/types/components/animate/variants/slide.d.ts

@@ -0,0 +1,155 @@
+import { VariantsType } from '@utils/types/animate';
+export declare const varSlide: (props?: VariantsType) => {
+    inUp: {
+        initial: {
+            y: number;
+        };
+        animate: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inDown: {
+        initial: {
+            y: number;
+        };
+        animate: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inLeft: {
+        initial: {
+            x: number;
+        };
+        animate: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inRight: {
+        initial: {
+            x: number;
+        };
+        animate: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outUp: {
+        initial: {
+            y: number;
+        };
+        animate: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outDown: {
+        initial: {
+            y: number;
+        };
+        animate: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outLeft: {
+        initial: {
+            x: number;
+        };
+        animate: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outRight: {
+        initial: {
+            x: number;
+        };
+        animate: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};

package/dist/types/components/animate/variants/transition.d.ts

@@ -0,0 +1,13 @@
+import { TranHoverType, TranEnterType, TranExitType } from '@utils/types/animate';
+export declare const varTranHover: (props?: TranHoverType) => {
+    duration: number;
+    ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+};
+export declare const varTranEnter: (props?: TranEnterType) => {
+    duration: number;
+    ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+};
+export declare const varTranExit: (props?: TranExitType) => {
+    duration: number;
+    ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+};

package/dist/types/components/animate/variants/zoom.d.ts

@@ -0,0 +1,199 @@
+import { VariantsType } from '@utils/types/animate';
+export declare const varZoom: (props?: VariantsType) => {
+    in: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scale: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inUp: {
+        initial: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inDown: {
+        initial: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inLeft: {
+        initial: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inRight: {
+        initial: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    out: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outUp: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outDown: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outLeft: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outRight: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};

package/dist/types/components/confirm-dialog/ConfirmDialog.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ConfirmDialogProps } from './types';
+export default function ConfirmDialog({ title, content, action, open, onClose, ...other }: ConfirmDialogProps): React.JSX.Element;

package/dist/types/components/confirm-dialog/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ConfirmDialog';

package/dist/types/components/confirm-dialog/types.d.ts

@@ -0,0 +1,8 @@
+import { DialogProps } from '@mui/material';
+export interface ConfirmDialogProps extends Omit<DialogProps, 'title' | 'content'> {
+    title: React.ReactNode;
+    content?: React.ReactNode;
+    action: React.ReactNode;
+    open: boolean;
+    onClose: VoidFunction;
+}

package/dist/types/components/hook-form/FormProvider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UseFormReturn } from 'react-hook-form';
+type Props = {
+    children: React.ReactNode;
+    methods: UseFormReturn<any>;
+    onSubmit?: VoidFunction;
+};
+export default function FormProvider({ children, onSubmit, methods }: Props): React.JSX.Element;
+export {};

package/dist/types/components/hook-form/RHFAutocomplete.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AutocompleteProps } from '@mui/material';
+interface Props<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends AutocompleteProps<T, Multiple, DisableClearable, FreeSolo> {
+    name: string;
+    label?: string;
+    helperText?: React.ReactNode;
+}
+export default function RHFAutocomplete<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({ name, label, helperText, ...other }: Omit<Props<T, Multiple, DisableClearable, FreeSolo>, 'renderInput'>): React.JSX.Element;
+export {};

package/dist/types/components/hook-form/RHFCheckbox.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { FormControlLabelProps } from '@mui/material';
+interface RHFCheckboxProps extends Omit<FormControlLabelProps, 'control'> {
+    name: string;
+    helperText?: React.ReactNode;
+}
+export declare function RHFCheckbox({ name, helperText, ...other }: RHFCheckboxProps): React.JSX.Element;
+interface RHFMultiCheckboxProps extends Omit<FormControlLabelProps, 'control' | 'label'> {
+    name: string;
+    options: {
+        label: string;
+        value: any;
+    }[];
+    row?: boolean;
+    label?: string;
+    spacing?: number;
+    helperText?: React.ReactNode;
+}
+export declare function RHFMultiCheckbox({ row, name, label, options, spacing, helperText, ...other }: RHFMultiCheckboxProps): React.JSX.Element;
+export {};

package/dist/types/components/hook-form/RHFCodes.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TextFieldProps } from '@mui/material';
+type Props = TextFieldProps & {
+    keyName: string;
+    inputs: string[];
+};
+export default function RHFCodes({ keyName, inputs, ...other }: Props): React.JSX.Element;
+export {};

package/dist/types/components/hook-form/RHFDatePicker.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DatePickerProps } from '@mui/x-date-pickers';
+type Props = DatePickerProps & {
+    name: string;
+    label: string;
+};
+export default function RHFDatePicker({ name, label, ...others }: Props): React.JSX.Element;
+export {};