@m4l/components 0.1.40 → 0.1.41

package/src/components/hook-form/RHFUpload/RHFUploadSingleFile/components/UploadSingleFile/index.txt

@@ -1,86 +0,0 @@
-import isString from 'lodash/isString';
-// import { useDropzone } from 'react-dropzone';
-// // @mui
-// import { styled } from '@mui/material/styles';
-// import { Box } from '@mui/material';
-// // type
-// import { UploadProps } from '../UploadComponents/type';
-// //
-// import { Image } from '../../../../Image';
-// import RejectionFiles from '../UploadComponents/RejectionFiles';
-// import BlockContent from '../UploadComponents/BlockContent';
-
-// // ----------------------------------------------------------------------
-
-// const DropZoneStyle = styled('div')(({ theme }) => ({
-//     outline: 'none',
-//     overflow: 'hidden',
-//     position: 'relative',
-//     padding: theme.spacing(5, 1),
-//     borderRadius: theme.shape.borderRadius,
-//     transition: theme.transitions.create('padding'),
-//     backgroundColor: theme.palette.background.neutral,
-//     border: `1px dashed ${theme.palette.grey[500_32]}`,
-//     '&:hover': { opacity: 0.72, cursor: 'pointer' },
-// }));
-
-// // ----------------------------------------------------------------------
-
-// export default function UploadSingleFile({
-//     error = false,
-//     file,
-//     helperText,
-//     sx,
-//     accept,
-//     ...other
-// }: UploadProps) {
-//     const { getRootProps, getInputProps, isDragActive, isDragReject, fileRejections } = useDropzone(
-//         {
-//             multiple: false,
-//             accept,
-//             ...other,
-//         },
-//     );
-
-//     return (
-//         <Box sx={{ width: '100%', ...sx }}>
-//             <DropZoneStyle
-//                 {...getRootProps()}
-//                 sx={{
-//                     ...(isDragActive && { opacity: 0.72 }),
-//                     ...((isDragReject || error) && {
-//                         color: 'error.main',
-//                         borderColor: 'error.light',
-//                         bgcolor: 'error.lighter',
-//                     }),
-//                     ...(file && {
-//                         padding: '12% 0',
-//                     }),
-//                 }}
-//             >
-//                 <input {...getInputProps()} />
-
-//                 <BlockContent />
-
-//                 {file && (
-//                     <Image
-//                         alt="file preview"
-//                         src={isString(file) ? file : file.preview}
-//                         sx={{
-//                             top: 8,
-//                             left: 8,
-//                             borderRadius: 1,
-//                             position: 'absolute',
-//                             width: 'calc(100% - 16px)',
-//                             height: 'calc(100% - 16px)',
-//                         }}
-//                     />
-//                 )}
-//             </DropZoneStyle>
-
-//             {fileRejections.length > 0 && <RejectionFiles fileRejections={fileRejections} />}
-
-//             {helperText && helperText}
-//         </Box>
-//     );
-// }

package/src/components/hook-form/RHFUpload/RHFUploadSingleFile/index.txt

@@ -1,31 +0,0 @@
-import { Controller } from 'react-hook-form';
-
-// export function RHFUploadSingleFile({ name, ...other }: Props) {
-//     const { control } = useFormContext();
-
-//     return (
-//         <Controller
-//             name={name}
-//             control={control}
-//             render={({ field, fieldState: { error } }) => {
-//                 const checkError = !!error && !field.value;
-
-//                 return (
-//                     <UploadSingleFile
-//                         accept={{ 'image/png': ['.png'] }}
-//                         file={field.value}
-//                         error={checkError}
-//                         helperText={
-//                             checkError && (
-//                                 <FormHelperText error sx={{ px: 2 }}>
-//                                     {error.message}
-//                                 </FormHelperText>
-//                             )
-//                         }
-//                         {...other}
-//                     />
-//                 );
-//             }}
-//         />
-//     );
-// }

package/src/components/hook-form/RHFUpload/components/UploadComponents/BlockContent.txt

@@ -1,39 +0,0 @@
-// @mui
-import { Box, Typography, Stack } from '@mui/material';
-import UploadIllustration from '../../../../../assets/illustration_upload';
-
-// assets
-
-// ----------------------------------------------------------------------
-
-export default function BlockContent() {
-    return (
-        <Stack
-            spacing={2}
-            alignItems="center"
-            justifyContent="center"
-            direction={{ xs: 'column', md: 'row' }}
-            sx={{ width: 1, textAlign: { xs: 'center', md: 'left' } }}
-        >
-            <UploadIllustration sx={{ width: 220 }} />
-
-            <Box sx={{ p: 3 }}>
-                <Typography gutterBottom variant="h5">
-                    Drop or Select file
-                </Typography>
-
-                <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-                    Drop files here or click&nbsp;
-                    <Typography
-                        variant="body2"
-                        component="span"
-                        sx={{ color: 'primary.main', textDecoration: 'underline' }}
-                    >
-                        browse
-                    </Typography>
-                    &nbsp;thorough your machine
-                </Typography>
-            </Box>
-        </Stack>
-    );
-}

package/src/components/hook-form/RHFUpload/components/UploadComponents/MultiFilePreview.txt

@@ -1,139 +0,0 @@
-import isString from 'lodash/isString';
-// import { m, AnimatePresence } from 'framer-motion';
-// // @mui
-// import { alpha } from '@mui/material/styles';
-// import { List, Stack, Button, IconButton, ListItemText, ListItem } from '@mui/material';
-// // utils
-
-// // type
-// import { UploadMultiFileProps, CustomFile } from './type';
-// //
-
-// import { varFade } from '../../../../animate/variants';
-// import { Image } from '../../../../Image';
-
-// // ----------------------------------------------------------------------
-
-// const getFileData = (file: CustomFile | string) => {
-//     if (typeof file === 'string') {
-//         return {
-//             key: file,
-//         };
-//     }
-//     return {
-//         key: file.name,
-//         name: file.name,
-//         size: file.size,
-//         preview: file.preview,
-//     };
-// };
-
-// // ----------------------------------------------------------------------
-
-// export default function MultiFilePreview({
-//     showPreview = false,
-//     files,
-//     onRemove,
-//     onRemoveAll,
-// }: UploadMultiFileProps) {
-//     const hasFile = files.length > 0;
-
-//     return (
-//         <>
-//             <List disablePadding sx={{ ...(hasFile && { my: 3 }) }}>
-//                 <AnimatePresence>
-//                     {files.map(file => {
-//                         const { key, name, size, preview } = getFileData(file as CustomFile);
-
-//                         if (showPreview) {
-//                             return (
-//                                 <ListItem
-//                                     key={key}
-//                                     component={m.div}
-//                                     {...varFade().inRight}
-//                                     sx={{
-//                                         p: 0,
-//                                         m: 0.5,
-//                                         width: 80,
-//                                         height: 80,
-//                                         borderRadius: 1.25,
-//                                         overflow: 'hidden',
-//                                         position: 'relative',
-//                                         display: 'inline-flex',
-//                                         border: theme => `solid 1px ${theme.palette.divider}`,
-//                                     }}
-//                                 >
-//                                     <Image
-//                                         alt="preview"
-//                                         src={isString(file) ? file : preview}
-//                                         ratio="1/1"
-//                                     />
-//                                     <IconButton
-//                                         size="small"
-//                                         onClick={() => onRemove(file)}
-//                                         sx={{
-//                                             top: 6,
-//                                             p: '2px',
-//                                             right: 6,
-//                                             position: 'absolute',
-//                                             color: 'common.white',
-//                                             bgcolor: theme => alpha(theme.palette.grey[900], 0.72),
-//                                             '&:hover': {
-//                                                 bgcolor: theme =>
-//                                                     alpha(theme.palette.grey[900], 0.48),
-//                                             },
-//                                         }}
-//                                     >
-//                                         {/* <Iconify icon={'eva:close-fill'} /> */}
-//                                     </IconButton>
-//                                 </ListItem>
-//                             );
-//                         }
-
-//                         return (
-//                             <ListItem
-//                                 key={key}
-//                                 component={m.div}
-//                                 {...varFade().inRight}
-//                                 sx={{
-//                                     my: 1,
-//                                     px: 2,
-//                                     py: 0.75,
-//                                     borderRadius: 0.75,
-//                                     border: theme => `solid 1px ${theme.palette.divider}`,
-//                                 }}
-//                             >
-//                                 {/* <Iconify
-//                                     icon={'eva:file-fill'}
-//                                     sx={{ width: 28, height: 28, color: 'text.secondary', mr: 2 }}
-//                                 /> */}
-
-//                                 <ListItemText
-//                                     primary={isString(file) ? file : name}
-//                                     secondary={isString(file) ? '' : 'fData(size || 0)'}
-//                                     primaryTypographyProps={{ variant: 'subtitle2' }}
-//                                     secondaryTypographyProps={{ variant: 'caption' }}
-//                                 />
-
-//                                 <IconButton edge="end" size="small" onClick={() => onRemove(file)}>
-//                                     {/* <Iconify icon={'eva:close-fill'} /> */}
-//                                 </IconButton>
-//                             </ListItem>
-//                         );
-//                     })}
-//                 </AnimatePresence>
-//             </List>
-
-//             {hasFile && (
-//                 <Stack direction="row" justifyContent="flex-end" spacing={1.5}>
-//                     <Button color="inherit" size="small" onClick={onRemoveAll}>
-//                         Remove all
-//                     </Button>
-//                     <Button size="small" variant="contained">
-//                         Upload files
-//                     </Button>
-//                 </Stack>
-//             )}
-//         </>
-//     );
-// }

package/src/components/hook-form/RHFUpload/components/UploadComponents/RejectionFiles.txt

@@ -1,48 +0,0 @@
-import { FileRejection } from 'react-dropzone';
-// // @mui
-// import { alpha } from '@mui/material/styles';
-// import { Box, Paper, Typography } from '@mui/material';
-// // type
-// import { CustomFile } from './type';
-// // import { fData } from '@m4l/core';
-// // utils
-
-// // ----------------------------------------------------------------------
-
-// type Props = {
-//     fileRejections: FileRejection[];
-// };
-
-// export default function RejectionFiles({ fileRejections }: Props) {
-//     return (
-//         <Paper
-//             variant="outlined"
-//             sx={{
-//                 py: 1,
-//                 px: 2,
-//                 mt: 3,
-//                 borderColor: 'error.light',
-//                 bgcolor: theme => alpha(theme.palette.error.main, 0.08),
-//             }}
-//         >
-//             {fileRejections.map(({ file, errors }) => {
-//                 const { path }: CustomFile = file;
-
-//                 return (
-//                     <Box key={path} sx={{ my: 1 }}>
-//                         <Typography variant="subtitle2" noWrap>
-//                             {path}
-//                             {/* - {fData(size)} */}
-//                         </Typography>
-
-//                         {errors.map(error => (
-//                             <Typography key={error.code} variant="caption" component="p">
-//                                 - {error.message}
-//                             </Typography>
-//                         ))}
-//                     </Box>
-//                 );
-//             })}
-//         </Paper>
-//     );
-// }

package/src/components/hook-form/index.ts

@@ -1,15 +0,0 @@
-export { RHFAutocomplete } from './RHFAutocomplete';
-export { getRHFAutocompleteComponentsDictionary } from './RHFAutocomplete/dictionary';
-export { RHFAutocompleteAsync } from './RHFAutocompleteAsync';
-export { getRHFAutocompleteAsyncComponentsDictionary } from './RHFAutocompleteAsync/dictionary';
-export { RHFCheckbox } from './RHFCheckbox';
-export { RHFDateTime } from './RHFDateTime';
-export { RHFMultiCheckbox } from './RHFMultiCheckbox';
-export { RHFSelect } from './RHFSelect';
-export { RHFTextField } from './RHFTextField';
-export { RHFTextFieldPassword } from './RHFTextFieldPassword';
-export { RHFRadioGroup } from './RHFRadioGroup';
-export { RHFPeriod } from './RHFPeriod';
-export { getPeriodComponetsDictionary } from '../Period/dictionary';
-
-export * from './RHFUpload';

package/src/components/index.ts

@@ -1,75 +0,0 @@
-export * from './animate';
-export * from './areas';
-//hook-form components
-export * from './hook-form';
-//mui_extended
-export * from './mui_extended';
-
-//root components
-
-//formaters
-export * from './formatters';
-export * from './formatters/types';
-export * from './formatters/dicctionary';
-
-//Start Grid
-export { DataGrid } from './DataGrid';
-
-export * from './DataGrid/formatters';
-export type { Column, EditorProps, FormatterProps } from 'react-data-grid';
-
-export type { RowKey } from './DataGrid/types';
-export { getDataGridComponentsDictionary as getGridComponentsDictionary } from './DataGrid/dictionary';
-export { TextEditor, NumberEditor } from './DataGrid/subcomponents/editors/TextEditor';
-export { getDataGridRowsFromSet } from './DataGrid/utils/getDataGridRowsFromSet';
-
-//End Grid
-
-// Star Dynamic Filter
-export * from './DynamicFilter';
-export * from './DynamicFilter/dictionary';
-export * from './ErrorLabel';
-export type {
-    FilterFieldApply,
-    RawFilterFieldApply,
-    InitialFilterFieldApply,
-} from './DynamicFilter/types';
-// End Dynamic Filter
-
-export * from './CommonActions/';
-export * from './CommonActions/dictionary';
-export * from './DraggableWindow';
-
-export * from './Icon';
-
-export * from './Image';
-
-export * from './LanguagePopover';
-
-export * from './Loadable';
-
-// export * from './Areas/subcomponents/Area/subcomponents/Window/subcomponents/MFLoader';
-
-export * from './modal';
-
-export * from './NoItemSelected';
-export * from './NoItemSelected/dictionary';
-
-export * from './ObjectLogs';
-export * from './ObjectLogs/dictionary';
-
-export * from './PaperForm';
-export * from './Period';
-export type { PeriodType } from './Period/types';
-export * from './HelmetPage';
-export * from './PropertyValue';
-
-export * from './ResizeableWindow';
-
-export * from './ScrollBar';
-
-export { ScrollToTop } from './ScrollToTop';
-
-export * from './SplitLayout';
-
-export type { SplitPosition } from './SplitLayout/types';

package/src/components/modal/ModalDialog/dictionary.ts

@@ -1,11 +0,0 @@
-import { Dictionary } from '@m4l/core';
-
-import { getCommonActionsDictionary } from '../../CommonActions/dictionary';
-
-export function getModalDialogComponentsDictionary() {
-    return ['modal_dialog'].concat(getCommonActionsDictionary());
-}
-
-export const defaultModalDialogDictionary: Dictionary = {
-    modal_dialog: {},
-};

package/src/components/modal/ModalDialog/index.tsx

@@ -1,80 +0,0 @@
-//mui
-import { Paper } from '@mui/material';
-
-//external libraries
-import Draggable from 'react-draggable';
-//hooks
-import { useModal } from '../../../hooks/useModal';
-//Styled components
-import { Container, WrapperDialog } from './styles';
-
-//css
-//import "./resizeable.css"
-//hooks
-import { ResizeableWindow } from '../../ResizeableWindow';
-import { useResponsiveDesktop } from '@m4l/graphics';
-
-//types
-
-const DragabblePaperComponent = (props: any) => {
-    return (
-        <Draggable handle=".m4l_draggable_handle" cancel={'[class*="MuiDialogContent-root"]'}>
-            <Paper sx={{ maxHeight: 'unset', maxWidth: 'unset' }} {...props} />
-        </Draggable>
-    );
-};
-
-function PaperComponent(props: any) {
-    return <Paper sx={{ maxHeight: 'unset', maxWidth: 'unset', height: '100%' }} {...props} />;
-}
-
-export const ModalDialog = () => {
-    const {
-        open,
-        initialWidth = 600,
-        initialHeigth = 400,
-        maxWidth,
-        maxHeigth,
-        window,
-        // closeModal,
-        fullScreen,
-    } = useModal();
-    const isDesktop = useResponsiveDesktop();
-
-    // const onCloseModal = () => {
-    //     closeModal();
-    // };
-
-    // const onQueryClose = () => {};
-    const contentComnponent = (
-        <Container id="Container">{typeof window === 'function' ? window() : window}</Container>
-    );
-
-    return (
-        <WrapperDialog
-            open={open}
-            // onClose={onQueryClose}
-            aria-labelledby="child-modal-title"
-            aria-describedby="child-modal-description"
-            PaperComponent={isDesktop ? DragabblePaperComponent : PaperComponent}
-            maxWidth={false}
-            fullWidth={!isDesktop}
-            fullScreen={fullScreen}
-            disableEnforceFocus
-        >
-            {isDesktop && (
-                <ResizeableWindow
-                    width={initialWidth}
-                    height={initialHeigth}
-                    maxWidth={maxWidth}
-                    maxHeigth={maxHeigth}
-                    // maxConstraints={maxHeigth && maxWidth ? [maxWidth, maxHeigth] : undefined}
-                    // resizeHandles={['se', 'nw']}
-                >
-                    {contentComnponent}
-                </ResizeableWindow>
-            )}
-            {!isDesktop && contentComnponent}
-        </WrapperDialog>
-    );
-};

package/src/components/modal/ModalDialog/styles.ts

@@ -1,65 +0,0 @@
-import { Dialog } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import { getThemeVariantColor } from '../../../utils';
-
-import { VariantProps } from './types';
-
-export const WrapperDialog = styled(Dialog)(() => ({
-    // '& .MuiPaper-root': {
-    //     boxShadow: '8px 16px red'
-    // }
-}));
-
-export const Container = styled('div')(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    height: '100%',
-    overflow: 'hidden',
-    padding: theme.spacing(3),
-}));
-
-export const Header = styled('div')(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    minHeight: theme.spacing(5),
-    borderBottom: `1px solid ${theme.palette.divider}`,
-    overflow: 'hidden',
-}));
-
-export const IconTitleContainer = styled('div')(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'row',
-    flexGrow: 1,
-    alignItems: 'center',
-    cursor: 'move',
-    ...theme.typography.subtitle1,
-    color: theme.palette.text.primary,
-}));
-
-export const IconHeader = styled('div')<VariantProps>(({ theme, variant }) => ({
-    // width: "24px",
-    // height: "24px",
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginRight: theme.spacing(1.5),
-    '& > span': {
-        background: getThemeVariantColor(theme, variant),
-    },
-}));
-
-export const Content = styled('div')(() => ({
-    flexGrow: 1,
-    position: 'relative',
-    overflow: 'auto',
-}));
-
-export const ModalTitle = styled('div')<VariantProps>(({ theme, variant }) => ({
-    ...theme.typography.subtitle1,
-    color: getThemeVariantColor(theme, variant),
-    width: '100%',
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis',
-    overflow: 'hidden',
-}));

package/src/components/modal/ModalDialog/types.ts

@@ -1,8 +0,0 @@
-import { VariantColor } from '../../../utils/types';
-
-//react
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ModalDialogProps {}
-export interface VariantProps {
-    variant?: VariantColor;
-}

package/src/components/modal/WindowBase/index.tsx

@@ -1,34 +0,0 @@
-//mui
-
-//external libraries
-//hooks
-import { useModal } from '../../../hooks';
-//Styled components
-import { WrapperWindowBase } from './styles';
-
-//css
-//import "./resizeable.css"
-//hooks
-import { Header } from './subcomponents/Header';
-
-import { WindowBaseProps } from './types';
-
-//types
-
-export const WindowBase = (props: WindowBaseProps) => {
-    const { variant, title, children, onClickCancel } = props;
-
-    const { closeModal } = useModal();
-
-    const onCloseCancel = () => {
-        onClickCancel && onClickCancel();
-        closeModal();
-    };
-    // //
-    return (
-        <WrapperWindowBase id="WrapperWindowBase">
-            <Header variant={variant} title={title} onClickCancel={onCloseCancel} />
-            {children}
-        </WrapperWindowBase>
-    );
-};

package/src/components/modal/WindowBase/styles.ts

@@ -1,9 +0,0 @@
-import { styled } from '@mui/material/styles';
-
-export const WrapperWindowBase = styled('div')(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    height: '100%',
-    overflow: 'hidden',
-    padding: theme.spacing(3),
-}));