Core selector properties built in datanode viewer (#2449)

- fix a missing property in chart rebuild
resolves #2448

Co-authored-by: Fred Lefévère-Laoide <Fred.Lefevere-Laoide@Taipy.io>

frontend/taipy-gui/package.json

@@ -17,7 +17,7 @@
     "lodash": "^4.17.21",
     "nanoid": "^5.0.7",
     "notistack": "^3.0.0",
-    "plotly.js": "^2.33.0",
+    "plotly.js": "^3.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-error-boundary": "^5.0.0",

frontend/taipy/src/DataNodeViewer.tsx

@@ -98,7 +98,7 @@ import DataNodeChart from "./DataNodeChart";
 import DataNodeTable from "./DataNodeTable";
 import { useTheme } from "@mui/material/styles";
 
-const JsonViewer = lazy(() => import("@textea/json-viewer").then(module => ({ default: module.JsonViewer })));
+const JsonViewer = lazy(() => import("@textea/json-viewer").then((module) => ({ default: module.JsonViewer })));
 
 const editTimestampFormat = "yyyy/MM/dd HH:mm";
 
@@ -389,7 +389,16 @@ const DataNodeViewer = (props: DataNodeViewerProps) => {
                 );
             }
             if (!dn || isNewDn) {
-                (showData || showProperties || showHistory) && setTabValue(showData ? TabValues.Data : showProperties ? TabValues.Properties: showHistory ? TabValues.History: undefined);
+                (showData || showProperties || showHistory) &&
+                    setTabValue(
+                        showData
+                            ? TabValues.Data
+                            : showProperties
+                            ? TabValues.Properties
+                            : showHistory
+                            ? TabValues.History
+                            : undefined
+                    );
             }
             if (!dn) {
                 return invalidDatanode;
@@ -440,7 +449,17 @@ const DataNodeViewer = (props: DataNodeViewerProps) => {
             return dn;
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.dataNode, props.defaultDataNode, showData, showProperties, showHistory, id, dispatch, module, props.onLock]);
+    }, [
+        props.dataNode,
+        props.defaultDataNode,
+        showData,
+        showProperties,
+        showHistory,
+        id,
+        dispatch,
+        module,
+        props.onLock,
+    ]);
 
     // clean lock on unmount
     useEffect(
@@ -523,7 +542,10 @@ const DataNodeViewer = (props: DataNodeViewerProps) => {
 
     // scenarios
     const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);
-    const scenarioUpdateVars = useMemo(() => getUpdateVarNames(updateVars, "scenario", "scenarios"), [updateVars]);
+    const scenarioUpdateVars = useMemo(
+        () => ["scenario", "scenarios"].map((vn) => getUpdateVar(updateVars, vn)),
+        [updateVars]
+    );
     const showScenarios = useCallback(
         (e: MouseEvent<HTMLElement>) => {
             e.stopPropagation();
@@ -533,7 +555,7 @@ const DataNodeViewer = (props: DataNodeViewerProps) => {
                     createRequestUpdateAction(
                         id,
                         module,
-                        scenarioUpdateVars,
+                        scenarioUpdateVars.filter((v) => v) as string[],
                         true,
                         ownerIdVar ? { [ownerIdVar]: dnOwnerId } : undefined
                     )

taipy/gui/_renderers/builder.py

@@ -704,7 +704,7 @@ class _Builder:
         self.__prop_values["_default_mode"] = default_mode
         rebuild_fn_hash = self.__build_rebuild_fn(
             self.__gui._get_call_method_name("_chart_conf"),
-            _CHART_NAMES + ("_default_type", "_default_mode"),
+            _CHART_NAMES + ("_default_type", "_default_mode", "data"),
         )
         if rebuild_fn_hash:
             self.__set_react_attribute("config", rebuild_fn_hash)