@genesislcap/blank-app-seed 5.22.1 → 5.23.0

package/.genx/templates/web-components/component/component.index.hbs

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

package/.genx/templates/web-components/component/component.template.hbs

@@ -1,26 +1,22 @@
-import { html, whenElse, repeat } from '@genesislcap/web-core';
+import { html, whenElse{{#ifEquals tile.componentType "grid"}}{{#if tile.config.gridOptions}}, repeat{{/if}}{{/ifEquals}} } from '@genesislcap/web-core';
 import { getViewUpdateRightComponent } from '../../../utils';
 import type { {{pascalCase tile.componentName}} } from './{{kebabCase tile.title}}';
-{{#if tile.config.createFormUiSchema}}
+{{#ifAny tile.config.createFormUiSchema tile.config.uischema}}
 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';
+{{/ifAny}}
+{{#if tile.config.customEvents}}
+import { customActions } from './{{kebabCase tile.title}}.events.config';
 {{/if}}
 {{#if tile.config.filterFormUiSchema}}
 import { filterFormSchema } from './{{kebabCase tile.title}}.filter.form.schema';
 {{/if}}
-{{#if tile.config.customEvents}}
-import { customActions } from './{{kebabCase tile.title}}.events.config';
-{{/if}}
 {{#if tile.config.gridOptions}}
 import { gridOptions } from './{{kebabCase tile.title}}.gridOptions';
 {{/if}}
-
+{{#if tile.config.updateFormUiSchema}}
+import { updateFormSchema } from './{{kebabCase tile.title}}.update.form.schema';
+{{/if}}
 
 export const {{pascalCase tile.title}}Template = html<{{pascalCase tile.componentName}}>`
-    {{> (lookup tile 'type') tile}}
+  {{> (lookup tile 'type') tile}}
 `;

package/.genx/templates/web-components/component/component.update.form.hbs

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

package/.genx/templates/web-components/entityManager.hbs

@@ -1,75 +1,94 @@
 ${whenElse(
-    (x) => getViewUpdateRightComponent(x.user, '{{config.permissions.viewRight}}'),
-    html<{{pascalCase componentName}}>`
-        <entity-management
-            design-system-prefix="rapid"
-            header-case-type="capitalCase"
-            enable-row-flashing
-            enable-cell-flashing
-            {{#if config.title}}
-            title="{{ config.title }}"
-            {{/if}}
-            resourceName="{{ config.resourceName }}"
-            {{#if config.createEvent}}
-            createEvent="${(x) => getViewUpdateRightComponent(x.user, '{{config.permissions.updateRight}}', '{{ config.createEvent }}')}"
-            {{#if config.createFormUiSchema}}
-            :createFormUiSchema=${() => createFormSchema }
-            {{/if}}
-            {{/if}}
-            {{#if config.updateEvent}}
-            updateEvent="${(x) => getViewUpdateRightComponent(x.user, '{{config.permissions.updateRight}}', '{{ config.updateEvent }}')}"
-            {{#if config.updateFormUiSchema}}
-            :updateFormUiSchema=${() => updateFormSchema}
-            {{/if}}
-            {{/if}}
-            {{#if config.deleteEvent}}
-            deleteEvent="${(x) => getViewUpdateRightComponent(x.user, '{{config.permissions.updateRight}}', '{{ config.deleteEvent }}')}"
-            {{/if}}
-            {{#ifAny config.gridOptions config.eventing.publishEventName}}
-            :gridOptions=${(x) => ({
-              {{#if config.gridOptions}}
-              ...gridOptions,{{/if}}{{#if config.eventing.publishEventName}}
-              onSelectionChanged: x.handleRowSelection,
-              {{/if}}
-            })}
-            {{/ifAny}}
-            {{#ifAny config.reqrep config.eventing.listener}}
-            :datasourceConfig=${(x) => ({
-              {{#if config.reqrep}}
-              pollingInterval: 5000, 
-              requestAutoSetup: false,{{/if}}{{#if config.eventing.listener}}
-              criteria: x.getCriteria(),
-              {{/if}}
-            })}
-            {{/ifAny}}
-            {{#if config.entityName}}
-            entityLabel="{{ config.entityName }}"
-            {{/if}}
-            {{#if config.columns}}
-            :columns=${(x) => x.columns}
-            {{/if}}
-            {{#if config.modalPosition}}
-            modal-position="{{ config.modalPosition }}"
-            {{/if}}
-            {{#if config.sizeColumnsToFit}}
-            size-columns-to-fit
-            size-columns-to-content
-            {{/if}}
-            {{#if config.enableSearchBar}}
-            enable-search-bar
-            {{/if}}
-            {{#if config.enableFilters}}
-            enable-filters
-            {{#if config.filterFormUiSchema}}
-            :filtersUiSchema=${() => filterFormSchema}
-            {{/if}}
-            {{/if}}
-            {{#if config.customEvents}}
-            :customActions=${() => customActions}
-            {{/if}}
-        ></entity-management>
-    `,
-    html`
-      <not-permitted-component></not-permitted-component>
-    `,
+  (x) => getViewUpdateRightComponent(x.user, '{{config.permissions.viewRight}}'),
+  html<{{pascalCase componentName}}>`
+    <entity-management
+      design-system-prefix="rapid"
+      header-case-type="capitalCase"
+      enable-row-flashing
+      enable-cell-flashing
+      {{#if config.title}}
+      title="{{ config.title }}"
+      {{/if}}
+      resourceName="{{ config.resourceName }}"
+      {{#if config.createEvent}}
+      {{#if config.permissions.updateRight}}
+      createEvent="${(x) =>
+        getViewUpdateRightComponent(x.user, '{{config.permissions.updateRight}}', '{{ config.createEvent }}')}"
+      {{else}}
+      createEvent="{{ config.createEvent }}"
+      {{/if}}
+      {{#if config.createFormUiSchema}}
+      :createFormUiSchema=${() => createFormSchema}
+      {{/if}}
+      {{/if}}
+      {{#if config.updateEvent}}
+      {{#if config.permissions.updateRight}}
+      updateEvent="${(x) =>
+        getViewUpdateRightComponent(x.user, '{{config.permissions.updateRight}}', '{{ config.updateEvent }}')}"
+      {{else}}
+      updateEvent="{{ config.updateEvent }}"
+      {{/if}}
+      {{#if config.updateFormUiSchema}}
+      :updateFormUiSchema=${() => updateFormSchema}
+      {{/if}}
+      {{/if}}
+      {{#if config.deleteEvent}}
+      {{#if config.permissions.updateRight}}
+      deleteEvent="${(x) =>
+        getViewUpdateRightComponent(x.user, '{{config.permissions.updateRight}}', '{{ config.deleteEvent }}')}"
+      {{else}}
+      deleteEvent="{{ config.deleteEvent }}"
+      {{/if}}
+      {{/if}}
+      {{#ifAny config.gridOptions config.eventing.publishEventName}}
+      :gridOptions=${(x) => ({
+        {{#if config.gridOptions}}
+        ...gridOptions,
+        {{/if}}
+        {{#if config.eventing.publishEventName}}
+        onSelectionChanged: x.handleRowSelection,
+        {{/if}}
+      })}
+      {{/ifAny}}
+      {{#ifAny config.reqrep config.eventing.listener}}
+      :datasourceConfig=${(x) => ({
+        {{#if config.reqrep}}
+        pollingInterval: 5000,
+        requestAutoSetup: false,
+        {{/if}}
+        {{#if config.eventing.listener}}
+        criteria: x.getCriteria(),
+        {{/if}}
+      })}
+      {{/ifAny}}
+      {{#if config.entityName}}
+      entityLabel="{{ config.entityName }}"
+      {{/if}}
+      {{#if config.columns}}
+      :columns=${(x) => x.columns}
+      {{/if}}
+      {{#if config.modalPosition}}
+      modal-position="{{ config.modalPosition }}"
+      {{/if}}
+      {{#if config.sizeColumnsToFit}}
+      size-columns-to-fit
+      size-columns-to-content
+      {{/if}}
+      {{#if config.enableSearchBar}}
+      enable-search-bar
+      {{/if}}
+      {{#if config.enableFilters}}
+      enable-filters
+      {{#if config.filterFormUiSchema}}
+      :filtersUiSchema=${() => filterFormSchema}
+      {{/if}}
+      {{/if}}
+      {{#if config.customEvents}}
+      :customActions=${() => customActions}
+      {{/if}}
+    ></entity-management>
+  `,
+  html`
+    <not-permitted-component></not-permitted-component>
+  `,
 )}

package/{client-tmp/web-components/src/utils/fdc3.ts → .genx/templates/web-components/fdc3.ts.hbs}

@@ -1,16 +1,16 @@
-{{#if FDC3.includeDependencies}}
 import { DefaultFDC3 } from '@genesislcap/foundation-fdc3';
-{{/if}}
+
 export const isFDC3 = (): boolean => !!(window as any).fdc3;
-{{#if FDC3.includeDependencies}}
 const fdc3Service = new DefaultFDC3();
 
 export const onFDC3Ready = async (FDC3ReadyCb: () => any): Promise<void> => {
-  isFDC3()
-    ? await FDC3ReadyCb()
-    : window.addEventListener('fdc3Ready', async () => {
+  if (isFDC3()) {
+    await FDC3ReadyCb();
+  } else {
+    window.addEventListener('fdc3Ready', async () => {
       await FDC3ReadyCb();
     });
+  }
 };
 
 export const listenToChannel = async (
@@ -28,4 +28,3 @@ export const sendEventOnChannel = (channelName: string, type: string) => {
     await fdc3Service.broadcastOnChannel(channelName, type, payload);
   };
 };
-{{/if}}

package/.genx/templates/web-components/form.hbs

@@ -1,16 +1,17 @@
 ${whenElse(
-    (x) => getViewUpdateRightComponent(x.user, '{{config.permissions.updateRight}}'),
-    html`
-      <foundation-form
-        design-system-prefix="rapid"
-        resourceName="{{config.resourceName}}"
-        {{#if config.uischema}}
-        :uischema=${() => createFormSchema }
-        {{/if}}
-      >
-      </foundation-form>
-    `,
-    html`
-        <not-permitted-component></not-permitted-component>
-    `,
-)}
+  (x) => getViewUpdateRightComponent(x.user, '{{config.permissions.updateRight}}'),
+  html`
+    {{#if config.uischema}}
+    <foundation-form
+      design-system-prefix="rapid"
+      resourceName="{{config.resourceName}}"
+      :uischema=${() => createFormSchema}
+    ></foundation-form>
+    {{else}}
+    <foundation-form design-system-prefix="rapid" resourceName="{{config.resourceName}}"></foundation-form>
+    {{/if}}
+  `,
+  html`
+    <not-permitted-component></not-permitted-component>
+  `,
+)}

package/.genx/templates/web-components/grid.hbs

@@ -1,44 +1,52 @@
 ${whenElse(
-    (x) => getViewUpdateRightComponent(x.user, '{{config.permissions.viewRight}}'),
-    html`
-      <rapid-grid-pro
-        header-case-type="capitalCase"{{#if config.useOnlyTemplateCols}}
-        only-template-col-defs{{/if}}
-        enable-row-flashing
-        enable-cell-flashing
-        >
-        <grid-pro-genesis-datasource
-          resource-name="{{config.resourceName}}"
-          {{#if config.reqrep}}
-          request-auto-setup="false"
-          polling-interval="5000"
+  (x) => getViewUpdateRightComponent(x.user, '{{config.permissions.viewRight}}'),
+  html`
+    {{#if config.useOnlyTemplateCols}}
+    <rapid-grid-pro
+      header-case-type="capitalCase"
+      only-template-col-defs
+      enable-row-flashing
+      enable-cell-flashing
+    >
+    {{else}}
+    <rapid-grid-pro header-case-type="capitalCase" enable-row-flashing enable-cell-flashing>
+    {{/if}}
+      {{#ifAny config.reqrep config.eventing.listener config.gridOptions config.eventing.publishEventName}}
+      <grid-pro-genesis-datasource
+        resource-name="{{config.resourceName}}"
+        {{#if config.reqrep}}
+        request-auto-setup="false"
+        polling-interval="5000"
+        {{/if}}
+        {{#if config.eventing.listener}}
+        criteria=${(x) => x.getCriteria()}
+        {{/if}}
+        {{#ifAny config.gridOptions config.eventing.publishEventName}}
+        :deferredGridOptions=${(x) => ({
+          {{#if config.gridOptions}}
+          onRowClicked: gridOptions?.onRowClicked,
           {{/if}}
-          {{#if config.eventing.listener}}
-          criteria=${(x) => x.getCriteria()}
+          {{#if config.eventing.publishEventName}}
+          onSelectionChanged: x.handleRowSelection,
+          rowSelection: 'single',
           {{/if}}
-          {{#ifAny config.gridOptions config.eventing.publishEventName}}
-          :deferredGridOptions=${(x) => ({
-            {{#if config.gridOptions}}
-            onRowClicked: gridOptions?.onRowClicked,
-            {{/if}}
-            {{#if config.eventing.publishEventName}}
-            onSelectionChanged: x.handleRowSelection,
-            rowSelection: 'single',
-            {{/if}}
-          })}
-          {{/ifAny}}
-        ></grid-pro-genesis-datasource>
-        {{#if config.gridOptions}}
-        ${repeat(
-          (x) => gridOptions?.columnDefs,
-          html`
-            <grid-pro-column :definition=${(x) => x}></grid-pro-column>
-          `,
-        )}
-        {{/if}}
-      </rapid-grid-pro>
-    `,
-    html`
-        <not-permitted-component></not-permitted-component>
-    `,
-)}
+        })}
+        {{/ifAny}}
+      ></grid-pro-genesis-datasource>
+      {{else}}
+      <grid-pro-genesis-datasource resource-name="{{config.resourceName}}"></grid-pro-genesis-datasource>
+      {{/ifAny}}
+      {{#if config.gridOptions}}
+      ${repeat(
+        (x) => gridOptions?.columnDefs,
+        html`
+          <grid-pro-column :definition=${(x) => x}></grid-pro-column>
+        `,
+      )}
+      {{/if}}
+    </rapid-grid-pro>
+  `,
+  html`
+    <not-permitted-component></not-permitted-component>
+  `,
+)}

package/.genx/templates/web-components/gridLayout.hbs

@@ -1,30 +1,34 @@
 <rapid-layout-region type="horizontal">
-    <rapid-layout-region type="vertical">
-    {{#each route.tiles}}
-        {{#ifEquals @index 0}}
-        <rapid-layout-item title="{{this.title}}">
-            <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
-        </rapid-layout-item>
-        {{/ifEquals}}
-        {{#ifEquals @index 1}}
-        <rapid-layout-item title="{{this.title}}">
-            <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
-        </rapid-layout-item>
-        {{/ifEquals}}
-    {{/each}}
-    </rapid-layout-region>
-    <rapid-layout-region type="vertical">
-    {{#each route.tiles}}
-        {{#ifEquals @index 2}}
-        <rapid-layout-item title="{{this.title}}">
-            <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
-        </rapid-layout-item>
-        {{/ifEquals}}
-        {{#ifEquals @index 3}}
-        <rapid-layout-item title="{{this.title}}">
-            <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
-        </rapid-layout-item>
-        {{/ifEquals}}
-    {{/each}}
-    </rapid-layout-region>
+  <rapid-layout-region type="vertical">
+  {{#each route.tiles}}
+    {{#ifEquals @index 0}}
+    <rapid-layout-item title="{{this.title}}">
+      <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
+    </rapid-layout-item>
+    {{/ifEquals}}
+    {{#ifEquals @index 1}}
+    <rapid-layout-item title="{{this.title}}">
+      <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
+    </rapid-layout-item>
+    {{/ifEquals}}
+  {{/each}}
+  </rapid-layout-region>
+  {{#if route.tiles.[2]}}
+  <rapid-layout-region type="vertical">
+  {{#each route.tiles}}
+    {{#ifEquals @index 2}}
+    <rapid-layout-item title="{{this.title}}">
+      <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
+    </rapid-layout-item>
+    {{/ifEquals}}
+    {{#ifEquals @index 3}}
+    <rapid-layout-item title="{{this.title}}">
+      <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
+    </rapid-layout-item>
+    {{/ifEquals}}
+  {{/each}}
+  </rapid-layout-region>
+  {{else}}
+  <rapid-layout-region type="vertical"></rapid-layout-region>
+  {{/if}}
 </rapid-layout-region>

package/.genx/templates/web-components/horizontalLayout.hbs

@@ -1,7 +1,7 @@
 <rapid-layout-region>
-    {{#each route.tiles}}
-    <rapid-layout-item title="{{this.title}}">
-        <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
-    </rapid-layout-item>
-    {{/each}}
+  {{#each route.tiles}}
+  <rapid-layout-item title="{{this.title}}">
+    <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
+  </rapid-layout-item>
+  {{/each}}
 </rapid-layout-region>

package/.genx/templates/web-components/route.template.hbs

@@ -1,18 +1,16 @@
 import { html } from '@genesislcap/web-core';
+{{#if route.tiles}}
 import { persistLayout } from '../../utils';
+{{/if}}
 import type { {{pascalCase route.name}} } from './{{kebabCase route.name}}';
 {{#each route.tiles}}
-import { {{pascalCase this.componentName}} } from './{{kebabCase this.title}}-{{this.componentType}}';
-{{/each}}
-
-{{#each route.tiles}}
-{{pascalCase this.componentName}};
+import './{{kebabCase this.title}}-{{this.componentType}}';
 {{/each}}
 
 export const {{pascalCase route.name}}Template = html<{{pascalCase route.name}}>`
   {{#if route.tiles}}
   <rapid-layout auto-save-key="${() => persistLayout('{{route.layoutKey}}')}">
-     {{> (lookup ./route 'layoutType') }}
+    {{> (lookup ./route 'layoutType') }}
   </rapid-layout>
   {{else}}
   <!-- insert template code here -->

package/.genx/templates/web-components/slices/eventing.slice.hbs

@@ -1,20 +1,28 @@
+{{#if listeners.length}}
 import { CriteriaBuilder, ExpressionBuilder, Serialisers } from '@genesislcap/foundation-criteria';
+{{/if}}
 import { createSlice } from '@genesislcap/foundation-redux';
 
 export const eventingSlice = createSlice({
   name: 'eventing',
-  {{#if events}}
-  initialState: { 
+{{#if events.length}}
+  initialState: {
 {{#each events}}
-    {{this}}: null{{#unless @last}},{{/unless}}
-{{/each}} },
+    {{this}}: null as Record<string, any> | null,
+{{/each}}
+  },
   reducers: {
 {{#each events}}
     publish{{pascalCase this}}: (state, action) => {
       state.{{this}} = action.payload;
-    }{{#unless @last}},{{/unless}}
+    },
 {{/each}}
   },
+{{else}}
+  initialState: {},
+  reducers: {},
+{{/if}}
+{{#if listeners.length}}
   selectors: {
 {{#each listeners}}
     getCriteriaFor{{pascalCase tileName}}: (state) => {
@@ -24,21 +32,21 @@ export const eventingSlice = createSlice({
 
 {{#each mappings}}
       if (data.{{sourceField}}) {
-        criteriaBuilder.And(new ExpressionBuilder()
-          .withField('{{targetField}}')
-          .withValue(data.{{sourceField}})
-          .withSerialiser(Serialisers.EQ)
-          .build());
+        criteriaBuilder.And(
+          new ExpressionBuilder()
+            .withField('{{targetField}}')
+            .withValue(data.{{sourceField}})
+            .withSerialiser(Serialisers.EQ)
+            .build(),
+        );
       }
 {{/each}}
 
       return criteriaBuilder.build();
-    }{{#unless @last}},{{/unless}}
+    },
 {{/each}}
   },
-  {{else}}
-  initialState: {},
-  reducers: {},
+{{else}}
   selectors: {},
-  {{/if}}
+{{/if}}
 });

package/.genx/templates/web-components/store.hbs

@@ -2,15 +2,7 @@ import { createStore } from '@genesislcap/foundation-redux';
 import { eventingSlice } from './slices/eventing.slice';
 
 export const { store, actions, selectors } = createStore([eventingSlice], {
-  {{#if events}}
-  eventing: { 
-  {{#each events}}
-    {{this}}: null{{#unless @last}},{{/unless}} 
-  {{/each}}
-  },
-  {{else}}
-  eventing: {},
-  {{/if}}
+  eventing: eventingSlice.getInitialState(),
 });
 
 export type Store = typeof store;

package/.genx/templates/web-components/tabsLayout.hbs

@@ -1,7 +1,7 @@
 <rapid-layout-region type="tabs">
-    {{#each route.tiles}}
-    <rapid-layout-item title="{{this.title}}">
-        <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
-    </rapid-layout-item>
-    {{/each}}
+  {{#each route.tiles}}
+  <rapid-layout-item title="{{this.title}}">
+    <{{kebabCase this.componentName}}></{{kebabCase this.componentName}}>
+  </rapid-layout-item>
+  {{/each}}
 </rapid-layout-region>