@gisce/react-ooui 2.0.0-alpha.61 → 2.0.0-alpha.63

package/src/stories/custom/Indicator.stories.tsx

@@ -1,36 +0,0 @@
-import React, { useState } from "react";
-
-import { Indicator } from "../../widgets/custom/Indicator";
-import { Indicator as IndicatorOoui } from "@gisce/ooui";
-
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Custom/Indicator",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new IndicatorOoui({
-    name: "button_field",
-    string: "Lorem ipsum",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Indicator ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-export const WithIconAndSuffix = (): React.ReactElement => {
-  const ooui = new IndicatorOoui({
-    name: "test",
-    string: "Pending amount",
-    widget_props: "{'icon': 'wallet', 'suffix': '€'}",
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Indicator ooui={ooui} value={300} />
-    </LocaleProvider>
-  );
-};

package/src/stories/custom/Markdown.stories.tsx

@@ -1,38 +0,0 @@
-import React from "react";
-import { Markdown as MarkdownOOui } from "@gisce/ooui";
-
-import LocaleProvider from "../../context/LocaleContext";
-import { MarkdownInput } from "../../widgets/custom/Markdown";
-
-export default {
-  title: "Components/Widgets/Custom/Markdown",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new MarkdownOOui({
-    name: "enabled",
-    string: "Lorem ipsum",
-  });
-
-  const markdown = `A paragraph with *emphasis* and **strong importance**.
-
-> A block quote with ~strikethrough~ and a URL: https://reactjs.org.
-
-## Header 2
-
-* Lists
-* [ ] todo
-* [x] done
-
-A table:
-
-| a | b |
-| - | - |
-`;
-
-  return (
-    <LocaleProvider lang="en_US">
-      <MarkdownInput ooui={ooui} value={markdown} />
-    </LocaleProvider>
-  );
-};

package/src/stories/custom/MultiCheckbox.stories.tsx

@@ -1,60 +0,0 @@
-import React from "react";
-
-import { MultiCheckboxInput } from "../../widgets/custom/MultiCheckbox";
-import { Checkbox, Space, Row, Col } from "antd";
-import { MultiCheckbox as MultiCheckboxOoui } from "@gisce/ooui";
-
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Custom/MultiCheckbox",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new MultiCheckboxOoui({
-    name: "button_field",
-    string: "Lorem ipsum",
-    field: "name",
-    relation: "res.partner.category",
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <MultiCheckboxInput
-        ooui={ooui}
-        value={{
-          items: [
-            { id: 1, operation: "original" },
-            { id: 2, operation: "original" },
-            { id: 3, operation: "pendingRemove" },
-          ],
-        }}
-      />
-    </LocaleProvider>
-  );
-};
-
-export const Readonly = (): React.ReactElement => {
-  const ooui = new MultiCheckboxOoui({
-    name: "button_field",
-    string: "Lorem ipsum",
-    field: "name",
-    readonly: true,
-    relation: "res.partner.category",
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <MultiCheckboxInput
-        ooui={ooui}
-        value={{
-          items: [
-            { id: 1, operation: "original" },
-            { id: 2, operation: "original" },
-            { id: 3, operation: "pendingRemove" },
-          ],
-        }}
-      />
-    </LocaleProvider>
-  );
-};

package/src/stories/custom/Radio.stories.tsx

@@ -1,68 +0,0 @@
-import React from "react";
-
-import { Radio } from "../../widgets/custom/Radio";
-import { Radio as RadioOoui } from "@gisce/ooui";
-
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Custom/Radio",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new RadioOoui({
-    name: "level",
-    string: "Level",
-    required: true,
-    selection: [
-      ["easy", "Easy"],
-      ["medium", "Medium"],
-      ["hard", "Hard"],
-    ],
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Radio ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-export const Readonly = (): React.ReactElement => {
-  const ooui = new RadioOoui({
-    name: "level",
-    string: "Level",
-    readonly: true,
-    selection: [
-      ["easy", "Easy"],
-      ["medium", "Medium"],
-      ["hard", "Hard"],
-    ],
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Radio ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-export const RadioVertical = (): React.ReactElement => {
-  const ooui = new RadioOoui({
-    name: "level",
-    string: "Level",
-    readonly: true,
-    selection: [
-      ["easy", "Easy"],
-      ["medium", "Medium"],
-      ["hard", "Hard"],
-    ],
-    widget_props: "{'direction': 'vertical'}",
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Radio ooui={ooui} />
-    </LocaleProvider>
-  );
-};

package/src/stories/custom/Steps.stories.tsx

@@ -1,43 +0,0 @@
-import React from "react";
-
-import { Steps, StepsInput } from "../../widgets/custom/Steps";
-import { Steps as StepsOoui } from "@gisce/ooui";
-
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Custom/Steps",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new StepsOoui({
-    name: "enabled",
-    string: "Lorem ipsum",
-    selection: [
-      ["init", "Start"],
-      ["second", "Second"],
-      ["third", "Third"],
-      ["end", "End"],
-    ],
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <StepsInput ooui={ooui} value="third" />
-    </LocaleProvider>
-  );
-};
-
-export const Many2One = (): React.ReactElement => {
-  const ooui = new StepsOoui({
-    name: "enabled",
-    string: "Lorem ipsum",
-    relation: "crm.case.stage",
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <StepsInput ooui={ooui} value="third" />
-    </LocaleProvider>
-  );
-};

package/src/stories/custom/Switch.stories.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-
-import { Switch } from "../../widgets/custom/Switch";
-import { Switch as SwitchOoui } from "@gisce/ooui";
-
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Custom/Switch",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new SwitchOoui({
-    name: "enabled",
-    string: "Lorem ipsum",
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Switch ooui={ooui} value={true} />
-    </LocaleProvider>
-  );
-};

package/src/stories/custom/Tag.stories.tsx

@@ -1,66 +0,0 @@
-import React from "react";
-
-import { Tag as TagOoui } from "@gisce/ooui";
-
-import LocaleProvider from "../../context/LocaleContext";
-import { TagInput } from "../../widgets/custom/Tag";
-
-export default {
-  title: "Components/Widgets/Custom/Tag",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new TagOoui({
-    name: "status",
-    string: "Status",
-    field: "status",
-    selection: [
-      ["draft", "Draft"],
-      ["open", "Open"],
-    ],
-    widget_props: '{"colors": {"draft": "blue", "open": "green"}}',
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <TagInput value="draft" ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-export const WithoutColor = (): React.ReactElement => {
-  const ooui = new TagOoui({
-    name: "status",
-    string: "Status",
-    field: "status",
-    selection: [
-      ["draft", "Draft"],
-      ["open", "Open"],
-    ],
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <TagInput value="draft" ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-export const WithColorAuto = (): React.ReactElement => {
-  const ooui = new TagOoui({
-    name: "status",
-    string: "Status",
-    field: "status",
-    selection: [
-      ["draft", "Draft"],
-      ["open", "Open"],
-    ],
-    widget_props: '{"colors": "auto"}',
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <TagInput value="draft" ooui={ooui} />
-    </LocaleProvider>
-  );
-};

package/src/stories/custom/Tags.stories.tsx

@@ -1,74 +0,0 @@
-import React from "react";
-
-import { TagsInput, Tags } from "../../widgets/custom/Tags";
-import { Tags as TagsOoui } from "@gisce/ooui";
-
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Custom/Tags",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new TagsOoui({
-    name: "button_field",
-    string: "Lorem ipsum",
-    field: "name",
-    relation: "res.partner.category",
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <TagsInput
-        ooui={ooui}
-        value={{
-          items: [
-            { id: 1, operation: "original" },
-            { id: 2, operation: "original" },
-            { id: 3, operation: "pendingRemove" },
-          ],
-        }}
-      />
-    </LocaleProvider>
-  );
-};
-
-export const Readonly = (): React.ReactElement => {
-  const ooui = new TagsOoui({
-    name: "button_field",
-    string: "Lorem ipsum",
-    field: "name",
-    readonly: true,
-    relation: "res.partner.category",
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <TagsInput
-        ooui={ooui}
-        value={{
-          items: [
-            { id: 1, operation: "original" },
-            { id: 2, operation: "original" },
-            { id: 3, operation: "pendingRemove" },
-          ],
-        }}
-      />
-    </LocaleProvider>
-  );
-};
-
-export const TagsLabel = (): React.ReactElement => {
-  const ooui = new TagsOoui({
-    name: "button_field",
-    string: "Lorem ipsum",
-    field: "name",
-    relation: "res.partner.category",
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Tags ooui={ooui} showLabel />
-    </LocaleProvider>
-  );
-};

package/src/stories/dashboard/Dashboard.stories.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-
-import { Dashboard } from "../..";
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Dashboard/Sample",
-};
-
-const xml = `<?xml version="1.0"?>
-    <dashboard string="Partner dashboard">
-        <dashboard_item action_id="71" position="{'x':0,'y':0,'w':6,'h':24}" />
-        <dashboard_item action_id="75" position="{'x':7,'y':0,'w':6,'h':24}" />
-    </dashboard>
-    `;
-
-export function Default(): React.ReactElement {
-  return (
-    <LocaleProvider lang="en_US">
-      <Dashboard arch={xml} />
-    </LocaleProvider>
-  );
-}

package/src/stories/dashboard/DashboardGrid.stories.tsx

@@ -1,43 +0,0 @@
-import React from "react";
-import { DashboardGridItem, DashboardGrid, GraphIndicator } from "../..";
-
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Dashboard/DashboardGrid",
-};
-
-export function Default(): React.ReactElement {
-  return (
-    <LocaleProvider lang="en_US">
-      <DashboardGrid>
-        <DashboardGridItem
-          title="test"
-          parms={{ w: 3, h: 9, x: 0, y: 0, id: 10 }}
-        >
-          <GraphIndicator
-            model="res.partner"
-            context={{}}
-            domain={{}}
-            icon={"wallet"}
-            showPercent={true}
-            // suffix={"€"}
-          />
-        </DashboardGridItem>
-        <DashboardGridItem
-          title="test"
-          parms={{ w: 3, h: 9, x: 0, y: 0, id: 10 }}
-        >
-          <GraphIndicator
-            model="res.partner"
-            context={{}}
-            domain={{}}
-            icon={"bolt"}
-            showPercent={true}
-            // suffix={"€"}
-          />
-        </DashboardGridItem>
-      </DashboardGrid>
-    </LocaleProvider>
-  );
-}

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

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

package/src/stories/forms/Attachment.stories.tsx

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

package/src/stories/forms/CUPSForm.stories.tsx

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

package/src/stories/forms/Company.stories.tsx

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

package/src/stories/forms/CrmCaseForm.stories.tsx

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

package/src/stories/forms/Documents.stories.tsx

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

package/src/stories/forms/FormWithGridFiber.stories.tsx

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

package/src/stories/forms/FormWithLinks.stories.tsx

@@ -1,30 +0,0 @@
-import React from "react";
-
-import { Form } from "../..";
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Forms/FormWithLinks",
-};
-
-export const Default = (): React.ReactElement => {
-  return (
-    <LocaleProvider lang="en_US">
-      <Form
-        model={"test"}
-        id={6}
-        formView={{
-          arch: '<form string="test"><field name="url" /><field name="email" /></form>',
-          fields: { url: { type: "url" }, email: { type: "email" } },
-        }}
-        values={{ url: "http://www.google.com", email: "test@test.net" }}
-        onCancel={() => {
-          console.log();
-        }}
-        onSubmitSucceed={(value: any) => {
-          console.log();
-        }}
-      />
-    </LocaleProvider>
-  );
-};