@gisce/react-ooui 0.10.2 → 0.12.0

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

@@ -1108,7 +1108,7 @@ export default {
   },
   form: {
     arch:
-      '<form string="polisses">\n                    <group attrs="{\'invisible\': [(\'state\', \'!=\', \'tall\')]}" col="14">\n                        <group colspan="6"/>\n                        <group colspan="2" attrs="{\'invisible\': [(\'state\', \'!=\',\'tall\')]}" name="group_state_tall">\n                            <image name="gtk-cut"/>\n                            <label fill="1" string="&lt;b&gt;Atenció!&lt;/b&gt; aquest contracte està en estat Tall"/>\n                        </group>\n                        <group colspan="6"/>\n                    </group>\n                    <group attrs="{\'invisible\': [(\'state\', \'!=\', \'baixa\')]}" col="14">\n                        <group colspan="4"/>\n                        <group colspan="2" attrs="{\'invisible\': [(\'state\', \'!=\',\'baixa\')]}">\n                            <image name="gtk-stop"/>\n                            <label fill="1" string="&lt;b&gt;Atenció!&lt;/b&gt; aquest contracte està en estat Baixa"/>\n                        </group>\n                        <group colspan="8"/>\n                    </group>\n                    <group attrs="{\'invisible\': [(\'state\', \'!=\', \'facturacio\')]}" col="14">\n                        <group colspan="2"/>\n                        <group colspan="2"/>\n                        <group colspan="2"/>\n                        <group colspan="2">\n                            <image name="gtk-dialog-warning"/>\n                            <label fill="1" string="&lt;b&gt;Atenció!&lt;/b&gt; en aquests moments s\'està facturant. Actualitzi d\'aquí uns minuts."/>\n                        </group>\n                        <group colspan="2"/>\n                        <group colspan="2"/>\n                        <group colspan="2"/>\n                    </group>\n                <group colspan="8" col="8">\n                        <field name="pending_state" select="2" widget="indicator" widget_props="{\'card\': true, \'icon\': \'audit\'}" />\n                        <field name="pending_amount" select="2" widget="indicator" widget_props="{\'card\': true, \'icon\': \'wallet\', \'suffix\': \'€\'}"/>\n                        <field name="debt_amount" select="2" widget="indicator" widget_props="{\'card\': true, \'icon\': \'wallet\', \'suffix\': \'€\'}"/>\n                        <field name="unpaid_invoices" select="2" widget="indicator" widget_props="{\'card\': true, \'icon\': \'file-text\'}"/>\n                    </group>\n                <group colspan="6" col="6">\n                        <field name="process_id" select="2" attrs="{\'readonly\': [(\'bono_social_disponible\',\'=\', True)]}"/>\n                    </group>\n                <group string="General" colspan="6" col="6">\n                        <field name="name" attrs="{\'readonly\': [(\'name_auto\', \'=\', 1)], \'required\': [(\'name_auto\', \'!=\', 1)]}"/>\n                        <group colspan="2">\n                            <field name="name_auto" attrs="{\'readonly\': [(\'name\', \'!=\', False)]}"/>\n                            <field name="data_firma_contracte" select="2"/>\n                        </group>\n                        <group col="2" rowspan="4" name="renovacio">\n                            <field name="active" select="1"/>\n                            <field name="renovacio_auto" select="2" attrs="{\'readonly\': [(\'data_baixa\', \'!=\', False)]}"/>\n                            <field name="data_alta" select="2"/>\n                            <field name="data_baixa" select="2" on_change="onchange_data_baixa(data_baixa, context)" attrs="{\'required\': [(\'renovacio_auto\', \'=\', 0)], \'readonly\': [(\'renovacio_auto\', \'=\', 1)]}"/>\n                        </group>\n                        <field name="distribuidora" select="1"/>\n                    <field name="ref_dist" select="1"/>\n                <field name="titular" colspan="2" domain="[(\'customer\', \'=\', 1)]" on_change="onchange_titular(titular, pagador_sel, pagador, tipo_pago, notificacio, context)" select="1"/>\n                <field name="cnae" select="2"/>\n                    </group>\n                    <notebook colspan="6">\n                        <page string="General">\n                            <separator string="Cups" colspan="4"/>\n                            <field name="cups" select="1" size="25"/>\n                            <field name="cups_direccio" colspan="4" select="1"/>\n                            <field name="cups_cp" invisible="1" select="2"/>\n                            <field name="cups_poblacio" invisible="1" select="2"/>\n                            <separator string="Dades tècniques" colspan="4"/>\n                            <group col="2" colspan="2">\n                                <field name="contract_type" select="2"/>\n                                <group colspan="2" col="4" attrs="{\'invisible\':[(\'contract_type\', \'!=\', \'09\')]}">\n                        <field name="expected_consumption"/>\n                        <button string="Calcular" name="1366" states="esborrany,validar,modcontractual" type="action" readonly="0"/>\n                    </group>\n                <field name="tarifa" on_change="onchange_potencia(potencia, tarifa, context)" select="1"/>\n                                <group colspan="2" col="4">\n                                    <field name="potencia" select="1" on_change="onchange_potencia(potencia, tarifa, context)"/>\n                                    <button name="416" type="action" string="Normalitzar" context="{\'power\': potencia, \'tarifa_id\': tarifa, \'tensio_id\': tensio_normalitzada, \'model\': \'giscedata.polissa\', \'field\': \'potencia\'}" states="esborrany,validar,modcontractual" readonly="0"/>\n                                </group>\n                                <field name="tensio_normalitzada" select="2" on_change="onchange_tensio(tensio_normalitzada, tarifa, context)"/>\n                                <field name="tarifa_codi" invisible="1"/>\n                    <group colspan="4" attrs="{\'invisible\': [(\'tarifa_codi\',\'not in\',[\'3.1A\', \'3.1A LB\', \'6.1A\', \'6.1B\'])]}">\n                        <field name="lectura_en_baja" select="2"/>\n                        <group colspan="2" col="2" attrs="{\'invisible\': [(\'tarifa_codi\', \'!=\', \'3.1A LB\'),(\'lectura_en_baja\',\'=\',False)]}">\n                            <field name="trafo"/>\n                        </group>\n                    </group>\n                <field name="tensio"/>\n                                <field name="tg" select="2"/>\n                                <field name="condicions_generals_id" select="2"/>\n                <field name="autoconsumo" select="2"/>\n                                <field name="nocutoff"/>\n                            </group>\n                            <group col="2" colspan="2">\n                                <field name="potencies_periode" colspan="4" nolabel="1">\n                                    </field>\n                                <button name="generar_periodes_potencia" states="esborrany,validar,modcontractual" string="Generar periodes" type="object" context="{\'force_genpot\': True}"/>\n                            </group>\n                            <group col="4" colspan="4" attrs="{\'invisible\':[(\'persona_fisica\', \'=\', \'CI\')]}">\n                            <separator string="Altres dades" colspan="4"/>\n                            </group>\n                            <group col="4" colspan="2" attrs="{\'invisible\':[(\'persona_fisica\', \'=\', \'CI\')]}">\n                                <field name="tipus_vivenda" select="1"/>\n                                <field name="persona_fisica" invisible="1"/>\n                            </group>\n                        </page>\n                        <page string="Autoconsum" attrs="{\'invisible\':[(\'autoconsumo\',\'=\',\'00\')]}">\n                        <separator string="Informacio de l\'autoconsumo del CUPS associat" colspan="6"/>\n                        <group>\n                            <field name="autoconsum_id" attrs="{\'required\':[(\'autoconsumo\',\'!=\',\'00\'), (\'state\',\'in\',[\'validar\',\'modcontractual\'])]}" on_change="onchange_autoconsum_id(autoconsum_id)"/>\n                            <field name="ac_state"/>\n                            <group attrs="{\'invisible\':[(\'is_autoconsum_collectiu\',\'=\',False)]}">\n                                <field name="coef_repartiment" attrs="{\'required\':[(\'autoconsumo\',\'!=\',\'00\'), (\'is_autoconsum_collectiu\',\'=\',True), (\'state\',\'in\',[\'validar\',\'modcontractual\'])]}"/>\n                            </group>\n                            <field name="is_autoconsum_collectiu"/>\n                            <group attrs="{\'invisible\':[(\'is_autoconsum_collectiu\',\'!=\', True)]}">\n                                <field name="coef_repartiment" attrs="{\'required\':[(\'autoconsumo\',\'!=\',\'00\'), (\'is_autoconsum_collectiu\',\'=\',True), (\'state\',\'in\',[\'validar\',\'modcontractual\'])]}"/>\n                            </group>\n                        </group>\n                    </page>\n                <page string="Facturació"><separator string="Facturació" colspan="4"/>\n                    <field name="facturacio" select="1"/>\n                    <group col="2" colspan="2" string="Lot Facturació">\n                        <field name="lot_facturacio" select="1"/><field name="facturacio_suspesa" select="2" colspan="1"/>\n                \n                    </group>\n                    <group col="2" colspan="2">\n                        <field name="facturacio_potencia" select="2"/>\n                        <field name="property_unitat_potencia"/>\n                        <field name="deposit"/>\n                    </group>\n                    <group string="Dates últimes lectures facturades" col="2" colspan="2" rowspan="1">\n                        <field string="Real" name="data_ultima_lectura" select="2"/>\n                        <field string="Estimada" name="data_ultima_lectura_estimada"/><field name="refacturacio_pendent"/>\n                \n                    </group>\n                    <newline/>\n                    <separator string="Tarificació" colspan="4"/>\n                    <field name="llista_preu" select="1" domain="[(\'tarifes_atr_compatibles\', \'=\', tarifa), (\'type\', \'=\', \'sale\')]"/>\n                <!-- Dos dominis, la llista de preus que tingui i que la data_end sigui > now() -->\n                    <field name="versio_primera_factura" domain="[(\'pricelist_id\', \'=\', llista_preu), \'|\', (\'date_end\', \'&gt;\', data_alta), (\'date_end\', \'=\', False),]"/>\n                    <separator string="Pagament" colspan="4"/>\n                    <field name="payment_term" select="2"/>\n                    <field name="tipo_pago" on_change="onchange_tipo_pago(tipo_pago, pagador, context)" invisible="1"/>\n                    <field name="payment_mode_id" select="2" on_change="onchange_modo_pago(payment_mode_id, pagador, context)"/>\n                    <newline/>\n                <field name="bank" on_change="onchange_bank(propietari_bank, bank)" attrs="{\'readonly\': [(\'tipo_pago.code\', \'=\', \'RECIBO_CSB\')]}" domain="[(\'partner_id\', \'=\', pagador)]"/>\n                    <field name="propietari_bank"/>\n                <group col="4" colspan="4">\n                        <separator string="Facturació de distribuidora" colspan="4"/>\n                        <group colspan="2">\n                            <field name="facturacio_distri"/>\n                        </group>\n                    </group>\n                </page>\n                        <page string="Contactes">\n                            <separator string="Titular" colspan="4"/>\n                            <field name="titular_nif" select="1"/>\n                            <field name="representante_id" colspan="4"/>\n                <group colspan="4" col="6">\n                                <separator string="Privacitat" colspan="6"/>\n                                <field name="no_cessio_sips"/>\n                                <field name="no_cessio_sips_data"/><button string="Solicitar no cesión" type="action" icon="gtk-no" name="1622" colspan="1" readonly="0"/>\n                </group>\n                        <field name="user_id" invisible="1"/>\n                <newline/>\n             <separator colspan="4" string="Dades fiscals"/>\n                    <field name="pagador_sel" colspan="4" domain="[(\'customer\', \'=\', 1)]" on_change="onchange_pagador_sel(pagador_sel, titular, pagador, direccio_pagament, tipo_pago, notificacio, context)"/>\n                    <group colspan="4" col="4">\n                        <field name="pagador" on_change="onchange_altre_pagador(pagador, notificacio, context)" select="1"/>\n                        <field name="pagador_nif"/>\n                    </group>\n                    <field name="direccio_pagament" colspan="4" domain="[(\'partner_id\', \'=\', pagador), (\'type\', \'=\', \'invoice\')]" select="1" on_change="onchange_direccio_fiscal(direccio_pagament)"/>\n                    <field name="enviament"/>\n                    <group colspan="2" col="2" attrs="{\'invisible\': [(\'enviament\', \'=\', \'postal\')]}">\n                        <field name="pagador_email"/>\n                    </group>\n                <separator colspan="4" string="Notificació"/>\n                    <field name="notificacio" on_change="onchange_notificacio(notificacio, titular, pagador, altre_p, context)"/>\n                    <group attrs="{\'invisible\': [(\'notificacio\', \'!=\', \'altre_p\')]}" colspan="4">\n                        <field name="altre_p" colspan="4" on_change="onchange_altre_p(altre_p, context)"/>\n                    </group>\n                    <field name="direccio_notificacio" colspan="4" domain="[(\'partner_id\', \'=\', titular)]" select="2"/>\n                <group colspan="2" col="2" attrs="{\'invisible\': [(\'enviament\', \'=\', \'postal\')]}">\n                        <field name="notificacio_email"/>\n                    </group>\n                <group colspan="2">\n                        <field name="bono_social_disponible"/>\n                    </group>\n                </page>\n                        <page string="Comercial">\n                        <separator string="Dades Comercials" colspan="8"/>\n                        <group colspan="8" col="8" string="Comercial">\n                            <field name="comercial_id" colspan="4" select="1"/>\n                        <field name="comissio" domain="[(\'id\', \'in\', [])]" colspan="8"/>\n                 <button name="action_asignar_comissio_from_comercial" type="object" string="Asignar comissio del comercial" colspan="1"/>\n             <field name="codigo_promocional" select="2" colspan="8"/>\n                </group>\n                    </page>\n                <page string="Modificacions contr.">\n                            <field name="modcontractual_activa" search="1"/>\n                            <field name="modcontractuals_ids" colspan="4" nolabel="1"/>\n                        </page>\n                        <page string="Observacions">\n                            <label colspan="4" string="Les observacions que s\'escriguin aquí queden historitzades en les modificacions contractuals. Cada modificació contractual fa una còpia de les observacions actuals."/>\n                            <separator string="Observacions" colspan="4"/>\n                            <field name="observacions" nolabel="1" colspan="4" select="1"/>\n                            <separator string="Observacions impresses" colspan="4"/>\n                            <field name="print_observations" nolabel="1" colspan="4"/>\n                        </page>\n                        <page string="Perfils">\n                            <group colspan="2" col="4" string="Nivells d\'agregació">\n                                <separator string="Tensió" colspan="1"/>\n                                <separator string="Tarifa" colspan="1"/>\n                                <separator string="DH" colspan="1"/>\n                                <separator string="Tipus" colspan="1"/>\n                                <field name="agree_tensio" nolabel="1"/>\n                                <field name="agree_tarifa" nolabel="1"/>\n                                <field name="agree_dh" nolabel="1"/>\n                                <field name="agree_tipus" nolabel="1"/>\n                            </group>\n                        </page>\n                        <page string="Històric">\n                            <field name="log_ids" colspan="4" nolabel="1"/>\n                        </page>\n                        <page string="Documents rel.">\n                            <field name="related_attachments" colspan="4" nolabel="1"/>\n                        </page>\n                    <page string="Comptadors">\n                        <field name="comptador" invisible="1" select="1"/>\n                        <field name="comptadors" nolabel="1" colspan="4" context="{\'polissa_id\':active_id}"/>\n                    </page>\n                <page string="Butlletins">\n                        <field name="butlletins" colspan="4" nolabel="1" context="{\'polissa_id\': active_id, \'default_cups_id\': cups}"/>\n                    </page>\n                </notebook>\n                    <group colspan="2" col="4">\n                        <field name="state" select="1"/>\n                        <group col="15" colspan="2">\n                            <button name="esborrany" string="Esborrany" states="validar,pendent" readonly="0"/>\n                            <button name="cancelar" string="Cancel·lar" states="esborrany,activa" confirm="Està segur que vol cancel·lar aquesta pòlissa?" readonly="0"/>\n                            <button name="baixa" string="Baixa" states="activa,impagament,tall" readonly="0"/>\n                            <button name="impagament" string="Impagament" states="activa" confirm="Està segur que vol passar a estat d\'impagament aquesta pòlissa?" readonly="0"/>\n                            <button name="validar" string="Validar" states="esborrany" readonly="0"/>\n                            <button name="activar" string="Activar" states="impagament,tall,cancelada" readonly="0"/>\n                            <button name="to_draft" string="Passar a Esborrany" states="cancelada" readonly="0"/>\n                            <button name="contracte" string="Activar" states="validar" readonly="0"/>\n                            <button name="reactivar" string="Reactivar" states="baixa" confirm="Està segur que vol reactivar?" readonly="0"/>\n                            <button name="tallar" string="Tallar" states="impagament" confirm="Està segur que vol passar a estat de tall aquesta pòlissa?" readonly="0"/>\n                            <button name="modcontractual" string="Modificació contractual" states="activa" readonly="0"/>\n                            <button name="undo_modcontractual" string="Desfer mod. contractual" states="modcontractual" readonly="0"/>\n                            <button type="action" name="418" string="Crear nova modificació contractual" states="modcontractual" readonly="0"/>\n                        </group>\n                    </group>\n                </form>',
+      '<form string="polisses">\n                    <group attrs="{\'invisible\': [(\'state\', \'!=\', \'tall\')]}" col="14">\n                        <group colspan="6"/>\n                        <group colspan="2" attrs="{\'invisible\': [(\'state\', \'!=\',\'tall\')]}" name="group_state_tall">\n                            <image name="gtk-cut"/>\n                            <label fill="1" string="&lt;b&gt;Atenció!&lt;/b&gt; aquest contracte està en estat Tall"/>\n                        </group>\n                        <group colspan="6"/>\n                    </group>\n                    <group attrs="{\'invisible\': [(\'state\', \'!=\', \'baixa\')]}" col="14">\n                        <group colspan="4"/>\n                        <group colspan="2" attrs="{\'invisible\': [(\'state\', \'!=\',\'baixa\')]}">\n                            <image name="gtk-stop"/>\n                            <label fill="1" string="&lt;b&gt;Atenció!&lt;/b&gt; aquest contracte està en estat Baixa"/>\n                        </group>\n                        <group colspan="8"/>\n                    </group>\n                    <group attrs="{\'invisible\': [(\'state\', \'!=\', \'facturacio\')]}" col="14">\n                        <group colspan="2"/>\n                        <group colspan="2"/>\n                        <group colspan="2"/>\n                        <group colspan="2">\n                            <image name="gtk-dialog-warning"/>\n                            <label fill="1" string="&lt;b&gt;Atenció!&lt;/b&gt; en aquests moments s\'està facturant. Actualitzi d\'aquí uns minuts."/>\n                        </group>\n                        <group colspan="2"/>\n                        <group colspan="2"/>\n                        <group colspan="2"/>\n                    </group>\n                <group colspan="8" col="8">\n                        <field name="pending_state" select="2" widget="indicator" widget_props="{\'card\': true, \'icon\': \'audit\'}" />\n                        <field name="pending_amount" select="2" widget="indicator" widget_props="{\'card\': true, \'icon\': \'wallet\', \'suffix\': \'€\'}"/>\n                        <field name="debt_amount" select="2" widget="indicator" widget_props="{\'card\': true, \'icon\': \'wallet\', \'suffix\': \'€\'}"/>\n                        <field name="unpaid_invoices" select="2" widget="indicator" widget_props="{\'card\': true, \'icon\': \'file-text\'}"/>\n                    </group>\n                <group colspan="6" col="6">\n                        <field name="process_id" select="2" attrs="{\'readonly\': [(\'bono_social_disponible\',\'=\', True)]}"/>\n                    </group>\n                <group string="General" colspan="6" col="6">\n                        <field name="name" attrs="{\'readonly\': [(\'name_auto\', \'=\', 1)], \'required\': [(\'name_auto\', \'!=\', 1)]}"/>\n                        <group colspan="2">\n                            <field name="name_auto" attrs="{\'readonly\': [(\'name\', \'!=\', False)]}"/>\n                            <field name="data_firma_contracte" select="2"/>\n                        </group>\n                        <group col="2" rowspan="4" name="renovacio">\n                            <field name="active" select="1"/>\n                            <field name="renovacio_auto" select="2" attrs="{\'readonly\': [(\'data_baixa\', \'!=\', False)]}"/>\n                            <field name="data_alta" select="2"/>\n                            <field name="data_baixa" select="2" on_change="onchange_data_baixa(data_baixa, context)" attrs="{\'required\': [(\'renovacio_auto\', \'=\', 0)], \'readonly\': [(\'renovacio_auto\', \'=\', 1)]}"/>\n                        </group>\n                        <field name="distribuidora" select="1"/>\n                    <field name="ref_dist" select="1"/>\n                <field name="titular" colspan="2" domain="[(\'customer\', \'=\', 1)]" on_change="onchange_titular(titular, pagador_sel, pagador, tipo_pago, notificacio, context)" select="1"/>\n                <field name="cnae" select="2"/>\n                    </group>\n                    <notebook colspan="6">\n                        <page string="General">\n                            <separator string="Cups" colspan="4"/>\n                            <field name="cups" select="1" size="25"/>\n                            <field name="cups_direccio" colspan="4" select="1"/>\n                            <field name="cups_cp" invisible="1" select="2"/>\n                            <field name="cups_poblacio" invisible="1" select="2"/>\n                            <separator string="Dades tècniques" colspan="4"/>\n                            <group col="2" colspan="2">\n                                <field name="contract_type" select="2"/>\n                                <group colspan="2" col="4" attrs="{\'invisible\':[(\'contract_type\', \'!=\', \'09\')]}">\n                        <field name="expected_consumption"/>\n                        <button string="Calcular" name="1366" states="esborrany,validar,modcontractual" type="action" readonly="0"/>\n                    </group>\n                <field name="tarifa" on_change="onchange_potencia(potencia, tarifa, context)" select="1"/>\n                                <group colspan="2" col="4">\n                                    <field name="potencia" select="1" on_change="onchange_potencia(potencia, tarifa, context)"/>\n                                    <button name="416" type="action" string="Normalitzar" context="{\'power\': potencia, \'tarifa_id\': tarifa, \'tensio_id\': tensio_normalitzada, \'model\': \'giscedata.polissa\', \'field\': \'potencia\'}" states="esborrany,validar,modcontractual" readonly="0"/>\n                                </group>\n                                <field name="tensio_normalitzada" select="2" on_change="onchange_tensio(tensio_normalitzada, tarifa, context)"/>\n                                <field name="tarifa_codi" invisible="1"/>\n                    <group colspan="4" attrs="{\'invisible\': [(\'tarifa_codi\',\'not in\',[\'3.1A\', \'3.1A LB\', \'6.1A\', \'6.1B\'])]}">\n                        <field name="lectura_en_baja" select="2"/>\n                        <group colspan="2" col="2" attrs="{\'invisible\': [(\'tarifa_codi\', \'!=\', \'3.1A LB\'),(\'lectura_en_baja\',\'=\',False)]}">\n                            <field name="trafo"/>\n                        </group>\n                    </group>\n                <field name="tensio"/>\n                                <field name="tg" select="2"/>\n                                <field name="condicions_generals_id" select="2"/>\n                <field name="autoconsumo" select="2"/>\n                                <field name="nocutoff"/>\n                            </group>\n                            <group col="2" colspan="2">\n                                <field name="potencies_periode" colspan="4" nolabel="1">\n                                    </field>\n                                <button name="generar_periodes_potencia" states="esborrany,validar,modcontractual" string="Generar periodes" type="object" context="{\'force_genpot\': True}"/>\n                            </group>\n                            <group col="4" colspan="4" attrs="{\'invisible\':[(\'persona_fisica\', \'=\', \'CI\')]}">\n                            <separator string="Altres dades" colspan="4"/>\n                            </group>\n                            <group col="4" colspan="2" attrs="{\'invisible\':[(\'persona_fisica\', \'=\', \'CI\')]}">\n                                <field name="tipus_vivenda" select="1"/>\n                                <field name="persona_fisica" invisible="1"/>\n                            </group>\n                        </page>\n                        <page string="Autoconsum" attrs="{\'invisible\':[(\'autoconsumo\',\'=\',\'00\')]}">\n                        <separator string="Informacio de l\'autoconsumo del CUPS associat" colspan="6"/>\n                        <group>\n                            <field name="autoconsum_id" attrs="{\'required\':[(\'autoconsumo\',\'!=\',\'00\'), (\'state\',\'in\',[\'validar\',\'modcontractual\'])]}" on_change="onchange_autoconsum_id(autoconsum_id)"/>\n                            <field name="ac_state"/>\n                            <group attrs="{\'invisible\':[(\'is_autoconsum_collectiu\',\'=\',False)]}">\n                                <field name="coef_repartiment" attrs="{\'required\':[(\'autoconsumo\',\'!=\',\'00\'), (\'is_autoconsum_collectiu\',\'=\',True), (\'state\',\'in\',[\'validar\',\'modcontractual\'])]}"/>\n                            </group>\n                            <field name="is_autoconsum_collectiu"/>\n                            <group attrs="{\'invisible\':[(\'is_autoconsum_collectiu\',\'!=\', True)]}">\n                                <field name="coef_repartiment" attrs="{\'required\':[(\'autoconsumo\',\'!=\',\'00\'), (\'is_autoconsum_collectiu\',\'=\',True), (\'state\',\'in\',[\'validar\',\'modcontractual\'])]}"/>\n                            </group>\n                        </group>\n                    </page>\n                <page string="Facturació"><separator string="Facturació" colspan="4"/>\n                    <field name="facturacio" select="1" widget="radio"/>\n                    <group col="2" colspan="2" string="Lot Facturació">\n                        <field name="lot_facturacio" select="1"/><field name="facturacio_suspesa" select="2" colspan="1"/>\n                \n                    </group>\n                    <group col="2" colspan="2">\n                        <field name="facturacio_potencia" select="2"/>\n                        <field name="property_unitat_potencia"/>\n                        <field name="deposit"/>\n                    </group>\n                    <group string="Dates últimes lectures facturades" col="2" colspan="2" rowspan="1">\n                        <field string="Real" name="data_ultima_lectura" select="2"/>\n                        <field string="Estimada" name="data_ultima_lectura_estimada"/><field name="refacturacio_pendent"/>\n                \n                    </group>\n                    <newline/>\n                    <separator string="Tarificació" colspan="4"/>\n                    <field name="llista_preu" select="1" domain="[(\'tarifes_atr_compatibles\', \'=\', tarifa), (\'type\', \'=\', \'sale\')]"/>\n                <!-- Dos dominis, la llista de preus que tingui i que la data_end sigui > now() -->\n                    <field name="versio_primera_factura" domain="[(\'pricelist_id\', \'=\', llista_preu), \'|\', (\'date_end\', \'&gt;\', data_alta), (\'date_end\', \'=\', False),]"/>\n                    <separator string="Pagament" colspan="4"/>\n                    <field name="payment_term" select="2"/>\n                    <field name="tipo_pago" on_change="onchange_tipo_pago(tipo_pago, pagador, context)" invisible="1"/>\n                    <field name="payment_mode_id" select="2" on_change="onchange_modo_pago(payment_mode_id, pagador, context)"/>\n                    <newline/>\n                <field name="bank" on_change="onchange_bank(propietari_bank, bank)" attrs="{\'readonly\': [(\'tipo_pago.code\', \'=\', \'RECIBO_CSB\')]}" domain="[(\'partner_id\', \'=\', pagador)]"/>\n                    <field name="propietari_bank"/>\n                <group col="4" colspan="4">\n                        <separator string="Facturació de distribuidora" colspan="4"/>\n                        <group colspan="2">\n                            <field name="facturacio_distri"/>\n                        </group>\n                    </group>\n                </page>\n                        <page string="Contactes">\n                            <separator string="Titular" colspan="4"/>\n                            <field name="titular_nif" select="1"/>\n                            <field name="representante_id" colspan="4"/>\n                <group colspan="4" col="6">\n                                <separator string="Privacitat" colspan="6"/>\n                                <field name="no_cessio_sips"/>\n                                <field name="no_cessio_sips_data"/><button string="Solicitar no cesión" type="action" icon="gtk-no" name="1622" colspan="1" readonly="0"/>\n                </group>\n                        <field name="user_id" invisible="1"/>\n                <newline/>\n             <separator colspan="4" string="Dades fiscals"/>\n                    <field name="pagador_sel" colspan="4" domain="[(\'customer\', \'=\', 1)]" on_change="onchange_pagador_sel(pagador_sel, titular, pagador, direccio_pagament, tipo_pago, notificacio, context)"/>\n                    <group colspan="4" col="4">\n                        <field name="pagador" on_change="onchange_altre_pagador(pagador, notificacio, context)" select="1"/>\n                        <field name="pagador_nif"/>\n                    </group>\n                    <field name="direccio_pagament" colspan="4" domain="[(\'partner_id\', \'=\', pagador), (\'type\', \'=\', \'invoice\')]" select="1" on_change="onchange_direccio_fiscal(direccio_pagament)"/>\n                    <field name="enviament"/>\n                    <group colspan="2" col="2" attrs="{\'invisible\': [(\'enviament\', \'=\', \'postal\')]}">\n                        <field name="pagador_email"/>\n                    </group>\n                <separator colspan="4" string="Notificació"/>\n                    <field name="notificacio" on_change="onchange_notificacio(notificacio, titular, pagador, altre_p, context)"/>\n                    <group attrs="{\'invisible\': [(\'notificacio\', \'!=\', \'altre_p\')]}" colspan="4">\n                        <field name="altre_p" colspan="4" on_change="onchange_altre_p(altre_p, context)"/>\n                    </group>\n                    <field name="direccio_notificacio" colspan="4" domain="[(\'partner_id\', \'=\', titular)]" select="2"/>\n                <group colspan="2" col="2" attrs="{\'invisible\': [(\'enviament\', \'=\', \'postal\')]}">\n                        <field name="notificacio_email"/>\n                    </group>\n                <group colspan="2">\n                        <field name="bono_social_disponible"/>\n                    </group>\n                </page>\n                        <page string="Comercial">\n                        <separator string="Dades Comercials" colspan="8"/>\n                        <group colspan="8" col="8" string="Comercial">\n                            <field name="comercial_id" colspan="4" select="1"/>\n                        <field name="comissio" domain="[(\'id\', \'in\', [])]" colspan="8"/>\n                 <button name="action_asignar_comissio_from_comercial" type="object" string="Asignar comissio del comercial" colspan="1"/>\n             <field name="codigo_promocional" select="2" colspan="8"/>\n                </group>\n                    </page>\n                <page string="Modificacions contr.">\n                            <field name="modcontractual_activa" search="1"/>\n                            <field name="modcontractuals_ids" colspan="4" nolabel="1"/>\n                        </page>\n                        <page string="Observacions">\n                            <label colspan="4" string="Les observacions que s\'escriguin aquí queden historitzades en les modificacions contractuals. Cada modificació contractual fa una còpia de les observacions actuals."/>\n                            <separator string="Observacions" colspan="4"/>\n                            <field name="observacions" nolabel="1" colspan="4" select="1"/>\n                            <separator string="Observacions impresses" colspan="4"/>\n                            <field name="print_observations" nolabel="1" colspan="4"/>\n                        </page>\n                        <page string="Perfils">\n                            <group colspan="2" col="4" string="Nivells d\'agregació">\n                                <separator string="Tensió" colspan="1"/>\n                                <separator string="Tarifa" colspan="1"/>\n                                <separator string="DH" colspan="1"/>\n                                <separator string="Tipus" colspan="1"/>\n                                <field name="agree_tensio" nolabel="1"/>\n                                <field name="agree_tarifa" nolabel="1"/>\n                                <field name="agree_dh" nolabel="1"/>\n                                <field name="agree_tipus" nolabel="1"/>\n                            </group>\n                        </page>\n                        <page string="Històric">\n                            <field name="log_ids" colspan="4" nolabel="1"/>\n                        </page>\n                        <page string="Documents rel.">\n                            <field name="related_attachments" colspan="4" nolabel="1"/>\n                        </page>\n                    <page string="Comptadors">\n                        <field name="comptador" invisible="1" select="1"/>\n                        <field name="comptadors" nolabel="1" colspan="4" context="{\'polissa_id\':active_id}"/>\n                    </page>\n                <page string="Butlletins">\n                        <field name="butlletins" colspan="4" nolabel="1" context="{\'polissa_id\': active_id, \'default_cups_id\': cups}"/>\n                    </page>\n                </notebook>\n                    <group colspan="2" col="4">\n                        <field name="state" select="1"/>\n                        <group col="15" colspan="2">\n                            <button name="esborrany" string="Esborrany" states="validar,pendent" readonly="0"/>\n                            <button name="cancelar" string="Cancel·lar" states="esborrany,activa" confirm="Està segur que vol cancel·lar aquesta pòlissa?" readonly="0"/>\n                            <button name="baixa" string="Baixa" states="activa,impagament,tall" readonly="0"/>\n                            <button name="impagament" string="Impagament" states="activa" confirm="Està segur que vol passar a estat d\'impagament aquesta pòlissa?" readonly="0"/>\n                            <button name="validar" string="Validar" states="esborrany" readonly="0"/>\n                            <button name="activar" string="Activar" states="impagament,tall,cancelada" readonly="0"/>\n                            <button name="to_draft" string="Passar a Esborrany" states="cancelada" readonly="0"/>\n                            <button name="contracte" string="Activar" states="validar" readonly="0"/>\n                            <button name="reactivar" string="Reactivar" states="baixa" confirm="Està segur que vol reactivar?" readonly="0"/>\n                            <button name="tallar" string="Tallar" states="impagament" confirm="Està segur que vol passar a estat de tall aquesta pòlissa?" readonly="0"/>\n                            <button name="modcontractual" string="Modificació contractual" states="activa" readonly="0"/>\n                            <button name="undo_modcontractual" string="Desfer mod. contractual" states="modcontractual" readonly="0"/>\n                            <button type="action" name="418" string="Crear nova modificació contractual" states="modcontractual" readonly="0"/>\n                        </group>\n                    </group>\n                </form>',
     field_parent: false,
     fields: {
       ac_state: {

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

@@ -0,0 +1,15 @@
+export default {
+  model: "res.partner.category",
+  exampleValues: {
+    id: 1,
+    name: "foo",
+  },
+  form: {
+    fields: {
+      name: {
+        string: "Name",
+        type: "char",
+      },
+    }
+  }
+}

package/src/widgets/WidgetFactory.tsx

@@ -24,6 +24,7 @@ import {
   Email,
   FloatTime,
   ProgressBar,
+  Radio,
 } from "@/index";
 import { Image } from "./base/Image";
 import { FiberGrid } from "./custom/FiberGrid";
@@ -91,6 +92,8 @@ const getWidgetType = (type: string) => {
       return Indicator;
     case "tags":
       return Tags;
+    case "radio":
+      return Radio;
     default:
       return undefined;
   }

package/src/widgets/base/Label.tsx

@@ -1,8 +1,9 @@
 import React from "react";
-import { Tooltip } from "antd";
+import { Tooltip, Typography } from "antd";
 import { WidgetProps } from "@/types";
 import { QuestionCircleOutlined } from "@ant-design/icons";
 import { Label as LabelOoui } from "@gisce/ooui";
+const { Text, Title } = Typography;
 
 type Props = WidgetProps & {
   align?: "left" | "center" | "right";
@@ -17,12 +18,20 @@ const alignClass = {
 
 const Label = (props: Props) => {
   const { ooui, align, responsiveBehaviour } = props;
-  const { label, tooltip, fieldForLabel } = ooui as LabelOoui;
+  const {
+    label,
+    tooltip,
+    fieldForLabel,
+    labelSize,
+    labelType,
+  } = ooui as LabelOoui;
   const addColon = fieldForLabel !== null ? true : false;
   const labelText = addColon && label.length > 1 ? label + " :" : label;
   const responsiveAlign = responsiveBehaviour ? "left" : "right";
   const labelAlgin = align ? align : fieldForLabel ? responsiveAlign : "left";
 
+  const TextType = labelSize === "text" ? Text : Title;
+
   return (
     <div
       className={`flex flex-row items-center pb-1 pt-1 ${alignClass[labelAlgin]}`}
@@ -32,7 +41,14 @@ const Label = (props: Props) => {
           <QuestionCircleOutlined className="text-xs text-blue-400 pr-1" />
         </Tooltip>
       )}
-      <span className="pr-2">{labelText}</span>
+      <span className="pr-2">
+        <TextType
+          level={labelSize !== "text" ? ((labelSize as string) as any) : null}
+          type={labelType as any}
+        >
+          {labelText}
+        </TextType>
+      </span>
     </div>
   );
 };

package/src/widgets/custom/Radio.tsx

@@ -0,0 +1,49 @@
+import React from "react";
+import { Radio as RadioAnt, Space } from "antd";
+
+import Field from "@/common/Field";
+import { Radio as RadioOoui } from "@gisce/ooui";
+import { WidgetProps } from "@/types";
+
+export const Radio = (props: WidgetProps) => {
+  const { ooui } = props;
+  const { required } = ooui;
+
+  return (
+    <Field required={required} type={"any"} {...props}>
+      <SelectionInput {...props} />
+    </Field>
+  );
+};
+
+type RadioInputProps = WidgetProps & {
+  onChange?: (value: any) => void;
+  value?: string;
+};
+
+export const SelectionInput = (props: RadioInputProps) => {
+  const { ooui, onChange, value } = props;
+  const { selectionValues, readOnly, direction } = ooui as RadioOoui;
+
+  const values = Array.from(selectionValues.entries());
+
+  const options =
+    values &&
+    values.length &&
+    values.map((entry: string[]) => {
+      const [key, value] = entry;
+      return (
+        <RadioAnt key={key} value={key}>
+          {value}
+        </RadioAnt>
+      );
+    });
+
+  return (
+    <RadioAnt.Group disabled={readOnly} onChange={onChange} value={value}>
+      <Space direction={direction}>
+        {options}
+      </Space>
+    </RadioAnt.Group>
+  );
+};

package/src/widgets/custom/Tags.tsx

@@ -4,8 +4,7 @@ import Field from "@/common/Field";
 import { One2manyItem, One2manyValue } from "../base/one2many/One2manyInput";
 import useDeepCompareEffect from "use-deep-compare-effect";
 import { FormContext, FormContextType } from "@/context/FormContext";
-import { Spin, Alert, Timeline as AntTimeline, Tag as AntTag } from "antd";
-import { readObjectValues } from "@/helpers/one2manyHelper";
+import { Alert, Tag as AntTag, Select } from "antd";
 import { colorFromString } from "@/helpers/formHelper";
 import ConnectionProvider from "@/ConnectionProvider";
 
@@ -31,21 +30,21 @@ export const Tags = (props: TagsProps) => {
 export const TagsInput = (props: TagsInputProps) => {
   const { value, ooui, onChange } = props;
   const { items = [] } = value || {};
+  const itemsToShow = items.filter(
+    (item) => item.operation !== "pendingRemove"
+  ).map((item) => item.id) as number[];
 
-  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [options, setOptions] = useState<any[]>([]);
   const [error, setError] = useState<string>();
+  const [isLoadingOptions, setIsLoadingOptions] = useState<boolean>(false);
   const { relation, context, readOnly, field } = ooui;
-  const itemsToShow = items.filter(
-    (item) => item.values && item.operation !== "pendingRemove"
-  );
+
 
   const formContext = useContext(FormContext) as FormContextType;
   const { getContext } = formContext || {};
 
   useDeepCompareEffect(() => {
-    if (items.some((item) => !item.values)) {
-      fetchData();
-    }
+    fetchOptions();
   }, [items]);
 
   const triggerChange = (changedValue: Array<One2manyItem>) => {
@@ -54,79 +53,96 @@ export const TagsInput = (props: TagsInputProps) => {
     });
   };
 
-  async function fetchData() {
-    setIsLoading(true);
-    setError(undefined);
-
-    const fieldsDef = await ConnectionProvider.getHandler().getFields({
-      model: relation,
-      fields: [field],
-      context: getContext(),
-    });
-
+  async function fetchOptions() {
+    setIsLoadingOptions(true);
+    let params = formContext?.domain || [];
+    if (readOnly) {
+      params = [['id', 'in', itemsToShow]]
+    }
     try {
-      const itemsWithValues = await readObjectValues({
-        treeFields: {},
-        formFields: fieldsDef,
+      const optionsRead = await ConnectionProvider.getHandler().search({
         model: relation,
-        items,
+        params: params,
+        fields: [field],
         context: { ...getContext?.(), ...context },
       });
-      triggerChange(itemsWithValues);
+      const options = optionsRead.map((item:any) => {
+        const value = item[field];
+        let formattedValue = value;
+        if (Array.isArray(value)) {
+          formattedValue = value[1];
+        }
+        return {label: formattedValue, value: item.id}
+      });
+      setOptions(options);
+      
     } catch (err) {
-      setError(err as any);
+      setError(err as any)
     } finally {
-      setIsLoading(false);
+      setIsLoadingOptions(false);
+    }
+    if (error) {
+      return <Alert className="mt-10" message={error} type="error" banner />;
     }
-  }
-
-  if (error) {
-    return <Alert className="mt-10" message={error} type="error" banner />;
-  }
 
-  if (isLoading) {
-    return <Spin />;
-  }
+  };
 
-  const removeItem = (item: One2manyItem) => {
-    const newItems: One2manyItem[] = items.map(i => {
-      if (i.id === item.id) {
-        return {
-          ...item,
-          operation: "pendingRemove",
+  const onChangeSelected = (ids: number[]) => {
+    const newItems: One2manyItem[] = items.map((item) => {
+      if (ids.includes(item.id as number)) {
+        if (item.operation == "pendingRemove") {
+          return {
+            ...item,
+            operation: "pendingLink"
+          }
+        } else {
+          return item
         }
       } else {
-        return i
+        return {id: item.id, operation: 'pendingRemove'}
       }
+    })
+    const currentIds = newItems.map(item => item.id)
+    ids.filter(id => !currentIds.includes(id)).map((id) => {
+      newItems.push({id, operation: 'pendingLink'});
     });
     triggerChange(newItems);
   };
 
+  const tagRender = (props: any) => {
+    const { label, closable, onClose } = props;
+    const onPreventMouseDown = (event: React.MouseEvent<HTMLSpanElement>) => {
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    return (
+      <AntTag
+        color={colorFromString(label)}
+        onMouseDown={onPreventMouseDown}
+        style={{margin: '5px'}}
+        closable={closable}
+        onClose={onClose}>
+          {label}
+      </AntTag>
+    );
+  };
+  
   return (
     <>
       <div style={{ padding: "1rem" }}>
-        
-        {itemsToShow.map((item, index) => {
-          const value = item.values?.[field];
-          let formattedValue = value;
-          if (ooui.selectionValues.size) {
-            formattedValue = ooui.selectionValues.get(value);
-          } else if (Array.isArray(value)) {
-            formattedValue = value[1];
-          }
-          if (!value) {
-            return null;
-          }
-          return (
-            <AntTag key={index} color={colorFromString(formattedValue)} closable={!readOnly} style={{margin: '5px'}} onClose={e => {
-              e.preventDefault();
-              removeItem(item);
-
-            }}>{formattedValue}</AntTag>
-          );
-        })}
+        <Select
+          mode="multiple"
+          value={options.length ? itemsToShow : []}
+          tagRender={tagRender}
+          bordered={!readOnly}
+          disabled={readOnly}
+          options={options}
+          onChange={onChangeSelected}
+          loading={isLoadingOptions}
+          >
+        </Select>
       </div>
-     
     </>
   );
+  
 };