sprintify-ui 0.0.136 → 0.0.137

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

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     max: {
-        default: number;
+        default: undefined;
         type: NumberConstructor;
     };
     maxSize: {
@@ -60,7 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     max: {
-        default: number;
+        default: undefined;
         type: NumberConstructor;
     };
     maxSize: {

package/package.json

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

package/src/components/BaseMediaLibrary.stories.js

@@ -14,7 +14,7 @@ export default {
   title: 'Form/BaseMediaLibrary',
   component: BaseMediaLibrary,
   args: {
-    max: 6,
+    max: null,
     min: 2,
     acceptedExtensions: ['jpg', 'png'],
     uploadUrl: 'https://api.com/upload',

package/src/components/BaseMediaLibrary.vue

@@ -18,7 +18,7 @@
           name="default"
           v-bind="baseFileUploaderProps"
           :max-size="maxSize"
-          :max="max"
+          :max="normalizedMax"
         >
           <div
             class="rounded border border-dashed p-6 duration-150"
@@ -119,7 +119,7 @@ const props = defineProps({
     default: undefined,
   },
   max: {
-    default: 100,
+    default: undefined,
     type: Number,
   },
   maxSize: {
@@ -170,6 +170,14 @@ const { emitUpdate, enableForm, disableForm } = useField({
   errorType: 'alert',
 });
 
+const normalizedMax = computed(() => {
+  if (props.max == null) {
+    return 100;
+  }
+
+  return props.max;
+});
+
 const currentMediaInternal = ref(cloneDeep(props.currentMedia));
 
 const normalizedModelValue = computed(() => {
@@ -203,10 +211,12 @@ function onUploadSuccess(file: UploadedFile) {
     return;
   }
 
-  if (numberOfFiles.value >= props.max && props.max > 1) {
+  if (numberOfFiles.value >= normalizedMax.value && normalizedMax.value > 1) {
     notifications.push({
       title: i18n.t('sui.whoops'),
-      text: i18n.t('sui.you_can_upload_up_to_n_files', { count: props.max }),
+      text: i18n.t('sui.you_can_upload_up_to_n_files', {
+        count: normalizedMax.value,
+      }),
       color: 'danger',
     });
     return;
@@ -214,7 +224,7 @@ function onUploadSuccess(file: UploadedFile) {
 
   const modelValue = cloneDeep(normalizedModelValue.value);
 
-  if (props.max == 1) {
+  if (normalizedMax.value == 1) {
     // Remove everything...
     modelValue.to_remove.push(...currentMediaInternal.value.map((m) => m.id));
     modelValue.to_add = [];
@@ -277,7 +287,9 @@ function sync(modelValue: MediaLibraryPayload) {
 }
 
 const maxFileText = computed(() => {
-  return i18n.t('sui.you_can_upload_up_to_n_files', { count: props.max });
+  return i18n.t('sui.you_can_upload_up_to_n_files', {
+    count: normalizedMax.value,
+  });
 });
 
 const maxFileSize = computed(() => {