@arqel-dev/ui 0.16.0 → 0.17.0

package/dist/{chunk-X4ZFKOPX.js → chunk-DOQUHQND.js}

@@ -1,5 +1,5 @@
-import { ResourceIndex } from './chunk-EG2DASKR.js';
-import { ActionButton, ActionMenu } from './chunk-SLLTFOOS.js';
+import { ResourceIndex } from './chunk-KGAY2AZH.js';
+import { ActionButton, ActionMenu } from './chunk-7NGUPQON.js';
 import { usePage, router } from '@inertiajs/react';
 import { useMemo, useState, useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -201,5 +201,5 @@ function ArqelIndexPage() {
 }
 
 export { ArqelIndexPage };
-//# sourceMappingURL=chunk-X4ZFKOPX.js.map
-//# sourceMappingURL=chunk-X4ZFKOPX.js.map
+//# sourceMappingURL=chunk-DOQUHQND.js.map
+//# sourceMappingURL=chunk-DOQUHQND.js.map

package/dist/{chunk-X4ZFKOPX.js.map → chunk-DOQUHQND.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/pages/ArqelIndexPage.tsx"],"names":[],"mappings":"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","file":"chunk-X4ZFKOPX.js","sourcesContent":["/**\n * Default Inertia page for `arqel::index`.\n *\n * Pulls every prop the server emits via `InertiaDataBuilder::\n * buildIndexData` / `buildTableIndexData` and forwards them to\n * `<ResourceIndex>`. Apps can override per-resource by registering\n * their own page component at `Pages/Arqel/{Slug}/Index.tsx` (the\n * lookup falls through to user pages first inside `createArqelApp`).\n *\n * Wires the standard table interactions — search / filter / sort /\n * pagination — into Inertia partial `router.get` visits so the\n * server can re-run TableQueryBuilder with the new query string.\n *\n * Query-string contract (matches `Arqel\\Table\\TableQueryBuilder`):\n *   - `?search=foo`              global search\n *   - `?sort=column&direction=asc|desc`\n *   - `?page=N&per_page=M`\n *   - `?filter[name]=value`      one entry per filter\n *\n * `search` is debounced (300ms) so typing doesn't hammer the\n * backend; the rest fire immediately.\n */\n\nimport type { ActionSchema } from '@arqel-dev/types/actions';\nimport type { RecordType, ResourceIndexProps } from '@arqel-dev/types/resources';\nimport type { SortDirection } from '@arqel-dev/types/tables';\nimport { router, usePage } from '@inertiajs/react';\nimport { type JSX, useEffect, useMemo, useRef, useState } from 'react';\nimport { ActionButton } from '../action/ActionButton.js';\nimport { ActionMenu } from '../action/ActionMenu.js';\nimport { ResourceIndex } from '../resource/ResourceIndex.js';\n\ntype FilterValue = unknown;\n\nfunction pruneEmptyFilters(values: Record<string, FilterValue>): Record<string, FilterValue> {\n  const out: Record<string, FilterValue> = {};\n  for (const [k, v] of Object.entries(values)) {\n    if (v === undefined || v === null || v === '') continue;\n    if (Array.isArray(v) && v.length === 0) continue;\n    out[k] = v;\n  }\n  return out;\n}\n\ninterface VisitParams {\n  filters: Record<string, FilterValue>;\n  search: string;\n  sort?: { column: string | null; direction: string | null } | null;\n  page?: number | undefined;\n  perPage?: number | undefined;\n}\n\nfunction invokeAction(\n  action: ActionSchema,\n  record: { id: string | number } | null,\n  formValues?: Record<string, unknown>,\n): void {\n  const recordId = record?.id;\n  // Every dispatchable action ships a server-emitted `url` (stock verbs,\n  // bulk, and custom callback actions all resolve through core's authorised\n  // routes — see `Action::resolveStockUrl()`, #48/#231). An absent `url`\n  // signals a misconfiguration; we must NOT fall back to the dead\n  // `/arqel-dev/actions/{name}` route removed in #174. Surface it clearly\n  // instead of masking it as a 404.\n  if (!action.url) {\n    throw new Error(\n      `Arqel: action \"${action.name}\" has no url to dispatch to. Declare it on ` +\n        `the Resource's actions()/headerActions()/toolbarActions() so the server ` +\n        `emits its endpoint URL, or give it an explicit ->url().`,\n    );\n  }\n  const url = action.url.replace('{id}', String(recordId ?? ''));\n  const method = action.method.toLowerCase() as 'get' | 'post' | 'put' | 'patch' | 'delete';\n  const data: Record<string, unknown> = { ...(formValues ?? {}) };\n  if (recordId !== undefined) data['record_id'] = recordId;\n\n  router.visit(url, {\n    method: method as never,\n    data: data as never,\n    preserveScroll: true,\n  });\n}\n\n/**\n * Resolve the row-action list for a single record (#140).\n *\n * Row actions are defined once at table level (label / icon / color /\n * confirmation / form), but `url(Closure)` and `disabled(Closure)`\n * actions depend on the row. The server emits those resolved values\n * per record under `record.arqel.actionOverrides`; here we merge them\n * onto the shared definitions so each row links to its own URL and\n * carries its own disabled state.\n *\n * When the server also emits `record.arqel.actions` (the visible +\n * executable action names) we filter the list against it so per-row\n * authorization/visibility is honoured.\n */\nfunction resolveRecordActions(\n  tableActions: ActionSchema[],\n  record: {\n    arqel?: {\n      actions?: string[];\n      actionOverrides?: Record<string, { url?: string; disabled?: true }>;\n    };\n  },\n): ActionSchema[] {\n  const visibleNames = record.arqel?.actions;\n  const overrides = record.arqel?.actionOverrides ?? {};\n\n  return tableActions\n    .filter((action) => (visibleNames ? visibleNames.includes(action.name) : true))\n    .map((action) => {\n      const override = overrides[action.name];\n      if (override === undefined) return action;\n      return {\n        ...action,\n        ...(override.url !== undefined ? { url: override.url } : {}),\n        ...(override.disabled === true ? { disabled: true as const } : {}),\n      };\n    });\n}\n\nfunction buildQuery(params: VisitParams): Record<string, unknown> {\n  const data: Record<string, unknown> = {};\n  const filters = pruneEmptyFilters(params.filters);\n  if (Object.keys(filters).length > 0) data['filter'] = filters;\n  if (params.search !== undefined) data['search'] = params.search;\n  if (params.sort?.column) {\n    data['sort'] = params.sort.column;\n    if (params.sort.direction) data['direction'] = params.sort.direction;\n  }\n  if (params.page && params.page > 1) data['page'] = params.page;\n  if (params.perPage) data['per_page'] = params.perPage;\n  return data;\n}\n\nexport default function ArqelIndexPage<TRecord extends RecordType = RecordType>(): JSX.Element {\n  const page = usePage();\n  const props = page.props as unknown as ResourceIndexProps<TRecord>;\n\n  const initialFilters = useMemo(() => {\n    if (typeof window === 'undefined') return {};\n    const sp = new URLSearchParams(window.location.search);\n    const fromUrl: Record<string, FilterValue> = {};\n    for (const [key, value] of sp.entries()) {\n      const m = key.match(/^filter\\[([^\\]]+)\\]$/);\n      if (m?.[1]) fromUrl[m[1]] = value;\n    }\n    return fromUrl;\n  }, []);\n\n  const [filterValues, setFilterValues] = useState<Record<string, FilterValue>>(initialFilters);\n  const [searchValue, setSearchValue] = useState<string>(props.search ?? '');\n  const [perPage, setPerPage] = useState<number | undefined>(props.pagination?.perPage);\n  const [selectedIds, setSelectedIds] = useState<ReadonlyArray<string | number>>([]);\n  const searchDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const visit = (data: Record<string, unknown>): void => {\n    const url = typeof window !== 'undefined' ? window.location.pathname : page.url.split('?')[0];\n    router.get(url ?? '/', data as Record<string, string | number | boolean | undefined>, {\n      preserveState: true,\n      preserveScroll: true,\n      replace: true,\n    });\n  };\n\n  const currentSort = props.sort ?? null;\n\n  const handleFilterChange = (name: string, value: FilterValue): void => {\n    const nextFilters = { ...filterValues };\n    if (value === undefined || value === null || value === '') {\n      delete nextFilters[name];\n    } else {\n      nextFilters[name] = value;\n    }\n    setFilterValues(nextFilters);\n    visit(buildQuery({ filters: nextFilters, search: searchValue, sort: currentSort, perPage }));\n  };\n\n  const handleClearFilters = (): void => {\n    setFilterValues({});\n    visit(buildQuery({ filters: {}, search: searchValue, sort: currentSort, perPage }));\n  };\n\n  const handleSearchChange = (value: string): void => {\n    setSearchValue(value);\n    if (searchDebounceRef.current) clearTimeout(searchDebounceRef.current);\n    searchDebounceRef.current = setTimeout(() => {\n      visit(buildQuery({ filters: filterValues, search: value, sort: currentSort, perPage }));\n    }, 300);\n  };\n\n  useEffect(\n    () => () => {\n      if (searchDebounceRef.current) clearTimeout(searchDebounceRef.current);\n    },\n    [],\n  );\n\n  const handleSortChange = (column: string, direction: SortDirection): void => {\n    visit(\n      buildQuery({\n        filters: filterValues,\n        search: searchValue,\n        sort: { column, direction },\n        perPage,\n      }),\n    );\n  };\n\n  const handlePageChange = (pageNum: number): void => {\n    visit(\n      buildQuery({\n        filters: filterValues,\n        search: searchValue,\n        sort: currentSort,\n        page: pageNum,\n        perPage,\n      }),\n    );\n  };\n\n  const handlePerPageChange = (newPerPage: number): void => {\n    setPerPage(newPerPage);\n    visit(\n      buildQuery({\n        filters: filterValues,\n        search: searchValue,\n        sort: currentSort,\n        perPage: newPerPage,\n      }),\n    );\n  };\n\n  const dispatchBulkAction = (action: ActionSchema): void => {\n    // Every bulk action carries a stock url (core resolves\n    // /admin/{slug}/bulk/{name} for any bulk action without an\n    // explicit url), so there is no client-side fallback route.\n    const url = action.url;\n    if (url === undefined) {\n      return;\n    }\n    const method = action.method.toLowerCase() as 'get' | 'post' | 'put' | 'patch' | 'delete';\n    router.visit(url, {\n      method: method as never,\n      data: { record_ids: selectedIds as readonly (string | number)[] } as never,\n      preserveScroll: true,\n      onSuccess: () => setSelectedIds([]),\n    });\n  };\n\n  const bulkActionsList = props.actions?.bulk ?? [];\n  const bulkActions =\n    bulkActionsList.length > 0 && selectedIds.length > 0 ? (\n      <div className=\"flex items-center gap-2\">\n        {bulkActionsList.map((action) => (\n          // Route through ActionButton so destructive bulk actions that set\n          // requiresConfirmation open the ConfirmDialog before dispatching,\n          // matching row-action behaviour. Non-confirming actions fire\n          // immediately. The visit payload is unchanged.\n          <ActionButton\n            key={action.name}\n            action={action}\n            onInvoke={() => dispatchBulkAction(action)}\n            size=\"sm\"\n            // 44px touch target on mobile (WCAG 2.5.5); dense 32px on >=md.\n            className=\"h-11 md:h-8\"\n          />\n        ))}\n      </div>\n    ) : undefined;\n\n  const rowActionsList = props.actions?.row ?? [];\n  const rowActions =\n    rowActionsList.length > 0\n      ? (record: TRecord) => (\n          <ActionMenu\n            // Resolve actions against this row so closure-URL /\n            // closure-disabled actions get their per-record values\n            // (#140) instead of the table-level placeholder.\n            actions={resolveRecordActions(rowActionsList, record)}\n            onInvoke={(action, formValues) =>\n              invokeAction(action, record as { id: string | number }, formValues)\n            }\n          />\n        )\n      : undefined;\n\n  return (\n    <ResourceIndex<TRecord>\n      {...props}\n      filterValues={filterValues}\n      onFilterChange={handleFilterChange}\n      onClearFilters={handleClearFilters}\n      onSearchChange={handleSearchChange}\n      onSortChange={handleSortChange}\n      onPageChange={handlePageChange}\n      onPerPageChange={handlePerPageChange}\n      search={searchValue}\n      selectedIds={selectedIds}\n      onSelectionChange={(ids) => setSelectedIds(ids)}\n      {...(rowActions ? { rowActions } : {})}\n      {...(bulkActions ? { bulkActions } : {})}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../src/pages/ArqelIndexPage.tsx"],"names":[],"mappings":"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","file":"chunk-DOQUHQND.js","sourcesContent":["/**\n * Default Inertia page for `arqel::index`.\n *\n * Pulls every prop the server emits via `InertiaDataBuilder::\n * buildIndexData` / `buildTableIndexData` and forwards them to\n * `<ResourceIndex>`. Apps can override per-resource by registering\n * their own page component at `Pages/Arqel/{Slug}/Index.tsx` (the\n * lookup falls through to user pages first inside `createArqelApp`).\n *\n * Wires the standard table interactions — search / filter / sort /\n * pagination — into Inertia partial `router.get` visits so the\n * server can re-run TableQueryBuilder with the new query string.\n *\n * Query-string contract (matches `Arqel\\Table\\TableQueryBuilder`):\n *   - `?search=foo`              global search\n *   - `?sort=column&direction=asc|desc`\n *   - `?page=N&per_page=M`\n *   - `?filter[name]=value`      one entry per filter\n *\n * `search` is debounced (300ms) so typing doesn't hammer the\n * backend; the rest fire immediately.\n */\n\nimport type { ActionSchema } from '@arqel-dev/types/actions';\nimport type { RecordType, ResourceIndexProps } from '@arqel-dev/types/resources';\nimport type { SortDirection } from '@arqel-dev/types/tables';\nimport { router, usePage } from '@inertiajs/react';\nimport { type JSX, useEffect, useMemo, useRef, useState } from 'react';\nimport { ActionButton } from '../action/ActionButton.js';\nimport { ActionMenu } from '../action/ActionMenu.js';\nimport { ResourceIndex } from '../resource/ResourceIndex.js';\n\ntype FilterValue = unknown;\n\nfunction pruneEmptyFilters(values: Record<string, FilterValue>): Record<string, FilterValue> {\n  const out: Record<string, FilterValue> = {};\n  for (const [k, v] of Object.entries(values)) {\n    if (v === undefined || v === null || v === '') continue;\n    if (Array.isArray(v) && v.length === 0) continue;\n    out[k] = v;\n  }\n  return out;\n}\n\ninterface VisitParams {\n  filters: Record<string, FilterValue>;\n  search: string;\n  sort?: { column: string | null; direction: string | null } | null;\n  page?: number | undefined;\n  perPage?: number | undefined;\n}\n\nfunction invokeAction(\n  action: ActionSchema,\n  record: { id: string | number } | null,\n  formValues?: Record<string, unknown>,\n): void {\n  const recordId = record?.id;\n  // Every dispatchable action ships a server-emitted `url` (stock verbs,\n  // bulk, and custom callback actions all resolve through core's authorised\n  // routes — see `Action::resolveStockUrl()`, #48/#231). An absent `url`\n  // signals a misconfiguration; we must NOT fall back to the dead\n  // `/arqel-dev/actions/{name}` route removed in #174. Surface it clearly\n  // instead of masking it as a 404.\n  if (!action.url) {\n    throw new Error(\n      `Arqel: action \"${action.name}\" has no url to dispatch to. Declare it on ` +\n        `the Resource's actions()/headerActions()/toolbarActions() so the server ` +\n        `emits its endpoint URL, or give it an explicit ->url().`,\n    );\n  }\n  const url = action.url.replace('{id}', String(recordId ?? ''));\n  const method = action.method.toLowerCase() as 'get' | 'post' | 'put' | 'patch' | 'delete';\n  const data: Record<string, unknown> = { ...(formValues ?? {}) };\n  if (recordId !== undefined) data['record_id'] = recordId;\n\n  router.visit(url, {\n    method: method as never,\n    data: data as never,\n    preserveScroll: true,\n  });\n}\n\n/**\n * Resolve the row-action list for a single record (#140).\n *\n * Row actions are defined once at table level (label / icon / color /\n * confirmation / form), but `url(Closure)` and `disabled(Closure)`\n * actions depend on the row. The server emits those resolved values\n * per record under `record.arqel.actionOverrides`; here we merge them\n * onto the shared definitions so each row links to its own URL and\n * carries its own disabled state.\n *\n * When the server also emits `record.arqel.actions` (the visible +\n * executable action names) we filter the list against it so per-row\n * authorization/visibility is honoured.\n */\nfunction resolveRecordActions(\n  tableActions: ActionSchema[],\n  record: {\n    arqel?: {\n      actions?: string[];\n      actionOverrides?: Record<string, { url?: string; disabled?: true }>;\n    };\n  },\n): ActionSchema[] {\n  const visibleNames = record.arqel?.actions;\n  const overrides = record.arqel?.actionOverrides ?? {};\n\n  return tableActions\n    .filter((action) => (visibleNames ? visibleNames.includes(action.name) : true))\n    .map((action) => {\n      const override = overrides[action.name];\n      if (override === undefined) return action;\n      return {\n        ...action,\n        ...(override.url !== undefined ? { url: override.url } : {}),\n        ...(override.disabled === true ? { disabled: true as const } : {}),\n      };\n    });\n}\n\nfunction buildQuery(params: VisitParams): Record<string, unknown> {\n  const data: Record<string, unknown> = {};\n  const filters = pruneEmptyFilters(params.filters);\n  if (Object.keys(filters).length > 0) data['filter'] = filters;\n  if (params.search !== undefined) data['search'] = params.search;\n  if (params.sort?.column) {\n    data['sort'] = params.sort.column;\n    if (params.sort.direction) data['direction'] = params.sort.direction;\n  }\n  if (params.page && params.page > 1) data['page'] = params.page;\n  if (params.perPage) data['per_page'] = params.perPage;\n  return data;\n}\n\nexport default function ArqelIndexPage<TRecord extends RecordType = RecordType>(): JSX.Element {\n  const page = usePage();\n  const props = page.props as unknown as ResourceIndexProps<TRecord>;\n\n  const initialFilters = useMemo(() => {\n    if (typeof window === 'undefined') return {};\n    const sp = new URLSearchParams(window.location.search);\n    const fromUrl: Record<string, FilterValue> = {};\n    for (const [key, value] of sp.entries()) {\n      const m = key.match(/^filter\\[([^\\]]+)\\]$/);\n      if (m?.[1]) fromUrl[m[1]] = value;\n    }\n    return fromUrl;\n  }, []);\n\n  const [filterValues, setFilterValues] = useState<Record<string, FilterValue>>(initialFilters);\n  const [searchValue, setSearchValue] = useState<string>(props.search ?? '');\n  const [perPage, setPerPage] = useState<number | undefined>(props.pagination?.perPage);\n  const [selectedIds, setSelectedIds] = useState<ReadonlyArray<string | number>>([]);\n  const searchDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const visit = (data: Record<string, unknown>): void => {\n    const url = typeof window !== 'undefined' ? window.location.pathname : page.url.split('?')[0];\n    router.get(url ?? '/', data as Record<string, string | number | boolean | undefined>, {\n      preserveState: true,\n      preserveScroll: true,\n      replace: true,\n    });\n  };\n\n  const currentSort = props.sort ?? null;\n\n  const handleFilterChange = (name: string, value: FilterValue): void => {\n    const nextFilters = { ...filterValues };\n    if (value === undefined || value === null || value === '') {\n      delete nextFilters[name];\n    } else {\n      nextFilters[name] = value;\n    }\n    setFilterValues(nextFilters);\n    visit(buildQuery({ filters: nextFilters, search: searchValue, sort: currentSort, perPage }));\n  };\n\n  const handleClearFilters = (): void => {\n    setFilterValues({});\n    visit(buildQuery({ filters: {}, search: searchValue, sort: currentSort, perPage }));\n  };\n\n  const handleSearchChange = (value: string): void => {\n    setSearchValue(value);\n    if (searchDebounceRef.current) clearTimeout(searchDebounceRef.current);\n    searchDebounceRef.current = setTimeout(() => {\n      visit(buildQuery({ filters: filterValues, search: value, sort: currentSort, perPage }));\n    }, 300);\n  };\n\n  useEffect(\n    () => () => {\n      if (searchDebounceRef.current) clearTimeout(searchDebounceRef.current);\n    },\n    [],\n  );\n\n  const handleSortChange = (column: string, direction: SortDirection): void => {\n    visit(\n      buildQuery({\n        filters: filterValues,\n        search: searchValue,\n        sort: { column, direction },\n        perPage,\n      }),\n    );\n  };\n\n  const handlePageChange = (pageNum: number): void => {\n    visit(\n      buildQuery({\n        filters: filterValues,\n        search: searchValue,\n        sort: currentSort,\n        page: pageNum,\n        perPage,\n      }),\n    );\n  };\n\n  const handlePerPageChange = (newPerPage: number): void => {\n    setPerPage(newPerPage);\n    visit(\n      buildQuery({\n        filters: filterValues,\n        search: searchValue,\n        sort: currentSort,\n        perPage: newPerPage,\n      }),\n    );\n  };\n\n  const dispatchBulkAction = (action: ActionSchema): void => {\n    // Every bulk action carries a stock url (core resolves\n    // /admin/{slug}/bulk/{name} for any bulk action without an\n    // explicit url), so there is no client-side fallback route.\n    const url = action.url;\n    if (url === undefined) {\n      return;\n    }\n    const method = action.method.toLowerCase() as 'get' | 'post' | 'put' | 'patch' | 'delete';\n    router.visit(url, {\n      method: method as never,\n      data: { record_ids: selectedIds as readonly (string | number)[] } as never,\n      preserveScroll: true,\n      onSuccess: () => setSelectedIds([]),\n    });\n  };\n\n  const bulkActionsList = props.actions?.bulk ?? [];\n  const bulkActions =\n    bulkActionsList.length > 0 && selectedIds.length > 0 ? (\n      <div className=\"flex items-center gap-2\">\n        {bulkActionsList.map((action) => (\n          // Route through ActionButton so destructive bulk actions that set\n          // requiresConfirmation open the ConfirmDialog before dispatching,\n          // matching row-action behaviour. Non-confirming actions fire\n          // immediately. The visit payload is unchanged.\n          <ActionButton\n            key={action.name}\n            action={action}\n            onInvoke={() => dispatchBulkAction(action)}\n            size=\"sm\"\n            // 44px touch target on mobile (WCAG 2.5.5); dense 32px on >=md.\n            className=\"h-11 md:h-8\"\n          />\n        ))}\n      </div>\n    ) : undefined;\n\n  const rowActionsList = props.actions?.row ?? [];\n  const rowActions =\n    rowActionsList.length > 0\n      ? (record: TRecord) => (\n          <ActionMenu\n            // Resolve actions against this row so closure-URL /\n            // closure-disabled actions get their per-record values\n            // (#140) instead of the table-level placeholder.\n            actions={resolveRecordActions(rowActionsList, record)}\n            onInvoke={(action, formValues) =>\n              invokeAction(action, record as { id: string | number }, formValues)\n            }\n          />\n        )\n      : undefined;\n\n  return (\n    <ResourceIndex<TRecord>\n      {...props}\n      filterValues={filterValues}\n      onFilterChange={handleFilterChange}\n      onClearFilters={handleClearFilters}\n      onSearchChange={handleSearchChange}\n      onSortChange={handleSortChange}\n      onPageChange={handlePageChange}\n      onPerPageChange={handlePerPageChange}\n      search={searchValue}\n      selectedIds={selectedIds}\n      onSelectionChange={(ids) => setSelectedIds(ids)}\n      {...(rowActions ? { rowActions } : {})}\n      {...(bulkActions ? { bulkActions } : {})}\n    />\n  );\n}\n"]}

package/dist/{chunk-S5UNPCMQ.js → chunk-JKD6SE75.js}

@@ -1,5 +1,4 @@
 import { resolveLucideIcon } from './chunk-RMPOR2YZ.js';
-import { Button } from './chunk-H23VX3RR.js';
 import { cn } from './chunk-B7ULUJVO.js';
 import { useArqelTranslations, useArqelLocale } from '@arqel-dev/react/utils';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -490,272 +489,7 @@ function DataCards({
     );
   }) });
 }
-function TableFilters({
-  filters,
-  values,
-  onChange,
-  onClearAll,
-  className
-}) {
-  const t = useArqelTranslations();
-  if (filters.length === 0) return null;
-  const activeCount = filters.reduce((acc, f) => {
-    const v = values[f.name];
-    return v !== void 0 && v !== null && v !== "" ? acc + 1 : acc;
-  }, 0);
-  return /* @__PURE__ */ jsxs("fieldset", { className: cn("flex flex-wrap items-end gap-2 border-0 p-0", className), children: [
-    /* @__PURE__ */ jsx("legend", { className: "sr-only", children: t("table.filters.legend", "Filters") }),
-    filters.map((filter) => /* @__PURE__ */ jsx(
-      FilterControl,
-      {
-        filter,
-        value: values[filter.name],
-        onChange: (v) => onChange(filter.name, v)
-      },
-      filter.name
-    )),
-    activeCount > 0 && onClearAll && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClearAll, children: t("table.filters.clear", `Clear filters (${activeCount})`, { count: activeCount }) })
-  ] });
-}
-function FilterControl({
-  filter,
-  value,
-  onChange
-}) {
-  switch (filter.type) {
-    case "select":
-      return /* @__PURE__ */ jsx(SelectFilter, { filter, value, onChange });
-    case "multiSelect":
-      return /* @__PURE__ */ jsx(MultiSelectFilter, { filter, value, onChange });
-    case "text":
-      return /* @__PURE__ */ jsx(TextFilter, { filter, value, onChange });
-    case "ternary":
-      return /* @__PURE__ */ jsx(TernaryFilter, { filter, value, onChange });
-    case "dateRange":
-    case "scope":
-      return null;
-  }
-}
-function controlClasses() {
-  return cn(
-    // 44px touch target on mobile (WCAG 2.5.5); dense 36px on >=md.
-    "h-11 rounded-sm border border-[var(--input)] md:h-9",
-    "bg-background px-3 text-sm",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-  );
-}
-function SelectFilter({
-  filter,
-  value,
-  onChange
-}) {
-  const t = useArqelTranslations();
-  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-    filter.label ?? filter.name,
-    /* @__PURE__ */ jsxs(
-      "select",
-      {
-        className: controlClasses(),
-        value: value === void 0 || value === null ? "" : String(value),
-        onChange: (e) => onChange(e.target.value === "" ? null : e.target.value),
-        children: [
-          /* @__PURE__ */ jsx("option", { value: "", children: t("table.filters.all", "All") }),
-          filter.props.options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
-        ]
-      }
-    )
-  ] });
-}
-function MultiSelectFilter({
-  filter,
-  value,
-  onChange
-}) {
-  const arr = Array.isArray(value) ? value : [];
-  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-    filter.label ?? filter.name,
-    /* @__PURE__ */ jsx(
-      "select",
-      {
-        multiple: true,
-        className: cn(controlClasses(), "h-auto min-h-11 py-1 md:min-h-[2.25rem]"),
-        value: arr.map(String),
-        onChange: (e) => {
-          const next = Array.from(e.target.selectedOptions, (o) => o.value);
-          onChange(next.length === 0 ? null : next);
-        },
-        children: filter.props.options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
-      }
-    )
-  ] });
-}
-function TextFilter({
-  filter,
-  value,
-  onChange
-}) {
-  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-    filter.label ?? filter.name,
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "text",
-        className: controlClasses(),
-        value: typeof value === "string" ? value : "",
-        onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
-      }
-    )
-  ] });
-}
-function TernaryFilter({
-  filter,
-  value,
-  onChange
-}) {
-  const t = useArqelTranslations();
-  const current = value === void 0 || value === null ? "all" : String(value);
-  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-xs text-muted-foreground", children: [
-    filter.label ?? filter.name,
-    /* @__PURE__ */ jsxs(
-      "select",
-      {
-        className: controlClasses(),
-        value: current,
-        onChange: (e) => {
-          const v = e.target.value;
-          onChange(v === "all" ? null : v);
-        },
-        children: [
-          /* @__PURE__ */ jsx("option", { value: "all", children: filter.props.allLabel ?? t("table.filters.all", "All") }),
-          /* @__PURE__ */ jsx("option", { value: "true", children: filter.props.trueLabel ?? t("table.filters.yes", "Yes") }),
-          /* @__PURE__ */ jsx("option", { value: "false", children: filter.props.falseLabel ?? t("table.filters.no", "No") })
-        ]
-      }
-    )
-  ] });
-}
-function TablePagination({
-  meta,
-  onPageChange,
-  onPerPageChange,
-  perPageOptions = [10, 25, 50, 100],
-  className
-}) {
-  const t = useArqelTranslations();
-  const locale = useArqelLocale();
-  const numberFormatter = useMemo(() => new Intl.NumberFormat(locale), [locale]);
-  const fromRaw = (meta.currentPage - 1) * meta.perPage + 1;
-  const toRaw = Math.min(meta.currentPage * meta.perPage, meta.total);
-  const from = numberFormatter.format(fromRaw);
-  const to = numberFormatter.format(toRaw);
-  const total = numberFormatter.format(meta.total);
-  const isFirst = meta.currentPage <= 1;
-  const isLast = meta.currentPage >= meta.lastPage;
-  return /* @__PURE__ */ jsxs(
-    "nav",
-    {
-      className: cn(
-        "flex flex-wrap items-center justify-between gap-2 border-t border-border px-3 py-2 text-sm",
-        className
-      ),
-      "aria-label": t("table.pagination.label", "Pagination"),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: meta.total === 0 ? t("table.empty", "No records found.") : t(
-          "table.pagination.showing",
-          // Fallback is rendered verbatim when the key is missing, so it must
-          // already carry the interpolated values (the replacements map only
-          // applies to a resolved dictionary string).
-          `Showing ${from} to ${to} of ${total} results`,
-          { from, to, total }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          onPerPageChange && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
-            t("table.per_page", "Per page"),
-            /* @__PURE__ */ jsx(
-              "select",
-              {
-                className: "h-11 rounded-sm border border-[var(--input)] bg-background px-2 md:h-8",
-                value: meta.perPage,
-                onChange: (e) => onPerPageChange(Number(e.target.value)),
-                children: perPageOptions.map((n) => /* @__PURE__ */ jsx("option", { value: n, children: n }, n))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              className: "h-11 md:h-8",
-              disabled: isFirst,
-              onClick: () => onPageChange(meta.currentPage - 1),
-              "aria-label": t("table.pagination.previous_page", "Previous page"),
-              children: t("table.pagination.previous", "Prev")
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-            numberFormatter.format(meta.currentPage),
-            " / ",
-            numberFormatter.format(meta.lastPage)
-          ] }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              className: "h-11 md:h-8",
-              disabled: isLast,
-              onClick: () => onPageChange(meta.currentPage + 1),
-              "aria-label": t("table.pagination.next_page", "Next page"),
-              children: t("table.pagination.next", "Next")
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function TableToolbar({
-  search,
-  filters,
-  selectedCount = 0,
-  bulkActions,
-  onClearSelection,
-  className
-}) {
-  const t = useArqelTranslations();
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3 px-3 py-3", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-2", children: [
-      search,
-      filters
-    ] }),
-    selectedCount > 0 && /* @__PURE__ */ jsxs(
-      "section",
-      {
-        className: "flex flex-wrap items-center gap-2 rounded-sm border border-border bg-muted px-3 py-2",
-        "aria-label": t("table.bulk.label", "Bulk actions"),
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: t("table.bulk.selected", "{one} :count selected|{other} :count selected", {
-            count: selectedCount
-          }) }),
-          /* @__PURE__ */ jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
-            bulkActions,
-            onClearSelection && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "text-sm text-muted-foreground hover:underline",
-                onClick: onClearSelection,
-                children: t("table.bulk.clear", "Clear")
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
 
-export { DataTable, TableCell, TableFilters, TablePagination, TableToolbar };
-//# sourceMappingURL=chunk-S5UNPCMQ.js.map
-//# sourceMappingURL=chunk-S5UNPCMQ.js.map
+export { DataTable, TableCell };
+//# sourceMappingURL=chunk-JKD6SE75.js.map
+//# sourceMappingURL=chunk-JKD6SE75.js.map

package/dist/chunk-JKD6SE75.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/table/cells.tsx","../src/table/DataTable.tsx"],"names":["useArqelTranslations","jsx","jsxs"],"mappings":"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","file":"chunk-JKD6SE75.js","sourcesContent":["/**\n * Column cell renderers — one per `ColumnType` discriminant.\n *\n * `<TableCell column={column} value={...} record={...} />` dispatches on\n * `column.type` so DataTable stays free of polymorphic rendering. Cells\n * never reach into the network themselves; everything they need comes\n * from props serialised server-side.\n */\n\nimport { useArqelLocale, useArqelTranslations } from '@arqel-dev/react/utils';\nimport type {\n  BadgeColumnSchema,\n  BooleanColumnSchema,\n  ColumnSchema,\n  ComputedColumnSchema,\n  DateColumnSchema,\n  IconColumnSchema,\n  ImageColumnSchema,\n  NumberColumnSchema,\n  RelationshipColumnSchema,\n  TextColumnSchema,\n} from '@arqel-dev/types/tables';\nimport { cn } from '../utils/cn.js';\nimport { resolveLucideIcon } from '../utils/icon.js';\n\nexport interface CellProps {\n  column: ColumnSchema;\n  value: unknown;\n}\n\nexport function TableCell({ column, value }: CellProps) {\n  switch (column.type) {\n    case 'text':\n      return <TextCell column={column} value={value} />;\n    case 'badge':\n      return <BadgeCell column={column} value={value} />;\n    case 'boolean':\n      return <BooleanCell column={column} value={value} />;\n    case 'date':\n      return <DateCell column={column} value={value} />;\n    case 'number':\n      return <NumberCell column={column} value={value} />;\n    case 'icon':\n      return <IconCell column={column} />;\n    case 'image':\n      return <ImageCell column={column} value={value} />;\n    case 'relationship':\n      return <RelationshipCell column={column} value={value} />;\n    case 'computed':\n      return <ComputedCell column={column} value={value} />;\n  }\n}\n\nfunction asString(value: unknown): string {\n  if (value === null || value === undefined) return '';\n  if (typeof value === 'string') return value;\n  if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n  return JSON.stringify(value);\n}\n\nfunction TextCell({ column, value }: { column: TextColumnSchema; value: unknown }) {\n  const str = asString(value);\n  const truncated =\n    column.props.truncate && str.length > column.props.truncate\n      ? `${str.slice(0, column.props.truncate)}…`\n      : str;\n  return (\n    <span\n      className={cn(\n        column.props.weight === 'bold' && 'font-bold',\n        column.props.weight === 'medium' && 'font-medium',\n      )}\n    >\n      {truncated}\n    </span>\n  );\n}\n\n/**\n * Colour token → Tailwind classes for `BadgeColumn::colors()`.\n *\n * Tokens mirror the values the PHP producer emits (e.g. `'green'`,\n * `'yellow'`, `'blue'`). Classes are written out in full so Tailwind's\n * JIT can statically discover them. Unknown tokens fall back to muted.\n */\nconst BADGE_COLOR_CLASS: Record<string, string> = {\n  gray: 'bg-muted text-foreground',\n  slate: 'bg-slate-100 text-slate-800 dark:bg-slate-800/40 dark:text-slate-200',\n  zinc: 'bg-zinc-100 text-zinc-800 dark:bg-zinc-800/40 dark:text-zinc-200',\n  red: 'bg-red-100 text-red-800 dark:bg-red-900/40 dark:text-red-200',\n  orange: 'bg-orange-100 text-orange-800 dark:bg-orange-900/40 dark:text-orange-200',\n  amber: 'bg-amber-100 text-amber-800 dark:bg-amber-900/40 dark:text-amber-200',\n  yellow: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/40 dark:text-yellow-200',\n  lime: 'bg-lime-100 text-lime-800 dark:bg-lime-900/40 dark:text-lime-200',\n  green: 'bg-green-100 text-green-800 dark:bg-green-900/40 dark:text-green-200',\n  emerald: 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/40 dark:text-emerald-200',\n  teal: 'bg-teal-100 text-teal-800 dark:bg-teal-900/40 dark:text-teal-200',\n  cyan: 'bg-cyan-100 text-cyan-800 dark:bg-cyan-900/40 dark:text-cyan-200',\n  sky: 'bg-sky-100 text-sky-800 dark:bg-sky-900/40 dark:text-sky-200',\n  blue: 'bg-blue-100 text-blue-800 dark:bg-blue-900/40 dark:text-blue-200',\n  indigo: 'bg-indigo-100 text-indigo-800 dark:bg-indigo-900/40 dark:text-indigo-200',\n  violet: 'bg-violet-100 text-violet-800 dark:bg-violet-900/40 dark:text-violet-200',\n  purple: 'bg-purple-100 text-purple-800 dark:bg-purple-900/40 dark:text-purple-200',\n  fuchsia: 'bg-fuchsia-100 text-fuchsia-800 dark:bg-fuchsia-900/40 dark:text-fuchsia-200',\n  pink: 'bg-pink-100 text-pink-800 dark:bg-pink-900/40 dark:text-pink-200',\n  rose: 'bg-rose-100 text-rose-800 dark:bg-rose-900/40 dark:text-rose-200',\n};\n\nconst BADGE_MUTED_CLASS = 'bg-muted text-foreground';\n\nfunction BadgeCell({ column, value }: { column: BadgeColumnSchema; value: unknown }) {\n  const key = asString(value);\n  const option = column.props.options?.find((o) => o.value === value);\n  const label = option?.label ?? key;\n\n  const colorToken = column.props.colors?.[key];\n  const colorClass = (colorToken && BADGE_COLOR_CLASS[colorToken]) || BADGE_MUTED_CLASS;\n\n  const iconName = column.props.icons?.[key];\n  const Icon = iconName ? resolveLucideIcon(iconName) : undefined;\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium',\n        column.props.pill ? 'rounded-full' : 'rounded-sm',\n        colorClass,\n      )}\n    >\n      {Icon ? <Icon className=\"size-3 shrink-0\" aria-hidden /> : null}\n      {label}\n    </span>\n  );\n}\n\nfunction BooleanCell({ column, value }: { column: BooleanColumnSchema; value: unknown }) {\n  const t = useArqelTranslations();\n  const truthy = Boolean(value);\n  // The glyph stays language-neutral; only the screen-reader accessible name is\n  // localized so a pt-BR viewer hears \"sim\"/\"não\" instead of \"true\"/\"false\".\n  const ariaLabel = truthy\n    ? t('table.boolean.true_label', 'true')\n    : t('table.boolean.false_label', 'false');\n  return (\n    <span role=\"img\" aria-label={ariaLabel}>\n      {truthy ? (column.props.trueIcon ?? '✓') : (column.props.falseIcon ?? '—')}\n    </span>\n  );\n}\n\nfunction DateCell({ column, value }: { column: DateColumnSchema; value: unknown }) {\n  // Active panel locale (BCP-47), so dates format in the viewer's locale rather\n  // than the runtime default (commonly en-US 'MM/DD/YYYY').\n  const locale = useArqelLocale();\n  if (!value) return <span className=\"text-muted-foreground\">—</span>;\n  const raw = String(value);\n  const date = new Date(raw);\n  if (Number.isNaN(date.getTime())) return <span>{raw}</span>;\n  // `timezone` is honoured when the server emits it; an invalid zone would make\n  // `Intl` throw, so fall back to the runtime zone defensively.\n  const timeZone = column.props.timezone || undefined;\n  if (column.props.mode === 'since') {\n    return <time dateTime={date.toISOString()}>{formatRelative(date, locale)}</time>;\n  }\n  if (column.props.mode === 'datetime') {\n    return (\n      <time dateTime={date.toISOString()}>{formatDate(date, locale, 'datetime', timeZone)}</time>\n    );\n  }\n  return <time dateTime={date.toISOString()}>{formatDate(date, locale, 'date', timeZone)}</time>;\n}\n\nfunction formatDate(\n  date: Date,\n  locale: string,\n  mode: 'date' | 'datetime',\n  timeZone: string | undefined,\n): string {\n  const options: Intl.DateTimeFormatOptions =\n    mode === 'datetime' ? { dateStyle: 'medium', timeStyle: 'short' } : { dateStyle: 'medium' };\n  if (timeZone !== undefined) options.timeZone = timeZone;\n  try {\n    return new Intl.DateTimeFormat(locale, options).format(date);\n  } catch {\n    // Invalid timezone (or other Intl error) — retry without it.\n    if (timeZone !== undefined) {\n      const { timeZone: _drop, ...rest } = options;\n      return new Intl.DateTimeFormat(locale, rest).format(date);\n    }\n    return mode === 'datetime' ? date.toISOString() : date.toISOString().slice(0, 10);\n  }\n}\n\nfunction formatRelative(date: Date, locale: string): string {\n  const seconds = Math.round((Date.now() - date.getTime()) / 1000);\n  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: 'auto' });\n  // Negative values render as \"X ago\"; the elapsed time is always in the past.\n  const absSeconds = Math.abs(seconds);\n  if (absSeconds < 60) return rtf.format(-seconds, 'second');\n  const minutes = Math.round(seconds / 60);\n  if (Math.abs(minutes) < 60) return rtf.format(-minutes, 'minute');\n  const hours = Math.round(minutes / 60);\n  if (Math.abs(hours) < 24) return rtf.format(-hours, 'hour');\n  const days = Math.round(hours / 24);\n  return rtf.format(-days, 'day');\n}\n\nfunction NumberCell({ column, value }: { column: NumberColumnSchema; value: unknown }) {\n  const locale = useArqelLocale();\n  if (value === null || value === undefined) return <span>—</span>;\n  const num = typeof value === 'number' ? value : Number(value);\n  if (Number.isNaN(num)) return <span>{asString(value)}</span>;\n\n  // `money($currency)` → render through `Intl.NumberFormat` in the active locale\n  // so the currency symbol, grouping and decimals follow the viewer's panel.\n  if (column.props.currency) {\n    try {\n      const formatted = new Intl.NumberFormat(locale, {\n        style: 'currency',\n        currency: column.props.currency,\n        ...(column.props.decimals !== undefined\n          ? {\n              minimumFractionDigits: column.props.decimals,\n              maximumFractionDigits: column.props.decimals,\n            }\n          : {}),\n      }).format(num);\n      return (\n        <span>\n          {column.props.prefix ?? ''}\n          {formatted}\n          {column.props.suffix ?? ''}\n        </span>\n      );\n    } catch {\n      // Unknown currency code — fall through to the plain numeric path below.\n    }\n  }\n\n  const decimals = column.props.decimals ?? 0;\n  // Explicit separators win (developer override). Otherwise group/decimal in the\n  // active locale via Intl instead of the previous en-US-shaped raw output.\n  const ts = column.props.thousandsSeparator;\n  const ds = column.props.decimalSeparator;\n  let body: string;\n  if (ts === undefined && ds === undefined) {\n    body = new Intl.NumberFormat(locale, {\n      minimumFractionDigits: decimals,\n      maximumFractionDigits: decimals,\n    }).format(num);\n  } else {\n    const formatted = num.toFixed(decimals);\n    const [whole, dec] = formatted.split('.');\n    const safeWhole = whole ?? '0';\n    const finalWhole = ts ? safeWhole.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ts) : safeWhole;\n    body = dec ? `${finalWhole}${ds ?? '.'}${dec}` : finalWhole;\n  }\n  return (\n    <span>\n      {column.props.prefix ?? ''}\n      {body}\n      {column.props.suffix ?? ''}\n    </span>\n  );\n}\n\nfunction IconCell({ column }: { column: IconColumnSchema }) {\n  return (\n    <span role=\"img\" aria-label={column.props.icon} title={column.props.icon}>\n      {column.props.icon}\n    </span>\n  );\n}\n\nfunction ImageCell({ column, value }: { column: ImageColumnSchema; value: unknown }) {\n  const src = asString(value);\n  if (!src) return null;\n  const size = column.props.size ?? 32;\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      style={{ width: size, height: size }}\n      className={cn(column.props.shape === 'circular' ? 'rounded-full' : 'rounded')}\n    />\n  );\n}\n\nfunction RelationshipCell({ column, value }: { column: RelationshipColumnSchema; value: unknown }) {\n  if (value === null || value === undefined) return <span>—</span>;\n  if (typeof value === 'object') {\n    const attr = (value as Record<string, unknown>)[column.props.attribute];\n    return <span>{asString(attr)}</span>;\n  }\n  return <span>{asString(value)}</span>;\n}\n\nfunction ComputedCell({ column, value }: { column: ComputedColumnSchema; value: unknown }) {\n  if (value === null || value === undefined) {\n    return <span className=\"text-muted-foreground\">{column.props.placeholder ?? '—'}</span>;\n  }\n  return <span>{asString(value)}</span>;\n}\n","/**\n * `<DataTable>` — generic table built on TanStack Table v8.\n *\n * Columns come from `ColumnSchema[]` (server-emitted). Two structural\n * extras live outside the schema list: a leading selection checkbox\n * (when `enableSelection`) and a trailing actions cell (when\n * `rowActions` resolver is provided).\n *\n * Selection model is controlled — pass `selectedIds` + `onSelectionChange`\n * — so callers (ResourceIndex, custom dashboards) keep ownership. Shift+\n * click on a row checkbox selects the range from the last clicked row,\n * matching the canonical Filament/Linear UX.\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { ColumnSchema, SortDirection, TableSort } from '@arqel-dev/types/tables';\nimport {\n  type ColumnDef,\n  flexRender,\n  getCoreRowModel,\n  type Row,\n  useReactTable,\n} from '@tanstack/react-table';\nimport type { ReactNode } from 'react';\nimport { useCallback, useMemo, useRef } from 'react';\nimport { cn } from '../utils/cn.js';\nimport { TableCell } from './cells.js';\n\ntype RowId = string | number;\n\nexport interface DataTableRecord {\n  id: RowId;\n  [key: string]: unknown;\n}\n\nexport interface DataTableProps<TRecord extends DataTableRecord> {\n  columns: ColumnSchema[];\n  records: TRecord[];\n\n  enableSelection?: boolean;\n  selectedIds?: ReadonlyArray<RowId>;\n  onSelectionChange?: ((ids: RowId[]) => void) | undefined;\n\n  sort?: TableSort | null;\n  onSortChange?: ((column: string, direction: SortDirection) => void) | undefined;\n\n  rowActions?: ((record: TRecord) => ReactNode) | undefined;\n\n  loading?: boolean;\n  emptyState?: ReactNode;\n\n  className?: string;\n}\n\nexport function DataTable<TRecord extends DataTableRecord>({\n  columns,\n  records,\n  enableSelection = false,\n  selectedIds = [],\n  onSelectionChange,\n  sort = null,\n  onSortChange,\n  rowActions,\n  loading = false,\n  emptyState,\n  className,\n}: DataTableProps<TRecord>) {\n  const t = useArqelTranslations();\n  const lastClickedIndexRef = useRef<number | null>(null);\n\n  const visibleColumns = useMemo(() => columns.filter((col) => !col.hidden), [columns]);\n\n  const tableColumns = useMemo<ColumnDef<TRecord>[]>(\n    () =>\n      visibleColumns.map((col) => ({\n        id: col.name,\n        accessorFn: (row) => (row as Record<string, unknown>)[col.name],\n        header: () => col.label ?? col.name,\n        cell: (info) => <TableCell column={col} value={info.getValue()} />,\n        enableSorting: col.sortable,\n      })),\n    [visibleColumns],\n  );\n\n  const table = useReactTable({\n    data: records,\n    columns: tableColumns,\n    getCoreRowModel: getCoreRowModel(),\n  });\n\n  const allSelected =\n    enableSelection && records.length > 0 && selectedIds.length === records.length;\n  const someSelected =\n    enableSelection && selectedIds.length > 0 && selectedIds.length < records.length;\n\n  const toggleAll = useCallback(() => {\n    if (!onSelectionChange) return;\n    if (allSelected) onSelectionChange([]);\n    else onSelectionChange(records.map((r) => r.id));\n  }, [allSelected, records, onSelectionChange]);\n\n  const toggleRow = useCallback(\n    (id: RowId, index: number, shiftKey: boolean) => {\n      if (!onSelectionChange) return;\n      // `index` is the row's position in the core row-model, which today equals the\n      // `records` prop order (only getCoreRowModel is wired — no client sort/filter\n      // row model). The shift-range loop resolves ids from `records[i]`, so this\n      // holds only while that ordering parity is true; revisit if a client-side\n      // sorted/filtered row model is added.\n      const set = new Set<RowId>(selectedIds);\n      const lastIndex = lastClickedIndexRef.current;\n\n      if (shiftKey && lastIndex !== null) {\n        const [from, to] = lastIndex < index ? [lastIndex, index] : [index, lastIndex];\n        const shouldSelect = !set.has(id);\n        for (let i = from; i <= to; i++) {\n          const rowId = records[i]?.id;\n          if (rowId === undefined) continue;\n          if (shouldSelect) set.add(rowId);\n          else set.delete(rowId);\n        }\n      } else if (set.has(id)) {\n        set.delete(id);\n      } else {\n        set.add(id);\n      }\n\n      lastClickedIndexRef.current = index;\n      onSelectionChange(Array.from(set));\n    },\n    [records, selectedIds, onSelectionChange],\n  );\n\n  const headerSortDirection = (columnName: string): SortDirection | null => {\n    if (!sort || sort.column !== columnName) return null;\n    return sort.direction === 'desc' ? 'desc' : 'asc';\n  };\n\n  return (\n    <>\n      <div className={cn('hidden w-full min-w-0 overflow-x-auto md:block', className)}>\n        <table className=\"w-full border-collapse text-sm\">\n          <thead className=\"sticky top-0 bg-background\">\n            {table.getHeaderGroups().map((group) => (\n              <tr key={group.id} className=\"border-b border-border\">\n                {enableSelection && (\n                  <th scope=\"col\" className=\"w-10 px-3 py-2 text-left\">\n                    <input\n                      type=\"checkbox\"\n                      aria-label={t('table.bulk.select_all_rows', 'Select all rows')}\n                      checked={allSelected}\n                      ref={(el) => {\n                        if (el) el.indeterminate = someSelected;\n                      }}\n                      onChange={toggleAll}\n                    />\n                  </th>\n                )}\n                {group.headers.map((header) => {\n                  const col = visibleColumns.find((c) => c.name === header.column.id);\n                  const sortable = col?.sortable && onSortChange;\n                  const direction = headerSortDirection(header.column.id);\n                  return (\n                    <th\n                      key={header.id}\n                      scope=\"col\"\n                      className={cn(\n                        'px-3 py-2 text-left font-medium text-muted-foreground',\n                        col?.align === 'center' && 'text-center',\n                        col?.align === 'end' && 'text-right',\n                        col?.hiddenOnMobile && 'hidden md:table-cell',\n                      )}\n                      aria-sort={\n                        direction === 'asc'\n                          ? 'ascending'\n                          : direction === 'desc'\n                            ? 'descending'\n                            : 'none'\n                      }\n                    >\n                      {sortable ? (\n                        <button\n                          type=\"button\"\n                          className={cn(\n                            // -mx-3 px-3 stretches the button across the cell's\n                            // horizontal padding; min-h-11 + w-full give a ≥44px\n                            // touch target on mobile (WCAG 2.5.5) without changing\n                            // the header's visual density.\n                            '-mx-3 inline-flex min-h-11 w-full items-center gap-1 px-3 hover:text-foreground',\n                            col?.align === 'center' && 'justify-center',\n                            col?.align === 'end' && 'justify-end',\n                          )}\n                          onClick={() =>\n                            onSortChange(header.column.id, direction === 'asc' ? 'desc' : 'asc')\n                          }\n                        >\n                          {flexRender(header.column.columnDef.header, header.getContext())}\n                          <span aria-hidden=\"true\">\n                            {direction === 'asc' ? '▲' : direction === 'desc' ? '▼' : '↕'}\n                          </span>\n                        </button>\n                      ) : (\n                        flexRender(header.column.columnDef.header, header.getContext())\n                      )}\n                    </th>\n                  );\n                })}\n                {rowActions && (\n                  <th\n                    scope=\"col\"\n                    className=\"w-24 px-3 py-2 text-right\"\n                    aria-label={t('table.column.actions', 'Actions')}\n                  />\n                )}\n              </tr>\n            ))}\n          </thead>\n          <tbody>\n            {loading && (\n              <tr>\n                <td\n                  colSpan={visibleColumns.length + (enableSelection ? 1 : 0) + (rowActions ? 1 : 0)}\n                  className=\"px-3 py-4 text-center text-muted-foreground\"\n                >\n                  {t('table.loading', 'Loading…')}\n                </td>\n              </tr>\n            )}\n            {!loading && records.length === 0 && (\n              <tr>\n                <td\n                  colSpan={visibleColumns.length + (enableSelection ? 1 : 0) + (rowActions ? 1 : 0)}\n                  className=\"px-3 py-8 text-center text-muted-foreground\"\n                >\n                  {emptyState ?? t('table.empty', 'No records found.')}\n                </td>\n              </tr>\n            )}\n            {!loading &&\n              table.getRowModel().rows.map((row, index) => {\n                const record = row.original;\n                const checked = selectedIds.includes(record.id);\n                return (\n                  <tr\n                    key={row.id}\n                    data-selected={checked || undefined}\n                    className={cn('border-b border-border', checked && 'bg-muted')}\n                  >\n                    {enableSelection && (\n                      <td className=\"w-10 px-3 py-2\">\n                        <input\n                          type=\"checkbox\"\n                          aria-label={t('table.bulk.select_row', `Select row ${record.id}`, {\n                            id: String(record.id),\n                          })}\n                          checked={checked}\n                          onChange={(event) => {\n                            const native = event.nativeEvent as MouseEvent;\n                            toggleRow(record.id, index, native.shiftKey === true);\n                          }}\n                        />\n                      </td>\n                    )}\n                    {row.getVisibleCells().map((cell) => {\n                      const col = visibleColumns.find((c) => c.name === cell.column.id);\n                      return (\n                        <td\n                          key={cell.id}\n                          className={cn(\n                            'px-3 py-2',\n                            col?.align === 'center' && 'text-center',\n                            col?.align === 'end' && 'text-right',\n                            col?.hiddenOnMobile && 'hidden md:table-cell',\n                          )}\n                        >\n                          {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                        </td>\n                      );\n                    })}\n                    {rowActions && (\n                      <td className=\"w-24 px-3 py-2 text-right\">{rowActions(record)}</td>\n                    )}\n                  </tr>\n                );\n              })}\n          </tbody>\n        </table>\n      </div>\n      <DataCards\n        columns={visibleColumns}\n        rows={table.getRowModel().rows}\n        enableSelection={enableSelection}\n        selectedIds={selectedIds}\n        onToggleRow={toggleRow}\n        rowActions={rowActions}\n        loading={loading}\n        emptyState={emptyState}\n      />\n    </>\n  );\n}\n\ninterface DataCardsProps<TRecord extends DataTableRecord> {\n  columns: ColumnSchema[];\n  rows: Row<TRecord>[];\n  enableSelection: boolean;\n  selectedIds: ReadonlyArray<RowId>;\n  onToggleRow: (id: RowId, index: number, shiftKey: boolean) => void;\n  rowActions?: ((record: TRecord) => ReactNode) | undefined;\n  loading: boolean;\n  emptyState?: ReactNode;\n}\n\nfunction DataCards<TRecord extends DataTableRecord>({\n  columns,\n  rows,\n  enableSelection,\n  selectedIds,\n  onToggleRow,\n  rowActions,\n  loading,\n  emptyState,\n}: DataCardsProps<TRecord>) {\n  const t = useArqelTranslations();\n  // hiddenOnMobile columns are dropped from the card body (same intent as the\n  // table hiding them at < md).\n  const cardColumns = columns.filter((col) => !col.hiddenOnMobile);\n\n  if (loading) {\n    return (\n      <div className=\"px-3 py-4 text-center text-muted-foreground md:hidden\">\n        {t('table.loading', 'Loading…')}\n      </div>\n    );\n  }\n  if (rows.length === 0) {\n    return (\n      <div className=\"px-3 py-8 text-center text-muted-foreground md:hidden\">\n        {emptyState ?? t('table.empty', 'No records found.')}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col gap-3 md:hidden\">\n      {rows.map((row, index) => {\n        const record = row.original;\n        const checked = selectedIds.includes(record.id);\n        return (\n          <article\n            key={row.id}\n            data-arqel-data-card=\"\"\n            data-selected={checked || undefined}\n            className={cn('rounded-lg border border-border p-4 text-sm', checked && 'bg-muted')}\n          >\n            {(enableSelection || rowActions) && (\n              <div className=\"mb-3 flex items-center justify-between gap-2\">\n                {enableSelection ? (\n                  <label className=\"-m-2.5 inline-flex size-11 cursor-pointer items-center justify-center p-2.5\">\n                    <input\n                      type=\"checkbox\"\n                      aria-label={t('table.bulk.select_row', `Select row ${record.id}`, {\n                        id: String(record.id),\n                      })}\n                      className=\"size-5\"\n                      checked={checked}\n                      onChange={(event) => {\n                        const native = event.nativeEvent as MouseEvent;\n                        onToggleRow(record.id, index, native.shiftKey === true);\n                      }}\n                    />\n                  </label>\n                ) : (\n                  <span />\n                )}\n                {rowActions ? <div className=\"ml-auto\">{rowActions(record)}</div> : null}\n              </div>\n            )}\n            <dl className=\"grid grid-cols-[minmax(0,auto)_1fr] gap-x-3 gap-y-2\">\n              {cardColumns.map((col) => (\n                <div key={col.name} className=\"contents\">\n                  <dt className=\"font-medium text-muted-foreground\">{col.label ?? col.name}</dt>\n                  <dd\n                    className={cn(\n                      'min-w-0 break-words',\n                      col.align === 'end' && 'text-right',\n                      col.align === 'center' && 'text-center',\n                    )}\n                  >\n                    <TableCell column={col} value={(record as Record<string, unknown>)[col.name]} />\n                  </dd>\n                </div>\n              ))}\n            </dl>\n          </article>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-EG2DASKR.js → chunk-KGAY2AZH.js}

@@ -1,4 +1,5 @@
-import { TableToolbar, TableFilters, DataTable, TablePagination } from './chunk-S5UNPCMQ.js';
+import { TableToolbar, TableFilters, TablePagination } from './chunk-YEPQWAD6.js';
+import { DataTable } from './chunk-JKD6SE75.js';
 import { cn } from './chunk-B7ULUJVO.js';
 import { useArqelTranslations } from '@arqel-dev/react/utils';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -115,5 +116,5 @@ function ResourceIndex({
 }
 
 export { ResourceIndex };
-//# sourceMappingURL=chunk-EG2DASKR.js.map
-//# sourceMappingURL=chunk-EG2DASKR.js.map
+//# sourceMappingURL=chunk-KGAY2AZH.js.map
+//# sourceMappingURL=chunk-KGAY2AZH.js.map

package/dist/chunk-KGAY2AZH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/resource/ResourceIndex.tsx"],"names":[],"mappings":"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","file":"chunk-KGAY2AZH.js","sourcesContent":["/**\n * `<ResourceIndex>` — page-level wrapper for index/listing routes.\n *\n * Wires `ResourceIndexProps` (server payload) into the table stack:\n *   header (title + toolbar actions + create button)\n *   → TableToolbar (search + filters + bulk bar)\n *   → DataTable (with selection, sorting, row actions)\n *   → TablePagination\n *\n * The component is presentational — selection / sort / page transitions\n * are lifted to props so the same shell can be reused by ResourceIndex\n * (Inertia-driven) and dashboard widgets (memory-driven).\n */\n\nimport { useArqelTranslations } from '@arqel-dev/react/utils';\nimport type { RecordType, ResourceIndexProps as ServerProps } from '@arqel-dev/types/resources';\nimport type { SortDirection, TableSort } from '@arqel-dev/types/tables';\nimport type { ReactNode } from 'react';\nimport { DataTable } from '../table/DataTable.js';\nimport { TableFilters } from '../table/TableFilters.js';\nimport { TablePagination } from '../table/TablePagination.js';\nimport { TableToolbar } from '../table/TableToolbar.js';\nimport { cn } from '../utils/cn.js';\n\ntype RowId = string | number;\n\nexport interface ResourceIndexUIProps<TRecord extends RecordType = RecordType>\n  extends ServerProps<TRecord> {\n  selectedIds?: ReadonlyArray<RowId>;\n  onSelectionChange?: (ids: RowId[]) => void;\n  onSortChange?: (column: string, direction: SortDirection) => void;\n  onPageChange?: (page: number) => void;\n  onPerPageChange?: (perPage: number) => void;\n  onSearchChange?: (search: string) => void;\n  onFilterChange?: (name: string, value: unknown) => void;\n  onClearFilters?: () => void;\n\n  filterValues?: Record<string, unknown>;\n\n  searchSlot?: ReactNode;\n  toolbarActions?: ReactNode;\n  rowActions?: (record: TRecord) => ReactNode;\n  bulkActions?: ReactNode;\n  emptyState?: ReactNode;\n\n  loading?: boolean;\n  className?: string;\n}\n\nexport function ResourceIndex<TRecord extends RecordType = RecordType>({\n  resource,\n  records,\n  pagination,\n  columns,\n  filters,\n  search,\n  sort,\n  selectedIds = [],\n  filterValues = {},\n  onSelectionChange,\n  onSortChange,\n  onPageChange,\n  onPerPageChange,\n  onSearchChange,\n  onFilterChange,\n  onClearFilters,\n  searchSlot,\n  toolbarActions,\n  rowActions,\n  bulkActions,\n  emptyState,\n  loading = false,\n  className,\n}: ResourceIndexUIProps<TRecord>) {\n  const t = useArqelTranslations();\n  const enableSelection = Boolean(onSelectionChange);\n\n  const renderSearch = (): ReactNode => {\n    if (searchSlot) return searchSlot;\n    if (!onSearchChange) return null;\n    return (\n      <label className=\"flex flex-col gap-1 text-xs text-muted-foreground\">\n        {t('table.search.label', 'Search')}\n        <input\n          type=\"search\"\n          placeholder={t(\n            'table.search.placeholder_for',\n            `Search ${resource.pluralLabel.toLowerCase()}…`,\n            { resource: resource.pluralLabel.toLowerCase() },\n          )}\n          // 44px touch target on mobile (WCAG 2.5.5); dense 36px on >=md.\n          className=\"h-11 w-64 rounded-sm border border-[var(--input)] bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring md:h-9\"\n          value={search ?? ''}\n          onChange={(e) => onSearchChange(e.target.value)}\n        />\n      </label>\n    );\n  };\n\n  const normalisedSort: TableSort | null = sort?.column\n    ? {\n        column: sort.column,\n        direction: sort.direction === 'desc' ? 'desc' : 'asc',\n      }\n    : null;\n\n  return (\n    <section\n      className={cn(\n        'flex min-w-0 flex-col rounded-md border border-border bg-background',\n        className,\n      )}\n      aria-label={resource.pluralLabel}\n    >\n      <header className=\"flex flex-wrap items-center gap-3 border-b border-border px-4 py-3\">\n        <h1 className=\"text-lg font-semibold\">{resource.pluralLabel}</h1>\n        <div className=\"ml-auto flex flex-wrap items-center gap-2\">{toolbarActions}</div>\n      </header>\n\n      <TableToolbar\n        search={renderSearch()}\n        filters={\n          filters.length > 0 ? (\n            <TableFilters\n              filters={filters}\n              values={filterValues}\n              onChange={(name, value) => onFilterChange?.(name, value)}\n              onClearAll={onClearFilters}\n            />\n          ) : null\n        }\n        selectedCount={selectedIds.length}\n        bulkActions={bulkActions}\n        onClearSelection={onSelectionChange ? () => onSelectionChange([]) : undefined}\n      />\n\n      <DataTable\n        columns={columns}\n        records={records as unknown as Array<{ id: RowId } & TRecord>}\n        enableSelection={enableSelection}\n        selectedIds={selectedIds}\n        onSelectionChange={onSelectionChange}\n        sort={normalisedSort}\n        onSortChange={onSortChange}\n        rowActions={rowActions ? (record) => rowActions(record as TRecord) : undefined}\n        loading={loading}\n        emptyState={emptyState}\n      />\n\n      {pagination && (\n        <TablePagination\n          meta={pagination}\n          onPageChange={(page) => onPageChange?.(page)}\n          onPerPageChange={onPerPageChange}\n        />\n      )}\n    </section>\n  );\n}\n"]}