@edifice.io/collect-frontend 1.0.0 → 1.0.2

package/lib/CollectionsLayout-BWau0fFT.js

@@ -1,41 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { WORKFLOW_RIGHTS as u } from "@edifice.io/collect-client-rest";
-import { useEdificeClient as f, useHasWorkflow as h, useBreakpoint as C, Flex as L, AppHeader as S, Breadcrumb as g, Grid as r, LoadingScreen as x } from "@edifice.io/react";
-import { Suspense as N } from "react";
-import { useLocation as I, Navigate as O, Outlet as A } from "react-router-dom";
-import { ah as E, M as a, A as T, d as w } from "./index-DPvhGf6m.js";
-const B = async () => null, F = () => {
-  const { currentApp: l } = f(), { pathname: s } = I(), n = h(u.COLLECTION_CREATE), { header: c, showMenu: i } = E(), { lg: d } = C(), m = c !== !1, o = i !== !1, p = s === "/" || s === `/${a.LIST_COLLECTIONS}`;
-  return n !== void 0 && !n && p ? /* @__PURE__ */ e(O, { to: `/${a.LIST_SUBMISSIONS}`, replace: !0 }) : /* @__PURE__ */ t(L, { direction: "column", className: "flex-grow-1", children: [
-    m && /* @__PURE__ */ e(S, { render: () => /* @__PURE__ */ e(T, {}), children: /* @__PURE__ */ e(g, { app: l }) }),
-    /* @__PURE__ */ t(r, { className: "flex-grow-1", children: [
-      o && /* @__PURE__ */ e(
-        r.Col,
-        {
-          sm: "3",
-          md: "3",
-          lg: "2",
-          xl: "3",
-          className: "d-none d-lg-block",
-          as: "aside",
-          children: /* @__PURE__ */ e(w, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        r.Col,
-        {
-          sm: "4",
-          md: "8",
-          lg: o ? "6" : "12",
-          xl: o ? "9" : "12",
-          className: `${o && d ? "cancel-gap" : ""}`,
-          children: /* @__PURE__ */ e(N, { fallback: /* @__PURE__ */ e(x, {}), children: /* @__PURE__ */ e(A, {}) })
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  F as Component,
-  B as loader
-};

package/lib/CollectionsList-DoYvRzYy.js

@@ -1,324 +0,0 @@
-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 { J as F, aj as M, W as O, u as R } from "./index-DPvhGf6m.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-C8NPFHjI.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 J, IconListOrder as K, IconArrowUp as U, IconArrowDown as Y } from "@edifice.io/react/icons";
-import { t as Z } from "i18next";
-import { useNavigate as q } from "react-router-dom";
-import { D as V } from "./DropdownActionTable-CJA3djIr.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 = q(), {
-    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,
-              "data-testid": "collect-collection-list-row-badge",
-              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,
-              "data-testid": "collect-collection-list-row-actions",
-              children: /* @__PURE__ */ e(V, { collectionId: t.id, children: (f) => /* @__PURE__ */ e(
-                S,
-                {
-                  ...f,
-                  "data-testid": "collect-collection-list-row-action-button",
-                  className: "icon-button-hover-no-transition bg-white",
-                  type: "button",
-                  "aria-label": Z("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(J, {}),
-      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(K, { width: 16, height: 16 });
-    return i(l) && (r === b.ASC ? c = /* @__PURE__ */ e(U, {}) : c = /* @__PURE__ */ e(Y, {})), 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-C8NPFHjI.js

@@ -1,71 +0,0 @@
-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 { al as M } from "./index-DPvhGf6m.js";
-import { u as D } from "./DropdownActionTable-CJA3djIr.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-CJA3djIr.js

@@ -1,84 +0,0 @@
-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 { J as M } from "./index-DPvhGf6m.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
-};

package/lib/FormEdit-DrlhrKl6.js

@@ -1,102 +0,0 @@
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
-import { WORKFLOW_RIGHTS as b, MediaType as v } from "@edifice.io/collect-client-rest";
-import { useEdificeClient as x, useBreakpoint as I, useToast as w, useHasWorkflow as E, LoadingScreen as L, Grid as h, Flex as y, Button as C } from "@edifice.io/react";
-import { useState as O } from "react";
-import { useTranslation as F } from "react-i18next";
-import { useParams as P, useNavigate as k } from "react-router-dom";
-import { ap as A, ai as Q, P as R, e as W, t as j } from "./index-DPvhGf6m.js";
-import { a as H } from "./submission.queries-rlTI0q9h.js";
-const K = (s) => async ({ params: i }) => {
-  const a = Number(i.collectionId);
-  return await s.ensureQueryData(j(a)), await s.prefetchInfiniteQuery(
-    H(a)
-  ), null;
-}, J = () => {
-  const { appCode: s } = x(), { t: i } = F(s), { lg: a } = I(), d = P(), p = k(), u = w(), f = E(b.COLLECTION_CREATE), m = A(), [e, N] = O(void 0), { data: o, isLoading: l } = Q(
-    Number(d.collectionId)
-  );
-  if (l)
-    return /* @__PURE__ */ t(L, {});
-  if (!f || !o) return /* @__PURE__ */ t(R, {});
-  const T = async () => {
-    const r = Number(d.collectionId);
-    if (!r) return;
-    const c = {
-      title: (e == null ? void 0 : e.title) ?? o.name ?? "",
-      description: (e == null ? void 0 : e.description) ?? o.content ?? "",
-      deadline: (e == null ? void 0 : e.deadline) ?? (o.deadline ? new Date(o.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: v.ATTACHMENT,
-            uri: n.filename,
-            mimeType: n.contentType
-          }))
-        }
-      }), u.success(i("collection.toast.success.collection.update"), {
-        duration: 1e4,
-        isDismissible: !0
-      }), p(`/list-collections/id/${r}`);
-    } catch (n) {
-      u.error(i("collection.toast.error.collection.update"), {
-        duration: 1e4,
-        isDismissible: !0
-      }), console.log(n);
-    }
-  };
-  return /* @__PURE__ */ g("div", { className: "w-100", children: [
-    /* @__PURE__ */ t(h, { className: "flex-grow-1 gap-64 px-md-8 px-lg-48 position-relative", children: /* @__PURE__ */ t(h.Col, { sm: "4", md: "8", xl: "12", className: `${a && "ms-64"}`, children: /* @__PURE__ */ t(
-      y,
-      {
-        direction: "column",
-        gap: "16",
-        className: "h-100 py-24 pb-lg-48 pt-lg-32",
-        children: /* @__PURE__ */ t(
-          W,
-          {
-            collection: o,
-            updateWizardData: N
-          }
-        )
-      }
-    ) }) }),
-    /* @__PURE__ */ g(y, { justify: "end", className: "mt-auto px-48 pb-64 gap-16", children: [
-      /* @__PURE__ */ t(
-        C,
-        {
-          variant: "outline",
-          color: "primary",
-          isLoading: l,
-          onClick: () => p(-1),
-          "data-testid": "collect-cancel-sharings-button",
-          children: i("collection.cancel")
-        }
-      ),
-      /* @__PURE__ */ t(
-        C,
-        {
-          variant: "filled",
-          color: "primary",
-          isLoading: l || m.isPending,
-          loadingPosition: "right",
-          onClick: T,
-          "data-testid": "collect-save-sharings-button",
-          children: i("collection.form.edit.save")
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  J as FormEdit,
-  K as loader
-};