sprintify-ui 0.0.43 → 0.0.45

package/dist/types/src/components/BaseTextarea.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         default: undefined;
-        type: PropType<string | undefined>;
+        type: PropType<string | null | undefined>;
     };
     type: {
         type: StringConstructor;
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
-        type: PropType<string | undefined>;
+        type: PropType<string | null | undefined>;
     };
     type: {
         type: StringConstructor;
@@ -87,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     type: string;
     name: string;
-    modelValue: string | undefined;
+    modelValue: string | null | undefined;
     placeholder: string;
     disabled: boolean;
     hasError: boolean;

package/dist/types/src/composables/field.d.ts

@@ -13,5 +13,7 @@ export declare function useField(config: Config): {
     hasErrorInternal: import("vue").ComputedRef<boolean>;
     errorMessageInternal: import("vue").ComputedRef<string | null | undefined>;
     emitUpdate: (value: any) => void;
+    enableForm: () => void;
+    disableForm: () => void;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseMediaLibrary.vue

@@ -8,8 +8,8 @@
       :accept="accept"
       :accepted-extensions="acceptedExtensions"
       :url="uploadUrl"
-      @upload:start="$emit('upload:start', $event)"
-      @upload:end="$emit('upload:end', $event)"
+      @upload:start="onUploadStart"
+      @upload:end="onUploadEnd"
       @upload:fail="$emit('upload:fail', $event)"
       @upload:success="onUploadSuccess"
     >
@@ -162,7 +162,7 @@ const emit = defineEmits([
   'upload:end',
 ]);
 
-const { emitUpdate } = useField({
+const { emitUpdate, enableForm, disableForm } = useField({
   name: computed(() => props.name),
   required: computed(() => false),
   hasError: computed(() => props.hasError),
@@ -285,4 +285,14 @@ const maxFileSize = computed(() => {
     i18n.t('sui.up_to_x', { x: fileSizeFormat(props.maxSize) })
   );
 });
+
+function onUploadStart(event: any) {
+  emit('upload:start', event);
+  disableForm();
+}
+
+function onUploadEnd(event: any) {
+  emit('upload:end', event);
+  enableForm();
+}
 </script>

package/src/components/BaseTextarea.vue

@@ -1,6 +1,6 @@
 <template>
   <textarea
-    :value="modelValue"
+    :value="modelValue + ''"
     :type="type"
     :name="nameInternal"
     :placeholder="placeholder"
@@ -21,7 +21,7 @@ import { PropType } from 'vue';
 const props = defineProps({
   modelValue: {
     default: undefined,
-    type: String as PropType<string | undefined>,
+    type: [String, null, undefined] as PropType<string | null | undefined>,
   },
   type: {
     type: String,

package/src/composables/field.ts

@@ -58,6 +58,14 @@ export function useField(config: Config) {
     setLabelClass(labelClass);
   }
 
+  const disableForm = inject('form:disable', () => {
+    return;
+  }) as () => void;
+
+  const enableForm = inject('form:enable', () => {
+    return;
+  }) as () => void;
+
   const requiredInternal = computed((): boolean => {
     if (required.value) {
       return required.value;
@@ -96,5 +104,7 @@ export function useField(config: Config) {
     hasErrorInternal,
     errorMessageInternal,
     emitUpdate,
+    enableForm,
+    disableForm,
   };
 }