@mateosuarezdev/react-ui 1.0.7 → 1.0.13

package/dist/index.d.ts

@@ -215,7 +215,7 @@ export declare const FormTextArea: ({ name, customRead, customSet, ...others }:
 
 declare type FormWrapperProps<T extends FieldValues> = {
     methods: UseFormReturn<T>;
-    onSubmit: RHFSubmitHandler<T>;
+    onSubmit: SubmitHandler<T>;
     onError?: (errors: FieldErrors<T>) => void;
     children: default_2.ReactNode;
     logErrors?: boolean;
@@ -303,6 +303,10 @@ declare type KeepAliveProps = React.HTMLAttributes<HTMLDivElement> & {
     enabled?: boolean;
 };
 
+declare type KeyMapping = {
+    [key: string]: (event: KeyboardEvent) => void;
+};
+
 export declare const MultiSelect: <T>({ label, labelPosition, options, selectedValues, onChange, idExtractor, labelExtractor, customSetter, valid, error, placeholder, maxSelections, searchable, disabled, className, }: MultiSelectProps<T>) => JSX.Element;
 
 declare interface MultiSelectProps<T> {
@@ -480,6 +484,34 @@ declare interface UseClickOutsideOptions {
 
 export declare const useKeepAlive: () => KeepAliveContextType;
 
+/**
+ * Custom hook for handling keyboard events in React
+ *
+ * @param keyMap - Object mapping keys to callback functions
+ * @param options - Additional options for event handling
+ *
+ * @example
+ * useKeyListener({
+ *   'Escape': (e) => {
+ *     e.preventDefault();
+ *     setIsOpen(false);
+ *   },
+ *   'Tab': (e) => {
+ *     if (document.activeElement === inputRef.current) {
+ *       e.preventDefault();
+ *       // Custom tab handling logic
+ *     }
+ *   }
+ * });
+ */
+export declare function useKeyListener(keyMap: KeyMapping, { target, event, enabled }?: UseKeyListenerOptions): void;
+
+declare type UseKeyListenerOptions = {
+    target?: EventTarget | HTMLElement;
+    event?: "keydown" | "keyup" | "keypress";
+    enabled?: boolean;
+};
+
 /**
  * Custom hook that returns whether the current viewport is larger than the 'lg' breakpoint.
  *