@feedmepos/mf-inventory-portal 0.0.19-dev.9 → 0.0.20-dev.1

package/dist/{xlsx.util-D6EzRE71.js → xlsx.util-DnbiJzsk.js}

@@ -1,7 +1,7 @@
-import { defineComponent as g, openBlock as f, createElementBlock as u, createElementVNode as x, toDisplayString as d, unref as w, Fragment as v, renderList as M } from "vue";
-import { a as h, k as b } from "./app-CeUU5Gd8.js";
+import { defineComponent as g, openBlock as f, createElementBlock as u, createElementVNode as x, toDisplayString as d, unref as w, Fragment as M, renderList as v } from "vue";
+import { a as h, k as b } from "./app-P7rGzGsF.js";
 import { useI18n as k } from "@feedmepos/mf-common";
-import { u as y, w as S, r as $ } from "./xlsx-B-2KyDJq.js";
+import { u as y, w as S, r as $ } from "./xlsx-zfERRe6K.js";
 const A = { class: "flex flex-col" }, B = { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, E = { class: "flex-1 py-8 px-16" }, I = {
   class: "flex-0 py-8 px-16",
   style: { "flex-basis": "120px" }
@@ -37,7 +37,7 @@ const A = { class: "flex flex-col" }, B = { class: "flex flex-row fm-typo-en-bod
         x("div", E, d(e.name), 1),
         x("div", I, d(w(n)("inventory.ingredient.bindedItems.amount")), 1)
       ]),
-      (f(!0), u(v, null, M(e.bindings, (t) => (f(), u("div", {
+      (f(!0), u(M, null, v(e.bindings, (t) => (f(), u("div", {
         key: t.id,
         class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
       }, [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-inventory-portal",
-  "version": "0.0.19-dev.9",
+  "version": "0.0.20-dev.1",
   "type": "module",
   "files": [
     "dist"
@@ -16,8 +16,8 @@
   "dependencies": {
     "@feedmepos/core": "^2.9.3",
     "@feedmepos/menu": "1.0.34",
-    "@feedmepos/mf-common": "^1.11.6",
-    "@feedmepos/ui-library": "1.3.2",
+    "@feedmepos/mf-common": "^1.12.3",
+    "@feedmepos/ui-library": "1.3.7",
     "@tanstack/vue-table": "^8.17.3",
     "@types/dinero.js": "^1.9.4",
     "@vue/cli-service": "^5.0.8",
@@ -38,9 +38,9 @@
     "vue-router": "^4.3.2",
     "xlsx": "^0.18.5",
     "zod": "3.17.9",
-    "@feedmepos/inventory-core-js": "^1.0.0",
+    "@feedmepos/inventory-core": "^0.2.17",
     "@feedmepos/zod-inventory": "^1.0.9",
-    "@feedmepos/inventory-core": "^0.2.17"
+    "@feedmepos/inventory-core-js": "^1.0.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.10.3",
@@ -87,6 +87,7 @@
     "format": "prettier --write src/",
     "test": "vitest",
     "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
+    "check:publish_version": "./bin/check-version.sh",
     "check:env": "cat build-*.env | grep -qE \"^[^#].*localhost\" && { echo \"Error: build-*.env files contains localhost reference\" >&2; exit 1;} || exit 0",
     "prepublish": "pnpm check:env && pnpm build:mf && pnpm build:dts",
     "publish:beta": "pnpm publish --tag beta",

package/dist/BindingsTable-xNXNsBAd.js

@@ -1,145 +0,0 @@
-import { defineComponent as v, ref as l, provide as C, computed as f, resolveComponent as b, openBlock as p, createBlock as h, h as z, onMounted as B, onUnmounted as I, createElementBlock as y, createVNode as N, createElementVNode as x } from "vue";
-import { q as _, u as E, aj as L } from "./app-CeUU5Gd8.js";
-import { components as F } from "@feedmepos/ui-library";
-import "@feedmepos/mf-common";
-const P = /* @__PURE__ */ v({
-  __name: "binding-ui",
-  props: {
-    items: { default: () => [] },
-    recipes: { default: () => [] },
-    skus: { default: () => [] },
-    type: { default: "Product" },
-    editable: { type: Boolean, default: !1 }
-  },
-  emits: ["click:open-binding-dialog"],
-  setup(k, { emit: c }) {
-    const d = l({
-      isOpen: !1,
-      initialValue: [],
-      context: "",
-      name: ""
-    });
-    C("closeDialog", () => {
-      d.value.isOpen = !d.value.isOpen;
-    });
-    const o = k, m = c, r = f(() => o.items.map((e) => ({
-      key: e.key,
-      name: e.name,
-      _skuLinked: e.bindings.filter(
-        ({ type: n, id: s }) => n === _.enum.SKU && o.skus.some((a) => a._id === s)
-      ).length,
-      _recipeLinked: e.bindings.filter(
-        ({ type: n, id: s }) => n === _.enum.RECIPE && o.recipes.some((a) => a._id === s)
-      ).length,
-      onUpdate: async () => {
-        o.editable && m("click:open-binding-dialog", o.type, e);
-      }
-    }))), g = [
-      {
-        accessorKey: "name",
-        header: "Name",
-        size: "auto"
-      },
-      {
-        id: "ingredient",
-        header: "Ingredient",
-        size: 200,
-        cell(i) {
-          const e = r.value.find((s) => s.key === i.row.original.key), n = e == null ? void 0 : e._skuLinked;
-          return n === 1 ? "1 item" : n ? `${n} items` : "Not set";
-        }
-      },
-      {
-        id: "recipe",
-        header: "Recipe",
-        size: 200,
-        cell(i) {
-          const e = r.value.find((s) => s.key === i.row.original.key), n = e == null ? void 0 : e._recipeLinked;
-          return n === 1 ? "1 item" : n ? `${n} items` : "Not set";
-        }
-      },
-      {
-        id: "action",
-        header: "",
-        size: 24,
-        cell(i) {
-          const e = r.value.find((n) => n.key === i.row.original.key);
-          return z(F.FmButton, {
-            icon: "edit",
-            bgColor: "white",
-            textColor: "neutral-grey-400",
-            iconColor: "neutral-grey-400",
-            class: "text-fm-color-neutral-gray-400",
-            onClick() {
-              e == null || e.onUpdate();
-            }
-          });
-        }
-      }
-    ];
-    return (i, e) => {
-      const n = b("FmTable");
-      return p(), h(n, {
-        "column-defs": g,
-        "row-data": r.value,
-        "hide-footer": "",
-        "shrink-at": 99999
-      }, null, 8, ["row-data"]);
-    };
-  }
-}), R = {
-  key: 1,
-  class: "p-24 flex items-center justify-center gap-16"
-}, M = /* @__PURE__ */ x("div", null, "Loading bindings table...", -1), V = /* @__PURE__ */ v({
-  __name: "BindingsTable",
-  setup(k) {
-    const c = E(), d = l(!0), o = l(new Array()), m = f(() => c.recipes), r = f(() => c.skus), g = l(""), i = L(n), e = l();
-    async function n() {
-      await c.readInventory(), e.value = i.onMessage(
-        "props:grouped-bindings",
-        (t) => {
-          d.value = !1, o.value = t;
-        }
-      ), i.sendMessage("props:grouped-bindings");
-    }
-    async function s(t, u) {
-      i.sendMessage("@click:open-binding-dialog", {
-        key: t,
-        binding: u
-      });
-    }
-    const a = l();
-    return B(() => {
-      const t = a.value;
-      t && new ResizeObserver(() => {
-        i.sendMessage("resize", t.scrollHeight);
-      }).observe(t);
-    }), I(() => {
-      var t, u;
-      (u = (t = e.value) == null ? void 0 : t.removeEventListener) == null || u.call(t);
-    }), (t, u) => {
-      const w = b("FmCircularProgress");
-      return p(), y("div", {
-        class: "bg-white",
-        ref_key: "resizeableRef",
-        ref: a
-      }, [
-        d.value ? (p(), y("div", R, [
-          N(w, { size: "md" }),
-          M
-        ])) : (p(), h(P, {
-          key: 0,
-          items: o.value,
-          recipes: m.value,
-          skus: r.value,
-          type: g.value,
-          editable: "",
-          "onClick:openBindingDialog": s
-        }, null, 8, ["items", "recipes", "skus", "type"]))
-      ], 512);
-    };
-  }
-});
-export {
-  V as default
-};

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DFPkUHl-.js

@@ -1,272 +0,0 @@
-import { defineComponent as $, computed as g, resolveComponent as f, openBlock as t, createElementBlock as y, Fragment as k, createElementVNode as m, toDisplayString as R, renderList as F, createBlock as _, createCommentVNode as b, unref as d, createVNode as v, renderSlot as A, Teleport as H, ref as S, withCtx as C, watch as U, mergeModels as Y, useModel as B } from "vue";
-import { FmButtonVariant as j, useBreakpoints as z } from "@feedmepos/ui-library";
-import { useI18n as T } from "@feedmepos/mf-common";
-import { j as Q, O as V } from "./app-CeUU5Gd8.js";
-const E = { class: "flex flex-col w-full bg-white h-full" }, O = { class: "flex items-center px-24 py-16 xs:p-12 sm:p-12 gap-4 h-[68px]" }, q = { class: "flex-1 fm-typo-en-title-md-800 flex items-center h-[36px] bg-white" }, G = { key: 0 }, J = { key: 1 }, K = { class: "bg-white flex-1" }, W = { class: "fixed bottom-96 right-16" }, _e = /* @__PURE__ */ $({
-  __name: "SingleColumnLayout",
-  props: {
-    actions: { default: () => [] },
-    title: { default: "Title" },
-    description: {},
-    showBackButton: { type: Boolean },
-    defaultPadding: { type: Boolean },
-    breadcrumbs: { default: () => [] }
-  },
-  emits: ["click:action"],
-  setup(i, { emit: o }) {
-    const l = i, a = o, n = g(() => l.actions.find((r) => r.isPrimary)), s = g(
-      () => l.actions.filter((r) => !r.isPrimary).map((r) => ({ ...r, variant: r.variant ?? j.Tertiary }))
-    ), { breakpoints: c } = z();
-    return (r, e) => {
-      const p = f("FmButton");
-      return t(), y(k, null, [
-        m("div", E, [
-          m("div", O, [
-            m("div", q, R(r.title), 1),
-            s.value.length ? (t(), y("div", G, [
-              (t(!0), y(k, null, F(s.value, (h) => (t(), _(p, {
-                key: h.value,
-                label: h.label,
-                "prepend-icon": h.prependIcon,
-                variant: h.variant,
-                onClick: (L) => a("click:action", h.value)
-              }, null, 8, ["label", "prepend-icon", "variant", "onClick"]))), 128))
-            ])) : b("", !0),
-            n.value && (d(c).lg || d(c).md) ? (t(), y("div", J, [
-              v(p, {
-                label: n.value.label,
-                "prepend-icon": n.value.prependIcon,
-                onClick: e[0] || (e[0] = (h) => a("click:action", n.value.value))
-              }, null, 8, ["label", "prepend-icon"])
-            ])) : b("", !0)
-          ]),
-          m("div", K, [
-            A(r.$slots, "default")
-          ])
-        ]),
-        n.value && (d(c).sm || d(c).xs) ? (t(), _(H, {
-          key: 0,
-          to: "body"
-        }, [
-          m("div", W, [
-            v(p, {
-              label: n.value.label,
-              "prepend-icon": n.value.prependIcon,
-              onClick: e[1] || (e[1] = (h) => a("click:action", n.value.value)),
-              variant: "fab"
-            }, null, 8, ["label", "prepend-icon"])
-          ])
-        ])) : b("", !0)
-      ], 64);
-    };
-  }
-}), X = { class: "inline-flex" }, Z = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer text-fm-color-neutral-gray-400" }, ee = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, te = {
-  class: "overflow-hidden overflow-y-scroll",
-  style: { maxHeight: "105px" }
-}, ne = {
-  class: "overflow-hidden overflow-y-scroll",
-  style: { maxHeight: "105px" }
-}, oe = /* @__PURE__ */ $({
-  __name: "ChangeLocationComponent",
-  setup(i) {
-    const o = Q(), { t: l } = T(), a = S(""), n = g(
-      () => o.locations.map((e) => ({ label: e.name, value: e.dbName, type: e.type })).filter(
-        (e) => a.value ? e.label.toLocaleLowerCase().includes(a.value.toLocaleLowerCase()) : !0
-      )
-    ), s = g(
-      () => n.value.filter((e) => e.type === "restaurant")
-    ), c = g(
-      () => n.value.filter((e) => e.type === "warehouse")
-    );
-    function r({ value: e }) {
-      o.selectLocation(o.locations.find((p) => p.dbName === e));
-    }
-    return (e, p) => {
-      const h = f("FmIcon"), L = f("FmSearch"), D = f("FmMenuDivider"), M = f("FmMenuHeader"), w = f("FmMenuItem"), N = f("FmMenu");
-      return t(), y("div", X, [
-        v(N, { "close-on-click": !0 }, {
-          "menu-button": C(() => {
-            var u;
-            return [
-              m("div", Z, [
-                v(h, {
-                  name: "storefront",
-                  size: "sm"
-                }),
-                m("div", ee, R(((u = d(o)._currentLocation) == null ? void 0 : u.name) ?? d(l)("inventory.common.noLocationSelected")), 1),
-                v(h, {
-                  name: "expand_more",
-                  size: "sm"
-                })
-              ])
-            ];
-          }),
-          default: C(() => [
-            v(L, {
-              "model-value": a.value,
-              "onUpdate:modelValue": p[0] || (p[0] = (u) => a.value = u),
-              class: "w-[200px]",
-              placeholder: d(l)("inventory.common.table.toolbar.filterItems")
-            }, null, 8, ["model-value", "placeholder"]),
-            v(D),
-            v(M, {
-              label: d(l)("inventory.common.restaurant")
-            }, null, 8, ["label"]),
-            v(D),
-            m("div", te, [
-              (t(!0), y(k, null, F(s.value, (u) => {
-                var x;
-                return t(), _(w, {
-                  key: u.value,
-                  "model-value": ((x = d(o)._currentLocation) == null ? void 0 : x.dbName) === u.value,
-                  label: u.label,
-                  onClick: (P) => r(u)
-                }, null, 8, ["model-value", "label", "onClick"]);
-              }), 128))
-            ]),
-            s.value.length ? b("", !0) : (t(), _(w, {
-              key: 0,
-              disabled: "",
-              label: d(l)("inventory.common.noResultFound")
-            }, null, 8, ["label"])),
-            v(M, {
-              label: d(l)("inventory.common.warehouse")
-            }, null, 8, ["label"]),
-            v(D),
-            m("div", ne, [
-              (t(!0), y(k, null, F(c.value, (u) => {
-                var x;
-                return t(), _(w, {
-                  key: u.value,
-                  "model-value": ((x = d(o)._currentLocation) == null ? void 0 : x.dbName) === u.value,
-                  label: u.label,
-                  onClick: (P) => r(u)
-                }, null, 8, ["model-value", "label", "onClick"]);
-              }), 128))
-            ]),
-            c.value.length ? b("", !0) : (t(), _(w, {
-              key: 1,
-              disabled: "",
-              label: d(l)("inventory.common.noResultFound")
-            }, null, 8, ["label"]))
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-function he() {
-  const i = /* @__PURE__ */ new Date();
-  return i.setDate(i.getDate() - 15), {
-    start: i,
-    end: /* @__PURE__ */ new Date()
-  };
-}
-function I(i = 15) {
-  const o = /* @__PURE__ */ new Date();
-  o.setDate(o.getDate() - i);
-  const l = o, a = /* @__PURE__ */ new Date();
-  return {
-    startDate: `${V(l)}`,
-    endDate: `${V(a)}`
-  };
-}
-const le = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer text-fm-color-neutral-gray-400" }, ae = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, se = /* @__PURE__ */ $({
-  __name: "FmDateRangePickerChip",
-  props: {
-    modelValue: { default: (i) => i.modelValue ?? I() }
-  },
-  emits: ["update:modelValue"],
-  setup(i, { emit: o }) {
-    const l = o, a = S(I());
-    U(a, (s) => {
-      l("update:modelValue", s);
-    });
-    const n = g(() => {
-      const { startDate: s, endDate: c } = a.value;
-      return !s && !c ? "" : `${s} - ${c}`;
-    });
-    return (s, c) => {
-      const r = f("FmIcon"), e = f("FmDateRangePicker");
-      return t(), _(e, {
-        "show-predefined-range": "",
-        modelValue: a.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (p) => a.value = p),
-        "start-label": "",
-        "end-label": ""
-      }, {
-        "trigger-button": C(() => [
-          m("div", le, [
-            v(r, {
-              name: "calendar_month",
-              size: "sm"
-            }),
-            m("div", ae, R(n.value), 1)
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), re = { class: "xs:px-8 sm:px-8 flex gap-8 items-center xs:gap-4 xs:flex-col-reverse sm:gap-4 sm:flex-col-reverse h-48 sm:h-[unset] xs:h-[unset]" }, ce = {
-  key: 0,
-  class: "xs:w-full sm:w-full flex gap-8 items-center"
-}, ie = { class: "flex-1 w-full flex items-center gap-4" }, ue = /* @__PURE__ */ m("div", { class: "flex-1 xs:hidden sm:hidden" }, null, -1), de = { class: "w-full max-w-[343px] xs:max-w-[unset] sm:max-w-[unset]" }, ye = /* @__PURE__ */ $({
-  __name: "FmInventoryTableToolbar",
-  props: /* @__PURE__ */ Y({
-    dateRangeQuery: { type: Boolean },
-    dateRange: {},
-    changeLocation: { type: Boolean },
-    searchable: { type: Boolean },
-    search: {},
-    actions: {}
-  }, {
-    search: {},
-    searchModifiers: {},
-    dateRange: {},
-    dateRangeModifiers: {}
-  }),
-  emits: ["update:search", "update:dateRange"],
-  setup(i) {
-    const o = B(i, "search"), l = B(i, "dateRange"), { t: a } = T();
-    return (n, s) => {
-      const c = f("FmTextField"), r = f("FmButton");
-      return t(), y("div", re, [
-        n.changeLocation || n.dateRangeQuery ? (t(), y("div", ce, [
-          n.changeLocation ? (t(), _(oe, { key: 0 })) : b("", !0),
-          n.dateRangeQuery ? (t(), _(se, {
-            key: 1,
-            "model-value": l.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (e) => l.value = e)
-          }, null, 8, ["model-value"])) : b("", !0)
-        ])) : b("", !0),
-        m("div", ie, [
-          ue,
-          m("div", de, [
-            n.searchable ? (t(), _(c, {
-              key: 0,
-              "model-value": o.value,
-              "onUpdate:modelValue": s[1] || (s[1] = (e) => o.value = e),
-              "prepend-icon": "search",
-              placeholder: d(a)("inventory.common.table.toolbar.filterItems"),
-              class: "w-full"
-            }, null, 8, ["model-value", "placeholder"])) : b("", !0)
-          ]),
-          (t(!0), y(k, null, F(n.actions, (e, p) => (t(), _(r, {
-            key: p,
-            variant: "tertiary",
-            "prepend-icon": e.icon,
-            onClick: e.onClick
-          }, null, 8, ["prepend-icon", "onClick"]))), 128))
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _e as _,
-  ye as a,
-  he as b,
-  I as i
-};