@m4l/components 0.1.22 → 0.1.23

package/components/animate/LoadingScreen/{index.f1cec7db.js → index.1d0c4307.js}

@@ -1,10 +1,13 @@
-import { m as r } from "framer-motion";
-import { styled as d, alpha as o } from "@mui/material/styles";
-import { Box as a } from "@mui/material";
-import { L as s } from "../../../assets/Logo/index.228dcb5a.js";
-import { jsx as t, Fragment as p, jsxs as l } from "react/jsx-runtime";
-const m = d("div")(({
-  theme: e
+import { m as o } from "framer-motion";
+import { alpha as a } from "@mui/material/styles";
+import { styled as l, Box as n } from "@mui/material";
+import { L as p } from "../../../assets/Logo/index.228dcb5a.js";
+import { jsx as e, Fragment as m, jsxs as h } from "react/jsx-runtime";
+const u = l("div", {
+  shouldForwardProp: (t) => t !== "variant"
+})(({
+  theme: t,
+  variant: i
 }) => ({
   right: 0,
   bottom: 0,
@@ -15,16 +18,23 @@ const m = d("div")(({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
-  backgroundColor: e.palette.background.default
+  backgroundColor: t.palette.background.default,
+  ...i === "microfrontend" && {
+    position: "relative",
+    zIndex: 0
+  }
 }));
-function x({
-  isDashboard: e,
-  ...n
-}) {
-  return /* @__PURE__ */ t(p, {
-    children: !e && /* @__PURE__ */ l(m, {
-      ...n,
-      children: [/* @__PURE__ */ t(r.div, {
+function y(t) {
+  const {
+    isDashboard: i,
+    variant: d = "fullpage",
+    ...s
+  } = t;
+  return /* @__PURE__ */ e(m, {
+    children: !i && /* @__PURE__ */ h(u, {
+      variant: d,
+      ...s,
+      children: [/* @__PURE__ */ e(o.div, {
         initial: {
           rotateY: 0
         },
@@ -37,15 +47,15 @@ function x({
           repeatDelay: 1,
           repeat: 1 / 0
         },
-        children: /* @__PURE__ */ t(s, {
+        children: /* @__PURE__ */ e(p, {
           disabledLink: !0,
           sx: {
             width: 32,
             height: 32
           }
         })
-      }), /* @__PURE__ */ t(a, {
-        component: r.div,
+      }), /* @__PURE__ */ e(n, {
+        component: o.div,
         animate: {
           scale: [1.2, 1, 1, 1.2, 1.2],
           rotate: [270, 0, 0, 270, 270],
@@ -62,10 +72,10 @@ function x({
           height: 50,
           borderRadius: "25%",
           position: "absolute",
-          border: (i) => `solid 3px ${o(i.palette.primary.dark, 0.24)}`
+          border: (r) => `solid 3px ${a(r.palette.primary.dark, 0.24)}`
         }
-      }), /* @__PURE__ */ t(a, {
-        component: r.div,
+      }), /* @__PURE__ */ e(n, {
+        component: o.div,
         animate: {
           scale: [1, 1.2, 1.2, 1, 1],
           rotate: [0, 270, 270, 0, 0],
@@ -82,12 +92,12 @@ function x({
           height: 60,
           borderRadius: "25%",
           position: "absolute",
-          border: (i) => `solid 8px ${o(i.palette.primary.dark, 0.24)}`
+          border: (r) => `solid 8px ${a(r.palette.primary.dark, 0.24)}`
         }
       })]
     })
   });
 }
 export {
-  x as L
+  y as L
 };

package/components/animate/LoadingScreen/index.d.ts

@@ -1,8 +1,4 @@
 /// <reference types="react" />
-import { SxProps } from '@mui/material';
-declare type Props = {
-    isDashboard?: boolean;
-    sx?: SxProps;
-};
-export declare function LoadingScreen({ isDashboard, ...other }: Props): JSX.Element;
+import { Props } from './types';
+export declare function LoadingScreen(props: Props): JSX.Element;
 export default LoadingScreen;

package/components/animate/LoadingScreen/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RootStyleProps } from './types';
+export declare const RootStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & RootStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/animate/LoadingScreen/types.d.ts

@@ -0,0 +1,6 @@
+export declare type LoadingScreenVariant = 'fullpage' | 'microfrontend';
+export declare type RootStyleProps = Pick<Props, 'variant'>;
+export declare type Props = {
+    isDashboard?: boolean;
+    variant?: LoadingScreenVariant;
+};

package/components/mui_extended/CircularProgress/index.ad569afd.js

@@ -0,0 +1,8 @@
+import { CircularProgress as s } from "@mui/material";
+import { jsx as o } from "react/jsx-runtime";
+const i = (r) => /* @__PURE__ */ o(s, {
+  ...r
+});
+export {
+  i as C
+};

package/components/mui_extended/CircularProgress/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CircularProgressProps } from '@mui/material';
+export declare const CircularProgress: (props: CircularProgressProps) => JSX.Element;

package/components/mui_extended/index.d.ts

@@ -5,6 +5,7 @@ export { BoxIcon } from './BoxIcon';
 export { Breadcrumbs } from './Breadcrumbs';
 export type { TLink } from './Breadcrumbs/types';
 export { Button } from './Button';
+export { CircularProgress } from './CircularProgress';
 export { IconButton } from './IconButton';
 export { LinkWithRoute } from './LinkWithRoute';
 export { LoadingButton } from './LoadingButton';

package/index.js

@@ -2,7 +2,9 @@ import { I as N, a as h } from "./components/mui_extended/IconButton/index.4b5ce
 import "framer-motion";
 import "@mui/material";
 import "react/jsx-runtime";
-import { L as U } from "./components/animate/LoadingScreen/index.f1cec7db.js";
+import "@mui/material/styles";
+import "react-router-dom";
+import { L as U } from "./components/animate/LoadingScreen/index.1d0c4307.js";
 import "@m4l/core";
 import "react-hook-form";
 import { R as k } from "./components/hook-form/RHFAutocomplete/index.ee3d9b3c.js";
@@ -14,13 +16,11 @@ import { R as q } from "./components/hook-form/RHFDateTime/index.5ed774e3.js";
 import "@mui/x-date-pickers";
 import { R as K, a as Q } from "./components/hook-form/RHFTextField/index.bab2a2cf.js";
 import { I as Y } from "./components/Icon/index.f569765b.js";
-import "@mui/material/styles";
 import { R as _ } from "./components/hook-form/RHFPeriod/index.fc3af81f.js";
 import { E as oo } from "./components/ErrorLabel/index.c8615f16.js";
 import { P as to, g as ao } from "./components/Period/index.ba6c0e11.js";
 import { b as mo, M as so, d as io, g as po } from "./components/CommonActions/components/Actions/index.edceed6b.js";
 import "@mui/material/Button";
-import "react-router-dom";
 import { M as xo, a as fo } from "./contexts/ModalContext/index.33dc1be9.js";
 import "@mui/lab";
 import "lodash/isString";
@@ -64,20 +64,21 @@ import { R as Ir } from "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
 import { R as Sr } from "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
 import { B as Nr } from "./components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { B as Or } from "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
-import { L as jr } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
-import { T as Gr } from "./components/mui_extended/Typography/index.e5494696.js";
-import { B as Vr, c as wr } from "./components/formatters/BooleanFormatter/index.3ec56305.js";
-import { D as qr, c as Jr } from "./components/formatters/DateFormatter/index.08d8823b.js";
-import { P as Qr, a as Xr, U as Yr, e as Zr, b as _r, c as $r, d as ot, g as rt } from "./components/formatters/index.6959c2de.js";
-import { A as at } from "./components/CommonActions/components/ActionCancel/index.7b862bd3.js";
-import { A as mt } from "./components/CommonActions/components/ActionIntro/index.35c8757f.js";
-import { A as it } from "./components/CommonActions/components/ActionFormCancel/index.b59a0011.js";
-import { A as nt } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
-import { L as ft } from "./components/Loadable/index.f5518558.js";
-import { S as lt } from "./components/ScrollToTop/index.e06f98f6.js";
-import { u as gt } from "./hooks/useFormAddEdit/index.d4845f1a.js";
-import { u as ut } from "./hooks/useModal/index.34cc1e55.js";
-import { L as Rt } from "./assets/Logo/index.228dcb5a.js";
+import { C as jr } from "./components/mui_extended/CircularProgress/index.ad569afd.js";
+import { L as Gr } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
+import { T as Vr } from "./components/mui_extended/Typography/index.e5494696.js";
+import { B as Wr, c as qr } from "./components/formatters/BooleanFormatter/index.3ec56305.js";
+import { D as Kr, c as Qr } from "./components/formatters/DateFormatter/index.08d8823b.js";
+import { P as Yr, a as Zr, U as _r, e as $r, b as ot, c as rt, d as tt, g as at } from "./components/formatters/index.6959c2de.js";
+import { A as mt } from "./components/CommonActions/components/ActionCancel/index.7b862bd3.js";
+import { A as it } from "./components/CommonActions/components/ActionIntro/index.35c8757f.js";
+import { A as nt } from "./components/CommonActions/components/ActionFormCancel/index.b59a0011.js";
+import { A as ft } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
+import { L as lt } from "./components/Loadable/index.f5518558.js";
+import { S as gt } from "./components/ScrollToTop/index.e06f98f6.js";
+import { u as ut } from "./hooks/useFormAddEdit/index.d4845f1a.js";
+import { u as Rt } from "./hooks/useModal/index.34cc1e55.js";
+import { L as Pt } from "./assets/Logo/index.228dcb5a.js";
 import "./utils/index.214d9542.js";
 import "./react-data-grid.d46d625e.js";
 import "clsx";
@@ -90,18 +91,19 @@ import "./commonjs.565e6834.js";
 import "react-helmet-async";
 export {
   Fo as Accordion,
-  at as ActionCancel,
-  it as ActionFormCancel,
-  nt as ActionFormIntro,
-  mt as ActionIntro,
+  mt as ActionCancel,
+  nt as ActionFormCancel,
+  ft as ActionFormIntro,
+  it as ActionIntro,
   mo as Actions,
   Do as Avatar,
-  Vr as BooleanFormatter,
+  Wr as BooleanFormatter,
   Nr as BoxIcon,
   Or as Breadcrumbs,
   yo as Button,
+  jr as CircularProgress,
   To as DataGrid,
-  qr as DateFormatter,
+  Kr as DateFormatter,
   jo as DynamicFilter,
   oo as ErrorLabel,
   sr as HelmetPage,
@@ -110,11 +112,11 @@ export {
   h as IconButtonAnimate,
   z as Image,
   Co as LanguagePopover,
-  jr as LinkWithRoute,
-  ft as Loadable,
+  Gr as LinkWithRoute,
+  lt as Loadable,
   Po as LoadingButton,
   U as LoadingScreen,
-  Rt as Logo,
+  Pt as Logo,
   so as MenuActions,
   xo as ModalContext,
   Wo as ModalDialog,
@@ -127,9 +129,9 @@ export {
   Ho as Pager,
   er as PaperForm,
   to as Period,
-  Qr as PointsFormatter,
+  Yr as PointsFormatter,
   Lo as Popover,
-  Xr as PriceFormatter,
+  Zr as PriceFormatter,
   pr as PropertyValue,
   k as RHFAutocomplete,
   Hr as RHFAutocompleteAsync,
@@ -145,34 +147,34 @@ export {
   Vo as RHFormProvider,
   Qo as Resizeable,
   Oo as ScrollBar,
-  lt as ScrollToTop,
+  gt as ScrollToTop,
   xr as SplitLayout,
   Bo as Tab,
   Eo as TextEditor,
-  Gr as Typography,
-  Yr as UncertaintyFormatter,
-  wr as columnBooleanFormatter,
-  Jr as columnDateFormatter,
-  Zr as columnNestedValueFormatter,
-  _r as columnPointsFormatter,
-  $r as columnUncertaintyFormatter,
+  Vr as Typography,
+  _r as UncertaintyFormatter,
+  qr as columnBooleanFormatter,
+  Qr as columnDateFormatter,
+  $r as columnNestedValueFormatter,
+  ot as columnPointsFormatter,
+  rt as columnUncertaintyFormatter,
   io as defaultCommonActionsDictionary,
   ko as defaultDynamicFilterDictionary,
-  ot as defaultFormattersDictionary,
+  tt as defaultFormattersDictionary,
   qo as defaultModalDialogDictionary,
   Zo as defaultNoItemSelectedDictionary,
   rr as defaultObjectLogDictionary,
   po as getCommonActionsDictionary,
   Go as getDynamicFilterComponentsDictionary,
-  rt as getFormattersComponentsDictionary,
+  at as getFormattersComponentsDictionary,
   No as getGridComponentsDictionary,
   Jo as getModalDialogComponentsDictionary,
   _o as getNoItemSelectedComponentsDictionary,
   tr as getObjectLogsComponentsDictionary,
   Mo as getPagerComponentsDictionary,
   ao as getPeriodComponetsDictionary,
-  gt as useFormAddEdit,
-  ut as useModal,
+  ut as useFormAddEdit,
+  Rt as useModal,
   dr as varBounce,
   Fr as varContainer,
   cr as varFade,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/core": "*",