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

package/dist/types/components/ClientOnly.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const ClientOnly: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export default ClientOnly;

package/dist/types/components/CustomSkeleton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SkeletonProps } from '@mui/material';
+declare const CustomSkeleton: React.FC<SkeletonProps>;
+export default CustomSkeleton;

package/dist/types/components/Image.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Theme } from '@mui/material/styles';
+import { BoxProps, SxProps } from '@mui/material';
+export type ImageRatio = '4/3' | '3/4' | '6/4' | '4/6' | '16/9' | '9/16' | '21/9' | '9/21' | '1/1';
+interface Props extends BoxProps {
+    src?: string;
+    alt?: string;
+    sx?: SxProps<Theme>;
+    ratio?: ImageRatio;
+    disabledEffect?: boolean;
+    objectFit?: 'cover' | 'contain';
+}
+export default function Image({ ratio, disabledEffect, objectFit, sx, src, alt, ...other }: Props): React.JSX.Element;
+export {};

package/dist/types/components/Label.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BoxProps } from '@mui/material';
+import { ColorSchema } from '@utils/types/palette.type';
+type LabelColor = 'default' | ColorSchema;
+type LabelVariant = 'filled' | 'outlined' | 'ghost';
+interface LabelProps extends BoxProps {
+    color?: LabelColor;
+    variant?: LabelVariant;
+}
+export default function Label({ color, variant, children, sx }: LabelProps): React.JSX.Element;
+export {};

package/dist/types/components/TextIconLabel.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactElement } from 'react';
+import { StackProps, SxProps } from '@mui/material';
+interface Props extends StackProps {
+    icon: ReactElement;
+    value: any;
+    endIcon?: boolean;
+    sx?: SxProps;
+}
+export default function TextIconLabel({ icon, value, endIcon, sx, ...other }: Props): React.JSX.Element;
+export {};

package/dist/types/components/TicketFormSkeleton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TicketFormSkeleton: React.FC;
+export default TicketFormSkeleton;

package/dist/types/components/Trans.d.ts

@@ -0,0 +1,12 @@
+import React, { JSX } from 'react';
+type TransProps = {
+    text: string;
+    values?: Record<string, string | number>;
+    components?: Record<string | number, JSX.Element>;
+    enableMarkdown?: boolean;
+    pluralRules?: {
+        [key: string]: string;
+    };
+};
+export declare const Trans: React.FC<TransProps>;
+export {};

package/dist/types/components/animate/DialogAnimate.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DialogProps, SxProps } from '@mui/material';
+export interface Props extends DialogProps {
+    variants?: Record<string, unknown>;
+    onClose?: VoidFunction;
+    stopAnimation?: boolean;
+    paperComponentSx?: SxProps;
+}
+export default function DialogAnimate({ open, stopAnimation, variants, onClose, children, sx, paperComponentSx, ...other }: Props): React.JSX.Element;

package/dist/types/components/animate/IconButtonAnimate.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IconButtonProps, SxProps } from '@mui/material';
+interface Props extends IconButtonProps {
+    sxWrap?: SxProps;
+}
+declare const IconButtonAnimate: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default IconButtonAnimate;

package/dist/types/components/animate/MotionContainer.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MotionProps } from 'framer-motion';
+import { BoxProps } from '@mui/material';
+type IProps = BoxProps & MotionProps;
+export interface Props extends IProps {
+    animate?: boolean;
+    action?: boolean;
+}
+export default function MotionContainer({ animate, action, children, ...other }: Props): React.JSX.Element;
+export {};

package/dist/types/components/animate/MotionLazyContainer.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+};
+export default function MotionLazyContainer({ children }: Props): React.JSX.Element;
+export {};

package/dist/types/components/animate/MotionViewport.d.ts

@@ -0,0 +1,10 @@
+import { MotionProps } from 'framer-motion';
+import React, { ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
+type IProps = BoxProps & MotionProps;
+interface Props extends IProps {
+    children: ReactNode;
+    disableAnimatedMobile?: boolean;
+}
+export default function MotionViewport({ children, disableAnimatedMobile, ...other }: Props): React.JSX.Element;
+export {};

package/dist/types/components/animate/TextAnimate.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { MotionProps } from 'framer-motion';
+import { BoxProps } from '@mui/material';
+type Props = BoxProps & MotionProps;
+interface TextAnimateProps extends Props {
+    text: string;
+}
+export default function TextAnimate({ text, variants, sx, ...other }: TextAnimateProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+export * from './variants';
+export { default as DialogAnimate } from './DialogAnimate';
+export { default as TextAnimate } from './TextAnimate';
+export { default as IconButtonAnimate } from './IconButtonAnimate';
+export { default as MotionViewport } from './MotionViewport';
+export { default as MotionContainer } from './MotionContainer';
+export { default as MotionLazyContainer } from './MotionLazyContainer';

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

@@ -0,0 +1,5 @@
+export declare const varHover: (scale?: number) => {
+    hover: {
+        scale: number;
+    };
+};

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

@@ -0,0 +1,104 @@
+import { BackgroundType } from '@utils/types/animate';
+export declare const varBgColor: (props?: BackgroundType) => {
+    animate: {
+        background: string[];
+        transition: {
+            duration: number;
+            ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+        };
+    };
+};
+export declare const varBgKenburns: (props?: BackgroundType) => {
+    top: {
+        animate: {
+            scale: number[];
+            y: number[];
+            transformOrigin: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    right: {
+        animate: {
+            scale: number[];
+            x: number[];
+            y: number[];
+            transformOrigin: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    bottom: {
+        animate: {
+            scale: number[];
+            y: number[];
+            transformOrigin: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    left: {
+        animate: {
+            scale: number[];
+            x: number[];
+            y: number[];
+            transformOrigin: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};
+export declare const varBgPan: (props?: BackgroundType) => {
+    top: {
+        animate: {
+            backgroundImage: string[];
+            backgroundPosition: string[];
+            backgroundSize: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    right: {
+        animate: {
+            backgroundPosition: string[];
+            backgroundImage: string[];
+            backgroundSize: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    bottom: {
+        animate: {
+            backgroundImage: string[];
+            backgroundPosition: string[];
+            backgroundSize: string[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    left: {
+        animate: {
+            backgroundPosition: string[];
+            backgroundImage: string[];
+            backgroundSize: string[];
+            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/bounce.d.ts

@@ -0,0 +1,131 @@
+import { VariantsType } from '@utils/types/animate';
+export declare const varBounce: (props?: VariantsType) => {
+    in: {
+        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[];
+        };
+    };
+    inUp: {
+        animate: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inDown: {
+        animate: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inLeft: {
+        animate: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inRight: {
+        animate: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+            transition: {
+                duration: number;
+                ease: "linear" | [number, number, number, number] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    out: {
+        animate: {
+            scale: number[];
+            opacity: number[];
+        };
+    };
+    outUp: {
+        animate: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+        };
+    };
+    outDown: {
+        animate: {
+            y: number[];
+            scaleY: number[];
+            opacity: number[];
+        };
+    };
+    outLeft: {
+        animate: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+        };
+    };
+    outRight: {
+        animate: {
+            x: number[];
+            scaleX: number[];
+            opacity: number[];
+        };
+    };
+};

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

@@ -0,0 +1,19 @@
+export type Props = {
+    staggerIn?: number;
+    delayIn?: number;
+    staggerOut?: number;
+};
+export declare const varContainer: (props?: Props) => {
+    animate: {
+        transition: {
+            staggerChildren: number;
+            delayChildren: number;
+        };
+    };
+    exit: {
+        transition: {
+            staggerChildren: number;
+            staggerDirection: number;
+        };
+    };
+};

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

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