@m4l/components 1.0.11 → 1.0.13

package/components/areas/components/index.558684b3.js

@@ -0,0 +1 @@
+

package/components/areas/constants.66529246.js

@@ -0,0 +1,6 @@
+const AREAS_VIEWER_CLASS_NAME = "M4LAreasViewer";
+const AREAS_ADMIN_CLASS_NAME = "M4LAreasAdmin";
+export {
+  AREAS_ADMIN_CLASS_NAME as A,
+  AREAS_VIEWER_CLASS_NAME as a
+};

package/components/areas/contexts/AreasContext/{index.0815f278.js → index.3311cbf9.js}

@@ -6,12 +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, b as useAreasAdminUtilityClasses } from "../../../../vendor.5b266106.js";
-import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.37d1d444.js";
-import { b as getAreasDictionary, c as DICCTIONARY } from "../../dictionary.6168209a.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.97505a31.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.6e30ec72.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.325bac22.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.45cecca2.js";
 import { debounce, cloneDeep } from "lodash";
-import { q as isEqualLayouts } from "../../../GridLayout/index.656840a5.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.68d907d4.js";
 import { useNavigate } from "react-router-dom";
 const PADDING_GRIDLAYOUT = 11;
 const MARGIN_GRIDLAYOUT = 11;

package/components/areas/contexts/DynamicMFParmsContext/{index.37d1d444.js → index.3d9ad0ad.js}

@@ -29,8 +29,8 @@ function DynamicMFParmsProvider(props) {
 }
 const MemonizedDynamicMFParmsProvider = React__default.memo(DynamicMFParmsProvider);
 export {
-  DynamicMFParmsContext as D,
+  DynamicMFParmsProvider as D,
   MemonizedDynamicMFParmsProvider as M,
-  DynamicMFParmsProvider as a,
+  DynamicMFParmsContext as a,
   createDynamicMFStore as c
 };

package/components/areas/contexts/WindowToolsMFContext/{index.69d95c15.js → index.992ae7a3.js}

@@ -7,6 +7,6 @@ function WindowToolsMFProvider(props) {
 }
 React__default.memo(WindowToolsMFProvider);
 export {
-  WindowToolsMFContext as W,
-  WindowToolsMFProvider as a
+  WindowToolsMFProvider as W,
+  WindowToolsMFContext as a
 };

package/components/areas/contexts/index.24025b97.js

@@ -0,0 +1 @@
+

package/components/areas/dictionary.08cfc4c9.js

@@ -0,0 +1,36 @@
+const AREAS_DICTIONARY_ID = "areas";
+function getAreasComponentsDictionary() {
+  return [AREAS_DICTIONARY_ID];
+}
+const LABEL_FILTER_BUTTON = "filter_tooltip";
+const DICCTIONARY = {
+  label_new_area: "label_new_area",
+  label_persist_module_cookies: "label_persist_module_cookies",
+  validation_edit_area: "validation_edit_area",
+  label_edit_area: "label_edit_area",
+  label_delete_area: "label_delete_area",
+  label_window_colapse: "label_window_colapse",
+  label_window_un_colapse: "label_window_un_colapse",
+  area_error_title: "area_error_title",
+  area_error_description: "area_error_description",
+  area_error_recommendation: "area_error_recommendation",
+  area_error_intro: "area_error_intro",
+  area_add_new: "area_add_new",
+  label_reset_module_cookies: "label_reset_module_cookies",
+  label_close_window: "label_close_window",
+  label_maximize_window: "label_maximize_window",
+  label_minimize_window: "label_minimize_window",
+  label_collapse_window: "label_collapse_window",
+  label_uncollapse_window: "label_uncollapse_window",
+  label_module_actions: "label_module_actions"
+};
+const getAreasDictionary = (key) => {
+  return `${AREAS_DICTIONARY_ID}.${key}`;
+};
+export {
+  AREAS_DICTIONARY_ID as A,
+  DICCTIONARY as D,
+  LABEL_FILTER_BUTTON as L,
+  getAreasComponentsDictionary as a,
+  getAreasDictionary as g
+};

package/components/areas/hooks/index.d9dc1e21.js

@@ -0,0 +1 @@
+

package/components/areas/hooks/useAreas/{index.4039e30d.js → index.f81493ef.js}

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

package/components/areas/hooks/useDynamicMFParameters/{index.03ce6078.js → index.9e09e1e3.js}

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

package/components/areas/hooks/useWindowToolsMF/{index.09801b66.js → index.2fbae9dc.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { W as WindowToolsMFContext } from "../../contexts/WindowToolsMFContext/index.69d95c15.js";
+import { a as WindowToolsMFContext } from "../../contexts/WindowToolsMFContext/index.992ae7a3.js";
 const useWindowToolsMF = () => {
   const context = useContext(WindowToolsMFContext);
   if (!context)

package/components/areas/icons.8266ccc8.js

@@ -0,0 +1,26 @@
+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",
+  MODULE: "module.svg",
+  POPUP: "popup.svg"
+};
+export {
+  ICONS as I
+};

package/components/areas/index.4cc6a221.js

@@ -0,0 +1,22 @@
+import { useEffect } from "react";
+function useOnClickOutside(ref, handler, noRef) {
+  useEffect(() => {
+    const listener = (event) => {
+      const el = ref?.current;
+      const noEl = noRef?.current;
+      if (!el || el.contains(event.target) || noEl && noEl.contains(event.target)) {
+        return;
+      }
+      handler(event);
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler]);
+}
+export {
+  useOnClickOutside as u
+};

package/components/commercial/AppBarCommercial/index.cbd55cf8.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { generateUtilityClasses, styled } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
+const componentName = "M4LAppBarCommercial";
+generateUtilityClasses(
+  componentName,
+  [
+    "root"
+  ]
+);
+const useAppBarComercialUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+};
+const AppBarComercialRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LAppBarCommercial?.styleOverrides
+}));
+const AppBarComercial = (props) => {
+  const { children } = props;
+  const classes = useAppBarComercialUtilityClasses();
+  return /* @__PURE__ */ jsx(AppBarComercialRoot, { className: classes.root, children });
+};
+export {
+  AppBarComercial as A
+};

package/components/commercial/SectionCommercial/index.d22ebbd5.js

@@ -0,0 +1,57 @@
+import { jsx } from "react/jsx-runtime";
+import { generateUtilityClasses, styled } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
+import { S as Stack } from "../../mui_extended/Stack/index.fe363ca5.js";
+const componentName = "M4LSectionCommercial";
+generateUtilityClasses(
+  componentName,
+  [
+    "root",
+    "fullWidth",
+    "boxed",
+    "columnReverse"
+  ]
+);
+const useAppBarComercialUtilityClasses = (ownerState) => {
+  const slots = {
+    root: [
+      "root",
+      ownerState.contentWith === "fullWidth" && "fullWidth",
+      ownerState.contentWith === "boxed" && "boxed",
+      ownerState.columnReverse && "columnReverse"
+    ]
+  };
+  return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+};
+const SectionCommercialRoot = styled(Stack)(({ theme }) => ({
+  ...theme.components?.M4LSectionCommercial?.styleOverrides
+}));
+const SectionCommercial = (props) => {
+  const {
+    children,
+    contentWith = "boxed",
+    paddingX = "40px",
+    paddingY,
+    columnReverse = false,
+    ...others
+  } = props;
+  const ownerState = {
+    contentWith,
+    columnReverse
+  };
+  const classes = useAppBarComercialUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsx(
+    SectionCommercialRoot,
+    {
+      className: classes.root,
+      paddingY,
+      ...others,
+      ...contentWith === "boxed" ? { paddingX } : null,
+      children
+    }
+  );
+};
+export {
+  SectionCommercial as S
+};

package/components/commercial/TopBar/index.410fffa8.js

@@ -0,0 +1,234 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { generateUtilityClasses, styled, useTheme, Box, Grid } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
+import { createContext, useContext, useState } from "react";
+import { useEnvironment } from "@m4l/core";
+import { I as Icon } from "../../Icon/index.83867398.js";
+import clsx from "clsx";
+import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index.0843a609.js";
+import { B as Button } from "../../mui_extended/Button/index.d742e9ee.js";
+import { P as Popover } from "../../mui_extended/Popover/index.2348fc4f.js";
+const componentName = "M4LTopBar";
+const TopBarClasses = generateUtilityClasses(componentName, [
+  "root",
+  "ContainerImageComercial",
+  "SimplebarComercial",
+  "ItemRoot",
+  "ItemSelect",
+  "ContainerAccordion",
+  "ContainerAccordionCase1",
+  "IconAndButton",
+  "IsActive"
+]);
+function getTopBarClassesUtilityClass() {
+  const slots = {
+    root: ["root"],
+    ContainerImageComercial: ["ContainerImageComercial"],
+    SimplebarComercial: ["SimplebarComercial"],
+    ItemRoot: ["ItemRoot"],
+    ItemSelect: ["ItemSelect"],
+    ContainerAccordion: ["ContainerAccordion"],
+    ContainerAccordionCase1: ["ContainerAccordionCase1"],
+    IconAndButton: ["IconAndButton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+  return {
+    ...composedClasses
+  };
+}
+const initialstate = {
+  dataMenu: [],
+  classes: getTopBarClassesUtilityClass(),
+  dataTestId: ""
+};
+const TopBarContext = createContext(initialstate);
+const TopBarProvider = (props) => {
+  const { children, value } = props;
+  const { dataMenu: DataMenu, classes, dataTestId } = value;
+  return /* @__PURE__ */ jsx(
+    TopBarContext.Provider,
+    {
+      value: { dataMenu: DataMenu, classes, dataTestId },
+      children
+    }
+  );
+};
+const useTopBar = () => useContext(TopBarContext);
+const useTopBar$1 = useTopBar;
+const ArrowIconRoot = styled("div")(() => ({
+  display: "flex",
+  alignSelf: "center",
+  lineHeight: 0
+}));
+function ArrowIcon(props) {
+  const { openState } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  return /* @__PURE__ */ jsx(ArrowIconRoot, { className: "", children: /* @__PURE__ */ jsx(
+    Icon,
+    {
+      src: `${host_static_assets}/${environment_assets}/frontend/components/sidebar/assets/icons/ChevronRight.svg`,
+      rotationAngle: openState ? 270 : 90,
+      size: "medium"
+    }
+  ) });
+}
+const isActive = (data) => {
+  const path = window.location.pathname;
+  if (data.path === path) {
+    return true;
+  }
+  if (data.children) {
+    return data.children.some((item) => isActive(item));
+  }
+  return false;
+};
+const NavItemRoot = (props) => {
+  const theme = useTheme();
+  const { classes, dataTestId } = useTopBar$1();
+  const { itemRootData } = props;
+  const { title, children, module_id } = itemRootData;
+  const [anchorEl, setAnchorEl] = useState(null);
+  const [openedPopoverId, setOpenedPopoverId] = useState(null);
+  const handleClick = (event, popoverId) => {
+    setAnchorEl(event.currentTarget);
+    setOpenedPopoverId(popoverId);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+    setOpenedPopoverId(null);
+  };
+  const renderMenuItems = (items) => {
+    return items.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: item.children ? item.children && item.children.length > 0 && /* @__PURE__ */ jsx(Accordion, { label: item.title, children: renderMenuItems(item.children) }) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          classes.ItemSelect,
+          item.path === window.location.pathname ? TopBarClasses.IsActive : null
+        ),
+        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId(componentName, "ItemSelect", dataTestId) } : {},
+        children: /* @__PURE__ */ jsx(Button, { variant: "text", href: item.path, fullWidth: true, children: item.title })
+      }
+    ) }, index));
+  };
+  const renderPopover = () => {
+    return /* @__PURE__ */ jsx(
+      Popover,
+      {
+        elevation: 3,
+        id: module_id,
+        open: openedPopoverId === itemRootData.module_id ? true : false,
+        anchorEl,
+        onClose: handleClose,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "center"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "center"
+        },
+        arrowType: "top-center",
+        sx: { ...theme.components?.M4LPopoverTopBar?.styleOverrides },
+        children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 0.5, children: children && children.length > 0 && renderMenuItems(children) })
+      }
+    );
+  };
+  const render = () => {
+    if (itemRootData.children && itemRootData.path) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: classes.ContainerAccordionCase1,
+          ...process.env.NODE_ENV !== "production" ? {
+            [TEST_PROP_ID]: getNameDataTestId(
+              componentName,
+              "ContainerAccordionCase1",
+              dataTestId
+            )
+          } : {},
+          children: [
+            /* @__PURE__ */ jsx(Button, { size: "medium", variant: "text", href: itemRootData.path, children: title }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "text",
+                id: module_id,
+                onClick: (e) => handleClick(e, module_id),
+                endIcon: /* @__PURE__ */ jsx(ArrowIcon, { openState: openedPopoverId === module_id ? true : false })
+              }
+            ),
+            renderPopover()
+          ]
+        }
+      );
+    }
+    if (itemRootData.children) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: classes.ContainerAccordion,
+          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId(componentName, "ContainerAccordion", dataTestId) } : {},
+          children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-describedby": module_id,
+                variant: "text",
+                size: "medium",
+                onClick: (e) => handleClick(e, itemRootData.module_id),
+                endIcon: /* @__PURE__ */ jsx(ArrowIcon, { openState: openedPopoverId === module_id ? true : false }),
+                children: title
+              }
+            ),
+            renderPopover()
+          ]
+        }
+      );
+    }
+    if (itemRootData.path)
+      return /* @__PURE__ */ jsx(Button, { variant: "text", size: "medium", href: itemRootData.path, "aria-describedby": module_id, children: /* @__PURE__ */ jsx("div", { children: title }) });
+  };
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: clsx(
+        classes.ItemRoot,
+        isActive(itemRootData) || openedPopoverId === itemRootData.module_id ? TopBarClasses.IsActive : null
+      ),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId(componentName, "ItemRoot", dataTestId) } : {},
+      children: render()
+    }
+  );
+};
+const ConteinItem = () => {
+  const { dataMenu: DataMenu, classes, dataTestId } = useTopBar$1();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classes.SimplebarComercial,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId(componentName, "SimplebarComercial", dataTestId) } : {},
+      children: DataMenu.map((group) => /* @__PURE__ */ jsx(NavItemRoot, { itemRootData: group }, group.module_id))
+    }
+  );
+};
+const TopBarRoot = styled("header")(({ theme }) => ({
+  ...theme.components?.M4LTopBar?.styleOverrides
+}));
+const TopBar = (props) => {
+  const { dataMenu: DataMenu, dataTestId } = props;
+  const classes = getTopBarClassesUtilityClass();
+  return /* @__PURE__ */ jsx(
+    TopBarRoot,
+    {
+      className: classes.root,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId(componentName, "root", dataTestId) } : {},
+      children: /* @__PURE__ */ jsx(TopBarProvider, { value: { dataMenu: DataMenu, classes, dataTestId }, children: /* @__PURE__ */ jsx(ConteinItem, {}) })
+    }
+  );
+};
+export {
+  TopBar as T
+};

package/components/{HamburgerMenu/index.6c82741d.js → commercial/index.07638f52.js}

@@ -3,13 +3,14 @@ import { useState } from "react";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { r as componentName, H as HAMBURGER_MENU_PREFIX, T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useEnvironment } from "@m4l/core";
-import { S as SideBar } from "../SideBar/index.d221254d.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.d5b273e6.js";
+import { S as SideBar } from "../SideBar/index.4075c562.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.b4532b85.js";
 const HamburgerMenuRoot = styled("header")(({ theme }) => ({
   ...theme.components?.M4LHamburgerMenuCommercial?.styleOverrides
 }));
+const componentName = "M4LHamburgerMenuCommercial";
 generateUtilityClasses(componentName, ["root", "ImageLogo"]);
 function getHamburgerMenuComercialClassesUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
@@ -24,6 +25,7 @@ const useHamburgerMenuComercialUtilityClasses = () => {
     ...composedClasses
   };
 };
+const HAMBURGER_MENU_PREFIX = "M4LHamburgerMenu";
 const getNameDataTestId = (KEY) => {
   return `${HAMBURGER_MENU_PREFIX}-${KEY}`;
 };

package/components/formatters/BooleanFormatter/index.cbf9cd6e.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
+import { I as Icon } from "../../Icon/index.83867398.js";
+import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.63a3e08e.js";
+import clsx from "clsx";
+const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;
+const LABEL_BOOLEAN_YES = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_yes`;
+const LABEL_BOOLEAN_NO = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_no`;
+const LABEL_BOOLEAN_TRUE = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_true`;
+const LABEL_BOOLEAN_FALSE = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_false`;
+function BooleanFormatter(props) {
+  const { presentationType, value, Component = WrapperComponent } = props;
+  const { getLabel } = useModuleDictionary();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const final_value = value ?? false;
+  const srcCheckTrue = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_true.svg`;
+  const srcCheckFalse = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_false.svg`;
+  const memoComponent = useMemo(() => {
+    if (presentationType === "string_yes_no") {
+      return /* @__PURE__ */ jsx(Component, { children: final_value ? getLabel(LABEL_BOOLEAN_YES) : getLabel(LABEL_BOOLEAN_NO) });
+    }
+    if (presentationType === "string_true_false") {
+      return /* @__PURE__ */ jsx(Component, { children: final_value ? getLabel(LABEL_BOOLEAN_TRUE) : getLabel(LABEL_BOOLEAN_FALSE) });
+    }
+    return /* @__PURE__ */ jsx(FormatterRoot, { children: /* @__PURE__ */ jsx(Component, { children: /* @__PURE__ */ jsx(
+      Icon,
+      {
+        src: final_value ? srcCheckTrue : srcCheckFalse,
+        className: clsx(
+          formatterClasses.root,
+          formatterClasses.booleanFormatterIcon,
+          final_value && formatterClasses.booleanFormatterCheck
+        )
+      }
+    ) }) });
+  }, [final_value]);
+  return memoComponent;
+}
+export {
+  BooleanFormatter as B,
+  BOOLEAN_FORMATTER_DICTIONARY_KEY as a
+};

package/components/formatters/DateFormatter/index.2ef6f261.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import { useFormatter } from "@m4l/graphics";
+import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
+function getFormatDate(presentationType, value, format) {
+  const { dateFormatter } = useFormatter();
+  let finalFormat = format || dateFormatter.datetimeFormat;
+  let result;
+  let resultDate;
+  if (value === void 0 || value === null) {
+    return "-";
+  }
+  switch (presentationType) {
+    case "datetime":
+      finalFormat = format || dateFormatter.datetimeFormat;
+      break;
+    case "date":
+      finalFormat = format || dateFormatter.dateFormat;
+      break;
+    case "time":
+      finalFormat = format || dateFormatter.timeFormat;
+      break;
+  }
+  try {
+    if (typeof value === "number" || typeof value === "string") {
+      resultDate = new Date(value);
+    } else {
+      resultDate = value;
+    }
+    result = dateFormatter.formatDate(resultDate, finalFormat);
+    return result;
+  } catch (e) {
+    result = "-";
+    return result;
+  }
+}
+function DateFormatter(props) {
+  const { presentationType, value, format, Component = WrapperComponent } = props;
+  return /* @__PURE__ */ jsx(Component, { children: getFormatDate(presentationType, value, format) });
+}
+export {
+  DateFormatter as D,
+  getFormatDate as g
+};

package/components/formatters/PointsFormatter/index.d8a4ee54.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { evaluateWithContext } from "@m4l/core";
+import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
+function getFormatPoints(obProps, fieldValue, fieldUnit, chainPoint) {
+  let result = "";
+  const points = evaluateWithContext(obProps, fieldValue);
+  const unit = evaluateWithContext(obProps, fieldUnit) || "";
+  if (points === void 0 || points === null || !Array.isArray(points)) {
+    return "[]";
+  }
+  points.map((point) => {
+    if (point) {
+      result = !chainPoint ? result.concat(`[${point}${unit}]`) : result.concat(`[${evaluateWithContext(point, chainPoint)}${unit}]`);
+    }
+  });
+  return result;
+}
+function PointsFormatter(props) {
+  const { obProps, fieldValue, fieldUnit, Component = WrapperComponent } = props;
+  return /* @__PURE__ */ jsx(Component, { children: getFormatPoints(obProps, fieldValue, fieldUnit) });
+}
+export {
+  PointsFormatter as P,
+  getFormatPoints as g
+};