@gisce/react-ooui 2.0.0-alpha.2 → 2.0.0-alpha.21

package/src/hooks/useWindowDimensions.ts

@@ -12,7 +12,7 @@ function getWindowDimensions() {
 
 export default function useWindowDimensions() {
   const [windowDimensions, setWindowDimensions] = useState(
-    getWindowDimensions()
+    getWindowDimensions(),
   );
 
   useEffect(() => {

package/src/stories/Time.stories.tsx

@@ -4,7 +4,6 @@ import React, { useState } from "react";
 import { TimeInput } from "../widgets/base/Time";
 import { Time as TimeOoui } from "@gisce/ooui";
 
-
 import LocaleProvider from "../context/LocaleContext";
 
 export default {
@@ -17,12 +16,12 @@ export const Default = (): React.ReactElement => {
     string: "Lorem ipsum",
   });
 
-  const [value, setValue] = useState<string>('23:12:34');
+  const [value, setValue] = useState<string>("23:12:34");
 
   const onChange = (value: string) => {
     console.log(value);
     setValue(value);
-  }
+  };
 
   return (
     <LocaleProvider lang="en_US">

package/src/stories/Utils.stories.tsx

@@ -7,10 +7,8 @@ export default {
   title: "Components/Pure",
 };
 
-
-
 export const CustomTagWithColor = (): React.ReactElement => {
   const text = "Hacker";
   const color = colorFromString(text);
-  return <CustomTag color={color}>{text}</CustomTag>
+  return <CustomTag color={color}>{text}</CustomTag>;
 };

package/src/stories/containers/Group.stories.tsx

@@ -63,7 +63,7 @@ export const Default = (): React.ReactElement => {
 export const WithIcon = (): React.ReactElement => {
   const ooui = new GroupOoui({
     string: "General",
-    icon: "home"
+    icon: "home",
   });
   return (
     <LocaleProvider lang="en_US">
@@ -72,10 +72,9 @@ export const WithIcon = (): React.ReactElement => {
   );
 };
 
-
 export const OnlyIcon = (): React.ReactElement => {
   const ooui = new GroupOoui({
-    icon: "home"
+    icon: "home",
   });
   return (
     <LocaleProvider lang="en_US">

package/src/stories/containers/Notebook.stories.tsx

@@ -88,7 +88,6 @@ export const Test = (): React.ReactElement => {
 };
 
 export const BottomPosition = (): React.ReactElement => {
-
   const arch = `<form>
     <notebook name="notebook" tabpos="bottom">
       <page string="General">
@@ -113,9 +112,7 @@ export const BottomPosition = (): React.ReactElement => {
   );
 };
 
-
 export const LeftPosition = (): React.ReactElement => {
-
   const arch = `<form>
     <notebook name="notebook" tabpos="left">
       <page string="General">
@@ -141,7 +138,6 @@ export const LeftPosition = (): React.ReactElement => {
 };
 
 export const IconTabs = (): React.ReactElement => {
-
   const arch = `<form>
     <notebook name="notebook">
       <page string="Home" icon="home">
@@ -166,9 +162,7 @@ export const IconTabs = (): React.ReactElement => {
   );
 };
 
-
 export const IconTablerTabs = (): React.ReactElement => {
-
   const arch = `<form>
     <notebook name="notebook">
       <page string="Home" icon="bolt">

package/src/stories/custom/Avatar.stories.tsx

@@ -1,7 +1,7 @@
-import React, {useState} from "react";
+import React, { useState } from "react";
 
 import { Avatar as AvatarOoui } from "@gisce/ooui";
-import Avatar from "@/widgets/custom/Avatar";
+import Avatar from "../../widgets/custom/Avatar";
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {
@@ -20,7 +20,3 @@ export const Default = (): React.ReactElement => {
     </LocaleProvider>
   );
 };
-
-
-
-

package/src/stories/custom/Comments.stories.tsx

@@ -1,19 +1,22 @@
 // @ts-ignore
 import React from "react";
 import LocaleProvider from "../../context/LocaleContext";
-import { Comments, CommentsTimeline, EventsType } from "../../widgets/custom/Comments";
-
+import {
+  Comments,
+  CommentsTimeline,
+  EventsType,
+} from "../../widgets/custom/Comments";
 
 export default {
   title: "Components/Widgets/Custom/Comments",
 };
 
 export const Default = (): React.ReactElement => {
-
   const data = [
     {
       id: 1,
-      text: "Totam odit eum distinctio tempore. Numquam illo dolorum laboriosam vel illum. Sunt saepe ab nihil soluta placeat ullam.\n" +
+      text:
+        "Totam odit eum distinctio tempore. Numquam illo dolorum laboriosam vel illum. Sunt saepe ab nihil soluta placeat ullam.\n" +
         "Eius ea enim ut. Unde consequatur ducimus esse ullam. Odio fugit reprehenderit sunt.\n" +
         "Recusandae a aliquid. Iusto quisquam temporibus a assumenda aut fuga. Tenetur cum quis saepe et alias delectus quos.\n" +
         "Corporis adipisci eaque quod. Aperiam voluptatum doloribus accusamus suscipit.\n" +
@@ -30,7 +33,8 @@ export const Default = (): React.ReactElement => {
     },
     {
       id: 2,
-      text: "Dicta eligendi pariatur ratione ipsam accusantium. Ad minus nesciunt optio id ipsum.\n" +
+      text:
+        "Dicta eligendi pariatur ratione ipsam accusantium. Ad minus nesciunt optio id ipsum.\n" +
         "Incidunt eligendi doloremque molestias. Voluptate sapiente nulla veritatis.\n" +
         "Nostrum minima ad repudiandae optio laborum.\n" +
         "Adipisci sint quasi laudantium explicabo ab nostrum. Rerum nemo itaque officia. Velit accusamus itaque accusantium ducimus quidem quae cum.\n" +
@@ -46,7 +50,8 @@ export const Default = (): React.ReactElement => {
     },
     {
       id: 3,
-      text: "Amet tempora ipsum ipsum delectus.\n" +
+      text:
+        "Amet tempora ipsum ipsum delectus.\n" +
         "Autem minus magnam in eveniet. Veniam voluptas deleniti eaque sequi autem.\n" +
         "Occaecati laborum ut voluptatum maxime iure cupiditate. Facere vitae aliquid.\n" +
         "Nemo nihil enim quia exercitationem. Quisquam aut autem magni occaecati velit.\n" +
@@ -65,7 +70,8 @@ export const Default = (): React.ReactElement => {
     },
     {
       id: 4,
-      text: "Esse tempora amet consectetur asperiores dicta. Quidem est harum tempora voluptatum mollitia.\n" +
+      text:
+        "Esse tempora amet consectetur asperiores dicta. Quidem est harum tempora voluptatum mollitia.\n" +
         "Voluptate reprehenderit sint vitae laborum animi placeat nihil. Maxime iure porro delectus voluptate. Molestiae dolorem natus alias ipsam consequuntur. Nisi nam exercitationem voluptas saepe occaecati.\n" +
         "Reprehenderit quam ex est vel.\n" +
         "Magnam quidem laudantium reprehenderit rerum nam ducimus perspiciatis. Vero omnis sed ducimus quidem dolores dolor illum.\n" +
@@ -80,8 +86,8 @@ export const Default = (): React.ReactElement => {
       date: "2023-04-01 13:00:00",
       isSender: true,
       isAuthor: false,
-    }
-  ]
+    },
+  ];
   return (
     <LocaleProvider lang="es_ES">
       <Comments data={data} />
@@ -96,13 +102,14 @@ export const Timeline = () => {
       event: {
         date: "2023-04-01 10:00",
         action: "Draft",
-      }
+      },
     },
     {
       type: "comment",
       event: {
         id: 1,
-        text: "Totam odit eum distinctio tempore. Numquam illo dolorum laboriosam vel illum. Sunt saepe ab nihil soluta placeat ullam.\n" +
+        text:
+          "Totam odit eum distinctio tempore. Numquam illo dolorum laboriosam vel illum. Sunt saepe ab nihil soluta placeat ullam.\n" +
           "Eius ea enim ut. Unde consequatur ducimus esse ullam. Odio fugit reprehenderit sunt.\n" +
           "Recusandae a aliquid. Iusto quisquam temporibus a assumenda aut fuga. Tenetur cum quis saepe et alias delectus quos.\n" +
           "Corporis adipisci eaque quod. Aperiam voluptatum doloribus accusamus suscipit.\n" +
@@ -116,20 +123,21 @@ export const Timeline = () => {
         date: "2023-04-01 10:00:00",
         isSender: true,
         isAuthor: true,
-      }
+      },
     },
     {
       type: "action",
       event: {
         date: "2023-04-01 10:10",
         action: "Open",
-      }
+      },
     },
     {
       type: "comment",
       event: {
         id: 2,
-        text: "Dicta eligendi pariatur ratione ipsam accusantium. Ad minus nesciunt optio id ipsum.\n" +
+        text:
+          "Dicta eligendi pariatur ratione ipsam accusantium. Ad minus nesciunt optio id ipsum.\n" +
           "Incidunt eligendi doloremque molestias. Voluptate sapiente nulla veritatis.\n" +
           "Nostrum minima ad repudiandae optio laborum.\n" +
           "Adipisci sint quasi laudantium explicabo ab nostrum. Rerum nemo itaque officia. Velit accusamus itaque accusantium ducimus quidem quae cum.\n" +
@@ -148,7 +156,8 @@ export const Timeline = () => {
       type: "comment",
       event: {
         id: 4,
-        text: "Esse tempora amet consectetur asperiores dicta. Quidem est harum tempora voluptatum mollitia.\n" +
+        text:
+          "Esse tempora amet consectetur asperiores dicta. Quidem est harum tempora voluptatum mollitia.\n" +
           "Voluptate reprehenderit sint vitae laborum animi placeat nihil. Maxime iure porro delectus voluptate. Molestiae dolorem natus alias ipsam consequuntur. Nisi nam exercitationem voluptas saepe occaecati.\n" +
           "Reprehenderit quam ex est vel.\n" +
           "Magnam quidem laudantium reprehenderit rerum nam ducimus perspiciatis. Vero omnis sed ducimus quidem dolores dolor illum.\n" +
@@ -163,28 +172,26 @@ export const Timeline = () => {
         date: "2023-04-01 13:00:00",
         isSender: true,
         isAuthor: false,
-      }
+      },
     },
     {
       type: "action",
       event: {
         action: "Pendent",
-        date: "2023-04-01 13:05:00"
-      }
+        date: "2023-04-01 13:05:00",
+      },
     },
     {
       type: "action",
       event: {
         action: "Close",
-        date: "2023-04-01 13:35:00"
-      }
-    }
-  ] as EventsType[]
+        date: "2023-04-01 13:35:00",
+      },
+    },
+  ] as EventsType[];
   return (
     <LocaleProvider lang="es_ES">
       <CommentsTimeline value={data} />
     </LocaleProvider>
   );
-}
-
-
+};

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

@@ -14,8 +14,7 @@ export const Default = (): React.ReactElement => {
         model={"test"}
         id={6}
         formView={{
-          arch:
-            '<form string="test"><field name="url" /><field name="email" /></form>',
+          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" }}

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

@@ -674,8 +674,7 @@ Default.args = {
       views: {},
     },
     password: {
-      help:
-        "Keep empty if you don't want the user to be able to connect on the system.",
+      help: "Keep empty if you don't want the user to be able to connect on the system.",
       invisible: true,
       size: 64,
       string: "Password",

package/src/stories/mocks/mockProvider.ts

@@ -55,9 +55,12 @@ const init = () => {
       const { model, fields } = options;
       await new Promise((resolve) => setTimeout(resolve, timeout));
       const data = getMock(model);
-      const fieldsDef = Object.fromEntries(Object.entries(data.form.fields).filter(([key]) => fields.includes(key)));
+      const fieldsDef = Object.fromEntries(
+        Object.entries(data.form.fields).filter(([key]) =>
+          fields.includes(key),
+        ),
+      );
       return fieldsDef;
-
     },
     searchAllIds: async (options: SearchCountRequest) => {
       await new Promise((resolve) => setTimeout(resolve, timeout));

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

@@ -18,8 +18,7 @@ export default {
     selection_associated_object: false,
   },
   form: {
-    arch:
-      '<form string="Attachments">\n                    <group colspan="4" col="6">\n                        <field name="name" select="1"/>\n                        <field name="create_uid" select="2"/>\n                        <field name="create_date" select="2"/>\n                        <field name="id" invisible="1"/>\n                    </group>\n                    <notebook colspan="4">\n                    <page string="Attachment">\n                        <group col="2" colspan="2">\n                            <separator string="Data" colspan="2"/>\n                            <group attrs="{\'invisible\': [(\'id\', \'!=\', False), (\'link\', \'=\', False)]}">\n                                <field name="link" widget="url" colspan="4"/>\n                            </group>\n                            <group attrs="{\'invisible\': [(\'id\', \'!=\', False), (\'link\', \'!=\', False)]}">\n                                <field name="datas" filename="datas_fname"/>\n                                <field name="datas_fname" select="1"/>\n                             </group>\n                        </group>\n                        <group col="2" colspan="2">\n                            <separator string="Attached To" colspan="2"/>\n                            <field name="category_id" select="1"/>\n                            <field name="selection_associated_object"/>\n                        </group>\n                    </page>\n                    <page string="Notes">\n                        <field colspan="4" name="description" nolabel="1"/>\n                    </page>\n                    </notebook>\n                </form>',
+    arch: '<form string="Attachments">\n                    <group colspan="4" col="6">\n                        <field name="name" select="1"/>\n                        <field name="create_uid" select="2"/>\n                        <field name="create_date" select="2"/>\n                        <field name="id" invisible="1"/>\n                    </group>\n                    <notebook colspan="4">\n                    <page string="Attachment">\n                        <group col="2" colspan="2">\n                            <separator string="Data" colspan="2"/>\n                            <group attrs="{\'invisible\': [(\'id\', \'!=\', False), (\'link\', \'=\', False)]}">\n                                <field name="link" widget="url" colspan="4"/>\n                            </group>\n                            <group attrs="{\'invisible\': [(\'id\', \'!=\', False), (\'link\', \'!=\', False)]}">\n                                <field name="datas" filename="datas_fname"/>\n                                <field name="datas_fname" select="1"/>\n                             </group>\n                        </group>\n                        <group col="2" colspan="2">\n                            <separator string="Attached To" colspan="2"/>\n                            <field name="category_id" select="1"/>\n                            <field name="selection_associated_object"/>\n                        </group>\n                    </page>\n                    <page string="Notes">\n                        <field colspan="4" name="description" nolabel="1"/>\n                    </page>\n                    </notebook>\n                </form>',
     field_parent: false,
     fields: {
       category_id: {