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

package/src/components/animate/variants/container.ts

@@ -1,28 +0,0 @@
-// ----------------------------------------------------------------------
-
-export type Props = {
-  staggerIn?: number;
-  delayIn?: number;
-  staggerOut?: number;
-};
-
-export const varContainer = (props?: Props) => {
-  const staggerIn = props?.staggerIn || 0.05;
-  const delayIn = props?.staggerIn || 0.05;
-  const staggerOut = props?.staggerIn || 0.05;
-
-  return {
-    animate: {
-      transition: {
-        staggerChildren: staggerIn,
-        delayChildren: delayIn,
-      },
-    },
-    exit: {
-      transition: {
-        staggerChildren: staggerOut,
-        staggerDirection: -1,
-      },
-    },
-  };
-};

package/src/components/animate/variants/fade.ts

@@ -1,70 +0,0 @@
-// @types
-import { VariantsType } from '@utils/types/animate';
-//
-import { varTranEnter, varTranExit } from './transition';
-
-// ----------------------------------------------------------------------
-
-export const varFade = (props?: VariantsType) => {
-  const distance = props?.distance || 120;
-  const durationIn = props?.durationIn;
-  const durationOut = props?.durationOut;
-  const easeIn = props?.easeIn;
-  const easeOut = props?.easeOut;
-
-  return {
-    // IN
-    in: {
-      initial: { opacity: 0 },
-      animate: { opacity: 1, transition: varTranEnter },
-      exit: { opacity: 0, transition: varTranExit },
-    },
-    inUp: {
-      initial: { y: distance, opacity: 0 },
-      animate: { y: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { y: distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    inDown: {
-      initial: { y: -distance, opacity: 0 },
-      animate: { y: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { y: -distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    inLeft: {
-      initial: { x: -distance, opacity: 0 },
-      animate: { x: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { x: -distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    inRight: {
-      initial: { x: distance, opacity: 0 },
-      animate: { x: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { x: distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-
-    // OUT
-    out: {
-      initial: { opacity: 1 },
-      animate: { opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { opacity: 1, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    outUp: {
-      initial: { y: 0, opacity: 1 },
-      animate: { y: -distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { y: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    outDown: {
-      initial: { y: 0, opacity: 1 },
-      animate: { y: distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { y: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    outLeft: {
-      initial: { x: 0, opacity: 1 },
-      animate: { x: -distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { x: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    outRight: {
-      initial: { x: 0, opacity: 1 },
-      animate: { x: distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { x: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) },
-    },
-  };
-};

package/src/components/animate/variants/flip.ts

@@ -1,37 +0,0 @@
-// @types
-import { VariantsType } from '@utils/types/animate';
-//
-import { varTranEnter, varTranExit } from './transition';
-
-// ----------------------------------------------------------------------
-
-export const varFlip = (props?: VariantsType) => {
-  const durationIn = props?.durationIn;
-  const durationOut = props?.durationOut;
-  const easeIn = props?.easeIn;
-  const easeOut = props?.easeOut;
-
-  return {
-    // IN
-    inX: {
-      initial: { rotateX: -180, opacity: 0 },
-      animate: { rotateX: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { rotateX: -180, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    inY: {
-      initial: { rotateY: -180, opacity: 0 },
-      animate: { rotateY: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { rotateY: -180, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-
-    // OUT
-    outX: {
-      initial: { rotateX: 0, opacity: 1 },
-      animate: { rotateX: 70, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    outY: {
-      initial: { rotateY: 0, opacity: 1 },
-      animate: { rotateY: 70, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-  };
-};

package/src/components/animate/variants/path.ts

@@ -1,14 +0,0 @@
-// ----------------------------------------------------------------------
-
-export const TRANSITION = {
-  duration: 2,
-  ease: [0.43, 0.13, 0.23, 0.96],
-};
-
-export const varPath = {
-  animate: {
-    fillOpacity: [0, 0, 1],
-    pathLength: [1, 0.4, 0],
-    transition: TRANSITION,
-  },
-};

package/src/components/animate/variants/rotate.ts

@@ -1,28 +0,0 @@
-// @types
-import { VariantsType } from '@utils/types/animate';
-//
-import { varTranEnter, varTranExit } from './transition';
-
-// ----------------------------------------------------------------------
-
-export const varRotate = (props?: VariantsType) => {
-  const durationIn = props?.durationIn;
-  const durationOut = props?.durationOut;
-  const easeIn = props?.easeIn;
-  const easeOut = props?.easeOut;
-
-  return {
-    // IN
-    in: {
-      initial: { opacity: 0, rotate: -360 },
-      animate: { opacity: 1, rotate: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { opacity: 0, rotate: -360, transition: varTranExit({ durationOut, easeOut }) },
-    },
-
-    // OUT
-    out: {
-      initial: { opacity: 1, rotate: 0 },
-      animate: { opacity: 0, rotate: -360, transition: varTranExit({ durationOut, easeOut }) },
-    },
-  };
-};

package/src/components/animate/variants/scale.ts

@@ -1,37 +0,0 @@
-// @types
-import { VariantsType } from '@utils/types/animate';
-//
-import { varTranEnter, varTranExit } from './transition';
-
-// ----------------------------------------------------------------------
-
-export const varScale = (props?: VariantsType) => {
-  const durationIn = props?.durationIn;
-  const durationOut = props?.durationOut;
-  const easeIn = props?.easeIn;
-  const easeOut = props?.easeOut;
-
-  return {
-    // IN
-    inX: {
-      initial: { scaleX: 0, opacity: 0 },
-      animate: { scaleX: 1, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { scaleX: 0, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    inY: {
-      initial: { scaleY: 0, opacity: 0 },
-      animate: { scaleY: 1, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { scaleY: 0, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-
-    // OUT
-    outX: {
-      initial: { scaleX: 1, opacity: 1 },
-      animate: { scaleX: 0, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
-    },
-    outY: {
-      initial: { scaleY: 1, opacity: 1 },
-      animate: { scaleY: 0, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
-    },
-  };
-};

package/src/components/animate/variants/slide.ts

@@ -1,60 +0,0 @@
-// @types
-import { VariantsType } from '@utils/types/animate';
-//
-import { varTranEnter, varTranExit } from './transition';
-
-// ----------------------------------------------------------------------
-
-export const varSlide = (props?: VariantsType) => {
-  const distance = props?.distance || 160;
-  const durationIn = props?.durationIn;
-  const durationOut = props?.durationOut;
-  const easeIn = props?.easeIn;
-  const easeOut = props?.easeOut;
-
-  return {
-    // IN
-    inUp: {
-      initial: { y: distance },
-      animate: { y: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { y: distance, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    inDown: {
-      initial: { y: -distance },
-      animate: { y: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { y: -distance, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    inLeft: {
-      initial: { x: -distance },
-      animate: { x: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { x: -distance, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    inRight: {
-      initial: { x: distance },
-      animate: { x: 0, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { x: distance, transition: varTranExit({ durationOut, easeOut }) },
-    },
-
-    // OUT
-    outUp: {
-      initial: { y: 0 },
-      animate: { y: -distance, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { y: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    outDown: {
-      initial: { y: 0 },
-      animate: { y: distance, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { y: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    outLeft: {
-      initial: { x: 0 },
-      animate: { x: -distance, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { x: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    outRight: {
-      initial: { x: 0 },
-      animate: { x: distance, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { x: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-  };
-};

package/src/components/animate/variants/transition.ts

@@ -1,25 +0,0 @@
-// @types
-import { TranHoverType, TranEnterType, TranExitType } from '@utils/types/animate';
-
-// ----------------------------------------------------------------------
-
-export const varTranHover = (props?: TranHoverType) => {
-  const duration = props?.duration || 0.32;
-  const ease = props?.ease || [0.43, 0.13, 0.23, 0.96];
-
-  return { duration, ease };
-};
-
-export const varTranEnter = (props?: TranEnterType) => {
-  const duration = props?.durationIn || 0.64;
-  const ease = props?.easeIn || [0.43, 0.13, 0.23, 0.96];
-
-  return { duration, ease };
-};
-
-export const varTranExit = (props?: TranExitType) => {
-  const duration = props?.durationOut || 0.48;
-  const ease = props?.easeOut || [0.43, 0.13, 0.23, 0.96];
-
-  return { duration, ease };
-};

package/src/components/animate/variants/zoom.ts

@@ -1,129 +0,0 @@
-// @types
-import { VariantsType } from '@utils/types/animate';
-//
-import { varTranEnter, varTranExit } from './transition';
-
-// ----------------------------------------------------------------------
-
-export const varZoom = (props?: VariantsType) => {
-  const distance = props?.distance || 720;
-  const durationIn = props?.durationIn;
-  const durationOut = props?.durationOut;
-  const easeIn = props?.easeIn;
-  const easeOut = props?.easeOut;
-
-  return {
-    // IN
-    in: {
-      initial: { scale: 0, opacity: 0 },
-      animate: { scale: 1, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
-      exit: { scale: 0, opacity: 0, transition: varTranExit({ durationOut, easeOut }) },
-    },
-    inUp: {
-      initial: { scale: 0, opacity: 0, translateY: distance },
-      animate: {
-        scale: 1,
-        opacity: 1,
-        translateY: 0,
-        transition: varTranEnter({ durationIn, easeIn }),
-      },
-      exit: {
-        scale: 0,
-        opacity: 0,
-        translateY: distance,
-        transition: varTranExit({ durationOut, easeOut }),
-      },
-    },
-    inDown: {
-      initial: {
-        scale: 0,
-        opacity: 0,
-        translateY: -distance,
-      },
-      animate: {
-        scale: 1,
-        opacity: 1,
-        translateY: 0,
-        transition: varTranEnter({ durationIn, easeIn }),
-      },
-      exit: {
-        scale: 0,
-        opacity: 0,
-        translateY: -distance,
-        transition: varTranExit({ durationOut, easeOut }),
-      },
-    },
-    inLeft: {
-      initial: { scale: 0, opacity: 0, translateX: -distance },
-      animate: {
-        scale: 1,
-        opacity: 1,
-        translateX: 0,
-        transition: varTranEnter({ durationIn, easeIn }),
-      },
-      exit: {
-        scale: 0,
-        opacity: 0,
-        translateX: -distance,
-        transition: varTranExit({ durationOut, easeOut }),
-      },
-    },
-    inRight: {
-      initial: { scale: 0, opacity: 0, translateX: distance },
-      animate: {
-        scale: 1,
-        opacity: 1,
-        translateX: 0,
-        transition: varTranEnter({ durationIn, easeIn }),
-      },
-      exit: {
-        scale: 0,
-        opacity: 0,
-        translateX: distance,
-        transition: varTranExit({ durationOut, easeOut }),
-      },
-    },
-
-    // OUT
-    out: {
-      initial: { scale: 1, opacity: 1 },
-      animate: { scale: 0, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
-    },
-    outUp: {
-      initial: { scale: 1, opacity: 1 },
-      animate: {
-        scale: 0,
-        opacity: 0,
-        translateY: -distance,
-        transition: varTranEnter({ durationIn, easeIn }),
-      },
-    },
-    outDown: {
-      initial: { scale: 1, opacity: 1 },
-      animate: {
-        scale: 0,
-        opacity: 0,
-        translateY: distance,
-        transition: varTranEnter({ durationIn, easeIn }),
-      },
-    },
-    outLeft: {
-      initial: { scale: 1, opacity: 1 },
-      animate: {
-        scale: 0,
-        opacity: 0,
-        translateX: -distance,
-        transition: varTranEnter({ durationIn, easeIn }),
-      },
-    },
-    outRight: {
-      initial: { scale: 1, opacity: 1 },
-      animate: {
-        scale: 0,
-        opacity: 0,
-        translateX: distance,
-        transition: varTranEnter({ durationIn, easeIn }),
-      },
-    },
-  };
-};

package/src/components/confirm-dialog/ConfirmDialog.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import { Dialog, Button, DialogTitle, DialogActions, DialogContent } from '@mui/material';
-import { ConfirmDialogProps } from './types';
-import useGlobal from '@hooks/useGlobal.ts';
-
-// ----------------------------------------------------------------------
-
-export default function ConfirmDialog({
-  title,
-  content,
-  action,
-  open,
-  onClose,
-  ...other
-}: ConfirmDialogProps) {
-  const { t } = useGlobal();
-  return (
-    <Dialog fullWidth maxWidth="xs" open={open} onClose={onClose} {...other}>
-      <DialogTitle sx={{ pb: 2 }}>{title}</DialogTitle>
-
-      {content && <DialogContent sx={{ typography: 'body2' }}> {content} </DialogContent>}
-
-      <DialogActions>
-        <Button variant="outlined" color="inherit" onClick={onClose}>
-          {t('cancel')}
-        </Button>
-
-        {action}
-      </DialogActions>
-    </Dialog>
-  );
-}

package/src/components/confirm-dialog/types.ts

@@ -1,12 +0,0 @@
-// @mui
-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/src/components/hook-form/FormProvider.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import { FormProvider as Form, UseFormReturn } from 'react-hook-form';
-
-// ----------------------------------------------------------------------
-
-type Props = {
-  children: React.ReactNode;
-  methods: UseFormReturn<any>;
-  onSubmit?: VoidFunction;
-  formId?: string;
-};
-
-export default function FormProvider({ children, onSubmit, methods, formId }: Props) {
-  return (
-    <Form {...methods}>
-      <form id={formId} onSubmit={onSubmit}>
-        {children}
-      </form>
-    </Form>
-  );
-}

package/src/components/hook-form/RHFAutocomplete.tsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import { useFormContext, Controller } from 'react-hook-form';
-import { Autocomplete, AutocompleteProps, TextField } 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'>) {
-  const { control, setValue } = useFormContext();
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <Autocomplete
-          {...field}
-          onChange={(event, newValue) => setValue(name, newValue, { shouldValidate: true })}
-          renderInput={(params) => (
-            <TextField
-              label={label}
-              error={!!error}
-              helperText={error ? error?.message : helperText}
-              {...params}
-            />
-          )}
-          {...other}
-        />
-      )}
-    />
-  );
-}

package/src/components/hook-form/RHFCheckbox.tsx

@@ -1,124 +0,0 @@
-import React from 'react';
-import { useFormContext, Controller } from 'react-hook-form';
-// @mui
-import {
-  Checkbox,
-  FormLabel,
-  FormGroup,
-  FormControl,
-  FormHelperText,
-  FormControlLabel,
-  FormControlLabelProps,
-} from '@mui/material';
-
-// ----------------------------------------------------------------------
-
-interface RHFCheckboxProps extends Omit<FormControlLabelProps, 'control'> {
-  name: string;
-  helperText?: React.ReactNode;
-}
-
-export function RHFCheckbox({ name, helperText, ...other }: RHFCheckboxProps) {
-  const { control } = useFormContext();
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <div>
-          <FormControlLabel control={<Checkbox {...field} checked={field.value} />} {...other} />
-
-          {(!!error || helperText) && (
-            <FormHelperText error={!!error} sx={{ mt: 0 }}>
-              {error ? error?.message : helperText}
-            </FormHelperText>
-          )}
-        </div>
-      )}
-    />
-  );
-}
-
-// ----------------------------------------------------------------------
-
-interface RHFMultiCheckboxProps extends Omit<FormControlLabelProps, 'control' | 'label'> {
-  name: string;
-  options: { label: string; value: any }[];
-  row?: boolean;
-  label?: string;
-  spacing?: number;
-  helperText?: React.ReactNode;
-}
-
-export function RHFMultiCheckbox({
-  row,
-  name,
-  label,
-  options,
-  spacing,
-  helperText,
-  ...other
-}: RHFMultiCheckboxProps) {
-  const { control } = useFormContext();
-
-  const getSelected = (selectedItems: string[], item: string) =>
-    selectedItems.includes(item)
-      ? selectedItems.filter((value) => value !== item)
-      : [...selectedItems, item];
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <FormControl component="fieldset">
-          {label && (
-            <FormLabel component="legend" sx={{ typography: 'body2' }}>
-              {label}
-            </FormLabel>
-          )}
-
-          <FormGroup
-            sx={{
-              ...(row && {
-                flexDirection: 'row',
-              }),
-              '& .MuiFormControlLabel-root': {
-                '&:not(:last-of-type)': {
-                  mb: spacing || 0,
-                },
-                ...(row && {
-                  mr: 0,
-                  '&:not(:last-of-type)': {
-                    mr: spacing || 2,
-                  },
-                }),
-              },
-            }}
-          >
-            {options.map((option) => (
-              <FormControlLabel
-                key={option.value}
-                control={
-                  <Checkbox
-                    checked={field.value.includes(option.value)}
-                    onChange={() => field.onChange(getSelected(field.value, option.value))}
-                  />
-                }
-                label={option.label}
-                {...other}
-              />
-            ))}
-          </FormGroup>
-
-          {(!!error || helperText) && (
-            <FormHelperText error={!!error} sx={{ mx: 0 }}>
-              {error ? error?.message : helperText}
-            </FormHelperText>
-          )}
-        </FormControl>
-      )}
-    />
-  );
-}