@mwater/visualization 5.4.4 → 5.5.0

package/.storybook/head.html

@@ -1,4 +1,3 @@
 <link rel="stylesheet" type="text/css" href="dist/css/libs.css">
 <link rel="stylesheet" type="text/css" href="dist/css/index.css">
 <link rel="stylesheet" type="text/css" href="assets/font-awesome/css/font-awesome.min.css">
-<script src="dist/js/libs.js"></script>

package/lib/MWaterContextComponent.js

@@ -30,7 +30,7 @@ exports.AddLayerElementFactoryContext = exports.GlobalFiltersElementFactoryConte
 const lodash_1 = __importDefault(require("lodash"));
 const react_1 = __importStar(require("react"));
 const R = react_1.default.createElement;
-const MWaterTableSelectComponent_1 = __importDefault(require("./MWaterTableSelectComponent"));
+const MWaterTableSelectComponent_1 = __importDefault(require("./mwater_table_selection/MWaterTableSelectComponent"));
 const MWaterAddRelatedFormComponent_1 = __importDefault(require("./MWaterAddRelatedFormComponent"));
 const MWaterAddRelatedIndicatorComponent_1 = __importDefault(require("./MWaterAddRelatedIndicatorComponent"));
 const MWaterGlobalFiltersComponent_1 = __importDefault(require("./MWaterGlobalFiltersComponent"));

package/lib/MWaterLoaderComponent.d.ts

@@ -22,7 +22,7 @@ export interface MWaterLoaderComponentProps {
     children: (error: any, config?: {
         schema: Schema;
         dataSource: DataSource;
-    }) => ReactElement<any>;
+    }) => ReactElement<any> | null;
     /** Custom error formatter that returns React node or string, gets passed the error response from server */
     errorFormatter?: (data: any, defaultError: string) => string;
     /** Origin of usage. e.g. "dashboards:43445364..." */
@@ -51,5 +51,5 @@ export default class MWaterLoaderComponent extends AsyncLoadComponent<MWaterLoad
         extraTables?: string[];
         onExtraTablesChange?: (extraTables: string[]) => void;
         addLayerElementFactory?: AddLayerElementFactory;
-    }, MWaterContextComponent>;
+    }, MWaterContextComponent> | null;
 }

package/lib/dashboards/DashboardComponent.js

@@ -65,7 +65,8 @@ class DashboardComponent extends react_1.default.Component {
             editing: LayoutManager_1.default.createLayoutManager(props.design.layout).isEmpty(props.design.items) &&
                 props.onDesignChange != null,
             layoutOptionsOpen: false,
-            hideQuickfilters: layoutOptions.hideQuickfiltersWidth != null && layoutOptions.hideQuickfiltersWidth > document.body.clientWidth,
+            hideQuickfilters: layoutOptions.hideQuickfiltersWidth === 0 ||
+                (layoutOptions.hideQuickfiltersWidth != null && layoutOptions.hideQuickfiltersWidth > document.body.clientWidth),
             refreshKey: 1,
             locale: initialLocale
         };

package/lib/dashboards/LayoutOptionsComponent.js

@@ -78,8 +78,9 @@ function LayoutOptionsComponent(props) {
                 react_1.default.createElement("div", { style: { backgroundColor: "#888", gridColumn: "1 / 4" } }),
                 react_1.default.createElement("div", { style: { backgroundColor: "#888" } }),
                 react_1.default.createElement("div", { style: { height: "100%", display: "grid", gridTemplateRows: "auto 1fr" } },
-                    react_1.default.createElement("div", { key: "quickfilters" }, layoutOptions.hideQuickfiltersWidth == null ||
-                        sizeOptions[previewSize].value.width > layoutOptions.hideQuickfiltersWidth
+                    react_1.default.createElement("div", { key: "quickfilters" }, (layoutOptions.hideQuickfiltersWidth !== 0) &&
+                        (layoutOptions.hideQuickfiltersWidth == null ||
+                            sizeOptions[previewSize].value.width > layoutOptions.hideQuickfiltersWidth)
                         ? props.quickfiltersView
                         : null),
                     props.dashboardView),
@@ -240,7 +241,7 @@ function CustomizeLayout(props) {
             react_1.default.createElement(bootstrap_1.FormGroup, { label: T `Hide Quickfilters` },
                 react_1.default.createElement(WidthSelector, { value: layoutOptions.hideQuickfiltersWidth, onChange: (hideQuickfiltersWidth) => {
                         onLayoutOptionsChange({ ...layoutOptions, hideQuickfiltersWidth });
-                    }, sign: "< " })),
+                    }, sign: "< ", includeAlways: true })),
             react_1.default.createElement(bootstrap_1.FormGroup, { label: T `Minimum Width (before scrolling or scaling)` },
                 react_1.default.createElement(WidthSelector, { value: layoutOptions.minimumWidth, onChange: (minimumWidth) => {
                         onLayoutOptionsChange({ ...layoutOptions, minimumWidth });
@@ -305,12 +306,18 @@ function PixelsInput(props) {
                     "px")))))));
 }
 function WidthSelector(props) {
-    return (react_1.default.createElement(bootstrap_1.Select, { value: props.value, onChange: props.onChange, nullLabel: T `N/A`, options: [
-            { value: 400, label: `${props.sign}400px (${T `Phone`})` },
-            { value: 600, label: `${props.sign}600px (${T `Small tablet`})` },
-            { value: 800, label: `${props.sign}800px (${T `Tablet`})` },
-            { value: 1000, label: `${props.sign}1000px (${T `Laptop`})` },
-            { value: 1200, label: `${props.sign}1200px (${T `Desktop`})` },
-            { value: 1600, label: `${props.sign}1600px (${T `Wide Desktop`})` }
-        ] }));
+    // Create options array with conditional "Always" option
+    const options = [
+        { value: 400, label: `${props.sign}400px (${T `Phone`})` },
+        { value: 600, label: `${props.sign}600px (${T `Small tablet`})` },
+        { value: 800, label: `${props.sign}800px (${T `Tablet`})` },
+        { value: 1000, label: `${props.sign}1000px (${T `Laptop`})` },
+        { value: 1200, label: `${props.sign}1200px (${T `Desktop`})` },
+        { value: 1600, label: `${props.sign}1600px (${T `Wide Desktop`})` }
+    ];
+    // Add "Always" option if requested
+    if (props.includeAlways) {
+        options.push({ value: 0, label: T `Always` });
+    }
+    return (react_1.default.createElement(bootstrap_1.Select, { value: props.value, onChange: props.onChange, nullLabel: T `N/A`, options: options }));
 }

package/lib/dashboards/ServerDashboardDataSource.d.ts

@@ -17,7 +17,7 @@ interface ServerDashboardDataSourceOptions {
     /** data source that is used for determining cache expiry */
     dataSource: DataSource;
     /** revision to use to allow caching */
-    rev: string;
+    rev?: number;
 }
 interface ServerWidgetDataSourceOptions extends ServerDashboardDataSourceOptions {
     widgetId: string;
@@ -77,6 +77,15 @@ declare class ServerWidgetLayerDataSource implements MapLayerDataSource {
     getPopupWidgetDataSource(design: any, widgetId: string): ServerWidgetLayerPopupWidgetDataSource;
     createUrl(filters: JsonQLFilter[], extension: string): string;
     createLegacyUrl(design: any, extension: string, filters: JsonQLFilter[]): string;
+    /** Gets hover over data for hover over items
+     * @param design The design of the layer
+     * @param data The data of the current item being hovered over. e.g. { id: 123 }
+     * @param filters The filters to apply to the layer does not include filters that narrow down to a specific item
+     * @returns A promise that resolves to the hover over data, indexed by the id of the hover over item
+     */
+    getHoverOverData(design: any, data: any, filters: JsonQLFilter[]): Promise<{
+        [key: string]: any;
+    }>;
 }
 interface ServerWidgetLayerPopupDataSourceOptions extends ServerDashboardDataSourceOptions {
     widgetId: string;

package/lib/dashboards/ServerDashboardDataSource.js

@@ -336,6 +336,35 @@ class ServerWidgetLayerDataSource {
         }
         return url;
     }
+    /** Gets hover over data for hover over items
+     * @param design The design of the layer
+     * @param data The data of the current item being hovered over. e.g. { id: 123 }
+     * @param filters The filters to apply to the layer does not include filters that narrow down to a specific item
+     * @returns A promise that resolves to the hover over data, indexed by the id of the hover over item
+     */
+    async getHoverOverData(design, data, filters) {
+        const query = {
+            client: this.options.client,
+            share: this.options.share,
+            filters: (0, compressJson_1.default)(filters || []),
+            data: (0, compressJson_1.default)(data),
+            rev: this.options.rev
+        };
+        const url = `${this.options.apiUrl}dashboards/${this.options.dashboardId}/widgets/${this.options.widgetId}/layers/${this.options.layerView.id}/hoverdata?` +
+            querystring_1.default.stringify(query);
+        const response = await fetch(url, {
+            method: "GET",
+            headers: {
+                Accept: "application/json"
+            }
+        });
+        if (!response.ok) {
+            const errorText = await response.text();
+            console.error(errorText);
+            throw new Error(`Error fetching hover data: ${response.statusText}`);
+        }
+        return await response.json();
+    }
 }
 class ServerWidgetLayerPopupWidgetDataSource {
     options;

package/lib/dashboards/layoutOptions.d.ts

@@ -12,7 +12,11 @@ export interface BlocksLayoutOptions {
     belowMinimumWidth: "scale" | "scroll";
     /** Width above which pads */
     maximumWidth: number | null;
-    /** Width at which to hide quickfilters. Null for never */
+    /** Width at which to hide quickfilters.
+     * Null for never hide
+     * 0 for always hide
+     * Positive number for responsive hiding based on width
+     */
     hideQuickfiltersWidth: number | null;
     /** The padding around the entire dashboard */
     outerPadding: number;

package/lib/datagrids/DatagridComponent.js

@@ -276,7 +276,7 @@ exports.default = (0, react_1.forwardRef)(function DatagridComponent(props, ref)
     const renderTitleBar = () => {
         return (react_1.default.createElement("div", { style: { position: "absolute", top: 0, left: 0, right: 0, height: 40, padding: 4 } },
             react_1.default.createElement("div", { style: { float: "right" } },
-                design.showNumRows && numRows ? react_1.default.createElement("small", { className: 'text-muted text-sm' }, `${(0, d3_format_1.format)(',')(numRows)} rows`) : undefined,
+                design.showNumRows && numRows ? react_1.default.createElement("small", { className: 'text-muted text-sm me-2' }, `${(0, d3_format_1.format)(',')(numRows)} rows`) : undefined,
                 renderDeleteRows(),
                 renderFindReplace(),
                 renderCellEdit(),

package/lib/datagrids/ExprCellComponent.d.ts

@@ -23,5 +23,6 @@ export interface ExprCellComponentProps {
 }
 export default class ExprCellComponent extends React.Component<ExprCellComponentProps> {
     renderImage(id: string): React.JSX.Element;
+    renderCellContent(): string | React.JSX.Element | React.JSX.Element[] | null;
     render(): React.JSX.Element;
 }

package/lib/datagrids/ExprCellComponent.js

@@ -16,51 +16,53 @@ class ExprCellComponent extends react_1.default.Component {
         const url = this.props.dataSource.getImageUrl(id);
         return react_1.default.createElement("a", { href: url, key: id, target: "_blank", style: { paddingLeft: 5, paddingRight: 5 } }, T `Image`);
     }
-    render() {
-        let node;
-        const exprUtils = new expressions_1.ExprUtils(this.props.schema);
+    renderCellContent() {
         let { value } = this.props;
+        const exprUtils = new expressions_1.ExprUtils(this.props.schema);
         if (value == null || !this.props.expr) {
-            node = null;
+            return null;
         }
         else {
             // Parse if should be JSON
             if (["image", "imagelist", "geometry", "text[]"].includes(this.props.exprType) && lodash_1.default.isString(value)) {
-                value = JSON.parse(value);
+                try {
+                    value = JSON.parse(value);
+                }
+                catch (e) {
+                    console.error("Error parsing JSON", e);
+                    return "???";
+                }
             }
             // Format if possible
             if ((0, valueFormatter_1.canFormatType)(this.props.exprType)) {
-                node = (0, valueFormatter_2.formatValue)(this.props.exprType, value, this.props.format);
+                return (0, valueFormatter_2.formatValue)(this.props.exprType, value, this.props.format);
             }
             else {
                 // Convert to node based on type
                 switch (this.props.exprType) {
                     case "text":
-                        node = react_1.default.createElement(react_linkify_1.default, { properties: { target: "_blank" } }, value);
-                        break;
+                        return react_1.default.createElement(react_linkify_1.default, { properties: { target: "_blank" } }, value);
                     case "boolean":
                     case "enum":
                     case "enumset":
                     case "text[]":
-                        node = exprUtils.stringifyExprLiteral(this.props.expr, value, this.props.locale);
-                        break;
+                        return exprUtils.stringifyExprLiteral(this.props.expr, value, this.props.locale);
                     case "date":
-                        node = (0, moment_1.default)(value, "YYYY-MM-DD").format("ll");
-                        break;
+                        return (0, moment_1.default)(value, "YYYY-MM-DD").format("ll");
                     case "datetime":
-                        node = (0, moment_1.default)(value, moment_1.default.ISO_8601).format("lll");
-                        break;
+                        return (0, moment_1.default)(value, moment_1.default.ISO_8601).format("lll");
                     case "image":
-                        node = this.renderImage(value.id);
-                        break;
+                        return this.renderImage(value.id);
                     case "imagelist":
-                        node = lodash_1.default.map(value, (v) => this.renderImage(v.id));
-                        break;
+                        return lodash_1.default.map(value, (v) => this.renderImage(v.id));
                     default:
-                        node = "" + value;
+                        return "" + value;
                 }
             }
         }
+    }
+    render() {
+        const content = this.renderCellContent();
         return (react_1.default.createElement("div", { style: {
                 width: this.props.width,
                 height: this.props.height,
@@ -71,7 +73,7 @@ class ExprCellComponent extends react_1.default.Component {
                 cursor: this.props.onClick ? "pointer" : undefined,
                 overflow: "hidden",
                 textOverflow: "ellipsis"
-            }, onClick: this.props.onClick, onDoubleClick: this.props.onDoubleClick }, node));
+            }, onClick: this.props.onClick, onDoubleClick: this.props.onDoubleClick }, content));
     }
 }
 exports.default = ExprCellComponent;

package/lib/maps/BufferLayer.d.ts

@@ -50,4 +50,22 @@ export default class BufferLayer extends Layer<BufferLayerDesign> {
     validateDesign(design: BufferLayerDesign, schema: Schema): string | null;
     /** Get strings to be translated */
     getTranslatableStrings(design: BufferLayerDesign, schema: Schema): string[];
+    /** Gets hover over data for hover over items. This should be implemented by layers that have hover over items.
+     * It will be called on the server side if using a server map data source, or on the client side if using a direct
+     * map data source.
+     */
+    getHoverOverData(options: {
+        /** Design of the layer */
+        design: BufferLayerDesign;
+        /** Data of the current item being hovered over. e.g. { id: 123 } */
+        data: any;
+        /** Filters to apply to the hover over data, not including filtering down to the current item */
+        filters: JsonQLFilter[];
+        /** Schema to use */
+        schema: Schema;
+        /** Data source to use */
+        dataSource: DataSource;
+    }): Promise<{
+        [key: string]: any;
+    }>;
 }

package/lib/maps/BufferLayer.js

@@ -39,6 +39,7 @@ const HoverContent_1 = __importDefault(require("./HoverContent"));
 const layoutOptions_1 = require("../dashboards/layoutOptions");
 const BlocksLayoutManager_1 = __importDefault(require("../layouts/blocks/BlocksLayoutManager"));
 const DashboardUtils_1 = require("../dashboards/DashboardUtils");
+const MapUtils_1 = require("./MapUtils");
 /** Layer which draws a buffer around geometries (i.e. a radius circle around points) */
 class BufferLayer extends Layer_1.default {
     /** Gets the type of layer definition */
@@ -635,25 +636,20 @@ marker-fill: ` +
     }
     // same as onGridClick but handles hover over
     onGridHoverOver(ev, hoverOptions) {
-        if (ev.data && ev.data.id) {
-            const { table } = hoverOptions.design;
-            const results = {};
-            // Popup
-            if (hoverOptions.design.hoverOver) {
-                // Create filter using popupFilterJoins
-                const popupFilterJoins = hoverOptions.design.popupFilterJoins || PopupFilterJoinsUtils.createDefaultPopupFilterJoins(table);
-                const popupFilters = PopupFilterJoinsUtils.createPopupFilters(popupFilterJoins, hoverOptions.schema, table, ev.data.id);
-                results.hoverOver = react_1.default.createElement(HoverContent_1.default, {
+        if (ev.data && ev.data.id && hoverOptions.design.hoverOver && hoverOptions.design.hoverOver.items.length > 0) {
+            const results = {
+                hoverOver: react_1.default.createElement(HoverContent_1.default, {
                     key: ev.data.id,
                     schema: hoverOptions.schema,
-                    dataSource: hoverOptions.dataSource,
-                    table,
+                    data: ev.data,
+                    mapLayerDataSource: hoverOptions.layerDataSource,
+                    design: hoverOptions.design,
                     items: hoverOptions.design.hoverOver.items,
-                    filters: popupFilters,
+                    filters: hoverOptions.filters,
                     locale: hoverOptions.locale,
                     translate: hoverOptions.translate
-                });
-            }
+                })
+            };
             return results;
         }
         else {
@@ -836,5 +832,19 @@ marker-fill: ` +
         // Remove duplicates
         return lodash_1.default.uniq(strings);
     }
+    /** Gets hover over data for hover over items. This should be implemented by layers that have hover over items.
+     * It will be called on the server side if using a server map data source, or on the client side if using a direct
+     * map data source.
+     */
+    getHoverOverData(options) {
+        return (0, MapUtils_1.getSimpleHoverOverData)({
+            id: options.data.id,
+            table: options.design.table,
+            filters: options.filters,
+            schema: options.schema,
+            dataSource: options.dataSource,
+            hoverOverItems: options.design.hoverOver.items,
+        });
+    }
 }
 exports.default = BufferLayer;

package/lib/maps/ChoroplethLayer.d.ts

@@ -72,4 +72,22 @@ export default class ChoroplethLayer extends Layer<ChoroplethLayerDesign> {
     }): React.ReactElement<{}>;
     /** Get strings to be translated */
     getTranslatableStrings(design: ChoroplethLayerDesign, schema: Schema): string[];
+    /** Gets hover over data for hover over items. This should be implemented by layers that have hover over items.
+     * It will be called on the server side if using a server map data source, or on the client side if using a direct
+     * map data source.
+     */
+    getHoverOverData(options: {
+        /** Design of the layer */
+        design: ChoroplethLayerDesign;
+        /** Data of the current item being hovered over. e.g. { id: 123 } */
+        data: any;
+        /** Filters to apply to the hover over data, not including filtering down to the current item */
+        filters: JsonQLFilter[];
+        /** Schema to use */
+        schema: Schema;
+        /** Data source to use */
+        dataSource: DataSource;
+    }): Promise<{
+        [key: string]: any;
+    }>;
 }

package/lib/maps/ChoroplethLayer.js

@@ -39,6 +39,7 @@ const HoverContent_1 = __importDefault(require("./HoverContent"));
 const layoutOptions_1 = require("../dashboards/layoutOptions");
 const BlocksLayoutManager_1 = __importDefault(require("../layouts/blocks/BlocksLayoutManager"));
 const DashboardUtils_1 = require("../dashboards/DashboardUtils");
+const MapUtils_1 = require("./MapUtils");
 class ChoroplethLayer extends Layer_1.default {
     /** Gets the type of layer definition */
     getLayerDefinitionType() {
@@ -1246,41 +1247,28 @@ class ChoroplethLayer extends Layer_1.default {
     }
     // same as onGridClick but handles hover over
     onGridHoverOver(ev, hoverOptions) {
-        const regionsTable = hoverOptions.design.regionsTable || "admin_regions";
-        // Row only if mode is "plain" or "direct"
-        if (hoverOptions.design.regionMode == "plain" || hoverOptions.design.regionMode == "direct") {
-            if (!ev.data || !ev.data.id) {
-                return null;
-            }
+        // Only applicable to indirect mode
+        if (hoverOptions.design.regionMode !== "indirect") {
+            return null;
         }
         // Ignore if indirect with no table
         if (!hoverOptions.design.table) {
             return null;
         }
-        if (ev.data && ev.data.id) {
-            const { table } = hoverOptions.design;
-            const results = {};
-            // Popup
-            if (hoverOptions.design.hoverOver) {
-                // Create default popup filter joins
-                const defaultPopupFilterJoins = {};
-                if (hoverOptions.design.adminRegionExpr) {
-                    defaultPopupFilterJoins[hoverOptions.design.table] = hoverOptions.design.adminRegionExpr;
-                }
-                // Create filter using popupFilterJoins
-                const popupFilterJoins = hoverOptions.design.popupFilterJoins || defaultPopupFilterJoins;
-                const popupFilters = PopupFilterJoinsUtils.createPopupFilters(popupFilterJoins, hoverOptions.schema, table, ev.data.id, true);
-                results.hoverOver = react_1.default.createElement(HoverContent_1.default, {
+        if (ev.data && ev.data.id && hoverOptions.design.hoverOver && hoverOptions.design.hoverOver.items.length > 0) {
+            const results = {
+                hoverOver: react_1.default.createElement(HoverContent_1.default, {
                     key: ev.data.id,
                     schema: hoverOptions.schema,
-                    dataSource: hoverOptions.dataSource,
-                    table,
+                    mapLayerDataSource: hoverOptions.layerDataSource,
+                    design: hoverOptions.design,
                     items: hoverOptions.design.hoverOver.items,
-                    filters: popupFilters,
+                    data: ev.data,
+                    filters: hoverOptions.filters,
                     locale: hoverOptions.locale,
                     translate: hoverOptions.translate
-                });
-            }
+                })
+            };
             return results;
         }
         else {
@@ -1535,5 +1523,26 @@ class ChoroplethLayer extends Layer_1.default {
         // Remove duplicates
         return lodash_1.default.uniq(strings);
     }
+    /** Gets hover over data for hover over items. This should be implemented by layers that have hover over items.
+     * It will be called on the server side if using a server map data source, or on the client side if using a direct
+     * map data source.
+     */
+    getHoverOverData(options) {
+        // Use popup filter joins utilities to create filters
+        const popupFilterJoins = {};
+        if (options.design.adminRegionExpr) {
+            popupFilterJoins[options.design.table] = options.design.adminRegionExpr;
+        }
+        const popupFilters = PopupFilterJoinsUtils.createPopupFilters(popupFilterJoins, options.schema, options.design.table, options.data.id, true);
+        return (0, MapUtils_1.getSimpleHoverOverData)({
+            // Filter using popup filters instead of id since will return multiple rows
+            id: null,
+            table: options.design.table,
+            filters: popupFilters,
+            schema: options.schema,
+            dataSource: options.dataSource,
+            hoverOverItems: options.design.hoverOver.items,
+        });
+    }
 }
 exports.default = ChoroplethLayer;

package/lib/maps/ChoroplethLayerDesign.d.ts

@@ -48,11 +48,12 @@ export default interface ChoroplethLayerDesign {
     popup: {
         items: LayoutBlock;
     };
+    /** customizable filtering for popup. See PopupFilterJoins.md. Only when region mode is "indirect"  */
+    popupFilterJoins: PopupFilterJoins;
+    /** Hover over items to display when hovering over a region. Only when region mode is "indirect" */
     hoverOver: {
         items: HoverOverItem[];
     };
-    /** customizable filtering for popup. See PopupFilterJoins.md. Only when region mode is "indirect"  */
-    popupFilterJoins: PopupFilterJoins;
     /** minimum zoom level */
     minZoom?: number;
     /** maximum zoom level */

package/lib/maps/ChoroplethLayerDesigner.d.ts

@@ -48,6 +48,16 @@ export default class ChoroplethLayerDesigner extends React.Component<{
         className: string;
     }, HTMLElement> | null;
     renderPopup(): React.CElement<any, EditPopupComponent> | null;
-    renderHoverOver(): React.FunctionComponentElement<import("./EditHoverOver").EditHoverOverProps> | null;
+    renderHoverOver(): React.FunctionComponentElement<{
+        design: ChoroplethLayerDesign;
+        onDesignChange: (design: ChoroplethLayerDesign) => void;
+        schema: Schema;
+        dataSource: DataSource;
+        table: string;
+        idTable: string;
+        defaultPopupFilterJoins: {
+            [tableId: string]: Expr;
+        };
+    }> | null;
     render(): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
 }

package/lib/maps/DirectMapDataSource.js

@@ -262,4 +262,21 @@ class DirectLayerDataSource {
         }
         return url;
     }
+    /** Gets hover over data for hover over items
+     * @param design The design of the layer
+     * @param data The data of the current item being hovered over. e.g. { id: 123 }
+     * @param filters The filters to apply to the hover over data, not including filtering down to the current item
+     * @returns A promise that resolves to the hover over data, indexed by the id of the hover over item
+     */
+    getHoverOverData(design, data, filters) {
+        // Create layer
+        const layer = LayerFactory_1.default.createLayer(this.options.layerView.type);
+        return layer.getHoverOverData({
+            design,
+            data,
+            filters,
+            schema: this.options.schema,
+            dataSource: this.options.dataSource,
+        });
+    }
 }

package/lib/maps/EditHoverOver.d.ts

@@ -14,5 +14,5 @@ export interface EditHoverOverProps {
     idTable: string;
     defaultPopupFilterJoins: any;
 }
-declare const EditHoverOver: React.FC<EditHoverOverProps>;
+declare function EditHoverOver(props: EditHoverOverProps): React.JSX.Element;
 export default EditHoverOver;