@genesislcap/foundation-forms 14.305.0 → 14.306.0

package/dist/custom-elements.json

@@ -57,6 +57,15 @@
               "name": "resourceNameChanged",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "confirmationMessage",
+              "type": {
+                "text": "string"
+              },
+              "description": "Optional confirmation message to display before form submission.\nIf set, a confirmation dialog will be shown when the user clicks submit.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "uischema",
@@ -371,6 +380,14 @@
               "description": "Name of the backend resource which will provide metadata\nused to generate form and later used for submitting data",
               "fieldName": "resourceName"
             },
+            {
+              "name": "confirmation-message",
+              "type": {
+                "text": "string"
+              },
+              "description": "Optional confirmation message to display before form submission.\nIf set, a confirmation dialog will be shown when the user clicks submit.",
+              "fieldName": "confirmationMessage"
+            },
             {
               "type": {
                 "text": "boolean"
@@ -1092,6 +1109,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/confirmation-dialog-utils.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/utils/filters.ts",

package/dist/dts/form.d.ts

@@ -81,15 +81,7 @@ declare const Form_base: (new (...args: any[]) => {
     slot: string;
     readonly tagName: string;
     attachShadow(init: ShadowRootInit): ShadowRoot;
-    checkVisibility(options
-    /**
-     * Controls the visibility of the submit button.
-     * @public
-     */
-    ? /**
-     * Controls the visibility of the submit button.
-     * @public
-     */: CheckVisibilityOptions): boolean;
+    checkVisibility(options?: CheckVisibilityOptions): boolean;
     closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K];
     closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K];
     closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K];
@@ -399,6 +391,12 @@ export declare class Form extends Form_base {
      */
     resourceName: string;
     private resourceNameChanged;
+    /**
+     * Optional confirmation message to display before form submission.
+     * If set, a confirmation dialog will be shown when the user clicks submit.
+     * @public
+     */
+    confirmationMessage: string;
     /**
      * UI schema used to define configuration of the layout and elements in the form
      * Check {@link UiSchema} for possible options

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

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAoB1C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAgBlD;;;GAGG;AACH,eAAO,MAAM,SAAS,OAkBrB,CAAC;;;;;;;kBANoB,CAAC;;;;;;;;8BAsDV,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAyCvB,CAAC;4IAOL,CAAD;wFAI2D,CAAC;+IACkE,CAAA;2FACb,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuCjH;;;OAGG;IACH,CAJF,CAAE;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;mBAsFyB,CAAC;;;;;;;;;;;;;6BAeikB,CAAC;8BAAuE,CAAC;kBAA4D,CAAC;;oBAA8F,CAAC;;sBAAkG,CAAC;oBAAkE,CAAC;;;;;;;;gDAAme,CAAC;;;;;;;;;;;;;;;;;;uBAA8yB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAAiiH,CAAC;yBAA8E,CAAC;UAAoD,GAAG;WAAgD,GAAG;;gBAA6E,GAAG;;;;;;;WAA4V,GAAG;YAAiD,GAAG;;;;;;;;;;;oBAAupC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAiiO,CAAC;cAA6F,CAAC;eAA8F,CAAC;gBAA+F,CAAC;;;;;;;;;;;;;;SAAulC,CAAC;;;iBAA+E,CAAC;;AApP7jgB;;;;;GAKG;AACH,qBAKa,IAAK,SAAQ,SAAiC;IACzD;;;OAGG;IAC0C,MAAM,EAAE,MAAM,CAAW;IACtE;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;YACb,mBAAmB;IAcjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,QAAQ,CAAC;IAC/B;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAa;IACnD;;OAEG;IACH,gBAAgB;IAGhB;;;OAGG;IACS,mBAAmB,EAAE,aAAa,EAAE,CAAM;IACtD;;OAEG;IACH,0BAA0B;IAG1B;;;;;OAKG;IACS,eAAe,EAAE,aAAa,EAAE,CAAa;IACzD,OAAO,CAAC,qBAAqB;IAI7B;;;;;;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;IAE/B;;;OAGG;IACwB,QAAQ,EAAE,OAAO,CAAC;IAC7C;;;OAGG;IACyD,UAAU,EAAE,OAAO,CAAC;IAEhF;;OAEG;IACG,OAAO;IA4Bb;;;OAGG;IACH,IAAc,cAAc,YAM3B;IAED;;OAEG;IACM,SAAS,IAAI,IAAI;IAW1B;;OAEG;IACH,UAAU,CAAC,KAAK,EAAE,WAAW;IAI7B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAY3B;;OAEG;IACH,oBAAoB;IAKpB;;;OAGG;IACH,KAAK,CAAC,SAAS,UAAO;CAMvB"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAoB1C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiBlD;;;GAGG;AACH,eAAO,MAAM,SAAS,OAkBrB,CAAC;;;;;;;kBATW,CAAC;;;;;;;;8BAoD4B,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAwCxD,CAAC;4IAE6H,CAAC;wFAQvH,CAAC;+IAQJ,CAAC;2FAMsC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAuBpC,CAAC;;;;;;;;;;;;;;;;;;;;;;;mBAkFF,CAAC;;;;;;;;;;;;;6BA2CL,CAAC;8BAGL,CAAF;kBAMI,CAAC;;oBAID,CAAH;;sBAGsF,CAAC;oBAAkE,CAAC;;;;;;;;gDAAme,CAAC;;;;;;;;;;;;;;;;;;uBAA8yB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAAiiH,CAAC;yBAA8E,CAAC;UAAoD,GAAG;WAAgD,GAAG;;gBAA6E,GAAG;;;;;;;WAA4V,GAAG;YAAiD,GAAG;;;;;;;;;;;oBAAupC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAiiO,CAAC;cAA6F,CAAC;eAA8F,CAAC;gBAA+F,CAAC;;;;;;;;;;;;;;SAAulC,CAAC;;;iBAA+E,CAAC;;AA9Q7ue;;;;;GAKG;AACH,qBAKa,IAAK,SAAQ,SAAiC;IACzD;;;OAGG;IAC0C,MAAM,EAAE,MAAM,CAAW;IACtE;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;YACb,mBAAmB;IAcjC;;;;OAIG;IAC0C,mBAAmB,EAAE,MAAM,CAAC;IAEzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,QAAQ,CAAC;IAC/B;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAa;IACnD;;OAEG;IACH,gBAAgB;IAGhB;;;OAGG;IACS,mBAAmB,EAAE,aAAa,EAAE,CAAM;IACtD;;OAEG;IACH,0BAA0B;IAG1B;;;;;OAKG;IACS,eAAe,EAAE,aAAa,EAAE,CAAa;IACzD,OAAO,CAAC,qBAAqB;IAI7B;;;;;;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;IAE/B;;;OAGG;IACwB,QAAQ,EAAE,OAAO,CAAC;IAC7C;;;OAGG;IACyD,UAAU,EAAE,OAAO,CAAC;IAEhF;;OAEG;IACG,OAAO;IA+Cb;;;OAGG;IACH,IAAc,cAAc,YAM3B;IAED;;OAEG;IACM,SAAS,IAAI,IAAI;IAW1B;;OAEG;IACH,UAAU,CAAC,KAAK,EAAE,WAAW;IAI7B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAY3B;;OAEG;IACH,oBAAoB;IAKpB;;;OAGG;IACH,KAAK,CAAC,SAAS,UAAO;CAMvB"}

package/dist/dts/utils/confirmation-dialog-utils.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Finds the modal parent element to use as boundary for notifications.
+ * This is required to ensure the confirmation message appears above the entity manager form modal.
+ * @internal
+ * @param element - The element to start searching from
+ * @returns The modal parent element or undefined if not found
+ */
+export declare const findModalParent: (element: HTMLElement) => HTMLElement | undefined;
+/**
+ * Shows a confirmation dialog using the foundation notifications system.
+ * @internal
+ * @param confirmationMessage - The message to display in the confirmation dialog
+ * @param prefix - The design system prefix
+ * @param modalParent - The modal parent element to use as boundary
+ * @returns A promise that resolves to true if confirmed, false if cancelled
+ */
+export declare const showConfirmationDialog: (confirmationMessage: string, prefix: string, modalParent?: HTMLElement) => Promise<boolean>;
+//# sourceMappingURL=confirmation-dialog-utils.d.ts.map

package/dist/dts/utils/confirmation-dialog-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation-dialog-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/confirmation-dialog-utils.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,KAAG,WAAW,GAAG,SAapE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GACjC,qBAAqB,MAAM,EAC3B,QAAQ,MAAM,EACd,cAAc,WAAW,KACxB,OAAO,CAAC,OAAO,CAuBjB,CAAC"}

package/dist/esm/form.js

@@ -24,6 +24,7 @@ import { NumberControlRendererEntry } from './jsonforms/renderers/NumberControlR
 import { StringArrayEntry } from './jsonforms/renderers/StringArrayControlRenderer';
 import { StringControlRendererTemplate } from './jsonforms/renderers/StringControlRenderer';
 import { logger } from './utils';
+import { findModalParent, showConfirmationDialog } from './utils/confirmation-dialog-utils';
 import { removeDataPropertiesNotInSchema } from './utils/form-utils';
 const stringEntry = {
     renderer: StringControlRendererTemplate,
@@ -134,6 +135,17 @@ let Form = class Form extends LifecycleMixin(FoundationElement) {
             if (this.submitting) {
                 return;
             }
+            // Show confirmation dialog if confirmation message is set
+            if (this.confirmationMessage) {
+                const modalParent = findModalParent(this);
+                if (!modalParent) {
+                    logger.warn('No modal parent found for confirmation dialog. Dialog may not display as expected.');
+                }
+                const confirmed = yield showConfirmationDialog(this.confirmationMessage, this.prefix, modalParent);
+                if (!confirmed) {
+                    return;
+                }
+            }
             if (removeDataPropertiesNotInSchema(this.data, this.jsonSchema)) {
                 this.data = Object.assign({}, this.data);
                 yield DOM.nextUpdate();
@@ -224,6 +236,9 @@ __decorate([
 __decorate([
     attr
 ], Form.prototype, "resourceName", void 0);
+__decorate([
+    attr({ attribute: 'confirmation-message' })
+], Form.prototype, "confirmationMessage", void 0);
 __decorate([
     observable
 ], Form.prototype, "uischema", void 0);

package/dist/esm/utils/confirmation-dialog-utils.js

@@ -0,0 +1,48 @@
+import { showNotificationDialog } from '@genesislcap/foundation-notifications';
+/**
+ * Finds the modal parent element to use as boundary for notifications.
+ * This is required to ensure the confirmation message appears above the entity manager form modal.
+ * @internal
+ * @param element - The element to start searching from
+ * @returns The modal parent element or undefined if not found
+ */
+export const findModalParent = (element) => {
+    let current = element.parentElement;
+    while (current) {
+        // Look for modal elements (rapid-modal, zero-modal, foundation-modal)
+        if (current.tagName &&
+            (current.tagName.toLowerCase().includes('modal') || current.classList.contains('edit-modal'))) {
+            return current;
+        }
+        current = current.parentElement;
+    }
+    return undefined;
+};
+/**
+ * Shows a confirmation dialog using the foundation notifications system.
+ * @internal
+ * @param confirmationMessage - The message to display in the confirmation dialog
+ * @param prefix - The design system prefix
+ * @param modalParent - The modal parent element to use as boundary
+ * @returns A promise that resolves to true if confirmed, false if cancelled
+ */
+export const showConfirmationDialog = (confirmationMessage, prefix, modalParent) => {
+    return new Promise((resolve) => {
+        showNotificationDialog({
+            title: 'Confirm Submission',
+            body: confirmationMessage,
+            dialog: {
+                confirmingActions: [
+                    {
+                        label: 'Submit',
+                        action: () => resolve(true),
+                    },
+                ],
+                dismissingAction: {
+                    label: 'Cancel',
+                    action: () => resolve(false),
+                },
+            },
+        }, `${prefix}-form`, modalParent);
+    });
+};

package/dist/foundation-forms.api.json

@@ -1000,6 +1000,36 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-forms!Form#confirmationMessage:member",
+              "docComment": "/**\n * Optional confirmation message to display before form submission. If set, a confirmation dialog will be shown when the user clicks submit.\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "confirmationMessage: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "confirmationMessage",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-forms!Form#data:member",

package/dist/foundation-forms.d.ts

@@ -331,6 +331,12 @@ export declare class Form extends Form_base {
      */
     resourceName: string;
     private resourceNameChanged;
+    /**
+     * Optional confirmation message to display before form submission.
+     * If set, a confirmation dialog will be shown when the user clicks submit.
+     * @public
+     */
+    confirmationMessage: string;
     /**
      * UI schema used to define configuration of the layout and elements in the form
      * Check {@link UiSchema} for possible options
@@ -536,15 +542,7 @@ declare const Form_base: (new (...args: any[]) => {
     slot: string;
     readonly tagName: string;
     attachShadow(init: ShadowRootInit): ShadowRoot;
-    checkVisibility(options
-    /**
-    * Controls the visibility of the submit button.
-    * @public
-    */
-    ? /**
-    * Controls the visibility of the submit button.
-    * @public
-    */: CheckVisibilityOptions): boolean;
+    checkVisibility(options?: CheckVisibilityOptions): boolean;
     closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K];
     closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K];
     closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K];

package/docs/api/foundation-forms.form.confirmationmessage.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Form](./foundation-forms.form.md) &gt; [confirmationMessage](./foundation-forms.form.confirmationmessage.md)
+
+## Form.confirmationMessage property
+
+Optional confirmation message to display before form submission. If set, a confirmation dialog will be shown when the user clicks submit.
+
+**Signature:**
+
+```typescript
+confirmationMessage: string;
+```

package/docs/api/foundation-forms.form.md

@@ -54,6 +54,25 @@ Description
 Allows to provide set of additional renderers used by the form.
 
 
+</td></tr>
+<tr><td>
+
+[confirmationMessage](./foundation-forms.form.confirmationmessage.md)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+Optional confirmation message to display before form submission. If set, a confirmation dialog will be shown when the user clicks submit.
+
+
 </td></tr>
 <tr><td>
 

package/docs/api-report.md.api.md

@@ -120,6 +120,7 @@ export class Form extends Form_base {
     additionalRenderers: RendererEntry[];
     // @internal (undocumented)
     additionalRenderersChanged(): void;
+    confirmationMessage: string;
     data: any;
     // @internal (undocumented)
     deepClone(): Node;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-forms",
   "description": "Genesis Foundation Forms",
-  "version": "14.305.0",
+  "version": "14.306.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -48,22 +48,22 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.305.0",
-    "@genesislcap/genx": "14.305.0",
-    "@genesislcap/rollup-builder": "14.305.0",
-    "@genesislcap/ts-builder": "14.305.0",
-    "@genesislcap/uvu-playwright-builder": "14.305.0",
-    "@genesislcap/vite-builder": "14.305.0",
-    "@genesislcap/webpack-builder": "14.305.0",
+    "@genesislcap/foundation-testing": "14.306.0",
+    "@genesislcap/genx": "14.306.0",
+    "@genesislcap/rollup-builder": "14.306.0",
+    "@genesislcap/ts-builder": "14.306.0",
+    "@genesislcap/uvu-playwright-builder": "14.306.0",
+    "@genesislcap/vite-builder": "14.306.0",
+    "@genesislcap/webpack-builder": "14.306.0",
     "@types/json-schema": "^7.0.11"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.305.0",
-    "@genesislcap/foundation-criteria": "14.305.0",
-    "@genesislcap/foundation-logger": "14.305.0",
-    "@genesislcap/foundation-notifications": "14.305.0",
-    "@genesislcap/foundation-ui": "14.305.0",
-    "@genesislcap/foundation-utils": "14.305.0",
+    "@genesislcap/foundation-comms": "14.306.0",
+    "@genesislcap/foundation-criteria": "14.306.0",
+    "@genesislcap/foundation-logger": "14.306.0",
+    "@genesislcap/foundation-notifications": "14.306.0",
+    "@genesislcap/foundation-ui": "14.306.0",
+    "@genesislcap/foundation-utils": "14.306.0",
     "@json-schema-tools/dereferencer": "^1.6.1",
     "@jsonforms/core": "^3.2.1",
     "@microsoft/fast-components": "2.30.6",
@@ -84,5 +84,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "d936ada51801a5d7b91c5301f39616fd650e7f5b"
+  "gitHead": "df5d88c4e8e25a56d2bf22dab70ca551784e6df0"
 }