@onsvisual/svelte-components 0.1.28 → 0.1.30

package/dist/@types/inputs/Checkbox/Checkbox.svelte.d.ts

@@ -33,7 +33,7 @@ declare const __propDef: {
         variant?: "default" | "ghost";
         disabled?: boolean;
         checked?: boolean;
-        group?: any[];
+        group?: any[] | null;
     };
     events: {
         change: CustomEvent<any>;

package/dist/@types/js/utils.d.ts

@@ -5,7 +5,7 @@ export function formatDate(str: any, locale?: string, opts?: {
     month: string;
     day: string;
 }): string;
-export function commas(num: any): string;
+export function format(val: any, dp?: any): any;
 export function ascending(a: any, b: any): number;
 export function descending(a: any, b: any): number;
 export function sleep(ms?: number): Promise<any>;

package/dist/datavis/Table/Table.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { commas, ascending, descending } from "../../js/utils.js";
+  import { format, ascending, descending } from "../../js/utils.js";
 
   /**
    * An optional title for the table
@@ -37,7 +37,7 @@
    */
   export let data = [];
   /**
-   * Optional metadata for formatting columns. Array of {key, label, sortable?, numeric?} objects
+   * Optional metadata for formatting columns. Array of {key, label, sortable?, numeric?, dp?} objects
    * @type {array}
    */
   export let columns =
@@ -45,7 +45,6 @@
   let _data = [...data];
   let sort = columns.map((c) => "none");
 
-  const format = (val, numeric) => (numeric ? commas(val) : val);
   $: sortable = columns.map((d) => d.sortable).includes(true);
 </script>
 
@@ -127,7 +126,11 @@
               class="ons-table__cell"
               class:ons-table__cell--numeric="{col.numeric}"
               data-th="{col.label}"
-              >{@html row[col.key] ? format(row[col.key], col.numeric) : "&ndash;"}</td
+              >{@html row[col.key] && col.numeric
+                ? format(row[col.key], col.dp)
+                : row[col.key]
+                ? row[col.key]
+                : "&ndash;"}</td
             >
           {/each}
         </tr>

package/dist/inputs/Checkbox/Checkbox.svelte

@@ -30,9 +30,9 @@
   export let checked = false;
   /**
    * Binding for checked state of input
-   * @type {array}
+   * @type {array|null}
    */
-  export let group = [];
+  export let group = null;
   /**
    * (Optional) Extended description for element
    * @type {string}

package/dist/js/utils.js

@@ -33,10 +33,13 @@ export const formatDate = (
   return date.toLocaleDateString(locale, opts);
 };
 
-export const commas = (num) => {
-  const parts = String(num).split(".");
-  parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-  return parts.join(".");
+export const format = (val, dp = null) => {
+  return dp
+    ? val.toLocaleString("en-GB", {
+        minimumFractionDigits: dp,
+        maximumFractionDigits: dp,
+      })
+    : val.toLocaleString("en-GB");
 };
 
 export const ascending = (a, b) =>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onsvisual/svelte-components",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "type": "module",
   "private": false,
   "homepage": "https://onsvisual.github.io/svelte-components",