@feedmepos/mf-inventory-portal 1.8.0-dev.1 → 1.8.0-dev.2

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-zcEv1Swg.js

@@ -1,243 +0,0 @@
-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-Cb5s4jMu.js";
-import { _ as G } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-CI2KTzDs.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 _
-};