@m4l/components 0.1.75 → 0.1.77

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

@@ -0,0 +1 @@
+export declare const ICON_PREFIX = "M4LPropertyValue";

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

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

package/components/PropertyValue/types.d.ts

@@ -11,7 +11,11 @@ export interface PropertyValueProps extends PropertyProps, ValueProps {
     property: string;
     value: number | string | ReactNode;
     isForm?: boolean;
+    className?: string;
 }
 export declare type WrapperProps = PropertyProps & Pick<PropertyValueProps, 'isForm'>;
 export declare type WrapperPropertyProps = WrapperProps;
 export declare type WrapperValueProps = Omit<ValueProps, 'valueWidthMobile'>;
+export interface SKTPropertyProps {
+    className: string;
+}

package/components/Resizeable/{index.41a8048b.js → index.9a9c79a4.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { R as ResizableBox } from "../../react-resizable.24367d77.js";
+import { a as ResizableBox } from "../../react-resizable.ba08699a.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

package/components/SideBar/{index.1ae13a73.js → index.c5ce0bad.js}

@@ -2,18 +2,18 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
 import { createContext, useContext, useState } from "react";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { I as Image } from "../Image/index.8aae9322.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.3b05af71.js";
+import { I as Image } from "../Image/index.c18ebf5a.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.fc5b7c2d.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { styled as styled$1, generateUtilityClasses, ListItemText, ListItemButton, Collapse, useTheme, Skeleton, Drawer as Drawer$1 } from "@mui/material";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.f9119f5e.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.ecb63e65.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import clsx from "clsx";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
 import { S as ScrollBar } from "../ScrollBar/index.bbe48f4d.js";
 import { styled, alpha } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.b61dccbe.js";
+import { g as getComponentUtilityClass } from "../../utils/index.c43a95f4.js";
 const SideBarRoot = styled("div")(({
   theme
 }) => ({
@@ -850,8 +850,8 @@ const ContentDesktop = () => {
           [TEST_PROP_ID]: getNameDataTestId("containerLogo")
         } : {},
         children: [/* @__PURE__ */ jsx(Image, {
-          width: "40px",
-          height: "40px",
+          width: "60px",
+          height: "60px",
           src: companyLogoSmallUrl,
           alt: "logo"
         }, "Logo"), /* @__PURE__ */ jsx(Typography, {

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" | "areasPopoverMobileOptions" | "areasPopoverListWindows", string>;
 export declare type AdminClasses = ReturnType<typeof useAreasAdminUtilityClasses>;

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

@@ -3,10 +3,16 @@ 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;
+    areasPopoverMobileOptions: string;
+    areasPopoverListWindows: string;
     selected: string;
     isMobile: string;
     disabled: string;

package/components/areas/components/AreasAdmin/index.cc4cbf56.js

@@ -0,0 +1,463 @@
+import { I as IconButton } from "../../../mui_extended/IconButton/index.fc5b7c2d.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.3406a6cb.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.12b1339a.js";
+import { I as Icon } from "../../../Icon/index.ecb63e65.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.4288f9fc.js";
+import "../../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../../Image/index.c18ebf5a.js";
+import "@mui/lab";
+import { P as Popover } from "../../../mui_extended/Popover/index.9f35d0eb.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.f5b1c022.js";
+import "../../../mui_extended/Pager/index.435af0df.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.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.dee85a61.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.fe175bab.js";
+import "react-hook-form";
+import "../../../hook-form/RHFAutocomplete/index.ac2b1fae.js";
+import "../../../HelperText/index.ef31df1f.js";
+import "lodash/debounce";
+import "../../../hook-form/RHFAutocompleteAsync/index.8b4ccc8d.js";
+import "../../../hook-form/RHFCheckbox/index.acef119c.js";
+import "@mui/x-date-pickers";
+import "../../../hook-form/RHFDateTime/index.5b080342.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.e751dca7.js";
+import "../../../hook-form/RHFPeriod/index.5304e3bd.js";
+import "../../../Period/index.711db043.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.3eba9d91.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.b748a38e.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.a7d92e66.js";
+import "../../../../react-draggable.7abb5d0a.js";
+import "../../../Resizeable/index.9a9c79a4.js";
+import "../../../modal/index.a0978193.js";
+import { shallow } from "zustand/shallow";
+import { styled } from "@mui/material/styles";
+import { S as ScrollBar } from "../../../ScrollBar/index.bbe48f4d.js";
+import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
+import "../AreasViewer/index.9c2aaaeb.js";
+import "../../../LinearProgressIndeterminate/index.60dabc06.js";
+import "../../contexts/AreasContext/index.c8147e8e.js";
+import "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "zustand";
+import "lodash/isString";
+import "react-dropzone";
+import "../../../hook-form/RHFUpload/index.25db0511.js";
+const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
+  "root",
+  "areaChipRoot",
+  "areaChipTitle",
+  "areaChipDeleteButton",
+  "areasAddButton",
+  "areaContainerChipEditButton",
+  "areaContainerChips",
+  "areaEditPopover",
+  "areaChipMobileRoot",
+  "areaChipMobileIconContainer",
+  "areaIconLayer",
+  "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"],
+    areaContainerChips: ["areaContainerChips"],
+    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 {
+    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,
+    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 [open, setOpen] = useState(false);
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const isDesktop = useResponsiveDesktop();
+  const anchorRef = useRef(null);
+  const theme = useTheme();
+  const onClickDeleteArea = (e) => {
+    e.stopPropagation();
+    deleteArea(areaId);
+  };
+  const onSubmit = (data) => {
+    console.log("data areachip", 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].hashLayoutItems.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(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
+  });
+};
+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("currentAreaId", currentArea);
+  return /* @__PURE__ */ jsxs("div", {
+    className: areasAdminClasses.areaChipMobileRoot,
+    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 testStore = useAreasStore((state) => state);
+  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();
+  console.log("test areas estore bruce", testStore);
+  console.log("Render AreasAdmin", areas);
+  if (status !== "loaded") {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(AreasAdminRoot, {
+    className: classesRoot,
+    children: [/* @__PURE__ */ jsx("div", {
+      className: areasAdminClasses.areaIconLayer,
+      children: /* @__PURE__ */ jsx(Icon, {
+        src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.LAYERS}`
+      })
+    }), /* @__PURE__ */ jsx("div", {
+      className: areasAdminClasses.areaContainerChips,
+      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/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/AreaChip/types.d.ts

@@ -1,7 +1,6 @@
 import { FieldValues } from 'react-hook-form';
 export interface AreaChipProps {
     areaId: string;
-    areaName: string;
     selected: boolean;
     disabled: boolean;
 }

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/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/PanelWindowPopUp/index.d.ts

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

package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/PanelWindowPopUp/types.d.ts

@@ -0,0 +1,3 @@
+export interface PanelWindowPopUpProps {
+    currentAreaId: string;
+}

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" | "areasWindowPopUpList" | "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,31 @@
 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;
+    areasWindowPopUpList: 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;
@@ -23,6 +36,7 @@ export interface AreasViewerClasses {
     panelWindowsButtonContainer: string;
     selected: string;
     selectedWindow: string;
+    colapsed: string;
     isMobile: string;
     loading: string;
     pinIn: string;
@@ -30,5 +44,6 @@ export interface AreasViewerClasses {
     info: string;
     warning: string;
     error: string;
+    containerLinearProgress: string;
 }
 export declare type AreasViewerClassesKey = keyof AreasViewerClasses;