@epam/ai-dial-ui-kit 0.5.0-rc.29 → 0.5.0-rc.30

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

@@ -48269,10 +48269,10 @@ const BA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
     [f]
   );
   me(() => {
-    const S = d.current;
-    if (!S) return;
+    let S = d.current;
+    S || (S = document.createElement("input"), S.type = "file", S.multiple = !0, S.style.display = "none", document.body.appendChild(S), d.current = S);
     const x = async () => {
-      if (!S.files?.length) return;
+      if (!S?.files?.length) return;
       const P = Array.from(S.files).map((M) => ({
         fileContent: M,
         name: M.name
@@ -48284,16 +48284,12 @@ const BA = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
       ), S.value = "";
     };
     return S.addEventListener("change", x), () => {
-      S.removeEventListener("change", x);
+      S && (S.removeEventListener("change", x), d.current === S && (document.body.removeChild(S), d.current = null));
     };
   }, [f]);
   const y = A(
     (S, x) => {
-      if (u.current = S, h.current = x, !d.current) {
-        const E = document.createElement("input");
-        E.type = "file", E.multiple = !0, E.style.display = "none", d.current = E, document.body.appendChild(E);
-      }
-      d.current.click();
+      u.current = S, h.current = x, d.current && d.current.click();
     },
     []
   ), R = A(() => {

package/package.json

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