blue-react 7.8.0-next.1 → 8.0.0-next.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 +22 -3
- package/dist/components/ActionMenu.js +8 -10
- package/dist/components/ActionMenuSwitch.js +2 -2
- package/dist/components/Body.js +1 -1
- package/dist/components/BodyRounded.js +2 -2
- package/dist/components/Grid.js +12 -15
- package/dist/components/Header.js +2 -2
- package/dist/components/HeaderTitle.js +6 -6
- package/dist/components/Intro.js +1 -12
- package/dist/components/Layout.js +288 -0
- package/dist/components/MenuItem.js +15 -11
- package/dist/components/Modal.js +8 -17
- package/dist/components/ModalProvider.js +11 -2
- package/dist/components/Outside.js +0 -4
- package/dist/components/Page.js +2 -7
- package/dist/components/Search.js +7 -7
- package/dist/components/SidebarMenu.js +7 -14
- package/dist/components/Status.js +67 -0
- package/dist/components/{DropdownMenuItem.js → StatusProvider.js} +54 -52
- package/dist/components/Utilities.js +11 -29
- package/dist/style.css +218 -432
- package/dist/style.min.css +4 -4
- package/dist/style.scss +1 -2
- package/dist/styles/_action-menu.scss +9 -9
- package/dist/styles/_general.scss +5 -5
- package/dist/styles/_grid.scss +56 -62
- package/dist/styles/_keyframes.scss +1 -1
- package/dist/styles/_mixins.scss +0 -1
- package/dist/styles/_search.scss +10 -10
- package/dist/styles/_status.scss +14 -14
- package/dist/styles/mixins/_action-menu.scss +7 -7
- package/dist/styles/mixins/_sidebar.scss +22 -22
- package/dist/types/components/Grid.d.ts +12 -12
- package/dist/types/components/Layout.d.ts +110 -0
- package/dist/types/components/MenuItem.d.ts +4 -0
- package/dist/types/components/ModalProvider.d.ts +5 -2
- package/dist/types/components/SidebarMenu.d.ts +1 -5
- package/dist/types/components/Status.d.ts +12 -0
- package/dist/types/components/StatusProvider.d.ts +15 -0
- package/dist/types/components/Utilities.d.ts +0 -12
- package/dist/types/components/shared.d.ts +8 -0
- package/index.d.ts +6 -18
- package/index.js +4 -10
- package/package.json +87 -87
- package/dist/components/ActionMenuItem.js +0 -42
- package/dist/components/Actions.js +0 -107
- package/dist/components/BlueModal.js +0 -147
- package/dist/components/BlueModalProvider.js +0 -133
- package/dist/components/FluentBtn.js +0 -31
- package/dist/components/HeaderActions.js +0 -17
- package/dist/styles/_actions.scss +0 -137
- package/dist/styles/_ripple.scss +0 -30
- package/dist/styles/mixins/_actions.scss +0 -55
- package/dist/types/components/ActionMenuItem.d.ts +0 -41
- package/dist/types/components/Actions.d.ts +0 -31
- package/dist/types/components/BlueModal.d.ts +0 -14
- package/dist/types/components/BlueModalProvider.d.ts +0 -8
- package/dist/types/components/DropdownMenuItem.d.ts +0 -12
- package/dist/types/components/FluentBtn.d.ts +0 -26
- package/dist/types/components/HeaderActions.d.ts +0 -15
package/package.json
CHANGED
|
@@ -1,88 +1,88 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "blue-react",
|
|
3
|
-
"version": "
|
|
4
|
-
"description": "Blue React Components",
|
|
5
|
-
"license": "LGPL-3.0-or-later",
|
|
6
|
-
"main": "index.js",
|
|
7
|
-
"types": "index.d.ts",
|
|
8
|
-
"homepage": "https://bruegmann.github.io/blue-react/v7",
|
|
9
|
-
"repository": {
|
|
10
|
-
"type": "git",
|
|
11
|
-
"url": "https://github.com/bruegmann/blue-react.git"
|
|
12
|
-
},
|
|
13
|
-
"bugs": {
|
|
14
|
-
"url": "https://github.com/bruegmann/blue-react/issues"
|
|
15
|
-
},
|
|
16
|
-
"scripts": {
|
|
17
|
-
"start": "react-scripts start",
|
|
18
|
-
"build-docs": "react-scripts build && npm run docgen",
|
|
19
|
-
"build-types": "tsc --declaration --emitDeclarationOnly --declarationDir ./dist/types --noEmit false",
|
|
20
|
-
"build": "babel ./src/components --out-dir ./dist/components --extensions \".tsx,.js,.ts\"",
|
|
21
|
-
"build-css": "node ./setVersionToStyleScss.js && node-sass ./dist/style.scss ./dist/style.css && npx postcss ./dist/style.css --use autoprefixer -r && npx postcss ./dist/style.css --use postcss-minify -o ./dist/style.min.css",
|
|
22
|
-
"build-release": "npm run build-types && npm run build && npm run build-css && npm run docgen",
|
|
23
|
-
"docgen": "react-docgen ./src/components/ -o ./src/docs/data/docs.json --exclude Utilities.js --
|
|
24
|
-
"test": "react-scripts test",
|
|
25
|
-
"eject": "react-scripts eject",
|
|
26
|
-
"predeploy": "npm run build-docs",
|
|
27
|
-
"deploy": "gh-pages --dist build --dest
|
|
28
|
-
"prepublishOnly": "npm i && npm run build-release",
|
|
29
|
-
"release": "npm publish && npm run deploy",
|
|
30
|
-
"prettier": "npx prettier --write ."
|
|
31
|
-
},
|
|
32
|
-
"dependencies": {
|
|
33
|
-
"@popperjs/core": "^2.10.
|
|
34
|
-
"bootstrap": "
|
|
35
|
-
"clsx": "^1.1.1"
|
|
36
|
-
},
|
|
37
|
-
"peerDependencies": {
|
|
38
|
-
"react": "^16.0.0 || ^17.0.0"
|
|
39
|
-
},
|
|
40
|
-
"devDependencies": {
|
|
41
|
-
"@babel/cli": "^7.10.4",
|
|
42
|
-
"@babel/preset-env": "^7.10.4",
|
|
43
|
-
"@babel/preset-react": "^7.10.4",
|
|
44
|
-
"@babel/preset-typescript": "^7.9.0",
|
|
45
|
-
"@testing-library/jest-dom": "^4.2.4",
|
|
46
|
-
"@testing-library/react": "^9.5.0",
|
|
47
|
-
"@testing-library/user-event": "^7.2.1",
|
|
48
|
-
"@types/bootstrap": "^5.0.17",
|
|
49
|
-
"@types/jest": "^24.9.1",
|
|
50
|
-
"@types/node": "^12.12.47",
|
|
51
|
-
"@types/react": "^17.0.3",
|
|
52
|
-
"@types/react-dom": "^17.0.3",
|
|
53
|
-
"@types/react-router-dom": "^5.1.5",
|
|
54
|
-
"@types/react-syntax-highlighter": "^13.5.0",
|
|
55
|
-
"autoprefixer": "^10.3.6",
|
|
56
|
-
"gh-pages": "^3.1.0",
|
|
57
|
-
"lint-staged": "^11.1.2",
|
|
58
|
-
"node-sass": "^4.14.1",
|
|
59
|
-
"postcss-cli": "^9.0.1",
|
|
60
|
-
"postcss-minify": "^1.1.0",
|
|
61
|
-
"prettier": "2.4.1",
|
|
62
|
-
"react": "^17.0.2",
|
|
63
|
-
"react-bootstrap-icons": "^1.5.0",
|
|
64
|
-
"react-docgen": "^5.4.0",
|
|
65
|
-
"react-dom": "^17.0.2",
|
|
66
|
-
"react-markdown-github": "^3.3.1",
|
|
67
|
-
"react-router-dom": "^5.2.0",
|
|
68
|
-
"react-scripts": "^4.0.3",
|
|
69
|
-
"react-syntax-highlighter": "^15.4.3",
|
|
70
|
-
"reactstrap": "^9.0.0-0",
|
|
71
|
-
"typescript": "^4.3.5"
|
|
72
|
-
},
|
|
73
|
-
"eslintConfig": {
|
|
74
|
-
"extends": "react-app"
|
|
75
|
-
},
|
|
76
|
-
"browserslist": {
|
|
77
|
-
"production": [
|
|
78
|
-
">0.2%",
|
|
79
|
-
"not dead",
|
|
80
|
-
"not op_mini all"
|
|
81
|
-
],
|
|
82
|
-
"development": [
|
|
83
|
-
"last 1 chrome version",
|
|
84
|
-
"last 1 firefox version",
|
|
85
|
-
"last 1 safari version"
|
|
86
|
-
]
|
|
87
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "blue-react",
|
|
3
|
+
"version": "8.0.0-next.1",
|
|
4
|
+
"description": "Blue React Components",
|
|
5
|
+
"license": "LGPL-3.0-or-later",
|
|
6
|
+
"main": "index.js",
|
|
7
|
+
"types": "index.d.ts",
|
|
8
|
+
"homepage": "https://bruegmann.github.io/blue-react/v7",
|
|
9
|
+
"repository": {
|
|
10
|
+
"type": "git",
|
|
11
|
+
"url": "https://github.com/bruegmann/blue-react.git"
|
|
12
|
+
},
|
|
13
|
+
"bugs": {
|
|
14
|
+
"url": "https://github.com/bruegmann/blue-react/issues"
|
|
15
|
+
},
|
|
16
|
+
"scripts": {
|
|
17
|
+
"start": "react-scripts start",
|
|
18
|
+
"build-docs": "react-scripts build && npm run docgen",
|
|
19
|
+
"build-types": "tsc --declaration --emitDeclarationOnly --declarationDir ./dist/types --noEmit false",
|
|
20
|
+
"build": "babel ./src/components --out-dir ./dist/components --extensions \".tsx,.js,.ts\"",
|
|
21
|
+
"build-css": "node ./setVersionToStyleScss.js && node-sass ./dist/style.scss ./dist/style.css && npx postcss ./dist/style.css --use autoprefixer -r && npx postcss ./dist/style.css --use postcss-minify -o ./dist/style.min.css",
|
|
22
|
+
"build-release": "npm run build-types && npm run build && npm run build-css && npm run docgen",
|
|
23
|
+
"docgen": "react-docgen ./src/components/ -o ./src/docs/data/docs.json --exclude Utilities.js --extension tsx && node followUpDocs",
|
|
24
|
+
"test": "react-scripts test",
|
|
25
|
+
"eject": "react-scripts eject",
|
|
26
|
+
"predeploy": "npm run build-docs",
|
|
27
|
+
"deploy": "gh-pages --dist build --dest v8",
|
|
28
|
+
"prepublishOnly": "npm i && npm run build-release",
|
|
29
|
+
"release": "npm publish --tag next && npm run deploy",
|
|
30
|
+
"prettier": "npx prettier --write ."
|
|
31
|
+
},
|
|
32
|
+
"dependencies": {
|
|
33
|
+
"@popperjs/core": "^2.10.2",
|
|
34
|
+
"bootstrap": "5.0",
|
|
35
|
+
"clsx": "^1.1.1"
|
|
36
|
+
},
|
|
37
|
+
"peerDependencies": {
|
|
38
|
+
"react": "^16.0.0 || ^17.0.0"
|
|
39
|
+
},
|
|
40
|
+
"devDependencies": {
|
|
41
|
+
"@babel/cli": "^7.10.4",
|
|
42
|
+
"@babel/preset-env": "^7.10.4",
|
|
43
|
+
"@babel/preset-react": "^7.10.4",
|
|
44
|
+
"@babel/preset-typescript": "^7.9.0",
|
|
45
|
+
"@testing-library/jest-dom": "^4.2.4",
|
|
46
|
+
"@testing-library/react": "^9.5.0",
|
|
47
|
+
"@testing-library/user-event": "^7.2.1",
|
|
48
|
+
"@types/bootstrap": "^5.0.17",
|
|
49
|
+
"@types/jest": "^24.9.1",
|
|
50
|
+
"@types/node": "^12.12.47",
|
|
51
|
+
"@types/react": "^17.0.3",
|
|
52
|
+
"@types/react-dom": "^17.0.3",
|
|
53
|
+
"@types/react-router-dom": "^5.1.5",
|
|
54
|
+
"@types/react-syntax-highlighter": "^13.5.0",
|
|
55
|
+
"autoprefixer": "^10.3.6",
|
|
56
|
+
"gh-pages": "^3.1.0",
|
|
57
|
+
"lint-staged": "^11.1.2",
|
|
58
|
+
"node-sass": "^4.14.1",
|
|
59
|
+
"postcss-cli": "^9.0.1",
|
|
60
|
+
"postcss-minify": "^1.1.0",
|
|
61
|
+
"prettier": "2.4.1",
|
|
62
|
+
"react": "^17.0.2",
|
|
63
|
+
"react-bootstrap-icons": "^1.5.0",
|
|
64
|
+
"react-docgen": "^5.4.0",
|
|
65
|
+
"react-dom": "^17.0.2",
|
|
66
|
+
"react-markdown-github": "^3.3.1",
|
|
67
|
+
"react-router-dom": "^5.2.0",
|
|
68
|
+
"react-scripts": "^4.0.3",
|
|
69
|
+
"react-syntax-highlighter": "^15.4.3",
|
|
70
|
+
"reactstrap": "^9.0.0-0",
|
|
71
|
+
"typescript": "^4.3.5"
|
|
72
|
+
},
|
|
73
|
+
"eslintConfig": {
|
|
74
|
+
"extends": "react-app"
|
|
75
|
+
},
|
|
76
|
+
"browserslist": {
|
|
77
|
+
"production": [
|
|
78
|
+
">0.2%",
|
|
79
|
+
"not dead",
|
|
80
|
+
"not op_mini all"
|
|
81
|
+
],
|
|
82
|
+
"development": [
|
|
83
|
+
"last 1 chrome version",
|
|
84
|
+
"last 1 firefox version",
|
|
85
|
+
"last 1 safari version"
|
|
86
|
+
]
|
|
87
|
+
}
|
|
88
88
|
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = ActionMenuItem;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _MenuItem = _interopRequireDefault(require("./MenuItem"));
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
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
|
-
|
|
16
|
-
/**
|
|
17
|
-
* @deprecated This is just an alias for `MenuItem`, so you should use that component instead.
|
|
18
|
-
* If you need the older `ActionMenuItem`, make sure to the prop `useDeprecated`.
|
|
19
|
-
* List Item and Link for the current Action Menu.
|
|
20
|
-
*/
|
|
21
|
-
function ActionMenuItem(props) {
|
|
22
|
-
if (props.useDeprecated) {
|
|
23
|
-
var _props = {};
|
|
24
|
-
Object.keys(props).map(function (key) {
|
|
25
|
-
if (key !== "navItemClassName" && key !== "icon" && key !== "label") {
|
|
26
|
-
_props[key] = props[key];
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
return /*#__PURE__*/_react.default.createElement("li", {
|
|
30
|
-
className: "nav-item " + props.navItemClassName
|
|
31
|
-
}, /*#__PURE__*/_react.default.createElement("a", _extends({}, _props, {
|
|
32
|
-
href: props.href,
|
|
33
|
-
className: "nav-link blue-app-actions-menu-item " + props.className
|
|
34
|
-
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
35
|
-
className: props.icon
|
|
36
|
-
}), props.label && /*#__PURE__*/_react.default.createElement("span", {
|
|
37
|
-
className: "blue-app-actions-label"
|
|
38
|
-
}, props.icon && /*#__PURE__*/_react.default.createElement("span", null, "\xA0"), props.label)));
|
|
39
|
-
} else {
|
|
40
|
-
return /*#__PURE__*/_react.default.createElement(_MenuItem.default, props);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = Actions;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Utilities = _interopRequireDefault(require("./Utilities"));
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
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
|
-
|
|
20
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
21
|
-
|
|
22
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
|
-
|
|
24
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
25
|
-
|
|
26
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
27
|
-
|
|
28
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
29
|
-
|
|
30
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
31
|
-
|
|
32
|
-
function collapseSection(element) {
|
|
33
|
-
/* Source of these functions: https://css-tricks.com/using-css-transitions-auto-dimensions/ */
|
|
34
|
-
var sectionHeight = element.scrollHeight;
|
|
35
|
-
var elementTransition = element.style.transition;
|
|
36
|
-
element.style.transition = "";
|
|
37
|
-
requestAnimationFrame(function () {
|
|
38
|
-
element.style.height = sectionHeight + "px";
|
|
39
|
-
element.style.transition = elementTransition;
|
|
40
|
-
requestAnimationFrame(function () {
|
|
41
|
-
element.style.height = 84 + "px";
|
|
42
|
-
});
|
|
43
|
-
});
|
|
44
|
-
element.setAttribute("data-collapsed", "true");
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
function expandSection(element) {
|
|
48
|
-
var sectionHeight = element.scrollHeight;
|
|
49
|
-
element.style.height = sectionHeight + "px";
|
|
50
|
-
|
|
51
|
-
var fun = function fun(e) {
|
|
52
|
-
element.removeEventListener("transitionend", fun);
|
|
53
|
-
element.style.height = "";
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
element.addEventListener("transitionend", fun);
|
|
57
|
-
element.setAttribute("data-collapsed", "false");
|
|
58
|
-
}
|
|
59
|
-
/**
|
|
60
|
-
* @deprecated Please use `ActionMenu` instead.
|
|
61
|
-
*/
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
function Actions(props) {
|
|
65
|
-
var _useState = (0, _react.useState)(props.open || false),
|
|
66
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
67
|
-
open = _useState2[0],
|
|
68
|
-
setOpen = _useState2[1];
|
|
69
|
-
|
|
70
|
-
var id = "Actions-".concat(_Utilities.default.guid());
|
|
71
|
-
|
|
72
|
-
var toggle = function toggle() {
|
|
73
|
-
var newOpen = !open;
|
|
74
|
-
var element = document.getElementById(id);
|
|
75
|
-
|
|
76
|
-
if (element) {
|
|
77
|
-
setOpen(newOpen);
|
|
78
|
-
|
|
79
|
-
if (newOpen) {
|
|
80
|
-
expandSection(element);
|
|
81
|
-
} else {
|
|
82
|
-
collapseSection(element);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
if (props.onToggle) {
|
|
86
|
-
props.onToggle(open);
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
(0, _react.useEffect)(function () {
|
|
92
|
-
if (props.open !== open && props.open !== undefined) {
|
|
93
|
-
setOpen(props.open);
|
|
94
|
-
}
|
|
95
|
-
}, [props.open]);
|
|
96
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
97
|
-
id: id,
|
|
98
|
-
className: "blue-actions " + props.className + " " + (open ? "open" : "closed") + " break-".concat(props.break || "md")
|
|
99
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
100
|
-
className: "blue-actions-indicator d-".concat(props.break, "-none"),
|
|
101
|
-
onClick: toggle
|
|
102
|
-
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
103
|
-
className: "blue-actions-controls " + props.controlsClassName
|
|
104
|
-
}, props.children), /*#__PURE__*/_react.default.createElement("div", {
|
|
105
|
-
className: "blue-actions-featured d-".concat(props.break, "-none")
|
|
106
|
-
}, props.featured));
|
|
107
|
-
}
|
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = Modal;
|
|
9
|
-
|
|
10
|
-
var _Utilities = _interopRequireDefault(require("./Utilities"));
|
|
11
|
-
|
|
12
|
-
var _FluentBtn = _interopRequireDefault(require("./FluentBtn"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
|
-
var _bootstrap = require("bootstrap");
|
|
17
|
-
|
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
|
-
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; }
|
|
21
|
-
|
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
-
|
|
26
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
27
|
-
|
|
28
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
29
|
-
|
|
30
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
31
|
-
|
|
32
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
33
|
-
|
|
34
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Simple modal/dialog. Designed to be as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
|
|
38
|
-
* It uses Bootstrap's Modal components.
|
|
39
|
-
*/
|
|
40
|
-
function Modal(_ref) {
|
|
41
|
-
var modalContent = _ref.modalContent,
|
|
42
|
-
unSetModalContent = _ref.unSetModalContent,
|
|
43
|
-
onSubmit = _ref.onSubmit,
|
|
44
|
-
defaultInput = _ref.defaultInput,
|
|
45
|
-
type = _ref.type;
|
|
46
|
-
var modalRef = (0, _react.useRef)();
|
|
47
|
-
|
|
48
|
-
var _useState = (0, _react.useState)(defaultInput || ""),
|
|
49
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
50
|
-
input = _useState2[0],
|
|
51
|
-
setInput = _useState2[1];
|
|
52
|
-
|
|
53
|
-
var cancel = function cancel() {
|
|
54
|
-
unSetModalContent();
|
|
55
|
-
|
|
56
|
-
if (onSubmit) {
|
|
57
|
-
onSubmit(null);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
var sayNo = function sayNo() {
|
|
62
|
-
unSetModalContent();
|
|
63
|
-
|
|
64
|
-
if (onSubmit) {
|
|
65
|
-
onSubmit(false);
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
var submit = function submit(e) {
|
|
70
|
-
e.preventDefault();
|
|
71
|
-
|
|
72
|
-
if (onSubmit) {
|
|
73
|
-
onSubmit(input || true);
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
var btnStyle = {
|
|
78
|
-
maxWidth: "10rem"
|
|
79
|
-
};
|
|
80
|
-
(0, _react.useEffect)(function () {
|
|
81
|
-
setInput(defaultInput || "");
|
|
82
|
-
}, [defaultInput]);
|
|
83
|
-
(0, _react.useEffect)(function () {
|
|
84
|
-
_Utilities.default.registerFluentBtns();
|
|
85
|
-
});
|
|
86
|
-
(0, _react.useEffect)(function () {
|
|
87
|
-
var myModal = modalRef.current;
|
|
88
|
-
|
|
89
|
-
var bsModal = _bootstrap.Modal.getInstance(myModal);
|
|
90
|
-
|
|
91
|
-
if (!bsModal) {
|
|
92
|
-
bsModal = new _bootstrap.Modal(myModal);
|
|
93
|
-
bsModal.hide(); // setShow(false)
|
|
94
|
-
// When the user clicks on underlay to close the modal
|
|
95
|
-
|
|
96
|
-
myModal.addEventListener("hide.bs.modal", function () {
|
|
97
|
-
cancel();
|
|
98
|
-
});
|
|
99
|
-
} else {
|
|
100
|
-
modalContent !== undefined ? bsModal.show() : bsModal.hide();
|
|
101
|
-
}
|
|
102
|
-
}, [modalContent]);
|
|
103
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
104
|
-
className: "modal",
|
|
105
|
-
ref: modalRef,
|
|
106
|
-
tabIndex: -1
|
|
107
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
108
|
-
className: "modal-dialog"
|
|
109
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
110
|
-
className: "modal-content"
|
|
111
|
-
}, /*#__PURE__*/_react.default.createElement("form", {
|
|
112
|
-
onSubmit: submit
|
|
113
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
114
|
-
className: "modal-header"
|
|
115
|
-
}, /*#__PURE__*/_react.default.createElement("h5", {
|
|
116
|
-
className: "modal-title"
|
|
117
|
-
}, "Message"), /*#__PURE__*/_react.default.createElement("button", {
|
|
118
|
-
type: "button",
|
|
119
|
-
className: "btn-close",
|
|
120
|
-
onClick: cancel
|
|
121
|
-
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
122
|
-
className: "modal-body"
|
|
123
|
-
}, modalContent, type === "ask" && /*#__PURE__*/_react.default.createElement("input", {
|
|
124
|
-
type: "text",
|
|
125
|
-
className: "form-control mt-1",
|
|
126
|
-
value: input,
|
|
127
|
-
onChange: function onChange(_ref2) {
|
|
128
|
-
var target = _ref2.target;
|
|
129
|
-
return setInput(target.value);
|
|
130
|
-
},
|
|
131
|
-
autoFocus: true
|
|
132
|
-
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
133
|
-
className: "modal-footer"
|
|
134
|
-
}, /*#__PURE__*/_react.default.createElement(_FluentBtn.default, {
|
|
135
|
-
type: "submit",
|
|
136
|
-
className: "btn btn-primary d-block w-100",
|
|
137
|
-
style: btnStyle
|
|
138
|
-
}, type === "verify" ? "Yes" : "OK"), (type === "ask" || type === "verify") && (type === "verify" ? /*#__PURE__*/_react.default.createElement(_FluentBtn.default, {
|
|
139
|
-
className: "btn btn-outline-primary d-block w-100",
|
|
140
|
-
style: btnStyle,
|
|
141
|
-
onClick: sayNo
|
|
142
|
-
}, "No") : /*#__PURE__*/_react.default.createElement(_FluentBtn.default, {
|
|
143
|
-
className: "btn btn-outline-primary d-block w-100",
|
|
144
|
-
style: btnStyle,
|
|
145
|
-
onClick: cancel
|
|
146
|
-
}, "Cancel")))))));
|
|
147
|
-
}
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.useModal = exports.ModalProvider = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Modal = _interopRequireDefault(require("./Modal"));
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
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
|
-
|
|
20
|
-
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); }
|
|
21
|
-
|
|
22
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
23
|
-
|
|
24
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
25
|
-
|
|
26
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
27
|
-
|
|
28
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
29
|
-
|
|
30
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
31
|
-
|
|
32
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
33
|
-
|
|
34
|
-
var ModalContext = /*#__PURE__*/(0, _react.createContext)({
|
|
35
|
-
ask: undefined,
|
|
36
|
-
tell: undefined,
|
|
37
|
-
verify: undefined
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
var ModalProvider = function ModalProvider(props) {
|
|
41
|
-
var _useState = (0, _react.useState)("tell"),
|
|
42
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
43
|
-
type = _useState2[0],
|
|
44
|
-
setType = _useState2[1];
|
|
45
|
-
|
|
46
|
-
var _useState3 = (0, _react.useState)(),
|
|
47
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
48
|
-
modalContent = _useState4[0],
|
|
49
|
-
setModalContent = _useState4[1];
|
|
50
|
-
|
|
51
|
-
var _useState5 = (0, _react.useState)(),
|
|
52
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
53
|
-
defaultInput = _useState6[0],
|
|
54
|
-
setDefaultInput = _useState6[1];
|
|
55
|
-
|
|
56
|
-
var unSetModalContent = (0, _react.useCallback)(function () {
|
|
57
|
-
setModalContent(undefined);
|
|
58
|
-
}, [setModalContent]);
|
|
59
|
-
|
|
60
|
-
var _useState7 = (0, _react.useState)(),
|
|
61
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
62
|
-
onSubmit = _useState8[0],
|
|
63
|
-
setOnSubmit = _useState8[1];
|
|
64
|
-
|
|
65
|
-
var ask = function ask(text) {
|
|
66
|
-
return new Promise(function (resolve) {
|
|
67
|
-
setType("ask");
|
|
68
|
-
setModalContent(text);
|
|
69
|
-
setDefaultInput("");
|
|
70
|
-
setOnSubmit(function () {
|
|
71
|
-
return function (input) {
|
|
72
|
-
resolve(input);
|
|
73
|
-
setModalContent(undefined);
|
|
74
|
-
setDefaultInput(undefined);
|
|
75
|
-
};
|
|
76
|
-
});
|
|
77
|
-
});
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
var tell = function tell(text) {
|
|
81
|
-
return new Promise(function (resolve) {
|
|
82
|
-
setType("tell");
|
|
83
|
-
setModalContent(text);
|
|
84
|
-
setOnSubmit(function () {
|
|
85
|
-
return function (input) {
|
|
86
|
-
resolve(input ? true : false);
|
|
87
|
-
setModalContent(undefined);
|
|
88
|
-
};
|
|
89
|
-
});
|
|
90
|
-
});
|
|
91
|
-
};
|
|
92
|
-
|
|
93
|
-
var verify = function verify(text) {
|
|
94
|
-
return new Promise(function (resolve) {
|
|
95
|
-
setType("verify");
|
|
96
|
-
setModalContent(text);
|
|
97
|
-
setOnSubmit(function () {
|
|
98
|
-
return function (input) {
|
|
99
|
-
resolve(input ? true : false);
|
|
100
|
-
setModalContent(undefined);
|
|
101
|
-
};
|
|
102
|
-
});
|
|
103
|
-
});
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
return /*#__PURE__*/_react.default.createElement(ModalContext.Provider, _extends({
|
|
107
|
-
value: {
|
|
108
|
-
ask: ask,
|
|
109
|
-
tell: tell,
|
|
110
|
-
verify: verify
|
|
111
|
-
}
|
|
112
|
-
}, props), props.children, /*#__PURE__*/_react.default.createElement(_Modal.default, {
|
|
113
|
-
modalContent: modalContent,
|
|
114
|
-
unSetModalContent: unSetModalContent,
|
|
115
|
-
onSubmit: onSubmit,
|
|
116
|
-
defaultInput: defaultInput,
|
|
117
|
-
type: type
|
|
118
|
-
}));
|
|
119
|
-
};
|
|
120
|
-
|
|
121
|
-
exports.ModalProvider = ModalProvider;
|
|
122
|
-
|
|
123
|
-
var useModal = function useModal() {
|
|
124
|
-
var context = (0, _react.useContext)(ModalContext);
|
|
125
|
-
|
|
126
|
-
if (context === undefined) {
|
|
127
|
-
throw new Error("useModal must be used within a ModalProvider");
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
return context;
|
|
131
|
-
};
|
|
132
|
-
|
|
133
|
-
exports.useModal = useModal;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = FluentBtn;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* @deprecated Fluent buttons got removed from blue-react.
|
|
14
|
-
* Shortcut for `<button class="fluent-btn"><div className="fluent-btn-ball"></div></button>`.
|
|
15
|
-
* Button with a fancy and fluent acrylic effect.
|
|
16
|
-
*/
|
|
17
|
-
function FluentBtn(props) {
|
|
18
|
-
var ballClassName = "fluent-btn-ball";
|
|
19
|
-
var _props = {};
|
|
20
|
-
Object.keys(props).forEach(function (key) {
|
|
21
|
-
if (key !== "light") {
|
|
22
|
-
_props[key] = props[key];
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
_props.className = "fluent-btn " + props.className + (props.light ? " light" : "");
|
|
26
|
-
return props.href ? /*#__PURE__*/_react.default.createElement("a", _props, /*#__PURE__*/_react.default.createElement("div", {
|
|
27
|
-
className: ballClassName
|
|
28
|
-
}), props.children) : /*#__PURE__*/_react.default.createElement("button", _props, /*#__PURE__*/_react.default.createElement("div", {
|
|
29
|
-
className: ballClassName
|
|
30
|
-
}), props.children);
|
|
31
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = HeaderActions;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* @deprecated This component isn't neccessary anymore. Just use `ActionMenu` directly in `Header`.
|
|
14
|
-
*/
|
|
15
|
-
function HeaderActions(props) {
|
|
16
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.children);
|
|
17
|
-
}
|