@rio-cloud/rio-uikit 0.16.4-beta.3 → 0.16.4-beta.5

package/AutoSuggest.d.ts

@@ -1,6 +1,2 @@
-import React from 'react';
-import { AutoSuggestProps } from './types';
-
-export { AutoSuggestInputProps } from './types';
-export { AutoSuggestSuggestion } from './types';
-export default class AutoSuggest extends React.Component<AutoSuggestProps> {}
+export { default } from './components/autosuggest/AutoSuggest';
+export * from './components/autosuggest/AutoSuggest';

package/AutoSuggest.js

@@ -1,2 +1,2 @@
-import { default as _AutoSuggest } from './components/autosuggest/AutoSuggest';
-export { _AutoSuggest as default };
+export { default } from './components/autosuggest/AutoSuggest';
+export * from './components/autosuggest/AutoSuggest';

package/Checkbox.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/Checkbox' {
-    import React from 'react';
-    import { CheckboxProps } from './types';
-    export default class Checkbox extends React.Component<CheckboxProps> {}
-}
+export { default } from './components/checkbox/Checkbox';
+export * from './components/checkbox/Checkbox';

package/Checkbox.js

@@ -1,2 +1,2 @@
-import { default as _Checkbox } from './components/checkbox/Checkbox';
-export { _Checkbox as default };
+export { default } from './components/checkbox/Checkbox';
+export * from './components/checkbox/Checkbox';

package/ClearableInput.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/ClearableInput' {
-    import React from 'react';
-    import { ClearableInputProps } from './types';
-    export default class ClearableInput extends React.Component<ClearableInputProps> {}
-}
+export { default } from './components/clearableInput/ClearableInput';
+export * from './components/clearableInput/ClearableInput';

package/ClearableInput.js

@@ -1,2 +1,2 @@
-import { default as _ClearableInput } from './components/clearableInput/ClearableInput';
-export { _ClearableInput as default };
+export { default } from './components/clearableInput/ClearableInput';
+export * from './components/clearableInput/ClearableInput';

package/ContentLoader.d.ts

@@ -1,8 +1,2 @@
-declare module '@rio-cloud/rio-uikit/ContentLoader' {
-    import React from 'react';
-    import { ContentLoaderProps } from './types';
-    export default class ContentLoader extends React.Component<ContentLoaderProps> {
-        static RECT = 'rect';
-        static CIRCLE = 'circle';
-    }
-}
+export { default } from './components/contentLoader/ContentLoader';
+export * from './components/contentLoader/ContentLoader';

package/ContentLoader.js

@@ -1,2 +1,2 @@
-import { default as _ContentLoader } from './components/contentLoader/ContentLoader';
-export { _ContentLoader as default };
+export { default } from './components/contentLoader/ContentLoader';
+export * from './components/contentLoader/ContentLoader';

package/EditableContent.d.ts

@@ -0,0 +1,2 @@
+export { default } from './components/editableContent/EditableContent';
+export * from './components/editableContent/EditableContent';

package/EditableContent.js

@@ -0,0 +1,2 @@
+export { default } from './components/editableContent/EditableContent';
+export * from './components/editableContent/EditableContent';

package/NumberControl.d.ts

@@ -1,8 +1,2 @@
-declare module '@rio-cloud/rio-uikit/NumberControl' {
-    import React from 'react';
-    import { NumberControlProps } from './types';
-    export default class NumberControl extends React.Component<NumberControlProps> {
-        static SIZE_SM = 'sm';
-        static SIZE_LG = 'lg';
-    }
-}
+export { default } from './components/numberControl/NumberControl';
+export * from './components/numberControl/NumberControl';

package/NumberControl.js

@@ -1,2 +1,2 @@
-import { default as _NumberControl } from './components/numberControl/NumberControl';
-export { _NumberControl as default };
+export { default } from './components/numberControl/NumberControl';
+export * from './components/numberControl/NumberControl';

package/NumberInput.d.ts

@@ -1,8 +1,2 @@
-declare module '@rio-cloud/rio-uikit/NumberInput' {
-    import React from 'react';
-    import { NumberInputProps } from './types';
-    export default class NumberInput extends React.Component<NumberInputProps> {
-        static SIZE_SM = 'sm';
-        static SIZE_LG = 'lg';
-    }
-}
+export { default } from './components/numberInput/NumberInput';
+export * from './components/numberInput/NumberInput';

package/NumberInput.js

@@ -1,2 +1,2 @@
-import { default as _NumberInput } from './components/numberInput/NumberInput';
-export { _NumberInput as default };
+export { default } from './components/numberInput/NumberInput';
+export * from './components/numberInput/NumberInput';

package/Pager.d.ts

@@ -1,11 +1,2 @@
-declare module '@rio-cloud/rio-uikit/Pager' {
-    import React from 'react';
-    import { PagerProps } from './types';
-
-    export enum PagerVariant {
-        VARIANT_FULL = 'full',
-        VARIANT_COMPACT = 'compact',
-    }
-
-    export default class Pager extends React.Component<PagerProps> {}
-}
+export { default } from './components/pager/Pager';
+export * from './components/pager/Pager';

package/Pager.js

@@ -1,2 +1,2 @@
-import { default as _Pager } from './components/pager/Pager';
-export { _Pager as default };
+export { default } from './components/pager/Pager';
+export * from './components/pager/Pager';

package/ReleaseNotes.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/ReleaseNotes' {
-    import React from 'react';
-    import { ReleaseNotesProps } from './types';
-    export default class ReleaseNotes extends React.Component<ReleaseNotesProps> {}
-}
+export { _ReleaseNotes as default };
+import { default as _ReleaseNotes } from "./components/releaseNotes/ReleaseNotes";

package/ReleaseNotesDialog.js

@@ -1,2 +1,2 @@
-import { default as _ReleaseNotesDialog } from './components/dialog/ReleaseNotesDialog';
-export { _ReleaseNotesDialog as default };
+export { default } from './components/dialog/ReleaseNotesDialog';
+export * from './components/dialog/ReleaseNotesDialog';

package/Resizer.d.ts

@@ -1,13 +1,2 @@
-declare module '@rio-cloud/rio-uikit/Resizer' {
-    import React from 'react';
-    import { ResizerProps } from './types';
-    export default class Resizer extends React.Component<ResizerProps> {
-        static HORIZONTAL = 'x';
-        static VERTICAL = 'y';
-
-        static LEFT = 'left';
-        static RIGHT = 'right';
-        static TOP = 'top';
-        static BOTTOM = 'bottom';
-    }
-}
+export { default } from './components/resizer/Resizer';
+export * from './components/resizer/Resizer';

package/Resizer.js

@@ -1,2 +1,2 @@
-import { default as _Resizer } from './components/resizer/Resizer';
-export { _Resizer as default };
+export { default } from './components/resizer/Resizer';
+export * from './components/resizer/Resizer';

package/Spinner.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/Spinner' {
-    import React from 'react';
-    import { SpinnerProps } from './types';
-    export default class Spinner extends React.Component<SpinnerProps> {}
-}
+export { default } from './components/spinner/Spinner';
+export * from './components/spinner/Spinner';

package/Spinner.js

@@ -1,2 +1,2 @@
-import { default as _Spinner } from './components/spinner/Spinner';
-export { _Spinner as default };
+export { default } from './components/spinner/Spinner';
+export * from './components/spinner/Spinner';

package/StatsWidget.d.ts

@@ -1,10 +1,2 @@
-declare module '@rio-cloud/rio-uikit/StatsWidget' {
-    import React from 'react';
-    import { StatsWidgetProps, StatsWidgetHeaderProps, StatsWidgetBodyProps, StatsWidgetFooterProps } from './types';
-
-    export default class StatsWidget extends React.Component<StatsWidgetProps> {
-        static Header: React.ComponentClass<StatsWidgetHeaderProps>;
-        static Body: React.ComponentClass<StatsWidgetBodyProps>;
-        static Footer: React.ComponentClass<StatsWidgetFooterProps>;
-    }
-}
+export { default } from './components/statsWidget/StatsWidget';
+export * from './components/statsWidget/StatsWidget';

package/StatsWidget.js

@@ -1,2 +1,2 @@
-import { default as _StatsWidget } from './components/statsWidget/StatsWidget';
-export { _StatsWidget as default };
+export { default } from './components/statsWidget/StatsWidget';
+export * from './components/statsWidget/StatsWidget';

package/StatsWidgetNumber.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/StatsWidgetNumber' {
-    import React from 'react';
-    import { StatsWidgetNumberProps } from './types';
-    export default class StatsWidgetNumber extends React.Component<StatsWidgetNumberProps> {}
-}
+export { default } from './components/statsWidget/StatsWidgetNumber';
+export * from './components/statsWidget/StatsWidgetNumber';

package/StatsWidgetNumber.js

@@ -1,2 +1,2 @@
-import { default as _StatsWidgetNumber } from './components/statsWidget/StatsWidgetNumber';
-export { _StatsWidgetNumber as default };
+export { default } from './components/statsWidget/StatsWidgetNumber';
+export * from './components/statsWidget/StatsWidgetNumber';

package/StatsWidgetSpacer.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/StatsWidgetSpacer' {
-    import React from 'react';
-    import { StatsWidgetSpacerProps } from './types';
-    export default class StatsWidgetSpacer extends React.Component<StatsWidgetSpacerProps> {}
-}
+export { default } from './components/statsWidget/StatsWidgetSpacer';
+export * from './components/statsWidget/StatsWidgetSpacer';

package/StatsWidgetSpacer.js

@@ -1,2 +1,2 @@
-import { default as _StatsWidgetSpacer } from './components/statsWidget/StatsWidgetSpacer';
-export { _StatsWidgetSpacer as default };
+export { default } from './components/statsWidget/StatsWidgetSpacer';
+export * from './components/statsWidget/StatsWidgetSpacer';

package/StatsWidgets.d.ts

@@ -1,5 +1 @@
-declare module '@rio-cloud/rio-uikit/StatsWidgets' {
-    import React from 'react';
-    import { StatsWidgetsProps } from './types';
-    export default class StatsWidgets extends React.Component<StatsWidgetsProps> {}
-}
+export { default } from './components/statsWidget/StatsWidgets';

package/StatsWidgets.js

@@ -1,2 +1 @@
-import { default as _StatsWidgets } from './components/statsWidget/StatsWidgets';
-export { _StatsWidgets as default };
+export { default } from './components/statsWidget/StatsWidgets';

package/StatusBar.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/StatusBar' {
-    import React from 'react';
-    import { StatusBarProps } from './types';
-    export default class StatusBar extends React.Component<StatusBarProps> {}
-}
+export { default } from './components/statusBar/StatusBar';
+export * from './components/statusBar/StatusBar';

package/StatusBar.js

@@ -1,2 +1,2 @@
-import { default as _StatusBar } from './components/statusBar/StatusBar';
-export { _StatusBar as default };
+export { default } from './components/statusBar/StatusBar';
+export * from './components/statusBar/StatusBar';

package/Switch.d.ts

@@ -1,8 +1,2 @@
-declare module '@rio-cloud/rio-uikit/Switch' {
-    import React from 'react';
-    import { SwitchProps } from './types';
-    export default class Switch extends React.Component<SwitchProps> {
-        static LABEL_POSITION_LEFT = 'left';
-        static LABEL_POSITION_RIGHT = 'right';
-    }
-}
+export { default } from './components/switch/Switch';
+export * from './components/switch/Switch';

package/Switch.js

@@ -1,2 +1,2 @@
-import { default as _Switch } from './components/switch/Switch';
-export { _Switch as default };
+export { default } from './components/switch/Switch';
+export * from './components/switch/Switch';

package/components/actionBarItem/ActionBarItem.d.ts

@@ -6,11 +6,32 @@ import ActionBarItemListItem from './ActionBarItemListItem';
 import ActionBarItemListSeparator from './ActionBarItemListSeparator';
 export type ActionBarItemPopoverWidth = 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;
 export type ActionBarItemProps = {
+    /**
+     * The id is used to identify the item in the DOM. If not provided, a random id is used instead.
+     */
     id?: string;
+    /**
+     * The title property for the subcomponent ActionBarItem.Popover.
+     * This can be a String or another component as well as a React-Intl component.
+     */
     title?: string | React.ReactNode;
+    /**
+     * Additional class names that are added to the respective component.
+     * It can be defined for the parent and all subcomponents.
+     */
     className?: string;
+    /**
+     * Defined if the popover should close when any child element is being clicked.
+     */
     hidePopoverOnClick?: boolean;
+    /**
+     * Possible values are:
+     * `100`, `150`, `200`, `250`, `300`, `350`, `400`, `450`, `500`
+     */
     popoverWidth?: ActionBarItemPopoverWidth;
+    /**
+     * Additional class names that are added to dialog fallback modal-body element.
+     */
     mobileDialogBodyClassName?: string;
 };
 export type ActionBarItemComponents = {

package/components/actionBarItem/ActionBarItemIcon.d.ts

@@ -1,9 +1,9 @@
 import { type PropsWithChildren } from 'react';
 type ActionBarItemIconProps = {
-    className: string;
+    className?: string;
 };
 declare const ActionBarItemIcon: {
-    (props: PropsWithChildren<ActionBarItemIconProps>): JSX.Element;
+    (props: PropsWithChildren<ActionBarItemIconProps>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ActionBarItemIcon;

package/components/actionBarItem/ActionBarItemList.d.ts

@@ -1,9 +1,12 @@
 import { type PropsWithChildren } from 'react';
 export type ActionBarItemListProps = {
+    /**
+     * Additional class names that are added to the wrapping list item component.
+     */
     className?: string;
 };
 declare const ActionBarItemList: {
-    ({ className, children, ...remainingProps }: PropsWithChildren<ActionBarItemListProps>): JSX.Element;
+    ({ className, children, ...remainingProps }: PropsWithChildren<ActionBarItemListProps>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ActionBarItemList;

package/components/actionBarItem/ActionBarItemListItem.d.ts

@@ -1,12 +1,29 @@
 import { type PropsWithChildren } from 'react';
 export type ActionBarItemListItemProps = {
+    /**
+     * Set it to true when you want to use the item as link item.
+     * In case, please use the `Link` component from `react-router-dom`
+     * instead of an anchor tag to prevent side effects when automatically closing the popover.
+     */
     hasLink?: boolean;
+    /**
+     * The name of the icon to be used for the item.
+     */
     icon?: string;
-    onClick?: () => void;
+    /**
+     * Callback function to be triggered when the internal button of a list item is clicked.
+     *
+     * Note: When no callback function is provided, the children are rendered as is without
+     * wrapping them in a button.
+     */
+    onClick?: VoidFunction;
+    /**
+     * Additional class names that are added to the wrapping list item component.
+     */
     className?: string;
 };
 declare const ActionBarItemListItem: {
-    (props: PropsWithChildren<ActionBarItemListItemProps>): JSX.Element;
+    (props: PropsWithChildren<ActionBarItemListItemProps>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ActionBarItemListItem;

package/components/actionBarItem/ActionBarItemListSeparator.d.ts

@@ -1,8 +1,11 @@
 export type ActionBarItemListSeparatorProps = {
+    /**
+     * Additional class names that are added to the wrapping list item component.
+     */
     className?: string;
 };
 declare const ActionBarItemListSeparator: {
-    ({ className, ...remainingProps }: ActionBarItemListSeparatorProps): JSX.Element;
+    ({ className, ...remainingProps }: ActionBarItemListSeparatorProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ActionBarItemListSeparator;

package/components/actionBarItem/ActionBarItemPopoverContent.d.ts

@@ -1,11 +1,17 @@
 import React, { type PropsWithChildren } from 'react';
 export type ActionBarItemPopoverProps = {
+    /** The popover title. */
     title?: string | React.ReactNode;
+    /**
+     * Define whether the popover content shall be rendered behind the scene
+     * to pre-load content or to avoid unmounting the content component
+     */
     useOffscreen?: boolean;
+    /** Additional class names that are added to the popover content. */
     className?: string;
 };
 declare const ActionBarItemPopoverContent: {
-    ({ className, children, ...remainingProps }: PropsWithChildren<ActionBarItemPopoverProps>): JSX.Element;
+    ({ className, children, ...remainingProps }: PropsWithChildren<ActionBarItemPopoverProps>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ActionBarItemPopoverContent;

package/components/activity/Activity.d.ts

@@ -15,11 +15,38 @@ declare const SIZE_MAP: {
 };
 type ActivitySize = ObjectValues<typeof SIZE_MAP>;
 export type ActivityProps = {
+    /**
+     * Defines the type of activity.
+     *
+     * Possible values are:
+     * `Activity.AVAILABLE`, `Activity.DRIVING`, `Activity.RESTING`, `Activity.WORKING` or
+     * `available`, `driving`, `resting`, `working`
+     */
     activity: ActivityStatus;
+    /**
+     * Define how large the component should be rendered.
+     *
+     * Possible values are:
+     * `Activity.SIZE_SM`, `Activity.SIZE_LG`, `Activity.SIZE_XL` or
+     * `sm`, `lg`, `xl`.
+     */
     bsSize?: ActivitySize;
+    /**
+     * The actual duration value to be shown.
+     */
     duration?: string | ReactNode;
+    /**
+     * Indicated whether the activity is outdated.
+     * @default false
+     */
     isOutdated?: boolean;
+    /**
+     * Callback function for when the component is clicked.
+     */
     onClick?: VoidFunction;
+    /**
+     * Additional classes for the wrapper element.
+     */
     className?: string;
 };
 type ActivityType = RefComponent<ActivityProps> & typeof STATUS_MAP & typeof SIZE_MAP;

package/components/animatedNumber/AnimatedNumber.d.ts

@@ -1,12 +1,20 @@
 import React from 'react';
 export type AnimatedNumberProps = {
+    /** The start value */
     start: number;
+    /** The end value. */
     end: number;
+    /** A prefix to be added to the final string. */
     prefix?: string;
+    /** A unit suffix to be added to the final string. */
     unit?: string;
+    /** The speed in milliseconds to count up or down. @default 10 */
     speed?: number;
+    /** Enables to count backwards. @default false */
     decreasing?: boolean;
+    /** Callback function to be invoked when the end value is reached. */
     onEnd?: VoidFunction;
+    /** Additional classes to be set on the wrapping element. */
     className?: string;
 };
 export declare const AnimatedNumber: React.ForwardRefExoticComponent<AnimatedNumberProps & React.RefAttributes<HTMLSpanElement>>;

package/components/applicationHeader/AppMenu.d.ts

@@ -7,5 +7,5 @@ export type AppMenuProps = {
     appNavigatorClassName?: string;
     onToggleAppMenu?: (isShown: boolean) => void;
 };
-declare const AppMenu: (props: AppMenuProps) => JSX.Element;
+declare const AppMenu: (props: AppMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default AppMenu;

package/components/applicationHeader/AppMenu.js

@@ -8,7 +8,7 @@ import AppMenuContent from './AppMenuContent';
 const AppMenu = (props) => {
     const { label = 'Unknown', appMenuItems = [], appNavigatorClassName, appNavigator, onToggleAppMenu } = props, remainingProps = __rest(props, ["label", "appMenuItems", "appNavigatorClassName", "appNavigator", "onToggleAppMenu"]);
     const hasItems = !!((appMenuItems === null || appMenuItems === void 0 ? void 0 : appMenuItems.length) || appNavigator);
-    const wrapperClassNames = classNames('ModuleNavigation AppMenu', 'user-select-none', { hasModules: hasItems }, appNavigatorClassName && appNavigatorClassName);
-    return (_jsx("ul", Object.assign({}, remainingProps, { className: wrapperClassNames }, { children: _jsx(AppMenuDropdown, Object.assign({ title: label, caret: hasItems, onToggleAppMenu: onToggleAppMenu }, { children: _jsx(AppMenuContent, { appMenuItems: appMenuItems, appNavigator: appNavigator }) })) })));
+    const wrapperClassNames = classNames('ModuleNavigation AppMenu', 'user-select-none', { hasModules: hasItems }, !appNavigator && 'pointer-events-none', appNavigatorClassName && appNavigatorClassName);
+    return (_jsx("ul", Object.assign({}, remainingProps, { className: wrapperClassNames }, { children: _jsx(AppMenuDropdown, Object.assign({ title: label, caret: hasItems, onToggleAppMenu: onToggleAppMenu }, { children: appNavigator && _jsx(AppMenuContent, { appMenuItems: appMenuItems, appNavigator: appNavigator }) })) })));
 };
 export default AppMenu;

package/components/applicationHeader/AppMenuContent.d.ts

@@ -4,5 +4,5 @@ export type AppMenuContentProps = {
     appMenuItems: ModulePropType[];
     appNavigator?: React.ReactNode;
 };
-declare const AppMenuContent: (props: AppMenuContentProps) => JSX.Element;
+declare const AppMenuContent: (props: AppMenuContentProps) => import("react/jsx-runtime").JSX.Element;
 export default AppMenuContent;

package/components/applicationHeader/AppMenuDropdown.d.ts

@@ -4,5 +4,5 @@ export type AppMenuDropdownProps = {
     caret?: boolean;
     onToggleAppMenu?: (isOpen: boolean) => void;
 };
-export declare const AppMenuDropdown: (props: PropsWithChildren<AppMenuDropdownProps>) => JSX.Element;
+export declare const AppMenuDropdown: (props: PropsWithChildren<AppMenuDropdownProps>) => import("react/jsx-runtime").JSX.Element;
 export default AppMenuDropdown;

package/components/applicationHeader/ApplicationActionBar.d.ts

@@ -4,5 +4,5 @@ export type ApplicationActionBarProps = {
     nodeRef: React.MutableRefObject<HTMLUListElement | null> | undefined;
     className?: string;
 };
-declare const ApplicationActionBar: (props: ApplicationActionBarProps) => JSX.Element;
+declare const ApplicationActionBar: (props: ApplicationActionBarProps) => import("react/jsx-runtime").JSX.Element;
 export default ApplicationActionBar;

package/components/applicationHeader/ApplicationHeader.d.ts

@@ -1,18 +1,69 @@
 import React from 'react';
 export type ModulePropType = {
+    /**
+     * Unique key for the sub-module navigation component of an app.
+     */
     key: string;
+    /**
+     * The navigation link component used for rendering the name and for routing.
+     *
+     * @example
+     * <NavLink to='/app/ipsum'>{'Lorem ipsum'}</NavLink>
+     */
     route: React.ReactNode;
 };
 export type ApplicationHeaderProps = {
+    /**
+     * The service name shown as the navigator dropdown label.
+     */
     label?: string | React.ReactNode;
+    /**
+     * The home URL that shall be used for the home button. Pass a `react-router-dom` `NavLink`
+     * as homeRoute into the header. For example:
+     *
+     * @example
+     * <NavLink to='https://home.rio.cloud' />
+     */
     homeRoute?: React.ReactNode;
+    /**
+     * Defines to either show the home icon or the RIO logo as brand logo.
+     */
     showHomeIcon?: boolean;
+    /**
+     * The component for the navigation between apps which will be shown inside the main dropdown.
+     * Platform apps may use the default AppNavigator but there are also other cases like support apps
+     * where it's just a simple list In this case, use the prop `appMenuItems`.
+     *
+     * If no appNavigator is defined, the dropdown menu will not be rendered.
+     */
     appNavigator?: React.ReactNode;
+    /**
+     * Additional class names that are added to the appNavigator.
+     */
     appNavigatorClassName?: string;
+    /**
+     * List of application navigation link components.
+     */
     appMenuItems?: ModulePropType[];
+    /**
+     * List of sub-module navigation component of an app. Items collapse into a dropdown if remaining
+     * space in the header is not sufficient.
+     */
     navItems?: ModulePropType[];
-    actionBarItems: React.ReactNode[];
+    /**
+     * List of external smart components like the rio-accountmenu or application owned components
+     * such as a ServiceInfo icon. These components are based on the `ActionBarItem`
+     */
+    actionBarItems?: React.ReactNode[];
+    /**
+     * Callback function triggered when the application menu is open or closed.
+     * @param isOpen
+     * @returns
+     */
     onToggleAppMenu?: (isOpen: boolean) => void;
+    /**
+     * Additional class names that are added to the wrapper component.
+     */
     className?: string;
 };
 export declare const ApplicationHeader: React.ForwardRefExoticComponent<ApplicationHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/components/applicationHeader/MobileAppMenu.d.ts

@@ -7,5 +7,5 @@ export type MobileAppMenuProps = {
     appNavigator?: React.ReactNode;
     onToggleAppMenu: (isShown: boolean) => void;
 };
-declare const MobileAppMenu: (props: MobileAppMenuProps) => JSX.Element;
+declare const MobileAppMenu: (props: MobileAppMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default MobileAppMenu;

package/components/applicationHeader/MobileHeaderModal.d.ts

@@ -6,5 +6,5 @@ export type MobileHeaderModalProps = {
     onClose?: () => void;
     className?: string;
 };
-declare const MobileHeaderModal: (props: PropsWithChildren<MobileHeaderModalProps>) => JSX.Element;
+declare const MobileHeaderModal: (props: PropsWithChildren<MobileHeaderModalProps>) => import("react/jsx-runtime").JSX.Element;
 export default MobileHeaderModal;

package/components/applicationHeader/MobileSubmoduleNavigation.d.ts

@@ -5,5 +5,5 @@ export type MobileSubmoduleNavigationProps = {
     navItems?: ModulePropType[];
     className?: string;
 };
-declare const MobileSubmoduleNavigation: (props: MobileSubmoduleNavigationProps) => JSX.Element;
+declare const MobileSubmoduleNavigation: (props: MobileSubmoduleNavigationProps) => import("react/jsx-runtime").JSX.Element;
 export default MobileSubmoduleNavigation;