@feedmepos/mf-inventory-portal 0.0.5 → 0.0.7-dev.1

package/dist/IngredientsView-2ZKdzsgI.js

@@ -1,739 +0,0 @@
-import { ref as B, defineComponent as J, computed as d, resolveComponent as b, openBlock as k, createBlock as R, withCtx as x, createVNode as i, createElementBlock as z, Fragment as j, createElementVNode as D, createCommentVNode as G, onMounted as pe, watch as ve, unref as h, normalizeClass as fe, createTextVNode as ge, toDisplayString as be, renderList as Ve, isRef as ee, normalizeStyle as _e, Teleport as ye, normalizeProps as Fe, guardReactiveProps as he } from "vue";
-import { u as Q, c as ae, S as Se, F as L, a as ne, b as ke } from "./app-BzDhmCVx.js";
-import { useDialog as we, useSnackbar as se, useProxiedModel as te, useBreakpoints as Ie } from "@feedmepos/ui-library";
-import { i as xe, _ as Ce } from "./is-linked-ingredient-error-C6AghEwR.js";
-import { F as I, D as le, R as Y } from "./row-action.enum-BwQbURNh.js";
-import { c as Ee, _ as Me, F as oe, u as Ae } from "./layout-BvUjg6JS.js";
-import { _ as De } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js";
-import { R as X, U as Ue } from "./rules-DHfAMDW3.js";
-import { g as Re } from "./use-inventory-binding-dialog-B6JO7050.js";
-import { _ as $e } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CnsDmPTe.js";
-import { _ as Z } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-CD89qCIa.js";
-function Te() {
-  const C = we(), y = se(), p = Q(), t = B(!1), l = B();
-  function o() {
-    const s = {
-      unit: {},
-      mode: I.CREATE,
-      show: !0,
-      "onUpdate:show"(v) {
-        l.value.show = v;
-      }
-    };
-    l.value = s;
-  }
-  async function m(s) {
-    const v = {
-      unit: ae(s),
-      mode: I.UPDATE,
-      show: !0,
-      "onUpdate:show"(u) {
-        l.value.show = u;
-      }
-    };
-    l.value = v;
-  }
-  async function w(s) {
-    t.value = !0;
-    try {
-      await p.deleteSku(s), y.open({
-        title: "Success",
-        message: `Deleted ${s.name}`,
-        type: "success"
-      });
-    } catch (v) {
-      v instanceof Se && xe(v) ? C.open({
-        title: "Cannot delete ingredient",
-        contentComponent: Ce,
-        contentComponentProps: {
-          subject: (s == null ? void 0 : s.name) ?? "",
-          items: v.errorResponse.message
-        },
-        secondaryActions: {
-          text: "Close",
-          close: !0
-        }
-      }) : console.log("unable to delete ingredient", v), y.open({
-        title: `Cannot delete ${s.name}`,
-        message: "Please try again.",
-        type: "error"
-      }), console.error("failed to delete ingredient", v);
-    } finally {
-      t.value = !1;
-    }
-  }
-  function E(s) {
-    C.open({
-      title: `Delete ${(s == null ? void 0 : s.name) ?? "ingredient"}?`,
-      closeButton: !1,
-      message: "You may not be able to delete this ingredient if it is linked in any of the inventory modules.",
-      primaryActions: {
-        text: "Delete",
-        close: !0,
-        variant: "destructive"
-      },
-      secondaryActions: {
-        text: "Cancel",
-        close: !0
-      }
-    }).onPrimary(() => w(s));
-  }
-  return {
-    createIngredient: o,
-    updateIngredient: m,
-    deleteIngredient: E,
-    ingredientDialogProps: l,
-    ingredientViewLoading: t
-  };
-}
-function Be({
-  updateIngredient: C,
-  deleteIngredient: y
-}) {
-  async function p(l, o) {
-    const m = ae(o);
-    if (l === Y.Edit) {
-      await C(m);
-      return;
-    }
-    if (l === Y.Delete) {
-      await y(m);
-      return;
-    }
-  }
-  return { columnDefs: [
-    {
-      accessorKey: "code",
-      header: "Code",
-      enableSorting: !0,
-      size: 300
-    },
-    {
-      accessorKey: "name",
-      header: "Name",
-      enableSorting: !0,
-      size: 300
-    },
-    {
-      accessorFn: (l) => {
-        var o;
-        if (l.trackingMeasurement) {
-          const m = (o = l.unit.measurements) == null ? void 0 : o.find(
-            (w) => w.id === l.trackingMeasurement
-          );
-          if (m)
-            return `${m.name} (${m.abbrev})`;
-        }
-        return `${l.unit.name} (${l.unit.abbrev})`;
-      },
-      header: "Unit",
-      enableSorting: !1,
-      size: "auto"
-    },
-    {
-      id: "action",
-      header: "",
-      cell(l) {
-        return Ee(
-          [le[Y.Edit], le[Y.Delete]],
-          (o) => {
-            p(o, l.row.original);
-          }
-        );
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ] };
-}
-const Pe = /* @__PURE__ */ J({
-  __name: "ConvertForm",
-  props: {
-    modelValue: {},
-    rootValue: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(C, { emit: y }) {
-    const p = C, t = d(() => {
-      var u;
-      return (u = p.rootValue) == null ? void 0 : u.unit;
-    }), l = d(() => {
-      var u;
-      return (u = p.rootValue) == null ? void 0 : u._id;
-    }), o = y, m = d({
-      get() {
-        return !!p.modelValue;
-      },
-      set(u) {
-        u ? o("update:modelValue", {
-          measurement: null,
-          inventoryBindings: []
-        }) : o("update:modelValue", null);
-      }
-    }), w = d(() => Re(t.value));
-    function E(u) {
-      const c = p.modelValue ?? {};
-      c.measurement = u ? `${u}` : null, o("update:modelValue", c);
-    }
-    function s(u) {
-      const c = p.modelValue ?? {};
-      c.inventoryBindings = u, o("update:modelValue", c);
-    }
-    const v = d(() => {
-      if (!p.modelValue) return null;
-      const u = p.modelValue;
-      return u.measurement ? w.value.find((c) => c.value === u.measurement) ?? null : w.value.find((c) => c.value === null) ?? null;
-    });
-    return (u, c) => {
-      const $ = b("FmSwitch"), V = b("FmSelect"), _ = b("FmCard");
-      return k(), R(_, {
-        variant: "outlined",
-        class: "p-16 flex flex-col gap-16"
-      }, {
-        default: x(() => {
-          var M, S;
-          return [
-            i($, {
-              value: "",
-              "model-value": m.value,
-              "onUpdate:modelValue": c[0] || (c[0] = (F) => m.value = F),
-              label: "Convertible",
-              sublabel: "Convertible from other recipe or ingredients",
-              labelPlacement: "right"
-            }, null, 8, ["model-value"]),
-            m.value ? (k(), z(j, { key: 0 }, [
-              D("div", null, [
-                i(V, {
-                  label: "Recipes and ingredients convert to",
-                  modelValue: (M = v.value) == null ? void 0 : M.value,
-                  "onUpdate:modelValue": E,
-                  items: w.value
-                }, null, 8, ["modelValue", "items"])
-              ]),
-              i($e, {
-                id: l.value,
-                "model-value": ((S = u.modelValue) == null ? void 0 : S.inventoryBindings) ?? [],
-                "onUpdate:modelValue": s,
-                "exclude-binding-id": l.value
-              }, null, 8, ["id", "model-value", "exclude-binding-id"])
-            ], 64)) : G("", !0)
-          ];
-        }),
-        _: 1
-      });
-    };
-  }
-}), Oe = { class: "col-span-2 mt-16" }, Le = {
-  key: 0,
-  class: "col-span-2 mt-16 border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
-}, Ne = /* @__PURE__ */ J({
-  __name: "IngredientForm",
-  props: {
-    mode: {},
-    modelValue: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue", "click:submit"],
-  setup(C, { expose: y, emit: p }) {
-    var O;
-    const t = C, l = p, o = Q();
-    function m(e) {
-      if (e.length === 0) return;
-      const n = e[0], a = t.modelValue ?? {
-        unit: o.units.find((r) => r)
-      };
-      a.unit || (a.unit = n, l("update:modelValue", a));
-    }
-    pe(() => {
-      m(o.units);
-    }), ve([() => o.units], ([e]) => {
-      m(e);
-    });
-    function w() {
-      l("click:submit");
-    }
-    const E = d({
-      get() {
-        var e;
-        return ((e = t.modelValue) == null ? void 0 : e.code) ?? "";
-      },
-      set(e) {
-        const n = t.modelValue ? {
-          ...t.modelValue
-        } : {};
-        n.code = e, l("update:modelValue", n);
-      }
-    }), s = d({
-      get() {
-        var e;
-        return ((e = t.modelValue) == null ? void 0 : e.name) ?? "";
-      },
-      set(e) {
-        const n = t.modelValue ? {
-          ...t.modelValue
-        } : {};
-        n.name = e, l("update:modelValue", n);
-      }
-    }), v = d(() => {
-      var n, a, r;
-      const e = ((n = t.modelValue) == null ? void 0 : n.unit) ?? o.units.find((f) => f);
-      return e ? {
-        _id: e._id,
-        measurement: (a = t.modelValue) == null ? void 0 : a.trackingMeasurement,
-        name: ((r = e.measurements.find((f) => {
-          var g;
-          return f.id === ((g = t.modelValue) == null ? void 0 : g.trackingMeasurement);
-        })) == null ? void 0 : r.name) ?? e.name
-      } : null;
-    }), u = d(
-      () => o.units.flatMap(({ name: e, _id: n, abbrev: a, measurements: r }) => [
-        {
-          label: `${e}`,
-          value: null,
-          displayAsSection: !0
-        },
-        {
-          label: `${e} (${a})`,
-          value: { _id: n },
-          displayAsSection: !1
-        },
-        ...r.map(({ id: f, name: g, abbrev: N }) => ({
-          label: `${g} (${N})`,
-          value: { _id: n, measurement: f },
-          displayAsSection: !1
-        }))
-      ])
-    );
-    function c(e) {
-      var n, a, r, f, g;
-      return ((a = (n = t.modelValue) == null ? void 0 : n.unit) == null ? void 0 : a._id) === ((r = e.value) == null ? void 0 : r._id) && ((f = t.modelValue) == null ? void 0 : f.trackingMeasurement) === ((g = e.value) == null ? void 0 : g.measurement);
-    }
-    function $(e) {
-      if (!e) return;
-      const { _id: n, measurement: a } = e, r = a || void 0, f = o.units.find((N) => N._id === n);
-      if (!f)
-        return;
-      const g = t.modelValue ?? {};
-      g.unit = f, g.trackingMeasurement = r, g.convert && (g.convert.measurement = r || null), l("update:modelValue", g);
-    }
-    const V = d({
-      get() {
-        var e;
-        return ((e = t.modelValue) == null ? void 0 : e.convert) ?? null;
-      },
-      set(e) {
-        const n = t.modelValue ? {
-          ...t.modelValue
-        } : {};
-        e ? n.convert = e : n.convert = null, l("update:modelValue", n);
-      }
-    }), _ = d(() => L.options.filter(
-      (e) => e === L.enum.FIFO || e === L.enum.WAVG
-    ).map((e) => {
-      function n(a) {
-        switch (a) {
-          case L.enum.WAVG:
-            return "Weighted Average (WAVG)";
-          case L.enum.FIFO:
-            return "First In First Out (FIFO)";
-          case L.enum.LIFO:
-            return "Last In First Out (LIFO)";
-          case L.enum.FEFO:
-            return "First Expired First Out (FEFO)";
-        }
-        return "";
-      }
-      return {
-        label: n(e),
-        value: e
-      };
-    })), M = d({
-      get() {
-        var e;
-        return ((e = t.modelValue) == null ? void 0 : e.valuation) ?? "WAVG";
-      },
-      set(e) {
-        const n = t.modelValue ? {
-          ...t.modelValue
-        } : {};
-        n.valuation = e, l("update:modelValue", n);
-      }
-    }), S = B();
-    y({
-      validateInputs: () => {
-        var e, n;
-        (n = (e = S.value) == null ? void 0 : e.validateInputs) == null || n.call(e);
-      },
-      resetInputsValidation: () => {
-        var e, n;
-        (n = (e = S.value) == null ? void 0 : e.resetInputsValidation) == null || n.call(e);
-      },
-      resetInputs: () => {
-        var e, n;
-        (n = (e = S.value) == null ? void 0 : e.resetInputs) == null || n.call(e);
-      }
-    });
-    const F = B(!1), q = d(
-      () => {
-        var e, n, a;
-        return (e = t.modelValue) != null && e._id ? ((a = o.menu.bindedBySkuId[(n = t.modelValue) == null ? void 0 : n._id]) == null ? void 0 : a.filter(
-          (r) => r.from === "INGREDIENT"
-        )) ?? [] : [];
-      }
-    ), T = d(
-      () => {
-        var e, n, a;
-        return (e = t.modelValue) != null && e._id ? ((a = o.menu.bindedBySkuId[(n = t.modelValue) == null ? void 0 : n._id]) == null ? void 0 : a.filter(
-          (r) => r.from === "RECIPE"
-        )) ?? [] : [];
-      }
-    ), P = d(
-      () => {
-        var e, n, a;
-        return (e = t.modelValue) != null && e._id ? ((a = o.menu.bindedBySkuId[(n = t.modelValue) == null ? void 0 : n._id]) == null ? void 0 : a.filter((r) => r.from === "MENU")) ?? [] : [];
-      }
-    ), H = d(
-      () => o.skus.map((e) => ({ label: e.name, value: e.code }))
-    ), W = B((O = t.modelValue) == null ? void 0 : O.code);
-    function K(e) {
-      var a;
-      const n = e.el;
-      n && ((a = n.querySelector("[x-should-scroll-into=true]")) == null || a.scrollIntoView());
-    }
-    return (e, n) => {
-      const a = b("FmTextField"), r = b("FmSelect"), f = b("FmLabel"), g = b("FmField"), N = b("FmMenuHeader"), ue = b("FmMenuDivider"), re = b("FmMenuItem"), ie = b("FmMenu"), de = b("FmFormGroup"), me = b("FmSwitch"), ce = b("FmForm");
-      return k(), R(ce, {
-        disabled: e.disabled,
-        ref_key: "formRef",
-        ref: S,
-        class: "grid grid-cols-2 gap-24",
-        onValidationSuccess: w
-      }, {
-        default: x(() => [
-          i(a, {
-            label: "Code",
-            "model-value": E.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (A) => E.value = A),
-            rules: [h(X)(), h(Ue)(H.value, W.value)],
-            "label-mark": "required"
-          }, null, 8, ["model-value", "rules"]),
-          i(a, {
-            label: "Name",
-            "model-value": s.value,
-            "onUpdate:modelValue": n[1] || (n[1] = (A) => s.value = A),
-            rules: [h(X)()],
-            "label-mark": "required"
-          }, null, 8, ["model-value", "rules"]),
-          i(r, {
-            class: "col-span-2",
-            "model-value": M.value,
-            "onUpdate:modelValue": n[2] || (n[2] = (A) => M.value = A),
-            label: "Valuation Method",
-            items: _.value
-          }, null, 8, ["model-value", "items"]),
-          i(de, {
-            class: "col-span-2",
-            "model-value": v.value,
-            rules: [h(X)()],
-            "label-mark": "required"
-          }, {
-            label: x(() => [
-              i(f, { label: "Unit" })
-            ]),
-            default: x(({ invalid: A }) => [
-              i(ie, null, {
-                "menu-button": x(() => [
-                  i(g, {
-                    class: fe([
-                      "fm-typo-en-body-lg-400",
-                      {
-                        "text-fm-color-typo-primary": !e.disabled,
-                        "text-fm-color-typo-disabled": e.disabled
-                      }
-                    ]),
-                    invalid: A,
-                    "append-icon": "expand_more"
-                  }, {
-                    default: x(() => {
-                      var U;
-                      return [
-                        ge(be((U = v.value) == null ? void 0 : U.name), 1)
-                      ];
-                    }),
-                    _: 2
-                  }, 1032, ["class", "invalid"])
-                ]),
-                default: x(() => [
-                  D("div", {
-                    class: "overflow-x-hidden overflow-y-auto max-h-[300px]",
-                    onVnodeMounted: K
-                  }, [
-                    (k(!0), z(j, null, Ve(u.value, (U) => (k(), z(j, {
-                      key: U.label
-                    }, [
-                      U.displayAsSection ? (k(), z(j, { key: 0 }, [
-                        i(N, {
-                          label: U.label
-                        }, null, 8, ["label"]),
-                        i(ue)
-                      ], 64)) : (k(), R(re, {
-                        key: 1,
-                        label: U.label,
-                        "model-value": c(U),
-                        onClick: (Je) => $(U.value),
-                        "x-should-scroll-into": `${c(U)}`
-                      }, null, 8, ["label", "model-value", "onClick", "x-should-scroll-into"]))
-                    ], 64))), 128))
-                  ], 512)
-                ]),
-                _: 2
-              }, 1024)
-            ]),
-            _: 1
-          }, 8, ["model-value", "rules"]),
-          D("div", Oe, [
-            i(Pe, {
-              "model-value": V.value,
-              "onUpdate:modelValue": n[3] || (n[3] = (A) => V.value = A),
-              "root-value": e.modelValue
-            }, null, 8, ["model-value", "root-value"])
-          ]),
-          e.mode !== h(I).CREATE ? (k(), z("div", Le, [
-            D("div", null, [
-              i(me, {
-                label: "Show binded items",
-                modelValue: F.value,
-                "onUpdate:modelValue": n[4] || (n[4] = (A) => F.value = A),
-                "label-placement": "right"
-              }, null, 8, ["modelValue"])
-            ]),
-            F.value && q.value.length ? (k(), R(Z, {
-              key: 0,
-              name: "Ingredient",
-              bindings: q.value
-            }, null, 8, ["bindings"])) : G("", !0),
-            F.value && T.value.length ? (k(), R(Z, {
-              key: 1,
-              name: "Recipe",
-              bindings: T.value
-            }, null, 8, ["bindings"])) : G("", !0),
-            F.value && P.value.length ? (k(), R(Z, {
-              key: 2,
-              name: "Menu",
-              bindings: P.value
-            }, null, 8, ["bindings"])) : G("", !0)
-          ])) : G("", !0)
-        ]),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-}), ze = { class: "flex gap-4" }, Ge = /* @__PURE__ */ J({
-  __name: "IngredientDialog",
-  props: {
-    show: { type: Boolean },
-    unit: {},
-    mode: { default: I.READ }
-  },
-  emits: ["update:show"],
-  setup(C) {
-    const y = C, p = Q(), t = se(), l = te(y, "show"), o = te(y, "unit"), m = d(() => {
-      switch (y.mode) {
-        case I.READ:
-          return "View Ingredient";
-        case I.UPDATE:
-          return "Edit Ingredient";
-        case I.CREATE:
-          return "Add Ingredient";
-      }
-      return "";
-    }), w = d(() => {
-      switch (y.mode) {
-        case I.READ:
-          return "";
-        case I.UPDATE:
-          return "Save";
-        case I.CREATE:
-          return "Add";
-      }
-      return "";
-    }), E = B(), s = B(!1);
-    async function v() {
-      s.value = !0;
-      try {
-        await p.createSku(o.value), l.value = !1, t.open({
-          title: "Success",
-          message: "Created " + o.value.name,
-          type: "success"
-        });
-      } catch (V) {
-        V instanceof ne || t.open({
-          title: "Failed to create ingredient",
-          message: "Please try again",
-          type: "error"
-        });
-      } finally {
-        s.value = !1;
-      }
-    }
-    async function u() {
-      s.value = !0;
-      try {
-        await p.updateSku(o.value), s.value = !1, l.value = !1, t.open({
-          title: "Success",
-          message: "Updated " + o.value.name,
-          type: "success"
-        });
-      } catch (V) {
-        V instanceof ne || t.open({
-          title: "Failed to update ingredient",
-          message: "Please try again",
-          type: "error"
-        });
-      } finally {
-        s.value = !1;
-      }
-    }
-    function c() {
-      var V, _;
-      (_ = (V = E.value) == null ? void 0 : V.validateInputs) == null || _.call(V);
-    }
-    function $() {
-      switch (y.mode) {
-        case I.READ:
-          return;
-        case I.UPDATE:
-          return u();
-        case I.CREATE:
-          return v();
-      }
-    }
-    return (V, _) => {
-      const M = b("FmButton"), S = b("FmSideSheet");
-      return k(), R(S, {
-        "model-value": h(l),
-        "onUpdate:modelValue": _[3] || (_[3] = (F) => ee(l) ? l.value = F : null),
-        header: m.value,
-        "close-button": "",
-        "dismiss-away": "",
-        "max-width": 500
-      }, {
-        "side-sheet-footer": x(() => [
-          D("div", ze, [
-            i(M, {
-              loading: s.value,
-              label: w.value,
-              onClick: c
-            }, null, 8, ["loading", "label"]),
-            i(M, {
-              disabled: s.value,
-              label: "Close",
-              variant: "tertiary",
-              onClick: _[2] || (_[2] = (F) => l.value = !1)
-            }, null, 8, ["disabled"])
-          ])
-        ]),
-        default: x(() => [
-          i(Ne, {
-            class: "w-full",
-            ref_key: "hasValidationExpose",
-            ref: E,
-            modelValue: h(o),
-            "onUpdate:modelValue": _[0] || (_[0] = (F) => ee(o) ? o.value = F : null),
-            mode: V.mode,
-            disabled: s.value,
-            "onClick:submit": _[1] || (_[1] = (F) => $())
-          }, null, 8, ["modelValue", "mode", "disabled"])
-        ]),
-        _: 1
-      }, 8, ["model-value", "header"]);
-    };
-  }
-}), qe = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, He = { class: "px-8 flex items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, We = { class: "flex-1 w-full" }, Ke = { class: "flex flex-col py-8" }, Ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, je = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, rn = /* @__PURE__ */ J({
-  __name: "IngredientsView",
-  setup(C) {
-    const y = Q(), p = d(() => y.skus), t = ke(), {
-      createIngredient: l,
-      updateIngredient: o,
-      deleteIngredient: m,
-      ingredientDialogProps: w,
-      ingredientViewLoading: E
-    } = Te(), { columnDefs: s } = Be({ updateIngredient: o, deleteIngredient: m });
-    function v(M) {
-      M === "add" && l();
-    }
-    const u = B(""), c = d(() => E.value), { breakpoints: $ } = Ie(), V = d(() => $.value.xs || $.value.sm ? 10 : 20), _ = Ae();
-    return (M, S) => {
-      const F = b("FmTableToolbar"), q = b("FmTable");
-      return k(), R(De, {
-        title: "Ingredient",
-        actions: [{ label: "Add ingredient", value: "add", isPrimary: !0, prependIcon: "add" }],
-        "onClick:action": v
-      }, {
-        default: x(() => [
-          D("div", qe, [
-            D("div", He, [
-              D("div", We, [
-                i(F, {
-                  searchable: "",
-                  "search-model": u.value,
-                  "onUpdate:searchModel": S[0] || (S[0] = (T) => u.value = T)
-                }, null, 8, ["search-model"])
-              ])
-            ]),
-            i(q, {
-              style: _e(h(_).tableHeight),
-              "column-defs": h(s),
-              "row-data": p.value,
-              "search-value": u.value,
-              loading: !h(t)._currentLocation || c.value,
-              onRowClick: S[1] || (S[1] = (T) => h(o)(T.original)),
-              "page-size": V.value
-            }, {
-              "list-row": x((T) => [
-                i(Me, {
-                  row: T,
-                  onRowClick: h(o)
-                }, {
-                  default: x((P) => {
-                    var H, W, K, O, e, n, a, r, f, g;
-                    return [
-                      D("div", Ke, [
-                        D("div", Ye, [
-                          i(h(oe), {
-                            render: (K = (W = (H = P.code) == null ? void 0 : H.column) == null ? void 0 : W.columnDef) == null ? void 0 : K.cell,
-                            props: (e = (O = P.code) == null ? void 0 : O.getContext) == null ? void 0 : e.call(O)
-                          }, null, 8, ["render", "props"])
-                        ]),
-                        D("div", je, [
-                          i(h(oe), {
-                            render: (r = (a = (n = P.name) == null ? void 0 : n.column) == null ? void 0 : a.columnDef) == null ? void 0 : r.cell,
-                            props: (g = (f = P.name) == null ? void 0 : f.getContext) == null ? void 0 : g.call(f)
-                          }, null, 8, ["render", "props"])
-                        ])
-                      ])
-                    ];
-                  }),
-                  _: 2
-                }, 1032, ["row", "onRowClick"])
-              ]),
-              _: 1
-            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
-          ]),
-          (k(), R(ye, { to: "body" }, [
-            i(Ge, Fe(he(h(w))), null, 16)
-          ]))
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  rn as default
-};