feat: sync changes from v2 to alpha (🚨 CONFLICTS RESOLVED)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "2.41.0",
+  "version": "2.42.0",
   "engines": {
     "node": "20.5.0"
   },
@@ -35,7 +35,7 @@
   "dependencies": {
     "@ant-design/plots": "^1.0.9",
     "@gisce/fiber-diagram": "2.1.1",
-    "@gisce/ooui": "2.19.0",
+    "@gisce/ooui": "2.20.0",
     "@gisce/react-formiga-components": "1.8.0",
     "@gisce/react-formiga-table": "1.9.0-alpha.8",
     "@monaco-editor/react": "^4.4.5",

src/index.ts

@@ -51,6 +51,7 @@ import { HTMLPreview } from "@/widgets/custom/HTMLPreview";
 import { Alert } from "@/widgets/custom/Alert";
 import { DashboardGrid } from "@/widgets/views/DashboardGrid";
 import { GraphIndicator } from "@/widgets/views/Graph/GraphIndicator";
+import { Spinner } from "@/widgets/custom/Spinner";
 
 import type {
   TreeView,
@@ -177,4 +178,5 @@ export {
   HTMLPreview,
   Alert,
   dayjs,
+  Spinner,
 };

src/widgets/WidgetFactory.tsx

@@ -35,6 +35,7 @@ import {
   CommentsTimelineField,
   HTMLPreview,
   Alert,
+  Spinner,
 } from "@/index";
 import { Image } from "./base/Image";
 import { FiberGrid } from "./custom/FiberGrid";
@@ -130,6 +131,8 @@ const getWidgetType = (type: string) => {
       return HTMLPreview;
     case "alert":
       return Alert;
+    case "spinner":
+      return Spinner;
     default:
       return undefined;
   }

src/widgets/custom/Spinner.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { WidgetProps } from "@/types";
+import { Spinner as SpinnerOoui } from "@gisce/ooui";
+import { Spin } from "antd";
+import Container from "@/widgets/containers/Container";
+
+type SpinnerProps = WidgetProps & {
+  ooui: SpinnerOoui;
+};
+
+export const Spinner = (props: SpinnerProps) => {
+  const { ooui } = props;
+
+  return (
+    <Spin tip={ooui.label} size="large" spinning={ooui.loading}>
+      <Container container={ooui.container} responsiveBehaviour={false} />
+    </Spin>
+  );
+};