saasufy-components 7.3.0 → 7.3.2

package/README.md

@@ -413,6 +413,7 @@ This component is similar to the `collection-adder` component except that it req
 **Attributes of slotted input, select, textarea... elements**
 
 - `name` (required): This must correspond to a field name on the model specified via the `collection-type` attribute of the `collection-adder-form`.
+- `output-type`: An optional type to cast the value of the input element into when the form is submitted.
 
 ### collection-deleter
 

package/collection-adder-form.js

@@ -77,7 +77,10 @@ class CollectionAdderForm extends SocketConsumer {
                 } else {
                   inputType = input.type;
                 }
-                let Type = getTypeCastFunction(inputType);
+                let Type = getTypeCastFunction(
+                  inputType === 'hidden' ?
+                    input.getAttribute('output-type') : inputType
+                );
                 let value;
                 if (inputType === 'file' && input.files && input.files.length) {
                   let reader = new FileReader();
@@ -198,21 +201,10 @@ class CollectionAdderForm extends SocketConsumer {
     let collectionType = this.getAttribute('collection-type');
 
     let {
-      fieldTypes: modelFieldTypes,
       fieldValues: modelFieldValues
     } = convertStringToFieldParams(this.getAttribute('model-values'));
 
-    this.modelFieldValues = Object.fromEntries(
-      Object.entries(modelFieldValues).map(([key, value]) => {
-        if (modelFieldTypes[key] === 'boolean') {
-          return [ key, value !== 'false' && value !== '' ];
-        }
-        if (modelFieldTypes[key] === 'number') {
-          return [ key, Number(value) ];
-        }
-        return [ key, value ];
-      })
-    );
+    this.modelFieldValues = modelFieldValues;
 
     if (this.collection) this.collection.destroy();
 

package/collection-adder.js

@@ -184,7 +184,6 @@ class CollectionAdder extends SocketConsumer {
 
     let {
       fieldNames: modelFieldNames,
-      fieldTypes: modelFieldTypes,
       fieldValues: modelFieldValues
     } = convertStringToFieldParams(this.getAttribute('model-values'));
 
@@ -205,17 +204,7 @@ class CollectionAdder extends SocketConsumer {
       autocorrect ? ` autocorrect="${autocorrect}"` : ''
     }`;
 
-    this.modelFieldValues = Object.fromEntries(
-      Object.entries(modelFieldValues).map(([key, value]) => {
-        if (modelFieldTypes[key] === 'boolean') {
-          return [ key, value !== 'false' && value !== '' ];
-        }
-        if (modelFieldTypes[key] === 'number') {
-          return [ key, Number(value) ];
-        }
-        return [ key, value ];
-      })
-    );
+    this.modelFieldValues = modelFieldValues;
 
     if (this.collection) this.collection.destroy();
 

package/package.json

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