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

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

@@ -1,190 +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>
-  );
-}
-
-

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

@@ -1,44 +0,0 @@
-import React, {useState} from "react";
-
-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 {
-  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,42 +0,0 @@
-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";
-
-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,55 +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 "antd/dist/antd.css";
-
-
-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,71 +0,0 @@
-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 {
-  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,41 +0,0 @@
-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 {
-  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,26 +0,0 @@
-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 {
-  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,60 +0,0 @@
-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";
-
-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,70 +0,0 @@
-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 {
-  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>
-  );
-}