@oneuptime/common 8.0.5571 → 8.0.5572

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

@@ -2,9 +2,7 @@ import Analytics from "../../Utils/Analytics";
 import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
 import ErrorMessage from "../ErrorMessage/ErrorMessage";
 import PageLoader from "../Loader/PageLoader";
-import Pill from "../Pill/Pill";
-import Color from "../../../Types/Color";
-import { Black } from "../../../Types/BrandColors";
+import LabelElement from "../Label/Label";
 import React, { useEffect } from "react";
 const Page = (props) => {
     useEffect(() => {
@@ -39,19 +37,10 @@ const Page = (props) => {
                         })
                             .map((label, index) => {
                             var _a;
-                            const resolveColor = (() => {
-                                if (!label.color) {
-                                    return Black;
-                                }
-                                if (typeof label.color === "string") {
-                                    return Color.fromString(label.color);
-                                }
-                                return label.color;
-                            })();
-                            return (React.createElement(Pill, { key: ((_a = label.id) === null || _a === void 0 ? void 0 : _a.toString()) ||
+                            return (React.createElement(LabelElement, { key: ((_a = label.id) === null || _a === void 0 ? void 0 : _a.toString()) ||
                                     label._id ||
                                     label.slug ||
-                                    `${label.name || "label"}-${index}`, color: resolveColor, text: label.name || label.slug || "Label", isMinimal: false }));
+                                    `${label.name || "label"}-${index}`, label: label }));
                         }))))))))),
         props.sideMenu && (React.createElement("main", { className: "mx-auto max-w-full pb-10" },
             React.createElement("div", { className: "lg:grid lg:grid-cols-12 lg:gap-x-5" },

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

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

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

@@ -1,5 +1,6 @@
 import { Black } from "../../../Types/BrandColors";
 import Color from "../../../Types/Color";
+import Icon, { SizeProp, ThickProp } from "../Icon/Icon";
 import React from "react";
 import Tooltip from "../Tooltip/Tooltip";
 export var PillSize;
@@ -23,16 +24,15 @@ const Pill = (props) => {
     }
     const getPillElement = () => {
         var _a, _b;
-        return (React.createElement("span", { "data-testid": "pill", className: "rounded-full p-1 pl-3 pr-3", style: Object.assign({ 
+        return (React.createElement("span", { "data-testid": "pill", className: "inline-flex items-center 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: ((_a = props.style) === null || _a === void 0 ? void 0 : _a.color) || Color.shouldUseDarkText(props.color || Black)
                     ? "#000000"
                     : "#ffffff", backgroundColor: ((_b = props.style) === null || _b === void 0 ? void 0 : _b.backgroundColor) || props.color
                     ? props.color.toString()
                     : Black.toString(), fontSize: props.size ? props.size.toString() : PillSize.Normal }, props.style) },
-            " ",
-            props.text,
-            " "));
+            props.icon ? (React.createElement(Icon, { icon: props.icon, size: SizeProp.Small, thick: ThickProp.Thick, className: "mr-2" })) : null,
+            props.text));
     };
     if (props.tooltip) {
         return React.createElement(Tooltip, { text: props.tooltip }, getPillElement());

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

@@ -1 +1 @@
-{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../../../../UI/Components/Pill/Pill.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAGzC,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;AAWD,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;IAED,MAAM,cAAc,GAA4B,GAAiB,EAAE;;QACjE,OAAO,CACL,6CACc,MAAM,EAClB,SAAS,EAAC,4BAA4B,EACtC,KAAK;gBACH,uHAAuH;gBAEvH,KAAK,EACH,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,KAAI,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC;oBACjE,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,SAAS,EACf,eAAe,EACb,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,eAAe,KAAI,KAAK,CAAC,KAAK;oBACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;oBACxB,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;YAGf,GAAG;YACH,KAAK,CAAC,IAAI;YAAE,GAAG,CACX,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,oBAAC,OAAO,IAAC,IAAI,EAAE,KAAK,CAAC,OAAO,IAAG,cAAc,EAAE,CAAW,CAAC;IACpE,CAAC;IAED,OAAO,cAAc,EAAE,CAAC;AAC1B,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../../../../UI/Components/Pill/Pill.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,IAAI,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAGzC,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;AAYD,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;IAED,MAAM,cAAc,GAA4B,GAAiB,EAAE;;QACjE,OAAO,CACL,6CACc,MAAM,EAClB,SAAS,EAAC,qDAAqD,EAC/D,KAAK;gBACH,uHAAuH;gBAEvH,KAAK,EACH,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,KAAI,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC;oBACjE,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,SAAS,EACf,eAAe,EACb,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,eAAe,KAAI,KAAK,CAAC,KAAK;oBACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;oBACxB,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;YAGf,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,oBAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,SAAS,EAAC,MAAM,GAChB,CACH,CAAC,CAAC,CAAC,IAAI;YACP,KAAK,CAAC,IAAI,CACN,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,oBAAC,OAAO,IAAC,IAAI,EAAE,KAAK,CAAC,OAAO,IAAG,cAAc,EAAE,CAAW,CAAC;IACpE,CAAC;IAED,OAAO,cAAc,EAAE,CAAC;AAC1B,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/dist/UI/Utils/Dropdown.js

@@ -28,10 +28,20 @@ export default class DropdownUtil {
     }
     static getDropdownOptionsFromEntityArray(data) {
         return data.array.map((item) => {
-            return {
+            const option = {
                 label: item.getColumnValue(data.labelField),
                 value: item.getColumnValue(data.valueField),
             };
+            const colorColumnName = typeof item.getFirstColorColumn === "function"
+                ? item.getFirstColorColumn()
+                : null;
+            if (colorColumnName) {
+                const color = item.getColumnValue(colorColumnName);
+                if (color) {
+                    option.color = color;
+                }
+            }
+            return option;
         });
     }
     static getDropdownOptionsFromArray(arr) {

package/build/dist/UI/Utils/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../UI/Utils/Dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAM5C,MAAM,CAAC,OAAO,OAAO,YAAY;IACxB,MAAM,CAAC,0BAA0B,CACtC,GAAY,EACZ,gBAAyB,KAAK;QAE9B,MAAM,eAAe,GAA0B,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;aAC5D,GAAG,CAAC,CAAC,GAAoB,EAAE,EAAE;YAC5B,mGAAmG;YACnG,IAAI,UAAU,CAAC,sBAAsB,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC3C,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO;gBACL,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAE,GAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;gBACzD,KAAK,EAAE,UAAU,CAAC,sBAAsB,CAAE,GAAW,CAAC,GAAG,CAAC,CAAC;oBACzD,CAAC,CAAC,UAAU,CAAC,eAAe,CAAE,GAAW,CAAC,GAAG,CAAC,CAAC;oBAC/C,CAAC,CAAE,GAAW,CAAC,GAAG,CAAC;aACtB,CAAC;QACJ,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,MAA6B,EAAE,EAAE;YACxC,OAAO,MAAM,KAAK,IAAI,CAAC;QACzB,CAAC,CAA0B,CAAC;QAE9B,OAAO,eAAe,CAAC;IACzB,CAAC;IAEM,MAAM,CAAC,iCAAiC,CAC7C,UAAmB,EACnB,KAAa;QAEb,MAAM,OAAO,GACX,YAAY,CAAC,0BAA0B,CAAC,UAAU,CAAC,CAAC;QACtD,MAAM,MAAM,GAA+B,OAAO,CAAC,IAAI,CACrD,CAAC,MAAsB,EAAE,EAAE;YACzB,OAAO,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;QAChC,CAAC,CACF,CAAC;QACF,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,MAAM,CAAC,iCAAiC,CAE7C,IAID;QACC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAgB,EAAE,EAAE;YACzC,OAAO;gBACL,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAW;gBACrD,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAW;aACtD,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,CAAC,2BAA2B,CACvC,GAAkB;QAElB,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE;YAC9B,OAAO;gBACL,KAAK,EAAE,IAAI;gBACX,KAAK,EAAE,IAAI;aACZ,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../UI/Utils/Dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAO5C,MAAM,CAAC,OAAO,OAAO,YAAY;IACxB,MAAM,CAAC,0BAA0B,CACtC,GAAY,EACZ,gBAAyB,KAAK;QAE9B,MAAM,eAAe,GAA0B,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;aAC5D,GAAG,CAAC,CAAC,GAAoB,EAAE,EAAE;YAC5B,mGAAmG;YACnG,IAAI,UAAU,CAAC,sBAAsB,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC3C,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO;gBACL,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAE,GAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;gBACzD,KAAK,EAAE,UAAU,CAAC,sBAAsB,CAAE,GAAW,CAAC,GAAG,CAAC,CAAC;oBACzD,CAAC,CAAC,UAAU,CAAC,eAAe,CAAE,GAAW,CAAC,GAAG,CAAC,CAAC;oBAC/C,CAAC,CAAE,GAAW,CAAC,GAAG,CAAC;aACtB,CAAC;QACJ,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,MAA6B,EAAE,EAAE;YACxC,OAAO,MAAM,KAAK,IAAI,CAAC;QACzB,CAAC,CAA0B,CAAC;QAE9B,OAAO,eAAe,CAAC;IACzB,CAAC;IAEM,MAAM,CAAC,iCAAiC,CAC7C,UAAmB,EACnB,KAAa;QAEb,MAAM,OAAO,GACX,YAAY,CAAC,0BAA0B,CAAC,UAAU,CAAC,CAAC;QACtD,MAAM,MAAM,GAA+B,OAAO,CAAC,IAAI,CACrD,CAAC,MAAsB,EAAE,EAAE;YACzB,OAAO,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;QAChC,CAAC,CACF,CAAC;QACF,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,MAAM,CAAC,iCAAiC,CAE7C,IAID;QACC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAgB,EAAE,EAAE;YACzC,MAAM,MAAM,GAAmB;gBAC7B,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAW;gBACrD,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAW;aACtD,CAAC;YAEF,MAAM,eAAe,GACnB,OAAO,IAAI,CAAC,mBAAmB,KAAK,UAAU;gBAC5C,CAAC,CAAC,IAAI,CAAC,mBAAmB,EAAE;gBAC5B,CAAC,CAAC,IAAI,CAAC;YAEX,IAAI,eAAe,EAAE,CAAC;gBACpB,MAAM,KAAK,GAAiB,IAAI,CAAC,cAAc,CAC7C,eAAe,CACA,CAAC;gBAElB,IAAI,KAAK,EAAE,CAAC;oBACV,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;gBACvB,CAAC;YACH,CAAC;YAED,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,CAAC,2BAA2B,CACvC,GAAkB;QAElB,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE;YAC9B,OAAO;gBACL,KAAK,EAAE,IAAI;gBACX,KAAK,EAAE,IAAI;aACZ,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@oneuptime/common",
-    "version": "8.0.5571",
+    "version": "8.0.5572",
     "description": "",
     "main": "index.js",
     "scripts": {