@mwater/visualization 5.4.1 → 5.4.2

package/lib/ColorComponent.js

@@ -71,7 +71,8 @@ class ColorComponent extends react_1.default.Component {
             react_1.default.createElement("div", { style: popupPosition },
                 !this.props.disableReset && (react_1.default.createElement("button", { type: "button", className: "btn btn-link btn-sm", onClick: this.handleReset },
                     react_1.default.createElement("i", { className: "fa fa-undo" }),
-                    T ` Reset Color`)),
+                    " ",
+                    T `Reset Color`)),
                 react_1.default.createElement("button", { type: "button", className: "btn btn-link btn-sm", onClick: this.handleAdvanced }, this.state.advanced ? T `Basic` : T `Advanced`),
                 react_1.default.createElement(CustomColors, { color: this.props.color, onChange: this.props.onChange }),
                 this.state.advanced ? (react_1.default.createElement(react_color_1.SketchPicker, { color: this.props.color || undefined, disableAlpha: true, onChangeComplete: this.handleColor })) : (react_1.default.createElement(react_color_1.SwatchesPicker, { color: this.props.color || undefined, onChangeComplete: this.handleColor })))), document.body);

package/lib/IdSelection.d.ts

@@ -0,0 +1,16 @@
+/** Immutable selection class for selecting ids */
+export default class IdSelection {
+    ids: {
+        [id: string]: true;
+    };
+    inverted: boolean;
+    constructor(ids?: {}, inverted?: boolean);
+    isSelected(id: string): boolean;
+    isNone(): boolean;
+    all(): IdSelection;
+    none(): IdSelection;
+    invert(): IdSelection;
+    add(id: string): IdSelection;
+    remove(id: string): IdSelection;
+    toggle(id: string): IdSelection;
+}

package/lib/IdSelection.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/** Immutable selection class for selecting ids */
+class IdSelection {
+    ids;
+    inverted;
+    // ids is map of ids to true, inverted is boolean
+    constructor(ids = {}, inverted = false) {
+        this.ids = ids;
+        this.inverted = inverted;
+    }
+    isSelected(id) {
+        if (this.ids[id]) {
+            return !this.inverted;
+        }
+        return this.inverted;
+    }
+    isNone() {
+        return Object.keys(this.ids).length === 0 && !this.inverted;
+    }
+    all() {
+        return new IdSelection({}, true);
+    }
+    none() {
+        return new IdSelection({}, false);
+    }
+    invert() {
+        return new IdSelection(this.ids, !this.inverted);
+    }
+    add(id) {
+        if (this.inverted) {
+            const newIds = { ...this.ids };
+            delete newIds[id];
+            return new IdSelection(newIds, true);
+        }
+        else {
+            return new IdSelection({ ...this.ids, [id]: true }, false);
+        }
+    }
+    remove(id) {
+        if (!this.inverted) {
+            const newIds = { ...this.ids };
+            delete newIds[id];
+            return new IdSelection(newIds, false);
+        }
+        else {
+            return new IdSelection({ ...this.ids, [id]: true }, true);
+        }
+    }
+    toggle(id) {
+        if (this.isSelected(id)) {
+            return this.remove(id);
+        }
+        else {
+            return this.add(id);
+        }
+    }
+}
+exports.default = IdSelection;

package/lib/MWaterAddRelatedIndicatorComponent.js

@@ -74,8 +74,8 @@ class MWaterAddRelatedIndicatorComponent extends react_1.default.Component {
         if (this.props.filter) {
             indicators = lodash_1.default.filter(indicators, (indicator) => filterMatches(this.props.filter, expressions_1.ExprUtils.localizeString(indicator.design.name, this.context)));
         }
-        return R("div", null, R("div", { style: { paddingLeft: 5 }, className: "text-muted" }, T `Other Available Indicators. Click to enable. `, R("i", { className: "fa fa-check-circle" }), T ` = recommended`, !this.state.indicators
-            ? R("div", { className: "text-muted" }, R("i", { className: "fa fa-spin fa-spinner" }), T ` Loading...`)
+        return R("div", null, R("div", { style: { paddingLeft: 5 }, className: "text-muted" }, T `Other Available Indicators. Click to enable. `, R("i", { className: "fa fa-check-circle" }), " = ", T `recommended`, !this.state.indicators
+            ? R("div", { className: "text-muted" }, R("i", { className: "fa fa-spin fa-spinner" }), " ", T `Loading...`)
             : undefined, R("div", { style: { paddingLeft: 10 } }, lodash_1.default.map(indicators, (indicator) => {
             const name = expressions_1.ExprUtils.localizeString(indicator.design.name, this.context);
             const desc = expressions_1.ExprUtils.localizeString(indicator.design.desc, this.context);

package/lib/MWaterCompleteTableSelectComponent.d.ts

@@ -19,7 +19,6 @@ interface MWaterCompleteTableSelectComponentProps {
 export default class MWaterCompleteTableSelectComponent extends React.Component<MWaterCompleteTableSelectComponentProps, {
     showLegacyAssets: boolean;
 }> {
-    static contextType: React.Context<string>;
     constructor(props: MWaterCompleteTableSelectComponentProps);
     handleExtraTableAdd: (tableId: any) => any;
     handleExtraTableRemove: (tableId: any) => any;
@@ -53,7 +52,7 @@ export default class MWaterCompleteTableSelectComponent extends React.Component<
         extraTables: any;
         onExtraTableAdd: (tableId: any) => any;
         onExtraTableRemove: (tableId: any) => any;
-        locale: any;
+        locale: string;
     }>;
     renderMetrics(): React.FunctionComponentElement<{
         schema: Schema;
@@ -64,7 +63,7 @@ export default class MWaterCompleteTableSelectComponent extends React.Component<
         extraTables: any;
         onExtraTableAdd: (tableId: any) => any;
         onExtraTableRemove: (tableId: any) => any;
-        locale: any;
+        locale: string;
     }>;
     renderAssets(): React.JSX.Element;
     renderLegacyAssets(): React.FunctionComponentElement<{
@@ -76,7 +75,7 @@ export default class MWaterCompleteTableSelectComponent extends React.Component<
         extraTables: any;
         onExtraTableAdd: (tableId: any) => any;
         onExtraTableRemove: (tableId: any) => any;
-        locale: any;
+        locale: string;
     }>;
     renderOther(): React.CElement<{
         items: {
@@ -114,7 +113,6 @@ interface FormsListComponentState {
     }[] | null;
 }
 declare class FormsListComponent extends React.Component<FormsListComponentProps, FormsListComponentState> {
-    static contextType: React.Context<string>;
     constructor(props: any);
     componentDidMount(): void;
     handleTableRemove: (table: any) => any;
@@ -143,7 +141,6 @@ interface IndicatorsListComponentState {
     indicators: any[] | null;
 }
 declare class IndicatorsListComponent extends React.Component<IndicatorsListComponentProps, IndicatorsListComponentState> {
-    static contextType: React.Context<string>;
     addIndicatorConfirmPopup: AddIndicatorConfirmPopupComponent | null;
     constructor(props: any);
     componentDidMount(): JQuery.jqXHR<any>;
@@ -165,7 +162,6 @@ interface AddIndicatorConfirmPopupComponentState {
     visible: any;
 }
 declare class AddIndicatorConfirmPopupComponent extends React.Component<AddIndicatorConfirmPopupComponentProps, AddIndicatorConfirmPopupComponentState> {
-    static contextType: React.Context<string>;
     constructor(props: any);
     show(indicatorTable: any): void;
     renderContents(): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement> | React.DetailedReactHTMLElement<{
@@ -193,7 +189,6 @@ interface IssuesListComponentState {
     issueTypes: any[] | null;
 }
 declare class IssuesListComponent extends React.Component<IssuesListComponentProps, IssuesListComponentState> {
-    static contextType: React.Context<string>;
     constructor(props: any);
     componentDidMount(): JQuery.jqXHR<any>;
     handleTableRemove: (table: any) => any;

package/lib/MWaterCompleteTableSelectComponent.js

@@ -39,7 +39,6 @@ const ModalPopupComponent_1 = __importDefault(require("@mwater/react-library/lib
 const MWaterCustomTablesetListComponent_1 = require("./MWaterCustomTablesetListComponent");
 const MWaterMetricsTableListComponent_1 = require("./MWaterMetricsTableListComponent");
 const MWaterAssetSystemsListComponent_1 = require("./MWaterAssetSystemsListComponent");
-const expressions_ui_1 = require("@mwater/expressions-ui");
 const sitesOrder = {
     "entities.water_point": 1,
     "entities.sanitation_facility": 2,
@@ -59,7 +58,6 @@ const assetEntities = [
 ];
 // Allows selection of a table. Is the complete list mode of tables
 class MWaterCompleteTableSelectComponent extends react_1.default.Component {
-    static contextType = expressions_ui_1.LocaleContext;
     constructor(props) {
         super(props);
         this.state = {
@@ -98,8 +96,8 @@ class MWaterCompleteTableSelectComponent extends react_1.default.Component {
             items: lodash_1.default.compact(lodash_1.default.map(types, (tableId) => {
                 table = this.props.schema.getTable(tableId);
                 return {
-                    name: expressions_1.ExprUtils.localizeString(table.name, this.context),
-                    desc: expressions_1.ExprUtils.localizeString(table.desc, this.context),
+                    name: expressions_1.ExprUtils.localizeString(table.name, T.locale),
+                    desc: expressions_1.ExprUtils.localizeString(table.desc, T.locale),
                     onClick: this.props.onChange.bind(null, table.id)
                 };
             }))
@@ -147,8 +145,8 @@ class MWaterCompleteTableSelectComponent extends react_1.default.Component {
         return R(uiComponents.OptionListComponent, {
             items: lodash_1.default.map(sweetSenseTables, (table) => {
                 return {
-                    name: expressions_1.ExprUtils.localizeString(table.name, this.context),
-                    desc: expressions_1.ExprUtils.localizeString(table.desc, this.context),
+                    name: expressions_1.ExprUtils.localizeString(table.name, T.locale),
+                    desc: expressions_1.ExprUtils.localizeString(table.desc, T.locale),
                     onClick: this.props.onChange.bind(null, table.id)
                 };
             })
@@ -164,7 +162,7 @@ class MWaterCompleteTableSelectComponent extends react_1.default.Component {
             extraTables: this.props.extraTables,
             onExtraTableAdd: this.handleExtraTableAdd,
             onExtraTableRemove: this.handleExtraTableRemove,
-            locale: this.context
+            locale: T.locale
         });
     }
     renderMetrics() {
@@ -177,7 +175,7 @@ class MWaterCompleteTableSelectComponent extends react_1.default.Component {
             extraTables: this.props.extraTables,
             onExtraTableAdd: this.handleExtraTableAdd,
             onExtraTableRemove: this.handleExtraTableRemove,
-            locale: this.context
+            locale: T.locale
         });
     }
     renderAssets() {
@@ -188,8 +186,8 @@ class MWaterCompleteTableSelectComponent extends react_1.default.Component {
                 continue;
             }
             items.push({
-                name: expressions_1.ExprUtils.localizeString(table.name, this.context),
-                desc: expressions_1.ExprUtils.localizeString(table.desc, this.context),
+                name: expressions_1.ExprUtils.localizeString(table.name, T.locale),
+                desc: expressions_1.ExprUtils.localizeString(table.desc, T.locale),
                 onClick: this.props.onChange.bind(null, table.id)
             });
         }
@@ -212,7 +210,7 @@ class MWaterCompleteTableSelectComponent extends react_1.default.Component {
             extraTables: this.props.extraTables,
             onExtraTableAdd: this.handleExtraTableAdd,
             onExtraTableRemove: this.handleExtraTableRemove,
-            locale: this.context
+            locale: T.locale
         });
     }
     renderOther() {
@@ -259,8 +257,8 @@ class MWaterCompleteTableSelectComponent extends react_1.default.Component {
         return R(uiComponents.OptionListComponent, {
             items: lodash_1.default.map(otherTables, (table) => {
                 return {
-                    name: expressions_1.ExprUtils.localizeString(table.name, this.context),
-                    desc: expressions_1.ExprUtils.localizeString(table.desc, this.context),
+                    name: expressions_1.ExprUtils.localizeString(table.name, T.locale),
+                    desc: expressions_1.ExprUtils.localizeString(table.desc, T.locale),
                     onClick: this.props.onChange.bind(null, table.id)
                 };
             })
@@ -280,24 +278,24 @@ class MWaterCompleteTableSelectComponent extends react_1.default.Component {
     render() {
         const sweetSenseTables = this.getSweetSenseTables();
         const tabs = [
-            { id: "sites", label: [R("i", { className: "fa fa-map-marker" }), T ` Sites`], elem: this.renderSites() },
-            { id: "forms", label: [R("i", { className: "fa fa-th-list" }), T ` Surveys`], elem: this.renderForms() },
+            { id: "sites", label: [R("i", { className: "fa fa-map-marker" }), " ", T `Sites`], elem: this.renderSites() },
+            { id: "forms", label: [R("i", { className: "fa fa-th-list" }), " ", T `Surveys`], elem: this.renderForms() },
             {
                 id: "indicators",
-                label: [R("i", { className: "fa fa-check-circle" }), T ` Indicators`],
+                label: [R("i", { className: "fa fa-check-circle" }), " ", T `Indicators`],
                 elem: this.renderIndicators()
             },
             {
                 id: "issues",
-                label: [R("i", { className: "fa fa-exclamation-circle" }), T ` Issues`],
+                label: [R("i", { className: "fa fa-exclamation-circle" }), " ", T `Issues`],
                 elem: this.renderIssues()
             },
-            { id: "tablesets", label: [R("i", { className: "fa fa-table" }), T ` Tables`], elem: this.renderTablesets() },
-            { id: "metrics", label: [R("i", { className: "fa fa-line-chart" }), T ` Metrics`], elem: this.renderMetrics() },
-            { id: "assets", label: [R("i", { className: "fas fa-map-pin" }), T ` Assets`], elem: this.renderAssets() }
+            { id: "tablesets", label: [R("i", { className: "fa fa-table" }), " ", T `Tables`], elem: this.renderTablesets() },
+            { id: "metrics", label: [R("i", { className: "fa fa-line-chart" }), " ", T `Metrics`], elem: this.renderMetrics() },
+            { id: "assets", label: [R("i", { className: "fas fa-map-pin" }), " ", T `Assets`], elem: this.renderAssets() }
         ];
         if (sweetSenseTables.length > 0) {
-            tabs.push({ id: "sensors", label: T ` Sensors`, elem: this.renderSweetSense() });
+            tabs.push({ id: "sensors", label: T `Sensors`, elem: this.renderSweetSense() });
         }
         tabs.push({ id: "other", label: T `Advanced`, elem: this.renderOther() });
         return R("div", null, R("div", { className: "text-muted" }, T `Select data from sites, surveys or an advanced category below. Indicators can be found within their associated site types.`), R(TabbedComponent_1.default, {
@@ -309,7 +307,6 @@ class MWaterCompleteTableSelectComponent extends react_1.default.Component {
 exports.default = MWaterCompleteTableSelectComponent;
 // Searchable list of forms
 class FormsListComponent extends react_1.default.Component {
-    static contextType = expressions_ui_1.LocaleContext;
     constructor(props) {
         super(props);
         this.state = {
@@ -359,7 +356,7 @@ class FormsListComponent extends react_1.default.Component {
         });
     }
     handleTableRemove = (table) => {
-        if (confirm(T `Remove ${expressions_1.ExprUtils.localizeString(table.name, this.context)}? Any widgets that depend on it will no longer work properly.`)) {
+        if (confirm(T `Remove ${expressions_1.ExprUtils.localizeString(table.name, T.locale)}? Any widgets that depend on it will no longer work properly.`)) {
             return this.props.onExtraTableRemove(table.id);
         }
     };
@@ -392,8 +389,8 @@ class FormsListComponent extends react_1.default.Component {
             ? R(uiComponents.OptionListComponent, {
                 items: lodash_1.default.map(tables, (table) => {
                     return {
-                        name: expressions_1.ExprUtils.localizeString(table.name, this.context),
-                        desc: expressions_1.ExprUtils.localizeString(table.desc, this.context),
+                        name: expressions_1.ExprUtils.localizeString(table.name, T.locale),
+                        desc: expressions_1.ExprUtils.localizeString(table.desc, T.locale),
                         onClick: this.props.onChange.bind(null, table.id),
                         onRemove: this.handleTableRemove.bind(null, table)
                     };
@@ -424,7 +421,6 @@ class FormsListComponent extends react_1.default.Component {
 }
 // Searchable list of indicators
 class IndicatorsListComponent extends react_1.default.Component {
-    static contextType = expressions_ui_1.LocaleContext;
     addIndicatorConfirmPopup;
     constructor(props) {
         super(props);
@@ -446,13 +442,13 @@ class IndicatorsListComponent extends react_1.default.Component {
             indicators = lodash_1.default.sortByOrder(indicators, [
                 (indicator) => ((this.props.extraTables || []).includes("indicator_values:" + indicator._id) ? 0 : 1),
                 (indicator) => (indicator.design.recommended ? 0 : 1),
-                (indicator) => expressions_1.ExprUtils.localizeString(indicator.design.name, this.context)
+                (indicator) => expressions_1.ExprUtils.localizeString(indicator.design.name, T.locale)
             ], ["asc", "asc", "asc"]);
             return this.setState({
                 indicators: lodash_1.default.map(indicators, (indicator) => ({
                     id: indicator._id,
-                    name: expressions_1.ExprUtils.localizeString(indicator.design.name, this.context),
-                    desc: expressions_1.ExprUtils.localizeString(indicator.design.desc, this.context)
+                    name: expressions_1.ExprUtils.localizeString(indicator.design.name, T.locale),
+                    desc: expressions_1.ExprUtils.localizeString(indicator.design.desc, T.locale)
                 }))
             });
         }).fail((xhr) => {
@@ -460,7 +456,7 @@ class IndicatorsListComponent extends react_1.default.Component {
         });
     }
     handleTableRemove = (table) => {
-        if (confirm(T `Remove ${expressions_1.ExprUtils.localizeString(table.name, this.context)}? Any widgets that depend on it will no longer work properly.`)) {
+        if (confirm(T `Remove ${expressions_1.ExprUtils.localizeString(table.name, T.locale)}? Any widgets that depend on it will no longer work properly.`)) {
             return this.props.onExtraTableRemove(table.id);
         }
     };
@@ -507,8 +503,8 @@ class IndicatorsListComponent extends react_1.default.Component {
             ? R(uiComponents.OptionListComponent, {
                 items: lodash_1.default.map(tables, (table) => {
                     return {
-                        name: expressions_1.ExprUtils.localizeString(table.name, this.context),
-                        desc: expressions_1.ExprUtils.localizeString(table.desc, this.context),
+                        name: expressions_1.ExprUtils.localizeString(table.name, T.locale),
+                        desc: expressions_1.ExprUtils.localizeString(table.desc, T.locale),
                         onClick: this.handleSelect.bind(null, table.id),
                         onRemove: this.handleTableRemove.bind(null, table)
                     };
@@ -538,7 +534,6 @@ class IndicatorsListComponent extends react_1.default.Component {
     }
 }
 class AddIndicatorConfirmPopupComponent extends react_1.default.Component {
-    static contextType = expressions_ui_1.LocaleContext;
     constructor(props) {
         super(props);
         this.state = {
@@ -560,8 +555,8 @@ class AddIndicatorConfirmPopupComponent extends react_1.default.Component {
 below, then find the indicator values in the 'Related Indicators' section. Or click on 'Use Raw Indicator' if you 
 are certain that you want to use the raw indicator table`), R(uiComponents.OptionListComponent, {
             items: lodash_1.default.map(entityColumns, (entityColumn) => ({
-                name: expressions_1.ExprUtils.localizeString(entityColumn.name, this.context),
-                desc: expressions_1.ExprUtils.localizeString(entityColumn.desc, this.context),
+                name: expressions_1.ExprUtils.localizeString(entityColumn.name, T.locale),
+                desc: expressions_1.ExprUtils.localizeString(entityColumn.desc, T.locale),
                 onClick: () => {
                     // Select table
                     this.props.onChange(entityColumn.join.toTable);
@@ -583,7 +578,6 @@ are certain that you want to use the raw indicator table`), R(uiComponents.Optio
 }
 // Searchable list of issue types
 class IssuesListComponent extends react_1.default.Component {
-    static contextType = expressions_ui_1.LocaleContext;
     constructor(props) {
         super(props);
         this.state = {
@@ -602,13 +596,13 @@ class IssuesListComponent extends react_1.default.Component {
             issueTypes = lodash_1.default.sortByOrder(issueTypes, [
                 (issueType) => ((this.props.extraTables || []).includes("issues:" + issueType._id) ? 0 : 1),
                 (issueType) => (issueType.created.by === this.props.user ? 0 : 1),
-                (issueType) => expressions_1.ExprUtils.localizeString(issueType.name, this.context)
+                (issueType) => expressions_1.ExprUtils.localizeString(issueType.name, T.locale)
             ], ["asc", "asc", "asc"]);
             return this.setState({
                 issueTypes: lodash_1.default.map(issueTypes, (issueType) => ({
                     id: issueType._id,
-                    name: expressions_1.ExprUtils.localizeString(issueType.name, this.context),
-                    desc: expressions_1.ExprUtils.localizeString(issueType.desc, this.context)
+                    name: expressions_1.ExprUtils.localizeString(issueType.name, T.locale),
+                    desc: expressions_1.ExprUtils.localizeString(issueType.desc, T.locale)
                 }))
             });
         }).fail((xhr) => {
@@ -616,7 +610,7 @@ class IssuesListComponent extends react_1.default.Component {
         });
     }
     handleTableRemove = (table) => {
-        if (confirm(T `Remove ${expressions_1.ExprUtils.localizeString(table.name, this.context)}? Any widgets that depend on it will no longer work properly.`)) {
+        if (confirm(T `Remove ${expressions_1.ExprUtils.localizeString(table.name, T.locale)}? Any widgets that depend on it will no longer work properly.`)) {
             return this.props.onExtraTableRemove(table.id);
         }
     };
@@ -649,8 +643,8 @@ class IssuesListComponent extends react_1.default.Component {
             ? R(uiComponents.OptionListComponent, {
                 items: lodash_1.default.map(tables, (table) => {
                     return {
-                        name: expressions_1.ExprUtils.localizeString(table.name, this.context),
-                        desc: expressions_1.ExprUtils.localizeString(table.desc, this.context),
+                        name: expressions_1.ExprUtils.localizeString(table.name, T.locale),
+                        desc: expressions_1.ExprUtils.localizeString(table.desc, T.locale),
                         onClick: this.props.onChange.bind(null, table.id),
                         onRemove: this.handleTableRemove.bind(null, table)
                     };

package/lib/MWaterLoaderComponent.d.ts

@@ -3,12 +3,7 @@ import { DataSource, Schema } from "@mwater/expressions";
 import AsyncLoadComponent from "@mwater/react-library/lib/AsyncLoadComponent";
 import LoadingComponent from "@mwater/react-library/lib/LoadingComponent";
 import MWaterContextComponent, { AddLayerElementFactory } from "./MWaterContextComponent";
-/**
- * Loads an mWater schema from the server and creates child with schema and dataSource
- * Also creates context to allow selecting of a table in an mWater-friendly way
- * and several other context items
- */
-export default class MWaterLoaderComponent extends AsyncLoadComponent<{
+export interface MWaterLoaderComponentProps {
     apiUrl: string;
     client?: string;
     share?: string;
@@ -32,16 +27,22 @@ export default class MWaterLoaderComponent extends AsyncLoadComponent<{
     errorFormatter?: (data: any, defaultError: string) => string;
     /** Origin of usage. e.g. "dashboards:43445364..." */
     origin?: string;
-}, {
+}
+/**
+ * Loads an mWater schema from the server and creates child with schema and dataSource
+ * Also creates context to allow selecting of a table in an mWater-friendly way
+ * and several other context items
+ */
+export default class MWaterLoaderComponent extends AsyncLoadComponent<MWaterLoaderComponentProps, {
     error: any;
     schema: Schema | null;
     dataSource: DataSource | null;
     loading: boolean;
 }> {
     mounted: boolean;
-    constructor(props: any);
-    isLoadNeeded(newProps: any, oldProps: any): boolean;
-    load(props: any, prevProps: any, callback: any): void;
+    constructor(props: MWaterLoaderComponentProps);
+    isLoadNeeded(newProps: MWaterLoaderComponentProps, oldProps: MWaterLoaderComponentProps): boolean;
+    load(props: MWaterLoaderComponentProps, prevProps: MWaterLoaderComponentProps, callback: any): void;
     render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.CElement<import("@mwater/react-library/lib/LoadingComponent").LoadingComponentProps, LoadingComponent> | React.CElement<{
         apiUrl: string;
         client?: string;

package/lib/MWaterLoaderComponent.js

@@ -34,7 +34,7 @@ class MWaterLoaderComponent extends AsyncLoadComponent_1.default {
     // Call callback with state changes
     load(props, prevProps, callback) {
         // Load schema and data source
-        return (0, mWaterLoader_1.default)({
+        (0, mWaterLoader_1.default)({
             apiUrl: props.apiUrl,
             client: props.client,
             share: props.share,

package/lib/MWaterResponsesFilterComponent.js

@@ -137,7 +137,7 @@ class MWaterResponsesFilterComponent extends react_1.default.Component {
         const siteColumnId = this.getSiteValue();
         return R("div", { style: { paddingLeft: 5, paddingTop: 5 } }, R("div", { style: { paddingBottom: 5 } }, T `Data Source Options:`), R("div", { style: { paddingLeft: 5 } }, siteColumns.length > 0
             ? R("div", null, R("i", null, T `This data source contains links to monitoring sites. Would you like to:`), R("div", { style: { paddingLeft: 8 } }, R(ui.Radio, { key: "all", value: siteColumnId, radioValue: null, onChange: this.handleSiteChange }, T `Show all survey responses (even if there are more than one per site)`), lodash_1.default.map(siteColumns, (column) => {
-                return R(ui.Radio, { key: column.id, value: siteColumnId, radioValue: column.id, onChange: this.handleSiteChange }, T `Show only the latest response for each `, R("i", null, `${expressions_1.ExprUtils.localizeString(this.props.schema.getTable(column.join.toTable)?.name)}`), T ` in the question `, R("i", null, `'${expressions_1.ExprUtils.localizeString(column.name)}'`));
+                return R(ui.Radio, { key: column.id, value: siteColumnId, radioValue: column.id, onChange: this.handleSiteChange }, T `Show only the latest response for each`, " ", R("i", null, `${expressions_1.ExprUtils.localizeString(this.props.schema.getTable(column.join.toTable)?.name)}`), " ", T `in the question`, " ", R("i", null, `'${expressions_1.ExprUtils.localizeString(column.name)}'`));
             })))
             : undefined, R(ui.Checkbox, { value: this.isFinal(), onChange: this.handleFinalChange }, T `Only include final responses (recommended)`)));
     }

package/lib/MWaterTableSelectComponent.d.ts

@@ -21,7 +21,6 @@ interface MWaterTableSelectComponentState {
     pendingExtraTable: any;
 }
 export default class MWaterTableSelectComponent extends React.Component<MWaterTableSelectComponentProps, MWaterTableSelectComponentState> {
-    static contextType: React.Context<string>;
     toggleEdit: any;
     constructor(props: MWaterTableSelectComponentProps);
     componentWillReceiveProps(nextProps: any): any;

package/lib/MWaterTableSelectComponent.js

@@ -14,7 +14,6 @@ const MWaterCompleteTableSelectComponent_1 = __importDefault(require("./MWaterCo
 const expressions_ui_1 = require("@mwater/expressions-ui");
 // Allows selection of a mwater-visualization table. Loads forms as well and calls event if modified
 class MWaterTableSelectComponent extends react_1.default.Component {
-    static contextType = expressions_ui_1.LocaleContext;
     toggleEdit;
     constructor(props) {
         super(props);
@@ -93,7 +92,7 @@ class MWaterTableSelectComponent extends react_1.default.Component {
             },
             forceOpen: !this.props.table, // Must have table
             label: this.props.table
-                ? expressions_1.ExprUtils.localizeString(this.props.schema.getTable(this.props.table)?.name, this.context)
+                ? expressions_1.ExprUtils.localizeString(this.props.schema.getTable(this.props.table)?.name, T.locale)
                 : "",
             editor,
             onRemove: () => {
@@ -117,7 +116,6 @@ class MWaterTableSelectComponent extends react_1.default.Component {
 exports.default = MWaterTableSelectComponent;
 // Is the table select component when in edit mode. Toggles between complete list and simplified list
 class EditModeTableSelectComponent extends react_1.default.Component {
-    static contextType = expressions_ui_1.LocaleContext;
     constructor(props) {
         super(props);
         this.state = {
@@ -156,7 +154,7 @@ class EditModeTableSelectComponent extends react_1.default.Component {
             }
         }
         // Sort by name
-        tables = lodash_1.default.sortBy(tables, (tableId) => expressions_1.ExprUtils.localizeString(this.props.schema.getTable(tableId).name, this.context));
+        tables = lodash_1.default.sortBy(tables, (tableId) => expressions_1.ExprUtils.localizeString(this.props.schema.getTable(tableId).name, T.locale));
         return tables;
     }
     handleCompleteChange = (tableId) => {
@@ -172,8 +170,8 @@ class EditModeTableSelectComponent extends react_1.default.Component {
                 react_1.default.createElement(UIComponents_1.OptionListComponent, { items: this.getTableShortlist(activeTables).map((tableId) => {
                         const table = this.props.schema.getTable(tableId);
                         return {
-                            name: expressions_1.ExprUtils.localizeString(table.name, this.context),
-                            desc: expressions_1.ExprUtils.localizeString(table.desc, this.context),
+                            name: expressions_1.ExprUtils.localizeString(table.name, T.locale),
+                            desc: expressions_1.ExprUtils.localizeString(table.desc, T.locale),
                             onClick: () => this.props.onChange(table.id)
                         };
                     }) }),

package/lib/autotranslate.d.ts

@@ -0,0 +1,20 @@
+import { LocalizedString } from "ez-localize/lib/utils";
+/** Translates an array of strings from a source language to a target language using the mWater translation API.
+ * @param strings Array of strings to translate
+ * @param sourceLanguage Source language code (e.g. "en")
+ * @param targetLanguage Target language code to translate to
+ * @returns Promise that resolves to array of translated strings in same order as input
+ * @throws Error if translation fails
+ */
+export declare function translateStrings(strings: string[], sourceLanguage: string, targetLanguage: string): Promise<string[]>;
+/** Ensures that all LocalizedString objects have translations for all specified locales.
+ * Only translates missing translations, preserving existing ones and base strings.
+ * Each string's _base property is used as the source language for translations.
+ * @param strings Array of LocalizedString objects to ensure are fully translated
+ * @param locales Array of language codes specifying which languages to ensure exist
+ * @param baseLanguage Language code of the _base strings (e.g. "en", "fr", etc)
+ * @returns Promise that resolves to array of fully translated LocalizedString objects
+ */
+export declare function translateLocalizedStrings(strings: LocalizedString[], locales: string[], baseLanguage: string): Promise<LocalizedString[]>;
+/** Returns true if the given language code can be automatically translated. */
+export declare function canAutoTranslate(languageCode: string): boolean;