blue-react 9.9.3 → 9.10.0

package/dist/components/HeaderTitle.js

@@ -9,9 +9,7 @@ exports.default = HeaderTitle;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Utilities = _interopRequireDefault(require("./Utilities"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _utils = require("blue-web/dist/js/utils");
 
 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); }
 
@@ -35,8 +33,7 @@ function HeaderTitle(_ref) {
       to = _ref.to,
       _ref$href = _ref.href,
       href = _ref$href === void 0 ? "#" : _ref$href;
-
-  var uniqueId = "HeaderTitle-" + _Utilities.default.guid();
+  var uniqueId = "HeaderTitle-" + (0, _utils.guid)();
 
   var setDocumentTitle = function setDocumentTitle() {
     if (window.blueLayoutRef && window.blueLayoutRef.props && window.blueLayoutRef.props.disableTitleSet === false) {

package/dist/components/Layout.js

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Utilities = _interopRequireDefault(require("./Utilities"));
-
 var _SidebarToggler = _interopRequireDefault(require("./SidebarToggler"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -189,7 +187,7 @@ var Layout = /*#__PURE__*/function (_Component) {
   }, {
     key: "hideSidebar",
     value: function hideSidebar(e) {
-      if (!(_Utilities.default.hasClass(e.target, "blue-open-menu") || _Utilities.default.hasClass(e.target, "bi-menu") || _Utilities.default.hasClass(e.target, "blue-search") || _Utilities.default.hasClass(e.target, "blue-search-control") || _Utilities.default.hasClass(e.target, "blue-search-btn") || _Utilities.default.hasClass(e.target, "blue-search-btn-icon") || _Utilities.default.hasClass(e.target, "blue-menu-item-dropdown-toggle") || _Utilities.default.hasClass(e.target, "blue-menu-item-dropdown-caret") || _Utilities.default.hasClass(e.target, "blue-menu-item-dropdown-icon") || _Utilities.default.hasClass(e.target, "blue-sidebar-exception"))) {
+      if (!(e.target.classList.contains("blue-open-menu") || e.target.classList.contains("bi-menu") || e.target.classList.contains("blue-search") || e.target.classList.contains("blue-search-control") || e.target.classList.contains("blue-search-btn") || e.target.classList.contains("blue-search-btn-icon") || e.target.classList.contains("blue-menu-item-dropdown-toggle") || e.target.classList.contains("blue-menu-item-dropdown-caret") || e.target.classList.contains("blue-menu-item-dropdown-icon") || e.target.classList.contains("blue-sidebar-exception"))) {
         this.setState({
           sidebarIn: false
         });
@@ -300,7 +298,9 @@ var Layout = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "spinner-bounce-circle"
       }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null))), /*#__PURE__*/_react.default.createElement("div", {
-        className: "blue-status-circle blue-status-success"
+        className: "blue-status-circle blue-status-success",
+        role: "status",
+        "aria-live": "polite"
       }, this.props.statusIcons.success), /*#__PURE__*/_react.default.createElement("div", {
         className: "blue-status-circle blue-status-info"
       }, this.props.statusIcons.info), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/MenuItem.js

@@ -13,8 +13,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Outside = _interopRequireDefault(require("./Outside"));
 
-var _Utilities = _interopRequireDefault(require("./Utilities"));
-
 var _Chevron = _interopRequireDefault(require("./Chevron"));
 
 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); }
@@ -64,11 +62,6 @@ function MenuItem(props) {
 
     if (props.children) {
       setShowDropdown(!showDropdown);
-    } // When user clicks again on active menu item, scroll to top of page
-
-
-    if (props.href && props.href === window.location.hash) {
-      _Utilities.default.scrollToTop();
     }
 
     if (props.onClickAttached !== undefined) {
@@ -80,7 +73,7 @@ function MenuItem(props) {
     var target = _ref.target;
 
     // Don't trigger when clicking on MenuItem
-    if (!_Utilities.default.hasClass(target, "blue-menu-item-dropdown-toggle") && !_Utilities.default.hasClass(target, "blue-menu-item-label")) {
+    if (!(target !== null && target !== void 0 && target.classList.contains("blue-menu-item-dropdown-toggle")) && !(target !== null && target !== void 0 && target.classList.contains("blue-menu-item-label"))) {
       setShowDropdown(false);
     }
   };

package/dist/components/Search.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
 
-var _Utilities = _interopRequireDefault(require("./Utilities"));
+var _utils = require("blue-web/dist/js/utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -47,8 +47,7 @@ function Search(props) {
       sidebar = props.sidebar,
       id = props.id,
       inputRef = props.inputRef;
-
-  var SearchControlId = id || "blue-search-control-" + _Utilities.default.guid();
+  var SearchControlId = id || "blue-search-control-" + (0, _utils.guid)();
 
   var _useState = (0, _react.useState)(props.value || ""),
       _useState2 = _slicedToArray(_useState, 2),

package/dist/components/Utilities.js

@@ -5,27 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.addClass = addClass;
 exports.default = void 0;
-exports.fetchData = fetchData;
-exports.finishLoading = finishLoading;
-exports.guid = void 0;
 exports.hasClass = hasClass;
-exports.hideSuccess = hideSuccess;
 exports.removeClass = removeClass;
-exports.resetAlertMessage = resetAlertMessage;
-exports.scrollToTop = scrollToTop;
-exports.setAlertMessage = setAlertMessage;
-exports.showSuccess = showSuccess;
-exports.startLoading = startLoading;
 exports.toggleActions = toggleActions;
 exports.toggleClass = toggleClass;
 
+var _utils = require("blue-web/dist/js/utils");
+
+/**
+ * @deprecated Use (el as HTMLElement).classList.contains("my-class") instead.
+ */
 function hasClass(el, className) {
   if (el.classList) return el.classList.contains(className);else return !!el.className.match(new RegExp("(\\s|^)" + className + "(\\s|$)"));
 }
+/**
+ * @deprecated Use (el as HTMLElement).classList.add("my-class") instead.
+ */
+
 
 function addClass(el, className) {
   if (el.classList) el.classList.add(className);else if (!hasClass(el, className)) el.className += " " + className;
 }
+/**
+ * @deprecated Use (el as HTMLElement).classList.remove("my-class") instead.
+ */
+
 
 function removeClass(el, className) {
   if (el.classList) el.classList.remove(className);else if (hasClass(el, className)) el.className = el.className.replace(new RegExp("(\\s|^)" + className + "(\\s|$)"), " ");
@@ -51,26 +55,6 @@ function toggleClass(element, className) {
 
   element.className = classString;
 }
-
-function startLoading() {
-  ;
-  document.querySelector(".blue-loading").style.display = "block";
-}
-
-function finishLoading() {
-  ;
-  document.querySelector(".blue-loading").style.display = "";
-}
-
-function showSuccess() {
-  ;
-  document.querySelector(".blue-status-success").style.display = "flex";
-}
-
-function hideSuccess() {
-  ;
-  document.querySelector(".blue-status-success").style.display = "";
-}
 /**
  * @deprecated Is handled inside of `ActioMenu` component now
  */
@@ -86,131 +70,24 @@ function toggleActions() {
   }
 }
 /**
- * Resets alert messages that was set with `setAlertMessage`.
- * When using React, you should use `StatusProvider` instead: https://bruegmann.github.io/blue-react/v9/component/StatusProvider
- * @param alertClassName Leave empty to reset messages of any status type
+ * @deprecated In future versions of Blue React, you will need to use utils of Blue Web directly.
  */
 
 
-function resetAlertMessage(alertClassName) {
-  if (!alertClassName) {
-    ;
-    ["loading", "success", "info", "warning", "danger"].forEach(function (status) {
-      resetAlertMessage(status);
-    });
-  } else {
-    var alertElement = document.querySelector(".blue-status-alert");
-    var statusElement = document.querySelector(".blue-status-" + alertClassName);
-    if (statusElement) statusElement.style.display = "";
-
-    if (alertElement) {
-      alertElement.style.display = "";
-      removeClass(alertElement, "alert-" + (alertClassName === "loading" ? "info" : alertClassName));
-    }
-  }
-}
-/**
- * When using React, you should use `StatusProvider` instead: https://bruegmann.github.io/blue-react/v9/component/StatusProvider
- */
-
-
-function setAlertMessage(message) {
-  var alertClassName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "info";
-  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");
-  var statusElement = document.querySelector(".blue-status-" + alertClassName);
-  if (statusElement) statusElement.style.display = "flex";
-
-  if (alertElement) {
-    alertElement.style.display = "block";
-    addClass(alertElement, "alert-" + (alertClassName === "loading" ? "info" : alertClassName));
-    alertElement.querySelector(".alert-body").innerHTML = "<h2>" + message + "</h2>";
-
-    if (detailText) {
-      alertElement.querySelector(".alert-body").innerHTML += "<span>" + detailText + "</span>";
-    }
-
-    var btnCloseElement = alertElement.querySelector(".btn-close");
-
-    if (close) {
-      btnCloseElement.style.display = "inline-block";
-
-      btnCloseElement.onclick = function () {
-        resetAlertMessage(alertClassName);
-      };
-    } else {
-      btnCloseElement.style.display = "none";
-    }
-  }
-}
-
-function s4() {
-  return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
-}
-
-var guid = function guid() {
-  return s4() + s4() + "-" + s4() + "-" + s4() + "-" + s4() + "-" + s4() + s4() + s4();
-};
-
-exports.guid = guid;
-
-function scrollToTop() {
-  var routerPage = document.querySelector(".router-page.active");
-  routerPage.scroll({
-    behavior: "smooth",
-    left: 0,
-    top: 0
-  });
-}
-
-var httpStatusCodes = {
-  400: "Bad Request",
-  401: "Unauthorized",
-  403: "Forbidden",
-  404: "Not Found",
-  405: "Method Not Allowed",
-  408: "Request Timeout",
-  409: "Conflict",
-  500: "Internal Server Error",
-  502: "Bad Gateway"
-};
-
-function fetchData(input, init) {
-  var showErrorDetail = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  var onError = arguments.length > 3 ? arguments[3] : undefined;
-  return fetch(input, init).then(function (response) {
-    if (!response.ok) throw response;
-    return response;
-  }).catch(function (reason) {
-    if (reason.text) {
-      reason.text().then(function (errorMessage) {
-        setAlertMessage("".concat(reason.status, " - ").concat(reason.statusText || httpStatusCodes[reason.status] || "Error"), "danger", true, showErrorDetail ? errorMessage.toString().replace(/(<style[\w\W]+style>)/g, "").replace(/<[^>]+>/g, "") : undefined);
-
-        if (onError) {
-          onError(errorMessage, reason);
-        }
-      });
-    }
-
-    throw reason;
-  });
-}
-
 var _default = {
   hasClass: hasClass,
   addClass: addClass,
   removeClass: removeClass,
   toggleClass: toggleClass,
-  startLoading: startLoading,
-  finishLoading: finishLoading,
-  showSuccess: showSuccess,
-  hideSuccess: hideSuccess,
+  startLoading: _utils.startLoading,
+  finishLoading: _utils.finishLoading,
+  showSuccess: _utils.showSuccess,
+  hideSuccess: _utils.hideSuccess,
   toggleActions: toggleActions,
-  resetAlertMessage: resetAlertMessage,
-  setAlertMessage: setAlertMessage,
-  guid: guid,
-  scrollToTop: scrollToTop,
-  fetchData: fetchData
+  resetAlertMessage: _utils.resetAlertMessage,
+  setAlertMessage: _utils.setAlertMessage,
+  guid: _utils.guid,
+  scrollToTop: _utils.scrollToTop,
+  fetchData: _utils.fetchData
 };
 exports.default = _default;