@feedmepos/mf-connect 0.1.98-beta.15 → 0.1.98-beta.16

package/dist/usePagination-SYsXgU6x.js

@@ -0,0 +1,220 @@
+import { defineComponent as P, computed as v, ref as w, onMounted as $, watch as M, resolveComponent as D, openBlock as u, createElementBlock as p, createVNode as r, unref as n, createElementVNode as s, createCommentVNode as N, toDisplayString as b } from "vue";
+import { _ as S } from "./FmTableSelection.vue_vue_type_script_setup_true_lang-DzcUc0_w.js";
+import { l as E } from "./lodash-cggYhL9V.js";
+const R = { class: "" }, A = {
+  key: 0,
+  class: "w-full flex flex-col gap-16 items-center py-16"
+}, L = {
+  key: 1,
+  class: "basis-72 bg-white flex items-center justify-between px-24 pt-6 border-t border-fm-color-border"
+}, j = {
+  key: 0,
+  class: "flex gap-24 items-center justify-between xs:hidden xs:invisible"
+}, O = { class: "flex gap-8 items-center" }, T = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, U = {
+  key: 1,
+  class: "flex gap-24 items-center justify-between xs:hidden xs:invisible"
+}, W = { class: "flex gap-8 items-center" }, q = {
+  key: 2,
+  class: "flex gap-8 items-center"
+}, G = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary xs:mr-auto" }, H = { class: "flex gap-8" }, J = {
+  key: 3,
+  class: "flex gap-8 items-center"
+}, K = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary xs:mr-auto" }, Q = { class: "flex gap-8" }, _ = /* @__PURE__ */ P({
+  __name: "BaseTable",
+  props: {
+    rowData: {},
+    columnDefs: {},
+    loading: { type: Boolean, default: !1 },
+    rowCount: { default: 0 },
+    shrinkAt: { type: [Number, Boolean], default: !1 },
+    pageCount: { default: 0 },
+    pageIndex: {},
+    hideFooter: { type: Boolean, default: !1 },
+    pageSize: {},
+    pageSizeOptions: { default: () => [
+      { label: "10", value: 10 },
+      { label: "20", value: 20 },
+      { label: "50", value: 50 }
+    ] },
+    paginationMode: { default: "offset" },
+    hasNext: { type: Boolean, default: !1 }
+  },
+  emits: ["sortChange", "rowClick", "pageChange"],
+  setup(e, { emit: h }) {
+    const a = e, l = h, m = v(() => a.pageIndex + 1), y = v(() => a.pageIndex * a.pageSize), x = v(
+      () => Math.min(y.value + a.pageSize, a.rowCount || 0)
+    ), C = v(() => a.paginationMode === "cursor"), k = v(() => a.pageIndex > 0), o = v(
+      () => C.value ? a.hasNext : a.pageIndex < a.pageCount - 1
+    ), i = (d) => {
+      l("sortChange", d);
+    }, V = (d) => {
+      l("rowClick", d);
+    }, g = (d) => {
+      l("pageChange", { pageIndex: d, pageSize: a.pageSize });
+    }, z = (d) => {
+      l("pageChange", { pageIndex: 0, pageSize: d });
+    }, I = w(!1);
+    return $(() => {
+      M(
+        () => a.loading,
+        (d, t) => {
+          t === !0 && d === !1 && (I.value = !0);
+        }
+      );
+    }), (d, t) => {
+      const F = D("FmTable"), f = D("FmButton");
+      return u(), p("div", R, [
+        r(F, {
+          loading: e.loading,
+          "row-data": e.rowData,
+          "row-count": e.rowCount,
+          "column-defs": e.columnDefs,
+          "shrink-at": e.shrinkAt,
+          "page-count": e.pageCount,
+          "page-size": e.pageSize,
+          "fetch-fn": void 0,
+          "hide-footer": "",
+          onSortChange: i,
+          onRowClick: V
+        }, null, 8, ["loading", "row-data", "row-count", "column-defs", "shrink-at", "page-count", "page-size"]),
+        e.rowData.length == 0 && e.loading == !1 && n(I) ? (u(), p("div", A, [...t[7] || (t[7] = [
+          s("div", { class: "fm-typo-en-body-lg-600" }, "No data found", -1),
+          s("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " No data to show at the current moment. ", -1)
+        ])])) : N("", !0),
+        e.hideFooter ? N("", !0) : (u(), p("div", L, [
+          n(C) ? (u(), p("div", U, [
+            s("div", W, [
+              t[9] || (t[9] = s("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, " Items per page: ", -1)),
+              r(S, {
+                items: e.pageSizeOptions,
+                value: e.pageSize,
+                "onUpdate:modelValue": z
+              }, null, 8, ["items", "value"])
+            ])
+          ])) : (u(), p("div", j, [
+            s("div", O, [
+              t[8] || (t[8] = s("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, " Items per page: ", -1)),
+              r(S, {
+                items: e.pageSizeOptions,
+                value: e.pageSize,
+                "onUpdate:modelValue": z
+              }, null, 8, ["items", "value"])
+            ]),
+            s("span", T, b(n(y) + 1) + " - " + b(n(x)) + " of " + b(e.rowCount) + " items ", 1)
+          ])),
+          n(C) ? (u(), p("div", J, [
+            s("span", K, " Page " + b(n(m)), 1),
+            s("div", Q, [
+              r(f, {
+                disabled: !n(k),
+                icon: "chevron_left",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[5] || (t[5] = (c) => g(e.pageIndex - 1))
+              }, null, 8, ["disabled"]),
+              r(f, {
+                disabled: !n(o),
+                icon: "chevron_right",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[6] || (t[6] = (c) => g(e.pageIndex + 1))
+              }, null, 8, ["disabled"])
+            ])
+          ])) : (u(), p("div", q, [
+            r(S, {
+              items: Array.from(Array(e.pageCount), (c, B) => ({
+                label: (B + 1).toString(),
+                value: B + 1
+              })),
+              value: n(m),
+              "onUpdate:modelValue": t[0] || (t[0] = (c) => g(c - 1))
+            }, null, 8, ["items", "value"]),
+            s("span", G, " of " + b(e.pageCount) + " pages ", 1),
+            s("div", H, [
+              r(f, {
+                disabled: !n(k),
+                icon: "first_page",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[1] || (t[1] = (c) => g(0))
+              }, null, 8, ["disabled"]),
+              r(f, {
+                disabled: !n(k),
+                icon: "chevron_left",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[2] || (t[2] = (c) => g(e.pageIndex - 1))
+              }, null, 8, ["disabled"]),
+              r(f, {
+                disabled: !n(o),
+                icon: "chevron_right",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[3] || (t[3] = (c) => g(e.pageIndex + 1))
+              }, null, 8, ["disabled"]),
+              r(f, {
+                disabled: !n(o),
+                icon: "last_page",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[4] || (t[4] = (c) => g(e.pageCount - 1))
+              }, null, 8, ["disabled"])
+            ])
+          ]))
+        ]))
+      ]);
+    };
+  }
+});
+function ee(e, h = { key: "_id", descending: !0 }) {
+  const a = w({
+    pageCount: 0,
+    searchValue: "",
+    pageIndex: 0,
+    totalRows: 0,
+    isLoading: !1,
+    pageSize: 10
+  }), l = w(h), m = w([]), y = async (o) => {
+    a.value.isLoading = !0, m.value = [];
+    try {
+      const i = await e({
+        limit: o.pageSize || a.value.pageSize,
+        skip: o.pageIndex ?? 0,
+        sortBy: l.value.key,
+        descending: l.value.descending,
+        search: a.value.searchValue
+      });
+      m.value = i.resources, a.value.totalRows = i.meta.totalResources ?? 0, a.value.pageCount = i.meta.totalPages ?? 0, a.value.pageIndex = i.meta.skip ?? 0;
+    } catch (i) {
+      console.error("Error fetching data:", i);
+    } finally {
+      a.value.isLoading = !1;
+    }
+  }, x = E.debounce(async (o) => {
+    a.value.pageSize = (o == null ? void 0 : o.pageSize) || a.value.pageSize, await y({
+      pageSize: a.value.pageSize,
+      pageIndex: (o == null ? void 0 : o.pageIndex) || 0
+    });
+  }, 200);
+  return {
+    tableMeta: a,
+    rowData: m,
+    sortBy: l,
+    fetchData: y,
+    debouncedFetchData: x,
+    onSort: async (o) => {
+      var i;
+      console.log("sortState", (i = o[0]) == null ? void 0 : i.id), o.length ? (l.value = {
+        key: o[0].id.startsWith("_") ? o[0].id : o[0].id.replace(new RegExp("_", "g"), "."),
+        descending: o[0].desc
+      }, console.log("sortBy", l.value)) : l.value = h, await x();
+    },
+    onSearch: () => {
+      x({ pageIndex: 0, pageSize: a.value.pageSize });
+    }
+  };
+}
+export {
+  _,
+  ee as u
+};

package/dist/user-DUe40u3g.js

@@ -0,0 +1,55 @@
+import { components as p } from "@feedmepos/ui-library";
+import { c as f } from "./plugins-CbpvMMOJ.js";
+import { h as c } from "vue";
+function g(o, t = !1) {
+  var a;
+  return c(
+    "div",
+    {
+      class: "flex items-center gap-x-8"
+    },
+    [
+      c(p.FmAvatar, {
+        name: o != null && o.photoUrl ? "-" : (a = o == null ? void 0 : o.name) == null ? void 0 : a.trim(),
+        src: (o == null ? void 0 : o.photoUrl) ?? void 0,
+        size: "sm"
+      }),
+      c(
+        "div",
+        {
+          class: "flex flex-col",
+          onClick: (n) => {
+            n.preventDefault(), n.stopPropagation(), f(o._id.toString());
+          }
+        },
+        [
+          c("span", o == null ? void 0 : o.name),
+          t && c(
+            "span",
+            { class: "text-xs text-fm-color-typo-secondary" },
+            (o == null ? void 0 : o.phoneNumber) || "-"
+          )
+        ].filter(Boolean)
+      )
+    ]
+  );
+}
+function b(o, t) {
+  var a, n;
+  return ((n = (a = o.collection) == null ? void 0 : a.TITLE) == null ? void 0 : n.map(
+    (i) => {
+      var l;
+      return (l = t == null ? void 0 : t.find((m) => m._id === i.collectible)) == null ? void 0 : l.name;
+    }
+  ).join(", ")) || "-";
+}
+function v(o, t) {
+  var n, i, l, m;
+  const a = (((l = (i = (n = o.collection) == null ? void 0 : n.TIER) == null ? void 0 : i[0]) == null ? void 0 : l.balance) || 0) - 1;
+  return ((m = t[a]) == null ? void 0 : m.name) || "-";
+}
+export {
+  v as a,
+  b,
+  g
+};