blue-react 9.4.2 → 9.5.1

package/dist/style.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue React v9.4.2-alpha2 (https://bruegmann.github.io/blue-react)
+ * Blue React v9.5.1-alpha2 (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/mixins/_sidebar.scss

@@ -109,6 +109,23 @@
             transition: all 0.2s;
         }
 
+        &[draggable] {
+            cursor: move;
+            background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-grip-vertical%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%202a1%201%200%2011-2%200%201%201%200%20012%200m3%200a1%201%200%2011-2%200%201%201%200%20012%200M7%205a1%201%200%2011-2%200%201%201%200%20012%200m3%200a1%201%200%2011-2%200%201%201%200%20012%200M7%208a1%201%200%2011-2%200%201%201%200%20012%200m3%200a1%201%200%2011-2%200%201%201%200%20012%200m-3%203a1%201%200%2011-2%200%201%201%200%20012%200m3%200a1%201%200%2011-2%200%201%201%200%20012%200m-3%203a1%201%200%2011-2%200%201%201%200%20012%200m3%200a1%201%200%2011-2%200%201%201%200%20012%200%22%2F%3E%3C%2Fsvg%3E);
+            background-repeat: no-repeat;
+            background-position: 0 50%;
+            background-size: 1rem;
+
+            // &::before {
+            //     transform: unset;
+            //     // transition: unset;
+            // }
+
+            &:active {
+                box-shadow: inset 0 0 0.25rem;
+            }
+        }
+
         &:hover,
         &:active,
         &.highlighted {

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

@@ -4,6 +4,7 @@ export interface HeaderTitleProps {
      * Can be an image. Will be placed inside of the `src` attribute.
      */
     logo?: string;
+    logoAlt?: string;
     /**
      * Text next to the logo.
      */
@@ -21,9 +22,19 @@ export interface HeaderTitleProps {
      * Is the component used on the sidebar?
      */
     sidebar?: boolean;
+    /**
+     * By default, MenuItem is a `"a"`.
+     * If you want to have it another type, you can pass a component reference with this prop (e.g. `Link`).
+     */
+    elementType?: any;
+    /**
+     * Sets `to` prop, e.g. when you use the `Link` component from React Router.
+     */
+    to?: string;
+    href?: string;
 }
 /**
  * The title area at the header bar.
  * Depending on its content, the document's title will be set aswell (what will be shown in the browser title bar).
  */
-export default function HeaderTitle({ logo, appTitle, keepAppTitle, children, className, sidebar }: HeaderTitleProps): JSX.Element;
+export default function HeaderTitle({ logo, logoAlt, appTitle, keepAppTitle, children, className, sidebar, elementType, to, href }: HeaderTitleProps): JSX.Element;

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

@@ -121,6 +121,8 @@ export interface MenuItemProps {
     onDrop?: (event: React.DragEvent) => void | React.DragEventHandler;
     /**
      * Specifies whether an element is draggable or not.
+     *
+     * **Important:** To make draggable menu items work in Firefox, the elementType must not be `"button"`. Set it to something else, like `"div"`.
      */
     draggable?: boolean;
     "data-tooltip"?: string;
@@ -132,6 +134,7 @@ export interface MenuItemProps {
      * Specifies style of an element.
      */
     style?: React.CSSProperties;
+    id?: string;
 }
 /**
  * Link, button or custom component for Sidebar, Actions or ActionMenu

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "9.4.2",
+    "version": "9.5.1",
     "description": "Blue React Components",
     "license": "LGPL-3.0-or-later",
     "main": "index.js",
@@ -19,7 +19,6 @@
         "build-types": "tsc --declaration --emitDeclarationOnly --declarationDir ./dist/types --noEmit false",
         "build": "babel ./src/components --out-dir ./dist/components --extensions \".tsx,.js,.ts\"",
         "build-css": "node ./setVersionToStyleScss.js && node-sass ./dist/style.scss ./dist/style.css && npx postcss ./dist/style.css --use autoprefixer -r && npx postcss ./dist/style.css --use postcss-minify -o ./dist/style.min.css",
-        "build-css-better": "postcss ./dist/style.scss -o ./dist/style.css",
         "build-neu-css": "node-sass ./dist/neu.scss ./dist/neu.css && npx postcss ./dist/neu.css --use autoprefixer -r && npx postcss ./dist/neu.css --use postcss-minify -o ./dist/neu.min.css",
         "build-release": "npm run build-types && npm run build && npm run build-css && npm run docgen",
         "docgen": "react-docgen ./src/components/ -o ./src/docs/data/docs.json --exclude Utilities.js --extension tsx && node followUpDocs && npm run license-report",
@@ -34,7 +33,7 @@
     },
     "dependencies": {
         "@popperjs/core": "^2.11.5",
-        "bootstrap": "~5.3.2",
+        "bootstrap": "~5.3.3",
         "clsx": "^1.1.1"
     },
     "peerDependencies": {
@@ -62,7 +61,6 @@
         "node-sass": "^9.0.0",
         "postcss-cli": "^9.0.1",
         "postcss-minify": "^1.1.0",
-        "postcss-scss": "^4.0.9",
         "prettier": "2.4.1",
         "react": "^18.1.0",
         "react-bootstrap-icons": "^1.9.1",