@trackunit/react-components 0.1.67 → 0.1.69

package/src/components/FormGroup/FormGroup.d.ts

@@ -9,6 +9,7 @@ export interface FormGroupProps extends CommonProps {
      * Content to display in the tooltip when hovering the ? icon next to the label.
      */
     tip?: string | React.ReactNode;
+    htmlFor?: string;
     /**
      * A string to display under the input element to help the user understand the input.
      */
@@ -35,4 +36,4 @@ export interface FormGroupProps extends CommonProps {
  * @param {FormGroupProps} props - The props for the FormGroup component
  * @returns {JSX.Element} FormGroup component
  */
-export declare const FormGroup: ({ isInvalid, helpText, helpAddon, tip, className, dataTestId, label, children, disabled, }: FormGroupProps) => JSX.Element;
+export declare const FormGroup: ({ isInvalid, helpText, helpAddon, tip, className, dataTestId, label, htmlFor, children, disabled, }: FormGroupProps) => JSX.Element;

package/src/hooks/index.d.ts

@@ -1,4 +1,6 @@
+export * from "./useClickOutside";
 export * from "./useDebounce";
 export * from "./useDevicePixelRatio";
 export * from "./useLocalStorage";
+export * from "./useResize";
 export * from "./useTimeout";

package/src/hooks/useClickOutside.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from "react";
+/**
+ * Custom hook to handle click outside events.
+ *
+ * @param {RefObject<HTMLElement> | Array<RefObject<HTMLElement>>} el - The reference(s) to the element(s) to watch for click outside events.
+ * @param {Object | Function} [options={}] - Configuration options or the click event handler if options are not provided.
+ * @param {boolean} [options.active=true] - Whether the click outside event listener should be active.
+ * @param {Function} [onClick] - The event handler for the click outside event.
+ */
+export declare const useClickOutside: (el: RefObject<HTMLElement> | RefObject<HTMLElement>[], options?: {
+    active?: boolean | undefined;
+} | ((ev: MouseEvent) => void), onClick?: ((ev: MouseEvent) => void) | undefined) => void;

package/src/hooks/useResize.d.ts

@@ -0,0 +1,10 @@
+export interface WindowSize {
+    height: number;
+    width: number;
+}
+/**
+ * Custom hook to handle window resize events and provide the current window size.
+ *
+ * @returns {WindowSize} An object containing the current window height and width.
+ */
+export declare const useResize: () => WindowSize;