@m4l/components 9.1.108 → 9.1.110

package/components/NoItemSelected/dictionary.js

@@ -1,7 +1,11 @@
+function getNoItemSelectedComponentsDictionary() {
+  return ["no_item_selected"];
+}
 const DICTIONARY = {
   LABEL_TITLE: "no_item_selected.title",
   LABEL_DETAIL: "no_item_selected.detail"
 };
 export {
-  DICTIONARY as D
+  DICTIONARY as D,
+  getNoItemSelectedComponentsDictionary as g
 };

package/components/NoItemSelected/index.d.ts

@@ -0,0 +1,2 @@
+export { NoItemSelected } from './NoItemSelected';
+export { getNoItemSelectedComponentsDictionary } from './dictionary';

package/components/NoItemSelected/index.js

@@ -0,0 +1 @@
+

package/components/Pager/subcomponents/CustomTablePagination/CustomTablePagination.js

@@ -87,7 +87,12 @@ const CustomTablePagination = (props) => {
           count: countTotal,
           page: currentPage,
           rowsPerPage: localRowsPerPage,
-          onPageChange: (_, newPage) => setLocalPage(newPage)
+          onPageChange: (event, newPage) => {
+            setLocalPage(newPage);
+            if (onPageChange) {
+              onPageChange(event, newPage);
+            }
+          }
         }
       )
     ] })

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

@@ -50,6 +50,12 @@ const AreasAdmin = (props) => {
     }) ?? [],
     shallow
   );
+  const moduleCounts = useAreasStore((state) => {
+    return windowsLayouts.reduce((acc, element) => {
+      acc[element.i] = state.hashWindows[element.i]?.moduleCount;
+      return acc;
+    }, {});
+  }, shallow);
   const { host_static_assets, environment_assets } = useEnvironment();
   const { getLabel } = useModuleDictionary();
   const divRef = useRef(null);
@@ -66,10 +72,11 @@ const AreasAdmin = (props) => {
     maximizeLayout(currentAreaId, layoutId);
   };
   const menuActions = windowsLayouts.map((element) => {
+    const moduleCount = moduleCounts[element.i];
     return {
       type: "menuItem",
       onClick: () => onTouched(element.i),
-      label: element.title,
+      label: `${element.title}${moduleCount ? `:${moduleCount}` : ""}`,
       urlIcon: element.url_icon,
       checkable: true,
       checked: maximizedId === element.i
@@ -102,39 +109,37 @@ const AreasAdmin = (props) => {
                   size: normalizedSize,
                   ownerState: {},
                   children: !isMobile ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx(ScrollBar, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx(
-                        IconButtonAddAreaStyled,
-                        {
-                          "aria-label": "Agregar área",
-                          size: normalizedSize,
-                          variant: "contained",
-                          ownerState,
-                          src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.ADD_AREA}`,
-                          onClick: addArea,
-                          tooltip: getLabel(getAreasDictionary(AREAS_DICCTIONARY.area_add_new))
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        AreaContentChipStyled,
-                        {
-                          size: normalizedSize,
-                          ownerState: {},
-                          children: Array.isArray(areas) && areas.length > 0 && areas.map((areaId) => /* @__PURE__ */ jsx(
-                            AreaChip,
-                            {
-                              size: normalizedSize,
-                              color,
-                              areaId,
-                              selected: areaId === currentAreaId,
-                              disabled: areasLength === 1
-                            },
-                            areaId
-                          ))
-                        }
-                      )
-                    ] }) }),
-                    maximizedId && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(ContainerAdminWindowsStyled, { size: normalizedSize, ownerState, children: [
+                    /* @__PURE__ */ jsx(
+                      IconButtonAddAreaStyled,
+                      {
+                        "aria-label": "Agregar área",
+                        size: normalizedSize,
+                        variant: "contained",
+                        ownerState,
+                        src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.ADD_AREA}`,
+                        onClick: addArea,
+                        tooltip: getLabel(getAreasDictionary(AREAS_DICCTIONARY.area_add_new))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(ScrollBar, { children: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+                      AreaContentChipStyled,
+                      {
+                        size: normalizedSize,
+                        ownerState: {},
+                        children: Array.isArray(areas) && areas.length > 0 && areas.map((areaId) => /* @__PURE__ */ jsx(
+                          AreaChip,
+                          {
+                            size: normalizedSize,
+                            color,
+                            areaId,
+                            selected: areaId === currentAreaId,
+                            disabled: areasLength === 1
+                          },
+                          areaId
+                        ))
+                      }
+                    ) }) }),
+                    maximizedId && windowsLayouts.length > 1 && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(ContainerAdminWindowsStyled, { size: normalizedSize, ownerState, children: [
                       /* @__PURE__ */ jsx(Typography, { size: normalizedSize, children: getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_window)) }),
                       /* @__PURE__ */ jsx(
                         MenuActions,

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

@@ -12,6 +12,9 @@ const areasAdminStyles = {
       flexDirection: "row",
       gap: theme.vars.size.baseSpacings.sp2,
       alignItems: "center"
+    },
+    "& .simplebar-placeholder": {
+      width: "100% !important"
     }
   }),
   /**
@@ -39,7 +42,8 @@ const areasAdminStyles = {
    */
   areaContainerContentChips: () => ({
     display: "flex",
-    flexDirection: "row"
+    flexDirection: "row",
+    alignItems: "center"
   }),
   /**
    * Root area content chip Styles

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/index.js

@@ -33,7 +33,7 @@ const Window = (props) => {
   return /* @__PURE__ */ jsx(
     WindowBase,
     {
-      title: `${title}${moduleCount ? `:${moduleCount}` : null}`,
+      title: `${title}${moduleCount ? `:${moduleCount}` : ""}`,
       iconUrl,
       isLoading: loading,
       onClose: () => windowTools.close(),

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

@@ -134,7 +134,7 @@ function getDataFromResponse(data, state, areaId) {
   if (windows) {
     for (const key in windows) {
       const element = windows[key];
-      if (element && // element['layoutProps'] && //Garantizar que venga con los LayoutProps de la venta
+      if (element && element.moduleCount && // element['layoutProps'] && //Garantizar que venga con los LayoutProps de la venta
       element["mfProps"] && //Garantizar que venga con los mfProps de la venta
       element["emergeType"] === "layout" && element["winType"] === "microfrontend") {
         newWindowsLayoutsIds.push(key);

package/components/index.d.ts

@@ -29,7 +29,7 @@ export * from './modal';
 export * from './LoadingError';
 export * from './MFLoader';
 export { NavLink } from './mui_extended/NavLink';
-export * from './NoItemSelected/NoItemSelected';
+export * from './NoItemSelected';
 export * from './ObjectLogs';
 export * from './ObjectLogs/dictionary';
 export * from './PaperForm/PaperForm';

package/index.js

@@ -123,8 +123,9 @@ import { g as g19 } from "./components/LoadingError/dictionary.js";
 import { M as M10 } from "./components/MFLoader/MFLoader.js";
 import { g as g20 } from "./components/MFLoader/dictionary.js";
 import { N as N3 } from "./components/NoItemSelected/NoItemSelected.js";
+import { g as g21 } from "./components/NoItemSelected/dictionary.js";
 import { O } from "./components/ObjectLogs/index.js";
-import { d as d6, g as g21 } from "./components/ObjectLogs/dictionary.js";
+import { d as d6, g as g22 } from "./components/ObjectLogs/dictionary.js";
 import { P as P9 } from "./components/PaperForm/PaperForm.js";
 import { P as P10 } from "./components/PDFViewer/PDFViewer.js";
 import { H as H4 } from "./components/HelmetPage/index.js";
@@ -139,9 +140,9 @@ import { T as T4 } from "./components/ToastContainer/ToastContainer.js";
 import { T as T5 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
 import { S as S6 } from "./components/SideBar/SideBar.js";
 import { A as A11 } from "./components/AppBar/AppBar.js";
-import { g as g22 } from "./components/AppBar/dictionary.js";
+import { g as g23 } from "./components/AppBar/dictionary.js";
 import { A as A12 } from "./components/AccountPopover/AccountPopover.js";
-import { g as g23 } from "./components/AccountPopover/dictionary.js";
+import { g as g24 } from "./components/AccountPopover/dictionary.js";
 import { u as u8 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore/index.js";
 import { a as a11, P as P12 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
 import { P as P13 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
@@ -161,7 +162,7 @@ import { L as L9 } from "./components/mui_extended/LinearProgress/index.js";
 import { L as L10 } from "./components/mui_extended/LinkWithRoute/index.js";
 import { L as L11 } from "./components/mui_extended/LoadingButton/LoadingButton.js";
 import { P as P14 } from "./components/Pager/Pager.js";
-import { g as g24 } from "./components/Pager/dicctionary.js";
+import { g as g25 } from "./components/Pager/dicctionary.js";
 import { T as T7 } from "./components/mui_extended/Tab/Tab.js";
 import { T as T8 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I6 } from "./components/mui_extended/IconButton/IconButton.js";
@@ -187,7 +188,7 @@ import { T as T19 } from "./components/mui_extended/ToggleIconButton/slots/Toggl
 import { T as T20 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.js";
 import { a as a13, D as D7, M as M13 } from "./components/areas/contexts/DynamicMFParmsContext/index.js";
 import { F, R as R22, u as u9 } from "./components/hook-form/RHFormContext/index.js";
-import { g as g25 } from "./components/hook-form/RHFormContext/dictionary.js";
+import { g as g26 } from "./components/hook-form/RHFormContext/dictionary.js";
 import { u as u10 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { a as a14, M as M14 } from "./contexts/ModalContext/index.js";
@@ -195,7 +196,7 @@ import { a as a15, R as R23 } from "./contexts/RealTimeContext/RealTimeContext.j
 import { u as u11 } from "./hooks/useFormAddEdit/index.js";
 import { u as u12 } from "./hooks/useModal/index.js";
 import { u as u13 } from "./hooks/useTab/index.js";
-import { g as g26 } from "./hooks/useFormAddEdit/dictionary.js";
+import { g as g27 } from "./hooks/useFormAddEdit/dictionary.js";
 import { u as u14 } from "./hooks/useFormFocus/index.js";
 import { u as u15 } from "./hooks/useInterval/index.js";
 import { u as u16 } from "./hooks/useComponentSize/useComponentSize.js";
@@ -387,8 +388,8 @@ export {
   d4 as defaultModalDialogDictionary,
   d6 as defaultObjectLogDictionary,
   d2 as draggableWindowClasses,
-  g23 as getAccountPopoverDictionary,
-  g22 as getAppBarDictionary,
+  g24 as getAccountPopoverDictionary,
+  g23 as getAppBarDictionary,
   b2 as getAreasComponentsDictionary,
   g3 as getAreasDictionary,
   g13 as getCommonActionsDictionary,
@@ -396,7 +397,7 @@ export {
   g2 as getDataGridRowsFromSet,
   g11 as getDistanceToNowFormatterComponentsDictionary,
   a5 as getDynamicFilterComponentsDictionary,
-  g25 as getFormComponentsDictionary,
+  g26 as getFormComponentsDictionary,
   g9 as getFormatConcatenated,
   u4 as getFormatDate,
   g8 as getFormatPoints,
@@ -410,13 +411,14 @@ export {
   a9 as getMenuActionsComponentsDictionary,
   g18 as getModalDialogComponentsDictionary,
   g17 as getModalDictionary,
-  g21 as getObjectLogsComponentsDictionary,
-  g24 as getPagerComponentsDictionary,
+  g21 as getNoItemSelectedComponentsDictionary,
+  g22 as getObjectLogsComponentsDictionary,
+  g25 as getPagerComponentsDictionary,
   g6 as getPeriodComponetsDictionary,
   g5 as getRHFAutocompleteAsyncComponentsDictionary,
   g4 as getRHFAutocompleteComponentsDictionary,
   g7 as getUncertaintyFormat,
-  g26 as getformAddEditDictionary,
+  g27 as getformAddEditDictionary,
   i as isEqualLayout,
   k as isEqualLayouts,
   i2 as isFeature,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.108",
+  "version": "9.1.110",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"