@lax-wp/design-system 0.3.46 → 0.3.48

package/dist/components/buttons/option-button/OptionButton.d.ts

@@ -1,69 +1,52 @@
-import { type ReactNode, type MouseEvent } from "react";
-/**
- * Available button sizes
- */
-export type OptionButtonSize = "small" | "medium" | "large";
-/**
- * Available button variants
- */
-export type OptionButtonVariant = "default" | "highlight" | "destructive";
+import { type FC, type ReactNode } from "react";
 /**
  * Props for the OptionButton component
  */
 export interface OptionButtonProps {
+    /** Unique identifier for the button */
+    id?: string;
+    /** Click handler for the button */
+    onClick?(e?: any): void;
+    /** Icon to display before the text */
+    icon?: ReactNode;
     /** Button text content */
     text: string;
-    /** Click handler for the button */
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /** Whether the button is disabled */
-    disabled?: boolean;
-    /** Whether the button should be hidden */
-    hidden?: boolean;
     /** Additional CSS classes */
     className?: string;
-    /** Button size variant */
-    size?: OptionButtonSize;
-    /** Button visual variant */
-    variant?: OptionButtonVariant;
-    /** Icon to display before the text */
-    icon?: ReactNode;
-    /** Icon to display after the text (trailing) */
-    trailingIcon?: ReactNode;
+    /** Whether the button is disabled */
+    isDisabled?: boolean;
+    /** Callback when the button is closed */
+    onClose?(): void;
+    /** Whether the button should be hidden */
+    notVisible?: boolean;
     /** Whether to hide hover effects */
     hideHoverEffect?: boolean;
-    /** Callback when the button is closed */
-    onClose?: () => void;
+    /** Icon to display after the text (trailing) */
+    leadingIcon?: ReactNode;
+    /** Suffix record object for badge content lookup by text */
+    suffixRecord?: Record<string, string | number>;
     /** Whether to stop event propagation on click */
     stopPropagation?: boolean;
-    /** Toggle functionality props */
-    onToggle?: (checked: boolean) => void;
+    /** Toggle functionality callback */
+    onToggle?: () => void;
     /** Whether the toggle is checked (if onToggle is provided) */
-    checked?: boolean;
+    isChecked?: boolean;
     /** Text to highlight within the button text */
-    highlightText?: string;
+    highlight?: string;
     /** Whether to truncate text */
     truncateText?: boolean;
     /** Whether to show a checkmark tick */
     showTick?: boolean;
     /** Custom width for the text container */
-    textWidth?: string;
+    width?: string;
     /** Tooltip text to display */
     tooltip?: string;
-    /** Suffix badge content */
-    suffixBadge?: ReactNode;
-    /** Custom aria-label for accessibility */
-    "aria-label"?: string;
-    /** Test ID for testing purposes */
-    "data-testid"?: string;
-    /** Whether the button should take full width */
-    fullWidth?: boolean;
-    /** Error state */
-    error?: boolean;
-    /** Loading state */
-    loading?: boolean;
+    /** Whether the flow is available (controls button enabled state) */
+    isFlowAvailable?: boolean;
 }
 /**
- * OptionButton component provides a flexible button for lists, menus, and option selections
+ * OptionButton component provides a flexible button for lists, menus, and option selections.
+ * Based on the web portal implementation for consistency across apps.
  *
  * @example
  * ```tsx
@@ -71,9 +54,7 @@ export interface OptionButtonProps {
  *   text="Save Document"
  *   icon={<SaveIcon />}
  *   onClick={() => console.log('Save clicked')}
- *   size="medium"
- *   variant="default"
  * />
  * ```
  */
-export declare const OptionButton: import("react").ForwardRefExoticComponent<OptionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const OptionButton: FC<OptionButtonProps>;

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
@@ -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/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/search-bar/SearchBar.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes } from 'react';
+import { type FC, type HTMLAttributes } from 'react';
 export type TSearchConfig = {
     searchCount?: number;
     searchPointer?: number;

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

@@ -1,6 +1,9 @@
-import React, { SVGAttributes } from 'react';
-export interface SearchIconProps extends SVGAttributes<SVGElement> {
-    size?: number;
+import { type FC, type SVGAttributes } from 'react';
+type TSVGProps = SVGAttributes<SVGElement> & {
+    width?: string | number;
+    height?: string | number;
+    fill?: string;
     className?: string;
-}
-export declare const SearchIcon: React.FC<SearchIconProps>;
+};
+export declare const SearchIcon: FC<TSVGProps>;
+export {};

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";
@@ -104,7 +106,7 @@ export type { DiffViewerProps, DiffType, DiffTheme, } from "./components/data-di
 export { default as Button } from "./components/button/Button";
 export type { IButtonProps, IButtonStatus, IButtonAppearance, } from "./components/button/Button";
 export { OptionButton } from "./components/buttons/option-button/OptionButton";
-export type { OptionButtonProps, OptionButtonSize, OptionButtonVariant, } from "./components/buttons/option-button/OptionButton";
+export type { OptionButtonProps, } from "./components/buttons/option-button/OptionButton";
 export { FloatingBar } from "./components/floating-bar/FloatingBar";
 export type { FloatingBarProps, FloatingBarActionConfig, FloatingBarDeleteConfig, FloatingBarSize, FloatingBarPosition, FloatingBarTheme, } from "./components/floating-bar/FloatingBar";
 export { SearchBar } from "./components/forms/search-bar/SearchBar";