blue-react 7.8.0 → 7.9.0

package/README.md

@@ -1,40 +1,40 @@
-<p align="center">
-<img src="https://raw.githubusercontent.com/bruegmann/blue-react/master/public/logo192.png" alt="Blue Icon" width="64px" height="64px">
-</p>
-
-# Blue React
-
-[![npm version](https://img.shields.io/npm/v/blue-react)](https://www.npmjs.com/package/blue-react)
-
-[Checkout the docs](https://bruegmann.github.io/blue-react) to find out how to use Blue React.
-
-## Developing
-
-This project is built with [CRA](https://create-react-app.dev/). To start developing, just and install everything with `npm i` and run:
-
-```
-npm start
-```
-
-## Create a new release
-
-This is how to manually create a release:\
-By running
-
-```
-npm publish
-```
-
-the missing files in `./dist` will be created, the docs will be generated and the NPM package will be released.
-
-To publish changes on the documentary, run:
-
-```
-npm run deploy
-```
-
-To run both of them:
-
-```
-npm run release
-```
+<p align="center">
+<img src="https://raw.githubusercontent.com/bruegmann/blue-react/master/public/logo192.png" alt="Blue Icon" width="64px" height="64px">
+</p>
+
+# Blue React
+
+[![npm version](https://img.shields.io/npm/v/blue-react)](https://www.npmjs.com/package/blue-react)
+
+[Checkout the docs](https://bruegmann.github.io/blue-react) to find out how to use Blue React.
+
+## Developing
+
+This project is built with [CRA](https://create-react-app.dev/). To start developing, just and install everything with `npm i` and run:
+
+```
+npm start
+```
+
+## Create a new release
+
+This is how to manually create a release:\
+By running
+
+```
+npm publish
+```
+
+the missing files in `./dist` will be created, the docs will be generated and the NPM package will be released.
+
+To publish changes on the documentary, run:
+
+```
+npm run deploy
+```
+
+To run both of them:
+
+```
+npm run release
+```

package/dist/components/ActionMenuItem.js

@@ -13,10 +13,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-/**
- * @deprecated This is just an alias for `MenuItem`, so you should use that component instead.
- * If you need the older `ActionMenuItem`, make sure to the prop `useDeprecated`.
- * List Item and Link for the current Action Menu.
+/**
+ * @deprecated This is just an alias for `MenuItem`, so you should use that component instead.
+ * If you need the older `ActionMenuItem`, make sure to the prop `useDeprecated`.
+ * List Item and Link for the current Action Menu.
  */
 function ActionMenuItem(props) {
   if (props.useDeprecated) {

package/dist/components/ActionMenuSwitch.js

@@ -13,8 +13,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-/**
- * Switch for the Action Menu.
+/**
+ * Switch for the Action Menu.
  */
 function ActionMenuSwitch(props) {
   return /*#__PURE__*/_react.default.createElement("li", {

package/dist/components/Caret.js

@@ -9,8 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/**
- * Caret icon component.
+/**
+ * Caret icon component.
  */
 function Caret(_ref) {
   var open = _ref.open,

package/dist/components/DocumentView.js

@@ -17,8 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/**
- * Tries to display content in an iframe. When the content can't displayed in an iframe, it will show a download button instead.
+/**
+ * Tries to display content in an iframe. When the content can't displayed in an iframe, it will show a download button instead.
  */
 function DocumentView(_ref) {
   var content = _ref.content,
@@ -31,7 +31,7 @@ function DocumentView(_ref) {
   var uniqueId = "document-view-" + _Utilities.default.guid();
 
   var supportsIframe = function supportsIframe() {
-    return mimeType === "application/pdf" || mimeType === "image/png" || mimeType === "image/jpeg" || mimeType === "image/gif" || mimeType === "image/tiff" || mimeType === "text/plain" || mimeType === "text/html";
+    return mimeType === "application/pdf" || mimeType === "image/png" || mimeType === "image/jpeg" || mimeType === "image/gif" || mimeType === "image/tiff" || mimeType === "image/bmp" || mimeType === "image/x-bmp" || mimeType === "image/x-ms-bmp" || mimeType === "text/plain" || mimeType === "text/html";
   };
 
   (0, _react.useEffect)(function () {

package/dist/components/Grid.js

@@ -41,7 +41,8 @@ window.toggleSidebarEvent = new CustomEvent("toggleSidebar");
 
 /**
  * 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) => { })`.
+ * Also you can append your own event listeners with `blueGridRef.addEventListener(eventName, (prevProps, prevState) => { })`
+ * and remove it with `blueGridRef.removeEventListener(eventName, listener)`.
  *
  * Allowed event listeners:
  *
@@ -161,7 +162,7 @@ var Grid = /*#__PURE__*/function (_Component) {
   }, {
     key: "hideSidebar",
     value: function hideSidebar(e) {
-      if (!(_Utilities.default.hasClass(e.target, "blue-app-open-menu") || _Utilities.default.hasClass(e.target, "bi-menu") || _Utilities.default.hasClass(e.target, "blue-app-search") || _Utilities.default.hasClass(e.target, "blue-app-search-control") || _Utilities.default.hasClass(e.target, "blue-app-search-btn") || _Utilities.default.hasClass(e.target, "blue-app-search-btn-icon") || _Utilities.default.hasClass(e.target, "blue-app-sidebar-dropdown-toggle") || _Utilities.default.hasClass(e.target, "blue-app-sidebar-dropdown-caret") || _Utilities.default.hasClass(e.target, "blue-app-sidebar-dropdown-icon") || _Utilities.default.hasClass(e.target, "blue-app-sidebar-exception"))) {
+      if (!(_Utilities.default.hasClass(e.target, "blue-app-open-menu") || _Utilities.default.hasClass(e.target, "bi-menu") || _Utilities.default.hasClass(e.target, "blue-app-search") || _Utilities.default.hasClass(e.target, "blue-app-search-control") || _Utilities.default.hasClass(e.target, "blue-app-search-btn") || _Utilities.default.hasClass(e.target, "blue-app-search-btn-icon") || _Utilities.default.hasClass(e.target, "blue-app-sidebar-label") || _Utilities.default.hasClass(e.target, "blue-app-sidebar-dropdown-toggle") || _Utilities.default.hasClass(e.target, "blue-app-sidebar-dropdown-caret") || _Utilities.default.hasClass(e.target, "blue-app-sidebar-dropdown-icon") || _Utilities.default.hasClass(e.target, "blue-app-sidebar-exception"))) {
         this.setState({
           sidebarIn: false
         });
@@ -204,6 +205,13 @@ var Grid = /*#__PURE__*/function (_Component) {
     value: function addEventListener(param1, param2, param3) {
       this.eventListeners.push([param1, param2, param3]);
     }
+  }, {
+    key: "removeEventListener",
+    value: function removeEventListener(type, listener) {
+      this.eventListeners = this.eventListeners.filter(function (param) {
+        return param[0] !== type && param[2].toString() !== listener.toString();
+      });
+    }
   }, {
     key: "render",
     value: function render() {

package/dist/components/Header.js

@@ -11,8 +11,8 @@ var _Utilities = _interopRequireDefault(require("./Utilities"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/**
- * The top of a page.
+/**
+ * The top of a page.
  */
 function Header(_ref) {
   var children = _ref.children;

package/dist/components/HeaderActions.js

@@ -9,8 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/**
- * @deprecated This component isn't neccessary anymore. Just use `ActionMenu` directly in `Header`.
+/**
+ * @deprecated This component isn't neccessary anymore. Just use `ActionMenu` directly in `Header`.
  */
 function HeaderActions(props) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.children);

package/dist/components/HeaderTitle.js

@@ -17,9 +17,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/**
- * 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).
+/**
+ * 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).
  */
 function HeaderTitle(_ref) {
   var logo = _ref.logo,

package/dist/components/Intro.js

@@ -17,8 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/**
- * Can be used for a sign-in page.
+/**
+ * Can be used for a sign-in page.
  */
 function Intro(_ref) {
   var logo = _ref.logo,

package/dist/components/Outside.js

@@ -14,13 +14,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/**
- * Hook that alerts clicks outside of the passed ref
+/**
+ * Hook that alerts clicks outside of the passed ref
  */
 function useOutside(ref, callback) {
   (0, _react.useEffect)(function () {
-    /**
-     * Alert if clicked on outside of element
+    /**
+     * Alert if clicked on outside of element
      */
     function handleClickOutside(event) {
       console.log({
@@ -41,8 +41,8 @@ function useOutside(ref, callback) {
   }, [ref]);
 }
 
-/**
- * Component that fires an event if you click outside of it
+/**
+ * Component that fires an event if you click outside of it
  */
 function Outside(_ref) {
   var children = _ref.children,

package/dist/components/Page.js

@@ -31,8 +31,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * Main component for each page.
+/**
+ * Main component for each page.
  */
 function Page(_ref) {
   var children = _ref.children,

package/dist/components/SidebarMenu.js

@@ -25,12 +25,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * Sidebar for the `Grid` component.
+/**
+ * Sidebar for the `Grid` component.
  */
 function SidebarMenu(props) {
   var _props$fluent = props.fluent,
-      fluent = _props$fluent === void 0 ? true : _props$fluent;
+      fluent = _props$fluent === void 0 ? false : _props$fluent;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),

package/dist/components/Switch.js

@@ -13,8 +13,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/**
- * Switch.
+/**
+ * Switch.
  */
 function Switch(_ref) {
   var className = _ref.className,