@mwater/visualization 5.4.5 → 5.6.0

package/lib/mwater_table_selection/MWaterAssetSystemsListComponent.js

@@ -0,0 +1,79 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MWaterAssetSystemsListComponent = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+const expressions_1 = require("@mwater/expressions");
+const react_1 = require("react");
+const react_2 = __importDefault(require("react"));
+const UIComponents_1 = require("../UIComponents");
+const bootstrap_1 = require("@mwater/react-library/lib/bootstrap");
+/** Searchable list of asset system tables */
+const MWaterAssetSystemsListComponent = (props) => {
+    const [systems, setSystems] = (0, react_1.useState)();
+    const [search, setSearch] = (0, react_1.useState)("");
+    const [extraTableNeeded, setExtraTableNeeded] = (0, react_1.useState)();
+    // Get list of all systems
+    (0, react_1.useEffect)(() => {
+        fetch(`${props.apiUrl}asset_systems?client=${props.client || ""}`)
+            .then((response) => response.json())
+            .then((body) => {
+            // Put included ones first
+            setSystems(lodash_1.default.sortByAll(body, [
+                (m) => (props.extraTables.some(t => t == `assets:${m.sid}`)) ? 0 : 1,
+                (m) => expressions_1.ExprUtils.localizeString(m.design.name, props.locale)
+            ]));
+        });
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (extraTableNeeded && props.schema.getTable(extraTableNeeded)) {
+            props.onChange(extraTableNeeded);
+        }
+    });
+    const selectTable = (system) => {
+        const qualifiedTableId = `assets:${system.sid}`;
+        // If already included, select it
+        if (props.schema.getTable(qualifiedTableId)) {
+            props.onChange(qualifiedTableId);
+            return;
+        }
+        // Request extra tables as wildcard
+        setExtraTableNeeded(qualifiedTableId);
+        props.onExtraTableAdd(qualifiedTableId);
+    };
+    const handleRemove = (system) => {
+        // Remove from extra tables
+        const match = props.extraTables.find((t) => t == `assets:${system.sid}`);
+        if (match) {
+            if (confirm(T `Remove this table? Some widgets may not work correctly.`)) {
+                props.onChange(null);
+                props.onExtraTableRemove(match);
+            }
+        }
+    };
+    if (!systems || extraTableNeeded) {
+        return (react_2.default.createElement("div", null,
+            react_2.default.createElement("i", { className: "fa fa-spin fa-spinner" }),
+            " ",
+            T `Loading...`));
+    }
+    const renderAssetSystems = () => {
+        const items = systems
+            .map((m) => {
+            const alreadyIncluded = props.extraTables.some((t) => t == `assets:${m.sid}`);
+            return {
+                name: expressions_1.ExprUtils.localizeString(m.design.name, props.locale) || "",
+                onClick: () => selectTable(m),
+                onRemove: alreadyIncluded ? handleRemove.bind(null, m) : undefined
+            };
+        })
+            .filter((item) => !search || !item.name.toLowerCase().includes(search.toLowerCase()));
+        return react_2.default.createElement(UIComponents_1.OptionListComponent, { items: items });
+    };
+    return (react_2.default.createElement("div", null,
+        react_2.default.createElement(bootstrap_1.TextInput, { value: search, onChange: setSearch, placeholder: T `Search...` }),
+        renderAssetSystems()));
+};
+exports.MWaterAssetSystemsListComponent = MWaterAssetSystemsListComponent;

package/lib/mwater_table_selection/MWaterCalculatedDataSourcesListComponent.d.ts

@@ -0,0 +1,18 @@
+import { Schema } from "@mwater/expressions";
+import React from "react";
+interface MWaterCalculatedDataSourcesListComponentProps {
+    apiUrl: string;
+    schema: Schema;
+    client?: string;
+    user?: string;
+    onChange: (tableId: string | null) => void;
+    extraTables: string[];
+    onExtraTableAdd: (tableId: string) => void;
+    onExtraTableRemove: (tableId: string) => void;
+    locale?: string;
+}
+/**
+ * A list of calculated data sources that can be selected.
+ */
+export declare const MWaterCalculatedDataSourcesListComponent: (props: MWaterCalculatedDataSourcesListComponentProps) => React.JSX.Element;
+export {};

package/lib/mwater_table_selection/MWaterCalculatedDataSourcesListComponent.js

@@ -0,0 +1,80 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MWaterCalculatedDataSourcesListComponent = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+const expressions_1 = require("@mwater/expressions");
+const react_1 = require("react");
+const react_2 = __importDefault(require("react"));
+const UIComponents_1 = require("../UIComponents");
+const bootstrap_1 = require("@mwater/react-library/lib/bootstrap");
+/**
+ * A list of calculated data sources that can be selected.
+ */
+const MWaterCalculatedDataSourcesListComponent = (props) => {
+    const [calculatedSources, setCalculatedSources] = (0, react_1.useState)();
+    const [search, setSearch] = (0, react_1.useState)("");
+    const [extraTableNeeded, setExtraTableNeeded] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        fetch(`${props.apiUrl}calculated_data_sources?client=${props.client || ""}`)
+            .then((response) => response.json())
+            .then((body) => {
+            // Filter out calculated data sources that have never been calculated
+            const calculatedSources = body.filter((s) => s.last_calculated);
+            setCalculatedSources(lodash_1.default.sortByAll(calculatedSources, [
+                (s) => (props.extraTables.some((t) => t == `calculated:${s._sid}`) ? 0 : 1),
+                (s) => expressions_1.ExprUtils.localizeString(s.name, props.locale)
+            ]));
+        });
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (extraTableNeeded && props.schema.getTable(extraTableNeeded)) {
+            props.onChange(extraTableNeeded);
+        }
+    });
+    const selectTable = (source) => {
+        const qualifiedTableId = `calculated:${source._sid}`;
+        if (props.schema.getTable(qualifiedTableId)) {
+            props.onChange(qualifiedTableId);
+            return;
+        }
+        setExtraTableNeeded(qualifiedTableId);
+        props.onExtraTableAdd(qualifiedTableId);
+    };
+    const handleRemove = (source) => {
+        const match = props.extraTables.find((t) => t == `calculated:${source._sid}`);
+        if (match) {
+            if (confirm(T `Remove this table? Some widgets may not work correctly.`)) {
+                props.onChange(null);
+                props.onExtraTableRemove(match);
+            }
+        }
+    };
+    if (!calculatedSources || extraTableNeeded) {
+        return (react_2.default.createElement("div", null,
+            react_2.default.createElement("i", { className: "fa fa-spin fa-spinner" }),
+            " ",
+            T `Loading...`));
+    }
+    const renderCalculatedSources = () => {
+        const items = calculatedSources
+            .map((s) => {
+            const alreadyIncluded = props.extraTables.some((t) => t == `calculated:${s._sid}`);
+            return {
+                name: expressions_1.ExprUtils.localizeString(s.name, props.locale) || "",
+                desc: s.description ? expressions_1.ExprUtils.localizeString(s.description, props.locale) || "" : undefined,
+                onClick: () => selectTable(s),
+                onRemove: alreadyIncluded ? handleRemove.bind(null, s) : undefined
+            };
+        })
+            .filter((item) => !search || item.name.toLowerCase().includes(search.toLowerCase()));
+        return react_2.default.createElement(UIComponents_1.OptionListComponent, { items: items });
+    };
+    return (react_2.default.createElement("div", null,
+        react_2.default.createElement(bootstrap_1.TextInput, { value: search, onChange: setSearch, placeholder: T `Search...`, searchIcon: true }),
+        react_2.default.createElement("br", null),
+        renderCalculatedSources()));
+};
+exports.MWaterCalculatedDataSourcesListComponent = MWaterCalculatedDataSourcesListComponent;

package/lib/mwater_table_selection/MWaterCompleteTableSelectComponent.d.ts

@@ -0,0 +1,63 @@
+import React from "react";
+import { Schema } from "@mwater/expressions";
+interface MWaterCompleteTableSelectComponentProps {
+    /** Url to hit api */
+    apiUrl: string;
+    /** Optional client */
+    client?: string;
+    schema: Schema;
+    /** User id */
+    user?: string;
+    table?: string;
+    /** Called with table selected */
+    onChange: any;
+    extraTables: any;
+    onExtraTablesChange: any;
+}
+interface Category {
+    id: string;
+    name: string;
+    description: string;
+    icon: string;
+    render: () => JSX.Element;
+}
+/** Allows selection of a table. Card-based layout with categories */
+export default class MWaterCompleteTableSelectComponent extends React.Component<MWaterCompleteTableSelectComponentProps, {
+    selectedCategory: string | null;
+    showLegacyAssets: boolean;
+    searchText: string;
+}> {
+    constructor(props: MWaterCompleteTableSelectComponentProps);
+    handleExtraTableAdd: (tableId: any) => any;
+    handleExtraTableRemove: (tableId: any) => any;
+    handleCategorySelect: (categoryId: string) => void;
+    handleBackToCategories: () => void;
+    renderSites(): React.JSX.Element;
+    renderForms(): React.JSX.Element;
+    renderIndicators(): React.JSX.Element;
+    renderIssues(): React.JSX.Element;
+    renderWorkflows(): React.JSX.Element;
+    renderSweetSense(): React.JSX.Element;
+    renderTablesets(): React.JSX.Element;
+    renderMetrics(): React.JSX.Element;
+    renderAccountingSystems(): React.JSX.Element;
+    renderAssets(): React.JSX.Element;
+    renderLegacyAssets(): React.JSX.Element;
+    renderCalculated(): React.JSX.Element;
+    renderOther(): React.JSX.Element;
+    getSweetSenseTables(): import("@mwater/expressions").Table[];
+    /** Get all available categories */
+    getCategories(): Category[];
+    /** Render a single category card */
+    renderCategoryCard(category: Category): React.JSX.Element;
+    /** Get display name for an extra table (handles wildcards) */
+    getExtraTableDisplayName(tableId: string): string | null;
+    /** Render the currently included extra tables section */
+    renderExtraTables(): React.JSX.Element | null;
+    /** Render the landing page with all categories */
+    renderLandingPage(): React.JSX.Element;
+    /** Render a specific category view */
+    renderCategoryView(): React.JSX.Element | null;
+    render(): React.JSX.Element;
+}
+export {};