@m4l/core 0.1.14 → 0.1.16

package/contexts/DomainContext/index.js

@@ -0,0 +1,54 @@
+import { createContext, useState, useEffect } from "react";
+import { useEnvironment, useFlags, useNetwork } from "@m4l/core";
+import { jsx } from "react/jsx-runtime";
+const initialState = {
+  company_logo_small_url: "",
+  company_logo_normal_url: "",
+  name: ""
+};
+console.log("DomainContext createContext");
+const DomainContext = createContext(initialState);
+function DomainProvider(props) {
+  const {
+    children
+  } = props;
+  const {
+    domain_token
+  } = useEnvironment();
+  const {
+    addFlag
+  } = useFlags();
+  const [domain, setDomain] = useState({
+    company_logo_small_url: "",
+    company_logo_normal_url: "",
+    name: ""
+  });
+  const {
+    networkOperation
+  } = useNetwork();
+  useEffect(() => {
+    let mounted = true;
+    networkOperation({
+      method: "GET",
+      endPoint: `na/info/${domain_token}`
+    }).then((response) => {
+      if (mounted) {
+        setDomain({
+          ...response.data
+        });
+        addFlag("domain_loaded");
+      }
+    }).finally(() => {
+    });
+    return function cleanUp() {
+      mounted = false;
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(DomainContext.Provider, {
+    value: {
+      ...domain
+    },
+    children
+  });
+}
+export { DomainContext as D, DomainProvider as a };

package/contexts/DomainContext/types.d.ts

@@ -3,7 +3,6 @@ export interface Domain {
     name: string;
     company_logo_small_url: string;
     company_logo_normal_url: string;
-    isLoaded?: boolean;
 }
 export interface DomainProviderProps {
     children: ReactNode;

package/contexts/FlagsContext/index.js

@@ -6,6 +6,7 @@ const initialState = {
   clearFlags: voidFunction,
   addFlag: voidFunction
 };
+console.log("FlagsContex createContext");
 const FlagsContext = createContext(initialState);
 function FlagsProvider({
   children

package/contexts/ModuleDictionaryContext/index.js

@@ -2,7 +2,7 @@ import { createContext, useState, useEffect, useCallback } from "react";
 import { u as useEnvironment } from "../../hooks/useEnvironment/index.js";
 import { u as useFlags } from "../../hooks/useFlags/index.js";
 import { u as useHostTools } from "../../hooks/useHostTools/index.js";
-import "../../index.js";
+import "../DomainContext/index.js";
 import "../ModulePrivilegesContext/index.js";
 import "../ModuleSkeletonContext/index.js";
 import { u as useNetwork } from "../../hooks/useNetwork/index.js";
@@ -11,6 +11,7 @@ const initialState = {
   getLabel: () => "..",
   getModuleLabel: () => "No dictionary context"
 };
+console.log("ModuleDictionaryContext createContext");
 const ModuleDictionaryContext = createContext(initialState);
 function ModuleDictionaryProvider(props) {
   const {

package/contexts/ModulePrivilegesContext/index.js

@@ -2,7 +2,7 @@ import { createContext, useState, useEffect, useCallback } from "react";
 import "../EnvironmentContext/index.js";
 import { u as useFlags } from "../../hooks/useFlags/index.js";
 import { u as useHostTools } from "../../hooks/useHostTools/index.js";
-import "../../index.js";
+import "../DomainContext/index.js";
 import "../ModuleDictionaryContext/index.js";
 import "../ModuleSkeletonContext/index.js";
 import { u as useNetwork } from "../../hooks/useNetwork/index.js";

package/contexts/ModuleSkeletonContext/index.js

@@ -2,7 +2,7 @@ import { createContext } from "react";
 import "../EnvironmentContext/index.js";
 import { a as useFlagsPresent } from "../../hooks/useFlags/index.js";
 import "../HostToolsContext/index.js";
-import "../../index.js";
+import "../DomainContext/index.js";
 import "../ModuleDictionaryContext/index.js";
 import "../ModulePrivilegesContext/index.js";
 import "../NetworkContext/index.js";

package/contexts/index.d.ts

@@ -1,8 +1,8 @@
 export { EnvironmentContext, EnvironmentProvider } from './EnvironmentContext';
 export { HostToolsContext, HostToolsProvider } from './HostToolsContext';
 export { NetworkContext, NetworkProvider } from './NetworkContext';
-export { DomainContext, DomainProvider } from './DomainContext';
 export { FlagsContext, FlagsProvider } from './FlagsContext';
+export { DomainContext, DomainProvider } from './DomainContext';
 export { ModuleDictionaryContext, ModuleDictionaryProvider } from './ModuleDictionaryContext';
 export { ModulePrivilegesContext, ModulePrivilegesProvider } from './ModulePrivilegesContext';
 export { ModuleSkeletonContext, ModuleSkeletonProvider } from './ModuleSkeletonContext';

package/hooks/index.d.ts

@@ -3,6 +3,7 @@ export { useFlags, useFlagsPresent } from './useFlags';
 export { useHostTools } from './useHostTools';
 export { useDomain } from './useDomain';
 export { useLocalStorage } from './useLocalStorage';
+export { useLocalStorageWithListener } from './useLocalStorageWithListener';
 export { useModuleDictionary } from './useModuleDictionary';
 export { useModulePrivileges } from './useModulePrivileges';
 export { useModuleSkeleton } from './useModuleSkeleton';

package/hooks/useDomain/index.js

@@ -0,0 +1,9 @@
+import { useContext } from "react";
+import { D as DomainContext } from "../../contexts/DomainContext/index.js";
+const useDomain = () => {
+  const context = useContext(DomainContext);
+  if (!context)
+    throw new Error("useDomain context must be use inside DomainContext");
+  return context;
+};
+export { useDomain as u };

package/hooks/useLocalStorage/index.js

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 function useLocalStorage(key, initialValue) {
   const [value, setValue] = useState(() => {
     try {
@@ -18,4 +18,29 @@ function useLocalStorage(key, initialValue) {
   };
   return [value, setValueInLocalStorage];
 }
-export { useLocalStorage as u };
+function useLocalStorageWithListener(key, defaultValue) {
+  const [value, setValue] = useState(() => {
+    const storedValue = localStorage.getItem(key);
+    return storedValue === null ? defaultValue : JSON.parse(storedValue);
+  });
+  useEffect(() => {
+    const listener = (e) => {
+      if (e.storageArea === localStorage && e.key === key) {
+        setValue(e.newValue ? JSON.parse(e.newValue) : e.newValue);
+      }
+    };
+    window.addEventListener("storage", listener);
+    return () => {
+      window.removeEventListener("storage", listener);
+    };
+  }, [key, defaultValue]);
+  const setValueInLocalStorage = (newValue) => {
+    setValue((currentValue) => {
+      const result = typeof newValue === "function" ? newValue(currentValue) : newValue;
+      localStorage.setItem(key, JSON.stringify(result));
+      return result;
+    });
+  };
+  return [value, setValueInLocalStorage];
+}
+export { useLocalStorageWithListener as a, useLocalStorage as u };

package/hooks/useLocalStorageWithListener/index.d.ts

@@ -0,0 +1,2 @@
+export declare function useLocalStorageWithListener<ValueType>(key: string, defaultValue: ValueType): any[];
+export default useLocalStorageWithListener;

package/hooks/useModuleSkeleton/index.js

@@ -2,6 +2,7 @@ import { useContext } from "react";
 import { M as ModuleSkeletonContext } from "../../contexts/ModuleSkeletonContext/index.js";
 const useModuleSkeleton = () => {
   const context = useContext(ModuleSkeletonContext);
+  console.log("useModuleSkeleton", context);
   if (!context)
     throw new Error("useModuleSkeleton context must be use inside ModuleSkeletonContext");
   return context.isSkeleton;

package/index.js

@@ -1,17 +1,17 @@
-import { createContext, useState, useEffect, useContext } from "react";
+import "react";
 export { E as EnvironmentContext, a as EnvironmentProvider } from "./contexts/EnvironmentContext/index.js";
 export { F as FlagsContext, a as FlagsProvider } from "./contexts/FlagsContext/index.js";
 export { H as HostToolsContext, a as HostToolsProvider } from "./contexts/HostToolsContext/index.js";
+export { D as DomainContext, a as DomainProvider } from "./contexts/DomainContext/index.js";
 export { M as ModuleDictionaryContext, a as ModuleDictionaryProvider } from "./contexts/ModuleDictionaryContext/index.js";
 export { M as ModulePrivilegesContext, a as ModulePrivilegesProvider } from "./contexts/ModulePrivilegesContext/index.js";
 export { M as ModuleSkeletonContext, a as ModuleSkeletonProvider } from "./contexts/ModuleSkeletonContext/index.js";
 export { N as NetworkContext, a as NetworkProvider } from "./contexts/NetworkContext/index.js";
-import { useEnvironment, useNetwork } from "@m4l/core";
-import { jsx } from "react/jsx-runtime";
 export { u as useEnvironment } from "./hooks/useEnvironment/index.js";
 export { u as useFlags, a as useFlagsPresent } from "./hooks/useFlags/index.js";
 export { u as useHostTools } from "./hooks/useHostTools/index.js";
-export { u as useLocalStorage } from "./hooks/useLocalStorage/index.js";
+export { u as useDomain } from "./hooks/useDomain/index.js";
+export { u as useLocalStorage, a as useLocalStorageWithListener } from "./hooks/useLocalStorage/index.js";
 export { u as useModuleDictionary } from "./hooks/useModuleDictionary/index.js";
 export { u as useModulePrivileges } from "./hooks/useModulePrivileges/index.js";
 export { u as useModuleSkeleton } from "./hooks/useModuleSkeleton/index.js";
@@ -20,64 +20,7 @@ export { i as initialPagerState, u as usePaginate } from "./hooks/usePaginate/in
 export { E as EmitEvents } from "./types/index.js";
 export { a as getLocalStorage, g as getPropertyByString, s as setLocalStorage, v as voidFunction } from "./utils/index.js";
 export { a as axiosOperation } from "./utils/axiosOperation.js";
-import "./index.js";
+import "react/jsx-runtime";
+import "@m4l/core";
 import "./external/axios.js";
 import "qs";
-const initialState = {
-  company_logo_small_url: "",
-  company_logo_normal_url: "",
-  name: ""
-};
-const DomainContext = createContext(initialState);
-function DomainProvider(props) {
-  const {
-    children
-  } = props;
-  const {
-    domain_token
-  } = useEnvironment();
-  const [domain, setDomain] = useState({
-    company_logo_small_url: "",
-    company_logo_normal_url: "",
-    name: "",
-    isLoaded: false
-  });
-  const {
-    networkOperation
-  } = useNetwork();
-  useEffect(() => {
-    let mounted = true;
-    if (domain.isLoaded) {
-      return;
-    }
-    networkOperation({
-      method: "GET",
-      endPoint: `na/info/${domain_token}`
-    }).then((response) => {
-      if (mounted) {
-        setDomain({
-          token: domain_token,
-          isLoaded: true,
-          ...response.data
-        });
-      }
-    }).finally(() => {
-    });
-    return function cleanUp() {
-      mounted = false;
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(DomainContext.Provider, {
-    value: {
-      ...domain
-    },
-    children
-  });
-}
-const useDomain = () => {
-  const context = useContext(DomainContext);
-  if (!context)
-    throw new Error("useDomain context must be use inside DomainContext");
-  return context;
-};
-export { DomainContext, DomainProvider, useDomain };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/core",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "dependencies": {