@genesislcap/blank-app-seed 3.28.6 → 3.29.0

package/.genx/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed-config",
   "description": "Genesis Blank App Seed Configuration",
-  "version": "3.28.6",
+  "version": "3.29.0",
   "license": "Apache-2.0",
   "scripts": {
     "lint": "eslint .",

package/.genx/templates/react/component/component.column.defs.hbs

@@ -0,0 +1,9 @@
+import { ColDef } from '@ag-grid-community/core';
+import { getNumberFormatter, getDateFormatter } from '@genesislcap/foundation-utils';
+{{#if route.FDC3EventHandlersEnabled}}
+import { sendEventOnChannel } from '../../../utils';
+{{/if}}
+
+{{#if tile.config.columns}}
+export const columnDefs: ColDef[] = {{{ tile.config.columns }}}
+{{/if}}

package/.genx/templates/react/component/component.create.form.hbs

@@ -0,0 +1,8 @@
+import { UiSchema } from '@genesislcap/foundation-forms';
+
+{{#if tile.config.createFormUiSchema}}
+export const createFormSchema: UiSchema = {{{ tile.config.createFormUiSchema }}}
+{{/if}}
+{{#if tile.config.uischema}}
+export const createFormSchema: UiSchema = {{{ tile.config.uischema }}}
+{{/if}}

package/.genx/templates/react/component/component.gridOptions.hbs

@@ -0,0 +1,9 @@
+import { GridOptionsConfig } from '@genesislcap/rapid-grid-pro';
+import { getNumberFormatter, getDateFormatter } from '@genesislcap/foundation-utils';
+{{#if route.FDC3EventHandlersEnabled}}
+import { sendEventOnChannel } from '../../../utils';
+{{/if}}
+
+{{#if tile.config.gridOptions}}
+export const gridOptions: GridOptionsConfig = {{{ tile.config.gridOptions }}}
+{{/if}}

package/.genx/templates/react/component/component.hbs

@@ -0,0 +1,32 @@
+import { Component, Input, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { getUser } from '@genesislcap/foundation-user';
+import { ErrorMessageComponent } from '../../../components/error-message/error-message.component';
+import { getViewUpdateRightComponent } from '../../../utils';
+{{#if tile.config.gridOptions}}
+import { GridOptionsConfig } from "@genesislcap/rapid-grid-pro";
+{{/if}}
+{{#if tile.config.createFormUiSchema}}
+import { createFormSchema } from './{{kebabCase tile.title}}.create.form.schema';
+{{/if}}
+{{#if tile.config.uischema}}
+import { createFormSchema } from './{{kebabCase tile.title}}.create.form.schema';
+{{/if}}
+{{#if tile.config.updateFormUiSchema}}
+import { updateFormSchema } from './{{kebabCase tile.title}}.update.form.schema';
+{{/if}}
+{{#if tile.config.columns}}
+import { columnDefs } from './{{kebabCase tile.title}}.column.defs';
+{{/if}}
+{{#if tile.config.gridOptions}}
+import { gridOptions } from './{{kebabCase tile.title}}.gridOptions';
+{{/if}}
+import './{{kebabCase tile.title}}.component.css';
+
+const {{pascalCase tile.componentName}} = () => {
+  return (
+    {{> (lookup tile 'type') tile}}
+  );
+};
+
+export default {{pascalCase tile.componentName}};

package/.genx/templates/react/component/component.index.hbs

@@ -0,0 +1 @@
+export * from './{{kebabCase tile.title}}.component';

package/.genx/templates/react/component/component.styles.hbs

@@ -0,0 +1,3 @@
+:host {
+  /* insert css styles here */
+}

package/.genx/templates/react/component/component.update.form.hbs

@@ -0,0 +1,5 @@
+import { UiSchema } from '@genesislcap/foundation-forms';
+
+{{#if tile.config.updateFormUiSchema}}
+export const updateFormSchema: UiSchema = {{{ tile.config.updateFormUiSchema }}}
+{{/if}}

package/.genx/utils/generateRoute.js

@@ -73,13 +73,7 @@ const generateRoute = (route, { changeCase, writeFileWithData }, framework) => {
     );
   });
 
-  // Remove condition after adding changes for react
-  if (
-    [FRAMEWORK_WEB_COMPONENTS_ALIAS, FRAMEWORK_ANGULAR_ALIAS].includes(
-      framework,
-    ) &&
-    route?.tiles?.length
-  ) {
+  if (route?.tiles?.length) {
     route.tiles.forEach((tile) => {
       generateTile(tile, route, { changeCase, writeFileWithData }, framework);
     });

package/.genx/utils/generateTile.js

@@ -3,6 +3,7 @@ const makeDirectory = require('./makeDirectory');
 const {
   FRAMEWORK_WEB_COMPONENTS_ALIAS,
   FRAMEWORK_ANGULAR_ALIAS,
+  FRAMEWORK_REACT_ALIAS,
   DIR_TEMPLATE_BY_FRAMEWORK,
 } = require('../static');
 
@@ -41,6 +42,16 @@ const getPathByFramework = {
     style: (componentPath, tile) =>
       `${componentPath}/${tile.name}.component.css`,
   },
+  [FRAMEWORK_REACT_ALIAS]: {
+    ...defaultPathGetters,
+    clientSrcPath: `../../client/src/pages`,
+    route: (clientSrcPath, tile, routeName) =>
+      `${clientSrcPath}/${routeName}/${tile.name}-${tile.componentType}`,
+    component: (componentPath, tile) =>
+      `${componentPath}/${tile.name}.component.jsx`,
+    style: (componentPath, tile) =>
+      `${componentPath}/${tile.name}.component.css`,
+  },
 };
 
 const getFilesToWrite = (tileData, routeName, path, sourceTemplateDir) => {
@@ -69,11 +80,6 @@ const getFilesToWrite = (tileData, routeName, path, sourceTemplateDir) => {
     target: getComponentTarget(routeDir, tileData),
   };
 
-  const componentTemplateFile = {
-    source: `${sourceTemplateDir}/component/component.template.hbs`,
-    target: getTemplateTarget(routeDir, tileData),
-  };
-
   const componentStylesFile = {
     source: `${sourceTemplateDir}/component/component.styles.hbs`,
     target: getStyleTarget(routeDir, tileData),
@@ -99,12 +105,14 @@ const getFilesToWrite = (tileData, routeName, path, sourceTemplateDir) => {
     target: getGridOptionsTarget(routeDir, tileData),
   };
 
-  const filesToWrite = [
-    componentIndexFile,
-    componentFile,
-    componentTemplateFile,
-    componentStylesFile,
-  ];
+  const filesToWrite = [componentIndexFile, componentFile, componentStylesFile];
+
+  if (getTemplateTarget) {
+    filesToWrite.push({
+      source: `${sourceTemplateDir}/component/component.template.hbs`,
+      target: getTemplateTarget(routeDir, tileData),
+    });
+  }
 
   switch (tileData.type) {
     case 'entity-manager':

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [3.29.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.28.6...v3.29.0) (2024-08-13)
+
+
+### Features
+
+* Implement the generated UI code structure proposal (react) - [FUI-2139](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2139) (#305) 6054353
+
 ## [3.28.6](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.28.5...v3.28.6) (2024-08-12)
 
 

package/package.json

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