@m4l/components 9.1.128 → 9.1.130

package/components/CommonActions/components/ActionCancel/slots/ActionsCancelSlots.d.ts

@@ -1,4 +1,4 @@
-declare const ActionCancelRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "action" | "hidden" | "color" | "content" | "style" | "disabled" | "variant" | "translate" | "sx" | "classes" | "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" | "form" | "label" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "startIcon" | "endIcon" | "skeletonWidth" | "disableElevation" | "fullWidth" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').ActionCancelOwnerState> & Record<string, unknown> & {
+declare const ActionCancelRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "action" | "hidden" | "color" | "content" | "style" | "disabled" | "variant" | "translate" | "sx" | "classes" | "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" | "form" | "label" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "startIcon" | "endIcon" | "skeletonWidth" | "disableElevation" | "fullWidth" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').ActionCancelOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').ActionCancelOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export { ActionCancelRootStyled };

package/components/CommonActions/components/ActionFormCancel/ActionFormCancel.d.ts

@@ -0,0 +1,5 @@
+import { ActionFormCancelProps } from './types';
+/**
+ * Este componente es útil en formularios donde se necesita un botón de cancelación
+ */
+export declare function ActionFormCancel(props: ActionFormCancelProps): import("react/jsx-runtime").JSX.Element;

package/components/CommonActions/components/ActionFormCancel/{index.js → ActionFormCancel.js}

@@ -1,13 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/Button.js";
 import { useCallback, useEffect } from "react";
 import { u as useModal } from "../../../../hooks/useModal/index.js";
-import { u as useCommonActionsUtilityClasses } from "../../classes/index.js";
+import { clsx } from "clsx";
+import { c as classActoinFormCancelRoot } from "./constanst.js";
+import { D as DICTIONARY } from "../../dictionary.js";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.js";
 import { W as WindowConfirm } from "../../../WindowConfirm/WindowConfirm.js";
-function ActionFormCancel() {
+import { B as ButtonRootStyled } from "./slots/ActionFormCancelSlots.js";
+function ActionFormCancel(props) {
+  const { className } = props;
   const { getLabel } = useModuleDictionary();
   const { openModal } = useModal();
   const { close: closeWindow, setFnQueryClose: setQueryClose } = useWindowToolsMF();
@@ -25,8 +28,8 @@ function ActionFormCancel() {
           WindowConfirm,
           {
             variant: "warning",
-            title: getLabel("common_actions.confirm_quit_title"),
-            msg: getLabel("common_actions.confirm_quit_msg"),
+            title: getLabel(DICTIONARY.CONFIRM_QUIT_TITLE),
+            msg: getLabel(DICTIONARY.CONFIRM_QUIT_MSG),
             onClickIntro: onConfirmQuit
           }
         ),
@@ -38,16 +41,16 @@ function ActionFormCancel() {
   }, [getLabel, isDirty, openModal]);
   useEffect(() => {
     setQueryClose(onClickCancel);
-  }, [onClickCancel]);
-  const classes = useCommonActionsUtilityClasses();
+  }, []);
   return /* @__PURE__ */ jsx(
-    Button,
+    ButtonRootStyled,
     {
+      ownerState: {},
       variant: "outlined",
       color: "default",
       onClick: onClickCancel,
-      className: classes.actionFormCancel,
-      label: getLabel("common_actions.cancel")
+      className: clsx(classActoinFormCancelRoot, className),
+      label: getLabel(DICTIONARY.LABEL_CANCEL)
     }
   );
 }

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

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

package/components/CommonActions/components/ActionFormCancel/ActionFormCancel.styles.js

@@ -0,0 +1,7 @@
+const actionFormCancelStyles = {
+  /** 🌳  Estilos para el componente raiz 🌳 */
+  root: () => ({})
+};
+export {
+  actionFormCancelStyles as a
+};

package/components/CommonActions/components/ActionFormCancel/constanst.d.ts

@@ -0,0 +1,6 @@
+export declare const ACTION_FORM_CANCEL_KEY_COMPONENT = "M4LActionFormCancel";
+/**
+ * Nombre de clase creado para aportar especificidad a los estilos del componente. Es usado para sobreescribir los estilos de MUI sin
+ * tener la necesidad de agregar valores en !important.
+ */
+export declare const classActoinFormCancelRoot: string;

package/components/CommonActions/components/ActionFormCancel/constanst.js

@@ -0,0 +1,7 @@
+import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
+const ACTION_FORM_CANCEL_KEY_COMPONENT = "M4LActionFormCancel";
+const classActoinFormCancelRoot = getComponentSlotRoot(ACTION_FORM_CANCEL_KEY_COMPONENT);
+export {
+  ACTION_FORM_CANCEL_KEY_COMPONENT as A,
+  classActoinFormCancelRoot as c
+};

package/components/CommonActions/components/ActionFormCancel/slots/ActionFormCancelSlots.d.ts

@@ -0,0 +1,3 @@
+export declare const ButtonRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "action" | "hidden" | "color" | "content" | "style" | "disabled" | "variant" | "translate" | "sx" | "classes" | "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" | "form" | "label" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "startIcon" | "endIcon" | "skeletonWidth" | "disableElevation" | "fullWidth" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ActionFormCancelOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').ActionFormCancelOwnerState> & Record<string, unknown>;
+}, {}, {}>;

package/components/CommonActions/components/ActionFormCancel/slots/ActionFormCancelSlots.js

@@ -0,0 +1,12 @@
+import { styled } from "@mui/material";
+import { A as ACTION_FORM_CANCEL_KEY_COMPONENT } from "../constanst.js";
+import { A as ActionFormCancelSlots } from "./ActionsFormCancelEnum.js";
+import { a as actionFormCancelStyles } from "../ActionFormCancel.styles.js";
+import { B as Button } from "../../../../mui_extended/Button/Button.js";
+const ButtonRootStyled = styled(Button, {
+  name: ACTION_FORM_CANCEL_KEY_COMPONENT,
+  slot: ActionFormCancelSlots.root
+})(actionFormCancelStyles?.root);
+export {
+  ButtonRootStyled as B
+};

package/components/CommonActions/components/ActionFormCancel/slots/ActionsFormCancelEnum.d.ts

@@ -0,0 +1,3 @@
+export declare enum ActionFormCancelSlots {
+    root = "root"
+}

package/components/CommonActions/components/ActionFormCancel/slots/ActionsFormCancelEnum.js

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

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

@@ -0,0 +1,2 @@
+export * from './ActionsFormCancelEnum';
+export * from './ActionFormCancelSlots';

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

@@ -0,0 +1 @@
+

package/components/CommonActions/components/ActionFormCancel/tests/ActionFormCancel.test.d.ts

@@ -0,0 +1 @@
+export declare const mockUseFlagsPresent: jest.Mock;

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

@@ -1,6 +1,18 @@
-import { ButtonProps } from '@mui/material';
 import { NavigateOptions, To } from 'react-router-dom';
+import { ButtonProps, Theme } from '@mui/material';
+import { Sizes } from '@m4l/styles';
+import { ActionFormCancelSlots } from './slots';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { ACTION_FORM_CANCEL_KEY_COMPONENT } from './constanst';
 export interface ActionFormCancelProps extends ButtonProps {
-    to: To;
+    to?: To;
     navigateOptions?: NavigateOptions;
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    dictionaryId?: string;
+    className?: string;
 }
+export interface ActionFormCancelOwnerState {
+    size?: Extract<Sizes, 'small' | 'medium'>;
+}
+export type ActionFormCancelType = keyof typeof ActionFormCancelSlots;
+export type ActionFormCancelStyles = OverridesStyleRules<ActionFormCancelSlots, typeof ACTION_FORM_CANCEL_KEY_COMPONENT, Theme>;

package/components/CommonActions/components/ActionIntro/slots/ActionsIntroSlots.d.ts

@@ -1,4 +1,4 @@
-declare const ActionIntroRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "action" | "hidden" | "color" | "content" | "style" | "disabled" | "variant" | "translate" | "sx" | "classes" | "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" | "form" | "label" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "startIcon" | "endIcon" | "skeletonWidth" | "disableElevation" | "fullWidth" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').ActionIntroOwnerState> & Record<string, unknown> & {
+declare const ActionIntroRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "action" | "hidden" | "color" | "content" | "style" | "disabled" | "variant" | "translate" | "sx" | "classes" | "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" | "form" | "label" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "startIcon" | "endIcon" | "skeletonWidth" | "disableElevation" | "fullWidth" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').ActionIntroOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').ActionIntroOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export { ActionIntroRootStyled };

package/components/CommonActions/dictionary.d.ts

@@ -3,4 +3,7 @@ export declare function getCommonActionsDictionary(): string[];
 export declare const defaultCommonActionsDictionary: Dictionary;
 export declare const DICTIONARY: {
     readonly LABEL_INTRO: "common_actions.intro";
+    readonly LABEL_CANCEL: "common_actions.cancel";
+    readonly CONFIRM_QUIT_TITLE: "common_actions.confirm_quit_title";
+    readonly CONFIRM_QUIT_MSG: "common_actions.confirm_quit_msg";
 };

package/components/CommonActions/dictionary.js

@@ -10,7 +10,10 @@ const defaultCommonActionsDictionary = {
   }
 };
 const DICTIONARY = {
-  LABEL_INTRO: "common_actions.intro"
+  LABEL_INTRO: "common_actions.intro",
+  LABEL_CANCEL: "common_actions.cancel",
+  CONFIRM_QUIT_TITLE: "common_actions.confirm_quit_title",
+  CONFIRM_QUIT_MSG: "common_actions.confirm_quit_msg"
 };
 export {
   DICTIONARY as D,

package/components/CommonActions/index.d.ts

@@ -1,7 +1,7 @@
 export { ActionsContainer } from './components/ActionsContainer/ActionsContainer';
 export { ActionCancel } from './components/ActionCancel';
 export { ActionIntro } from './components/ActionIntro';
-export { ActionFormCancel } from './components/ActionFormCancel';
+export { ActionFormCancel } from './components/ActionFormCancel/ActionFormCancel';
 export { ActionFormIntro } from './components/ActionFormIntro/ActionFormIntro';
 export { getCommonActionsDictionary } from './dictionary';
 export * from './dictionary';

package/components/DataGrid/formatters/ColumnBooleanFormatter/index.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
+import React from "react";
 import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/BooleanFormatter.js";
 function ColumnBooleanFormatter(props) {
-  const { fieldValue, presentationType, Component } = props;
+  const { fieldValue, presentationType, Component = React.Fragment } = props;
   return (obProps) => {
     const valueMaybeString = getPropertyByString(obProps, fieldValue);
     let fixedValue;

package/components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.d.ts

@@ -0,0 +1,10 @@
+import { ColumnBooleanFormatterProps } from './types';
+/**
+ * Función helper que retorna
+ * el formatter de la columna, el filtro y el customSort
+ */
+export declare const useColumnBoolean: <TRow>(props: ColumnBooleanFormatterProps) => {
+    formatter: (obProps: any) => import("react/jsx-runtime").JSX.Element;
+    customFilter: (row: TRow, value: string) => boolean;
+    customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
+};

package/components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js

@@ -0,0 +1,65 @@
+import { g as getFormatBoolean } from "../../../formatters/BooleanFormatter/BooleanFormatter.js";
+import { C as ColumnBooleanFormatter } from "./index.js";
+import { useModuleDictionary, getPropertyByString } from "@m4l/core";
+const getCustomBooleanFilter = (props, getLabel) => {
+  return (row, value) => {
+    const valueMaybeString = getPropertyByString(row, props.fieldValue);
+    let fixedValue;
+    if (typeof valueMaybeString === "boolean") {
+      fixedValue = valueMaybeString;
+    } else {
+      fixedValue = void 0;
+    }
+    return getFormatBoolean(
+      props.presentationType,
+      fixedValue,
+      getLabel
+    ).includes(value);
+  };
+};
+const getCustomBooleanSort = (props, getLabel) => {
+  return (a, b) => {
+    const valueMaybeStringA = getPropertyByString(a, props.fieldValue);
+    const valueMaybeStringB = getPropertyByString(b, props.fieldValue);
+    let fixedValueA;
+    let fixedValueB;
+    if (typeof valueMaybeStringA === "boolean") {
+      fixedValueA = valueMaybeStringA;
+    } else {
+      fixedValueA = void 0;
+    }
+    if (typeof valueMaybeStringB === "boolean") {
+      fixedValueB = valueMaybeStringB;
+    } else {
+      fixedValueB = void 0;
+    }
+    const valueA = getFormatBoolean(
+      props.presentationType,
+      fixedValueA,
+      getLabel
+    );
+    const valueB = getFormatBoolean(
+      props.presentationType,
+      fixedValueB,
+      getLabel
+    );
+    if (valueA > valueB) {
+      return 1;
+    }
+    if (valueA < valueB) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnBoolean = (props) => {
+  const { getLabel } = useModuleDictionary();
+  return {
+    formatter: ColumnBooleanFormatter(props),
+    customFilter: getCustomBooleanFilter(props, getLabel),
+    customSort: getCustomBooleanSort(props, getLabel)
+  };
+};
+export {
+  useColumnBoolean as u
+};

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
+import React from "react";
 import { C as ConcatenatedFormatter } from "../../../formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 function ColumnConcatenatedValueFormatter(props) {
-  const { fieldValue, fieldSeparator, Component } = props;
+  const { fieldValue, fieldSeparator, Component = React.Fragment } = props;
   return (obProps) => {
     const values = fieldValue.map((element) => {
       const valueMaybeString = getPropertyByString(obProps, element);

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/types.d.ts

@@ -1,6 +1,6 @@
 import { ElementType } from 'react';
 export interface ColumnConcatenatedValuesFormatterProps {
     Component?: ElementType;
-    fieldValue: Array<string>;
+    fieldValue: string[];
     fieldSeparator: string;
 }

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/useColumnConcatenatedValue.d.ts

@@ -0,0 +1,9 @@
+import { ColumnConcatenatedValuesFormatterProps } from './types';
+/**
+ * Funcion helper que retorna el formatter, filter y customSort de la columna concatenada.
+ */
+export declare const useColumnConcatenatedValue: <TRow>(props: ColumnConcatenatedValuesFormatterProps) => {
+    formatter: (obProps: any) => import("react/jsx-runtime").JSX.Element;
+    customFilter: (row: TRow, value: string) => boolean;
+    customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
+};

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/useColumnConcatenatedValue.js

@@ -0,0 +1,49 @@
+import { getPropertyByString } from "@m4l/core";
+import { C as ColumnConcatenatedValueFormatter } from "./index.js";
+import { g as getColumnKey } from "../../helpers/getColumnKey.js";
+import { g as getFormatConcatenated } from "../../../formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
+const getArrayValuesWithFieldValue = (row, fieldValue) => {
+  const values = fieldValue.map((element) => {
+    const keyWiouthRow = getColumnKey(element);
+    const valueMaybeString = getPropertyByString(row, keyWiouthRow);
+    let fixedValue;
+    if (typeof valueMaybeString === "string" || typeof valueMaybeString === "number") {
+      fixedValue = valueMaybeString.toString();
+    } else {
+      fixedValue = "";
+    }
+    return fixedValue;
+  });
+  return values;
+};
+const getCustomContatenatedValueFilter = (props) => {
+  return (row, value) => {
+    const values = getArrayValuesWithFieldValue(row, props.fieldValue);
+    return getFormatConcatenated(values, props.fieldSeparator).includes(value);
+  };
+};
+const getCustomConcatenatedValueSort = (props) => {
+  return (a, b) => {
+    const arrayA = getArrayValuesWithFieldValue(a, props.fieldValue);
+    const arrayB = getArrayValuesWithFieldValue(b, props.fieldValue);
+    const valueA = getFormatConcatenated(arrayA, props.fieldSeparator);
+    const valueB = getFormatConcatenated(arrayB, props.fieldSeparator);
+    if (valueA > valueB) {
+      return 1;
+    }
+    if (valueA < valueB) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnConcatenatedValue = (props) => {
+  return {
+    formatter: ColumnConcatenatedValueFormatter(props),
+    customFilter: getCustomContatenatedValueFilter(props),
+    customSort: getCustomConcatenatedValueSort(props)
+  };
+};
+export {
+  useColumnConcatenatedValue as u
+};

package/components/DataGrid/formatters/ColumnDateFormatter/index.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
+import React from "react";
 import { D as DateFormatter } from "../../../formatters/DateFormatter/DateFormatter.js";
 function ColumnDateFormatter(props) {
-  const { fieldValue, presentationType, Component } = props;
+  const { fieldValue, presentationType, Component = React.Fragment } = props;
   return (obProps) => {
     const valueMaybeDateStringNumber = getPropertyByString(obProps, fieldValue);
     let fixedValue;

package/components/DataGrid/formatters/ColumnDateFormatter/useColumnDate.d.ts

@@ -0,0 +1,14 @@
+import { ColumnDateFormatterProps } from './types';
+/**
+ * funcion para filtrar por fecha en una columna
+ */
+export declare const useCustomDateFilter: <TRow>(props: ColumnDateFormatterProps) => (row: TRow, value: string) => boolean;
+/**
+ * Funcion helper que retorna el formatter,
+ * customFilter y customSort de una columna de fecha
+ */
+export declare const useColumnDate: <TRow>(props: ColumnDateFormatterProps) => {
+    formatter: (obProps: any) => import("react/jsx-runtime").JSX.Element;
+    customFilter: (row: TRow, value: string) => boolean;
+    customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
+};

package/components/DataGrid/formatters/ColumnDateFormatter/useColumnDate.js

@@ -0,0 +1,50 @@
+import { getPropertyByString } from "@m4l/core";
+import { g as getFormatDate } from "../../../formatters/DateFormatter/DateFormatter.js";
+import { C as ColumnDateFormatter } from "./index.js";
+import { g as getColumnKey } from "../../helpers/getColumnKey.js";
+import { useFormatter } from "@m4l/graphics";
+const useCustomDateFilter = (props) => {
+  const { dateFormatter } = useFormatter();
+  return (row, value) => {
+    const fieldValue = getColumnKey(props.fieldValue);
+    const rawValue = getPropertyByString(row, fieldValue);
+    let dateValue = null;
+    if (typeof rawValue === "string") {
+      dateValue = new Date(rawValue);
+    } else if (rawValue instanceof Date) {
+      dateValue = rawValue;
+    }
+    if (!dateValue || isNaN(dateValue.getTime())) {
+      return false;
+    }
+    const formattedDate = getFormatDate(props.presentationType, dateValue, dateFormatter, props.format);
+    return formattedDate.includes(value);
+  };
+};
+const getCustomDateSort = (props) => {
+  return (a, b) => {
+    const key = getColumnKey(props.fieldValue);
+    const valueMaybeDateStringNumberA = getPropertyByString(a, key);
+    const valueMaybeDateStringNumberB = getPropertyByString(b, key);
+    const fixedValueA = new Date(valueMaybeDateStringNumberA);
+    const fixedValueB = new Date(valueMaybeDateStringNumberB);
+    if (fixedValueA.getTime() > fixedValueB.getTime()) {
+      return 1;
+    }
+    if (fixedValueA.getTime() < fixedValueB.getTime()) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnDate = (props) => {
+  const customFilter = useCustomDateFilter(props);
+  return {
+    formatter: ColumnDateFormatter(props),
+    customFilter,
+    customSort: getCustomDateSort(props)
+  };
+};
+export {
+  useColumnDate as u
+};

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/useColumnInteractiveCheck.d.ts

@@ -0,0 +1,12 @@
+import { ColumnInteractiveCheckFormatterProps } from './types';
+/**
+ * Función que retorna para una columna "check":
+ * - formatter: ColumnInteractiveCheckFormatter
+ * - filter: getCustomInteractiveCheckFilter
+ * - customSort: getCustomInteractiveCheckSort
+ */
+export declare const useColumnInteractiveCheck: <TRow>(props: ColumnInteractiveCheckFormatterProps<TRow>) => {
+    formatter: import("react/jsx-runtime").JSX.Element;
+    filter: (row: TRow, value: boolean) => boolean;
+    customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
+};

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/useColumnInteractiveCheck.js

@@ -0,0 +1,29 @@
+import { C as ColumnInteractiveCheckFormatter } from "./index.js";
+const getCustomInteractiveCheckFilter = (props) => {
+  return (row, value) => {
+    return row[props.column.key] === value;
+  };
+};
+const getCustomInteractiveCheckSort = (props) => {
+  return (a, b) => {
+    const valueA = a[props.column.key];
+    const valueB = b[props.column.key];
+    if (valueA > valueB) {
+      return 1;
+    }
+    if (valueA < valueB) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnInteractiveCheck = (props) => {
+  return {
+    formatter: ColumnInteractiveCheckFormatter(props),
+    filter: getCustomInteractiveCheckFilter(props),
+    customSort: getCustomInteractiveCheckSort(props)
+  };
+};
+export {
+  useColumnInteractiveCheck as u
+};

package/components/DataGrid/formatters/ColumnNestedValueFormatter/index.js

@@ -5,7 +5,7 @@ function ColumnNestedValueFormatter(props) {
   const { fieldValue, Component = WrapperComponent } = props;
   return (obProps) => {
     const property = getPropertyByString(obProps, fieldValue);
-    const value = typeof property === "object" ? "" : property;
+    const value = typeof property === "object" ? JSON.stringify(property) : property;
     return /* @__PURE__ */ jsx(Component, { children: value });
   };
 }

package/components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.d.ts

@@ -0,0 +1,10 @@
+import { ColumnNestedValueFormatterProps } from './types';
+/**
+ * Funcion que retorna el formatter, customFilter y customSort
+ * de la columna para ColumnNestedValueFormatter.
+ */
+export declare const useColumnNestedValue: <TRow>(props: ColumnNestedValueFormatterProps) => {
+    formatter: (obProps: any) => import("react/jsx-runtime").JSX.Element;
+    customFilter: (row: TRow, value: string) => boolean;
+    customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
+};