@genesislcap/foundation-forms 13.5.0 → 13.6.0

package/dist/dts/form.d.ts

@@ -88,10 +88,6 @@ export declare class Form extends FoundationElement {
      * @internal
      */
     submitted: boolean;
-    /**
-     * @internal
-     */
-    submissionErrors: string;
     readonly: boolean;
     /**
      * @internal

package/dist/dts/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAc1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,gBAAgB;AAChB,eAAO,MAAM,MAAM,gDAAkC,CAAC;AActD,cAAc;AACd,eAAO,MAAM,SAAS,OAYrB,CAAC;AACF;;;;;GAKG;AAEH,qBAKa,IAAK,SAAQ,iBAAiB;IACzC;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;YACb,mBAAmB;IAUjC,OAAO,CAAC,oBAAoB;IAkB5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,eAAe,CAAC;IACtC;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAa;IACnD;;;;;;OAMG;IACS,UAAU,EAAE,WAAW,CAAC;IAEpC,OAAO,CAAC,MAAM,CAAa;IAClB,OAAO,CAAC,OAAO,CAAW;IACnC;;;OAGG;IACS,IAAI,EAAE,GAAG,CAAM;IAE3B;;OAEG;IACS,UAAU,EAAE,OAAO,CAAC;IAChC;;OAEG;IACS,SAAS,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACS,gBAAgB,EAAE,MAAM,CAAC;IAEV,QAAQ,EAAE,OAAO,CAAC;IAE7C;;OAEG;IACG,OAAO;IAoBb;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAQ3B,oBAAoB;CAOrB"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAc1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,gBAAgB;AAChB,eAAO,MAAM,MAAM,gDAAkC,CAAC;AActD,cAAc;AACd,eAAO,MAAM,SAAS,OAYrB,CAAC;AACF;;;;;GAKG;AAEH,qBAKa,IAAK,SAAQ,iBAAiB;IACzC;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;YACb,mBAAmB;IAQjC,OAAO,CAAC,oBAAoB;IA0B5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,eAAe,CAAC;IACtC;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAa;IACnD;;;;;;OAMG;IACS,UAAU,EAAE,WAAW,CAAC;IAEpC,OAAO,CAAC,MAAM,CAAqB;IAC1B,OAAO,CAAC,OAAO,CAAW;IACnC;;;OAGG;IACS,IAAI,EAAE,GAAG,CAAM;IAE3B;;OAEG;IACS,UAAU,EAAE,OAAO,CAAC;IAChC;;OAEG;IACS,SAAS,EAAE,OAAO,CAAC;IAEJ,QAAQ,EAAE,OAAO,CAAC;IAE7C;;OAEG;IACG,OAAO;IAwBb;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAQ3B,oBAAoB;CAMrB"}

package/dist/dts/form.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.styles.d.ts","sourceRoot":"","sources":["../../src/form.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,iDA0DhC,CAAC"}
+{"version":3,"file":"form.styles.d.ts","sourceRoot":"","sources":["../../src/form.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,iDAoDhC,CAAC"}

package/dist/dts/form.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AASnC,eAAO,MAAM,sBAAsB,2DA4BlC,CAAC"}
+{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AASnC,eAAO,MAAM,sBAAsB,2DA2BlC,CAAC"}

package/dist/esm/form.js

@@ -2,7 +2,7 @@ import { __awaiter, __decorate } from "tslib";
 import { Connect } from '@genesislcap/foundation-comms';
 import { createLogger } from '@genesislcap/foundation-utils';
 import { isControl, isStringControl, mapStateToControlProps, rankWith, } from '@jsonforms/core';
-import { attr, customElement, observable } from '@microsoft/fast-element';
+import { attr, customElement, DOM, observable } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { foundationFormStyles as styles } from './form.styles';
 import { foundationFormTemplate as template } from './form.template';
@@ -71,7 +71,6 @@ let Form = class Form extends FoundationElement {
                 const jsonSchemaResponse = yield this.connect.getJSONSchema(this.resourceName);
                 this.jsonSchema = (_b = (_a = jsonSchemaResponse === null || jsonSchemaResponse === void 0 ? void 0 : jsonSchemaResponse.INBOUND) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.DETAILS;
             }
-            this.removeDataProperties();
         });
     }
     removeDataProperties() {
@@ -80,30 +79,38 @@ let Form = class Form extends FoundationElement {
         }
         // removes data provided to the form that isn't part of the schema
         const properties = Object.keys(this.jsonSchema.properties);
+        let removedPropertiesCount = 0;
         Object.keys(this.data).forEach((key) => {
             if (!properties.includes(key)) {
                 delete this.data[key];
+                removedPropertiesCount = removedPropertiesCount + 1;
                 logger.debug('Removing key ', key, 'from provided data because it is not part of the payload');
             }
         });
+        // force update of the data object to trigger error validation
+        if (removedPropertiesCount > 0) {
+            this.data = Object.assign({}, this.data);
+        }
+        return removedPropertiesCount > 0;
     }
     /**
      * @internal
      */
     _submit() {
         return __awaiter(this, void 0, void 0, function* () {
-            const payload = Object.assign({}, this.data);
-            this.submissionErrors = '';
+            if (this.removeDataProperties()) {
+                yield DOM.nextUpdate();
+            }
             this.submitted = true;
+            const payload = Object.assign({}, this.data);
             logger.debug({ payload, errors: this.errors });
             this.$emit('submit', { payload, errors: this.errors });
-            if (Object.entries(payload).length !== 0 && !this.errors.length && this.resourceName) {
+            if (Object.entries(payload).length !== 0 && this.resourceName) {
                 this.submitting = true;
                 const formSubmitReq = yield this.connect.commitEvent(this.resourceName, { DETAILS: payload });
                 this.submitting = false;
                 if (formSubmitReq.ERROR) {
                     this.$emit('submit-failure', { payload, errors: formSubmitReq.ERROR });
-                    this.submissionErrors = formSubmitReq.ERROR.map((x) => x.CODE + ': ' + x.TEXT).toString();
                 }
                 else {
                     this.$emit('submit-success', { payload });
@@ -124,7 +131,6 @@ let Form = class Form extends FoundationElement {
     disconnectedCallback() {
         super.disconnectedCallback();
         this.submitted = false;
-        this.submissionErrors = '';
         this.data = {};
     }
 };
@@ -152,9 +158,6 @@ __decorate([
 __decorate([
     observable
 ], Form.prototype, "submitted", void 0);
-__decorate([
-    observable
-], Form.prototype, "submissionErrors", void 0);
 __decorate([
     attr({ mode: 'boolean' })
 ], Form.prototype, "readonly", void 0);

package/dist/esm/form.styles.js

@@ -1,9 +1,8 @@
 import { controlCornerRadius, designUnit, strokeWidth } from '@microsoft/fast-components';
 import { css } from '@microsoft/fast-element';
-import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation';
+import { forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation';
 import { SystemColors } from '@microsoft/fast-web-utilities';
 export const foundationFormStyles = css `
-  ${display('block')}
   :host {
     border: calc(${strokeWidth} * 1px) solid transparent;
     margin: 0;
@@ -35,7 +34,8 @@ export const foundationFormStyles = css `
 
   .actions {
     display: flex;
-    align-items: center;
+    flex-direction: column;
+    align-items: flex-end;
     justify-content: center;
     padding: calc(${designUnit} * 2px);
   }
@@ -44,12 +44,6 @@ export const foundationFormStyles = css `
     border-bottom: 2px solid red;
   }
 
-  .errors {
-    color: #f00;
-    font-size: 11px;
-    width: calc(100% - 70px);
-  }
-
   .submit-button {
     width: 70px;
   }

package/dist/esm/form.template.js

@@ -18,7 +18,6 @@ export const foundationFormTemplate = html `
     ></json-forms>
     ${when((x) => !x.readonly, html `
         <div class="actions">
-          <div class="errors">${(x) => x.submissionErrors}</div>
           <fast-button
             @click="${(x) => x._submit()}"
             ?disable=${(x) => !x.submitting}

package/dist/foundation-forms.d.ts

@@ -110,10 +110,6 @@ export declare class Form extends FoundationElement {
      * @internal
      */
     submitted: boolean;
-    /**
-     * @internal
-     */
-    submissionErrors: string;
     readonly: boolean;
     /**
      * @internal

package/docs/api-report.md

@@ -34,8 +34,6 @@ export class Form extends FoundationElement {
     // @public
     resourceName: string;
     // @internal (undocumented)
-    submissionErrors: string;
-    // @internal (undocumented)
     _submit(): Promise<void>;
     // @internal (undocumented)
     submitted: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-forms",
   "description": "Genesis Foundation Forms",
-  "version": "13.5.0",
+  "version": "13.6.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -48,7 +48,7 @@
     "test:unit:watch": "watchlist src test -- npm run test:unit"
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "^13.5.0",
+    "@genesislcap/foundation-testing": "^13.6.0",
     "@microsoft/api-documenter": "^7.19.13",
     "@microsoft/api-extractor": "^7.31.1",
     "@module-federation/dashboard-plugin": "2.3.0",
@@ -100,8 +100,8 @@
     "webpack-merge": "^5.7.3"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "^13.5.0",
-    "@genesislcap/foundation-utils": "^13.5.0",
+    "@genesislcap/foundation-comms": "^13.6.0",
+    "@genesislcap/foundation-utils": "^13.6.0",
     "@jsonforms/core": "^3.0.0",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -121,5 +121,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "504f19a2acb7b786341393bad782257832ca78e8"
+  "gitHead": "402177e1b790f32912a0ae57301efe8724f3b92b"
 }