@gisce/react-ooui 2.121.0 → 2.121.1

package/dist/docs.es.js

@@ -0,0 +1,694 @@
+var F = Object.defineProperty;
+var D = (d, n, e) => n in d ? F(d, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[n] = e;
+var h = (d, n, e) => (D(d, typeof n != "symbol" ? n + "" : n, e), e);
+import { jsxs as P, jsx as p } from "react/jsx-runtime";
+import { memo as x, useState as v, useMemo as b, useCallback as A, useEffect as k } from "react";
+import $ from "antd/es/alert/ErrorBoundary";
+import { NotificationProvider as _ } from "@gisce/react-formiga-components";
+import { C as V, a7 as E, T as R, av as L, i as j } from "./TabContent-afd3f2d3.mjs";
+import "antd";
+import "@gisce/ooui";
+import "@ant-design/icons";
+import "interweave";
+import "dayjs";
+import "dayjs/plugin/advancedFormat";
+import "dayjs/plugin/customParseFormat";
+import "dayjs/plugin/isoWeek";
+import "dayjs/plugin/timezone";
+import "dayjs/plugin/duration";
+import "dayjs/plugin/relativeTime";
+import "dayjs/plugin/weekday";
+import "dayjs/plugin/localeData";
+import "antd/lib/input/TextArea";
+import "styled-components";
+import "react-measure";
+import "lodash/debounce";
+import "use-deep-compare";
+import "nanoid";
+import "@ant-design/colors";
+import "antd/lib/typography/Title";
+import "@ant-design/plots";
+import "react-dom/client";
+import "file-type-buffer-browser";
+import "@gisce/react-formiga-table";
+import "antd/es/typography/Link";
+import "antd/lib/_util/colors";
+import "validator";
+import "@gisce/react-formiga-table/style.css";
+import "@gisce/fiber-diagram";
+import "tinycolor2";
+import "react-hotkeys-hook";
+import "validator/lib/isURL";
+import "validator/lib/isEmail";
+import "react-markdown";
+import "remark-gfm";
+import "@monaco-editor/react";
+import "md5";
+import "react-grid-layout";
+import "react-grid-layout/css/styles.css";
+import "@dnd-kit/core";
+import "@dnd-kit/modifiers";
+import "@dnd-kit/sortable";
+import "framer-motion";
+import "@tanstack/react-virtual";
+import "focus-trap-react";
+class I {
+  constructor(n) {
+    h(this, "config");
+    h(this, "data");
+    h(this, "checkPermission", () => ({
+      read: !0,
+      write: !0,
+      create: !0,
+      unlink: !0
+    }));
+    h(this, "checkPermissions", () => ({
+      read: !0,
+      write: !0,
+      create: !0,
+      unlink: !0
+    }));
+    h(this, "permissions", () => ({ read: !0, write: !0, create: !0, unlink: !0 }));
+    this.config = n, this.data = [...n.records];
+  }
+  async fieldsViewGet({ model: n, viewType: e }) {
+    var t, r;
+    if (n === this.config.model)
+      return this.config.view;
+    if ((r = (t = this.config.relatedModels) == null ? void 0 : t[n]) != null && r.view)
+      return this.config.relatedModels[n].view;
+    throw new Error(`View not found for model: ${n}`);
+  }
+  async getView({ model: n, type: e }) {
+    var t, r;
+    if (n === this.config.model)
+      return this.config.view;
+    if ((r = (t = this.config.relatedModels) == null ? void 0 : t[n]) != null && r.view)
+      return this.config.relatedModels[n].view;
+    throw new Error(`View not found for model: ${n}`);
+  }
+  async readObjects(n) {
+    var r;
+    const { model: e, ids: t } = n;
+    return e === this.config.model ? this.data.filter((i) => t.includes(i.id)).map((i) => this.transformRecordFields(i)) : (r = this.config.relatedModels) != null && r[e] ? this.config.relatedModels[e].records.filter(
+      (o) => t.includes(o.id)
+    ) : [];
+  }
+  /**
+   * Transform one2many and many2many field values to the format expected by react-ooui.
+   * For one2many/many2many fields, the format is:
+   * { fields: {...}, items: [{ id, operation: "original", values: {...}, treeValues: {...} }] }
+   */
+  transformRecordFields(n) {
+    var r, o;
+    const e = { ...n }, t = this.config.view.fields;
+    for (const [i, a] of Object.entries(t)) {
+      const s = n[i];
+      if (s && (a.type === "one2many" || a.type === "many2many")) {
+        const l = a.relation;
+        if (!l)
+          continue;
+        const c = (r = this.config.relatedModels) == null ? void 0 : r[l];
+        if (!c)
+          continue;
+        let u = [];
+        Array.isArray(s) && (s.length > 0 && Array.isArray(s[0]) && s[0][0] === 6 ? u = s[0][2] || [] : u = s.filter(
+          (f) => typeof f == "number"
+        ));
+        const g = c.records.filter(
+          (f) => u.includes(f.id)
+        );
+        e[i] = {
+          fields: ((o = c.view) == null ? void 0 : o.fields) || {},
+          items: g.map((f) => ({
+            id: f.id,
+            operation: "original",
+            values: f,
+            treeValues: f
+          }))
+        };
+      }
+    }
+    return e;
+  }
+  async read({ model: n, ids: e }) {
+    return this.readObjects({ model: n, ids: e });
+  }
+  async search({ model: n, fieldsToRetrieve: e }) {
+    var t;
+    return n === this.config.model ? e && e.length > 0 ? this.data : this.data.map((r) => r.id) : (t = this.config.relatedModels) != null && t[n] ? e && e.length > 0 ? this.config.relatedModels[n].records : this.config.relatedModels[n].records.map((r) => r.id) : [];
+  }
+  async searchForTree({ model: n }) {
+    return n === this.config.model ? {
+      results: this.data,
+      totalItems: async () => this.data.length,
+      attrsEvaluated: [],
+      items: this.data
+    } : {
+      results: [],
+      totalItems: async () => 0,
+      attrsEvaluated: [],
+      items: []
+    };
+  }
+  async nameGet({ model: n, ids: e }) {
+    var t;
+    return n === this.config.model ? this.data.filter((r) => e.includes(r.id)).map((r) => [r.id, r.name || `Record ${r.id}`]) : (t = this.config.relatedModels) != null && t[n] ? this.config.relatedModels[n].records.filter((r) => e.includes(r.id)).map((r) => [r.id, r.name]) : [];
+  }
+  async nameSearch({ model: n, name: e, payload: t, limit: r }) {
+    var i;
+    const o = (t || e || "").toLowerCase();
+    return n === this.config.model ? this.data.filter(
+      (s) => (s.name || "").toLowerCase().includes(o)
+    ).slice(0, r || 7).map((s) => [s.id, s.name || `Record ${s.id}`]) : (i = this.config.relatedModels) != null && i[n] ? this.config.relatedModels[n].records.filter(
+      (s) => s.name.toLowerCase().includes(o)
+    ).slice(0, r || 7).map((s) => [s.id, s.name]) : [];
+  }
+  async create({ model: n, values: e }) {
+    if (n === this.config.model) {
+      const t = Math.max(0, ...this.data.map((r) => r.id)) + 1;
+      return this.data.push({ id: t, ...e }), t;
+    }
+    return null;
+  }
+  async write({ model: n, ids: e, values: t }) {
+    return n === this.config.model ? (this.data = this.data.map(
+      (r) => e.includes(r.id) ? { ...r, ...t } : r
+    ), !0) : !1;
+  }
+  async unlink({ model: n, ids: e }) {
+    return n === this.config.model ? (this.data = this.data.filter((t) => !e.includes(t.id)), !0) : !1;
+  }
+  async defaultGet({ model: n, extraValues: e }) {
+    return e || {};
+  }
+  async executeOnChange(n) {
+    return { value: {}, warning: null, domain: {} };
+  }
+  getPermissions() {
+    return { read: !0, write: !0, create: !0, unlink: !0 };
+  }
+  async fieldsGet() {
+    return {};
+  }
+  async getDefaults(n) {
+    return {};
+  }
+  async getToolbar(n) {
+    return { action: {}, relate: [], print: [], other: [] };
+  }
+  async execute(n) {
+    return null;
+  }
+  async executeButton(n) {
+    return null;
+  }
+  async executeWorkflow(n) {
+    return null;
+  }
+  async searchCount({ model: n }) {
+    return n === this.config.model ? this.data.length : 0;
+  }
+  async readGroup() {
+    return [];
+  }
+  async export() {
+    return "";
+  }
+  async getTree() {
+    return { field_parent: "", name: "" };
+  }
+  async getXMLViewContent() {
+    return "";
+  }
+  async getActionData() {
+    return {};
+  }
+  async getActionDomain() {
+    return [];
+  }
+  async getDashboardActionData() {
+    return {};
+  }
+  async evalDomain(n) {
+    return [];
+  }
+  async evalContext() {
+    return {};
+  }
+  async getSessionInfo() {
+    return { session_id: "docs-mock" };
+  }
+  async isConnectionOnline() {
+    return !0;
+  }
+  async canCreateNewDatabase() {
+    return !1;
+  }
+  async createNewDatabase() {
+    return !1;
+  }
+  async getDatabaseList() {
+    return [];
+  }
+  async getDistinctValues() {
+    return [];
+  }
+  async copy() {
+    return null;
+  }
+  async getReportData() {
+    return null;
+  }
+  async printReport() {
+    return null;
+  }
+  async call() {
+    return null;
+  }
+  async callWithContext() {
+    return null;
+  }
+  async getSomeCounters() {
+    return {};
+  }
+  async callWizard() {
+    return null;
+  }
+  async callDefaultGetFunction() {
+    return {};
+  }
+  async getRelatedFieldData() {
+    return null;
+  }
+  async getReferencedModels() {
+    return [];
+  }
+  async getTitleFromId() {
+    return "";
+  }
+  async treeButOpen() {
+    return [[null, null, {}]];
+  }
+  async readAggregates() {
+    return {};
+  }
+  async writeConcurrencyField() {
+    return !0;
+  }
+  async parseConditions() {
+    return [];
+  }
+  async parseCondition() {
+    return {};
+  }
+  async processSearchResults() {
+    return { results: [], attrsEvaluated: [] };
+  }
+  async update({ model: n, id: e, values: t }) {
+    return this.write({ model: n, ids: [e], values: t });
+  }
+  async readUserViewPrefs() {
+    return !1;
+  }
+  async saveUserViewPrefs() {
+    return !0;
+  }
+}
+const M = /* @__PURE__ */ new Map();
+let C = null;
+class O extends I {
+  constructor(e) {
+    super({
+      model: "__multi__",
+      view: { view_id: 0, type: "form", arch: "", fields: {} },
+      records: []
+    });
+    h(this, "configs");
+    this.configs = e;
+  }
+  getConfigForModel(e) {
+    return this.configs.get(e);
+  }
+  async fieldsViewGet({ model: e }) {
+    var r, o;
+    const t = this.getConfigForModel(e);
+    if (t)
+      return t.view;
+    for (const i of this.configs.values())
+      if ((o = (r = i.relatedModels) == null ? void 0 : r[e]) != null && o.view)
+        return i.relatedModels[e].view;
+    throw new Error(`View not found for model: ${e}`);
+  }
+  async getView({ model: e, type: t }) {
+    var o, i;
+    const r = this.getConfigForModel(e);
+    if (r)
+      return t === "form" && r.view.type === "tree" ? this.generateFormView(r) : r.view;
+    for (const a of this.configs.values())
+      if ((o = a.relatedModels) != null && o[e]) {
+        const s = a.relatedModels[e];
+        return t === "form" && ((i = s.view) == null ? void 0 : i.type) === "tree" ? this.generateFormViewForRelated(s) : s.view;
+      }
+    throw new Error(`View not found for model: ${e}`);
+  }
+  generateFormView(e) {
+    const t = e.view.fields, o = Object.keys(t).map((i) => `<field name="${i}"/>`).join("");
+    return {
+      view_id: (e.view.view_id || 0) + 1e3,
+      type: "form",
+      arch: `<?xml version="1.0"?><form><group>${o}</group></form>`,
+      fields: t
+    };
+  }
+  generateFormViewForRelated(e) {
+    var i, a;
+    const t = ((i = e.view) == null ? void 0 : i.fields) || {}, o = Object.keys(t).map((s) => `<field name="${s}"/>`).join("");
+    return {
+      view_id: (((a = e.view) == null ? void 0 : a.view_id) || 0) + 1e3,
+      type: "form",
+      arch: `<?xml version="1.0"?><form><group>${o}</group></form>`,
+      fields: t
+    };
+  }
+  async getToolbar({ model: e, type: t, context: r }) {
+    return console.log(`[Docs Preview] getToolbar called: ${e}`, {
+      type: t,
+      context: r
+    }), {
+      action: {},
+      relate: [],
+      print: [],
+      other: []
+    };
+  }
+  async readObjects(e) {
+    var i;
+    const { model: t, ids: r } = e, o = this.getConfigForModel(t);
+    if (o)
+      return o.records.filter((s) => r.includes(s.id)).map(
+        (s) => this.transformX2ManyFields(s, o)
+      );
+    for (const a of this.configs.values())
+      if ((i = a.relatedModels) != null && i[t])
+        return a.relatedModels[t].records.filter(
+          (s) => r.includes(s.id)
+        );
+    return [];
+  }
+  /**
+   * Transform one2many and many2many field values to the format expected by react-ooui.
+   */
+  transformX2ManyFields(e, t) {
+    var i, a;
+    const r = { ...e }, o = t.view.fields;
+    for (const [s, l] of Object.entries(o)) {
+      const c = e[s];
+      if (c && (l.type === "one2many" || l.type === "many2many")) {
+        const u = l.relation;
+        if (!u)
+          continue;
+        const g = (i = t.relatedModels) == null ? void 0 : i[u];
+        if (!g)
+          continue;
+        let f = [];
+        Array.isArray(c) && (c.length > 0 && Array.isArray(c[0]) && c[0][0] === 6 ? f = c[0][2] || [] : f = c.filter(
+          (m) => typeof m == "number"
+        ));
+        const y = g.records.filter(
+          (m) => f.includes(m.id)
+        );
+        r[s] = {
+          fields: ((a = g.view) == null ? void 0 : a.fields) || {},
+          items: y.map((m) => ({
+            id: m.id,
+            operation: "original",
+            values: m,
+            treeValues: m
+          }))
+        };
+      }
+    }
+    return r;
+  }
+  async read({ model: e, ids: t }) {
+    return this.readObjects({ model: e, ids: t });
+  }
+  async search({ model: e, params: t, fieldsToRetrieve: r }) {
+    var i;
+    const o = this.getConfigForModel(e);
+    if (o)
+      return r && r.length > 0 ? o.records : o.records.map((a) => a.id);
+    for (const a of this.configs.values())
+      if ((i = a.relatedModels) != null && i[e])
+        return r && r.length > 0 ? a.relatedModels[e].records : a.relatedModels[e].records.map((s) => s.id);
+    return [];
+  }
+  async searchForTree({ model: e, name_search: t, params: r }) {
+    var s;
+    console.log("[Docs Preview] searchForTree called:", {
+      model: e,
+      name_search: t,
+      params: r
+    });
+    const o = (t || "").toLowerCase(), i = (l) => o ? l.filter(
+      (c) => (c.name || "").toLowerCase().includes(o)
+    ) : l, a = this.getConfigForModel(e);
+    if (a) {
+      const l = i(a.records);
+      return {
+        results: l,
+        totalItems: async () => l.length,
+        attrsEvaluated: [],
+        items: l
+      };
+    }
+    for (const l of this.configs.values())
+      if ((s = l.relatedModels) != null && s[e]) {
+        const c = i(l.relatedModels[e].records);
+        return {
+          results: c,
+          totalItems: async () => c.length,
+          attrsEvaluated: [],
+          items: c
+        };
+      }
+    return {
+      results: [],
+      totalItems: async () => 0,
+      attrsEvaluated: [],
+      items: []
+    };
+  }
+  async nameGet({ model: e, ids: t }) {
+    var o;
+    const r = this.getConfigForModel(e);
+    if (r)
+      return r.records.filter((i) => t.includes(i.id)).map((i) => [i.id, i.name || `Record ${i.id}`]);
+    for (const i of this.configs.values())
+      if ((o = i.relatedModels) != null && o[e])
+        return i.relatedModels[e].records.filter((a) => t.includes(a.id)).map((a) => [a.id, a.name]);
+    return [];
+  }
+  async nameSearch({ model: e, name: t, payload: r, limit: o }) {
+    var s;
+    const i = (r || t || "").toLowerCase(), a = this.getConfigForModel(e);
+    if (a)
+      return a.records.filter(
+        (c) => (c.name || "").toLowerCase().includes(i)
+      ).slice(0, o || 7).map((c) => [c.id, c.name || `Record ${c.id}`]);
+    for (const l of this.configs.values())
+      if ((s = l.relatedModels) != null && s[e])
+        return l.relatedModels[e].records.filter(
+          (u) => u.name.toLowerCase().includes(i)
+        ).slice(0, o || 7).map((u) => [u.id, u.name]);
+    return [];
+  }
+  async searchCount({ model: e, name_search: t }) {
+    var a;
+    const r = (t || "").toLowerCase(), o = (s) => r ? s.filter(
+      (l) => (l.name || "").toLowerCase().includes(r)
+    ) : s, i = this.getConfigForModel(e);
+    if (i)
+      return o(i.records).length;
+    for (const s of this.configs.values())
+      if ((a = s.relatedModels) != null && a[e])
+        return o(s.relatedModels[e].records).length;
+    return 0;
+  }
+  // Button execution methods - return empty/success responses for docs preview
+  async execute({ model: e, action: t, payload: r, context: o }) {
+    if (console.log(`[Docs Preview] execute called: ${e}.${t}`, {
+      payload: r,
+      context: o
+    }), t === "name_get") {
+      const i = Array.isArray(r) ? r : [r];
+      return this.nameGet({ model: e, ids: i });
+    }
+    return {};
+  }
+  async executeButton({ model: e, payload: t }) {
+    return console.log(`[Docs Preview] executeButton called: ${e}`, { payload: t }), {};
+  }
+  async executeWorkflow({ model: e, action: t, payload: r }) {
+    return console.log(`[Docs Preview] executeWorkflow called: ${e}.${t}`, {
+      payload: r
+    }), {};
+  }
+  // Many2one search modal support
+  async searchAllIds({ model: e }) {
+    var r;
+    const t = this.getConfigForModel(e);
+    if (t)
+      return t.records.map((o) => o.id);
+    for (const o of this.configs.values())
+      if ((r = o.relatedModels) != null && r[e])
+        return o.relatedModels[e].records.map((i) => i.id);
+    return [];
+  }
+  // Write/create methods for form interactions
+  async write({ model: e, ids: t, values: r }) {
+    return console.log(`[Docs Preview] write called: ${e}`, { ids: t, values: r }), !0;
+  }
+  async create({ model: e, values: t }) {
+    return console.log(`[Docs Preview] create called: ${e}`, { values: t }), 999;
+  }
+  async update({ model: e, id: t, values: r }) {
+    return console.log(`[Docs Preview] update called: ${e}`, { id: t, values: r }), !0;
+  }
+  // Action reading for action buttons
+  async getAction({ actionId: e }) {
+    return console.log("[Docs Preview] getAction called:", { actionId: e }), { type: "ir.actions.act_window_close" };
+  }
+  // Domain evaluation
+  async evalDomain({ domain: e }) {
+    return e || [];
+  }
+  // Default get for new records
+  async getDefaults({ model: e }) {
+    return {};
+  }
+  // On change handling
+  async executeOnChange({ model: e }) {
+    return { value: {}, warning: null, domain: {} };
+  }
+  // Method for refreshing record data after actions
+  async refresh({ model: e, id: t }) {
+    return console.log(`[Docs Preview] refresh called: ${e}`, { id: t }), this.readObjects({ model: e, ids: [t] });
+  }
+}
+function T(d) {
+  M.set(d.model, d), C = new O(M);
+  const n = new Proxy(C, {
+    get(e, t, r) {
+      const o = Reflect.get(e, t, r);
+      return o !== void 0 ? typeof o == "function" ? o.bind(e) : o : typeof t == "string" && t !== "constructor" ? function() {
+        return { read: !0, write: !0, create: !0, unlink: !0 };
+      } : o;
+    }
+  });
+  return V.init(n), n;
+}
+const N = async () => (console.log("[Docs Preview] Action triggered (mock)"), null), G = {
+  openAction: (d) => {
+    console.log("[Docs Preview] openAction called:", d);
+  },
+  openRelate: (d) => {
+    console.log("[Docs Preview] openRelate called:", d);
+  },
+  openDefaultActionForModel: (d) => {
+    console.log("[Docs Preview] openDefaultActionForModel called:", d);
+  },
+  openShortcut: (d) => {
+    console.log("[Docs Preview] openShortcut called:", d);
+  },
+  activeKey: "docs-preview",
+  onChangeTab: () => {
+  },
+  onRemoveTab: () => {
+  },
+  onReorderTabs: () => {
+  },
+  tabs: []
+}, S = x(function({
+  arch: n,
+  fields: e,
+  values: t,
+  model: r = "docs.preview",
+  relatedModels: o = {},
+  readOnly: i = !0,
+  locale: a = "en_US",
+  height: s,
+  showFooter: l = !1
+}) {
+  const [c, u] = v(!1), [g, f] = v(null), y = b(() => n.includes("<?xml") ? n : `<?xml version="1.0"?>
+${n}`, [n]), m = A(() => {
+    try {
+      T({
+        model: r,
+        view: {
+          view_id: 1,
+          type: "form",
+          arch: y,
+          fields: e
+        },
+        records: [{ id: 1, ...t }],
+        relatedModels: o
+      }), u(!0);
+    } catch (w) {
+      f(
+        w instanceof Error ? w.message : "Failed to initialize mock provider"
+      );
+    }
+  }, [y, e, t, r, o]);
+  return k(() => {
+    m();
+  }, [m]), g ? /* @__PURE__ */ P(
+    "div",
+    {
+      style: {
+        color: "red",
+        padding: 16,
+        border: "1px solid red",
+        borderRadius: 4
+      },
+      children: [
+        "Error: ",
+        g
+      ]
+    }
+  ) : c ? /* @__PURE__ */ p($, { children: /* @__PURE__ */ p(_, { children: /* @__PURE__ */ p(
+    E,
+    {
+      locale: a,
+      erpFeatures: {},
+      userFeatures: { features: {}, canWriteFeatureFlags: !1 },
+      globalValues: {},
+      rootContext: {},
+      devMode: !1,
+      title: "Documentation Preview",
+      treeMaxLimit: 100,
+      children: /* @__PURE__ */ p(R.Provider, { value: G, children: /* @__PURE__ */ p(
+        L.Provider,
+        {
+          value: { processAction: N, globalValues: {} },
+          children: /* @__PURE__ */ p("div", { style: { height: s || "auto" }, children: /* @__PURE__ */ p(
+            j,
+            {
+              model: r,
+              id: 1,
+              showFooter: l,
+              readOnly: i,
+              rootForm: !0,
+              parentContext: {}
+            }
+          ) })
+        }
+      ) })
+    }
+  ) }) }) : /* @__PURE__ */ p("div", { style: { padding: 16, color: "#666" }, children: "Loading preview..." });
+}), Ge = S;
+export {
+  Ge as FormPreview
+};
+//# sourceMappingURL=docs.es.js.map