@alneas/appkit-react 0.1.0 → 0.3.0

package/dist/tools/components/data-table/column-order.js

@@ -0,0 +1,18 @@
+"use client";
+//#region src/tools/components/data-table/column-order.ts
+function e(e, t, n, r, i, a) {
+	if (!Number.isInteger(i) || !Number.isInteger(a) || i < 0 || a < 0 || a >= n.length || n[i] !== r || i === a || new Set(n).size !== n.length) return e;
+	let o = new Set(t);
+	if (n.some((e) => !o.has(e))) return e;
+	let s = [.../* @__PURE__ */ new Set([...e.filter((e) => o.has(e)), ...t])], c = [...n];
+	c.splice(a, 0, ...c.splice(i, 1));
+	let l = new Set(n), u = 0;
+	return s.map((e) => l.has(e) ? c[u++] : e);
+}
+function t(e) {
+	return e.flatMap((e) => e.columns?.length ? t(e.columns) : [e.id ?? (e.accessorKey === void 0 ? void 0 : String(e.accessorKey).replaceAll(".", "_")) ?? (typeof e.header == "string" ? e.header : "")]).filter(Boolean);
+}
+//#endregion
+export { t as getLeafColumnIds, e as reorderVisibleColumns };
+
+//# sourceMappingURL=column-order.js.map

package/dist/tools/components/data-table/column-order.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-order.js","names":["reorderVisibleColumns","initialIndex","index","registeredIds","sourceId","order","valid","leafIds","id","complete","moved","registered","position","getLeafColumnIds","columns","column"],"sources":["../../../../src/tools/components/data-table/column-order.ts"],"sourcesContent":["/** Reorder a registered leaf subset while retaining hidden/group-external column slots. */\nexport function reorderVisibleColumns(\n  order: string[], leafIds: string[], registeredIds: string[], sourceId: string,\n  initialIndex: number, index: number,\n): string[] {\n  if (!Number.isInteger(initialIndex) || !Number.isInteger(index) || initialIndex < 0 ||\n    index < 0 || index >= registeredIds.length || registeredIds[initialIndex] !== sourceId ||\n    initialIndex === index || new Set(registeredIds).size !== registeredIds.length) return order;\n  const valid = new Set(leafIds);\n  if (registeredIds.some(id => !valid.has(id))) return order;\n  const complete = [...new Set([...order.filter(id => valid.has(id)), ...leafIds])];\n  const moved = [...registeredIds];\n  moved.splice(index, 0, ...moved.splice(initialIndex, 1));\n  const registered = new Set(registeredIds);\n  let position = 0;\n  return complete.map(id => registered.has(id) ? moved[position++] : id);\n}\n\ninterface ColumnIdentity {\n  id?: string;\n  accessorKey?: PropertyKey;\n  header?: unknown;\n  columns?: readonly ColumnIdentity[];\n}\n/** Match native column ID derivation for nested leaf definitions. */\nexport function getLeafColumnIds(columns: readonly ColumnIdentity[]): string[] {\n  return columns.flatMap(column => column.columns?.length\n    ? getLeafColumnIds(column.columns)\n    : [column.id ?? (column.accessorKey !== undefined ? String(column.accessorKey).replaceAll('.', '_') : undefined) ?? (typeof column.header === 'string' ? column.header : '')])\n    .filter(Boolean);\n}\n"],"mappings":";;AACA,SAAgBA,EACd,GAAiB,GAAmB,GAAyB,GAC7D,GAAsB,GACZ;CACV,IAAI,CAAC,OAAO,UAAUC,CAAY,KAAK,CAAC,OAAO,UAAUC,CAAK,KAAKD,IAAe,KAChFC,IAAQ,KAAKA,KAASC,EAAc,UAAUA,EAAcF,OAAkBG,KAC9EH,MAAiBC,KAAS,IAAI,IAAIC,CAAa,CAAC,CAAC,SAASA,EAAc,QAAQ,OAAOE;CACzF,IAAMC,IAAQ,IAAI,IAAIC,CAAO;CAC7B,IAAIJ,EAAc,MAAK,MAAM,CAACG,EAAM,IAAIE,CAAE,CAAC,GAAG,OAAOH;CACrD,IAAMI,IAAW,CAAC,mBAAG,IAAI,IAAI,CAAC,GAAGJ,EAAM,QAAO,MAAMC,EAAM,IAAIE,CAAE,CAAC,GAAG,GAAGD,CAAO,CAAC,CAAC,GAC1EG,IAAQ,CAAC,GAAGP,CAAa;CAC/B,EAAM,OAAOD,GAAO,GAAG,GAAGQ,EAAM,OAAOT,GAAc,CAAC,CAAC;CACvD,IAAMU,IAAa,IAAI,IAAIR,CAAa,GACpCS,IAAW;CACf,OAAOH,EAAS,KAAI,MAAME,EAAW,IAAIH,CAAE,IAAIE,EAAM,OAAcF,CAAE;AACvE;AASA,SAAgBK,EAAiB,GAA8C;CAC7E,OAAOC,EAAQ,SAAQ,MAAUC,EAAO,SAAS,SAC7CF,EAAiBE,EAAO,OAAO,IAC/B,CAACA,EAAO,OAAOA,EAAO,gBAAgB,KAAA,IAA8D,KAAA,IAAlD,OAAOA,EAAO,WAAW,CAAC,CAAC,WAAW,KAAK,GAAG,OAAmB,OAAOA,EAAO,UAAW,WAAWA,EAAO,SAAS,GAAG,CAAC,CAAC,CAC7K,OAAO,OAAO;AACnB"}

package/dist/tools/components/data-table/data-table.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs"),n=require("../../../ui/components/ui/button-variants.cjs"),r=require("../../../ui/components/ui/button-components.cjs"),i=require("../../../ui/components/ui/input.cjs"),a=require("../../../ui/components/ui/dropdown-menu.cjs"),o=require("../../../ui/components/ui/table.cjs"),ee=require("../../paraglide/messages/datatable_filterplaceholder2.cjs"),s=require("../../paraglide/messages/datatable_gotofirstpage4.cjs"),c=require("../../paraglide/messages/datatable_gotolastpage4.cjs"),l=require("../../paraglide/messages/datatable_gotonextpage4.cjs"),u=require("../../paraglide/messages/datatable_gotopreviouspage4.cjs"),d=require("../../paraglide/messages/datatable_items1.cjs"),f=require("../../paraglide/messages/datatable_noresults2.cjs"),p=require("../../paraglide/messages/datatable_page1.cjs"),m=require("../../paraglide/messages/datatable_rowsperpage3.cjs"),h=require("../../paraglide/messages/datatable_rowsselected2.cjs"),te=require("../../paraglide/messages/datatable_togglecolumns2.cjs"),ne=require("../../paraglide/messages/datatable_view1.cjs"),re=require("./table-engine.cjs"),g=require("./table-store.cjs");let _=require("react/jsx-runtime"),v=require("react");v=e.__toESM(v,1);let y=require("lucide-react"),b=require("@dnd-kit/core"),x=require("@dnd-kit/sortable"),ie=require("@dnd-kit/utilities"),S=require("@tanstack/react-table");function ae({header:e,enableColumnOrdering:n=!0,enableMultiSort:r=!1,sortIndex:i}){let{attributes:a,listeners:ee,setNodeRef:s,transform:c,transition:l,isDragging:u}=(0,x.useSortable)({id:e.column.id,disabled:!n}),d=e.column.getCanSort(),f=e.column.getIsSorted(),p=f!==!1,m=n?{transform:ie.CSS.Translate.toString(c),transition:l,opacity:u?.8:1,zIndex:+!!u,position:`relative`,cursor:`move`}:{},h=t=>{d&&(r&&t.shiftKey?e.column.toggleSorting(void 0,!0):e.column.toggleSorting())};return(0,_.jsx)(o.TableHead,{ref:n?s:void 0,style:m,...n?{...a,...ee}:{},className:t.cn(`bg-primary/10 text-primary font-bold border-b border-primary/20`,d&&`cursor-pointer select-none hover:bg-primary/20 transition-colors`),onClick:d?h:void 0,children:e.isPlaceholder?null:(0,_.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,_.jsx)(`span`,{className:t.cn(p&&`font-semibold`),children:(0,S.flexRender)(e.column.columnDef.header,e.getContext())}),p&&(0,_.jsxs)(`span`,{className:`inline-flex items-center text-xs`,children:[f===`asc`?(0,_.jsx)(y.ChevronUp,{className:`h-3.5 w-3.5`}):(0,_.jsx)(y.ChevronDown,{className:`h-3.5 w-3.5`}),r&&i!==void 0&&i>=0&&(0,_.jsx)(`span`,{className:`text-[10px] ml-0.5`,children:i+1})]})]})})}function oe({columns:e,data:n,variant:a=`default`,filterContent:s,storageKey:c,enableSortingByDefault:l=!0,enableMultiSort:u=!1,showRowNumber:p=!1,itemCount:m,onAdd:h,pageCount:te,rowCount:ne,onPaginationChange:ie,onSortingChange:oe,onColumnFiltersChange:T,onRowClick:E,onSelectionChange:D,rowIdField:O=`id`,manualPagination:k=!1,manualSorting:ce=!1,manualFiltering:A=!1,filterColumn:j,sorting:M,pagination:N,enableColumnOrdering:le=!0,containerClassName:P,tableClassName:F,pageSizeOptions:I=[10,20,30,50,100],filterLayout:L=`inline`,defaultFilterOpen:ue=!1,activeFiltersContent:R}){"use no memo";let de=g.useDataTableStore(e=>e.getTableSettings),fe=g.useDataTableStore(e=>e.setTableSettings),z=g.useDataTableStore(e=>e._hasHydrated),B=v.useSyncExternalStore(v.useCallback(()=>()=>{},[]),()=>!0,()=>!1),[V,pe]=v.useState(ue),[me,he]=v.useState(M||[]),[H,ge]=v.useState([]),[U,_e]=v.useState({}),[ve,ye]=v.useState({}),[be,xe]=v.useState(N||{pageIndex:0,pageSize:10}),[W,G]=v.useState(e.map(e=>e.id||e.accessorKey)),Se=N!==void 0,K=M??me,q=N??be,Ce=e=>{let t=typeof e==`function`?e(K):e;M===void 0&&he(t),oe?.(t)},we=e=>{let t=typeof e==`function`?e(q):e;N===void 0&&xe(t),ie?.(t)},[J,Te]=v.useState(null),Y=v.useMemo(()=>e.map(e=>e.id||e.accessorKey||``).join(`|`),[e]),X=v.useMemo(()=>new Set(Y.split(`|`).filter(Boolean)),[Y]),Z=c?JSON.stringify([c,Y,!!M,!!N]):null;if(z&&c&&J!==Z){Te(Z);let e=de(c);if(e){if(!M&&e.sorting&&e.sorting.length>0){let t=e.sorting.filter(e=>X.has(e.id));t.length>0&&he(t)}if(e.columnVisibility&&Object.keys(e.columnVisibility).length>0){let t={};for(let[n,r]of Object.entries(e.columnVisibility))X.has(n)&&(t[n]=r);Object.keys(t).length>0&&_e(t)}if(!N&&e.pageSize&&e.pageSize!==10&&xe(t=>({...t,pageSize:e.pageSize})),e.columnOrder&&e.columnOrder.length>0){let t=e.columnOrder.filter(e=>X.has(e)),n=new Set(t),r=Array.from(X).filter(e=>!n.has(e)),i=[...t,...r];i.length>0&&G(i)}}}let Ee=v.useMemo(()=>({id:`rowNumber`,header:`No`,enableSorting:!1,cell:({row:e,table:t})=>{let n=t.store.state.pagination;return n?n.pageIndex*n.pageSize+e.index+1:e.index+1}}),[]),De=v.useMemo(()=>{let t=p?[Ee,...e]:e;return l?t.map(e=>({...e,enableSorting:e.enableSorting!==!1})):t},[p,e,Ee,l]),Oe=v.useCallback(e=>{if(O)return O.split(`_`).reduce((e,t)=>{if(e&&typeof e==`object`&&t!==`__proto__`&&t!==`constructor`&&t!==`prototype`&&Object.prototype.hasOwnProperty.call(e,t))return e[t]},e)},[O]);v.useEffect(()=>{c&&z&&J===Z&&fe(c,{columnOrder:W,columnVisibility:U,sorting:K,pageSize:q.pageSize})},[c,W,U,K,q.pageSize,fe,z,J,Z]),v.useEffect(()=>{A&&T&&T(H)},[H,A,T]);let Q=(0,S.useTable)({features:re.dataTableFeatures,data:n,columns:De,pageCount:k?te:void 0,rowCount:k?ne:void 0,getRowId:O?(e,t)=>{let n=O.split(`_`).reduce((e,t)=>{if(e&&typeof e==`object`&&t in e)return e[t]},e);return String(n===void 0?t:n)}:void 0,state:{sorting:K,columnFilters:H,columnVisibility:U,rowSelection:ve,pagination:q,columnOrder:W},enableRowSelection:!0,enableMultiSort:u,onRowSelectionChange:ye,onSortingChange:Ce,onColumnFiltersChange:ge,onColumnVisibilityChange:_e,onPaginationChange:we,onColumnOrderChange:G,autoResetPageIndex:k||Se?!1:void 0,manualPagination:k,manualSorting:ce,manualFiltering:A});v.useEffect(()=>{D&&D(Q.getFilteredSelectedRowModel().rows.map(e=>e.original))},[ve,Q,D]);let ke=(0,b.useSensors)((0,b.useSensor)(b.PointerSensor,{activationConstraint:{distance:8}}),(0,b.useSensor)(b.KeyboardSensor,{coordinateGetter:x.sortableKeyboardCoordinates})),Ae=v.useCallback(e=>{let{active:t,over:n}=e;t&&n&&t.id!==n.id&&G(e=>{let r=e.indexOf(t.id),i=e.indexOf(n.id);return(0,x.arrayMove)(e,r,i)})},[]),je=v.useCallback(e=>K.findIndex(t=>t.id===e),[K]),Me=v.useCallback(()=>(0,_.jsx)(b.DndContext,{sensors:ke,collisionDetection:b.closestCenter,onDragEnd:Ae,children:(0,_.jsx)(`div`,{className:t.cn(`rounded-md border`,F),children:(0,_.jsxs)(o.Table,{children:[(0,_.jsx)(o.TableHeader,{children:Q.getHeaderGroups().map(e=>(0,_.jsx)(x.SortableContext,{items:W,strategy:x.horizontalListSortingStrategy,children:(0,_.jsx)(o.TableRow,{children:e.headers.map(e=>(0,_.jsx)(ae,{header:e,enableColumnOrdering:le,enableMultiSort:u,sortIndex:je(e.column.id)},e.id))})},e.id))}),(0,_.jsx)(o.TableBody,{children:Q.getRowModel().rows?.length?Q.getRowModel().rows.map(e=>(0,_.jsx)(o.TableRow,{"data-state":e.getIsSelected()&&`selected`,onClick:()=>E&&E(Oe(e.original)),className:E?`cursor-pointer hover:bg-muted/50`:void 0,children:e.getVisibleCells().map(e=>(0,_.jsx)(o.TableCell,{children:(0,S.flexRender)(e.column.columnDef.cell,e.getContext())},e.id))},e.id)):(0,_.jsx)(o.TableRow,{children:(0,_.jsx)(o.TableCell,{colSpan:De.length,className:`h-24 text-center`,children:f.dataTable_noResults()})})})]})})}),[ke,Ae,Q,De,W,le,u,je,E,Oe,F]),$=()=>(0,_.jsx)(`div`,{className:t.cn(`rounded-md border`,F),children:(0,_.jsx)(o.Table,{children:(0,_.jsx)(o.TableBody,{children:(0,_.jsx)(o.TableRow,{children:(0,_.jsx)(o.TableCell,{className:`h-24 text-center`,children:(0,_.jsx)(`div`,{className:`text-muted-foreground`,children:`Loading...`})})})})})});return a===`minimal`?(0,_.jsxs)(`div`,{className:t.cn(`space-y-4`,P),children:[B?Me():$(),(0,_.jsx)(w,{table:Q,pageSizeOptions:I})]}):a===`toolbar`?(0,_.jsxs)(`div`,{className:t.cn(`relative h-full`,P),children:[h&&(0,_.jsx)(`div`,{className:`absolute left-0 top-0 w-full h-full z-10 pointer-events-none`,children:(0,_.jsx)(`div`,{className:`fixed right-4 bottom-10 pointer-events-auto`,children:(0,_.jsx)(r.Button,{type:`button`,size:`icon`,onClick:h,className:`w-12 h-12 rounded-full shadow-lg`,children:(0,_.jsx)(y.Plus,{className:`w-6 h-6`})})})}),(0,_.jsxs)(`div`,{className:`relative h-full flex flex-col`,children:[(0,_.jsxs)(`div`,{className:`bg-muted p-2 rounded-t-md grid grid-cols-1 sm:grid-cols-[1fr_minmax(0,auto)_1fr] items-center gap-2`,children:[(0,_.jsxs)(`div`,{className:`flex flex-wrap justify-center items-center gap-2 sm:col-start-2 sm:col-end-3`,children:[(0,_.jsx)(C,{table:Q}),s&&L===`inline`&&s,s&&L===`panel`&&(0,_.jsxs)(r.Button,{type:`button`,variant:V?`default`:`outline`,size:`sm`,onClick:()=>pe(!V),className:`h-8 gap-1.5`,children:[(0,_.jsx)(y.Filter,{className:`h-4 w-4`}),(0,_.jsx)(`span`,{children:`フィルター`})]})]}),(0,_.jsxs)(`div`,{className:`flex items-center gap-3 justify-center sm:justify-end sm:col-start-3 sm:col-end-4`,children:[(0,_.jsx)(se,{table:Q,pageSizeOptions:I}),typeof m==`number`&&(0,_.jsx)(`span`,{className:`text-sm text-muted-foreground whitespace-nowrap`,children:`${m.toLocaleString()} ${d.dataTable_items()}`})]})]}),s&&L===`panel`&&(0,_.jsx)(`div`,{className:t.cn(`border-b transition-all duration-200 ease-in-out overflow-hidden bg-background`,V?`max-h-[500px] p-4`:`max-h-0 p-0 border-none`),children:s}),R&&(0,_.jsx)(`div`,{className:`bg-background px-4 py-1.5 border-b`,children:R}),(0,_.jsx)(`div`,{className:`flex-1 overflow-auto`,children:B?Me():$()})]})]}):(0,_.jsxs)(`div`,{className:t.cn(`space-y-4`,P),children:[(0,_.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,_.jsx)(`div`,{className:`flex items-center py-4`,children:j&&(0,_.jsx)(i.Input,{placeholder:ee.dataTable_filterPlaceholder({column:j}),value:Q.getColumn(j)?.getFilterValue()??``,onChange:e=>Q.getColumn(j)?.setFilterValue(e.target.value),className:`max-w-sm`})}),(0,_.jsx)(C,{table:Q})]}),R&&(0,_.jsx)(`div`,{className:`border rounded-md bg-background px-3 py-1`,children:R}),B?Me():$(),(0,_.jsx)(w,{table:Q,pageSizeOptions:I}),h&&(0,_.jsx)(`div`,{className:`fixed right-4 bottom-10 z-10`,children:(0,_.jsx)(r.Button,{type:`button`,size:`icon`,onClick:h,className:`w-12 h-12 rounded-full shadow-lg`,children:(0,_.jsx)(y.Plus,{className:`w-6 h-6`})})})]})}function C({table:e}){return(0,_.jsxs)(a.DropdownMenu,{children:[(0,_.jsxs)(a.DropdownMenuTrigger,{className:n.buttonVariants({variant:`default`,size:`sm`,className:`h-8`}),children:[(0,_.jsx)(y.Settings2,{className:`mr-2 h-4 w-4`}),ne.dataTable_view()]}),(0,_.jsx)(a.DropdownMenuContent,{align:`end`,className:`w-40`,children:(0,_.jsxs)(a.DropdownMenuGroup,{children:[(0,_.jsx)(a.DropdownMenuLabel,{children:te.dataTable_toggleColumns()}),(0,_.jsx)(a.DropdownMenuSeparator,{}),e.getAllColumns().filter(e=>e.accessorFn!==void 0&&e.getCanHide()).map(e=>(0,_.jsx)(a.DropdownMenuCheckboxItem,{className:`capitalize`,checked:e.getIsVisible(),onCheckedChange:t=>e.toggleVisibility(!!t),children:typeof e.columnDef.header==`string`?e.columnDef.header:e.id},e.id))]})})]})}function w({table:e,pageSizeOptions:t=[10,20,30,50,100]}){return(0,_.jsxs)(`div`,{className:`flex items-center justify-between px-2`,children:[(0,_.jsx)(`div`,{className:`flex-1 text-sm text-muted-foreground`,children:h.dataTable_rowsSelected({selected:e.getFilteredSelectedRowModel().rows.length,total:e.getFilteredRowModel().rows.length})}),(0,_.jsxs)(`div`,{className:`flex items-center space-x-6 lg:space-x-8`,children:[(0,_.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,_.jsx)(`p`,{className:`text-sm font-medium`,children:m.dataTable_rowsPerPage()}),(0,_.jsx)(`select`,{"aria-label":m.dataTable_rowsPerPage(),value:`${e.store.state.pagination.pageSize}`,onChange:t=>{e.setPageSize(Number(t.target.value))},className:`h-8 w-fit min-w-16 rounded-md border border-input bg-background px-2 py-1 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,children:t.map(e=>(0,_.jsx)(`option`,{value:`${e}`,children:e},e))})]}),(0,_.jsx)(`div`,{className:`flex w-24 items-center justify-center text-sm font-medium`,children:p.dataTable_page({current:e.store.state.pagination.pageIndex+1,total:e.getPageCount()})}),(0,_.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,_.jsxs)(r.Button,{variant:`default`,size:`icon`,className:`hidden h-8 w-8 lg:flex hover:bg-primary/90`,onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),children:[(0,_.jsx)(`span`,{className:`sr-only`,children:s.dataTable_goToFirstPage()}),(0,_.jsx)(y.ChevronsLeft,{className:`h-4 w-4`})]}),(0,_.jsxs)(r.Button,{variant:`default`,size:`icon`,className:`h-8 w-8 hover:bg-primary/90`,onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:[(0,_.jsx)(`span`,{className:`sr-only`,children:u.dataTable_goToPreviousPage()}),(0,_.jsx)(y.ChevronLeft,{className:`h-4 w-4`})]}),(0,_.jsxs)(r.Button,{variant:`default`,size:`icon`,className:`h-8 w-8 hover:bg-primary/90`,onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:[(0,_.jsx)(`span`,{className:`sr-only`,children:l.dataTable_goToNextPage()}),(0,_.jsx)(y.ChevronRight,{className:`h-4 w-4`})]}),(0,_.jsxs)(r.Button,{variant:`default`,size:`icon`,className:`hidden h-8 w-8 lg:flex hover:bg-primary/90`,onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),children:[(0,_.jsx)(`span`,{className:`sr-only`,children:c.dataTable_goToLastPage()}),(0,_.jsx)(y.ChevronsRight,{className:`h-4 w-4`})]})]})]})]})}function se({table:e,pageSizeOptions:t=[10,20,30,50,100]}){let n=e.getPageCount();return(0,_.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,_.jsx)(`select`,{"aria-label":m.dataTable_rowsPerPage(),value:`${e.store.state.pagination.pageSize}`,onChange:t=>{e.setPageSize(Number(t.target.value))},className:`h-8 w-fit min-w-16 rounded-md border border-input bg-background px-2 py-1 text-sm`,children:t.map(e=>(0,_.jsx)(`option`,{value:`${e}`,children:e},e))}),n>1&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(r.Button,{variant:`default`,size:`icon`,className:`h-8 w-8 hover:bg-primary/90`,onClick:()=>e.setPageIndex(0),disabled:e.store.state.pagination.pageIndex===0,children:(0,_.jsx)(y.ChevronsLeft,{className:`h-4 w-4`})}),(0,_.jsx)(r.Button,{variant:`default`,size:`icon`,className:`h-8 w-8 hover:bg-primary/90`,onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:(0,_.jsx)(y.ChevronLeft,{className:`h-4 w-4`})}),(0,_.jsxs)(`span`,{className:`text-sm text-muted-foreground whitespace-nowrap px-1`,children:[e.store.state.pagination.pageIndex+1,` / `,n]}),(0,_.jsx)(r.Button,{variant:`default`,size:`icon`,className:`h-8 w-8 hover:bg-primary/90`,onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:(0,_.jsx)(y.ChevronRight,{className:`h-4 w-4`})}),(0,_.jsx)(r.Button,{variant:`default`,size:`icon`,className:`h-8 w-8 hover:bg-primary/90`,onClick:()=>e.setPageIndex(n-1),disabled:e.store.state.pagination.pageIndex===n-1,children:(0,_.jsx)(y.ChevronsRight,{className:`h-4 w-4`})})]})]})}exports.DataTable=oe,exports.DataTablePagination=w,exports.DataTablePaginationCompact=se,exports.DataTableViewOptions=C;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs"),n=require("../../../ui/components/ui/button-variants.cjs"),r=require("../../../ui/components/ui/button-components.cjs"),i=require("../../../ui/components/ui/input.cjs"),a=require("../../../ui/components/ui/dropdown-menu.cjs"),o=require("../../../ui/components/ui/table.cjs"),s=require("../../paraglide/messages/datatable_filterplaceholder2.cjs"),c=require("../../paraglide/messages/datatable_gotofirstpage4.cjs"),l=require("../../paraglide/messages/datatable_gotolastpage4.cjs"),u=require("../../paraglide/messages/datatable_gotonextpage4.cjs"),d=require("../../paraglide/messages/datatable_gotopreviouspage4.cjs"),f=require("../../paraglide/messages/datatable_items1.cjs"),p=require("../../paraglide/messages/datatable_noresults2.cjs"),m=require("../../paraglide/messages/datatable_page1.cjs"),h=require("../../paraglide/messages/datatable_rowsperpage3.cjs"),g=require("../../paraglide/messages/datatable_rowsselected2.cjs"),_=require("../../paraglide/messages/datatable_togglecolumns2.cjs"),ee=require("../../paraglide/messages/datatable_view1.cjs"),te=require("./table-engine.cjs"),v=require("./column-order.cjs"),y=require("./table-store.cjs");let b=require("react/jsx-runtime"),x=require("react");x=e.__toESM(x,1);let S=require("lucide-react"),ne=require("@dnd-kit/react"),C=require("@dnd-kit/dom"),re=require("@dnd-kit/collision"),ie=require("@dnd-kit/react/sortable"),w=require("@tanstack/react-table");function ae({header:e,enableColumnOrdering:n=!0,enableMultiSort:r=!1,sortIndex:i,sortableIndex:a,sortableGroup:s,registeredIds:c}){let l=n&&!e.isPlaceholder&&e.column.columns.length===0,{ref:u,handleRef:d,isDragging:f}=(0,ie.useSortable)({id:e.id,index:a,group:s,type:s,accept:s,data:{columnId:e.column.id,groupId:s,columnIds:c},disabled:!l,collisionDetector:re.closestCenter}),p=e.column.getCanSort(),m=e.column.getIsSorted(),h=m!==!1,g=p&&typeof e.column.columnDef.header!=`function`?`button`:`span`,_=n?{opacity:f?.8:1,zIndex:+!!f,position:`relative`,cursor:`move`}:{};return(0,b.jsxs)(o.TableHead,{ref:l?u:void 0,colSpan:e.colSpan,"aria-hidden":e.isPlaceholder||void 0,style:_,"aria-sort":p?m===`asc`?`ascending`:m===`desc`?`descending`:`none`:void 0,className:t.cn(`bg-primary/10 text-primary font-bold border-b border-primary/20`,p&&`cursor-pointer select-none hover:bg-primary/20 transition-colors`),onClick:p?t=>{p&&!t.target.closest(`button, input, select, [role=checkbox]`)&&(r&&t.shiftKey?e.column.toggleSorting(void 0,!0):e.column.toggleSorting())}:void 0,children:[l&&(0,b.jsx)(`button`,{type:`button`,ref:d,"aria-label":`Reorder column ${e.column.id}`,className:`inline-flex h-6 w-6 items-center justify-center cursor-grab`,children:(0,b.jsx)(S.GripVertical,{className:`h-3 w-3`,"aria-hidden":`true`})}),e.isPlaceholder?null:(0,b.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,b.jsx)(g,{className:t.cn(h&&`font-semibold`),...g===`button`?{type:`button`,onClick:t=>{t.stopPropagation(),e.column.toggleSorting(void 0,r&&t.shiftKey)}}:{},children:(0,w.flexRender)(e.column.columnDef.header,e.getContext())}),h&&(0,b.jsxs)(`span`,{className:`inline-flex items-center text-xs`,children:[m===`asc`?(0,b.jsx)(S.ChevronUp,{className:`h-3.5 w-3.5`}):(0,b.jsx)(S.ChevronDown,{className:`h-3.5 w-3.5`}),r&&i!==void 0&&i>=0&&(0,b.jsx)(`span`,{className:`text-[10px] ml-0.5`,children:i+1})]})]})]})}function oe({columns:e,data:n,variant:a=`default`,filterContent:c,storageKey:l,enableSortingByDefault:u=!0,enableMultiSort:d=!1,showRowNumber:m=!1,itemCount:h,onAdd:g,pageCount:_,rowCount:ee,onPaginationChange:re,onSortingChange:oe,onColumnFiltersChange:le,onRowClick:E,onSelectionChange:D,rowIdField:O=`id`,manualPagination:k=!1,manualSorting:ue=!1,manualFiltering:de=!1,filterColumn:A,sorting:j,pagination:M,enableColumnOrdering:N=!0,containerClassName:P,tableClassName:F,pageSizeOptions:I=[10,20,30,50,100],filterLayout:L=`inline`,defaultFilterOpen:fe=!1,activeFiltersContent:R}){"use no memo";let pe=y.useDataTableStore(e=>e.getTableSettings),me=y.useDataTableStore(e=>e.setTableSettings),z=y.useDataTableStore(e=>e._hasHydrated),B=x.useSyncExternalStore(x.useCallback(()=>()=>{},[]),()=>!0,()=>!1),[V,he]=x.useState(fe),[ge,_e]=x.useState(j||[]),[H,ve]=x.useState([]),[U,ye]=x.useState({}),[be,xe]=x.useState({}),[Se,Ce]=x.useState(M||{pageIndex:0,pageSize:10}),[W,G]=x.useState(v.getLeafColumnIds(e)),we=M!==void 0,K=j??ge,q=M??Se,Te=e=>{let t=typeof e==`function`?e(K):e;j===void 0&&_e(t),oe?.(t)},Ee=e=>{let t=typeof e==`function`?e(q):e;M===void 0&&Ce(t),re?.(t)},[J,De]=x.useState(null),Y=x.useMemo(()=>JSON.stringify([...m?[`rowNumber`]:[],...v.getLeafColumnIds(e)]),[e,m]),X=x.useMemo(()=>new Set(JSON.parse(Y)),[Y]),Z=l?JSON.stringify([l,Y,!!j,!!M]):null;if(z&&l&&J!==Z){De(Z);let e=pe(l);if(e){if(!j&&e.sorting&&e.sorting.length>0){let t=e.sorting.filter(e=>X.has(e.id));t.length>0&&_e(t)}if(e.columnVisibility&&Object.keys(e.columnVisibility).length>0){let t={};for(let[n,r]of Object.entries(e.columnVisibility))X.has(n)&&(t[n]=r);Object.keys(t).length>0&&ye(t)}if(!M&&e.pageSize&&e.pageSize!==10&&Ce(t=>({...t,pageSize:e.pageSize})),e.columnOrder&&e.columnOrder.length>0){let t=e.columnOrder.filter(e=>X.has(e)),n=new Set(t),r=Array.from(X).filter(e=>!n.has(e)),i=[...t,...r];i.length>0&&G(i)}}}let Oe=x.useMemo(()=>({id:`rowNumber`,header:`No`,enableSorting:!1,cell:({row:e,table:t})=>{let n=t.store.state.pagination;return n?n.pageIndex*n.pageSize+e.index+1:e.index+1}}),[]),ke=x.useMemo(()=>{let t=m?[Oe,...e]:e;return u?t.map(e=>({...e,enableSorting:e.enableSorting!==!1})):t},[m,e,Oe,u]),Ae=x.useCallback(e=>{if(O)return O.split(`_`).reduce((e,t)=>{if(e&&typeof e==`object`&&t!==`__proto__`&&t!==`constructor`&&t!==`prototype`&&Object.prototype.hasOwnProperty.call(e,t))return e[t]},e)},[O]);x.useEffect(()=>{l&&z&&J===Z&&me(l,{columnOrder:W,columnVisibility:U,sorting:K,pageSize:q.pageSize})},[l,W,U,K,q.pageSize,me,z,J,Z]),x.useEffect(()=>{de&&le&&le(H)},[H,de,le]);let Q=(0,w.useTable)({features:te.dataTableFeatures,data:n,columns:ke,pageCount:k?_:void 0,rowCount:k?ee:void 0,getRowId:O?(e,t)=>{let n=O.split(`_`).reduce((e,t)=>{if(e&&typeof e==`object`&&t in e)return e[t]},e);return String(n===void 0?t:n)}:void 0,state:{sorting:K,columnFilters:H,columnVisibility:U,rowSelection:be,pagination:q,columnOrder:W},enableRowSelection:!0,enableMultiSort:d,onRowSelectionChange:xe,onSortingChange:Te,onColumnFiltersChange:ve,onColumnVisibilityChange:ye,onPaginationChange:Ee,onColumnOrderChange:G,autoResetPageIndex:k||we?!1:void 0,manualPagination:k,manualSorting:ue,manualFiltering:de});x.useEffect(()=>{D&&D(Q.getFilteredSelectedRowModel().rows.map(e=>e.original))},[be,Q,D]);let je=x.useRef(null),Me=x.useCallback(e=>{let t=e.operation.source;t&&Array.isArray(t.data.columnIds)&&(je.current={sourceId:String(t.id),groupId:t.data.groupId,ids:[...t.data.columnIds],leafIds:Q.getAllLeafColumns().map(e=>e.id),order:[...W]})},[Q,W]),Ne=x.useCallback(e=>{let t=je.current;je.current=null;let{source:n,target:r}=e.operation;if(e.canceled||!N||!t||!r||!(0,ie.isSortable)(n)||String(n.id)!==t.sourceId)return;let i=Q.getAllLeafColumns().map(e=>e.id),a=Q.getHeaderGroups().find(e=>e.id===t.groupId)?.headers.filter(e=>!e.isPlaceholder&&e.column.columns.length===0).map(e=>e.column.id);a&&JSON.stringify(a)===JSON.stringify(t.ids)&&JSON.stringify(i)===JSON.stringify(t.leafIds)&&JSON.stringify(W)===JSON.stringify(t.order)&&G(e=>v.reorderVisibleColumns(e,i,t.ids,n.data.columnId,n.initialIndex,n.index))},[Q,W,N]),Pe=x.useCallback(e=>K.findIndex(t=>t.id===e),[K]),Fe=x.useCallback(()=>(0,b.jsx)(ne.DragDropProvider,{sensors:e=>[...e.filter(e=>e!==C.PointerSensor),C.PointerSensor.configure({activationConstraints:[new C.PointerActivationConstraints.Distance({value:8})]})],plugins:e=>[...e,C.Feedback.configure({feedback:`clone`,dropAnimation:{duration:0}})],onDragStart:Me,onDragEnd:Ne,children:(0,b.jsx)(`div`,{className:t.cn(`rounded-md border`,F),children:(0,b.jsxs)(o.Table,{children:[(0,b.jsx)(o.TableHeader,{children:Q.getHeaderGroups().map(e=>{let t=e.headers.filter(e=>!e.isPlaceholder&&e.column.columns.length===0).map(e=>e.column.id);return(0,b.jsx)(o.TableRow,{children:e.headers.map(n=>(0,b.jsx)(ae,{header:n,enableColumnOrdering:N,enableMultiSort:d,sortIndex:Pe(n.column.id),sortableIndex:t.indexOf(n.column.id),sortableGroup:e.id,registeredIds:t},n.id))},e.id)})}),(0,b.jsx)(o.TableBody,{children:Q.getRowModel().rows?.length?Q.getRowModel().rows.map(e=>(0,b.jsx)(o.TableRow,{"data-state":e.getIsSelected()&&`selected`,onClick:()=>E&&E(Ae(e.original)),className:E?`cursor-pointer hover:bg-muted/50`:void 0,children:e.getVisibleCells().map(e=>(0,b.jsx)(o.TableCell,{children:(0,w.flexRender)(e.column.columnDef.cell,e.getContext())},e.id))},e.id)):(0,b.jsx)(o.TableRow,{children:(0,b.jsx)(o.TableCell,{colSpan:ke.length,className:`h-24 text-center`,children:p.dataTable_noResults()})})})]})})}),[Me,Ne,Q,ke,W,N,d,Pe,E,Ae,F]),$=()=>(0,b.jsx)(`div`,{className:t.cn(`rounded-md border`,F),children:(0,b.jsx)(o.Table,{children:(0,b.jsx)(o.TableBody,{children:(0,b.jsx)(o.TableRow,{children:(0,b.jsx)(o.TableCell,{className:`h-24 text-center`,children:(0,b.jsx)(`div`,{className:`text-muted-foreground`,children:`Loading...`})})})})})});return a===`minimal`?(0,b.jsxs)(`div`,{className:t.cn(`space-y-4`,P),children:[B?Fe():$(),(0,b.jsx)(se,{table:Q,pageSizeOptions:I})]}):a===`toolbar`?(0,b.jsxs)(`div`,{className:t.cn(`relative h-full`,P),children:[g&&(0,b.jsx)(`div`,{className:`absolute left-0 top-0 w-full h-full z-10 pointer-events-none`,children:(0,b.jsx)(`div`,{className:`fixed right-4 bottom-10 pointer-events-auto`,children:(0,b.jsx)(r.Button,{type:`button`,size:`icon`,"aria-label":`Add row`,onClick:g,className:`w-12 h-12 rounded-full shadow-lg`,children:(0,b.jsx)(S.Plus,{className:`w-6 h-6`})})})}),(0,b.jsxs)(`div`,{className:`relative h-full flex flex-col`,children:[(0,b.jsxs)(`div`,{className:`bg-muted p-2 rounded-t-md grid grid-cols-1 sm:grid-cols-[1fr_minmax(0,auto)_1fr] items-center gap-2`,children:[(0,b.jsxs)(`div`,{className:`flex flex-wrap justify-center items-center gap-2 sm:col-start-2 sm:col-end-3`,children:[(0,b.jsx)(T,{table:Q}),c&&L===`inline`&&c,c&&L===`panel`&&(0,b.jsxs)(r.Button,{type:`button`,variant:V?`default`:`outline`,size:`sm`,onClick:()=>he(!V),className:`h-8 gap-1.5`,children:[(0,b.jsx)(S.Filter,{className:`h-4 w-4`}),(0,b.jsx)(`span`,{children:`フィルター`})]})]}),(0,b.jsxs)(`div`,{className:`flex items-center gap-3 justify-center sm:justify-end sm:col-start-3 sm:col-end-4`,children:[(0,b.jsx)(ce,{table:Q,pageSizeOptions:I}),typeof h==`number`&&(0,b.jsx)(`span`,{className:`text-sm text-muted-foreground whitespace-nowrap`,children:`${h.toLocaleString()} ${f.dataTable_items()}`})]})]}),c&&L===`panel`&&(0,b.jsx)(`div`,{className:t.cn(`border-b transition-all duration-200 ease-in-out overflow-hidden bg-background`,V?`max-h-[500px] p-4`:`max-h-0 p-0 border-none`),children:c}),R&&(0,b.jsx)(`div`,{className:`bg-background px-4 py-1.5 border-b`,children:R}),(0,b.jsx)(`div`,{className:`flex-1 overflow-auto`,children:B?Fe():$()})]})]}):(0,b.jsxs)(`div`,{className:t.cn(`space-y-4`,P),children:[(0,b.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,b.jsx)(`div`,{className:`flex items-center py-4`,children:A&&(0,b.jsx)(i.Input,{placeholder:s.dataTable_filterPlaceholder({column:A}),value:Q.getColumn(A)?.getFilterValue()??``,onChange:e=>Q.getColumn(A)?.setFilterValue(e.target.value),className:`max-w-sm`})}),(0,b.jsx)(T,{table:Q})]}),R&&(0,b.jsx)(`div`,{className:`border rounded-md bg-background px-3 py-1`,children:R}),B?Fe():$(),(0,b.jsx)(se,{table:Q,pageSizeOptions:I}),g&&(0,b.jsx)(`div`,{className:`fixed right-4 bottom-10 z-10`,children:(0,b.jsx)(r.Button,{type:`button`,size:`icon`,onClick:g,className:`w-12 h-12 rounded-full shadow-lg`,children:(0,b.jsx)(S.Plus,{className:`w-6 h-6`})})})]})}function T({table:e}){return(0,b.jsxs)(a.DropdownMenu,{children:[(0,b.jsxs)(a.DropdownMenuTrigger,{className:n.buttonVariants({variant:`default`,size:`sm`,className:`h-8`}),children:[(0,b.jsx)(S.Settings2,{className:`mr-2 h-4 w-4`}),ee.dataTable_view()]}),(0,b.jsx)(a.DropdownMenuContent,{align:`end`,className:`w-40`,children:(0,b.jsxs)(a.DropdownMenuGroup,{children:[(0,b.jsx)(a.DropdownMenuLabel,{children:_.dataTable_toggleColumns()}),(0,b.jsx)(a.DropdownMenuSeparator,{}),e.getAllColumns().filter(e=>e.accessorFn!==void 0&&e.getCanHide()).map(e=>(0,b.jsx)(a.DropdownMenuCheckboxItem,{className:`capitalize`,checked:e.getIsVisible(),onCheckedChange:t=>e.toggleVisibility(!!t),children:typeof e.columnDef.header==`string`?e.columnDef.header:e.id},e.id))]})})]})}function se({table:e,pageSizeOptions:t=[10,20,30,50,100]}){return(0,b.jsxs)(`div`,{className:`flex items-center justify-between px-2`,children:[(0,b.jsx)(`div`,{className:`flex-1 text-sm text-muted-foreground`,children:g.dataTable_rowsSelected({selected:e.getFilteredSelectedRowModel().rows.length,total:e.getFilteredRowModel().rows.length})}),(0,b.jsxs)(`div`,{className:`flex items-center space-x-6 lg:space-x-8`,children:[(0,b.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,b.jsx)(`p`,{className:`text-sm font-medium`,children:h.dataTable_rowsPerPage()}),(0,b.jsx)(`select`,{"aria-label":h.dataTable_rowsPerPage(),value:`${e.store.state.pagination.pageSize}`,onChange:t=>{e.setPageSize(Number(t.target.value))},className:`h-8 w-fit min-w-16 rounded-md border border-input bg-background px-2 py-1 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,children:t.map(e=>(0,b.jsx)(`option`,{value:`${e}`,children:e},e))})]}),(0,b.jsx)(`div`,{className:`flex w-24 items-center justify-center text-sm font-medium`,children:m.dataTable_page({current:e.store.state.pagination.pageIndex+1,total:e.getPageCount()})}),(0,b.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,b.jsxs)(r.Button,{variant:`default`,size:`icon`,className:`hidden h-8 w-8 lg:flex hover:bg-primary/90`,"aria-label":c.dataTable_goToFirstPage(),onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),children:[(0,b.jsx)(`span`,{className:`sr-only`,children:c.dataTable_goToFirstPage()}),(0,b.jsx)(S.ChevronsLeft,{className:`h-4 w-4`})]}),(0,b.jsxs)(r.Button,{variant:`default`,size:`icon`,className:`h-8 w-8 hover:bg-primary/90`,"aria-label":d.dataTable_goToPreviousPage(),onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:[(0,b.jsx)(`span`,{className:`sr-only`,children:d.dataTable_goToPreviousPage()}),(0,b.jsx)(S.ChevronLeft,{className:`h-4 w-4`})]}),(0,b.jsxs)(r.Button,{variant:`default`,size:`icon`,className:`h-8 w-8 hover:bg-primary/90`,"aria-label":u.dataTable_goToNextPage(),onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:[(0,b.jsx)(`span`,{className:`sr-only`,children:u.dataTable_goToNextPage()}),(0,b.jsx)(S.ChevronRight,{className:`h-4 w-4`})]}),(0,b.jsxs)(r.Button,{variant:`default`,size:`icon`,className:`hidden h-8 w-8 lg:flex hover:bg-primary/90`,"aria-label":l.dataTable_goToLastPage(),onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),children:[(0,b.jsx)(`span`,{className:`sr-only`,children:l.dataTable_goToLastPage()}),(0,b.jsx)(S.ChevronsRight,{className:`h-4 w-4`})]})]})]})]})}function ce({table:e,pageSizeOptions:t=[10,20,30,50,100]}){let n=e.getPageCount();return(0,b.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,b.jsx)(`select`,{"aria-label":h.dataTable_rowsPerPage(),value:`${e.store.state.pagination.pageSize}`,onChange:t=>{e.setPageSize(Number(t.target.value))},className:`h-8 w-fit min-w-16 rounded-md border border-input bg-background px-2 py-1 text-sm`,children:t.map(e=>(0,b.jsx)(`option`,{value:`${e}`,children:e},e))}),n>1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(r.Button,{variant:`default`,size:`icon`,className:`h-8 w-8 hover:bg-primary/90`,"aria-label":c.dataTable_goToFirstPage(),onClick:()=>e.setPageIndex(0),disabled:e.store.state.pagination.pageIndex===0,children:(0,b.jsx)(S.ChevronsLeft,{className:`h-4 w-4`})}),(0,b.jsx)(r.Button,{variant:`default`,size:`icon`,className:`h-8 w-8 hover:bg-primary/90`,"aria-label":d.dataTable_goToPreviousPage(),onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:(0,b.jsx)(S.ChevronLeft,{className:`h-4 w-4`})}),(0,b.jsxs)(`span`,{className:`text-sm text-muted-foreground whitespace-nowrap px-1`,children:[e.store.state.pagination.pageIndex+1,` / `,n]}),(0,b.jsx)(r.Button,{variant:`default`,size:`icon`,className:`h-8 w-8 hover:bg-primary/90`,"aria-label":u.dataTable_goToNextPage(),onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:(0,b.jsx)(S.ChevronRight,{className:`h-4 w-4`})}),(0,b.jsx)(r.Button,{variant:`default`,size:`icon`,className:`h-8 w-8 hover:bg-primary/90`,"aria-label":l.dataTable_goToLastPage(),onClick:()=>e.setPageIndex(n-1),disabled:e.store.state.pagination.pageIndex===n-1,children:(0,b.jsx)(S.ChevronsRight,{className:`h-4 w-4`})})]})]})}exports.DataTable=oe,exports.DataTablePagination=se,exports.DataTablePaginationCompact=ce,exports.DataTableViewOptions=T;
 //# sourceMappingURL=data-table.cjs.map

package/dist/tools/components/data-table/data-table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.cjs","names":["useSortable","CSS","TableHead","cn","flexRender","ChevronUp","ChevronDown","useDataTableStore","React","useTable","dataTableFeatures","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","arrayMove","DndContext","closestCenter","Table","TableHeader","SortableContext","horizontalListSortingStrategy","TableRow","TableBody","TableCell","Button","Plus","FilterIcon","Input","DropdownMenu","DropdownMenuTrigger","buttonVariants","Settings2","DropdownMenuContent","DropdownMenuGroup","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuCheckboxItem","ChevronsLeft","ChevronLeft","ChevronRight","ChevronsRight","_Fragment","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_variants","require_ui_components_ui_button_components","require_ui_components_ui_input","require_ui_components_ui_dropdown_menu","require_ui_components_ui_table","require_datatable_filterplaceholder2","require_datatable_gotofirstpage4","require_datatable_gotolastpage4","require_datatable_gotonextpage4","require_datatable_gotopreviouspage4","require_datatable_items1","require_datatable_noresults2","require_datatable_page1","require_datatable_rowsperpage3","require_datatable_rowsselected2","require_datatable_togglecolumns2","require_datatable_view1","require_tools_components_data_table_table_engine","require_tools_components_data_table_table_store","react_jsx_runtime","react","lucide_react","_dnd_kit_core","_dnd_kit_sortable","_dnd_kit_utilities","_tanstack_react_table","DataTableColumnHeader","header","enableColumnOrdering","canSort","sortDirection","isSorted","style","transform","isDragging","handleSort","enableMultiSort","e","setNodeRef","attributes","listeners","sortIndex","DataTable","controlledSorting","controlledPagination","getTableSettings","state","setTableSettings","hasHydrated","mounted","filterOpen","setFilterOpen","defaultFilterOpen","localSorting","setLocalSorting","columnFilters","setColumnFilters","columnVisibility","setColumnVisibility","rowSelection","setRowSelection","localPagination","setLocalPagination","columnOrder","setColumnOrder","columns","c","isPaginationControlled","sorting","pagination","setSorting","next","updater","onSortingChange","setPagination","onPaginationChange","settingsLoaded","setSettingsLoaded","columnIdListKey","validColumnIds","loadKey","storageKey","storedSettings","validSorting","s","validVisibility","key","value","prev","validStoredOrder","id","storedOrderSet","newColumns","mergedOrder","rowNumberColumn","tableInstance","paginationState","row","columnsWithRowNumber","cols","showRowNumber","enableSortingByDefault","col","getRowId","rowIdField","obj","originalRow","manualFiltering","onColumnFiltersChange","table","manualPagination","pageCount","rowCount","index","onSelectionChange","sensors","handleDragEnd","event","active","over","oldIndex","order","newIndex","getSortIndex","columnId","renderTable","tableClassName","headerGroup","onRowClick","cell","renderLoadingTable","variant","containerClassName","DataTablePagination","onAdd","DataTableViewOptions","filterContent","filterLayout","DataTablePaginationCompact","itemCount","activeFiltersContent","filterColumn","column","pageSizeOptions","pageSize","totalPages"],"sources":["../../../../src/tools/components/data-table/data-table.tsx"],"sourcesContent":["/**\n * @fileoverview DataTable component with sorting, pagination, and persistence\n *\n * A feature-rich data table built on TanStack Table with:\n * - Three layout variants: default, toolbar, minimal\n * - Single and multi-column sorting\n * - Column reordering via drag-and-drop\n * - Column visibility toggle\n * - Settings persistence via Zustand store\n * - Row selection and click handling\n * - Server-side pagination/sorting support\n *\n * @module data-table/data-table\n */\n\nimport * as React from 'react';\nimport {\n  ColumnDef,\n  ColumnFiltersState,\n  SortingState,\n  VisibilityState,\n  ColumnOrderState,\n  PaginationState,\n  flexRender,\n  useTable,\n  dataTableFeatures,\n  Table as TableInstance,\n  Header,\n} from './table-engine';\nimport * as m from '../../paraglide/messages.js';\n\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  DragEndEvent,\n} from '@dnd-kit/core';\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  horizontalListSortingStrategy,\n  useSortable,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nimport { cn } from \"../../lib/utils\";\nimport { Button, buttonVariants } from '../ui/button';\nimport { Input } from '../ui/input';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../ui/table';\n\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  Settings2,\n  Plus,\n  ChevronUp,\n  ChevronDown,\n  Filter as FilterIcon,\n} from 'lucide-react';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n  DropdownMenuSeparator,\n  DropdownMenuLabel,\n  DropdownMenuGroup,\n} from '../ui/dropdown-menu';\n\nimport { useDataTableStore } from './table-store';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * テーブルレイアウトのバリアント\n * Table layout variants\n */\nexport type DataTableVariant = 'default' | 'toolbar' | 'minimal';\n\n// =============================================================================\n// Sortable Header Component\n// =============================================================================\n\ninterface DataTableColumnHeaderProps<\n  TData extends object,\n  TValue,\n> extends React.HTMLAttributes<HTMLTableCellElement> {\n  header: Header<TData, TValue>;\n  enableColumnOrdering?: boolean;\n  enableMultiSort?: boolean;\n  sortIndex?: number;\n}\n\nfunction DataTableColumnHeader<TData extends object, TValue>({\n  header,\n  enableColumnOrdering = true,\n  enableMultiSort = false,\n  sortIndex,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: header.column.id,\n    disabled: !enableColumnOrdering,\n  });\n\n  const canSort = header.column.getCanSort();\n  const sortDirection = header.column.getIsSorted();\n  const isSorted = sortDirection !== false;\n\n  const style: React.CSSProperties = enableColumnOrdering\n    ? {\n        transform: CSS.Translate.toString(transform),\n        transition,\n        opacity: isDragging ? 0.8 : 1,\n        zIndex: isDragging ? 1 : 0,\n        position: 'relative',\n        cursor: 'move',\n      }\n    : {};\n\n  const handleSort = (e: React.MouseEvent) => {\n    if (!canSort) return;\n    if (enableMultiSort && e.shiftKey) {\n      header.column.toggleSorting(undefined, true);\n    } else {\n      header.column.toggleSorting();\n    }\n  };\n\n  return (\n    <TableHead\n      ref={enableColumnOrdering ? setNodeRef : undefined}\n      style={style}\n      {...(enableColumnOrdering ? { ...attributes, ...listeners } : {})}\n      className={cn(\n        'bg-primary/10 text-primary font-bold border-b border-primary/20',\n        canSort && 'cursor-pointer select-none hover:bg-primary/20 transition-colors',\n      )}\n      onClick={canSort ? handleSort : undefined}\n    >\n      {header.isPlaceholder ? null : (\n        <span className='inline-flex items-center gap-1'>\n          <span className={cn(isSorted && 'font-semibold')}>\n            {flexRender(header.column.columnDef.header, header.getContext())}\n          </span>\n          {/* Only show sort indicator when column is actively sorted */}\n          {isSorted && (\n            <span className='inline-flex items-center text-xs'>\n              {sortDirection === 'asc' ? (\n                <ChevronUp className='h-3.5 w-3.5' />\n              ) : (\n                <ChevronDown className='h-3.5 w-3.5' />\n              )}\n              {enableMultiSort && sortIndex !== undefined && sortIndex >= 0 && (\n                <span className='text-[10px] ml-0.5'>{sortIndex + 1}</span>\n              )}\n            </span>\n          )}\n        </span>\n      )}\n    </TableHead>\n  );\n}\n\n// =============================================================================\n// DataTable Props\n// =============================================================================\n\n/**\n * DataTableProps\n * DataTableのプロップス\n *\n * ## AI/Automation Features\n * - `testId`: Container element\n * - Pattern: `{testId}`, rows: `{testId}-row-{id}`, pagination: `{testId}-pagination`\n */\nexport interface DataTableProps<TData extends object, TValue> {\n  /** AI/E2E Test用の安定ID / Stable test identifier */\n  testId?: string;\n  /** 列定義 / Column definitions */\n  columns: ColumnDef<TData, TValue>[];\n  /** データ配列 / Data array */\n  data: TData[];\n  /** テーブルレイアウトのバリアント / Table layout variant */\n  variant?: DataTableVariant;\n  /** ツールバー用カスタムフィルターコンテンツ / Custom filter content for toolbar */\n  filterContent?: React.ReactNode;\n  /** 設定永続化用キー（Zustandストアで使用） / Storage key for persisting settings */\n  storageKey?: string;\n  /** 全カラムをデフォルトでソート可能にする / Enable sorting on all columns by default */\n  enableSortingByDefault?: boolean;\n  /** 複数カラムソートを有効化 / Enable multi-column sorting */\n  enableMultiSort?: boolean;\n  /** 行番号カラムを表示 / Show row number column */\n  showRowNumber?: boolean;\n  /** アイテム総数（表示用） / Total item count for display */\n  itemCount?: number;\n  /** 追加ボタンのコールバック / Callback for floating add button */\n  onAdd?: () => void;\n  /** 総ページ数（手動ページネーション時） / Total page count for manual pagination */\n  pageCount?: number;\n  /** 総行数（手動ページネーション時） / Total row count for manual pagination */\n  rowCount?: number;\n  /**\n   * ページ変更時のコールバック / Pagination change callback\n   * 操作による変更要求時に通知。初期マウント・props同期では通知しません。\n   */\n  onPaginationChange?: (pagination: { pageIndex: number; pageSize: number }) => void;\n  /** ソートの変更要求時のコールバック（初期マウント・props同期では通知しない） / Requested sorting change */\n  onSortingChange?: (sorting: SortingState) => void;\n  /** フィルタ変更時のコールバック / Filter change callback */\n  onColumnFiltersChange?: (filters: ColumnFiltersState) => void;\n  /** 行クリック時のコールバック / Row click callback */\n  onRowClick?: (rowId: string | number) => void;\n  /** 選択変更時のコールバック / Selection change callback */\n  onSelectionChange?: (selectedRows: TData[]) => void;\n  /** 行ID用フィールド名 / Row ID field name */\n  rowIdField?: string;\n  /** サーバーサイドページネーション / Server-side pagination */\n  manualPagination?: boolean;\n  /** サーバーサイドソート / Server-side sorting */\n  manualSorting?: boolean;\n  /** サーバーサイドフィルタ / Server-side filtering */\n  manualFiltering?: boolean;\n  /** フィルタ対象カラム / Filter column name */\n  filterColumn?: string;\n  /** ページサイズのオプション / Page size options */\n  pageSizeOptions?: number[];\n  /** ソート推移のオプション（外部制御用） / Sorting state for controlled mode */\n  sorting?: SortingState;\n  /**\n   * 現在のページネーション（外部制御用） / Pagination state for controlled mode\n   * 指定時はページ自動リセット（autoResetPageIndex）を無効化します。\n   */\n  pagination?: PaginationState;\n  /** 列の並べ替え有効化 / Enable column reordering */\n  enableColumnOrdering?: boolean;\n  /** コンテナのクラス名 / Container class name */\n  containerClassName?: string;\n  /** テーブルのクラス名 / Table class name */\n  tableClassName?: string;\n  /** フィルターのレイアウトモード / Filter layout mode */\n  filterLayout?: 'inline' | 'panel';\n  /** フィルターパネルの初期開閉状態 / Default open state of the filter panel */\n  defaultFilterOpen?: boolean;\n  /** アクティブフィルター表示用のコンテンツ / Custom active filters component or node */\n  activeFiltersContent?: React.ReactNode;\n}\n\n// =============================================================================\n// DataTable Component\n// =============================================================================\n\n/**\n * データテーブルコンポーネント\n *\n * ソート、フィルタ、ページネーション、行選択、列並べ替えに対応した\n * 高機能なデータテーブル。TanStack Table を使用。\n *\n * ## 制御モード (Controlled Mode)\n * `sorting` と `pagination` プロップスを渡すことで、外部状態からテーブルを制御できます。\n * これにより、サーバーサイドソートとクライアントサイドページネーションといった\n * 柔軟な組み合わせが、共有ライブラリ側のロジックを変更せずに実現可能です。\n *\n * 補足:\n * - `pagination` を指定した場合、`manualPagination` が false でも `onPaginationChange` を通知します。\n * - `pagination` 指定時はデータ更新時の `pageIndex` 自動リセットを無効化します。\n *\n * @example 基本的な使い方 (Uncontrolled)\n * ```tsx\n * <DataTable columns={columns} data={data} />\n * ```\n *\n * @example 外部状態によるソート制御 (Controlled Sorting)\n * ```tsx\n * const [sorting, setSorting] = useState<SortingState>([]);\n * <DataTable\n *   columns={columns}\n *   data={data}\n *   sorting={sorting}\n *   onSortingChange={setSorting}\n *   manualSorting={true}\n * />\n * ```\n */\nexport function DataTable<TData extends object, TValue>({\n  columns,\n  data,\n  variant = 'default',\n  filterContent,\n  storageKey,\n  enableSortingByDefault = true,\n  enableMultiSort = false,\n  showRowNumber = false,\n  itemCount,\n  onAdd,\n  pageCount,\n  rowCount,\n  onPaginationChange,\n  onSortingChange,\n  onColumnFiltersChange,\n  onRowClick,\n  onSelectionChange,\n  rowIdField = 'id',\n  manualPagination = false,\n  manualSorting = false,\n  manualFiltering = false,\n  filterColumn,\n  sorting: controlledSorting,\n  pagination: controlledPagination,\n  enableColumnOrdering = true,\n  containerClassName,\n  tableClassName,\n  pageSizeOptions = [10, 20, 30, 50, 100],\n  filterLayout = 'inline',\n  defaultFilterOpen = false,\n  activeFiltersContent,\n}: DataTableProps<TData, TValue>) {\n  'use no memo';\n\n  // Get persisted settings from store (must be called before any early returns)\n  const getTableSettings = useDataTableStore((state) => state.getTableSettings);\n  const setTableSettings = useDataTableStore((state) => state.setTableSettings);\n  const hasHydrated = useDataTableStore((state) => state._hasHydrated);\n\n  // SSR safety: Only render on client\n  // useSyncExternalStore ensures we have a consistent value during hydration\n  const mounted = React.useSyncExternalStore(\n    React.useCallback(() => () => {}, []),\n    () => true,\n    () => false,\n  );\n  const [filterOpen, setFilterOpen] = React.useState(defaultFilterOpen);\n\n  // Initialize state with default values (SSR-safe)\n  const [localSorting, setLocalSorting] = React.useState<SortingState>(controlledSorting || []);\n  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>([]);\n  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({});\n  const [rowSelection, setRowSelection] = React.useState({});\n  const [localPagination, setLocalPagination] = React.useState<PaginationState>(\n    controlledPagination || {\n      pageIndex: 0,\n      pageSize: 10,\n    },\n  );\n  const [columnOrder, setColumnOrder] = React.useState<ColumnOrderState>(\n    columns.map((c) => c.id || ((c as { accessorKey?: string }).accessorKey as string)),\n  );\n  const isPaginationControlled = controlledPagination !== undefined;\n  const sorting = controlledSorting ?? localSorting;\n  const pagination = controlledPagination ?? localPagination;\n  const setSorting: React.Dispatch<React.SetStateAction<SortingState>> = (updater) => {\n    const next = typeof updater === 'function' ? updater(sorting) : updater;\n    if (controlledSorting === undefined) setLocalSorting(next);\n    onSortingChange?.(next);\n  };\n  const setPagination: React.Dispatch<React.SetStateAction<PaginationState>> = (updater) => {\n    const next = typeof updater === 'function' ? updater(pagination) : updater;\n    if (controlledPagination === undefined) setLocalPagination(next);\n    onPaginationChange?.(next);\n  };\n  const [settingsLoaded, setSettingsLoaded] = React.useState<string | null>(null);\n  const columnIdListKey = React.useMemo(\n    () => columns.map((c) => c.id || (c as { accessorKey?: string }).accessorKey || '').join('|'),\n    [columns],\n  );\n  const validColumnIds = React.useMemo(\n    () => new Set(columnIdListKey.split('|').filter(Boolean)),\n    [columnIdListKey],\n  );\n\n  // Guarded render-time hydration, avoiding a stale-state effect render.\n  const loadKey = storageKey ? JSON.stringify([storageKey, columnIdListKey, Boolean(controlledSorting), Boolean(controlledPagination)]) : null;\n  if (hasHydrated && storageKey && settingsLoaded !== loadKey) {\n    setSettingsLoaded(loadKey);\n    const storedSettings = getTableSettings(storageKey);\n    if (storedSettings) {\n      if (!controlledSorting && storedSettings.sorting && storedSettings.sorting.length > 0) {\n        // Filter out sorting for columns that no longer exist\n        const validSorting = storedSettings.sorting.filter((s) => validColumnIds.has(s.id));\n        if (validSorting.length > 0) {\n          setLocalSorting(validSorting);\n        }\n      }\n      if (\n        storedSettings.columnVisibility &&\n        Object.keys(storedSettings.columnVisibility).length > 0\n      ) {\n        // Filter out visibility for columns that no longer exist\n        const validVisibility: Record<string, boolean> = {};\n        for (const [key, value] of Object.entries(storedSettings.columnVisibility)) {\n          if (validColumnIds.has(key)) {\n            validVisibility[key] = value;\n          }\n        }\n        if (Object.keys(validVisibility).length > 0) {\n          setColumnVisibility(validVisibility);\n        }\n      }\n      if (!controlledPagination && storedSettings.pageSize && storedSettings.pageSize !== 10) {\n        setLocalPagination((prev) => ({ ...prev, pageSize: storedSettings.pageSize }));\n      }\n      if (storedSettings.columnOrder && storedSettings.columnOrder.length > 0) {\n        // Filter out columns that no longer exist and add new columns\n        const validStoredOrder = storedSettings.columnOrder.filter((id) => validColumnIds.has(id));\n        const storedOrderSet = new Set(validStoredOrder);\n        const newColumns = Array.from(validColumnIds).filter((id) => !storedOrderSet.has(id));\n        const mergedOrder = [...validStoredOrder, ...newColumns];\n        if (mergedOrder.length > 0) {\n          setColumnOrder(mergedOrder);\n        }\n      }\n    }\n  }\n\n  // Row number column definition (MUST be called before early return)\n  const rowNumberColumn: ColumnDef<TData, TValue> = React.useMemo(\n    () => ({\n      id: 'rowNumber',\n      header: 'No',\n      enableSorting: false,\n      cell: ({ row, table: tableInstance }) => {\n        const paginationState = tableInstance.store.state.pagination;\n        if (paginationState) {\n          return paginationState.pageIndex * paginationState.pageSize + row.index + 1;\n        }\n        return row.index + 1;\n      },\n    }),\n    [],\n  );\n\n  // Add row number column if requested (MUST be called before early return)\n  const columnsWithRowNumber = React.useMemo(() => {\n    const cols = showRowNumber ? [rowNumberColumn, ...columns] : columns;\n    // Apply enableSortingByDefault to all columns that don't explicitly disable sorting\n    if (enableSortingByDefault) {\n      return cols.map((col) => ({\n        ...col,\n        enableSorting: col.enableSorting !== false,\n      }));\n    }\n    return cols;\n  }, [showRowNumber, columns, rowNumberColumn, enableSortingByDefault]);\n\n  // Helper to extract nested ID safely (MUST be called before early return)\n  const getRowId = React.useCallback(\n    (originalRow: TData) => {\n      if (!rowIdField) return undefined;\n      // Simple dot notation support for id field\n\n      return rowIdField.split('_').reduce<unknown>((obj, key) => {\n        if (\n          obj &&\n          typeof obj === 'object' &&\n          key !== '__proto__' &&\n          key !== 'constructor' &&\n          key !== 'prototype' &&\n          Object.prototype.hasOwnProperty.call(obj, key)\n        ) {\n          return (obj as Record<string, unknown>)[key];\n        }\n        return undefined;\n      }, originalRow as unknown);\n    },\n    [rowIdField],\n  );\n\n  // Persist settings to store (MUST be called before early return)\n  React.useEffect(() => {\n    if (storageKey && hasHydrated && settingsLoaded === loadKey) {\n      setTableSettings(storageKey, {\n        columnOrder,\n        columnVisibility,\n        sorting,\n        pageSize: pagination.pageSize,\n      });\n    }\n  }, [storageKey, columnOrder, columnVisibility, sorting, pagination.pageSize, setTableSettings, hasHydrated, settingsLoaded, loadKey]);\n\n  React.useEffect(() => {\n    if (manualFiltering && onColumnFiltersChange) {\n      onColumnFiltersChange(columnFilters);\n    }\n  }, [columnFilters, manualFiltering, onColumnFiltersChange]);\n\n  // Create table instance (MUST be called before early return)\n  const table = useTable({\n    features: dataTableFeatures,\n    data,\n    // Table 9 erases heterogeneous cell values to unknown at the table boundary.\n    columns: columnsWithRowNumber as ColumnDef<TData>[],\n    pageCount: manualPagination ? pageCount : undefined,\n    rowCount: manualPagination ? rowCount : undefined,\n    getRowId: rowIdField\n      ? (originalRow, index) => {\n          const id = rowIdField.split('_').reduce<unknown>((obj, key) => {\n            if (obj && typeof obj === 'object' && key in (obj as Record<string, unknown>)) {\n              return (obj as Record<string, unknown>)[key];\n            }\n            return undefined;\n          }, originalRow as unknown);\n          return id !== undefined ? String(id) : String(index);\n        }\n      : undefined,\n    state: {\n      sorting,\n      columnFilters,\n      columnVisibility,\n      rowSelection,\n      pagination,\n      columnOrder,\n    },\n    enableRowSelection: true,\n    enableMultiSort,\n    onRowSelectionChange: setRowSelection,\n    onSortingChange: setSorting,\n    onColumnFiltersChange: setColumnFilters,\n    onColumnVisibilityChange: setColumnVisibility,\n    onPaginationChange: setPagination,\n    onColumnOrderChange: setColumnOrder,\n    autoResetPageIndex: manualPagination || isPaginationControlled ? false : undefined,\n    manualPagination,\n    manualSorting,\n    manualFiltering,\n  });\n\n  // Sync selection to parent (MUST be called before early return)\n  React.useEffect(() => {\n    if (onSelectionChange) {\n      const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);\n      onSelectionChange(selectedRows);\n    }\n  }, [rowSelection, table, onSelectionChange]);\n\n  // DnD Sensors (MUST be called before early return)\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 8,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  // Handle drag end callback (MUST be defined before early return)\n  const handleDragEnd = React.useCallback((event: DragEndEvent) => {\n    const { active, over } = event;\n    if (active && over && active.id !== over.id) {\n      setColumnOrder((order) => {\n        const oldIndex = order.indexOf(active.id as string);\n        const newIndex = order.indexOf(over.id as string);\n        return arrayMove(order, oldIndex, newIndex);\n      });\n    }\n  }, []);\n\n  // Get sort index for multi-sort display (MUST be called before early return)\n  const getSortIndex = React.useCallback(\n    (columnId: string): number => {\n      return sorting.findIndex((s) => s.id === columnId);\n    },\n    [sorting],\n  );\n\n  // Render table content (MUST be called before early return)\n  const renderTable = React.useCallback(\n    () => (\n      <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>\n        <div className={cn('rounded-md border', tableClassName)}>\n          <Table>\n            <TableHeader>\n              {table.getHeaderGroups().map((headerGroup) => (\n                <SortableContext\n                  key={headerGroup.id}\n                  items={columnOrder}\n                  strategy={horizontalListSortingStrategy}\n                >\n                  <TableRow>\n                    {headerGroup.headers.map((header) => (\n                      <DataTableColumnHeader\n                        key={header.id}\n                        header={header}\n                        enableColumnOrdering={enableColumnOrdering}\n                        enableMultiSort={enableMultiSort}\n                        sortIndex={getSortIndex(header.column.id)}\n                      />\n                    ))}\n                  </TableRow>\n                </SortableContext>\n              ))}\n            </TableHeader>\n            <TableBody>\n              {table.getRowModel().rows?.length ? (\n                table.getRowModel().rows.map((row) => (\n                  <TableRow\n                    key={row.id}\n                    data-state={row.getIsSelected() && 'selected'}\n                    onClick={() =>\n                      onRowClick && onRowClick(getRowId(row.original) as string | number)\n                    }\n                    className={onRowClick ? 'cursor-pointer hover:bg-muted/50' : undefined}\n                  >\n                    {row.getVisibleCells().map((cell) => (\n                      <TableCell key={cell.id}>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </TableCell>\n                    ))}\n                  </TableRow>\n                ))\n              ) : (\n                <TableRow>\n                  <TableCell colSpan={columnsWithRowNumber.length} className='h-24 text-center'>\n                    {m.dataTable_noResults()}\n                  </TableCell>\n                </TableRow>\n              )}\n            </TableBody>\n          </Table>\n        </div>\n      </DndContext>\n    ),\n    [\n      sensors,\n      handleDragEnd,\n      table,\n      columnsWithRowNumber,\n      columnOrder,\n      enableColumnOrdering,\n      enableMultiSort,\n      getSortIndex,\n      onRowClick,\n      getRowId,\n      tableClassName,\n    ],\n  );\n\n  // Render loading table during SSR - simple version to avoid hydration issues\n  const renderLoadingTable = () => (\n    <div className={cn('rounded-md border', tableClassName)}>\n      <Table>\n        <TableBody>\n          <TableRow>\n            <TableCell className='h-24 text-center'>\n              <div className='text-muted-foreground'>Loading...</div>\n            </TableCell>\n          </TableRow>\n        </TableBody>\n      </Table>\n    </div>\n  );\n\n  // Variant: minimal - just table with pagination\n  if (variant === 'minimal') {\n    return (\n      <div className={cn('space-y-4', containerClassName)}>\n        {mounted ? renderTable() : renderLoadingTable()}\n        <DataTablePagination table={table} pageSizeOptions={pageSizeOptions} />\n      </div>\n    );\n  }\n\n  // Variant: toolbar - setagaya-front style with toolbar above table\n  if (variant === 'toolbar') {\n    return (\n      <div className={cn('relative h-full', containerClassName)}>\n        {onAdd && (\n          <div className='absolute left-0 top-0 w-full h-full z-10 pointer-events-none'>\n            <div className='fixed right-4 bottom-10 pointer-events-auto'>\n              <Button\n                type='button'\n                size='icon'\n                onClick={onAdd}\n                className='w-12 h-12 rounded-full shadow-lg'\n              >\n                <Plus className='w-6 h-6' />\n              </Button>\n            </div>\n          </div>\n        )}\n        <div className='relative h-full flex flex-col'>\n          {/* Toolbar */}\n          <div className='bg-muted p-2 rounded-t-md grid grid-cols-1 sm:grid-cols-[1fr_minmax(0,auto)_1fr] items-center gap-2'>\n            {/* Center: Column settings + filter content */}\n            <div className='flex flex-wrap justify-center items-center gap-2 sm:col-start-2 sm:col-end-3'>\n              <DataTableViewOptions table={table} />\n              {filterContent && filterLayout === 'inline' && filterContent}\n              {filterContent && filterLayout === 'panel' && (\n                <Button\n                  type='button'\n                  variant={filterOpen ? 'default' : 'outline'}\n                  size='sm'\n                  onClick={() => setFilterOpen(!filterOpen)}\n                  className='h-8 gap-1.5'\n                >\n                  <FilterIcon className='h-4 w-4' />\n                  <span>フィルター</span>\n                </Button>\n              )}\n            </div>\n            {/* Right: Pagination + count */}\n            <div className='flex items-center gap-3 justify-center sm:justify-end sm:col-start-3 sm:col-end-4'>\n              <DataTablePaginationCompact table={table} pageSizeOptions={pageSizeOptions} />\n              {typeof itemCount === 'number' && (\n                <span className='text-sm text-muted-foreground whitespace-nowrap'>\n                  {`${itemCount.toLocaleString()} ${m.dataTable_items()}`}\n                </span>\n              )}\n            </div>\n          </div>\n          {/* Filter Panel (Collapsible) */}\n          {filterContent && filterLayout === 'panel' && (\n            <div\n              className={cn(\n                'border-b transition-all duration-200 ease-in-out overflow-hidden bg-background',\n                filterOpen ? 'max-h-[500px] p-4' : 'max-h-0 p-0 border-none',\n              )}\n            >\n              {filterContent}\n            </div>\n          )}\n          {/* Active Filters Display */}\n          {activeFiltersContent && (\n            <div className='bg-background px-4 py-1.5 border-b'>{activeFiltersContent}</div>\n          )}\n          {/* Table */}\n          <div className='flex-1 overflow-auto'>\n            {mounted ? renderTable() : renderLoadingTable()}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Variant: default - current behavior\n  return (\n    <div className={cn('space-y-4', containerClassName)}>\n      <div className='flex items-center justify-between'>\n        <div className='flex items-center py-4'>\n          {filterColumn && (\n            <Input\n              placeholder={m.dataTable_filterPlaceholder({ column: filterColumn })}\n              value={(table.getColumn(filterColumn)?.getFilterValue() as string) ?? ''}\n              onChange={(event) =>\n                table.getColumn(filterColumn)?.setFilterValue(event.target.value)\n              }\n              className='max-w-sm'\n            />\n          )}\n        </div>\n        <DataTableViewOptions table={table} />\n      </div>\n      {activeFiltersContent && (\n        <div className='border rounded-md bg-background px-3 py-1'>{activeFiltersContent}</div>\n      )}\n      {mounted ? renderTable() : renderLoadingTable()}\n      <DataTablePagination table={table} pageSizeOptions={pageSizeOptions} />\n      {onAdd && (\n        <div className='fixed right-4 bottom-10 z-10'>\n          <Button\n            type='button'\n            size='icon'\n            onClick={onAdd}\n            className='w-12 h-12 rounded-full shadow-lg'\n          >\n            <Plus className='w-6 h-6' />\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// =============================================================================\n// View Options Component\n// =============================================================================\n\ninterface DataTableViewOptionsProps<TData extends object> {\n  table: TableInstance<TData>;\n}\n\n/**\n * テーブルの表示列を切り替える設定ドロップダウンメニューコンポーネント\n */\nexport function DataTableViewOptions<TData extends object>({ table }: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        className={buttonVariants({ variant: 'default', size: 'sm', className: 'h-8' })}\n      >\n        <Settings2 className='mr-2 h-4 w-4' />\n        {m.dataTable_view()}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align='end' className='w-40'>\n        <DropdownMenuGroup>\n          <DropdownMenuLabel>{m.dataTable_toggleColumns()}</DropdownMenuLabel>\n          <DropdownMenuSeparator />\n          {table\n            .getAllColumns()\n            .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n            .map((column) => {\n              return (\n                <DropdownMenuCheckboxItem\n                  key={column.id}\n                  className='capitalize'\n                  checked={column.getIsVisible()}\n                  onCheckedChange={(value) => column.toggleVisibility(!!value)}\n                >\n                  {typeof column.columnDef.header === 'string'\n                    ? column.columnDef.header\n                    : column.id}\n                </DropdownMenuCheckboxItem>\n              );\n            })}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n// =============================================================================\n// Pagination Component (Full)\n// =============================================================================\n\ninterface DataTablePaginationProps<TData extends object> {\n  table: TableInstance<TData>;\n  pageSizeOptions?: number[];\n}\n\n/**\n * テーブルの標準的なページネーションコントロールコンポーネント\n */\nexport function DataTablePagination<TData extends object>({\n  table,\n  pageSizeOptions = [10, 20, 30, 50, 100],\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div className='flex items-center justify-between px-2'>\n      <div className='flex-1 text-sm text-muted-foreground'>\n        {m.dataTable_rowsSelected({\n          selected: table.getFilteredSelectedRowModel().rows.length,\n          total: table.getFilteredRowModel().rows.length,\n        })}\n      </div>\n      <div className='flex items-center space-x-6 lg:space-x-8'>\n        <div className='flex items-center space-x-2'>\n          <p className='text-sm font-medium'>{m.dataTable_rowsPerPage()}</p>\n          <select\n            aria-label={m.dataTable_rowsPerPage()}\n            value={`${table.store.state.pagination.pageSize}`}\n            onChange={(e) => {\n              table.setPageSize(Number(e.target.value));\n            }}\n            className='h-8 w-fit min-w-16 rounded-md border border-input bg-background px-2 py-1 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2'\n          >\n            {pageSizeOptions.map((pageSize) => (\n              <option key={pageSize} value={`${pageSize}`}>\n                {pageSize}\n              </option>\n            ))}\n          </select>\n        </div>\n        <div className='flex w-24 items-center justify-center text-sm font-medium'>\n          {m.dataTable_page({\n            current: table.store.state.pagination.pageIndex + 1,\n            total: table.getPageCount(),\n          })}\n        </div>\n        <div className='flex items-center space-x-2'>\n          <Button\n            variant='default'\n            size='icon'\n            className='hidden h-8 w-8 lg:flex hover:bg-primary/90'\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToFirstPage()}</span>\n            <ChevronsLeft className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToPreviousPage()}</span>\n            <ChevronLeft className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToNextPage()}</span>\n            <ChevronRight className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='hidden h-8 w-8 lg:flex hover:bg-primary/90'\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToLastPage()}</span>\n            <ChevronsRight className='h-4 w-4' />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// =============================================================================\n// Pagination Component (Compact - for toolbar variant)\n// =============================================================================\n\ninterface DataTablePaginationCompactProps<TData extends object> {\n  table: TableInstance<TData>;\n  pageSizeOptions?: number[];\n}\n\n/**\n * ツールバー等に配置するコンパクトなページネーションコントロールコンポーネント\n */\nexport function DataTablePaginationCompact<TData extends object>({\n  table,\n  pageSizeOptions = [10, 20, 30, 50, 100],\n}: DataTablePaginationCompactProps<TData>) {\n  const totalPages = table.getPageCount();\n\n  return (\n    <div className='flex items-center gap-1'>\n      <select\n            aria-label={m.dataTable_rowsPerPage()}\n        value={`${table.store.state.pagination.pageSize}`}\n        onChange={(e) => {\n          table.setPageSize(Number(e.target.value));\n        }}\n        className='h-8 w-fit min-w-16 rounded-md border border-input bg-background px-2 py-1 text-sm'\n      >\n        {pageSizeOptions.map((pageSize) => (\n          <option key={pageSize} value={`${pageSize}`}>\n            {pageSize}\n          </option>\n        ))}\n      </select>\n      {totalPages > 1 && (\n        <>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            onClick={() => table.setPageIndex(0)}\n            disabled={table.store.state.pagination.pageIndex === 0}\n          >\n            <ChevronsLeft className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <ChevronLeft className='h-4 w-4' />\n          </Button>\n          <span className='text-sm text-muted-foreground whitespace-nowrap px-1'>\n            {table.store.state.pagination.pageIndex + 1} / {totalPages}\n          </span>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <ChevronRight className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            onClick={() => table.setPageIndex(totalPages - 1)}\n            disabled={table.store.state.pagination.pageIndex === totalPages - 1}\n          >\n            <ChevronsRight className='h-4 w-4' />\n          </Button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"data-table.cjs","names":["useSortable","closestCenter","TableHead","cn","GripVertical","flexRender","ChevronUp","ChevronDown","useDataTableStore","React","getLeafColumnIds","useTable","dataTableFeatures","isSortable","reorderVisibleColumns","DragDropProvider","PointerSensor","PointerActivationConstraints","Feedback","Table","TableHeader","TableRow","TableBody","TableCell","Button","Plus","FilterIcon","Input","DropdownMenu","DropdownMenuTrigger","buttonVariants","Settings2","DropdownMenuContent","DropdownMenuGroup","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuCheckboxItem","ChevronsLeft","ChevronLeft","ChevronRight","ChevronsRight","_Fragment","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_variants","require_ui_components_ui_button_components","require_ui_components_ui_input","require_ui_components_ui_dropdown_menu","require_ui_components_ui_table","require_datatable_filterplaceholder2","require_datatable_gotofirstpage4","require_datatable_gotolastpage4","require_datatable_gotonextpage4","require_datatable_gotopreviouspage4","require_datatable_items1","require_datatable_noresults2","require_datatable_page1","require_datatable_rowsperpage3","require_datatable_rowsselected2","require_datatable_togglecolumns2","require_datatable_view1","require_tools_components_data_table_table_engine","require_tools_components_data_table_column_order","require_tools_components_data_table_table_store","react_jsx_runtime","react","lucide_react","_dnd_kit_react","_dnd_kit_dom","_dnd_kit_collision","_dnd_kit_react_sortable","_tanstack_react_table","DataTableColumnHeader","canReorder","enableColumnOrdering","header","sortableIndex","sortableGroup","registeredIds","canSort","sortDirection","isSorted","SortLabel","style","isDragging","ref","enableMultiSort","e","handleRef","event","sortIndex","DataTable","controlledSorting","controlledPagination","getTableSettings","state","setTableSettings","hasHydrated","mounted","filterOpen","setFilterOpen","defaultFilterOpen","localSorting","setLocalSorting","columnFilters","setColumnFilters","columnVisibility","setColumnVisibility","rowSelection","setRowSelection","localPagination","setLocalPagination","columnOrder","setColumnOrder","columns","isPaginationControlled","sorting","pagination","setSorting","next","updater","onSortingChange","setPagination","onPaginationChange","settingsLoaded","setSettingsLoaded","columnIdListKey","showRowNumber","validColumnIds","loadKey","storageKey","storedSettings","validSorting","s","validVisibility","key","value","prev","validStoredOrder","id","storedOrderSet","newColumns","mergedOrder","rowNumberColumn","tableInstance","paginationState","row","columnsWithRowNumber","cols","enableSortingByDefault","col","getRowId","rowIdField","obj","originalRow","manualFiltering","onColumnFiltersChange","table","manualPagination","pageCount","rowCount","index","onSelectionChange","dragSnapshot","handleDragStart","source","column","handleDragEnd","snapshot","target","leafIds","group","order","getSortIndex","columnId","renderTable","defaults","sensor","tableClassName","headerGroup","onRowClick","cell","renderLoadingTable","variant","containerClassName","DataTablePagination","onAdd","DataTableViewOptions","filterContent","filterLayout","DataTablePaginationCompact","itemCount","activeFiltersContent","filterColumn","pageSizeOptions","pageSize","totalPages"],"sources":["../../../../src/tools/components/data-table/data-table.tsx"],"sourcesContent":["/**\n * @fileoverview DataTable component with sorting, pagination, and persistence\n *\n * A feature-rich data table built on TanStack Table with:\n * - Three layout variants: default, toolbar, minimal\n * - Single and multi-column sorting\n * - Column reordering via drag-and-drop\n * - Column visibility toggle\n * - Settings persistence via Zustand store\n * - Row selection and click handling\n * - Server-side pagination/sorting support\n *\n * @module data-table/data-table\n */\n\nimport * as React from 'react';\nimport {\n  ColumnDef,\n  ColumnFiltersState,\n  SortingState,\n  VisibilityState,\n  ColumnOrderState,\n  PaginationState,\n  flexRender,\n  useTable,\n  dataTableFeatures,\n  Table as TableInstance,\n  Header,\n} from './table-engine';\nimport * as m from '../../paraglide/messages.js';\n\nimport { DragDropProvider, type DragStartEvent, type DragEndEvent } from '@dnd-kit/react';\nimport { useSortable, isSortable } from '@dnd-kit/react/sortable';\nimport { PointerSensor, PointerActivationConstraints, Feedback } from '@dnd-kit/dom';\nimport { closestCenter } from '@dnd-kit/collision';\nimport { reorderVisibleColumns, getLeafColumnIds } from './column-order';\n\nimport { cn } from \"../../lib/utils\";\nimport { Button, buttonVariants } from '../ui/button';\nimport { Input } from '../ui/input';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../ui/table';\n\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  Settings2,\n  GripVertical,\n  Plus,\n  ChevronUp,\n  ChevronDown,\n  Filter as FilterIcon,\n} from 'lucide-react';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n  DropdownMenuSeparator,\n  DropdownMenuLabel,\n  DropdownMenuGroup,\n} from '../ui/dropdown-menu';\n\nimport { useDataTableStore } from './table-store';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * テーブルレイアウトのバリアント\n * Table layout variants\n */\nexport type DataTableVariant = 'default' | 'toolbar' | 'minimal';\n\n// =============================================================================\n// Sortable Header Component\n// =============================================================================\n\ninterface DataTableColumnHeaderProps<\n  TData extends object,\n  TValue,\n> extends React.HTMLAttributes<HTMLTableCellElement> {\n  header: Header<TData, TValue>;\n  enableColumnOrdering?: boolean;\n  enableMultiSort?: boolean;\n  sortIndex?: number;\n  sortableIndex: number;\n  sortableGroup: string;\n  registeredIds: string[];\n}\n\nfunction DataTableColumnHeader<TData extends object, TValue>({\n  header,\n  enableColumnOrdering = true,\n  enableMultiSort = false,\n  sortIndex,\n  sortableIndex, sortableGroup, registeredIds,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n  const canReorder = enableColumnOrdering && !header.isPlaceholder && header.column.columns.length === 0;\n  const { ref, handleRef, isDragging } = useSortable({\n    id: header.id,\n    index: sortableIndex,\n    group: sortableGroup,\n    type: sortableGroup,\n    accept: sortableGroup,\n    data: {columnId: header.column.id, groupId: sortableGroup, columnIds: registeredIds},\n    disabled: !canReorder,\n    collisionDetector: closestCenter,\n  });\n\n  const canSort = header.column.getCanSort();\n  const sortDirection = header.column.getIsSorted();\n  const isSorted = sortDirection !== false;\n  const SortLabel = canSort && typeof header.column.columnDef.header !== 'function' ? 'button' : 'span';\n\n  const style: React.CSSProperties = enableColumnOrdering\n    ? {\n        opacity: isDragging ? 0.8 : 1,\n        zIndex: isDragging ? 1 : 0,\n        position: 'relative',\n        cursor: 'move',\n      }\n    : {};\n\n  const handleSort = (e: React.MouseEvent) => {\n    if (!canSort || (e.target as HTMLElement).closest('button, input, select, [role=checkbox]')) return;\n    if (enableMultiSort && e.shiftKey) {\n      header.column.toggleSorting(undefined, true);\n    } else {\n      header.column.toggleSorting();\n    }\n  };\n\n  return (\n    <TableHead\n      ref={canReorder ? ref : undefined}\n      colSpan={header.colSpan}\n      aria-hidden={header.isPlaceholder || undefined}\n      style={style}\n      aria-sort={canSort ? (sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none') : undefined}\n      className={cn(\n        'bg-primary/10 text-primary font-bold border-b border-primary/20',\n        canSort && 'cursor-pointer select-none hover:bg-primary/20 transition-colors',\n      )}\n      onClick={canSort ? handleSort : undefined}\n    >\n      {canReorder && <button\n        type='button' ref={handleRef}\n        aria-label={`Reorder column ${header.column.id}`}\n        className='inline-flex h-6 w-6 items-center justify-center cursor-grab'\n      ><GripVertical className='h-3 w-3' aria-hidden='true' /></button>}\n      {header.isPlaceholder ? null : (\n        <span className='inline-flex items-center gap-1'>\n          <SortLabel className={cn(isSorted && 'font-semibold')}\n            {...(SortLabel === 'button' ? { type: 'button' as const, onClick: (event: React.MouseEvent) => {\n              event.stopPropagation();\n              header.column.toggleSorting(undefined, enableMultiSort && event.shiftKey);\n            } } : {})}\n          >\n            {flexRender(header.column.columnDef.header, header.getContext())}\n          </SortLabel>\n          {/* Only show sort indicator when column is actively sorted */}\n          {isSorted && (\n            <span className='inline-flex items-center text-xs'>\n              {sortDirection === 'asc' ? (\n                <ChevronUp className='h-3.5 w-3.5' />\n              ) : (\n                <ChevronDown className='h-3.5 w-3.5' />\n              )}\n              {enableMultiSort && sortIndex !== undefined && sortIndex >= 0 && (\n                <span className='text-[10px] ml-0.5'>{sortIndex + 1}</span>\n              )}\n            </span>\n          )}\n        </span>\n      )}\n    </TableHead>\n  );\n}\n\n// =============================================================================\n// DataTable Props\n// =============================================================================\n\n/**\n * DataTableProps\n * DataTableのプロップス\n *\n * ## AI/Automation Features\n * - `testId`: Container element\n * - Pattern: `{testId}`, rows: `{testId}-row-{id}`, pagination: `{testId}-pagination`\n */\nexport interface DataTableProps<TData extends object, TValue> {\n  /** AI/E2E Test用の安定ID / Stable test identifier */\n  testId?: string;\n  /** 列定義 / Column definitions */\n  columns: ColumnDef<TData, TValue>[];\n  /** データ配列 / Data array */\n  data: TData[];\n  /** テーブルレイアウトのバリアント / Table layout variant */\n  variant?: DataTableVariant;\n  /** ツールバー用カスタムフィルターコンテンツ / Custom filter content for toolbar */\n  filterContent?: React.ReactNode;\n  /** 設定永続化用キー（Zustandストアで使用） / Storage key for persisting settings */\n  storageKey?: string;\n  /** 全カラムをデフォルトでソート可能にする / Enable sorting on all columns by default */\n  enableSortingByDefault?: boolean;\n  /** 複数カラムソートを有効化 / Enable multi-column sorting */\n  enableMultiSort?: boolean;\n  /** 行番号カラムを表示 / Show row number column */\n  showRowNumber?: boolean;\n  /** アイテム総数（表示用） / Total item count for display */\n  itemCount?: number;\n  /** 追加ボタンのコールバック / Callback for floating add button */\n  onAdd?: () => void;\n  /** 総ページ数（手動ページネーション時） / Total page count for manual pagination */\n  pageCount?: number;\n  /** 総行数（手動ページネーション時） / Total row count for manual pagination */\n  rowCount?: number;\n  /**\n   * ページ変更時のコールバック / Pagination change callback\n   * 操作による変更要求時に通知。初期マウント・props同期では通知しません。\n   */\n  onPaginationChange?: (pagination: { pageIndex: number; pageSize: number }) => void;\n  /** ソートの変更要求時のコールバック（初期マウント・props同期では通知しない） / Requested sorting change */\n  onSortingChange?: (sorting: SortingState) => void;\n  /** フィルタ変更時のコールバック / Filter change callback */\n  onColumnFiltersChange?: (filters: ColumnFiltersState) => void;\n  /** 行クリック時のコールバック / Row click callback */\n  onRowClick?: (rowId: string | number) => void;\n  /** 選択変更時のコールバック / Selection change callback */\n  onSelectionChange?: (selectedRows: TData[]) => void;\n  /** 行ID用フィールド名 / Row ID field name */\n  rowIdField?: string;\n  /** サーバーサイドページネーション / Server-side pagination */\n  manualPagination?: boolean;\n  /** サーバーサイドソート / Server-side sorting */\n  manualSorting?: boolean;\n  /** サーバーサイドフィルタ / Server-side filtering */\n  manualFiltering?: boolean;\n  /** フィルタ対象カラム / Filter column name */\n  filterColumn?: string;\n  /** ページサイズのオプション / Page size options */\n  pageSizeOptions?: number[];\n  /** ソート推移のオプション（外部制御用） / Sorting state for controlled mode */\n  sorting?: SortingState;\n  /**\n   * 現在のページネーション（外部制御用） / Pagination state for controlled mode\n   * 指定時はページ自動リセット（autoResetPageIndex）を無効化します。\n   */\n  pagination?: PaginationState;\n  /** 列の並べ替え有効化 / Enable column reordering */\n  enableColumnOrdering?: boolean;\n  /** コンテナのクラス名 / Container class name */\n  containerClassName?: string;\n  /** テーブルのクラス名 / Table class name */\n  tableClassName?: string;\n  /** フィルターのレイアウトモード / Filter layout mode */\n  filterLayout?: 'inline' | 'panel';\n  /** フィルターパネルの初期開閉状態 / Default open state of the filter panel */\n  defaultFilterOpen?: boolean;\n  /** アクティブフィルター表示用のコンテンツ / Custom active filters component or node */\n  activeFiltersContent?: React.ReactNode;\n}\n\n// =============================================================================\n// DataTable Component\n// =============================================================================\n\n/**\n * Render a sortable/filterable table with host-controlled or local state.\n * @typeParam TData - Object shape of each data row.\n * @typeParam TValue - Column cell-value type shared by the supplied column definitions.\n * @param props - Columns, data, presentation and feature/state options. Native leaf\n * reordering is enabled by default; sort and reorder buttons remain separate.\n * @returns The table with its configured toolbar, pagination and interaction surfaces.\n * @remarks Hidden/grouped columns retain stable persisted slots; changing current\n * columns or visibility invalidates an active reorder snapshot. Controlled sorting\n * and pagination remain host-owned. Supplying pagination notifies onPaginationChange\n * even without manualPagination and disables automatic page-index reset on data updates.\n * Import Appkit CSS once; this component owns its native drag provider.\n * @example\n * ```tsx\n * import {DataTable} from '@alneas/appkit-react/tools/data-table';\n * import '@alneas/appkit-react/styles';\n * export function ReviewTable() {\n *   return <DataTable data={[{id: 'one', title: 'Review'}]}\n *     columns={[{accessorKey: 'title', header: 'Title'}]} />;\n * }\n * ```\n */\nexport function DataTable<TData extends object, TValue>({\n  columns,\n  data,\n  variant = 'default',\n  filterContent,\n  storageKey,\n  enableSortingByDefault = true,\n  enableMultiSort = false,\n  showRowNumber = false,\n  itemCount,\n  onAdd,\n  pageCount,\n  rowCount,\n  onPaginationChange,\n  onSortingChange,\n  onColumnFiltersChange,\n  onRowClick,\n  onSelectionChange,\n  rowIdField = 'id',\n  manualPagination = false,\n  manualSorting = false,\n  manualFiltering = false,\n  filterColumn,\n  sorting: controlledSorting,\n  pagination: controlledPagination,\n  enableColumnOrdering = true,\n  containerClassName,\n  tableClassName,\n  pageSizeOptions = [10, 20, 30, 50, 100],\n  filterLayout = 'inline',\n  defaultFilterOpen = false,\n  activeFiltersContent,\n}: DataTableProps<TData, TValue>) {\n  'use no memo';\n\n  // Get persisted settings from store (must be called before any early returns)\n  const getTableSettings = useDataTableStore((state) => state.getTableSettings);\n  const setTableSettings = useDataTableStore((state) => state.setTableSettings);\n  const hasHydrated = useDataTableStore((state) => state._hasHydrated);\n\n  // SSR safety: Only render on client\n  // useSyncExternalStore ensures we have a consistent value during hydration\n  const mounted = React.useSyncExternalStore(\n    React.useCallback(() => () => {}, []),\n    () => true,\n    () => false,\n  );\n  const [filterOpen, setFilterOpen] = React.useState(defaultFilterOpen);\n\n  // Initialize state with default values (SSR-safe)\n  const [localSorting, setLocalSorting] = React.useState<SortingState>(controlledSorting || []);\n  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>([]);\n  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({});\n  const [rowSelection, setRowSelection] = React.useState({});\n  const [localPagination, setLocalPagination] = React.useState<PaginationState>(\n    controlledPagination || {\n      pageIndex: 0,\n      pageSize: 10,\n    },\n  );\n  const [columnOrder, setColumnOrder] = React.useState<ColumnOrderState>(\n    getLeafColumnIds(columns),\n  );\n  const isPaginationControlled = controlledPagination !== undefined;\n  const sorting = controlledSorting ?? localSorting;\n  const pagination = controlledPagination ?? localPagination;\n  const setSorting: React.Dispatch<React.SetStateAction<SortingState>> = (updater) => {\n    const next = typeof updater === 'function' ? updater(sorting) : updater;\n    if (controlledSorting === undefined) setLocalSorting(next);\n    onSortingChange?.(next);\n  };\n  const setPagination: React.Dispatch<React.SetStateAction<PaginationState>> = (updater) => {\n    const next = typeof updater === 'function' ? updater(pagination) : updater;\n    if (controlledPagination === undefined) setLocalPagination(next);\n    onPaginationChange?.(next);\n  };\n  const [settingsLoaded, setSettingsLoaded] = React.useState<string | null>(null);\n  const columnIdListKey = React.useMemo(\n    () => JSON.stringify([...(showRowNumber ? ['rowNumber'] : []), ...getLeafColumnIds(columns)]),\n    [columns, showRowNumber],\n  );\n  const validColumnIds = React.useMemo(\n    () => new Set<string>(JSON.parse(columnIdListKey)),\n    [columnIdListKey],\n  );\n\n  // Guarded render-time hydration, avoiding a stale-state effect render.\n  const loadKey = storageKey ? JSON.stringify([storageKey, columnIdListKey, Boolean(controlledSorting), Boolean(controlledPagination)]) : null;\n  if (hasHydrated && storageKey && settingsLoaded !== loadKey) {\n    setSettingsLoaded(loadKey);\n    const storedSettings = getTableSettings(storageKey);\n    if (storedSettings) {\n      if (!controlledSorting && storedSettings.sorting && storedSettings.sorting.length > 0) {\n        // Filter out sorting for columns that no longer exist\n        const validSorting = storedSettings.sorting.filter((s) => validColumnIds.has(s.id));\n        if (validSorting.length > 0) {\n          setLocalSorting(validSorting);\n        }\n      }\n      if (\n        storedSettings.columnVisibility &&\n        Object.keys(storedSettings.columnVisibility).length > 0\n      ) {\n        // Filter out visibility for columns that no longer exist\n        const validVisibility: Record<string, boolean> = {};\n        for (const [key, value] of Object.entries(storedSettings.columnVisibility)) {\n          if (validColumnIds.has(key)) {\n            validVisibility[key] = value;\n          }\n        }\n        if (Object.keys(validVisibility).length > 0) {\n          setColumnVisibility(validVisibility);\n        }\n      }\n      if (!controlledPagination && storedSettings.pageSize && storedSettings.pageSize !== 10) {\n        setLocalPagination((prev) => ({ ...prev, pageSize: storedSettings.pageSize }));\n      }\n      if (storedSettings.columnOrder && storedSettings.columnOrder.length > 0) {\n        // Filter out columns that no longer exist and add new columns\n        const validStoredOrder = storedSettings.columnOrder.filter((id) => validColumnIds.has(id));\n        const storedOrderSet = new Set(validStoredOrder);\n        const newColumns = Array.from(validColumnIds).filter((id) => !storedOrderSet.has(id));\n        const mergedOrder = [...validStoredOrder, ...newColumns];\n        if (mergedOrder.length > 0) {\n          setColumnOrder(mergedOrder);\n        }\n      }\n    }\n  }\n\n  // Row number column definition (MUST be called before early return)\n  const rowNumberColumn: ColumnDef<TData, TValue> = React.useMemo(\n    () => ({\n      id: 'rowNumber',\n      header: 'No',\n      enableSorting: false,\n      cell: ({ row, table: tableInstance }) => {\n        const paginationState = tableInstance.store.state.pagination;\n        if (paginationState) {\n          return paginationState.pageIndex * paginationState.pageSize + row.index + 1;\n        }\n        return row.index + 1;\n      },\n    }),\n    [],\n  );\n\n  // Add row number column if requested (MUST be called before early return)\n  const columnsWithRowNumber = React.useMemo(() => {\n    const cols = showRowNumber ? [rowNumberColumn, ...columns] : columns;\n    // Apply enableSortingByDefault to all columns that don't explicitly disable sorting\n    if (enableSortingByDefault) {\n      return cols.map((col) => ({\n        ...col,\n        enableSorting: col.enableSorting !== false,\n      }));\n    }\n    return cols;\n  }, [showRowNumber, columns, rowNumberColumn, enableSortingByDefault]);\n\n  // Helper to extract nested ID safely (MUST be called before early return)\n  const getRowId = React.useCallback(\n    (originalRow: TData) => {\n      if (!rowIdField) return undefined;\n      // Simple dot notation support for id field\n\n      return rowIdField.split('_').reduce<unknown>((obj, key) => {\n        if (\n          obj &&\n          typeof obj === 'object' &&\n          key !== '__proto__' &&\n          key !== 'constructor' &&\n          key !== 'prototype' &&\n          Object.prototype.hasOwnProperty.call(obj, key)\n        ) {\n          return (obj as Record<string, unknown>)[key];\n        }\n        return undefined;\n      }, originalRow as unknown);\n    },\n    [rowIdField],\n  );\n\n  // Persist settings to store (MUST be called before early return)\n  React.useEffect(() => {\n    if (storageKey && hasHydrated && settingsLoaded === loadKey) {\n      setTableSettings(storageKey, {\n        columnOrder,\n        columnVisibility,\n        sorting,\n        pageSize: pagination.pageSize,\n      });\n    }\n  }, [storageKey, columnOrder, columnVisibility, sorting, pagination.pageSize, setTableSettings, hasHydrated, settingsLoaded, loadKey]);\n\n  React.useEffect(() => {\n    if (manualFiltering && onColumnFiltersChange) {\n      onColumnFiltersChange(columnFilters);\n    }\n  }, [columnFilters, manualFiltering, onColumnFiltersChange]);\n\n  // Create table instance (MUST be called before early return)\n  const table = useTable({\n    features: dataTableFeatures,\n    data,\n    // Table 9 erases heterogeneous cell values to unknown at the table boundary.\n    columns: columnsWithRowNumber as ColumnDef<TData>[],\n    pageCount: manualPagination ? pageCount : undefined,\n    rowCount: manualPagination ? rowCount : undefined,\n    getRowId: rowIdField\n      ? (originalRow, index) => {\n          const id = rowIdField.split('_').reduce<unknown>((obj, key) => {\n            if (obj && typeof obj === 'object' && key in (obj as Record<string, unknown>)) {\n              return (obj as Record<string, unknown>)[key];\n            }\n            return undefined;\n          }, originalRow as unknown);\n          return id !== undefined ? String(id) : String(index);\n        }\n      : undefined,\n    state: {\n      sorting,\n      columnFilters,\n      columnVisibility,\n      rowSelection,\n      pagination,\n      columnOrder,\n    },\n    enableRowSelection: true,\n    enableMultiSort,\n    onRowSelectionChange: setRowSelection,\n    onSortingChange: setSorting,\n    onColumnFiltersChange: setColumnFilters,\n    onColumnVisibilityChange: setColumnVisibility,\n    onPaginationChange: setPagination,\n    onColumnOrderChange: setColumnOrder,\n    autoResetPageIndex: manualPagination || isPaginationControlled ? false : undefined,\n    manualPagination,\n    manualSorting,\n    manualFiltering,\n  });\n\n  // Sync selection to parent (MUST be called before early return)\n  React.useEffect(() => {\n    if (onSelectionChange) {\n      const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);\n      onSelectionChange(selectedRows);\n    }\n  }, [rowSelection, table, onSelectionChange]);\n\n  // A drag captures the registered leaf subset. Hidden/changed columns never use stale indices.\n  const dragSnapshot = React.useRef<{\n    sourceId: string; groupId: string; ids: string[]; leafIds: string[]; order: string[];\n  } | null>(null);\n  const handleDragStart = React.useCallback((event: DragStartEvent) => {\n    const source = event.operation.source;\n    if (!source || !Array.isArray(source.data.columnIds)) return;\n    dragSnapshot.current = {\n      sourceId: String(source.id), groupId: source.data.groupId,\n      ids: [...source.data.columnIds], leafIds: table.getAllLeafColumns().map(column => column.id),\n      order: [...columnOrder],\n    };\n  }, [table, columnOrder]);\n  const handleDragEnd = React.useCallback((event: DragEndEvent) => {\n    const snapshot = dragSnapshot.current;\n    dragSnapshot.current = null;\n    const {source, target} = event.operation;\n    if (event.canceled || !enableColumnOrdering || !snapshot || !target || !isSortable(source) || String(source.id) !== snapshot.sourceId) return;\n    const leafIds = table.getAllLeafColumns().map(column => column.id);\n    const group = table.getHeaderGroups().find(group => group.id === snapshot.groupId);\n    const registeredIds = group?.headers.filter(header => !header.isPlaceholder && header.column.columns.length === 0).map(header => header.column.id);\n    if (!registeredIds || JSON.stringify(registeredIds) !== JSON.stringify(snapshot.ids) ||\n      JSON.stringify(leafIds) !== JSON.stringify(snapshot.leafIds) || JSON.stringify(columnOrder) !== JSON.stringify(snapshot.order)) return;\n    setColumnOrder(order => reorderVisibleColumns(order, leafIds, snapshot.ids, source.data.columnId, source.initialIndex, source.index));\n  }, [table, columnOrder, enableColumnOrdering]);\n\n  // Get sort index for multi-sort display (MUST be called before early return)\n  const getSortIndex = React.useCallback(\n    (columnId: string): number => {\n      return sorting.findIndex((s) => s.id === columnId);\n    },\n    [sorting],\n  );\n\n  // Render table content (MUST be called before early return)\n  const renderTable = React.useCallback(\n    () => (\n      <DragDropProvider\n        sensors={defaults => [...defaults.filter(sensor => sensor !== PointerSensor), PointerSensor.configure({activationConstraints: [new PointerActivationConstraints.Distance({value: 8})]})]}\n        plugins={defaults => [...defaults, Feedback.configure({feedback: 'clone', dropAnimation: {duration: 0}})]}\n        onDragStart={handleDragStart} onDragEnd={handleDragEnd}\n      >\n        <div className={cn('rounded-md border', tableClassName)}>\n          <Table>\n            <TableHeader>\n              {table.getHeaderGroups().map(headerGroup => {\n                const registeredIds = headerGroup.headers.filter(header => !header.isPlaceholder && header.column.columns.length === 0).map(header => header.column.id);\n                return <TableRow key={headerGroup.id}>\n                  {headerGroup.headers.map(header => <DataTableColumnHeader\n                    key={header.id} header={header} enableColumnOrdering={enableColumnOrdering}\n                    enableMultiSort={enableMultiSort} sortIndex={getSortIndex(header.column.id)}\n                    sortableIndex={registeredIds.indexOf(header.column.id)} sortableGroup={headerGroup.id}\n                    registeredIds={registeredIds}\n                  />)}\n                </TableRow>;\n              })}\n            </TableHeader>\n            <TableBody>\n              {table.getRowModel().rows?.length ? (\n                table.getRowModel().rows.map((row) => (\n                  <TableRow\n                    key={row.id}\n                    data-state={row.getIsSelected() && 'selected'}\n                    onClick={() =>\n                      onRowClick && onRowClick(getRowId(row.original) as string | number)\n                    }\n                    className={onRowClick ? 'cursor-pointer hover:bg-muted/50' : undefined}\n                  >\n                    {row.getVisibleCells().map((cell) => (\n                      <TableCell key={cell.id}>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </TableCell>\n                    ))}\n                  </TableRow>\n                ))\n              ) : (\n                <TableRow>\n                  <TableCell colSpan={columnsWithRowNumber.length} className='h-24 text-center'>\n                    {m.dataTable_noResults()}\n                  </TableCell>\n                </TableRow>\n              )}\n            </TableBody>\n          </Table>\n        </div>\n      </DragDropProvider>\n    ),\n    [\n      handleDragStart,\n      handleDragEnd,\n      table,\n      columnsWithRowNumber,\n      columnOrder,\n      enableColumnOrdering,\n      enableMultiSort,\n      getSortIndex,\n      onRowClick,\n      getRowId,\n      tableClassName,\n    ],\n  );\n\n  // Render loading table during SSR - simple version to avoid hydration issues\n  const renderLoadingTable = () => (\n    <div className={cn('rounded-md border', tableClassName)}>\n      <Table>\n        <TableBody>\n          <TableRow>\n            <TableCell className='h-24 text-center'>\n              <div className='text-muted-foreground'>Loading...</div>\n            </TableCell>\n          </TableRow>\n        </TableBody>\n      </Table>\n    </div>\n  );\n\n  // Variant: minimal - just table with pagination\n  if (variant === 'minimal') {\n    return (\n      <div className={cn('space-y-4', containerClassName)}>\n        {mounted ? renderTable() : renderLoadingTable()}\n        <DataTablePagination table={table} pageSizeOptions={pageSizeOptions} />\n      </div>\n    );\n  }\n\n  // Variant: toolbar - setagaya-front style with toolbar above table\n  if (variant === 'toolbar') {\n    return (\n      <div className={cn('relative h-full', containerClassName)}>\n        {onAdd && (\n          <div className='absolute left-0 top-0 w-full h-full z-10 pointer-events-none'>\n            <div className='fixed right-4 bottom-10 pointer-events-auto'>\n              <Button\n                type='button'\n                size='icon'\n                aria-label='Add row'\n                onClick={onAdd}\n                className='w-12 h-12 rounded-full shadow-lg'\n              >\n                <Plus className='w-6 h-6' />\n              </Button>\n            </div>\n          </div>\n        )}\n        <div className='relative h-full flex flex-col'>\n          {/* Toolbar */}\n          <div className='bg-muted p-2 rounded-t-md grid grid-cols-1 sm:grid-cols-[1fr_minmax(0,auto)_1fr] items-center gap-2'>\n            {/* Center: Column settings + filter content */}\n            <div className='flex flex-wrap justify-center items-center gap-2 sm:col-start-2 sm:col-end-3'>\n              <DataTableViewOptions table={table} />\n              {filterContent && filterLayout === 'inline' && filterContent}\n              {filterContent && filterLayout === 'panel' && (\n                <Button\n                  type='button'\n                  variant={filterOpen ? 'default' : 'outline'}\n                  size='sm'\n                  onClick={() => setFilterOpen(!filterOpen)}\n                  className='h-8 gap-1.5'\n                >\n                  <FilterIcon className='h-4 w-4' />\n                  <span>フィルター</span>\n                </Button>\n              )}\n            </div>\n            {/* Right: Pagination + count */}\n            <div className='flex items-center gap-3 justify-center sm:justify-end sm:col-start-3 sm:col-end-4'>\n              <DataTablePaginationCompact table={table} pageSizeOptions={pageSizeOptions} />\n              {typeof itemCount === 'number' && (\n                <span className='text-sm text-muted-foreground whitespace-nowrap'>\n                  {`${itemCount.toLocaleString()} ${m.dataTable_items()}`}\n                </span>\n              )}\n            </div>\n          </div>\n          {/* Filter Panel (Collapsible) */}\n          {filterContent && filterLayout === 'panel' && (\n            <div\n              className={cn(\n                'border-b transition-all duration-200 ease-in-out overflow-hidden bg-background',\n                filterOpen ? 'max-h-[500px] p-4' : 'max-h-0 p-0 border-none',\n              )}\n            >\n              {filterContent}\n            </div>\n          )}\n          {/* Active Filters Display */}\n          {activeFiltersContent && (\n            <div className='bg-background px-4 py-1.5 border-b'>{activeFiltersContent}</div>\n          )}\n          {/* Table */}\n          <div className='flex-1 overflow-auto'>\n            {mounted ? renderTable() : renderLoadingTable()}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Variant: default - current behavior\n  return (\n    <div className={cn('space-y-4', containerClassName)}>\n      <div className='flex items-center justify-between'>\n        <div className='flex items-center py-4'>\n          {filterColumn && (\n            <Input\n              placeholder={m.dataTable_filterPlaceholder({ column: filterColumn })}\n              value={(table.getColumn(filterColumn)?.getFilterValue() as string) ?? ''}\n              onChange={(event) =>\n                table.getColumn(filterColumn)?.setFilterValue(event.target.value)\n              }\n              className='max-w-sm'\n            />\n          )}\n        </div>\n        <DataTableViewOptions table={table} />\n      </div>\n      {activeFiltersContent && (\n        <div className='border rounded-md bg-background px-3 py-1'>{activeFiltersContent}</div>\n      )}\n      {mounted ? renderTable() : renderLoadingTable()}\n      <DataTablePagination table={table} pageSizeOptions={pageSizeOptions} />\n      {onAdd && (\n        <div className='fixed right-4 bottom-10 z-10'>\n          <Button\n            type='button'\n            size='icon'\n            onClick={onAdd}\n            className='w-12 h-12 rounded-full shadow-lg'\n          >\n            <Plus className='w-6 h-6' />\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// =============================================================================\n// View Options Component\n// =============================================================================\n\ninterface DataTableViewOptionsProps<TData extends object> {\n  table: TableInstance<TData>;\n}\n\n/**\n * テーブルの表示列を切り替える設定ドロップダウンメニューコンポーネント\n */\nexport function DataTableViewOptions<TData extends object>({ table }: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        className={buttonVariants({ variant: 'default', size: 'sm', className: 'h-8' })}\n      >\n        <Settings2 className='mr-2 h-4 w-4' />\n        {m.dataTable_view()}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align='end' className='w-40'>\n        <DropdownMenuGroup>\n          <DropdownMenuLabel>{m.dataTable_toggleColumns()}</DropdownMenuLabel>\n          <DropdownMenuSeparator />\n          {table\n            .getAllColumns()\n            .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n            .map((column) => {\n              return (\n                <DropdownMenuCheckboxItem\n                  key={column.id}\n                  className='capitalize'\n                  checked={column.getIsVisible()}\n                  onCheckedChange={(value) => column.toggleVisibility(!!value)}\n                >\n                  {typeof column.columnDef.header === 'string'\n                    ? column.columnDef.header\n                    : column.id}\n                </DropdownMenuCheckboxItem>\n              );\n            })}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n// =============================================================================\n// Pagination Component (Full)\n// =============================================================================\n\ninterface DataTablePaginationProps<TData extends object> {\n  table: TableInstance<TData>;\n  pageSizeOptions?: number[];\n}\n\n/**\n * テーブルの標準的なページネーションコントロールコンポーネント\n */\nexport function DataTablePagination<TData extends object>({\n  table,\n  pageSizeOptions = [10, 20, 30, 50, 100],\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div className='flex items-center justify-between px-2'>\n      <div className='flex-1 text-sm text-muted-foreground'>\n        {m.dataTable_rowsSelected({\n          selected: table.getFilteredSelectedRowModel().rows.length,\n          total: table.getFilteredRowModel().rows.length,\n        })}\n      </div>\n      <div className='flex items-center space-x-6 lg:space-x-8'>\n        <div className='flex items-center space-x-2'>\n          <p className='text-sm font-medium'>{m.dataTable_rowsPerPage()}</p>\n          <select\n            aria-label={m.dataTable_rowsPerPage()}\n            value={`${table.store.state.pagination.pageSize}`}\n            onChange={(e) => {\n              table.setPageSize(Number(e.target.value));\n            }}\n            className='h-8 w-fit min-w-16 rounded-md border border-input bg-background px-2 py-1 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2'\n          >\n            {pageSizeOptions.map((pageSize) => (\n              <option key={pageSize} value={`${pageSize}`}>\n                {pageSize}\n              </option>\n            ))}\n          </select>\n        </div>\n        <div className='flex w-24 items-center justify-center text-sm font-medium'>\n          {m.dataTable_page({\n            current: table.store.state.pagination.pageIndex + 1,\n            total: table.getPageCount(),\n          })}\n        </div>\n        <div className='flex items-center space-x-2'>\n          <Button\n            variant='default'\n            size='icon'\n            className='hidden h-8 w-8 lg:flex hover:bg-primary/90'\n            aria-label={m.dataTable_goToFirstPage()}\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToFirstPage()}</span>\n            <ChevronsLeft className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToPreviousPage()}\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToPreviousPage()}</span>\n            <ChevronLeft className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToNextPage()}\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToNextPage()}</span>\n            <ChevronRight className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='hidden h-8 w-8 lg:flex hover:bg-primary/90'\n            aria-label={m.dataTable_goToLastPage()}\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className='sr-only'>{m.dataTable_goToLastPage()}</span>\n            <ChevronsRight className='h-4 w-4' />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// =============================================================================\n// Pagination Component (Compact - for toolbar variant)\n// =============================================================================\n\ninterface DataTablePaginationCompactProps<TData extends object> {\n  table: TableInstance<TData>;\n  pageSizeOptions?: number[];\n}\n\n/**\n * ツールバー等に配置するコンパクトなページネーションコントロールコンポーネント\n */\nexport function DataTablePaginationCompact<TData extends object>({\n  table,\n  pageSizeOptions = [10, 20, 30, 50, 100],\n}: DataTablePaginationCompactProps<TData>) {\n  const totalPages = table.getPageCount();\n\n  return (\n    <div className='flex items-center gap-1'>\n      <select\n            aria-label={m.dataTable_rowsPerPage()}\n        value={`${table.store.state.pagination.pageSize}`}\n        onChange={(e) => {\n          table.setPageSize(Number(e.target.value));\n        }}\n        className='h-8 w-fit min-w-16 rounded-md border border-input bg-background px-2 py-1 text-sm'\n      >\n        {pageSizeOptions.map((pageSize) => (\n          <option key={pageSize} value={`${pageSize}`}>\n            {pageSize}\n          </option>\n        ))}\n      </select>\n      {totalPages > 1 && (\n        <>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToFirstPage()}\n            onClick={() => table.setPageIndex(0)}\n            disabled={table.store.state.pagination.pageIndex === 0}\n          >\n            <ChevronsLeft className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToPreviousPage()}\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <ChevronLeft className='h-4 w-4' />\n          </Button>\n          <span className='text-sm text-muted-foreground whitespace-nowrap px-1'>\n            {table.store.state.pagination.pageIndex + 1} / {totalPages}\n          </span>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToNextPage()}\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <ChevronRight className='h-4 w-4' />\n          </Button>\n          <Button\n            variant='default'\n            size='icon'\n            className='h-8 w-8 hover:bg-primary/90'\n            aria-label={m.dataTable_goToLastPage()}\n            onClick={() => table.setPageIndex(totalPages - 1)}\n            disabled={table.store.state.pagination.pageIndex === totalPages - 1}\n          >\n            <ChevronsRight className='h-4 w-4' />\n          </Button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/tools/components/data-table/data-table.d.cts

@@ -103,35 +103,25 @@ export interface DataTableProps<TData extends object, TValue> {
     activeFiltersContent?: React.ReactNode;
 }
 /**
- * データテーブルコンポーネント
- *
- * ソート、フィルタ、ページネーション、行選択、列並べ替えに対応した
- * 高機能なデータテーブル。TanStack Table を使用。
- *
- * ## 制御モード (Controlled Mode)
- * `sorting` と `pagination` プロップスを渡すことで、外部状態からテーブルを制御できます。
- * これにより、サーバーサイドソートとクライアントサイドページネーションといった
- * 柔軟な組み合わせが、共有ライブラリ側のロジックを変更せずに実現可能です。
- *
- * 補足:
- * - `pagination` を指定した場合、`manualPagination` が false でも `onPaginationChange` を通知します。
- * - `pagination` 指定時はデータ更新時の `pageIndex` 自動リセットを無効化します。
- *
- * @example 基本的な使い方 (Uncontrolled)
- * ```tsx
- * <DataTable columns={columns} data={data} />
- * ```
- *
- * @example 外部状態によるソート制御 (Controlled Sorting)
+ * Render a sortable/filterable table with host-controlled or local state.
+ * @typeParam TData - Object shape of each data row.
+ * @typeParam TValue - Column cell-value type shared by the supplied column definitions.
+ * @param props - Columns, data, presentation and feature/state options. Native leaf
+ * reordering is enabled by default; sort and reorder buttons remain separate.
+ * @returns The table with its configured toolbar, pagination and interaction surfaces.
+ * @remarks Hidden/grouped columns retain stable persisted slots; changing current
+ * columns or visibility invalidates an active reorder snapshot. Controlled sorting
+ * and pagination remain host-owned. Supplying pagination notifies onPaginationChange
+ * even without manualPagination and disables automatic page-index reset on data updates.
+ * Import Appkit CSS once; this component owns its native drag provider.
+ * @example
  * ```tsx
- * const [sorting, setSorting] = useState<SortingState>([]);
- * <DataTable
- *   columns={columns}
- *   data={data}
- *   sorting={sorting}
- *   onSortingChange={setSorting}
- *   manualSorting={true}
- * />
+ * import {DataTable} from '@alneas/appkit-react/tools/data-table';
+ * import '@alneas/appkit-react/styles';
+ * export function ReviewTable() {
+ *   return <DataTable data={[{id: 'one', title: 'Review'}]}
+ *     columns={[{accessorKey: 'title', header: 'Title'}]} />;
+ * }
  * ```
  */
 export declare function DataTable<TData extends object, TValue>({ columns, data, variant, filterContent, storageKey, enableSortingByDefault, enableMultiSort, showRowNumber, itemCount, onAdd, pageCount, rowCount, onPaginationChange, onSortingChange, onColumnFiltersChange, onRowClick, onSelectionChange, rowIdField, manualPagination, manualSorting, manualFiltering, filterColumn, sorting: controlledSorting, pagination: controlledPagination, enableColumnOrdering, containerClassName, tableClassName, pageSizeOptions, filterLayout, defaultFilterOpen, activeFiltersContent, }: DataTableProps<TData, TValue>): React.JSX.Element;

package/dist/tools/components/data-table/data-table.d.ts

@@ -103,35 +103,25 @@ export interface DataTableProps<TData extends object, TValue> {
     activeFiltersContent?: React.ReactNode;
 }
 /**
- * データテーブルコンポーネント
- *
- * ソート、フィルタ、ページネーション、行選択、列並べ替えに対応した
- * 高機能なデータテーブル。TanStack Table を使用。
- *
- * ## 制御モード (Controlled Mode)
- * `sorting` と `pagination` プロップスを渡すことで、外部状態からテーブルを制御できます。
- * これにより、サーバーサイドソートとクライアントサイドページネーションといった
- * 柔軟な組み合わせが、共有ライブラリ側のロジックを変更せずに実現可能です。
- *
- * 補足:
- * - `pagination` を指定した場合、`manualPagination` が false でも `onPaginationChange` を通知します。
- * - `pagination` 指定時はデータ更新時の `pageIndex` 自動リセットを無効化します。
- *
- * @example 基本的な使い方 (Uncontrolled)
- * ```tsx
- * <DataTable columns={columns} data={data} />
- * ```
- *
- * @example 外部状態によるソート制御 (Controlled Sorting)
+ * Render a sortable/filterable table with host-controlled or local state.
+ * @typeParam TData - Object shape of each data row.
+ * @typeParam TValue - Column cell-value type shared by the supplied column definitions.
+ * @param props - Columns, data, presentation and feature/state options. Native leaf
+ * reordering is enabled by default; sort and reorder buttons remain separate.
+ * @returns The table with its configured toolbar, pagination and interaction surfaces.
+ * @remarks Hidden/grouped columns retain stable persisted slots; changing current
+ * columns or visibility invalidates an active reorder snapshot. Controlled sorting
+ * and pagination remain host-owned. Supplying pagination notifies onPaginationChange
+ * even without manualPagination and disables automatic page-index reset on data updates.
+ * Import Appkit CSS once; this component owns its native drag provider.
+ * @example
  * ```tsx
- * const [sorting, setSorting] = useState<SortingState>([]);
- * <DataTable
- *   columns={columns}
- *   data={data}
- *   sorting={sorting}
- *   onSortingChange={setSorting}
- *   manualSorting={true}
- * />
+ * import {DataTable} from '@alneas/appkit-react/tools/data-table';
+ * import '@alneas/appkit-react/styles';
+ * export function ReviewTable() {
+ *   return <DataTable data={[{id: 'one', title: 'Review'}]}
+ *     columns={[{accessorKey: 'title', header: 'Title'}]} />;
+ * }
  * ```
  */
 export declare function DataTable<TData extends object, TValue>({ columns, data, variant, filterContent, storageKey, enableSortingByDefault, enableMultiSort, showRowNumber, itemCount, onAdd, pageCount, rowCount, onPaginationChange, onSortingChange, onColumnFiltersChange, onRowClick, onSelectionChange, rowIdField, manualPagination, manualSorting, manualFiltering, filterColumn, sorting: controlledSorting, pagination: controlledPagination, enableColumnOrdering, containerClassName, tableClassName, pageSizeOptions, filterLayout, defaultFilterOpen, activeFiltersContent, }: DataTableProps<TData, TValue>): React.JSX.Element;