@m4l/components 9.2.53 → 9.2.54-beta.1

package/components/Pager/dicctionary.js

@@ -1,8 +1,13 @@
 const PAGER_DICTIONARY = {
   rows_per_page: "pager.rows_per_page",
+  first: "pager.first",
+  previous: "pager.previous",
+  before: "pager.before",
+  last: "pager.last",
   of: "pager.of",
   page: "pager.page",
   no_records: "pager.no_records",
+  total_rows: "pager.total_rows",
   rows: "pager.rows"
 };
 function getPagerComponentsDictionary() {

package/components/PrintingSystem/subcomponents/ChartNode/index.js

@@ -3,7 +3,7 @@ import { c as classes } from "../../classes/index.js";
 import clsx from "clsx";
 import { createRef, useEffect } from "react";
 import { Chart, registerables } from "chart.js";
-import { LineWithErrorBarsChart, ScatterWithErrorBarsController, PointWithErrorBar } from "chartjs-chart-error-bars";
+import { ScatterWithErrorBarsController, LineWithErrorBarsChart, PointWithErrorBar } from "chartjs-chart-error-bars";
 import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
 import { C as ChartNodeRootStyled } from "../../slots/PrintingSystemSlots.js";
 Chart.register(

package/components/PropertyValue/PropertyValue.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useId } from "react";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.js";
-import { T as TEST_PROPS_DATA, C as COMPONENT_PREFIX, P as PROPERTY_VALUE_KEY_COMPONENT } from "./constants.js";
-import { a as getNameDataTestId, g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { P as PROPERTY_VALUE_KEY_COMPONENT, T as TEST_PROPS_DATA, C as COMPONENT_PREFIX } from "./constants.js";
+import { g as getPropDataTestId, a as getNameDataTestId } from "../../test/getNameDataTestId.js";
 import { P as PropertyValueRootStyled, N as NameStyled, V as ValueStyled } from "./slots/PropertyValueSlots.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";

package/components/ScrollBar/ScrollBar.js

@@ -4,7 +4,7 @@ import clsx from "clsx";
 import { Box } from "@mui/material";
 import { useIsMobile } from "@m4l/graphics";
 import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
-import { S as SCROLL_KEY_COMPONENT, c as classScrollRoot } from "./constants.js";
+import { c as classScrollRoot, S as SCROLL_KEY_COMPONENT } from "./constants.js";
 import { R as RootScrollBar, S as SimpleBarStyled } from "./slots/ScrollBarSlots.js";
 import { S as ScrollBarSlots } from "./slots/ScrollBarEnum.js";
 function ScrollBar(props) {

package/components/SideBar/slots/SideBarEnum.js

@@ -37,11 +37,11 @@ var ContainerMenuItemsMainSlots = /* @__PURE__ */ ((ContainerMenuItemsMainSlots2
   return ContainerMenuItemsMainSlots2;
 })(ContainerMenuItemsMainSlots || {});
 export {
-  ContentComponentSlots as C,
+  ContentGroupsSlots as C,
   HeaderSidebarSlots as H,
   SideBarDesktopSlots as S,
-  SideBarMobileSlots as a,
-  SideBarFooterSlots as b,
-  ContentGroupsSlots as c,
+  SideBarFooterSlots as a,
+  SideBarMobileSlots as b,
+  ContentComponentSlots as c,
   ContainerMenuItemsMainSlots as d
 };

package/components/SideBar/slots/SideBarSlots.js

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { S as SideBarDesktopSlots, a as SideBarMobileSlots, C as ContentComponentSlots, b as SideBarFooterSlots, H as HeaderSidebarSlots, c as ContentGroupsSlots, d as ContainerMenuItemsMainSlots } from "./SideBarEnum.js";
+import { S as SideBarDesktopSlots, C as ContentGroupsSlots, H as HeaderSidebarSlots, a as SideBarFooterSlots, b as SideBarMobileSlots, c as ContentComponentSlots, d as ContainerMenuItemsMainSlots } from "./SideBarEnum.js";
 import { S as SIDEBAR_KEY_COMPONENT } from "../constants.js";
 import { s as sideBarStyles } from "../styles.js";
 const ContainerDesktopRootStyled = styled("section", {

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/styles.js

@@ -1,5 +1,5 @@
 import { a as getHeightSizeStyles } from "../../../../../../utils/getSizeStyles/getSizeStyles.js";
-import { I as ITEM_ACTIVE, b as ITEM_IN_TREE_ACTIVE } from "../../../../constants.js";
+import { b as ITEM_IN_TREE_ACTIVE, I as ITEM_ACTIVE } from "../../../../constants.js";
 const containerMenuItemsMainStyles = {
   /**
    * Style aplicado al contenedor de los items del menú

package/components/ToastContainer/ToastContainer.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ToastContainer as ToastContainer$1 } from "react-toastify";
-import { D as DEFAULT_CLOSE_TIME, T as TOAST_KEY_COMPONENT } from "./constants.js";
+import { T as TOAST_KEY_COMPONENT, D as DEFAULT_CLOSE_TIME } from "./constants.js";
 import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { ModuleSkeletonProvider } from "@m4l/core";
 import "react-toastify/dist/ReactToastify.min.css";

package/components/WindowBase/slots/WindowBaseSlots.js

@@ -2,9 +2,9 @@ import { styled } from "@mui/material/styles";
 import { W as WINDOW_BASE_KEY_COMPONENT } from "../constants.js";
 import { W as WindowBaseSlots } from "./WindowBaseEnum.js";
 import { w as windowBaseStyles } from "../WindowBase.styles.js";
-import { L as LinearProgressIndeterminate } from "../../LinearProgressIndeterminate/LinearProgressIndeterminate.js";
 import { T as Typography } from "../../mui_extended/Typography/Typography.js";
 import { M as MenuActions } from "../../MenuActions/MenuActions.js";
+import { L as LinearProgressIndeterminate } from "../../LinearProgressIndeterminate/LinearProgressIndeterminate.js";
 import { I as Icon } from "../../Icon/Icon.js";
 const WindowBaseStyled = styled("div", {
   name: WINDOW_BASE_KEY_COMPONENT,

package/components/animate/variants/bounce.js

@@ -1,4 +1,4 @@
-import { v as varTranExit, a as varTranEnter } from "./transition.js";
+import { v as varTranEnter, a as varTranExit } from "./transition.js";
 const varBounce = (props) => {
   const durationIn = props?.durationIn;
   const durationOut = props?.durationOut;

package/components/animate/variants/fade.js

@@ -1,4 +1,4 @@
-import { v as varTranExit, a as varTranEnter } from "./transition.js";
+import { v as varTranEnter, a as varTranExit } from "./transition.js";
 const varFade = (props) => {
   const distance = props?.distance || 120;
   const durationIn = props?.durationIn;

package/components/animate/variants/transition.js

@@ -14,7 +14,7 @@ const varTranExit = (props) => {
   return { duration, ease };
 };
 export {
-  varTranEnter as a,
+  varTranExit as a,
   varTranHover as b,
-  varTranExit as v
+  varTranEnter as v
 };

package/components/areas/components/AreasAdmin/AreasAdmin.js

@@ -15,9 +15,9 @@ import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoo
 import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { S as ScrollBar } from "../../../ScrollBar/ScrollBar.js";
 import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
+import { A as AreasAdminSlots } from "./slots/AreasAdminEnum.js";
 import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
 import { M as MenuActions } from "../../../MenuActions/MenuActions.js";
-import { A as AreasAdminSlots } from "./slots/AreasAdminEnum.js";
 const AreasAdmin = (props) => {
   const {
     color = "primary",

package/components/areas/components/AreasViewer/AreasViewer.js

@@ -4,7 +4,7 @@ import { u as useAreasStore } from "../../hooks/useAreas/index.js";
 import { A as AreaMemonizedWindowModal } from "./subcomponents/Area/subcomponents/WindowModal/WindowModal.js";
 import { shallow } from "zustand/shallow";
 import { L as LoadingError } from "../../../LoadingError/LoadingError.js";
-import { a as getNameDataTestId, g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { g as getPropDataTestId, a as getNameDataTestId } from "../../../../test/getNameDataTestId.js";
 import { A as AREAS_VIEWER_CLASS_NAME } from "../../constants.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.js";
 import { A as AreasViewerRootStyled } from "./slots/AreasViewerSlots.js";

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/AreaGridLayout/AreaGridLayout.js

@@ -4,7 +4,7 @@ import { W as Window } from "../Window/Window.js";
 import { u as useAreasStore } from "../../../../../../hooks/useAreas/index.js";
 import { a as areasViewerClasses } from "../../../../classes/index.js";
 import clsx from "clsx";
-import { P as PADDING_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, R as RESPONSIVE_ROW_HEIGHTS, a as RESPONSIVE_COLAPSED_HEIGHTS } from "../../../../../../contexts/AreasContext/helpers/helper.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../../../../../contexts/AreasContext/helpers/helper.js";
 import { M as MemonizePopupsViewer } from "../../../../../../../popups/components/PopupsViewer/PopupsViewer.js";
 import { useState } from "react";
 import { d as dragResizeWindowRNDClasses } from "../../../../../../../DragResizeWindowRND/classes/index.js";

package/components/areas/contexts/AreasContext/helpers/helper.js

@@ -192,23 +192,23 @@ function getSelectedAreaIdFromCookies(cookiesResponse) {
 }
 export {
   COOKIE_WINDOW_SELECTED as C,
-  DEBOUCED_SAVE_TIME as D,
+  DEFAULT_AREA as D,
   MARGIN_GRIDLAYOUT as M,
   NORMALIZED_COLS as N,
   PADDING_GRIDLAYOUT as P,
-  RESPONSIVE_ROW_HEIGHTS as R,
-  RESPONSIVE_COLAPSED_HEIGHTS as a,
-  getDataFromResponse as b,
-  getParmsFromValue as c,
-  COOKIE_BREAKPOINT_LAYOUTS as d,
+  RESPONSIVE_COLAPSED_HEIGHTS as R,
+  RESPONSIVE_ROW_HEIGHTS as a,
+  COOKIE_AREAS_ADMIN_CONTAINER_ID as b,
+  COOKIE_AREAS_ADMIN_ID as c,
+  addArea as d,
   DEFAULT_WINDOW as e,
-  COOKIE_WINDOWS as f,
-  getCookiesContainer as g,
-  deleteLayoutFromBreakPoints as h,
-  addArea as i,
-  DEFAULT_AREA as j,
-  getSelectedAreaIdFromCookies as k,
-  COOKIE_AREAS_ADMIN_CONTAINER_ID as l,
-  COOKIE_AREAS_ADMIN_ID as m,
+  deleteLayoutFromBreakPoints as f,
+  getSelectedAreaIdFromCookies as g,
+  COOKIE_WINDOWS as h,
+  COOKIE_BREAKPOINT_LAYOUTS as i,
+  DEBOUCED_SAVE_TIME as j,
+  getDataFromResponse as k,
+  getParmsFromValue as l,
+  getCookiesContainer as m,
   setColapsedLayoutBreakPoints as s
 };

package/components/areas/contexts/AreasContext/store.js

@@ -1,16 +1,16 @@
 import { createStore } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { g as getCookiesContainer, b as getDataFromResponse, c as getParmsFromValue, s as setColapsedLayoutBreakPoints, d as COOKIE_BREAKPOINT_LAYOUTS, D as DEBOUCED_SAVE_TIME, e as DEFAULT_WINDOW, M as MARGIN_GRIDLAYOUT, f as COOKIE_WINDOWS, h as deleteLayoutFromBreakPoints, R as RESPONSIVE_ROW_HEIGHTS, P as PADDING_GRIDLAYOUT, N as NORMALIZED_COLS, i as addArea, j as DEFAULT_AREA, k as getSelectedAreaIdFromCookies, C as COOKIE_WINDOW_SELECTED, l as COOKIE_AREAS_ADMIN_CONTAINER_ID, m as COOKIE_AREAS_ADMIN_ID } from "./helpers/helper.js";
+import { b as COOKIE_AREAS_ADMIN_CONTAINER_ID, c as COOKIE_AREAS_ADMIN_ID, D as DEFAULT_AREA, d as addArea, g as getSelectedAreaIdFromCookies, e as DEFAULT_WINDOW, a as RESPONSIVE_ROW_HEIGHTS, P as PADDING_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, N as NORMALIZED_COLS, f as deleteLayoutFromBreakPoints, h as COOKIE_WINDOWS, i as COOKIE_BREAKPOINT_LAYOUTS, j as DEBOUCED_SAVE_TIME, s as setColapsedLayoutBreakPoints, k as getDataFromResponse, l as getParmsFromValue, m as getCookiesContainer, C as COOKIE_WINDOW_SELECTED } from "./helpers/helper.js";
 import { c as createDynamicMFStore } from "../../../WindowBase/contexts/DynamicMFParmsContext/store.js";
 import cloneDeep from "lodash-es/cloneDeep";
 import debounce from "lodash-es/debounce";
 import { g as generateModuleCount } from "./helpers/generateModuleCount.js";
 import { a as AREAS_STORE_ID } from "../../constants.js";
 import { h as helperSelectLayout } from "./helpers/selectLayout.js";
-import { d as deleteCookie, s as setCookie, g as getCookie } from "../../../../helpers/cookies/cookies.js";
+import { g as getCookie, d as deleteCookie, s as setCookie } from "../../../../helpers/cookies/cookies.js";
+import { d as addLayoutItemToBreakPoints, e as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { k as isEqualLayouts } from "../../../GridLayout/utils.js";
-import { d as cloneLayouts, e as addLayoutItemToBreakPoints } from "../../../GridLayout/subcomponents/Responsive/responsiveUtils.js";
 const createDevtools = (immerMiddlewere, config) => {
   const { enabled = false } = config;
   if (enabled && process.env.NODE_ENV === "development") {
@@ -441,8 +441,8 @@ const createAreasStore = (initProps, storeDevtoolsEnabled = false) => {
                   bounds: {
                     left: MARGIN_GRIDLAYOUT,
                     top: MARGIN_GRIDLAYOUT,
-                    right: -11,
-                    bottom: -11
+                    right: -MARGIN_GRIDLAYOUT,
+                    bottom: -MARGIN_GRIDLAYOUT
                   }
                 });
               }

package/components/areas/icons.js

@@ -1,4 +1,5 @@
 const ICONS = {
+  CLOSE: "close.svg",
   MAXIMIZE: "maximize.svg",
   NORMALIZE: "normalize.svg",
   COLAPSE: "colapse.svg",
@@ -7,9 +8,16 @@ const ICONS = {
   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",
+  MODULE: "module.svg",
+  POPUP: "popup.svg",
   PENDING_ORDER: "pending_order.svg",
   MORE_VERTICAL: "more_vertical.svg"
 };

package/components/commercial/HamburgerMenu/classes/index.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from "@mui/material";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { c as componentName } from "./constants.js";
 generateUtilityClasses(componentName, ["root", "ImageLogo"]);

package/components/formatters/BooleanFormatter/BooleanFormatter.js

@@ -6,7 +6,7 @@ import clsx from "clsx";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
 import { B as BOOLEAN_FORMATTER_KEY_COMPONENT } from "./constants.js";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
-import { B as BooleanFormatterRootStyled, a as BooleanFormatterIconStyled, b as BooleanFormatterChipStyled } from "./slots/BooleanFormatterSlots.js";
+import { B as BooleanFormatterIconStyled, a as BooleanFormatterChipStyled, b as BooleanFormatterRootStyled } from "./slots/BooleanFormatterSlots.js";
 import { B as BooleanFormatterSlots } from "./slots/BooleanFormatterEnum.js";
 function getFormatBoolean(presentationType, value = false, getLabel) {
   if (presentationType === "string_yes_no") {

package/components/formatters/BooleanFormatter/slots/BooleanFormatterSlots.js

@@ -18,7 +18,7 @@ const BooleanFormatterChipStyled = styled(Chip, {
   slot: BooleanFormatterSlots.chip
 })(booleanFormatterStyles?.chip);
 export {
-  BooleanFormatterRootStyled as B,
-  BooleanFormatterIconStyled as a,
-  BooleanFormatterChipStyled as b
+  BooleanFormatterIconStyled as B,
+  BooleanFormatterChipStyled as a,
+  BooleanFormatterRootStyled as b
 };

package/components/formatters/PeriodFormatter/PeriodFormatter.js

@@ -6,8 +6,8 @@ import clsx from "clsx";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { d as dictionary } from "./dictionary.js";
-import { P as PeriodFormatterRootStyled, a as PeriodFormatterSkeletonStyled } from "./slots/PeriodFormatterSlots.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
+import { P as PeriodFormatterSkeletonStyled, a as PeriodFormatterRootStyled } from "./slots/PeriodFormatterSlots.js";
 import { P as PeriodFormatterSlots } from "./slots/PeriodFomatterEnum.js";
 function useFormatPeriod(years, months, days) {
   const { getLabel } = useModuleDictionary();

package/components/formatters/PeriodFormatter/slots/PeriodFormatterSlots.js

@@ -13,6 +13,6 @@ const PeriodFormatterSkeletonStyled = styled(Skeleton, {
   slot: PeriodFormatterSlots.skeleton
 })(periodFormatterStyles?.skeleton);
 export {
-  PeriodFormatterRootStyled as P,
-  PeriodFormatterSkeletonStyled as a
+  PeriodFormatterSkeletonStyled as P,
+  PeriodFormatterRootStyled as a
 };

package/components/hook-form/RHFAutocompleteAsync/reducer/RHFAutocompleteReducer.js

@@ -64,11 +64,6 @@ const RHFAutocompleteAsyncReducer = (onChangeFilterParms) => (state, action) =>
         ...state,
         isOpen: false
       };
-    // case actionsType.SET_SELECTED_OPTIONS_TO_AUTOCOMPLETE:
-    //   return {
-    //     ...state,
-    //     selectedOptions: action.payload,
-    //   };
     default:
       return state;
   }

package/components/hook-form/RHFAutocompleteAsync/types.js

@@ -21,6 +21,12 @@ const actionsType = {
    * Indicate if the popover options are close.
    */
   CLOSE: "CLOSE",
+  /**
+   * Reset the state options, allowFetchingOptionsAutocomplete (false)
+   * and loading (true) to initial state before fetching options
+   * to wait the response from the server.
+   */
+  START_FETCHING_OPTIONS: "START_FETCHING_OPTIONS",
   /**
    * Set new options to list in autocomplete.
    * For example, when the user is typing,

package/components/hook-form/RHFCheckbox/slots/RHFCheckBoxSlots.js

@@ -2,8 +2,8 @@ import { styled } from "@mui/material/styles";
 import { r as rhfCheckBoxStyles } from "../RHFCheckBox.styles.js";
 import { R as RHFCheckBoxSlots } from "./RHFCheckBoxEnum.js";
 import { R as RHF_CHECKBOX_KEY_COMPONENT } from "../constants.js";
-import { L as Label } from "../../../Label/Label.js";
 import { C as CheckBox } from "../../../mui_extended/CheckBox/CheckBox.js";
+import { L as Label } from "../../../Label/Label.js";
 const RHFCheckboxRoot = styled("div", {
   name: RHF_CHECKBOX_KEY_COMPONENT,
   slot: RHFCheckBoxSlots.root

package/components/hook-form/RHFPeriod/RHFPeriod.js

@@ -9,8 +9,8 @@ import { R as RHF_PERIOD_KEY_COMPONENT } from "./constants.js";
 import clsx from "clsx";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
-import { H as HelperError } from "../../HelperError/HelperError.js";
 import { R as RHFPeriodSlots } from "./slots/RHFPeriodEnum.js";
+import { H as HelperError } from "../../HelperError/HelperError.js";
 const RHFPeriod = (props) => {
   const {
     name,

package/components/hook-form/RHFTextField/RHFTextField.styles.js

@@ -18,7 +18,9 @@ const rhfTextFieldStyles = {
   /**
    * Estilos personalizados para el componente Skeleton.
    */
-  helperErrorStyled: {}
+  helperErrorStyled: {},
+  skeletonTextFieldRoot: {},
+  wrapperSkeletonRHFTextField: {}
 };
 export {
   rhfTextFieldStyles as r

package/components/hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.js

@@ -2,9 +2,9 @@ import { styled } from "@mui/material";
 import { R as RHFTextFieldPasswordSlots } from "./RHFTextFieldPasswordEnum.js";
 import { R as RHF_TEXT_FIELD_PASSWORD_KEY_COMPONENT } from "../constanst.js";
 import { r as rhfTextFieldPasswordStyles } from "../RHFTextFieldPassword.styles.js";
-import { L as Label } from "../../../Label/Label.js";
 import { T as TextField } from "../../../mui_extended/TextField/TextField.js";
 import { I as IconButton } from "../../../mui_extended/IconButton/IconButton.js";
+import { L as Label } from "../../../Label/Label.js";
 const RHFTextFieldPasswordRoot = styled("div", {
   name: RHF_TEXT_FIELD_PASSWORD_KEY_COMPONENT,
   slot: RHFTextFieldPasswordSlots.root

package/components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js

@@ -3,7 +3,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import { U as UploadSingleFile } from "./subcomponents/UploadSingleFile/index.js";
 import { R as RHFUploadSingleFileRootStyled, L as LabelStyled, H as HelperErrorStyled } from "./slots/RHFUploadSingleFileSlots.js";
 import clsx from "clsx";
-import { D as DEFAULT_MAX_FILE_SIZE, R as RHF_UPLOAD_SINGLE_FILE_KEY_COMPONENT } from "./constants.js";
+import { R as RHF_UPLOAD_SINGLE_FILE_KEY_COMPONENT, D as DEFAULT_MAX_FILE_SIZE } from "./constants.js";
 import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { R as RHFUploadSingleFileSlots } from "./slots/RHFUploadSingleFileEnum.js";
 import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";

package/components/hook-form/RHFormContext/classes/index.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from "@mui/material";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { c as componentName } from "./constants.js";
 generateUtilityClasses(

package/components/hook-form/RHFormContext/index.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import clsx from "clsx";
-import { FormProvider, useForm } from "react-hook-form";
+import { useForm, FormProvider } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { F as FormProviderRoot } from "./styles.js";
 import { R as RHFormProviderUtilityClasses } from "./classes/index.js";

package/components/mui_extended/Accordion/Accordion.js

@@ -3,7 +3,7 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.js";
 import { a as getNameDataTestId } from "../../../test/getNameDataTestId.js";
 import { P as PATH_EXPANDED_ICON, A as ACCORDION_KEY } from "./constants.js";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
-import { A as AccordionRootStyled, a as AccordionSummaryStyled, I as IconLabelStyled, L as LabelStyled, b as IconExpandedStyled, c as AccordionDetailsStyled } from "./slots/AccordionSlots.js";
+import { A as AccordionRootStyled, a as AccordionSummaryStyled, I as IconExpandedStyled, b as IconLabelStyled, L as LabelStyled, c as AccordionDetailsStyled } from "./slots/AccordionSlots.js";
 import { forwardRef } from "react";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 const Accordion = forwardRef((props, ref) => {

package/components/mui_extended/Accordion/slots/AccordionSlots.js

@@ -31,9 +31,9 @@ const AccordionDetailsStyled = styled(AccordionDetails, {
 })(accordionStyles?.accordionDetails);
 export {
   AccordionRootStyled as A,
-  IconLabelStyled as I,
+  IconExpandedStyled as I,
   LabelStyled as L,
   AccordionSummaryStyled as a,
-  IconExpandedStyled as b,
+  IconLabelStyled as b,
   AccordionDetailsStyled as c
 };

package/components/mui_extended/Autocomplete/Autocomplete.js

@@ -6,7 +6,7 @@ import { u as useValuesAndHandlers } from "./hooks/useValuesAndHandlers.js";
 import { u as useStartAdornments } from "./hooks/useStartAdornments.js";
 import { u as useEndAdornments } from "./hooks/useEndAdornments.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { S as SkeletonAutocompleteStyled, A as AutocompleteRootStyled, R as RenderInputStyled, P as PopperComponentStyled } from "./slots/AutocompleteSlots.js";
+import { S as SkeletonAutocompleteStyled, A as AutocompleteRootStyled, P as PopperComponentStyled, R as RenderInputStyled } from "./slots/AutocompleteSlots.js";
 import { T as Typography } from "../Typography/Typography.js";
 const Autocomplete = forwardRef(function Autocomplete2(props, ref) {
   const {
@@ -30,6 +30,7 @@ const Autocomplete = forwardRef(function Autocomplete2(props, ref) {
   const {
     open,
     selectedValue,
+    selectedOption,
     inputValue,
     isOptionEqualToValueLocal,
     handleDelete,
@@ -39,6 +40,7 @@ const Autocomplete = forwardRef(function Autocomplete2(props, ref) {
     onCloseLocal,
     onOpenLocal,
     getOptionLabelLocal,
+    getOptionUrlImageLocal,
     checkKeyDown,
     scrollPositionOptionsRef
   } = useValuesAndHandlers(props);
@@ -52,11 +54,18 @@ const Autocomplete = forwardRef(function Autocomplete2(props, ref) {
   const startAdornments = useStartAdornments({
     selectedValue,
     multiple,
+    loading,
     adjustedSize,
     getOptionLabelLocal,
     ownerState,
     handleDelete,
-    disabled
+    getOptionUrlImage,
+    selectedOption,
+    getOptionUrlImageLocal,
+    refresh,
+    handleRefresh,
+    disabled,
+    onOpenLocal
   });
   const endAdornments = useEndAdornments({
     loading,

package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.js

@@ -5,13 +5,13 @@ import { I as Image } from "../../../Image/Image.js";
 import { a as autocompleteSyles } from "../Autocomplete.styles.js";
 import { A as AUTOCOMPLETE_KEY_COMPONENT } from "../constants.js";
 import { A as AutocompleteSlots } from "./AutocompleteEnum.js";
-import { S as Skeleton } from "../../Skeleton/Skeleton.js";
-import { T as TextField } from "../../TextField/TextField.js";
-import { P as Popper } from "../../Popper/Popper.js";
 import { I as IconButton } from "../../IconButton/IconButton.js";
+import { T as TextField } from "../../TextField/TextField.js";
 import { T as Typography } from "../../Typography/Typography.js";
-import { C as CircularProgress } from "../../CircularProgress/CircularProgress.js";
+import { S as Skeleton } from "../../Skeleton/Skeleton.js";
+import { P as Popper } from "../../Popper/Popper.js";
 import { M as MenuItem } from "../../MenuItem/MenuItem.js";
+import { C as CircularProgress } from "../../CircularProgress/CircularProgress.js";
 const AutocompleteRootStyled = styled(Autocomplete, {
   name: AUTOCOMPLETE_KEY_COMPONENT,
   slot: AutocompleteSlots.root

package/components/mui_extended/CheckBox/CheckBox.js

@@ -5,7 +5,7 @@ import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js
 import { C as CHECK_BOX_KEY_COMPONENT } from "./constants.js";
 import clsx from "clsx";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { C as CheckBoxRootStyled, M as MUICheckboxStyled, I as IconStyled, a as IconCheckedStyled, T as TypographyStyled, S as SkeletonStyled } from "./slots/CheckBoxSlots.js";
+import { C as CheckBoxRootStyled, M as MUICheckboxStyled, I as IconCheckedStyled, a as IconStyled, T as TypographyStyled, S as SkeletonStyled } from "./slots/CheckBoxSlots.js";
 import { C as CheckBoxSlots } from "./slots/CheckBoxEnum.js";
 const CheckBox = forwardRef((props, ref) => {
   const {

package/components/mui_extended/CheckBox/slots/CheckBoxSlots.js

@@ -31,9 +31,9 @@ const IconStyled = styled(Icon, {
 })(checkBoxStyles.icon);
 export {
   CheckBoxRootStyled as C,
-  IconStyled as I,
+  IconCheckedStyled as I,
   MUICheckboxStyled as M,
   SkeletonStyled as S,
   TypographyStyled as T,
-  IconCheckedStyled as a
+  IconStyled as a
 };

package/components/mui_extended/DateTimePicker/slots/DateTimePickerSlots.js

@@ -1,5 +1,5 @@
 import { styled, Popper, Paper } from "@mui/material";
-import { PickersCalendarHeader, PickersDay, MobileDateTimePicker, DesktopDateTimePicker } from "@mui/x-date-pickers";
+import { DesktopDateTimePicker, MobileDateTimePicker, PickersCalendarHeader, PickersDay } from "@mui/x-date-pickers";
 import { d as dateTimePickerStyles } from "../DateTimePicker.styles.js";
 import { D as DATE_TIME_PICKER_KEY_COMPONENT } from "../constants.js";
 import { D as DateTimePickerEnum } from "./DateTimePickerEnum.js";

package/components/mui_extended/IconButton/slots/IconButtonSlots.js

@@ -3,8 +3,8 @@ import { styled } from "@mui/material/styles";
 import { i as iconButtonStyles } from "../IconButton.styles.js";
 import { a as ICON_BUTTON_KEY_COMPONENT } from "../constants.js";
 import { I as IconButtonSlots } from "./IconButtonEnum.js";
-import { I as Icon } from "../../../Icon/Icon.js";
 import { S as Skeleton } from "../../Skeleton/Skeleton.js";
+import { I as Icon } from "../../../Icon/Icon.js";
 const StyledMUIIconButton = styled(IconButton, {
   name: ICON_BUTTON_KEY_COMPONENT,
   slot: IconButtonSlots.styledMUIIconButton

package/components/mui_extended/ImageButton/utils/Clases/index.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from "@mui/material";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { c as componentName } from "./constants.js";
 generateUtilityClasses(componentName, [

package/components/mui_extended/MenuItem/slots/MenuItemSlots.js

@@ -3,8 +3,8 @@ import { MenuItem } from "@mui/material";
 import { a as MENUITEM_KEY_COMPONENT } from "../constants.js";
 import { m as menuItemStyles } from "../MenuItem.styles.js";
 import { M as MenuItemSlots } from "./MenuItemEnum.js";
-import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { T as Typography } from "../../Typography/Typography.js";
+import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { I as Icon } from "../../../Icon/Icon.js";
 const MenuItemRootStyled = styled(MenuItem, {
   name: MENUITEM_KEY_COMPONENT,

package/components/mui_extended/NavLink/NavLink.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { R as RouterNavLinkRootStyled, a as RouterNavLinkStyled, T as TypographyStyled, S as SkeletonStyled } from "./slots/NavLinkSlots.js";
 import { useModuleSkeleton } from "@m4l/core";
-import { c as classNavLinkRoot, N as NAV_LINK_SPECIFY, a as NAV_LINK_KEY_COMPONENT } from "./constants.js";
+import { N as NAV_LINK_KEY_COMPONENT, c as classNavLinkRoot, a as NAV_LINK_SPECIFY } from "./constants.js";
 import { N as NavLinkSlots } from "./slots/NavLinkEnum.js";
 import { clsx } from "clsx";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";

package/components/mui_extended/NavLink/constants.js

@@ -4,7 +4,7 @@ const NAV_LINK_KEY_COMPONENT = "M4LNavLink";
 const NAV_LINK_SPECIFY = "M4lclassCssSpecificity";
 const classNavLinkRoot = getComponentClasses(NAV_LINK_KEY_COMPONENT, NavLinkSlots);
 export {
-  NAV_LINK_SPECIFY as N,
-  NAV_LINK_KEY_COMPONENT as a,
+  NAV_LINK_KEY_COMPONENT as N,
+  NAV_LINK_SPECIFY as a,
   classNavLinkRoot as c
 };

package/components/mui_extended/NavLink/slots/NavLinkSlots.js

@@ -1,7 +1,7 @@
 import { NavLink } from "react-router-dom";
 import { styled } from "@mui/material/styles";
 import { N as NavLinkSlots } from "./NavLinkEnum.js";
-import { a as NAV_LINK_KEY_COMPONENT } from "../constants.js";
+import { N as NAV_LINK_KEY_COMPONENT } from "../constants.js";
 import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { n as navLinkStyles } from "../NavLink.styles.js";
 import { T as Typography } from "../../Typography/Typography.js";

package/components/mui_extended/Popover/Popover.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
-import { P as POPOVER_PREFIX, a as POPOVER_CLASS_NAME_SPECIFY } from "./constants.js";
+import { P as POPOVER_CLASS_NAME_SPECIFY, a as POPOVER_PREFIX } from "./constants.js";
 import clsx from "clsx";
 import { P as PopoverRootStyled } from "./slots/PopoverSlots.js";
 import { P as PopoverSlots } from "./slots/PopoverEnum.js";