@alneas/appkit-react 0.2.0 → 0.3.1

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

@@ -0,0 +1,2 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});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=[...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)}exports.getLeafColumnIds=t,exports.reorderVisibleColumns=e;
+//# sourceMappingURL=column-order.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column-order.cjs","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":"A,gFACA,SAAgBA,EACd,EAAiB,EAAmB,EAAyB,EAC7D,EAAsB,EACZ,CACV,GAAI,CAAC,OAAO,UAAUC,CAAY,GAAK,CAAC,OAAO,UAAUC,CAAK,GAAKD,EAAe,GAChFC,EAAQ,GAAKA,GAASC,EAAc,QAAUA,EAAcF,KAAkBG,GAC9EH,IAAiBC,GAAS,IAAI,IAAIC,CAAa,CAAC,CAAC,OAASA,EAAc,OAAQ,OAAOE,EACzF,IAAMC,EAAQ,IAAI,IAAIC,CAAO,EAC7B,GAAIJ,EAAc,KAAK,GAAM,CAACG,EAAM,IAAIE,CAAE,CAAC,EAAG,OAAOH,EACrD,IAAMI,EAAW,CAAC,GAAG,IAAI,IAAI,CAAC,GAAGJ,EAAM,OAAO,GAAMC,EAAM,IAAIE,CAAE,CAAC,EAAG,GAAGD,CAAO,CAAC,CAAC,EAC1EG,EAAQ,CAAC,GAAGP,CAAa,EAC/BO,EAAM,OAAOR,EAAO,EAAG,GAAGQ,EAAM,OAAOT,EAAc,CAAC,CAAC,EACvD,IAAMU,EAAa,IAAI,IAAIR,CAAa,EACpCS,EAAW,EACf,OAAOH,EAAS,IAAI,GAAME,EAAW,IAAIH,CAAE,EAAIE,EAAM,KAAcF,CAAE,CACvE,CASA,SAAgBK,EAAiB,EAA8C,CAC7E,OAAOC,EAAQ,QAAQ,GAAUC,EAAO,SAAS,OAC7CF,EAAiBE,EAAO,OAAO,EAC/B,CAACA,EAAO,KAAOA,EAAO,cAAgB,IAAA,GAA8D,IAAA,GAAlD,OAAOA,EAAO,WAAW,CAAC,CAAC,WAAW,IAAK,GAAG,KAAmB,OAAOA,EAAO,QAAW,SAAWA,EAAO,OAAS,GAAG,CAAC,CAAC,CAC7K,OAAO,OAAO,CACnB,C"}

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

@@ -0,0 +1,11 @@
+/** Reorder a registered leaf subset while retaining hidden/group-external column slots. */
+export declare function reorderVisibleColumns(order: string[], leafIds: string[], registeredIds: string[], sourceId: string, initialIndex: number, index: number): string[];
+interface ColumnIdentity {
+    id?: string;
+    accessorKey?: PropertyKey;
+    header?: unknown;
+    columns?: readonly ColumnIdentity[];
+}
+/** Match native column ID derivation for nested leaf definitions. */
+export declare function getLeafColumnIds(columns: readonly ColumnIdentity[]): string[];
+export {};

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

@@ -0,0 +1,11 @@
+/** Reorder a registered leaf subset while retaining hidden/group-external column slots. */
+export declare function reorderVisibleColumns(order: string[], leafIds: string[], registeredIds: string[], sourceId: string, initialIndex: number, index: number): string[];
+interface ColumnIdentity {
+    id?: string;
+    accessorKey?: PropertyKey;
+    header?: unknown;
+    columns?: readonly ColumnIdentity[];
+}
+/** Match native column ID derivation for nested leaf definitions. */
+export declare function getLeafColumnIds(columns: readonly ColumnIdentity[]): string[];
+export {};

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