@m4l/components 3.1.6 → 3.1.8

package/components/mui_extended/Typography/index-DXq1fG8k.js

@@ -1,54 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useModuleSkeleton } from "@m4l/core";
-import { Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
-import { aL as WarpperTypography } from "../../../styles/index-CqpubQQr.js";
-import { unstable_composeClasses } from "@mui/base";
-import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
-const SkeletonTypography = (props) => {
-  const { skeletonWidth, skeletongHeight } = props;
-  return /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: skeletonWidth, height: skeletongHeight });
-};
-generateUtilityClasses("M4LTypography", [
-  /* elements */
-  "root"
-  /* states or variants of elements */
-]);
-function getTypographyClassesUtilityClass(slot) {
-  return generateUtilityClass("M4LTypography", slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTypographyClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const TYPOGRAPHY_PREFIX = "Typography";
-const getNameDataTestId = (KEY) => {
-  return `${TYPOGRAPHY_PREFIX}-${KEY}`;
-};
-function Typography(props) {
-  const {
-    skeletonWidth = "100%",
-    skeletongHeight = "18px",
-    variant = "body",
-    className,
-    ...other
-  } = props;
-  const isSkeleton = useModuleSkeleton();
-  const classes = useUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    WarpperTypography,
-    {
-      className: clsx(classes.root, className),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
-      children: !isSkeleton ? /* @__PURE__ */ jsx(Typography$1, { ...other, variant }) : /* @__PURE__ */ jsx(SkeletonTypography, { skeletonWidth, skeletongHeight })
-    }
-  );
-}
-export {
-  Typography as T
-};

package/components/mui_extended/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/popups/PopupsProvider/index-DhSxmtfJ.js

@@ -1,172 +0,0 @@
-import React__default, { createContext, useRef, useEffect, useContext } from "react";
-import { createStore, useStore } from "zustand";
-import { jsx } from "react/jsx-runtime";
-import { shallow } from "zustand/shallow";
-import { useFirstRender } from "@m4l/graphics";
-import { useModuleDictionary } from "@m4l/core";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
-import { cloneDeep } from "lodash";
-const createPopupsStore = (initProps) => {
-  const startProps = {
-    currentZindex: initProps.baseZindex,
-    popupsIds: [],
-    hashPopups: {},
-    getContainer: () => initProps.containerElement,
-    ...initProps
-  };
-  return createStore(
-    devtools(
-      immer((set, get) => ({
-        ...startProps,
-        popupsActions: {
-          init: (initialPopups) => {
-            set((state) => {
-              let maxZindex = state.baseZindex;
-              for (let index = 0; index < initialPopups.length; index++) {
-                state.hashPopups[initialPopups[index].popupId] = cloneDeep(initialPopups[index]);
-                state.popupsIds.push(initialPopups[index].popupId);
-                if (initialPopups[index].zIndex > maxZindex) {
-                  maxZindex = initialPopups[index].zIndex;
-                }
-              }
-              state.currentZindex = maxZindex + 1;
-            });
-          },
-          addPopup: (popupProps, options) => {
-            if (get().hashPopups[popupProps.popupId]) {
-              throw new Error(`Poupup with id ${popupProps.popupId} already exists`);
-            }
-            if (options?.closeOthers) {
-              set((state) => {
-                state.popupsIds.forEach((popupId) => {
-                  state.hashPopups[popupId].status = "closing";
-                });
-                state.hashPopups[popupProps.popupId] = {
-                  ...popupProps,
-                  status: "init",
-                  zIndex: state.currentZindex
-                };
-                state.popupsIds.push(popupProps.popupId);
-                state.currentZindex = state.currentZindex + 1;
-              });
-            } else {
-              set((state) => {
-                state.hashPopups[popupProps.popupId] = {
-                  ...popupProps,
-                  status: "init",
-                  zIndex: state.currentZindex
-                };
-                state.popupsIds.push(popupProps.popupId);
-                state.currentZindex = state.currentZindex + 1;
-              });
-            }
-          },
-          removePopup: (popupId) => {
-            if (!get().hashPopups[popupId]) {
-              return;
-            }
-            set((state) => {
-              state.popupsIds.splice(state.popupsIds.indexOf(popupId), 1);
-              delete state.hashPopups[popupId];
-              if (state.popupsIds.length === 0) {
-                state.currentZindex = state.baseZindex;
-              } else {
-                state.currentZindex = state.currentZindex - 1;
-              }
-            });
-          },
-          closePopup: (popupId) => {
-            if (!get().hashPopups[popupId]) {
-              return;
-            }
-            set((state) => {
-              state.hashPopups[popupId].status = "closing";
-            });
-          },
-          updatePopup: (popupId, popupProps) => {
-            if (!get().hashPopups[popupId]) {
-              return;
-            }
-            set((state) => {
-              state.hashPopups[popupId] = { ...state.hashPopups[popupId], ...popupProps };
-            });
-          },
-          showPopup: (popupId) => {
-            if (!get().hashPopups[popupId]) {
-              return;
-            }
-            set((state) => {
-              state.hashPopups[popupId].status = "init";
-            });
-          },
-          hidePopup: (popupId) => {
-            if (!get().hashPopups[popupId]) {
-              return;
-            }
-            set((state) => {
-              state.hashPopups[popupId].status = "hidden";
-            });
-          },
-          setPopupOnFront: (popupId) => {
-            if (!get().hashPopups[popupId]) {
-              return;
-            }
-            set((state) => {
-              const maxIndex = state.popupsIds.reduce((max, _pId, cIndex) => {
-                return state.hashPopups[state.popupsIds[cIndex]].zIndex > max ? state.hashPopups[state.popupsIds[cIndex]].zIndex : max;
-              }, state.hashPopups[state.popupsIds[0]].zIndex);
-              if (state.hashPopups[popupId].zIndex !== maxIndex) {
-                state.hashPopups[popupId].zIndex = state.currentZindex;
-                state.currentZindex = state.currentZindex + 1;
-              }
-            });
-          },
-          setHandlerGetLabel: (newHandler) => {
-            set((state) => {
-              state.getLabel = newHandler;
-            });
-          }
-        }
-      })),
-      { name: `Popups store: ${initProps.storeId}` }
-    )
-  );
-};
-const PopupsContext = createContext(null);
-function PopupsProvider(props) {
-  const { children, initialPopups, baseZindex = 0, storeId, containerElement } = props;
-  const { getLabel } = useModuleDictionary();
-  const isFirstRender = useFirstRender([getLabel]);
-  const popupsStoreRef = useRef();
-  if (!popupsStoreRef.current) {
-    popupsStoreRef.current = createPopupsStore({
-      getLabel,
-      baseZindex,
-      storeId,
-      containerElement
-    });
-    popupsStoreRef.current?.getState().popupsActions.init(initialPopups || []);
-  }
-  const { setHandlerGetLabel } = useStore(
-    popupsStoreRef.current,
-    (state) => state.popupsActions,
-    shallow
-  );
-  useEffect(() => {
-    if (!isFirstRender) {
-      setHandlerGetLabel(getLabel);
-    }
-  }, [getLabel]);
-  return /* @__PURE__ */ jsx(PopupsContext.Provider, { value: popupsStoreRef.current, children: /* @__PURE__ */ jsx(React__default.Fragment, { children }) });
-}
-function usePopupsStore(selector, equalityFn) {
-  const context = useContext(PopupsContext);
-  if (!context) throw new Error("usePopupsStore context must be use inside PopupsContext");
-  return useStore(context, selector, equalityFn);
-}
-export {
-  PopupsProvider as P,
-  PopupsContext as a,
-  usePopupsStore as u
-};

package/components/popups/PopupsViewer/constants-DuyD7aCn.js

@@ -1,4 +0,0 @@
-const POPUPS_VIEWER_KEY_COMPONENT = "M4LPopupsViewer";
-export {
-  POPUPS_VIEWER_KEY_COMPONENT as P
-};

package/components/popups/PopupsViewer/icons-BUujqqbu.js

@@ -1,7 +0,0 @@
-const POPUPS_ICONS = {
-  CLOSE: "close.svg",
-  EDITION_INFO: "edition_info.svg"
-};
-export {
-  POPUPS_ICONS as P
-};

package/components/popups/PopupsViewer/index-CMI1SK_O.js

@@ -1,172 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { TransitionGroup, CSSTransition } from "react-transition-group";
-import { shallow } from "zustand/shallow";
-import { forwardRef } from "react";
-import { useEnvironment } from "@m4l/core";
-import { u as usePopupsStore } from "../PopupsProvider/index-DhSxmtfJ.js";
-import { P as POPUPS_ICONS } from "./icons-BUujqqbu.js";
-import { P as PopupHeaderContainerStyled, a as PopupHeaderTitleStyled, b as PopupHeaderSubTitleStyled, c as PopupContentEditionInfoStyled, d as PopupDragWindowRootStyled, e as PopupContentRootStyled, f as PopupContentWrapperStyled, R as RootStyled } from "./slots/popupsViewerSlots-DOkmuvnx.js";
-import { d as draggableWindowClasses } from "../../DragResizeWindow/index-D2jLYExo.js";
-import { I as Icon } from "../../Icon/index-BJF_0F6d.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index-B8lOMybH.js";
-import { u as useSizeContainer } from "../../../hooks/useSizeContainer/index-D4hDjM1P.js";
-const Header = (props) => {
-  const { popupId } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
-  const { status, subTitle, zIndex, variant } = popup || {};
-  const ownerState = {
-    status,
-    variant,
-    subTitle,
-    zIndex
-  };
-  const { closePopup } = usePopupsStore((state) => state.popupsActions, shallow);
-  const { iconUrl } = popup || {};
-  const onClose = () => {
-    closePopup(popupId);
-  };
-  if (!popup) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    PopupHeaderContainerStyled,
-    {
-      ownerState,
-      className: draggableWindowClasses.draggableHandle,
-      children: [
-        /* @__PURE__ */ jsx(Icon, { src: iconUrl, size: "small" }),
-        /* @__PURE__ */ jsx(PopupHeaderTitleStyled, { ownerState: { ...popup }, children: popup.title }),
-        popup.subTitle && /* @__PURE__ */ jsx(PopupHeaderSubTitleStyled, { ownerState, children: popup.subTitle }),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            className: draggableWindowClasses.draggableCancel,
-            onClick: onClose,
-            "aria-label": "click",
-            src: `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/${POPUPS_ICONS.CLOSE}`
-          }
-        )
-      ]
-    }
-  );
-};
-const EditionInfo = (props) => {
-  const { editionInfo } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  return /* @__PURE__ */ jsxs(PopupContentEditionInfoStyled, { ownerState: { editionInfo }, children: [
-    /* @__PURE__ */ jsx(
-      Icon,
-      {
-        src: `${host_static_assets}/${environment_assets}/frontend/components/popup/assets/icons/${POPUPS_ICONS.EDITION_INFO}`,
-        size: "small"
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { children: editionInfo })
-  ] });
-};
-const Popup = forwardRef((props, ref) => {
-  const { popupId, containerElement, containerSize, style } = props;
-  const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
-  const { setPopupOnFront: setPopupOnTop } = usePopupsStore((state) => state.popupsActions, shallow);
-  const {
-    status,
-    subTitle,
-    editionInfo,
-    zIndex,
-    variant = "normal",
-    draggable = true,
-    resizable = true,
-    defaultPosition,
-    bounds,
-    onMouseDown,
-    ...others
-  } = popup || {};
-  const ownerState = {
-    status,
-    variant,
-    subTitle,
-    editionInfo,
-    zIndex
-  };
-  const onMouseDownLocal = (e) => {
-    console.log("onMouseDownLocal", popupId);
-    setPopupOnTop(popupId);
-    if (onMouseDown) {
-      onMouseDown(e);
-    }
-  };
-  if (!popup) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    PopupDragWindowRootStyled,
-    {
-      ownerState,
-      ref,
-      hidden: popup.status === "hidden",
-      onMouseDown: onMouseDownLocal,
-      containerElement,
-      containerSize,
-      bounds,
-      draggable,
-      resizeable: resizable,
-      defaultPosition,
-      style: { ...style, zIndex },
-      ...others,
-      children: [
-        /* @__PURE__ */ jsx(Header, { popupId: popup.popupId }),
-        /* @__PURE__ */ jsxs(PopupContentRootStyled, { ownerState, children: [
-          popup.editionInfo && /* @__PURE__ */ jsx(EditionInfo, { editionInfo: popup.editionInfo }),
-          /* @__PURE__ */ jsx(PopupContentWrapperStyled, { ownerState, children: popup.functionComponent && popup.functionComponent({ ...popup.componentProps }) })
-        ] })
-      ]
-    }
-  );
-});
-const PopupsViewer = () => {
-  const popupsIds = usePopupsStore(
-    (state) => state.popupsIds.filter((pId) => state.hashPopups[pId].status !== "closing"),
-    shallow
-  );
-  const baseZindex = usePopupsStore((state) => state.baseZindex, shallow);
-  const containerElement = usePopupsStore((state) => state.getContainer, shallow)();
-  const { removePopup } = usePopupsStore((state) => state.popupsActions, shallow);
-  const containerSize = useSizeContainer(containerElement);
-  if (!containerElement || !containerSize) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(RootStyled, { ownerState: { baseZindex }, children: /* @__PURE__ */ jsx(TransitionGroup, { children: popupsIds.map((id) => {
-    return /* @__PURE__ */ jsx(
-      CSSTransition,
-      {
-        timeout: { appear: 0, enter: 1300, exit: 0 },
-        unmountOnExit: true,
-        onExited: () => {
-          removePopup(id);
-        },
-        classNames: {
-          // appear: 'fade-appear', // Clases para la animación de aparición
-          // appearActive: 'fade-appear-active',
-          enter: "fade-enter",
-          // Clases para la animación de entrada
-          enterActive: "fade-enter-active",
-          enterDone: "fade-enter-done"
-        },
-        children: /* @__PURE__ */ jsx(
-          Popup,
-          {
-            popupId: id,
-            containerElement,
-            containerSize
-          },
-          id
-        )
-      },
-      id
-    );
-  }) }) });
-};
-export {
-  PopupsViewer as P
-};

package/components/popups/PopupsViewer/slots/index-B98CiRLa.js

@@ -1,14 +0,0 @@
-var PopupViewerSlots = /* @__PURE__ */ ((PopupViewerSlots2) => {
-  PopupViewerSlots2["root"] = "root";
-  PopupViewerSlots2["popupDragWindowRoot"] = "popupDragWindowRoot";
-  PopupViewerSlots2["pDWHeaderContainer"] = "pDWHeaderContainer";
-  PopupViewerSlots2["pDWHeaderTitle"] = "pDWHeaderTitle";
-  PopupViewerSlots2["pDWHeaderSubTitle"] = "pDWHeaderSubTitle";
-  PopupViewerSlots2["pDWContentRoot"] = "pDWContentRoot";
-  PopupViewerSlots2["pDWContentEditionInfo"] = "pDWContentEditionInfo";
-  PopupViewerSlots2["pDWContentWrapper"] = "pDWContentWrapper";
-  return PopupViewerSlots2;
-})(PopupViewerSlots || {});
-export {
-  PopupViewerSlots as P
-};

package/components/popups/PopupsViewer/slots/popupsViewerSlots-DOkmuvnx.js

@@ -1,46 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { P as POPUPS_VIEWER_KEY_COMPONENT } from "../constants-DuyD7aCn.js";
-import { aM as popupsViewerStyles } from "../../../../styles/index-CqpubQQr.js";
-import { P as PopupViewerSlots } from "./index-B98CiRLa.js";
-import { D as DragResizeWindow } from "../../../DragResizeWindow/index-D2jLYExo.js";
-const RootStyled = styled("div", { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(
-  popupsViewerStyles?.root
-);
-const PopupDragWindowRootStyled = styled(DragResizeWindow, {
-  name: POPUPS_VIEWER_KEY_COMPONENT,
-  slot: PopupViewerSlots.popupDragWindowRoot
-})(popupsViewerStyles?.popupDragWindowRoot);
-const PopupHeaderContainerStyled = styled("div", {
-  name: POPUPS_VIEWER_KEY_COMPONENT,
-  slot: PopupViewerSlots.pDWHeaderContainer
-})(popupsViewerStyles?.pDWHeaderContainer);
-const PopupHeaderTitleStyled = styled("span", {
-  name: POPUPS_VIEWER_KEY_COMPONENT,
-  slot: PopupViewerSlots.pDWHeaderTitle
-})(popupsViewerStyles?.pDWHeaderTitle);
-const PopupHeaderSubTitleStyled = styled("span", {
-  name: POPUPS_VIEWER_KEY_COMPONENT,
-  slot: PopupViewerSlots.pDWHeaderSubTitle
-})(popupsViewerStyles?.pDWHeaderSubTitle);
-const PopupContentEditionInfoStyled = styled("div", {
-  name: POPUPS_VIEWER_KEY_COMPONENT,
-  slot: PopupViewerSlots.pDWContentEditionInfo
-})(popupsViewerStyles?.pDWContentEditionInfo);
-const PopupContentRootStyled = styled("div", {
-  name: POPUPS_VIEWER_KEY_COMPONENT,
-  slot: PopupViewerSlots.pDWContentRoot
-})(popupsViewerStyles?.pDWContentRoot);
-const PopupContentWrapperStyled = styled("div", {
-  name: POPUPS_VIEWER_KEY_COMPONENT,
-  slot: PopupViewerSlots.pDWContentWrapper
-})(popupsViewerStyles?.pDWContentWrapper);
-export {
-  PopupHeaderContainerStyled as P,
-  RootStyled as R,
-  PopupHeaderTitleStyled as a,
-  PopupHeaderSubTitleStyled as b,
-  PopupContentEditionInfoStyled as c,
-  PopupDragWindowRootStyled as d,
-  PopupContentRootStyled as e,
-  PopupContentWrapperStyled as f
-};

package/components/popups/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/contexts/ModalContext/index-Bp_s1qUm.js

@@ -1,39 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index-WSVr5sZr.js";
-const ModalContext = createContext(null);
-function ModalProvider({ children }) {
-  const [modalOptions, setModalOptions] = useState({
-    open: false,
-    fullScreen: false
-  });
-  const openModal = (modalOpenProps) => {
-    setModalOptions({
-      open: true,
-      initialWidth: 300,
-      initialHeigth: 350,
-      ...modalOpenProps
-    });
-  };
-  const closeModal = () => {
-    setModalOptions((last) => ({ ...last, open: false }));
-  };
-  return /* @__PURE__ */ jsxs(
-    ModalContext.Provider,
-    {
-      value: {
-        ...modalOptions,
-        openModal,
-        closeModal
-      },
-      children: [
-        children,
-        /* @__PURE__ */ jsx(ModalDialog, {})
-      ]
-    }
-  );
-}
-export {
-  ModalProvider as M,
-  ModalContext as a
-};

package/contexts/RHFormContext/index-BQ0XWrpK.js

@@ -1,78 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import clsx from "clsx";
-import { useForm, FormProvider } from "react-hook-form";
-import { yupResolver } from "@hookform/resolvers/yup";
-import { aN as FormProviderRoot } from "../../styles/index-CqpubQQr.js";
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-const componentName = "M4LRHFormProvider";
-generateUtilityClasses(
-  componentName,
-  [
-    /* elements */
-    "root"
-    /* states or variants of elements */
-  ]
-);
-function getRHFormProviderUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const RHFormProviderUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    property: ["property"],
-    value: ["value"],
-    skeletonProperty: ["skeletonProperty"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getRHFormProviderUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const classes = RHFormProviderUtilityClasses();
-function RHFormProvider(props) {
-  const { children, onSubmit, values, validationSchema, statusLoad = "ready", className } = props;
-  const methods = useForm({
-    resolver: yupResolver(validationSchema),
-    defaultValues: values
-  });
-  useEffect(() => {
-    if (statusLoad === "reload_values_provider") {
-      const keys = Object.keys(values);
-      keys.forEach((key) => {
-        methods.setValue(key, values[key], {
-          shouldValidate: false,
-          shouldDirty: false,
-          shouldTouch: false
-        });
-      });
-      methods.clearErrors();
-      return;
-    }
-  }, [methods, statusLoad, values]);
-  useEffect(() => {
-    if (statusLoad === "ready") {
-      methods.setValue("statusLoad", "ready", {
-        shouldValidate: false,
-        shouldDirty: false,
-        shouldTouch: false
-      });
-    }
-  }, [statusLoad]);
-  return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx(
-    FormProviderRoot,
-    {
-      className: clsx(classes.root, className),
-      onSubmit: methods.handleSubmit(onSubmit),
-      children
-    }
-  ) });
-}
-function getFormComponentsDictionary() {
-  return ["form_provider"];
-}
-export {
-  RHFormProvider as R,
-  getFormComponentsDictionary as g
-};

package/hocs/withToggle/index-C1_DMZD3.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
-function withToggle(Component) {
-  return (props) => {
-    const { isToggled: propIsToggled, onToggle: propOnToggle, ...rest } = props;
-    const [internalIsToggled, setInternalIsToggled] = useState(props.defaultIsPressed || false);
-    const isToggled = propIsToggled !== void 0 ? propIsToggled : internalIsToggled;
-    const onToggle = propOnToggle !== void 0 ? propOnToggle : () => setInternalIsToggled((prev) => !prev);
-    return /* @__PURE__ */ jsx(Component, { ...rest, onToggle, isToggled });
-  };
-}
-export {
-  withToggle as w
-};