@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.22

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

@@ -1,72 +1,56 @@
 "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.NavItems = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _head = _interopRequireDefault(require("lodash/fp/head"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _useClickOutside = _interopRequireDefault(require("../../hooks/useClickOutside"));
-
 var _modulePropTypes = _interopRequireDefault(require("./modulePropTypes"));
-
 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 collapsedDropdownWidth = 50;
 var paddingLeft = 15;
-
 var NavItems = function NavItems(props) {
   var externalNavItems = props.navItems,
-      actionBarItems = props.actionBarItems,
-      containerWidth = props.containerWidth;
-
+    actionBarItems = props.actionBarItems,
+    containerWidth = props.containerWidth;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isCollapsedNavItemOpen = _useState2[0],
-      setIsCollapsedNavItemOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isCollapsedNavItemOpen = _useState2[0],
+    setIsCollapsedNavItemOpen = _useState2[1];
   var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      collapsedNavItems = _useState4[0],
-      setCollapsedNavItems = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    collapsedNavItems = _useState4[0],
+    setCollapsedNavItems = _useState4[1];
   var _useState5 = (0, _react.useState)([]),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      visibleNavItems = _useState6[0],
-      setVisibleNavItems = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    visibleNavItems = _useState6[0],
+    setVisibleNavItems = _useState6[1];
   var collapsedDropdownRef = (0, _useClickOutside["default"])(function () {
     return setIsCollapsedNavItemOpen(false);
   });
   var navigationRef = (0, _react.useRef)();
-  var isOffscreen = (0, _react.useRef)(true); // console.log({ containerWidth });
-  // Before any new changes are applied
+  var isOffscreen = (0, _react.useRef)(true);
 
+  // console.log({ containerWidth });
+
+  // Before any new changes are applied
   (0, _react.useEffect)(function () {
     // After the component received new props, every nav item has to be rendered offscreen
     // again without collapsing them into the dropdown to measure its width
     isOffscreen.current = true;
-  }, [externalNavItems, actionBarItems, containerWidth]); // After the component has been rendered
+  }, [externalNavItems, actionBarItems, containerWidth]);
 
+  // After the component has been rendered
   (0, _react.useLayoutEffect)(function () {
     // After every nav item was rendered offscreen again we need to recalculate the width
     // of the items again and render the result with possible collapsible dropdown.
@@ -74,64 +58,64 @@ var NavItems = function NavItems(props) {
       computeNavItems();
     }
   });
-
   var getAvailableWidth = function getAvailableWidth(element) {
     // Get relevant elements
     // const parent = element.parentNode;
+
     // const actionBar = head(parent.getElementsByClassName('ApplicationActionBar'));
     // const actionBarWidth = actionBar && actionBar.childElementCount > 0 ? actionBar.scrollWidth : 0;
+
     // Since the collapsed dropdown has not been rendered yet,
     // use the fixed with for it to compute available width
     var availableWidth = element.scrollWidth - collapsedDropdownWidth - paddingLeft;
     return availableWidth;
   };
-
   var computeNavItems = function computeNavItems() {
     var element = navigationRef.current;
     var navItems = (0, _toConsumableArray2["default"])(element.children);
     var availableWidth = getAvailableWidth(element);
-
     if (availableWidth < 0) {
       return;
-    } // Iterate over all rendered navItems to figure out their widths in order to figure out
-    // which navItems need to be rendered in the collapsed dropdown
-
+    }
 
+    // Iterate over all rendered navItems to figure out their widths in order to figure out
+    // which navItems need to be rendered in the collapsed dropdown
     var requiredNavItemsSize = 0;
     var updatedVisibleItems = [];
     var updatedCollapsedItems = [];
     navItems.forEach(function (item) {
       if (!item.className) {
         return;
-      } // Calculate the remaining width
+      }
 
+      // Calculate the remaining width
+      requiredNavItemsSize = requiredNavItemsSize + item.scrollWidth;
 
-      requiredNavItemsSize = requiredNavItemsSize + item.scrollWidth; // console.log({ requiredNavItemsSize });
-      // Use the navItems.key to find corresponding navItems for each DOM node
+      // console.log({ requiredNavItemsSize });
 
+      // Use the navItems.key to find corresponding navItems for each DOM node
       var matchedNavItem = externalNavItems.find(function (navItem) {
         var dataAttr = item.attributes['data-nav-item-key'];
         return dataAttr && navItem.key === dataAttr.value;
       });
-
       if (!matchedNavItem) {
         return;
-      } // Add navItems to the visible group until the available with exceeds.
-      // All other navItems will be added to the collapsed group
-
+      }
 
+      // Add navItems to the visible group until the available with exceeds.
+      // All other navItems will be added to the collapsed group
       if (availableWidth > requiredNavItemsSize) {
         updatedVisibleItems.push(matchedNavItem);
       } else {
         updatedCollapsedItems.push(matchedNavItem);
       }
-    }); // Set the state to render the navItems again
+    });
 
+    // Set the state to render the navItems again
     isOffscreen.current = false;
     setVisibleNavItems(updatedVisibleItems);
     setCollapsedNavItems(updatedCollapsedItems);
   };
-
   var handleCollapsedDropdown = function handleCollapsedDropdown() {
     // When the dropdown is open, set showCollapsedNavItems to false so all submodule items
     // are rendered and their size can be computed
@@ -142,21 +126,17 @@ var NavItems = function NavItems(props) {
       setIsCollapsedNavItemOpen(true);
     }
   };
-
   var handleCollapsedNavItemSelected = function handleCollapsedNavItemSelected() {
     // Close collapsed dropdown on item select
     if (isCollapsedNavItemOpen) {
       setIsCollapsedNavItemOpen(false);
     }
   };
-
   var renderCollapsedNavItem = function renderCollapsedNavItem(navItems) {
     var collapsedDropdownClass = isCollapsedNavItemOpen ? 'open' : '';
-
     if ((0, _isEmpty["default"])(navItems) && (0, _isEmpty["default"])(actionBarItems)) {
       return null;
     }
-
     return /*#__PURE__*/_react["default"].createElement("li", {
       className: "CollapsedDropdown dropdown ".concat(collapsedDropdownClass),
       key: "collapsed-dropdown",
@@ -184,7 +164,6 @@ var NavItems = function NavItems(props) {
       }, navItem.route);
     })));
   };
-
   var renderNavItem = function renderNavItem(navItem, isItemOffscreen) {
     return /*#__PURE__*/_react["default"].createElement("li", {
       key: navItem.key,
@@ -192,7 +171,6 @@ var NavItems = function NavItems(props) {
       "data-nav-item-key": navItem.key
     }, navItem.route);
   };
-
   var renderNavItems = function renderNavItems() {
     if (!isOffscreen.current && !(0, _isEmpty["default"])(collapsedNavItems)) {
       var visibleItems = visibleNavItems.map(function (navItem) {
@@ -200,22 +178,21 @@ var NavItems = function NavItems(props) {
       });
       return [].concat((0, _toConsumableArray2["default"])(visibleItems), [renderCollapsedNavItem(collapsedNavItems)]);
     }
-
     return externalNavItems.map(function (navItem) {
       return renderNavItem(navItem, isOffscreen.current);
     });
-  }; // As all navItems need to be added to the DOM first in order to get their real size
+  };
+
+  // As all navItems need to be added to the DOM first in order to get their real size
   // the computation wheather a navItem need to be shown under the collapsed dropdown or not
   // needs to be done after the component did mount to the DOM.
 
-
   var classes = (0, _classnames["default"])('SubmoduleNavigation', 'nav');
   return /*#__PURE__*/_react["default"].createElement("ul", {
     className: classes,
     ref: navigationRef
   }, renderNavItems());
 };
-
 exports.NavItems = NavItems;
 var _default = NavItems;
 exports["default"] = _default;

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

@@ -1,17 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _default = _propTypes["default"].shape({
   key: _propTypes["default"].string.isRequired,
   route: _propTypes["default"].node.isRequired
 });
-
 exports["default"] = _default;

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

@@ -1,45 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ApplicationLayoutHeader = _interopRequireDefault(require("./ApplicationLayoutHeader"));
-
 var _ApplicationLayoutSidebar = _interopRequireDefault(require("./ApplicationLayoutSidebar"));
-
 var _ApplicationLayoutBody = _interopRequireDefault(require("./ApplicationLayoutBody"));
-
 var _init = require("../../utils/init");
-
 var _excluded = ["className", "layoutRef", "children"];
 _init.initDocumentBootstrapping;
-
 var ApplicationLayout = function ApplicationLayout(_ref) {
   var className = _ref.className,
-      layoutRef = _ref.layoutRef,
-      children = _ref.children,
-      remainigProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    layoutRef = _ref.layoutRef,
+    children = _ref.children,
+    remainigProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var classes = (0, _classnames["default"])('ApplicationLayout', className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainigProps, {
     ref: layoutRef,
     className: classes
   }), children);
 };
-
 exports.ApplicationLayout = ApplicationLayout;
 ApplicationLayout.Header = _ApplicationLayoutHeader["default"];
 ApplicationLayout.Sidebar = _ApplicationLayoutSidebar["default"];

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

@@ -1,53 +1,37 @@
 "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.ApplicationLayoutBody = 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 _debounce = _interopRequireDefault(require("lodash/fp/debounce"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["className", "innerClassName", "forceScrollbar", "enableScrollToTop", "banner", "navigation", "bottomBar", "bottomBarHeight", "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; }
-
 var RESIZE_THROTTELING = 200;
-
 var ApplicationLayoutBody = function ApplicationLayoutBody(props) {
   var className = props.className,
-      innerClassName = props.innerClassName,
-      forceScrollbar = props.forceScrollbar,
-      enableScrollToTop = props.enableScrollToTop,
-      banner = props.banner,
-      navigation = props.navigation,
-      bottomBar = props.bottomBar,
-      bottomBarHeight = props.bottomBarHeight,
-      children = props.children,
-      remainigProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    innerClassName = props.innerClassName,
+    forceScrollbar = props.forceScrollbar,
+    enableScrollToTop = props.enableScrollToTop,
+    banner = props.banner,
+    navigation = props.navigation,
+    bottomBar = props.bottomBar,
+    bottomBarHeight = props.bottomBarHeight,
+    children = props.children,
+    remainigProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      offset = _useState2[0],
-      setOffset = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    offset = _useState2[0],
+    setOffset = _useState2[1];
   var moduleContentRef = (0, _react.useRef)();
   var layoutBodyRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
@@ -60,21 +44,17 @@ var ApplicationLayoutBody = function ApplicationLayoutBody(props) {
       setOffset(moduleContentRef.current.scrollTop);
     }
   });
-
   var handleToTop = function handleToTop() {
     if (!moduleContentRef.current) {
       return;
     }
-
     var currentScroll = moduleContentRef.current.scrollTop;
-
     if (currentScroll > 0) {
       window.requestAnimationFrame(handleToTop);
       moduleContentRef.current.scrollTo(0, currentScroll - currentScroll / 5);
       setOffset(currentScroll);
     }
   };
-
   var classes = (0, _classnames["default"])('ApplicationLayoutBody', bottomBar && 'has-footer', className);
   var innerClasses = (0, _classnames["default"])('module-content', forceScrollbar && 'overflow-y-scroll', innerClassName && innerClassName);
   var offsetThreshold = window.innerHeight * 0.1;
@@ -97,7 +77,6 @@ var ApplicationLayoutBody = function ApplicationLayoutBody(props) {
     className: "rioglyph rioglyph-arrow-up"
   })))), bottomBar && bottomBar);
 };
-
 exports.ApplicationLayoutBody = ApplicationLayoutBody;
 ApplicationLayoutBody.defaultProps = {
   className: '',

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

@@ -1,37 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["textColor", "backgroundColor", "isSticky", "className", "children"];
-
 var ApplicationLayoutBodyBanner = function ApplicationLayoutBodyBanner(props) {
   var textColor = props.textColor,
-      backgroundColor = props.backgroundColor,
-      isSticky = props.isSticky,
-      className = props.className,
-      children = props.children,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    backgroundColor = props.backgroundColor,
+    isSticky = props.isSticky,
+    className = props.className,
+    children = props.children,
+    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, {
     className: bannerClasses
   }), children);
 };
-
 exports.ApplicationLayoutBodyBanner = ApplicationLayoutBodyBanner;
 ApplicationLayoutBodyBanner.defaultProps = {
   textColor: 'text-color-white',

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

@@ -1,36 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["className", "buttonAlignment", "useBodyPaddings", "children"];
-
 var ApplicationLayoutBodyBottomBar = function ApplicationLayoutBodyBottomBar(_ref) {
   var className = _ref.className,
-      buttonAlignment = _ref.buttonAlignment,
-      useBodyPaddings = _ref.useBodyPaddings,
-      children = _ref.children,
-      remainigProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    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, {
     className: classes
   }), children);
 };
-
 exports.ApplicationLayoutBodyBottomBar = ApplicationLayoutBodyBottomBar;
 ApplicationLayoutBodyBottomBar.LEFT = 'left';
 ApplicationLayoutBodyBottomBar.RIGHT = 'right';

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

@@ -1,34 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["className", "children"];
-
 var ApplicationLayoutBodyNavigation = function ApplicationLayoutBodyNavigation(props) {
   var className = props.className,
-      children = props.children,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    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, {
     className: navigationClasses
   }), children);
 };
-
 exports.ApplicationLayoutBodyNavigation = ApplicationLayoutBodyNavigation;
 ApplicationLayoutBodyNavigation.propTypes = {
   className: _propTypes["default"].string

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

@@ -1,35 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _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);
+    children = _ref.children,
+    remainigProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var classes = (0, _classnames["default"])('ApplicationLayoutHeader', className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainigProps, {
     className: classes,
     id: "ApplicationLayoutHeader"
   }), children);
 };
-
 exports.ApplicationLayoutHeader = ApplicationLayoutHeader;
 ApplicationLayoutHeader.propTypes = {
   className: _propTypes["default"].string

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

@@ -1,34 +1,23 @@
 "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.ApplicationLayoutSidebar = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["className", "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; }
-
 var ApplicationLayoutSidebar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      remainigProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    children = _ref.children,
+    remainigProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var classes = (0, _classnames["default"])('ApplicationLayoutSidebar', className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     ref: ref

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

@@ -1,35 +1,24 @@
 "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.SubNavigation = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["className", "navItems", "right"];
-
 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 SubNavigation = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
-      navItems = props.navItems,
-      right = props.right,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    navItems = props.navItems,
+    right = props.right,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var navigationClasses = (0, _classnames["default"])('SubNavigation', 'width-100pct display-flex align-items-center justify-content-between overflow-auto', className);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     ref: ref