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

package/dist/components/FileManager/FileManager.js

@@ -0,0 +1,887 @@
+import { jsx as o, jsxs as A } from "react/jsx-runtime";
+import { IconCopy as va, IconDownload as Aa, IconExternalLink as ka, IconTrashX as Oa, IconPencilMinus as xa, IconUserX as Ea, IconFileDescription as za } from "@tabler/icons-react";
+import Ga from "classnames";
+import { useState as Ba, useRef as Va, useMemo as f, useCallback as r, useImperativeHandle as _a } from "react";
+import Ha from "../../assets/icons/add-child.svg.js";
+import Ua from "../../assets/icons/add-sibling.svg.js";
+import Wa from "../../assets/icons/copy-to.svg.js";
+import ja from "../../assets/icons/move-to.svg.js";
+import Xa from "../../assets/icons/unshare.svg.js";
+import { DialCollapsibleSidebar as Ka } from "../CollapsibleSidebar/CollapsibleSidebar.js";
+import { ConflictResolutionPopup as ho } from "./components/ConflictResolutionPopup/ConflictResolutionPopup.js";
+import { useGridActionsColumn as qa } from "./hooks/use-grid-actions-column.js";
+import { useTriggerViewRename as Ya } from "./hooks/use-trigger-view-rename.js";
+import { DialGrid as Ja } from "../Grid/Grid.js";
+import { DialConditionalResizableContainer as Qa } from "../ResizableContainer/ConditionalResizableContainer.js";
+import { BASE_ICON_PROPS as l } from "../../constants/icon.js";
+import { useWidthBreakpoint as Za } from "../../hooks/use-width-breakpoint.js";
+import { DialFileNodeType as fe, DialFilePermission as $a } from "../../models/file.js";
+import { DropdownItemType as ei } from "../../types/dropdown.js";
+import { FileManagerColumnKey as k, DialFileManagerActions as i, DestinationFolderMode as p, FileManagerCreateFolderTriggerView as oi, FileManagerRenameTriggerView as ai } from "../../types/file-manager.js";
+import { mergeClasses as te } from "../../utils/merge-classes.js";
+import { DialNoDataContent as ii } from "../NoDataContent/NoDataContent.js";
+import { FileManagerProvider as ni } from "./FileManagerProvider.js";
+import { FileManagerTooltip as ti } from "./FileManagerTooltip.js";
+import { DialDestinationFolderPopup as li } from "./components/DestinationFolderPopup/DestinationFolderPopup.js";
+import { DialFileManagerBulkActionsToolbar as ri } from "./components/FileManagerBulkActionsToolbar/FileManagerBulkActionsToolbar.js";
+import { FileManagerDeleteConfirmationPopup as si } from "./components/FileManagerDeleteConfirmationPopup/FileManagerDeleteConfirmationPopup.js";
+import { DialFileManagerNavigationPanel as di } from "./components/FileManagerNavigationPanel/FileManagerNavigationPanel.js";
+import { DialFileManagerToolbar as ci } from "./components/FileManagerToolbar/DialFileManagerToolbar.js";
+import { FileMetadataPopup as pi } from "./components/FileMetadataPopup/FileMetadataPopup.js";
+import { DialFoldersTree as mi } from "./components/FoldersTree/FoldersTree.js";
+import { DEFAULT_COMPACT_VIEW_WIDTH_BREAKPOINT as hi, sidebarWidth as ui, sidebarTitleDefault as Ci, treeBaseClassName as gi, DEFAULT_VISIBLE_COLUMN as bi, toolbarBaseClassName as uo, FOLDERS_TREE_PANEL_MAX_WIDTH as fi, FOLDERS_TREE_PANEL_MIN_WIDTH as Di, COMPACT_VIEW_HEADER_HEIGHT as Co, gridBaseClassName as Fi, contentGridClassName as Ti, mainGridClassName as wi, containerBaseClassName as yi, actionsColumnButtonClassName as Ri } from "./constants.js";
+import { useBulkActions as Mi } from "./hooks/use-bulk-actions.js";
+import { useFileManagerColumns as Pi } from "./hooks/use-file-manager-columns.js";
+import { useFileManagerContext as Li } from "./hooks/use-file-manager-context.js";
+import { useGridContextMenu as Ni } from "./hooks/use-grid-context-menu.js";
+import { getRowTooltip as Ii, findNodeByPath as Si } from "./utils.js";
+import { useTriggerViewCreateFolder as vi } from "./hooks/use-trigger-view-create-folder.js";
+const fn = (O) => /* @__PURE__ */ o(ni, { ...O, children: /* @__PURE__ */ o(Ai, {}) }), Ai = () => {
+  const {
+    managerLabel: O,
+    className: go,
+    items: P,
+    rootItem: c,
+    filesLoading: D,
+    treeOptions: a,
+    showNavigationPanel: bo,
+    navigationPanelOptions: le,
+    gridOptions: L,
+    toolbarOptions: N,
+    bulkActionsToolbarOptions: F,
+    deleteConfirmationOptions: fo,
+    destinationFolderPopupOptions: T,
+    conflictResolutionPopupOptions: De,
+    compactViewWidthBreakpoint: Do = hi,
+    customBreakpointRef: Fo,
+    sharedByMePaths: m,
+    allowedFileTypes: x,
+    maxSelectableFileSize: re,
+    areHiddenFilesVisible: E,
+    toggleHiddenFilesVisibility: Fe,
+    isTreeCollapsed: se,
+    toggleTreeCollapse: Te,
+    currentPath: w,
+    gridRows: y,
+    selectedPaths: h,
+    selectedFiles: de,
+    clearSelection: ce,
+    setSelectedPaths: we,
+    effectiveSearchValue: To,
+    handleBreadcrumbItemClick: wo,
+    handleSearchChange: yo,
+    handleTreeItemClick: ye,
+    handleTableRowClick: Re,
+    handleSelectionClick: Me,
+    onGridApiChange: Pe,
+    handleOpenDestinationFolderPopup: g,
+    handleCloseDestinationFolderPopup: Le,
+    openDestinationFolderPopup: Ro,
+    destinationFolderMode: Ne,
+    handleSetCopiedFiles: z,
+    handleSetMovedFiles: G,
+    handleDuplicate: B,
+    handleCopyTo: Mo,
+    handleMoveTo: Po,
+    handleGridAddSibling: Lo,
+    handleGridAddChild: No,
+    handleTreeAddSibling: Io,
+    handleTreeAddChild: So,
+    handleDownloadFiles: V,
+    openDeleteConfirmation: _,
+    closeDeleteConfirmation: vo,
+    confirmDelete: Ao,
+    deleteConfirmationOpen: ko,
+    itemsToDelete: Oo,
+    renamedPath: b,
+    renamedItem: Ie,
+    onRename: xo,
+    onRenameSave: H,
+    onRenameCancel: U,
+    onRenameValidate: W,
+    createdFolderPath: j,
+    forbiddenSymbolsRegExp: u,
+    forbiddenSymbolsTooltip: X,
+    getDisplayName: Se,
+    isDragging: I,
+    isDraggingOverWindow: K,
+    handleDragEnter: Eo,
+    handleDragLeave: zo,
+    handleDragOver: Go,
+    handleDrop: Bo,
+    onUploadFiles: Vo,
+    onValidateUpload: _o,
+    maxFileSize: Ho,
+    newActions: ve,
+    isNewButtonVisible: Ae,
+    isNewButtonDisabled: ke,
+    newFolderTempId: Oe,
+    cancelFolderCreation: R,
+    saveFolderCreation: q,
+    validateFolderName: xe,
+    startFolderCreation: Ee,
+    conflictingFiles: Uo,
+    conflictResolutionOpen: Wo,
+    handleConflictReplace: jo,
+    handleConflictDuplicate: Xo,
+    handleConflictCancel: Ko,
+    handleConflictDecideForEach: qo,
+    uploadConflictingFiles: Yo,
+    uploadConflictResolutionOpen: Jo,
+    handleUploadConflictReplace: Qo,
+    handleUploadConflictDuplicate: Zo,
+    handleUploadConflictCancel: $o,
+    handleUploadConflictDecideForEach: ea,
+    openMetadataPopup: oa,
+    fileMetadataPopupOptions: C,
+    isMetadataPopupOpen: aa,
+    selectedFileForMetadata: ia,
+    closeMetadataPopup: na,
+    onUnshareFiles: Y,
+    onRemoveFilesAccess: J,
+    actionsRef: ta,
+    searchInProgress: ze,
+    isSearchMode: Q,
+    emptyStateIcon: Ge,
+    emptyStateTitle: Be = "You don't have any files",
+    emptyStateDescription: Ve = "Upload or drag and drop files",
+    sharedWithMeIds: Z,
+    onFolderPopupPathChange: la,
+    onManagePermissions: $,
+    onPreview: ra,
+    onOpenInNewTab: sa,
+    previewExtensions: da,
+    isRenameFileAvailable: ca,
+    isDuplicateFolderAvailable: pa,
+    getDisabledTooltip: pe,
+    fileTooLargeTooltip: _e,
+    unsupportedFileTypeTooltip: He,
+    gridClassName: ma,
+    nonClickableTableColumns: me,
+    hideSearchPathItemName: he,
+    showHiddenFileSwitcherInDestinationPopup: ha,
+    showCreateFolderButtonInDestinationPopup: ua,
+    newFolderDefaultName: ee
+  } = Li(), {
+    width: Ca = ui,
+    header: Ue = Ci,
+    containerClassName: We = gi,
+    additionalButtons: je,
+    ...Xe
+  } = a ?? {}, [oe, Ke] = Ba(Ca), { renameTriggerView: ae, onGridRename: ga, onTreeRename: qe } = Ya({ onRename: xo }), {
+    createFolderTriggerView: Ye,
+    onGridCreateSiblingFolder: ba,
+    onTreeCreateSiblingFolder: Je,
+    onGridCreateChildFolder: fa,
+    onTreeCreateChildFolder: Qe
+  } = vi({
+    onGridAddSibling: Lo,
+    onGridAddChild: No,
+    onTreeAddSibling: Io,
+    onTreeAddChild: So
+  }), ue = Va(null), Da = (e) => {
+    ue.current === null && (ue.current = requestAnimationFrame(() => {
+      Ke(e), ue.current = null;
+    }));
+  }, {
+    columnDefs: Fa,
+    filterable: Ta = !0,
+    dateLocale: wa,
+    dateOptions: ya,
+    selectionMode: Ze,
+    wrapCustomCellRenderers: $e,
+    visibleColumns: eo = bi,
+    allowDisabledContextMenu: ie = !1,
+    ...M
+  } = L ?? {}, { containerRef: Ra, isBelowBreakpoint: s } = Za(
+    Do,
+    Fo
+  ), Ma = f(() => Q ? [
+    k.Name,
+    k.Path,
+    k.Actions
+  ] : eo, [Q, eo]), Ce = r(
+    (e, n, t) => Ii(
+      e,
+      n,
+      t,
+      He,
+      _e
+    ),
+    [_e, He]
+  ), ne = r(
+    (e, n, t) => !!pe?.(e) || !!Ce(e, n, t),
+    [Ce, pe]
+  ), S = f(() => {
+    const e = /* @__PURE__ */ new Set();
+    for (const n of y)
+      ne(n, x, re) && e.add(n.path);
+    return e;
+  }, [x, re, y, ne]), oo = r(
+    (e) => {
+      const n = [], t = [], d = !e.parentPath, v = u?.test(
+        e.name
+      );
+      return a?.actionLabels && (a.actionLabels[i.AddSibling] && e.nodeType === fe.FOLDER && !d && n.push({
+        key: "addSibling",
+        label: a.actionLabels[i.AddSibling],
+        icon: /* @__PURE__ */ o(
+          Ua,
+          {
+            width: l.size,
+            height: l.size,
+            className: "text-secondary"
+          }
+        ),
+        onClick: () => Je([e])
+      }), a.actionLabels[i.AddChild] && e.nodeType === fe.FOLDER && !v && n.push({
+        key: "addChild",
+        label: a.actionLabels[i.AddChild],
+        icon: /* @__PURE__ */ o(
+          Ha,
+          {
+            width: l.size,
+            height: l.size,
+            className: "text-secondary"
+          }
+        ),
+        onClick: () => Qe([e])
+      }), a.actionLabels[i.Duplicate] && !d && !v && t.push({
+        key: "duplicate",
+        label: a.actionLabels[i.Duplicate],
+        icon: /* @__PURE__ */ o(va, { ...l, className: "text-secondary" }),
+        onClick: () => B([e])
+      }), a.actionLabels[i.Copy] && !d && !v && t.push({
+        key: p.Copy,
+        label: a.actionLabels[i.Copy],
+        icon: /* @__PURE__ */ o(
+          Wa,
+          {
+            width: l.size,
+            height: l.size,
+            className: "text-secondary"
+          }
+        ),
+        onClick: () => {
+          z([e]), g(p.Copy);
+        }
+      }), a.actionLabels[i.Move] && !d && !v && t.push({
+        key: p.Move,
+        label: a.actionLabels[i.Move],
+        icon: /* @__PURE__ */ o(
+          ja,
+          {
+            width: l.size,
+            height: l.size,
+            className: "text-secondary"
+          }
+        ),
+        onClick: () => {
+          G([e]), g(p.Move);
+        }
+      }), a.actionLabels[i.Download] && !d && !v && t.push({
+        key: "download",
+        label: a.actionLabels[i.Download],
+        icon: /* @__PURE__ */ o(Aa, { ...l, className: "text-secondary" }),
+        onClick: () => V([e])
+      }), a.actionLabels[i.ManagePermissions] && typeof $ == "function" && e.nodeType === fe.FOLDER && !d && t.push({
+        key: i.ManagePermissions,
+        label: a.actionLabels[i.ManagePermissions],
+        icon: /* @__PURE__ */ o(
+          ka,
+          {
+            ...l,
+            className: "text-secondary"
+          }
+        ),
+        onClick: () => $?.(e.path)
+      }), a.actionLabels[i.Delete] && e.permissions?.includes($a.WRITE) && !d && t.push({
+        key: "delete",
+        label: a.actionLabels[i.Delete],
+        icon: /* @__PURE__ */ o(Oa, { ...l, className: "text-secondary" }),
+        onClick: () => _([e], e.parentPath ?? "")
+      }), a.actionLabels[i.Rename] && !d && t.push({
+        key: "rename",
+        label: a.actionLabels[i.Rename],
+        icon: /* @__PURE__ */ o(
+          xa,
+          {
+            ...l,
+            className: "text-secondary"
+          }
+        ),
+        onClick: () => qe(e.path)
+      }), a.actionLabels[i.Unshare] && Z?.includes(e.path) && !d && t.push({
+        key: "unshare",
+        label: a.actionLabels[i.Unshare],
+        icon: /* @__PURE__ */ o(
+          Xa,
+          {
+            width: l.size,
+            height: l.size,
+            className: "text-secondary"
+          }
+        ),
+        onClick: () => Y?.([e])
+      }), a.actionLabels[i.RemoveAccess] && m?.has(e.path) && !d && t.push({
+        key: i.RemoveAccess,
+        label: a.actionLabels[i.RemoveAccess],
+        icon: /* @__PURE__ */ o(
+          Ea,
+          {
+            size: l.size,
+            className: "text-secondary"
+          }
+        ),
+        onClick: () => J?.([e])
+      })), n.length ? t.length === 0 ? n : n.length === 0 ? t : [
+        ...n,
+        { key: "divider", type: ei.Divider },
+        ...t
+      ] : t;
+    },
+    [
+      a?.actionLabels,
+      u,
+      $,
+      B,
+      z,
+      g,
+      G,
+      V,
+      qe,
+      Y,
+      J,
+      Z,
+      m,
+      _,
+      Qe,
+      Je
+    ]
+  ), ao = f(() => {
+    const e = /* @__PURE__ */ new Set();
+    return de.forEach((n, t) => e.add(t)), e;
+  }, [de]), io = r(
+    (e, n) => {
+      we(e), Me?.(n);
+    },
+    [Me, we]
+  ), no = Mi({
+    selectedFiles: de,
+    actionLabels: F?.actionLabels,
+    onDuplicate: B,
+    onCopy: (e) => {
+      z(e), g(p.Copy);
+    },
+    onMove: (e) => {
+      G(e), g(p.Move);
+    },
+    onDownload: V,
+    onDelete: _,
+    onUnshare: Y,
+    onRemoveAccess: J,
+    getCurrentFolderPath: () => w ?? "/",
+    sharedWithMeIds: Z,
+    sharedByMePaths: m,
+    onClearSelection: ce,
+    forbiddenSymbolsRegExp: u
+  }), to = r(
+    (e) => {
+      N?.onTabChange?.(e), R();
+    },
+    [N, R]
+  ), Pa = r(() => N && h.size === 0 ? /* @__PURE__ */ A(
+    "div",
+    {
+      className: uo,
+      role: "toolbar",
+      "aria-label": "File Manager Toolbar",
+      children: [
+        O,
+        /* @__PURE__ */ o(
+          ci,
+          {
+            ...N,
+            onTabChange: to,
+            areHiddenFilesVisible: E,
+            onToggleHiddenFiles: Fe,
+            isNewButtonVisible: Ae,
+            isNewButtonDisabled: ke,
+            newButtonDropdownItems: ve
+          }
+        )
+      ]
+    }
+  ) : h.size > 0 && F ? /* @__PURE__ */ o(
+    "div",
+    {
+      className: uo,
+      role: "toolbar",
+      "aria-label": "File Manager Toolbar",
+      children: /* @__PURE__ */ o(
+        ri,
+        {
+          ...F,
+          selectedCount: h.size,
+          onClearSelection: ce,
+          actions: no
+        }
+      )
+    }
+  ) : null, [
+    to,
+    F,
+    h,
+    ce,
+    no,
+    E,
+    Fe,
+    N,
+    Ae,
+    ke,
+    ve,
+    O
+  ]);
+  _a(
+    ta,
+    () => ({
+      createFolder: Ee
+    }),
+    [Ee]
+  );
+  const La = r(() => s ? null : /* @__PURE__ */ o(
+    "aside",
+    {
+      role: "region",
+      "aria-label": "File Manager Tree Navigation",
+      className: "min-h-0 min-w-0 h-full flex-none",
+      children: /* @__PURE__ */ o(
+        Qa,
+        {
+          defaultWidth: oe,
+          width: oe,
+          onResizeStop: Ke,
+          onResize: Da,
+          minWidth: Di,
+          maxWidth: fi,
+          enabled: !se,
+          children: /* @__PURE__ */ o(
+            Ka,
+            {
+              width: oe,
+              title: Ue,
+              containerClassName: We,
+              titleClassName: "dial-body-text text-primary",
+              additionalButtons: je,
+              isOpened: !se,
+              onToggle: Te,
+              children: /* @__PURE__ */ o(
+                mi,
+                {
+                  ...Xe,
+                  items: P,
+                  rootItemPath: c?.path,
+                  rootItemLabel: c?.label,
+                  selectedPath: w,
+                  sharedByMePaths: m,
+                  forbiddenSymbolsRegExp: u,
+                  forbiddenSymbolsTooltip: X,
+                  onItemClick: ye,
+                  areHiddenFilesVisible: E,
+                  getContextMenuItems: oo,
+                  renamedPath: ae === ai.Tree ? b : void 0,
+                  onRenameSave: H,
+                  onRenameCancel: U,
+                  onRenameValidate: W,
+                  createdFolderPath: Ye === oi.Tree ? j : null,
+                  onCreateFolderCancel: R,
+                  onCreateFolderSave: q,
+                  newFolderDefaultName: ee
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  ), [
+    s,
+    oe,
+    se,
+    Ue,
+    We,
+    je,
+    Te,
+    Xe,
+    P,
+    c?.path,
+    c?.label,
+    w,
+    m,
+    u,
+    X,
+    ye,
+    E,
+    oo,
+    ae,
+    Ye,
+    b,
+    H,
+    U,
+    W,
+    j,
+    R,
+    q,
+    ee
+  ]), lo = Ni({
+    actionLabels: L?.actionLabels,
+    onDuplicate: (e) => B([e]),
+    onCopy: (e) => {
+      z([e]), g(p.Copy);
+    },
+    onMove: (e) => {
+      G([e]), g(p.Move);
+    },
+    onDownload: (e) => V([e]),
+    onRename: ga,
+    onDelete: (e, n) => _([e], n),
+    onInfo: (e) => oa(e),
+    onUnshare: (e) => Y?.([e]),
+    onRemoveAccess: (e) => J?.([e]),
+    sharedWithMeIds: Z,
+    sharedByMePaths: m,
+    onManagePermissions: (e) => $?.(e),
+    onPreview: (e) => ra?.(e),
+    onOpenInNewTab: (e) => sa?.(e),
+    previewExtensions: da,
+    isRenameFileAvailable: ca,
+    isDuplicateFolderAvailable: pa,
+    forbiddenSymbolsRegExp: u,
+    onGridCreateSiblingFolder: ba,
+    onGridCreateChildFolder: fa
+  }), ge = r(
+    (e) => {
+      const n = Si(P, e.path);
+      return n ? lo(n) : [];
+    },
+    [P, lo]
+  ), Na = r(
+    (e, n, t) => ie ? !1 : ne(e, n, t),
+    [ie, ne]
+  ), { actionsColumnDef: Ia } = qa({
+    getContextMenuItems: ge,
+    isRowDisabled: Na,
+    allowedFileTypes: x,
+    buttonClassName: s ? "" : Ri
+  }), { columnDefs: be } = Pi({
+    userColumnDefs: Fa,
+    filterable: Ta,
+    dateLocale: wa,
+    dateOptions: ya,
+    effectiveVisibleColumns: Ma,
+    isCompactView: s,
+    hasActions: !!L?.actionLabels,
+    actionsColumnDef: Ia,
+    rootItemLabel: c?.label,
+    rootItemPath: c?.path
+  }), ro = r(
+    (e) => {
+      e.colDef.colId === "ag-Grid-SelectionColumn" || e.colDef.colId === k.Actions || b && e.data?.path === b || e.data?.isTemporary || me && me.includes(
+        e.colDef.colId
+      ) || e.data && Re(e.data);
+    },
+    [b, Re, me]
+  ), so = r(
+    () => /* @__PURE__ */ o(
+      ii,
+      {
+        title: Be,
+        description: Ve,
+        descriptionClassName: "text-sm",
+        containerClassName: "gap-3 size-full bg-layer-2 border rounded-[4px] border-primary",
+        titleClassName: "mt-2 !text-lg",
+        icon: Ge || /* @__PURE__ */ o(
+          za,
+          {
+            size: 100,
+            stroke: 0.5,
+            className: "text-secondary"
+          }
+        )
+      }
+    ),
+    [Ve, Ge, Be]
+  ), co = f(() => (e) => e.path, []), po = f(
+    () => Ga(
+      "min-h-[248px] overflow-auto md:min-h-[266px]",
+      I ? "border border-dashed border-accent-primary" : "",
+      K && !I ? "border border-dashed border-primary" : ""
+    ),
+    [I, K]
+  ), mo = f(
+    () => ({
+      ...M.additionalGridOptions,
+      onCellClicked: ro,
+      headerHeight: Co,
+      rowHeight: Co,
+      rowClass: "group/grid-row",
+      defaultColDef: {
+        ...M.additionalGridOptions?.defaultColDef,
+        floatingFilter: le?.searchable ? !1 : M.additionalGridOptions?.defaultColDef?.floatingFilter
+      },
+      context: {
+        cancelFolderCreation: R,
+        saveFolderCreation: q,
+        getDisplayName: Se,
+        onRenameCancel: U,
+        onRenameSave: H,
+        onRenameValidate: W,
+        renameTriggerView: ae,
+        validateFolderName: xe,
+        renamedItem: Ie,
+        renamedPath: b,
+        createdFolderPath: j,
+        newFolderTempId: Oe,
+        sharedByMePaths: m,
+        selectedPaths: h,
+        disabledRowIds: S,
+        forbiddenSymbolsRegExp: u,
+        forbiddenSymbolsTooltip: X,
+        hideSearchPathItemName: he,
+        newFolderDefaultName: ee,
+        filesLoading: D
+      }
+    }),
+    [
+      M.additionalGridOptions,
+      ro,
+      le?.searchable,
+      R,
+      q,
+      Se,
+      U,
+      H,
+      W,
+      ae,
+      xe,
+      Ie,
+      b,
+      j,
+      Oe,
+      m,
+      h,
+      S,
+      u,
+      X,
+      he,
+      ee,
+      D
+    ]
+  ), Sa = f(
+    () => y.length === 0 && !Q && !D ? so() : /* @__PURE__ */ o(
+      Ja,
+      {
+        columnDefs: be,
+        rowData: y,
+        getRowId: co,
+        loading: D || ze,
+        getContextMenuItems: ge,
+        withoutHeaderBorders: s,
+        onGridApiChange: Pe,
+        className: po,
+        ...M,
+        selectionMode: Ze,
+        wrapCustomCellRenderers: $e,
+        additionalGridOptions: mo,
+        selectedRowIds: ao,
+        onSelectionChange: io,
+        wrapperBorder: !I && !K,
+        disabledRowIds: S,
+        allowDisabledContextMenu: ie
+      }
+    ),
+    [
+      y,
+      Q,
+      D,
+      so,
+      be,
+      co,
+      ze,
+      ge,
+      s,
+      Pe,
+      po,
+      M,
+      Ze,
+      $e,
+      mo,
+      ao,
+      io,
+      I,
+      K,
+      S,
+      ie
+    ]
+  );
+  return /* @__PURE__ */ o("section", { ref: Ra, className: "size-full", children: /* @__PURE__ */ A(
+    "div",
+    {
+      className: te(
+        yi,
+        {
+          "gap-3 pt-4": F && h.size > 0,
+          "gap-4 p-3 pt-4": s,
+          "gap-2 pt-2": s && F && h.size > 0
+        },
+        go
+      ),
+      children: [
+        Pa(),
+        /* @__PURE__ */ A("div", { className: te(wi, ma), children: [
+          La(),
+          /* @__PURE__ */ A(
+            "div",
+            {
+              className: te(Ti, {
+                "gap-3": s
+              }),
+              children: [
+                bo && /* @__PURE__ */ o(
+                  di,
+                  {
+                    ...le ?? {},
+                    makeHref: (e) => e.join("/"),
+                    path: w,
+                    onItemClick: wo,
+                    rootItemPath: c?.path,
+                    rootItemLabel: c?.label,
+                    value: To,
+                    onSearchChange: yo,
+                    isCompactView: s,
+                    labelClassName: "dial-tiny-text"
+                  }
+                ),
+                /* @__PURE__ */ A(
+                  "section",
+                  {
+                    role: "region",
+                    "aria-label": "File Manager Grid View",
+                    className: te(Fi, "relative"),
+                    onDragEnter: Eo,
+                    onDragLeave: zo,
+                    onDragOver: Go,
+                    onDrop: Bo,
+                    children: [
+                      Sa,
+                      /* @__PURE__ */ o(
+                        ti,
+                        {
+                          disabledGridRowIds: S,
+                          gridRows: y,
+                          getDisabledTooltip: pe,
+                          getRowDisabledTooltip: Ce,
+                          allowedFileTypes: x,
+                          maxSelectableFileSize: re
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o(
+          si,
+          {
+            ...fo,
+            open: ko,
+            itemsToDelete: Oo,
+            onClose: vo,
+            onConfirm: Ao
+          }
+        ),
+        /* @__PURE__ */ o(
+          li,
+          {
+            ...T,
+            open: Ro,
+            onClose: Le,
+            onConfirm: () => {
+              const e = T?.destinationFolderPath ?? "/";
+              Ne === p.Copy ? Mo(e) : Po(e), Le();
+            },
+            mode: Ne,
+            items: P,
+            rootItem: c,
+            gridOptions: {
+              columnDefs: be.filter(
+                (e) => e.colId !== k.Actions
+              ),
+              loading: D
+            },
+            onUploadFiles: Vo,
+            onValidateUpload: _o,
+            maxFileSize: Ho,
+            path: T?.destinationFolderPath ?? T?.sourceFolder ?? w,
+            onPathChange: (e) => {
+              T?.setDestinationFolderPath?.(e);
+            },
+            sourceFolder: T?.sourceFolder ?? w,
+            treeOptions: { header: a?.header },
+            onFolderPopupPathChange: la,
+            showHiddenFileSwitcher: ha,
+            showCreateFolderButton: ua,
+            hideSearchPathItemName: he
+          }
+        ),
+        /* @__PURE__ */ o(
+          ho,
+          {
+            ...De,
+            open: Wo,
+            onClose: Ko,
+            onReplace: jo,
+            onDuplicate: Xo,
+            onDecideForEach: qo,
+            conflictingFiles: Uo
+          }
+        ),
+        /* @__PURE__ */ o(
+          ho,
+          {
+            ...De,
+            open: Jo,
+            onClose: $o,
+            onReplace: Qo,
+            onDuplicate: Zo,
+            onDecideForEach: ea,
+            conflictingFiles: Yo
+          }
+        ),
+        /* @__PURE__ */ o(
+          pi,
+          {
+            open: aa,
+            onClose: na,
+            fileMetadata: C?.fileMetadata ?? ia,
+            loading: C?.loading,
+            header: C?.header,
+            nameLabel: C?.nameLabel,
+            pathLabel: C?.pathLabel,
+            modifiedDateLabel: C?.modifiedDateLabel,
+            sizeLabel: C?.sizeLabel,
+            authorLabel: C?.authorLabel,
+            dateLocale: L?.dateLocale,
+            dateOptions: L?.dateOptions
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  fn as DialFileManager,
+  Ai as DialFileManagerView
+};