@mw-kit/mw-ui 1.7.25 → 1.7.28

package/dist/components/Calendar/components/Basic/interfaces.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ElementOrString } from '../../../../interfaces';
+import { ReactNode } from '../../../../interfaces';
 import { AbsoluteContainerProps } from '../../../AbsoluteContainer/interfaces';
 import { IndicatorProps } from '../../../Indicator/interfaces';
 export interface CalendarInterface {
@@ -8,7 +8,7 @@ export interface CalendarInterface {
     weeks: Date[][];
 }
 export interface Common extends React.HTMLAttributes<HTMLDivElement> {
-    label?: ElementOrString;
+    label?: ReactNode;
     initialMonth?: Date;
     max?: Date;
     min?: Date;

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

@@ -1,9 +1,9 @@
-import { ElementOrString } from '../../../../../../../interfaces';
+import { ReactNode } from '../../../../../../../interfaces';
 export interface HeaderProps {
     search: [string, (value: string) => void];
     title: string | {
         text: string;
-        element: ElementOrString;
+        element: ReactNode;
     };
     /** se o filtro for do tipo callback, podera ser enviado este parametro para indicar se o filtro permite busca com string vazia */
     allowEmptySearch?: boolean;

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

@@ -1,11 +1,11 @@
 import React from 'react';
-import { ElementOrString, SpacingOrZero } from '../../../interfaces';
+import { ReactNode, SpacingOrZero } from '../../../interfaces';
 import { AbsoluteContainerProps } from '../../AbsoluteContainer/interfaces';
 import { ButtonProps } from '../Button/interfaces';
 import { AppliedFilter } from '../interfaces';
 export interface Label {
     text: string;
-    element: ElementOrString;
+    element: ReactNode;
 }
 declare type LabelOrString = string | Label;
 export interface Option {

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

@@ -1,4 +1,4 @@
-import { ElementOrString } from '../../interfaces';
+import { ReactNode } from '../../interfaces';
 export interface AppliedFilter {
     /** nome da chave do filtro */
     name: string;
@@ -7,12 +7,12 @@ export interface AppliedFilter {
         /** label do filtro */
         filter: {
             text: string;
-            element: ElementOrString;
+            element: ReactNode;
         };
         /** label da opcao escolhida */
         option: {
             text: string;
-            element: ElementOrString;
+            element: ReactNode;
         };
     };
     /** valor da opcao escolhida */

package/dist/components/Input/components/Checkbox/interfaces.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ElementOrString } from '../../../../interfaces';
+import { ReactNode } from '../../../../interfaces';
 import { spacings } from '../../../../theme/constants';
 interface Padding {
     top?: string | keyof typeof spacings;
@@ -14,8 +14,9 @@ export interface LabelContentProps {
     bordered?: true;
 }
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'>, LabelContentProps {
-    label?: ElementOrString | React.FunctionComponent<LabelContentProps>;
+    label?: ReactNode | React.FunctionComponent<LabelContentProps>;
     type: 'checkbox';
+    width?: string;
 }
 export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     disabled?: 1 | 0;
@@ -23,5 +24,6 @@ export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>
     invalid?: 1 | 0;
     padding?: Padding;
     bordered?: 1 | 0;
+    width?: string;
 }
 export {};

package/dist/components/Input/components/DatePicker/interfaces.d.ts

@@ -1,6 +1,6 @@
 import { AbsoluteSingleCalendarProps } from '../../../Calendar/interfaces';
 import { InputProps } from '../Input/interfaces';
-export interface DatePickerProps extends Omit<InputProps, 'type' | 'mask' | 'icon' | 'htmlDisabled' | 'clearable' | 'onPressEnter' | 'min' | 'max'> {
+export interface DatePickerProps extends Omit<InputProps, 'type' | 'mask' | 'icon' | 'htmlDisabled' | 'htmlReadonly' | 'clearable' | 'onPressEnter' | 'min' | 'max' | 'children'> {
     type: 'datepicker';
     picker?: true | Omit<AbsoluteSingleCalendarProps, 'initialValue' | 'onSubmit' | 'invalid' | 'open'>;
     value: string;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { ElementOrString } from '../../../../interfaces';
+import { ReactNode } from '../../../../interfaces';
 import { IconProps } from '../../../Icon/interfaces';
 import { Mask } from '../../interfaces';
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label?: ElementOrString;
+    label?: ReactNode;
     invalid?: boolean;
     disabled?: boolean;
     loading?: boolean;
@@ -18,17 +18,21 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     setValue?: (value: string) => void;
     onPressEnter?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     htmlDisabled?: boolean;
+    htmlReadOnly?: boolean;
     type?: 'text' | 'number' | 'search' | 'email' | 'url' | 'PASSWORD';
     width?: string;
     arrows?: boolean;
     borderless?: boolean;
     paddingless?: boolean;
     inputWidth?: string;
+    children?: React.ReactNode;
 }
 export interface StyledLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    readOnly: 1 | 0;
     invalid: 1 | 0;
     disabled: 1 | 0;
     paddingless: 1 | 0;
+    loading: 1 | 0;
     icon?: {
         width: string | number;
         position: 'left' | 'right';

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

@@ -1,5 +1,10 @@
+/// <reference types="react" />
 import { StyledInputProps, StyledLabelProps, StyledLabelTextProps } from './interfaces';
 export declare const IconContainer: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const ChildrenContainer: import("styled-components").StyledComponent<(props: import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, StyledInputProps, never>;
+export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    width?: string | undefined;
+}, never>;
 export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, StyledLabelProps, never>;
 export declare const LabelText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledLabelTextProps, never>;

package/dist/components/Input/components/RadioButton/interfaces.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ElementOrString } from '../../../../interfaces';
+import { ReactNode } from '../../../../interfaces';
 export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    label?: ElementOrString;
+    label?: ReactNode;
     required?: boolean;
     invalid?: boolean;
     type: 'radio';

package/dist/components/Input/components/Range/interfaces.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
-import { ElementOrString } from '../../../../interfaces';
+import { ReactNode } from '../../../../interfaces';
 export interface Marker {
-    label: ElementOrString;
+    label: ReactNode;
     value: number;
 }
 export interface RangeProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'min' | 'max' | 'onChange'> {
     type: 'range';
-    label?: ElementOrString;
-    minLabel?: ElementOrString;
-    maxLabel?: ElementOrString;
+    label?: ReactNode;
+    minLabel?: ReactNode;
+    maxLabel?: ReactNode;
     invalid?: boolean;
     disabled?: boolean;
     required?: boolean;

package/dist/components/Input/components/Select/hooks/Select/interfaces.d.ts

@@ -1,8 +1,9 @@
-import { CommonContext, Option, CommonProps } from '../interfaces';
+import { CommonContext, CommonProps, Option } from '../interfaces';
 export interface SelectProps extends CommonProps {
     type: 'select';
     name?: string;
-    setValue: (value: string, option: Option) => void;
+    setValue: (value: string, option: Option['data']) => void;
+    onClear: (value: string) => void;
     value: string;
 }
 export declare type ContextInterface = CommonContext<SelectProps>;

package/dist/components/Input/components/Select/hooks/SelectMultiple/components/Label/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SelectOptionLabelProps, Option } from '../../interfaces';
+declare const Label: (props: {
+    option: SelectOptionLabelProps;
+    label: Option['label'];
+}) => JSX.Element;
+export default Label;

package/dist/components/Input/components/Select/hooks/SelectMultiple/interfaces.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { CommonContext, Option, CommonProps } from '../interfaces';
+import { CommonContext, CommonProps } from '../interfaces';
 export interface SelectProps extends CommonProps {
     type: 'select-multiple';
-    setValue: (value: string[], options: Option[]) => void;
-    value: string[] | Option[];
+    setValue: (value: string[]) => void;
+    value: string[];
     selectAll?: boolean;
 }
 export interface ContextInterface extends CommonContext<SelectProps> {
-    checked: [Option[], React.Dispatch<React.SetStateAction<Option[]>>];
+    checked: [string[], React.Dispatch<React.SetStateAction<string[]>>];
 }
 export * from '../interfaces';

package/dist/components/Input/components/Select/hooks/interfaces.d.ts

@@ -1,27 +1,25 @@
 /// <reference types="react" />
-import { ElementOrString, SpacingOrZero, Spacings } from '../../../../../interfaces';
+import { ReactNode, GenericObject, SpacingOrZero, Spacings } from '../../../../../interfaces';
 import { Position } from '../../../../AbsoluteContainer/interfaces';
 import { Option as MenuOption } from '../../../../Menu/interfaces';
 import { InputProps } from '../../Input/interfaces';
-export interface Option {
-    label: string | {
-        text: string;
-        element: ElementOrString;
-    };
+export declare type SelectOptionLabelProps<T extends GenericObject = GenericObject> = {
     value: string;
-    data?: any;
+    data: T;
     disabled?: boolean;
-    rules?: MenuOption['rules'];
-    onClick?: (index: number, option: Pick<Option, 'value' | 'data'> & {
-        label: Exclude<Option['label'], string>;
-    }, event: React.MouseEvent) => void;
-}
-interface LoaderReturn {
-    options: Option[];
+    mode?: 'placeholder';
+};
+export declare type SelectOptionLabelComponent<T extends GenericObject = GenericObject> = React.FunctionComponent<SelectOptionLabelProps<T>>;
+export declare type Option<T extends GenericObject = GenericObject> = Pick<MenuOption, 'onClick' | 'rules' | 'data' | 'disabled'> & {
+    label: ReactNode | SelectOptionLabelComponent<T>;
+    value: string;
+};
+interface LoaderReturn<T extends GenericObject = GenericObject> {
+    options: Option<T>[];
     lastPage: boolean;
 }
-export declare type Loader = (search: string, page: number) => Promise<LoaderReturn | Option[]>;
-export interface CommonProps extends Omit<InputProps, 'type' | 'mask' | 'icon' | 'setValue' | 'name' | 'value' | 'onChange'> {
+export declare type Loader<T extends GenericObject = GenericObject> = (search: string, page: number) => Promise<LoaderReturn<T> | Option<T>[]>;
+export interface CommonProps extends Omit<InputProps, 'type' | 'mask' | 'icon' | 'setValue' | 'name' | 'value' | 'onChange' | 'children' | 'clearable'> {
     onScrollEnd?: () => Promise<void>;
     position?: Position;
     search?: boolean;
@@ -43,18 +41,10 @@ export interface CommonContext<SelectProps extends CommonProps> extends BaseCont
     props: SelectProps;
     options: Option[];
 }
-export interface ParsedOption extends MenuOption {
-    label: {
-        text: string;
-        element: ElementOrString;
-    };
-}
 export interface useSelectReturn {
-    parsedOptions: ParsedOption[];
+    parsedOptions: MenuOption[];
     options: [Option[], React.Dispatch<React.SetStateAction<Option[]>>];
-    input: {
-        value: string;
-    };
+    inputContent: React.ReactNode;
     onReset: () => void;
     menu: {
         itemSpacing?: SpacingOrZero | Spacings;
@@ -63,5 +53,6 @@ export interface useSelectReturn {
         maxHeight: string;
     };
     getContext: (base: BaseContext, children: JSX.Element) => JSX.Element;
+    onClear: () => void;
 }
 export {};

package/dist/components/Input/components/Switch/interfaces.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { ElementOrString } from '../../../../interfaces';
+import { ReactNode } from '../../../../interfaces';
 export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    label?: ElementOrString | {
-        label?: ElementOrString;
-        before?: ElementOrString;
-        after?: ElementOrString;
+    label?: ReactNode | {
+        label?: ReactNode;
+        before?: ReactNode;
+        after?: ReactNode;
     };
     labelProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
     required?: boolean;

package/dist/components/Input/components/Tags/interfaces.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ElementOrString } from '../../../../interfaces';
+import { ReactNode } from '../../../../interfaces';
 import { InputProps } from './components/Input/interfaces';
 export interface LabelProps extends React.HTMLAttributes<HTMLLabelElement> {
     disabled?: boolean;
@@ -10,7 +10,7 @@ export interface TagContainerProps extends React.HTMLAttributes<HTMLDivElement>
 }
 export interface TagsProps {
     type: 'tags';
-    label?: ElementOrString;
+    label?: ReactNode;
     width?: string;
     disabled?: boolean;
     loading?: boolean;

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

@@ -1,23 +1,23 @@
 import React from 'react';
 import { PopupProps } from 'semantic-ui-react';
-import { Borders, ElementOrString, SpacingOrZero, Spacings } from '../../interfaces';
+import { Borders, ReactNode, GenericObject, SpacingOrZero, Spacings } from '../../interfaces';
 import { AbsoluteContainerProps } from '../AbsoluteContainer/interfaces';
 /** funcao que fara a validacao da regra, deve retornar true caso passe na validacao, e false ou o conteudo do popup caso contrario */
-declare type Rule = (index: number, data: Option['data'], label: Exclude<Option['label'], string>) => boolean | Omit<PopupProps, 'trigger'>;
-export interface Option {
-    label: string | {
-        text: string;
-        element: ElementOrString;
-    };
+declare type Rule = (index: number, data: GenericObject) => boolean | Omit<PopupProps, 'trigger'>;
+export declare type MenuOptionLabelProps<T extends GenericObject = GenericObject> = {
     delimiter?: boolean;
     keepOpen?: boolean;
     caret?: boolean;
-    onClick?: (index: number, option: Option, event: React.MouseEvent) => void;
-    rules?: Rule[];
-    data?: any;
     disabled?: boolean;
     border?: Borders;
-}
+    data: T;
+};
+export declare type OptionLabelComponent<T extends GenericObject = GenericObject> = React.FunctionComponent<MenuOptionLabelProps<T>>;
+export declare type Option<T extends GenericObject = GenericObject> = MenuOptionLabelProps<T> & {
+    label: ReactNode | OptionLabelComponent<T>;
+    onClick?: (index: number, option: Option, event: React.MouseEvent) => void;
+    rules?: Rule[];
+};
 export interface CommonProps extends Omit<AbsoluteContainerProps, 'children'> {
     bordered?: boolean;
     containerSpacing?: SpacingOrZero | Omit<Spacings, 'right'>;
@@ -29,11 +29,11 @@ export interface MenuProps extends CommonProps {
     close: () => void;
     options: Option[];
     loading?: boolean;
-    innerContent?: ElementOrString;
+    innerContent?: ReactNode;
     scrollSpacing?: SpacingOrZero | Spacings;
     onScrollEnd?: () => void;
-    before?: ElementOrString;
-    after?: ElementOrString;
+    before?: ReactNode;
+    after?: ReactNode;
 }
 export declare type ContainerProps = CommonProps;
 export declare type MenuInterface = (props: MenuProps, ref?: React.ForwardedRef<HTMLDivElement>) => JSX.Element;

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

@@ -1,14 +1,14 @@
 import React from 'react';
-import { ElementOrString, SpacingOrZero, Spacings } from '../../interfaces';
+import { ReactNode, SpacingOrZero, Spacings } from '../../interfaces';
 interface Common extends React.HTMLAttributes<HTMLDivElement> {
     height?: string;
     spacing?: SpacingOrZero | Omit<Spacings, 'right'>;
 }
 export interface ScrollContainerProps extends Common {
     onScrollEnd?: (event: React.UIEvent<HTMLDivElement, UIEvent>) => void | Promise<void>;
-    before?: ElementOrString;
-    after?: ElementOrString;
-    inner?: ElementOrString;
+    before?: ReactNode;
+    after?: ReactNode;
+    inner?: ReactNode;
     loading?: boolean;
 }
 export declare type OverflowContainerProps = Common;