@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/browser/modules/tabletanstack/tabletanstack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabletanstack/tabletanstack.js","sources":["../../../../../src/tabletanstack/tabletanstack.tsx"],"sourcesContent":["import { useFormattedText } from '../shared/use-formatted-text';\nimport type {\n  DataTableColumnVisibilityProps,\n  DataTableContentProps,\n  DataTablePaginationProps,\n  DataTablePresentationProps,\n  DataTableSearchProps,\n} from './defaults';\n\nexport type {\n  DataTableColumnVisibilityProps,\n  DataTableContentProps,\n  DataTablePaginationProps,\n  DataTablePresentationProps,\n  DataTableSearchProps,\n  DataTableVirtualOptions,\n} from './defaults';\n\nimport {\n  type Cell,\n  type Column,\n  type ColumnDef,\n  flexRender,\n  getCoreRowModel,\n  getExpandedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type Header,\n  type Row,\n  type TableOptions,\n  type Table as TanStackTable,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { defaultRangeExtractor, useVirtualizer } from '@tanstack/react-virtual';\nimport { ArrowDown, ArrowUp, ArrowUpDown, ChevronRight, Columns3, Search } from 'lucide-react';\nimport {\n  createContext,\n  Fragment,\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ButtonControl } from '../button/button';\nimport { CheckboxControl as Checkbox } from '../checkbox/checkbox';\nimport {\n  mergeComponentProps,\n  useComponentProps,\n  useGenericComponentDefaults,\n} from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { FieldScope } from '../form/form';\nimport { InputControl } from '../input/input';\nimport { PaginationControl as Pagination } from '../pagination/pagination';\nimport { PopoverControl as Popover } from '../popover/popover';\nimport { RadioControl as Radio } from '../radio/radio';\nimport { classes } from '../shared/classes';\nimport { assignRef } from '../shared/field';\nimport { useText } from '../shared/use-text';\nimport type { TableCellProps, TableRowProps } from '../table';\nimport { TableControl as Table } from '../table/table';\nimport {\n  ReorderColumnHeader,\n  ReorderHandle,\n  ReorderItems,\n  ReorderRow,\n  ReorderScope,\n} from './reordering';\n\nexport interface DataTableColumnMeta {\n  label?: string;\n  align?: 'start' | 'center' | 'end';\n  cellClassName?: string;\n  headerClassName?: string;\n}\n\nexport interface DataTableRowReorderInfo<TData> {\n  rows: readonly Row<TData>[];\n  fromIndex: number;\n  toIndex: number;\n  activeRow: Row<TData>;\n  overRow: Row<TData>;\n}\n\nexport interface DataTableProps<TData> extends DataTablePresentationProps {\n  table: TanStackTable<TData>;\n  data?: never;\n  columns?: never;\n  rowKey?: never;\n  options?: never;\n\n  getRowLabel?: (row: Row<TData>) => string;\n  renderExpandedRow?: (row: Row<TData>) => ReactNode;\n  getRowProps?: (row: Row<TData>) => TableRowProps;\n  getCellProps?: (cell: Cell<TData, unknown>) => TableCellProps;\n\n  onRowReorder?: (info: DataTableRowReorderInfo<TData>) => void;\n}\n\nexport interface DataTableDataProps<TData>\n  extends Omit<DataTableProps<TData>, 'table' | 'data' | 'columns' | 'rowKey' | 'options'> {\n  table?: never;\n  data: readonly TData[];\n  columns: ColumnDef<TData>[];\n  rowKey: keyof TData | ((row: TData, index: number) => string);\n  options?: Omit<TableOptions<TData>, 'data' | 'columns' | 'getCoreRowModel' | 'getRowId'>;\n}\n\ntype DataTableContextValue = Omit<DataTableProps<unknown>, keyof HTMLAttributes<HTMLDivElement>> & {\n  id: string;\n  label?: string;\n  labelledBy?: string;\n  expandable: boolean;\n  rowReordering: boolean;\n  reorderColumns: boolean;\n};\nconst DataTableContext = createContext<DataTableContextValue | null>(null);\n\nfunction useDataTable() {\n  const value = useContext(DataTableContext);\n  if (!value) throw new Error('DataTable parts must be rendered inside DataTable.');\n  return value;\n}\n\nfunction DataTableRoot<TData>({\n  table,\n  children,\n  caption,\n  size = 'md',\n  bordered = false,\n  striped = false,\n  stickyHeader = true,\n  maxHeight,\n  minWidth,\n  loading = false,\n  emptyContent,\n  error,\n  onRetry,\n  selection = false,\n  selectAllMode = 'page',\n  getRowLabel,\n  renderExpandedRow,\n  getRowProps,\n  getCellProps,\n  resizable = false,\n  columnReordering = false,\n  onRowReorder,\n  virtual = false,\n  pagination = true,\n  tableRef,\n  className,\n  'aria-label': label,\n  'aria-labelledby': labelledBy,\n  ...props\n}: DataTableProps<TData>) {\n  const id = useId();\n  const state = table.getState();\n  const rows = table.getRowModel().rows;\n  const rowReordering = Boolean(\n    onRowReorder &&\n      !loading &&\n      !virtual &&\n      !state.sorting.length &&\n      !state.columnFilters.length &&\n      !state.globalFilter &&\n      !state.grouping.length &&\n      state.expanded !== true &&\n      !Object.values(state.expanded).some(Boolean) &&\n      !rows.some((row) => row.depth || row.subRows.length),\n  );\n  const reorderColumns =\n    columnReordering && !loading && table.getAllColumns().every((column) => !column.columns.length);\n  const value: DataTableContextValue = {\n    table: table as unknown as TanStackTable<unknown>,\n    id,\n    label,\n    labelledBy,\n    caption,\n    size,\n    bordered,\n    striped,\n    stickyHeader,\n    maxHeight: maxHeight ?? (virtual ? 400 : undefined),\n    minWidth,\n    loading,\n    emptyContent,\n    error,\n    onRetry,\n    selection,\n    selectAllMode,\n    getRowLabel: getRowLabel ? (row) => getRowLabel(row as Row<TData>) : undefined,\n    renderExpandedRow: renderExpandedRow\n      ? (row) => renderExpandedRow(row as Row<TData>)\n      : undefined,\n    getRowProps: getRowProps ? (row) => getRowProps(row as Row<TData>) : undefined,\n    getCellProps: getCellProps ? (cell) => getCellProps(cell as Cell<TData, unknown>) : undefined,\n    resizable,\n    columnReordering,\n    onRowReorder: onRowReorder\n      ? (info) => onRowReorder(info as DataTableRowReorderInfo<TData>)\n      : undefined,\n    rowReordering,\n    reorderColumns,\n    virtual,\n    pagination,\n    tableRef,\n    expandable: Boolean(renderExpandedRow) || table.getCanSomeRowsExpand(),\n  };\n  return (\n    <DataTableContext.Provider value={value}>\n      <FieldScope>\n        <div {...props} className={classes('leaf-data-table', className)}>\n          <ReorderScope\n            enabled={Boolean(onRowReorder || columnReordering)}\n            id={`${id}-reorder`}\n            disabled={loading || (!rowReordering && !reorderColumns)}\n            onReorder={(kind, activeId, overId) => {\n              if (kind === 'row' && rowReordering && onRowReorder) {\n                const fromIndex = rows.findIndex((row) => row.id === activeId);\n                const toIndex = rows.findIndex((row) => row.id === overId);\n                const activeRow = rows[fromIndex];\n                const overRow = rows[toIndex];\n                if (!activeRow || !overRow) return;\n                const next = [...rows];\n                next.splice(fromIndex, 1);\n                next.splice(toIndex, 0, activeRow);\n                onRowReorder({ rows: next, fromIndex, toIndex, activeRow, overRow });\n              } else if (kind === 'column' && reorderColumns) {\n                const order = table.getAllLeafColumns().map((column) => column.id);\n                const fromIndex = order.indexOf(activeId);\n                const toIndex = order.indexOf(overId);\n                if (fromIndex < 0 || toIndex < 0) return;\n                order.splice(fromIndex, 1);\n                order.splice(toIndex, 0, activeId);\n                table.setColumnOrder(order);\n                const pin = table.getColumn(activeId)?.getIsPinned();\n                if (pin) {\n                  table.setColumnPinning((previous) => {\n                    const pinned = [...(previous[pin] ?? [])];\n                    const source = pinned.indexOf(activeId);\n                    const target = pinned.indexOf(overId);\n                    if (source < 0 || target < 0) return previous;\n                    pinned.splice(source, 1);\n                    pinned.splice(target, 0, activeId);\n                    return { ...previous, [pin]: pinned };\n                  });\n                }\n              }\n            }}\n          >\n            {children ?? (\n              <>\n                <DataTableContentControl />\n                {pagination && (\n                  <DataTableFooterControl>\n                    <DataTablePaginationControl />\n                  </DataTableFooterControl>\n                )}\n              </>\n            )}\n          </ReorderScope>\n        </div>\n      </FieldScope>\n    </DataTableContext.Provider>\n  );\n}\n\nexport function DataTableToolbar(rawProps: HTMLAttributes<HTMLDivElement>) {\n  const { className, ...props } = useComponentProps('DataTableToolbar', rawProps);\n  return <div {...props} className={classes('leaf-data-table__toolbar', className)} />;\n}\n\nexport function DataTableFooterControl({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return <div {...props} className={classes('leaf-data-table__footer', className)} />;\n}\n\nexport function DataTableSearch(rawProps: DataTableSearchProps) {\n  const { columnId, className, ...props } = useComponentProps('DataTableSearch', rawProps);\n  const { table, loading, size } = useDataTable();\n  const t = useText();\n  const column = columnId ? table.getColumn(columnId) : undefined;\n  const value = columnId ? column?.getFilterValue() : table.getState().globalFilter;\n  return (\n    <InputControl\n      aria-label={t('dataTable.searchTable')}\n      placeholder={t('dataTable.searchTable')}\n      prefix={<Search size={16} />}\n      allowClear\n      size={size}\n      {...props}\n      disabled={props.disabled || loading || Boolean(columnId && !column?.getCanFilter())}\n      className={classes('leaf-data-table__search', className)}\n      value={typeof value === 'string' || typeof value === 'number' ? String(value) : ''}\n      onChange={(event) => {\n        if (columnId) column?.setFilterValue(event.currentTarget.value);\n        else table.setGlobalFilter(event.currentTarget.value);\n      }}\n    />\n  );\n}\n\nfunction columnLabel(column: Column<unknown, unknown>) {\n  const meta = column.columnDef.meta as DataTableColumnMeta | undefined;\n  return (\n    meta?.label ??\n    (typeof column.columnDef.header === 'string' ? column.columnDef.header : column.id)\n  );\n}\n\nexport function DataTableColumnVisibility(rawProps: DataTableColumnVisibilityProps) {\n  const { children, label } = useComponentProps('DataTableColumnVisibility', rawProps);\n  const { table, loading, size } = useDataTable();\n  const t = useText();\n  const title = label ?? t('dataTable.columns');\n  return (\n    <Popover\n      placement=\"bottom-end\"\n      aria-label={title}\n      content={\n        <FieldScope>\n          <div className=\"leaf-data-table__visibility\">\n            {table.getAllLeafColumns().map((column) => (\n              <Checkbox\n                key={column.id}\n                checked={column.getIsVisible()}\n                disabled={loading || !column.getCanHide()}\n                onChange={column.getToggleVisibilityHandler()}\n              >\n                {columnLabel(column)}\n              </Checkbox>\n            ))}\n          </div>\n        </FieldScope>\n      }\n    >\n      <ButtonControl\n        size={size}\n        variant=\"outline\"\n        startIcon={<Columns3 size={16} />}\n        disabled={loading}\n      >\n        {children ?? title}\n      </ButtonControl>\n    </Popover>\n  );\n}\n\nfunction pinProps(column: Column<unknown, unknown>) {\n  const pin = column.getIsPinned();\n  return {\n    pinned: pin === 'left' ? ('start' as const) : pin === 'right' ? ('end' as const) : undefined,\n    pinOffset:\n      pin === 'left'\n        ? column.getStart('left')\n        : pin === 'right'\n          ? column.getAfter('right')\n          : undefined,\n    pinEdge:\n      pin === 'left'\n        ? column.getIsLastColumn('left')\n        : pin === 'right'\n          ? column.getIsFirstColumn('right')\n          : undefined,\n  };\n}\n\nfunction ResizeHandle({ header }: { header: Header<unknown, unknown> }) {\n  const { table, loading } = useDataTable();\n  const { direction } = useLeafConfig();\n  const format = useFormattedText();\n  const column = header.column;\n  const min = column.columnDef.minSize ?? 20;\n  const max = column.columnDef.maxSize ?? Number.MAX_SAFE_INTEGER;\n  return (\n    <hr\n      tabIndex={loading ? -1 : 0}\n      aria-label={format('dataTable.resizeColumn', { label: columnLabel(column) })}\n      aria-orientation=\"vertical\"\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuenow={column.getSize()}\n      aria-disabled={loading || undefined}\n      className=\"leaf-data-table__resize\"\n      data-resizing={column.getIsResizing() || undefined}\n      onMouseDown={loading ? undefined : header.getResizeHandler()}\n      onTouchStart={loading ? undefined : header.getResizeHandler()}\n      onDoubleClick={() => {\n        if (!loading) column.resetSize();\n      }}\n      onKeyDown={(event) => {\n        if (loading || !['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n        event.preventDefault();\n        const step = event.shiftKey ? 50 : 10;\n        const delta = (event.key === 'ArrowRight' ? 1 : -1) * (direction === 'rtl' ? -1 : 1) * step;\n        const next =\n          event.key === 'Home' ? min : event.key === 'End' ? max : column.getSize() + delta;\n        table.setColumnSizing((previous) => ({\n          ...previous,\n          [column.id]: Math.min(max, Math.max(min, next)),\n        }));\n      }}\n    />\n  );\n}\n\nfunction SelectionHeader() {\n  const { table, selection, selectAllMode, loading } = useDataTable();\n  const t = useText();\n  if (selection !== 'multiple')\n    return <span className=\"leaf-table__sr-only\">{t('dataTable.selectRows')}</span>;\n  const page = selectAllMode === 'page';\n  const selectable = (\n    page ? table.getRowModel() : table.getPrePaginationRowModel()\n  ).flatRows.filter((row) => row.getCanSelect());\n  return (\n    <Checkbox\n      aria-label={page ? t('dataTable.selectAllRowsOnThisPage') : t('dataTable.selectAllRows')}\n      checked={page ? table.getIsAllPageRowsSelected() : table.getIsAllRowsSelected()}\n      indeterminate={page ? table.getIsSomePageRowsSelected() : table.getIsSomeRowsSelected()}\n      disabled={loading || !selectable.length}\n      onChange={\n        page ? table.getToggleAllPageRowsSelectedHandler() : table.getToggleAllRowsSelectedHandler()\n      }\n    />\n  );\n}\n\nfunction DataRow({\n  row,\n  rowIndex,\n  ariaRowIndex,\n  measureRef,\n}: {\n  row: Row<unknown>;\n  rowIndex: number;\n  ariaRowIndex?: number;\n  measureRef?: (node: HTMLTableRowElement | null) => void;\n}) {\n  const config = useDataTable();\n  const { id, selection, loading, getRowLabel, renderExpandedRow, getRowProps, getCellProps } =\n    config;\n  const format = useFormattedText();\n  const detailsId = `${id}-detail-${encodeURIComponent(row.id)}`;\n  const label = getRowLabel?.(row) ?? row.id;\n  const expandable = config.expandable;\n  const detail = Boolean(renderExpandedRow && row.getIsExpanded() && !row.subRows.length);\n  const [visited, setVisited] = useState(detail);\n  useEffect(() => {\n    if (detail) setVisited(true);\n  }, [detail]);\n  const cells = row.getVisibleCells();\n  const utilityCount =\n    Number(Boolean(selection)) + Number(expandable) + Number(config.rowReordering);\n  const custom = getRowProps?.(row);\n  const element = useRef<HTMLTableRowElement>(null);\n  useEffect(() => {\n    const node = element.current;\n    const next = node?.nextElementSibling;\n    if (!node || !measureRef || !next?.hasAttribute('data-detail-row')) return;\n    const measure = () => measureRef(node);\n    measure();\n    const observer =\n      typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(measure);\n    observer?.observe(next);\n    return () => observer?.disconnect();\n  }, [measureRef]);\n  return (\n    <Fragment>\n      <ReorderRow\n        {...custom}\n        enabled={Boolean(config.onRowReorder)}\n        disabled={!config.rowReordering}\n        itemId={row.id}\n        itemLabel={label}\n        ref={(node) => {\n          assignRef(element, node);\n          measureRef?.(node);\n        }}\n        data-index={rowIndex}\n        data-row-id={row.id}\n        aria-rowindex={ariaRowIndex}\n        selected={selection ? row.getIsSelected() : custom?.selected}\n      >\n        {config.rowReordering && (\n          <Table.Cell className=\"leaf-data-table__utility\">\n            <ReorderHandle label={format('dataTable.reorderRow', { label })} />\n          </Table.Cell>\n        )}\n        {selection && (\n          <Table.Cell className=\"leaf-data-table__utility\">\n            {selection === 'single' ? (\n              <Radio\n                name={`${id}-selection`}\n                form={`${id}-detached-selection`}\n                aria-label={format('dataTable.selectRow', { label })}\n                checked={row.getIsSelected()}\n                disabled={loading || !row.getCanSelect()}\n                onChange={() => config.table.setRowSelection({ [row.id]: true })}\n              />\n            ) : (\n              <Checkbox\n                aria-label={format('dataTable.selectRow', { label })}\n                checked={row.getIsSelected()}\n                indeterminate={row.getIsSomeSelected()}\n                disabled={loading || !row.getCanSelect()}\n                onChange={row.getToggleSelectedHandler()}\n              />\n            )}\n          </Table.Cell>\n        )}\n        {expandable && (\n          <Table.Cell className=\"leaf-data-table__utility\">\n            {row.getCanExpand() && (\n              <button\n                type=\"button\"\n                className=\"leaf-data-table__expand\"\n                aria-label={format(\n                  row.getIsExpanded() ? 'dataTable.collapseRow' : 'dataTable.expandRow',\n                  { label },\n                )}\n                aria-expanded={row.getIsExpanded()}\n                aria-controls={renderExpandedRow && !row.subRows.length ? detailsId : undefined}\n                disabled={loading}\n                onClick={row.getToggleExpandedHandler()}\n                style={{ marginInlineStart: row.depth * 12 }}\n              >\n                <ChevronRight size={16} aria-hidden=\"true\" />\n              </button>\n            )}\n          </Table.Cell>\n        )}\n        {cells.map((cell) => {\n          const meta = cell.column.columnDef.meta as DataTableColumnMeta | undefined;\n          const props = getCellProps?.(cell);\n          if (props?.colSpan === 0 || props?.rowSpan === 0) return null;\n          return (\n            <Table.Cell\n              key={cell.id}\n              align={meta?.align}\n              {...pinProps(cell.column)}\n              {...props}\n              className={classes(meta?.cellClassName, props?.className)}\n            >\n              {cell.getIsPlaceholder()\n                ? null\n                : flexRender(\n                    cell.getIsAggregated()\n                      ? (cell.column.columnDef.aggregatedCell ?? cell.column.columnDef.cell)\n                      : cell.column.columnDef.cell,\n                    cell.getContext(),\n                  )}\n              {cell.getIsGrouped() && (\n                <span className=\"leaf-data-table__group-count\"> ({row.subRows.length})</span>\n              )}\n            </Table.Cell>\n          );\n        })}\n      </ReorderRow>\n      {renderExpandedRow && row.getCanExpand() && !row.subRows.length && (\n        <Table.Row\n          className=\"leaf-data-table__detail\"\n          id={detailsId}\n          data-detail-row={row.id}\n          aria-rowindex={ariaRowIndex && detail ? ariaRowIndex + 1 : undefined}\n          hidden={!detail}\n        >\n          <Table.Cell colSpan={Math.max(1, cells.length + utilityCount)}>\n            {visited || detail ? renderExpandedRow?.(row) : null}\n          </Table.Cell>\n        </Table.Row>\n      )}\n    </Fragment>\n  );\n}\n\nfunction VirtualRows({\n  rows,\n  colSpan,\n  headerCount,\n  viewport,\n  tableElement,\n  focusedRowId,\n  rowIndexes,\n}: {\n  rows: Row<unknown>[];\n  colSpan: number;\n  headerCount: number;\n  viewport: RefObject<HTMLDivElement | null>;\n  tableElement: RefObject<HTMLTableElement | null>;\n  focusedRowId?: string;\n  rowIndexes: number[];\n}) {\n  const { virtual, table, maxHeight } = useDataTable();\n  const options = typeof virtual === 'object' ? virtual : {};\n  const headerHeight = useRef(headerCount * 44);\n  const focusedIndex = focusedRowId ? rows.findIndex((row) => row.id === focusedRowId) : -1;\n  const virtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => viewport.current,\n    estimateSize: () => Math.max(1, options.estimateRowHeight ?? 48),\n    overscan: Math.max(1, options.overscan ?? 5),\n    getItemKey: (index) => rows[index]?.id ?? index,\n    scrollMargin: headerHeight.current,\n    initialRect: { width: 0, height: typeof maxHeight === 'number' ? maxHeight : 400 },\n    rangeExtractor: (range) => {\n      const visible = defaultRangeExtractor(range);\n      return focusedIndex < 0\n        ? visible\n        : [...new Set([...visible, focusedIndex])].sort((first, second) => first - second);\n    },\n    measureElement: (element) => {\n      const detail = element.nextElementSibling;\n      return (\n        element.getBoundingClientRect().height +\n        (detail?.hasAttribute('data-detail-row') ? detail.getBoundingClientRect().height : 0)\n      );\n    },\n  });\n  const expanded = table.getState().expanded;\n  useEffect(() => {\n    const header = tableElement.current?.tHead;\n    if (!header) return;\n    const measure = () => {\n      headerHeight.current = header.getBoundingClientRect().height;\n      virtualizer.measure();\n    };\n    measure();\n    const observer =\n      typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(measure);\n    observer?.observe(header);\n    return () => observer?.disconnect();\n  }, [tableElement, virtualizer]);\n  useEffect(() => {\n    if (expanded) virtualizer.measure();\n  }, [expanded, virtualizer]);\n  const items = virtualizer.getVirtualItems();\n  const last = items.at(-1);\n  const bottom = last\n    ? Math.max(0, virtualizer.getTotalSize() - last.end + headerHeight.current)\n    : virtualizer.getTotalSize();\n  return (\n    <>\n      {items.map((item, index) => {\n        const row = rows[item.index];\n        const previous = items[index - 1];\n        const gap = Math.max(0, item.start - (previous?.end ?? headerHeight.current));\n        return row ? (\n          <Fragment key={row.id}>\n            {gap > 0 && (\n              <Table.Row className=\"leaf-data-table__spacer\" aria-hidden=\"true\">\n                <td colSpan={colSpan} style={{ height: gap }} />\n              </Table.Row>\n            )}\n            <DataRow\n              row={row}\n              rowIndex={item.index}\n              ariaRowIndex={rowIndexes[item.index]}\n              measureRef={virtualizer.measureElement}\n            />\n          </Fragment>\n        ) : null;\n      })}\n      {bottom > 0 && (\n        <Table.Row className=\"leaf-data-table__spacer\" aria-hidden=\"true\">\n          <td colSpan={colSpan} style={{ height: bottom }} />\n        </Table.Row>\n      )}\n    </>\n  );\n}\n\nexport function DataTableContentControl({ className, ...props }: DataTableContentProps) {\n  const config = useDataTable();\n  const {\n    table,\n    caption,\n    tableRef,\n    loading,\n    error,\n    emptyContent,\n    onRetry,\n    selection,\n    resizable,\n    virtual,\n  } = config;\n  const t = useText();\n  const format = useFormattedText();\n  const viewport = useRef<HTMLDivElement>(null);\n  const element = useRef<HTMLTableElement>(null);\n  const [focusedRowId, setFocusedRowId] = useState<string>();\n  const rows = table.getRowModel().rows;\n  const columns = [\n    ...table.getLeftVisibleLeafColumns(),\n    ...table.getCenterVisibleLeafColumns(),\n    ...table.getRightVisibleLeafColumns(),\n  ];\n  const headers = table.getHeaderGroups();\n  const expandable = config.expandable;\n  const utilityCount =\n    Number(Boolean(selection)) + Number(expandable) + Number(config.rowReordering);\n  const colSpan = Math.max(1, columns.length + utilityCount);\n  const totalWidth = table.getTotalSize() + utilityCount * 44;\n  const lastCenter = table.getCenterVisibleLeafColumns().at(-1)?.id;\n  const status =\n    error != null && error !== false\n      ? 'error'\n      : !rows.length || !columns.length\n        ? loading\n          ? 'loading'\n          : 'empty'\n        : null;\n  const expanded = table.getState().expanded;\n  const virtualRows = useMemo(() => {\n    if (!virtual) return { indexes: [], count: 0 };\n    let count = headers.length;\n    const indexes = rows.map((row) => {\n      const index = ++count;\n      if (expanded && config.renderExpandedRow && row.getIsExpanded() && !row.subRows.length)\n        count++;\n      return index;\n    });\n    return { indexes, count };\n  }, [virtual, rows, headers.length, expanded, config.renderExpandedRow]);\n  return (\n    <div {...props} className={className}>\n      <Table\n        ref={(node) => {\n          assignRef(element, node);\n          assignRef(tableRef, node);\n        }}\n        scrollRef={viewport}\n        aria-label={config.label}\n        aria-labelledby={config.labelledBy}\n        aria-busy={loading || undefined}\n        aria-rowcount={virtual && !status ? virtualRows.count : undefined}\n        size={config.size}\n        bordered={config.bordered}\n        striped={config.striped}\n        stickyHeader={config.stickyHeader}\n        maxHeight={config.maxHeight}\n        minWidth={config.minWidth ?? totalWidth}\n        tableLayout=\"fixed\"\n        tableStyle={{ width: `max(100%, ${totalWidth}px)` }}\n        loading={loading && Boolean(rows.length) && status !== 'error'}\n      >\n        {caption != null && <Table.Caption>{caption}</Table.Caption>}\n        <colgroup>\n          {config.rowReordering && <col style={{ width: 44 }} />}\n          {selection && <col style={{ width: 44 }} />}\n          {expandable && <col style={{ width: 44 }} />}\n          {columns.map((column) => (\n            <col\n              key={column.id}\n              style={{\n                width: column.id === lastCenter ? undefined : column.getSize(),\n              }}\n            />\n          ))}\n        </colgroup>\n        <Table.Header>\n          <ReorderItems\n            enabled={Boolean(config.columnReordering)}\n            kind=\"column\"\n            ids={config.columnReordering ? columns.map((column) => column.id) : []}\n          >\n            {headers.map((group, groupIndex) => (\n              <Table.Row key={group.id} aria-rowindex={virtual ? groupIndex + 1 : undefined}>\n                {groupIndex === 0 && config.rowReordering && (\n                  <Table.ColumnHeader rowSpan={headers.length} className=\"leaf-data-table__utility\">\n                    <span className=\"leaf-table__sr-only\">{t('dataTable.reorderRows')}</span>\n                  </Table.ColumnHeader>\n                )}\n                {groupIndex === 0 && selection && (\n                  <Table.ColumnHeader rowSpan={headers.length} className=\"leaf-data-table__utility\">\n                    <SelectionHeader />\n                  </Table.ColumnHeader>\n                )}\n                {groupIndex === 0 && expandable && (\n                  <Table.ColumnHeader rowSpan={headers.length} className=\"leaf-data-table__utility\">\n                    <span className=\"leaf-table__sr-only\">{t('dataTable.expandRows')}</span>\n                  </Table.ColumnHeader>\n                )}\n                {group.headers.map((header) => {\n                  const column = header.column;\n                  const meta = column.columnDef.meta as DataTableColumnMeta | undefined;\n                  const sorted = column.getIsSorted();\n                  const canSort =\n                    !header.isPlaceholder && !column.columns.length && column.getCanSort();\n                  const SortIcon =\n                    sorted === 'asc' ? ArrowUp : sorted === 'desc' ? ArrowDown : ArrowUpDown;\n                  const nextSort = column.getNextSortingOrder();\n                  const sortLabel =\n                    nextSort === 'asc'\n                      ? t('dataTable.sortAscending')\n                      : nextSort === 'desc'\n                        ? t('dataTable.sortDescending')\n                        : t('dataTable.clearSorting');\n                  return (\n                    <ReorderColumnHeader\n                      key={header.id}\n                      enabled={Boolean(\n                        config.columnReordering && !header.isPlaceholder && !column.columns.length,\n                      )}\n                      disabled={!config.reorderColumns}\n                      itemId={column.id}\n                      itemLabel={columnLabel(column)}\n                      group={column.getIsPinned() || 'center'}\n                      colSpan={header.colSpan}\n                      scope={header.colSpan > 1 ? 'colgroup' : 'col'}\n                      align={meta?.align}\n                      className={meta?.headerClassName}\n                      {...pinProps(column)}\n                      aria-sort={\n                        sorted && column.getSortIndex() === 0\n                          ? sorted === 'asc'\n                            ? 'ascending'\n                            : 'descending'\n                          : undefined\n                      }\n                    >\n                      <div className=\"leaf-data-table__heading\">\n                        {config.reorderColumns && !header.isPlaceholder && (\n                          <ReorderHandle\n                            label={format('dataTable.reorderColumn', {\n                              label: columnLabel(column),\n                            })}\n                          />\n                        )}\n                        {header.isPlaceholder ? null : canSort ? (\n                          <button\n                            type=\"button\"\n                            className=\"leaf-data-table__sort\"\n                            data-sorted={sorted || undefined}\n                            aria-label={`${columnLabel(column)}: ${sortLabel}`}\n                            disabled={loading}\n                            onClick={column.getToggleSortingHandler()}\n                          >\n                            <span>{flexRender(column.columnDef.header, header.getContext())}</span>\n                            <SortIcon size={14} aria-hidden=\"true\" />\n                          </button>\n                        ) : (\n                          flexRender(column.columnDef.header, header.getContext())\n                        )}\n                      </div>\n                      {resizable &&\n                        !header.isPlaceholder &&\n                        !column.columns.length &&\n                        column.getCanResize() && <ResizeHandle header={header} />}\n                    </ReorderColumnHeader>\n                  );\n                })}\n              </Table.Row>\n            ))}\n          </ReorderItems>\n        </Table.Header>\n        <Table.Body\n          onFocusCapture={\n            virtual\n              ? (event) =>\n                  setFocusedRowId(\n                    (event.target as Element)\n                      .closest('[data-row-id], [data-detail-row]')\n                      ?.getAttribute('data-row-id') ??\n                      (event.target as Element)\n                        .closest('[data-detail-row]')\n                        ?.getAttribute('data-detail-row') ??\n                      undefined,\n                  )\n              : undefined\n          }\n          onBlurCapture={\n            virtual\n              ? (event) => {\n                  if (!event.currentTarget.contains(event.relatedTarget as Node | null))\n                    setFocusedRowId(undefined);\n                }\n              : undefined\n          }\n        >\n          {status === 'error' ? (\n            <Table.Error colSpan={colSpan} onRetry={onRetry}>\n              {error}\n            </Table.Error>\n          ) : status === 'loading' ? (\n            <Table.Loading colSpan={colSpan} />\n          ) : status === 'empty' ? (\n            <Table.Empty colSpan={colSpan}>{emptyContent}</Table.Empty>\n          ) : virtual ? (\n            <VirtualRows\n              rows={rows}\n              colSpan={colSpan}\n              headerCount={headers.length}\n              viewport={viewport}\n              tableElement={element}\n              focusedRowId={focusedRowId}\n              rowIndexes={virtualRows.indexes}\n            />\n          ) : (\n            <ReorderItems\n              enabled={Boolean(config.onRowReorder)}\n              kind=\"row\"\n              ids={config.onRowReorder ? rows.map((row) => row.id) : []}\n            >\n              {rows.map((row, index) => (\n                <DataRow key={row.id} row={row} rowIndex={index} />\n              ))}\n            </ReorderItems>\n          )}\n        </Table.Body>\n      </Table>\n    </div>\n  );\n}\n\nexport function DataTablePaginationControl({\n  className,\n  hasNextPage,\n  ...props\n}: DataTablePaginationProps) {\n  const { table, loading, size } = useDataTable();\n  const { pageIndex, pageSize } = table.getState().pagination;\n  const t = useText();\n  const pages = table.getPageCount();\n  if (pages < 0) {\n    return (\n      <nav\n        aria-label={t('pagination.label')}\n        className={classes('leaf-data-table__pagination', className)}\n      >\n        <ButtonControl\n          size={props.size ?? size}\n          variant={props.variant ?? 'outline'}\n          disabled={props.disabled || loading || !table.getCanPreviousPage()}\n          onClick={() => table.previousPage()}\n        >\n          {t('pagination.previousPage')}\n        </ButtonControl>\n        <span>{pageIndex + 1}</span>\n        <ButtonControl\n          size={props.size ?? size}\n          variant={props.variant ?? 'outline'}\n          disabled={props.disabled || loading || !(hasNextPage ?? table.getCanNextPage())}\n          onClick={() => table.nextPage()}\n        >\n          {t('pagination.nextPage')}\n        </ButtonControl>\n      </nav>\n    );\n  }\n  const total =\n    table.options.rowCount ??\n    (table.options.manualPagination && table.options.pageCount != null\n      ? pages * pageSize\n      : table.getRowCount());\n  return (\n    <Pagination\n      showSizeChanger\n      size={size}\n      {...props}\n      className={classes('leaf-data-table__pagination', className)}\n      total={total}\n      current={pageIndex + 1}\n      pageSize={pageSize}\n      disabled={props.disabled || loading}\n      onChange={(page, nextSize) =>\n        table.setPagination({ pageIndex: page - 1, pageSize: nextSize })\n      }\n    />\n  );\n}\n\nfunction ManagedDataTable<TData>({\n  data,\n  columns,\n  rowKey,\n  options,\n  ...props\n}: DataTableDataProps<TData>) {\n  const { direction } = useLeafConfig();\n  const records = useMemo(() => [...data], [data]);\n  const table = useReactTable({\n    data: records,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getPaginationRowModel: props.pagination === false ? undefined : getPaginationRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    enableMultiRowSelection: props.selection !== 'single',\n    getRowCanExpand: (row) => Boolean(props.renderExpandedRow || row.subRows.length),\n    columnResizeMode: 'onChange',\n    columnResizeDirection: direction,\n    ...options,\n    getRowId: (row, index) => {\n      const key = typeof rowKey === 'function' ? rowKey(row, index) : row[rowKey];\n      if (typeof key !== 'string' && typeof key !== 'number')\n        throw new Error('DataTable rowKey must resolve to a stable string or number.');\n      return String(key);\n    },\n  });\n  return <DataTableRoot {...props} table={table} />;\n}\n\nfunction DataTableComponent<TData>(rawProps: DataTableProps<TData> | DataTableDataProps<TData>) {\n  const props = mergeComponentProps<DataTableProps<TData> | DataTableDataProps<TData>>(\n    useGenericComponentDefaults('DataTable'),\n    rawProps,\n  );\n  return props.table ? (\n    <DataTableRoot {...(props as DataTableProps<TData>)} />\n  ) : (\n    <ManagedDataTable {...(props as DataTableDataProps<TData>)} />\n  );\n}\n\nexport const DataTable = Object.assign(DataTableComponent, {\n  Toolbar: DataTableToolbar,\n  Search: DataTableSearch,\n  ColumnVisibility: DataTableColumnVisibility,\n  Content: DataTableContent,\n  Footer: DataTableFooter,\n  Pagination: DataTablePagination,\n});\n\nexport function DataTableContent(rawProps: DataTableContentProps) {\n  const props = useComponentProps('DataTableContent', rawProps);\n  return <DataTableContentControl {...props} />;\n}\n\nexport function DataTablePagination(rawProps: DataTablePaginationProps) {\n  const props = useComponentProps('DataTablePagination', rawProps);\n  return <DataTablePaginationControl {...props} />;\n}\n\nexport function DataTableFooter(rawProps: HTMLAttributes<HTMLDivElement>) {\n  const props = useComponentProps('DataTableFooter', rawProps);\n  return <DataTableFooterControl {...props} />;\n}\n"],"names":["DataTableContext","createContext","useDataTable","value","useContext","Error","DataTableRoot","table","children","caption","size","bordered","striped","stickyHeader","maxHeight","minWidth","loading","emptyContent","error","onRetry","selection","selectAllMode","getRowLabel","renderExpandedRow","getRowProps","getCellProps","resizable","columnReordering","onRowReorder","virtual","pagination","tableRef","className","label","labelledBy","props","id","useId","state","rows","rowReordering","Boolean","Object","row","reorderColumns","column","undefined","cell","info","FieldScope","classes","ReorderScope","kind","activeId","overId","fromIndex","toIndex","activeRow","overRow","next","order","pin","previous","pinned","source","target","DataTableContentControl","DataTableFooterControl","DataTablePaginationControl","DataTableToolbar","rawProps","useComponentProps","DataTableSearch","columnId","t","useText","InputControl","Search","String","event","columnLabel","meta","DataTableColumnVisibility","title","Popover","Checkbox","ButtonControl","Columns3","pinProps","ResizeHandle","header","direction","useLeafConfig","format","useFormattedText","min","max","Number","step","delta","Math","SelectionHeader","page","selectable","DataRow","rowIndex","ariaRowIndex","measureRef","config","detailsId","encodeURIComponent","expandable","detail","visited","setVisited","useState","useEffect","cells","utilityCount","custom","element","useRef","node","measure","observer","ResizeObserver","Fragment","ReorderRow","assignRef","Table","ReorderHandle","Radio","ChevronRight","flexRender","VirtualRows","colSpan","headerCount","viewport","tableElement","focusedRowId","rowIndexes","options","headerHeight","focusedIndex","virtualizer","useVirtualizer","index","range","visible","defaultRangeExtractor","Set","first","second","expanded","items","last","bottom","item","gap","setFocusedRowId","columns","headers","totalWidth","lastCenter","status","virtualRows","useMemo","count","indexes","ReorderItems","group","groupIndex","sorted","canSort","SortIcon","ArrowUp","ArrowDown","ArrowUpDown","nextSort","sortLabel","ReorderColumnHeader","hasNextPage","pageIndex","pageSize","pages","total","Pagination","nextSize","ManagedDataTable","data","rowKey","records","useReactTable","getCoreRowModel","getSortedRowModel","getFilteredRowModel","getPaginationRowModel","getExpandedRowModel","key","DataTableComponent","mergeComponentProps","useGenericComponentDefaults","DataTable","DataTableContent","DataTableFooter","DataTablePagination"],"mappings":"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"}

package/dist/esm/browser/modules/tabs/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Tabs } from "./tabs.js";

package/dist/esm/browser/modules/tabs/tabs.js

@@ -0,0 +1,342 @@
+"use client";
+import '../../../styles/foundation.css';
+import '../../../styles/components/tabs.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { SortableContext, arrayMove, horizontalListSortingStrategy, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { Ellipsis, GripVertical, Plus, X } from "lucide-react";
+import { useEffect, useId, useRef, useState } from "react";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { DropdownControl } from "../dropdown/dropdown.js";
+import { classes } from "../shared/classes.js";
+import { useMotionEnabled } from "../shared/motion.js";
+import { useDragAnnouncements } from "../shared/use-drag-announcements.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
+import { useText } from "../shared/use-text.js";
+import { useMovingIndicator } from "./use-moving-indicator.js";
+function TabsControl({ items, activeKey, defaultActiveKey, onChange, type = 'line', placement = 'top', size = 'md', activationMode = 'automatic', destroyInactive = false, extra, onClose, onAdd, addLabel, overflow = true, sortable = false, onReorder, className, 'aria-label': label, ...props }) {
+    const { direction } = useLeafConfig();
+    const t = useText();
+    const format = useFormattedText();
+    const enabled = items.filter((item)=>!item.disabled);
+    const [internal, setInternal] = useState(defaultActiveKey ?? enabled[0]?.key);
+    const requested = activeKey ?? internal;
+    const selected = enabled.find((item)=>item.key === requested)?.key ?? enabled[0]?.key;
+    const [focused, setFocused] = useState();
+    const focusKey = enabled.some((item)=>item.key === focused) ? focused : selected;
+    const [visited, setVisited] = useState(selected ? [
+        selected
+    ] : []);
+    if (selected && !visited.includes(selected)) setVisited([
+        ...visited,
+        selected
+    ]);
+    const id = useId();
+    const list = useRef(null);
+    const track = useRef(null);
+    const indicator = useRef(null);
+    useMovingIndicator(track, indicator, '[data-leaf-indicator-item][data-active="true"]', `${selected}-${placement}-${type}-${direction}`, items.length > 0);
+    const header = useRef(null);
+    const [overflowKeys, setOverflowKeys] = useState([]);
+    const sorting = sortable && Boolean(onReorder);
+    useEffect(()=>{
+        const node = list.current;
+        const container = header.current;
+        if (!overflow || !node || !container) return void setOverflowKeys([]);
+        const measure = ()=>{
+            const horizontal = 'top' === placement || 'bottom' === placement;
+            const entries = Array.from(node.querySelectorAll('[data-tab-key]'));
+            const more = container.querySelector('[data-tabs-more]');
+            const fullSize = (horizontal ? node.clientWidth : node.clientHeight) + (more ? (horizontal ? more.offsetWidth : more.offsetHeight) + (Number.parseFloat(getComputedStyle(container)[horizontal ? 'columnGap' : 'rowGap']) || 0) : 0);
+            const total = horizontal ? node.scrollWidth : node.scrollHeight;
+            const rect = node.getBoundingClientRect();
+            const keys = total <= fullSize + 1 ? [] : entries.filter((entry)=>{
+                const item = entry.getBoundingClientRect();
+                return horizontal ? item.left < rect.left - 1 || item.right > rect.right + 1 : item.top < rect.top - 1 || item.bottom > rect.bottom + 1;
+            }).map((entry)=>entry.dataset.tabKey ?? '');
+            setOverflowKeys((previous)=>previous.length === keys.length && previous.every((key, index)=>key === keys[index]) ? previous : keys);
+        };
+        measure();
+        const observer = "u" < typeof ResizeObserver ? null : new ResizeObserver(measure);
+        observer?.observe(node);
+        observer?.observe(container);
+        for (const entry of node.children)observer?.observe(entry);
+        node.addEventListener('scroll', measure, {
+            passive: true
+        });
+        window.addEventListener('resize', measure);
+        return ()=>{
+            observer?.disconnect();
+            node.removeEventListener('scroll', measure);
+            window.removeEventListener('resize', measure);
+        };
+    }, [
+        overflow,
+        placement,
+        items
+    ]);
+    const choose = (key)=>{
+        if (!enabled.some((item)=>item.key === key)) return;
+        if (void 0 === activeKey) setInternal(key);
+        if (key !== selected) onChange?.(key);
+    };
+    if (0 === items.length) return null;
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        className: classes('leaf-tabs', `leaf-tabs--${type}`, `leaf-tabs--${placement}`, `leaf-tabs--${size}`, className),
+        children: [
+            /*#__PURE__*/ jsx(TabDragScope, {
+                enabled: sorting,
+                items: items,
+                onReorder: onReorder,
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "leaf-tabs__header",
+                    ref: header,
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            ref: list,
+                            onBlur: (event)=>{
+                                if (!event.currentTarget.contains(event.relatedTarget)) setFocused(void 0);
+                            },
+                            role: "tablist",
+                            "aria-label": label,
+                            "aria-orientation": 'left' === placement || 'right' === placement ? 'vertical' : 'horizontal',
+                            className: "leaf-tabs__list",
+                            children: /*#__PURE__*/ jsxs("div", {
+                                ref: track,
+                                className: "leaf-tabs__track",
+                                children: [
+                                    /*#__PURE__*/ jsx("span", {
+                                        ref: indicator,
+                                        className: "leaf-tabs__indicator",
+                                        "aria-hidden": "true"
+                                    }),
+                                    /*#__PURE__*/ jsx(SortableContext, {
+                                        items: items.map((item)=>item.key),
+                                        strategy: 'top' === placement || 'bottom' === placement ? horizontalListSortingStrategy : verticalListSortingStrategy,
+                                        children: items.map((item, index)=>/*#__PURE__*/ jsxs(TabEntry, {
+                                                item: item,
+                                                sortable: sorting,
+                                                className: "leaf-tabs__entry",
+                                                "data-active": item.key === selected || void 0,
+                                                "data-leaf-indicator-item": "",
+                                                children: [
+                                                    /*#__PURE__*/ jsxs("button", {
+                                                        id: `${id}-tab-${index}`,
+                                                        type: "button",
+                                                        role: "tab",
+                                                        "aria-selected": item.key === selected,
+                                                        "aria-controls": `${id}-panel-${index}`,
+                                                        disabled: item.disabled,
+                                                        tabIndex: item.key === focusKey ? 0 : -1,
+                                                        className: "leaf-tabs__tab",
+                                                        onFocus: ()=>setFocused(item.key),
+                                                        onClick: ()=>choose(item.key),
+                                                        onKeyDown: (event)=>{
+                                                            let next;
+                                                            const position = enabled.findIndex((entry)=>entry.key === item.key);
+                                                            const forward = 'left' === placement || 'right' === placement ? 'ArrowDown' : 'rtl' === direction ? 'ArrowLeft' : 'ArrowRight';
+                                                            const backward = 'left' === placement || 'right' === placement ? 'ArrowUp' : 'rtl' === direction ? 'ArrowRight' : 'ArrowLeft';
+                                                            if (event.key === forward) next = enabled[(position + 1) % enabled.length]?.key;
+                                                            else if (event.key === backward) next = enabled[(position - 1 + enabled.length) % enabled.length]?.key;
+                                                            else if ('Home' === event.key) next = enabled[0]?.key;
+                                                            else if ('End' === event.key) next = enabled.at(-1)?.key;
+                                                            if (void 0 !== next) {
+                                                                event.preventDefault();
+                                                                setFocused(next);
+                                                                const nextIndex = items.findIndex((entry)=>entry.key === next);
+                                                                list.current?.querySelector(`[id='${id}-tab-${nextIndex}']`)?.focus();
+                                                                if ('automatic' === activationMode) choose(next);
+                                                            }
+                                                        },
+                                                        children: [
+                                                            item.icon && /*#__PURE__*/ jsx("span", {
+                                                                "aria-hidden": "true",
+                                                                children: item.icon
+                                                            }),
+                                                            item.label
+                                                        ]
+                                                    }),
+                                                    item.closable && /*#__PURE__*/ jsx("button", {
+                                                        type: "button",
+                                                        className: "leaf-tabs__close",
+                                                        disabled: item.disabled || !onClose,
+                                                        "aria-label": format('tabs.closeLabel', {
+                                                            label: 'string' == typeof item.label ? item.label : item.key
+                                                        }),
+                                                        onClick: (event)=>{
+                                                            onClose?.(item.key, event);
+                                                            if (event.defaultPrevented) return;
+                                                            const position = enabled.findIndex((entry)=>entry.key === item.key);
+                                                            const next = item.key === selected ? enabled[position + 1] ?? enabled[position - 1] : enabled.find((entry)=>entry.key === selected);
+                                                            if (next) {
+                                                                if (item.key === selected) choose(next.key);
+                                                                const nextIndex = items.findIndex((entry)=>entry.key === next.key);
+                                                                list.current?.querySelector(`[id='${id}-tab-${nextIndex}']`)?.focus();
+                                                            }
+                                                        },
+                                                        children: /*#__PURE__*/ jsx(X, {
+                                                            size: 13,
+                                                            "aria-hidden": "true"
+                                                        })
+                                                    })
+                                                ]
+                                            }, item.key))
+                                    })
+                                ]
+                            })
+                        }),
+                        overflowKeys.length > 0 && /*#__PURE__*/ jsx(DropdownControl, {
+                            items: items.filter((item)=>overflowKeys.includes(item.key)).map((item)=>({
+                                    key: item.key,
+                                    label: item.label,
+                                    disabled: item.disabled,
+                                    onClick: ()=>{
+                                        choose(item.key);
+                                        requestAnimationFrame(()=>{
+                                            const target = document.getElementById(`${id}-tab-${items.indexOf(item)}`);
+                                            target?.scrollIntoView?.({
+                                                block: 'nearest',
+                                                inline: 'nearest'
+                                            });
+                                            target?.focus();
+                                        });
+                                    }
+                                })),
+                            children: /*#__PURE__*/ jsx(ButtonControl, {
+                                className: "leaf-tabs__action",
+                                "data-tabs-more": "",
+                                variant: "ghost",
+                                size: size,
+                                startIcon: /*#__PURE__*/ jsx(Ellipsis, {
+                                    size: 16
+                                }),
+                                "aria-label": t('tabs.moreTabs')
+                            })
+                        }),
+                        onAdd && /*#__PURE__*/ jsx(ButtonControl, {
+                            className: "leaf-tabs__action",
+                            variant: "ghost",
+                            size: size,
+                            startIcon: /*#__PURE__*/ jsx(Plus, {
+                                size: 16
+                            }),
+                            "aria-label": addLabel ?? t('tabs.addTab'),
+                            onClick: onAdd
+                        }),
+                        extra && /*#__PURE__*/ jsx("div", {
+                            className: "leaf-tabs__extra",
+                            children: extra
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "leaf-tabs__panels",
+                children: items.map((item, index)=>/*#__PURE__*/ jsx("div", {
+                        id: `${id}-panel-${index}`,
+                        role: "tabpanel",
+                        "aria-labelledby": `${id}-tab-${index}`,
+                        hidden: item.key !== selected,
+                        tabIndex: 0,
+                        className: "leaf-tabs__panel",
+                        children: (item.key === selected || !destroyInactive && visited.includes(item.key)) && item.children
+                    }, item.key))
+            })
+        ]
+    });
+}
+function TabEntry({ item, sortable, ...props }) {
+    return sortable ? /*#__PURE__*/ jsx(SortableTab, {
+        item: item,
+        ...props
+    }) : /*#__PURE__*/ jsx("div", {
+        ...props,
+        "data-tab-key": item.key
+    });
+}
+function SortableTab({ item, children, ...props }) {
+    const format = useFormattedText();
+    const motion = useMotionEnabled();
+    const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = useSortable({
+        id: item.key,
+        disabled: item.disabled
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        ref: setNodeRef,
+        "data-tab-key": item.key,
+        "data-dragging": isDragging || void 0,
+        style: {
+            ...props.style,
+            transform: CSS.Transform.toString(transform),
+            transition: motion && transition ? 'transform var(--leaf-motion-slow) var(--leaf-motion-easing)' : void 0
+        },
+        children: [
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                ...attributes,
+                ...listeners,
+                ref: setActivatorNodeRef,
+                disabled: item.disabled,
+                className: "leaf-tabs__drag",
+                "aria-label": format('tabs.reorder', {
+                    label: 'string' == typeof item.label ? item.label : item.key
+                }),
+                children: /*#__PURE__*/ jsx(GripVertical, {
+                    size: 13,
+                    "aria-hidden": "true"
+                })
+            }),
+            children
+        ]
+    });
+}
+function TabDragScope({ enabled, items, onReorder, children }) {
+    return enabled ? /*#__PURE__*/ jsx(TabSortScope, {
+        items: items,
+        onReorder: onReorder,
+        children: children
+    }) : children;
+}
+function TabSortScope({ items, onReorder, children }) {
+    const id = useId();
+    const accessibility = useDragAnnouncements((key)=>{
+        const item = items.find((entry)=>entry.key === key);
+        return 'string' == typeof item?.label ? item.label : String(key);
+    });
+    const sensors = useSensors(useSensor(PointerSensor, {
+        activationConstraint: {
+            distance: 6
+        }
+    }), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates
+    }));
+    return /*#__PURE__*/ jsx(DndContext, {
+        id: id,
+        sensors: sensors,
+        collisionDetection: closestCenter,
+        accessibility: accessibility,
+        onDragEnd: ({ active, over })=>{
+            if (!over || active.id === over.id) return;
+            const from = items.findIndex((item)=>item.key === active.id);
+            const to = items.findIndex((item)=>item.key === over.id);
+            if (from >= 0 && to >= 0 && !items[to]?.disabled) onReorder?.(arrayMove([
+                ...items
+            ], from, to));
+        },
+        children: children
+    });
+}
+function Tabs(rawProps) {
+    const props = useComponentProps('Tabs', rawProps);
+    return /*#__PURE__*/ jsx(TabsControl, {
+        ...props
+    });
+}
+export { Tabs, TabsControl };
+
+//# sourceMappingURL=tabs.js.map

package/dist/esm/browser/modules/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs/tabs.js","sources":["../../../../../src/tabs/tabs.tsx"],"sourcesContent":["import {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {\n  arrayMove,\n  horizontalListSortingStrategy,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { Ellipsis, GripVertical, Plus, X } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { DropdownControl as Dropdown } from '../dropdown/dropdown';\nimport { classes } from '../shared/classes';\nimport { useMotionEnabled } from '../shared/motion';\nimport type { ControlSize } from '../shared/types';\nimport { useDragAnnouncements } from '../shared/use-drag-announcements';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\nimport { useMovingIndicator } from './use-moving-indicator';\n\nexport interface TabItem {\n  key: string;\n  label: ReactNode;\n  children: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n  closable?: boolean;\n}\nexport interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  items: readonly TabItem[];\n  activeKey?: string;\n  defaultActiveKey?: string;\n  onChange?: (key: string) => void;\n  type?: 'line' | 'card';\n  placement?: 'top' | 'bottom' | 'left' | 'right';\n  size?: ControlSize;\n  activationMode?: 'automatic' | 'manual';\n  destroyInactive?: boolean;\n  extra?: ReactNode;\n  onClose?: (key: string, event: MouseEvent<HTMLButtonElement>) => void;\n  onAdd?: () => void;\n  addLabel?: string;\n  overflow?: boolean;\n  sortable?: boolean;\n  onReorder?: (items: TabItem[]) => void;\n}\nexport function TabsControl({\n  items,\n  activeKey,\n  defaultActiveKey,\n  onChange,\n  type = 'line',\n  placement = 'top',\n  size = 'md',\n  activationMode = 'automatic',\n  destroyInactive = false,\n  extra,\n  onClose,\n  onAdd,\n  addLabel,\n  overflow = true,\n  sortable = false,\n  onReorder,\n  className,\n  'aria-label': label,\n  ...props\n}: TabsProps) {\n  const { direction } = useLeafConfig();\n  const t = useText();\n  const format = useFormattedText();\n  const enabled = items.filter((item) => !item.disabled);\n  const [internal, setInternal] = useState(defaultActiveKey ?? enabled[0]?.key);\n  const requested = activeKey ?? internal;\n  const selected = enabled.find((item) => item.key === requested)?.key ?? enabled[0]?.key;\n  const [focused, setFocused] = useState<string>();\n  const focusKey = enabled.some((item) => item.key === focused) ? focused : selected;\n  const [visited, setVisited] = useState<readonly string[]>(selected ? [selected] : []);\n  if (selected && !visited.includes(selected)) setVisited([...visited, selected]);\n  const id = useId();\n  const list = useRef<HTMLDivElement>(null);\n  const track = useRef<HTMLDivElement>(null);\n  const indicator = useRef<HTMLSpanElement>(null);\n  useMovingIndicator(\n    track,\n    indicator,\n    '[data-leaf-indicator-item][data-active=\"true\"]',\n    `${selected}-${placement}-${type}-${direction}`,\n    items.length > 0,\n  );\n  const header = useRef<HTMLDivElement>(null);\n  const [overflowKeys, setOverflowKeys] = useState<string[]>([]);\n  const sorting = sortable && Boolean(onReorder);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Observe the new tab elements after the item list changes.\n  useEffect(() => {\n    const node = list.current;\n    const container = header.current;\n    if (!overflow || !node || !container) {\n      setOverflowKeys([]);\n      return;\n    }\n    const measure = () => {\n      const horizontal = placement === 'top' || placement === 'bottom';\n      const entries = Array.from(node.querySelectorAll<HTMLElement>('[data-tab-key]'));\n      const more = container.querySelector<HTMLElement>('[data-tabs-more]');\n      const fullSize =\n        (horizontal ? node.clientWidth : node.clientHeight) +\n        (more\n          ? (horizontal ? more.offsetWidth : more.offsetHeight) +\n            (Number.parseFloat(getComputedStyle(container)[horizontal ? 'columnGap' : 'rowGap']) ||\n              0)\n          : 0);\n      const total = horizontal ? node.scrollWidth : node.scrollHeight;\n      const rect = node.getBoundingClientRect();\n      const keys =\n        total <= fullSize + 1\n          ? []\n          : entries\n              .filter((entry) => {\n                const item = entry.getBoundingClientRect();\n                return horizontal\n                  ? item.left < rect.left - 1 || item.right > rect.right + 1\n                  : item.top < rect.top - 1 || item.bottom > rect.bottom + 1;\n              })\n              .map((entry) => entry.dataset.tabKey ?? '');\n      setOverflowKeys((previous) =>\n        previous.length === keys.length && previous.every((key, index) => key === keys[index])\n          ? previous\n          : keys,\n      );\n    };\n    measure();\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure);\n    observer?.observe(node);\n    observer?.observe(container);\n    for (const entry of node.children) observer?.observe(entry);\n    node.addEventListener('scroll', measure, { passive: true });\n    window.addEventListener('resize', measure);\n    return () => {\n      observer?.disconnect();\n      node.removeEventListener('scroll', measure);\n      window.removeEventListener('resize', measure);\n    };\n  }, [overflow, placement, items]);\n  const choose = (key: string) => {\n    if (!enabled.some((item) => item.key === key)) return;\n    if (activeKey === undefined) setInternal(key);\n    if (key !== selected) onChange?.(key);\n  };\n  if (items.length === 0) return null;\n  return (\n    <div\n      {...props}\n      className={classes(\n        'leaf-tabs',\n        `leaf-tabs--${type}`,\n        `leaf-tabs--${placement}`,\n        `leaf-tabs--${size}`,\n        className,\n      )}\n    >\n      <TabDragScope enabled={sorting} items={items} onReorder={onReorder}>\n        <div className=\"leaf-tabs__header\" ref={header}>\n          <div\n            ref={list}\n            onBlur={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget)) setFocused(undefined);\n            }}\n            role=\"tablist\"\n            aria-label={label}\n            aria-orientation={\n              placement === 'left' || placement === 'right' ? 'vertical' : 'horizontal'\n            }\n            className=\"leaf-tabs__list\"\n          >\n            <div ref={track} className=\"leaf-tabs__track\">\n              <span ref={indicator} className=\"leaf-tabs__indicator\" aria-hidden=\"true\" />\n              <SortableContext\n                items={items.map((item) => item.key)}\n                strategy={\n                  placement === 'top' || placement === 'bottom'\n                    ? horizontalListSortingStrategy\n                    : verticalListSortingStrategy\n                }\n              >\n                {items.map((item, index) => (\n                  <TabEntry\n                    item={item}\n                    sortable={sorting}\n                    className=\"leaf-tabs__entry\"\n                    key={item.key}\n                    data-active={item.key === selected || undefined}\n                    data-leaf-indicator-item=\"\"\n                  >\n                    <button\n                      id={`${id}-tab-${index}`}\n                      type=\"button\"\n                      role=\"tab\"\n                      aria-selected={item.key === selected}\n                      aria-controls={`${id}-panel-${index}`}\n                      disabled={item.disabled}\n                      tabIndex={item.key === focusKey ? 0 : -1}\n                      className=\"leaf-tabs__tab\"\n                      onFocus={() => setFocused(item.key)}\n                      onClick={() => choose(item.key)}\n                      onKeyDown={(event) => {\n                        let next: string | undefined;\n                        const position = enabled.findIndex((entry) => entry.key === item.key);\n                        const forward =\n                          placement === 'left' || placement === 'right'\n                            ? 'ArrowDown'\n                            : direction === 'rtl'\n                              ? 'ArrowLeft'\n                              : 'ArrowRight';\n                        const backward =\n                          placement === 'left' || placement === 'right'\n                            ? 'ArrowUp'\n                            : direction === 'rtl'\n                              ? 'ArrowRight'\n                              : 'ArrowLeft';\n                        if (event.key === forward)\n                          next = enabled[(position + 1) % enabled.length]?.key;\n                        else if (event.key === backward)\n                          next = enabled[(position - 1 + enabled.length) % enabled.length]?.key;\n                        else if (event.key === 'Home') next = enabled[0]?.key;\n                        else if (event.key === 'End') next = enabled.at(-1)?.key;\n                        if (next !== undefined) {\n                          event.preventDefault();\n                          setFocused(next);\n                          const nextIndex = items.findIndex((entry) => entry.key === next);\n                          list.current\n                            ?.querySelector<HTMLButtonElement>(`[id='${id}-tab-${nextIndex}']`)\n                            ?.focus();\n                          if (activationMode === 'automatic') choose(next);\n                        }\n                      }}\n                    >\n                      {item.icon && <span aria-hidden=\"true\">{item.icon}</span>}\n                      {item.label}\n                    </button>\n                    {item.closable && (\n                      <button\n                        type=\"button\"\n                        className=\"leaf-tabs__close\"\n                        disabled={item.disabled || !onClose}\n                        aria-label={format('tabs.closeLabel', {\n                          label: typeof item.label === 'string' ? item.label : item.key,\n                        })}\n                        onClick={(event) => {\n                          onClose?.(item.key, event);\n                          if (event.defaultPrevented) return;\n                          const position = enabled.findIndex((entry) => entry.key === item.key);\n                          const next =\n                            item.key === selected\n                              ? (enabled[position + 1] ?? enabled[position - 1])\n                              : enabled.find((entry) => entry.key === selected);\n                          if (next) {\n                            if (item.key === selected) choose(next.key);\n                            const nextIndex = items.findIndex((entry) => entry.key === next.key);\n                            list.current\n                              ?.querySelector<HTMLButtonElement>(`[id='${id}-tab-${nextIndex}']`)\n                              ?.focus();\n                          }\n                        }}\n                      >\n                        <X size={13} aria-hidden=\"true\" />\n                      </button>\n                    )}\n                  </TabEntry>\n                ))}\n              </SortableContext>\n            </div>\n          </div>\n          {overflowKeys.length > 0 && (\n            <Dropdown\n              items={items\n                .filter((item) => overflowKeys.includes(item.key))\n                .map((item) => ({\n                  key: item.key,\n                  label: item.label,\n                  disabled: item.disabled,\n                  onClick: () => {\n                    choose(item.key);\n                    requestAnimationFrame(() => {\n                      const target = document.getElementById(`${id}-tab-${items.indexOf(item)}`);\n                      target?.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });\n                      target?.focus();\n                    });\n                  },\n                }))}\n            >\n              <ButtonControl\n                className=\"leaf-tabs__action\"\n                data-tabs-more=\"\"\n                variant=\"ghost\"\n                size={size}\n                startIcon={<Ellipsis size={16} />}\n                aria-label={t('tabs.moreTabs')}\n              />\n            </Dropdown>\n          )}\n          {onAdd && (\n            <ButtonControl\n              className=\"leaf-tabs__action\"\n              variant=\"ghost\"\n              size={size}\n              startIcon={<Plus size={16} />}\n              aria-label={addLabel ?? t('tabs.addTab')}\n              onClick={onAdd}\n            />\n          )}\n          {extra && <div className=\"leaf-tabs__extra\">{extra}</div>}\n        </div>\n      </TabDragScope>\n      <div className=\"leaf-tabs__panels\">\n        {items.map((item, index) => (\n          <div\n            key={item.key}\n            id={`${id}-panel-${index}`}\n            role=\"tabpanel\"\n            aria-labelledby={`${id}-tab-${index}`}\n            hidden={item.key !== selected}\n            // biome-ignore lint/a11y/noNoninteractiveTabindex: Tabpanels are keyboard focus destinations in the ARIA tabs pattern.\n            tabIndex={0}\n            className=\"leaf-tabs__panel\"\n          >\n            {(item.key === selected || (!destroyInactive && visited.includes(item.key))) &&\n              item.children}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction TabEntry({\n  item,\n  sortable,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & { item: TabItem; sortable: boolean }) {\n  return sortable ? (\n    <SortableTab item={item} {...props} />\n  ) : (\n    <div {...props} data-tab-key={item.key} />\n  );\n}\nfunction SortableTab({\n  item,\n  children,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & { item: TabItem }) {\n  const format = useFormattedText();\n  const motion = useMotionEnabled();\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    setActivatorNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: item.key, disabled: item.disabled });\n  return (\n    <div\n      {...props}\n      ref={setNodeRef}\n      data-tab-key={item.key}\n      data-dragging={isDragging || undefined}\n      style={{\n        ...props.style,\n        transform: CSS.Transform.toString(transform),\n        transition:\n          motion && transition\n            ? 'transform var(--leaf-motion-slow) var(--leaf-motion-easing)'\n            : undefined,\n      }}\n    >\n      <button\n        type=\"button\"\n        {...attributes}\n        {...listeners}\n        ref={setActivatorNodeRef}\n        disabled={item.disabled}\n        className=\"leaf-tabs__drag\"\n        aria-label={format('tabs.reorder', {\n          label: typeof item.label === 'string' ? item.label : item.key,\n        })}\n      >\n        <GripVertical size={13} aria-hidden=\"true\" />\n      </button>\n      {children}\n    </div>\n  );\n}\n\nfunction TabDragScope({\n  enabled,\n  items,\n  onReorder,\n  children,\n}: {\n  enabled: boolean;\n  items: readonly TabItem[];\n  onReorder?: (items: TabItem[]) => void;\n  children: ReactNode;\n}) {\n  return enabled ? (\n    <TabSortScope items={items} onReorder={onReorder}>\n      {children}\n    </TabSortScope>\n  ) : (\n    children\n  );\n}\nfunction TabSortScope({\n  items,\n  onReorder,\n  children,\n}: {\n  items: readonly TabItem[];\n  onReorder?: (items: TabItem[]) => void;\n  children: ReactNode;\n}) {\n  const id = useId();\n  const accessibility = useDragAnnouncements((key) => {\n    const item = items.find((entry) => entry.key === key);\n    return typeof item?.label === 'string' ? item.label : String(key);\n  });\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }),\n  );\n  return (\n    <DndContext\n      id={id}\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      accessibility={accessibility}\n      onDragEnd={({ active, over }) => {\n        if (!over || active.id === over.id) return;\n        const from = items.findIndex((item) => item.key === active.id);\n        const to = items.findIndex((item) => item.key === over.id);\n        if (from >= 0 && to >= 0 && !items[to]?.disabled)\n          onReorder?.(arrayMove([...items], from, to));\n      }}\n    >\n      {children}\n    </DndContext>\n  );\n}\n\nexport function Tabs(rawProps: TabsProps) {\n  const props = useComponentProps('Tabs', rawProps);\n  return <TabsControl {...props} />;\n}\n"],"names":["TabsControl","items","activeKey","defaultActiveKey","onChange","type","placement","size","activationMode","destroyInactive","extra","onClose","onAdd","addLabel","overflow","sortable","onReorder","className","label","props","direction","useLeafConfig","t","useText","format","useFormattedText","enabled","item","internal","setInternal","useState","requested","selected","focused","setFocused","focusKey","visited","setVisited","id","useId","list","useRef","track","indicator","useMovingIndicator","header","overflowKeys","setOverflowKeys","sorting","Boolean","useEffect","node","container","measure","horizontal","entries","Array","more","fullSize","Number","getComputedStyle","total","rect","keys","entry","previous","key","index","observer","ResizeObserver","window","choose","undefined","classes","TabDragScope","event","SortableContext","horizontalListSortingStrategy","verticalListSortingStrategy","TabEntry","next","position","forward","backward","nextIndex","X","Dropdown","requestAnimationFrame","target","document","ButtonControl","Ellipsis","Plus","SortableTab","children","motion","useMotionEnabled","attributes","listeners","setNodeRef","setActivatorNodeRef","transform","transition","isDragging","useSortable","CSS","GripVertical","TabSortScope","accessibility","useDragAnnouncements","String","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","active","over","from","to","arrayMove","Tabs","rawProps","useComponentProps"],"mappings":"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"}