@m4l/components 9.1.97 → 9.1.99

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/styles.js

@@ -1,69 +0,0 @@
-import { styled } from "@mui/material";
-import { a as areasViewerClasses } from "../../../../classes/index.js";
-const WindowRoot = styled("div")`
-  inset: 0;
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-  /* height: 100%; */
-  /* width: 100%; */
-  overflow: hidden;
-  border: 1px solid gray;
-
-  background-color: ${(props) => props.theme.vars.palette.background.default};
-  padding: ${(props) => props.theme.spacing(0)};
-  &.${areasViewerClasses.selected} {
-    border-top: 1px solid green;
-  }
-
-  // windowHeader
-  /*
-    &.${areasViewerClasses.loading} .${areasViewerClasses.windowHeader} {
-        border-bottom: 2px solid red !important;
-    }
-    */
-  // windowHeaderTitle
-  & .${areasViewerClasses.windowHeaderTitle} {
-    width: 100%;
-    max-width: 100%;
-    overflow: hidden;
-    white-space: nowrap;
-    color: ${(props) => props.theme.vars.palette.text.primary};
-    text-overflow: ellipsis;
-  }
-
-  & .${areasViewerClasses.windowHeaderCancelHandle} {
-    display: flex;
-    cursor: default;
-  }
-
-  // windowHeaderMainActions
-  & .${areasViewerClasses.windowHeaderMainActions} {
-    display: flex;
-
-    gap: 4px;
-  }
-
-  // windowHeaderMainActions
-  & .${areasViewerClasses.windowContent} {
-    flex-grow: 1;
-    position: relative;
-  }
-
-  & .${areasViewerClasses.windowContent}.${areasViewerClasses.colapsed} {
-    display: none !important;
-  }
-  // windowModalRoot
-  & .${areasViewerClasses.windowModalRoot} {
-    padding: 16px;
-  }
-
-  & .MuiLinearProgress-root {
-    width: 100%;
-  }
-
-  ${(props) => props.theme.components?.M4LAreasViewerWindow?.styleOverrides}
-`;
-export {
-  WindowRoot as W
-};

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/index.js

@@ -1,154 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { shallow } from "zustand/shallow";
-import clsx from "clsx";
-import { useEnvironment, useModuleSkeleton, useModuleDictionary } from "@m4l/core";
-import { W as WindowHeaderSkeleton } from "./subcomponents/WindowHeaderSkeleton/index.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useAreasStore } from "../../../../../../../../hooks/useAreas/index.js";
-import { I as ICONS } from "../../../../../../../../icons.js";
-import { a as areasViewerClasses } from "../../../../../../classes/index.js";
-import { g as getMenuActions } from "./helper.js";
-import { M as MainActions } from "./subcomponents/MainActions/index.js";
-import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../../../../../dictionary.js";
-import { L as LinearProgressIndeterminate } from "../../../../../../../../../LinearProgressIndeterminate/LinearProgressIndeterminate.js";
-import { T as Typography } from "../../../../../../../../../mui_extended/Typography/Typography.js";
-import { a as MemonizedMenuActions } from "../../../../../../../../../MenuActions/MenuActions.js";
-import { I as IconButton } from "../../../../../../../../../mui_extended/IconButton/IconButton.js";
-import { I as Icon } from "../../../../../../../../../Icon/Icon.js";
-function Header(props) {
-  const { areaId, windowId, emergeType } = props;
-  const [url_icon, title, moduleActions, onClose, version, windowOptions, fnQueryClose, moduleCount] = useAreasStore((state) => {
-    const window = state.hashWindows[windowId];
-    return [
-      window.iconUrl,
-      window.title,
-      window.moduleActions,
-      window.onClose,
-      window.version,
-      window.windowOptions,
-      window.fnQueryClose,
-      window.moduleCount
-    ];
-  }, shallow);
-  const { saveModuleCookies, resetModuleCookies } = useAreasStore(
-    (state) => state.windowActions,
-    shallow
-  );
-  const maximizedId = useAreasStore((state) => state.hashAreas[areaId].maximizedId, shallow);
-  const collapsed = useAreasStore((state) => {
-    const currentBreakpoint = state.hashAreas[areaId].currentBreakpoint;
-    if (currentBreakpoint) {
-      return state.hashAreas[areaId].layouts[currentBreakpoint].find((li) => li.i === windowId)?.colapsed;
-    }
-    return false;
-  }, shallow);
-  const { maximizeLayout, normalizeLayouts, colapseLayoutItem, unColapseLayoutItem } = useAreasStore((state) => state.areaActions, shallow);
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const isDesktop = useResponsiveDesktop();
-  const isSkeleton = useModuleSkeleton();
-  const { getLabel } = useModuleDictionary();
-  const urlPrefix = `${host_static_assets}/${environment_assets}`;
-  const menuActions = useMemo(() => {
-    return getMenuActions({
-      windowId,
-      isDesktop,
-      moduleActions,
-      urlPrefix,
-      saveModuleCookies,
-      resetModuleCookies,
-      version,
-      windowOptions,
-      getLabel
-    });
-  }, [moduleActions, isDesktop]);
-  const onCloseLocal = () => {
-    const fnClose = fnQueryClose || onClose;
-    fnClose && fnClose(windowId);
-  };
-  const maxNormalize = (e) => {
-    if (maximizedId === windowId) {
-      normalizeLayouts(areaId);
-    } else {
-      maximizeLayout(areaId, windowId);
-    }
-    e.stopPropagation();
-  };
-  const collapsedToggle = (e) => {
-    if (!collapsed) {
-      colapseLayoutItem(areaId, windowId);
-    } else {
-      unColapseLayoutItem(areaId, windowId);
-    }
-    e.stopPropagation();
-  };
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(WindowHeaderSkeleton, {});
-  }
-  return /* @__PURE__ */ jsxs("div", { className: clsx(areasViewerClasses.windowHeader, "m4l_draggable_handle"), children: [
-    /* @__PURE__ */ jsx(LinearProgressIndeterminate, {}),
-    /* @__PURE__ */ jsxs("div", { className: areasViewerClasses.windowHeaderContent, children: [
-      /* @__PURE__ */ jsx(Icon, { src: url_icon, size: "medium" }),
-      /* @__PURE__ */ jsxs(Typography, { className: areasViewerClasses.windowHeaderTitle, variant: "h5", children: [
-        title,
-        moduleCount ? `:${moduleCount}` : null
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: areasViewerClasses.windowHeaderCancelHandle, children: [
-        !collapsed && /* @__PURE__ */ jsx(MainActions, { windowId }),
-        !collapsed && menuActions.length > 0 && /* @__PURE__ */ jsx(
-          MemonizedMenuActions,
-          {
-            arrowType: "no-arrow",
-            marginTop: "12px!important",
-            marginLeft: "14px!important",
-            anchorOrigin: { vertical: "bottom", horizontal: "right" },
-            transformOrigin: { vertical: "top", horizontal: "right" },
-            menuActions,
-            toolTip: getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_module_actions))
-          }
-        ),
-        !collapsed && (emergeType === "layout" || emergeType === "popup") && /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            className: "m4l_draggableCancel",
-            onClick: maxNormalize,
-            "aria-label": "click",
-            src: maximizedId === windowId ? `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.NORMALIZE}` : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.MAXIMIZE}`,
-            tooltip: getLabel(
-              getAreasDictionary(
-                maximizedId === windowId ? AREAS_DICCTIONARY.label_minimize_window : AREAS_DICCTIONARY.label_maximize_window
-              )
-            )
-          }
-        ),
-        !maximizedId && (emergeType === "layout" || emergeType === "popup") && /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            className: "m4l_draggableCancel",
-            onClick: collapsedToggle,
-            "aria-label": "click",
-            src: !collapsed ? `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.COLAPSE}` : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.UNCOLPASE}`,
-            tooltip: getLabel(
-              getAreasDictionary(
-                !collapsed ? AREAS_DICCTIONARY.label_collapse_window : AREAS_DICCTIONARY.label_uncollapse_window
-              )
-            )
-          }
-        ),
-        onClose && /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            className: "m4l_draggableCancel",
-            onPointerDown: onCloseLocal,
-            "aria-label": "click",
-            src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.CLOSE}`,
-            tooltip: getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_close_window))
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-export {
-  Header as H
-};

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/subcomponents/MainActions/index.js

@@ -1,44 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { shallow } from "zustand/shallow";
-import { useModuleDictionary } from "@m4l/core";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { a as areasViewerClasses } from "../../../../../../../../classes/index.js";
-import { a as getMainActions } from "../../helper.js";
-import { u as useAreasStore } from "../../../../../../../../../../hooks/useAreas/index.js";
-import clsx from "clsx";
-import { I as IconButton } from "../../../../../../../../../../../mui_extended/IconButton/IconButton.js";
-function MainActions(props) {
-  const { windowId } = props;
-  const moduleActions = useAreasStore((state) => {
-    const window = state.hashWindows[windowId];
-    return window?.moduleActions || [];
-  }, shallow);
-  const { getLabel } = useModuleDictionary();
-  const isDesktop = useResponsiveDesktop();
-  const mainActions = useMemo(() => {
-    return getMainActions(isDesktop, moduleActions);
-  }, [moduleActions, isDesktop]);
-  return /* @__PURE__ */ jsx("div", { className: areasViewerClasses.windowHeaderMainActions, children: mainActions.map((mainAction) => {
-    const tooltip = mainAction.label !== void 0 ? mainAction.label : getLabel(mainAction.label || "");
-    const onClick = (e) => {
-      mainAction.onClick && mainAction.onClick(e);
-      e.stopPropagation();
-    };
-    return /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        src: typeof mainAction.startIcon === "string" ? mainAction.startIcon : "",
-        className: clsx(mainAction.className, "m4l_draggableCancel"),
-        onClick,
-        "aria-label": mainAction.label,
-        disabled: mainAction.disabled,
-        tooltip
-      },
-      mainAction.key
-    );
-  }) });
-}
-export {
-  MainActions as M
-};

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/subcomponents/WindowHeaderSkeleton/index.js

@@ -1,57 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Skeleton } from "@mui/material";
-import { a as areasViewerClasses } from "../../../../../../../../classes/index.js";
-import clsx from "clsx";
-function WindowHeaderSkeleton(props) {
-  const { colapsed } = props;
-  return /* @__PURE__ */ jsx("div", { className: clsx(areasViewerClasses.windowHeader), children: /* @__PURE__ */ jsxs("div", { className: areasViewerClasses.windowHeaderContent, children: [
-    /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        variant: "circular",
-        sx: { margin: "0 5px", minWidth: "18px", minHeight: "18px" }
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 80, height: 16 }) }),
-    /* @__PURE__ */ jsx("div", { className: areasViewerClasses.windowHeaderCancelHandle, children: !colapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Skeleton,
-        {
-          variant: "circular",
-          sx: { margin: "0 5px", minWidth: "16px", minHeight: "16px" }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Skeleton,
-        {
-          variant: "circular",
-          sx: { margin: "0 5px", minWidth: "16px", minHeight: "16px" }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Skeleton,
-        {
-          variant: "circular",
-          sx: { margin: "0 5px", minWidth: "16px", minHeight: "16px" }
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        variant: "circular",
-        sx: { margin: "0 5px", minWidth: "16px", minHeight: "16px" }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        variant: "circular",
-        sx: { margin: "0 5px", minWidth: "16px", minHeight: "16px" }
-      }
-    )
-  ] }) });
-}
-export {
-  WindowHeaderSkeleton as W
-};

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/subcomponents/WindowPopUpsList/index.d.ts

@@ -1,9 +0,0 @@
-import { WindowPopUpsListProps } from './types';
-/**
- * TODO: Documentar
- * @author Andrés Quintero - automatic
- * @createdAt 2024-12-27 08:27:31 - automatic
- * @updatedAt 2025-01-31 11:37:44 - automatic
- * @updatedUser cesar - automatic
- */
-export declare const WindowPopUpsList: (props: WindowPopUpsListProps) => import("react/jsx-runtime").JSX.Element | null;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/subcomponents/WindowPopUpsList/types.d.ts

@@ -1,2 +0,0 @@
-import { HeaderProps } from '../../types';
-export type WindowPopUpsListProps = Pick<HeaderProps, 'windowId' | 'areaId'>;