@m4l/components 9.2.0 → 9.2.2

package/components/popups/components/PopupsProvider/hooks/useHeaderActionsPopups/useHeaderActionsPopups.js

@@ -1,157 +0,0 @@
-import { useMemo } from "react";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { u as usePopupsStore } from "../usePopupsStore/index.js";
-import { shallow } from "zustand/shallow";
-import { useIsMobile } from "@m4l/graphics";
-import { I as ICONS } from "../../../../../areas/icons.js";
-import { g as getMainActions } from "../../../../../areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useHeaderActions/helper.js";
-import { g as getMenuActionsForPopups } from "./helper.js";
-import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../../areas/dictionary.js";
-const useHeaderActionsPopups = ({
-  popupId,
-  menuActions = []
-}) => {
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { getLabel } = useModuleDictionary();
-  const isDesktop = !useIsMobile();
-  const urlPrefix = `${host_static_assets}/${environment_assets}`;
-  const moduleActions = usePopupsStore(
-    (state) => state.hashPopups[popupId]?.moduleActions || [],
-    shallow
-  );
-  const mainActions = useMemo(() => {
-    return getMainActions(isDesktop, moduleActions).map((action) => ({
-      ...action,
-      place: "left",
-      iconUrl: action.iconUrl || "",
-      label: action.label || ""
-    }));
-  }, [isDesktop, moduleActions]);
-  const windowOptions = usePopupsStore(
-    (state) => state.hashPopups[popupId]?.windowOptions,
-    shallow
-  );
-  const menuActionsInside = useMemo(() => {
-    return getMenuActionsForPopups({
-      popupId,
-      isDesktop,
-      moduleActions,
-      urlPrefix,
-      saveModuleCookies: () => {
-        throw new Error("Not implemented");
-      },
-      resetModuleCookies: () => {
-        throw new Error("Not implemented");
-      },
-      windowOptions: {
-        allowPersistCookies: false
-      },
-      getLabel
-    }).map((action) => ({
-      ...action,
-      place: "inside",
-      iconUrl: action.iconUrl || "",
-      label: action.label || ""
-    }));
-  }, [
-    popupId,
-    isDesktop,
-    moduleActions,
-    urlPrefix,
-    windowOptions,
-    getLabel
-  ]);
-  const predefActions = useMemo(() => {
-    const groups = {
-      left: [],
-      inside: [],
-      right: []
-    };
-    menuActions.forEach((action) => {
-      if (action.place === "left") {
-        groups.left.push(action);
-      } else if (action.place === "inside") {
-        groups.inside.push(action);
-      } else if (action.place === "right") {
-        groups.right.push(action);
-      }
-    });
-    return groups;
-  }, [menuActions]);
-  const collapsed = usePopupsStore(
-    (state) => state.hashPopups[popupId]?.collapsed || false,
-    shallow
-  );
-  const maximized = usePopupsStore(
-    (state) => state.hashPopups[popupId]?.maximized || false,
-    shallow
-  );
-  const { colapseLayoutItem: collapsePopup, unColapseLayoutItem: uncollapsePopup } = usePopupsStore(
-    (state) => state.popupsActions,
-    shallow
-  );
-  const headerRightActions = useMemo(() => {
-    const actions = [];
-    actions.push({
-      place: "right",
-      key: "maximize",
-      iconUrl: maximized ? `${host_static_assets}/${environment_assets}/frontend/components/popups/assets/icons/${ICONS.NORMALIZE}` : `${host_static_assets}/${environment_assets}/frontend/components/popups/assets/icons/${ICONS.MAXIMIZE}`,
-      label: maximized ? getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_minimize_window)) : getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_maximize_window))
-      /**
-       *
-       */
-      // onClick: () => {
-      //   if (maximized) {
-      //     normalizePopup(windowId);
-      //   } else {
-      //     maximizePopup(windowId);
-      //   }
-      // },
-      // disabled: false,
-    });
-    if (!maximized) {
-      actions.push({
-        place: "right",
-        key: "collapseToggle",
-        iconUrl: !collapsed ? `${host_static_assets}/${environment_assets}/frontend/components/popups/assets/icons/${ICONS.COLAPSE}` : `${host_static_assets}/${environment_assets}/frontend/components/popups/assets/icons/${ICONS.UNCOLPASE}`,
-        label: !collapsed ? getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_collapse_window)) : getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_uncollapse_window)),
-        /**
-         * Función que se ejecuta al hacer clic en la acción.
-         */
-        onClick: () => {
-          if (collapsed) {
-            uncollapsePopup(popupId);
-          } else {
-            collapsePopup(popupId);
-          }
-        },
-        disabled: false
-      });
-    }
-    return actions;
-  }, [
-    collapsed,
-    maximized,
-    host_static_assets,
-    environment_assets,
-    getLabel,
-    popupId,
-    collapsePopup,
-    uncollapsePopup
-    //normalizePopup,
-    //maximizePopup,
-  ]);
-  console.log(headerRightActions);
-  const combinedInsideActions = useMemo(() => {
-    return [...menuActionsInside, ...predefActions.inside];
-  }, [menuActionsInside, predefActions.inside]);
-  return {
-    leftActions: [...mainActions, ...predefActions.left],
-    menuActions: combinedInsideActions,
-    rightActions: []
-    // rightActions: [...predefActions.right, ...headerRightActions],
-  };
-};
-export {
-  useHeaderActionsPopups as u
-};

package/components/popups/components/PopupsProvider/hooks/usePopops/usePopups.d.ts

@@ -1,28 +0,0 @@
-import { WindowToolsMF } from '../../../../../areas';
-import { WindowBaseAction } from '../../../../../WindowBase/types';
-interface UsePopupsReturn {
-    moduleId: string;
-    winType: any;
-    title: string | undefined;
-    iconUrl?: string;
-    loading?: boolean;
-    mfProps: any;
-    component: any;
-    status: string;
-    dynamicMFStore: any;
-    windowTools: WindowToolsMF;
-    memoizedActions: WindowBaseAction[];
-    version?: string;
-}
-/**
- * Hook usePopups
- *
- * Este hook encapsula la lógica relacionada con el estado y las funciones necesarias
- * para el componente Popup. Retorna un objeto con el estado, las acciones y las herramientas
- * de la ventana popup.
- * @param {string} areaId - Identificador del área.
- * @param {string} popupId - Identificador del popup.
- * @returns {Object} Objeto con estado, acciones y herramientas del popup.
- */
-export declare const usePopups: (popupId: string) => UsePopupsReturn;
-export {};

package/components/popups/components/PopupsProvider/hooks/usePopops/usePopups.js

@@ -1,117 +0,0 @@
-import { useMemo } from "react";
-import { shallow } from "zustand/shallow";
-import { u as usePopupsStore } from "../usePopupsStore/index.js";
-import { u as useHeaderActionsPopups } from "../useHeaderActionsPopups/useHeaderActionsPopups.js";
-import { c as createToaster } from "../../../../../ToastContainer/helpers/toaster.js";
-const usePopups = (popupId) => {
-  const [
-    winType,
-    title,
-    iconUrl,
-    status,
-    dynamicMFStore,
-    loading,
-    version
-  ] = usePopupsStore(
-    (state) => {
-      const popupData = state.hashPopups[popupId];
-      return [
-        popupData?.winType,
-        popupData?.title,
-        popupData?.iconUrl,
-        popupData?.status,
-        popupData?.dynamicMFStore,
-        popupData?.loading || false,
-        popupData?.version
-      ];
-    },
-    shallow
-  );
-  const mfProps = usePopupsStore(
-    (state) => state.hashPopups[popupId]?.mfProps,
-    shallow
-  );
-  const component = usePopupsStore(
-    (state) => state.hashPopups[popupId].component,
-    shallow
-  );
-  const {
-    setActions,
-    closePopup,
-    startProgress,
-    stopProgress,
-    setFnQueryClose,
-    setPopupTitle
-  } = usePopupsStore((state) => state.popupsActions, shallow);
-  const windowTools = useMemo(
-    () => ({
-      getWindowId: () => popupId,
-      setActions: (newActions) => {
-        setActions(popupId, newActions, version);
-      },
-      getCookie: () => {
-        throw new Error("getCookie not implemented");
-      },
-      getCookies: () => {
-        throw new Error("getCookies not implemented");
-      },
-      setCookie: (key, value) => {
-        throw new Error(`setCookie not implemented: ${key}, ${value}`);
-      },
-      close: () => closePopup(popupId),
-      startProgress: () => startProgress(popupId),
-      stopProgress: () => stopProgress(popupId),
-      setFnQueryClose: (fnQueryClose) => setFnQueryClose(popupId, fnQueryClose),
-      toast: createToaster(popupId),
-      setWindowTitle: (newTitle) => setPopupTitle(popupId, newTitle),
-      setEditionInfo: (editionInfo) => {
-        throw new Error(`setEditionInfo not implemented: ${editionInfo}`);
-      },
-      hide: () => {
-        throw new Error("hide not implemented");
-      },
-      show: () => {
-        throw new Error("show not implemented");
-      }
-    }),
-    [
-      popupId,
-      version,
-      setActions,
-      //getCookie,
-      //getCookies,
-      //setCookie,
-      closePopup,
-      startProgress,
-      stopProgress,
-      setFnQueryClose,
-      setPopupTitle
-    ]
-  );
-  const { leftActions, menuActions, rightActions } = useHeaderActionsPopups({
-    popupId,
-    menuActions: []
-  });
-  const memoizedActions = useMemo(() => {
-    return [...leftActions, ...menuActions, ...rightActions];
-  }, [leftActions, menuActions, rightActions]);
-  return {
-    moduleId: popupId,
-    winType,
-    title,
-    iconUrl,
-    //selected,
-    mfProps,
-    component,
-    loading,
-    status,
-    version,
-    dynamicMFStore,
-    windowTools,
-    //onTouch,
-    memoizedActions
-  };
-};
-export {
-  usePopups as u
-};

package/components/popups/components/PopupsProvider/hooks/usePopupsStore/index.d.ts

@@ -1,6 +0,0 @@
-import { PopupsStateWithActions } from '../../contexts/PopupsContext/types';
-/**
- * TODO: Documentar
- */
-export declare function usePopupsStore<T>(selector: (state: PopupsStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;
-export default usePopupsStore;

package/storybook/components/Areas/AreasViewer/subcomponents/ClientsHeaderActions.d.ts

@@ -1,4 +0,0 @@
-/**
- * Componente que define las acciones del header para "clientes"
- */
-export declare function ClientsHeaderActions(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewer/subcomponents/UsersHeaderActions.d.ts

@@ -1,4 +0,0 @@
-/**
- * Componente que define las acciones del header para "usuarios"
- */
-export declare function UsersHeaderActions(): import("react/jsx-runtime").JSX.Element;