@feedmepos/mf-connect 0.1.87-prod → 0.1.89-prod

package/dist/usePagination-BSeGmTq6.js

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

package/dist/{user-CY_UexCt.js → user-C7hrMSvV.js}

@@ -1,5 +1,5 @@
 import { components as p } from "@feedmepos/ui-library";
-import { a as f } from "./plugins-DvsCeess.js";
+import { a as f } from "./plugins-DoTCd9nY.js";
 import { h as i } from "vue";
 function g(o, a = !1) {
   var t;