@m4l/components 0.1.74 → 0.1.76

package/components/SplitLayout/index.9ef430f6.js

@@ -0,0 +1,99 @@
+import { styled } from "@mui/material/styles";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import clsx from "clsx";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { S as SplitterLayout } from "../../react-splitter-layout.8b1655c8.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+const SplitLayoutRoot = styled("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LSplitLayout?.styleOverrides
+}));
+const SplitMaster = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  position: "relative",
+  width: "100%",
+  height: "100%",
+  overflow: "hidden"
+}));
+const SplitDetail = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "center",
+  overflow: "hidden",
+  position: "absolute",
+  left: "0px",
+  right: "0px",
+  top: "0px",
+  bottom: "0px"
+}));
+const componentName = "M4LSplitLayout";
+generateUtilityClasses(componentName, [
+  "root",
+  "firstPart",
+  "secondPart",
+  "stateVertical",
+  "stateHorizontal"
+]);
+function getSplitLayoutUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useSplitLayoutUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState.splitPosition === "vertical" && "stateVertical", ownerState.splitPosition === "horizontal" && "stateHorizontal"],
+    firstPart: ["firstPart"],
+    secondPart: ["secondPart"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getSplitLayoutUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const SPLITLAYOUT_PREFIX = "M4LSplitLayout";
+const getNameSplitLayoutDataTestId = (KEY) => {
+  return `${SPLITLAYOUT_PREFIX}-${KEY}`;
+};
+function SplitLayout(props) {
+  const {
+    splitPosition,
+    firstPart,
+    secondPart,
+    secondParrtInitialSize = 50,
+    percentage = true,
+    className
+  } = props;
+  const ownerState = {
+    splitPosition
+  };
+  const classes = useSplitLayoutUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsx(SplitLayoutRoot, {
+    className: clsx(classes.root, className),
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameSplitLayoutDataTestId("root")
+    } : {},
+    children: SplitterLayout ? /* @__PURE__ */ jsxs(SplitterLayout, {
+      vertical: splitPosition === "vertical",
+      percentage,
+      secondaryInitialSize: secondParrtInitialSize,
+      children: [/* @__PURE__ */ jsx(SplitMaster, {
+        className: classes.firstPart,
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: getNameSplitLayoutDataTestId("firstPart")
+        } : {},
+        children: typeof firstPart === "function" ? firstPart() : firstPart
+      }), splitPosition !== "none" && /* @__PURE__ */ jsx(SplitDetail, {
+        className: classes.secondPart,
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: getNameSplitLayoutDataTestId("secondPart")
+        } : {},
+        children: typeof secondPart === "function" ? secondPart() : secondPart
+      })]
+    }) : null
+  });
+}
+export {
+  SplitLayout as S
+};

package/components/SplitLayout/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { SplitLayoutProps } from './types';
-export declare function SplitLayout(props: SplitLayoutProps): import("react").JSX.Element;
+export { SplitLayout } from './SplitLayout';
+export type { SplitLayoutProps } from './types';

package/components/SplitLayout/tests/constants.d.ts

@@ -0,0 +1 @@
+export declare const SPLITLAYOUT_PREFIX = "M4LSplitLayout";

package/components/SplitLayout/tests/utils.d.ts

@@ -0,0 +1,2 @@
+import { SplitLayoutClassesKey } from "../classes/types";
+export declare const getNameSplitLayoutDataTestId: (KEY: SplitLayoutClassesKey) => string;

package/components/SplitLayout/types.d.ts

@@ -6,4 +6,6 @@ export interface SplitLayoutProps {
     secondParrtInitialSize?: number;
     firstPart: ((props?: any) => JSX.Element) | ReactNode;
     secondPart: ((props?: any) => JSX.Element) | ReactNode;
+    className?: string;
 }
+export declare type OwnerState = Pick<SplitLayoutProps, 'splitPosition'>;

package/components/animate/PropagateLoader/{index.be5b02c3.js → index.7fab43c8.js}

@@ -1,6 +1,6 @@
 import { styled, useTheme } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
-import { P as PropagateLoader$1 } from "../../../node_modules.416f1da3.js";
+import { P as PropagateLoader$1 } from "../../../react-spinners.342a6578.js";
 const WrapperPropageteLoader = styled("div")(({
   theme
 }) => ({

package/components/animate/index.1f8eadd4.js

@@ -0,0 +1,66 @@
+import { m } from "framer-motion";
+import { forwardRef } from "react";
+import { IconButton, Box } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import "@mui/material/styles";
+import "react-router-dom";
+import "./LoadingScreen/index.1d0c4307.js";
+import "./PropagateLoader/index.7fab43c8.js";
+const varSmall = {
+  hover: {
+    scale: 1.1
+  },
+  tap: {
+    scale: 0.95
+  }
+};
+const varMedium = {
+  hover: {
+    scale: 1.09
+  },
+  tap: {
+    scale: 0.97
+  }
+};
+const varLarge = {
+  hover: {
+    scale: 1.08
+  },
+  tap: {
+    scale: 0.99
+  }
+};
+function AnimateWrap({
+  size,
+  children
+}) {
+  const isSmall = size === "small";
+  const isLarge = size === "large";
+  return /* @__PURE__ */ jsx(Box, {
+    component: m.div,
+    whileTap: "tap",
+    whileHover: "hover",
+    variants: isSmall && varSmall || isLarge && varLarge || varMedium,
+    sx: {
+      display: "inline-flex"
+    },
+    children
+  });
+}
+const IconButtonAnimate = forwardRef(({
+  children,
+  size = "medium",
+  ...other
+}, ref) => /* @__PURE__ */ jsx(AnimateWrap, {
+  size,
+  children: /* @__PURE__ */ jsx(IconButton, {
+    size,
+    ref,
+    ...other,
+    children
+  })
+}));
+IconButtonAnimate.displayName = "IconButtonAnimate";
+export {
+  IconButtonAnimate as I
+};

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

@@ -1,5 +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" | "areaIconLayer" | "areaContainerChips" | "areaChipTitle" | "areaChipDeleteButton" | "areaChipEditButton" | "areasAddButton", string>;
+export declare const useAreasAdminUtilityClasses: (ownerState: OwnerState) => Record<"root" | "areaChipRoot" | "areaIconLayer" | "areaContainerChips" | "areaEditPopover" | "areaChipMobileRoot" | "areaChipMobileIconContainer" | "areaChipTitle" | "areaContainerChipEditButton" | "areaChipDeleteButton" | "areaChipEditButton" | "areasAddButton", string>;
 export declare type AdminClasses = ReturnType<typeof useAreasAdminUtilityClasses>;

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

@@ -3,7 +3,11 @@ export interface AreasAdmninClasses {
     areaChipRoot: string;
     areaChipTitle: string;
     areaContainerChips: string;
+    areaChipMobileRoot: string;
+    areaEditPopover: string;
+    areaChipMobileIconContainer: string;
     areaIconLayer: string;
+    areaContainerChipEditButton: string;
     areaChipDeleteButton: string;
     areaChipEditButton: string;
     areasAddButton: string;

package/components/areas/components/AreasAdmin/{index.1eda80b9.js → index.946eebb9.js}

@@ -1,69 +1,74 @@
-import { I as IconButton } from "../../../mui_extended/IconButton/index.822cdaac.js";
-import { u as useAreasStore } from "../../hooks/useAreas/index.7a37ede8.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.1a9d4fa5.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.40917e99.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
-import { generateUtilityClasses } from "@mui/material";
-import { I as Icon } from "../../../Icon/index.d214a74d.js";
+import { generateUtilityClasses, useTheme } from "@mui/material";
+import "../../../mui_extended/Accordion/index.3faafd8b.js";
+import { I as Icon } from "../../../Icon/index.9dae8337.js";
 import clsx from "clsx";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../../mui_extended/Accordion/index.09a89d3d.js";
-import "../../../mui_extended/Avatar/index.fe06afd7.js";
+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 "../../../mui_extended/Button/index.f9d54780.js";
-import "../../../Image/index.1af119da.js";
+import "../../../mui_extended/Button/index.fdb5dcbd.js";
+import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import { T as Typography } from "../../../mui_extended/Typography/index.e2d9e3f2.js";
 import { P as Popover } from "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/MenuActions/index.03403529.js";
-import "../../../mui_extended/Pager/index.6428b07c.js";
-import "../../../mui_extended/Tab/index.e0653a0a.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.ba1da3b3.js";
+import "../../../mui_extended/Pager/index.67bda2c5.js";
+import "../../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.aca80f3a.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.008b4c2a.js";
 import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
-import { I as ICONS } from "../../icons.3ec589d3.js";
+import { I as ICONS } from "../../icons.19cde4b4.js";
 import "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.0484ca54.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.a7511399.js";
+import "../../../../contexts/ModalContext/index.699f95fa.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.fe175bab.js";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.72437d8a.js";
-import "../../../HelperText/index.d449d124.js";
+import "../../../hook-form/RHFAutocomplete/index.a063dc44.js";
+import "../../../HelperText/index.9864f773.js";
 import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.2a84f2b2.js";
-import "../../../hook-form/RHFCheckbox/index.6e6389e7.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.ddfd9cc9.js";
+import "../../../hook-form/RHFCheckbox/index.7e7f220b.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.745b101b.js";
-import "@m4l/graphics";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.ca7393a7.js";
-import "../../../hook-form/RHFPeriod/index.6969af99.js";
-import "../../../Period/index.b93d22fa.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.51b9c92a.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.fad4a0dc.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.0fb6efbe.js";
-import "../../../../react-draggable.17b4ec8a.js";
-import "../../../ModalDialog/index.6c35e653.js";
-import "../../../Resizeable/index.834a9144.js";
-import "../../../modal/WindowConfirm.7ec9dcd3.js";
-import "../../../modal/WindowBase.9b93578e.js";
+import "../../../hook-form/RHFDateTime/index.d330709b.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.e5336d09.js";
+import "../../../hook-form/RHFPeriod/index.e2b1293b.js";
+import "../../../Period/index.526791a3.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.e376a68e.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.453c2d24.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.c653a266.js";
+import "../../../../react-draggable.6d7949a3.js";
+import "../../../ModalDialog/index.d9c5d400.js";
+import "../../../Resizeable/index.f6e48e56.js";
+import "../../../modal/index.1b25b61d.js";
 import { shallow } from "zustand/shallow";
 import { styled } from "@mui/material/styles";
 import { S as ScrollBar } from "../../../ScrollBar/index.bbe48f4d.js";
-import "../AreasViewer/index.eddc9945.js";
-import "../../contexts/AreasContext/index.a88b73a6.js";
+import "../AreasViewer/index.bf4191ea.js";
+import "../../../LinearProgressIndeterminate/index.d34d398f.js";
+import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.3fabae50.js";
+import "../../contexts/AreasContext/index.f0397b7c.js";
 import "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "zustand";
-import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.e72db809.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.d74ca00d.js";
+import "../../../hook-form/RHFUpload/index.17e7f9eb.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",
   "areaChipRoot",
   "areaChipTitle",
   "areaChipDeleteButton",
   "areasAddButton",
+  "areaContainerChipEditButton",
   "areaContainerChips",
+  "areaEditPopover",
+  "areaChipMobileRoot",
+  "areaChipMobileIconContainer",
   "areaIconLayer",
   "areaChipEditButton",
   "selected",
@@ -76,7 +81,11 @@ const useAreasAdminUtilityClasses = (ownerState) => {
     areaChipRoot: ["areaChipRoot"],
     areaIconLayer: ["areaIconLayer"],
     areaContainerChips: ["areaContainerChips"],
+    areaEditPopover: ["areaEditPopover"],
+    areaChipMobileRoot: ["areaChipMobileRoot"],
+    areaChipMobileIconContainer: ["areaChipMobileIconContainer"],
     areaChipTitle: ["areaChipTitle"],
+    areaContainerChipEditButton: ["areaContainerChipEditButton"],
     areaChipDeleteButton: ["areaChipDeleteButton"],
     areaChipEditButton: ["areaChipEditButton"],
     areasAddButton: ["areasAddButton"]
@@ -112,6 +121,45 @@ const EditAreaHeader = styled("div")(({
   justifyContent: "space-between",
   alignItems: "center"
 }));
+const ChipActionsMobile = (props) => {
+  const {
+    handlerOpenPopoverEditArea,
+    areaId
+  } = props;
+  const {
+    deleteArea
+  } = useAreasStore((state) => state.areasActions);
+  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))
+  }, {
+    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,
@@ -132,7 +180,9 @@ const AreaChip = (props) => {
   const {
     getLabel
   } = useModuleDictionary();
+  const isDesktop = useResponsiveDesktop();
   const anchorRef = useRef(null);
+  const theme = useTheme();
   const onClickDeleteArea = (e) => {
     e.stopPropagation();
     deleteArea(areaId);
@@ -142,7 +192,7 @@ const AreaChip = (props) => {
     editArea(areaId, data.inputEditArea);
     setOpen(false);
   };
-  const handlerOpenPopover = () => {
+  const handlerOpenPopoverEditArea = () => {
     setOpen(true);
   };
   const initialValues = {
@@ -161,24 +211,26 @@ const AreaChip = (props) => {
     children: [/* @__PURE__ */ jsx("div", {
       className: areasAdminClasses.areaChipTitle,
       children: areaName
-    }), /* @__PURE__ */ jsxs("div", {
-      style: {
-        display: "flex"
-      },
+    }), 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: handlerOpenPopover
+        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",
@@ -190,7 +242,8 @@ const AreaChip = (props) => {
       },
       onClose: () => setOpen(false),
       sx: {
-        mt: "10px"
+        mt: "10px",
+        ...theme.components?.M4LAreasAdminEditPopover?.styleOverrides
       },
       children: /* @__PURE__ */ jsxs(RHFormProvider, {
         onSubmit,
@@ -239,12 +292,59 @@ const AreasAdminRoot = styled("div")`
 
  
 `;
+const AreaChipMobile = () => {
+  const areas = useAreasStore((state) => state.areas, shallow);
+  const {
+    selectArea
+  } = useAreasStore((state) => state.areasActions);
+  const currentAreaId = useAreasStore((state) => state.currentAreaId, shallow);
+  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("currentAreaId", currentArea);
+  return /* @__PURE__ */ jsxs("div", {
+    className: areasAdminClasses.areaChipMobileRoot,
+    children: [currentArea ? /* @__PURE__ */ jsx(AreaChip, {
+      areaId: currentArea.id,
+      selected: true,
+      areaName: currentArea.name,
+      disabled: true
+    }, currentArea.id) : null, menuActions.length > 0 ? /* @__PURE__ */ jsx("div", {
+      className: areasAdminClasses.areaChipMobileIconContainer,
+      children: /* @__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
+      })
+    }) : 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);
@@ -265,7 +365,7 @@ function AreasAdmin() {
       })
     }), /* @__PURE__ */ jsx("div", {
       className: areasAdminClasses.areaContainerChips,
-      children: /* @__PURE__ */ jsx(ScrollBar, {
+      children: isDesktop ? /* @__PURE__ */ jsx(ScrollBar, {
         children: /* @__PURE__ */ jsx(Fragment, {
           children: areas.map((area) => /* @__PURE__ */ jsx(AreaChip, {
             areaId: area.id,
@@ -274,7 +374,7 @@ function AreasAdmin() {
             disabled: areasLength === 1
           }, area.id))
         })
-      })
+      }) : /* @__PURE__ */ jsx(AreaChipMobile, {})
     }), /* @__PURE__ */ jsx(IconButton, {
       className: areasAdminClasses.areasAddButton,
       src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.ADD_AREA}`,

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ChipActionsMobileProps } from './types';
+export declare const ChipActionsMobile: (props: ChipActionsMobileProps) => import("react").JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface ChipActionsMobileProps {
+    handlerOpenPopoverEditArea: () => void;
+    areaId: string;
+}

package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/index.d.ts

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

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

@@ -1,5 +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" | "windowRootContainer" | "windowHeader" | "windowHeaderTitle" | "windowHeaderMainActions" | "windowContent" | "windowPopupRoot" | "windowModalRoot" | "selectedWindow" | "windowToastiesContainer" | "windowToastyMeesageButtonsContainer" | "windowToastyMessage" | "windowToastyButtonsContainer" | "windowToastyPin" | "windowToastyClose" | "panelWindowsRoot" | "panelWindowsButtonContainer" | "windowToastyContainer", string>;
+export declare const useAreasViewerUtilityClasses: (ownerState: OwnerState) => Record<"root" | "windowLinearProgressBar" | "areaRoot" | "areasLoadingErrorRoot" | "areasLoadingErrorLoading" | "areasLoadingError" | "areasLoadingErrorIcon" | "areasLoadingErrorTitle" | "areasLoadingErrorDescription" | "areasLoadingErrorDivider" | "areaGridLayoutPanelContainer" | "areaGridLayout" | "areaGridLayoutPopupsContainer" | "windowRoot" | "windowRootContainer" | "windowHeader" | "windowHeaderTitle" | "windowHeaderMainActions" | "windowContent" | "windowLinearProgressRoot" | "windowPopupRoot" | "windowModalRoot" | "selectedWindow" | "windowToastiesContainer" | "windowToastiesContainerTostys" | "windowToastyMeesageButtonsContainer" | "windowToastyMessage" | "windowToastyButtonsContainer" | "windowToastyPin" | "windowToastyClose" | "panelWindowsRoot" | "panelWindowsButtonContainer" | "windowToastyContainer", string>;
 export declare type ViwerClasses = ReturnType<typeof useAreasViewerUtilityClasses>;

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

@@ -1,18 +1,30 @@
 export interface AreasViewerClasses {
     root: string;
     areaRoot: string;
+    areasLoadingErrorRoot: string;
+    areasLoadingErrorLoading: string;
+    areasLoadingError: string;
+    areasLoadingErrorIcon: string;
+    areasLoadingErrorTitle: string;
+    areasLoadingErrorDescription: string;
+    areasLoadingErrorDivider: string;
+    areasLoadingErrorTextAction: string;
     areaGridLayoutPanelContainer: string;
     areaGridLayout: string;
     areaGridLayoutPopupsContainer: string;
     windowRoot: string;
     windowHeader: string;
+    windowHeaderContent: string;
     windowHeaderTitle: string;
     windowHeaderMainActions: string;
     windowContent: string;
     windowRootContainer: string;
+    windowLinearProgressRoot: string;
+    windowLinearProgressBar: string;
     windowPopupRoot: string;
     windowModalRoot: string;
     windowToastiesContainer: string;
+    windowToastiesContainerTostys: string;
     windowToastyContainer: string;
     windowToastyMeesageButtonsContainer: string;
     windowToastyMessage: string;
@@ -30,5 +42,6 @@ export interface AreasViewerClasses {
     info: string;
     warning: string;
     error: string;
+    containerLinearProgress: string;
 }
 export declare type AreasViewerClassesKey = keyof AreasViewerClasses;