fix: onSave not called when save called from the api

resolves #1058

src/demo/js/actionButtons.js

@@ -18,6 +18,9 @@ export const builderActions = {
     window.sessionStorage.setItem('formData', value)
     $('.build-wrap').formBuilder('setData', value)
   },
+  save: () => {
+    $('.build-wrap').formBuilder('save')
+  },
   addField: () => {
     const field = {
       type: 'text',

src/demo/js/demo.js

@@ -288,6 +288,7 @@ jQuery(function($) {
       getJSON: 'Get the current formData in JSON format',
       getJS: 'Get the current formData in JS object format',
       setData: 'set the current formData value for the editor',
+      save: 'call save from the api',
       toggleAllEdit: 'toggle the edit mode for all fields',
       toggleEdit: 'toggle a specific field edit mode by index or id',
       addField: 'programmatically add a field to the template editor',

src/js/form-builder.js

@@ -1351,7 +1351,10 @@ const FormBuilder = function(opts, element, $) {
       activeOnly ? subtract(controls.getRegistered(), opts.disableFields) : controls.getRegistered(),
     clearFields: animate => h.removeAllFields(d.stage, animate),
     showData: h.showData.bind(h),
-    save: h.save.bind(h),
+    save: minify => {
+      h.save(minify)
+      config.opts.onSave(h.getFormData())
+    },
     addField: (field, index) => {
       h.stopIndex = data.formData.length ? index : undefined
       prepFieldVars(field)