Merge branch 'dev' into fix-react-state-parent-render-2

Author: BSd3v

@plotly/dash-jupyterlab/yarn.lock

@@ -1312,9 +1312,9 @@ lib0@^0.2.85, lib0@^0.2.98:
     isomorphic.js "^0.2.4"
 
 lodash-es@^4.17.21:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
-  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+  version "4.17.23"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.23.tgz#58c4360fd1b5d33afc6c0bbd3d1149349b1138e0"
+  integrity sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==
 
 lodash.escape@^4.0.1:
   version "4.0.1"

CHANGELOG.md

@@ -5,13 +5,22 @@ This project adheres to [Semantic Versioning](https://semver.org/).
 ## [UNRELEASED]
 
 ## Added
+
+- [#3568]((https://github.com/plotly/dash/pull/3568) Added `children` and `copied_children` props to `dcc.Clipboard` to customize the button contents before and after copying.
 - [#3534]((https://github.com/plotly/dash/pull/3534) Adds `playsInline` prop to `html.Video`.  Based on [#2338]((https://github.com/plotly/dash/pull/2338)
 - [#3541](https://github.com/plotly/dash/pull/3541) Add `attributes` dictionary to be be formatted on script/link (_js_dist/_css_dist) tags of the index, allows for `type="module"` or `type="importmap"`. [#3538](https://github.com/plotly/dash/issues/3538)
+- [#3542](https://github.com/plotly/dash/pull/3542) Add hidden=True to dash pages callback.
+- [#3564](https://github.com/plotly/dash/pull/3564) Add new parameter `hide_all_callbacks` to `run()`. Closes [#3493](https://github.com/plotly/dash/issues/3493)
+- [#3563](https://github.com/plotly/dash/pull/3563) Add hidden to clientside callbacks as configurable parameter
 
 ## Fixed
 - [#3541](https://github.com/plotly/dash/pull/3541) Remove last reference of deprecated `pkg_resources`.
-- [#3520](https://github.com/plotly/dash/pull/3520). Set `pointer-events` to `auto` on `Tooltip` to make it possible to interact with tooltip content when `targetable=True`
+- [#3548](https://github.com/plotly/dash/pull/3548) Fix devtools overflowing it's container on version update. Fix [#3535](https://github.com/plotly/dash/issues/3535).
+- [#3545](https://github.com/plotly/dash/pull/3545) Replace deprecated asyncio.iscoroutinefunction() call with inspect.iscoroutinefunction()
 
+# Changed
+- [#3540](https://github.com/plotly/dash/pull/3540) Expose more types for better static typing options.
+- [#3520](https://github.com/plotly/dash/pull/3520). Set `pointer-events` to `auto` on `Tooltip` to make it possible to interact with tooltip content when `targetable=True`
 
 ## [3.3.0] - 2025-11-12
 

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

@@ -1,6 +1,6 @@
 {
   "name": "dash-core-components",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "Core component suite for Dash",
   "repository": {
     "type": "git",
@@ -63,11 +63,11 @@
     "uniqid": "^5.4.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.28.3",
-    "@babel/core": "^7.28.5",
-    "@babel/eslint-parser": "^7.28.5",
+    "@babel/cli": "^7.28.6",
+    "@babel/core": "^7.28.6",
+    "@babel/eslint-parser": "^7.28.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-env": "^7.28.6",
     "@babel/preset-react": "^7.28.5",
     "@plotly/dash-component-plugins": "^1.2.3",
     "@plotly/webpack-dash-dynamic-import": "^1.3.0",
@@ -86,7 +86,7 @@
     "rimraf": "^5.0.5",
     "style-loader": "^3.3.3",
     "styled-jsx": "^5.1.7",
-    "webpack": "^5.102.1",
+    "webpack": "^5.104.1",
     "webpack-cli": "^5.1.4"
   },
   "optionalDependencies": {

components/dash-core-components/package.json

@@ -128,10 +128,14 @@ export default class Clipboard extends React.Component {
     }
 
     render() {
-        const {id, title, className, style} = this.props;
-        const copyIcon = <FontAwesomeIcon icon={faCopy} />;
-        const copiedIcon = <FontAwesomeIcon icon={faCheckCircle} />;
-        const btnIcon = this.state.copied ? copiedIcon : copyIcon;
+        const {id, title, className, style, children, copied_children} =
+            this.props;
+
+        const isCopied = this.state.copied;
+
+        const button_children = isCopied
+            ? copied_children ?? <FontAwesomeIcon icon={faCheckCircle} />
+            : children ?? <FontAwesomeIcon icon={faCopy} />;
 
         return clipboardAPI ? (
             <LoadingElement
@@ -141,7 +145,7 @@ export default class Clipboard extends React.Component {
                 className={className}
                 onClick={this.onClickHandler}
             >
-                <i> {btnIcon}</i>
+                {button_children}
             </LoadingElement>
         ) : null;
     }
@@ -160,6 +164,16 @@ Clipboard.propTypes = {
      */
     id: PropTypes.string,
 
+    /**
+     * Children rendered inside the Clipboard button before copying. By default, a copy icon.
+     */
+    children: PropTypes.node,
+
+    /**
+     * Children rendered inside the Clipboard button after the value has been copied. By default, a check icon.
+     */
+    copied_children: PropTypes.node,
+
     /**
      * The id of target component containing text to copy to the clipboard.
      * The inner text of the `children` prop will be copied to the clipboard.  If none, then the text from the
@@ -173,7 +187,7 @@ Clipboard.propTypes = {
     content: PropTypes.string,
 
     /**
-     * The number of times copy button was clicked
+     * The number of times Clipboard button was clicked
      */
     n_clicks: PropTypes.number,
 

components/dash-core-components/src/components/Clipboard.react.js

@@ -90,3 +90,46 @@ def selected(icon_clicks, button_clicks):
         == copy_text,
         timeout=3,
     )
+
+
+def test_clp004_clipboard_children_and_copied_children(dash_dcc_headed):
+    content = "https://dash.plotly.com/"
+    children_text = "Copy URL"
+    copied_children_text = "Copied!"
+
+    app = Dash(__name__, prevent_initial_callbacks=True)
+    app.layout = html.Div(
+        [
+            dcc.Clipboard(
+                id="clipboard",
+                children=children_text,
+                copied_children=copied_children_text,
+                content=content,
+            ),
+            dcc.Textarea(id="textarea"),
+        ]
+    )
+
+    dash_dcc_headed.start_server(app)
+
+    clipboard = dash_dcc_headed.find_element("#clipboard")
+
+    assert clipboard.text == children_text
+
+    clipboard.click()
+    wait.until(
+        lambda: dash_dcc_headed.find_element("#clipboard").text == copied_children_text,
+        timeout=3,
+    )
+    textarea = dash_dcc_headed.find_element("#textarea")
+    textarea.click()
+
+    ActionChains(dash_dcc_headed.driver).key_down(Keys.CONTROL).send_keys("v").key_up(
+        Keys.CONTROL
+    ).perform()
+
+    wait.until(
+        lambda: dash_dcc_headed.find_element("#textarea").get_attribute("value")
+        == content,
+        timeout=3,
+    )