@m4l/components 0.1.63 → 0.1.65

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/Area/styles.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface WrapperAreaProps {
-    isDesktop: boolean;
-}
-export declare const WrapperArea: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & WrapperAreaProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

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/AreasAdmin/styles.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const WrapperAreasAdmin: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const WrapperAreaChips: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AreaSelect: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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/AreasContainer/styles.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ContainerAreas: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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/GridLayout/styles.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const WrapperPoups: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-interface WrapperAreaProps {
-    isDesktop: boolean;
-}
-export declare const WrapperGridLayout: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & WrapperAreaProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

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

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