@feedmepos/mf-payment 0.0.0-beta.37 → 0.0.0-beta.39

package/dist/index.vue_vue_type_script_setup_true_lang-D2Eefuww.js

@@ -0,0 +1,167 @@
+import { defineComponent as U, ref as r, resolveComponent as v, openBlock as w, createBlock as M, withCtx as z, createVNode as m, createElementVNode as u, normalizeStyle as T, createElementBlock as I, Fragment as $, renderList as j, computed as C, watch as L, onMounted as E, unref as P, toDisplayString as D, normalizeClass as O } from "vue";
+import { u as R } from "./index-Cnxt2xmc.js";
+import "@feedmepos/ui-library";
+const G = ["id"], S = /* @__PURE__ */ U({
+  __name: "FmTableSelection",
+  props: {
+    value: {},
+    items: {}
+  },
+  emits: ["update:modelValue"],
+  setup(p, { emit: F }) {
+    const h = F, f = p, i = r(!1);
+    return (g, y) => {
+      const k = v("FmButton"), V = v("FmMenuItem"), x = v("FmMenu");
+      return w(), M(x, {
+        "max-height": 264,
+        shift: "",
+        onMenuChanged: y[0] || (y[0] = (a) => i.value = a)
+      }, {
+        "menu-button": z(() => {
+          var a;
+          return [
+            m(k, {
+              icon: i.value ? "expand_less" : "expand_more",
+              label: (a = g.items.find((o) => o.value === f.value)) == null ? void 0 : a.label,
+              "icon-position": "append",
+              size: "md",
+              variant: "tertiary"
+            }, null, 8, ["icon", "label"])
+          ];
+        }),
+        "menu-wrapper": z(({ maxHeight: a }) => [
+          u("div", {
+            id: `menu-wrapper-${a}`,
+            style: T({ maxHeight: `${a}px` }),
+            class: "bg-fm-color-neutral-white flex flex-col overflow-y-auto px-4 py-12 rounded-md shadow-light-300 w-[75px]"
+          }, [
+            (w(!0), I($, null, j(g.items, (o) => (w(), M(V, {
+              key: o.value,
+              label: o.label,
+              value: o.value,
+              "model-value": o.value === f.value,
+              "onUpdate:modelValue": (n) => h("update:modelValue", o.value)
+            }, null, 8, ["label", "value", "model-value", "onUpdate:modelValue"]))), 128))
+          ], 12, G)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), H = { class: "basis-72 bg-white flex items-center justify-between px-24 pt-6" }, J = { class: "flex gap-24 items-center justify-between xs:hidden xs:invisible" }, K = { class: "flex gap-8 items-center" }, Q = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary xs:hidden xs:invisible" }, W = {
+  class: /* @__PURE__ */ O(["flex gap-8 items-center"])
+}, X = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary xs:mr-auto" }, Y = { class: "flex gap-8" }, ae = /* @__PURE__ */ U({
+  __name: "index",
+  props: {
+    columnDefs: {
+      type: Array,
+      required: !0
+    },
+    rowsDefs: {
+      type: Function,
+      required: !0
+    },
+    paginate: {
+      type: Function,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(p, { expose: F, emit: h }) {
+    const f = [10, 20, 30, 50, 100].map((t) => ({
+      label: t.toString(),
+      value: t
+    })), i = p, g = h, { isLoading: y, startLoading: k, stopLoading: V } = R(!0), x = r(), a = r(), o = r(""), n = r(10), l = r(1), c = r(0), b = async function(t = !1) {
+      k(), t && (a.value = [], o.value = "", l.value = 1, c.value = 0);
+      const e = await i.paginate(n.value, o.value);
+      a.value = [...a.value ?? [], ...e.data], o.value = e.meta.cursor ?? "", c.value += 1, V();
+    }, q = C(() => l.value > 1), A = C(() => l.value < c.value ? !0 : o.value > ""), N = C(() => {
+      const t = n.value * (l.value - 1), e = t + n.value;
+      return (a.value ?? []).slice(t, e).map(i.rowsDefs);
+    });
+    return L(n, () => b(!0)), L(l, (t) => {
+      t > c.value && b();
+    }), E(() => b()), F({
+      reset: () => b(!0),
+      data: () => a.value ?? [],
+      allData: async () => {
+        let t = [], e = "";
+        do {
+          const d = await i.paginate(100, e);
+          t = [...t, ...d.data], e = d.meta.cursor ?? "";
+        } while (e > "");
+        return t;
+      },
+      pageData: () => {
+        const t = n.value * (l.value - 1), e = t + n.value;
+        return (a.value ?? []).slice(t, e);
+      },
+      replaceData: (t, e) => {
+        const d = t * l.value;
+        a.value && (a.value[d] = e);
+      }
+    }), (t, e) => {
+      const d = v("FmTable"), B = v("FmButton");
+      return w(), I($, null, [
+        m(d, {
+          modelValue: x.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (s) => x.value = s),
+          loading: P(y),
+          "page-size": n.value,
+          "row-data": N.value,
+          "column-defs": p.columnDefs,
+          "hide-footer": !0,
+          onRowClick: e[1] || (e[1] = (s) => {
+            var _;
+            return g("row-click", (_ = a.value) == null ? void 0 : _.at(s.index));
+          })
+        }, null, 8, ["modelValue", "loading", "page-size", "row-data", "column-defs"]),
+        u("div", H, [
+          u("div", J, [
+            u("div", K, [
+              e[6] || (e[6] = u("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, " Items per page: ", -1)),
+              m(S, {
+                items: P(f),
+                value: n.value,
+                "onUpdate:modelValue": e[2] || (e[2] = (s) => n.value = s)
+              }, null, 8, ["items", "value"])
+            ]),
+            u("span", Q, D((l.value - 1) * n.value) + " - " + D((l.value - 1) * n.value + n.value), 1)
+          ]),
+          u("div", W, [
+            m(S, {
+              items: Array.from(Array(c.value), (s, _) => _ + 1).map(
+                (s) => ({
+                  label: s.toString(),
+                  value: s
+                })
+              ),
+              value: l.value,
+              "onUpdate:modelValue": e[3] || (e[3] = (s) => l.value = s)
+            }, null, 8, ["items", "value"]),
+            u("span", X, " Page " + D(l.value), 1),
+            u("div", Y, [
+              m(B, {
+                disabled: !q.value,
+                icon: "chevron_left",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: e[4] || (e[4] = () => l.value -= 1)
+              }, null, 8, ["disabled"]),
+              m(B, {
+                disabled: !A.value,
+                icon: "chevron_right",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: e[5] || (e[5] = () => l.value += 1)
+              }, null, 8, ["disabled"])
+            ])
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  ae as _
+};

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-payment",
-  "version": "0.0.0-beta.37",
+  "version": "0.0.0-beta.39",
   "type": "module",
   "files": [
     "dist"