@lax-wp/design-system 0.3.53 → 0.3.55

package/dist/components/forms/percentage-input/PercentageInputField.d.ts

@@ -88,6 +88,8 @@ export interface PercentageInputFieldProps {
     RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;
     /** Translation function */
     t?: (key: string) => string;
+    /** Input placeholder */
+    placeholder?: string;
 }
 /**
  * A highly customizable percentage input component with label, validation, and styling support.

package/dist/components/forms/select-field/SelectField.d.ts

@@ -29,10 +29,10 @@ export interface RiskDetails {
     [key: string]: any;
 }
 /**
- * Risk details card component props
+ * Risk details card component props - generic to allow consumer-specific risk types
  */
-export interface RiskDetailsCardProps {
-    riskDetails: RiskDetails;
+export interface RiskDetailsCardProps<T = any> {
+    riskDetails: T;
     maxWidth?: string;
     showAllRisksSuggestions?: boolean;
 }
@@ -77,7 +77,10 @@ export interface SelectFieldProps extends Omit<SelectProps, 'onChange'> {
     /** GTN name for the field */
     gtnName?: any;
     /** Handler for adding GTN to document */
-    handleAddGTNToDocument?: (value: string | string[]) => void;
+    onAddGTNToDocument?: (keyValuePair: {
+        key: string;
+        value: string;
+    }) => void;
     /** Whether the field is hovered */
     isHovered?: boolean;
     /** Whether to enable filter option */
@@ -109,7 +112,7 @@ export interface SelectFieldProps extends Omit<SelectProps, 'onChange'> {
     /** Whether risk analysis is open */
     isRiskAnalysisOpen?: boolean;
     /** Custom risk details card component */
-    RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps>;
+    RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;
     /** Add to document icon component */
     AddToDocumentIcon?: React.ComponentType<{
         fontSize?: number;
@@ -126,6 +129,8 @@ export interface SelectFieldProps extends Omit<SelectProps, 'onChange'> {
         enablePopper: boolean;
         userId: string;
     }>;
+    /** Whether the required indicator shows as conditional (yellow instead of red) */
+    isRequiredConditional?: boolean;
     /** Translation function */
     t?: (key: string) => string;
 }