@epam/ai-dial-ui-kit 0.4.0-rc.51 → 0.4.0-rc.53

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

@@ -24,6 +24,7 @@ export interface DialSelectProps {
     footer?: ReactNode | (() => ReactNode);
     onClose?: (e: MouseEvent<HTMLButtonElement>) => void;
     onChange?: (next: string | string[]) => void;
+    inlineSearch?: boolean;
 }
 /**
  * A versatile select supporting single and multiple selections.
@@ -33,36 +34,43 @@ export interface DialSelectProps {
  * - In the list, the selected option is indicated by a LEFT border and tinted background
  *   (no check icon).
  *
+ * Multiple mode uses checkboxes (including Select All with indeterminate state).
+ *
+ * Search:
+ * - `searchable`: shows a plain input in the overlay header that filters options.
+ * - `inlineSearch` (single mode only): the trigger renders a plain input; typing filters options;
+ *   when closed, the input shows the selected label.
+ *
  * @example
  * ```tsx
- * <DialSelect
- *   options={[
- *     { value: 'option-1', label: 'Option 1' },
- *     { value: 'option-2', label: 'Option 2' },
- *   ]}
- *   multiple
- * />
+ * <DialSelect options={[{ value: 'option-1', label: 'Option 1' }]} />
+ * <DialSelect searchable options={[{ value: 'a', label: 'Alpha' }, { value: 'b', label: 'Beta' }]} />
+ * <DialSelect multiple selectAll options={[{ value: '1', label: 'One' }, { value: '2', label: 'Two' }]} />
+ * <DialSelect inlineSearch options={[{ value: 'r', label: 'Relax-Name' }, { value: 'rep2', label: 'rep2' }]} />
  * ```
  *
- * Multiple mode uses checkboxes (including Select All with indeterminate state).
- *
  * @param options - Array of options to select from.
  * @param [multiple] - Whether multiple selections are allowed.
+ * @param [size=SelectSize.Md] - Size of the control.
+ * @param [variant=SelectVariant.Primary] - Visual variant.
  * @param [value] - Controlled selected value(s).
  * @param [prefix] - Prefix for selected value(s).
  * @param [defaultValue] - Uncontrolled initial selected value(s).
- * @param [placeholder] - Placeholder text when no selection is made.
- * @param [searchable] - Whether to show a search input to filter options.
- * @param [searchPlaceholder] - Search Placeholder text shown when search input is empty
- * @param [selectAll] - Whether to show a "Select All" checkbox in multiple mode.
- * @param [selectAllLabel] - Label for the "Select All" checkbox.
- * @param [emptyStateTitle] - Title text when there are no options to display.
- * @param [emptyStateDescription] - Optional description text when there are no options.
- * @param [emptyStateIcon] - Optional icon to display when there are no options.
- * @param [disabled] - Whether the select is disabled.
- * @param [cssClass] - Additional CSS classes to apply to the select trigger.
- * @param [closable] - Whether to show a close button in the dropdown header.
- * @param [onClose] - Callback when the dropdown is closed via the close button.
- * @param [onChange] - Callback when the selection changes.
+ * @param [placeholder="Select..."] - Placeholder text when no selection is made.
+ * @param [searchable=false] - Show a search field in the overlay header.
+ * @param [searchPlaceholder] - Placeholder for the search input (overlay/inline).
+ * @param [selectAll=false] - Show a "Select All" checkbox in multiple mode.
+ * @param [selectAllLabel="Select all"] - Label for the "Select All" checkbox.
+ * @param [emptyStateTitle="No options available"] - Title text when there are no options.
+ * @param [emptyStateDescription] - Description text when there are no options.
+ * @param [emptyStateIcon] - Icon to display when there are no options.
+ * @param [disabled=false] - Disable the control.
+ * @param [cssClass] - Additional CSS classes for the trigger.
+ * @param [closable=false] - Show a close button in the dropdown header.
+ * @param [header] - Custom node/function rendered above the options.
+ * @param [footer] - Custom node/function rendered below the options.
+ * @param [onClose] - Called when the dropdown close button is clicked.
+ * @param [onChange] - Called when the selection changes.
+ * @param [inlineSearch=false] - Render a plain input inside trigger (single mode only).
  */
 export declare const DialSelect: FC<DialSelectProps>;

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

@@ -5,4 +5,3 @@ export declare const selectOptionSelectedClasses = "bg-accent-primary-alpha";
 export declare const selectOptionSingleSelectedClasses = "bg-accent-primary-alpha border-l border-accent-primary border-1";
 export declare const selectOptionDisabledClasses = "opacity-75";
 export declare const selectChevronIcon: import("react/jsx-runtime").JSX.Element;
-export declare const selectCheckIcon: import("react/jsx-runtime").JSX.Element;

package/package.json

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