@feedmepos/mf-inventory-portal 0.0.22-dev.40 → 0.0.22-dev.42

package/dist/FmDroppableField-CJNAT3h2.js

@@ -1,152 +0,0 @@
-import { defineComponent as O, ref as r, computed as v, resolveComponent as z, openBlock as n, createElementBlock as p, createElementVNode as d, createCommentVNode as k, renderSlot as c, createBlock as C, normalizeClass as u, toDisplayString as g } from "vue";
-import { X as N } from "./app-DKE_n9Mo.js";
-const M = {
-  key: 0,
-  class: "relative"
-}, W = ["accept", "disabled"], X = { class: "flex flex-col gap-8" }, q = ["accept", "disabled"], G = /* @__PURE__ */ O({
-  __name: "FmDroppableField",
-  props: {
-    buttonLabel: {},
-    label: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    accept: { default: "" },
-    maxFileSize: { default: 8e6 },
-    contentClass: {}
-  },
-  emits: ["file-upload", "file-rejected"],
-  setup(S, { emit: $ }) {
-    const l = S, y = $, t = r(!1), i = r(null), s = r(null), f = r(), B = (e) => {
-      l.disabled || (e.stopPropagation(), e.preventDefault());
-    }, V = (e) => {
-      l.disabled || (e.stopPropagation(), e.preventDefault(), t.value = !0);
-    }, R = (e) => {
-      l.disabled || (e.stopPropagation(), e.preventDefault(), t.value = !1);
-    }, j = (e) => {
-      var a;
-      l.disabled || (e.stopPropagation(), e.preventDefault(), t.value = !1, F((a = e.dataTransfer) == null ? void 0 : a.files));
-    };
-    function F(e) {
-      if (e)
-        if (f.value = e, i.value = T(e[0]), s.value = A(e[0]), i.value && s.value)
-          y("file-upload", e[0]);
-        else {
-          const a = L();
-          y("file-rejected", [
-            {
-              file: e[0],
-              reason: a
-            }
-          ]);
-        }
-    }
-    const L = () => {
-      const e = new Array();
-      return i.value || e.push("invalid-type"), s.value || e.push("invalid-size"), e;
-    }, T = (e) => {
-      if (!l.accept) return !0;
-      const a = l.accept.split(",").map((o) => o.trim());
-      for (const o of a)
-        if (E(o)) {
-          if (D(o) === D(e.type)) return !0;
-        } else if (P(e) === o || e.type === o) return !0;
-      return !1;
-    }, A = (e) => e.size <= l.maxFileSize, E = (e) => e.indexOf("*") !== -1, P = (e) => "." + e.name.split(".").pop(), D = (e) => e.substring(0, e.indexOf("/")), w = v(() => {
-      if (t.value) return "Drop file to upload";
-      if (i.value) {
-        if (!s.value) return `File size exceeds ${l.maxFileSize * 1e-6}mb`;
-      } else return "File type is not valid";
-      return "";
-    }), m = v(() => f.value ? !i.value || !s.value : !1), _ = (e) => {
-      const a = e.target;
-      F(a.files);
-    }, x = v(() => {
-      var e;
-      return (e = f.value) == null ? void 0 : e.item(0);
-    }), b = r();
-    return (e, a) => {
-      const o = z("FmLabel"), I = z("FmButton");
-      return n(), p("label", {
-        class: "fm-droppable-field",
-        ref_key: "fmButtonRef",
-        ref: b
-      }, [
-        e.$slots.default ? (n(), p("div", M, [
-          d("input", {
-            accept: e.accept,
-            disabled: e.disabled,
-            class: "fm-droppable-field__input",
-            type: "file",
-            onChange: _
-          }, null, 40, W)
-        ])) : k("", !0),
-        c(e.$slots, "default", {
-          isDragging: t.value,
-          isValidFileType: i.value,
-          isValidFileSize: s.value,
-          singleValidFile: x.value,
-          openFileDialog: () => {
-            var h;
-            return console.log("click", b.value), (h = b.value) == null ? void 0 : h.click();
-          }
-        }, () => [
-          d("div", X, [
-            e.$slots.label ? c(e.$slots, "label", { key: 0 }, void 0, !0) : (n(), C(o, {
-              key: 1,
-              label: e.label
-            }, null, 8, ["label"]))
-          ]),
-          d("div", {
-            class: u([[
-              e.contentClass ? e.contentClass : "w-full h-full",
-              {
-                "fm-droppable-field__container--dragging": t.value,
-                "fm-droppable-field__container--invalid": m.value && !e.disabled,
-                "fm-droppable-field__container--disabled": e.disabled
-              }
-            ], "fm-droppable-field__container"]),
-            onDragenter: B,
-            onDragleave: R,
-            onDragover: V,
-            onDrop: j
-          }, [
-            (t.value || m.value) && !e.disabled ? (n(), p("div", {
-              key: 0,
-              class: u({
-                "fm-typo-en-body-lg-600": !0,
-                "text-fm-color-primary": t.value,
-                "text-fm-color-typo-error": m.value
-              })
-            }, g(w.value), 3)) : (n(), C(I, {
-              key: 1,
-              disabled: e.disabled,
-              label: e.buttonLabel ?? "Add files",
-              size: "md",
-              variant: "secondary"
-            }, null, 8, ["disabled", "label"])),
-            c(e.$slots, "accept-text", {}, () => [
-              l.accept ? (n(), p("div", {
-                key: 0,
-                class: u([[e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"], "fm-typo-en-body-md-400"])
-              }, g(`Accepts ${l.accept}`), 3)) : k("", !0)
-            ], !0),
-            d("input", {
-              accept: e.accept,
-              disabled: e.disabled,
-              class: "fm-droppable-field__input",
-              type: "file",
-              onChange: _
-            }, null, 40, q)
-          ], 34),
-          c(e.$slots, "helper-text", {}, () => [
-            d("div", {
-              class: u([[e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"], "fm-typo-en-body-sm-400"])
-            }, g(`Max size ${l.maxFileSize * 1e-6}mb`), 3)
-          ], !0)
-        ], !0)
-      ], 512);
-    };
-  }
-}), K = /* @__PURE__ */ N(G, [["__scopeId", "data-v-311b22a0"]]);
-export {
-  K as F
-};

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-Cc_P0kss.js

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