feat: allow pass and resume domain in /open route

gisce/webclient#1612
- Updated GraphActionBar to accept a new optional `domain` prop for improved functionality.
- Modified ShareUrlButton to utilize the `domain` prop, allowing for better sharing context.
- Refactored TreeActionBar to compute `finalDomain` using `useMemo`, optimizing performance.
- Adjusted share URL creation in shareUrlHelper to include `domain` in the URL parameters if provided.
- Updated GraphActionView to pass the merged `domain` to GraphActionBar.

src/actionbar/GraphActionBar.tsx

@@ -13,7 +13,13 @@ import { View } from "@/types";
 import { ShareUrlButton } from "./ShareUrlButton";
 import { ActionBarSeparator } from "./FormActionBar";
 
-function GraphActionBar({ refreshGraph }: { refreshGraph: () => void }) {
+function GraphActionBar({
+  refreshGraph,
+  domain,
+}: {
+  refreshGraph: () => void;
+  domain?: any[];
+}) {
   const { t } = useLocale();
   const {
     availableViews,
@@ -66,6 +72,7 @@ function GraphActionBar({ refreshGraph }: { refreshGraph: () => void }) {
       <ShareUrlButton
         action_id={currentView.extra?.action_id}
         view_type={currentView.type}
+        domain={domain}
       />
     </Space>
   );

src/actionbar/ShareUrlButton.tsx

@@ -11,12 +11,14 @@ export type ShareUrlButtonProps = {
   action_id?: number;
   view_type: ViewType;
   res_id?: number;
+  domain?: any[];
 };
 
 export function ShareUrlButton({
   action_id,
   view_type,
   res_id,
+  domain,
 }: ShareUrlButtonProps) {
   const { token } = theme.useToken();
   const { t } = useLocale();
@@ -27,6 +29,7 @@ export function ShareUrlButton({
         action_id,
         view_type,
         res_id,
+        domain,
       })
     : "";
 
@@ -106,12 +109,15 @@ export function ShareUrlButton({
   );
 
   return (
-    <Popover content={popoverContent} trigger="click" placement="bottom">
-      <ActionButton
-        icon={<IconShare2 size={16} color={token.colorTextSecondary} />}
-        disabled={moreDataNeededForCopying}
-        tooltip={t("share")}
-      />
-    </Popover>
+    <div style={{ maxHeight: 28 }}>
+      <Popover content={popoverContent} trigger="click" placement="bottom">
+        <ActionButton
+          style={{ height: 28 }}
+          icon={<IconShare2 size={16} color={token.colorTextSecondary} />}
+          disabled={moreDataNeededForCopying}
+          tooltip={t("share")}
+        />
+      </Popover>
+    </div>
   );
 }

src/actionbar/TreeActionBar.tsx

@@ -1,4 +1,4 @@
-import { useContext, useEffect, useState, useRef } from "react";
+import { useContext, useEffect, useState, useRef, useMemo } from "react";
 import { Space, Spin } from "antd";
 import ChangeViewButton from "./ChangeViewButton";
 import {
@@ -207,6 +207,13 @@ function TreeActionBar(props: Props) {
     });
   }
 
+  const finalDomain = useMemo(() => {
+    return mergeParams(
+      searchTreeRef?.current?.getDomain() || [],
+      searchParams || [],
+    );
+  }, [searchParams, searchTreeRef]);
+
   return (
     <Space wrap={true}>
       {treeIsLoading && (
@@ -426,10 +433,7 @@ function TreeActionBar(props: Props) {
             visible={exportModalVisible}
             onClose={() => setExportModalVisible(false)}
             model={currentModel!}
-            domain={mergeParams(
-              searchTreeRef?.current?.getDomain() || [],
-              searchParams || [],
-            )}
+            domain={finalDomain}
             limit={limit}
             totalRegisters={totalItems || 0}
             selectedRegistersToExport={selectedRowItems}
@@ -442,6 +446,7 @@ function TreeActionBar(props: Props) {
       <ShareUrlButton
         action_id={currentView.extra?.action_id}
         view_type={currentView.type}
+        domain={finalDomain}
       />
     </Space>
   );

src/helpers/shareUrlHelper.ts

@@ -4,15 +4,20 @@ export const createShareOpenUrl = ({
   action_id,
   view_type,
   res_id,
+  domain,
 }: {
   action_id: number;
   view_type?: ViewType;
   res_id?: number;
+  domain?: any[];
 }) => {
   const url = new URL(window.location.href);
   url.pathname += url.pathname.endsWith("/") ? "open" : "/open";
   url.searchParams.set("action_id", action_id.toString());
   view_type && url.searchParams.set("view_type", view_type);
   res_id && url.searchParams.set("res_id", res_id?.toString());
+  domain &&
+    domain.length > 0 &&
+    url.searchParams.set("domain", JSON.stringify(domain));
   return url.toString();
 };

src/views/actionViews/GraphActionView.tsx

@@ -125,6 +125,7 @@ export const GraphActionView = (props: GraphActionViewProps) => {
     <>
       <TitleHeader title={viewData.title || viewData.name}>
         <GraphActionBar
+          domain={mergeParams(searchParams || [], domain)}
           refreshGraph={() => {
             (graphRef.current as any).refresh();
           }}