@m4l/components 0.1.39 → 0.1.40

package/dist/components/areas/components/AreasAdmin/index.6794b22f.js

@@ -1,112 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.82f16572.js";
-import { u as useAreas } from "../../hooks/useArea/index.9b85ce24.js";
-import { useEnvironment } from "@m4l/core";
-import "@mui/material";
-import "../../../Icon/index.8d754623.js";
-import "react";
-import { jsxs, jsx } from "react/jsx-runtime";
-import "../../../mui_extended/Accordion/index.a541c71c.js";
-import "../../../mui_extended/Avatar/index.fe06afd7.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "@mui/lab";
-import "../../../mui_extended/Button/index.86a155a2.js";
-import "../../../mui_extended/Popover/index.53c77d23.js";
-import "../../../mui_extended/MenuActions/index.ee17bddd.js";
-import "../../../mui_extended/Pager/index.74d3f5fc.js";
-import "../../../mui_extended/Tab/index.e0653a0a.js";
-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
-  } = useAreas();
-  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: () => deleteArea(areaId)
-    })]
-  });
-};
-AreaChip.displayName = "AreaButtons";
-function AreasAdmin() {
-  const {
-    areas,
-    currentArea,
-    addArea,
-    status
-  } = useAreas();
-  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/dist/components/areas/components/AreasAdmin/index.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function AreasAdmin(): JSX.Element | null;

package/dist/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/dist/components/areas/components/AreasAdmin/subcomponents/AreaChip/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { AreaChipProps } from './types';
-export declare const AreaChip: {
-    (props: AreaChipProps): JSX.Element;
-    displayName: string;
-};

package/dist/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/dist/components/areas/components/AreasAdmin/subcomponents/AreaChip/types.d.ts

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

package/dist/components/areas/components/AreasContainer/index.a2f8899b.js

@@ -1,43 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { A as Area } from "../index.7d6cd649.js";
-import "react-grid-layout/css/styles.css";
-import "../../../../react-resizable.1d00271d.js";
-import { u as useAreas } from "../../hooks/useArea/index.9b85ce24.js";
-import { useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
-const ContainerAreas = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  width: "100%",
-  height: "100%",
-  flexGrow: "1",
-  position: "relative",
-  marginTop: theme.spacing(3)
-}));
-function AreasContainer() {
-  const {
-    areas,
-    currentArea,
-    status
-  } = useAreas();
-  useEffect(() => {
-    console.log("useEffect AreasContainer");
-  }, []);
-  if (status !== "loaded") {
-    return null;
-  }
-  console.log("Render AreasContainer", status, currentArea, areas);
-  return /* @__PURE__ */ jsx(ContainerAreas, {
-    id: "ContainerAreas",
-    children: areas.map((area) => {
-      return /* @__PURE__ */ jsx(Area, {
-        id: area.id,
-        active: currentArea === area.id
-      }, area.id);
-    })
-  });
-}
-export {
-  AreasContainer as A
-};

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function AreasContainer(): JSX.Element | null;

package/dist/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/dist/components/areas/components/GridLayout/index.b9c1e846.js

@@ -1,92 +0,0 @@
-import { WidthProvider, Responsive } from "react-grid-layout";
-import { a as useArea } from "../../hooks/useArea/index.9b85ce24.js";
-import { styled } from "@mui/material/styles";
-import { W as WindowPopUp } from "../WindowPopUp/index.214cf099.js";
-import { M as MemonizedWindow } from "../Window/index.252fbf4e.js";
-import "react-grid-layout/css/styles.css";
-import "../../../../react-resizable.1d00271d.js";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-const WrapperPoups = styled("div")(() => ({
-  zIndex: 1,
-  " .react-draggable": {
-    position: "absolute"
-  }
-}));
-const ResponsiveGridLayout = WidthProvider(Responsive);
-const GridLayout = () => {
-  const {
-    status,
-    allLayouts,
-    layouts,
-    hashWindowsLayouts,
-    windowsPopUps,
-    onLayoutChange
-  } = useArea();
-  function onBreakpointChange(_newBreakpoint, _newCols) {
-  }
-  if (status === "init") {
-    return /* @__PURE__ */ jsx(Fragment, {});
-  } else if (status === "load") {
-    return /* @__PURE__ */ jsx("div", {
-      children: "Loading..."
-    });
-  }
-  return /* @__PURE__ */ jsxs(ResponsiveGridLayout, {
-    className: "layout",
-    onLayoutChange,
-    onBreakpointChange,
-    breakpoints: {
-      lg: 1200,
-      md: 996,
-      sm: 768,
-      xs: 480,
-      xxs: 0
-    },
-    cols: {
-      lg: 24,
-      md: 20,
-      sm: 12,
-      xs: 8,
-      xxs: 2
-    },
-    rowHeight: 100,
-    margin: [5, 5],
-    containerPadding: [3, 3],
-    draggableHandle: ".m4l_draggable_handle",
-    compactType: "horizontal",
-    layouts: allLayouts,
-    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) => /* @__PURE__ */ jsx(WindowPopUp, {
-        ...wp
-      }, wp.container_id))
-    }, "none"), layouts.map((l) => {
-      if (hashWindowsLayouts[l.i]) {
-        return /* @__PURE__ */ jsx("div", {
-          "data-grid": l,
-          children: /* @__PURE__ */ jsx(MemonizedWindow, {
-            ...hashWindowsLayouts[l.i]
-          })
-        }, l.i);
-      }
-      return null;
-    })]
-  });
-};
-export {
-  GridLayout as G
-};

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const GridLayout: () => JSX.Element;

package/dist/components/areas/components/GridLayout/styles.d.ts

@@ -1,2 +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>, {}>;

package/dist/components/areas/components/Window/contexts/WindowContext/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { WindowContextProps, WindowProviderProps } from './types';
-declare const WindowContext: import("react").Context<WindowContextProps | null>;
-declare function WindowProvider(props: WindowProviderProps): JSX.Element;
-export { WindowProvider, WindowContext };

package/dist/components/areas/components/Window/contexts/WindowContext/types.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { WindowBaseProps } from '../../../Area/types';
-import type { ModuleAction } from '../../../../contexts/DynamicMFParmsContext/types';
-export interface WindowProviderProps extends WindowBaseProps {
-    initialExternalActions?: ModuleAction[];
-    children: ReactNode;
-}
-export interface WindowContextProps extends Omit<WindowProviderProps, 'children' | 'initialExternalActions'> {
-    moduleActions: ModuleAction[];
-    externalActions: ModuleAction[];
-    setExternalActions: (newActions: ModuleAction[]) => void;
-    setModuleActions: (newActions: ModuleAction[]) => void;
-}

package/dist/components/areas/components/Window/hooks/useWindow/index.d.ts

@@ -1 +0,0 @@
-export declare const useWindow: () => import("../../contexts/WindowContext/types").WindowContextProps;