@genesislcap/blank-app-seed 3.1.0 → 3.2.0

package/.genx/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed-config",
   "description": "Genesis Blank App Seed Configuration",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "license": "Apache-2.0",
   "genxSeedConfig": {
     "exclude": [

package/.genx/templates/route.template.hbs

@@ -1,7 +1,5 @@
 import { html } from '@microsoft/fast-element';
-{{#if route.FDC3EventHandlersEnabled}}
-import { sendEventOnChannel } from '../../utils';
-{{/if}}
+import { getNumberFormatter{{#if route.FDC3EventHandlersEnabled}}, sendEventOnChannel{{/if}} } from '../../utils';
 import type { {{pascalCase route.name}} } from './{{kebabCase route.name}}';
 
 export const {{pascalCase route.name}}Template = html<{{pascalCase route.name}}>`

package/.genx/utils.js

@@ -45,9 +45,13 @@ const gridOptionsSerializer = (options, pad = '      ') => {
     let output = `{\n`;
     Object.keys(options).forEach((key) => {
       const value = options[key];
-      if (value?.type === 'function') {
+      if (key === 'columns') {
+        output += `${pad}${'columnDefs'}: ${gridColumnsSerializer(value)},\n`; 
+      } else if (value?.type === 'function' || value?.type === 'valueFormatter') {
         const args =  value.arguments?.map(JSON.stringify).join(', ');
         output += `${pad}${key}: ${value.name}(${args}),\n`;
+      } else if (key === 'hide') {
+        output += `${pad}${key}: ${value},\n`;
       } else {
         output += `${pad}${key}: ${formatJSONValue(value)},\n`;
       }
@@ -59,6 +63,18 @@ const gridOptionsSerializer = (options, pad = '      ') => {
   }
 };
 
+ const gridColumnsSerializer = (columns, pad = '      ') => {
+  if (!columns) {
+    return undefined;
+  }
+  try {
+    const columnsSerialized = columns.map((column) => gridOptionsSerializer(column));
+    return `[\n${pad}${columnsSerialized}]`;
+  } catch (e) {
+    return undefined;
+  }
+}
+
 const validateRoute = (route) => {
   if (!route.name) {
     console.warn('Invalid route - missing name', route);
@@ -90,7 +106,7 @@ const formatRouteData = (route) => {
       createFormUiSchema: formatJSONValue(tile.config?.createFormUiSchema),
       updateFormUiSchema: formatJSONValue(tile.config?.updateFormUiSchema),
       uischema: formatJSONValue(tile.config?.uischema),
-      columns: formatJSONValue(tile.config?.columns)
+      columns: gridColumnsSerializer(tile.config?.columns)
     }
   }));
 

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [3.2.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.1.0...v3.2.0) (2024-04-23)
+
+
+### Features
+
+* add support for number formatting GENC-265 (#189) cf6aeae
+
 ## [3.1.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.0.0...v3.1.0) (2024-04-22)
 
 

package/client/package.json

@@ -111,6 +111,7 @@
     "@microsoft/fast-foundation": "^2.33.4",
     "@microsoft/fast-router": "^0.4.2",
     "@microsoft/fast-web-utilities": "^5.1.0",
+    "numeral": "2.0.6",
     "rxjs": "^7.5.4",
     "tslib": "^2.3.1"
   },

package/client/src/utils/formatters.ts

@@ -0,0 +1,14 @@
+import Numeral from 'numeral';
+import 'numeral/locales';
+
+export function getNumberFormatter(format: string, locale?: string) {
+  return (params) => {
+    if (!(params && typeof params.value === 'number')) return '';
+
+    if (locale) {
+      Numeral.locale(locale);
+    }
+
+    return Numeral(params.value).format(format);
+  };
+}

package/client/src/utils/index.ts

@@ -1,2 +1,3 @@
 export * from './fdc3';
+export * from './formatters';
 export * from './logger';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed",
   "description": "Genesis Blank App Seed",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "license": "Apache-2.0",
   "scripts": {
     "release": "semantic-release"