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

package/lib/DeleteCollectionModal-Dzsn2899.js

@@ -0,0 +1,112 @@
+import { j as t, r as p, u as C, d as h, au as T, aq as b, ak as a, B as i, av as j } from "./index-Dt9ykSDF.js";
+import { u as x } from "./DropdownActionTable-BLHrdk4t.js";
+const m = (l) => {
+  const {
+    children: o,
+    ...e
+  } = l;
+  return /* @__PURE__ */ t.jsx("tbody", { ...e, children: o });
+}, y = (l) => {
+  const {
+    children: o,
+    ...e
+  } = l;
+  return /* @__PURE__ */ t.jsx("td", { ...e, children: o });
+}, f = (l) => {
+  const {
+    children: o,
+    ...e
+  } = l;
+  return /* @__PURE__ */ t.jsx("th", { ...e, children: o });
+}, M = (l) => {
+  const {
+    children: o,
+    ...e
+  } = l;
+  return /* @__PURE__ */ t.jsx("thead", { ...e, children: o });
+}, D = (l) => {
+  const {
+    children: o,
+    ...e
+  } = l;
+  return /* @__PURE__ */ t.jsx("tr", { ...e, children: o });
+}, v = /* @__PURE__ */ p.forwardRef(({
+  children: l,
+  maxHeight: o
+}, e) => /* @__PURE__ */ t.jsx("div", { className: "table-responsive", style: o ? {
+  maxHeight: o,
+  overflowY: "auto"
+} : {}, children: /* @__PURE__ */ t.jsx("table", { ref: e, className: "table align-middle mb-0", style: {
+  overflow: o ? "visible" : "hidden"
+}, children: l }) })), g = /* @__PURE__ */ Object.assign(v, {
+  Thead: M,
+  Th: f,
+  Tbody: m,
+  Tr: D,
+  Td: y
+}), O = () => {
+  const { appCode: l } = C(), { t: o } = h(l), e = b(), d = T(), { isDeleteModalOpen: s, onCloseDeleteModal: c, deleteCollectionId: r } = x((n) => ({
+    isDeleteModalOpen: n.isDeleteModalOpen,
+    onCloseDeleteModal: n.onCloseDeleteModal,
+    deleteCollectionId: n.deleteCollectionId
+  }));
+  return {
+    isOpen: s,
+    onClose: c,
+    handleDeleteCollection: async (n) => {
+      if (r != null)
+        try {
+          await d.mutateAsync(r), e.success(o("collection.toast.success.collection.delete")), n == null || n();
+        } catch (u) {
+          console.error("Error deleting collection:", u), e.error(o("collection.toast.error.collection.delete"));
+        } finally {
+          c();
+        }
+    }
+  };
+}, E = ({
+  onDeleteSuccess: l
+}) => {
+  const { appCode: o } = C(), { t: e } = h(o), { isOpen: d, onClose: s, handleDeleteCollection: c } = O(), r = async () => {
+    await c(l);
+  };
+  return /* @__PURE__ */ t.jsxs(
+    a,
+    {
+      id: "delete-confirmation-modal",
+      isOpen: d,
+      onModalClose: s,
+      size: "sm",
+      children: [
+        /* @__PURE__ */ t.jsx(a.Header, { onModalClose: s, children: e("collection.modal.delete.title") }),
+        /* @__PURE__ */ t.jsx(a.Body, { children: e("collection.modal.delete.description") }),
+        /* @__PURE__ */ t.jsxs(a.Footer, { children: [
+          /* @__PURE__ */ t.jsx(
+            i,
+            {
+              "data-testid": "collect-collection-delete-modal-button-cancel",
+              color: "tertiary",
+              variant: "ghost",
+              onClick: s,
+              children: e("collection.cancel")
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            i,
+            {
+              "data-testid": "collect-collection-delete-modal-button-delete",
+              color: "danger",
+              onClick: r,
+              leftIcon: /* @__PURE__ */ t.jsx(j, {}),
+              children: e("collection.delete")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  E as D,
+  g as T
+};

package/lib/DropdownActionTable-BLHrdk4t.js

@@ -0,0 +1,83 @@
+import { j as n, k as i, l as r, u as p, d as u, h, a as w, W as x, aA as m, am as I, av as O, D as c, r as C } from "./index-Dt9ykSDF.js";
+const D = ({
+  title: e,
+  titleId: o,
+  ...s
+}) => /* @__PURE__ */ n.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": o, ...s, children: [
+  e ? /* @__PURE__ */ n.jsx("title", { id: o, children: e }) : null,
+  /* @__PURE__ */ n.jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.3 2.59c-1.16 0-2.1.937-2.1 2.092a2.07 2.07 0 0 0 .316 1.103 2.1 2.1 0 0 0 1.784.988c1.16 0 2.1-.936 2.1-2.091s-.94-2.091-2.1-2.091m-2.984 5.035A4.2 4.2 0 0 0 18.3 8.864c2.32 0 4.2-1.873 4.2-4.182S20.62.5 18.3.5s-4.2 1.872-4.2 4.182c0 .394.055.775.157 1.137L8.684 9.057A4.2 4.2 0 0 0 5.7 7.818C3.38 7.818 1.5 9.69 1.5 12s1.88 4.182 4.2 4.182a4.2 4.2 0 0 0 2.984-1.24l5.575 3.234a4.2 4.2 0 0 0-.159 1.142c0 2.31 1.88 4.182 4.2 4.182s4.2-1.872 4.2-4.182-1.88-4.182-4.2-4.182c-1.165 0-2.22.473-2.98 1.236l-5.577-3.235a4.17 4.17 0 0 0 0-2.274zm-7.831 3.273a1 1 0 0 0 .058.1 2.075 2.075 0 0 1-.059 2.105 2.1 2.1 0 0 1-1.784.988c-1.16 0-2.1-.936-2.1-2.091s.94-2.09 2.1-2.09a2.1 2.1 0 0 1 1.785.988m8.715 8.42c0-.34.081-.66.226-.944a1 1 0 0 0 .129-.219 2.1 2.1 0 0 1 1.745-.928c1.16 0 2.1.936 2.1 2.091s-.94 2.091-2.1 2.091-2.1-.936-2.1-2.09", clipRule: "evenodd" })
+] }), b = r((e) => ({
+  isDeleteModalOpen: !1,
+  deleteCollectionId: null,
+  isInstructionModalOpen: !1,
+  isPastDeadline: !1,
+  onOpenDeleteModal: (o) => e({ isDeleteModalOpen: !0, deleteCollectionId: o }),
+  onCloseDeleteModal: () => e({ isDeleteModalOpen: !1, deleteCollectionId: null }),
+  onOpenInstructionModal: () => e({ isInstructionModalOpen: !0 }),
+  onCloseInstructionModal: () => e({ isInstructionModalOpen: !1 }),
+  setIsPastDeadline: (o) => e({ isPastDeadline: o })
+})), g = i(
+  b
+), j = (e, o) => {
+  const { appCode: s } = p(), { t: l } = u(s), t = h(), a = w(x.COLLECTION_CREATE), d = g.use.onOpenDeleteModal();
+  return { dropdownOptions: [
+    {
+      label: l("collection.table.dropdown.open"),
+      action: () => t(`/list-collections/id/${e}`),
+      icon: /* @__PURE__ */ n.jsx(m, {}),
+      hidden: o,
+      dataTestId: "collect-dropdown-action-open"
+    },
+    {
+      label: l("collection.table.dropdown.edit"),
+      action: () => t(`/id/${e}/form`),
+      icon: /* @__PURE__ */ n.jsx(I, {}),
+      hidden: !a,
+      dataTestId: "collect-dropdown-action-edit"
+    },
+    {
+      label: l("collection.table.dropdown.share"),
+      action: () => t(`/id/${e}/members`),
+      icon: /* @__PURE__ */ n.jsx(D, {}),
+      hidden: !a,
+      dataTestId: "collect-dropdown-action-share"
+    },
+    {
+      label: l("collection.table.dropdown.delete"),
+      action: () => d(e),
+      icon: /* @__PURE__ */ n.jsx(O, {}),
+      className: "text-danger",
+      hidden: !a,
+      dataTestId: "collect-dropdown-action-share"
+    }
+  ] };
+}, v = ({
+  collectionId: e,
+  isCollection: o = !1,
+  children: s
+}) => {
+  const { dropdownOptions: l } = j(
+    e,
+    o
+  );
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsx(c, { children: (t) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    s(t),
+    /* @__PURE__ */ n.jsx(c.Menu, { children: l.map((a, d) => /* @__PURE__ */ n.jsx(C.Fragment, { children: !a.hidden && /* @__PURE__ */ n.jsxs(
+      c.Item,
+      {
+        "data-testid": a.dataTestId,
+        className: a.className,
+        onClick: a.action,
+        children: [
+          a.icon,
+          a.label
+        ]
+      },
+      a.label
+    ) }, d)) })
+  ] }) }) });
+};
+export {
+  v as D,
+  g as u
+};

package/lib/FormEdit-CwVhj3_4.js

@@ -0,0 +1,96 @@
+import { u as T, d as b, n as N, ar as v, h as E, a as I, W as F, aF as w, r as L, as as f, j as t, L as O, P, G as g, F as h, aG as R, B as x, at as W, aH as k, aq as A } from "./index-Dt9ykSDF.js";
+import { s as G } from "./submission.queries-CslqTzEP.js";
+const B = (i) => async ({ params: s }) => {
+  const o = Number(s.collectionId);
+  return await i.ensureQueryData(W(o)), await i.prefetchInfiniteQuery(
+    G(o)
+  ), null;
+}, S = () => {
+  const { appCode: i } = T(), { t: s } = b(i), { lg: o } = N(), d = v(), u = E(), p = A(), y = I(F.COLLECTION_CREATE), m = w(), [e, C] = L.useState(void 0), { data: a, isLoading: l } = f(
+    Number(d.collectionId)
+  );
+  if (l)
+    return /* @__PURE__ */ t.jsx(O, {});
+  if (!y || !a) return /* @__PURE__ */ t.jsx(P, {});
+  const j = async () => {
+    const r = Number(d.collectionId);
+    if (!r) return;
+    const c = {
+      title: (e == null ? void 0 : e.title) ?? a.name ?? "",
+      description: (e == null ? void 0 : e.description) ?? a.content ?? "",
+      deadline: (e == null ? void 0 : e.deadline) ?? (a.deadline ? new Date(a.deadline) : void 0),
+      attachments: (e == null ? void 0 : e.attachments) ?? [],
+      sharings: (e == null ? void 0 : e.sharings) ?? []
+    };
+    try {
+      await m.mutateAsync({
+        id: r,
+        data: {
+          name: c.title,
+          content: c.description,
+          deadline: c.deadline ?? /* @__PURE__ */ new Date(),
+          attachments: c.attachments.map((n) => ({
+            name: n.name,
+            type: k.ATTACHMENT,
+            uri: n.filename,
+            mimeType: n.contentType
+          }))
+        }
+      }), p.success(s("collection.toast.success.collection.update"), {
+        duration: 1e4,
+        isDismissible: !0
+      }), u(`/list-collections/id/${r}`);
+    } catch (n) {
+      p.error(s("collection.toast.error.collection.update"), {
+        duration: 1e4,
+        isDismissible: !0
+      }), console.log(n);
+    }
+  };
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(g, { className: "flex-grow-1 gap-64 px-md-8 px-lg-48 position-relative", children: /* @__PURE__ */ t.jsx(g.Col, { sm: "4", md: "8", xl: "12", className: `${o && "ms-64"}`, children: /* @__PURE__ */ t.jsx(
+      h,
+      {
+        direction: "column",
+        gap: "16",
+        className: "h-100 py-24 pb-lg-48 pt-lg-32",
+        children: /* @__PURE__ */ t.jsx(
+          R,
+          {
+            collection: a,
+            updateWizardData: C
+          }
+        )
+      }
+    ) }) }),
+    /* @__PURE__ */ t.jsxs(h, { justify: "end", className: "mt-auto px-48 pb-64 gap-16", children: [
+      /* @__PURE__ */ t.jsx(
+        x,
+        {
+          variant: "outline",
+          color: "primary",
+          isLoading: l,
+          onClick: () => u(-1),
+          "data-testid": "collect-cancel-sharings-button",
+          children: s("collection.cancel")
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        x,
+        {
+          variant: "filled",
+          color: "primary",
+          isLoading: l || m.isPending,
+          loadingPosition: "right",
+          onClick: j,
+          "data-testid": "collect-save-sharings-button",
+          children: s("collection.form.edit.save")
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  S as FormEdit,
+  B as loader
+};