@dative-gpi/foundation-shared-services 1.1.23-fs-chart → 1.1.24-unit-formatter

package/composables/index.ts

@@ -6,4 +6,5 @@ export * from "./useFiles";
 export * from "./useFoundationShared";
 export * from "./useRouting";
 export * from "./useDateExpression";
-export * from "./useTimeDuration";
+export * from "./useTimeDuration";
+export * from "./useUnitFormat";

package/composables/useUnitFormat.ts

@@ -0,0 +1,66 @@
+import { computed, toValue, type ComputedRef, type MaybeRefOrGetter } from "vue";
+import { SI_PREFIXES } from "@dative-gpi/foundation-shared-services/config/units";
+
+import { useAppLanguageCode } from "./app";
+
+const NO_VALUE = "-";
+
+const DECADES_PER_PREFIX = 3;
+const SMALLEST_PREFIX_EXPONENT = Math.round(Math.log10(SI_PREFIXES[0].factor));
+const BASE_PREFIX_INDEX = -SMALLEST_PREFIX_EXPONENT / DECADES_PER_PREFIX;
+
+export interface FormattedQuantity {
+  value: ComputedRef<string>;
+  unit: ComputedRef<string>;
+  formatted: ComputedRef<string>;
+}
+
+export const useUnitFormat = () => {
+  const { languageCode } = useAppLanguageCode();
+
+  const findBestPrefix = (numericValue: number) => {
+    if (numericValue === 0) {
+      return SI_PREFIXES[BASE_PREFIX_INDEX];
+    }
+    const magnitude = Math.floor(Math.log10(Math.abs(numericValue)) / DECADES_PER_PREFIX) * DECADES_PER_PREFIX;
+    const index = Math.floor((magnitude - SMALLEST_PREFIX_EXPONENT) / DECADES_PER_PREFIX);
+    return SI_PREFIXES[Math.max(0, Math.min(index, SI_PREFIXES.length - 1))];
+  };
+
+  const format = (rawValue: MaybeRefOrGetter<number>,baseUnit: MaybeRefOrGetter<string>,precision?: MaybeRefOrGetter<number | undefined>): FormattedQuantity => {
+
+    const prefixed = computed(() => {
+      const numericValue = toValue(rawValue);
+      if (!isFinite(numericValue)) {
+        return null;
+      }
+      const prefix = findBestPrefix(numericValue);
+      return {
+        scaledValue: numericValue / prefix.factor,
+        unitSymbol: `${prefix.prefix}${toValue(baseUnit)}`,
+      };
+    });
+
+    const value = computed(() => {
+      if (prefixed.value === null) {
+        return NO_VALUE;
+      }
+      const decimals = toValue(precision);
+      const locale = languageCode.value ?? "fr-FR";
+      return new Intl.NumberFormat(locale, {
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+      }).format(prefixed.value.scaledValue);
+    });
+
+    const unit = computed(() => prefixed.value?.unitSymbol ?? "");
+
+    const formatted = computed(() =>
+      prefixed.value === null ? NO_VALUE : `${value.value} ${unit.value}`
+    );
+
+    return { value, unit, formatted };
+  };
+
+  return { format };
+};

package/config/index.ts

@@ -1,3 +1,4 @@
 export * from "./literals";
 export * from "./timeDuration";
+export * from "./units";
 export * from "./urls";

package/config/units/index.ts

@@ -0,0 +1 @@
+export * from "./unitPrefixes";

package/config/units/unitPrefixes.ts

@@ -0,0 +1,13 @@
+import { UnitPrefix } from "@dative-gpi/foundation-shared-domain/enums/units";
+
+export const SI_PREFIXES = [
+    { prefix: UnitPrefix.Nano, factor: 1e-9 },
+    { prefix: UnitPrefix.Micro, factor: 1e-6 },
+    { prefix: UnitPrefix.Milli, factor: 1e-3 },
+    { prefix: UnitPrefix.None, factor: 1 },
+    { prefix: UnitPrefix.Kilo, factor: 1e3 },
+    { prefix: UnitPrefix.Mega, factor: 1e6 },
+    { prefix: UnitPrefix.Giga, factor: 1e9 },
+    { prefix: UnitPrefix.Tera, factor: 1e12 },
+    { prefix: UnitPrefix.Peta, factor: 1e15 },
+];

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://github.com/Dative-GPI/foundation-shared-ui.git"
   },
   "sideEffects": false,
-  "version": "1.1.23-fs-chart",
+  "version": "1.1.24-unit-formatter",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -13,14 +13,14 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.1.23-fs-chart",
+    "@dative-gpi/foundation-shared-domain": "1.1.24-unit-formatter",
     "@vueuse/core": "^14.0.0"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
     "@microsoft/signalr": "^8.0.0",
-    "vue": "3.5.26",
+    "vue": "^3.4.38",
     "vue-router": "^4.3.0"
   },
-  "gitHead": "30343150bd0bafec5b69a6de54b425034f3160ff"
+  "gitHead": "ac04fd5da2ebd73bfb31ff6ffc4f5ff54a872e9e"
 }

package/tools/index.ts

@@ -1,3 +1,2 @@
-export * from "./collectionTools";
 export * from "./hubFactory";
 export * from "./translate";

package/tools/collectionTools.ts

@@ -1,18 +0,0 @@
-import { type AddOrUpdateCallback, type AllCallback, type DeleteCallback, type NotifyEvent } from "@dative-gpi/bones-ui";
-
-export const createCollectionHandler = <T>(
-  onCollectionChangedHandler: AllCallback<T>,
-  createElementHandler: (el: any) => T
-) => {
-  return (ev: NotifyEvent, el: any) => {
-    switch (ev) {
-      case "add":
-      case "update":
-        (onCollectionChangedHandler as AddOrUpdateCallback<T>)(ev, createElementHandler(el));
-        break;
-      case "delete":
-        (onCollectionChangedHandler as DeleteCallback)(ev, el);
-        break;
-    }
-  };
-};