@m4l/components 0.1.66 → 0.1.67

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import { WindowProps } from '../../../../types';
+import { WindowProps } from '../../../../../../../../types';
 export declare const InnerForHooks: (props: WindowProps) => JSX.Element | null;
 export declare const MemonizedInnerForHooks: React.MemoExoticComponent<(props: WindowProps) => JSX.Element | null>;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/InnerForHooks/subcomponents/Component/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { JSX_REACT_NODE } from '../../../../../../types';
+import { JSX_REACT_NODE } from '../../../../../../../../../../types';
 export declare const Component: (props: {
     component: JSX_REACT_NODE;
 }) => JSX.Element;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/InnerForHooks/subcomponents/MicroFrontend/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { MFBaseProps } from '../../../../../../types';
+import { MFBaseProps } from '../../../../../../../../../../types';
 export declare const MicroFrontend: (props: MFBaseProps) => JSX.Element;
 export declare const MemonizedMF: React.MemoExoticComponent<(props: MFBaseProps) => JSX.Element>;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/InnerForHooks/subcomponents/MicroFrontend/types.d.ts

@@ -1,6 +1,6 @@
-import { WindowToolsMF } from '../../../../../../../../../../contexts/WindowToolsMFContext/types';
-import { MFBaseProps } from '../../../../../../types';
-import { DynamicMFStore } from '../../../../../../../../../../contexts/DynamicMFParmsContext/store';
+import { WindowToolsMF } from '../../../../contexts/WindowToolsMFContext/types';
+import { MFBaseProps } from '../../../../../../../../../../types';
+import { DynamicMFStore } from '../../../../contexts/DynamicMFParmsContext/store';
 export interface MicroFrontendProps extends MFBaseProps {
     moduleId: string;
     dynamicMFStore?: DynamicMFStore;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/WindowModal/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ModalProps } from '../../types';
+import { ModalProps } from '../../../../../../types';
 export declare const WindowModal: (props: ModalProps) => JSX.Element;
 export declare const MemonizedWindowModal: React.MemoExoticComponent<(props: ModalProps) => JSX.Element>;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/WindowPopUp/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { PopUpProps } from '../../types';
+import { PopUpProps } from '../../../../../../types';
 export declare const WindowPopUp: (props: PopUpProps) => JSX.Element;
 export declare const MemonizedWindowPopUp: React.MemoExoticComponent<(props: PopUpProps) => JSX.Element>;

package/components/areas/{index.d7519516.js → components/index.98d1c90a.js}

@@ -1,93 +1,83 @@
-import { I as IconButton } from "../mui_extended/IconButton/index.a5072cd3.js";
-import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents, useEnvironment, axiosOperation } from "@m4l/core";
+import { I as IconButton } from "../../mui_extended/IconButton/index.d31f1039.js";
+import { u as useAreasStore, a as useArea, b as useAreas, c as useAreaStore } from "../hooks/useArea/index.443ac11d.js";
+import { useEnvironment, useNetwork, useModuleDictionary, useModuleSkeleton, useHostTools, axiosOperation } from "@m4l/core";
 import { shallow } from "zustand/shallow";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { createContext, useRef, useCallback, useEffect, useContext, useMemo, useState } from "react";
+import { A as AREAS_VIEWER_CLASS_NAME, a as AREAS_ADMIN_CLASS_NAME, I as ICONS, g as getAreasDictionary } from "../index.6aec2efe.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React__default, { createContext, useRef, useEffect, useMemo, useState, useCallback } from "react";
 import { generateUtilityClasses, Skeleton, styled as styled$1, Typography as Typography$1, Dialog } from "@mui/material";
-import { I as Icon } from "../Icon/index.fbeeacc8.js";
+import { I as Icon } from "../../Icon/index.321976e8.js";
 import clsx from "clsx";
 import { createStore, useStore } from "zustand";
-import { useResponsiveDesktop, useFirstRender, useHostTheme, useFormatter, useLocales } from "@m4l/graphics";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.c2e62d8f.js";
-import "../mui_extended/Accordion/index.0b15f939.js";
-import "../mui_extended/Avatar/index.fe06afd7.js";
+import "../contexts/AreasContext/index.7dc6f386.js";
+import "../../mui_extended/Accordion/index.466d66d5.js";
+import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import { B as Button } from "../mui_extended/Button/index.b7b70e5f.js";
-import { I as Image } from "../Image/index.77396f79.js";
+import { B as Button } from "../../mui_extended/Button/index.680f7d77.js";
+import { I as Image } from "../../Image/index.c5b14688.js";
 import "@mui/lab";
-import { T as Typography } from "../mui_extended/Typography/index.eab3d85c.js";
-import "../mui_extended/Popover/index.e271e4f0.js";
-import { M as MenuActions } from "../mui_extended/MenuActions/index.3a275abb.js";
-import "../mui_extended/Pager/index.5a69ab10.js";
-import "../mui_extended/Tab/index.e0653a0a.js";
+import { T as Typography } from "../../mui_extended/Typography/index.1d866b8b.js";
+import "../../mui_extended/Popover/index.e271e4f0.js";
+import { M as MenuActions } from "../../mui_extended/MenuActions/index.e1749afa.js";
+import "../../mui_extended/Pager/index.bc67d954.js";
+import "../../mui_extended/Tab/index.e0653a0a.js";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../utils/index.3a4700cd.js";
 import { styled } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../react-resizable.23b980cb.js";
+import { r as react_resizable_css } from "../../../react-resizable.f3de2742.js";
+import { immer } from "zustand/middleware/immer";
+import { devtools } from "zustand/middleware";
 import debounce from "lodash/debounce";
 import cloneDeep from "lodash.clonedeep";
+import { useResponsiveDesktop, useFirstRender, useHostTheme, useFormatter, useLocales } from "@m4l/graphics";
 import { WidthProvider, Responsive } from "react-grid-layout";
 import { m } from "framer-motion";
-import "../animate/LoadingScreen/index.1d0c4307.js";
-import "../animate/PropagateLoader/index.be5b02c3.js";
+import "../../animate/LoadingScreen/index.1d0c4307.js";
+import "../../animate/PropagateLoader/index.be5b02c3.js";
 import "react-hook-form";
-import "../hook-form/RHFAutocomplete/index.5f27e28c.js";
-import "../HelperText/index.c35dcb93.js";
-import "../hook-form/RHFAutocompleteAsync/index.35e17cd6.js";
-import "../hook-form/RHFCheckbox/index.4f134f09.js";
+import "../../hook-form/RHFAutocomplete/index.9f9d4ed7.js";
+import "../../HelperText/index.5d8bc10a.js";
+import "../../hook-form/RHFAutocompleteAsync/index.af16b28e.js";
+import "../../hook-form/RHFCheckbox/index.938fb1da.js";
 import "@mui/x-date-pickers";
-import "../hook-form/RHFDateTime/index.6c129ce4.js";
-import "../hook-form/RHFTextField/index.fc90a570.js";
-import "../hook-form/RHFPeriod/index.dcaa0c87.js";
-import "../Period/index.0c5bf66f.js";
-import "../CommonActions/components/Actions/index.77574633.js";
-import "../../contexts/ModalContext/index.de0a3457.js";
-import { c as cjs } from "../../react-draggable.4d08d714.js";
-import "../ModalDialog/index.e600b43a.js";
-import { R as ResizeableWindow } from "../Resizeable/index.4545dd6a.js";
-import "../modal/WindowConfirm.575b4d41.js";
-import "../modal/WindowBase.230a498f.js";
+import "../../hook-form/RHFDateTime/index.6c129ce4.js";
+import "../../hook-form/RHFTextField/index.e42cd9c0.js";
+import "../../hook-form/RHFPeriod/index.1b1fafa6.js";
+import "../../Period/index.c5179eae.js";
+import "../../CommonActions/components/Actions/index.5da399f8.js";
+import "../../../contexts/ModalContext/index.53e8904e.js";
+import { c as cjs } from "../../../react-draggable.18cf453f.js";
+import "../../ModalDialog/index.c07975ed.js";
+import { R as ResizeableWindow } from "../../Resizeable/index.d3469af2.js";
+import "../../modal/WindowConfirm.993a8ed9.js";
+import "../../modal/WindowBase.39f1310d.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../hook-form/RHFUpload/index.654ad316.js";
-import "../DataGrid/index.ef23d0a9.js";
+import "../../hook-form/RHFUpload/index.d79721d2.js";
+import "../../DataGrid/index.775deb12.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../DynamicFilter/index.04ed3d58.js";
-import "../ScrollBar/index.bbe48f4d.js";
+import "../../DynamicFilter/index.7c7c9d30.js";
+import "../../ScrollBar/index.bbe48f4d.js";
 import "yup";
 import "@hookform/resolvers/yup";
-import "../../contexts/RHFormContext/index.a7511399.js";
-import { D as DraggableWindow } from "../../vendor.be57c149.js";
-import "../LanguagePopover/index.c0fc94c7.js";
-import "../NavLink/index.3f4e2417.js";
-import "../NoItemSelected/index.609c3c20.js";
-import "../ObjectLogs/index.7f93ba51.js";
-import "../../react-json-view.57125fcf.js";
-import "../PaperForm/index.fb4fa784.js";
-import "../Page/index.4237c241.js";
-import "../PropertyValue/index.dfcfe1ba.js";
-import "../../react-splitter-layout.8b1655c8.js";
-import "../SplitLayout/index.5a8355d8.js";
-import "../SideBar/index.7d970041.js";
-import { L as LinearProgress } from "../mui_extended/LinearProgress/index.c92b9ba9.js";
-import { v as varBounce } from "../animate/variants/bounce.784aaaaa.js";
-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"
-};
-const getAreasDictionary = (key) => {
-  return `${AREAS_DICTIONARY_ID}.${key}`;
-};
-const AREAS_VIEWER_CLASS_NAME = "M4LAreasViewer";
-const AREAS_ADMIN_CLASS_NAME = "M4LAreasAdmin";
+import "../../../contexts/RHFormContext/index.a7511399.js";
+import { D as DraggableWindow } from "../../../vendor.31965c93.js";
+import "../../LanguagePopover/index.6f0bca65.js";
+import "../../NavLink/index.da57f87d.js";
+import "../../NoItemSelected/index.09faa02c.js";
+import "../../ObjectLogs/index.a48a013c.js";
+import "../../../react-json-view.57125fcf.js";
+import "../../PaperForm/index.15002e62.js";
+import "../../Page/index.4237c241.js";
+import "../../PropertyValue/index.dfcfe1ba.js";
+import "../../../react-splitter-layout.8b1655c8.js";
+import "../../SplitLayout/index.5a8355d8.js";
+import "../../SideBar/index.9c026180.js";
+import { a as useWindow, b as useWindowStore } from "../hooks/index.1a0b8ab0.js";
+import { L as LinearProgress } from "../../mui_extended/LinearProgress/index.c92b9ba9.js";
+import { v as varBounce } from "../../animate/variants/bounce.784aaaaa.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",
@@ -146,242 +136,6 @@ const useAreasAdminUtilityClasses = (ownerState) => {
   };
   return unstable_composeClasses(slots, getComponentUtilityClass(AREAS_ADMIN_CLASS_NAME), {});
 };
-const addArea = (state) => {
-  let newName = "";
-  const newId = `area_${new Date().getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
-  newName = `${state.getLabel(getAreasDictionary("label_new_area"))} ${state.areas.length + 1}`;
-  state.areas.push({ id: newId, name: newName, loadWindows: false });
-  state.currentArea = newId;
-  if (state.loadAreasFromNetwork) {
-    state.networkOperation({
-      method: "POST",
-      endPoint: `areas`,
-      data: { id: newId, name: newName },
-      toastSuccess: false,
-      toastError: false
-    });
-  }
-  return newId;
-};
-const updateOwnerStateClasses = (state) => {
-  state.viwerClasses = useAreasViewerUtilityClasses(state.ownerState);
-  state.adminClasses = useAreasAdminUtilityClasses(state.ownerState);
-};
-const createAreasStore = (initProps) => {
-  const startProps = {
-    viwerClasses: useAreasViewerUtilityClasses(initProps.ownerState),
-    adminClasses: useAreasAdminUtilityClasses(initProps.ownerState),
-    currentArea: "",
-    areas: [],
-    ...initProps
-  };
-  return createStore(
-    devtools(
-      immer((set, get) => ({
-        ...startProps,
-        actions: {
-          init: () => {
-            if (get().ownerState.status === "init") {
-              if (!get().loadAreasFromNetwork) {
-                get().actions.addArea();
-                set((state) => {
-                  state.ownerState.status = "loaded";
-                  updateOwnerStateClasses(state);
-                });
-              } else {
-                set((state) => {
-                  state.ownerState.status = "loading";
-                  updateOwnerStateClasses(state);
-                  state.networkOperation({
-                    method: "GET",
-                    endPoint: `areas`,
-                    parms: {},
-                    toastSuccess: false
-                  }).then((response) => {
-                    set((otherState) => {
-                      if (response?.data && Array.isArray(response.data) && response.data.length > 0) {
-                        otherState.areas = response.data;
-                        otherState.currentArea = response.data[0].id;
-                      } else {
-                        addArea(otherState);
-                      }
-                    });
-                  }).finally(() => {
-                    set((state2) => {
-                      state2.ownerState.status = "loaded";
-                      updateOwnerStateClasses(state2);
-                    });
-                  });
-                });
-              }
-            }
-          },
-          addArea: () => {
-            let newId = "";
-            set((state) => {
-              newId = addArea(state);
-            });
-            return newId;
-          },
-          deleteArea: (areaId) => {
-            set((state) => {
-              const removeIndex = state.areas.findIndex((area) => area.id === areaId);
-              if (removeIndex > -1) {
-                state.areas.splice(removeIndex, 1);
-              }
-              if (state.currentArea === areaId) {
-                if (state.areas.length > 0) {
-                  state.currentArea = state.areas[0].id;
-                } else {
-                  state.currentArea = "";
-                }
-              }
-              if (state.loadAreasFromNetwork) {
-                state.networkOperation({
-                  method: "DELETE",
-                  endPoint: `areas/${areaId}`,
-                  parms: {},
-                  toastSuccess: false,
-                  toastError: false
-                });
-              }
-            });
-          },
-          selectArea: (newAreaId) => {
-            set((state) => {
-              if (state.areas.findIndex((area) => area.id === newAreaId) > -1) {
-                state.currentArea = newAreaId;
-              }
-            });
-          }
-        },
-        internalActions: {
-          setHandlerGetLabel: (newHandler) => {
-            set((state) => {
-              state.getLabel = newHandler;
-            });
-          },
-          setAreaLink: (areaId, store) => {
-            set((state) => {
-              const areaIndex = state.areas.findIndex((area) => area.id === areaId);
-              if (areaIndex > -1) {
-                state.areas[areaIndex].store = store;
-                state.areas[areaIndex].linked = true;
-              }
-            });
-          },
-          setExternalState: (newExternalState) => {
-            set((state) => {
-              state.ownerState = { ...state.ownerState, ...newExternalState };
-              updateOwnerStateClasses(state);
-            });
-          }
-        }
-      })),
-      { name: `Areas store` }
-    )
-  );
-};
-const AreasContext = createContext(null);
-function AreasProvider(props) {
-  const {
-    children,
-    loadAreasFromNetwork,
-    loadCookiesFromNetwork,
-    onLoad
-  } = props;
-  const {
-    events_add_listener,
-    events_remove_listener
-  } = useHostTools();
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const {
-    networkOperation
-  } = useNetwork();
-  const isDesktop = useResponsiveDesktop();
-  const isSkeleton = useModuleSkeleton();
-  const isFirstRender = useFirstRender([getLabel]);
-  const areasStoreRef = useRef();
-  if (!areasStoreRef.current) {
-    areasStoreRef.current = createAreasStore({
-      getLabel,
-      loadAreasFromNetwork,
-      loadCookiesFromNetwork,
-      networkOperation,
-      ownerState: {
-        status: "init",
-        isMobile: !isDesktop,
-        isSkeleton
-      }
-    });
-    areasStoreRef.current?.getState().actions.init();
-  }
-  const status = useStore(areasStoreRef.current, (state) => state.ownerState.status, shallow);
-  const {
-    setHandlerGetLabel
-  } = useStore(areasStoreRef.current, (state) => state.internalActions, shallow);
-  const addWindow = useCallback((newWindow) => {
-    const currentArea = areasStoreRef.current?.getState().currentArea;
-    const areas = areasStoreRef.current?.getState().areas;
-    if (currentArea && areas) {
-      const areaIndex = areas.findIndex((area) => area.id == currentArea);
-      if (areaIndex > -1 && areas[areaIndex].store) {
-        areas[areaIndex].store?.getState().actions.addWindow(newWindow);
-      }
-    }
-  }, []);
-  useEffect(() => {
-    if (status === "loaded") {
-      onLoad && onLoad();
-    }
-  }, [status]);
-  useEffect(() => {
-    if (!isFirstRender) {
-      setHandlerGetLabel(getLabel);
-    }
-  }, [getLabel]);
-  useEffect(() => {
-    events_add_listener(EmitEvents.EMMIT_EVENT_HOST_EMERGE_WINDOW, addWindow);
-    return () => {
-      events_remove_listener(EmitEvents.EMMIT_EVENT_HOST_EMERGE_WINDOW, addWindow);
-    };
-  }, []);
-  useEffect(() => {
-    if (isFirstRender) {
-      return;
-    }
-    areasStoreRef.current?.getState().internalActions.setExternalState({
-      isMobile: !isDesktop,
-      isSkeleton
-    });
-  }, [isDesktop, isSkeleton]);
-  return /* @__PURE__ */ jsx(AreasContext.Provider, {
-    value: areasStoreRef.current,
-    children
-  });
-}
-function useAreas() {
-  const context = useContext(AreasContext);
-  if (!context)
-    throw new Error("useAreas context must be use inside AreasContext");
-  return context;
-}
-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);
-}
-const ICONS = {
-  CLOSE: "close.svg",
-  MAXIMIZE: "maximize.svg",
-  NORMALIZE: "normalize.svg",
-  DELETE_AREA: "delete_area.svg",
-  ADD_AREA: "add_area.svg",
-  EDIT_AREA: "edit_area.svg"
-};
 const AreaChip = (props) => {
   const {
     areaId,
@@ -443,7 +197,7 @@ function AreasAdmin() {
   const status = useAreasStore((state) => state.ownerState.status);
   const classesRoot = useAreasStore((state) => state.adminClasses.root);
   const {
-    addArea: addArea2
+    addArea
   } = useAreasStore((state) => state.actions, shallow);
   const {
     host_static_assets,
@@ -463,7 +217,7 @@ function AreasAdmin() {
       className: areasAdminClasses.areasAddButton,
       src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.ADD_AREA}`,
       size: "small",
-      onClick: addArea2
+      onClick: addArea
     })]
   });
 }
@@ -1237,18 +991,6 @@ if (process.env.NODE_ENV !== "production") {
   AreaProvider.displayName = "AreaProvider";
 }
 React__default.memo(AreaProvider);
-const useArea = () => {
-  const context = useContext(AreaContext);
-  if (!context)
-    throw new Error("useArea context must be use inside AreaContext");
-  return context;
-};
-function useAreaStore(selector, equalityFn) {
-  const context = useContext(AreaContext);
-  if (!context)
-    throw new Error("useAreaStore context must be use inside AreaContext");
-  return useStore(context, selector, equalityFn);
-}
 const WindowToolsMFContext = createContext(null);
 function WindowToolsMFProvider(props) {
   const {
@@ -1468,18 +1210,6 @@ function WindowMFProvider(props) {
     children
   });
 }
-const useWindow = () => {
-  const context = useContext(WindowContext);
-  if (!context)
-    throw new Error("useWindow context must be use inside WindowContext");
-  return context;
-};
-function useWindowStore(selector, equalityFn) {
-  const store = useContext(WindowContext);
-  if (!store)
-    throw new Error("useWindow context must be use inside WindowContext");
-  return useStore(store, selector, equalityFn);
-}
 const Component = (props) => {
   const {
     component
@@ -2382,35 +2112,16 @@ function AreasViewer() {
     })
   });
 }
-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);
-}
-const useWindowToolsMF = () => {
-  const context = useContext(WindowToolsMFContext);
-  if (!context)
-    throw new Error("useWindowToolsMF context must be use inside WindowToolsMFContext");
-  return context;
-};
 export {
-  AreasAdmin as A,
-  DICCTIONARY as D,
-  LABEL_FILTER_BUTTON as L,
+  AreaContext as A,
+  DynamicMFParmsContext as D,
   MemonizedDynamicMFParmsProvider as M,
-  WindowToolsMFProvider as W,
-  AreasViewer as a,
+  WindowContext as W,
+  useAreasAdminUtilityClasses as a,
   WindowToolsMFContext as b,
-  AreasProvider as c,
-  AreasContext as d,
-  useDynamicMFParametersStore as e,
-  AREAS_DICTIONARY_ID as f,
-  getAreasComponentsDictionary as g,
-  getAreasDictionary as h,
-  DynamicMFParmsProvider as i,
-  DynamicMFParmsContext as j,
-  useWindowToolsMF as u
+  AreasAdmin as c,
+  AreasViewer as d,
+  WindowToolsMFProvider as e,
+  DynamicMFParmsProvider as f,
+  useAreasViewerUtilityClasses as u
 };

package/components/areas/components/index.d.ts

@@ -1,4 +1,4 @@
 export * from './AreasAdmin';
 export * from './AreasViewer';
-export type { NewWindowProps as NewWindow } from './AreasViewer/subcomponents/Area/types';
+export type { NewWindowProps as NewWindow } from '../types';
 export type { MicroFrontendProps } from './AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/InnerForHooks/subcomponents/MicroFrontend/types';