@feedmepos/mf-payment 0.0.0-beta.2 → 0.0.0-beta.22

package/dist/index.vue_vue_type_script_setup_true_lang-J6BwjC-p.js

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

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-payment",
-  "version": "0.0.0-beta.0",
+  "version": "0.0.0-beta.22",
   "type": "module",
   "files": [
     "dist"
@@ -14,20 +14,20 @@
     "./style": "./dist/style.css"
   },
   "scripts": {
+    "postinstall": "yarn --cwd .. && yarn --cwd ../package/common && yarn --cwd ../package/entity",
     "lint": "eslint --ext .ts,vue --ignore-path .gitignore . --fix",
     "dev": "vite --mode dev",
     "prod": "vite --mode prod",
     "preview": "vite preview",
     "test": "jest",
-    "serve:prod": "yarn && vite --mode production",
     "build:dts": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.app.json --outDir ./dist && mv ./dist/src/* dist",
     "build-types": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.app.json --outDir dist --composite false",
     "build:mf:dev": "vite build --mode fmmf:dev",
     "build:mf:prod": "vite build --mode fmmf:prod",
-    "build-only:dev": "pnpm build:mf:dev && pnpm build:dts && pnpm build-types && cp package.json ./dist && cd dist && pnpm version 0.0.0-beta.0 --no-git-tag-version",
-    "build-only:prod": "pnpm build:mf:prod && pnpm build:dts && pnpm build-types && cp package.json ./dist",
-    "deploy:dev": "pnpm run build-only:dev && pnpm publish --tag beta --no-git-checks .",
-    "deploy:prod": "pnpm run build-only:prod && pnpm publish --no-git-checks ."
+    "build-only:dev": "yarn build:mf:dev && yarn build:dts && yarn build-types && cp package.json ./dist",
+    "build-only:prod": "yarn build:mf:prod && yarn build:dts && yarn build-types && cp package.json ./dist",
+    "deploy:dev": "yarn build-only:dev && npm publish --@feedmepos:registry=https://registry.npmjs.org/ --access public --tag beta --no-git-checks .",
+    "deploy:prod": "yarn build-only:prod && npm publish --@feedmepos:registry=https://registry.npmjs.org/ --access public --tag beta --no-git-checks ."
   },
   "dependencies": {
     "@casl/ability": "^3.2.0",
@@ -69,8 +69,8 @@
   "devDependencies": {
     "@babel/preset-env": "^7.22.10",
     "@pinia/testing": "^0.1.3",
-    "@tsconfig/node20": "^20.1.4",
     "@rushstack/eslint-patch": "^1.1.3",
+    "@tsconfig/node20": "^20.1.4",
     "@types/dinero.js": "^1.9.0",
     "@types/file-saver": "^2.0.5",
     "@types/jest": "^29.5.4",