@feedmepos/mf-connect 0.1.38-beta.74 → 0.1.38-beta.76

package/dist/usePagination-dXSoqxfG.js

@@ -0,0 +1,266 @@
+import { defineComponent as N, ref as S, resolveComponent as z, openBlock as u, createBlock as M, withCtx as $, createVNode as d, createElementVNode as s, normalizeStyle as E, createElementBlock as f, Fragment as L, renderList as R, computed as C, onMounted as U, watch as A, unref as i, createCommentVNode as D, toDisplayString as k } from "vue";
+import { l as O } from "./lodash-Bz_vrY3P.js";
+const T = ["id"], I = /* @__PURE__ */ N({
+  __name: "FmTableSelection",
+  props: {
+    value: {},
+    items: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: y }) {
+    const a = y, l = e, c = S(!1);
+    return (x, m) => {
+      const b = z("FmButton"), h = z("FmMenuItem"), n = z("FmMenu");
+      return u(), M(n, {
+        "max-height": 264,
+        shift: "",
+        onMenuChanged: m[0] || (m[0] = (o) => c.value = o)
+      }, {
+        "menu-button": $(() => {
+          var o;
+          return [
+            d(b, {
+              icon: c.value ? "expand_less" : "expand_more",
+              label: (o = e.items.find((g) => g.value === l.value)) == null ? void 0 : o.label,
+              "icon-position": "append",
+              size: "md",
+              variant: "tertiary"
+            }, null, 8, ["icon", "label"])
+          ];
+        }),
+        "menu-wrapper": $(({ maxHeight: o }) => [
+          s("div", {
+            id: `menu-wrapper-${o}`,
+            style: E({ maxHeight: `${o}px` }),
+            class: "bg-fm-color-neutral-white flex flex-col overflow-y-auto px-4 py-12 rounded-md shadow-light-300 w-[75px]"
+          }, [
+            (u(!0), f(L, null, R(e.items, (g) => (u(), M(h, {
+              key: g.value,
+              label: g.label,
+              value: g.value,
+              "model-value": g.value === l.value,
+              "onUpdate:modelValue": (p) => a("update:modelValue", g.value)
+            }, null, 8, ["label", "value", "model-value", "onUpdate:modelValue"]))), 128))
+          ], 12, T)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), j = { class: "" }, W = {
+  key: 0,
+  class: "w-full flex flex-col gap-16 items-center py-16"
+}, q = {
+  key: 1,
+  class: "basis-72 bg-white flex items-center justify-between px-24 pt-6 border-t border-fm-color-border"
+}, G = {
+  key: 0,
+  class: "flex gap-24 items-center justify-between xs:hidden xs:invisible"
+}, H = { class: "flex gap-8 items-center" }, J = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, K = {
+  key: 1,
+  class: "flex gap-24 items-center justify-between xs:hidden xs:invisible"
+}, Q = { class: "flex gap-8 items-center" }, X = {
+  key: 2,
+  class: "flex gap-8 items-center"
+}, Y = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary xs:mr-auto" }, Z = { class: "flex gap-8" }, _ = {
+  key: 3,
+  class: "flex gap-8 items-center"
+}, ee = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary xs:mr-auto" }, ae = { class: "flex gap-8" }, oe = /* @__PURE__ */ N({
+  __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: y }) {
+    const a = e, l = y, c = C(() => a.pageIndex + 1), x = C(() => a.pageIndex * a.pageSize), m = C(
+      () => Math.min(x.value + a.pageSize, a.rowCount || 0)
+    ), b = C(() => a.paginationMode === "cursor"), h = C(() => a.pageIndex > 0), n = C(
+      () => b.value ? a.hasNext : a.pageIndex < a.pageCount - 1
+    ), o = (r) => {
+      l("sortChange", r);
+    }, g = (r) => {
+      l("rowClick", r);
+    }, p = (r) => {
+      l("pageChange", { pageIndex: r, pageSize: a.pageSize });
+    }, B = (r) => {
+      l("pageChange", { pageIndex: 0, pageSize: r });
+    }, F = S(!1);
+    return U(() => {
+      A(
+        () => a.loading,
+        (r, t) => {
+          t === !0 && r === !1 && (F.value = !0);
+        }
+      );
+    }), (r, t) => {
+      const P = z("FmTable"), w = z("FmButton");
+      return u(), f("div", j, [
+        d(P, {
+          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: o,
+          onRowClick: g
+        }, null, 8, ["loading", "row-data", "row-count", "column-defs", "shrink-at", "page-count", "page-size"]),
+        e.rowData.length == 0 && e.loading == !1 && i(F) ? (u(), f("div", W, [...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)
+        ])])) : D("", !0),
+        e.hideFooter ? D("", !0) : (u(), f("div", q, [
+          i(b) ? (u(), f("div", K, [
+            s("div", Q, [
+              t[9] || (t[9] = s("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, " Items per page: ", -1)),
+              d(I, {
+                items: e.pageSizeOptions,
+                value: e.pageSize,
+                "onUpdate:modelValue": B
+              }, null, 8, ["items", "value"])
+            ])
+          ])) : (u(), f("div", G, [
+            s("div", H, [
+              t[8] || (t[8] = s("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, " Items per page: ", -1)),
+              d(I, {
+                items: e.pageSizeOptions,
+                value: e.pageSize,
+                "onUpdate:modelValue": B
+              }, null, 8, ["items", "value"])
+            ]),
+            s("span", J, k(i(x) + 1) + " - " + k(i(m)) + " of " + k(e.rowCount) + " items ", 1)
+          ])),
+          i(b) ? (u(), f("div", _, [
+            s("span", ee, " Page " + k(i(c)), 1),
+            s("div", ae, [
+              d(w, {
+                disabled: !i(h),
+                icon: "chevron_left",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[5] || (t[5] = (v) => p(e.pageIndex - 1))
+              }, null, 8, ["disabled"]),
+              d(w, {
+                disabled: !i(n),
+                icon: "chevron_right",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[6] || (t[6] = (v) => p(e.pageIndex + 1))
+              }, null, 8, ["disabled"])
+            ])
+          ])) : (u(), f("div", X, [
+            d(I, {
+              items: Array.from(Array(e.pageCount), (v, V) => ({
+                label: (V + 1).toString(),
+                value: V + 1
+              })),
+              value: i(c),
+              "onUpdate:modelValue": t[0] || (t[0] = (v) => p(v - 1))
+            }, null, 8, ["items", "value"]),
+            s("span", Y, " of " + k(e.pageCount) + " pages ", 1),
+            s("div", Z, [
+              d(w, {
+                disabled: !i(h),
+                icon: "first_page",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[1] || (t[1] = (v) => p(0))
+              }, null, 8, ["disabled"]),
+              d(w, {
+                disabled: !i(h),
+                icon: "chevron_left",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[2] || (t[2] = (v) => p(e.pageIndex - 1))
+              }, null, 8, ["disabled"]),
+              d(w, {
+                disabled: !i(n),
+                icon: "chevron_right",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[3] || (t[3] = (v) => p(e.pageIndex + 1))
+              }, null, 8, ["disabled"]),
+              d(w, {
+                disabled: !i(n),
+                icon: "last_page",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: t[4] || (t[4] = (v) => p(e.pageCount - 1))
+              }, null, 8, ["disabled"])
+            ])
+          ]))
+        ]))
+      ]);
+    };
+  }
+});
+function le(e, y = { key: "_id", descending: !0 }) {
+  const a = S({
+    pageCount: 0,
+    searchValue: "",
+    pageIndex: 0,
+    totalRows: 0,
+    isLoading: !1,
+    pageSize: 10
+  }), l = S(y), c = S([]), x = async (n) => {
+    a.value.isLoading = !0, c.value = [];
+    try {
+      const o = await e({
+        limit: n.pageSize || a.value.pageSize,
+        skip: n.pageIndex ?? 0,
+        sortBy: l.value.key,
+        descending: l.value.descending,
+        search: a.value.searchValue
+      });
+      c.value = o.resources, a.value.totalRows = o.meta.totalResources ?? 0, a.value.pageCount = o.meta.totalPages ?? 0, a.value.pageIndex = o.meta.skip ?? 0;
+    } catch (o) {
+      console.error("Error fetching data:", o);
+    } finally {
+      a.value.isLoading = !1;
+    }
+  }, m = O.debounce(async (n) => {
+    a.value.pageSize = (n == null ? void 0 : n.pageSize) || a.value.pageSize, await x({
+      pageSize: a.value.pageSize,
+      pageIndex: (n == null ? void 0 : n.pageIndex) || 0
+    });
+  }, 200);
+  return {
+    tableMeta: a,
+    rowData: c,
+    sortBy: l,
+    fetchData: x,
+    debouncedFetchData: m,
+    onSort: async (n) => {
+      var o;
+      console.log("sortState", (o = n[0]) == null ? void 0 : o.id), n.length ? (l.value = {
+        key: n[0].id.startsWith("_") ? n[0].id : n[0].id.replace(new RegExp("_", "g"), "."),
+        descending: n[0].desc
+      }, console.log("sortBy", l.value)) : l.value = y, await m();
+    },
+    onSearch: () => {
+      m({ pageIndex: 0, pageSize: a.value.pageSize });
+    }
+  };
+}
+export {
+  oe as _,
+  le as u
+};

package/dist/user-Ck-m3cB3.js

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