sprintify-ui 0.0.11 → 0.0.13

package/src/components/index.ts

@@ -12,6 +12,7 @@ import BaseBreadcrumbs from './BaseBreadcrumbs.vue';
 import BaseButton from './BaseButton.vue';
 import BaseCard from './BaseCard.vue';
 import BaseCardRow from './BaseCardRow.vue';
+import BaseCharacterCounter from './BaseCharacterCounter.vue';
 import BaseClipboard from './BaseClipboard.vue';
 import BaseContainer from './BaseContainer.vue';
 import BaseCounter from './BaseCounter.vue';
@@ -24,12 +25,40 @@ import BaseDescriptionListItem from './BaseDescriptionListItem.vue';
 import BaseDialog from './BaseDialog.vue';
 import BaseFilePicker from './BaseFilePicker.vue';
 import BaseFileUploader from './BaseFileUploader.vue';
+import BaseHasMany from './BaseHasMany.vue';
 import { Icon as BaseIcon } from '@iconify/vue';
+import BaseInput from './BaseInput.vue';
+import BaseInputLabel from './BaseInputLabel.vue';
 import BaseLoadingCover from './BaseLoadingCover.vue';
+import BaseMediaItem from './BaseMediaItem.vue';
+import BaseMediaLibrary from './BaseMediaLibrary.vue';
+import BaseMediaPreview from './BaseMediaPreview.vue';
 import BaseMenu from './BaseMenu.vue';
 import BaseMenuItem from './BaseMenuItem.vue';
+import BaseModalCenter from './BaseModalCenter.vue';
+import BaseModalSide from './BaseModalSide.vue';
+import BaseNavbar from './BaseNavbar.vue';
+import BaseNavbarItem from './BaseNavbarItem.vue';
+import BaseNavbarItemContent from './BaseNavbarItemContent.vue';
+import BasePagination from './BasePagination.vue';
+import BasePanel from './BasePanel.vue';
+import BasePassword from './BasePassword.vue';
+import BaseProcessRing from './BaseProcessRing.vue';
+import BaseReadMore from './BaseReadMore.vue';
+import BaseSelect from './BaseSelect.vue';
+import BaseSideNavigation from './BaseSideNavigation.vue';
+import BaseSideNavigationItem from './BaseSideNavigationItem.vue';
+import BaseSkeleton from './BaseSkeleton.vue';
+import BaseSwitch from './BaseSwitch.vue';
+import BaseSystemAlert from './BaseSystemAlert.vue';
+import BaseTabs from './BaseTabs.vue';
+import BaseTabItem from './BaseTabItem.vue';
+import BaseTagAutocomplete from './BaseTagAutocomplete.vue';
+import BaseTagAutocompleteFetch from './BaseTagAutocompleteFetch.vue';
 import BaseTable from './BaseTable.vue';
 import BaseTableColumn from './BaseTableColumn.vue';
+import BaseTextarea from './BaseTextarea.vue';
+import BaseTextareaAutoresize from './BaseTextareaAutoresize.vue';
 
 export {
   BaseAlert,
@@ -46,6 +75,7 @@ export {
   BaseButton,
   BaseCard,
   BaseCardRow,
+  BaseCharacterCounter,
   BaseClipboard,
   BaseContainer,
   BaseCounter,
@@ -58,10 +88,38 @@ export {
   BaseDialog,
   BaseFilePicker,
   BaseFileUploader,
+  BaseHasMany,
   BaseIcon,
+  BaseInput,
+  BaseInputLabel,
   BaseLoadingCover,
+  BaseMediaItem,
+  BaseMediaLibrary,
+  BaseMediaPreview,
   BaseMenu,
   BaseMenuItem,
+  BaseModalCenter,
+  BaseModalSide,
+  BaseNavbar,
+  BaseNavbarItem,
+  BaseNavbarItemContent,
+  BasePagination,
+  BasePanel,
+  BasePassword,
+  BaseProcessRing,
+  BaseReadMore,
+  BaseSelect,
+  BaseSideNavigation,
+  BaseSideNavigationItem,
+  BaseSkeleton,
+  BaseSwitch,
+  BaseSystemAlert,
+  BaseTabs,
+  BaseTabItem,
+  BaseTagAutocomplete,
+  BaseTagAutocompleteFetch,
   BaseTable,
   BaseTableColumn,
+  BaseTextarea,
+  BaseTextareaAutoresize,
 };

package/src/lang/en.json

@@ -23,6 +23,7 @@
     "month": "Month",
     "next": "Next",
     "next_month": "Next month",
+    "none": "None",
     "nothing_found": "Nothing found",
     "or": "or",
     "pagination_detail": "{page} records of {total}",
@@ -52,6 +53,6 @@
     "year": "Year",
     "yes_delete": "Yes, delete",
     "you_can_upload_up_to_n_files": "You can upload one file at most|You can upload up to {count} files",
-    "you_cannot_select_more_than_x_items": "You can't select more than one item|You can't select more than {x} items"
+    "you_cannot_select_more_than_x_items": "You can't select more than one item|You can't select more than {count} items"
   }
 }

package/src/lang/fr.json

@@ -23,6 +23,7 @@
     "month": "Mois",
     "next": "Suivant",
     "next_month": "Mois prochain",
+    "none": "Aucun",
     "nothing_found": "Rien n'a été trouvé",
     "or": "ou",
     "pagination_detail": "{page} items de {total}",
@@ -52,6 +53,6 @@
     "year": "An",
     "yes_delete": "Oui, supprimer",
     "you_can_upload_up_to_n_files": "Vous pouvez télécharger un fichier au maximum|Vous pouvez télécharger jusqu'à {count} fichiers",
-    "you_cannot_select_more_than_x_items": "Vous ne pouvez pas sélectionner plus de un élément|Vous ne pouvez pas sélectionner plus de {x} éléments"
+    "you_cannot_select_more_than_x_items": "Vous ne pouvez pas sélectionner plus de un élément|Vous ne pouvez pas sélectionner plus de {count} éléments"
   }
 }

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

@@ -1,25 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        required: true;
-        type: NumberConstructor;
-    };
-    lastPage: {
-        required: true;
-        type: NumberConstructor;
-    };
-}, unknown, unknown, {}, {
-    next(): void;
-    previous(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "model-value:update"[], "model-value:update", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        required: true;
-        type: NumberConstructor;
-    };
-    lastPage: {
-        required: true;
-        type: NumberConstructor;
-    };
-}>> & {
-    "onModel-value:update"?: ((...args: any[]) => any) | undefined;
-}, {}>;
-export default _default;

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

@@ -1,31 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    text: {
-        required: true;
-        type: StringConstructor;
-    };
-    min: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    max: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    text: {
-        required: true;
-        type: StringConstructor;
-    };
-    min: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    max: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-}>>, {
-    max: number;
-    min: number;
-}>;
-export default _default;

package/src/components/BaseMediaLibraryItem.vue

@@ -1,92 +0,0 @@
-<template>
-  <div class="w-full rounded-lg border border-slate-200">
-    <div class="flex space-x-5 p-4">
-      <div
-        class="h-20 w-20 shrink-0 rounded border border-slate-200 bg-slate-900"
-      >
-        <component
-          :is="url ? 'a' : 'div'"
-          :href="url"
-          target="_blank"
-          class="flex h-full w-full items-center justify-center overflow-hidden"
-        >
-          <img
-            v-if="type == 'image' && url"
-            :src="url"
-            class="h-full w-full object-contain object-center"
-            :alt="name"
-          />
-          <img
-            v-else-if="type == 'image' && 'data_url' in media"
-            :src="media.data_url"
-            class="h-full w-full object-contain object-center"
-            :alt="name"
-          />
-          <span v-else class="leading-tight text-slate-600">{{
-            extension
-          }}</span>
-        </component>
-      </div>
-      <div class="grow overflow-hidden">
-        <div class="leading-normal">
-          <p class="mb-1 truncate text-sm font-medium leading-tight">
-            {{ name }}
-          </p>
-          <p class="text-sm leading-tight text-slate-500">
-            {{ size }}
-          </p>
-          <button
-            type="button"
-            class="mt-2 appearance-none text-sm underline"
-            @click="$emit('delete')"
-          >
-            {{ capitalize($t('sui.remove')) }}
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { Media } from '@/types/Media';
-import { UploadedFile } from '@/types/UploadedFile';
-import { PropType } from 'vue';
-import { capitalize } from 'lodash';
-import { fileSizeFormat } from 'src/utils';
-
-defineEmits(['delete']);
-
-const props = defineProps({
-  media: {
-    required: true,
-    type: Object as PropType<Media | UploadedFile>,
-  },
-});
-
-const name = computed(() => {
-  return props.media.file_name;
-});
-
-const size = computed(() => {
-  return fileSizeFormat(props.media.size);
-});
-
-const type = computed(() => {
-  const parts = props.media.mime_type.split('/');
-  return parts[0];
-});
-
-const extension = computed(() => {
-  const parts = props.media.mime_type.split('/');
-  return parts[parts.length - 1];
-});
-
-const url = computed(() => {
-  if ('url' in props.media) {
-    return props.media.url;
-  }
-
-  return null;
-});
-</script>

package/src/components/BasePaginationSimple.vue

@@ -1,60 +0,0 @@
-<template>
-  <nav
-    v-if="lastPage > 1 || lastPage < modelValue"
-    class="flex items-center space-x-1 sm:px-0"
-  >
-    <button
-      type="button"
-      :disabled="modelValue == 1"
-      class="flex h-8 w-8 items-center justify-center rounded-md border border-slate-300 text-sm font-medium text-slate-400 outline-none hover:enabled:border-slate-400 hover:enabled:text-slate-700 disabled:cursor-not-allowed disabled:border-transparent disabled:opacity-60"
-      @click="previous()"
-    >
-      <BaseIcon
-        class="h-5 w-5 text-slate-400"
-        icon="heroicons-solid:chevron-left"
-      />
-    </button>
-    <button
-      :disabled="modelValue >= lastPage"
-      class="flex h-8 w-8 items-center justify-center rounded-md border border-slate-300 text-sm font-medium text-slate-400 outline-none hover:enabled:border-slate-400 hover:enabled:text-slate-700 disabled:cursor-not-allowed disabled:border-transparent disabled:opacity-60"
-      @click="next()"
-    >
-      <BaseIcon
-        class="h-5 w-5 text-slate-400"
-        icon="heroicons-solid:chevron-right"
-      />
-    </button>
-  </nav>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  props: {
-    modelValue: {
-      required: true,
-      type: Number,
-    },
-    lastPage: {
-      required: true,
-      type: Number,
-    },
-  },
-  emits: ['model-value:update'],
-  methods: {
-    next() {
-      if (this.modelValue >= this.lastPage) {
-        return;
-      }
-      this.$emit('model-value:update', this.modelValue + 1);
-    },
-    previous() {
-      if (this.modelValue == 1) {
-        return;
-      }
-      this.$emit('model-value:update', this.modelValue - 1);
-    },
-  },
-});
-</script>

package/src/components/BaseWordCount.vue

@@ -1,36 +0,0 @@
-<template>
-  <div
-    v-if="max && (!min || text.length >= min)"
-    class="text-sm"
-    :class="{
-      'text-slate-500': text.length <= max,
-      'text-red-600': text.length > max,
-    }"
-  >
-    {{ text.length }}/{{ max }}
-  </div>
-  <div v-if="min && text.length < min" class="text-sm text-red-600">
-    {{ $t('sui.min_x_characters', { x: min }) }} ({{ text.length }}/{{ min }})
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  props: {
-    text: {
-      required: true,
-      type: String,
-    },
-    min: {
-      default: undefined,
-      type: Number,
-    },
-    max: {
-      default: undefined,
-      type: Number,
-    },
-  },
-});
-</script>