@m4l/components 0.1.64 → 0.1.66

package/components/areas/contexts/AreasContext/index.0792a8d1.js

@@ -1,197 +0,0 @@
-import { createContext, useRef, useCallback, useEffect } from "react";
-import { useHostTools, useModuleDictionary, useNetwork, EmitEvents } from "@m4l/core";
-import { createStore, useStore } from "zustand";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
-import { L as LABEL_NEW_AREA } from "../../index.8fca0f8f.js";
-import { shallow } from "zustand/shallow";
-import { useFirstRender } from "@m4l/graphics";
-import { jsx } from "react/jsx-runtime";
-const addAreaNoBoilerPlate = (state) => {
-  let newName = "";
-  const newId = `area_${new Date().getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
-  newName = `${state.getLabel(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 createAreasStore = (initProps) => {
-  const startProps = {
-    status: "init",
-    currentArea: "",
-    areas: [],
-    ...initProps
-  };
-  return createStore(
-    devtools(
-      immer((set, get) => ({
-        ...startProps,
-        actions: {
-          addArea: () => {
-            let newId = "";
-            set((state) => {
-              newId = addAreaNoBoilerPlate(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;
-            });
-          },
-          loadFromApi: () => {
-            if (get().status === "init") {
-              if (!get().loadAreasFromNetwork) {
-                get().actions.addArea();
-                set((state) => {
-                  state.status = "loaded";
-                });
-              } else {
-                set((state) => {
-                  state.status = "loading";
-                  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 {
-                        addAreaNoBoilerPlate(otherState);
-                      }
-                    });
-                  }).finally(() => {
-                    set((otherState) => {
-                      otherState.status = "loaded";
-                    });
-                  });
-                });
-              }
-            }
-          },
-          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;
-              }
-            });
-          }
-        }
-      })),
-      { name: `Areas store` }
-    )
-  );
-};
-const AreasContext = createContext(null);
-function AreasProvider(props) {
-  const {
-    children,
-    loadAreasFromNetwork,
-    onLoad
-  } = props;
-  const {
-    events_add_listener,
-    events_remove_listener
-  } = useHostTools();
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const {
-    networkOperation
-  } = useNetwork();
-  const isFirstRender = useFirstRender([getLabel]);
-  const areasStoreRef = useRef();
-  if (!areasStoreRef.current) {
-    areasStoreRef.current = createAreasStore({
-      getLabel,
-      loadAreasFromNetwork,
-      networkOperation
-    });
-  }
-  const status = useStore(areasStoreRef.current, (state) => state.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);
-    areasStoreRef.current?.getState().internalActions.loadFromApi();
-    return () => {
-      events_remove_listener(EmitEvents.EMMIT_EVENT_HOST_EMERGE_WINDOW, addWindow);
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(AreasContext.Provider, {
-    value: areasStoreRef.current,
-    children
-  });
-}
-export {
-  AreasContext as A,
-  AreasProvider as a
-};

package/components/areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js

@@ -1,43 +0,0 @@
-import { createStore } from "zustand";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
-import React__default, { createContext } from "react";
-import { jsx } from "react/jsx-runtime";
-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}` }
-    )
-  );
-};
-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);
-export {
-  DynamicMFParmsProvider as D,
-  MemonizedDynamicMFParmsProvider as M,
-  DynamicMFParmsContext as a,
-  createDynamicMFStore as c
-};

package/components/areas/contexts/index.2a915acf.js

@@ -1,198 +0,0 @@
-import { useNetwork } from "@m4l/core";
-import React__default, { createContext, useRef, useEffect } from "react";
-import { c as createDynamicMFStore } from "./DynamicMFParmsContext/index.c19cb8cc.js";
-import { createStore } from "zustand";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
-import cloneDeep from "lodash.clonedeep";
-import { jsx } from "react/jsx-runtime";
-import "./AreasContext/index.0792a8d1.js";
-function getCookiesContainer(data, containerId) {
-  const cookies = {};
-  try {
-    if (Array.isArray(data)) {
-      for (let i = 0; i < data.length; i++) {
-        if (data[i]?.container_id === containerId && data[i]?.id) {
-          cookies[data[i]?.id] = JSON.parse(data[i].value);
-        }
-      }
-    }
-  } catch (error) {
-  }
-  return cookies;
-}
-const createWindowStore = (initProps) => {
-  const startProps = {
-    status: "init",
-    moduleActions: [],
-    cookies: initProps.devCookies || { moduleCookies: {}, windowCookies: {} },
-    ...initProps
-  };
-  delete startProps.devCookies;
-  return createStore(
-    devtools(
-      immer((set, get, _api) => ({
-        ...startProps,
-        actions: {
-          setActions: (newActions) => {
-            set((state) => {
-              state.moduleActions = cloneDeep(newActions);
-            });
-          },
-          close: () => {
-            const onClose = get().onClose;
-            if (onClose) {
-              onClose(get().windowId);
-            }
-          },
-          getWindowId: () => {
-            return get().windowId;
-          },
-          getCookie: (id) => {
-            return get().cookies.windowCookies[id] || get().cookies.moduleCookies[id];
-          },
-          getCookies: (type) => {
-            if (type === "window") {
-              return get().cookies.windowCookies;
-            } else {
-              return get().cookies.moduleCookies;
-            }
-          },
-          setCookie: (id, type, cookie) => {
-            get().networkOperation({
-              method: "PUT",
-              endPoint: `cookies/${type === "module" ? get().moduleId : get().windowId}/${id}`,
-              data: {
-                value: JSON.stringify(cookie)
-              },
-              toastSuccess: false,
-              toastError: false
-            });
-            set((state) => {
-              if (type === "window") {
-                state.cookies.windowCookies[id] = cookie;
-              } else {
-                state.cookies.moduleCookies[id] = cookie;
-              }
-            });
-          }
-        },
-        internalActions: {
-          loadCookiesFromApi: () => {
-            if (get().status === "init") {
-              get().networkOperation({
-                method: "GET",
-                endPoint: `cookies`,
-                parms: {
-                  f: [
-                    { n: "container_id", o: "e", o1: get().windowId },
-                    { n: "container_id", o: "e", o1: get().moduleId }
-                  ]
-                },
-                toastSuccess: false,
-                toastError: false
-              }).then((response) => {
-                set((state) => {
-                  state.cookies.moduleCookies = getCookiesContainer(
-                    response.data,
-                    state.moduleId
-                  );
-                  state.cookies.windowCookies = getCookiesContainer(
-                    response.data,
-                    state.windowId
-                  );
-                  state.status = "loaded";
-                });
-              }).catch((_response) => {
-                set((state) => {
-                  state.status = "loaded";
-                });
-              });
-            }
-          },
-          saveModuleCookies: () => {
-            for (const key in get().cookies.windowCookies) {
-              const cookie = get().cookies.windowCookies[key];
-              get().networkOperation({
-                method: "PUT",
-                endPoint: `cookies/${get().moduleId}/${key}`,
-                data: {
-                  value: JSON.stringify(cookie)
-                },
-                toastSuccess: false,
-                toastError: false
-              });
-            }
-          }
-        }
-      })),
-      {
-        name: `window store ${initProps.windowId}`,
-        store: `window dev store ${initProps.windowId}`,
-        trace: true
-      }
-    )
-  );
-};
-const WindowContext = createContext(null);
-function WindowMFProvider(props) {
-  const {
-    children,
-    ...other
-  } = props;
-  const {
-    networkOperation
-  } = useNetwork();
-  const windowStoreRef = useRef();
-  const dynamicMFStoreRef = useRef();
-  if (!dynamicMFStoreRef.current) {
-    dynamicMFStoreRef.current = createDynamicMFStore({
-      dynamicMFParameters: props.dynamicParams,
-      windowId: props.windowId
-    });
-  }
-  if (!windowStoreRef.current) {
-    windowStoreRef.current = createWindowStore({
-      ...other,
-      dynamicMFStore: dynamicMFStoreRef.current,
-      networkOperation
-    });
-  }
-  useEffect(() => {
-    windowStoreRef.current?.getState().internalActions.loadCookiesFromApi();
-    return () => {
-      console.debug("useEffect cleanUP WindowMFProvider", props.windowId, windowStoreRef.current);
-    };
-  }, []);
-  useEffect(() => {
-    if (windowStoreRef.current?.getState().status === "loaded") {
-      dynamicMFStoreRef.current?.getState().actions.changeData(props.dynamicParams);
-    }
-  }, [props.dynamicParams]);
-  return /* @__PURE__ */ jsx(WindowContext.Provider, {
-    value: windowStoreRef.current,
-    children
-  });
-}
-const WindowToolsMFContext = createContext(null);
-function WindowToolsMFProvider(props) {
-  const {
-    children,
-    setActions,
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsx(WindowToolsMFContext.Provider, {
-    value: {
-      setActions,
-      ...other
-    },
-    children
-  });
-}
-React__default.memo(WindowToolsMFProvider);
-export {
-  WindowToolsMFProvider as W,
-  WindowMFProvider as a,
-  WindowContext as b,
-  WindowToolsMFContext as c
-};

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

@@ -1,27 +0,0 @@
-import { useContext } from "react";
-import { useStore } from "zustand";
-import { b as WindowContext, c as WindowToolsMFContext } from "../contexts/index.2a915acf.js";
-import "../contexts/DynamicMFParmsContext/index.c19cb8cc.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.d6263051.js

@@ -1,20 +0,0 @@
-import { useContext } from "react";
-import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.0792a8d1.js";
-import { a as AreaContext } from "../../contexts/AreaContext/index.7890e58d.js";
-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);
-}
-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 {
-  useAreaStore as a,
-  useAreasStore as u
-};

package/components/areas/hooks/useDynamicMFParameters/index.041a666b.js

@@ -1,14 +0,0 @@
-import { useContext } from "react";
-import { useStore } from "zustand";
-import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index.c19cb8cc.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.8fca0f8f.js

@@ -1,20 +0,0 @@
-import "./components/index.eace295a.js";
-import "./components/AreasAdmin/index.51e28f63.js";
-import "react";
-import "@m4l/core";
-import "@mui/material";
-import "../Icon/index.0f9b360e.js";
-import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.be9c2ce5.js";
-import "zustand";
-import "./contexts/AreasContext/index.0792a8d1.js";
-import "zustand/shallow";
-import "./components/AreasContainer/index.1e5e6e91.js";
-import "react-grid-layout/css/styles.css";
-import "../../react-resizable.e86cb01e.js";
-import "./contexts/index.2a915acf.js";
-import "./contexts/DynamicMFParmsContext/index.c19cb8cc.js";
-const LABEL_NEW_AREA = "label_new_area";
-export {
-  LABEL_NEW_AREA as L
-};

package/components/modal/index.7a84f64d.js

@@ -1,30 +0,0 @@
-import "@mui/material";
-import "../../react-draggable.1aa81436.js";
-import "react";
-import "../../contexts/ModalContext/index.ae8041f3.js";
-import "../ModalDialog/index.3efe049b.js";
-import "../Resizeable/index.b5d42efb.js";
-import "react/jsx-runtime";
-import "@m4l/graphics";
-import "@m4l/core";
-import "../CommonActions/components/Actions/index.433cd345.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.d9e0ae2e.js";
-import "clsx";
-import "react-hook-form";
-import "./WindowBase.59f50553.js";
-import "../Icon/index.0f9b360e.js";
-import "../areas/components/index.eace295a.js";
-import "../areas/components/AreasAdmin/index.51e28f63.js";
-import "../mui_extended/IconButton/index.be9c2ce5.js";
-import "zustand";
-import "../areas/contexts/AreasContext/index.0792a8d1.js";
-import "zustand/shallow";
-import "../areas/components/AreasContainer/index.1e5e6e91.js";
-import "react-grid-layout/css/styles.css";
-import "../../react-resizable.e86cb01e.js";
-import "../areas/contexts/index.2a915acf.js";
-import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
-import "@mui/lab";
-import "../mui_extended/Typography/index.41b60a6b.js";
-import "./WindowConfirm.c1339cf8.js";

package/components/mui_extended/index.459cbd6c.js

@@ -1,19 +0,0 @@
-import "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.0f9b360e.js";
-import "react/jsx-runtime";
-import "./IconButton/index.be9c2ce5.js";
-import "./Accordion/index.b7487e37.js";
-import "./Avatar/index.fe06afd7.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "./Button/index.d9e0ae2e.js";
-import "clsx";
-import "../Image/index.1a9c0327.js";
-import "@mui/lab";
-import "./Typography/index.41b60a6b.js";
-import "./Popover/index.260aae81.js";
-import "./MenuActions/index.ec654122.js";
-import "./Pager/index.9e123670.js";
-import "./Tab/index.e0653a0a.js";