@lax-wp/design-system 0.3.78 → 0.3.79

package/dist/components/data-display/label-value/LabelValue.d.ts

@@ -42,9 +42,10 @@ export interface MasterDataModalProps {
 }
 /**
  * Risk details card component props
+ * Using generic to allow custom risk detail types from consumers
  */
-export interface RiskDetailsCardProps {
-    riskDetails: RiskDetails;
+export interface RiskDetailsCardProps<TRisk = any> {
+    riskDetails: TRisk;
     maxWidth?: string;
     showAllRisksSuggestions?: boolean;
 }
@@ -88,6 +89,10 @@ export interface LabelValueProps {
     originalValue?: boolean;
     /** Whether to show diff between old and new values */
     showDiff?: boolean;
+    /** Whether this is a live field (shows bolt icon) */
+    isLiveField?: boolean;
+    /** Delta change value for currency fields */
+    deltaChange?: number;
     /** Theme mode */
     theme?: ThemeMode;
     /** Upload handler function */
@@ -96,12 +101,12 @@ export interface LabelValueProps {
     acceptsUpload?: boolean;
     /** Master data modal component */
     MasterDataModal?: React.ComponentType<MasterDataModalProps>;
-    /** Risk analysis data */
-    riskDetails?: RiskDetails;
+    /** Risk analysis data - accepts any risk object extending RiskDetails */
+    riskDetails?: RiskDetails | any;
     /** Whether risk analysis is open */
     isRiskAnalysisOpen?: boolean;
-    /** Custom risk details card component */
-    RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps>;
+    /** Custom risk details card component - accepts components with custom risk types */
+    RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;
     /** Custom aria-label for accessibility */
     'aria-label'?: string;
 }

package/dist/components/layout/CustomScrollbar.d.ts

@@ -1,14 +1,16 @@
-import React from "react";
+import React from 'react';
+import { Scrollbars } from 'react-custom-scrollbars-2';
+import type { ScrollbarProps } from 'react-custom-scrollbars-2';
 /**
  * Custom scrollbar handle for external control
  */
 export interface CustomScrollbarHandle {
+    /** Get the Scrollbars instance */
+    getInstance?: Scrollbars | null;
     /** Scroll to the top of the container */
-    scrollToTop: () => void;
+    scrollToTop?: () => void;
     /** Scroll to the right of the container */
-    scrollToRight: () => void;
-    /** Get the container element */
-    getContainer: () => HTMLDivElement | null;
+    scrollToRight?: () => void;
 }
 /**
  * Props for the CustomScrollbar component
@@ -22,14 +24,6 @@ export interface CustomScrollbarProps {
     renderViewClassName?: string;
     /** Whether to use full height */
     fullHeight?: boolean;
-    /** Additional CSS classes for the wrapper */
-    className?: string;
-    /** Custom height for the scrollbar container */
-    height?: string | number;
-    /** Whether to enable auto-hide for scrollbars */
-    autoHide?: boolean;
-    /** Custom inline styles */
-    style?: React.CSSProperties;
 }
 /**
  * CustomScrollbar component provides a styled scrollable container
@@ -49,4 +43,4 @@ export interface CustomScrollbarProps {
  * // scrollRef.current?.scrollToTop();
  * ```
  */
-export declare const CustomScrollbar: React.MemoExoticComponent<React.ForwardRefExoticComponent<CustomScrollbarProps & React.RefAttributes<CustomScrollbarHandle>>>;
+export declare const CustomScrollbar: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<CustomScrollbarProps & ScrollbarProps, "ref"> & React.RefAttributes<CustomScrollbarHandle>>>;

package/dist/hooks/useEventListener.d.ts

@@ -0,0 +1,4 @@
+import type { RefObject } from 'react';
+export declare function useEventListener<K extends keyof WindowEventMap>(eventName: K | null, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: boolean | AddEventListenerOptions): void;
+export declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K | null, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>, options?: boolean | AddEventListenerOptions): void;
+export declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K | null, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;

package/dist/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/dist/index.d.ts

@@ -124,6 +124,8 @@ export type { UseOutsideClickProps } from "./hooks/useOutsideClick";
 export { useModalContainer } from "./hooks/useModalContainer";
 export type { UseModalContainerOptions } from "./hooks/useModalContainer";
 export { useScrollToTop } from "./hooks/useScrollToTop";
+export { useEventListener } from "./hooks/useEventListener";
+export { useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect";
 export { PageContainer, HelmetTitle, Helmet, ComponentLoader, LogoLoader, CustomScrollbar } from "./components/layout";
 export type { PageContainerProps, HelmetTitleProps, HelmetProps, ComponentLoaderProps, LogoLoaderProps, CustomScrollbarProps, CustomScrollbarHandle } from "./components/layout";
 export { BreadCrumb, BreadCrumbItem } from "./components/navigation/breadcrumbs";