@m4l/components 1.1.1 → 1.1.2

package/package.json

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

package/{react-draggable.1c1ba224.js → react-draggable.310e3387.js}

@@ -2,7 +2,7 @@ import React__default from "react";
 import require$$1 from "prop-types";
 import require$$2 from "react-dom";
 import clsx from "clsx";
-import { d as domFns, s as shims, l as log, p as positionFns } from "./utils/index.14912462.js";
+import { d as domFns, s as shims, l as log, p as positionFns } from "./utils/index.78d1638f.js";
 var cjs = { exports: {} };
 var Draggable$1 = {};
 var DraggableCore$2 = {};

package/{react-resizable.a59c14f4.js → react-resizable.3755959b.js}

@@ -1,6 +1,6 @@
 import React__default from "react";
-import { c as cjs } from "./react-draggable.1c1ba224.js";
-import { u as utils } from "./utils/index.14912462.js";
+import { c as cjs } from "./react-draggable.310e3387.js";
+import { u as utils } from "./utils/index.78d1638f.js";
 import require$$1 from "prop-types";
 var reactResizable = { exports: {} };
 var Resizable$2 = {};

package/styles/{DynamicFilter.27c16026.js → DynamicFilter.557ee3a7.js}

@@ -1,5 +1,5 @@
 import { alpha } from "@mui/material";
-import { c as containerQuery } from "../utils/index.14912462.js";
+import { c as containerQuery } from "../utils/index.78d1638f.js";
 const CONTAINER_QUERY_NAME = "dynamic";
 const dynamicFilterStyles = {
   root: {

package/styles/PopupViewer.styles.d.ts

@@ -0,0 +1,2 @@
+import { PopupsViewerStyles } from '../components/popups/components/PopupsViewer/types';
+export declare const popupsViewerStyles: PopupsViewerStyles;

package/styles/{index.7868464e.js → index.239f949e.js}

@@ -1,14 +1,14 @@
 import { styled, alpha, Skeleton, Popover, IconButton, Stack, Tabs, Dialog, ListItemText, ListItemButton } from "@mui/material";
 import { styled as styled$1, alpha as alpha$1 } from "@mui/material/styles";
 import SimpleBarReact from "simplebar-react";
-import { h as gridLayoutClasses } from "../components/GridLayout/index.14b734d6.js";
-import { a as ResizableBox } from "../react-resizable.a59c14f4.js";
-import { a as areasAdminClasses } from "../components/areas/components/AreasAdmin/index.80da2678.js";
-import { a as areasViewerClasses } from "../components/areas/components/AreasViewer/index.7836a623.js";
-import { g as gpsToolsClasses } from "../components/maps/components/GpsTools/index.3cc627c5.js";
-import { R as RHFormProvider } from "../contexts/RHFormContext/index.939811b3.js";
-import { S as Stack$1 } from "../components/mui_extended/Stack/index.e64a379b.js";
-import { I as Image } from "../components/Image/index.8a3d05d3.js";
+import { h as gridLayoutClasses } from "../components/GridLayout/index.56c3f4fa.js";
+import { a as ResizableBox } from "../react-resizable.3755959b.js";
+import { a as areasAdminClasses } from "../components/areas/components/AreasAdmin/index.42d40964.js";
+import { a as areasViewerClasses } from "../components/areas/components/AreasViewer/index.266a3815.js";
+import { g as gpsToolsClasses } from "../components/maps/components/GpsTools/index.e759163d.js";
+import { R as RHFormProvider } from "../contexts/RHFormContext/index.40a9547e.js";
+import { S as Stack$1 } from "../components/mui_extended/Stack/index.3674daf7.js";
+import { I as Image } from "../components/Image/index.4b51d4ba.js";
 const RootStyle$1 = styled("div", {
   shouldForwardProp: (props) => props !== "variant"
 })(({ theme, variant }) => ({
@@ -1015,6 +1015,95 @@ const ContainerImage = styled$1("div")(() => ({
   width: "16px",
   height: "16px"
 }));
+const CONTAINER_QUERY_NAME = "poupup_root";
+const popupsViewerStyles = {
+  root: ({ ownerState }) => ({
+    containerName: CONTAINER_QUERY_NAME,
+    containerType: "inline-size",
+    position: "absolute",
+    left: "0px",
+    top: "0px",
+    width: "0px",
+    height: "0px",
+    cursor: "default",
+    zIndex: ownerState.baseZindex || 0
+  }),
+  popupDragWindowRoot: ({ ownerState }) => ({
+    display: "flex",
+    flexDirection: "column",
+    position: "relative",
+    width: "100%",
+    height: "100%",
+    "&.fade-enter": {
+      opacity: 0
+    },
+    "&.fade-enter-active": {
+      opacity: 1,
+      transition: "opacity 300ms"
+    },
+    "&.fade-enter-done": {
+      opacity: 1
+    },
+    "& .fade-exit": {
+      opacity: 1
+    },
+    "& .fade-exit-active": {
+      opacity: 0
+    },
+    ...ownerState?.status === "hidden" ? {
+      visibility: "hidden",
+      pointerEvents: "none"
+    } : {}
+  }),
+  pDWHeaderContainer: () => ({
+    display: "flex",
+    position: "relative",
+    margin: "6px",
+    gap: "8px",
+    marginLeft: "8px",
+    borderBottom: "2px solid blue",
+    cursor: "move"
+  }),
+  pDWHeaderTitle: ({ ownerState }) => ({
+    flexGrow: 1,
+    fontWeight: "bold",
+    ...ownerState?.subTitle ? {
+      flexGrow: "unset",
+      "&:after": {
+        content: '"*"',
+        color: "red",
+        fontSize: "22px",
+        top: "0px",
+        bottom: "0px",
+        position: "absolute"
+      }
+    } : {}
+  }),
+  pDWHeaderSubTitle: ({}) => ({
+    flexGrow: 1
+  }),
+  pDWContentRoot: ({}) => ({
+    display: "flex",
+    padding: "12px",
+    position: "relative",
+    flexGrow: 1,
+    flexDirection: "column",
+    overflow: "hidden"
+  }),
+  pDWContentEditionInfo: ({}) => ({
+    display: "flex",
+    justifyContent: "flex-end",
+    "& .M4LIcon-root": {
+      paddingRight: "8px"
+    }
+  }),
+  pDWContentWrapper: ({}) => ({
+    flexGrow: 1,
+    display: "flex",
+    position: "relative",
+    overflow: "auto"
+  })
+};
 const DivTabGpsToolsRoot = styled$1("div")`
   .${gpsToolsClasses.gpsToolsTabContent}.${gpsToolsClasses.hidden} {
     display: none;
@@ -1356,7 +1445,8 @@ export {
   TabRoot as aL,
   SKTTabWrapper as aM,
   WarpperTypography as aN,
-  FormProviderRoot as aO,
+  popupsViewerStyles as aO,
+  FormProviderRoot as aP,
   AreasViewerRoot as aa,
   AppBarComercialRoot as ab,
   SectionCommercialRoot as ac,

package/vite-env.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
-/// <reference types="vitest/globals" />
-/// <reference types="vitest/importMeta" />
+/// <reference types="vite/client" />
+/// <reference types="vitest" />
+/// <reference types="vitest/globals" />
+/// <reference types="vitest/importMeta" />

package/components/hook-form/RHFRadioGroup/index.11c0add8.js

@@ -1,35 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useFormContext, Controller } from "react-hook-form";
-import { RadioGroup, FormControlLabel, Radio, FormHelperText } from "@mui/material";
-function RHFRadioGroup({
-  name,
-  options,
-  getOptionLabel,
-  getOptionValue,
-  ...other
-}) {
-  const { control } = useFormContext();
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(RadioGroup, { ...field, row: true, ...other, children: options.map((option) => /* @__PURE__ */ jsx(
-          FormControlLabel,
-          {
-            defaultValue: field.value,
-            value: getOptionValue(option),
-            control: /* @__PURE__ */ jsx(Radio, {}),
-            label: getOptionLabel(option)
-          },
-          getOptionValue(option)
-        )) }),
-        !!error && /* @__PURE__ */ jsx(FormHelperText, { error: true, sx: { px: 2 }, children: error.message })
-      ] })
-    }
-  );
-}
-export {
-  RHFRadioGroup as R
-};

package/components/popups/components/PopupsProvider/contexts/PopupsContext/helper.d.ts

@@ -1,7 +0,0 @@
-import { WritableDraft } from 'immer/dist/internal';
-import type { PopupsStateWithActions } from './types';
-/**
- * @description Actualiza la clases basado en owner state
- * @param state immer State
- */
-export declare const updateOwnerStateClasses: (state: WritableDraft<PopupsStateWithActions>) => void;

package/components/popups/components/PopupsViewer/classes/index.d.ts

@@ -1,17 +0,0 @@
-import { PopupsClasses } from './types';
-import { OwnerState } from '../../PopupsProvider/contexts/PopupsContext/types';
-export declare const popupsClasses: PopupsClasses;
-export declare function getPopupsUtilityClass(slot: string): string;
-export declare const popupsUtilityClasses: (_ownerState: OwnerState) => {
-    containerRoot: string;
-    popupRoot: string;
-    popupHeaderContainer: string;
-    popupHeaderTitle: string;
-    popupHeaderSubTitle: string;
-    popupContentRoot: string;
-    popupContentEditionInfo: string;
-    popupContentWrapper: string;
-    popupHidden: string;
-    popupWithSubTitle: string;
-    popupsContainer: string;
-};

package/components/popups/components/PopupsViewer/classes/types.d.ts

@@ -1,15 +0,0 @@
-import { popupsUtilityClasses } from '.';
-export interface PopupsClasses {
-    containerRoot: string;
-    popupRoot: string;
-    popupHeaderContainer: string;
-    popupHeaderTitle: string;
-    popupHeaderSubTitle: string;
-    popupContentRoot: string;
-    popupContentEditionInfo: string;
-    popupContentWrapper: string;
-    popupHidden: string;
-    popupWithSubTitle: string;
-}
-export declare type PopupsClassesKey = keyof PopupsClasses;
-export declare type Classes = ReturnType<typeof popupsUtilityClasses>;

package/components/popups/components/PopupsViewer/styled.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const PopupsViewerRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;