merge: pull in latest changes from dev

Author: gvwilson

@plotly/dash-generator-test-component-typescript/dash_prop_typing.py

@@ -0,0 +1,23 @@
+import React, { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+
+const RenderType = (props) => {
+    const onClick = () => {
+        props.setProps({n_clicks: (props.n_clicks || 0) + 1})
+    }
+
+    return <div id={props.id}>
+        <span>{props.dashRenderType}</span>
+        <button onClick={onClick}>Test Internal</button>
+    </div>;
+};
+
+RenderType.propTypes = {
+    id: PropTypes.string,
+    dashRenderType: PropTypes.string,
+    n_clicks: PropTypes.number,
+    setProps: PropTypes.func
+};
+
+RenderType.dashRenderType = true;
+export default RenderType;

@plotly/dash-test-components/src/components/RenderType.js

@@ -7,6 +7,7 @@ import MyPersistedComponentNested from './components/MyPersistedComponentNested'
 import StyledComponent from './components/StyledComponent';
 import WidthComponent from './components/WidthComponent';
 import ComponentAsProp from './components/ComponentAsProp';
+import RenderType from './components/RenderType';
 
 import DrawCounter from './components/DrawCounter';
 import AddPropsComponent from "./components/AddPropsComponent";
@@ -32,4 +33,5 @@ export {
     ShapeOrExactKeepOrderComponent,
     ArrayOfExactOrShapeWithNodePropAssignNone,
     ExternalComponent,
+    RenderType
 };

@plotly/dash-test-components/src/index.js

@@ -2,14 +2,22 @@
 All notable changes to `dash` will be documented in this file.
 This project adheres to [Semantic Versioning](https://semver.org/).
 
-## [unreleased]
+## [3.0.2] - 2025-04-01
 
 ## Changed
 - [#3113](https://github.com/plotly/dash/pull/3113) Adjusted background polling requests to strip the data from the request, this allows for context to flow as normal. This addresses issue [#3111](https://github.com/plotly/dash/pull/3111)
+- [#3248](https://github.com/plotly/dash/pull/3248) Changes to rendering logic:
+  - if it is first time rendering, render from the parent props
+  - listens only to updates for that single component, no children listening to parents
+  - if parents change a prop with components as props, only the prop changed re-renders, this is then forced on all children regardless of whether or not the props changed
 
 ## Fixed
 - [#3251](https://github.com/plotly/dash/pull/3251). Prevented default styles from overriding `className_*` props in `dcc.Upload` component.
 
+## Added
+- [#3248](https://github.com/plotly/dash/pull/3248) added new `dashRenderType` to determine why the component layout was changed (`internal`, `callback`, `parent`, `clientsideApi`):
+    - this can be utilized to keep from rendering components by the component having `dashRenderType` defined as a prop, and the `dashRenderType = true` must be set on the component, eg (`Div.dashRenderType = true`)
+- [#3241](https://github.com/plotly/dash/pull/3241) Added a collapse / expand button to Dash Dev Tools.
 
 ## [3.0.1] - 2025-03-24
 

CHANGELOG.md

@@ -1,6 +1,6 @@
 {
   "name": "dash-core-components",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "description": "Core component suite for Dash",
   "repository": {
     "type": "git",

components/dash-core-components/package-lock.json

@@ -77,7 +77,7 @@ def callback(
     cache_ignore_triggered=True,
     on_error: Optional[Callable[[Exception], Any]] = None,
     **_kwargs,
-):
+) -> Callable[..., Any]:
     """
     Normally used as a decorator, `@dash.callback` provides a server-side
     callback relating the values of one or more `Output` items to one or

components/dash-core-components/package.json

@@ -1,6 +1,6 @@
 import os
 
-__version__ = "2.0.5"
+__version__ = "2.0.6"
 
 _available_react_versions = {"18.3.1", "18.2.0", "16.14.0"}
 _available_reactdom_versions = {"18.3.1", "18.2.0", "16.14.0"}
@@ -64,7 +64,7 @@ def _set_react_version(v_react, v_reactdom=None):
     {
         "relative_package_path": "dash-renderer/build/dash_renderer.min.js",
         "dev_package_path": "dash-renderer/build/dash_renderer.dev.js",
-        "external_url": "https://unpkg.com/[email protected].5"
+        "external_url": "https://unpkg.com/[email protected].6"
         "/build/dash_renderer.min.js",
         "namespace": "dash",
     },

dash/_callback.py

@@ -177,7 +177,7 @@ def split_callback_id(callback_id):
     return {"id": id_, "property": prop}
 
 
-def stringify_id(id_):
+def stringify_id(id_) -> str:
     def _json(k, v):
         vstr = v.to_json() if hasattr(v, "to_json") else json.dumps(v)
         return f"{json.dumps(k)}:{vstr}"

dash/_dash_renderer.py

@@ -1,6 +1,6 @@
 {
   "name": "dash-renderer",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "render dash components in react",
   "main": "build/dash_renderer.min.js",
   "scripts": {

dash/_utils.py

@@ -360,7 +360,8 @@ function updateComponent(component_id: any, props: any, cb: ICallbackPayload) {
         dispatch(
             updateProps({
                 props,
-                itempath: componentPath
+                itempath: componentPath,
+                renderType: 'callback'
             })
         );
         dispatch(notifyObservers({id: component_id, props}));

dash/dash-renderer/package-lock.json

@@ -63,12 +63,12 @@ const observer: IStoreObserverDefinition<IStoreState> = {
             // In case the update contains whole components, see if any of
             // those components have props to update to persist user edits.
             const {props} = applyPersistence({props: updatedProps}, dispatch);
-
             dispatch(
                 updateProps({
                     itempath,
                     props,
-                    source: 'response'
+                    source: 'response',
+                    renderType: 'callback'
                 })
             );
 

dash/dash-renderer/package.json

@@ -27,7 +27,7 @@ export const apiRequests = [
     'loginRequest'
 ];
 
-function layoutHashes(state = {}, action) {
+const layoutHashes = (state = {}, action) => {
     if (
         includes(action.type, [
             'UNDO_PROP_CHANGE',
@@ -37,12 +37,21 @@ function layoutHashes(state = {}, action) {
     ) {
         // Let us compare the paths sums to get updates without triggering
         // render on the parent containers.
-        const strPath = stringifyPath(action.payload.itempath);
-        const prev = pathOr(0, [strPath], state);
-        return assoc(strPath, prev + 1, state);
+        const actionPath = action.payload.itempath;
+        const strPath = stringifyPath(actionPath);
+        const prev = pathOr(0, [strPath, 'hash'], state);
+        state = assoc(
+            strPath,
+            {
+                hash: prev + 1,
+                changedProps: action.payload.props,
+                renderType: action.payload.renderType
+            },
+            state
+        );
     }
     return state;
-}
+};
 
 function mainReducer() {
     const parts = {

dash/dash-renderer/src/actions/callbacks.ts

@@ -16,16 +16,17 @@ function set_props(
     for (let y = 0; y < ds.length; y++) {
         const {dispatch, getState} = ds[y];
         let componentPath;
+        const {paths} = getState();
         if (!Array.isArray(idOrPath)) {
-            const {paths} = getState();
             componentPath = getPath(paths, idOrPath);
         } else {
             componentPath = idOrPath;
         }
         dispatch(
             updateProps({
                 props,
-                itempath: componentPath
+                itempath: componentPath,
+                renderType: 'clientsideApi'
             })
         );
         dispatch(notifyObservers({id: idOrPath, props}));