blue-react 7.8.0-next.1 → 7.8.2

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/BodyRounded.js

@@ -27,14 +27,14 @@ function BodyRounded(_ref) {
       bodyProps = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/_react.default.createElement(_Body.default, bodyProps, /*#__PURE__*/_react.default.createElement("div", {
-    className: "blue-app-body-rounded-top bg-theme pt-1 d-none d-md-block" + classNameTop,
+    className: "blue-app-body-rounded-top bg-theme pt-1 d-none d-md-block " + classNameTop,
     style: {
       height: "1rem"
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "rounded-top bg-body w-100 h-100"
   })), children, /*#__PURE__*/_react.default.createElement("div", {
-    className: "blue-app-body-rounded-bottom bg-theme pb-1 d-none d-md-block" + classNameBottom,
+    className: "blue-app-body-rounded-bottom bg-theme pb-1 d-none d-md-block " + classNameBottom,
     style: {
       height: "1rem"
     }

package/dist/components/DocumentView.js

@@ -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/DropdownMenuItem.js

@@ -33,8 +33,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * Dropdown with button for sidebar.
+/**
+ * @deprecated Use nested `MenuItem`s instead.
+ * Dropdown with button for sidebar.
  */
 function DropdownMenuItem(props) {
   var _useState = (0, _react.useState)(props.isActive || false),

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/MenuItem.js

@@ -128,7 +128,7 @@ function MenuItem(props) {
       passingProps[key] = props[key];
     }
   });
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/(0, _react.createElement)(props.elementType || (props.href ? "a" : "button"), _objectSpread(_objectSpread({}, passingProps), {}, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _react.createElement)(props.elementType || (props.href ? "a" : "button"), _objectSpread(_objectSpread({}, passingProps), {}, {
     className: className + (props.isActive || active ? " active" : "") + (props.label ? " has-label" : ""),
     onClick: onClick
   }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {

package/dist/components/Modal.js

@@ -9,8 +9,6 @@ exports.default = Modal;
 
 var _Utilities = _interopRequireDefault(require("./Utilities"));
 
-var _FluentBtn = _interopRequireDefault(require("./FluentBtn"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _bootstrap = require("bootstrap");
@@ -35,11 +33,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * Simple modal/dialog. Designed to work as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
- * It uses Bootstrap's Modal components.
- *
- * For easy use, you should use the hook `useModal` together with `ModalProvider`. See the example below.
+/**
+ * Simple modal/dialog. Designed to work as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
+ * It uses Bootstrap's Modal components.
+ *
+ * For easy use, you should use the hook `useModal` together with `ModalProvider`. See the example below.
  */
 function Modal(_ref) {
   var modalContent = _ref.modalContent,
@@ -134,15 +132,15 @@ function Modal(_ref) {
     autoFocus: true
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "modal-footer"
-  }, /*#__PURE__*/_react.default.createElement(_FluentBtn.default, {
+  }, /*#__PURE__*/_react.default.createElement("button", {
     type: "submit",
     className: "btn btn-primary d-block w-100",
     style: btnStyle
-  }, type === "verify" ? (0, _shared.getPhrase)("Yes") : "OK"), (type === "ask" || type === "verify") && (type === "verify" ? /*#__PURE__*/_react.default.createElement(_FluentBtn.default, {
+  }, type === "verify" ? (0, _shared.getPhrase)("Yes") : "OK"), (type === "ask" || type === "verify") && (type === "verify" ? /*#__PURE__*/_react.default.createElement("button", {
     className: "btn btn-outline-primary d-block w-100",
     style: btnStyle,
     onClick: sayNo
-  }, (0, _shared.getPhrase)("No")) : /*#__PURE__*/_react.default.createElement(_FluentBtn.default, {
+  }, (0, _shared.getPhrase)("No")) : /*#__PURE__*/_react.default.createElement("button", {
     className: "btn btn-outline-primary d-block w-100",
     style: btnStyle,
     onClick: cancel

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),