@abgov/nx-adsp 5.9.0-beta.1 → 5.9.0-beta.3

package/generators.json

@@ -34,6 +34,11 @@
       "schema": "./src/generators/react-form/schema.json",
       "description": "Generator that creates a React component based on an ADSP Form Definition."
     },
+    "react-task-list": {
+      "factory": "./src/generators/react-task-list/react-task-list",
+      "schema": "./src/generators/react-task-list/schema.json",
+      "description": "Generator that creates a React component based on an ADSP Task Queue."
+    },
     "angular-app": {
       "factory": "./src/generators/angular-app/angular-app",
       "schema": "./src/generators/angular-app/schema.json",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/nx-adsp",
-  "version": "5.9.0-beta.1",
+  "version": "5.9.0-beta.3",
   "license": "Apache-2.0",
   "main": "src/index.js",
   "description": "Government of Alberta - Nx plugin for ADSP apps.",

package/src/generators/react-form/files/__fileName__/__fileName__.slice.ts__tmpl__

@@ -11,7 +11,7 @@ import { UserState } from 'redux-oidc';
 import { CONFIG_FEATURE_KEY, ConfigState } from '../config.slice';
 
 export const <%= constantName %>_FEATURE_KEY = '<%= fileName %>';
-const FORM_DEFINITION_ID = '<%= fileName %>';
+const FORM_DEFINITION_ID = '<%= id %>';
 const FORM_SERVICE_ID = 'urn:ads:platform:form-service';
 
 /*
@@ -23,7 +23,7 @@ const rules: Record<string, Record<string, RegExp>> = {
   <%_ sections.forEach(function([sectionKey, section]) { _%>
   <%= sectionKey %>: {
   <%_ Object.entries(section.properties).filter(([_, { pattern }]) => !!pattern).forEach(function([key, value]) { _%>
-    <%= key %>: new RegExp('<%- value.pattern %>')
+    <%= key %>: new RegExp('<%- value.pattern %>'),
   <%_ }); _%>
   },
   <%_ }); _%>

package/src/generators/react-form/files/__fileName__/__fileName__.tsx__tmpl__

@@ -14,6 +14,7 @@ import {
   GoAInputTime,
   GoANotification,
   GoASpinner,
+  GoATextArea,
 } from '@abgov/react-components';
 import { FunctionComponent, useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
@@ -62,102 +63,7 @@ const <%= section.className %>FieldSet: FunctionComponent<FieldSetProps> = ({
         {!isReadOnly && inReview && <GoAButton type="tertiary" onClick={onEdit}>Edit</GoAButton>}
       </div>
       <%_ Object.entries(section.properties).forEach(function([key, value]) { _%>
-        <%_ if (!value.type) { _%>
-          <%_ if (value.constant) { _%>
-          <p><%= value.constant %></p>
-          <%_ } _%>
-        <%_ } else { _%>
-          <GoAFormItem mb="m" label="<%= value.title || key %>" helpText="<%= value.description %>">
-          <%_ switch(value.type) { 
-            case 'string': _%>
-            <%_ if (value.enum) { _%>
-              <GoADropdown 
-                name="<%= key %>"
-                disabled={isReadOnly || inReview}
-                onChange={(name, updated) => onChange({ ...value, [name]: updated })}
-                value={`${value.<%= key %> || ''}`}
-              >
-                <%_ value.enum.forEach((enumValue) => { _%>
-                  <GoADropdownItem value="<%= enumValue %>" label="<%= enumValue %>" />
-                <%_ }); _%>
-              </GoADropdown>
-            <%_ } else { _%>
-              <%_ switch(value.format) { 
-                case 'date-time': _%>
-                <GoAInputDateTime
-                  name="<%= key %>"
-                  disabled={isReadOnly || inReview}
-                  value={value.<%= key %> ? new Date(value.<%= key %> as string) : null}
-                  onChange={(name, updated) => onChange({ ...value, [name]: (updated as Date)?.toISOString() })}
-                />
-              <%_ break;
-                case 'date': _%>
-                <GoAInputDate
-                  name="<%= key %>"
-                  disabled={isReadOnly || inReview}
-                  value={value.<%= key %> ? new Date(value.<%= key %> as string) : null}
-                  onChange={(name, updated) => onChange({ ...value, [name]: (updated as Date)?.toISOString() })}
-                />
-              <%_ break;
-                case 'time': _%>
-                <GoAInputTime
-                  name="<%= key %>"
-                  step={1}
-                  disabled={isReadOnly || inReview}
-                  value={value.<%= key %> ? new Date(value.<%= key %> as string) : null}
-                  onChange={(name, updated) => onChange({ ...value, [name]: (updated as Date)?.toISOString() })}
-                />
-              <%_ break;
-                default: _%>
-                <GoAInput
-                  type="text"
-                  disabled={isReadOnly || inReview}
-                  error={errors['<%= key %>']}
-                  placeholder="<%= value?.examples?.join(', ') || '' %>"
-                  onChange={(name, updated) => onChange({ ...value, [name]: updated })}
-                  value={`${value.<%= key %> || ''}`}
-                  name="<%= key %>"
-                />
-              <%_ break;
-                } _%>
-            <%_ } _%>
-          <%_ break;
-            case 'integer':
-            case 'number': _%>
-            <GoAInput
-              type="number"
-              disabled={isReadOnly || inReview}
-              error={errors['<%= key %>']}
-              placeholder="<%= value?.examples || []%>"
-              onChange={(name, updated) => onChange({ ...value, [name]: parseFloat(updated) })}
-              value={`${value.<%= key %> || ''}`}
-              name="<%= key %>"
-              <%_ if (value?.maximum !== undefined) { _%>
-                max={<%= value.maximum %>}
-              <%_ } _%>
-              <%_ if (value?.minimum !== undefined) { _%>
-                min={<%= value.minimum %>}
-              <%_ } _%>
-              <%_ if (value?.multipleOf !== undefined) { _%>
-                step={<%= value.multipleOf %>}
-              <%_ } _%>
-            />
-          <%_ break;
-            case 'boolean': _%>
-            <GoACheckbox
-              disabled={isReadOnly || inReview}
-              checked={value.<%= key %> as any || false}
-              onChange={(name, updated) => onChange({ ...value, [name]: updated })}          
-              name="<%= key %>"
-            />
-          <%_ break;
-            case 'array': _%>
-          <%_ break;
-            default:
-            break; _%>
-          <%_ } _%>
-          </GoAFormItem>
-        <%_ } _%>
+        <%- include(`${includesPath}/input-template.ejs`, {key: key, value: value, path: key, processArray: true, includesPath}); %>
       <%_ }); _%>
     </fieldset>
   );

package/src/generators/react-form/includes/input-template.ejs

@@ -0,0 +1,107 @@
+<%_ if (!value.type) { _%>
+  <%_ if (value.constant) { _%>
+  <p><%= value.constant %></p>
+  <%_ } _%>
+<%_ } else { _%>
+  <GoAFormItem mb="m" label="<%= value.title || key %>" helpText="<%= value.description %>">
+  <%_ switch(value.type) { 
+    case 'string': _%>
+    <%_ if (value.enum) { _%>
+      <GoADropdown 
+        name="<%= key %>"
+        disabled={isReadOnly || inReview}
+        onChange={(name,updated) => onChange({ ...value, [name]: updated })}
+        value={`${value.<%= path %> || ''}`}
+      >
+        <%_ value.enum.forEach((enumValue) => { _%>
+          <GoADropdownItem value="<%= enumValue %>" label="<%= enumValue %>" />
+        <%_ }); _%>
+      </GoADropdown>
+    <%_ } else { _%>
+      <%_ switch(value.format) { 
+        case 'date-time': _%>
+        <GoAInputDateTime
+          name="<%= key %>"
+          disabled={isReadOnly || inReview}
+          value={value.<%= path %> ? new Date(value.<%= path %> as string) : null}
+          onChange={(name, updated) => onChange({ ...value, [name]: (updated as Date)?.toISOString() })}
+        />
+      <%_ break;
+        case 'date': _%>
+        <GoAInputDate
+          name="<%= key %>"
+          disabled={isReadOnly || inReview}
+          value={value.<%= path %> ? new Date(value.<%= path %> as string) : null}
+          onChange={(name, updated) => onChange({ ...value, [name]: (updated as Date)?.toISOString() })}
+        />
+      <%_ break;
+        case 'time': _%>
+        <GoAInputTime
+          name="<%= key %>"
+          step={1}
+          disabled={isReadOnly || inReview}
+          value={value.<%= path %> ? new Date(value.<%= path %> as string) : null}
+          onChange={(name, updated) => onChange({ ...value, [name]: (updated as Date)?.toISOString() })}
+        />
+      <%_ break;
+        default: _%>
+        <% if (value.maxLength > 100) { %>
+          <GoATextArea
+            disabled={isReadOnly || inReview}
+            error={errors['<%= path %>']}
+            placeholder="<%= value?.examples?.join(', ') || '' %>"
+            onChange={(name, updated) => onChange({ ...value, [name]: updated })}
+            value={`${value.<%= path %> || ''}`}
+            name="<%= key %>"
+          />
+        <% } else { %>
+          <GoAInput
+            type="text"
+            disabled={isReadOnly || inReview}
+            error={errors['<%= path %>']}
+            placeholder="<%= value?.examples?.join(', ') || '' %>"
+            onChange={(name, updated) => onChange({ ...value, [name]: updated })}
+            value={`${value.<%= path %> || ''}`}
+            name="<%= key %>"
+          />
+        <% } %>
+      <%_ break;
+        } _%>
+    <%_ } _%>
+  <%_ break;
+    case 'integer':
+    case 'number': _%>
+    <GoAInput
+      type="number"
+      disabled={isReadOnly || inReview}
+      error={errors['<%= path %>']}
+      placeholder="<%= value?.examples || []%>"
+      onChange={(name, updated) => onChange({ ...value, [name]: parseFloat(updated) })}
+      value={`${value.<%= path %> || ''}`}
+      name="<%= key %>"
+      <%_ if (value?.maximum !== undefined) { _%>
+        max={<%= value.maximum %>}
+      <%_ } _%>
+      <%_ if (value?.minimum !== undefined) { _%>
+        min={<%= value.minimum %>}
+      <%_ } _%>
+      <%_ if (value?.multipleOf !== undefined) { _%>
+        step={<%= value.multipleOf %>}
+      <%_ } _%>
+    />
+  <%_ break;
+    case 'boolean': _%>
+    <GoACheckbox
+      disabled={isReadOnly || inReview}
+      checked={value.<%= path %> as any || false}
+      onChange={(name, updated) => onChange({ ...value, [name]: updated })}          
+      name="<%= key %>"
+    />
+  <%_ break;
+    case 'array': _%>
+  <%_ break;
+    default:
+    break; _%>
+  <%_ } _%>
+  </GoAFormItem>
+<%_ } _%>

package/src/generators/react-form/react-form.js

@@ -80,7 +80,7 @@ function addFiles(host, options) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
         const formNames = (0, devkit_1.names)(options.formDefinition.name);
         const interfaceDefinition = yield (0, form_1.generateFormInterface)(options.formDefinition);
-        const templateOptions = Object.assign(Object.assign(Object.assign(Object.assign({}, options), options.formDefinition), formNames), { interfaceDefinition, tmpl: '' });
+        const templateOptions = Object.assign(Object.assign(Object.assign(Object.assign({}, options), options.formDefinition), formNames), { interfaceDefinition, includesPath: path.join(__dirname, 'includes'), tmpl: '' });
         (0, devkit_1.generateFiles)(host, path.join(__dirname, 'files'), `${options.projectRoot}/src/app`, templateOptions);
     });
 }

package/src/generators/react-form/react-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-form.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/react-form/react-form.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"react-form.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/react-form/react-form.ts"],"names":[],"mappings":"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"}

package/src/generators/react-form/react-forms.spec.ts

@@ -9,6 +9,7 @@ import { Schema } from './schema';
 import generator from './react-form';
 
 const formDefinition: FormDefinition = {
+  id: 'some-intake',
   name: 'Some Intake',
   dataSchema: {
     type: 'object',

package/src/generators/react-form/schema.d.ts

@@ -1,4 +1,5 @@
 import { EnvironmentName } from '@abgov/nx-oc';
+import { FormDefinition } from '../../utils/form';
 
 export interface Schema {
   project: string;

package/src/generators/react-form/schema.json

@@ -23,12 +23,12 @@
       },
       "alias": "e",
       "x-prompt": {
-        "message": "Which ADSP environment do you want to target?",
+        "message": "Which ADSP environment do you want to target? (Typically test for ADSP tenants.)",
         "type": "list",
         "items": [
-          "dev",
           "test",
-          "prod"
+          "prod",
+          "dev"
         ]
       }
     },

package/src/generators/react-task-list/files/__fileName__/__fileName__.module.css__tmpl__

@@ -0,0 +1,80 @@
+.taskList {
+  width: 80vw;
+  height: 80vh;
+  display: flex;
+  flex-direction: column;
+
+  .header {
+    height: 6vh;
+    flex-shrink: 0;
+    flex-grow: 0;
+
+    > div:first-child {
+      display: flex;
+      align-items: baseline;
+
+      > span {
+        margin-right: 14px;
+      }
+
+      > span:first-child {
+        margin-left: 14px;
+      }
+
+      > :last-child {
+        margin-left: auto;
+      }
+    }
+  }
+
+  .details {
+    height: 0;
+    transition: height 200ms;
+    position: relative;
+    flex-shrink: 0;
+
+    > * {
+      height: 100%;
+      width: 100%;
+    }
+
+    .detailsPlaceholder {
+      display: flex;
+      flex-direction: column;
+
+      > *:first-child {
+        flex-grow: 1;
+      }
+    }
+  }
+
+  .details[data-opened='true'] {
+    height: 74vh;
+  }
+
+  .list {
+    flex-grow: 1;
+    flex-shrink: 1;
+    position: relative;
+    overflow: hidden;
+
+    > div:first-child {
+      display: flex;
+      flex-direction: row;
+
+      > :first-child {
+        margin-right: auto;
+      }
+    }
+  }
+
+  .loading {
+    flex-grow: 2;
+    flex-shrink: 0;
+    height: 80vh;
+    display: flex;
+    > * {
+      margin: auto;
+    }
+  }
+}

package/src/generators/react-task-list/files/__fileName__/__fileName__.slice.spec.ts__tmpl__

@@ -0,0 +1,26 @@
+import {
+  initial<%= className %>TaskListState,
+  <%= propertyName %>TaskListActions,
+  <%= propertyName %>TaskListReducer,
+} from './<%= fileName %>.slice';
+
+describe('<%= fileName %> slice', () => {
+  describe('<%= propertyName %>TaskListReducer', () => {
+    it('can handle initial state', () => {
+      expect(<%= propertyName %>TaskListReducer(undefined, { type: '' })).toEqual(
+        initial<%= className %>TaskListState
+      );
+    });
+
+    it('can handle set step action', () => {
+      expect(
+        <%= propertyName %>TaskListReducer(
+          undefined,
+          <%= propertyName %>TaskListActions.setFilter('active')
+        )
+      ).toMatchObject({ filter: 'active' });
+    });
+
+    // TODO: Add state unit tests.
+  });
+});