@dexteel/mesf-core 4.4.2 → 4.4.3

package/dist/index.esm.js

@@ -7929,11 +7929,25 @@ var CustomOptionsComponent = function (_a) {
 var css$1 = "/* ContextMenu.css */\n.context-menu {\n    position: absolute;\n    z-index: 1000;\n    background-color: #fff;\n    border: 1px solid #ddd;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n    .context-menu ul {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n\n    .context-menu li {\n        padding: 8px 15px;\n        cursor: pointer;\n        border-bottom: 1px solid #eee;\n        background-color: #fff;\n        color: #333;\n        font-size: 14px;\n    }\n\n        .context-menu li:hover {\n            background-color: #f5f5f5;\n        }\n\n\n";
 n(css$1,{});
 
+var tagColors = [
+    '#2E4053',
+    '#5D6D7E',
+    '#85929E',
+    '#A93226',
+    '#CD6155',
+    '#2ECC71',
+    '#58D68D',
+    '#239B56',
+    '#7D3C98',
+    '#C39BD3' // Lavanda
+];
+
 var TagSelectionModal = function (_a) {
     var isOpen = _a.isOpen; _a.onClose; var onTagSelect = _a.onTagSelect;
     var _b = useState(true), isLoading = _b[0], setIsLoading = _b[1];
     var _c = useState([]), treeData = _c[0], setTreeData = _c[1];
     var _d = useState([]), expanded = _d[0], setExpanded = _d[1];
+    var currentColorIndex = useRef(0);
     useEffect(function () {
         var loadData = function () { return __awaiter(void 0, void 0, void 0, function () {
             var children;
@@ -7954,6 +7968,11 @@ var TagSelectionModal = function (_a) {
         }); };
         loadData();
     }, [isOpen]);
+    var getColor = function () {
+        var color = tagColors[currentColorIndex.current];
+        currentColorIndex.current = (currentColorIndex.current + 1) % tagColors.length;
+        return color;
+    };
     var fetchChildren = function (tagName, depth, maxDepth) {
         if (depth === void 0) { depth = 0; }
         if (maxDepth === void 0) { maxDepth = 3; }
@@ -7991,7 +8010,7 @@ var TagSelectionModal = function (_a) {
                                                         tagId: dbTag.tagId,
                                                         tagName: dbTag.tagName,
                                                         tagType: dbTag.tagType,
-                                                        color: '#FF0000',
+                                                        color: getColor(),
                                                         autoScale: true,
                                                         minScale: null,
                                                         maxScale: null,
@@ -8493,7 +8512,7 @@ var Trending = function (_a) {
         return React__default.createElement("p", null,
             "Error: ",
             error);
-    return (React__default.createElement(Grid$1, { container: true, style: { width: '95svw', height: '84svh', margin: 0 } },
+    return (React__default.createElement(Grid$1, { container: true, style: { width: '95svw', height: '81svh', margin: 0 } },
         React__default.createElement(Grid$1, { item: true, xs: 12, style: { height: '15%' } },
             React__default.createElement(Grid$1, { container: true, justify: "space-between", alignItems: "center", style: { height: '100%' } },
                 React__default.createElement(Grid$1, { item: true, xs: 3 },

package/dist/pages/trendings/components/chart/utils/tagColors.d.ts

@@ -0,0 +1 @@
+export declare const tagColors: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexteel/mesf-core",
-  "version": "4.4.2",
+  "version": "4.4.3",
   "author": "Dexteel Team",
   "module": "dist/index.esm.js",
   "typings": "dist/index.d.ts",