@alfakit/react 0.0.0-stage → 0.1.0

package/dist/components/table/table-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-block.js","names":[],"sources":["../../../src/components/table/table-block.tsx"],"sourcesContent":["import type { ActionContext, RecordKey, TableRecordSchema, TableSchema } from '@alfakit/core'\nimport {\n  STACKED_TABLE_CLASSES,\n  TableSelection,\n  VIRTUAL_ESTIMATES,\n  ariaSort,\n  cachedTableTotals,\n  canSelectAllRecords,\n  columnGroupHeaderRow,\n  columnVisibilityClasses,\n  debounce,\n  filtersPlacement,\n  groupTableRows,\n  isGroupedColumn,\n  isTableLoading,\n  loadTableTotals,\n  mobileTable,\n  moveListItem,\n  pageFlash,\n  pageSelectionState,\n  paginationTotal,\n  primaryColumnName,\n  reorderTable,\n  resolvePartialProps,\n  selectedRecordsArguments,\n  skeletonRowCount,\n  stackedCellClasses,\n  startTableReordering,\n  stopTableReordering,\n  tableLoadingStore,\n  tableTotalsFailed,\n  tableTotalsStore,\n  triggerButtonView,\n  virtualizeOptions,\n  visitTable,\n  withTableTotals,\n} from '@alfakit/core'\nimport { Link, router } from '@inertiajs/react'\nimport {\n  ArrowDownIcon,\n  ArrowUpDownIcon,\n  ArrowUpIcon,\n  ChevronDownIcon,\n  ChevronUpIcon,\n  GripVerticalIcon,\n  SearchIcon,\n  Table2Icon,\n  XIcon,\n} from 'lucide-react'\nimport { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport {\n  useActionRunner,\n  useChoice,\n  usePageSchema,\n  usePanel,\n  usePollComponent,\n  useT,\n} from '../../context'\nimport { useIsMobile } from '../../hooks/use-mobile'\nimport { useStore } from '../../hooks/use-store'\nimport { useVirtualList } from '../../hooks/use-virtual-list'\nimport { extraProps } from '../../lib/attributes'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { ActionList } from '../actions/action-list'\nimport { showToast } from '../notifications/flash-toasts'\nimport { Slot } from '../panel/slot'\nimport { LiveRecordsPill, useLiveUpdates } from '../realtime/live-records-pill'\nimport { VirtualSpacerRow } from '../schema/virtual-spacer'\nimport { Button } from '../ui/button'\nimport { Checkbox } from '../ui/checkbox'\nimport { Input } from '../ui/input'\nimport { Spinner } from '../ui/spinner'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../ui/table'\nimport { TableCellContent } from './cells'\nimport { ColumnManager } from './column-manager'\nimport { ContentLayout, ContentLayoutSort } from './content-layout'\nimport { FilterIndicators, TableFilters } from './filters'\nimport {\n  GroupHeaderRow,\n  TableGroupingMenu,\n  useCollapsedGroups,\n  useTablePersistence,\n} from './grouping'\nimport { TablePagination } from './pagination'\nimport { Spreadsheet } from './spreadsheet-lazy'\nimport { SummaryRow, TableSummaryFooter } from './summary-rows'\nimport { TableViews } from './table-views'\nimport { TableTriggerButton } from './trigger-button'\n\nexport interface DataTableProps {\n  table: TableSchema\n  /** Context component (`table`, `relationManager:…`, `widget:…`). */\n  component?: string\n  token?: string\n  className?: string\n}\n\nconst ALIGN: Record<string, string> = {\n  start: 'text-start',\n  center: 'text-center',\n  end: 'text-end',\n  between: 'text-start',\n  justify: 'text-justify',\n}\n\nconst VERTICAL_ALIGN: Record<string, string> = {\n  start: 'align-top',\n  center: 'align-middle',\n  end: 'align-bottom',\n}\n\nexport function DataTable({\n  table: serverTable,\n  component = 'table',\n  token: tokenProp,\n  className,\n}: DataTableProps) {\n  const t = useT()\n  const choice = useChoice()\n  const panel = usePanel()\n  const isMobile = useIsMobile()\n  const page = usePageSchema()\n  const runner = useActionRunner()\n  const token = tokenProp ?? page?.token ?? ''\n  // `deferTotals()`: the total and summaries load after the rows (placeholders meanwhile).\n  const totalsVersion = useStore(tableTotalsStore)\n  const totalsUrl = panel.endpoints.tableTotals\n\n  useEffect(() => {\n    void loadTableTotals(serverTable, { url: totalsUrl, token, component })\n  }, [serverTable, totalsUrl, token, component, totalsVersion])\n\n  const tableProp = useMemo(\n    () =>\n      withTableTotals(\n        serverTable,\n        cachedTableTotals(serverTable, component),\n        tableTotalsFailed(serverTable, component),\n      ),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- the store version invalidates the cache read\n    [serverTable, component, totalsVersion],\n  )\n  // Under the mobile preset a phone renders the rows as stacked cards; the server and\n  // desktop markup keep the table.\n  const table = useMemo(\n    () =>\n      mobileTable(\n        tableProp,\n        tableProp.columns.filter((column) => tableProp.visibleColumns.includes(column.name)),\n        { isMobile, panel },\n      ),\n    [tableProp, isMobile, panel],\n  )\n\n  const context = useMemo<ActionContext>(() => ({ token, component }), [token, component])\n  const selection = useMemo(() => new TableSelection(), [])\n  const selectionState = useStore(selection.store)\n  const [search, setSearch] = useState(table.search ?? '')\n  // A reload in reorder mode (`?reordering=1`) comes back still reordering.\n  const [reordering, setReordering] = useState(Boolean(table.reordering))\n  const [order, setOrder] = useState<RecordKey[] | null>(null)\n  const [dragKey, setDragKey] = useState<RecordKey | null>(null)\n  // Live-region text announced after a keyboard move in reorder mode.\n  const [announcement, setAnnouncement] = useState('')\n  // `spreadsheet()`: the grid editing mode, toggled from the toolbar.\n  const [spreadsheet, setSpreadsheet] = useState(false)\n  const spreadsheetOpen = spreadsheet && Boolean(table.spreadsheet) && !reordering\n\n  const records = table.records ?? []\n  const columns = table.columns.filter((column) => table.visibleColumns.includes(column.name))\n  const hasActions = records.some((record) => record.actions && record.actions.length > 0)\n  const selectable = Boolean(table.selectable)\n  const [collapsedGroups, toggleGroup] = useCollapsedGroups(table)\n  // Cells around the columns, so group and summary rows line up with the records.\n  const leadingCells =\n    Number(table.recordActionsPosition === 'before-cells' && hasActions) +\n    Number(reordering) +\n    Number(selectable) +\n    Number(table.recordActionsPosition === 'before-columns' && hasActions)\n  const trailingCells = Number(\n    (table.recordActionsPosition === 'after-columns' ||\n      table.recordActionsPosition === 'after-cells') &&\n      hasActions,\n  )\n\n  useTablePersistence(table)\n\n  const [syncedSearch, setSyncedSearch] = useState(table.search)\n\n  if (syncedSearch !== table.search) {\n    setSyncedSearch(table.search)\n    setSearch(table.search ?? '')\n  }\n\n  const pushSearch = useMemo(\n    () =>\n      debounce(\n        (value: string) => visitTable(table.identifier, { search: value || null }, ['page']),\n        table.searchDebounce,\n      ),\n    [table.identifier, table.searchDebounce],\n  )\n\n  // Polls refresh only this table (a partial reload of its own schema), share one request\n  // with other components on the same interval and pause while the tab is hidden.\n  const pollComponent = usePollComponent()\n\n  useEffect(\n    () => pollComponent(component, table.pollingInterval),\n    [pollComponent, component, table.pollingInterval],\n  )\n\n  // `live()`: refresh in place when records change (broadcast), else poll as a fallback.\n  const live = useLiveUpdates(table.live, component, {\n    polling: Boolean(table.pollingInterval),\n    records,\n  })\n\n  // A deferred table arrives without records: fetch them with a partial reload, which the\n  // server always fills. Ask once per gap so a failing reload cannot loop.\n  const awaitingRecords = Boolean(table.deferLoading) && !table.records\n  const deferredRequested = useRef(false)\n\n  useEffect(() => {\n    if (!awaitingRecords) {\n      deferredRequested.current = false\n      return\n    }\n\n    if (deferredRequested.current) return\n\n    deferredRequested.current = true\n    router.reload({ only: resolvePartialProps(['page']) })\n  }, [awaitingRecords])\n\n  // `deselectAllRecordsWhenFiltered()`: new filters, search or tab clear the selection.\n  useEffect(() => selection.syncScope(table.selectionScope), [selection, table.selectionScope])\n\n  // `maxSelectableRecords()` / `selectGroupsOnly()`.\n  selection.configure(table)\n\n  // Clear selection after a bulk action completes.\n  useEffect(() => {\n    return router.on('success', (event) => {\n      const flash = pageFlash(event.detail.page).alfakitAction\n\n      if (flash?.deselectRecords) {\n        selection.clear()\n      }\n    })\n  }, [selection])\n\n  // The column whose sort was just clicked shows a spinner until its records arrive.\n  const [sortingColumn, setSortingColumn] = useState<string | null>(null)\n\n  const sort = (column: string) => {\n    const direction =\n      table.sort?.column === column && table.sort.direction === 'asc' ? 'desc' : 'asc'\n    setSortingColumn(column)\n    visitTable(table.identifier, { sort: column, direction }, ['page'], {\n      onFinish: () => setSortingColumn(null),\n    })\n  }\n\n  const bulkContext = useMemo<ActionContext>(\n    () => ({\n      token,\n      component,\n      records: selectionState.allSelected ? [] : [...selectionState.selected],\n      allRecords: selectionState.allSelected,\n    }),\n    [token, component, selectionState],\n  )\n\n  const orderedRecords = order\n    ? order\n        .map((key) => records.find((record) => String(record.key) === String(key)))\n        .filter((record): record is TableRecordSchema => Boolean(record))\n    : records\n\n  const finishReorder = async () => {\n    // Leave reorder mode even when saving fails, so the table shows the server order again.\n    try {\n      if (order && panel.endpoints.tableReorder && panel.endpoints.tableCell) {\n        await reorderTable(\n          { reorder: panel.endpoints.tableReorder, cell: panel.endpoints.tableCell },\n          token,\n          component,\n          order,\n          // Leaving a server-side reorder mode reloads the table anyway.\n          { reload: !table.reordering },\n        )\n      }\n    } catch (error) {\n      showToast({\n        id: 'alfakit-reorder-failed',\n        title: t('table.reorder_failed', {}, \"Couldn't save the new order\"),\n        body: error instanceof Error ? error.message : String(error),\n        status: 'danger',\n        format: 'alfakit',\n      })\n    } finally {\n      setOrder(null)\n      setReordering(false)\n      stopTableReordering(table)\n    }\n  }\n\n  // Keyboard alternative to drag-and-drop: the move up/down buttons in reorder mode.\n  const moveRow = (index: number, offset: -1 | 1) => {\n    const keys = orderedRecords.map((item) => item.key)\n    const target = index + offset\n\n    if (target < 0 || target >= keys.length) return\n\n    setOrder(moveListItem(keys, index, target))\n    setAnnouncement(\n      t(\n        'table.row_moved',\n        { position: target + 1, total: keys.length },\n        'Row moved to position :position of :total',\n      ),\n    )\n  }\n\n  const groupRow = columnGroupHeaderRow(columns, table.columnGroups)\n  const headerRowSpan = groupRow ? 2 : undefined\n\n  // Long pages render only the visible rows (plus a few around them); the spacer rows keep\n  // the scroll height, `aria-rowcount` / `aria-rowindex` keep the real positions.\n  const rows = groupTableRows(table, orderedRecords, collapsedGroups)\n  const {\n    range: rowWindow,\n    indexes: positions,\n    attach: attachBody,\n    item: attachRow,\n  } = useVirtualList(rows.length, virtualizeOptions(table.virtualize, VIRTUAL_ESTIMATES.row))\n  const headerRows = groupRow ? 2 : 1\n  const rowCells = columns.length + leadingCells + trailingCells\n\n  // The column whose cell holds a clickable row's focusable link or button.\n  const primaryColumn = primaryColumnName(columns)\n\n  const rowClick = (record: TableRecordSchema) => {\n    if (reordering) return\n\n    if (table.recordAction) {\n      const action = record.actions\n        ?.flatMap((item) => ('actions' in item ? item.actions : [item]))\n        .find((item) => 'name' in item && item.name === table.recordAction)\n\n      if (action && 'name' in action) {\n        void runner.trigger(action, { ...context, record: record.key })\n\n        return\n      }\n    }\n\n    if (record.url) {\n      if (record.openUrlInNewTab) {\n        window.open(record.url, '_blank', 'noopener')\n      } else {\n        router.visit(record.url)\n      }\n    }\n  }\n\n  // `reorderRecordsTriggerAction()`: one look per state.\n  const reorderTrigger = triggerButtonView(\n    table,\n    reordering ? 'reorderRecordsActive' : 'reorderRecords',\n    {\n      label: reordering\n        ? t('table.reorder_stop', {}, 'Done')\n        : t('table.reorder_start', {}, 'Reorder'),\n      variant: reordering ? 'default' : 'outline',\n    },\n  )\n  const loadingState = useStore(tableLoadingStore)\n  const showSkeleton =\n    Boolean(table.loadingSkeleton) && isTableLoading(loadingState, table.identifier)\n\n  const filtersAt = filtersPlacement(table.filtersLayout)\n  const stacked = Boolean(table.stackedOnMobile)\n\n  const toolbar = (\n    <div className=\"flex flex-col gap-3\">\n      <Slot name=\"table.header.before\" scope={component} />\n      {(table.heading || table.description || table.headerActions?.length) && (\n        <div className=\"flex flex-wrap items-start justify-between gap-3\">\n          <div>\n            {table.heading && <h3 className=\"text-base font-semibold\">{table.heading}</h3>}\n            {table.description && (\n              <p className=\"text-muted-foreground text-sm\">{table.description}</p>\n            )}\n          </div>\n          {table.headerActions && (\n            <ActionList actions={table.headerActions} context={context} size=\"sm\" />\n          )}\n        </div>\n      )}\n      <Slot name=\"table.header.after\" scope={component} />\n      <Slot name=\"table.toolbar.before\" scope={component} />\n      {table.views && <TableViews table={table} token={token} component={component} />}\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Slot name=\"table.toolbar.search.before\" scope={component} />\n        {table.searchable && (\n          <div className=\"relative min-w-48 flex-1 sm:max-w-xs\">\n            <Icon\n              name=\"alfakit::tables.search-field\"\n              fallback={SearchIcon}\n              className=\"text-muted-foreground pointer-events-none absolute start-2.5 top-1/2 size-4 -translate-y-1/2\"\n            />\n            <Input\n              type=\"search\"\n              value={search}\n              placeholder={table.searchPlaceholder}\n              onChange={(event) => {\n                setSearch(event.target.value)\n\n                if (!table.searchOnBlur) pushSearch(event.target.value)\n              }}\n              onBlur={() => table.searchOnBlur && pushSearch(search)}\n              onKeyDown={(event) => event.key === 'Enter' && pushSearch.flush()}\n              className=\"h-8 ps-8\"\n              aria-label={t('search', {}, 'Search')}\n            />\n            {search && (\n              <button\n                type=\"button\"\n                className=\"text-muted-foreground hover:text-foreground absolute end-2 top-1/2 -translate-y-1/2\"\n                aria-label={t('clear', {}, 'Clear')}\n                onClick={() => {\n                  setSearch('')\n                  pushSearch('')\n                  pushSearch.flush()\n                }}\n              >\n                <XIcon className=\"size-4\" />\n              </button>\n            )}\n          </div>\n        )}\n        <Slot name=\"table.toolbar.search.after\" scope={component} />\n        <Slot name=\"table.toolbar.start\" scope={component} />\n        <span className=\"flex-1\" />\n        <Slot name=\"table.toolbar.end\" scope={component} />\n        <Slot name=\"table.toolbar.reorder-trigger.before\" scope={component} />\n        {table.reorderable && reorderTrigger && (\n          <TableTriggerButton\n            view={reorderTrigger}\n            defaultIcon={\n              <Icon name=\"alfakit::tables.actions.enable-reordering\" fallback={GripVerticalIcon} />\n            }\n            aria-pressed={reordering}\n            onClick={() => {\n              if (reordering) {\n                void finishReorder()\n\n                return\n              }\n\n              // Pagination is off while reordering unless `paginatedWhileReordering()`.\n              setReordering(true)\n              startTableReordering(table)\n            }}\n          />\n        )}\n        <Slot name=\"table.toolbar.reorder-trigger.after\" scope={component} />\n        {table.spreadsheet && !reordering && (\n          <Button\n            type=\"button\"\n            variant={spreadsheetOpen ? 'default' : 'outline'}\n            size=\"sm\"\n            data-slot=\"spreadsheet-trigger\"\n            aria-pressed={spreadsheetOpen}\n            onClick={() => setSpreadsheet((open) => !open)}\n            onMouseEnter={() => void Spreadsheet.preload()}\n            onFocus={() => void Spreadsheet.preload()}\n          >\n            <Icon name=\"alfakit::tables.actions.spreadsheet\" fallback={Table2Icon} />\n            {t('table.spreadsheet.open', {}, 'Edit as spreadsheet')}\n          </Button>\n        )}\n        {table.contentLayout && <ContentLayoutSort table={table} columns={columns} />}\n        <Slot name=\"table.toolbar.grouping-selector.before\" scope={component} />\n        <TableGroupingMenu table={table} />\n        <Slot name=\"table.toolbar.grouping-selector.after\" scope={component} />\n        {filtersAt === 'toolbar' && <TableFilters table={table} component={component} />}\n        <Slot name=\"table.toolbar.column-manager-trigger.before\" scope={component} />\n        <ColumnManager table={table} token={token} component={component} />\n        <Slot name=\"table.toolbar.column-manager-trigger.after\" scope={component} />\n      </div>\n      <Slot name=\"table.toolbar.after\" scope={component} />\n      {filtersAt === 'above' && <TableFilters table={table} component={component} />}\n      {!table.hiddenFilterIndicators && <FilterIndicators table={table} />}\n      <Slot name=\"table.filter-indicators\" scope={component} />\n      {live && table.live?.newRecordsIndicator && <LiveRecordsPill live={live} />}\n    </div>\n  )\n\n  // Simple, cursor and appending pagination don't count the records.\n  const total = paginationTotal(table.pagination)\n  const selectedCount = selectionState.allSelected\n    ? (total ?? records.length)\n    : selectionState.selected.size\n\n  const bulkBar =\n    selectable && selectedCount > 0 && table.bulkActions ? (\n      <div className=\"bg-primary/5 border-primary/20 flex flex-wrap items-center gap-3 rounded-md border px-3 py-2 text-sm\">\n        <span className=\"font-medium\">\n          {choice('table.selected', selectedCount, {}, ':count selected')}\n        </span>\n        <Slot name=\"table.selection-indicator.actions.before\" scope={component} />\n        {!selectionState.allSelected &&\n          total !== null &&\n          total > records.length &&\n          canSelectAllRecords(table) && (\n            <Button type=\"button\" variant=\"link\" size=\"sm\" onClick={() => selection.selectAll()}>\n              {t('table.select_all', {}, 'Select all')} ({total})\n            </Button>\n          )}\n        <Button type=\"button\" variant=\"link\" size=\"sm\" onClick={() => selection.clear()}>\n          {t('table.deselect_all', {}, 'Deselect all')}\n        </Button>\n        <Slot name=\"table.selection-indicator.actions.after\" scope={component} />\n        {selection.isFull && (\n          <span className=\"text-muted-foreground text-xs\">\n            {choice(\n              'table.max_selected',\n              table.maxSelectableRecords ?? 0,\n              {},\n              'You can select up to :count records',\n            )}\n          </span>\n        )}\n        <span className=\"flex-1\" />\n        <ActionList actions={table.bulkActions} context={bulkContext} size=\"sm\" />\n      </div>\n    ) : null\n\n  const columnHeader = (column: TableSchema['columns'][number], rowSpan?: number): ReactNode => {\n    const active = table.sort?.column === column.name\n\n    const label = column.sortable ? (\n      <button\n        type=\"button\"\n        className=\"hover:text-foreground inline-flex items-center gap-1\"\n        aria-busy={sortingColumn === column.name || undefined}\n        onClick={() => sort(column.name)}\n      >\n        {column.label}\n        {sortingColumn === column.name ? (\n          <Spinner data-slot=\"table-sort-spinner\" className=\"size-3.5\" />\n        ) : active ? (\n          table.sort?.direction === 'asc' ? (\n            <Icon\n              name=\"alfakit::tables.header-cell.sort-asc-button\"\n              fallback={ArrowUpIcon}\n              className=\"size-3.5\"\n              aria-hidden=\"true\"\n            />\n          ) : (\n            <Icon\n              name=\"alfakit::tables.header-cell.sort-desc-button\"\n              fallback={ArrowDownIcon}\n              className=\"size-3.5\"\n              aria-hidden=\"true\"\n            />\n          )\n        ) : (\n          <Icon\n            name=\"alfakit::tables.header-cell.sort-button\"\n            fallback={ArrowUpDownIcon}\n            className=\"size-3.5 opacity-40\"\n            aria-hidden=\"true\"\n          />\n        )}\n      </button>\n    ) : (\n      column.label\n    )\n\n    return (\n      <TableHead\n        key={column.name}\n        rowSpan={rowSpan}\n        aria-sort={\n          column.sortable\n            ? ariaSort(column.name, table.sort?.column, table.sort?.direction)\n            : undefined\n        }\n        style={column.width ? { width: column.width } : undefined}\n        {...extraProps(\n          column.extraHeaderAttributes,\n          cn(\n            ALIGN[column.alignment ?? 'start'],\n            column.wrapHeader ? 'whitespace-normal' : undefined,\n            column.grow === false && 'w-0',\n            columnVisibilityClasses(column),\n          ),\n        )}\n      >\n        <div className=\"flex flex-col gap-1\">\n          {column.headerTooltip ? (\n            <span title={column.headerTooltip} data-slot=\"header-tooltip\">\n              {label}\n              <span className=\"sr-only\"> ({column.headerTooltip})</span>\n            </span>\n          ) : (\n            label\n          )}\n          <Slot name=\"table.header-cell\" scope={component} data={{ column: column.name }} />\n          {column.searchable && (\n            <Input\n              type=\"search\"\n              defaultValue={table.columnSearches?.[column.name] ?? ''}\n              placeholder={t('search', {}, 'Search')}\n              aria-label={`${t('search', {}, 'Search')} ${column.label}`}\n              className=\"h-7 text-xs font-normal\"\n              onKeyDown={(event) =>\n                event.key === 'Enter' &&\n                visitTable(\n                  table.identifier,\n                  {\n                    columnSearch: {\n                      ...(table.columnSearches ?? {}),\n                      [column.name]: (event.target as HTMLInputElement).value,\n                    },\n                  },\n                  ['page'],\n                )\n              }\n            />\n          )}\n        </div>\n      </TableHead>\n    )\n  }\n\n  const groupsOnlySelection = selectable && Boolean(table.selectGroupsOnly)\n\n  const content = (\n    <div\n      data-surface=\"table\"\n      aria-busy={showSkeleton || undefined}\n      className=\"bg-card relative overflow-hidden rounded-xl border shadow-xs\"\n    >\n      {showSkeleton && (\n        <div\n          data-slot=\"table-loading-skeleton\"\n          aria-hidden=\"true\"\n          className=\"bg-card/80 absolute inset-0 z-10 flex flex-col gap-3 p-4\"\n        >\n          {Array.from({ length: skeletonRowCount(records) }, (_, index) => (\n            <div key={index} className=\"bg-muted h-6 animate-pulse rounded-md\" />\n          ))}\n        </div>\n      )}\n      {awaitingRecords ? (\n        <div className=\"text-muted-foreground p-8 text-center text-sm\">\n          {t('loading', {}, 'Loading…')}\n        </div>\n      ) : records.length === 0 && !(table.grouping?.groupsOnly && table.recordGroups?.length) ? (\n        <div className=\"flex flex-col items-center gap-3 px-6 py-12 text-center\">\n          <div className=\"bg-muted text-muted-foreground flex size-12 items-center justify-center rounded-full\">\n            <Icon name={table.emptyState.icon} className=\"size-6\" />\n          </div>\n          <div>\n            <p className=\"font-medium\">{table.emptyState.heading}</p>\n            {table.emptyState.description && (\n              <p className=\"text-muted-foreground text-sm\">{table.emptyState.description}</p>\n            )}\n          </div>\n          {table.emptyState.actions && (\n            <ActionList actions={table.emptyState.actions} context={context} size=\"sm\" />\n          )}\n        </div>\n      ) : table.contentLayout ? (\n        <ContentLayout\n          table={table}\n          records={records}\n          columns={columns}\n          token={token}\n          component={component}\n          context={context}\n          selectable={selectable}\n          selection={selection}\n          onRecordClick={rowClick}\n        />\n      ) : (\n        <Table\n          aria-rowcount={rowWindow.active ? rows.length + headerRows : undefined}\n          data-stacked-on-mobile={stacked || undefined}\n          className={cn(stacked && STACKED_TABLE_CLASSES.table)}\n        >\n          <TableHeader className={cn(stacked && STACKED_TABLE_CLASSES.header)}>\n            {/* With column groups, the leading / trailing cells and ungrouped columns span\n                  both header rows; grouped columns get their own header in the second row. */}\n            <TableRow className=\"hover:bg-transparent\">\n              {table.recordActionsPosition === 'before-cells' && hasActions && (\n                <TableHead rowSpan={headerRowSpan} className=\"w-0\">\n                  {t('actions', {}, 'Actions')}\n                </TableHead>\n              )}\n              {reordering && (\n                <TableHead rowSpan={headerRowSpan} className=\"w-16\">\n                  <span className=\"sr-only\">{t('table.reorder_start', {}, 'Reorder')}</span>\n                </TableHead>\n              )}\n              {selectable && (\n                <TableHead rowSpan={headerRowSpan} className=\"w-10\">\n                  {!groupsOnlySelection && (\n                    <Checkbox\n                      checked={pageSelectionState(selection, records)}\n                      onCheckedChange={(checked) =>\n                        checked === true\n                          ? selection.selectPage(records)\n                          : selection.deselectPage(records)\n                      }\n                      aria-label={t('table.select_page', {}, 'Select page')}\n                    />\n                  )}\n                </TableHead>\n              )}\n              {table.recordActionsPosition === 'before-columns' && hasActions && (\n                <TableHead rowSpan={headerRowSpan} className=\"w-0\">\n                  {t('actions', {}, 'Actions')}\n                </TableHead>\n              )}\n              {groupRow\n                ? groupRow.map((cell) =>\n                    cell.group ? (\n                      <TableHead\n                        key={cell.key}\n                        colSpan={cell.span}\n                        scope=\"colgroup\"\n                        {...extraProps(\n                          cell.group.extraHeaderAttributes,\n                          cn(\n                            'border-b',\n                            ALIGN[cell.group.alignment ?? 'center'],\n                            cell.group.wrapHeader ? 'whitespace-normal' : undefined,\n                          ),\n                        )}\n                      >\n                        {cell.group.label}\n                      </TableHead>\n                    ) : cell.column ? (\n                      columnHeader(cell.column, 2)\n                    ) : null,\n                  )\n                : columns.map((column) => columnHeader(column))}\n              {(table.recordActionsPosition === 'after-columns' ||\n                table.recordActionsPosition === 'after-cells') &&\n                hasActions && (\n                  <TableHead rowSpan={headerRowSpan} className=\"w-0 text-end\">\n                    <span className=\"sr-only\">{t('actions', {}, 'Actions')}</span>\n                  </TableHead>\n                )}\n            </TableRow>\n            {groupRow && (\n              <TableRow className=\"hover:bg-transparent\">\n                {columns\n                  .filter((column) => isGroupedColumn(column.name, table.columnGroups))\n                  .map((column) => columnHeader(column))}\n              </TableRow>\n            )}\n          </TableHeader>\n          <TableBody ref={attachBody} className={cn(stacked && STACKED_TABLE_CLASSES.body)}>\n            <VirtualSpacerRow height={rowWindow.before} colSpan={rowCells} />\n            {positions.map((position) => {\n              const row = rows[position] as (typeof rows)[number]\n\n              if (row.kind === 'group') {\n                return (\n                  <GroupHeaderRow\n                    key={`group:${row.group.key}`}\n                    group={row.group}\n                    collapsed={row.collapsed}\n                    collapsible={Boolean(table.grouping?.collapsible && !table.grouping.groupsOnly)}\n                    colSpan={columns.length + leadingCells + trailingCells}\n                    onToggle={() => toggleGroup(row.group.key)}\n                    selection={\n                      groupsOnlySelection\n                        ? {\n                            checked: selection.groupState(row.group.key, records),\n                            onChange: (checked) =>\n                              checked\n                                ? selection.selectGroup(row.group.key, records)\n                                : selection.deselectGroup(row.group.key, records),\n                          }\n                        : undefined\n                    }\n                  />\n                )\n              }\n\n              if (row.kind === 'summary') {\n                return (\n                  <SummaryRow\n                    key={`summary:${row.group.key}`}\n                    columns={columns}\n                    values={row.summary}\n                    leading={leadingCells}\n                    trailing={trailingCells}\n                  />\n                )\n              }\n\n              const { record, index } = row\n              const clickable = !reordering && Boolean(record.url || table.recordAction)\n              const actions = record.actions ? (\n                <ActionList\n                  actions={record.actions}\n                  context={{\n                    ...context,\n                    record: record.key,\n                    arguments: selectedRecordsArguments(selectionState, record.actions),\n                  }}\n                  size=\"sm\"\n                  align=\"end\"\n                  className=\"flex-nowrap\"\n                />\n              ) : null\n\n              return (\n                <TableRow\n                  key={String(record.key)}\n                  ref={attachRow}\n                  data-index={position}\n                  aria-rowindex={rowWindow.active ? position + headerRows + 1 : undefined}\n                  data-state={selection.isSelected(record.key) ? 'selected' : undefined}\n                  draggable={reordering}\n                  onDragStart={() => setDragKey(record.key)}\n                  onDragOver={(event) => event.preventDefault()}\n                  onDrop={() => {\n                    if (dragKey === null) return\n\n                    const keys = orderedRecords.map((item) => item.key)\n                    const from = keys.findIndex((key) => String(key) === String(dragKey))\n                    const [moved] = keys.splice(from, 1)\n\n                    if (moved !== undefined) keys.splice(index, 0, moved)\n\n                    setOrder(keys)\n                    setDragKey(null)\n                  }}\n                  className={cn(\n                    clickable && 'cursor-pointer',\n                    table.striped && index % 2 === 1 && 'bg-muted/30',\n                    stacked && STACKED_TABLE_CLASSES.row,\n                    record.classes,\n                  )}\n                  onClick={() => clickable && rowClick(record)}\n                >\n                  {reordering && (\n                    <TableCell className=\"w-16 cursor-grab\">\n                      <div className=\"flex items-center\">\n                        <Icon\n                          name=\"alfakit::tables.reorder.handle\"\n                          fallback={GripVerticalIcon}\n                          className=\"text-muted-foreground size-4\"\n                          aria-hidden=\"true\"\n                        />\n                        <Button\n                          type=\"button\"\n                          variant=\"ghost\"\n                          size=\"icon-xs\"\n                          aria-label={t('form.move_up', {}, 'Move up')}\n                          disabled={index === 0}\n                          onClick={() => moveRow(index, -1)}\n                        >\n                          <ChevronUpIcon />\n                        </Button>\n                        <Button\n                          type=\"button\"\n                          variant=\"ghost\"\n                          size=\"icon-xs\"\n                          aria-label={t('form.move_down', {}, 'Move down')}\n                          disabled={index === orderedRecords.length - 1}\n                          onClick={() => moveRow(index, 1)}\n                        >\n                          <ChevronDownIcon />\n                        </Button>\n                      </div>\n                    </TableCell>\n                  )}\n                  {table.recordActionsPosition === 'before-cells' && hasActions && (\n                    <TableCell\n                      className={cn(stacked && STACKED_TABLE_CLASSES.actionsCell)}\n                      onClick={(event) => event.stopPropagation()}\n                    >\n                      {actions}\n                    </TableCell>\n                  )}\n                  {selectable && (\n                    <TableCell\n                      className={cn(stacked && STACKED_TABLE_CLASSES.controlCell)}\n                      onClick={(event) => event.stopPropagation()}\n                    >\n                      {record.selectable !== false && (\n                        <Checkbox\n                          checked={selection.isSelected(record.key)}\n                          disabled={!selection.canSelect(record.key)}\n                          onCheckedChange={(checked) =>\n                            selection.toggle(record.key, checked === true, record.group ?? '')\n                          }\n                          aria-label={t('table.select_row', {}, 'Select row')}\n                        />\n                      )}\n                    </TableCell>\n                  )}\n                  {table.recordActionsPosition === 'before-columns' && hasActions && (\n                    <TableCell\n                      className={cn(stacked && STACKED_TABLE_CLASSES.actionsCell)}\n                      onClick={(event) => event.stopPropagation()}\n                    >\n                      {actions}\n                    </TableCell>\n                  )}\n                  {columns.map((column) => {\n                    const cell = record.cells[column.name] ?? {}\n                    // `disabledClick()`: the cell is plain content and swallows the row click.\n                    const clickDisabled = Boolean(cell.disabledClick)\n                    const content = (\n                      <TableCellContent\n                        column={column}\n                        cell={cell}\n                        recordKey={record.key}\n                        token={token}\n                        component={component}\n                      />\n                    )\n                    const wrapped = clickDisabled ? (\n                      content\n                    ) : cell.url ? (\n                      cell.openUrlInNewTab ? (\n                        <a\n                          href={cell.url}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          className=\"hover:underline\"\n                          onClick={(event) => event.stopPropagation()}\n                        >\n                          {content}\n                          <span className=\"sr-only\">\n                            {' '}\n                            {t('opens_in_new_tab', {}, '(opens in a new tab)')}\n                          </span>\n                        </a>\n                      ) : (\n                        <Link\n                          href={cell.url}\n                          className=\"hover:underline\"\n                          onClick={(event) => event.stopPropagation()}\n                        >\n                          {content}\n                        </Link>\n                      )\n                    ) : cell.action && record.actions ? (\n                      <button\n                        type=\"button\"\n                        className=\"text-start hover:underline\"\n                        onClick={(event) => {\n                          event.stopPropagation()\n                          const action = record.actions\n                            ?.flatMap((item) => ('actions' in item ? item.actions : [item]))\n                            .find((item) => 'name' in item && item.name === cell.action)\n\n                          if (action && 'name' in action)\n                            void runner.trigger(action, { ...context, record: record.key })\n                        }}\n                      >\n                        {content}\n                      </button>\n                    ) : clickable && column.name === primaryColumn ? (\n                      // Keyboard path for a clickable row: its primary cell is a real link or\n                      // button (the row itself stays a mouse convenience, not a tab stop).\n                      table.recordAction || !record.url ? (\n                        <button\n                          type=\"button\"\n                          className=\"focus-visible:ring-ring/50 rounded-sm text-start outline-none focus-visible:ring-[3px]\"\n                          onClick={(event) => {\n                            event.stopPropagation()\n                            rowClick(record)\n                          }}\n                        >\n                          {content}\n                        </button>\n                      ) : record.openUrlInNewTab ? (\n                        <a\n                          href={record.url}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          className=\"focus-visible:ring-ring/50 rounded-sm outline-none focus-visible:ring-[3px]\"\n                          onClick={(event) => event.stopPropagation()}\n                        >\n                          {content}\n                          <span className=\"sr-only\">\n                            {' '}\n                            {t('opens_in_new_tab', {}, '(opens in a new tab)')}\n                          </span>\n                        </a>\n                      ) : (\n                        <Link\n                          href={record.url}\n                          className=\"focus-visible:ring-ring/50 rounded-sm outline-none focus-visible:ring-[3px]\"\n                          onClick={(event) => event.stopPropagation()}\n                        >\n                          {content}\n                        </Link>\n                      )\n                    ) : (\n                      content\n                    )\n\n                    return (\n                      <TableCell\n                        key={column.name}\n\n                        title={cell.tooltip}\n                        data-click-disabled={clickDisabled || undefined}\n                        onClick={clickDisabled ? (event) => event.stopPropagation() : undefined}\n                        {...extraProps(\n                          cell.extraAttributes,\n                          cn(\n                            clickDisabled && 'cursor-default',\n                            ALIGN[column.alignment ?? 'start'],\n                            column.verticalAlignment && VERTICAL_ALIGN[column.verticalAlignment],\n                            (column as { wrap?: boolean }).wrap && 'whitespace-normal',\n                            cell.hidden && 'invisible',\n                            columnVisibilityClasses(column),\n                            stacked && stackedCellClasses(column),\n                          ),\n                        )}\n                      >\n                        {stacked && (\n                          <span className={STACKED_TABLE_CLASSES.label} aria-hidden=\"true\">\n                            {column.label}\n                          </span>\n                        )}\n                        {wrapped}\n                      </TableCell>\n                    )\n                  })}\n                  {(table.recordActionsPosition === 'after-columns' ||\n                    table.recordActionsPosition === 'after-cells') &&\n                    hasActions && (\n                      <TableCell\n                        className={cn('text-end', stacked && STACKED_TABLE_CLASSES.actionsCell)}\n                        onClick={(event) => event.stopPropagation()}\n                      >\n                        {actions}\n                      </TableCell>\n                    )}\n                </TableRow>\n              )\n            })}\n            <VirtualSpacerRow height={rowWindow.after} colSpan={rowCells} />\n          </TableBody>\n          <TableSummaryFooter\n            table={table}\n            columns={columns}\n            leading={leadingCells}\n            trailing={trailingCells}\n            className={cn(stacked && STACKED_TABLE_CLASSES.footer)}\n          />\n        </Table>\n      )}\n    </div>\n  )\n\n  const surface = spreadsheetOpen ? (\n    <Spreadsheet\n      table={table}\n      token={token}\n      component={component}\n      onClose={() => setSpreadsheet(false)}\n    />\n  ) : (\n    content\n  )\n\n  return (\n    <div data-slot=\"table-block\" className={cn('flex flex-col gap-4', className)}>\n      {toolbar}\n      {bulkBar}\n      <Slot name=\"table.content.before\" scope={component} />\n      {filtersAt === 'before' || filtersAt === 'after' ? (\n        // Sidebar filters: beside the table from `lg`, above it on smaller screens.\n        <div\n          data-slot=\"table-filters-layout\"\n          className=\"flex flex-col gap-4 lg:flex-row lg:items-start\"\n        >\n          {filtersAt === 'before' && <TableFilters table={table} component={component} />}\n          <div className=\"min-w-0 flex-1\">{surface}</div>\n          {filtersAt === 'after' && <TableFilters table={table} component={component} />}\n        </div>\n      ) : (\n        surface\n      )}\n      <Slot name=\"table.content.after\" scope={component} />\n      {filtersAt === 'below' && <TableFilters table={table} component={component} />}\n      <TablePagination table={table} />\n      <span aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {announcement}\n      </span>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/table/table-views.d.ts

@@ -0,0 +1,15 @@
+import { TableSchema } from "@alfakit/core";
+//#region src/components/table/table-views.d.ts
+/**
+ * Saved views above a table (`Table::savedViews()` / `views()`): the views as tabs (or a
+ * dropdown) and a menu to save the current state as a new view, update, rename, share
+ * or delete the active one, pick a default and reset changes. Each view is a URL
+ * (`?view=slug`), so it can be shared.
+ */
+export declare function TableViews({ table, token, component }: {
+  table: TableSchema;
+  token: string;
+  component: string;
+}): import("react").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=table-views.d.ts.map

package/dist/components/table/table-views.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-views.d.ts","names":[],"sources":["../../../src/components/table/table-views.tsx"],"mappings":";;;;;;;;wBAiDgB,aACd,OACA,OACA;EAEA,OAAO;EACP;EACA;oBACD,IAAA"}

package/dist/components/table/table-views.js

@@ -0,0 +1,376 @@
+import { useDirection, usePanel, useT } from "../../context.js";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../../lib/icons.js";
+import { Button } from "../ui/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../ui/dropdown-menu.js";
+import { Label } from "../ui/label.js";
+import { Input } from "../ui/input.js";
+import { Checkbox } from "../ui/checkbox.js";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../ui/dialog.js";
+import { showToast } from "../notifications/flash-toasts.js";
+import { Slot } from "../panel/slot.js";
+import { activeTableView, groupTableViews, inertiaReload, requestTableView, tabKeyTarget, tableViewError, tableViewFollowUp, visitTableView } from "@alfakit/core";
+import { useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { BookmarkIcon, ChevronDownIcon, RotateCcwIcon, StarIcon, UsersIcon } from "lucide-react";
+//#region src/components/table/table-views.tsx
+/**
+* Saved views above a table (`Table::savedViews()` / `views()`): the views as tabs (or a
+* dropdown) and a menu to save the current state as a new view, update, rename, share
+* or delete the active one, pick a default and reset changes. Each view is a URL
+* (`?view=slug`), so it can be shared.
+*/
+function TableViews({ table, token, component }) {
+	const t = useT();
+	const panel = usePanel();
+	const direction = useDirection();
+	const views = table.views;
+	const [dialog, setDialog] = useState(null);
+	const [confirmDelete, setConfirmDelete] = useState(null);
+	const [name, setName] = useState("");
+	const [shared, setShared] = useState(false);
+	const [error, setError] = useState();
+	const [busy, setBusy] = useState(false);
+	const tabs = useRef([]);
+	if (!views) return null;
+	const active = activeTableView(views);
+	const groups = groupTableViews(views.items);
+	const endpoint = panel.endpoints.tableViews;
+	const run = async (operation, success) => {
+		if (!endpoint) return false;
+		setBusy(true);
+		setError(void 0);
+		try {
+			const response = await requestTableView(endpoint, token, component, operation);
+			const next = tableViewFollowUp(table, operation, response);
+			if ("open" in next) visitTableView(table, next.open);
+			else inertiaReload();
+			if (success) showToast({
+				id: "alfakit-table-view",
+				title: success,
+				status: "success",
+				format: "alfakit"
+			});
+			return true;
+		} catch (failure) {
+			const message = tableViewError(failure);
+			if (dialog) setError(message ?? t("table.views.failed", {}, "Couldn't save the view"));
+			else showToast({
+				id: "alfakit-table-view-failed",
+				title: t("table.views.failed", {}, "Couldn't save the view"),
+				body: message,
+				status: "danger",
+				format: "alfakit"
+			});
+			return false;
+		} finally {
+			setBusy(false);
+		}
+	};
+	const openDialog = (next) => {
+		setName(next?.mode === "rename" ? next.view.label : "");
+		setShared(false);
+		setError(void 0);
+		setDialog(next);
+	};
+	const submitName = async () => {
+		if (!dialog) return;
+		if (dialog.mode === "create" ? await run({
+			operation: "create",
+			name,
+			shared
+		}, t("table.views.saved", {}, "View saved")) : await run({
+			operation: "rename",
+			view: dialog.view.key,
+			name
+		})) setDialog(null);
+	};
+	const allLabel = t("table.views.all", {}, "All");
+	const items = [null, ...views.items];
+	const activeKey = views.active ?? null;
+	const focusable = items.findIndex((item) => (item?.key ?? null) === activeKey);
+	const onTabKeyDown = (event, index) => {
+		const target = tabKeyTarget(event.key, index, items.length, direction);
+		if (target === null) return;
+		event.preventDefault();
+		tabs.current[target]?.focus();
+	};
+	const viewLabel = (item) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		item.icon && /* @__PURE__ */ jsx(Icon, {
+			name: item.icon,
+			className: "size-4"
+		}),
+		/* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: item.label
+		}),
+		item.type === "shared" && /* @__PURE__ */ jsx(Icon, {
+			name: "alfakit::tables.views.shared",
+			fallback: UsersIcon,
+			className: "text-muted-foreground size-3.5",
+			"aria-label": t("table.views.shared_badge", {}, "Shared")
+		}),
+		item.default && /* @__PURE__ */ jsx(Icon, {
+			name: "alfakit::tables.views.default",
+			fallback: StarIcon,
+			className: "text-muted-foreground size-3.5",
+			"aria-label": t("table.views.default_badge", {}, "Default")
+		})
+	] });
+	const switcher = views.layout === "dropdown" ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			"data-slot": "table-views-trigger",
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					name: "alfakit::tables.views.trigger",
+					fallback: BookmarkIcon
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "max-w-48 truncate",
+					children: active?.label ?? allLabel
+				}),
+				/* @__PURE__ */ jsx(ChevronDownIcon, { className: "opacity-60" })
+			]
+		})
+	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+		align: "start",
+		className: "min-w-56",
+		children: /* @__PURE__ */ jsxs(DropdownMenuRadioGroup, {
+			value: activeKey ?? "",
+			onValueChange: (key) => visitTableView(table, key === "" ? null : key),
+			children: [/* @__PURE__ */ jsx(DropdownMenuRadioItem, {
+				value: "",
+				children: allLabel
+			}), [
+				["preset", t("table.views.presets", {}, "Views")],
+				["shared", t("table.views.shared", {}, "Team views")],
+				["personal", t("table.views.personal", {}, "My views")]
+			].map(([type, label]) => groups[type].length > 0 ? /* @__PURE__ */ jsxs("div", {
+				role: "group",
+				"aria-label": label,
+				children: [
+					/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+					/* @__PURE__ */ jsx(DropdownMenuLabel, {
+						className: "text-muted-foreground text-xs",
+						children: label
+					}),
+					groups[type].map((item) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
+						value: item.key,
+						className: "gap-2",
+						children: viewLabel(item)
+					}, item.key))
+				]
+			}, type) : null)]
+		})
+	})] }) : /* @__PURE__ */ jsx("div", {
+		role: "tablist",
+		"aria-label": t("table.views.label", {}, "Views"),
+		"data-slot": "table-views-tabs",
+		className: "bg-muted text-muted-foreground inline-flex h-9 w-fit max-w-full items-center overflow-x-auto rounded-lg p-[3px]",
+		children: items.map((item, index) => {
+			const selected = (item?.key ?? null) === activeKey;
+			return /* @__PURE__ */ jsx("button", {
+				ref: (element) => {
+					tabs.current[index] = element;
+				},
+				type: "button",
+				role: "tab",
+				"aria-selected": selected,
+				tabIndex: index === (focusable === -1 ? 0 : focusable) ? 0 : -1,
+				"data-state": selected ? "active" : "inactive",
+				className: cn("inline-flex h-[calc(100%-1px)] shrink-0 items-center justify-center gap-1.5 rounded-md border border-transparent px-2.5 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-none", "focus-visible:border-ring focus-visible:ring-ring/50", selected ? "bg-background text-foreground shadow-sm" : "hover:text-foreground"),
+				onClick: () => !selected && visitTableView(table, item?.key ?? null),
+				onKeyDown: (event) => onTabKeyDown(event, index),
+				children: item ? viewLabel(item) : allLabel
+			}, item?.key ?? "");
+		})
+	});
+	const canUpdate = Boolean(active?.editable && views.canSave);
+	const hasMenu = Boolean(views.canSave || views.canSetDefault || views.modified);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "table-views",
+		className: "flex flex-wrap items-center gap-2",
+		children: [
+			/* @__PURE__ */ jsx(Slot, {
+				name: "table.views.before",
+				scope: component
+			}),
+			switcher,
+			views.modified && /* @__PURE__ */ jsx("span", {
+				"data-slot": "table-views-modified",
+				className: "text-muted-foreground text-xs italic",
+				children: t("table.views.modified", {}, "Modified")
+			}),
+			hasMenu && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					disabled: busy,
+					"aria-label": t("table.views.actions", {}, "View options"),
+					children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+				})
+			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+				align: "start",
+				className: "min-w-52",
+				children: [
+					views.canSave && /* @__PURE__ */ jsx(DropdownMenuItem, {
+						onSelect: () => openDialog({ mode: "create" }),
+						children: t("table.views.save_new", {}, "Save as new view")
+					}),
+					canUpdate && active && views.modified && /* @__PURE__ */ jsx(DropdownMenuItem, {
+						onSelect: () => void run({
+							operation: "update",
+							view: active.key
+						}, t("table.views.saved", {}, "View saved")),
+						children: t("table.views.update", {}, "Update view")
+					}),
+					views.modified && /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onSelect: () => visitTableView(table, activeKey),
+						children: [/* @__PURE__ */ jsx(RotateCcwIcon, {}), t("table.views.reset", {}, "Reset changes")]
+					}),
+					canUpdate && active && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+						/* @__PURE__ */ jsx(DropdownMenuItem, {
+							onSelect: () => openDialog({
+								mode: "rename",
+								view: active
+							}),
+							children: t("table.views.rename", {}, "Rename view")
+						}),
+						views.canShare && /* @__PURE__ */ jsx(DropdownMenuItem, {
+							onSelect: () => void run({
+								operation: "share",
+								view: active.key,
+								shared: active.type !== "shared"
+							}),
+							children: active.type === "shared" ? t("table.views.unshare", {}, "Stop sharing") : t("table.views.share", {}, "Share with team")
+						}),
+						/* @__PURE__ */ jsx(DropdownMenuItem, {
+							variant: "destructive",
+							onSelect: () => setConfirmDelete(active),
+							children: t("table.views.delete", {}, "Delete view")
+						})
+					] }),
+					views.canSetDefault && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), (active?.default ?? false) || !active && views.userDefault === "" ? /* @__PURE__ */ jsx(DropdownMenuItem, {
+						onSelect: () => void run({
+							operation: "default",
+							view: null
+						}),
+						children: t("table.views.clear_default", {}, "Clear my default")
+					}) : /* @__PURE__ */ jsx(DropdownMenuItem, {
+						onSelect: () => void run({
+							operation: "default",
+							view: active?.key ?? ""
+						}),
+						children: t("table.views.set_default", {}, "Set as my default")
+					})] })
+				]
+			})] }),
+			/* @__PURE__ */ jsx(Slot, {
+				name: "table.views.after",
+				scope: component
+			}),
+			/* @__PURE__ */ jsx(Dialog, {
+				open: dialog !== null,
+				onOpenChange: (open) => !open && setDialog(null),
+				children: /* @__PURE__ */ jsx(DialogContent, {
+					className: "sm:max-w-md",
+					children: /* @__PURE__ */ jsxs("form", {
+						"data-slot": "table-view-form",
+						className: "flex flex-col gap-4",
+						onSubmit: (event) => {
+							event.preventDefault();
+							submitName();
+						},
+						children: [
+							/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: dialog?.mode === "rename" ? t("table.views.rename", {}, "Rename view") : t("table.views.save_new", {}, "Save as new view") }), /* @__PURE__ */ jsx(DialogDescription, {
+								className: "sr-only",
+								children: t("table.views.name_help", {}, "Saves the filters, search, sort, columns and grouping.")
+							})] }),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-2",
+								children: [
+									/* @__PURE__ */ jsx(Label, {
+										htmlFor: `${component}-view-name`,
+										children: t("table.views.name", {}, "Name")
+									}),
+									/* @__PURE__ */ jsx(Input, {
+										id: `${component}-view-name`,
+										value: name,
+										maxLength: 120,
+										autoFocus: true,
+										required: true,
+										"aria-invalid": error ? true : void 0,
+										"aria-describedby": error ? `${component}-view-name-error` : void 0,
+										onChange: (event) => setName(event.target.value)
+									}),
+									error && /* @__PURE__ */ jsx("p", {
+										id: `${component}-view-name-error`,
+										className: "text-destructive text-sm",
+										children: error
+									})
+								]
+							}),
+							dialog?.mode === "create" && views.canShare && /* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ jsx(Checkbox, {
+									id: `${component}-view-shared`,
+									checked: shared,
+									onCheckedChange: (checked) => setShared(checked === true)
+								}), /* @__PURE__ */ jsx(Label, {
+									htmlFor: `${component}-view-shared`,
+									children: t("table.views.share", {}, "Share with team")
+								})]
+							}),
+							/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "outline",
+								onClick: () => setDialog(null),
+								children: t("cancel", {}, "Cancel")
+							}), /* @__PURE__ */ jsx(Button, {
+								type: "submit",
+								disabled: busy || name.trim() === "",
+								children: t("save", {}, "Save")
+							})] })
+						]
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx(Dialog, {
+				open: confirmDelete !== null,
+				onOpenChange: (open) => !open && setConfirmDelete(null),
+				children: /* @__PURE__ */ jsxs(DialogContent, {
+					className: "sm:max-w-md",
+					children: [/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: t("table.views.delete", {}, "Delete view") }), /* @__PURE__ */ jsx(DialogDescription, { children: t("table.views.delete_confirm", { name: confirmDelete?.label ?? "" }, "Delete the view \":name\"?") })] }), /* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "outline",
+						onClick: () => setConfirmDelete(null),
+						children: t("cancel", {}, "Cancel")
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "destructive",
+						disabled: busy,
+						onClick: async () => {
+							if (!confirmDelete) return;
+							if (await run({
+								operation: "delete",
+								view: confirmDelete.key
+							}, t("table.views.deleted", {}, "View deleted"))) setConfirmDelete(null);
+						},
+						children: t("table.views.delete", {}, "Delete view")
+					})] })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { TableViews };
+
+//# sourceMappingURL=table-views.js.map

package/dist/components/table/table-views.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-views.js","names":[],"sources":["../../../src/components/table/table-views.tsx"],"sourcesContent":["import type { TableSchema, TableViewItemSchema, TableViewOperation } from '@alfakit/core'\nimport {\n  activeTableView,\n  groupTableViews,\n  inertiaReload,\n  requestTableView,\n  tabKeyTarget,\n  tableViewError,\n  tableViewFollowUp,\n  visitTableView,\n} from '@alfakit/core'\nimport { BookmarkIcon, ChevronDownIcon, RotateCcwIcon, StarIcon, UsersIcon } from 'lucide-react'\nimport { useRef, useState, type KeyboardEvent } from 'react'\nimport { useDirection, usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { showToast } from '../notifications/flash-toasts'\nimport { Slot } from '../panel/slot'\nimport { Button } from '../ui/button'\nimport { Checkbox } from '../ui/checkbox'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../ui/dialog'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '../ui/dropdown-menu'\nimport { Input } from '../ui/input'\nimport { Label } from '../ui/label'\n\ntype NameDialog = { mode: 'create' } | { mode: 'rename'; view: TableViewItemSchema } | null\n\n/**\n * Saved views above a table (`Table::savedViews()` / `views()`): the views as tabs (or a\n * dropdown) and a menu to save the current state as a new view, update, rename, share\n * or delete the active one, pick a default and reset changes. Each view is a URL\n * (`?view=slug`), so it can be shared.\n */\nexport function TableViews({\n  table,\n  token,\n  component,\n}: {\n  table: TableSchema\n  token: string\n  component: string\n}) {\n  const t = useT()\n  const panel = usePanel()\n  const direction = useDirection()\n  const views = table.views\n  const [dialog, setDialog] = useState<NameDialog>(null)\n  const [confirmDelete, setConfirmDelete] = useState<TableViewItemSchema | null>(null)\n  const [name, setName] = useState('')\n  const [shared, setShared] = useState(false)\n  const [error, setError] = useState<string | undefined>()\n  const [busy, setBusy] = useState(false)\n  const tabs = useRef<Array<HTMLButtonElement | null>>([])\n\n  if (!views) return null\n\n  const active = activeTableView(views)\n  const groups = groupTableViews(views.items)\n  const endpoint = panel.endpoints.tableViews\n\n  const run = async (operation: TableViewOperation, success?: string): Promise<boolean> => {\n    if (!endpoint) return false\n\n    setBusy(true)\n    setError(undefined)\n\n    try {\n      const response = await requestTableView(endpoint, token, component, operation)\n      const next = tableViewFollowUp(table, operation, response)\n\n      if ('open' in next) {\n        visitTableView(table, next.open)\n      } else {\n        inertiaReload()\n      }\n\n      if (success) {\n        showToast({\n          id: 'alfakit-table-view',\n          title: success,\n          status: 'success',\n          format: 'alfakit',\n        })\n      }\n\n      return true\n    } catch (failure) {\n      const message = tableViewError(failure)\n\n      if (dialog) {\n        setError(message ?? t('table.views.failed', {}, \"Couldn't save the view\"))\n      } else {\n        showToast({\n          id: 'alfakit-table-view-failed',\n          title: t('table.views.failed', {}, \"Couldn't save the view\"),\n          body: message,\n          status: 'danger',\n          format: 'alfakit',\n        })\n      }\n\n      return false\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const openDialog = (next: NameDialog) => {\n    setName(next?.mode === 'rename' ? next.view.label : '')\n    setShared(false)\n    setError(undefined)\n    setDialog(next)\n  }\n\n  const submitName = async () => {\n    if (!dialog) return\n\n    const ok =\n      dialog.mode === 'create'\n        ? await run({ operation: 'create', name, shared }, t('table.views.saved', {}, 'View saved'))\n        : await run({ operation: 'rename', view: dialog.view.key, name })\n\n    if (ok) setDialog(null)\n  }\n\n  const allLabel = t('table.views.all', {}, 'All')\n  const items: Array<TableViewItemSchema | null> = [null, ...views.items]\n  const activeKey = views.active ?? null\n  const focusable = items.findIndex((item) => (item?.key ?? null) === activeKey)\n\n  const onTabKeyDown = (event: KeyboardEvent<HTMLButtonElement>, index: number) => {\n    const target = tabKeyTarget(event.key, index, items.length, direction)\n\n    if (target === null) return\n\n    event.preventDefault()\n    tabs.current[target]?.focus()\n  }\n\n  const viewLabel = (item: TableViewItemSchema) => (\n    <>\n      {item.icon && <Icon name={item.icon} className=\"size-4\" />}\n      <span className=\"truncate\">{item.label}</span>\n      {item.type === 'shared' && (\n        <Icon\n          name=\"alfakit::tables.views.shared\"\n          fallback={UsersIcon}\n          className=\"text-muted-foreground size-3.5\"\n          aria-label={t('table.views.shared_badge', {}, 'Shared')}\n        />\n      )}\n      {item.default && (\n        <Icon\n          name=\"alfakit::tables.views.default\"\n          fallback={StarIcon}\n          className=\"text-muted-foreground size-3.5\"\n          aria-label={t('table.views.default_badge', {}, 'Default')}\n        />\n      )}\n    </>\n  )\n\n  const switcher =\n    views.layout === 'dropdown' ? (\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" data-slot=\"table-views-trigger\">\n            <Icon name=\"alfakit::tables.views.trigger\" fallback={BookmarkIcon} />\n            <span className=\"max-w-48 truncate\">{active?.label ?? allLabel}</span>\n            <ChevronDownIcon className=\"opacity-60\" />\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\" className=\"min-w-56\">\n          <DropdownMenuRadioGroup\n            value={activeKey ?? ''}\n            onValueChange={(key) => visitTableView(table, key === '' ? null : key)}\n          >\n            <DropdownMenuRadioItem value=\"\">{allLabel}</DropdownMenuRadioItem>\n            {(\n              [\n                ['preset', t('table.views.presets', {}, 'Views')],\n                ['shared', t('table.views.shared', {}, 'Team views')],\n                ['personal', t('table.views.personal', {}, 'My views')],\n              ] as const\n            ).map(([type, label]) =>\n              groups[type].length > 0 ? (\n                <div key={type} role=\"group\" aria-label={label}>\n                  <DropdownMenuSeparator />\n                  <DropdownMenuLabel className=\"text-muted-foreground text-xs\">\n                    {label}\n                  </DropdownMenuLabel>\n                  {groups[type].map((item) => (\n                    <DropdownMenuRadioItem key={item.key} value={item.key} className=\"gap-2\">\n                      {viewLabel(item)}\n                    </DropdownMenuRadioItem>\n                  ))}\n                </div>\n              ) : null,\n            )}\n          </DropdownMenuRadioGroup>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    ) : (\n      <div\n        role=\"tablist\"\n        aria-label={t('table.views.label', {}, 'Views')}\n        data-slot=\"table-views-tabs\"\n        className=\"bg-muted text-muted-foreground inline-flex h-9 w-fit max-w-full items-center overflow-x-auto rounded-lg p-[3px]\"\n      >\n        {items.map((item, index) => {\n          const selected = (item?.key ?? null) === activeKey\n\n          return (\n            <button\n              key={item?.key ?? ''}\n              ref={(element) => {\n                tabs.current[index] = element\n              }}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={selected}\n              tabIndex={index === (focusable === -1 ? 0 : focusable) ? 0 : -1}\n              data-state={selected ? 'active' : 'inactive'}\n              className={cn(\n                'inline-flex h-[calc(100%-1px)] shrink-0 items-center justify-center gap-1.5 rounded-md border border-transparent px-2.5 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-none',\n                'focus-visible:border-ring focus-visible:ring-ring/50',\n                selected ? 'bg-background text-foreground shadow-sm' : 'hover:text-foreground',\n              )}\n              onClick={() => !selected && visitTableView(table, item?.key ?? null)}\n              onKeyDown={(event) => onTabKeyDown(event, index)}\n            >\n              {item ? viewLabel(item) : allLabel}\n            </button>\n          )\n        })}\n      </div>\n    )\n\n  const canUpdate = Boolean(active?.editable && views.canSave)\n  const hasMenu = Boolean(views.canSave || views.canSetDefault || views.modified)\n\n  return (\n    <div data-slot=\"table-views\" className=\"flex flex-wrap items-center gap-2\">\n      <Slot name=\"table.views.before\" scope={component} />\n      {switcher}\n      {views.modified && (\n        <span data-slot=\"table-views-modified\" className=\"text-muted-foreground text-xs italic\">\n          {t('table.views.modified', {}, 'Modified')}\n        </span>\n      )}\n      {hasMenu && (\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              disabled={busy}\n              aria-label={t('table.views.actions', {}, 'View options')}\n            >\n              <ChevronDownIcon />\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\" className=\"min-w-52\">\n            {views.canSave && (\n              <DropdownMenuItem onSelect={() => openDialog({ mode: 'create' })}>\n                {t('table.views.save_new', {}, 'Save as new view')}\n              </DropdownMenuItem>\n            )}\n            {canUpdate && active && views.modified && (\n              <DropdownMenuItem\n                onSelect={() =>\n                  void run(\n                    { operation: 'update', view: active.key },\n                    t('table.views.saved', {}, 'View saved'),\n                  )\n                }\n              >\n                {t('table.views.update', {}, 'Update view')}\n              </DropdownMenuItem>\n            )}\n            {views.modified && (\n              <DropdownMenuItem onSelect={() => visitTableView(table, activeKey)}>\n                <RotateCcwIcon />\n                {t('table.views.reset', {}, 'Reset changes')}\n              </DropdownMenuItem>\n            )}\n            {canUpdate && active && (\n              <>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem onSelect={() => openDialog({ mode: 'rename', view: active })}>\n                  {t('table.views.rename', {}, 'Rename view')}\n                </DropdownMenuItem>\n                {views.canShare && (\n                  <DropdownMenuItem\n                    onSelect={() =>\n                      void run({\n                        operation: 'share',\n                        view: active.key,\n                        shared: active.type !== 'shared',\n                      })\n                    }\n                  >\n                    {active.type === 'shared'\n                      ? t('table.views.unshare', {}, 'Stop sharing')\n                      : t('table.views.share', {}, 'Share with team')}\n                  </DropdownMenuItem>\n                )}\n                <DropdownMenuItem variant=\"destructive\" onSelect={() => setConfirmDelete(active)}>\n                  {t('table.views.delete', {}, 'Delete view')}\n                </DropdownMenuItem>\n              </>\n            )}\n            {views.canSetDefault && (\n              <>\n                <DropdownMenuSeparator />\n                {(active?.default ?? false) || (!active && views.userDefault === '') ? (\n                  <DropdownMenuItem onSelect={() => void run({ operation: 'default', view: null })}>\n                    {t('table.views.clear_default', {}, 'Clear my default')}\n                  </DropdownMenuItem>\n                ) : (\n                  <DropdownMenuItem\n                    onSelect={() => void run({ operation: 'default', view: active?.key ?? '' })}\n                  >\n                    {t('table.views.set_default', {}, 'Set as my default')}\n                  </DropdownMenuItem>\n                )}\n              </>\n            )}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )}\n      <Slot name=\"table.views.after\" scope={component} />\n\n      <Dialog open={dialog !== null} onOpenChange={(open) => !open && setDialog(null)}>\n        <DialogContent className=\"sm:max-w-md\">\n          <form\n            data-slot=\"table-view-form\"\n            className=\"flex flex-col gap-4\"\n            onSubmit={(event) => {\n              event.preventDefault()\n              void submitName()\n            }}\n          >\n            <DialogHeader>\n              <DialogTitle>\n                {dialog?.mode === 'rename'\n                  ? t('table.views.rename', {}, 'Rename view')\n                  : t('table.views.save_new', {}, 'Save as new view')}\n              </DialogTitle>\n              <DialogDescription className=\"sr-only\">\n                {t(\n                  'table.views.name_help',\n                  {},\n                  'Saves the filters, search, sort, columns and grouping.',\n                )}\n              </DialogDescription>\n            </DialogHeader>\n            <div className=\"flex flex-col gap-2\">\n              <Label htmlFor={`${component}-view-name`}>{t('table.views.name', {}, 'Name')}</Label>\n              <Input\n                id={`${component}-view-name`}\n                value={name}\n                maxLength={120}\n                autoFocus\n                required\n                aria-invalid={error ? true : undefined}\n                aria-describedby={error ? `${component}-view-name-error` : undefined}\n                onChange={(event) => setName(event.target.value)}\n              />\n              {error && (\n                <p id={`${component}-view-name-error`} className=\"text-destructive text-sm\">\n                  {error}\n                </p>\n              )}\n            </div>\n            {dialog?.mode === 'create' && views.canShare && (\n              <div className=\"flex items-center gap-2\">\n                <Checkbox\n                  id={`${component}-view-shared`}\n                  checked={shared}\n                  onCheckedChange={(checked) => setShared(checked === true)}\n                />\n                <Label htmlFor={`${component}-view-shared`}>\n                  {t('table.views.share', {}, 'Share with team')}\n                </Label>\n              </div>\n            )}\n            <DialogFooter>\n              <Button type=\"button\" variant=\"outline\" onClick={() => setDialog(null)}>\n                {t('cancel', {}, 'Cancel')}\n              </Button>\n              <Button type=\"submit\" disabled={busy || name.trim() === ''}>\n                {t('save', {}, 'Save')}\n              </Button>\n            </DialogFooter>\n          </form>\n        </DialogContent>\n      </Dialog>\n\n      <Dialog\n        open={confirmDelete !== null}\n        onOpenChange={(open) => !open && setConfirmDelete(null)}\n      >\n        <DialogContent className=\"sm:max-w-md\">\n          <DialogHeader>\n            <DialogTitle>{t('table.views.delete', {}, 'Delete view')}</DialogTitle>\n            <DialogDescription>\n              {t(\n                'table.views.delete_confirm',\n                { name: confirmDelete?.label ?? '' },\n                'Delete the view \":name\"?',\n              )}\n            </DialogDescription>\n          </DialogHeader>\n          <DialogFooter>\n            <Button type=\"button\" variant=\"outline\" onClick={() => setConfirmDelete(null)}>\n              {t('cancel', {}, 'Cancel')}\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              disabled={busy}\n              onClick={async () => {\n                if (!confirmDelete) return\n\n                if (\n                  await run(\n                    { operation: 'delete', view: confirmDelete.key },\n                    t('table.views.deleted', {}, 'View deleted'),\n                  )\n                ) {\n                  setConfirmDelete(null)\n                }\n              }}\n            >\n              {t('table.views.delete', {}, 'Delete view')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n"],"mappings":"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"}