sprintify-ui 0.6.52 → 0.6.55

package/dist/types/src/components/index.d.ts

@@ -79,11 +79,16 @@ import BaseStepper from './BaseStepper.vue';
 import BaseStepperItem from './BaseStepperItem.vue';
 import BaseSwitch from './BaseSwitch.vue';
 import BaseSystemAlert from './BaseSystemAlert.vue';
+import BaseTable from './BaseTable.vue';
+import BaseTableBody from './BaseTableBody.vue';
+import BaseTableCell from './BaseTableCell.vue';
+import BaseTableHead from './BaseTableHead.vue';
+import BaseTableHeader from './BaseTableHeader.vue';
+import BaseTableRow from './BaseTableRow.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';
@@ -95,4 +100,4 @@ import BaseLayoutStacked from './BaseLayoutStacked.vue';
 import BaseLayoutStackedConfigurable from './BaseLayoutStackedConfigurable.vue';
 import BaseLayoutSidebar from './BaseLayoutSidebar.vue';
 import BaseLayoutSidebarConfigurable from './BaseLayoutSidebarConfigurable.vue';
-export { BaseActionItem, BaseAddressForm, BaseAlert, BaseApp, BaseAppDialogs, BaseAppNotifications, BaseAutocomplete, BaseAutocompleteFetch, BaseAvatar, BaseAvatarGroup, BaseBadge, BaseBelongsTo, BaseBelongsToFetch, BaseBoolean, BaseBreadcrumbs, BaseButton, BaseButtonGroup, BaseCard, BaseCardRow, BaseCharacterCounter, BaseClipboard, BaseCalendar, BaseColor, BaseContainer, BaseCounter, BaseCropper, BaseCropperModal, BaseDataIterator, BaseDataTable, BaseDatePicker, BaseDateSelect, BaseDescriptionList, BaseDescriptionListItem, BaseDialog, BaseDisplayRelativeTime, BaseDropdown, BaseDropdownAutocomplete, BaseEmptyState, BaseField, BaseFieldI18n, BaseFilePicker, BaseFilePickerCrop, BaseFileUploader, BaseForm, BaseGantt, BaseHasMany, BaseHeader, BaseIcon, BaseIconPicker, BaseInput, BaseInputLabel, BaseInputPercent, BaseLoadingCover, BaseMediaItem, BaseMediaLibrary, BaseMediaPreview, BaseMenu, BaseMenuItem, BaseModalCenter, BaseModalSide, BaseNavbar, BaseNavbarItem, BaseNavbarItemContent, BaseNavbarSideItem, BasePagination, BasePanel, BasePassword, BaseProgressCircle, BaseRadioGroup, BaseReadMore, BaseRichText, BaseSelect, BaseShortcut, BaseSideNavigation, BaseSideNavigationItem, BaseSkeleton, BaseStatistic, BaseStepper, BaseStepperItem, BaseSwitch, BaseSystemAlert, BaseTabs, BaseTabItem, BaseTagAutocomplete, BaseTagAutocompleteFetch, BaseTable, BaseTableColumn, BaseTextarea, BaseTextareaAutoresize, BaseTimeline, BaseTimelineItem, BaseTooltip, BaseUniqueCode, BaseLayoutStacked, BaseLayoutStackedConfigurable, BaseLayoutSidebar, BaseLayoutSidebarConfigurable, };
+export { BaseActionItem, BaseAddressForm, BaseAlert, BaseApp, BaseAppDialogs, BaseAppNotifications, BaseAutocomplete, BaseAutocompleteFetch, BaseAvatar, BaseAvatarGroup, BaseBadge, BaseBelongsTo, BaseBelongsToFetch, BaseBoolean, BaseBreadcrumbs, BaseButton, BaseButtonGroup, BaseCard, BaseCardRow, BaseCharacterCounter, BaseClipboard, BaseCalendar, BaseColor, BaseContainer, BaseCounter, BaseCropper, BaseCropperModal, BaseDataIterator, BaseDataTable, BaseDatePicker, BaseDateSelect, BaseDescriptionList, BaseDescriptionListItem, BaseDialog, BaseDisplayRelativeTime, BaseDropdown, BaseDropdownAutocomplete, BaseEmptyState, BaseField, BaseFieldI18n, BaseFilePicker, BaseFilePickerCrop, BaseFileUploader, BaseForm, BaseGantt, BaseHasMany, BaseHeader, BaseIcon, BaseIconPicker, BaseInput, BaseInputLabel, BaseInputPercent, BaseLoadingCover, BaseMediaItem, BaseMediaLibrary, BaseMediaPreview, BaseMenu, BaseMenuItem, BaseModalCenter, BaseModalSide, BaseNavbar, BaseNavbarItem, BaseNavbarItemContent, BaseNavbarSideItem, BasePagination, BasePanel, BasePassword, BaseProgressCircle, BaseRadioGroup, BaseReadMore, BaseRichText, BaseSelect, BaseShortcut, BaseSideNavigation, BaseSideNavigationItem, BaseSkeleton, BaseStatistic, BaseStepper, BaseStepperItem, BaseSwitch, BaseSystemAlert, BaseTable, BaseTableBody, BaseTableCell, BaseTableHead, BaseTableHeader, BaseTableRow, BaseTabs, BaseTabItem, BaseTagAutocomplete, BaseTagAutocompleteFetch, BaseTableColumn, BaseTextarea, BaseTextareaAutoresize, BaseTimeline, BaseTimelineItem, BaseTooltip, BaseUniqueCode, BaseLayoutStacked, BaseLayoutStackedConfigurable, BaseLayoutSidebar, BaseLayoutSidebarConfigurable, };

package/dist/types/src/services/table/classes.d.ts

@@ -0,0 +1,2 @@
+import { CellConfig } from "./types";
+export declare function cellClasses(config: CellConfig): string;

package/dist/types/src/services/table/types.d.ts

@@ -0,0 +1,15 @@
+import { RouteLocationRaw } from "vue-router";
+export type CellSpacing = 'none' | 'sm' | 'md' | 'lg';
+export interface TableProps {
+    spacing?: CellSpacing;
+    flush?: boolean;
+}
+export type CellConfig = {
+    flush?: boolean;
+} & TableProps;
+export interface CellProps {
+    title?: string;
+    href?: string;
+    to?: RouteLocationRaw;
+    target?: string;
+}

package/package.json

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

package/src/components/BaseBadge.stories.js

@@ -116,7 +116,7 @@ export const Wrap = (args) => ({
 
     <p class="text-xs text-slate-600 leading-tight mb-1">Wrap</p>
 
-    <BaseBadge v-bind="args" :color="color" wrap icon="heroicons:beaker-20-solid">
+    <BaseBadge v-bind="args" :color="color" icon="heroicons:beaker-20-solid">
       Administrator And More And More And More
     </BaseBadge>
   </div>

package/src/components/BaseButton.stories.js

@@ -85,11 +85,6 @@ export const Colors = (args) => ({
     return { args, colors };
   },
   template: `
-    <p class="text-xs text-slate-600 leading-tight mb-1">btn</p>
-    <BaseButton class="btn">
-      Click here
-    </BaseButton>
-    <div class="mb-4"></div>
     <div v-for="color in colors" :key="color" class="mb-4">
       <p class="text-xs text-slate-600 leading-tight mb-1">{{ color }}</p>
       <BaseButton v-bind="args" :color="color">

package/src/components/BaseButton.vue

@@ -123,7 +123,7 @@ const classes = computed(() => {
     if (props.color in colors) {
       classes.push(colors[props.color as keyof typeof colors]);
     } else {
-      classes.push('hover:opacity-80');
+      classes.push('hover:enabled:opacity-80');
     }
 
   }

package/src/components/BaseDataIteratorSectionColumns.vue

@@ -23,12 +23,12 @@
 <script lang="ts" setup>
 import { cloneDeep } from 'lodash';
 import { PropType } from 'vue';
-import BaseTable from './BaseTable.vue';
+import BaseDataTableTemplate from './BaseDataTableTemplate.vue';
 
 const props = defineProps({
   table: {
     required: true,
-    type: [Object, null] as PropType<InstanceType<typeof BaseTable> | null>,
+    type: [Object, null] as PropType<InstanceType<typeof BaseDataTableTemplate> | null>,
   },
   visibleColumns: {
     required: true,

package/src/components/BaseDataTable.vue

@@ -73,7 +73,7 @@
           </div>
         </div>
 
-        <BaseTable
+        <BaseDataTableTemplate
           ref="table"
           :checked-rows="newCheckedRows"
           :data="items"
@@ -175,7 +175,7 @@
               </div>
             </div>
           </template>
-        </BaseTable>
+        </BaseDataTableTemplate>
       </BaseCard>
     </template>
 
@@ -244,7 +244,6 @@ import BaseDataIterator from './BaseDataIterator.vue';
 import { cloneDeep, isArray } from 'lodash';
 
 import BaseCard from './BaseCard.vue';
-import BaseTable from './BaseTable.vue';
 import BaseTableColumn from './BaseTableColumn.vue';
 import BaseDataIteratorSectionColumns from './BaseDataIteratorSectionColumns.vue';
 import { BaseIcon, config } from '@/index';
@@ -256,6 +255,7 @@ import { ActionItem } from '@/types';
 import { Size } from '@/utils/sizes';
 import { useInputSize } from '@/composables/inputSize';
 import BaseButton from './BaseButton.vue';
+import BaseDataTableTemplate from './BaseDataTableTemplate.vue';
 
 const router = useRouter();
 
@@ -264,7 +264,7 @@ const http = config.http;
 const dialogs = useDialogsStore();
 const notifications = useNotificationsStore();
 
-const table = ref<null | InstanceType<typeof BaseTable>>(null);
+const table = ref<null | InstanceType<typeof BaseDataTableTemplate>>(null);
 
 const props = defineProps({
   /**