npm - @m4l/core - Versions diffs - 0.0.41 → 0.1.0 - Mend

@m4l/core 0.0.41 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (95) hide show

package/index.html +13 -0
package/package.json +7 -14
package/src/contexts/EnvironmentContext/index.tsx +45 -0
package/{dist/contexts/EnvironmentContext/types.d.ts → src/contexts/EnvironmentContext/types.ts} +3 -1
package/src/contexts/FlagsContext/index.tsx +50 -0
package/{dist/contexts/FlagsContext/types.d.ts → src/contexts/FlagsContext/types.ts} +7 -1
package/src/contexts/HostToolsContext/index.tsx +35 -0
package/{dist/contexts/HostToolsContext/types.d.ts → src/contexts/HostToolsContext/types.ts} +3 -1
package/src/contexts/ModuleDictionaryContext/index.tsx +109 -0
package/{dist/contexts/ModuleDictionaryContext/types.d.ts → src/contexts/ModuleDictionaryContext/types.ts} +4 -1
package/src/contexts/ModulePrivilegesContext/index.tsx +88 -0
package/{dist/contexts/ModulePrivilegesContext/types.d.ts → src/contexts/ModulePrivilegesContext/types.ts} +3 -0
package/src/contexts/ModuleSkeletonContext/index.tsx +35 -0
package/{dist/contexts/ModuleSkeletonContext/types.d.ts → src/contexts/ModuleSkeletonContext/types.ts} +3 -0
package/src/contexts/NetworkContext/index.tsx +44 -0
package/{dist/contexts/NetworkContext/types.d.ts → src/contexts/NetworkContext/types.ts} +6 -2
package/{dist/contexts/index.d.ts → src/contexts/index.ts} +0 -0
package/{dist/hooks/index.d.ts → src/hooks/index.ts} +1 -0
package/src/hooks/useEnvironment/index.test.tsx +44 -0
package/src/hooks/useEnvironment/index.ts +13 -0
package/src/hooks/useFlags/index.ts +35 -0
package/src/hooks/useHostTools/index.ts +13 -0
package/src/hooks/useLocalStorage/index.ts +23 -0
package/src/hooks/useModuleDictionary/index.ts +11 -0
package/src/hooks/useModulePrivileges/index.ts +11 -0
package/src/hooks/useModuleSkeleton/index.ts +11 -0
package/src/hooks/useNetwork/index.ts +13 -0
package/src/hooks/usePaginate/index.ts +109 -0
package/{dist/hooks/usePaginate/types.d.ts → src/hooks/usePaginate/types.ts} +7 -1
package/src/index.ts +43 -0
package/src/isolation/App.tsx +105 -0
package/src/isolation/components/Paginate.tsx +65 -0
package/src/isolation/components/TestHooks/CallBack.tsx +43 -0
package/src/isolation/components/TestHooks/SimpleUseEffect.tsx +33 -0
package/src/jest.d.ts +1 -0
package/src/main.tsx +5 -0
package/src/test/setup.ts +1 -0
package/src/test/utils.tsx +20 -0
package/{dist/types/dictionary.d.ts → src/types/dictionary.ts} +5 -1
package/{dist/types/index.d.ts → src/types/index.ts} +22 -5
package/src/utils/axiosOperation/index.ts +150 -0
package/{dist/utils/axiosOperation/types.d.ts → src/utils/axiosOperation/types.ts} +1 -1
package/src/utils/getLocalStorage.ts +8 -0
package/src/utils/getPropertyByString.ts +10 -0
package/{dist/utils/index.d.ts → src/utils/index.ts} +0 -0
package/src/utils/setLocalStorage.ts +12 -0
package/src/utils/voidFunction.ts +2 -0
package/{dist → src}/vite-env.d.ts +1 -0
package/tsconfig.json +20 -0
package/tsconfig.node.json +10 -0
package/vite.config.ts +200 -0
package/README.md +0 -0
package/dist/contexts/EnvironmentContext/index.d.ts +0 -5
package/dist/contexts/EnvironmentContext/index.js +0 -32
package/dist/contexts/FlagsContext/index.d.ts +0 -5
package/dist/contexts/FlagsContext/index.js +0 -34
package/dist/contexts/HostToolsContext/index.d.ts +0 -6
package/dist/contexts/HostToolsContext/index.js +0 -25
package/dist/contexts/ModuleDictionaryContext/index.d.ts +0 -5
package/dist/contexts/ModuleDictionaryContext/index.js +0 -90
package/dist/contexts/ModulePrivilegesContext/index.d.ts +0 -5
package/dist/contexts/ModulePrivilegesContext/index.js +0 -68
package/dist/contexts/ModuleSkeletonContext/index.d.ts +0 -5
package/dist/contexts/ModuleSkeletonContext/index.js +0 -26
package/dist/contexts/NetworkContext/index.d.ts +0 -5
package/dist/contexts/NetworkContext/index.js +0 -26
package/dist/external/axios.js +0 -1220
package/dist/hooks/useEnvironment/index.d.ts +0 -2
package/dist/hooks/useEnvironment/index.js +0 -9
package/dist/hooks/useFlags/index.d.ts +0 -3
package/dist/hooks/useFlags/index.js +0 -23
package/dist/hooks/useHostTools/index.d.ts +0 -2
package/dist/hooks/useHostTools/index.js +0 -9
package/dist/hooks/useLocalStorage/index.d.ts +0 -1
package/dist/hooks/useLocalStorage/index.js +0 -21
package/dist/hooks/useModuleDictionary/index.d.ts +0 -1
package/dist/hooks/useModuleDictionary/index.js +0 -9
package/dist/hooks/useModulePrivileges/index.d.ts +0 -1
package/dist/hooks/useModulePrivileges/index.js +0 -9
package/dist/hooks/useModuleSkeleton/index.d.ts +0 -1
package/dist/hooks/useModuleSkeleton/index.js +0 -9
package/dist/hooks/useNetwork/index.d.ts +0 -2
package/dist/hooks/useNetwork/index.js +0 -9
package/dist/hooks/usePaginate/index.d.ts +0 -10
package/dist/hooks/usePaginate/index.js +0 -74
package/dist/index.d.ts +0 -6
package/dist/index.js +0 -23
package/dist/types/index.js +0 -6
package/dist/utils/axiosOperation/index.d.ts +0 -2
package/dist/utils/axiosOperation.js +0 -90
package/dist/utils/getLocalStorage.d.ts +0 -1
package/dist/utils/getPropertyByString.d.ts +0 -1
package/dist/utils/index.js +0 -33
package/dist/utils/setLocalStorage.d.ts +0 -1
package/dist/utils/voidFunction.d.ts +0 -1

package/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/package.json CHANGED Viewed

@@ -1,7 +1,6 @@
 {
   "name": "@m4l/core",
-  "private": false,
-  "version": "0.0.41",
+  "version": "0.1.0",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "scripts": {
@@ -24,6 +23,7 @@
     "react": ">=18"
   },
   "devDependencies": {
+    "@testing-library/dom": "^8.17.1",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^14.2.1",
@@ -53,26 +53,20 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-toastify": "^9.0.5",
+    "rollup": "^2.79.0",
     "rollup-plugin-terser": "^7.0.2",
     "snakecase-keys": "^5.4.2",
     "typescript": "^4.6.3",
-    "vite": "^2.9.9",
+    "vite": "2.9.9",
     "vite-plugin-dts": "^1.2.0",
-    "vite-plugin-mkcert": "^1.6.4",
-    "vitest": "^0.15.2"
+    "vite-plugin-mkcert": "^1.9.0",
+    "vitest": "^0.17.1"
   },
-  "files": [
-    "dist"
-  ],
+  "source": "src/index.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "type": "module",
   "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js"
-    }
-  },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
@@ -80,5 +74,4 @@
   "engines": {
     "node": ">=12.0.0"
   }
 }

package/src/contexts/EnvironmentContext/index.tsx ADDED Viewed

@@ -0,0 +1,45 @@
+//react
+import { createContext, useState } from 'react';
+// mui
+// hooks
+// utils
+// config
+// @type
+import { EnvironmentContextType, EnvironmentProviderProps } from './types';
+// ----------------------------------------------------------------------
+const initialValue: EnvironmentContextType = {
+    isLocalhost: true,
+    host: '',
+    domain_token: '',
+    host_api_local: '',
+    host_api_remote: '',
+    host_static_assets: '',
+    environment_assets: '',
+    dfnsFormat: {
+        date_format: 'yyyy-MM-dd',
+        date_mask: '____-__-__',
+        time_format: 'HH:mm:ss',
+        time_mask: '__:__:__',
+        datetime_format: 'yyyy-MM-dd HH:mm:ss',
+        datetime_mask: '____-__-__ __:__:__',
+    },
+};
+const EnvironmentContext = createContext<EnvironmentContextType>(initialValue);
+function EnvironmentProvider(props: EnvironmentProviderProps) {
+    const { children, ...other } = props;
+    const [finalEnvironment] = useState<EnvironmentContextType>(other);
+    // console.log('Por aca', finalEnvironment);
+    return (
+        <EnvironmentContext.Provider value={finalEnvironment}>
+            {children}
+        </EnvironmentContext.Provider>
+    );
+}
+export { EnvironmentProvider, EnvironmentContext };

package/{dist/contexts/EnvironmentContext/types.d.ts → src/contexts/EnvironmentContext/types.ts} RENAMED Viewed

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 import { EnvironmentType } from '../../types';
 export interface EnvironmentProviderProps extends EnvironmentType {
     children: ReactNode;
 }
-export declare type EnvironmentContextType = EnvironmentType;
+export type EnvironmentContextType = EnvironmentType;

package/src/contexts/FlagsContext/index.tsx ADDED Viewed

@@ -0,0 +1,50 @@
+import { createContext, useCallback, useState } from 'react';
+import { voidFunction } from '../../utils/voidFunction';
+// mui
+// hooks
+// utils
+// config
+// @type
+import { FlagsContextProps, Flag, FlagsProviderProps } from './types';
+// ----------------------------------------------------------------------
+const initialState: FlagsContextProps = {
+    flags: [],
+    clearFlags: voidFunction,
+    addFlag: voidFunction,
+};
+const FlagsContext = createContext<FlagsContextProps>(initialState);
+function FlagsProvider({ children }: FlagsProviderProps) {
+    const [flags, setFlags] = useState<Array<Flag>>([]);
+    const clearFlags = useCallback(() => {
+        setFlags([]);
+    }, []);
+    const addFlag = useCallback((newFlag: Flag) => {
+        setFlags(oldFlags => {
+            if (oldFlags.findIndex(f => f === newFlag) < 0) {
+                return [...oldFlags, newFlag];
+            }
+            return [...oldFlags];
+        });
+    }, []);
+    return (
+        <FlagsContext.Provider
+            value={{
+                flags,
+                addFlag,
+                clearFlags,
+            }}
+        >
+            {children}
+        </FlagsContext.Provider>
+    );
+}
+export { FlagsProvider, FlagsContext };

package/{dist/contexts/FlagsContext/types.d.ts → src/contexts/FlagsContext/types.ts} RENAMED Viewed

@@ -1,8 +1,14 @@
 import { ReactNode } from 'react';
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface FlagsProviderProps {
     children: ReactNode;
 }
-export declare type Flag = string;
+export type Flag = string;
+// Interface para almacenar el estado del contexto
+// Interface para indicar las propiedas y metodos que comparte el contexto
 export interface FlagsContextProps {
     flags: Array<Flag>;
     clearFlags: () => void;

package/src/contexts/HostToolsContext/index.tsx ADDED Viewed

@@ -0,0 +1,35 @@
+import { createContext, useState } from 'react';
+import { HostToolsType } from '../../types';
+import { voidFunction } from '../../utils/voidFunction';
+// mui
+// hooks
+// utils
+// config
+// @type
+import type { HostToolsContextType, HostToolsProviderProps } from './types';
+// ----------------------------------------------------------------------
+const initialValue: HostToolsContextType = {
+    toast: () => 0,
+    startProgress: voidFunction,
+    stopProgress: voidFunction,
+    formatDate: () => '',
+    events_add_listener: voidFunction,
+    events_remove_listener: voidFunction,
+    events_emit: voidFunction,
+};
+const HostToolsContext = createContext<HostToolsContextType>(initialValue);
+function HostToolsProvider(props: HostToolsProviderProps) {
+    const { children, ...hostTools } = props;
+    const [finalTools] = useState<HostToolsType>(hostTools);
+    return <HostToolsContext.Provider value={finalTools}>{children}</HostToolsContext.Provider>;
+}
+export { HostToolsProvider, HostToolsContext };

package/{dist/contexts/HostToolsContext/types.d.ts → src/contexts/HostToolsContext/types.ts} RENAMED Viewed

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 import { HostToolsType } from '../../types';
 export interface HostToolsProviderProps extends HostToolsType {
     children: ReactNode;
 }
-export declare type HostToolsContextType = HostToolsType;
+export type HostToolsContextType = HostToolsType;

package/src/contexts/ModuleDictionaryContext/index.tsx ADDED Viewed

@@ -0,0 +1,109 @@
+//react
+import { createContext, useCallback, useEffect, useState } from 'react';
+//m4l
+// mui
+// hooks
+// utils
+// config
+// @type
+import { ModuleDictionaryContextProps, ModuleDictionaryProviderProps } from './types';
+import { useEnvironment, useFlags, useHostTools, useNetwork } from '../../hooks';
+import { ModuleDictionary } from '../../types/dictionary';
+// ----------------------------------------------------------------------
+const initialState: ModuleDictionaryContextProps = {
+    getLabel: () => '..',
+    getModuleLabel: () => 'No dictionary context',
+};
+const ModuleDictionaryContext = createContext<ModuleDictionaryContextProps>(initialState);
+function ModuleDictionaryProvider(props: ModuleDictionaryProviderProps) {
+    const {
+        children,
+        componentsDictionary,
+        moduleId,
+        moduleName = 'module_name',
+        currentLang = 'us',
+        isAuth = true,
+    } = props;
+    const { addFlag } = useFlags();
+    // Cargar el diccionario
+    const [moduleDictionary, setModuleDictionary] = useState<ModuleDictionary | undefined>(
+        undefined,
+    );
+    const { domain_token } = useEnvironment();
+    const { startProgress, stopProgress } = useHostTools();
+    const { networkOperation } = useNetwork();
+    useEffect(() => {
+        let mounted = true;
+        startProgress();
+        networkOperation({
+            method: 'GET',
+            endPoint: isAuth ? `dictionaries/${moduleId}` : `na/dictionaries/${moduleId}`,
+            parms: {
+                comps: componentsDictionary,
+                ...(isAuth ? {} : { domain_token }),
+            },
+            // isRemote: false
+        })
+            .then((response: any) => {
+                if (mounted) {
+                    /// /console.log("useEffect - ModuleProvider - response");
+                    setModuleDictionary({
+                        ...response,
+                    });
+                    addFlag('dictionary_loaded');
+                }
+            })
+            .finally(() => {
+                stopProgress();
+            });
+        return function cleanUp() {
+            mounted = false;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [currentLang]);
+    const getLabel = useCallback(
+        (key: string) => {
+            if (moduleDictionary === undefined) return 'No dictionary';
+            if (key === undefined) return 'No key';
+            const parts = key.split('.');
+            if (parts.length === 2) {
+                if (moduleDictionary[parts[0]] && (moduleDictionary as any)[parts[0]][parts[1]]) {
+                    return (moduleDictionary as any)[parts[0]][parts[1]];
+                }
+            } else if (parts.length === 1) {
+                if (moduleDictionary.data && (moduleDictionary as any).data[key]) {
+                    return (moduleDictionary as any).data[key];
+                }
+            }
+            return `No dictionary:${key}`;
+        },
+        [moduleDictionary],
+    );
+    const getModuleLabel = useCallback(() => getLabel(moduleName), [moduleName, getLabel]);
+    return (
+        <ModuleDictionaryContext.Provider
+            value={{
+                moduleDictionary: moduleDictionary,
+                getLabel,
+                getModuleLabel,
+            }}
+        >
+            {children}
+        </ModuleDictionaryContext.Provider>
+    );
+}
+export { ModuleDictionaryProvider, ModuleDictionaryContext };

package/{dist/contexts/ModuleDictionaryContext/types.d.ts → src/contexts/ModuleDictionaryContext/types.ts} RENAMED Viewed

@@ -1,13 +1,16 @@
 import { ReactNode } from 'react';
 import type { GetLabelType, ModuleDictionary } from '../../types/dictionary';
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface ModuleDictionaryProviderProps {
     currentLang?: string;
     isAuth?: boolean;
     moduleId: string;
-    moduleName?: string;
+    moduleName?: string; //la llave donde reposa el nombre del modulo en el diccionario
     componentsDictionary: string[];
     children: ReactNode;
 }
 export interface ModuleDictionaryContextProps {
     moduleDictionary?: ModuleDictionary;
     getLabel: GetLabelType;

package/src/contexts/ModulePrivilegesContext/index.tsx ADDED Viewed

@@ -0,0 +1,88 @@
+//react
+import { createContext, useCallback, useEffect, useState } from 'react';
+//m4l
+// mui
+// hooks
+// utils
+// config
+// @type
+import { ModulePrivilegesContextProps, ModulePrivilegesProviderProps } from './types';
+import { useFlags, useHostTools, useNetwork } from '../../hooks';
+// ----------------------------------------------------------------------
+const initialState: ModulePrivilegesContextProps = {
+    privileges: {},
+    hasPrivilege: () => false,
+};
+const ModulePrivilegesContext = createContext<ModulePrivilegesContextProps>(initialState);
+function ModulePrivilegesProvider(props: ModulePrivilegesProviderProps) {
+    const { children, queryPrivileges } = props;
+    const { addFlag } = useFlags();
+    // Cargar el diccionario
+    const [privileges, setPrivileges] = useState<Record<string, boolean>>({});
+    const { startProgress, stopProgress } = useHostTools();
+    const { networkOperation } = useNetwork();
+    useEffect(() => {
+        let mounted = true;
+        if (queryPrivileges.length === 0) {
+            addFlag('privileges_loaded');
+            return;
+        }
+        startProgress();
+        networkOperation({
+            method: 'GET',
+            endPoint: `auth/login`,
+            parms: {
+                privileges: queryPrivileges,
+            },
+            // isRemote: false
+        })
+            .then((response: any) => {
+                if (mounted) {
+                    /// /console.log("useEffect - ModuleProvider - response");
+                    setPrivileges({
+                        ...response.data,
+                    });
+                    addFlag('privileges_loaded');
+                }
+            })
+            .finally(() => {
+                stopProgress();
+            });
+        return function cleanUp() {
+            mounted = false;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const hasPrivilege = useCallback(
+        (key: string) => {
+            return key in privileges;
+        },
+        [privileges],
+    );
+    return (
+        <ModulePrivilegesContext.Provider
+            value={{
+                hasPrivilege,
+                privileges,
+            }}
+        >
+            {children}
+        </ModulePrivilegesContext.Provider>
+    );
+}
+export { ModulePrivilegesProvider, ModulePrivilegesContext };

package/{dist/contexts/ModulePrivilegesContext/types.d.ts → src/contexts/ModulePrivilegesContext/types.ts} RENAMED Viewed

@@ -1,8 +1,11 @@
 import { ReactNode } from 'react';
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface ModulePrivilegesProviderProps {
     queryPrivileges: string[];
     children: ReactNode;
 }
 export interface ModulePrivilegesContextProps {
     privileges: Record<string, boolean>;
     hasPrivilege: (id: string) => boolean;

package/src/contexts/ModuleSkeletonContext/index.tsx ADDED Viewed

@@ -0,0 +1,35 @@
+//react
+import { createContext } from 'react';
+//m4l
+// mui
+// hooks
+// utils
+// config
+// @type
+import { ModuleSkeletonContextProps, ModuleSkeletonProviderProps } from './types';
+import { useFlagsPresent } from '../../hooks';
+// ----------------------------------------------------------------------
+const initialState: ModuleSkeletonContextProps = {
+    isSkeleton: false,
+};
+const ModuleSkeletonContext = createContext<ModuleSkeletonContextProps>(initialState);
+function ModuleSkeletonProvider(props: ModuleSkeletonProviderProps) {
+    const { children, flags } = props;
+    const isSkeleton = !useFlagsPresent(flags);
+    return (
+        <ModuleSkeletonContext.Provider
+            value={{
+                isSkeleton,
+            }}
+        >
+            {children}
+        </ModuleSkeletonContext.Provider>
+    );
+}
+export { ModuleSkeletonProvider, ModuleSkeletonContext };

package/{dist/contexts/ModuleSkeletonContext/types.d.ts → src/contexts/ModuleSkeletonContext/types.ts} RENAMED Viewed

@@ -1,8 +1,11 @@
 import { ReactNode } from 'react';
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface ModuleSkeletonProviderProps {
     flags: string[];
     children: ReactNode;
 }
 export interface ModuleSkeletonContextProps {
     isSkeleton: boolean;
 }

package/src/contexts/NetworkContext/index.tsx ADDED Viewed

@@ -0,0 +1,44 @@
+import { createContext, useCallback } from 'react';
+// mui
+// hooks
+import useEnvironment from '../../hooks/useEnvironment';
+import useHostTools from '../../hooks/useHostTools';
+// utils
+// config
+// @type
+import type { NetworkProps } from '../../types';
+import type { NetworkContextType, NetworkProviderProps } from './types';
+// ----------------------------------------------------------------------
+const initialValue: NetworkContextType = {
+    networkOperation: () => Promise.resolve(),
+};
+const NetworkContext = createContext<NetworkContextType>(initialValue);
+function NetworkProvider(props: NetworkProviderProps) {
+    const { children, axiosOperation } = props;
+    const environment = useEnvironment();
+    const hostTools = useHostTools();
+    const networkOperation = useCallback(
+        async (networkProps: NetworkProps) => {
+            return axiosOperation(networkProps, environment, hostTools);
+        },
+        [axiosOperation],
+    );
+    return (
+        <NetworkContext.Provider
+            value={{
+                networkOperation,
+            }}
+        >
+            {children}
+        </NetworkContext.Provider>
+    );
+}
+export { NetworkProvider, NetworkContext };

package/{dist/contexts/NetworkContext/types.d.ts → src/contexts/NetworkContext/types.ts} RENAMED Viewed

@@ -1,11 +1,15 @@
 import { ReactNode } from 'react';
 import { AxiosOperation, NetworkProps } from '../../types';
-export declare type EventFunListener = (...args: any[]) => void;
+export type EventFunListener = (...args: any[]) => void;
 export interface NetworkType {
     networkOperation: (props: NetworkProps) => Promise<any>;
 }
 export interface NetworkProviderProps {
     axiosOperation: AxiosOperation;
     children: ReactNode;
 }
-export declare type NetworkContextType = NetworkType;
+export type NetworkContextType = NetworkType;

package/{dist/contexts/index.d.ts → src/contexts/index.ts} RENAMED Viewed

File without changes

package/{dist/hooks/index.d.ts → src/hooks/index.ts} RENAMED Viewed

@@ -7,5 +7,6 @@ export { useModulePrivileges } from './useModulePrivileges';
 export { useModuleSkeleton } from './useModuleSkeleton';
 export { useNetwork } from './useNetwork';
 export { usePaginate } from './usePaginate';
 export type { PagerState } from './usePaginate/types';
 export { initialPagerState } from './usePaginate/types';

package/src/hooks/useEnvironment/index.test.tsx ADDED Viewed

@@ -0,0 +1,44 @@
+//import { render, screen } from '../../../test/utils';
+import { render, screen } from '../../test/utils';
+import { it } from 'vitest';
+import { EnvironmentProvider } from '../../contexts/EnvironmentContext';
+import useEnvironment from '.';
+it('useEnvironment tenga acceso a las variables del contexto', () => {
+    const obValue = {
+        isLocalhost: true,
+        host: 'h1',
+        domain_token: '1',
+        host_api_local: '2',
+        host_api_remote: '3',
+        host_static_assets: '4',
+        environment_assets: '5',
+        dfnsFormat: {
+            date_format: 'yyyy-MM-dd',
+            date_mask: '____-__-__',
+            time_format: 'HH:mm:ss',
+            time_mask: '__:__:__',
+            datetime_format: 'yyyy-MM-dd HH:mm:ss',
+            datetime_mask: '____-__-__ __:__:__',
+        },
+    };
+    const stringValue = JSON.stringify(obValue);
+    const Component = () => {
+        const value = useEnvironment();
+        return <div data-testid="useDivHostId">{JSON.stringify(value)}</div>;
+    };
+    // const { container } =
+    render(
+        <EnvironmentProvider {...obValue}>
+            <Component />
+        </EnvironmentProvider>,
+    );
+    // container.querySelector('#useDivHostId');
+    //console.log('Q trajo', window);
+    expect(screen.getByTestId('useDivHostId').textContent).toBe(stringValue);
+});

package/src/hooks/useEnvironment/index.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { EnvironmentContext } from '../../contexts/EnvironmentContext';
+// ---------------------------------------------------------------------
+export const useEnvironment = () => {
+    const context = useContext(EnvironmentContext);
+    if (!context) throw new Error('useEnvironment context must be use inside EnvironmentContext');
+    return context;
+};
+export default useEnvironment;