@m4l/layouts 0.1.4 → 0.1.6

package/index.js

@@ -1,15 +1,12 @@
 export { a as ModuleLayout, d as defaultModuleLayoutDictionary, g as getModuleLayoutComponentsDictionary } from "./layouts/ModuleLayout/index.js";
-export { a as MasterDetailLayout, d as defaultMasterDetailDictionary, g as getMasterDetailLayoutComponentsDictionary } from "./layouts/MasterDetailLayout/index.js";
-export { N as NoAuthModuleLayout, d as defaultNoAuthModuleLayoutDictionary, g as getNoAuthModuleLayoutComponentsDictionary } from "./layouts/NoAuthModuleLayout/index.js";
-export { u as useMasterDetail } from "./hooks/useMasterDetail/index.js";
-export { u as useModule } from "./hooks/useModule/index.js";
 import "@m4l/components";
 import "react";
-import "@mui/material/styles";
 import "@m4l/core";
+export { a as MasterDetailLayout, d as defaultMasterDetailDictionary, g as getMasterDetailLayoutComponentsDictionary } from "./layouts/MasterDetailLayout/index.js";
+import "@m4l/graphics";
 import "@mui/material";
-import "./vendor.js";
-import "@mui/material/useMediaQuery";
 import "react/jsx-runtime";
-import "@mui/x-date-pickers/AdapterDateFns";
-import "@mui/x-date-pickers";
+export { N as NoAuthModuleLayout, d as defaultNoAuthModuleLayoutDictionary, g as getNoAuthModuleLayoutComponentsDictionary } from "./layouts/NoAuthModuleLayout/index.js";
+export { u as useMasterDetail } from "./hooks/useMasterDetail/index.js";
+export { u as useModule } from "./hooks/useModule/index.js";
+import "@mui/material/styles";

package/layouts/MasterDetailLayout/index.js

@@ -3,7 +3,7 @@ import { voidFunction, useEnvironment } from "@m4l/core";
 import { SplitLayout } from "@m4l/components";
 import { g as getModuleLayoutComponentsDictionary, a as ModuleLayout } from "../ModuleLayout/index.js";
 import { jsx } from "react/jsx-runtime";
-import { u as useResponsiveDesktop } from "../../vendor.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
 import { Button } from "@mui/material";
 import { u as useMasterDetail } from "../../hooks/useMasterDetail/index.js";
 function getMasterDetailLayoutComponentsDictionary() {

package/layouts/ModuleLayout/index.js

@@ -3,7 +3,7 @@ import { createContext, useState, useMemo, forwardRef, useRef, useImperativeHand
 import { styled, useTheme } from "@mui/material/styles";
 import { voidFunction, useModuleDictionary, useFlagsPresent, FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider, ModulePrivilegesProvider } from "@m4l/core";
 import { Skeleton, Typography, IconButton } from "@mui/material";
-import { u as useResponsiveDesktop } from "../../vendor.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { u as useModule } from "../../hooks/useModule/index.js";
 const WrapperModule = styled("div")(() => ({

package/layouts/NoAuthModuleLayout/index.js

@@ -1,9 +1,9 @@
+import { useResponsive, useLocales } from "@m4l/graphics";
 import { Page, CompanyLogo, LanguagePopover, Typography, Image } from "@m4l/components";
 import { Card, Container, Stack } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { useModuleDictionary, useFlagsPresent, FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider } from "@m4l/core";
+import { useModuleDictionary, useFlagsPresent, FlagsProvider, DomainProvider, ModuleDictionaryProvider, ModuleSkeletonProvider } from "@m4l/core";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a as useResponsive, b as useLocales } from "../../vendor.js";
 const RootStyle = styled("div")(({
   theme
 }) => ({
@@ -160,17 +160,26 @@ const NoAuthModuleLayout = (props) => {
   const {
     currentLang
   } = useLocales();
+  const finalSkeletonFlags = skeletonFlags;
+  if (finalSkeletonFlags.findIndex((f) => f === "dictionary_loaded") < 0) {
+    finalSkeletonFlags.push("dictionary_loaded");
+  }
+  if (finalSkeletonFlags.findIndex((f) => f === "domain_loaded") < 0) {
+    finalSkeletonFlags.push("domain_loaded");
+  }
   return /* @__PURE__ */ jsx(FlagsProvider, {
-    children: /* @__PURE__ */ jsx(ModuleDictionaryProvider, {
-      isAuth: false,
-      moduleId,
-      moduleName,
-      componentsDictionary,
-      currentLang: currentLang.value,
-      children: /* @__PURE__ */ jsx(ModuleSkeletonProvider, {
-        flags: skeletonFlags,
-        children: /* @__PURE__ */ jsx(ModuleWrapper, {
-          children
+    children: /* @__PURE__ */ jsx(DomainProvider, {
+      children: /* @__PURE__ */ jsx(ModuleDictionaryProvider, {
+        isAuth: false,
+        moduleId,
+        moduleName,
+        componentsDictionary,
+        currentLang: currentLang.value,
+        children: /* @__PURE__ */ jsx(ModuleSkeletonProvider, {
+          flags: finalSkeletonFlags,
+          children: /* @__PURE__ */ jsx(ModuleWrapper, {
+            children
+          })
         })
       })
     })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/layouts",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/components": "*",

package/hooks/useResponsive.d.ts

@@ -1,8 +0,0 @@
-import { Breakpoint } from '@mui/material';
-declare type Query = 'up' | 'down' | 'between' | 'only';
-declare type Key = Breakpoint | number;
-declare type Start = Breakpoint | number;
-declare type End = Breakpoint | number;
-export declare function useResponsive(query: Query, key?: Key, start?: Start, end?: End): boolean | undefined;
-export declare function useResponsiveDesktop(): boolean | undefined;
-export {};

package/node_modules.js

@@ -1 +0,0 @@
-

package/vendor.js

@@ -1,64 +0,0 @@
-import { useTheme } from "@mui/material/styles";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import "@mui/material";
-import "react/jsx-runtime";
-import { createContext, useContext } from "react";
-import "@m4l/core";
-import "@mui/x-date-pickers/AdapterDateFns";
-import "@mui/x-date-pickers";
-import "./layouts/ModuleLayout/index.js";
-import "@m4l/components";
-import "./layouts/MasterDetailLayout/index.js";
-import "./layouts/NoAuthModuleLayout/index.js";
-import "./hooks/useMasterDetail/index.js";
-import "./hooks/useModule/index.js";
-function useResponsive$1(query, key, start, end) {
-  const theme = useTheme();
-  const mediaUp = useMediaQuery(theme.breakpoints.up(key));
-  const mediaDown = useMediaQuery(theme.breakpoints.down(key));
-  const mediaBetween = useMediaQuery(theme.breakpoints.between(start, end));
-  const mediaOnly = useMediaQuery(theme.breakpoints.only(key));
-  if (query === "up") {
-    return mediaUp;
-  }
-  if (query === "down") {
-    return mediaDown;
-  }
-  if (query === "between") {
-    return mediaBetween;
-  }
-  if (query === "only") {
-    return mediaOnly;
-  }
-}
-function useResponsiveDesktop() {
-  const isDesktop = useResponsive$1("up", "sm");
-  return isDesktop;
-}
-const LocalesContext = createContext(null);
-function useResponsive(query, key, start, end) {
-  const theme = useTheme();
-  const mediaUp = useMediaQuery(theme.breakpoints.up(key));
-  const mediaDown = useMediaQuery(theme.breakpoints.down(key));
-  const mediaBetween = useMediaQuery(theme.breakpoints.between(start, end));
-  const mediaOnly = useMediaQuery(theme.breakpoints.only(key));
-  if (query === "up") {
-    return mediaUp;
-  }
-  if (query === "down") {
-    return mediaDown;
-  }
-  if (query === "between") {
-    return mediaBetween;
-  }
-  if (query === "only") {
-    return mediaOnly;
-  }
-}
-const useLocales = () => {
-  const context = useContext(LocalesContext);
-  if (!context)
-    throw new Error("useLocales context must be use inside LocalesProvider");
-  return context;
-};
-export { useResponsive as a, useLocales as b, useResponsiveDesktop as u };