sprintify-ui 0.0.1 → 0.0.4

package/src/components/BaseModalCenter.vue

@@ -65,7 +65,7 @@
             type="button"
             @click="modal.close()"
           >
-            <Icon class="h-8 w-8 text-white" icon="heroicons:x-mark"></Icon>
+            <BaseIcon class="h-8 w-8 text-white" icon="heroicons:x-mark" />
           </button>
         </div>
       </div>

package/src/components/BaseModalSide.vue

@@ -56,10 +56,10 @@
                     type="button"
                     @click="modal.close()"
                   >
-                    <Icon
+                    <BaseIcon
                       class="h-8 w-8 text-white"
                       icon="heroicons:x-mark"
-                    ></Icon>
+                    />
                   </button>
                   <slot :close="modal.close" />
                 </div>
@@ -73,8 +73,8 @@
 </template>
 
 <script lang="ts" setup>
-import { useBreakpoints } from '@/composables/breakpoints';
 import { useModal } from '@/composables/modal';
+import { useBreakpoints } from '@/composables/breakpoints';
 
 const props = defineProps({
   modelValue: {

package/src/components/BaseNavbar.vue

@@ -15,13 +15,13 @@
             @click="toggleMenu()"
           >
             <span class="sr-only">Open main menu</span>
-            <Icon
+            <BaseIcon
               v-if="!showMobileMenu"
               icon="heroicons:bars-3"
               class="block h-6 w-6"
               aria-hidden="true"
             />
-            <Icon
+            <BaseIcon
               v-else
               icon="heroicons:x-mark"
               class="block h-6 w-6"

package/src/components/BaseNavbarItemContent.vue

@@ -1,7 +1,7 @@
 <template>
   <div :class="classes">
     <div class="flex grow items-center">
-      <Icon v-if="icon" :icon="icon" :class="iconClasses" />
+      <BaseIcon v-if="icon" :icon="icon" :class="iconClasses" />
       {{ label }}
     </div>
     <div v-if="count" class="relative -top-px ml-[5px]">

package/src/components/BasePagination.vue

@@ -10,7 +10,7 @@
         class="inline-flex items-center border-t-2 border-transparent px-1 py-4 text-sm font-medium text-slate-500 hover:enabled:border-slate-300 hover:enabled:text-slate-700 disabled:cursor-not-allowed disabled:opacity-60"
         @click="previous()"
       >
-        <Icon
+        <BaseIcon
           class="mr-3 h-5 w-5 text-slate-400"
           icon="heroicons-solid:arrow-narrow-left"
         />
@@ -40,7 +40,7 @@
         @click="next()"
       >
         {{ $t('sui.next') }}
-        <Icon
+        <BaseIcon
           class="ml-3 h-5 w-5 text-slate-400"
           icon="heroicons-solid:arrow-narrow-right"
         />

package/src/components/BasePaginationSimple.vue

@@ -9,7 +9,7 @@
       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()"
     >
-      <Icon
+      <BaseIcon
         class="h-5 w-5 text-slate-400"
         icon="heroicons-solid:chevron-left"
       />
@@ -19,7 +19,7 @@
       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()"
     >
-      <Icon
+      <BaseIcon
         class="h-5 w-5 text-slate-400"
         icon="heroicons-solid:chevron-right"
       />

package/src/components/BasePassword.vue

@@ -19,8 +19,12 @@
         class="pr-3 text-slate-500"
         @click="showPassword = !showPassword"
       >
-        <Icon v-if="!showPassword" icon="heroicons:eye-off" class="h-5 w-5" />
-        <Icon v-else icon="heroicons:eye" class="h-5 w-5" />
+        <BaseIcon
+          v-if="!showPassword"
+          icon="heroicons:eye-off"
+          class="h-5 w-5"
+        />
+        <BaseIcon v-else icon="heroicons:eye" class="h-5 w-5" />
       </button>
     </div>
   </div>

package/src/components/BaseSystemAlert.vue

@@ -23,7 +23,7 @@
         class="rounded-full bg-black bg-opacity-50 p-1 text-white"
         @click="close"
       >
-        <Icon icon="heroicons:x-mark" />
+        <BaseIcon icon="heroicons:x-mark" />
       </button>
     </div>
   </div>

package/src/components/BaseTable.vue

@@ -52,7 +52,7 @@
                       <span
                         v-show="column.sortable && currentSortColumn === column"
                       >
-                        <Icon
+                        <BaseIcon
                           icon="mdi:chevron-down"
                           class="h-5 w-5 duration-300"
                           :class="{
@@ -128,7 +128,7 @@
                                   : false,
                               ]"
                             >
-                              <Icon icon="heroicons-solid:dots-vertical" />
+                              <BaseIcon icon="heroicons-solid:dots-vertical" />
                             </div>
                           </template>
                         </BaseMenu>
@@ -153,7 +153,7 @@
                         }"
                         @click.stop="toggleDetails(row)"
                       >
-                        <Icon
+                        <BaseIcon
                           v-if="hasDetailedVisible(row)"
                           icon="mdi:chevron-down"
                           class="h-5 w-5"
@@ -266,6 +266,8 @@ import { BaseTableColumn, MenuItemInterface, Row } from '@/types/types';
 import SlotComponent from './SlotComponent';
 import { useResizeObserver } from '@vueuse/core';
 import { debounce, isArray } from 'lodash';
+import BaseLoadingCover from './BaseLoadingCover.vue';
+import BaseMenu from './BaseMenu.vue';
 
 const checkboxStyle =
   'disabled:bg-slate-100 disabled:border-slate-300 disabled:cursor-not-allowed border-slate-400 rounded';

package/src/components/BaseTagAutocomplete.vue

@@ -82,6 +82,7 @@ import { cloneDeep, get } from 'lodash';
 import { PropType, Ref, ComputedRef } from 'vue';
 import { NormalizedOption, Option, OptionValue } from '@/types/types';
 import { useInfiniteScroll } from '@vueuse/core';
+import BaseLoadingCover from './BaseLoadingCover.vue';
 //import { useNotificationsStore } from '../../stores/notifications';
 
 const props = defineProps({

package/src/components/BaseTitle.vue

@@ -5,7 +5,7 @@
         :to="back"
         class="block rounded-full border border-slate-200 bg-white p-2 shadow duration-150 hover:bg-slate-100"
       >
-        <Icon class="h-6 w-6" icon="mdi:chevron-left" />
+        <BaseIcon class="h-6 w-6" icon="mdi:chevron-left" />
       </router-link>
     </div>
     <div class="grow sm:flex sm:items-start">

package/src/components/index.ts

@@ -1,6 +1,48 @@
 import BaseAlert from './BaseAlert.vue';
 import BaseAutocomplete from './BaseAutocomplete.vue';
+import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
+import BaseAvatar from './BaseAvatar.vue';
+import BaseBadge from './BaseBadge.vue';
+import BaseBelongsTo from './BaseBelongsTo.vue';
+import BaseBoolean from './BaseBoolean.vue';
+import BaseBreadcrumbs from './BaseBreadcrumbs.vue';
 import BaseButton from './BaseButton.vue';
-import { Icon } from '@iconify/vue';
+import BaseCard from './BaseCard.vue';
+import BaseCardRow from './BaseCardRow.vue';
+import BaseClipboard from './BaseClipboard.vue';
+import BaseContainer from './BaseContainer.vue';
+import BaseCounter from './BaseCounter.vue';
+import BaseDataIterator from './BaseDataIterator.vue';
+import BaseDataTable from './BaseDataTable.vue';
 
-export { BaseAlert, BaseAutocomplete, BaseButton, Icon };
+import { Icon as BaseIcon } from '@iconify/vue';
+import BaseLoadingCover from './BaseLoadingCover.vue';
+import BaseMenu from './BaseMenu.vue';
+import BaseMenuItem from './BaseMenuItem.vue';
+import BaseTable from './BaseTable.vue';
+import BaseTableColumn from './BaseTableColumn.vue';
+
+export {
+  BaseAlert,
+  BaseAutocomplete,
+  BaseAutocompleteFetch,
+  BaseAvatar,
+  BaseBadge,
+  BaseBelongsTo,
+  BaseBoolean,
+  BaseBreadcrumbs,
+  BaseButton,
+  BaseCard,
+  BaseCardRow,
+  BaseClipboard,
+  BaseContainer,
+  BaseCounter,
+  BaseDataIterator,
+  BaseDataTable,
+  BaseIcon,
+  BaseLoadingCover,
+  BaseMenu,
+  BaseMenuItem,
+  BaseTable,
+  BaseTableColumn,
+};

package/src/composables/modal.ts

@@ -1,4 +1,4 @@
-import { disableScroll, enableScroll } from 'src/utils';
+import { disableScroll, enableScroll } from '../utils';
 import { Ref } from 'vue';
 
 export function useModal(

package/src/index.ts

@@ -69,4 +69,6 @@ export * from './components';
 export * from './constants';
 export * from './utils';
 
+export { messages };
+
 export { pluginConfig as config };