@gisce/react-ooui 2.0.0-rc.8 → 2.0.0

package/src/stories/forms/Signatures.stories.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-
-import { Form } from "../..";
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Forms/Signatures",
-};
-
-export const Default = (): React.ReactElement => {
-  return (
-    <LocaleProvider lang="en_US">
-      <Form
-        model={"giscedata.signatura.process"}
-        id={6}
-        onCancel={() => {
-          console.log();
-        }}
-        onSubmitSucceed={(value: any) => {
-          console.log();
-        }}
-      />
-    </LocaleProvider>
-  );
-};

package/src/stories/forms/Switching.stories.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-
-import { Form } from "../..";
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Forms/Switching",
-};
-
-export const Default = (): React.ReactElement => {
-  return (
-    <LocaleProvider lang="en_US">
-      <Form
-        model={"giscedata.switching.mod.con.wizard"}
-        id={6}
-        onCancel={() => {
-          console.log();
-        }}
-        onSubmitSucceed={(value: any) => {
-          console.log();
-        }}
-      />
-    </LocaleProvider>
-  );
-};

package/src/stories/graphs/GraphIndicator.stories.tsx

@@ -1,20 +0,0 @@
-import { parseGraph } from "@gisce/ooui";
-import React from "react";
-import { GraphIndicator } from "../..";
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Graphs/GraphIndicator",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = parseGraph(`<?xml version="1.0"?>
-  <graph string="My indicator" type="indicator" />
-  `);
-
-  return (
-    <LocaleProvider lang="en_US">
-      <GraphIndicator model="partner" domain={{}} context={{}} />
-    </LocaleProvider>
-  );
-};

package/src/stories/graphs/PieGraph.stories.tsx

@@ -1,78 +0,0 @@
-import React, { useState, useEffect } from "react";
-import ReactDOM from "react-dom";
-import { Pie, G2 } from "@ant-design/plots";
-
-const { registerTheme } = G2;
-registerTheme("custom-theme", {
-  maxColumnWidth: 500,
-});
-
-const DemoPie = () => {
-  const data = [
-    {
-      type: "1PASS_THROUGH_2022V1_M1_V2",
-      value: 27,
-    },
-    {
-      type: "2PASS_THROUGH_2022V1_M1_V2",
-      value: 25,
-    },
-    {
-      type: "3PASS_THROUGH_2022V1_M1_V2",
-      value: 18,
-    },
-    {
-      type: "4PASS_THROUGH_2022V1_M1_V2",
-      value: 15,
-    },
-    {
-      type: "5PASS_THROUGH_2022V1_M1_V2",
-      value: 10,
-    },
-    {
-      type: "6PASS_THROUGH_2022V1_M1_V2",
-      value: 5,
-    },
-  ];
-  const Compo = Pie as any;
-
-  const config = {
-    // theme: "custom-theme",
-    // appendPadding: 10,
-    // autoFit: false,
-    // width: 1100,
-    // height: 100,
-    padding: "auto",
-    data,
-    angleField: "value",
-    colorField: "type",
-    radius: 0.9,
-    label: {
-      type: "inner",
-      offset: "-30%",
-      content: ({ percent }) => `${(percent * 100).toFixed(0)}%`,
-      style: {
-        fontSize: 14,
-        textAlign: "center",
-      },
-    },
-    legend: {
-      maxWidthRatio: 0.5,
-      maxItemWidth: 1000,
-    },
-    interactions: [
-      {
-        type: "element-active",
-      },
-    ],
-  };
-  return <Compo {...config} />;
-};
-
-export default {
-  title: "Components/Widgets/Graphs/PieGraph",
-};
-
-export const Default = (): React.ReactElement => {
-  return <DemoPie />;
-};

package/src/stories/mocks/index.ts

@@ -1,46 +0,0 @@
-import cups from "./models/cups";
-import partner from "./models/partner";
-import butlleti from "./models/butlleti";
-import modcontractual from "./models/modcontractual";
-import hist_autoconsum from "./models/hist_autoconsum";
-import signatura from "./models/signatura";
-import polissa from "./models/polissa";
-import factura from "./models/factura";
-import lead from "./models/lead";
-import document from "./models/document";
-import company from "./models/company";
-import switching from "./models/switching";
-import attachment from "./models/attachment";
-import crm_case from "./models/crm_case";
-import form_with_gridfiber from "./models/form_with_gridfiber";
-import partner_category from "./models/res_partner_category";
-import activacioContracte from "./models/activacioContracte";
-
-const allModels = [
-  cups,
-  partner,
-  butlleti,
-  modcontractual,
-  hist_autoconsum,
-  signatura,
-  polissa,
-  factura,
-  lead,
-  document,
-  company,
-  switching,
-  attachment,
-  crm_case,
-  form_with_gridfiber,
-  partner_category,
-  activacioContracte,
-];
-
-const getMock = (model: string) => {
-  const found = allModels.find((item) => {
-    return item.model === model;
-  });
-  return found || allModels[0];
-};
-
-export { getMock };

package/src/stories/mocks/mockProvider.ts

@@ -1,186 +0,0 @@
-import ConnectionProvider from "../../ConnectionProvider";
-import { getMock } from "./";
-
-const timeout = 500;
-
-import {
-  ConnectionProviderType,
-  SearchRequest,
-  UpdateObjectRequest,
-  CreateObjectRequest,
-  ExecuteRequest,
-  ReadObjectsRequest,
-  DeleteObjectsRequest,
-  GetViewRequest,
-  CreateReportRequest,
-  GetReportRequest,
-  ExecuteOnChangeRequest,
-  DefaultGetRequest,
-  SearchAllIdsRequest,
-  NameSearchRequest,
-  SearchCountRequest,
-  GetFieldsRequest,
-} from "../../types/index";
-
-const init = () => {
-  const handler: ConnectionProviderType = {
-    getActionStringForModel: async (model: string) => {
-      return "ir.actions.act_window,6";
-    },
-    getViewsForAction: async ({
-      action,
-      context,
-    }: {
-      action: string;
-      context?: any;
-    }) => {
-      const model = "giscedata.facturacio.factura";
-      const views = new Map<string, any>();
-      views.set("tree", (getMock(model) as any).tree);
-      views.set("form", (getMock(model) as any).form);
-
-      return {
-        limit: 0,
-        model,
-        views,
-      };
-    },
-    getView: async (options: GetViewRequest) => {
-      const { model, type } = options;
-      await new Promise((resolve) => setTimeout(resolve, timeout));
-      const data = getMock(model);
-      return data[type];
-    },
-    getFields: async (options: GetFieldsRequest) => {
-      const { model, fields } = options;
-      await new Promise((resolve) => setTimeout(resolve, timeout));
-      const data = getMock(model);
-      const fieldsDef = Object.fromEntries(Object.entries(data.form.fields).filter(([key]) => fields.includes(key)));
-      return fieldsDef;
-
-    },
-    searchAllIds: async (options: SearchCountRequest) => {
-      await new Promise((resolve) => setTimeout(resolve, timeout));
-      return [6];
-    },
-    search: async (options: SearchRequest) => {
-      await new Promise((resolve) => setTimeout(resolve, timeout));
-      const data = getMock(options.model);
-      return [data.exampleValues];
-    },
-    searchForTree: async (options: SearchRequest) => {
-      await new Promise((resolve) => setTimeout(resolve, timeout));
-      const data = getMock(options.model);
-      return {
-        totalItems: 1,
-        results: [data.exampleValues],
-      };
-    },
-    update: async (options: UpdateObjectRequest) => {
-      await new Promise((resolve) => setTimeout(resolve, timeout));
-    },
-    create: async (options: CreateObjectRequest) => {
-      await new Promise((resolve) => setTimeout(resolve, timeout));
-      return 9999;
-    },
-    execute: async (options: ExecuteRequest) => {
-      await new Promise((resolve) => setTimeout(resolve, timeout));
-      return [[1, "Alegría-Dulantzi"]];
-    },
-    executeWorkflow: async (options: ExecuteRequest) => {
-      await new Promise((resolve) => setTimeout(resolve, timeout));
-      return [[1, "Alegría-Dulantzi"]];
-    },
-    readObjects: async (options: ReadObjectsRequest) => {
-      await new Promise((resolve) => setTimeout(resolve, timeout));
-      const modelMock = getMock(options.model);
-      return modelMock.exampleValues
-        ? [
-            {
-              ...modelMock.exampleValues,
-              name: options.ids[0],
-              id: options.ids[0],
-            },
-            {
-              ...modelMock.exampleValues,
-              name: options.ids[1],
-              id: options.ids[1],
-            },
-          ]
-        : [];
-    },
-    readEvalUiObjects: async (options: ReadObjectsRequest) => {
-      await new Promise((resolve) => setTimeout(resolve, timeout));
-      const modelMock = getMock(options.model);
-      return modelMock.exampleValues
-        ? [
-            {
-              ...modelMock.exampleValues,
-              name: options.ids[0],
-              id: options.ids[0],
-            },
-            {
-              ...modelMock.exampleValues,
-              name: options.ids[1],
-              id: options.ids[1],
-            },
-          ]
-        : [];
-    },
-    delete: async (options: DeleteObjectsRequest) => {
-      return true;
-    },
-    createReport: (options: CreateReportRequest) => {
-      return null;
-    },
-    getReport: (options: GetReportRequest) => {
-      return null;
-    },
-    executeOnChange: (options: ExecuteOnChangeRequest) => {
-      return null;
-    },
-    defaultGet: (options: DefaultGetRequest) => {
-      return {} as any;
-    },
-    getActionData: async ({
-      action,
-      context,
-    }: {
-      action: string;
-      context?: any;
-    }) => {
-      return {
-        auto_refresh: 0,
-        context: "{}",
-        domain: false,
-        groups_id: [],
-        id: 1497,
-        limit: 80,
-        name: "Llistat d'Usuaris de l'Oficina Virtual",
-        res_model: "ov.users",
-        src_model: false,
-        target: "current",
-        type: "ir.actions.act_window",
-        usage: false,
-        view_id: [1639, "giscedata_ov.tree"],
-        view_ids: [],
-        view_mode: "tree,form",
-        view_type: "form",
-        views: [
-          [1639, "tree"],
-          [1640, "form"],
-        ],
-      };
-    },
-    nameSearch: async (options: NameSearchRequest) => {
-      return [];
-    },
-    searchCount: async (options: SearchCountRequest) => {
-      return Math.floor(Math.random() * 1100);
-    },
-  };
-
-  ConnectionProvider.init(handler);
-};
-
-export default { init };

package/src/stories/mocks/models/activacioContracte.ts

@@ -1,112 +0,0 @@
-export default {
-  model: "giscedata.polissa.crear.contracte",
-  exampleValues: {
-    id: 6,
-    accio: "nou",
-    data_final: undefined,
-    duracio: undefined,
-    data_firma_contracte: "2017-06-01 00:00:00",
-    data_inici: "2022-10-05",
-    first_onchange: true,
-    observacions:
-      "Cambios realizados detectados autom\u00e1ticamente:\n\u2022 C\u00f3digo DH: E2 \u2192 G0\n\u2022 C\u00f3digo Tarifa: 2A \u2192 2T\n",
-    state: "ok",
-    parent_id: undefined,
-  },
-  form: {
-    arch: '<form string="Activación del contrato">\n          <field name="state" invisible="1"/>\n                <field name="first_onchange" invisible="1"/>\n          <group colspan="4" col="4" attrs="{\'invisible\': [(\'state\', \'=\', \'fail\')]}">\n            <field name="accio"/>\n            <group colspan="4" col="4" attrs="{\'invisible\': [(\'accio\', \'=\', \'modificar\')]}">\n              <label string="Solo cambiar para fechas inferiores a la fecha mostrada, si no se escogerá ésta, ya que es la fecha final del contrato vigente" colspan="4"/>\n              <field name="data_inici" attrs="{\'required\': [(\'accio\', \'=\', \'nou\')]}" on_change="onchange_duracio_first(data_inici, duracio, first_onchange, context)"/>\n              <field name="duracio" attrs="{\'required\': [(\'accio\', \'=\', \'nou\')]}" on_change="onchange_duracio_first(data_inici, duracio, first_onchange, context)"/>\n              <field name="data_final" attrs="{\'required\': [(\'accio\', \'=\', \'nou\')]}"/>\n              <field name="data_firma_contracte"/>\n            </group>\n            <separator colspan="4" string="Observaciones"/>\n            <field name="observacions" colspan="4" required="1" nolabel="1" width="600" height="120"/>\n            <group col="2" colspan="4">\n              <button icon="gtk-cancel" special="cancel" string="Cancelar" name="action_cancel" type="object"/>\n              <button icon="gtk-ok" name="action_crear_contracte" string="Crear contrato" type="object"/>\n            </group>\n          </group>\n          <group colspan="4" col="4" attrs="{\'invisible\': [(\'state\', \'=\', \'ok\')]}">\n            <group col="1" colspan="1" rowspan="2">\n              <image name="gtk-dialog-warning"/>\n            </group>\n            <group colspan="3" col="3">\n              <label colspan="3" string="&lt;b&gt;Atención!&lt;/b&gt;"/>\n              <label colspan="3" string="Este contrato tiene modificaciones contractuales en estado &lt;b&gt;pendiente&lt;/b&gt;. No se puede crear otra sin cancelarlas"/>\n              <button icon="gtk-close" special="cancel" string="Cerrar" name="action_cancel" type="object"/>\n            </group>\n          </group>\n        </form>',
-    field_parent: false,
-    fields: {
-      accio: {
-        required: true,
-        selection: [
-          ["modificar", "Modificar el contrato existente"],
-          ["nou", "Crear una modificaci\u00f3n contractual nueva"],
-        ],
-        string: "Acci\u00f3n",
-        type: "selection",
-        views: {},
-      },
-      data_final: { string: "Fecha final", type: "date", views: {} },
-      data_firma_contracte: {
-        string: "Fecha firma",
-        type: "datetime",
-        views: {},
-      },
-      data_inici: {
-        string: "Fecha de activaci\u00f3n",
-        type: "date",
-        views: {},
-      },
-      duracio: {
-        selection: [
-          ["actual", "Final del contrato actual"],
-          ["nou", "Nuevo periodo completo de contrato"],
-        ],
-        string: "Duraci\u00f3n",
-        type: "selection",
-        views: {},
-      },
-      first_onchange: { string: "First onchange", type: "boolean", views: {} },
-      observacions: {
-        required: true,
-        string: "Observaciones",
-        type: "text",
-        views: {},
-      },
-      state: {
-        selection: [
-          ["ok", "OK"],
-          ["fail", "Error"],
-        ],
-        string: "Estado",
-        type: "selection",
-        views: {},
-      },
-    },
-    model: "giscedata.polissa.crear.contracte",
-    name: "giscedata.polissa.crear.contracte.form",
-    search_fields: { primary: [], secondary: [] },
-    toolbar: {
-      action: [],
-      print: [
-        {
-          datas: { model: "giscedata.polissa.crear.contracte" },
-          id: -1,
-          model: "giscedata.polissa.crear.contracte",
-          name: "Export to XLSX",
-          report_name: "printscreen.list",
-          string: "Export to XLSX",
-          type: "ir.actions.report.xml",
-        },
-      ],
-      relate: [
-        {
-          auto_refresh: 0,
-          context: "{'active_test': False}",
-          domain: "[('id', '=', active_id)]",
-          groups_id: [],
-          id: -1,
-          limit: 0,
-          name: "giscedata.polissa.crear.contracte",
-          res_model: "giscedata.polissa.crear.contracte",
-          src_model: "giscedata.polissa.crear.contracte",
-          string: "giscedata.polissa.crear.contracte",
-          target: "current",
-          type: "ir.actions.act_window",
-          usage: "",
-          view_id: false,
-          view_ids: [],
-          view_mode: "tree,form",
-          view_type: "form",
-          views: [
-            [false, "tree"],
-            [false, "form"],
-          ],
-        },
-      ],
-    },
-    type: "form",
-    view_id: 476,
-  },
-};