@epam/ai-dial-ui-kit 0.14.0-dev.5 → 0.14.0-dev.51

package/dist/components/FileManager/hooks/use-collapse-tree.js

@@ -0,0 +1,22 @@
+import { useState as c, useCallback as n } from "react";
+const p = (e) => {
+  const [C, o] = c(
+    e?.collapsed ?? !1
+  ), l = !!e?.onCollapseChange, a = l ? e.collapsed ?? !1 : C, t = n(
+    (s) => {
+      l ? e?.onCollapseChange?.(s) : o(s);
+    },
+    [l, e]
+  ), r = n(() => {
+    const s = !a;
+    l ? e?.onCollapseChange?.(s) : o(s);
+  }, [a, l, e]);
+  return {
+    isTreeCollapsed: a,
+    toggleTreeCollapse: r,
+    setIsTreeCollapsed: t
+  };
+};
+export {
+  p as useCollapseTree
+};

package/dist/components/FileManager/hooks/use-conflict-resolution.js

@@ -0,0 +1,158 @@
+import { useState as M, useRef as D, useCallback as f } from "react";
+import { DialFileNodeType as E } from "../../../models/file.js";
+import { DialFileManagerConflictActions as N } from "../../../types/file-manager.js";
+const R = (a, i, C) => {
+  if (!i.has(a))
+    return a;
+  const F = C === E.FOLDER ? (r, u) => `${r} (${u})` : (r, u) => {
+    const o = r.lastIndexOf("."), T = o > 0, $ = T ? r.slice(0, o) : r, y = T ? r.slice(o) : "";
+    return `${$} (${u})${y}`;
+  };
+  for (let r = 1; ; r++) {
+    const u = F(a, r);
+    if (!i.has(u)) return u;
+  }
+}, A = (a) => a.name, q = ({
+  getDestinationFiles: a,
+  onResolve: i
+}) => {
+  const [C, F] = M([]), [r, u] = M(!1), [o, T] = M(null), $ = D(!1), y = f((t) => {
+    $.current = !0, F(t), u(!0);
+  }, []), p = f(() => {
+    $.current = !1, u(!1), F([]), T(null);
+  }, []), g = f(
+    (t, n) => {
+      const e = a(t), s = new Set(e.map(A)), d = n.filter((l) => s.has(l.name));
+      return {
+        hasConflicts: d.length > 0,
+        conflicts: d
+      };
+    },
+    [a]
+  ), I = f(
+    (t, n, e, s) => {
+      const d = a(t), l = new Set(d.map(A));
+      return n.map((m) => {
+        const c = m.name, h = l.has(c), O = e && h ? c : R(c, l, m.nodeType);
+        return (!e || !h) && l.add(O), {
+          sourceUrl: m.path,
+          destinationUrl: `${t}/${O}`,
+          overwrite: e && h,
+          nodeType: m.nodeType ?? E.ITEM,
+          ...s ?? {}
+        };
+      });
+    },
+    [a]
+  ), x = f(
+    (t, n, e, s) => {
+      const d = a(t), l = new Set(d.map(A));
+      return n.filter((c) => e.get(c.path) !== N.Cancel).map((c) => {
+        const h = e.get(c.path), O = l.has(c.name), w = h === N.Replace && O, S = w ? c.name : R(c.name, l, c.nodeType);
+        return w || l.add(S), {
+          sourceUrl: c.path,
+          destinationUrl: `${t}/${S}`,
+          overwrite: w,
+          nodeType: c.nodeType ?? E.ITEM,
+          ...s ?? {}
+        };
+      });
+    },
+    [a]
+  ), U = f(
+    (t, n, e) => {
+      const s = g(t, n);
+      return s.hasConflicts && (T({
+        files: n,
+        destinationFolder: t,
+        metadata: e
+      }), y(s.conflicts)), s;
+    },
+    [g, y]
+  ), k = f(() => {
+    if (!o) return;
+    const { files: t, destinationFolder: n, metadata: e } = o, s = I(
+      n,
+      t,
+      !0,
+      e
+    );
+    i?.(s, n), p();
+  }, [
+    o,
+    I,
+    i,
+    p
+  ]), P = f(() => {
+    if (!o) return;
+    const { files: t, destinationFolder: n, metadata: e } = o, s = I(
+      n,
+      t,
+      !1,
+      e
+    );
+    i?.(s, n), p();
+  }, [
+    o,
+    I,
+    i,
+    p
+  ]), b = f(() => {
+    if (!o) return;
+    const { files: t, destinationFolder: n, metadata: e } = o, s = x(
+      n,
+      t,
+      new Map(
+        C.map((d) => [
+          d.path,
+          N.Cancel
+        ])
+      ),
+      e
+    );
+    i?.(s, n), p();
+  }, [
+    p,
+    C,
+    i,
+    o,
+    x
+  ]), v = f(
+    (t) => {
+      if (!o) return;
+      const { files: n, destinationFolder: e, metadata: s } = o, d = new Map(
+        t.map((m) => [m.file.path, m.action])
+      ), l = x(
+        e,
+        n,
+        d,
+        s
+      );
+      i?.(l, e), p();
+    },
+    [
+      o,
+      x,
+      i,
+      p
+    ]
+  );
+  return {
+    conflictingFiles: C,
+    conflictResolutionOpen: r,
+    hasActiveConflictRef: $,
+    checkForConflicts: g,
+    startConflictResolution: U,
+    resolveConflictsWithStrategy: I,
+    resolveConflictsWithDecisions: x,
+    openConflictResolution: y,
+    closeConflictResolution: p,
+    handleReplaceAll: k,
+    handleDuplicateAll: P,
+    handleCancelAll: b,
+    handleDecideForEach: v
+  };
+};
+export {
+  q as useConflictResolution
+};

package/dist/components/FileManager/hooks/use-current-path.js

@@ -0,0 +1,29 @@
+import { useState as P, useCallback as a } from "react";
+const C = ({
+  path: s,
+  defaultPath: c,
+  onPathChange: e,
+  onSelectionClear: o
+}) => {
+  const r = s !== void 0, [u, l] = P(
+    c
+  ), h = r ? s : u, n = a(
+    (t) => {
+      r || l(t), e?.(t);
+    },
+    [r, e]
+  ), i = a(
+    (t) => {
+      n(t), o?.();
+    },
+    [n, o]
+  );
+  return {
+    currentPath: h,
+    setCurrentPath: n,
+    handlePathChange: i
+  };
+};
+export {
+  C as useCurrentPath
+};

package/dist/components/FileManager/hooks/use-file-clipboard.js

@@ -0,0 +1,154 @@
+import { useState as n, useCallback as l } from "react";
+import { useConflictResolution as _ } from "./use-conflict-resolution.js";
+import { DestinationFolderMode as a } from "../../../types/file-manager.js";
+const le = ({
+  getDestinationFiles: T,
+  onCopyFiles: d,
+  onMoveToFiles: h,
+  onCopySuccess: u,
+  onMoveSuccess: f,
+  onDuplicateSuccess: R,
+  getCopyHeader: C,
+  getMoveHeader: F
+}) => {
+  const [k, A] = n(!1), [D, b] = n([]), [m, I] = n([]), [x, S] = n(a.Copy), [U, v] = n(), [s, P] = n(null), {
+    conflictingFiles: W,
+    conflictResolutionOpen: j,
+    hasActiveConflictRef: M,
+    startConflictResolution: i,
+    resolveConflictsWithStrategy: c,
+    closeConflictResolution: q,
+    openConflictResolution: w,
+    handleReplaceAll: y,
+    handleDuplicateAll: O,
+    handleCancelAll: g,
+    handleDecideForEach: E
+  } = _({
+    getDestinationFiles: T,
+    onResolve: (e, o) => {
+      e?.length && (s?.type === a.Copy ? (d?.(e, o), u?.()) : s?.type === a.Move && s.sourceFolder && (h?.(
+        e,
+        s.sourceFolder,
+        o
+      ), f?.()));
+    }
+  }), t = l(() => {
+    b([]), I([]), P(null), v(void 0);
+  }, []), z = l(
+    (e) => {
+      const o = i(e, D, {
+        type: a.Copy
+      });
+      if (P({ type: a.Copy }), !o.hasConflicts) {
+        const r = c(
+          e,
+          D,
+          !1
+        );
+        d?.(r, e), u?.(), t();
+      }
+    },
+    [
+      D,
+      i,
+      c,
+      d,
+      u,
+      t
+    ]
+  ), B = l(
+    (e, o) => {
+      const r = o || (s?.sourceFolder ?? "/");
+      if (!i(e, m, {
+        type: a.Move,
+        sourceFolderPath: r
+      }).hasConflicts) {
+        const Z = c(
+          e,
+          m,
+          !0
+        );
+        h?.(Z, r, e), f?.(), t();
+      }
+    },
+    [
+      m,
+      i,
+      c,
+      h,
+      f,
+      t,
+      s
+    ]
+  ), G = l(() => {
+    y(), t();
+  }, [y, t]), H = l(() => {
+    O(), t();
+  }, [O, t]), J = l(() => {
+    g(), t();
+  }, [g, t]), K = l(
+    (e) => {
+      E(e), t();
+    },
+    [E, t]
+  ), L = l(
+    (e) => {
+      const o = e.at(0)?.parentPath ?? "/", r = c(
+        o,
+        e,
+        !1
+      );
+      d?.(r, o), R?.();
+    },
+    [d, R, c]
+  ), N = l(
+    (e) => {
+      S(e), A(!0);
+    },
+    []
+  ), Q = l(() => {
+    A(!1), M.current || t();
+  }, [t, M]), [V, p] = n(), X = l(
+    (e) => {
+      b(e);
+      const o = e[0]?.parentPath ?? e[0]?.folderId;
+      v(o), C && e.length > 0 ? p(C(e.length, e[0]?.name)) : p(void 0);
+    },
+    [C]
+  ), Y = l(
+    (e) => {
+      I(e);
+      const o = e[0]?.parentPath ?? e[0]?.folderId;
+      v(o), P({
+        type: a.Move,
+        sourceFolder: o
+      }), F && e.length > 0 ? p(F(e.length, e[0]?.name)) : p(void 0);
+    },
+    [F]
+  );
+  return {
+    handleDuplicate: L,
+    handleCloseDestinationFolderPopup: Q,
+    handleOpenDestinationFolderPopup: N,
+    handleCopyTo: z,
+    handleMoveTo: B,
+    openDestinationFolderPopup: k,
+    destinationFolderMode: x,
+    destinationFolderTitle: V,
+    handleSetCopiedFiles: X,
+    handleSetMovedFiles: Y,
+    clearState: t,
+    conflictingFiles: W,
+    conflictResolutionOpen: j,
+    openConflictResolution: w,
+    closeConflictResolution: q,
+    handleConflictReplace: G,
+    handleConflictCancel: J,
+    handleConflictDuplicate: H,
+    handleConflictDecideForEach: K,
+    sourceFolder: U
+  };
+};
+export {
+  le as useFileClipboard
+};

package/dist/components/FileManager/hooks/use-file-delete.js

@@ -0,0 +1,39 @@
+import { useState as s, useCallback as a } from "react";
+const h = ({
+  onDeleteFiles: o,
+  onDeleteSuccess: l
+}) => {
+  const [p, m] = s(!1), [e, c] = s([]), [i, f] = s(""), d = a(
+    (r, t) => {
+      c(r), f(t), m(!0);
+    },
+    []
+  ), n = a(() => {
+    m(!1), c([]);
+  }, []), u = a(() => {
+    if (o && e.length > 0) {
+      const r = e.map((t) => ({
+        sourceUrl: t.path,
+        nodeType: t.nodeType
+      }));
+      o(r, i), l?.();
+    }
+    n();
+  }, [
+    e,
+    o,
+    l,
+    n,
+    i
+  ]);
+  return {
+    deleteConfirmationOpen: p,
+    itemsToDelete: e,
+    openDeleteConfirmation: d,
+    closeDeleteConfirmation: n,
+    confirmDelete: u
+  };
+};
+export {
+  h as useFileDelete
+};

package/dist/components/FileManager/hooks/use-file-download.js

@@ -0,0 +1,16 @@
+import { useCallback as f } from "react";
+const p = ({
+  onDownloadFiles: e,
+  customDownloadItemsAction: r,
+  onDownloadSuccess: h
+}) => ({
+  handleDownloadFiles: f(
+    (l) => {
+      r && l.length > 0 ? r(l) : e && l.length > 0 && (e(l), h?.());
+    },
+    [e, h, r]
+  )
+});
+export {
+  p as useFileDownload
+};

package/dist/components/FileManager/hooks/use-file-manager-columns.js

@@ -0,0 +1,106 @@
+import { jsx as w } from "react/jsx-runtime";
+import { useMemo as g } from "react";
+import { FileManagerColumnKey as a } from "../../../types/file-manager.js";
+import { DialEllipsisTooltip as x } from "../../EllipsisTooltip/EllipsisTooltip.js";
+import { NAME_COLUMN as A, UPDATED_AT_COLUMN as E, SIZE_COLUMN as M } from "../../../constants/file-grid-columns.js";
+const y = (u) => {
+  const n = u.event;
+  if (!(n?.target ?? null)?.closest("input") || !n) return !1;
+  switch (n.key) {
+    case "ArrowLeft":
+    case "ArrowRight":
+    case "ArrowUp":
+    case "ArrowDown":
+    case "Home":
+    case "End":
+      return !0;
+    default:
+      return !1;
+  }
+};
+function R({
+  userColumnDefs: u,
+  filterable: n,
+  dateLocale: i,
+  dateOptions: l,
+  effectiveVisibleColumns: h,
+  isCompactView: o,
+  hasActions: c,
+  actionsColumnDef: d,
+  rootItemLabel: f,
+  rootItemPath: p
+}) {
+  const m = g(() => [
+    A("Name")(i, l, o),
+    {
+      colId: a.Path,
+      field: "path",
+      headerName: "Path",
+      flex: 1,
+      minWidth: 200,
+      cellRenderer: (r) => {
+        const t = r.context?.disabledRowIds?.has(r.data.path) ?? !1;
+        let s = r.data.path;
+        if (r.context?.hideSearchPathItemName && (r.data.parentPath ? s = r.data.parentPath : s = s.replace(/\/[^/]+\/?$/, "") || "/"), !p || !f)
+          return /* @__PURE__ */ w(
+            x,
+            {
+              text: s,
+              hideTooltip: t
+            }
+          );
+        const e = s.replace(p, f);
+        return /* @__PURE__ */ w(x, { text: e, hideTooltip: t });
+      }
+    },
+    E("Modified Date")(i, l),
+    M("Size"),
+    {
+      colId: a.Author,
+      field: "author",
+      headerName: "Author",
+      width: 200,
+      suppressSizeToFit: !0,
+      cellRenderer: (r) => r.data.author
+    },
+    {
+      colId: a.Owner,
+      field: "owner",
+      headerName: "Owner",
+      width: 200,
+      suppressSizeToFit: !0,
+      cellRenderer: (r) => r.data.owner
+    }
+  ], [i, l, o, f, p]);
+  return { columnDefs: g(() => {
+    const r = u?.map(
+      (e) => typeof e == "function" ? e(i, l, o) : e
+    );
+    let t = r ?? m;
+    r || (t = t.filter(
+      (e) => e.colId && h.includes(e.colId)
+    )), c && (o && (t = t.slice(0, 1)), t.push(d));
+    const s = (e) => e.colId === a.Name;
+    return t.map((e) => {
+      const N = {
+        ...e,
+        filter: n ? e.filter : !1,
+        floatingFilter: n ? e.floatingFilter : !1
+      };
+      return s(e) && !e.suppressKeyboardEvent && (N.suppressKeyboardEvent = y), N;
+    });
+  }, [
+    d,
+    i,
+    l,
+    m,
+    h,
+    n,
+    c,
+    o,
+    u
+  ]) };
+}
+export {
+  R as useFileManagerColumns
+};

package/dist/components/FileManager/hooks/use-file-manager-context.js

@@ -0,0 +1,13 @@
+import { useContext as t } from "react";
+import { FileManagerContext as r } from "../FileManagerContext.js";
+const i = () => {
+  const e = t(r);
+  if (!e)
+    throw new Error(
+      "useFileManagerContext must be used within <FileManagerProvider>"
+    );
+  return e;
+};
+export {
+  i as useFileManagerContext
+};

package/dist/components/FileManager/hooks/use-file-manager-tabs.js

@@ -0,0 +1,23 @@
+import { DialFileManagerTabs as a } from "../../../types/file-manager.js";
+import { useState as c, useMemo as u } from "react";
+const d = (s, t = a.MyFiles) => {
+  const i = Object.values(a).includes(
+    t
+  ) ? t : a.MyFiles, [r, n] = c(i), l = (e) => {
+    n(e);
+  }, o = u(() => {
+    if (s)
+      return Object.values(a).map((e) => ({
+        id: e,
+        label: s?.[e] || e.replace("_", " ")
+      }));
+  }, [s]);
+  return {
+    activeTab: r,
+    handleTabChange: l,
+    tabs: o
+  };
+};
+export {
+  d as useDialFileManagerTabs
+};

package/dist/components/FileManager/hooks/use-file-metadata.js

@@ -0,0 +1,20 @@
+import { useState as o, useCallback as p } from "react";
+const r = ({ onGetInfo: a }) => {
+  const [d, e] = o(!1), [c, t] = o(void 0), l = p(
+    async (s) => {
+      t(s), e(!0), a && await a(s);
+    },
+    [a]
+  ), u = p(() => {
+    e(!1), t(void 0);
+  }, []);
+  return {
+    isMetadataPopupOpen: d,
+    selectedFileForMetadata: c,
+    openMetadataPopup: l,
+    closeMetadataPopup: u
+  };
+};
+export {
+  r as useFileMetadata
+};

package/dist/components/FileManager/hooks/use-file-search.js

@@ -0,0 +1,90 @@
+import { useState as j, useRef as d, useEffect as x, useCallback as z, useMemo as q } from "react";
+import { normalizeToLowerCase as k } from "../utils.js";
+function D(f) {
+  const u = [];
+  function e(c) {
+    for (const t of c)
+      u.push(t), t.items && e(t.items);
+  }
+  return e(f), u;
+}
+function B(f, u) {
+  const e = k(u);
+  return f.filter((c) => k(c.name).includes(e));
+}
+function J({
+  onSearchFiles: f,
+  clearSearchResults: u,
+  currentPath: e,
+  searchResults: c = [],
+  searchInProgress: t = !1,
+  navigationPanelValue: p,
+  onNavigationPanelSearchChange: o,
+  allItems: A = [],
+  activeTab: w
+}) {
+  const [F, s] = j(""), l = d(!1), i = d(!1), y = d([]), Q = d(e), S = d(w);
+  x(() => {
+    p != null && s(String(p));
+  }, [p]);
+  const n = String(
+    p ?? F ?? ""
+  ).trim(), C = i.current && (t || c.length > 0 || n !== ""), L = z(
+    (m) => {
+      const r = m.trim();
+      if (!r) {
+        i.current = !1, l.current = !1;
+        return;
+      }
+      i.current = !0, f && e && !l.current && (l.current = !0, f(e, r));
+    },
+    [f, e]
+  ), M = z(() => {
+    l.current = !1, i.current = !1, y.current = [], s(""), o?.(""), u?.();
+  }, [u, o]), E = z(
+    (m) => {
+      const r = String(m ?? "");
+      s(r), o?.(r), r.trim() ? L(r) : M();
+    },
+    [o, L, M]
+  );
+  x(() => {
+    (Q.current !== e || S.current !== w) && (Q.current = e, S.current = w, l.current = !1, i.current = !1, y.current = [], s(""), o?.(""), u?.());
+  }, [
+    e,
+    w,
+    o,
+    u
+  ]), x(() => {
+    t || (y.current = c);
+  }, [c, t]);
+  const R = q(() => {
+    if (f) {
+      const r = t ? y.current : c;
+      return !n || r.length === 0 ? r : B(r, n);
+    }
+    if (!n || !A.length)
+      return [];
+    const m = D(A);
+    return B(m, n);
+  }, [
+    f,
+    c,
+    t,
+    n,
+    A
+  ]);
+  return {
+    isSearchMode: C,
+    searchValue: F,
+    effectiveSearchValue: n,
+    setSearchValue: s,
+    handleSearchChange: E,
+    handleSearchActivate: L,
+    handleSearchClear: M,
+    searchResultsRows: R
+  };
+}
+export {
+  J as useFileSearch
+};