@epam/ai-dial-ui-kit 0.3.0-rc.34 → 0.3.0-rc.36

package/dist/src/components/FormItem/FormItem.d.ts

@@ -14,6 +14,9 @@ export interface DialFormItemProps {
     errorCssClass?: string;
     children: ReactNode;
     captionDescription?: string;
+    readonly?: boolean;
+    value?: ReactNode | string;
+    defaultEmptyText?: string;
 }
 /**
  * A layout wrapper for form controls with label, helper text and error message.
@@ -64,6 +67,9 @@ export interface DialFormItemProps {
  * @param [labelCssClass] - Additional CSS classes to apply to the label element
  * @param [errorCssClass] - Additional CSS classes to apply to the error message element
  * @param [captionDescription] - Additional caption description text, displayed below the form control.
+ * @param [readonly=false] - Whether the form control is read-only (displays value as text, no input element)
+ * @param [value] - The current value of the form control
+ * @param [defaultEmptyText="None"] - Text to display when readonly and value is empty
  * @param children - The form control element(s) to render inside the DialFormItem
  */
 export declare const DialFormItem: FC<DialFormItemProps>;

package/dist/src/components/Input/Input.d.ts

@@ -5,6 +5,7 @@ export interface DialInputProps extends InputBaseProps {
     containerCssClass?: string;
     cssClass?: string;
     hideBorder?: boolean;
+    tooltipText?: string;
     tooltipTriggerClassName?: string;
     onChange?: (value: string) => void;
     onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void;
@@ -43,6 +44,7 @@ export interface DialInputProps extends InputBaseProps {
  * @param [prefix] - Text to display inside the input on the left
  * @param [suffix] - Text to display inside the input on the right
  * @param [textBeforeInput] - Text to display before the input in a separate field
+ * @param [tooltipText] - The text to display inside the tooltip. If empty, the tooltip will display the value prop.
  * @param [tooltipTriggerClassName] - Additional CSS classes to apply to the tooltip
  * @param [textAfterInput] - Text to display after the input in a separate field
  */

package/dist/src/components/Select/MultiSelectTags.d.ts

@@ -0,0 +1,8 @@
+import { SelectOption } from '../../models/select';
+import { MouseEvent } from 'react';
+export interface DialMultiSelectTagsProps {
+    options: SelectOption[];
+    selectedValues: string[];
+    handleRemoveTag?: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>, val: string) => void;
+}
+export declare const DialMultiSelectTags: React.FC<DialMultiSelectTagsProps>;

package/dist/src/components/SelectField/SelectField.d.ts

@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { DialFormItemProps } from '../FormItem/FormItem';
 import { DialSelectProps } from '../Select/Select';
 import { DialFieldLabelProps } from '../Field/Field';
-export interface DialSelectFieldProps extends Omit<DialSelectProps, 'cssClass'>, Omit<DialFieldLabelProps, 'htmlFor'>, Omit<DialFormItemProps, 'label' | 'children'> {
+export interface DialSelectFieldProps extends Omit<DialSelectProps, 'cssClass'>, Omit<DialFieldLabelProps, 'htmlFor'>, Omit<DialFormItemProps, 'label' | 'children' | 'value'> {
     selectCssClass?: string;
     containerCssClass?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.3.0-rc.34",
+  "version": "0.3.0-rc.36",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",