@m4l/components 0.1.83 → 0.1.85

package/components/areas/components/AreasAdmin/index.7bfec13f.js

@@ -1,487 +0,0 @@
-import { I as IconButton } from "../../../mui_extended/IconButton/index.a318316e.js";
-import { u as useAreasStore } from "../../hooks/useAreas/index.a4c03e23.js";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { useState, useRef, useMemo } from "react";
-import * as Yup from "yup";
-import { generateUtilityClasses, useTheme } from "@mui/material";
-import "../../../mui_extended/Accordion/index.5111314b.js";
-import { I as Icon } from "../../../Icon/index.2414ff25.js";
-import clsx from "clsx";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../../mui_extended/Typography/index.443590d6.js";
-import "../../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import { B as Button } from "../../../mui_extended/Button/index.40af964e.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import "../../../mui_extended/CheckBox.5f6c78b0.js";
-import "../../../mui_extended/Badge/index.cad260fe.js";
-import "../../../Image/index.c18ebf5a.js";
-import "@mui/lab";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.f6bfdd40.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Pager/index.da26e9d4.js";
-import "../../../mui_extended/Tab/index.0989d15d.js";
-import "../../../mui_extended/Tooltip/index.5a795dcd.js";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.c43a95f4.js";
-import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
-import { I as ICONS } from "../../icons.8266ccc8.js";
-import "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.577bf36b.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.b9266262.js";
-import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.42df8eb4.js";
-import "../../../HelperText/index.28e9105d.js";
-import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.0441524c.js";
-import "../../../hook-form/RHFCheckbox/index.c66147f7.js";
-import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.4698ca29.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.1fa07688.js";
-import "../../../hook-form/RHFPeriod/index.f653934b.js";
-import "../../../Period/index.0e6512b2.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.23a2d6ae.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.b2fc495d.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.724d8e17.js";
-import "../../../../react-draggable.7abb5d0a.js";
-import "../../../Resizeable/index.9a9c79a4.js";
-import "../../../modal/index.1bd35bd5.js";
-import { shallow } from "zustand/shallow";
-import { styled } from "@mui/material/styles";
-import { S as ScrollBar } from "../../../ScrollBar/index.d4410cb5.js";
-import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
-import "../AreasViewer/index.9ed7dfd7.js";
-import "../../../LinearProgressIndeterminate/index.60dabc06.js";
-import "../../contexts/AreasContext/index.36fe6953.js";
-import "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "zustand";
-import "lodash/isString";
-import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.93c2dcb5.js";
-const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
-  "root",
-  "areaChipRoot",
-  "areaChipTitle",
-  "areaChipDeleteButton",
-  "areasAddButton",
-  "areaContainerChipEditButton",
-  "areaContainerChips",
-  "areaContainerContentChips",
-  "areaContainerChipsIcon",
-  "areaEditPopover",
-  "areaChipMobileRoot",
-  "areaChipMobileIconContainer",
-  "areaIconLayer",
-  "areaIconLayerContent",
-  "areaChipEditButton",
-  "areasPopoverMobileOptions",
-  "areasPopoverListWindows",
-  "selected",
-  "isMobile",
-  "disabled"
-], AREAS_ADMIN_CLASS_NAME);
-const useAreasAdminUtilityClasses = (ownerState) => {
-  const slots = {
-    root: ["root", ownerState.status, ownerState.isMobile && "isMobile", ownerState.isSkeleton && "isSkeleton"],
-    areaChipRoot: ["areaChipRoot"],
-    areaIconLayer: ["areaIconLayer"],
-    areaContainerChipsIcon: ["areaContainerChipsIcon"],
-    areaContainerChips: ["areaContainerChips"],
-    areaContainerContentChips: ["areaContainerContentChips"],
-    areaEditPopover: ["areaEditPopover"],
-    areaChipMobileRoot: ["areaChipMobileRoot"],
-    areaChipMobileIconContainer: ["areaChipMobileIconContainer"],
-    areaChipTitle: ["areaChipTitle"],
-    areaContainerChipEditButton: ["areaContainerChipEditButton"],
-    areaChipDeleteButton: ["areaChipDeleteButton"],
-    areaChipEditButton: ["areaChipEditButton"],
-    areasAddButton: ["areasAddButton"],
-    areasPopoverMobileOptions: ["areasPopoverMobileOptions"],
-    areasPopoverListWindows: ["areasPopoverListWindows"]
-  };
-  return unstable_composeClasses(slots, getComponentUtilityClass(AREAS_ADMIN_CLASS_NAME), {});
-};
-styled("div")(() => ({
-  display: "flex",
-  flexDirection: "row",
-  border: "1px solid gray",
-  "&.active": {
-    border: "1px solid red"
-  }
-}));
-styled("div")(({
-  theme
-}) => ({
-  height: "100%",
-  width: theme.spacing(1),
-  backgroundColor: theme.palette.background.default,
-  "&.active": {
-    backgroundColor: theme.palette.primary.main
-  }
-}));
-const EditAreaHeader = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  width: "100%",
-  height: "25px",
-  borderBottom: "1px solid",
-  borderColor: theme.palette.state.default,
-  justifyContent: "space-between",
-  alignItems: "center"
-}));
-const ChipActionsMobile = (props) => {
-  const {
-    handlerOpenPopoverEditArea,
-    areaId
-  } = props;
-  const {
-    deleteArea
-  } = useAreasStore((state) => state.areasActions);
-  const listAreas = useAreasStore((state) => state.areas, shallow);
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const menuActions = [{
-    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.EDIT_AREA}`,
-    onClick: handlerOpenPopoverEditArea,
-    label: getLabel(getAreasDictionary(DICCTIONARY.label_edit_area))
-  }];
-  if (listAreas.length > 1) {
-    menuActions.push({
-      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.DELETE_AREA}`,
-      onClick: () => deleteArea(areaId),
-      label: getLabel(getAreasDictionary(DICCTIONARY.label_delete_area))
-    });
-  }
-  return /* @__PURE__ */ jsx(MenuActions, {
-    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.SHOW_OPTIONS}`,
-    arrowType: "no-arrow",
-    marginTop: "12px",
-    anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "right"
-    },
-    transformOrigin: {
-      vertical: "top",
-      horizontal: "right"
-    },
-    menuActions
-  });
-};
-const AreaChip = (props) => {
-  const {
-    areaId,
-    selected,
-    disabled
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const {
-    deleteArea,
-    selectArea,
-    editArea
-  } = useAreasStore((state) => state.areasActions);
-  const areaName = useAreasStore((state) => state.hashAreas[areaId].name, shallow);
-  const listAreas = useAreasStore((state) => state.areas, shallow);
-  const [open, setOpen] = useState(false);
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const isDesktop = useResponsiveDesktop();
-  const anchorRef = useRef(null);
-  const theme = useTheme();
-  const onClickDeleteArea = (e) => {
-    console.log("listAreas", listAreas);
-    if (listAreas.length > 1) {
-      e.stopPropagation();
-      deleteArea(areaId);
-    }
-  };
-  const onSubmit = (data) => {
-    editArea(areaId, data.inputEditArea);
-    setOpen(false);
-  };
-  const handlerOpenPopoverEditArea = () => {
-    setOpen(true);
-  };
-  const initialValues = {
-    inputEditArea: areaName
-  };
-  const validationSchema = useMemo(() => Yup.object().shape({
-    inputEditArea: Yup.string().required(getLabel(getAreasDictionary(DICCTIONARY.validation_edit_area)))
-  }), [getLabel]);
-  return /* @__PURE__ */ jsxs("div", {
-    role: "presentation",
-    className: clsx(areasAdminClasses.areaChipRoot, selected ? areasAdminClasses.selected : null, disabled ? areasAdminClasses.disabled : null),
-    onClick: () => {
-      selectArea(areaId);
-    },
-    ref: anchorRef,
-    children: [/* @__PURE__ */ jsx("div", {
-      className: areasAdminClasses.areaChipTitle,
-      children: areaName
-    }), isDesktop ? /* @__PURE__ */ jsxs("div", {
-      className: areasAdminClasses.areaContainerChipEditButton,
-      children: [/* @__PURE__ */ jsx(IconButton, {
-        className: areasAdminClasses.areaChipEditButton,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.EDIT_AREA}`,
-        size: "extraSmall",
-        onClick: handlerOpenPopoverEditArea
-      }), /* @__PURE__ */ jsx(IconButton, {
-        className: areasAdminClasses.areaChipDeleteButton,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.DELETE_AREA}`,
-        size: "extraSmall",
-        onClick: onClickDeleteArea
-      })]
-    }) : /* @__PURE__ */ jsx(ChipActionsMobile, {
-      areaId,
-      handlerOpenPopoverEditArea
-    }), /* @__PURE__ */ jsx(Popover, {
-      arrowType: "top-center",
-      open,
-      className: areasAdminClasses.areaEditPopover,
-      anchorEl: anchorRef.current,
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "center"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "center"
-      },
-      onClose: () => setOpen(false),
-      sx: {
-        mt: "10px",
-        ...theme.components?.M4LAreasAdminEditPopover?.styleOverrides
-      },
-      children: /* @__PURE__ */ jsxs(RHFormProvider, {
-        onSubmit,
-        values: initialValues,
-        validationSchema,
-        children: [/* @__PURE__ */ jsxs(EditAreaHeader, {
-          children: [/* @__PURE__ */ jsx(Typography, {
-            children: getLabel(DICCTIONARY.label_edit_area)
-          }), /* @__PURE__ */ jsx(IconButton, {
-            src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.CLOSE}`,
-            size: "small",
-            onClick: () => setOpen(false)
-          })]
-        }), /* @__PURE__ */ jsx(RHFTextField, {
-          name: "inputEditArea",
-          skeletonWidth: "70%",
-          skeletonHeight: "18px",
-          sx: {
-            mt: "20px"
-          }
-        }), /* @__PURE__ */ jsxs(Actions, {
-          children: [/* @__PURE__ */ jsx(ActionCancel, {
-            onClick: () => setOpen(false),
-            variant: "outlined",
-            skeletonWidth: "100%"
-          }), /* @__PURE__ */ jsx(ActionIntro, {
-            skeletonWidth: "100%"
-          })]
-        })]
-      })
-    })]
-  });
-};
-AreaChip.displayName = "AreaButtons";
-const AreasAdminRoot = styled("div")`
-    display: flex;
-    position: relative;
-
-    //areaRoot
-    & .${areasAdminClasses.areaChipRoot} {
-        display: flex;
-    }
-
-
-    ${(props) => props.theme.components?.M4LAreasAdmin?.styleOverrides}
-
- 
-`;
-const PanelWindowPopUp = (props) => {
-  const {
-    currentAreaId
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const windowsLayouts = useAreasStore((state) => state.hashAreas[currentAreaId].layoutItemsIds.filter((li) => state.hashWindows[li].emergeType === "layout").map((lim) => {
-    const w = state.hashWindows[lim];
-    return {
-      i: w.windowId,
-      url_icon: w.url_icon,
-      title: w.title
-    };
-  }), shallow);
-  const theme = useTheme();
-  const {
-    maximizeLayout
-  } = useAreasStore((state) => state.areaActions);
-  const onTouched = (layoutId) => {
-    maximizeLayout(currentAreaId, layoutId);
-  };
-  const menuActions = windowsLayouts.map((element) => {
-    return {
-      onClick: () => onTouched(element.i),
-      label: element.title,
-      urlIcon: element.url_icon
-    };
-  });
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: menuActions.length > 0 ? /* @__PURE__ */ jsx(MenuActions, {
-      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.MODULE}`,
-      arrowType: "no-arrow",
-      marginTop: "12px!important",
-      marginLeft: "14px!important",
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "right"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "right"
-      },
-      menuActions,
-      className: areasAdminClasses.areasPopoverListWindows,
-      menuActionSx: theme.components?.M4LAreasAdminMobilePopoverOptions?.styleOverrides
-    }) : null
-  });
-};
-const AreaChipMobile = () => {
-  const areas = useAreasStore((state) => state.areas.map((a) => ({
-    id: a,
-    name: state.hashAreas[a].name
-  })), shallow);
-  const {
-    selectArea
-  } = useAreasStore((state) => state.areasActions);
-  const currentAreaId = useAreasStore((state) => state.currentAreaId, shallow);
-  const {
-    addArea
-  } = useAreasStore((state) => state.areasActions, shallow);
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const theme = useTheme();
-  const currentArea = areas.find((area) => area.id === currentAreaId);
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const menuActions = useMemo(() => areas.filter((area) => area.id !== currentAreaId).map((area) => {
-    return {
-      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.LAYERS}`,
-      onClick: () => selectArea(area.id),
-      label: area.name
-    };
-  }), [areas, currentAreaId]);
-  console.log("menuActions areas", menuActions);
-  return /* @__PURE__ */ jsx("div", {
-    className: areasAdminClasses.areaChipMobileRoot,
-    children: /* @__PURE__ */ jsxs("div", {
-      className: areasAdminClasses.areaContainerContentChips,
-      children: [currentArea ? /* @__PURE__ */ jsx(AreaChip, {
-        areaId: currentArea.id,
-        selected: true,
-        disabled: true
-      }, currentArea.id) : null, menuActions.length >= 0 ? /* @__PURE__ */ jsxs("div", {
-        className: areasAdminClasses.areaChipMobileIconContainer,
-        children: [currentArea ? /* @__PURE__ */ jsx(PanelWindowPopUp, {
-          currentAreaId: currentArea.id
-        }) : null, /* @__PURE__ */ jsx(MenuActions, {
-          urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.CHEVRON_DOWN}`,
-          arrowType: "no-arrow",
-          marginTop: "12px!important",
-          marginLeft: "14px!important",
-          anchorOrigin: {
-            vertical: "bottom",
-            horizontal: "right"
-          },
-          transformOrigin: {
-            vertical: "top",
-            horizontal: "right"
-          },
-          menuActions,
-          className: areasAdminClasses.areasPopoverMobileOptions,
-          menuActionSx: theme.components?.M4LAreasAdminMobilePopoverOptions?.styleOverrides,
-          endListElement: /* @__PURE__ */ jsx(Button, {
-            onClick: addArea,
-            variant: "outlined",
-            startIcon: /* @__PURE__ */ jsx(Icon, {
-              src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.ADD_AREA}`
-            }),
-            children: getLabel(getAreasDictionary(DICCTIONARY.area_add_new))
-          })
-        })]
-      }) : null]
-    })
-  });
-};
-function AreasAdmin() {
-  const areas = useAreasStore((state) => state.areas, shallow);
-  const currentArea = useAreasStore((state) => state.currentAreaId, shallow);
-  const status = useAreasStore((state) => state.ownerState.status);
-  const classesRoot = useAreasStore((state) => state.adminClasses.root);
-  const areasLength = useAreasStore((state) => state.areas.length);
-  const isDesktop = useResponsiveDesktop();
-  const {
-    addArea
-  } = useAreasStore((state) => state.areasActions, shallow);
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  if (status !== "loaded") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(AreasAdminRoot, {
-    className: classesRoot,
-    children: [/* @__PURE__ */ jsxs("div", {
-      className: areasAdminClasses.areaContainerChipsIcon,
-      children: [isDesktop ? /* @__PURE__ */ jsx("div", {
-        className: areasAdminClasses.areaIconLayer,
-        children: /* @__PURE__ */ jsx("div", {
-          className: areasAdminClasses.areaIconLayerContent,
-          children: /* @__PURE__ */ jsx(Icon, {
-            src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.LAYERS}`
-          })
-        })
-      }) : null, /* @__PURE__ */ jsx("div", {
-        className: areasAdminClasses.areaContainerChips,
-        children: /* @__PURE__ */ jsx("div", {
-          className: areasAdminClasses.areaContainerContentChips,
-          children: isDesktop ? /* @__PURE__ */ jsx(ScrollBar, {
-            children: /* @__PURE__ */ jsx(Fragment, {
-              children: areas.map((area) => /* @__PURE__ */ jsx(AreaChip, {
-                areaId: area,
-                selected: area === currentArea,
-                disabled: areasLength === 1
-              }, area))
-            })
-          }) : /* @__PURE__ */ jsx(AreaChipMobile, {})
-        })
-      })]
-    }), isDesktop ? /* @__PURE__ */ jsx(IconButton, {
-      className: areasAdminClasses.areasAddButton,
-      src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.ADD_AREA}`,
-      size: "small",
-      onClick: addArea
-    }) : null]
-  });
-}
-export {
-  AreasAdmin as A,
-  useAreasAdminUtilityClasses as u
-};

package/components/areas/components/index.654b08aa.js

@@ -1,30 +0,0 @@
-import "react";
-import "@m4l/core";
-import "@mui/material";
-import "../../Icon/index.2414ff25.js";
-import "clsx";
-import "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.a318316e.js";
-import "@m4l/graphics";
-import "zustand";
-import "../contexts/AreasContext/index.36fe6953.js";
-import "./AreasAdmin/index.7bfec13f.js";
-import "zustand/shallow";
-import "../../ScrollBar/index.d4410cb5.js";
-import "../../mui_extended/Accordion/index.5111314b.js";
-import "../../mui_extended/Typography/index.443590d6.js";
-import "../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../../mui_extended/Button/index.40af964e.js";
-import "../../mui_extended/CheckBox.5f6c78b0.js";
-import "../../mui_extended/Badge/index.cad260fe.js";
-import "../../Image/index.c18ebf5a.js";
-import "@mui/lab";
-import "../../mui_extended/MenuActions/index.f6bfdd40.js";
-import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.da26e9d4.js";
-import "../../mui_extended/Tab/index.0989d15d.js";
-import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import "./AreasViewer/index.9ed7dfd7.js";
-import "../../LinearProgressIndeterminate/index.60dabc06.js";

package/components/areas/index.ec4f088c.js

@@ -1,32 +0,0 @@
-import "react";
-import "@m4l/core";
-import "@mui/material";
-import "../Icon/index.2414ff25.js";
-import "clsx";
-import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.a318316e.js";
-import "@m4l/graphics";
-import "zustand";
-import "./contexts/AreasContext/index.36fe6953.js";
-import "./components/AreasAdmin/index.7bfec13f.js";
-import "zustand/shallow";
-import "../ScrollBar/index.d4410cb5.js";
-import "../mui_extended/Accordion/index.5111314b.js";
-import "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.40af964e.js";
-import "../mui_extended/CheckBox.5f6c78b0.js";
-import "../mui_extended/Badge/index.cad260fe.js";
-import "../Image/index.c18ebf5a.js";
-import "@mui/lab";
-import "../mui_extended/MenuActions/index.f6bfdd40.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.da26e9d4.js";
-import "../mui_extended/Tab/index.0989d15d.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "./components/AreasViewer/index.9ed7dfd7.js";
-import "../LinearProgressIndeterminate/index.60dabc06.js";
-import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "./contexts/DynamicMFParmsContext/index.1607c78e.js";