@rio-cloud/rio-uikit 0.16.3 → 0.16.4-beta.10

package/types.d.ts

@@ -0,0 +1,1383 @@
+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 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 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 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 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 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 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 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 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 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 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 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 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 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 {};