@mwater/visualization 5.1.0 → 5.2.0

package/lib/maps/MapDesign.d.ts

@@ -1,5 +1,6 @@
-import { Expr, LiteralType } from "@mwater/expressions";
+import { Expr } from "@mwater/expressions";
 import { Quickfilter } from "../quickfilter/Quickfilter";
+import { GlobalFilter } from "../GlobalFilter";
 /** Maps are stored as a base layer, a series of layers and filters. */
 export interface MapDesign {
     /** "bing_road"/"bing_aerial"/"cartodb_positron"/"cartodb_dark_matter"/"blank" */
@@ -63,15 +64,3 @@ export interface MapLayerView {
     /** true to hide legend */
     hideLegend?: boolean;
 }
-/** Global filters apply to multiple tables at once if a certain column is present. User-interface to set them is application-specific
-and the default (non-mWater) dashboard applies them but does not allow editing. */
-export interface GlobalFilter {
-    /** id of column to filter */
-    columnId: string;
-    /** type of column to filter (to ensure that consistent) */
-    columnType: LiteralType;
-    /** op of expression for filtering */
-    op: string;
-    /** array of expressions to use for filtering. field expression for column will be injected as expression 0 in the resulting filter expression */
-    exprs: Expr[];
-}

package/lib/maps/MapFiltersDesignerComponent.d.ts

@@ -1,4 +1,3 @@
-import PropTypes from "prop-types";
 import React from "react";
 import { DataSource, Schema } from "@mwater/expressions";
 export interface MapFiltersDesignerComponentProps {
@@ -12,9 +11,6 @@ export interface MapFiltersDesignerComponentProps {
     onDesignChange: any;
 }
 export default class MapFiltersDesignerComponent extends React.Component<MapFiltersDesignerComponentProps> {
-    static contextTypes: {
-        globalFiltersElementFactory: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     handleFiltersChange: (filters: any) => any;
     handleGlobalFiltersChange: (globalFilters: any) => any;
     render(): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement> | null;

package/lib/maps/MapFiltersDesignerComponent.js

@@ -27,15 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_1 = __importDefault(require("lodash"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const react_1 = __importDefault(require("react"));
 const R = react_1.default.createElement;
 const PopoverHelpComponent_1 = __importDefault(require("@mwater/react-library/lib/PopoverHelpComponent"));
 const FiltersDesignerComponent_1 = __importDefault(require("../FiltersDesignerComponent"));
 const MapUtils = __importStar(require("./MapUtils"));
+const MWaterContextComponent_1 = require("../MWaterContextComponent");
 // Designer for filters for a map
 class MapFiltersDesignerComponent extends react_1.default.Component {
-    static contextTypes = { globalFiltersElementFactory: prop_types_1.default.func };
     handleFiltersChange = (filters) => {
         const design = lodash_1.default.extend({}, this.props.design, { filters });
         return this.props.onDesignChange(design);
@@ -56,15 +55,15 @@ class MapFiltersDesignerComponent extends react_1.default.Component {
             filters: this.props.design.filters,
             onFiltersChange: this.handleFiltersChange,
             filterableTables
-        }))), this.context.globalFiltersElementFactory
-            ? R("div", { className: "mb-3" }, R("label", { className: "text-muted" }, "Global Filters "), R("div", { style: { margin: 5 } }, this.context.globalFiltersElementFactory({
+        }))), react_1.default.createElement(MWaterContextComponent_1.GlobalFiltersElementFactoryContext.Consumer, null, globalFiltersElementFactory => globalFiltersElementFactory
+            ? R("div", { className: "mb-3" }, R("label", { className: "text-muted" }, "Global Filters "), R("div", { style: { margin: 5 } }, globalFiltersElementFactory({
                 schema: this.props.schema,
                 dataSource: this.props.dataSource,
                 filterableTables,
                 globalFilters: this.props.design.globalFilters || [],
                 onChange: this.handleGlobalFiltersChange
             })))
-            : undefined);
+            : undefined));
     }
 }
 exports.default = MapFiltersDesignerComponent;

package/lib/maps/RasterMapViewComponent.d.ts

@@ -2,6 +2,7 @@ import PropTypes from "prop-types";
 import React, { ReactNode } from "react";
 import LeafletMapComponent from "./LeafletMapComponent";
 import { Schema, DataSource } from "@mwater/expressions";
+import ModalPopupComponent from "@mwater/react-library/lib/ModalPopupComponent";
 import { JsonQLFilter } from "../JsonQLFilter";
 import { MapDesign } from "./MapDesign";
 import { MapDataSource } from "./MapDataSource";
@@ -64,15 +65,7 @@ export default class RasterMapViewComponent extends React.Component<RasterMapVie
         locale: string;
         onHide: () => void;
     }>;
-    renderPopup(): React.CElement<{
-        onClose: () => void;
-        showCloseX: boolean;
-        size: string;
-    }, React.Component<{
-        onClose: () => void;
-        showCloseX: boolean;
-        size: string;
-    }, any, any>> | null;
+    renderPopup(): React.CElement<import("@mwater/react-library/lib/ModalPopupComponent").ModalPopupComponentProps, ModalPopupComponent> | null;
     render(): React.DetailedReactHTMLElement<{
         style: {
             width: number;

package/lib/maps/RegionSelectComponent.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { IdLiteralComponent } from "@mwater/expressions-ui";
 import { DataSource, Schema } from "@mwater/expressions";
 export interface RegionSelectComponentProps {
     schema: Schema;
@@ -19,5 +20,5 @@ export default class RegionSelectComponent extends React.Component<RegionSelectC
         regionsTable: string;
     };
     handleChange: (id: any) => void;
-    render(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+    render(): React.CElement<import("@mwater/expressions-ui/lib/IdLiteralComponent").IdLiteralComponentProps, IdLiteralComponent>;
 }

package/lib/maps/ServerMapDataSource.d.ts

@@ -22,7 +22,7 @@ interface ServerMapDataSourceOptions {
     /** map id to use on server */
     mapId: string;
     /** revision to use to allow caching */
-    rev: string;
+    rev: number;
 }
 interface ServerMapLayerDataSourceOptions extends ServerMapDataSourceOptions {
     layerView: MapLayerView;

package/lib/maps/vectorMaps.d.ts

@@ -2,6 +2,7 @@ import { Map, LngLatBoundsLike } from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import "./VectorMapViewComponent.css";
 import React from "react";
+export declare function setPrintingModeEnabled(val: boolean): void;
 /** This must be called to set the appropriate key before use. If it is not set, vector maps will not function.
  * Maps will fall back to leaflet if the key is not set or if set to ""
  */

package/lib/maps/vectorMaps.js

@@ -3,13 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePersistedMapBounds = exports.VectorMapLogo = exports.AttributionControl = exports.mergeBaseAndUserStyle = exports.useBaseStyle = exports.useStyleMap = exports.useHoverCursor = exports.useVectorMap = exports.areVectorMapsEnabled = exports.getMapTilerApiKey = exports.setMapTilerApiKey = void 0;
+exports.usePersistedMapBounds = exports.VectorMapLogo = exports.AttributionControl = exports.mergeBaseAndUserStyle = exports.useBaseStyle = exports.useStyleMap = exports.useHoverCursor = exports.useVectorMap = exports.areVectorMapsEnabled = exports.getMapTilerApiKey = exports.setMapTilerApiKey = exports.setPrintingModeEnabled = void 0;
 const maplibre_gl_1 = __importDefault(require("maplibre-gl"));
 const react_1 = require("react");
 const mapSymbols_1 = require("./mapSymbols");
 require("maplibre-gl/dist/maplibre-gl.css");
 require("./VectorMapViewComponent.css");
 const react_2 = __importDefault(require("react"));
+/** Set to true to enable printing by preserving the drawing buffer */
+let printingModeEnabled = false;
+function setPrintingModeEnabled(val) {
+    printingModeEnabled = val;
+}
+exports.setPrintingModeEnabled = setPrintingModeEnabled;
 /* Hooks and functions related to displaying a vector map */
 let mapTilerApiKey = "";
 /** This must be called to set the appropriate key before use. If it is not set, vector maps will not function.
@@ -45,7 +51,8 @@ function useVectorMap(options) {
             return;
         }
         const observer = new IntersectionObserver(function (entries) {
-            setMapDivVisible(entries[0].isIntersecting);
+            // When in printing mode, always visible as we need to render the map
+            setMapDivVisible(entries[0].isIntersecting || printingModeEnabled);
         });
         observer.observe(divRef);
         return () => {
@@ -82,6 +89,7 @@ function useVectorMap(options) {
                 [-179.9, -85],
                 [179.9, 85] // Northeast coordinates
             ],
+            preserveDrawingBuffer: printingModeEnabled
         });
         setHasWebGLContext(true);
         // Add listener for losing context

package/lib/quickfilter/QuickfilterCompiler.d.ts

@@ -12,5 +12,5 @@ export default class QuickfilterCompiler {
      * See README for values
      */
     compile(design: Quickfilter[] | undefined, values: any[] | null, locks: QuickfilterLock[] | null | undefined): JsonQLFilter[];
-    compileToFilterExpr(expr: any, value: any, multi: any): OpExpr | null;
+    compileToFilterExpr(expr: any, value: any, multi?: boolean): OpExpr | null;
 }

package/lib/widgets/IFrameWidgetComponent.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import DropdownWidgetComponent from "./DropdownWidgetComponent";
+import ModalPopupComponent from "@mwater/react-library/lib/ModalPopupComponent";
 export interface IFrameWidgetComponentProps {
     design: any;
     /** Called with new design. null/undefined for readonly */
@@ -15,15 +16,7 @@ export default class IFrameWidgetComponent extends React.Component<IFrameWidgetC
     constructor(props: any);
     handleStartEditing: () => void;
     handleEndEditing: () => any;
-    renderEditor(): React.CElement<{
-        header: string;
-        showCloseX: boolean;
-        onClose: () => any;
-    }, React.Component<{
-        header: string;
-        showCloseX: boolean;
-        onClose: () => any;
-    }, any, any>> | null;
+    renderEditor(): React.CElement<import("@mwater/react-library/lib/ModalPopupComponent").ModalPopupComponentProps, ModalPopupComponent> | null;
     renderEditLink(): React.DetailedReactHTMLElement<{
         className: string;
         onClick: () => void;

package/lib/widgets/ImageWidgetComponent.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import AsyncLoadComponent from "@mwater/react-library/lib/AsyncLoadComponent";
+import AutoSizeComponent from "@mwater/react-library/lib/AutoSizeComponent";
 import DropdownWidgetComponent from "./DropdownWidgetComponent";
+import ModalPopupComponent from "@mwater/react-library/lib/ModalPopupComponent";
 import { DataSource, Schema } from "@mwater/expressions";
 import { WidgetDataSource } from "./WidgetDataSource";
 import { ImageWidgetDesign } from "./ImageWidget";
@@ -30,16 +32,8 @@ export default class ImageWidgetComponent extends AsyncLoadComponent<ImageWidget
         onClick: () => void;
     }, HTMLElement>;
     renderEditor(): React.CElement<any, ImageWidgetDesignComponent>;
-    renderExpression(): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement> | React.CElement<{
-        injectHeight: boolean;
-    }, React.Component<{
-        injectHeight: boolean;
-    }, any, any>> | null;
-    renderContent(): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement> | React.CElement<{
-        injectHeight: boolean;
-    }, React.Component<{
-        injectHeight: boolean;
-    }, any, any>> | React.CElement<RotatedImageComponentProps, RotatedImageComponent> | null;
+    renderExpression(): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement> | React.CElement<import("@mwater/react-library/lib/AutoSizeComponent").AutoSizeComponentProps, AutoSizeComponent> | null;
+    renderContent(): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement> | React.CElement<import("@mwater/react-library/lib/AutoSizeComponent").AutoSizeComponentProps, AutoSizeComponent> | React.CElement<RotatedImageComponentProps, RotatedImageComponent> | null;
     render(): React.CElement<import("./DropdownWidgetComponent").DropdownWidgetComponentProps, DropdownWidgetComponent>;
 }
 interface ImageWidgetDesignComponentProps {
@@ -96,13 +90,7 @@ declare class ImageWidgetDesignComponent extends React.Component<ImageWidgetDesi
     renderUrlEditor(): React.DetailedReactHTMLElement<{
         className: string;
     }, HTMLElement>;
-    render(): React.CElement<{
-        header: string;
-        footer: React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
-    }, React.Component<{
-        header: string;
-        footer: React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
-    }, any, any>> | null;
+    render(): React.CElement<import("@mwater/react-library/lib/ModalPopupComponent").ModalPopupComponentProps, ModalPopupComponent> | null;
 }
 interface RotatedImageComponentProps {
     /** Url of the image */
@@ -114,12 +102,6 @@ interface RotatedImageComponentProps {
     openUrlInSameTab?: boolean;
 }
 declare class RotatedImageComponent extends React.Component<RotatedImageComponentProps> {
-    render(): React.CElement<{
-        injectWidth: boolean;
-        injectHeight: boolean;
-    }, React.Component<{
-        injectWidth: boolean;
-        injectHeight: boolean;
-    }, any, any>>;
+    render(): React.CElement<import("@mwater/react-library/lib/AutoSizeComponent").AutoSizeComponentProps, AutoSizeComponent>;
 }
 export {};

package/lib/widgets/MapWidget.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import Widget, { CreateViewElementOptions } from "./Widget";
+import ModalWindowComponent from "@mwater/react-library/lib/ModalWindowComponent";
 import { DataSource, Schema } from "@mwater/expressions";
 import { WidgetDataSource } from "./WidgetDataSource";
 export default class MapWidget extends Widget {
@@ -36,13 +37,7 @@ declare class MapWidgetComponent extends React.Component<MapWidgetComponentProps
     handleStartEditing: () => void;
     handleEndEditing: () => void;
     handleEditDesignChange: (design: any) => void;
-    renderEditor(): React.CElement<{
-        isOpen: boolean;
-        onRequestClose: () => void;
-    }, React.Component<{
-        isOpen: boolean;
-        onRequestClose: () => void;
-    }, any, any>> | null;
+    renderEditor(): React.CElement<import("@mwater/react-library/lib/ModalWindowComponent").ModalWindowComponentProps, ModalWindowComponent> | null;
     renderContent(design: any, onDesignChange: any, width: any, height: any): React.DetailedReactHTMLElement<{
         style: {
             width: any;

package/lib/widgets/MarkdownWidget.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import Widget, { CreateViewElementOptions } from "./Widget";
+import ModalWindowComponent from "@mwater/react-library/lib/ModalWindowComponent";
 export default class MarkdownWidget extends Widget {
     createViewElement(options: CreateViewElementOptions): React.CElement<any, MarkdownWidgetComponent>;
     isAutoHeight(): boolean;
@@ -20,13 +21,7 @@ declare class MarkdownWidgetComponent extends React.Component<MarkdownWidgetComp
     handleStartEditing: () => void;
     handleEndEditing: () => void;
     handleEditDesignChange: (design: any) => void;
-    renderEditor(): React.CElement<{
-        isOpen: boolean;
-        onRequestClose: () => void;
-    }, React.Component<{
-        isOpen: boolean;
-        onRequestClose: () => void;
-    }, any, any>> | null;
+    renderEditor(): React.CElement<import("@mwater/react-library/lib/ModalWindowComponent").ModalWindowComponentProps, ModalWindowComponent> | null;
     renderContent(design: any): React.CElement<MarkdownWidgetViewComponentProps, MarkdownWidgetViewComponent>;
     render(): React.DetailedReactHTMLElement<{
         onDoubleClick: () => void;

package/lib/widgets/TOCWidget.d.ts

@@ -1,6 +1,7 @@
 import PropTypes from "prop-types";
 import React from "react";
 import Widget, { CreateViewElementOptions } from "./Widget";
+import ModalPopupComponent from "@mwater/react-library/lib/ModalPopupComponent";
 export default class TOCWidget extends Widget {
     createViewElement(options: CreateViewElementOptions): React.CElement<any, TOCWidgetComponent>;
     isAutoHeight(): boolean;
@@ -22,15 +23,7 @@ declare class TOCWidgetComponent extends React.Component {
     constructor(props: any);
     handleStartEditing: () => void;
     handleEndEditing: () => void;
-    renderEditor(): React.CElement<{
-        showCloseX: boolean;
-        header: string;
-        onClose: () => void;
-    }, React.Component<{
-        showCloseX: boolean;
-        header: string;
-        onClose: () => void;
-    }, any, any>> | null;
+    renderEditor(): React.CElement<import("@mwater/react-library/lib/ModalPopupComponent").ModalPopupComponentProps, ModalPopupComponent> | null;
     renderContent(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
     render(): React.DetailedReactHTMLElement<{
         onDoubleClick: () => void;

package/lib/widgets/charts/ChartWidget.d.ts

@@ -1,7 +1,9 @@
 import PropTypes from "prop-types";
 import React from "react";
 import Widget, { CreateViewElementOptions } from "./../Widget";
+import ActionCancelModalComponent from "@mwater/react-library/lib/ActionCancelModalComponent";
 import ChartViewComponent from "./ChartViewComponent";
+import ModalWindowComponent from "@mwater/react-library/lib/ModalWindowComponent";
 import { DataSource, Schema } from "@mwater/expressions";
 import { WidgetDataSource } from "../WidgetDataSource";
 import Chart from "./Chart";
@@ -57,21 +59,7 @@ declare class ChartWidgetComponent extends React.PureComponent<ChartWidgetCompon
     handleCancelEditing: () => void;
     handleEditDesignChange: (design: any) => void;
     renderChart(design: any, onDesignChange: any, width: any, height: any): React.CElement<import("./ChartViewComponent").ChartViewComponentProps, ChartViewComponent>;
-    renderEditor(): React.CElement<{
-        isOpen: boolean;
-        onRequestClose: () => void;
-    }, React.Component<{
-        isOpen: boolean;
-        onRequestClose: () => void;
-    }, any, any>> | React.CElement<{
-        size: string;
-        onCancel: () => void;
-        onAction: () => void;
-    }, React.Component<{
-        size: string;
-        onCancel: () => void;
-        onAction: () => void;
-    }, any, any>> | null;
+    renderEditor(): React.CElement<import("@mwater/react-library/lib/ModalWindowComponent").ModalWindowComponentProps, ModalWindowComponent> | React.CElement<import("@mwater/react-library/lib/ActionCancelModalComponent").ActionCancelModalComponentProps, ActionCancelModalComponent> | null;
     renderEditLink(): React.DetailedReactHTMLElement<{
         className: string;
         onClick: () => void;

package/lib/widgets/charts/imagemosaic/ImagePopupComponent.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import ModalWindowComponent from "@mwater/react-library/lib/ModalWindowComponent";
 export interface ImagePopupComponentProps {
     imageManager: any;
 }
@@ -9,12 +10,6 @@ interface ImagePopupComponentState {
 export default class ImagePopupComponent extends React.Component<ImagePopupComponentProps, ImagePopupComponentState> {
     constructor(props: any);
     show(image: any): any;
-    render(): React.CElement<{
-        isOpen: boolean;
-        onRequestClose: () => void;
-    }, React.Component<{
-        isOpen: boolean;
-        onRequestClose: () => void;
-    }, any, any>> | null;
+    render(): React.CElement<import("@mwater/react-library/lib/ModalWindowComponent").ModalWindowComponentProps, ModalWindowComponent> | null;
 }
 export {};

package/lib/widgets/charts/layered/LayeredChartDesignerComponent.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import TabbedComponent from "@mwater/react-library/lib/TabbedComponent";
 import * as uiComponents from "../../../UIComponents";
 import { DataSource, Schema } from "@mwater/expressions";
 import { LayeredChartDesign } from "./LayeredChartDesign";
@@ -46,35 +47,5 @@ export default class LayeredChartDesignerComponent extends React.Component<Layer
     }, HTMLElement> | undefined;
     renderThresholds(): React.CElement<uiComponents.SectionComponentProps, uiComponents.SectionComponent> | null;
     renderYRange(): React.CElement<uiComponents.SectionComponentProps, uiComponents.SectionComponent> | null;
-    render(): React.CElement<{
-        initialTabId: string;
-        tabs: ({
-            id: string;
-            label: string;
-            elem: React.DetailedReactHTMLElement<{
-                style: {
-                    paddingBottom: number;
-                };
-            }, HTMLElement>;
-        } | {
-            id: string;
-            label: string;
-            elem: React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
-        })[];
-    }, React.Component<{
-        initialTabId: string;
-        tabs: ({
-            id: string;
-            label: string;
-            elem: React.DetailedReactHTMLElement<{
-                style: {
-                    paddingBottom: number;
-                };
-            }, HTMLElement>;
-        } | {
-            id: string;
-            label: string;
-            elem: React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
-        })[];
-    }, any, any>>;
+    render(): React.CElement<any, TabbedComponent>;
 }

package/lib/widgets/charts/layered/LayeredChartLayerDesignerComponent.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { DataSource, Schema } from "@mwater/expressions";
 import * as uiComponents from "../../../UIComponents";
+import * as ui from "@mwater/react-library/lib/bootstrap";
 export interface LayeredChartLayerDesignerComponentProps {
     design: any;
     schema: Schema;
@@ -46,13 +47,7 @@ export default class LayeredChartLayerDesignerComponent extends React.Component<
     }, HTMLElement> | null;
     renderTable(): React.CElement<uiComponents.SectionComponentProps, uiComponents.SectionComponent>;
     handlexAxisOnlyValuesPresentChange: (xAxisOnlyValuesPresent: boolean) => void;
-    renderXAxis(): (React.CElement<uiComponents.SectionComponentProps, uiComponents.SectionComponent> | React.CElement<{
-        value: any;
-        onChange: (xAxisOnlyValuesPresent: boolean) => void;
-    }, React.Component<{
-        value: any;
-        onChange: (xAxisOnlyValuesPresent: boolean) => void;
-    }, any, any>> | undefined)[] | undefined;
+    renderXAxis(): (React.CElement<ui.CheckboxProps, ui.Checkbox> | React.CElement<uiComponents.SectionComponentProps, uiComponents.SectionComponent> | undefined)[] | undefined;
     renderColorAxis(): React.DetailedReactHTMLElement<{
         className: string;
     }, HTMLElement> | undefined;

package/lib/widgets/charts/pivot/IntersectionDesignerComponent.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import * as ui from "@mwater/react-library/lib/bootstrap";
 import { DataSource, Expr, Schema } from "@mwater/expressions";
 import { PivotChartIntersection } from "./PivotChartDesign";
 import { JsonQLFilter } from "../../../JsonQLFilter";
@@ -19,71 +20,76 @@ export default class IntersectionDesignerComponent extends React.Component<Inter
     handleBackgroundColorOpacityChange: (newValue: any) => any;
     handleFilterChange: (filter: any) => any;
     renderValueAxis(): React.CElement<{
-        labelMuted: boolean;
-        label: string;
-        help: string;
-    }, React.Component<{
-        labelMuted: boolean;
-        label: string;
-        help: string;
-    }, any, any>>;
+        label: React.ReactNode;
+        labelMuted?: boolean | undefined;
+        hint?: React.ReactNode;
+        help?: React.ReactNode;
+        required?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        hasWarnings?: boolean | undefined;
+        hasErrors?: boolean | undefined;
+    }, ui.FormGroup>;
     renderNullValue(): React.CElement<{
-        labelMuted: boolean;
-        label: string;
-    }, React.Component<{
-        labelMuted: boolean;
-        label: string;
-    }, any, any>> | null;
+        label: React.ReactNode;
+        labelMuted?: boolean | undefined;
+        hint?: React.ReactNode;
+        help?: React.ReactNode;
+        required?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        hasWarnings?: boolean | undefined;
+        hasErrors?: boolean | undefined;
+    }, ui.FormGroup> | null;
     renderFilter(): React.CElement<{
-        labelMuted: boolean;
-        label: (string | React.CElement<{
-            id: string;
-        }, React.Component<{
-            id: string;
-        }, any, any>>)[];
-    }, React.Component<{
-        labelMuted: boolean;
-        label: (string | React.CElement<{
-            id: string;
-        }, React.Component<{
-            id: string;
-        }, any, any>>)[];
-    }, any, any>>;
+        label: React.ReactNode;
+        labelMuted?: boolean | undefined;
+        hint?: React.ReactNode;
+        help?: React.ReactNode;
+        required?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        hasWarnings?: boolean | undefined;
+        hasErrors?: boolean | undefined;
+    }, ui.FormGroup>;
     renderStyling(): React.CElement<{
-        labelMuted: boolean;
-        key: string;
-        label: string;
-    }, React.Component<{
-        labelMuted: boolean;
-        key: string;
-        label: string;
-    }, any, any>>;
+        label: React.ReactNode;
+        labelMuted?: boolean | undefined;
+        hint?: React.ReactNode;
+        help?: React.ReactNode;
+        required?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        hasWarnings?: boolean | undefined;
+        hasErrors?: boolean | undefined;
+    }, ui.FormGroup>;
     renderBackgroundColorConditions(): React.CElement<BackgroundColorConditionsComponentProps, BackgroundColorConditionsComponent>;
     renderBackgroundColorAxis(): React.CElement<{
-        labelMuted: boolean;
-        label: string;
-        help: string;
-    }, React.Component<{
-        labelMuted: boolean;
-        label: string;
-        help: string;
-    }, any, any>>;
+        label: React.ReactNode;
+        labelMuted?: boolean | undefined;
+        hint?: React.ReactNode;
+        help?: React.ReactNode;
+        required?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        hasWarnings?: boolean | undefined;
+        hasErrors?: boolean | undefined;
+    }, ui.FormGroup>;
     renderBackgroundColor(): React.CElement<{
-        labelMuted: boolean;
-        label: string;
-        help: string;
-    }, React.Component<{
-        labelMuted: boolean;
-        label: string;
-        help: string;
-    }, any, any>> | undefined;
+        label: React.ReactNode;
+        labelMuted?: boolean | undefined;
+        hint?: React.ReactNode;
+        help?: React.ReactNode;
+        required?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        hasWarnings?: boolean | undefined;
+        hasErrors?: boolean | undefined;
+    }, ui.FormGroup> | undefined;
     renderBackgroundColorOpacityControl(): React.CElement<{
-        labelMuted: boolean;
-        label: string;
-    }, React.Component<{
-        labelMuted: boolean;
-        label: string;
-    }, any, any>> | undefined;
+        label: React.ReactNode;
+        labelMuted?: boolean | undefined;
+        hint?: React.ReactNode;
+        help?: React.ReactNode;
+        required?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        hasWarnings?: boolean | undefined;
+        hasErrors?: boolean | undefined;
+    }, ui.FormGroup> | undefined;
     render(): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
 }
 interface BackgroundColorConditionsComponentProps {
@@ -103,13 +109,14 @@ interface BackgroundColorConditionsComponentProps {
 declare class BackgroundColorConditionsComponent extends React.Component<BackgroundColorConditionsComponentProps> {
     handleAdd: () => void;
     render(): React.CElement<{
-        label: string;
-        labelMuted: boolean;
-        help: string;
-    }, React.Component<{
-        label: string;
-        labelMuted: boolean;
-        help: string;
-    }, any, any>>;
+        label: React.ReactNode;
+        labelMuted?: boolean | undefined;
+        hint?: React.ReactNode;
+        help?: React.ReactNode;
+        required?: boolean | undefined;
+        hasSuccess?: boolean | undefined;
+        hasWarnings?: boolean | undefined;
+        hasErrors?: boolean | undefined;
+    }, ui.FormGroup>;
 }
 export {};