@feedmepos/mf-menu 0.18.17 → 0.19.0-beta.2

package/dist/ApplyProduct.vue_vue_type_script_setup_true_lang-DFJJHptK.js

@@ -0,0 +1,158 @@
+import { defineComponent as K, computed as i, h as u, ref as U, resolveComponent as g, openBlock as d, createElementBlock as p, createVNode as v, withCtx as h, createElementVNode as V, createBlock as j, unref as n, createCommentVNode as C, toDisplayString as A, isRef as D, Fragment as G, renderList as H } from "vue";
+import { u as M, o as O, V as $, n as q } from "./app-t9ONnc0s.js";
+import { components as I, FmButtonVariant as B, FmButtonColorThemeVariant as b } from "@feedmepos/ui-library";
+import { L as J } from "./LinkProductSideSheet-BNdFZThd.js";
+import { _ as Q } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
+const W = { class: "space-y-16" }, X = { class: "flex items-center space-x-24" }, Y = {
+  key: 0,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, ae = /* @__PURE__ */ K({
+  __name: "ApplyProduct",
+  props: {
+    title: {},
+    overrides: {},
+    selectVariant: { type: Boolean },
+    showVariant: { type: Boolean },
+    editable: { type: Boolean },
+    categorizedItems: {},
+    items: {},
+    variants: {}
+  },
+  emits: ["update:overrides", "row-click"],
+  setup(z, { emit: F }) {
+    const s = z, _ = F, P = M(), { searchKey: m, filter: w } = O(), y = i(() => s.categorizedItems || P.categorizedItems), k = i(() => $(y.value, s.overrides)), R = i(() => k.value.reduce((t, e) => {
+      if (w([e.name]))
+        return t.push(e), t;
+      const r = e.items.filter((a) => w([a.label]));
+      return r.length && t.push({ ...e, items: r }), t;
+    }, [])), E = i(() => s.showVariant || s.selectVariant);
+    function x(t, e) {
+      var a, l;
+      const r = e ? (a = s.overrides) == null ? void 0 : a.filter((o) => !(o._id === t && o.combinationKey === e)) : (l = s.overrides) == null ? void 0 : l.filter((o) => o._id !== t);
+      _("update:overrides", r ?? []);
+    }
+    const { t: c } = q(), N = i(
+      () => (t) => [
+        {
+          accessorKey: "label",
+          enableSorting: !1,
+          header: c("menu.apply_product.table.category_count", {
+            name: t.name,
+            count: t.items.length
+          }),
+          cell: (e) => {
+            var l;
+            const r = e.getValue();
+            return ((l = e.row.original.variant) == null ? void 0 : l.length) ? u(
+              "p",
+              {
+                class: "flex items-center space-x-8"
+              },
+              [
+                u("p", {}, [r]),
+                u(I.FmIcon, {
+                  name: "keyboard_arrow_up",
+                  onClick: e.row.getToggleExpandedHandler(),
+                  class: [
+                    "cursor-pointer",
+                    "transition-transform",
+                    e.row.getIsExpanded() ? "transform rotate-180" : ""
+                  ]
+                })
+              ]
+            ) : r;
+          }
+        },
+        {
+          id: "action",
+          enableSorting: !1,
+          cell: (e) => {
+            const r = e.row.original, a = e.row.depth;
+            return s.editable ? u(
+              "div",
+              {
+                class: "flex items-center justify-end"
+              },
+              u(I.FmButton, {
+                prependIcon: "delete",
+                variant: B.Tertiary,
+                textColor: b.NeutralGray400,
+                onClick: () => {
+                  var o;
+                  if (a > 0) {
+                    const f = (o = e.row.getParentRow()) == null ? void 0 : o.original;
+                    x(f.value, r.value);
+                  } else
+                    x(r.value);
+                }
+              })
+            ) : null;
+          }
+        }
+      ]
+    ), S = U({}), L = (t) => t.variant, T = i(() => k.value.reduce((t, e) => t + e.items.length, 0));
+    return (t, e) => {
+      const r = g("fm-button"), a = g("fm-search"), l = g("fm-table");
+      return d(), p("div", W, [
+        v(Q, { title: t.title }, {
+          "append-title": h(() => [
+            V("div", null, [
+              t.editable ? (d(), j(J, {
+                key: 0,
+                "categorized-items": y.value,
+                "initial-value": t.overrides,
+                "select-variant": t.selectVariant,
+                "show-variant": E.value,
+                title: n(c)("menu.apply_product.link.title"),
+                onSubmit: e[0] || (e[0] = (o) => _("update:overrides", o))
+              }, {
+                default: h(({ trigger: o }) => [
+                  v(r, {
+                    "text-color": n(b).ColorPrimary,
+                    "border-color": n(b).ColorPrimary,
+                    variant: n(B).Secondary,
+                    label: n(c)("menu.common.actions.link_product"),
+                    "prepend-icon": "link",
+                    onClick: o
+                  }, null, 8, ["text-color", "border-color", "variant", "label", "onClick"])
+                ]),
+                _: 1
+              }, 8, ["categorized-items", "initial-value", "select-variant", "show-variant", "title"])) : C("", !0)
+            ])
+          ]),
+          default: h(() => [
+            V("div", X, [
+              t.editable ? (d(), p("p", Y, A(n(c)("menu.common.labels.product_count", { count: T.value })), 1)) : C("", !0),
+              v(a, {
+                modelValue: n(m),
+                "onUpdate:modelValue": e[1] || (e[1] = (o) => D(m) ? m.value = o : null),
+                placeholder: n(c)("menu.common.labels.search_product"),
+                class: "flex-1"
+              }, null, 8, ["modelValue", "placeholder"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["title"]),
+        (d(!0), p(G, null, H(R.value, (o) => (d(), p("div", {
+          key: o.id || "",
+          class: "xs:overflow-x-scroll"
+        }, [
+          v(l, {
+            "column-defs": N.value(o),
+            "expanded-state": S.value,
+            "get-sub-row": L,
+            "page-size": 9999,
+            "row-data": o.items,
+            "search-value": n(m),
+            "shrink-at": !1,
+            "hide-footer": "",
+            "onUpdate:expandedState": e[2] || (e[2] = (f) => S.value = f)
+          }, null, 8, ["column-defs", "expanded-state", "row-data", "search-value"])
+        ]))), 128))
+      ]);
+    };
+  }
+});
+export {
+  ae as _
+};

package/dist/{ApplyProducts.vue_vue_type_script_setup_true_lang-BJ0b_uKf.js → ApplyProducts.vue_vue_type_script_setup_true_lang-CXoRwrTi.js}

@@ -1,8 +1,8 @@
 import { defineComponent as T, ref as y, computed as k, resolveComponent as m, openBlock as p, createBlock as w, unref as G, withCtx as f, createElementVNode as s, createVNode as u, toDisplayString as g, createElementBlock as b, Fragment as F, renderList as B } from "vue";
-import { d as V } from "./app-D7e31gIv.js";
+import { d as V } from "./app-t9ONnc0s.js";
 import "@feedmepos/ui-library";
 import "@feedmepos/mf-common";
-import { u as H, l as J } from "./lodash-BIQx_fko.js";
+import { u as H, l as J } from "./lodash-VivR_BQ2.js";
 const M = { class: "flex items-center gap-8" }, Q = { class: "flex flex-col h-full" }, R = { class: "flex items-center gap-24 mb-16" }, W = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, X = { class: "flex-1" }, Y = { class: "grow overflow-y-auto py-16 space-y-24" }, Z = { class: "flex items-center" }, ee = { class: "ml-8 fm-card__title grow overflow-hidden text-nowrap text-ellipsis" }, te = { class: "ml-16" }, le = { class: "flex gap-8 items-center justify-start" }, ie = /* @__PURE__ */ T({
   __name: "ApplyProducts",
   props: {