@feedmepos/mf-inventory-portal 0.0.23-dev.31 → 0.0.23-dev.4

package/dist/TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js

@@ -0,0 +1,135 @@
+import { useI18n as R } from "@feedmepos/mf-common";
+import { components as h } from "@feedmepos/ui-library";
+import { h as i, defineComponent as F, computed as B, openBlock as u, createBlock as V, resolveDynamicComponent as z, unref as p, normalizeClass as D, withCtx as M, createElementVNode as c, renderSlot as N, normalizeProps as P, guardReactiveProps as _, createElementBlock as m, Fragment as w, renderList as E, createVNode as b, createCommentVNode as y } from "vue";
+const { FmMenu: L, FmButton: S, FmMenuItem: $ } = h;
+function O(o, a) {
+  return i(
+    L,
+    {
+      trigger: "click",
+      stopClickPropagation: !0
+    },
+    {
+      "menu-button": () => i(S, {
+        type: "button",
+        variant: "tertiary",
+        icon: "more_vert",
+        iconColor: "#000000",
+        size: "md"
+      }),
+      default: () => i(
+        "div",
+        {
+          style: {
+            backgroundColor: "white",
+            padding: "4px",
+            width: "160px"
+          }
+        },
+        o.map(({ translationKey: t, color: e, value: r }) => {
+          const { t: s } = R(), n = s(t);
+          return i(
+            $,
+            {
+              onClick() {
+                a(r ?? n);
+              }
+            },
+            {
+              label: () => i(
+                "span",
+                {
+                  class: e
+                },
+                n
+              )
+            }
+          );
+        })
+      )
+    }
+  );
+}
+/**
+   * vue-table
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */
+const I = F({
+  props: ["render", "props"],
+  setup: (o) => () => typeof o.render == "function" || typeof o.render == "object" ? i(o.render, o.props) : o.render
+}), j = { class: "flex gap-4 w-full" }, A = { class: "flex-1" }, T = { class: "flex flex-col" }, q = { key: 0 }, G = { key: 0 }, Q = /* @__PURE__ */ F({
+  __name: "TableActionableRow",
+  props: {
+    row: {},
+    onRowClick: {},
+    actionColumnId: { default: "action" }
+  },
+  setup(o) {
+    const a = o, t = B(
+      () => a.row.getVisibleCells().reduce(
+        (e, r) => (e[r.column.id] = r, e),
+        {}
+      )
+    );
+    return (e, r) => (u(), V(z(e.onRowClick ? p(h).FmListItem : "div"), {
+      class: D([
+        "w-full border-b border-fm-color-neutral-gray-100",
+        {
+          "bg-fm-color-neutral-gray-100": e.row.getIsSelected(),
+          "cursor-pointer": typeof e.onRowClick == "function"
+        }
+      ]),
+      onClick: r[0] || (r[0] = (s) => {
+        var n;
+        return (n = e.onRowClick) == null ? void 0 : n.call(e, e.row.original);
+      })
+    }, {
+      default: M(() => {
+        var s, n, f, d, C;
+        return [
+          c("div", j, [
+            c("div", A, [
+              N(e.$slots, "default", P(_(t.value)), () => [
+                c("div", T, [
+                  (u(!0), m(w, null, E(a.row.getVisibleCells(), (l) => {
+                    var g, v, k;
+                    return u(), m(w, {
+                      key: l.id
+                    }, [
+                      l.column.id !== e.actionColumnId ? (u(), m("div", q, [
+                        b(p(I), {
+                          render: (v = (g = l.column) == null ? void 0 : g.columnDef) == null ? void 0 : v.cell,
+                          props: (k = l.getContext) == null ? void 0 : k.call(l)
+                        }, null, 8, ["render", "props"])
+                      ])) : y("", !0)
+                    ], 64);
+                  }), 128))
+                ])
+              ])
+            ]),
+            t.value[e.actionColumnId ?? ""] ? (u(), m("div", G, [
+              c("div", null, [
+                b(p(I), {
+                  render: (f = (n = (s = t.value[e.actionColumnId ?? ""]) == null ? void 0 : s.column) == null ? void 0 : n.columnDef) == null ? void 0 : f.cell,
+                  props: (C = (d = t.value[e.actionColumnId ?? ""]) == null ? void 0 : d.getContext) == null ? void 0 : C.call(d)
+                }, null, 8, ["render", "props"])
+              ])
+            ])) : y("", !0)
+          ])
+        ];
+      }),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  I as F,
+  Q as _,
+  O as c
+};