lkt-table 1.4.2 → 2.0.0

package/dist/components/CreateButton.vue.d.ts

@@ -1,11 +1,7 @@
-import { ModalConfig } from "lkt-vue-kernel";
+import { ButtonConfig } from "lkt-vue-kernel";
 type __VLS_Props = {
+    config?: ButtonConfig;
     disabled?: boolean;
-    text?: string;
-    icon?: string;
-    to?: string;
-    modal?: string;
-    modalData?: Partial<ModalConfig>;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
@@ -14,10 +10,7 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     onClick?: ((...args: any[]) => any) | undefined;
     onAppend?: ((...args: any[]) => any) | undefined;
 }>, {
-    text: string;
     disabled: boolean;
-    to: string;
-    icon: string;
-    modal: string;
+    config: ButtonConfig;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/DropButton.vue.d.ts

@@ -12,11 +12,11 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    text: string;
     disabled: boolean;
-    confirm: string;
-    icon: string;
     resource: string;
     resourceData: LktObject;
+    text: string;
+    icon: string;
+    confirm: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/EditButton.vue.d.ts

@@ -14,11 +14,11 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     link: string;
-    text: string;
     disabled: boolean;
-    confirm: string;
-    icon: string;
     resource: string;
     resourceData: LktObject;
+    text: string;
+    icon: string;
+    confirm: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/LktHiddenRow.vue.d.ts

@@ -25,15 +25,15 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    click: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    i: number;
     sortable: boolean;
     modelValue: LktObject;
+    i: number;
     editModeEnabled: boolean;
     hasInlineEditPerm: boolean;
     isDraggable: boolean;

package/dist/components/LktTableCell.vue.d.ts

@@ -12,10 +12,10 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    modelValue: LktObject;
+    column: Column;
     columns: Column[];
     i: number;
-    column: Column;
-    modelValue: LktObject;
     editModeEnabled: boolean;
     hasInlineEditPerm: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LktTableRow.vue.d.ts

@@ -28,43 +28,43 @@ type __VLS_Props = {
 declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    show: (...args: any[]) => void;
-    click: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    click: (...args: any[]) => void;
+    show: (...args: any[]) => void;
     "item-up": (...args: any[]) => void;
     "item-down": (...args: any[]) => void;
     "item-drop": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onShow?: ((...args: any[]) => any) | undefined;
-    onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     "onItem-up"?: ((...args: any[]) => any) | undefined;
     "onItem-down"?: ((...args: any[]) => any) | undefined;
     "onItem-drop"?: ((...args: any[]) => any) | undefined;
 }>, {
-    i: number;
     sortable: boolean;
     modelValue: LktObject;
-    rowDisplayType: ValidTableRowTypeValue;
-    renderDrag: boolean | Function;
-    disabledDrag: boolean | Function;
-    dropText: string;
-    dropIcon: string;
-    editText: string;
-    editIcon: string;
-    editLink: string;
-    dropConfirm: string;
-    dropResource: string;
-    addNavigation: boolean;
+    i: number;
     editModeEnabled: boolean;
     isDraggable: boolean;
     displayHiddenColumnsIndicator: boolean;
     hiddenIsVisible: boolean;
+    addNavigation: boolean;
     latestRow: boolean;
     canDrop: boolean;
     canEdit: boolean;
     visibleColumns: Column[];
     emptyColumns: string[];
+    dropConfirm: string;
+    dropText: string;
+    dropIcon: string;
+    dropResource: string;
+    editText: string;
+    editIcon: string;
+    editLink: string;
+    rowDisplayType: ValidTableRowTypeValue;
+    renderDrag: boolean | Function;
+    disabledDrag: boolean | Function;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/functions/table-functions.d.ts

@@ -1,4 +1,4 @@
-import { Column, ColumnConfig, LktObject } from "lkt-vue-kernel";
+import { Column, ColumnConfig, LktObject, SortDirection } from "lkt-vue-kernel";
 /**
  *
  * @param data
@@ -12,7 +12,7 @@ export declare const createColumn: (data: ColumnConfig) => Column;
  * @param sortDirection
  * @returns {number}
  */
-export declare const defaultTableSorter: (a: any, b: any, c: Column, sortDirection: string) => number;
+export declare const defaultTableSorter: (a: any, b: any, c: Column, sortDirection: SortDirection) => number;
 /**
  *
  * @param column

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-table",
-  "version": "1.4.2",
+  "version": "2.0.0",
   "description": "",
   "keywords": [
     "lkt",
@@ -37,11 +37,11 @@
     "@babel/types": "^7.23.6",
     "@types/node": "^20.11.19",
     "@types/rollup": "^0.54.0",
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^5.2.1",
     "rollup": "^4.9.6",
     "typescript": "^5.7",
-    "vite": "^5.1.3",
-    "vue-tsc": "^2.0"
+    "vite": "^5.4.14",
+    "vue-tsc": "^2.2"
   },
   "engines": {
     "node": ">=18"

package/src/components/CreateButton.vue

@@ -1,30 +1,23 @@
 <script setup lang="ts">
 import {computed} from "vue";
 import {Settings} from "../settings/Settings";
-import {LktObject, ModalConfig} from "lkt-vue-kernel";
+import {ButtonConfig, LktObject} from "lkt-vue-kernel";
 
 const emit = defineEmits(['click', 'append']);
 
 const props = withDefaults(defineProps<{
+    config?: ButtonConfig
     disabled?: boolean
-    text?: string
-    icon?: string
-    to?: string
-    modal?: string
-    modalData?: Partial<ModalConfig>
 }>(), {
+    config: undefined,
     disabled: false,
-    text: '',
-    icon: '',
-    to: '',
-    modal: '',
 });
 
 const hasCreateButtonSlot = computed(() => Settings.createButtonSlot !== ''),
     createButtonSlot = computed(() => Settings.createButtonSlot);
 
 const calculatedModalData = {
-    ...props.modalData,
+    ...props.config?.modalData,
     beforeClose: (data: LktObject) => {
         // Checks lkt-item-crud as modal flow
         if ('itemCreated' in data && data.itemCreated === true) {
@@ -33,8 +26,13 @@ const calculatedModalData = {
     }
 };
 
+const calculatedConfig = {
+    ...props.config,
+}
+calculatedConfig.modalData = calculatedModalData;
+
 const onClick = () => {
-    if (!props.modal) {
+    if (!props.config?.modal) {
         emit('click');
         return;
     }
@@ -43,13 +41,8 @@ const onClick = () => {
 
 <template>
     <lkt-button
-        palette="table-create"
+        v-bind="calculatedConfig"
         :disabled="disabled"
-        :icon="hasCreateButtonSlot ? '' : icon"
-        :text="hasCreateButtonSlot ? '' : text"
-        :modal="modal"
-        :modal-data="calculatedModalData"
-        :on-click-to="to"
         @click="onClick">
         <template v-if="hasCreateButtonSlot">
             <component