@katlux/toolkit 0.1.0-beta.0 → 0.1.0-beta.1

package/src/runtime/presets/default/components/KTreePicker/KTreePicker.vue

@@ -1,100 +0,0 @@
-<template lang="pug">
-KCombobox(
-	:disabled="disabled"
-	:isOptionsOpen="isOptionsOpen"
-	:labelField="labelField"
-	:placeholder="placeholder"
-	:searchbox="searchbox"
-	:searchtext="searchtext"
-	:filteredOptions="filteredOptions"
-	:getSelectedContent="getSelectedContent"
-	:toggleDropdown="toggleDropdown"
-	:closeDropdown="closeDropdown"
-	:selectItem="selectItem"
-	:isSelected="isSelected"
-	:loading="loading"
-)
-	template(#default)
-		.KTreePicker__tree-container
-			.KTreePicker__search(v-if="searchbox" style="margin-bottom: 10px")
-				KTextbox(
-					v-model="searchtextModel"
-					placeholder="Search..."
-					showClear
-				)
-			KTree(
-				:dataProvider="dataProvider"
-				:idKey="idKey"
-				:parentKey="parentKey"
-				:labelField="labelField"
-				:iconField="iconField"
-				:loading="loading"
-				:multiSelect="multiSelect"
-				:isNodeSelected="isSelected"
-				:searchtext="searchtext"
-				:selectable="true"
-				@select="onTreeSelect"
-			)
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue'
-// Props passed from global component (which handles the logic)
-const props = defineProps<{
-	// Tree specific
-	dataProvider: any 
-	idKey?: string
-	parentKey?: string
-	iconField?: string
-	
-	// Combobox Logic Props
-	disabled: boolean
-	isOptionsOpen: boolean
-	labelField: string
-	placeholder: string
-	searchbox: boolean
-	multiSelect: boolean
-	searchtext: string
-	filteredOptions: any[]
-	getSelectedContent: () => any[]
-	toggleDropdown: () => void
-	closeDropdown: () => void
-	selectItem: (option: any) => void
-	isSelected: (option: any) => boolean
-	loading: boolean
-	closeOnSelect: boolean
-}>()
-
-const emit = defineEmits<{
-	(e: 'update:searchtext', value: string): void
-}>()
-
-const searchtextModel = computed({
-	get: () => props.searchtext,
-	set: (value) => emit('update:searchtext', value)
-})
-
-function onTreeSelect(node: any) {
-	// Call the selectItem method from logic
-	props.selectItem(node)
-	
-	// If closeOnSelect is true, we should close the dropdown
-	// but selectItem might have already toggled it if it was a distinct action?
-	// In KCombobox.logic.ts: selectItem sets isOptionsOpen = !closeOnSelect
-	// So it should be handled there!
-	
-	// However, selectItem expects a ComboboxItem (TDataRow).
-	// KTree returns a node object which should be compatible.
-}
-</script>
-
-<style lang="scss" scoped>
-.KTreePicker__tree-container {
-	padding: 10px;
-	max-height: 400px;
-	overflow-y: auto;
-	min-width: 250px; // Ensure tree has some width
-}
-
-
-</style>

package/src/runtime/presets/default/components/KTreeView/KTreeCell.vue

@@ -1,53 +0,0 @@
-<template lang="pug">
-.tree-cell(:style="{ paddingLeft: depth * 24 + 'px' }")
-	.tree-toggle(v-if="hasChildren" @click.stop="toggle")
-		KIcon(iconname="chevron" :width="12" :height="12" :rotate="isExpanded ? '90' : '0'")
-	.tree-spacer(v-else)
-	span.tree-content {{ value }}
-</template>
-
-<script lang="ts" setup>
-defineProps<{
-	value: any
-	depth: number
-	hasChildren: boolean
-	isExpanded: boolean
-	toggle: () => void
-}>()
-</script>
-
-<style lang="scss" scoped>
-.tree-cell {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-}
-
-.tree-toggle {
-	cursor: pointer;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	width: 20px;
-	height: 20px;
-	border-radius: 2px;
-	flex-shrink: 0;
-
-	&:hover {
-		background-color: var(--hover-light, #e0e0e0);
-	}
-}
-
-.tree-spacer {
-	width: 20px;
-	flex-shrink: 0;
-	display: inline-block;
-}
-
-.tree-content {
-	flex: 1;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-</style>

package/src/runtime/presets/default/components/KTreeView/KTreeView.vue

@@ -1,62 +0,0 @@
-<template lang="pug">
-.KTreeView
-	KDatatable(
-		:dataProvider="dataProvider"
-		:visibleFields="visibleFields"
-		:bulkActions="bulkActions"
-		:rowActions="rowActions"
-		:cellSlots="cellSlots"
-		:headerSlots="headerSlots"
-		:columnHeaders="columnHeaders"
-		:columnWidths="columnWidths"
-	)
-		//- Tree column cell: rendered natively via dynamic slot name — no h() needed
-		template(v-if="treeColumnField" v-slot:[treeCellSlotName]="slotProps")
-			KTreeCell(
-				:value="slotProps.value"
-				:depth="slotProps.row.__treeNode?.depth ?? 0"
-				:hasChildren="slotProps.row.__treeNode?.hasChildren ?? false"
-				:isExpanded="slotProps.row.__treeNode?.isExpanded ?? false"
-				:toggle="() => toggleNode(slotProps.row.__treeNode?.id)"
-			)
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue'
-import KTreeCell from './KTreeCell.vue'
-import type { ITreeViewColumn, IRowAction } from '../../../../components/KTreeView/KTreeView.logic'
-import type { IKDatatableAction } from '@katlux/providers'
-
-const props = defineProps<{
-	dataProvider: any
-	columns: ITreeViewColumn[]
-	treeColumnIndex?: number
-	bulkActions?: IKDatatableAction[]
-	rowActions?: IRowAction[]
-	showCheckboxes: boolean
-	selectedRows: any[]
-	selectAll: boolean
-	expandedNodes: Set<string | number>
-	toggleNode: (id: string | number) => void
-	toggleRowSelection: (row: any) => void
-	toggleSelectAll: () => void
-	isRowSelected: (row: any) => boolean
-	// Merged cell slots from global (external slots like gantt timeline)
-	cellSlots?: Record<string, any>
-	headerSlots?: Record<string, any>
-	columnHeaders?: Record<string, string>
-	columnWidths?: Record<string, string>
-}>()
-
-const visibleFields = computed(() => (props.columns as ITreeViewColumn[]).map(col => col.field))
-
-// Compute the tree column field and the dynamic slot name
-const treeColumnField = computed(() => (props.columns as ITreeViewColumn[])[props.treeColumnIndex ?? 0]?.field)
-const treeCellSlotName = computed(() => treeColumnField.value ? `cell-${treeColumnField.value}` : null)
-</script>
-
-<style lang="scss" scoped>
-.KTreeView {
-	width: 100%;
-}
-</style>

package/src/runtime/utils/PresetResolver.ts

@@ -1,158 +0,0 @@
-import { useRuntimeConfig, useAppConfig, useCookie, useNuxtApp } from '#app'
-import type { Component } from 'vue'
-
-export interface PresetMetadata {
-	componentName: string
-	presetName: string
-	hasCustomPreset: boolean
-	hasCustomStyles: boolean
-	presetPath?: string
-	stylesPath?: string
-}
-
-export interface PresetCache {
-	[key: string]: PresetMetadata
-}
-
-/**
- * PresetResolver - Manages preset resolution and discovery for Katlux components
- * 
- * This utility class handles:
- * - Discovering custom presets in the user's project
- * - Resolving preset paths based on component name and active preset
- * - Falling back to default presets when custom ones don't exist
- * - Caching preset resolution for performance
- */
-export class PresetResolver {
-	private cache: PresetCache = {}
-	private activePreset: string = 'default'
-	private presetsDir: string = '~/presets'
-
-	constructor() {
-		this.initialize()
-	}
-
-	/**
-	 * Initialize the preset resolver with configuration
-	 */
-	private initialize(): void {
-		try {
-			const appConfig = useAppConfig()
-			const runtimeConfig = useRuntimeConfig()
-
-			// Check cookie first for user preference (SSR compatible)
-			const presetCookie = useCookie('katlux-active-preset')
-			if (presetCookie.value) {
-				this.activePreset = presetCookie.value as string
-			}
-			// Fallback to app config if no cookie
-			else if (appConfig.katluxToolkit?.activePreset) {
-				this.activePreset = appConfig.katluxToolkit.activePreset as string
-			}
-
-			// Get presets directory from runtime config
-			const publicConfig = runtimeConfig.public as any
-			if (publicConfig?.katluxToolkit?.presetsDir) {
-				this.presetsDir = publicConfig.katluxToolkit.presetsDir as string
-			}
-		} catch (error) {
-			// If config is not available (e.g., during build), use defaults
-			console.warn('PresetResolver: Could not load configuration, using defaults', error)
-		}
-	}
-
-	/**
-	 * Resolve preset metadata for a given component
-	 * @param componentName - Name of the component (e.g., 'KButton')
-	 * @returns Preset metadata including paths and availability
-	 */
-	public resolvePreset(componentName: string): PresetMetadata {
-		const cacheKey = `${this.activePreset}:${componentName}`
-
-		// Return cached result if available
-		if (this.cache[cacheKey]) {
-			return this.cache[cacheKey]
-		}
-
-		// Build metadata
-		const metadata: PresetMetadata = {
-			componentName,
-			presetName: this.activePreset,
-			hasCustomPreset: false,
-			hasCustomStyles: false,
-		}
-
-		// Check for custom preset files
-		if (this.activePreset !== 'default') {
-			const customPresetPath = `${this.presetsDir}/${this.activePreset}/${componentName}.pug`
-			const customStylesPath = `${this.presetsDir}/${this.activePreset}/${componentName}.scss`
-
-			// Note: In a real implementation, we would check if these files exist
-			// For now, we'll assume they might exist and let the component handle loading
-			metadata.presetPath = customPresetPath
-			metadata.stylesPath = customStylesPath
-			metadata.hasCustomPreset = true
-			metadata.hasCustomStyles = true
-		}
-
-		// Cache the result
-		this.cache[cacheKey] = metadata
-
-		return metadata
-	}
-
-	/**
-	 * Get the active preset name
-	 */
-	public getActivePreset(): string {
-		return this.activePreset
-	}
-
-	/**
-	 * Set the active preset (useful for runtime switching)
-	 * @param presetName - Name of the preset to activate
-	 */
-	public setActivePreset(presetName: string): void {
-		if (this.activePreset !== presetName) {
-			this.activePreset = presetName
-			this.clearCache()
-
-			// Update cookie
-			const presetCookie = useCookie('katlux-active-preset')
-			presetCookie.value = presetName
-		}
-	}
-
-	/**
-	 * Clear the preset cache (useful when presets change in dev mode)
-	 */
-	public clearCache(): void {
-		this.cache = {}
-	}
-
-	/**
-	 * Get all cached preset metadata
-	 */
-	public getCachedPresets(): PresetCache {
-		return { ...this.cache }
-	}
-
-	/**
-	 * Check if a custom preset exists for a component
-	 * @param componentName - Name of the component
-	 * @returns True if custom preset exists
-	 */
-	public hasCustomPreset(componentName: string): boolean {
-		const metadata = this.resolvePreset(componentName)
-		return metadata.hasCustomPreset
-	}
-}
-
-/**
- * Factory function to get the PresetResolver instance
- * This is the recommended way to access the resolver in composables
- */
-export function usePresetResolver(): PresetResolver {
-	const nuxtApp = useNuxtApp()
-	return nuxtApp.$presetResolver as PresetResolver
-}

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-	"extends": "./.nuxt/tsconfig.json",
-	"compilerOptions": {
-		"target": "ESNext",
-		"module": "ESNext",
-		"allowArbitraryExtensions": true,
-		"moduleResolution": "bundler",
-		"types": [
-			"vite/client",
-			"node"
-		]
-	},
-	"include": [
-		"src/**/*"
-	],
-	"exclude": [
-		"dist",
-		"node_modules"
-	]
-}