blue-react 8.8.0 → 8.8.3

package/dist/components/Modal.js

@@ -44,7 +44,9 @@ function Modal(_ref) {
       defaultInput = _ref.defaultInput,
       type = _ref.type,
       _ref$inputType = _ref.inputType,
-      inputType = _ref$inputType === void 0 ? "text" : _ref$inputType;
+      inputType = _ref$inputType === void 0 ? "text" : _ref$inputType,
+      _ref$switchPrimaryBtn = _ref.switchPrimaryBtn,
+      switchPrimaryBtn = _ref$switchPrimaryBtn === void 0 ? false : _ref$switchPrimaryBtn;
   var modalRef = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)(defaultInput || ""),
@@ -83,7 +85,7 @@ function Modal(_ref) {
   var focusFirstControl = function focusFirstControl() {
     var myModal = modalRef.current;
     myModal.removeEventListener("shown.bs.modal", focusFirstControl);
-    var firstControl = myModal.querySelector(".btn, .form-control");
+    var firstControl = myModal.querySelector(".btn-primary, .form-control");
 
     if (firstControl) {
       firstControl.focus();
@@ -150,10 +152,10 @@ function Modal(_ref) {
     className: "modal-footer"
   }, /*#__PURE__*/_react.default.createElement("button", {
     type: "submit",
-    className: "btn btn-primary d-block w-100",
+    className: "btn ".concat(switchPrimaryBtn ? "btn-outline-primary" : "btn-primary", " d-block w-100"),
     style: btnStyle
   }, type === "verify" ? (0, _shared.getPhrase)("Yes") : "OK"), (type === "ask" || type === "verify") && (type === "verify" ? /*#__PURE__*/_react.default.createElement("button", {
-    className: "btn btn-outline-primary d-block w-100",
+    className: "btn ".concat(switchPrimaryBtn ? "btn-primary" : "btn-outline-primary", " d-block w-100"),
     style: btnStyle,
     onClick: sayNo
   }, (0, _shared.getPhrase)("No")) : /*#__PURE__*/_react.default.createElement("button", {

package/dist/components/ModalProvider.js

@@ -77,14 +77,19 @@ var ModalProvider = function ModalProvider(_ref) {
       inputType = _useState12[0],
       setInputType = _useState12[1];
 
+  var _useState13 = (0, _react.useState)(false),
+      _useState14 = _slicedToArray(_useState13, 2),
+      switchPrimaryBtn = _useState14[0],
+      setSwitchPrimaryBtn = _useState14[1];
+
   var unSetModalContent = (0, _react.useCallback)(function () {
     setModalContent(undefined);
   }, [setModalContent]);
 
-  var _useState13 = (0, _react.useState)(),
-      _useState14 = _slicedToArray(_useState13, 2),
-      onSubmit = _useState14[0],
-      setOnSubmit = _useState14[1];
+  var _useState15 = (0, _react.useState)(),
+      _useState16 = _slicedToArray(_useState15, 2),
+      onSubmit = _useState16[0],
+      setOnSubmit = _useState16[1];
 
   var ask = function ask(text, options) {
     return new Promise(function (resolve) {
@@ -94,10 +99,12 @@ var ModalProvider = function ModalProvider(_ref) {
       if (options) {
         var title = options.title,
             icon = options.icon,
-            _inputType = options.inputType;
+            _inputType = options.inputType,
+            _switchPrimaryBtn = options.switchPrimaryBtn;
         setModalTitle(title);
         setModalIcon(icon);
         setInputType(_inputType);
+        setSwitchPrimaryBtn(_switchPrimaryBtn);
       }
 
       setDefaultInput("");
@@ -118,9 +125,11 @@ var ModalProvider = function ModalProvider(_ref) {
 
       if (options) {
         var title = options.title,
-            icon = options.icon;
+            icon = options.icon,
+            _switchPrimaryBtn2 = options.switchPrimaryBtn;
         setModalTitle(title);
         setModalIcon(icon);
+        setSwitchPrimaryBtn(_switchPrimaryBtn2);
       }
 
       setOnSubmit(function () {
@@ -139,9 +148,11 @@ var ModalProvider = function ModalProvider(_ref) {
 
       if (options) {
         var title = options.title,
-            icon = options.icon;
+            icon = options.icon,
+            _switchPrimaryBtn3 = options.switchPrimaryBtn;
         setModalTitle(title);
         setModalIcon(icon);
+        setSwitchPrimaryBtn(_switchPrimaryBtn3);
       }
 
       setOnSubmit(function () {
@@ -167,7 +178,8 @@ var ModalProvider = function ModalProvider(_ref) {
     onSubmit: onSubmit,
     defaultInput: defaultInput,
     type: type,
-    inputType: inputType
+    inputType: inputType,
+    switchPrimaryBtn: switchPrimaryBtn
   }));
 };
 

package/dist/components/Utilities.js

@@ -95,9 +95,13 @@ function resetAlertMessage(alertClassName) {
     });
   } else {
     var alertElement = document.querySelector(".blue-status-alert");
-    document.querySelector(".blue-status-" + alertClassName).style.display = "";
-    alertElement.style.display = "";
-    removeClass(alertElement, "alert-" + (alertClassName === "loading" ? "info" : alertClassName));
+    var statusElement = document.querySelector(".blue-status-" + alertClassName);
+    if (statusElement) statusElement.style.display = "";
+
+    if (alertElement) {
+      alertElement.style.display = "";
+      removeClass(alertElement, "alert-" + (alertClassName === "loading" ? "info" : alertClassName));
+    }
   }
 }
 
@@ -106,25 +110,29 @@ function setAlertMessage(message) {
   var close = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var detailText = arguments.length > 3 ? arguments[3] : undefined;
   var alertElement = document.querySelector(".blue-status-alert");
-  document.querySelector(".blue-status-" + alertClassName).style.display = "flex";
-  alertElement.style.display = "block";
-  addClass(alertElement, "alert-" + (alertClassName === "loading" ? "info" : alertClassName));
-  alertElement.querySelector(".alert-body").innerHTML = "<h2>" + message + "</h2>";
+  var statusElement = document.querySelector(".blue-status-" + alertClassName);
+  if (statusElement) statusElement.style.display = "flex";
 
-  if (detailText) {
-    alertElement.querySelector(".alert-body").innerHTML += "<span>" + detailText + "</span>";
-  }
+  if (alertElement) {
+    alertElement.style.display = "block";
+    addClass(alertElement, "alert-" + (alertClassName === "loading" ? "info" : alertClassName));
+    alertElement.querySelector(".alert-body").innerHTML = "<h2>" + message + "</h2>";
 
-  var btnCloseElement = alertElement.querySelector(".btn-close");
+    if (detailText) {
+      alertElement.querySelector(".alert-body").innerHTML += "<span>" + detailText + "</span>";
+    }
 
-  if (close) {
-    btnCloseElement.style.display = "inline-block";
+    var btnCloseElement = alertElement.querySelector(".btn-close");
 
-    btnCloseElement.onclick = function () {
-      resetAlertMessage(alertClassName);
-    };
-  } else {
-    btnCloseElement.style.display = "none";
+    if (close) {
+      btnCloseElement.style.display = "inline-block";
+
+      btnCloseElement.onclick = function () {
+        resetAlertMessage(alertClassName);
+      };
+    } else {
+      btnCloseElement.style.display = "none";
+    }
   }
 }