saasufy-components 9.0.0 → 9.0.1

package/README.md

@@ -494,6 +494,7 @@ This component is similar to the `collection-adder` component except that it req
 - `success-message`: A message to show the user if the resource has been successfully added to the collection after submitting the form.
 - `trim-spaces`: If this attribute exists on the element, then leading and trailing spaces will be trimmed from each input element's value before submitting the form.
 - `auto-reset-hidden-inputs`: If this attribute exists, then `hidden` input elements which are inside the `collection-adder-form` will be cleared along with other input fields. By default, `hidden` input elements are not cleared when the form is reset.
+- `disable-submit-on-enter-key`: If this attribute exists, then the form will not submit when the enter key is pressed.
 - `greedy-refresh`: If this attribute exists, the component will refresh itself whenever an attribute is set, even if that attribute's value did not change.
 - `consumers`: This allows you to connect this `collection-adder-form` to other elements on your page. It should be used in conjunction with the `provider-template` attribute. The `consumers` attribute takes a list of selectors with optional attributes to target in the format `element-selector:attribute-name`. For example `.my-input:value` will find all elements with a `my-input` class and update their `value` attributes with the output of the `collection-adder-form` component on submit. You can specify multiple selectors separated by commas such as `.my-input,my-div`; in this case, because attribute names are not specified, values will be injected into the `value` attribute (for input elements) or into the `innerHTML` property (for other kinds of elements). The default attribute/property depends on the element type.
 - `success-consumers`: Same as the `consumers` attribute but the target elements are only updated if insertion was a success.

package/collection-adder-form.js

@@ -33,6 +33,7 @@ class CollectionAdderForm extends SocketConsumer {
       'collection-type',
       'model-values',
       'success-message',
+      'disable-submit-on-enter-key',
       'trim-spaces'
     ];
   }
@@ -244,6 +245,14 @@ class CollectionAdderForm extends SocketConsumer {
         await this.submit();
       }
     });
+
+    if (!this.hasAttribute('disable-submit-on-enter-key')) {
+      inputSlot.addEventListener('keydown', async (event) => {
+        if (event.key === 'Enter' && !event.shiftKey) {
+          await this.submit();
+        }
+      });
+    }
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "saasufy-components",
-  "version": "9.0.0",
+  "version": "9.0.1",
   "description": "Components for Saasufy.",
   "main": "index.js",
   "scripts": {