@oneuptime/common 7.0.2936 → 7.0.2976

package/build/dist/UI/Components/CategoryCheckbox/Index.js

@@ -0,0 +1,80 @@
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import Category from "./Category";
+import BaseModel from "Common/Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
+import React, { useEffect } from "react";
+const CategoryCheckbox = (props) => {
+    const sanitizeInitialValues = (value) => {
+        if (!value) {
+            return [];
+        }
+        return value.map((value) => {
+            if (value instanceof BaseModel) {
+                return value._id;
+            }
+            return value;
+        });
+    };
+    const [currentValues, setCurrentValues] = React.useState(sanitizeInitialValues(props.initialValue));
+    const [categories] = React.useState([...props.categories] || []);
+    const [options] = React.useState([...props.options] || []);
+    useEffect(() => {
+        // whenevent currentValue changes, make sure all the values are unique.
+        const doesHaveDuplicates = currentValues.some((value, index) => {
+            return currentValues.indexOf(value) !== index;
+        });
+        if (!doesHaveDuplicates) {
+            return;
+        }
+        const tempCurrentValues = [];
+        currentValues.forEach((value) => {
+            if (!tempCurrentValues.includes(value)) {
+                tempCurrentValues.push(value);
+            }
+        });
+        setCurrentValues(tempCurrentValues);
+    }, [currentValues]);
+    if (options.length === 0) {
+        return (React.createElement("div", null,
+            React.createElement(ErrorMessage, { error: "No options found." })));
+    }
+    const getCategory = (category, isLastCategory = false) => {
+        return (React.createElement(Category, { initialValue: currentValues.filter((value) => {
+                // only return this option if it belongs to this category
+                const option = options.find((option) => {
+                    return (option.value === value &&
+                        (option.categoryId || "") === ((category === null || category === void 0 ? void 0 : category.id) || ""));
+                });
+                return Boolean(option);
+            }), dataTestId: props.dataTestId, category: category, options: options.filter((option) => {
+                return (option.categoryId || "") === ((category === null || category === void 0 ? void 0 : category.id) || "");
+            }), isLastCategory: isLastCategory, onChange: (value) => {
+                // remove any value from currentValue that belongs to this category.
+                const tempCurrentValues = [
+                    ...currentValues,
+                ];
+                options.forEach((option) => {
+                    const index = tempCurrentValues.findIndex((value) => {
+                        return (value === option.value &&
+                            (option.categoryId || "") === ((category === null || category === void 0 ? void 0 : category.id) || ""));
+                    });
+                    if (index > -1) {
+                        tempCurrentValues.splice(index, 1);
+                    }
+                });
+                // add the new values to currentValue
+                value.forEach((value) => {
+                    tempCurrentValues.push(value);
+                });
+                setCurrentValues(tempCurrentValues);
+                props.onChange(tempCurrentValues);
+            } }));
+    };
+    return (React.createElement("div", null,
+        getCategory(undefined, categories.length === 0),
+        categories.map((category, i) => {
+            return (React.createElement("div", { key: i }, getCategory(category, i === categories.length - 1)));
+        }),
+        props.error && (React.createElement("p", { "data-testid": "error-message", className: "mt-1 text-sm text-red-400" }, props.error))));
+};
+export default CategoryCheckbox;
+//# sourceMappingURL=Index.js.map

package/build/dist/UI/Components/CategoryCheckbox/Index.js.map

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

package/build/dist/UI/Components/Charts/Bar/Bar.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Bar.js.map

package/build/dist/UI/Components/Charts/Bar/Bar.js.map

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

package/build/dist/UI/Components/Charts/Base/BaseChart.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=BaseChart.js.map

package/build/dist/UI/Components/Charts/Base/BaseChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseChart.js","sourceRoot":"","sources":["../../../../../../UI/Components/Charts/Base/BaseChart.tsx"],"names":[],"mappings":""}

package/build/dist/UI/Components/Charts/ChartGroup/ChartGroup.js

@@ -0,0 +1,30 @@
+import LineChart from "../Line/LineChart";
+import React, { useState } from "react";
+export var ChartType;
+(function (ChartType) {
+    ChartType["LINE"] = "line";
+    ChartType["BAR"] = "bar";
+    ChartType["AREA"] = "area";
+})(ChartType || (ChartType = {}));
+const ChartGroup = (props) => {
+    const [syncValue, setSyncValue] = useState(undefined);
+    return (React.createElement("div", { className: "lg:grid grid-cols-1 gap-5" }, props.charts.map((chart, index) => {
+        switch (chart.type) {
+            case ChartType.LINE:
+                return (React.createElement("div", { key: index, className: "p-6 rounded-md bg-white shadow" },
+                    React.createElement("h2", { "data-testid": "card-details-heading", id: "card-details-heading", className: "text-lg font-medium leading-6 text-gray-900" }, chart.title),
+                    chart.description && (React.createElement("p", { "data-testid": "card-description", className: "mt-1 text-sm text-gray-500 w-full" }, chart.description)),
+                    React.createElement(LineChart, Object.assign({ key: index }, chart.props, { xAxisMarker: {
+                            value: chart.sync ? syncValue : undefined,
+                        }, onHoverXAxis: (value) => {
+                            if (chart.sync) {
+                                setSyncValue(value);
+                            }
+                        } }))));
+            default:
+                return React.createElement(React.Fragment, null);
+        }
+    })));
+};
+export default ChartGroup;
+//# sourceMappingURL=ChartGroup.js.map

package/build/dist/UI/Components/Charts/ChartGroup/ChartGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartGroup.js","sourceRoot":"","sources":["../../../../../../UI/Components/Charts/ChartGroup/ChartGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,SAA+C,MAAM,mBAAmB,CAAC;AAChF,OAAO,KAAK,EAAE,EAAmC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzE,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,wBAAW,CAAA;IACX,0BAAa,CAAA;AACf,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAeD,MAAM,UAAU,GAAsC,CACpD,KAAqB,EACP,EAAE;IAChB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAExC,SAAS,CAAC,CAAC;IAEb,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B,IACvC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE;QAChD,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,SAAS,CAAC,IAAI;gBACjB,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,gCAAgC;oBACzD,2CACc,sBAAsB,EAClC,EAAE,EAAC,sBAAsB,EACzB,SAAS,EAAC,6CAA6C,IAEtD,KAAK,CAAC,KAAK,CACT;oBACJ,KAAK,CAAC,WAAW,IAAI,CACpB,0CACc,kBAAkB,EAC9B,SAAS,EAAC,mCAAmC,IAE5C,KAAK,CAAC,WAAW,CAChB,CACL;oBACD,oBAAC,SAAS,kBACR,GAAG,EAAE,KAAK,IACN,KAAK,CAAC,KAAK,IACf,WAAW,EAAE;4BACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;yBAC1C,EACD,YAAY,EAAE,CAAC,KAA6B,EAAE,EAAE;4BAC9C,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;gCACf,YAAY,CAAC,KAAK,CAAC,CAAC;4BACtB,CAAC;wBACH,CAAC,IACD,CACE,CACP,CAAC;YACJ;gBACE,OAAO,yCAAK,CAAC;QACjB,CAAC;IACH,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/dist/UI/Components/Charts/Line/LineChart.js

@@ -0,0 +1,139 @@
+import { ResponsiveLine } from "@nivo/line";
+import { BrightColors } from "Common/Types/BrandColors";
+import Color from "Common/Types/Color";
+import OneUptimeDate from "Common/Types/Date";
+import React from "react";
+export var ChartCurve;
+(function (ChartCurve) {
+    ChartCurve["LINEAR"] = "linear";
+    ChartCurve["MONOTONE_X"] = "monotoneX";
+    ChartCurve["STEP"] = "step";
+    ChartCurve["STEP_BEFORE"] = "stepBefore";
+    ChartCurve["STEP_AFTER"] = "stepAfter";
+})(ChartCurve || (ChartCurve = {}));
+export var XScaleType;
+(function (XScaleType) {
+    XScaleType["TIME"] = "time";
+})(XScaleType || (XScaleType = {}));
+export var XScalePrecision;
+(function (XScalePrecision) {
+    XScalePrecision["SECOND"] = "second";
+    XScalePrecision["MINUTE"] = "minute";
+    XScalePrecision["HOUR"] = "hour";
+    XScalePrecision["DAY"] = "day";
+    XScalePrecision["MONTH"] = "month";
+    XScalePrecision["YEAR"] = "year";
+})(XScalePrecision || (XScalePrecision = {}));
+export var YScaleType;
+(function (YScaleType) {
+    YScaleType["LINEAR"] = "linear";
+})(YScaleType || (YScaleType = {}));
+export var AxisType;
+(function (AxisType) {
+    AxisType["Date"] = "date";
+    AxisType["Time"] = "time";
+    AxisType["Number"] = "number";
+})(AxisType || (AxisType = {}));
+const LineChart = (props) => {
+    const markers = [];
+    if (props.xAxisMarker && props.xAxisMarker.value) {
+        markers.push({
+            axis: "x",
+            legend: "",
+            lineStyle: {
+                stroke: "#cbd5e1",
+                strokeWidth: 2,
+            },
+            value: props.xAxisMarker.value,
+        });
+    }
+    let legends = [];
+    const showLegends = props.data.length > 1;
+    const margin = { bottom: 60, left: 60, top: 20 };
+    if (showLegends) {
+        margin.right = 200;
+        legends = [
+            {
+                anchor: "bottom-right",
+                direction: "column",
+                justify: false,
+                translateX: 100,
+                translateY: 0,
+                itemsSpacing: 0,
+                itemDirection: "left-to-right",
+                itemWidth: 80,
+                itemHeight: 20,
+                itemOpacity: 0.75,
+                symbolSize: 12,
+                symbolShape: "circle",
+                symbolBorderColor: "rgba(0, 0, 0, .5)",
+                effects: [
+                    {
+                        on: "hover",
+                        style: {
+                            itemBackground: "rgba(0, 0, 0, .03)",
+                            itemOpacity: 1,
+                        },
+                    },
+                ],
+            },
+        ];
+    }
+    return (React.createElement("div", { className: "h-96 w-full" },
+        React.createElement(ResponsiveLine, { data: props.data.map((series) => {
+                return {
+                    id: series.seriesName,
+                    data: series.data,
+                };
+            }), onMouseMove: (data) => {
+                var _a, _b, _c;
+                if (props.onHoverXAxis) {
+                    const xValue = (_c = (_b = (_a = data.points) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.x;
+                    props.onHoverXAxis(xValue);
+                }
+            }, margin: margin, curve: props.curve || ChartCurve.LINEAR, markers: markers, xScale: {
+                type: props.xScale.type,
+                max: props.xScale.max,
+                min: props.xScale.min,
+                precision: props.xScale.precision,
+            }, yScale: {
+                type: props.yScale.type,
+                min: props.yScale.min,
+                max: props.yScale.max,
+            }, axisTop: null, axisRight: null, axisBottom: {
+                legend: props.axisBottom.legend,
+                format: (value) => {
+                    let strLabel = "";
+                    if (props.axisBottom.type === AxisType.Date) {
+                        strLabel = OneUptimeDate.getDateAsLocalFormattedString(value, true);
+                    }
+                    else if (props.axisBottom.type === AxisType.Time) {
+                        strLabel = OneUptimeDate.getLocalHourAndMinuteFromDate(value);
+                    }
+                    else {
+                        strLabel = value.toString();
+                    }
+                    return strLabel;
+                },
+            }, useMesh: true, axisLeft: {
+                legend: props.axisLeft.legend,
+            }, enableSlices: "x", sliceTooltip: (data) => {
+                if (!props.getHoverTooltip) {
+                    return React.createElement(React.Fragment, null);
+                }
+                return props.getHoverTooltip({
+                    points: data.slice.points.map((point) => {
+                        return {
+                            x: point.data.x,
+                            y: point.data.y,
+                            seriesName: point.serieId.toString(),
+                            seriesColor: new Color(point.color),
+                        };
+                    }),
+                });
+            }, colors: BrightColors.map((item) => {
+                return item.toString();
+            }), legends: legends })));
+};
+export default LineChart;
+//# sourceMappingURL=LineChart.js.map

package/build/dist/UI/Components/Charts/Line/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../../../../../UI/Components/Charts/Line/LineChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,cAAc,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAA0C,MAAM,OAAO,CAAC;AAU/D,MAAM,CAAN,IAAY,UAMX;AAND,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,sCAAwB,CAAA;IACxB,2BAAa,CAAA;IACb,wCAA0B,CAAA;IAC1B,sCAAwB,CAAA;AAC1B,CAAC,EANW,UAAU,KAAV,UAAU,QAMrB;AAED,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,2BAAa,CAAA;AACf,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB;AAED,MAAM,CAAN,IAAY,eAOX;AAPD,WAAY,eAAe;IACzB,oCAAiB,CAAA;IACjB,oCAAiB,CAAA;IACjB,gCAAa,CAAA;IACb,8BAAW,CAAA;IACX,kCAAe,CAAA;IACf,gCAAa,CAAA;AACf,CAAC,EAPW,eAAe,KAAf,eAAe,QAO1B;AAiBD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,+BAAiB,CAAA;AACnB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB;AAQD,MAAM,CAAN,IAAY,QAIX;AAJD,WAAY,QAAQ;IAClB,yBAAa,CAAA;IACb,yBAAa,CAAA;IACb,6BAAiB,CAAA;AACnB,CAAC,EAJW,QAAQ,KAAR,QAAQ,QAInB;AAiCD,MAAM,SAAS,GAAsC,CACnD,KAAqB,EACP,EAAE;IAChB,MAAM,OAAO,GAAgC,EAAE,CAAC;IAEhD,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACjD,OAAO,CAAC,IAAI,CAAC;YACX,IAAI,EAAE,GAAG;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE;gBACT,MAAM,EAAE,SAAS;gBACjB,WAAW,EAAE,CAAC;aACf;YACD,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK;SAC/B,CAAC,CAAC;IACL,CAAC;IAED,IAAI,OAAO,GAAuB,EAAE,CAAC;IAErC,MAAM,WAAW,GAAY,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IAEnD,MAAM,MAAM,GAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;IAEtD,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC;QAEnB,OAAO,GAAG;YACR;gBACE,MAAM,EAAE,cAAc;gBACtB,SAAS,EAAE,QAAQ;gBACnB,OAAO,EAAE,KAAK;gBACd,UAAU,EAAE,GAAG;gBACf,UAAU,EAAE,CAAC;gBACb,YAAY,EAAE,CAAC;gBACf,aAAa,EAAE,eAAe;gBAC9B,SAAS,EAAE,EAAE;gBACb,UAAU,EAAE,EAAE;gBACd,WAAW,EAAE,IAAI;gBACjB,UAAU,EAAE,EAAE;gBACd,WAAW,EAAE,QAAQ;gBACrB,iBAAiB,EAAE,mBAAmB;gBACtC,OAAO,EAAE;oBACP;wBACE,EAAE,EAAE,OAAO;wBACX,KAAK,EAAE;4BACL,cAAc,EAAE,oBAAoB;4BACpC,WAAW,EAAE,CAAC;yBACf;qBACF;iBACF;aACF;SACF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,aAAa;QAC1B,oBAAC,cAAc,IACb,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAqB,EAAE,EAAE;gBAC7C,OAAO;oBACL,EAAE,EAAE,MAAM,CAAC,UAAU;oBACrB,IAAI,EAAE,MAAM,CAAC,IAAI;iBAClB,CAAC;YACJ,CAAC,CAAC,EACF,WAAW,EAAE,CAAC,IAAW,EAAE,EAAE;;gBAC3B,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;oBACvB,MAAM,MAAM,GAAW,MAAA,MAAA,MAAE,IAAY,CAAC,MAAqB,0CAAG,CAAC,CAAC,0CAC5D,IAAI,0CAAE,CAAC,CAAC;oBACZ,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;gBAC7B,CAAC;YACH,CAAC,EACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,UAAU,CAAC,MAAM,EACvC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE;gBACN,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;gBACvB,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,GAAU;gBAC5B,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,GAAU;gBAC5B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;aAClC,EACD,MAAM,EAAE;gBACN,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;gBACvB,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG;gBACrB,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG;aACtB,EACD,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,IAAI,EACf,UAAU,EAAE;gBACV,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM;gBAC/B,MAAM,EAAE,CAAC,KAAa,EAAE,EAAE;oBACxB,IAAI,QAAQ,GAAW,EAAE,CAAC;oBAC1B,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;wBAC5C,QAAQ,GAAG,aAAa,CAAC,6BAA6B,CACpD,KAAa,EACb,IAAI,CACL,CAAC;oBACJ,CAAC;yBAAM,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;wBACnD,QAAQ,GAAG,aAAa,CAAC,6BAA6B,CACpD,KAAa,CACd,CAAC;oBACJ,CAAC;yBAAM,CAAC;wBACN,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;oBAC9B,CAAC;oBAED,OAAO,QAAQ,CAAC;gBAClB,CAAC;aACF,EACD,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE;gBACR,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM;aAC9B,EACD,YAAY,EAAC,GAAG,EAChB,YAAY,EAAE,CAAC,IAId,EAAE,EAAE;gBACH,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;oBAC3B,OAAO,yCAAK,CAAC;gBACf,CAAC;gBAED,OAAO,KAAK,CAAC,eAAe,CAAC;oBAC3B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAY,EAAE,EAAE;wBAC7C,OAAO;4BACL,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAW;4BACzB,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAW;4BACzB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;4BACpC,WAAW,EAAE,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;yBACpC,CAAC;oBACJ,CAAC,CAAC;iBACH,CAAC,CAAC;YACL,CAAC,EACD,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,IAAW,EAAE,EAAE;gBACvC,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;YACzB,CAAC,CAAC,EACF,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/build/dist/UI/Components/Charts/Tooltip/Tooltip.js

@@ -0,0 +1,34 @@
+import OneUptimeDate from "Common/Types/Date";
+import { AxisType, } from "../Line/LineChart";
+import React from "react";
+const ChartTooltip = (props) => {
+    const formatAxisValue = (value, type) => {
+        if (typeof value === "number") {
+            return value.toFixed(2);
+        }
+        if (type === AxisType.Date) {
+            return OneUptimeDate.getDateAsLocalFormattedString(value, true);
+        }
+        if (type === AxisType.Time) {
+            return OneUptimeDate.getLocalHourAndMinuteFromDate(value);
+        }
+        return value.toString();
+    };
+    return (React.createElement("div", { className: "bg-white rounded-md shadow-md p-5 text-sm space-y-2" }, props.points.map((point, index) => {
+        return (React.createElement("div", { key: index, className: "space-y-1" },
+            React.createElement("div", { className: "font-medium flex" },
+                React.createElement("div", null,
+                    React.createElement("div", { className: "w-3 h-3 mr-2 mt-1 rounded-full", style: {
+                            backgroundColor: point.seriesColor.toString(),
+                        } })),
+                point.seriesName),
+            React.createElement("div", { className: "flex text-gray-600 text-xs" },
+                React.createElement("div", { className: "w-1/2 text-left font-medium" }, props.axisLeft.legend),
+                React.createElement("div", { className: "w-1/2 text-right" }, formatAxisValue(point.y.toString(), props.axisLeft.type))),
+            React.createElement("div", { className: "flex text-gray-600 text-xs" },
+                React.createElement("div", { className: "w-1/2 text-left font-medium" }, props.axisBottom.legend),
+                React.createElement("div", { className: "w-1/2 text-right" }, formatAxisValue(point.x.toString(), props.axisBottom.type)))));
+    })));
+};
+export default ChartTooltip;
+//# sourceMappingURL=Tooltip.js.map

package/build/dist/UI/Components/Charts/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../../../UI/Components/Charts/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAGL,QAAQ,GAIT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAMhB,MAAM,eAAe,GAA4B,CAC/C,KAAsB,EACtB,IAAc,EACN,EAAE;QACV,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;QAED,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;YAC3B,OAAO,aAAa,CAAC,6BAA6B,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAClE,CAAC;QAED,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;YAC3B,OAAO,aAAa,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC;QAC5D,CAAC;QAED,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,qDAAqD,IACjE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAqB,EAAE,KAAa,EAAE,EAAE;QACzD,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,WAAW;YACpC,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B;oBACE,6BACE,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;4BACL,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE;yBAC9C,GACI,CACH;gBACL,KAAK,CAAC,UAAU,CACb;YACN,6BAAK,SAAS,EAAC,4BAA4B;gBACzC,6BAAK,SAAS,EAAC,6BAA6B,IACzC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAClB;gBACN,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CACrD,CACF;YACN,6BAAK,SAAS,EAAC,4BAA4B;gBACzC,6BAAK,SAAS,EAAC,6BAA6B,IACzC,KAAK,CAAC,UAAU,CAAC,MAAM,CACpB;gBACN,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CACvD,CACF,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,30 @@
+import React from "react";
+const CheckboxElement = (props) => {
+    const [value, setValue] = React.useState(props.initialValue || false);
+    // ref this checkbox.
+    const checkboxRef = React.useRef(null);
+    React.useEffect(() => {
+        checkboxRef.current.indeterminate = props.isIndeterminate || false;
+    }, [props.isIndeterminate]);
+    React.useEffect(() => {
+        if (props.value === undefined) {
+            return;
+        }
+        setValue(props.value || false);
+    }, [props.value]);
+    return (React.createElement("div", null,
+        React.createElement("div", { className: `relative flex items-start ${props.outerDivClassName || ""}` },
+            React.createElement("div", { className: "flex h-6 items-center" },
+                React.createElement("input", { checked: value, onChange: (event) => {
+                        setValue(event.target.checked);
+                        if (props.onChange) {
+                            props.onChange(event.target.checked, props.isIndeterminate);
+                        }
+                    }, ref: checkboxRef, autoFocus: props.autoFocus, tabIndex: props.tabIndex, readOnly: props.readOnly, disabled: props.disabled, onFocus: props.onFocus, onBlur: props.onBlur, "data-testid": props.dataTestId, "aria-describedby": "comments-description", name: "comments", type: "checkbox", className: `accent-indigo-600 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600 ${props.className || ""}` })),
+            React.createElement("div", { className: "ml-3 text-sm leading-6" },
+                React.createElement("label", { className: "font-medium text-gray-900" }, props.title),
+                props.description && (React.createElement("div", { className: "text-gray-500" }, props.description)))),
+        props.error && (React.createElement("p", { "data-testid": "error-message", className: "mt-1 text-sm text-red-400" }, props.error))));
+};
+export default CheckboxElement;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../UI/Components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuB/D,MAAM,eAAe,GAAqC,CACxD,KAAoB,EACN,EAAE;IAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CACtC,KAAK,CAAC,YAAY,IAAI,KAAK,CAC5B,CAAC;IAEF,qBAAqB;IACrB,MAAM,WAAW,GACf,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,OAAQ,CAAC,aAAa,GAAG,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC;IACtE,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAE5B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,OAAO,CACL;QACE,6BACE,SAAS,EAAE,6BAA6B,KAAK,CAAC,iBAAiB,IAAI,EAAE,EAAE;YAEvE,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,+BACE,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,CAAC,KAA0C,EAAE,EAAE;wBACvD,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;wBAE/B,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;4BACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;wBAC9D,CAAC;oBACH,CAAC,EACD,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,iBACP,KAAK,CAAC,UAAU,sBACZ,sBAAsB,EACvC,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,2FACT,KAAK,CAAC,SAAS,IAAI,EACrB,EAAE,GACF,CACE;YACN,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,+BAAO,SAAS,EAAC,2BAA2B,IAAE,KAAK,CAAC,KAAK,CAAS;gBACjE,KAAK,CAAC,WAAW,IAAI,CACpB,6BAAK,SAAS,EAAC,eAAe,IAAE,KAAK,CAAC,WAAW,CAAO,CACzD,CACG,CACF;QACL,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,eAAe,CAAC"}

package/build/dist/UI/Components/Checkbox/CheckboxViewer.js

@@ -0,0 +1,12 @@
+import Icon from "../Icon/Icon";
+import { Green, Red } from "Common/Types/BrandColors";
+import IconProp from "Common/Types/Icon/IconProp";
+import React from "react";
+const CheckboxViewer = (props) => {
+    return (React.createElement("div", null,
+        React.createElement("div", { className: "flex" },
+            React.createElement("div", { className: "h-6 w-6" }, props.isChecked ? (React.createElement(Icon, { className: "h-5 w-5", icon: IconProp.CheckCircle, color: Green })) : (React.createElement(Icon, { className: "h-5 w-5", icon: IconProp.CircleClose, color: Red }))),
+            React.createElement("div", { className: "text-sm text-gray-900 flex justify-left" }, props.text))));
+};
+export default CheckboxViewer;
+//# sourceMappingURL=CheckboxViewer.js.map

package/build/dist/UI/Components/Checkbox/CheckboxViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Checkbox/CheckboxViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,cAAc,GAAsC,CACxD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,MAAM;YACnB,6BAAK,SAAS,EAAC,SAAS,IACrB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,oBAAC,IAAI,IACH,SAAS,EAAC,SAAS,EACnB,IAAI,EAAE,QAAQ,CAAC,WAAW,EAC1B,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,GAAI,CACrE,CACG;YACN,6BAAK,SAAS,EAAC,yCAAyC,IACrD,KAAK,CAAC,IAAI,CACP,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,8 @@
+import "highlight.js/styles/a11y-dark.css";
+import React from "react";
+import Highlight from "react-highlight";
+const CodeBlock = (props) => {
+    return (React.createElement(Highlight, { className: `p-3 language-${props.language} rounded-md shadow` }, props.code));
+};
+export default CodeBlock;
+//# sourceMappingURL=CodeBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../../../UI/Components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAOxC,MAAM,SAAS,GAAsC,CACnD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,gBAAgB,KAAK,CAAC,QAAQ,oBAAoB,IACrE,KAAK,CAAC,IAAI,CACD,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,129 @@
+import Editor from "@monaco-editor/react";
+import CodeType from "Common/Types/Code/CodeType";
+import React, { useEffect, useState, } from "react";
+const CodeEditor = (props) => {
+    let className = "";
+    const [placeholder, setPlaceholder] = useState("");
+    const [helpText, setHelpText] = useState("");
+    useEffect(() => {
+        let value = props.value;
+        if (value && typeof value !== "string") {
+            value = JSON.stringify(value, null, 4);
+        }
+        setValue(value || "");
+    }, [props.value]);
+    useEffect(() => {
+        if (props.placeholder) {
+            if (props.type === CodeType.Markdown) {
+                setHelpText(`${props.placeholder}. This is in Markdown`);
+            }
+            if (props.type === CodeType.HTML) {
+                setHelpText(`${props.placeholder}. This is in HTML`);
+            }
+            if (props.type === CodeType.JavaScript) {
+                setPlaceholder(`/* ${props.placeholder} 
+                    
+                    
+                    This is in JavaScript. 
+                    
+                    */`);
+            }
+            if (props.type === CodeType.JSON) {
+                setHelpText(`${props.placeholder}`);
+            }
+            if (props.type === CodeType.CSS) {
+                setPlaceholder(`/* ${props.placeholder}. This is in CSS. */`);
+            }
+        }
+    }, [props.placeholder, props.type]);
+    if (!props.className) {
+        className =
+            "block w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-3 text-sm placeholder-gray-500 focus:border-indigo-500 focus:text-gray-900 focus:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 sm:text-sm";
+    }
+    else {
+        className = props.className;
+    }
+    if (props.error) {
+        className =
+            "block w-full rounded-md border bg-white py-2 pl-3 pr-3 text-sm placeholder-gray-500 focus:border-red-500 focus:text-gray-900 focus:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-red-500 sm:text-sm border-red-300 pr-10 text-red-900 placeholder-red-300 focus:border-red-500 focus:outline-none focus:ring-red-500";
+    }
+    const [value, setValue] = useState("");
+    useEffect(() => {
+        let initialValue = props.initialValue;
+        if (initialValue && typeof initialValue !== "string") {
+            initialValue = JSON.stringify(initialValue, null, 4);
+        }
+        setValue(initialValue || "");
+    }, [props.initialValue]);
+    return (React.createElement("div", { "data-testid": props.dataTestId, onClick: () => {
+            props.onClick && props.onClick();
+            props.onFocus && props.onFocus();
+        } },
+        helpText && (React.createElement("p", { className: "bg-gray-50 text-gray-500 p-3 mt-2 mb-2 rounded text-base text-sm" },
+            " ",
+            helpText,
+            " ")),
+        React.createElement(Editor, { defaultLanguage: props.type, height: "30vh", value: value, onChange: (code) => {
+                if (code === undefined) {
+                    code = "";
+                }
+                setValue(code);
+                props.onBlur && props.onBlur();
+                props.onChange && props.onChange(code);
+            }, defaultValue: value || placeholder || "", className: className, options: {
+                acceptSuggestionOnCommitCharacter: true,
+                acceptSuggestionOnEnter: "on",
+                accessibilitySupport: "auto",
+                fontSize: 14,
+                automaticLayout: true,
+                codeLens: false,
+                colorDecorators: true,
+                contextmenu: false,
+                cursorBlinking: "blink",
+                tabIndex: props.tabIndex || 0,
+                minimap: { enabled: false },
+                cursorStyle: "line",
+                disableLayerHinting: false,
+                disableMonospaceOptimizations: false,
+                dragAndDrop: false,
+                fixedOverflowWidgets: false,
+                folding: true,
+                foldingStrategy: "auto",
+                fontLigatures: false,
+                formatOnPaste: false,
+                formatOnType: false,
+                hideCursorInOverviewRuler: false,
+                links: true,
+                mouseWheelZoom: false,
+                multiCursorMergeOverlapping: true,
+                multiCursorModifier: "alt",
+                overviewRulerBorder: true,
+                overviewRulerLanes: 2,
+                quickSuggestions: true,
+                quickSuggestionsDelay: 100,
+                readOnly: props.readOnly || false,
+                renderControlCharacters: false,
+                scrollbar: {
+                    horizontal: "hidden",
+                },
+                renderLineHighlight: "all",
+                renderWhitespace: "none",
+                revealHorizontalRightPadding: 30,
+                roundedSelection: true,
+                rulers: [],
+                scrollBeyondLastColumn: 5,
+                scrollBeyondLastLine: true,
+                selectOnLineNumbers: true,
+                lineNumbers: props.showLineNumbers ? "on" : "off",
+                selectionClipboard: true,
+                selectionHighlight: true,
+                showFoldingControls: "mouseover",
+                smoothScrolling: false,
+                suggestOnTriggerCharacters: true,
+                wordBasedSuggestions: "off",
+                wordWrap: props.type === CodeType.Markdown ? "on" : "off",
+            } }),
+        props.error && (React.createElement("p", { className: "mt-1 text-sm text-red-400" }, props.error))));
+};
+export default CodeEditor;
+//# sourceMappingURL=CodeEditor.js.map

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

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

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

@@ -0,0 +1,10 @@
+import Tooltip from "../Tooltip/Tooltip";
+import React from "react";
+const ColorCircle = (props) => {
+    return (React.createElement(Tooltip, { text: props.tooltip },
+        React.createElement("div", { className: "rounded-full h-3 w-3", style: {
+                backgroundColor: props.color.toString(),
+            } })));
+};
+export default ColorCircle;
+//# sourceMappingURL=ColorCircle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorCircle.js","sourceRoot":"","sources":["../../../../../UI/Components/ColorCircle/ColorCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,WAAW,GAAsC,CACrD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,oBAAC,OAAO,IAAC,IAAI,EAAE,KAAK,CAAC,OAAO;QAC1B,6BACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE;gBACL,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;aACxC,GACI,CACC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,10 @@
+import Tooltip from "../Tooltip/Tooltip";
+import React from "react";
+const ColorSquareCube = (props) => {
+    return (React.createElement(Tooltip, { text: props.tooltip },
+        React.createElement("div", { className: "rounded h-3 w-3", style: {
+                backgroundColor: props.color.toString(),
+            } })));
+};
+export default ColorSquareCube;
+//# sourceMappingURL=ColorSquareCube.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSquareCube.js","sourceRoot":"","sources":["../../../../../UI/Components/ColorSquareCube/ColorSquareCube.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,eAAe,GAAsC,CACzD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,oBAAC,OAAO,IAAC,IAAI,EAAE,KAAK,CAAC,OAAO;QAC1B,6BACE,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE;gBACL,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;aACxC,GACI,CACC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,22 @@
+import { Gray500 } from "Common/Types/BrandColors";
+import React from "react";
+const ColorInput = (props) => {
+    var _a;
+    return (React.createElement("div", { className: `flex ${props.className}`, onClick: () => {
+            props.onClick && props.onClick();
+        }, "data-testid": props.dataTestId },
+        props.value && (React.createElement("div", { style: {
+                backgroundColor: props.value.toString(),
+                height: "20px",
+                borderWidth: "1px",
+                borderColor: Gray500.toString(),
+                width: "20px",
+                borderRadius: "300px",
+                boxShadow: "rgb(149 157 165 / 20%) 0px 8px 24px",
+                marginRight: "7px",
+                borderStyle: "solid",
+            } })),
+        React.createElement("div", null, ((_a = props.value) === null || _a === void 0 ? void 0 : _a.toString()) || props.placeholder || "No Color Selected")));
+};
+export default ColorInput;
+//# sourceMappingURL=ColorViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/ColorViewer/ColorViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAU/D,MAAM,UAAU,GAAsC,CACpD,KAAqB,EACP,EAAE;;IAChB,OAAO,CACL,6BACE,SAAS,EAAE,QAAQ,KAAK,CAAC,SAAS,EAAE,EACpC,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QACnC,CAAC,iBACY,KAAK,CAAC,UAAU;QAE5B,KAAK,CAAC,KAAK,IAAI,CACd,6BACE,KAAK,EAAE;gBACL,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACvC,MAAM,EAAE,MAAM;gBACd,WAAW,EAAE,KAAK;gBAClB,WAAW,EAAE,OAAO,CAAC,QAAQ,EAAE;gBAC/B,KAAK,EAAE,MAAM;gBACb,YAAY,EAAE,OAAO;gBACrB,SAAS,EAAE,qCAAqC;gBAChD,WAAW,EAAE,KAAK;gBAClB,WAAW,EAAE,OAAO;aACrB,GACI,CACR;QACD,iCACG,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,QAAQ,EAAE,KAAI,KAAK,CAAC,WAAW,IAAI,mBAAmB,CAChE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,8 @@
+import EmptyState from "../EmptyState/EmptyState";
+import IconProp from "Common/Types/Icon/IconProp";
+import React from "react";
+const ComingSoon = () => {
+    return (React.createElement(EmptyState, { id: "coming-soon", icon: IconProp.CursorArrowRays, title: "Coming soon!", description: "We will be launching this feature very soon. Stay Tuned!" }));
+};
+export default ComingSoon;
+//# sourceMappingURL=ComingSoon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComingSoon.js","sourceRoot":"","sources":["../../../../../UI/Components/ComingSoon/ComingSoon.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,MAAM,UAAU,GAAsB,GAAiB,EAAE;IACvD,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAC,aAAa,EAChB,IAAI,EAAE,QAAQ,CAAC,eAAe,EAC9B,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,0DAA0D,GACtE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/dist/UI/Components/ComponentLoader/CompactLoader.js

@@ -0,0 +1,9 @@
+import Loader, { LoaderType } from "../Loader/Loader";
+import { VeryLightGray } from "Common/Types/BrandColors";
+import React from "react";
+const CompactLoader = () => {
+    return (React.createElement("div", { className: "my-5 w-full flex justify-center" },
+        React.createElement(Loader, { loaderType: LoaderType.Bar, color: VeryLightGray, size: 200 })));
+};
+export default CompactLoader;
+//# sourceMappingURL=CompactLoader.js.map

package/build/dist/UI/Components/ComponentLoader/CompactLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactLoader.js","sourceRoot":"","sources":["../../../../../UI/Components/ComponentLoader/CompactLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,MAAM,aAAa,GAAsB,GAAiB,EAAE;IAC1D,OAAO,CACL,6BAAK,SAAS,EAAC,iCAAiC;QAC9C,oBAAC,MAAM,IAAC,UAAU,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,GAAI,CACnE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}