blue-react 8.1.7 → 8.3.1

package/dist/components/Layout.js

@@ -39,25 +39,25 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 window.toggleSidebarEvent = new CustomEvent("toggleSidebar");
 
-/**
- * The main component. As soon this component is mounted, it is globally available under `window.blueLayoutRef`.
- * You can also append your own event listeners.
- *
- * Allowed events:
- *
- * * **componentDidUpdate** - Component was updated.
- *   Example: `window.blueLayoutRef.addEventListener("componentDidUpdate", (prevProps, prevState) => { })`
- * * **pageDidShowAgain** - Page appeared again with the same old state. In the callback function you can reinitialize things.
- *   Example: `window.blueLayoutRef.addEventListener("pageDidShowAgain", "home", (prevProps, prevState) => { })`
- * * **pageDidHide** - This page disappeared and another page appears instead.
- *   Example: `window.blueLayoutRef.addEventListener("pageDidHide", "home", (prevProps, prevState) => { })`
- *
- * Method to add event listeners:
- * * `window.blueLayoutRef.`**addEventListener**`(eventName: string, param2: any, param3: any, listenerId?: string)`
- *
- * Methods to remove event listeners:
- * * `window.blueLayoutRef.`**removeEventListener**`(eventName: string, listenerId: string)`
- * * `window.blueLayoutRef.`**removeDuplicatedEventListeners**`()` - Will automatically be called when running `addEventListener`
+/**
+ * The main component. As soon this component is mounted, it is globally available under `window.blueLayoutRef`.
+ * You can also append your own event listeners.
+ *
+ * Allowed events:
+ *
+ * * **componentDidUpdate** - Component was updated.
+ *   Example: `window.blueLayoutRef.addEventListener("componentDidUpdate", (prevProps, prevState) => { })`
+ * * **pageDidShowAgain** - Page appeared again with the same old state. In the callback function you can reinitialize things.
+ *   Example: `window.blueLayoutRef.addEventListener("pageDidShowAgain", "home", (prevProps, prevState) => { })`
+ * * **pageDidHide** - This page disappeared and another page appears instead.
+ *   Example: `window.blueLayoutRef.addEventListener("pageDidHide", "home", (prevProps, prevState) => { })`
+ *
+ * Method to add event listeners:
+ * * `window.blueLayoutRef.`**addEventListener**`(eventName: string, param2: any, param3: any, listenerId?: string)`
+ *
+ * Methods to remove event listeners:
+ * * `window.blueLayoutRef.`**removeEventListener**`(eventName: string, listenerId: string)`
+ * * `window.blueLayoutRef.`**removeDuplicatedEventListeners**`()` - Will automatically be called when running `addEventListener`
  */
 var Layout = /*#__PURE__*/function (_Component) {
   _inherits(Layout, _Component);

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."); }
@@ -41,8 +35,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * Link, button or custom component for Sidebar, Actions or ActionMenu
+/**
+ * Link, button or custom component for Sidebar, Actions or ActionMenu
  */
 function MenuItem(props) {
   var _useState = (0, _react.useState)(false),
@@ -123,19 +117,16 @@ 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,
+    href: props.href,
+    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

@@ -29,14 +29,15 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * Simple modal/dialog. Designed to work as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
- * It uses Bootstrap's Modal components.
- *
- * For easy use, you should use the hook `useModal` together with `ModalProvider`. See the example there.
+/**
+ * Simple modal/dialog. Designed to work as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
+ * It uses Bootstrap's Modal components.
+ *
+ * For easy use, you should use the hook `useModal` together with `ModalProvider`. See the example there.
  */
 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,

package/dist/components/Outside.js

@@ -14,13 +14,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/**
- * Hook that alerts clicks outside of the passed ref
+/**
+ * Hook that alerts clicks outside of the passed ref
  */
 function useOutside(ref, callback) {
   (0, _react.useEffect)(function () {
-    /**
-     * Alert if clicked on outside of element
+    /**
+     * Alert if clicked on outside of element
      */
     function handleClickOutside(event) {
       if (ref.current && !ref.current.contains(event.target) && callback) {
@@ -37,8 +37,8 @@ function useOutside(ref, callback) {
   }, [ref]);
 }
 
-/**
- * Component that fires an event if you click outside of it
+/**
+ * Component that fires an event if you click outside of it
  */
 function Outside(_ref) {
   var children = _ref.children,

package/dist/components/Page.js

@@ -29,8 +29,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * Main component for each page.
+/**
+ * Main component for each page.
  */
 function Page(_ref) {
   var children = _ref.children,

package/dist/components/Search.js

@@ -31,8 +31,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * A search bar that can be placed to the sidebar or on a page.
+/**
+ * A search bar that can be placed to the sidebar or on a page.
  */
 function Search(props) {
   var autoFocus = props.autoFocus,

package/dist/components/SidebarMenu.js

@@ -25,8 +25,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-/**
- * Sidebar for the `Layout` component.
+/**
+ * Sidebar for the `Layout` component.
  */
 function SidebarMenu(props) {
   var _useState = (0, _react.useState)(false),

package/dist/components/Switch.js

@@ -13,8 +13,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/**
- * Switch.
+/**
+ * Switch.
  */
 function Switch(_ref) {
   var className = _ref.className,