@oneuptime/common 7.0.2936 → 7.0.2972

package/build/dist/UI/Components/CustomFields/CustomFieldsDetail.js

@@ -0,0 +1,120 @@
+import API from "../../Utils/API/API";
+import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
+import { ButtonStyleType } from "../Button/Button";
+import Card from "../Card/Card";
+import ComponentLoader from "../ComponentLoader/ComponentLoader";
+import Detail from "../Detail/Detail";
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import BasicFormModal from "../FormModal/BasicFormModal";
+import { LIMIT_PER_PROJECT } from "Common/Types/Database/LimitMax";
+import IconProp from "Common/Types/Icon/IconProp";
+import React, { useState } from "react";
+import useAsyncEffect from "use-async-effect";
+const CustomFieldsDetail = (props) => {
+    const [schemaList, setSchemaList] = useState([]);
+    const [error, setError] = useState("");
+    const [isLoading, setIsLoading] = useState(false);
+    const [model, setModel] = useState(null);
+    const [showModelForm, setShowModelForm] = useState(false);
+    const onLoad = async () => {
+        try {
+            // load schema.
+            setIsLoading(true);
+            const schemaList = await ModelAPI.getList({
+                modelType: props.customFieldType,
+                query: {
+                    projectId: props.projectId,
+                },
+                limit: LIMIT_PER_PROJECT,
+                skip: 0,
+                select: {
+                    name: true,
+                    type: true,
+                    description: true,
+                },
+                sort: {},
+            });
+            const item = await ModelAPI.getItem({
+                modelType: props.modelType,
+                id: props.modelId,
+                select: {
+                    customFields: true,
+                },
+            });
+            setSchemaList(schemaList.data);
+            setModel(item);
+            setIsLoading(false);
+        }
+        catch (err) {
+            setIsLoading(false);
+            setError(API.getFriendlyMessage(err));
+        }
+    };
+    const onSave = async (data) => {
+        try {
+            // load schema.
+            setIsLoading(true);
+            setShowModelForm(false);
+            await ModelAPI.updateById({
+                modelType: props.modelType,
+                id: props.modelId,
+                data: {
+                    customFields: data,
+                },
+            });
+            await onLoad();
+        }
+        catch (err) {
+            setIsLoading(false);
+            setError(API.getFriendlyMessage(err));
+        }
+    };
+    useAsyncEffect(async () => {
+        await onLoad();
+    }, []);
+    return (React.createElement(Card, { title: props.title, description: props.description, buttons: [
+            {
+                title: "Edit Fields",
+                buttonStyle: ButtonStyleType.NORMAL,
+                onClick: () => {
+                    setShowModelForm(true);
+                },
+                icon: IconProp.Edit,
+            },
+        ] },
+        React.createElement("div", { className: "border-t border-gray-200 px-4 py-5 sm:px-6 -m-6 -mt-2" },
+            isLoading && !error && React.createElement(ComponentLoader, null),
+            !isLoading && !error && schemaList.length === 0 && (React.createElement(ErrorMessage, { error: "No custom fields have been added for this resource. You may add custom fields in Project Settings." })),
+            error && React.createElement(ErrorMessage, { error: error }),
+            !model && React.createElement(ErrorMessage, { error: "Item not found" }),
+            !isLoading && !error && model && (React.createElement(Detail, { id: props.name, item: model["customFields"] || {}, fields: schemaList.map((schemaItem) => {
+                    return {
+                        key: schemaItem.name,
+                        title: schemaItem.name,
+                        description: schemaItem.description,
+                        fieldType: schemaItem.type,
+                        placeholder: "No data entered",
+                    };
+                }), showDetailsInNumberOfColumns: 1 })),
+            showModelForm && (React.createElement(BasicFormModal, { title: "Edit " + new props.modelType().singularName, onClose: () => {
+                    return setShowModelForm(false);
+                }, onSubmit: async (data) => {
+                    await onSave(data).catch();
+                }, formProps: {
+                    initialValues: model["customFields"] || {},
+                    fields: schemaList.map((schemaItem) => {
+                        return {
+                            field: {
+                                [schemaItem.name]: true,
+                            },
+                            title: schemaItem.name,
+                            description: schemaItem.description,
+                            fieldType: schemaItem.type,
+                            required: false,
+                            placeholder: "",
+                        };
+                    }),
+                } })))));
+};
+export default CustomFieldsDetail;
+//# sourceMappingURL=CustomFieldsDetail.js.map

package/build/dist/UI/Components/CustomFields/CustomFieldsDetail.js.map

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

package/build/dist/UI/Components/Date/StartAndEndDate.js

@@ -0,0 +1,199 @@
+import Button, { ButtonSize, ButtonStyleType } from "../Button/Button";
+import Input, { InputType } from "../Input/Input";
+import InBetween from "Common/Types/BaseDatabase/InBetween";
+import OneUptimeDate from "Common/Types/Date";
+import React, { useEffect } from "react";
+export var StartAndEndDateType;
+(function (StartAndEndDateType) {
+    StartAndEndDateType["Date"] = "Date";
+    StartAndEndDateType["DateTime"] = "DateTime";
+})(StartAndEndDateType || (StartAndEndDateType = {}));
+const StartAndEndDate = (props) => {
+    const [startDateTime, setStartDateTime] = React.useState(null);
+    const [endDateTime, setEndDateTime] = React.useState(null);
+    const [startDateError, setStartDateError] = React.useState("");
+    const [endDateError, setEndDateError] = React.useState("");
+    const [didSetInitialValue, setDidSetInitialValue] = React.useState(false);
+    let inputType = InputType.TEXT;
+    if (props.type === StartAndEndDateType.Date) {
+        inputType = InputType.DATE;
+    }
+    else if (props.type === StartAndEndDateType.DateTime) {
+        inputType = InputType.DATETIME_LOCAL;
+    }
+    useEffect(() => {
+        // prefill the date filter if it is already set
+        if (!didSetInitialValue && props.initialValue instanceof InBetween) {
+            const inBetween = props.initialValue;
+            if (inBetween.startValue) {
+                setStartDateTime(OneUptimeDate.fromString(inBetween.startValue));
+            }
+            if (inBetween.endValue) {
+                setEndDateTime(OneUptimeDate.fromString(inBetween.endValue));
+            }
+            setDidSetInitialValue(true);
+        }
+    }, [props.initialValue]);
+    useEffect(() => {
+        if (startDateTime && endDateTime) {
+            // check if start date is after end date
+            if (!OneUptimeDate.isAfter(endDateTime, startDateTime)) {
+                setStartDateError("Start date should be before end date");
+                setEndDateError("End date should be after start date");
+                props.onValueChanged && props.onValueChanged(null);
+                return;
+            }
+            const value = new InBetween(startDateTime, endDateTime);
+            props.onValueChanged && props.onValueChanged(value);
+            return;
+        }
+        if (!startDateTime || !endDateTime) {
+            return props.onValueChanged && props.onValueChanged(null);
+        }
+        if (startDateTime && !endDateTime) {
+            setStartDateError("");
+            setEndDateError("End date is required");
+        }
+        else if (!startDateTime && endDateTime) {
+            setEndDateError("");
+            setStartDateError("Start date is required");
+        }
+        else {
+            setStartDateError("");
+            setEndDateError("");
+        }
+        return (props.onValueChanged &&
+            props.onValueChanged(new InBetween(startDateTime, endDateTime)));
+    }, [startDateTime, endDateTime]);
+    // difference between both dates is 60 mins.
+    const is1Hour = props.type === StartAndEndDateType.DateTime &&
+        startDateTime &&
+        endDateTime &&
+        OneUptimeDate.getDifferenceInMinutes(startDateTime, endDateTime) === 60;
+    // difference between both dates is 3 hours.
+    const is3Hours = props.type === StartAndEndDateType.DateTime &&
+        startDateTime &&
+        endDateTime &&
+        OneUptimeDate.getDifferenceInMinutes(startDateTime, endDateTime) === 180;
+    // difference between both dates is 1 day.
+    const is1Day = props.type === StartAndEndDateType.DateTime &&
+        startDateTime &&
+        endDateTime &&
+        OneUptimeDate.getDifferenceInMinutes(startDateTime, endDateTime) === 1440;
+    // difference between both dates is 1 week.
+    const is1Week = props.type === StartAndEndDateType.DateTime &&
+        startDateTime &&
+        endDateTime &&
+        OneUptimeDate.getDifferenceInMinutes(startDateTime, endDateTime) === 10080;
+    // difference between both dates is 2 weeks.
+    const is2Weeks = props.type === StartAndEndDateType.DateTime &&
+        startDateTime &&
+        endDateTime &&
+        OneUptimeDate.getDifferenceInMinutes(startDateTime, endDateTime) === 20160;
+    // difference between both dates is 3 weeks.
+    const is3Weeks = props.type === StartAndEndDateType.DateTime &&
+        startDateTime &&
+        endDateTime &&
+        OneUptimeDate.getDifferenceInMinutes(startDateTime, endDateTime) === 30240;
+    // difference between both dates is 1 month.
+    const is1Month = props.type === StartAndEndDateType.DateTime &&
+        startDateTime &&
+        endDateTime &&
+        OneUptimeDate.getDifferenceInMonths(startDateTime, endDateTime) === 1;
+    // difference between both dates is 3 months.
+    const is3Months = props.type === StartAndEndDateType.DateTime &&
+        startDateTime &&
+        endDateTime &&
+        OneUptimeDate.getDifferenceInMonths(startDateTime, endDateTime) === 3;
+    if (props.type === StartAndEndDateType.Date ||
+        props.type === StartAndEndDateType.DateTime) {
+        return (React.createElement("div", null,
+            React.createElement("div", { className: "flex space-x-3 mt-1" },
+                React.createElement("div", { className: "w-1/2" },
+                    React.createElement("div", { className: "text-xs text-gray-500" }, "From:"),
+                    React.createElement("div", null,
+                        React.createElement(Input, { error: startDateError, onChange: (changedValue) => {
+                                if (!changedValue) {
+                                    setStartDateTime(null);
+                                }
+                                if (changedValue &&
+                                    (props.type === StartAndEndDateType.Date ||
+                                        props.type === StartAndEndDateType.DateTime)) {
+                                    setStartDateTime(OneUptimeDate.fromString(changedValue));
+                                }
+                            }, value: startDateTime || "", placeholder: `Start Date`, type: inputType }))),
+                React.createElement("div", { className: "w-1/2" },
+                    React.createElement("div", { className: "text-xs text-gray-500" }, "To:"),
+                    React.createElement("div", null,
+                        React.createElement(Input, { error: endDateError, onChange: (changedValue) => {
+                                if (!changedValue) {
+                                    setEndDateTime(null);
+                                }
+                                if (changedValue &&
+                                    (props.type === StartAndEndDateType.Date ||
+                                        props.type === StartAndEndDateType.DateTime)) {
+                                    setEndDateTime(OneUptimeDate.fromString(changedValue));
+                                }
+                            }, value: endDateTime || "", placeholder: `End Date`, type: inputType })))),
+            React.createElement("div", { className: "mt-1 flex space-x-2 -ml-3" },
+                props.type === StartAndEndDateType.DateTime && (React.createElement(Button, { buttonStyle: is1Hour ? ButtonStyleType.PRIMARY : ButtonStyleType.NORMAL, buttonSize: ButtonSize.Small, onClick: () => {
+                        // set it to past 1 hour
+                        const endDate = OneUptimeDate.getCurrentDate();
+                        const startDate = OneUptimeDate.addRemoveHours(endDate, -1);
+                        setStartDateTime(startDate);
+                        setEndDateTime(endDate);
+                    }, title: "1 hour" })),
+                props.type === StartAndEndDateType.DateTime && (React.createElement(Button, { buttonStyle: is3Hours ? ButtonStyleType.PRIMARY : ButtonStyleType.NORMAL, buttonSize: ButtonSize.Small, onClick: () => {
+                        // set it to past 3 hour
+                        const endDate = OneUptimeDate.getCurrentDate();
+                        const startDate = OneUptimeDate.addRemoveHours(endDate, -3);
+                        setStartDateTime(startDate);
+                        setEndDateTime(endDate);
+                    }, title: "3 hours" })),
+                React.createElement(Button, { buttonStyle: is1Day ? ButtonStyleType.PRIMARY : ButtonStyleType.NORMAL, buttonSize: ButtonSize.Small, onClick: () => {
+                        // set it to past 1 day
+                        const endDate = OneUptimeDate.getCurrentDate();
+                        const startDate = OneUptimeDate.addRemoveDays(endDate, -1);
+                        setStartDateTime(startDate);
+                        setEndDateTime(endDate);
+                    }, title: "1 day" }),
+                React.createElement(Button, { buttonStyle: is1Week ? ButtonStyleType.PRIMARY : ButtonStyleType.NORMAL, buttonSize: ButtonSize.Small, onClick: () => {
+                        // set it to past 1 week
+                        const endDate = OneUptimeDate.getCurrentDate();
+                        const startDate = OneUptimeDate.addRemoveDays(endDate, -7);
+                        setStartDateTime(startDate);
+                        setEndDateTime(endDate);
+                    }, title: "1 week" }),
+                React.createElement(Button, { buttonStyle: is2Weeks ? ButtonStyleType.PRIMARY : ButtonStyleType.NORMAL, buttonSize: ButtonSize.Small, onClick: () => {
+                        // set it to past 1 week
+                        const endDate = OneUptimeDate.getCurrentDate();
+                        const startDate = OneUptimeDate.addRemoveDays(endDate, -14);
+                        setStartDateTime(startDate);
+                        setEndDateTime(endDate);
+                    }, title: "2 weeks" }),
+                React.createElement(Button, { buttonStyle: is3Weeks ? ButtonStyleType.PRIMARY : ButtonStyleType.NORMAL, buttonSize: ButtonSize.Small, onClick: () => {
+                        // set it to past 1 week
+                        const endDate = OneUptimeDate.getCurrentDate();
+                        const startDate = OneUptimeDate.addRemoveDays(endDate, -21);
+                        setStartDateTime(startDate);
+                        setEndDateTime(endDate);
+                    }, title: "3 weeks" }),
+                React.createElement(Button, { buttonStyle: is1Month ? ButtonStyleType.PRIMARY : ButtonStyleType.NORMAL, buttonSize: ButtonSize.Small, onClick: () => {
+                        // set it to past 1 month
+                        const endDate = OneUptimeDate.getCurrentDate();
+                        const startDate = OneUptimeDate.addRemoveMonths(endDate, -1);
+                        setStartDateTime(startDate);
+                        setEndDateTime(endDate);
+                    }, title: "1 month" }),
+                React.createElement(Button, { buttonStyle: is3Months ? ButtonStyleType.PRIMARY : ButtonStyleType.NORMAL, buttonSize: ButtonSize.Small, onClick: () => {
+                        // set it to past 1 month
+                        const endDate = OneUptimeDate.getCurrentDate();
+                        const startDate = OneUptimeDate.addRemoveMonths(endDate, -3);
+                        setStartDateTime(startDate);
+                        setEndDateTime(endDate);
+                    }, title: "3 months" }))));
+    }
+    return React.createElement(React.Fragment, null);
+};
+export default StartAndEndDate;
+//# sourceMappingURL=StartAndEndDate.js.map

package/build/dist/UI/Components/Date/StartAndEndDate.js.map

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

package/build/dist/UI/Components/Detail/Detail.js

@@ -0,0 +1,231 @@
+import AlignItem from "../../Types/AlignItem";
+import { Logger } from "../../Utils/Logger";
+import CodeEditor from "../CodeEditor/CodeEditor";
+import ColorViewer from "../ColorViewer/ColorViewer";
+import CopyableButton from "../CopyableButton/CopyableButton";
+import DictionaryOfStringsViewer from "../Dictionary/DictionaryOfStingsViewer";
+import HiddenText from "../HiddenText/HiddenText";
+import MarkdownViewer from "../Markdown.tsx/LazyMarkdownViewer";
+import FieldType from "../Types/FieldType";
+import FieldLabelElement from "./FieldLabel";
+import PlaceholderText from "./PlaceholderText";
+import CodeType from "Common/Types/Code/CodeType";
+import Color from "Common/Types/Color";
+import DatabaseProperty from "Common/Types/Database/DatabaseProperty";
+import OneUptimeDate from "Common/Types/Date";
+import BadDataException from "Common/Types/Exception/BadDataException";
+import get from "lodash/get";
+import React from "react";
+const Detail = (props) => {
+    const getMarkdownViewer = (text) => {
+        if (!text) {
+            return React.createElement(React.Fragment, null);
+        }
+        return React.createElement(MarkdownViewer, { text: text });
+    };
+    const getDropdownViewer = (data, options, placeholder) => {
+        var _a;
+        if (!options) {
+            return React.createElement("div", null, "No options found");
+        }
+        if (!options.find((i) => {
+            return i.value === data;
+        })) {
+            return React.createElement("div", null, placeholder);
+        }
+        return (React.createElement("div", null, (_a = options.find((i) => {
+            return i.value === data;
+        })) === null || _a === void 0 ? void 0 : _a.label));
+    };
+    const getDictionaryOfStringsViewer = (data) => {
+        return React.createElement(DictionaryOfStringsViewer, { value: data });
+    };
+    const getColorField = (color) => {
+        return React.createElement(ColorViewer, { value: color });
+    };
+    const getUSDCentsField = (usdCents) => {
+        if (usdCents === null) {
+            return React.createElement(React.Fragment, null);
+        }
+        return React.createElement("div", { className: "text-gray-900" },
+            usdCents / 100,
+            " USD");
+    };
+    const getMinutesField = (minutes) => {
+        if (minutes === null) {
+            return React.createElement(React.Fragment, null);
+        }
+        return (React.createElement("div", { className: "text-gray-900" },
+            minutes,
+            " ",
+            minutes > 1 ? "minutes" : "minute"));
+    };
+    const getField = (field, index) => {
+        var _a, _b, _c;
+        const fieldKey = field.key;
+        if (!fieldKey) {
+            return React.createElement(React.Fragment, null);
+        }
+        if (!props.item) {
+            throw new BadDataException("Item not found");
+        }
+        let data = "";
+        if (get(props.item, fieldKey)) {
+            data = get(props.item, fieldKey, "") || "";
+        }
+        if (field.fieldType === FieldType.Date) {
+            if (data) {
+                data = OneUptimeDate.getDateAsLocalFormattedString(data, true);
+            }
+            else {
+                data = field.placeholder || "-";
+            }
+        }
+        if (field.fieldType === FieldType.Boolean) {
+            if (data) {
+                data = "Yes";
+            }
+            else {
+                data = "No";
+            }
+        }
+        if (field.fieldType === FieldType.DateTime) {
+            if (data) {
+                data = OneUptimeDate.getDateAsLocalFormattedString(data, false);
+            }
+            else {
+                data = field.placeholder || "-";
+            }
+        }
+        if (data && field.fieldType === FieldType.Color) {
+            if (data instanceof Color) {
+                data = getColorField(data);
+            }
+        }
+        if (data && field.fieldType === FieldType.USDCents) {
+            let usdCents = null;
+            if (typeof data === "string") {
+                usdCents = parseInt(data);
+            }
+            if (typeof data === "number") {
+                usdCents = data;
+            }
+            data = getUSDCentsField(usdCents);
+        }
+        if (data && field.fieldType === FieldType.Minutes) {
+            let minutes = null;
+            if (typeof data === "string") {
+                minutes = parseInt(data);
+            }
+            if (typeof data === "number") {
+                minutes = data;
+            }
+            data = getMinutesField(minutes);
+        }
+        if (data && field.fieldType === FieldType.DictionaryOfStrings) {
+            data = getDictionaryOfStringsViewer(props.item[fieldKey]);
+        }
+        if (data && field.fieldType === FieldType.ArrayOfText) {
+            data = data.join(", ");
+        }
+        if (!data && field.fieldType === FieldType.Color && field.placeholder) {
+            data = getColorField(new Color(field.placeholder));
+        }
+        if (field.fieldType === FieldType.ImageFile) {
+            if (props.item[fieldKey] &&
+                props.item[fieldKey].file &&
+                props.item[fieldKey].type) {
+                const blob = new Blob([props.item[fieldKey].file], {
+                    type: props.item[fieldKey].type,
+                });
+                const url = URL.createObjectURL(blob);
+                data = (React.createElement("img", { src: url, className: "rounded", style: {
+                        height: "100px",
+                    } }));
+            }
+            else {
+                data = "";
+            }
+        }
+        if (field.fieldType === FieldType.Markdown) {
+            if (data) {
+                data = getMarkdownViewer(data);
+            }
+        }
+        if (field.fieldType === FieldType.Dropdown) {
+            data = getDropdownViewer(data, field.dropdownOptions || [], field.placeholder);
+        }
+        if (data && field.fieldType === FieldType.HiddenText) {
+            data = (React.createElement(HiddenText, { isCopyable: ((_a = field.opts) === null || _a === void 0 ? void 0 : _a.isCopyable) || false, text: data.toString() }));
+        }
+        if (data &&
+            (field.fieldType === FieldType.HTML ||
+                field.fieldType === FieldType.CSS ||
+                field.fieldType === FieldType.JSON ||
+                field.fieldType === FieldType.JavaScript)) {
+            let codeType = CodeType.HTML;
+            if (field.fieldType === FieldType.CSS) {
+                codeType = CodeType.CSS;
+            }
+            if (field.fieldType === FieldType.JSON) {
+                codeType = CodeType.JSON;
+                //make sure json is well formatted.
+                if (typeof data === "string") {
+                    try {
+                        data = JSON.stringify(JSON.parse(data), null, 2);
+                    }
+                    catch (e) {
+                        // cant format json for some reason. ignore.
+                        Logger.error("Cant format json for field: " +
+                            field.title +
+                            " with value: " +
+                            data);
+                    }
+                }
+            }
+            if (field.fieldType === FieldType.JavaScript) {
+                codeType = CodeType.JavaScript;
+            }
+            data = (React.createElement(CodeEditor, { type: codeType, readOnly: true, initialValue: data }));
+        }
+        if (field.getElement) {
+            data = field.getElement(props.item);
+        }
+        let className = "sm:col-span-1";
+        if (field.colSpan) {
+            className = "sm:col-span-" + field.colSpan;
+        }
+        let alignClassName = "flex justify-left";
+        if (field.alignItem === AlignItem.Right) {
+            alignClassName = "flex justify-end";
+        }
+        else if (field.alignItem === AlignItem.Center) {
+            alignClassName = "flex justify-center";
+        }
+        else if (field.alignItem === AlignItem.Left) {
+            alignClassName = "flex justify-start";
+        }
+        if (data instanceof DatabaseProperty) {
+            data = data.toString();
+        }
+        return (React.createElement("div", { className: className, key: index, id: props.id, style: props.showDetailsInNumberOfColumns
+                ? {
+                    width: 100 / props.showDetailsInNumberOfColumns + "%",
+                }
+                : { width: "100%" } },
+            React.createElement(FieldLabelElement, { size: field.fieldTitleSize, title: field.title, description: field.description, sideLink: field.sideLink, alignClassName: alignClassName }),
+            React.createElement("div", { className: `mt-1 text-sm text-gray-900 ${alignClassName}` },
+                data && (React.createElement("div", { className: `${field.contentClassName} w-full ${((_b = field.opts) === null || _b === void 0 ? void 0 : _b.isCopyable) ? "flex" : ""}` },
+                    React.createElement("div", null, data),
+                    ((_c = field.opts) === null || _c === void 0 ? void 0 : _c.isCopyable) &&
+                        field.fieldType !== FieldType.HiddenText && (React.createElement(CopyableButton, { textToBeCopied: data.toString() })))),
+                !data && field.placeholder && (React.createElement(PlaceholderText, { text: field.placeholder })))));
+    };
+    return (React.createElement("div", { className: `grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-${props.showDetailsInNumberOfColumns || 1} w-full` }, props.fields &&
+        props.fields.length > 0 &&
+        props.fields.map((field, i) => {
+            return getField(field, i);
+        })));
+};
+export default Detail;
+//# sourceMappingURL=Detail.js.map

package/build/dist/UI/Components/Detail/Detail.js.map

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

package/build/dist/UI/Components/Detail/Field.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Field.js.map

package/build/dist/UI/Components/Detail/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../../UI/Components/Detail/Field.ts"],"names":[],"mappings":""}

package/build/dist/UI/Components/Detail/FieldLabel.js

@@ -0,0 +1,19 @@
+import Link from "../Link/Link";
+import React from "react";
+export var Size;
+(function (Size) {
+    Size["Normal"] = "text-sm";
+    Size["Medium"] = "text-base";
+    Size["Large"] = "text-=lg";
+})(Size || (Size = {}));
+const FieldLabelElement = (props) => {
+    var _a, _b, _c, _d;
+    return (React.createElement(React.Fragment, null,
+        props.title && (React.createElement("label", { className: `${props.size || "text-sm"} font-medium text-gray-500` },
+            React.createElement("span", { className: props.alignClassName }, props.title),
+            props.sideLink && ((_a = props.sideLink) === null || _a === void 0 ? void 0 : _a.text) && ((_b = props.sideLink) === null || _b === void 0 ? void 0 : _b.url) && (React.createElement("span", null,
+                React.createElement(Link, { to: (_c = props.sideLink) === null || _c === void 0 ? void 0 : _c.url, className: "hover:underline" }, (_d = props.sideLink) === null || _d === void 0 ? void 0 : _d.text))))),
+        props.description && (React.createElement("p", { className: `${props.alignClassName} text-sm text-gray-400` }, props.description))));
+};
+export default FieldLabelElement;
+//# sourceMappingURL=FieldLabel.js.map

package/build/dist/UI/Components/Detail/FieldLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../../../UI/Components/Detail/FieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,MAAM,CAAN,IAAY,IAIX;AAJD,WAAY,IAAI;IACd,0BAAkB,CAAA;IAClB,4BAAoB,CAAA;IACpB,0BAAkB,CAAA;AACpB,CAAC,EAJW,IAAI,KAAJ,IAAI,QAIf;AAUD,MAAM,iBAAiB,GAAsC,CAC3D,KAAqB,EACP,EAAE;;IAChB,OAAO,CACL;QACG,KAAK,CAAC,KAAK,IAAI,CACd,+BACE,SAAS,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,SAAS,4BAA4B;YAEjE,8BAAM,SAAS,EAAE,KAAK,CAAC,cAAc,IAAG,KAAK,CAAC,KAAK,CAAQ;YAC1D,KAAK,CAAC,QAAQ,KAAI,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,CAAA,KAAI,MAAA,KAAK,CAAC,QAAQ,0CAAE,GAAG,CAAA,IAAI,CAChE;gBACE,oBAAC,IAAI,IAAC,EAAE,EAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,GAAG,EAAE,SAAS,EAAC,iBAAiB,IACvD,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,CAChB,CACF,CACR,CACK,CACT;QACA,KAAK,CAAC,WAAW,IAAI,CACpB,2BAAG,SAAS,EAAE,GAAG,KAAK,CAAC,cAAc,wBAAwB,IAC1D,KAAK,CAAC,WAAW,CAChB,CACL,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/build/dist/UI/Components/Detail/PlaceholderText.js

@@ -0,0 +1,6 @@
+import React from "react";
+const PlaceholderText = (props) => {
+    return React.createElement("div", { className: "text-gray-500" }, props.text);
+};
+export default PlaceholderText;
+//# sourceMappingURL=PlaceholderText.js.map

package/build/dist/UI/Components/Detail/PlaceholderText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaceholderText.js","sourceRoot":"","sources":["../../../../../UI/Components/Detail/PlaceholderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,eAAe,GAAsC,CACzD,KAAqB,EACP,EAAE;IAChB,OAAO,6BAAK,SAAS,EAAC,eAAe,IAAE,KAAK,CAAC,IAAI,CAAO,CAAC;AAC3D,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}