@gisce/react-ooui 1.5.2-alpha.1 → 1.5.2-rc.0

package/src/stories/views/SearchTree.stories.tsx

@@ -3,6 +3,9 @@ import React from "react";
 import SearchTree from "../../widgets/views/SearchTree";
 import ConnectionProvider from "../../ConnectionProvider";
 
+// import "antd/dist/antd.css";
+
+
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {
@@ -59,7 +62,8 @@ const data = {
       views: {},
     },
     lang: {
-      help: "If the selected language is loaded in the system, all documents related to this partner will be printed in this language. If not, it will be english.",
+      help:
+        "If the selected language is loaded in the system, all documents related to this partner will be printed in this language. If not, it will be english.",
       selection: [
         ["en_US", "English"],
         ["ca_ES", "Catalan / Català"],
@@ -273,7 +277,8 @@ const data = {
       context: "",
       digits: [16, 2],
       domain: "[('type', '=', 'receivable')]",
-      help: "This account will be used as the debtor account for the current partner",
+      help:
+        "This account will be used as the debtor account for the current partner",
       relation: "account.account",
       required: true,
       string: "Account Debtor",
@@ -284,7 +289,8 @@ const data = {
       context: "",
       digits: [16, 2],
       domain: "[('type', '=', 'payable')]",
-      help: "This account will be used instead of the default one as the payable account for the current partner",
+      help:
+        "This account will be used instead of the default one as the payable account for the current partner",
       relation: "account.account",
       required: true,
       string: "Account Payable",
@@ -295,7 +301,8 @@ const data = {
       context: "",
       digits: [16, 2],
       domain: [],
-      help: "The fiscal position will determine taxes and the accounts used for the the partner.",
+      help:
+        "The fiscal position will determine taxes and the accounts used for the the partner.",
       relation: "account.fiscal.position",
       string: "Fiscal Position",
       type: "many2one",
@@ -305,7 +312,8 @@ const data = {
       context: "",
       digits: [16, 2],
       domain: "[('type', '=', 'receivable')]",
-      help: "This account will be used instead of the default one as the receivable account for the current partner",
+      help:
+        "This account will be used instead of the default one as the receivable account for the current partner",
       relation: "account.account",
       required: true,
       string: "Account Receivable",
@@ -316,7 +324,8 @@ const data = {
       context: "",
       digits: [16, 2],
       domain: [],
-      help: "This payment term will be used instead of the default one for the current partner",
+      help:
+        "This payment term will be used instead of the default one for the current partner",
       relation: "account.payment.term",
       string: "Payment Term",
       type: "many2one",
@@ -326,7 +335,8 @@ const data = {
       context: "",
       digits: [16, 2],
       domain: [["type", "=", "sale"]],
-      help: "This pricelist will be used, instead of the default one,                     for sales to the current partner",
+      help:
+        "This pricelist will be used, instead of the default one,                     for sales to the current partner",
       relation: "product.pricelist",
       string: "Sale Pricelist",
       type: "many2one",
@@ -336,7 +346,8 @@ const data = {
       context: "",
       digits: [16, 2],
       domain: [["type", "=", "purchase"]],
-      help: "This pricelist will be used, instead of the default one, for purchases from the current partner",
+      help:
+        "This pricelist will be used, instead of the default one, for purchases from the current partner",
       relation: "product.pricelist",
       string: "Purchase Pricelist",
       type: "many2one",
@@ -346,7 +357,8 @@ const data = {
       context: "",
       digits: [16, 2],
       domain: [],
-      help: "This stock location will be used, instead of the default one, as the destination location for goods you send to this partner",
+      help:
+        "This stock location will be used, instead of the default one, as the destination location for goods you send to this partner",
       relation: "stock.location",
       string: "Customer Location",
       type: "many2one",
@@ -356,7 +368,8 @@ const data = {
       context: "",
       digits: [16, 2],
       domain: [],
-      help: "This stock location will be used, instead of the default one, as the source location for goods you receive from the current partner",
+      help:
+        "This stock location will be used, instead of the default one, as the source location for goods you receive from the current partner",
       relation: "stock.location",
       string: "Supplier Location",
       type: "many2one",
@@ -366,7 +379,8 @@ const data = {
       context: "",
       digits: [16, 2],
       domain: [["name", "!=", false]],
-      help: "Encoding XML amb el qual es generaran els XML's de switching per aquesta empresa",
+      help:
+        "Encoding XML amb el qual es generaran els XML's de switching per aquesta empresa",
       relation: "giscedata.switching.xml.encoding",
       required: true,
       string: "Encoding XML switching",
@@ -389,7 +403,8 @@ const data = {
       views: {},
     },
     supplier: {
-      help: "Check this box if the partner is a supplier. If it's not checked, purchase people will not see it when encoding a purchase order.",
+      help:
+        "Check this box if the partner is a supplier. If it's not checked, purchase people will not see it when encoding a purchase order.",
       string: "Supplier",
       type: "boolean",
       views: {},
@@ -405,7 +420,8 @@ const data = {
     user_id: {
       context: "",
       domain: [],
-      help: "The internal user that is in charge of communicating with this partner if any.",
+      help:
+        "The internal user that is in charge of communicating with this partner if any.",
       relation: "res.users",
       size: 64,
       string: "Dedicated Salesman",
@@ -413,7 +429,8 @@ const data = {
       views: {},
     },
     vat: {
-      help: "Value Added Tax number. Check the box if the partner is subjected to the VAT. Used by the VAT legal statement.",
+      help:
+        "Value Added Tax number. Check the box if the partner is subjected to the VAT. Used by the VAT legal statement.",
       select: true,
       size: 32,
       string: "VAT",
@@ -421,7 +438,8 @@ const data = {
       views: {},
     },
     vat_subjected: {
-      help: "Check this box if the partner is subjected to the VAT. It will be used for the VAT legal statement.",
+      help:
+        "Check this box if the partner is subjected to the VAT. It will be used for the VAT legal statement.",
       string: "VAT Legal Statement",
       type: "boolean",
       views: {},
@@ -485,7 +503,8 @@ const data = {
       type: "char",
     },
   },
-  arch: '<tree string="Partners">\n                    <field name="id" sum="Sumtest" /><field name="name"/><field name="test"/><field name="test1"/><field name="test2"/><field name="test3"/><field name="test4"/><field name="test5"/><field name="test6"/><field name="test7"/><field name="test8"/><field name="test9"/><field name="test10"/><field name="test11"/><field name="test5"/><field name="test12"/>\n                    <field name="title"/>\n                    <field name="ref"/>\n                    <field name="city" select="2"/>\n                    <field name="country" select="2"/>\n                    <field name="lang"/>\n                </tree>',
+  arch:
+    '<tree string="Partners">\n                    <field name="id" sum="Sumtest" /><field name="name"/><field name="test"/><field name="test1"/><field name="test2"/><field name="test3"/><field name="test4"/><field name="test5"/><field name="test6"/><field name="test7"/><field name="test8"/><field name="test9"/><field name="test10"/><field name="test11"/><field name="test5"/><field name="test12"/>\n                    <field name="title"/>\n                    <field name="ref"/>\n                    <field name="city" select="2"/>\n                    <field name="country" select="2"/>\n                    <field name="lang"/>\n                </tree>',
 };
 
 export const Default = (): React.ReactElement => {
@@ -511,7 +530,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -531,7 +551,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -551,7 +572,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -571,7 +593,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -591,7 +614,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -611,7 +635,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -631,7 +656,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -651,7 +677,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -671,7 +698,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -691,7 +719,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -711,7 +740,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -731,7 +761,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -751,7 +782,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -771,7 +803,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -791,7 +824,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -811,7 +845,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -831,7 +866,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -851,7 +887,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -871,7 +908,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -891,7 +929,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -911,7 +950,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -931,7 +971,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -951,7 +992,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -971,7 +1013,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -991,7 +1034,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -1011,7 +1055,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:
@@ -1031,7 +1076,8 @@ export const Default = (): React.ReactElement => {
             name: "ASUStek",
             ref: "1234",
             title: false,
-            test: "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
+            test:
+              "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test1:
               "itjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjtitjtijtitjiitjt",
             test2:

package/src/stories/views/Tab.stories.tsx

@@ -2,6 +2,9 @@ import React from "react";
 
 import Tab from "../../views/tabs/Tab";
 
+// import "antd/dist/antd.css";
+
+
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {

package/src/stories/views/TabsAndContent.stories.tsx

@@ -2,6 +2,9 @@ import React from "react";
 
 import Tab from "../../views/tabs/Tab";
 
+// import "antd/dist/antd.css";
+
+
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {

package/src/stories/views/Tree.stories.jsx

@@ -2,6 +2,10 @@ import React from "react";
 
 import { Tree } from "../..";
 
+// import "antd/dist/antd.css";
+
+
+import "@/tailwind.generated.css";
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {

package/src/stories/views/searchFilter/DateRangePicker.stories.tsx

@@ -5,6 +5,9 @@ import LocaleProvider from "../../../context/LocaleContext";
 
 import { DateRangePicker } from "../../../widgets/views/searchFilter/DateRangePicker";
 
+// import "antd/dist/antd.css";
+
+
 export default {
   title: "Components/Widgets/Views/SearchFilter/DateRangePicker",
 };

package/src/stories/views/searchFilter/DateTimeRangePicker.stories.tsx

@@ -4,6 +4,9 @@ import { Field as FieldOoui } from "@gisce/ooui";
 
 import { DateTimeRangePicker } from "../../../widgets/views/searchFilter/DateTimeRangePicker";
 
+// import "antd/dist/antd.css";
+
+
 import LocaleProvider from "../../../context/LocaleContext";
 
 export default {

package/src/stories/views/searchFilter/PairFields.stories.tsx

@@ -4,6 +4,9 @@ import { Field as FieldOoui } from "@gisce/ooui";
 
 import { PairFields } from "../../../widgets/views/searchFilter/PairFields";
 
+// import "antd/dist/antd.css";
+
+
 import LocaleProvider from "../../../context/LocaleContext";
 
 export default {

package/src/stories/views/searchFilter/SearchFilter.stories.tsx

@@ -2,6 +2,10 @@ import React from "react";
 
 import { SearchFilter } from "../../..";
 
+// import "antd/dist/antd.css";
+
+
+import "@/tailwind.generated.css";
 import LocaleProvider from "../../../context/LocaleContext";
 
 export default {

package/src/stories/views/searchFilter/examples/PartnersSearchFilter.stories.tsx

@@ -2,6 +2,10 @@ import React from "react";
 
 import { SearchFilter } from "../../../..";
 
+// import "antd/dist/antd.css";
+
+
+import "@/tailwind.generated.css";
 import LocaleProvider from "../../../../context/LocaleContext";
 
 export default {

package/src/tailwind.css

@@ -0,0 +1,8 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Override base SVG style to work with Ant Design */
+svg {
+  vertical-align: initial;
+}