@m4l/components 0.1.63 → 0.1.65

package/components/NavLink/{index.ae9f1cc9.js → index.0d125c6b.js}

@@ -2,21 +2,21 @@ import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.0f9b360e.js";
-import { T as TEST_PROP_ID } from "../../vendor.a15d263e.js";
+import "../Icon/index.6938827f.js";
+import { T as TEST_PROP_ID } from "../../vendor.2d9f95b4.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.be9c2ce5.js";
-import "../mui_extended/Accordion/index.b7487e37.js";
+import "../mui_extended/IconButton/index.78a489d3.js";
+import "clsx";
+import "../mui_extended/Accordion/index.95a1b021.js";
 import "../mui_extended/Avatar/index.fe06afd7.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.d9e0ae2e.js";
-import "clsx";
-import "../Image/index.1a9c0327.js";
+import "../mui_extended/Button/index.e4c61b66.js";
+import "../Image/index.674024d4.js";
 import "@mui/lab";
-import { T as Typography } from "../mui_extended/Typography/index.41b60a6b.js";
-import "../mui_extended/Popover/index.260aae81.js";
-import "../mui_extended/MenuActions/index.ec654122.js";
-import "../mui_extended/Pager/index.9e123670.js";
+import { T as Typography } from "../mui_extended/Typography/index.86505aed.js";
+import "../mui_extended/Popover/index.e271e4f0.js";
+import "../mui_extended/MenuActions/index.742a57d7.js";
+import "../mui_extended/Pager/index.a44594e9.js";
 import "../mui_extended/Tab/index.e0653a0a.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LNavLink";

package/components/NoItemSelected/{index.7cfd7613.js → index.1aa96110.js}

@@ -1,6 +1,6 @@
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { I as Image } from "../Image/index.1a9c0327.js";
+import { I as Image } from "../Image/index.674024d4.js";
 import { Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/components/ObjectLogs/{index.b50726fb.js → index.05788334.js}

@@ -1,38 +1,35 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.42521a55.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.dc84293a.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.57125fcf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.5c159ed2.js";
-import { I as Icon } from "../Icon/index.0f9b360e.js";
-import "../../react-draggable.1aa81436.js";
-import "../ModalDialog/index.3efe049b.js";
-import "../Resizeable/index.b5d42efb.js";
-import "../CommonActions/components/Actions/index.433cd345.js";
+import { u as useModal } from "../../hooks/useModal/index.979ab2ea.js";
+import { I as Icon } from "../Icon/index.6938827f.js";
+import "../../react-draggable.d6441025.js";
+import "../ModalDialog/index.3db4480d.js";
+import "../Resizeable/index.ee84ebc5.js";
+import "../CommonActions/components/Actions/index.3b882471.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.d9e0ae2e.js";
+import "../mui_extended/Button/index.e4c61b66.js";
 import "clsx";
 import "react-hook-form";
-import "../areas/components/index.eace295a.js";
-import "../areas/components/AreasAdmin/index.51e28f63.js";
-import "../mui_extended/IconButton/index.be9c2ce5.js";
+import "../areas/components/AreasViewer/index.1aa4d12d.js";
+import "../mui_extended/IconButton/index.78a489d3.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.0792a8d1.js";
+import "../areas/contexts/AreasContext/index.b3b26965.js";
+import "../areas/components/AreasAdmin/index.46fab65b.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 "../areas/contexts/index.4ebef035.js";
+import "../areas/contexts/DynamicMFParmsContext/index.5b3248df.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.41b60a6b.js";
-import "../modal/WindowConfirm.c1339cf8.js";
-import { W as WindowBase } from "../modal/WindowBase.59f50553.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.442bda79.js";
+import "../mui_extended/Typography/index.86505aed.js";
+import "../modal/WindowConfirm.60028bce.js";
+import { W as WindowBase } from "../modal/WindowBase.1b0657de.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.abc697c7.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",

package/components/PaperForm/{index.44bf4469.js → index.b3da0da3.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { I as Icon } from "../Icon/index.0f9b360e.js";
+import { I as Icon } from "../Icon/index.6938827f.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPaper = styled("div")(({
   theme

package/components/Period/{index.99feb99e.js → index.a1b7b4cc.js}

@@ -1,33 +1,30 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.0f9b360e.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.433cd345.js";
+import { I as Icon } from "../Icon/index.6938827f.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.3b882471.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.d9e0ae2e.js";
+import "../mui_extended/Button/index.e4c61b66.js";
 import "clsx";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.ae8041f3.js";
-import "../../react-draggable.1aa81436.js";
-import "../ModalDialog/index.3efe049b.js";
-import "../Resizeable/index.b5d42efb.js";
+import "../../contexts/ModalContext/index.bfc47ba9.js";
+import "../../react-draggable.d6441025.js";
+import "../ModalDialog/index.3db4480d.js";
+import "../Resizeable/index.ee84ebc5.js";
 import "@m4l/graphics";
-import "../modal/WindowConfirm.c1339cf8.js";
-import "../modal/WindowBase.59f50553.js";
-import "../areas/components/index.eace295a.js";
-import "../areas/components/AreasAdmin/index.51e28f63.js";
-import "../mui_extended/IconButton/index.be9c2ce5.js";
+import "../modal/WindowConfirm.60028bce.js";
+import "../modal/WindowBase.1b0657de.js";
+import "../areas/components/AreasViewer/index.1aa4d12d.js";
+import "../mui_extended/IconButton/index.78a489d3.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.0792a8d1.js";
+import "../areas/contexts/AreasContext/index.b3b26965.js";
+import "../areas/components/AreasAdmin/index.46fab65b.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 "../areas/contexts/index.4ebef035.js";
+import "../areas/contexts/DynamicMFParmsContext/index.5b3248df.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.41b60a6b.js";
+import "../mui_extended/Typography/index.86505aed.js";
 const ContainerPeriod = styled("div")(({
   theme,
   error,

package/components/Resizeable/{index.b5d42efb.js → index.ee84ebc5.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { R as ResizableBox } from "../../react-resizable.e86cb01e.js";
+import { R as ResizableBox } from "../../react-resizable.79fb7404.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme
@@ -76,8 +76,8 @@ const WrapperResizeable = styled(ResizableBox)(({
 function ResizeableWindow(props) {
   const {
     children,
-    width = 200,
-    height = 200,
+    width = 600,
+    height = 400,
     maxHeigth,
     maxWidth,
     ...other

package/components/SideBar/{index.011880b6.js → index.99ce4e06.js}

@@ -1,19 +1,19 @@
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
 import { createContext, useContext, useState } from "react";
-import { T as TEST_PROP_ID } from "../../vendor.a15d263e.js";
-import { I as Image } from "../Image/index.1a9c0327.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.be9c2ce5.js";
+import { T as TEST_PROP_ID } from "../../vendor.2d9f95b4.js";
+import { I as Image } from "../Image/index.674024d4.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.78a489d3.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { styled as styled$1, ListItemText, ListItemButton, Collapse, Skeleton, generateUtilityClasses, Drawer } from "@mui/material";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.0f9b360e.js";
-import { T as Typography } from "../mui_extended/Typography/index.41b60a6b.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.6938827f.js";
+import { T as Typography } from "../mui_extended/Typography/index.86505aed.js";
 import clsx from "clsx";
-import { P as Popover } from "../mui_extended/Popover/index.260aae81.js";
+import { P as Popover } from "../mui_extended/Popover/index.e271e4f0.js";
 import { S as ScrollBar } from "../ScrollBar/index.bbe48f4d.js";
 import { styled, alpha } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.e199226a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.64775c34.js";
 const SideBarRoot = styled("div")(({
   theme
 }) => ({

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

@@ -0,0 +1,5 @@
+import { AreasAdmninClasses } from './types';
+import { OwnerState } from '../../../contexts/AreasContext/types';
+export declare const areasAdminClasses: AreasAdmninClasses;
+export declare const useAreasAdminUtilityClasses: (ownerState: OwnerState) => Record<"root" | "areaChipRoot" | "areaChipTitle" | "areaChipDeleteButton" | "areaChipEditButton" | "areasAddButton", string>;
+export declare type AdminClasses = ReturnType<typeof useAreasAdminUtilityClasses>;

package/components/areas/components/AreasAdmin/classes/types.d.ts

@@ -0,0 +1,11 @@
+export interface AreasAdmninClasses {
+    root: string;
+    areaChipRoot: string;
+    areaChipTitle: string;
+    areaChipDeleteButton: string;
+    areaChipEditButton: string;
+    areasAddButton: string;
+    selected: string;
+    isMobile: string;
+}
+export declare type AreasViewerClassesKey = keyof AreasAdmninClasses;

package/components/areas/components/AreasAdmin/index.46fab65b.js

@@ -0,0 +1,135 @@
+import { I as IconButton } from "../../../mui_extended/IconButton/index.78a489d3.js";
+import { u as useAreasStore } from "../../hooks/useArea/index.c7e4f3fc.js";
+import { useEnvironment } from "@m4l/core";
+import { generateUtilityClasses } from "@mui/material";
+import "../../../Icon/index.6938827f.js";
+import "react";
+import { jsxs, jsx } from "react/jsx-runtime";
+import "../../../mui_extended/Accordion/index.95a1b021.js";
+import "../../../mui_extended/Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../../../mui_extended/Button/index.e4c61b66.js";
+import clsx from "clsx";
+import "../../../Image/index.674024d4.js";
+import "@mui/lab";
+import "../../../mui_extended/Typography/index.86505aed.js";
+import "../../../mui_extended/Popover/index.e271e4f0.js";
+import "../../../mui_extended/MenuActions/index.742a57d7.js";
+import "../../../mui_extended/Pager/index.a44594e9.js";
+import "../../../mui_extended/Tab/index.e0653a0a.js";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../../utils/index.64775c34.js";
+import { A as AREAS_ADMIN_CLASS_NAME, I as ICONS } from "../../index.bfe6bf91.js";
+import { shallow } from "zustand/shallow";
+import { styled } from "@mui/material/styles";
+const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
+  "root",
+  "areaChipRoot",
+  "areaChipTitle",
+  "areaChipDeleteButton",
+  "areaChipEditButton",
+  "areasAddButton",
+  "selected",
+  "isMobile"
+], AREAS_ADMIN_CLASS_NAME);
+const useAreasAdminUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState.status, ownerState.isMobile && "isMobile", ownerState.isSkeleton && "isSkeleton"],
+    areaChipRoot: ["areaChipRoot"],
+    areaChipTitle: ["areaChipTitle"],
+    areaChipDeleteButton: ["areaChipDeleteButton"],
+    areaChipEditButton: ["areaChipEditButton"],
+    areasAddButton: ["areasAddButton"]
+  };
+  return unstable_composeClasses(slots, getComponentUtilityClass(AREAS_ADMIN_CLASS_NAME), {});
+};
+const AreaChip = (props) => {
+  const {
+    areaId,
+    selected,
+    areaName
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const {
+    deleteArea,
+    selectArea
+  } = useAreasStore((state) => state.actions);
+  const onClickDeleteArea = (e) => {
+    e.stopPropagation();
+    deleteArea(areaId);
+  };
+  return /* @__PURE__ */ jsxs("div", {
+    role: "presentation",
+    className: clsx(areasAdminClasses.areaChipRoot, selected ? areasAdminClasses.selected : null),
+    onClick: () => {
+      selectArea(areaId);
+    },
+    children: [/* @__PURE__ */ jsx("span", {
+      className: areasAdminClasses.areaChipTitle,
+      children: areaName
+    }), /* @__PURE__ */ jsx(IconButton, {
+      className: areasAdminClasses.areaChipDeleteButton,
+      src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.DELETE_AREA}`,
+      size: "small",
+      onClick: onClickDeleteArea
+    })]
+  });
+};
+AreaChip.displayName = "AreaButtons";
+const AreasAdminRoot = styled("div")`
+    display: flex;
+    position: relative;
+
+    //areaRoot
+    & .${areasAdminClasses.areaChipRoot} {
+        display: flex;
+    }
+
+    & .${areasAdminClasses.areaChipRoot}.${areasAdminClasses.selected}::before {
+        content: "";
+        background-color: ${(props) => props.theme.palette.primary.main};
+        height: 100%;
+        width: 8px;
+    },
+
+    ${(props) => props.theme.components?.M4LAreasAdmin}
+ 
+`;
+function AreasAdmin() {
+  const areas = useAreasStore((state) => state.areas, shallow);
+  const currentArea = useAreasStore((state) => state.currentArea, shallow);
+  const status = useAreasStore((state) => state.ownerState.status);
+  const classesRoot = useAreasStore((state) => state.adminClasses.root);
+  const {
+    addArea
+  } = useAreasStore((state) => state.actions, shallow);
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  console.log("Render AreasAdmin", status, areas);
+  if (status !== "loaded") {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(AreasAdminRoot, {
+    className: classesRoot,
+    children: [areas.map((area) => /* @__PURE__ */ jsx(AreaChip, {
+      areaId: area.id,
+      selected: area.id === currentArea,
+      areaName: area.name
+    }, area.id)), /* @__PURE__ */ jsx(IconButton, {
+      className: areasAdminClasses.areasAddButton,
+      src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.ADD_AREA}`,
+      size: "small",
+      onClick: addArea
+    })]
+  });
+}
+export {
+  AreasAdmin as A,
+  useAreasAdminUtilityClasses as u
+};

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/types.d.ts

@@ -1,5 +1,5 @@
 export interface AreaChipProps {
     areaId: string;
     areaName: string;
-    active: boolean;
+    selected: boolean;
 }

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

@@ -0,0 +1,5 @@
+import { AreasViewerClasses } from './types';
+import { OwnerState } from '../../../contexts/AreasContext/types';
+export declare const areasViewerClasses: AreasViewerClasses;
+export declare const useAreasViewerUtilityClasses: (ownerState: OwnerState) => Record<"root" | "areaRoot" | "areaGridLayoutPanelContainer" | "areaGridLayout" | "areaGridLayoutPopupsContainer" | "windowRoot" | "windowHeader" | "windowHeaderTitle" | "windowHeaderMainActions" | "windowContent" | "windowPopupRoot" | "windowModalRoot" | "panelWindowsRoot" | "panelWindowsButtonContainer", string>;
+export declare type ViwerClasses = ReturnType<typeof useAreasViewerUtilityClasses>;

package/components/areas/components/AreasViewer/classes/types.d.ts

@@ -0,0 +1,19 @@
+export interface AreasViewerClasses {
+    root: string;
+    areaRoot: string;
+    areaGridLayoutPanelContainer: string;
+    areaGridLayout: string;
+    areaGridLayoutPopupsContainer: string;
+    panelWindowsRoot: string;
+    panelWindowsButtonContainer: string;
+    windowRoot: string;
+    windowHeader: string;
+    windowHeaderTitle: string;
+    windowHeaderMainActions: string;
+    windowContent: string;
+    windowPopupRoot: string;
+    windowModalRoot: string;
+    selected: string;
+    isMobile: string;
+}
+export declare type AreasViewerClassesKey = keyof AreasViewerClasses;