FIO-7933 added PDF Document Designer

src/WebformBuilder.js

@@ -134,6 +134,7 @@ export default class WebformBuilder extends Component {
         html,
         disableBuilderActions: self?.component?.disableBuilderActions,
         childComponent: component,
+        design: self?.options?.design
       });
     };
 
@@ -560,6 +561,7 @@ export default class WebformBuilder extends Component {
   attach(element) {
     this.on('change', (form) => {
       this.populateRecaptchaSettings(form);
+      this.webform.setAlert(false);
     });
     return super.attach(element).then(() => {
       this.loadRefs(element, {
@@ -945,6 +947,21 @@ export default class WebformBuilder extends Component {
       }
     }
 
+    if (draggableComponent.uniqueComponent) {
+      let isCompAlreadyExists = false;
+      eachComponent(this.webform.components, (component) => {
+        if (component.key === draggableComponent.schema.key) {
+          isCompAlreadyExists = true;
+          return;
+        }
+      }, true);
+      if (isCompAlreadyExists) {
+        this.webform.redraw();
+        this.webform.setAlert('danger', `You cannot add more than one ${draggableComponent.title} component to one page.`);
+        return;
+      }
+    }
+
     if (target !== source) {
       // Ensure the key remains unique in its new container.
       BuilderUtils.uniquify(this.findNamespaceRoot(target.formioComponent), info);
@@ -982,7 +999,7 @@ export default class WebformBuilder extends Component {
 
     const componentInDataGrid = parent.type === 'datagrid';
 
-    if (isNew && !this.options.noNewEdit && !info.noNewEdit) {
+    if (isNew && !this.options.noNewEdit && !info.noNewEdit && !(this.options.design && info.type === 'reviewpage')) {
       this.editComponent(info, target, isNew, null, null, { inDataGrid: componentInDataGrid });
     }
 

src/components/datagrid/DataGrid.js

@@ -240,7 +240,7 @@ export default class DataGridComponent extends NestedArrayComponent {
   }
 
   get canAddColumn() {
-    return this.builderMode;
+    return this.builderMode && !this.options.design;
   }
 
   render() {