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

package/dist/ApprovalView-BTZwnKLf.js

@@ -1,118 +0,0 @@
-import { defineComponent as Z, ref as h, watch as B, computed as I, resolveComponent as ee, openBlock as D, createBlock as H, withCtx as g, createElementVNode as n, createVNode as s, unref as e, normalizeStyle as te, toDisplayString as ae, createElementBlock as oe, createCommentVNode as re, Teleport as se, mergeProps as ne } from "vue";
-import { r as f, f as le } from "./app-BkcO8oNJ.js";
-import { b as ce, _ as ie, a as pe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DjgmtvXU.js";
-import { a as ue, b as me, _ as de } from "./TransferDetails.vue_vue_type_script_setup_true_lang-kjV5Eazv.js";
-import { c as U } from "./date2-Cvp5iJkI.js";
-import { _ as fe, F as _, u as _e } from "./layout-BnTfCS_X.js";
-import { useBreakpoints as ve } from "@feedmepos/ui-library";
-const he = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, De = { class: "flex flex-col py-8" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, be = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, ye = {
-  key: 0,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
-}, we = { class: "pt-8" }, ze = /* @__PURE__ */ Z({
-  __name: "ApprovalView",
-  setup(Re) {
-    const o = ue("approval"), { columnDefs: G } = me("approval", o), J = le();
-    f.object({
-      name: f.string().optional().nullable(),
-      start: f.date().optional().nullable(),
-      end: f.date().optional().nullable()
-    });
-    const b = h({
-      name: "",
-      ...ce()
-    }), a = h({
-      startDate: U(b.value.start ?? /* @__PURE__ */ new Date()),
-      endDate: U(b.value.end ?? /* @__PURE__ */ new Date())
-    });
-    B([() => a.value.startDate], () => {
-      if (!a.value.startDate)
-        return;
-      if (!a.value.endDate) {
-        a.value.endDate = a.value.startDate;
-        return;
-      }
-      const y = new Date(a.value.startDate);
-      if (new Date(a.value.endDate).getTime() < y.getTime()) {
-        a.value.endDate = a.value.startDate;
-        return;
-      }
-    });
-    const v = h(""), { breakpoints: x } = ve(), K = I(() => x.value.xs || x.value.sm ? 10 : 20), Q = _e();
-    return (y, l) => {
-      const W = ee("FmTable");
-      return D(), H(ie, { title: "Approval" }, {
-        default: g(() => [
-          n("div", he, [
-            s(pe, {
-              searchable: "",
-              "change-location": "",
-              search: v.value,
-              "onUpdate:search": l[0] || (l[0] = (r) => v.value = r),
-              actions: [{ icon: "refresh", onClick: e(o).fetchData }]
-            }, null, 8, ["search", "actions"]),
-            s(W, {
-              style: te(e(Q).tableHeight),
-              "column-defs": e(G),
-              "row-data": e(o).purchaseRequests.value,
-              "search-value": v.value,
-              loading: !e(J)._currentLocation || e(o).loading.value,
-              onRowClick: l[1] || (l[1] = (r) => e(o).promptShowTransferDetails(r.original.purchaseOrder, r.original)),
-              "page-size": K.value
-            }, {
-              "list-row": g((r) => [
-                s(fe, {
-                  row: r,
-                  onRowClick: (t) => e(o).promptShowTransferDetails(t.purchaseOrder, t)
-                }, {
-                  default: g((t) => {
-                    var w, R, k, c, O, S, T, C, i, F, $, p, z, u, M, V, Y, q, L, m, N, j, A, E, d, P;
-                    return [
-                      n("div", De, [
-                        n("div", ge, [
-                          s(e(_), {
-                            render: (k = (R = (w = t.purchaseOrder__id) == null ? void 0 : w.column) == null ? void 0 : R.columnDef) == null ? void 0 : k.cell,
-                            props: (O = (c = t.purchaseOrder__id) == null ? void 0 : c.getContext) == null ? void 0 : O.call(c)
-                          }, null, 8, ["render", "props"])
-                        ]),
-                        n("div", be, [
-                          s(e(_), {
-                            render: (C = (T = (S = t.to_name) == null ? void 0 : S.column) == null ? void 0 : T.columnDef) == null ? void 0 : C.cell,
-                            props: (F = (i = t.to_name) == null ? void 0 : i.getContext) == null ? void 0 : F.call(i)
-                          }, null, 8, ["render", "props"])
-                        ]),
-                        n("div", xe, ae((M = (u = (z = (p = ($ = r.original.purchaseOrder) == null ? void 0 : $.items) == null ? void 0 : p.map) == null ? void 0 : z.call(p, (X) => `${X.name}`)) == null ? void 0 : u.join) == null ? void 0 : M.call(u, ", ")), 1),
-                        (V = r.original.purchaseOrder) != null && V.ref ? (D(), oe("div", ye, [
-                          s(e(_), {
-                            render: (L = (q = (Y = t.purchaseOrder_ref) == null ? void 0 : Y.column) == null ? void 0 : q.columnDef) == null ? void 0 : L.cell,
-                            props: (N = (m = t.purchaseOrder_ref) == null ? void 0 : m.getContext) == null ? void 0 : N.call(m)
-                          }, null, 8, ["render", "props"])
-                        ])) : re("", !0),
-                        n("div", we, [
-                          s(e(_), {
-                            render: (E = (A = (j = t.purchaseOrder_status) == null ? void 0 : j.column) == null ? void 0 : A.columnDef) == null ? void 0 : E.cell,
-                            props: (P = (d = t.purchaseOrder_status) == null ? void 0 : d.getContext) == null ? void 0 : P.call(d)
-                          }, null, 8, ["render", "props"])
-                        ])
-                      ])
-                    ];
-                  }),
-                  _: 2
-                }, 1032, ["row", "onRowClick"])
-              ]),
-              _: 1
-            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
-          ]),
-          (D(), H(se, { to: "body" }, [
-            s(de, ne(e(o).transferDetailsProps.value, {
-              onSubmitted: e(o).fetchData
-            }), null, 16, ["onSubmitted"])
-          ]))
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  ze as default
-};

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DjgmtvXU.js

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

package/dist/FmMultiselectDialog.vue_vue_type_script_setup_true_lang-n09XXJZK.js

@@ -1,143 +0,0 @@
-import { defineComponent as $, ref as C, onMounted as N, watch as E, computed as f, resolveComponent as m, openBlock as v, createElementBlock as _, createElementVNode as s, createVNode as d, createTextVNode as M, toDisplayString as T, createSlots as U, withCtx as h, createBlock as I, Fragment as j, renderList as z } from "vue";
-import { useDialogChild as q } from "@feedmepos/ui-library";
-import { y as c } from "./app-BkcO8oNJ.js";
-import { f as H } from "./fuzzy-0roCBvgC.js";
-const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-between py-24 items-center relative" }, J = { class: "flex gap-16 basis-1/2" }, K = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, O = /* @__PURE__ */ s("span", { class: "xs:hidden" }, "selected", -1), P = /* @__PURE__ */ s("div", { class: "absolute pointer-events-none -bottom-[304px] left-0 w-full h-[308px] overflow-hidden flex flex-col justify-between" }, [
-  /* @__PURE__ */ s("div", { class: "h-1 fm-shadow-light-200" }),
-  /* @__PURE__ */ s("div", {
-    class: "h-1",
-    style: { "box-shadow": "0px -4px 8px 0px rgba(199, 199, 204, 0.24)" }
-  })
-], -1), Q = { class: "h-[300px] overflow-y-auto" }, W = {
-  key: 1,
-  class: "p-16 text-fm-color-typo-disabled fm-typo-en-body-lg-400 text-center"
-}, le = /* @__PURE__ */ $({
-  __name: "FmMultiselectDialog",
-  props: {
-    modelValue: {},
-    items: {},
-    multiselect: { type: Boolean },
-    placeholder: { default: "Filter selections" },
-    showValidBorder: { type: Boolean },
-    maxHeight: {},
-    width: {}
-  },
-  emits: ["update:modelValue"],
-  setup(L, { emit: B }) {
-    const y = q(), b = L, D = B, t = C(b.modelValue ?? []);
-    N(() => {
-      y.emitData(t.value);
-    }), E([() => t.value], ([l]) => {
-      y.emitData(l), D("update:modelValue", l);
-    });
-    function x(l) {
-      return !!t.value.find((e) => c(e, l));
-    }
-    function g(l, e) {
-      const i = x(l);
-      if (!(e && i || !e && !i))
-        if (e) {
-          const a = [...t.value, l];
-          t.value = a;
-        } else {
-          const a = t.value.filter((p) => !c(p, l));
-          t.value = a;
-        }
-    }
-    const n = C(""), u = f(() => {
-      const l = n.value.toLocaleLowerCase(), e = b.items;
-      return n.value ? H.filter(l, e, {
-        pre: "|",
-        post: "|",
-        extract(a) {
-          return a.sublabel ? `${a.label}${a.sublabel}` : a.label;
-        }
-      }).map((a) => a.original) : e;
-    }), V = f(
-      () => t.value.filter((l) => u.value.find((e) => c(e.value, l)))
-    ), r = f(() => V.value.length === u.value.length), F = f(() => V.value.length > 0 && !r.value);
-    function S() {
-      r.value ? t.value = t.value.filter(
-        (l) => !u.value.find((e) => c(e.value, l))
-      ) : t.value = b.items.filter(
-        (l) => t.value.find((e) => c(e, l.value)) || u.value.find((e) => c(e.value, l.value))
-      ).map((l) => l.value);
-    }
-    return (l, e) => {
-      const i = m("FmIcon"), a = m("FmTextField"), p = m("FmCheckbox"), k = m("FmListItem"), A = m("FmList");
-      return v(), _("div", R, [
-        s("div", G, [
-          s("div", J, [
-            d(i, { name: "autorenew" }),
-            s("span", K, [
-              M(T(t.value.length) + " item(s) ", 1),
-              O
-            ])
-          ]),
-          d(a, {
-            class: "basis-1/2",
-            modelValue: n.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (o) => n.value = o),
-            "prepend-icon": "search",
-            placeholder: l.placeholder
-          }, U({ _: 2 }, [
-            n.value.length ? {
-              name: "append",
-              fn: h(() => [
-                d(i, {
-                  class: "cursor-pointer",
-                  name: "close",
-                  onClick: e[0] || (e[0] = (o) => n.value = "")
-                })
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["modelValue", "placeholder"]),
-          P
-        ]),
-        s("div", Q, [
-          u.value.length ? (v(), I(A, { key: 0 }, {
-            default: h(() => [
-              d(k, {
-                "model-value": r.value,
-                indeterminate: F.value,
-                value: "",
-                onClick: e[2] || (e[2] = (o) => S())
-              }, {
-                prepend: h(() => [
-                  d(p, {
-                    "model-value": r.value,
-                    indeterminate: F.value,
-                    label: r.value ? "Remove all" : "Select all",
-                    value: ""
-                  }, null, 8, ["model-value", "indeterminate", "label"])
-                ]),
-                _: 1
-              }, 8, ["model-value", "indeterminate"]),
-              (v(!0), _(j, null, z(u.value, (o) => (v(), I(k, {
-                key: o.value,
-                label: o.label,
-                sublabel: o.sublabel,
-                onClick: (w) => g(o.value, !x(o.value)),
-                style: { "padding-top": "4px", "padding-bottom": "4px", "padding-left": "32px" }
-              }, {
-                prepend: h(() => [
-                  d(p, {
-                    "model-value": x(o.value),
-                    "onUpdate:modelValue": (w) => g(o.value, w),
-                    value: o.value
-                  }, null, 8, ["model-value", "onUpdate:modelValue", "value"])
-                ]),
-                _: 2
-              }, 1032, ["label", "sublabel", "onClick"]))), 128))
-            ]),
-            _: 1
-          })) : (v(), _("div", W, " No results found "))
-        ])
-      ]);
-    };
-  }
-});
-export {
-  le as _
-};