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.
- package/README.md +59 -59
- package/dist/components/ActionMenuSwitch.js +2 -2
- package/dist/components/BodyRounded.js +41 -41
- package/dist/components/Caret.js +2 -2
- package/dist/components/DocumentView.js +3 -3
- package/dist/components/Grid.js +275 -275
- package/dist/components/Header.js +2 -2
- package/dist/components/HeaderTitle.js +3 -3
- package/dist/components/Intro.js +2 -2
- package/dist/components/Layout.js +35 -7
- package/dist/components/Outside.js +6 -6
- package/dist/components/Page.js +2 -2
- package/dist/components/Search.js +1 -1
- package/dist/components/SidebarMenu.js +2 -2
- package/dist/components/Switch.js +2 -2
- package/dist/style.css +9 -10
- package/dist/style.min.css +8 -8
- package/dist/style.scss +1 -1
- package/dist/styles/_action-menu.scss +81 -81
- package/dist/styles/_bootstrap-mixins_overwritten.scss +106 -106
- package/dist/styles/_bootstrap-optimizations.scss +13 -13
- package/dist/styles/_bootstrap-variables.scss +13 -13
- package/dist/styles/_bootstrap.scss +56 -56
- package/dist/styles/_caret.scss +50 -50
- package/dist/styles/_document-view.scss +6 -6
- package/dist/styles/_hover.scss +42 -42
- package/dist/styles/_keyframes.scss +73 -73
- package/dist/styles/_mixins.scss +6 -6
- package/dist/styles/_router.scss +18 -18
- package/dist/styles/_search.scss +0 -1
- package/dist/styles/_switch.scss +21 -21
- package/dist/styles/mixins/_action-menu.scss +68 -68
- package/dist/styles/mixins/_custom-property.scss +10 -10
- package/dist/styles/mixins/_misc.scss +33 -33
- package/dist/styles/mixins/_scroll-shadow.scss +9 -9
- package/dist/styles/mixins/_sidebar.scss +142 -142
- package/dist/styles/mixins/_switch.scss +85 -85
- package/dist/types/components/Layout.d.ts +15 -6
- 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
|
-
[](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
|
-
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
-
|
|
22
|
-
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
-
|
|
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
|
+
[](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
|
}
|
package/dist/components/Caret.js
CHANGED
|
@@ -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 () {
|