@oneuptime/common 7.0.2936 → 7.0.2976

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

@@ -0,0 +1,54 @@
+import API from "../../Utils/API/API";
+import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
+import { ButtonStyleType } from "../Button/Button";
+import Card from "../Card/Card";
+import ConfirmModal from "../Modal/ConfirmModal";
+import IconProp from "Common/Types/Icon/IconProp";
+import React, { useState } from "react";
+const ModelDelete = (props) => {
+    var _a, _b;
+    const model = new props.modelType();
+    const [showModal, setShowModal] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState("");
+    const [showErrorModal, setShowErrorModal] = useState(false);
+    const deleteItem = async () => {
+        setIsLoading(true);
+        try {
+            await ModelAPI.deleteItem({
+                modelType: props.modelType,
+                id: props.modelId,
+            });
+            props.onDeleteSuccess && props.onDeleteSuccess();
+        }
+        catch (err) {
+            setError(API.getFriendlyMessage(err));
+            setShowErrorModal(true);
+        }
+        setIsLoading(false);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Card, { title: `Delete ${model.singularName}`, description: `Are you sure you want to delete this ${(_a = model.singularName) === null || _a === void 0 ? void 0 : _a.toLowerCase()}?`, buttons: [
+                {
+                    title: `Delete ${model.singularName}`,
+                    buttonStyle: ButtonStyleType.DANGER,
+                    onClick: () => {
+                        setShowModal(true);
+                    },
+                    isLoading: isLoading,
+                    icon: IconProp.Trash,
+                },
+            ] }),
+        showModal ? (React.createElement(ConfirmModal, { description: `Are you sure you want to delete this ${(_b = model.singularName) === null || _b === void 0 ? void 0 : _b.toLowerCase()}?`, title: `Delete ${model.singularName}`, onSubmit: async () => {
+                setShowModal(false);
+                await deleteItem();
+            }, onClose: () => {
+                setShowModal(false);
+            }, submitButtonText: `Delete ${model.singularName}`, submitButtonType: ButtonStyleType.DANGER })) : (React.createElement(React.Fragment, null)),
+        showErrorModal ? (React.createElement(ConfirmModal, { description: error, title: `Delete Error`, onSubmit: () => {
+                setShowErrorModal(false);
+                setError("");
+            }, submitButtonText: `Close`, submitButtonType: ButtonStyleType.NORMAL })) : (React.createElement(React.Fragment, null))));
+};
+export default ModelDelete;
+//# sourceMappingURL=ModelDelete.js.map

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

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

package/build/dist/UI/Components/ModelDetail/CardModelDetail.js

@@ -0,0 +1,71 @@
+import PermissionUtil from "../../Utils/Permission";
+import User from "../../Utils/User";
+import { ButtonStyleType } from "../Button/Button";
+import Card from "../Card/Card";
+import { FormType } from "../Forms/ModelForm";
+import ModelFormModal from "../ModelFormModal/ModelFormModal";
+import ModelDetail from "./ModelDetail";
+import IconProp from "Common/Types/Icon/IconProp";
+import { PermissionHelper, } from "Common/Types/Permission";
+import React, { useEffect, useState } from "react";
+const CardModelDetail = (props) => {
+    var _a;
+    const [cardButtons, setCardButtons] = useState([]);
+    const [showModel, setShowModal] = useState(false);
+    const [item, setItem] = useState(null);
+    const [refresher, setRefresher] = useState(false);
+    const model = new props.modelDetailProps.modelType();
+    useEffect(() => {
+        setRefresher(!refresher);
+    }, [props.refresher]);
+    useEffect(() => {
+        const userProjectPermissions = PermissionUtil.getProjectPermissions();
+        const hasPermissionToEdit = Boolean(userProjectPermissions &&
+            userProjectPermissions.permissions &&
+            PermissionHelper.doesPermissionsIntersect(model.updateRecordPermissions, userProjectPermissions.permissions.map((item) => {
+                return item.permission;
+            }))) || User.isMasterAdmin();
+        let cardButtons = [];
+        if (props.isEditable && hasPermissionToEdit) {
+            cardButtons.push({
+                title: props.editButtonText || `Edit ${model.singularName}`,
+                buttonStyle: ButtonStyleType.NORMAL,
+                onClick: () => {
+                    setShowModal(true);
+                },
+                icon: IconProp.Edit,
+            });
+        }
+        if (props.cardProps.buttons) {
+            cardButtons = cardButtons.concat(...props.cardProps.buttons);
+        }
+        setCardButtons(cardButtons);
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Card, Object.assign({}, props.cardProps, { buttons: cardButtons }),
+            React.createElement("div", { className: "border-t border-gray-200 px-4 py-5 sm:px-6 -m-6 -mt-2" },
+                React.createElement(ModelDetail, Object.assign({ refresher: refresher }, props.modelDetailProps, { onItemLoaded: (item) => {
+                        setItem(item);
+                        if (props.modelDetailProps.onItemLoaded) {
+                            props.modelDetailProps.onItemLoaded(item);
+                        }
+                    } })))),
+        showModel ? (React.createElement(ModelFormModal, { title: `Edit ${model.singularName}`, modalWidth: props.createEditModalWidth, onClose: () => {
+                setShowModal(false);
+            }, submitButtonText: `Save Changes`, onSuccess: (item) => {
+                setShowModal(false);
+                setRefresher(!refresher);
+                if (props.onSaveSuccess) {
+                    props.onSaveSuccess(item);
+                }
+            }, name: props.name, modelType: props.modelDetailProps.modelType, formProps: {
+                id: `edit-${(_a = model.singularName) === null || _a === void 0 ? void 0 : _a.toLowerCase()}-from`,
+                fields: props.formFields || [],
+                name: props.name,
+                formType: FormType.Update,
+                modelType: props.modelDetailProps.modelType,
+                steps: props.formSteps || [],
+            }, modelIdToEdit: (item === null || item === void 0 ? void 0 : item.id) || undefined })) : (React.createElement(React.Fragment, null))));
+};
+export default CardModelDetail;
+//# sourceMappingURL=CardModelDetail.js.map

package/build/dist/UI/Components/ModelDetail/CardModelDetail.js.map

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

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

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

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

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

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

@@ -0,0 +1,160 @@
+import API from "../../Utils/API/API";
+import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
+import PermissionUtil from "../../Utils/Permission";
+import User from "../../Utils/User";
+import Detail from "../Detail/Detail";
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import Loader, { LoaderType } from "../Loader/Loader";
+import { VeryLightGray } from "Common/Types/BrandColors";
+import { PermissionHelper } from "Common/Types/Permission";
+import React, { useEffect, useState } from "react";
+import { useAsyncEffect } from "use-async-effect";
+const ModelDetail = (props) => {
+    const [fields, setFields] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState("");
+    const [item, setItem] = useState(null);
+    const [onBeforeFetchData, setOnBeforeFetchData] = useState(undefined);
+    const getSelectFields = () => {
+        const select = {};
+        for (const field of props.fields) {
+            const keyofField = field.field
+                ? Object.keys(field.field)[0]
+                : null;
+            if (keyofField) {
+                select[keyofField] = true;
+            }
+        }
+        for (const field of Object.keys(props.selectMoreFields || {})) {
+            const keyofField = field;
+            if (typeof field === "string" &&
+                field &&
+                props.selectMoreFields &&
+                props.selectMoreFields[keyofField]) {
+                select[keyofField] = props.selectMoreFields[keyofField];
+            }
+        }
+        return select;
+    };
+    const getRelationSelect = () => {
+        var _a, _b;
+        const relationSelect = {};
+        for (const field of props.fields || []) {
+            const key = field.field
+                ? Object.keys(field.field)[0]
+                : null;
+            if (key && ((_a = new props.modelType()) === null || _a === void 0 ? void 0 : _a.isFileColumn(key))) {
+                relationSelect[key] = {
+                    file: true,
+                    _id: true,
+                    type: true,
+                    name: true,
+                };
+            }
+            else if (key && ((_b = new props.modelType()) === null || _b === void 0 ? void 0 : _b.isEntityColumn(key))) {
+                relationSelect[key] = field.field[key];
+            }
+        }
+        return relationSelect;
+    };
+    const setDetailFields = () => {
+        // set fields.
+        var _a;
+        const userPermissions = PermissionUtil.getAllPermissions();
+        const model = new props.modelType();
+        const accessControl = model.getColumnAccessControlForAllColumns() || {};
+        const fieldsToSet = [];
+        for (const field of props.fields) {
+            const keys = Object.keys(field.field ? field.field : {});
+            if (keys.length > 0) {
+                const key = keys[0];
+                let fieldPermissions = [];
+                fieldPermissions = ((_a = accessControl[key]) === null || _a === void 0 ? void 0 : _a.read) || [];
+                const hasPermissions = fieldPermissions &&
+                    PermissionHelper.doesPermissionsIntersect(userPermissions, fieldPermissions);
+                if (hasPermissions || User.isMasterAdmin()) {
+                    fieldsToSet.push(Object.assign(Object.assign({}, field), { key: key, getElement: field.getElement
+                            ? (item) => {
+                                return field.getElement(item, onBeforeFetchData, fetchItem);
+                            }
+                            : undefined }));
+                }
+            }
+            else {
+                fieldsToSet.push(Object.assign(Object.assign({}, field), { key: null, getElement: field.getElement
+                        ? (item) => {
+                            return field.getElement(item, onBeforeFetchData, fetchItem);
+                        }
+                        : undefined }));
+            }
+        }
+        setFields(fieldsToSet);
+    };
+    useEffect(() => {
+        if (props.modelType) {
+            setDetailFields();
+        }
+    }, [onBeforeFetchData, props.modelType]);
+    const fetchItem = async () => {
+        var _a, _b;
+        // get item.
+        setIsLoading(true);
+        props.onLoadingChange && props.onLoadingChange(true);
+        setError("");
+        try {
+            if (props.onBeforeFetch) {
+                const model = await props.onBeforeFetch();
+                setOnBeforeFetchData(model);
+            }
+            const item = await ModelAPI.getItem({
+                modelType: props.modelType,
+                id: props.modelId,
+                select: Object.assign(Object.assign({}, getSelectFields()), getRelationSelect()),
+            });
+            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()}.`);
+            }
+            if (props.onItemLoaded && item) {
+                props.onItemLoaded(item);
+            }
+            setItem(item);
+        }
+        catch (err) {
+            setError(API.getFriendlyMessage(err));
+            props.onError && props.onError(API.getFriendlyMessage(err));
+        }
+        setIsLoading(false);
+        props.onLoadingChange && props.onLoadingChange(false);
+    };
+    useAsyncEffect(async () => {
+        if (props.modelId && props.modelType) {
+            await fetchItem();
+        }
+    }, [props.modelId, props.refresher, props.modelType]);
+    if (isLoading) {
+        return (React.createElement("div", { className: "row text-center flex justify-center", style: {
+                marginTop: "50px",
+                marginBottom: "50px",
+            } },
+            React.createElement(Loader, { loaderType: LoaderType.Bar, color: VeryLightGray, size: 200 })));
+    }
+    if (error) {
+        return (React.createElement("p", { className: "text-center color-light-Gray500", style: {
+                marginTop: "50px",
+                marginBottom: "50px",
+            } },
+            error,
+            " ",
+            React.createElement("br", null),
+            " ",
+            React.createElement("span", { onClick: async () => {
+                    await fetchItem();
+                }, className: "underline primary-on-hover" }, "Refresh?")));
+    }
+    if (!item) {
+        return React.createElement(ErrorMessage, { error: "Item not found" });
+    }
+    return (React.createElement(Detail, { id: props.id, item: item, fields: fields, showDetailsInNumberOfColumns: props.showDetailsInNumberOfColumns }));
+};
+export default ModelDetail;
+//# sourceMappingURL=ModelDetail.js.map

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

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

package/build/dist/UI/Components/ModelFilter/Filter.js

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

package/build/dist/UI/Components/ModelFilter/Filter.js.map

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

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

@@ -0,0 +1,41 @@
+import Alert, { AlertType } from "../Alerts/Alert";
+import ButtonType from "../Button/ButtonTypes";
+import ModelForm from "../Forms/ModelForm";
+import Modal, { ModalWidth } from "../Modal/Modal";
+import BaseModel from "Common/Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
+import React, { useRef, useState } from "react";
+const ModelFormModal = (props) => {
+    const [isFormLoading, setIsFormLoading] = useState(false);
+    const [submitButtonText, setSubmitButtonText] = useState(props.submitButtonText || "Save");
+    const formRef = props.formRef ||
+        useRef(null);
+    const [error, setError] = useState("");
+    let modalWidth = props.modalWidth || ModalWidth.Normal;
+    if (props.formProps.steps && props.formProps.steps.length > 0) {
+        modalWidth = props.modalWidth || ModalWidth.Medium;
+    }
+    return (React.createElement(Modal, Object.assign({}, props, { submitButtonText: submitButtonText, modalWidth: modalWidth, submitButtonType: ButtonType.Submit, isLoading: isFormLoading, description: props.description, disableSubmitButton: isFormLoading, onSubmit: async () => {
+            var _a;
+            await ((_a = formRef.current) === null || _a === void 0 ? void 0 : _a.submitForm());
+        }, error: error }),
+        !error ? (React.createElement(React.Fragment, null,
+            React.createElement(ModelForm, Object.assign({}, props.formProps, { name: props.name, modelAPI: props.modelAPI, modelType: props.modelType, onIsLastFormStep: (isLastFormStep) => {
+                    if (isLastFormStep) {
+                        setSubmitButtonText(props.submitButtonText || "Save");
+                    }
+                    else {
+                        setSubmitButtonText("Next");
+                    }
+                }, modelIdToEdit: props.modelIdToEdit, hideSubmitButton: true, formRef: formRef, onLoadingChange: (isFormLoading) => {
+                    setIsFormLoading(isFormLoading);
+                }, initialValues: props.initialValues, onSuccess: (data) => {
+                    props.onSuccess &&
+                        props.onSuccess(BaseModel.fromJSONObject(data, props.modelType));
+                }, onError: (error) => {
+                    setError(error);
+                }, onBeforeCreate: props.onBeforeCreate })),
+            props.footer)) : (React.createElement(React.Fragment, null)),
+        error ? React.createElement(Alert, { title: error, type: AlertType.DANGER }) : React.createElement(React.Fragment, null)));
+};
+export default ModelFormModal;
+//# sourceMappingURL=ModelFormModal.js.map

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

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

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

@@ -0,0 +1,177 @@
+import API from "../../Utils/API/API";
+import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
+import ComponentLoader from "../ComponentLoader/ComponentLoader";
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import Input from "../Input/Input";
+import StaticModelList from "../ModelList/StaticModelList";
+import BaseModel from "Common/Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
+import { LIMIT_PER_PROJECT } from "Common/Types/Database/LimitMax";
+import BadDataException from "Common/Types/Exception/BadDataException";
+import ObjectID from "Common/Types/ObjectID";
+import React, { useEffect, useState } from "react";
+const ModelList = (props) => {
+    const [selectedList, setSelectedList] = useState([]);
+    const [modelList, setModalList] = useState([]);
+    const [error, setError] = useState("");
+    const [isLoading, setIsLoading] = useState(false);
+    const [searchedList, setSearchedList] = useState([]);
+    const [searchText, setSearchText] = useState("");
+    useEffect(() => {
+        props.onSelectChange && props.onSelectChange(selectedList);
+    }, [selectedList]);
+    useEffect(() => {
+        fetchItems().catch((err) => {
+            setError(API.getFriendlyMessage(err));
+        });
+    }, [props.refreshToggle]);
+    useEffect(() => {
+        fetchItems().catch((err) => {
+            setError(API.getFriendlyMessage(err));
+        });
+    }, []);
+    useEffect(() => {
+        if (!props.isSearchEnabled) {
+            setSearchedList([...modelList]);
+        }
+    }, [props.isSearchEnabled, modelList]);
+    const fetchItems = async () => {
+        setError("");
+        setIsLoading(true);
+        try {
+            const select = Object.assign({}, props.select);
+            if (props.dragDropIdField &&
+                !Object.keys(select).includes(props.dragDropIdField)) {
+                select[props.dragDropIdField] = true;
+            }
+            if (props.dragDropIndexField &&
+                !Object.keys(select).includes(props.dragDropIndexField)) {
+                select[props.dragDropIndexField] = true;
+            }
+            let listResult = {
+                data: [],
+                count: 0,
+                skip: 0,
+                limit: 0,
+            };
+            if (props.overrideFetchApiUrl) {
+                const result = (await API.post(props.overrideFetchApiUrl, {}, {}));
+                listResult = {
+                    data: BaseModel.fromJSONArray(result.data, props.modelType),
+                    count: result.data.length,
+                    skip: 0,
+                    limit: LIMIT_PER_PROJECT,
+                };
+            }
+            else {
+                listResult = await ModelAPI.getList({
+                    modelType: props.modelType,
+                    query: Object.assign({}, props.query),
+                    limit: LIMIT_PER_PROJECT,
+                    skip: 0,
+                    select: select,
+                    sort: props.sortBy
+                        ? {
+                            [props.sortBy]: props.sortOrder,
+                        }
+                        : {},
+                    requestOptions: props.fetchRequestOptions,
+                });
+            }
+            props.onListLoaded && props.onListLoaded(listResult.data);
+            setModalList(listResult.data);
+        }
+        catch (err) {
+            setError(API.getFriendlyMessage(err));
+        }
+        setIsLoading(false);
+    };
+    useEffect(() => {
+        if (!searchText) {
+            setSearchedList([...modelList]);
+        }
+        else {
+            // search
+            setSearchedList([...modelList].filter((model) => {
+                const includedInSearch = model.getValue(props.titleField)
+                    .toLowerCase()
+                    .includes(searchText);
+                if (!includedInSearch && props.descriptionField) {
+                    return model.getValue(props.descriptionField)
+                        .toLowerCase()
+                        .includes(searchText);
+                }
+                return includedInSearch;
+            }));
+        }
+    }, [modelList, searchText]);
+    const deleteItem = async (item) => {
+        if (!item.id) {
+            throw new BadDataException("item.id cannot be null");
+        }
+        setIsLoading(true);
+        try {
+            await ModelAPI.deleteItem({
+                modelType: props.modelType,
+                id: item.id,
+            });
+            await fetchItems();
+        }
+        catch (err) {
+            setError(API.getFriendlyMessage(err));
+        }
+        setIsLoading(false);
+    };
+    return (React.createElement("div", null,
+        React.createElement("div", null, !isLoading && !error && props.isSearchEnabled && (React.createElement("div", { className: "p-2" },
+            React.createElement(Input, { placeholder: "Search...", onChange: (value) => {
+                    setSearchText(value);
+                } })))),
+        React.createElement("div", { className: "max-h-96 mb-5 overflow-y-auto p-2" },
+            error ? React.createElement(ErrorMessage, { error: error }) : React.createElement(React.Fragment, null),
+            isLoading ? React.createElement(ComponentLoader, null) : React.createElement(React.Fragment, null),
+            !isLoading && !error && searchedList.length === 0 ? (React.createElement(ErrorMessage, { error: searchText
+                    ? "No items match your search"
+                    : props.noItemsMessage || "No items found." })) : (React.createElement(React.Fragment, null)),
+            !error && !isLoading && (React.createElement(StaticModelList, { enableDragAndDrop: props.enableDragAndDrop, dragDropIdField: props.dragDropIdField, dragDropIndexField: props.dragDropIndexField, list: searchedList, headerField: props.headerField, descriptionField: props.descriptionField, dragAndDropScope: `${props.id}-dnd`, customElement: props.customElement, onDragDrop: async (id, newOrder) => {
+                    if (!props.dragDropIndexField) {
+                        return;
+                    }
+                    setIsLoading(true);
+                    await ModelAPI.updateById({
+                        modelType: props.modelType,
+                        id: new ObjectID(id),
+                        data: {
+                            [props.dragDropIndexField]: newOrder,
+                        },
+                    });
+                    await fetchItems();
+                }, titleField: props.titleField, onDelete: props.isDeleteable
+                    ? async (item) => {
+                        await deleteItem(item);
+                    }
+                    : undefined, selectedItems: selectedList, onClick: (model) => {
+                    if (props.selectMultiple) {
+                        // if added to the list, then remove or add to list
+                        const isSelected = selectedList.filter((selectedItem) => {
+                            var _a, _b;
+                            return (((_a = selectedItem._id) === null || _a === void 0 ? void 0 : _a.toString()) === ((_b = model._id) === null || _b === void 0 ? void 0 : _b.toString()));
+                        }).length > 0;
+                        if (isSelected) {
+                            // remove the item.
+                            setSelectedList(selectedList.filter((i) => {
+                                var _a, _b;
+                                return ((_a = i._id) === null || _a === void 0 ? void 0 : _a.toString()) !== ((_b = model._id) === null || _b === void 0 ? void 0 : _b.toString());
+                            }));
+                        }
+                        else {
+                            setSelectedList([...selectedList, Object.assign({}, model)]);
+                        }
+                    }
+                    else {
+                        setSelectedList([Object.assign({}, model)]);
+                    }
+                } })),
+            props.footer)));
+};
+export default ModelList;
+//# sourceMappingURL=ModelList.js.map

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

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

package/build/dist/UI/Components/ModelList/StaticModelList.js

@@ -0,0 +1,67 @@
+import Button, { ButtonStyleType } from "../Button/Button";
+import Icon from "../Icon/Icon";
+import IconProp from "Common/Types/Icon/IconProp";
+import Typeof from "Common/Types/Typeof";
+import React from "react";
+import { DragDropContext, Draggable, Droppable, } from "react-beautiful-dnd";
+const StaticModelList = (props) => {
+    const getRow = (model, isSelected, provided) => {
+        return (React.createElement("div", Object.assign({ onClick: () => {
+                props.onClick(model);
+            } }, provided === null || provided === void 0 ? void 0 : provided.draggableProps, { ref: provided === null || provided === void 0 ? void 0 : provided.innerRef, className: `cursor-pointer mt-2 mb-2 flex justify-between items-center space-x-3 rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm focus-within:ring-2 focus-within:ring-pink-500 focus-within:ring-offset-2 hover:border-gray-400 ${isSelected ? "ring ring-indigo-500" : ""}` }),
+            React.createElement("div", { className: "flex" },
+                props.enableDragAndDrop && (React.createElement("div", Object.assign({ className: "mr-5 mt-2 -ml-5 w-10" }, provided === null || provided === void 0 ? void 0 : provided.dragHandleProps),
+                    React.createElement(Icon, { icon: IconProp.ArrowUpDown, className: "ml-6 h-5 w-5 text-gray-500 hover:text-indigo-800 m-auto cursor-ns-resize" }))),
+                !props.customElement && (React.createElement("div", { className: "min-w-0 flex-1" },
+                    React.createElement("div", { className: "focus:outline-none" },
+                        props.headerField &&
+                            typeof props.headerField === Typeof.String && (React.createElement("p", { className: "text-sm font-medium text-gray-300" }, model.getValue(props.headerField))),
+                        props.headerField &&
+                            typeof props.headerField === "function" &&
+                            props.headerField(model),
+                        React.createElement("p", { className: "text-sm font-medium text-gray-900" }, model.getValue(props.titleField)),
+                        props.descriptionField && (React.createElement("p", { className: "truncate text-sm text-gray-500" }, model.getValue(props.descriptionField)))))),
+                props.customElement && props.customElement(model)),
+            props.onDelete && (React.createElement("div", null,
+                React.createElement(Button, { icon: IconProp.Trash, buttonStyle: ButtonStyleType.OUTLINE, title: "Delete", onClick: () => {
+                        props.onDelete && props.onDelete(model);
+                    } })))));
+    };
+    const getBody = (provided) => {
+        return (React.createElement("div", Object.assign({ ref: provided === null || provided === void 0 ? void 0 : provided.innerRef }, provided === null || provided === void 0 ? void 0 : provided.droppableProps),
+            props.list &&
+                props.list.length > 0 &&
+                props.list.map((model, i) => {
+                    const isSelected = props.selectedItems.filter((selectedItem) => {
+                        var _a, _b;
+                        return ((_a = selectedItem._id) === null || _a === void 0 ? void 0 : _a.toString()) === ((_b = model._id) === null || _b === void 0 ? void 0 : _b.toString());
+                    }).length > 0;
+                    if (props.enableDragAndDrop) {
+                        return (React.createElement(Draggable, { draggableId: model[props.dragDropIdField || ""] ||
+                                "", index: model[props.dragDropIndexField || 0] ||
+                                0, key: model[props.dragDropIndexField || 0] ||
+                                0 }, (provided) => {
+                            return getRow(model, isSelected, provided);
+                        }));
+                    }
+                    return React.createElement("div", { key: i }, getRow(model, isSelected));
+                }), provided === null || provided === void 0 ? void 0 :
+            provided.placeholder));
+    };
+    const getComponent = () => {
+        if (props.enableDragAndDrop) {
+            return (React.createElement(Droppable, { droppableId: props.dragAndDropScope || "" }, (provided) => {
+                return getBody(provided);
+            }));
+        }
+        return getBody();
+    };
+    return (React.createElement(DragDropContext, { onDragEnd: (result) => {
+            var _a;
+            ((_a = result.destination) === null || _a === void 0 ? void 0 : _a.index) &&
+                props.onDragDrop &&
+                props.onDragDrop(result.draggableId, result.destination.index);
+        } }, getComponent()));
+};
+export default StaticModelList;
+//# sourceMappingURL=StaticModelList.js.map