@lax-wp/design-system 0.3.45 → 0.3.47

package/dist/components/forms/currency-input/CurrencyInputField.d.ts

@@ -1,4 +1,3 @@
-import { type ReactNode } from "react";
 import type { LabelType } from "../../data-display/label/Label";
 /**
  * Risk details interface for risk analysis integration
@@ -11,10 +10,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<T = any> {
-    riskDetails: RiskDetails;
+    riskDetails: T;
     maxWidth?: string;
     showAllRisksSuggestions?: boolean;
 }
@@ -91,8 +90,6 @@ export interface CurrencyInputFieldProps {
     RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;
     /** Translation function */
     t?: (key: string) => string;
-    /** Function to get flag component for currency */
-    getFlagComponent?: (currencyCode: string) => ReactNode;
 }
 /**
  * A highly customizable currency input component with label, validation, and styling support.

package/dist/components/forms/dynamic-data-input/DynamicDataInputField.d.ts

@@ -10,10 +10,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<T = any> {
-    riskDetails: RiskDetails;
+    riskDetails: T;
     maxWidth?: string;
     showAllRisksSuggestions?: boolean;
 }

package/dist/components/forms/master-data-input/MasterDataInputField.d.ts

@@ -0,0 +1,137 @@
+import type { LabelType } from "../../data-display/label/Label";
+/**
+ * Risk details interface for risk analysis integration
+ */
+export interface RiskDetails {
+    color?: string;
+    description?: string;
+    hexBgColor?: string;
+    hexBorderColor?: string;
+    [key: string]: any;
+}
+/**
+ * Risk details card component props - generic to allow consumer-specific risk types
+ */
+export interface RiskDetailsCardProps<T = any> {
+    riskDetails: T;
+    maxWidth?: string;
+    showAllRisksSuggestions?: boolean;
+}
+/**
+ * Props for the MasterDataModal component
+ */
+export interface MasterDataModalProps {
+    isVisible: boolean;
+    onSelected: (masterDataValue: any, masterDataRow?: any) => void;
+    onClose: () => void;
+    masterDataColumnName: string;
+    masterDataFilters?: any;
+    masterDataName: string;
+    masterDataId: string;
+    showFilters?: boolean;
+}
+/**
+ * Props for the MasterDataInputField component
+ */
+export interface MasterDataInputFieldProps {
+    /** Unique identifier for the input */
+    id: string;
+    /** Label text to display above the input */
+    label: string;
+    /** Placeholder text for the input */
+    placeholder?: string;
+    /** Current value of the input */
+    value: any;
+    /** Callback function called when value changes */
+    onChange: (value: any, masterDataRowValue?: any) => void;
+    /** Error message to display below the input */
+    errorMessage?: string;
+    /** Callback to set error message */
+    setErrorMessage: (message: string) => void;
+    /** Callback to remove error message */
+    removeErrorMessage: () => void;
+    /** Default value for the input */
+    defaultValue?: any;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the required indicator shows as conditional (yellow instead of red) */
+    isRequiredConditional?: boolean;
+    /** Name of the master data source */
+    masterDataName: string;
+    /** Column name in the master data */
+    masterDataColumnName: string;
+    /** Formula for computing master data value */
+    masterDataFormula?: string;
+    /** Filters for master data */
+    masterDataFilters?: any;
+    /** Tags/labels to display next to the label */
+    tags?: (string | LabelType)[];
+    /** Index for array fields */
+    index?: number;
+    /** Tooltip text for the help icon */
+    tooltip?: string;
+    /** Whether to preserve original case in the label */
+    originalCase?: boolean;
+    /** Color for the input text */
+    color?: string;
+    /** Whether this is a GTN (Global Term Name) field */
+    isGTN?: boolean;
+    /** GTN field name for document integration */
+    gtnName?: any;
+    /** Whether the value was AI extracted */
+    isAiExtracted?: boolean;
+    /** Reference data for formula computation */
+    reference?: any;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Additional CSS classes for the label */
+    labelClassName?: string;
+    /** Whether this is a live field */
+    isLiveField?: boolean;
+    /** Callback function called when input loses focus */
+    onBlur?: () => void;
+    /** Handler for adding GTN to document */
+    onAddGTNToDocument?: (keyValuePair: {
+        key: string;
+        value: string;
+    }) => void;
+    /** Risk details data */
+    riskDetails?: RiskDetails;
+    /** Whether risk analysis is open */
+    isRiskAnalysisOpen?: boolean;
+    /** Custom risk details card component */
+    RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;
+    /** Primary color shades for styling */
+    primaryColorShades?: Record<number, string>;
+    /** Translation function */
+    t?: (key: string) => string;
+    /** Callback to set disable actions state */
+    setDisableActions?: (disabled: boolean) => void;
+    /** Toast function for deprecated field warning */
+    showDeprecatedFieldWarning?: () => void;
+    /** Master data modal component */
+    MasterDataModal?: React.ComponentType<MasterDataModalProps>;
+    /** Function to parse master data formula */
+    parseMasterDataFormula?: (formula: string, row: any) => string;
+}
+/**
+ * A highly customizable master data input component with label, validation, and styling support.
+ * Features master data modal integration, GTN support, risk analysis support,
+ * and comprehensive prop support for various use cases.
+ *
+ * @example
+ * ```tsx
+ * <MasterDataInputField
+ *   id="master-field"
+ *   label="Master Field"
+ *   value={fieldValue}
+ *   onChange={(value, rowValue) => setFieldValue(value)}
+ *   setErrorMessage={(msg) => setError(msg)}
+ *   removeErrorMessage={() => setError('')}
+ *   masterDataName="customers"
+ *   masterDataColumnName="name"
+ *   required
+ * />
+ * ```
+ */
+export declare const MasterDataInputField: import("react").ForwardRefExoticComponent<MasterDataInputFieldProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -10,10 +10,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<T = any> {
-    riskDetails: RiskDetails;
+    riskDetails: T;
     maxWidth?: string;
     showAllRisksSuggestions?: boolean;
 }

package/dist/index.d.ts

@@ -7,6 +7,8 @@ export { TextField } from "./components/forms/text-field/TextField";
 export type { TextFieldProps } from "./components/forms/text-field/TextField";
 export { TextAreaField } from "./components/forms/text-area-field/TextAreaField";
 export type { TextAreaFieldProps, RiskDetails as TextAreaFieldRiskDetails, RiskDetailsCardProps as TextAreaFieldRiskDetailsCardProps, } from "./components/forms/text-area-field/TextAreaField";
+export { MasterDataInputField } from "./components/forms/master-data-input/MasterDataInputField";
+export type { MasterDataInputFieldProps, RiskDetails as MasterDataInputFieldRiskDetails, RiskDetailsCardProps as MasterDataInputFieldRiskDetailsCardProps, } from "./components/forms/master-data-input/MasterDataInputField";
 export { SelectField } from "./components/forms/select-field/SelectField";
 export type { SelectFieldProps, SelectOption as SelectFieldOption, TLabelValue, } from "./components/forms/select-field/SelectField";
 export { Checkbox } from "./components/forms/checkbox/Checkbox";