@m4l/graphics 0.1.19 → 0.1.21

package/src/utils/getFontValue.ts

@@ -1,73 +0,0 @@
-// @mui
-import { useTheme } from '@mui/material/styles';
-import type { Variant } from '@mui/material/styles/createTypography';
-
-// hooks
-import { useResponsive } from '../hooks/useResponsive';
-
-// ----------------------------------------------------------------------
-
-export function remToPx(value: string) {
-    return Math.round(parseFloat(value) * 16);
-}
-
-export function pxToRem(value: number) {
-    return `${value / 16}rem`;
-}
-
-export function responsiveFontSizes({ sm, md, lg }: { sm: number; md: number; lg: number }) {
-    return {
-        '@media (min-width:600px)': {
-            fontSize: pxToRem(sm),
-        },
-        '@media (min-width:900px)': {
-            fontSize: pxToRem(md),
-        },
-        '@media (min-width:1200px)': {
-            fontSize: pxToRem(lg),
-        },
-    };
-}
-
-function useWidth() {
-    const theme = useTheme();
-    const keys = [...theme.breakpoints.keys].reverse();
-    return (
-        // @ts-ignore not sure what is this
-        keys.reduce((output, key) => {
-            // eslint-disable-next-line react-hooks/rules-of-hooks
-            const matches = useResponsive('up', key);
-            return !output && matches ? key : output;
-        }, null) || 'xs'
-    );
-}
-
-// ----------------------------------------------------------------------
-
-export function getFontValue(variant: Variant) {
-    const theme = useTheme();
-    const breakpoints = useWidth();
-
-    const key = theme.breakpoints.up(breakpoints === 'xl' ? 'lg' : breakpoints);
-
-    const hasResponsive =
-        variant === 'h1' ||
-        variant === 'h2' ||
-        variant === 'h3' ||
-        variant === 'h4' ||
-        variant === 'h5' ||
-        variant === 'h6';
-
-    const getFont: any =
-        hasResponsive && theme.typography[variant][key]
-            ? theme.typography[variant][key]
-            : theme.typography[variant];
-
-    const fontSize = remToPx(getFont.fontSize);
-    const lineHeight = Number(theme.typography[variant].lineHeight) * fontSize;
-    const { fontWeight, letterSpacing } = theme.typography[variant];
-
-    return { fontSize, lineHeight, fontWeight, letterSpacing };
-}
-
-// ----------------------------------------------------------------------

package/src/utils/strings.ts

@@ -1 +0,0 @@
-export const Capitalize = (s: string) => (s && s[0].toUpperCase() + s.slice(1)) || '';

package/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "esNext",
-    "useDefineForClassFields": true,
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "downlevelIteration":true,
-    "importHelpers": true,
-    "experimentalDecorators": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-    "importsNotUsedAsValues":"remove",
-    "baseUrl": ".",
-    "paths": {
-    }
-  },
-  "include": ["src"],
-  "exclude": ["node_modules","dist"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json

@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "module": "esnext",
-    "moduleResolution": "node"
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,234 +0,0 @@
-import react from '@vitejs/plugin-react';
-import { defineConfig } from 'vite';
-import * as path from 'path';
-import dts from 'vite-plugin-dts';
-
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-
-function manualChunks(id: string, _api: any) {
-    //components
-
-    if (id.includes('Page')) {
-        return 'components/Page/index';
-    }
-
-    if (id.includes('ProgressBarStyle')) {
-        return 'components/ProgressBarStyle/index';
-    }
-
-    if (id.includes('components')) {
-        return 'components/index';
-    }
-
-    //miu_extended
-
-    if (id.includes('mui_extended')) {
-        return 'components/mui_extended/index';
-    }
-
-    //components
-    if (id.includes('components')) {
-        return 'components/index';
-    }
-
-    //context
-
-    if (id.includes('HostThemeContext')) {
-        return 'contexts/HostThemeContext/index';
-    }
-    if (id.includes('LocalesContext')) {
-        return 'contexts/LocalesContext/index';
-    }
-    if (id.includes('FormatterContext')) {
-        return 'contexts/FormatterContext/index';
-    }
-
-    if (id.includes('contexts')) {
-        return 'contexts/index';
-    }
-
-    //hooks
-
-    if (id.includes('useFirstRender')) {
-        return 'hooks/useFirstRender/index';
-    }
-    if (id.includes('useHostTheme')) {
-        return 'hooks/useHostTheme/index';
-    }
-    if (id.includes('useLocales')) {
-        return 'hooks/useLocales/index';
-    }
-    if (id.includes('useFormatter')) {
-        return 'hooks/useFormatter/index';
-    }
-    if (id.includes('useResponsive')) {
-        return 'hooks/useResponsive/index';
-    }
-
-    if (id.includes('hooks')) {
-        return 'hooks/index';
-    }
-    //theme
-    if (id.includes('ProgressBarStyle')) {
-        return 'components/ProgressBarStyle/index';
-    }
-
-    if (id.includes('palette')) {
-        return 'theme/palette';
-    }
-
-    if (id.includes('typography')) {
-        return 'theme/typography';
-    }
-
-    if (id.includes('shadows')) {
-        return 'theme/shadows';
-    }
-
-    if (id.includes('defaultThemeOptions')) {
-        return 'theme/defaultThemeOptions';
-    }
-
-    if (id.includes('overrides')) {
-        return 'theme/overrides';
-    }
-
-    //external libraries
-    // if (id.includes('react-helmet-async')) {
-    //     return 'react-helmet-async';
-    // }
-    // if (id.includes('react-fast-compare')) {
-    //     return 'react-helmet-async-react-fast-compare';
-    // }
-    // if (id.includes('shallowequal')) {
-    //     return 'react-helmet-async-shallowequal';
-    // }
-    // if (id.includes('invariant')) {
-    //     return 'react-helmet-async-invariant';
-    // }
-
-    //utils
-
-    if (id.includes('utils')) {
-        return 'utils/index';
-    }
-
-    //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 = [];
-    const external_exact_libs = ['react', 'react/jsx-runtime', '@m4l/core', 'react-helmet-async'];
-    const external_parcial_libs = [
-        'jsx-runtime',
-        'react-dnd',
-        'react-router-dom',
-        'react-hook-form',
-        'date-fns',
-        '@mui',
-        '@emotion',
-        'prop-types',
-    ];
-
-    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: 4002 },
-    // 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,
-            outputDir: './dist',
-            beforeWriteFile: (filePath: string, content: string) => {
-                return { filePath: filePath.replace('m4l_graphics/src/', ''), content };
-            },
-        }),
-        react(),
-        // terser(),
-    ],
-    // mode: 'production',
-    build: {
-        //manifest: true,
-        target: 'esNext', //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_graphics',
-            formats: ['es'],
-            fileName: () => `index.js`,
-        },
-        rollupOptions: {
-            external: isExternal,
-
-            // input: ['src/index.ts'],
-
-            output: {
-                manualChunks,
-                exports: 'auto',
-                format: 'esm',
-                generatedCode: 'es2015',
-
-                dir: 'dist', // Carpenta donde se genera el bundle
-                globals: {
-                    react: 'react',
-                    'react/jsx-runtime': 'react/jsx-runtime',
-                },
-            },
-        },
-    },
-});