fix: changelog updated, disabled SI formatting zero marks for Slider, RangeSlider, lint issues fixed

Author: workaholicpanda

CHANGELOG.md

@@ -2,6 +2,148 @@
 All notable changes to `dash` will be documented in this file.
 This project adheres to [Semantic Versioning](https://semver.org/).
 
+## [Unreleased]
+
+- [#1763](https://github.com/plotly/dash/pull/1763):
+    ## Dash and Dash Renderer
+
+    - `Input`, `State`, and `Output` now accept components instead of ID strings and Dash `callback` will auto-generate the component's ID under-the-hood if not supplied. This allows usage like:
+
+    ```python
+    my_input = dcc.Input()
+    my_output = html.Div()
+    app.layout = html.Div([my_input, my_output])
+
+    @dash.callback(Output(my_output, 'children'), Input(my_input, 'value'))
+    def update(value):
+      return f'You have entered {value}'
+    ```
+
+    Or, if using Python >=3.8 you can use the `:=` walrus operator:
+    ```python
+    app.layout = html.Div([
+      my_input := dcc.Input(),
+      my_output := html.Div()
+    ])
+
+    @dash.callback(Output(my_output, 'children'), Input(my_input, 'value'))
+    def update(value):
+      return f'You have entered {value}'
+      
+    ```
+    ## Dash Core Components
+
+    ### Rearranged Keyword Arguments & Flexible Types
+    **`Dropdown`, `RadioItem`, and `Checklist`**
+    - Rearranged Keyword Arguments - `options` & `value` are now the first two keywords which means they can be supplied as positional arguments without the keyword. Supplying the keywords (`options=` and `value=`) is still supported.
+    - Flexible Types - `options` can be supplied in two new forms:
+      1. An array of `string|number|bool` where `label` and `value` are equal to the items in the list.
+      2. A dictionary where the keys and values set as `value` and `label` respectively.
+
+    Before:
+
+    ```python
+    dcc.Dropdown(
+      options=[
+        {'label': 'New York', 'value': 'New York'},
+        {'label': 'Montreal', 'value': 'Montreal'},
+      ],
+      value='New York'
+    )
+      ```
+    or
+
+    ```python
+    dcc.Dropdown(
+      options=[
+        {'label': 'New York', 'value': 'NYC'},
+        {'label': 'Montreal', 'value': 'MTL'},
+      ],
+      value='New York'
+    )
+    ```
+
+    After:
+
+    ```python
+    dcc.Dropdown(['New York', 'Montreal'], 'New York')
+    ```
+    Or
+
+    ```python
+    dcc.Dropdown({'NYC': 'New York', 'MTL': 'Montreal'}, 'New York')
+    ```
+
+    **`RangeSlider` & `Slider`**
+    - Rearranged Keyword Arugments - `min`, `max`, and `step` are now the first three keyword arguments which means they can be supplied as positional arguments without the keyword.
+    - Flexible Types
+      - `step` will be calculated implicitly if not given.
+      - `marks` will be auto generated if not given. It will use `min` and `max` and will respect `step` if supplied. Auto generated marks labels are SI unit formatted. Around 5 human-readable marks will be created.
+      - To remove the Slider's marks, set `marks=None`.
+
+    Before:
+
+    ```python
+    dcc.Slider(marks={1: 2, 2: 2, 3: 3})
+    ```
+
+    After:
+    ```python
+    dcc.Slider(min=1, max=3, step=1)
+    ```
+    Or equivalently:
+    ```python
+    dcc.Slider(1, 3, 1)
+    ```
+    Step can also be omitted and the `Slider` will attempt to create a nice, human readable  step with SI units and around 5 marks:
+    ```python
+    dcc.Slider(0, 100)
+    ```
+
+    The SI units used in `marks` are:
+
+    * `z` - zepto, 10⁻²¹
+    * `a` - atto, 10⁻¹⁸
+    * `f` - femto, 10⁻¹⁵
+    * `p` - pico, 10⁻¹²
+    * `n` - nano, 10⁻⁹
+    * `µ` - micro, 10⁻⁶
+    * `m` - milli, 10⁻³
+    * `​` (none) - 10⁰
+    * `k` - kilo, 10³
+    * `M` - mega, 10⁶
+    * `G` - giga, 10⁹
+    * `T` - tera, 10¹²
+    * `P` - peta, 10¹⁵
+    * `E` - exa, 10¹⁸
+    * `Z` - zetta, 10²¹
+
+    **`DataTable`**
+
+    - Rearranged Keyword Arguments - `data` and `columns` the first twokeyword arguments which means they can be supplied as positional arguments without the keyword.
+    - Inferred Properties - If `columns` isn't supplied then it is extracted from the the first row in `data`
+
+    Before:
+
+    ```python
+    dash_table.DataTable(data=df.to_dict('records'), columns=[{'name': i, 'id': i} for i in df.columns])
+    ```
+    After:
+
+    ```python
+    dash_table.DataTable(data=df.to_dict('records'))
+    ```
+
+    ### New Component Properties
+
+    **`Checklist` & `RadioItems`**
+
+    - A new property `inline` appends `display: inline-block` to `labelStyle`.
+
+    ```python
+    dcc.Checklist(inline=True)
+    ```
+  
 ## [2.0.0] - 2021-08-03
 
 ## Dash and Dash Renderer

components/dash-core-components/src/utils/computeSliderMarkers.js

@@ -90,7 +90,10 @@ export const applyD3Format = (mark, min, max) => {
     const k_ten_factor = 3;
 
     const ten_factor = Math.log10(Math.abs(mark));
-    if (ten_factor > mu_ten_factor && ten_factor < k_ten_factor) {
+    if (
+        mark === 0 ||
+        (ten_factor > mu_ten_factor && ten_factor < k_ten_factor)
+    ) {
         return String(mark);
     }
     const max_min_mean = (Math.abs(max) + Math.abs(min)) / 2;

components/dash-core-components/tests/integration/sliders/test_sliders_shorthands.py

@@ -157,29 +157,30 @@ def test_slsh002_sliders_marks_si_unit_format(dash_dcc):
     for n in range(-20, 20):
         min = 0
         max = pow(10, n)
-        
+
         LAYOUT.extend(
             [
                 html.Div(
                     [
-                       
                         html.B(
                             f"min={min}, max={max}(=10^{n})",
                             style={"marginBottom": 15, "marginTop": 25},
                         ),
-                        (html.Div(
-                            '(Known issue: Slider does not seem to work for precision below 10^(-6))'
-                        ) if n <= -6 else None),
-                        html.Div('value is undefined'),
+                        (
+                            html.Div(
+                                "(Known issue: Slider does not seem to work for precision below 10^(-6))"
+                            )
+                            if n <= -6
+                            else None
+                        ),
+                        html.Div("value is undefined"),
                         dcc.Slider(min, max),
                         dcc.RangeSlider(min, max),
-                        
-                        html.Div(f'value=0.4 * 10^{n}'),
-                        dcc.Slider(min, max, value=0.4*max),
+                        html.Div(f"value=0.4 * 10^{n}"),
+                        dcc.Slider(min, max, value=0.4 * max),
                         dcc.RangeSlider(min, max, value[0.2 * max, 0.4 * max]),
-
-                        html.Div(f'value=0.5 * 10^{n}'),
-                        dcc.Slider(min, max, value=0.4*max),
+                        html.Div(f"value=0.5 * 10^{n}"),
+                        dcc.Slider(min, max, value=0.4 * max),
                         dcc.RangeSlider(min, max, value[0.2 * max, 0.5 * max]),
                     ]
                 )