blue-react 8.1.5 → 8.2.0
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 +1 -1
- package/dist/components/Intro.js +1 -1
- package/dist/components/Modal.js +6 -2
- package/dist/components/ModalProvider.js +18 -9
- package/dist/style.css +9 -2
- package/dist/style.min.css +3 -3
- package/dist/style.scss +1 -1
- package/dist/types/components/Layout.d.ts +1 -0
- package/dist/types/components/Modal.d.ts +2 -1
- package/dist/types/components/ModalProvider.d.ts +3 -3
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<p align="center">
|
|
2
|
-
<img src="https://raw.githubusercontent.com/bruegmann/blue-react/master/public/
|
|
2
|
+
<img src="https://raw.githubusercontent.com/bruegmann/blue-react/master/public/blue-readme-cover.png" alt="React component library based on Bootstrap">
|
|
3
3
|
</p>
|
|
4
4
|
|
|
5
5
|
# Blue React
|
package/dist/components/Intro.js
CHANGED
|
@@ -23,7 +23,7 @@ function Intro(_ref) {
|
|
|
23
23
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
24
24
|
className: "sign-in-container mx-1"
|
|
25
25
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
26
|
-
className: "bg-body rounded-3
|
|
26
|
+
className: "bg-body rounded-3 shadow-lg px-4 py-5"
|
|
27
27
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
28
28
|
className: "text-center"
|
|
29
29
|
}, /*#__PURE__*/_react.default.createElement("img", {
|
package/dist/components/Modal.js
CHANGED
|
@@ -37,6 +37,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
37
37
|
*/
|
|
38
38
|
function Modal(_ref) {
|
|
39
39
|
var modalContent = _ref.modalContent,
|
|
40
|
+
modalTitle = _ref.modalTitle,
|
|
40
41
|
unSetModalContent = _ref.unSetModalContent,
|
|
41
42
|
onSubmit = _ref.onSubmit,
|
|
42
43
|
defaultInput = _ref.defaultInput,
|
|
@@ -122,12 +123,15 @@ function Modal(_ref) {
|
|
|
122
123
|
className: "modal-header"
|
|
123
124
|
}, /*#__PURE__*/_react.default.createElement("h5", {
|
|
124
125
|
className: "modal-title"
|
|
125
|
-
}, (0, _shared.getPhrase)("Message")), /*#__PURE__*/_react.default.createElement("button", {
|
|
126
|
+
}, modalTitle || (0, _shared.getPhrase)("Message")), /*#__PURE__*/_react.default.createElement("button", {
|
|
126
127
|
type: "button",
|
|
127
128
|
className: "btn-close",
|
|
128
129
|
onClick: cancel
|
|
129
130
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
130
|
-
className: "modal-body"
|
|
131
|
+
className: "modal-body",
|
|
132
|
+
style: {
|
|
133
|
+
whiteSpace: "pre-wrap"
|
|
134
|
+
}
|
|
131
135
|
}, modalContent, type === "ask" && /*#__PURE__*/_react.default.createElement("input", {
|
|
132
136
|
type: "text",
|
|
133
137
|
className: "form-control mt-1",
|
|
@@ -59,22 +59,28 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
59
59
|
|
|
60
60
|
var _useState5 = (0, _react.useState)(),
|
|
61
61
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
modalTitle = _useState6[0],
|
|
63
|
+
setModalTitle = _useState6[1];
|
|
64
|
+
|
|
65
|
+
var _useState7 = (0, _react.useState)(),
|
|
66
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
67
|
+
defaultInput = _useState8[0],
|
|
68
|
+
setDefaultInput = _useState8[1];
|
|
64
69
|
|
|
65
70
|
var unSetModalContent = (0, _react.useCallback)(function () {
|
|
66
71
|
setModalContent(undefined);
|
|
67
72
|
}, [setModalContent]);
|
|
68
73
|
|
|
69
|
-
var
|
|
70
|
-
|
|
71
|
-
onSubmit =
|
|
72
|
-
setOnSubmit =
|
|
74
|
+
var _useState9 = (0, _react.useState)(),
|
|
75
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
76
|
+
onSubmit = _useState10[0],
|
|
77
|
+
setOnSubmit = _useState10[1];
|
|
73
78
|
|
|
74
|
-
var ask = function ask(text) {
|
|
79
|
+
var ask = function ask(text, title) {
|
|
75
80
|
return new Promise(function (resolve) {
|
|
76
81
|
setType("ask");
|
|
77
82
|
setModalContent(text);
|
|
83
|
+
setModalTitle(title);
|
|
78
84
|
setDefaultInput("");
|
|
79
85
|
setOnSubmit(function () {
|
|
80
86
|
return function (input) {
|
|
@@ -86,10 +92,11 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
86
92
|
});
|
|
87
93
|
};
|
|
88
94
|
|
|
89
|
-
var tell = function tell(text) {
|
|
95
|
+
var tell = function tell(text, title) {
|
|
90
96
|
return new Promise(function (resolve) {
|
|
91
97
|
setType("tell");
|
|
92
98
|
setModalContent(text);
|
|
99
|
+
setModalTitle(title);
|
|
93
100
|
setOnSubmit(function () {
|
|
94
101
|
return function (input) {
|
|
95
102
|
resolve(input ? true : false);
|
|
@@ -99,10 +106,11 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
99
106
|
});
|
|
100
107
|
};
|
|
101
108
|
|
|
102
|
-
var verify = function verify(text) {
|
|
109
|
+
var verify = function verify(text, title) {
|
|
103
110
|
return new Promise(function (resolve) {
|
|
104
111
|
setType("verify");
|
|
105
112
|
setModalContent(text);
|
|
113
|
+
setModalTitle(title);
|
|
106
114
|
setOnSubmit(function () {
|
|
107
115
|
return function (input) {
|
|
108
116
|
resolve(input ? true : false);
|
|
@@ -120,6 +128,7 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
120
128
|
}
|
|
121
129
|
}, rest), children, /*#__PURE__*/_react.default.createElement(_Modal.default, {
|
|
122
130
|
modalContent: modalContent,
|
|
131
|
+
modalTitle: modalTitle,
|
|
123
132
|
unSetModalContent: unSetModalContent,
|
|
124
133
|
onSubmit: onSubmit,
|
|
125
134
|
defaultInput: defaultInput,
|