@oneuptime/common 13.0.4 → 13.0.6

package/build/dist/UI/Components/Page/ModelPage.js

@@ -1,17 +1,30 @@
 import API from "../../Utils/API/API";
 import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
 import Page from "./Page";
-import React, { useState } from "react";
-import useAsyncEffect from "use-async-effect";
+import React, { useEffect, useRef, useState, } from "react";
 const ModelPage = (props) => {
-    const [isLoading, setIsLoading] = useState(true);
-    const [error, setError] = useState("");
-    const [labels, setLabels] = useState([]);
-    const fetchItem = async () => {
-        var _a, _b;
-        // get item.
-        setIsLoading(true);
-        setError("");
+    /*
+     * Keyed on the id's string, not the ObjectID: layouts build a new ObjectID
+     * from the route params on every render.
+     */
+    const modelIdString = props.modelId.toString();
+    const [loadedHeader, setLoadedHeader] = useState(null);
+    /*
+     * Bumped by every fetch, when the model changes and on unmount. A response
+     * only lands while no newer fetch has started, so a slow read of the model
+     * the reader already left can never put its title back on the page.
+     */
+    const latestRequestRef = useRef(0);
+    const fetchItem = async (modelId) => {
+        const requestNumber = latestRequestRef.current + 1;
+        latestRequestRef.current = requestNumber;
+        const requestedModelId = modelId.toString();
+        let header = {
+            modelId: requestedModelId,
+            title: props.title,
+            labels: [],
+            error: "",
+        };
         try {
             const modelInstance = new props.modelType();
             const labelsColumn = modelInstance.getAccessControlColumn();
@@ -28,42 +41,57 @@ const ModelPage = (props) => {
             const modelAPI = props.modelAPI || ModelAPI;
             const item = await modelAPI.getItem({
                 modelType: props.modelType,
-                id: props.modelId,
+                id: modelId,
                 select: select,
                 requestOptions: {},
             });
             if (!item) {
-                setError(`Cannot load ${(((_a = new props.modelType()) === null || _a === void 0 ? void 0 : _a.singularName) || "item").toLowerCase()}. It could be because you don't have enough permissions to read this ${(((_b = new props.modelType()) === null || _b === void 0 ? void 0 : _b.singularName) || "item").toLowerCase()}.`);
-                return;
-            }
-            if (labelsColumn) {
-                const columnValue = item.getColumnValue(labelsColumn);
-                const loadedLabels = columnValue || item[labelsColumn] || [];
-                setLabels(loadedLabels);
+                const singularName = (modelInstance.singularName || "item").toLowerCase();
+                header = Object.assign(Object.assign({}, header), { error: `Cannot load ${singularName}. It could be because you don't have enough permissions to read this ${singularName}.` });
             }
             else {
-                setLabels([]);
+                let loadedLabels = [];
+                if (labelsColumn) {
+                    const columnValue = item.getColumnValue(labelsColumn);
+                    loadedLabels =
+                        columnValue || item[labelsColumn] || [];
+                }
+                header = Object.assign(Object.assign({}, header), { labels: loadedLabels, title: `${props.title || ""} - ${item[props.modelNameField]}` });
             }
-            setTitle(`${props.title || ""} - ${item[props.modelNameField]}`);
         }
         catch (err) {
-            setLabels([]);
-            setError(API.getFriendlyMessage(err));
+            header = Object.assign(Object.assign({}, header), { labels: [], error: API.getFriendlyMessage(err) });
         }
-        finally {
-            /*
-             * Must run even on the early "item not found" return above —
-             * otherwise the page shows its loader forever instead of the error.
-             */
-            setIsLoading(false);
+        // The reader moved to another model (or left) while this was in flight.
+        if (requestNumber !== latestRequestRef.current) {
+            return;
         }
+        setLoadedHeader(header);
     };
-    const [title, setTitle] = useState(props.title);
-    useAsyncEffect(async () => {
-        // fetch the model
-        await fetchItem();
-    }, []);
-    return (React.createElement(Page, Object.assign({}, props, { labels: labels.length > 0 ? labels : undefined, isLoading: isLoading, error: error, title: title })));
+    useEffect(() => {
+        fetchItem(props.modelId).catch((err) => {
+            setLoadedHeader({
+                modelId: modelIdString,
+                title: props.title,
+                labels: [],
+                error: API.getFriendlyMessage(err),
+            });
+        });
+        return () => {
+            latestRequestRef.current++;
+        };
+    }, [modelIdString]);
+    /*
+     * Decided at render time, not in an effect: the very first render for a
+     * different model already shows the loader, so the children (which read the
+     * id from the route) are unmounted before they can render or fetch for the
+     * new model under the old one's header. Layouts keep ModelPage mounted when
+     * the reader follows a link to another record on the same route, so this is
+     * the only place that can notice.
+     */
+    const isCurrentModelLoaded = loadedHeader !== null && loadedHeader.modelId === modelIdString;
+    const labels = isCurrentModelLoaded ? loadedHeader.labels : [];
+    return (React.createElement(Page, Object.assign({}, props, { labels: labels.length > 0 ? labels : undefined, isLoading: !isCurrentModelLoaded, error: isCurrentModelLoaded ? loadedHeader.error : "", title: isCurrentModelLoaded ? loadedHeader.title : props.title })));
 };
 export default ModelPage;
 //# sourceMappingURL=ModelPage.js.map

package/build/dist/UI/Components/Page/ModelPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModelPage.js","sourceRoot":"","sources":["../../../../../UI/Components/Page/ModelPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ModelPage.js","sourceRoot":"","sources":["../../../../../UI/Components/Page/ModelPage.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/RuleRun/RuleDetailFields.js

@@ -0,0 +1,226 @@
+import Label from "../../../Models/DatabaseModels/Label";
+import User from "../../../Models/DatabaseModels/User";
+import FormFieldSchemaType from "../Forms/Types/FormFieldSchemaType";
+import LabelsElement from "../Label/Labels";
+import { getRuleCriteriaFieldName } from "../RuleCriteria/RuleCriteriaBuilder";
+import { getLegacyRuleCriteriaFields, RULE_CRITERIA_FIELD_NAME, } from "../RuleCriteria/RuleCriteriaModelForm";
+import RuleCriteriaSummary from "../RuleCriteria/RuleCriteriaSummary";
+import FieldType from "../Types/FieldType";
+import React from "react";
+function noneElement() {
+    return React.createElement("span", { className: "text-sm text-gray-500" }, "None");
+}
+function flattenOptions(options) {
+    const result = [];
+    for (const option of options) {
+        const group = option;
+        if (Array.isArray(group.options)) {
+            result.push(...group.options);
+        }
+        else {
+            result.push(option);
+        }
+    }
+    return result;
+}
+// The column a related row is best named by, if it has one.
+function getDisplayColumn(model) {
+    for (const column of ["name", "title"]) {
+        if (model.hasColumn(column)) {
+            return column;
+        }
+    }
+    return null;
+}
+function readValue(item, fieldName) {
+    return item[fieldName];
+}
+function displayNameOf(related, displayColumn) {
+    const value = readValue(related, displayColumn) ||
+        (related instanceof User ? readValue(related, "email") : undefined);
+    return value ? String(value) : "";
+}
+/*
+ * A relation field (single or multi-select): what to select from the related
+ * rows, and how to render them. Null when the relation has nothing readable to
+ * show.
+ */
+function getRelationField(data) {
+    var _a;
+    const relatedModelType = (_a = data.model.getTableColumnMetadata(data.fieldName)) === null || _a === void 0 ? void 0 : _a.modelType;
+    if (!relatedModelType) {
+        return null;
+    }
+    const relatedModel = new relatedModelType();
+    if (relatedModel instanceof Label) {
+        return {
+            select: { [data.fieldName]: { name: true, color: true } },
+            field: {
+                title: data.formField.title || "",
+                fieldType: FieldType.Element,
+                getElement: (item) => {
+                    const labels = readValue(item, data.fieldName) || [];
+                    return labels.length > 0 ? (React.createElement(LabelsElement, { labels: labels })) : (noneElement());
+                },
+            },
+        };
+    }
+    const displayColumn = getDisplayColumn(relatedModel);
+    if (!displayColumn) {
+        return null;
+    }
+    const relatedSelect = { [displayColumn]: true };
+    if (relatedModel instanceof User) {
+        relatedSelect["email"] = true;
+    }
+    return {
+        select: { [data.fieldName]: relatedSelect },
+        field: {
+            title: data.formField.title || "",
+            fieldType: FieldType.Element,
+            getElement: (item) => {
+                const value = readValue(item, data.fieldName);
+                const relatedRows = (Array.isArray(value) ? value : value ? [value] : []);
+                const names = relatedRows
+                    .map((related) => {
+                    return displayNameOf(related, displayColumn);
+                })
+                    .filter((name) => {
+                    return name.length > 0;
+                });
+                return names.length > 0 ? (React.createElement("span", { className: "text-sm text-gray-900" }, names.join(", "))) : (noneElement());
+            },
+        },
+    };
+}
+function getDetailField(data) {
+    const { formField, fieldName } = data;
+    const plainSelect = { [fieldName]: true };
+    const base = Object.assign({ field: plainSelect, title: formField.title || "" }, (formField.showIf
+        ? {
+            showIf: (item) => {
+                return formField.showIf(item);
+            },
+        }
+        : {}));
+    switch (formField.fieldType) {
+        case FormFieldSchemaType.Toggle:
+            return {
+                select: plainSelect,
+                field: Object.assign(Object.assign({}, base), { fieldType: FieldType.Boolean }),
+            };
+        case FormFieldSchemaType.Text:
+        case FormFieldSchemaType.Email:
+        case FormFieldSchemaType.URL:
+            return {
+                select: plainSelect,
+                field: Object.assign(Object.assign({}, base), { fieldType: FieldType.Text }),
+            };
+        case FormFieldSchemaType.LongText:
+            return {
+                select: plainSelect,
+                field: Object.assign(Object.assign({}, base), { fieldType: FieldType.LongText }),
+            };
+        case FormFieldSchemaType.Number:
+        case FormFieldSchemaType.PositiveNumber:
+            return {
+                select: plainSelect,
+                field: Object.assign(Object.assign({}, base), { fieldType: FieldType.Number }),
+            };
+        case FormFieldSchemaType.Dropdown:
+        case FormFieldSchemaType.MultiSelectDropdown: {
+            if (formField.dropdownOptions && !formField.dropdownModal) {
+                const options = flattenOptions(formField.dropdownOptions);
+                return {
+                    select: plainSelect,
+                    field: Object.assign(Object.assign({}, base), { fieldType: FieldType.Element, getElement: (item) => {
+                            const value = readValue(item, fieldName);
+                            const values = Array.isArray(value)
+                                ? value
+                                : value === undefined || value === null
+                                    ? []
+                                    : [value];
+                            const labels = values.map((entry) => {
+                                const option = options.find((candidate) => {
+                                    return candidate.value === entry;
+                                });
+                                return (option === null || option === void 0 ? void 0 : option.label) || String(entry);
+                            });
+                            return labels.length > 0 ? (React.createElement("span", { className: "text-sm text-gray-900" }, labels.join(", "))) : (noneElement());
+                        } }),
+                };
+            }
+            const relation = getRelationField(data);
+            if (!relation) {
+                return null;
+            }
+            return {
+                select: relation.select,
+                field: Object.assign(Object.assign(Object.assign({}, base), relation.field), { field: relation.select }),
+            };
+        }
+        default:
+            // Nothing generic to show for custom editors; the edit form still has them.
+            return null;
+    }
+}
+export function getRuleDetailFields(data) {
+    const legacyCriteriaFields = getLegacyRuleCriteriaFields(data.formFields);
+    const legacyCriteriaFieldNames = new Set();
+    for (const legacyField of legacyCriteriaFields) {
+        const fieldName = getRuleCriteriaFieldName(legacyField);
+        if (fieldName) {
+            legacyCriteriaFieldNames.add(fieldName);
+        }
+    }
+    const fields = [];
+    const select = {};
+    let criteriaSummaryAdded = false;
+    for (const formField of data.formFields) {
+        const fieldName = Object.keys(formField.field || {})[0];
+        if (!fieldName) {
+            continue;
+        }
+        if (fieldName === RULE_CRITERIA_FIELD_NAME ||
+            legacyCriteriaFieldNames.has(fieldName)) {
+            if (criteriaSummaryAdded || legacyCriteriaFields.length === 0) {
+                continue;
+            }
+            criteriaSummaryAdded = true;
+            select[RULE_CRITERIA_FIELD_NAME] = true;
+            /*
+             * The summary falls back to the legacy values for a rule saved before
+             * configurable criteria, so it needs them selected too - the same
+             * select the rule table's criteria column uses.
+             */
+            for (const legacyField of legacyCriteriaFields) {
+                Object.assign(select, legacyField.field || {});
+            }
+            fields.push({
+                field: { [RULE_CRITERIA_FIELD_NAME]: true },
+                title: "Match Criteria",
+                fieldType: FieldType.Element,
+                getElement: (item) => {
+                    return (React.createElement(RuleCriteriaSummary, { fields: legacyCriteriaFields, item: item }));
+                },
+            });
+            continue;
+        }
+        const detail = getDetailField({
+            model: data.model,
+            fieldName: fieldName,
+            formField: formField,
+        });
+        if (!detail) {
+            continue;
+        }
+        Object.assign(select, detail.select);
+        fields.push(detail.field);
+    }
+    return {
+        fields: fields,
+        selectMoreFields: select,
+    };
+}
+export default getRuleDetailFields;
+//# sourceMappingURL=RuleDetailFields.js.map

package/build/dist/UI/Components/RuleRun/RuleDetailFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleDetailFields.js","sourceRoot":"","sources":["../../../../../UI/Components/RuleRun/RuleDetailFields.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/RuleRun/RuleTable.js

@@ -0,0 +1,97 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import Route from "../../../Types/API/Route";
+import IconProp from "../../../Types/Icon/IconProp";
+import { RuleRunTypeUtil } from "../../../Types/Rules/RuleRun";
+import Navigation from "../../Utils/Navigation";
+import PermissionGate, { ModelAction, } from "../../Utils/PermissionGate";
+import { ButtonStyleType } from "../Button/Button";
+import ModelTable from "../ModelTable/ModelTable";
+import RuleView from "./RuleView";
+import RunRuleNowModal from "./RunRuleNowModal";
+import getRunRulesBulkAction from "./RunRulesBulkAction";
+import React, { Fragment, useState } from "react";
+function getParentRoute() {
+    return new Route(Navigation.getCurrentRoute()
+        .toString()
+        .replace(/\/+$/, "")
+        .replace(/\/[^/]+$/, ""));
+}
+/*
+ * A table of rules. For rules that can be run - label, owner, privacy, and
+ * status page and SLO monitor rules - it adds "Run Now" to each row and to
+ * the bulk actions, and makes each rule viewable on its own page.
+ */
+const RuleTable = (props) => {
+    var _a, _b;
+    const [ruleBeingRun, setRuleBeingRun] = useState(null);
+    const { viewRuleId, getRuleViewRoute, listRoute } = props, tableProps = __rest(props, ["viewRuleId", "getRuleViewRoute", "listRoute"]);
+    const model = new props.modelType();
+    const ruleType = RuleRunTypeUtil.fromTableName(model.tableName);
+    if (viewRuleId) {
+        return (React.createElement(RuleView, { modelType: props.modelType, ruleId: viewRuleId, formFields: props.formFields || [], formSteps: props.formSteps, listRoute: listRoute || getParentRoute(), createEditModalWidth: props.createEditModalWidth, modelAPI: props.modelAPI }));
+    }
+    const updateGate = PermissionGate.check(model, ModelAction.Update);
+    const canOfferRun = Boolean(ruleType && (updateGate.isAllowed || updateGate.disabledReason));
+    const actionButtons = [
+        ...(props.actionButtons || []),
+    ];
+    let bulkActions = props.bulkActions;
+    if (ruleType && canOfferRun) {
+        actionButtons.push({
+            title: "Run Now",
+            icon: IconProp.Play,
+            buttonStyleType: ButtonStyleType.NORMAL,
+            disabled: !updateGate.isAllowed,
+            tooltip: updateGate.disabledReason,
+            onClick: (item, onCompleteAction, onError) => {
+                var _a, _b;
+                try {
+                    const id = ((_a = item.id) === null || _a === void 0 ? void 0 : _a.toString()) || ((_b = item._id) === null || _b === void 0 ? void 0 : _b.toString());
+                    if (id && updateGate.isAllowed) {
+                        const name = item["name"];
+                        setRuleBeingRun({
+                            id: id,
+                            name: typeof name === "string" ? name : undefined,
+                        });
+                    }
+                    onCompleteAction();
+                }
+                catch (err) {
+                    onCompleteAction();
+                    onError(err);
+                }
+            },
+        });
+        bulkActions = Object.assign(Object.assign({}, (props.bulkActions || {})), { buttons: [
+                ...(((_a = props.bulkActions) === null || _a === void 0 ? void 0 : _a.buttons) || []),
+                getRunRulesBulkAction({
+                    ruleType: ruleType,
+                    modelType: props.modelType,
+                }),
+            ] });
+    }
+    const isViewable = (_b = props.isViewable) !== null && _b !== void 0 ? _b : Boolean(ruleType && (getRuleViewRoute || props.viewPageRoute));
+    return (React.createElement(Fragment, null,
+        React.createElement(ModelTable, Object.assign({}, tableProps, { actionButtons: actionButtons, bulkActions: bulkActions, isViewable: isViewable }, (getRuleViewRoute
+            ? {
+                onViewPage: (item) => {
+                    return Promise.resolve(getRuleViewRoute(item));
+                },
+            }
+            : {}))),
+        ruleType && ruleBeingRun ? (React.createElement(RunRuleNowModal, { ruleType: ruleType, ruleId: ruleBeingRun.id, ruleName: ruleBeingRun.name, onClose: () => {
+                setRuleBeingRun(null);
+            } })) : (React.createElement(React.Fragment, null))));
+};
+export default RuleTable;
+//# sourceMappingURL=RuleTable.js.map

package/build/dist/UI/Components/RuleRun/RuleTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleTable.js","sourceRoot":"","sources":["../../../../../UI/Components/RuleRun/RuleTable.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/RuleRun/RuleView.js

@@ -0,0 +1,83 @@
+import IconProp from "../../../Types/Icon/IconProp";
+import { RuleRunTypeUtil } from "../../../Types/Rules/RuleRun";
+import RuleRunSummary from "../../../Utils/Rules/RuleRunSummary";
+import Navigation from "../../Utils/Navigation";
+import PermissionGate, { ModelAction, } from "../../Utils/PermissionGate";
+import { ButtonStyleType } from "../Button/Button";
+import Card from "../Card/Card";
+import ModelDelete from "../ModelDelete/ModelDelete";
+import CardModelDetail from "../ModelDetail/CardModelDetail";
+import FieldType from "../Types/FieldType";
+import { getRuleDetailFields } from "./RuleDetailFields";
+import RunRuleNowModal from "./RunRuleNowModal";
+import React, { Fragment, useMemo, useState } from "react";
+/*
+ * A rule's own page: its details (editable with the same form as the table),
+ * "Run Now", and delete.
+ */
+const RuleView = (props) => {
+    const model = useMemo(() => {
+        return new props.modelType();
+    }, [props.modelType]);
+    const ruleType = RuleRunTypeUtil.fromTableName(model.tableName);
+    const [rule, setRule] = useState(null);
+    const [isRunModalOpen, setIsRunModalOpen] = useState(false);
+    const detail = useMemo(() => {
+        return getRuleDetailFields({ model: model, formFields: props.formFields });
+    }, [model, props.formFields]);
+    const updateGate = PermissionGate.check(model, ModelAction.Update);
+    const singularName = model.singularName || "Rule";
+    const ruleValues = (rule || {});
+    const ruleName = typeof ruleValues["name"] === "string" ? ruleValues["name"] : undefined;
+    const isEnabled = ruleValues["isEnabled"] === true;
+    const runNowTooltip = updateGate.disabledReason ||
+        (rule && !isEnabled
+            ? "This rule is disabled. Enable it before running it."
+            : undefined);
+    return (React.createElement(Fragment, null,
+        React.createElement(CardModelDetail, { name: `${singularName} Details`, cardProps: {
+                title: ruleName || `${singularName} Details`,
+                description: `Here are the details of this ${singularName.toLowerCase()}.`,
+            }, isEditable: true, formSteps: props.formSteps, formFields: props.formFields, createEditModalWidth: props.createEditModalWidth, modelAPI: props.modelAPI, modelDetailProps: {
+                modelType: props.modelType,
+                id: "rule-view-detail",
+                modelId: props.ruleId,
+                modelAPI: props.modelAPI,
+                showDetailsInNumberOfColumns: 2,
+                selectMoreFields: Object.assign(Object.assign({}, detail.selectMoreFields), { name: true, isEnabled: true }),
+                onItemLoaded: (item) => {
+                    setRule(item);
+                },
+                fields: [
+                    {
+                        field: { _id: true },
+                        title: "Rule ID",
+                        fieldType: FieldType.ObjectID,
+                    },
+                    ...detail.fields,
+                ],
+            } }),
+        ruleType && (updateGate.isAllowed || updateGate.disabledReason) ? (React.createElement(Card, { title: "Run Now", description: RuleRunSummary.describeRunNowCard(ruleType), buttons: [
+                {
+                    title: "Run Now",
+                    icon: IconProp.Play,
+                    buttonStyle: ButtonStyleType.NORMAL,
+                    disabled: !updateGate.isAllowed || !isEnabled,
+                    tooltip: runNowTooltip,
+                    onClick: () => {
+                        if (!updateGate.isAllowed || !isEnabled) {
+                            return;
+                        }
+                        setIsRunModalOpen(true);
+                    },
+                },
+            ] })) : (React.createElement(React.Fragment, null)),
+        React.createElement(ModelDelete, { modelType: props.modelType, modelId: props.ruleId, modelAPI: props.modelAPI, onDeleteSuccess: () => {
+                Navigation.navigate(props.listRoute);
+            } }),
+        ruleType && isRunModalOpen ? (React.createElement(RunRuleNowModal, { ruleType: ruleType, ruleId: props.ruleId.toString(), ruleName: ruleName, onClose: () => {
+                setIsRunModalOpen(false);
+            } })) : (React.createElement(React.Fragment, null))));
+};
+export default RuleView;
+//# sourceMappingURL=RuleView.js.map

package/build/dist/UI/Components/RuleRun/RuleView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleView.js","sourceRoot":"","sources":["../../../../../UI/Components/RuleRun/RuleView.tsx"],"names":[],"mappings":"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"}