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

package/lib/CollectionsLayout-CPYEwl1X.js

@@ -1,361 +0,0 @@
-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

@@ -1,315 +0,0 @@
-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
-};