@quandis/qbo4.ui 4.0.1-CI-20241115-180638 → 4.0.1-CI-20241118-185949

package/package.json

@@ -3,7 +3,7 @@
   "author": "Quandis, Inc.",
   "license": "MIT",
   "type": "module",
-  "version": "4.0.1-CI-20241115-180638",
+  "version": "4.0.1-CI-20241118-185949",
   "workspaces": [
     "code"
   ],
@@ -47,7 +47,7 @@
     "autoprefixer": "^10.4.20",
     "clean-css": "^5.3.3",
     "copy-webpack-plugin": "^12.0.2",
-    "eslint": "^9.14.0",
+    "eslint": "^9.15.0",
     "glob": "^11.0.0",
     "html-webpack-plugin": "^5.6.3",
     "mini-css-extract-plugin": "^2.9.2",

package/scss/qbo.scss

@@ -170,6 +170,10 @@
     overflow: auto;
 }
 
+.qbo-card-bottom {
+    margin-bottom: .5em;
+}
+
 .qbo-card-left {
     margin-left: .5em;
 }
@@ -178,6 +182,10 @@
     margin-right: .5em;
 }
 
+.qbo-card-top {
+    margin-top: .5em;
+}
+
 svg {
     height: 1rem;
     width: 1rem;
@@ -640,6 +648,7 @@ div.qbo-row-subsequent {
 h3.title {
     margin-block-end: 0;
     margin-block-start: .5em;
+    margin-bottom: .5em;
     margin-left: .5em;
 }
 

package/src/qbo/Program.d.ts

@@ -43,3 +43,5 @@ export declare function matches(source: any, match: any, wildCard?: string, igno
 export declare function elementData(element: HTMLElement): Record<string, string>;
 export declare function elementDate(date: string): string;
 export declare function elementDateTime(date: string): string;
+export declare function elementMoney(amount: string, currency?: string, locale?: string): string;
+export declare function elementPercentage(value: string, decimals?: number, locale?: string): string;

package/src/qbo/Program.js

@@ -54,3 +54,20 @@ export function elementDateTime(date) {
         return '';
     return new Date(date).toLocaleString().replace(',', '');
 }
+export function elementMoney(amount, currency = 'USD', locale = 'en-US') {
+    if (!amount)
+        return '';
+    return new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency,
+    }).format(Number(amount));
+}
+export function elementPercentage(value, decimals = 2, locale = 'en-US') {
+    if (!value)
+        return '';
+    return new Intl.NumberFormat(locale, {
+        style: 'percent',
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+    }).format(Number(value));
+}

package/src/qbo/Program.ts

@@ -72,4 +72,21 @@ export function elementDate(date: string) {
 export function elementDateTime(date: string) {
     if (!date || date.trim() == '') return '';
     return new Date(date).toLocaleString().replace(',', '');
+}
+
+export function elementMoney(amount: string, currency: string = 'USD', locale: string = 'en-US'): string {
+    if (!amount) return '';
+    return new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency,
+    }).format(Number(amount));
+}
+
+export function elementPercentage(value: string, decimals: number = 2, locale: string = 'en-US'): string {
+    if (!value) return '';
+    return new Intl.NumberFormat(locale, {
+        style: 'percent',
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+    }).format(Number(value));
 }

package/src/qbo/RestApiService.js

@@ -19,6 +19,7 @@ export class RestApiService {
         const response = await fetch(endpoint, {
             method: method,
             headers: headers,
+            credentials: 'include',
             body: (method === 'POST' && payload) ? JSON.stringify(payload) : null
         });
         const accept = headers.get("Accept") ?? '';

package/src/qbo/RestApiService.ts

@@ -29,6 +29,7 @@ export class RestApiService implements IApiService {
         const response = await fetch(endpoint, {
             method: method,
             headers: headers,
+            credentials: 'include',
             body: (method === 'POST' && payload) ? JSON.stringify(payload) : null
         });
         const accept = headers.get("Accept") ?? '';