@feedmepos/mf-inventory-portal 1.7.16 → 1.8.0-dev.0

package/dist/{FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-2XAyKove.js → FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-BCuhx2cN.js}

@@ -1,5 +1,5 @@
 import { defineComponent as g, ref as _, watch as d, computed as v, resolveComponent as l, createBlock as h, openBlock as y, withCtx as R, createElementVNode as i, createVNode as w, toDisplayString as x } from "vue";
-import { c } from "./date2-B7qVMfEK.js";
+import { c } from "./date2-CHOcS7LX.js";
 function F() {
   const t = /* @__PURE__ */ new Date();
   return t.setDate(t.getDate() - 15), {

package/dist/{FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-C9ZZ45U8.js → FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-CDNqm_9N.js}

@@ -1,6 +1,6 @@
 import { defineComponent as g, mergeModels as I, useModel as z, computed as b, ref as _, resolveComponent as n, createElementBlock as h, openBlock as o, normalizeStyle as B, createElementVNode as f, createVNode as N, withCtx as E, createBlock as s, createCommentVNode as F, Fragment as S, renderList as R, unref as r } from "vue";
-import { z as u } from "./app-VWFXZ7dF.js";
-import { F as T } from "./FmMultiselectDialog-H1tFhTfx.js";
+import { z as u } from "./app-CGcDbrt8.js";
+import { F as T } from "./FmMultiselectDialog-eH3nO3P3.js";
 const q = { class: "overflow-y-auto h-full pb-8" }, L = /* @__PURE__ */ g({
   __name: "FmFilterableMenuOptions",
   props: /* @__PURE__ */ I({

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CB50Gqot.js

@@ -0,0 +1,243 @@
+import { defineComponent as D, computed as g, ref as O, resolveComponent as w, createElementBlock as i, openBlock as l, createVNode as M, withCtx as N, createElementVNode as m, unref as t, createBlock as d, createCommentVNode as b, Fragment as k, renderList as S, createTextVNode as $, toDisplayString as R, mergeModels as j, useModel as I, renderSlot as H, normalizeClass as T } from "vue";
+import { useCoreStore as W, useI18n as z } from "@feedmepos/mf-common";
+import { u as q } from "./app-CGcDbrt8.js";
+import { _ as G } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-BCuhx2cN.js";
+import { useBreakpoints as J } from "@feedmepos/ui-library";
+import { u as K } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { D as A } from "./app-C39bYJmq.js";
+import { F as P } from "./FmAdminBadge-DlplQOHb.js";
+const X = { class: "inline-flex" }, Y = {
+  "data-testid": "inventory-location-selector",
+  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"
+}, Z = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, ee = { class: "relative" }, oe = { class: "sticky top-0 py-8 bg-white translate-y-[-12px]" }, le = /* @__PURE__ */ D({
+  __name: "ChangeLocationComponent",
+  props: {
+    showBusiness: { type: Boolean }
+  },
+  setup(_) {
+    const a = q(), y = W(), B = g(() => {
+      var e;
+      return (e = y.currentBusiness.value) == null ? void 0 : e.name;
+    }), { t: c } = z(), v = O(""), u = g({
+      get() {
+        return a.businessLevel;
+      },
+      set(e) {
+        a.businessLevel = e;
+      }
+    }), p = g(
+      () => a.locations.map((e) => ({
+        label: e.name,
+        value: e.dbName,
+        type: e.type,
+        code: e.doc.profile.code ?? "--"
+      })).filter((e) => {
+        var f;
+        if (!v.value) return !0;
+        const o = v.value.toLocaleLowerCase();
+        return e.label.toLocaleLowerCase().includes(o) || ((f = e.code) == null ? void 0 : f.toLocaleLowerCase().includes(o));
+      })
+    ), n = g(
+      () => p.value.filter((e) => e.type === "restaurant")
+    ), s = g(
+      () => p.value.filter((e) => e.type === "warehouse")
+    );
+    function x({ value: e }) {
+      u.value = !1, a.selectLocation(a.locations.find((o) => o.dbName === e));
+    }
+    return (e, o) => {
+      const f = w("FmIcon"), Q = w("FmSearch"), C = w("FmMenuItem"), E = w("FmMenu");
+      return l(), i("div", X, [
+        M(E, { "close-on-click": !0 }, {
+          "menu-button": N(() => [
+            m("div", Y, [
+              M(f, {
+                name: e.showBusiness && u.value ? "store" : "storefront",
+                size: "sm"
+              }, null, 8, ["name"]),
+              m("div", Z, [
+                e.showBusiness && u.value ? (l(), i(k, { key: 0 }, [
+                  $(R(B.value), 1)
+                ], 64)) : t(a)._currentLocation ? (l(), i(k, { key: 1 }, [
+                  $(R(t(a)._currentLocation.name) + " (" + R(t(a)._currentLocation.doc.profile.code ?? "--") + ") ", 1)
+                ], 64)) : (l(), i(k, { key: 2 }, [
+                  $(R(t(c)("inventory.common.noLocationSelected")), 1)
+                ], 64))
+              ]),
+              M(f, {
+                name: "expand_more",
+                size: "sm"
+              })
+            ])
+          ]),
+          default: N(() => [
+            m("div", ee, [
+              m("div", oe, [
+                M(Q, {
+                  "model-value": v.value,
+                  "onUpdate:modelValue": o[0] || (o[0] = (r) => v.value = r),
+                  placeholder: t(c)("inventory.common.table.toolbar.filterItems")
+                }, null, 8, ["model-value", "placeholder"])
+              ]),
+              m("div", null, [
+                e.showBusiness ? (l(), d(C, {
+                  key: 0,
+                  "data-testid": "inventory-business-selector",
+                  "model-value": u.value,
+                  label: B.value,
+                  sublabel: "Business",
+                  onClick: o[1] || (o[1] = (r) => u.value = !0)
+                }, null, 8, ["model-value", "label"])) : b("", !0),
+                (l(!0), i(k, null, S(n.value, (r) => {
+                  var L;
+                  return l(), d(C, {
+                    key: r.value,
+                    "model-value": !u.value && ((L = t(a)._currentLocation) == null ? void 0 : L.dbName) === r.value,
+                    label: `${r.label} (${r.code})`,
+                    sublabel: "Restaurant",
+                    onClick: (h) => x(r),
+                    onVnodeMounted: (h) => {
+                      var V, F, U;
+                      return !u.value && ((V = t(a)._currentLocation) == null ? void 0 : V.dbName) === r.value && ((F = h.el) == null || F.scrollIntoView({ behavior: "instant", block: "end" }), (U = h.el) == null || U.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+                    }
+                  }, null, 8, ["model-value", "label", "onClick", "onVnodeMounted"]);
+                }), 128)),
+                (l(!0), i(k, null, S(s.value, (r) => {
+                  var L;
+                  return l(), d(C, {
+                    key: r.value,
+                    "model-value": !u.value && ((L = t(a)._currentLocation) == null ? void 0 : L.dbName) === r.value,
+                    label: r.label,
+                    sublabel: "Warehouse",
+                    onClick: (h) => x(r),
+                    onVnodeMounted: (h) => {
+                      var V, F;
+                      return !u.value && ((V = t(a)._currentLocation) == null ? void 0 : V.dbName) === r.value && ((F = h.el) == null || F.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+                    }
+                  }, null, 8, ["model-value", "label", "onClick", "onVnodeMounted"]);
+                }), 128)),
+                !e.showBusiness && !n.value.length && !s.value.length ? (l(), d(C, {
+                  key: 1,
+                  disabled: "",
+                  label: t(c)("inventory.common.noResultFound")
+                }, null, 8, ["label"])) : b("", !0)
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), ne = { class: "flex-1 w-full flex items-center gap-4 xs:flex-col-reverse sm:flex-col-reverse" }, te = {
+  key: 0,
+  class: "flex-1 xs:w-full sm:w-full"
+}, ae = {
+  key: 1,
+  class: "flex-1"
+}, se = { class: "w-full max-w-[343px] xs:max-w-[unset] sm:max-w-[unset]" }, fe = /* @__PURE__ */ D({
+  __name: "FmInventoryTableToolbar",
+  props: /* @__PURE__ */ j({
+    dateRangeQuery: { type: Boolean },
+    predefinedDateRanges: {},
+    changeLocation: { type: Boolean },
+    searchable: { type: Boolean },
+    hideFilterOptions: { type: Boolean },
+    filterable: { type: Boolean },
+    filterAttributes: {},
+    actions: {},
+    usingBusinessHelperText: {},
+    showBusiness: { type: Boolean }
+  }, {
+    search: {},
+    searchModifiers: {},
+    filter: {},
+    filterModifiers: {},
+    dateRange: {},
+    dateRangeModifiers: {}
+  }),
+  emits: ["update:search", "update:filter", "update:dateRange"],
+  setup(_) {
+    const { breakpoints: a } = J(), y = g(() => a.value.xs || a.value.sm), B = I(_, "search"), c = I(_, "filter"), v = I(_, "dateRange"), { t: u } = z(), p = K();
+    return (n, s) => {
+      const x = w("FmTextField"), e = w("FmButton");
+      return l(), i("div", {
+        class: "flex flex-col gap-8",
+        onVnodeMounted: s[4] || (s[4] = //@ts-ignore
+        (...o) => t(p).onMounted && t(p).onMounted(...o)),
+        onVnodeUnmounted: s[5] || (s[5] = //@ts-ignore
+        (...o) => t(p).onUnmounted && t(p).onUnmounted(...o))
+      }, [
+        H(n.$slots, "default"),
+        m("div", {
+          class: T([
+            "flex gap-8 items-center",
+            {
+              "px-8 flex-col-reverse h-[unset]": y.value,
+              "h-48": !y.value
+            }
+          ])
+        }, [
+          n.changeLocation || n.dateRangeQuery ? (l(), i("div", {
+            key: 0,
+            class: T([
+              "flex gap-8 items-center",
+              {
+                "w-full overflow-x-auto": y.value
+              }
+            ])
+          }, [
+            n.changeLocation ? (l(), d(le, {
+              key: 0,
+              "show-business": n.showBusiness
+            }, null, 8, ["show-business"])) : b("", !0),
+            n.dateRangeQuery ? (l(), d(G, {
+              key: 1,
+              "model-value": v.value,
+              "onUpdate:modelValue": s[0] || (s[0] = (o) => v.value = o),
+              "predefined-range": n.predefinedDateRanges
+            }, null, 8, ["model-value", "predefined-range"])) : b("", !0)
+          ], 2)) : b("", !0),
+          m("div", ne, [
+            n.filterable && n.filterAttributes ? (l(), i("div", te, [
+              n.hideFilterOptions ? (l(), d(P, { key: 1 }, {
+                default: N(() => [
+                  M(t(A), {
+                    modelValue: c.value,
+                    "onUpdate:modelValue": s[2] || (s[2] = (o) => c.value = o),
+                    attributes: n.filterAttributes
+                  }, null, 8, ["modelValue", "attributes"])
+                ]),
+                _: 1
+              })) : (l(), d(t(A), {
+                key: 0,
+                modelValue: c.value,
+                "onUpdate:modelValue": s[1] || (s[1] = (o) => c.value = o),
+                attributes: n.filterAttributes
+              }, null, 8, ["modelValue", "attributes"]))
+            ])) : y.value ? b("", !0) : (l(), i("div", ae)),
+            m("div", se, [
+              n.searchable ? (l(), d(x, {
+                key: 0,
+                "model-value": B.value,
+                "onUpdate:modelValue": s[3] || (s[3] = (o) => B.value = o),
+                "prepend-icon": "search",
+                placeholder: t(u)("inventory.common.table.toolbar.filterItems"),
+                class: "w-full"
+              }, null, 8, ["model-value", "placeholder"])) : b("", !0)
+            ]),
+            (l(!0), i(k, null, S(n.actions, (o, f) => (l(), d(e, {
+              key: f,
+              variant: "tertiary",
+              "prepend-icon": o.icon,
+              onClick: o.onClick
+            }, null, 8, ["prepend-icon", "onClick"]))), 128))
+          ])
+        ], 2)
+      ], 512);
+    };
+  }
+});
+export {
+  fe as _
+};

package/dist/{FmMultiselectDialog-BDdObapU.js → FmMultiselectDialog-7xh6h5AX.js}

@@ -1,7 +1,7 @@
 import { defineStore as p } from "pinia";
 import { useDialog as y } from "@feedmepos/ui-library";
 import { useI18n as v } from "@feedmepos/mf-common";
-import { a } from "./FmMultiselectDialog-H1tFhTfx.js";
+import { a } from "./FmMultiselectDialog-eH3nO3P3.js";
 import { h as S } from "vue";
 const w = p("inventoryMultiSelectDialog", () => {
   const l = y(), { t: n } = v();

package/dist/{FmMultiselectDialog-H1tFhTfx.js → FmMultiselectDialog-eH3nO3P3.js}

@@ -3,8 +3,8 @@ var Pe = (F, i, l) => i in F ? He(F, i, { enumerable: !0, configurable: !0, writ
 var ve = (F, i, l) => Pe(F, typeof i != "symbol" ? i + "" : i, l);
 import { defineComponent as ye, computed as x, ref as $, watch as ge, createElementBlock as f, openBlock as d, normalizeStyle as z, Fragment as V, renderList as O, createCommentVNode as D, renderSlot as ke, useSlots as Oe, onMounted as Ue, onUnmounted as Ee, reactive as ee, resolveComponent as T, createElementVNode as B, createVNode as k, createTextVNode as Ke, toDisplayString as P, unref as L, createSlots as je, withCtx as w, createBlock as I, resolveDynamicComponent as pe, normalizeClass as fe, withModifiers as Ne, Transition as ze } from "vue";
 import { useDialogChild as Ge } from "@feedmepos/ui-library";
-import { z as he } from "./app-VWFXZ7dF.js";
-import { d as Je } from "./index-B39d3fcS.js";
+import { z as he } from "./app-CGcDbrt8.js";
+import { d as Je } from "./index-BT-a2SOP.js";
 /* empty css                                                                             */
 import { useI18n as Re } from "@feedmepos/mf-common";
 import { P as We, J as be, D as Qe } from "./app-C39bYJmq.js";