@feedmepos/mf-hrm-portal 2.0.18-dev.2 → 2.0.18

package/dist/FormSection.vue_vue_type_script_setup_true_lang-BVb8c4YU.js

@@ -0,0 +1,71 @@
+import { defineComponent as i, createElementBlock as s, openBlock as o, createElementVNode as l, renderSlot as n, createCommentVNode as c, toDisplayString as a, normalizeClass as d, createVNode as m, withCtx as f } from "vue";
+const p = { class: "space-y-8" }, y = { class: "flex items-center justify-between" }, h = { class: "space-y-8" }, u = { class: "fm-typo-en-body-lg-600" }, _ = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, w = /* @__PURE__ */ i({
+  __name: "FormItem",
+  props: {
+    label: {},
+    description: {}
+  },
+  setup(e) {
+    return (t, r) => (o(), s("div", p, [
+      l("div", y, [
+        l("div", h, [
+          l("p", u, a(e.label), 1),
+          e.description ? (o(), s("p", _, a(e.description), 1)) : c("", !0)
+        ]),
+        n(t.$slots, "append")
+      ]),
+      n(t.$slots, "default")
+    ]));
+  }
+}), b = /* @__PURE__ */ i({
+  __name: "FormColumn",
+  props: {
+    shrinkable: { type: Boolean }
+  },
+  setup(e) {
+    return (t, r) => (o(), s("div", {
+      class: d(["flex-1 flex flex-col space-y-24", { "min-h-0": e.shrinkable }])
+    }, [
+      n(t.$slots, "default")
+    ], 2));
+  }
+}), k = {
+  key: 0,
+  class: "flex flex-row justify-between items-center"
+}, $ = { class: "space-y-4" }, x = { class: "fm-typo-en-title-sm-600" }, v = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, B = /* @__PURE__ */ i({
+  __name: "FormSection",
+  props: {
+    title: {},
+    subTitle: {},
+    shrinkable: { type: Boolean }
+  },
+  setup(e) {
+    return (t, r) => (o(), s("div", {
+      class: d(["flex flex-col space-y-16", { "min-h-0": e.shrinkable }])
+    }, [
+      e.title ? (o(), s("div", k, [
+        l("div", $, [
+          l("p", x, a(e.title), 1),
+          e.subTitle ? (o(), s("p", v, a(e.subTitle), 1)) : c("", !0)
+        ]),
+        n(t.$slots, "append-title")
+      ])) : c("", !0),
+      m(b, { shrinkable: e.shrinkable }, {
+        default: f(() => [
+          n(t.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["shrinkable"])
+    ], 2));
+  }
+});
+export {
+  B as _,
+  w as a
+};

package/dist/HorizontalSplitter-o860F4xM.js

@@ -0,0 +1,12 @@
+import { createElementBlock as e, openBlock as o, createElementVNode as t } from "vue";
+import { _ as l } from "./SelectFilter-DUj7GBtT.js";
+const n = {};
+function c(s, r) {
+  return o(), e("div", null, [...r[0] || (r[0] = [
+    t("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)
+  ])]);
+}
+const i = /* @__PURE__ */ l(n, [["render", c]]);
+export {
+  i as H
+};

package/dist/Main-C_Tm3462.js

@@ -0,0 +1,85 @@
+import { defineComponent as V, ref as u, computed as B, watch as A, resolveComponent as i, createBlock as s, openBlock as c, withCtx as p, createElementVNode as C, createVNode as d, resolveDynamicComponent as T, createCommentVNode as S } from "vue";
+import { useRouter as k, useRoute as F } from "vue-router";
+import { useI18n as N } from "@feedmepos/mf-common";
+import { _ as g } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { _ as h } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import "@feedmepos/ui-library";
+import "./rule-BCN5fKAA.js";
+import "./iteration-L53uoXdY.js";
+import { R as v } from "./app-BMnTcaqa.js";
+import "./useAppStore-fl7zMdUR.js";
+/* empty css                                                                      */
+/* empty css                                                                        */
+const w = { class: "space-y-24" }, K = /* @__PURE__ */ V({
+  __name: "Main",
+  setup(x) {
+    const { t: a } = N(), f = k(), R = F(), _ = u(), b = u(), t = u("member");
+    R.name === v.TEAM_ROLE ? t.value = "role" : t.value = "member";
+    const l = B(() => n.value.find((e) => e.value === t.value) || n.value[0]);
+    A(t, (e) => {
+      e === "member" ? f.replace({ name: v.TEAM_MEMBER }) : e === "role" && f.replace({ name: v.TEAM_ROLE });
+    });
+    const n = B(() => [
+      {
+        label: a("team.title"),
+        value: "member",
+        createButtonLabel: a("team.actions.addMember"),
+        createButtonAction: () => {
+          var e;
+          (e = _.value) == null || e.create();
+        }
+      },
+      {
+        label: a("permissionSet.title"),
+        value: "role",
+        createButtonLabel: a("permissionSet.createButtonLabel"),
+        createButtonAction: () => {
+          var e;
+          (e = b.value) == null || e.create();
+        }
+      }
+    ]);
+    return (e, r) => {
+      const L = i("FmSpacer"), E = i("FmTabs"), M = i("RouterView");
+      return c(), s(h, {
+        heading: l.value.label
+      }, {
+        "append-heading": p(() => {
+          var o;
+          return [
+            d(L),
+            (o = l.value) != null && o.createButtonLabel ? (c(), s(g, {
+              key: 0,
+              icon: "add",
+              label: l.value.createButtonLabel,
+              onClick: r[0] || (r[0] = (m) => l.value.createButtonAction())
+            }, null, 8, ["label"])) : S("", !0)
+          ];
+        }),
+        default: p(() => [
+          C("div", w, [
+            d(E, {
+              modelValue: t.value,
+              "onUpdate:modelValue": r[1] || (r[1] = (o) => t.value = o),
+              items: n.value
+            }, null, 8, ["modelValue", "items"]),
+            d(M, null, {
+              default: p(({ Component: o }) => [
+                (c(), s(T(o), {
+                  ref: (m) => {
+                    t.value === "member" && (_.value = m), t.value === "role" && (b.value = m);
+                  }
+                }, null, 512))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  K as default
+};