Merge branch 'release/1.6.0' into main

CHANGELOG.md

@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## 1.6.0 - 2024-12-17
+
+- Updated all dependencies to their latest version.
+- Add new event `onReachBreakpoint` option for Accordion component.
+
 ## 1.5.10 - 2024-10-10
 
 - Fixed a bug in the Dropdown component where the first item was selected on `addItem`.

examples/accessible-accordion/README.md

@@ -96,15 +96,16 @@ Accordion.initFromPreset();
 
 ### Options
 
-| name              | type                      | default               | description                                             |
-|-------------------|---------------------------|-----------------------|---------------------------------------------------------|
-| `allowMultiple`   | boolean                   | `false`               | Allow accordion to open panels at the same time.        |
-| `closedDefault`   | boolean                   | `false`               | If true, all panels are closed by default.              |
-| `forceExpand`     | boolean                   | `true`                | If true, the accordion has at least one panel opened.   |
-| `hasAnimation`    | boolean                   | `false`               | If true, the panel has a slideDown / slideUp animation. |
-| `mediaQuery`      | null or matchMedia object | `null`                | Set dropdown for a specific media query.                |
-| `onClose`         | function                  | `null`                | Opened panel callback.                                  |
-| `onOpen`          | function                  | `null`                | Closed panel callback.                                  |
-| `panelSelector`   | string                    | `.accordion__panel`   | The selector of the panels.                             |
-| `prefixId`        | string                    | `accordion`           | The prefix id of the component.                         |
-| `triggerSelector` | string                    | `.accordion__trigger` | The selector of the trigger buttons.                    |
+| name                | type                      | default               | description                                             |
+|---------------------|---------------------------|-----------------------|---------------------------------------------------------|
+| `allowMultiple`     | boolean                   | `false`               | Allow accordion to open panels at the same time.        |
+| `closedDefault`     | boolean                   | `false`               | If true, all panels are closed by default.              |
+| `forceExpand`       | boolean                   | `true`                | If true, the accordion has at least one panel opened.   |
+| `hasAnimation`      | boolean                   | `false`               | If true, the panel has a slideDown / slideUp animation. |
+| `mediaQuery`        | null or matchMedia object | `null`                | Set dropdown for a specific media query.                |
+| `onClose`           | null or function          | `null`                | Opened panel callback.                                  |
+| `onOpen`            | null or function          | `null`                | Closed panel callback.                                  |
+| `onReachBreakpoint` | null or function          | `null`                | Event when the media query is reached if `mediaQuery` option is filled. |
+| `panelSelector`     | string                    | `.accordion__panel`   | The selector of the panels.                             |
+| `prefixId`          | string                    | `accordion`           | The prefix id of the component.                         |
+| `triggerSelector`   | string                    | `.accordion__trigger` | The selector of the trigger buttons.                    |

examples/accessible-accordion/index.html

@@ -762,6 +762,9 @@ <h2>Code</h2>
                 },
                 '#accordion-demo-7': {
                     mediaQuery: window.matchMedia('(max-width: 599px)'),
+                    onReachBreakpoint: function (isMatchMedia) {
+                        alert(`Media query match: ${isMatchMedia}`)
+                    }
                 },
             }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beapi/be-a11y",
-  "version": "1.5.10",
+  "version": "1.6.0",
   "type": "module",
   "description": "Collection of usefull accessible components",
   "repository": {
@@ -41,24 +41,24 @@
   },
   "dependencies": {
     "body-scroll-lock": "4.0.0-beta.0",
-    "oneloop.js": "^5.0.2"
+    "oneloop.js": "^5.1.4"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.3",
-    "@babel/preset-env": "^7.23.3",
-    "@playwright/test": "^1.47.2",
-    "@wordpress/stylelint-config": "^20.0.3",
-    "autoprefixer": "^10.4.16",
-    "eslint": "^8.54.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-prettier": "4.2.1",
-    "postcss": "^8.4.31",
-    "prettier": "^2.8.8",
-    "rollup-plugin-license": "^3.2.0",
-    "stylelint": "^14.16.1",
-    "stylelint-config-recess-order": "^3.1.0",
-    "tailwindcss": "^3.3.5",
-    "vite": "^5.0.0"
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@playwright/test": "^1.49.1",
+    "@wordpress/stylelint-config": "^23.6.0",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.17.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-prettier": "5.2.1",
+    "postcss": "^8.4.49",
+    "prettier": "^3.4.2",
+    "rollup-plugin-license": "^3.5.3",
+    "stylelint": "^16.12.0",
+    "stylelint-config-recess-order": "^5.1.1",
+    "tailwindcss": "^3.4.16",
+    "vite": "^6.0.3"
   },
   "pnpm": {
     "peerDependencyRules": {