@rio-cloud/rio-uikit 1.0.0 → 1.1.0

package/lib/es/components/map/components/features/layers/baselayers/useBaseLayer.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBaseLayer = exports.getDefaultBaseLayer = void 0;
-const react_1 = require("react");
-require("../../../../utils/mapUtils");
-const constants_1 = require("../../../constants");
-// Obtain the default map types from the platform object:
-const getDefaultBaseLayer = (defaultLayers, mapType, useWebGL) => {
-    if (mapType === constants_1.MAP_TYPE_SATELLITE) {
-        return defaultLayers === null || defaultLayers === void 0 ? void 0 : defaultLayers.raster.satellite.map;
-    }
-    if (mapType === constants_1.MAP_TYPE_TERRAIN) {
-        return defaultLayers === null || defaultLayers === void 0 ? void 0 : defaultLayers.raster.terrain.map;
-    }
-    if (mapType === constants_1.MAP_TYPE_FLEET_STYLE) {
-        return defaultLayers === null || defaultLayers === void 0 ? void 0 : defaultLayers.raster.normal.map;
-    }
-    if (mapType === constants_1.MAP_TYPE_NIGHT) {
-        return defaultLayers === null || defaultLayers === void 0 ? void 0 : defaultLayers.raster.normal.mapnight;
-    }
-    if (useWebGL) {
-        return defaultLayers === null || defaultLayers === void 0 ? void 0 : defaultLayers.vector.normal.map;
-    }
-    return defaultLayers === null || defaultLayers === void 0 ? void 0 : defaultLayers.raster.normal.map;
-};
-exports.getDefaultBaseLayer = getDefaultBaseLayer;
-function getPpi() {
-    return window.devicePixelRatio >= 1.7 ? 400 : 100;
-}
-const useBaseLayer = (props) => {
-    const { api, additionalParameters = {}, language, isWebGL = false, mapType } = props;
-    const [baseLayer, setBaseLayer] = (0, react_1.useState)(null);
-    // When the language changes from the outside, re-create the base layer with the new locale
-    (0, react_1.useEffect)(() => {
-        setBaseLayer(null);
-    }, [language]);
-    (0, react_1.useEffect)(() => {
-        var _a, _b;
-        if (!baseLayer) {
-            // Base raster
-            // const rasterTileService = api.platform?.getRasterTileService({
-            //     format: 'png', // or jpg, png8
-            //     queryParams: {
-            //         lang: 'en',
-            //         ppi: getPpi(),
-            //         style: 'explore.day',
-            //         features:
-            //             'pois:all,environmental_zones:all,congestion_zones:all,vehicle_restrictions:active_and_inactive',
-            //     },
-            // });
-            // const rasterTileProvider = new H.service.rasterTile.Provider(rasterTileService, {
-            //     engineType: H.Map.EngineType['P2D'],
-            //     tileSize: 512,
-            // });
-            // const rasterTileLayer = new H.map.layer.TileLayer(rasterTileProvider);
-            // const defaultLayer = rasterTileLayer;
-            // api.map?.setBaseLayer(defaultLayer);
-            // setBaseLayer(defaultLayer);
-            const additionalParametersWithLocale = Object.assign(Object.assign({}, additionalParameters), { 
-                // Define the overall map language here so that all counties use that locale
-                // and don't show their native label names. For more details see:
-                // https://developer.here.com/documentation/examples/maps-js/maps/map-multi-language-support
-                // Note: it takes the short locale like "de", "en" etc.
-                lg: language.includes('-') ? language.split('-')[0] : language, 
-                // ppi: getPPI(),
-                engineType: isWebGL ? H.Map.EngineType['HARP'] : H.Map.EngineType['P2D'] });
-            const defaultLayers = (_a = api.platform) === null || _a === void 0 ? void 0 : _a.createDefaultLayers(additionalParametersWithLocale);
-            const newBaseLayer = (0, exports.getDefaultBaseLayer)(defaultLayers, mapType, isWebGL);
-            if (newBaseLayer) {
-                (_b = api.map) === null || _b === void 0 ? void 0 : _b.setBaseLayer(newBaseLayer);
-                setBaseLayer(newBaseLayer);
-            }
-        }
-    });
-};
-exports.useBaseLayer = useBaseLayer;

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

@@ -1,50 +0,0 @@
-export function getPPI(): undefined;
-export function createUtils(mapApi: any): {
-    getCenter: () => {
-        lat: any;
-        lng: any;
-    };
-    setCenter: (position: any, animate: any) => void;
-    getZoom: () => number;
-    setZoom: (zoom: any, zoomAnimation?: boolean) => void;
-    getViewPort: () => {
-        width: any;
-        height: any;
-        margin: any;
-        padding: {
-            top: any;
-            right: any;
-            bottom: any;
-            left: any;
-        };
-        center: {
-            x: any;
-            y: any;
-        };
-    };
-    getBounds: () => {
-        topLeft: {
-            lng: any;
-            lat: any;
-        };
-        bottomRight: {
-            lng: any;
-            lat: any;
-        };
-    };
-    getObjects: () => any;
-    getLayers: () => any;
-    getBaseLayer: () => any;
-    getGroups: () => any[];
-    getMarkers: () => any[];
-    findMarkerByLatLng: (lat: any, lng: any) => any;
-    findMarkersByLatLng: (lat: any, lng: any) => any[];
-    getRoutePolylines: () => any[];
-    getObjectType: (hereObject: any) => "H.map.Group" | "H.map.DomMarker" | "H.map.Marker" | "H.map.AbstractMarker" | "H.map.Polyline" | "H.map.Rect" | "H.map.Circle" | "H.map.Polygon" | "H.map.Object";
-    getObjectTypes: import("lodash/fp").LodashMap1x1<any, "H.map.Group" | "H.map.DomMarker" | "H.map.Marker" | "H.map.AbstractMarker" | "H.map.Polyline" | "H.map.Rect" | "H.map.Circle" | "H.map.Polygon" | "H.map.Object">;
-    getLayerType: (hereLayer: any) => "H.map.layer.BaseTileLayer" | "H.map.layer.MarkerTileLayer" | "H.map.layer.TileLayer" | "H.map.layer.CanvasLayer" | "H.map.layer.DomLayer" | "H.map.layer.ObjectLayer" | "H.map.layer.Layer";
-    getLayerTypes: import("lodash/fp").LodashMap1x1<any, "H.map.layer.BaseTileLayer" | "H.map.layer.MarkerTileLayer" | "H.map.layer.TileLayer" | "H.map.layer.CanvasLayer" | "H.map.layer.DomLayer" | "H.map.layer.ObjectLayer" | "H.map.layer.Layer">;
-    getMarkerIconClassName: (domMarker: any) => any;
-    getPosition: (marker: any) => any;
-    getLatLngAltArray: (polyline: any) => any;
-};

package/lib/es/components/map/components/mapUtils.js

@@ -1,154 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createUtils = exports.getPPI = void 0;
-const tslib_1 = require("tslib");
-const map_1 = tslib_1.__importDefault(require("lodash/fp/map"));
-const flatMap_1 = tslib_1.__importDefault(require("lodash/fp/flatMap"));
-const filter_1 = tslib_1.__importDefault(require("lodash/fp/filter"));
-const flow_1 = tslib_1.__importDefault(require("lodash/fp/flow"));
-const first_1 = tslib_1.__importDefault(require("lodash/fp/first"));
-const constants_1 = require("./constants");
-// Note: higher PPI image tiles result in larger label size and show more label on the map
-const getPPI = () => undefined; // window.devicePixelRatio > 1 ? HIGH_RES_PPI : undefined;
-exports.getPPI = getPPI;
-const latLngFilterFunction = (lat, lng) => obj => obj.getGeometry && obj.getGeometry().lat === lat && obj.getGeometry().lng === lng;
-const typeFilterFunction = hereType => obj => obj instanceof hereType;
-const markerFilterFunction = typeFilterFunction(H.map.AbstractMarker);
-const groupFilterFunction = typeFilterFunction(H.map.Group);
-const polylineFilterFunction = typeFilterFunction(H.map.Polyline);
-const getMarkerIconClassName = domMarker => domMarker.getIcon().c.className;
-const getPosition = marker => marker.getGeometry();
-const getLatLngAltArray = polyline => polyline.getGeometry().getLatLngAltArray();
-const getObjectType = hereObject => {
-    if (hereObject instanceof H.map.Group) {
-        return 'H.map.Group';
-    }
-    if (hereObject instanceof H.map.DomMarker) {
-        return 'H.map.DomMarker';
-    }
-    if (hereObject instanceof H.map.Marker) {
-        return 'H.map.Marker';
-    }
-    if (hereObject instanceof H.map.AbstractMarker) {
-        return 'H.map.AbstractMarker';
-    }
-    if (hereObject instanceof H.map.Polyline) {
-        return 'H.map.Polyline';
-    }
-    if (hereObject instanceof H.map.Rect) {
-        return 'H.map.Rect';
-    }
-    if (hereObject instanceof H.map.Circle) {
-        return 'H.map.Circle';
-    }
-    if (hereObject instanceof H.map.Polygon) {
-        return 'H.map.Polygon';
-    }
-    return 'H.map.Object';
-};
-const getObjectTypes = (0, map_1.default)(getObjectType);
-const getLayerType = hereLayer => {
-    if (hereLayer instanceof H.map.layer.BaseTileLayer) {
-        return 'H.map.layer.BaseTileLayer';
-    }
-    if (hereLayer instanceof H.map.layer.MarkerTileLayer) {
-        return 'H.map.layer.MarkerTileLayer';
-    }
-    if (hereLayer instanceof H.map.layer.TileLayer) {
-        return 'H.map.layer.TileLayer';
-    }
-    if (hereLayer instanceof H.map.layer.CanvasLayer) {
-        return 'H.map.layer.CanvasLayer';
-    }
-    if (hereLayer instanceof H.map.layer.DomLayer) {
-        return 'H.map.layer.DomLayer';
-    }
-    if (hereLayer instanceof H.map.layer.ObjectLayer) {
-        return 'H.map.layer.ObjectLayer';
-    }
-    return 'H.map.layer.Layer';
-};
-const getLayerTypes = (0, map_1.default)(getLayerType);
-const createUtils = mapApi => {
-    return {
-        getCenter: () => {
-            const center = mapApi.getCenter();
-            return {
-                lat: center.lat,
-                lng: center.lng,
-            };
-        },
-        setCenter: (position, animate) => {
-            mapApi.getViewModel().setLookAtData({ position }, animate);
-        },
-        getZoom: () => {
-            const { zoom } = mapApi.getViewModel().getLookAtData();
-            return Math.round(zoom);
-        },
-        setZoom: (zoom, zoomAnimation = false) => {
-            mapApi.getViewModel().setLookAtData({ zoom }, zoomAnimation);
-        },
-        getViewPort: () => {
-            const viewPort = mapApi.getViewPort();
-            return {
-                width: viewPort.width,
-                height: viewPort.height,
-                margin: viewPort.margin,
-                padding: {
-                    top: viewPort.padding.top,
-                    right: viewPort.padding.right,
-                    bottom: viewPort.padding.bottom,
-                    left: viewPort.padding.left,
-                },
-                center: {
-                    x: viewPort.center.x,
-                    y: viewPort.center.y,
-                },
-            };
-        },
-        getBounds: () => {
-            const { bounds } = mapApi.getViewModel().getLookAtData();
-            // TODO: remove old 3.0 version after all Services use the latest Map
-            if (bounds.getTopLeft) {
-                return {
-                    topLeft: {
-                        lng: bounds.getTopLeft().lng,
-                        lat: bounds.getTopLeft().lat,
-                    },
-                    bottomRight: {
-                        lng: bounds.getBottomRight().lng,
-                        lat: bounds.getBottomRight().lat,
-                    },
-                };
-            }
-            // HERE Maps API for JavaScript 3.1
-            const boundingBox = bounds.getBoundingBox();
-            return {
-                topLeft: {
-                    lng: boundingBox.getTopLeft().lng,
-                    lat: boundingBox.getTopLeft().lat,
-                },
-                bottomRight: {
-                    lng: boundingBox.getBottomRight().lng,
-                    lat: boundingBox.getBottomRight().lat,
-                },
-            };
-        },
-        getObjects: () => mapApi.getObjects(),
-        getLayers: () => mapApi.getLayers().asArray(),
-        getBaseLayer: () => mapApi.getBaseLayer(),
-        getGroups: () => (0, filter_1.default)(groupFilterFunction)(mapApi.getObjects()),
-        getMarkers: () => (0, filter_1.default)(markerFilterFunction)(mapApi.getObjects()),
-        findMarkerByLatLng: (lat, lng) => (0, flow_1.default)((0, filter_1.default)(markerFilterFunction && latLngFilterFunction(lat, lng)), first_1.default)(mapApi.getObjects()),
-        findMarkersByLatLng: (lat, lng) => (0, filter_1.default)(markerFilterFunction && latLngFilterFunction(lat, lng))(mapApi.getObjects()),
-        getRoutePolylines: () => (0, flow_1.default)((0, filter_1.default)(groupFilterFunction), (0, flatMap_1.default)(group => group.getObjects()), (0, filter_1.default)(polylineFilterFunction))(mapApi.getObjects()),
-        getObjectType,
-        getObjectTypes,
-        getLayerType,
-        getLayerTypes,
-        getMarkerIconClassName,
-        getPosition,
-        getLatLngAltArray,
-    };
-};
-exports.createUtils = createUtils;

package/lib/es/components/map/herePolyfill.js

@@ -1,7 +0,0 @@
-"use strict";
-/* eslint-disable no-undef */
-if (H) {
-    if (!H.geo.LineString) {
-        H.geo.LineString = H.geo.Strip;
-    }
-}

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

@@ -1,47 +0,0 @@
-export default mapProps;
-declare namespace mapProps {
-    export { position };
-    export { positions };
-    export { icon };
-    export { map };
-    export { group };
-    export { mapEvents };
-    export { api };
-    export { settings };
-    export { rect };
-    export { clusterTheme };
-}
-declare const position: PropTypes.Requireable<PropTypes.InferProps<{
-    lat: PropTypes.Validator<number>;
-    lng: PropTypes.Validator<number>;
-}>>;
-declare const positions: PropTypes.Requireable<(PropTypes.InferProps<{
-    lat: PropTypes.Validator<number>;
-    lng: PropTypes.Validator<number>;
-}> | null | undefined)[]>;
-declare const icon: PropTypes.Requireable<H.map.DomIcon>;
-declare const map: PropTypes.Requireable<H.Map>;
-declare const group: PropTypes.Requireable<H.map.Group>;
-declare const mapEvents: PropTypes.Requireable<H.mapevents.MapEvents>;
-declare const api: PropTypes.Requireable<PropTypes.InferProps<{
-    map: PropTypes.Requireable<H.Map>;
-    platform: PropTypes.Requireable<H.service.Platform>;
-    defaultLayers: PropTypes.Requireable<object>;
-    group: PropTypes.Requireable<NonNullable<H.Map | H.map.Group | null | undefined>>;
-}>>;
-declare const settings: PropTypes.Requireable<PropTypes.InferProps<{
-    baseLayer: PropTypes.Requireable<string>;
-    mapLayer: PropTypes.Requireable<(string | null | undefined)[]>;
-    showCluster: PropTypes.Requireable<boolean>;
-}>>;
-declare const rect: PropTypes.Requireable<PropTypes.InferProps<{
-    top: PropTypes.Validator<number>;
-    bottom: PropTypes.Validator<number>;
-    left: PropTypes.Validator<number>;
-    right: PropTypes.Validator<number>;
-}>>;
-declare const clusterTheme: PropTypes.Requireable<PropTypes.InferProps<{
-    getNoisePresentation: PropTypes.Validator<(...args: any[]) => any>;
-    getClusterPresentation: PropTypes.Validator<(...args: any[]) => any>;
-}>>;
-import PropTypes from "prop-types";

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

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-/* eslint-disable no-undef */
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
-const position = prop_types_1.default.shape({
-    lat: prop_types_1.default.number.isRequired,
-    lng: prop_types_1.default.number.isRequired,
-});
-const positions = prop_types_1.default.arrayOf(position);
-const hMapIcon = prop_types_1.default.instanceOf(H.map.Icon);
-const hMapDomIcon = prop_types_1.default.instanceOf(H.map.DomIcon);
-const rect = prop_types_1.default.shape({
-    top: prop_types_1.default.number.isRequired,
-    bottom: prop_types_1.default.number.isRequired,
-    left: prop_types_1.default.number.isRequired,
-    right: prop_types_1.default.number.isRequired,
-});
-const icon = prop_types_1.default.oneOfType([hMapIcon, hMapDomIcon, prop_types_1.default.string, prop_types_1.default.element]);
-const map = prop_types_1.default.instanceOf(H.Map);
-const group = prop_types_1.default.instanceOf(H.map.Group);
-const mapOrGroup = prop_types_1.default.oneOfType([map, group]);
-const platform = prop_types_1.default.instanceOf(H.service.Platform);
-const mapEvents = prop_types_1.default.instanceOf(H.mapevents.MapEvents);
-const defaultLayers = prop_types_1.default.object;
-const api = prop_types_1.default.shape({
-    map,
-    platform,
-    defaultLayers,
-    group: mapOrGroup,
-});
-const settings = prop_types_1.default.shape({
-    baseLayer: prop_types_1.default.string,
-    mapLayer: prop_types_1.default.arrayOf(prop_types_1.default.string),
-    showCluster: prop_types_1.default.bool,
-});
-const clusterTheme = prop_types_1.default.shape({
-    getNoisePresentation: prop_types_1.default.func.isRequired,
-    getClusterPresentation: prop_types_1.default.func.isRequired,
-});
-const mapProps = {
-    position,
-    positions,
-    icon,
-    map,
-    group,
-    mapEvents,
-    api,
-    settings,
-    rect,
-    clusterTheme,
-};
-exports.default = mapProps;

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

@@ -1,2 +0,0 @@
-export function validateMinMaxZoomUnchanged(props: any, nextProps: any): void;
-export function getKeyOrDefault(defaultValue: any, object: any): any;

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getKeyOrDefault = exports.validateMinMaxZoomUnchanged = void 0;
-const tslib_1 = require("tslib");
-const getOr_1 = tslib_1.__importDefault(require("lodash/fp/getOr"));
-const MapException_1 = tslib_1.__importDefault(require("../exceptions/MapException"));
-const validateMinMaxZoomUnchanged = (props, nextProps) => {
-    if (props.minZoom !== nextProps.minZoom || props.maxZoom !== nextProps.maxZoom) {
-        throw new MapException_1.default('rio-map currently does not support changing of minZoom/maxZoom property.');
-    }
-};
-exports.validateMinMaxZoomUnchanged = validateMinMaxZoomUnchanged;
-const getKeyOrDefault = (defaultValue, object) => (0, getOr_1.default)(defaultValue, 'props.key')(object);
-exports.getKeyOrDefault = getKeyOrDefault;

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

@@ -1,3 +0,0 @@
-export declare const markerColorOptions: readonly ["bg-map-marker-asset", "bg-map-marker-poi", "bg-map-marker-geofence", "bg-map-marker-route"];
-export type MarkerColor = (typeof markerColorOptions)[number];
-export declare const markerColorMapping: Record<MarkerColor, string>;

package/lib/es/components/mapMarker/MarkerColor.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.markerColorMapping = exports.markerColorOptions = void 0;
-exports.markerColorOptions = [
-    'bg-map-marker-asset',
-    'bg-map-marker-poi',
-    'bg-map-marker-geofence',
-    'bg-map-marker-route',
-];
-exports.markerColorMapping = {
-    'bg-map-marker-asset': 'map-marker-type-asset',
-    'bg-map-marker-poi': 'map-marker-type-poi',
-    'bg-map-marker-geofence': 'map-marker-type-geofence',
-    'bg-map-marker-route': 'map-marker-type-route',
-};

package/lib/es/components/menuItems/getMenuItems.d.ts

@@ -1,2 +0,0 @@
-export default getMenuItems;
-declare function getMenuItems(items: any, closeMenu: any, onMouseEnter: any): any;

package/lib/es/components/menuItems/getMenuItems.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const MenuItem_1 = tslib_1.__importDefault(require("./MenuItem"));
-const getMenuItems = (items, closeMenu, onMouseEnter) => {
-    return items.map((item, index) => ((0, jsx_runtime_1.jsx)(MenuItem_1.default, Object.assign({}, item, { index: index, closeMenu: closeMenu, onMouseEnter: onMouseEnter }), index)));
-};
-exports.default = getMenuItems;

package/lib/es/components/selects/BaseDropdownMenu.d.ts

@@ -1,83 +0,0 @@
-export class BaseDropdownMenu extends React.Component<any, any, any> {
-    constructor(props: any);
-    state: {
-        dropup: boolean;
-        pullRight: any;
-        focusedItemIndex: any;
-        keyboardUsed: any;
-        itemDOMValues: never[];
-    };
-    handleOptionChange(event: any): void;
-    handleKeydown(event: any): void;
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    focusOption(direction: any): void;
-    getDropdownDOMNode(): Element | Text | null;
-    getOptionNodes(): any;
-    setItemDOMValues(): {
-        id: any;
-        text: any;
-    }[] | undefined;
-    getFocusedOptionNode(): any;
-    selectOptionOnEnter(event: any): void;
-    render(): import("react/jsx-runtime").JSX.Element | null;
-    refDropdownMenu: HTMLUListElement | null | undefined;
-    renderMenuOption(option: any, index: any): import("react/jsx-runtime").JSX.Element;
-    getSelectedFocusedItemIndex(): any;
-    isAutoDropActive(): boolean;
-    openMenu(nextProps: any): void;
-    onDocumentKeydownListener: {
-        remove(): void;
-    } | undefined;
-    closeMenu(): void;
-}
-export namespace BaseDropdownMenu {
-    namespace defaultProps {
-        export const isOpen: boolean;
-        export function updateDOMValues(): void;
-        export function onOpen(): void;
-        export function onSelect(): void;
-        export function onClose(): void;
-        export const options: never[];
-        export const autoDropDirection: boolean;
-        export const pullRight: boolean;
-        export const useActiveClass: boolean;
-        export const keyboardUsed: boolean;
-        export { DEFAULT_FOCUSED_ITEM_INDEX as focusedItemIndex };
-    }
-    namespace propTypes {
-        const options_1: PropTypes.Requireable<(PropTypes.InferProps<{
-            id: PropTypes.Validator<string>;
-            label: PropTypes.Validator<any>;
-            icon: PropTypes.Requireable<object>;
-            selected: PropTypes.Requireable<boolean>;
-            disabled: PropTypes.Requireable<boolean>;
-            header: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
-        export { options_1 as options };
-        const isOpen_1: PropTypes.Requireable<boolean>;
-        export { isOpen_1 as isOpen };
-        const updateDOMValues_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { updateDOMValues_1 as updateDOMValues };
-        const onOpen_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onOpen_1 as onOpen };
-        const onSelect_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onSelect_1 as onSelect };
-        const onClose_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onClose_1 as onClose };
-        export const placeholder: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        export const dropup: PropTypes.Requireable<boolean>;
-        const pullRight_1: PropTypes.Requireable<boolean>;
-        export { pullRight_1 as pullRight };
-        const autoDropDirection_1: PropTypes.Requireable<boolean>;
-        export { autoDropDirection_1 as autoDropDirection };
-        export const noItemMessage: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        export const focusedItemIndex: PropTypes.Validator<number>;
-        export const dropdownClassName: PropTypes.Requireable<string>;
-        export const requestItemDOMValues: PropTypes.Requireable<boolean>;
-    }
-}
-import React from "react";
-declare const DEFAULT_FOCUSED_ITEM_INDEX: -1;
-import PropTypes from "prop-types";
-export {};