@m4l/components 7.0.0 → 7.1.2

package/components/DynamicFilter/slots/SlotsEnum.js

@@ -0,0 +1,34 @@
+var DynamicFilterSlots = /* @__PURE__ */ ((DynamicFilterSlots2) => {
+  DynamicFilterSlots2["root"] = "root";
+  DynamicFilterSlots2["innerContainer"] = "innerContainer";
+  DynamicFilterSlots2["inputFilter"] = "inputFilter";
+  DynamicFilterSlots2["inputFilterInput"] = "inputFilterInput";
+  DynamicFilterSlots2["inputFilterIcon"] = "inputFilterIcon";
+  DynamicFilterSlots2["appliedFilters"] = "appliedFilters";
+  DynamicFilterSlots2["appliedFilterInnerContainer"] = "appliedFilterInnerContainer";
+  DynamicFilterSlots2["appliedFilterChip"] = "appliedFilterChip";
+  DynamicFilterSlots2["appliedFilterChipIcon"] = "appliedFilterChipIcon";
+  DynamicFilterSlots2["appliedFilterChipInfo"] = "appliedFilterChipInfo";
+  DynamicFilterSlots2["appliedFilterChipInfoFieldName"] = "appliedFilterChipInfoFieldName";
+  DynamicFilterSlots2["appliedFilterChipInfoOperator"] = "appliedFilterChipInfoOperator";
+  DynamicFilterSlots2["appliedFilterChipInfoOperands"] = "appliedFilterChipInfoOperands";
+  DynamicFilterSlots2["appliedFilterChipRemoveButton"] = "appliedFilterChipRemoveButton";
+  DynamicFilterSlots2["actions"] = "actions";
+  DynamicFilterSlots2["actionsSkeletonButton"] = "actionsSkeletonButton";
+  DynamicFilterSlots2["actionsClearButton"] = "actionsClearButton";
+  DynamicFilterSlots2["actionsSubmitButton"] = "actionsSubmitButton";
+  DynamicFilterSlots2["popoverMenu"] = "popoverMenu";
+  DynamicFilterSlots2["popoverMenuItem"] = "popoverMenuItem";
+  DynamicFilterSlots2["popoverMenuItemIcon"] = "popoverMenuItemIcon";
+  DynamicFilterSlots2["popoverMenuItemLabel"] = "popoverMenuItemLabel";
+  DynamicFilterSlots2["popoverFilter"] = "popoverFilter";
+  DynamicFilterSlots2["popoverFilterContainerFields"] = "popoverFilterContainerFields";
+  DynamicFilterSlots2["popoverFilterHeader"] = "popoverFilterHeader";
+  DynamicFilterSlots2["popoverFilterHeaderIcon"] = "popoverFilterHeaderIcon";
+  DynamicFilterSlots2["popoverFilterHeaderTitle"] = "popoverFilterHeaderTitle";
+  DynamicFilterSlots2["popoverFilterActions"] = "popoverFilterActions";
+  return DynamicFilterSlots2;
+})(DynamicFilterSlots || {});
+export {
+  DynamicFilterSlots as D
+};

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

@@ -1,87 +1,86 @@
-/// <reference types="react" />
-export declare const RootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const InnerContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const InputFilterStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const InputFilterInputStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & 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").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const InnerContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const InputFilterStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const InputFilterInputStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & 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').Theme> & Partial<import('../types').DynamicFilterOwnerState> & 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").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const AppliedFilterInnerContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const AppliedFilterChipStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const AppliedFilterChipIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+export declare const AppliedFiltersStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AppliedFilterInnerContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AppliedFilterChipStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const AppliedFilterChipIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/IconButton/types').IconButtonProps, keyof import('../../mui_extended/IconButton/types').IconButtonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const AppliedFilterChipInfoStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & 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").Theme> & Partial<import("../types").DynamicFilterOwnerState> & 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").Theme> & Partial<import("../types").DynamicFilterOwnerState> & 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").Theme> & Partial<import("../types").DynamicFilterOwnerState> & 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<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+export declare const AppliedFilterChipInfoStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & 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').Theme> & Partial<import('../types').DynamicFilterOwnerState> & 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').Theme> & Partial<import('../types').DynamicFilterOwnerState> & 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').Theme> & Partial<import('../types').DynamicFilterOwnerState> & 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<import('../../mui_extended/IconButton/types').IconButtonProps, keyof import('../../mui_extended/IconButton/types').IconButtonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const ActionsStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const ActionsSkeletonButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const ActionsClearButtonStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+export declare const ActionsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ActionsSkeletonButtonStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ActionsClearButtonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/IconButton/types').IconButtonProps, keyof import('../../mui_extended/IconButton/types').IconButtonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const ActionsSubmitButtonStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+export declare const ActionsSubmitButtonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/IconButton/types').IconButtonProps, keyof import('../../mui_extended/IconButton/types').IconButtonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const 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").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+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').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverMenuItemStyled: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "children" | "className" | "style" | "action" | "divider" | "sx" | "classes" | "autoFocus" | "tabIndex" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "selected" | "disableGutters">, "value" | "children" | "className" | "onResize" | "style" | "color" | "hidden" | "slot" | "title" | "onChange" | "action" | "dir" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "divider" | "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" | "dense" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+export declare const PopoverMenuItemStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').MenuItemOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLIElement> | null | undefined;
+}, "children" | "disabled" | "sx" | "classes" | "autoFocus" | "className" | "style" | "tabIndex" | "divider" | "action" | "dense" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters">, "children" | "value" | "ref" | "title" | "id" | "color" | "content" | "translate" | "disabled" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "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" | "divider" | "action" | "dense" | "key" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverMenuItemIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+export declare const PopoverMenuItemIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverMenuItemLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<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").Theme> & Partial<import("../types").DynamicFilterOwnerState> & 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').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<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').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverContainerFieldsStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PopoverHeaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PopoverHeaderIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+export declare const PopoverContainerFieldsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PopoverHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PopoverHeaderIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverHeaderTitleStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/Typography/types").TypographyProps, keyof import("../../mui_extended/Typography/types").TypographyProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+export declare const PopoverHeaderTitleStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const PopoverHeaderActionsStyled: import("@emotion/styled").StyledComponent<Pick<import("../../CommonActions/components/Actions/types").CommonActionsProps & import("react").RefAttributes<any>, keyof import("../../CommonActions/components/Actions/types").CommonActionsProps | keyof import("react").RefAttributes<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
+export declare const PopoverHeaderActionsStyled: import('@emotion/styled').StyledComponent<Pick<import('../../CommonActions/components/Actions/types').CommonActionsProps & import('react').RefAttributes<any>, keyof import('../../CommonActions/components/Actions/types').CommonActionsProps | keyof import('react').RefAttributes<any>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;

package/components/DynamicFilter/slots/dynamicFilterSlots.js

@@ -0,0 +1,151 @@
+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 { MenuItem } from "@mui/material";
+import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";
+import { T as Typography } from "../../mui_extended/Typography/Typography.js";
+import { A as Actions } from "../../CommonActions/components/Actions/index.js";
+import { I as Icon } from "../../Icon/Icon.js";
+import { P as Popover } from "../../mui_extended/Popover/Popover.js";
+const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
+  dynamicFilterStyles?.root
+);
+const InnerContainerStyled = styled("div", {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.innerContainer
+})(dynamicFilterStyles?.innerContainer);
+const InputFilterStyled = styled("div", {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.inputFilter
+})(dynamicFilterStyles?.inputFilter);
+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
+})(dynamicFilterStyles?.appliedFilters);
+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
+})(dynamicFilterStyles?.actionsClearButton);
+const ActionsSubmitButtonStyled = styled(IconButton, {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.actionsSubmitButton
+})(dynamicFilterStyles?.actionsSubmitButton);
+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);
+const PopoverMenuItemIconStyled = styled(Icon, {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.popoverMenuItemIcon
+})(dynamicFilterStyles?.popoverMenuItemIcon);
+const PopoverMenuItemLabelStyled = styled("div", {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.popoverMenuItemLabel
+})(dynamicFilterStyles?.popoverMenuItemLabel);
+const PopoverStyled = styled(Popover, {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.popoverFilter
+})(dynamicFilterStyles?.popoverFilter);
+const PopoverContainerFieldsStyled = styled("div", {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.popoverFilterContainerFields
+})(dynamicFilterStyles?.popoverFilterContainerFields);
+const PopoverHeaderStyled = styled("div", {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.popoverFilterHeader
+})(dynamicFilterStyles?.popoverFilterHeader);
+const PopoverHeaderIconStyled = styled(Icon, {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.popoverFilterHeaderIcon
+})(dynamicFilterStyles?.popoverFilterHeaderIcon);
+const PopoverHeaderTitleStyled = styled(Typography, {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.popoverFilterHeaderTitle
+})(dynamicFilterStyles?.popoverFilterHeaderTitle);
+const PopoverHeaderActionsStyled = styled(Actions, {
+  name: DYNAMIC_FILTER_KEY_COMPONENT,
+  slot: DynamicFilterSlots.popoverFilterActions
+})(dynamicFilterStyles?.popoverFilterActions);
+export {
+  AppliedFilterChipStyled as A,
+  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,
+  PopoverMenuItemIconStyled as w,
+  PopoverMenuItemLabelStyled as x
+};

package/components/DynamicFilter/slots/index.js

@@ -0,0 +1 @@
+

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

@@ -1,16 +1,19 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { DynamicFilterProps } from '../types';
-declare const DynamicFilterContext: import("react").Context<(Omit<Omit<import("zustand").StoreApi<import("./DynamicFilterStore").DynamicFilterStateWithActions>, "setState"> & {
+declare const DynamicFilterContext: import('react').Context<(Omit<Omit<import('zustand').StoreApi<import('./DynamicFilterStore').DynamicFilterStateWithActions>, "setState"> & {
     setState<A extends string | {
         type: unknown;
-    }>(partial: import("./DynamicFilterStore").DynamicFilterStateWithActions | Partial<import("./DynamicFilterStore").DynamicFilterStateWithActions> | ((state: import("./DynamicFilterStore").DynamicFilterStateWithActions) => import("./DynamicFilterStore").DynamicFilterStateWithActions | Partial<import("./DynamicFilterStore").DynamicFilterStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+    }>(partial: import('./DynamicFilterStore').DynamicFilterStateWithActions | Partial<import('./DynamicFilterStore').DynamicFilterStateWithActions> | ((state: import('./DynamicFilterStore').DynamicFilterStateWithActions) => import('./DynamicFilterStore').DynamicFilterStateWithActions | Partial<import('./DynamicFilterStore').DynamicFilterStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
 }, "setState"> & {
-    setState(nextStateOrUpdater: import("./DynamicFilterStore").DynamicFilterStateWithActions | Partial<import("./DynamicFilterStore").DynamicFilterStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./DynamicFilterStore").DynamicFilterStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+    setState(nextStateOrUpdater: import('./DynamicFilterStore').DynamicFilterStateWithActions | Partial<import('./DynamicFilterStore').DynamicFilterStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<import('./DynamicFilterStore').DynamicFilterStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
         type: unknown;
     } | undefined): void;
 }) | null>;
 interface DynamicFilterContextProps extends DynamicFilterProps {
     children: ReactNode;
 }
+/**
+ * TODO: Documentar
+ */
 declare function DynamicFilterProvider(props: DynamicFilterContextProps): import("react/jsx-runtime").JSX.Element;
 export { DynamicFilterProvider, DynamicFilterContext };

package/components/DynamicFilter/store/DynamicFilterContext.js

@@ -0,0 +1,84 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useRef, useEffect } from "react";
+import { useStore } from "zustand";
+import { shallow } from "zustand/shallow";
+import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
+import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
+import { c as createAreaStore } 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";
+const DynamicFilterContext = createContext(null);
+function DynamicFilterProvider(props) {
+  const {
+    automatic = true,
+    withAllField = true,
+    fields,
+    initialAppliedFilters = [],
+    onChangeFilters,
+    dataTestId = "",
+    children
+  } = props;
+  const { getLabel } = useModuleDictionary();
+  const dynamicFilterStoreRef = useRef();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const isDesktop = useResponsiveDesktop();
+  const isSkeleton = useModuleSkeleton();
+  const isFirstRender = useFirstRender([isDesktop, isSkeleton]);
+  if (!dynamicFilterStoreRef.current) {
+    dynamicFilterStoreRef.current = createAreaStore({
+      allField: {
+        ...ALL_FIELD,
+        urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/all_fields.svg`
+      },
+      withAllField,
+      fields,
+      automatic,
+      getLabel,
+      dataTestId,
+      ownerState: {
+        isSkeleton,
+        isDirty: !automatic,
+        inEdition: false,
+        isValid: true,
+        isMobile: !isDesktop,
+        isEmpty: true
+      }
+    });
+    dynamicFilterStoreRef.current.getState().actions.init(initialAppliedFilters);
+  }
+  const countOnChangeFiltersApplied = useStore(
+    dynamicFilterStoreRef.current,
+    (state) => state.countOnChangeFiltersApplied,
+    shallow
+  );
+  useEffect(() => {
+    if (countOnChangeFiltersApplied === 0) {
+      return;
+    }
+    const state = dynamicFilterStoreRef.current?.getState();
+    if (state) {
+      onChangeFilters?.(
+        formatToInitialFilters(state.appliedFilters),
+        formatToRawFilter(state.appliedFilters)
+      );
+    }
+  }, [countOnChangeFiltersApplied]);
+  useEffect(() => {
+    if (isFirstRender) {
+      return;
+    }
+    dynamicFilterStoreRef.current?.getState().actions.setExternalState({ isMobile: !isDesktop, isSkeleton });
+  }, [isDesktop, isSkeleton]);
+  useEffect(() => {
+    if (automatic) {
+      dynamicFilterStoreRef.current?.getState().actions.fireOnChangeFilters();
+      return;
+    }
+  }, []);
+  return /* @__PURE__ */ jsx(DynamicFilterContext.Provider, { value: dynamicFilterStoreRef.current, children });
+}
+export {
+  DynamicFilterProvider as D,
+  DynamicFilterContext as a
+};