plotly · T4rk1n · Apr 24, 2025 · Apr 15, 2025 · Apr 15, 2025 · Apr 15, 2025
@@ -2,6 +2,17 @@
 All notable changes to `dash` will be documented in this file.
 This project adheres to [Semantic Versioning](https://semver.org/).
 
+## [3.0.4] - 2025-04-24
+
+## Fixed
+- [#3278](https://github.com/plotly/dash/pull/3278) Fix loading selector with children starting at the same digit. Fix [#3276](https://github.com/plotly/dash/issues/3276)
+- [#3280](https://github.com/plotly/dash/pull/3280) Remove flask typing import not available in earlier versions.
+- [#3284](https://github.com/plotly/dash/pull/3284) Fix component as props having the same key when used in the same container.
+- [#3287](https://github.com/plotly/dash/pull/3287) Fix typing component generation & explicitize_args.
+- [#3282](https://github.com/plotly/dash/pull/3282) Fix incorrect cancellation of pattern matched long callbacks.
+- [#3289](https://github.com/plotly/dash/pull/3289) Fixed issue with debugTitle where status doesnt exist and allow_duplicates to ignore the hash for prop loading in the target.
+- [#3281](https://github.com/plotly/dash/pull/3281) Use routes_pathname_prefix for internal Alive URL in Dash app. Fix [#3270](https://github.com/plotly/dash/issues/3270)
+
 ## [3.0.3] - 2025-04-14
 
 ## Fixed

@@ -1,6 +1,6 @@
 {
   "name": "dash-core-components",
-  "version": "3.0.5",
+  "version": "3.0.6",
   "description": "Core component suite for Dash",
   "repository": {
     "type": "git",
@@ -63,9 +63,9 @@
     "uniqid": "^5.4.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.26.4",
+    "@babel/cli": "^7.27.0",
     "@babel/core": "^7.26.10",
-    "@babel/eslint-parser": "^7.26.10",
+    "@babel/eslint-parser": "^7.27.0",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
@@ -86,7 +86,7 @@
     "rimraf": "^5.0.5",
     "style-loader": "^3.3.3",
     "styled-jsx": "^3.4.4",
-    "webpack": "^5.98.0",
+    "webpack": "^5.99.6",
     "webpack-cli": "^5.1.4"
   },
   "optionalDependencies": {

@@ -31,8 +31,9 @@ const coveringSpinner = {
 
 const loadingSelector = (componentPath, targetComponents) => state => {
     let stringPath = JSON.stringify(componentPath);
-    // Remove the last ] for easy match
-    stringPath = stringPath.substring(0, stringPath.length - 1);
+    // Remove the last ] for easy match and add `,` to make sure only children
+    // trigger the loading. See issue: https://github.com/plotly/dash/issues/3276
+    stringPath = stringPath.substring(0, stringPath.length - 1) + ',';
     const loadingChildren = toPairs(state.loading).reduce(
         (acc, [path, load]) => {
             if (path.startsWith(stringPath) && load.length) {

@@ -16,7 +16,7 @@ const CircleSpinner = ({
     style,
 }) => {
     let debugTitle;
-    if (debug) {
+    if (debug && status) {
         debugTitle = status.map((s) => <DebugTitle {...s} />);
     }
     let spinnerClass = fullscreen ? 'dash-spinner-container' : '';

@@ -7,7 +7,7 @@ import DebugTitle from './DebugTitle.jsx';
 
 const CubeSpinner = ({status, color, fullscreen, debug, className, style}) => {
     let debugTitle;
-    if (debug) {
+    if (debug && status) {
         debugTitle = status.map((s) => <DebugTitle {...s} />);
     }
     let spinnerClass = fullscreen ? 'dash-spinner-container' : '';

@@ -15,7 +15,7 @@ const DefaultSpinner = ({
     style,
 }) => {
     let debugTitle;
-    if (debug) {
+    if (debug && status) {
         debugTitle = status.map((s) => <DebugTitle {...s} />);
     }
     let spinnerClass = fullscreen ? 'dash-spinner-container' : '';

@@ -8,7 +8,7 @@ import DebugTitle from './DebugTitle.jsx';
  */
 const DotSpinner = ({status, color, fullscreen, debug, className, style}) => {
     let debugTitle;
-    if (debug) {
+    if (debug && status) {
         debugTitle = status.map((s) => <DebugTitle {...s} />);
     }
     let spinnerClass = fullscreen ? 'dash-spinner-container' : '';

@@ -5,7 +5,7 @@ import DebugTitle from './DebugTitle.jsx';
 
 const GraphSpinner = ({status, fullscreen, debug, className, style}) => {
     let debugTitle;
-    if (debug) {
+    if (debug && status) {
         debugTitle = status.map((s) => <DebugTitle {...s} />);
     }
     let spinnerClass = fullscreen ? 'dash-spinner-container' : '';

@@ -689,3 +689,69 @@ def updateDiv(n_clicks):
     dash_dcc.wait_for_text_to_equal("#div-1", "changed")
 
     assert dash_dcc.get_logs() == []
+
+
+# multiple components, only one triggers the spinner
+def test_ldcp017_loading_component_target_components_duplicates(dash_dcc):
+
+    lock = Lock()
+
+    app = Dash(__name__)
+
+    app.layout = html.Div(
+        [
+            dcc.Loading(
+                [
+                    html.Button(id="btn-1"),
+                    html.Button(id="btn-2", children="content 2"),
+                ],
+                className="loading-1",
+                target_components={"btn-2": "children"},
+                debug=True,
+            )
+        ],
+        id="root",
+    )
+
+    @app.callback(Output("btn-1", "children"), [Input("btn-2", "n_clicks")])
+    def updateDiv1(n_clicks):
+        if n_clicks:
+            with lock:
+                return "changed 1"
+
+        return "content 1"
+
+    @app.callback(
+        Output("btn-2", "children", allow_duplicate=True),
+        [Input("btn-1", "n_clicks")],
+        prevent_initial_call=True,
+    )
+    def updateDiv2(n_clicks):
+        if n_clicks:
+            with lock:
+                return "changed 2"
+
+        return "content 2"
+
+    dash_dcc.start_server(app)
+
+    dash_dcc.wait_for_text_to_equal("#btn-1", "content 1")
+    dash_dcc.wait_for_text_to_equal("#btn-2", "content 2")
+
+    with lock:
+        dash_dcc.find_element("#btn-1").click()
+
+        dash_dcc.find_element(".loading-1 .dash-spinner")
+        dash_dcc.wait_for_text_to_equal("#btn-2", "")
+
+    dash_dcc.wait_for_text_to_equal("#btn-2", "changed 2")
+
+    with lock:
+        dash_dcc.find_element("#btn-2").click()
+        spinners = dash_dcc.find_elements(".loading-1 .dash-spinner")
+        dash_dcc.wait_for_text_to_equal("#btn-1", "")
+
+    dash_dcc.wait_for_text_to_equal("#btn-1", "changed 1")
+    assert spinners == []
+
+    assert dash_dcc.get_logs() == []