revdev-components 0.248.0 → 0.251.0

package/build/badges/levelLetter/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { LevelGen } from "src/interfaces";
+export interface LevelLetterBadgeProps {
+    value: LevelGen | LevelGen[] | string;
+    className?: string;
+    activeCode?: string;
+    title?: (param: LevelGen) => string;
+}
+export declare const LevelLetterBadge: React.FC<LevelLetterBadgeProps>;

package/build/index.js

@@ -6082,13 +6082,13 @@ var s$4 = {"root":"index-module_root__W7fFh","bar":"index-module_bar__V-ymE","ba
 var LevelBadge = function (_a) {
     var levels = _a.levels, className = _a.className, texts = _a.texts, children = _a.children, activeCode = _a.activeCode;
     var bars = React.useMemo(function () {
-        var maxRate = Math.max.apply(Math, levels.map(function (x) { return x.rate; }));
-        return levels.map(function (x) { return [x.code.toUpperCase(), x.rate, x.rate / maxRate]; });
+        var maxRate = Math.max.apply(Math, levels.map(function (x) { return x.rate || 0; }));
+        return levels.map(function (x) { return [x.code.toUpperCase(), x.rate || 0, (x.rate || 0) / maxRate]; });
     }, [levels]);
     var interText = React.useMemo(function () {
         var _a;
         return {
-            refersTo: (_a = texts === null || texts === void 0 ? void 0 : texts.refersTo) !== null && _a !== void 0 ? _a : (function (level) { return "Level ".concat(level.code, " at ").concat(numeral(level.rate).format("0%")); }),
+            refersTo: (_a = texts === null || texts === void 0 ? void 0 : texts.refersTo) !== null && _a !== void 0 ? _a : (function (level) { return "Level ".concat(level.code, " at ").concat(numeral(level.rate || 0).format("0%")); }),
         };
     }, [texts]);
     if (bars.length === 0) {
@@ -6112,13 +6112,13 @@ var s$3 = {"root":"index-module_root__rwG0M","level":"index-module_level__CNNnB"
 var LevelBarBadge = function (_a) {
     var levels = _a.levels, className = _a.className, texts = _a.texts, children = _a.children;
     var bars = React.useMemo(function () {
-        var maxRate = Math.max.apply(Math, levels.map(function (x) { return x.rate; }));
-        return levels.map(function (x) { return [x.code.toUpperCase(), x.rate, x.rate / maxRate]; });
+        var maxRate = Math.max.apply(Math, levels.map(function (x) { return x.rate || 0; }));
+        return levels.map(function (x) { return [x.code.toUpperCase(), x.rate || 0, (x.rate || 0) / maxRate]; });
     }, [levels]);
     var interText = React.useMemo(function () {
         var _a;
         return {
-            refersTo: (_a = texts === null || texts === void 0 ? void 0 : texts.refersTo) !== null && _a !== void 0 ? _a : (function (level) { return "Level ".concat(level.code, " at ").concat(numeral(level.rate).format("0%")); }),
+            refersTo: (_a = texts === null || texts === void 0 ? void 0 : texts.refersTo) !== null && _a !== void 0 ? _a : (function (level) { return "Level ".concat(level.code, " at ").concat(numeral(level.rate || 0).format("0%")); }),
         };
     }, [texts]);
     if (bars.length === 0) {

package/build/interfaces/level.d.ts

@@ -1,4 +1,4 @@
 export interface LevelGen {
     code: string;
-    rate: number;
+    rate?: number;
 }

package/build/styles.css

@@ -40,6 +40,9 @@
   --levelBadgeRateColor: #555;
   --levelBarBadgeBarColor: var(--passiveColor);
   --levelBarBadgeBackgroundColor: rgb(15, 23, 42, 5.5%);
+  --levelLetterBadgeActiveBackgroundColor: rgb(15, 23, 42, 14%);
+  --levelLetterBadgeActiveTextColor: var(--color);
+  --levelLetterBadgeActiveBorderColor: color-mix(in srgb, var(--borderColor) 35%, var(--color));
   --rowContentFontSize: 14px;
   --rowContentTitleFontSize: 20px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revdev-components",
-  "version": "0.248.0",
+  "version": "0.251.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {