blue-react 8.0.0-next.3 → 8.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/README.md +59 -59
  2. package/dist/components/ActionMenuSwitch.js +2 -2
  3. package/dist/components/BodyRounded.js +41 -41
  4. package/dist/components/Caret.js +2 -2
  5. package/dist/components/DocumentView.js +3 -3
  6. package/dist/components/Grid.js +275 -275
  7. package/dist/components/Header.js +2 -2
  8. package/dist/components/HeaderTitle.js +3 -3
  9. package/dist/components/Intro.js +2 -2
  10. package/dist/components/Layout.js +35 -7
  11. package/dist/components/Outside.js +6 -6
  12. package/dist/components/Page.js +2 -2
  13. package/dist/components/Search.js +1 -1
  14. package/dist/components/SidebarMenu.js +2 -2
  15. package/dist/components/Switch.js +2 -2
  16. package/dist/style.css +9 -10
  17. package/dist/style.min.css +8 -8
  18. package/dist/style.scss +1 -1
  19. package/dist/styles/_action-menu.scss +81 -81
  20. package/dist/styles/_bootstrap-mixins_overwritten.scss +106 -106
  21. package/dist/styles/_bootstrap-optimizations.scss +13 -13
  22. package/dist/styles/_bootstrap-variables.scss +13 -13
  23. package/dist/styles/_bootstrap.scss +56 -56
  24. package/dist/styles/_caret.scss +50 -50
  25. package/dist/styles/_document-view.scss +6 -6
  26. package/dist/styles/_hover.scss +42 -42
  27. package/dist/styles/_keyframes.scss +73 -73
  28. package/dist/styles/_mixins.scss +6 -6
  29. package/dist/styles/_router.scss +18 -18
  30. package/dist/styles/_search.scss +0 -1
  31. package/dist/styles/_switch.scss +21 -21
  32. package/dist/styles/mixins/_action-menu.scss +68 -68
  33. package/dist/styles/mixins/_custom-property.scss +10 -10
  34. package/dist/styles/mixins/_misc.scss +33 -33
  35. package/dist/styles/mixins/_scroll-shadow.scss +9 -9
  36. package/dist/styles/mixins/_sidebar.scss +142 -142
  37. package/dist/styles/mixins/_switch.scss +85 -85
  38. package/dist/types/components/Layout.d.ts +15 -6
  39. package/package.json +88 -88
package/README.md CHANGED
@@ -1,59 +1,59 @@
1
- <p align="center">
2
- <img src="https://raw.githubusercontent.com/bruegmann/blue-react/master/public/logo192.png" alt="Blue Icon" width="64px" height="64px">
3
- </p>
4
-
5
- # Blue React
6
-
7
- [![npm version](https://img.shields.io/npm/v/blue-react)](https://www.npmjs.com/package/blue-react)
8
-
9
- [Checkout the docs](https://bruegmann.github.io/blue-react) to find out how to
10
- use Blue React.
11
-
12
- ## Breaking changes between v7 and v8
13
-
14
- - Removed deprecated components:
15
- - Actions (Alternative: ActionMenu)
16
- - ActionMenuItem (Alternative: MenuItem)
17
- - FluentBtn (Alternative: button, bzw. a)
18
- - HeaderActions
19
- - DropdownMenuItem (Alternative: MenuItem)
20
- - Stylesheets
21
- - Renamed all `.blue-app-*` to `.blue-*`
22
- - Renamed `Grid` to `Layout`
23
- - `.blue-grid` `.blue-layout`
24
- - `Grid.tsx` ➡ `Layout.tsx`
25
- - Global `window.blueGridRef` ➡ `window.blueLayoutRef`
26
- - Renamed all `.blue-sidebar-*` to `.blue-menu-item-*`
27
-
28
- ## Developing
29
-
30
- This project is built with [CRA](https://create-react-app.dev/). To start
31
- developing, just and install everything with `npm i` and run:
32
-
33
- ```
34
- npm start
35
- ```
36
-
37
- ## Create a new release
38
-
39
- This is how to manually create a release:\
40
- By running
41
-
42
- ```
43
- npm publish
44
- ```
45
-
46
- the missing files in `./dist` will be created, the docs will be generated and
47
- the NPM package will be released.
48
-
49
- To publish changes on the documentary, run:
50
-
51
- ```
52
- npm run deploy
53
- ```
54
-
55
- To run both of them:
56
-
57
- ```
58
- npm run release
59
- ```
1
+ <p align="center">
2
+ <img src="https://raw.githubusercontent.com/bruegmann/blue-react/master/public/logo192.png" alt="Blue Icon" width="64px" height="64px">
3
+ </p>
4
+
5
+ # Blue React
6
+
7
+ [![npm version](https://img.shields.io/npm/v/blue-react)](https://www.npmjs.com/package/blue-react)
8
+
9
+ [Checkout the docs](https://bruegmann.github.io/blue-react) to find out how to
10
+ use Blue React.
11
+
12
+ ## Breaking changes between v7 and v8
13
+
14
+ - Removed deprecated components:
15
+ - Actions (Alternative: ActionMenu)
16
+ - ActionMenuItem (Alternative: MenuItem)
17
+ - FluentBtn (Alternative: button, bzw. a)
18
+ - HeaderActions
19
+ - DropdownMenuItem (Alternative: MenuItem)
20
+ - Stylesheets
21
+ - Renamed all `.blue-app-*` to `.blue-*`
22
+ - Renamed all `.blue-sidebar-*` to `.blue-menu-item-*`
23
+ - Renamed `Grid` to `Layout`
24
+ - `.blue-grid` ➡ `.blue-layout`
25
+ - `Grid.tsx` ➡ `Layout.tsx`
26
+ - Global `window.blueGridRef` `window.blueLayoutRef`
27
+
28
+ ## Developing
29
+
30
+ This project is built with [CRA](https://create-react-app.dev/). To start
31
+ developing, just and install everything with `npm i` and run:
32
+
33
+ ```
34
+ npm start
35
+ ```
36
+
37
+ ## Create a new release
38
+
39
+ This is how to manually create a release:\
40
+ By running
41
+
42
+ ```
43
+ npm publish
44
+ ```
45
+
46
+ the missing files in `./dist` will be created, the docs will be generated and
47
+ the NPM package will be released.
48
+
49
+ To publish changes on the documentary, run:
50
+
51
+ ```
52
+ npm run deploy
53
+ ```
54
+
55
+ To run both of them:
56
+
57
+ ```
58
+ npm run release
59
+ ```
@@ -13,8 +13,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
13
13
 
14
14
  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); }
15
15
 
16
- /**
17
- * Switch for the Action Menu.
16
+ /**
17
+ * Switch for the Action Menu.
18
18
  */
19
19
  function ActionMenuSwitch(props) {
20
20
  return /*#__PURE__*/_react.default.createElement("li", {
@@ -1,44 +1,44 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = BodyRounded;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _Body = _interopRequireDefault(require("./Body"));
11
-
12
- var _excluded = ["classNameTop", "classNameBottom", "children"];
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
17
-
18
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
19
-
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = BodyRounded;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _Body = _interopRequireDefault(require("./Body"));
11
+
12
+ var _excluded = ["classNameTop", "classNameBottom", "children"];
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
17
+
18
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
19
+
20
20
  /**
21
21
  * Extended variation of `Body` with rounded elements on top and bottom of the page.
22
- */
23
- function BodyRounded(_ref) {
24
- var classNameTop = _ref.classNameTop,
25
- classNameBottom = _ref.classNameBottom,
26
- children = _ref.children,
27
- bodyProps = _objectWithoutProperties(_ref, _excluded);
28
-
29
- return /*#__PURE__*/_react.default.createElement(_Body.default, bodyProps, /*#__PURE__*/_react.default.createElement("div", {
30
- className: "blue-app-body-rounded-top bg-theme pt-1 d-none d-md-block " + classNameTop,
31
- style: {
32
- height: "1rem"
33
- }
34
- }, /*#__PURE__*/_react.default.createElement("div", {
35
- className: "rounded-top bg-body w-100 h-100"
36
- })), children, /*#__PURE__*/_react.default.createElement("div", {
37
- className: "blue-app-body-rounded-bottom bg-theme pb-1 d-none d-md-block " + classNameBottom,
38
- style: {
39
- height: "1rem"
40
- }
41
- }, /*#__PURE__*/_react.default.createElement("div", {
42
- className: "rounded-bottom bg-body w-100 h-100"
43
- })));
22
+ */
23
+ function BodyRounded(_ref) {
24
+ var classNameTop = _ref.classNameTop,
25
+ classNameBottom = _ref.classNameBottom,
26
+ children = _ref.children,
27
+ bodyProps = _objectWithoutProperties(_ref, _excluded);
28
+
29
+ return /*#__PURE__*/_react.default.createElement(_Body.default, bodyProps, /*#__PURE__*/_react.default.createElement("div", {
30
+ className: "blue-app-body-rounded-top bg-theme pt-1 d-none d-md-block " + classNameTop,
31
+ style: {
32
+ height: "1rem"
33
+ }
34
+ }, /*#__PURE__*/_react.default.createElement("div", {
35
+ className: "rounded-top bg-body w-100 h-100"
36
+ })), children, /*#__PURE__*/_react.default.createElement("div", {
37
+ className: "blue-app-body-rounded-bottom bg-theme pb-1 d-none d-md-block " + classNameBottom,
38
+ style: {
39
+ height: "1rem"
40
+ }
41
+ }, /*#__PURE__*/_react.default.createElement("div", {
42
+ className: "rounded-bottom bg-body w-100 h-100"
43
+ })));
44
44
  }
@@ -9,8 +9,8 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
 
12
- /**
13
- * Caret icon component.
12
+ /**
13
+ * Caret icon component.
14
14
  */
15
15
  function Caret(_ref) {
16
16
  var open = _ref.open,
@@ -17,8 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
17
17
 
18
18
  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; }
19
19
 
20
- /**
21
- * Tries to display content in an iframe. When the content can't displayed in an iframe, it will show a download button instead.
20
+ /**
21
+ * Tries to display content in an iframe. When the content can't displayed in an iframe, it will show a download button instead.
22
22
  */
23
23
  function DocumentView(_ref) {
24
24
  var content = _ref.content,
@@ -31,7 +31,7 @@ function DocumentView(_ref) {
31
31
  var uniqueId = "document-view-" + _Utilities.default.guid();
32
32
 
33
33
  var supportsIframe = function supportsIframe() {
34
- return mimeType === "application/pdf" || mimeType === "image/png" || mimeType === "image/jpeg" || mimeType === "image/gif" || mimeType === "image/tiff" || mimeType === "text/plain" || mimeType === "text/html";
34
+ 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";
35
35
  };
36
36
 
37
37
  (0, _react.useEffect)(function () {