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

package/lib/es/components/editableContent/EditableContent.d.ts

@@ -0,0 +1,86 @@
+import React, { type PropsWithChildren } from 'react';
+export type EditableContentProps = {
+    /**
+     * Visibility flag used to control edit mode from outside.
+     * @default false
+     */
+    show?: boolean;
+    /**
+     * Callback function triggered when the save button is clicked.
+     * @param value
+     * @returns
+     */
+    onSave?: (value: string) => void;
+    /**
+     * Callback function triggered when the cancel button is clicked.
+     */
+    onCancel?: VoidFunction;
+    /**
+     * Callback function triggered when the input gets focused.
+     */
+    onFocus?: VoidFunction;
+    /**
+     * Callback function triggered when input looses it's focus.
+     */
+    onBlur?: VoidFunction;
+    /**
+     * Callback function triggered when entering the edit mode.
+     */
+    onEditMode?: VoidFunction;
+    /**
+     * Validation function to intercept saving and prevent save on error.
+     */
+    onSaveValidation?: (value: string) => boolean;
+    /**
+     * The error message that shall be shown to the user in case the validation fails.
+     */
+    errorMessage?: React.ReactNode;
+    /**
+     * Use this prop to define a custom editor input component like Select, NumberInput, TimePicker or DatePicker.
+     * Handling input state changes of a custom editor need to be handled outside of this component.
+     * By default the EditableContent uses a built-in textarea to allow resizing for larger text.
+     */
+    customEditor?: React.ReactNode;
+    /**
+     * Offset value to control the vertical position for the editor in case the text element has
+     * borders, spacings different text sizes.
+     * @default 0
+     */
+    editorOffsetTop?: number;
+    /**
+     * Offset value to control the horizontal position for the editor in case the text element has
+     * borders, spacings different text sizes.
+     * @default 0
+     */
+    editorOffsetLeft?: number;
+    /**
+     * Defines the input and button size. Use 'lg' for headlines.
+     * @default 'md'
+     */
+    size?: 'md' | 'lg';
+    /**
+     * Defines if the internal textarea is allowed to resize vertically.
+     * This comes in handy for larger text and when using multiple input rows.
+     * @default false
+     */
+    allowResize?: boolean;
+    /**
+     * Defines the number of rows to use by the internal textarea component.
+     * @default 1
+     */
+    inputRows?: number;
+    /**
+     * Additional classes to be set on the editor input itself.
+     */
+    inputClassName?: string;
+    /**
+     * Additional classes to be set on the editor wrapper element.
+     */
+    editorClassName?: string;
+    /**
+     * Additional classes to be set on the text wrapper element.
+     */
+    className?: string;
+};
+declare const EditableContent: (props: PropsWithChildren<EditableContentProps>) => import("react/jsx-runtime").JSX.Element;
+export default EditableContent;

package/lib/es/components/editableContent/EditableContent.js

@@ -0,0 +1,112 @@
+"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 noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_popper_1 = require("react-popper");
+const react_dom_1 = require("react-dom");
+const portalRoot_1 = require("../../utils/portalRoot");
+const Button_1 = tslib_1.__importDefault(require("../button/Button"));
+const useEsc_1 = tslib_1.__importDefault(require("../../hooks/useEsc"));
+const useFocusTrap_1 = tslib_1.__importDefault(require("../../hooks/useFocusTrap"));
+// Features
+// [x] Hide children with opacity 0
+// [x] Allow custom editor elements
+// [x] Use textarea for longer text
+// [x] Use focus trap
+// [x] Keyboard support mit esc and tab+enter to accept
+// [-] If space, get the width of the text to make the input larger - no nice solution
+// [x] Control edit mode from outside
+// This offset takes into account the padding of the overlay and the padding/border of the edit component (input).
+// This works best if the text is wrapped within a single <span> tag and has a dotted bottom border only.
+// External offset defined by the using component will be starting from 0 for easier understanding.
+const POPOVER_OFFSET_TOP = -13;
+const POPOVER_OFFSET_LEFT = -18;
+const DEFAULT_TEXTAREA_ROWS = 1;
+const EditableContent = (props) => {
+    const { show = false, onSave = noop_1.default, onCancel = noop_1.default, onFocus = noop_1.default, onBlur = noop_1.default, onEditMode = noop_1.default, onSaveValidation = () => true, errorMessage, allowResize = false, inputRows = DEFAULT_TEXTAREA_ROWS, editorOffsetTop = 0, editorOffsetLeft = 0, customEditor, size = 'md', className = '', inputClassName = '', editorClassName = '', children } = props, remainingProps = tslib_1.__rest(props, ["show", "onSave", "onCancel", "onFocus", "onBlur", "onEditMode", "onSaveValidation", "errorMessage", "allowResize", "inputRows", "editorOffsetTop", "editorOffsetLeft", "customEditor", "size", "className", "inputClassName", "editorClassName", "children"]);
+    const [isEditMode, setIsEditMode] = (0, react_1.useState)(show);
+    const [inputValue, setInputValue] = (0, react_1.useState)('');
+    const [hasError, setHasError] = (0, react_1.useState)(false);
+    const [referenceElement, setReferenceElement] = (0, react_1.useState)(null);
+    const [popperElement, setPopperElement] = (0, react_1.useState)(null);
+    const hasCustomControl = !!customEditor;
+    // Close edit mode on "esc"
+    (0, useEsc_1.default)(() => handleCloseEditMode());
+    // Trap focus on the popper element
+    (0, useFocusTrap_1.default)(popperElement);
+    // Input ref used to focus inside when entering edit mode
+    const inputRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        if (inputRef.current && isEditMode) {
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.select();
+        }
+    }, [isEditMode, inputRef.current]);
+    const customModifier = (0, react_1.useMemo)(() => ({
+        name: 'offset',
+        options: {
+            offset: ({ reference }) => {
+                const leftOffset = POPOVER_OFFSET_LEFT + editorOffsetLeft;
+                const topOffset = -(reference.height - (POPOVER_OFFSET_TOP + editorOffsetTop));
+                return [leftOffset, topOffset];
+            },
+        },
+    }), []);
+    const popperConfig = {
+        placement: 'bottom-start',
+        modifiers: [customModifier],
+        strategy: 'absolute',
+    };
+    const { styles, attributes } = (0, react_popper_1.usePopper)(referenceElement, popperElement, popperConfig);
+    const handleEditMode = () => {
+        var _a;
+        setIsEditMode(true);
+        setInputValue((_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.textContent) !== null && _a !== void 0 ? _a : '');
+        onEditMode();
+    };
+    const handleInputChange = (event) => {
+        setInputValue(event.target.value);
+    };
+    const handleKeyDown = (event) => {
+        // Prevent line breaks when textarea is a single line
+        if (event.key === 'Enter' && inputRows === DEFAULT_TEXTAREA_ROWS) {
+            event.preventDefault();
+        }
+    };
+    const handleCloseEditMode = () => {
+        setIsEditMode(false);
+        onCancel();
+    };
+    const handleSaveChanges = () => {
+        const isInputValid = onSaveValidation(inputValue);
+        setHasError(!isInputValid);
+        if (isInputValid) {
+            setIsEditMode(false);
+            onSave(inputValue);
+        }
+    };
+    // Control edit mode from outside for instance if text element got focus
+    // and user used "Enter" key to enter edit mode
+    const [previousShow, setPreviousShow] = (0, react_1.useState)(show);
+    if (show !== previousShow) {
+        if (show) {
+            handleEditMode();
+        }
+        setPreviousShow(show);
+    }
+    const textWrapperClasses = (0, classnames_1.default)(className, isEditMode && 'opacity-0');
+    const overlayWrapperClasses = (0, classnames_1.default)('EditableContentEditor', 'display-flex gap-5', 'padding-5', 'rounded', 'shadow-accent', 'z-index-max', 'bg-white', editorClassName);
+    const inputWrapperClasses = (0, classnames_1.default)('display-flex flex-column gap-5', 'margin-0', !hasCustomControl && 'form-group has-feedback', hasError && 'has-error');
+    const inputClasses = (0, classnames_1.default)('form-control', size === 'lg' && 'input-lg', inputClassName);
+    const inputStyle = {
+        minWidth: '100px',
+        resize: allowResize ? 'vertical' : 'none',
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ ref: setReferenceElement, onClick: handleEditMode, className: textWrapperClasses }, { children: children })), isEditMode &&
+                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: overlayWrapperClasses, onClick: event => event.stopPropagation(), ref: setPopperElement, style: styles.popper }, attributes.popper, remainingProps, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: inputWrapperClasses }, { children: [hasCustomControl && customEditor, !hasCustomControl && ((0, jsx_runtime_1.jsx)("textarea", { ref: inputRef, className: inputClasses, value: inputValue, onChange: handleInputChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: handleKeyDown, style: inputStyle, rows: inputRows })), hasError && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'help-block position-relative' }, { children: errorMessage }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'display-flex gap-5' }, { children: [(0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({ iconOnly: true, onClick: handleCloseEditMode, bsSize: size, className: 'EditableContentCancel' }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-remove' }) })), (0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({ bsStyle: 'primary', iconOnly: true, onClick: handleSaveChanges, bsSize: size, className: 'EditableContentSave' }, { children: (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-ok' }) }))] }))] })), (0, portalRoot_1.getOrCreatePortalRoot)())] }));
+};
+exports.default = EditableContent;

package/lib/es/components/expander/ExpanderList.d.ts

@@ -6,9 +6,9 @@ declare class ExpanderList extends React.Component<any, any, any> {
     parseItems(items: any): any;
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
     handleExpand(itemToExpand: any): void;
-    getHeaderElement(item: any): JSX.Element;
-    getBodyElement(item: any, isOpen: any, mountOnEnter: any, unmountOnExit: any): JSX.Element | undefined;
-    render(): JSX.Element;
+    getHeaderElement(item: any): import("react/jsx-runtime").JSX.Element;
+    getBodyElement(item: any, isOpen: any, mountOnEnter: any, unmountOnExit: any): import("react/jsx-runtime").JSX.Element | undefined;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 declare namespace ExpanderList {
     namespace defaultProps {

package/lib/es/components/expander/ExpanderPanel.d.ts

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

package/lib/es/components/fade/Fade.d.ts

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

package/lib/es/components/filepicker/FilePicker.d.ts

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

package/lib/es/components/listMenu/ListMenu.d.ts

@@ -1,5 +1,5 @@
 export default ListMenu;
-declare function ListMenu(props: any): JSX.Element;
+declare function ListMenu(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ListMenu {
     namespace defaultProps {
         const menuItems: never[];

package/lib/es/components/loadMore/LoadMoreButton.d.ts

@@ -1,14 +1,42 @@
 import { type ReactNode } from 'react';
 import { type ProgressBarStyle } from './LoadMoreProgress';
 type LoadMoreButtonProps = {
+    /**
+     * The number of already loaded elements. If set to 0 the progress bar will not be shown.
+     * @default 0
+     */
     loaded?: number;
+    /**
+     * The number of all elements. If set to 0 the progress bar will not be shown.
+     * @default 100
+     */
     total?: number;
+    /**
+     * The message that will be shown when everything is loaded.
+     */
     noMoreMessage?: string | ReactNode;
+    /**
+     * The text for the load more button.
+     */
     loadMoreMessage?: string | ReactNode;
-    isInteractive: boolean;
-    onLoadMore?: () => void;
+    /**
+     * If set to `false`, the button will not be rendered. The loadMoreMessage will be shown as text.
+     * @default true
+     */
+    isInteractive?: boolean;
+    /**
+     * Callback fired when clicking on the load more button.
+     */
+    onLoadMore?: VoidFunction;
+    /**
+     * In case the component is used on white background, set the progress bar style to `gray`.
+     * @default 'white'
+     */
     progressBarStyle?: ProgressBarStyle;
+    /**
+     * Additional classes to be set on the wrapper element.
+     */
     className?: string;
 };
-export declare const LoadMoreButton: (props: LoadMoreButtonProps) => JSX.Element;
+export declare const LoadMoreButton: (props: LoadMoreButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default LoadMoreButton;

package/lib/es/components/loadMore/LoadMoreProgress.d.ts

@@ -8,5 +8,5 @@ type LoadMoreProgressProps = {
     total: number;
     progressBarStyle?: ProgressBarStyle;
 };
-export declare const LoadMoreProgress: ({ loaded, total, progressBarStyle }: LoadMoreProgressProps) => JSX.Element | null;
+export declare const LoadMoreProgress: ({ loaded, total, progressBarStyle }: LoadMoreProgressProps) => import("react/jsx-runtime").JSX.Element | null;
 export default LoadMoreProgress;

package/lib/es/components/map/components/Map.d.ts

@@ -1,6 +1,6 @@
 export const NO_CREDENTIALS_ERROR_MESSAGE: "Cannot instantiate the Map. Missing credentials property.";
 export default Map;
-declare function Map(props: any): JSX.Element;
+declare function Map(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace Map {
     export { MAP_TYPE_DEFAULT as TYPE_DEFAULT };
     export { MAP_TYPE_FLEET_STYLE as TYPE_FLEET_STYLE };

package/lib/es/components/map/components/features/MapSettings.d.ts

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

package/lib/es/components/map/components/features/Route.d.ts

@@ -1,7 +1,7 @@
 export const MISSING_POSITIONS_EXCEPTION_MSG: "Route requires a minimum of 1 positions";
 export const TO_LESS_LINE_WIDTH_EXCEPTION_MSG: "If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth";
 export default Route;
-declare function Route(props: any): JSX.Element | null;
+declare function Route(props: any): import("react/jsx-runtime").JSX.Element | null;
 declare namespace Route {
     namespace defaultProps {
         const hasArrows: boolean;

package/lib/es/components/map/components/features/basics/MapLayerGroup.d.ts

@@ -4,7 +4,7 @@ declare function MapLayerGroup({ children, minZoom, maxZoom, isVisible }: {
     minZoom: any;
     maxZoom: any;
     isVisible: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace MapLayerGroup {
     namespace propTypes {
         const isVisible: PropTypes.Requireable<boolean>;

package/lib/es/components/map/components/features/basics/marker/TextMarker.d.ts

@@ -1,7 +1,7 @@
 export const emptyTextException: "Error in TextMarker: TextMarker without text makes no sense";
 export const wrongTypeException: "Error in TextMarker: property text must be string type";
 export default TextMarker;
-declare function TextMarker(props: any): JSX.Element;
+declare function TextMarker(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TextMarker {
     namespace propTypes {
         const position: PropTypes.Validator<NonNullable<NonNullable<PropTypes.InferProps<{

package/lib/es/components/map/components/features/layers/IncidentsLayer.d.ts

@@ -1,2 +1,2 @@
 export default IncidentsLayer;
-declare function IncidentsLayer(props: any): JSX.Element;
+declare function IncidentsLayer(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/es/components/map/components/features/layers/MarkerLayer.d.ts

@@ -1,5 +1,5 @@
 export default MarkerLayer;
-declare function MarkerLayer(props: any): JSX.Element;
+declare function MarkerLayer(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace MarkerLayer {
     namespace propTypes {
         const simpleTheme: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/es/components/map/components/features/layers/RoadRestrictionLayer.d.ts

@@ -1,2 +1,2 @@
 export default RoadRestrictionLayer;
-declare function RoadRestrictionLayer(props: any): JSX.Element;
+declare function RoadRestrictionLayer(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/es/components/map/components/features/layers/TrafficLayer.d.ts

@@ -1,2 +1,2 @@
 export default TrafficLayer;
-declare function TrafficLayer(props: any): JSX.Element;
+declare function TrafficLayer(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/es/components/map/components/features/layers/clustering/SimpleClusterLayer.d.ts

@@ -1,5 +1,5 @@
 export default SimpleClusterLayer;
-declare function SimpleClusterLayer(props: any): JSX.Element;
+declare function SimpleClusterLayer(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace SimpleClusterLayer {
     namespace propTypes {
         const simpleTheme: import("prop-types").Requireable<import("prop-types").InferProps<{

package/lib/es/components/map/components/features/settings/MapSettingsItem.d.ts

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

package/lib/es/components/map/components/features/settings/MapSettingsPanel.d.ts

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

package/lib/es/components/map/components/features/settings/MapSettingsTile.d.ts

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

package/lib/es/components/map/components/features/settings/ZoomButtons.d.ts

@@ -2,7 +2,7 @@ export default ZoomButtons;
 declare function ZoomButtons({ onZoomIn, onZoomOut }: {
     onZoomIn: any;
     onZoomOut: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace ZoomButtons {
     namespace propTypes {
         const onZoomIn: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/components/map/components/features/settings/builtinSettings/MapClusterSettings.d.ts

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

package/lib/es/components/map/components/features/settings/builtinSettings/MapLayerSettings.d.ts

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

package/lib/es/components/map/components/features/settings/builtinSettings/MapTypeSettings.d.ts

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

package/lib/es/components/map/components/features/settings/buttons/MapBoundingBoxButton.d.ts

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

package/lib/es/components/map/components/features/settings/buttons/MapCenterMarkerButton.d.ts

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

package/lib/es/components/map/components/features/settings/buttons/MapLockMarkerButton.d.ts

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

package/lib/es/components/map/components/features/settings/items/MapCustomerPoiSettingsItem.d.ts

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

package/lib/es/components/map/components/features/settings/items/MapLayerIncidentsItem.d.ts

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

package/lib/es/components/map/components/features/settings/items/MapLayerRoadRestrictionsItem.d.ts

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

package/lib/es/components/map/components/features/settings/items/MapLayerTrafficItem.d.ts

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

package/lib/es/components/map/components/features/settings/items/MapWorkshopPoiSettingsItem.d.ts

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

package/lib/es/components/map/utils/eventHandling.d.ts

@@ -1,3 +1,13 @@
+export function createEnhancedMapEvent(event: any, mapApi: any): EnhancedMapEvent | {
+    map: any;
+};
+export function createEnhancedListener(listener: any, mapApi: any): (event: any) => any;
+export function addEventListenerMap(hMapObject: any, eventListenerMap: {} | undefined, mapApi: any): void;
+export function removeEventListenerMap(hMapObject: any): any;
+export function checkAndUpdateEventListenerMap(hMapObject: any, props: any, nextProps: any): void;
+export function createTapOnDblTapPreventer(eventListenerMap: any, delayBetweenTaps?: number): any;
+export function getMouseButton(event: any): any;
+export function isRightClick(event: any): boolean;
 export namespace EventUtils {
     export namespace MOUSE_BUTTONS {
         const LEFT: number;
@@ -27,16 +37,6 @@ export namespace EventUtils {
     export { getMouseButton };
     export { isRightClick };
 }
-export function createEnhancedMapEvent(event: any, mapApi: any): EnhancedMapEvent | {
-    map: any;
-};
-export function createEnhancedListener(listener: any, mapApi: any): (event: any) => any;
-export function addEventListenerMap(hMapObject: any, eventListenerMap: {} | undefined, mapApi: any): void;
-export function removeEventListenerMap(hMapObject: any): any;
-export function checkAndUpdateEventListenerMap(hMapObject: any, props: any, nextProps: any): void;
-export function createTapOnDblTapPreventer(eventListenerMap: any, delayBetweenTaps?: number): any;
-export function getMouseButton(event: any): any;
-export function isRightClick(event: any): boolean;
 declare class EnhancedMapEvent {
     constructor(event: any, mapApi: any);
     viewportX: any;

package/lib/es/components/map/utils/eventHandling.js

@@ -1,35 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isRightClick = exports.getMouseButton = exports.createTapOnDblTapPreventer = exports.checkAndUpdateEventListenerMap = exports.removeEventListenerMap = exports.addEventListenerMap = exports.createEnhancedListener = exports.createEnhancedMapEvent = exports.EventUtils = void 0;
-exports.EventUtils = {
-    MOUSE_BUTTONS: {
-        LEFT: 0,
-        MIDDLE: 1,
-        RIGHT: 2,
-    },
-    POINTER_DOWN: 'pointerdown',
-    POINTER_UP: 'pointerup',
-    POINTER_MOVE: 'pointermove',
-    POINTER_ENTER: 'pointerenter',
-    POINTER_LEAVE: 'pointerleave',
-    POINTER_CANCEL: 'pointercancel',
-    DRAG_START: 'dragstart',
-    DRAG: 'drag',
-    DRAG_END: 'dragend',
-    TAP: 'tap',
-    DBL_TAP: 'dbltap',
-    LONGPRESS: 'longpress',
-    CONTEXTMENU: 'contextmenu',
-    CONTEXTMENU_CLOSE: 'contextmenuclose',
-    MAP_VIEW_CHANGE_START: 'mapviewchangestart',
-    MAP_VIEW_CHANGE: 'mapviewchange',
-    MAP_VIEW_CHANGE_END: 'mapviewchangeend',
-    BASE_LAYER_CHANGE: 'baselayerchange',
-    ENGINE_CHANGE: 'enginechange',
-    createTapOnDblTapPreventer: exports.createTapOnDblTapPreventer,
-    getMouseButton: exports.getMouseButton,
-    isRightClick: exports.isRightClick,
-};
+exports.EventUtils = exports.isRightClick = exports.getMouseButton = exports.createTapOnDblTapPreventer = exports.checkAndUpdateEventListenerMap = exports.removeEventListenerMap = exports.addEventListenerMap = exports.createEnhancedListener = exports.createEnhancedMapEvent = void 0;
 class MapTimeGuard {
     constructor(delay = 250) {
         this.delayTime = delay;
@@ -123,3 +94,32 @@ const isRightClick = event => {
     return (0, exports.getMouseButton)(event) === exports.EventUtils.MOUSE_BUTTONS.RIGHT;
 };
 exports.isRightClick = isRightClick;
+exports.EventUtils = {
+    MOUSE_BUTTONS: {
+        LEFT: 0,
+        MIDDLE: 1,
+        RIGHT: 2,
+    },
+    POINTER_DOWN: 'pointerdown',
+    POINTER_UP: 'pointerup',
+    POINTER_MOVE: 'pointermove',
+    POINTER_ENTER: 'pointerenter',
+    POINTER_LEAVE: 'pointerleave',
+    POINTER_CANCEL: 'pointercancel',
+    DRAG_START: 'dragstart',
+    DRAG: 'drag',
+    DRAG_END: 'dragend',
+    TAP: 'tap',
+    DBL_TAP: 'dbltap',
+    LONGPRESS: 'longpress',
+    CONTEXTMENU: 'contextmenu',
+    CONTEXTMENU_CLOSE: 'contextmenuclose',
+    MAP_VIEW_CHANGE_START: 'mapviewchangestart',
+    MAP_VIEW_CHANGE: 'mapviewchange',
+    MAP_VIEW_CHANGE_END: 'mapviewchangeend',
+    BASE_LAYER_CHANGE: 'baselayerchange',
+    ENGINE_CHANGE: 'enginechange',
+    createTapOnDblTapPreventer: exports.createTapOnDblTapPreventer,
+    getMouseButton: exports.getMouseButton,
+    isRightClick: exports.isRightClick,
+};

package/lib/es/components/mapMarker/ClusterMapMarker.d.ts

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

package/lib/es/components/mapMarker/SingleMapMarker.d.ts

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