@rio-cloud/rio-uikit 0.16.2-beta.9 → 0.16.3-beta.1

package/lib/es/AspectRatioPlaceholder.ts

@@ -0,0 +1,5 @@
+declare module '@rio-cloud/rio-uikit/lib/es/AspectRatioPlaceholder' {
+    import React from 'react';
+    import { AspectRatioPlaceholderProps } from './types';
+    export default class AspectRatioPlaceholder extends React.Component<AspectRatioPlaceholderProps> {}
+}

package/lib/es/ConfirmationDialog.d.ts

@@ -7,6 +7,8 @@ declare module '@rio-cloud/rio-uikit/lib/es/ConfirmationDialog' {
         static SIZE_LG = 'lg';
         static SIZE_XL = 'xl';
         static SIZE_FULL = 'full';
+        static SIZE_FULL_WIDTH = 'fullwidth';
+        static SIZE_FULL_HEIGHT = 'fullheight';
         static SIZE_FULL_SCREEN = 'fullscreen';
     }
 }

package/lib/es/Dialog.d.ts

@@ -5,6 +5,8 @@ declare module '@rio-cloud/rio-uikit/lib/es/Dialog' {
     export default class Dialog extends React.Component<DialogProps> {
         public static SIZE_FULL_SCREEN: 'fullscreen';
         public static SIZE_FULL: 'full';
+        public static SIZE_FULL_WIDTH: 'fullwidth';
+        public static SIZE_FULL_HEIGHT: 'fullheight';
         public static SIZE_XL: 'xl';
         public static SIZE_LG: 'lg';
         public static SIZE_MD: 'md';

package/lib/es/Map.d.ts

@@ -3,9 +3,10 @@ import { MapProps } from './types';
 
 export { BoundingBox } from './types';
 
-export default class Map extends React.Component<MapProps> {
+export default class Map extends React.Component<React.PropsWithChildren<MapProps>> {
     static TYPE_DEFAULT = 'DEFAULT';
     static TYPE_FLEET_STYLE = 'FLEET_STYLE';
     static TYPE_SATELLITE = 'SATELLITE';
     static TYPE_TERRAIN = 'TERRAIN';
+    static TYPE_NIGHT = 'NIGHT';
 }

package/lib/es/ResponsiveColumnStripe.d.ts

@@ -0,0 +1,5 @@
+declare module '@rio-cloud/rio-uikit/lib/es/ResponsiveColumnStripe' {
+    import React from 'react';
+    import { ResponsiveColumnStripeProps } from './types';
+    export default class ResponsiveColumnStripe extends React.Component<ResponsiveColumnStripeProps> {}
+}

package/lib/es/ResponsiveColumnStripe.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ResponsiveColumnStripe2["default"];
+  }
+});
+var _ResponsiveColumnStripe2 = _interopRequireDefault(require("./components/responsiveColumnStripe/ResponsiveColumnStripe"));

package/lib/es/RuleConnector.d.ts

@@ -1,7 +1,8 @@
 declare module '@rio-cloud/rio-uikit/lib/es/RuleConnector' {
     import React from 'react';
     import { RuleConnectorProps } from './types';
-    export default class RuleConnector extends React.Component<RuleConnectorProps> {
+
+    export default class RuleConnector extends React.Component<React.PropsWithChildren<RuleConnectorProps>> {
         static START = 'start';
         static CENTER = 'center';
         static END = 'end';

package/lib/es/RuleContainer.d.ts

@@ -1,5 +1,6 @@
 declare module '@rio-cloud/rio-uikit/lib/es/RuleContainer' {
     import React from 'react';
     import { RuleContainerProps } from './types';
-    export default class RuleContainer extends React.Component<RuleContainerProps> {}
-}
+
+    export default class RuleContainer extends React.Component<React.PropsWithChildren<RuleContainerProps>> {}
+}

package/lib/es/RulesWrapper.d.ts

@@ -1,5 +1,6 @@
 declare module '@rio-cloud/rio-uikit/lib/es/RulesWrapper' {
     import React from 'react';
     import { RulesWrapperProps } from './types';
+
     export default class RulesWrapper extends React.Component<RulesWrapperProps> {}
-}
+}

package/lib/es/SaveDialog.d.ts

@@ -7,6 +7,8 @@ declare module '@rio-cloud/rio-uikit/lib/es/SaveDialog' {
         static SIZE_LG = 'lg';
         static SIZE_XL = 'xl';
         static SIZE_FULL = 'full';
+        static SIZE_FULL_WIDTH: 'fullwidth';
+        static SIZE_FULL_HEIGHT: 'fullheight';
         static SIZE_FULL_SCREEN = 'fullscreen';
     }
 }

package/lib/es/SimpleDialog.d.ts

@@ -7,6 +7,8 @@ declare module '@rio-cloud/rio-uikit/lib/es/SimpleDialog' {
         static SIZE_LG = 'lg';
         static SIZE_XL = 'xl';
         static SIZE_FULL = 'full';
+        static SIZE_FULL_WIDTH: 'fullwidth';
+        static SIZE_FULL_HEIGHT: 'fullheight';
         static SIZE_FULL_SCREEN = 'fullscreen';
     }
 }

package/lib/es/SplitDialog.d.ts

@@ -7,6 +7,8 @@ declare module '@rio-cloud/rio-uikit/lib/es/SplitDialog' {
         static SIZE_LG = 'lg';
         static SIZE_XL = 'xl';
         static SIZE_FULL = 'full';
+        static SIZE_FULL_WIDTH: 'fullwidth';
+        static SIZE_FULL_HEIGHT: 'fullheight';
         static SIZE_FULL_SCREEN = 'fullscreen';
     }
 }

package/lib/es/components/activity/Activity.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,12 +9,14 @@ 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 _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Activity$icons;
 var _excluded = ["activity", "duration", "isOutdated", "bsSize", "onClick", "className"];
-var Activity = function Activity(props) {
+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 Activity = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var activity = props.activity,
     duration = props.duration,
     isOutdated = props.isOutdated,
@@ -26,7 +29,9 @@ 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", (0, _extends2["default"])({}, remainingProps, {
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    ref: ref
+  }, remainingProps, {
     className: wrapperClassNames,
     onClick: onClick
   }), /*#__PURE__*/_react["default"].createElement("span", {
@@ -36,7 +41,7 @@ var Activity = function Activity(props) {
   })), duration && /*#__PURE__*/_react["default"].createElement("span", {
     className: "activity-text"
   }, duration));
-};
+});
 Activity.AVAILABLE = 'available';
 Activity.DRIVING = 'driving';
 Activity.RESTING = 'resting';

package/lib/es/components/animatedNumber/AnimatedNumber.js

@@ -16,7 +16,7 @@ var _excluded = ["start", "end", "prefix", "unit", "speed", "decreasing", "onEnd
 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 TIMER = 10;
-var AnimatedNumber = function AnimatedNumber(props) {
+var AnimatedNumber = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var start = props.start,
     end = props.end,
     prefix = props.prefix,
@@ -44,10 +44,12 @@ var AnimatedNumber = function AnimatedNumber(props) {
       onEnd();
     }
   });
-  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, remainingProps, {
+  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
+    ref: ref
+  }, remainingProps, {
     className: className
   }), "".concat(prefix).concat(value).concat(unit));
-};
+});
 exports.AnimatedNumber = AnimatedNumber;
 AnimatedNumber.defaultProps = {
   prefix: '',

package/lib/es/components/applicationHeader/AppMenu.js

@@ -12,7 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _AppMenuDropdown = _interopRequireDefault(require("./AppMenuDropdown"));
 var _modulePropTypes = _interopRequireDefault(require("./modulePropTypes"));
-var _excluded = ["label", "appMenuItems", "appNavigatorClassName", "appNavigator"];
+var _excluded = ["label", "appMenuItems", "appNavigatorClassName", "appNavigator", "onToggleAppMenu"];
 var MenuContent = function MenuContent(props) {
   var appMenuItems = props.appMenuItems,
     appNavigator = props.appNavigator;
@@ -40,6 +40,7 @@ var AppMenu = function AppMenu(props) {
     appMenuItems = props.appMenuItems,
     appNavigatorClassName = props.appNavigatorClassName,
     appNavigator = props.appNavigator,
+    onToggleAppMenu = props.onToggleAppMenu,
     remainigProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var hasItems = !!(appMenuItems && appMenuItems.length || appNavigator);
   var classNames = (0, _classnames["default"])('ModuleNavigation AppMenu', 'user-select-none', {
@@ -49,7 +50,8 @@ var AppMenu = function AppMenu(props) {
     className: classNames
   }), /*#__PURE__*/_react["default"].createElement(_AppMenuDropdown["default"], {
     title: label,
-    caret: hasItems
+    caret: hasItems,
+    onToggleAppMenu: onToggleAppMenu
   }, /*#__PURE__*/_react["default"].createElement(MenuContent, props)));
 };
 exports.AppMenu = AppMenu;
@@ -60,5 +62,6 @@ AppMenu.propTypes = {
   // Support a list of items for services without the app navigator like internal MDM services
   appMenuItems: _propTypes["default"].arrayOf(_modulePropTypes["default"]),
   appNavigator: _propTypes["default"].element,
-  appNavigatorClassName: _propTypes["default"].string
+  appNavigatorClassName: _propTypes["default"].string,
+  onToggleAppMenu: _propTypes["default"].func
 };

package/lib/es/components/applicationHeader/AppMenuDropdown.js

@@ -52,6 +52,7 @@ var AppMenuDropdownOpener = /*#__PURE__*/_react["default"].forwardRef(function (
 var AppMenuDropdown = function AppMenuDropdown(props) {
   var title = props.title,
     caret = props.caret,
+    onToggleAppMenu = props.onToggleAppMenu,
     children = props.children;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -61,7 +62,9 @@ var AppMenuDropdown = function AppMenuDropdown(props) {
     return setIsOpen(false);
   });
   var handleDropdownClick = function handleDropdownClick() {
-    return setIsOpen(!isOpen);
+    var newState = !isOpen;
+    setIsOpen(newState);
+    onToggleAppMenu(newState);
   };
   var openWithChildren = !(0, _isEmpty["default"])(children) && isOpen;
   return /*#__PURE__*/_react["default"].createElement(AppMenuDropdownOpener, {
@@ -81,5 +84,6 @@ AppMenuDropdown.defaultProps = {
 };
 AppMenuDropdown.propTypes = {
   title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]).isRequired,
-  caret: _propTypes["default"].bool
+  caret: _propTypes["default"].bool,
+  onToggleAppMenu: _propTypes["default"].func
 };

package/lib/es/components/applicationHeader/ApplicationHeader.js

@@ -21,12 +21,12 @@ var _useResizeObserver3 = _interopRequireDefault(require("../../hooks/useResizeO
 var _NavItems = _interopRequireDefault(require("./NavItems"));
 var _modulePropTypes = _interopRequireDefault(require("./modulePropTypes"));
 var _MobileAppMenu = require("./MobileAppMenu");
-var _excluded = ["homeRoute", "showHomeIcon", "label", "className", "appNavigator", "appNavigatorClassName", "appMenuItems", "navItems", "actionBarItems"];
+var _excluded = ["homeRoute", "showHomeIcon", "label", "className", "appNavigator", "appNavigatorClassName", "appMenuItems", "navItems", "actionBarItems", "onToggleAppMenu"];
 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 SCREEN_SM = 768; // @screen-sm: 768px;
 
-var ApplicationHeader = function ApplicationHeader(props) {
+var ApplicationHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var homeRoute = props.homeRoute,
     showHomeIcon = props.showHomeIcon,
     label = props.label,
@@ -36,12 +36,16 @@ var ApplicationHeader = function ApplicationHeader(props) {
     appMenuItems = props.appMenuItems,
     navItems = props.navItems,
     actionBarItems = props.actionBarItems,
+    onToggleAppMenu = props.onToggleAppMenu,
     remainigProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var actionBarRef = (0, _react.useRef)();
   var _useResizeObserver = (0, _useResizeObserver3["default"])(),
     _useResizeObserver2 = (0, _slicedToArray2["default"])(_useResizeObserver, 2),
     navRef = _useResizeObserver2[0],
     contentRect = _useResizeObserver2[1].contentRect;
+  (0, _react.useImperativeHandle)(ref, function () {
+    return navRef;
+  }, []);
   var getContentRect = (0, _react.useCallback)(function (key) {
     return contentRect && Math.round(contentRect[key]);
   }, [contentRect]);
@@ -56,7 +60,8 @@ var ApplicationHeader = function ApplicationHeader(props) {
     showHomeIcon: showHomeIcon,
     homeRoute: homeRoute,
     appMenuItems: appMenuItems,
-    appNavigator: appNavigator
+    appNavigator: appNavigator,
+    onToggleAppMenu: onToggleAppMenu
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex-1-1-0 display-flex gap-10"
   }, /*#__PURE__*/_react["default"].createElement(_MobileSubmoduleNavigation.MobileSubmoduleNavigation, {
@@ -76,7 +81,8 @@ var ApplicationHeader = function ApplicationHeader(props) {
     key: "AppMenu",
     appMenuItems: appMenuItems,
     appNavigator: appNavigator,
-    appNavigatorClassName: appNavigatorClassName
+    appNavigatorClassName: appNavigatorClassName,
+    onToggleAppMenu: onToggleAppMenu
   }), (0, _isEmpty["default"])(navItems) && /*#__PURE__*/_react["default"].createElement("ul", {
     className: "SubmoduleNavigation nav"
   }), !(0, _isEmpty["default"])(navItems) && /*#__PURE__*/_react["default"].createElement(_NavItems["default"], {
@@ -88,7 +94,7 @@ var ApplicationHeader = function ApplicationHeader(props) {
     nodeRef: actionBarRef,
     items: actionBarItems
   })));
-};
+});
 exports.ApplicationHeader = ApplicationHeader;
 var Divider = function Divider() {
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -102,7 +108,8 @@ exports["default"] = _default;
 ApplicationHeader.defaultProps = {
   homeRoute: '',
   showHomeIcon: true,
-  actionBarItems: []
+  actionBarItems: [],
+  onToggleAppMenu: function onToggleAppMenu() {}
 };
 ApplicationHeader.propTypes = {
   label: _propTypes["default"].node,
@@ -113,5 +120,6 @@ ApplicationHeader.propTypes = {
   appNavigator: _propTypes["default"].node,
   appNavigatorClassName: _propTypes["default"].string,
   navItems: _propTypes["default"].arrayOf(_modulePropTypes["default"]),
-  actionBarItems: _propTypes["default"].arrayOf(_propTypes["default"].node)
+  actionBarItems: _propTypes["default"].arrayOf(_propTypes["default"].node),
+  onToggleAppMenu: _propTypes["default"].func
 };

package/lib/es/components/applicationHeader/MobileAppMenu.js

@@ -18,15 +18,18 @@ var MobileAppMenu = function MobileAppMenu(props) {
   var appMenuItems = props.appMenuItems,
     appNavigator = props.appNavigator,
     showHomeIcon = props.showHomeIcon,
-    homeRoute = props.homeRoute;
+    homeRoute = props.homeRoute,
+    onToggleAppMenu = props.onToggleAppMenu;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isShown = _useState2[0],
     setIsShown = _useState2[1];
   var handleToggleNavigation = function handleToggleNavigation() {
-    return setIsShown(!isShown);
+    var newState = !isShown;
+    setIsShown(newState);
+    onToggleAppMenu(newState);
   };
-  var hasAppContent = !(0, _isNil["default"])(appMenuItems) || !(0, _isNil["default"])(appNavigator);
+  var hasAppContent = !((0, _isNil["default"])(appMenuItems) && (0, _isNil["default"])(appNavigator));
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "navbar-header min-width-50 padding-5 overflow-hidden position-relative display-flex align-items-center",
     onClick: handleToggleNavigation
@@ -58,5 +61,6 @@ MobileAppMenu.propTypes = {
   homeRoute: _propTypes["default"].node,
   showHomeIcon: _propTypes["default"].bool,
   appMenuItems: _propTypes["default"].arrayOf(_modulePropTypes["default"]),
-  appNavigator: _propTypes["default"].element
+  appNavigator: _propTypes["default"].element,
+  onToggleAppMenu: _propTypes["default"].func
 };

package/lib/es/components/applicationLayout/ApplicationLayout.js

@@ -1,13 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ApplicationLayoutHeader = _interopRequireDefault(require("./ApplicationLayoutHeader"));
@@ -15,18 +16,20 @@ var _ApplicationLayoutSidebar = _interopRequireDefault(require("./ApplicationLay
 var _ApplicationLayoutBody = _interopRequireDefault(require("./ApplicationLayoutBody"));
 var _init = require("../../utils/init");
 var _excluded = ["className", "layoutRef", "children"];
+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; }
 _init.initDocumentBootstrapping;
-var ApplicationLayout = function ApplicationLayout(_ref) {
-  var className = _ref.className,
-    layoutRef = _ref.layoutRef,
-    children = _ref.children,
-    remainigProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+var ApplicationLayout = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var className = props.className,
+    layoutRef = props.layoutRef,
+    children = props.children,
+    remainigProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var classes = (0, _classnames["default"])('ApplicationLayout', className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainigProps, {
-    ref: layoutRef,
+    ref: ref || layoutRef,
     className: classes
   }), children);
-};
+});
 exports.ApplicationLayout = ApplicationLayout;
 ApplicationLayout.Header = _ApplicationLayoutHeader["default"];
 ApplicationLayout.Sidebar = _ApplicationLayoutSidebar["default"];

package/lib/es/components/applicationLayout/ApplicationLayoutBody.js

@@ -17,7 +17,7 @@ var _excluded = ["className", "innerClassName", "forceScrollbar", "enableScrollT
 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 RESIZE_THROTTELING = 200;
-var ApplicationLayoutBody = function ApplicationLayoutBody(props) {
+var ApplicationLayoutBody = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
     innerClassName = props.innerClassName,
     forceScrollbar = props.forceScrollbar,
@@ -34,6 +34,9 @@ var ApplicationLayoutBody = function ApplicationLayoutBody(props) {
     setOffset = _useState2[1];
   var moduleContentRef = (0, _react.useRef)();
   var layoutBodyRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(ref, function () {
+    return layoutBodyRef;
+  }, []);
   (0, _react.useEffect)(function () {
     if (layoutBodyRef.current) {
       layoutBodyRef.current.parentNode.style = "--ApplicationLayoutBodyBottomBarHeight: ".concat(bottomBarHeight, "px");
@@ -76,7 +79,7 @@ var ApplicationLayoutBody = function ApplicationLayoutBody(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "rioglyph rioglyph-arrow-up"
   })))), bottomBar && bottomBar);
-};
+});
 exports.ApplicationLayoutBody = ApplicationLayoutBody;
 ApplicationLayoutBody.defaultProps = {
   className: '',

package/lib/es/components/applicationLayout/ApplicationLayoutBodyBanner.js

@@ -1,17 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ApplicationLayoutBodyBanner = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _excluded = ["textColor", "backgroundColor", "isSticky", "className", "children"];
-var ApplicationLayoutBodyBanner = function ApplicationLayoutBodyBanner(props) {
+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 ApplicationLayoutBodyBanner = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var textColor = props.textColor,
     backgroundColor = props.backgroundColor,
     isSticky = props.isSticky,
@@ -20,9 +23,10 @@ var ApplicationLayoutBodyBanner = function ApplicationLayoutBodyBanner(props) {
     remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var bannerClasses = (0, _classnames["default"])('ApplicationLayoutBodyBanner', textColor, backgroundColor, isSticky && 'position-sticky top-0 z-index-3', className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
+    ref: ref,
     className: bannerClasses
   }), children);
-};
+});
 exports.ApplicationLayoutBodyBanner = ApplicationLayoutBodyBanner;
 ApplicationLayoutBodyBanner.defaultProps = {
   textColor: 'text-color-white',

package/lib/es/components/applicationLayout/ApplicationLayoutBodyBottomBar.js

@@ -1,27 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ApplicationLayoutBodyBottomBar = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _excluded = ["className", "buttonAlignment", "useBodyPaddings", "children"];
-var ApplicationLayoutBodyBottomBar = function ApplicationLayoutBodyBottomBar(_ref) {
+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 ApplicationLayoutBodyBottomBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
     buttonAlignment = _ref.buttonAlignment,
     useBodyPaddings = _ref.useBodyPaddings,
     children = _ref.children,
     remainigProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var classes = (0, _classnames["default"])('ApplicationLayoutBodyBottomBar', buttonAlignment === 'left' && 'justify-content-start', buttonAlignment === 'right' && 'justify-content-end', buttonAlignment !== 'left' && buttonAlignment !== 'right' && 'justify-content-between', useBodyPaddings && 'use-body-padding', className && className);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainigProps, {
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    ref: ref
+  }, remainigProps, {
     className: classes
   }), children);
-};
+});
 exports.ApplicationLayoutBodyBottomBar = ApplicationLayoutBodyBottomBar;
 ApplicationLayoutBodyBottomBar.LEFT = 'left';
 ApplicationLayoutBodyBottomBar.RIGHT = 'right';

package/lib/es/components/applicationLayout/ApplicationLayoutBodyNavigation.js

@@ -1,25 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ApplicationLayoutBodyNavigation = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _excluded = ["className", "children"];
-var ApplicationLayoutBodyNavigation = function ApplicationLayoutBodyNavigation(props) {
+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 ApplicationLayoutBodyNavigation = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
     children = props.children,
     remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var navigationClasses = (0, _classnames["default"])('ApplicationLayoutBodyNavigation', className);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    ref: ref
+  }, remainingProps, {
     className: navigationClasses
   }), children);
-};
+});
 exports.ApplicationLayoutBodyNavigation = ApplicationLayoutBodyNavigation;
 ApplicationLayoutBodyNavigation.propTypes = {
   className: _propTypes["default"].string

package/lib/es/components/applicationLayout/ApplicationLayoutHeader.js

@@ -1,26 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ApplicationLayoutHeader = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _excluded = ["className", "children"];
-var ApplicationLayoutHeader = function ApplicationLayoutHeader(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    remainigProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+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 ApplicationLayoutHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var className = props.className,
+    children = props.children,
+    remainigProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var classes = (0, _classnames["default"])('ApplicationLayoutHeader', className);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainigProps, {
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    ref: ref
+  }, remainigProps, {
     className: classes,
     id: "ApplicationLayoutHeader"
   }), children);
-};
+});
 exports.ApplicationLayoutHeader = ApplicationLayoutHeader;
 ApplicationLayoutHeader.propTypes = {
   className: _propTypes["default"].string