@gisce/react-ooui 1.0.17 → 1.0.19

package/dist/widgets/base/MultiSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelection.d.ts","sourceRoot":"","sources":["MultiSelection.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,cAAc,UAAW,WAAW,gBAShD,CAAC;AAEF,aAAK,mBAAmB,GAAG,WAAW,GAAG;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAW,mBAAmB,gBAgD7D,CAAC"}
+{"version":3,"file":"MultiSelection.d.ts","sourceRoot":"","sources":["MultiSelection.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,cAAc,UAAW,WAAW,gBAShD,CAAC;AAEF,aAAK,mBAAmB,GAAG,WAAW,GAAG;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAW,mBAAmB,gBAqD7D,CAAC"}

package/dist/widgets/containers/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAiB,MAAM,aAAa,CAAC;AAYxE,aAAK,KAAK,GAAG;IACX,SAAS,EAAE,aAAa,CAAC;IACzB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,SAAS,UAAW,KAAK,KAAG,MAAM,YAgFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAiB,MAAM,aAAa,CAAC;AAYxE,aAAK,KAAK,GAAG;IACX,SAAS,EAAE,aAAa,CAAC;IACzB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,SAAS,UAAW,KAAK,KAAG,MAAM,YA8EvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/widgets/views/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAiCf,OAAO,EAAE,QAAQ,EAAgB,MAAM,SAAS,CAAC;AAiBjD,oBAAY,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,EAAE,UAAU,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACxE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;;AAi+BF,wBAAgC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAiCf,OAAO,EAAE,QAAQ,EAAgB,MAAM,SAAS,CAAC;AAiBjD,oBAAY,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,EAAE,UAAU,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACxE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;;AAg+BF,wBAAgC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "files": [
     "dist",
     "src",
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@ant-design/plots": "^1.0.9",
-    "@gisce/ooui": "^0.17.5",
+    "@gisce/ooui": "^0.17.6",
     "@gisce/react-formiga-table": "^0.5.0",
     "@monaco-editor/react": "^4.4.5",
     "@tabler/icons": "^1.96.0",

package/src/stories/forms/ActivacioContracteForm.stories.tsx

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

package/src/stories/mocks/index.ts

@@ -14,6 +14,7 @@ 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,
@@ -32,6 +33,7 @@ const allModels = [
   crm_case,
   form_with_gridfiber,
   partner_category,
+  activacioContracte,
 ];
 
 const getMock = (model: string) => {

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

@@ -0,0 +1,112 @@
+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,
+  },
+};

package/src/widgets/base/MultiSelection.tsx

@@ -59,6 +59,11 @@ export const MultiSelectionInput = (props: SelectionInputProps) => {
       return entry && entry[0];
     });
 
+    if (keysForChangedValues.length === 0) {
+      onChange?.(undefined);
+      return;
+    }
+
     onChange?.(keysForChangedValues);
   }
 

package/src/widgets/containers/Container.tsx

@@ -56,7 +56,7 @@ const Container = (props: Props): React.ReactElement => {
       firstRow = firstRow.concat(rowWithEmptiesToFit);
     }
 
-    return rowWithEmptiesToFit.map((item: Widget, j: number) => {
+    return rowWithEmptiesToFit.map((item: Widget) => {
       // We check if we have any label+field inside the container.
       // In this scenario, we must format the grid accordingly
       // Otherwise, the grid will divide uniformly
@@ -64,11 +64,9 @@ const Container = (props: Props): React.ReactElement => {
         fieldInRows = true;
       }
 
-      const itemRowIndex = row.indexOf(item);
-
       return (
         <div
-          key={`${i.toString()}-${itemRowIndex.toString()}`}
+          key={item.key}
           style={{
             ...getSpanStyleForItem({ item, responsiveBehaviour }),
             minWidth: 0,

package/src/widgets/views/Form.tsx

@@ -995,7 +995,6 @@ function Form(props: FormProps, ref: any) {
               debouncedCheckFieldsChanges({ elementHasLostFocus: false });
             }}
             component={false}
-            preserve={false}
           >
             {formOoui && (
               <Container