sprintify-ui 0.0.136 → 0.0.138

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/dist/types/src/components/index.d.ts

@@ -31,6 +31,7 @@ import BaseDialog from './BaseDialog.vue';
 import BaseDisplayRelativeTime from './BaseDisplayRelativeTime.vue';
 import BaseDropdown from './BaseDropdown.vue';
 import BaseDropdownAutocomplete from './BaseDropdownAutocomplete.vue';
+import BaseEmptyState from '@/svg/BaseEmptyState.vue';
 import BaseField from './BaseField.vue';
 import BaseFieldI18n from './BaseFieldI18n.vue';
 import BaseFilePicker from './BaseFilePicker.vue';
@@ -81,4 +82,4 @@ import BaseLayoutStacked from './BaseLayoutStacked.vue';
 import BaseLayoutStackedConfigurable from './BaseLayoutStackedConfigurable.vue';
 import BaseLayoutSidebar from './BaseLayoutSidebar.vue';
 import BaseLayoutSidebarConfigurable from './BaseLayoutSidebarConfigurable.vue';
-export { BaseActionItem, BaseAlert, BaseApp, BaseAppDialogs, BaseAppNotifications, BaseAutocomplete, BaseAutocompleteFetch, BaseAvatar, BaseAvatarGroup, BaseBadge, BaseBelongsTo, BaseBoolean, BaseBreadcrumbs, BaseButton, BaseButtonGroup, BaseCard, BaseCardRow, BaseCharacterCounter, BaseClickOutside, BaseClipboard, BaseColor, BaseContainer, BaseCounter, BaseDataIterator, BaseDataTable, BaseDatePicker, BaseDateSelect, BaseDescriptionList, BaseDescriptionListItem, BaseDialog, BaseDisplayRelativeTime, BaseDropdown, BaseDropdownAutocomplete, BaseField, BaseFieldI18n, BaseFilePicker, BaseFileUploader, BaseForm, BaseHasMany, BaseIcon, BaseInput, BaseInputLabel, BaseInputPercent, BaseLoadingCover, BaseMediaItem, BaseMediaLibrary, BaseMediaPreview, BaseMenu, BaseMenuItem, BaseModalCenter, BaseModalSide, BaseNavbar, BaseNavbarItem, BaseNavbarItemContent, BasePagination, BasePanel, BasePassword, BaseProgressCircle, BaseRadioGroup, BaseReadMore, BaseRichText, BaseSelect, BaseShortcut, BaseSideNavigation, BaseSideNavigationItem, BaseSkeleton, BaseStatistic, BaseSwitch, BaseSystemAlert, BaseTabs, BaseTabItem, BaseTagAutocomplete, BaseTagAutocompleteFetch, BaseTable, BaseTableColumn, BaseTextarea, BaseTextareaAutoresize, BaseTimeline, BaseTimelineItem, BaseLayoutStacked, BaseLayoutStackedConfigurable, BaseLayoutSidebar, BaseLayoutSidebarConfigurable, };
+export { BaseActionItem, BaseAlert, BaseApp, BaseAppDialogs, BaseAppNotifications, BaseAutocomplete, BaseAutocompleteFetch, BaseAvatar, BaseAvatarGroup, BaseBadge, BaseBelongsTo, BaseBoolean, BaseBreadcrumbs, BaseButton, BaseButtonGroup, BaseCard, BaseCardRow, BaseCharacterCounter, BaseClickOutside, BaseClipboard, BaseColor, BaseContainer, BaseCounter, BaseDataIterator, BaseDataTable, BaseDatePicker, BaseDateSelect, BaseDescriptionList, BaseDescriptionListItem, BaseDialog, BaseDisplayRelativeTime, BaseDropdown, BaseDropdownAutocomplete, BaseEmptyState, BaseField, BaseFieldI18n, BaseFilePicker, BaseFileUploader, BaseForm, BaseHasMany, BaseIcon, BaseInput, BaseInputLabel, BaseInputPercent, BaseLoadingCover, BaseMediaItem, BaseMediaLibrary, BaseMediaPreview, BaseMenu, BaseMenuItem, BaseModalCenter, BaseModalSide, BaseNavbar, BaseNavbarItem, BaseNavbarItemContent, BasePagination, BasePanel, BasePassword, BaseProgressCircle, BaseRadioGroup, BaseReadMore, BaseRichText, BaseSelect, BaseShortcut, BaseSideNavigation, BaseSideNavigationItem, BaseSkeleton, BaseStatistic, BaseSwitch, BaseSystemAlert, BaseTabs, BaseTabItem, BaseTagAutocomplete, BaseTagAutocompleteFetch, BaseTable, BaseTableColumn, BaseTextarea, BaseTextareaAutoresize, BaseTimeline, BaseTimelineItem, BaseLayoutStacked, BaseLayoutStackedConfigurable, BaseLayoutSidebar, BaseLayoutSidebarConfigurable, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.136",
+  "version": "0.0.138",
   "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(() => {

package/src/components/index.ts

@@ -31,6 +31,7 @@ import BaseDialog from './BaseDialog.vue';
 import BaseDisplayRelativeTime from './BaseDisplayRelativeTime.vue';
 import BaseDropdown from './BaseDropdown.vue';
 import BaseDropdownAutocomplete from './BaseDropdownAutocomplete.vue';
+import BaseEmptyState from '@/svg/BaseEmptyState.vue';
 import BaseField from './BaseField.vue';
 import BaseFieldI18n from './BaseFieldI18n.vue';
 import BaseFilePicker from './BaseFilePicker.vue';
@@ -117,6 +118,7 @@ export {
   BaseDisplayRelativeTime,
   BaseDropdown,
   BaseDropdownAutocomplete,
+  BaseEmptyState,
   BaseField,
   BaseFieldI18n,
   BaseFilePicker,