@m4l/components 0.1.76 → 0.1.78

package/components/areas/contexts/AreasContext/types.d.ts

@@ -1,11 +1,13 @@
 import { GetLabelType, NetworkProps } from '@m4l/core';
 import { ReactNode } from 'react';
-import { CookieType, HashWindowsByLayouts, HashWindowsByModals, HashWindowsByPopups, ModalStateProps, AreaWindowAction, NewLayoutProps, NewModalProps, NewPopUpProps, NewWindowProps, ToastyOptions, WinType, WindowStateProps } from '../../types';
+import { CookieType, HashWindowsByModals, ModalStateProps, AreaWindowAction, NewModalProps, NewLayoutMoveableProps, NewWindowProps, ToastyOptions, WinType, WindowStateProps, NewLayoutMagnetizableProps } from '../../types';
 import { ViwerClasses } from '../../components/AreasViewer/classes';
 import { AdminClasses } from '../../components/AreasAdmin/classes';
-import { Layout, Layouts } from 'react-grid-layout';
 import { DebouncedFunc } from 'lodash';
-export declare type WinLayout = Layout & {
+import { LayoutItem } from '../../../GridLayout';
+import { Breakpoint, ContainerChangeEvent, LayoutsNotReadonly } from '../../../GridLayout/subcomponents/Responsive/types';
+import { LayoutNotReadOnly } from '../../../GridLayout/types';
+export declare type WinLayoutItem = LayoutItem & {
     winType: WinType;
 };
 export declare type Breakpoints = {
@@ -22,18 +24,19 @@ export interface Area {
     status: AreaStatus;
     zPopUpIndex: number;
     loadWindows: boolean;
-    breakPointsLayouts: Layouts;
-    beforeMaximizebreakpointsLayouts: Layouts;
-    windowsLayouts: Layout[];
-    windowsPopUps: string[];
-    hashWindowsPopups: HashWindowsByPopups;
-    hashWindowsLayouts: HashWindowsByLayouts;
+    /**
+     *  "containerHeight" Altura del contendor de area, se deja en cada área porque solo llegan en eventos de resize cuando está diferente a display "none"
+     */
+    containerHeight?: number;
+    currentBreakpoint?: Breakpoint;
+    layouts: LayoutsNotReadonly;
+    maximizedId?: string | undefined;
+    /** Son los ids de las ventanas, iterar con keys, destruye los componentes en un map */
+    layoutItemsIds: string[];
     currentLayoutId: string;
     currentPopUpId: string;
     breakpoints: Breakpoints;
     cols: Cols;
-    viewMode: ViewAreaMode;
-    singleId?: string;
 }
 /**
  * @description estado de carga de las areaS de trabajo.
@@ -101,7 +104,7 @@ export interface AreasState {
     /**
      *  "areas" Areas de trabajo
      */
-    areas: Area[];
+    areas: string[];
     /**
      *  "hashAreas" Areas de trabajo
      */
@@ -165,17 +168,16 @@ export interface AreasStateWithActions extends AreasState {
         addWindow: (newWindow: NewWindowProps) => void;
         closeWindowModal: (removeModalId: string) => void;
         addWindowModal: (areaId: string, windowId: string, newWindowModalProps: NewModalProps) => void;
-        closeWindowPopUp: (areaId: string, removePopUpId: string) => void;
-        selectWindowPopUp: (areaId: string, popUpId: string) => void;
-        addWindowPopUp: (areaId: string, windowId: string, newWindowPopupProps: NewPopUpProps) => void;
-        closeWindowLayout: (areaId: string, removeLayoutId: string) => void;
-        selectWindowLayout: (areaId: string, layoutId: string) => void;
-        addWindowLayout: (areaId: string, windowId: string, newWindow: NewLayoutProps) => void;
+        closeLayout: (areaId: string, removePopUpId: string) => void;
+        selectLayout: (areaId: string, layoutId: string) => void;
+        addLayout: (areaId: string, windowId: string, newWindow: NewLayoutMagnetizableProps | NewLayoutMoveableProps) => void;
         saveLayouts: (areaId: string) => void;
-        onBreakpointsLayoutsChange: (areaId: string, currentLayouts: Layout[], newAllLayouts: Layouts) => void;
+        onBreakpointsLayoutsChange: (areaId: string, currentLayout: LayoutNotReadOnly, newAllLayouts: LayoutsNotReadonly) => void;
+        onContainerChange: (areaId: string, e: ContainerChangeEvent) => void;
         bouncedSaveBreakpointsLayouts: DebouncedFunc<(areaId: string) => void>;
+        colapseLayoutItem: (areaId: string, layoutId: string) => void;
+        unColapseLayoutItem: (areaId: string, layoutId: string) => void;
         maximizeLayout: (areaId: string, layoutId?: string) => void;
-        resizeMaximixedLayout: (areaId: string) => void;
         normalizeLayouts: (areaId: string) => void;
         loadWindowsFromApi: (areaId: string) => void;
     };

package/components/areas/contexts/{index.1809650a.js → index.1ff9b360.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.f0397b7c.js";
+import "./AreasContext/index.02c4e7be.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/{dictionary.3fabae50.js → dictionary.afb7e3d9.js}

@@ -6,14 +6,17 @@ const LABEL_FILTER_BUTTON = "filter_tooltip";
 const DICCTIONARY = {
   label_new_area: "label_new_area",
   label_persist_module_cookies: "label_persist_module_cookies",
-  label_reset_module_cookies: "label_reset_module_cookies",
   validation_edit_area: "validation_edit_area",
   label_edit_area: "label_edit_area",
   label_delete_area: "label_delete_area",
+  label_window_colapse: "label_window_colapse",
+  label_window_un_colapse: "label_window_un_colapse",
   area_error_title: "area_error_title",
   area_error_description: "area_error_description",
   area_error_recommendation: "area_error_recommendation",
-  area_error_intro: "area_error_intro"
+  area_error_intro: "area_error_intro",
+  area_add_new: "area_add_new",
+  label_reset_module_cookies: "label_reset_module_cookies"
 };
 const getAreasDictionary = (key) => {
   return `${AREAS_DICTIONARY_ID}.${key}`;

package/components/areas/dictionary.d.ts

@@ -4,14 +4,17 @@ export declare const LABEL_FILTER_BUTTON = "filter_tooltip";
 export declare const DICCTIONARY: {
     readonly label_new_area: "label_new_area";
     readonly label_persist_module_cookies: "label_persist_module_cookies";
-    readonly label_reset_module_cookies: "label_reset_module_cookies";
     readonly validation_edit_area: "validation_edit_area";
     readonly label_edit_area: "label_edit_area";
     readonly label_delete_area: "label_delete_area";
+    readonly label_window_colapse: "label_window_colapse";
+    readonly label_window_un_colapse: "label_window_un_colapse";
     readonly area_error_title: "area_error_title";
     readonly area_error_description: "area_error_description";
     readonly area_error_recommendation: "area_error_recommendation";
     readonly area_error_intro: "area_error_intro";
+    readonly area_add_new: "area_add_new";
+    readonly label_reset_module_cookies: "label_reset_module_cookies";
 };
 export declare type TypeDictionary = typeof DICCTIONARY;
 export declare const getAreasDictionary: (key: keyof TypeDictionary) => string;

package/components/areas/hooks/useAreas/{index.40917e99.js → index.85e4b2e2.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.f0397b7c.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.02c4e7be.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/areas/{icons.19cde4b4.js → icons.8266ccc8.js}

@@ -2,6 +2,8 @@ const ICONS = {
   CLOSE: "close.svg",
   MAXIMIZE: "maximize.svg",
   NORMALIZE: "normalize.svg",
+  COLAPSE: "colapse.svg",
+  UNCOLPASE: "uncolapse.svg",
   RESET_COOKIES: "reset_cookies.svg",
   SAVE_COOKIES: "save_cookies.svg",
   DELETE_AREA: "delete_area.svg",
@@ -15,7 +17,9 @@ const ICONS = {
   SHOW_OPTIONS: "showMoreVertical.svg",
   CHEVRON_DOWN: "chevronDown.svg",
   TOASTY_CLOSE: "close.svg",
-  TOASTY_PIN: "pin.svg"
+  TOASTY_PIN: "pin.svg",
+  MODULE: "module.svg",
+  POPUP: "popup.svg"
 };
 export {
   ICONS as I

package/components/areas/icons.d.ts

@@ -2,6 +2,8 @@ export declare const ICONS: {
     CLOSE: string;
     MAXIMIZE: string;
     NORMALIZE: string;
+    COLAPSE: string;
+    UNCOLPASE: string;
     RESET_COOKIES: string;
     SAVE_COOKIES: string;
     DELETE_AREA: string;
@@ -16,4 +18,6 @@ export declare const ICONS: {
     CHEVRON_DOWN: string;
     TOASTY_CLOSE: string;
     TOASTY_PIN: string;
+    MODULE: string;
+    POPUP: string;
 };

package/components/areas/{index.9bd48013.js → index.d1dcccf5.js}

@@ -1,30 +1,31 @@
 import "react";
 import "@m4l/core";
 import "@mui/material";
-import "../Icon/index.9dae8337.js";
+import "../Icon/index.9fcd1476.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.1a9d4fa5.js";
+import "../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
 import "zustand";
-import "./contexts/AreasContext/index.f0397b7c.js";
-import "./components/AreasAdmin/index.946eebb9.js";
+import "./contexts/AreasContext/index.02c4e7be.js";
+import "./components/AreasAdmin/index.43ecd998.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/Accordion/index.9877f7bf.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.fdb5dcbd.js";
+import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
+import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "./components/AreasViewer/index.bf4191ea.js";
-import "../LinearProgressIndeterminate/index.d34d398f.js";
+import "./components/AreasViewer/index.14e62059.js";
+import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/areas/types.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import type { DynamicMFParameters } from './contexts/DynamicMFParmsContext/types';
-import type { Layout } from 'react-grid-layout';
 import type { DynamicMFStore } from './contexts/DynamicMFParmsContext/store';
 import type { MenuAction } from '../mui_extended';
+import { LayoutItem } from '../GridLayout';
 export declare type WindowActionType = 'main' | 'allways' | 'normal';
 export interface AreaWindowAction extends MenuAction {
     visibility: WindowActionType;
@@ -40,8 +40,14 @@ export interface ToastyOptions extends Pick<Toasty, 'message' | 'type' | 'replac
     timeoutMs?: number;
 }
 export declare type WindowState = {
+    /**
+     * status Indica el proceso de cargado de la ventana
+     */
     status: WindowStatus;
     dynamicMFStore: DynamicMFStore;
+    /**
+     * loading indica si la barra de progress aparece o no
+     */
     loading: boolean;
     version?: string;
     moduleActions: AreaWindowAction[];
@@ -66,51 +72,52 @@ export interface WindowBaseProps {
     onClose?: (windowId: string) => void;
     devCookies?: Cookies;
     windowOptions?: WindowOptions;
+    parentLayoutId?: string;
+    replaceMeId?: string;
 }
-export interface LayoutBaseProps extends WindowBaseProps {
+export interface LayoutMagnetizableBaseProps extends WindowBaseProps {
     emergeType: 'layout';
-    layoutProps: Omit<Layout, 'i'>;
+    layoutProps: Omit<LayoutItem, 'i'>;
 }
-export interface LayoutMFProps extends LayoutBaseProps {
+export interface LayoutMagnetizableMFProps extends LayoutMagnetizableBaseProps {
     winType: 'microfrontend';
     mfProps: MFBaseProps;
 }
-export interface LayoutComponentProps extends LayoutBaseProps {
+export interface LayoutMagnetizableComponentProps extends LayoutMagnetizableBaseProps {
     winType: 'component';
     component: JSX_REACT_NODE;
 }
-export declare type LayoutProps = LayoutMFProps | LayoutComponentProps;
-export declare type LayoutStateProps = LayoutProps & WindowState;
-export declare type NewLayoutProps = Omit<LayoutMFProps, 'windowId' | 'onClose' | 'areaId'> | Omit<LayoutComponentProps, 'windowId' | 'onClose' | 'areaId'>;
-export interface HashWindowsByLayouts {
-    [P: string]: LayoutStateProps;
-}
+export declare type LayoutMagentizableProps = LayoutMagnetizableMFProps | LayoutMagnetizableComponentProps;
+export declare type LayoutMagnetizableStateProps = LayoutMagentizableProps & WindowState;
+export declare type NewLayoutMagnetizableProps = Omit<LayoutMagnetizableMFProps, 'windowId' | 'onClose' | 'areaId'> | Omit<LayoutMagnetizableComponentProps, 'windowId' | 'onClose' | 'areaId'>;
 export declare type Position = {
     x: number;
     y: number;
     width: number;
     height: number;
 };
-export interface PopUpBaseProps extends WindowBaseProps {
+export interface LayoutMoveableBaseProps extends WindowBaseProps {
     emergeType: 'popup';
-    zIndex?: number;
-    windowProps: Pick<DOMRect, 'x' | 'y' | 'width' | 'height'>;
+    layoutProps: Omit<LayoutItem, 'i'>;
     parentLayoutId: string;
     replaceMeId?: string;
 }
-export interface PopUpMFProps extends PopUpBaseProps {
+export interface LayoutMoveableMFProps extends LayoutMoveableBaseProps {
     winType: 'microfrontend';
     mfProps: MFBaseProps;
 }
-export interface PopUpComponentProps extends PopUpBaseProps {
+export interface LayoutMoveableComponentProps extends LayoutMoveableBaseProps {
     winType: 'component';
     component: JSX_REACT_NODE;
 }
-export declare type PopUpProps = PopUpMFProps | PopUpComponentProps;
-export declare type PopUpStateProps = PopUpProps & WindowState;
-export declare type NewPopUpProps = Omit<PopUpMFProps, 'windowId' | 'onClose' | 'areaId'> | Omit<PopUpComponentProps, 'windowId' | 'onClose' | 'areaId'>;
+export declare type LayoutMoveableProps = LayoutMoveableMFProps | LayoutMoveableComponentProps;
+export declare type LayoutMoveableStateProps = LayoutMoveableProps & WindowState;
+export declare type NewLayoutMoveableProps = Omit<LayoutMoveableMFProps, 'windowId' | 'onClose' | 'areaId'> | Omit<LayoutMoveableComponentProps, 'windowId' | 'onClose' | 'areaId'>;
 export interface HashWindowsByPopups {
-    [P: string]: PopUpStateProps;
+    [P: string]: LayoutMoveableStateProps;
+}
+export interface HashWindowsByLayouts {
+    [P: string]: LayoutMagnetizableStateProps | LayoutMoveableStateProps;
 }
 export interface ModalBaseProps extends WindowBaseProps {
     emergeType: 'modal';
@@ -131,9 +138,9 @@ export declare type NewModalProps = Omit<ModalMFProps, 'windowId' | 'onClose' |
 export interface HashWindowsByModals {
     [P: string]: ModalStateProps;
 }
-export declare type WindowStateProps = (LayoutMFProps & WindowState) | (LayoutComponentProps & WindowState) | (PopUpMFProps & WindowState) | (PopUpComponentProps & WindowState) | (ModalMFProps & WindowState) | (ModalComponentProps & WindowState);
+export declare type WindowStateProps = (LayoutMagnetizableMFProps & WindowState) | (LayoutMagnetizableComponentProps & WindowState) | (LayoutMoveableMFProps & WindowState) | (LayoutMoveableComponentProps & WindowState) | (ModalMFProps & WindowState) | (ModalComponentProps & WindowState);
 export interface HashWindows {
     [P: string]: WindowStateProps;
 }
-export declare type NewWindowProps = NewLayoutProps | NewPopUpProps | NewModalProps;
+export declare type NewWindowProps = NewLayoutMagnetizableProps | NewLayoutMoveableProps | NewModalProps;
 export declare type AddWindow = (newWindow: NewWindowProps) => string;

package/components/formatters/BooleanFormatter/{index.431dc923.js → index.e8de8e4c.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.9dae8337.js";
+import { I as Icon } from "../../Icon/index.9fcd1476.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;

package/components/formatters/{index.e1af75e6.js → index.67aeb049.js}

@@ -2,11 +2,11 @@ import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import "react";
-import "../Icon/index.9dae8337.js";
+import "../Icon/index.9fcd1476.js";
 import "@mui/material";
 import "clsx";
 import "@m4l/graphics";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.431dc923.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.e8de8e4c.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.a063dc44.js → index.6aa51705.js}

@@ -1,28 +1,29 @@
-import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1, Skeleton, generateUtilityClasses, generateUtilityClass, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
 import { I as Image } from "../../Image/index.c18ebf5a.js";
-import { useMemo, useState, useEffect } from "react";
+import { useMemo, useRef, useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.9864f773.js";
+import { H as HelperText } from "../../HelperText/index.a019742c.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.12f1a3c3.js";
 import { styled } from "@mui/material/styles";
 import "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import "../../Icon/index.9dae8337.js";
-import "../../mui_extended/IconButton/index.1a9d4fa5.js";
+import "../../Icon/index.9fcd1476.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.3faafd8b.js";
+import "../../mui_extended/Accordion/index.9877f7bf.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.fdb5dcbd.js";
+import "../../mui_extended/Button/index.4288f9fc.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
+import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../../mui_extended/Pager/index.67bda2c5.js";
-import "../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../mui_extended/Pager/index.2f6d6d7d.js";
+import "../../mui_extended/Tab/index.7c82e43d.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const AutocompleteRoot = styled("div")(({
   theme
@@ -206,6 +207,11 @@ function RHFAutocomplete(props) {
   } = useModuleDictionary();
   const isSkeleton = useModuleSkeleton();
   const withImage = useMemo(() => getOptionUrlImage !== void 0, [getOptionUrlImage]);
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const autocompleteRef = useRef(null);
   const [open, setOpen] = useState(false);
   const onCloseLocal = (event, reason) => {
     setOpen(false);
@@ -303,6 +309,7 @@ function RHFAutocomplete(props) {
           }), /* @__PURE__ */ jsx(Autocomplete, {
             onKeyDown: checkKeyDown,
             autoComplete: true,
+            ref: autocompleteRef,
             onFocus: handleFocus,
             onBlur: handleBlur,
             autoSelect: false,
@@ -335,6 +342,7 @@ function RHFAutocomplete(props) {
             value: value || null,
             onOpen: onOpenLocal,
             onClose: onCloseLocal,
+            open,
             onChange: (_e, val) => {
               setInputValue(getOptionLabelLocal(val));
               onChange(val);
@@ -365,11 +373,15 @@ function RHFAutocomplete(props) {
                     width: imageWidth,
                     height: imageHeight
                   }, "ImageTextField") : null,
-                  endAdornment: /* @__PURE__ */ jsxs(Fragment, {
-                    children: [loading ? /* @__PURE__ */ jsx(CircularProgress, {
+                  endAdornment: /* @__PURE__ */ jsx(Fragment, {
+                    children: loading ? /* @__PURE__ */ jsx(CircularProgress, {
                       color: "inherit",
                       size: 20
-                    }) : null, params.InputProps.endAdornment]
+                    }) : /* @__PURE__ */ jsx(IconButton, {
+                      src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronRight.svg`,
+                      onClick: (event) => onOpenLocal(event),
+                      size: "small"
+                    })
                   })
                 },
                 autoComplete: "off",

package/components/hook-form/RHFAutocompleteAsync/{index.ddfd9cc9.js → index.1a3dfe5f.js}

@@ -5,7 +5,7 @@ import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.a063dc44.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.6aa51705.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.7e7f220b.js → index.a08a65b3.js}

@@ -5,7 +5,7 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.9864f773.js";
+import { H as HelperText } from "../../HelperText/index.a019742c.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFDateTime/{index.d330709b.js → index.4d671108.js}

@@ -6,23 +6,24 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormatter } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
-import "../../Icon/index.9dae8337.js";
+import "../../Icon/index.9fcd1476.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import "../../mui_extended/IconButton/index.1a9d4fa5.js";
-import "../../mui_extended/Accordion/index.3faafd8b.js";
+import "../../mui_extended/IconButton/index.12f1a3c3.js";
+import "../../mui_extended/Accordion/index.9877f7bf.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.fdb5dcbd.js";
+import "../../mui_extended/Button/index.4288f9fc.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
+import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../../mui_extended/Pager/index.67bda2c5.js";
-import "../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../mui_extended/Pager/index.2f6d6d7d.js";
+import "../../mui_extended/Tab/index.7c82e43d.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.9864f773.js";
+import { H as HelperText } from "../../HelperText/index.a019742c.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({
@@ -161,7 +162,7 @@ function RHFDateTime(props) {
             children: label
           }), /* @__PURE__ */ jsx(DateTimePicker, {
             inputRef: ref,
-            ampm: false,
+            ampm: true,
             value,
             onChange: (newValue) => {
               onChange(newValue);

package/components/hook-form/RHFPeriod/{index.e2b1293b.js → index.39b4be49.js}

@@ -1,7 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.9864f773.js";
-import { P as Period } from "../../Period/index.526791a3.js";
+import { H as HelperText } from "../../HelperText/index.a019742c.js";
+import { P as Period } from "../../Period/index.7b94c418.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 const RHFPeriodRoot = styled("div")(({

package/components/hook-form/RHFTextField/{index.e5336d09.js → index.9004e898.js}

@@ -1,18 +1,18 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.1a9d4fa5.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.12f1a3c3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.9dae8337.js";
+import "../../Icon/index.9fcd1476.js";
 import "clsx";
 import "@m4l/graphics";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.008b4c2a.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.c43a95f4.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.9864f773.js";
+import { H as HelperText } from "../../HelperText/index.a019742c.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -226,7 +226,7 @@ const RHFTextField = forwardRef((props, ref) => {
             onChange: onInternalChange,
             onFocus: handleFocus,
             onBlur: handleBlur,
-            value: type === "number" ? value || "0" : value || "",
+            value: type === "number" ? isNaN(value) ? 0 : value : value,
             name,
             inputProps: {
               ...process.env.NODE_ENV !== "production" ? {

package/components/hook-form/RHFUpload/{index.17e7f9eb.js → index.bed8573e.js}

@@ -7,24 +7,25 @@ import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/cor
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { B as Button } from "../../mui_extended/Button/index.fdb5dcbd.js";
+import { B as Button } from "../../mui_extended/Button/index.4288f9fc.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.9864f773.js";
+import { H as HelperText } from "../../HelperText/index.a019742c.js";
 import "clsx";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "@mui/material/Button";
-import "../../Icon/index.9dae8337.js";
-import "../../mui_extended/IconButton/index.1a9d4fa5.js";
+import "../../Icon/index.9fcd1476.js";
+import "../../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.3faafd8b.js";
+import "../../mui_extended/Accordion/index.9877f7bf.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
+import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../../mui_extended/Pager/index.67bda2c5.js";
-import "../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../mui_extended/Pager/index.2f6d6d7d.js";
+import "../../mui_extended/Tab/index.7c82e43d.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const UploadImageRoot = styled("div")(({
   theme
@@ -123,9 +124,6 @@ function UploadImage({
     isDragActive,
     hasFile: file
   };
-  console.log("isSkeleton", isSkeleton);
-  console.log("file load", file);
-  console.log("ownerState", ownerSate);
   const classes = RHFUploadImageUtilityClasses(ownerSate);
   return /* @__PURE__ */ jsx(UploadImageRoot, {
     className: classes.root,

package/components/index.d.ts

@@ -17,6 +17,7 @@ export * from './HelperText';
 export * from './CommonActions/';
 export * from './CommonActions/dictionary';
 export * from './DraggableWindow';
+export * from './GridLayout';
 export * from './Icon';
 export * from './LanguagePopover';
 export * from './LinearProgressIndeterminate';

package/components/modal/{WindowBase.7acb9f1d.js → WindowBase.a0c0b322.js}

@@ -1,24 +1,25 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.7b7d26ba.js";
-import { m as modalUtilityClasses } from "./index.1b25b61d.js";
-import { I as Icon } from "../Icon/index.9dae8337.js";
+import { u as useModal } from "../../hooks/useModal/index.8e85f7ae.js";
+import { m as modalUtilityClasses } from "./index.00efea85.js";
+import { I as Icon } from "../Icon/index.9fcd1476.js";
 import "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.1a9d4fa5.js";
-import "../mui_extended/Accordion/index.3faafd8b.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
+import "../mui_extended/Accordion/index.9877f7bf.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.fdb5dcbd.js";
+import "../mui_extended/Button/index.4288f9fc.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
+import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ba1da3b3.js";
-import "../mui_extended/Pager/index.67bda2c5.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 const Header = (props) => {
   const {