Fix #41: Add new config variable fileHandlerArgs

Now we can get rid of Django specific keywords
from the library.

Author: bhch

src/components/form.js

@@ -410,8 +410,10 @@ export class FormFileInput extends React.Component {
             this.setState({loading: true});
 
             let formData = new FormData();
-            formData.append('field_name', this.context.fieldName);
-            formData.append('model_name', this.context.modelName);
+            for (let key in this.context.fileHandlerArgs) {
+                if (this.context.fileHandlerArgs.hasOwnProperty(key))
+                    formData.append(key, this.context.fileHandlerArgs[key]);
+            }
             formData.append('coords', getCoordsFromName(this.props.name));
             formData.append('file', e.target.files[0]);
 

src/components/uploader.js

@@ -135,8 +135,7 @@ export default class FileUploader extends React.Component {
         let endpoint = this.props.handler || this.context.fileHandler;
 
         let querystring = new URLSearchParams({
-            field_name: this.context.fieldName,
-            model_name: this.context.modelName,
+            ...this.context.fileHandlerArgs,
             coords: getCoordsFromName(this.props.name),
             trigger: trigger
         });
@@ -231,8 +230,7 @@ export default class FileUploader extends React.Component {
                                 <LibraryPane
                                     fileHandler={this.props.handler || this.context.fileHandler}
                                     fileHandlerArgs={{
-                                        field_name: this.context.fieldName,
-                                        model_name: this.context.modelName,
+                                        ...this.context.fileHandlerArgs,
                                         coords: getCoordsFromName(this.props.name),
                                     }}
                                     onFileSelect={this.handleFileSelect}

src/form.js

@@ -125,8 +125,7 @@ export default class ReactJSONForm extends React.Component {
                     <EditorContext.Provider 
                         value={{
                             fileHandler: this.props.fileHandler,
-                            fieldName: this.props.fieldName,
-                            modelName: this.props.modelName,
+                            fileHandlerArgs: this.props.fileHandlerArgs,
                         }}
                     >
                     {this.getFields()}

src/renderer.js

@@ -13,8 +13,7 @@ export function FormInstance(config) {
     this.data = config.data;
     this.errorMap = config.errorMap;
     this.fileHandler = config.fileHandler;
-    this.fieldName = config.fieldName;
-    this.modelName = config.modelName;
+    this.fileHandlerArgs = config.fileHandlerArgs || {};
 
     this.eventListeners = null;
 
@@ -58,8 +57,7 @@ export function FormInstance(config) {
                     data={this.data}
                     errorMap={this.errorMap}
                     fileHandler={this.fileHandler}
-                    fieldName={this.fieldName}
-                    modelName={this.modelName}
+                    fileHandlerArgs={this.fileHandlerArgs}
                     onChange={this.onChange}
                 />,
                 document.getElementById(this.containerId)
@@ -175,8 +173,7 @@ export class FormContainer extends React.Component {
                 editorState={this.state.editorState}
                 onChange={this.handleChange}
                 fileHandler={this.props.fileHandler}
-                fieldName={this.props.fieldName}
-                modelName={this.props.modelName}
+                fileHandlerArgs={this.props.fileHandlerArgs}
                 errorMap={this.props.errorMap}
             />
         );