blue-react 7.9.0 → 7.10.2

package/dist/style.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue React v7.9.0 (https://bruegmann.github.io/blue-react)
+ * Blue React v7.10.2 (https://bruegmann.github.io/blue-react)
  * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-react/blob/master/LICENSE).
 */
 

package/dist/styles/_actions.scss

@@ -26,7 +26,7 @@ $blue-actions-indicator-height: 2rem !default;
         }
 
         .blue-actions-indicator {
-            padding-bottom: $spacer / 2;
+            padding-bottom: $spacer * 0.5;
             &::before {
                 transform: rotate(45deg);
                 -webkit-transform: rotate(45deg);
@@ -127,7 +127,7 @@ $blue-actions-indicator-height: 2rem !default;
         background-color: $theme;
         @extend .mt-1 !optional;
         @extend .me-1 !optional;
-        border-radius: $blue-actions-indicator-height / 2;
+        border-radius: $blue-actions-indicator-height * 0.5;
         box-shadow: $box-shadow;
 
         &.closed {

package/dist/styles/_search.scss

@@ -1,5 +1,4 @@
 .blue-app-search {
-    height: $normal-size;
     display: flex;
     align-items: center;
     border-radius: $input-border-radius;

package/dist/styles/mixins/_actions.scss

@@ -1,14 +1,14 @@
 @mixin actions-break($width) {
     @media screen and (max-width: $width) {
         top: 0;
-        border-radius: $blue-actions-indicator-height / 2;
+        border-radius: $blue-actions-indicator-height * 0.5;
         box-shadow: $box-shadow;
         background-color: $header-bg;
 
         .blue-actions-controls {
             & > * {
-                margin-top: $spacer / 2;
-                margin-bottom: $spacer / 2;
+                margin-top: $spacer * 0.5;
+                margin-bottom: $spacer * 0.5;
             }
         }
 
@@ -31,13 +31,13 @@
         .blue-actions-controls {
             background: transparent;
             display: flex;
-            margin-left: -$spacer / 2;
-            margin-right: -$spacer / 2;
+            margin-left: -$spacer * 0.5;
+            margin-right: -$spacer * 0.5;
             padding-right: $spacer;
 
             & > * {
-                margin-left: $spacer / 2;
-                margin-right: $spacer / 2;
+                margin-left: $spacer * 0.5;
+                margin-right: $spacer * 0.5;
             }
         }
 

package/dist/styles/mixins/_switch.scss

@@ -54,7 +54,7 @@
                 top: 50%;
                 left: 50%;
                 transform: translate(-50%, -50%);
-                margin-left: ($slider-size / 2);
+                margin-left: ($slider-size * 0.5);
                 transition: margin-left 0.4s;
                 color: $color;
             }
@@ -74,7 +74,7 @@
 
                 &::after {
                     color: white;
-                    margin-left: ($slider-size / 2) * -1;
+                    margin-left: ($slider-size * 0.5) * -1;
                 }
             }
         }

package/dist/types/components/Grid.d.ts

@@ -70,17 +70,23 @@ export interface GridState {
 }
 /**
  * The main component. As soon this component is mounted, it is globally available under `window.blueGridRef`.
- * Also you can append your own event listeners with `blueGridRef.addEventListener(eventName, (prevProps, prevState) => { })`
- * and remove it with `blueGridRef.removeEventListener(eventName, listener)`.
+ * You can also append your own event listeners.
  *
- * Allowed event listeners:
+ * Allowed events:
  *
  * * **componentDidUpdate** - Component was updated.
- *   Example: `blueGridRef.addEventListener("componentDidUpdate", (prevProps, prevState) => { })`
+ *   Example: `window.blueGridRef.addEventListener("componentDidUpdate", (prevProps, prevState) => { })`
  * * **pageDidShowAgain** - Page appeared again with the same old state. In the callback function you can reinitialize things.
- *   Example: `blueGridRef.addEventListener("pageDidShowAgain", "home", (prevProps, prevState) => { })`
+ *   Example: `window.blueGridRef.addEventListener("pageDidShowAgain", "home", (prevProps, prevState) => { })`
  * * **pageDidHide** - This page disappeared and another page appears instead.
- *   Example: `blueGridRef.addEventListener("pageDidHide", "home", (prevProps, prevState) => { })`
+ *   Example: `window.blueGridRef.addEventListener("pageDidHide", "home", (prevProps, prevState) => { })`
+ *
+ * Method to add event listeners:
+ * * `window.blueGridRef.`**addEventListener**`(eventName: string, param2: any, param3: any, listenerId?: string)`
+ *
+ * Methods to remove event listeners:
+ * * `window.blueGridRef.`**removeEventListener**`(eventName: string, listenerId: string)`
+ * * `window.blueGridRef.`**removeDuplicatedEventListeners**`()` - Will automatically be called when running `addEventListener`
  */
 export default class Grid extends Component<GridProps, GridState> {
     defaultMatch: string[];
@@ -106,7 +112,8 @@ export default class Grid extends Component<GridProps, GridState> {
     toggleSidebar(event: any): void;
     hideSidebar(e: any): void;
     initMatch(): void;
-    addEventListener(param1: any, param2: any, param3: any): void;
-    removeEventListener(type: string, listener: any): void;
+    addEventListener(param1: any, param2: any, param3: any, listenerId?: string): void;
+    removeEventListener(type: string, listenerId: string): void;
+    removeDuplicatedEventListeners(): void;
     render(): JSX.Element;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "7.9.0",
+    "version": "7.10.2",
     "description": "Blue React Components",
     "license": "LGPL-3.0-or-later",
     "main": "index.js",