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

package/lib/es/components/saveableInput/SaveableInput.d.ts

@@ -1,14 +1,46 @@
 import { type Attributes } from 'react';
 export type SaveableInputProps = {
+    /**
+     * The input placeholder.
+     */
     placeholder?: string;
+    /**
+     * The previous or old value shown above the input value.
+     * This value will *not* be changed for new input values.
+     */
     fixedPreviousValue?: string;
+    /**
+     * The previous or old value shown above the input value.
+     * This value *changes* when a new input value is accepted.
+     */
     previousValue?: string;
+    /**
+     * The actual input value.
+     */
     value?: string;
+    /**
+     * Callback function triggered when the value changes.
+     * @param value
+     * @param previousValue
+     * @returns
+     */
     onValueChanged?: (value: string, previousValue: string) => void;
+    /**
+     * Defines the button style: `default` or `primary`.
+     */
     buttonStyle?: 'primary' | 'default';
+    /**
+     * Additional HTML attributes to be set on the input element.
+     */
+    inputProps?: Attributes;
+    /**
+     * Additional classes to be set on the input itself.
+     */
     inputClassName?: string;
+    /**
+     * Additional classes to be set on the wrapper element.
+     */
     className?: string;
-    inputProps?: Attributes;
 };
-declare const SaveableInput: (props: SaveableInputProps) => JSX.Element;
+declare const SaveableInput: (props: SaveableInputProps) => import("react/jsx-runtime").JSX.Element;
 export default SaveableInput;

package/lib/es/components/selects/BaseDropdownMenu.d.ts

@@ -20,9 +20,9 @@ export class BaseDropdownMenu extends React.Component<any, any, any> {
     }[] | undefined;
     getFocusedOptionNode(): any;
     selectOptionOnEnter(event: any): void;
-    render(): JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
     refDropdownMenu: HTMLUListElement | null | undefined;
-    renderMenuOption(option: any, index: any): JSX.Element;
+    renderMenuOption(option: any, index: any): import("react/jsx-runtime").JSX.Element;
     getSelectedFocusedItemIndex(): any;
     isAutoDropActive(): boolean;
     openMenu(nextProps: any): void;

package/lib/es/components/selects/DropdownHeader.d.ts

@@ -1,5 +1,5 @@
 export default DropdownHeader;
-declare function DropdownHeader(props: any): JSX.Element;
+declare function DropdownHeader(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace DropdownHeader {
     namespace defaultProps {
         const center: boolean;

package/lib/es/components/selects/Multiselect.d.ts

@@ -20,18 +20,18 @@ export class Multiselect extends React.Component<any, any, any> {
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
     updateSelectedItems(options: any, value: any): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     multiselectWrapper: HTMLDivElement | null | undefined;
-    buildSelectionRepresentation(options: any): JSX.Element | "";
+    buildSelectionRepresentation(options: any): import("react/jsx-runtime").JSX.Element | "";
     renderCounterMessage(selectedItems: any, counterMessage: any, renderCounterMessage: any): any;
     isItemSelected(item: any): boolean;
-    renderSelectionItem(item: any, index: any): JSX.Element;
+    renderSelectionItem(item: any, index: any): import("react/jsx-runtime").JSX.Element;
     renderSelection(): any;
-    renderPlaceholder(placeholder: any): JSX.Element;
-    renderToggle(): JSX.Element;
+    renderPlaceholder(placeholder: any): import("react/jsx-runtime").JSX.Element;
+    renderToggle(): import("react/jsx-runtime").JSX.Element;
     refToggle: HTMLDivElement | null | undefined;
-    renderDropdownMenu(): JSX.Element;
-    renderFilterInput(): JSX.Element;
+    renderDropdownMenu(): import("react/jsx-runtime").JSX.Element;
+    renderFilterInput(): import("react/jsx-runtime").JSX.Element;
     filterOptions(itemDOMValues: any, filterValue: any, options: any): any;
     updateSelection(selectedItemId: any): any;
     removeSelectedItem(event: any, itemId: any): void;

package/lib/es/components/selects/Select.d.ts

@@ -21,15 +21,15 @@ export class Select extends React.Component<any, any, any> {
     onOpenMenu(dropup: any): void;
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     refSelect: HTMLDivElement | null | undefined;
-    renderUnselectedItemIcons(options: any, selectedItem: any): JSX.Element;
-    getSelectedItemLabel(selectedItem: any, placeholder: any): JSX.Element | " ";
-    renderClearButton(): JSX.Element;
-    renderToggle(): JSX.Element;
+    renderUnselectedItemIcons(options: any, selectedItem: any): import("react/jsx-runtime").JSX.Element;
+    getSelectedItemLabel(selectedItem: any, placeholder: any): import("react/jsx-runtime").JSX.Element | " ";
+    renderClearButton(): import("react/jsx-runtime").JSX.Element;
+    renderToggle(): import("react/jsx-runtime").JSX.Element;
     refToggle: HTMLButtonElement | null | undefined;
-    renderDropdownMenu(): JSX.Element;
-    renderFilterInput(): JSX.Element;
+    renderDropdownMenu(): import("react/jsx-runtime").JSX.Element;
+    renderFilterInput(): import("react/jsx-runtime").JSX.Element;
     filterOptions(itemDOMValues: any[] | undefined, filterValue: any, options: any): any;
     isAutoDropActive(): boolean;
 }

package/lib/es/components/sidebars/Sidebar.d.ts

@@ -24,7 +24,7 @@ declare class Sidebar extends React.Component<any, any, any> {
     getWidthInBoundaries(minWidth: any, maxWidth: any, width: any): any;
     handlePrevContent(): void;
     handleNextContent(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     sidebarRef: HTMLDivElement | null | undefined;
 }
 declare namespace Sidebar {

package/lib/es/components/slider/RangeSlider.d.ts

@@ -1,5 +1,5 @@
 export default RangeSlider;
-declare function RangeSlider(props: any): JSX.Element;
+declare function RangeSlider(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace RangeSlider {
     namespace defaultProps {
         const step: number;

package/lib/es/components/slider/Slider.d.ts

@@ -1,5 +1,5 @@
 export default Slider;
-declare function Slider(props: any): JSX.Element;
+declare function Slider(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace Slider {
     namespace defaultProps {
         const step: number;

package/lib/es/components/spinner/Spinner.d.ts

@@ -1,28 +1,48 @@
-export default Spinner;
-declare function Spinner(props: any): JSX.Element;
-declare namespace Spinner {
-    namespace defaultProps {
-        const isInverse: boolean;
-        const isFullSized: boolean;
-        const isFullScreen: boolean;
-        const isDoubleSized: boolean;
-        const isInline: boolean;
-        const show: boolean;
-    }
-    namespace propTypes {
-        export const text: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        const isInverse_1: PropTypes.Requireable<boolean>;
-        export { isInverse_1 as isInverse };
-        const isFullSized_1: PropTypes.Requireable<boolean>;
-        export { isFullSized_1 as isFullSized };
-        const isFullScreen_1: PropTypes.Requireable<boolean>;
-        export { isFullScreen_1 as isFullScreen };
-        const isDoubleSized_1: PropTypes.Requireable<boolean>;
-        export { isDoubleSized_1 as isDoubleSized };
-        const isInline_1: PropTypes.Requireable<boolean>;
-        export { isInline_1 as isInline };
-        const show_1: PropTypes.Requireable<boolean>;
-        export { show_1 as show };
-    }
+export interface SpinnerProps {
+    /**
+     * Defines whether the spinner is shown on bright or dark background.
+     *
+     * @default false
+     */
+    isInverse?: boolean;
+    /**
+     * If set to "true" the spinner will be rendered twice as big.
+     *
+     * @default false
+     */
+    isDoubleSized?: boolean;
+    /**
+     * Renders the spinner as overlay in full-size mode.
+     *
+     * This will be relative to the parent container. Set the parent element to "position-relative" in this case.
+     *
+     * @default false
+     */
+    isFullSized?: boolean;
+    /**
+     * Renders the spinner in fullscreen mode, relative to the body.
+     *
+     * @default false
+     */
+    isFullScreen?: boolean;
+    /**
+     * Renders the spinner without centered wrapper.
+     *
+     * @default false
+     */
+    isInline?: boolean;
+    /**
+     * Flag to control the visibility of the spinner.
+     *
+     * Only relevant in combination with {@link isFullSized} or {@link isFullScreen}.
+     *
+     * @default false
+     */
+    show?: boolean;
+    /**
+     * The text shown next to the spinner icon.
+     */
+    text?: string;
 }
-import PropTypes from "prop-types";
+declare const Spinner: (props: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

package/lib/es/components/spinner/Spinner.js

@@ -2,44 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const isNil_1 = tslib_1.__importDefault(require("lodash/fp/isNil"));
 const Fade_1 = tslib_1.__importDefault(require("../fade/Fade"));
-const BaseSpinner = (_a) => {
-    var { isDoubleSized, isFullScreen, isInverse } = _a, remainingProps = tslib_1.__rest(_a, ["isDoubleSized", "isFullScreen", "isInverse"]);
-    const hasDoubleSized = isDoubleSized || isFullScreen;
-    const baseSpinnerClasses = (0, classnames_1.default)('spinner', hasDoubleSized && 'double', isInverse && 'inverse');
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: baseSpinnerClasses }, { children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {})] })));
+const BaseSpinner = (props) => {
+    const { isInverse, isDoubleSized } = props, remainingProps = tslib_1.__rest(props, ["isInverse", "isDoubleSized"]);
+    const className = (0, classnames_1.default)('spinner', { inverse: isInverse, double: isDoubleSized });
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: className }, { children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {})] })));
 };
-const Spinner = props => {
-    const { text, isFullSized, isFullScreen, show, isInline } = props, remainingProps = tslib_1.__rest(props, ["text", "isFullSized", "isFullScreen", "show", "isInline"]);
-    const spinnerWrapperClasses = (0, classnames_1.default)('spinnerInfoBox', isFullSized && 'fullsized', isFullScreen && 'fullscreen', 'display-flex justify-content-center align-items-center height-100pct');
+const Spinner = (props) => {
+    const { isInverse = false, isFullSized = false, isFullScreen = false, isDoubleSized = false, isInline = false, show = false, text } = props, remainingProps = tslib_1.__rest(props, ["isInverse", "isFullSized", "isFullScreen", "isDoubleSized", "isInline", "show", "text"]);
+    const baseSpinner = (0, jsx_runtime_1.jsx)(BaseSpinner, Object.assign({ isDoubleSized: isDoubleSized, isInverse: isInverse }, remainingProps));
     if (isInline) {
-        return (0, jsx_runtime_1.jsx)(BaseSpinner, Object.assign({ isFullScreen: isFullScreen }, remainingProps));
+        return baseSpinner;
     }
-    const wrappedSpinner = ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: spinnerWrapperClasses }, { children: [(0, jsx_runtime_1.jsx)(BaseSpinner, Object.assign({}, remainingProps)), text && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'spinnerText' }, { children: text }))] })));
-    if (!(0, isNil_1.default)(show) && (isFullScreen || isFullSized)) {
+    const classes = (0, classnames_1.default)(['spinnerInfoBox', 'display-flex', 'justify-content-center', 'align-items-center', 'height-100pct'], { fullsized: isFullSized, fullscreen: isFullScreen });
+    const wrappedSpinner = ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes }, { children: [baseSpinner, text && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'spinnerText' }, { children: text }))] })));
+    if (isFullScreen || isFullSized) {
         return ((0, jsx_runtime_1.jsx)(Fade_1.default, Object.assign({ show: show, duration: 0.1 }, { children: wrappedSpinner })));
     }
     return wrappedSpinner;
 };
-Spinner.defaultProps = {
-    isInverse: false,
-    isFullSized: false,
-    isFullScreen: false,
-    isDoubleSized: false,
-    isInline: false,
-    show: false,
-};
-Spinner.propTypes = {
-    text: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    isInverse: prop_types_1.default.bool,
-    isFullSized: prop_types_1.default.bool,
-    isFullScreen: prop_types_1.default.bool,
-    isDoubleSized: prop_types_1.default.bool,
-    isInline: prop_types_1.default.bool,
-    show: prop_types_1.default.bool,
-};
 exports.default = Spinner;

package/lib/es/components/states/CustomState.d.ts

@@ -1,5 +1,5 @@
 export default CustomState;
-declare function CustomState(props: any): JSX.Element;
+declare function CustomState(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace CustomState {
     export namespace defaultProps {
         export const icon: string;

package/lib/es/components/states/EmptyState.d.ts

@@ -1,5 +1,5 @@
 export default EmptyState;
-declare function EmptyState(props: any): JSX.Element;
+declare function EmptyState(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace EmptyState {
     export namespace defaultProps {
         const icon: string;

package/lib/es/components/states/ErrorState.d.ts

@@ -1,5 +1,5 @@
 export default ErrorState;
-declare function ErrorState(props: any): JSX.Element;
+declare function ErrorState(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ErrorState {
     export namespace defaultProps {
         const icon: string;

package/lib/es/components/states/ForbiddenState.d.ts

@@ -1,5 +1,5 @@
 export default ForbiddenState;
-declare function ForbiddenState(props: any): JSX.Element;
+declare function ForbiddenState(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ForbiddenState {
     export namespace defaultProps {
         const icon: string;

package/lib/es/components/states/MaintenanceState.d.ts

@@ -1,5 +1,5 @@
 export default MaintenanceState;
-declare function MaintenanceState(props: any): JSX.Element;
+declare function MaintenanceState(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace MaintenanceState {
     export namespace defaultProps {
         const icon: string;

package/lib/es/components/states/NotBookedState.d.ts

@@ -1,5 +1,5 @@
 export default NotBookedState;
-declare function NotBookedState(props: any): JSX.Element;
+declare function NotBookedState(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace NotBookedState {
     namespace defaultProps {
         const icon: string;

package/lib/es/components/states/NotFoundState.d.ts

@@ -1,5 +1,5 @@
 export default NotFoundState;
-declare function NotFoundState(props: any): JSX.Element;
+declare function NotFoundState(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace NotFoundState {
     export namespace defaultProps {
         const icon: string;

package/lib/es/components/statsWidget/StatsWidget.d.ts

@@ -1,22 +1,26 @@
+import React, { type MouseEventHandler, type PropsWithChildren } from 'react';
+import { type StatsWidgetHeaderProps } from './StatsWidgetHeader';
+import { type StatsWidgetBodyProps } from './StatsWidgetBody';
+import { type StatsWidgetFooterProps } from './StatsWidgetFooter';
+export type StatsWidgetProps = {
+    /**
+     * Callback to reset the filter.
+     */
+    onFilterReset?: MouseEventHandler;
+    /**
+     * Defines whether a filter is active for this widget.
+     */
+    hasFilter?: boolean;
+    /**
+     * Additional class names to be added to the element.
+     */
+    className?: string;
+};
+export type { StatsWidgetHeaderProps, StatsWidgetBodyProps, StatsWidgetFooterProps };
+declare const StatsWidget: {
+    (props: PropsWithChildren<StatsWidgetProps>): import("react/jsx-runtime").JSX.Element;
+    Header: (props: React.PropsWithChildren<StatsWidgetHeaderProps>) => import("react/jsx-runtime").JSX.Element;
+    Body: (props: React.PropsWithChildren<StatsWidgetBodyProps>) => import("react/jsx-runtime").JSX.Element;
+    Footer: (props: React.PropsWithChildren<StatsWidgetFooterProps>) => import("react/jsx-runtime").JSX.Element;
+};
 export default StatsWidget;
-declare function StatsWidget(props: any): JSX.Element;
-declare namespace StatsWidget {
-    export { StatsWidgetHeader as Header };
-    export { StatsWidgetBody as Body };
-    export { StatsWidgetFooter as Footer };
-    export namespace defaultProps {
-        const hasFilter: boolean;
-        function onFilterReset(): void;
-    }
-    export namespace propTypes {
-        const hasFilter_1: PropTypes.Requireable<boolean>;
-        export { hasFilter_1 as hasFilter };
-        const onFilterReset_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onFilterReset_1 as onFilterReset };
-        export const className: PropTypes.Requireable<string>;
-    }
-}
-import StatsWidgetHeader from "./StatsWidgetHeader";
-import StatsWidgetBody from "./StatsWidgetBody";
-import StatsWidgetFooter from "./StatsWidgetFooter";
-import PropTypes from "prop-types";

package/lib/es/components/statsWidget/StatsWidget.js

@@ -2,28 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const StatsWidgetHeader_1 = tslib_1.__importDefault(require("./StatsWidgetHeader"));
 const StatsWidgetBody_1 = tslib_1.__importDefault(require("./StatsWidgetBody"));
 const StatsWidgetFooter_1 = tslib_1.__importDefault(require("./StatsWidgetFooter"));
-const StatsWidget = props => {
-    const { children, hasFilter, onFilterReset, className } = props, remainingProps = tslib_1.__rest(props, ["children", "hasFilter", "onFilterReset", "className"]);
-    const resetFilterButtonClassNames = (0, classnames_1.default)('bg-light hover-bg-highlight', 'display-flex justify-content-center align-items-center', 'padding-2', 'rounded-circle', 'position-absolute top-15 right-15', 'display-block', 'height-20 width-20', 'cursor-pointer');
-    const wrapperClasses = (0, classnames_1.default)('StatsWidget', className && className);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: wrapperClasses }, { children: [hasFilter && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: resetFilterButtonClassNames, onClick: onFilterReset }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-revert text-color-white text-size-12' }) }))), children] })));
+const StatsWidget = (props) => {
+    const { children, hasFilter = false, onFilterReset = () => { }, className } = props, remainingProps = tslib_1.__rest(props, ["children", "hasFilter", "onFilterReset", "className"]);
+    const wrapperClasses = (0, classnames_1.default)('StatsWidget', className);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: wrapperClasses }, { children: [hasFilter && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'bg-light hover-bg-highlight display-flex justify-content-center align-items-center padding-2' +
+                    ' rounded-circle position-absolute top-15 right-15 display-block height-20 width-20' +
+                    ' cursor-pointer', onClick: onFilterReset }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-revert text-color-white text-size-12' }) }))), children] })));
 };
 StatsWidget.Header = StatsWidgetHeader_1.default;
 StatsWidget.Body = StatsWidgetBody_1.default;
 StatsWidget.Footer = StatsWidgetFooter_1.default;
-StatsWidget.defaultProps = {
-    hasFilter: false,
-    onFilterReset: () => { },
-};
-StatsWidget.propTypes = {
-    hasFilter: prop_types_1.default.bool,
-    onFilterReset: prop_types_1.default.func,
-    className: prop_types_1.default.string,
-};
 exports.default = StatsWidget;

package/lib/es/components/statsWidget/StatsWidgetBody.d.ts

@@ -1,13 +1,14 @@
+import { type PropsWithChildren } from 'react';
+export type StatsWidgetBodyProps = {
+    /**
+     * Whether to use flex space-between for StatsWidgetNumbers.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Additional class names to be added to the element.
+     */
+    className?: string;
+};
+declare const StatsWidgetBody: (props: PropsWithChildren<StatsWidgetBodyProps>) => import("react/jsx-runtime").JSX.Element;
 export default StatsWidgetBody;
-declare function StatsWidgetBody(props: any): JSX.Element;
-declare namespace StatsWidgetBody {
-    namespace defaultProps {
-        const fullWidth: boolean;
-    }
-    namespace propTypes {
-        const fullWidth_1: PropTypes.Requireable<boolean>;
-        export { fullWidth_1 as fullWidth };
-        export const className: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";

package/lib/es/components/statsWidget/StatsWidgetBody.js

@@ -2,19 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const StatsWidgetBody = props => {
-    const { children, fullWidth, className } = props, remainingProps = tslib_1.__rest(props, ["children", "fullWidth", "className"]);
-    const classes = (0, classnames_1.default)('StatsWidget-body', fullWidth && 'full-width', className);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: classes }, { children: [fullWidth && (0, jsx_runtime_1.jsx)("div", { className: 'StatsWidget-body-column-spacer invisible' }), children, fullWidth && (0, jsx_runtime_1.jsx)("div", { className: 'StatsWidget-body-column-spacer invisible' })] })));
-};
-StatsWidgetBody.defaultProps = {
-    fullWidth: false,
-};
-StatsWidgetBody.propTypes = {
-    fullWidth: prop_types_1.default.bool,
-    className: prop_types_1.default.string,
+const StatsWidgetBody = (props) => {
+    const { children, fullWidth = false, className } = props, remainingProps = tslib_1.__rest(props, ["children", "fullWidth", "className"]);
+    const wrapperClasses = (0, classnames_1.default)('StatsWidget-body', fullWidth && 'full-width', className);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: wrapperClasses }, { children: [fullWidth && (0, jsx_runtime_1.jsx)("div", { className: 'StatsWidget-body-column-spacer invisible' }), children, fullWidth && (0, jsx_runtime_1.jsx)("div", { className: 'StatsWidget-body-column-spacer invisible' })] })));
 };
 exports.default = StatsWidgetBody;

package/lib/es/components/statsWidget/StatsWidgetFooter.d.ts

@@ -1,2 +1,9 @@
-export default StatsWidgetHeader;
-declare function StatsWidgetHeader(props: any): JSX.Element;
+import { type PropsWithChildren } from 'react';
+export type StatsWidgetFooterProps = {
+    /**
+     * Additional class names to be added to the element.
+     */
+    className?: string;
+};
+declare const StatsWidgetFooter: (props: PropsWithChildren<StatsWidgetFooterProps>) => import("react/jsx-runtime").JSX.Element;
+export default StatsWidgetFooter;

package/lib/es/components/statsWidget/StatsWidgetFooter.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const StatsWidgetHeader = props => {
+const StatsWidgetFooter = (props) => {
     const { children, className } = props, remainingProps = tslib_1.__rest(props, ["children", "className"]);
-    const classes = (0, classnames_1.default)('StatsWidget-footer', className);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: classes }, { children: children })));
+    const wrapperClasses = (0, classnames_1.default)('StatsWidget-footer', className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: wrapperClasses }, { children: children })));
 };
-exports.default = StatsWidgetHeader;
+exports.default = StatsWidgetFooter;

package/lib/es/components/statsWidget/StatsWidgetHeader.d.ts

@@ -1,2 +1,9 @@
+import { type PropsWithChildren } from 'react';
+export type StatsWidgetHeaderProps = {
+    /**
+     * Additional class names to be added to the element.
+     */
+    className?: string;
+};
+declare const StatsWidgetHeader: (props: PropsWithChildren<StatsWidgetHeaderProps>) => import("react/jsx-runtime").JSX.Element;
 export default StatsWidgetHeader;
-declare function StatsWidgetHeader(props: any): JSX.Element;

package/lib/es/components/statsWidget/StatsWidgetHeader.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const StatsWidgetHeader = props => {
+const StatsWidgetHeader = (props) => {
     const { children, className } = props, remainingProps = tslib_1.__rest(props, ["children", "className"]);
-    const classes = (0, classnames_1.default)('StatsWidget-header', className);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: classes }, { children: children })));
+    const wrapeprClasses = (0, classnames_1.default)('StatsWidget-header', className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: wrapeprClasses }, { children: children })));
 };
 exports.default = StatsWidgetHeader;

package/lib/es/components/statsWidget/StatsWidgetNumber.d.ts

@@ -1,21 +1,31 @@
+import { type ReactNode, type MouseEventHandler } from 'react';
+export type StatsWidgetNumberProps = {
+    /**
+     * The value to be shown.
+     * @default 0
+     */
+    value: string | number | ReactNode;
+    /**
+     * The total value to be shown i.e. in combination with an active filter.
+     */
+    total?: string | number | ReactNode;
+    /**
+     * The label shown below the number.
+     */
+    label?: string | ReactNode;
+    /**
+     * Defines whether the number is clickable i.e. in combination with a filter.
+     * @default false
+     */
+    clickable?: boolean;
+    /**
+     * Callback for when the user clicks the number widget.
+     */
+    onClick?: MouseEventHandler;
+    /**
+     * Additional class names to be added to the element.
+     */
+    className?: string;
+};
+declare const StatsWidgetNumber: (props: StatsWidgetNumberProps) => import("react/jsx-runtime").JSX.Element;
 export default StatsWidgetNumber;
-declare function StatsWidgetNumber(props: any): JSX.Element;
-declare namespace StatsWidgetNumber {
-    namespace defaultProps {
-        const value: number;
-        const clickable: boolean;
-        function onClick(): void;
-    }
-    namespace propTypes {
-        const value_1: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-        export { value_1 as value };
-        export const total: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        export const label: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        const clickable_1: PropTypes.Requireable<boolean>;
-        export { clickable_1 as clickable };
-        const onClick_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onClick_1 as onClick };
-        export const className: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";