@dataloop-ai/components 0.14.6 → 0.15.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.14.6",
+  "version": "0.15.3",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/assets/globals.scss

@@ -217,9 +217,9 @@ body {
     --dl-color-lighter: #ffffff66;
     --dl-color-hover: #AEB9FF;
     --dl-color-disabled: #ffffff40;
-    --dl-color-fill: #ffffff40;
-    --dl-color-fill-secondary: #F8F8F8;
-    --dl-color-fill-hover: #ffffff26;
+    --dl-color-fill: #ffffff0D;
+    --dl-color-fill-secondary: #F8F8F81A;
+    --dl-color-fill-hover: #ffffff1A;
     --dl-color-separator: #ffffff26;
     --dl-color-body-background: #24282D;
     --dl-color-panel-background: #30363D;
@@ -233,8 +233,8 @@ body {
     --dl-color-positive-background: #3A644E;
     --dl-color-info-background: #2F3C4B;
     --dl-color-icon-default: #ffffffbf;
-    --dl-color-fill-secondary: #FFFFFF %10;
-    --dl-color-fill-third: #9E9E9E %10;
+    --dl-color-fill-secondary: #FFFFFF1A;
+    --dl-color-fill-third: #9E9E9E1A;
     --dl-color-link: #53B2E8;
     --dl-color-info: #92CDF2;
     --dl-color-cell-background: #FFFAE2;

package/src/components/DlCounters.vue

@@ -88,7 +88,10 @@ export default defineComponent({
             return value[0].toUpperCase() + value.slice(1)
         },
         abbreviateNumber(nr: number) {
-            if (nr) return abbreviateToString(nr)
+            if (typeof nr === 'number') {
+                return abbreviateToString(nr)
+            }
+            return nr
         },
         computeClass(value: string): (string | boolean)[] {
             return [value, this.small && `${value}--small`]

package/src/components/DlRadio.vue

@@ -78,8 +78,8 @@ export default defineComponent({
         id: { type: [String, Number], default: null },
         label: { type: String, default: null },
         padding: { type: String, default: '5px' },
-        modelValue: { type: [String, Number], required: true },
-        value: { type: [String, Number], required: true },
+        modelValue: { type: [String, Number, Boolean], required: true },
+        value: { type: [String, Number, Boolean], required: true },
         tabindex: { type: String, default: '0' },
         subLabel: { type: String, default: '' },
         subLabelSize: { type: String, default: '10px' }

package/src/utils/abbreviate-to-string.ts

@@ -1,14 +1,23 @@
-export function abbreviateToString(value: number): string {
-    const suffixes = ['', 'k', 'm', 'b', 't']
-    const suffixNum = Math.floor(('' + value).length / 3)
-    const shortValue = parseFloat(
-        (suffixNum !== 0
-            ? value / Math.pow(1000, suffixNum)
-            : value
-        ).toPrecision(2)
-    )
-    if (shortValue % 1 !== 0) {
-        shortValue.toFixed(1)
+export function abbreviateToString(num: number, precision: number = 1): string {
+    const abbreviations = [
+        { value: 1e12, suffix: 'T' },
+        { value: 1e9, suffix: 'B' },
+        { value: 1e6, suffix: 'M' },
+        { value: 1e3, suffix: 'K' }
+    ]
+
+    const match = abbreviations.find((abb) => num >= abb.value)
+    if (!match) {
+        return num.toString()
+    }
+
+    const abbreviated = (num / match.value).toFixed(precision)
+    const formatted = Number(abbreviated).toString()
+    const suffix = match.suffix
+
+    if (formatted.includes('.')) {
+        return formatted.replace(/\.?0*$/, '') + suffix
+    } else {
+        return formatted + suffix
     }
-    return shortValue + suffixes[suffixNum]
 }