@feedmepos/mf-inventory-portal 0.0.22-dev.4 → 0.0.22-dev.41

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-ZYtBNoaE.js

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