@oneuptime/common 7.0.2936 → 7.0.2976

package/build/dist/UI/Components/SideMenu/CountModelSideMenuItem.js

@@ -0,0 +1,43 @@
+import API from "../../Utils/API/API";
+import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
+import SideMenuItem from "./SideMenuItem";
+import React, { useEffect, useState } from "react";
+const CountModelSideMenuItem = (props) => {
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState("");
+    const [count, setCount] = useState(0);
+    const fetchCount = async () => {
+        if (!props.modelType) {
+            return;
+        }
+        if (!props.countQuery) {
+            return;
+        }
+        setError("");
+        setIsLoading(true);
+        if (props.onCountFetchInit) {
+            props.onCountFetchInit();
+        }
+        try {
+            const count = await ModelAPI.count({
+                modelType: props.modelType,
+                query: props.countQuery,
+                requestOptions: props.requestOptions,
+            });
+            setCount(count);
+            setError("");
+        }
+        catch (err) {
+            setError(API.getFriendlyMessage(err));
+        }
+        setIsLoading(false);
+    };
+    useEffect(() => {
+        fetchCount().catch((err) => {
+            setError(API.getFriendlyMessage(err));
+        });
+    }, [props.countQuery]);
+    return (React.createElement(SideMenuItem, { link: props.link, badge: !isLoading && !error ? count : undefined, badgeType: props.badgeType, icon: props.icon, className: props.className }));
+};
+export default CountModelSideMenuItem;
+//# sourceMappingURL=CountModelSideMenuItem.js.map

package/build/dist/UI/Components/SideMenu/CountModelSideMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountModelSideMenuItem.js","sourceRoot":"","sources":["../../../../../UI/Components/SideMenu/CountModelSideMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAEtC,OAAO,QAA4B,MAAM,+BAA+B,CAAC;AAEzE,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAK1C,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAajE,MAAM,sBAAsB,GAER,CAClB,KAAiC,EACnB,EAAE;IAChB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAwB,KAAK,IAAmB,EAAE;QAChE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,YAAY,CAAC,IAAI,CAAC,CAAC;QAEnB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC3B,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC;YACH,MAAM,KAAK,GAAW,MAAM,QAAQ,CAAC,KAAK,CAAY;gBACpD,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,KAAK,EAAE,KAAK,CAAC,UAAU;gBACvB,cAAc,EAAE,KAAK,CAAC,cAAc;aACrC,CAAC,CAAC;YAEH,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACf,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;QACxC,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC,GAAU,EAAE,EAAE;YAChC,QAAQ,CAAC,GAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,oBAAC,YAAY,IACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC/C,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,16 @@
+import React from "react";
+const SideMenu = (props) => {
+    let children = [];
+    if (!Array.isArray(props.children)) {
+        children = [props.children];
+    }
+    else {
+        children = props.children;
+    }
+    return (React.createElement("aside", { className: "py-6 px-2 sm:px-6 lg:col-span-2 md:col-span-3 lg:py-0 lg:px-0 mb-10" },
+        React.createElement("nav", { className: "space-y-3" }, children.map((child) => {
+            return child;
+        }))));
+};
+export default SideMenu;
+//# sourceMappingURL=SideMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenu.js","sourceRoot":"","sources":["../../../../../UI/Components/SideMenu/SideMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,QAAQ,GAAsC,CAAC,KAAqB,EAAE,EAAE;IAC5E,IAAI,QAAQ,GAAwB,EAAE,CAAC;IACvC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;IAED,OAAO,CACL,+BAAO,SAAS,EAAC,qEAAqE;QACpF,6BAAK,SAAS,EAAC,WAAW,IACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAmB,EAAE,EAAE;YACpC,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CACE,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/dist/UI/Components/SideMenu/SideMenuItem.js

@@ -0,0 +1,88 @@
+import Navigation from "../../Utils/Navigation";
+import Badge from "../Badge/Badge";
+import Icon from "../Icon/Icon";
+import UILink from "../Link/Link";
+import IconProp from "Common/Types/Icon/IconProp";
+import React from "react";
+const SideMenuItem = (props) => {
+    const badgeClasName = `p-1 rounded-full pr-3 pl-3 text-white  text-sm`;
+    let linkClassName = `text-gray-500 hover:text-gray-900 hover:bg-gray-100 group rounded-md px-3 py-2 flex items-center text-sm font-medium`;
+    if (Navigation.isOnThisPage(props.link.to)) {
+        linkClassName = `bg-gray-100 text-indigo-600 hover:bg-white group rounded-md px-3 py-2 flex items-center text-sm font-medium`;
+    }
+    let subItemLinkClassName = `text-gray-500 hover:text-gray-900 hover:bg-gray-100 group rounded-md px-3 py-2 flex items-center text-sm font-medium`;
+    if (props.subItemLink && Navigation.isOnThisPage(props.subItemLink.to)) {
+        subItemLinkClassName = `bg-gray-100 text-indigo-600 hover:bg-white group rounded-md px-3 py-2 flex items-center text-sm font-medium`;
+    }
+    // if(props.badge && props.badge > 0){
+    //     if(props.badgeType === BadgeType.DANGER){
+    //         linkClassName = `text-red-400 hover:text-red-600 hover:bg-gray-100 group rounded-md px-3 py-2 flex items-center text-sm font-medium`;
+    //         if(Navigation.isOnThisPage(props.link.to)){
+    //             linkClassName = `bg-gray-100 text-red-600 hover:bg-white group rounded-md px-3 py-2 flex items-center text-sm font-medium`;
+    //         }
+    //     }
+    //     if(props.badgeType === BadgeType.WARNING){
+    //         linkClassName = `text-yellow-400 hover:text-yellow-600 hover:bg-gray-100 group rounded-md px-3 py-2 flex items-center text-sm font-medium`;
+    //         if(Navigation.isOnThisPage(props.link.to)){
+    //             linkClassName = `bg-gray-100 text-yellow-600 hover:bg-white group rounded-md px-3 py-2 flex items-center text-sm font-medium`;
+    //         }
+    //     }
+    //     if(props.badgeType === BadgeType.SUCCESS){
+    //         linkClassName = `text-emerald-400 hover:text-emerald-600 hover:bg-gray-100 group rounded-md px-3 py-2 flex items-center text-sm font-medium`;
+    //         if(Navigation.isOnThisPage(props.link.to)){
+    //             linkClassName = `bg-gray-100 text-emerald-600 hover:bg-white group rounded-md px-3 py-2 flex items-center text-sm font-medium`;
+    //         }
+    //     }
+    // }
+    let iconClassName = "text-gray-400 group-hover:text-gray-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6";
+    if (Navigation.isOnThisPage(props.link.to)) {
+        iconClassName = "text-indigo-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6";
+    }
+    let subItemIconClassName = "text-gray-400 group-hover:text-gray-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6";
+    if (props.subItemLink && Navigation.isOnThisPage(props.subItemLink.to)) {
+        subItemIconClassName = "text-indigo-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6";
+    }
+    // if(props.badge && props.badge > 0){
+    //     if(props.badgeType === BadgeType.DANGER){
+    //         iconClassName = `text-red-400 group-hover:text-red-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6`;
+    //         if(Navigation.isOnThisPage(props.link.to)){
+    //             iconClassName = `text-red-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6`;
+    //         }
+    //     }
+    //     if(props.badgeType === BadgeType.WARNING){
+    //         iconClassName = `text-yellow-400 group-hover:text-yellow-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6`;
+    //         if(Navigation.isOnThisPage(props.link.to)){
+    //             iconClassName = `text-yellow-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6`;
+    //         }
+    //     }
+    //     if(props.badgeType === BadgeType.SUCCESS){
+    //         iconClassName = `text-emerald-400 group-hover:text-emerald-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6`;
+    //         if(Navigation.isOnThisPage(props.link.to)){
+    //             iconClassName = `text-emerald-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6`;
+    //         }
+    //     }
+    // }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(UILink, { className: `${props.className ? props.className : ""}  ${linkClassName} flex justify-between`, to: props.link.to, onClick: () => {
+                window.scrollTo({ top: 0, behavior: "smooth" });
+            } },
+            React.createElement("div", { className: "flex" },
+                props.icon ? (React.createElement(React.Fragment, null,
+                    React.createElement(Icon, { className: iconClassName, icon: props.icon }))) : (React.createElement(React.Fragment, null)),
+                React.createElement("span", { className: "truncate mt-1" }, props.link.title)),
+            props.badge || props.showAlert || props.showWarning ? (React.createElement("div", { className: badgeClasName },
+                props.badge ? (React.createElement(Badge, { badgeCount: props.badge, badgeType: props.badgeType })) : (React.createElement(React.Fragment, null)),
+                props.showAlert ? (React.createElement(React.Fragment, null,
+                    React.createElement(Icon, { className: "float-end text-red-900", icon: IconProp.Error }))) : (React.createElement(React.Fragment, null)),
+                props.showWarning ? (React.createElement(React.Fragment, null,
+                    React.createElement(Icon, { className: "float-end text-yellow-900", icon: IconProp.Alert }))) : (React.createElement(React.Fragment, null)))) : (React.createElement(React.Fragment, null))),
+        props.subItemLink ? (React.createElement(UILink, { className: `${props.className ? props.className : ""}  ${subItemLinkClassName} flex justify-between`, to: props.subItemLink.to, onClick: () => {
+                window.scrollTo({ top: 0, behavior: "smooth" });
+            } },
+            React.createElement("div", { className: "ml-8 flex" },
+                props.icon ? (React.createElement(React.Fragment, null,
+                    React.createElement(Icon, { className: subItemIconClassName, icon: props.subItemIcon || IconProp.MinusSmall }))) : (React.createElement(React.Fragment, null)),
+                React.createElement("span", { className: "truncate mt-1" }, props.subItemLink.title)))) : (React.createElement(React.Fragment, null, " "))));
+};
+export default SideMenuItem;
+//# sourceMappingURL=SideMenuItem.js.map

package/build/dist/UI/Components/SideMenu/SideMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenuItem.js","sourceRoot":"","sources":["../../../../../UI/Components/SideMenu/SideMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,KAAoB,MAAM,gBAAgB,CAAC;AAClD,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAElD,OAAO,KAA4B,MAAM,OAAO,CAAC;AAcjD,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACrB,EAAE;IACF,MAAM,aAAa,GAAW,gDAAgD,CAAC;IAE/E,IAAI,aAAa,GAAW,sHAAsH,CAAC;IAEnJ,IAAI,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;QAC3C,aAAa,GAAG,6GAA6G,CAAC;IAChI,CAAC;IAED,IAAI,oBAAoB,GAAW,sHAAsH,CAAC;IAE1J,IAAI,KAAK,CAAC,WAAW,IAAI,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC;QACvE,oBAAoB,GAAG,6GAA6G,CAAC;IACvI,CAAC;IAED,sCAAsC;IACtC,gDAAgD;IAChD,gJAAgJ;IAEhJ,sDAAsD;IACtD,0IAA0I;IAC1I,YAAY;IAEZ,QAAQ;IAER,iDAAiD;IACjD,sJAAsJ;IAEtJ,sDAAsD;IACtD,6IAA6I;IAC7I,YAAY;IACZ,QAAQ;IAER,iDAAiD;IACjD,wJAAwJ;IAExJ,sDAAsD;IACtD,8IAA8I;IAC9I,YAAY;IACZ,QAAQ;IACR,IAAI;IAEJ,IAAI,aAAa,GACf,0EAA0E,CAAC;IAE7E,IAAI,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;QAC3C,aAAa,GAAG,kDAAkD,CAAC;IACrE,CAAC;IAED,IAAI,oBAAoB,GACtB,0EAA0E,CAAC;IAE7E,IAAI,KAAK,CAAC,WAAW,IAAI,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC;QACvE,oBAAoB,GAAG,kDAAkD,CAAC;IAC5E,CAAC;IAED,sCAAsC;IACtC,gDAAgD;IAChD,oGAAoG;IAEpG,sDAAsD;IACtD,+EAA+E;IAC/E,YAAY;IAEZ,QAAQ;IAER,iDAAiD;IACjD,0GAA0G;IAE1G,sDAAsD;IACtD,kFAAkF;IAClF,YAAY;IACZ,QAAQ;IAER,iDAAiD;IACjD,4GAA4G;IAE5G,sDAAsD;IACtD,mFAAmF;IACnF,YAAY;IACZ,QAAQ;IACR,IAAI;IAEJ,OAAO,CACL;QACE,oBAAC,MAAM,IACL,SAAS,EAAE,GACT,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EACtC,KAAK,aAAa,uBAAuB,EACzC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,EACjB,OAAO,EAAE,GAAG,EAAE;gBACZ,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;YAClD,CAAC;YAED,6BAAK,SAAS,EAAC,MAAM;gBAClB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ;oBACE,oBAAC,IAAI,IAAC,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CACnD,CACJ,CAAC,CAAC,CAAC,CACF,yCAAK,CACN;gBAED,8BAAM,SAAS,EAAC,eAAe,IAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAQ,CACrD;YAEL,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACrD,6BAAK,SAAS,EAAE,aAAa;gBAC1B,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,KAAK,IAAC,UAAU,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAC/D,CAAC,CAAC,CAAC,CACF,yCAAK,CACN;gBAEA,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB;oBACE,oBAAC,IAAI,IACH,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAE,QAAQ,CAAC,KAAK,GACpB,CACD,CACJ,CAAC,CAAC,CAAC,CACF,yCAAK,CACN;gBACA,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB;oBACE,oBAAC,IAAI,IACH,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAE,QAAQ,CAAC,KAAK,GACpB,CACD,CACJ,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CACG,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CACM;QACR,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,oBAAC,MAAM,IACL,SAAS,EAAE,GACT,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EACtC,KAAK,oBAAoB,uBAAuB,EAChD,EAAE,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,EACxB,OAAO,EAAE,GAAG,EAAE;gBACZ,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;YAClD,CAAC;YAED,6BAAK,SAAS,EAAC,WAAW;gBACvB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ;oBACE,oBAAC,IAAI,IACH,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC,UAAU,GAC9C,CACD,CACJ,CAAC,CAAC,CAAC,CACF,yCAAK,CACN;gBAED,8BAAM,SAAS,EAAC,eAAe,IAAE,KAAK,CAAC,WAAW,CAAC,KAAK,CAAQ,CAC5D,CACC,CACV,CAAC,CAAC,CAAC,CACF,8CAAM,CACP,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/dist/UI/Components/SideMenu/SideMenuSection.js

@@ -0,0 +1,8 @@
+import React from "react";
+const SideMenuItem = (props) => {
+    return (React.createElement("div", null,
+        React.createElement("h6", { className: "text-sm text-gray-500" }, props.title),
+        React.createElement("div", null, props.children)));
+};
+export default SideMenuItem;
+//# sourceMappingURL=SideMenuSection.js.map

package/build/dist/UI/Components/SideMenu/SideMenuSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenuSection.js","sourceRoot":"","sources":["../../../../../UI/Components/SideMenu/SideMenuSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACrB,EAAE;IACF,OAAO,CACL;QACE,4BAAI,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAC,KAAK,CAAM;QACxD,iCAAM,KAAK,CAAC,QAAQ,CAAO,CACvB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,53 @@
+import Button, { ButtonStyleType } from "../Button/Button";
+import Icon from "../Icon/Icon";
+import IconProp from "Common/Types/Icon/IconProp";
+import React from "react";
+export var SideOverSize;
+(function (SideOverSize) {
+    SideOverSize["Small"] = "Small";
+    SideOverSize["Medium"] = "Medium";
+    SideOverSize["Large"] = "Large";
+})(SideOverSize || (SideOverSize = {}));
+const SideOver = (props) => {
+    let widthClass = "max-w-2xl";
+    if (props.size === SideOverSize.Small) {
+        widthClass = "max-w-2xl";
+    }
+    else if (props.size === SideOverSize.Medium) {
+        widthClass = "max-w-5xl";
+    }
+    else if (props.size === SideOverSize.Large) {
+        widthClass = "max-w-7xl";
+    }
+    return (React.createElement("div", { className: "relative z-10", "aria-labelledby": "slide-over-title", role: "dialog", "aria-modal": "true" },
+        React.createElement("div", { className: "fixed inset-0" }),
+        React.createElement("div", { className: "fixed inset-0 overflow-hidden" },
+            React.createElement("div", { className: "absolute inset-0 overflow-hidden" },
+                React.createElement("div", { className: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10 sm:pl-16" },
+                    React.createElement("div", { className: `pointer-events-auto w-screen ${widthClass}` },
+                        React.createElement("div", { className: "flex h-full flex-col bg-white shadow-xl" },
+                            React.createElement("div", { className: "flex-shrink-0 flex flex-col bg-gray-50 px-4 py-6 sm:px-6" },
+                                React.createElement("div", { className: "flex items-start justify-between space-x-3" },
+                                    React.createElement("div", { className: "space-y-1" },
+                                        React.createElement("h2", { className: "text-lg font-medium text-gray-900", id: "slide-over-title" }, props.title),
+                                        React.createElement("p", { className: "text-sm text-gray-500" }, props.description)),
+                                    React.createElement("div", { className: "flex h-7 items-center" },
+                                        React.createElement("button", { onClick: () => {
+                                                props.onClose();
+                                            }, type: "button", className: "text-gray-400 hover:text-gray-500" },
+                                            React.createElement("span", { className: "sr-only" }, "Close panel"),
+                                            React.createElement(Icon, { className: "h-6 w-6", icon: IconProp.Close }))))),
+                            React.createElement("div", { className: "h-full overflow-y-scroll" },
+                                React.createElement("div", { className: "space-y-6 py-6 sm:space-y-0 sm:divide-y sm:divide-gray-200 sm:py-0 p-5" }, props.children)),
+                            React.createElement("div", { className: "flex-shrink-0 border-t border-gray-200 px-4 py-5 sm:px-6 flex justify-between" },
+                                React.createElement("div", { className: "flex justify-start space-x-3" }, props.leftFooterElement),
+                                React.createElement("div", { className: "flex justify-end space-x-3" },
+                                    React.createElement(Button, { title: "Close", onClick: () => {
+                                            props.onClose();
+                                        }, buttonStyle: ButtonStyleType.NORMAL }),
+                                    props.onSubmit && (React.createElement(Button, { title: props.submitButtonText || "Save", disabled: props.submitButtonDisabled, onClick: () => {
+                                            props.onSubmit();
+                                        }, buttonStyle: ButtonStyleType.PRIMARY })))))))))));
+};
+export default SideOver;
+//# sourceMappingURL=SideOver.js.map

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

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

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

@@ -0,0 +1,6 @@
+import React from "react";
+const SimpleLogViewer = (props) => {
+    return (React.createElement("div", { className: "text-gray-500 mt-5 text-sm h-96 overflow-y-auto overflow-x-hidden p-5 border-gray-50 border border-2 bg-gray-100 rounded" }, props.children));
+};
+export default SimpleLogViewer;
+//# sourceMappingURL=SimpleLogViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLogViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/SimpleLogViewer/SimpleLogViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,eAAe,GAAsC,CACzD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BAAK,SAAS,EAAC,0HAA0H,IACtI,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,21 @@
+import { Black } from "Common/Types/BrandColors";
+import React from "react";
+const Statusbubble = (props) => {
+    const backgroundColor = props.color
+        ? props.color.toString()
+        : Black.toString();
+    return (React.createElement("div", { className: "flex", style: props.style },
+        React.createElement("div", { className: "-mr-2 ml-5" },
+            React.createElement("span", { className: "relative -left-1 -translate-x-full top-1/2 -translate-y-1/2 flex h-3.5 w-3.5" },
+                React.createElement("span", { className: `${props.shouldAnimate ? "motion-safe:animate-ping" : ""} absolute inline-flex h-full w-full rounded-full`, style: {
+                        backgroundColor: backgroundColor,
+                    } }),
+                React.createElement("span", { className: "relative inline-flex rounded-full h-3.5 w-3.5", style: {
+                        backgroundColor: backgroundColor,
+                    } }))),
+        React.createElement("div", { className: "text-sm font-medium", style: {
+                color: props.color ? props.color.toString() : Black.toString(),
+            } }, props.text)));
+};
+export default Statusbubble;
+//# sourceMappingURL=StatusBubble.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBubble.js","sourceRoot":"","sources":["../../../../../UI/Components/StatusBubble/StatusBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,OAAO,KAAyD,MAAM,OAAO,CAAC;AAS9E,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,MAAM,eAAe,GAAW,KAAK,CAAC,KAAK;QACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;QACxB,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IAErB,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK;QACtC,6BAAK,SAAS,EAAC,YAAY;YACzB,8BAAM,SAAS,EAAC,8EAA8E;gBAC5F,8BACE,SAAS,EAAE,GACT,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EACrD,kDAAkD,EAClD,KAAK,EAAE;wBACL,eAAe,EAAE,eAAe;qBACjC,GACK;gBACR,8BACE,SAAS,EAAC,+CAA+C,EACzD,KAAK,EAAE;wBACL,eAAe,EAAE,eAAe;qBACjC,GACK,CACH,CACH;QACN,6BACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE;aAC/D,IAEA,KAAK,CAAC,IAAI,CACP,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,113 @@
+import BulkUpdateForm from "../BulkUpdate/BulkUpdateForm";
+import ComponentLoader from "../ComponentLoader/ComponentLoader";
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import FilterViewer from "../Filters/FilterViewer";
+import Pagination from "../Pagination/Pagination";
+import TableBody from "./TableBody";
+import TableHeader from "./TableHeader";
+import React, { useEffect, useState } from "react";
+import { DragDropContext } from "react-beautiful-dnd";
+const Table = (props) => {
+    var _a, _b;
+    const isBulkActionsEnabled = props.bulkActions &&
+        props.bulkActions.buttons &&
+        props.bulkActions.buttons.length > 0;
+    const [isAllItemsSelected, setIsAllItemsSelected] = useState(false);
+    const [bulkSelectedItems, setBulkSelectedItems] = useState([]);
+    useEffect(() => {
+        setBulkSelectedItems(props.bulkSelectedItems);
+    }, [props.bulkSelectedItems]);
+    let colspan = props.columns.length || 0;
+    if (props.actionButtons && ((_a = props.actionButtons) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+        colspan++;
+    }
+    const getTablebody = () => {
+        if (props.isLoading) {
+            return (React.createElement("tbody", null,
+                React.createElement("tr", null,
+                    React.createElement("td", { colSpan: colspan },
+                        React.createElement("div", { className: "flex justify-center w-full" },
+                            React.createElement(ComponentLoader, null))))));
+        }
+        if (props.error) {
+            return (React.createElement("tbody", null,
+                React.createElement("tr", null,
+                    React.createElement("td", { colSpan: colspan, className: "pl-10 pr-10" },
+                        React.createElement(ErrorMessage, { error: props.error, onRefreshClick: props.onRefreshClick })))));
+        }
+        if (props.data.length === 0) {
+            return (React.createElement("tbody", null,
+                React.createElement("tr", null,
+                    React.createElement("td", { colSpan: colspan },
+                        React.createElement(ErrorMessage, { error: props.noItemsMessage
+                                ? props.noItemsMessage
+                                : `No ${props.singularLabel.toLocaleLowerCase()}`, onRefreshClick: props.onRefreshClick })))));
+        }
+        if (props.filterError) {
+            return React.createElement(React.Fragment, null);
+        }
+        return (React.createElement(TableBody, { id: `${props.id}-body`, data: props.data, columns: props.columns, actionButtons: props.actionButtons, enableDragAndDrop: props.enableDragAndDrop, dragAndDropScope: `${props.id}-dnd`, dragDropIdField: props.dragDropIdField, dragDropIndexField: props.dragDropIndexField, isBulkActionsEnabled: isBulkActionsEnabled, onItemSelected: (item) => {
+                // set bulk selected items.
+                setBulkSelectedItems([...bulkSelectedItems, item]);
+                props.onBulkSelectedItemAdded(item);
+            }, onItemDeselected: (item) => {
+                // set bulk selected items.
+                const index = bulkSelectedItems.findIndex((x) => {
+                    var _a, _b;
+                    return (((_a = x[props.matchBulkSelectedItemByField]) === null || _a === void 0 ? void 0 : _a.toString()) ===
+                        ((_b = item[props.matchBulkSelectedItemByField]) === null || _b === void 0 ? void 0 : _b.toString()));
+                });
+                if (index > -1) {
+                    bulkSelectedItems.splice(index, 1);
+                }
+                props.onBulkSelectedItemRemoved(item);
+            }, selectedItems: bulkSelectedItems, matchBulkSelectedItemByField: props.matchBulkSelectedItemByField }));
+    };
+    // check if all items on the page are selected.
+    let isAllItemsOnThePageSelected = true;
+    props.data.forEach((item) => {
+        const index = bulkSelectedItems.findIndex((x) => {
+            var _a, _b;
+            return (((_a = x[props.matchBulkSelectedItemByField]) === null || _a === void 0 ? void 0 : _a.toString()) ===
+                ((_b = item[props.matchBulkSelectedItemByField]) === null || _b === void 0 ? void 0 : _b.toString()));
+        });
+        if (index === -1) {
+            isAllItemsOnThePageSelected = false;
+        }
+    });
+    return (React.createElement("div", { className: props.className },
+        React.createElement(FilterViewer, { id: `${props.id}-filter`, showFilterModal: props.showFilterModal || false, onFilterChanged: props.onFilterChanged || undefined, isModalLoading: props.isFilterLoading || false, filterError: props.filterError, onFilterRefreshClick: props.onFilterRefreshClick, filters: props.filters || [], onFilterModalClose: props.onFilterModalClose, onFilterModalOpen: props.onFilterModalOpen, singularLabel: props.singularLabel, pluralLabel: props.pluralLabel, initialFilterData: props.initialFilterData }),
+        ((_b = props.bulkActions) === null || _b === void 0 ? void 0 : _b.buttons) && (React.createElement(BulkUpdateForm, { buttons: props.bulkActions.buttons, onClearSelectionClick: () => {
+                props.onBulkClearAllItems();
+                setIsAllItemsSelected(false);
+            }, onSelectAllClick: () => {
+                props.onBulkSelectAllItems();
+                setIsAllItemsSelected(true);
+            }, selectedItems: bulkSelectedItems, singularLabel: props.singularLabel, pluralLabel: props.pluralLabel, isAllItemsSelected: isAllItemsSelected, onActionStart: props.onBulkActionStart, onActionEnd: () => {
+                setIsAllItemsSelected(false);
+                setBulkSelectedItems([]);
+                props.onBulkActionEnd();
+            }, itemToString: props.bulkItemToString })),
+        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);
+            } },
+            React.createElement("div", { className: "-my-2 overflow-x-auto -mx-6" },
+                React.createElement("div", { className: "inline-block min-w-full py-2 align-middle" },
+                    React.createElement("div", { className: props.tableContainerClassName
+                            ? props.tableContainerClassName
+                            : "overflow-hidden border-t border-gray-200" },
+                        React.createElement("table", { className: "min-w-full divide-y divide-gray-200" },
+                            React.createElement(TableHeader, { id: `${props.id}-header`, columns: props.columns, onSortChanged: props.onSortChanged, enableDragAndDrop: props.enableDragAndDrop, isBulkActionsEnabled: isBulkActionsEnabled, onAllItemsDeselected: () => {
+                                    setIsAllItemsSelected(false);
+                                    props.onBulkClearAllItems();
+                                }, onAllItemsOnThePageSelected: () => {
+                                    props.onBulkSelectItemsOnCurrentPage();
+                                }, isAllItemsOnThePageSelected: isAllItemsOnThePageSelected, hasTableItems: props.data.length > 0 }),
+                            getTablebody())))),
+            React.createElement("div", { className: "bg-gray-50 text-right -mr-6 -ml-6 -mb-6" }, !props.disablePagination && (React.createElement(Pagination, { singularLabel: props.singularLabel, pluralLabel: props.pluralLabel, currentPageNumber: props.currentPageNumber, totalItemsCount: props.totalItemsCount, itemsOnPage: props.itemsOnPage, onNavigateToPage: props.onNavigateToPage, isLoading: props.isLoading, isError: Boolean(props.error) }))))));
+};
+export default Table;
+//# sourceMappingURL=Table.js.map

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

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

package/build/dist/UI/Components/Table/TableBody.js

@@ -0,0 +1,26 @@
+import TableRow from "./TableRow";
+import React from "react";
+import { Droppable } from "react-beautiful-dnd";
+const TableBody = (props) => {
+    const getBody = (provided) => {
+        return (React.createElement("tbody", Object.assign({ id: props.id, ref: provided === null || provided === void 0 ? void 0 : provided.innerRef }, provided === null || provided === void 0 ? void 0 : provided.droppableProps, { className: "divide-y divide-gray-200 bg-white" }),
+            props.data &&
+                props.data.map((item, i) => {
+                    var _a;
+                    return (React.createElement(TableRow, { isBulkActionsEnabled: props.isBulkActionsEnabled, onItemSelected: props.onItemSelected, onItemDeselected: props.onItemDeselected, isItemSelected: ((_a = props.selectedItems) === null || _a === void 0 ? void 0 : _a.filter((selectedItem) => {
+                            var _a, _b;
+                            return (((_a = selectedItem[props.matchBulkSelectedItemByField]) === null || _a === void 0 ? void 0 : _a.toString()) ===
+                                ((_b = item[props.matchBulkSelectedItemByField]) === null || _b === void 0 ? void 0 : _b.toString()));
+                        }).length) > 0 || false, dragAndDropScope: props.dragAndDropScope, enableDragAndDrop: props.enableDragAndDrop, key: i, item: item, columns: props.columns, actionButtons: props.actionButtons, dragDropIdField: props.dragDropIdField, dragDropIndexField: props.dragDropIndexField }));
+                }), provided === null || provided === void 0 ? void 0 :
+            provided.placeholder));
+    };
+    if (props.enableDragAndDrop) {
+        return (React.createElement(Droppable, { droppableId: props.dragAndDropScope || "" }, (provided) => {
+            return getBody(provided);
+        }));
+    }
+    return getBody();
+};
+export default TableBody;
+//# sourceMappingURL=TableBody.js.map

package/build/dist/UI/Components/Table/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../../UI/Components/Table/TableBody.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAqB,MAAM,qBAAqB,CAAC;AAwBnE,MAAM,SAAS,GAAsB,CACnC,KAAwB,EACV,EAAE;IAGhB,MAAM,OAAO,GAAoB,CAC/B,QAA4B,EACd,EAAE;QAChB,OAAO,CACL,6CACE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,GAAG,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,IACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,IAC5B,SAAS,EAAC,mCAAmC;YAE5C,KAAK,CAAC,IAAI;gBACT,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAO,EAAE,CAAS,EAAE,EAAE;;oBACpC,OAAO,CACL,oBAAC,QAAQ,IACP,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,cAAc,EACZ,CAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,MAAM,CAAC,CAAC,YAAe,EAAE,EAAE;;4BAC9C,OAAO,CACL,CAAA,MAAA,YAAY,CACV,KAAK,CAAC,4BAA4B,CACnC,0CAAE,QAAQ,EAAE;iCACb,MAAA,IAAI,CAAC,KAAK,CAAC,4BAA4B,CAAC,0CAAE,QAAQ,EAAE,CAAA,CACrD,CAAC;wBACJ,CAAC,EAAE,MAAM,IAAG,CAAC,IAAI,KAAK,EAExB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,GAC5C,CACH,CAAC;gBACJ,CAAC,CAAC,EACH,QAAQ,aAAR,QAAQ;YAAR,QAAQ,CAAE,WAAW,CAChB,CACT,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC5B,OAAO,CACL,oBAAC,SAAS,IAAC,WAAW,EAAE,KAAK,CAAC,gBAAgB,IAAI,EAAE,IACjD,CAAC,QAA2B,EAAE,EAAE;YAC/B,OAAO,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC,CACS,CACb,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,EAAE,CAAC;AACnB,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/build/dist/UI/Components/Table/TableCard.js

@@ -0,0 +1,9 @@
+import Card from "../Card/Card";
+import Table from "./Table";
+import React from "react";
+const TableRow = (props) => {
+    return (React.createElement(Card, { title: props.title, description: props.description, buttons: props.headerButtons },
+        React.createElement(Table, Object.assign({}, props.tableProps))));
+};
+export default TableRow;
+//# sourceMappingURL=TableCard.js.map

package/build/dist/UI/Components/Table/TableCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCard.js","sourceRoot":"","sources":["../../../../../UI/Components/Table/TableCard.tsx"],"names":[],"mappings":"AAAA,OAAO,IAA0B,MAAM,cAAc,CAAC;AACtD,OAAO,KAAgD,MAAM,SAAS,CAAC;AAEvE,OAAO,KAAuB,MAAM,OAAO,CAAC;AAa5C,MAAM,QAAQ,GAAqB,CACjC,KAAwB,EACV,EAAE;IAChB,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,aAAa;QAE5B,oBAAC,KAAK,oBAAK,KAAK,CAAC,UAAU,EAAI,CAC1B,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/dist/UI/Components/Table/TableHeader.js

@@ -0,0 +1,59 @@
+import CheckboxElement from "../Checkbox/Checkbox";
+import Icon, { ThickProp } from "../Icon/Icon";
+import FieldType from "../Types/FieldType";
+import SortOrder from "Common/Types/BaseDatabase/SortOrder";
+import IconProp from "Common/Types/Icon/IconProp";
+import React, { useState } from "react";
+const TableHeader = (props) => {
+    const [currentSortColumn, setCurrentSortColumn] = useState(null);
+    const [sortOrder, setSortOrder] = useState(SortOrder.Ascending);
+    const selectBulkSelectCheckbox = Boolean(props.isAllItemsOnThePageSelected && props.hasTableItems);
+    return (React.createElement("thead", { className: "bg-gray-50", id: props.id },
+        React.createElement("tr", null,
+            props.enableDragAndDrop && React.createElement("th", null),
+            props.isBulkActionsEnabled && (React.createElement("th", null,
+                React.createElement("div", { className: "ml-5" },
+                    React.createElement(CheckboxElement, { disabled: !props.hasTableItems, value: selectBulkSelectCheckbox, onChange: (value) => {
+                            if (value) {
+                                if (props.onAllItemsOnThePageSelected) {
+                                    props.onAllItemsOnThePageSelected();
+                                }
+                            }
+                            else if (props.onAllItemsDeselected) {
+                                props.onAllItemsDeselected();
+                            }
+                        } })))),
+            props.columns.map((column, i) => {
+                const canSort = !column.disableSort && Boolean(column.key);
+                return (React.createElement("th", { key: i, className: `px-6 py-3 text-left text-sm font-semibold text-gray-900 ${canSort ? "cursor-pointer" : ""}`, onClick: () => {
+                        if (!column.key) {
+                            return;
+                        }
+                        if (!canSort) {
+                            return;
+                        }
+                        if (currentSortColumn === column.key) {
+                            setSortOrder(sortOrder === SortOrder.Ascending
+                                ? SortOrder.Descending
+                                : SortOrder.Ascending);
+                        }
+                        else {
+                            setCurrentSortColumn(column.key);
+                            setSortOrder(SortOrder.Ascending);
+                        }
+                        props.onSortChanged(currentSortColumn, sortOrder);
+                    } },
+                    React.createElement("div", { className: `flex ${column.type === FieldType.Actions
+                            ? "justify-end"
+                            : "justify-start"}` },
+                        column.title,
+                        canSort &&
+                            currentSortColumn === column.key &&
+                            sortOrder === SortOrder.Ascending && (React.createElement(Icon, { icon: IconProp.ChevronUp, thick: ThickProp.Thick, className: "ml-2  p-1 flex-none rounded bg-gray-200 text-gray-500 group-hover:bg-gray-300 h-4 w-4" })),
+                        canSort &&
+                            currentSortColumn === column.key &&
+                            sortOrder === SortOrder.Descending && (React.createElement(Icon, { icon: IconProp.ChevronDown, thick: ThickProp.Thick, className: "ml-2 p-1 flex-none rounded bg-gray-200 text-gray-500 group-hover:bg-gray-300 h-4 w-4" })))));
+            }))));
+};
+export default TableHeader;
+//# sourceMappingURL=TableHeader.js.map

package/build/dist/UI/Components/Table/TableHeader.js.map

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