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

package/lib/CollectionsLayout-CPYEwl1X.js

@@ -0,0 +1,361 @@
+import { r as d, c as I, j as e, d as g, e as U, A as R, f as D, H as _, g as F, B as w, u as v, h as T, a as N, W as L, i as P, k as V, l as W, m as O, T as $, D as b, F as y, n as q, N as G, G as M, O as K, L as J } from "./index-Dt9ykSDF.js";
+const Q = /* @__PURE__ */ d.forwardRef(({
+  children: s,
+  render: t,
+  isFullscreen: n = !1,
+  ...l
+}, a) => {
+  const u = I("d-flex flex-wrap p-16 gap-8 border-bottom bg-white", {
+    "justify-content-between": t,
+    "mx-n16": !n,
+    "z-3 top-0 start-0 end-0": n
+  });
+  return /* @__PURE__ */ e.jsxs("div", { ref: a, className: u, ...l, children: [
+    s,
+    t ? /* @__PURE__ */ e.jsx("div", { className: "d-flex align-items-center ms-auto gap-8", children: t() }) : null
+  ] });
+}), C = /* @__PURE__ */ d.forwardRef(({
+  children: s,
+  className: t,
+  ...n
+}, l) => {
+  const a = I("breadcrumb-item", t);
+  return /* @__PURE__ */ e.jsx("li", { ref: l, className: a, ...n, children: s });
+}), X = /* @__PURE__ */ d.forwardRef(({
+  children: s,
+  className: t
+}, n) => {
+  const l = I("breadcrumb d-flex flex-nowrap align-items-center mb-0", t);
+  return /* @__PURE__ */ e.jsx("ol", { ref: n, className: l, children: s });
+}), Y = /* @__PURE__ */ d.forwardRef(({
+  children: s,
+  app: t,
+  className: n
+}, l) => {
+  const {
+    t: a
+  } = g(), {
+    getIconClass: u
+  } = U(), m = I("d-flex align-items-center mb-0", u(t), n), h = {
+    "--edifice-breadcrumb-divider": "-"
+  };
+  return /* @__PURE__ */ e.jsx("nav", { ref: l, className: m, "aria-label": a("breadcrumb"), style: h, children: s });
+}), Z = /* @__PURE__ */ d.forwardRef(({
+  app: s,
+  name: t
+}, n) => {
+  const {
+    t: l
+  } = g();
+  return /* @__PURE__ */ e.jsx(Y, { app: s, ref: n, className: "mw-100", children: /* @__PURE__ */ e.jsx(X, { className: "gap-12 mw-100", children: t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsx("a", { href: s == null ? void 0 : s.address, className: "d-flex", "aria-label": l(s == null ? void 0 : s.displayName), children: /* @__PURE__ */ e.jsx(R, { app: s, size: "40" }) }) }),
+    /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsx(D, { color: "var(--edifice-gray-600)", width: 20, height: 20 }) }),
+    /* @__PURE__ */ e.jsx(C, { className: "text-truncate", children: /* @__PURE__ */ e.jsx(_, { level: "h1", headingStyle: "h3", className: "text-truncate", children: t }) })
+  ] }) : /* @__PURE__ */ e.jsxs(C, { className: "gap-12 d-flex align-items-center", children: [
+    /* @__PURE__ */ e.jsx("a", { href: s == null ? void 0 : s.address, className: "d-flex", "aria-label": l(s == null ? void 0 : s.displayName), children: /* @__PURE__ */ e.jsx(R, { app: s, size: "40" }) }),
+    /* @__PURE__ */ e.jsx(_, { level: "h1", headingStyle: "h3", className: "d-none d-md-flex", children: l(s == null ? void 0 : s.displayName) })
+  ] }) }) });
+}), ee = () => {
+  const s = d.useRef(null), t = d.useRef(/* @__PURE__ */ new Set()).current, [n, l] = d.useState(0), a = F(n) ?? 0;
+  d.useEffect(() => {
+    var c, o;
+    if (n !== a) {
+      const x = Array.from(t), j = (c = x[n]) == null ? void 0 : c.firstChild, E = (o = x[a]) == null ? void 0 : o.firstChild;
+      E == null || E.setAttribute("tabindex", "-1"), j == null || j.setAttribute("tabindex", "0"), j == null || j.focus({
+        preventScroll: !0
+      });
+    }
+  }, [n, a, t]);
+  const u = () => l(0), m = () => l(t.size - 1), h = () => {
+    const c = n === t.size - 1 ? 0 : n + 1;
+    l(c);
+  }, S = () => {
+    const c = n === 0 ? t.size - 1 : n - 1;
+    l(c);
+  }, f = (c) => {
+    switch (c.stopPropagation(), c.code) {
+      case "ArrowUp":
+        c.preventDefault(), S();
+        break;
+      case "ArrowDown":
+        c.preventDefault(), h();
+        break;
+    }
+    switch (c.code) {
+      case "End":
+        c.preventDefault(), m();
+        break;
+      case "Home":
+        c.preventDefault(), u();
+        break;
+    }
+  }, i = d.useMemo(() => ({
+    "data-menubar-menuitem": "",
+    role: "menuitem"
+  }), []);
+  return {
+    menuRef: s,
+    menuItems: t,
+    childProps: i,
+    onKeyDown: f
+  };
+}, B = /* @__PURE__ */ d.createContext(null);
+function A() {
+  const s = d.useContext(B);
+  if (!s)
+    throw new Error("Cannot be rendered outside the Menu component");
+  return s;
+}
+const se = (s) => {
+  const {
+    selected: t,
+    leftIcon: n,
+    rightIcon: l,
+    onClick: a,
+    children: u,
+    className: m,
+    size: h
+  } = s, {
+    childProps: S
+  } = A();
+  return /* @__PURE__ */ e.jsx(w, { variant: "ghost", color: "tertiary", className: I("stack w-100 overflow-hidden", {
+    selected: t,
+    "menu-button-lg": h === "lg"
+  }, m), leftIcon: n, rightIcon: l, onClick: a, ...S, style: h === "lg" ? {
+    height: "auto"
+  } : void 0, children: /* @__PURE__ */ e.jsx("div", { className: I("text-truncate w-100 text-start", {
+    "text-truncate-2 text-start ms-0": h === "lg"
+  }), style: {
+    overflowWrap: "break-word"
+  }, children: u }) });
+}, te = ({
+  children: s
+}) => {
+  const t = d.useRef(null), n = d.useId(), {
+    menuItems: l
+  } = A();
+  return d.useEffect(() => {
+    const a = t.current;
+    return a && l.add(a), () => {
+      a && l.delete(a);
+    };
+  }, [l]), /* @__PURE__ */ e.jsx("li", { ref: t, id: n, role: "none", "data-menubar-listitem": !0, children: s });
+}, p = ({
+  label: s,
+  children: t
+}) => {
+  const {
+    menuRef: n,
+    childProps: l,
+    menuItems: a,
+    onKeyDown: u
+  } = ee(), m = d.useMemo(() => ({
+    menuRef: n,
+    menuItems: a,
+    childProps: l
+  }), [l, a, n]);
+  return /* @__PURE__ */ e.jsx(B.Provider, { value: m, children: /* @__PURE__ */ e.jsx("nav", { "aria-label": s, className: "menu", children: /* @__PURE__ */ e.jsx("ul", { ref: n, role: "menubar", "aria-label": s, onKeyDown: u, "data-menubar-list": !0, className: "list-unstyled d-flex flex-column gap-4", children: t }) }) });
+};
+p.Item = te;
+p.Button = se;
+const k = ({
+  title: s,
+  titleId: t,
+  ...n
+}) => /* @__PURE__ */ e.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 20 20", "aria-hidden": "true", "aria-labelledby": t, ...n, children: [
+  s ? /* @__PURE__ */ e.jsx("title", { id: t, children: s }) : null,
+  /* @__PURE__ */ e.jsx("path", { fill: "currentColor", d: "M14.988 1.667c.852 0 1.619.519 1.935 1.31l1.352 3.38q.008.02.013.04.006.015.01.03l.012.043.015.08.005.039.003.06.001.018v9.382a2.26 2.26 0 0 1-.693 1.625c-.44.425-1.03.659-1.64.659h-12c-.61 0-1.2-.234-1.64-.66a2.26 2.26 0 0 1-.693-1.624v-9.4l.003-.06.005-.04.015-.08.008-.03.006-.02a1 1 0 0 1 .028-.077L3.08 2.977a2.08 2.08 0 0 1 1.934-1.31zM3.334 16.049c0 .154.063.31.186.428.123.119.296.19.481.19h12a.7.7 0 0 0 .481-.19.6.6 0 0 0 .186-.428V7.5H3.334zm8.334-6.882a.833.833 0 0 1 0 1.666H8.334a.833.833 0 0 1 0-1.666zM5.014 3.333a.42.42 0 0 0-.386.263l-.896 2.237h12.539l-.896-2.237a.42.42 0 0 0-.387-.263z" })
+] }), ne = ({
+  title: s,
+  titleId: t,
+  ...n
+}) => /* @__PURE__ */ e.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": t, ...n, children: [
+  s ? /* @__PURE__ */ e.jsx("title", { id: t, children: s }) : null,
+  /* @__PURE__ */ e.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M1 12a1 1 0 0 1 1-1h6a1 1 0 0 1 .832.445L10.535 14h2.93l1.703-2.555A1 1 0 0 1 16 11h6a1 1 0 1 1 0 2h-5.465l-1.703 2.555A1 1 0 0 1 14 16h-4a1 1 0 0 1-.832-.445L7.465 13H2a1 1 0 0 1-1-1", clipRule: "evenodd" }),
+  /* @__PURE__ */ e.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 1a1 1 0 0 1 1 1v6.201l1.312-1.243a1 1 0 1 1 1.376 1.452l-3 2.842a1 1 0 0 1-1.376 0l-3-2.842a1 1 0 1 1 1.376-1.452L11 8.201V2a1 1 0 0 1 1-1M7.24 3.842H8a1 1 0 1 1 0 2h-.76c-.196 0-.386.053-.546.147a.94.94 0 0 0-.358.37l-.002.002L3 12.669v5.436c0 .22.091.442.274.614.183.174.444.281.726.281h16c.282 0 .543-.107.727-.28a.85.85 0 0 0 .273-.615V12.67l-3.334-6.308-.002-.003a.94.94 0 0 0-.358-.37 1.1 1.1 0 0 0-.546-.146H16a1 1 0 1 1 0-2h.76c.547 0 1.087.145 1.56.422a2.94 2.94 0 0 1 1.116 1.165l3.448 6.525a1 1 0 0 1 .116.467v5.684c0 .786-.33 1.528-.898 2.066A3.06 3.06 0 0 1 20 21H4a3.06 3.06 0 0 1-2.102-.829A2.85 2.85 0 0 1 1 18.105v-5.684a1 1 0 0 1 .116-.467l3.448-6.525.001-.001a2.94 2.94 0 0 1 1.116-1.164 3.1 3.1 0 0 1 1.559-.422", clipRule: "evenodd" })
+] }), H = ({
+  title: s,
+  titleId: t,
+  ...n
+}) => /* @__PURE__ */ e.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 20 20", "aria-hidden": "true", "aria-labelledby": t, ...n, children: [
+  s ? /* @__PURE__ */ e.jsx("title", { id: t, children: s }) : null,
+  /* @__PURE__ */ e.jsx("path", { fill: "currentColor", d: "M14.583 1.667c1.15 0 2.083.933 2.083 2.083v5.542q.432-.117.864-.053a2.05 2.05 0 0 1 1.369.87c.595.856.597 2.194-.462 3.041-1.04.832-2.047 1.71-3.063 2.548-.99.818-1.975 1.587-2.875 2.107-.425.245-.906.351-1.367.395-.464.044-.962.03-1.453-.002-1.037-.067-2-.202-3.013-.202-.851 0-1.428.492-1.742 1.179a.833.833 0 1 1-1.516-.693c.52-1.137 1.61-2.153 3.258-2.153 1.071 0 2.253.151 3.12.207.462.03.857.037 1.189.005.334-.032.552-.098.691-.179.768-.443 1.658-1.132 2.647-1.949.963-.795 2.039-1.728 3.083-2.563.29-.233.293-.562.135-.79a.39.39 0 0 0-.254-.173c-.078-.012-.255-.008-.528.197-1.205.904-3.4 2.484-4.368 3.362-.471.428-1.058.554-1.548.554h-2.5a.834.834 0 0 1 0-1.666h2.5c.228 0 .36-.06.428-.122a.37.37 0 0 0 .097-.183.5.5 0 0 0-.003-.268.3.3 0 0 0-.116-.164c-.053-.039-.17-.097-.406-.097-.833 0-2.184-.224-3.285-.372a18 18 0 0 0-1.534-.155 4 4 0 0 0-.508.004c-.118.012-.155.028-.143.023-.698.351-1.412.978-2.037 1.67-.622.69-1.107 1.392-1.353 1.823a.834.834 0 0 1-1.447-.827c.309-.541.866-1.34 1.563-2.112.58-.643 1.293-1.306 2.077-1.79V3.75c0-1.15.933-2.083 2.083-2.083zM6.25 3.333a.417.417 0 0 0-.416.417v6.552q.124 0 .25.005c.508.02 1.102.091 1.687.17 1.228.164 2.378.357 3.063.357.524 0 .994.135 1.374.406.271.194.47.439.607.705.728-.56 1.527-1.152 2.185-1.64V3.75a.417.417 0 0 0-.416-.417zM11.666 5a.833.833 0 0 1 0 1.667h-2.5a.834.834 0 0 1 0-1.667z" })
+] });
+function le() {
+  const { appCode: s } = v(), { t } = g(s), n = T(), l = N(L.COLLECTION_CREATE);
+  return /* @__PURE__ */ e.jsxs("div", { className: "d-flex flex-fill align-items-center justify-content-end gap-12 align-self-end", children: [
+    /* @__PURE__ */ e.jsx(
+      w,
+      {
+        type: "button",
+        color: "primary",
+        variant: "outline",
+        leftIcon: /* @__PURE__ */ e.jsx(ne, {}),
+        onClick: () => {
+        },
+        children: t("collection.appHeaderAction.button.toCollection")
+      }
+    ),
+    l && /* @__PURE__ */ e.jsx(
+      w,
+      {
+        "data-testid": "collect-collection-app-header-create-collection-button",
+        type: "button",
+        color: "primary",
+        leftIcon: /* @__PURE__ */ e.jsx(P, {}),
+        onClick: () => n("/create/form"),
+        children: t("collection.appHeaderAction.button.newCollection")
+      }
+    )
+  ] });
+}
+const r = {
+  LIST_COLLECTIONS: "list-collections",
+  LIST_SUBMISSIONS: "list-submissions"
+}, ae = W((s) => ({
+  mobileMenuOpen: !1,
+  selectedMenu: "list-collections",
+  setMobileMenuOpen: (t) => s({ mobileMenuOpen: t }),
+  setSelectedMenu: (t) => s({ selectedMenu: t })
+})), z = V(ae), ce = () => {
+  const s = T(), { pathname: t } = O(), { appCode: n } = v(), { t: l } = g(n), a = z.use.setSelectedMenu(), u = N(L.COLLECTION_CREATE), m = [
+    ...u ? [
+      {
+        id: r.LIST_COLLECTIONS,
+        name: l("collection.collection")
+      }
+    ] : [],
+    {
+      id: r.LIST_SUBMISSIONS,
+      name: l("collection.submission")
+    }
+  ], h = (i) => {
+    switch (i) {
+      case r.LIST_COLLECTIONS:
+        return /* @__PURE__ */ e.jsx(k, {});
+      case r.LIST_SUBMISSIONS:
+        return /* @__PURE__ */ e.jsx(H, {});
+      default:
+        return null;
+    }
+  }, S = (i) => {
+    a(i), s(`/${i}`);
+  }, f = () => {
+    const c = {
+      "/": r.LIST_COLLECTIONS,
+      "/list-collections": r.LIST_COLLECTIONS,
+      "/list-submissions": r.LIST_SUBMISSIONS
+    }[t] || null;
+    return !u && c === r.LIST_COLLECTIONS ? r.LIST_SUBMISSIONS : c;
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "border-end p-16 h-100 ps-0", children: [
+    /* @__PURE__ */ e.jsx("p", { className: "caption text-uppercase fw-semibold text-gray-700", children: l("collection.title") }),
+    /* @__PURE__ */ e.jsxs(p, { label: l("collection.title"), children: [
+      /* @__PURE__ */ e.jsx(p.Item, { children: /* @__PURE__ */ e.jsx("div", { className: "treeview ps-16 pt-16", children: /* @__PURE__ */ e.jsx(
+        $,
+        {
+          nodes: m,
+          selectedNodeId: f(),
+          showIcon: !1,
+          renderNode: ({ node: i }) => /* @__PURE__ */ e.jsxs("div", { className: "d-flex align-items-center gap-8", children: [
+            h(i.id),
+            /* @__PURE__ */ e.jsx("span", { children: i.name })
+          ] }),
+          onTreeItemClick: S
+        }
+      ) }) }),
+      /* @__PURE__ */ e.jsx(p.Item, { children: /* @__PURE__ */ e.jsx("div", { className: "separator-dashed w-100 mt-12 my-12" }) })
+    ] })
+  ] });
+}, oe = () => {
+  const s = T(), { pathname: t } = O(), { appCode: n } = v(), { t: l } = g(n), a = N(L.COLLECTION_CREATE), { setSelectedMenu: u, setMobileMenuOpen: m } = z((o) => ({
+    setSelectedMenu: o.setSelectedMenu,
+    setMobileMenuOpen: o.setMobileMenuOpen
+  })), h = [
+    ...a ? [
+      {
+        id: "collection",
+        label: l("collection.collection"),
+        icon: /* @__PURE__ */ e.jsx(k, {}),
+        path: "/list-collections",
+        filterMenu: r.LIST_COLLECTIONS
+      }
+    ] : [],
+    {
+      id: "submission",
+      label: l("collection.submission"),
+      icon: /* @__PURE__ */ e.jsx(H, {}),
+      path: "/list-submissions",
+      filterMenu: r.LIST_SUBMISSIONS
+    }
+  ], f = (() => {
+    const x = {
+      "/": r.LIST_COLLECTIONS,
+      "/list-collections": r.LIST_COLLECTIONS,
+      "/list-submissions": r.LIST_SUBMISSIONS
+    }[t] || r.LIST_SUBMISSIONS;
+    return !a && x === r.LIST_COLLECTIONS ? r.LIST_SUBMISSIONS : x;
+  })(), i = h.find(
+    (o) => o.filterMenu === f
+  ), c = (o, x) => {
+    u(x), s(o);
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: "position-relative w-100 p-16", children: /* @__PURE__ */ e.jsxs(b, { block: !0, onToggle: (o) => m(o), children: [
+    /* @__PURE__ */ e.jsx(
+      b.Trigger,
+      {
+        label: /* @__PURE__ */ e.jsxs(y, { align: "center", gap: "8", children: [
+          i == null ? void 0 : i.icon,
+          (i == null ? void 0 : i.label) || l("collection.title")
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(b.Menu, { children: h.map((o) => /* @__PURE__ */ e.jsx(
+      b.Item,
+      {
+        onClick: () => c(o.path, o.filterMenu),
+        icon: o.icon,
+        className: f === o.filterMenu ? "active" : "",
+        children: /* @__PURE__ */ e.jsx("span", { children: o.label })
+      },
+      o.id
+    )) })
+  ] }) });
+}, ie = async () => null, de = () => {
+  const { currentApp: s } = v(), { lg: t } = q(), { pathname: n } = O(), l = N(L.COLLECTION_CREATE), a = n === "/" || n === `/${r.LIST_COLLECTIONS}`;
+  return l !== void 0 && !l && a ? /* @__PURE__ */ e.jsx(G, { to: `/${r.LIST_SUBMISSIONS}`, replace: !0 }) : /* @__PURE__ */ e.jsxs(y, { direction: "column", className: "flex-grow-1", children: [
+    /* @__PURE__ */ e.jsx(Q, { render: le, children: /* @__PURE__ */ e.jsx(Z, { app: s }) }),
+    /* @__PURE__ */ e.jsxs(M, { className: "flex-grow-1", children: [
+      /* @__PURE__ */ e.jsx(
+        M.Col,
+        {
+          sm: "3",
+          md: "3",
+          lg: "2",
+          xl: "3",
+          className: "d-none d-lg-block",
+          as: "aside",
+          children: /* @__PURE__ */ e.jsx(ce, {})
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        M.Col,
+        {
+          sm: "4",
+          md: "8",
+          lg: "6",
+          xl: "9",
+          className: `${t ? "cancel-gap" : ""}`,
+          children: [
+            !t && /* @__PURE__ */ e.jsx(oe, {}),
+            /* @__PURE__ */ e.jsx(d.Suspense, { fallback: /* @__PURE__ */ e.jsx(J, {}), children: /* @__PURE__ */ e.jsx(K, {}) })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  de as Component,
+  ie as loader
+};

package/lib/CollectionsList-Inb9z2nB.js

@@ -0,0 +1,315 @@
+import { j as e, k as P, l as T, o as v, C, p as D, r as m, q as E, h as I, F as w, s as B, I as b, t as A, v as F, f as R, u as f, d as S, w as M, x as k, E as O, L as $, y as G, z as Q } from "./index-Dt9ykSDF.js";
+import { S as V } from "./SearchBarCollect-BAnLCwAC.js";
+import { T as h, D as _ } from "./DeleteCollectionModal-Dzsn2899.js";
+import { E as z } from "./emptyscreen-list-collection-CWGxO4Ss.js";
+import { D as H } from "./DropdownActionTable-BLHrdk4t.js";
+const W = ({
+  title: s,
+  titleId: t,
+  ...i
+}) => /* @__PURE__ */ e.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": t, ...i, children: [
+  s ? /* @__PURE__ */ e.jsx("title", { id: t, children: s }) : null,
+  /* @__PURE__ */ e.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M6.5 3a1 1 0 0 1 .713.298l4.5 4.572a1 1 0 0 1-1.426 1.403L7.5 6.44V20a1 1 0 1 1-2 0V6.441L2.713 9.273A1 1 0 0 1 1.287 7.87l4.5-4.572A1 1 0 0 1 6.5 3M17.5 3a1 1 0 0 1 1 1v13.559l2.787-2.832a1 1 0 0 1 1.426 1.403l-4.5 4.572a1 1 0 0 1-1.426 0l-4.5-4.572a1 1 0 0 1 1.426-1.403L16.5 17.56V4a1 1 0 0 1 1-1", clipRule: "evenodd" })
+] }), q = ({
+  title: s,
+  titleId: t,
+  ...i
+}) => /* @__PURE__ */ e.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": t, ...i, children: [
+  s ? /* @__PURE__ */ e.jsx("title", { id: t, children: s }) : null,
+  /* @__PURE__ */ e.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M16.129 4.012a1.5 1.5 0 0 1-.141 2.117L9.278 12l6.71 5.871a1.5 1.5 0 0 1-1.976 2.258l-8-7a1.5 1.5 0 0 1 0-2.258l8-7a1.5 1.5 0 0 1 2.117.141", clipRule: "evenodd" })
+] }), K = {
+  search: "",
+  sortBy: C.DEADLINE,
+  sortDirection: v.DESC
+}, y = P(
+  T((s) => ({
+    ...K,
+    setSearch: (t) => s({ search: t }),
+    setFilters: (t) => s(t),
+    setSortCollectionList: (t, i) => s({ sortBy: t, sortDirection: i })
+  }))
+), U = () => {
+  const { search: s, sortBy: t, sortDirection: i } = y(), { data: n, fetchNextPage: d, hasNextPage: l, isFetchingNextPage: r, isLoading: g } = D({
+    search: s || void 0,
+    sortBy: t,
+    sortDirection: i
+  }), [o, a] = m.useState(1), c = m.useMemo(() => {
+    var j, u;
+    const x = (j = n == null ? void 0 : n.pages) == null ? void 0 : j[n.pages.length - 1];
+    return ((u = x == null ? void 0 : x.meta) == null ? void 0 : u.totalPages) ?? 1;
+  }, [n]), p = m.useMemo(() => {
+    var x;
+    if ((x = n == null ? void 0 : n.pages) != null && x.length)
+      return n.pages.find((j) => {
+        var u;
+        return ((u = j.meta) == null ? void 0 : u.currentPage) === o;
+      }) ?? n.pages[o - 1];
+  }, [n, o]);
+  return {
+    items: (p == null ? void 0 : p.items) ?? [],
+    page: o,
+    totalPages: c,
+    isLoading: g,
+    isFetchingNextPage: r,
+    handlePagePrevious: () => {
+      a((x) => Math.max(1, x - 1));
+    },
+    handlePageNext: async () => {
+      var u;
+      if (o >= c || r) return;
+      const x = o + 1;
+      !((u = n == null ? void 0 : n.pages) == null ? void 0 : u.some(
+        (L) => {
+          var N;
+          return ((N = L.meta) == null ? void 0 : N.currentPage) === x;
+        }
+      )) && l && await d(), a(x);
+    },
+    canGoPrevious: o > 1,
+    canGoNext: o < c
+  };
+}, Y = () => {
+  const [s, t] = m.useState(
+    null
+  );
+  return {
+    isHovered: (l) => s === l.id,
+    setHoveredCollectionId: t,
+    getBgColor: (l) => s === l.id ? "bg-gray-300" : "",
+    getColorByPercentage: (l, r) => {
+      if (r === 0) return "danger";
+      const g = l / r * 100;
+      return g >= 0 && g < 33 ? "danger" : g >= 33 && g < 66 ? "warning" : g >= 66 && g <= 100 ? "success" : "warning";
+    }
+  };
+}, Z = ({
+  collections: s
+}) => {
+  const { fromNow: t, formatDate: i } = E(), n = I(), {
+    isHovered: d,
+    setHoveredCollectionId: l,
+    getBgColor: r,
+    getColorByPercentage: g
+  } = Y();
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: s.map((o, a) => {
+    const c = r(o);
+    return /* @__PURE__ */ e.jsxs(
+      h.Tr,
+      {
+        "data-testid": "collect-collection-list-row",
+        onMouseEnter: () => l(o.id),
+        onMouseLeave: () => l(null),
+        children: [
+          /* @__PURE__ */ e.jsx(h.Td, { className: c, style: { maxWidth: "350px" }, children: /* @__PURE__ */ e.jsx(w, { align: "center", gap: "8", children: /* @__PURE__ */ e.jsx(
+            "span",
+            {
+              className: "fw-bold text-truncate c-pointer",
+              "data-testid": "collect-collection-list-row-name",
+              onClick: () => {
+                n(`/list-collections/id/${o.id}`);
+              },
+              children: o.name
+            }
+          ) }) }),
+          /* @__PURE__ */ e.jsx(h.Td, { className: c, children: /* @__PURE__ */ e.jsx("em", { className: "text-gray-700", children: t(o.createdAt) }) }),
+          /* @__PURE__ */ e.jsx(h.Td, { className: c, children: i(o.deadline, "short") }),
+          /* @__PURE__ */ e.jsx(h.Td, { className: c, children: /* @__PURE__ */ e.jsxs(
+            B,
+            {
+              variant: {
+                type: "notification",
+                level: g(
+                  o.contribCount,
+                  o.submissionCount
+                )
+              },
+              className: "fw-normal",
+              children: [
+                o.contribCount,
+                " / ",
+                o.submissionCount
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e.jsx(h.Td, { className: c, children: /* @__PURE__ */ e.jsx(H, { collectionId: o.id, children: (p) => /* @__PURE__ */ e.jsx(
+            b,
+            {
+              ...p,
+              "data-testid": "collect-collection-list-row-actions",
+              className: "icon-button-hover-no-transition bg-white",
+              type: "button",
+              "aria-label": F("collection.table.th.action"),
+              color: "tertiary",
+              variant: "filled",
+              icon: /* @__PURE__ */ e.jsx(A, {}),
+              style: {
+                visibility: d(o) ? "visible" : "hidden"
+              }
+            }
+          ) }) })
+        ]
+      },
+      `${o == null ? void 0 : o.id}-${a}`
+    );
+  }) });
+}, J = ({
+  page: s,
+  totalPages: t,
+  canGoPrevious: i,
+  canGoNext: n,
+  isLoading: d = !1,
+  isFetchingNextPage: l = !1,
+  onPagePrevious: r,
+  onPageNext: g
+}) => /* @__PURE__ */ e.jsxs(w, { justify: "center", align: "center", gap: "8", children: [
+  /* @__PURE__ */ e.jsx(
+    b,
+    {
+      variant: "ghost",
+      color: "tertiary",
+      icon: /* @__PURE__ */ e.jsx(q, {}),
+      disabled: !i || d,
+      onClick: r
+    }
+  ),
+  /* @__PURE__ */ e.jsxs("span", { "aria-label": `Page ${s} of ${t}`, children: [
+    s,
+    " / ",
+    t
+  ] }),
+  /* @__PURE__ */ e.jsx(
+    b,
+    {
+      variant: "ghost",
+      color: "tertiary",
+      icon: /* @__PURE__ */ e.jsx(R, {}),
+      disabled: !n || d || l,
+      onClick: g
+    }
+  )
+] }), X = () => {
+  const { appCode: s } = f(), { t } = S(s), { sortBy: i, sortDirection: n, setSortCollectionList: d } = y((a) => ({
+    sortBy: a.sortBy,
+    sortDirection: a.sortDirection,
+    setSortCollectionList: a.setSortCollectionList
+  })), l = [
+    {
+      label: t("collection.table.th.collect"),
+      sortField: C.NAME
+    },
+    {
+      label: t("collection.table.th.date"),
+      sortField: C.CREATION_DATE
+    },
+    {
+      label: t("collection.table.th.deadline"),
+      sortField: C.DEADLINE
+    },
+    {
+      label: t("collection.table.th.render")
+      // FIXME: No sort field for render, we should add one in the backend
+    },
+    {
+      label: t("collection.table.th.action")
+    }
+  ], r = (a) => a.sortField && a.sortField === i, g = (a) => {
+    let c = /* @__PURE__ */ e.jsx(W, { width: 16, height: 16 });
+    return r(a) && (n === v.ASC ? c = /* @__PURE__ */ e.jsx(M, {}) : c = /* @__PURE__ */ e.jsx(k, {})), c;
+  }, o = m.useCallback(
+    (a) => {
+      let c = v.ASC;
+      i === a && n === v.ASC && (c = v.DESC), d(a, c);
+    },
+    [i, n, d]
+  );
+  return {
+    listHeads: l,
+    getSortIcon: g,
+    handleSort: o,
+    isSortActive: r
+  };
+}, ee = () => {
+  const { listHeads: s, getSortIcon: t, handleSort: i, isSortActive: n } = X(), { appCode: d } = f(), { t: l } = S(d);
+  return s.map((r) => /* @__PURE__ */ e.jsxs(
+    h.Th,
+    {
+      className: r.sortField ? void 0 : "align-content-center text-center",
+      children: [
+        l(r.label),
+        r.sortField && /* @__PURE__ */ e.jsx(
+          b,
+          {
+            variant: "ghost",
+            color: "tertiary",
+            size: "sm",
+            className: `members-table-sort-btn ms-4 ${n(r) ? "text-gray-800" : "text-gray-600"}`,
+            icon: t(r),
+            onClick: () => i(r.sortField)
+          }
+        )
+      ]
+    },
+    r.label
+  ));
+}, te = () => {
+  const { appCode: s } = f(), { t } = S(s), {
+    items: i,
+    page: n,
+    totalPages: d,
+    isLoading: l,
+    isFetchingNextPage: r,
+    handlePagePrevious: g,
+    handlePageNext: o,
+    canGoPrevious: a,
+    canGoNext: c
+  } = U();
+  return i.length === 0 && !l ? /* @__PURE__ */ e.jsx("div", { className: "py-24", children: /* @__PURE__ */ e.jsx(
+    O,
+    {
+      imageSrc: z,
+      title: t("collection.collectionList.emptyScreen.title"),
+      text: t("collection.collectionList.emptyScreen.description")
+    }
+  ) }) : /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "table-collections",
+      "data-testid": "collect-collection-list-table",
+      children: [
+        /* @__PURE__ */ e.jsxs(h, { children: [
+          /* @__PURE__ */ e.jsx(h.Thead, { children: /* @__PURE__ */ e.jsx(h.Tr, { children: /* @__PURE__ */ e.jsx(ee, {}) }) }),
+          /* @__PURE__ */ e.jsxs(h.Tbody, { children: [
+            l && /* @__PURE__ */ e.jsx(h.Tr, { children: /* @__PURE__ */ e.jsx("td", { colSpan: 5, children: /* @__PURE__ */ e.jsx($, {}) }) }),
+            /* @__PURE__ */ e.jsx(Z, { collections: i }),
+            d !== void 0 && d >= 1 && /* @__PURE__ */ e.jsx(h.Tr, { children: /* @__PURE__ */ e.jsx("td", { colSpan: 5, children: /* @__PURE__ */ e.jsx(
+              J,
+              {
+                page: n,
+                totalPages: d,
+                canGoPrevious: a,
+                canGoNext: c,
+                isLoading: l,
+                isFetchingNextPage: r,
+                onPagePrevious: g,
+                onPageNext: o
+              }
+            ) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx(_, {})
+      ]
+    }
+  );
+}, de = async (s) => (await s.prefetchInfiniteQuery(Q({})), null), ge = () => {
+  const s = y((t) => t.setSearch);
+  return m.useEffect(() => {
+    localStorage.removeItem(G);
+  }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "bg-gray-200 px-24 py-16", children: /* @__PURE__ */ e.jsx(V, { setSearch: s }) }),
+    /* @__PURE__ */ e.jsx(te, {})
+  ] });
+};
+export {
+  ge as CollectionsList,
+  de as loader
+};