@mw-kit/mw-ui 1.3.1 → 1.4.0

package/dist/components/AbsoluteContainer/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AbsoluteContainerProps } from './interfaces';
-export declare const AbsoluteContainer: (props: AbsoluteContainerProps) => JSX.Element;
+export declare const AbsoluteContainer: React.ForwardRefExoticComponent<Pick<AbsoluteContainerProps, "children" | "dir" | "slot" | "style" | "title" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "width" | "position" | "axis" | "center" | "height" | "maxWidth" | "maxHeight" | "references" | "zIndex"> & React.RefAttributes<HTMLDivElement>>;
 export default AbsoluteContainer;

package/dist/components/AbsoluteContainer/interfaces.d.ts

@@ -21,6 +21,7 @@ export interface AbsoluteContainerProps extends CommonProps {
         x: number;
         y: number;
     };
+    ref?: React.Ref<HTMLDivElement>;
 }
 export interface ContainerProps extends CommonProps {
     position: Position;

package/dist/components/Calendar/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const AbsoluteContainer: import("styled-components").StyledComponent<(props: import("../AbsoluteContainer/interfaces").AbsoluteContainerProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const AbsoluteContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../AbsoluteContainer/interfaces").AbsoluteContainerProps, "children" | "dir" | "slot" | "style" | "title" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "width" | "position" | "axis" | "center" | "height" | "maxWidth" | "maxHeight" | "references" | "zIndex"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const MonthContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const NavBtn: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/Filters/AppliedFilters/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AppliedFiltersProps } from './interfaces';
+declare const AppliedFilters: (props: AppliedFiltersProps) => JSX.Element;
+export default AppliedFilters;

package/dist/components/Filters/AppliedFilters/interfaces.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AppliedFilter } from '../interfaces';
+export interface AppliedFiltersProps {
+    open: boolean;
+    close: () => void;
+    appliedFilters: [AppliedFilter[], React.Dispatch<React.SetStateAction<AppliedFilter[]>>];
+}

package/dist/components/Filters/AppliedFilters/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../../AbsoluteContainer/interfaces").AbsoluteContainerProps, "children" | "dir" | "slot" | "style" | "title" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "width" | "position" | "axis" | "center" | "height" | "maxWidth" | "maxHeight" | "references" | "zIndex"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Item: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/{FilterMenu → Filters/Filters}/components/Submenu/components/Header/interfaces.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ElementOrString } from '../../../../../../interfaces';
+import { ElementOrString } from '../../../../../../../interfaces';
 export interface HeaderProps {
     search: [string, React.Dispatch<React.SetStateAction<string>>];
     title: string | {

package/dist/components/{FilterMenu → Filters/Filters}/components/Submenu/interfaces.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { AppliedFilter, Filter } from '../../interfaces';
+import { AppliedFilter } from '../../../interfaces';
+import { Filter } from '../../interfaces';
 export interface SubmenuProps {
     item: Filter;
     close: () => void;

package/dist/components/Filters/Filters/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FiltersProps } from './interfaces';
+declare const Filters: (props: FiltersProps) => JSX.Element;
+export default Filters;

package/dist/components/{FilterMenu → Filters/Filters}/interfaces.d.ts

@@ -1,24 +1,6 @@
 import React from 'react';
-import { ElementOrString, SpacingOrZero } from '../../interfaces';
-export interface AppliedFilter {
-    /** nome da chave do filtro */
-    name: string;
-    /** labels do filtro */
-    labels: {
-        /** label do filtro */
-        filter: {
-            text: string;
-            element: ElementOrString;
-        };
-        /** label da opcao escolhida */
-        option: {
-            text: string;
-            element: ElementOrString;
-        };
-    };
-    /** valor da opcao escolhida */
-    value: string | number | boolean;
-}
+import { ElementOrString, SpacingOrZero } from '../../../interfaces';
+import { AppliedFilter } from '../interfaces';
 export interface Option {
     /** label da opcao */
     label: string | {
@@ -56,7 +38,7 @@ export interface Filter {
     /** espacamento das opcoes deste filtro, default s1 */
     optionSpacing?: SpacingOrZero;
 }
-export interface FilterMenuProps {
+export interface FiltersProps {
     open: boolean;
     items: Filter[];
     close: () => void;

package/dist/components/Filters/interfaces.d.ts

@@ -0,0 +1,20 @@
+import { ElementOrString } from '../../interfaces';
+export interface AppliedFilter {
+    /** nome da chave do filtro */
+    name: string;
+    /** labels do filtro */
+    labels: {
+        /** label do filtro */
+        filter: {
+            text: string;
+            element: ElementOrString;
+        };
+        /** label da opcao escolhida */
+        option: {
+            text: string;
+            element: ElementOrString;
+        };
+    };
+    /** valor da opcao escolhida */
+    value: string | number | boolean;
+}

package/dist/components/Menu/interfaces.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ElementOrString, SpacingOrZero, Spacings } from '../../interfaces';
 import { AbsoluteContainerProps } from '../AbsoluteContainer/interfaces';
 interface CommonOption {
@@ -52,7 +52,7 @@ export interface MenuProps<T = undefined> extends CommonProps {
     scrollHeight?: string;
 }
 export declare type ContainerProps = CommonProps;
-export declare type MenuInterface = <T = undefined>(props: MenuProps<T>) => JSX.Element;
+export declare type MenuInterface = <T = undefined>(props: MenuProps<T>, ref?: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
 export interface StyledOptionProps extends React.HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
 }

package/dist/components/Menu/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { StyledOptionProps } from './interfaces';
 export declare const Option: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledOptionProps, never>;
-export declare const Container: import("styled-components").StyledComponent<(props: import("../AbsoluteContainer/interfaces").AbsoluteContainerProps) => JSX.Element, import("styled-components").DefaultTheme, import("./interfaces").CommonProps, never>;
+export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../AbsoluteContainer/interfaces").AbsoluteContainerProps, "children" | "dir" | "slot" | "style" | "title" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "width" | "position" | "axis" | "center" | "height" | "maxWidth" | "maxHeight" | "references" | "zIndex"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, import("./interfaces").CommonProps, never>;
 export declare const Delimiter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/index.d.ts

@@ -17,4 +17,5 @@ export { default as MwCalendarInterval } from './CalendarInterval';
 export { default as MwPlaceholder } from './Placeholder';
 export { default as MwZoom } from './Zoom';
 export { default as MwEllipsisContainer } from './EllipsisContainer';
-export { default as MwFilterMenu } from './FilterMenu';
+export { default as MwFilters } from './Filters/Filters';
+export { default as MwAppliedFilters } from './Filters/AppliedFilters';

package/dist/index.js

@@ -11842,7 +11842,7 @@ var EllipsisContainer$1 = function EllipsisContainer$1(props) {
 };
 
 var _templateObject$5, _templateObject2$3, _templateObject3$3, _templateObject4$3;
-var Container$1 = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n  ", ";\n\n  padding-right: calc(", " / 2);\n  display: flex;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])), function (_ref) {
+var Container$1 = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n  ", ";\n\n  padding-right: calc(", " / 2);\n  display: flex;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.useTypography('p');
 }, function (_ref2) {
@@ -11907,7 +11907,9 @@ var ScrollContainer = function ScrollContainer(props) {
       _onScroll2(event);
     }
   })), loading && React__default.createElement(Loader, {
-    filled: true
+    filled: true,
+    size: '43px',
+    borderSize: '2px'
   })), after);
 };
 
@@ -11988,7 +11990,7 @@ var Container$2 = styled__default.div(_templateObject9$1 || (_templateObject9$1
   return styled.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      visibility: hidden;\n    "])));
 });
 
-var AbsoluteContainer = function AbsoluteContainer(props) {
+var AbsoluteContainer = React__default.forwardRef(function (props, fowardedRef) {
   var center = props.center || {
     x: 50,
     y: 75
@@ -12008,6 +12010,9 @@ var AbsoluteContainer = function AbsoluteContainer(props) {
       firstRender = _useState3[0],
       setFirstRender = _useState3[1];
 
+  React.useImperativeHandle(fowardedRef, function () {
+    return ref;
+  });
   React.useEffect(function () {
     setFirstRender(false);
     if (props.position || !ref) return;
@@ -12042,7 +12047,8 @@ var AbsoluteContainer = function AbsoluteContainer(props) {
     ref: setRef,
     firstRender: firstRender
   }), React__default.createElement("div", null, props.children));
-};
+});
+AbsoluteContainer.displayName = 'AbsoluteContainer';
 
 var _templateObject$7, _templateObject2$5, _templateObject3$5, _templateObject4$5, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2;
 var Option = styled__default.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n  ", ";\n  line-height: ", ";\n  display: flex;\n\n  > :nth-child(1) {\n    flex: 1;\n  }\n\n  ", ";\n\n  :hover {\n    background-color: ", ";\n  }\n"])), function (_ref) {
@@ -12100,7 +12106,7 @@ var Delimiter = styled__default.div(_templateObject9$2 || (_templateObject9$2 =
   return theme.colors.greyishBlue;
 });
 
-var Menu = function Menu(props) {
+var MenuComponent = function MenuComponent(props, ref) {
   var _props = _extends({}, props),
       open = _props.open,
       close = _props.close,
@@ -12147,7 +12153,9 @@ var Menu = function Menu(props) {
     itemSpacing: 's1'
   });
   if (!open) return React__default.createElement(React__default.Fragment, null);
-  return React__default.createElement(Container$3, Object.assign({}, absoluteContainerProps), React__default.createElement(React__default.Fragment, null, React__default.createElement(ScrollContainer, {
+  return React__default.createElement(Container$3, Object.assign({}, absoluteContainerProps, {
+    ref: ref
+  }), React__default.createElement(React__default.Fragment, null, React__default.createElement(ScrollContainer, {
     onScrollEnd: onScrollEnd,
     before: before,
     after: after,
@@ -12228,6 +12236,8 @@ var Menu = function Menu(props) {
   })), children, getSubmenu(activeOption)));
 };
 
+var Menu = React__default.forwardRef(MenuComponent);
+
 var _templateObject$8, _templateObject2$6, _templateObject3$6, _templateObject4$6, _templateObject5$5, _templateObject6$3;
 var Container$4 = styled__default.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  div {\n    border-radius: 50%;\n    width: ", ";\n    height: ", ";\n\n    ", "\n\n    ", "\n    ", "\n      ", "\n      ", "\n  }\n\n  span {\n    display: inline-block;\n    margin-left: 8px;\n    color: ", ";\n  }\n"])), function (_ref) {
   var props = _ref.props;
@@ -16034,7 +16044,10 @@ var Submenu = function Submenu(props) {
   });
 };
 
-var FilterMenu = function FilterMenu(props) {
+var Filters = function Filters(props) {
+  var open = props.open,
+      close = props.close;
+
   var _useState = React.useState(-1),
       active = _useState[0],
       setActive = _useState[1];
@@ -16053,10 +16066,14 @@ var FilterMenu = function FilterMenu(props) {
     };
   });
   var selected = active >= 0 && active < props.items.length ? props.items[active] : null;
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Menu, {
-    open: props.open,
+  React.useEffect(function () {
+    if (open) return;
+    setActive(-1);
+  }, [open]);
+  return React__default.createElement(Menu, {
+    open: open,
     options: items,
-    close: props.close,
+    close: close,
     width: '160px',
     height: '261px',
     containerSpacing: {
@@ -16075,6 +16092,137 @@ var FilterMenu = function FilterMenu(props) {
       return setActive(-1);
     },
     setAppliedFilters: props.setAppliedFilters
+  }));
+};
+
+var _templateObject$H, _templateObject2$y, _templateObject3$x, _templateObject4$v;
+var Container$p = styled__default(AbsoluteContainer)(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n  > div {\n    padding: ", ";\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n"])), function (_ref) {
+  var s3 = _ref.theme.spacings.s3;
+  return s3 + " 0 " + s3 + " " + s3;
+});
+var Header$b = styled__default.div(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  padding: ", ";\n  > div {\n    display: flex;\n    justify-content: space-between;\n  }\n"])), function (_ref2) {
+  var s3 = _ref2.theme.spacings.s3;
+  return s3;
+}, function (_ref3) {
+  var s3 = _ref3.theme.spacings.s3;
+  return "0 " + s3 + " " + s3 + " 0";
+});
+var Title = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n  ", "\n  color: ", ";\n"])), function (_ref4) {
+  var useTypography = _ref4.theme.useTypography;
+  return useTypography('p', {
+    fontWeight: 'bold'
+  });
+}, function (_ref5) {
+  var getColor = _ref5.theme.getColor;
+  return getColor('greyishBlue', 50);
+});
+var Item = styled__default.div(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n  display: flex;\n  align-items: center;\n\n  :not(:last-child) {\n    border-bottom: 1px solid\n      ", ";\n  }\n\n  > div:nth-child(1) {\n    flex: 1;\n\n    > div:nth-child(1) {\n      ", "\n      color: ", ";\n    }\n    > div:nth-child(2) {\n      ", "\n    }\n  }\n  > div:nth-child(2) {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n  }\n"])), function (_ref6) {
+  var s1 = _ref6.theme.spacings.s1;
+  return s1 + " " + s1 + " " + s1 + " 0";
+}, function (_ref7) {
+  var getColor = _ref7.theme.getColor;
+  return getColor('greyishBlue', 25);
+}, function (_ref8) {
+  var useTypography = _ref8.theme.useTypography;
+  return useTypography('p');
+}, function (_ref9) {
+  var getColor = _ref9.theme.getColor;
+  return getColor('greyishBlue', 50);
+}, function (_ref10) {
+  var useTypography = _ref10.theme.useTypography;
+  return useTypography('p');
+});
+
+var AppliedFilters = function AppliedFilters(props) {
+  var open = props.open,
+      close = props.close,
+      _props$appliedFilters = props.appliedFilters,
+      appliedFilters = _props$appliedFilters[0],
+      setAppliedFilters = _props$appliedFilters[1];
+
+  var _useState = React.useState(''),
+      search = _useState[0],
+      setSearch = _useState[1];
+
+  var _useState2 = React.useState(''),
+      searched = _useState2[0],
+      setSearched = _useState2[1];
+
+  React.useEffect(function () {
+    setSearch('');
+    setSearched('');
+  }, [open]);
+  if (!open) return React__default.createElement(React__default.Fragment, null);
+
+  var onClear = function onClear() {
+    setAppliedFilters([]);
+    close();
+  };
+
+  var onSubmitSearch = function onSubmitSearch() {
+    setSearched(search);
+  };
+
+  var onClearSearch = function onClearSearch() {
+    setSearch('');
+    setSearched('');
+  };
+
+  var onRemove = function onRemove(name) {
+    setAppliedFilters(function (prev) {
+      return prev.filter(function (e) {
+        return e.name !== name;
+      });
+    });
+  };
+
+  return React__default.createElement(Container$p, {
+    width: '275px',
+    height: '261px'
+  }, React__default.createElement(Header$b, null, React__default.createElement("div", null, React__default.createElement(Title, null, "Filtros Aplicados"), React__default.createElement(Button$1, {
+    type: 'button',
+    onClick: onClear,
+    appearance: 'link'
+  }, "Limpar Todos")), React__default.createElement(Input$3, {
+    type: 'search',
+    placeholder: 'Pesquisar',
+    setValue: setSearch,
+    value: search,
+    onPressEnter: onSubmitSearch,
+    icon: {
+      icon: {
+        type: 'feather',
+        icon: 'search'
+      },
+      onClick: onSubmitSearch
+    },
+    clearable: search !== '' && search === searched ? onClearSearch : undefined
+  })), React__default.createElement(ScrollContainer, null, appliedFilters.filter(function (_ref) {
+    var _ref$labels = _ref.labels,
+        filter = _ref$labels.filter.text,
+        option = _ref$labels.option.text;
+    return strCmp(filter, searched, {
+      contain: true
+    }) || strCmp(option, searched, {
+      contain: true
+    });
+  }).map(function (_ref2, index) {
+    var _ref2$labels = _ref2.labels,
+        filter = _ref2$labels.filter.element,
+        option = _ref2$labels.option.element,
+        name = _ref2.name;
+    return React__default.createElement(Item, {
+      key: index
+    }, React__default.createElement("div", null, React__default.createElement("div", null, filter), React__default.createElement("div", null, option)), React__default.createElement("div", null, React__default.createElement(Icon, {
+      type: 'feather',
+      icon: 'minus_circle',
+      width: '12px',
+      height: '12px',
+      color: 'darkSilver',
+      onClick: function onClick() {
+        return onRemove(name);
+      }
+    })));
   })));
 };
 
@@ -16087,14 +16235,14 @@ var theme$1 = {
   button: theme
 };
 
-var _templateObject$H;
-var FontStyles = styled.createGlobalStyle(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n"])));
+var _templateObject$I;
+var FontStyles = styled.createGlobalStyle(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n"])));
 
 var Globals = function Globals() {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(FontStyles, null));
 };
 
-var _templateObject$I;
+var _templateObject$J;
 
 var getColor$1 = function getColor(color, opacity) {
   if (opacity === void 0) {
@@ -16104,12 +16252,16 @@ var getColor$1 = function getColor(color, opacity) {
   return "" + colors[color] + opacities[opacity];
 };
 
-var useTypography = function useTypography(typography) {
+var useTypography = function useTypography(typography, options) {
+  if (options === void 0) {
+    options = {};
+  }
+
   var _typographies$typogra = typographies[typography],
       fontFamily = _typographies$typogra.fontFamily,
       fontWeight = _typographies$typogra.fontWeight,
       fontSize = _typographies$typogra.fontSize;
-  return styled.css(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n  "])), fontFamily, fontWeight, fontSize);
+  return styled.css(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n  "])), fontFamily, options.fontWeight || fontWeight, fontSize);
 };
 
 var isDarkColor = function isDarkColor(color, ifDark, ifLight) {
@@ -16164,12 +16316,13 @@ Object.keys(reactCalendar).forEach(function (k) {
 });
 exports.MwCalendar = reactCalendar;
 exports.MwAbsoluteContainer = AbsoluteContainer;
+exports.MwAppliedFilters = AppliedFilters;
 exports.MwButton = Button$1;
 exports.MwCalendarInterval = CalendarInterval;
 exports.MwCard = Card;
 exports.MwDatePicker = Calendar;
 exports.MwEllipsisContainer = EllipsisContainer$1;
-exports.MwFilterMenu = FilterMenu;
+exports.MwFilters = Filters;
 exports.MwIcon = Icon;
 exports.MwIndicator = Indicator;
 exports.MwInput = Input$3;