@rio-cloud/rio-uikit 0.16.1-beta.14 → 0.16.1-beta.16

package/lib/components/actionBarItem/ActionBarItem.js

@@ -9,6 +9,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ActionBarItem = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -39,6 +43,8 @@ var _OverlayTrigger = _interopRequireDefault(require("../overlay/OverlayTrigger"
 
 var _Dialog = _interopRequireDefault(require("../dialog/Dialog"));
 
+var _excluded = ["className", "children", "popoverWidth", "id", "hidePopoverOnClick"];
+
 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); }
 
 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; }
@@ -96,7 +102,8 @@ var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
       children = props.children,
       popoverWidth = props.popoverWidth,
       id = props.id,
-      hidePopoverOnClick = props.hidePopoverOnClick;
+      hidePopoverOnClick = props.hidePopoverOnClick,
+      remainigProps = (0, _objectWithoutProperties2.default)(props, _excluded);
 
   var _useState3 = (0, _react.useState)(false),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
@@ -182,10 +189,10 @@ var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
   });
 
   if (isSmallScreen) {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, remainigProps, {
       className: classes,
       ref: clickOutsideRef
-    }, /*#__PURE__*/_react.default.cloneElement(itemIcon, {
+    }), /*#__PURE__*/_react.default.cloneElement(itemIcon, {
       onClick: onToggle
     }), /*#__PURE__*/_react.default.createElement("div", {
       onClick: function onClick() {
@@ -210,10 +217,10 @@ var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
     show: isShown
   }, itemPopover);
 
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, remainigProps, {
     className: classes,
     ref: clickOutsideRef
-  }, /*#__PURE__*/_react.default.createElement(_OverlayTrigger.default, {
+  }), /*#__PURE__*/_react.default.createElement(_OverlayTrigger.default, {
     onToggle: onToggle,
     show: isShown || useOffscreen,
     placement: _OverlayTrigger.default.BOTTOM_END,

package/lib/components/actionBarItem/ActionBarItemPopover.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ActionBarItemPopover = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _omit = _interopRequireDefault(require("lodash/fp/omit"));
+
+var _excluded = ["className", "children"];
+
+var ActionBarItemPopover = function ActionBarItemPopover(_ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      remainingProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var classes = (0, _classnames.default)('ActionBarItemPopoverContent', className);
+  var filterProps = (0, _omit.default)(['title', 'useOffscreen']);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, filterProps(remainingProps), {
+    className: classes
+  }), children);
+};
+
+exports.ActionBarItemPopover = ActionBarItemPopover;
+ActionBarItemPopover.displayName = 'ActionBarItemPopover';
+ActionBarItemPopover.propTypes = {
+  title: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
+  className: _propTypes.default.string,
+  useOffscreen: _propTypes.default.bool
+};
+var _default = ActionBarItemPopover;
+exports.default = _default;

package/lib/components/activity/Activity.js

@@ -9,6 +9,10 @@ exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,13 +21,16 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Activity$icons;
 
+var _excluded = ["activity", "duration", "isOutdated", "bsSize", "onClick", "className"];
+
 var Activity = function Activity(props) {
   var activity = props.activity,
       duration = props.duration,
       isOutdated = props.isOutdated,
       bsSize = props.bsSize,
       onClick = props.onClick,
-      className = props.className;
+      className = props.className,
+      remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
 
   if (!activity) {
     return null;
@@ -31,15 +38,15 @@ var Activity = function Activity(props) {
 
   var icon = Activity.icons[activity];
   var wrapperClassNames = (0, _classnames.default)('activity', "activity-".concat(activity), isOutdated && 'opacity-50', bsSize && "activity-".concat(bsSize), className && className);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, remainingProps, {
     className: wrapperClassNames,
     onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: 'activity-icon'
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "activity-icon"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "rioglyph ".concat(icon)
   })), duration && /*#__PURE__*/_react.default.createElement("span", {
-    className: 'activity-text'
+    className: "activity-text"
   }, duration));
 };
 

package/lib/components/activity/Activity.less

@@ -0,0 +1,93 @@
+.activity {
+  align-items: center;
+  border-radius: 1000px;
+  color: @color-white;
+  display: inline-flex;
+  font-weight: @text-normal;
+
+  + .activity {
+    margin-left: 5px;
+  }
+
+  .activity-icon {
+    border-radius: 1000px;
+    font-size: 20px;
+    line-height: 1;
+    padding: 2px 3px 4px 3px;
+  }
+
+  .activity-text {
+    font-size: 14px;
+    padding: 0 8px 0 5px;
+    white-space: nowrap;
+  }
+
+  &.activity-available {
+    background: darken(@color-status-available, 5%);
+
+    .activity-icon {
+      background: @color-status-available;
+    }
+  }
+
+  &.activity-driving {
+    background: darken(@color-status-driving, 5%);
+
+    .activity-icon {
+      background: @color-status-driving;
+    }
+  }
+
+  &.activity-resting {
+    background: darken(@color-status-resting, 5%);
+
+    .activity-icon {
+      background: @color-status-resting;
+    }
+  }
+
+  &.activity-working {
+    background: darken(@color-status-working, 5%);
+
+    .activity-icon {
+      background: @color-status-working;
+    }
+  }
+
+  // sizes
+  &.activity-sm {
+    .activity-icon {
+      font-size: 16px;
+      padding: 2px 4px 2px 4px;
+    }
+
+    .activity-text {
+      font-size: 12px;
+      padding: 0 8px 0 5px;
+    }
+  }
+
+  &.activity-lg {
+    .activity-icon {
+      font-size: 24px;
+      padding: 3px 4px 5px 4px;
+    }
+
+    .activity-text {
+      font-size: 18px;
+      padding: 0 8px 0 5px;
+    }
+  }
+
+  &.activity-xl {
+    .activity-icon {
+      font-size: 30px;
+      padding: 4px 5px 6px 5px;
+    }
+
+    .activity-text {
+      font-size: 22px;
+      padding: 0 10px 0 7px;
+    }
+  }
+}

package/lib/components/animatedBlock/AnimatedBlock.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _css = _interopRequireDefault(require("dom-helpers/css"));
+
+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); }
+
+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; }
+
+var INITIAL_HEIGHT = '0';
+var MARGINS = {
+  height: ['marginTop', 'marginBottom']
+};
+
+var getFullHeight = function getFullHeight(element) {
+  if (!element) {
+    return INITIAL_HEIGHT;
+  }
+
+  var value = element.offsetHeight;
+  var margins = MARGINS['height'];
+  var fullHeight = value + parseInt((0, _css.default)(element, margins[0]), 10) + parseInt((0, _css.default)(element, margins[1]), 10);
+  return fullHeight;
+};
+
+var AnimatedBlock = function AnimatedBlock(_ref) {
+  var show = _ref.show,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)(show),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      shouldRender = _useState2[0],
+      setRender = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      height = _useState4[0],
+      setHeight = _useState4[1];
+
+  var wrapperRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    if (show) {
+      setRender(true);
+    }
+  }, [show]);
+
+  var handleAnimationStart = function handleAnimationStart() {
+    var calcHeight = getFullHeight(wrapperRef.current);
+    console.log(calcHeight);
+    setHeight(calcHeight);
+  };
+
+  var handleAnimationEnd = function handleAnimationEnd() {
+    if (!show) {
+      setRender(false);
+    }
+  };
+
+  return shouldRender && /*#__PURE__*/_react.default.createElement("div", {
+    ref: wrapperRef,
+    className: "transition-all transition-duration-05 transition-ease-in-out",
+    style: {
+      animation: "".concat(show ? 'scaled-fade-in' : 'scaled-fade-out', " 0.5s"),
+      height: "".concat(height, "px")
+    },
+    onAnimationStart: handleAnimationStart,
+    onAnimationEnd: handleAnimationEnd
+  }, children);
+};
+
+var _default = AnimatedBlock;
+exports.default = _default;
+{
+  /* <div
+          className={`transition-all transition-duration-05 transition-ease-in-out ${
+              show ? 'height-200' : 'height-0'
+          } 0.5s`}
+      ></div> */
+}

package/lib/components/animatedNumber/AnimatedNumber.js

@@ -9,14 +9,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.AnimatedNumber = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _useInterval = _interopRequireDefault(require("../../hooks/useInterval"));
 
+var _excluded = ["start", "end", "prefix", "unit", "speed", "decreasing", "onEnd", "className"];
+
 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); }
 
 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; }
@@ -31,7 +37,8 @@ var AnimatedNumber = function AnimatedNumber(props) {
       speed = props.speed,
       decreasing = props.decreasing,
       onEnd = props.onEnd,
-      className = props.className;
+      className = props.className,
+      remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
 
   var _useState = (0, _react.useState)(start),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -53,9 +60,9 @@ var AnimatedNumber = function AnimatedNumber(props) {
       onEnd();
     }
   });
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, remainingProps, {
     className: className
-  }, "".concat(prefix).concat(value).concat(unit));
+  }), "".concat(prefix).concat(value).concat(unit));
 };
 
 exports.AnimatedNumber = AnimatedNumber;

package/lib/components/applicationHeader/AppMenu.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AppMenu = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,6 +21,8 @@ var _AppMenuDropdown = _interopRequireDefault(require("./AppMenuDropdown"));
 
 var _modulePropTypes = _interopRequireDefault(require("./modulePropTypes"));
 
+var _excluded = ["label", "appMenuItems", "appNavigatorClassName", "appNavigator"];
+
 var MenuContent = function MenuContent(props) {
   var appMenuItems = props.appMenuItems,
       appNavigator = props.appNavigator; // In case there is a navigation component injected into the header,
@@ -43,14 +49,15 @@ var AppMenu = function AppMenu(props) {
       label = _props$label === void 0 ? 'Unknown' : _props$label,
       appMenuItems = props.appMenuItems,
       appNavigatorClassName = props.appNavigatorClassName,
-      appNavigator = props.appNavigator;
+      appNavigator = props.appNavigator,
+      remainigProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var hasItems = !!(appMenuItems && appMenuItems.length || appNavigator);
   var classNames = (0, _classnames.default)('ModuleNavigation AppMenu', 'user-select-none', {
     hasModules: hasItems
   }, appNavigatorClassName && appNavigatorClassName);
-  return /*#__PURE__*/_react.default.createElement("ul", {
+  return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({}, remainigProps, {
     className: classNames
-  }, /*#__PURE__*/_react.default.createElement(_AppMenuDropdown.default, {
+  }), /*#__PURE__*/_react.default.createElement(_AppMenuDropdown.default, {
     title: label,
     caret: hasItems
   }, /*#__PURE__*/_react.default.createElement(MenuContent, props)));

package/lib/components/applicationHeader/ApplicationActionBar.js

@@ -7,17 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ApplicationActionBar = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
 
+var _excluded = ["items", "nodeRef", "className"];
+
 var ApplicationActionBar = function ApplicationActionBar(_ref) {
   var items = _ref.items,
       nodeRef = _ref.nodeRef,
       _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
-  return /*#__PURE__*/_react.default.createElement("ul", {
+      className = _ref$className === void 0 ? '' : _ref$className,
+      remainigProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({}, remainigProps, {
     className: "ApplicationActionBar nav navbar-nav navbar-right ".concat(className),
     ref: nodeRef
-  }, items && items.map(function (item, index) {
+  }), items && items.map(function (item, index) {
     return /*#__PURE__*/_react.default.createElement("li", {
       key: index,
       role: "presentation",

package/lib/components/applicationHeader/ApplicationHeader.js

@@ -9,8 +9,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ApplicationHeader = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -35,6 +39,8 @@ var _modulePropTypes = _interopRequireDefault(require("./modulePropTypes"));
 
 var _MobileAppMenu = require("./MobileAppMenu");
 
+var _excluded = ["homeRoute", "showHomeIcon", "label", "className", "appNavigator", "appNavigatorClassName", "appMenuItems", "navItems", "actionBarItems"];
+
 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); }
 
 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; }
@@ -50,7 +56,8 @@ var ApplicationHeader = function ApplicationHeader(props) {
       appNavigatorClassName = props.appNavigatorClassName,
       appMenuItems = props.appMenuItems,
       navItems = props.navItems,
-      actionBarItems = props.actionBarItems;
+      actionBarItems = props.actionBarItems,
+      remainigProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var actionBarRef = (0, _react.useRef)();
 
   var _useResizeObserver = (0, _useResizeObserver3.default)(),
@@ -65,10 +72,10 @@ var ApplicationHeader = function ApplicationHeader(props) {
   var isMobileWidth = containerWidth <= SCREEN_SM;
   var hasActionBarItems = !(0, _isEmpty.default)(actionBarItems);
   var classNames = (0, _classnames.default)('ApplicationHeader', 'user-select-none', isMobileWidth && 'mobile', className && className);
-  return /*#__PURE__*/_react.default.createElement("nav", {
+  return /*#__PURE__*/_react.default.createElement("nav", (0, _extends2.default)({}, remainigProps, {
     className: classNames,
     ref: navRef
-  }, isMobileWidth && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MobileAppMenu.MobileAppMenu, {
+  }), isMobileWidth && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MobileAppMenu.MobileAppMenu, {
     showHomeIcon: showHomeIcon,
     homeRoute: homeRoute,
     appMenuItems: appMenuItems,
@@ -121,9 +128,7 @@ exports.default = _default;
 ApplicationHeader.defaultProps = {
   homeRoute: '',
   showHomeIcon: true,
-  actionBarItems: [],
-  onMount: function onMount() {},
-  onUnmount: function onUnmount() {}
+  actionBarItems: []
 };
 ApplicationHeader.propTypes = {
   label: _propTypes.default.node,
@@ -134,7 +139,5 @@ ApplicationHeader.propTypes = {
   appNavigator: _propTypes.default.node,
   appNavigatorClassName: _propTypes.default.string,
   navItems: _propTypes.default.arrayOf(_modulePropTypes.default),
-  actionBarItems: _propTypes.default.arrayOf(_propTypes.default.node),
-  onMount: _propTypes.default.func,
-  onUnmount: _propTypes.default.func
+  actionBarItems: _propTypes.default.arrayOf(_propTypes.default.node)
 };

package/lib/components/applicationLayout/ApplicationLayout.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ApplicationLayout = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -21,18 +25,19 @@ var _ApplicationLayoutBody = _interopRequireDefault(require("./ApplicationLayout
 
 var _init = require("../../utils/init");
 
-// initializes document bootstrapping - keep the import to avoid being tree-shaked
+var _excluded = ["className", "layoutRef", "children"];
 _init.initDocumentBootstrapping;
 
 var ApplicationLayout = function ApplicationLayout(_ref) {
   var className = _ref.className,
       layoutRef = _ref.layoutRef,
-      children = _ref.children;
+      children = _ref.children,
+      remainigProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = (0, _classnames.default)('ApplicationLayout', className);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, remainigProps, {
     ref: layoutRef,
     className: classes
-  }, children);
+  }), children);
 };
 
 exports.ApplicationLayout = ApplicationLayout;