@rio-cloud/rio-uikit 0.16.4-beta.2 → 0.16.4-beta.20

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

@@ -1,14 +1,14 @@
-"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;
+"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

@@ -1,15 +1,30 @@
-import { type PropsWithChildren, type ForwardRefExoticComponent, type RefAttributes } from 'react';
-type ButtonAlignmentLeft = 'left';
-type ButtonAlignmentRight = 'right';
-export type ApplicationLayoutBodyBottomBarProps = {
-    className?: string;
-    useBodyPaddings?: boolean;
-    buttonAlignment?: ButtonAlignmentLeft | ButtonAlignmentRight;
-};
-type Props = PropsWithChildren<ApplicationLayoutBodyBottomBarProps>;
-type ApplicationLayoutBodyBottomBarType = ForwardRefExoticComponent<Props & RefAttributes<HTMLDivElement>> & {
-    LEFT: ButtonAlignmentLeft;
-    RIGHT: ButtonAlignmentRight;
-};
-declare const ApplicationLayoutBodyBottomBar: ApplicationLayoutBodyBottomBarType;
-export default ApplicationLayoutBodyBottomBar;
+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,14 +1,14 @@
-"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;
+"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

@@ -1,8 +1,11 @@
-import React from 'react';
-export type ApplicationLayoutBodyNavigationProps = {
-    className?: string;
-};
-declare const ApplicationLayoutBodyNavigation: React.ForwardRefExoticComponent<ApplicationLayoutBodyNavigationProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export default ApplicationLayoutBodyNavigation;
+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,12 +1,12 @@
-"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;
+"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

@@ -1,8 +1,11 @@
-import React from 'react';
-export type ApplicationLayoutHeaderProps = {
-    className?: string;
-};
-declare const ApplicationLayoutHeader: React.ForwardRefExoticComponent<ApplicationLayoutHeaderProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export default ApplicationLayoutHeader;
+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,16 +1,16 @@
-"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;
+"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

@@ -1,8 +1,11 @@
-import React from 'react';
-export type ApplicationLayoutSidebarProps = {
-    className?: string;
-};
-declare const ApplicationLayoutSidebar: React.ForwardRefExoticComponent<ApplicationLayoutSidebarProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export default ApplicationLayoutSidebar;
+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;

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

@@ -1,12 +1,12 @@
-"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 ApplicationLayoutSidebar = (0, react_1.forwardRef)((props, ref) => {
-    const { className, children } = props, remainingProps = tslib_1.__rest(props, ["className", "children"]);
-    const classes = (0, classnames_1.default)('ApplicationLayoutSidebar', className);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, remainingProps, { className: classes }, { children: children })));
-});
-exports.default = ApplicationLayoutSidebar;
+"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 ApplicationLayoutSidebar = (0, react_1.forwardRef)((props, ref) => {
+    const { className, children } = props, remainingProps = tslib_1.__rest(props, ["className", "children"]);
+    const classes = (0, classnames_1.default)('ApplicationLayoutSidebar', className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, remainingProps, { className: classes }, { children: children })));
+});
+exports.default = ApplicationLayoutSidebar;

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import type { ModulePropType } from '../applicationHeader/ApplicationHeader';
-export type SubNavigationProps = {
-    navItems?: ModulePropType[];
-    className?: string;
-};
-declare const SubNavigation: React.ForwardRefExoticComponent<SubNavigationProps & React.RefAttributes<HTMLDivElement>>;
-export default SubNavigation;
+import React from 'react';
+import type { ModulePropType } from '../applicationHeader/ApplicationHeader';
+export type SubNavigationProps = {
+    navItems?: ModulePropType[];
+    className?: string;
+};
+declare const SubNavigation: React.ForwardRefExoticComponent<SubNavigationProps & React.RefAttributes<HTMLDivElement>>;
+export default SubNavigation;

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

@@ -1,12 +1,12 @@
-"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 SubNavigation = (0, react_1.forwardRef)((props, ref) => {
-    const { className, navItems = [] } = props, remainingProps = tslib_1.__rest(props, ["className", "navItems"]);
-    const navigationClasses = (0, classnames_1.default)('SubNavigation', 'width-100pct display-flex align-items-center justify-content-between overflow-auto', className);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, remainingProps, { className: navigationClasses }, { children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'SubmoduleNavigation nav' }, { children: navItems.map(navItem => ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: 'submodule', "data-nav-item-key": navItem.key }, { children: navItem.route }), navItem.key))) })) })));
-});
-exports.default = SubNavigation;
+"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 SubNavigation = (0, react_1.forwardRef)((props, ref) => {
+    const { className, navItems = [] } = props, remainingProps = tslib_1.__rest(props, ["className", "navItems"]);
+    const navigationClasses = (0, classnames_1.default)('SubNavigation', 'width-100pct display-flex align-items-center justify-content-between overflow-auto', className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, remainingProps, { className: navigationClasses }, { children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'SubmoduleNavigation nav' }, { children: navItems.map(navItem => ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: 'submodule', "data-nav-item-key": navItem.key }, { children: navItem.route }), navItem.key))) })) })));
+});
+exports.default = SubNavigation;

package/lib/es/components/aspectRatioPlaceholder/AspectRatioPlaceholder.d.ts

@@ -1,8 +1,11 @@
-import { type PropsWithChildren } from 'react';
-export type AspectRatioPlaceholderProps = {
-    height?: number;
-    width?: number;
-    className?: string;
-};
-declare const AspectRatioPlaceholder: (props: AspectRatioPlaceholderProps & PropsWithChildren) => JSX.Element;
-export default AspectRatioPlaceholder;
+import { type PropsWithChildren } from 'react';
+export type AspectRatioPlaceholderProps = {
+    /** Defines the aspect ratio width. @default 16 */
+    height?: number;
+    /** Defines the aspect ratio height. @default 9 */
+    width?: number;
+    /** Additional class names that are added to the wrapping element. */
+    className?: string;
+};
+declare const AspectRatioPlaceholder: (props: AspectRatioPlaceholderProps & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export default AspectRatioPlaceholder;

package/lib/es/components/aspectRatioPlaceholder/AspectRatioPlaceholder.js

@@ -1,10 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore-next-line importsNotUsedAsValues
-require("react");
-const AspectRatioPlaceholder = (props) => {
-    const { width = 16, height = 9, className = '', children } = props;
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `position-relative ${className}`, style: { aspectRatio: `${width} / ${height}` } }, { children: children })));
-};
-exports.default = AspectRatioPlaceholder;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
+const AspectRatioPlaceholder = (props) => {
+    const { width = 16, height = 9, className = '', children } = props;
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `position-relative ${className}`, style: { aspectRatio: `${width} / ${height}` } }, { children: children })));
+};
+exports.default = AspectRatioPlaceholder;

package/lib/es/components/assetTree/AssetTree.d.ts

@@ -1,3 +1,3 @@
-export default AssetTree;
-declare const AssetTree: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.RefAttributes<any>>>;
-import React from "react";
+export default AssetTree;
+declare const AssetTree: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.RefAttributes<any>>>;
+import React from "react";