Revert "rename useDynamicJsonProperty to useDynamicDictProperty (#2777)"

This reverts commit f9d4cf4.

Author: JeanRobin

doc/gui/extension/example_library/front-end/src/Dashboard.tsx

@@ -12,7 +12,7 @@
  */
 
 import React, { useMemo } from "react";
-import { useDynamicDictProperty } from "taipy-gui";
+import { useDynamicJsonProperty } from "taipy-gui";
 
 import Plot from "react-plotly.js";
 import { Data, Layout } from "plotly.js";
@@ -25,8 +25,8 @@ interface DashboardProps {
 }
 
 const Dashboard = (props: DashboardProps) => {
-  const value = useDynamicDictProperty(props.data, props.defaultData || "", {} as Partial<Data>);
-  const dashboardLayout = useDynamicDictProperty(props.layout, props.defaultLayout || "", {} as Partial<Layout>);
+  const value = useDynamicJsonProperty(props.data, props.defaultData || "", {} as Partial<Data>);
+  const dashboardLayout = useDynamicJsonProperty(props.layout, props.defaultLayout || "", {} as Partial<Layout>);
 
   const data = useMemo(() => {
     if (Array.isArray(value)) {

frontend/taipy-gui/packaging/taipy-gui.d.ts

@@ -607,16 +607,16 @@ export declare const useDynamicProperty: <T>(
     nullToDefault?: boolean
 ) => T;
 /**
- * A React hook to manage a dynamic dict property (prev. useDynamicJsonProperty).
+ * A React hook to manage a dynamic json property.
  *
- * A dynamic dict property  is defined by a default property and a bound property.
+ * A dynamic json property  is defined by a default property and a bound property.
  * @typeParam T - The dynamic property type.
  * @param value - The bound value.
  * @param defaultValue - The default value.
  * @param defaultStatic - The default static value.
  * @returns The latest updated value.
  */
-export declare const useDynamicDictProperty: <T>(
+export declare const useDynamicJsonProperty: <T>(
     value: string | undefined,
     defaultValue: string,
     defaultStatic: T

frontend/taipy-gui/src/components/Router.tsx

@@ -11,7 +11,7 @@
  * specific language governing permissions and limitations under the License.
  */
 
-import React, { useEffect, useMemo, useReducer, useState } from "react";
+import React, { useEffect, useReducer, useState } from "react";
 import Box from "@mui/material/Box";
 import CircularProgress from "@mui/material/CircularProgress";
 import CssBaseline from "@mui/material/CssBaseline";
@@ -119,10 +119,8 @@ const Router = () => {
         document.body.className = classes.join(" ");
     }, [themeClass]);
 
-    const contextStore = useMemo(() => ({ state, dispatch }), [state, dispatch]);
-
     return (
-        <TaipyContext.Provider value={contextStore}>
+        <TaipyContext.Provider value={{ state, dispatch }}>
             <HelmetProvider>
                 <ThemeProvider theme={state.theme}>
                     <SnackbarProvider maxSnack={5}>

frontend/taipy-gui/src/components/Taipy/AutoLoadingTable.tsx

@@ -42,7 +42,7 @@ import {
     useClassNames,
     useDispatch,
     useDispatchRequestUpdateOnFirstRender,
-    useDynamicDictProperty,
+    useDynamicJsonProperty,
     useDynamicProperty,
     useFormatConfig,
     useModule,
@@ -226,7 +226,7 @@ const AutoLoadingTable = (props: TaipyTableProps) => {
     const active = useDynamicProperty(props.active, props.defaultActive, true);
     const editable = useDynamicProperty(props.editable, props.defaultEditable, false);
     const hover = useDynamicProperty(props.hoverText, props.defaultHoverText, undefined);
-    const baseColumns = useDynamicDictProperty(props.columns, props.defaultColumns, defaultColumns);
+    const baseColumns = useDynamicJsonProperty(props.columns, props.defaultColumns, defaultColumns);
 
     const refresh = props.data?.__taipy_refresh !== undefined;
 

frontend/taipy-gui/src/components/Taipy/Chart.tsx

@@ -49,7 +49,7 @@ import {
     useClassNames,
     useDispatch,
     useDispatchRequestUpdateOnFirstRender,
-    useDynamicDictProperty,
+    useDynamicJsonProperty,
     useDynamicProperty,
     useModule,
 } from "../../utils/hooks";
@@ -364,7 +364,7 @@ const Chart = (props: ChartProp) => {
     const active = useDynamicProperty(props.active, props.defaultActive, true);
     const render = useDynamicProperty(props.render, props.defaultRender, true);
     const hover = useDynamicProperty(props.hoverText, props.defaultHoverText, undefined);
-    const baseLayout = useDynamicDictProperty(props.layout, props.defaultLayout || "", emptyLayout);
+    const baseLayout = useDynamicJsonProperty(props.layout, props.defaultLayout || "", emptyLayout);
     const title = useDynamicProperty(props.title, props.defaultTitle, "");
 
     const dataVarNames = useMemo(() => (props.dataVarNames ? props.dataVarNames.split(";") : []), [props.dataVarNames]);
@@ -423,7 +423,7 @@ const Chart = (props: ChartProp) => {
         });
     }, [props]);
 
-    const config = useDynamicDictProperty(props.config, props.defaultConfig, defaultConfig);
+    const config = useDynamicJsonProperty(props.config, props.defaultConfig, defaultConfig);
 
     useEffect(() => {
         setDataKeys((oldDtKeys) => {

frontend/taipy-gui/src/components/Taipy/Metric.tsx

@@ -17,7 +17,7 @@ import Box from "@mui/material/Box";
 import Skeleton from "@mui/material/Skeleton";
 import Tooltip from "@mui/material/Tooltip";
 import { useTheme } from "@mui/material";
-import { useClassNames, useDynamicDictProperty, useDynamicProperty } from "../../utils/hooks";
+import { useClassNames, useDynamicJsonProperty, useDynamicProperty } from "../../utils/hooks";
 import { extractPrefix, extractSuffix, sprintfToD3Converter } from "../../utils/formatConversion";
 import { TaipyBaseProps, TaipyHoverProps } from "./utils";
 import { darkThemeTemplate } from "../../themes/darkThemeTemplate";
@@ -78,7 +78,7 @@ const Metric = (props: MetricProps) => {
     const threshold = useDynamicProperty(props.threshold, props.defaultThreshold, undefined);
     const delta = useDynamicProperty(props.delta, props.defaultDelta, undefined);
     const className = useClassNames(props.libClassName, props.dynamicClassName, props.className);
-    const baseLayout = useDynamicDictProperty(props.layout, props.defaultLayout || "", defaultLayout);
+    const baseLayout = useDynamicJsonProperty(props.layout, props.defaultLayout || "", defaultLayout);
     const hover = useDynamicProperty(props.hoverText, props.defaultHoverText, undefined);
     const theme = useTheme();
 

frontend/taipy-gui/src/components/Taipy/PaginatedTable.tsx

@@ -48,7 +48,7 @@ import {
     useClassNames,
     useDispatch,
     useDispatchRequestUpdateOnFirstRender,
-    useDynamicDictProperty,
+    useDynamicJsonProperty,
     useDynamicProperty,
     useFormatConfig,
     useModule,
@@ -138,7 +138,7 @@ const PaginatedTable = (props: TaipyPaginatedTableProps) => {
     const active = useDynamicProperty(props.active, props.defaultActive, true);
     const editable = useDynamicProperty(props.editable, props.defaultEditable, false);
     const hover = useDynamicProperty(props.hoverText, props.defaultHoverText, undefined);
-    const baseColumns = useDynamicDictProperty(props.columns, props.defaultColumns, defaultColumns);
+    const baseColumns = useDynamicJsonProperty(props.columns, props.defaultColumns, defaultColumns);
 
     const [
         colsOrder,

frontend/taipy-gui/src/components/Taipy/Part.tsx

@@ -14,7 +14,7 @@
 import React, { ReactNode, useCallback, useContext, useMemo, useRef } from "react";
 import Box from "@mui/material/Box";
 
-import { useClassNames, useDynamicDictProperty, useDynamicProperty, useModule } from "../../utils/hooks";
+import { useClassNames, useDynamicJsonProperty, useDynamicProperty, useModule } from "../../utils/hooks";
 import TaipyRendered from "../pages/TaipyRendered";
 import { expandSx, getCssSize, TaipyBaseProps } from "./utils";
 import { TaipyContext } from "../../context/taipyContext";
@@ -62,12 +62,12 @@ const Part = (props: PartProps) => {
 
     const itemRef = useRef<HTMLDivElement>(null);
 
-    const dragData = useDynamicDictProperty(
+    const dragData = useDynamicJsonProperty(
         props.dragData,
         props.defaultDragData || "",
         undefined as Record<string, unknown> | undefined
     );
-    const dropData = useDynamicDictProperty(
+    const dropData = useDynamicJsonProperty(
         props.dropData,
         props.defaultDropData || "",
         undefined as Record<string, unknown> | undefined

frontend/taipy-gui/src/components/Taipy/Selector.tsx

@@ -56,7 +56,7 @@ import {
     useClassNames,
     useDispatch,
     useDispatchRequestUpdateOnFirstRender,
-    useDynamicDictProperty,
+    useDynamicJsonProperty,
     useDynamicProperty,
     useModule,
 } from "../../utils/hooks";
@@ -228,12 +228,12 @@ const Selector = (props: SelectorProps) => {
     const lovList = useLovListMemo(lov, defaultLov);
     const lovVarName = useMemo(() => getUpdateVar(updateVars, "lov"), [updateVars]);
 
-    const dragData = useDynamicDictProperty(
+    const dragData = useDynamicJsonProperty(
         props.dragData,
         props.defaultDragData || "",
         undefined as Record<string, unknown> | undefined
     );
-    const dropData = useDynamicDictProperty(
+    const dropData = useDynamicJsonProperty(
         props.dropData,
         props.defaultDropData || "",
         undefined as Record<string, unknown> | undefined

frontend/taipy-gui/src/components/pages/TaipyRendered.tsx

@@ -121,7 +121,7 @@ const TaipyRendered = (props: TaipyRenderedProps) => {
                     setPageState({
                         jsx: `<h1>${res ? res[0].replace("<br>", "<br/>") : "Unknown Error"}</h1><h2>No data fetched from backend from ${
                             path === "/TaiPy_root_page" ? baseURL : baseURL + path
-                        }</h2><br/>${res && res[0] ? "" : error}`,
+                        }</h2><br/>${res[0] ? "" : error}`,
                     });
                 });
         }