Merge branch 'dev' into feat/add_health_endpoint_to_Dash_framework

Author: T4rk1n

CHANGELOG.md

@@ -11,6 +11,7 @@ This project adheres to [Semantic Versioning](https://semver.org/).
 - [#3397](https://github.com/plotly/dash/pull/3397) Add optional callbacks, suppressing callback warning for missing component ids for a single callback.
 - [#3424](https://github.com/plotly/dash/pull/3424) Adds support for `Patch` on clientside callbacks class `dash_clientside.Patch`, as well as supporting side updates, eg: (Running, SetProps).
 - [#3347](https://github.com/plotly/dash/pull/3347) Added 'api_endpoint' to `callback` to expose api endpoints at the provided path for use to be executed directly without dash.
+- [#3445](https://github.com/plotly/dash/pull/3445) Added API to reverse direction of slider component.
 - [#3465](https://github.com/plotly/dash/pull/3465) Plotly cloud integrations, add devtool API, placeholder plotly cloud CLI & publish button, `dash[cloud]` extra dependencies. 
 
 ## Fixed

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

@@ -156,6 +156,11 @@ Slider.propTypes = {
      */
     verticalHeight: PropTypes.number,
 
+    /**
+     * If the value is true, it means the component is rendered reverse.
+     */
+    reverse: PropTypes.bool,
+
     /**
      * Additional CSS class for the root DOM node
      */
@@ -208,6 +213,7 @@ Slider.defaultProps = {
     persisted_props: ['value'],
     persistence_type: 'local',
     verticalHeight: 400,
+    reverse: false,
 };
 
 export const propTypes = Slider.propTypes;

components/dash-core-components/src/fragments/Slider.react.js

@@ -27,6 +27,7 @@ const sliderProps = [
     'included',
     'tooltip',
     'vertical',
+    'reverse',
     'id',
 ];
 

dash/dash-renderer/src/components/error/menu/DebugMenu.react.js

@@ -168,7 +168,7 @@ const Debug = ({error, hotReload, config, children}) => {
     const errors = concat(error.frontEnd, error.backEnd);
 
     useEffect(() => {
-        if (error !== null && popup !== 'errors') {
+        if (errors.length && popup !== 'errors') {
             setPopup('errors');
         }
     }, [error]);