@m4l/components 0.1.65 → 0.1.66

package/components/areas/components/index.9de77fae.js

@@ -1,12 +0,0 @@
-import "./AreasViewer/index.1aa4d12d.js";
-import "react";
-import "@m4l/core";
-import "@mui/material";
-import "../../Icon/index.6938827f.js";
-import "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.78a489d3.js";
-import "clsx";
-import "zustand";
-import "../contexts/AreasContext/index.b3b26965.js";
-import "./AreasAdmin/index.46fab65b.js";
-import "zustand/shallow";

package/components/areas/contexts/AreasContext/index.b3b26965.js

@@ -1,231 +0,0 @@
-import { createContext, useRef, useCallback, useEffect } from "react";
-import { createStore, useStore } from "zustand";
-import { shallow } from "zustand/shallow";
-import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
-import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
-import { g as getAreasDictionary } from "../../index.bfe6bf91.js";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.1aa4d12d.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.46fab65b.js";
-import { jsx } from "react/jsx-runtime";
-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
-  });
-}
-export {
-  AreasContext as A,
-  AreasProvider as a
-};

package/components/areas/contexts/DynamicMFParmsContext/index.5b3248df.js

@@ -1,43 +0,0 @@
-import React__default, { createContext } from "react";
-import { jsx } from "react/jsx-runtime";
-import { createStore } from "zustand";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
-const DynamicMFParmsContext = createContext(null);
-function DynamicMFParmsProvider(props) {
-  const {
-    children,
-    store
-  } = props;
-  return /* @__PURE__ */ jsx(DynamicMFParmsContext.Provider, {
-    value: store,
-    children
-  });
-}
-const MemonizedDynamicMFParmsProvider = React__default.memo(DynamicMFParmsProvider);
-const createDynamicMFStore = (initProps) => {
-  const startProps = {
-    ...initProps
-  };
-  return createStore(
-    devtools(
-      immer((set, _get) => ({
-        ...startProps,
-        actions: {
-          changeData: (newDynamicMFState) => {
-            set((state) => {
-              state.dynamicMFParameters = newDynamicMFState;
-            });
-          }
-        }
-      })),
-      { name: `dyamic store ${initProps.windowId}` }
-    )
-  );
-};
-export {
-  DynamicMFParmsProvider as D,
-  MemonizedDynamicMFParmsProvider as M,
-  DynamicMFParmsContext as a,
-  createDynamicMFStore as c
-};

package/components/areas/contexts/index.4ebef035.js

@@ -1,21 +0,0 @@
-import "./AreasContext/index.b3b26965.js";
-import React__default, { createContext } from "react";
-import { jsx } from "react/jsx-runtime";
-const WindowToolsMFContext = createContext(null);
-function WindowToolsMFProvider(props) {
-  const {
-    children,
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsx(WindowToolsMFContext.Provider, {
-    value: {
-      ...other
-    },
-    children
-  });
-}
-React__default.memo(WindowToolsMFProvider);
-export {
-  WindowToolsMFProvider as W,
-  WindowToolsMFContext as a
-};

package/components/areas/hooks/index.ffb1009e.js

@@ -1,28 +0,0 @@
-import { useContext } from "react";
-import { useStore } from "zustand";
-import { W as WindowContext } from "../components/AreasViewer/index.1aa4d12d.js";
-import { a as WindowToolsMFContext } from "../contexts/index.4ebef035.js";
-import "../contexts/DynamicMFParmsContext/index.5b3248df.js";
-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 useWindowToolsMF = () => {
-  const context = useContext(WindowToolsMFContext);
-  if (!context)
-    throw new Error("useWindowToolsMF context must be use inside WindowToolsMFContext");
-  return context;
-};
-export {
-  useWindow as a,
-  useWindowStore as b,
-  useWindowToolsMF as u
-};

package/components/areas/hooks/useArea/index.c7e4f3fc.js

@@ -1,34 +0,0 @@
-import { useContext } from "react";
-import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.b3b26965.js";
-import { A as AreaContext } from "../../components/AreasViewer/index.1aa4d12d.js";
-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 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);
-}
-export {
-  useArea as a,
-  useAreas as b,
-  useAreaStore as c,
-  useAreasStore as u
-};

package/components/areas/hooks/useDynamicMFParameters/index.9a25f88a.js

@@ -1,14 +0,0 @@
-import { useContext } from "react";
-import { useStore } from "zustand";
-import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index.5b3248df.js";
-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);
-}
-export {
-  useDynamicMFParametersStore as u
-};

package/components/areas/index.bfe6bf91.js

@@ -1,46 +0,0 @@
-import "./components/AreasViewer/index.1aa4d12d.js";
-import "react";
-import "@m4l/core";
-import "@mui/material";
-import "../Icon/index.6938827f.js";
-import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.78a489d3.js";
-import "clsx";
-import "zustand";
-import "./contexts/AreasContext/index.b3b26965.js";
-import "./components/AreasAdmin/index.46fab65b.js";
-import "zustand/shallow";
-import "./contexts/index.4ebef035.js";
-import "./contexts/DynamicMFParmsContext/index.5b3248df.js";
-const AREAS_VIEWER_CLASS_NAME = "M4LAreasViewer";
-const AREAS_ADMIN_CLASS_NAME = "M4LAreasAdmin";
-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 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"
-};
-export {
-  AREAS_ADMIN_CLASS_NAME as A,
-  DICCTIONARY as D,
-  ICONS as I,
-  LABEL_FILTER_BUTTON as L,
-  AREAS_VIEWER_CLASS_NAME as a,
-  AREAS_DICTIONARY_ID as b,
-  getAreasComponentsDictionary as c,
-  getAreasDictionary as g
-};

package/components/modal/index.fde6acc3.js

@@ -1,27 +0,0 @@
-import "@mui/material";
-import "../../react-draggable.d6441025.js";
-import "react";
-import "../../contexts/ModalContext/index.bfc47ba9.js";
-import "../ModalDialog/index.3db4480d.js";
-import "../Resizeable/index.ee84ebc5.js";
-import "react/jsx-runtime";
-import "@m4l/graphics";
-import "@m4l/core";
-import "../CommonActions/components/Actions/index.3b882471.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.e4c61b66.js";
-import "clsx";
-import "react-hook-form";
-import "./WindowBase.1b0657de.js";
-import "../Icon/index.6938827f.js";
-import "../areas/components/AreasViewer/index.1aa4d12d.js";
-import "../mui_extended/IconButton/index.78a489d3.js";
-import "zustand";
-import "../areas/contexts/AreasContext/index.b3b26965.js";
-import "../areas/components/AreasAdmin/index.46fab65b.js";
-import "zustand/shallow";
-import "../areas/contexts/index.4ebef035.js";
-import "../areas/contexts/DynamicMFParmsContext/index.5b3248df.js";
-import "@mui/lab";
-import "../mui_extended/Typography/index.86505aed.js";
-import "./WindowConfirm.60028bce.js";

package/components/mui_extended/index.61356a6a.js

@@ -1,19 +0,0 @@
-import "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.6938827f.js";
-import "react/jsx-runtime";
-import "./IconButton/index.78a489d3.js";
-import "clsx";
-import "./Accordion/index.95a1b021.js";
-import "./Avatar/index.fe06afd7.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "./Button/index.e4c61b66.js";
-import "../Image/index.674024d4.js";
-import "@mui/lab";
-import "./Typography/index.86505aed.js";
-import "./Popover/index.e271e4f0.js";
-import "./MenuActions/index.742a57d7.js";
-import "./Pager/index.a44594e9.js";
-import "./Tab/index.e0653a0a.js";