saasufy-components 2.7.0 → 2.8.0

package/collection-adder.js

@@ -40,7 +40,10 @@ class CollectionAdder extends SocketConsumer {
       'model-values',
       'submit-button-label',
       'hide-submit-button',
-      'success-message'
+      'success-message',
+      'autocapitalize',
+      'autocorrect',
+      'trim-spaces'
     ];
   }
 
@@ -106,6 +109,8 @@ class CollectionAdder extends SocketConsumer {
       }
     }
 
+    let trimSpaces = this.hasAttribute('trim-spaces');
+
     let newModelData = {
       ...this.modelFieldValues,
       ...radioData,
@@ -121,7 +126,11 @@ class CollectionAdder extends SocketConsumer {
             } else {
               value = input.value;
             }
-            return [ input.name, Type(value) ];
+            let sanitizedValue = Type(value);
+            if (trimSpaces && typeof sanitizedValue === 'string') {
+              sanitizedValue = sanitizedValue.trim();
+            }
+            return [ input.name, sanitizedValue ];
           })
       )
     };
@@ -188,6 +197,15 @@ class CollectionAdder extends SocketConsumer {
       fieldValues: optionLabels
     } = this.getFieldDetails(this.getAttribute('option-labels'));
 
+    let autocapitalize = this.getAttribute('autocapitalize');
+    let autocorrect = this.getAttribute('autocorrect');
+
+    let extraAttributesString = `${
+      autocapitalize ? ` autocapitalize="${autocapitalize}"` : ''
+    }${
+      autocorrect ? ` autocorrect="${autocorrect}"` : ''
+    }`;
+
     this.modelFieldValues = modelFieldValues;
 
     if (this.collection) this.collection.destroy();
@@ -242,7 +260,7 @@ class CollectionAdder extends SocketConsumer {
               field
             }" placeholder="${
               inputLabel
-            }" />
+            }"${extraAttributesString} />
             <select class="collection-adder-select">
               <option value="" selected disabled hidden>${optionLabel}</option>
               ${inputTypeParams.map(param => `<option value="${param}">${param}</option>`).join('')}
@@ -278,7 +296,7 @@ class CollectionAdder extends SocketConsumer {
             field
           }" placeholder="${
             inputLabel
-          }"></textarea>`
+          }"${extraAttributesString}></textarea>`
         );
       } else {
         items.push(
@@ -288,7 +306,7 @@ class CollectionAdder extends SocketConsumer {
             field
           }" placeholder="${
             inputLabel
-          }" />`
+          }"${extraAttributesString} />`
         );
       }
     }

package/input-provider.js

@@ -28,7 +28,9 @@ class InputProvider extends HTMLElement {
       'debounce-delay',
       'options',
       'value',
-      'height'
+      'height',
+      'autocapitalize',
+      'autocorrect'
     ];
   }
 
@@ -59,6 +61,8 @@ class InputProvider extends HTMLElement {
   render() {
     this.innerHTML = '';
     let inputId = this.getAttribute('input-id');
+    let autocapitalize = this.getAttribute('autocapitalize');
+    let autocorrect = this.getAttribute('autocorrect');
     let inputList = this.getAttribute('list');
     let type = this.getAttribute('type') || 'text';
     let placeholder = this.getAttribute('placeholder');
@@ -97,6 +101,12 @@ class InputProvider extends HTMLElement {
     if (inputId) {
       this.inputElement.setAttribute('id', inputId);
     }
+    if (autocapitalize) {
+      this.inputElement.setAttribute('autocapitalize', autocapitalize);
+    }
+    if (autocorrect) {
+      this.inputElement.setAttribute('autocorrect', autocorrect);
+    }
     if (placeholder) {
       this.inputElement.setAttribute('placeholder', placeholder);
     }

package/model-input.js

@@ -36,7 +36,9 @@ class ModelInput extends SocketConsumer {
       'enable-rebound',
       'options',
       'height',
-      'hide-error-logs'
+      'hide-error-logs',
+      'autocapitalize',
+      'autocorrect'
     ];
   }
 
@@ -71,6 +73,8 @@ class ModelInput extends SocketConsumer {
     let modelInstanceProperty = this.getAttribute('model-instance-property');
     let showErrorMessage = this.hasAttribute('show-error-message');
     let inputId = this.getAttribute('input-id');
+    let autocapitalize = this.getAttribute('autocapitalize');
+    let autocorrect = this.getAttribute('autocorrect');
     let inputList = this.getAttribute('list');
     let type = this.getAttribute('type') || 'text';
     let placeholder = this.getAttribute('placeholder');
@@ -188,6 +192,12 @@ class ModelInput extends SocketConsumer {
     if (inputId) {
       this.inputElement.setAttribute('id', inputId);
     }
+    if (autocapitalize) {
+      this.inputElement.setAttribute('autocapitalize', autocapitalize);
+    }
+    if (autocorrect) {
+      this.inputElement.setAttribute('autocorrect', autocorrect);
+    }
     if (placeholder) {
       this.inputElement.setAttribute('placeholder', placeholder);
     }

package/package.json

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