@feedmepos/mf-connect 0.1.0-prod → 0.1.2-prod

package/dist/usePagination-JoYaROkV.js

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