@mw-kit/mw-ui 1.7.93 → 1.7.95

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { OptionLabelComponent } from '../../../../Menu/interfaces';
 import { AppliedFilter } from '../../../interfaces';
-import { Common, Filter, Option } from '../../interfaces';
+import { Common, Filter } from '../../interfaces';
 export interface SubmenuProps {
     item?: Filter;
-    optionLabel?: OptionLabelComponent<Option>;
+    optionLabel?: OptionLabelComponent;
     close: () => void;
     closeParent: () => void;
     setAppliedFilters: React.Dispatch<React.SetStateAction<AppliedFilter[]>>;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FiltersProps } from './interfaces';
-declare const Filters: ((props: FiltersProps) => JSX.Element) & {
+declare const Filters: (<T extends Record<string | number | symbol, any> = Record<string | number | symbol, any>>(props: FiltersProps<T>) => JSX.Element) & {
     Menu: (props: import("./components/Menu/interfaces").FiltersMenuProps) => JSX.Element;
 };
 export default Filters;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ReactNode, SpacingOrZero } from '../../../interfaces';
+import { GenericObject, ReactNode, SpacingOrZero } from '../../../interfaces';
 import { AbsoluteContainerProps } from '../../AbsoluteContainer/interfaces';
 import { OptionLabelComponent } from '../../Menu/interfaces';
 import { ButtonProps } from '../Button/interfaces';
@@ -8,28 +8,29 @@ export interface Label {
     text: string;
     element: ReactNode;
 }
-export interface Option {
+export interface Option<T extends GenericObject = GenericObject> {
     /** label da opcao */
     label: string;
+    data: T;
     /** valor da opcao */
     value: string | number | boolean;
 }
-export interface OptionsReturn {
-    options: Option[];
+export interface OptionsReturn<T extends GenericObject = GenericObject> {
+    options: Option<T>[];
     lastPage: boolean;
 }
 /**
  * essa callback recebe o valor da string de busca e opcionalmente o indice da pagina, e ela deve retornar uma lista de opcoes
  * para que a paginacao seja considerada, e necessario retornar a lista de opcoes em um objeto, juntamente com o indicador de ultima pagina
  * */
-export declare type OptionsCallback = (value: string, page?: number) => Promise<OptionsReturn | Option[]>;
-export interface Filter {
+export declare type OptionsCallback<T extends GenericObject = GenericObject> = (value: string, page?: number) => Promise<OptionsReturn<T> | Option<T>[]>;
+export interface Filter<T extends GenericObject = GenericObject> {
     /** label do filtro */
     label: string;
     /** nome da chave do filtro */
     name: string;
     /** lista de opcoes ou funcao que retorna a lista de opcoes */
-    options: Option[] | OptionsCallback;
+    options: Option<T>[] | OptionsCallback<T>;
     /** se o filtro for do tipo callback, podera ser enviado este parametro para indicar se o filtro permite busca com string vazia */
     allowEmptySearch?: boolean;
     /** indicador de filtro desabilitado */
@@ -41,14 +42,14 @@ export interface Filter {
     /** mantem o menu de filtros abertos após a selecao */
     keepOpen?: true;
 }
-export interface Common {
-    items: Filter[];
+export interface Common<T extends GenericObject = GenericObject> {
+    items: Filter<T>[];
     optionLabel?: {
-        [key: string]: OptionLabelComponent<Option>;
+        [key: string]: OptionLabelComponent<T>;
     };
-    filterLabel?: OptionLabelComponent<Filter>;
+    filterLabel?: OptionLabelComponent<Filter<T>>;
     setAppliedFilters: React.Dispatch<React.SetStateAction<AppliedFilter[]>>;
     containerProps?: Omit<AbsoluteContainerProps, 'open'>;
     subContainerProps?: Pick<AbsoluteContainerProps, 'center'>;
 }
-export declare type FiltersProps = Common & Omit<ButtonProps, 'getContent' | 'gap'>;
+export declare type FiltersProps<T extends GenericObject = GenericObject> = Common<T> & Omit<ButtonProps, 'getContent' | 'gap'>;

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

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

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

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

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

@@ -48,4 +48,5 @@ export interface useSelectReturn {
     onClear?: () => void;
     dirty?: InputProps['dirty'];
 }
+export declare type useSelect<Props extends CommonProps> = (props: Props, highlight: [number, React.Dispatch<React.SetStateAction<number>>], options: [Option[], React.Dispatch<React.SetStateAction<Option[]>>], setOpen: React.Dispatch<React.SetStateAction<boolean>>) => useSelectReturn;
 export {};

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

@@ -24,7 +24,11 @@ export interface CommonProps extends Omit<AbsoluteContainerProps, 'children' | '
 export interface MenuProps<T extends GenericObject = GenericObject> extends CommonProps, Pick<ScrollContainerProps, 'onScrollEnd' | 'loading' | 'before' | 'after'> {
     open: boolean;
     close: () => void;
-    options: Option<T>[];
+    options: (Option<T> & {
+        labelComponent?: OptionLabelComponent<T>;
+        onClick?: (index: number, option: T, event: React.MouseEvent) => void;
+        rules?: Rule<T>[];
+    })[];
     scrollSpacing?: ScrollContainerProps['spacing'];
     scrollTabIndex?: number;
     emptyContent?: ReactNode;

package/dist/index.js

@@ -13041,8 +13041,6 @@ var MenuComponent = function MenuComponent(props, ref) {
   var absoluteContainerProps = filterObject(props, ['scrollSpacing', 'scrollTabIndex', 'label', 'rules', 'onClickOption', 'onScrollEnd', 'before', 'after', 'close', 'options', 'loading', 'children', 'emptyContent', 'highlight'], {
     itemSpacing: 's1'
   });
-  var rules = props.rules || [];
-  var LabelComponent = props.label || EmptyLabel;
   return React__default.createElement(Container$2, Object.assign({}, absoluteContainerProps, {
     ref: ref
   }), React__default.createElement(React__default.Fragment, null, React__default.createElement(ScrollContainer, {
@@ -13074,14 +13072,14 @@ var MenuComponent = function MenuComponent(props, ref) {
     };
 
     if (!disabled) {
-      var rule = rules.map(function (rule) {
+      var rule = (option.rules || props.rules || []).map(function (rule) {
         return rule(index, data);
       }).find(function (result) {
         return result !== true;
       });
 
       if (rule === true || rule === undefined) {
-        var _onClick = props.onClickOption || function () {};
+        var _onClick = option.onClick || props.onClickOption || function () {};
 
         onClick = function onClick(e) {
           _onClick(index, option.data, e);
@@ -13114,6 +13112,7 @@ var MenuComponent = function MenuComponent(props, ref) {
     }
 
     OptionContent.displayName = 'OptionContent';
+    var LabelComponent = option.labelComponent || props.label || EmptyLabel;
     return React__default.createElement(React__default.Fragment, {
       key: index
     }, React__default.createElement(OptionContent, null, React__default.createElement(Option, {
@@ -14705,11 +14704,11 @@ var useNavigation = function useNavigation(props) {
     }
   }, [highlight, options, rules]);
 
-  var onFocus = function onFocus(e) {
+  var onFocus = function onFocus() {
     setHighlight(0);
   };
 
-  var onBlur = function onBlur(e) {
+  var onBlur = function onBlur() {
     setHighlight(-1);
   };
 
@@ -15059,7 +15058,7 @@ var parseValue = function parseValue(value) {
   return parsed;
 };
 
-var useSelectMultiple = function useSelectMultiple(props, _ref, _ref2, _setOpen) {
+var useSelectMultiple = function useSelectMultiple(props, _ref, _ref2) {
   var highlight = _ref[0],
       setHighlight = _ref[1];
   var options = _ref2[0],
@@ -18097,7 +18096,7 @@ var Submenu = function Submenu(props) {
   var optionsParser = function optionsParser(option) {
     return {
       label: option.label,
-      data: option
+      data: option.data
     };
   };