blue-react 9.3.2 → 9.4.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/dist/components/Modal.js +6 -4
- package/dist/components/ModalProvider.js +32 -8
- package/dist/style.css +11 -11
- package/dist/style.min.css +3 -3
- package/dist/style.scss +1 -1
- package/dist/styles/mixins/_sidebar.scss +3 -3
- package/dist/types/components/Modal.d.ts +3 -1
- package/dist/types/components/ModalProvider.d.ts +2 -0
- package/package.json +2 -2
package/dist/components/Modal.js
CHANGED
|
@@ -46,7 +46,9 @@ function Modal(_ref) {
|
|
|
46
46
|
_ref$inputType = _ref.inputType,
|
|
47
47
|
inputType = _ref$inputType === void 0 ? "text" : _ref$inputType,
|
|
48
48
|
_ref$switchPrimaryBtn = _ref.switchPrimaryBtn,
|
|
49
|
-
switchPrimaryBtn = _ref$switchPrimaryBtn === void 0 ? false : _ref$switchPrimaryBtn
|
|
49
|
+
switchPrimaryBtn = _ref$switchPrimaryBtn === void 0 ? false : _ref$switchPrimaryBtn,
|
|
50
|
+
acceptBtnText = _ref.acceptBtnText,
|
|
51
|
+
cancelBtnText = _ref.cancelBtnText;
|
|
50
52
|
var modalRef = (0, _react.useRef)();
|
|
51
53
|
|
|
52
54
|
var _useState = (0, _react.useState)(defaultInput || ""),
|
|
@@ -154,13 +156,13 @@ function Modal(_ref) {
|
|
|
154
156
|
type: "submit",
|
|
155
157
|
className: "btn ".concat(switchPrimaryBtn ? "btn-outline-primary" : "btn-primary", " d-block w-100"),
|
|
156
158
|
style: btnStyle
|
|
157
|
-
}, type === "verify" ? (0, _shared.getPhrase)("Yes") : "OK"), (type === "ask" || type === "verify") && (type === "verify" ? /*#__PURE__*/_react.default.createElement("button", {
|
|
159
|
+
}, type === "verify" ? acceptBtnText ? acceptBtnText : (0, _shared.getPhrase)("Yes") : acceptBtnText ? acceptBtnText : "OK"), (type === "ask" || type === "verify") && (type === "verify" ? /*#__PURE__*/_react.default.createElement("button", {
|
|
158
160
|
className: "btn ".concat(switchPrimaryBtn ? "btn-primary" : "btn-outline-primary", " d-block w-100"),
|
|
159
161
|
style: btnStyle,
|
|
160
162
|
onClick: sayNo
|
|
161
|
-
}, (0, _shared.getPhrase)("No")) : /*#__PURE__*/_react.default.createElement("button", {
|
|
163
|
+
}, cancelBtnText ? cancelBtnText : (0, _shared.getPhrase)("No")) : /*#__PURE__*/_react.default.createElement("button", {
|
|
162
164
|
className: "btn btn-outline-primary d-block w-100",
|
|
163
165
|
style: btnStyle,
|
|
164
166
|
onClick: cancel
|
|
165
|
-
}, (0, _shared.getPhrase)("Cancel"))))))));
|
|
167
|
+
}, cancelBtnText ? cancelBtnText : (0, _shared.getPhrase)("Cancel"))))))));
|
|
166
168
|
}
|
|
@@ -82,14 +82,24 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
82
82
|
switchPrimaryBtn = _useState14[0],
|
|
83
83
|
setSwitchPrimaryBtn = _useState14[1];
|
|
84
84
|
|
|
85
|
+
var _useState15 = (0, _react.useState)(),
|
|
86
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
87
|
+
acceptBtnText = _useState16[0],
|
|
88
|
+
setAcceptBtnText = _useState16[1];
|
|
89
|
+
|
|
90
|
+
var _useState17 = (0, _react.useState)(),
|
|
91
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
92
|
+
cancelBtnText = _useState18[0],
|
|
93
|
+
setCancelBtnText = _useState18[1];
|
|
94
|
+
|
|
85
95
|
var unSetModalContent = (0, _react.useCallback)(function () {
|
|
86
96
|
setModalContent(undefined);
|
|
87
97
|
}, [setModalContent]);
|
|
88
98
|
|
|
89
|
-
var
|
|
90
|
-
|
|
91
|
-
onSubmit =
|
|
92
|
-
setOnSubmit =
|
|
99
|
+
var _useState19 = (0, _react.useState)(),
|
|
100
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
101
|
+
onSubmit = _useState20[0],
|
|
102
|
+
setOnSubmit = _useState20[1];
|
|
93
103
|
|
|
94
104
|
var ask = function ask(text, options) {
|
|
95
105
|
return new Promise(function (resolve) {
|
|
@@ -100,11 +110,15 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
100
110
|
var title = options.title,
|
|
101
111
|
icon = options.icon,
|
|
102
112
|
_inputType = options.inputType,
|
|
103
|
-
_switchPrimaryBtn = options.switchPrimaryBtn
|
|
113
|
+
_switchPrimaryBtn = options.switchPrimaryBtn,
|
|
114
|
+
_acceptBtnText = options.acceptBtnText,
|
|
115
|
+
_cancelBtnText = options.cancelBtnText;
|
|
104
116
|
setModalTitle(title);
|
|
105
117
|
setModalIcon(icon);
|
|
106
118
|
setInputType(_inputType);
|
|
107
119
|
setSwitchPrimaryBtn(_switchPrimaryBtn);
|
|
120
|
+
setAcceptBtnText(_acceptBtnText);
|
|
121
|
+
setCancelBtnText(_cancelBtnText);
|
|
108
122
|
}
|
|
109
123
|
|
|
110
124
|
setDefaultInput("");
|
|
@@ -126,10 +140,14 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
126
140
|
if (options) {
|
|
127
141
|
var title = options.title,
|
|
128
142
|
icon = options.icon,
|
|
129
|
-
_switchPrimaryBtn2 = options.switchPrimaryBtn
|
|
143
|
+
_switchPrimaryBtn2 = options.switchPrimaryBtn,
|
|
144
|
+
_acceptBtnText2 = options.acceptBtnText,
|
|
145
|
+
_cancelBtnText2 = options.cancelBtnText;
|
|
130
146
|
setModalTitle(title);
|
|
131
147
|
setModalIcon(icon);
|
|
132
148
|
setSwitchPrimaryBtn(_switchPrimaryBtn2);
|
|
149
|
+
setAcceptBtnText(_acceptBtnText2);
|
|
150
|
+
setCancelBtnText(_cancelBtnText2);
|
|
133
151
|
}
|
|
134
152
|
|
|
135
153
|
setOnSubmit(function () {
|
|
@@ -149,10 +167,14 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
149
167
|
if (options) {
|
|
150
168
|
var title = options.title,
|
|
151
169
|
icon = options.icon,
|
|
152
|
-
_switchPrimaryBtn3 = options.switchPrimaryBtn
|
|
170
|
+
_switchPrimaryBtn3 = options.switchPrimaryBtn,
|
|
171
|
+
_acceptBtnText3 = options.acceptBtnText,
|
|
172
|
+
_cancelBtnText3 = options.cancelBtnText;
|
|
153
173
|
setModalTitle(title);
|
|
154
174
|
setModalIcon(icon);
|
|
155
175
|
setSwitchPrimaryBtn(_switchPrimaryBtn3);
|
|
176
|
+
setAcceptBtnText(_acceptBtnText3);
|
|
177
|
+
setCancelBtnText(_cancelBtnText3);
|
|
156
178
|
}
|
|
157
179
|
|
|
158
180
|
setOnSubmit(function () {
|
|
@@ -179,7 +201,9 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
179
201
|
defaultInput: defaultInput,
|
|
180
202
|
type: type,
|
|
181
203
|
inputType: inputType,
|
|
182
|
-
switchPrimaryBtn: switchPrimaryBtn
|
|
204
|
+
switchPrimaryBtn: switchPrimaryBtn,
|
|
205
|
+
acceptBtnText: acceptBtnText,
|
|
206
|
+
cancelBtnText: cancelBtnText
|
|
183
207
|
}));
|
|
184
208
|
};
|
|
185
209
|
|