@m4l/components 0.1.35 → 0.1.37

package/vite.config.ts

@@ -0,0 +1,554 @@
+import react from '@vitejs/plugin-react';
+import * as path from 'path';
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+
+// import mkcert from 'vite-plugin-mkcert';
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+
+function manualChunks(id: string, _api: any) {
+    //assets
+    if (id.includes('assets/Logo')) {
+        return 'assets/Logo/index';
+    }
+    //animated
+    if (id.includes('components/animate')) {
+        if (id.includes('MotionContainer')) {
+            return 'components/animate/MotionContainer/index';
+        }
+        if (id.includes('MotionLazyContainer')) {
+            return 'components/animate/MotionLazyContainer/index';
+        }
+        if (id.includes('LoadingScreen')) {
+            return 'components/animate/LoadingScreen/index';
+        }
+
+        if (id.includes('features')) {
+            return 'components/animate/features';
+        }
+        if (id.includes('MotionContainer')) {
+            return 'components/animate/MotionContainer/index';
+        }
+        if (id.includes('MotionLazyContainer')) {
+            return 'components/animate/MotionLazyContainer/index';
+        }
+
+        if (id.includes('variants/bounce')) {
+            return 'components/animate/variants/bounce';
+        }
+        if (id.includes('variants/container')) {
+            return 'components/animate/variants/container';
+        }
+        if (id.includes('variants/fade')) {
+            return 'components/animate/variants/fade';
+        }
+        if (id.includes('variants/transition')) {
+            return 'components/animate/variants/transition';
+        }
+
+        if (id.includes('variants')) {
+            return 'components/animate/variants/index';
+        }
+
+        if (id.includes('PropagateLoader')) {
+            return 'components/animate/PropagateLoader/index';
+        }
+    }
+    //CommonActions
+    if (id.includes('components/CommonActions')) {
+        if (id.includes('ActionCancel')) {
+            return 'components/CommonActions/components/ActionCancel/index';
+        }
+        if (id.includes('ActionFormCancel')) {
+            return 'components/CommonActions/components/ActionFormCancel/index';
+        }
+        if (id.includes('ActionFormIntro')) {
+            return 'components/CommonActions/components/ActionFormIntro/index';
+        }
+        if (id.includes('ActionIntro')) {
+            return 'components/CommonActions/components/ActionIntro/index';
+        }
+        if (id.includes('Actions')) {
+            return 'components/CommonActions/components/Actions/index';
+        }
+    }
+
+    //formatters
+    if (id.includes('components/formatters')) {
+        if (id.includes('BooleanFormatter')) {
+            return 'components/formatters/BooleanFormatter/index';
+        }
+        if (id.includes('DateFormatter')) {
+            return 'components/formatters/DateFormatter/index';
+        }
+        if (id.includes('PointsFormatter')) {
+            return 'components/formatters/PointsFormatter/index';
+        }
+        if (id.includes('PriceFormatter')) {
+            return 'components/formatters/PriceFormatter/index';
+        }
+        if (id.includes('UncertaintyFormatter')) {
+            return 'components/formatters/UncertaintyFormatter/index';
+        }
+
+        return 'components/formatters/index';
+    }
+
+    //hook-form
+    if (id.includes('components/hook-form')) {
+        if (id.includes('FormProvider')) {
+            return 'components/hook-form/FormProvider/index';
+        }
+
+        if (id.includes('RHFAutocompleteAsync')) {
+            return 'components/hook-form/RHFAutocompleteAsync/index';
+        }
+        if (id.includes('RHFAutocomplete')) {
+            return 'components/hook-form/RHFAutocomplete/index';
+        }
+
+        if (id.includes('RHFCheckbox')) {
+            return 'components/hook-form/RHFCheckbox/index';
+        }
+        if (id.includes('RHFDateTime')) {
+            return 'components/hook-form/RHFDateTime/index';
+        }
+        if (id.includes('RHFMultiCheckbox')) {
+            return 'components/hook-form/RHFMultiCheckbox/index';
+        }
+        if (id.includes('RHFPeriod')) {
+            return 'components/hook-form/RHFPeriod/index';
+        }
+        if (id.includes('RHFTextField')) {
+            return 'components/hook-form/RHFTextField/index';
+        }
+        if (id.includes('RHFRadioGroup')) {
+            return 'components/hook-form/RHFRadioGroup/index';
+        }
+        if (id.includes('RHFSelect')) {
+            return 'components/hook-form/RHFSelect/index';
+        }
+        if (id.includes('RHFSwitch')) {
+            return 'components/hook-form/RHFSwitch/index';
+        }
+        if (id.includes('RHFUpload')) {
+            return 'components/hook-form/RHFUpload/index';
+        }
+    }
+
+    //miu_extended
+    if (id.includes('components/mui_extended')) {
+        if (id.includes('Avatar')) {
+            return 'components/mui_extended/Avatar/index';
+        }
+        if (id.includes('Accordion')) {
+            return 'components/mui_extended/Accordion/index';
+        }
+        if (id.includes('BoxIcon')) {
+            return 'components/mui_extended/BoxIcon/index';
+        }
+        if (id.includes('Breadcrumbs')) {
+            return 'components/mui_extended/Breadcrumbs/index';
+        }
+        if (id.includes('IconButton')) {
+            return 'components/mui_extended/IconButton/index';
+        }
+        if (id.includes('LinearProgress')) {
+            return 'components/mui_extended/LinearProgress/index';
+        }
+        if (id.includes('Button')) {
+            return 'components/mui_extended/Button/index';
+        }
+
+        if (id.includes('CircularProgress')) {
+            return 'components/mui_extended/CircularProgress/index';
+        }
+
+        if (id.includes('LinkWithRoute')) {
+            return 'components/mui_extended/LinkWithRoute/index';
+        }
+        if (id.includes('LoadingButton')) {
+            return 'components/mui_extended/LoadingButton/index';
+        }
+
+        if (id.includes('MenuActions')) {
+            return 'components/mui_extended/MenuActions/index';
+        }
+        if (id.includes('Popover')) {
+            return 'components/mui_extended/Popover/index';
+        }
+
+        if (id.includes('Pager')) {
+            return 'components/mui_extended/Pager/index';
+        }
+
+        if (id.includes('Tab')) {
+            return 'components/mui_extended/Tab/index';
+        }
+
+        if (id.includes('Typography')) {
+            return 'components/mui_extended/Typography/index';
+        }
+
+        return 'components/mui_extended/index';
+    }
+
+    //components
+    if (id.includes('components/areas')) {
+        if (id.includes('components/areas/components')) {
+            if (id.includes('AreasAdmin')) {
+                return 'components/areas/components/AreasAdmin/index';
+            }
+            if (id.includes('AreasContainer')) {
+                return 'components/areas/components/AreasContainer/index';
+            }
+            if (id.includes('GridLayout')) {
+                return 'components/areas/components/GridLayout/index';
+            }
+            if (id.includes('WindowPopUp')) {
+                return 'components/areas/components/WindowPopUp/index';
+            }
+            if (id.includes('Window')) {
+                return 'components/areas/components/Window/index';
+            }
+
+            return 'components/areas/components/index';
+        }
+
+        if (id.includes('components/areas/contexts')) {
+            if (id.includes('AreaContext')) {
+                return 'components/areas/contexts/AreaContext/index';
+            }
+            if (id.includes('AreasContext')) {
+                return 'components/areas/contexts/AreasContext/index';
+            }
+            if (id.includes('DynamicMFParmsContext')) {
+                return 'components/areas/contexts/DynamicMFParmsContext/index';
+            }
+            return 'components/areas/contexts/index';
+        }
+
+        if (id.includes('components/areas/hooks')) {
+            if (id.includes('useArea')) {
+                return 'components/areas/hooks/useArea/index';
+            }
+            if (id.includes('useAreas')) {
+                return 'components/areas/hooks/useAreas/index';
+            }
+            if (id.includes('useDynamicMFParameters')) {
+                return 'components/areas/hooks/useDynamicMFParameters/index';
+            }
+            return 'components/areas/hooks/index';
+        }
+
+        return 'components/areas/index';
+    }
+
+    if (id.includes('components/DataGrid')) {
+        if (id.includes('formatters/BooleanFormatter')) {
+            return 'components/DataGrid/formatters/BooleanFormatter/index';
+        }
+        if (id.includes('formatters/DateFormatter')) {
+            return 'components/DataGrid/formatters/DateFormatter/index';
+        }
+        if (id.includes('formatters/columnNestedValueFormatter')) {
+            return 'components/DataGrid/formatters/columnNestedValueFormatter/index';
+        }
+        if (id.includes('formatters/columnPointsFormatter')) {
+            return 'components/DataGrid/formatters/columnPointsFormatter/index';
+        }
+        if (id.includes('formatters/columnPriceFormatter')) {
+            return 'components/DataGrid/formatters/columnPriceFormatter/index';
+        }
+        if (id.includes('formatters/columnUncertaintyFormatter')) {
+            return 'components/DataGrid/formatters/columnUncertaintyFormatter/index';
+        }
+
+        return 'components/DataGrid/index';
+    }
+    if (id.includes('DynamicFilter')) {
+        return 'components/DynamicFilter/index';
+    }
+
+    if (id.includes('ErrorLabel')) {
+        return 'components/ErrorLabel/index';
+    }
+
+    if (id.includes('FormActions')) {
+        return 'components/FormActions/index';
+    }
+
+    if (id.includes('Icon')) {
+        return 'components/Icon/index';
+    }
+    if (id.includes('Image')) {
+        return 'components/Image/index';
+    }
+    if (id.includes('LanguagePopover')) {
+        return 'components/LanguagePopover/index';
+    }
+
+    if (id.includes('Loadable')) {
+        return 'components/Loadable/index';
+    }
+
+    if (id.includes('ModalDialog')) {
+        return 'components/ModalDialog/index';
+    }
+
+    if (id.includes('components/modal')) {
+        if (id.includes('ModalDialog')) {
+            return 'components/modal/ModalDialog';
+        }
+        if (id.includes('WindowBase')) {
+            return 'components/modal/WindowBase';
+        }
+        if (id.includes('WindowConfirm')) {
+            return 'components/modal/WindowConfirm';
+        }
+        return 'components/modal/index';
+    }
+
+    if (id.includes('NoItemSelected')) {
+        return 'components/NoItemSelected/index';
+    }
+    if (id.includes('ObjectLogs')) {
+        return 'components/ObjectLogs/index';
+    }
+    if (id.includes('Page')) {
+        return 'components/Page/index';
+    }
+
+    if (id.includes('PaperForm')) {
+        return 'components/PaperForm/index';
+    }
+    if (id.includes('Period')) {
+        return 'components/Period/index';
+    }
+
+    if (id.includes('PropertyValue')) {
+        return 'components/PropertyValue/index';
+    }
+    if (id.includes('Resizeable')) {
+        return 'components/Resizeable/index';
+    }
+    if (id.includes('ScrollBar')) {
+        return 'components/ScrollBar/index';
+    }
+    if (id.includes('ScrollToTop')) {
+        return 'components/ScrollToTop/index';
+    }
+    if (id.includes('SplitLayout')) {
+        return 'components/SplitLayout/index';
+    }
+
+    if (id.includes('WrapperComponent')) {
+        return 'components/WrapperComponent/index';
+    }
+
+    //context
+    if (id.includes('ModalContext')) {
+        return 'contexts/ModalContext/index';
+    }
+    if (id.includes('RHFormContext')) {
+        return 'contexts/RHFormContext/index';
+    }
+
+    //hooks
+    if (id.includes('useModal')) {
+        return 'hooks/useModal/index';
+    }
+
+    if (id.includes('useFormAddEdit')) {
+        return 'hooks/useFormAddEdit/index';
+    }
+
+    //utils
+    if (id.includes('utils')) {
+        return 'utils/index';
+    }
+
+    //external libraries
+    if (id.includes('react-splitter-layout')) {
+        return 'react-splitter-layout';
+    }
+    if (id.includes('react-resizable')) {
+        return 'react-resizable';
+    }
+    if (id.includes('react-draggable')) {
+        return 'react-draggable';
+    }
+
+    // if (id.includes('simplebar')) {
+    //     return 'simplebar';
+    // }
+
+    // if (id.includes('simplebar-react')) {
+    //     return 'simplebar-react';
+    // }
+
+    if (id.includes('react-data-grid')) {
+        return 'react-data-grid';
+    }
+
+    if (id.includes('react-json-view')) {
+        return 'react-json-view';
+    }
+
+    //Librerías de simplebar
+    // if (id.includes('core-js')) {
+    //     return 'core-js';
+    // }
+    // if (id.includes('@juggle')) {
+    //     return 'juggle';
+    // }
+    // if (id.includes('can-use-dom')) {
+    //     return 'can-use-dom';
+    // }
+
+    //react-lazy-load-image-component
+    if (id.includes('react-lazy-load-image-component')) {
+        return 'react-lazy-load-image-component';
+    }
+
+    //node_modules no reconocidos
+    if (id.includes('node_modules')) {
+        return 'node_modules';
+    }
+
+    // //prop-types no incluidos
+    // if (id.includes('prop-types')) {
+    //     return 'prop-types';
+    // }
+
+    // //react no incluidos
+    // if (id.includes('react')) {
+    //     return 'react';
+    // }
+
+    //commonjs no incluidos
+    if (id.includes('commonjs')) {
+        return 'commonjs';
+    }
+
+    return 'vendor';
+}
+
+const examined_libs = [];
+
+const isExternal = (source: string, importer: string | undefined, isResolved: boolean): boolean => {
+    const internal_exact_libs = [
+        'react-splitter-layout',
+        'react-resizable',
+        'react-data-grid',
+        'react-json-view',
+        'react-lazy-load-image-component',
+        'react-draggable',
+    ]; //librerias que van incluirse en el bundle final da la librería
+    const external_exact_libs = [
+        'react',
+        'react-dom',
+        'react/jsx-runtime',
+        'react-router-dom',
+        'clsx',
+        'react-dnd',
+        'react-dnd-html5-backend',
+        'react-hook-form',
+        'history',
+        'framer-motion',
+        'lodash',
+        'yup',
+        'react-helmet-async',
+        'react-dropzone',
+    ];
+
+    const external_parcial_libs = [
+        '@m4l',
+        '@mui',
+        'prop-types',
+        'simplebar',
+        'simplebar-react',
+        'core-js',
+        '@juggle',
+        'can-use-dom',
+        'lodash',
+        '@hookform/resolvers',
+        'react-grid-layout',
+    ];
+
+    if (internal_exact_libs.findIndex(l => source === l) > -1) {
+        return false;
+    }
+
+    const isExt =
+        external_exact_libs.findIndex(l => source === l) > -1 ||
+        external_parcial_libs.findIndex(pl => source.indexOf(pl) > -1) > -1;
+    if (isExt) {
+        if (examined_libs.findIndex(l => source === l) < 0) {
+            console.log(
+                'Source: ',
+                source,
+                ' Importer:',
+                ' isResolved:',
+                isResolved,
+                ' IsExt:',
+                isExt,
+            );
+            examined_libs.push(source);
+        }
+    }
+
+    return isExt;
+};
+
+export default defineConfig({
+    server: { https: true, port: 4001 },
+    // test: {
+    //     globals: true,
+    //     include: ['**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    //     environment: 'jsdom',
+    //     setupFiles: './src/test/setup.ts',
+    //     coverage: {
+    //         all: true,
+    //         include: ['**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    //         reporter: ['text', 'json', 'html'],
+    //     },
+    // },
+    plugins: [
+        dts({
+            // insertTypesEntry: true,
+            // entryRoot: '',
+            // outputDir: './dist/',
+            beforeWriteFile: (filePath: string, content: string) => {
+                //console.log('filePath', filePath);
+                return { filePath: filePath.replace('packages/m4l_components/src/', ''), content };
+            },
+        }),
+        react(),
+        //terser(),
+    ],
+    build: {
+        target: 'es2020', //Compila en esNext teniendo en cuenta que va a ser leida no por el navedado,sino por otros proyectos
+        lib: {
+            entry: path.resolve(__dirname, 'src/index.ts'),
+            name: 'm4l_components',
+            formats: ['es'],
+            fileName: () => `index.js`,
+        },
+        minify: false,
+        rollupOptions: {
+            external: isExternal,
+            input: ['src/index.ts'], //punto de entrada de la aplicación, sin embargo como es un librería se define en entry
+            output: {
+                manualChunks, //indica los codigos en que archivos se van a ubicar
+                format: 'esm', // para que compile en ECMA
+                generatedCode: 'es2015',
+                dir: 'dist', // Carpenta donde se genera el bundle
+                globals: {
+                    react: 'React',
+                    'react-dom': 'ReactDOM',
+                },
+            },
+        },
+    },
+});

package/components/CommonActions/components/ActionCancel/index.a1fe59a4.js

@@ -1,17 +0,0 @@
-import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.44282241.js";
-import { jsx } from "react/jsx-runtime";
-const ActionCancel = (props) => {
-  const {
-    getLabel
-  } = useModuleDictionary();
-  return /* @__PURE__ */ jsx(Button, {
-    variant: "outlined",
-    color: "inherit",
-    ...props,
-    children: getLabel("common_actions.cancel")
-  });
-};
-export {
-  ActionCancel as A
-};

package/components/CommonActions/components/ActionFormCancel/index.b97872f2.js

@@ -1,64 +0,0 @@
-import { useFormContext, useFormState } from "react-hook-form";
-import { useNavigate } from "react-router-dom";
-import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { Skeleton } from "@mui/material";
-import { B as Button } from "../../../mui_extended/Button/index.44282241.js";
-import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.44ea7900.js";
-import { jsx } from "react/jsx-runtime";
-function ActionFormCancel(props) {
-  const {
-    to,
-    navigateOptions = {
-      replace: false
-    }
-  } = props;
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const isSkeleton = useModuleSkeleton();
-  const {
-    openModalConfirm
-  } = useModal();
-  const navigate = useNavigate();
-  const {
-    control
-  } = useFormContext();
-  const {
-    isDirty
-  } = useFormState({
-    control
-  });
-  const onConfirmCancel = () => {
-    navigate(to, navigateOptions);
-  };
-  const onClickCancel = useCallback(() => {
-    if (isDirty) {
-      openModalConfirm({
-        variant: "warning",
-        title: getLabel("common_actions.confirm_quit_title"),
-        msg: getLabel("common_actions.confirm_quit_msg"),
-        onClickIntro: onConfirmCancel
-      });
-    } else {
-      onConfirmCancel();
-    }
-  }, [getLabel, isDirty, onConfirmCancel, openModalConfirm]);
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: 57,
-      height: 30
-    });
-  }
-  return /* @__PURE__ */ jsx(Button, {
-    variant: "outlined",
-    color: "inherit",
-    onClick: onClickCancel,
-    ...props,
-    children: getLabel("common_actions.cancel")
-  });
-}
-export {
-  ActionFormCancel as A
-};

package/components/CommonActions/components/ActionFormCancel/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { ActionFormCancelProps } from './types';
-export declare function ActionFormCancel(props: ActionFormCancelProps): JSX.Element;

package/components/CommonActions/components/ActionFormCancel/types.d.ts

@@ -1,6 +0,0 @@
-import { ButtonProps } from '@mui/material';
-import { NavigateOptions, To } from 'react-router-dom';
-export interface ActionFormCancelProps extends ButtonProps {
-    to: To;
-    navigateOptions?: NavigateOptions;
-}

package/components/CommonActions/components/ActionIntro/index.808a2cd1.js

@@ -1,18 +0,0 @@
-import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.44282241.js";
-import { jsx } from "react/jsx-runtime";
-const ActionIntro = (props) => {
-  const {
-    getLabel
-  } = useModuleDictionary();
-  return /* @__PURE__ */ jsx(Button, {
-    variant: "contained",
-    type: "submit",
-    color: "primary",
-    ...props,
-    children: getLabel("common_actions.intro")
-  });
-};
-export {
-  ActionIntro as A
-};