@epam/ai-dial-ui-kit 0.6.0-rc.8 → 0.6.0-rc.9

package/dist/dial-ui-kit.es.js

@@ -46694,17 +46694,17 @@ const L8 = {
 }, W7 = ({
   placeholder: e = "",
   selectedItems: t = [],
-  updateSelected: s,
-  listClassName: i,
-  listElementClassName: o,
-  containerClassName: n,
-  inputClassName: r
+  listClassName: s,
+  listElementClassName: i,
+  containerClassName: o,
+  inputClassName: n,
+  onChange: r
 }) => {
   const [a, l] = I(""), c = D(
     (u) => {
-      u.key === "Enter" && (s([...t, u.currentTarget.value]), l("")), (u.key === "Backspace" || u.key === "Delete") && t.length && !a && s(t.slice(0, -1));
+      u.key === "Enter" && (r([...t, u.currentTarget.value]), l("")), (u.key === "Backspace" || u.key === "Delete") && t.length && !a && r(t.slice(0, -1));
     },
-    [t, s, a]
+    [t, r, a]
   ), d = D(
     (u) => {
       l(u.target.value);
@@ -46716,15 +46716,15 @@ const L8 = {
     {
       className: ee([
         "dial-input px-3 py-2 flex flex-row items-center flex-wrap w-fit gap-2",
-        n
+        o
       ]),
       children: [
         /* @__PURE__ */ m(
           ev,
           {
             selectedItems: t,
-            listClassName: i,
-            listElementClassName: o
+            listClassName: s,
+            listElementClassName: i
           }
         ),
         /* @__PURE__ */ m(
@@ -46732,7 +46732,7 @@ const L8 = {
           {
             type: "text",
             value: a,
-            className: ee(["border-0 bg-transparent p-0", r]),
+            className: ee(["border-0 bg-transparent p-0", n]),
             placeholder: t?.length ? "" : e,
             onKeyDown: c,
             onChange: d

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

@@ -1,10 +1,9 @@
 import { FC } from 'react';
 import { DialAutocompleteInputValueProps } from './AutocompleteInputValue';
 export interface DialAutocompleteInputProps extends DialAutocompleteInputValueProps {
-    placeholder?: string;
-    updateSelected: (items: string[]) => void;
     containerClassName?: string;
     inputClassName?: string;
+    onChange: (items: string[]) => void;
 }
 /**
  * A component that provides an interactive input field with autocomplete functionality. Users can
@@ -17,7 +16,7 @@ export interface DialAutocompleteInputProps extends DialAutocompleteInputValuePr
  * <DialAutocompleteInput
  *   placeholder="Type to add items"
  *   selectedItems={['Item 1', 'Item 2']}
- *   updateSelected={(items) => console.log(items)}
+ *   onChange={(items) => console.log(items)}
  *   containerClassName="custom-container-class"
  *   inputClassName="custom-input-class"
  *   listClassName="custom-list-class"
@@ -27,7 +26,7 @@ export interface DialAutocompleteInputProps extends DialAutocompleteInputValuePr
  *
  * @param [placeholder] - The placeholder text displayed in the input field when no items are selected.
  * @param [selectedItems=[]] - An array of strings representing the currently selected items.
- * @param updateSelected - A callback function that updates the list of selected items. Called when items are added or removed.
+ * @param onChange - A callback function that updates the list of selected items. Called when items are added or removed.
  * @param [listClassName] - Additional CSS classes applied to the `<ul>` element containing the list of selected items.
  * @param [listElementClassName] - Additional CSS classes applied to each `<li>` element representing an individual selected item.
  * @param [containerClassName] - Additional CSS classes applied to the container `<div>` element wrapping the input and list.

package/package.json

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