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

package/src/stories/Time.stories.tsx

@@ -1,31 +0,0 @@
-// @ts-ignore
-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 {
-  title: "Components/Widgets/Base/Time",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new TimeOoui({
-    name: "field",
-    string: "Lorem ipsum",
-  });
-
-  const [value, setValue] = useState<string>("23:12:34");
-
-  const onChange = (value: string) => {
-    console.log(value);
-    setValue(value);
-  };
-
-  return (
-    <LocaleProvider lang="en_US">
-      <TimeInput ooui={ooui} onChange={onChange} value={value} />
-    </LocaleProvider>
-  );
-};

package/src/stories/Utils.stories.tsx

@@ -1,14 +0,0 @@
-// @ts-ignore
-import React from "react";
-import { CustomTag } from "../widgets/custom/Tag";
-import { colorFromString } from "../helpers/formHelper";
-
-export default {
-  title: "Components/Pure",
-};
-
-export const CustomTagWithColor = (): React.ReactElement => {
-  const text = "Hacker";
-  const color = colorFromString(text);
-  return <CustomTag color={color}>{text}</CustomTag>;
-};

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

@@ -1,84 +0,0 @@
-import React from "react";
-
-import { withKnobs, number, text } from "@storybook/addon-knobs";
-import LocaleProvider from "../../context/LocaleContext";
-
-import { Form } from "antd";
-import { Form as FormOoui, Group as GroupOoui } from "@gisce/ooui";
-import { Group } from "../..";
-
-export default {
-  title: "Components/Widgets/Containers/Group",
-  decorators: [withKnobs],
-};
-
-const archTemplate = [
-  `<form><group name="group" label="{label}" colspan="{colspan}" col="{col}">`,
-  `</group></form>`,
-];
-
-const field = '<field name="name"/>';
-
-const fields = {
-  name: {
-    string: "Field",
-    type: "char",
-  },
-};
-
-export const Default = (): React.ReactElement => {
-  const label = text("Label", undefined) || undefined;
-  const col = number("Columns", 4) || 4;
-  const colspan = number("Colspan", 4) || 4;
-  const num_fields = number("Number of widgets", 2) || 2;
-
-  const arch = [
-    archTemplate[0]
-      .replace("{label}", label)
-      .replace("{colspan}", colspan.toString())
-      .replace("{col}", col.toString()),
-  ];
-
-  let fieldsXml = "";
-  for (let i = 0; i < num_fields; i += 1) {
-    fieldsXml += field;
-  }
-  arch.push(fieldsXml);
-  arch.push(archTemplate[1]);
-
-  const formOoui = new FormOoui(fields);
-  formOoui.parse(arch.join(""));
-  const groupOoui = formOoui.findById("group") as GroupOoui;
-  groupOoui.label = label;
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Form>
-        <Group ooui={groupOoui} />
-      </Form>
-    </LocaleProvider>
-  );
-};
-
-export const WithIcon = (): React.ReactElement => {
-  const ooui = new GroupOoui({
-    string: "General",
-    icon: "home",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Group ooui={ooui} />
-    </LocaleProvider>
-  );
-};
-
-export const OnlyIcon = (): React.ReactElement => {
-  const ooui = new GroupOoui({
-    icon: "home",
-  });
-  return (
-    <LocaleProvider lang="en_US">
-      <Group ooui={ooui} />
-    </LocaleProvider>
-  );
-};

package/src/stories/containers/NewLine.stories.tsx

@@ -1,52 +0,0 @@
-import React from "react";
-
-import { Form } from "../..";
-
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  component: Form,
-  title: "Components/Widgets/Containers/NewLineExample",
-};
-
-const Template = (args: any) => (
-  <LocaleProvider lang="en_US">
-    <Form {...args} />
-  </LocaleProvider>
-);
-export const Default = Template.bind({});
-Default.args = {
-  initialValues: {
-    name: "John Appleseed",
-    login: "john",
-    context_lang: "ca_ES",
-    context_tz: "Europe/Madrid",
-    password: "MaskedPassword",
-    signature: "John Appleseed\n___\nReach me at +34973748312",
-  },
-  arch: `
-  <form string="Users">
-    <group colspan="4" col="4">
-      <field name="name"/>
-      <newline/>
-      <field name="login" readonly="1"/>
-    </group>
-  </form>`,
-  fields: {
-    login: {
-      required: true,
-      size: 64,
-      string: "Login",
-      type: "char",
-      views: {},
-    },
-    name: {
-      required: true,
-      select: true,
-      size: 64,
-      string: "Name",
-      type: "char",
-      views: {},
-    },
-  },
-};

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

@@ -1,188 +0,0 @@
-import React from "react";
-
-import { withKnobs } from "@storybook/addon-knobs";
-import LocaleProvider from "../../context/LocaleContext";
-
-import { Form } from "antd";
-import { Form as FormOoui, Notebook as NotebookOoui } from "@gisce/ooui";
-import { Notebook } from "../..";
-
-export default {
-  title: "Components/Widgets/Containers/Notebook",
-  decorators: [withKnobs],
-};
-
-const arch = `<form><notebook name="notebook">
-<page string="General">
-  <field name="name" />
-</page>
-<page string="Secondary">
-  <field name="surname" />
-</page>
-</notebook>
-</form>`;
-
-const testArch = `<form><notebook name="notebook"><page string="Corbes">
-<group colspan="4">
-    <group string="Validada" colspan="2">
-        <field name="name" string="Última corba"/>
-        <field name="surname" string="Format"/>
-    </group>
-    <group string="Facturada" colspan="2">
-        <field name="name" string="Última corba"/>
-        <field name="surname" string="Format"/>
-    </group>
-    <group string="Autoconsumida" colspan="2">
-        <field name="name" string="Última corba"/>
-        <field name="surname" string="Format"/>
-    </group>
-    <group string="Generada Neta" colspan="2">
-        <field name="name" string="Última corba"/>
-        <field name="surname" string="Format"/>
-    </group>
-    <group string="Quart-Horària" colspan="2">
-        <field name="name" string="Última corba"/>
-        <field name="surname" string="Format"/>
-    </group>
-</group>
-</page></notebook>
-</form>`;
-
-const fields = {
-  name: {
-    string: "Field of page 1",
-    type: "char",
-  },
-  surname: {
-    string: "Field of page 2",
-    type: "char",
-  },
-};
-
-export const Default = (): React.ReactElement => {
-  const formOoui = new FormOoui(fields);
-  formOoui.parse(arch);
-  const notebookOoui = formOoui.findById("notebook") as NotebookOoui;
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Form>
-        <Notebook ooui={notebookOoui} />
-      </Form>
-    </LocaleProvider>
-  );
-};
-
-export const Test = (): React.ReactElement => {
-  const formOoui = new FormOoui(fields);
-  formOoui.parse(testArch);
-  const notebookOoui = formOoui.findById("notebook") as NotebookOoui;
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Form>
-        <Notebook ooui={notebookOoui} />
-      </Form>
-    </LocaleProvider>
-  );
-};
-
-export const BottomPosition = (): React.ReactElement => {
-  const arch = `<form>
-    <notebook name="notebook" tabpos="bottom">
-      <page string="General">
-        <field name="name" />
-      </page>
-      <page string="Secondary">
-        <field name="surname" />
-      </page>
-    </notebook>
-  </form>`;
-
-  const formOoui = new FormOoui(fields);
-  formOoui.parse(arch);
-  const notebookOoui = formOoui.findById("notebook") as NotebookOoui;
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Form>
-        <Notebook ooui={notebookOoui} />
-      </Form>
-    </LocaleProvider>
-  );
-};
-
-export const LeftPosition = (): React.ReactElement => {
-  const arch = `<form>
-    <notebook name="notebook" tabpos="left">
-      <page string="General">
-        <field name="name" />
-      </page>
-      <page string="Secondary">
-        <field name="surname" />
-      </page>
-    </notebook>
-  </form>`;
-
-  const formOoui = new FormOoui(fields);
-  formOoui.parse(arch);
-  const notebookOoui = formOoui.findById("notebook") as NotebookOoui;
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Form>
-        <Notebook ooui={notebookOoui} />
-      </Form>
-    </LocaleProvider>
-  );
-};
-
-export const IconTabs = (): React.ReactElement => {
-  const arch = `<form>
-    <notebook name="notebook">
-      <page string="Home" icon="home">
-        <field name="name" />
-      </page>
-      <page string="Attributes" icon="project">
-        <field name="surname" />
-      </page>
-    </notebook>
-  </form>`;
-
-  const formOoui = new FormOoui(fields);
-  formOoui.parse(arch);
-  const notebookOoui = formOoui.findById("notebook") as NotebookOoui;
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Form>
-        <Notebook ooui={notebookOoui} />
-      </Form>
-    </LocaleProvider>
-  );
-};
-
-export const IconTablerTabs = (): React.ReactElement => {
-  const arch = `<form>
-    <notebook name="notebook">
-      <page string="Home" icon="bolt">
-        <field name="name" />
-      </page>
-      <page string="Attributes" icon="address-book">
-        <field name="surname" />
-      </page>
-    </notebook>
-  </form>`;
-
-  const formOoui = new FormOoui(fields);
-  formOoui.parse(arch);
-  const notebookOoui = formOoui.findById("notebook") as NotebookOoui;
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Form>
-        <Notebook ooui={notebookOoui} />
-      </Form>
-    </LocaleProvider>
-  );
-};

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

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

package/src/stories/custom/ButtonGroup.stories.tsx

@@ -1,74 +0,0 @@
-import React from "react";
-
-import { Dropdown, Menu } from "antd";
-import { DownOutlined, UserOutlined } from "@ant-design/icons";
-import {
-  ButtonGroup as ButtonGroupOoui,
-  Button as ButtonOoui,
-} from "@gisce/ooui";
-import { ButtonGroup } from "../../widgets/custom/ButtonGroup";
-
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Custom/ButtonGroup",
-};
-
-export const OnlyAntComponents = (): React.ReactElement => {
-  const overlay = (
-    <Menu>
-      <Menu.Item icon={<UserOutlined />}>Button 1</Menu.Item>
-      <Menu.Item icon={<UserOutlined />}>Button 2</Menu.Item>
-    </Menu>
-  );
-
-  return (
-    <LocaleProvider lang="en_US">
-      <Dropdown.Button overlay={overlay} icon={<DownOutlined />}>
-        Default button
-      </Dropdown.Button>
-    </LocaleProvider>
-  );
-};
-
-export const Default = (): React.ReactElement => {
-  const btn1 = new ButtonOoui({
-    name: "btn1",
-    icon: "gtk-execute",
-    string: "Button 1",
-    buttonType: "object",
-  });
-  const btn2 = new ButtonOoui({
-    name: "btn2",
-    readonly: true,
-    buttonType: "object",
-    icon: "gtk-execute",
-    string: "Button 2",
-  });
-  const btn3 = new ButtonOoui({
-    name: "btn3",
-    buttonType: "object",
-    icon: "gtk-about",
-    string: "Button 3",
-    confirm: "Are you sure?",
-  });
-  const btn4 = new ButtonOoui({
-    name: "btn4",
-    buttonType: "object",
-    icon: "gtk-dialog-warning",
-    string: "Button 4",
-    confirm: "Are you sure?",
-    danger: true,
-  });
-  const buttonGroup = new ButtonGroupOoui({
-    name: "btnGroup",
-    default: "btn1",
-  });
-  buttonGroup.container.rows[0].push(...[btn1, btn2, btn3, btn4]);
-
-  return (
-    <LocaleProvider lang="en_US">
-      <ButtonGroup ooui={buttonGroup} />
-    </LocaleProvider>
-  );
-};

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

@@ -1,25 +0,0 @@
-import React from "react";
-
-import { CodeEditor } from "../../widgets/custom/CodeEditor";
-import { CodeEditor as CodeEditorOoui } from "@gisce/ooui";
-
-import LocaleProvider from "../../context/LocaleContext";
-
-export default {
-  title: "Components/Widgets/Custom/CodeEditor",
-};
-
-export const Default = (): React.ReactElement => {
-  const ooui = new CodeEditorOoui({
-    name: "code",
-    string: "Code",
-    height: 400,
-    widget_props: "{'lang': 'xml'}",
-  });
-
-  return (
-    <LocaleProvider lang="en_US">
-      <CodeEditor ooui={ooui} />
-    </LocaleProvider>
-  );
-};

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

@@ -1,197 +0,0 @@
-// @ts-ignore
-import React from "react";
-import LocaleProvider from "../../context/LocaleContext";
-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" +
-        "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" +
-        "Iste corporis non quisquam adipisci fuga. Aperiam possimus est ratione modi dicta. Cum consequatur eius harum ea eius omnis.\n" +
-        "Eveniet sit iste sed commodi cumque. Quis ipsam maxime quam eveniet.\n" +
-        "Repellat officia praesentium adipisci aspernatur impedit. Voluptas architecto autem vero et praesentium dignissimos.\n" +
-        "Nisi ex sapiente incidunt eveniet mollitia. Iure libero natus perferendis voluptate iure fuga.\n" +
-        "Vel voluptate cumque laudantium. Reiciendis sapiente eaque neque exercitationem inventore nam.",
-      author: "Ciríaco Pelayo Camps",
-      email: "ciraco@example.com",
-      date: "2023-04-01 10:00:00",
-      isSender: true,
-      isAuthor: false,
-    },
-    {
-      id: 2,
-      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" +
-        "Sequi possimus harum maxime. Qui laboriosam voluptate pariatur laudantium nam quo. Vel dolorum magni nam iusto sapiente animi quaerat. Debitis minus temporibus molestias quae accusamus.\n" +
-        "Nobis ab adipisci laborum doloremque impedit quo. Tempore cumque accusamus voluptates. In non facere in.\n" +
-        "Laboriosam exercitationem possimus quo sequi. Aspernatur quia consequuntur aspernatur repudiandae molestiae modi. Vero esse nisi dicta nihil accusantium nesciunt.\n" +
-        "Modi voluptatem excepturi. Architecto sapiente nobis quis ipsam. Doloremque ipsum pariatur dicta at.",
-      author: "Plácido Baeza Vaquero",
-      email: "placido@example.com",
-      date: "2023-04-01 11:00:00",
-      isSender: false,
-      isAuthor: true,
-    },
-    {
-      id: 3,
-      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" +
-        "Perferendis impedit iure nostrum ratione nemo distinctio.\n" +
-        "Facilis deserunt amet officia accusantium qui. Non corporis rerum deleniti harum optio ipsa ducimus. Veniam saepe illo aspernatur id quae omnis.\n" +
-        "Distinctio dolor sequi odio officia amet natus. Quidem quidem quibusdam animi alias quia distinctio.\n" +
-        "Eum placeat expedita possimus eveniet. Fugit earum corrupti itaque. Ab expedita officiis numquam.\n" +
-        "Quos optio iure quos minima deserunt assumenda beatae. Illo quod non aliquid.\n" +
-        "Nobis odio reprehenderit ullam numquam. Beatae molestiae aperiam ratione.\n" +
-        "Quidem perferendis minima animi ipsa natus aliquam. Exercitationem perferendis sequi assumenda. Eaque ducimus saepe deleniti eum iure itaque.",
-      author: "Jorge Acosta Valverde",
-      email: "jorge@example.com",
-      date: "2023-04-01 11:30:00",
-      isSender: false,
-      isAuthor: false,
-    },
-    {
-      id: 4,
-      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" +
-        "Corrupti a iste praesentium. Exercitationem cum id neque.\n" +
-        "Optio repellat excepturi sapiente alias iusto quaerat. Explicabo fuga cupiditate atque porro. Qui fuga ea quis porro id.\n" +
-        "Natus optio ab reiciendis quae aperiam tempore. Voluptatem asperiores adipisci ullam nobis. Saepe quas odit rem ad autem cum consequatur.\n" +
-        "Numquam deleniti veniam rem. Enim doloremque consectetur quas reprehenderit. Numquam unde a animi odio sequi.\n" +
-        "Cum at eos fuga.\n" +
-        "Vel exercitationem excepturi placeat. Quisquam neque quasi impedit at.",
-      author: "Ciríaco Pelayo Camps",
-      email: "ciraco@example.com",
-      date: "2023-04-01 13:00:00",
-      isSender: true,
-      isAuthor: false,
-    },
-  ];
-  return (
-    <LocaleProvider lang="es_ES">
-      <Comments data={data} />
-    </LocaleProvider>
-  );
-};
-
-export const Timeline = () => {
-  const data = [
-    {
-      type: "action",
-      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" +
-          "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" +
-          "Iste corporis non quisquam adipisci fuga. Aperiam possimus est ratione modi dicta. Cum consequatur eius harum ea eius omnis.\n" +
-          "Eveniet sit iste sed commodi cumque. Quis ipsam maxime quam eveniet.\n" +
-          "Repellat officia praesentium adipisci aspernatur impedit. Voluptas architecto autem vero et praesentium dignissimos.\n" +
-          "Nisi ex sapiente incidunt eveniet mollitia. Iure libero natus perferendis voluptate iure fuga.\n" +
-          "Vel voluptate cumque laudantium. Reiciendis sapiente eaque neque exercitationem inventore nam.",
-        author: "Ciríaco Pelayo Camps",
-        email: "ciraco@example.com",
-        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" +
-          "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" +
-          "Sequi possimus harum maxime. Qui laboriosam voluptate pariatur laudantium nam quo. Vel dolorum magni nam iusto sapiente animi quaerat. Debitis minus temporibus molestias quae accusamus.\n" +
-          "Nobis ab adipisci laborum doloremque impedit quo. Tempore cumque accusamus voluptates. In non facere in.\n" +
-          "Laboriosam exercitationem possimus quo sequi. Aspernatur quia consequuntur aspernatur repudiandae molestiae modi. Vero esse nisi dicta nihil accusantium nesciunt.\n" +
-          "Modi voluptatem excepturi. Architecto sapiente nobis quis ipsam. Doloremque ipsum pariatur dicta at.",
-        author: "Plácido Baeza Vaquero",
-        email: "placido@example.com",
-        date: "2023-04-01 11:00:00",
-        isSender: false,
-        isAuthor: false,
-      },
-    },
-    {
-      type: "comment",
-      event: {
-        id: 4,
-        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" +
-          "Corrupti a iste praesentium. Exercitationem cum id neque.\n" +
-          "Optio repellat excepturi sapiente alias iusto quaerat. Explicabo fuga cupiditate atque porro. Qui fuga ea quis porro id.\n" +
-          "Natus optio ab reiciendis quae aperiam tempore. Voluptatem asperiores adipisci ullam nobis. Saepe quas odit rem ad autem cum consequatur.\n" +
-          "Numquam deleniti veniam rem. Enim doloremque consectetur quas reprehenderit. Numquam unde a animi odio sequi.\n" +
-          "Cum at eos fuga.\n" +
-          "Vel exercitationem excepturi placeat. Quisquam neque quasi impedit at.",
-        author: "Ciríaco Pelayo Camps",
-        email: "ciraco@example.com",
-        date: "2023-04-01 13:00:00",
-        isSender: true,
-        isAuthor: false,
-      },
-    },
-    {
-      type: "action",
-      event: {
-        action: "Pendent",
-        date: "2023-04-01 13:05:00",
-      },
-    },
-    {
-      type: "action",
-      event: {
-        action: "Close",
-        date: "2023-04-01 13:35:00",
-      },
-    },
-  ] as EventsType[];
-  return (
-    <LocaleProvider lang="es_ES">
-      <CommentsTimeline value={data} />
-    </LocaleProvider>
-  );
-};