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

Author: BSd3v

.circleci/config.yml

@@ -158,18 +158,18 @@ jobs:
             pip install --no-cache-dir --upgrade -e .[ci,dev] --progress-bar off
       - run:
           command: |
-            nvm install 18 && nvm use 18
+            nvm install 24 && nvm use 24
       - run:
           name: npm prereqs
           command: |
-            nvm use 18
+            nvm use 24
             npm ci
             cd dash/dash-renderer && npm i && cd ../../
             cd components/dash-html-components && npm i && npm run extract && cd ../../
       - run:
           name: ️️🏗️ build dash
           command: |
-            nvm use 18
+            nvm use 24
             . venv/Scripts/activate
             npm run private::build.jupyterlab && npm run private::build.renderer
             cd components/dash-html-components && npm run build

.github/CODEOWNERS

@@ -1,3 +1,3 @@
 # These owners will be the default owners for everything in
 # the repo. Unless a later match takes precedence
-* @T4rk1n @ndrezn @gvwilson @emilykl
+* @T4rk1n @ndrezn @emilykl @camdecoster

@plotly/dash-generator-test-component-typescript/package-lock.json

@@ -31,7 +31,7 @@
     "ts-jest": "^29.0.3",
     "ts-loader": "^9.4.1",
     "typescript": "^4.8.4",
-    "webpack": "^5.76.1",
+    "webpack": "^5.105.0",
     "webpack-cli": "^4.10.0"
   },
   "peerDependencies": {

@plotly/dash-generator-test-component-typescript/package.json

@@ -298,3 +298,8 @@
     width: 20px;
     height: 20px;
 }
+
+.dash-datepicker-calendar-padding {
+    pointer-events: none;
+    background: transparent;
+}

components/dash-core-components/src/components/css/datepickers.css

@@ -35,6 +35,7 @@ function convertFormatTokens(momentFormat: string): string {
         .replace(/Do/g, 'do') // Ordinal day: 1st, 2nd, 3rd
         .replace(/YYYY/g, 'yyyy') // 4-digit year
         .replace(/YY/g, 'yy') // 2-digit year
+        .replace(/Y/g, 'y') // Year (numeric, variable length)
         .replace(/DD/g, 'dd') // Day of month with leading zero
         .replace(/D/g, 'd') // Day of month
         .replace(/X/g, 't'); // Unix timestamp (seconds)

components/dash-core-components/src/utils/calendar/helpers.ts

@@ -22,7 +22,12 @@ def click_everything_in_datepicker(datepicker_id, dash_dcc):
     popover = dash_dcc.find_element(".dash-datepicker-content")
 
     interactive_elements = []
-    interactive_elements.extend(popover.find_elements(By.CSS_SELECTOR, "td"))
+    interactive_elements.extend(
+        popover.find_elements(
+            By.CSS_SELECTOR, "td:not(.dash-datepicker-calendar-padding)"
+        )
+    )
+
     interactive_elements.extend(popover.find_elements(By.CSS_SELECTOR, "input"))
 
     buttons = reversed(
@@ -36,7 +41,9 @@ def click_everything_in_datepicker(datepicker_id, dash_dcc):
             sleep(0.05)
         except Exception as e:
             print(e)
-            assert not e, f"Unable to click on {el.tag_name})"
+            assert (
+                not e
+            ), f"Unable to click on {el.tag_name} {el.get_attribute('class')})"
 
 
 def test_dppt000_datepicker_single_default(dash_dcc):

components/dash-core-components/tests/integration/calendar/test_portal.py

@@ -19,7 +19,11 @@ def click_everything_in_datepicker(datepicker_id, dash_dcc):
     popover = dash_dcc.find_element(".dash-datepicker-content")
 
     interactive_elements = []
-    interactive_elements.extend(popover.find_elements(By.CSS_SELECTOR, "td"))
+    interactive_elements.extend(
+        popover.find_elements(
+            By.CSS_SELECTOR, "td:not(.dash-datepicker-calendar-padding)"
+        )
+    )
     interactive_elements.extend(popover.find_elements(By.CSS_SELECTOR, "button"))
     interactive_elements.extend(popover.find_elements(By.CSS_SELECTOR, "input"))
     for el in interactive_elements:

components/dash-core-components/tests/integration/misc/test_popover_visibility.py

@@ -22,7 +22,11 @@ function extractElements($) {
         // experimental, don't add yet
         'portal',
         'fencedframe',
-        'selectedcontent'
+        'selectedcontent',
+        // Geolocation has a weird formatting catch
+        `geolocation 
+Experimental
+`
     ];
     // `<section>` is for some reason missing from the reference tables.
     const addElements = [

components/dash-html-components/scripts/extract-elements.js

@@ -26,7 +26,7 @@ def get_app(props=dict()):
             c.update(
                 dict(
                     format=dict(
-                        locale=dict(seperate_4digits=False),
+                        locale=dict(separate_4digits=False),
                         prefix=1000,
                         specifier=".3f",
                     )
@@ -36,7 +36,7 @@ def get_app(props=dict()):
             c.update(
                 dict(
                     format=dict(
-                        locale=dict(symbol=["eq. $", ""], seperate_4digits=False),
+                        locale=dict(symbol=["eq. $", ""], separate_4digits=False),
                         nully=0,
                         specifier="$,.2f",
                     ),