@rio-cloud/rio-uikit 0.16.3 → 0.16.4-beta.10

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

@@ -1,42 +1,22 @@
-"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 = _interopRequireWildcard(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"]; // initializes document bootstrapping - keep the import to avoid being tree-shaked
-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 = /*#__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: ref || layoutRef,
-    className: classes
-  }), children);
-});
-exports.ApplicationLayout = ApplicationLayout;
-ApplicationLayout.Header = _ApplicationLayoutHeader["default"];
-ApplicationLayout.Sidebar = _ApplicationLayoutSidebar["default"];
-ApplicationLayout.Body = _ApplicationLayoutBody["default"];
-ApplicationLayout.propTypes = {
-  className: _propTypes["default"].string,
-  layoutRef: _propTypes["default"].func
-};
-var _default = ApplicationLayout;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable import/order */
+const react_1 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const ApplicationLayoutHeader_1 = tslib_1.__importDefault(require("./ApplicationLayoutHeader"));
+const ApplicationLayoutSidebar_1 = tslib_1.__importDefault(require("./ApplicationLayoutSidebar"));
+const ApplicationLayoutBody_1 = tslib_1.__importDefault(require("./ApplicationLayoutBody"));
+// initializes document bootstrapping - keep the import to avoid being tree-shaken
+const init_1 = require("../../utils/init");
+init_1.initDocumentBootstrapping;
+const ApplicationLayout = (0, react_1.forwardRef)((props, ref) => {
+    const { className, layoutRef, children } = props, remainingProps = tslib_1.__rest(props, ["className", "layoutRef", "children"]);
+    const classes = (0, classnames_1.default)('ApplicationLayout', className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { ref: ref || layoutRef, className: classes }, { children: children })));
+});
+ApplicationLayout.Header = ApplicationLayoutHeader_1.default;
+ApplicationLayout.Sidebar = ApplicationLayoutSidebar_1.default;
+ApplicationLayout.Body = ApplicationLayoutBody_1.default;
+exports.default = ApplicationLayout;

package/lib/es/components/applicationLayout/ApplicationLayoutBody.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+export type ApplicationLayoutBodyProps = {
+    /**
+     * Show scroll to top button after scrolling the content.
+     * @default true
+     */
+    enableScrollToTop?: boolean;
+    /**
+     * Always show vertical scrollbar to prevent the content from jumping.
+     * @default false
+     */
+    forceScrollbar?: boolean;
+    /**
+     * The ApplicationLayoutBodyBanner component.
+     */
+    banner?: React.ReactNode;
+    /**
+     * The `ApplicationLayoutBodyNavigation` component.
+     */
+    navigation?: React.ReactNode;
+    /**
+     * Optional bottom bar component or a simple string.
+     */
+    bottomBar?: React.ReactNode;
+    /**
+     * Height of the bottomBar in pixel.
+     * @default 54
+     */
+    bottomBarHeight?: number;
+    /**
+     * Additional class names that are added to the inner module-content component.
+     */
+    innerClassName?: string;
+    /**
+     * Additional class names that are added to the respective component.
+     */
+    className?: string;
+};
+declare const ApplicationLayoutBody: React.ForwardRefExoticComponent<ApplicationLayoutBodyProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default ApplicationLayoutBody;

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

@@ -1,101 +1,44 @@
-"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 = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  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);
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    offset = _useState2[0],
-    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");
-    }
-  }, [bottomBarHeight]);
-  var handleScroll = (0, _debounce["default"])(RESIZE_THROTTELING)(function () {
-    if (moduleContentRef.current) {
-      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;
-  var scrollToTopClasses = (0, _classnames["default"])('scroll-to-top', offset > offsetThreshold && 'in');
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainigProps, {
-    ref: layoutBodyRef,
-    className: classes
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "module-content-wrapper"
-  }, navigation && navigation, banner && banner, /*#__PURE__*/_react["default"].createElement("div", {
-    className: innerClasses,
-    onScroll: handleScroll,
-    ref: moduleContentRef
-  }, children)), enableScrollToTop && /*#__PURE__*/_react["default"].createElement("span", {
-    className: scrollToTopClasses
-  }, /*#__PURE__*/_react["default"].createElement("button", {
-    className: "btn btn-primary btn-icon-only",
-    onClick: handleToTop
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "rioglyph rioglyph-arrow-up"
-  })))), bottomBar && bottomBar);
-});
-exports.ApplicationLayoutBody = ApplicationLayoutBody;
-ApplicationLayoutBody.defaultProps = {
-  className: '',
-  enableScrollToTop: true,
-  forceScrollbar: false,
-  bottomBarHeight: 54
-};
-ApplicationLayoutBody.propTypes = {
-  className: _propTypes["default"].string,
-  enableScrollToTop: _propTypes["default"].bool,
-  forceScrollbar: _propTypes["default"].bool,
-  innerClassName: _propTypes["default"].string,
-  banner: _propTypes["default"].node,
-  navigation: _propTypes["default"].node,
-  bottomBar: _propTypes["default"].node,
-  bottomBarHeight: _propTypes["default"].number
-};
-var _default = ApplicationLayoutBody;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/fp/debounce"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const RESIZE_THROTTLING = 200;
+const DEFAULT_BOTTOM_BAR_HEIGHT = 54;
+const ApplicationLayoutBody = (0, react_1.forwardRef)((props, ref) => {
+    const { className, innerClassName, forceScrollbar = false, enableScrollToTop = true, banner, navigation, bottomBar, bottomBarHeight = DEFAULT_BOTTOM_BAR_HEIGHT, children } = props, remainingProps = tslib_1.__rest(props, ["className", "innerClassName", "forceScrollbar", "enableScrollToTop", "banner", "navigation", "bottomBar", "bottomBarHeight", "children"]);
+    const [offset, setOffset] = (0, react_1.useState)(0);
+    const moduleContentRef = (0, react_1.useRef)(null);
+    const layoutBodyRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => layoutBodyRef, []);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (((_a = layoutBodyRef.current) === null || _a === void 0 ? void 0 : _a.parentNode) instanceof HTMLElement) {
+            layoutBodyRef.current.parentNode.style.setProperty('--ApplicationLayoutBodyBottomBarHeight', `${bottomBarHeight}px`);
+        }
+    }, [bottomBarHeight]);
+    const handleScroll = (0, debounce_1.default)(RESIZE_THROTTLING)(() => {
+        if (moduleContentRef.current) {
+            setOffset(moduleContentRef.current.scrollTop);
+        }
+    });
+    const handleToTop = () => {
+        if (!moduleContentRef.current) {
+            return;
+        }
+        const currentScroll = moduleContentRef.current.scrollTop;
+        if (currentScroll > 0) {
+            window.requestAnimationFrame(handleToTop);
+            moduleContentRef.current.scrollTo(0, currentScroll - currentScroll / 5);
+            setOffset(currentScroll);
+        }
+    };
+    const classes = (0, classnames_1.default)('ApplicationLayoutBody', bottomBar && 'has-footer', className);
+    const innerClasses = (0, classnames_1.default)('module-content', forceScrollbar && 'overflow-y-scroll', innerClassName && innerClassName);
+    const offsetThreshold = window.innerHeight * 0.1;
+    const scrollToTopClasses = (0, classnames_1.default)('scroll-to-top', offset > offsetThreshold && 'in');
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { ref: layoutBodyRef, className: classes }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'module-content-wrapper' }, { children: [navigation && navigation, banner && banner, (0, jsx_runtime_1.jsx)("div", Object.assign({ className: innerClasses, onScroll: handleScroll, ref: moduleContentRef }, { children: children }))] })), enableScrollToTop && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: scrollToTopClasses }, { children: (0, jsx_runtime_1.jsx)("button", Object.assign({ type: 'button', className: 'btn btn-primary btn-icon-only', onClick: handleToTop }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-arrow-up' }) })) })))] })), bottomBar && bottomBar] }));
+});
+exports.default = ApplicationLayoutBody;

package/lib/es/components/applicationLayout/ApplicationLayoutBodyBanner.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export type ApplicationLayoutBodyBannerProps = {
+    /**
+     * One of the `text-color` utility classes.
+     * @default `text-color-white`
+     */
+    textColor?: string;
+    /**
+     * One of the `bg-color` utility classes.
+     * @default `bg-primary`
+     */
+    backgroundColor?: string;
+    /**
+     * Allows sticky banner while scrolling.
+     * @default false
+     */
+    isSticky?: boolean;
+    /**
+     * Additional class names that are added to the respective component.
+     */
+    className?: string;
+};
+declare const ApplicationLayoutBodyBanner: React.ForwardRefExoticComponent<ApplicationLayoutBodyBannerProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default ApplicationLayoutBodyBanner;

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

@@ -1,43 +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.ApplicationLayoutBodyBanner = 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 = ["textColor", "backgroundColor", "isSticky", "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 ApplicationLayoutBodyBanner = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var textColor = props.textColor,
-    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, {
-    ref: ref,
-    className: bannerClasses
-  }), children);
-});
-exports.ApplicationLayoutBodyBanner = ApplicationLayoutBodyBanner;
-ApplicationLayoutBodyBanner.defaultProps = {
-  textColor: 'text-color-white',
-  backgroundColor: 'bg-primary',
-  isSticky: true
-};
-ApplicationLayoutBodyBanner.propTypes = {
-  textColor: _propTypes["default"].string,
-  backgroundColor: _propTypes["default"].string,
-  isSticky: _propTypes["default"].bool,
-  className: _propTypes["default"].string
-};
-var _default = ApplicationLayoutBodyBanner;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const DEFAULT_TEXT_COLOR = 'text-color-white';
+const DEFAULT_BACKGROUND_COLOR = 'bg-primary';
+const ApplicationLayoutBodyBanner = (0, react_1.forwardRef)((props, ref) => {
+    const { textColor = DEFAULT_TEXT_COLOR, backgroundColor = DEFAULT_BACKGROUND_COLOR, isSticky = true, className, children } = props, remainingProps = tslib_1.__rest(props, ["textColor", "backgroundColor", "isSticky", "className", "children"]);
+    const bannerClasses = (0, classnames_1.default)('ApplicationLayoutBodyBanner', textColor, backgroundColor, isSticky && 'position-sticky top-0 z-index-3', className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { ref: ref, className: bannerClasses }, { children: children })));
+});
+exports.default = ApplicationLayoutBodyBanner;

package/lib/es/components/applicationLayout/ApplicationLayoutBodyBottomBar.d.ts

@@ -0,0 +1,30 @@
+import { type PropsWithChildren, type ForwardRefExoticComponent, type RefAttributes } from 'react';
+type ButtonAlignmentLeft = 'left';
+type ButtonAlignmentRight = 'right';
+export type ApplicationLayoutBodyBottomBarProps = {
+    /**
+     * Additional class names that are added to the respective component
+     */
+    className?: string;
+    /**
+     * Use same paddings (left and right) as the ApplicationLayoutBody.
+     * @default false
+     */
+    useBodyPaddings?: boolean;
+    /**
+     * Tells the buttons if they are left or right aligned.
+     * Default behavior is: 1st button left and 2nd button right.
+     *
+     * Possible values are:
+     * `ApplicationLayoutBodyBottomBar.LEFT`, `ApplicationLayoutBodyBottomBar.RIGHT` or
+     * `left`, `right`
+     */
+    buttonAlignment?: ButtonAlignmentLeft | ButtonAlignmentRight;
+};
+type Props = PropsWithChildren<ApplicationLayoutBodyBottomBarProps>;
+type ApplicationLayoutBodyBottomBarType = ForwardRefExoticComponent<Props & RefAttributes<HTMLDivElement>> & {
+    LEFT: ButtonAlignmentLeft;
+    RIGHT: ButtonAlignmentRight;
+};
+declare const ApplicationLayoutBodyBottomBar: ApplicationLayoutBodyBottomBarType;
+export default ApplicationLayoutBodyBottomBar;

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

@@ -1,42 +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.ApplicationLayoutBodyBottomBar = 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", "buttonAlignment", "useBodyPaddings", "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 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"])({
-    ref: ref
-  }, remainigProps, {
-    className: classes
-  }), children);
-});
-exports.ApplicationLayoutBodyBottomBar = ApplicationLayoutBodyBottomBar;
-ApplicationLayoutBodyBottomBar.LEFT = 'left';
-ApplicationLayoutBodyBottomBar.RIGHT = 'right';
-ApplicationLayoutBodyBottomBar.defaultProps = {
-  useBodyPaddings: false
-};
-ApplicationLayoutBodyBottomBar.propTypes = {
-  className: _propTypes["default"].string,
-  useBodyPaddings: _propTypes["default"].bool,
-  buttonAlignment: _propTypes["default"].oneOf([ApplicationLayoutBodyBottomBar.LEFT, ApplicationLayoutBodyBottomBar.RIGHT])
-};
-var _default = ApplicationLayoutBodyBottomBar;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const ApplicationLayoutBodyBottomBar = (0, react_1.forwardRef)((props, ref) => {
+    const { className, buttonAlignment, useBodyPaddings = false, children } = props, remainingProps = tslib_1.__rest(props, ["className", "buttonAlignment", "useBodyPaddings", "children"]);
+    const classes = (0, classnames_1.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 ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, remainingProps, { className: classes }, { children: children })));
+});
+ApplicationLayoutBodyBottomBar.LEFT = 'left';
+ApplicationLayoutBodyBottomBar.RIGHT = 'right';
+exports.default = ApplicationLayoutBodyBottomBar;

package/lib/es/components/applicationLayout/ApplicationLayoutBodyNavigation.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type ApplicationLayoutBodyNavigationProps = {
+    /**
+     * Additional class names that are added to the respective component. Example: `has-offset`.
+     */
+    className?: string;
+};
+declare const ApplicationLayoutBodyNavigation: React.ForwardRefExoticComponent<ApplicationLayoutBodyNavigationProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default ApplicationLayoutBodyNavigation;

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

@@ -1,33 +1,12 @@
-"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 = _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 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"])({
-    ref: ref
-  }, remainingProps, {
-    className: navigationClasses
-  }), children);
-});
-exports.ApplicationLayoutBodyNavigation = ApplicationLayoutBodyNavigation;
-ApplicationLayoutBodyNavigation.propTypes = {
-  className: _propTypes["default"].string
-};
-var _default = ApplicationLayoutBodyNavigation;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const ApplicationLayoutBodyNavigation = (0, react_1.forwardRef)((props, ref) => {
+    const { className, children } = props, remainingProps = tslib_1.__rest(props, ["className", "children"]);
+    const navigationClasses = (0, classnames_1.default)('ApplicationLayoutBodyNavigation', className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, remainingProps, { className: navigationClasses }, { children: children })));
+});
+exports.default = ApplicationLayoutBodyNavigation;

package/lib/es/components/applicationLayout/ApplicationLayoutHeader.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type ApplicationLayoutHeaderProps = {
+    /**
+     * Additional class names that are added to the respective component.
+     */
+    className?: string;
+};
+declare const ApplicationLayoutHeader: React.ForwardRefExoticComponent<ApplicationLayoutHeaderProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default ApplicationLayoutHeader;

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

@@ -1,34 +1,16 @@
-"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 = _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 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"])({
-    ref: ref
-  }, remainigProps, {
-    className: classes,
-    id: "ApplicationLayoutHeader"
-  }), children);
-});
-exports.ApplicationLayoutHeader = ApplicationLayoutHeader;
-ApplicationLayoutHeader.propTypes = {
-  className: _propTypes["default"].string
-};
-var _default = ApplicationLayoutHeader;
-exports["default"] = _default;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const ApplicationLayoutHeader = (0, react_1.forwardRef)((props, ref) => {
+    const { className, children } = props, remainingProps = tslib_1.__rest(props, ["className", "children"]);
+    const classes = (0, classnames_1.default)('ApplicationLayoutHeader', className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, remainingProps, { className: classes, id: 'ApplicationLayoutHeader' }, { children: children })));
+});
+ApplicationLayoutHeader.propTypes = {
+    className: prop_types_1.default.string,
+};
+exports.default = ApplicationLayoutHeader;

package/lib/es/components/applicationLayout/ApplicationLayoutSidebar.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type ApplicationLayoutSidebarProps = {
+    /**
+     * Additional class names that are added to the respective component
+     */
+    className?: string;
+};
+declare const ApplicationLayoutSidebar: React.ForwardRefExoticComponent<ApplicationLayoutSidebarProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default ApplicationLayoutSidebar;