blue-react 8.0.0-next.1 → 8.0.0-next.5
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/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/Modal.js +16 -2
- package/dist/components/Outside.js +6 -6
- package/dist/components/Page.js +2 -2
- package/dist/components/SidebarMenu.js +2 -2
- package/dist/components/Switch.js +2 -2
- package/dist/style.css +480 -199
- package/dist/style.min.css +9 -9
- 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/_switch.scss +21 -21
- package/dist/styles/_variables.scss +6 -0
- 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/dist/types/components/Modal.d.ts +1 -1
- 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
|
-
- 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
|
+
[](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
|
+
```
|
|
@@ -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", {
|
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 () {
|