blue-react 8.3.3 → 8.4.0-beta1

package/dist/style.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue React v8.3.3 (https://bruegmann.github.io/blue-react)
+ * Blue React v8.4.0-beta1 (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/_bootstrap.scss

@@ -9,9 +9,10 @@
 // Configuration
 @import "node_modules/bootstrap/scss/functions";
 @import "node_modules/bootstrap/scss/variables";
+@import "node_modules/bootstrap/scss/maps";
 @import "node_modules/bootstrap/scss/mixins";
 
-@import "./_bootstrap-mixins_overwritten.scss";
+// @import "./_bootstrap-mixins_overwritten.scss";
 
 @import "node_modules/bootstrap/scss/utilities";
 

package/dist/styles/_variables.scss

@@ -21,10 +21,10 @@ $theme-colors: map-merge(
 );
 
 // Since Bootstrap 5.1 this needs to be set. Otherwise we couldn't use .bg-* and .text-* utils with our custom $theme
-$theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
-$utilities-colors: map-merge($utilities-colors, $theme-colors-rgb);
-$utilities-text-colors: map-merge($utilities-text-colors, map-loop($utilities-colors, rgba-css-var, "$key", "text"));
-$utilities-bg-colors: map-merge($utilities-bg-colors, map-loop($utilities-colors, rgba-css-var, "$key", "bg"));
+// $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
+// $utilities-colors: map-merge($utilities-colors, $theme-colors-rgb);
+// $utilities-text-colors: map-merge($utilities-text-colors, map-loop($utilities-colors, rgba-css-var, "$key", "text"));
+// $utilities-bg-colors: map-merge($utilities-bg-colors, map-loop($utilities-colors, rgba-css-var, "$key", "bg"));
 
 // Alpha value (RGBA) e.g. for header background.
 $shimmering: 0.7 !default;

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

@@ -55,13 +55,45 @@ export interface MenuItemProps {
      */
     supportOutside?: boolean;
     /**
-     * By default, MenuItem is a `"button"</button>. If you set a `href`, it's a `"a"`.
+     * By default, MenuItem is a `"button"`. If you set a `href`, it's a `"a"`.
      * If you want to have it another type, you can pass a component reference with this prop (e.g. `Link`).
      */
     elementType?: any;
     target?: string;
     rel?: string;
     title?: string;
+    /**
+     * Fired on the draggable target (the source element): occurs when the user starts to drag an element
+     */
+    onDragStart?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Fired on the draggable target (the source element): occurs when an element is being dragged
+     */
+    onDrag?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Fired on the draggable target (the source element): occurs when the user has finished dragging the element
+     */
+    onDragEnd?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Fired on the drop target: occurs when the dragged element enters the drop target
+     */
+    onDragEnter?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Fired on the drop target: occurs when the dragged element is over the drop target
+     */
+    onDragOver?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Fired on the drop target: occurs when the dragged element leaves the drop target
+     */
+    onDragLeave?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Fired on the drop target: occurs when the dragged element is dropped on the drop target
+     */
+    onDrop?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Specifies whether an element is draggable or not.
+     */
+    draggable?: boolean;
 }
 /**
  * Link, button or custom component for Sidebar, Actions or ActionMenu

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

@@ -10,7 +10,7 @@ declare namespace Utilities {
     function hideSuccess(): void;
     function toggleActions(): void;
     function resetAlertMessage(alertClassName?: string): void;
-    function setAlertMessage(message: any, alertClassName?: string, close?: any, detailText?: any): void;
+    function setAlertMessage(message: any, alertClassName: string | undefined, close: any, detailText: any): void;
     function guid(): string;
     function scrollToTop(): void;
     function fetchData(input: any, init?: any, showErrorDetail?: boolean, onError?: any): Promise<Response>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "8.3.3",
+    "version": "8.4.0-beta1",
     "description": "Blue React Components",
     "license": "LGPL-3.0-or-later",
     "main": "index.js",
@@ -26,12 +26,12 @@
         "predeploy": "npm run build-docs",
         "deploy": "gh-pages --dist build --dest v8",
         "prepublishOnly": "npm i && npm run build-release",
-        "release": "npm publish && npm run deploy",
+        "release": "npm publish --tag next && npm run deploy",
         "prettier": "npx prettier --write ."
     },
     "dependencies": {
-        "@popperjs/core": "^2.10.2",
-        "bootstrap": "^5.1.3",
+        "@popperjs/core": "^2.11.5",
+        "bootstrap": "^5.2.0-beta1",
         "clsx": "^1.1.1"
     },
     "peerDependencies": {
@@ -48,9 +48,9 @@
         "@types/bootstrap": "^5.0.17",
         "@types/jest": "^24.9.1",
         "@types/node": "^12.12.47",
-        "@types/react": "^17.0.3",
-        "@types/react-dom": "^17.0.3",
-        "@types/react-router-dom": "^5.1.5",
+        "@types/react": "^18.0.9",
+        "@types/react-dom": "^18.0.5",
+        "@types/react-router-dom": "^5.3.3",
         "@types/react-syntax-highlighter": "^13.5.0",
         "autoprefixer": "^10.3.6",
         "gh-pages": "^3.1.0",
@@ -59,12 +59,12 @@
         "postcss-cli": "^9.0.1",
         "postcss-minify": "^1.1.0",
         "prettier": "2.4.1",
-        "react": "^17.0.2",
-        "react-bootstrap-icons": "^1.5.0",
+        "react": "^18.1.0",
+        "react-bootstrap-icons": "^1.8.2",
         "react-docgen": "^5.4.0",
-        "react-dom": "^17.0.2",
+        "react-dom": "^18.1.0",
         "react-markdown-github": "^3.3.1",
-        "react-router-dom": "^5.2.0",
+        "react-router-dom": "^5.3.3",
         "react-scripts": "^4.0.3",
         "react-syntax-highlighter": "^15.4.3",
         "reactstrap": "^9.0.0-0",