@lax-wp/design-system 0.3.78 → 0.3.80

package/dist/components/data-display/banner/Banner.d.ts

@@ -1,31 +1,27 @@
+import React from "react";
 /**
  * Available banner status options
  */
-export type BannerStatus = "success" | "error" | "warning" | "info" | "archived" | "canceled" | "queued" | "paused" | "awaiting_action" | "skipped" | "pending";
+export type BannerStatus = "success" | "error" | "warning" | "info" | "infoGrey" | "archived" | "canceled" | "queued" | "paused" | "awaiting_action" | "skipped" | "pending";
 /**
  * Props for the Banner component
  */
 export interface BannerProps {
-    /** The banner status/color variant */
-    status: BannerStatus;
     /** The main content to display */
     children: React.ReactNode;
+    /** The banner status/color variant */
+    status: BannerStatus;
     /** Additional content to display on the right side */
     additionalChildren?: React.ReactNode;
-    /** Component to render when expanded (for error status) */
+    /** Component to render when expanded (for error status). Receives executionId as prop. */
     ExpandedComponent?: React.ComponentType<{
-        children: React.ReactNode;
+        executionId?: string;
+        children?: React.ReactNode;
     }>;
-    /** Whether the banner is expandable */
-    expandable?: boolean;
-    /** Custom icon to override default status icon */
-    icon?: React.ReactNode;
+    /** Execution ID to pass to the ExpandedComponent */
+    executionId?: string;
     /** Additional CSS classes for the wrapper */
     className?: string;
-    /** Callback when banner is clicked (if expandable) */
-    onClick?: () => void;
-    /** Custom aria-label for accessibility */
-    "aria-label"?: string;
 }
 /**
  * Banner component displays important information with status-based styling
@@ -33,9 +29,9 @@ export interface BannerProps {
  * @example
  * ```tsx
  * <Banner status="success">Operation completed successfully</Banner>
- * <Banner status="error" expandable ExpandedComponent={ErrorDetails}>
+ * <Banner status="error" ExpandedComponent={FlowErrorBanner} executionId="123">
  *   Error occurred
  * </Banner>
  * ```
  */
-export declare const Banner: import("react").ForwardRefExoticComponent<BannerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;

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/icons/ArchivedIcon.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface ArchivedIconProps {
+    className?: string;
+    size?: string;
+    fill?: string;
+}
+export declare const ArchivedIcon: FC<ArchivedIconProps>;

package/dist/components/icons/CheckCircle.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface CheckCircleProps {
+    fill?: string;
+    size?: number;
+    className?: string;
+}
+export declare const CheckCircle: FC<CheckCircleProps>;

package/dist/components/icons/InfoAlert.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface InfoAlertProps {
+    fill?: string;
+    size?: number;
+    className?: string;
+}
+export declare const InfoAlert: FC<InfoAlertProps>;

package/dist/components/icons/InfoCircleIcon.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface InfoCircleIconProps {
+    fill?: string;
+    size?: number;
+    className?: string;
+}
+export declare const InfoCircleIcon: FC<InfoCircleIconProps>;

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

@@ -93,8 +93,16 @@ export { LaxIcon } from "./components/icons/LaxIcon";
 export { ComingSoonIcon } from "./components/icons/ComingSoonIcon";
 export { CheckSmallIcon } from "./components/icons/CheckSmallIcon";
 export { EditIcon } from "./components/icons/EditIcon";
+export { CheckCircle } from "./components/icons/CheckCircle";
+export { InfoAlert } from "./components/icons/InfoAlert";
+export { ArchivedIcon } from "./components/icons/ArchivedIcon";
+export { InfoCircleIcon } from "./components/icons/InfoCircleIcon";
 export type { IconProps } from "./components/icons/LaxIcon";
 export type { EditIconProps } from "./components/icons/EditIcon";
+export type { CheckCircleProps } from "./components/icons/CheckCircle";
+export type { InfoAlertProps } from "./components/icons/InfoAlert";
+export type { ArchivedIconProps } from "./components/icons/ArchivedIcon";
+export type { InfoCircleIconProps } from "./components/icons/InfoCircleIcon";
 export { AccessDeniedModal } from "./components/data-display/access-denied-modal/AccessDeniedModal";
 export type { AccessDeniedModalProps } from "./components/data-display/access-denied-modal/AccessDeniedModal";
 export { InProgress } from "./components/data-display/in-progress/InProgress";
@@ -124,6 +132,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";