@winchsa/ui 0.1.60 → 0.1.62

package/dist/components/cards/AppCardActions.d.vue.ts

@@ -15,12 +15,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_76) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    collapsed: (isContentCollapsed: boolean) => any;
     refresh: (hideOverlay: () => void) => any;
+    collapsed: (isContentCollapsed: boolean) => any;
     trash: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
     onRefresh?: ((hideOverlay: () => void) => any) | undefined;
+    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
     onTrash?: (() => any) | undefined;
 }>, {
     title: string;

package/dist/components/cards/AppCardActions.vue.d.ts

@@ -15,12 +15,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_76) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    collapsed: (isContentCollapsed: boolean) => any;
     refresh: (hideOverlay: () => void) => any;
+    collapsed: (isContentCollapsed: boolean) => any;
     trash: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
     onRefresh?: ((hideOverlay: () => void) => any) | undefined;
+    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
     onTrash?: (() => any) | undefined;
 }>, {
     title: string;

package/dist/components/forms/AutocompleteInput.d.vue.ts

@@ -80,8 +80,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:model-value"?: ((value: unknown) => any) | undefined;
 }>, {
     isLoading: boolean;
-    hideDetails: boolean;
     clearable: boolean;
+    hideDetails: boolean;
     hideSelected: boolean;
     querySearchParam: string;
     descriptionKey: string;

package/dist/components/forms/AutocompleteInput.vue

@@ -213,7 +213,7 @@ watch([() => props.trackByValue, defaultOptions], async ([trackByValue, _default
   }
   const optionsToSelect = loadedValues.map((value2) => items.find((item) => item?.[props.trackBy] == value2)).filter(Boolean);
   if (optionsToSelect.length > 0) {
-    emits("update:model-value", optionsToSelect);
+    emits("update:model-value", props.multiple ? optionsToSelect : optionsToSelect[0]);
   }
 }, { immediate: true });
 watch(() => props.errorMessages, (newErrorMessages) => {

package/dist/components/forms/AutocompleteInput.vue.d.ts

@@ -80,8 +80,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:model-value"?: ((value: unknown) => any) | undefined;
 }>, {
     isLoading: boolean;
-    hideDetails: boolean;
     clearable: boolean;
+    hideDetails: boolean;
     hideSelected: boolean;
     querySearchParam: string;
     descriptionKey: string;

package/dist/components/forms/LicensePlateInput.d.vue.ts

@@ -17,7 +17,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[] | null) => any) | undefined;
 }>, {
-    validateOn: "input" | "submit" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy" | "blur";
+    validateOn: "input" | "submit" | "blur" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/forms/LicensePlateInput.vue.d.ts

@@ -17,7 +17,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[] | null) => any) | undefined;
 }>, {
-    validateOn: "input" | "submit" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy" | "blur";
+    validateOn: "input" | "submit" | "blur" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/forms/ManualDate.d.vue.ts

@@ -16,7 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:model-value"?: ((value: string) => any) | undefined;
 }>, {
-    validateOn: "input" | "submit" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy" | "blur";
+    validateOn: "input" | "submit" | "blur" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy";
     customId: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/forms/ManualDate.vue.d.ts

@@ -16,7 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:model-value"?: ((value: string) => any) | undefined;
 }>, {
-    validateOn: "input" | "submit" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy" | "blur";
+    validateOn: "input" | "submit" | "blur" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy";
     customId: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/utils/formatters.d.ts

@@ -8,5 +8,5 @@ export declare const extractDate: (dateString: string | Date | null, format?: st
     month: string;
     year: string;
 } | null;
-export declare const formatNumber: (number: number | undefined | string, withCurrency?: boolean) => string;
+export declare const formatNumber: (number?: number | string | null, withCurrency?: boolean) => string;
 export declare const formatNumberColor: (number: number | string | undefined) => string;

package/dist/utils/formatters.js

@@ -47,27 +47,24 @@ const extractDate = (dateString, format = "DD/MM/YYYY", hasTime = true) => {
   };
 };
 exports.extractDate = extractDate;
+const RIYAL_SYMBOL = String.fromCharCode(59392);
+const NO_BREAK_SPACE = String.fromCharCode(160);
+const LEFT_TO_RIGHT_ISOLATE = String.fromCharCode(8294);
+const POP_DIRECTIONAL_ISOLATE = String.fromCharCode(8297);
 const formatNumber = (number, withCurrency = false) => {
-  const locale = localStorage.getItem("winch-lang") ?? "ar";
-  const currency = withCurrency ? String.fromCharCode(59392) : "";
-  if (number === void 0 || number === null || number === "" || number === 0) {
-    return locale !== "ar" ? `${currency} 0` : `0 ${currency}`;
-  }
-  if (typeof number === "string") {
-    number = parseFloat(number);
-  }
-  const needsTwoDecimalPlaces = number % 1 !== 0;
-  const options = {
-    minimumFractionDigits: needsTwoDecimalPlaces ? 2 : 0,
-    maximumFractionDigits: needsTwoDecimalPlaces ? 2 : 0
-  };
-  const formatted = Math.abs(number).toLocaleString("en-US", options);
-  return locale !== "ar" ? `${currency} ${number < 0 ? `${formatted}-` : formatted}` : `${number < 0 ? `-${formatted}` : formatted} ${currency}`;
+  const value = Number(number || 0);
+  const absolute = Math.abs(value).toLocaleString("en-US", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).replace(/\.00$/, "");
+  const formatted = value < 0 && absolute !== "0" ? `-${absolute}` : absolute;
+  const amount = withCurrency ? `${RIYAL_SYMBOL}${NO_BREAK_SPACE}${formatted}` : formatted;
+  return `${LEFT_TO_RIGHT_ISOLATE}${amount}${POP_DIRECTIONAL_ISOLATE}`;
 };
 exports.formatNumber = formatNumber;
 const formatNumberColor = number => {
   const parsedNumber = typeof number === "string" ? parseFloat(number) : number;
-  if (parsedNumber === void 0 || parsedNumber === null || parsedNumber === 0 || isNaN(parsedNumber)) {
+  if (parsedNumber === void 0 || parsedNumber === null || isNaN(parsedNumber) || Math.abs(parsedNumber) < 0.01) {
     return "";
   }
   return parsedNumber > 0 ? "success" : "red";

package/dist/utils/formatters.mjs

@@ -29,26 +29,20 @@ export const extractDate = (dateString, format = "DD/MM/YYYY", hasTime = true) =
   const [, day, month, year] = match;
   return { day, month, year };
 };
+const RIYAL_SYMBOL = String.fromCharCode(59392);
+const NO_BREAK_SPACE = String.fromCharCode(160);
+const LEFT_TO_RIGHT_ISOLATE = String.fromCharCode(8294);
+const POP_DIRECTIONAL_ISOLATE = String.fromCharCode(8297);
 export const formatNumber = (number, withCurrency = false) => {
-  const locale = localStorage.getItem("winch-lang") ?? "ar";
-  const currency = withCurrency ? String.fromCharCode(59392) : "";
-  if (number === void 0 || number === null || number === "" || number === 0) {
-    return locale !== "ar" ? `${currency} 0` : `0 ${currency}`;
-  }
-  if (typeof number === "string") {
-    number = parseFloat(number);
-  }
-  const needsTwoDecimalPlaces = number % 1 !== 0;
-  const options = {
-    minimumFractionDigits: needsTwoDecimalPlaces ? 2 : 0,
-    maximumFractionDigits: needsTwoDecimalPlaces ? 2 : 0
-  };
-  const formatted = Math.abs(number).toLocaleString("en-US", options);
-  return locale !== "ar" ? `${currency} ${number < 0 ? `${formatted}-` : formatted}` : `${number < 0 ? `-${formatted}` : formatted} ${currency}`;
+  const value = Number(number || 0);
+  const absolute = Math.abs(value).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }).replace(/\.00$/, "");
+  const formatted = value < 0 && absolute !== "0" ? `-${absolute}` : absolute;
+  const amount = withCurrency ? `${RIYAL_SYMBOL}${NO_BREAK_SPACE}${formatted}` : formatted;
+  return `${LEFT_TO_RIGHT_ISOLATE}${amount}${POP_DIRECTIONAL_ISOLATE}`;
 };
 export const formatNumberColor = (number) => {
   const parsedNumber = typeof number === "string" ? parseFloat(number) : number;
-  if (parsedNumber === void 0 || parsedNumber === null || parsedNumber === 0 || isNaN(parsedNumber)) {
+  if (parsedNumber === void 0 || parsedNumber === null || isNaN(parsedNumber) || Math.abs(parsedNumber) < 0.01) {
     return "";
   }
   return parsedNumber > 0 ? "success" : "red";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@winchsa/ui",
-  "version": "0.1.60",
+  "version": "0.1.62",
   "type": "module",
   "private": false,
   "publishConfig": {