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

package/dist/components/FileManager/components/FileManagerToolbar/DialFileManagerToolbar.js

@@ -0,0 +1,120 @@
+import { jsx as r, jsxs as t, Fragment as l } from "react/jsx-runtime";
+import { DialButtonDropdown as I } from "../../../ButtonDropdown/ButtonDropdown.js";
+import { DialDropdown as u } from "../../../Dropdown/Dropdown.js";
+import { DialSwitch as A } from "../../../Switch/Switch.js";
+import { DialTabs as N } from "../../../Tabs/Tabs.js";
+import { DialTooltip as v } from "../../../Tooltip/Tooltip.js";
+import { BASE_ICON_PROPS as D, DIAL_ICON_SIZE as P } from "../../../../constants/icon.js";
+import { useIsMobileScreen as _ } from "../../../../hooks/use-is-mobile-screen.js";
+import { ButtonVariant as j } from "../../../../types/button.js";
+import { ScreenResolution as z } from "../../../../types/tab.js";
+import { IconEyeOff as b, IconEye as R, IconDotsVertical as g } from "@tabler/icons-react";
+import { useMemo as G } from "react";
+import { ElementSize as Z } from "../../../../types/size.js";
+import { DialGhostIconButton as q } from "../../../IconButton/IconButtonWrappers.js";
+const rr = ({
+  tabs: c,
+  activeTab: n,
+  onTabChange: s,
+  areHiddenFilesVisible: o,
+  onToggleHiddenFiles: i,
+  isNewButtonVisible: a,
+  isNewButtonDisabled: e,
+  newButtonVariant: f = j.Primary,
+  newButtonDropdownItems: p = [],
+  newButtonLabel: h = "New",
+  hiddenFilesSwitcherLabel: y = "Hidden files",
+  showHiddenFilesLabel: d = "Show hidden files",
+  hideHiddenFilesLabel: x = "Hide hidden files",
+  showHiddenFilesToggle: C = !0,
+  disabledNewButtonTooltip: m
+}) => {
+  const k = _(), M = G(() => [
+    {
+      key: "hidden-files-switch",
+      label: o ? x : d,
+      icon: o ? /* @__PURE__ */ r(b, { ...D, className: "text-secondary" }) : /* @__PURE__ */ r(R, { ...D, className: "text-secondary" }),
+      onClick: () => i?.(!o)
+    }
+  ], [
+    o,
+    x,
+    d,
+    i
+  ]), w = () => c && n && s ? /* @__PURE__ */ r(
+    N,
+    {
+      tabs: c,
+      activeTab: n,
+      onClick: (S) => s(S),
+      screenThreshold: z.Tablet,
+      smallScreenContainerClassName: "w-fit bg-transparent h-[38px] overflow-hidden",
+      smallScreenDropdownItemClassName: "px-3 h-[38px]"
+    }
+  ) : null, E = () => /* @__PURE__ */ t(l, { children: [
+    C && /* @__PURE__ */ t(l, { children: [
+      /* @__PURE__ */ r(
+        A,
+        {
+          switchId: "hidden-files-switch",
+          label: y,
+          isOn: o,
+          onChange: i
+        }
+      ),
+      /* @__PURE__ */ r("div", { className: "h-6 border-l border-primary" })
+    ] }),
+    a && /* @__PURE__ */ r(
+      v,
+      {
+        tooltip: e && m ? m : void 0,
+        children: /* @__PURE__ */ r(
+          I,
+          {
+            label: h,
+            variant: f,
+            items: p,
+            disabled: e
+          }
+        )
+      }
+    )
+  ] }), O = () => /* @__PURE__ */ t(l, { children: [
+    /* @__PURE__ */ r(
+      u,
+      {
+        items: M,
+        allowedPlacements: ["bottom", "bottom-start"],
+        children: /* @__PURE__ */ r(
+          q,
+          {
+            size: Z.Small,
+            icon: /* @__PURE__ */ r(g, { stroke: 2, size: P.SM })
+          }
+        )
+      }
+    ),
+    a ? /* @__PURE__ */ r(
+      v,
+      {
+        tooltip: e && m ? m : void 0,
+        children: /* @__PURE__ */ r(
+          I,
+          {
+            label: h,
+            variant: f,
+            items: p,
+            disabled: e
+          }
+        )
+      }
+    ) : null
+  ] });
+  return /* @__PURE__ */ t("div", { className: "flex w-full justify-between gap-4 items-center overflow-x-auto", children: [
+    /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: w() }),
+    /* @__PURE__ */ r("div", { className: "flex gap-2 shrink-0 items-center", children: k ? O() : E() })
+  ] });
+};
+export {
+  rr as DialFileManagerToolbar
+};

package/dist/components/FileManager/components/FileMetadataPopup/FileMetadataPopup.js

@@ -0,0 +1,119 @@
+import { jsx as e, jsxs as p, Fragment as v } from "react/jsx-runtime";
+import { DialPopup as E } from "../../../Popup/Popup.js";
+import { PopupSize as u } from "../../../../types/popup.js";
+import "react";
+import { Skeleton as r } from "../../../Skeleton/Skeleton.js";
+import { SkeletonVariant as t } from "../../../../types/skeleton.js";
+import { formatDate as L, formatBytes as C } from "../../utils.js";
+import { DialEllipsisTooltip as m } from "../../../EllipsisTooltip/EllipsisTooltip.js";
+import { LABEL_COLUMN_WIDTH as _, LABEL_CLASS as i, SKELETON_CLASS as a, SKELETON_HEIGHT as l, VALUE_CLASS as d, PATH_CLASS as w } from "./constants.js";
+const k = ({
+  open: S,
+  onClose: x,
+  fileMetadata: s,
+  loading: T = !1,
+  header: g = "Information",
+  nameLabel: c = "Name:",
+  pathLabel: n = "Path:",
+  modifiedDateLabel: h = "Modified Date:",
+  sizeLabel: o = "Size:",
+  authorLabel: N = "Author:",
+  dateLocale: A = "en-US",
+  dateOptions: f
+}) => /* @__PURE__ */ e(
+  E,
+  {
+    open: S,
+    onClose: x,
+    size: u.Sm,
+    header: g,
+    dividers: !1,
+    children: /* @__PURE__ */ e("div", { className: "px-6 py-4", children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: "grid gap-4 items-center dial-small-text",
+        style: { gridTemplateColumns: `${_}px 1fr` },
+        children: T ? /* @__PURE__ */ p(v, { children: [
+          /* @__PURE__ */ e("div", { className: i, children: c }),
+          /* @__PURE__ */ e(
+            r,
+            {
+              variant: t.Text,
+              width: "100%",
+              height: l,
+              className: a
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: i, children: h }),
+          /* @__PURE__ */ e(
+            r,
+            {
+              variant: t.Text,
+              width: "90%",
+              height: l,
+              className: a
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: i, children: o }),
+          /* @__PURE__ */ e(
+            r,
+            {
+              variant: t.Text,
+              width: "60%",
+              height: l,
+              className: a
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: i, children: N }),
+          /* @__PURE__ */ e(
+            r,
+            {
+              variant: t.Text,
+              width: "80%",
+              height: l,
+              className: a
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: i, children: n }),
+          /* @__PURE__ */ e(
+            r,
+            {
+              variant: t.Text,
+              width: "70%",
+              height: l,
+              className: a
+            }
+          )
+        ] }) : s ? /* @__PURE__ */ p(v, { children: [
+          /* @__PURE__ */ e("div", { className: i, children: c }),
+          /* @__PURE__ */ e("div", { className: d, children: /* @__PURE__ */ e(m, { text: s.name }) }),
+          /* @__PURE__ */ e("div", { className: i, children: h }),
+          /* @__PURE__ */ e("div", { className: d, children: /* @__PURE__ */ e(
+            m,
+            {
+              text: L(
+                s.updatedAt,
+                A,
+                f
+              )
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: i, children: o }),
+          /* @__PURE__ */ e("div", { className: d, children: /* @__PURE__ */ e(
+            m,
+            {
+              text: C(s.contentLength)
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: i, children: N }),
+          /* @__PURE__ */ e("div", { className: d, children: /* @__PURE__ */ e(m, { text: s.author || "—" }) }),
+          /* @__PURE__ */ e("div", { className: i, children: n }),
+          /* @__PURE__ */ e("div", { className: w, children: decodeURIComponent(s.path) })
+        ] }) : null
+      }
+    ) })
+  }
+);
+export {
+  k as FileMetadataPopup
+};

package/dist/components/FileManager/components/FileMetadataPopup/constants.js

@@ -0,0 +1,9 @@
+const t = 100, L = 16, S = "text-secondary", n = "text-primary min-w-0", o = "text-primary break-words min-w-0", r = "bg-layer-2";
+export {
+  S as LABEL_CLASS,
+  t as LABEL_COLUMN_WIDTH,
+  o as PATH_CLASS,
+  r as SKELETON_CLASS,
+  L as SKELETON_HEIGHT,
+  n as VALUE_CLASS
+};

package/dist/components/FileManager/components/FoldersTree/FoldersTree.js

@@ -0,0 +1,180 @@
+import { jsx as e, jsxs as h, Fragment as oe } from "react/jsx-runtime";
+import "react";
+import { IconCaretRightFilled as se, IconDotsVertical as ne } from "@tabler/icons-react";
+import { DialFileNodeType as g } from "../../../../models/file.js";
+import { BASE_ICON_PROPS as me } from "../../../../constants/icon.js";
+import { mergeClasses as F } from "../../../../utils/merge-classes.js";
+import { DialDropdown as S } from "../../../Dropdown/Dropdown.js";
+import { DialIcon as ce } from "../../../Icon/Icon.js";
+import { DropdownTrigger as pe } from "../../../../types/dropdown.js";
+import de from "classnames";
+import { CARET_ICON_PROPS as fe, NEW_FOLDER_TEMP_NAME as s, FOLDER_LEVEL_PADDING as he } from "./constants.js";
+import { DialNoDataContent as ge } from "../../../NoDataContent/NoDataContent.js";
+import { isHiddenDotFile as xe, getForbiddenSymbolsTooltip as ue } from "../../utils.js";
+import { DialFileManagerItemName as Ne } from "../FileManagerItemName/FileManagerItemName.js";
+import { DialItemType as T } from "../../../../types/item.js";
+import { BASE_FILE_MANAGER_ICON_SIZE as ye } from "../../constants.js";
+import { useExpandedPaths as ve } from "./hooks/use-expanded-paths.js";
+const ke = ({
+  items: x,
+  showFiles: u = !1,
+  expandedPaths: _,
+  loadingPaths: L = /* @__PURE__ */ new Set(),
+  loadedPaths: O = /* @__PURE__ */ new Set(),
+  sharedByMePaths: A = /* @__PURE__ */ new Set(),
+  selectedPath: R,
+  emptyStateTitle: $ = "No Folders",
+  emptyStateDescription: M,
+  emptyStateIcon: P,
+  areHiddenFilesVisible: k = !1,
+  renamedPath: j,
+  createdFolderPath: a,
+  rootItemLabel: N,
+  rootItemPath: y,
+  onItemClick: z,
+  getContextMenuItems: B,
+  onRenameSave: G,
+  onRenameCancel: H,
+  onRenameValidate: v,
+  onExpandedPathsChange: V,
+  onCreateFolderSave: W,
+  onCreateFolderCancel: Z,
+  forbiddenSymbolsRegExp: c,
+  forbiddenSymbolsTooltip: q,
+  newFolderDefaultName: J
+}) => {
+  const { expandedPaths: K, togglePath: Q } = ve({
+    expandedPaths: _ ?? /* @__PURE__ */ new Set(),
+    onExpandedPathsChange: V
+  }), D = (i) => {
+    z?.(i), Q(i.path);
+  }, E = (i, b, w) => {
+    let C = i;
+    return w && w.path === a && (C = [
+      {
+        folderId: s,
+        id: s,
+        items: [],
+        name: J || "",
+        nodeType: g.FOLDER,
+        parentPath: a,
+        path: `${a}/${s}`
+      },
+      ...i
+    ]), C.map((r) => {
+      const { path: t, nodeType: U, name: X, items: l } = r, o = U === g.FOLDER;
+      if (!k && xe(r)) return null;
+      if (!o && !u) return;
+      const Y = Array.isArray(l) && l.length > 0 && l.some((f) => f.nodeType === g.FOLDER || u), I = K.has(t), p = R === t, ee = L.has(t), n = j === t || t === `${a}/${s}`, te = O.has(t), re = A.has(t), m = y && N && t === y && o, ae = v && ((f) => v(f, r)), ie = p ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", d = m ? [] : B?.(r) ?? [], le = c ? ue(
+        { name: r.name, isFolder: o },
+        c,
+        q
+      ) : void 0;
+      return /* @__PURE__ */ e("div", { className: "cursor-pointer text-secondary", children: /* @__PURE__ */ h("div", { className: "flex flex-col w-full", "aria-label": "folder", children: [
+        /* @__PURE__ */ e(
+          S,
+          {
+            trigger: [pe.ContextMenu],
+            className: "w-full",
+            anchorToMouse: !0,
+            items: d,
+            children: /* @__PURE__ */ h(
+              "div",
+              {
+                style: { paddingLeft: `${b * he}px` },
+                className: F(
+                  "py-1 gap-[2px] dial-small-text flex justify-between hover:bg-accent-primary-alpha rounded group/item w-full mb-[2px] relative",
+                  ie
+                ),
+                "aria-selected": p,
+                children: [
+                  !n && /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "absolute size-full left-0 top-0 z-0",
+                      onClick: () => D(r)
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "relative flex flex-row truncate items-center w-fit h-6 gap-x-1 pl-1",
+                      onClick: () => !n && D(r),
+                      children: /* @__PURE__ */ h(oe, { children: [
+                        o && /* @__PURE__ */ e(
+                          se,
+                          {
+                            ...fe,
+                            className: de(
+                              "flex-shrink-0",
+                              I && "rotate-90 transition-all",
+                              te && !Y && "text-transparent"
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          Ne,
+                          {
+                            elementId: `${t}-tree-item`,
+                            name: m ? N : X,
+                            type: o ? T.Folder : T.File,
+                            loading: ee,
+                            shared: re,
+                            sharedIndicatorClassName: F(
+                              "group-hover/item:bg-accent-primary-alpha",
+                              p && "bg-accent-primary-alpha"
+                            ),
+                            iconSize: ye,
+                            forbiddenSymbolsRegExp: c,
+                            forbiddenSymbolsTooltip: le,
+                            ...!m && {
+                              editing: n,
+                              creating: t === `${a}/${s}`,
+                              onSave: G,
+                              onCancel: H,
+                              validate: ae,
+                              onCreateFolderSave: W,
+                              onCreateFolderCancel: Z
+                            }
+                          }
+                        )
+                      ] })
+                    }
+                  ),
+                  d.length > 0 && !n && !m && /* @__PURE__ */ e("div", { className: "flex-1 flex justify-end", children: /* @__PURE__ */ e(
+                    S,
+                    {
+                      placement: "bottom-start",
+                      allowedPlacements: ["top-start", "top-end"],
+                      items: d,
+                      className: "sticky right-0",
+                      children: /* @__PURE__ */ e(
+                        ce,
+                        {
+                          className: "invisible group-hover/item:visible text-secondary mx-2 flex flex-row gap-2 hover:text-accent-primary",
+                          icon: /* @__PURE__ */ e(ne, { ...me })
+                        }
+                      )
+                    }
+                  ) })
+                ]
+              }
+            )
+          }
+        ),
+        I && (l || r?.path === a) && E(l || [], b + 1, r)
+      ] }) }, `${t}-children`);
+    });
+  };
+  return /* @__PURE__ */ e("div", { className: "flex-1 size-full overflow-y-auto", "aria-label": "folders-tree", children: x.length > 0 ? E(x, 0) : /* @__PURE__ */ e(
+    ge,
+    {
+      title: $,
+      description: M,
+      icon: P
+    }
+  ) });
+};
+export {
+  ke as DialFoldersTree
+};

package/dist/components/FileManager/components/FoldersTree/constants.js

@@ -0,0 +1,9 @@
+const _ = {
+  size: 10,
+  stroke: 2
+}, E = 26, o = "__new_folder";
+export {
+  _ as CARET_ICON_PROPS,
+  E as FOLDER_LEVEL_PADDING,
+  o as NEW_FOLDER_TEMP_NAME
+};

package/dist/components/FileManager/components/FoldersTree/hooks/use-expanded-paths.js

@@ -0,0 +1,51 @@
+import { useState as r, useMemo as c, useEffect as E, useCallback as h } from "react";
+const o = (e) => {
+  const [l, P] = r(e?.expandedPaths ?? /* @__PURE__ */ new Set()), d = c(
+    () => !!e?.onExpandedPathsChange,
+    [e?.onExpandedPathsChange]
+  ), s = c(
+    () => d ? e?.expandedPaths ?? /* @__PURE__ */ new Set() : l,
+    [d, e?.expandedPaths, l]
+  );
+  E(() => {
+    d && e?.expandedPaths && P(new Set(e.expandedPaths));
+  }, [d, e?.expandedPaths]);
+  const n = h(
+    (a) => {
+      d ? e?.onExpandedPathsChange?.(a) : P(a);
+    },
+    [d, e]
+  ), x = h(
+    (a) => {
+      const t = new Set(s);
+      t.has(a) ? t.delete(a) : t.add(a), n(t);
+    },
+    [s, n]
+  ), S = h(() => {
+    n(/* @__PURE__ */ new Set());
+  }, [n]), w = h(
+    (a) => {
+      const t = new Set(s);
+      t.add(a), n(t);
+    },
+    [s, n]
+  ), p = h(
+    (a) => {
+      const t = new Set(s);
+      t.delete(a), n(t);
+    },
+    [s, n]
+  );
+  return {
+    expandedPaths: s,
+    setExpandedPaths: n,
+    togglePath: x,
+    collapseAll: S,
+    expandPath: w,
+    collapsePath: p,
+    isControlled: d
+  };
+};
+export {
+  o as useExpandedPaths
+};

package/dist/components/FileManager/constants.js

@@ -0,0 +1,28 @@
+import { FileManagerColumnKey as e } from "../../types/file-manager.js";
+const t = "w-full h-full grid grid-rows-[auto_1fr] gap-5 p-6 overflow-hidden min-w-0 bg-layer-1", n = "w-full text-secondary flex items-center gap-2", s = "flex min-h-0 min-w-0 h-full gap-4 overflow-hidden", a = "flex flex-col flex-1 min-h-0 min-w-0 h-full gap-4", l = "h-full rounded bg-layer-3 text-secondary min-w-0", r = "flex-1 w-full rounded text-secondary overflow-auto min-h-0 min-w-0", i = "opacity-0 pointer-events-none group-hover/grid-row:opacity-100 group-hover/grid-row:pointer-events-auto", E = 280, _ = "Files", c = 20, d = "Files", A = ".dial_folder", m = "New folder", f = 280, u = 460, N = 44, C = 800, L = [
+  e.Name,
+  e.UpdatedAt,
+  e.Size,
+  e.Author,
+  e.Actions
+];
+export {
+  c as BASE_FILE_MANAGER_ICON_SIZE,
+  N as COMPACT_VIEW_HEADER_HEIGHT,
+  C as DEFAULT_COMPACT_VIEW_WIDTH_BREAKPOINT,
+  m as DEFAULT_FOLDER_BASE_NAME,
+  L as DEFAULT_VISIBLE_COLUMN,
+  d as FILES_DATA_TRANSFER_TYPE,
+  u as FOLDERS_TREE_PANEL_MAX_WIDTH,
+  f as FOLDERS_TREE_PANEL_MIN_WIDTH,
+  A as FOLDER_PLACEHOLDER_FILE_NAME,
+  i as actionsColumnButtonClassName,
+  t as containerBaseClassName,
+  a as contentGridClassName,
+  r as gridBaseClassName,
+  s as mainGridClassName,
+  _ as sidebarTitleDefault,
+  E as sidebarWidth,
+  n as toolbarBaseClassName,
+  l as treeBaseClassName
+};

package/dist/components/FileManager/errors.js

@@ -0,0 +1,10 @@
+import { NotificationVariant as t } from "../../types/notification.js";
+const o = {
+  hiddenItemWarning: `${t.Warning}__A dot at the start of the name will make the item hidden`
+}, e = {
+  consecutiveDotsError: "Name cannot contain consecutive dots"
+};
+export {
+  e as DEFAULT_ERRORS,
+  o as DEFAULT_WARNINGS
+};

package/dist/components/FileManager/hooks/use-bulk-actions.js

@@ -0,0 +1,143 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useMemo as g } from "react";
+import { DialFilePermission as z } from "../../../models/file.js";
+import { DialFileManagerActions as e } from "../../../types/file-manager.js";
+import { IconUserX as A, IconCopy as N, IconTrashX as S, IconDownload as I } from "@tabler/icons-react";
+import R from "../../../assets/icons/copy-to.svg.js";
+import M from "../../../assets/icons/move-to.svg.js";
+import { BASE_ICON_PROPS as s } from "../../../constants/icon.js";
+import T from "../../../assets/icons/unshare.svg.js";
+import { cleanForbiddenSymbolsRegExp as U } from "../utils.js";
+const H = ({
+  selectedFiles: h,
+  actionLabels: o,
+  onDuplicate: y,
+  onCopy: u,
+  onMove: f,
+  onDownload: k,
+  onUnshare: p,
+  onRemoveAccess: n,
+  onDelete: a,
+  getCurrentFolderPath: D,
+  sharedWithMeIds: v,
+  sharedByMePaths: x,
+  onClearSelection: d,
+  forbiddenSymbolsRegExp: C
+}) => g(() => {
+  const t = [], i = Array.from(h.values());
+  if (!i.length || !o)
+    return t;
+  const w = U(C), l = w ? i.some((r) => w.test(r.name)) : !1;
+  if (o[e.RemoveAccess] && n) {
+    const r = i.some(
+      (m) => !x?.has(m.path)
+    );
+    t.push({
+      key: e.RemoveAccess,
+      label: o[e.RemoveAccess],
+      title: o[e.RemoveAccess],
+      disabled: r,
+      icon: /* @__PURE__ */ c(A, { size: s.size, className: "text-secondary" }),
+      onClick: () => {
+        n(i), d();
+      }
+    });
+  }
+  if (o[e.Move] && !l && t.push({
+    key: e.Move,
+    label: o[e.Move],
+    title: o[e.Move],
+    icon: /* @__PURE__ */ c(
+      M,
+      {
+        width: s.size,
+        height: s.size,
+        className: "text-secondary"
+      }
+    ),
+    onClick: () => f(i)
+  }), o[e.Copy] && !l && t.push({
+    key: e.Copy,
+    label: o[e.Copy],
+    title: o[e.Copy],
+    icon: /* @__PURE__ */ c(
+      R,
+      {
+        width: s.size,
+        height: s.size,
+        className: "text-secondary"
+      }
+    ),
+    onClick: () => u(i)
+  }), o[e.Duplicate] && !l && t.push({
+    key: e.Duplicate,
+    label: o[e.Duplicate],
+    title: o[e.Duplicate],
+    icon: /* @__PURE__ */ c(N, { ...s, className: "text-secondary" }),
+    onClick: () => y(i)
+  }), o[e.Delete]) {
+    const r = i.some(
+      (m) => m.permissions && !m.permissions.includes(z.WRITE)
+    );
+    t.push({
+      key: e.Delete,
+      label: o[e.Delete],
+      title: o[e.Delete],
+      icon: /* @__PURE__ */ c(S, { ...s, className: "text-secondary" }),
+      disabled: r,
+      tooltip: r ? "Selected items contain item which can not be deleted" : void 0,
+      onClick: () => {
+        const m = D();
+        a(i, m);
+      }
+    });
+  }
+  if (o[e.Download] && !l && t.push({
+    key: e.Download,
+    label: o[e.Download],
+    title: o[e.Download],
+    icon: /* @__PURE__ */ c(I, { ...s, className: "text-secondary" }),
+    onClick: () => k(i)
+  }), o[e.Unshare] && p) {
+    const r = i.some(
+      (m) => !v?.includes(m.path)
+    );
+    t.push({
+      key: e.Unshare,
+      label: o[e.Unshare],
+      title: o[e.Unshare],
+      disabled: r,
+      tooltip: r ? "Selected items contain item which can not be unshared" : void 0,
+      icon: /* @__PURE__ */ c(
+        T,
+        {
+          width: s.size,
+          height: s.size,
+          className: "text-secondary"
+        }
+      ),
+      onClick: () => {
+        p(i), d();
+      }
+    });
+  }
+  return t;
+}, [
+  h,
+  o,
+  p,
+  n,
+  f,
+  u,
+  y,
+  D,
+  a,
+  k,
+  v,
+  d,
+  x,
+  C
+]);
+export {
+  H as useBulkActions
+};