blue-react 8.1.6 → 8.3.0

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-<img src="https://raw.githubusercontent.com/bruegmann/blue-react/master/public/logo192.png" alt="Blue Icon" width="64px" height="64px">
+<img src="https://raw.githubusercontent.com/bruegmann/blue-react/master/public/blue-readme-cover.png" alt="React component library based on Bootstrap">
 </p>
 
 # Blue React

package/dist/components/MenuItem.js

@@ -23,12 +23,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -123,19 +117,15 @@ function MenuItem(props) {
     iconForActive = props.iconForActive;
   }
 
-  var passingProps = {
-    id: "blue-action-menu-item-" + _Utilities.default.guid()
-  };
-  var removeFromAttrs = ["isActive", "isHome", "children", "dropdownClassName", "showDropdown", "supportOutside", "elementType"];
-  Object.keys(props).forEach(function (key) {
-    if (!removeFromAttrs.includes(key)) {
-      passingProps[key] = props[key];
-    }
-  });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _react.createElement)(props.elementType || (props.href ? "a" : "button"), _objectSpread(_objectSpread({}, passingProps), {}, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _react.createElement)(props.elementType || (props.href ? "a" : "button"), {
+    to: props.to,
+    exact: props.exact,
     className: className + (props.isActive || active ? " active" : "") + (props.label ? " has-label" : ""),
-    onClick: onClick
-  }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    onClick: onClick,
+    target: props.target,
+    rel: props.rel,
+    title: props.title
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _clsx.default)("blue-menu-item-icon", {
       hasIconForActive: iconForActive
     })

package/dist/components/Modal.js

@@ -37,6 +37,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  */
 function Modal(_ref) {
   var modalContent = _ref.modalContent,
+      modalTitle = _ref.modalTitle,
       unSetModalContent = _ref.unSetModalContent,
       onSubmit = _ref.onSubmit,
       defaultInput = _ref.defaultInput,
@@ -122,12 +123,15 @@ function Modal(_ref) {
     className: "modal-header"
   }, /*#__PURE__*/_react.default.createElement("h5", {
     className: "modal-title"
-  }, (0, _shared.getPhrase)("Message")), /*#__PURE__*/_react.default.createElement("button", {
+  }, modalTitle || (0, _shared.getPhrase)("Message")), /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: "btn-close",
     onClick: cancel
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "modal-body"
+    className: "modal-body",
+    style: {
+      whiteSpace: "pre-wrap"
+    }
   }, modalContent, type === "ask" && /*#__PURE__*/_react.default.createElement("input", {
     type: "text",
     className: "form-control mt-1",

package/dist/components/ModalProvider.js

@@ -59,22 +59,28 @@ var ModalProvider = function ModalProvider(_ref) {
 
   var _useState5 = (0, _react.useState)(),
       _useState6 = _slicedToArray(_useState5, 2),
-      defaultInput = _useState6[0],
-      setDefaultInput = _useState6[1];
+      modalTitle = _useState6[0],
+      setModalTitle = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(),
+      _useState8 = _slicedToArray(_useState7, 2),
+      defaultInput = _useState8[0],
+      setDefaultInput = _useState8[1];
 
   var unSetModalContent = (0, _react.useCallback)(function () {
     setModalContent(undefined);
   }, [setModalContent]);
 
-  var _useState7 = (0, _react.useState)(),
-      _useState8 = _slicedToArray(_useState7, 2),
-      onSubmit = _useState8[0],
-      setOnSubmit = _useState8[1];
+  var _useState9 = (0, _react.useState)(),
+      _useState10 = _slicedToArray(_useState9, 2),
+      onSubmit = _useState10[0],
+      setOnSubmit = _useState10[1];
 
-  var ask = function ask(text) {
+  var ask = function ask(text, title) {
     return new Promise(function (resolve) {
       setType("ask");
       setModalContent(text);
+      setModalTitle(title);
       setDefaultInput("");
       setOnSubmit(function () {
         return function (input) {
@@ -86,10 +92,11 @@ var ModalProvider = function ModalProvider(_ref) {
     });
   };
 
-  var tell = function tell(text) {
+  var tell = function tell(text, title) {
     return new Promise(function (resolve) {
       setType("tell");
       setModalContent(text);
+      setModalTitle(title);
       setOnSubmit(function () {
         return function (input) {
           resolve(input ? true : false);
@@ -99,10 +106,11 @@ var ModalProvider = function ModalProvider(_ref) {
     });
   };
 
-  var verify = function verify(text) {
+  var verify = function verify(text, title) {
     return new Promise(function (resolve) {
       setType("verify");
       setModalContent(text);
+      setModalTitle(title);
       setOnSubmit(function () {
         return function (input) {
           resolve(input ? true : false);
@@ -120,6 +128,7 @@ var ModalProvider = function ModalProvider(_ref) {
     }
   }, rest), children, /*#__PURE__*/_react.default.createElement(_Modal.default, {
     modalContent: modalContent,
+    modalTitle: modalTitle,
     unSetModalContent: unSetModalContent,
     onSubmit: onSubmit,
     defaultInput: defaultInput,