@lax-wp/design-system 0.3.36 → 0.3.37

package/dist/components/data-display/code-editor/CodeEditor.d.ts

@@ -1,4 +1,6 @@
 import { type FC } from 'react';
 import { type CodeEditorProps } from '../../../types';
-export type TTabKey = 'JSON' | 'Grid';
+declare const TABS: ('JSON' | 'Grid')[];
+export type TTabKey = (typeof TABS)[number];
 export declare const CodeEditor: FC<CodeEditorProps>;
+export {};

package/dist/components/forms/text-area-field/TextAreaField.d.ts

@@ -0,0 +1,122 @@
+import type { RefObject } from "react";
+import type { LabelType } from "../../data-display/label/Label";
+/**
+ * Risk details interface
+ */
+export interface RiskDetails {
+    color?: string;
+    description?: string;
+    hexBgColor?: string;
+    hexBorderColor?: string;
+    [key: string]: any;
+}
+/**
+ * Risk details card component props
+ */
+export interface RiskDetailsCardProps {
+    riskDetails: RiskDetails;
+    maxWidth?: string;
+    showAllRisksSuggestions?: boolean;
+}
+/**
+ * Props for the TextAreaField component
+ */
+export interface TextAreaFieldProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "maxLength"> {
+    /** The label text to display above the textarea */
+    label?: string;
+    /** Placeholder text for the textarea */
+    placeholder: string;
+    /** Current value of the textarea */
+    value?: string | any;
+    /** Callback function called when the textarea value changes */
+    onChange: (value: string) => void;
+    /** Number of visible text lines for the textarea (alias for rows) */
+    row?: number;
+    /** Error message to display below the textarea */
+    errorMessage?: string;
+    /** Default value for the textarea */
+    defaultValue?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the required indicator shows as conditional (yellow instead of red) */
+    isRequiredConditional?: boolean;
+    /** Tags/labels to display next to the label */
+    tags?: (string | LabelType)[];
+    /** Whether the textarea is disabled */
+    disabled?: boolean;
+    /** Additional CSS classes for the textarea element */
+    className?: string;
+    /** Ref object for the textarea element */
+    inputRef?: RefObject<HTMLTextAreaElement>;
+    /** Maximum character length allowed */
+    maxLength?: number | null;
+    /** Tooltip text to display */
+    tooltip?: string;
+    /** Whether to preserve original case in the label */
+    originalCase?: boolean;
+    /** Whether the value was AI extracted */
+    isAiExtracted?: boolean;
+    /** Whether this is a GTN (Global Term Name) field */
+    isGTN?: boolean;
+    /** GTN field name for document integration */
+    gtnName?: any;
+    /** Whether to remove border styling */
+    noBorder?: boolean;
+    /** Unique identifier for the textarea */
+    id?: string;
+    /** Custom inline styles for the textarea */
+    inputStyle?: React.CSSProperties;
+    /** Additional CSS classes for the label */
+    labelClassName?: string;
+    /** Whether this is a live field */
+    isLiveField?: boolean;
+    /** Callback function called when the textarea loses focus */
+    onBlur?: () => void;
+    /** Risk details data */
+    riskDetails?: RiskDetails;
+    /** Whether risk analysis is open */
+    isRiskAnalysisOpen?: boolean;
+    /** Custom risk details card component */
+    RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps>;
+    /** AI extracted indicator component */
+    AIExtractedIndicator?: React.ComponentType;
+    /** Required indicator component */
+    RequiredIndicator?: React.ComponentType<{
+        isConditional?: boolean;
+    }>;
+    /** Handler for adding GTN to document */
+    onAddGTNToDocument?: (keyValuePair: {
+        key: string;
+        value: string;
+    }) => void;
+    /** Translation function */
+    t?: (key: string) => string;
+}
+/**
+ * A customizable textarea field component with label, validation, GTN integration,
+ * risk analysis support, and styling support. Features dark mode support,
+ * accessibility enhancements, and character count display.
+ *
+ * @example
+ * ```tsx
+ * <TextAreaField
+ *   label="Description"
+ *   placeholder="Enter a description..."
+ *   value={description}
+ *   onChange={(value) => setDescription(value)}
+ *   required
+ * />
+ *
+ * <TextAreaField
+ *   label="Comments"
+ *   placeholder="Enter comments..."
+ *   value={comments}
+ *   onChange={(value) => setComments(value)}
+ *   maxLength={500}
+ *   isGTN
+ *   gtnName="comments_field"
+ *   onAddGTNToDocument={(kv) => handleAddToDocument(kv)}
+ * />
+ * ```
+ */
+export declare const TextAreaField: import("react").ForwardRefExoticComponent<TextAreaFieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/forms/toggle/Toggle.d.ts

@@ -87,6 +87,15 @@ export interface ToggleProps {
         key: string;
         value: string;
     }) => void;
+    /** Add to document icon component */
+    AddToDocumentIcon?: React.ComponentType<{
+        fontSize?: number;
+        color?: string;
+    }>;
+    /** Primary color shades for styling */
+    primaryColorShades?: Record<number, string>;
+    /** Translation function */
+    t?: (key: string) => string;
 }
 /**
  * A highly customizable toggle component with label, validation, and styling support.

package/dist/index.d.ts

@@ -3,6 +3,8 @@ export type { InputFieldProps } from "./components/forms/input-field/InputField"
 export * from "./components/data-display/typography/Typography";
 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 { 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";