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

package/src/stories/FloatTime.stories.tsx

@@ -1,35 +0,0 @@
-import React, { useState } from "react";
-
-import { FloatTimeInput } from "../widgets/base/FloatTime";
-import { Float as FloatOoui } from "@gisce/ooui";
-
-// import "antd/dist/antd.css";
-
-
-import LocaleProvider from "../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Base/FloatTime",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new FloatOoui({
-    name: "field",
-    string: "Lorem ipsum",
-  });
-
-  const [value, setValue] = useState<number>(1.5);
-
-  return (
-    <LocaleProvider lang="en_US">
-      <FloatTimeInput
-        ooui={ooui}
-        value={value}
-        onChange={(newValue) => {
-          setValue(newValue);
-        }}
-      />
-      {/* <FloatTime ooui={ooui} showLabel /> */}
-    </LocaleProvider>
-  );
-};

package/src/stories/Image.stories.tsx

@@ -1,28 +0,0 @@
-import React from "react";
-
-import { Image } from "..";
-import { Image as ImageOoui } from "@gisce/ooui";
-
-// import "antd/dist/antd.css";
-
-
-import LocaleProvider from "../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Base/Image",
-};
-
-export const StockIcon = ({ name }): React.ReactElement => {
-  const ooui = new ImageOoui({
-    name: name,
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Image ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-StockIcon.args = {
-  name: "gtk-print",
-};

package/src/stories/Integer.stories.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-
-import { Integer } from "..";
-import { Integer as IntegerOoui } from "@gisce/ooui";
-
-// import "antd/dist/antd.css";
-
-
-import LocaleProvider from "../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Base/Integer",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new IntegerOoui({
-    name: "field",
-    string: "Lorem ipsum",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Integer ooui={ooui} showLabel />
-    </LocaleProvider>
-  );
-};

package/src/stories/Label.stories.tsx

@@ -1,103 +0,0 @@
-import React from "react";
-
-import { Label } from "..";
-import { Label as LabelOoui } from "@gisce/ooui";
-
-// import "antd/dist/antd.css";
-
-
-import LocaleProvider from "../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Base/Label",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new LabelOoui({
-    name: "field",
-    string: "<b>Lorem ipsum</b>",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Label ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-export const LabelSecondary = (): React.ReactElement => {
-  const ooui = new LabelOoui({
-    name: "field",
-    string: "Lorem ipsum",
-    widget_props: "{'label_type': 'secondary'}",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Label ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-export const LabelWaning = (): React.ReactElement => {
-  const ooui = new LabelOoui({
-    name: "field",
-    string: "Lorem ipsum",
-    widget_props: "{'label_type': 'warning'}",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Label ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-export const LabelDanger = (): React.ReactElement => {
-  const ooui = new LabelOoui({
-    name: "field",
-    string: "Lorem ipsum",
-    widget_props: "{'label_type': 'danger'}",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Label ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-export const LabelSuccess = (): React.ReactElement => {
-  const ooui = new LabelOoui({
-    name: "field",
-    string: "Lorem ipsum",
-    widget_props: "{'label_type': 'success'}",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Label ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-export const LabelH1 = (): React.ReactElement => {
-  const ooui = new LabelOoui({
-    name: "field",
-    string: "Lorem ipsum",
-    widget_props: "{'label_size': 1}",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Label ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-export const LabelH2Warning = (): React.ReactElement => {
-  const ooui = new LabelOoui({
-    name: "field",
-    string: "Lorem ipsum",
-    widget_props: "{'label_size': 2, 'label_type': 'warning'}",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Label ooui={ooui} />
-    </LocaleProvider>
-  );
-};

package/src/stories/Many2one.stories.tsx

@@ -1,34 +0,0 @@
-import React from "react";
-
-import { Many2one } from "..";
-import { Many2one as Many2oneOoui } from "@gisce/ooui";
-
-// import "antd/dist/antd.css";
-
-
-import LocaleProvider from "../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Base/Many2One",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new Many2oneOoui({
-    name: "field",
-    string: "Lorem ipsum",
-    relation: "res.partners",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <div style={{ width: 200 }}>
-        <Many2one ooui={ooui} showLabel />
-      </div>
-      <div style={{ width: 300 }}>
-        <Many2one ooui={ooui} showLabel />
-      </div>
-      <div style={{ width: 500 }}>
-        <Many2one ooui={ooui} showLabel />
-      </div>
-    </LocaleProvider>
-  );
-};

package/src/stories/One2many.stories.tsx

@@ -1,295 +0,0 @@
-import React from "react";
-
-import { One2many } from "..";
-import { One2many as One2manyOoui } from "@gisce/ooui";
-
-// import "antd/dist/antd.css";
-
-
-import LocaleProvider from "../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Base/One2many",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new One2manyOoui({
-    name: "field",
-    string: "Lorem ipsum",
-    relation: "res.partners",
-    mode: "form,tree",
-    views: {
-      form: {
-        arch:
-          '<form string="Partner Contacts -">\n                                    <notebook>\n                                        <page string="General">\n                                            <field name="name" select="2" required="True"/>\n                                            <field domain="[(\'domain\', \'=\', \'contact\')]" name="title" string="Type"/>\n                                            <field name="function"/>\n                                            <field name="type" select="2"/>\n                                            <separator string="Street" colspan="4"/>\n                                            <field name="street" select="2" colspan="4" width="200"/>\n                                            <group colspan="2" col="4">\n                        <field name="tv" select="2"/>\n                        <newline/>\n                        <field name="nv" colspan="4"/>\n                    </group>\n                    <group colspan="2" col="8">\n                        <field name="pnp"/>\n                        <field name="es"/>\n                        <field name="pt"/>\n                        <field name="pu"/>\n                        <field name="bq" colspan="1"/>\n                        <field name="aclarador" colspan="5"/>\n                    </group>\n                <field name="street2"/>\n                                            <newline/>\n                                            <field name="zip" select="2"/>\n                                            <field name="apartat_correus"/>\n                    <newline/>\n                <newline/>\n                                            <field name="id_municipi" on_change="onchange_municipi_id(id_municipi,context)"/>\n                    <field name="id_poblacio" domain="[(\'municipi_id\',\'=\',id_municipi)]"/>\n                <field name="state_id" select="2"/>\n                                            <field completion="1" name="country_id" select="2"/>\n                                            <newline/>\n                                            <separator string="Catastre" colspan="4"/>\n                    <field name="ref_catastral"/>\n                <separator string="Comunication channels" colspan="4"/>\n                                            <field name="phone"/>\n                                            <field name="fax"/>\n                                            <newline/>\n                                            <field name="mobile"/>\n                                            <field name="email" select="2" widget="email"/>\n                                        </page>\n                                        <page string="Notes">\n                                            <field name="notes" nolabel="1" colspan="4"/>\n                                        </page>\n                                    </notebook>\n                                </form>\n                                ',
-        fields: {
-          aclarador: {
-            size: 256,
-            string: "Aclarador",
-            type: "char",
-            views: {},
-          },
-          apartat_correus: {
-            size: 5,
-            string: "Apartat de Correus",
-            type: "char",
-            views: {},
-          },
-          bq: {
-            size: 4,
-            string: "Bloc",
-            type: "char",
-            views: {},
-          },
-          country_id: {
-            context: "",
-            domain: [],
-            relation: "res.country",
-            size: 64,
-            string: "Country",
-            type: "many2one",
-            views: {},
-          },
-          email: {
-            size: 240,
-            string: "E-Mail",
-            type: "char",
-            views: {},
-          },
-          es: {
-            size: 10,
-            string: "Escala",
-            type: "char",
-            views: {},
-          },
-          fax: {
-            size: 64,
-            string: "Fax",
-            type: "char",
-            views: {},
-          },
-          function: {
-            context: "",
-            domain: [],
-            relation: "res.partner.function",
-            size: 64,
-            string: "Function",
-            type: "many2one",
-            views: {},
-          },
-          id_municipi: {
-            context: "",
-            domain: [],
-            relation: "res.municipi",
-            size: 64,
-            string: "Municipi",
-            type: "many2one",
-            views: {},
-          },
-          id_poblacio: {
-            context: "",
-            domain: [],
-            relation: "res.poblacio",
-            size: 64,
-            string: "Població",
-            type: "many2one",
-            views: {},
-          },
-          mobile: {
-            size: 64,
-            string: "Mobile",
-            type: "char",
-            views: {},
-          },
-          name: {
-            size: 128,
-            string: "Contact Name",
-            type: "char",
-            views: {},
-          },
-          notes: {
-            string: "Notes",
-            type: "text",
-            views: {},
-          },
-          nv: {
-            size: 256,
-            string: "Carrer",
-            type: "char",
-            views: {},
-          },
-          phone: {
-            size: 64,
-            string: "Phone",
-            type: "char",
-            views: {},
-          },
-          pnp: {
-            size: 10,
-            string: "Número",
-            type: "char",
-            views: {},
-          },
-          pt: {
-            size: 10,
-            string: "Planta",
-            type: "char",
-            views: {},
-          },
-          pu: {
-            size: 10,
-            string: "Porta",
-            type: "char",
-            views: {},
-          },
-          ref_catastral: {
-            size: 20,
-            string: "Ref Catastral (c)",
-            type: "char",
-            views: {},
-          },
-          state_id: {
-            context: "",
-            domain: "[('country_id','=',country_id)]",
-            relation: "res.country.state",
-            size: 64,
-            string: "Fed. State",
-            type: "many2one",
-            views: {},
-          },
-          street: {
-            digits: [16, 2],
-            readonly: 1,
-            size: 128,
-            string: "Street",
-            type: "char",
-            views: {},
-          },
-          street2: {
-            size: 128,
-            string: "Street2",
-            type: "char",
-            views: {},
-          },
-          title: {
-            selection: [
-              ["Ms.", "Madam"],
-              ["Mss", "Miss"],
-              ["M.", "Sir"],
-              ["", ""],
-            ],
-            size: 32,
-            string: "Title",
-            type: "selection",
-            views: {},
-          },
-          tv: {
-            context: "",
-            domain: [],
-            relation: "res.tipovia",
-            size: 64,
-            string: "Tipus Via",
-            type: "many2one",
-            views: {},
-          },
-          type: {
-            help:
-              "Used to select automatically the right address according to the context in sales and purchases documents.",
-            selection: [
-              ["default", "Default"],
-              ["invoice", "Invoice"],
-              ["delivery", "Delivery"],
-              ["contact", "Contact"],
-              ["other", "Other"],
-              ["ov", "Oficina Virtual"],
-            ],
-            string: "Address Type",
-            type: "selection",
-            views: {},
-          },
-          zip: {
-            change_default: true,
-            size: 24,
-            string: "Zip",
-            type: "char",
-            views: {},
-          },
-        },
-      },
-      tree: {
-        arch:
-          '<tree string="Partner Contacts">\n                                    <field name="name"/>\n                                    <field name="street"/>\n                    <field name="type"/>\n                <field name="zip"/>\n                                    <field name="city"/>\n                                    <field name="country_id"/>\n                                    <field name="phone"/>\n                                    <field name="email"/>\n                                </tree>\n                            ',
-        fields: {
-          city: {
-            size: 128,
-            string: "City",
-            type: "char",
-            views: {},
-          },
-          country_id: {
-            context: "",
-            domain: [],
-            relation: "res.country",
-            size: 64,
-            string: "Country",
-            type: "many2one",
-            views: {},
-          },
-          email: {
-            size: 240,
-            string: "E-Mail",
-            type: "char",
-            views: {},
-          },
-          name: {
-            size: 128,
-            string: "Contact Name",
-            type: "char",
-            views: {},
-          },
-          phone: {
-            size: 64,
-            string: "Phone",
-            type: "char",
-            views: {},
-          },
-          street: {
-            digits: [16, 2],
-            readonly: 1,
-            size: 128,
-            string: "Street",
-            type: "char",
-            views: {},
-          },
-          type: {
-            help:
-              "Used to select automatically the right address according to the context in sales and purchases documents.",
-            selection: [
-              ["default", "Default"],
-              ["invoice", "Invoice"],
-              ["delivery", "Delivery"],
-              ["contact", "Contact"],
-              ["other", "Other"],
-              ["ov", "Oficina Virtual"],
-            ],
-            string: "Address Type",
-            type: "selection",
-            views: {},
-          },
-          zip: {
-            change_default: true,
-            size: 24,
-            string: "Zip",
-            type: "char",
-            views: {},
-          },
-        },
-      },
-    },
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <One2many ooui={ooui} />
-    </LocaleProvider>
-  );
-};

package/src/stories/ProgressBar.stories.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-
-import { ProgressBarInput } from "../widgets/base/ProgressBar";
-import { Float as FloatOoui } from "@gisce/ooui";
-
-// import "antd/dist/antd.css";
-
-
-import LocaleProvider from "../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Base/ProgressBar",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new FloatOoui({
-    name: "field",
-    string: "Lorem ipsum",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <ProgressBarInput value={50} />
-    </LocaleProvider>
-  );
-};

package/src/stories/Reference.stories.tsx

@@ -1,46 +0,0 @@
-import React from "react";
-
-import { ReferenceInput } from "../widgets/base/Reference";
-import { Reference as ReferenceOoui } from "@gisce/ooui";
-
-// import "antd/dist/antd.css";
-
-
-import LocaleProvider from "../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Base/Reference",
-};
-
-const selectionValues = [
-  ["product.product", "Product"],
-  ["purchase.order", "Purchase Order"],
-  ["account.invoice", "Invoice"],
-  ["stock.production.lot", "Production Lot"],
-  ["giscedata.polissa", "Pòlissa"],
-  ["giscegas.polissa", "Contrato"],
-  ["giscedata.signatura.process", "Firma"],
-  ["giscedata.crm.lead", "Oferta/Oportunidad"],
-  ["crm.case", "Case"],
-  ["giscedata.switching", "Caso ATR"],
-];
-
-export const Default = (): React.ReactElement => {
-  const ooui = new ReferenceOoui({
-    name: "selcontext_langection",
-    string: "Lorem ipsum",
-    selection: selectionValues,
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <ReferenceInput
-        ooui={ooui}
-        value={"product.product,5"}
-        onChange={(newValue: any) => {
-          console.log(newValue);
-        }}
-      />
-    </LocaleProvider>
-  );
-};

package/src/stories/Selection.stories.tsx

@@ -1,37 +0,0 @@
-import React from "react";
-
-import { SelectionInput } from "../widgets/base/Selection";
-import { Selection as SelectionOoui } from "@gisce/ooui";
-
-// import "antd/dist/antd.css";
-
-
-import LocaleProvider from "../context/LocaleContext";
-
-import { withKnobs, text } from "@storybook/addon-knobs";
-
-export default {
-  title: "Components/Widgets/Base/Selection",
-  decorators: [withKnobs],
-};
-
-const selectionValues = [
-  ["en_US", "English"],
-  ["ca_ES", "Catalan / Català"],
-  ["es_ES", "Spanish / Español"],
-];
-
-export const Default = (): React.ReactElement => {
-  const ooui = new SelectionOoui({
-    name: "selcontext_langection",
-    string: "Lorem ipsum",
-    selection: selectionValues,
-  });
-  const value = text("value", "en_US") || undefined;
-
-  return (
-    <LocaleProvider lang="en_US">
-      <SelectionInput ooui={ooui} value={value} />
-    </LocaleProvider>
-  );
-};

package/src/stories/Separator.stories.tsx

@@ -1,57 +0,0 @@
-import React from "react";
-
-import { Separator } from "..";
-import { Separator as SeparatorOoui } from "@gisce/ooui";
-
-// import "antd/dist/antd.css";
-
-
-import LocaleProvider from "../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Base/Separator",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new SeparatorOoui({
-    string: "Lorem ipsum",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Separator ooui={ooui} showLabel />
-    </LocaleProvider>
-  );
-};
-
-export const WithoutText = (): React.ReactElement => {
-  const ooui = new SeparatorOoui({
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Separator ooui={ooui} showLabel />
-    </LocaleProvider>
-  );
-};
-
-export const OnlyIcon = (): React.ReactElement => {
-  const ooui = new SeparatorOoui({
-    icon: "home"
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Separator ooui={ooui} showLabel />
-    </LocaleProvider>
-  );
-};
-
-export const WithIcon = (): React.ReactElement => {
-  const ooui = new SeparatorOoui({
-    string: "General",
-    icon: "home"
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Separator ooui={ooui} showLabel />
-    </LocaleProvider>
-  );
-};