@feedmepos/mf-hrm-portal 2.0.5-dev → 2.0.6-dev

package/dist/{RoleList-B09gFRrt.js → RoleList-jykDD_zm.js}

@@ -1,14 +1,14 @@
 import { defineComponent as he, ref as T, computed as _, onMounted as _e, watch as ue, resolveComponent as y, createBlock as k, openBlock as v, unref as t, withCtx as b, createElementVNode as h, createVNode as p, createCommentVNode as me, createElementBlock as P, Fragment as W, renderList as ae, toDisplayString as M, h as V, createTextVNode as de, resolveDynamicComponent as ce, withModifiers as we, nextTick as pe } from "vue";
-import { e as ke, a as w, r as K, h as re, f as Ue, c as ve, d as Z } from "./index-BPGh5yHT.js";
+import { e as ke, a as w, r as K, h as re, f as Ue, c as ve, d as Z } from "./index-CBxn7cxI.js";
 import { useI18n as ge, useCoreStore as be } from "@feedmepos/mf-common";
 import { useSnackbar as ye, components as se, useDialog as Le, useBreakpoints as Ie, FmButtonColorThemeVariant as fe, FmButtonVariant as Ee } from "@feedmepos/ui-library";
-import { _ as Se } from "./app-D0y0UR-U.js";
+import { _ as Se } from "./app-BPlaahxK.js";
 import { _ as Pe } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
-import { u as Fe } from "./useAppStore-Ba_pxve9.js";
-import { u as xe } from "./useReportPermissions-mKoU-8Yq.js";
+import { u as Fe } from "./useAppStore-CqrjwnF_.js";
+import { u as xe } from "./useReportPermissions-C4Q29AQJ.js";
 import { u as $e, _ as oe, a as Te, b as Be } from "./useRestaurantMap-D5BNPLKh.js";
-import { l as ee } from "./lodash-CDk6w3_I.js";
-import { u as De } from "./useLoading-PuFP-Lbd.js";
+import { l as ee } from "./lodash-D1uG3PY3.js";
+import { u as De } from "./useLoading-B5IjfVEP.js";
 const Ae = { class: "fm-typo-en-title-md-600" }, Me = { class: "space-y-40" }, Ne = { class: "space-y-8" }, Oe = { class: "space-y-8" }, Je = {
   key: 0,
   class: "w-50 ml-5 flex flex-row items-start"

package/dist/{SelectFilter-NbXrJ4iH.js → SelectFilter-DUj7GBtT.js}

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