@feedmepos/mf-hrm-portal 2.3.0-dev.18 → 2.3.0-dev.19

package/dist/SelectFilter-ATOm0hdn.js

@@ -0,0 +1,269 @@
+import { ref as $, computed as v, defineComponent as X, watch as Y, nextTick as Z, resolveComponent as A, createElementBlock as d, openBlock as c, createElementVNode as _, createVNode as k, renderSlot as z, withCtx as H, createCommentVNode as S, normalizeStyle as ee, Fragment as w, createBlock as T, unref as C, renderList as R, toDisplayString as N, normalizeClass as le, withModifiers as te } from "vue";
+import "@feedmepos/ui-library";
+/* empty css                                                                      */
+function ae(u, n, h = u) {
+  const l = $(!0), p = v(() => {
+    if (!l.value && !n.value)
+      return !0;
+    if (n.value && n.value.length > 0) {
+      const r = h.value.map((o) => o.value);
+      return n.value.length === r.length && n.value.every((o) => r.includes(o));
+    }
+    return !1;
+  }), t = v(() => {
+    var r, o, y, b;
+    return !!((r = n.value) != null && r.length && ((o = n.value) == null ? void 0 : o.length) > 0 && ((y = n.value) == null ? void 0 : y.length) < ((b = u.value) == null ? void 0 : b.length));
+  });
+  return { allCleared: l, allSelected: p, indeterminate: t, toggleAll: () => {
+    if (p.value) {
+      n.value = void 0, l.value = !0;
+      return;
+    }
+    const r = h.value.map((o) => o.value);
+    r.length === u.value.length ? (n.value = void 0, l.value = !1) : (n.value = r, l.value = !1);
+  }, toggleOption: (r) => {
+    var y, b, B;
+    let o;
+    n.value === void 0 && l.value ? o = [r] : n.value === void 0 && !l.value ? o = (y = u.value.map((m) => m.value)) == null ? void 0 : y.filter((m) => m !== r) : (b = n.value) != null && b.includes(r) ? o = (B = n.value) == null ? void 0 : B.filter((m) => m !== r) : o = [...n.value || [], r], o.length === 0 ? (n.value = void 0, l.value = !0) : o.length === u.value.length ? (n.value = void 0, l.value = !1) : n.value = o;
+  } };
+}
+const ue = { class: "w-full flex flex-col gap-8" }, ne = { class: "flex items-center gap-8" }, re = { class: "inline-flex items-center" }, oe = { class: "flex flex-col w-[360px] min-h-0 gap-8" }, se = {
+  key: 0,
+  class: "flex gap-4 px-[6px] pt-4"
+}, ie = { class: "flex-1" }, ce = {
+  key: 0,
+  class: "px-12 pt-8 pb-4 text-xs font-semibold text-fm-color-typo-secondary select-none"
+}, ve = /* @__PURE__ */ X({
+  __name: "SelectFilter",
+  props: {
+    items: { default: () => [] },
+    modelValue: {},
+    multiple: { type: Boolean, default: !1 },
+    placeholder: { default: "Select..." },
+    searchPlaceholder: { default: "Search" },
+    disabled: { type: Boolean, default: !1 },
+    variant: { default: "default" },
+    clearable: { type: Boolean, default: !1 },
+    searchable: { type: Boolean, default: !0 },
+    autoSelectFirst: { type: Boolean, default: !1 },
+    chipIcon: { default: "filter_list" },
+    showSelectAll: { type: Boolean, default: !0 },
+    maxHeight: { default: 300 },
+    selectedPrefix: { default: "Selected: " },
+    filterFn: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(u, { expose: n, emit: h }) {
+    const l = u, p = h, t = v({
+      get: () => l.modelValue,
+      set: (e) => {
+        p("update:modelValue", e), p("change", e);
+      }
+    }), V = $(""), f = v(() => l.items), r = v(() => {
+      const e = V.value.trim();
+      if (!l.searchable || !e) return f.value;
+      if (l.filterFn)
+        return f.value.filter((s) => l.filterFn(s, e));
+      const a = e.toLowerCase();
+      return f.value.filter((s) => s.label.toLowerCase().includes(a));
+    }), o = v(() => f.value.some((e) => !!e.group)), y = v(() => {
+      if (!o.value)
+        return [{ group: "", options: r.value }];
+      const e = [], a = /* @__PURE__ */ new Map();
+      for (const s of r.value) {
+        const F = s.group ?? "";
+        let x = a.get(F);
+        x || (x = [], a.set(F, x), e.push({ group: F, options: x })), x.push(s);
+      }
+      return e;
+    }), b = v(() => {
+      if (!t.value || Array.isArray(t.value) && t.value.length === 0)
+        return l.placeholder;
+      if (Array.isArray(t.value) && t.value.length === 1) {
+        const a = f.value.find((s) => s.value === t.value[0]);
+        return (a == null ? void 0 : a.label) || l.placeholder;
+      }
+      const e = Array.isArray(t.value) ? t.value.length : 0;
+      return `${l.selectedPrefix}${e}`;
+    }), B = v(() => {
+      if (t.value === void 0 || t.value === null || t.value === "")
+        return l.placeholder;
+      const e = f.value.find((a) => a.value === t.value);
+      return (e == null ? void 0 : e.label) || l.placeholder;
+    }), m = v(
+      () => l.multiple ? b.value : B.value
+    ), I = v(() => l.disabled ? "neutral-gray-200" : l.variant === "dark" ? "neutral-black" : "neutral-gray-400"), U = v(() => l.disabled ? "text-fm-color-neutral-gray-200" : l.variant === "dark" ? "text-fm-color-neutral-black" : "text-fm-color-neutral-gray-400"), L = $(void 0), j = new Proxy(L, {
+      get(e, a) {
+        return a === "value" ? Array.isArray(t.value) ? t.value : t.value === void 0 ? void 0 : [t.value] : L[a];
+      },
+      set(e, a, s) {
+        return a === "value" ? (t.value = s, !0) : (L[a] = s, !0);
+      }
+    }), { allSelected: O, toggleAll: q, toggleOption: E, indeterminate: J } = ae(
+      f,
+      j,
+      r
+    );
+    function G(e) {
+      var a;
+      l.multiple || (t.value = e, (a = M.value) == null || a.toggleMenu(!1));
+    }
+    function Q(e) {
+      e.stopPropagation(), !l.disabled && (t.value = null);
+    }
+    Y(
+      () => l.autoSelectFirst,
+      async (e) => {
+        if (e && !l.multiple && (t.value === void 0 || t.value === null)) {
+          await Z();
+          const a = f.value[0];
+          a && (t.value = a.value);
+        }
+      },
+      { immediate: !0 }
+    );
+    const M = $(null);
+    return n({
+      open: () => {
+        var e;
+        return (e = M.value) == null ? void 0 : e.toggleMenu(!0);
+      },
+      close: () => {
+        var e;
+        return (e = M.value) == null ? void 0 : e.toggleMenu(!1);
+      }
+    }), (e, a) => {
+      const s = A("FmIcon"), F = A("FmChip"), x = A("FmSearch"), P = A("FmMenuItem"), W = A("FmMenu");
+      return c(), d("div", ue, [
+        _("div", ne, [
+          k(W, {
+            ref_key: "menuRef",
+            ref: M,
+            "close-on-click": !1,
+            disabled: u.disabled,
+            "z-index": 50,
+            "selector-for-dismiss-away-event-exclusion": ".fm-dialog, .fm-select__menu__wrapper"
+          }, {
+            "menu-button": H(() => [
+              z(e.$slots, "menu-button", {}, () => [
+                _("div", re, [
+                  k(F, { disabled: u.disabled }, {
+                    default: H(() => [
+                      k(s, {
+                        color: I.value,
+                        name: u.chipIcon,
+                        outline: "",
+                        size: "sm"
+                      }, null, 8, ["color", "name"]),
+                      m.value ? (c(), d("div", {
+                        key: 0,
+                        class: le([
+                          "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap",
+                          U.value
+                        ])
+                      }, N(m.value), 3)) : S("", !0),
+                      k(s, {
+                        color: I.value,
+                        name: "keyboard_arrow_down",
+                        size: "sm"
+                      }, null, 8, ["color"]),
+                      u.clearable && !u.multiple && t.value != null && t.value !== "" && !u.disabled ? (c(), d("button", {
+                        key: 1,
+                        class: "ml-4 focus:outline-none",
+                        type: "button",
+                        "aria-label": "Clear selection",
+                        onClick: te(Q, ["stop"])
+                      }, [
+                        k(s, {
+                          name: "close",
+                          size: "sm",
+                          color: I.value
+                        }, null, 8, ["color"])
+                      ])) : S("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])
+                ])
+              ], !0)
+            ]),
+            default: H(() => [
+              _("div", oe, [
+                u.searchable ? (c(), d("div", se, [
+                  _("div", ie, [
+                    k(x, {
+                      modelValue: V.value,
+                      "onUpdate:modelValue": a[0] || (a[0] = (i) => V.value = i),
+                      placeholder: u.searchPlaceholder
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])
+                ])) : S("", !0),
+                _("div", {
+                  class: "flex-1 overflow-y-auto min-h-0",
+                  style: ee({ maxHeight: typeof u.maxHeight == "number" ? u.maxHeight + "px" : u.maxHeight })
+                }, [
+                  u.multiple ? (c(), d(w, { key: 0 }, [
+                    u.showSelectAll ? (c(), T(P, {
+                      key: 0,
+                      label: "All",
+                      "has-checkbox": "",
+                      "model-value": C(O),
+                      indeterminate: C(J),
+                      onClick: C(q)
+                    }, null, 8, ["model-value", "indeterminate", "onClick"])) : S("", !0),
+                    r.value.length ? (c(!0), d(w, { key: 1 }, R(y.value, (i) => (c(), d(w, {
+                      key: i.group
+                    }, [
+                      i.group ? (c(), d("div", ce, N(i.group) + " (" + N(i.options.length) + ") ", 1)) : S("", !0),
+                      (c(!0), d(w, null, R(i.options, (g) => {
+                        var K;
+                        return z(e.$slots, "option", {
+                          key: g.value,
+                          option: g,
+                          selected: C(O) || Array.isArray(t.value) && ((K = t.value) == null ? void 0 : K.includes(g.value)),
+                          toggle: () => C(E)(g.value)
+                        }, () => {
+                          var D;
+                          return [
+                            k(P, {
+                              label: g.label,
+                              "has-checkbox": "",
+                              "model-value": C(O) || Array.isArray(t.value) && ((D = t.value) == null ? void 0 : D.includes(g.value)),
+                              onClick: (fe) => C(E)(g.value)
+                            }, null, 8, ["label", "model-value", "onClick"])
+                          ];
+                        }, !0);
+                      }), 128))
+                    ], 64))), 128)) : S("", !0)
+                  ], 64)) : (c(), d(w, { key: 1 }, [
+                    r.value.length ? (c(!0), d(w, { key: 0 }, R(r.value, (i) => z(e.$slots, "option", {
+                      option: i,
+                      selected: t.value === i.value,
+                      toggle: () => G(i.value)
+                    }, () => [
+                      (c(), T(P, {
+                        key: i.value,
+                        label: i.label,
+                        onClick: (g) => G(i.value)
+                      }, null, 8, ["label", "onClick"]))
+                    ], !0)), 256)) : S("", !0)
+                  ], 64))
+                ], 4)
+              ])
+            ]),
+            _: 3
+          }, 8, ["disabled"]),
+          z(e.$slots, "append-right", {}, void 0, !0)
+        ])
+      ]);
+    };
+  }
+}), de = (u, n) => {
+  const h = u.__vccOpts || u;
+  for (const [l, p] of n)
+    h[l] = p;
+  return h;
+}, pe = /* @__PURE__ */ de(ve, [["__scopeId", "data-v-81cde2b9"]]);
+export {
+  pe as S,
+  de as _
+};

package/dist/{TeamMemberList-CPpBsvi7.js → TeamMemberList-Bvjq14lE.js}

@@ -2,22 +2,21 @@ import { defineComponent as we, resolveComponent as F, createElementBlock as L,
 import { useI18n as Ve, useCoreStore as Ze } from "@feedmepos/mf-common";
 import { useSnackbar as Le, useDialog as Qe, useBreakpoints as Ye, components as Oe } from "@feedmepos/ui-library";
 import { u as ps } from "./useDebounce-B8ZPVS5C.js";
-import { S as ye } from "./SelectFilter-DoeKbbjT.js";
-import { a as vs, v as Te, m as fs, O as bs, _ as hs, b as ys } from "./app-COWpQb6i.js";
-import { _ as gs } from "./ResponsiveContextMenu.vue_vue_type_script_setup_true_lang-mSJFKo7r.js";
-import { _ as _s } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
-import { s as Us, _ as Ss, a as xs, b as Fs, c as Ps } from "./PasscodePinField.vue_vue_type_script_setup_true_lang-CqG0v0Sz.js";
-import { u as He } from "./useLoading-Nygx2zn8.js";
-import { u as Is } from "./useDiscardConfirm-CzZSPyvh.js";
+import { _ as vs, S as ye } from "./SelectFilter-ATOm0hdn.js";
+import { b as Te, m as fs, O as bs, _ as hs, a as ys } from "./app-CEcv-vMB.js";
+import { u as gs, _ as _s } from "./useDiscardConfirm-DPhEV6v0.js";
+import { _ as Us } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { s as Ss, _ as xs, a as Fs, b as Ps, c as Is } from "./PasscodePinField.vue_vue_type_script_setup_true_lang-CqG0v0Sz.js";
+import { u as He } from "./useLoading-CXzTpIVv.js";
 import { n as es } from "./string-VNuQNweN.js";
-import { l as Pe } from "./lodash-CQM_jgZN.js";
-import { c as he } from "./iteration-B23jisFZ.js";
-import { t as _e, u as ss, c as Ae, b as qe, m as $e, d as ts, p as Ge, i as ws, j as Ke, k as Vs, l as ks, n as Rs, o as Cs, q as $s } from "./rule-xOAXApqp.js";
-import { u as as } from "./role-k4mdt-op.js";
-import { u as ls, i as Ms } from "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_827dfd60_lang-DQcgZ0nF.js";
-import "./useAppStore-DZCdxlCd.js";
-import { g as ze, b as We, u as os } from "./restaurant-D2mfKHaH.js";
-import { _ as Ns } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-BhR3MM-s.js";
+import { l as Pe } from "./lodash-D2BUlQJ1.js";
+import { c as he } from "./iteration-B3Z1Ojal.js";
+import { t as _e, u as ss, c as Ae, b as qe, m as $e, d as ts, p as Ge, i as ws, j as Ke, k as Vs, l as ks, n as Rs, o as Cs, q as $s } from "./rule-FuP71XrW.js";
+import { u as as } from "./role-_BDO50Cj.js";
+import { u as ls, i as Ms } from "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_827dfd60_lang-XHuHin8t.js";
+import "./useAppStore-DCwd8GWN.js";
+import { g as ze, b as We, u as os } from "./restaurant-BTpBmfBV.js";
+import { _ as Ns } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-K1Ad4e-f.js";
 var Ue = /* @__PURE__ */ ((o) => (o.Update = "Update", o.Remove = "Remove", o))(Ue || {});
 const Ie = "__unassigned__";
 function Je(o) {
@@ -245,7 +244,7 @@ const Es = { class: "w-full flex flex-col gap-16" }, Ds = { class: "flex items-c
     }
     const C = S(() => {
       var n;
-      return Us(((n = v.modelValue) == null ? void 0 : n.roles) ?? []);
+      return Ss(((n = v.modelValue) == null ? void 0 : n.roles) ?? []);
     });
     function d(n) {
       return v.usableRoleIds === null || v.usableRoleIds.includes(n._id);
@@ -348,7 +347,7 @@ const Es = { class: "w-full flex flex-col gap-16" }, Ds = { class: "flex items-c
                 ]
               }, {
                 default: ie(() => [
-                  i(Ss, {
+                  i(xs, {
                     modelValue: R.value,
                     "onUpdate:modelValue": b[2] || (b[2] = (r) => R.value = r),
                     masked: I.value,
@@ -360,7 +359,7 @@ const Es = { class: "w-full flex flex-col gap-16" }, Ds = { class: "flex items-c
                 ]),
                 _: 1
               }, 8, ["modelValue", "rules"]),
-              i(xs, {
+              i(Fs, {
                 label: l(m)("team.memberForm.masterUser.passcodeGenerate"),
                 hint: l(m)("team.memberForm.masterUser.passcodeSelectOutletFirst"),
                 loading: E.value,
@@ -378,7 +377,7 @@ const Es = { class: "w-full flex flex-col gap-16" }, Ds = { class: "flex items-c
             ]
           }, {
             default: ie(() => [
-              i(Fs, {
+              i(Ps, {
                 "model-value": o.modelValue.roles,
                 restaurants: o.restaurants,
                 roles: o.roles,
@@ -684,7 +683,7 @@ const Es = { class: "w-full flex flex-col gap-16" }, Ds = { class: "flex items-c
 var ee = /* @__PURE__ */ function(o) {
   return o[o.ADD = 0] = "ADD", o[o.UPDATE = 1] = "UPDATE", o[o.CLOSED = 2] = "CLOSED", o;
 }(ee || {});
-const Ht = /* @__PURE__ */ we({
+const Yt = /* @__PURE__ */ we({
   __name: "TeamMemberList",
   setup(o, {
     expose: N
@@ -723,7 +722,7 @@ const Ht = /* @__PURE__ */ we({
         onClick: () => se(Ue.Remove, e),
         itemClass: "text-fm-color-typo-error"
       }, re = e.doc.isOwner ? [_] : [_, x];
-      return i(gs, {
+      return i(_s, {
         class: t,
         items: re
       }, null);
@@ -754,7 +753,7 @@ const Ht = /* @__PURE__ */ we({
       enableSorting: !1,
       cell(e) {
         if (j.value)
-          return ds(Ps);
+          return ds(Is);
         const t = e.row.original;
         return U(t);
       }
@@ -870,7 +869,7 @@ const Ht = /* @__PURE__ */ we({
     function ve() {
       X++, ue.value = !1, B.value = ee.CLOSED;
     }
-    const fe = Is(() => {
+    const fe = gs(() => {
       var e;
       return ((e = Y.value) == null ? void 0 : e.isModified()) ?? !1;
     }, ve);
@@ -1086,7 +1085,7 @@ const Ht = /* @__PURE__ */ we({
       }, {
         default: ie(() => [u("div", kt, [f.value ? q("", !0) : (y(), G(ys, {
           key: 0
-        })), f.value ? (y(), G(_s, {
+        })), f.value ? (y(), G(Us, {
           key: 1,
           "is-loading": d.value,
           "is-empty": D.value === 0,
@@ -1150,5 +1149,5 @@ const Ht = /* @__PURE__ */ we({
   }
 });
 export {
-  Ht as default
+  Yt as default
 };

package/dist/{TimesheetList-CWl2faUZ.js → TimesheetList-CybTPHdT.js}

@@ -1,17 +1,17 @@
 import { ref as d, computed as g, defineComponent as pe, onMounted as fe, watch as Z, resolveComponent as u, createElementBlock as P, openBlock as E, Fragment as ee, createVNode as l, createElementVNode as i, unref as n, withCtx as b, createCommentVNode as ve, toDisplayString as O, createTextVNode as he, isRef as ge, renderList as we, createBlock as te, nextTick as ye } from "vue";
-import { d as v } from "./dayjs.min-Dv2S110T.js";
+import { d as v } from "./dayjs.min-yw8fgQPr.js";
 import { useI18n as _e } from "@feedmepos/mf-common";
 import { useSnackbar as be, components as xe } from "@feedmepos/ui-library";
-import { S as De } from "./SelectFilter-DoeKbbjT.js";
-import { _ as Se, a as Ve } from "./app-COWpQb6i.js";
+import { S as De, _ as Se } from "./SelectFilter-ATOm0hdn.js";
+import { _ as Ve } from "./app-CEcv-vMB.js";
 import { _ as ke } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
-import { u as Ce } from "./useLoading-Nygx2zn8.js";
-import { g as Fe, s as Ye } from "./iteration-B23jisFZ.js";
+import { u as Ce } from "./useLoading-CXzTpIVv.js";
+import { g as Fe, s as Ye } from "./iteration-B3Z1Ojal.js";
 import { f as Le } from "./utils-BZkjJbju.js";
 import { n as Me } from "./string-VNuQNweN.js";
-import { u as Te } from "./employee-Drs22uVf.js";
-import { u as Ie } from "./restaurant-D2mfKHaH.js";
-import { u as Re } from "./TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-Dc0_djRp.js";
+import { u as Te } from "./employee-ByRgP_2p.js";
+import { u as Ie } from "./restaurant-BTpBmfBV.js";
+import { u as Re } from "./TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-CGmVMnqS.js";
 function $e(x, a) {
   return ["years", "months"].find((S) => {
     const V = x.startOf(S), p = x.endOf(S);
@@ -355,7 +355,7 @@ const Oe = {
         "onUpdate:modelValue": e[10] || (e[10] = (o) => c.value = o),
         class: "w-[320px]",
         placeholder: n(a)("hr.timesheet.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), l(Se, {
+      }, null, 8, ["modelValue", "placeholder"])]), l(Ve, {
         class: "w-full xs:px-16"
       }, {
         default: b(() => [i("div", Ze, [l(ke, {
@@ -396,7 +396,7 @@ const Oe = {
       })])], 64);
     };
   }
-}), vt = /* @__PURE__ */ Ve(et, [["__scopeId", "data-v-63294af2"]]);
+}), vt = /* @__PURE__ */ Se(et, [["__scopeId", "data-v-63294af2"]]);
 export {
   vt as default
 };

package/dist/{TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-Dc0_djRp.js → TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-CGmVMnqS.js}

@@ -1,8 +1,8 @@
-import { d as i } from "./dayjs.min-Dv2S110T.js";
+import { d as i } from "./dayjs.min-yw8fgQPr.js";
 import { defineStore as p, storeToRefs as T } from "pinia";
 import { ref as l } from "vue";
-import { b as c, g as y } from "./restaurant-D2mfKHaH.js";
-import { s as S } from "./iteration-B23jisFZ.js";
+import { b as c, g as y } from "./restaurant-BTpBmfBV.js";
+import { s as S } from "./iteration-B3Z1Ojal.js";
 import { i as f, f as g } from "./utils-BZkjJbju.js";
 const u = {
   async readTimesheets(t, e) {