@m4l/components 9.17.1-beta-feature-731-m4l-components-code-editor.0 → 9.18.0

package/components/areas/components/AreasAdmin/helper.d.ts

@@ -1,8 +1,5 @@
 /**
- * Función para realizar una comparación superficial entre dos objetos.
- * @param objA Primer objeto a comparar.
- * @param objB Segundo objeto a comparar.
- * @returns Booleano que indica si los objetos son iguales superficialmente.
+ * Compare two area collections shallowly by array shape and area names.
  */
 export declare function shallowAreas<T>(objA: T, objB: T): boolean;
 //# sourceMappingURL=helper.d.ts.map

package/components/areas/components/AreasAdmin/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/components/AreasAdmin/helper.ts"],"names":[],"mappings":"AACA;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO,CA8BzD"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/components/AreasAdmin/helper.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO,CA8BzD"}

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

@@ -1,31 +1,7 @@
 import { AreaChipProps } from './types';
 /**
- * Componente de chip de área.
- *
- * Props:
- * - areaId: string - The ID of the area.
- * - selected: boolean - Indicates if the chip is selected.
- * - disabled: boolean - Indicates if the chip is disabled.
- * - setAnchorMenuAreas: (element: HTMLElement) => void - Function to set the anchor element for the menu.
- *
- * Constants:
- * - host_static_assets: string - The host for static assets.
- * - environment_assets: string - The environment-specific assets.
- * - deleteArea: (areaId: string) => void - Function to delete an area.
- * - selectArea: (areaId: string) => void - Function to select an area.
- * - editArea: (areaId: string, data: any) => void - Function to edit an area.
- * - setFocus: (focus: boolean) => void - Function to set focus.
- * - areaName: string - The name of the area.
- * - listAreas: string[] - List of area IDs.
- * - open: boolean - State to control the open/close state of the popover.
- * - getLabel: (key: string) => string - Function to get a label from the dictionary.
- * - isDesktop: boolean - Indicates if the current view is desktop.
- * - anchorRef: React.RefObject<null> - Reference to the anchor element.
- * - theme: Theme - The current theme.
- * - initialValues: { inputEditArea: string } - Initial values for the form.
- * - validationSchema: Yup.ObjectSchema - Validation schema for the form.
- * - rippleRef: React.RefObject<any> - Reference to the ripple effect.
- *
+ * Render one desktop area chip together with its edit/delete affordances.
+ * The `disabled` prop is currently used to block destructive delete actions when only one area remains.
  */
 export declare const AreaChip: {
     (props: AreaChipProps): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"AreaChip.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/areas/components/AreasAdmin/subcomponents/AreaChip/AreaChip.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAqC,MAAM,SAAS,CAAC;AAgB3E;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAkL5C,CAAC"}
+{"version":3,"file":"AreaChip.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/areas/components/AreasAdmin/subcomponents/AreaChip/AreaChip.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAqC,MAAM,SAAS,CAAC;AAgB3E;;;GAGG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAoL5C,CAAC"}

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/AreaChip.js

@@ -1,91 +1,92 @@
-import { jsxs as p, Fragment as V, jsx as t } from "@emotion/react/jsx-runtime";
-import { useState as x, useRef as y, useMemo as H } from "react";
-import * as L from "yup";
+import { jsxs as p, Fragment as H, jsx as t } from "@emotion/react/jsx-runtime";
+import { useState as L, useRef as y, useMemo as Y } from "react";
+import * as B from "yup";
 import { useAreasStore as d } from "../../../../hooks/useAreas/index.js";
-import { Typography as Y } from "@m4l/base";
-import { useIsMobile as B } from "@m4l/graphics";
-import { ChipActionsMobile as q } from "./subcomponents/ChipActionsMobile/ChipActionsMobile.js";
-import { shallow as b } from "zustand/shallow";
-import { AreaChipRootStyled as K, AreaContainerChipEditButtonStyled as U, ChipAreasStyled as G, MenuActionsChipStyled as J, EditAreaChipContainerStyled as Q, EditAreaHeaderStyled as W } from "../../slots/AreasAdminSlots.js";
-import { useComponentSize as X } from "../../../../../../hooks/useComponentSize/index.js";
-import { useModuleDictionary as Z, useEnvironment as ee } from "@m4l/core";
-import { ICONS as u } from "../../../../icons.js";
+import { Typography as q } from "@m4l/base";
+import { useIsMobile as K } from "@m4l/graphics";
+import { ChipActionsMobile as U } from "./subcomponents/ChipActionsMobile/ChipActionsMobile.js";
+import { shallow as I } from "zustand/shallow";
+import { AreaChipRootStyled as G, AreaContainerChipEditButtonStyled as J, ChipAreasStyled as Q, MenuActionsChipStyled as W, EditAreaChipContainerStyled as X, EditAreaHeaderStyled as Z } from "../../slots/AreasAdminSlots.js";
+import { useComponentSize as ee } from "../../../../../../hooks/useComponentSize/index.js";
+import { useModuleDictionary as te, useEnvironment as oe } from "@m4l/core";
+import { ICONS as A } from "../../../../icons.js";
 import { getAreasDictionary as i, AREAS_DICCTIONARY as a } from "../../../../dictionary.js";
-import { AREAS_ADMIN_KEY_COMPONENT as te } from "../../constants.js";
-import { getComponentClasses as oe } from "../../../../../../utils/getComponentSlotRoot.js";
-import { createValidationSchema as re, createValidationFullObject as ne, createValidationPartialObject as ie } from "../../../../../hook-form/RHFormProvider/schema.js";
-import { AreasAdminSlots as ae } from "../../slots/AreasAdminEnum.js";
-import { RHFormProvider as se } from "../../../../../hook-form/RHFormProvider/RHFormProvider.js";
-import { RHFTextField as le } from "../../../../../hook-form/RHFTextField/RHFTextField.js";
-import { ActionsContainer as ce } from "../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
-import { Popover as me } from "../../../../../extended/mui/Popover/Popover.js";
-import { ActionCancel as pe } from "../../../../../CommonActions/components/ActionCancel/ActionCancel.js";
-import { ActionIntro as de } from "../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
-const ue = (I) => {
+import { AREAS_ADMIN_KEY_COMPONENT as re } from "../../constants.js";
+import { getComponentClasses as ne } from "../../../../../../utils/getComponentSlotRoot.js";
+import { createValidationSchema as ie, createValidationFullObject as ae, createValidationPartialObject as se } from "../../../../../hook-form/RHFormProvider/schema.js";
+import { AreasAdminSlots as le } from "../../slots/AreasAdminEnum.js";
+import { RHFormProvider as ce } from "../../../../../hook-form/RHFormProvider/RHFormProvider.js";
+import { RHFTextField as me } from "../../../../../hook-form/RHFTextField/RHFTextField.js";
+import { ActionsContainer as pe } from "../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
+import { Popover as de } from "../../../../../extended/mui/Popover/Popover.js";
+import { ActionCancel as Ae } from "../../../../../CommonActions/components/ActionCancel/ActionCancel.js";
+import { ActionIntro as ue } from "../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
+const fe = (O) => {
   const {
     areaId: o,
     selected: s,
-    //disabled,
-    setAnchorMenuAreas: A,
+    disabled: R,
+    setAnchorMenuAreas: u,
     size: f,
-    color: O
-  } = I, { selectArea: h, editArea: R, deleteArea: v } = d((e) => e.areasActions), C = d((e) => e.hashAreas[o].name, b), $ = d((e) => e.areasIds, b), [M, n] = x(!1), S = y(null), { currentSize: l } = X(f), E = B(), { getLabel: r } = Z(), { host_static_assets: c, environment_assets: m } = ee(), z = (e) => {
-    $.length > 1 && (e.stopPropagation(), v(o));
-  }, T = (e) => {
-    R(o, e.inputEditArea), n(!1);
-  }, w = (e) => {
+    color: v
+  } = O, { selectArea: h, editArea: $, deleteArea: M } = d((e) => e.areasActions), C = d((e) => e.hashAreas[o].name, I), z = d((e) => e.areasIds, I), [T, n] = L(!1), S = y(null), { currentSize: l } = ee(f), E = K(), { getLabel: r } = te(), { host_static_assets: c, environment_assets: m } = oe(), _ = !R && z.length > 1, w = (e) => {
+    _ && (e.stopPropagation(), M(o));
+  }, k = (e) => {
+    $(o, e.inputEditArea), n(!1);
+  }, D = (e) => {
     e?.stopPropagation(), n(!0);
-  }, k = {
+  }, N = {
     inputEditArea: C
-  }, N = H(
-    () => re(ne(ie({
-      inputEditArea: L.string().required(
+  }, P = Y(
+    () => ie(ae(se({
+      inputEditArea: B.string().required(
         r(i(a.validation_edit_area))
       )
     }))),
     [r]
-  ), P = (e) => {
-    A && A(e.currentTarget), h(o);
-  }, _ = y(null), D = (e) => {
-    _.current && _.current.stop(e);
+  ), j = (e) => {
+    u && u(e.currentTarget), h(o);
+  }, b = y(null), F = (e) => {
+    b.current && b.current.stop(e);
   }, g = {
     isMobile: E,
-    color: O,
+    color: v,
     size: l === "small" || l === "medium" ? l : "medium",
     isAreaSelected: s
-  }, j = [
+  }, V = [
     {
       type: "menuItem",
-      startIcon: `${c}/${m}/frontend/components/areas/assets/icons/${u.EDIT_AREA}`,
+      startIcon: `${c}/${m}/frontend/components/areas/assets/icons/${A.EDIT_AREA}`,
       label: `${r(i(a.label_edit_area))}`,
-      onClick: w
+      onClick: D
     },
     {
       type: "menuItem",
-      startIcon: `${c}/${m}/frontend/components/areas/assets/icons/${u.DELETE_AREA}`,
+      startIcon: `${c}/${m}/frontend/components/areas/assets/icons/${A.DELETE_AREA}`,
       label: `${r(i(a.label_delete_area))}`,
-      onClick: z,
-      color: "error"
+      onClick: w,
+      color: "error",
+      disabled: !_
     }
-  ], F = oe(te, ae);
-  return /* @__PURE__ */ p(V, { children: [
+  ], x = ne(re, le);
+  return /* @__PURE__ */ p(H, { children: [
     /* @__PURE__ */ t(
-      K,
+      G,
       {
         role: "presentation",
         ref: S,
-        onMouseUp: D,
+        onMouseUp: F,
         onClick: (e) => {
-          P(e);
+          j(e);
         },
         children: E ? /* @__PURE__ */ t(
-          q,
+          U,
           {}
         ) : /* @__PURE__ */ t(
-          U,
+          J,
           {
             children: /* @__PURE__ */ t(
-              G,
+              Q,
               {
                 opacity: !s,
                 color: s ? "primary" : "default",
@@ -94,15 +95,15 @@ const ue = (I) => {
                 size: f,
                 label: `${C}`,
                 endIcon: /* @__PURE__ */ t(
-                  J,
+                  W,
                   {
-                    className: F.menuActionsChip,
+                    className: x.menuActionsChip,
                     ownerState: { ...g },
-                    icon: `${c}/${m}/frontend/components/window_base/assets/icons/${u.MORE_VERTICAL}`,
+                    icon: `${c}/${m}/frontend/components/window_base/assets/icons/${A.MORE_VERTICAL}`,
                     arrowType: "no-arrow",
                     anchorOrigin: { vertical: "bottom", horizontal: "right" },
                     transformOrigin: { vertical: "top", horizontal: "right" },
-                    menuActions: j
+                    menuActions: V
                   }
                 )
               }
@@ -112,17 +113,17 @@ const ue = (I) => {
       }
     ),
     /* @__PURE__ */ t(
-      Q,
+      X,
       {
         role: "presentation",
         onClick: (e) => {
           e.stopPropagation();
         },
         children: /* @__PURE__ */ t(
-          me,
+          de,
           {
             arrowType: "top-center",
-            open: M,
+            open: T,
             anchorEl: S.current,
             anchorOrigin: { vertical: "bottom", horizontal: "center" },
             transformOrigin: { vertical: "top", horizontal: "center" },
@@ -130,22 +131,22 @@ const ue = (I) => {
               n(!1);
             },
             children: /* @__PURE__ */ p(
-              se,
+              ce,
               {
-                onSubmit: T,
-                values: k,
-                validationSchema: N,
+                onSubmit: k,
+                values: N,
+                validationSchema: P,
                 children: [
-                  /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(Y, { children: r(i(a.label_edit_area)) }) }),
+                  /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(q, { children: r(i(a.label_edit_area)) }) }),
                   /* @__PURE__ */ t(
-                    le,
+                    me,
                     {
                       name: "inputEditArea"
                     }
                   ),
-                  /* @__PURE__ */ p(ce, { children: [
+                  /* @__PURE__ */ p(pe, { children: [
                     /* @__PURE__ */ t(
-                      pe,
+                      Ae,
                       {
                         onClick: () => {
                           n(!1);
@@ -153,7 +154,7 @@ const ue = (I) => {
                         variant: "outlined"
                       }
                     ),
-                    /* @__PURE__ */ t(de, {})
+                    /* @__PURE__ */ t(ue, {})
                   ] })
                 ]
               }
@@ -164,7 +165,7 @@ const ue = (I) => {
     )
   ] });
 };
-ue.displayName = "AreaButtons";
+fe.displayName = "AreaButtons";
 export {
-  ue as AreaChip
+  fe as AreaChip
 };

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

@@ -1,5 +1,5 @@
 /**
- * TODO: Documentar
+ * Render the mobile Areas admin selector and the current area action chip.
  */
 export declare const AreaChipMobile: () => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AreaChipMobile.d.ts.map

package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/AreaChipMobile.js

@@ -1,34 +1,34 @@
-import { jsxs as h, jsx as r } from "@emotion/react/jsx-runtime";
+import { jsxs as b, jsx as r } from "@emotion/react/jsx-runtime";
 import { useAreasStore as o } from "../../../../hooks/useAreas/index.js";
 import { shallow as l } from "zustand/shallow";
-import { useModuleDictionary as f, useEnvironment as C } from "@m4l/core";
+import { useModuleDictionary as C, useEnvironment as I } from "@m4l/core";
 import { ICONS as m } from "../../../../icons.js";
-import { useMemo as b } from "react";
-import { getAreasDictionary as I, AREAS_DICCTIONARY as y } from "../../../../dictionary.js";
+import { useMemo as g } from "react";
+import { getAreasDictionary as A, AREAS_DICCTIONARY as u } from "../../../../dictionary.js";
 import { ChipMobile as S } from "./subcomponents/ChipMobile/ChipMobile.js";
-import { AreaChipMobileRootStyled as g, AddAreasMobileContainerStyled as $, MenuActionsAreaChipMobileStyled as w, ButtonAddAreaStyled as M } from "../../slots/AreasAdminSlots.js";
+import { AreaChipMobileRootStyled as _, AddAreasMobileContainerStyled as y, MenuActionsAreaChipMobileStyled as $, ButtonAddAreaStyled as w } from "../../slots/AreasAdminSlots.js";
 const L = () => {
   const t = o(
-    (e) => e.areasIds.map((d) => ({ id: d, name: e.hashAreas[d].name })),
+    (e) => e.areasIds.map((p) => ({ id: p, name: e.hashAreas[p].name })),
     l
-  ), { selectArea: p } = o((e) => e.areasActions), n = o((e) => e.currentAreaId, l), { addArea: A } = o((e) => e.areasActions, l), { getLabel: u } = f(), a = t.find((e) => e.id === n), { host_static_assets: i, environment_assets: s } = C(), c = b(() => t.length === 0 ? [
+  ), { selectArea: h } = o((e) => e.areasActions), n = o((e) => e.currentAreaId, l), { addArea: f } = o((e) => e.areasActions, l), { getLabel: c } = C(), a = t.find((e) => e.id === n), { host_static_assets: i, environment_assets: s } = I(), d = g(() => t.length === 0 ? [
     {
       type: "menuItem",
       startIcon: `${i}/${s}/frontend/components/areas/assets/icons/${m.CHECK}`,
       onClick: () => {
       },
-      label: "No hay Áreas",
+      label: c(A(u.label_no_areas_available)),
       disabled: !0
     }
   ] : t.map((e) => ({
     type: "menuItem",
-    onClick: () => p(e.id),
+    onClick: () => h(e.id),
     label: e.name,
     selected: e.id === n
   })), [t, n]);
-  return /* @__PURE__ */ h(g, { "data-testid": "area-chip-mobile", ownerState: {}, children: [
-    c.length >= 0 ? /* @__PURE__ */ r($, { ownerState: {}, children: /* @__PURE__ */ r(
-      w,
+  return /* @__PURE__ */ b(_, { "data-testid": "area-chip-mobile", ownerState: {}, children: [
+    d.length >= 0 ? /* @__PURE__ */ r(y, { ownerState: {}, children: /* @__PURE__ */ r(
+      $,
       {
         ownerState: {},
         urlIcon: `${i}/${s}/frontend/components/areas/assets/icons/${m.CHEVRON_DOWN}`,
@@ -37,18 +37,18 @@ const L = () => {
         marginLeft: "14px!important",
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "right" },
-        menuActions: c,
+        menuActions: d,
         endListElement: /* @__PURE__ */ r(
-          M,
+          w,
           {
             color: "primary",
             ownerState: {},
             onClick: () => {
-              A();
+              f();
             },
             variant: "contained",
             endIcon: `${i}/${s}/frontend/components/areas/assets/icons/${m.ADD_AREA}`,
-            label: u(I(y.area_add_new))
+            label: c(A(u.area_add_new))
           }
         )
       }
@@ -58,7 +58,7 @@ const L = () => {
       {
         areaId: a.id,
         selected: !0,
-        disabled: !0
+        disabled: t.length === 1
       },
       a.id
     ) : null

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

@@ -1,29 +1,7 @@
 import { AreaChipProps } from '../../../AreaChip/types';
 /**
- * ChipMobile component for rendering a mobile-friendly chip with area details.
- *
- * Props:
- * - areaId: string - The ID of the area.
- * - selected: boolean - Indicates if the chip is selected.
- * - disabled: boolean - Indicates if the chip is disabled.
- * - setAnchorMenuAreas: (element: HTMLElement) => void - Function to set the anchor element for the menu.
- *
- * Constants:
- * - host_static_assets: string - The host for static assets.
- * - environment_assets: string - The environment-specific assets.
- * - deleteArea: (areaId: string) => void - Function to delete an area.
- * - selectArea: (areaId: string) => void - Function to select an area.
- * - editArea: (areaId: string, data: any) => void - Function to edit an area.
- * - areaName: string - The name of the area.
- * - listAreas: string[] - List of area IDs.
- * - open: boolean - State to control the open/close state of the popover.
- * - getLabel: (key: string) => string - Function to get a label from the dictionary.
- * - isDesktop: boolean - Indicates if the current view is desktop.
- * - anchorRef: React.RefObject<null> - Reference to the anchor element.
- * - theme: Theme - The current theme.
- * - initialValues: { inputEditArea: string } - Initial values for the form.
- * - validationSchema: Yup.ObjectSchema - Validation schema for the form.
- * - rippleRef: React.RefObject<any> - Reference to the ripple effect.
+ * Render the mobile area chip together with its edit/delete affordances.
+ * The `disabled` prop is currently used to block destructive delete actions when only one area remains.
  */
 export declare const ChipMobile: {
     (props: AreaChipProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipMobile.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAgB,MAAM,yBAAyB,CAAC;AAkBtE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,UAAU;YAAW,aAAa;;CAoJ9C,CAAC"}
+{"version":3,"file":"ChipMobile.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAgB,MAAM,yBAAyB,CAAC;AAkBtE;;;GAGG;AACH,eAAO,MAAM,UAAU;YAAW,aAAa;;CAqJ9C,CAAC"}

package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.js

@@ -1,86 +1,87 @@
 import { jsxs as i, jsx as o } from "@emotion/react/jsx-runtime";
-import { useEnvironment as w, useModuleDictionary as D } from "@m4l/core";
-import { useState as N, useRef as A, useMemo as V } from "react";
-import * as j from "yup";
-import { shallow as C } from "zustand/shallow";
-import z from "@mui/material/ButtonBase/TouchRipple";
+import { useEnvironment as w, useModuleDictionary as N } from "@m4l/core";
+import { useState as V, useRef as b, useMemo as j } from "react";
+import * as z from "yup";
+import { shallow as E } from "zustand/shallow";
+import F from "@mui/material/ButtonBase/TouchRipple";
 import { useAreasStore as m } from "../../../../../../hooks/useAreas/index.js";
 import { getAreasDictionary as a, AREAS_DICCTIONARY as s } from "../../../../../../dictionary.js";
-import { Typography as F } from "@m4l/base";
+import { Typography as L } from "@m4l/base";
 import { ICONS as d } from "../../../../../../icons.js";
-import { ChipActionsMobile as L } from "../../../AreaChip/subcomponents/ChipActionsMobile/ChipActionsMobile.js";
-import { ChipMobileRootStyled as B, ChipMobileContentStyled as H, NameChipMobileStyled as Y, EditAreaChipMobileContainerStyled as q } from "../../../../slots/AreasAdminSlots.js";
-import { RHFormProvider as U } from "../../../../../../../hook-form/RHFormProvider/RHFormProvider.js";
-import { ActionsContainer as G } from "../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
-import { createValidationSchema as J, createValidationFullObject as K, createValidationPartialObject as Q } from "../../../../../../../hook-form/RHFormProvider/schema.js";
-import { MenuActions as W } from "../../../../../../../MenuActions/MenuActions.js";
-import { Popover as X } from "../../../../../../../extended/mui/Popover/Popover.js";
-import { RHFTextField as Z } from "../../../../../../../hook-form/RHFTextField/RHFTextField.js";
-import { ActionCancel as ee } from "../../../../../../../CommonActions/components/ActionCancel/ActionCancel.js";
-import { ActionIntro as oe } from "../../../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
-const te = z, re = (b) => {
-  const { areaId: r, selected: E, disabled: g, setAnchorMenuAreas: h } = b, { host_static_assets: l, environment_assets: c } = w(), { deleteArea: _, selectArea: v, editArea: R } = m((e) => e.areasActions), f = m((e) => e.hashAreas[r].name, C), y = m((e) => e.areasIds, C), [M, n] = N(!1), { getLabel: t } = D(), u = A(null), S = (e) => {
-    y.length > 1 && (e.stopPropagation(), _(r));
-  }, I = (e) => {
-    R(r, e.inputEditArea), n(!1);
+import { ChipActionsMobile as B } from "../../../AreaChip/subcomponents/ChipActionsMobile/ChipActionsMobile.js";
+import { ChipMobileRootStyled as H, ChipMobileContentStyled as Y, NameChipMobileStyled as q, EditAreaChipMobileContainerStyled as U } from "../../../../slots/AreasAdminSlots.js";
+import { RHFormProvider as G } from "../../../../../../../hook-form/RHFormProvider/RHFormProvider.js";
+import { ActionsContainer as J } from "../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
+import { createValidationSchema as K, createValidationFullObject as Q, createValidationPartialObject as W } from "../../../../../../../hook-form/RHFormProvider/schema.js";
+import { MenuActions as X } from "../../../../../../../MenuActions/MenuActions.js";
+import { Popover as Z } from "../../../../../../../extended/mui/Popover/Popover.js";
+import { RHFTextField as ee } from "../../../../../../../hook-form/RHFTextField/RHFTextField.js";
+import { ActionCancel as oe } from "../../../../../../../CommonActions/components/ActionCancel/ActionCancel.js";
+import { ActionIntro as te } from "../../../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
+const re = F, ne = (g) => {
+  const { areaId: r, selected: _, disabled: h, setAnchorMenuAreas: f } = g, { host_static_assets: l, environment_assets: c } = w(), { deleteArea: v, selectArea: R, editArea: y } = m((e) => e.areasActions), u = m((e) => e.hashAreas[r].name, E), M = m((e) => e.areasIds, E), [S, n] = V(!1), { getLabel: t } = N(), A = b(null), C = !h && M.length > 1, I = (e) => {
+    C && (e.stopPropagation(), v(r));
   }, O = (e) => {
+    y(r, e.inputEditArea), n(!1);
+  }, T = (e) => {
     e?.stopPropagation(), n(!0);
-  }, T = {
-    inputEditArea: f
-  }, $ = V(
-    () => J(K(Q({
-      inputEditArea: j.string().required(
+  }, $ = {
+    inputEditArea: u
+  }, x = j(
+    () => K(Q(W({
+      inputEditArea: z.string().required(
         t(a(s.validation_edit_area))
       )
     }))),
     [t]
-  ), x = (e) => {
-    h && h(e.currentTarget), v(r);
-  }, p = A(null), P = (e) => {
+  ), P = (e) => {
+    f && f(e.currentTarget), R(r);
+  }, p = b(null), k = (e) => {
     p.current && p.current.stop(e);
-  }, k = [
+  }, D = [
     {
       type: "menuItem",
       startIcon: `${l}/${c}/frontend/components/areas/assets/icons/${d.EDIT_AREA}`,
       label: `${t(a(s.label_edit_area))}`,
-      onClick: O
+      onClick: T
     },
     {
       type: "menuItem",
       startIcon: `${l}/${c}/frontend/components/areas/assets/icons/${d.DELETE_AREA}`,
       label: `${t(a(s.label_delete_area))}`,
-      onClick: S,
-      color: "error"
+      onClick: I,
+      color: "error",
+      disabled: !C
     }
   ];
-  return /* @__PURE__ */ i(B, { selected: E, disabled: g, children: [
+  return /* @__PURE__ */ i(H, { selected: _, disabled: h, children: [
     /* @__PURE__ */ i(
-      H,
+      Y,
       {
         role: "presentation",
-        ref: u,
-        onMouseUp: P,
+        ref: A,
+        onMouseUp: k,
         onClick: (e) => {
-          x(e);
+          P(e);
         },
         children: [
-          /* @__PURE__ */ o(te, { ref: p, center: !1 }),
-          /* @__PURE__ */ o(Y, { variant: "bodyStandard", children: `${f}` }),
+          /* @__PURE__ */ o(re, { ref: p, center: !1 }),
+          /* @__PURE__ */ o(q, { variant: "bodyStandard", children: `${u}` }),
           /* @__PURE__ */ o(
-            W,
+            X,
             {
               icon: `${l}/${c}/frontend/components/window_base/assets/icons/${d.MORE_VERTICAL}`,
               arrowType: "no-arrow",
               anchorOrigin: { vertical: "bottom", horizontal: "right" },
               transformOrigin: { vertical: "top", horizontal: "right" },
-              menuActions: k
+              menuActions: D
             }
           )
         ]
       }
     ),
     /* @__PURE__ */ o(
-      L,
+      B,
       {}
     ),
     /* @__PURE__ */ o(
@@ -91,11 +92,11 @@ const te = z, re = (b) => {
           e.stopPropagation();
         },
         children: /* @__PURE__ */ o(
-          X,
+          Z,
           {
             arrowType: "top-center",
-            open: M,
-            anchorEl: u.current,
+            open: S,
+            anchorEl: A.current,
             anchorOrigin: { vertical: "bottom", horizontal: "center" },
             transformOrigin: { vertical: "top", horizontal: "center" },
             onClose: () => {
@@ -107,23 +108,23 @@ const te = z, re = (b) => {
               }
             },
             children: /* @__PURE__ */ i(
-              U,
+              G,
               {
-                onSubmit: I,
-                values: T,
-                validationSchema: $,
+                onSubmit: O,
+                values: $,
+                validationSchema: x,
                 children: [
-                  /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(F, { children: t(a(s.label_edit_area)) }) }),
+                  /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(L, { children: t(a(s.label_edit_area)) }) }),
                   /* @__PURE__ */ o(
-                    Z,
+                    ee,
                     {
                       name: "inputEditArea",
                       sx: { mt: "20px" }
                     }
                   ),
-                  /* @__PURE__ */ i(G, { children: [
+                  /* @__PURE__ */ i(J, { children: [
                     /* @__PURE__ */ o(
-                      ee,
+                      oe,
                       {
                         onClick: () => {
                           n(!1);
@@ -131,7 +132,7 @@ const te = z, re = (b) => {
                         variant: "outlined"
                       }
                     ),
-                    /* @__PURE__ */ o(oe, {})
+                    /* @__PURE__ */ o(te, {})
                   ] })
                 ]
               }
@@ -142,7 +143,7 @@ const te = z, re = (b) => {
     )
   ] });
 };
-re.displayName = "AreaButtons";
+ne.displayName = "AreaButtons";
 export {
-  re as ChipMobile
+  ne as ChipMobile
 };