@m4l/components 0.1.29 → 0.1.31

package/components/CommonActions/components/ActionCancel/{index.a57fcfae.js → index.01a86ee6.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.1d13f53b.js";
+import { B as Button } from "../../../mui_extended/Button/index.6bdb0b2d.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.b8215cd2.js → index.e18a3161.js}

@@ -2,9 +2,9 @@ import { useFormContext, useFormState } from "react-hook-form";
 import { useNavigate } from "react-router-dom";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { B as Button } from "../../../mui_extended/Button/index.1d13f53b.js";
+import { B as Button } from "../../../mui_extended/Button/index.6bdb0b2d.js";
 import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.78ee58f3.js";
+import { u as useModal } from "../../../../hooks/useModal/index.ee8b9d9f.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormCancel(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.591a8195.js → index.fdd7e34d.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.1d13f53b.js";
+import { B as Button } from "../../../mui_extended/Button/index.6bdb0b2d.js";
 import { jsx } from "react/jsx-runtime";
 const ActionIntro = (props) => {
   const {

package/components/CommonActions/components/Actions/{index.2ce05d29.js → index.c87086ac.js}

@@ -6,17 +6,17 @@ import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
 import { useState, useMemo, forwardRef, useRef, useImperativeHandle, useEffect, useCallback } from "react";
-import "../../../../contexts/ModalContext/index.cc3690d3.js";
+import "../../../../contexts/ModalContext/index.6d1021d4.js";
 import "@mui/lab";
-import { I as IconButton$1 } from "../../../mui_extended/IconButton/index.a321e5cb.js";
-import { u as useBase, a as useFilters, O as OriginalDataGridWrapperStyled } from "../../../DataGrid/index.07162c02.js";
-import { P as Pager } from "../../../mui_extended/Pager/index.72b43352.js";
+import { I as IconButton$1 } from "../../../mui_extended/IconButton/index.25ff14bd.js";
+import { u as useBase, a as useFilters, O as OriginalDataGridWrapperStyled } from "../../../DataGrid/index.fc1ace65.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.66593ad3.js";
 import { D as DataGrid$1 } from "../../../../react-data-grid.d46d625e.js";
-import { u as useModal } from "../../../../hooks/useModal/index.78ee58f3.js";
-import { A as ActionCancel } from "../ActionCancel/index.a57fcfae.js";
-import { A as ActionIntro } from "../ActionIntro/index.591a8195.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.028756ac.js";
-import { I as Icon } from "../../../Icon/index.619c31c4.js";
+import { u as useModal } from "../../../../hooks/useModal/index.ee8b9d9f.js";
+import { A as ActionCancel } from "../ActionCancel/index.01a86ee6.js";
+import { A as ActionIntro } from "../ActionIntro/index.fdd7e34d.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.4c70cdba.js";
+import { I as Icon } from "../../../Icon/index.619fa9ad.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 const WrapperStandarActions = styled("div")(({
   theme

package/components/DataGrid/{index.07162c02.js → index.fc1ace65.js}

@@ -6,9 +6,9 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "../CommonActions/components/Actions/index.2ce05d29.js";
-import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.3e5675c4.js";
-import { g as getPagerComponentsDictionary, d as defaultPagerDictionary } from "../mui_extended/Pager/index.72b43352.js";
+import { A as ActionsColumn, a as Actions } from "../CommonActions/components/Actions/index.c87086ac.js";
+import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.6bec80b1.js";
+import { g as getPagerComponentsDictionary, d as defaultPagerDictionary } from "../mui_extended/Pager/index.66593ad3.js";
 const WrapperGrid = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/DynamicFilter/{index.31876c9f.js → index.12df5a80.js}

@@ -10,29 +10,29 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "../hook-form/RHFCheckbox/index.6dcec9e2.js";
 import { alpha, styled as styled$1, Skeleton, MenuItem, useTheme, Popper, ClickAwayListener } from "@mui/material";
 import "@mui/x-date-pickers";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.e70d2de3.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.7f1cbd85.js";
 import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.f9aaaa90.js";
-import { I as Icon } from "../Icon/index.619c31c4.js";
-import "../hook-form/RHFPeriod/index.fa8426ac.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.3cb4b35f.js";
+import { I as Icon } from "../Icon/index.619fa9ad.js";
+import "../hook-form/RHFPeriod/index.e8c2c210.js";
 import "../ErrorLabel/index.c8615f16.js";
-import "../Period/index.111600f2.js";
-import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2ce05d29.js";
+import "../Period/index.f17be628.js";
+import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c87086ac.js";
 import "@mui/material/Button";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.cc3690d3.js";
+import "../../contexts/ModalContext/index.6d1021d4.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
 import "../Image/index.93d5f37f.js";
 import "../hook-form/RHFUpload/index.d5cc7c13.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.a321e5cb.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.25ff14bd.js";
 import "simplebar/dist/simplebar.min.css";
-import { F as FilterButton } from "../mui_extended/Button/index.1d13f53b.js";
-import { P as Popover } from "../mui_extended/Popover/index.028756ac.js";
-import { R as RHFormProvider } from "../../contexts/RHFormContext/index.f8c00745.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a57fcfae.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.591a8195.js";
+import { F as FilterButton } from "../mui_extended/Button/index.6bdb0b2d.js";
+import { P as Popover } from "../mui_extended/Popover/index.4c70cdba.js";
+import { R as RHFormProvider } from "../../contexts/RHFormContext/index.d88e6e27.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.01a86ee6.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.fdd7e34d.js";
 const WrapperApplyedFilters = styled("div")(({
   theme
 }) => ({
@@ -952,7 +952,6 @@ function BaseProvider(props) {
     setInEdition(true);
   }, [applyedFilters]);
   const closeMenuFields = useCallback(() => {
-    console.log("closeMenuFields");
     setOpenAnchorEl(null);
     setInEdition(false);
   }, []);

package/components/Icon/{index.619c31c4.js → index.619fa9ad.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useState, useMemo, useEffect } from "react";
 import { useTheme } from "@mui/material/styles";
-import { g as getPaletteColor } from "../../utils/index.214d9542.js";
+import { g as getPaletteColor } from "../../utils/index.f3bfdc22.js";
 import { jsx } from "react/jsx-runtime";
 const DivIcon = styled("div", {
   shouldForwardProp: (props) => props !== "src" && props !== "size" && props !== "bgColor" && props !== "rotationAngle" && props !== "angleTransition"

package/components/Loadable/{index.f5518558.js → index.55b8adb7.js}

@@ -1,10 +1,9 @@
 import { Suspense } from "react";
+import { P as PropagateLoader } from "../animate/PropagateLoader/index.d5c18992.js";
 import { jsx } from "react/jsx-runtime";
 const Loadable = (Component) => function EmbededLoadable(props) {
   return /* @__PURE__ */ jsx(Suspense, {
-    fallback: /* @__PURE__ */ jsx("div", {
-      children: "Cargando"
-    }),
+    fallback: /* @__PURE__ */ jsx(PropagateLoader, {}),
     children: /* @__PURE__ */ jsx(Component, {
       ...props
     })

package/components/ModalDialog/{index.3e5675c4.js → index.6bec80b1.js}

@@ -1,14 +1,14 @@
 import { Dialog, IconButton, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.20e95c61.js";
-import { u as useModal } from "../../hooks/useModal/index.78ee58f3.js";
+import { c as cjs } from "../../react-draggable.a09b624f.js";
+import { u as useModal } from "../../hooks/useModal/index.ee8b9d9f.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.214d9542.js";
-import { R as Resizeable } from "../Resizeable/index.45995d2b.js";
+import { a as getThemeVariantColor } from "../../utils/index.f3bfdc22.js";
+import { R as Resizeable } from "../Resizeable/index.d27b0310.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
-import { I as Icon } from "../Icon/index.619c31c4.js";
+import { I as Icon } from "../Icon/index.619fa9ad.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2ce05d29.js";
+import { b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c87086ac.js";
 const WrapperDialog = styled(Dialog)(() => ({}));
 const Container = styled("div")(({ theme }) => ({
   display: "flex",

package/components/ObjectLogs/{index.35dbf836.js → index.93488e5f.js}

@@ -1,15 +1,15 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.07162c02.js";
-import { D as DateFormatter } from "../formatters/DateFormatter/index.ed73f8ae.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.fc1ace65.js";
+import { D as DateFormatter } from "../formatters/DateFormatter/index.8494575f.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
-import { R as ReactJson } from "../../react-json-view.f56a7f8e.js";
+import { R as ReactJson } from "../../react-json-view.57125fcf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.78ee58f3.js";
-import { I as Icon } from "../Icon/index.619c31c4.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.31876c9f.js";
+import { u as useModal } from "../../hooks/useModal/index.ee8b9d9f.js";
+import { I as Icon } from "../Icon/index.619fa9ad.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.12df5a80.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",

package/components/PaperForm/{index.ec9cb8c9.js → index.9582ff5e.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { I as Icon } from "../Icon/index.619c31c4.js";
+import { I as Icon } from "../Icon/index.619fa9ad.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPaper = styled("div")(({
   theme

package/components/Period/{index.111600f2.js → index.f17be628.js}

@@ -1,13 +1,13 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.619c31c4.js";
+import { I as Icon } from "../Icon/index.619fa9ad.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2ce05d29.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c87086ac.js";
 import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.cc3690d3.js";
+import "../../contexts/ModalContext/index.6d1021d4.js";
 import "@mui/lab";
 const ContainerPeriod = styled("div")(({
   theme,

package/components/Resizeable/{index.45995d2b.js → index.d27b0310.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { R as ResizableBox } from "../../react-resizable.5277deaf.js";
+import { R as ResizableBox } from "../../react-resizable.be53ee35.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

package/components/SplitLayout/{index.4032673d.js → index.5a8355d8.js}

@@ -1,4 +1,4 @@
-import { S as SplitterLayout } from "../../react-splitter-layout.7810ac1b.js";
+import { S as SplitterLayout } from "../../react-splitter-layout.8b1655c8.js";
 import { styled } from "@mui/material/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
 const WrapperSplit = styled("div")(({

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IconButtonProps } from '@mui/material';
-export declare const IconButtonAnimate: import("react").ForwardRefExoticComponent<Pick<IconButtonProps<"button", {}>, "value" | "dir" | "form" | "slot" | "title" | "onChange" | "disabled" | "children" | "aria-label" | "aria-labelledby" | "tabIndex" | "key" | "onFocus" | "onMouseEnter" | "id" | "aria-rowindex" | "onScroll" | "onCopy" | "onPaste" | "aria-describedby" | "onResize" | "type" | "hidden" | "name" | "placeholder" | "action" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "translate" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const IconButtonAnimate: import("react").ForwardRefExoticComponent<Omit<IconButtonProps<"button", {}>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { Props } from './types';
-export declare function LoadingScreen(props: Props): JSX.Element;
+import { LoadingScreenProps } from './types';
+export declare function LoadingScreen(props: LoadingScreenProps): JSX.Element;
 export default LoadingScreen;

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PropagateLoader: () => JSX.Element;

package/components/animate/PropagateLoader/index.d5c18992.js

@@ -0,0 +1,94 @@
+import { styled, useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { c as createAnimation, p as parseLengthAndUnit } from "../../../node_modules.51fc30d1.js";
+var __assign = globalThis && globalThis.__assign || function() {
+  __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p))
+          t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __rest = globalThis && globalThis.__rest || function(s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+var distance = [1, 3, 5];
+var propagate = [
+  createAnimation("PropagateLoader", "25% {transform: translateX(-".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(-").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(-").concat(distance[2], "rem) scale(0.5)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-0"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(-".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(-").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(-").concat(distance[1], "rem) scale(0.6)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-1"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(-".concat(distance[0], "rem) scale(0.75)}\n    75% {transform: translateX(-").concat(distance[0], "rem) scale(0.75)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-2"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    75% {transform: translateX(").concat(distance[0], "rem) scale(0.75)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-3"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-4"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(").concat(distance[2], "rem) scale(0.5)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-5")
+];
+function PropagateLoader$1(_a) {
+  var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 15 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
+  var _g = parseLengthAndUnit(size), value = _g.value, unit = _g.unit;
+  var wrapper = __assign({ display: "inherit", position: "relative" }, cssOverride);
+  var style = function(i) {
+    return {
+      position: "absolute",
+      fontSize: "".concat(value / 3).concat(unit),
+      width: "".concat(value).concat(unit),
+      height: "".concat(value).concat(unit),
+      background: color,
+      borderRadius: "50%",
+      animation: "".concat(propagate[i], " ").concat(1.5 / speedMultiplier, "s infinite"),
+      animationFillMode: "forwards"
+    };
+  };
+  if (!loading) {
+    return null;
+  }
+  return React.createElement(
+    "span",
+    __assign({ style: wrapper }, additionalprops),
+    React.createElement("span", { style: style(0) }),
+    React.createElement("span", { style: style(1) }),
+    React.createElement("span", { style: style(2) }),
+    React.createElement("span", { style: style(3) }),
+    React.createElement("span", { style: style(4) }),
+    React.createElement("span", { style: style(5) })
+  );
+}
+const WrapperPropageteLoader = styled("div")(({
+  theme
+}) => ({
+  right: 0,
+  bottom: 0,
+  zIndex: 99999,
+  width: "100%",
+  height: "100%",
+  position: "fixed",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  background: theme.palette.background.default
+}));
+const PropagateLoader = () => {
+  const {
+    palette
+  } = useTheme();
+  return /* @__PURE__ */ jsx(WrapperPropageteLoader, {
+    children: /* @__PURE__ */ jsx(PropagateLoader$1, {
+      color: palette.primary.main
+    })
+  });
+};
+export {
+  PropagateLoader as P
+};

package/components/animate/PropagateLoader/syles.d.ts

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

package/components/animate/index.d.ts

@@ -3,3 +3,4 @@ export { IconButtonAnimate } from './IconButtonAnimate';
 export { MotionContainer } from './MotionContainer';
 export { MotionLazyContainer } from './MotionLazyContainer';
 export { LoadingScreen } from './LoadingScreen';
+export { PropagateLoader } from './PropagateLoader';

package/components/formatters/BooleanFormatter/{index.ae70b54f.js → index.35185e99.js}

@@ -1,13 +1,13 @@
 import { useModuleDictionary, useEnvironment, getPropertyByString } from "@m4l/core";
-import React from "react";
-import { I as Icon } from "../../Icon/index.619c31c4.js";
+import React__default from "react";
+import { I as Icon } from "../../Icon/index.619fa9ad.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
 function BooleanFormatter(props) {
   const {
     presentationType,
     value,
-    Component = React.Fragment
+    Component = React__default.Fragment
   } = props;
   const {
     getLabel
@@ -40,7 +40,7 @@ function columnBooleanFormatter(props) {
   const {
     fieldValue,
     presentationType,
-    Component = React.Fragment
+    Component = React__default.Fragment
   } = props;
   return (obProps) => {
     return /* @__PURE__ */ jsx(BooleanFormatter, {

package/components/formatters/DateFormatter/{index.ed73f8ae.js → index.8494575f.js}

@@ -1,6 +1,6 @@
-import React from "react";
+import React__default from "react";
 import { getPropertyByString } from "@m4l/core";
-import "../../Icon/index.619c31c4.js";
+import "../../Icon/index.619fa9ad.js";
 import "@mui/material/styles";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { useFormatter } from "@m4l/graphics";
@@ -9,7 +9,7 @@ function DateFormatter(props) {
     presentationType,
     value,
     format,
-    Component = React.Fragment
+    Component = React__default.Fragment
   } = props;
   const {
     dateFormatter
@@ -51,7 +51,7 @@ function columnDateFormatter(props) {
   const {
     fieldValue,
     presentationType,
-    Component = React.Fragment
+    Component = React__default.Fragment
   } = props;
   return (obProps) => {
     return /* @__PURE__ */ jsx(DateFormatter, {

package/components/formatters/{index.9bd10770.js → index.b7532df7.js}

@@ -1,7 +1,7 @@
-import React from "react";
+import React__default from "react";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
-import "../Icon/index.619c31c4.js";
+import "../Icon/index.619fa9ad.js";
 import "@mui/material/styles";
 import "@m4l/graphics";
 function UncertaintyFormatter(props) {
@@ -9,7 +9,7 @@ function UncertaintyFormatter(props) {
     value,
     unit,
     symbol,
-    Component = React.Fragment
+    Component = React__default.Fragment
   } = props;
   if (value === void 0 || value === null || !Array.isArray(value)) {
     return /* @__PURE__ */ jsx(Fragment, {
@@ -30,7 +30,7 @@ function PointsFormatter(props) {
   const {
     value,
     unit,
-    Component = React.Fragment
+    Component = React__default.Fragment
   } = props;
   if (value === void 0 || value === null || !Array.isArray(value)) {
     return /* @__PURE__ */ jsx(Fragment, {
@@ -50,7 +50,7 @@ function PointsFormatter(props) {
 function PriceFormatter(props) {
   const {
     value,
-    Component = React.Fragment
+    Component = React__default.Fragment
   } = props;
   return /* @__PURE__ */ jsx(Component, {
     children: `${value}$Cop`
@@ -100,7 +100,7 @@ function columnPointsFormatter(props) {
 function columnNestedValueFormatter(props) {
   const {
     fieldValue,
-    Component = React.Fragment
+    Component = React__default.Fragment
   } = props;
   return (obProps) => {
     return /* @__PURE__ */ jsx(Component, {

package/components/hook-form/RHFDateTime/{index.e70d2de3.js → index.7f1cbd85.js}

@@ -70,7 +70,6 @@ function RHFDateTime(props) {
         error
       }
     }) => {
-      console.log("RHFDateTime", value, datetimeFormat, datetimeMask);
       return /* @__PURE__ */ jsx(DateTimePicker, {
         ampm: false,
         ...(() => {

package/components/hook-form/RHFPeriod/{index.fa8426ac.js → index.e8c2c210.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
 import { E as ErrorLabel } from "../../ErrorLabel/index.c8615f16.js";
-import { P as Period } from "../../Period/index.111600f2.js";
+import { P as Period } from "../../Period/index.f17be628.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

package/components/hook-form/RHFTextField/{index.f9aaaa90.js → index.3cb4b35f.js}

@@ -1,7 +1,7 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, TextField, InputAdornment } from "@mui/material";
 import { forwardRef, useState } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.a321e5cb.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.25ff14bd.js";
 import { useFormContext, Controller } from "react-hook-form";
 import { jsx, jsxs } from "react/jsx-runtime";
 const WrapperSkeletonRHFTextField = styled("div")(({

package/components/hook-form/RHFTextField/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { RHFTextFieldProps } from './types';
-export declare const RHFTextField: import("react").ForwardRefExoticComponent<(Pick<RHFTextFieldProps & import("@mui/material").StandardTextFieldProps, "value" | "error" | "select" | "dir" | "label" | "slot" | "style" | "title" | "onChange" | "disabled" | "children" | "aria-label" | "aria-labelledby" | "tabIndex" | "key" | "rows" | "onFocus" | "className" | "onMouseEnter" | "id" | "aria-rowindex" | "onScroll" | "onCopy" | "onPaste" | "aria-describedby" | "onResize" | "type" | "hidden" | "name" | "placeholder" | "maxRows" | "minRows" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "classes" | "color" | "margin" | "translate" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "autoFocus" | "required" | "size" | "focused" | "variant" | "inputProps" | "inputRef" | "fullWidth" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "SelectProps" | "skeletonVariant" | "skeletonWidth" | "skeletonHeight"> | Pick<RHFTextFieldProps & import("@mui/material").FilledTextFieldProps, "value" | "error" | "select" | "dir" | "label" | "slot" | "style" | "title" | "onChange" | "disabled" | "children" | "aria-label" | "aria-labelledby" | "tabIndex" | "key" | "rows" | "onFocus" | "className" | "onMouseEnter" | "id" | "aria-rowindex" | "onScroll" | "onCopy" | "onPaste" | "aria-describedby" | "onResize" | "type" | "hidden" | "name" | "placeholder" | "maxRows" | "minRows" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "classes" | "color" | "margin" | "translate" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "autoFocus" | "required" | "size" | "focused" | "variant" | "inputProps" | "inputRef" | "fullWidth" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "SelectProps" | "skeletonVariant" | "skeletonWidth" | "skeletonHeight"> | Pick<RHFTextFieldProps & import("@mui/material").OutlinedTextFieldProps, "value" | "error" | "select" | "dir" | "label" | "slot" | "style" | "title" | "onChange" | "disabled" | "children" | "aria-label" | "aria-labelledby" | "tabIndex" | "key" | "rows" | "onFocus" | "className" | "onMouseEnter" | "id" | "aria-rowindex" | "onScroll" | "onCopy" | "onPaste" | "aria-describedby" | "onResize" | "type" | "hidden" | "name" | "placeholder" | "maxRows" | "minRows" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "classes" | "color" | "margin" | "translate" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "autoFocus" | "required" | "size" | "focused" | "variant" | "inputProps" | "inputRef" | "fullWidth" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "SelectProps" | "skeletonVariant" | "skeletonWidth" | "skeletonHeight">) & import("react").RefAttributes<HTMLInputElement>>;
+export declare const RHFTextField: import("react").ForwardRefExoticComponent<(Omit<RHFTextFieldProps & import("@mui/material").StandardTextFieldProps, "ref"> | Omit<RHFTextFieldProps & import("@mui/material").FilledTextFieldProps, "ref"> | Omit<RHFTextFieldProps & import("@mui/material").OutlinedTextFieldProps, "ref">) & import("react").RefAttributes<HTMLInputElement>>;

package/components/mui_extended/Accordion/{index.a02ac6ae.js → index.86b97783.js}

@@ -1,7 +1,7 @@
 import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.a321e5cb.js";
+import { I as IconButton } from "../IconButton/index.25ff14bd.js";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.619c31c4.js";
+import { I as Icon } from "../../Icon/index.619fa9ad.js";
 import { styled } from "@mui/material/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
 styled("div")(({

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AvatarProps } from './types';
-export declare const Avatar: import("react").ForwardRefExoticComponent<Pick<AvatarProps, "dir" | "slot" | "style" | "title" | "onChange" | "children" | "aria-label" | "aria-labelledby" | "tabIndex" | "key" | "onFocus" | "className" | "onMouseEnter" | "id" | "aria-rowindex" | "onScroll" | "onCopy" | "onPaste" | "aria-describedby" | "onResize" | "hidden" | "src" | "placeholder" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "classes" | "color" | "translate" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alt" | "sizes" | "srcSet" | "variant" | "imgProps"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default Avatar;

package/components/mui_extended/Button/{index.1d13f53b.js → index.6bdb0b2d.js}

@@ -3,9 +3,9 @@ import { Skeleton, styled, IconButton as IconButton$1, Tooltip } from "@mui/mate
 import MuiButton from "@mui/material/Button";
 import { jsx } from "react/jsx-runtime";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { I as IconButton } from "../IconButton/index.a321e5cb.js";
+import { I as IconButton } from "../IconButton/index.25ff14bd.js";
 import { styled as styled$1, alpha } from "@mui/material/styles";
-import { u as useBase } from "../../DynamicFilter/index.31876c9f.js";
+import { u as useBase } from "../../DynamicFilter/index.12df5a80.js";
 import { useMemo } from "react";
 import { I as Image } from "../../Image/index.93d5f37f.js";
 const Button = (props) => {

package/components/mui_extended/IconButton/{index.a321e5cb.js → index.25ff14bd.js}

@@ -3,7 +3,7 @@ import { forwardRef, useMemo } from "react";
 import { IconButton as IconButton$1, Box, Skeleton, Tooltip } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.619c31c4.js";
+import { I as Icon } from "../../Icon/index.619fa9ad.js";
 const varSmall = {
   hover: {
     scale: 1.1

package/components/mui_extended/LinearProgress/index.c92b9ba9.js

@@ -0,0 +1,13 @@
+import { LinearProgress as LinearProgress$1 } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+const LinearProgress = (props) => {
+  const {
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx(LinearProgress$1, {
+    ...other
+  });
+};
+export {
+  LinearProgress as L
+};

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

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

package/components/mui_extended/MenuActions/styles.d.ts

@@ -6,7 +6,7 @@ export declare const WrapperMenuActions: import("@emotion/styled").StyledCompone
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
+    size?: "small" | "large" | "medium" | undefined;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
 } & Omit<{
     action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
@@ -24,7 +24,7 @@ export declare const WrapperMenuActions: import("@emotion/styled").StyledCompone
     tabIndex?: number | undefined;
     TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "children" | "tabIndex" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "sx" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "disabled" | "children" | "tabIndex" | "color" | "size" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const LabelMemuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Pager/{index.72b43352.js → index.66593ad3.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { Skeleton, TablePagination } from "@mui/material";
-import { P as PagerActions } from "../../CommonActions/components/Actions/index.2ce05d29.js";
+import { P as PagerActions } from "../../CommonActions/components/Actions/index.c87086ac.js";
 import { styled } from "@mui/material/styles";
 import { jsxs, jsx } from "react/jsx-runtime";
 styled("div")(() => ({

package/components/mui_extended/Popover/{index.028756ac.js → index.4c70cdba.js}

@@ -3,18 +3,18 @@ import { Popover as Popover$1, styled as styled$1, Stack, MenuItem } from "@mui/
 import { I as Image } from "../../Image/index.93d5f37f.js";
 import { useLocales } from "@m4l/graphics";
 import { useEnvironment, useNetwork } from "@m4l/core";
-import "../../Icon/index.619c31c4.js";
+import "../../Icon/index.619fa9ad.js";
 import { styled } from "@mui/material/styles";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../Accordion/index.a02ac6ae.js";
+import "../Accordion/index.86b97783.js";
 import "../Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import { C as CircularProgress } from "../CircularProgress/index.ad569afd.js";
 import "@mui/lab";
-import { I as ImageButton } from "../Button/index.1d13f53b.js";
-import "../../CommonActions/components/Actions/index.2ce05d29.js";
-import "../Pager/index.72b43352.js";
+import { I as ImageButton } from "../Button/index.6bdb0b2d.js";
+import "../../CommonActions/components/Actions/index.c87086ac.js";
+import "../Pager/index.66593ad3.js";
 import "../Tab/index.e0653a0a.js";
 const ArrowStyle = styled("span")(({
   arrowType,
@@ -177,7 +177,6 @@ function LanguagePopover() {
   const [loading, setLoading] = useState(false);
   const [allLocales, setAllLocales] = useState([]);
   const handleOpen = (event) => {
-    console.log("handleOpen", allLocales, loading);
     setOpen(event.currentTarget);
   };
   const handleClose = () => {
@@ -196,7 +195,6 @@ function LanguagePopover() {
         domain_token
       }
     }).then((response) => {
-      console.log("Response", response.data);
       if (mounted) {
         setAllLocales(response.data);
       }
@@ -207,7 +205,6 @@ function LanguagePopover() {
       mounted = false;
     };
   }, [open]);
-  console.log("Render lang", allLocales, loading);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsx(ImageButton, {
       className: "m4l_language_popover",

package/components/mui_extended/index.d.ts

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

package/contexts/ModalContext/{index.cc3690d3.js → index.6d1021d4.js}

@@ -4,10 +4,10 @@ import { Typography } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { B as BoxIcon } from "../../components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as ModalDialog } from "../../components/ModalDialog/index.3e5675c4.js";
-import { A as ActionIntro } from "../../components/CommonActions/components/ActionIntro/index.591a8195.js";
-import { A as ActionCancel } from "../../components/CommonActions/components/ActionCancel/index.a57fcfae.js";
-import { b as getVariantColor } from "../../utils/index.214d9542.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.6bec80b1.js";
+import { A as ActionIntro } from "../../components/CommonActions/components/ActionIntro/index.fdd7e34d.js";
+import { A as ActionCancel } from "../../components/CommonActions/components/ActionCancel/index.01a86ee6.js";
+import { b as getVariantColor } from "../../utils/index.f3bfdc22.js";
 const WrapperContentConfirm = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -90,7 +90,6 @@ function ModalProvider({
     fullScreen: false
   });
   const openModal = (modalOpenProps) => {
-    console.log("modal props", modalOpenProps);
     setModalOptions({
       open: true,
       ...modalOpenProps

package/contexts/RHFormContext/{index.f8c00745.js → index.d88e6e27.js}

@@ -41,7 +41,6 @@ function RHFormProvider(props) {
   }, [methods, statusLoad, values]);
   useEffect(() => {
     if (statusLoad === "ready") {
-      console.log("useEffect FormProvider Ready", statusLoad);
       methods.setValue("statusLoad", "ready", {
         shouldValidate: false,
         shouldDirty: false,

package/hooks/useModal/{index.78ee58f3.js → index.ee8b9d9f.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.cc3690d3.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.6d1021d4.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)

package/index.js

@@ -1,10 +1,11 @@
-import { I, a } from "./components/mui_extended/IconButton/index.a321e5cb.js";
+import { I, a } from "./components/mui_extended/IconButton/index.25ff14bd.js";
 import "framer-motion";
 import "@mui/material";
 import "react/jsx-runtime";
 import "@mui/material/styles";
 import "react-router-dom";
 import { L } from "./components/animate/LoadingScreen/index.1d0c4307.js";
+import { P } from "./components/animate/PropagateLoader/index.d5c18992.js";
 import "@m4l/core";
 import "react-hook-form";
 import { R, g } from "./components/hook-form/RHFAutocomplete/index.de93fe01.js";
@@ -13,46 +14,46 @@ import { I as I2 } from "./components/Image/index.93d5f37f.js";
 import "lodash/debounce";
 import { R as R2 } from "./components/hook-form/RHFCheckbox/index.6dcec9e2.js";
 import "@mui/x-date-pickers";
-import { R as R3 } from "./components/hook-form/RHFDateTime/index.e70d2de3.js";
+import { R as R3 } from "./components/hook-form/RHFDateTime/index.7f1cbd85.js";
 import "@m4l/graphics";
-import { R as R4, a as a2 } from "./components/hook-form/RHFTextField/index.f9aaaa90.js";
-import { I as I3 } from "./components/Icon/index.619c31c4.js";
-import { R as R5 } from "./components/hook-form/RHFPeriod/index.fa8426ac.js";
+import { R as R4, a as a2 } from "./components/hook-form/RHFTextField/index.3cb4b35f.js";
+import { I as I3 } from "./components/Icon/index.619fa9ad.js";
+import { R as R5 } from "./components/hook-form/RHFPeriod/index.e8c2c210.js";
 import { E } from "./components/ErrorLabel/index.c8615f16.js";
-import { P, g as g2 } from "./components/Period/index.111600f2.js";
-import { b, M, d, g as g3 } from "./components/CommonActions/components/Actions/index.2ce05d29.js";
+import { P as P2, g as g2 } from "./components/Period/index.f17be628.js";
+import { b, M, d, g as g3 } from "./components/CommonActions/components/Actions/index.c87086ac.js";
 import "@mui/material/Button";
-import { M as M2, a as a3 } from "./contexts/ModalContext/index.cc3690d3.js";
+import { M as M2, a as a3 } from "./contexts/ModalContext/index.6d1021d4.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
 import { R as R6 } from "./components/hook-form/RHFUpload/index.d5cc7c13.js";
-import { A } from "./components/mui_extended/Accordion/index.a02ac6ae.js";
+import { A } from "./components/mui_extended/Accordion/index.86b97783.js";
 import { A as A2 } from "./components/mui_extended/Avatar/index.fe06afd7.js";
-import { B, L as L2 } from "./components/mui_extended/Button/index.1d13f53b.js";
-import { L as L3, P as P2 } from "./components/mui_extended/Popover/index.028756ac.js";
-import { P as P3, g as g4 } from "./components/mui_extended/Pager/index.72b43352.js";
+import { B, L as L2 } from "./components/mui_extended/Button/index.6bdb0b2d.js";
+import { L as L3, P as P3 } from "./components/mui_extended/Popover/index.4c70cdba.js";
+import { P as P4, g as g4 } from "./components/mui_extended/Pager/index.66593ad3.js";
 import { T } from "./components/mui_extended/Tab/index.e0653a0a.js";
-import { D, N, T as T2, g as g5 } from "./components/DataGrid/index.07162c02.js";
+import { D, N, T as T2, g as g5 } from "./components/DataGrid/index.fc1ace65.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { S } from "./components/ScrollBar/index.39eeb2de.js";
-import { D as D2, d as d2, g as g6 } from "./components/DynamicFilter/index.31876c9f.js";
+import { D as D2, d as d2, g as g6 } from "./components/DynamicFilter/index.12df5a80.js";
 import "simplebar/dist/simplebar.min.css";
 import "@hookform/resolvers/yup";
-import { R as R7 } from "./contexts/RHFormContext/index.f8c00745.js";
+import { R as R7 } from "./contexts/RHFormContext/index.d88e6e27.js";
 import "yup";
-import "./react-draggable.20e95c61.js";
-import { M as M3, d as d3, g as g7 } from "./components/ModalDialog/index.3e5675c4.js";
-import { R as R8 } from "./components/Resizeable/index.45995d2b.js";
+import "./react-draggable.a09b624f.js";
+import { M as M3, d as d3, g as g7 } from "./components/ModalDialog/index.6bec80b1.js";
+import { R as R8 } from "./components/Resizeable/index.d27b0310.js";
 import { N as N2, d as d4, g as g8 } from "./components/NoItemSelected/index.46d2f632.js";
-import { O, d as d5, g as g9 } from "./components/ObjectLogs/index.35dbf836.js";
-import "./react-json-view.f56a7f8e.js";
-import { P as P4 } from "./components/PaperForm/index.ec9cb8c9.js";
+import { O, d as d5, g as g9 } from "./components/ObjectLogs/index.93488e5f.js";
+import "./react-json-view.57125fcf.js";
+import { P as P5 } from "./components/PaperForm/index.9582ff5e.js";
 import { H } from "./components/Page/index.4237c241.js";
-import { P as P5 } from "./components/PropertyValue/index.dfcfe1ba.js";
-import "./react-splitter-layout.7810ac1b.js";
-import { S as S2 } from "./components/SplitLayout/index.4032673d.js";
+import { P as P6 } from "./components/PropertyValue/index.dfcfe1ba.js";
+import "./react-splitter-layout.8b1655c8.js";
+import { S as S2 } from "./components/SplitLayout/index.5a8355d8.js";
 import { v } from "./components/animate/variants/fade.b561c0fc.js";
 import { v as v2 } from "./components/animate/variants/bounce.784aaaaa.js";
 import { v as v3 } from "./components/animate/variants/container.11f82b76.js";
@@ -66,27 +67,29 @@ import { R as R12 } from "./components/hook-form/RHFRadioGroup/index.b3335e13.js
 import { B as B2 } from "./components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { B as B3 } from "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
 import { C } from "./components/mui_extended/CircularProgress/index.ad569afd.js";
-import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
+import { L as L4 } from "./components/mui_extended/LinearProgress/index.c92b9ba9.js";
+import { L as L5 } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
 import { T as T3 } from "./components/mui_extended/Typography/index.e5494696.js";
-import { B as B4, c } from "./components/formatters/BooleanFormatter/index.ae70b54f.js";
-import { D as D3, c as c2 } from "./components/formatters/DateFormatter/index.ed73f8ae.js";
-import { P as P6, a as a5, U, e, b as b3, c as c3, d as d6, g as g11 } from "./components/formatters/index.9bd10770.js";
-import { A as A3 } from "./components/CommonActions/components/ActionCancel/index.a57fcfae.js";
-import { A as A4 } from "./components/CommonActions/components/ActionIntro/index.591a8195.js";
-import { A as A5 } from "./components/CommonActions/components/ActionFormCancel/index.b8215cd2.js";
+import { B as B4, c } from "./components/formatters/BooleanFormatter/index.35185e99.js";
+import { D as D3, c as c2 } from "./components/formatters/DateFormatter/index.8494575f.js";
+import { P as P7, a as a5, U, e, b as b3, c as c3, d as d6, g as g11 } from "./components/formatters/index.b7532df7.js";
+import { A as A3 } from "./components/CommonActions/components/ActionCancel/index.01a86ee6.js";
+import { A as A4 } from "./components/CommonActions/components/ActionIntro/index.fdd7e34d.js";
+import { A as A5 } from "./components/CommonActions/components/ActionFormCancel/index.e18a3161.js";
 import { A as A6 } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
-import { L as L5 } from "./components/Loadable/index.f5518558.js";
+import { L as L6 } from "./components/Loadable/index.55b8adb7.js";
 import { S as S3 } from "./components/ScrollToTop/index.e06f98f6.js";
 import { u } from "./hooks/useFormAddEdit/index.d4845f1a.js";
-import { u as u2 } from "./hooks/useModal/index.78ee58f3.js";
-import { L as L6 } from "./assets/Logo/index.228dcb5a.js";
-import "./utils/index.214d9542.js";
+import { u as u2 } from "./hooks/useModal/index.ee8b9d9f.js";
+import { L as L7 } from "./assets/Logo/index.228dcb5a.js";
+import "./node_modules.51fc30d1.js";
+import "./utils/index.f3bfdc22.js";
 import "./react-data-grid.d46d625e.js";
 import "clsx";
 import "simplebar-react";
 import "prop-types";
 import "react-dom";
-import "./react-resizable.5277deaf.js";
+import "./react-resizable.be53ee35.js";
 import "./commonjs.565e6834.js";
 import "react-helmet-async";
 export {
@@ -112,11 +115,12 @@ export {
   a as IconButtonAnimate,
   I2 as Image,
   L3 as LanguagePopover,
-  L4 as LinkWithRoute,
-  L5 as Loadable,
+  L4 as LinearProgress,
+  L5 as LinkWithRoute,
+  L6 as Loadable,
   L2 as LoadingButton,
   L as LoadingScreen,
-  L6 as Logo,
+  L7 as Logo,
   M as MenuActions,
   M2 as ModalContext,
   M3 as ModalDialog,
@@ -126,13 +130,14 @@ export {
   N2 as NoItemSelected,
   N as NumberEditor,
   O as ObjectLogs,
-  P3 as Pager,
-  P4 as PaperForm,
-  P as Period,
-  P6 as PointsFormatter,
-  P2 as Popover,
+  P4 as Pager,
+  P5 as PaperForm,
+  P2 as Period,
+  P7 as PointsFormatter,
+  P3 as Popover,
   a5 as PriceFormatter,
-  P5 as PropertyValue,
+  P as PropagateLoader,
+  P6 as PropertyValue,
   R as RHFAutocomplete,
   R9 as RHFAutocompleteAsync,
   R2 as RHFCheckbox,

package/node_modules.51fc30d1.js

@@ -0,0 +1,63 @@
+import "react";
+var cssUnit = {
+  cm: true,
+  mm: true,
+  in: true,
+  px: true,
+  pt: true,
+  pc: true,
+  em: true,
+  ex: true,
+  ch: true,
+  rem: true,
+  vw: true,
+  vh: true,
+  vmin: true,
+  vmax: true,
+  "%": true
+};
+function parseLengthAndUnit(size) {
+  if (typeof size === "number") {
+    return {
+      value: size,
+      unit: "px"
+    };
+  }
+  var value;
+  var valueString = (size.match(/^[0-9.]*/) || "").toString();
+  if (valueString.includes(".")) {
+    value = parseFloat(valueString);
+  } else {
+    value = parseInt(valueString, 10);
+  }
+  var unit = (size.match(/[^0-9]*$/) || "").toString();
+  if (cssUnit[unit]) {
+    return {
+      value,
+      unit
+    };
+  }
+  console.warn("React Spinners: ".concat(size, " is not a valid css value. Defaulting to ").concat(value, "px."));
+  return {
+    value,
+    unit: "px"
+  };
+}
+var createAnimation = function(loaderName, frames, suffix) {
+  var animationName = "react-spinners-".concat(loaderName, "-").concat(suffix);
+  if (typeof window == "undefined" || !window.document) {
+    return animationName;
+  }
+  var styleEl = document.createElement("style");
+  document.head.appendChild(styleEl);
+  var styleSheet = styleEl.sheet;
+  var keyFrames = "\n    @keyframes ".concat(animationName, " {\n      ").concat(frames, "\n    }\n  ");
+  if (styleSheet) {
+    styleSheet.insertRule(keyFrames, 0);
+  }
+  return animationName;
+};
+export {
+  createAnimation as c,
+  parseLengthAndUnit as p
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.29",
+  "version": "0.1.31",
   "license": "UNLICENSED",
   "dependencies": {
     "@hookform/resolvers": "^2.9.10",
@@ -11,6 +11,7 @@
     "react-helmet-async": "^1.3.0",
     "react-hook-form": "^7.33.1",
     "react-router-dom": "6.3.0",
+    "react-spinners": "^0.13.8",
     "simplebar-react": "2.4.1",
     "yup": "^0.32.11"
   },

package/{react-draggable.20e95c61.js → react-draggable.a09b624f.js}

@@ -1,8 +1,8 @@
-import React$1 from "react";
+import React__default from "react";
 import require$$1 from "prop-types";
 import require$$2 from "react-dom";
 import clsx from "clsx";
-import { s as shims, l as log, d as domFns, p as positionFns } from "./utils/index.214d9542.js";
+import { s as shims, l as log, d as domFns, p as positionFns } from "./utils/index.f3bfdc22.js";
 var cjs = { exports: {} };
 var Draggable$1 = {};
 var DraggableCore$2 = {};
@@ -18,7 +18,7 @@ Object.defineProperty(DraggableCore$2, "__esModule", {
   value: true
 });
 DraggableCore$2.default = void 0;
-var React = _interopRequireWildcard(React$1);
+var React = _interopRequireWildcard(React__default);
 var _propTypes = _interopRequireDefault(require$$1);
 var _reactDom = _interopRequireDefault(require$$2);
 var _domFns = domFns;
@@ -480,7 +480,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
     }
   });
   exports.default = void 0;
-  var React2 = _interopRequireWildcard2(React$1);
+  var React2 = _interopRequireWildcard2(React__default);
   var _propTypes2 = _interopRequireDefault2(require$$1);
   var _reactDom2 = _interopRequireDefault2(require$$2);
   var _clsx2 = _interopRequireDefault2(clsx);

package/{react-json-view.f56a7f8e.js → react-json-view.57125fcf.js}

@@ -1,9 +1,9 @@
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./commonjs.565e6834.js";
-import React from "react";
+import React__default from "react";
 var main = { exports: {} };
 (function(module, exports) {
   !function(e, t) {
-    module.exports = t(React);
+    module.exports = t(React__default);
   }(commonjsGlobal, function(e) {
     return function(e2) {
       var t = {};

package/{react-resizable.5277deaf.js → react-resizable.be53ee35.js}

@@ -1,6 +1,6 @@
-import React$2 from "react";
-import { c as cjs } from "./react-draggable.20e95c61.js";
-import { u as utils } from "./utils/index.214d9542.js";
+import React__default from "react";
+import { c as cjs } from "./react-draggable.a09b624f.js";
+import { u as utils } from "./utils/index.f3bfdc22.js";
 import require$$1 from "prop-types";
 var reactResizable = { exports: {} };
 var Resizable$1 = {};
@@ -47,7 +47,7 @@ var resizableProps = {
 propTypes.resizableProps = resizableProps;
 Resizable$1.__esModule = true;
 Resizable$1.default = void 0;
-var React$1 = _interopRequireWildcard$1(React$2);
+var React$1 = _interopRequireWildcard$1(React__default);
 var _reactDraggable = cjs.exports;
 var _utils = utils;
 var _propTypes$1 = propTypes;
@@ -335,7 +335,7 @@ Resizable.defaultProps = {
 var ResizableBox$2 = {};
 ResizableBox$2.__esModule = true;
 ResizableBox$2.default = void 0;
-var React = _interopRequireWildcard(React$2);
+var React = _interopRequireWildcard(React__default);
 var _propTypes = _interopRequireDefault(require$$1);
 var _Resizable = _interopRequireDefault(Resizable$1);
 var _propTypes2 = propTypes;

package/{react-splitter-layout.7810ac1b.js → react-splitter-layout.8b1655c8.js}

@@ -1,10 +1,10 @@
 import { g as getDefaultExportFromCjs } from "./commonjs.565e6834.js";
 import require$$1 from "prop-types";
-import React from "react";
+import React__default from "react";
 var lib = { exports: {} };
 (function(module, exports) {
   !function(e, t) {
-    module.exports = t(require$$1, React);
+    module.exports = t(require$$1, React__default);
   }(window, function(e, t) {
     return function(e2) {
       var t2 = {};

package/utils/{index.214d9542.js → index.f3bfdc22.js}

@@ -1,4 +1,4 @@
-import React from "react";
+import React__default from "react";
 const getPaletteColor = function(palette, s) {
   s = s.replace(/\[(\w+)\]/g, ".$1");
   s = s.replace(/^\./, "");
@@ -518,7 +518,7 @@ function log() {
 var utils = {};
 utils.__esModule = true;
 utils.cloneElement = cloneElement;
-var _react = _interopRequireDefault(React);
+var _react = _interopRequireDefault(React__default);
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }