@katlux/toolkit 0.1.0-beta.5 → 0.1.0-beta.6

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@katlux/toolkit",
   "configKey": "katluxToolkit",
-  "version": "0.1.0-beta.5",
+  "version": "0.1.0-beta.6",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/KBulkActions/KBulkActions.logic.d.ts

@@ -1,5 +1,4 @@
 import type { IKDatatableAction, TDataRow } from '@katlux/providers';
-import { CFlatClientDataProvider } from '@katlux/providers';
 export interface KBulkActionsProps {
     bulkActions: IKDatatableAction[];
     selectedRows: TDataRow[];
@@ -7,13 +6,7 @@ export interface KBulkActionsProps {
 }
 export declare const KBulkActionsDefaultProps: {};
 export declare function useKBulkActionsLogic(props: KBulkActionsProps): {
-    selected: import("vue").Ref<{
-        action: Function;
-        label: string;
-    } | null, IKDatatableAction | {
-        action: Function;
-        label: string;
-    } | null>;
-    dp: CFlatClientDataProvider;
+    selected: any;
+    dp: any;
     doAction: (action: any) => void;
 };

package/dist/runtime/components/KCombobox/KCombobox.global.d.vue.ts

@@ -1,6 +1,6 @@
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: PropType<ADataProvider>;
         required: boolean;
     };
     closeOnSelect: {
@@ -40,10 +40,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: null;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any;
+    "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: PropType<ADataProvider>;
         required: boolean;
     };
     closeOnSelect: {
@@ -83,7 +83,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: null;
     };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     disabled: boolean;
     modelValue: any;

package/dist/runtime/components/KCombobox/KCombobox.global.vue.d.ts

@@ -1,6 +1,6 @@
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: PropType<ADataProvider>;
         required: boolean;
     };
     closeOnSelect: {
@@ -40,10 +40,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: null;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any;
+    "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: PropType<ADataProvider>;
         required: boolean;
     };
     closeOnSelect: {
@@ -83,7 +83,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: null;
     };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     disabled: boolean;
     modelValue: any;

package/dist/runtime/components/KCombobox/KCombobox.logic.d.ts

@@ -0,0 +1,72 @@
+import type { ADataProvider } from '@katlux/providers';
+import { type TDataRow } from '@katlux/providers';
+export type ComboboxItem = TDataRow;
+export interface KComboboxProps {
+    dataProvider: ADataProvider;
+    closeOnSelect?: boolean;
+    disabled?: boolean;
+    multiSelect?: boolean;
+    maxSelectedDisplay?: number | string | false;
+    placeholder?: string;
+    searchbox?: boolean;
+    visibleFields?: Array<String> | null;
+    labelField: string;
+    modelValue?: ComboboxItem | ComboboxItem[] | null;
+}
+export interface KComboboxEmits {
+    (e: 'update:modelValue', value: ComboboxItem | ComboboxItem[] | null): void;
+}
+export declare const KComboboxDefaultProps: {
+    dataProvider: {
+        type: PropType<ADataProvider>;
+        required: boolean;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxSelectedDisplay: {
+        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visibleFields: {
+        type: PropType<Array<String>>;
+        default: null;
+    };
+    labelField: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    modelValue: {
+        type: PropType<ComboboxItem | ComboboxItem[] | null>;
+        default: null;
+    };
+};
+export declare function useKComboboxLogic(props: KComboboxProps, emit: KComboboxEmits): {
+    selectedItems: import("vue").Ref<any, any>;
+    isOptionsOpen: import("vue").Ref<boolean, boolean>;
+    searchtext: import("vue").Ref<string, string>;
+    selectItem: (option: ComboboxItem) => void;
+    isSelected: (option: ComboboxItem) => any;
+    getSelectedContent: () => any;
+    toggleDropdown: () => void;
+    closeDropdown: () => void;
+    filteredOptions: import("vue").ComputedRef<any>;
+    loading: any;
+};

package/dist/runtime/components/KDatatable/KDataIterator.global.vue

@@ -5,7 +5,7 @@ import { computed, useSlots } from "vue";
 import KDataIteratorDefault from "../../presets/default/components/KDataIterator/KDataIterator.vue";
 import { ADataProvider } from "@katlux/providers";
 const props = defineProps({
-  dataProvider: { type: Object, required: true },
+  dataProvider: { type: null, required: true },
   visibleFields: { type: [Array, null], required: false, default: null },
   rowActions: { type: Array, required: false, default: () => [] },
   bulkActions: { type: Array, required: false, default: () => [] },

package/dist/runtime/components/KDatatable/KDataIterator.logic.d.ts

@@ -0,0 +1,20 @@
+import { ADataProvider } from '@katlux/providers';
+export interface KDataIteratorProps {
+    dataProvider: ADataProvider;
+    visibleFields?: Array<string> | null;
+    loading?: boolean;
+    search?: string;
+    itemsPerPage?: number;
+    page?: number;
+}
+export declare const KDataIteratorDefaultProps: {
+    visibleFields: null;
+    loading: boolean;
+    search: string;
+    itemsPerPage: number;
+    page: number;
+};
+export declare function useKDataIteratorLogic(props: KDataIteratorProps): {
+    selectedRows: any;
+    selectAll: any;
+};

package/dist/runtime/components/KDatatable/KDatatable.global.vue

@@ -5,7 +5,7 @@ import { computed, useSlots } from "vue";
 import DatatableDefault from "../../presets/default/components/KDatatable/KDatatable.vue";
 import { ADataProvider } from "@katlux/providers";
 const props = defineProps({
-  dataProvider: { type: Object, required: true },
+  dataProvider: { type: null, required: true },
   visibleFields: { type: [Array, null], required: true, default: null },
   rowActions: { type: Array, required: false, default: () => [] },
   bulkActions: { type: Array, required: false, default: () => [] },

package/dist/runtime/components/KDatatable/KDatatable.logic.d.ts

@@ -0,0 +1,12 @@
+import { ADataProvider } from '@katlux/providers';
+export interface KDatatableProps {
+    dataProvider: ADataProvider;
+    visibleFields?: Array<string> | null;
+}
+export declare const KDatatableDefaultProps: {
+    visibleFields: null;
+};
+export declare function useKDatatableLogic(props: KDatatableProps): {
+    selectedRows: any;
+    selectAll: any;
+};

package/dist/runtime/components/KLoader/KLoader.global.d.vue.ts

@@ -8,7 +8,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -21,11 +21,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
 }>> & Readonly<{}>, {
-    size: any;
+    size: "small" | "large" | "medium";
     overlay: boolean;
     loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/KLoader/KLoader.global.vue.d.ts

@@ -8,7 +8,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -21,11 +21,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: import("vue").PropType<"small" | "medium" | "large">;
         default: string;
     };
 }>> & Readonly<{}>, {
-    size: any;
+    size: "small" | "large" | "medium";
     overlay: boolean;
     loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/KLoader/KLoader.logic.d.ts

@@ -1,3 +1,4 @@
+import { type PropType } from 'vue';
 export interface KLoaderProps {
     loading?: boolean;
     overlay?: boolean;
@@ -18,5 +19,11 @@ export declare const KLoaderDefaultProps: {
     };
 };
 export declare function useKLoaderLogic(props: KLoaderProps): {
-    loaderClasses: any;
+    loaderClasses: import("vue").ComputedRef<(string | {
+        'is-overlay': boolean | undefined;
+        'is-loading'?: undefined;
+    } | {
+        'is-loading': boolean | undefined;
+        'is-overlay'?: undefined;
+    })[]>;
 };

package/dist/runtime/components/KLoader/KLoader.logic.js

@@ -1,3 +1,4 @@
+import { computed } from "vue";
 export const KLoaderDefaultProps = {
   loading: {
     type: Boolean,

package/dist/runtime/components/KPagination/KPagination.global.vue

@@ -5,7 +5,7 @@ import { computed } from "vue";
 import KPaginationDefault from "../../presets/default/components/KPagination/KPagination.vue";
 import { ADataProvider } from "@katlux/providers";
 const props = defineProps({
-  dataProvider: { type: Object, required: true }
+  dataProvider: { type: null, required: true }
 });
 const {
   dp,

package/dist/runtime/components/KTree/KTree.logic.d.ts

@@ -45,7 +45,7 @@ export declare const KTreeDefaultProps: {
     };
 };
 export declare function useKTreeLogic(props: KTreeProps): {
-    visibleRows: import("vue").ComputedRef<import("@katlux/providers").TDataRow[]>;
+    visibleRows: import("vue").ComputedRef<any>;
     expandedNodes: any;
     toggleNode: (nodeId: string | number) => void;
 };

package/dist/runtime/components/KTreePicker/KTreePicker.global.d.vue.ts

@@ -4,7 +4,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: null;
     };
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: PropType<ADataProvider>;
         required: boolean;
     };
     labelField: {
@@ -56,7 +56,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: null;
     };
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: PropType<ADataProvider>;
         required: boolean;
     };
     labelField: {

package/dist/runtime/components/KTreePicker/KTreePicker.global.vue.d.ts

@@ -4,7 +4,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: null;
     };
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: PropType<ADataProvider>;
         required: boolean;
     };
     labelField: {
@@ -56,7 +56,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: null;
     };
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: PropType<ADataProvider>;
         required: boolean;
     };
     labelField: {

package/dist/runtime/components/KTreePicker/KTreePicker.logic.d.ts

@@ -0,0 +1,77 @@
+import type { ADataProvider } from '@katlux/providers';
+export interface KTreePickerProps {
+    modelValue?: any;
+    dataProvider: ADataProvider;
+    labelField: string;
+    placeholder?: string;
+    disabled?: boolean;
+    closeOnSelect?: boolean;
+    idKey?: string;
+    parentKey?: string;
+    iconField?: string;
+    loading?: boolean;
+    multiSelect?: boolean;
+    searchbox?: boolean;
+}
+export declare const KTreePickerDefaultProps: {
+    modelValue: {
+        type: PropType<any>;
+        default: null;
+    };
+    dataProvider: {
+        type: PropType<ADataProvider>;
+        required: boolean;
+    };
+    labelField: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    idKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    parentKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconField: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare function useKTreePickerLogic(props: KTreePickerProps, emit: any): {
+    selectedItems: import("vue").Ref<any, any>;
+    isOptionsOpen: import("vue").Ref<boolean, boolean>;
+    searchtext: import("vue").Ref<string, string>;
+    selectItem: (option: import("../KCombobox/KCombobox.logic.js").ComboboxItem) => void;
+    isSelected: (option: import("../KCombobox/KCombobox.logic.js").ComboboxItem) => any;
+    getSelectedContent: () => any;
+    toggleDropdown: () => void;
+    closeDropdown: () => void;
+    filteredOptions: import("vue").ComputedRef<any>;
+    loading: any;
+};

package/dist/runtime/components/KTreeView/KTreeView.global.d.vue.ts

@@ -1,6 +1,6 @@
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: import("vue").PropType<import("@katlux/providers").ADataProvider>;
+        type: import("vue").PropType<ADataProvider>;
         required: true;
     };
     columns: {
@@ -24,7 +24,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     bulkActions: {
-        type: import("vue").PropType<import("@katlux/providers").IKDatatableAction[]>;
+        type: import("vue").PropType<IKDatatableAction[]>;
         default: () => never[];
     };
     rowActions: {
@@ -41,7 +41,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: import("vue").PropType<import("@katlux/providers").ADataProvider>;
+        type: import("vue").PropType<ADataProvider>;
         required: true;
     };
     columns: {
@@ -65,7 +65,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     bulkActions: {
-        type: import("vue").PropType<import("@katlux/providers").IKDatatableAction[]>;
+        type: import("vue").PropType<IKDatatableAction[]>;
         default: () => never[];
     };
     rowActions: {
@@ -81,7 +81,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    bulkActions: import("@katlux/providers").IKDatatableAction[];
+    bulkActions: IKDatatableAction[];
     rowActions: import("./KTreeView.logic.js").IRowAction[];
     cellSlots: Record<string, any>;
     headerSlots: Record<string, any>;

package/dist/runtime/components/KTreeView/KTreeView.global.vue.d.ts

@@ -1,6 +1,6 @@
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: import("vue").PropType<import("@katlux/providers").ADataProvider>;
+        type: import("vue").PropType<ADataProvider>;
         required: true;
     };
     columns: {
@@ -24,7 +24,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     bulkActions: {
-        type: import("vue").PropType<import("@katlux/providers").IKDatatableAction[]>;
+        type: import("vue").PropType<IKDatatableAction[]>;
         default: () => never[];
     };
     rowActions: {
@@ -41,7 +41,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: import("vue").PropType<import("@katlux/providers").ADataProvider>;
+        type: import("vue").PropType<ADataProvider>;
         required: true;
     };
     columns: {
@@ -65,7 +65,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     bulkActions: {
-        type: import("vue").PropType<import("@katlux/providers").IKDatatableAction[]>;
+        type: import("vue").PropType<IKDatatableAction[]>;
         default: () => never[];
     };
     rowActions: {
@@ -81,7 +81,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    bulkActions: import("@katlux/providers").IKDatatableAction[];
+    bulkActions: IKDatatableAction[];
     rowActions: import("./KTreeView.logic.js").IRowAction[];
     cellSlots: Record<string, any>;
     headerSlots: Record<string, any>;

package/dist/runtime/components/KTreeView/KTreeView.logic.d.ts

@@ -68,7 +68,7 @@ export declare const KTreeViewDefaultProps: {
     };
 };
 export declare function useKTreeViewLogic(props: KTreeViewProps): {
-    visibleRows: import("vue").ComputedRef<import("@katlux/providers").TDataRow[]>;
+    visibleRows: import("vue").ComputedRef<any>;
     expandedNodes: any;
     selectedRows: import("vue").Ref<any[], any[]>;
     selectAll: import("vue").Ref<boolean, boolean>;

package/dist/runtime/presets/default/components/KBulkActions/KBulkActions.vue

@@ -16,7 +16,7 @@ const props = defineProps({
   selectedRows: { type: Array, required: true },
   selectAll: { type: Boolean, required: true },
   selected: { type: null, required: true },
-  dp: { type: Object, required: true },
+  dp: { type: null, required: true },
   doAction: { type: Function, required: true }
 });
 const emit = defineEmits(["update:selected"]);

package/dist/runtime/presets/default/components/KCombobox/KCombobox.vue

@@ -23,6 +23,7 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
 import KComboboxList from "./KComboboxList.vue";
 const props = defineProps({
   disabled: { type: Boolean, required: true },

package/dist/runtime/presets/default/components/KCombobox/KComboboxList.vue

@@ -15,6 +15,7 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
 const props = defineProps({
   searchbox: { type: Boolean, required: true },
   searchtext: { type: String, required: true },

package/dist/runtime/presets/default/components/KDataIterator/KDataIterator.vue

@@ -24,7 +24,7 @@ import KBulkActions from "../KBulkActions/KBulkActions.vue";
 import KPagination from "../KPagination/KPagination.vue";
 import KLoader from "../../../../components/KLoader/KLoader.global.vue";
 const props = defineProps({
-  dataProvider: { type: Object, required: true },
+  dataProvider: { type: null, required: true },
   visibleFields: { type: [Array, null], required: true },
   rowActions: { type: Array, required: true },
   bulkActions: { type: Array, required: true },

package/dist/runtime/presets/default/components/KDatatable/KDatatable.vue

@@ -41,7 +41,7 @@
 import { computed } from "vue";
 import { ADataProvider } from "@katlux/providers";
 const props = defineProps({
-  dataProvider: { type: Object, required: true },
+  dataProvider: { type: null, required: true },
   visibleFields: { type: [Array, null], required: true },
   rowActions: { type: Array, required: true },
   bulkActions: { type: Array, required: true },

package/dist/runtime/presets/default/components/KTextbox/KTextbox.vue

@@ -5,6 +5,7 @@ KGrid(align="center" noGap).KTextbox
 </template>
 
 <script setup>
+import { computed } from "vue";
 const props = defineProps({
   text: { type: String, required: true },
   showClearIcon: { type: Boolean, required: true },

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@katlux/toolkit",
-	"version": "0.1.0-beta.5",
+	"version": "0.1.0-beta.6",
 	"description": "Core UI toolkit and utilities for the Katlux ecosystem",
 	"author": "Katlux",
 	"license": "MIT",