@m4l/components 9.4.24 → 9.4.25

package/components/areas/components/AreasAdmin/AreasAdmin.js

@@ -8,11 +8,11 @@ import { I as ICONS } from "../../icons.js";
 import { A as AreaChipMobile } from "./subcomponents/AreaChipMobile/AreaChipMobile.js";
 import { useRef } from "react";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../dictionary.js";
-import { A as AreasAdminRootStyled, a as AreasAdminContentStyled, b as AreasContainerChipIconStyled, c as AreasContainerContentChipsStyled, I as IconButtonAddAreaStyled, d as AreaContentChipStyled, C as ContainerAdminWindowsStyled } from "./slots/AreasAdminSlots.js";
+import { i as AreasAdminRootStyled, j as AreasAdminContentStyled, k as AreasContainerChipIconStyled, l as AreasContainerContentChipsStyled, I as IconButtonAddAreaStyled, m as AreaContentChipStyled, n as ContainerAdminWindowsStyled } from "./slots/AreasAdminSlots.js";
 import { useIsMobile } from "@m4l/graphics";
 import { A as AREAS_ADMIN_KEY_COMPONENT } from "./constants.js";
-import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
-import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { g as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
+import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
 import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
 import { M as MenuActions } from "../../../MenuActions/MenuActions.js";

package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.d.ts

@@ -58,6 +58,6 @@ export declare const EditAreaHeaderStyled: import('@emotion/styled').StyledCompo
 export declare const EditAreaChipMobileContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const NameChipMobileStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "size" | "children" | "title" | "component" | "zIndex" | "id" | "disabled" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "variant" | "color" | "dataTestid" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "htmlFor" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "ellipsis" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+export declare const NameChipMobileStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "size" | "children" | "title" | "component" | "zIndex" | "id" | "disabled" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "variant" | "color" | "dataTestid" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "htmlFor" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "ellipsis" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').AreasAdminOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;

package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.js

@@ -92,25 +92,25 @@ const NameChipMobileStyled = styled(Typography, {
   slot: AreasAdminSlots.nameChipMobile
 })(areasAdminStyles?.nameChipMobile);
 export {
-  AreasAdminRootStyled as A,
+  AreaChipRootStyled as A,
   ButtonAddAreaStyled as B,
-  ContainerAdminWindowsStyled as C,
+  ChipAreasStyled as C,
   EditAreaChipContainerStyled as E,
   IconButtonAddAreaStyled as I,
   MenuActionsChipStyled as M,
   NameChipMobileStyled as N,
-  AreasAdminContentStyled as a,
-  AreasContainerChipIconStyled as b,
-  AreasContainerContentChipsStyled as c,
-  AreaContentChipStyled as d,
-  AreaChipRootStyled as e,
-  AreaContainerChipEditButtonStyled as f,
-  ChipAreasStyled as g,
-  EditAreaHeaderStyled as h,
-  AreaChipMobileRootStyled as i,
-  AddAreasMobileContainerStyled as j,
-  MenuActionsAreaChipMobileStyled as k,
-  ChipMobileRootStyled as l,
-  ChipMobileContentStyled as m,
-  EditAreaChipMobileContainerStyled as n
+  AreaContainerChipEditButtonStyled as a,
+  EditAreaHeaderStyled as b,
+  ChipMobileRootStyled as c,
+  ChipMobileContentStyled as d,
+  EditAreaChipMobileContainerStyled as e,
+  AreaChipMobileRootStyled as f,
+  AddAreasMobileContainerStyled as g,
+  MenuActionsAreaChipMobileStyled as h,
+  AreasAdminRootStyled as i,
+  AreasAdminContentStyled as j,
+  AreasContainerChipIconStyled as k,
+  AreasContainerContentChipsStyled as l,
+  AreaContentChipStyled as m,
+  ContainerAdminWindowsStyled as n
 };

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

@@ -5,12 +5,12 @@ import { u as useAreasStore } from "../../../../hooks/useAreas/index.js";
 import { useIsMobile } from "@m4l/graphics";
 import { C as ChipActionsMobile } from "./subcomponents/ChipActionsMobile/ChipActionsMobile.js";
 import { shallow } from "zustand/shallow";
-import { e as AreaChipRootStyled, f as AreaContainerChipEditButtonStyled, g as ChipAreasStyled, M as MenuActionsChipStyled, E as EditAreaChipContainerStyled, h as EditAreaHeaderStyled } from "../../slots/AreasAdminSlots.js";
+import { A as AreaChipRootStyled, a as AreaContainerChipEditButtonStyled, C as ChipAreasStyled, M as MenuActionsChipStyled, E as EditAreaChipContainerStyled, b as EditAreaHeaderStyled } from "../../slots/AreasAdminSlots.js";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import { I as ICONS } from "../../../../icons.js";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../dictionary.js";
 import { A as AREAS_ADMIN_KEY_COMPONENT } from "../../constants.js";
-import { g as getComponentClasses } from "../../../../../../utils/getComponentSlotRoot.js";
+import { a as getComponentClasses } from "../../../../../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
 import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../../hook-form/RHFormProvider/schema.js";
 import { A as AreasAdminSlots } from "../../slots/AreasAdminEnum.js";

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

@@ -6,7 +6,7 @@ import { I as ICONS } from "../../../../icons.js";
 import { useMemo } from "react";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../dictionary.js";
 import { C as ChipMobile } from "./subcomponents/ChipMobile/ChipMobile.js";
-import { i as AreaChipMobileRootStyled, j as AddAreasMobileContainerStyled, k as MenuActionsAreaChipMobileStyled, B as ButtonAddAreaStyled } from "../../slots/AreasAdminSlots.js";
+import { f as AreaChipMobileRootStyled, g as AddAreasMobileContainerStyled, h as MenuActionsAreaChipMobileStyled, B as ButtonAddAreaStyled } from "../../slots/AreasAdminSlots.js";
 const AreaChipMobile = () => {
   const areas = useAreasStore(
     (state) => state.areasIds.map((a) => ({ id: a, name: state.hashAreas[a].name })),

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

@@ -8,7 +8,7 @@ import { u as useAreasStore } from "../../../../../../hooks/useAreas/index.js";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../../../dictionary.js";
 import { I as ICONS } from "../../../../../../icons.js";
 import { C as ChipActionsMobile } from "../../../AreaChip/subcomponents/ChipActionsMobile/ChipActionsMobile.js";
-import { l as ChipMobileRootStyled, m as ChipMobileContentStyled, N as NameChipMobileStyled, n as EditAreaChipMobileContainerStyled } from "../../../../slots/AreasAdminSlots.js";
+import { c as ChipMobileRootStyled, d as ChipMobileContentStyled, N as NameChipMobileStyled, e as EditAreaChipMobileContainerStyled } from "../../../../slots/AreasAdminSlots.js";
 import { R as RHFormProvider } from "../../../../../../../hook-form/RHFormProvider/RHFormProvider.js";
 import { T as Typography } from "../../../../../../../mui_extended/Typography/Typography.js";
 import { A as ActionsContainer } from "../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";

package/components/areas/components/AreasViewer/AreasViewer.js

@@ -4,12 +4,12 @@ import { u as useAreasStore } from "../../hooks/useAreas/index.js";
 import { A as AreaMemonizedWindowModal } from "./subcomponents/Area/subcomponents/WindowModal/WindowModal.js";
 import { shallow } from "zustand/shallow";
 import { L as LoadingError } from "../../../LoadingError/LoadingError.js";
-import { a as getNameDataTestId, g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
-import { A as AREAS_VIEWER_CLASS_NAME } from "../../constants.js";
+import { g as getNameDataTestId, a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.js";
-import { A as AreasViewerRootStyled } from "./slots/AreasViewerSlots.js";
+import { b as AreasViewerRootStyled } from "./slots/AreasViewerSlots.js";
 import { A as AREAS_VIEWER_KEY_COMPONENT } from "./constants.js";
-import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
+import { g as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
 import { A as AreasViewerSlots } from "./slots/AreasViewerEnum.js";
 import clsx from "clsx";
 import { forwardRef } from "react";

package/components/areas/components/AreasViewer/classes/index.js

@@ -1,6 +1,6 @@
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { A as AREAS_VIEWER_CLASS_NAME } from "../../../constants.js";
+import { a as AREAS_VIEWER_CLASS_NAME } from "../../../constants.js";
 const areasViewerClasses = generateUtilityClasses(
   AREAS_VIEWER_CLASS_NAME,
   [

package/components/areas/components/AreasViewer/slots/AreasViewerSlots.js

@@ -24,9 +24,9 @@ const WindowBaseStyled = styled(WindowBase, {
   slot: AreasViewerSlots.windowBase
 })(areasViewerStyles?.windowBase);
 export {
-  AreasViewerRootStyled as A,
+  AreaRootStyled as A,
   BaseAreaStyled as B,
   WindowBaseStyled as W,
-  AreaRootStyled as a,
-  WrapperWindowModalStyled as b
+  WrapperWindowModalStyled as a,
+  AreasViewerRootStyled as b
 };

package/components/areas/components/AreasViewer/subcomponents/Area/Area.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { B as BaseArea } from "./subcomponents/BaseArea/BaseArea.js";
 import { u as useAreasStore } from "../../../../hooks/useAreas/index.js";
-import { a as AreaRootStyled } from "../../slots/AreasViewerSlots.js";
+import { A as AreaRootStyled } from "../../slots/AreasViewerSlots.js";
 const Area = (props) => {
   const { selected, areaId, size } = props;
   const status = useAreasStore((state) => state.hashAreas[areaId].status);

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/Window.js

@@ -3,8 +3,8 @@ import React from "react";
 import { M as MemonizedWindowBaseMicroFrontend } from "../../../../../../../WindowBase/subcomponents/MicroFrontend/MicroFrontend.js";
 import { W as WindowBaseComponent } from "../../../../../../../WindowBase/subcomponents/Component/index.js";
 import { T as TEST_PROP_ID } from "../../../../../../../../test/constants_no_mock.js";
-import { a as getNameDataTestId } from "../../../../../../../../test/getNameDataTestId.js";
-import { A as AREAS_VIEWER_CLASS_NAME } from "../../../../../../constants.js";
+import { g as getNameDataTestId } from "../../../../../../../../test/getNameDataTestId.js";
+import { a as AREAS_VIEWER_CLASS_NAME } from "../../../../../../constants.js";
 import { u as useWindow } from "./hooks/useWindow.js";
 import { W as WindowBaseStyled } from "../../../../slots/AreasViewerSlots.js";
 import { shallow } from "zustand/shallow";

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/WindowModal/WindowModal.js

@@ -3,7 +3,7 @@ import React, { useCallback } from "react";
 import { u as useAreasStore } from "../../../../../../hooks/useAreas/index.js";
 import { W as Window } from "../Window/Window.js";
 import { useIsMobile } from "@m4l/graphics";
-import { b as WrapperWindowModalStyled } from "../../../../slots/AreasViewerSlots.js";
+import { a as WrapperWindowModalStyled } from "../../../../slots/AreasViewerSlots.js";
 import { u as useStateRef } from "../../../../../../../../hooks/useStateRef/index.js";
 import { D as DragResizeWindowRND } from "../../../../../../../DragResizeWindowRND/DragResizeWindowRND.js";
 import { D as Dialog } from "../../../../../../../mui_extended/Dialog/Dialog.js";

package/components/areas/constants.js

@@ -1,6 +1,6 @@
 const AREAS_VIEWER_CLASS_NAME = "M4LAreasViewer";
 const AREAS_STORE_ID = "M4LAreasStore";
 export {
-  AREAS_VIEWER_CLASS_NAME as A,
-  AREAS_STORE_ID as a
+  AREAS_STORE_ID as A,
+  AREAS_VIEWER_CLASS_NAME as a
 };

package/components/areas/contexts/AreasContext/index.js

@@ -92,6 +92,6 @@ function AreasProvider(props) {
   return /* @__PURE__ */ jsx(AreasContext.Provider, { value: areasStoreRef.current, children });
 }
 export {
-  AreasProvider as A,
-  AreasContext as a
+  AreasContext as A,
+  AreasProvider as a
 };

package/components/areas/contexts/AreasContext/store.js

@@ -6,10 +6,10 @@ import { c as createDynamicMFStore } from "../../../WindowBase/contexts/DynamicM
 import cloneDeep from "lodash-es/cloneDeep";
 import debounce from "lodash-es/debounce";
 import { g as generateModuleCount } from "./helpers/generateModuleCount.js";
-import { a as AREAS_STORE_ID } from "../../constants.js";
+import { A as AREAS_STORE_ID } from "../../constants.js";
 import { h as helperSelectLayout } from "./helpers/selectLayout.js";
 import { d as deleteCookie, s as setCookie, g as getCookie } from "../../../../helpers/cookies/cookies.js";
-import { k as isEqualLayouts } from "../../../GridLayout/utils.js";
+import { l as isEqualLayouts } from "../../../GridLayout/utils.js";
 import { d as cloneLayouts, e as addLayoutItemToBreakPoints } from "../../../GridLayout/subcomponents/Responsive/responsiveUtils.js";
 const createDevtools = (immerMiddlewere, config) => {
   const { enabled = false } = config;

package/components/areas/hooks/useAreas/index.js

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { a as AreasContext } from "../../contexts/AreasContext/index.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context) {

package/components/commercial/TopBar/TopBar.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.js";
 import { g as getTopBarClassesUtilityClass } from "./classes/index.js";
 import { C as ConteinItem } from "./component/ConteinItem/index.js";
-import { T as TopBarProvider } from "./context/index.js";
+import { a as TopBarProvider } from "./context/index.js";
 import { T as TopBarRoot } from "./style.js";
-import { a as getNameDataTestId } from "../../../test/getNameDataTestId.js";
+import { g as getNameDataTestId } from "../../../test/getNameDataTestId.js";
 import { c as componentName } from "./classes/constants.js";
 const TopBar = (props) => {
   const { dataMenu: DataMenu, dataTestId } = props;

package/components/commercial/TopBar/component/ConteinItem/index.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { u as useTopBar } from "../../hook/topBarContext/index.js";
 import { N as NavItemRoot } from "./subcomponets/NavItem/index.js";
 import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock.js";
-import { a as getNameDataTestId } from "../../../../../test/getNameDataTestId.js";
+import { g as getNameDataTestId } from "../../../../../test/getNameDataTestId.js";
 import { c as componentName } from "../../classes/constants.js";
 const ConteinItem = () => {
   const { dataMenu: DataMenu, classes, dataTestId } = useTopBar();

package/components/commercial/TopBar/component/ConteinItem/subcomponets/NavItem/index.js

@@ -7,7 +7,7 @@ import clsx from "clsx";
 import { i as isActive } from "../../../../utils/isActive/index.js";
 import { T as TopBarClasses } from "../../../../classes/index.js";
 import { T as TEST_PROP_ID } from "../../../../../../../test/constants_no_mock.js";
-import { a as getNameDataTestId } from "../../../../../../../test/getNameDataTestId.js";
+import { g as getNameDataTestId } from "../../../../../../../test/getNameDataTestId.js";
 import { c as componentName } from "../../../../classes/constants.js";
 import { A as Accordion } from "../../../../../../mui_extended/Accordion/Accordion.js";
 import { B as Button } from "../../../../../../mui_extended/Button/Button.js";

package/components/commercial/TopBar/context/index.js

@@ -19,6 +19,6 @@ const TopBarProvider = (props) => {
   );
 };
 export {
-  TopBarProvider as T,
-  TopBarContext as a
+  TopBarContext as T,
+  TopBarProvider as a
 };

package/components/commercial/TopBar/hook/topBarContext/index.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { a as TopBarContext } from "../../context/index.js";
+import { T as TopBarContext } from "../../context/index.js";
 const useTopBar = () => useContext(TopBarContext);
 export {
   useTopBar as u

package/components/datagrids/Datagrid.styles.js

@@ -1165,6 +1165,33 @@ const dataGridStyles = {
     textOverflow: "ellipsis",
     wordBreak: "break-word",
     whiteSpace: "normal"
+  }),
+  /**
+   * Wrapper para celdas con color de fondo personalizado.
+   *
+   * Este estilo aplica backgroundColor y ocupa toda la celda,
+   * manteniendo el comportamiento de truncado con ellipsis.
+   * El color se recibe a través de ownerState.cellBackgroundColor
+   */
+  cellBackgroundWrapper: ({ ownerState }) => ({
+    // Ocupar toda la celda con margin negativo
+    margin: "-8px",
+    padding: "8px",
+    width: "calc(100% + 16px)",
+    height: "calc(100% + 16px)",
+    boxSizing: "border-box",
+    // Mantener el comportamiento de truncado igual que las celdas
+    display: "-webkit-box",
+    WebkitBoxOrient: "vertical",
+    WebkitLineClamp: ownerState?.currentRowHeightVariant === "compact" ? 1 : ownerState?.currentRowHeightVariant === "confortable" ? 3 : 2,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    wordBreak: "break-word",
+    whiteSpace: "normal",
+    alignContent: "center",
+    ...ownerState?.cellBackgroundColor && {
+      backgroundColor: ownerState.cellBackgroundColor
+    }
   })
 };
 export {

package/components/datagrids/components/BaseDataGrid/BaseDataGrid.js

@@ -3,13 +3,13 @@ import { useRef } from "react";
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_COLUMNS } from "../../types.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.js";
-import { a as getNameDataTestId } from "../../../../test/getNameDataTestId.js";
-import { T as TEST_SKELETON, D as DATAGRID_PREFIX_NAME } from "../../constants.js";
-import { D as DataGridRootStyled, C as CustomHeaderStyled } from "../../slots/DataGridSlot.js";
-import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
+import { g as getNameDataTestId } from "../../../../test/getNameDataTestId.js";
+import { T as TEST_SKELETON, b as DATAGRID_PREFIX_NAME } from "../../constants.js";
+import { D as DataGridRootStyled, o as CustomHeaderStyled } from "../../slots/DataGridSlot.js";
+import { g as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
-import { D as DataGridProvider } from "../../contexts/DataGridContext/DataGridContext.js";
-import { F as FilterProvider } from "../../contexts/FilterContext/FilterContext.js";
+import { a as DataGridProvider } from "../../contexts/DataGridContext/DataGridContext.js";
+import { a as FilterProvider } from "../../contexts/FilterContext/FilterContext.js";
 import { H as HeaderActions } from "../../subcomponents/HeaderActions/HeaderActions.js";
 import { C as ControlNavigate } from "../../subcomponents/ControlNavigate/ControlNavigate.js";
 function BaseDataGrid(props) {

package/components/datagrids/components/DataGridMain/DataGridMain.js

@@ -14,7 +14,8 @@ function DataGrid(props) {
     cardsViewConfig,
     focusOnRowKey,
     checkedRows,
-    onCheckedRowsChange
+    onCheckedRowsChange,
+    rowCellsBackground
   } = props;
   return /* @__PURE__ */ jsx(BaseDataGrid, { ...props, children: /* @__PURE__ */ jsx(
     RenderContent,
@@ -30,7 +31,8 @@ function DataGrid(props) {
       cardsViewConfig,
       focusOnRowKey,
       checkedRows,
-      onCheckedRowsChange
+      onCheckedRowsChange,
+      rowCellsBackground
     }
   ) });
 }

package/components/datagrids/components/TreeDataGrid/TreeDataGrid.js

@@ -17,7 +17,8 @@ function TreeDataGrid(props) {
     onCheckedRowsChange,
     rowGrouper,
     expandedGroupIds: expandedGroupIdsProp,
-    onExpandedGroupIdsChange: onExpandedGroupIdsChangeProp
+    onExpandedGroupIdsChange: onExpandedGroupIdsChangeProp,
+    rowCellsBackground
   } = props;
   const [internalExpandedGroupIds, setInternalExpandedGroupIds] = useState(() => new Set(expandedGroupIdsProp ?? []));
   const isControlled = expandedGroupIdsProp !== void 0 && onExpandedGroupIdsChangeProp !== void 0;
@@ -37,6 +38,7 @@ function TreeDataGrid(props) {
       focusOnRowKey,
       checkedRows,
       onCheckedRowsChange,
+      rowCellsBackground,
       treeProps: {
         rowGrouper,
         expandedGroupIds,

package/components/datagrids/constants.js

@@ -39,10 +39,10 @@ const CARD_HEIGHT = {
 };
 export {
   CARD_HEIGHT as C,
-  DATAGRID_PREFIX_NAME as D,
+  DATAGRID_ROW_HEIGHTS as D,
   TEST_SKELETON as T,
-  DATAGRID_ROW_HEIGHTS as a,
-  DATAGRID_ROW_HEADER_HEIGHTS as b,
+  DATAGRID_ROW_HEADER_HEIGHTS as a,
+  DATAGRID_PREFIX_NAME as b,
   DATAGRID_ID_DICTIONARY as c,
   DATAGRID_ACTIONS_COLUMN_KEY as d,
   DATAGRID_SEMANTIC_WIDTHS as e,

package/components/datagrids/contexts/DataGridContext/DataGridContext.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect, useMemo, createContext } from "react";
 import { useFirstRender } from "@m4l/graphics";
-import { g as getComponentClasses } from "../../../../utils/getComponentSlotRoot.js";
-import { a as DATAGRID_ROW_HEIGHTS, b as DATAGRID_ROW_HEADER_HEIGHTS, D as DATAGRID_PREFIX_NAME } from "../../constants.js";
+import { a as getComponentClasses } from "../../../../utils/getComponentSlotRoot.js";
+import { D as DATAGRID_ROW_HEIGHTS, a as DATAGRID_ROW_HEADER_HEIGHTS, b as DATAGRID_PREFIX_NAME } from "../../constants.js";
 import { C as ControlNavigateSlots, a as ColumnsConfigSlots, T as TextEditorSlots, b as TableSlots, R as RowsCountSlots, A as ActionsSlots, D as DataGridSlots } from "../../slots/DataGridEnum.js";
 import { deepEqual } from "fast-equals";
 import { u as useViewMode } from "../../hooks/useViewMode/useViewMode.js";
@@ -367,6 +367,6 @@ function DataGridProvider(props) {
   );
 }
 export {
-  DataGridProvider as D,
-  DataGridContext as a
+  DataGridContext as D,
+  DataGridProvider as a
 };

package/components/datagrids/contexts/FilterContext/FilterContext.js

@@ -45,6 +45,6 @@ function FilterProvider({
   );
 }
 export {
-  FilterProvider as F,
-  FilterContext as a
+  FilterContext as F,
+  FilterProvider as a
 };

package/components/datagrids/formatters/ColumnChipStatusFormatter/ColumnChipStatusGroupFormatter.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
-import { C as ChipStatusFormatterColumnWrapperStyled } from "../../../formatters/ChipStatusFormatter/slots/ChipStatusFormatterSlots.js";
+import { a as ChipStatusFormatterColumnWrapperStyled } from "../../../formatters/ChipStatusFormatter/slots/ChipStatusFormatterSlots.js";
 import { g as getNullGuard } from "../../../../utils/getNullGuard.js";
 import { C as ChipStatusFormatter } from "../../../formatters/ChipStatusFormatter/ChipStatusFormatter.js";
 const ColumnChipStatusGroupFormatter = (props) => {

package/components/datagrids/formatters/ColumnChipStatusFormatter/formatter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
-import { C as ChipStatusFormatterColumnWrapperStyled } from "../../../formatters/ChipStatusFormatter/slots/ChipStatusFormatterSlots.js";
+import { a as ChipStatusFormatterColumnWrapperStyled } from "../../../formatters/ChipStatusFormatter/slots/ChipStatusFormatterSlots.js";
 import { g as getNullGuard } from "../../../../utils/getNullGuard.js";
 import { C as ChipStatusFormatter } from "../../../formatters/ChipStatusFormatter/ChipStatusFormatter.js";
 const ColumnChipStatusFormatter = (props) => {

package/components/datagrids/formatters/ColumnImageFormatter/ImageFormatterCell.js

@@ -2,7 +2,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { useContext } from "react";
 import { getPropertyByString } from "@m4l/core";
 import { I as IMAGE_SIZES } from "./constants.js";
-import { a as DataGridContext } from "../../contexts/DataGridContext/DataGridContext.js";
+import { D as DataGridContext } from "../../contexts/DataGridContext/DataGridContext.js";
 import { I as ImageFormatter } from "../../../formatters/ImageFormatter/ImageFormatter.js";
 function ImageFormatterCell(props) {
   const { formatterProps, fieldValue, fieldText, width, height, cover } = props;

package/components/datagrids/hooks/shared/useDataGrid/useDataGrid.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { a as DataGridContext } from "../../../contexts/DataGridContext/DataGridContext.js";
+import { D as DataGridContext } from "../../../contexts/DataGridContext/DataGridContext.js";
 function useDataGrid() {
   const context = useContext(DataGridContext);
   if (!context) {

package/components/datagrids/hooks/shared/useFilters/useFilters.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { a as FilterContext } from "../../../contexts/FilterContext/FilterContext.js";
+import { F as FilterContext } from "../../../contexts/FilterContext/FilterContext.js";
 const useFilters = () => useContext(FilterContext);
 export {
   useFilters as u

package/components/datagrids/slots/DataGridEnum.d.ts

@@ -55,7 +55,8 @@ export declare enum TableSlots {
     editLabel = "editLabel",
     iconButtonEdit = "iconButtonEdit",
     defaultRenderGroupCellRoot = "defaultRenderGroupCellRoot",
-    defaultRenderGroupCellText = "defaultRenderGroupCellText"
+    defaultRenderGroupCellText = "defaultRenderGroupCellText",
+    cellBackgroundWrapper = "cellBackgroundWrapper"
 }
 export declare enum TextEditorSlots {
     inputTexEditor = "inputTexEditor"

package/components/datagrids/slots/DataGridEnum.js

@@ -59,6 +59,7 @@ var TableSlots = /* @__PURE__ */ ((TableSlots2) => {
   TableSlots2["iconButtonEdit"] = "iconButtonEdit";
   TableSlots2["defaultRenderGroupCellRoot"] = "defaultRenderGroupCellRoot";
   TableSlots2["defaultRenderGroupCellText"] = "defaultRenderGroupCellText";
+  TableSlots2["cellBackgroundWrapper"] = "cellBackgroundWrapper";
   return TableSlots2;
 })(TableSlots || {});
 var TextEditorSlots = /* @__PURE__ */ ((TextEditorSlots2) => {

package/components/datagrids/slots/DataGridSlot.d.ts

@@ -99,3 +99,4 @@ export declare const ControlNavigateStyled: import('@emotion/styled').StyledComp
 export declare const ColumnIconFormatterStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const DefaultRenderGroupCellRootStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
 export declare const DefaultRenderGroupCellTextStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const CellBackgroundWrapperStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;