@m4l/components 8.2.3 → 9.0.0

package/components/CommonActions/components/ActionsContainer/ActionsContainer.d.ts

@@ -0,0 +1,11 @@
+import { ActionsContainerProps } from './types';
+/**
+ * ActionsContainer component that renders its children within an ActionsContainerRoot.
+ * @param {ActionsContainerProps} props - The properties for the ActionsContainer component.
+ * @returns {JSX.Element} The rendered ActionsContainer component.
+ * @author SebastianM - automatic
+ * @createdAt 2024-11-01 12:34:48 - automatic
+ * @updatedAt 2024-11-05 08:51:39 - automatic
+ * @updatedUser SebastianM - automatic
+ */
+export declare const ActionsContainer: import('react').ForwardRefExoticComponent<ActionsContainerProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/CommonActions/components/ActionsContainer/ActionsContainer.integration.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/CommonActions/components/ActionsContainer/ActionsContainer.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { A as ActionsContainerRoot } from "./slots/ActionsContainerSlots.js";
+const ActionsContainer = forwardRef((props, ref) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(
+    ActionsContainerRoot,
+    {
+      "aria-label": "actionsContainer",
+      ref,
+      role: "group",
+      ...rest,
+      children
+    }
+  );
+});
+ActionsContainer.displayName = "ActionsContainer";
+export {
+  ActionsContainer as A
+};

package/components/CommonActions/components/ActionsContainer/ActionsContainer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/CommonActions/components/ActionsContainer/ActionsContainerStyles.d.ts

@@ -0,0 +1,2 @@
+import { ActionsContainerStyles } from './types';
+export declare const actionsContainerStyles: ActionsContainerStyles;

package/components/CommonActions/components/ActionsContainer/ActionsContainerStyles.js

@@ -0,0 +1,26 @@
+const actionsContainerStyles = {
+  /**
+   * Styles for the actions container root element.
+   * @author SebastianM - automatic
+   * @createdAt 2024-11-01 14:08:46 - automatic
+   * @updatedAt 2024-11-01 16:09:44 - automatic
+   * @updatedUser SebastianM - automatic
+   */
+  actionsContainerRoot: ({ theme }) => ({
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    alignItems: "flex-end",
+    gap: theme.vars.size.baseSpacings.sp3,
+    paddingTop: theme.vars.size.baseSpacings.sp3,
+    paddingRight: theme.vars.size.baseSpacings.sp3,
+    paddingBottom: theme.vars.size.baseSpacings.sp3,
+    paddingLeft: "0",
+    height: "auto",
+    borderRadius: theme.vars.size.borderRadius.r1,
+    backgroundColor: theme.vars.palette.background.default
+  })
+};
+export {
+  actionsContainerStyles as a
+};

package/components/CommonActions/components/ActionsContainer/constans.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Clave de identificación del componente ActionsContainer dentro del sistema.
+ *
+ * Esta constante se utiliza como identificador único para asociar y personalizar estilos y configuraciones
+ * relacionadas con el componente `ActionsContainer` dentro del sistema de temas y estilos.
+ * @default 'M4LActionsContainer'
+ */
+export declare const ACTIONSCONTAINER_KEY_COMPONENT = "M4LActionsContainer";

package/components/CommonActions/components/ActionsContainer/constans.js

@@ -0,0 +1,4 @@
+const ACTIONSCONTAINER_KEY_COMPONENT = "M4LActionsContainer";
+export {
+  ACTIONSCONTAINER_KEY_COMPONENT as A
+};

package/components/CommonActions/components/ActionsContainer/slots/ActionsContainerEnum.d.ts

@@ -0,0 +1,3 @@
+export declare enum ActionsContainerSlots {
+    actionsContainerRoot = "actionsContainerRoot"
+}

package/components/CommonActions/components/ActionsContainer/slots/ActionsContainerEnum.js

@@ -0,0 +1,7 @@
+var ActionsContainerSlots = /* @__PURE__ */ ((ActionsContainerSlots2) => {
+  ActionsContainerSlots2["actionsContainerRoot"] = "actionsContainerRoot";
+  return ActionsContainerSlots2;
+})(ActionsContainerSlots || {});
+export {
+  ActionsContainerSlots as A
+};

package/components/CommonActions/components/ActionsContainer/slots/ActionsContainerSlots.d.ts

@@ -0,0 +1,4 @@
+declare const ActionsContainerRoot: import('@emotion/styled').StyledComponent<Pick<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>>, "title" | "id" | "hidden" | "content" | "style" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "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" | "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" | "onResize" | "onResizeCapture" | "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" | "key" | keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
+export { ActionsContainerRoot };

package/components/CommonActions/components/ActionsContainer/slots/ActionsContainerSlots.js

@@ -0,0 +1,12 @@
+import { styled } from "@mui/material/styles";
+import { Box } from "@mui/material";
+import { A as ACTIONSCONTAINER_KEY_COMPONENT } from "../constans.js";
+import { A as ActionsContainerSlots } from "./ActionsContainerEnum.js";
+import { a as actionsContainerStyles } from "../ActionsContainerStyles.js";
+const ActionsContainerRoot = styled(Box, {
+  name: ACTIONSCONTAINER_KEY_COMPONENT,
+  slot: ActionsContainerSlots.actionsContainerRoot
+})(actionsContainerStyles?.actionsContainerRoot);
+export {
+  ActionsContainerRoot as A
+};

package/components/CommonActions/components/ActionsContainer/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ActionsContainerEnum';
+export * from './ActionsContainerSlots';

package/components/CommonActions/components/ActionsContainer/slots/index.js

@@ -0,0 +1 @@
+

package/components/CommonActions/components/ActionsContainer/types.d.ts

@@ -0,0 +1,20 @@
+import { Theme } from '@mui/material';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { HTMLAttributes, ReactNode } from 'react';
+import { ACTIONSCONTAINER_KEY_COMPONENT } from './constans';
+import { ActionsContainerSlots } from './slots';
+/**
+ * Props for the `ActionsContainer` component, extending the original HTMLDivElement properties.
+ * [children] - Child elements to be rendered inside the actions container.
+ */
+export interface ActionsContainerProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+/**
+ * Defines the types of Slots available for the `ActionsContainer`.
+ */
+export type ActionsContainerSlotsType = keyof typeof ActionsContainerSlots;
+/**
+ * Styles applicable to the `ActionsContainer` using themes and custom slots.
+ */
+export type ActionsContainerStyles = Partial<OverridesStyleRules<ActionsContainerSlotsType, typeof ACTIONSCONTAINER_KEY_COMPONENT, Theme> | undefined> | undefined;

package/components/CommonActions/index.d.ts

@@ -1,4 +1,4 @@
-export { Actions } from './components/Actions';
+export { ActionsContainer } from './components/ActionsContainer/ActionsContainer';
 export { ActionCancel } from './components/ActionCancel';
 export { ActionIntro } from './components/ActionIntro';
 export { ActionFormCancel } from './components/ActionFormCancel';

package/components/DataGrid/subcomponents/Actions/subcomponents/hooks/useModalSettings/index.d.ts

@@ -1,5 +1,9 @@
 /**
  * TODO: Documentar
+ * @author SebastianM - automatic
+ * @createdAt 2024-11-01 12:34:48 - automatic
+ * @updatedAt 2024-11-01 12:34:49 - automatic
+ * @updatedUser SebastianM - automatic
  */
 declare const useModalSettings: () => () => void;
 export default useModalSettings;

package/components/DataGrid/subcomponents/Actions/subcomponents/hooks/useModalSettings/index.js

@@ -7,7 +7,7 @@ import { u as useModal } from "../../../../../../../hooks/useModal/index.js";
 import { D as DataGridRoot } from "../../../../../styles.js";
 import { C as ColumnsConfig } from "../../Settings/subcomponents/ColumnsConfig/index.js";
 import { W as WindowBase } from "../../../../../../modal/WindowBase/index.js";
-import { A as Actions } from "../../../../../../CommonActions/components/Actions/index.js";
+import { A as ActionsContainer } from "../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
 import { A as ActionCancel } from "../../../../../../CommonActions/components/ActionCancel/index.js";
 import { A as ActionIntro } from "../../../../../../CommonActions/components/ActionIntro/index.js";
 const useModalSettings = () => {
@@ -47,7 +47,7 @@ const useModalSettings = () => {
                 classes
               }
             ) }) }) }),
-            /* @__PURE__ */ jsxs(Actions, { children: [
+            /* @__PURE__ */ jsxs(ActionsContainer, { children: [
               /* @__PURE__ */ jsx(ActionCancel, { onClick: closeModal }),
               /* @__PURE__ */ jsx(ActionIntro, { onClick: onClickIntro })
             ] })

package/components/DynamicFilter/slots/dynamicFilterSlots.d.ts

@@ -81,6 +81,6 @@ export declare const PopoverHeaderIconStyled: import('@emotion/styled').StyledCo
 export declare const PopoverHeaderTitleStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverHeaderActionsStyled: import('@emotion/styled').StyledComponent<Pick<import('../../CommonActions/components/Actions/types').CommonActionsProps & import('react').RefAttributes<any>, keyof import('../../CommonActions/components/Actions/types').CommonActionsProps | keyof import('react').RefAttributes<any>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+export declare const PopoverHeaderActionsStyled: import('@emotion/styled').StyledComponent<Pick<import('../../CommonActions/components/ActionsContainer/types').ActionsContainerProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../../CommonActions/components/ActionsContainer/types').ActionsContainerProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;

package/components/DynamicFilter/slots/dynamicFilterSlots.js

@@ -5,7 +5,7 @@ import { d as dynamicFilterStyles } from "../DynamicFIlter.styles.js";
 import { MenuItem } from "@mui/material";
 import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";
 import { T as Typography } from "../../mui_extended/Typography/Typography.js";
-import { A as Actions } from "../../CommonActions/components/Actions/index.js";
+import { A as ActionsContainer } from "../../CommonActions/components/ActionsContainer/ActionsContainer.js";
 import { I as Icon } from "../../Icon/Icon.js";
 import { P as Popover } from "../../mui_extended/Popover/Popover.js";
 const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
@@ -115,7 +115,7 @@ const PopoverHeaderTitleStyled = styled(Typography, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverFilterHeaderTitle
 })(dynamicFilterStyles?.popoverFilterHeaderTitle);
-const PopoverHeaderActionsStyled = styled(Actions, {
+const PopoverHeaderActionsStyled = styled(ActionsContainer, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverFilterActions
 })(dynamicFilterStyles?.popoverFilterActions);

package/components/DynamicSort/slots/DynamicSortSlots.d.ts

@@ -78,6 +78,6 @@ export declare const PopoverHeaderIconStyled: import('@emotion/styled').StyledCo
 export declare const PopoverHeaderTitleStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverHeaderActionsStyled: import('@emotion/styled').StyledComponent<Pick<import('../../CommonActions/components/Actions/types').CommonActionsProps & import('react').RefAttributes<any>, keyof import('../../CommonActions/components/Actions/types').CommonActionsProps | keyof import('react').RefAttributes<any>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
+export declare const PopoverHeaderActionsStyled: import('@emotion/styled').StyledComponent<Pick<import('../../CommonActions/components/ActionsContainer/types').ActionsContainerProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../../CommonActions/components/ActionsContainer/types').ActionsContainerProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
 }, {}, {}>;

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

@@ -1,9 +1,14 @@
 import { AreaChipProps } from './types';
 /**
  * Componente de chip de área.
+ * @createdAt 2024-11-01 12:34:48 - automatic
  */
 /**
  * TODO: Documentar
+ * @author SebastianM - automatic
+ * @createdAt 2024-11-01 12:34:48 - automatic
+ * @updatedAt 2024-11-01 12:34:49 - automatic
+ * @updatedUser SebastianM - automatic
  */
 export declare const AreaChip: {
     (props: AreaChipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -16,7 +16,7 @@ import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButt
 import { R as RHFormProvider } from "../../../../../hook-form/RHFormContext/index.js";
 import { T as Typography } from "../../../../../mui_extended/Typography/Typography.js";
 import { R as RHFTextField } from "../../../../../hook-form/RHFTextField/RHFTextField.js";
-import { A as Actions } from "../../../../../CommonActions/components/Actions/index.js";
+import { A as ActionsContainer } from "../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
 import { A as ActionCancel } from "../../../../../CommonActions/components/ActionCancel/index.js";
 import { A as ActionIntro } from "../../../../../CommonActions/components/ActionIntro/index.js";
 import { P as Popover } from "../../../../../mui_extended/Popover/Popover.js";
@@ -182,7 +182,7 @@ const AreaChip = (props) => {
                       sx: { mt: "20px" }
                     }
                   ),
-                  /* @__PURE__ */ jsxs(Actions, { children: [
+                  /* @__PURE__ */ jsxs(ActionsContainer, { children: [
                     /* @__PURE__ */ jsx(
                       ActionCancel,
                       {

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

@@ -1,6 +1,10 @@
 import { AreaChipProps } from '../../../AreaChip/types';
 /**
  * TODO: Documentar
+ * @author SebastianM - automatic
+ * @createdAt 2024-11-01 12:34:48 - automatic
+ * @updatedAt 2024-11-01 12:34:49 - automatic
+ * @updatedUser SebastianM - automatic
  */
 export declare const ChipMobile: {
     (props: AreaChipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -16,7 +16,7 @@ import { E as EditAreaHeader } from "../../../AreaChip/styles.js";
 import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton.js";
 import { R as RHFormProvider } from "../../../../../../../hook-form/RHFormContext/index.js";
 import { T as Typography } from "../../../../../../../mui_extended/Typography/Typography.js";
-import { A as Actions } from "../../../../../../../CommonActions/components/Actions/index.js";
+import { A as ActionsContainer } from "../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
 import { A as ActionCancel } from "../../../../../../../CommonActions/components/ActionCancel/index.js";
 import { A as ActionIntro } from "../../../../../../../CommonActions/components/ActionIntro/index.js";
 import { P as Popover } from "../../../../../../../mui_extended/Popover/Popover.js";
@@ -182,7 +182,7 @@ const ChipMobile = (props) => {
                       sx: { mt: "20px" }
                     }
                   ),
-                  /* @__PURE__ */ jsxs(Actions, { children: [
+                  /* @__PURE__ */ jsxs(ActionsContainer, { children: [
                     /* @__PURE__ */ jsx(
                       ActionCancel,
                       {

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/MeasureTool/subcomponents/MyActions/index.d.ts

@@ -1,4 +1,8 @@
 /**
  * TODO: Documentar
+ * @author SebastianM - automatic
+ * @createdAt 2024-11-01 12:34:48 - automatic
+ * @updatedAt 2024-11-01 12:34:49 - automatic
+ * @updatedUser SebastianM - automatic
  */
 export declare function MyActions(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/MeasureTool/subcomponents/MyActions/index.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
 import { M as MAP_DICCTIONARY } from "../../../../../../../../dictionary.js";
-import { A as Actions } from "../../../../../../../../../../../CommonActions/components/Actions/index.js";
+import { A as ActionsContainer } from "../../../../../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
 import { B as Button } from "../../../../../../../../../../../mui_extended/Button/Button.js";
 function MyActions() {
   const { control, setValue } = useFormContext();
@@ -19,7 +19,7 @@ function MyActions() {
       setValue("statusEdition", "initial");
     }
   };
-  return /* @__PURE__ */ jsx(Actions, { children: /* @__PURE__ */ jsx(Button, { onClick: initCancelDraw, children: statusEdition === "initial" ? getLabel(MAP_DICCTIONARY.LABEL_MEASURE_START) : getLabel(MAP_DICCTIONARY.LABEL_MEASURE_CANCEL) }) });
+  return /* @__PURE__ */ jsx(ActionsContainer, { children: /* @__PURE__ */ jsx(Button, { onClick: initCancelDraw, children: statusEdition === "initial" ? getLabel(MAP_DICCTIONARY.LABEL_MEASURE_START) : getLabel(MAP_DICCTIONARY.LABEL_MEASURE_CANCEL) }) });
 }
 export {
   MyActions as M

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyActions/index.d.ts

@@ -1,5 +1,9 @@
 import { MyActionsProps } from './types';
 /**
  * TODO: Documentar
+ * @author SebastianM - automatic
+ * @createdAt 2024-11-01 12:34:48 - automatic
+ * @updatedAt 2024-11-01 12:34:49 - automatic
+ * @updatedUser SebastianM - automatic
  */
 export declare function MyActions(props: MyActionsProps): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyActions/index.js

@@ -9,7 +9,7 @@ import { u as useMapGpsToolsStore } from "../../../../../../hooks/useMapGpsTools
 import { R as RHFHelperError } from "../../../../../../../../../hook-form/RHFHelperError/index.js";
 import { A as ActionFormIntro } from "../../../../../../../../../CommonActions/components/ActionFormIntro/index.js";
 import { W as WindowConfirm } from "../../../../../../../../../modal/WindowConfirm/index.js";
-import { A as Actions } from "../../../../../../../../../CommonActions/components/Actions/index.js";
+import { A as ActionsContainer } from "../../../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
 import { B as Button } from "../../../../../../../../../mui_extended/Button/Button.js";
 function MyActions(props) {
   const { geofenceId } = props;
@@ -50,7 +50,7 @@ function MyActions(props) {
     }
     showPopup("gpsTools");
   };
-  return /* @__PURE__ */ jsxs(Actions, { children: [
+  return /* @__PURE__ */ jsxs(ActionsContainer, { children: [
     /* @__PURE__ */ jsx(RHFHelperError, { name: "geometry" }),
     /* @__PURE__ */ jsx(Button, { onClick: onClickCancelLocal, disabled: inEdition, children: getLabel(MAP_GPSTOOLS_DICCTIONARY.ACTION_CANCEL) }),
     /* @__PURE__ */ jsx(ActionFormIntro, { disabled: inEdition })

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/index.d.ts

@@ -1,4 +1,8 @@
 /**
  * TODO: Documentar
+ * @author SebastianM - automatic
+ * @createdAt 2024-11-01 12:34:48 - automatic
+ * @updatedAt 2024-11-01 12:34:49 - automatic
+ * @updatedUser SebastianM - automatic
  */
 export declare function GeofencesList(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/index.js

@@ -6,7 +6,7 @@ import { S as StackGeofenceListRoot } from "./styles.js";
 import { useModuleDictionary } from "@m4l/core";
 import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../dictionary.js";
 import { D as DataGrid } from "../../../../../../../DataGrid/index.js";
-import { A as Actions } from "../../../../../../../CommonActions/components/Actions/index.js";
+import { A as ActionsContainer } from "../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
 import { B as Button } from "../../../../../../../mui_extended/Button/Button.js";
 function GeofencesList() {
   const { getLabel } = useModuleDictionary();
@@ -65,7 +65,7 @@ function GeofencesList() {
           },
           "list"
         ),
-        /* @__PURE__ */ jsx(Actions, { children: /* @__PURE__ */ jsx(Button, { onClick: () => goToAdd(), children: getLabel(MAP_GPSTOOLS_DICCTIONARY.MODULE_NAME_GEOFENCE_ADD) }) })
+        /* @__PURE__ */ jsx(ActionsContainer, { children: /* @__PURE__ */ jsx(Button, { onClick: () => goToAdd(), children: getLabel(MAP_GPSTOOLS_DICCTIONARY.MODULE_NAME_GEOFENCE_ADD) }) })
       ]
     }
   );

package/components/modal/WindowConfirm/index.d.ts

@@ -4,8 +4,13 @@ import { WindowConfirmProps } from './types';
  * Este componente muestra una ventana modal de confirmación con un mensaje y opciones de acción.
  * Utiliza hooks como useModal, useModuleDictionary y useEnvironment de @m4l/core.
  * También importa componentes y clases necesarios de CommonActions, subcomponents y classes.
+ * @createdAt 2024-11-01 09:11:42 - automatic
  */
 /**
  * TODO: Documentar
+ * @author SebastianM - automatic
+ * @createdAt 2024-11-01 09:11:42 - automatic
+ * @updatedAt 2024-11-01 12:34:50 - automatic
+ * @updatedUser SebastianM - automatic
  */
 export declare const WindowConfirm: (props: WindowConfirmProps) => import("react/jsx-runtime").JSX.Element;

package/components/modal/WindowConfirm/index.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { u as useModal } from "../../../hooks/useModal/index.js";
-import { A as Actions } from "../../CommonActions/components/Actions/index.js";
+import { A as ActionsContainer } from "../../CommonActions/components/ActionsContainer/ActionsContainer.js";
 import { M as MessageIlustration } from "./subcomponents/MessageIlustration/index.js";
 import { m as modalUtilityClasses } from "../classes/index.js";
 import { W as WindowBase } from "../WindowBase/index.js";
@@ -30,7 +30,7 @@ const WindowConfirm = (props) => {
       urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/window_confirm.svg`,
       children: [
         /* @__PURE__ */ jsx(MessageIlustration, { classes, msg, title }),
-        /* @__PURE__ */ jsxs(Actions, { children: [
+        /* @__PURE__ */ jsxs(ActionsContainer, { children: [
           /* @__PURE__ */ jsx(ActionCancel, { onClick: onCloseCancel }),
           /* @__PURE__ */ jsx(ActionIntro, { onClick: onClikIntroLocal })
         ] })

package/components/mui_extended/IconButton/IconButton.integration.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/mui_extended/IconButton/IconButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/mui_extended/IconButton/stories/IconButton.stories.d.ts

@@ -0,0 +1,32 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { IconButton } from '../IconButton';
+/**
+ * Definition of IconButton stories
+ */
+declare const meta: Meta<typeof IconButton>;
+type Story = StoryObj<typeof IconButton>;
+/**
+ * Story for IconButton
+ */
+export declare const Base: Story;
+/**
+ * Story for IconButton enable
+ */
+export declare const EnableDefault: Story;
+/**
+ * Story for IconButton hover
+ */
+export declare const HoverDefault: Story;
+/**
+ * Story for IconButton active
+ */
+export declare const ActiveDefault: Story;
+/**
+ * Story for IconButton focus visible
+ */
+export declare const FocusVisibleDefault: Story;
+/**
+ * Story for IconButton with skeleton.
+ */
+export declare const WithSkeleton: Story;
+export default meta;

package/index.js

@@ -65,7 +65,7 @@ import { a as a5 } from "./components/DynamicFilter/dictionary.js";
 import { D as D4 } from "./components/DynamicFilter/DynamicFilter.js";
 import { H } from "./components/HelperError/HelperError.js";
 import { L as L3 } from "./components/Label/Label.js";
-import { A as A6 } from "./components/CommonActions/components/Actions/index.js";
+import { A as A6 } from "./components/CommonActions/components/ActionsContainer/ActionsContainer.js";
 import { A as A7 } from "./components/CommonActions/components/ActionCancel/index.js";
 import { A as A8 } from "./components/CommonActions/components/ActionIntro/index.js";
 import { A as A9 } from "./components/CommonActions/components/ActionFormCancel/index.js";
@@ -192,7 +192,7 @@ export {
   A9 as ActionFormCancel,
   A10 as ActionFormIntro,
   A8 as ActionIntro,
-  A6 as Actions,
+  A6 as ActionsContainer,
   A as AnimatedScroll,
   A11 as AppBar,
   A13 as AppBarComercial,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "8.2.3",
+  "version": "9.0.0",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/storybook/components/commonActions/components/ActionsContainer/ActionsContainer.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ActionsContainer } from '../../../../../src/components/CommonActions/components/ActionsContainer/ActionsContainer';
+declare const meta: Meta<typeof ActionsContainer>;
+type Story = StoryObj<typeof ActionsContainer>;
+/**
+ * Base story for `ActionsContainer` in standard mode.
+ */
+export declare const Default: Story;
+/**
+ * Story for `ActionsContainer` with action buttons.
+ */
+export declare const WithActionsButtons: Story;
+export default meta;

package/components/CommonActions/components/Actions/index.d.ts

@@ -1,2 +0,0 @@
-import { CommonActionsProps } from './types';
-export declare const Actions: import('react').ForwardRefExoticComponent<CommonActionsProps & import('react').RefAttributes<any>>;

package/components/CommonActions/components/Actions/index.js

@@ -1,24 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.js";
-import { u as useCommonActionsUtilityClasses } from "../../classes/index.js";
-import { W as WrapperStandarActions } from "./styles.js";
-import { g as getNameCommonActionsDataTestId } from "../../tests/utils.js";
-const Actions = forwardRef(function ActionsForwarded(props, ref) {
-  const { children, ...restProps } = props;
-  const classes = useCommonActionsUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    WrapperStandarActions,
-    {
-      ...restProps,
-      ref,
-      className: clsx(classes.root, restProps?.className),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameCommonActionsDataTestId("root") } : {},
-      children
-    }
-  );
-});
-export {
-  Actions as A
-};

package/components/CommonActions/components/Actions/styles.d.ts

@@ -1 +0,0 @@
-export declare const WrapperStandarActions: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/CommonActions/components/Actions/styles.js

@@ -1,14 +0,0 @@
-import { styled } from "@mui/material/styles";
-const WrapperStandarActions = styled("div")(({ theme }) => ({
-  // paddingTop: theme.spacing(3),
-  // display: 'flex',
-  // flexDirection: 'row',
-  // justifyContent: 'flex-end',
-  // '& > button': {
-  //     marginLeft: '10px',
-  // },
-  ...theme.components?.M4LCommonActions?.styleOverrides || {}
-}));
-export {
-  WrapperStandarActions as W
-};

package/components/CommonActions/components/Actions/types.d.ts

@@ -1,4 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export interface CommonActionsProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-}

package/components/CommonActions/tests/constants.js

@@ -1,4 +0,0 @@
-const COMMONACTIONS_PREFIX = "M4LCommonActions";
-export {
-  COMMONACTIONS_PREFIX as C
-};

package/components/CommonActions/tests/utils.js

@@ -1,7 +0,0 @@
-import { C as COMMONACTIONS_PREFIX } from "./constants.js";
-const getNameCommonActionsDataTestId = (KEY) => {
-  return `${COMMONACTIONS_PREFIX}-${KEY}`;
-};
-export {
-  getNameCommonActionsDataTestId as g
-};