@m4l/components 9.2.11 → 9.2.12

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

@@ -10,42 +10,15 @@ export declare const InputFilterStyled: import('@emotion/styled').StyledComponen
 export declare const InputFilterInputStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, Pick<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('react').ClassAttributes<HTMLInputElement> | keyof import('react').InputHTMLAttributes<HTMLInputElement>>, {}>;
-export declare const InputFilterIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, {}, {}>;
 export declare const AppliedFiltersStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const AppliedFilterInnerContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const AppliedFilterChipStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const AppliedFilterChipIconStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "selected" | "disabled" | "action" | "hidden" | "content" | "style" | "icon" | "tooltip" | "variant" | "translate" | "className" | "classes" | "src" | "sx" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "instaceDataTestId" | "rotationAngle" | "placement" | "tooltipContent" | "componentPaletteColor" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "badgeContent" | "dictionaryTooltipId" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, {}, {}>;
-export declare const AppliedFilterChipInfoStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('react').ClassAttributes<HTMLButtonElement> | keyof import('react').ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
-export declare const AppliedFilterChipInfoFieldNameStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
-export declare const AppliedFilterChipInfoOperatorStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
-export declare const AppliedFilterChipInfoOperandsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
-export declare const AppliedFilterChipRemoveButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "selected" | "disabled" | "action" | "hidden" | "content" | "style" | "icon" | "tooltip" | "variant" | "translate" | "className" | "classes" | "src" | "sx" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "instaceDataTestId" | "rotationAngle" | "placement" | "tooltipContent" | "componentPaletteColor" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "badgeContent" | "dictionaryTooltipId" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, {}, {}>;
 export declare const ActionsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const ActionsSkeletonButtonStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const ActionsClearButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "selected" | "disabled" | "action" | "hidden" | "content" | "style" | "icon" | "tooltip" | "variant" | "translate" | "className" | "classes" | "src" | "sx" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "instaceDataTestId" | "rotationAngle" | "placement" | "tooltipContent" | "componentPaletteColor" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "badgeContent" | "dictionaryTooltipId" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
@@ -55,15 +28,6 @@ export declare const ActionsSubmitButtonStyled: import('@emotion/styled').Styled
 export declare const PopoverMenuStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Popover/types').PopoverProps, keyof import('../../mui_extended/Popover/types').PopoverProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverMenuItemStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/MenuItem').MenuItemProps, keyof import('../../mui_extended/MenuItem').MenuItemProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, {}, {}>;
-export declare const PopoverMenuItemIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, {}, {}>;
-export declare const PopoverMenuItemLabelStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const PopoverStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Popover/types').PopoverProps, keyof import('../../mui_extended/Popover/types').PopoverProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
@@ -73,12 +37,15 @@ export declare const PopoverContainerFieldsStyled: import('@emotion/styled').Sty
 export declare const PopoverHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PopoverHeaderIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+export declare const ContentFilterStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
-}, {}, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 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/styles').Theme> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export declare const PopoverHeaderActionsStyled: import('@emotion/styled').StyledComponent<Pick<import('../../CommonActions/components/ActionsContainer').ActionsContainerProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../../CommonActions/components/ActionsContainer').ActionsContainerProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
+export declare const InputFilterInputSkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Skeleton/types').SkeletonProps, keyof import('../../mui_extended/Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
+}, {}, {}>;

package/components/DynamicFilter/slots/dynamicFilterSlots.js

@@ -1,16 +1,16 @@
 import { styled } from "@mui/material/styles";
 import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants.js";
-import { D as DynamicFilterSlots } from "./SlotsEnum.js";
 import { d as dynamicFilterStyles } from "../DynamicFIlter.styles.js";
+import { D as DynamicFilterSlots } from "./SlotsEnum.js";
+import { S as Skeleton } from "../../mui_extended/Skeleton/Skeleton.js";
 import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";
 import { T as Typography } from "../../mui_extended/Typography/Typography.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";
-import { M as MenuItem } from "../../mui_extended/MenuItem/MenuItem.js";
-const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
-  dynamicFilterStyles?.root
-);
+const RootStyled = styled("div", {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.root
+})(dynamicFilterStyles?.root);
 const InnerContainerStyled = styled("div", {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.innerContainer
@@ -23,10 +23,6 @@ const InputFilterInputStyled = styled("input", {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.inputFilterInput
 })(dynamicFilterStyles?.inputFilterInput);
-const InputFilterIconStyled = styled(Icon, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.inputFilterIcon
-})(dynamicFilterStyles?.inputFilterIcon);
 const AppliedFiltersStyled = styled("div", {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.appliedFilters
@@ -35,42 +31,10 @@ const AppliedFilterInnerContainerStyled = styled("div", {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.appliedFilterInnerContainer
 })(dynamicFilterStyles?.appliedFilterInnerContainer);
-const AppliedFilterChipStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChip
-})(dynamicFilterStyles?.appliedFilterChip);
-const AppliedFilterChipIconStyled = styled(IconButton, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChipIcon
-})(dynamicFilterStyles?.appliedFilterChipIcon);
-const AppliedFilterChipInfoStyled = styled("button", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChipInfo
-})(dynamicFilterStyles?.appliedFilterChipInfo);
-const AppliedFilterChipInfoFieldNameStyled = styled("span", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChipInfoFieldName
-})(dynamicFilterStyles?.appliedFilterChipInfoFieldName);
-const AppliedFilterChipInfoOperatorStyled = styled("span", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChipInfoOperator
-})(dynamicFilterStyles?.appliedFilterChipInfoOperator);
-const AppliedFilterChipInfoOperandsStyled = styled("span", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChipInfoOperands
-})(dynamicFilterStyles?.appliedFilterChipInfoOperands);
-const AppliedFilterChipRemoveButtonStyled = styled(IconButton, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.appliedFilterChipRemoveButton
-})(dynamicFilterStyles?.appliedFilterChipRemoveButton);
 const ActionsStyled = styled("div", {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.actions
 })(dynamicFilterStyles?.actions);
-const ActionsSkeletonButtonStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.actionsSkeletonButton
-})(dynamicFilterStyles?.actionsSkeletonButton);
 const ActionsClearButtonStyled = styled(IconButton, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.actionsClearButton
@@ -83,18 +47,6 @@ const PopoverMenuStyled = styled(Popover, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverMenu
 })(dynamicFilterStyles?.popoverMenu);
-const PopoverMenuItemStyled = styled(MenuItem, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverMenuItem
-})(dynamicFilterStyles?.popoverMenuItem);
-styled(Icon, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverMenuItemIcon
-})(dynamicFilterStyles?.popoverMenuItemIcon);
-styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverMenuItemLabel
-})(dynamicFilterStyles?.popoverMenuItemLabel);
 const PopoverStyled = styled(Popover, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverFilter
@@ -107,10 +59,10 @@ const PopoverHeaderStyled = styled("div", {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverFilterHeader
 })(dynamicFilterStyles?.popoverFilterHeader);
-const PopoverHeaderIconStyled = styled(Icon, {
+const ContentFilterStyled = styled("div", {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverFilterHeaderIcon
-})(dynamicFilterStyles?.popoverFilterHeaderIcon);
+  slot: DynamicFilterSlots.contentFilter
+})(dynamicFilterStyles?.contentFilter);
 const PopoverHeaderTitleStyled = styled(Typography, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverFilterHeaderTitle
@@ -119,31 +71,26 @@ const PopoverHeaderActionsStyled = styled(ActionsContainer, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverFilterActions
 })(dynamicFilterStyles?.popoverFilterActions);
+const InputFilterInputSkeletonStyled = styled(Skeleton, {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.inputFilterInputSkeleton
+})(dynamicFilterStyles?.inputFilterInputSkeleton);
 export {
-  AppliedFilterChipStyled as A,
+  AppliedFiltersStyled as A,
+  ContentFilterStyled as C,
   InnerContainerStyled as I,
   PopoverStyled as P,
   RootStyled as R,
-  AppliedFilterChipIconStyled as a,
-  AppliedFilterChipInfoStyled as b,
-  AppliedFilterChipInfoFieldNameStyled as c,
-  AppliedFilterChipInfoOperatorStyled as d,
-  AppliedFilterChipInfoOperandsStyled as e,
-  AppliedFilterChipRemoveButtonStyled as f,
-  AppliedFiltersStyled as g,
-  AppliedFilterInnerContainerStyled as h,
-  ActionsStyled as i,
-  ActionsClearButtonStyled as j,
-  ActionsSubmitButtonStyled as k,
-  ActionsSkeletonButtonStyled as l,
-  InputFilterStyled as m,
-  InputFilterIconStyled as n,
-  InputFilterInputStyled as o,
-  PopoverHeaderStyled as p,
-  PopoverHeaderIconStyled as q,
-  PopoverHeaderTitleStyled as r,
-  PopoverContainerFieldsStyled as s,
-  PopoverHeaderActionsStyled as t,
-  PopoverMenuStyled as u,
-  PopoverMenuItemStyled as v
+  AppliedFilterInnerContainerStyled as a,
+  ActionsStyled as b,
+  ActionsClearButtonStyled as c,
+  ActionsSubmitButtonStyled as d,
+  InputFilterStyled as e,
+  InputFilterInputSkeletonStyled as f,
+  InputFilterInputStyled as g,
+  PopoverHeaderStyled as h,
+  PopoverHeaderTitleStyled as i,
+  PopoverContainerFieldsStyled as j,
+  PopoverHeaderActionsStyled as k,
+  PopoverMenuStyled as l
 };

package/components/DynamicFilter/store/DynamicFilterContext.js

@@ -4,10 +4,11 @@ import { useStore } from "zustand";
 import { shallow } from "zustand/shallow";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { useIsMobile, useFirstRender } from "@m4l/graphics";
-import { c as createDynamicFilterStore } from "./DynamicFilterStore.js";
 import { A as ALL_FIELD } from "../constants.js";
 import { f as formatToRawFilter } from "../helpers/formatToRowFilter.js";
 import { f as formatToInitialFilters } from "../helpers/formatToInitialFilters.js";
+import { c as createDynamicFilterStore } from "./DynamicFilterStore.js";
+import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 const DynamicFilterContext = createContext(null);
 function DynamicFilterProvider(props) {
   const {
@@ -17,10 +18,13 @@ function DynamicFilterProvider(props) {
     initialAppliedFilters = [],
     onChangeFilters,
     dataTestId = "",
+    size = "medium",
     children,
     storeId,
     storeDevtoolsEnabled = false
   } = props;
+  const { currentSize } = useComponentSize(size);
+  const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
   const { getLabel } = useModuleDictionary();
   const dynamicFilterStoreRef = useRef();
   const { host_static_assets, environment_assets } = useEnvironment();
@@ -38,6 +42,7 @@ function DynamicFilterProvider(props) {
       automatic,
       getLabel,
       dataTestId,
+      size,
       storeId,
       ownerState: {
         isSkeleton,
@@ -45,7 +50,8 @@ function DynamicFilterProvider(props) {
         inEdition: false,
         isValid: true,
         isMobile: !isDesktop,
-        isEmpty: true
+        isEmpty: true,
+        size
       }
     }, storeDevtoolsEnabled);
     dynamicFilterStoreRef.current.getState().actions.init(initialAppliedFilters);
@@ -73,6 +79,15 @@ function DynamicFilterProvider(props) {
     }
     dynamicFilterStoreRef.current?.getState().actions.setExternalState({ isMobile: !isDesktop, isSkeleton });
   }, [isDesktop, isSkeleton]);
+  useEffect(() => {
+    if (automatic) {
+      dynamicFilterStoreRef.current?.getState().actions.fireOnChangeFilters();
+      return;
+    }
+  }, []);
+  useEffect(() => {
+    dynamicFilterStoreRef.current?.getState().actions.setSize(adjustedSize);
+  }, [adjustedSize]);
   return /* @__PURE__ */ jsx(DynamicFilterContext.Provider, { value: dynamicFilterStoreRef.current, children });
 }
 export {

package/components/DynamicFilter/store/DynamicFilterStore.js

@@ -137,7 +137,9 @@ const createDynamicFilterStore = (initProps, storeDevtoolsEnabled = false) => {
             set((state) => {
               state.appliedFilters = state.appliedFilters.filter((f) => f.fixed);
               state.ownerState.isEmpty = state.appliedFilters.length === 0;
-              updateAvailableFields(state);
+              state.popoverFilterData = void 0;
+              state.ownerState.inEdition = false;
+              updateAutomatic(state);
             });
           },
           /**
@@ -224,6 +226,15 @@ const createDynamicFilterStore = (initProps, storeDevtoolsEnabled = false) => {
               state.isOpenPopoverMenuFields = false;
               state.ownerState.inEdition = newInEdition || false;
             });
+          },
+          /**
+           * actualiza el tamaño del componente
+           */
+          setSize: (newSize) => {
+            set((state) => {
+              state.size = newSize;
+              state.ownerState.size = newSize;
+            });
           }
         }
       })),

package/components/DynamicFilter/store/types.d.ts

@@ -1,5 +1,6 @@
 import { MutableRefObject } from 'react';
 import { GetLabelType } from '@m4l/core';
+import { Sizes } from '@m4l/styles';
 import { FilterField, FilterFieldApplied, FilterToEditApply, InitialFilterApplied, OwnerState } from '../types';
 export type OpenFor = 'add' | 'edit';
 export interface PopoverFilterDataBase {
@@ -95,6 +96,10 @@ export interface DynamicFilterState {
      *  Esta propiedad sirve para generar identificadores únicos.
      */
     dataTestId: string;
+    /**
+     * size: tamaño del componente
+     */
+    size: Extract<Sizes, 'small' | 'medium'>;
 }
 export interface DynamicFilterStateWithActions extends DynamicFilterState {
     actions: {
@@ -194,6 +199,10 @@ export interface DynamicFilterStateWithActions extends DynamicFilterState {
          * Limpia la función de apertura del menu de campos (por el valor anchorEl = undefined)
          */
         closePopoverMenuFields: (newInEdition?: boolean) => void;
+        /**
+         * actualiza el tamaño del componente
+         */
+        setSize: (size: Extract<Sizes, 'small' | 'medium'>) => void;
     };
 }
-export type InitialStoreProps = Pick<DynamicFilterState, 'automatic' | 'fields' | 'withAllField' | 'getLabel' | 'allField' | 'ownerState' | 'dataTestId' | 'storeId'>;
+export type InitialStoreProps = Pick<DynamicFilterState, 'automatic' | 'fields' | 'withAllField' | 'getLabel' | 'allField' | 'ownerState' | 'dataTestId' | 'size' | 'storeId'>;

package/components/DynamicFilter/subcomponents/AppliedFilterChip/AppliedFilterChip.d.ts

@@ -1,6 +1,6 @@
 import { FilterFieldApplied } from '../../types';
 /**
- * TODO: Documentar
+ * AppliedFilterChip: Componente encargado de mostrar el chip de filtro aplicado
  */
 declare function AppliedFilterChip(props: FilterFieldApplied): import("react/jsx-runtime").JSX.Element;
 export default AppliedFilterChip;

package/components/DynamicFilter/subcomponents/AppliedFilterChip/AppliedFilterChip.js

@@ -1,27 +1,23 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { C as Chip } from "../../../Chip/Chip.js";
+import { u as useDynamicFilterBase } from "../DynamicFilterBase/useDynamicFilterBase.js";
 import { u as useAppliedFilterChip } from "./useAppliedFilterChip.js";
-import { A as AppliedFilterChipStyled, a as AppliedFilterChipIconStyled, b as AppliedFilterChipInfoStyled, c as AppliedFilterChipInfoFieldNameStyled, d as AppliedFilterChipInfoOperatorStyled, e as AppliedFilterChipInfoOperandsStyled, f as AppliedFilterChipRemoveButtonStyled } from "../../slots/dynamicFilterSlots.js";
 function AppliedFilterChip(props) {
   const { fixed } = props;
-  const { onEditFilter, onDelete, iconFieldUrl, removeIconUrl, labels } = useAppliedFilterChip(props);
-  return /* @__PURE__ */ jsxs(AppliedFilterChipStyled, { ownerState: {}, children: [
-    iconFieldUrl && /* @__PURE__ */ jsx(AppliedFilterChipIconStyled, { onClick: onEditFilter, icon: iconFieldUrl, ownerState: {} }),
-    /* @__PURE__ */ jsxs(AppliedFilterChipInfoStyled, { onClick: onEditFilter, ownerState: {}, children: [
-      /* @__PURE__ */ jsx(AppliedFilterChipInfoFieldNameStyled, { ownerState: {}, children: labels.labelField }),
-      /* @__PURE__ */ jsx(AppliedFilterChipInfoOperatorStyled, { ownerState: {}, children: labels.labelOperator }),
-      /* @__PURE__ */ jsx(AppliedFilterChipInfoOperandsStyled, { ownerState: {}, children: labels.labelOperands })
-    ] }),
-    !fixed && /* @__PURE__ */ jsx(
-      AppliedFilterChipRemoveButtonStyled,
-      {
-        icon: removeIconUrl,
-        size: "small",
-        dictionaryTooltipId: "dynamic_filter.tooltip_clear_filter",
-        onClick: onDelete,
-        ownerState: {}
-      }
-    )
-  ] });
+  const { size } = useDynamicFilterBase();
+  const { onEditFilter, onDelete, iconFieldUrl, labels } = useAppliedFilterChip(props);
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      size,
+      opacity: true,
+      variant: "contained",
+      onClick: onEditFilter,
+      startIcon: iconFieldUrl,
+      label: `${labels.labelField} ${labels.labelOperator} ${labels.labelOperands}`,
+      onDeleted: fixed ? void 0 : onDelete
+    }
+  );
 }
 export {
   AppliedFilterChip as A

package/components/DynamicFilter/subcomponents/AppliedFilterChip/useAppliedFilterChip.d.ts

@@ -6,7 +6,6 @@ import { FilterFieldApplied } from '../../types';
 declare function useAppliedFilterChip(filter: FilterFieldApplied): {
     onDelete: () => void;
     onEditFilter: (_event: MouseEvent<HTMLButtonElement>) => void;
-    removeIconUrl: string;
     iconFieldUrl: string;
     labels: import('../../types').DataTypeFilerLabels;
 };

package/components/DynamicFilter/subcomponents/AppliedFilterChip/useAppliedFilterChip.js

@@ -1,16 +1,14 @@
 import { useMemo } from "react";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { useModuleDictionary } from "@m4l/core";
 import { useFormatter } from "@m4l/graphics";
 import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore.js";
 import { f as fieldFactory } from "../FieldTypes/fieldFactory.js";
 function useAppliedFilterChip(filter) {
-  const { host_static_assets, environment_assets } = useEnvironment();
   const { getLabel } = useModuleDictionary();
   const formatters = useFormatter();
   const { hidePopoverFilter, removeFilter, showPopoverFilterForEdit } = useDynamicFilterStore(
     (state) => state.actions
   );
-  const removeIconUrl = `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/clear.svg`;
   const labels = useMemo(() => {
     return fieldFactory(filter.field.type).getLabels(filter, getLabel, formatters, filter.field);
   }, [filter, getLabel]);
@@ -25,7 +23,6 @@ function useAppliedFilterChip(filter) {
   return {
     onDelete,
     onEditFilter,
-    removeIconUrl,
     iconFieldUrl: filter.field?.urlIcon,
     labels
   };

package/components/DynamicFilter/subcomponents/AppliedFilters/AppliedFilters.js

@@ -1,14 +1,13 @@
 import { jsx } from "react/jsx-runtime";
-import { S as ScrollBar } from "../../../ScrollBar/ScrollBar.js";
 import { u as useAppliedFilters } from "./useAppliedFilters.js";
-import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots.js";
+import { A as AppliedFiltersStyled, a as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots.js";
 import { A as AppliedFilterChip } from "../AppliedFilterChip/AppliedFilterChip.js";
 function AppliedFilters() {
   const { appliedFiltersSorted, isSkeleton } = useAppliedFilters();
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(AppliedFiltersStyled, { ownerState: {} });
   }
-  return /* @__PURE__ */ jsx(AppliedFiltersStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(ScrollBar, { autoHide: true, children: /* @__PURE__ */ jsx(AppliedFilterInnerContainerStyled, { ownerState: {}, children: appliedFiltersSorted?.map((filter) => /* @__PURE__ */ jsx(AppliedFilterChip, { ...filter }, filter.id)) }) }) });
+  return /* @__PURE__ */ jsx(AppliedFiltersStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(AppliedFilterInnerContainerStyled, { ownerState: {}, children: appliedFiltersSorted?.map((filter) => /* @__PURE__ */ jsx(AppliedFilterChip, { ...filter }, filter.id)) }) });
 }
 export {
   AppliedFilters as A

package/components/DynamicFilter/subcomponents/DynamicFilterBase/useDynamicFilterBase.d.ts

@@ -4,4 +4,5 @@
 export default function useDynamicFilterBase(): {
     ownerState: import('../../types').OwnerState;
     dataTestId: string;
+    size: "small" | "medium";
 };

package/components/DynamicFilter/subcomponents/DynamicFilterBase/useDynamicFilterBase.js

@@ -2,7 +2,8 @@ import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore.js
 function useDynamicFilterBase() {
   const ownerState = useDynamicFilterStore((state) => state.ownerState);
   const dataTestId = useDynamicFilterStore((state) => state.dataTestId);
-  return { ownerState, dataTestId };
+  const size = useDynamicFilterStore((state) => state.size);
+  return { ownerState, dataTestId, size };
 }
 export {
   useDynamicFilterBase as u

package/components/DynamicFilter/subcomponents/FieldTypes/fieldFactory.d.ts

@@ -8,4 +8,4 @@ import { SelectFilterHelpers } from './SelectFilter/helpers';
 /**
  * TODO: Documentar
  */
-export declare function fieldFactory(type: FieldType): BooleanFilterHelpers | StringFilterHelpers | DateTimeFilterHelpers | NumberFilterHelpers | SelectAsyncFilterHelpers | SelectFilterHelpers;
+export declare function fieldFactory(type: FieldType): SelectAsyncFilterHelpers | BooleanFilterHelpers | StringFilterHelpers | DateTimeFilterHelpers | NumberFilterHelpers | SelectFilterHelpers;

package/components/DynamicFilter/subcomponents/FilterActions/FilterActions.d.ts

@@ -1,5 +1,5 @@
 /**
- * TODO: Documentar
+ * FilterActions: Componente que renderiza los botones de limpiar y aplicar filtros
  */
 declare function FilterActions(): import("react/jsx-runtime").JSX.Element;
 export default FilterActions;

package/components/DynamicFilter/subcomponents/FilterActions/FilterActions.js

@@ -1,10 +1,9 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { u as useDynamicFilterBase } from "../DynamicFilterBase/useDynamicFilterBase.js";
 import { u as useFilterActions } from "./useFilterActions.js";
-import { F as FilterActionsSkeleton } from "./FilterActionsSkeleton.js";
-import { i as ActionsStyled, j as ActionsClearButtonStyled, k as ActionsSubmitButtonStyled } from "../../slots/dynamicFilterSlots.js";
+import { b as ActionsStyled, c as ActionsClearButtonStyled, d as ActionsSubmitButtonStyled } from "../../slots/dynamicFilterSlots.js";
 function FilterActions() {
   const {
-    isSkeleton,
     filterIconUrl,
     clearIconUrl,
     canShowRemoveAction,
@@ -13,14 +12,13 @@ function FilterActions() {
     filterButtonDictionaryTooltip,
     ownerState
   } = useFilterActions();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(ActionsStyled, { ownerState: {}, children: /* @__PURE__ */ jsx(FilterActionsSkeleton, {}) });
-  }
+  const { size } = useDynamicFilterBase();
   return /* @__PURE__ */ jsxs(ActionsStyled, { ownerState: {}, children: [
     canShowRemoveAction && /* @__PURE__ */ jsx(
       ActionsClearButtonStyled,
       {
-        src: clearIconUrl,
+        icon: clearIconUrl,
+        size,
         onClick: onClickClearFilters,
         dictionaryTooltipId: "dynamic_filter.tooltip_clear_filters",
         ownerState: {}
@@ -29,7 +27,8 @@ function FilterActions() {
     /* @__PURE__ */ jsx(
       ActionsSubmitButtonStyled,
       {
-        src: filterIconUrl,
+        icon: filterIconUrl,
+        size,
         "aria-label": "settings",
         dictionaryTooltipId: filterButtonDictionaryTooltip,
         onClick: onClickFilter,

package/components/DynamicFilter/subcomponents/FilterActions/useFilterActions.d.ts

@@ -7,7 +7,6 @@ export declare const ASSETS: {
  * TODO: Documentar
  */
 declare function useFilterActions(): {
-    isSkeleton: boolean;
     filterIconUrl: string;
     clearIconUrl: string;
     canShowRemoveAction: boolean;