@m4l/components 6.0.1 → 7.0.0-alpha1

package/@types/types.d.ts

@@ -34,6 +34,13 @@ import { LabelOwnerState, LabelSlotsType } from '../components/Label/types';
 type Theme = Omit<MuiTheme, 'components'>;
 import { TooltipOwnerState, TooltipSlotsType } from '../components/mui_extended/Tooltip/types';
 
+import type {
+  IconButtonOwnerState,
+  IconButtonSlotsType,
+} from '../components/mui_extended/IconButton/types';
+
+import type { BadgeSlotsType, BadgeOwnerState } from '../components/mui_extended/Badge/types';
+
 declare module '@mui/material/styles' {
   // Define the slots in the theme
   interface ComponentNameToClassKey {
@@ -49,6 +56,8 @@ declare module '@mui/material/styles' {
     M4LHelperError: HelperErrorOwnerSlotsType;
     M4LLabel: LabelSlotsType;
     M4LTooltip: TooltipSlotsType;
+    M4LIconButton: IconButtonSlotsType;
+    M4LBadge: BadgeSlotsType;
   }
 
   interface ComponentsPropsList {
@@ -65,6 +74,8 @@ declare module '@mui/material/styles' {
     M4LHelperError: Partial<HelperErrorOwnerState>;
     M4LLabel: Partial<LabelOwnerState>;
     M4LTooltip: Partial<TooltipOwnerState>;
+    M4LIconButton: Partial<IconButtonOwnerState>;
+    M4LBadge: Partial<BadgeOwnerState>;
   }
 
   interface Components {
@@ -128,5 +139,15 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LTooltip'];
       variants?: ComponentsVariants['M4LTooltip'];
     };
+    M4LIconButton?: {
+      defaultProps?: ComponentsPropsList['M4LIconButton'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LIconButton'];
+      variants?: ComponentsVariants['M4LIconButton'];
+    };
+    M4LBadge?: {
+      defaultProps?: ComponentsPropsList['M4LBadge'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LBadge'];
+      variants?: ComponentsVariants['M4LBadge'];
+    };
   }
 }

package/components/GridLayout/classes/index.d.ts

@@ -1,4 +1,4 @@
 import { GridLayoutClasses } from './types';
 export declare const gridLayoutClasses: GridLayoutClasses;
-export declare const useUtilityClasses: () => Record<"static" | "root" | "dragging" | "colapsed" | "resizing" | "gridItemRoot" | "gridItemPlaceholder" | "gridItemFreeMove" | "maximizeMe" | "maximizeOther" | "resizeHide" | "invisible" | "cssTransforms", string>;
+export declare const useUtilityClasses: () => Record<"static" | "root" | "dragging" | "invisible" | "colapsed" | "resizing" | "gridItemRoot" | "gridItemPlaceholder" | "gridItemFreeMove" | "maximizeMe" | "maximizeOther" | "resizeHide" | "cssTransforms", string>;
 export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/Icon/types.d.ts

@@ -33,7 +33,7 @@ export interface IconProps extends Pick<TooltipProps, 'placement'> {
     /**
      * Esquema de color a aplicar al componente de los valores definidos en 'ColorSchemeComponent'.
      */
-    color?: 'primary.main' | 'text.primary' | 'primary.contrastText' | 'info.main' | 'succes.main' | 'error.main' | 'warning.main';
+    color?: 'primary.main' | 'text.primary' | 'primary.contrastText' | 'info.main' | 'success.main' | 'error.main' | 'warning.main';
     /**
      * Clase externa
      */

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/styles.d.ts

@@ -1 +1 @@
-export declare const RHFormProviderStyled: import("@emotion/styled").StyledComponent<import("../../../../../../../../contexts/RHFormContext/types").FormProviderProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const RHFormProviderStyled: import("@emotion/styled").StyledComponent<import("../../../../../../../hook-form/RHFormContext/types").FormProviderProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/components/mui_extended/Badge/Badge.styles.d.ts

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

package/components/mui_extended/Badge/constants.d.ts

@@ -0,0 +1 @@
+export declare const BADGE_LABEL_KEY_COMPONENT = "M4LBadge";

package/components/mui_extended/Badge/slots/BadgeEnum.d.ts

@@ -0,0 +1,3 @@
+export declare enum BadgeSlots {
+    rootBadge = "rootBadge"
+}

package/components/mui_extended/Badge/slots/BadgeSlots.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const BadgeRootStyled: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").BadgeOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "className" | "style" | "color" | "components" | "sx" | "classes" | "componentsProps" | "slotProps" | "slots" | "badgeContent" | "anchorOrigin" | "invisible" | "max" | "overlap" | "showZero" | "variant">, "children" | "className" | "onResize" | "style" | "color" | "hidden" | "slot" | "title" | "onChange" | "dir" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "components" | "content" | "translate" | "sx" | "ref" | "key" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "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-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" | "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" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "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" | "componentsProps" | "slotProps" | "slots" | "badgeContent" | "anchorOrigin" | "invisible" | "max" | "overlap" | "showZero" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").BadgeOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").BadgeOwnerState> & Record<string, unknown>;
+}, {}, {}>;

package/components/mui_extended/Badge/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgeEnum';
+export * from './BadgeSlots';

package/components/mui_extended/Badge/types.d.ts

@@ -1,4 +1,13 @@
 import { BadgeProps as MUIBadgeProps } from '@mui/material';
+import { Theme } from '@mui/material/styles';
+import { BADGE_LABEL_KEY_COMPONENT } from './constants';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { BadgeSlots } from './slots';
+import { Sizes } from '@m4l/styles';
 export interface BadgeProps extends MUIBadgeProps {
     dataTestId?: string;
+    size?: Sizes;
 }
+export declare type BadgeSlotsType = keyof typeof BadgeSlots;
+export declare type BadgeOwnerState = {};
+export declare type BadgeStyles = Partial<OverridesStyleRules<BadgeSlotsType, typeof BADGE_LABEL_KEY_COMPONENT, Theme> | undefined> | undefined;

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

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

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

@@ -0,0 +1 @@
+export declare const ICON_BUTTON_KEY_COMPONENT = "M4LIconButton";

package/components/mui_extended/IconButton/helpers/evalIconColor.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPalletColor } from '@m4l/styles';
+import { IconButtonVariants } from '../types';
+import { IconProps } from '../../../Icon/types';
+/**
+ * Evalúa el color correcto según figma para ser usado en el slot icon.
+*/
+export declare const evalIconColor: (color: ComponentPalletColor, variant: IconButtonVariants) => IconProps['color'];

package/components/mui_extended/IconButton/slots/IconButtonEnum.d.ts

@@ -0,0 +1,5 @@
+export declare enum IconButtonSlots {
+    styledMUIIconButton = "styledMUIIconButton",
+    icon = "icon",
+    badgeIconButton = "badgeIconButton"
+}

package/components/mui_extended/IconButton/slots/IconButtonSlots.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const StyledMUIIconButton: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | "className" | "style" | "color" | "size" | "action" | "sx" | "classes" | "tabIndex" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge">, "value" | "children" | "className" | "onResize" | "style" | "color" | "hidden" | "form" | "slot" | "title" | "size" | "type" | "name" | "onChange" | "action" | "dir" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "content" | "translate" | "sx" | "ref" | "key" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "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-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" | "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" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "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" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").IconButtonOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").IconButtonOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const IconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../../Icon").IconProps, keyof import("../../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").IconButtonOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").IconButtonOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const BadgeStyled: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").BadgeOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "className" | "style" | "color" | "components" | "sx" | "classes" | "componentsProps" | "slotProps" | "slots" | "badgeContent" | "anchorOrigin" | "invisible" | "max" | "overlap" | "showZero" | "variant">, "children" | "className" | "onResize" | "style" | "color" | "hidden" | "slot" | "title" | "onChange" | "dir" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "components" | "content" | "translate" | "sx" | "ref" | "key" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "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-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" | "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" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "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" | "componentsProps" | "slotProps" | "slots" | "badgeContent" | "anchorOrigin" | "invisible" | "max" | "overlap" | "showZero" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").IconButtonOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").IconButtonOwnerState> & Record<string, unknown>;
+}, {}, {}>;

package/components/mui_extended/IconButton/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IconButtonEnum';
+export * from './IconButtonSlots';

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

@@ -1,35 +1,27 @@
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
-import { Theme } from '@mui/material/styles';
+import { PaletteColor, Theme } from '@mui/material/styles';
 import { IconProps } from '../../Icon/types';
 import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
-export declare type IconButtonVariants = 'primary' | 'secondary' | 'line';
+import { ComponentPalletColor, Sizes } from '@m4l/styles';
+import { ICON_BUTTON_KEY_COMPONENT } from './constants';
+import { IconButtonSlots } from './slots';
+import { BadgeProps } from '../Badge';
+export declare type IconButtonVariants = 'contained' | 'outline' | 'text';
 export declare type IconButtonSize = 'small' | 'medium';
-export interface IconButtonProps extends Omit<IconProps, 'size'>, Omit<MUIIconButtonProps, 'size' | 'color'> {
+export interface IconButtonProps extends Omit<IconProps, 'size' | 'color'>, Omit<MUIIconButtonProps, 'size' | 'color' | 'disabled'>, Pick<BadgeProps, 'badgeContent'> {
     tooltip?: string;
     dictionaryTooltipId?: string;
     variant?: IconButtonVariants;
-    size?: IconButtonSize;
-}
-export interface OwnerState {
-    variant: IconButtonVariants;
-    size: IconButtonSize;
-    isSkeleton: boolean;
-    isFocus: boolean;
-    isDisabled?: boolean;
-}
-export declare enum IconButtonSlots {
-    root = "root",
-    skeleton = "skeleton",
-    sizemSall = "sizemSall",
-    sizeMedium = "sizeMedium",
-    variantPrimary = "variantPrimary",
-    variantSecondary = "variantSecondary",
-    variantLine = "variantLine",
-    isFocus = "isFocus",
-    isDisabled = "isDisabled",
-    /**Toggle */
-    togglePressed = "togglePressed",
-    toggleNotPressed = "toggleNotPressed"
+    size?: Sizes;
+    withBadge?: boolean;
+    componentPaletteColor?: ComponentPalletColor;
+    disabled?: boolean;
 }
+export declare type OwnerState = Pick<IconButtonProps, 'size' | 'variant' | 'componentPaletteColor'> & {
+    disabled?: boolean;
+    paletteColor: PaletteColor;
+};
 export declare type IconButtonSlotsType = keyof typeof IconButtonSlots;
-export declare type IconButtonStyles = Partial<OverridesStyleRules<IconButtonSlotsType, 'M4LIconButton', Theme> | undefined> | undefined;
+export interface IconButtonOwnerState extends IconButtonProps, OwnerState {
+}
+export declare type IconButtonStyles = Partial<OverridesStyleRules<IconButtonSlotsType, typeof ICON_BUTTON_KEY_COMPONENT, Theme> | undefined> | undefined;

package/contexts/index.d.ts

@@ -1,7 +1,7 @@
 export { DynamicMFParmsProvider, DynamicMFParmsContext, MemonizedDynamicMFParmsProvider, } from '../components/areas/contexts/DynamicMFParmsContext';
 export * from './ModalContext/index';
 export * from './ModalContext/types';
-export type { FormInitialValues, FormStatusLoad } from './RHFormContext/types';
-export { RHFormProvider, FormProviderCustom, useCustomForm } from './RHFormContext';
-export { getFormComponentsDictionary } from './RHFormContext/dictionary';
+export type { FormInitialValues, FormStatusLoad, } from '../components/hook-form/RHFormContext/types';
+export { RHFormProvider, FormProviderCustom, useCustomForm, } from '../components/hook-form/RHFormContext';
+export { getFormComponentsDictionary } from '../components/hook-form/RHFormContext/dictionary';
 export { useAppearanceComponentStore, AppearanceComponentProvider, } from './AppearanceComponentContext';

package/hooks/useFormAddEdit/index.d.ts

@@ -1,4 +1,4 @@
-import { FormStatusLoad } from '../../contexts/RHFormContext/types';
+import { FormStatusLoad } from '../../components/hook-form/RHFormContext/types';
 import { UseFormAddEditProps } from './types';
 import { FieldValues } from 'react-hook-form';
 export declare function useFormAddEdit<TValues extends FieldValues = FieldValues, TEndpointValues extends FieldValues = FieldValues>(props: UseFormAddEditProps<TValues, TEndpointValues>): {

package/index.js

@@ -1,4 +1,4 @@
-import { x, s, bM, bA, as, au, av, at, ar, A, by, bG, cl, k, p, o, l, bN, bR, bL, _, bO, bP, c1, c2, bQ, ah, aj, ai, al, ag, af, ak, am, ae, aX, a6, D, a0, ac, ay, ao, ce, cd, ch, aA, bH, bo, ap, I, c0, c, aL, c3, w, aq, aJ, bS, aK, bT, aM, bU, bb, L, bK, bd, aR, aT, aN, aP, aZ, aS, aW, cf, b_, bZ, cn, b5, cm, M, d, b, bf, N, bi, bm, bV, bl, bn, a8, a3, a_, c4, bE, bD, bF, a9, aI, P, bp, R, B, V, Q, E, H, F, J, O, G, X, Y, Z, cg, bq, br, aB, bs, S, bJ, bx, bt, c5, bX, c7, c9, c8, c6, T, bu, bw, cb, cc, b$, bI, ca, a1, ba, b9, m, W, aD, aC, aE, a$, b0, n, bv, ax, b8, bh, bk, az, bB, bz, t, y, aw, g, a, ab, an, cj, a5, $, a7, a4, aa, ad, bc, be, aV, aQ, aY, bY, b7, b6, bg, bj, bW, K, C, z, U, a2, cr, aG, aF, b1, b2, b3, b4, ck, cu, ci, u, co, cs, ct, aO, aU, cp, bC, r, cv, cq, q, e, f, v, i, j, h, aH } from "./vendor-B-B0U9GM.js";
+import { x, s, bM, bA, as, au, av, at, ar, A, by, bG, cl, k, p, o, l, bN, bR, bL, _, bO, bP, c1, c2, bQ, ah, aj, ai, al, ag, af, ak, am, ae, aX, a6, D, a0, ac, ay, ao, ce, cd, ch, aA, bH, bo, ap, I, c0, c, aL, c3, w, aq, aJ, bS, aK, bT, aM, bU, bb, L, bK, bd, aR, aT, aN, aP, aZ, aS, aW, cf, b_, bZ, cn, b5, cm, M, d, b, bf, N, bi, bm, bV, bl, bn, a8, a3, a_, c4, bE, bD, bF, a9, aI, P, bp, R, B, V, Q, E, H, F, J, O, G, X, Y, Z, cg, bq, br, aB, bs, S, bJ, bx, bt, c5, bX, c7, c9, c8, c6, T, bu, bw, cb, cc, b$, bI, ca, a1, ba, b9, m, W, aD, aC, aE, a$, b0, n, bv, ax, b8, bh, bk, az, bB, bz, t, y, aw, g, a, ab, an, cj, a5, $, a7, a4, aa, ad, bc, be, aV, aQ, aY, bY, b7, b6, bg, bj, bW, K, C, z, U, a2, cr, aG, aF, b1, b2, b3, b4, ck, cu, ci, u, co, cs, ct, aO, aU, cp, bC, r, cv, cq, q, e, f, v, i, j, h, aH } from "./vendor-BLNnjAkx.js";
 export {
   x as AREAS_DICCTIONARY,
   s as AREAS_DICTIONARY_ID,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "6.0.1",
+  "version": "7.0.0alpha1",
   "license": "UNLICENSED",
   "lint-staged": {
     "src/**/*.{js,ts,jsx,tsx}": "eslint --max-warnings=0 --fix",
@@ -26,8 +26,8 @@
     "leaflet.markercluster": "^1.5.3",
     "lodash.clonedeep": "^4.0.0",
     "lodash.debounce": "^4.0.0",
-    "lodash.throttle": "^4.0.0",
     "lodash.merge": "^4.0.0",
+    "lodash.throttle": "^4.0.0",
     "npm": "^9.6.2",
     "qrcode.react": "^3.1.0",
     "react-chartjs-2": "^5.2.0",
@@ -45,6 +45,7 @@
     "react-transition-group": "^4.4.5",
     "simplebar-react": "3.2.6",
     "storybook": "8.2.9",
+    "storybook-addon-pseudo-states": "^4.0.2",
     "yup": "^0.32.11",
     "zustand": "4.3.6"
   },