@feedmepos/mf-connect 0.1.0-beta.6 → 0.1.0-beta.61

package/dist/CustomSelect.vue_vue_type_script_setup_true_lang-DLnvDVgf.js

@@ -0,0 +1,108 @@
+import { defineComponent as I, ref as P, resolveComponent as u, openBlock as t, createBlock as y, unref as h, withCtx as d, renderSlot as V, createElementBlock as s, toDisplayString as i, createCommentVNode as S, createVNode as x, normalizeClass as g, createElementVNode as B, Fragment as N, renderList as j } from "vue";
+const q = {
+  key: 0,
+  class: "fm-typo-en-body-lg-400 mb-4"
+}, $ = {
+  key: 1,
+  class: "fm-typo-en-body-lg-400"
+}, E = { class: "rounded-md bg-white shadow-md max-h-[300px] overflow-y-scroll pl-4 py-12" }, O = /* @__PURE__ */ I({
+  __name: "CustomSelect",
+  props: {
+    label: {
+      type: String,
+      required: !1
+    },
+    placeholder: {
+      type: String,
+      required: !1
+    },
+    items: {
+      type: Object,
+      required: !0
+    },
+    modelValue: {
+      type: Object
+    },
+    zIndex: {
+      type: Number
+    },
+    multiselect: {
+      type: Boolean
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: k }) {
+    const r = k, m = P(!1);
+    return (v, b) => {
+      const F = u("FmIcon"), C = u("FmField"), p = u("FmMenuItem"), w = u("FmPopover");
+      return t(), y(w, {
+        "show-popover": h(m),
+        onPopoverChanged: b[0] || (b[0] = (l) => m.value = l),
+        "z-index": e.zIndex
+      }, {
+        "popover-button": d(() => [
+          V(v.$slots, "popover-button", {}, () => [
+            e.label ? (t(), s("div", q, i(e.label), 1)) : S("", !0),
+            x(C, null, {
+              append: d(() => [
+                V(v.$slots, "append"),
+                x(F, {
+                  name: h(m) ? "expand_less" : "expand_more",
+                  size: "md",
+                  color: "black"
+                }, null, 8, ["name"])
+              ]),
+              default: d(() => {
+                var l;
+                return [
+                  e.multiselect ? (t(), s("div", $, i(e.items.filter((o) => {
+                    var a;
+                    return (a = e.modelValue) == null ? void 0 : a.includes(o.value);
+                  }).map((o) => o.label).join(", ")), 1)) : (t(), s("div", {
+                    key: 0,
+                    class: g(["fm-typo-en-body-lg-400", {
+                      "text-fm-color-typo-secondary": !e.items.find(
+                        (o) => o.value == e.modelValue
+                      )
+                    }])
+                  }, i(((l = e.items.find((o) => o.value == e.modelValue)) == null ? void 0 : l.label) || e.placeholder), 3))
+                ];
+              }),
+              _: 3
+            })
+          ])
+        ]),
+        default: d(() => [
+          B("div", E, [
+            (t(!0), s(N, null, j(e.items, (l) => {
+              var o, a;
+              return t(), y(p, {
+                class: g(`${e.multiselect ? (o = e.modelValue) != null && o.some((n) => n == l.value) ? "bg-fm-color-system-warning-100" : "" : e.modelValue == l.value}`),
+                "has-checkbox": e.multiselect,
+                key: l.value,
+                "model-value": e.multiselect ? (a = e.modelValue) == null ? void 0 : a.some((n) => n == l.value) : e.modelValue == l.value,
+                label: l.label,
+                onClick: (n) => {
+                  var f;
+                  if (n.stopPropagation(), !e.multiselect)
+                    m.value = !1, r("update:model-value", l.value);
+                  else {
+                    const z = (f = e.modelValue) == null ? void 0 : f.some((c) => c == l.value);
+                    r(
+                      "update:model-value",
+                      z ? (e.modelValue ?? []).filter((c) => c !== l.value) : [...e.modelValue ?? [], l.value]
+                    );
+                  }
+                }
+              }, null, 8, ["class", "has-checkbox", "model-value", "label", "onClick"]);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 8, ["show-popover", "z-index"]);
+    };
+  }
+});
+export {
+  O as _
+};

package/dist/DateRangeChip.vue_vue_type_script_setup_true_lang-BUzUIIUW.js

@@ -0,0 +1,58 @@
+import { defineComponent as f, mergeModels as l, useModel as g, computed as u, onMounted as _, watch as R, resolveComponent as m, openBlock as h, createBlock as V, withCtx as b, createVNode as k, unref as y } from "vue";
+import { h as t } from "./moment-BWErdI6_.js";
+const a = "YYYY-MM-DD", F = /* @__PURE__ */ f({
+  __name: "DateRangeChip",
+  props: /* @__PURE__ */ l({
+    modelValue: {
+      type: Object,
+      required: !0
+    }
+  }, {
+    dateRange: {
+      type: Object,
+      default: () => ({
+        startDate: t().subtract(7, "day").format(a),
+        endDate: t().endOf("day").format(a)
+      })
+    },
+    dateRangeModifiers: {}
+  }),
+  emits: /* @__PURE__ */ l(["update:model-value"], ["update:dateRange"]),
+  setup(r, { emit: s }) {
+    const o = r, c = s, e = g(r, "dateRange"), i = u(() => e.value ? `${n.value.startDate ?? "Start"} - ${n.value.endDate ?? "End"}` : "No dates selected."), n = u(() => ({
+      startDate: e.value.startDate ? t(e.value.startDate).format(a) : void 0,
+      endDate: e.value.endDate ? t(e.value.endDate).format(a) : void 0
+    }));
+    return _(() => {
+      e.value = {
+        startDate: o.modelValue.startDate ? t(o.modelValue.startDate).format(a) : void 0,
+        endDate: o.modelValue.endDate ? t(o.modelValue.endDate).format(a) : void 0
+      };
+    }), R(
+      () => e.value,
+      () => {
+        c("update:model-value", n.value);
+      }
+    ), (C, d) => {
+      const p = m("FmChip"), D = m("FmDateRangePicker");
+      return h(), V(D, {
+        modelValue: e.value,
+        "onUpdate:modelValue": d[0] || (d[0] = (v) => e.value = v),
+        "show-predefined-range": ""
+      }, {
+        "trigger-button": b(() => [
+          k(p, {
+            label: y(i),
+            icon: "calendar_month",
+            "right-icon": "keyboard_arrow_down",
+            class: "text-fm-color-neutral-gray-400 cursor-pointer"
+          }, null, 8, ["label"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  F as _
+};