@xen-orchestra/web-core 0.35.1 → 0.36.0

package/lib/tables/column-sets/new-vm-network-columns.ts

@@ -0,0 +1,24 @@
+import { defineColumns } from '@core/packages/table/define-columns.ts'
+import { useButtonIconColumn } from '@core/tables/column-definitions/button-icon-column.ts'
+import { useInputColumn } from '@core/tables/column-definitions/input-column.ts'
+import { useSelectColumn } from '@core/tables/column-definitions/select-column.ts'
+import { useI18n } from 'vue-i18n'
+
+export const useNewVmNetworkColumns = defineColumns(() => {
+  const { t } = useI18n()
+
+  return {
+    interface: useSelectColumn({
+      headerLabel: () => t('interfaces'),
+      headerIcon: 'fa:network-wired',
+    }),
+
+    mac: useInputColumn({
+      headerLabel: () => t('mac-addresses'),
+      headerIcon: 'fa:at',
+      placeholder: () => t('auto-generated'),
+    }),
+
+    remove: useButtonIconColumn({ buttonIcon: 'fa:trash' }),
+  }
+})

package/lib/tables/column-sets/new-vm-sr-columns.ts

@@ -0,0 +1,33 @@
+import { defineColumns } from '@core/packages/table/define-columns.ts'
+import { useButtonIconColumn } from '@core/tables/column-definitions/button-icon-column.ts'
+import { useInputColumn } from '@core/tables/column-definitions/input-column.ts'
+import { useSelectColumn } from '@core/tables/column-definitions/select-column.ts'
+import { useI18n } from 'vue-i18n'
+
+export const useNewVmSrColumns = defineColumns(() => {
+  const { t } = useI18n()
+
+  return {
+    sr: useSelectColumn({
+      headerLabel: () => t('storage-repositories'),
+      headerIcon: 'fa:database',
+    }),
+
+    diskName: useInputColumn({
+      headerLabel: () => t('disk-name'),
+      placeholder: () => t('disk-name'),
+    }),
+
+    size: useInputColumn({
+      type: 'number',
+      headerLabel: () => `${t('size')} (GB)`,
+    }),
+
+    description: useInputColumn({
+      headerLabel: () => t('description'),
+      placeholder: () => t('description'),
+    }),
+
+    remove: useButtonIconColumn({ buttonIcon: 'fa:trash' }),
+  }
+})

package/lib/tables/column-sets/patch-columns.ts

@@ -0,0 +1,13 @@
+import { defineColumns } from '@core/packages/table/define-columns.ts'
+import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
+import { useTextColumn } from '@core/tables/column-definitions/text-column.ts'
+import { useI18n } from 'vue-i18n'
+
+export const usePatchColumns = defineColumns(() => {
+  const { t } = useI18n()
+
+  return {
+    name: useTextColumn({ headerLabel: () => t('patch-name') }),
+    version: useNumberColumn({ headerLabel: () => t('version') }),
+  }
+})

package/lib/tables/column-sets/pif-columns.ts

@@ -0,0 +1,23 @@
+import { defineColumns } from '@core/packages/table/define-columns.ts'
+import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
+import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column'
+import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
+import { useTextColumn } from '@core/tables/column-definitions/text-column.ts'
+import { useI18n } from 'vue-i18n'
+
+export const usePifColumns = defineColumns(() => {
+  const { t } = useI18n()
+
+  return {
+    network: useLinkColumn({ headerLabel: () => t('network') }),
+    device: useTextColumn({ headerLabel: () => t('device') }),
+    status: useStatusColumn({ headerLabel: () => t('status') }),
+    vlan: useNumberColumn({ headerLabel: () => t('vlan') }),
+    ip: useAddressColumn({ headerLabel: () => t('ip-address') }),
+    mac: useAddressColumn({ headerLabel: () => t('mac-address') }),
+    mode: useTextColumn({ headerLabel: () => t('mode') }),
+    selectItem: useSelectItemColumn(),
+  }
+})

package/lib/tables/column-sets/server-columns.ts

@@ -0,0 +1,18 @@
+import { defineColumns } from '@core/packages/table/define-columns.ts'
+import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column'
+import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
+import { useI18n } from 'vue-i18n'
+
+export const useServerColumns = defineColumns(() => {
+  const { t } = useI18n()
+
+  return {
+    pool: useLinkColumn({ headerLabel: () => t('pool') }),
+    hostIp: useAddressColumn({ headerLabel: () => t('ip-address') }),
+    status: useStatusColumn({ headerLabel: () => t('status') }),
+    primaryHost: useLinkColumn({ headerLabel: () => t('master'), headerIcon: 'fa:server' }),
+    selectItem: useSelectItemColumn(),
+  }
+})

package/lib/tables/column-sets/sr-columns.ts

@@ -0,0 +1,20 @@
+import { defineColumns } from '@core/packages/table/define-columns.ts'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useLiteralColumn } from '@core/tables/column-definitions/literal-column.ts'
+import { useProgressBarColumn } from '@core/tables/column-definitions/progress-bar-column.ts'
+import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column'
+import { useTruncatedTextColumn } from '@core/tables/column-definitions/truncated-text-column'
+import { useI18n } from 'vue-i18n'
+
+export const useSrColumns = defineColumns(() => {
+  const { t } = useI18n()
+
+  return {
+    storageRepository: useLinkColumn({ headerLabel: () => t('storage-repository') }),
+    description: useTruncatedTextColumn({ headerLabel: () => t('description') }),
+    storageFormat: useLiteralColumn({ headerLabel: () => t('storage-format') }),
+    accessMode: useLiteralColumn({ headerLabel: () => t('access-mode') }),
+    usedSpace: useProgressBarColumn({ headerLabel: () => t('used-space') }),
+    selectItem: useSelectItemColumn(),
+  }
+})

package/lib/tables/column-sets/vdi-columns.ts

@@ -0,0 +1,21 @@
+import { defineColumns } from '@core/packages/table/define-columns.ts'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
+import { useLiteralColumn } from '@core/tables/column-definitions/literal-column.ts'
+import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
+import { useProgressBarColumn } from '@core/tables/column-definitions/progress-bar-column.ts'
+import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column.ts'
+import { useTruncatedTextColumn } from '@core/tables/column-definitions/truncated-text-column.ts'
+import { useI18n } from 'vue-i18n'
+
+export const useVdiColumns = defineColumns(() => {
+  const { t } = useI18n()
+
+  return {
+    vdi: useLinkColumn({ headerLabel: () => t('vdis') }),
+    description: useTruncatedTextColumn({ headerLabel: () => t('description') }),
+    usedSpace: useProgressBarColumn({ headerLabel: () => t('used-space') }),
+    size: useNumberColumn({ headerLabel: () => t('size') }),
+    format: useLiteralColumn({ headerLabel: () => t('format') }),
+    selectItem: useSelectItemColumn(),
+  }
+})

package/lib/tables/column-sets/vif-columns.ts

@@ -0,0 +1,23 @@
+import { defineColumns } from '@core/packages/table/define-columns.ts'
+import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
+import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column'
+import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
+import { useTextColumn } from '@core/tables/column-definitions/text-column.ts'
+import { useI18n } from 'vue-i18n'
+
+export const useVifColumns = defineColumns(() => {
+  const { t } = useI18n()
+
+  return {
+    network: useLinkColumn({ headerLabel: () => t('network') }),
+    device: useTextColumn({ headerLabel: () => t('device') }),
+    status: useStatusColumn({ headerLabel: () => t('status') }),
+    ipsAddresses: useAddressColumn({ headerLabel: () => t('ip-addresses') }),
+    macAddresses: useAddressColumn({ headerLabel: () => t('mac-addresses') }),
+    mtu: useNumberColumn({ headerLabel: () => t('mtu') }),
+    lockingMode: useTextColumn({ headerLabel: () => t('locking-mode') }),
+    selectItem: useSelectItemColumn(),
+  }
+})

package/lib/tables/column-sets/vm-columns.ts

@@ -0,0 +1,21 @@
+import { defineColumns } from '@core/packages/table/define-columns.ts'
+import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
+import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column'
+import { useTagColumn } from '@core/tables/column-definitions/tag-column.ts'
+import { useI18n } from 'vue-i18n'
+
+export const useVmColumns = defineColumns(() => {
+  const { t } = useI18n()
+
+  return {
+    vm: useLinkColumn({ headerLabel: () => t('vm') }),
+    ipAddresses: useAddressColumn({ headerLabel: () => t('ip-addresses') }),
+    vcpus: useNumberColumn({ headerLabel: () => t('vcpus') }),
+    ram: useNumberColumn({ headerLabel: () => t('ram') }),
+    diskSpace: useNumberColumn({ headerLabel: () => t('disk-space') }),
+    tags: useTagColumn({ headerLabel: () => t('tags') }),
+    selectItem: useSelectItemColumn(),
+  }
+})

package/lib/tables/helpers/render-body-cell.ts

@@ -0,0 +1,4 @@
+import UiTableCell, { type TableCellAlign } from '@core/components/ui/table-cell/UiTableCell.vue'
+import { h } from 'vue'
+
+export const renderBodyCell = (content?: () => any, align?: TableCellAlign) => h(UiTableCell, { align }, content)

package/lib/tables/helpers/render-head-cell.ts

@@ -0,0 +1,6 @@
+import VtsHeaderCell from '@core/components/table/cells/VtsHeaderCell.vue'
+import type { IconName } from '@core/icons/index.ts'
+import { h, toValue, type MaybeRefOrGetter } from 'vue'
+
+export const renderHeadCell = (icon?: MaybeRefOrGetter<IconName>, label?: MaybeRefOrGetter<string | undefined>) =>
+  h(VtsHeaderCell, { icon: toValue(icon) }, () => toValue(label))

package/lib/tables/helpers/render-loading-cell.ts

@@ -0,0 +1,5 @@
+import UiLoader from '@core/components/ui/loader/UiLoader.vue'
+import UiTableCell from '@core/components/ui/table-cell/UiTableCell.vue'
+import { h } from 'vue'
+
+export const renderLoadingCell = () => h(UiTableCell, { align: 'center' }, () => h(UiLoader))

package/lib/tables/types.ts

@@ -0,0 +1,7 @@
+import type { IconName } from '@core/icons/index.ts'
+import type { MaybeRefOrGetter } from 'vue'
+
+export type HeaderConfig = {
+  headerLabel?: MaybeRefOrGetter<string | undefined>
+  headerIcon?: MaybeRefOrGetter<IconName>
+}

package/lib/utils/size.util.ts

@@ -2,16 +2,12 @@ import { parse, raw, Scale, type Info } from 'human-format'
 
 const scale = Scale.create(['', 'KiB', 'MiB', 'GiB', 'TiB'], 1024)
 
-export function formatSizeRaw(bytes: number, decimals: number): Info<Scale<'B' | 'KiB' | 'MiB' | 'GiB' | 'TiB'>>
+export type SizeInfo = Info<Scale<'B' | 'KiB' | 'MiB' | 'GiB' | 'TiB'>>
+
+export function formatSizeRaw(bytes: number, decimals: number): SizeInfo
 export function formatSizeRaw(bytes: undefined, decimals: number): undefined
-export function formatSizeRaw(
-  bytes: undefined | number,
-  decimals: number
-): undefined | Info<Scale<'B' | 'KiB' | 'MiB' | 'GiB' | 'TiB'>>
-export function formatSizeRaw(
-  bytes: number | undefined,
-  decimals: number
-): Info<Scale<'B' | 'KiB' | 'MiB' | 'GiB' | 'TiB'>> | undefined {
+export function formatSizeRaw(bytes: number | undefined, decimals: number): SizeInfo | undefined
+export function formatSizeRaw(bytes: number | undefined, decimals: number): SizeInfo | undefined {
   if (bytes === undefined) {
     return undefined
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xen-orchestra/web-core",
   "type": "module",
-  "version": "0.35.1",
+  "version": "0.36.0",
   "private": false,
   "exports": {
     "./*": {

package/lib/components/data-table/VtsDataTable.vue

@@ -1,70 +0,0 @@
-<template>
-  <div class="table-container">
-    <VtsStateHero v-if="!isReady" format="table" busy size="medium" />
-    <VtsStateHero v-else-if="hasError" format="table" type="error" size="small" no-background>
-      {{ t('error-no-data') }}
-    </VtsStateHero>
-    <VtsStateHero v-else-if="noDataMessage" format="table" type="no-data" size="small">
-      {{ noDataMessage ? noDataMessage : t('no-data') }}
-    </VtsStateHero>
-    <VtsTable v-else vertical-border>
-      <thead>
-        <slot name="thead" />
-      </thead>
-      <tbody>
-        <slot name="tbody" />
-      </tbody>
-    </VtsTable>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import VtsStateHero from '@core/components/state-hero/VtsStateHero.vue'
-import VtsTable from '@core/components/table/VtsTable.vue'
-import { useI18n } from 'vue-i18n'
-
-defineProps<{
-  isReady?: boolean
-  hasError?: boolean
-  noDataMessage?: string
-}>()
-
-defineSlots<{
-  thead(): any
-  tbody(): any
-}>()
-
-const { t } = useI18n()
-</script>
-
-<style lang="postcss" scoped>
-.table-container {
-  display: flex;
-  flex-direction: column;
-  gap: 0.8rem;
-  overflow-x: auto;
-
-  :deep(tbody) tr {
-    &:hover {
-      cursor: pointer;
-      background-color: var(--color-brand-background-hover);
-    }
-
-    &:active {
-      background-color: var(--color-brand-background-active);
-    }
-
-    &.selected {
-      background-color: var(--color-brand-background-selected);
-    }
-
-    &:last-child {
-      border-bottom: 0.1rem solid var(--color-neutral-border);
-    }
-  }
-
-  :deep(th) {
-    width: 10rem;
-  }
-}
-</style>

package/lib/components/table/ColumnTitle.vue

@@ -1,152 +0,0 @@
-<!-- v1.0 -->
-<template>
-  <MenuList :disabled placement="bottom-start">
-    <template #trigger="{ open, isOpen }">
-      <th
-        :class="{ interactive, disabled, focus: isOpen }"
-        class="column-header"
-        @click="ev => (interactive ? open(ev) : noop())"
-      >
-        <div class="content">
-          <span class="label">
-            <VtsIcon :name="icon" size="medium" />
-            <slot />
-          </span>
-          <VtsIcon :name="currentInteraction?.icon" size="medium" />
-        </div>
-      </th>
-    </template>
-    <MenuItem
-      v-for="interaction in interactions"
-      :key="interaction.id"
-      v-tooltip="t('coming-soon')"
-      :disabled="interaction.disabled"
-      :on-click="() => updateInteraction(interaction)"
-    >
-      <VtsIcon :name="interaction.icon" size="medium" />
-      {{ interaction.label }}
-      <i v-if="currentInteraction?.id === interaction.id" class="current-interaction typo-body-regular-small">
-        {{ t('core.current').toLowerCase() }}
-      </i>
-    </MenuItem>
-  </MenuList>
-</template>
-
-<script lang="ts" setup>
-import VtsIcon from '@core/components/icon/VtsIcon.vue'
-import MenuItem from '@core/components/menu/MenuItem.vue'
-import MenuList from '@core/components/menu/MenuList.vue'
-import { vTooltip } from '@core/directives/tooltip.directive'
-import type { IconName } from '@core/icons'
-import { noop } from '@vueuse/core'
-import { computed, inject } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { useRouter } from 'vue-router'
-
-type InteractionId = 'sort-asc' | 'sort-desc' | 'group' | 'filter' | 'hide'
-type Interaction = {
-  disabled?: boolean
-  id: InteractionId
-  icon: IconName
-  label: string
-}
-
-const props = withDefaults(
-  defineProps<{
-    id?: string
-    icon?: IconName
-    interactive?: boolean
-    disabled?: boolean
-  }>(),
-  {
-    disabled: false,
-    interactive: true,
-  }
-)
-const { t } = useI18n()
-const router = useRouter()
-
-const interactions = computed<Interaction[]>(() => [
-  { id: 'sort-asc', icon: 'fa:arrow-down', label: t('core.sort.ascending'), disabled: true },
-  { id: 'sort-desc', icon: 'fa:arrow-up', label: t('core.sort.descending'), disabled: true },
-  { id: 'group', icon: 'fa:layer-group', label: t('core.group'), disabled: true },
-  { id: 'filter', icon: 'fa:filter', label: t('core.filter'), disabled: true },
-  { id: 'hide', icon: 'fa:eye-slash', label: t('core.hide'), disabled: true },
-])
-
-const tableName = inject<string>('tableName')
-
-const columnName = `${tableName}__${props.id}`
-
-const currentInteraction = computed(() =>
-  interactions.value.find(interaction => router.currentRoute.value.query[columnName] === interaction.id)
-)
-
-const updateInteraction = (interaction: Interaction) => {
-  router.replace({
-    query: {
-      [columnName]: interaction.id,
-    },
-  })
-}
-</script>
-
-<style lang="postcss" scoped>
-/* COLOR VARIANTS */
-.column-header.interactive {
-  --color: var(--color-brand-txt-base);
-  --background-color: var(--color-neutral-background-primary);
-
-  &.focus {
-    --color: var(--color-brand-txt-base);
-    --background-color: var(--color-brand-background-selected);
-  }
-
-  &:hover {
-    --color: var(--color-brand-txt-hover);
-    --background-color: var(--color-brand-background-hover);
-  }
-
-  &:active {
-    --color: var(--color-brand-txt-active);
-    --background-color: var(--color-brand-background-active);
-  }
-
-  &.disabled {
-    --color: var(--color-neutral-txt-secondary);
-    --background-color: var(--color-neutral-background-disabled);
-  }
-}
-
-/* IMPLEMENTATION */
-.column-header.interactive {
-  cursor: pointer;
-  color: var(--color);
-  background-color: var(--background-color);
-
-  &.disabled {
-    cursor: not-allowed;
-  }
-}
-
-.current-interaction {
-  color: var(--color-neutral-txt-secondary);
-}
-
-.content {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
-}
-
-.label {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-}
-
-.filter-icon {
-  cursor: pointer;
-}
-</style>

package/lib/packages/table/apply-extensions.ts

@@ -1,26 +0,0 @@
-import type { Extensions } from '.'
-import { mergeProps } from 'vue'
-
-export function applyExtensions(
-  config: {
-    props?: (config: any) => Record<string, any>
-    extensions?: Extensions<any>
-  },
-  renderConfig: {
-    props?: Record<string, any>
-    extensions?: Record<string, any>
-  }
-): { props: Record<string, any> } {
-  const baseProps = mergeProps(config.props?.(renderConfig) ?? {}, renderConfig.props ?? {})
-
-  if (!renderConfig.extensions) {
-    return { props: baseProps }
-  }
-
-  const props = Object.entries(renderConfig.extensions).reduce(
-    (props, [extName, extData]) => mergeProps(props, config.extensions?.[extName!](extData).props ?? {}),
-    baseProps
-  )
-
-  return { props }
-}

package/lib/packages/table/define-renderer/define-table-cell-renderer.ts

@@ -1,27 +0,0 @@
-import { type VNode, defineAsyncComponent, h } from 'vue'
-import {
-  type TableCellRenderer,
-  type TableCellVNode,
-  type Extensions,
-  applyExtensions,
-  type ComponentLoader,
-  type PropsOverride,
-} from '..'
-
-export function defineTableCellRenderer<
-  TComponentProps extends Record<string, any>,
-  TExtensions extends Extensions<TComponentProps>,
-  TPropsConfig extends Record<string, any>,
->(config: {
-  component: ComponentLoader<TComponentProps>
-  props?: (config: TPropsConfig) => PropsOverride<TComponentProps>
-  extensions?: TExtensions
-}): TableCellRenderer<TComponentProps, TExtensions, TPropsConfig> {
-  const component = defineAsyncComponent(config.component)
-
-  return function RenderCell(renderConfig) {
-    const extension = applyExtensions(config, renderConfig)
-
-    return h(component, extension.props) satisfies VNode as TableCellVNode
-  }
-}

package/lib/packages/table/define-renderer/define-table-renderer.ts

@@ -1,47 +0,0 @@
-import { type VNode, defineAsyncComponent, h } from 'vue'
-import {
-  applyExtensions,
-  type ComponentLoader,
-  type PropsOverride,
-  type Extensions,
-  type TableRenderer,
-  type TableVNode,
-} from '..'
-
-export function defineTableRenderer<
-  TComponentProps extends Record<string, any>,
-  TExtensions extends Extensions<TComponentProps>,
-  TPropsConfig extends Record<string, any>,
->(config: {
-  component: ComponentLoader<TComponentProps>
-  props?: (config: TPropsConfig) => PropsOverride<TComponentProps>
-  extensions?: TExtensions
-}): TableRenderer<TComponentProps, TExtensions, TPropsConfig> {
-  const component = defineAsyncComponent(config.component)
-
-  return function RenderTable(renderConfig) {
-    const { thead, tbody } = renderConfig
-
-    const renderThead =
-      typeof thead === 'function'
-        ? thead
-        : 'cells' in thead && thead.cells
-          ? () => h('thead', {}, h('tr', {}, { default: () => thead.cells() }))
-          : 'rows' in thead && thead.rows
-            ? () => h('thead', {}, { default: () => thead.rows() })
-            : () => undefined
-
-    const renderTbody =
-      typeof tbody === 'function'
-        ? tbody
-        : 'rows' in tbody && tbody.rows
-          ? () => h('tbody', {}, { default: () => tbody.rows() })
-          : () => undefined
-
-    const extension = applyExtensions(config, renderConfig)
-
-    return h(component, extension.props, () => {
-      return [renderThead(), renderTbody()]
-    }) satisfies VNode as TableVNode
-  }
-}

package/lib/packages/table/define-renderer/define-table-row-renderer.ts

@@ -1,29 +0,0 @@
-import { type VNode, defineAsyncComponent, h } from 'vue'
-import {
-  applyExtensions,
-  type TableRowRenderer,
-  type TableRowVNode,
-  type Extensions,
-  type ComponentLoader,
-  type PropsOverride,
-} from '..'
-
-export function defineRowRenderer<
-  TComponentProps extends Record<string, any>,
-  TExtensions extends Extensions<TComponentProps>,
-  TPropsConfig extends Record<string, any>,
->(config: {
-  component: ComponentLoader<TComponentProps>
-  props?: (config: TPropsConfig) => PropsOverride<TComponentProps>
-  extensions?: TExtensions
-}): TableRowRenderer<TComponentProps, TExtensions, TPropsConfig> {
-  const component = defineAsyncComponent(config.component)
-
-  return function RenderRow(renderConfig): TableRowVNode {
-    const extension = applyExtensions(config, renderConfig)
-
-    return h(component, extension.props, {
-      default: () => renderConfig.cells(),
-    }) satisfies VNode as TableRowVNode
-  }
-}

package/lib/packages/table/define-renderer/define-table-section-renderer.ts

@@ -1,29 +0,0 @@
-import { type VNode, defineAsyncComponent, h } from 'vue'
-import {
-  applyExtensions,
-  type TableSectionRenderer,
-  type TableSectionVNode,
-  type Extensions,
-  type ComponentLoader,
-  type PropsOverride,
-} from '..'
-
-export function defineSectionRenderer<
-  TComponentProps extends Record<string, any>,
-  TExtensions extends Extensions<TComponentProps>,
-  TPropsConfig extends Record<string, any>,
->(config: {
-  component: ComponentLoader<TComponentProps>
-  props?: (config: TPropsConfig) => PropsOverride<TComponentProps>
-  extensions?: TExtensions
-}): TableSectionRenderer<TComponentProps, TExtensions, TPropsConfig> {
-  const component = defineAsyncComponent(config.component)
-
-  return function RenderSection(renderConfig): TableSectionVNode {
-    const extension = applyExtensions(config, renderConfig)
-
-    return h(component, extension.props, {
-      default: () => renderConfig.rows(),
-    }) satisfies VNode as TableSectionVNode
-  }
-}