@eventlook/sdk 1.4.0

package/dist/cjs/components/animate/variants/bounce.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var transition = require('./transition.js');
+
+//
+// ----------------------------------------------------------------------
+const varBounce = (props) => {
+    const durationIn = props?.durationIn;
+    const durationOut = props?.durationOut;
+    const easeIn = props?.easeIn;
+    const easeOut = props?.easeOut;
+    return {
+        // IN
+        in: {
+            animate: {
+                scale: [0.3, 1.1, 0.9, 1.03, 0.97, 1],
+                opacity: [0, 1, 1, 1, 1, 1],
+                transition: transition.varTranEnter({ durationIn, easeIn }),
+            },
+            exit: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] },
+        },
+        inUp: {
+            animate: {
+                y: [720, -24, 12, -4, 0],
+                scaleY: [4, 0.9, 0.95, 0.985, 1],
+                opacity: [0, 1, 1, 1, 1],
+                transition: { ...transition.varTranEnter({ durationIn, easeIn }) },
+            },
+            exit: {
+                y: [12, -24, 720],
+                scaleY: [0.985, 0.9, 3],
+                opacity: [1, 1, 0],
+                transition: transition.varTranExit({ durationOut, easeOut }),
+            },
+        },
+        inDown: {
+            animate: {
+                y: [-720, 24, -12, 4, 0],
+                scaleY: [4, 0.9, 0.95, 0.985, 1],
+                opacity: [0, 1, 1, 1, 1],
+                transition: transition.varTranEnter({ durationIn, easeIn }),
+            },
+            exit: {
+                y: [-12, 24, -720],
+                scaleY: [0.985, 0.9, 3],
+                opacity: [1, 1, 0],
+                transition: transition.varTranExit({ durationOut, easeOut }),
+            },
+        },
+        inLeft: {
+            animate: {
+                x: [-720, 24, -12, 4, 0],
+                scaleX: [3, 1, 0.98, 0.995, 1],
+                opacity: [0, 1, 1, 1, 1],
+                transition: transition.varTranEnter({ durationIn, easeIn }),
+            },
+            exit: {
+                x: [0, 24, -720],
+                scaleX: [1, 0.9, 2],
+                opacity: [1, 1, 0],
+                transition: transition.varTranExit({ durationOut, easeOut }),
+            },
+        },
+        inRight: {
+            animate: {
+                x: [720, -24, 12, -4, 0],
+                scaleX: [3, 1, 0.98, 0.995, 1],
+                opacity: [0, 1, 1, 1, 1],
+                transition: transition.varTranEnter({ durationIn, easeIn }),
+            },
+            exit: {
+                x: [0, -24, 720],
+                scaleX: [1, 0.9, 2],
+                opacity: [1, 1, 0],
+                transition: transition.varTranExit({ durationOut, easeOut }),
+            },
+        },
+        // OUT
+        out: {
+            animate: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] },
+        },
+        outUp: {
+            animate: { y: [-12, 24, -720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] },
+        },
+        outDown: {
+            animate: { y: [12, -24, 720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] },
+        },
+        outLeft: {
+            animate: { x: [0, 24, -720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] },
+        },
+        outRight: {
+            animate: { x: [0, -24, 720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] },
+        },
+    };
+};
+
+exports.varBounce = varBounce;
+//# sourceMappingURL=bounce.js.map

package/dist/cjs/components/animate/variants/bounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bounce.js","sources":["../../../../../src/components/animate/variants/bounce.ts"],"sourcesContent":["// @types\nimport { VariantsType } from '@utils/types/animate';\n//\nimport { varTranEnter, varTranExit } from './transition';\n\n// ----------------------------------------------------------------------\n\nexport const varBounce = (props?: VariantsType) => {\n  const durationIn = props?.durationIn;\n  const durationOut = props?.durationOut;\n  const easeIn = props?.easeIn;\n  const easeOut = props?.easeOut;\n\n  return {\n    // IN\n    in: {\n      animate: {\n        scale: [0.3, 1.1, 0.9, 1.03, 0.97, 1],\n        opacity: [0, 1, 1, 1, 1, 1],\n        transition: varTranEnter({ durationIn, easeIn }),\n      },\n      exit: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] },\n    },\n    inUp: {\n      animate: {\n        y: [720, -24, 12, -4, 0],\n        scaleY: [4, 0.9, 0.95, 0.985, 1],\n        opacity: [0, 1, 1, 1, 1],\n        transition: { ...varTranEnter({ durationIn, easeIn }) },\n      },\n      exit: {\n        y: [12, -24, 720],\n        scaleY: [0.985, 0.9, 3],\n        opacity: [1, 1, 0],\n        transition: varTranExit({ durationOut, easeOut }),\n      },\n    },\n    inDown: {\n      animate: {\n        y: [-720, 24, -12, 4, 0],\n        scaleY: [4, 0.9, 0.95, 0.985, 1],\n        opacity: [0, 1, 1, 1, 1],\n        transition: varTranEnter({ durationIn, easeIn }),\n      },\n      exit: {\n        y: [-12, 24, -720],\n        scaleY: [0.985, 0.9, 3],\n        opacity: [1, 1, 0],\n        transition: varTranExit({ durationOut, easeOut }),\n      },\n    },\n    inLeft: {\n      animate: {\n        x: [-720, 24, -12, 4, 0],\n        scaleX: [3, 1, 0.98, 0.995, 1],\n        opacity: [0, 1, 1, 1, 1],\n        transition: varTranEnter({ durationIn, easeIn }),\n      },\n      exit: {\n        x: [0, 24, -720],\n        scaleX: [1, 0.9, 2],\n        opacity: [1, 1, 0],\n        transition: varTranExit({ durationOut, easeOut }),\n      },\n    },\n    inRight: {\n      animate: {\n        x: [720, -24, 12, -4, 0],\n        scaleX: [3, 1, 0.98, 0.995, 1],\n        opacity: [0, 1, 1, 1, 1],\n        transition: varTranEnter({ durationIn, easeIn }),\n      },\n      exit: {\n        x: [0, -24, 720],\n        scaleX: [1, 0.9, 2],\n        opacity: [1, 1, 0],\n        transition: varTranExit({ durationOut, easeOut }),\n      },\n    },\n\n    // OUT\n    out: {\n      animate: { scale: [0.9, 1.1, 0.3], opacity: [1, 1, 0] },\n    },\n    outUp: {\n      animate: { y: [-12, 24, -720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] },\n    },\n    outDown: {\n      animate: { y: [12, -24, 720], scaleY: [0.985, 0.9, 3], opacity: [1, 1, 0] },\n    },\n    outLeft: {\n      animate: { x: [0, 24, -720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] },\n    },\n    outRight: {\n      animate: { x: [0, -24, 720], scaleX: [1, 0.9, 2], opacity: [1, 1, 0] },\n    },\n  };\n};\n"],"names":["varTranEnter","varTranExit"],"mappings":"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"}

package/dist/cjs/components/animate/variants/container.js

@@ -0,0 +1,25 @@
+'use strict';
+
+// ----------------------------------------------------------------------
+const varContainer = (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,
+            },
+        },
+    };
+};
+
+exports.varContainer = varContainer;
+//# sourceMappingURL=container.js.map

package/dist/cjs/components/animate/variants/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":["../../../../../src/components/animate/variants/container.ts"],"sourcesContent":["// ----------------------------------------------------------------------\n\nexport type Props = {\n  staggerIn?: number;\n  delayIn?: number;\n  staggerOut?: number;\n};\n\nexport const varContainer = (props?: Props) => {\n  const staggerIn = props?.staggerIn || 0.05;\n  const delayIn = props?.staggerIn || 0.05;\n  const staggerOut = props?.staggerIn || 0.05;\n\n  return {\n    animate: {\n      transition: {\n        staggerChildren: staggerIn,\n        delayChildren: delayIn,\n      },\n    },\n    exit: {\n      transition: {\n        staggerChildren: staggerOut,\n        staggerDirection: -1,\n      },\n    },\n  };\n};\n"],"names":[],"mappings":";;AAAA;AAQO,MAAM,YAAY,GAAG,CAAC,KAAa,KAAI;AAC5C,IAAA,MAAM,SAAS,GAAG,KAAK,EAAE,SAAS,IAAI,IAAI;AAC1C,IAAA,MAAM,OAAO,GAAG,KAAK,EAAE,SAAS,IAAI,IAAI;AACxC,IAAA,MAAM,UAAU,GAAG,KAAK,EAAE,SAAS,IAAI,IAAI;IAE3C,OAAO;AACL,QAAA,OAAO,EAAE;AACP,YAAA,UAAU,EAAE;AACV,gBAAA,eAAe,EAAE,SAAS;AAC1B,gBAAA,aAAa,EAAE,OAAO;AACvB,aAAA;AACF,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,UAAU,EAAE;AACV,gBAAA,eAAe,EAAE,UAAU;gBAC3B,gBAAgB,EAAE,EAAE;AACrB,aAAA;AACF,SAAA;KACF;AACH;;;;"}

package/dist/cjs/components/animate/variants/transition.js

@@ -0,0 +1,17 @@
+'use strict';
+
+// ----------------------------------------------------------------------
+const varTranEnter = (props) => {
+    const duration = props?.durationIn || 0.64;
+    const ease = props?.easeIn || [0.43, 0.13, 0.23, 0.96];
+    return { duration, ease };
+};
+const varTranExit = (props) => {
+    const duration = props?.durationOut || 0.48;
+    const ease = props?.easeOut || [0.43, 0.13, 0.23, 0.96];
+    return { duration, ease };
+};
+
+exports.varTranEnter = varTranEnter;
+exports.varTranExit = varTranExit;
+//# sourceMappingURL=transition.js.map

package/dist/cjs/components/animate/variants/transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.js","sources":["../../../../../src/components/animate/variants/transition.ts"],"sourcesContent":["// @types\nimport { TranHoverType, TranEnterType, TranExitType } from '@utils/types/animate';\n\n// ----------------------------------------------------------------------\n\nexport const varTranHover = (props?: TranHoverType) => {\n  const duration = props?.duration || 0.32;\n  const ease = props?.ease || [0.43, 0.13, 0.23, 0.96];\n\n  return { duration, ease };\n};\n\nexport const varTranEnter = (props?: TranEnterType) => {\n  const duration = props?.durationIn || 0.64;\n  const ease = props?.easeIn || [0.43, 0.13, 0.23, 0.96];\n\n  return { duration, ease };\n};\n\nexport const varTranExit = (props?: TranExitType) => {\n  const duration = props?.durationOut || 0.48;\n  const ease = props?.easeOut || [0.43, 0.13, 0.23, 0.96];\n\n  return { duration, ease };\n};\n"],"names":[],"mappings":";;AAGA;AASO,MAAM,YAAY,GAAG,CAAC,KAAqB,KAAI;AACpD,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE,UAAU,IAAI,IAAI;AAC1C,IAAA,MAAM,IAAI,GAAG,KAAK,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAEtD,IAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC3B;AAEO,MAAM,WAAW,GAAG,CAAC,KAAoB,KAAI;AAClD,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE,WAAW,IAAI,IAAI;AAC3C,IAAA,MAAM,IAAI,GAAG,KAAK,EAAE,OAAO,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAEvD,IAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC3B;;;;;"}

package/dist/cjs/components/confirm-dialog/ConfirmDialog.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var material = require('@mui/material');
+var useGlobal = require('../../hooks/useGlobal.js');
+
+// ----------------------------------------------------------------------
+function ConfirmDialog({ title, content, action, open, onClose, ...other }) {
+    const { t } = useGlobal.default();
+    return (React.createElement(material.Dialog, { fullWidth: true, maxWidth: "xs", open: open, onClose: onClose, ...other },
+        React.createElement(material.DialogTitle, { sx: { pb: 2 } }, title),
+        content && React.createElement(material.DialogContent, { sx: { typography: 'body2' } },
+            " ",
+            content,
+            " "),
+        React.createElement(material.DialogActions, null,
+            React.createElement(material.Button, { variant: "outlined", color: "inherit", onClick: onClose }, t('cancel')),
+            action)));
+}
+
+exports.default = ConfirmDialog;
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/cjs/components/confirm-dialog/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sources":["../../../../src/components/confirm-dialog/ConfirmDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Dialog, Button, DialogTitle, DialogActions, DialogContent } from '@mui/material';\nimport { ConfirmDialogProps } from './types';\nimport useGlobal from '@hooks/useGlobal.ts';\n\n// ----------------------------------------------------------------------\n\nexport default function ConfirmDialog({\n  title,\n  content,\n  action,\n  open,\n  onClose,\n  ...other\n}: ConfirmDialogProps) {\n  const { t } = useGlobal();\n  return (\n    <Dialog fullWidth maxWidth=\"xs\" open={open} onClose={onClose} {...other}>\n      <DialogTitle sx={{ pb: 2 }}>{title}</DialogTitle>\n\n      {content && <DialogContent sx={{ typography: 'body2' }}> {content} </DialogContent>}\n\n      <DialogActions>\n        <Button variant=\"outlined\" color=\"inherit\" onClick={onClose}>\n          {t('cancel')}\n        </Button>\n\n        {action}\n      </DialogActions>\n    </Dialog>\n  );\n}\n"],"names":["useGlobal","Dialog","DialogTitle","DialogContent","DialogActions","Button"],"mappings":";;;;;;;;AAKA;AAEc,SAAU,aAAa,CAAC,EACpC,KAAK,EACL,OAAO,EACP,MAAM,EACN,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACW,EAAA;AACnB,IAAA,MAAM,EAAE,CAAC,EAAE,GAAGA,iBAAS,EAAE;AACzB,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,eAAM,IAAC,SAAS,EAAA,IAAA,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,EAAA;QACrE,KAAA,CAAA,aAAA,CAACC,oBAAW,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,EAAG,KAAK,CAAe;QAEhD,OAAO,IAAI,KAAA,CAAA,aAAA,CAACC,sBAAa,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,EAAA;;YAAI,OAAO;AAAkB,YAAA,GAAA,CAAA;AAEnF,QAAA,KAAA,CAAA,aAAA,CAACC,sBAAa,EAAA,IAAA;AACZ,YAAA,KAAA,CAAA,aAAA,CAACC,eAAM,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAA,EACxD,CAAC,CAAC,QAAQ,CAAC,CACL;YAER,MAAM,CACO,CACT;AAEb;;;;"}

package/dist/cjs/components/hook-form/FormProvider.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+
+function FormProvider({ children, onSubmit, methods }) {
+    return (React.createElement(reactHookForm.FormProvider, { ...methods },
+        React.createElement("form", { onSubmit: onSubmit }, children)));
+}
+
+exports.default = FormProvider;
+//# sourceMappingURL=FormProvider.js.map

package/dist/cjs/components/hook-form/FormProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormProvider.js","sources":["../../../../src/components/hook-form/FormProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { FormProvider as Form, UseFormReturn } from 'react-hook-form';\n\n// ----------------------------------------------------------------------\n\ntype Props = {\n  children: React.ReactNode;\n  methods: UseFormReturn<any>;\n  onSubmit?: VoidFunction;\n};\n\nexport default function FormProvider({ children, onSubmit, methods }: Props) {\n  return (\n    <Form {...methods}>\n      <form onSubmit={onSubmit}>{children}</form>\n    </Form>\n  );\n}\n"],"names":["Form"],"mappings":";;;;;;;AAWc,SAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAS,EAAA;AACzE,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,0BAAI,EAAA,EAAA,GAAK,OAAO,EAAA;QACf,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,QAAQ,EAAE,QAAQ,EAAA,EAAG,QAAQ,CAAQ,CACtC;AAEX;;;;"}

package/dist/cjs/components/hook-form/RHFCheckbox.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+var material = require('@mui/material');
+
+function RHFCheckbox({ name, helperText, ...other }) {
+    const { control } = reactHookForm.useFormContext();
+    return (React.createElement(reactHookForm.Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement("div", null,
+            React.createElement(material.FormControlLabel, { control: React.createElement(material.Checkbox, { ...field, checked: field.value }), ...other }),
+            (!!error || helperText) && (React.createElement(material.FormHelperText, { error: !!error, sx: { mt: 0 } }, error ? error?.message : helperText)))) }));
+}
+
+exports.RHFCheckbox = RHFCheckbox;
+//# sourceMappingURL=RHFCheckbox.js.map

package/dist/cjs/components/hook-form/RHFCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFCheckbox.js","sources":["../../../../src/components/hook-form/RHFCheckbox.tsx"],"sourcesContent":["import React from 'react';\nimport { useFormContext, Controller } from 'react-hook-form';\n// @mui\nimport {\n  Checkbox,\n  FormLabel,\n  FormGroup,\n  FormControl,\n  FormHelperText,\n  FormControlLabel,\n  FormControlLabelProps,\n} from '@mui/material';\n\n// ----------------------------------------------------------------------\n\ninterface RHFCheckboxProps extends Omit<FormControlLabelProps, 'control'> {\n  name: string;\n  helperText?: React.ReactNode;\n}\n\nexport function RHFCheckbox({ name, helperText, ...other }: RHFCheckboxProps) {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <div>\n          <FormControlLabel control={<Checkbox {...field} checked={field.value} />} {...other} />\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error} sx={{ mt: 0 }}>\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </div>\n      )}\n    />\n  );\n}\n\n// ----------------------------------------------------------------------\n\ninterface RHFMultiCheckboxProps extends Omit<FormControlLabelProps, 'control' | 'label'> {\n  name: string;\n  options: { label: string; value: any }[];\n  row?: boolean;\n  label?: string;\n  spacing?: number;\n  helperText?: React.ReactNode;\n}\n\nexport function RHFMultiCheckbox({\n  row,\n  name,\n  label,\n  options,\n  spacing,\n  helperText,\n  ...other\n}: RHFMultiCheckboxProps) {\n  const { control } = useFormContext();\n\n  const getSelected = (selectedItems: string[], item: string) =>\n    selectedItems.includes(item)\n      ? selectedItems.filter((value) => value !== item)\n      : [...selectedItems, item];\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormControl component=\"fieldset\">\n          {label && (\n            <FormLabel component=\"legend\" sx={{ typography: 'body2' }}>\n              {label}\n            </FormLabel>\n          )}\n\n          <FormGroup\n            sx={{\n              ...(row && {\n                flexDirection: 'row',\n              }),\n              '& .MuiFormControlLabel-root': {\n                '&:not(:last-of-type)': {\n                  mb: spacing || 0,\n                },\n                ...(row && {\n                  mr: 0,\n                  '&:not(:last-of-type)': {\n                    mr: spacing || 2,\n                  },\n                }),\n              },\n            }}\n          >\n            {options.map((option) => (\n              <FormControlLabel\n                key={option.value}\n                control={\n                  <Checkbox\n                    checked={field.value.includes(option.value)}\n                    onChange={() => field.onChange(getSelected(field.value, option.value))}\n                  />\n                }\n                label={option.label}\n                {...other}\n              />\n            ))}\n          </FormGroup>\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error} sx={{ mx: 0 }}>\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </FormControl>\n      )}\n    />\n  );\n}\n"],"names":["useFormContext","Controller","FormControlLabel","Checkbox","FormHelperText"],"mappings":";;;;;;AAoBM,SAAU,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,EAAoB,EAAA;AAC1E,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGA,4BAAc,EAAE;IAEpC,QACE,KAAA,CAAA,aAAA,CAACC,wBAAU,EAAA,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,YAAA,KAAA,CAAA,aAAA,CAACC,yBAAgB,EAAA,EAAC,OAAO,EAAE,KAAA,CAAA,aAAA,CAACC,iBAAQ,EAAA,EAAA,GAAK,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,EAAA,CAAI,EAAA,GAAM,KAAK,EAAA,CAAI;AAEtF,YAAA,CAAC,CAAC,CAAC,KAAK,IAAI,UAAU,MACrB,KAAA,CAAA,aAAA,CAACC,uBAAc,EAAA,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,EAC1C,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,CACrB,CAClB,CACG,CACP,EAAA,CACD;AAEN;;;;"}

package/dist/cjs/components/hook-form/RHFDatePicker.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+var xDatePickers = require('@mui/x-date-pickers');
+
+function RHFDatePicker({ name, label, ...others }) {
+    const { control } = reactHookForm.useFormContext();
+    return (React.createElement(reactHookForm.Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(xDatePickers.DatePicker, { ...field, label: label, format: "DD.MM.YYYY", slotProps: {
+                textField: {
+                    error: !!error,
+                    helperText: error?.message,
+                },
+            }, sx: {
+                width: '100%',
+            }, ...others })) }));
+}
+
+exports.default = RHFDatePicker;
+//# sourceMappingURL=RHFDatePicker.js.map

package/dist/cjs/components/hook-form/RHFDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFDatePicker.js","sources":["../../../../src/components/hook-form/RHFDatePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport { DatePicker, DatePickerProps } from '@mui/x-date-pickers';\nimport { Dayjs } from 'dayjs';\n\ntype Props = DatePickerProps<Dayjs> & {\n  name: string;\n  label: string;\n};\n\nexport default function RHFDatePicker({ name, label, ...others }: Props) {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <DatePicker\n          {...field}\n          label={label}\n          format=\"DD.MM.YYYY\"\n          slotProps={{\n            textField: {\n              error: !!error,\n              helperText: error?.message,\n            },\n          }}\n          sx={{\n            width: '100%',\n          }}\n          {...others}\n        />\n      )}\n    />\n  );\n}\n"],"names":["useFormContext","Controller","DatePicker"],"mappings":";;;;;;;;AAUc,SAAU,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,EAAS,EAAA;AACrE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGA,4BAAc,EAAE;AAEpC,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,wBAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAACC,uBAAU,EAAA,EAAA,GACL,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,YAAY,EACnB,SAAS,EAAE;AACT,gBAAA,SAAS,EAAE;oBACT,KAAK,EAAE,CAAC,CAAC,KAAK;oBACd,UAAU,EAAE,KAAK,EAAE,OAAO;AAC3B,iBAAA;AACF,aAAA,EACD,EAAE,EAAE;AACF,gBAAA,KAAK,EAAE,MAAM;AACd,aAAA,EAAA,GACG,MAAM,EAAA,CACV,CACH,EAAA,CACD;AAEN;;;;"}

package/dist/cjs/components/hook-form/RHFPhone.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+var useGlobal = require('../../hooks/useGlobal.js');
+
+function RHFPhone({ name, defaultCountry, helperText, ...other }) {
+    const { control } = reactHookForm.useFormContext();
+    const { lang } = useGlobal.default();
+    const [MuiTelInput, setMuiTelInput] = React.useState(null);
+    React.useEffect(() => {
+        import('mui-tel-input').then((mod) => {
+            setMuiTelInput(() => mod.MuiTelInput);
+        });
+    }, []);
+    if (!MuiTelInput)
+        return null;
+    return (React.createElement(reactHookForm.Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(MuiTelInput, { ...field, fullWidth: true, value: field.value, error: !!error, helperText: error ? error?.message : helperText, langOfCountryName: lang, lang: lang, defaultCountry: defaultCountry || 'CZ', continents: ['EU'], ...other })) }));
+}
+
+exports.default = RHFPhone;
+//# sourceMappingURL=RHFPhone.js.map

package/dist/cjs/components/hook-form/RHFPhone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFPhone.js","sources":["../../../../src/components/hook-form/RHFPhone.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport useGlobal from '@hooks/useGlobal.ts';\nimport { MuiTelInputProps } from 'mui-tel-input';\n\ntype Props = MuiTelInputProps & {\n  name: string;\n  defaultCountry?: string;\n};\n\nexport default function RHFPhone({ name, defaultCountry, helperText, ...other }: Props) {\n  const { control } = useFormContext();\n  const { lang } = useGlobal();\n\n  const [MuiTelInput, setMuiTelInput] = useState<React.ComponentType<MuiTelInputProps> | null>(\n    null\n  );\n\n  useEffect(() => {\n    import('mui-tel-input').then((mod) => {\n      setMuiTelInput(() => mod.MuiTelInput);\n    });\n  }, []);\n\n  if (!MuiTelInput) return null;\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <MuiTelInput\n          {...field}\n          fullWidth\n          value={field.value}\n          error={!!error}\n          helperText={error ? error?.message : helperText}\n          langOfCountryName={lang}\n          lang={lang}\n          defaultCountry={defaultCountry || 'CZ'}\n          continents={['EU']}\n          {...other}\n        />\n      )}\n    />\n  );\n}\n"],"names":["useFormContext","useGlobal","useState","useEffect","Controller"],"mappings":";;;;;;;;AAUc,SAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,KAAK,EAAS,EAAA;AACpF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGA,4BAAc,EAAE;AACpC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAGC,iBAAS,EAAE;IAE5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGC,cAAQ,CAC5C,IAAI,CACL;IAEDC,eAAS,CAAC,MAAK;QACb,OAAO,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAI;YACnC,cAAc,CAAC,MAAM,GAAG,CAAC,WAAW,CAAC;AACvC,SAAC,CAAC;KACH,EAAE,EAAE,CAAC;AAEN,IAAA,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;AAE7B,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,wBAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,oBAAC,WAAW,EAAA,EAAA,GACN,KAAK,EACT,SAAS,QACT,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,UAAU,EAAE,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,EAC/C,iBAAiB,EAAE,IAAI,EACvB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,IAAI,IAAI,EACtC,UAAU,EAAE,CAAC,IAAI,CAAC,EAAA,GACd,KAAK,GACT,CACH,EAAA,CACD;AAEN;;;;"}

package/dist/cjs/components/hook-form/RHFRadioGroup.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+var material = require('@mui/material');
+
+function RHFRadioGroup({ row, name, label, options, spacing, helperText, ...other }) {
+    const { control } = reactHookForm.useFormContext();
+    const labelledby = label ? `${name}-${label}` : '';
+    return (React.createElement(reactHookForm.Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(material.FormControl, { component: "fieldset" },
+            label && (React.createElement(material.FormLabel, { component: "legend", id: labelledby, sx: { typography: 'body2' } }, label)),
+            React.createElement(material.RadioGroup, { ...field, "aria-labelledby": labelledby, row: row, ...other }, options.map((option) => (React.createElement(material.FormControlLabel, { key: option.value, value: option.value, control: React.createElement(material.Radio, null), label: option.label, sx: {
+                    '&:not(:last-of-type)': {
+                        mb: spacing || 0,
+                    },
+                    ...(row && {
+                        mr: 0,
+                        '&:not(:last-of-type)': {
+                            mr: spacing || 2,
+                        },
+                    }),
+                } })))),
+            (!!error || helperText) && (React.createElement(material.FormHelperText, { error: !!error, sx: { mx: 0 } }, error ? error?.message : helperText)))) }));
+}
+
+exports.default = RHFRadioGroup;
+//# sourceMappingURL=RHFRadioGroup.js.map

package/dist/cjs/components/hook-form/RHFRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFRadioGroup.js","sources":["../../../../src/components/hook-form/RHFRadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { useFormContext, Controller } from 'react-hook-form';\nimport {\n  Radio,\n  FormLabel,\n  RadioGroup,\n  FormControl,\n  FormHelperText,\n  RadioGroupProps,\n  FormControlLabel,\n} from '@mui/material';\n\n// ----------------------------------------------------------------------\n\ntype Props = RadioGroupProps & {\n  name: string;\n  options: { label: React.ReactNode; value: any }[];\n  label?: string;\n  spacing?: number;\n  helperText?: React.ReactNode;\n};\n\nexport default function RHFRadioGroup({\n  row,\n  name,\n  label,\n  options,\n  spacing,\n  helperText,\n  ...other\n}: Props) {\n  const { control } = useFormContext();\n\n  const labelledby = label ? `${name}-${label}` : '';\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormControl component=\"fieldset\">\n          {label && (\n            <FormLabel component=\"legend\" id={labelledby} sx={{ typography: 'body2' }}>\n              {label}\n            </FormLabel>\n          )}\n\n          <RadioGroup {...field} aria-labelledby={labelledby} row={row} {...other}>\n            {options.map((option) => (\n              <FormControlLabel\n                key={option.value}\n                value={option.value}\n                control={<Radio />}\n                label={option.label}\n                sx={{\n                  '&:not(:last-of-type)': {\n                    mb: spacing || 0,\n                  },\n                  ...(row && {\n                    mr: 0,\n                    '&:not(:last-of-type)': {\n                      mr: spacing || 2,\n                    },\n                  }),\n                }}\n              />\n            ))}\n          </RadioGroup>\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error} sx={{ mx: 0 }}>\n              {error ? error?.message : helperText}\n            </FormHelperText>\n          )}\n        </FormControl>\n      )}\n    />\n  );\n}\n"],"names":["useFormContext","Controller","FormControl","FormLabel","RadioGroup","FormControlLabel","Radio","FormHelperText"],"mappings":";;;;;;;;AAsBc,SAAU,aAAa,CAAC,EACpC,GAAG,EACH,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,UAAU,EACV,GAAG,KAAK,EACF,EAAA;AACN,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGA,4BAAc,EAAE;AAEpC,IAAA,MAAM,UAAU,GAAG,KAAK,GAAG,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,GAAG,EAAE;AAElD,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,wBAAU,EAAA,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAACC,oBAAW,EAAA,EAAC,SAAS,EAAC,UAAU,EAAA;YAC9B,KAAK,KACJ,KAAA,CAAA,aAAA,CAACC,kBAAS,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,EAAA,EACtE,KAAK,CACI,CACb;YAED,KAAA,CAAA,aAAA,CAACC,mBAAU,OAAK,KAAK,EAAA,iBAAA,EAAmB,UAAU,EAAE,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,IACpE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClB,KAAA,CAAA,aAAA,CAACC,yBAAgB,EAAA,EACf,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,KAAA,CAAA,aAAA,CAACC,cAAK,EAAA,IAAA,CAAG,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,EAAE,EAAE;AACF,oBAAA,sBAAsB,EAAE;wBACtB,EAAE,EAAE,OAAO,IAAI,CAAC;AACjB,qBAAA;oBACD,IAAI,GAAG,IAAI;AACT,wBAAA,EAAE,EAAE,CAAC;AACL,wBAAA,sBAAsB,EAAE;4BACtB,EAAE,EAAE,OAAO,IAAI,CAAC;AACjB,yBAAA;qBACF,CAAC;iBACH,EAAA,CACD,CACH,CAAC,CACS;AAEZ,YAAA,CAAC,CAAC,CAAC,KAAK,IAAI,UAAU,MACrB,KAAA,CAAA,aAAA,CAACC,uBAAc,EAAA,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,EAC1C,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,CACrB,CAClB,CACW,CACf,EAAA,CACD;AAEN;;;;"}

package/dist/cjs/components/hook-form/RHFSelect.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+var material = require('@mui/material');
+
+function RHFSelect({ name, native, maxHeight = 220, helperText, children, ...other }) {
+    const { control } = reactHookForm.useFormContext();
+    return (React.createElement(reactHookForm.Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(material.TextField, { ...field, select: true, fullWidth: true, SelectProps: {
+                native,
+                MenuProps: {
+                    PaperProps: {
+                        sx: {
+                            ...(!native && {
+                                px: 1,
+                                maxHeight: typeof maxHeight === 'number' || typeof maxHeight === 'string'
+                                    ? maxHeight
+                                    : 'unset',
+                                '& .MuiMenuItem-root': {
+                                    px: 1,
+                                    borderRadius: 0.75,
+                                    typography: 'body2',
+                                    textTransform: 'capitalize',
+                                },
+                            }),
+                        },
+                    },
+                },
+                sx: { textTransform: 'capitalize' },
+            }, error: !!error, helperText: error ? error?.message : helperText, ...other }, children)) }));
+}
+
+exports.RHFSelect = RHFSelect;
+//# sourceMappingURL=RHFSelect.js.map

package/dist/cjs/components/hook-form/RHFSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFSelect.js","sources":["../../../../src/components/hook-form/RHFSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { useFormContext, Controller } from 'react-hook-form';\nimport {\n  Box,\n  Chip,\n  Select,\n  Checkbox,\n  MenuItem,\n  TextField,\n  InputLabel,\n  SelectProps,\n  FormControl,\n  OutlinedInput,\n  TextFieldProps,\n  FormHelperText,\n} from '@mui/material';\n\n// ----------------------------------------------------------------------\n\ntype RHFSelectProps = TextFieldProps & {\n  name: string;\n  native?: boolean;\n  maxHeight?: boolean | number | string;\n  children: React.ReactNode;\n};\n\nexport function RHFSelect({\n  name,\n  native,\n  maxHeight = 220,\n  helperText,\n  children,\n  ...other\n}: RHFSelectProps) {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <TextField\n          {...field}\n          select\n          fullWidth\n          SelectProps={{\n            native,\n            MenuProps: {\n              PaperProps: {\n                sx: {\n                  ...(!native && {\n                    px: 1,\n                    maxHeight:\n                      typeof maxHeight === 'number' || typeof maxHeight === 'string'\n                        ? maxHeight\n                        : 'unset',\n                    '& .MuiMenuItem-root': {\n                      px: 1,\n                      borderRadius: 0.75,\n                      typography: 'body2',\n                      textTransform: 'capitalize',\n                    },\n                  }),\n                },\n              },\n            },\n            sx: { textTransform: 'capitalize' },\n          }}\n          error={!!error}\n          helperText={error ? error?.message : helperText}\n          {...other}\n        >\n          {children}\n        </TextField>\n      )}\n    />\n  );\n}\n\n// ----------------------------------------------------------------------\n\ntype RHFMultiSelectProps = SelectProps & {\n  name: string;\n  label?: string;\n  chip?: boolean;\n  checkbox?: boolean;\n  placeholder?: string;\n  helperText?: React.ReactNode;\n  options: {\n    label: string;\n    value: string;\n  }[];\n};\n\nexport function RHFMultiSelect({\n  name,\n  chip,\n  label,\n  options,\n  checkbox,\n  placeholder,\n  helperText,\n  sx,\n  ...other\n}: RHFMultiSelectProps) {\n  const { control } = useFormContext();\n\n  const renderValues = (selectedIds: string[]) => {\n    const selectedItems = options.filter((item) => selectedIds.includes(item.value));\n\n    if (!selectedItems.length && placeholder) {\n      return (\n        <Box component=\"em\" sx={{ color: 'text.disabled' }}>\n          {placeholder}\n        </Box>\n      );\n    }\n\n    if (chip) {\n      return (\n        <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>\n          {selectedItems.map((item) => (\n            <Chip key={item.value} size=\"small\" label={item.label} />\n          ))}\n        </Box>\n      );\n    }\n\n    return selectedItems.map((item) => item.label).join(', ');\n  };\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormControl sx={sx}>\n          {label && <InputLabel id={name}> {label} </InputLabel>}\n\n          <Select\n            {...field}\n            multiple\n            displayEmpty={!!placeholder}\n            labelId={name}\n            input={<OutlinedInput fullWidth label={label} error={!!error} />}\n            // @ts-ignore\n            renderValue={renderValues}\n            MenuProps={{\n              PaperProps: {\n                sx: { px: 1, maxHeight: 280 },\n              },\n            }}\n            {...other}\n          >\n            {placeholder && (\n              <MenuItem\n                disabled\n                value=\"\"\n                sx={{\n                  py: 1,\n                  px: 2,\n                  borderRadius: 0.75,\n                  typography: 'body2',\n                }}\n              >\n                <em> {placeholder} </em>\n              </MenuItem>\n            )}\n\n            {options.map((option) => {\n              const selected = field.value.includes(option.value);\n\n              return (\n                <MenuItem\n                  key={option.value}\n                  value={option.value}\n                  sx={{\n                    py: 1,\n                    px: 2,\n                    borderRadius: 0.75,\n                    typography: 'body2',\n                    ...(selected && {\n                      fontWeight: 'fontWeightMedium',\n                    }),\n                    ...(checkbox && {\n                      p: 0.25,\n                    }),\n                  }}\n                >\n                  {checkbox && <Checkbox disableRipple size=\"small\" checked={selected} />}\n\n                  {option.label}\n                </MenuItem>\n              );\n            })}\n          </Select>\n\n          {(!!error || helperText) && (\n            <FormHelperText error={!!error}>{error ? error?.message : helperText}</FormHelperText>\n          )}\n        </FormControl>\n      )}\n    />\n  );\n}\n"],"names":["useFormContext","Controller","TextField"],"mappings":";;;;;;SA0BgB,SAAS,CAAC,EACxB,IAAI,EACJ,MAAM,EACN,SAAS,GAAG,GAAG,EACf,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACO,EAAA;AACf,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGA,4BAAc,EAAE;AAEpC,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,wBAAU,EAAA,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,KAAA,CAAA,aAAA,CAACC,kBAAS,EAAA,EAAA,GACJ,KAAK,EACT,MAAM,QACN,SAAS,EAAA,IAAA,EACT,WAAW,EAAE;gBACX,MAAM;AACN,gBAAA,SAAS,EAAE;AACT,oBAAA,UAAU,EAAE;AACV,wBAAA,EAAE,EAAE;4BACF,IAAI,CAAC,MAAM,IAAI;AACb,gCAAA,EAAE,EAAE,CAAC;gCACL,SAAS,EACP,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,SAAS,KAAK;AACpD,sCAAE;AACF,sCAAE,OAAO;AACb,gCAAA,qBAAqB,EAAE;AACrB,oCAAA,EAAE,EAAE,CAAC;AACL,oCAAA,YAAY,EAAE,IAAI;AAClB,oCAAA,UAAU,EAAE,OAAO;AACnB,oCAAA,aAAa,EAAE,YAAY;AAC5B,iCAAA;6BACF,CAAC;AACH,yBAAA;AACF,qBAAA;AACF,iBAAA;AACD,gBAAA,EAAE,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE;aACpC,EACD,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,UAAU,EAAE,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,EAAA,GAC3C,KAAK,EAAA,EAER,QAAQ,CACC,CACb,EAAA,CACD;AAEN;;;;"}

package/dist/cjs/components/hook-form/RHFTextField.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+var material = require('@mui/material');
+
+function RHFTextField({ name, helperText, ...other }) {
+    const { control } = reactHookForm.useFormContext();
+    return (React.createElement(reactHookForm.Controller, { name: name, control: control, render: ({ field, fieldState: { error } }) => (React.createElement(material.TextField, { ...field, fullWidth: true, value: typeof field.value === 'number' && field.value === 0 ? '' : field.value, error: !!error, helperText: error ? error?.message : helperText, ...other })) }));
+}
+
+exports.default = RHFTextField;
+//# sourceMappingURL=RHFTextField.js.map

package/dist/cjs/components/hook-form/RHFTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFTextField.js","sources":["../../../../src/components/hook-form/RHFTextField.tsx"],"sourcesContent":["import React from 'react';\nimport { useFormContext, Controller } from 'react-hook-form';\nimport { TextField, TextFieldProps } from '@mui/material';\n\n// ----------------------------------------------------------------------\n\ntype Props = TextFieldProps & {\n  name: string;\n};\n\nexport default function RHFTextField({ name, helperText, ...other }: Props) {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <TextField\n          {...field}\n          fullWidth\n          value={typeof field.value === 'number' && field.value === 0 ? '' : field.value}\n          error={!!error}\n          helperText={error ? error?.message : helperText}\n          {...other}\n        />\n      )}\n    />\n  );\n}\n"],"names":["useFormContext","Controller","TextField"],"mappings":";;;;;;;;AAUc,SAAU,YAAY,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,EAAS,EAAA;AACxE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGA,4BAAc,EAAE;AAEpC,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,wBAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MACvC,oBAACC,kBAAS,EAAA,EAAA,GACJ,KAAK,EACT,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,EAC9E,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,UAAU,EAAE,KAAK,GAAG,KAAK,EAAE,OAAO,GAAG,UAAU,EAAA,GAC3C,KAAK,GACT,CACH,EAAA,CACD;AAEN;;;;"}

package/dist/cjs/components/iconify/Iconify.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var react = require('@iconify/react');
+var material = require('@mui/material');
+
+function Iconify({ icon, sx, ...other }) {
+    return React.createElement(material.Box, { component: react.Icon, icon: icon, sx: { ...sx }, ...other });
+}
+
+exports.default = Iconify;
+//# sourceMappingURL=Iconify.js.map

package/dist/cjs/components/iconify/Iconify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Iconify.js","sources":["../../../../src/components/iconify/Iconify.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon, IconifyIcon } from '@iconify/react';\nimport { Box, BoxProps, SxProps } from '@mui/material';\nimport { Theme } from '@mui/material/styles';\n\ninterface Props extends BoxProps {\n  sx?: SxProps<Theme>;\n  icon: IconifyIcon | string;\n}\n\nexport default function Iconify({ icon, sx, ...other }: Props) {\n  return <Box component={Icon} icon={icon} sx={{ ...sx }} {...other} />;\n}\n"],"names":["Box","Icon"],"mappings":";;;;;;;;AAUc,SAAU,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,EAAS,EAAA;IAC3D,OAAO,KAAA,CAAA,aAAA,CAACA,YAAG,EAAA,EAAC,SAAS,EAAEC,UAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAA,GAAM,KAAK,GAAI;AACvE;;;;"}

package/dist/cjs/context/GlobalContext.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var React = require('react');
+var language = require('../utils/data/language.js');
+var index = require('../locales/index.js');
+var global = require('../utils/global.js');
+
+const initialState = {
+    lang: language.Languages.CS,
+    setGlobal: (value) => { },
+    showSnackbar: (text, options) => { },
+    t: (key) => key,
+    callbacks: {
+        homepage: () => { },
+        tickets: () => { },
+        detail: () => { },
+    },
+    links: {
+        termsAndConditions: '',
+        gdpr: '',
+    },
+};
+const GlobalContext = React.createContext(initialState);
+function GlobalProvider({ children, lang, showSnackbar, callbacks, links, options, content, }) {
+    const [global$1, setGlobal] = React.useState({
+        ...initialState,
+        showSnackbar: showSnackbar || initialState.showSnackbar,
+        lang,
+        callbacks,
+        links,
+        options,
+        content,
+    });
+    const handleSetGlobal = (value) => {
+        setGlobal({
+            ...global$1,
+            ...value,
+            options: {
+                ...global$1.options,
+                ...value.options,
+            },
+        });
+    };
+    const t = (key, params) => {
+        const translation = index[lang];
+        let template = global.getNestedValue(translation, key) || key;
+        if (params) {
+            for (const [paramKey, paramValue] of Object.entries(params)) {
+                template = template.replaceAll(`{{${paramKey}}}`, String(paramValue));
+            }
+        }
+        return template;
+    };
+    const memoizedValue = React.useMemo(() => ({
+        ...global$1,
+        setGlobal: handleSetGlobal,
+        t,
+    }), [global$1]);
+    return React.createElement(GlobalContext.Provider, { value: memoizedValue }, children);
+}
+
+exports.GlobalContext = GlobalContext;
+exports.GlobalProvider = GlobalProvider;
+//# sourceMappingURL=GlobalContext.js.map

package/dist/cjs/context/GlobalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalContext.js","sources":["../../../src/context/GlobalContext.tsx"],"sourcesContent":["import React, { createContext, ReactNode, useMemo, useState } from 'react';\nimport { IGlobalContext } from '@utils/types/global.type';\nimport { Languages } from '@utils/data/language';\nimport * as locales from '@locales';\nimport { getNestedValue } from '@utils/global.ts';\n\nconst initialState: IGlobalContext = {\n  lang: Languages.CS,\n  setGlobal: (value: Partial<IGlobalContext>) => {},\n  showSnackbar: (text: string, options?: { variant: 'success' | 'error' }) => {},\n  t: (key) => key,\n  callbacks: {\n    homepage: () => {},\n    tickets: () => {},\n    detail: () => {},\n  },\n  links: {\n    termsAndConditions: '',\n    gdpr: '',\n  },\n};\n\nconst GlobalContext = createContext(initialState);\n\ntype Props = {\n  children: ReactNode;\n  lang: Languages;\n  callbacks: IGlobalContext['callbacks'];\n  links: IGlobalContext['links'];\n  showSnackbar?: IGlobalContext['showSnackbar'];\n  options?: IGlobalContext['options'];\n  content?: IGlobalContext['content'];\n};\n\nfunction GlobalProvider({\n  children,\n  lang,\n  showSnackbar,\n  callbacks,\n  links,\n  options,\n  content,\n}: Props) {\n  const [global, setGlobal] = useState<IGlobalContext>({\n    ...initialState,\n    showSnackbar: showSnackbar || initialState.showSnackbar,\n    lang,\n    callbacks,\n    links,\n    options,\n    content,\n  });\n\n  const handleSetGlobal = (value: Partial<IGlobalContext>) => {\n    setGlobal({\n      ...global,\n      ...value,\n      options: {\n        ...global.options,\n        ...value.options,\n      },\n    });\n  };\n\n  const t = (key: string, params?: Record<string, string | number>) => {\n    const translation = (locales as Record<Languages, any>)[lang];\n    let template = getNestedValue(translation, key) || key;\n\n    if (params) {\n      for (const [paramKey, paramValue] of Object.entries(params)) {\n        template = template.replaceAll(`{{${paramKey}}}`, String(paramValue));\n      }\n    }\n\n    return template;\n  };\n\n  const memoizedValue = useMemo(\n    () => ({\n      ...global,\n      setGlobal: handleSetGlobal,\n      t,\n    }),\n    [global]\n  );\n\n  return <GlobalContext.Provider value={memoizedValue}>{children}</GlobalContext.Provider>;\n}\n\nexport { GlobalProvider, GlobalContext };\n"],"names":["Languages","createContext","global","useState","locales","getNestedValue","useMemo"],"mappings":";;;;;;;AAMA,MAAM,YAAY,GAAmB;IACnC,IAAI,EAAEA,kBAAS,CAAC,EAAE;AAClB,IAAA,SAAS,EAAE,CAAC,KAA8B,QAAO;IACjD,YAAY,EAAE,CAAC,IAAY,EAAE,OAA0C,QAAO;AAC9E,IAAA,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG;AACf,IAAA,SAAS,EAAE;AACT,QAAA,QAAQ,EAAE,MAAK,GAAG;AAClB,QAAA,OAAO,EAAE,MAAK,GAAG;AACjB,QAAA,MAAM,EAAE,MAAK,GAAG;AACjB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,kBAAkB,EAAE,EAAE;AACtB,QAAA,IAAI,EAAE,EAAE;AACT,KAAA;CACF;AAED,MAAM,aAAa,GAAGC,mBAAa,CAAC,YAAY;AAYhD,SAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,EACL,OAAO,EACP,OAAO,GACD,EAAA;AACN,IAAA,MAAM,CAACC,QAAM,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAiB;AACnD,QAAA,GAAG,YAAY;AACf,QAAA,YAAY,EAAE,YAAY,IAAI,YAAY,CAAC,YAAY;QACvD,IAAI;QACJ,SAAS;QACT,KAAK;QACL,OAAO;QACP,OAAO;AACR,KAAA,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,CAAC,KAA8B,KAAI;AACzD,QAAA,SAAS,CAAC;AACR,YAAA,GAAGD,QAAM;AACT,YAAA,GAAG,KAAK;AACR,YAAA,OAAO,EAAE;gBACP,GAAGA,QAAM,CAAC,OAAO;gBACjB,GAAG,KAAK,CAAC,OAAO;AACjB,aAAA;AACF,SAAA,CAAC;AACJ,KAAC;AAED,IAAA,MAAM,CAAC,GAAG,CAAC,GAAW,EAAE,MAAwC,KAAI;AAClE,QAAA,MAAM,WAAW,GAAIE,KAAkC,CAAC,IAAI,CAAC;QAC7D,IAAI,QAAQ,GAAGC,qBAAc,CAAC,WAAW,EAAE,GAAG,CAAC,IAAI,GAAG;QAEtD,IAAI,MAAM,EAAE;AACV,YAAA,KAAK,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;AAC3D,gBAAA,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA,EAAA,EAAK,QAAQ,CAAA,EAAA,CAAI,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;;;AAIzE,QAAA,OAAO,QAAQ;AACjB,KAAC;AAED,IAAA,MAAM,aAAa,GAAGC,aAAO,CAC3B,OAAO;AACL,QAAA,GAAGJ,QAAM;AACT,QAAA,SAAS,EAAE,eAAe;QAC1B,CAAC;AACF,KAAA,CAAC,EACF,CAACA,QAAM,CAAC,CACT;IAED,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,EAAG,QAAQ,CAA0B;AAC1F;;;;;"}

package/dist/cjs/form/ChildEventCard.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useResponsive = require('../hooks/useResponsive.js');
+var material = require('@mui/material');
+var place = require('../utils/place.js');
+var React = require('react');
+var ChildEventDialog = require('./ChildEventDialog.js');
+var useGlobal = require('../hooks/useGlobal.js');
+require('framer-motion');
+require('../components/animate/IconButtonAnimate.js');
+var Iconify = require('../components/iconify/Iconify.js');
+var Image = require('../components/Image.js');
+var TextIconLabel = require('../components/TextIconLabel.js');
+var locationIcon = require('@iconify/icons-carbon/location');
+var calendarIcon = require('@iconify/icons-carbon/calendar');
+var userIcon = require('@iconify/icons-carbon/user');
+var dayjs = require('dayjs');
+var reactHookForm = require('react-hook-form');
+
+const ChildEventCard = ({ event }) => {
+    const { t } = useGlobal.default();
+    const xs = useResponsive.default('only', 'xs');
+    const md = useResponsive.default('only', 'md');
+    const [openVariantDialog, setOpenVariantDialog] = React.useState(false);
+    const tickets = reactHookForm.useWatch({
+        name: `tickets.${event.id}`,
+        defaultValue: [],
+    });
+    const products = reactHookForm.useWatch({
+        name: `products.${event.id}`,
+        defaultValue: [],
+    });
+    const eventNotEmpty = React.useMemo(() => {
+        return [...tickets, ...products].some((item) => item?.quantity);
+    }, [tickets, products]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(material.Card, { sx: { p: 2 } },
+            React.createElement(material.Grid, { container: true, spacing: 6, alignItems: "stretch" },
+                React.createElement(material.Grid, { item: true, xs: 12, md: 6, sx: { display: 'flex', flexDirection: 'column' } },
+                    React.createElement(Image.default, { src: event.image.url, alt: event.name, ratio: "16/9", borderRadius: 2 }),
+                    React.createElement(material.Button, { variant: "contained", onClick: () => setOpenVariantDialog(true), fullWidth: true, startIcon: eventNotEmpty ? React.createElement(Iconify.default, { icon: "eva:edit-fill" }) : React.createElement(Iconify.default, { icon: "eva:plus-fill" }), sx: { mt: 2 } }, eventNotEmpty ? t('change') : t('add'))),
+                React.createElement(material.Grid, { item: true, xs: 12, md: 6, sx: { display: 'flex', flexDirection: 'column', justifyContent: 'space-between' } },
+                    React.createElement(material.Stack, { spacing: 2 },
+                        React.createElement(material.Typography, { variant: "h6" }, event.name),
+                        React.createElement(TextIconLabel.default, { icon: React.createElement(Iconify.default, { icon: locationIcon, sx: { mr: 0.5, mt: 0.5, width: 18, height: 18, minWidth: 18 } }), value: React.createElement(material.Box, null, place.getPlaceAsString(event.place)), sx: { typography: 'body3', color: 'text.secondary', alignItems: 'flex-start' } })),
+                    React.createElement(material.Stack, { direction: { xs: 'column', sm: 'row', md: 'column', lg: 'row' }, spacing: 2, p: 2, divider: React.createElement(material.Divider, { orientation: xs || md ? 'horizontal' : 'vertical', flexItem: true, sx: { borderStyle: 'dashed' } }), sx: {
+                            backgroundColor: (theme) => theme.palette.grey.A100,
+                            borderRadius: 1,
+                        } },
+                        React.createElement(material.Box, { width: { sm: '50%', md: '100%', lg: '50%' } },
+                            React.createElement(TextIconLabel.default, { icon: React.createElement(Iconify.default, { icon: calendarIcon, sx: { minWidth: 20, height: 20, mr: 1 } }), value: t('form.labels.start_date'), sx: { color: 'text.secondary' } }),
+                            React.createElement(material.Typography, { variant: "body2", fontWeight: 700 }, dayjs(event.startDate).format('DD.MM.YYYY HH:mm'))),
+                        React.createElement(material.Box, { width: { sm: '50%', md: '100%', lg: '50%' } },
+                            React.createElement(TextIconLabel.default, { icon: React.createElement(Iconify.default, { icon: userIcon, sx: { minWidth: 20, height: 20, mr: 1 } }), value: t('form.labels.organizer'), sx: { color: 'text.secondary' } }),
+                            React.createElement(material.Typography, { variant: "body2", fontWeight: 700 }, event.company.displayName)))))),
+        React.createElement(ChildEventDialog.default, { event: event, openDialog: openVariantDialog, onClose: () => setOpenVariantDialog(false) })));
+};
+
+exports.default = ChildEventCard;
+//# sourceMappingURL=ChildEventCard.js.map

package/dist/cjs/form/ChildEventCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChildEventCard.js","sources":["../../../src/form/ChildEventCard.tsx"],"sourcesContent":["import useResponsive from '@hooks/useResponsive';\nimport { Box, Button, Card, Divider, Grid, Stack, Typography } from '@mui/material';\nimport { getPlaceAsString } from '@utils/place';\nimport { IEvent } from '@utils/types/event.type';\nimport React, { useMemo, useState } from 'react';\nimport ChildEventDialog from './ChildEventDialog';\nimport useGlobal from '@hooks/useGlobal';\nimport { Iconify, Image, TextIconLabel } from '@components';\nimport locationIcon from '@iconify/icons-carbon/location';\nimport calendarIcon from '@iconify/icons-carbon/calendar';\nimport userIcon from '@iconify/icons-carbon/user';\nimport dayjs from 'dayjs';\nimport { useWatch } from 'react-hook-form';\nimport { ITicketFormTicket } from '@utils/types/ticket.type';\nimport { IEventProductForm } from '@utils/types/product.type';\n\ninterface Props {\n  event: IEvent;\n}\n\nconst ChildEventCard: React.FC<Props> = ({ event }) => {\n  const { t } = useGlobal();\n  const xs = useResponsive('only', 'xs');\n  const md = useResponsive('only', 'md');\n  const [openVariantDialog, setOpenVariantDialog] = useState<boolean>(false);\n  const tickets = useWatch({\n    name: `tickets.${event.id}`,\n    defaultValue: [],\n  }) as ITicketFormTicket[];\n  const products = useWatch({\n    name: `products.${event.id}`,\n    defaultValue: [],\n  }) as IEventProductForm[];\n\n  const eventNotEmpty = useMemo(() => {\n    return [...tickets, ...products].some((item) => item?.quantity);\n  }, [tickets, products]);\n\n  return (\n    <>\n      <Card sx={{ p: 2 }}>\n        <Grid container spacing={6} alignItems=\"stretch\">\n          {/* LEFT SIDE: Image + Button */}\n          <Grid item xs={12} md={6} sx={{ display: 'flex', flexDirection: 'column' }}>\n            <Image src={event.image.url} alt={event.name} ratio=\"16/9\" borderRadius={2} />\n            <Button\n              variant=\"contained\"\n              onClick={() => setOpenVariantDialog(true)}\n              fullWidth\n              startIcon={\n                eventNotEmpty ? <Iconify icon=\"eva:edit-fill\" /> : <Iconify icon=\"eva:plus-fill\" />\n              }\n              sx={{ mt: 2 }}\n            >\n              {eventNotEmpty ? t('change') : t('add')}\n            </Button>\n          </Grid>\n\n          {/* RIGHT SIDE: Info block with bottom aligned date + organizer */}\n          <Grid\n            item\n            xs={12}\n            md={6}\n            sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between' }}\n          >\n            <Stack spacing={2}>\n              <Typography variant=\"h6\">{event.name}</Typography>\n\n              <TextIconLabel\n                icon={\n                  <Iconify\n                    icon={locationIcon}\n                    sx={{ mr: 0.5, mt: 0.5, width: 18, height: 18, minWidth: 18 }}\n                  />\n                }\n                value={<Box>{getPlaceAsString(event.place)}</Box>}\n                sx={{ typography: 'body3', color: 'text.secondary', alignItems: 'flex-start' }}\n              />\n            </Stack>\n\n            {/* Bottom: Date & Organizer */}\n            <Stack\n              direction={{ xs: 'column', sm: 'row', md: 'column', lg: 'row' }}\n              spacing={2}\n              p={2}\n              divider={\n                <Divider\n                  orientation={xs || md ? 'horizontal' : 'vertical'}\n                  flexItem\n                  sx={{ borderStyle: 'dashed' }}\n                />\n              }\n              sx={{\n                backgroundColor: (theme) => theme.palette.grey.A100,\n                borderRadius: 1,\n              }}\n            >\n              <Box width={{ sm: '50%', md: '100%', lg: '50%' }}>\n                <TextIconLabel\n                  icon={<Iconify icon={calendarIcon} sx={{ minWidth: 20, height: 20, mr: 1 }} />}\n                  value={t('form.labels.start_date')}\n                  sx={{ color: 'text.secondary' }}\n                />\n                <Typography variant=\"body2\" fontWeight={700}>\n                  {dayjs(event.startDate).format('DD.MM.YYYY HH:mm')}\n                </Typography>\n              </Box>\n              <Box width={{ sm: '50%', md: '100%', lg: '50%' }}>\n                <TextIconLabel\n                  icon={<Iconify icon={userIcon} sx={{ minWidth: 20, height: 20, mr: 1 }} />}\n                  value={t('form.labels.organizer')}\n                  sx={{ color: 'text.secondary' }}\n                />\n                <Typography variant=\"body2\" fontWeight={700}>\n                  {event.company.displayName}\n                </Typography>\n              </Box>\n            </Stack>\n          </Grid>\n        </Grid>\n      </Card>\n\n      <ChildEventDialog\n        event={event}\n        openDialog={openVariantDialog}\n        onClose={() => setOpenVariantDialog(false)}\n      />\n    </>\n  );\n};\n\nexport default ChildEventCard;\n"],"names":["useGlobal","useResponsive","useState","useWatch","useMemo","Card","Grid","Image","Button","Iconify","Stack","Typography","TextIconLabel","Box","getPlaceAsString","Divider","ChildEventDialog"],"mappings":"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"}