Paragraphs Simple Edit - CRUD on separate pages

composer.json

@@ -64,6 +64,7 @@
         "drupal/pantheon_advanced_page_cache": "2.3.3",
         "drupal/paragraphs": "^1.17",
         "drupal/paragraphs_edit": "^3.0",
+        "drupal/paragraphs_modal_add": "^1.0",
         "drupal/password_policy": "^4.0",
         "drupal/pathauto": "^1.12",
         "drupal/permissions_filter": "^1.3",

config/sync/core.entity_form_display.node.landing_page.default.yml

@@ -11,7 +11,7 @@ dependencies:
   module:
     - content_moderation
     - metatag
-    - paragraphs
+    - paragraphs_simple_edit
     - path
 id: node.landing_page.default
 targetEntityType: node
@@ -40,7 +40,7 @@ content:
       use_details: true
     third_party_settings: {  }
   field_paragraphs:
-    type: paragraphs
+    type: paragraphs_simple_edit_default
     weight: 10
     region: content
     settings:
@@ -49,14 +49,15 @@ content:
       edit_mode: closed
       closed_mode: summary
       autocollapse: none
-      closed_mode_threshold: 0
+      closed_mode_threshold: '0'
       add_mode: dropdown
       form_display_mode: default
       default_paragraph_type: _none
       features:
-        add_above: '0'
-        collapse_edit_all: collapse_edit_all
         duplicate: duplicate
+        collapse_edit_all: collapse_edit_all
+        add_above: 0
+        convert: 0
     third_party_settings: {  }
   langcode:
     type: language_select

config/sync/core.extension.yml

@@ -69,6 +69,8 @@ module:
   page_cache: 0
   pantheon_advanced_page_cache: 0
   paragraphs_edit: 0
+  paragraphs_modal_add: 0
+  paragraphs_simple_edit: 0
   password_policy_blacklist: 0
   password_policy_character_types: 0
   password_policy_length: 0

web/modules/custom/paragraphs_simple_edit/config/schema/paragraphs_simple_edit.schema.yml

@@ -0,0 +1,36 @@
+field.widget.settings.paragraphs_simple_edit_default:
+  type: mapping
+  label: 'Paragraphs simple edit widget settings'
+  mapping:
+    title:
+      type: string
+      label: 'Title'
+    title_plural:
+      type: string
+      label: 'Title plural'
+    edit_mode:
+      type: string
+      label: 'Edit mode'
+    closed_mode:
+      type: string
+      label: 'Closed mode'
+    autocollapse:
+      type: string
+      label: 'Autocollapse'
+    closed_mode_threshold:
+      type: integer
+      label: 'Closed mode threshold'
+    add_mode:
+      type: string
+      label: 'Add mode'
+    form_display_mode:
+      type: string
+      label: 'Form display mode'
+    default_paragraph_type:
+      type: string
+      label: 'Default paragraph type'
+    features:
+      type: sequence
+      label: 'Features'
+      sequence:
+        type: string

web/modules/custom/paragraphs_simple_edit/css/paragraphs_simple_edit.claro.css

@@ -0,0 +1,14 @@
+/* Claro theme automatically adds the .button--small class, which introduces
+   extra margin and padding. These overrides remove the unwanted spacing
+   applied to the link wrapper. */
+.paragraph-simple-edit--add-button.dropbutton.button--small {
+  margin: 0;
+  padding: 0;
+}
+
+/* Claro theme applies certain admin styles (e.g., accordion, tabs) based on
+   class names. These overrides ensure paragraph widgets display correctly
+   regardless of their type. */
+.paragraph-simple-edit--add-button li {
+  box-shadow: none;
+}

web/modules/custom/paragraphs_simple_edit/paragraphs_simple_edit.info.yml

@@ -0,0 +1,8 @@
+name: 'Paragraphs Simple Edit'
+type: module
+description: 'Provides a paragraphs field widget that allows editing, adding, and deleting paragraphs on dedicated pages.'
+package: Paragraphs
+core_version_requirement: ^10 || ^11
+dependencies:
+  - paragraphs_edit:paragraphs_edit
+  - paragraphs_modal_add:paragraphs_modal_add

web/modules/custom/paragraphs_simple_edit/paragraphs_simple_edit.libraries.yml

@@ -0,0 +1,5 @@
+widget.claro:
+  version: 1.x
+  css:
+    theme:
+      css/paragraphs_simple_edit.claro.css: {}