Merge branch 'dev' into clientside-triggered_id

Author: AnnMarieW

CHANGELOG.md

@@ -2,11 +2,15 @@
 All notable changes to `dash` will be documented in this file.
 This project adheres to [Semantic Versioning](https://semver.org/).
 
-
 ## [UNRELEASED]
 ### Added
 - [#2695](https://github.com/plotly/dash/pull/2695) Adds  `triggered_id` to `dash_clientside.callback_context`.  Fixes [#2692](https://github.com/plotly/dash/issues/2692)
 
+## [2.14.2] - 2023-11-27
+
+## Fixed
+
+- [#2700](https://github.com/plotly/dash/pull/2700) Fix `_allow_dynamic_callbacks` for newly-added components.
 
 ## [2.14.1] - 2023-10-26
 

dash/dash-renderer/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "dash-renderer",
-  "version": "1.17.0",
+  "version": "1.17.1",
   "description": "render dash components in react",
   "main": "build/dash_renderer.min.js",
   "scripts": {
@@ -23,15 +23,15 @@
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
     "@plotly/dash-component-plugins": "^1.2.3",
-    "cookie": "^0.5.0",
-    "cytoscape": "^3.25.0",
+    "cookie": "^0.6.0",
+    "cytoscape": "^3.27.0",
     "cytoscape-dagre": "^2.5.0",
     "cytoscape-fcose": "^2.2.0",
     "dependency-graph": "^0.11.0",
     "fast-isnumeric": "^1.1.4",
     "node-polyfill-webpack-plugin": "^2.0.1",
     "prop-types": "15.8.1",
-    "ramda": "^0.29.0",
+    "ramda": "^0.29.1",
     "react": "16.14.0",
     "react-cytoscapejs": "^2.0.0",
     "react-dom": "16.14.0",
@@ -43,14 +43,14 @@
     "regenerator-runtime": "^0.13.11"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.0",
-    "@babel/core": "^7.23.0",
+    "@babel/cli": "^7.23.4",
+    "@babel/core": "^7.23.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/preset-env": "^7.22.20",
-    "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.23.0",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
     "@plotly/prettier-config-dash": "0.0.1",
-    "@svgr/webpack": "^8.0.1",
+    "@svgr/webpack": "^8.1.0",
     "@types/chai": "^4.3.5",
     "@types/mocha": "^10.0.1",
     "@types/ramda": "0.29.1",
@@ -60,7 +60,7 @@
     "@typescript-eslint/eslint-plugin": "^5.59.7",
     "@typescript-eslint/parser": "^5.59.7",
     "babel-loader": "^9.1.3",
-    "chai": "^4.3.7",
+    "chai": "^4.3.10",
     "css-loader": "^6.8.1",
     "es-check": "^7.1.1",
     "eslint": "^8.41.0",
@@ -75,11 +75,11 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.8",
     "style-loader": "^3.3.3",
-    "ts-loader": "^9.4.4",
+    "ts-loader": "^9.5.1",
     "typescript": "^5.1.6",
-    "webpack": "^5.88.2",
+    "webpack": "^5.89.0",
     "webpack-cli": "^5.1.4",
-    "whatwg-fetch": "^3.6.2"
+    "whatwg-fetch": "^3.6.19"
   },
   "files": [
     "build/*{.js,.map}",

dash/dash-renderer/package.json

@@ -166,7 +166,7 @@ function storeEffect(props, events, setErrorLoading) {
             );
         } else if (
             dependenciesRequest.status === STATUS.OK &&
-            isEmpty(graphs)
+            (isEmpty(graphs) || graphs.reset)
         ) {
             dispatch(
                 setGraphs(

dash/dash-renderer/src/APIController.react.js

@@ -3,9 +3,10 @@ import {setGraphs} from './index';
 import apiThunk from './api';
 
 export function requestDependencies() {
-    return (dispatch: any) => {
+    return (dispatch: any, getState: any) => {
         batch(() => {
-            dispatch(setGraphs({}));
+            const {graphs} = getState();
+            dispatch(setGraphs({...graphs, reset: true}));
             dispatch(
                 apiThunk('_dash-dependencies', 'GET', 'dependenciesRequest')
             );

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

@@ -1 +1 @@
-__version__ = "2.14.1"
+__version__ = "2.14.2"

dash/version.py

@@ -42,3 +42,34 @@ def on_click2(n_clicks2):
 
     dash_duo.wait_for_element("#dynamic").click()
     dash_duo.wait_for_text_to_equal("#output-2", "Dynamic clicks 2")
+
+
+def test_dync002_dynamic_callback_without_element(dash_duo):
+    app = Dash()
+
+    app.layout = html.Div(
+        [
+            html.Button("Add callbacks", id="add-callbacks"),
+            html.Div(id="output"),
+        ]
+    )
+
+    @app.callback(
+        Output("output", "children"),
+        Input("add-callbacks", "n_clicks"),
+        _allow_dynamic_callbacks=True,
+        prevent_initial_call=True,
+    )
+    def on_add_callback(_):
+        @app.callback(Output("no-exist", "children"), Input("invalid", "n_clicks"))
+        def addition(_):
+            return "additional"
+
+        return html.Div("add callbacks")
+
+    dash_duo.start_server(app)
+
+    dash_duo.wait_for_element("#add-callbacks").click()
+    dash_duo.wait_for_text_to_equal("#output", "add callbacks")
+
+    assert dash_duo.get_logs() == []