@vueye-table/headless 3.0.0-alpha.1

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/shared.ts","../src/controls.ts","../src/table.ts","../src/grid.ts"],"sourcesContent":["import type { TableColumn, TableRow } from \"@vueye-table/core\";\nimport type { PropType } from \"vue\";\n\n/** The element a component renders. Every headless component accepts `as`. */\nexport const asProp = (tag: string) =>\n  ({\n    type: String,\n    default: tag,\n  }) as const;\n\n/** Columns of any row type; callbacks on a column make `TableColumn<unknown>` too narrow. */\nexport type AnyTableColumn = TableColumn<any>;\n\nexport const columnProp = {\n  type: Object as PropType<AnyTableColumn>,\n  required: true,\n} as const;\n\nexport const rowProp = {\n  type: Object as PropType<TableRow<unknown>>,\n  required: true,\n} as const;\n\n/** `data-*` attributes take strings; `undefined` leaves the attribute off. */\nexport function flag(value: boolean): \"\" | undefined {\n  return value ? \"\" : undefined;\n}\n","import type { PageItem, SelectionCoverage, TableColumn } from \"@vueye-table/core\";\nimport { injectDataTable } from \"@vueye-table/vue\";\nimport { defineComponent, h, onScopeDispose, type PropType, type SlotsType, type VNode } from \"vue\";\n\nimport { asProp, flag, rowProp } from \"./shared\";\n\nfunction checkbox(props: {\n  readonly checked: boolean;\n  readonly indeterminate: boolean;\n  readonly label: string;\n  readonly disabled: boolean;\n  readonly onChange: () => void;\n}) {\n  return h(\"input\", {\n    type: \"checkbox\",\n    checked: props.checked,\n    indeterminate: props.indeterminate,\n    disabled: props.disabled,\n    \"aria-label\": props.label,\n    \"data-state\": props.indeterminate ? \"indeterminate\" : props.checked ? \"checked\" : \"unchecked\",\n    onChange: props.onChange,\n  });\n}\n\n/**\n * Selects or clears every row in the table's select-all scope. It shows the indeterminate state\n * when only some are selected. The slot receives the state to draw a custom control.\n */\nexport const DataTableSelectAll = defineComponent({\n  name: \"DataTableSelectAll\",\n  slots: Object as SlotsType<{\n    default?: (props: { state: SelectionCoverage; toggle: () => void }) => VNode[];\n  }>,\n  props: { label: { type: String, default: \"Select all rows\" } },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataTableSelectAll>\");\n    return () => {\n      const state = table.allSelection;\n      const toggle = (): void => table.toggleAll();\n      return (\n        slots.default?.({ state, toggle }) ??\n        checkbox({\n          checked: state === \"all\",\n          indeterminate: state === \"some\",\n          label: props.label,\n          disabled: table.selectionMode !== \"multiple\" || table.rows.length === 0,\n          onChange: toggle,\n        })\n      );\n    };\n  },\n});\n\n/** Selects or clears one row. */\nexport const DataTableSelectRow = defineComponent({\n  name: \"DataTableSelectRow\",\n  slots: Object as SlotsType<{\n    default?: (props: { selected: boolean; toggle: () => void }) => VNode[];\n  }>,\n  props: { row: rowProp, label: { type: String, default: \"Select row\" } },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataTableSelectRow>\");\n    return () => {\n      const selected = table.isSelected(props.row.key);\n      const toggle = (): void => table.toggleRow(props.row.key);\n      return (\n        slots.default?.({ selected, toggle }) ??\n        checkbox({\n          checked: selected,\n          indeterminate: false,\n          label: props.label,\n          disabled: table.selectionMode === \"none\",\n          onChange: toggle,\n        })\n      );\n    };\n  },\n});\n\n/**\n * A search box bound to the table's free-text search. `debounce` waits that many milliseconds\n * after the last keystroke before searching.\n */\nexport const DataTableSearch = defineComponent({\n  name: \"DataTableSearch\",\n  props: {\n    debounce: { type: Number, default: 0 },\n    label: { type: String, default: \"Search\" },\n    placeholder: { type: String as PropType<string | undefined>, default: undefined },\n  },\n  setup(props) {\n    const table = injectDataTable(\"<DataTableSearch>\");\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    onScopeDispose(() => clearTimeout(timer));\n    return () =>\n      h(\"input\", {\n        type: \"search\",\n        value: table.state.search,\n        placeholder: props.placeholder,\n        \"aria-label\": props.label,\n        onInput: (event: Event) => {\n          const { value } = event.target as HTMLInputElement;\n          clearTimeout(timer);\n          if (props.debounce > 0) {\n            timer = setTimeout(() => table.search(value), props.debounce);\n          } else {\n            table.search(value);\n          }\n        },\n      });\n  },\n});\n\n/**\n * Page navigation. The slot receives everything needed to draw custom controls; without one it\n * renders previous, numbered, and next buttons with `aria-current` on the current page.\n */\nexport const DataTablePagination = defineComponent({\n  name: \"DataTablePagination\",\n  slots: Object as SlotsType<{\n    default?: (props: {\n      page: number;\n      pageCount: number;\n      items: readonly PageItem[];\n      canPrevious: boolean;\n      canNext: boolean;\n      goToPage: (page: number) => void;\n      next: () => void;\n      previous: () => void;\n    }) => VNode[];\n  }>,\n  props: {\n    as: asProp(\"nav\"),\n    label: { type: String, default: \"Pagination\" },\n  },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataTablePagination>\");\n    return () => {\n      const slotProps = {\n        page: table.page,\n        pageCount: table.pageCount,\n        items: table.pageItems,\n        canPrevious: table.canPreviousPage,\n        canNext: table.canNextPage,\n        goToPage: table.goToPage,\n        next: table.nextPage,\n        previous: table.previousPage,\n      };\n      const button = (\n        label: string,\n        content: string,\n        disabled: boolean,\n        onClick: () => void,\n        current = false,\n      ) =>\n        h(\n          \"button\",\n          {\n            type: \"button\",\n            disabled,\n            \"aria-label\": label,\n            \"aria-current\": current ? \"page\" : undefined,\n            \"data-current\": flag(current),\n            onClick,\n          },\n          content,\n        );\n      return h(\n        props.as,\n        { \"aria-label\": props.label },\n        slots.default?.(slotProps) ?? [\n          button(\"Previous page\", \"‹\", !table.canPreviousPage, table.previousPage),\n          ...table.pageItems.map((item) =>\n            item.type === \"gap\"\n              ? h(\"span\", { key: item.key, \"aria-hidden\": \"true\", \"data-gap\": \"\" }, \"…\")\n              : button(\n                  `Page ${item.page}`,\n                  String(item.page),\n                  false,\n                  () => table.goToPage(item.page),\n                  item.current,\n                ),\n          ),\n          button(\"Next page\", \"›\", !table.canNextPage, table.nextPage),\n        ],\n      );\n    };\n  },\n});\n\n/** A page size picker. */\nexport const DataTablePageSize = defineComponent({\n  name: \"DataTablePageSize\",\n  props: {\n    options: { type: Array as PropType<readonly number[]>, default: () => [5, 10, 20, 50] },\n    label: { type: String, default: \"Rows per page\" },\n  },\n  setup(props) {\n    const table = injectDataTable(\"<DataTablePageSize>\");\n    return () => {\n      const sizes = props.options.includes(table.pageSize)\n        ? props.options\n        : [...props.options, table.pageSize].toSorted((left, right) => left - right);\n      return h(\n        \"select\",\n        {\n          value: table.pageSize,\n          \"aria-label\": props.label,\n          onChange: (event: Event) =>\n            table.setPageSize(Number((event.target as HTMLSelectElement).value)),\n        },\n        sizes.map((size) =>\n          h(\"option\", { key: size, value: size, selected: size === table.pageSize }, String(size)),\n        ),\n      );\n    };\n  },\n});\n\n/** A checkbox per column that shows or hides it. The slot receives the columns and `toggle`. */\nexport const DataTableColumnVisibility = defineComponent({\n  name: \"DataTableColumnVisibility\",\n  slots: Object as SlotsType<{\n    default?: (props: {\n      columns: readonly { column: TableColumn<unknown>; visible: boolean }[];\n      toggle: (columnId: string, visible?: boolean) => void;\n    }) => VNode[];\n  }>,\n  props: { as: asProp(\"fieldset\"), legend: { type: String, default: \"Columns\" } },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataTableColumnVisibility>\");\n    return () => {\n      const hidden = new Set(table.state.hiddenColumns);\n      const columns = table.allColumns.map((column) => ({\n        column,\n        visible: !hidden.has(column.id),\n      }));\n      return h(\n        props.as,\n        slots.default?.({ columns, toggle: table.toggleColumn }) ?? [\n          props.as === \"fieldset\" ? h(\"legend\", props.legend) : null,\n          ...columns.map(({ column, visible }) =>\n            h(\"label\", { key: column.id, \"data-column\": column.id }, [\n              h(\"input\", {\n                type: \"checkbox\",\n                checked: visible,\n                disabled: visible && table.columns.length === 1,\n                onChange: () => table.toggleColumn(column.id),\n              }),\n              column.header,\n            ]),\n          ),\n        ],\n      );\n    };\n  },\n});\n\n/**\n * A polite live region describing what is shown, such as \"1–10 of 57 rows\". Screen readers\n * announce it after a search, filter, or page change.\n */\nexport const DataTableStatus = defineComponent({\n  name: \"DataTableStatus\",\n  slots: Object as SlotsType<{\n    default?: (props: {\n      start: number;\n      end: number;\n      rowCount: number;\n      totalRowCount: number;\n      selectedCount: number;\n    }) => VNode[];\n  }>,\n  props: { as: asProp(\"p\") },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataTableStatus>\");\n    return () => {\n      const slotProps = {\n        start: table.pageStart,\n        end: table.pageEnd,\n        rowCount: table.rowCount,\n        totalRowCount: table.totalRowCount,\n        selectedCount: table.selectedCount,\n      };\n      const text =\n        table.rowCount === 0\n          ? \"No rows\"\n          : `${table.pageStart}–${table.pageEnd} of ${table.rowCount} rows` +\n            (table.selectedCount > 0 ? `, ${table.selectedCount} selected` : \"\");\n      return h(\n        props.as,\n        { role: \"status\", \"aria-live\": \"polite\" },\n        slots.default?.(slotProps) ?? text,\n      );\n    };\n  },\n});\n","import type { SortInfo, TableColumn, TableRow } from \"@vueye-table/core\";\nimport {\n  injectDataTable,\n  provideDataTable,\n  type AnyDataTableBinding,\n  type DataTableBinding,\n} from \"@vueye-table/vue\";\nimport { defineComponent, h, type PropType, type SlotsType, type VNode } from \"vue\";\n\nimport { asProp, columnProp, flag, rowProp } from \"./shared\";\n\n/**\n * Provides a table to the components inside it and renders the table element. Without a default\n * slot it renders a complete header and body.\n */\nexport const DataTableRoot = defineComponent({\n  name: \"DataTableRoot\",\n  slots: Object as SlotsType<{\n    default?: (props: { table: DataTableBinding<unknown> }) => VNode[];\n  }>,\n  props: {\n    table: { type: Object as PropType<AnyDataTableBinding>, required: true },\n    as: asProp(\"table\"),\n  },\n  setup(props, { slots }) {\n    provideDataTable(props.table);\n    return () =>\n      h(\n        props.as,\n        {\n          \"aria-rowcount\": props.table.rowCount + 1,\n          \"aria-colcount\": props.table.columns.length,\n          \"data-empty\": flag(props.table.rowCount === 0),\n        },\n        slots.default?.({ table: props.table }) ?? [h(DataTableHeader), h(DataTableBody)],\n      );\n  },\n});\n\nexport const DataTableCaption = defineComponent({\n  name: \"DataTableCaption\",\n  slots: Object as SlotsType<{ default?: () => VNode[] }>,\n  props: { as: asProp(\"caption\") },\n  setup(props, { slots }) {\n    return () => h(props.as, slots.default?.());\n  },\n});\n\n/** The header section. Without a slot it renders one header cell per visible column. */\nexport const DataTableHeader = defineComponent({\n  name: \"DataTableHeader\",\n  slots: Object as SlotsType<{\n    default?: (props: { columns: readonly TableColumn<unknown>[] }) => VNode[];\n  }>,\n  props: { as: asProp(\"thead\") },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataTableHeader>\");\n    return () =>\n      h(\n        props.as,\n        slots.default?.({ columns: table.columns }) ??\n          h(DataTableHeaderRow, () =>\n            table.columns.map((column) => h(DataTableHeaderCell, { key: column.id, column })),\n          ),\n      );\n  },\n});\n\nexport const DataTableHeaderRow = defineComponent({\n  name: \"DataTableHeaderRow\",\n  slots: Object as SlotsType<{ default?: () => VNode[] }>,\n  props: { as: asProp(\"tr\") },\n  setup(props, { slots }) {\n    return () => h(props.as, { \"aria-rowindex\": 1 }, slots.default?.());\n  },\n});\n\n/**\n * A column header with `aria-sort`. Without a slot it shows the header text inside a sort button\n * for sortable columns.\n */\nexport const DataTableHeaderCell = defineComponent({\n  name: \"DataTableHeaderCell\",\n  slots: Object as SlotsType<{\n    default?: (props: {\n      column: TableColumn<unknown>;\n      sort: SortInfo | undefined;\n      toggleSort: (multi?: boolean) => void;\n    }) => VNode[];\n  }>,\n  props: { column: columnProp, as: asProp(\"th\") },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataTableHeaderCell>\");\n    return () => {\n      const { column } = props;\n      const sort = table.getSort(column.id);\n      const ariaSort = sort\n        ? sort.direction === \"asc\"\n          ? \"ascending\"\n          : \"descending\"\n        : column.sortable\n          ? \"none\"\n          : undefined;\n      const content =\n        slots.default?.({\n          column,\n          sort,\n          toggleSort: (multi = false) => table.toggleSort(column.id, { multi }),\n        }) ??\n        (column.sortable ? h(DataTableSortButton, { column }, () => column.header) : column.header);\n      return h(\n        props.as,\n        {\n          scope: \"col\",\n          \"aria-sort\": ariaSort,\n          \"data-column\": column.id,\n          \"data-align\": column.align,\n          \"data-sortable\": flag(column.sortable),\n          \"data-sort\": sort?.direction,\n          style: columnStyle(column),\n        },\n        content,\n      );\n    };\n  },\n});\n\nexport function columnStyle(column: TableColumn<unknown>): Record<string, string> | undefined {\n  const style: Record<string, string> = {};\n  if (column.width !== undefined) {\n    style[\"width\"] = `${column.width}px`;\n  }\n  if (column.minWidth !== undefined) {\n    style[\"minWidth\"] = `${column.minWidth}px`;\n  }\n  return Object.keys(style).length > 0 ? style : undefined;\n}\n\n/**\n * Toggles a column's sort. Shift-click adds the column to the existing sort instead of replacing\n * it. The slot receives the current sort so it can draw an indicator.\n */\nexport const DataTableSortButton = defineComponent({\n  name: \"DataTableSortButton\",\n  slots: Object as SlotsType<{\n    default?: (props: { sort: SortInfo | undefined }) => VNode[];\n    indicator?: (props: { sort: SortInfo | undefined }) => VNode[];\n  }>,\n  props: { column: columnProp, as: asProp(\"button\") },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataTableSortButton>\");\n    return () => {\n      const sort = table.getSort(props.column.id);\n      const next = !sort ? \"ascending\" : sort.direction === \"asc\" ? \"descending\" : \"unsorted\";\n      return h(\n        props.as,\n        {\n          type: props.as === \"button\" ? \"button\" : undefined,\n          \"data-sort\": sort?.direction,\n          \"aria-label\": `${props.column.header}, sort ${next}`,\n          onClick: (event: MouseEvent) =>\n            table.toggleSort(props.column.id, { multi: event.shiftKey }),\n        },\n        [slots.default?.({ sort }) ?? props.column.header, slots.indicator?.({ sort })],\n      );\n    };\n  },\n});\n\n/**\n * The body section. Without a slot it renders a row per row on the page, and the `empty` slot in\n * a full-width row when there are none.\n */\nexport const DataTableBody = defineComponent({\n  name: \"DataTableBody\",\n  slots: Object as SlotsType<{\n    default?: (props: { rows: readonly TableRow<unknown>[] }) => VNode[];\n    empty?: () => VNode[];\n  }>,\n  props: { as: asProp(\"tbody\") },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataTableBody>\");\n    return () => {\n      let content: VNode[] | VNode | undefined = slots.default?.({ rows: table.rows });\n      if (!content) {\n        content =\n          table.rows.length === 0 && slots.empty\n            ? h(\"tr\", { \"data-empty\": \"\" }, [\n                h(\"td\", { colspan: Math.max(1, table.columns.length) }, slots.empty()),\n              ])\n            : table.rows.map((row) => h(DataTableRow, { key: row.key, row }));\n      }\n      return h(props.as, content);\n    };\n  },\n});\n\n/** A body row; `aria-selected` and `data-selected` follow the selection. */\nexport const DataTableRow = defineComponent({\n  name: \"DataTableRow\",\n  slots: Object as SlotsType<{\n    default?: (props: {\n      row: TableRow<unknown>;\n      selected: boolean;\n      columns: readonly TableColumn<unknown>[];\n    }) => VNode[];\n  }>,\n  props: { row: rowProp, as: asProp(\"tr\") },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataTableRow>\");\n    return () => {\n      const { row } = props;\n      const selected = table.isSelected(row.key);\n      const position = table.rows.indexOf(row);\n      return h(\n        props.as,\n        {\n          \"aria-rowindex\": position === -1 ? undefined : table.pageStart + position + 1,\n          \"aria-selected\": table.selectionMode === \"none\" ? undefined : String(selected),\n          \"data-selected\": flag(selected),\n          \"data-key\": String(row.key),\n        },\n        slots.default?.({ row, selected, columns: table.columns }) ??\n          table.columns.map((column) => h(DataTableCell, { key: column.id, row, column })),\n      );\n    };\n  },\n});\n\n/** A body cell. The slot receives the raw value and the formatted text. */\nexport const DataTableCell = defineComponent({\n  name: \"DataTableCell\",\n  slots: Object as SlotsType<{\n    default?: (props: {\n      row: TableRow<unknown>;\n      column: TableColumn<unknown>;\n      value: unknown;\n      display: string;\n    }) => VNode[];\n  }>,\n  props: { row: rowProp, column: columnProp, as: asProp(\"td\") },\n  setup(props, { slots }) {\n    return () => {\n      const { row, column } = props;\n      const value = row.getValue(column.id);\n      const display = row.getDisplay(column.id);\n      return h(\n        props.as,\n        { \"data-column\": column.id, \"data-align\": column.align },\n        slots.default?.({ row, column, value, display }) ?? display,\n      );\n    };\n  },\n});\n\n/** Renders its slot only when no row passes the search and filters. */\nexport const DataTableEmpty = defineComponent({\n  name: \"DataTableEmpty\",\n  slots: Object as SlotsType<{ default?: () => VNode[] }>,\n  props: { as: asProp(\"div\") },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataTableEmpty>\");\n    return () => (table.rowCount === 0 ? h(props.as, { role: \"status\" }, slots.default?.()) : null);\n  },\n});\n","import type { GridDirection, TableColumn, TableRow } from \"@vueye-table/core\";\nimport {\n  injectDataGrid,\n  injectDataTable,\n  provideDataGrid,\n  provideDataTable,\n  useDataGrid,\n  type DataGridBinding,\n  type AnyDataTableBinding,\n  type DataTableBinding,\n} from \"@vueye-table/vue\";\nimport {\n  defineComponent,\n  h,\n  inject,\n  nextTick,\n  onMounted,\n  provide,\n  ref,\n  useId,\n  watch,\n  type InjectionKey,\n  type PropType,\n  type SlotsType,\n  type VNode,\n  type VNodeChild,\n} from \"vue\";\n\nimport { asProp, columnProp, flag, rowProp } from \"./shared\";\nimport { columnStyle, DataTableHeader } from \"./table\";\n\ninterface GridContext {\n  readonly id: string;\n  /** Return keyboard focus to the grid, after an edit ends from the keyboard. */\n  focus(): void;\n}\n\nconst gridContextKey: InjectionKey<GridContext> = Symbol(\"vueye-table-grid-context\");\n\nfunction useGrid(consumer: string): { grid: DataGridBinding<unknown>; context: GridContext } {\n  const grid = injectDataGrid();\n  const context = inject(gridContextKey, undefined);\n  if (!grid || !context) {\n    throw new Error(`${consumer} must be rendered inside <DataGridRoot>.`);\n  }\n  return { grid, context };\n}\n\nexport function cellId(gridId: string, row: number, column: number): string {\n  return `${gridId}-r${row}-c${column}`;\n}\n\n/**\n * A spreadsheet grid over a table. The grid element keeps keyboard focus and points at the active\n * cell with `aria-activedescendant`; arrows, Tab, Home, End, Enter, F2, Delete, Escape, typing,\n * undo, redo, and clipboard copy, cut, and paste all work on the selected range.\n */\nexport const DataGridRoot = defineComponent({\n  name: \"DataGridRoot\",\n  slots: Object as SlotsType<{\n    default?: (props: {\n      table: DataTableBinding<unknown>;\n      grid: DataGridBinding<unknown>;\n    }) => VNode[];\n  }>,\n  props: {\n    table: { type: Object as PropType<AnyDataTableBinding>, required: true },\n    as: asProp(\"table\"),\n    label: { type: String as PropType<string | undefined>, default: undefined },\n  },\n  setup(props, { slots, expose }) {\n    provideDataTable(props.table);\n    const grid = useDataGrid(props.table);\n    provideDataGrid(grid);\n    const element = ref<HTMLElement>();\n    const id = `vt-grid-${useId()}`;\n    const focus = (): void => {\n      void nextTick(() => element.value?.focus());\n    };\n    provide(gridContextKey, { id, focus });\n    expose({ grid, focus });\n\n    const onKeydown = (event: KeyboardEvent): void => {\n      if (event.target !== element.value) {\n        return;\n      }\n      if (grid.handleKey(event)) {\n        event.preventDefault();\n      }\n    };\n    const onCopy = (event: ClipboardEvent, cut = false): void => {\n      if (grid.editor || !grid.range || !event.clipboardData) {\n        return;\n      }\n      event.clipboardData.setData(\"text/plain\", grid.copy());\n      event.preventDefault();\n      if (cut) {\n        grid.clear();\n      }\n    };\n    const onPaste = (event: ClipboardEvent): void => {\n      const text = event.clipboardData?.getData(\"text/plain\");\n      if (grid.editor || text === undefined || text === \"\") {\n        return;\n      }\n      event.preventDefault();\n      grid.paste(text);\n    };\n\n    return () => {\n      const focusPosition = grid.selection?.focus;\n      return h(\n        props.as,\n        {\n          ref: element,\n          id,\n          role: \"grid\",\n          tabindex: 0,\n          \"aria-label\": props.label,\n          \"aria-multiselectable\": \"true\",\n          \"aria-rowcount\": props.table.rows.length + 1,\n          \"aria-colcount\": props.table.columns.length,\n          \"aria-activedescendant\":\n            focusPosition && !grid.editor\n              ? cellId(id, focusPosition.row, focusPosition.column)\n              : undefined,\n          onKeydown,\n          onCopy: (event: ClipboardEvent) => onCopy(event),\n          onCut: (event: ClipboardEvent) => onCopy(event, true),\n          onPaste,\n        },\n        slots.default?.({ table: props.table, grid }) ?? [h(DataTableHeader), h(DataGridBody)],\n      );\n    };\n  },\n});\n\n/** Slot props of a grid cell's content, while it is not being edited. */\nexport interface GridCellSlotProps {\n  readonly row: TableRow<unknown>;\n  readonly column: TableColumn<unknown>;\n  readonly value: unknown;\n  readonly display: string;\n  readonly editable: boolean;\n}\n\n/**\n * The grid body: a row of cells per row on the page. The `cell` slot draws the content of every\n * cell that is not being edited; the `rowHeader` slot adds a leading cell to each row.\n */\nexport const DataGridBody = defineComponent({\n  name: \"DataGridBody\",\n  slots: Object as SlotsType<{\n    default?: (props: { rows: readonly TableRow<unknown>[] }) => VNode[];\n    rowHeader?: (props: { row: TableRow<unknown>; index: number }) => VNode[];\n    cell?: (props: GridCellSlotProps) => VNodeChild;\n  }>,\n  props: { as: asProp(\"tbody\") },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataGridBody>\");\n    return () =>\n      h(\n        props.as,\n        slots.default?.({ rows: table.rows }) ??\n          table.rows.map((row, rowIndex) =>\n            h(\n              \"tr\",\n              {\n                key: row.key,\n                role: \"row\",\n                \"aria-rowindex\": rowIndex + 2,\n                \"data-key\": String(row.key),\n              },\n              [\n                slots.rowHeader?.({ row, index: rowIndex }),\n                ...table.columns.map((column, columnIndex) =>\n                  h(\n                    DataGridCell,\n                    { key: column.id, row, column, rowIndex, columnIndex },\n                    slots.cell\n                      ? { default: (cellProps: GridCellSlotProps) => slots.cell?.(cellProps) }\n                      : undefined,\n                  ),\n                ),\n              ],\n            ),\n          ),\n      );\n  },\n});\n\n/** The text box shown in a cell while it is edited. */\nconst DataGridEditor = defineComponent({\n  name: \"DataGridEditor\",\n  props: { label: { type: String, required: true } },\n  setup(props) {\n    const { grid, context } = useGrid(\"<DataGridEditor>\");\n    const input = ref<HTMLInputElement>();\n    onMounted(() => {\n      const element = input.value;\n      if (element) {\n        element.focus();\n        element.setSelectionRange(element.value.length, element.value.length);\n      }\n    });\n    const finish = (then?: \"up\" | \"down\" | \"left\" | \"right\"): void => {\n      grid.commitEdit(then);\n      context.focus();\n    };\n    return () =>\n      h(\"input\", {\n        ref: input,\n        value: grid.editor?.draft ?? \"\",\n        \"aria-label\": props.label,\n        \"data-editor\": \"\",\n        onInput: (event: Event) => grid.updateDraft((event.target as HTMLInputElement).value),\n        onBlur: () => {\n          if (grid.editor) {\n            grid.commitEdit();\n          }\n        },\n        onKeydown: (event: KeyboardEvent) => {\n          if (event.key === \"Enter\") {\n            event.preventDefault();\n            finish(event.shiftKey ? \"up\" : \"down\");\n          } else if (event.key === \"Tab\") {\n            event.preventDefault();\n            finish(event.shiftKey ? \"left\" : \"right\");\n          } else if (event.key === \"Escape\") {\n            event.preventDefault();\n            grid.cancelEdit();\n            context.focus();\n          }\n        },\n      });\n  },\n});\n\n/**\n * A grid cell. A click selects it, Shift-click or dragging extends the range, and a double click\n * edits it. The `editor` slot replaces the default text box.\n */\nexport const DataGridCell = defineComponent({\n  name: \"DataGridCell\",\n  slots: Object as SlotsType<{\n    default?: (props: GridCellSlotProps) => VNodeChild;\n    editor?: (props: {\n      draft: string;\n      update: (draft: string) => void;\n      commit: (then?: GridDirection) => unknown;\n      cancel: () => void;\n    }) => VNode[];\n  }>,\n  props: {\n    row: rowProp,\n    column: columnProp,\n    as: asProp(\"td\"),\n    /** The row's position on the page. Found by searching the rows when left out. */\n    rowIndex: { type: Number as PropType<number | undefined>, default: undefined },\n    /** The column's position among the visible columns. Found by searching when left out. */\n    columnIndex: { type: Number as PropType<number | undefined>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const table = injectDataTable(\"<DataGridCell>\");\n    const { grid, context } = useGrid(\"<DataGridCell>\");\n    const element = ref<HTMLElement>();\n    const position = () => ({\n      row: props.rowIndex ?? table.rows.indexOf(props.row),\n      column: props.columnIndex ?? table.columns.indexOf(props.column),\n    });\n\n    watch(\n      () => grid.isFocused(position()),\n      (focused) => {\n        if (focused) {\n          element.value?.scrollIntoView?.({ block: \"nearest\", inline: \"nearest\" });\n        }\n      },\n    );\n\n    return () => {\n      const at = position();\n      const { row, column } = props;\n      const editing = grid.isEditing(at);\n      const editable = column.isEditable(row.original);\n      const value = row.getValue(column.id);\n      const display = row.getDisplay(column.id);\n      let content;\n      if (editing) {\n        content =\n          slots.editor?.({\n            draft: grid.editor?.draft ?? \"\",\n            update: (draft: string) => grid.updateDraft(draft),\n            commit: (then?: GridDirection) => grid.commitEdit(then),\n            cancel: () => grid.cancelEdit(),\n          }) ?? h(DataGridEditor, { label: `Edit ${column.header}` });\n      } else {\n        content = slots.default?.({ row, column, value, display, editable }) ?? display;\n      }\n      return h(\n        props.as,\n        {\n          ref: element,\n          id: cellId(context.id, at.row, at.column),\n          role: \"gridcell\",\n          \"aria-selected\": String(grid.isSelected(at)),\n          \"aria-readonly\": editable ? undefined : \"true\",\n          \"aria-colindex\": at.column + 1,\n          \"data-column\": column.id,\n          \"data-align\": column.align,\n          \"data-focused\": flag(grid.isFocused(at)),\n          \"data-selected\": flag(grid.isSelected(at)),\n          \"data-editing\": flag(editing),\n          \"data-readonly\": flag(!editable),\n          style: columnStyle(column),\n          onMousedown: (event: MouseEvent) => {\n            if (editing || event.button !== 0) {\n              return;\n            }\n            grid.focusCell(at, { extend: event.shiftKey });\n            context.focus();\n          },\n          onMouseenter: (event: MouseEvent) => {\n            if (event.buttons === 1 && !grid.editor) {\n              grid.focusCell(at, { extend: true });\n            }\n          },\n          onDblclick: () => {\n            grid.focusCell(at);\n            grid.startEdit();\n          },\n        },\n        content,\n      );\n    };\n  },\n});\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@vueye-table/headless",
+  "version": "3.0.0-alpha.1",
+  "description": "Unstyled, accessible Vue components for vueye-table: tables, controls, and spreadsheet grids.",
+  "keywords": [
+    "data-table",
+    "datagrid",
+    "headless",
+    "spreadsheet",
+    "vue"
+  ],
+  "homepage": "https://github.com/boussadjra/vueye-table#readme",
+  "bugs": {
+    "url": "https://github.com/boussadjra/vueye-table/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/boussadjra/vueye-table.git",
+    "directory": "packages/headless"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "dependencies": {
+    "@vueye-table/core": "3.0.0-alpha.1",
+    "@vueye-table/vue": "3.0.0-alpha.1"
+  },
+  "devDependencies": {
+    "vue": "3.5.43",
+    "@vueye-table/typescript-config": "0.0.0"
+  },
+  "peerDependencies": {
+    "vue": ">=3.5.0 <4"
+  },
+  "engines": {
+    "node": ">=22.12.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "typecheck": "tsc -p tsconfig.json",
+    "package:check": "publint --strict && attw --pack . --profile esm-only",
+    "clean": "node ../../scripts/clean-package.mjs"
+  }
+}