@m4l/components 3.1.9 → 4.0.0

package/components/areas/contexts/DynamicMFParmsContext/index-SHbC_49A.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { createContext } from "react";
+const DynamicMFParmsContext = createContext(null);
+function DynamicMFParmsProvider(props) {
+  const { children, store } = props;
+  return /* @__PURE__ */ jsx(DynamicMFParmsContext.Provider, { value: store, children });
+}
+const MemonizedDynamicMFParmsProvider = React__default.memo(DynamicMFParmsProvider);
+export {
+  DynamicMFParmsProvider as D,
+  MemonizedDynamicMFParmsProvider as M,
+  DynamicMFParmsContext as a
+};

package/components/areas/contexts/DynamicMFParmsContext/store-8_SPgo06.js

@@ -0,0 +1,25 @@
+import { createStore } from "zustand";
+import { immer } from "zustand/middleware/immer";
+const createDynamicMFStore = (initProps) => {
+  const startProps = {
+    ...initProps
+  };
+  return createStore(
+    immer((set, _get) => ({
+      ...startProps,
+      actions: {
+        changeData: (newDynamicMFState) => {
+          set((state) => {
+            state.dynamicMFParameters = {
+              ...state.dynamicMFParameters,
+              ...newDynamicMFState
+            };
+          });
+        }
+      }
+    }))
+  );
+};
+export {
+  createDynamicMFStore as c
+};

package/components/areas/contexts/WindowToolsMFContext/index-DkE30fhm.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { createContext } from "react";
+const WindowToolsMFContext = createContext(null);
+function WindowToolsMFProvider(props) {
+  const { children, ...other } = props;
+  return /* @__PURE__ */ jsx(WindowToolsMFContext.Provider, { value: { ...other }, children });
+}
+React__default.memo(WindowToolsMFProvider);
+export {
+  WindowToolsMFProvider as W,
+  WindowToolsMFContext as a
+};

package/components/areas/contexts/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/areas/dictionary-YUsP9beq.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-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/areas/hooks/useAreas/index-BSiQCHAL.js

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

package/components/areas/hooks/useDynamicMFParameters/index-CyAquEeF.js

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { useStore } from "zustand";
+import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index-SHbC_49A.js";
+function useDynamicMFParametersStore(selector, equalityFn) {
+  const store = useContext(DynamicMFParmsContext);
+  if (!store)
+    throw new Error("useDynamicMFParametersStore context must be use inside DynamicMFParmsContext");
+  return useStore(store, selector, equalityFn);
+}
+export {
+  useDynamicMFParametersStore as u
+};

package/components/areas/hooks/useSetWindowsTitle/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/areas/hooks/useSetWindowsTitle/useSetWindowsTitle-C-wV4gzi.js

@@ -0,0 +1,31 @@
+import { useEffect } from "react";
+import { shallow } from "zustand/shallow";
+import { useFlagsPresent, CommonFlags, useModuleDictionary } from "@m4l/core";
+import { u as useWindowToolsMF } from "../useWindowToolsMF/index-BECQfhbC.js";
+import { u as useDynamicMFParametersStore } from "../useDynamicMFParameters/index-CyAquEeF.js";
+const titleLabels = {
+  moduleName: "module_name",
+  moduleNameAdd: "module_name_add",
+  moduleNameEdit: "module_name_edit"
+};
+function useSetWindowsTitle({
+  isAddEditModule = false
+} = {}) {
+  const isFlagPresent = useFlagsPresent([CommonFlags.FLAG_DICTIONARY_LOADED]);
+  const { getLabel } = useModuleDictionary();
+  const { setWindowTitle } = useWindowToolsMF();
+  const id = useDynamicMFParametersStore(
+    // objectId or id  puede ser el nombre del parametro del con el Id que se está editando en los modulos add/edit
+    (state) => state.dynamicMFParameters?.objectId || state.dynamicMFParameters?.id,
+    shallow
+  );
+  useEffect(() => {
+    if (isFlagPresent) {
+      const labelKey = isAddEditModule ? id ? titleLabels.moduleNameEdit : titleLabels.moduleNameAdd : titleLabels.moduleName;
+      setWindowTitle(getLabel(labelKey));
+    }
+  }, [getLabel, isFlagPresent]);
+}
+export {
+  useSetWindowsTitle as u
+};

package/components/areas/hooks/useWindowToolsMF/index-BECQfhbC.js

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+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");
+  return context;
+};
+export {
+  useWindowToolsMF as u
+};

package/components/areas/icons-CwFr-alN.js

@@ -0,0 +1,24 @@
+const ICONS = {
+  CLOSE: "close.svg",
+  MAXIMIZE: "maximize.svg",
+  NORMALIZE: "normalize.svg",
+  COLAPSE: "colapse.svg",
+  UNCOLPASE: "uncolapse.svg",
+  RESET_COOKIES: "reset_cookies.svg",
+  SAVE_COOKIES: "save_cookies.svg",
+  DELETE_AREA: "delete_area.svg",
+  ADD_AREA: "add_area.svg",
+  LAYERS: "layers.svg",
+  NAVIGATE_ERROR: "navegate_error.svg",
+  EDIT_AREA: "edit.svg",
+  CHECK: "checkmarkInCircle.svg",
+  RESIZE: "controlSize.svg",
+  VERSION: "version.svg",
+  SHOW_OPTIONS: "showMoreVertical.svg",
+  CHEVRON_DOWN: "chevronDown.svg",
+  MODULE: "module.svg",
+  POPUP: "popup.svg"
+};
+export {
+  ICONS as I
+};

package/components/areas/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/areas/utils/useOnClickOutside/index-B_Odny9h.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/classes/constants-a6toCdwm.js

@@ -0,0 +1,4 @@
+const componentName = "M4LAppBarCommercial";
+export {
+  componentName as c
+};

package/components/commercial/AppBarCommercial/classes/index-3fKT0VDA.js

@@ -0,0 +1,21 @@
+import { generateUtilityClasses } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants-a6toCdwm.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index-WXiWKKyo.js";
+generateUtilityClasses(
+  componentName,
+  [
+    /* elements */
+    "root"
+    /* states or variants of elements */
+  ]
+);
+const useAppBarComercialUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+};
+export {
+  useAppBarComercialUtilityClasses as u
+};

package/components/commercial/AppBarCommercial/index-BbLE2KQv.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { u as useAppBarComercialUtilityClasses } from "./classes/index-3fKT0VDA.js";
+import { A as AppBarComercialRoot } from "./styles-Na-n2IN5.js";
+const AppBarComercial = (props) => {
+  const { children } = props;
+  const classes = useAppBarComercialUtilityClasses();
+  return /* @__PURE__ */ jsx(AppBarComercialRoot, { className: classes.root, children });
+};
+export {
+  AppBarComercial as A
+};

package/components/commercial/AppBarCommercial/styles-Na-n2IN5.js

@@ -0,0 +1,7 @@
+import { styled } from "@mui/material";
+const AppBarComercialRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LAppBarCommercial?.styleOverrides
+}));
+export {
+  AppBarComercialRoot as A
+};

package/components/commercial/HamburgerMenu/HamburgerMenu-B_wv12aV.js

@@ -0,0 +1,62 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { H as HamburgerMenuRoot } from "./styles-CZVKrFuY.js";
+import { u as useHamburgerMenuComercialUtilityClasses } from "./classes/index-CHCHg7y_.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
+import { g as getNameDataTestId } from "./test/utils-CBm5WN6w.js";
+import { useEnvironment } from "@m4l/core";
+import { S as SideBar } from "../../SideBar/SideBar-CcPeSyPl.js";
+import { I as IconButton } from "../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+const HamburgerMenu = (props) => {
+  const { data, itemClick } = props;
+  const [visible, setVisible] = useState(false);
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const handlerOnVisible = () => {
+    setVisible((val) => !val);
+  };
+  const handleCollapseToggle = () => {
+    if (visible) {
+      setVisible(false);
+    }
+  };
+  const classes = useHamburgerMenuComercialUtilityClasses();
+  const handlerItemActive = (item) => {
+    return window.location.pathname === item.path;
+  };
+  return /* @__PURE__ */ jsxs(
+    HamburgerMenuRoot,
+    {
+      className: classes.root,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+      children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            src: `${host_static_assets}/${environment_assets}/frontend/web_comercial/menu.svg`,
+            className: classes.ImageLogo,
+            variant: "secondary",
+            onClick: () => handlerOnVisible()
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SideBar,
+          {
+            menuData: data,
+            visible,
+            onClick: (item) => itemClick(item),
+            isItemActive: handlerItemActive,
+            onToggleCollapse: handleCollapseToggle,
+            onToggleVisible: handlerOnVisible,
+            collapsed: false,
+            companyLogoSmallUrl: "",
+            companyName: "",
+            variantStyle: "variantComercial"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  HamburgerMenu as H
+};

package/components/commercial/HamburgerMenu/classes/constants-CDvIZc4M.js

@@ -0,0 +1,4 @@
+const componentName = "M4LHamburgerMenuCommercial";
+export {
+  componentName as c
+};

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

@@ -0,0 +1,20 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants-CDvIZc4M.js";
+generateUtilityClasses(componentName, ["root", "ImageLogo"]);
+function getHamburgerMenuComercialClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useHamburgerMenuComercialUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    ImageLogo: ["ImageLogo"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getHamburgerMenuComercialClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+export {
+  useHamburgerMenuComercialUtilityClasses as u
+};

package/components/commercial/HamburgerMenu/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/commercial/HamburgerMenu/styles-CZVKrFuY.js

@@ -0,0 +1,7 @@
+import { styled } from "@mui/material/styles";
+const HamburgerMenuRoot = styled("header")(({ theme }) => ({
+  ...theme.components?.M4LHamburgerMenuCommercial?.styleOverrides
+}));
+export {
+  HamburgerMenuRoot as H
+};

package/components/commercial/HamburgerMenu/test/constants-RULsMuXW.js

@@ -0,0 +1,4 @@
+const HAMBURGER_MENU_PREFIX = "M4LHamburgerMenu";
+export {
+  HAMBURGER_MENU_PREFIX as H
+};

package/components/commercial/HamburgerMenu/test/utils-CBm5WN6w.js

@@ -0,0 +1,7 @@
+import { H as HAMBURGER_MENU_PREFIX } from "./constants-RULsMuXW.js";
+const getNameDataTestId = (KEY) => {
+  return `${HAMBURGER_MENU_PREFIX}-${KEY}`;
+};
+export {
+  getNameDataTestId as g
+};

package/components/commercial/SectionCommercial/classes/constants-DygZ7A8l.js

@@ -0,0 +1,4 @@
+const componentName = "M4LSectionCommercial";
+export {
+  componentName as c
+};

package/components/commercial/SectionCommercial/classes/index-CiX147QD.js

@@ -0,0 +1,29 @@
+import { generateUtilityClasses } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants-DygZ7A8l.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index-WXiWKKyo.js";
+generateUtilityClasses(
+  componentName,
+  [
+    /* elements */
+    "root",
+    /* states or variants of elements */
+    "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), {});
+};
+export {
+  useAppBarComercialUtilityClasses as u
+};

package/components/commercial/SectionCommercial/index-A54Y957q.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { u as useAppBarComercialUtilityClasses } from "./classes/index-CiX147QD.js";
+import { S as SectionCommercialRoot } from "./styles-CuINxIVl.js";
+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/SectionCommercial/styles-CuINxIVl.js

@@ -0,0 +1,8 @@
+import { styled } from "@mui/material";
+import { S as Stack } from "../../mui_extended/Stack/Stack-C79qEBpg.js";
+const SectionCommercialRoot = styled(Stack)(({ theme }) => ({
+  ...theme.components?.M4LSectionCommercial?.styleOverrides
+}));
+export {
+  SectionCommercialRoot as S
+};

package/components/commercial/TopBar/TopBar-CQBs7prv.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
+import { g as getTopBarClassesUtilityClass } from "./classes/index-DlgA6Hxv.js";
+import { C as ConteinItem } from "./component/ConteinItem/index-CCQx14dv.js";
+import { T as TopBarProvider } from "./context/index-C3gQXnyy.js";
+import { T as TopBarRoot } from "./style-pAcnajRT.js";
+import { g as getNameDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";
+import { c as componentName } from "./classes/constants-CyLEa28Q.js";
+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/commercial/TopBar/classes/constants-CyLEa28Q.js

@@ -0,0 +1,4 @@
+const componentName = "M4LTopBar";
+export {
+  componentName as c
+};

package/components/commercial/TopBar/classes/index-DlgA6Hxv.js

@@ -0,0 +1,37 @@
+import { generateUtilityClasses } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants-CyLEa28Q.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index-WXiWKKyo.js";
+const TopBarClasses = generateUtilityClasses(componentName, [
+  /* elements */
+  "root",
+  "ContainerImageComercial",
+  "SimplebarComercial",
+  "ItemRoot",
+  "ItemSelect",
+  "ContainerAccordion",
+  "ContainerAccordionCase1",
+  "IconAndButton",
+  /* states or variants of elements */
+  "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
+  };
+}
+export {
+  TopBarClasses as T,
+  getTopBarClassesUtilityClass as g
+};

package/components/commercial/TopBar/component/ConteinItem/index-CCQx14dv.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { u as useTopBar } from "../../hook/topBarContext/index-CPVriCPX.js";
+import { N as NavItemRoot } from "./subcomponets/NavItem/index-Bx5U_gz5.js";
+import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock-CF-669v-.js";
+import { g as getNameDataTestId } from "../../../../../test/getNameDataTestId-BaBTWhBr.js";
+import { c as componentName } from "../../classes/constants-CyLEa28Q.js";
+const ConteinItem = () => {
+  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))
+    }
+  );
+};
+export {
+  ConteinItem as C
+};