blue-react 8.7.3 → 8.8.1

package/dist/components/Modal.js

@@ -42,7 +42,11 @@ function Modal(_ref) {
       unSetModalContent = _ref.unSetModalContent,
       onSubmit = _ref.onSubmit,
       defaultInput = _ref.defaultInput,
-      type = _ref.type;
+      type = _ref.type,
+      _ref$inputType = _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 || ""),
@@ -81,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();
@@ -136,7 +140,7 @@ function Modal(_ref) {
       whiteSpace: "pre-wrap"
     }
   }, modalContent, type === "ask" && /*#__PURE__*/_react.default.createElement("input", {
-    type: "text",
+    type: inputType,
     className: "form-control mt-1",
     value: input,
     onChange: function onChange(_ref2) {
@@ -148,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

@@ -72,21 +72,41 @@ var ModalProvider = function ModalProvider(_ref) {
       defaultInput = _useState10[0],
       setDefaultInput = _useState10[1];
 
+  var _useState11 = (0, _react.useState)(),
+      _useState12 = _slicedToArray(_useState11, 2),
+      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 _useState11 = (0, _react.useState)(),
-      _useState12 = _slicedToArray(_useState11, 2),
-      onSubmit = _useState12[0],
-      setOnSubmit = _useState12[1];
+  var _useState15 = (0, _react.useState)(),
+      _useState16 = _slicedToArray(_useState15, 2),
+      onSubmit = _useState16[0],
+      setOnSubmit = _useState16[1];
 
-  var ask = function ask(text, title, icon) {
+  var ask = function ask(text, options) {
     return new Promise(function (resolve) {
       setType("ask");
       setModalContent(text);
-      setModalTitle(title);
-      setModalIcon(icon);
+
+      if (options) {
+        var title = options.title,
+            icon = options.icon,
+            _inputType = options.inputType,
+            _switchPrimaryBtn = options.switchPrimaryBtn;
+        setModalTitle(title);
+        setModalIcon(icon);
+        setInputType(_inputType);
+        setSwitchPrimaryBtn(_switchPrimaryBtn);
+      }
+
       setDefaultInput("");
       setOnSubmit(function () {
         return function (input) {
@@ -98,12 +118,20 @@ var ModalProvider = function ModalProvider(_ref) {
     });
   };
 
-  var tell = function tell(text, title, icon) {
+  var tell = function tell(text, options) {
     return new Promise(function (resolve) {
       setType("tell");
       setModalContent(text);
-      setModalTitle(title);
-      setModalIcon(icon);
+
+      if (options) {
+        var title = options.title,
+            icon = options.icon,
+            _switchPrimaryBtn2 = options.switchPrimaryBtn;
+        setModalTitle(title);
+        setModalIcon(icon);
+        setSwitchPrimaryBtn(_switchPrimaryBtn2);
+      }
+
       setOnSubmit(function () {
         return function (input) {
           resolve(input ? true : false);
@@ -113,12 +141,20 @@ var ModalProvider = function ModalProvider(_ref) {
     });
   };
 
-  var verify = function verify(text, title, icon) {
+  var verify = function verify(text, options) {
     return new Promise(function (resolve) {
       setType("verify");
       setModalContent(text);
-      setModalTitle(title);
-      setModalIcon(icon);
+
+      if (options) {
+        var title = options.title,
+            icon = options.icon,
+            _switchPrimaryBtn3 = options.switchPrimaryBtn;
+        setModalTitle(title);
+        setModalIcon(icon);
+        setSwitchPrimaryBtn(_switchPrimaryBtn3);
+      }
+
       setOnSubmit(function () {
         return function (input) {
           resolve(input ? true : false);
@@ -141,7 +177,9 @@ var ModalProvider = function ModalProvider(_ref) {
     unSetModalContent: unSetModalContent,
     onSubmit: onSubmit,
     defaultInput: defaultInput,
-    type: type
+    type: type,
+    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";
+    }
   }
 }