@mw-kit/mw-ui 1.7.86 → 1.7.88

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

@@ -11,8 +11,6 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     icon?: {
         icon: IconProps;
         position?: 'left' | 'right';
-        submit?: boolean;
-        onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     };
     clearable?: boolean | (() => void);
     setValue?: (value: string) => void;
@@ -27,6 +25,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     paddingless?: boolean;
     inputWidth?: string;
     children?: React.ReactNode;
+    dirty?: (() => void) | string;
 }
 export interface StyledLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     $readOnly?: boolean;
@@ -35,10 +34,8 @@ export interface StyledLabelProps extends React.LabelHTMLAttributes<HTMLLabelEle
     $viewMode?: boolean;
     $paddingless?: boolean;
     $loading?: boolean;
-    $icon?: {
-        width: string | number;
-        position: 'left' | 'right';
-    };
+    $iconPosition: Required<InputProps>['icon']['position'];
+    $iconWidths: (string | number)[];
     $width?: string;
 }
 export interface StyledInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'required'> {

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

@@ -1,6 +1,6 @@
 /// <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 IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ChildrenContainer: import("styled-components").StyledComponent<(props: import("../../../EllipsisContainer/types").EllipsisContainerProps) => 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, {

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

@@ -38,4 +38,5 @@ export interface Details {
 export interface IconProps {
     country: [Country, React.Dispatch<React.SetStateAction<Country>>];
     open: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
+    disabled?: boolean;
 }

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { useSelectReturn } from '../interfaces';
-import { SelectProps } from './interfaces';
-declare const useSelect: (props: SelectProps) => useSelectReturn;
+import { Option, SelectProps } from './interfaces';
+declare const useSelect: (props: SelectProps, [options, setOptions]: [Option[], React.Dispatch<React.SetStateAction<Option[]>>]) => useSelectReturn;
 export default useSelect;

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

@@ -5,6 +5,7 @@ export interface SelectProps extends CommonProps {
     setValue: (value: string, option: Option['data']) => void;
     onClear?: (value: '') => void;
     value: string | Pick<Option, 'value' | 'data' | 'label'>;
+    dirty?: (() => void) | Pick<Option, 'value' | 'data'>;
 }
 export declare type ContextInterface = CommonContext<SelectProps>;
 export * from '../interfaces';

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { useSelectReturn } from '../interfaces';
-import { SelectProps } from './interfaces';
-declare const useSelectMultiple: (props: SelectProps) => useSelectReturn;
+import { Option, SelectProps } from './interfaces';
+declare const useSelectMultiple: (props: SelectProps, [options, setOptions]: [Option[], React.Dispatch<React.SetStateAction<Option[]>>]) => useSelectReturn;
 export default useSelectMultiple;

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

@@ -5,6 +5,7 @@ export interface SelectProps extends CommonProps {
     setValue: (value: string[], data: Option['data'][]) => void;
     value: (Pick<Option, 'value' | 'data'> | string)[];
     selectAll?: boolean;
+    dirty?: (() => void) | Pick<Option, 'value' | 'data'>[];
 }
 export interface ContextInterface extends CommonContext<SelectProps> {
     checked: [Pick<Option, 'value' | 'data'>[], React.Dispatch<React.SetStateAction<Pick<Option, 'value' | 'data'>[]>>];

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

@@ -18,8 +18,8 @@ interface LoaderReturn<T extends GenericObject = GenericObject> {
     options: Option<T>[];
     lastPage: boolean;
 }
-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' | 'value' | 'onChange' | 'children' | 'clearable'> {
+export declare type Loader<T extends GenericObject = GenericObject> = (search: string, page: number) => Promise<LoaderReturn<T> | Option<T>[] | null>;
+export interface CommonProps extends Omit<InputProps, 'type' | 'mask' | 'icon' | 'setValue' | 'value' | 'onChange' | 'children' | 'clearable' | 'dirty'> {
     onScrollEnd?: () => Promise<void>;
     position?: Position;
     search?: boolean;
@@ -27,9 +27,15 @@ export interface CommonProps extends Omit<InputProps, 'type' | 'mask' | 'icon' |
         x: number;
         y: number;
     };
+    /**
+     * async function to load options
+     *
+     * returning null will keep loading, until the loader be called again (useful when aborting requests)
+     */
     loader: Loader;
     maxHeight?: string;
     emptyContent?: ReactNode;
+    initialOptions?: Option[];
 }
 interface BaseContext {
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
@@ -53,5 +59,6 @@ export interface useSelectReturn {
     };
     getContext: (base: BaseContext, children: JSX.Element) => JSX.Element;
     onClear?: () => void;
+    dirty?: InputProps['dirty'];
 }
 export {};

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

@@ -1,13 +1,6 @@
 /// <reference types="react" />
 import { SpacingOrZero, Spacings } from '../../interfaces';
-export declare type TabComponent<T = {}> = React.FunctionComponent<{
-    data: T;
-}>;
-export declare type TabProvider<T = {}> = React.FunctionComponent<React.PropsWithChildren<{
-    active: boolean;
-    data: T;
-}>>;
-export declare type TabProps<T = {}> = {
+declare type Tab<T = {}> = {
     /**
      * Define the tab label.
      */
@@ -16,7 +9,15 @@ export declare type TabProps<T = {}> = {
      * Define the tab data.
      */
     data: T;
-} & ({
+};
+export declare type TabComponent<T = {}> = React.FunctionComponent<{
+    data: T;
+}>;
+export declare type TabProvider<T = {}> = React.FunctionComponent<React.PropsWithChildren<{
+    active: boolean;
+    setTab: React.Dispatch<React.SetStateAction<Tab<T>>>;
+} & Tab<T>>>;
+export declare type TabProps<T = {}> = Tab<T> & ({
     /**
      * Specifies which component, will mount/unmount everytime the tab is ACTIVATED/INACTIVATED
      */
@@ -75,3 +76,4 @@ export interface StyledTabsProps {
     $active?: boolean;
 }
 export declare type TabsComponent = <T = {}>(props: React.PropsWithChildren<TabsProps<T>>) => JSX.Element;
+export {};