@edifice.io/collect-frontend 0.2.2-develop-pedago.2 → 0.2.2-develop-pedago.3

package/lib/CollectionsLayout-DVYmui3o.js

@@ -0,0 +1,187 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { WORKFLOW_RIGHTS as C } from "@edifice.io/collect-client-rest";
+import { useEdificeClient as L, useHasWorkflow as T, Button as _, Menu as h, Tree as k, Dropdown as m, Flex as E, useBreakpoint as R, AppHeader as w, Breadcrumb as U, Grid as M, LoadingScreen as A } from "@edifice.io/react";
+import { Suspense as y } from "react";
+import { useNavigate as N, useLocation as f, Navigate as F, Outlet as H } from "react-router-dom";
+import { IconDepositeInbox as $, IconPlus as j, IconSubmission as v, IconCollect as x } from "@edifice.io/react/icons";
+import { useTranslation as b } from "react-i18next";
+import { create as D } from "zustand";
+import { c as W } from "./index-HU8ua_Ev.js";
+function G() {
+  const { appCode: i } = L(), { t: l } = b(i), r = N(), c = T(C.COLLECTION_CREATE);
+  return /* @__PURE__ */ s("div", { className: "d-flex flex-fill align-items-center justify-content-end gap-12 align-self-end", children: [
+    /* @__PURE__ */ e(
+      _,
+      {
+        type: "button",
+        color: "primary",
+        variant: "outline",
+        leftIcon: /* @__PURE__ */ e($, {}),
+        onClick: () => {
+        },
+        children: l("collection.appHeaderAction.button.toCollection")
+      }
+    ),
+    c && /* @__PURE__ */ e(
+      _,
+      {
+        "data-testid": "collect-collection-app-header-create-collection-button",
+        type: "button",
+        color: "primary",
+        leftIcon: /* @__PURE__ */ e(j, {}),
+        onClick: () => r("/create/form"),
+        children: l("collection.appHeaderAction.button.newCollection")
+      }
+    )
+  ] });
+}
+const t = {
+  LIST_COLLECTIONS: "list-collections",
+  LIST_SUBMISSIONS: "list-submissions"
+}, K = D((i) => ({
+  mobileMenuOpen: !1,
+  selectedMenu: "list-collections",
+  setMobileMenuOpen: (l) => i({ mobileMenuOpen: l }),
+  setSelectedMenu: (l) => i({ selectedMenu: l })
+})), B = W(K), P = () => {
+  const i = N(), { pathname: l } = f(), { appCode: r } = L(), { t: c } = b(r), a = B.use.setSelectedMenu(), d = T(C.COLLECTION_CREATE), O = [
+    ...d ? [
+      {
+        id: t.LIST_COLLECTIONS,
+        name: c("collection.collection")
+      }
+    ] : [],
+    {
+      id: t.LIST_SUBMISSIONS,
+      name: c("collection.submission")
+    }
+  ], S = (o) => {
+    switch (o) {
+      case t.LIST_COLLECTIONS:
+        return /* @__PURE__ */ e(x, {});
+      case t.LIST_SUBMISSIONS:
+        return /* @__PURE__ */ e(v, {});
+      default:
+        return null;
+    }
+  }, g = (o) => {
+    a(o), i(`/${o}`);
+  }, u = () => {
+    const p = {
+      "/": t.LIST_COLLECTIONS,
+      "/list-collections": t.LIST_COLLECTIONS,
+      "/list-submissions": t.LIST_SUBMISSIONS
+    }[l] || null;
+    return !d && p === t.LIST_COLLECTIONS ? t.LIST_SUBMISSIONS : p;
+  };
+  return /* @__PURE__ */ s("div", { className: "border-end p-16 h-100 ps-0", children: [
+    /* @__PURE__ */ e("p", { className: "caption text-uppercase fw-semibold text-gray-700", children: c("collection.title") }),
+    /* @__PURE__ */ s(h, { label: c("collection.title"), children: [
+      /* @__PURE__ */ e(h.Item, { children: /* @__PURE__ */ e("div", { className: "treeview ps-16 pt-16", children: /* @__PURE__ */ e(
+        k,
+        {
+          nodes: O,
+          selectedNodeId: u(),
+          showIcon: !1,
+          renderNode: ({ node: o }) => /* @__PURE__ */ s("div", { className: "d-flex align-items-center gap-8", children: [
+            S(o.id),
+            /* @__PURE__ */ e("span", { children: o.name })
+          ] }),
+          onTreeItemClick: g
+        }
+      ) }) }),
+      /* @__PURE__ */ e(h.Item, { children: /* @__PURE__ */ e("div", { className: "separator-dashed w-100 mt-12 my-12" }) })
+    ] })
+  ] });
+}, q = () => {
+  const i = N(), { pathname: l } = f(), { appCode: r } = L(), { t: c } = b(r), a = T(C.COLLECTION_CREATE), { setSelectedMenu: d, setMobileMenuOpen: O } = B((n) => ({
+    setSelectedMenu: n.setSelectedMenu,
+    setMobileMenuOpen: n.setMobileMenuOpen
+  })), S = [
+    ...a ? [
+      {
+        id: "collection",
+        label: c("collection.collection"),
+        icon: /* @__PURE__ */ e(x, {}),
+        path: "/list-collections",
+        filterMenu: t.LIST_COLLECTIONS
+      }
+    ] : [],
+    {
+      id: "submission",
+      label: c("collection.submission"),
+      icon: /* @__PURE__ */ e(v, {}),
+      path: "/list-submissions",
+      filterMenu: t.LIST_SUBMISSIONS
+    }
+  ], u = (() => {
+    const I = {
+      "/": t.LIST_COLLECTIONS,
+      "/list-collections": t.LIST_COLLECTIONS,
+      "/list-submissions": t.LIST_SUBMISSIONS
+    }[l] || t.LIST_SUBMISSIONS;
+    return !a && I === t.LIST_COLLECTIONS ? t.LIST_SUBMISSIONS : I;
+  })(), o = S.find(
+    (n) => n.filterMenu === u
+  ), p = (n, I) => {
+    d(I), i(n);
+  };
+  return /* @__PURE__ */ e("div", { className: "position-relative w-100 p-16", children: /* @__PURE__ */ s(m, { block: !0, onToggle: (n) => O(n), children: [
+    /* @__PURE__ */ e(
+      m.Trigger,
+      {
+        label: /* @__PURE__ */ s(E, { align: "center", gap: "8", children: [
+          o == null ? void 0 : o.icon,
+          (o == null ? void 0 : o.label) || c("collection.title")
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(m.Menu, { children: S.map((n) => /* @__PURE__ */ e(
+      m.Item,
+      {
+        onClick: () => p(n.path, n.filterMenu),
+        icon: n.icon,
+        className: u === n.filterMenu ? "active" : "",
+        children: /* @__PURE__ */ e("span", { children: n.label })
+      },
+      n.id
+    )) })
+  ] }) });
+}, ne = async () => null, oe = () => {
+  const { currentApp: i } = L(), { lg: l } = R(), { pathname: r } = f(), c = T(C.COLLECTION_CREATE), a = r === "/" || r === `/${t.LIST_COLLECTIONS}`;
+  return c !== void 0 && !c && a ? /* @__PURE__ */ e(F, { to: `/${t.LIST_SUBMISSIONS}`, replace: !0 }) : /* @__PURE__ */ s(E, { direction: "column", className: "flex-grow-1", children: [
+    /* @__PURE__ */ e(w, { render: G, children: /* @__PURE__ */ e(U, { app: i }) }),
+    /* @__PURE__ */ s(M, { className: "flex-grow-1", children: [
+      /* @__PURE__ */ e(
+        M.Col,
+        {
+          sm: "3",
+          md: "3",
+          lg: "2",
+          xl: "3",
+          className: "d-none d-lg-block",
+          as: "aside",
+          children: /* @__PURE__ */ e(P, {})
+        }
+      ),
+      /* @__PURE__ */ s(
+        M.Col,
+        {
+          sm: "4",
+          md: "8",
+          lg: "6",
+          xl: "9",
+          className: `${l ? "cancel-gap" : ""}`,
+          children: [
+            !l && /* @__PURE__ */ e(q, {}),
+            /* @__PURE__ */ e(y, { fallback: /* @__PURE__ */ e(A, {}), children: /* @__PURE__ */ e(H, {}) })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  oe as Component,
+  ne as loader
+};

package/lib/CollectionsList-Ba1LoCCN.js

@@ -0,0 +1,310 @@
+import { jsx as e, Fragment as T, jsxs as u } from "react/jsx-runtime";
+import { useState as D, useMemo as L, useCallback as B, useEffect as E } from "react";
+import { S as A } from "./SearchBarCollect-DBKaVVDV.js";
+import { c as F, u as M, W as O, a as R } from "./index-HU8ua_Ev.js";
+import { useDate as $, Table as m, Flex as I, Badge as k, IconButton as S, useEdificeClient as v, EmptyScreen as G, LoadingScreen as j } from "@edifice.io/react";
+import { useTranslation as N } from "react-i18next";
+import { E as Q } from "./emptyscreen-list-collection-CWGxO4Ss.js";
+import { D as W } from "./DeleteCollectionModal-CtmfiR2H.js";
+import { SortDirection as b, CollectionSortField as y } from "@edifice.io/collect-client-rest";
+import { create as _ } from "zustand";
+import { IconOptions as H, IconRafterLeft as z, IconRafterRight as K, IconListOrder as U, IconArrowUp as Y, IconArrowDown as Z } from "@edifice.io/react/icons";
+import { t as q } from "i18next";
+import { useNavigate as J } from "react-router-dom";
+import { D as V } from "./DropdownActionTable-BhSk2sde.js";
+const X = {
+  search: "",
+  sortBy: y.DEADLINE,
+  sortDirection: b.DESC
+}, x = F(
+  _((n) => ({
+    ...X,
+    setSearch: (o) => n({ search: o }),
+    setFilters: (o) => n(o),
+    setSortCollectionList: (o, a) => n({ sortBy: o, sortDirection: a })
+  }))
+), ee = () => {
+  const { search: n, sortBy: o, sortDirection: a } = x(), { data: r, fetchNextPage: d, hasNextPage: s, isFetchingNextPage: i, isLoading: g } = M({
+    search: n || void 0,
+    sortBy: o,
+    sortDirection: a
+  }), [t, l] = D(1), c = L(() => {
+    var C, p;
+    const h = (C = r == null ? void 0 : r.pages) == null ? void 0 : C[r.pages.length - 1];
+    return ((p = h == null ? void 0 : h.meta) == null ? void 0 : p.totalPages) ?? 1;
+  }, [r]), f = L(() => {
+    var h;
+    if ((h = r == null ? void 0 : r.pages) != null && h.length)
+      return r.pages.find((C) => {
+        var p;
+        return ((p = C.meta) == null ? void 0 : p.currentPage) === t;
+      }) ?? r.pages[t - 1];
+  }, [r, t]);
+  return {
+    items: (f == null ? void 0 : f.items) ?? [],
+    page: t,
+    totalPages: c,
+    isLoading: g,
+    isFetchingNextPage: i,
+    handlePagePrevious: () => {
+      l((h) => Math.max(1, h - 1));
+    },
+    handlePageNext: async () => {
+      var p;
+      if (t >= c || i) return;
+      const h = t + 1;
+      !((p = r == null ? void 0 : r.pages) == null ? void 0 : p.some(
+        (w) => {
+          var P;
+          return ((P = w.meta) == null ? void 0 : P.currentPage) === h;
+        }
+      )) && s && await d(), l(h);
+    },
+    canGoPrevious: t > 1,
+    canGoNext: t < c
+  };
+}, te = () => {
+  const [n, o] = D(
+    null
+  );
+  return {
+    isHovered: (s) => n === s.id,
+    setHoveredCollectionId: o,
+    getBgColor: (s) => n === s.id ? "bg-gray-300" : "",
+    getColorByPercentage: (s, i) => {
+      if (i === 0) return "danger";
+      const g = s / i * 100;
+      return g >= 0 && g < 33 ? "danger" : g >= 33 && g < 66 ? "warning" : g >= 66 && g <= 100 ? "success" : "warning";
+    }
+  };
+}, oe = ({
+  collections: n
+}) => {
+  const { fromNow: o, formatDate: a } = $(), r = J(), {
+    isHovered: d,
+    setHoveredCollectionId: s,
+    getBgColor: i,
+    getColorByPercentage: g
+  } = te();
+  return /* @__PURE__ */ e(T, { children: n.map((t, l) => {
+    const c = i(t);
+    return /* @__PURE__ */ u(
+      m.Tr,
+      {
+        "data-testid": "collect-collection-list-row",
+        onMouseEnter: () => s(t.id),
+        onMouseLeave: () => s(null),
+        children: [
+          /* @__PURE__ */ e(m.Td, { className: c, style: { maxWidth: "350px" }, children: /* @__PURE__ */ e(I, { align: "center", gap: "8", children: /* @__PURE__ */ e(
+            "span",
+            {
+              className: "fw-bold text-truncate c-pointer",
+              "data-testid": "collect-collection-list-row-name",
+              onClick: () => {
+                r(`/list-collections/id/${t.id}`);
+              },
+              children: t.name
+            }
+          ) }) }),
+          /* @__PURE__ */ e(m.Td, { className: c, children: /* @__PURE__ */ e("em", { className: "text-gray-700", children: o(t.createdAt) }) }),
+          /* @__PURE__ */ e(m.Td, { className: c, children: a(t.deadline, "short") }),
+          /* @__PURE__ */ e(m.Td, { className: c, children: /* @__PURE__ */ u(
+            k,
+            {
+              variant: {
+                type: "notification",
+                level: g(
+                  t.contribCount,
+                  t.submissionCount
+                )
+              },
+              className: "fw-normal",
+              children: [
+                t.contribCount,
+                " / ",
+                t.submissionCount
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e(m.Td, { className: c, children: /* @__PURE__ */ e(V, { collectionId: t.id, children: (f) => /* @__PURE__ */ e(
+            S,
+            {
+              ...f,
+              "data-testid": "collect-collection-list-row-actions",
+              className: "icon-button-hover-no-transition bg-white",
+              type: "button",
+              "aria-label": q("collection.table.th.action"),
+              color: "tertiary",
+              variant: "filled",
+              icon: /* @__PURE__ */ e(H, {}),
+              style: {
+                visibility: d(t) ? "visible" : "hidden"
+              }
+            }
+          ) }) })
+        ]
+      },
+      `${t == null ? void 0 : t.id}-${l}`
+    );
+  }) });
+}, re = ({
+  page: n,
+  totalPages: o,
+  canGoPrevious: a,
+  canGoNext: r,
+  isLoading: d = !1,
+  isFetchingNextPage: s = !1,
+  onPagePrevious: i,
+  onPageNext: g
+}) => /* @__PURE__ */ u(I, { justify: "center", align: "center", gap: "8", children: [
+  /* @__PURE__ */ e(
+    S,
+    {
+      variant: "ghost",
+      color: "tertiary",
+      icon: /* @__PURE__ */ e(z, {}),
+      disabled: !a || d,
+      onClick: i
+    }
+  ),
+  /* @__PURE__ */ u("span", { "aria-label": `Page ${n} of ${o}`, children: [
+    n,
+    " / ",
+    o
+  ] }),
+  /* @__PURE__ */ e(
+    S,
+    {
+      variant: "ghost",
+      color: "tertiary",
+      icon: /* @__PURE__ */ e(K, {}),
+      disabled: !r || d || s,
+      onClick: g
+    }
+  )
+] }), ne = () => {
+  const { appCode: n } = v(), { t: o } = N(n), { sortBy: a, sortDirection: r, setSortCollectionList: d } = x((l) => ({
+    sortBy: l.sortBy,
+    sortDirection: l.sortDirection,
+    setSortCollectionList: l.setSortCollectionList
+  })), s = [
+    {
+      label: o("collection.table.th.collect"),
+      sortField: y.NAME
+    },
+    {
+      label: o("collection.table.th.date"),
+      sortField: y.CREATION_DATE
+    },
+    {
+      label: o("collection.table.th.deadline"),
+      sortField: y.DEADLINE
+    },
+    {
+      label: o("collection.table.th.render")
+      // FIXME: No sort field for render, we should add one in the backend
+    },
+    {
+      label: o("collection.table.th.action")
+    }
+  ], i = (l) => l.sortField && l.sortField === a, g = (l) => {
+    let c = /* @__PURE__ */ e(U, { width: 16, height: 16 });
+    return i(l) && (r === b.ASC ? c = /* @__PURE__ */ e(Y, {}) : c = /* @__PURE__ */ e(Z, {})), c;
+  }, t = B(
+    (l) => {
+      let c = b.ASC;
+      a === l && r === b.ASC && (c = b.DESC), d(l, c);
+    },
+    [a, r, d]
+  );
+  return {
+    listHeads: s,
+    getSortIcon: g,
+    handleSort: t,
+    isSortActive: i
+  };
+}, ie = () => {
+  const { listHeads: n, getSortIcon: o, handleSort: a, isSortActive: r } = ne(), { appCode: d } = v(), { t: s } = N(d);
+  return n.map((i) => /* @__PURE__ */ u(
+    m.Th,
+    {
+      className: i.sortField ? void 0 : "align-content-center text-center",
+      children: [
+        s(i.label),
+        i.sortField && /* @__PURE__ */ e(
+          S,
+          {
+            variant: "ghost",
+            color: "tertiary",
+            size: "sm",
+            className: `members-table-sort-btn ms-4 ${r(i) ? "text-gray-800" : "text-gray-600"}`,
+            icon: o(i),
+            onClick: () => a(i.sortField)
+          }
+        )
+      ]
+    },
+    i.label
+  ));
+}, se = () => {
+  const { appCode: n } = v(), { t: o } = N(n), {
+    items: a,
+    page: r,
+    totalPages: d,
+    isLoading: s,
+    isFetchingNextPage: i,
+    handlePagePrevious: g,
+    handlePageNext: t,
+    canGoPrevious: l,
+    canGoNext: c
+  } = ee();
+  return a.length === 0 && !s ? /* @__PURE__ */ e("div", { className: "py-24", children: /* @__PURE__ */ e(
+    G,
+    {
+      imageSrc: Q,
+      title: o("collection.collectionList.emptyScreen.title"),
+      text: o("collection.collectionList.emptyScreen.description")
+    }
+  ) }) : /* @__PURE__ */ u(
+    "div",
+    {
+      className: "table-collections",
+      "data-testid": "collect-collection-list-table",
+      children: [
+        /* @__PURE__ */ u(m, { children: [
+          /* @__PURE__ */ e(m.Thead, { children: /* @__PURE__ */ e(m.Tr, { children: /* @__PURE__ */ e(ie, {}) }) }),
+          /* @__PURE__ */ u(m.Tbody, { children: [
+            s && /* @__PURE__ */ e(m.Tr, { children: /* @__PURE__ */ e("td", { colSpan: 5, children: /* @__PURE__ */ e(j, {}) }) }),
+            /* @__PURE__ */ e(oe, { collections: a }),
+            d !== void 0 && d >= 1 && /* @__PURE__ */ e(m.Tr, { children: /* @__PURE__ */ e("td", { colSpan: 5, children: /* @__PURE__ */ e(
+              re,
+              {
+                page: r,
+                totalPages: d,
+                canGoPrevious: l,
+                canGoNext: c,
+                isLoading: s,
+                isFetchingNextPage: i,
+                onPagePrevious: g,
+                onPageNext: t
+              }
+            ) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(W, {})
+      ]
+    }
+  );
+}, Pe = async (n) => (await n.prefetchInfiniteQuery(R({})), null), Le = () => {
+  const n = x((o) => o.setSearch);
+  return E(() => {
+    localStorage.removeItem(O);
+  }, []), /* @__PURE__ */ u(T, { children: [
+    /* @__PURE__ */ e("div", { className: "bg-gray-200 px-24 py-16", children: /* @__PURE__ */ e(A, { setSearch: n }) }),
+    /* @__PURE__ */ e(se, {})
+  ] });
+};
+export {
+  Le as CollectionsList,
+  Pe as loader
+};

package/lib/DeleteCollectionModal-CtmfiR2H.js

@@ -0,0 +1,71 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useEdificeClient as m, useToast as f, Modal as d, Button as C } from "@edifice.io/react";
+import { IconDelete as h } from "@edifice.io/react/icons";
+import { useTranslation as p } from "react-i18next";
+import { g as M } from "./index-HU8ua_Ev.js";
+import { u as D } from "./DropdownActionTable-BhSk2sde.js";
+const y = () => {
+  const { appCode: r } = m(), { t: n } = p(r), e = f(), a = M(), { isDeleteModalOpen: l, onCloseDeleteModal: c, deleteCollectionId: i } = D((o) => ({
+    isDeleteModalOpen: o.isDeleteModalOpen,
+    onCloseDeleteModal: o.onCloseDeleteModal,
+    deleteCollectionId: o.deleteCollectionId
+  }));
+  return {
+    isOpen: l,
+    onClose: c,
+    handleDeleteCollection: async (o) => {
+      if (i != null)
+        try {
+          await a.mutateAsync(i), e.success(n("collection.toast.success.collection.delete")), o == null || o();
+        } catch (u) {
+          console.error("Error deleting collection:", u), e.error(n("collection.toast.error.collection.delete"));
+        } finally {
+          c();
+        }
+    }
+  };
+}, k = ({
+  onDeleteSuccess: r
+}) => {
+  const { appCode: n } = m(), { t: e } = p(n), { isOpen: a, onClose: l, handleDeleteCollection: c } = y(), i = async () => {
+    await c(r);
+  };
+  return /* @__PURE__ */ s(
+    d,
+    {
+      id: "delete-confirmation-modal",
+      isOpen: a,
+      onModalClose: l,
+      size: "sm",
+      children: [
+        /* @__PURE__ */ t(d.Header, { onModalClose: l, children: e("collection.modal.delete.title") }),
+        /* @__PURE__ */ t(d.Body, { children: e("collection.modal.delete.description") }),
+        /* @__PURE__ */ s(d.Footer, { children: [
+          /* @__PURE__ */ t(
+            C,
+            {
+              "data-testid": "collect-collection-delete-modal-button-cancel",
+              color: "tertiary",
+              variant: "ghost",
+              onClick: l,
+              children: e("collection.cancel")
+            }
+          ),
+          /* @__PURE__ */ t(
+            C,
+            {
+              "data-testid": "collect-collection-delete-modal-button-delete",
+              color: "danger",
+              onClick: i,
+              leftIcon: /* @__PURE__ */ t(h, {}),
+              children: e("collection.delete")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  k as D
+};

package/lib/DropdownActionTable-BhSk2sde.js

@@ -0,0 +1,84 @@
+import { jsx as n, Fragment as c, jsxs as r } from "react/jsx-runtime";
+import { useEdificeClient as p, useHasWorkflow as m, Dropdown as s } from "@edifice.io/react";
+import { Fragment as u } from "react";
+import { WORKFLOW_RIGHTS as f } from "@edifice.io/collect-client-rest";
+import { IconExternalLink as I, IconEdit as h, IconShare as O, IconDelete as w } from "@edifice.io/react/icons";
+import { useTranslation as D } from "react-i18next";
+import { useNavigate as C } from "react-router-dom";
+import { create as b } from "zustand";
+import { c as M } from "./index-HU8ua_Ev.js";
+const T = b((e) => ({
+  isDeleteModalOpen: !1,
+  deleteCollectionId: null,
+  isInstructionModalOpen: !1,
+  isPastDeadline: !1,
+  onOpenDeleteModal: (t) => e({ isDeleteModalOpen: !0, deleteCollectionId: t }),
+  onCloseDeleteModal: () => e({ isDeleteModalOpen: !1, deleteCollectionId: null }),
+  onOpenInstructionModal: () => e({ isInstructionModalOpen: !0 }),
+  onCloseInstructionModal: () => e({ isInstructionModalOpen: !1 }),
+  setIsPastDeadline: (t) => e({ isPastDeadline: t })
+})), g = M(
+  T
+), E = (e, t) => {
+  const { appCode: d } = p(), { t: l } = D(d), a = C(), o = m(f.COLLECTION_CREATE), i = g.use.onOpenDeleteModal();
+  return { dropdownOptions: [
+    {
+      label: l("collection.table.dropdown.open"),
+      action: () => a(`/list-collections/id/${e}`),
+      icon: /* @__PURE__ */ n(I, {}),
+      hidden: t,
+      dataTestId: "collect-dropdown-action-open"
+    },
+    {
+      label: l("collection.table.dropdown.edit"),
+      action: () => a(`/id/${e}/form`),
+      icon: /* @__PURE__ */ n(h, {}),
+      hidden: !o,
+      dataTestId: "collect-dropdown-action-edit"
+    },
+    {
+      label: l("collection.table.dropdown.share"),
+      action: () => a(`/id/${e}/members`),
+      icon: /* @__PURE__ */ n(O, {}),
+      hidden: !o,
+      dataTestId: "collect-dropdown-action-share"
+    },
+    {
+      label: l("collection.table.dropdown.delete"),
+      action: () => i(e),
+      icon: /* @__PURE__ */ n(w, {}),
+      className: "text-danger",
+      hidden: !o,
+      dataTestId: "collect-dropdown-action-share"
+    }
+  ] };
+}, W = ({
+  collectionId: e,
+  isCollection: t = !1,
+  children: d
+}) => {
+  const { dropdownOptions: l } = E(
+    e,
+    t
+  );
+  return /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n(s, { children: (a) => /* @__PURE__ */ r(c, { children: [
+    d(a),
+    /* @__PURE__ */ n(s.Menu, { children: l.map((o, i) => /* @__PURE__ */ n(u, { children: !o.hidden && /* @__PURE__ */ r(
+      s.Item,
+      {
+        "data-testid": o.dataTestId,
+        className: o.className,
+        onClick: o.action,
+        children: [
+          o.icon,
+          o.label
+        ]
+      },
+      o.label
+    ) }, i)) })
+  ] }) }) });
+};
+export {
+  W as D,
+  g as u
+};