Merge pull request #63 from webdevnerdstuff/dev

v1.1.0

Author: webdevnerdstuff

.editorconfig

@@ -14,7 +14,7 @@ trim_trailing_whitespace = false
 [*.{yml,yaml}]
 indent_size = 2
 
-[*.{js,ts,vue}]
+[*.{js,ts,mts,vue}]
 indent_size = 2
 indent_style = tab
 

.eslintrc.js

@@ -13,8 +13,10 @@ module.exports = {
 	],
 	ignorePatterns: [
 		'.eslintrc.js',
-		'vite.build.config.ts',
-		'vite.config.ts',
+		'vite.build.config.mts',
+		'vite.config.mts',
+		'*.bk.vue',
+		'*.spec.ts',
 	],
 	overrides: [
 		{
@@ -39,11 +41,6 @@ module.exports = {
 		'vue',
 	],
 	root: true,
-	settings: {
-		'import/resolver': {
-			'babel-module': {},
-		},
-	},
 	rules: {
 		'@typescript-eslint/ban-ts-comment': 0,
 		'@typescript-eslint/ban-types': [

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-npx lint-staged
+npx lint-staged && npm run test:build

.npmrc

@@ -1,2 +1 @@
-node-version=19.9.0
-engine-strict=true
+node-version=20.10.0

.nvmrc

@@ -1 +1 @@
-19.9.0
+20.10.0

dist/plugin/VDrilldownTable.vue.d.ts

@@ -1,9 +1,9 @@
-import { Props } from '../types';
+import { Props } from './types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     colorPercentageChange: number;
     colorPercentageDirection: "desc";
     colors: () => {
-        readonly default: import('../types').DefaultColors;
+        readonly default: import('./types').DefaultColors;
         readonly footer: {
             readonly background: undefined;
             readonly color: undefined;
@@ -16,15 +16,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         readonly percentageDirection: "desc";
     };
     columnWidths: () => never[];
-    defaultColors: () => import('../types').DefaultColors;
+    defaultColors: () => import('./types').DefaultColors;
     density: string;
     drilldownKey: string;
     elevation: number;
     expandOnClick: boolean;
     filterKeys: undefined;
     footerBackgroundColor: undefined;
     footerColor: undefined;
-    footers: () => import('../types').Column[];
+    footers: () => import('./types').Column[];
     headerBackgroundColor: undefined;
     headerColor: undefined;
     height: string;
@@ -75,7 +75,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         xxl: number;
     };
     searchDebounce: number;
-    searchEvents: () => {};
     searchMaxWait: number;
     searchProps: () => {};
     selectStrategy: "page";
@@ -90,20 +89,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     sortBy: () => never[];
     tableType: () => {};
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:drilldown": (...args: any[]) => void;
-    "update:expanded": (...args: any[]) => void;
     "click:row": (...args: any[]) => void;
     "click:row:checkbox": (...args: any[]) => void;
-    "update:sortBy": (...args: any[]) => void;
-    "update:search": (...args: any[]) => void;
+    "update:expanded": (...args: any[]) => void;
+    "update:drilldown": (...args: any[]) => void;
     "update:options": (...args: any[]) => void;
     "update:itemsPerPage": (...args: any[]) => void;
     "update:page": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    "update:search": (...args: any[]) => void;
+    "update:sortBy": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     colorPercentageChange: number;
     colorPercentageDirection: "desc";
     colors: () => {
-        readonly default: import('../types').DefaultColors;
+        readonly default: import('./types').DefaultColors;
         readonly footer: {
             readonly background: undefined;
             readonly color: undefined;
@@ -116,15 +115,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         readonly percentageDirection: "desc";
     };
     columnWidths: () => never[];
-    defaultColors: () => import('../types').DefaultColors;
+    defaultColors: () => import('./types').DefaultColors;
     density: string;
     drilldownKey: string;
     elevation: number;
     expandOnClick: boolean;
     filterKeys: undefined;
     footerBackgroundColor: undefined;
     footerColor: undefined;
-    footers: () => import('../types').Column[];
+    footers: () => import('./types').Column[];
     headerBackgroundColor: undefined;
     headerColor: undefined;
     height: string;
@@ -175,7 +174,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         xxl: number;
     };
     searchDebounce: number;
-    searchEvents: () => {};
     searchMaxWait: number;
     searchProps: () => {};
     selectStrategy: "page";
@@ -190,71 +188,70 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     sortBy: () => never[];
     tableType: () => {};
 }>>> & {
-    "onUpdate:sortBy"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:itemsPerPage"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:options"?: ((...args: any[]) => any) | undefined;
     "onClick:row"?: ((...args: any[]) => any) | undefined;
     "onClick:row:checkbox"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:search"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
     "onUpdate:drilldown"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:options"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:itemsPerPage"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:search"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:sortBy"?: ((...args: any[]) => any) | undefined;
 }, {
-    filterKeys: string | string[];
-    noFilter: boolean;
+    page: string | number;
+    colorPercentageChange: number;
+    colorPercentageDirection: "desc" | "asc";
     density: any;
-    height: string | number;
-    hover: boolean;
-    loading: string | boolean;
-    sortAscIcon: string | import("vue").JSXComponent | (string | [path: string, opacity: number])[];
-    sortBy: readonly {
-        key: string;
-        order?: boolean | "asc" | "desc" | undefined;
-    }[];
-    showSelect: boolean;
-    selectStrategy: "page" | "all" | "single";
-    items: any[];
-    itemValue: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
-    itemSelectable: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
-    returnObject: boolean;
+    drilldownKey: string;
+    elevation: string | number;
     expandOnClick: boolean;
-    showExpand: boolean;
-    search: string;
-    loadingText: string;
+    footers: import('./types').Column[];
+    height: string | number;
     hideNoData: boolean;
-    noDataText: string;
-    page: string | number;
-    itemsPerPage: string | number;
+    hover: boolean;
+    itemChildrenKey: string;
+    itemSelectable: string | boolean | readonly (string | number)[] | ((item: any, fallback?: any) => any) | null;
+    itemValue: string | boolean | readonly (string | number)[] | ((item: any, fallback?: any) => any) | null;
+    items: readonly any[];
     itemsLength: number;
-    colors: import('../types').ColorsObject;
+    itemsPerPage: string | number;
     level: number;
-    colorPercentageChange: number;
-    colorPercentageDirection: "asc" | "desc";
-    columnWidths: number[];
-    headerBackgroundColor: string;
-    headerColor: string;
+    levels: number;
+    loaderProps: import('./types').LoaderProps;
     loaderType: string | false | string[] | null;
+    loading: string | boolean;
+    loadingText: string;
     matchColumnWidths: boolean;
-    loaderProps: import('../types').LoaderProps;
-    levels: number;
-    footerBackgroundColor: string;
-    footerColor: string;
-    elevation: string | number;
-    separator: "default" | "horizontal" | "vertical" | "cell";
-    isDrilldown: boolean;
-    footers: import('../types').Column[];
-    searchContainerCols: import('../types').SearchContainerCols;
-    searchEvents: import('../types').KeyStringAny<any>;
-    searchProps: import('../types').KeyStringAny<any>;
-    showSearch: boolean;
-    defaultColors: import('../types').DefaultColors;
-    drilldownKey: string;
-    itemChildrenKey: string;
+    noDataText: string;
+    search: string;
+    searchContainerCols: import('./types').SearchContainerCols;
     searchDebounce: number | null;
     searchMaxWait: number | null;
+    searchProps: import('./types').KeyStringAny<any>;
+    selectStrategy: "page" | "all" | "single";
+    separator: "horizontal" | "default" | "vertical" | "cell";
     server: boolean;
     showDrilldownWhenLoading: boolean;
+    showExpand: boolean;
     showFooterRow: boolean;
+    showSearch: boolean;
+    showSelect: boolean;
+    sortAscIcon: string | (string | [path: string, opacity: number])[] | import("vue").JSXComponent;
+    sortBy: readonly {
+        key: string;
+        order?: boolean | "desc" | "asc" | undefined;
+    }[];
+    defaultColors: import('./types').DefaultColors;
+    colors: import('./types').ColorsObject;
+    headerBackgroundColor: string;
+    footerBackgroundColor: string;
+    footerColor: string;
+    headerColor: string;
+    columnWidths: number[];
+    filterKeys: string | string[];
+    isDrilldown: boolean;
+    noFilter: boolean;
+    returnObject: boolean;
     tableType: {};
 }, {}>, Partial<Record<NonNullable<string | number>, (_: any) => any>> & Partial<Record<NonNullable<string | number>, (_: any) => any>> & Partial<Record<NonNullable<string | number>, (_: any) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<NonNullable<string | number>, (_: any) => any>> & Partial<Record<NonNullable<string | number>, (_: any) => any>> & Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
     loader?(_: {}): any;

dist/plugin/components/TableLoader.vue.d.ts

@@ -1,21 +1,21 @@
-import { TableLoader } from '../../types';
+import { TableLoader } from '../types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TableLoader>, {
     height: number;
     loaderType: string;
     loadingText: string;
     size: string;
     textLoader: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TableLoader>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TableLoader>, {
     height: number;
     loaderType: string;
     loadingText: string;
     size: string;
     textLoader: boolean;
 }>>>, {
     height: string | number;
+    loaderType: string | false | string[] | null | undefined;
     loadingText: string;
     size: string | number;
-    loaderType: string | false | string[] | null | undefined;
     textLoader: boolean;
 }, {}>;
 export default _default;

dist/plugin/composables/classes.d.ts

@@ -1,4 +1,4 @@
-import { UseBodyCellClasses, UseBodyRowClasses, UseCellAlignClasses, UseCellClasses, UseCheckBoxClasses, UseHeaderCellClasses, UseHeaderRowClasses, UseSortIconClasses, UseTFootCellClasses, UseTableClasses, UseTFootClasses, UseTFootRowClasses } from '../../types';
+import { UseBodyCellClasses, UseBodyRowClasses, UseCellAlignClasses, UseCellClasses, UseCheckBoxClasses, UseHeaderCellClasses, UseHeaderRowClasses, UseSortIconClasses, UseTFootCellClasses, UseTableClasses, UseTFootClasses, UseTFootRowClasses } from '../types';
 export declare const useTableClasses: UseTableClasses;
 export declare const useCellAlignClasses: UseCellAlignClasses;
 export declare const useCheckBoxClasses: UseCheckBoxClasses;

dist/plugin/composables/emits.d.ts

@@ -1,2 +1,2 @@
-import { UseEmitUpdatedExpanded } from '../../types';
+import { UseEmitUpdatedExpanded } from '../types';
 export declare const useEmitUpdatedExpanded: UseEmitUpdatedExpanded;

dist/plugin/composables/helpers.d.ts

@@ -1,4 +1,4 @@
-import { Column, UseGetSortDirection, UseConvertToUnit } from '../../types';
+import { Column, UseGetSortDirection, UseConvertToUnit } from '../types';
 /**
 * Get's the sort direction for a column
 */