@m4l/components 3.0.0 → 3.0.1

package/components/areas/contexts/AreasContext/{index.9edd84c3.js → index-Dyj8tCdG.js}

@@ -6,13 +6,13 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.d45bfcd2.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.b232384d.js";
-import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.3d9ad0ad.js";
-import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.24857a52.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index-D5If8gFK.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index-qqSduaty.js";
+import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index-22c6E7vK.js";
+import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary-YUsP9beq.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index-bpKDnaCd.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.dd291886.js";
+import { z as isEqualLayouts } from "../../../GridLayout/index-HK_hTGnZ.js";
 const PADDING_GRIDLAYOUT = 11;
 const MARGIN_GRIDLAYOUT = 11;
 const DEBOUCED_SAVE_TIME = 500;
@@ -33,6 +33,8 @@ const DEFAULT_AREA = {
   status: "init",
   zPopUpIndex: 0,
   layouts: DEFAULT_LAYOUTS,
+  // colapsedItems: {},
+  // windowsLayoutIds: [],
   layoutItemsIds: [],
   currentLayoutId: "",
   currentPopUpId: "",
@@ -41,7 +43,7 @@ const DEFAULT_AREA = {
   loadWindows: false
 };
 const addArea = (state) => {
-  const areaId = `area_${new Date().getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
+  const areaId = `area_${(/* @__PURE__ */ new Date()).getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
   const labelNewArea = state.getLabel(getAreasDictionary(DICCTIONARY.label_new_area));
   let isFree;
   let name = `${labelNewArea} 1`;
@@ -139,7 +141,9 @@ function getDataFromResponse(data, state, areaId) {
   if (windows) {
     for (const key in windows) {
       const element = windows[key];
-      if (element && element["mfProps"] && element["emergeType"] === "layout" && element["winType"] === "microfrontend") {
+      if (element && // 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);
         const onClose = state.areaActions.closeLayout;
         state.hashWindows[key] = {
@@ -181,6 +185,7 @@ function getDataFromResponse(data, state, areaId) {
   return {
     newBreakPointsLayouts,
     newHashLayoutItems
+    // baseResponsiveLayoutItems,
   };
 }
 function getCookiesContainer(data, containerId) {
@@ -244,6 +249,7 @@ const createAreasStore = (initProps) => {
                       ...DEFAULT_AREA,
                       ...response.data[i],
                       loadWindows: true
+                      //Se indica que si se carguen las ventas debido a que viene de la API
                     };
                     state.hashAreas[newArea.id] = newArea;
                     state.areasIds.push(newArea.id);
@@ -338,8 +344,7 @@ const createAreasStore = (initProps) => {
                 });
               }
             }
-            if (get().hashAreas[areaId].maximizedId !== void 0)
-              ;
+            if (get().hashAreas[areaId].maximizedId !== void 0) ;
           },
           setHandlerGetLabel: (newHandler) => {
             set((state) => {
@@ -355,7 +360,7 @@ const createAreasStore = (initProps) => {
         },
         areaActions: {
           addWindow: (newWindowProps) => {
-            const windowId = `${get().currentAreaId}_window_${new Date().getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
+            const windowId = `${get().currentAreaId}_window_${(/* @__PURE__ */ new Date()).getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
             if (newWindowProps.emergeType === "layout" || newWindowProps.emergeType === "popup") {
               get().areaActions.addLayout(get().currentAreaId, windowId, newWindowProps);
             } else if (newWindowProps.emergeType === "modal") {
@@ -472,6 +477,7 @@ const createAreasStore = (initProps) => {
                   title: true,
                   url_icon: true,
                   windowOptions: true,
+                  // layoutProps: false,
                   moduleId: true,
                   windowId: true,
                   mfProps: true
@@ -626,8 +632,7 @@ const createAreasStore = (initProps) => {
           maximizeLayout: (areaId, layoutId) => {
             set((state) => {
               const area = state.hashAreas[areaId];
-              if (!area)
-                return;
+              if (!area) return;
               area.maximizedId = layoutId;
               const index = area.layouts["xxs"]?.findIndex((li) => li.i === area.maximizedId);
               if (index !== void 0 && index > -1 && layoutId && state.hashWindows[layoutId].emergeType === "popup") {
@@ -642,8 +647,7 @@ const createAreasStore = (initProps) => {
           normalizeLayouts: (areaId) => {
             set((state) => {
               const area = state.hashAreas[areaId];
-              if (!area)
-                return;
+              if (!area) return;
               if (area.maximizedId) {
                 const index = area.layouts["xxs"]?.findIndex((li) => li.i === area.maximizedId);
                 if (index !== void 0 && index > -1 && state.hashWindows[area.maximizedId].emergeType === "popup") {
@@ -676,6 +680,7 @@ const createAreasStore = (initProps) => {
               parms: { f: [{ n: "container_id", o: "e", o1: areaId }] },
               toastSuccess: false,
               toastError: false
+              // isRemote: false
             }).then((response) => {
               const area2 = get().hashAreas[areaId];
               if (!area2) {
@@ -698,6 +703,158 @@ const createAreasStore = (initProps) => {
               });
             });
           }
+          // addWindowLayoutPendiente: (
+          //     areaId: string,
+          //     windowId: string,
+          //     newWindow: NewLayoutMagnetizableProps,
+          // ) => {
+          //     const newLayoutItem: WinLayoutItem = {
+          //         ...newWindow.layoutProps,
+          //         i: windowId,
+          //         isDraggable: true,
+          //         isResizable: true,
+          //         winType: newWindow.winType,
+          //         freeMove: false,
+          //     };
+          //     set(state => {
+          //         const area = state.hashAreas[areaId];
+          //         if (!area) {
+          //             return;
+          //         }
+          //         const dynamicMFStore = createDynamicMFStore({
+          //             dynamicMFParameters: newWindow.dynamicParams,
+          //             windowId,
+          //         });
+          //         area.windowsLayouts.push(newLayoutItem);
+          //         area.hashWindowsLayouts[windowId] = {
+          //             ...newWindow,
+          //             areaId,
+          //             windowId,
+          //             emergeType: 'layout',
+          //             onClose: (removeLayoutId: string) => {
+          //                 get().areaActions.closeWindowLayout(areaId, removeLayoutId);
+          //             },
+          //             ...DEFAULT_WINDOW,
+          //             dynamicMFStore,
+          //         };
+          //         area.baseResponsivelayoutItems.push({ i: windowId });
+          //         //Agregar la ventana al hash general de todas las ventanas
+          //         state.hashWindows[windowId] = area.hashWindowsLayouts[windowId];
+          //         setAddBreakPoints(area, newLayoutItem);
+          //     });
+          //     get().areaActions.selectLayout(areaId, windowId);
+          //     if (
+          //         get().hashAreas[areaId].viewMode === 'single' ||
+          //         newWindow?.openType === 'maximized'
+          //     ) {
+          //         get().areaActions.maximizeLayout(areaId, windowId);
+          //     }
+          //     get().areaActions.saveLayouts(areaId);
+          //     get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
+          // },
+          // closeLayout: (areaId: string, removePopUpId: string) => {
+          //     set(state => {
+          //         const area = state.hashAreas[areaId];
+          //         if (!area) {
+          //             return;
+          //         }
+          //         const removeIndex = area.windowsPopUps.findIndex(
+          //             wpId => wpId === removePopUpId,
+          //         );
+          //         if (removeIndex > -1) {
+          //             area.windowsPopUps.splice(removeIndex, 1);
+          //         }
+          //         delete area.hashWindowsPopups[removePopUpId];
+          //         delete state.hashWindows[removePopUpId];
+          //     });
+          // },
+          // selectWindowPopUp: (areaId: string, popUpId: string) => {
+          //     set(state => {
+          //         state.hashAreas[areaId].zPopUpIndex++;
+          //         state.hashAreas[areaId].currentPopUpId = popUpId;
+          //         state.hashAreas[areaId].zPopUpIndex++;
+          //         state.hashAreas[areaId].currentPopUpId = popUpId;
+          //         state.hashAreas[areaId].hashWindowsPopups[popUpId].zIndex =
+          //             state.hashAreas[areaId].zPopUpIndex;
+          //         //Seleccionar el layout padre si lo tiene
+          //         if (
+          //             state.hashAreas[areaId].hashWindowsPopups[popUpId].parentLayoutId &&
+          //             state.hashAreas[areaId].hashWindowsPopups[popUpId]
+          //                 .parentLayoutId !== ''
+          //         ) {
+          //             state.hashAreas[areaId].currentLayoutId =
+          //                 state.hashAreas[areaId].hashWindowsPopups[
+          //                     popUpId
+          //                 ].parentLayoutId;
+          //         } else {
+          //             state.hashAreas[areaId].currentLayoutId = '';
+          //         }
+          //     });
+          //     //Enfocar el componente despues de la renderización.
+          //     setTimeout(() => {
+          //         //Asegurar visibilidad si es un reemplazo
+          //         const container = document.getElementsByClassName(
+          //             `${areasViewerClasses.areaGridLayoutPanelContainer}-${areaId}`,
+          //         )[0];
+          //         const element = document.getElementsByClassName(
+          //             `${areasViewerClasses.windowPopupRoot}-${popUpId}`,
+          //         )[0]; //`M4L_WindowPopUp_${popUpId}`,
+          //         //TODO: Proteeccion de los vectores
+          //         if (element && container) {
+          //             const { top, left } = element.getBoundingClientRect();
+          //             const { top: containerTop, left: containerLeft } =
+          //                 container.getBoundingClientRect();
+          //             container.scrollTop = container.scrollTop + top - containerTop;
+          //             container.scrollLeft = container.scrollLeft + left - containerLeft;
+          //         }
+          //     }, 100);
+          //     // windowsPopUps.findIndex(wp => wp.container_id === lookForThisId) > -1) {
+          //     // setSelectedWindow(newSeletectedId);
+          // },
+          // resizeMaximixedLayout: (areaId: string) => {
+          //     set(state => {
+          //         const area = state.hashAreas[areaId];
+          //         if (!area) return;
+          //         if (areaId !== state.currentAreaId) {
+          //             return;
+          //         }
+          //         if (area.viewMode === 'single' && area.currentLayoutId !== '') {
+          //             console.log('Rezigning', areaId);
+          //             const layoutsBreakPoints = area.layouts;
+          //             const container = document.getElementsByClassName(
+          //                 `${areasViewerClasses.areaGridLayout}-${area.id}`,
+          //             )[0];
+          //             window.dispatchEvent(new Event('resize'));
+          //             for (const key in layoutsBreakPoints) {
+          //                 const layoutBreakpoint = layoutsBreakPoints[key];
+          //                 if (layoutBreakpoint) {
+          //                     const clientHeight = container.clientHeight;
+          //                     //Formula que sale de despejar de acuerdo al grid layout en el codigo fuente: heigthpx = colOrRowSize * gridUnits + Math.max(0, gridUnits - 1) * marginPx
+          //                     const heigthUnits =
+          //                         (clientHeight +
+          //                             MARGIN_GRIDLAYOUT -
+          //                             2 * PADDING_GRIDLAYOUT) /
+          //                         (ROW_HEIGTH_GRIDLAYOUT + MARGIN_GRIDLAYOUT);
+          //                     for (
+          //                         let index = 0;
+          //                         index < layoutBreakpoint.length;
+          //                         index++
+          //                     ) {
+          //                         const l = layoutBreakpoint[index];
+          //                         if (l.i === area.currentLayoutId) {
+          //                             l.h = heigthUnits;
+          //                             l.maxH = heigthUnits;
+          //                         }
+          //                     }
+          //                 }
+          //             }
+          //         }
+          //         //TODO: Corregir cuando arranca en celular,
+          //         // no se han cargado las ventanas y no se puede encontrar
+          //         // Adicionalmente no se ha posicionado el panelWindows, y calcula
+          //         // state.cols = MAXIMIZED_COLS;
+          //     });
+          // },
         },
         windowActions: {
           setActions: (windowId, newActions, version) => {
@@ -786,6 +943,7 @@ const createAreasStore = (initProps) => {
                   },
                   toastSuccess: false,
                   toastError: false
+                  // isRemote: false
                 }).then((response) => {
                   set((state) => {
                     const hWs = state.hashWindows[windowId];
@@ -886,6 +1044,7 @@ function AreasProvider(props) {
         isSkeleton,
         focus: false
       }
+      // onLoad,
     });
     areasStoreRef.current?.getState().areasActions.init();
   }

package/components/areas/hooks/useAreas/{index.5a57ab76.js → index-o0DvT3xZ.js}

@@ -1,10 +1,9 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { b as AreasContext } from "../../contexts/AreasContext/index.9edd84c3.js";
+import { b as AreasContext } from "../../contexts/AreasContext/index-Dyj8tCdG.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
-  if (!context)
-    throw new Error("useAreasStore context must be use inside AreasContext");
+  if (!context) throw new Error("useAreasStore context must be use inside AreasContext");
   return useStore(context, selector, equalityFn);
 }
 export {

package/components/areas/hooks/useDynamicMFParameters/{index.9e09e1e3.js → index-DhbcZPs9.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index.3d9ad0ad.js";
+import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index-22c6E7vK.js";
 function useDynamicMFParametersStore(selector, equalityFn) {
   const store = useContext(DynamicMFParmsContext);
   if (!store)

package/components/areas/hooks/useWindowToolsMF/{index.2fbae9dc.js → index-BECQfhbC.js}

@@ -1,9 +1,8 @@
 import { useContext } from "react";
-import { a as WindowToolsMFContext } from "../../contexts/WindowToolsMFContext/index.992ae7a3.js";
+import { a as WindowToolsMFContext } from "../../contexts/WindowToolsMFContext/index-DkE30fhm.js";
 const useWindowToolsMF = () => {
   const context = useContext(WindowToolsMFContext);
-  if (!context)
-    throw new Error("useWindowToolsMF context must be use inside WindowToolsMFContext");
+  if (!context) throw new Error("useWindowToolsMF context must be use inside WindowToolsMFContext");
   return context;
 };
 export {

package/components/commercial/AppBarCommercial/{index.b4f6147e.js → index-DvigwCQP.js}

@@ -1,13 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.f77cc2ab.js";
-import { ab as AppBarComercialRoot } from "../../../styles/index.db9e7ddb.js";
+import { g as getComponentUtilityClass } from "../../../utils/index-DiMrtgIu.js";
+import { ab as AppBarComercialRoot } from "../../../styles/index-Cc9p_h7i.js";
 const componentName = "M4LAppBarCommercial";
 generateUtilityClasses(
   componentName,
   [
+    /* elements */
     "root"
+    /* states or variants of elements */
   ]
 );
 const useAppBarComercialUtilityClasses = () => {

package/components/commercial/SectionCommercial/{index.a250338c.js → index-CLHGooDg.js}

@@ -1,13 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.f77cc2ab.js";
-import { ac as SectionCommercialRoot } from "../../../styles/index.db9e7ddb.js";
+import { g as getComponentUtilityClass } from "../../../utils/index-DiMrtgIu.js";
+import { ac as SectionCommercialRoot } from "../../../styles/index-Cc9p_h7i.js";
 const componentName = "M4LSectionCommercial";
 generateUtilityClasses(
   componentName,
   [
+    /* elements */
     "root",
+    /* states or variants of elements */
     "fullWidth",
     "boxed",
     "columnReverse"

package/components/commercial/TopBar/{index.4fdd66e5.js → index-DJNYXgHq.js}

@@ -1,19 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { generateUtilityClasses, useTheme, Box, Grid, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.f77cc2ab.js";
+import { g as getComponentUtilityClass } from "../../../utils/index-DiMrtgIu.js";
 import { createContext, useContext, useState } from "react";
 import { useEnvironment } from "@m4l/core";
-import { ad as ArrowIconRoot } from "../../../styles/index.db9e7ddb.js";
-import { I as Icon } from "../../Icon/index.c06685f4.js";
+import { ad as ArrowIconRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { I as Icon } from "../../Icon/index-CedboS6y.js";
 import clsx from "clsx";
-import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { A as Accordion } from "../../mui_extended/Accordion/index.26524ecd.js";
-import { B as Button } from "../../mui_extended/Button/index.3d14e3e9.js";
-import { P as Popover } from "../../mui_extended/Popover/index.a7da93f1.js";
+import { g as getNameDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index-ZFpEUCnw.js";
+import { B as Button } from "../../mui_extended/Button/index-DlzpoczE.js";
+import { P as Popover } from "../../mui_extended/Popover/index-C6_2t4L1.js";
 const componentName = "M4LTopBar";
 const TopBarClasses = generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "ContainerImageComercial",
   "SimplebarComercial",
@@ -22,6 +23,7 @@ const TopBarClasses = generateUtilityClasses(componentName, [
   "ContainerAccordion",
   "ContainerAccordionCase1",
   "IconAndButton",
+  /* states or variants of elements */
   "IsActive"
 ]);
 function getTopBarClassesUtilityClass() {
@@ -58,7 +60,6 @@ const TopBarProvider = (props) => {
   );
 };
 const useTopBar = () => useContext(TopBarContext);
-const useTopBar$1 = useTopBar;
 function ArrowIcon(props) {
   const { openState } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
@@ -83,7 +84,7 @@ const isActive = (data) => {
 };
 const NavItemRoot = (props) => {
   const theme = useTheme();
-  const { classes, dataTestId } = useTopBar$1();
+  const { classes, dataTestId } = useTopBar();
   const { itemRootData } = props;
   const { title, children, module_id } = itemRootData;
   const [anchorEl, setAnchorEl] = useState(null);
@@ -200,12 +201,13 @@ const NavItemRoot = (props) => {
   );
 };
 const ConteinItem = () => {
-  const { dataMenu: DataMenu, classes, dataTestId } = useTopBar$1();
+  const { dataMenu: DataMenu, classes, dataTestId } = useTopBar();
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: classes.SimplebarComercial,
       ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId(componentName, "SimplebarComercial", dataTestId) } : {},
+      //Map que se encarga de cargar el iNavItemRoot
       children: DataMenu.map((group) => /* @__PURE__ */ jsx(NavItemRoot, { itemRootData: group }, group.module_id))
     }
   );

package/components/commercial/{index.be1af158.js → index-BLUHQfcA.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { ae as HamburgerMenuRoot } from "../../styles/index.db9e7ddb.js";
+import { ae as HamburgerMenuRoot } from "../../styles/index-Cc9p_h7i.js";
 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 { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 import { useEnvironment } from "@m4l/core";
-import { S as SideBar } from "../SideBar/index.990e8667.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.7b6c1ee3.js";
+import { S as SideBar } from "../SideBar/index-Cg1bZn8y.js";
+import { I as IconButton } from "../mui_extended/IconButton/index-BfDbi0cC.js";
 const componentName = "M4LHamburgerMenuCommercial";
 generateUtilityClasses(componentName, ["root", "ImageLogo"]);
 function getHamburgerMenuComercialClassesUtilityClass(slot) {

package/components/formatters/BooleanFormatter/{index.91435984.js → index-DpF0x_xp.js}

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.c06685f4.js";
-import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.64017cc1.js";
+import { I as Icon } from "../../Icon/index-CedboS6y.js";
+import { W as WrapperComponent } from "../../WrapperComponent/index-BHV-CsDU.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index-CDt8LzvL.js";
 import clsx from "clsx";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;
 const LABEL_BOOLEAN_YES = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_yes`;

package/components/formatters/DateFormatter/{index.2ef6f261.js → index-CGcRZ8BA.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useFormatter } from "@m4l/graphics";
-import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
+import { W as WrapperComponent } from "../../WrapperComponent/index-BHV-CsDU.js";
 function getFormatDate(presentationType, value, format) {
   const { dateFormatter } = useFormatter();
   let finalFormat = format || dateFormatter.datetimeFormat;

package/components/formatters/PointsFormatter/{index.51cd6774.js → index-C7sR8iqk.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
-import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
+import { W as WrapperComponent } from "../../WrapperComponent/index-BHV-CsDU.js";
 function getFormatPoints(obProps, fieldValue, fieldUnit, chainPoint) {
   let result = "";
   const points = getPropertyByString(obProps, fieldValue);

package/components/formatters/PriceFormatter/{index.97f75b4b.js → index-CsvRawmc.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
 import { useFormatter } from "@m4l/graphics";
-import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
+import { W as WrapperComponent } from "../../WrapperComponent/index-BHV-CsDU.js";
 function getFormatPrice(obProps, fieldValue, currency, decimalDigits) {
   let result = "";
   const value = getPropertyByString(obProps, fieldValue);

package/components/formatters/UncertaintyFormatter/{index.c3ffdebc.js → index-B9ESVEVp.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
-import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
+import { W as WrapperComponent } from "../../WrapperComponent/index-BHV-CsDU.js";
 function getUncertaintyFormat(obProps, fieldValue, fieldSymbol, fieldUnit) {
   let result = "";
   const ranges = getPropertyByString(obProps, fieldValue);
@@ -10,11 +10,11 @@ function getUncertaintyFormat(obProps, fieldValue, fieldSymbol, fieldUnit) {
     return "[]";
   }
   ranges.map((obj, idx) => {
-    const cmc_min_closed = obj.cmc_min_closed != true ? "<" : "\u2264";
-    const cmc_max_closed = obj.cmc_max_closed != true ? "<" : "\u2264";
+    const cmc_min_closed = obj.cmc_min_closed != true ? "<" : "≤";
+    const cmc_max_closed = obj.cmc_max_closed != true ? "<" : "≤";
     result = result.concat(
       `${idx > 0 ? " " : ""}`,
-      obj.cmc_min !== obj.cmc_max ? `[${obj.cmc_min}${unit} ${cmc_min_closed} ${symbol} ${cmc_max_closed} ${obj.cmc_max}${unit} \xB1 ${obj.cmc_uncertainty}]` : `[${obj.cmc_min}${unit} \xB1 ${obj.cmc_uncertainty}]`
+      obj.cmc_min !== obj.cmc_max ? `[${obj.cmc_min}${unit} ${cmc_min_closed} ${symbol} ${cmc_max_closed} ${obj.cmc_max}${unit} ± ${obj.cmc_uncertainty}]` : `[${obj.cmc_min}${unit} ± ${obj.cmc_uncertainty}]`
     );
   });
   return result;

package/components/formatters/{index.64017cc1.js → index-CDt8LzvL.js}

@@ -1,15 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { af as FormatterRootContainer } from "../../styles/index.db9e7ddb.js";
-import { W as WrapperComponent } from "../WrapperComponent/index.57964195.js";
+import { af as FormatterRootContainer } from "../../styles/index-Cc9p_h7i.js";
+import { W as WrapperComponent } from "../WrapperComponent/index-BHV-CsDU.js";
 import { useModuleDictionary } from "@m4l/core";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.91435984.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index-DpF0x_xp.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
+  /* elements */
   "root",
   "booleanFormatterIcon",
   "booleanFormatterCheck"
+  /* states or variants of elements */
 ]);
 const FormatterRoot = (props) => {
   const { children } = props;
@@ -17,17 +19,14 @@ const FormatterRoot = (props) => {
 };
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
-  if (values === null)
-    return returnSymbol;
+  if (values === null) return returnSymbol;
   if (!Array.isArray(values)) {
     return values.toString();
   } else {
-    if (values.length == 0)
-      return returnSymbol;
+    if (values.length == 0) return returnSymbol;
     else {
       const result = values.map((value) => {
-        if (value === null || value === void 0)
-          return returnSymbol;
+        if (value === null || value === void 0) return returnSymbol;
         else {
           if (typeof value === "string" || typeof value === "number") {
             return value.toString();
@@ -71,30 +70,25 @@ function getFormatPeriod(years, months, days) {
     case 0:
       break;
     case 1:
-      if (years > 0)
-        period += separator;
+      if (years > 0) period += separator;
       period += "1 " + getLabel(dictionary.LABEL_MONTH);
       break;
     default:
-      if (years > 0)
-        period += separator;
+      if (years > 0) period += separator;
       period += months.toString() + " " + getLabel(dictionary.LABEL_MONTHS);
   }
   switch (days) {
     case 0:
       break;
     case 1:
-      if (years > 0 || months > 0)
-        period += separator;
+      if (years > 0 || months > 0) period += separator;
       period += "1 " + getLabel(dictionary.LABEL_DAY);
       break;
     default:
-      if (years > 0 || months > 0)
-        period += separator;
+      if (years > 0 || months > 0) period += separator;
       period += days.toString() + " " + getLabel(dictionary.LABEL_DAYS);
   }
-  if (period == "")
-    period = "-";
+  if (period == "") period = "-";
   return period;
 }
 function PeriodFormatter(props) {

package/components/hook-form/HelperError/{index.360f8fb7.js → index-D-_czK9n.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useFormContext, useController } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.6818980e.js";
+import { H as HelperText } from "../../HelperText/index-COWCXeJp.js";
 function HelperError(props) {
   const { name } = props;
   const { control } = useFormContext();