@oneuptime/common 7.0.2936 → 7.0.2976

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

@@ -0,0 +1,40 @@
+import Analytics from "../../Utils/Analytics";
+import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import PageLoader from "../Loader/PageLoader";
+import React, { useEffect } from "react";
+const Page = (props) => {
+    useEffect(() => {
+        if (props.breadcrumbLinks && props.breadcrumbLinks.length > 0) {
+            Analytics.capture("Page View: " +
+                props.breadcrumbLinks
+                    .map((link) => {
+                    return link.title;
+                })
+                    .join(" > ")
+                    .toString() || "");
+        }
+    }, [props.breadcrumbLinks]);
+    if (props.error) {
+        return React.createElement(ErrorMessage, { error: props.error });
+    }
+    return (React.createElement("div", { className: props.className ||
+            "mb-auto max-w-full px-4 sm:px-6 lg:px-8 mt-5 mb-20 h-max" },
+        ((props.breadcrumbLinks && props.breadcrumbLinks.length > 0) ||
+            props.title) && (React.createElement("div", { className: "mb-5" },
+            props.breadcrumbLinks && props.breadcrumbLinks.length > 0 && (React.createElement("div", { className: "mt-2" },
+                React.createElement(Breadcrumbs, { links: props.breadcrumbLinks }))),
+            props.title && (React.createElement("div", { className: "mt-2 md:flex md:items-center md:justify-between" },
+                React.createElement("div", { className: "min-w-0" },
+                    React.createElement("h2", { className: "text-xl leading-7  text-gray-900 sm:truncate sm:text-2xl sm:tracking-tight" }, props.title)))))),
+        props.sideMenu && (React.createElement("main", { className: "mx-auto max-w-full pb-10 mr-5" },
+            React.createElement("div", { className: "lg:grid lg:grid-cols-12 lg:gap-x-5" },
+                props.sideMenu,
+                !props.isLoading && (React.createElement("div", { className: "space-y-6 sm:px-6 lg:col-span-10 md:col-span-9 lg:px-0" }, props.children)),
+                props.isLoading && (React.createElement("div", { className: "col-span-10" },
+                    React.createElement(PageLoader, { isVisible: true })))))),
+        !props.sideMenu && !props.isLoading && props.children,
+        !props.sideMenu && props.isLoading && React.createElement(PageLoader, { isVisible: true })));
+};
+export default Page;
+//# sourceMappingURL=Page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../../UI/Components/Page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAE9C,OAAO,KAAK,EAAE,EAAmC,SAAS,EAAE,MAAM,OAAO,CAAC;AAY1E,MAAM,IAAI,GAAsC,CAC9C,KAAqB,EACP,EAAE;IAChB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9D,SAAS,CAAC,OAAO,CACf,aAAa;gBACX,KAAK,CAAC,eAAe;qBAClB,GAAG,CAAC,CAAC,IAAU,EAAE,EAAE;oBAClB,OAAO,IAAI,CAAC,KAAK,CAAC;gBACpB,CAAC,CAAC;qBACD,IAAI,CAAC,KAAK,CAAC;qBACX,QAAQ,EAAE,IAAI,EAAE,CACtB,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAE5B,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,OAAO,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;IAC9C,CAAC;IAED,OAAO,CACL,6BACE,SAAS,EACP,KAAK,CAAC,SAAS;YACf,0DAA0D;QAG3D,CAAC,CAAC,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;YAC3D,KAAK,CAAC,KAAK,CAAC,IAAI,CAChB,6BAAK,SAAS,EAAC,MAAM;YAClB,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5D,6BAAK,SAAS,EAAC,MAAM;gBACnB,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,eAAe,GAAI,CACzC,CACP;YACA,KAAK,CAAC,KAAK,IAAI,CACd,6BAAK,SAAS,EAAC,iDAAiD;gBAC9D,6BAAK,SAAS,EAAC,SAAS;oBACtB,4BAAI,SAAS,EAAC,4EAA4E,IACvF,KAAK,CAAC,KAAK,CACT,CACD,CACF,CACP,CACG,CACP;QAEA,KAAK,CAAC,QAAQ,IAAI,CACjB,8BAAM,SAAS,EAAC,+BAA+B;YAC7C,6BAAK,SAAS,EAAC,oCAAoC;gBAChD,KAAK,CAAC,QAAQ;gBAEd,CAAC,KAAK,CAAC,SAAS,IAAI,CACnB,6BAAK,SAAS,EAAC,wDAAwD,IACpE,KAAK,CAAC,QAAQ,CACX,CACP;gBACA,KAAK,CAAC,SAAS,IAAI,CAClB,6BAAK,SAAS,EAAC,aAAa;oBAC1B,oBAAC,UAAU,IAAC,SAAS,EAAE,IAAI,GAAI,CAC3B,CACP,CACG,CACD,CACR;QAEA,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ;QACrD,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,IAAI,oBAAC,UAAU,IAAC,SAAS,EAAE,IAAI,GAAI,CAClE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,138 @@
+import Button, { ButtonSize, ButtonStyleType } from "../Button/Button";
+import BasicFormModal from "../FormModal/BasicFormModal";
+import FormFieldSchemaType from "../Forms/Types/FormFieldSchemaType";
+import IconProp from "Common/Types/Icon/IconProp";
+import React, { useEffect, useState, } from "react";
+const Pagination = (props) => {
+    const [minPageNumber, setMinPageNumber] = useState(1);
+    const [maxPageNumber, setMaxPageNumber] = useState(1);
+    const setMinAndMaxPageNumber = () => {
+        setMinPageNumber(1);
+        let maxPageNo = props.totalItemsCount % props.itemsOnPage === 0
+            ? props.totalItemsCount / props.itemsOnPage + 1
+            : props.totalItemsCount / props.itemsOnPage;
+        if (maxPageNo < 1) {
+            maxPageNo = 1;
+        }
+        setMaxPageNumber(Math.ceil(maxPageNo));
+    };
+    useEffect(() => {
+        setMinAndMaxPageNumber();
+    }, []);
+    useEffect(() => {
+        setMinAndMaxPageNumber();
+    }, [props.totalItemsCount, props.itemsOnPage]);
+    const isPreviousDisabled = props.currentPageNumber === 1 || props.isLoading || props.isError;
+    const isNextDisabled = props.currentPageNumber * props.itemsOnPage >= props.totalItemsCount ||
+        props.isLoading ||
+        props.isError;
+    const isCurrentPageButtonDisabled = props.totalItemsCount === 0 || props.isLoading || props.isError;
+    const [showPaginationModel, setShowPaginationModel] = useState(false);
+    return (React.createElement("div", { className: "flex items-center justify-between border-t border-gray-200 bg-white px-4", "data-testid": props.dataTestId },
+        React.createElement("div", null,
+            React.createElement("p", { className: "text-sm text-gray-500" }, !props.isLoading && (React.createElement("span", null,
+                props.totalItemsCount.toLocaleString(),
+                " ",
+                props.totalItemsCount > 1
+                    ? props.pluralLabel
+                    : props.singularLabel,
+                " ",
+                `in total. Showing ${props.itemsOnPage * (props.currentPageNumber - 1) + 1} to ${props.itemsOnPage * props.currentPageNumber} on this page.`)))),
+        React.createElement("div", null,
+            React.createElement("nav", { className: "inline-flex -space-x-px rounded-md shadow-sm" },
+                React.createElement("div", { className: "my-2" },
+                    React.createElement(Button, { dataTestId: "show-pagination-modal-button", className: "mx-2 my-2", buttonSize: ButtonSize.ExtraSmall, icon: IconProp.AdjustmentHorizontal, buttonStyle: ButtonStyleType.ICON_LIGHT, onClick: () => {
+                            setShowPaginationModel(true);
+                        } })),
+                React.createElement("ul", { className: "py-3" },
+                    React.createElement("li", { onClick: () => {
+                            let currentPageNumber = props.currentPageNumber;
+                            if (typeof currentPageNumber === "string") {
+                                currentPageNumber = parseInt(currentPageNumber);
+                            }
+                            if (props.onNavigateToPage && !isPreviousDisabled) {
+                                props.onNavigateToPage(currentPageNumber - 1, props.itemsOnPage);
+                            }
+                        }, className: ` inline-flex items-center rounded-l-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500   ${isPreviousDisabled
+                            ? "bg-gray-100"
+                            : "hover:bg-gray-50 cursor-pointer"}` },
+                        React.createElement("span", { className: "page-link" }, "Previous")),
+                    React.createElement("li", { "data-testid": "current-page-link", className: ` z-10 inline-flex items-center border border-x-0 border-gray-300 hover:bg-gray-50 px-4 py-2 text-sm font-medium text-text-600  cursor-pointer ${isCurrentPageButtonDisabled ? "bg-gray-100" : ""}`, onClick: () => {
+                            setShowPaginationModel(true);
+                        } },
+                        React.createElement("span", null, props.currentPageNumber)),
+                    React.createElement("li", { onClick: () => {
+                            let currentPageNumber = props.currentPageNumber;
+                            if (typeof currentPageNumber === "string") {
+                                currentPageNumber = parseInt(currentPageNumber);
+                            }
+                            if (props.onNavigateToPage && !isNextDisabled) {
+                                props.onNavigateToPage(currentPageNumber + 1, props.itemsOnPage);
+                            }
+                        }, className: ` inline-flex items-center rounded-r-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500  ${isNextDisabled
+                            ? "bg-gray-100"
+                            : " hover:bg-gray-50 cursor-pointer"}` },
+                        React.createElement("span", null, "Next"))))),
+        showPaginationModel && (React.createElement(BasicFormModal, { "data-testid": "pagination-modal", title: "Navigate to Page", onClose: () => {
+                setShowPaginationModel(false);
+            }, submitButtonText: "Go to Page", onSubmit: (item) => {
+                if (props.onNavigateToPage) {
+                    props.onNavigateToPage(item.pageNumber, item.itemsOnPage);
+                }
+                setShowPaginationModel(false);
+            }, formProps: {
+                initialValues: {
+                    pageNumber: props.currentPageNumber,
+                    itemsOnPage: props.itemsOnPage,
+                },
+                fields: [
+                    {
+                        title: "Page Number",
+                        description: `You can enter page numbers from ${minPageNumber !== maxPageNumber
+                            ? minPageNumber + " to " + maxPageNumber
+                            : minPageNumber}. Please enter it here:`,
+                        field: {
+                            pageNumber: true,
+                        },
+                        disabled: minPageNumber === maxPageNumber,
+                        placeholder: "1",
+                        required: true,
+                        validation: {
+                            minValue: minPageNumber,
+                            maxValue: maxPageNumber,
+                        },
+                        fieldType: FormFieldSchemaType.PositiveNumber,
+                    },
+                    {
+                        title: `${props.pluralLabel} on Page `,
+                        description: `Enter the number of ${props.pluralLabel.toLowerCase()} you would like to see on the page:`,
+                        field: {
+                            itemsOnPage: true,
+                        },
+                        placeholder: "10",
+                        required: true,
+                        fieldType: FormFieldSchemaType.Dropdown,
+                        dropdownOptions: [
+                            {
+                                value: 10,
+                                label: "10",
+                            },
+                            {
+                                value: 20,
+                                label: "20",
+                            },
+                            {
+                                value: 25,
+                                label: "25",
+                            },
+                            {
+                                value: 50,
+                                label: "50",
+                            },
+                        ],
+                    },
+                ],
+            } }))));
+};
+export default Pagination;
+//# sourceMappingURL=Pagination.js.map

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

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

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

@@ -0,0 +1,35 @@
+import { Black } from "Common/Types/BrandColors";
+import Color from "Common/Types/Color";
+import React from "react";
+export var PillSize;
+(function (PillSize) {
+    PillSize["Small"] = "10px";
+    PillSize["Normal"] = "13px";
+    PillSize["Large"] = "15px";
+    PillSize["ExtraLarge"] = "18px";
+})(PillSize || (PillSize = {}));
+const Pill = (props) => {
+    var _a, _b, _c;
+    if (props.isMinimal) {
+        return (React.createElement("span", { className: "relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5 text-sm" },
+            React.createElement("span", { className: "absolute flex flex-shrink-0 items-center justify-center" },
+                React.createElement("span", { className: "h-1.5 w-1.5 rounded-full bg-rose-500", style: {
+                        backgroundColor: ((_a = props.style) === null || _a === void 0 ? void 0 : _a.backgroundColor) || props.color
+                            ? props.color.toString()
+                            : Black.toString(),
+                    }, "aria-hidden": "true" })),
+            React.createElement("span", { className: "ml-3.5 font-medium text-gray-900" }, props.text)));
+    }
+    return (React.createElement("span", { "data-testid": "pill", className: "rounded-full p-1 pl-3 pr-3", style: Object.assign({ 
+            // https://stackoverflow.com/questions/3942878/how-to-decide-font-color-in-white-or-black-depending-on-background-color
+            color: ((_b = props.style) === null || _b === void 0 ? void 0 : _b.color) || Color.shouldUseDarkText(props.color || Black)
+                ? "#000000"
+                : "#ffffff", backgroundColor: ((_c = props.style) === null || _c === void 0 ? void 0 : _c.backgroundColor) || props.color
+                ? props.color.toString()
+                : Black.toString(), fontSize: props.size ? props.size.toString() : PillSize.Normal }, props.style) },
+        " ",
+        props.text,
+        " "));
+};
+export default Pill;
+//# sourceMappingURL=Pill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../../../../UI/Components/Pill/Pill.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,MAAM,CAAN,IAAY,QAKX;AALD,WAAY,QAAQ;IAClB,0BAAc,CAAA;IACd,2BAAe,CAAA;IACf,0BAAc,CAAA;IACd,+BAAmB,CAAA;AACrB,CAAC,EALW,QAAQ,KAAR,QAAQ,QAKnB;AAUD,MAAM,IAAI,GAAsC,CAC9C,KAAqB,EACP,EAAE;;IAChB,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,OAAO,CACL,8BAAM,SAAS,EAAC,2FAA2F;YACzG,8BAAM,SAAS,EAAC,yDAAyD;gBACvE,8BACE,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE;wBACL,eAAe,EACb,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,eAAe,KAAI,KAAK,CAAC,KAAK;4BACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;4BACxB,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE;qBACvB,iBACW,MAAM,GACZ,CACH;YACP,8BAAM,SAAS,EAAC,kCAAkC,IAAE,KAAK,CAAC,IAAI,CAAQ,CACjE,CACR,CAAC;IACJ,CAAC;IACD,OAAO,CACL,6CACc,MAAM,EAClB,SAAS,EAAC,4BAA4B,EACtC,KAAK;YACH,uHAAuH;YAEvH,KAAK,EACH,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,KAAI,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC;gBACjE,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,SAAS,EACf,eAAe,EACb,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,eAAe,KAAI,KAAK,CAAC,KAAK;gBACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,EACtB,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,IAC3D,KAAK,CAAC,KAAK;QAGf,GAAG;QACH,KAAK,CAAC,IAAI;QAAE,GAAG,CACX,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,32 @@
+import { FILE_URL } from "../../Config";
+import Icon from "../Icon/Icon";
+import Image from "../Image/Image";
+import BaseModel from "Common/Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
+import URL from "Common/Types/API/URL";
+import IconProp from "Common/Types/Icon/IconProp";
+import Probe from "Common/Models/DatabaseModels/Probe";
+import React from "react";
+const ProbeElement = (props) => {
+    var _a, _b, _c, _d, _e;
+    let probe = null;
+    if (props.probe instanceof Probe) {
+        probe = BaseModel.toJSONObject(props.probe, Probe);
+    }
+    else {
+        probe = props.probe;
+    }
+    if (!probe) {
+        return (React.createElement("div", { className: "flex" },
+            React.createElement("div", { className: "bold", "data-testid": "probe-not-found" }, "No probe found.")));
+    }
+    return (React.createElement("div", { className: "flex" },
+        React.createElement("div", null,
+            ((_a = props.probe) === null || _a === void 0 ? void 0 : _a.iconFileId) && (React.createElement(Image, { className: "h-6 w-6 rounded-full", "data-testid": "probe-image", imageUrl: URL.fromString(FILE_URL.toString()).addRoute("/image/" + ((_b = props.probe) === null || _b === void 0 ? void 0 : _b.iconFileId.toString())), alt: ((_c = probe["name"]) === null || _c === void 0 ? void 0 : _c.toString()) || "Probe" })),
+            !((_d = props.probe) === null || _d === void 0 ? void 0 : _d.iconFileId) && (React.createElement(Icon, { "data-testid": "probe-icon", icon: IconProp.Signal, className: "text-gray-400 group-hover:text-gray-500 flex-shrink-0 -ml-0.5 mt-0.5 h-6 w-6" }))),
+        React.createElement("div", { className: "mt-1 mr-1 ml-3" },
+            React.createElement("div", null,
+                React.createElement("span", { "data-testid": "probe-name" }, `${((_e = probe["name"]) === null || _e === void 0 ? void 0 : _e.toString()) || ""} ${props.suffix || ""}`),
+                " "))));
+};
+export default ProbeElement;
+//# sourceMappingURL=Probe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Probe.js","sourceRoot":"","sources":["../../../../../UI/Components/Probe/Probe.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,SAAS,MAAM,kEAAkE,CAAC;AACzF,OAAO,GAAG,MAAM,sBAAsB,CAAC;AACvC,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAElD,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;;IAChB,IAAI,KAAK,GAAkC,IAAI,CAAC;IAEhD,IAAI,KAAK,CAAC,KAAK,YAAY,KAAK,EAAE,CAAC;QACjC,KAAK,GAAG,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACrD,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;YACnB,6BAAK,SAAS,EAAC,MAAM,iBAAa,iBAAiB,sBAE7C,CACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QACnB;YACG,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,UAAU,KAAI,CAC1B,oBAAC,KAAK,IACJ,SAAS,EAAC,sBAAsB,iBACpB,aAAa,EACzB,QAAQ,EAAE,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CACpD,SAAS,IAAG,MAAA,KAAK,CAAC,KAAK,0CAAE,UAAU,CAAC,QAAQ,EAAE,CAAA,CAC/C,EACD,GAAG,EAAE,CAAA,MAAA,KAAK,CAAC,MAAM,CAAC,0CAAE,QAAQ,EAAE,KAAI,OAAO,GACzC,CACH;YACA,CAAC,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,UAAU,CAAA,IAAI,CAC3B,oBAAC,IAAI,mBACS,YAAY,EACxB,IAAI,EAAE,QAAQ,CAAC,MAAM,EACrB,SAAS,EAAC,8EAA8E,GACxF,CACH,CACG;QACN,6BAAK,SAAS,EAAC,gBAAgB;YAC7B;gBACE,6CAAkB,YAAY,IAAE,GAC9B,CAAC,MAAA,KAAK,CAAC,MAAM,CAAC,0CAAE,QAAQ,EAAa,KAAI,EAC3C,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,EAAE,CAAQ;gBAAC,GAAG,CAChC,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,43 @@
+import React, { useEffect, useState, } from "react";
+export var ProgressBarSize;
+(function (ProgressBarSize) {
+    ProgressBarSize["Small"] = "small";
+    ProgressBarSize["Medium"] = "medium";
+    ProgressBarSize["Large"] = "large";
+})(ProgressBarSize || (ProgressBarSize = {}));
+const ProgressBar = (props) => {
+    const [percent, setPercent] = useState(0);
+    useEffect(() => {
+        let percent = 0;
+        try {
+            percent = (props.count * 100) / props.totalCount;
+        }
+        catch (err) {
+            // do nothing.
+        }
+        if (percent > 100) {
+            percent = 100;
+        }
+        setPercent(Math.ceil(percent));
+    }, [props.count, props.totalCount]);
+    let progressBarSize = "h-4";
+    if (props.size === ProgressBarSize.Small) {
+        progressBarSize = "h-2";
+    }
+    else if (props.size === ProgressBarSize.Large) {
+        progressBarSize = "h-6";
+    }
+    return (React.createElement("div", { className: `w-full ${progressBarSize} mb-4 bg-gray-200 rounded-full` },
+        React.createElement("div", { "data-testid": "progress-bar", className: `${progressBarSize} bg-indigo-600 rounded-full `, style: { width: percent + "%" } }),
+        React.createElement("div", { className: "text-sm text-gray-400 mt-1 flex justify-between" },
+            React.createElement("div", { "data-testid": "progress-bar-count" },
+                props.count,
+                " ",
+                props.suffix),
+            React.createElement("div", { "data-testid": "progress-bar-total-count" },
+                props.totalCount,
+                " ",
+                props.suffix))));
+};
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../../UI/Components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,MAAM,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,oCAAiB,CAAA;IACjB,kCAAe,CAAA;AACjB,CAAC,EAJW,eAAe,KAAf,eAAe,QAI1B;AASD,MAAM,WAAW,GAAsC,CACrD,KAAqB,EACP,EAAE;IAChB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,GAAW,CAAC,CAAC;QAExB,IAAI,CAAC;YACH,OAAO,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC;QACnD,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,cAAc;QAChB,CAAC;QAED,IAAI,OAAO,GAAG,GAAG,EAAE,CAAC;YAClB,OAAO,GAAG,GAAG,CAAC;QAChB,CAAC;QAED,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAEpC,IAAI,eAAe,GAAW,KAAK,CAAC;IAEpC,IAAI,KAAK,CAAC,IAAI,KAAK,eAAe,CAAC,KAAK,EAAE,CAAC;QACzC,eAAe,GAAG,KAAK,CAAC;IAC1B,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,eAAe,CAAC,KAAK,EAAE,CAAC;QAChD,eAAe,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,eAAe,gCAAgC;QACvE,4CACc,cAAc,EAC1B,SAAS,EAAE,GAAG,eAAe,8BAA8B,EAC3D,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,GAAG,EAAE,GAC1B;QACP,6BAAK,SAAS,EAAC,iDAAiD;YAC9D,4CAAiB,oBAAoB;gBAClC,KAAK,CAAC,KAAK;;gBAAG,KAAK,CAAC,MAAM,CACvB;YACN,4CAAiB,0BAA0B;gBACxC,KAAK,CAAC,UAAU;;gBAAG,KAAK,CAAC,MAAM,CAC5B,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,22 @@
+import QRCode from "qrcode";
+import React, { useEffect } from "react";
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+const QRCodeElement = (props) => {
+    const [error, setError] = React.useState(null);
+    const [data, setData] = React.useState(null);
+    useEffect(() => {
+        QRCode.toDataURL(props.text, (err, data) => {
+            if (err) {
+                setError(err.message);
+                return;
+            }
+            setData(data);
+        });
+    }, [props.text]);
+    if (error) {
+        return React.createElement(ErrorMessage, { error: error });
+    }
+    return (React.createElement("img", { className: "h-42 w-42 flex align-center item-center", src: data || undefined, alt: props.text }));
+};
+export default QRCodeElement;
+//# sourceMappingURL=QR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QR.js","sourceRoot":"","sources":["../../../../../UI/Components/QR/QR.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAmC,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,YAAY,MAAM,8BAA8B,CAAC;AAMxD,MAAM,aAAa,GAAsC,CACvD,KAAqB,EACP,EAAE;IAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,SAAS,CACd,KAAK,CAAC,IAAI,EACV,CAAC,GAA6B,EAAE,IAAY,EAAE,EAAE;YAC9C,IAAI,GAAG,EAAE,CAAC;gBACR,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACtB,OAAO;YACT,CAAC;YACD,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IACxC,CAAC;IAED,OAAO,CACL,6BACE,SAAS,EAAC,yCAAyC,EACnD,GAAG,EAAE,IAAI,IAAI,SAAS,EACtB,GAAG,EAAE,KAAK,CAAC,IAAI,GACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,20 @@
+import Text from "Common/Types/Text";
+import React, { useState } from "react";
+const Radio = (props) => {
+    const [value, setValue] = useState(props.initialValue || props.value);
+    const groupName = Text.generateRandomText();
+    return (React.createElement("div", { className: `mt-2 space-y-2 ${props.className}` },
+        props.options.map((option, index) => {
+            return (React.createElement("div", { key: index, className: "flex items-center gap-x-3" },
+                React.createElement("input", { tabIndex: props.tabIndex, defaultChecked: (value === null || value === void 0 ? void 0 : value.value) === option.value, onClick: () => {
+                        setValue(option);
+                        props.onChange && props.onChange(option.value);
+                        props.onBlur && props.onBlur();
+                        props.onFocus && props.onFocus();
+                    }, name: groupName, type: "radio", className: "h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-600" }),
+                React.createElement("label", { className: "block text-sm font-medium leading-6 text-gray-900" }, option.label)));
+        }),
+        props.error && (React.createElement("p", { "data-testid": "error-message", className: "mt-1 text-sm text-red-400" }, props.error))));
+};
+export default Radio;
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../../UI/Components/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAmC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAoBzE,MAAM,KAAK,GAAsC,CAC/C,KAAqB,EACP,EAAE;IAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,KAAK,CAClC,CAAC;IAEF,MAAM,SAAS,GAAW,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAEpD,OAAO,CACL,6BAAK,SAAS,EAAE,kBAAkB,KAAK,CAAC,SAAS,EAAE;QAChD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAmB,EAAE,KAAa,EAAE,EAAE;YACxD,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,2BAA2B;gBACpD,+BACE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,cAAc,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,MAAM,CAAC,KAAK,EAC7C,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,MAAM,CAAC,CAAC;wBACjB,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC/C,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;wBAC/B,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;oBACnC,CAAC,EACD,IAAI,EAAE,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,+DAA+D,GACzE;gBACF,+BAAO,SAAS,EAAC,mDAAmD,IACjE,MAAM,CAAC,KAAK,CACP,CACJ,CACP,CAAC;QACJ,CAAC,CAAC;QAED,KAAK,CAAC,KAAK,IAAI,CACd,0CAAe,eAAe,EAAC,SAAS,EAAC,2BAA2B,IACjE,KAAK,CAAC,KAAK,CACV,CACL,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/build/dist/UI/Components/RadioButtons/BasicRadioButtons.js

@@ -0,0 +1,37 @@
+import ObjectID from "Common/Types/ObjectID";
+import React, { useEffect, useState, } from "react";
+const BasicRadioButton = (props) => {
+    const [id] = useState(props.id || ObjectID.generate().toString());
+    const [value, setValue] = useState("");
+    useEffect(() => {
+        if (props.initialValue) {
+            setValue(props.initialValue);
+            props.onChange(props.initialValue);
+        }
+        else {
+            setValue("");
+            props.onChange("");
+        }
+    }, [props.initialValue]);
+    const handleChange = (content) => {
+        setValue(content);
+        props.onChange(content);
+    };
+    return (React.createElement("div", null,
+        React.createElement("fieldset", { id: id, className: "mt-4" },
+            React.createElement("div", { className: "space-y-4" }, props.options.map((radioButton, i) => {
+                const checked = value === radioButton.value;
+                return (React.createElement("div", { key: i },
+                    React.createElement("div", { className: "flex items-center" },
+                        React.createElement("input", { type: "radio", name: id, checked: checked, onClick: () => {
+                                handleChange(radioButton.value);
+                            }, className: "h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-600" }),
+                        React.createElement("label", { className: "ml-3 block text-sm font-medium leading-6 text-gray-900" },
+                            React.createElement("span", { className: "font-medium text-gray-900" }, radioButton.title),
+                            React.createElement("span", { className: "ml-1 text-gray-500 sm:ml-0" }, radioButton.description))),
+                    checked && radioButton.children));
+            }))),
+        props.error && (React.createElement("p", { "data-testid": "error-message", className: "mt-1 text-sm text-red-400" }, props.error))));
+};
+export default BasicRadioButton;
+//# sourceMappingURL=BasicRadioButtons.js.map

package/build/dist/UI/Components/RadioButtons/BasicRadioButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicRadioButtons.js","sourceRoot":"","sources":["../../../../../UI/Components/RadioButtons/BasicRadioButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AAiBf,MAAM,gBAAgB,GAAsC,CAC1D,KAAqB,EACP,EAAE;IAChB,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAS,KAAK,CAAC,EAAE,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;IAE1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;YAC7B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAIzB,MAAM,YAAY,GAAyB,CAAC,OAAe,EAAQ,EAAE;QACnE,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL;QACE,kCAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,MAAM;YAChC,6BAAK,SAAS,EAAC,WAAW,IACvB,KAAK,CAAC,OAAO,CAAC,GAAG,CAChB,CAAC,WAAmC,EAAE,CAAS,EAAE,EAAE;gBACjD,MAAM,OAAO,GAAY,KAAK,KAAK,WAAW,CAAC,KAAK,CAAC;gBAErD,OAAO,CACL,6BAAK,GAAG,EAAE,CAAC;oBACT,6BAAK,SAAS,EAAC,mBAAmB;wBAChC,+BACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE;gCACZ,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;4BAClC,CAAC,EACD,SAAS,EAAC,+DAA+D,GACzE;wBACF,+BAAO,SAAS,EAAC,wDAAwD;4BACvE,8BAAM,SAAS,EAAC,2BAA2B,IACxC,WAAW,CAAC,KAAK,CACb;4BACP,8BAAM,SAAS,EAAC,4BAA4B,IACzC,WAAW,CAAC,WAAW,CACnB,CACD,CACJ;oBACL,OAAO,IAAI,WAAW,CAAC,QAAQ,CAC5B,CACP,CAAC;YACJ,CAAC,CACF,CACG,CACG;QACV,KAAK,CAAC,KAAK,IAAI,CACd,0CAAe,eAAe,EAAC,SAAS,EAAC,2BAA2B,IACjE,KAAK,CAAC,KAAK,CACV,CACL,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/build/dist/UI/Components/RadioButtons/GroupRadioButtons.js

@@ -0,0 +1,47 @@
+import React, { useEffect, useState, } from "react";
+import "react-toggle/style.css";
+const RadioButtons = (props) => {
+    const [value, setValue] = useState("");
+    useEffect(() => {
+        if (props.initialValue) {
+            setValue(props.initialValue);
+            props.onChange(props.initialValue);
+        }
+        else {
+            setValue("");
+            props.onChange("");
+        }
+    }, [props.initialValue]);
+    const handleChange = (content) => {
+        setValue(content);
+        props.onChange(content);
+    };
+    return (React.createElement("div", null,
+        React.createElement("fieldset", { role: "radiogroup", "data-testid": props.dataTestId },
+            React.createElement("div", { className: "space-y-2 mt-2" }, props.options &&
+                props.options.map((radioButton, i) => {
+                    let className = "relative block cursor-pointer rounded-lg border bg-white px-6 py-4 shadow-sm focus:outline-none sm:flex sm:justify-between";
+                    if (value === radioButton.value) {
+                        className =
+                            "relative block cursor-pointer rounded-lg border bg-white px-6 py-4 shadow-sm focus:outline-none sm:flex sm:justify-between border-indigo-500 ring-2 ring-indigo-500";
+                    }
+                    return (React.createElement("label", { key: i, className: className, onClick: () => {
+                            handleChange(radioButton.value);
+                        } },
+                        React.createElement("input", { type: "radio", className: "sr-only", "aria-labelledby": `server-size-${i}-label`, "aria-describedby": `server-size-${i}-description-0 server-size-${i}-description-1`, defaultChecked: props.initialValue === radioButton.value }),
+                        React.createElement("span", { className: "flex items-center" },
+                            React.createElement("span", { className: "flex flex-col text-sm" },
+                                React.createElement("span", { id: `server-size-${i}-label`, className: "font-medium text-gray-900" }, radioButton.title),
+                                React.createElement("span", { id: `server-size-${i}-description-0`, className: "text-gray-500" },
+                                    React.createElement("span", { className: "block sm:inline" },
+                                        " ",
+                                        radioButton.description)))),
+                        React.createElement("span", { id: `server-size-${i}-description-1`, className: "mt-2 flex text-sm sm:mt-0 sm:ml-4 sm:flex-col sm:text-right" },
+                            React.createElement("span", { className: "font-medium text-gray-900" }, radioButton.sideTitle),
+                            React.createElement("span", { className: "ml-1 text-gray-500 sm:ml-0" }, radioButton.sideDescription)),
+                        React.createElement("span", { className: "pointer-events-none absolute -inset-px rounded-lg border-2", "aria-hidden": "true" })));
+                }))),
+        props.error && (React.createElement("p", { "data-testid": "error-message", className: "mt-1 text-sm text-red-400" }, props.error))));
+};
+export default RadioButtons;
+//# sourceMappingURL=GroupRadioButtons.js.map

package/build/dist/UI/Components/RadioButtons/GroupRadioButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupRadioButtons.js","sourceRoot":"","sources":["../../../../../UI/Components/RadioButtons/GroupRadioButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,wBAAwB,CAAC;AAkBhC,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;YAC7B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAIzB,MAAM,YAAY,GAAyB,CAAC,OAAe,EAAQ,EAAE;QACnE,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL;QACE,kCAAU,IAAI,EAAC,YAAY,iBAAc,KAAK,CAAC,UAAU;YACvD,6BAAK,SAAS,EAAC,gBAAgB,IAC5B,KAAK,CAAC,OAAO;gBACZ,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,WAAwB,EAAE,CAAS,EAAE,EAAE;oBACxD,IAAI,SAAS,GACX,4HAA4H,CAAC;oBAE/H,IAAI,KAAK,KAAK,WAAW,CAAC,KAAK,EAAE,CAAC;wBAChC,SAAS;4BACP,qKAAqK,CAAC;oBAC1K,CAAC;oBAED,OAAO,CACL,+BACE,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;wBAClC,CAAC;wBAED,+BACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,SAAS,qBACF,eAAe,CAAC,QAAQ,sBACvB,eAAe,CAAC,8BAA8B,CAAC,gBAAgB,EACjF,cAAc,EAAE,KAAK,CAAC,YAAY,KAAK,WAAW,CAAC,KAAK,GACxD;wBACF,8BAAM,SAAS,EAAC,mBAAmB;4BACjC,8BAAM,SAAS,EAAC,uBAAuB;gCACrC,8BACE,EAAE,EAAE,eAAe,CAAC,QAAQ,EAC5B,SAAS,EAAC,2BAA2B,IAEpC,WAAW,CAAC,KAAK,CACb;gCACP,8BACE,EAAE,EAAE,eAAe,CAAC,gBAAgB,EACpC,SAAS,EAAC,eAAe;oCAEzB,8BAAM,SAAS,EAAC,iBAAiB;wCAC9B,GAAG;wCACH,WAAW,CAAC,WAAW,CACnB,CACF,CACF,CACF;wBACP,8BACE,EAAE,EAAE,eAAe,CAAC,gBAAgB,EACpC,SAAS,EAAC,6DAA6D;4BAEvE,8BAAM,SAAS,EAAC,2BAA2B,IACxC,WAAW,CAAC,SAAS,CACjB;4BACP,8BAAM,SAAS,EAAC,4BAA4B,IACzC,WAAW,CAAC,eAAe,CACvB,CACF;wBAEP,8BACE,SAAS,EAAC,4DAA4D,iBAC1D,MAAM,GACZ,CACF,CACT,CAAC;gBACJ,CAAC,CAAC,CACA,CACG;QACV,KAAK,CAAC,KAAK,IAAI,CACd,0CAAe,eAAe,EAAC,SAAS,EAAC,2BAA2B,IACjE,KAAK,CAAC,KAAK,CACV,CACL,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,73 @@
+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 ObjectID from "Common/Types/ObjectID";
+import React, { useState } from "react";
+const ResetObjectID = (props) => {
+    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 [showResultModal, setShowResultModal] = useState(false);
+    const [newId, setNewId] = useState(null);
+    const resetKey = async () => {
+        setIsLoading(true);
+        try {
+            const resetIdTo = ObjectID.generate();
+            setNewId(resetIdTo);
+            await ModelAPI.updateById({
+                modelType: props.modelType,
+                id: props.modelId,
+                data: {
+                    [props.fieldName]: resetIdTo.toString(),
+                },
+            });
+            setNewId(resetIdTo);
+            setShowModal(false);
+            setShowResultModal(true);
+        }
+        catch (err) {
+            setError(API.getFriendlyMessage(err));
+            setShowErrorModal(true);
+        }
+        setIsLoading(false);
+    };
+    const tableColumn = props.fieldName
+        ? model.getTableColumnMetadata(props.fieldName)
+        : undefined;
+    const tableColumnName = (tableColumn === null || tableColumn === void 0 ? void 0 : tableColumn.title) || props.fieldName;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Card, { title: `${props.title}`, description: props.description, buttons: [
+                {
+                    title: `${props.title}`,
+                    buttonStyle: ButtonStyleType.NORMAL,
+                    onClick: () => {
+                        setShowModal(true);
+                    },
+                    isLoading: isLoading,
+                    icon: IconProp.Reload,
+                },
+            ] }),
+        showModal ? (React.createElement(ConfirmModal, { description: `Are you sure you want to reset ${tableColumnName}?`, title: `Reset ${tableColumnName}`, onSubmit: async () => {
+                await resetKey();
+            }, isLoading: isLoading, onClose: () => {
+                setShowModal(false);
+            }, submitButtonText: `Reset`, submitButtonType: ButtonStyleType.DANGER })) : (React.createElement(React.Fragment, null)),
+        showErrorModal ? (React.createElement(ConfirmModal, { description: error, title: `Reset Error`, onSubmit: () => {
+                setShowErrorModal(false);
+                setError("");
+            }, submitButtonText: `Close`, submitButtonType: ButtonStyleType.NORMAL })) : (React.createElement(React.Fragment, null)),
+        showResultModal ? (React.createElement(ConfirmModal, { description: `Your new ${tableColumnName} is ${(newId === null || newId === void 0 ? void 0 : newId.toString()) || ""}`, title: `New ${tableColumnName}`, onSubmit: () => {
+                if (props.onUpdateComplete && newId) {
+                    props.onUpdateComplete(newId);
+                }
+                setShowResultModal(false);
+                setError("");
+            }, submitButtonText: `Close`, submitButtonType: ButtonStyleType.NORMAL })) : (React.createElement(React.Fragment, null))));
+};
+export default ResetObjectID;
+//# sourceMappingURL=ResetObjectID.js.map

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

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

package/build/dist/UI/Components/ShortcutKey/Shortcut.js

@@ -0,0 +1,8 @@
+import React from "react";
+const Shortcut = ({ shortcuts, }) => {
+    return (React.createElement("div", { className: "shortcut" }, shortcuts.map((shortcut, index) => {
+        return React.createElement("code", { key: index }, shortcut);
+    })));
+};
+export default Shortcut;
+//# sourceMappingURL=Shortcut.js.map

package/build/dist/UI/Components/ShortcutKey/Shortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shortcut.js","sourceRoot":"","sources":["../../../../../UI/Components/ShortcutKey/Shortcut.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,QAAQ,GAAsC,CAAC,EACnD,SAAS,GACM,EAAgB,EAAE;IACjC,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU,IACtB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAc,EAAE,KAAa,EAAE,EAAE;QAC/C,OAAO,8BAAM,GAAG,EAAE,KAAK,IAAG,QAAQ,CAAQ,CAAC;IAC7C,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,9 @@
+var ShortcutKey;
+(function (ShortcutKey) {
+    ShortcutKey["Enter"] = "Enter";
+    ShortcutKey["Esc"] = "Esc";
+    ShortcutKey["New"] = "N";
+    ShortcutKey["Settings"] = "S";
+})(ShortcutKey || (ShortcutKey = {}));
+export default ShortcutKey;
+//# sourceMappingURL=ShortcutKey.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutKey.js","sourceRoot":"","sources":["../../../../../UI/Components/ShortcutKey/ShortcutKey.ts"],"names":[],"mappings":"AAAA,IAAK,WAKJ;AALD,WAAK,WAAW;IACd,8BAAe,CAAA;IACf,0BAAW,CAAA;IACX,wBAAS,CAAA;IACT,6BAAc,CAAA;AAChB,CAAC,EALI,WAAW,KAAX,WAAW,QAKf;AAED,eAAe,WAAW,CAAC"}