@dative-gpi/foundation-shared-services 1.1.24-widget-2 → 1.1.25

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,63 @@
+import { computed, toValue, type MaybeRefOrGetter } from "vue";
+import { SI_PREFIXES, DECADES_PER_PREFIX, NO_VALUE, SMALLEST_PREFIX_EXPONENT } from "@dative-gpi/foundation-shared-services/config";
+import { type FormattedQuantity } from "@dative-gpi/foundation-shared-domain/models";
+
+import { useAppLanguageCode } from "./app";
+
+export const useUnitFormat = (precision?: MaybeRefOrGetter<number | undefined>) => {
+  const { languageCode } = useAppLanguageCode();
+
+  const numberFormatter = computed(() => {
+    const decimals = toValue(precision);
+    const locale = languageCode.value ?? "fr-FR";
+
+    return new Intl.NumberFormat(locale, {
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals,
+    });
+  });
+
+  const format = (rawValue: MaybeRefOrGetter<number>, baseUnit: MaybeRefOrGetter<string>): FormattedQuantity => {
+
+    const quantityWithPrefix = computed(() => {
+      const numericValue = toValue(rawValue);
+      if (!Number.isFinite(numericValue)) {
+        return null;
+      }
+      const valueExponent = numericValue === 0 ? 0 : Math.floor(Math.log10(Math.abs(numericValue)));
+
+      const prefixExponent = Math.floor(valueExponent / DECADES_PER_PREFIX) * DECADES_PER_PREFIX;
+
+      const prefixIndex = (prefixExponent - SMALLEST_PREFIX_EXPONENT) / DECADES_PER_PREFIX;
+
+      const clampedPrefixIndex = Math.max(0, Math.min(prefixIndex, SI_PREFIXES.length - 1));
+
+      const prefix = SI_PREFIXES[clampedPrefixIndex];
+
+      return {
+        scaledValue: numericValue / prefix.factor,
+        unitSymbol: `${prefix.prefix}${toValue(baseUnit)}`,
+      };
+    });
+
+    const formattedValue = computed(() => {
+      if (quantityWithPrefix.value === null) {
+        return NO_VALUE;
+      }
+
+      return numberFormatter.value.format(quantityWithPrefix.value.scaledValue);
+    });
+
+    const unit = computed(() => quantityWithPrefix.value?.unitSymbol ?? "");
+
+    const formattedText = computed(() =>
+      quantityWithPrefix.value === null
+        ? NO_VALUE
+        : `${formattedValue.value} ${unit.value}`
+    );
+
+    return { formattedValue, unit, formattedText };
+  };
+
+  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,19 @@
+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 },
+];
+
+export const NO_VALUE = "-";
+
+export const DECADES_PER_PREFIX = 3;
+export const SMALLEST_PREFIX_EXPONENT = Math.round(Math.log10(SI_PREFIXES[0].factor));
+export const BASE_PREFIX_INDEX = -SMALLEST_PREFIX_EXPONENT / DECADES_PER_PREFIX;

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://github.com/Dative-GPI/foundation-shared-ui.git"
   },
   "sideEffects": false,
-  "version": "1.1.24-widget-2",
+  "version": "1.1.25",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -13,7 +13,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.1.24-widget-2",
+    "@dative-gpi/foundation-shared-domain": "1.1.25",
     "@vueuse/core": "^14.0.0"
   },
   "peerDependencies": {
@@ -22,5 +22,5 @@
     "vue": "3.5.26",
     "vue-router": "^4.3.0"
   },
-  "gitHead": "e3b64258974077d06ddad77bc4133e4e5aa08c31"
+  "gitHead": "446431fe0419f110f86f25393e424eee6f859cde"
 }