@coreui/data-grid 0.1.0-rc.0 → 0.3.0-rc.0

package/src/engine/table.ts

@@ -5,26 +5,20 @@
  * --------------------------------------------------------------------------
  */
 
-import {
-  createTable,
-  getCoreRowModel,
-  getFacetedRowModel,
-  getFacetedUniqueValues,
-  getFilteredRowModel,
-  getPaginationRowModel,
-  getSortedRowModel,
-  type FilterFn,
-  type Table,
-  type TableState,
-  type Updater
-} from '@tanstack/table-core'
+import { constructTable, type FilterFn } from '@tanstack/table-core'
 import { evaluateColumnFilter } from '../filters'
+import { isElementRTL } from '../util/direction'
 import type {
- DataGridColumn, DataGridColumnFilterValue, DataGridItem, DataGridOptions
+ DataGridColumn, DataGridColumnFilterValue, DataGridFeatures, DataGridItem, DataGridOptions,
+ DataGridTable, DataGridTableState
 } from '../types'
 import { isGlobalFilterEnabled } from '../ui/toolbar'
+import { assertFeatureCoverage } from './validate'
 
-const toTanStackFilterFn = (column: DataGridColumn): FilterFn<DataGridItem> => {
+const UNPAGINATED_PAGE_SIZE = Number.MAX_SAFE_INTEGER
+const INFINITE_SCROLL_PAGE_SIZE = 50
+
+const toTanStackFilterFn = (column: DataGridColumn): FilterFn<DataGridFeatures, DataGridItem> => {
   const { filterFn } = column
   if (filterFn) {
     return (row, columnId, filterValue) => filterFn(row.getValue(columnId), filterValue, row.original)
@@ -36,8 +30,8 @@ const toTanStackFilterFn = (column: DataGridColumn): FilterFn<DataGridItem> => {
 
 export const createGridTable = (
   options: DataGridOptions,
-  onStateChange: (previous: TableState, next: TableState) => void
-): Table<DataGridItem> => {
+  getElement?: () => Element | null
+): DataGridTable => {
   const sortingOptions = typeof options.sorting === 'object' ? options.sorting : {}
   const sizingOptions = typeof options.columnSizing === 'object' ? options.columnSizing : {}
   const paginationOptions = typeof options.pagination === 'object' ? options.pagination : {}
@@ -49,17 +43,64 @@ export const createGridTable = (
   // seed and apply explicit widths.
   const widthsEnabled = sizingEnabled || pinningEnabled
   const paginated = Boolean(options.pagination) || serverSide
+  const infiniteOptions = typeof options.infiniteScroll === 'object' ? options.infiniteScroll : {}
+
+  if (options.infiniteScroll) {
+    if (!serverSide) {
+      throw new TypeError('DATA-GRID: Option "infiniteScroll" requires "dataProvider".')
+    }
+
+    if (options.pagination) {
+      throw new TypeError('DATA-GRID: Option "infiniteScroll" cannot be combined with "pagination".')
+    }
 
-  const initialState: Partial<TableState> = {
-    ...(paginated && {
-      pagination: { pageIndex: 0, pageSize: paginationOptions.pageSize ?? 10 }
+    if (!options.virtualization) {
+      throw new TypeError('DATA-GRID: Option "infiniteScroll" requires "virtualization".')
+    }
+  }
+
+  // The default set comes from the ENTRY's DataGrid subclass, never from a
+  // static import here - that split is what keeps the full preset out of the
+  // lite bundle. A custom set is typed as the full DataGridFeatures; internals
+  // stay on the full alias and capability-guard every optional-feature call.
+  const { features } = options
+  if (!features) {
+    throw new TypeError('DATA-GRID: Option "features" is required.')
+  }
+
+  assertFeatureCoverage('data-grid', features, {
+    cellSelection: options.cellSelection,
+    columnFilters: options.columnFilters,
+    columnOrder: Boolean(options.columnOrder),
+    columnPinning: pinningEnabled,
+    columnSizing: sizingEnabled,
+    columnVisibility: Boolean(options.columnVisibility),
+    globalFilter: isGlobalFilterEnabled(options),
+    pagination: paginated,
+    rowSelection: Boolean(options.rowSelection),
+    selectFilters: options.columnFilters && options.columns.some(column => column.filterType === 'select'),
+    sorting: Boolean(options.sorting)
+  })
+
+  const initialState: Partial<DataGridTableState> = {
+    // An unpaginated grid is one page holding every row - but only when the
+    // pagination feature is registered at all.
+    ...('rowPaginationFeature' in features && {
+      pagination: {
+        pageIndex: 0,
+        pageSize: options.infiniteScroll ?
+          infiniteOptions.pageSize ?? INFINITE_SCROLL_PAGE_SIZE :
+          (paginated ? paginationOptions.pageSize ?? 10 : UNPAGINATED_PAGE_SIZE)
+      }
+    }),
+    ...(typeof options.columnPinning === 'object' && {
+      columnPinning: { start: [], end: [], ...options.columnPinning }
     }),
-    ...(typeof options.columnPinning === 'object' && { columnPinning: options.columnPinning }),
     ...(Array.isArray(options.columnOrder) && { columnOrder: options.columnOrder }),
     ...(typeof options.columnVisibility === 'object' && { columnVisibility: options.columnVisibility })
   }
 
-  const table = createTable<DataGridItem>({
+  return constructTable<DataGridFeatures, DataGridItem>({
     columns: options.columns.map(column => {
       const size = column.width ?? null
       return {
@@ -70,12 +111,17 @@ export const createGridTable = (
         enableSorting: column.sortable !== false,
         filterFn: toTanStackFilterFn(column),
         id: column.key,
-        meta: { label: column.label, formatter: column.formatter },
+        meta: { label: column.label, formatter: column.formatter, width: column.width },
         ...(widthsEnabled && size !== null && { size })
       }
     }),
     columnResizeMode: sizingOptions.mode ?? 'onChange',
+    // Construction-time only — table-core copies the options object, so a
+    // getter here would never be re-read. A direction flipped later is picked
+    // up by refreshing this through setOptions when a resize starts.
+    columnResizeDirection: isElementRTL(getElement?.()) ? 'rtl' : 'ltr',
     data: serverSide ? [] : options.items,
+    enableCellSelection: Boolean(options.cellSelection),
     enableColumnFilters: Boolean(options.columnFilters),
     enableColumnPinning: pinningEnabled,
     enableColumnResizing: sizingEnabled,
@@ -85,12 +131,7 @@ export const createGridTable = (
     enableRowSelection: Boolean(options.rowSelection),
     enableSorting: Boolean(options.sorting),
     enableSortingRemoval: Boolean(sortingOptions.resetable),
-    getCoreRowModel: getCoreRowModel(),
-    // Faceting powers custom filter UIs (column.getFacetedUniqueValues()).
-    getFacetedRowModel: getFacetedRowModel(),
-    getFacetedUniqueValues: getFacetedUniqueValues(),
-    getFilteredRowModel: getFilteredRowModel(),
-    getSortedRowModel: getSortedRowModel(),
+    features,
     globalFilterFn: 'includesString',
     ...(serverSide && {
       manualFiltering: true,
@@ -98,25 +139,25 @@ export const createGridTable = (
       manualSorting: true,
       rowCount: 0
     }),
-    ...(paginated && { getPaginationRowModel: getPaginationRowModel() }),
     ...(options.itemKey && { getRowId: options.itemKey }),
     initialState,
-    onStateChange() {},
-    renderFallbackValue: null,
-    state: {}
+    renderFallbackValue: null
   })
+}
 
-  let state = table.initialState
-  table.setOptions(previous => ({
-    ...previous,
-    state,
-    onStateChange(updater: Updater<TableState>) {
-      const previousState = state
-      state = typeof updater === 'function' ? updater(state) : updater
-      table.setOptions(current => ({ ...current, state }))
-      onStateChange(previousState, state)
-    }
-  }))
+// table.store emits the new snapshot only (and only when a slice identity
+// changed - it compares shallowly), so the previous one is kept here for the
+// slice-by-slice diffing the grid does on every state change.
+export const subscribeToTableState = (
+  table: DataGridTable,
+  listener: (previous: DataGridTableState, next: DataGridTableState) => void
+): (() => void) => {
+  let previous = table.store.state
+  const subscription = table.store.subscribe(next => {
+    const from = previous
+    previous = next
+    listener(from, next)
+  })
 
-  return table
+  return () => subscription.unsubscribe()
 }

package/src/engine/validate.ts

@@ -0,0 +1,64 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid engine/validate.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+
+// v9 exposes an API only when its feature is registered - a config flag whose
+// feature is missing from a custom `features` set would otherwise surface as
+// an undefined-method crash deep in a render. This maps each flag to the
+// registration keys its code paths reach and fails fast at construction with
+// the flag/feature pair spelled out.
+export interface FeatureCoverageFlags {
+  cellSelection: boolean
+  columnFilters: boolean
+  columnOrder: boolean
+  columnPinning: boolean
+  columnSizing: boolean
+  columnVisibility: boolean
+  globalFilter: boolean
+  pagination: boolean
+  rowSelection: boolean
+  // columnFilters with a filterType: 'select' column - the value list comes
+  // from faceting.
+  selectFilters: boolean
+  sorting: boolean
+}
+
+const FLAG_FEATURES: ReadonlyArray<[keyof FeatureCoverageFlags, readonly string[]]> = [
+  ['cellSelection', ['cellSelectionFeature']],
+  ['columnFilters', ['columnFilteringFeature', 'filteredRowModel']],
+  ['columnOrder', ['columnOrderingFeature']],
+  // Pinning offsets come from column.getSize() and the edge classes from
+  // getIsVisible(), so pinning drags sizing + visibility in with it.
+  ['columnPinning', ['columnPinningFeature', 'columnSizingFeature', 'columnVisibilityFeature']],
+  ['columnSizing', ['columnResizingFeature', 'columnSizingFeature']],
+  ['columnVisibility', ['columnVisibilityFeature']],
+  ['globalFilter', ['filteredRowModel', 'filterFns', 'globalFilteringFeature']],
+  ['pagination', ['paginatedRowModel', 'rowPaginationFeature']],
+  ['rowSelection', ['rowSelectionFeature']],
+  ['selectFilters', ['columnFacetingFeature', 'facetedRowModel', 'facetedUniqueValues']],
+  ['sorting', ['rowSortingFeature', 'sortedRowModel']]
+]
+
+export const assertFeatureCoverage = (
+  componentName: string,
+  features: object,
+  flags: FeatureCoverageFlags
+): void => {
+  for (const [flag, requiredKeys] of FLAG_FEATURES) {
+    if (!flags[flag]) {
+      continue
+    }
+
+    const label = flag === 'selectFilters' ? 'columnFilters (filterType "select")' : flag
+    for (const key of requiredKeys) {
+      if (!(key in features)) {
+        throw new TypeError(
+          `${componentName.toUpperCase()}: Option "${label}" requires feature "${key}" in "features".`
+        )
+      }
+    }
+  }
+}

package/src/engine/virtualizer.ts

@@ -7,6 +7,7 @@
 
 import {
   elementScroll,
+  measureElement,
   observeElementOffset,
   observeElementRect,
   Virtualizer
@@ -17,10 +18,19 @@ export type GridVirtualizerInstance = Virtualizer<HTMLDivElement, Element>
 export interface GridVirtualizer {
   instance: GridVirtualizerInstance
   setCount: (count: number) => void
+  // Discards cached row measurements. Rows are measured by INDEX, so any
+  // transition that puts different data at the same index (sorting,
+  // filtering, paging, a data swap) leaves the cache describing rows that are
+  // no longer there.
+  remeasure: () => void
   destroy: () => void
 }
 
 export interface GridVirtualizerOptions {
+  // Measure each rendered row instead of trusting rowHeight. rowHeight stays
+  // the estimate for rows that have not been rendered yet, so it still sizes
+  // the scrollbar.
+  autoRowHeight: boolean
   count: number
   getScrollElement: () => HTMLDivElement
   onChange: () => void
@@ -37,7 +47,8 @@ export const createGridVirtualizer = (options: GridVirtualizerOptions): GridVirt
     observeElementRect,
     onChange: options.onChange,
     overscan: options.overscan,
-    scrollToFn: elementScroll
+    scrollToFn: elementScroll,
+    ...(options.autoRowHeight && { measureElement })
   })
 
   const unmount = instance._didMount()
@@ -50,6 +61,11 @@ export const createGridVirtualizer = (options: GridVirtualizerOptions): GridVirt
         instance.setOptions({ ...instance.options, count })
       }
     },
+    remeasure() {
+      if (options.autoRowHeight) {
+        instance.measure()
+      }
+    },
     destroy() {
       unmount()
     }

package/src/icons.ts

@@ -15,6 +15,9 @@ export const DEFAULT_COLUMN_MENU_ICON =
 export const DEFAULT_FILTER_ICON =
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512" aria-hidden="true" focusable="false"><path fill="currentColor" d="M96 197.333h320v32H96zm72 101.334h176v32H168zM216 400h80v32h-80zM48 96h416v32H48z"/></svg>'
 
+export const DEFAULT_ROW_HANDLE_ICON =
+  '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512" aria-hidden="true" focusable="false"><path fill="currentColor" d="M160 96h64v64h-64zm0 128h64v64h-64zm0 128h64v64h-64zM288 96h64v64h-64zm0 128h64v64h-64zm0 128h64v64h-64z"/></svg>'
+
 export const DEFAULT_TOOLBAR_COLUMNS_ICON =
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512" aria-hidden="true" focusable="false"><path fill="currentColor" d="M16 64v384h480V64Zm304 32v320H192V96ZM48 96h112v320H48Zm416 320H352V96h112Z"/></svg>'
 
@@ -24,6 +27,9 @@ export const DEFAULT_TOOLBAR_EXPORT_ICON =
 export const DEFAULT_TOOLBAR_UNDO_ICON =
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512" aria-hidden="true" focusable="false"><path fill="currentColor" d="M495.473 197.262c0-73.061-43.651-136.118-106.242-164.462q-2-.9-4.021-1.762-4.046-1.715-8.19-3.235-2.071-.761-4.167-1.47-4.19-1.422-8.468-2.64a180.95 180.95 0 0 0-98.675 0q-4.278 1.218-8.469 2.64-2.094.71-4.166 1.47-4.143 1.519-8.19 3.235-2.023.857-4.021 1.762c-62.592 28.344-106.242 91.4-106.242 164.462v237.483L38.627 338.75 16 361.377 150.623 496l134.623-134.623-22.627-22.627-96 96V197.263c0-72.891 52.814-133.678 122.186-146.1a149.4 149.4 0 0 1 52.479 0c69.371 12.426 122.186 73.213 122.186 146.1h32Z"/></svg>'
 
+export const DEFAULT_TOOLBAR_PRINT_ICON =
+  '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512" aria-hidden="true" focusable="false"><path fill="currentColor" d="M400 144V16H112v128H16v256h96v96h288v-96h96V144ZM144 48h224v96H144Zm224 416H144V304h224Zm96-96h-64V272H112v96H48V176h416Z"/><path fill="currentColor" d="M384 208h32v32h-32z"/></svg>'
+
 export const DEFAULT_TOOLBAR_REDO_ICON =
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512" aria-hidden="true" focusable="false"><path fill="currentColor" d="M361.376 495.163 226.753 360.54l22.627-22.627 111.996 111.996 111.997-111.996L496 360.54z"/><path fill="currentColor" d="M377.377 472.52h-32V196.426C345.377 114.584 278.794 48 196.952 48c-83.229 0-148.426 63.106-148.426 143.667h-32c0-48.024 18.85-92.569 53.079-125.429C103.35 33.842 148.576 16 196.952 16c99.487 0 180.425 80.938 180.425 180.426Z"/></svg>'
 
@@ -39,22 +45,22 @@ export const DEFAULT_SORT_NEUTRAL_ICON =
 // Column-menu item icons. Sort actions in the menu reuse the sort header icons.
 
 // Pin (pushpin): the needle points to the lower-left, so the unmirrored glyph is
-// "pin left"; a horizontal mirror (scale(-1 1) about the 512 viewBox) is "pin right".
+// "pin to start"; a horizontal mirror (scale(-1 1) about the 512 viewBox) is "pin to end".
 const PIN_PATH =
   'm477.8 140.2-106-106a62.132 62.132 0 0 0-93.617 81.24l-4.913 5.533-97.654 42.9-42.611-23.026a24.04 24.04 0 0 0-28.86 4.638L62.6 189.487a23.88 23.88 0 0 0 .479 33.449l101.68 101.679L16 473.373V496h22.627l148.758-148.758L288.6 448.457a23.93 23.93 0 0 0 33.275.642l44.425-41.128a23.98 23.98 0 0 0 4.773-29.092l-23.344-42.858 42.131-90.515 8.6-10.318A62.134 62.134 0 0 0 477.8 140.2m-22.628 65.231a30.125 30.125 0 0 1-42.6 0l-16.885-16.886-33.08 39.678-50.7 108.933 28.087 51.566-34.209 31.669L91.2 205.806l32-33.89 50.969 27.543 118.386-52.008 29.177-32.863-15.158-15.161a30.126 30.126 0 0 1 42.6-42.6l106 106a30.126 30.126 0 0 1 0 42.6Z'
 
 const SVG_512 =
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512" aria-hidden="true" focusable="false">'
 
-export const DEFAULT_PIN_LEFT_ICON =
+export const DEFAULT_PIN_START_ICON =
   `${SVG_512}<path fill="currentColor" d="${PIN_PATH}"/></svg>`
-export const DEFAULT_PIN_RIGHT_ICON =
+export const DEFAULT_PIN_END_ICON =
   `${SVG_512}<g transform="translate(512 0) scale(-1 1)"><path fill="currentColor" d="${PIN_PATH}"/></g></svg>`
 export const DEFAULT_UNPIN_ICON =
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512" aria-hidden="true" focusable="false"><path fill="currentColor" d="m427.314 107.313-22.628-22.626L256 233.373 107.314 84.687l-22.628 22.626L233.373 256 84.686 404.687l22.628 22.626L256 278.627l148.686 148.686 22.628-22.626L278.627 256z"/></svg>'
-export const DEFAULT_MOVE_LEFT_ICON =
+export const DEFAULT_MOVE_START_ICON =
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512" aria-hidden="true" focusable="false"><path fill="currentColor" d="M254.625 56h-38.632L16 256.2 216 456h38.623V336h144V176h-144Zm112 152v96h-144v113.384l-161.37-161.21 161.37-161.535V208Zm96-152h32v400h-32z"/></svg>'
-export const DEFAULT_MOVE_RIGHT_ICON =
+export const DEFAULT_MOVE_END_ICON =
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512" aria-hidden="true" focusable="false"><path fill="currentColor" d="M296.007 56h-38.632v120h-144v160h144v120H296l200-199.8Zm-6.632 361.384V304h-144v-96h144V94.639l161.37 161.535ZM17.375 56h32v400h-32z"/></svg>'
 export const DEFAULT_HIDE_COLUMN_ICON =
   '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512" aria-hidden="true" focusable="false"><path fill="currentColor" d="m397.222 131.1-.218-.223c-63.173-63.17-158.534-75.015-233.776-35.531l23.938 23.939c61.571-27.691 136.573-16.327 187.105 34.115L464 246.683v3.107l-71.744 74.585 22.63 22.63L496 262.683V233.79Z"/><path fill="currentColor" d="M352.8 284.33a103.307 103.307 0 0 0-132.893-132.892L246.1 177.63a71.228 71.228 0 0 1 80.507 80.508Zm17.1 62.938-33.831-33.831c.088-.108.179-.212.266-.32l-22.805-22.806q-.126.168-.253.334l-99.681-99.681.334-.253-22.81-22.805c-.108.087-.213.179-.321.266L38.627 16H16v22.627l95.689 95.689L16 233.79v28.893l98.778 102.689.218.222A199.73 199.73 0 0 0 367.372 390l106 106H496v-22.627L392.537 369.911Zm-177.157-131.9 96.128 96.132a71.28 71.28 0 0 1-96.133-96.133Zm-55.014 127.705L48 249.79v-3.107l86.319-89.737 35.065 35.064a103.248 103.248 0 0 0 142.842 142.843l32.007 32.007c-64.51 40.015-150.522 32.095-206.504-23.787"/></svg>'

package/src/index-lite.ts

@@ -0,0 +1,85 @@
+/**
+ * --------------------------------------------------------------------------
+ * CoreUI PRO data-grid index-lite.ts
+ * License (https://coreui.io/pro/license/)
+ * --------------------------------------------------------------------------
+ */
+
+import DataGridBase from './data-grid'
+import type { DataGridFeatures } from './engine/features'
+import { dataGridLiteFeatures, type DataGridLiteFeatures } from './engine/features-lite'
+import type { DataGridOptions, TableFeatures } from './types'
+import { defineJQueryPlugin } from './util/index.js'
+
+// The lite entry: the same DataGrid paired with dataGridLiteFeatures (core +
+// sorting + filtering incl. the toolbar search + pagination) as its default
+// set, and no reference to the full preset anywhere in the module graph -
+// that absence is the whole point of the second bundle.
+class DataGrid<TFeatures extends TableFeatures = DataGridLiteFeatures> extends DataGridBase<TFeatures> {
+  static get Default(): DataGridOptions {
+    // The lite preset is deliberately narrower than the options' invariant
+    // features type - the coverage assertion, not the type, polices a config
+    // the set cannot serve.
+    return { ...DataGridBase.Default, features: dataGridLiteFeatures as unknown as DataGridFeatures }
+  }
+}
+
+defineJQueryPlugin(DataGrid)
+
+export { DataGrid }
+export { dataGridLiteFeatures } from './engine/features-lite'
+export { DEFAULT_LABELS, interpolate } from './labels'
+export { evaluateColumnFilter, FILTER_OPERATORS, VALUELESS_OPERATORS } from './filters'
+export { downloadCsv, exportCsv } from './util/csv'
+export type { CsvDownloadOptions, CsvOptions } from './util/csv'
+export type {
+  Column,
+  ColumnFiltersState,
+  ColumnOrderState,
+  ColumnPinningState,
+  ColumnSizingState,
+  DataGridColumn,
+  DataGridColumnFilterContext,
+  DataGridColumnFilterFactory,
+  DataGridColumnFilterValue,
+  DataGridColumnMenuBuilder,
+  DataGridColumnMenuContext,
+  DataGridColumnSizingOptions,
+  DataGridDataRequest,
+  DataGridDataResponse,
+  DataGridEditableOptions,
+  DataGridEditCommitEvent,
+  DataGridEditor,
+  DataGridEditorContext,
+  DataGridEditorFactory,
+  DataGridEditorType,
+  DataGridFilterCondition,
+  DataGridFilterOperator,
+  DataGridFilterType,
+  DataGridInfiniteScrollOptions,
+  DataGridItem,
+  DataGridLabels,
+  DataGridLiteFeatures,
+  DataGridMenuAction,
+  DataGridOptions,
+  DataGridPaginationInfoState,
+  DataGridPaginationOptions,
+  DataGridRowSelectionOptions,
+  DataGridSlot,
+  DataGridSlotContext,
+  DataGridSlotFactory,
+  DataGridSlots,
+  DataGridSortingOptions,
+  DataGridState,
+  DataGridToolbarOptions,
+  PaginationState,
+  RowSelectionState,
+  SortingState,
+  ColumnVisibilityState,
+  DataGridColumnPinning,
+  DataGridRow,
+  DataGridTable,
+  DataGridTableState,
+  Table,
+  TableFeatures
+} from './types'

package/src/index.ts

@@ -5,11 +5,31 @@
  * --------------------------------------------------------------------------
  */
 
-export { default as DataGrid } from './data-grid'
+import DataGridBase from './data-grid'
+import { dataGridFeatures, type DataGridFeatures } from './engine/features'
+import type { DataGridOptions, TableFeatures } from './types'
+import { defineJQueryPlugin } from './util/index.js'
+
+// The ENTRY, not the class, owns the default feature set: this one pairs the
+// grid with the full dataGridFeatures, ./lite pairs the same class with
+// dataGridLiteFeatures. Keeping the preset import out of data-grid.ts is what
+// keeps the full set out of the lite bundle.
+class DataGrid<TFeatures extends TableFeatures = DataGridFeatures> extends DataGridBase<TFeatures> {
+  static get Default(): DataGridOptions {
+    return { ...DataGridBase.Default, features: dataGridFeatures }
+  }
+}
+
+defineJQueryPlugin(DataGrid)
+
+export { DataGrid }
+export { dataGridFeatures } from './engine/features'
+export { dataGridLiteFeatures } from './engine/features-lite'
 export { DEFAULT_LABELS, interpolate } from './labels'
 export { evaluateColumnFilter, FILTER_OPERATORS, VALUELESS_OPERATORS } from './filters'
 export { downloadCsv, exportCsv } from './util/csv'
 export type { CsvDownloadOptions, CsvOptions } from './util/csv'
+export type { DataGridExporter, DataGridExportOptions } from './ui/toolbar'
 export type {
   Column,
   ColumnFiltersState,
@@ -31,11 +51,14 @@ export type {
   DataGridEditorContext,
   DataGridEditorFactory,
   DataGridEditorType,
+  DataGridFeatures,
   DataGridFilterCondition,
   DataGridFilterOperator,
   DataGridFilterType,
+  DataGridInfiniteScrollOptions,
   DataGridItem,
   DataGridLabels,
+  DataGridLiteFeatures,
   DataGridMenuAction,
   DataGridOptions,
   DataGridPaginationInfoState,
@@ -51,6 +74,11 @@ export type {
   PaginationState,
   RowSelectionState,
   SortingState,
+  ColumnVisibilityState,
+  DataGridColumnPinning,
+  DataGridRow,
+  DataGridTable,
+  DataGridTableState,
   Table,
-  VisibilityState
+  TableFeatures
 } from './types'

package/src/labels.ts

@@ -25,8 +25,8 @@ export const DEFAULT_LABELS: DataGridLabels = {
   lastPage: 'Last page',
   loadError: 'Failed to load data',
   loading: 'Loading…',
-  moveLeft: 'Move left',
-  moveRight: 'Move right',
+  moveEnd: 'Move to end',
+  moveStart: 'Move to start',
   nextPage: 'Next page',
   operatorBetween: 'Between',
   operatorBlank: 'Blank',
@@ -43,10 +43,11 @@ export const DEFAULT_LABELS: DataGridLabels = {
   operatorStartsWith: 'Starts with',
   pageSizeLabel: 'Rows per page',
   paginationLabel: 'Pagination',
-  pinLeft: 'Pin left',
-  pinRight: 'Pin right',
+  pinEnd: 'Pin to end',
+  pinStart: 'Pin to start',
   previousPage: 'Previous page',
   redoneAnnouncement: 'Change redone',
+  reorderRow: 'Reorder row',
   resetColumns: 'Reset',
   resultsAnnouncement: '{count} results',
   searchValues: 'Search values',
@@ -58,6 +59,7 @@ export const DEFAULT_LABELS: DataGridLabels = {
   sortDescending: 'Sort descending',
   toolbarColumns: 'Columns',
   toolbarExport: 'Export',
+  toolbarPrint: 'Print',
   toolbarRedo: 'Redo',
   toolbarUndo: 'Undo',
   undoneAnnouncement: 'Change undone',