@m4l/components 0.1.64 → 0.1.66

package/{vendor.a15d263e.js → vendor.be57c149.js}

@@ -1,4 +1,4 @@
-import "./components/Icon/index.0f9b360e.js";
+import "./components/Icon/index.fbeeacc8.js";
 import "framer-motion";
 import { generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -6,80 +6,71 @@ import { styled } from "@mui/material/styles";
 import "react-router-dom";
 import "./components/animate/LoadingScreen/index.1d0c4307.js";
 import "./components/animate/PropagateLoader/index.be5b02c3.js";
-import "./components/areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
-import "./contexts/ModalContext/index.ae8041f3.js";
+import { A as AreasAdmin } from "./components/areas/index.d7519516.js";
+import "./contexts/ModalContext/index.de0a3457.js";
 import { useState, useEffect } from "react";
 import "react-hook-form";
 import "@hookform/resolvers/yup";
 import "./contexts/RHFormContext/index.a7511399.js";
 import { useModuleDictionary, useNetwork, useEnvironment } from "@m4l/core";
-import "./components/hook-form/RHFAutocomplete/index.083e23c1.js";
-import "./components/Image/index.1a9c0327.js";
-import { T as Typography } from "./components/mui_extended/Typography/index.41b60a6b.js";
+import "./components/hook-form/RHFAutocomplete/index.5f27e28c.js";
+import "./components/Image/index.77396f79.js";
+import { T as Typography } from "./components/mui_extended/Typography/index.eab3d85c.js";
 import "clsx";
-import { I as IconButton } from "./components/mui_extended/IconButton/index.be9c2ce5.js";
-import "./components/mui_extended/Accordion/index.b7487e37.js";
+import { I as IconButton } from "./components/mui_extended/IconButton/index.a5072cd3.js";
+import "./components/mui_extended/Accordion/index.0b15f939.js";
 import { A as Avatar } from "./components/mui_extended/Avatar/index.fe06afd7.js";
 import "@mui/material/Button";
-import "./components/mui_extended/Button/index.d9e0ae2e.js";
+import "./components/mui_extended/Button/index.b7b70e5f.js";
 import "@mui/lab";
-import { P as Popover } from "./components/mui_extended/Popover/index.260aae81.js";
-import "./components/mui_extended/MenuActions/index.ec654122.js";
-import "./components/mui_extended/Pager/index.9e123670.js";
+import { P as Popover } from "./components/mui_extended/Popover/index.e271e4f0.js";
+import "./components/mui_extended/MenuActions/index.3a275abb.js";
+import "./components/mui_extended/Pager/index.5a69ab10.js";
 import "./components/mui_extended/Tab/index.e0653a0a.js";
-import "./components/HelperText/index.3c07ca2a.js";
+import "./components/HelperText/index.c35dcb93.js";
 import "lodash/debounce";
-import "./components/hook-form/RHFAutocompleteAsync/index.ba751be9.js";
-import "./components/hook-form/RHFCheckbox/index.c19393b1.js";
+import "./components/hook-form/RHFAutocompleteAsync/index.35e17cd6.js";
+import "./components/hook-form/RHFCheckbox/index.4f134f09.js";
 import "@mui/x-date-pickers";
 import "./components/hook-form/RHFDateTime/index.6c129ce4.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "./components/hook-form/RHFTextField/index.97485ff2.js";
-import "./components/hook-form/RHFPeriod/index.c0a80aeb.js";
-import "./components/Period/index.99feb99e.js";
-import "./components/CommonActions/components/Actions/index.433cd345.js";
-import { c as cjs } from "./react-draggable.1aa81436.js";
-import "./components/ModalDialog/index.3efe049b.js";
-import "./components/Resizeable/index.b5d42efb.js";
-import "./components/modal/WindowConfirm.c1339cf8.js";
-import "./components/modal/WindowBase.59f50553.js";
-import "./components/areas/components/index.eace295a.js";
-import { A as AreasAdmin } from "./components/areas/components/AreasAdmin/index.51e28f63.js";
+import "./components/hook-form/RHFTextField/index.fc90a570.js";
+import "./components/hook-form/RHFPeriod/index.dcaa0c87.js";
+import "./components/Period/index.0c5bf66f.js";
+import "./components/CommonActions/components/Actions/index.77574633.js";
+import { c as cjs } from "./react-draggable.4d08d714.js";
+import "./components/ModalDialog/index.e600b43a.js";
+import "./components/Resizeable/index.4545dd6a.js";
+import "./components/modal/WindowConfirm.575b4d41.js";
+import "./components/modal/WindowBase.230a498f.js";
 import "zustand";
-import "./components/areas/contexts/AreasContext/index.0792a8d1.js";
 import "zustand/shallow";
-import "./components/areas/components/AreasContainer/index.1e5e6e91.js";
-import "react-grid-layout/css/styles.css";
-import "./react-resizable.e86cb01e.js";
-import "./components/areas/contexts/index.2a915acf.js";
 import "lodash/isString";
 import "react-dropzone";
-import "./components/hook-form/RHFUpload/index.798eb11d.js";
-import "./components/DataGrid/index.42521a55.js";
+import "./components/hook-form/RHFUpload/index.654ad316.js";
+import "./components/DataGrid/index.ef23d0a9.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "./components/DynamicFilter/index.442bda79.js";
+import "./components/DynamicFilter/index.04ed3d58.js";
 import "./components/ScrollBar/index.bbe48f4d.js";
 import "yup";
-import "./components/LanguagePopover/index.68de7176.js";
-import "./components/NavLink/index.ae9f1cc9.js";
-import "./components/NoItemSelected/index.7cfd7613.js";
-import "./components/ObjectLogs/index.b50726fb.js";
+import "./components/LanguagePopover/index.c0fc94c7.js";
+import "./components/NavLink/index.3f4e2417.js";
+import "./components/NoItemSelected/index.609c3c20.js";
+import "./components/ObjectLogs/index.7f93ba51.js";
 import "./react-json-view.57125fcf.js";
-import "./components/PaperForm/index.44bf4469.js";
+import "./components/PaperForm/index.fb4fa784.js";
 import "./components/Page/index.4237c241.js";
 import "./components/PropertyValue/index.dfcfe1ba.js";
 import "./react-splitter-layout.8b1655c8.js";
 import "./components/SplitLayout/index.5a8355d8.js";
-import "./components/SideBar/index.011880b6.js";
+import "./components/SideBar/index.7d970041.js";
 import "./components/animate/variants/fade.b561c0fc.js";
 import "./components/animate/variants/bounce.784aaaaa.js";
 import "./components/animate/variants/container.11f82b76.js";
 import "./components/animate/variants/transition.bd46b9ce.js";
 import "./components/animate/MotionContainer/index.8d9f9d80.js";
 import "./components/animate/MotionLazyContainer/index.572dd012.js";
-import "./components/areas/hooks/useDynamicMFParameters/index.041a666b.js";
-import "./components/areas/hooks/index.f4d78492.js";
 import "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
 import "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
 import "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
@@ -88,26 +79,26 @@ import "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
 import { C as CircularProgress } from "./components/mui_extended/CircularProgress/index.ad569afd.js";
 import "./components/mui_extended/LinearProgress/index.c92b9ba9.js";
 import "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
-import "./components/formatters/BooleanFormatter/index.cd00c8e1.js";
+import "./components/formatters/BooleanFormatter/index.0edacc9b.js";
 import "./components/formatters/DateFormatter/index.578a9f53.js";
 import "./components/formatters/UncertaintyFormatter/index.08e1b79f.js";
 import "./components/formatters/PointsFormatter/index.80a4e414.js";
-import "./components/formatters/index.deae4701.js";
+import "./components/formatters/index.879170b2.js";
 import "./components/formatters/PriceFormatter/index.83cbe7be.js";
 import "./components/DataGrid/formatters/columnUncertaintyFormatter/index.cae2057a.js";
 import "./components/DataGrid/formatters/columnPointsFormatter/index.5e645334.js";
 import "./components/DataGrid/formatters/columnNestedValueFormatter/index.f68ef4e1.js";
 import "./components/DataGrid/formatters/columnPriceFormatter/index.e612fda3.js";
-import "./components/CommonActions/components/ActionCancel/index.2eb2c1e1.js";
-import "./components/CommonActions/components/ActionIntro/index.0d138cb3.js";
-import "./components/CommonActions/components/ActionFormCancel/index.2864d574.js";
-import "./components/CommonActions/components/ActionFormIntro/index.e7f83ddd.js";
+import "./components/CommonActions/components/ActionCancel/index.4d0333c0.js";
+import "./components/CommonActions/components/ActionIntro/index.138101aa.js";
+import "./components/CommonActions/components/ActionFormCancel/index.298e0109.js";
+import "./components/CommonActions/components/ActionFormIntro/index.b45922ff.js";
 import "./components/Loadable/index.117eaced.js";
 import "./components/ScrollToTop/index.e06f98f6.js";
 import { unstable_composeClasses } from "@mui/base";
-import { c as getNameDataTestId } from "./utils/index.e199226a.js";
+import { c as getNameDataTestId } from "./utils/index.c2e62d8f.js";
 import "./hooks/useFormAddEdit/index.15de3ba8.js";
-import "./hooks/useModal/index.5c159ed2.js";
+import "./hooks/useModal/index.e103db09.js";
 import "./assets/Logo/index.228dcb5a.js";
 const TEST_PROP_ID = "data-testid";
 const DraggableWindow = (props) => {
@@ -438,11 +429,11 @@ const AppBar = (props) => {
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId("root")
     } : {},
-    children: [/* @__PURE__ */ jsx(AreasAdmin, {}), !isDesktop ? /* @__PURE__ */ jsx(IconButton, {
+    children: [!isDesktop ? /* @__PURE__ */ jsx(IconButton, {
       tooltip: "test",
       src: `${host_static_assets}/${environment_assets}/frontend/components/settings/assets/icons/options.svg`,
       onClick: onToggleVisible
-    }) : null, /* @__PURE__ */ jsx(AccountPopover, {
+    }) : null, /* @__PURE__ */ jsx(AreasAdmin, {}), /* @__PURE__ */ jsx(AccountPopover, {
       handleClick,
       handleLogOut,
       version

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

@@ -1,5 +0,0 @@
-import { AreaProps } from './types';
-export declare const Area: {
-    (props: AreaProps): JSX.Element;
-    displayName: string;
-};

package/components/areas/components/AreasAdmin/index.51e28f63.js

@@ -1,120 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.be9c2ce5.js";
-import { u as useAreasStore } from "../../hooks/useArea/index.d6263051.js";
-import { useEnvironment } from "@m4l/core";
-import "@mui/material";
-import "../../../Icon/index.0f9b360e.js";
-import "react";
-import { jsxs, jsx } from "react/jsx-runtime";
-import "../../../mui_extended/Accordion/index.b7487e37.js";
-import "../../../mui_extended/Avatar/index.fe06afd7.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../../../mui_extended/Button/index.d9e0ae2e.js";
-import "clsx";
-import "../../../Image/index.1a9c0327.js";
-import "@mui/lab";
-import "../../../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 "../../../mui_extended/Tab/index.e0653a0a.js";
-import { shallow } from "zustand/shallow";
-const WrapperAreasAdmin = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  width: "100%",
-  height: "100%",
-  flexGrow: "1",
-  position: "relative",
-  marginTop: theme.spacing(3)
-}));
-const WrapperAreaChips = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "row",
-  border: "1px solid gray",
-  "&.active": {
-    border: "1px solid red"
-  }
-}));
-const AreaSelect = styled("div")(({
-  theme
-}) => ({
-  height: "100%",
-  width: theme.spacing(1),
-  backgroundColor: theme.palette.background.default,
-  "&.active": {
-    backgroundColor: theme.palette.primary.main
-  }
-}));
-const AreaChip = (props) => {
-  const {
-    areaId,
-    active,
-    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(WrapperAreaChips, {
-    className: active ? "active" : "",
-    onClick: () => {
-      selectArea(areaId);
-    },
-    children: [/* @__PURE__ */ jsx(AreaSelect, {
-      className: active ? "active" : ""
-    }), /* @__PURE__ */ jsx("span", {
-      children: areaName
-    }), /* @__PURE__ */ jsx(IconButton, {
-      src: `${host_static_assets}/${environment_assets}/frontend/domain/microfrontends/users/assets/icons/edit.svg`,
-      size: "small",
-      onClick: () => {
-      }
-    }), /* @__PURE__ */ jsx(IconButton, {
-      src: `${host_static_assets}/${environment_assets}/frontend/domain/microfrontends/users/assets/icons/delete.svg`,
-      size: "small",
-      onClick: onClickDeleteArea
-    })]
-  });
-};
-AreaChip.displayName = "AreaButtons";
-function AreasAdmin() {
-  const areas = useAreasStore((state) => state.areas, shallow);
-  const currentArea = useAreasStore((state) => state.currentArea, shallow);
-  const status = useAreasStore((state) => state.status);
-  const {
-    addArea
-  } = useAreasStore((state) => state.actions, shallow);
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  if (status !== "loaded") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(WrapperAreasAdmin, {
-    id: "ContainerTabs",
-    children: [areas.map((area) => /* @__PURE__ */ jsx(AreaChip, {
-      areaId: area.id,
-      active: area.id === currentArea,
-      areaName: area.name
-    }, area.id)), /* @__PURE__ */ jsx(IconButton, {
-      src: `${host_static_assets}/${environment_assets}/frontend/domain/microfrontends/users/assets/icons/add.svg`,
-      size: "small",
-      onClick: addArea
-    })]
-  });
-}
-export {
-  AreasAdmin as A
-};

package/components/areas/components/AreasContainer/index.1e5e6e91.js

@@ -1,37 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { A as Area } from "../index.eace295a.js";
-import "react-grid-layout/css/styles.css";
-import "../../../../react-resizable.e86cb01e.js";
-import { u as useAreasStore } from "../../hooks/useArea/index.d6263051.js";
-import { jsx } from "react/jsx-runtime";
-const ContainerAreas = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  width: "100%",
-  height: "100%",
-  flexGrow: "1",
-  position: "relative",
-  marginTop: theme.spacing(0)
-}));
-function AreasContainer() {
-  const areas = useAreasStore((state) => state.areas);
-  const currentArea = useAreasStore((state) => state.currentArea);
-  const status = useAreasStore((state) => state.status);
-  if (status !== "loaded") {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(ContainerAreas, {
-    id: "ContainerAreas",
-    children: areas.map((area) => {
-      return /* @__PURE__ */ jsx(Area, {
-        id: area.id,
-        active: currentArea === area.id,
-        loadWindows: area.loadWindows
-      }, area.id);
-    })
-  });
-}
-export {
-  AreasContainer as A
-};

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

@@ -1 +0,0 @@
-export declare function AreasContainer(): JSX.Element | null;

package/components/areas/components/GridLayout/index.5bf8d5e4.js

@@ -1,103 +0,0 @@
-import { WidthProvider, Responsive } from "react-grid-layout";
-import { a as useAreaStore } from "../../hooks/useArea/index.d6263051.js";
-import { styled } from "@mui/material/styles";
-import { M as MemonizedWindowPopUp } from "../WindowPopUp/index.f053fca7.js";
-import { M as MemonizedWindow, a as MemonizedWindowModal } from "../Window/index.416a874f.js";
-import "react-grid-layout/css/styles.css";
-import "../../../../react-resizable.e86cb01e.js";
-import { shallow } from "zustand/shallow";
-import { R as ROW_HEIGTH_GRIDLAYOUT, C as CONTAINER_PADDING_GRIDLAYOUT } from "../../contexts/AreaContext/index.7890e58d.js";
-import { jsxs, jsx } from "react/jsx-runtime";
-const WrapperPoups = styled("div")(() => ({
-  zIndex: 1,
-  " .react-draggable": {
-    position: "absolute"
-  }
-}));
-const WrapperGridLayout = styled("div", {
-  shouldForwardProp: (props) => props !== "isDesktop"
-})(({
-  isDesktop
-}) => ({
-  display: "flex",
-  flexDirection: isDesktop ? "row" : "column",
-  flexGrow: 1,
-  overflowY: "auto",
-  height: isDesktop ? "100%" : "unset",
-  width: isDesktop ? "unset" : "100%",
-  border: "1px dashed black"
-}));
-const ResponsiveGridLayout = WidthProvider(Responsive);
-const GridLayout = () => {
-  const areaId = useAreaStore((state) => state.id);
-  const isDesktop = useAreaStore((state) => state.isDesktop);
-  const gridLayouts = useAreaStore((state) => state.gridLayouts, shallow);
-  const hashWindowsPopups = useAreaStore((state) => state.hashWindowsPopups, shallow);
-  const hashWindowsLayouts = useAreaStore((state) => state.hashWindowsLayouts, shallow);
-  const breakPointsLayouts = useAreaStore((state) => state.breakpointsLayouts, shallow);
-  const windowsPopUps = useAreaStore((state) => state.windowsPopUps, shallow);
-  const windowModal = useAreaStore((state) => state.windowModal, shallow);
-  const breakpoints = useAreaStore((state) => state.breakpoints, shallow);
-  const cols = useAreaStore((state) => state.cols, shallow);
-  const {
-    onBreakpointsLayoutsChange
-  } = useAreaStore((state) => state.actions);
-  function onBreakpointChange(_newBreakpoint, _newCols) {
-  }
-  return /* @__PURE__ */ jsxs(WrapperGridLayout, {
-    isDesktop,
-    className: `M4L_WrapperGridLayout_${isDesktop ? "desktop" : "mobile"} ${`M4L_WrapperGridLayout_${areaId}`}`,
-    children: [/* @__PURE__ */ jsxs(ResponsiveGridLayout, {
-      className: `M4L_GridLayout M4L_GridLayout_${areaId}`,
-      layouts: breakPointsLayouts,
-      onLayoutChange: onBreakpointsLayoutsChange,
-      onBreakpointChange,
-      breakpoints,
-      cols,
-      rowHeight: ROW_HEIGTH_GRIDLAYOUT,
-      margin: [5, 5],
-      containerPadding: [CONTAINER_PADDING_GRIDLAYOUT, CONTAINER_PADDING_GRIDLAYOUT],
-      draggableHandle: ".m4l_draggable_handle",
-      compactType: "horizontal",
-      children: [/* @__PURE__ */ jsx(WrapperPoups, {
-        id: "WrapperPoups",
-        "data-grid": {
-          i: "none",
-          x: 0,
-          y: 0,
-          w: 0,
-          h: 0,
-          maxW: 0,
-          maxH: 0,
-          minW: 0,
-          minH: 0,
-          static: true,
-          isDraggable: false,
-          isResizable: false
-        },
-        children: windowsPopUps.map((wp) => {
-          if (hashWindowsPopups[wp]) {
-            return /* @__PURE__ */ jsx(MemonizedWindowPopUp, {
-              ...hashWindowsPopups[wp]
-            }, hashWindowsPopups[wp].windowId);
-          }
-          return null;
-        })
-      }, "none"), gridLayouts.map((l) => {
-        if (hashWindowsLayouts[l.i]) {
-          return /* @__PURE__ */ jsx("div", {
-            children: /* @__PURE__ */ jsx(MemonizedWindow, {
-              ...hashWindowsLayouts[l.i]
-            })
-          }, l.i);
-        }
-        return null;
-      })]
-    }), windowModal && /* @__PURE__ */ jsx(MemonizedWindowModal, {
-      ...windowModal
-    })]
-  });
-};
-export {
-  GridLayout as G
-};

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

@@ -1 +0,0 @@
-export declare const GridLayout: () => JSX.Element;

package/components/areas/components/Window/icons.d.ts

@@ -1,3 +0,0 @@
-export declare const icons: {
-    CLOSE: string;
-};