@m4l/components 0.1.75 → 0.1.77

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,20 @@ 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;
+    colapsedItems: Record<string, boolean>;
+    maximizedId?: string | undefined;
+    /** Son los ids de las ventanas, iterar con keys, destruye los componentes en un map */
+    hashLayoutItems: string[];
     currentLayoutId: string;
     currentPopUpId: string;
     breakpoints: Breakpoints;
     cols: Cols;
-    viewMode: ViewAreaMode;
-    singleId?: string;
 }
 /**
  * @description estado de carga de las areaS de trabajo.
@@ -101,7 +105,7 @@ export interface AreasState {
     /**
      *  "areas" Areas de trabajo
      */
-    areas: Area[];
+    areas: string[];
     /**
      *  "hashAreas" Areas de trabajo
      */
@@ -165,17 +169,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;
     };
@@ -185,13 +188,14 @@ export interface AreasStateWithActions extends AreasState {
         getCookies: (windowId: string, type: CookieType) => Record<string, any>;
         setCookie: (windowId: string, id: string, type: CookieType, cookie: Record<string, any>) => void;
         close: (windowId: string) => void;
-        setLoading: (windowId: string, isLoading: boolean) => void;
+        startProgress: (windowId: string) => void;
+        stopProgress: (windowId: string) => void;
         loadCookiesFromApi: (windowId: string) => void;
         saveModuleCookies: (windowId: string) => void;
         resetModuleCookies: (windowId: string) => void;
-        toasty: (windowId: string, options: ToastyOptions) => void;
-        closeToasty: (windowId: string, toastyId: number) => void;
-        pinToasty: (windowId: string, toastyId: number) => void;
+        toast: (windowId: string, options: ToastyOptions) => void;
+        closeToast: (windowId: string, toastyId: number) => void;
+        pinToast: (windowId: string, toastyId: number) => void;
     };
 }
 export declare type DefaultAreasStoreProps = Omit<AreasState, 'currentArea'>;

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

@@ -6,8 +6,9 @@ export interface WindowToolsMF {
     getCookies: (type: CookieType) => Record<string, any>;
     setActions: (newActions: AreaWindowAction[], version?: string) => void;
     setCookie: (id: string, type: CookieType, cookie: Record<string, any>) => void;
-    setLoading: (isLoading: boolean) => void;
-    toasty: (options: ToastyOptions) => void;
+    startProgress: () => void;
+    stopProgress: () => void;
+    toast: (options: ToastyOptions) => void;
     close: () => void;
 }
 export interface WindowToolsMFProviderProps extends WindowToolsMF {

package/components/areas/contexts/{index.79d1912d.js → index.02336412.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.d98b89fc.js";
+import "./AreasContext/index.c8147e8e.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/{dictionary.e72db809.js → dictionary.afb7e3d9.js}

@@ -6,9 +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_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_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,9 +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.a7b597fb.js → index.3406a6cb.js}

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

package/components/areas/{icons.3ec589d3.js → icons.8266ccc8.js}

@@ -2,17 +2,24 @@ 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",
   ADD_AREA: "add_area.svg",
   LAYERS: "layers.svg",
+  NAVIGATE_ERROR: "navegate_error.svg",
   EDIT_AREA: "edit.svg",
   CHECK: "checkmarkInCircle.svg",
   RESIZE: "controlSize.svg",
   VERSION: "version.svg",
+  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,15 +2,22 @@ export declare const ICONS: {
     CLOSE: string;
     MAXIMIZE: string;
     NORMALIZE: string;
+    COLAPSE: string;
+    UNCOLPASE: string;
     RESET_COOKIES: string;
     SAVE_COOKIES: string;
     DELETE_AREA: string;
     ADD_AREA: string;
     LAYERS: string;
+    NAVIGATE_ERROR: string;
     EDIT_AREA: string;
     CHECK: string;
     RESIZE: string;
     VERSION: string;
+    SHOW_OPTIONS: string;
+    CHEVRON_DOWN: string;
     TOASTY_CLOSE: string;
     TOASTY_PIN: string;
+    MODULE: string;
+    POPUP: string;
 };

package/components/areas/index.6f2e5dab.js

@@ -0,0 +1,31 @@
+import "react";
+import "@m4l/core";
+import "@mui/material";
+import "../Icon/index.ecb63e65.js";
+import "clsx";
+import "react/jsx-runtime";
+import "../mui_extended/IconButton/index.fc5b7c2d.js";
+import "@m4l/graphics";
+import "zustand";
+import "./contexts/AreasContext/index.c8147e8e.js";
+import "./components/AreasAdmin/index.cc4cbf56.js";
+import "zustand/shallow";
+import "../ScrollBar/index.bbe48f4d.js";
+import "../mui_extended/Accordion/index.12b1339a.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.4288f9fc.js";
+import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../Image/index.c18ebf5a.js";
+import "@mui/lab";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/MenuActions/index.f5b1c022.js";
+import "../mui_extended/Pager/index.435af0df.js";
+import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Tooltip/index.5a795dcd.js";
+import "./components/AreasViewer/index.9c2aaaeb.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[];
@@ -49,6 +55,10 @@ export declare type WindowState = {
     toasties: Toasty[];
     hashToasties: Record<number, Toasty>;
     toastyCount: number;
+    colapsed?: boolean;
+};
+export declare type WindowOptions = {
+    allowPersistCookies: boolean;
 };
 export interface WindowBaseProps {
     winType: WinType;
@@ -62,51 +72,53 @@ export interface WindowBaseProps {
     title: string;
     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';
@@ -127,9 +139,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.60aa1c9d.js → index.5268b024.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.f9119f5e.js";
+import { I as Icon } from "../../Icon/index.ecb63e65.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.1f0efb32.js → index.137169d8.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.f9119f5e.js";
+import "../Icon/index.ecb63e65.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.60aa1c9d.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.5268b024.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.af3296ac.js → index.ac2b1fae.js}

@@ -1,28 +1,30 @@
 import { useModuleDictionary, useModuleSkeleton } 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.8aae9322.js";
+import { I as Image } from "../../Image/index.c18ebf5a.js";
 import { useMemo, 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.ec9b3e6a.js";
+import { H as HelperText } from "../../HelperText/index.ef31df1f.js";
 import { styled } from "@mui/material/styles";
-import { unstable_composeClasses } from "@mui/base";
 import "clsx";
-import "../../Icon/index.f9119f5e.js";
-import "../../mui_extended/IconButton/index.3b05af71.js";
+import { unstable_composeClasses } from "@mui/base";
+import "../../Icon/index.ecb63e65.js";
+import "../../mui_extended/IconButton/index.fc5b7c2d.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.03bd0e2a.js";
-import "../../mui_extended/Avatar/index.1e1a91a3.js";
+import "../../mui_extended/Accordion/index.12b1339a.js";
+import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.aebbab34.js";
+import "../../mui_extended/Button/index.4288f9fc.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.ca5ce35a.js";
-import "../../mui_extended/Pager/index.80ec975a.js";
-import "../../mui_extended/Tab/index.e0653a0a.js";
+import "../../mui_extended/MenuActions/index.f5b1c022.js";
+import "../../mui_extended/Pager/index.435af0df.js";
+import "../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFAutocompleteAsync/{index.76864056.js → index.8b4ccc8d.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.af3296ac.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.ac2b1fae.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/classes/types.d.ts

@@ -5,5 +5,6 @@ export interface RHFCheckboxClassesType {
     small: string;
     medium: string;
     stateDisabled: string;
+    stateError: string;
 }
 export declare type RHFCheckboxClassesKey = keyof RHFCheckboxClassesType;

package/components/hook-form/RHFCheckbox/{index.865ba239.js → index.acef119c.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.ec9b3e6a.js";
+import { H as HelperText } from "../../HelperText/index.ef31df1f.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",
@@ -22,19 +22,20 @@ const SkeletonRHFCheckBoxRoot = styled("div")(() => ({
   width: "100%"
 }));
 const RHFCHEKCBOX_PREFIX = "RHFCheckbox";
-const getNameDataTestId = (KEY) => {
-  return `${RHFCHEKCBOX_PREFIX}-${KEY}`;
+const getNameDataTestId = (KEY, NAME) => {
+  return `${RHFCHEKCBOX_PREFIX}-${NAME}-${KEY}`;
 };
 const SkeletonRHFCheckBox = (props) => {
   const {
     classes,
-    hasLabel
+    hasLabel,
+    fieldName
   } = props;
   return /* @__PURE__ */ jsxs(SkeletonRHFCheckBoxRoot, {
     children: [/* @__PURE__ */ jsx(WrapperSkeletonCheckBox, {
       className: classes.skeleton,
       ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId("skeleton")
+        [TEST_PROP_ID]: getNameDataTestId("skeleton", fieldName)
       } : {},
       children: /* @__PURE__ */ jsx(Skeleton, {
         variant: "rounded",
@@ -74,14 +75,15 @@ generateUtilityClasses("M4LRHFCheckbox", [
   "skeleton",
   "small",
   "medium",
-  "stateDisabled"
+  "stateDisabled",
+  "stateError"
 ]);
 function getRHFCheckboxUtilityClass(slot) {
   return generateUtilityClass("M4LRHFCheckbox", slot);
 }
 const useUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root", ownerState.sizeCheck === "small" && "small", ownerState.sizeCheck === "medium" && "medium", ownerState.disabled && "stateDisabled"],
+    root: ["root", ownerState.sizeCheck === "small" && "small", ownerState.sizeCheck === "medium" && "medium", ownerState.disabled && "stateDisabled", ownerState.error && "stateError"],
     skeleton: ["skeleton"],
     checkTypography: ["checkTypography", ownerState.sizeCheck === "small" ? "small" : "medium", ownerState.disabled && "stateDisabled"]
   };
@@ -97,19 +99,23 @@ function RHFCheckbox(props) {
     label,
     disabled = false
   } = props;
+  const isSkeleton = useModuleSkeleton();
   const {
-    control
+    control,
+    formState: {
+      errors
+    }
   } = useFormContext();
-  const isSkeleton = useModuleSkeleton();
   const ownerState = {
     sizeCheck,
-    disabled
+    disabled,
+    error: errors[name] ? true : false
   };
   const classes = useUtilityClasses(ownerState);
   return /* @__PURE__ */ jsx(RHFCheckboxRoot, {
     className: classes.root,
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId("root")
+      [TEST_PROP_ID]: getNameDataTestId("root", name)
     } : {},
     children: /* @__PURE__ */ jsx(Controller, {
       name,
@@ -124,7 +130,7 @@ function RHFCheckbox(props) {
           children: [/* @__PURE__ */ jsxs(ContainerCheckTypography, {
             className: classes.checkTypography,
             ...process.env.NODE_ENV !== "production" ? {
-              [TEST_PROP_ID]: getNameDataTestId("checkTypography")
+              [TEST_PROP_ID]: getNameDataTestId("checkTypography", name)
             } : {},
             children: [/* @__PURE__ */ jsx(Checkbox, {
               size: sizeCheck,
@@ -141,7 +147,8 @@ function RHFCheckbox(props) {
           })]
         }) : /* @__PURE__ */ jsx(SkeletonRHFCheckBox, {
           classes,
-          hasLabel: !!label
+          hasLabel: !!label,
+          fieldName: name
         });
       }
     })

package/components/hook-form/RHFCheckbox/subcomponents/Skeleton/types.d.ts

@@ -1,4 +1,5 @@
 export interface SkeletonRHFCheckBoxProps {
     classes: any;
     hasLabel: boolean;
+    fieldName: string;
 }

package/components/hook-form/RHFCheckbox/test/utils.d.ts

@@ -1,2 +1,2 @@
 import { RHFCheckboxClassesKey } from "../classes/types";
-export declare const getNameDataTestId: (KEY: RHFCheckboxClassesKey) => string;
+export declare const getNameDataTestId: (KEY: RHFCheckboxClassesKey, NAME: string) => string;

package/components/hook-form/RHFCheckbox/types.d.ts

@@ -7,4 +7,6 @@ export interface RHFMultiCheckboxProps extends Omit<FormControlLabelProps, 'cont
     name: string;
     options: string[];
 }
-export declare type OwnerState = Pick<RHFCheckboxProps, 'sizeCheck' | 'disabled'>;
+export interface OwnerState extends Pick<RHFCheckboxProps, 'sizeCheck' | 'disabled'> {
+    error: boolean;
+}

package/components/hook-form/RHFDateTime/{index.fd9c5aca.js → index.5b080342.js}

@@ -6,22 +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.f9119f5e.js";
+import "../../Icon/index.ecb63e65.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import "../../mui_extended/IconButton/index.3b05af71.js";
-import "../../mui_extended/Accordion/index.03bd0e2a.js";
-import "../../mui_extended/Avatar/index.1e1a91a3.js";
+import "../../mui_extended/IconButton/index.fc5b7c2d.js";
+import "../../mui_extended/Accordion/index.12b1339a.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.aebbab34.js";
-import "../../Image/index.8aae9322.js";
+import "../../mui_extended/Button/index.4288f9fc.js";
+import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.ca5ce35a.js";
-import "../../mui_extended/Pager/index.80ec975a.js";
-import "../../mui_extended/Tab/index.e0653a0a.js";
-import { H as HelperText } from "../../HelperText/index.ec9b3e6a.js";
+import "../../mui_extended/MenuActions/index.f5b1c022.js";
+import "../../mui_extended/Pager/index.435af0df.js";
+import "../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
+import { H as HelperText } from "../../HelperText/index.ef31df1f.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({
@@ -160,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/classes/constants.d.ts

@@ -0,0 +1 @@
+export declare const componentName = "M4LRHFPeriod";

package/components/hook-form/RHFPeriod/classes/index.d.ts

@@ -0,0 +1,6 @@
+import { RHFPeriodClassesType } from './types';
+export declare const RHFPeriodClasses: RHFPeriodClassesType;
+export declare function getRHFPeriodUtilityClass(slot: string): string;
+export declare const RHFPeriodUtilityClasses: () => {
+    root: string;
+};

package/components/hook-form/RHFPeriod/classes/types.d.ts

@@ -0,0 +1,6 @@
+import { RHFPeriodUtilityClasses } from ".";
+export interface RHFPeriodClassesType {
+    root: string;
+}
+export declare type RHFPeriodClassesKey = keyof RHFPeriodClassesType;
+export declare type Classes = ReturnType<typeof RHFPeriodUtilityClasses>;