@epam/ai-dial-ui-kit 0.14.0-dev.48 → 0.14.0-dev.49

package/dist/components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup.js

@@ -1,107 +1,113 @@
-import { jsx as e, jsxs as s, Fragment as S } from "react/jsx-runtime";
-import { DialPopup as W } from "../../../Popup/Popup.js";
-import { DialFileManager as X } from "../../FileManager.js";
-import { PopupSize as Y } from "../../../../types/popup.js";
-import { DialPrimaryButton as b, DialNeutralButton as Z } from "../../../Button/ButtonWrappers.js";
-import { DialButton as $ } from "../../../Button/Button.js";
-import { ButtonAppearance as P } from "../../../../types/button.js";
-import { IconFolderPlus as w, IconEye as F, IconDotsVertical as L } from "@tabler/icons-react";
+import { jsx as e, jsxs as s, Fragment as A } from "react/jsx-runtime";
+import { DialPopup as Z } from "../../../Popup/Popup.js";
+import { DialFileManager as $ } from "../../FileManager.js";
+import { PopupSize as P } from "../../../../types/popup.js";
+import { DialPrimaryButton as b, DialNeutralButton as F } from "../../../Button/ButtonWrappers.js";
+import { DialButton as L } from "../../../Button/Button.js";
+import { ButtonAppearance as ee } from "../../../../types/button.js";
+import { IconFolderPlus as B, IconEye as ie, IconDotsVertical as oe } from "@tabler/icons-react";
 import { BASE_ICON_PROPS as r } from "../../../../constants/icon.js";
-import { DialSwitch as ee } from "../../../Switch/Switch.js";
-import { useState as z, useRef as ie, useCallback as A, useMemo as B } from "react";
-import { DestinationFolderMode as R } from "../../../../types/file-manager.js";
-import { DialTooltip as oe } from "../../../Tooltip/Tooltip.js";
-import { mergeClasses as le } from "../../../../utils/merge-classes.js";
-import { DialNotification as ae } from "../../../Notification/Notification.js";
-import { DialDropdown as ne } from "../../../Dropdown/Dropdown.js";
-import { useIsMobileScreen as te } from "../../../../hooks/use-is-mobile-screen.js";
-const Oe = ({
-  onClose: x,
-  onConfirm: N,
-  onFolderPopupPathChange: y,
+import { DialSwitch as le } from "../../../Switch/Switch.js";
+import { useState as R, useRef as ne, useMemo as x, useCallback as j } from "react";
+import { DestinationFolderMode as T } from "../../../../types/file-manager.js";
+import { DialTooltip as ae } from "../../../Tooltip/Tooltip.js";
+import { mergeClasses as te } from "../../../../utils/merge-classes.js";
+import { DialNotification as se } from "../../../Notification/Notification.js";
+import { DialDropdown as re } from "../../../Dropdown/Dropdown.js";
+import { useIsMobileScreen as ce } from "../../../../hooks/use-is-mobile-screen.js";
+import { excludePathsFromTree as me } from "../../utils.js";
+const we = ({
+  onClose: N,
+  onConfirm: y,
+  onFolderPopupPathChange: v,
   setDestinationFolderPath: C,
-  open: j,
-  copyLabel: v = "Copy",
-  moveLabel: D = "Move",
+  open: E,
+  copyLabel: D = "Copy",
+  moveLabel: O = "Move",
   addFolderLabel: c = "Add folder",
-  mode: m = R.Copy,
+  mode: m = T.Copy,
   hiddenFilesSwitcherLabel: f = "Show hidden files",
   showHiddenFileSwitcher: l = !0,
-  showCreateFolderButton: a = !0,
-  onUploadFiles: E,
-  onValidateUpload: T,
-  maxFileSize: _,
-  header: G,
-  sourceFolder: d,
-  disabledPathTooltip: H = "Unavailable for the original path. Please select another folder",
-  path: n,
-  collapsedFileTree: U = !1,
-  alertProps: O,
-  processDestinationFolderPath: p,
+  showCreateFolderButton: n = !0,
+  onUploadFiles: _,
+  onValidateUpload: G,
+  maxFileSize: H,
+  header: U,
+  sourceFolder: p,
+  disabledPathTooltip: V = "Unavailable for the original path. Please select another folder",
+  path: a,
+  collapsedFileTree: q = !1,
+  alertProps: M,
+  processDestinationFolderPath: d,
+  excludedPaths: I,
+  items: k,
   ...o
 }) => {
-  const [M, k] = z(!1), [V, h] = z(!1), u = ie(null), q = te(), I = A((i) => {
-    k(i);
-  }, []), J = B(() => {
+  const [S, w] = R(!1), [J, h] = R(!1), u = ne(null), K = ce(), Q = x(
+    () => me(k, I),
+    [k, I]
+  ), z = j((i) => {
+    w(i);
+  }, []), W = x(() => {
     const i = [];
-    return a && i.push({
+    return n && i.push({
       key: "add-folder",
       label: c,
-      icon: /* @__PURE__ */ e(w, { ...r, className: "text-secondary" }),
+      icon: /* @__PURE__ */ e(B, { ...r, className: "text-secondary" }),
       onClick: () => {
         u.current?.createFolder(), h(!1);
       }
     }), l && i.push({
       key: "show-hidden-files",
       label: f,
-      icon: /* @__PURE__ */ e(F, { ...r, className: "text-secondary" }),
+      icon: /* @__PURE__ */ e(ie, { ...r, className: "text-secondary" }),
       onClick: () => {
-        k((t) => !t), h(!1);
+        w((t) => !t), h(!1);
       }
     }), i;
   }, [
     c,
     f,
     l,
-    a
-  ]), K = A(
+    n
+  ]), X = j(
     (i) => {
       if (i) {
-        let t = p ? p(i) : i;
-        y?.(t), C?.(t);
+        let t = d ? d(i) : i;
+        v?.(t), C?.(t);
       }
     },
     [
-      y,
+      v,
       C,
-      p
+      d
     ]
-  ), Q = m === R.Copy ? "Copy to" : "Move to", g = B(() => !n || !d ? !1 : d === n, [n, d]);
+  ), Y = m === T.Copy ? "Copy to" : "Move to", g = x(() => !a || !p ? !1 : p === a, [a, p]);
   return /* @__PURE__ */ e(
-    W,
+    Z,
     {
-      open: j,
+      open: E,
       onClose: () => {
-        x();
+        N();
       },
-      size: Y.Lg,
+      size: P.Lg,
       dividerFooter: !0,
       dividers: !1,
       className: "md:!h-[800px] !bg-layer-2",
       footer: /* @__PURE__ */ s("div", { className: "flex justify-between items-center gap-2 p-4 md:px-6", children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center gap-4 min-w-0", children: q ? /* @__PURE__ */ e(
-          ne,
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-4 min-w-0", children: K ? /* @__PURE__ */ e(
+          re,
           {
-            items: J,
-            open: V,
+            items: W,
+            open: J,
             onOpenChange: h,
             children: /* @__PURE__ */ e(
-              $,
+              L,
               {
                 className: "size-9 shrink-0",
                 "aria-label": "More options",
                 iconBefore: /* @__PURE__ */ e(
-                  L,
+                  oe,
                   {
                     ...r,
                     className: "text-secondary"
@@ -110,67 +116,68 @@ const Oe = ({
               }
             )
           }
-        ) : /* @__PURE__ */ s(S, { children: [
-          a && /* @__PURE__ */ e(
+        ) : /* @__PURE__ */ s(A, { children: [
+          n && /* @__PURE__ */ e(
             b,
             {
               label: c,
-              appearance: P.Ghost,
-              iconBefore: /* @__PURE__ */ e(w, { ...r }),
+              appearance: ee.Ghost,
+              iconBefore: /* @__PURE__ */ e(B, { ...r }),
               onClick: () => {
                 u.current?.createFolder();
               }
             }
           ),
-          a && l && /* @__PURE__ */ e("div", { className: "w-px h-[26px] bg-controls-disable-accent my-2" }),
-          l && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("div", { className: "inline-flex items-center cursor-pointer", children: /* @__PURE__ */ e(
-            ee,
+          n && l && /* @__PURE__ */ e("div", { className: "w-px h-[26px] bg-controls-disable-accent my-2" }),
+          l && /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e("div", { className: "inline-flex items-center cursor-pointer", children: /* @__PURE__ */ e(
+            le,
             {
               label: f,
-              isOn: M,
-              onChange: I,
+              isOn: S,
+              onChange: z,
               switchId: "hidden-files-switch-modal"
             }
           ) }) })
         ] }) }),
         /* @__PURE__ */ s("div", { className: "flex space-x-4 items-center", children: [
-          /* @__PURE__ */ e(Z, { onClick: x, label: "Cancel" }),
-          g ? /* @__PURE__ */ e(oe, { tooltip: H, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(F, { onClick: N, label: "Cancel" }),
+          g ? /* @__PURE__ */ e(ae, { tooltip: V, children: /* @__PURE__ */ e(
             b,
             {
-              onClick: N,
-              label: m === "copy" ? v : D,
+              onClick: y,
+              label: m === "copy" ? D : O,
               disabled: g,
               "aria-disabled": g
             }
           ) }) : /* @__PURE__ */ e(
             b,
             {
-              onClick: N,
-              label: m === "copy" ? v : D
+              onClick: y,
+              label: m === "copy" ? D : O
             }
           )
         ] })
       ] }),
-      header: G ?? Q,
+      header: U ?? Y,
       children: /* @__PURE__ */ s("div", { className: "bg-layer-2 h-full flex flex-col", children: [
-        O && /* @__PURE__ */ e("div", { className: "px-6 mb-4 pt-4", children: /* @__PURE__ */ e(ae, { ...O }) }),
+        M && /* @__PURE__ */ e("div", { className: "px-6 mb-4 pt-4", children: /* @__PURE__ */ e(se, { ...M }) }),
         /* @__PURE__ */ e("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ e(
-          X,
+          $,
           {
             ...o,
+            items: Q,
             gridClassName: "size-full",
-            className: le(
+            className: te(
               o.className,
               "bg-layer-2 h-full flex pt-0"
             ),
             actionsRef: u,
-            path: n,
-            showHiddenFiles: M,
-            onShowHiddenFilesChange: I,
+            path: a,
+            showHiddenFiles: S,
+            onShowHiddenFilesChange: z,
             treeOptions: {
               ...o.treeOptions,
-              collapsed: U,
+              collapsed: q,
               expandedPaths: /* @__PURE__ */ new Set([o.rootItem?.path || "/"]),
               header: o.treeOptions?.header
             },
@@ -179,10 +186,10 @@ const Oe = ({
               elementId: "file-manager-destination-search",
               ...o.navigationPanelOptions
             },
-            onUploadFiles: E,
-            onValidateUpload: T,
-            onPathChange: K,
-            maxFileSize: _
+            onUploadFiles: _,
+            onValidateUpload: G,
+            onPathChange: X,
+            maxFileSize: H
           }
         ) })
       ] })
@@ -190,5 +197,5 @@ const Oe = ({
   );
 };
 export {
-  Oe as DialDestinationFolderPopup
+  we as DialDestinationFolderPopup
 };

package/dist/components/FileManager/utils.js

@@ -17,7 +17,7 @@ const u = (t, e) => {
   if (r.length <= 1) return t[0];
   const o = "/" + r.slice(0, r.length - 1).join("/");
   return u(t, o) ?? t[0];
-}, f = (t) => (t ?? "").toLowerCase(), D = (t) => f(t).replace(/^\./, ""), w = (t) => {
+}, d = (t) => (t ?? "").toLowerCase(), w = (t) => d(t).replace(/^\./, ""), D = (t) => {
   if (!t) return [];
   const e = [], n = (r) => {
     const o = r.items ?? [];
@@ -25,11 +25,18 @@ const u = (t, e) => {
       e.push(s), s.nodeType === p.FOLDER && n(s);
   };
   return n(t), e;
-}, A = (t) => (t.name ?? t.path.split("/").pop() ?? "").startsWith("."), h = (t) => {
+}, A = (t, e) => {
+  if (!t?.length) return [];
+  if (!e?.length) return t;
+  const n = new Set(e), r = (o) => o.filter((s) => !n.has(s.path)).map(
+    (s) => s.items?.length ? { ...s, items: r(s.items) } : s
+  );
+  return r(t);
+}, E = (t) => (t.name ?? t.path.split("/").pop() ?? "").startsWith("."), h = (t) => {
   if (!t) return "0 bytes";
   const e = 1024, n = e * 1024;
   return t >= n ? `${(t / n).toFixed(1)} MB` : t >= e ? `${(t / e).toFixed(0)} KB` : `${t} bytes`;
-}, E = (t, e = "en-US", n = {
+}, v = (t, e = "en-US", n = {
   year: "numeric",
   month: "short",
   day: "2-digit"
@@ -41,7 +48,7 @@ const u = (t, e) => {
     return t;
   }
 };
-function d(t, e, n) {
+function f(t, e, n) {
   if (!t || t.includes("*/*"))
     return !0;
   const r = e.toLowerCase(), o = n && n.includes(".") ? `.${n.split(".").at(-1).toLowerCase()}` : void 0;
@@ -67,27 +74,27 @@ const g = (t) => t?.map((e) => e.endsWith("/*") ? e.replace("/*", "s") : F(e).fl
   const e = t.flags.replace(/[gy]/g, "");
   return new RegExp(t.source, e);
 };
-function v(t, e, n) {
+function B(t, e, n) {
   if (e && T(e)?.test(t.name))
     return n ?? `This ${t.isFolder ? "folder" : "file"} contains forbidden characters in its name. Please rename it.`;
 }
-const B = (t) => {
+const O = (t) => {
   const e = t.lastIndexOf("/");
   return e >= 0 ? {
     parent: t.slice(0, e),
     name: t.slice(e + 1)
   } : { parent: "", name: t };
-}, O = (t, e, n) => {
-  const r = !t.contentLength || n == null || t.contentLength <= n, o = !t.contentType || d(e, t.contentType, t.name);
+}, C = (t, e, n) => {
+  const r = !t.contentLength || n == null || t.contentLength <= n, o = !t.contentType || f(e, t.contentType, t.name);
   return r && o;
-}, C = (t, e, n, r, o) => {
+}, N = (t, e, n, r, o) => {
   if (t.nodeType === p.FOLDER) return;
   const s = !t.contentLength || n == null || t.contentLength <= n;
-  if (!(!t.contentType || d(e, t.contentType, t.name)))
+  if (!(!t.contentType || f(e, t.contentType, t.name)))
     return r ?? (e?.length ? `Unsupported file type. Supported types: ${g(e)}.` : "Unsupported file type.");
   if (!s)
     return o ?? `File is too large. Maximum size: ${h(n)}.`;
-}, N = (t) => t.replace(/\/+$/, "").split("/").filter(Boolean).length, M = (t) => {
+}, M = (t) => t.replace(/\/+$/, "").split("/").filter(Boolean).length, R = (t) => {
   const e = `${m} `, n = new RegExp(`^${m} (\\d+)$`), r = new Set(
     t.map((c) => c.name.toLowerCase())
   ), o = t.map((c) => {
@@ -101,21 +108,22 @@ const B = (t) => {
 };
 export {
   T as cleanForbiddenSymbolsRegExp,
-  w as collectAllDescendants,
+  D as collectAllDescendants,
+  A as excludePathsFromTree,
   x as findFolderForPath,
   u as findNodeByPath,
   g as formatAllowedFileTypesForTooltip,
   h as formatBytes,
-  E as formatDate,
+  v as formatDate,
   F as getExtensionsListForMimeType,
-  N as getFolderNestingDepth,
-  v as getForbiddenSymbolsTooltip,
-  M as getNextFolderName,
-  C as getRowTooltip,
-  d as isFileAccepted,
-  O as isFileSelectable,
-  A as isHiddenDotFile,
-  D as normalizeExtensionWithoutDot,
-  f as normalizeToLowerCase,
-  B as splitPathAndName
+  M as getFolderNestingDepth,
+  B as getForbiddenSymbolsTooltip,
+  R as getNextFolderName,
+  N as getRowTooltip,
+  f as isFileAccepted,
+  C as isFileSelectable,
+  E as isHiddenDotFile,
+  w as normalizeExtensionWithoutDot,
+  d as normalizeToLowerCase,
+  O as splitPathAndName
 };

package/dist/components-manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.14.0-dev.48",
-  "generatedAt": "2026-09-10T18:17:27.065Z",
+  "version": "0.14.0-dev.49",
+  "generatedAt": "2026-09-10T20:07:22.493Z",
   "kit": {
     "name": "@epam/ai-dial-ui-kit",
     "description": "A modern UI kit for building AI DIAL interfaces with React",