@quadrel-enterprise-ui/framework 18.21.6 → 18.21.7

package/lib/page/model/page-config.interface.d.ts

@@ -251,7 +251,7 @@ export interface QdPageTypeCreateConfig {
     /**
      * @description Configuration for the submit button.
      */
-    submit: QdPageSubmitAction;
+    submit: QdPageCreateSubmitAction;
     /**
      * @description Custom actions for the header.
      * You can define a label, a handler, and you can disable or hide the action.
@@ -428,6 +428,23 @@ export interface QdPageCancelAction {
         i18n: string;
     };
 }
+/**
+ * @description Interface for the submit action on create pages.
+ */
+export interface QdPageCreateSubmitAction {
+    /**
+     * @description Label for the submit action, used for translation.
+     *
+     * * If no custom translation key is provided, a standard label will be used by default.
+     */
+    label?: {
+        i18n: string;
+    };
+    /**
+     * @description Handler function that is triggered when the submit action is executed.
+     */
+    handler: (formValues?: any) => void;
+}
 /**
  * @description Interface for the submit action.
  */

package/lib/page/page.component.d.ts

@@ -1,10 +1,10 @@
 import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
 import { Observable } from 'rxjs';
 import { QdDialogService } from '../dialog/dialog.module';
-import { QdPageStepperComponent } from '../page-stepper/page-stepper.component';
 import { QdPageStepperAdapterDirective } from '../page-stepper/adaptors/page-stepper-adapter.directive';
-import { QdPageTabsComponent } from '../page-tabs/page-tabs.component';
+import { QdPageStepperComponent } from '../page-stepper/page-stepper.component';
 import { QdPageTabsAdapterDirective } from '../page-tabs/adaptors/page-tabs-adapter.directive';
+import { QdPageTabsComponent } from '../page-tabs/page-tabs.component';
 import { QdSectionComponent } from '../section/section.component';
 import { QdPageControlPanelComponent } from './control-panel/page-control-panel.component';
 import { QdPageInfoBannerComponent } from './info-banner/page-info-banner.component';
@@ -229,7 +229,9 @@ import * as i0 from "@angular/core";
  *
  * #### **Create Page**
  *
- * On the create page, a new business case can be created. This page typically includes forms for entering data. The submit button is parameterized with the form data and is validated through the QdPageStepper. If only one step is needed, the single-step mode can be used. In single-step mode, the stepper is visually hidden and behaves like a **QdSection**.
+ * On the create page, a new business case can be created. This page typically includes forms for entering data. The submit button is parameterized with the form data and is validated through the QdPageStepper.
+ * The click on the submit button should submit the creation of the business case or object. You can define a specific handler in the submit button's configuration to create the object.
+ * If only one step is needed, the single-step mode can be used. In single-step mode, the stepper is visually hidden and behaves like a **QdSection**.
  *
  * ```ts
  * const createPageConfig: QdPageConfig<MyObjectType> = {
@@ -304,7 +306,7 @@ import * as i0 from "@angular/core";
  *
  * #### **Inspect Page**
  *
- * On an inspect page, a specific business case is displayed and may be edited or submitted.
+ * On an inspect page, a specific business case is displayed and may be edited or submitted. Depending on your needs you can hide the submit button.
  * In contrast to a create page, an existing object is shown and potentially updated.
  *
  * The page operates in one of two modes - `view` or `edit` - as defined by the `operationMode` configuration key.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quadrel-enterprise-ui/framework",
-  "version": "v18.21.6",
+  "version": "v18.21.7",
   "peerDependencies": {
     "@angular/cdk": "~18.2.9",
     "@angular/common": "~18.2.9",