@feedmepos/mf-connect 0.1.38-beta.23 → 0.1.38-beta.24

package/dist/usePagination-BeF5K3M7.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 S, Fragment as P, renderList as E, computed as h, onMounted as L, watch as R, unref as p, createCommentVNode as V, toDisplayString as x } 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 a = g, l = f, r = w(!1);
-    return (d, u) => {
-      const y = C("FmButton"), b = C("FmMenuItem"), o = C("FmMenu");
-      return v(), F(o, {
-        "max-height": 264,
-        shift: "",
-        onMenuChanged: u[0] || (u[0] = (n) => r.value = n)
-      }, {
-        "menu-button": B(() => {
-          var n;
-          return [
-            c(y, {
-              icon: r.value ? "expand_less" : "expand_more",
-              label: (n = d.items.find((s) => s.value === l.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), S(P, null, E(d.items, (s) => (v(), F(b, {
-              key: s.value,
-              label: s.label,
-              value: s.value,
-              "model-value": s.value === l.value,
-              "onUpdate:modelValue": (z) => a("update:modelValue", s.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 = {
-  key: 1,
-  class: "basis-72 bg-white flex items-center justify-between px-24 pt-6 border-t border-fm-color-border"
-}, W = { class: "flex gap-24 items-center justify-between xs:hidden xs:invisible" }, q = { class: "flex gap-8 items-center" }, G = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, H = { class: "flex gap-8 items-center" }, J = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary xs:mr-auto" }, K = { class: "flex gap-8" }, Y = /* @__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 a = f, l = g, r = h(() => a.pageIndex + 1), d = h(() => a.pageIndex * a.pageSize), u = h(
-      () => Math.min(d.value + a.pageSize, a.rowCount || 0)
-    ), y = h(() => a.pageIndex > 0), b = h(() => a.pageIndex < a.pageCount - 1), o = (e) => {
-      l("sortChange", e);
-    }, n = (e) => {
-      l("rowClick", e);
-    }, s = (e) => {
-      l("pageChange", { pageIndex: e, pageSize: a.pageSize });
-    }, z = (e) => {
-      l("pageChange", { pageIndex: 0, pageSize: e });
-    }, I = w(!1);
-    return L(() => {
-      R(
-        () => a.loading,
-        (e, t) => {
-          t === !0 && e === !1 && (I.value = !0);
-        }
-      );
-    }), (e, t) => {
-      const $ = C("FmTable"), k = C("FmButton");
-      return v(), S("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: o,
-          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(I) ? (v(), S("div", O, t[5] || (t[5] = [
-          i("div", { class: "fm-typo-en-body-lg-600" }, "No data found", -1),
-          i("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " No data to show at the current moment. ", -1)
-        ]))) : V("", !0),
-        e.hideFooter ? V("", !0) : (v(), S("div", j, [
-          i("div", W, [
-            i("div", q, [
-              t[6] || (t[6] = i("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, " Items per page: ", -1)),
-              c(D, {
-                items: e.pageSizeOptions,
-                value: e.pageSize,
-                "onUpdate:modelValue": z
-              }, null, 8, ["items", "value"])
-            ]),
-            i("span", G, x(p(d) + 1) + " - " + x(p(u)) + " of " + x(e.rowCount) + " items ", 1)
-          ]),
-          i("div", H, [
-            c(D, {
-              items: Array.from(Array(e.pageCount), (m, _) => ({
-                label: (_ + 1).toString(),
-                value: _ + 1
-              })),
-              value: p(r),
-              "onUpdate:modelValue": t[0] || (t[0] = (m) => s(m - 1))
-            }, null, 8, ["items", "value"]),
-            i("span", J, " of " + x(e.pageCount) + " pages ", 1),
-            i("div", K, [
-              c(k, {
-                disabled: !p(y),
-                icon: "first_page",
-                "icon-color": "neutral-black",
-                variant: "tertiary",
-                onClick: t[1] || (t[1] = (m) => s(0))
-              }, null, 8, ["disabled"]),
-              c(k, {
-                disabled: !p(y),
-                icon: "chevron_left",
-                "icon-color": "neutral-black",
-                variant: "tertiary",
-                onClick: t[2] || (t[2] = (m) => s(e.pageIndex - 1))
-              }, null, 8, ["disabled"]),
-              c(k, {
-                disabled: !p(b),
-                icon: "chevron_right",
-                "icon-color": "neutral-black",
-                variant: "tertiary",
-                onClick: t[3] || (t[3] = (m) => s(e.pageIndex + 1))
-              }, null, 8, ["disabled"]),
-              c(k, {
-                disabled: !p(b),
-                icon: "last_page",
-                "icon-color": "neutral-black",
-                variant: "tertiary",
-                onClick: t[4] || (t[4] = (m) => s(e.pageCount - 1))
-              }, null, 8, ["disabled"])
-            ])
-          ])
-        ]))
-      ]);
-    };
-  }
-});
-function Z(f, g = { key: "_id", descending: !0 }) {
-  const a = w({
-    pageCount: 0,
-    searchValue: "",
-    pageIndex: 0,
-    totalRows: 0,
-    isLoading: !1,
-    pageSize: 10
-  }), l = w(g), r = w([]), d = async (o) => {
-    a.value.isLoading = !0, r.value = [];
-    try {
-      const n = await f({
-        limit: o.pageSize || a.value.pageSize,
-        skip: o.pageIndex ?? 0,
-        sortBy: l.value.key,
-        descending: l.value.descending,
-        search: a.value.searchValue
-      });
-      r.value = n.resources, a.value.totalRows = n.meta.totalResources ?? 0, a.value.pageCount = n.meta.totalPages ?? 0, a.value.pageIndex = n.meta.skip ?? 0;
-    } catch (n) {
-      console.error("Error fetching data:", n);
-    } finally {
-      a.value.isLoading = !1;
-    }
-  }, u = A.debounce(async (o) => {
-    a.value.pageSize = (o == null ? void 0 : o.pageSize) || a.value.pageSize, await d({
-      pageSize: a.value.pageSize,
-      pageIndex: (o == null ? void 0 : o.pageIndex) || 0
-    });
-  }, 200);
-  return {
-    tableMeta: a,
-    rowData: r,
-    sortBy: l,
-    fetchData: d,
-    debouncedFetchData: u,
-    onSort: async (o) => {
-      var n;
-      console.log("sortState", (n = o[0]) == null ? void 0 : n.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 = g, await u();
-    },
-    onSearch: () => {
-      u({ pageIndex: 0, pageSize: a.value.pageSize });
-    }
-  };
-}
-export {
-  Y as _,
-  Z as u
-};