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

package/types.d.ts

@@ -1,1664 +1,988 @@
-import type React from 'react';
-import type { DatetimepickerProps } from 'react-datetime';
-import type { Moment } from 'moment';
-import type { TooltipWidth } from './components/tooltip/Tooltip';
-import type { Placement } from './values/Placement';
-import type { TextAlignment } from './values/TextAlignment';
-export interface AppNavigationBarProps {
-    ref?: React.MutableRefObject<object>;
-    title?: string | React.ReactNode;
-    right?: React.ReactNode;
-    onNavigateBack?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    className?: string;
-}
-export interface Area {
-    dataKey?: string;
-    dataUnit: string;
-    strokeColor?: string;
-    gradientId?: string;
-    legendType?: string;
-    type?: string;
-    isAnimationActive?: boolean;
-    onClick?: Function;
-}
-export interface AreaChartProps {
-    width?: number;
-    height?: number;
-    data: object[];
-    dataUnit?: string;
-    dataKey?: string | number;
-    gradients?: AreaGradient[];
-    areas: Area[];
-    xAxisOptions?: object;
-    yAxisOptions?: object;
-    gridOptions?: object;
-    showXAxis?: boolean;
-    showYAxis?: boolean;
-    showGrid?: boolean;
-    legend?: Legend | boolean;
-    brush?: boolean;
-    tooltip?: ChartTooltip | boolean;
-}
-export interface AreaGradient {
-    id?: string;
-    color?: string;
-}
-export interface AssetTreeProps {
-    fly?: boolean;
-    resizable?: boolean;
-    bordered?: boolean;
-    width?: string | number;
-    minWidth?: number;
-    maxWidth?: number;
-    height?: number;
-    isOpen?: boolean;
-    onToggleTree?: Function;
-    currentCategoryId: string;
-    onCategoryChange: Function;
-    useOffscreen: boolean;
-    className?: string;
-    children?: TreeCategoryProps[];
-}
-export interface AutoSuggestSuggestion {
-    [name: string]: any;
-}
-export interface AutoSuggestInputProps {
-    onChange?: (changeEvent: React.SyntheticEvent, changeProps: {
-        newValue: string;
-    }) => void;
-    onClear: () => void;
-    className?: string;
-    placeholder?: string | JSX.Element;
-    icon?: string;
-    hasError?: boolean;
-    tabIndex?: number;
-    value?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    onBlur?: Function;
-    inputRef?: Function;
-    autoComplete?: string;
-}
-export interface AutoSuggestProps {
-    className?: string;
-    inputProps: AutoSuggestInputProps;
-    suggestions: AutoSuggestSuggestion[];
-    noItemMessage?: string | JSX.Element;
-    onSuggestionsFetchRequested: (argument: {
-        value: string;
-    }) => void;
-    onSuggestionSelected: (indexOfClickedItemInDropdownList: number, selectedSuggestion: SelectedSuggestion) => void;
-    renderSuggestion?: (suggestion: AutoSuggestSuggestion) => JSX.Element;
-    onSuggestionHighlighted?: () => void;
-    getSuggestionValue?: (suggestion: AutoSuggestSuggestion) => string;
-    dropup?: boolean;
-    pullRight?: boolean;
-    autoDropDirection?: boolean;
-    dropdownClassName?: string;
-    isLoading?: boolean;
-    openOnFocus?: boolean;
-    leadingInputAddons?: React.ReactNode[];
-    trailingInputAddons?: React.ReactNode[];
-}
-export interface BaseStateProps {
-    icon?: string;
-    icons?: object[];
-    image?: React.ReactFragment;
-    headline?: string | React.ReactFragment;
-    message?: string | React.ReactFragment;
-    buttons?: object[];
-    fullWidth?: boolean;
-    condensed?: boolean;
-    alignment?: TextAlignment;
-    outerClassName?: string;
-    innerClassName?: string;
-}
-export interface BaseDialogProps {
-    show: boolean;
-    title?: React.ReactNode;
-    subtitle?: React.ReactNode;
-    showCloseButton?: boolean;
-    onClose?: Function;
-    bsSize?: bsSizeDialog;
-    disableEsc?: boolean;
-    useOverflow?: boolean;
-    className?: string;
-}
-export interface Bar {
-    isAnimationActive?: boolean;
-    dataKey?: string;
-    dataUnit?: string;
-    color?: string;
-    onClick?: Function;
-}
-export interface BarChartProps {
-    width?: number;
-    height?: number;
-    data: object[];
-    dataUnit?: string;
-    dataKey?: string | number;
-    layout: 'vertical' | 'horizontal';
-    color: string;
-    bars: Bar[];
-    showGrid?: boolean;
-    showXAxis?: boolean;
-    showYAxis?: boolean;
-    useDataColors?: boolean;
-    xAxisOptions?: object;
-    yAxisOptions?: object;
-    gridOptions?: object;
-    legend?: Legend | boolean;
-    brush?: boolean;
-    tooltip?: ChartTooltip | boolean;
-}
-export type bsStyle = 'default' | 'primary' | 'info' | 'warning' | 'danger' | 'success' | 'link';
-export type bsSizeDialog = 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'fullwidth' | 'fullheight' | 'fullscreen';
-export type bsSize = 'xs' | 'sm' | 'lg';
-export interface ButtonDropdownProps extends SimpleButtonDropdownProps {
-}
-export interface BrowserWarningProps {
-    onClose?: Function;
-    onBrowserSelect?: Function;
-}
-export interface BoundingBox {
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-}
-export interface ButtonProps {
-    active?: boolean;
-    disabled?: boolean;
-    asToggle?: boolean;
-    iconOnly?: boolean;
-    multiline?: boolean;
-    block?: boolean;
-    onClick?: Function;
-    bsStyle?: 'default' | 'primary' | 'secondary' | 'info' | 'warning' | 'danger' | 'success' | 'muted';
-    bsSize?: 'xs' | 'sm' | 'md' | 'lg';
-    variant?: 'link' | 'link-inline' | 'outline' | 'action';
-    className?: string;
-}
-export interface CalendarStripeProps {
-    minDayWith?: number;
-    minDays?: number;
-    maxDays?: number;
-    render: React.ReactNode;
-    skipWeekends?: boolean;
-    startDate?: Date;
-    onNextClick: (newStartDate: Date) => void;
-    onPreviousClick: (newStartDate: Date) => void;
-    buttonClassName?: string;
-    className?: string;
-}
-export interface CarouselProps {
-    slide?: boolean;
-    indicators?: boolean;
-    interval?: number;
-    controls?: boolean;
-    pauseOnHover?: boolean;
-    wrap?: boolean;
-    onSelect?: Function;
-    onSlideEnd?: Function;
-    activeIndex?: number;
-    defaultActiveIndex?: number;
-    direction?: 'prev' | 'next';
-    prevIcon?: React.ReactNode;
-    prevLabel?: string;
-    nextIcon?: React.ReactNode;
-    nextLabel?: string;
-    fade?: boolean;
-    indicatorLabels?: any[];
-    keyboard?: boolean;
-    onSlid?: Function;
-    pause?: 'hover' | false;
-    touch?: boolean;
-    className?: string;
-}
-export interface CarouselItemProps {
-    interval?: number;
-}
-export interface ChartNeedleProps {
-    width?: string;
-    height?: string;
-    x?: string;
-    y?: string;
-    rotation?: number;
-    className?: string;
-    style?: object;
-}
-export interface ChartTooltip {
-}
-export interface CheckboxProps {
-    id?: string;
-    name?: string;
-    label?: string | React.ReactNode;
-    checked?: string | boolean;
-    defaultChecked?: string | boolean;
-    disabled?: boolean;
-    required?: boolean;
-    indeterminate?: boolean;
-    inline?: boolean;
-    right?: boolean;
-    custom?: boolean;
-    onClick?: Function;
-    error?: boolean;
-    size?: string;
-    tabIndex?: number;
-    className?: string;
-    children?: any;
-}
-export interface ClearableInputProps {
-    className?: string;
-    inputClassName?: string;
-    onChange?: Function;
-    onBlur?: Function;
-    onClear?: Function;
-    onKeyPress?: Function;
-    placeholder?: string | React.ReactNode;
-    type?: string;
-    defaultValue?: string | React.ReactNode;
-    value?: string | React.ReactNode;
-    maxLength?: number;
-    autoComplete?: string;
-    inputRef?: React.RefObject<HTMLInputElement>;
-}
-export interface ClusterTheme {
-    getNoisePresentation: Function;
-    getClusterPresentation: Function;
-}
-export interface ClusterLayerProps {
-    data: object[];
-    dataConverter?: Function;
-    minWeight?: string | number;
-    minZoom?: string | number;
-    maxZoom?: string | number;
-    clusterTheme?: ClusterTheme;
-    eventListenerMap: EventListenerMap;
-    clusterStrategy?: 'FASTGRID' | 'GRID' | 'DYNAMICGRID';
-    eps?: number;
-}
-export interface ClusterMapMarkerProps {
-    count?: number;
-    warningCount?: number;
-    exceptionCount?: number;
-    active?: boolean;
-    clickable?: boolean;
-    iconName?: string;
-    markerColor?: markerColor;
-}
-export interface CircleProps {
-    position: Position;
-    radius?: number;
-    precision?: number;
-    style?: object;
-    eventListenerMap?: EventListenerMap;
-}
-export interface ContextMenuItemProps {
-    label: string;
-    disabled?: boolean;
-    callback?: Function;
-    hasSpinner?: boolean;
-    icon?: string;
-    className?: string;
-    labelClassName?: string;
-}
-export interface ContextMenuItem extends ContextMenuItemProps {
-}
-export interface ContextMenuProps {
-    onOpen?: Function;
-    menuItems?: ContextMenuItem[];
-    contextMenuEvent?: object;
-    targetPosition?: object;
-}
-export interface ContentLoaderProps {
-    speed?: number;
-    height?: string | React.ReactNode;
-    width?: string | number;
-    type?: 'rect' | 'circle';
-    radius?: number;
-    title?: string;
-    className?: string;
-    children?: React.ReactNode;
-}
-export interface ConfirmationDialogProps {
-    show: boolean;
-    title: string | React.ReactNode;
-    subtitle?: string | React.ReactNode;
-    content: string | React.ReactNode;
-    onClickConfirm: () => void;
-    onClickCancel: () => void;
-    cancelButtonText: string | React.ReactNode;
-    confirmButtonText: string | React.ReactNode;
-    disableConfirm?: boolean;
-    useOverflow: boolean;
-    bsSize?: bsSizeDialog;
-}
-export interface CollapseProps {
-    in: boolean;
-    mountOnEnter?: boolean;
-    unmountOnExit?: boolean;
-    appear?: boolean;
-    timeout?: number;
-    onEnter?: Function;
-    onEntering?: Function;
-    onEntered?: Function;
-    onExit?: Function;
-    onExiting?: Function;
-    onExited?: Function;
-}
-export interface CustomStateProps extends BaseStateProps {
-}
-export interface DataTabsProps {
-    activeKey?: string;
-    bordered?: boolean;
-    className?: string;
-    commonTabContent?: React.ReactNode;
-    disableTransition?: boolean;
-    arrowClassName?: string;
-    onSelectTab: (tabKey: string) => void;
-    tabClassName?: string;
-    tabHoverClassName?: string;
-    tabActiveClassName?: string;
-    tabFirstChildClassName?: string;
-    tabLastChildClassName?: string;
-    tabContentClassName?: string;
-    tabsWrapperClassName?: string;
-    vertical?: boolean;
-}
-export interface DataTabProps {
-    tabKey: string;
-    title: string | React.ReactNode;
-    children?: React.ReactNode | string;
-    className?: string;
-}
-export interface DatePickerProps extends DatetimepickerProps {
-    className?: string;
-    alignRight?: boolean;
-    locale?: string;
-    closeOnSelect?: boolean;
-    initialValue?: Date | Moment;
-    value?: Date | string | Moment;
-    dateFormat?: string | boolean;
-    timeFormat?: string | boolean;
-    dropup?: boolean;
-    clearableInput?: boolean;
-    minWidth?: number;
-    onChange?: (value: Moment | string) => void;
-    mandatory?: boolean;
-    dateValidation?: (date: Date | string | Moment) => boolean;
-}
-export interface DateRangePickerCustomPresets {
-    startValue: Moment;
-    endValue: Moment;
-    text: string | JSX.Element;
-    onSelect?: Function;
-}
-export interface DateRangePickerProps {
-    startValue?: Moment;
-    endValue?: Moment;
-    defaultStartValue?: Moment;
-    defaultEndValue?: Moment;
-    minValue?: Moment | null;
-    maxValue?: Moment | null;
-    onRangeChange?: (start: Moment, end: Moment) => void;
-    locale: string;
-    textDefault?: string | React.ReactNode;
-    textToday?: string | React.ReactNode;
-    textLastWeek?: string | React.ReactNode;
-    textLastMonth?: string | React.ReactNode;
-    textLastYear?: string | React.ReactNode;
-    textCustom?: string | React.ReactNode;
-    textApply?: string | React.ReactNode;
-    textCancel?: string | React.ReactNode;
-    textFrom?: string | React.ReactNode;
-    textTo?: string | React.ReactNode;
-    className?: string;
-    dropdownClass?: string;
-    dropdownMenuClass?: string;
-    hasTimePicker?: boolean;
-    customRangeOnly?: boolean;
-    customPresets?: DateRangePickerCustomPresets[];
-    dropup?: boolean;
-    pullRight?: boolean;
-    autoDropDirection?: boolean;
-}
-export interface DialogProps extends BaseDialogProps {
-    body: React.ReactNode;
-    footer: React.ReactNode;
-    bodyClassName?: string;
-    footerClassName?: string;
-    onHide?: Function;
-    onEsc?: Function;
-    onCloseValidation?: Function;
-}
-export interface DomMarkerProps {
-    element: object;
-    eventListenerMap?: EventListenerMap;
-    position?: Position;
-}
-export interface DropdownSubmenuProps {
-    title?: string | React.ReactNode;
-    items?: MenuItem[];
-    disabled?: boolean;
-    className?: string;
-}
-export interface EmptyStateProps extends BaseStateProps {
-}
-export interface ErrorStateProps extends BaseStateProps {
-}
-export interface ExpanderListItem {
-    id?: string | number;
-    header: string | React.ReactNode;
-    body: string | React.ReactNode;
-    open?: boolean;
-    className?: string;
-    headerClassName?: string;
-    bodyClassName?: string;
-}
-export interface ExpanderListProps {
-    items: ExpanderListItem[];
-    mountOnEnter?: boolean;
-    unmountOnExit?: boolean;
-    className?: string;
-}
-export interface ExpanderPanelProps {
-    title: string | React.ReactNode;
-    bsStyle?: 'blank' | 'default' | 'separator' | 'primary' | 'secondary' | 'info' | 'warning' | 'danger' | 'success';
-    iconLeft?: boolean;
-    open?: boolean;
-    mountOnEnter?: boolean;
-    unmountOnExit?: boolean;
-    className?: string;
-    headerClassName?: string;
-    titleClassName?: string;
-    bodyClassName?: string;
-    onToggle?: (isOpen: boolean) => void;
-    onEnter?: Function;
-    onEntering?: Function;
-    onEntered?: Function;
-    onExit?: Function;
-    onExiting?: Function;
-    onExited?: Function;
-    children?: React.ReactNode | ((isOpen: boolean) => any);
-}
-export interface EventListenerMap {
-    [key: string]: Function;
-}
-export interface FadeProps {
-    in?: boolean;
-    appear?: boolean;
-    timeout?: number;
-    show?: boolean;
-    initial?: boolean;
-    duration?: number;
-    exitBeforeEnter?: boolean;
-    animationStyle?: 'fromLeft' | 'fromRight' | 'fromTop' | 'fromBottom' | 'fade' | 'tabs' | 'page' | 'pageBack';
-    animatePresenceProps?: object;
-    motionProps?: object;
-    children?: React.ReactNode | string;
-    onEnter?: Function;
-    onEntering?: Function;
-    onEntered?: Function;
-    onExit?: Function;
-    onExiting?: Function;
-    onExited?: Function;
-}
-type FilePickerRenderProps = {
-    isDragActive: boolean;
-};
-export interface FilePickerProps {
-    displayMode?: 'button' | 'dropzone' | 'full';
-    multiple?: boolean;
-    label?: string | React.ReactNode;
-    maxSize?: number;
-    onPick: (files: FileList | null) => void;
-    className?: string;
-    accept?: {
-        [mimeType: string]: string[];
-    };
-    children?: ({ isDragActive }: FilePickerRenderProps) => any;
-}
-export interface ForbiddenStateProps extends BaseStateProps {
-}
-export interface ImagePreloaderProps {
-    src: string;
-    onLoaded?: Function;
-    onFailed?: Function;
-    isAnonymous?: boolean;
-}
-export interface InfoDialogProps {
-    show: boolean;
-    title?: string | JSX.Element;
-    subtitle?: string | React.ReactNode;
-    content: JSX.Element;
-    onClose?: Function;
-    onCloseValidation?: Function;
-    useOverflow?: boolean;
-    bsSize?: bsSizeDialog;
-    className?: string;
-    footer?: string | React.ReactNode;
-    bodyClassName?: string;
-    footerClassName?: string;
-    disableEsc?: boolean;
-    onEsc?: () => void;
-    showCloseButton?: boolean;
-}
-export interface LabelObject {
-    icon: string | React.ReactNode;
-    label?: string | React.ReactNode;
-    labelClassName?: string;
-    labelWrapperClassName?: string;
-}
-export interface Legend {
-    iconType?: 'line' | 'plainline' | 'square' | 'rect' | 'circle' | 'cross' | 'diamond' | 'star' | 'triangle' | 'wye';
-    iconSize?: number;
-    layout?: 'horizontal' | 'vertical';
-    align?: TextAlignment;
-    verticalAlign?: 'top' | 'middle' | 'bottom';
-    margin?: object;
-    formatter?: Function;
-    wrapperStyle?: object;
-    onClick?: Function;
-}
-export interface Line {
-    dataKey?: string;
-    dataUnit?: string;
-    strokeColor: string;
-    legendType: 'line' | 'plainline' | 'square' | 'rect' | 'circle' | 'cross' | 'diamond' | 'star' | 'triangle' | 'wye';
-    type: 'basis' | 'basisClosed' | 'basisOpen' | 'linear' | 'linearClosed' | 'natural' | 'monotoneX' | 'monotoneY' | 'monotone' | 'step' | 'stepBefore' | 'stepAfter' | Function;
-    isAnimationActive?: boolean;
-    onClick?: Function;
-}
-export interface LineChartProps {
-    width?: number;
-    height?: number;
-    data: object[];
-    dataUnit?: string;
-    dataKey?: string | number;
-    lines: Line[];
-    xAxisOptions?: object;
-    yAxisOptions?: object;
-    gridOptions?: object;
-    showXAxis?: boolean;
-    showYAxis?: boolean;
-    showGrid?: boolean;
-    legend?: Legend | boolean;
-    brush?: boolean;
-    tooltip?: ChartTooltip | boolean;
-}
-export interface ListMenuItem {
-    group?: string | React.ReactNode;
-    groupNavItem?: React.ReactNode;
-    navItems: NavItem[];
-    isSubItem?: boolean;
-}
-export interface ListMenuProps {
-    menuItems: ListMenuItem[];
-    enableFilter?: boolean;
-    focusFilter?: boolean;
-    filterKey?: string;
-    filterPlaceholder?: string;
-    notFoundMessage?: string | React.ReactNode;
-    groupClassName?: string;
-    className?: string;
-    responsive?: boolean;
-    autoClose?: boolean;
-}
-export interface MaintenanceStateProps extends BaseStateProps {
-}
-export type markerColor = 'bg-map-marker-asset' | 'bg-map-marker-poi' | 'bg-map-marker-geofence' | 'bg-map-marker-route';
-export interface MediaDialogMedia {
-    type: 'image' | 'video';
-    src: string;
-    title: string | React.ReactNode;
-    subtitle?: string | React.ReactNode;
-    aspectRatio?: string;
-    className?: string;
-}
-export interface MediaDialogProps extends BaseDialogProps {
-    media: MediaDialogMedia[];
-    previousButtonText: string | React.ReactNode;
-    previousButtonCallback?: Function;
-    nextButtonText: string | React.ReactNode;
-    nextButtonCallback?: Function;
-}
-export declare enum MapType {
-    TYPE_DEFAULT = "DEFAULT",
-    TYPE_FLEET_STYLE = "FLEET_STYLE",
-    TYPE_SATELLITE = "SATELLITE",
-    TYPE_TERRAIN = "TERRAIN",
-    TYPE_NIGHT = "NIGHT"
-}
-export interface MapProps {
-    credentials?: {
-        app_id?: string;
-        app_code?: string;
-        apikey?: string;
-    };
-    height?: number;
-    width?: number;
-    language?: string;
-    center?: Position;
-    zoom?: number;
-    boundingBox?: BoundingBox;
-    disableMapEvents?: boolean;
-    disableBehavior?: boolean;
-    eventListenerMap?: EventListenerMap;
-    hideMapSettings?: boolean;
-    hideClusterSettings?: boolean;
-    hideMapLayerSettings?: boolean;
-    mapType?: MapType.TYPE_DEFAULT | MapType.TYPE_FLEET_STYLE | MapType.TYPE_SATELLITE | MapType.TYPE_TERRAIN | MapType.TYPE_NIGHT | 'DEFAULT' | 'FLEET_STYLE' | 'SATELLITE' | 'TERRAIN' | 'NIGHT';
-    mapLayer?: string[];
-    showCluster?: boolean;
-    showScaleBar?: boolean;
-    onMapTypeChange?: Function;
-    onMapLayerChange?: Function;
-    onShowClusterChange?: Function;
-    onZoomIn?: Function;
-    onZoomOut?: Function;
-    getApi?: Function;
-    mapSettingsTooltip?: string | React.ReactNode;
-    mapSettings?: React.ReactNode;
-    enableWebGL?: boolean;
-    enableDevicePixelRatio?: boolean;
-    children?: any;
-}
-export interface MapBoundingBoxButtonProps {
-    onToggle?: () => boolean;
-    isActive?: boolean;
-}
-export interface MapCenterMarkerButtonProps {
-    onToggle?: () => boolean;
-    isActive?: boolean;
-}
-export interface MapClusterSettingsProps {
-    onToggle?: () => boolean;
-    onShowClusterChange?: () => boolean;
-    showCluster?: boolean;
-}
-export interface MapCustomerPoiSettingsItemProps {
-    onToggle?: () => boolean;
-    isActive?: boolean;
-}
-export interface MapLayerGroupProps {
-    isVisible?: boolean;
-    minZoom?: number;
-    maxZoom?: number;
-}
-export interface MapLayerIncidentsItemProps {
-    activeBuiltinLayers?: string[];
-    onToggle?: () => void;
-    onMapLayerChange?: () => string;
-}
-export interface MapLayerRoadRestrictionsItemProps {
-    activeBuiltinLayers?: string[];
-    onToggle?: () => void;
-    onMapLayerChange?: () => string;
-}
-export interface MapLayerSettingsProps {
-    activeBuiltinLayers?: string[];
-    activeLayers?: string[];
-    onMapLayerChange?: () => string;
-    layers?: React.ReactNode[];
-}
-export interface MapLayerTrafficItemProps {
-    activeBuiltinLayers?: string[];
-    onToggle?: () => void;
-    onMapLayerChange?: () => string;
-}
-export interface MapLockMarkerButtonProps {
-    onToggle?: () => boolean;
-    isActive?: boolean;
-}
-export interface MapSettingsProps {
-    onMapTypeChange?: () => string;
-    onMapLayerChange?: () => string[];
-    onShowClusterChange?: () => boolean;
-    mapType?: string;
-    activeBuiltinLayers?: string[];
-    showCluster?: boolean;
-    mapSettingsTooltip?: string | React.ReactNode;
-    options?: React.ReactNode[];
-    className?: string;
-}
-export interface MapSettingsItemProps {
-    activeIcon?: React.ReactNode;
-    inactiveIcon?: React.ReactNode;
-    isActive?: boolean;
-    className?: string;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => any;
-}
-export interface MapSettingsPanelProps {
-    className?: string;
-}
-export interface MapSettingsTileProps {
-    onToggle?: () => boolean;
-    tooltip?: React.ReactNode;
-    panel?: React.ReactNode;
-    buttonClassName?: string;
-    className?: string;
-}
-export interface MapTypeSettingsProps {
-    mapType?: string;
-    enableNightMap?: boolean;
-    onMapTypeChange?: () => string;
-}
-export interface MapWorkshopPoiSettingsItemProps {
-    onToggle?: () => boolean;
-    isActive?: boolean;
-}
-export interface MarkerProps {
-    position: Position[];
-    icon: JSX.Element;
-    eventListenerMap?: EventListenerMap;
-    customData?: object;
-    draggable?: boolean;
-}
-export interface MarkerLayerProps {
-    simpleTheme?: ClusterTheme;
-    clusterDissolvable?: boolean;
-    clusterStrategy?: 'FASTGRID' | 'GRID' | 'DYNAMICGRID';
-    eps?: number;
-}
-export interface MenuItem {
-    value?: string | React.ReactNode;
-    disabled?: boolean;
-    divider?: boolean;
-    header?: boolean;
-    onSelect?: (value: string) => void;
-    index?: number;
-    closeMenu?: Function;
-    onMouseEnter?: Function;
-}
-interface MultiselectCounterMessage {
-    one: string | React.ReactNode;
-    many: string | React.ReactNode;
-}
-export interface MultiselectOption {
-    id: string;
-    label: string | React.ReactNode;
-    selected?: boolean;
-    disabled?: boolean;
-    header?: boolean;
-}
-export interface MultiselectProps<T extends MultiselectOption> {
-    id?: string;
-    name?: string;
-    options?: T[];
-    onChange?: Function;
-    placeholder?: string | React.ReactNode;
-    dropup?: boolean;
-    pullRight?: boolean;
-    autoDropDirection?: boolean;
-    value?: T['id'][];
-    bsSize?: 'sm' | 'lg';
-    disabled?: boolean;
-    className?: string;
-    tabIndex?: number;
-    hasError?: boolean;
-    useFilter?: boolean;
-    noItemMessage?: string | React.ReactNode;
-    counterMessage?: MultiselectCounterMessage;
-    renderCounterMessage?: Function;
-    showSelectedItemIcon?: boolean;
-    showUnselectedItemIcons?: boolean;
-}
-export interface NavItem {
-    key: string;
-    item: React.ReactNode;
-    disabled?: boolean;
-}
-export interface NotificationsContainerProps {
-    stacked?: boolean;
-}
-export type notificationTriggerFunction = (message: string | JSX.Element | JSX.Element[], title?: string | JSX.Element | JSX.Element[], timeOut?: number, callback?: Function, priority?: boolean) => void;
-export interface NotBookedStateProps {
-    headline: string | React.ReactNode;
-    message: string | React.ReactNode;
-    buttons?: object[];
-    features?: React.ReactNode[];
-    condensed?: boolean;
-    fullWidth?: boolean;
-    image?: React.ReactNode;
-}
-export interface NotFoundStateProps extends BaseStateProps {
-}
-export interface NumberControlProps {
-    min?: number;
-    max?: number;
-    value?: number;
-    step?: number;
-    disabled?: boolean;
-    onChange?: (value: number) => void;
-    onValueChanged?: (value: number) => void;
-    bsSize?: 'sm' | 'lg';
-    className?: string;
-    unit?: string | React.ReactNode;
-    inputAddon?: string;
-    digitPrecision?: number;
-    placeholder?: string;
-    ref?: React.MutableRefObject<object>;
-}
-export interface NumberInputProps {
-    min?: number;
-    max?: number;
-    value?: number;
-    step?: number;
-    disabled?: boolean;
-    onChange?: (value: number) => void;
-    onValueChanged?: (value: number) => void;
-    bsSize?: 'sm' | 'lg';
-    className?: string;
-    unit?: string | React.ReactNode;
-    inputAddon?: string;
-    placeholder?: string;
-    digitPrecision?: number;
-    ref?: React.MutableRefObject<object>;
-}
-export interface OnboardingTipProps {
-    id?: string | number;
-    placement?: Placement;
-    show: boolean;
-    showCloseIcon?: boolean;
-    textAlignment?: TextAlignment;
-    onHide: Function;
-    hideOnScroll?: boolean;
-    useInDialog?: boolean;
-    title?: string | React.ReactNode;
-    content?: string | React.ReactNode;
-    className?: string;
-    clickflow?: boolean;
-    children?: any;
-    width?: TooltipWidth;
-    preventOverflow?: boolean;
-    popperConfig?: object;
-}
-export type delayProp = {
-    show: number;
-    hide: number;
-};
-export declare enum PagerVariant {
-    VARIANT_FULL = "full",
-    VARIANT_COMPACT = "compact"
-}
-export interface PagerProps {
-    title: string | React.ReactNode;
-    label?: string | React.ReactNode;
-    alignRight?: boolean;
-    variant?: 'full' | 'compact' | PagerVariant.VARIANT_FULL | PagerVariant.VARIANT_COMPACT;
-    disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => any;
-    className?: string;
-}
-export interface PieChartProps {
-    width?: number;
-    height?: number;
-    innerRadius?: number | string;
-    outerRadius?: number | string;
-    data: object[];
-    dataKey?: Function | string;
-    dataUnit?: string;
-    nameKey: string;
-    color?: Function | string;
-    filled?: boolean;
-    labels?: boolean;
-    innerLabels?: boolean;
-    paddingAngle?: number;
-    legend?: Legend | boolean;
-    tooltip?: ChartTooltip | boolean;
-    pieOptions?: object;
-}
-export interface Position {
-    lat: number;
-    lng: number;
-}
-export interface PolylineProps {
-    hasArrows?: boolean;
-    arrowStyle?: object;
-    geometry: object;
-    style?: object;
-    eventListenerMap?: EventListenerMap;
-}
-export interface PolygonProps {
-    points: Position[];
-    style?: object;
-    eventListenerMap?: EventListenerMap;
-}
-export interface PopoverProps {
-    id: string | number;
-    title?: string | React.ReactNode;
-    children: React.ReactNode;
-    titleClassName?: string;
-    contentClassName?: string;
-    placement: 'auto' | 'top' | 'right' | 'bottom' | 'left';
-}
-export interface RadialBarChartProps {
-    width?: number;
-    height?: number;
-    data: object[];
-    dataKey?: Function | string;
-    startAngle?: number;
-    endAngle?: number;
-    outerRadius?: number | string;
-    innerRadius?: number | string;
-    clockWise?: boolean;
-    textOptions?: object;
-    radialBarOptions?: object;
-    showBarLabel?: boolean;
-    cornerRadius?: number;
-    background?: boolean;
-    range?: number[];
-    legend?: Legend | boolean;
-    tooltip?: ChartTooltip | boolean;
-}
-export interface RadioButtonProps {
-    id?: string;
-    icon?: string;
-    iconSize?: number;
-    label?: string | React.ReactNode;
-    onClick?: React.MouseEventHandler<{
-        value: string | string[] | number;
-    }>;
-    onChange?: Function;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    className?: string;
-    inline?: boolean;
-    right?: boolean;
-    custom?: boolean;
-    name?: string;
-    value?: string | string[] | number;
-    tabIndex?: number;
-    inputRef?: Function;
-    children?: any;
-}
-export interface RangeSliderProps {
-    leftValue?: number;
-    rightValue?: number;
-    minValue: number;
-    maxValue: number;
-    valueLabels?: boolean;
-    step?: number;
-    onChange?: Function;
-    onDragEnd?: Function;
-    className?: string;
-    disabled?: boolean;
-}
-export interface ResponsiveColumnStripeProps {
-    minColumnWith?: number;
-    minColumns?: number;
-    maxColumns?: number;
-    className?: string;
-    buttonClassName?: string;
-    columnsWrapperClassName?: string;
-    onNextClick?: (pageNumber: number, columnsPerPage: number) => void;
-    onPreviousClick?: (pageNumber: number, columnsPerPage: number) => void;
-    stretchLastItems?: boolean;
-    asType?: string;
-    activePage?: number;
-    disableAnimation?: boolean;
-    children?: React.ReactNode;
-}
-export interface ReleaseNotesProps {
-    releaseNotes: {
-        [key: string]: {
-            date: string;
-            content: (HTMLElement | React.ReactElement)[];
-        };
-    };
-}
-export interface ReleaseNotesDialogProps {
-    showReleaseNotes: boolean;
-    setShowReleaseNotes: (show: boolean) => void;
-    whatsNewTitle?: string;
-    moduleName?: string;
-    closeButtonText?: string;
-    translatedReleaseNotes: {
-        [key: string]: {
-            date: string;
-            content: (HTMLElement | React.ReactElement)[];
-        };
-    };
-    currentVersion: string;
-    RELEASE_NOTES_ITEM: string;
-    useOverflow?: boolean;
-}
-export declare enum ResizerDirection {
-    HORIZONTAL = "x",
-    VERTICAL = "y"
-}
-export declare enum ResizerPosition {
-    LEFT = "left",
-    RIGHT = "right",
-    TOP = "top",
-    BOTTOM = "bottom"
-}
-export interface ResizerProps {
-    className?: string;
-    direction: 'x' | 'y' | ResizerDirection.HORIZONTAL | ResizerDirection.VERTICAL;
-    position: 'top' | 'right' | 'bottom' | 'left' | ResizerPosition.TOP | ResizerPosition.RIGHT | ResizerPosition.BOTTOM | ResizerPosition.LEFT;
-    onResizeStart?: Function;
-    onResize: Function;
-    onResizeEnd?: Function;
-}
-export interface RioBootstrapTableProps {
-    selectedElements?: any[];
-    enableRowSelection?: boolean;
-    onSelectionChange?: (selectedElement: any, previousSelectedElement: any) => void;
-    clickToSelect?: boolean;
-    customSort?: (sortName: string, sortOrder: string) => any[];
-    isCaseSensitiv?: boolean;
-    singleSelect?: boolean;
-    keyField: string;
-    striped?: boolean;
-    hover?: boolean;
-    stickyPosition?: boolean;
-    stickyPositionOffset?: string;
-}
-export interface RioTableHeaderColumnProps {
-    sortOrder?: string;
-}
-export interface RouteProps {
-    arrowStyle?: object;
-    hasArrows?: boolean;
-    positions: Position[];
-    style?: {
-        width?: number;
-        color?: string;
-        borderWidth?: number;
-        borderColor?: string;
-        isBorderIncludedInWidth?: boolean;
-        lineDash?: number[];
-    };
-    eventListenerMap?: EventListenerMap;
-    isReduced?: boolean;
-    isRouteAlternative?: boolean;
-    startIcon?: JSX.Element;
-    middleIcon?: JSX.Element;
-    endIcon?: JSX.Element;
-    markers?: JSX.Element[];
-}
-export interface RulesWrapperProps {
-}
-export interface RuleContainerProps {
-    show?: boolean;
-    unchecked?: boolean;
-    background?: string;
-    borderColor?: string;
-    hideConnector?: boolean;
-    customConnector?: string | JSX.Element;
-    className?: string;
-}
-export interface RuleConnectorProps {
-    placement?: 'start' | 'center' | 'end';
-    icon?: string;
-    hidden?: boolean;
-    background?: string;
-    pageBackground?: string;
-    contentClassName?: string;
-    hasBorder?: boolean;
-    borderColor?: string;
-    className?: string;
-}
-export interface SelectedSuggestion {
-    highlightedItemIndex: -1;
-    suggestionValue: string | React.ReactElement;
-    suggestion: AutoSuggestSuggestion;
-}
-export interface SelectOption {
-    id: string;
-    label: string | React.ReactNode;
-    icon?: any;
-    selected?: boolean;
-    disabled?: boolean;
-    header?: boolean;
-}
-export interface SelectProps<T extends SelectOption> {
-    options: T[];
-    onChange: (selectOption: T) => void;
-    id?: string;
-    name?: string;
-    label?: string | React.ReactNode;
-    selectedOptionText?: string | React.ReactNode;
-    placeholder?: string | React.ReactNode;
-    bsSize?: string;
-    disabled?: boolean;
-    dropup?: boolean;
-    pullRight?: boolean;
-    autoDropDirection?: boolean;
-    tabIndex?: boolean;
-    hasError?: boolean;
-    useFilter?: boolean;
-    useClear?: boolean;
-    noItemMessage?: string | React.ReactNode;
-    showSelectedItemIcon?: boolean;
-    showUnselectedItemIcons?: boolean;
-    value?: string[] | undefined;
-    className?: string;
-    btnClassName?: string;
-    dropdownClassName?: string;
-}
-export interface SidebarProps {
-    backdropClassName?: string;
-    bodyClassName?: string;
-    bodyRef?: React.MutableRefObject<object>;
-    className?: string;
-    closed?: boolean;
-    disableClose?: boolean;
-    enableFullscreenToggle?: boolean;
-    fly?: boolean;
-    footer?: string | React.ReactNode;
-    footerClassName?: string;
-    headerButtons?: React.ReactNode;
-    headerClassName?: string;
-    makeBackdropVisible?: boolean;
-    maxWidth?: number;
-    minWidth?: number;
-    onBackDropClick?: Function;
-    onClose?: () => any;
-    openInFullscreen?: boolean;
-    position?: 'left' | 'right';
-    resizable?: boolean;
-    showHeaderBorder?: boolean;
-    switchModeBreakpoint?: number;
-    title?: string | React.ReactNode;
-    titleClassName?: string;
-    useBackdrop?: boolean;
-    width?: string | number;
-}
-export interface SimpleButtonDropdownProps {
-    id?: string;
-    title: React.ReactNode | string;
-    open?: boolean;
-    dropup?: boolean;
-    pullRight?: boolean;
-    bsSize?: bsSize;
-    bsStyle?: bsStyle;
-    iconOnly?: boolean;
-    noCaret?: boolean;
-    splitButton?: boolean;
-    usePortal?: boolean;
-    items: MenuItem[];
-    className?: string;
-    dropdownClassName?: string;
-    disabled?: boolean;
-    toggleClassName?: string;
-    onLabelButtonClick?: Function;
-    onOpen?: Function;
-    onClose?: Function;
-    customDropdown?: React.ReactNode;
-    popperConfig?: object;
-}
-export interface SimpleClusterLayerProps {
-    simpleTheme?: ClusterTheme;
-}
-export interface SingleButtonDropdownProps extends SimpleButtonDropdownProps {
-}
-export interface SplitButtonDropdownProps extends ButtonDropdownProps {
-}
-export interface SingleMapMarkerProps {
-    bearing?: number;
-    name?: string | React.ReactNode;
-    warningCount?: number;
-    exceptionCount?: number;
-    active?: boolean;
-    fixed?: boolean;
-    moving?: boolean;
-    clickable?: boolean;
-    iconNames?: string[];
-    markerColor?: markerColor;
-}
-export interface SliderProps {
-    value?: number;
-    minValue?: number;
-    maxValue?: number;
-    valueLabels?: boolean;
-    hideValueBar?: boolean;
-    largeValueLabels?: boolean;
-    step?: number;
-    disabled?: boolean;
-    onChange?: Function;
-    onDragEnd?: Function;
-    className?: string;
-}
-export interface SplitDialogProps {
-    show: boolean;
-    title?: string | React.ReactNode;
-    subtitle?: string | React.ReactNode;
-    leftContent?: string | React.ReactNode;
-    leftContentClassName?: string;
-    rightContent?: string | React.ReactNode;
-    rightContentClassName?: string;
-    onClose?: Function;
-    onCloseValidation?: Function;
-    useOverflow?: boolean;
-    bsSize?: bsSizeDialog;
-    className?: string;
-    footer?: string | React.ReactNode;
-    bodyClassName?: string;
-    footerClassName?: string;
-    disableEsc?: boolean;
-    onEsc?: Function;
-    showCloseButton?: boolean;
-}
-export interface SimpleDialogProps {
-    show: boolean;
-    title: string | JSX.Element;
-    subtitle?: string | React.ReactNode;
-    content: JSX.Element;
-    onClose?: Function;
-    onCloseValidation?: Function;
-    useOverflow?: boolean;
-    bsSize?: bsSizeDialog;
-    className?: string;
-    footer?: string | React.ReactNode;
-    bodyClassName?: string;
-    footerClassName?: string;
-    disableEsc?: boolean;
-    onEsc?: () => void;
-    showCloseButton?: boolean;
-}
-export interface SaveDialogProps {
-    show: boolean;
-    title?: string | React.ReactNode;
-    subtitle?: string | React.ReactNode;
-    content: React.ReactNode;
-    onClickCancel: () => void;
-    onClickDiscard: () => void;
-    onClickConfirm: () => void;
-    discardButtonText: string | React.ReactNode;
-    cancelButtonText: string | React.ReactNode;
-    confirmButtonText: string | React.ReactNode;
-    onClose?: Function;
-    onCloseValidation?: Function;
-    useOverflow?: boolean;
-    bsSize?: bsSizeDialog;
-    bodyClassName?: string;
-    showCloseButton?: boolean;
-}
-export interface SpinnerProps {
-    isInverse?: boolean;
-    isDoubleSized?: boolean;
-    isFullSized?: boolean;
-    isFullScreen?: boolean;
-    isInline?: boolean;
-    show?: boolean;
-    text?: string;
-}
-export declare enum SortDirection {
-    ASCENDING = "asc",
-    DESCENDING = "desc"
-}
-export interface SortArrowsProps {
-    direction?: string;
-}
-export interface SortArrowUpProps {
-}
-export interface SortArrowDownProps {
-}
-export interface StatusBarProps {
-    icon?: {
-        name: string;
-        alignment?: 'left' | 'right';
-        color?: string;
-        className?: string;
-    };
-    label?: {
-        value: string | React.ReactNode;
-        alignment?: 'left' | 'top' | 'right';
-        weight?: 'bold' | 'light';
-        color?: string;
-        className?: string;
-    };
-    progress?: {
-        percentage: number;
-        color?: string;
-        tooltip?: string | React.ReactNode;
-        tooltipPosition?: 'top' | 'right' | 'bottom' | 'left';
-        tooltipDelay?: number;
-        className?: string;
-    }[];
-    size?: 'small' | 'large';
-    useProgressDivider?: boolean;
-    className?: string;
-}
-export interface StatsWidgetsProps {
-    className?: string;
-}
-export interface StatsWidgetProps {
-    onFilterReset?: Function;
-    hasFilter?: boolean;
-    className?: string;
-}
-export interface StatsWidgetHeaderProps {
-    className?: string;
-}
-export interface StatsWidgetBodyProps {
-    className?: string;
-    fullWidth?: boolean;
-}
-export interface StatsWidgetFooterProps {
-    className?: string;
-}
-export interface StatsWidgetSpacerProps {
-    className?: string;
-}
-export interface StatsWidgetNumberProps {
-    value: string | number | React.ReactNode;
-    total?: string | number | React.ReactNode;
-    label?: string | React.ReactNode;
-    clickable?: boolean;
-    onClick?: Function;
-    className?: string;
-}
-export interface SteppedProgressBarProps {
-    disableFollowingPages?: number;
-    onSelectedChanged: (selectedKey: number) => void;
-    labels: LabelObject[];
-    selectedStepNumber: number;
-    mobileBreakpoint?: boolean;
-    variant?: 'circle' | 'rectangle' | 'roadsign';
-}
-export interface SwitchProps {
-    keyName?: string;
-    onChange: (toggleState: boolean) => void;
-    checked?: boolean;
-    minWidth?: number;
-    disabled?: boolean;
-    enabledText?: string;
-    disabledText?: string;
-    labelPosition?: 'left' | 'right';
-}
-interface TableCardsSortingOption {
-    id: string;
-    label: string | React.ReactNode;
-    selected?: boolean;
-    disabled?: boolean;
-}
-export interface TableCardsSortingProps {
-    sortName: string;
-    sortOrder: SortDirection.ASCENDING | SortDirection.DESCENDING;
-    onSortChange?: Function;
-    selectOptions: TableCardsSortingOption[];
-    className?: string;
-}
-export interface TableSearchProps extends ClearableInputProps {
-}
-export interface TableSettingsDialogColumnDetails {
-    width?: number;
-    defaultWidth?: number;
-    maxWidth?: number;
-}
-export interface TableSettingsDialogProps {
-    show: boolean;
-    title: React.ReactNode;
-    subtitle?: React.ReactNode;
-    className?: string;
-    defaultColumnOrder: string[];
-    defaultHiddenColumns?: string[];
-    columnOrder: string[];
-    hiddenColumns?: string[];
-    columnLabels: any;
-    disabledColumns: string[];
-    columnsDetails?: TableSettingsDialogColumnDetails;
-    defaultColumnDetails?: TableSettingsDialogColumnDetails;
-    autoLabel?: string | React.ReactNode;
-    applyButtonText?: string | React.ReactNode;
-    cancelButtonText?: string | React.ReactNode;
-    closeButtonText?: string | React.ReactNode;
-    resetButtonText: string | React.ReactNode;
-    onColumnChange: Function;
-    onColumnDetailsChange?: Function;
-    onDiscard?: Function;
-    onApply?: Function;
-    onHide: Function;
-    columnSearchValue?: string;
-    onSearchChange?: Function;
-    searchPlaceholder: React.ReactNode;
-    notFoundMessage?: string;
-    immediateChange?: boolean;
-}
-export declare enum TableViewTogglesValues {
-    VIEW_TYPE_SINGLE_CARD = "SINGLE_CARD",
-    VIEW_TYPE_MULTI_CARDS = "MULTI_CARDS",
-    VIEW_TYPE_TABLE = "TABLE"
-}
-export interface TableViewTogglesProps {
-    viewType?: TableViewTogglesValues;
-    initialViewType?: TableViewTogglesValues;
-    disabledViewTypes?: TableViewTogglesValues[];
-    onViewTypeChange: (viewType: TableViewTogglesValues) => void;
-    tableViewTooltipContent?: string | React.ReactNode;
-    singleCardViewTooltipContent?: string | React.ReactNode;
-    multiCardsViewTooltipContent?: string | React.ReactNode;
-    disabled?: boolean;
-    className?: string;
-}
-export interface TagProps {
-    active?: boolean;
-    className?: string;
-    clickable?: boolean;
-    deletable?: boolean;
-    revertable?: boolean;
-    disabled?: boolean;
-    icon?: string;
-    muted?: boolean;
-    rounded?: boolean;
-    selectable?: boolean;
-    size?: string;
-}
-export interface TagListProps {
-    inline?: boolean;
-    autoWidthTags?: boolean;
-    tagsPerRow?: 1 | 2 | 3 | 4 | 6;
-    className?: string;
-}
-export interface TagManagerTag {
-    label?: string;
-    toAdd?: boolean;
-    toRemove?: boolean;
-}
-export interface TagManagerProps {
-    tagList: TagManagerTag[];
-    tagSuggestions: TagManagerTag[];
-    onTagListChange?: Function;
-    placeholder?: string;
-    customTagPlaceholder?: string;
-    dropdownSeparatorText?: string;
-    useCustomTags?: boolean;
-    showInput?: boolean;
-    noItemMessage?: string | React.ReactNode;
-}
-export interface TeaserContainerProps {
-    children?: any;
-    teaserPerRow?: 1 | 2 | 3 | 4 | 6 | 12;
-    columnClassName?: string;
-    className?: string;
-}
-export interface TeaserProps {
-    headline?: string;
-    content?: string | React.ReactNode;
-    image?: {
-        src: string;
-        alt?: string;
-        placeholder?: string;
-        align?: string;
-        onClick?: () => void;
-        className?: string;
-    };
-    button?: {
-        text?: string;
-        bsStyle?: string;
-        onClick?: Function;
-        className?: string;
-    };
-    verticalAlignment?: string;
-    segmentation?: string;
-    className?: string;
-}
-export interface TextMarkerProps {
-    position: Position;
-    text: string;
-}
-export interface TimePickerInputProps {
-    className?: string;
-}
-export interface TimePickerProps {
-    onChange?: Function;
-    onComplete?: Function;
-    value?: string;
-    alwaysShowMask?: boolean;
-    showIcon?: boolean;
-    className?: string;
-    inputProps?: TimePickerInputProps;
-}
-export interface ToggleButtonProps {
-    active?: boolean;
-    bsStyle?: string;
-    onClick: Function;
-    className?: string;
-}
-export interface TreeCategoryProps {
-    id: string;
-    icon: string;
-    label?: string | React.ReactNode;
-    hasSelection?: boolean;
-}
-export interface TreeGroup {
-    id: string;
-    name: string | React.ReactNode;
-    icon?: string;
-    className?: string;
-}
-export interface TreeItemName {
-    firstName?: string;
-    lastName: string;
-}
-export interface TreeItem {
-    id: string;
-    name: string | TreeItemName;
-    info?: string | React.ReactNode;
-    type: string;
-    groupIds?: string[];
-    className?: string;
-}
-export interface TreeOption {
-    isChecked?: boolean;
-    onChange?: Function;
-    label: string | React.ReactNode;
-    className?: string;
-}
-export interface TreeProps {
-    groups?: TreeGroup[];
-    items?: TreeItem[];
-    selectedGroups?: string[];
-    selectedItems?: string[];
-    onSelectionChange?: Function;
-    hasMultiselect?: boolean;
-    showRadioButtons?: boolean;
-    hideSearch?: boolean;
-    hideTreeHead?: boolean;
-    searchPlaceholder?: string;
-    onSearchChange?: Function;
-    search?: JSX.Element;
-    summary?: JSX.Element;
-    scrollHeight?: number;
-    expandedGroups?: string[];
-    onExpandGroupsChange?: Function;
-    showEmptyGroups?: boolean;
-    treeOptions?: TreeOption[];
-    className?: string;
-}
-export interface TreeSearchProps {
-    value?: string;
-    onChange?: Function;
-    placeholder?: string;
-    className?: string;
-}
-export interface TreeSummaryCounts {
-    truck?: number;
-    trailer?: number;
-    bus?: number;
-    van?: number;
-    driver?: number;
-}
-export interface TreeSummaryProps {
-    assetCounts: TreeSummaryCounts;
-    className?: string;
-}
-export interface TypeCounterProps {
-    type?: string;
-    icon?: string;
-    isActive?: boolean;
-    hasFilter?: boolean;
-    enableActivity?: boolean;
-    hideOnZero?: boolean;
-    onClick?: (type: string) => void;
-    value?: string | React.ReactNode | number;
-}
-export type UseAfterMount = (callback: () => void, deps?: any[]) => void;
-export type UseClickOutside<T extends HTMLElement = any> = (callback: (event: React.MouseEvent<HTMLButtonElement>) => void, events?: ['mousedown', 'touchstart']) => React.MutableRefObject<T>;
-export type UseClipboard = (options: {
-    timeout: number;
-}) => {
-    copy: (valueToCopy: any) => void;
-    reset: () => void;
-    error: Error;
-    copied: boolean;
-};
-export type UseDebugInfo = (componentName: string, props: object) => {
-    count: number;
-    changedProps: any;
-    timeSinceLastRender: number;
-    lastRenderTimestamp: number;
-};
-export type UseEffectOnce = (callback: () => void) => void;
-export type UseElementSize = (elementRef: {
-    current: Element;
-}) => [number, number];
-export type UseEsc<T extends keyof WindowEventMap> = (callback: (event: WindowEventMap[T]) => any) => void;
-export type UseEvent<T extends keyof WindowEventMap> = (eventType: T, callback: (event: WindowEventMap[T]) => any, options?: boolean | AddEventListenerOptions, target?: HTMLElement) => void;
-type EventCallback = (this: Document, event_: any) => any;
-type OnChangeEventCallback = (this: Document, event_: any, isOpen: boolean) => any;
-type RequestFullscreenOptions = {
-    navigationUI?: string | 'auto' | 'hide' | 'show';
-};
-type FullScreenOptions = {
-    element?: HTMLElement;
-    onChange?: OnChangeEventCallback;
-    onError?: EventCallback;
-    requestFullscreenOptions?: RequestFullscreenOptions;
-};
-type FullscreenApi = {
-    requestFullscreen: () => void | ((element?: HTMLElement) => Promise<unknown>);
-    exitFullscreen: () => void | (() => Promise<unknown>);
-    toggleFullscreen: () => void | ((element?: HTMLElement) => Promise<unknown>);
-    isEnabled: boolean;
-    isFullscreen: boolean;
-};
-export type UseFullscreen = ({}: FullScreenOptions) => FullscreenApi | undefined;
-export type UseInterval = (callback: () => void, delay?: number) => React.MutableRefObject<object>;
-export type UseKey<T extends keyof WindowEventMap> = (callback: (event: WindowEventMap[T]) => any, eventTypes?: [T], node?: any) => void;
-export type UseOnlineStatus = () => boolean;
-export type UseOnScreen = (ref: React.MutableRefObject<object>, options?: {
-    rootMargins?: string;
-    threshold?: number | number[];
-}) => boolean;
-export type UseRenderCount = () => number;
-export type UseResizeObserver = () => [React.MutableRefObject<object>, ResizeObserverEntry];
-export type UseStateWithValidation = (validationFn: Function, initialValue: any) => [any, Function, boolean];
-export type UseLocalStorage = (key: string, defaultValue: any) => [any, Function, Function];
-export type UseSessionStorage = (key: string, defaultValue: any) => [any, Function, Function];
-export type UseTimeout = (callback: () => void, delay?: number) => React.MutableRefObject<object>;
-export type UseWindowResize = (callback: () => void, timeout?: number) => void;
-export type UseDarkMode = () => boolean;
-export type UsePrevious = <T>(state: T | undefined | null) => T | undefined | null;
-export type UseMutationObserver = (targetElement: HTMLElement | React.MutableRefObject<object> | null | undefined, callback: MutationCallback | undefined, options?: {
-    attributes?: boolean;
-    childList?: boolean;
-    subtree?: boolean;
-}) => void;
-export type UseScrollPosition = (target: Window | HTMLBodyElement | React.ReactElement | React.MutableRefObject<object> | undefined) => number;
-export {};
+import type React from 'react';
+import type { DatetimepickerProps } from 'react-datetime';
+import type { Moment } from 'moment';
+import type { TooltipWidth } from './components/tooltip/Tooltip';
+import type { Placement } from './values/Placement';
+import type { TextAlignment } from './values/TextAlignment';
+import type { ClearableInputProps } from './components/clearableInput/ClearableInput';
+export interface AppNavigationBarProps {
+    ref?: React.MutableRefObject<object>;
+    title?: string | React.ReactNode;
+    right?: React.ReactNode;
+    onNavigateBack?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+}
+export interface Area {
+    dataKey?: string;
+    dataUnit: string;
+    strokeColor?: string;
+    gradientId?: string;
+    legendType?: string;
+    type?: string;
+    isAnimationActive?: boolean;
+    onClick?: Function;
+}
+export interface AreaChartProps {
+    width?: number;
+    height?: number;
+    data: object[];
+    dataUnit?: string;
+    dataKey?: string | number;
+    gradients?: AreaGradient[];
+    areas: Area[];
+    xAxisOptions?: object;
+    yAxisOptions?: object;
+    gridOptions?: object;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGrid?: boolean;
+    legend?: Legend | boolean;
+    brush?: boolean;
+    tooltip?: ChartTooltip | boolean;
+}
+export interface AreaGradient {
+    id?: string;
+    color?: string;
+}
+export interface AssetTreeProps {
+    fly?: boolean;
+    resizable?: boolean;
+    bordered?: boolean;
+    width?: string | number;
+    minWidth?: number;
+    maxWidth?: number;
+    height?: number;
+    isOpen?: boolean;
+    onToggleTree?: Function;
+    currentCategoryId: string;
+    onCategoryChange: Function;
+    useOffscreen: boolean;
+    className?: string;
+    children?: TreeCategoryProps[];
+}
+export interface Bar {
+    isAnimationActive?: boolean;
+    dataKey?: string;
+    dataUnit?: string;
+    color?: string;
+    onClick?: Function;
+}
+export interface BarChartProps {
+    width?: number;
+    height?: number;
+    data: object[];
+    dataUnit?: string;
+    dataKey?: string | number;
+    layout: 'vertical' | 'horizontal';
+    color: string;
+    bars: Bar[];
+    showGrid?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    useDataColors?: boolean;
+    xAxisOptions?: object;
+    yAxisOptions?: object;
+    gridOptions?: object;
+    legend?: Legend | boolean;
+    brush?: boolean;
+    tooltip?: ChartTooltip | boolean;
+}
+export type bsStyle = 'default' | 'primary' | 'info' | 'warning' | 'danger' | 'success' | 'link';
+export type bsSize = 'xs' | 'sm' | 'lg';
+export interface ButtonDropdownProps extends SimpleButtonDropdownProps {
+}
+export interface BoundingBox {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+export interface ChartNeedleProps {
+    width?: string;
+    height?: string;
+    x?: string;
+    y?: string;
+    rotation?: number;
+    className?: string;
+    style?: object;
+}
+export interface ChartTooltip {
+}
+export interface ClusterTheme {
+    getNoisePresentation: Function;
+    getClusterPresentation: Function;
+}
+export interface ClusterLayerProps {
+    data: object[];
+    dataConverter?: Function;
+    minWeight?: string | number;
+    minZoom?: string | number;
+    maxZoom?: string | number;
+    clusterTheme?: ClusterTheme;
+    eventListenerMap: EventListenerMap;
+    clusterStrategy?: 'FASTGRID' | 'GRID' | 'DYNAMICGRID';
+    eps?: number;
+}
+export interface ClusterMapMarkerProps {
+    count?: number;
+    warningCount?: number;
+    exceptionCount?: number;
+    active?: boolean;
+    clickable?: boolean;
+    iconName?: string;
+    markerColor?: markerColor;
+}
+export interface CircleProps {
+    position: Position;
+    radius?: number;
+    precision?: number;
+    style?: object;
+    eventListenerMap?: EventListenerMap;
+}
+export interface ContextMenuItemProps {
+    label: string;
+    disabled?: boolean;
+    callback?: Function;
+    hasSpinner?: boolean;
+    icon?: string;
+    className?: string;
+    labelClassName?: string;
+}
+export interface ContextMenuItem extends ContextMenuItemProps {
+}
+export interface ContextMenuProps {
+    onOpen?: Function;
+    menuItems?: ContextMenuItem[];
+    contextMenuEvent?: object;
+    targetPosition?: object;
+}
+export interface CollapseProps {
+    in: boolean;
+    mountOnEnter?: boolean;
+    unmountOnExit?: boolean;
+    appear?: boolean;
+    timeout?: number;
+    onEnter?: Function;
+    onEntering?: Function;
+    onEntered?: Function;
+    onExit?: Function;
+    onExiting?: Function;
+    onExited?: Function;
+}
+export interface DatePickerProps extends DatetimepickerProps {
+    className?: string;
+    alignRight?: boolean;
+    locale?: string;
+    closeOnSelect?: boolean;
+    initialValue?: Date | Moment;
+    value?: Date | string | Moment;
+    dateFormat?: string | boolean;
+    timeFormat?: string | boolean;
+    dropup?: boolean;
+    clearableInput?: boolean;
+    minWidth?: number;
+    onChange?: (value: Moment | string) => void;
+    mandatory?: boolean;
+    dateValidation?: (date: Date | string | Moment) => boolean;
+}
+export interface DateRangePickerCustomPresets {
+    startValue: Moment;
+    endValue: Moment;
+    text: string | JSX.Element;
+    onSelect?: Function;
+}
+export interface DateRangePickerProps {
+    startValue?: Moment;
+    endValue?: Moment;
+    defaultStartValue?: Moment;
+    defaultEndValue?: Moment;
+    minValue?: Moment | null;
+    maxValue?: Moment | null;
+    onRangeChange?: (start: Moment, end: Moment) => void;
+    locale: string;
+    textDefault?: string | React.ReactNode;
+    textToday?: string | React.ReactNode;
+    textLastWeek?: string | React.ReactNode;
+    textLastMonth?: string | React.ReactNode;
+    textLastYear?: string | React.ReactNode;
+    textCustom?: string | React.ReactNode;
+    textApply?: string | React.ReactNode;
+    textCancel?: string | React.ReactNode;
+    textFrom?: string | React.ReactNode;
+    textTo?: string | React.ReactNode;
+    className?: string;
+    dropdownClass?: string;
+    dropdownMenuClass?: string;
+    hasTimePicker?: boolean;
+    customRangeOnly?: boolean;
+    customPresets?: DateRangePickerCustomPresets[];
+    dropup?: boolean;
+    pullRight?: boolean;
+    autoDropDirection?: boolean;
+}
+export interface DomMarkerProps {
+    element: object;
+    eventListenerMap?: EventListenerMap;
+    position?: Position;
+}
+export interface DropdownSubmenuProps {
+    title?: string | React.ReactNode;
+    items?: MenuItem[];
+    disabled?: boolean;
+    className?: string;
+}
+export interface EventListenerMap {
+    [key: string]: Function;
+}
+type FilePickerRenderProps = {
+    isDragActive: boolean;
+};
+export interface FilePickerProps {
+    displayMode?: 'button' | 'dropzone' | 'full';
+    multiple?: boolean;
+    label?: string | React.ReactNode;
+    maxSize?: number;
+    onPick: (files: FileList | null) => void;
+    className?: string;
+    accept?: {
+        [mimeType: string]: string[];
+    };
+    children?: ({ isDragActive }: FilePickerRenderProps) => any;
+}
+export interface ImagePreloaderProps {
+    src: string;
+    onLoaded?: Function;
+    onFailed?: Function;
+    isAnonymous?: boolean;
+}
+export interface LabelObject {
+    icon: string | React.ReactNode;
+    label?: string | React.ReactNode;
+    labelClassName?: string;
+    labelWrapperClassName?: string;
+}
+export interface Legend {
+    iconType?: 'line' | 'plainline' | 'square' | 'rect' | 'circle' | 'cross' | 'diamond' | 'star' | 'triangle' | 'wye';
+    iconSize?: number;
+    layout?: 'horizontal' | 'vertical';
+    align?: TextAlignment;
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    margin?: object;
+    formatter?: Function;
+    wrapperStyle?: object;
+    onClick?: Function;
+}
+export interface Line {
+    dataKey?: string;
+    dataUnit?: string;
+    strokeColor: string;
+    legendType: 'line' | 'plainline' | 'square' | 'rect' | 'circle' | 'cross' | 'diamond' | 'star' | 'triangle' | 'wye';
+    type: 'basis' | 'basisClosed' | 'basisOpen' | 'linear' | 'linearClosed' | 'natural' | 'monotoneX' | 'monotoneY' | 'monotone' | 'step' | 'stepBefore' | 'stepAfter' | Function;
+    isAnimationActive?: boolean;
+    onClick?: Function;
+}
+export interface LineChartProps {
+    width?: number;
+    height?: number;
+    data: object[];
+    dataUnit?: string;
+    dataKey?: string | number;
+    lines: Line[];
+    xAxisOptions?: object;
+    yAxisOptions?: object;
+    gridOptions?: object;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showGrid?: boolean;
+    legend?: Legend | boolean;
+    brush?: boolean;
+    tooltip?: ChartTooltip | boolean;
+}
+export interface ListMenuItem {
+    group?: string | React.ReactNode;
+    groupNavItem?: React.ReactNode;
+    navItems: NavItem[];
+    isSubItem?: boolean;
+}
+export interface ListMenuProps {
+    menuItems: ListMenuItem[];
+    enableFilter?: boolean;
+    focusFilter?: boolean;
+    filterKey?: string;
+    filterPlaceholder?: string;
+    notFoundMessage?: string | React.ReactNode;
+    groupClassName?: string;
+    className?: string;
+    responsive?: boolean;
+    autoClose?: boolean;
+}
+export type markerColor = 'bg-map-marker-asset' | 'bg-map-marker-poi' | 'bg-map-marker-geofence' | 'bg-map-marker-route';
+export declare enum MapType {
+    TYPE_DEFAULT = "DEFAULT",
+    TYPE_FLEET_STYLE = "FLEET_STYLE",
+    TYPE_SATELLITE = "SATELLITE",
+    TYPE_TERRAIN = "TERRAIN",
+    TYPE_NIGHT = "NIGHT"
+}
+export interface MapProps {
+    credentials?: {
+        app_id?: string;
+        app_code?: string;
+        apikey?: string;
+    };
+    height?: number;
+    width?: number;
+    language?: string;
+    center?: Position;
+    zoom?: number;
+    boundingBox?: BoundingBox;
+    disableMapEvents?: boolean;
+    disableBehavior?: boolean;
+    eventListenerMap?: EventListenerMap;
+    hideMapSettings?: boolean;
+    hideClusterSettings?: boolean;
+    hideMapLayerSettings?: boolean;
+    mapType?: MapType.TYPE_DEFAULT | MapType.TYPE_FLEET_STYLE | MapType.TYPE_SATELLITE | MapType.TYPE_TERRAIN | MapType.TYPE_NIGHT | 'DEFAULT' | 'FLEET_STYLE' | 'SATELLITE' | 'TERRAIN' | 'NIGHT';
+    mapLayer?: string[];
+    showCluster?: boolean;
+    showScaleBar?: boolean;
+    onMapTypeChange?: Function;
+    onMapLayerChange?: Function;
+    onShowClusterChange?: Function;
+    onZoomIn?: Function;
+    onZoomOut?: Function;
+    getApi?: Function;
+    mapSettingsTooltip?: string | React.ReactNode;
+    mapSettings?: React.ReactNode;
+    enableWebGL?: boolean;
+    enableDevicePixelRatio?: boolean;
+    children?: any;
+}
+export interface MapBoundingBoxButtonProps {
+    onToggle?: () => boolean;
+    isActive?: boolean;
+}
+export interface MapCenterMarkerButtonProps {
+    onToggle?: () => boolean;
+    isActive?: boolean;
+}
+export interface MapClusterSettingsProps {
+    onToggle?: () => boolean;
+    onShowClusterChange?: () => boolean;
+    showCluster?: boolean;
+}
+export interface MapCustomerPoiSettingsItemProps {
+    onToggle?: () => boolean;
+    isActive?: boolean;
+}
+export interface MapLayerGroupProps {
+    isVisible?: boolean;
+    minZoom?: number;
+    maxZoom?: number;
+}
+export interface MapLayerIncidentsItemProps {
+    activeBuiltinLayers?: string[];
+    onToggle?: () => void;
+    onMapLayerChange?: () => string;
+}
+export interface MapLayerRoadRestrictionsItemProps {
+    activeBuiltinLayers?: string[];
+    onToggle?: () => void;
+    onMapLayerChange?: () => string;
+}
+export interface MapLayerSettingsProps {
+    activeBuiltinLayers?: string[];
+    activeLayers?: string[];
+    onMapLayerChange?: () => string;
+    layers?: React.ReactNode[];
+}
+export interface MapLayerTrafficItemProps {
+    activeBuiltinLayers?: string[];
+    onToggle?: () => void;
+    onMapLayerChange?: () => string;
+}
+export interface MapLockMarkerButtonProps {
+    onToggle?: () => boolean;
+    isActive?: boolean;
+}
+export interface MapSettingsProps {
+    onMapTypeChange?: () => string;
+    onMapLayerChange?: () => string[];
+    onShowClusterChange?: () => boolean;
+    mapType?: string;
+    activeBuiltinLayers?: string[];
+    showCluster?: boolean;
+    mapSettingsTooltip?: string | React.ReactNode;
+    options?: React.ReactNode[];
+    className?: string;
+}
+export interface MapSettingsItemProps {
+    activeIcon?: React.ReactNode;
+    inactiveIcon?: React.ReactNode;
+    isActive?: boolean;
+    className?: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => any;
+}
+export interface MapSettingsPanelProps {
+    className?: string;
+}
+export interface MapSettingsTileProps {
+    onToggle?: () => boolean;
+    tooltip?: React.ReactNode;
+    panel?: React.ReactNode;
+    buttonClassName?: string;
+    className?: string;
+}
+export interface MapTypeSettingsProps {
+    mapType?: string;
+    enableNightMap?: boolean;
+    onMapTypeChange?: () => string;
+}
+export interface MapWorkshopPoiSettingsItemProps {
+    onToggle?: () => boolean;
+    isActive?: boolean;
+}
+export interface MarkerProps {
+    position: Position[];
+    icon: JSX.Element;
+    eventListenerMap?: EventListenerMap;
+    customData?: object;
+    draggable?: boolean;
+}
+export interface MarkerLayerProps {
+    simpleTheme?: ClusterTheme;
+    clusterDissolvable?: boolean;
+    clusterStrategy?: 'FASTGRID' | 'GRID' | 'DYNAMICGRID';
+    eps?: number;
+}
+export interface MenuItem {
+    value?: string | React.ReactNode;
+    disabled?: boolean;
+    divider?: boolean;
+    header?: boolean;
+    onSelect?: (value: string) => void;
+    index?: number;
+    closeMenu?: Function;
+    onMouseEnter?: Function;
+}
+interface MultiselectCounterMessage {
+    one: string | React.ReactNode;
+    many: string | React.ReactNode;
+}
+export interface MultiselectOption {
+    id: string;
+    label: string | React.ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+    header?: boolean;
+}
+export interface MultiselectProps<T extends MultiselectOption> {
+    id?: string;
+    name?: string;
+    options?: T[];
+    onChange?: Function;
+    placeholder?: string | React.ReactNode;
+    dropup?: boolean;
+    pullRight?: boolean;
+    autoDropDirection?: boolean;
+    value?: T['id'][];
+    bsSize?: 'sm' | 'lg';
+    disabled?: boolean;
+    className?: string;
+    tabIndex?: number;
+    hasError?: boolean;
+    useFilter?: boolean;
+    noItemMessage?: string | React.ReactNode;
+    counterMessage?: MultiselectCounterMessage;
+    renderCounterMessage?: Function;
+    showSelectedItemIcon?: boolean;
+    showUnselectedItemIcons?: boolean;
+}
+export interface NavItem {
+    key: string;
+    item: React.ReactNode;
+    disabled?: boolean;
+}
+export interface OnboardingTipProps {
+    id?: string | number;
+    placement?: Placement;
+    show: boolean;
+    showCloseIcon?: boolean;
+    textAlignment?: TextAlignment;
+    onHide: Function;
+    hideOnScroll?: boolean;
+    useInDialog?: boolean;
+    title?: string | React.ReactNode;
+    content?: string | React.ReactNode;
+    className?: string;
+    clickflow?: boolean;
+    children?: any;
+    width?: TooltipWidth;
+    preventOverflow?: boolean;
+    popperConfig?: object;
+}
+export type delayProp = {
+    show: number;
+    hide: number;
+};
+export interface PieChartProps {
+    width?: number;
+    height?: number;
+    innerRadius?: number | string;
+    outerRadius?: number | string;
+    data: object[];
+    dataKey?: Function | string;
+    dataUnit?: string;
+    nameKey: string;
+    color?: Function | string;
+    filled?: boolean;
+    labels?: boolean;
+    innerLabels?: boolean;
+    paddingAngle?: number;
+    legend?: Legend | boolean;
+    tooltip?: ChartTooltip | boolean;
+    pieOptions?: object;
+}
+export interface Position {
+    lat: number;
+    lng: number;
+}
+export interface PolylineProps {
+    hasArrows?: boolean;
+    arrowStyle?: object;
+    geometry: object;
+    style?: object;
+    eventListenerMap?: EventListenerMap;
+}
+export interface PolygonProps {
+    points: Position[];
+    style?: object;
+    eventListenerMap?: EventListenerMap;
+}
+export interface PopoverProps {
+    id: string | number;
+    title?: string | React.ReactNode;
+    children: React.ReactNode;
+    titleClassName?: string;
+    contentClassName?: string;
+    placement: 'auto' | 'top' | 'right' | 'bottom' | 'left';
+}
+export interface RadialBarChartProps {
+    width?: number;
+    height?: number;
+    data: object[];
+    dataKey?: Function | string;
+    startAngle?: number;
+    endAngle?: number;
+    outerRadius?: number | string;
+    innerRadius?: number | string;
+    clockWise?: boolean;
+    textOptions?: object;
+    radialBarOptions?: object;
+    showBarLabel?: boolean;
+    cornerRadius?: number;
+    background?: boolean;
+    range?: number[];
+    legend?: Legend | boolean;
+    tooltip?: ChartTooltip | boolean;
+}
+export interface RangeSliderProps {
+    leftValue?: number;
+    rightValue?: number;
+    minValue: number;
+    maxValue: number;
+    valueLabels?: boolean;
+    step?: number;
+    onChange?: Function;
+    onDragEnd?: Function;
+    className?: string;
+    disabled?: boolean;
+}
+export interface ResponsiveColumnStripeProps {
+    minColumnWith?: number;
+    minColumns?: number;
+    maxColumns?: number;
+    className?: string;
+    buttonClassName?: string;
+    columnsWrapperClassName?: string;
+    onNextClick?: (pageNumber: number, columnsPerPage: number) => void;
+    onPreviousClick?: (pageNumber: number, columnsPerPage: number) => void;
+    stretchLastItems?: boolean;
+    asType?: string;
+    activePage?: number;
+    disableAnimation?: boolean;
+    children?: React.ReactNode;
+}
+export interface RioBootstrapTableProps {
+    selectedElements?: any[];
+    enableRowSelection?: boolean;
+    onSelectionChange?: (selectedElement: any, previousSelectedElement: any) => void;
+    clickToSelect?: boolean;
+    customSort?: (sortName: string, sortOrder: string) => any[];
+    isCaseSensitiv?: boolean;
+    singleSelect?: boolean;
+    keyField: string;
+    striped?: boolean;
+    hover?: boolean;
+    stickyPosition?: boolean;
+    stickyPositionOffset?: string;
+}
+export interface RioTableHeaderColumnProps {
+    sortOrder?: string;
+}
+export interface RouteProps {
+    arrowStyle?: object;
+    hasArrows?: boolean;
+    positions: Position[];
+    style?: {
+        width?: number;
+        color?: string;
+        borderWidth?: number;
+        borderColor?: string;
+        isBorderIncludedInWidth?: boolean;
+        lineDash?: number[];
+    };
+    eventListenerMap?: EventListenerMap;
+    isReduced?: boolean;
+    isRouteAlternative?: boolean;
+    startIcon?: JSX.Element;
+    middleIcon?: JSX.Element;
+    endIcon?: JSX.Element;
+    markers?: JSX.Element[];
+}
+export interface RulesWrapperProps {
+}
+export interface RuleContainerProps {
+    show?: boolean;
+    unchecked?: boolean;
+    background?: string;
+    borderColor?: string;
+    hideConnector?: boolean;
+    customConnector?: string | JSX.Element;
+    className?: string;
+}
+export interface RuleConnectorProps {
+    placement?: 'start' | 'center' | 'end';
+    icon?: string;
+    hidden?: boolean;
+    background?: string;
+    pageBackground?: string;
+    contentClassName?: string;
+    hasBorder?: boolean;
+    borderColor?: string;
+    className?: string;
+}
+export interface SelectOption {
+    id: string;
+    label: string | React.ReactNode;
+    icon?: any;
+    selected?: boolean;
+    disabled?: boolean;
+    header?: boolean;
+}
+export interface SelectProps<T extends SelectOption> {
+    options: T[];
+    onChange: (selectOption: T) => void;
+    id?: string;
+    name?: string;
+    label?: string | React.ReactNode;
+    selectedOptionText?: string | React.ReactNode;
+    placeholder?: string | React.ReactNode;
+    bsSize?: string;
+    disabled?: boolean;
+    dropup?: boolean;
+    pullRight?: boolean;
+    autoDropDirection?: boolean;
+    tabIndex?: number;
+    hasError?: boolean;
+    useFilter?: boolean;
+    useClear?: boolean;
+    noItemMessage?: string | React.ReactNode;
+    showSelectedItemIcon?: boolean;
+    showUnselectedItemIcons?: boolean;
+    value?: string[] | undefined;
+    className?: string;
+    btnClassName?: string;
+    dropdownClassName?: string;
+}
+export interface SimpleButtonDropdownProps {
+    id?: string;
+    title: React.ReactNode | string;
+    open?: boolean;
+    dropup?: boolean;
+    pullRight?: boolean;
+    bsSize?: bsSize;
+    bsStyle?: bsStyle;
+    iconOnly?: boolean;
+    noCaret?: boolean;
+    splitButton?: boolean;
+    usePortal?: boolean;
+    items: MenuItem[];
+    className?: string;
+    dropdownClassName?: string;
+    disabled?: boolean;
+    toggleClassName?: string;
+    onLabelButtonClick?: Function;
+    onOpen?: Function;
+    onClose?: Function;
+    customDropdown?: React.ReactNode;
+    popperConfig?: object;
+}
+export interface SimpleClusterLayerProps {
+    simpleTheme?: ClusterTheme;
+}
+export interface SingleButtonDropdownProps extends SimpleButtonDropdownProps {
+}
+export interface SplitButtonDropdownProps extends ButtonDropdownProps {
+}
+export interface SingleMapMarkerProps {
+    bearing?: number;
+    name?: string | React.ReactNode;
+    warningCount?: number;
+    exceptionCount?: number;
+    active?: boolean;
+    fixed?: boolean;
+    moving?: boolean;
+    clickable?: boolean;
+    iconNames?: string[];
+    textColor?: string;
+    markerColor?: markerColor;
+}
+export interface SliderProps {
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    valueLabels?: boolean;
+    hideValueBar?: boolean;
+    largeValueLabels?: boolean;
+    step?: number;
+    disabled?: boolean;
+    onChange?: Function;
+    onDragEnd?: Function;
+    className?: string;
+}
+export declare enum SortDirection {
+    ASCENDING = "asc",
+    DESCENDING = "desc"
+}
+export interface SortArrowsProps {
+    direction?: string;
+}
+export interface SortArrowUpProps {
+}
+export interface SortArrowDownProps {
+}
+export interface SteppedProgressBarProps {
+    disableFollowingPages?: number;
+    onSelectedChanged: (selectedKey: number) => void;
+    labels: LabelObject[];
+    selectedStepNumber: number;
+    mobileBreakpoint?: boolean;
+    variant?: 'circle' | 'rectangle' | 'roadsign';
+}
+interface TableCardsSortingOption {
+    id: string;
+    label: string | React.ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+}
+export interface TableCardsSortingProps {
+    sortName: string;
+    sortOrder: SortDirection.ASCENDING | SortDirection.DESCENDING;
+    onSortChange?: Function;
+    selectOptions: TableCardsSortingOption[];
+    className?: string;
+}
+export interface TableSearchProps extends ClearableInputProps {
+}
+export interface TableSettingsDialogColumnDetails {
+    width?: number;
+    defaultWidth?: number;
+    maxWidth?: number;
+}
+export interface TableSettingsDialogProps {
+    show: boolean;
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    className?: string;
+    defaultColumnOrder: string[];
+    defaultHiddenColumns?: string[];
+    columnOrder: string[];
+    hiddenColumns?: string[];
+    columnLabels: any;
+    disabledColumns: string[];
+    columnsDetails?: TableSettingsDialogColumnDetails;
+    defaultColumnDetails?: TableSettingsDialogColumnDetails;
+    autoLabel?: string | React.ReactNode;
+    applyButtonText?: string | React.ReactNode;
+    cancelButtonText?: string | React.ReactNode;
+    closeButtonText?: string | React.ReactNode;
+    resetButtonText: string | React.ReactNode;
+    onColumnChange: Function;
+    onColumnDetailsChange?: Function;
+    onDiscard?: Function;
+    onApply?: Function;
+    onHide: Function;
+    columnSearchValue?: string;
+    onSearchChange?: Function;
+    searchPlaceholder: React.ReactNode;
+    notFoundMessage?: string;
+    immediateChange?: boolean;
+}
+export declare enum TableViewTogglesValues {
+    VIEW_TYPE_SINGLE_CARD = "SINGLE_CARD",
+    VIEW_TYPE_MULTI_CARDS = "MULTI_CARDS",
+    VIEW_TYPE_TABLE = "TABLE"
+}
+export interface TableViewTogglesProps {
+    viewType?: TableViewTogglesValues;
+    initialViewType?: TableViewTogglesValues;
+    disabledViewTypes?: TableViewTogglesValues[];
+    onViewTypeChange: (viewType: TableViewTogglesValues) => void;
+    tableViewTooltipContent?: string | React.ReactNode;
+    singleCardViewTooltipContent?: string | React.ReactNode;
+    multiCardsViewTooltipContent?: string | React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+export interface TextMarkerProps {
+    position: Position;
+    text: string;
+}
+export interface TreeCategoryProps {
+    id: string;
+    icon: string;
+    label?: string | React.ReactNode;
+    hasSelection?: boolean;
+}
+export interface TreeGroup {
+    id: string;
+    name: string | React.ReactNode;
+    icon?: string;
+    className?: string;
+}
+export interface TreeItemName {
+    firstName?: string;
+    lastName: string;
+}
+export interface TreeItem {
+    id: string;
+    name: string | TreeItemName;
+    info?: string | React.ReactNode;
+    type: string;
+    groupIds?: string[];
+    className?: string;
+}
+export interface TreeOption {
+    isChecked?: boolean;
+    onChange?: Function;
+    label: string | React.ReactNode;
+    className?: string;
+}
+export interface TreeProps {
+    groups?: TreeGroup[];
+    items?: TreeItem[];
+    selectedGroups?: string[];
+    selectedItems?: string[];
+    onSelectionChange?: Function;
+    hasMultiselect?: boolean;
+    showRadioButtons?: boolean;
+    hideSearch?: boolean;
+    hideTreeHead?: boolean;
+    searchPlaceholder?: string;
+    onSearchChange?: Function;
+    search?: JSX.Element;
+    summary?: JSX.Element;
+    scrollHeight?: number;
+    expandedGroups?: string[];
+    onExpandGroupsChange?: Function;
+    showEmptyGroups?: boolean;
+    treeOptions?: TreeOption[];
+    className?: string;
+}
+export interface TreeSearchProps {
+    value?: string;
+    onChange?: Function;
+    placeholder?: string;
+    className?: string;
+}
+export interface TreeSummaryCounts {
+    truck?: number;
+    trailer?: number;
+    bus?: number;
+    van?: number;
+    driver?: number;
+}
+export interface TreeSummaryProps {
+    assetCounts: TreeSummaryCounts;
+    className?: string;
+}
+export interface TypeCounterProps {
+    type?: string;
+    icon?: string;
+    isActive?: boolean;
+    hasFilter?: boolean;
+    enableActivity?: boolean;
+    hideOnZero?: boolean;
+    onClick?: (type: string) => void;
+    value?: string | React.ReactNode | number;
+}
+export type UseClickOutside<T extends HTMLElement = any> = (callback: (event: React.MouseEvent<HTMLButtonElement>) => void, events?: ['mousedown', 'touchstart']) => React.MutableRefObject<T>;
+export type UseClipboard = (options: {
+    timeout: number;
+}) => {
+    copy: (valueToCopy: any) => void;
+    reset: () => void;
+    error: Error;
+    copied: boolean;
+};
+export type UseDebugInfo = (componentName: string, props: object) => {
+    count: number;
+    changedProps: any;
+    timeSinceLastRender: number;
+    lastRenderTimestamp: number;
+};
+export type UseEffectOnce = (callback: () => void) => void;
+export type UseElementSize = (elementRef: {
+    current: Element;
+}) => [number, number];
+type EventCallback = (this: Document, event_: any) => any;
+type OnChangeEventCallback = (this: Document, event_: any, isOpen: boolean) => any;
+type RequestFullscreenOptions = {
+    navigationUI?: string | 'auto' | 'hide' | 'show';
+};
+type FullScreenOptions = {
+    element?: HTMLElement;
+    onChange?: OnChangeEventCallback;
+    onError?: EventCallback;
+    requestFullscreenOptions?: RequestFullscreenOptions;
+};
+type FullscreenApi = {
+    requestFullscreen: () => void | ((element?: HTMLElement) => Promise<unknown>);
+    exitFullscreen: () => void | (() => Promise<unknown>);
+    toggleFullscreen: () => void | ((element?: HTMLElement) => Promise<unknown>);
+    isEnabled: boolean;
+    isFullscreen: boolean;
+};
+export type UseFullscreen = ({}: FullScreenOptions) => FullscreenApi | undefined;
+export type UseInterval = (callback: () => void, delay?: number) => React.MutableRefObject<object>;
+export type UseOnlineStatus = () => boolean;
+export type UseOnScreen = (ref: React.MutableRefObject<object>, options?: {
+    rootMargins?: string;
+    threshold?: number | number[];
+}) => boolean;
+export type UseRenderCount = () => number;
+export type UseResizeObserver = () => [React.MutableRefObject<object>, ResizeObserverEntry];
+export type UseStateWithValidation = (validationFn: Function, initialValue: any) => [any, Function, boolean];
+export type UseLocalStorage = (key: string, defaultValue: any) => [any, Function, Function];
+export type UseSessionStorage = (key: string, defaultValue: any) => [any, Function, Function];
+export type UseTimeout = (callback: () => void, delay?: number) => React.MutableRefObject<object>;
+export type UseWindowResize = (callback: () => void, timeout?: number) => void;
+export type UseDarkMode = () => boolean;
+export type UseMutationObserver = (targetElement: HTMLElement | React.MutableRefObject<object> | null | undefined, callback: MutationCallback | undefined, options?: {
+    attributes?: boolean;
+    childList?: boolean;
+    subtree?: boolean;
+}) => void;
+export type UseScrollPosition = (target: Window | HTMLBodyElement | React.ReactElement | React.MutableRefObject<object> | undefined) => number;
+export {};