@genesislcap/foundation-forms 15.57.0 → 15.58.1-FUI-2629.4

package/dist/dts/jsonforms/renderers/CategorizationWrapperRenderer.d.ts

@@ -17,6 +17,13 @@ export declare class CategorizationWrapper extends FASTElement {
     control: any;
     mountedTabs: Set<number>;
     activeTabIndex: number;
+    /**
+     * Tabs the user has interacted with (focus left a control inside the panel).
+     * Field errors only render once touched or after submit; the tab marker follows
+     * the same rule so a pristine form does not open with error icons on its tabs.
+     */
+    touchedTabs: Set<number>;
+    private submittedObserver?;
     /**
      * `control` is rebuilt from scratch on every JSONForms state change (every
      * keystroke, validation pass, async default-data update), so `controlChanged`
@@ -30,6 +37,9 @@ export declare class CategorizationWrapper extends FASTElement {
     private lastAdditionalErrors?;
     private cachedErrorScopes;
     controlChanged(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    markTabTouched(index: number): void;
     isMounted(index: number): boolean;
     handleTabChange(event: Event): void;
     hasCategoryError(categoryIndex: number): boolean;

package/dist/dts/jsonforms/renderers/CategorizationWrapperRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/CategorizationWrapperRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CACxC,cAAc,EAAE,MAAM,GAAG,SAAS,EAClC,QAAQ,EAAE,eAAe,EAAE,GAC1B,MAAM,CAKR;AAED,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,GAAG,MAAM,CAMrF;AAED,eAAO,MAAM,oBAAoB,iDAKhC,CAAC;AAEF,eAAO,MAAM,qCAAqC,GAChD,eAAe,+EA6DhB,CAAC;AAkBF,qBAQa,qBAAsB,SAAQ,WAAW;IACxC,IAAI,MAAC;IACL,OAAO,MAAC;IACR,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAgB;IACxC,cAAc,EAAE,MAAM,CAAK;IAEvC;;;;;;;OAOG;IACH,OAAO,CAAC,wBAAwB,CAAS;IACzC,OAAO,CAAC,UAAU,CAAC,CAAgB;IACnC,OAAO,CAAC,oBAAoB,CAAC,CAAgB;IAC7C,OAAO,CAAC,iBAAiB,CAAgB;IAEzC,cAAc;IAUd,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIjC,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO;IAQhD;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;CAWvB"}
+{"version":3,"file":"CategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/CategorizationWrapperRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,WAAW,EAMZ,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CACxC,cAAc,EAAE,MAAM,GAAG,SAAS,EAClC,QAAQ,EAAE,eAAe,EAAE,GAC1B,MAAM,CAKR;AAED,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,GAAG,MAAM,CAMrF;AAED,eAAO,MAAM,oBAAoB,iDAKhC,CAAC;AAEF,eAAO,MAAM,qCAAqC,GAChD,eAAe,+EAmEhB,CAAC;AAkBF,qBAQa,qBAAsB,SAAQ,WAAW;IACxC,IAAI,MAAC;IACL,OAAO,MAAC;IACR,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAgB;IACxC,cAAc,EAAE,MAAM,CAAK;IAEvC;;;;OAIG;IACS,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAa;IACjD,OAAO,CAAC,iBAAiB,CAAC,CAAkB;IAE5C;;;;;;;OAOG;IACH,OAAO,CAAC,wBAAwB,CAAS;IACzC,OAAO,CAAC,UAAU,CAAC,CAAgB;IACnC,OAAO,CAAC,oBAAoB,CAAC,CAAgB;IAC7C,OAAO,CAAC,iBAAiB,CAAgB;IAEzC,cAAc;IAUd,iBAAiB;IAejB,oBAAoB;IAMpB,cAAc,CAAC,KAAK,EAAE,MAAM;IAK5B,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIjC,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO;IAShD;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;CAWvB"}

package/dist/dts/jsonforms/renderers/VerticalCategorizationWrapperRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalCategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/VerticalCategorizationWrapperRenderer.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,qBAAqB,EAA4B,MAAM,iCAAiC,CAAC;AAElG,eAAO,MAAM,6CAA6C,GACxD,eAAe,uFA0EhB,CAAC;AAmEF,qBAQa,6BAA8B,SAAQ,qBAAqB;IAChE,MAAM,EAAE,MAAM,CAAM;IAE1B,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAMjD,iBAAiB;CAIlB"}
+{"version":3,"file":"VerticalCategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/VerticalCategorizationWrapperRenderer.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,qBAAqB,EAA4B,MAAM,iCAAiC,CAAC;AAElG,eAAO,MAAM,6CAA6C,GACxD,eAAe,uFA8EhB,CAAC;AAmEF,qBAQa,6BAA8B,SAAQ,qBAAqB;IAChE,MAAM,EAAE,MAAM,CAAM;IAE1B,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAMjD,iBAAiB;CAIlB"}

package/dist/esm/jsonforms/renderers/CategorizationWrapperRenderer.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { html, css, observable, customElement, FASTElement, repeat, when, } from '@microsoft/fast-element';
+import { html, css, observable, customElement, FASTElement, repeat, Observable, when, defaultExecutionContext, } from '@microsoft/fast-element';
 import { classNames } from '@microsoft/fast-web-utilities';
 import { extractErrorScopes, uiSchemaHasAnyError } from '../../utils/schema-utils';
 /**
@@ -50,7 +50,13 @@ export const CategorizationWrapperRendererTemplate = (prefix = 'zero') => html `
           </${prefix}-tab>
         `, { positioning: true })}
       ${repeat((x) => x.control.uischema.elements, html `
-          <${prefix}-tab-panel class="tab-panel-control">
+          <${prefix}-tab-panel
+            class="tab-panel-control"
+            @focusout=${(x, ctx) => {
+    ctx.parent.markTabTouched(ctx.index);
+    return true;
+}}
+          >
             ${when((x, ctx) => ctx.parent.isMounted(ctx.index), html `
                 ${repeat((x) => x.options.childElements, html `
                     <dispatch-renderer
@@ -94,6 +100,12 @@ let CategorizationWrapper = class CategorizationWrapper extends FASTElement {
         super(...arguments);
         this.mountedTabs = new Set([0]);
         this.activeTabIndex = 0;
+        /**
+         * Tabs the user has interacted with (focus left a control inside the panel).
+         * Field errors only render once touched or after submit; the tab marker follows
+         * the same rule so a pristine form does not open with error icons on its tabs.
+         */
+        this.touchedTabs = new Set();
         /**
          * `control` is rebuilt from scratch on every JSONForms state change (every
          * keystroke, validation pass, async default-data update), so `controlChanged`
@@ -117,6 +129,31 @@ let CategorizationWrapper = class CategorizationWrapper extends FASTElement {
         this.activeTabIndex = resolveActiveCategoryIndex(activeCategory, (_b = uischema === null || uischema === void 0 ? void 0 : uischema.elements) !== null && _b !== void 0 ? _b : []);
         this.mountedTabs = new Set([this.activeTabIndex]);
     }
+    connectedCallback() {
+        super.connectedCallback();
+        // A form reset clears `submitted` (and every field's `touched`), so clear the
+        // tab markers with it.
+        const observer = Observable.binding((x) => { var _a; return (_a = x.form) === null || _a === void 0 ? void 0 : _a.submitted; }, {
+            handleChange: () => {
+                if (!observer.observe(this, defaultExecutionContext)) {
+                    this.touchedTabs = new Set();
+                }
+            },
+        });
+        this.submittedObserver = observer;
+        observer.observe(this, defaultExecutionContext);
+    }
+    disconnectedCallback() {
+        var _a;
+        super.disconnectedCallback();
+        (_a = this.submittedObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.submittedObserver = undefined;
+    }
+    markTabTouched(index) {
+        if (this.touchedTabs.has(index))
+            return;
+        this.touchedTabs = new Set(this.touchedTabs).add(index);
+    }
     isMounted(index) {
         return this.mountedTabs.has(index);
     }
@@ -130,11 +167,13 @@ let CategorizationWrapper = class CategorizationWrapper extends FASTElement {
         this.mountedTabs = new Set(this.mountedTabs).add(index);
     }
     hasCategoryError(categoryIndex) {
-        var _a, _b, _c, _d;
-        const elements = (_b = (_a = this.control) === null || _a === void 0 ? void 0 : _a.uischema) === null || _b === void 0 ? void 0 : _b.elements;
+        var _a, _b, _c, _d, _e;
+        if (!((_a = this.form) === null || _a === void 0 ? void 0 : _a.submitted) && !this.touchedTabs.has(categoryIndex))
+            return false;
+        const elements = (_c = (_b = this.control) === null || _b === void 0 ? void 0 : _b.uischema) === null || _c === void 0 ? void 0 : _c.elements;
         if (!elements)
             return false;
-        const errorScopes = this.getErrorScopes((_d = (_c = this.form) === null || _c === void 0 ? void 0 : _c.jsonforms) === null || _d === void 0 ? void 0 : _d.core);
+        const errorScopes = this.getErrorScopes((_e = (_d = this.form) === null || _d === void 0 ? void 0 : _d.jsonforms) === null || _e === void 0 ? void 0 : _e.core);
         if (errorScopes.length === 0)
             return false;
         return uiSchemaHasAnyError(elements[categoryIndex], errorScopes);
@@ -170,6 +209,9 @@ __decorate([
 __decorate([
     observable
 ], CategorizationWrapper.prototype, "activeTabIndex", void 0);
+__decorate([
+    observable
+], CategorizationWrapper.prototype, "touchedTabs", void 0);
 CategorizationWrapper = __decorate([
     customElement({
         name: 'categorization-wrapper',

package/dist/esm/jsonforms/renderers/VerticalCategorizationWrapperRenderer.js

@@ -30,6 +30,10 @@ export const VerticalCategorizationWrapperRendererTemplate = (prefix = 'zero') =
         `, { positioning: true })}
       ${repeat((x) => x.control.uischema.elements, html `
           <${prefix}-tab-panel
+            @focusout=${(x, ctx) => {
+    ctx.parent.markTabTouched(ctx.index);
+    return true;
+}}
             class="${(x, ctx) => {
     var _a, _b, _c;
     const custom = computeCategoryClassName(x, (_c = (_b = (_a = ctx.parent.form) === null || _a === void 0 ? void 0 : _a.jsonforms) === null || _b === void 0 ? void 0 : _b.core) === null || _c === void 0 ? void 0 : _c.data);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-forms",
   "description": "Genesis Foundation Forms",
-  "version": "15.57.0",
+  "version": "15.58.1-FUI-2629.4",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -56,12 +56,12 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "15.57.0",
-    "@genesislcap/genx": "15.57.0",
-    "@genesislcap/ts-builder": "15.57.0",
-    "@genesislcap/uvu-playwright-builder": "15.57.0",
-    "@genesislcap/vite-builder": "15.57.0",
-    "@genesislcap/webpack-builder": "15.57.0",
+    "@genesislcap/foundation-testing": "15.58.1-FUI-2629.4",
+    "@genesislcap/genx": "15.58.1-FUI-2629.4",
+    "@genesislcap/ts-builder": "15.58.1-FUI-2629.4",
+    "@genesislcap/uvu-playwright-builder": "15.58.1-FUI-2629.4",
+    "@genesislcap/vite-builder": "15.58.1-FUI-2629.4",
+    "@genesislcap/webpack-builder": "15.58.1-FUI-2629.4",
     "@types/json-schema": "^7.0.11",
     "@types/papaparse": "^5.3.14"
   },
@@ -78,12 +78,12 @@
     }
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "15.57.0",
-    "@genesislcap/foundation-criteria": "15.57.0",
-    "@genesislcap/foundation-logger": "15.57.0",
-    "@genesislcap/foundation-notifications": "15.57.0",
-    "@genesislcap/foundation-ui": "15.57.0",
-    "@genesislcap/foundation-utils": "15.57.0",
+    "@genesislcap/foundation-comms": "15.58.1-FUI-2629.4",
+    "@genesislcap/foundation-criteria": "15.58.1-FUI-2629.4",
+    "@genesislcap/foundation-logger": "15.58.1-FUI-2629.4",
+    "@genesislcap/foundation-notifications": "15.58.1-FUI-2629.4",
+    "@genesislcap/foundation-ui": "15.58.1-FUI-2629.4",
+    "@genesislcap/foundation-utils": "15.58.1-FUI-2629.4",
     "@json-schema-tools/dereferencer": "^1.6.1",
     "@jsonforms/core": "^3.2.1",
     "@microsoft/fast-components": "2.30.6",