@xen-orchestra/web-core 0.57.0 → 0.59.0

package/lib/packages/query-builder/node/handle-node.ts

@@ -1,11 +1,11 @@
-import { handleComparisonNode } from '@core/packages/query-builder/node/handle-comparison-node'
-import { handleGlobPatternNode } from '@core/packages/query-builder/node/handle-glob-pattern-node'
-import { handleGroupNode } from '@core/packages/query-builder/node/handle-group-node'
-import { handleNullNode } from '@core/packages/query-builder/node/handle-null-node'
-import { handlePropertyNode } from '@core/packages/query-builder/node/handle-property-node'
-import { handleRegExpNode } from '@core/packages/query-builder/node/handle-regexp-node'
-import { handleStringOrNumberNode } from '@core/packages/query-builder/node/handle-string-or-number-node'
-import { handleTruthyPropertyNode } from '@core/packages/query-builder/node/handle-truthy-property-node'
+import { handleComparisonNode } from '@core/packages/query-builder/node/handle-comparison-node.ts'
+import { handleGlobPatternNode } from '@core/packages/query-builder/node/handle-glob-pattern-node.ts'
+import { handleGroupNode } from '@core/packages/query-builder/node/handle-group-node.ts'
+import { handleNullNode } from '@core/packages/query-builder/node/handle-null-node.ts'
+import { handlePropertyNode } from '@core/packages/query-builder/node/handle-property-node.ts'
+import { handleRegExpNode } from '@core/packages/query-builder/node/handle-regexp-node.ts'
+import { handleStringOrNumberNode } from '@core/packages/query-builder/node/handle-string-or-number-node.ts'
+import { handleTruthyPropertyNode } from '@core/packages/query-builder/node/handle-truthy-property-node.ts'
 import { QueryBuilderError } from '@core/packages/query-builder/query-builder-error.ts'
 import type { QueryBuilderNode, QueryBuilderSchema } from '@core/packages/query-builder/types.ts'
 import {

package/lib/packages/query-builder/node/handle-null-node.ts

@@ -1,4 +1,4 @@
-import { createQueryBuilderFilter } from '@core/packages/query-builder/filter/create-query-builder-filter'
+import { createQueryBuilderFilter } from '@core/packages/query-builder/filter/create-query-builder-filter.ts'
 import type { QueryBuilderSchema } from '@core/packages/query-builder/types.ts'
 
 export function handleNullNode(config: { schema: QueryBuilderSchema }) {

package/lib/packages/query-builder/node/handle-property-group-node.ts

@@ -1,5 +1,5 @@
-import { createQueryBuilderGroup } from '@core/packages/query-builder/group/create-query-builder-group'
-import { handleNode } from '@core/packages/query-builder/node/handle-node'
+import { createQueryBuilderGroup } from '@core/packages/query-builder/group/create-query-builder-group.ts'
+import { handleNode } from '@core/packages/query-builder/node/handle-node.ts'
 import type { QueryBuilderSchema } from '@core/packages/query-builder/types.ts'
 import { And as AndNode, Or as OrNode, Property as PropertyNode } from 'complex-matcher'
 

package/lib/packages/query-builder/node/handle-property-node.ts

@@ -1,11 +1,11 @@
-import { createQueryBuilderFilter } from '@core/packages/query-builder/filter/create-query-builder-filter'
-import { handleComparisonNode } from '@core/packages/query-builder/node/handle-comparison-node'
-import { handleGlobPatternNode } from '@core/packages/query-builder/node/handle-glob-pattern-node'
-import { handleNode } from '@core/packages/query-builder/node/handle-node'
-import { handlePropertyGroupNode } from '@core/packages/query-builder/node/handle-property-group-node'
-import { handleRegExpNode } from '@core/packages/query-builder/node/handle-regexp-node'
-import { handleStringOrNumberNode } from '@core/packages/query-builder/node/handle-string-or-number-node'
-import { handleTruthyPropertyNode } from '@core/packages/query-builder/node/handle-truthy-property-node'
+import { createQueryBuilderFilter } from '@core/packages/query-builder/filter/create-query-builder-filter.ts'
+import { handleComparisonNode } from '@core/packages/query-builder/node/handle-comparison-node.ts'
+import { handleGlobPatternNode } from '@core/packages/query-builder/node/handle-glob-pattern-node.ts'
+import { handleNode } from '@core/packages/query-builder/node/handle-node.ts'
+import { handlePropertyGroupNode } from '@core/packages/query-builder/node/handle-property-group-node.ts'
+import { handleRegExpNode } from '@core/packages/query-builder/node/handle-regexp-node.ts'
+import { handleStringOrNumberNode } from '@core/packages/query-builder/node/handle-string-or-number-node.ts'
+import { handleTruthyPropertyNode } from '@core/packages/query-builder/node/handle-truthy-property-node.ts'
 import { QueryBuilderError } from '@core/packages/query-builder/query-builder-error.ts'
 import type { QueryBuilderSchema } from '@core/packages/query-builder/types.ts'
 import {

package/lib/packages/query-builder/node/handle-regexp-node.ts

@@ -1,4 +1,4 @@
-import { createQueryBuilderFilter } from '@core/packages/query-builder/filter/create-query-builder-filter'
+import { createQueryBuilderFilter } from '@core/packages/query-builder/filter/create-query-builder-filter.ts'
 import type { QueryBuilderSchema } from '@core/packages/query-builder/types.ts'
 import type { RegExpNode } from 'complex-matcher'
 

package/lib/packages/query-builder/node/handle-string-or-number-node.ts

@@ -1,6 +1,6 @@
-import { createQueryBuilderFilter } from '@core/packages/query-builder/filter/create-query-builder-filter'
+import { createQueryBuilderFilter } from '@core/packages/query-builder/filter/create-query-builder-filter.ts'
 import { isFilterExpression } from '@core/packages/query-builder/filter/is-filter-expression.ts'
-import { handleNode } from '@core/packages/query-builder/node/handle-node'
+import { handleNode } from '@core/packages/query-builder/node/handle-node.ts'
 import type { QueryBuilderSchema } from '@core/packages/query-builder/types.ts'
 import type { NumberOrStringNode, StringNode } from 'complex-matcher'
 import { parse } from 'complex-matcher'

package/lib/packages/query-builder/node/handle-truthy-property-node.ts

@@ -1,4 +1,4 @@
-import { createQueryBuilderFilter } from '@core/packages/query-builder/filter/create-query-builder-filter'
+import { createQueryBuilderFilter } from '@core/packages/query-builder/filter/create-query-builder-filter.ts'
 import type { QueryBuilderSchema } from '@core/packages/query-builder/types.ts'
 import type { TruthyProperty } from 'complex-matcher'
 

package/lib/packages/query-builder/use-query-builder.ts

@@ -1,5 +1,5 @@
-import { buildRootGroup } from '@core/packages/query-builder/group/build-root-group'
-import { createQueryBuilderGroup } from '@core/packages/query-builder/group/create-query-builder-group'
+import { buildRootGroup } from '@core/packages/query-builder/group/build-root-group.ts'
+import { createQueryBuilderGroup } from '@core/packages/query-builder/group/create-query-builder-group.ts'
 import { handleNode } from '@core/packages/query-builder/node/handle-node.ts'
 import type { QueryBuilderNode, QueryBuilderSchema, UseQueryBuilderReturn } from '@core/packages/query-builder/types.ts'
 import { toComputed } from '@core/utils/to-computed.util.ts'

package/lib/packages/remote-resource/define-remote-resource.ts

@@ -3,7 +3,7 @@ import {
   type THandlePost,
   type THandleWatching,
   useSseStore,
-} from '@core/packages/remote-resource/sse.store'
+} from '@core/packages/remote-resource/sse.store.ts'
 import type { ResourceContext, UseRemoteResource } from '@core/packages/remote-resource/types.ts'
 import type { VoidFunction } from '@core/types/utility.type.ts'
 import { ifElse } from '@core/utils/if-else.utils.ts'
@@ -46,7 +46,7 @@ export function defineRemoteResource<
     receivedData: any,
     calledFrom: 'execute' | 'update',
     context?: ResourceContext<TArgs>
-  ) => void
+  ) => Promise<void>
   cacheExpirationMs?: number | false
   pollingIntervalMs?: number | false
   stream?: boolean
@@ -60,7 +60,7 @@ export function defineRemoteResource<TData, TState extends object, TArgs extends
     receivedData: any,
     calledFrom: 'execute' | 'update',
     context?: ResourceContext<TArgs>
-  ) => void
+  ) => Promise<void>
   cacheExpirationMs?: number | false
   pollingIntervalMs?: number | false
   stream?: boolean
@@ -79,8 +79,8 @@ export function defineRemoteResource<
     receivedData: any,
     calledFrom: 'execute' | 'update',
     context?: ResourceContext<TArgs>
-  ) => void
-  onDataRemoved?: (data: Ref<NoInfer<TData>>, receivedData: any) => void
+  ) => Promise<void>
+  onDataRemoved?: (data: Ref<NoInfer<TData>>, receivedData: any) => Promise<void>
   stream?: boolean
   initWatchCollection: () => {
     collectionId: string
@@ -89,7 +89,7 @@ export function defineRemoteResource<
     handleDelete: THandleDelete
     handlePost: THandlePost
     handleWatching: THandleWatching
-    predicate?: (receivedData: TData, context: ResourceContext<TArgs> | undefined) => boolean
+    predicate?: (receivedData: TData, context: ResourceContext<TArgs> | undefined) => Promise<boolean> | boolean
   }
 }): UseRemoteResource<TState, TArgs>
 
@@ -106,8 +106,8 @@ export function defineRemoteResource<
     receivedData: any,
     calledFrom: 'execute' | 'update',
     context?: ResourceContext<TArgs>
-  ) => void
-  onDataRemoved?: (data: Ref<NoInfer<TData>>, receivedData: any) => void
+  ) => Promise<void>
+  onDataRemoved?: (data: Ref<NoInfer<TData>>, receivedData: any) => Promise<void>
   cacheExpirationMs?: number | false
   pollingIntervalMs?: number | false
   stream?: boolean
@@ -118,15 +118,18 @@ export function defineRemoteResource<
     handleDelete: THandleDelete
     handlePost: THandlePost
     handleWatching: THandleWatching
-    predicate?: (receivedData: TData, context: ResourceContext<TArgs> | undefined) => boolean
+    predicate?: (receivedData: TData, context: ResourceContext<TArgs> | undefined) => Promise<boolean> | boolean
   }
 }) {
   const cache = new Map<
     string,
     {
       count: number
+      evictionTimeout?: NodeJS.Timeout // TODO : Fixme , the actual type in browser is number, but NodeJS.Timeout in nodejs.
+      // Due to transitive types of vates/types, the type is NodeJS.Timeout.
       pause: VoidFunction
       resume: VoidFunction
+      isPaused: boolean
       state: object
       stateScope: EffectScope
       isReady: Ref<boolean>
@@ -181,9 +184,14 @@ export function defineRemoteResource<
 
   const onDataReceived =
     config.onDataReceived ??
-    ((data: Ref<TData>, receivedData: any, calledFrom: 'execute' | 'update', context?: ResourceContext<TArgs>) => {
+    (async (
+      data: Ref<TData>,
+      receivedData: any,
+      calledFrom: 'execute' | 'update',
+      context?: ResourceContext<TArgs>
+    ) => {
       // allow to ignore some update (like for sub collection. E.g. vms/:id/vdis)
-      if (watchCollection?.predicate?.(receivedData, context) === false) {
+      if ((await watchCollection?.predicate?.(receivedData, context)) === false) {
         return
       }
 
@@ -217,9 +225,9 @@ export function defineRemoteResource<
 
   const onDataRemoved =
     config.onDataRemoved ??
-    ((data: Ref<TData>, receivedData: any, context?: ResourceContext<TArgs>) => {
+    (async (data: Ref<TData>, receivedData: any, context?: ResourceContext<TArgs>) => {
       // allow to ignore some update (like for sub collection. E.g. vms/:id/vdis)
-      if (watchCollection?.predicate?.(receivedData, context) === false) {
+      if ((await watchCollection?.predicate?.(receivedData, context)) === false) {
         return
       }
 
@@ -246,7 +254,12 @@ export function defineRemoteResource<
     entry.count += 1
 
     if (entry.count === 1) {
-      entry.resume()
+      clearTimeout(entry.evictionTimeout)
+      entry.evictionTimeout = undefined
+      if (entry.isPaused) {
+        entry.resume()
+        entry.isPaused = false
+      }
     }
   }
 
@@ -263,13 +276,21 @@ export function defineRemoteResource<
       return
     }
 
-    entry.pause()
+    function cleanUp() {
+      if (entry === undefined) {
+        return
+      }
+
+      entry.pause()
+      entry.isPaused = true
+      entry.stateScope.stop()
+      cache.delete(url)
+    }
 
     if (cacheExpiration !== false) {
-      setTimeout(() => {
-        cache.get(url)?.stateScope.stop()
-        cache.delete(url)
-      }, cacheExpiration)
+      entry.evictionTimeout = setTimeout(cleanUp, cacheExpiration)
+    } else {
+      cleanUp()
     }
   }
 
@@ -285,6 +306,8 @@ export function defineRemoteResource<
     const lastError = ref<Error>()
 
     const hasError = computed(() => lastError.value !== undefined)
+    const stateScope = effectScope(true)
+    const sharedContext = { ...context, scope: stateScope }
 
     const data = shallowRef(buildData()) as Ref<TData>
     // trigger reactivity on data when no more updates since 100ms or after 500ms
@@ -322,7 +345,7 @@ export function defineRemoteResource<
           }
 
           for await (const event of readNDJSONStream(response.body)) {
-            onDataReceived(data, event, 'execute', context)
+            await onDataReceived(data, event, 'execute', sharedContext)
             void flushData()
           }
 
@@ -332,7 +355,7 @@ export function defineRemoteResource<
             void flushData()
           }
         } else {
-          onDataReceived(data, await response.json(), 'execute', context)
+          await onDataReceived(data, await response.json(), 'execute', sharedContext)
           void flushData()
         }
 
@@ -358,12 +381,12 @@ export function defineRemoteResource<
           handleWatching,
           handlePost,
           resource,
-          onDataReceived: receivedData => {
-            onDataReceived(data, receivedData, 'update', context)
+          onDataReceived: async receivedData => {
+            await onDataReceived(data, receivedData, 'update', sharedContext)
             void flushData()
           },
-          onDataRemoved: receivedData => {
-            onDataRemoved(data, receivedData, context)
+          onDataRemoved: async receivedData => {
+            await onDataRemoved(data, receivedData, sharedContext)
             void flushData()
           },
         })
@@ -379,13 +402,13 @@ export function defineRemoteResource<
       resume = timeoutPoll.resume
     }
 
-    const stateScope = effectScope(true)
-    const state = stateScope.run(() => buildState(data, context))!
+    const state = stateScope.run(() => buildState(data, sharedContext))!
 
     cache.set(url, {
       count: 0,
       pause,
       resume,
+      isPaused: true,
       state,
       stateScope,
       isReady,
@@ -423,6 +446,12 @@ export function defineRemoteResource<
       throw new Error('No effect scope found. Please provide a scope or use this function within a Vue component.')
     }
 
+    if (!scope.active) {
+      throw new Error(
+        'useRemoteResource() was called with an inactive effect scope. This usually means a stale scope/context, (e.g. captured from an unmounted component) is being reused'
+      )
+    }
+
     const isEnabled = toRef(optionsOrParentContext?.isEnabled ?? true)
 
     return scope.run(() => {

package/lib/packages/remote-resource/sse.store.ts

@@ -2,7 +2,7 @@ import { useNow } from '@vueuse/core'
 import { defineStore } from 'pinia'
 import { computed, ref, watch as watchVue } from 'vue'
 
-type EventFn = (object: unknown) => void
+type EventFn = (object: unknown) => Promise<void>
 export type THandlePost = (sseId: string) => Promise<string>
 export type THandleDelete = (sseId: string, subscriptionId: string) => Promise<void>
 export type THandleWatching = (
@@ -13,9 +13,9 @@ export type THandleWatching = (
         configs: Record<
           string,
           {
-            add: (object: unknown) => void
-            update: (object: unknown) => void
-            remove: (object: unknown) => void
+            add: EventFn
+            update: EventFn
+            remove: EventFn
           }
         >
       }

package/lib/packages/threshold/use-threshold.ts

@@ -1,5 +1,5 @@
 import type { ThresholdConfig, ThresholdResult } from '@core/packages/threshold/type.ts'
-import { toComputed } from '@core/utils/to-computed.util'
+import { toComputed } from '@core/utils/to-computed.util.ts'
 import { computed, type ComputedRef, type MaybeRefOrGetter } from 'vue'
 
 export function useThreshold<TPayload>(

package/lib/packages/tree/branch-definition.ts

@@ -1,5 +1,5 @@
-import { TreeNodeDefinitionBase } from '@core/packages/tree/tree-node-definition-base'
-import type { TreeNodeDefinition, TreeNodeOptions } from '@core/packages/tree/types'
+import { TreeNodeDefinitionBase } from '@core/packages/tree/tree-node-definition-base.ts'
+import type { TreeNodeDefinition, TreeNodeOptions } from '@core/packages/tree/types.ts'
 
 export class BranchDefinition<
   TData extends object = any,

package/lib/packages/tree/branch.ts

@@ -1,5 +1,11 @@
-import { TreeNodeBase } from '@core/packages/tree/tree-node-base'
-import type { BranchStatuses, ChildTreeGetter, TreeContext, TreeNode, TreeNodeOptions } from '@core/packages/tree/types'
+import { TreeNodeBase } from '@core/packages/tree/tree-node-base.ts'
+import type {
+  BranchStatuses,
+  ChildTreeGetter,
+  TreeContext,
+  TreeNode,
+  TreeNodeOptions,
+} from '@core/packages/tree/types.ts'
 
 export class Branch<
   TData extends object = any,

package/lib/packages/tree/build-nodes.ts

@@ -1,6 +1,6 @@
-import { Branch } from '@core/packages/tree/branch'
-import { Leaf } from '@core/packages/tree/leaf'
-import type { DefinitionToTreeNode, TreeContext, TreeNode, TreeNodeDefinition } from '@core/packages/tree/types'
+import { Branch } from '@core/packages/tree/branch.ts'
+import { Leaf } from '@core/packages/tree/leaf.ts'
+import type { DefinitionToTreeNode, TreeContext, TreeNode, TreeNodeDefinition } from '@core/packages/tree/types.ts'
 
 export function buildNodes<TDefinition extends TreeNodeDefinition, TTreeNode extends DefinitionToTreeNode<TDefinition>>(
   definitions: TDefinition[],

package/lib/packages/tree/define-branch.ts

@@ -1,5 +1,5 @@
-import { BranchDefinition } from '@core/packages/tree/branch-definition'
-import type { Identifiable, Labeled, TreeNodeDefinition, TreeNodeOptions } from '@core/packages/tree/types'
+import { BranchDefinition } from '@core/packages/tree/branch-definition.ts'
+import type { Identifiable, Labeled, TreeNodeDefinition, TreeNodeOptions } from '@core/packages/tree/types.ts'
 
 export function defineBranch<
   TData extends Identifiable & Labeled,

package/lib/packages/tree/define-leaf.ts

@@ -1,5 +1,5 @@
-import { LeafDefinition } from '@core/packages/tree/leaf-definition'
-import type { Identifiable, Labeled, TreeNodeOptions } from '@core/packages/tree/types'
+import { LeafDefinition } from '@core/packages/tree/leaf-definition.ts'
+import type { Identifiable, Labeled, TreeNodeOptions } from '@core/packages/tree/types.ts'
 
 export function defineLeaf<TData extends Identifiable & Labeled, const TDiscriminator>(
   treeId: string,

package/lib/packages/tree/define-tree.ts

@@ -1,12 +1,12 @@
-import { BranchDefinition } from '@core/packages/tree/branch-definition'
-import { LeafDefinition } from '@core/packages/tree/leaf-definition'
+import { BranchDefinition } from '@core/packages/tree/branch-definition.ts'
+import { LeafDefinition } from '@core/packages/tree/leaf-definition.ts'
 import type {
   ChildTreeDefinitionGetter,
   Identifiable,
   Labeled,
   TreeNodeDefinition,
   TreeNodeOptions,
-} from '@core/packages/tree/types'
+} from '@core/packages/tree/types.ts'
 
 // Overload 1: Leaf with no options
 export function defineTree<TData extends Identifiable & Labeled, const TDiscriminator = any>(

package/lib/packages/tree/leaf-definition.ts

@@ -1,4 +1,4 @@
-import { TreeNodeDefinitionBase } from '@core/packages/tree/tree-node-definition-base'
+import { TreeNodeDefinitionBase } from '@core/packages/tree/tree-node-definition-base.ts'
 
 export class LeafDefinition<TData extends object = any, const TDiscriminator = any> extends TreeNodeDefinitionBase<
   TData,

package/lib/packages/tree/leaf.ts

@@ -1,5 +1,5 @@
-import { TreeNodeBase } from '@core/packages/tree/tree-node-base'
-import type { LeafStatuses } from '@core/packages/tree/types'
+import { TreeNodeBase } from '@core/packages/tree/tree-node-base.ts'
+import type { LeafStatuses } from '@core/packages/tree/types.ts'
 
 export class Leaf<TData extends object = any, const TDiscriminator = any> extends TreeNodeBase<TData, TDiscriminator> {
   readonly isBranch = false

package/lib/packages/tree/tree-node-base.ts

@@ -1,5 +1,5 @@
-import type { Branch } from '@core/packages/tree/branch'
-import type { Identifiable, Labeled, TreeContext, TreeNodeId, TreeNodeOptions } from '@core/packages/tree/types'
+import type { Branch } from '@core/packages/tree/branch.ts'
+import type { Identifiable, Labeled, TreeContext, TreeNodeId, TreeNodeOptions } from '@core/packages/tree/types.ts'
 
 export abstract class TreeNodeBase<TData extends object = any, TDiscriminator = any> {
   abstract readonly isBranch: boolean

package/lib/packages/tree/tree-node-definition-base.ts

@@ -1,4 +1,4 @@
-import type { TreeNodeOptions } from '@core/packages/tree/types'
+import type { TreeNodeOptions } from '@core/packages/tree/types.ts'
 
 export abstract class TreeNodeDefinitionBase<TData extends object, TDiscriminator> {
   abstract readonly isBranch: boolean

package/lib/packages/tree/types.ts

@@ -1,9 +1,9 @@
-import type { Branch } from '@core/packages/tree/branch'
-import type { BranchDefinition } from '@core/packages/tree/branch-definition'
-import type { Leaf } from '@core/packages/tree/leaf'
-import type { LeafDefinition } from '@core/packages/tree/leaf-definition'
-import type { TreeNodeBase } from '@core/packages/tree/tree-node-base'
-import { useTree } from '@core/packages/tree/use-tree'
+import type { BranchDefinition } from '@core/packages/tree/branch-definition.ts'
+import type { Branch } from '@core/packages/tree/branch.ts'
+import type { LeafDefinition } from '@core/packages/tree/leaf-definition.ts'
+import type { Leaf } from '@core/packages/tree/leaf.ts'
+import type { TreeNodeBase } from '@core/packages/tree/tree-node-base.ts'
+import { useTree } from '@core/packages/tree/use-tree.ts'
 import type { Ref } from 'vue'
 
 export type TreeNodeId = string | number

package/lib/packages/tree/use-tree.ts

@@ -1,4 +1,4 @@
-import { buildNodes } from '@core/packages/tree/build-nodes'
+import { buildNodes } from '@core/packages/tree/build-nodes.ts'
 import type {
   DefinitionToTreeNode,
   FlatTreeNode,
@@ -7,7 +7,7 @@ import type {
   TreeNodeDefinition,
   TreeNodeId,
   UseTreeOptions,
-} from '@core/packages/tree/types'
+} from '@core/packages/tree/types.ts'
 import { computed, type MaybeRefOrGetter, reactive, ref, toValue } from 'vue'
 
 export function useTree<

package/lib/stores/panel.store.ts

@@ -1,4 +1,4 @@
-import { useUiStore } from '@core/stores/ui.store'
+import { useUiStore } from '@core/stores/ui.store.ts'
 import { useLocalStorage } from '@vueuse/core'
 import { defineStore } from 'pinia'
 import { computed, watch } from 'vue'

package/lib/stores/tooltip.store.ts

@@ -1,5 +1,5 @@
-import type { TooltipDirectiveContent } from '@core/directives/tooltip.directive'
-import { uniqueId } from '@core/utils/unique-id.util'
+import type { TooltipDirectiveContent } from '@core/directives/tooltip.directive.ts'
+import { uniqueId } from '@core/utils/unique-id.util.ts'
 import { useEventListener, type WindowEventName } from '@vueuse/core'
 import { defineStore } from 'pinia'
 import type { Options } from 'placement.js'

package/lib/tables/column-definitions/action-column.ts

@@ -1,8 +1,8 @@
 import type { ActionItem } from '@core/components/menu/VtsActionsMenu.vue'
 import VtsActionCell from '@core/components/table/cells/VtsActionCell.vue'
-import { defineColumn } from '@core/packages/table/define-column'
+import { defineColumn } from '@core/packages/table/define-column.ts'
 import type { ButtonIconConfig } from '@core/tables/column-definitions/button-icon-column.ts'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { type Component, h, toValue } from 'vue'
 

package/lib/tables/column-definitions/button-column.ts

@@ -4,9 +4,9 @@ import UiButton, {
   type ButtonVariant,
   type ButtonSize,
 } from '@core/components/ui/button/UiButton.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderBodyCell } from '@core/tables/helpers/render-body-cell'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderBodyCell } from '@core/tables/helpers/render-body-cell.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h, toValue, type MaybeRefOrGetter } from 'vue'
 

package/lib/tables/column-definitions/button-icon-column.ts

@@ -4,8 +4,8 @@ import UiButtonIcon, {
 } from '@core/components/ui/button-icon/UiButtonIcon.vue'
 import UiTableCell from '@core/components/ui/table-cell/UiTableCell.vue'
 import type { IconName } from '@core/icons'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h, type MaybeRefOrGetter, toValue } from 'vue'
 

package/lib/tables/column-definitions/date-column.ts

@@ -1,7 +1,7 @@
 import VtsRelativeTime from '@core/components/relative-time/VtsRelativeTime.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderBodyCell } from '@core/tables/helpers/render-body-cell'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderBodyCell } from '@core/tables/helpers/render-body-cell.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import type { DateLike } from '@vueuse/shared'
 import { h } from 'vue'

package/lib/tables/column-definitions/info-column.ts

@@ -1,8 +1,8 @@
 import type { InfoAccent } from '@core/components/ui/info/UiInfo.vue'
 import UiInfo from '@core/components/ui/info/UiInfo.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderBodyCell } from '@core/tables/helpers/render-body-cell'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderBodyCell } from '@core/tables/helpers/render-body-cell.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'
 

package/lib/tables/column-definitions/input-column.ts

@@ -1,7 +1,7 @@
 import UiInput, { type InputType } from '@core/components/ui/input/UiInput.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderBodyCell } from '@core/tables/helpers/render-body-cell'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderBodyCell } from '@core/tables/helpers/render-body-cell.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h, toValue, type MaybeRefOrGetter, type Ref } from 'vue'
 

package/lib/tables/column-definitions/link-column.ts

@@ -1,6 +1,6 @@
 import VtsLinkCell, { type VtsLinkCellProps } from '@core/components/table/cells/VtsLinkCell.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'
 

package/lib/tables/column-definitions/literal-column.ts

@@ -1,6 +1,6 @@
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderBodyCell } from '@core/tables/helpers/render-body-cell'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderBodyCell } from '@core/tables/helpers/render-body-cell.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 
 export const useLiteralColumn = defineColumn((config?: HeaderConfig) => ({

package/lib/tables/column-definitions/number-column.ts

@@ -1,6 +1,6 @@
 import VtsNumberCell from '@core/components/table/cells/VtsNumberCell.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'
 

package/lib/tables/column-definitions/percent-column.ts

@@ -1,6 +1,6 @@
 import VtsNumberCell from '@core/components/table/cells/VtsNumberCell.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'
 import { useI18n } from 'vue-i18n'

package/lib/tables/column-definitions/progress-bar-column.ts

@@ -1,6 +1,6 @@
 import VtsProgressBarCell from '@core/components/table/cells/VtsProgressBarCell.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'