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

package/types.ts

@@ -1,2275 +0,0 @@
-import React from 'react';
-import { DatetimepickerProps } from 'react-datetime';
-import { Moment } from 'moment';
-
-// A --------------------------------------------------------------------------------------------------
-
-export interface ActionBarItemIconProps {
-    className?: string;
-}
-
-export interface ActionBarItemPopoverProps {
-    title?: string | React.ReactNode;
-    useOffscreen?: boolean;
-    className?: string;
-}
-
-export interface ActionBarItemProps {
-    id?: string;
-    title?: string | React.ReactNode;
-    className?: string;
-    hidePopoverOnClick?: boolean;
-    popoverWidth?: 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;
-    mobileDialogBodyClassName?: string;
-}
-
-export interface ActionBarItemListProps {
-    className?: string;
-}
-
-export interface ActionBarItemListItemProps {
-    hasLink?: boolean;
-    icon?: string;
-    onClick?: Function;
-    className?: string;
-}
-
-export interface ActionBarItemListSeparatorProps {
-    className?: string;
-}
-
-export interface ActivityProps {
-    activity: string;
-    bsSize?: string;
-    duration?: string | React.ReactNode;
-    isOutdated?: boolean;
-    onClick?: Function;
-    className?: string;
-}
-
-export type ActionBarItemPopoverWidth = 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;
-
-export interface AnimatedNumberProps {
-    start: number;
-    end: number;
-    prefix?: string;
-    unit?: string;
-    speed?: number;
-    decreasing?: boolean;
-    onEnd?: Function;
-    className?: string;
-}
-
-export interface AppNavigationBarProps {
-    ref?: React.MutableRefObject<object>;
-    title?: string | React.ReactNode;
-    right?: React.ReactNode;
-    onNavigateBack?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    className?: string;
-}
-
-export interface ApplicationHeaderProps {
-    label?: React.ReactNode;
-    homeRoute?: React.ReactNode;
-    showHomeIcon?: boolean;
-    appNavigator?: React.ReactNode;
-    appNavigatorClassName?: string;
-    appMenuItems?: ModulePropTypes[];
-    navItems?: ModulePropTypes[];
-    actionBarItems: React.ReactNode[];
-    onToggleAppMenu?: (isOpen: boolean) => void;
-    className?: string;
-}
-
-export interface ApplicationLayoutProps {
-    className?: string;
-    layoutRef?: React.MutableRefObject<object>;
-}
-
-export interface ApplicationLayoutHeaderProps {
-    className?: string;
-}
-
-export interface ApplicationLayoutSidebarProps {
-    ref?: React.MutableRefObject<object>;
-    className?: string;
-}
-
-export interface ApplicationLayoutBodyProps {
-    className?: string;
-    innerClassName?: string;
-    enableScrollToTop?: boolean;
-    forceScrollbar?: boolean;
-    banner?: React.ReactNode;
-    bottomBar?: React.ReactNode;
-    bottomBarHeight?: number;
-}
-
-export interface ApplicationLayoutBodyBannerProps {
-    className?: string;
-    textColor?: string;
-    backgroundColor?: string;
-    isSticky?: boolean;
-}
-
-export interface ApplicationLayoutBodyBottomBarProps {
-    className?: string;
-    useBodyPaddings?: boolean;
-    buttonAlignment?: 'left' | 'right';
-}
-
-export interface ApplicationLayoutBodyNavigationProps {
-    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 AspectRatioPlaceholderProps {
-    height?: number;
-    width?: number;
-    className?: string;
-    children?: React.ReactNode | 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[];
-}
-
-// B --------------------------------------------------------------------------------------------------
-
-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?: stateAlignment;
-    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 BottomSheetProps {
-    show: boolean;
-    onClose?: Function;
-    width?: number | string;
-    height?: number | string;
-    title?: string | React.ReactNode;
-    showCloseButton?: boolean;
-    showMaximizeButton?: boolean;
-    onHeightChange?: Function;
-    detach?: boolean;
-    useBackdrop?: boolean;
-    onBackdropClick?: Function;
-    bodyRef?: React.MutableRefObject<object>;
-    bodyClassName?: string;
-    className?: string;
-}
-
-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;
-}
-
-// C --------------------------------------------------------------------------------------------------
-
-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 {}
-
-// D --------------------------------------------------------------------------------------------------
-
-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;
-}
-
-// E --------------------------------------------------------------------------------------------------
-
-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;
-}
-
-// F --------------------------------------------------------------------------------------------------
-
-export interface FadeProps {
-    in?: boolean; // deprecated
-    appear?: boolean; // deprecated
-    timeout?: number; // deprecated
-    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; // deprecated
-    onEntering?: Function; // deprecated
-    onEntered?: Function; // deprecated
-    onExit?: Function; // deprecated
-    onExiting?: Function; // deprecated
-    onExited?: Function; // deprecated
-}
-
-type FilePickerRenderProps = {
-    isDragActive: boolean;
-};
-
-export interface FilePickerProps {
-    displayMode?: 'button' | 'dropzone' | 'full';
-    multiple?: boolean; // multi select
-    label?: string | React.ReactNode;
-    maxSize?: number; // max file size
-    onPick: (files: FileList | null) => void;
-    className?: string;
-    accept?: {
-        [mimeType: string]: string[];
-    };
-    children?: ({ isDragActive }: FilePickerRenderProps) => any;
-}
-
-export interface ForbiddenStateProps extends BaseStateProps {}
-
-// I --------------------------------------------------------------------------------------------------
-
-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;
-}
-
-// L --------------------------------------------------------------------------------------------------
-
-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?: 'left' | 'center' | 'right';
-    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 LoadMoreButtonProps {
-    loaded?: number;
-    total?: number;
-    noMoreMessage?: string | React.ReactNode;
-    loadMoreMessage?: string | React.ReactNode;
-    onLoadMore?: Function;
-    className?: string;
-}
-
-// M --------------------------------------------------------------------------------------------------
-
-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 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;
-}
-
-export interface ModulePropTypes {
-    key: string;
-    route: React.ReactNode;
-}
-
-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;
-}
-
-// N --------------------------------------------------------------------------------------------------
-
-export interface NavItem {
-    key: string;
-    item: React.ReactNode;
-    disabled?: boolean;
-}
-
-export interface NoDataProps {
-    text: string | React.ReactNode;
-    className?: string;
-    tooltip?: string | React.ReactNode;
-    tooltipPlacement?: string;
-    tooltipWidth?: string;
-}
-
-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>;
-}
-
-// O --------------------------------------------------------------------------------------------------
-
-export enum OverlayTriggerPlacement {
-    AUTO_START = 'auto-start',
-    AUTO = 'auto',
-    AUTO_END = 'auto-end',
-
-    TOP_START = 'top-start',
-    TOP = 'top',
-    TOP_END = 'top-end',
-
-    BOTTOM_START = 'bottom-start',
-    BOTTOM = 'bottom',
-    BOTTOM_END = 'bottom-end',
-
-    RIGHT_START = 'right-start',
-    RIGHT = 'right',
-    RIGHT_END = 'right-end',
-
-    LEFT_START = 'left-start',
-    LEFT = 'left',
-    LEFT_END = 'left-end',
-}
-
-export enum OverlayTriggerEvent {
-    TRIGGER_CLICK = 'click',
-    TRIGGER_HOVER = 'hover',
-    TRIGGER_FOCUS = 'focus',
-}
-
-export enum OnboardingTipAlignment {
-    TEXT_ALIGNMENT_LEFT = 'left',
-    TEXT_ALIGNMENT_CENTER = 'center',
-    TEXT_ALIGNMENT_RIGHT = 'right',
-}
-
-export interface OnboardingTipProps {
-    id?: string | number;
-    placement?:
-        | placement
-        | OverlayTriggerPlacement.AUTO_START
-        | OverlayTriggerPlacement.AUTO
-        | OverlayTriggerPlacement.AUTO_END
-        | OverlayTriggerPlacement.TOP_START
-        | OverlayTriggerPlacement.TOP
-        | OverlayTriggerPlacement.TOP_END
-        | OverlayTriggerPlacement.BOTTOM_START
-        | OverlayTriggerPlacement.BOTTOM
-        | OverlayTriggerPlacement.BOTTOM_END
-        | OverlayTriggerPlacement.RIGHT_START
-        | OverlayTriggerPlacement.RIGHT
-        | OverlayTriggerPlacement.RIGHT_END
-        | OverlayTriggerPlacement.LEFT_START
-        | OverlayTriggerPlacement.LEFT
-        | OverlayTriggerPlacement.LEFT_END;
-    show: boolean;
-    showCloseIcon?: boolean;
-    textAlignment?:
-        | 'left'
-        | 'center'
-        | 'right'
-        | OnboardingTipAlignment.TEXT_ALIGNMENT_LEFT
-        | OnboardingTipAlignment.TEXT_ALIGNMENT_CENTER
-        | OnboardingTipAlignment.TEXT_ALIGNMENT_RIGHT;
-    onHide: Function;
-    hideOnScroll?: boolean;
-    useInDialog?: boolean;
-    title?: string | React.ReactNode;
-    content?: string | React.ReactNode;
-    className?: string;
-    clickflow?: boolean;
-    // clickflowBackdrop?: boolean;
-    children?: any;
-    width?: tooltipWidth;
-    preventOverflow?: boolean;
-    popperConfig?: object;
-}
-
-interface delayProp {
-    show: number;
-    hide: number;
-}
-
-export interface OverlayTriggerProps {
-    placement:
-        | placement
-        | OverlayTriggerPlacement.AUTO_START
-        | OverlayTriggerPlacement.AUTO
-        | OverlayTriggerPlacement.AUTO_END
-        | OverlayTriggerPlacement.TOP_START
-        | OverlayTriggerPlacement.TOP
-        | OverlayTriggerPlacement.TOP_END
-        | OverlayTriggerPlacement.BOTTOM_START
-        | OverlayTriggerPlacement.BOTTOM
-        | OverlayTriggerPlacement.BOTTOM_END
-        | OverlayTriggerPlacement.RIGHT_START
-        | OverlayTriggerPlacement.RIGHT
-        | OverlayTriggerPlacement.RIGHT_END
-        | OverlayTriggerPlacement.LEFT_START
-        | OverlayTriggerPlacement.LEFT
-        | OverlayTriggerPlacement.LEFT_END;
-    trigger?:
-        | 'click'
-        | 'hover'
-        | 'focus'
-        | OverlayTriggerEvent.TRIGGER_CLICK
-        | OverlayTriggerEvent.TRIGGER_HOVER
-        | OverlayTriggerEvent.TRIGGER_FOCUS;
-    delay?: number | delayProp;
-    defaultShow?: boolean;
-    onToggle?: Function;
-    overlay: React.ReactNode;
-    popperConfig?: object;
-    children: React.ReactNode;
-}
-
-// P --------------------------------------------------------------------------------------------------
-
-export 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'
-        | OverlayTriggerPlacement.AUTO
-        | OverlayTriggerPlacement.TOP
-        | OverlayTriggerPlacement.BOTTOM
-        | OverlayTriggerPlacement.RIGHT
-        | OverlayTriggerPlacement.LEFT;
-}
-
-// R --------------------------------------------------------------------------------------------------
-
-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 enum ResizerDirection {
-    HORIZONTAL = 'x',
-    VERTICAL = 'y',
-}
-
-export 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 ResponsiveVideoProps {
-    src: string;
-    aspectRatio: '4by3' | '16by9';
-    allowFullScreen?: 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;
-}
-
-// S --------------------------------------------------------------------------------------------------
-
-export interface SelectedSuggestion {
-    highlightedItemIndex: -1;
-    suggestionValue: string | React.ReactElement;
-    suggestion: AutoSuggestSuggestion;
-}
-
-export interface SelectOption {
-    id: string;
-    label: string | React.ReactNode;
-    icon?: any; // TODO
-    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;
-    rightContent?: string | React.ReactNode;
-    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 SimpleTooltipProps {
-    placement:
-        | placement
-        | OverlayTriggerPlacement.AUTO_START
-        | OverlayTriggerPlacement.AUTO
-        | OverlayTriggerPlacement.AUTO_END
-        | OverlayTriggerPlacement.TOP_START
-        | OverlayTriggerPlacement.TOP
-        | OverlayTriggerPlacement.TOP_END
-        | OverlayTriggerPlacement.BOTTOM_START
-        | OverlayTriggerPlacement.BOTTOM
-        | OverlayTriggerPlacement.BOTTOM_END
-        | OverlayTriggerPlacement.RIGHT_START
-        | OverlayTriggerPlacement.RIGHT
-        | OverlayTriggerPlacement.RIGHT_END
-        | OverlayTriggerPlacement.LEFT_START
-        | OverlayTriggerPlacement.LEFT
-        | OverlayTriggerPlacement.LEFT_END;
-    content: string | React.ReactNode;
-    trigger?: 'click' | 'hover' | 'focus';
-    targetRef?: React.MutableRefObject<object>;
-    delay?: number | delayProp;
-    popperConfig?: object;
-    children: React.ReactNode;
-}
-
-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 enum SortDirection {
-    ASCENDING = 'asc',
-    DESCENDING = 'desc',
-}
-
-export interface SortArrowsProps {
-    direction?: string;
-}
-
-export interface SortArrowUpProps {}
-export interface SortArrowDownProps {}
-
-export type stateAlignment = 'left' | 'center' | 'right';
-
-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 SubNavigationProps {
-    navItems?: ModulePropTypes[];
-    className?: string;
-}
-
-export interface SwitchProps {
-    keyName?: string;
-    onChange: (toggleState: boolean) => void;
-    checked?: boolean;
-    minWidth?: number;
-    disabled?: boolean;
-    enabledText?: string;
-    disabledText?: string;
-    labelPosition?: 'left' | 'right';
-}
-
-// T --------------------------------------------------------------------------------------------------
-
-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 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 {
-    // tslint:disable-next-line:no-any
-    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 type placement =
-    | 'top-left'
-    | 'top'
-    | 'top-right'
-    | 'right-top'
-    | 'right'
-    | 'right-bottom'
-    | 'bottom-right'
-    | 'bottom'
-    | 'bottom-left'
-    | 'left-bottom'
-    | 'left'
-    | 'left-top';
-
-export type tooltipWidth = 'auto' | 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;
-
-export interface ToolTipProps {
-    id?: string | number;
-    placement?:
-        | placement
-        | OverlayTriggerPlacement.AUTO_START
-        | OverlayTriggerPlacement.AUTO
-        | OverlayTriggerPlacement.AUTO_END
-        | OverlayTriggerPlacement.TOP_START
-        | OverlayTriggerPlacement.TOP
-        | OverlayTriggerPlacement.TOP_END
-        | OverlayTriggerPlacement.BOTTOM_START
-        | OverlayTriggerPlacement.BOTTOM
-        | OverlayTriggerPlacement.BOTTOM_END
-        | OverlayTriggerPlacement.RIGHT_START
-        | OverlayTriggerPlacement.RIGHT
-        | OverlayTriggerPlacement.RIGHT_END
-        | OverlayTriggerPlacement.LEFT_START
-        | OverlayTriggerPlacement.LEFT
-        | OverlayTriggerPlacement.LEFT_END;
-    offsetTop?: string | number;
-    offsetLeft?: string | number;
-    textAlignment?: 'left' | 'center' | 'right';
-    tooltipStyle?: 'default' | 'onboarding';
-    className?: string;
-    children?: any;
-    width?: tooltipWidth;
-}
-
-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;
-}
-
-// U --------------------------------------------------------------------------------------------------
-
-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 = {
-    // string will help to ease type casting
-    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;