sprintify-ui 0.8.2 → 0.8.3

package/dist/types/components/BaseDataIteratorSectionColumns.vue.d.ts

@@ -220,7 +220,7 @@ declare const _default: import("vue").DefineComponent<{
                     meta: Record<string, any> | undefined;
                     newKey: string;
                     numeric: boolean;
-                    position: "right" | "left";
+                    align: "right" | "left" | "center";
                     searchable: boolean;
                     sortable: boolean;
                     ignoreRowInteractions: boolean;
@@ -370,7 +370,7 @@ declare const _default: import("vue").DefineComponent<{
                 meta: Record<string, any> | undefined;
                 newKey: string;
                 numeric: boolean;
-                position: "right" | "left";
+                align: "right" | "left" | "center";
                 searchable: boolean;
                 sortable: boolean;
                 ignoreRowInteractions: boolean;
@@ -628,7 +628,7 @@ declare const _default: import("vue").DefineComponent<{
                     meta: Record<string, any> | undefined;
                     newKey: string;
                     numeric: boolean;
-                    position: "right" | "left";
+                    align: "right" | "left" | "center";
                     searchable: boolean;
                     sortable: boolean;
                     ignoreRowInteractions: boolean;
@@ -778,7 +778,7 @@ declare const _default: import("vue").DefineComponent<{
                 meta: Record<string, any> | undefined;
                 newKey: string;
                 numeric: boolean;
-                position: "right" | "left";
+                align: "right" | "left" | "center";
                 searchable: boolean;
                 sortable: boolean;
                 ignoreRowInteractions: boolean;

package/dist/types/components/BaseDataTableTemplate.vue.d.ts

@@ -90,7 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         meta: Record<string, any> | undefined;
         newKey: string;
         numeric: boolean;
-        position: "right" | "left";
+        align: "right" | "left" | "center";
         searchable: boolean;
         sortable: boolean;
         ignoreRowInteractions: boolean;

package/dist/types/components/BaseTableCell.vue.d.ts

@@ -51,10 +51,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title: string;
     to: RouteLocationRaw;
     href: string;
+    align: "right" | "left" | "center";
     ignoreRowInteractions: boolean;
     target: "_blank" | "_self" | "_parent" | "_top";
     style: string | false | import("vue").CSSProperties | StyleValue[] | null;
-    align: "right" | "left" | "center";
     colspan: string | number;
 }, {}>, {
     default?(_: {

package/dist/types/components/BaseTableColumn.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-    position: {
+    align: {
         default: string;
         type: PropType<"right" | "left" | "center">;
     };
@@ -82,16 +82,6 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         type: PropType<(row: CollectionItem, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void>;
     };
-    /** Adds native attributes to th :th-attrs="(column)" => ({})" */
-    thAttrs: {
-        type: FunctionConstructor;
-        default: () => {};
-    };
-    /** Adds native attributes to td :td-attrs="(row, column)" => ({})" */
-    tdAttrs: {
-        type: FunctionConstructor;
-        default: () => {};
-    };
 }, {
     nextSequence: any;
     addColumn: any;
@@ -136,7 +126,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-    position: {
+    align: {
         default: string;
         type: PropType<"right" | "left" | "center">;
     };
@@ -184,16 +174,6 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         type: PropType<(row: CollectionItem, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void>;
     };
-    /** Adds native attributes to th :th-attrs="(column)" => ({})" */
-    thAttrs: {
-        type: FunctionConstructor;
-        default: () => {};
-    };
-    /** Adds native attributes to td :td-attrs="(row, column)" => ({})" */
-    tdAttrs: {
-        type: FunctionConstructor;
-        default: () => {};
-    };
 }>>, {
     class: string | unknown[] | Record<string, any>;
     onClick: (row: CollectionItem, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void;
@@ -207,7 +187,7 @@ declare const _default: import("vue").DefineComponent<{
     customKey: string | number;
     padding: string;
     numeric: boolean;
-    position: "right" | "left" | "center";
+    align: "right" | "left" | "center";
     sortable: boolean;
     ignoreRowInteractions: boolean;
     toggle: boolean;
@@ -215,7 +195,5 @@ declare const _default: import("vue").DefineComponent<{
     customSort: Function;
     customSearch: Function;
     target: "_blank" | "_self" | "_parent" | "_top";
-    thAttrs: Function;
-    tdAttrs: Function;
 }, {}>;
 export default _default;

package/dist/types/components/BaseTableHeader.vue.d.ts

@@ -26,8 +26,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     class: string | false | 0 | ClassNameValue[] | null;
-    style: string | false | import("vue").CSSProperties | StyleValue[] | null;
     align: "right" | "left" | "center";
+    style: string | false | import("vue").CSSProperties | StyleValue[] | null;
     colspan: number;
 }, {}>, {
     default?(_: {}): any;

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

@@ -78,7 +78,7 @@ export interface BaseTableColumnData {
     meta: undefined | Record<string, any>;
     newKey: string;
     numeric: boolean;
-    position: 'left' | 'right';
+    align: 'left' | 'center' | 'right';
     searchable: boolean;
     sortable: boolean;
     ignoreRowInteractions: boolean;

package/package.json

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

package/src/components/BaseDataTable.stories.js

@@ -261,6 +261,7 @@ const LocalTemplate = (args) => ({
     sortable
     field="label"
     :toggle="false"
+    align="right"
   >
     <div class="max-w-sm">
       <div class="font-medium text-slate-900">
@@ -272,6 +273,17 @@ const LocalTemplate = (args) => ({
     </div>
   </BaseTableColumn>
 
+  <BaseTableColumn
+    v-slot="{ row }"
+    label="Size"
+    field="size"
+    sortable
+    numeric
+    align="right"
+  >
+    <p>{{ row.size }}</p>
+  </BaseTableColumn>
+
   <BaseTableColumn
     v-slot="{ row }"
     label="Value"
@@ -324,4 +336,5 @@ const localProps = cloneDeep(componentProps);
 localProps.url = null;
 localProps.perPage = 4;
 localProps.rowTo = undefined;
+localProps.maxHeight = undefined;
 Local.args = localProps;

package/src/components/BaseDataTableTemplate.vue

@@ -1,6 +1,9 @@
 <template>
   <div
     class="relative w-full overflow-hidden"
+    :style="{
+      minHeight: maxHeight ? maxHeight + 'px' : '200px',
+    }"
   >
     <div
       ref="slot"
@@ -23,7 +26,6 @@
           <BaseTableHeader
             v-for="(column, index) in visibleColumns"
             :key="column.newKey + ':' + index + 'header'"
-            v-bind="column.thAttrs && column.thAttrs(column)"
             :style="column.style"
             class="bg-slate-50"
           >
@@ -52,9 +54,10 @@
               <button
                 type="button"
                 class="flex gap-1 w-full items-center bg-transparent text-left text-sm font-medium leading-tight text-slate-900"
-                :class="{
-                  'cursor-pointer': column.sortable,
-                }"
+                :class="[
+                  column.sortable ? 'cursor-pointer' : '',
+                  column.align == 'right' ? 'justify-start flex-row-reverse' : ''
+                ]"
                 @click="sort(column, undefined, $event as any)"
               >
                 <span
@@ -108,8 +111,8 @@
             <BaseTableCell
               v-for="(column, columnIndex) in visibleColumns"
               :key="column.newKey + index + ':' + columnIndex"
-              v-bind="column.tdAttrs && column.tdAttrs(row, column)"
-              :class="column.class"
+              :class="[column.class, column.numeric ? 'tabular-nums' : '']"
+              :align="column.align"
               :style="column.style"
               :to="column.to ? column.to(row) : undefined"
               :href="column.href ? column.href(row) : undefined"
@@ -155,7 +158,7 @@
                   scoped
                   name="default"
                   tag="div"
-                  class="text-sm"
+                  class="text-sm grow"
                   :data-label="column.label"
                   :props="{ row, column, index, columnIndex, toggleDetails }"
                 />

package/src/components/BaseTableColumn.vue

@@ -39,7 +39,7 @@ export default defineComponent({
       default: false,
       type: Boolean,
     },
-    position: {
+    align: {
       default: 'left',
       type: String as PropType<'left' | 'center' | 'right'>,
     },
@@ -87,16 +87,6 @@ export default defineComponent({
       default: undefined,
       type: Function as PropType<(row: CollectionItem, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void>,
     },
-    /** Adds native attributes to th :th-attrs="(column)" => ({})" */
-    thAttrs: {
-      type: Function,
-      default: () => ({}),
-    },
-    /** Adds native attributes to td :td-attrs="(row, column)" => ({})" */
-    tdAttrs: {
-      type: Function,
-      default: () => ({}),
-    },
   },
   setup() {
     const nextSequence = inject('nextSequence') as any;

package/src/types/index.ts

@@ -105,7 +105,7 @@ export interface BaseTableColumnData {
   meta: undefined | Record<string, any>;
   newKey: string;
   numeric: boolean;
-  position: 'left' | 'right';
+  align: 'left' | 'center' | 'right';
   searchable: boolean;
   sortable: boolean;
   ignoreRowInteractions: boolean;