@m4l/graphics 0.1.18 → 0.1.19

package/vite.config.ts

@@ -0,0 +1,234 @@
+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',
+                },
+            },
+        },
+    },
+});

package/index.js

@@ -1,53 +0,0 @@
-import { P as d } from "./components/ProgressBarStyle/index.fb6fd9ed.js";
-import { F as n, a as c } from "./contexts/FormatterContext/index.92336f4c.js";
-import { L as C, a as F, g as h } from "./contexts/LocalesContext/index.3fcfbe02.js";
-import { H as g, a as L } from "./contexts/HostThemeContext/index.a6a62c70.js";
-import { u as H } from "./hooks/useFirstRender/index.1e9b02fb.js";
-import { u as w } from "./hooks/useFormatter/index.57ac8cca.js";
-import { u as S } from "./hooks/useHostTheme/index.1c8e4ad7.js";
-import { u as y, a as z } from "./hooks/index.a0cce694.js";
-import { u as D } from "./hooks/useLocales/index.8154a401.js";
-import { u as I, a as M } from "./hooks/useResponsive/index.fc5e1b4f.js";
-import { d as V } from "./theme/defaultThemeOptions.9b9e7503.js";
-import { c as j, s as q } from "./theme/shadows.bf8dc290.js";
-import { p as E } from "./theme/palette.2baf72f5.js";
-import { C as K, a as Q, c as U, d as W, g as X } from "./utils/index.d8b24456.js";
-import { f as Z } from "./theme/overrides.7958c0ab.js";
-import "@mui/material/styles";
-import "@mui/material";
-import "react/jsx-runtime";
-import "react";
-import "@m4l/core";
-import "@mui/x-date-pickers/AdapterDateFns";
-import "@mui/x-date-pickers";
-import "date-fns/locale/en-US";
-import "@mui/material/useMediaQuery";
-import "./theme/typography.f5eadf47.js";
-export {
-  K as Capitalize,
-  n as FormatterContext,
-  c as FormatterProvider,
-  Q as GetFontValue,
-  g as HostThemeContext,
-  L as HostThemeProvider,
-  C as LocalesContext,
-  F as LocalesProvider,
-  d as ProgressBarStyle,
-  U as colorPresets,
-  j as customShadows,
-  W as defaultPreset,
-  V as defaultThemeOptions,
-  Z as fnComponentsOverrides,
-  X as getColorPresets,
-  h as getLocaleFromNetwork,
-  E as palette,
-  q as shadows,
-  H as useFirstRender,
-  w as useFormatter,
-  S as useHostTheme,
-  y as useIsMountedRef,
-  D as useLocales,
-  z as useOffSetTop,
-  I as useResponsive,
-  M as useResponsiveDesktop
-};

package/utils/index.d8b24456.js

@@ -1,107 +0,0 @@
-import { useTheme as h } from "@mui/material/styles";
-import { u as m } from "../hooks/useResponsive/index.fc5e1b4f.js";
-import { p as s } from "../theme/palette.2baf72f5.js";
-function u(e) {
-  return Math.round(parseFloat(e) * 16);
-}
-function a(e) {
-  return `${e / 16}rem`;
-}
-function P({ sm: e, md: t, lg: r }) {
-  return {
-    "@media (min-width:600px)": {
-      fontSize: a(e)
-    },
-    "@media (min-width:900px)": {
-      fontSize: a(t)
-    },
-    "@media (min-width:1200px)": {
-      fontSize: a(r)
-    }
-  };
-}
-function f() {
-  return [...h().breakpoints.keys].reverse().reduce((r, o) => {
-    const i = m("up", o);
-    return !r && i ? o : r;
-  }, null) || "xs";
-}
-function T(e) {
-  const t = h(), r = f(), o = t.breakpoints.up(r === "xl" ? "lg" : r), p = (e === "h1" || e === "h2" || e === "h3" || e === "h4" || e === "h5" || e === "h6") && t.typography[e][o] ? t.typography[e][o] : t.typography[e], c = u(p.fontSize), l = Number(t.typography[e].lineHeight) * c, { fontWeight: g, letterSpacing: d } = t.typography[e];
-  return { fontSize: c, lineHeight: l, fontWeight: g, letterSpacing: d };
-}
-const n = [
-  {
-    name: "default",
-    ...s.light.primary,
-    LightSelected: "#EBF9F1",
-    LightSelectedHover: "#D6F2E3",
-    DarkSelected: "#142827",
-    DarkSelectedHover: "#12342B"
-  },
-  {
-    name: "purple",
-    lighter: "#EBD6FD",
-    light: "#B985F4",
-    main: "#7635dc",
-    dark: "#431A9E",
-    darker: "#200A69",
-    contrastText: "#fff"
-  },
-  {
-    name: "cyan",
-    lighter: "#D1FFFC",
-    light: "#76F2FF",
-    main: "#1CCAFF",
-    dark: "#0E77B7",
-    darker: "#053D7A",
-    contrastText: s.light.grey[800]
-  },
-  {
-    name: "blue",
-    lighter: "#D1E9FC",
-    light: "#76B0F1",
-    main: "#2065D1",
-    dark: "#103996",
-    darker: "#061B64",
-    contrastText: "#fff"
-  },
-  {
-    name: "orange",
-    lighter: "#FEF4D4",
-    light: "#FED680",
-    main: "#fda92d",
-    dark: "#B66816",
-    darker: "#793908",
-    contrastText: s.light.grey[800]
-  },
-  {
-    name: "red",
-    lighter: "#FFE3D5",
-    light: "#FFC1AC",
-    main: "#FF3030",
-    dark: "#B71833",
-    darker: "#7A0930",
-    contrastText: "#fff"
-  }
-], F = n[0], y = n[1], k = n[2], x = n[3], D = n[4], S = n[5];
-function b(e) {
-  return {
-    purple: y,
-    cyan: k,
-    blue: x,
-    orange: D,
-    red: S,
-    default: F
-  }[e];
-}
-const z = (e) => e && e[0].toUpperCase() + e.slice(1) || "";
-export {
-  z as C,
-  T as a,
-  n as c,
-  F as d,
-  b as g,
-  a as p,
-  P as r
-};