inertia-bootstrap-forms 1.0.82 → 1.0.85

package/index.d.ts

@@ -200,7 +200,55 @@ export const UppyInput: DefineComponent<{
 >;
 export const FileInput: DefineComponent<{}, {}, any>;
 export const SimpleUploader: DefineComponent<{}, {}, any>;
-export const FormContainer: DefineComponent<{}, {}, any>;
+export const FormContainer: DefineComponent<{
+    url: {
+        type: String,
+        default: '',
+        required: false,
+    },
+    method: {
+        default: 'post'
+    },
+    only: {
+        type: Array,
+        default: [],
+        required: false,
+    },
+    modelValue: {
+        type: Object,
+        default: {},
+        required: false,
+    },
+    options: {
+        type: Object,
+        default: {},
+        required: false,
+    },
+    resetOnSuccess: {
+        type: Boolean,
+        default: true,
+    },
+    submitHandler: {
+        type: Function,
+        default: null,
+        required: false,
+    },
+}, {}, any,
+    {},
+    {},
+    {},
+    {},
+    {
+        'update:modelValue': (data) => void,
+        'submit': (event) => void,
+        'reset': (file) => void,
+        'onStart': () => void,
+        'onFinish': (data) => void,
+        'onSuccess': (data) => void,
+        'onError': (errors) => void,
+        'change': (data) => void,
+    }
+>;
 export const FormLabel: DefineComponent<{}, {}, any>;
 export const GroupControl: DefineComponent<{}, {}, any>;
 export const LocationInput: DefineComponent<{

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "inertia-bootstrap-forms",
-    "version": "1.0.82",
+    "version": "1.0.85",
     "description": "Create bootstrap forms with inertia and twitter bootstrap",
     "main": "dist/inertia-bootstrap-forms.cjs.js",
     "module": "dist/inertia-bootstrap-forms.es.js",

package/src/FormContainer.vue

@@ -25,6 +25,15 @@ export default defineComponent({
       default: {},
       required: false,
     },
+    options: {
+      type: Object,
+      default: {},
+      required: false,
+    },
+    resetOnSuccess: {
+      type: Boolean,
+      default: true,
+    },
     submitHandler: {
       type: Function,
       default: null,
@@ -37,6 +46,7 @@ export default defineComponent({
     const form = useForm({
       hasMessage: false,
       successMessage: null,
+      ...props.options,
       ...formData
     });
 
@@ -132,6 +142,10 @@ export default defineComponent({
               this.form.successMessage = data?.props?.message;
             }
 
+            if (this.resetOnSuccess) {
+              this.form?.reset();
+            }
+
             this.$emit('onSuccess', data);
           }
         });

package/src/Select2Input.vue

@@ -223,7 +223,7 @@ export default defineComponent({
         ref="input">
       <option
           :value="(item.id || item)" v-for="(item, key) in options"
-          :selected="multiple ? (selectedValue || []).includes(item.id || item) : (item.id || item) === modelValue">
+          :selected="multiple ? (selectedValue || []).includes(item.id || item) : (item.id?.toString() || item?.toString()) === modelValue.toString()">
         {{ (label ? item[label] : item.name) || item }}
       </option>
     </select>

package/src/UppyInput.vue

@@ -3,10 +3,10 @@
     <UppyContextProvider :name="'uu' + name" :uppy="uppy">
       <slot :uppy="uppy">
         <FilesList class="uppy-file-lists"/>
-        <Dropzone/>
+        <Dropzone class="uppy-drop-zone"/>
       </slot>
     </UppyContextProvider>
-    <div class="uppy-input-area--caption small text-body-secondary fst-italic" v-if="restrictionCaption">{{restrictionCaption}}</div>
+    <div class="uppy-input-area--caption small text-body-secondary fst-italic" v-if="restrictionCaption">{{ restrictionCaption }}</div>
   </div>
 </template>
 
@@ -192,6 +192,13 @@ onMounted(() => {
   if (uppy.value?.opts?.restrictions) {
     restrictionCaption.value = buildRestrictionsCaption(uppy.value.opts.restrictions)
   }
+
+
+  if (inputEl && uppy.value?.opts?.locale?.strings?.dropzoneText) {
+    inputEl.value?.querySelectorAll('[data-uppy-element="dropzone"]>div>div>p')?.forEach(el => {
+      el.innerHTML = uppy.value?.opts?.locale?.strings?.dropzoneText;
+    });
+  }
 });
 
 onBeforeUnmount(() => {
@@ -230,6 +237,7 @@ function showError(message) {
 }
 
 const niceBytesUnits = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+
 function niceBytes(x) {
   let l = 0, n = parseInt(x, 10) || 0;
   while (n >= 1024 && ++l) {