@neovici/cosmoz-utils 6.3.0 → 6.5.0

package/dist/hooks/use-stylesheet.d.ts

@@ -0,0 +1 @@
+export declare const useStyleSheet: (css: string) => void;

package/dist/hooks/use-stylesheet.js

@@ -0,0 +1,15 @@
+import { useEffect, useMemo } from '@pionjs/pion';
+import { useHost } from './use-host';
+export const useStyleSheet = (css) => {
+    const host = useHost();
+    const cs = useMemo(() => new CSSStyleSheet(), []);
+    useEffect(() => {
+        host.shadowRoot.adoptedStyleSheets = [
+            ...host.shadowRoot.adoptedStyleSheets,
+            cs,
+        ];
+    }, []);
+    useEffect(() => {
+        cs.replaceSync(css);
+    }, [css]);
+};

package/dist/money.d.ts

@@ -13,22 +13,25 @@ isAmount: (potentialAmount: unknown) => potentialAmount is Amount,
  * Render an amount with decimal separator and currency symbol.
  * @param	 {object} money Money with amount property and optionally currency property.
  * @param	{void|string} locale Locale to format the amount in.
+ * @param	{number} maximumFractionDigits Maximum number of decimals to display.
  * @return {string} Formatted amount.
  */
-renderAmount: (money: Amount | null, locale?: string) => string | undefined, 
+renderAmount: (money: Amount | null, locale?: string, maximumFractionDigits?: number) => string | undefined, 
 /**
  * Alias for renderAmount(money). Render an amount with decimal separator and currency symbol.
  * @param	 {object} money Money with amount property and optionally currency property.
  * @return {string} Formatted amount.
  */
-renderMoney: (money: Amount | null, locale?: string) => string | undefined, 
+renderMoney: (money: Amount | null, locale?: string, maximumFractionDigits?: number) => string | undefined, 
 /**
  * Render an amount with decimal separator but without currency symbol.
  * @param	 {object} money Money with amount property and optionally currency property.
  * @param	{void|string} locale Locale to format the amount in.
+ * @param	{number} minimumFractionDigits Minimum number of decimals to display.
+ * @param 	{number} maximumFractionDigits Maximum number of decimals to display.
  * @return {string} Formatted number.
  */
-renderNumberAmount: (money: Amount, locale?: string) => string, 
+renderNumberAmount: (money: Amount, locale?: string, minimumFractionDigits?: number, maximumFractionDigits?: number) => string, 
 /**
  * Round a number to a given precision.
  * @param	 {string} number Number with decimals to round.

package/dist/money.js

@@ -1,4 +1,4 @@
-const CURRENCY_FORMATTERS = {}, NUMBER_FORMATTERS = {}, _getCurrencyFormatter = function (currency, locale, currencyDisplay = 'code') {
+const CURRENCY_FORMATTERS = {}, NUMBER_FORMATTERS = {}, _getCurrencyFormatter = function (currency, locale, maximumFractionDigits = 2) {
     if (currency == null) {
         return;
     }
@@ -8,7 +8,8 @@ const CURRENCY_FORMATTERS = {}, NUMBER_FORMATTERS = {}, _getCurrencyFormatter =
             CURRENCY_FORMATTERS[key] = new Intl.NumberFormat(locale, {
                 style: 'currency',
                 currency,
-                currencyDisplay,
+                currencyDisplay: 'code',
+                maximumFractionDigits,
             });
         }
         catch (e) {
@@ -33,13 +34,14 @@ isAmount = (potentialAmount) => potentialAmount != null &&
  * Render an amount with decimal separator and currency symbol.
  * @param	 {object} money Money with amount property and optionally currency property.
  * @param	{void|string} locale Locale to format the amount in.
+ * @param	{number} maximumFractionDigits Maximum number of decimals to display.
  * @return {string} Formatted amount.
  */
-renderAmount = (money, locale) => {
+renderAmount = (money, locale, maximumFractionDigits) => {
     if (money?.amount == null) {
         return;
     }
-    const formatter = _getCurrencyFormatter(money.currency, locale);
+    const formatter = _getCurrencyFormatter(money.currency, locale, maximumFractionDigits);
     if (formatter == null) {
         return;
     }
@@ -55,14 +57,16 @@ renderMoney = renderAmount,
  * Render an amount with decimal separator but without currency symbol.
  * @param	 {object} money Money with amount property and optionally currency property.
  * @param	{void|string} locale Locale to format the amount in.
+ * @param	{number} minimumFractionDigits Minimum number of decimals to display.
+ * @param 	{number} maximumFractionDigits Maximum number of decimals to display.
  * @return {string} Formatted number.
  */
-renderNumberAmount = (money, locale) => {
+renderNumberAmount = (money, locale, minimumFractionDigits = 2, maximumFractionDigits = 2) => {
     const key = locale || '0';
     if (NUMBER_FORMATTERS[key] == null) {
         NUMBER_FORMATTERS[key] = new Intl.NumberFormat(locale, {
-            minimumFractionDigits: 2,
-            maximumFractionDigits: 2,
+            minimumFractionDigits,
+            maximumFractionDigits,
         });
     }
     return NUMBER_FORMATTERS[key].format(money.amount);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-utils",
-	"version": "6.3.0",
+	"version": "6.5.0",
 	"description": "Date, money and template management functions commonly needed in Cosmoz views.",
 	"keywords": [
 		"polymer",