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

package/lib/es/components/position/Position.js

@@ -1,30 +1,30 @@
-"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.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-function formatDegrees(degrees, positivePrefix, negativePrefix) {
-    const prefix = degrees >= 0 ? positivePrefix : negativePrefix;
-    const absDegrees = Math.abs(degrees);
-    const flooredDegrees = Math.floor(absDegrees);
-    const minutes = (absDegrees - flooredDegrees) * 60;
-    return `${prefix}${flooredDegrees}\u00b0 ${minutes.toFixed(3)}\u2032`;
-}
-const Position = props => {
-    const { latitude, longitude, address } = props;
-    let formattedAddress;
-    if (!address) {
-        formattedAddress = `${formatDegrees(latitude, 'N', 'S')} ${formatDegrees(longitude, 'E', 'W')}`;
-    }
-    else {
-        formattedAddress = address;
-    }
-    return (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'vehiclePositionInfo' }, { children: formattedAddress }));
-};
-Position.propTypes = {
-    latitude: prop_types_1.default.number.isRequired,
-    longitude: prop_types_1.default.number.isRequired,
-    address: prop_types_1.default.string,
-};
-exports.default = Position;
+"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.__importDefault(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+function formatDegrees(degrees, positivePrefix, negativePrefix) {
+    const prefix = degrees >= 0 ? positivePrefix : negativePrefix;
+    const absDegrees = Math.abs(degrees);
+    const flooredDegrees = Math.floor(absDegrees);
+    const minutes = (absDegrees - flooredDegrees) * 60;
+    return `${prefix}${flooredDegrees}\u00b0 ${minutes.toFixed(3)}\u2032`;
+}
+const Position = props => {
+    const { latitude, longitude, address } = props;
+    let formattedAddress;
+    if (!address) {
+        formattedAddress = `${formatDegrees(latitude, 'N', 'S')} ${formatDegrees(longitude, 'E', 'W')}`;
+    }
+    else {
+        formattedAddress = address;
+    }
+    return (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'vehiclePositionInfo' }, { children: formattedAddress }));
+};
+Position.propTypes = {
+    latitude: prop_types_1.default.number.isRequired,
+    longitude: prop_types_1.default.number.isRequired,
+    address: prop_types_1.default.string,
+};
+exports.default = Position;

package/lib/es/components/preloader/ImagePreloader.d.ts

@@ -1,22 +1,22 @@
-export default ImagePreloader;
-declare function ImagePreloader(props: any): any;
-declare namespace ImagePreloader {
-    const STATUS_PENDING: string;
-    const STATUS_LOADED: string;
-    const STATUS_FAILED: string;
-    namespace defaultProps {
-        function onLoaded(): void;
-        function onFailed(): void;
-        const isAnonymous: boolean;
-    }
-    namespace propTypes {
-        export const src: PropTypes.Validator<string>;
-        const onLoaded_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onLoaded_1 as onLoaded };
-        const onFailed_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onFailed_1 as onFailed };
-        const isAnonymous_1: PropTypes.Requireable<boolean>;
-        export { isAnonymous_1 as isAnonymous };
-    }
-}
-import PropTypes from "prop-types";
+export default ImagePreloader;
+declare function ImagePreloader(props: any): any;
+declare namespace ImagePreloader {
+    const STATUS_PENDING: string;
+    const STATUS_LOADED: string;
+    const STATUS_FAILED: string;
+    namespace defaultProps {
+        function onLoaded(): void;
+        function onFailed(): void;
+        const isAnonymous: boolean;
+    }
+    namespace propTypes {
+        export const src: PropTypes.Validator<string>;
+        const onLoaded_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onLoaded_1 as onLoaded };
+        const onFailed_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onFailed_1 as onFailed };
+        const isAnonymous_1: PropTypes.Requireable<boolean>;
+        export { isAnonymous_1 as isAnonymous };
+    }
+}
+import PropTypes from "prop-types";

package/lib/es/components/preloader/ImagePreloader.js

@@ -1,63 +1,63 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const loadImage = (onLoad, onError) => (src, isAnonymous) => {
-    const imageToLoad = new Image();
-    if (isAnonymous) {
-        imageToLoad.crossOrigin = 'Anonymous';
-    }
-    // pre-load the actual image
-    imageToLoad.src = src;
-    imageToLoad.onload = onLoad;
-    imageToLoad.onerror = onError;
-    return imageToLoad;
-};
-const ImagePreloader = props => {
-    const { src, isAnonymous, onLoaded, onFailed, children } = props;
-    const [status, setStatus] = (0, react_1.useState)(ImagePreloader.STATUS_PENDING);
-    const [image, setImage] = (0, react_1.useState)();
-    const willUnmount = (0, react_1.useRef)();
-    const handleImageLoaded = () => {
-        if (willUnmount.current) {
-            return;
-        }
-        setStatus(ImagePreloader.STATUS_LOADED);
-        onLoaded(image);
-    };
-    const handleImageFailed = () => {
-        if (willUnmount.current) {
-            return;
-        }
-        setStatus(ImagePreloader.STATUS_FAILED);
-        onFailed(image);
-    };
-    const loadImageWithCallbacks = loadImage(handleImageLoaded, handleImageFailed);
-    (0, react_1.useEffect)(() => {
-        setImage(loadImageWithCallbacks(src, isAnonymous));
-        return () => {
-            willUnmount.current = true;
-        };
-    }, []);
-    (0, react_1.useEffect)(() => {
-        setStatus(ImagePreloader.STATUS_PENDING);
-        setImage(loadImageWithCallbacks(src, isAnonymous));
-    }, [src]);
-    return children({ status, image });
-};
-ImagePreloader.STATUS_PENDING = 'PENDING';
-ImagePreloader.STATUS_LOADED = 'LOADED';
-ImagePreloader.STATUS_FAILED = 'FAILED';
-ImagePreloader.defaultProps = {
-    onLoaded: () => { },
-    onFailed: () => { },
-    isAnonymous: false,
-};
-ImagePreloader.propTypes = {
-    src: prop_types_1.default.string.isRequired,
-    onLoaded: prop_types_1.default.func,
-    onFailed: prop_types_1.default.func,
-    isAnonymous: prop_types_1.default.bool,
-};
-exports.default = ImagePreloader;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const loadImage = (onLoad, onError) => (src, isAnonymous) => {
+    const imageToLoad = new Image();
+    if (isAnonymous) {
+        imageToLoad.crossOrigin = 'Anonymous';
+    }
+    // pre-load the actual image
+    imageToLoad.src = src;
+    imageToLoad.onload = onLoad;
+    imageToLoad.onerror = onError;
+    return imageToLoad;
+};
+const ImagePreloader = props => {
+    const { src, isAnonymous, onLoaded, onFailed, children } = props;
+    const [status, setStatus] = (0, react_1.useState)(ImagePreloader.STATUS_PENDING);
+    const [image, setImage] = (0, react_1.useState)();
+    const willUnmount = (0, react_1.useRef)();
+    const handleImageLoaded = () => {
+        if (willUnmount.current) {
+            return;
+        }
+        setStatus(ImagePreloader.STATUS_LOADED);
+        onLoaded(image);
+    };
+    const handleImageFailed = () => {
+        if (willUnmount.current) {
+            return;
+        }
+        setStatus(ImagePreloader.STATUS_FAILED);
+        onFailed(image);
+    };
+    const loadImageWithCallbacks = loadImage(handleImageLoaded, handleImageFailed);
+    (0, react_1.useEffect)(() => {
+        setImage(loadImageWithCallbacks(src, isAnonymous));
+        return () => {
+            willUnmount.current = true;
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        setStatus(ImagePreloader.STATUS_PENDING);
+        setImage(loadImageWithCallbacks(src, isAnonymous));
+    }, [src]);
+    return children({ status, image });
+};
+ImagePreloader.STATUS_PENDING = 'PENDING';
+ImagePreloader.STATUS_LOADED = 'LOADED';
+ImagePreloader.STATUS_FAILED = 'FAILED';
+ImagePreloader.defaultProps = {
+    onLoaded: () => { },
+    onFailed: () => { },
+    isAnonymous: false,
+};
+ImagePreloader.propTypes = {
+    src: prop_types_1.default.string.isRequired,
+    onLoaded: prop_types_1.default.func,
+    onFailed: prop_types_1.default.func,
+    isAnonymous: prop_types_1.default.bool,
+};
+exports.default = ImagePreloader;

package/lib/es/components/radiobutton/RadioButton.d.ts

@@ -1,45 +1,111 @@
-export default RadioButton;
-declare function RadioButton(props: any): JSX.Element;
-declare namespace RadioButton {
-    const ICON_LABEL_VERTICAL: string;
-    const ICON_LABEL_HORIZONTAL: string;
-    namespace defaultProps {
-        export const inline: boolean;
-        export const disabled: boolean;
-        export const right: boolean;
-        export const custom: boolean;
-        export const tabIndex: number;
-        export const icon: string;
-        export const iconSize: number;
-        import iconLabelPosition = RadioButton.ICON_LABEL_VERTICAL;
-        export { iconLabelPosition };
-        export function onClick(): void;
-    }
-    namespace propTypes {
-        export const label: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        const icon_1: PropTypes.Requireable<string>;
-        export { icon_1 as icon };
-        const iconSize_1: PropTypes.Requireable<number>;
-        export { iconSize_1 as iconSize };
-        const iconLabelPosition_1: PropTypes.Requireable<string>;
-        export { iconLabelPosition_1 as iconLabelPosition };
-        const onClick_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onClick_1 as onClick };
-        export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export const defaultChecked: PropTypes.Requireable<boolean>;
-        export const checked: PropTypes.Requireable<boolean>;
-        const disabled_1: PropTypes.Requireable<boolean>;
-        export { disabled_1 as disabled };
-        export const className: PropTypes.Requireable<string>;
-        const inline_1: PropTypes.Requireable<boolean>;
-        export { inline_1 as inline };
-        const right_1: PropTypes.Requireable<boolean>;
-        export { right_1 as right };
-        const custom_1: PropTypes.Requireable<boolean>;
-        export { custom_1 as custom };
-        export const inputRef: PropTypes.Requireable<(...args: any[]) => any>;
-        const tabIndex_1: PropTypes.Requireable<number>;
-        export { tabIndex_1 as tabIndex };
-    }
-}
-import PropTypes from "prop-types";
+import { type ChangeEventHandler, type MouseEventHandler, type PropsWithChildren, type ReactNode, type Ref } from 'react';
+export type RadioButtonProps = {
+    /**
+     * Define any rioglyph icon like "rioglyph-truck".
+     */
+    icon?: string;
+    /**
+     * The label position.
+     *
+     * Possible values are: "horizontal" or "vertical".
+     *
+     * @default 'vertical'
+     */
+    iconLabelPosition?: 'vertical' | 'horizontal';
+    /**
+     * The icon Size in px.
+     *
+     * @default 16
+     */
+    iconSize?: number;
+    /**
+     * Defines the label text.
+     */
+    label?: string | ReactNode;
+    /**
+     * Callback function that is invoked when the radio button is clicked.
+     *
+     * @default noop
+     */
+    onClick?: MouseEventHandler<{
+        value: string | string[] | number;
+    }>;
+    /**
+     * Callback function that is invoked when the radio button is toggled and the state should change (for controlled
+     * usage).
+     *
+     * @default noop
+     */
+    onChange?: ChangeEventHandler;
+    /**
+     * Defines whether the radio is checked (for controlled usage).
+     */
+    checked?: boolean;
+    /**
+     * Defines whether the radio is initially checked (state can be changed on click).
+     */
+    defaultChecked?: boolean;
+    /**
+     * Defines whether the checkbox is disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Additional classes to be set on the input element.
+     */
+    className?: string;
+    /**
+     * Defines whether the radio button is applying an inline style.
+     *
+     * Use this in combination with other radio buttons.
+     *
+     * @default false
+     */
+    inline?: boolean;
+    /**
+     * Displays the icon on the right side of the text.
+     *
+     * @default false
+     */
+    right?: boolean;
+    /**
+     * Allows for rendering a completely different layout with or without a radio tick.
+     *
+     * @default false
+     */
+    custom?: boolean;
+    /**
+     * Name to be given to the input element.
+     */
+    name?: string;
+    /**
+     * The value attribute is a string containing the radio button's value but __it is never shown to the user__.
+     * It serves a special purpose for inputs of type radio: when a form is submitted, only radio buttons which are
+     * currently checked are submitted, and the reported value is the value of the value attribute.
+     * If the value is not otherwise specified, it is the string on by default.
+     *
+     * This is useful when using native `FormData` when submitting a form to get the selected radio button value.
+     */
+    value?: string;
+    /**
+     * Number of the index used for keyboard support.
+     *
+     * An index of 0 means that the element should be focusable in sequential keyboard navigation, but its order is
+     * defined by the document's source order. To disable the focus set the value to -1. A positive value means the
+     * element should be focusable in sequential keyboard navigation, with its order defined by the value of the number.
+     *
+     * @default 0
+     */
+    tabIndex?: number;
+    /**
+     * Ref which is added to the input element.
+     */
+    inputRef?: Ref<HTMLInputElement>;
+};
+declare const RadioButton: {
+    (props: PropsWithChildren<RadioButtonProps>): import("react/jsx-runtime").JSX.Element;
+    ICON_LABEL_VERTICAL: string;
+    ICON_LABEL_HORIZONTAL: string;
+};
+export default RadioButton;

package/lib/es/components/radiobutton/RadioButton.js

@@ -1,87 +1,59 @@
-"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 prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const RadioButtonIcon = props => {
-    const { icon, iconSize, iconLabelPosition, text } = props;
-    const iconStyles = {
-        width: `${iconSize}px`,
-        height: `${iconSize}px`,
-        fontSize: `${iconSize}px`,
-        lineHeight: `${iconSize}px`,
-    };
-    return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: `radio-icon label-${iconLabelPosition}` }, { children: [(0, jsx_runtime_1.jsx)("span", { className: `rioglyph ${icon}`, style: iconStyles }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'radio-label' }, { children: text }))] })));
-};
-const RadioButton = props => {
-    const { checked, children, className, custom, defaultChecked, disabled, icon, iconLabelPosition, iconSize, inline, inputRef, label, name, onChange, onClick, right, tabIndex, value } = props, remainingProps = tslib_1.__rest(props, ["checked", "children", "className", "custom", "defaultChecked", "disabled", "icon", "iconLabelPosition", "iconSize", "inline", "inputRef", "label", "name", "onChange", "onClick", "right", "tabIndex", "value"]);
-    const labelRef = (0, react_1.useRef)();
-    const handleToggleKeyDown = event => {
-        switch (event.keyCode) {
-            case 32:
-                // toggle on space
-                toggle(event);
-                break;
-            case 13:
-                // open on enter
-                toggle(event);
-                break;
-            default:
-                break;
-        }
-    };
-    const toggle = event => {
-        event.preventDefault();
-        if (disabled) {
-            return;
-        }
-        // Controlled case - uses "onChange()" instead of "onClick()" callback
-        if (checked !== null && checked !== undefined) {
-            onChange(event);
-            return;
-        }
-        // Uncontrolled case - set the input checked or unchecked
-        labelRef.current.firstChild.checked = !labelRef.current.firstChild.checked;
-        onClick(event);
-    };
-    const text = label || children;
-    const labelClassnames = (0, classnames_1.default)('radio', inline && 'radio-inline', className);
-    const inputClassnames = (0, classnames_1.default)(right && 'icon-right', className);
-    const renderCustomIcon = !!icon;
-    const renderCustomContent = custom && children;
-    const renderDefault = !icon && !custom;
-    return ((0, jsx_runtime_1.jsxs)("label", Object.assign({}, remainingProps, { className: labelClassnames, tabIndex: tabIndex, onKeyDown: handleToggleKeyDown, ref: labelRef }, { children: [(0, jsx_runtime_1.jsx)("input", { type: 'radio', defaultChecked: defaultChecked, checked: checked, disabled: disabled, className: inputClassnames, ref: inputRef, onClick: onClick, onChange: onChange, name: name, value: value }), renderCustomIcon && ((0, jsx_runtime_1.jsx)(RadioButtonIcon, { icon: icon, iconSize: iconSize, iconLabelPosition: iconLabelPosition, text: text })), renderDefault && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'radio-text' }, { children: (0, jsx_runtime_1.jsx)("span", { children: text }) }))), renderCustomContent && children] })));
-};
-RadioButton.ICON_LABEL_VERTICAL = 'vertical';
-RadioButton.ICON_LABEL_HORIZONTAL = 'horizontal';
-RadioButton.defaultProps = {
-    inline: false,
-    disabled: false,
-    right: false,
-    custom: false,
-    tabIndex: 0,
-    icon: '',
-    iconSize: 16,
-    iconLabelPosition: RadioButton.ICON_LABEL_VERTICAL,
-    onClick: () => { },
-};
-RadioButton.propTypes = {
-    label: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    icon: prop_types_1.default.string,
-    iconSize: prop_types_1.default.number,
-    iconLabelPosition: prop_types_1.default.oneOf([RadioButton.ICON_LABEL_VERTICAL, RadioButton.ICON_LABEL_HORIZONTAL]),
-    onClick: prop_types_1.default.func,
-    onChange: prop_types_1.default.func,
-    defaultChecked: prop_types_1.default.bool,
-    checked: prop_types_1.default.bool,
-    disabled: prop_types_1.default.bool,
-    className: prop_types_1.default.string,
-    inline: prop_types_1.default.bool,
-    right: prop_types_1.default.bool,
-    custom: prop_types_1.default.bool,
-    inputRef: prop_types_1.default.func,
-    tabIndex: prop_types_1.default.number,
-};
-exports.default = RadioButton;
+"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 noop_1 = tslib_1.__importDefault(require("lodash/noop"));
+const RadioButtonIcon = (props) => {
+    const { icon, iconSize, iconLabelPosition, text } = props;
+    const iconStyles = {
+        width: `${iconSize}px`,
+        height: `${iconSize}px`,
+        fontSize: `${iconSize}px`,
+        lineHeight: `${iconSize}px`,
+    };
+    return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: `radio-icon label-${iconLabelPosition}` }, { children: [(0, jsx_runtime_1.jsx)("span", { className: `rioglyph ${icon}`, style: iconStyles }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'radio-label' }, { children: text }))] })));
+};
+const RadioButton = (props) => {
+    const { icon = '', iconLabelPosition = 'vertical', iconSize = 16, label, onClick = noop_1.default, onChange = noop_1.default, checked, defaultChecked, disabled = false, className, inline = false, right = false, custom = false, name, value, tabIndex = 0, inputRef, children } = props, remainingProps = tslib_1.__rest(props, ["icon", "iconLabelPosition", "iconSize", "label", "onClick", "onChange", "checked", "defaultChecked", "disabled", "className", "inline", "right", "custom", "name", "value", "tabIndex", "inputRef", "children"]);
+    const isControlled = checked !== null && checked !== undefined;
+    const labelRef = (0, react_1.useRef)(null);
+    const handleToggleKeyDown = (event) => {
+        switch (event.key) {
+            case ' ': // toggle on space
+            case 'Enter': // open on enter
+                toggle(event);
+                break;
+            default:
+                break;
+        }
+    };
+    const toggle = (event) => {
+        event.preventDefault();
+        if (disabled) {
+            return;
+        }
+        // Controlled case - uses "onChange()" instead of "onClick()" callback
+        if (isControlled) {
+            onChange(event);
+            return;
+        }
+        // Uncontrolled case - set the input checked or unchecked
+        if (labelRef.current) {
+            const checkbox = labelRef.current.firstChild;
+            checkbox.checked = !checkbox.checked;
+        }
+        onClick(event);
+    };
+    const text = label || children;
+    const labelClassnames = (0, classnames_1.default)('radio', inline && 'radio-inline', className);
+    const inputClassnames = (0, classnames_1.default)(right && 'icon-right', className);
+    const renderCustomIcon = !!icon;
+    const renderCustomContent = custom && children;
+    const renderDefault = !icon && !custom;
+    return ((0, jsx_runtime_1.jsxs)("label", Object.assign({}, remainingProps, { className: labelClassnames, tabIndex: tabIndex, onKeyDown: handleToggleKeyDown, ref: labelRef }, { children: [(0, jsx_runtime_1.jsx)("input", { type: 'radio', defaultChecked: defaultChecked, checked: checked, disabled: disabled, className: inputClassnames, ref: inputRef, onClick: onClick, onChange: onChange, name: name, value: value }), renderCustomIcon && ((0, jsx_runtime_1.jsx)(RadioButtonIcon, { icon: icon, iconSize: iconSize, iconLabelPosition: iconLabelPosition, text: text })), renderDefault && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'radio-text' }, { children: (0, jsx_runtime_1.jsx)("span", { children: text }) }))), renderCustomContent && children] })));
+};
+RadioButton.ICON_LABEL_VERTICAL = 'vertical';
+RadioButton.ICON_LABEL_HORIZONTAL = 'horizontal';
+exports.default = RadioButton;

package/lib/es/components/releaseNotes/ReleaseNotes.d.ts

@@ -1,9 +1,36 @@
-export default ReleaseNotes;
-declare function ReleaseNotes(props: any): JSX.Element;
-declare namespace ReleaseNotes {
-    const defaultProps: {};
-    namespace propTypes {
-        const releaseNotes: PropTypes.Requireable<object>;
-    }
-}
-import PropTypes from "prop-types";
+import React from 'react';
+export type NoteContent = (React.ReactNode | JSX.Element) | (React.ReactNode | JSX.Element)[];
+export type NoteProps = {
+    version: string;
+    note: {
+        date: string;
+        content: NoteContent;
+    };
+};
+export type ReleaseNotesData = {
+    [key: string]: {
+        date: string;
+        content: NoteContent;
+    };
+};
+export type ReleaseNotesProps = {
+    /**
+     * Translated release notes of the following shape:
+     * @example
+     * {
+            "0.1.2": {
+                date: '23.07.2018',
+                content: (
+                    <div className='padding-left-15'>
+                        Map view within the tour history table
+                        • Modern map design as used in the Beta of the fleet monitor
+                        • Works with all event types
+                    </div>
+                ),
+            }
+        }
+     */
+    releaseNotes: ReleaseNotesData;
+};
+declare const ReleaseNotes: (props: ReleaseNotesProps) => import("react/jsx-runtime").JSX.Element;
+export default ReleaseNotes;

package/lib/es/components/releaseNotes/ReleaseNotes.js

@@ -1,29 +1,19 @@
-"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.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const isArray_1 = tslib_1.__importDefault(require("lodash/fp/isArray"));
-const map_1 = tslib_1.__importDefault(require("lodash/fp/map"));
-const toPairs_1 = tslib_1.__importDefault(require("lodash/fp/toPairs"));
-const renderList = notes => (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'margin-bottom-0 margin-left-5 padding-left-25' }, { children: notes }));
-const renderNode = content => (0, jsx_runtime_1.jsx)("div", { children: content });
-const getNotes = (content, version) => {
-    return (0, map_1.default)(point => {
-        return (0, jsx_runtime_1.jsx)("li", { children: point }, `${version}-note-${Math.random()}`);
-    }, content);
-};
-const renderNotes = (note, version) => {
-    const { date, content } = note;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'panel panel-default' }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'panel-heading' }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'display-flex justify-content-between' }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-size-16 text-medium' }, { children: `${version}` })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-muted text-thin' }, { children: date }))] })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'panel-body white-space-pre-line' }, { children: (0, isArray_1.default)(content) ? renderList(getNotes(content, version)) : renderNode(content) }))] }), `${version}-note`));
-};
-const getReleases = ({ releaseNotes }) => {
-    return (0, map_1.default)(([key, note]) => renderNotes(note, key), (0, toPairs_1.default)(releaseNotes));
-};
-const ReleaseNotes = props => (0, jsx_runtime_1.jsx)("div", { children: getReleases(props) });
-ReleaseNotes.defaultProps = {};
-ReleaseNotes.propTypes = {
-    releaseNotes: prop_types_1.default.object,
-};
-exports.default = ReleaseNotes;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
+const isArray_1 = tslib_1.__importDefault(require("lodash/fp/isArray"));
+const map_1 = tslib_1.__importDefault(require("lodash/fp/map"));
+const toPairs_1 = tslib_1.__importDefault(require("lodash/fp/toPairs"));
+const Note = (props) => {
+    const { note, version } = props;
+    const { date, content } = note;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'panel panel-default' }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'panel-heading' }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'display-flex justify-content-between' }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-size-16 text-medium' }, { children: `${version}` })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-muted text-thin' }, { children: date }))] })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'panel-body white-space-pre-line' }, { children: (0, isArray_1.default)(content) ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'margin-bottom-0 margin-left-5 padding-left-25' }, { children: (0, map_1.default)((item) => ((0, jsx_runtime_1.jsx)("li", { children: item }, `${version}-note-${Math.random()}`)), content) }))) : ((0, jsx_runtime_1.jsx)("div", { children: content })) }))] }), `${version}-note`));
+};
+const ReleaseNotes = (props) => {
+    const { releaseNotes } = props, remainingProps = tslib_1.__rest(props, ["releaseNotes"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { children: (0, map_1.default)(([key, note]) => ((0, jsx_runtime_1.jsx)(Note, { note: note, version: key }, key)), (0, toPairs_1.default)(releaseNotes)) })));
+};
+exports.default = ReleaseNotes;