@gisce/react-ooui 1.5.1 → 1.5.2-alpha.1

package/src/stories/custom/CodeEditor.stories.tsx

@@ -3,9 +3,6 @@ import React from "react";
 import { CodeEditor } from "../../widgets/custom/CodeEditor";
 import { CodeEditor as CodeEditorOoui } from "@gisce/ooui";
 
-// import "antd/dist/antd.css";
-
-
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {
@@ -17,7 +14,7 @@ export const Default = (): React.ReactElement => {
     name: "code",
     string: "Code",
     height: 400,
-    widget_props: "{'lang': 'xml'}"
+    widget_props: "{'lang': 'xml'}",
   });
 
   return (

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

@@ -1,11 +1,8 @@
-import React, {useState} from "react";
+import React, { useState } from "react";
 
-import {Indicator} from "../../widgets/custom/Indicator";
+import { Indicator } from "../../widgets/custom/Indicator";
 import { Indicator as IndicatorOoui } from "@gisce/ooui";
 
-// import "antd/dist/antd.css";
-
-
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {
@@ -24,7 +21,6 @@ export const Default = (): React.ReactElement => {
   );
 };
 
-
 export const WithIconAndSuffix = (): React.ReactElement => {
   const ooui = new IndicatorOoui({
     name: "test",
@@ -34,11 +30,7 @@ export const WithIconAndSuffix = (): React.ReactElement => {
 
   return (
     <LocaleProvider lang="en_US">
-      <Indicator ooui={ooui} value={300}/>
+      <Indicator ooui={ooui} value={300} />
     </LocaleProvider>
   );
 };
-
-
-
-

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

@@ -1,9 +1,6 @@
 import React from "react";
 import { Markdown as MarkdownOOui } from "@gisce/ooui";
 
-// import "antd/dist/antd.css";
-
-
 import LocaleProvider from "../../context/LocaleContext";
 import { MarkdownInput } from "../../widgets/custom/Markdown";
 
@@ -11,14 +8,13 @@ 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**.
+  const markdown = `A paragraph with *emphasis* and **strong importance**.
 
 > A block quote with ~strikethrough~ and a URL: https://reactjs.org.
 
@@ -32,7 +28,7 @@ A table:
 
 | a | b |
 | - | - |
-`
+`;
 
   return (
     <LocaleProvider lang="en_US">

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

@@ -4,9 +4,6 @@ import { MultiCheckboxInput } from "../../widgets/custom/MultiCheckbox";
 import { Checkbox, Space, Row, Col } from "antd";
 import { MultiCheckbox as MultiCheckboxOoui } from "@gisce/ooui";
 
-// import "antd/dist/antd.css";
-
-
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {
@@ -18,16 +15,20 @@ export const Default = (): React.ReactElement => {
     name: "button_field",
     string: "Lorem ipsum",
     field: "name",
-    relation: "res.partner.category"
+    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"}
-        ]}}
+      <MultiCheckboxInput
+        ooui={ooui}
+        value={{
+          items: [
+            { id: 1, operation: "original" },
+            { id: 2, operation: "original" },
+            { id: 3, operation: "pendingRemove" },
+          ],
+        }}
       />
     </LocaleProvider>
   );
@@ -44,12 +45,16 @@ export const Readonly = (): React.ReactElement => {
 
   return (
     <LocaleProvider lang="en_US">
-      <MultiCheckboxInput ooui={ooui} value={{items: [
-          {id: 1, operation: "original"},
-          {id: 2, operation: "original"},
-          {id: 3, operation: "pendingRemove"}
-        ]}}
+      <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

@@ -3,9 +3,6 @@ import React from "react";
 import { Radio } from "../../widgets/custom/Radio";
 import { Radio as RadioOoui } from "@gisce/ooui";
 
-// import "antd/dist/antd.css";
-
-
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {
@@ -18,10 +15,10 @@ export const Default = (): React.ReactElement => {
     string: "Level",
     required: true,
     selection: [
-      ['easy', 'Easy'],
-      ['medium', 'Medium'],
-      ['hard', 'Hard']
-    ]
+      ["easy", "Easy"],
+      ["medium", "Medium"],
+      ["hard", "Hard"],
+    ],
   });
 
   return (
@@ -37,10 +34,10 @@ export const Readonly = (): React.ReactElement => {
     string: "Level",
     readonly: true,
     selection: [
-      ['easy', 'Easy'],
-      ['medium', 'Medium'],
-      ['hard', 'Hard']
-    ]
+      ["easy", "Easy"],
+      ["medium", "Medium"],
+      ["hard", "Hard"],
+    ],
   });
 
   return (
@@ -56,11 +53,11 @@ export const RadioVertical = (): React.ReactElement => {
     string: "Level",
     readonly: true,
     selection: [
-      ['easy', 'Easy'],
-      ['medium', 'Medium'],
-      ['hard', 'Hard']
+      ["easy", "Easy"],
+      ["medium", "Medium"],
+      ["hard", "Hard"],
     ],
-    widget_props: "{'direction': 'vertical'}"
+    widget_props: "{'direction': 'vertical'}",
   });
 
   return (
@@ -68,4 +65,4 @@ export const RadioVertical = (): React.ReactElement => {
       <Radio ooui={ooui} />
     </LocaleProvider>
   );
-};
+};

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

@@ -3,9 +3,6 @@ import React from "react";
 import { Steps, StepsInput } from "../../widgets/custom/Steps";
 import { Steps as StepsOoui } from "@gisce/ooui";
 
-// import "antd/dist/antd.css";
-
-
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {
@@ -16,7 +13,12 @@ export const Default = (): React.ReactElement => {
   const ooui = new StepsOoui({
     name: "enabled",
     string: "Lorem ipsum",
-    selection: [['init', 'Start'], ['second', 'Second'], ['third', 'Third'], ['end', 'End']]
+    selection: [
+      ["init", "Start"],
+      ["second", "Second"],
+      ["third", "Third"],
+      ["end", "End"],
+    ],
   });
 
   return (
@@ -38,4 +40,4 @@ export const Many2One = (): React.ReactElement => {
       <StepsInput ooui={ooui} value="third" />
     </LocaleProvider>
   );
-};
+};

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

@@ -3,9 +3,6 @@ import React from "react";
 import { Switch } from "../../widgets/custom/Switch";
 import { Switch as SwitchOoui } from "@gisce/ooui";
 
-// import "antd/dist/antd.css";
-
-
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {

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

@@ -2,9 +2,6 @@ import React from "react";
 
 import { Tag as TagOoui } from "@gisce/ooui";
 
-// import "antd/dist/antd.css";
-
-
 import LocaleProvider from "../../context/LocaleContext";
 import { TagInput } from "../../widgets/custom/Tag";
 
@@ -17,13 +14,16 @@ export const Default = (): React.ReactElement => {
     name: "status",
     string: "Status",
     field: "status",
-    selection: [['draft', 'Draft'], ['open', 'Open']],
-    widget_props: '{"colors": {"draft": "blue", "open": "green"}}'
+    selection: [
+      ["draft", "Draft"],
+      ["open", "Open"],
+    ],
+    widget_props: '{"colors": {"draft": "blue", "open": "green"}}',
   });
 
   return (
     <LocaleProvider lang="en_US">
-     <TagInput value="draft" ooui={ooui}/>
+      <TagInput value="draft" ooui={ooui} />
     </LocaleProvider>
   );
 };
@@ -33,12 +33,15 @@ export const WithoutColor = (): React.ReactElement => {
     name: "status",
     string: "Status",
     field: "status",
-    selection: [['draft', 'Draft'], ['open', 'Open']],
+    selection: [
+      ["draft", "Draft"],
+      ["open", "Open"],
+    ],
   });
 
   return (
     <LocaleProvider lang="en_US">
-     <TagInput value="draft" ooui={ooui}/>
+      <TagInput value="draft" ooui={ooui} />
     </LocaleProvider>
   );
 };
@@ -48,13 +51,16 @@ export const WithColorAuto = (): React.ReactElement => {
     name: "status",
     string: "Status",
     field: "status",
-    selection: [['draft', 'Draft'], ['open', 'Open']],
-    widget_props: '{"colors": "auto"}'
+    selection: [
+      ["draft", "Draft"],
+      ["open", "Open"],
+    ],
+    widget_props: '{"colors": "auto"}',
   });
 
   return (
     <LocaleProvider lang="en_US">
-     <TagInput value="draft" ooui={ooui}/>
+      <TagInput value="draft" ooui={ooui} />
     </LocaleProvider>
   );
 };

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

@@ -3,9 +3,6 @@ import React from "react";
 import { TagsInput, Tags } from "../../widgets/custom/Tags";
 import { Tags as TagsOoui } from "@gisce/ooui";
 
-// import "antd/dist/antd.css";
-
-
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {
@@ -17,16 +14,20 @@ export const Default = (): React.ReactElement => {
     name: "button_field",
     string: "Lorem ipsum",
     field: "name",
-    relation: "res.partner.category"
+    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"}
-        ]}}
+      <TagsInput
+        ooui={ooui}
+        value={{
+          items: [
+            { id: 1, operation: "original" },
+            { id: 2, operation: "original" },
+            { id: 3, operation: "pendingRemove" },
+          ],
+        }}
       />
     </LocaleProvider>
   );
@@ -43,17 +44,20 @@ export const Readonly = (): React.ReactElement => {
 
   return (
     <LocaleProvider lang="en_US">
-      <TagsInput ooui={ooui} value={{items: [
-          {id: 1, operation: "original"},
-          {id: 2, operation: "original"},
-          {id: 3, operation: "pendingRemove"}
-        ]}}
+      <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",
@@ -64,7 +68,7 @@ export const TagsLabel = (): React.ReactElement => {
 
   return (
     <LocaleProvider lang="en_US">
-      <Tags ooui={ooui} showLabel/>
+      <Tags ooui={ooui} showLabel />
     </LocaleProvider>
   );
 };

package/src/stories/forms/PreferencesForm.stories.tsx

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

package/src/stories/ui/ActionBar.stories.tsx

@@ -3,9 +3,6 @@ import React from "react";
 import { ActionBar } from "../..";
 import LocaleProvider from "../../context/LocaleContext";
 
-// import "antd/dist/antd.css";
-
-
 export default {
   title: "Components/Widgets/UI/ActionBar",
 };

package/src/stories/ui/FavouriteButton.stories.tsx

@@ -3,9 +3,6 @@ import React from "react";
 import FavouriteButton from "../../ui/FavouriteButton";
 import LocaleProvider from "../../context/LocaleContext";
 
-// import "antd/dist/antd.css";
-
-
 export default {
   title: "Components/Widgets/UI/FavouriteButton",
 };

package/src/stories/ui/GoToResourceModal.stories.tsx

@@ -3,9 +3,6 @@ import React from "react";
 import { GoToResourceModal } from "../../ui/GoToResourceModal";
 import LocaleProvider from "../../context/LocaleContext";
 
-// import "antd/dist/antd.css";
-
-
 export default {
   title: "Components/Widgets/UI/GoToResourceModal",
 };