@m4l/components 0.1.68 → 0.1.70

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

@@ -1,230 +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.38620c15.js";
-import { u as useAreasViewerUtilityClasses, a as useAreasAdminUtilityClasses } from "../../components/index.b21d60d8.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/index.65b0f324.js

@@ -1,2 +0,0 @@
-import "./AreasContext/index.ded4e1bd.js";
-import "../components/index.b21d60d8.js";

package/components/areas/hooks/index.18cb3d8a.js

@@ -1,26 +0,0 @@
-import { useContext } from "react";
-import { useStore } from "zustand";
-import { W as WindowContext, b as WindowToolsMFContext } from "../components/index.b21d60d8.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.d.ts

@@ -1,11 +0,0 @@
-import { AreaStateWithActions } from '../../components/AreasViewer/subcomponents/Area/contexts/AreaContext/types';
-export declare const useArea: () => Omit<Omit<import("zustand").StoreApi<AreaStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: AreaStateWithActions | Partial<AreaStateWithActions> | ((state: AreaStateWithActions) => AreaStateWithActions | Partial<AreaStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: AreaStateWithActions | Partial<AreaStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<AreaStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-};
-export declare function useAreaStore<T>(selector: (state: AreaStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;

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

@@ -1,34 +0,0 @@
-import { useContext } from "react";
-import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.ded4e1bd.js";
-import { A as AreaContext } from "../../components/index.b21d60d8.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/useWindow/index.d.ts

@@ -1,11 +0,0 @@
-import { WindowStateWithActions } from '../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/WindowContext/store';
-export declare const useWindow: () => Omit<Omit<import("zustand").StoreApi<WindowStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: WindowStateWithActions | Partial<WindowStateWithActions> | ((state: WindowStateWithActions) => WindowStateWithActions | Partial<WindowStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: WindowStateWithActions | Partial<WindowStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<WindowStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-};
-export declare function useWindowStore<T>(selector: (state: WindowStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;

package/components/hook-form/RHFDateTime/index.6c129ce4.js

@@ -1,95 +0,0 @@
-import { useFormContext, Controller } from "react-hook-form";
-import { DateTimePicker } from "@mui/x-date-pickers";
-import { useModuleSkeleton } from "@m4l/core";
-import { Skeleton } from "@mui/material";
-import { styled } from "@mui/material/styles";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useFormatter } from "@m4l/graphics";
-const SKTRHFWrapperTextField = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  width: "100%",
-  height: "42.25px",
-  alignItems: "center",
-  justifyContent: "space-between",
-  border: `1px solid ${theme.palette.divider}`,
-  padding: "0 14px",
-  borderRadius: theme.spacing(0.5)
-}));
-const SkeletonRHFDateTime = (props) => {
-  const {
-    skeletonWidth,
-    skeletonHeight
-  } = props;
-  return /* @__PURE__ */ jsxs(SKTRHFWrapperTextField, {
-    children: [/* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: skeletonWidth,
-      height: skeletonHeight
-    }), /* @__PURE__ */ jsx(Skeleton, {
-      variant: "circular",
-      width: "20px",
-      height: "20px"
-    })]
-  });
-};
-function RHFDateTime(props) {
-  const {
-    name,
-    skeletonWidth = "50%",
-    skeletonHeight = 14
-  } = props;
-  const isSkeleton = useModuleSkeleton();
-  const {
-    control
-  } = useFormContext();
-  const {
-    dateFormatter: {
-      datetimeFormat
-    }
-  } = useFormatter();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SkeletonRHFDateTime, {
-      skeletonWidth,
-      skeletonHeight
-    });
-  }
-  return /* @__PURE__ */ jsx(Controller, {
-    name,
-    control,
-    render: ({
-      field: {
-        value,
-        onChange,
-        ref
-      },
-      fieldState: {
-        error
-      }
-    }) => {
-      return /* @__PURE__ */ jsx(DateTimePicker, {
-        className: "OLEEEEE ",
-        inputRef: ref,
-        ampm: false,
-        label: "",
-        value,
-        onChange: (newValue) => {
-          onChange(newValue);
-        },
-        slotProps: {
-          textField: {
-            error: !!error,
-            helperText: error?.message
-          },
-          field: {
-            format: datetimeFormat
-          }
-        }
-      });
-    }
-  });
-}
-export {
-  RHFDateTime as R
-};

package/components/modal/index.b13922a1.js

@@ -1,24 +0,0 @@
-import "@mui/material";
-import "../../react-draggable.26a0b105.js";
-import "react";
-import "../../contexts/ModalContext/index.fcb7d228.js";
-import "../ModalDialog/index.20a9b77a.js";
-import "../Resizeable/index.18a50191.js";
-import "react/jsx-runtime";
-import "@m4l/graphics";
-import "@m4l/core";
-import "../CommonActions/components/Actions/index.377c342e.js";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.4d13dbda.js";
-import "clsx";
-import "react-hook-form";
-import "./WindowBase.77a5aeb2.js";
-import "../Icon/index.f0a7d42d.js";
-import "../mui_extended/IconButton/index.06b5c4a8.js";
-import "zustand";
-import "../areas/contexts/AreasContext/index.ded4e1bd.js";
-import "../areas/components/index.b21d60d8.js";
-import "zustand/shallow";
-import "@mui/lab";
-import "../mui_extended/Typography/index.ab4ee376.js";
-import "./WindowConfirm.fcc6d9f8.js";

package/components/mui_extended/index.08799321.js

@@ -1,19 +0,0 @@
-import "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.f0a7d42d.js";
-import "react/jsx-runtime";
-import "./IconButton/index.06b5c4a8.js";
-import "clsx";
-import "./Accordion/index.5370ebbf.js";
-import "./Avatar/index.fe06afd7.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "./Button/index.4d13dbda.js";
-import "../Image/index.b216f30c.js";
-import "@mui/lab";
-import "./Typography/index.ab4ee376.js";
-import "./Popover/index.e271e4f0.js";
-import "./MenuActions/index.e05e6158.js";
-import "./Pager/index.b9db40bc.js";
-import "./Tab/index.e0653a0a.js";