npm - @alneas/appkit-react - Versions diffs - 0.2.0 → 0.3.1 - Mend

@alneas/appkit-react 0.2.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1525) hide show

package/dist/tools/components/file-browser/FileGridView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileGridView.js","names":["FileIcon","FileIcon$1","FileGridView","handleItemClick","selectedIds","node","onSelect","id","renderNodeContent","tags","verification","verifyingIds","cn","isSelected","onOpen","Check","Loader2","ShieldCheck","ShieldAlert","Badge","tag","nodes","Empty","EmptyHeader","EmptyMedia","FolderOpen","EmptyTitle","EmptyDescription","FileContextMenu","Draggable","setNodeRef","attributes","listeners","Droppable","isOver"],"sources":["../../../../src/tools/components/file-browser/FileGridView.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIcon } from '../ui/file-icon';\nimport type { FileNode } from './types';\nimport { cn } from '../../lib/utils';\nimport { Badge } from '../ui/badge';\nimport { FileContextMenu } from './FileContextMenu';\nimport { Draggable, Droppable } from '../ui/dnd';\nimport { ShieldCheck, ShieldAlert, Loader2, Check, FolderOpen } from 'lucide-react';\nimport { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '../ui/empty';\n\nexport interface FileGridViewProps {\n /** 表示するノード一覧 /\n nodes: FileNode[];\n /* 選択されているノードのID一覧 /\n selectedIds: string[];\n /* 検証状態のマップ /\n verifyingIds?: Record<string, { loading: boolean; valid?: boolean; error?: string }>;\n /* 選択状態が変更された時のコールバック /\n onSelect: (ids: string[]) => void;\n /* ノードがダブルクリック（またはフォルダ移動）された時のコールバック /\n onOpen: (node: FileNode) => void;\n /* ノードを削除する時のコールバック /\n onDelete: (node: FileNode) => void;\n /* 詳細を表示する時のコールバック /\n onDetails?: (node: FileNode) => void;\n /* 名前変更時のコールバック /\n onRename?: (node: FileNode) => void;\n /* タグ更新時のコールバック /\n onUpdateTags?: (node: FileNode) => void;\n /* 整合性検証時のコールバック /\n onVerify?: (node: FileNode) => void;\n}\n\n/\n ファイルの一覧表示（グリッド形式）\n /\nexport function FileGridView({\n nodes,\n selectedIds,\n verifyingIds = {},\n onSelect,\n onOpen,\n onDelete,\n onDetails,\n onRename,\n onUpdateTags,\n onVerify,\n}: FileGridViewProps) {\n const handleItemClick = (e: React.MouseEvent, node: FileNode) => {\n // Ctrl/Cmd キーで複数選択\n if (e.metaKey \|\| e.ctrlKey) {\n if (selectedIds.includes(node.id)) {\n onSelect(selectedIds.filter((id) => id !== node.id));\n } else {\n onSelect([...selectedIds, node.id]);\n }\n } else {\n onSelect([node.id]);\n }\n };\n\n const renderNodeContent = (node: FileNode, isSelected: boolean) => {\n const tags = node.metadata?.tags?.split(',').filter(Boolean) \|\| [];\n const verification = verifyingIds[node.id];\n\n return (\n <div\n className={cn(\n 'group flex flex-col items-center p-2 rounded-xl transition-all border border-transparent cursor-pointer select-none relative w-full h-full',\n isSelected\n ? 'bg-primary/10 border-primary/20 ring-2 ring-primary/10'\n : 'hover:bg-muted/50 hover:border-muted-foreground/10',\n )}\n onClick={(e) => handleItemClick(e, node)}\n onDoubleClick={() => onOpen(node)}\n >\n <div className='relative w-full aspect-square flex items-center justify-center mb-2'>\n <FileIcon\n kind={node.kind}\n contentType={node.contentType}\n className={cn(\n 'w-12 h-12 transition-transform',\n isSelected ? 'scale-110' : 'group-hover:scale-105',\n )}\n />\n\n {/ 選択チェックマーク /}\n {isSelected && (\n <div className='absolute top-0 right-0 bg-primary text-primary-foreground rounded-full p-0.5 shadow-sm z-10'>\n <Check className='w-3 h-3' strokeWidth={3} />\n </div>\n )}\n\n {/ 検証ステータス */}\n {verification?.loading && (\n <div className='absolute bottom-0 left-0 bg-background/80 rounded-full p-0.5 shadow-sm'>\n <Loader2 className='h-3 w-3 animate-spin' />\n </div>\n )}\n {verification?.valid === true && (\n <div\n className='absolute bottom-0 left-0 bg-green-100 text-green-700 rounded-full p-0.5 shadow-sm'\n title='Integrity Verified'\n >\n <ShieldCheck className='h-3 w-3' />\n </div>\n )}\n {verification?.valid === false && (\n <div\n className='absolute bottom-0 left-0 bg-destructive/10 text-destructive rounded-full p-0.5 shadow-sm'\n title={verification.error}\n >\n <ShieldAlert className='h-3 w-3' />\n </div>\n )}\n </div>\n\n <span className='w-full text-center text-xs font-medium truncate px-1 leading-relaxed'>\n {node.name}\n </span>\n\n <div className='flex flex-wrap justify-center gap-0.5 mt-1 min-h-[16px]'>\n {tags.slice(0, 2).map((tag) => (\n <Badge\n key={tag}\n variant='outline'\n className='px-1 py-0 text-[8px] h-3.5 leading-none bg-background/50'\n >\n {tag}\n </Badge>\n ))}\n {tags.length > 2 && (\n <span className='text-[8px] text-muted-foreground'>+{tags.length - 2}</span>\n )}\n </div>\n\n {node.size !== undefined && node.kind === 'file' && (\n <span className='text-[10px] text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity mt-0.5'>\n {Math.round(node.size / 1024)} KB\n </span>\n )}\n </div>\n );\n };\n\n if (nodes.length === 0) {\n return (\n <Empty className='flex-1 border-t rounded-none bg-muted/10'>\n <EmptyHeader>\n <EmptyMedia variant='icon'>\n <FolderOpen />\n </EmptyMedia>\n <EmptyTitle>This folder is empty</EmptyTitle>\n <EmptyDescription>Upload files to get started.</EmptyDescription>\n </EmptyHeader>\n </Empty>\n );\n }\n\n return (\n <div className='flex-1 overflow-auto p-4 bg-muted/5 border-t'>\n <div className='grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-4'>\n {nodes.map((node) => {\n const isSelected = selectedIds.includes(node.id);\n\n return (\n <FileContextMenu\n key={node.id}\n node={node}\n onOpen={onOpen}\n onDelete={onDelete}\n onDetails={onDetails}\n onRename={onRename}\n onUpdateTags={onUpdateTags}\n onVerify={onVerify}\n >\n <div className='w-full h-full'>\n {node.kind === 'file' ? (\n <Draggable id={node.id} data={node}>\n {({ setNodeRef, style, attributes, listeners }) => (\n <div\n ref={setNodeRef}\n style={style}\n {...attributes}\n {...listeners}\n className='w-full h-full'\n >\n {renderNodeContent(node, isSelected)}\n </div>\n )}\n </Draggable>\n ) : (\n <Droppable id={node.id} data={node}>\n {({ setNodeRef, isOver }) => (\n <div\n ref={setNodeRef}\n className={cn(\n 'w-full h-full rounded-xl',\n isOver && 'bg-primary/10 ring-4 ring-primary/20',\n )}\n >\n {renderNodeContent(node, isSelected)}\n </div>\n )}\n </Droppable>\n )}\n </div>\n </FileContextMenu>\n );\n })}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"FileGridView.js","names":["FileIcon","FileIcon$1","FileGridView","handleItemClick","selectedIds","node","onSelect","id","renderNodeContent","tags","verification","verifyingIds","cn","isSelected","onOpen","handleRef","Check","Loader2","ShieldCheck","ShieldAlert","Badge","tag","nodes","Empty","EmptyHeader","EmptyMedia","FolderOpen","EmptyTitle","EmptyDescription","FileContextMenu","Draggable","Droppable","isDropTarget"],"sources":["../../../../src/tools/components/file-browser/FileGridView.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIcon } from '../ui/file-icon';\nimport type { FileNode } from './types';\nimport { cn } from '../../lib/utils';\nimport { Badge } from '../ui/badge';\nimport { FileContextMenu } from './FileContextMenu';\nimport { Draggable, Droppable } from '../ui/dnd';\nimport { ShieldCheck, ShieldAlert, Loader2, Check, FolderOpen } from 'lucide-react';\nimport { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '../ui/empty';\n\nexport interface FileGridViewProps {\n /** 表示するノード一覧 /\n nodes: FileNode[];\n /* 選択されているノードのID一覧 /\n selectedIds: string[];\n /* 検証状態のマップ /\n verifyingIds?: Record<string, { loading: boolean; valid?: boolean; error?: string }>;\n /* 選択状態が変更された時のコールバック /\n onSelect: (ids: string[]) => void;\n /* ノードがダブルクリック（またはフォルダ移動）された時のコールバック /\n onOpen: (node: FileNode) => void;\n /* ノードを削除する時のコールバック /\n onDelete: (node: FileNode) => void;\n /* 詳細を表示する時のコールバック /\n onDetails?: (node: FileNode) => void;\n /* 名前変更時のコールバック /\n onRename?: (node: FileNode) => void;\n /* タグ更新時のコールバック /\n onUpdateTags?: (node: FileNode) => void;\n /* 整合性検証時のコールバック /\n onVerify?: (node: FileNode) => void;\n}\n\n/\n Render a grid of host-owned file nodes with native icon drag handles.\n * @param props - Current nodes, selected ids, optional verification state and host\n * selection/open/delete/detail/rename/tag/verify callbacks; no storage is configured here.\n * @returns The grid view; empty listings show the corresponding empty state.\n * @remarks Place standalone views under DnDProvider from the same native engine.\n * Selection and open callbacks remain host-owned. Import Appkit CSS once.\n * @example\n * ```tsx\n * import {FileGridView} from '@alneas/appkit-react/tools/file-browser';\n * import {DnDProvider} from '@alneas/appkit-react/tools/ui';\n * import '@alneas/appkit-react/styles';\n * export function EmptyFiles() {\n * return <DnDProvider><FileGridView nodes={[]} selectedIds={[]}\n * onSelect={() => {}} onOpen={() => {}} onDelete={() => {}} /></DnDProvider>;\n * }\n * ```\n /\nexport function FileGridView({\n nodes,\n selectedIds,\n verifyingIds = {},\n onSelect,\n onOpen,\n onDelete,\n onDetails,\n onRename,\n onUpdateTags,\n onVerify,\n}: FileGridViewProps) {\n const handleItemClick = (e: React.MouseEvent, node: FileNode) => {\n // Ctrl/Cmd キーで複数選択\n if (e.metaKey \|\| e.ctrlKey) {\n if (selectedIds.includes(node.id)) {\n onSelect(selectedIds.filter((id) => id !== node.id));\n } else {\n onSelect([...selectedIds, node.id]);\n }\n } else {\n onSelect([node.id]);\n }\n };\n\n const renderNodeContent = (node: FileNode, isSelected: boolean, handleRef?: (element: Element \| null) => void) => {\n const tags = node.metadata?.tags?.split(',').filter(Boolean) \|\| [];\n const verification = verifyingIds[node.id];\n\n return (\n <div\n className={cn(\n 'group flex flex-col items-center p-2 rounded-xl transition-all border border-transparent cursor-pointer select-none relative w-full h-full',\n isSelected\n ? 'bg-primary/10 border-primary/20 ring-2 ring-primary/10'\n : 'hover:bg-muted/50 hover:border-muted-foreground/10',\n )}\n onClick={(e) => handleItemClick(e, node)}\n onDoubleClick={() => onOpen(node)}\n >\n <div className='relative w-full aspect-square flex items-center justify-center mb-2'>\n {handleRef ? <button type='button' ref={handleRef} aria-label={`Move ${node.name}`} className='flex items-center justify-center w-full h-full border-0 bg-transparent p-0'>\n <FileIcon\n kind={node.kind}\n contentType={node.contentType}\n className={cn(\n 'w-12 h-12 transition-transform',\n isSelected ? 'scale-110' : 'group-hover:scale-105',\n )}\n />\n </button> : (\n <FileIcon\n kind={node.kind}\n contentType={node.contentType}\n className={cn(\n 'w-12 h-12 transition-transform',\n isSelected ? 'scale-110' : 'group-hover:scale-105',\n )}\n />\n )}\n\n {/ 選択チェックマーク /}\n {isSelected && (\n <div className='absolute top-0 right-0 bg-primary text-primary-foreground rounded-full p-0.5 shadow-sm z-10'>\n <Check className='w-3 h-3' strokeWidth={3} />\n </div>\n )}\n\n {/ 検証ステータス */}\n {verification?.loading && (\n <div className='absolute bottom-0 left-0 bg-background/80 rounded-full p-0.5 shadow-sm'>\n <Loader2 className='h-3 w-3 animate-spin' />\n </div>\n )}\n {verification?.valid === true && (\n <div\n className='absolute bottom-0 left-0 bg-green-100 text-green-700 rounded-full p-0.5 shadow-sm'\n title='Integrity Verified'\n >\n <ShieldCheck className='h-3 w-3' />\n </div>\n )}\n {verification?.valid === false && (\n <div\n className='absolute bottom-0 left-0 bg-destructive/10 text-destructive rounded-full p-0.5 shadow-sm'\n title={verification.error}\n >\n <ShieldAlert className='h-3 w-3' />\n </div>\n )}\n </div>\n\n <span className='w-full text-center text-xs font-medium truncate px-1 leading-relaxed'>\n {node.name}\n </span>\n\n <div className='flex flex-wrap justify-center gap-0.5 mt-1 min-h-[16px]'>\n {tags.slice(0, 2).map((tag) => (\n <Badge\n key={tag}\n variant='outline'\n className='px-1 py-0 text-[8px] h-3.5 leading-none bg-background/50'\n >\n {tag}\n </Badge>\n ))}\n {tags.length > 2 && (\n <span className='text-[8px] text-muted-foreground'>+{tags.length - 2}</span>\n )}\n </div>\n\n {node.size !== undefined && node.kind === 'file' && (\n <span className='text-[10px] text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity mt-0.5'>\n {Math.round(node.size / 1024)} KB\n </span>\n )}\n </div>\n );\n };\n\n if (nodes.length === 0) {\n return (\n <Empty className='flex-1 border-t rounded-none bg-muted/10'>\n <EmptyHeader>\n <EmptyMedia variant='icon'>\n <FolderOpen />\n </EmptyMedia>\n <EmptyTitle>This folder is empty</EmptyTitle>\n <EmptyDescription>Upload files to get started.</EmptyDescription>\n </EmptyHeader>\n </Empty>\n );\n }\n\n return (\n <div className='flex-1 overflow-auto p-4 bg-muted/5 border-t'>\n <div className='grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-4'>\n {nodes.map((node) => {\n const isSelected = selectedIds.includes(node.id);\n\n return (\n <FileContextMenu\n key={node.id}\n node={node}\n onOpen={onOpen}\n onDelete={onDelete}\n onDetails={onDetails}\n onRename={onRename}\n onUpdateTags={onUpdateTags}\n onVerify={onVerify}\n >\n <div className='w-full h-full'>\n {node.kind === 'file' ? (\n <Draggable id={node.id} data={node}>\n {({ ref, handleRef, style }) => (\n <div\n ref={ref}\n data-file-drag={node.id}\n style={style}\n className='w-full h-full'\n >\n {renderNodeContent(node, isSelected, handleRef)}\n </div>\n )}\n </Draggable>\n ) : (\n <Droppable id={node.id} data={node}>\n {({ ref, isDropTarget }) => (\n <div\n ref={ref}\n data-file-drop={node.id}\n data-drop-over={isDropTarget}\n className={cn(\n 'w-full h-full rounded-xl',\n isDropTarget && 'bg-primary/10 ring-4 ring-primary/20',\n )}\n >\n {renderNodeContent(node, isSelected)}\n </div>\n )}\n </Droppable>\n )}\n </div>\n </FileContextMenu>\n );\n })}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/tools/components/file-browser/FileListView.cjs CHANGED Viewed

@@ -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/badge-components.cjs"),r=require("../../../ui/components/ui/file-icon.cjs"),i=require("../../../ui/components/ui/table.cjs"),a=require("../ui/dnd/Draggable.cjs"),o=require("../ui/dnd/Droppable.cjs"),s=require("./FileContextMenu.cjs");let c=require("react/jsx-runtime"),l=require("react");l=e.__toESM(l,1);let u=require("lucide-react"),d=require("date-fns");function f(e){if(e===void 0)return`-`;if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return`${parseFloat((e/t**r).toFixed(1))} ${n[r]}`}function p({nodes:e,selectedIds:p,verifyingIds:m={},onSelect:h,onOpen:g,onDelete:_,onDetails:v,onRename:y,onUpdateTags:b,onVerify:x}){let S=(e,t)=>{e.metaKey||e.ctrlKey?p.includes(t.id)?h(p.filter(e=>e!==t.id)):h([...p,t.id]):h([t.id])},C=(e,a,o={},s)=>{let l=e.metadata?.tags?.split(`,`).filter(Boolean)||[],p=m[e.id];return(0,c.jsxs)(i.TableRow,{...o,className:t.cn(`cursor-pointer transition-colors group select-none w-full border-b`,a&&`bg-primary/5 hover:bg-primary/10`,o.className),onClick:t=>S(t,e),onDoubleClick:()=>g(e),children:[(0,c.jsx)(i.TableCell,{className:`font-medium`,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[s?(0,c.jsx)(`button`,{type:`button`,"aria-label":`Move ${e.name}`,...s.attributes,...s.listeners,children:(0,c.jsx)(r.FileIcon,{kind:e.kind,contentType:e.contentType,className:`h-4 w-4 shrink-0`})}):(0,c.jsx)(r.FileIcon,{kind:e.kind,contentType:e.contentType,className:`h-4 w-4 shrink-0`}),(0,c.jsx)(`span`,{className:`truncate`,children:e.name}),p?.loading&&(0,c.jsx)(u.Loader2,{className:`h-3 w-3 animate-spin text-muted-foreground`}),p?.valid===!0&&(0,c.jsx)(`span`,{title:`Integrity Verified`,children:(0,c.jsx)(u.ShieldCheck,{className:`h-3 w-3 text-green-600`})}),p?.valid===!1&&(0,c.jsx)(`span`,{title:p.error||`Integrity Failure`,children:(0,c.jsx)(u.ShieldAlert,{className:`h-3 w-3 text-destructive`})})]})}),(0,c.jsx)(i.TableCell,{className:`text-muted-foreground whitespace-nowrap`,children:e.kind===`file`?f(e.size):`--`}),(0,c.jsx)(i.TableCell,{className:`text-muted-foreground whitespace-nowrap`,children:e.kind===`folder`?`Folder`:e.contentType||`File`}),(0,c.jsx)(i.TableCell,{children:(0,c.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:l.map(e=>(0,c.jsx)(n.Badge,{variant:`secondary`,className:`px-1.5 py-0 text-[10px] h-4 bg-muted/50`,children:e},e))})}),(0,c.jsx)(i.TableCell,{className:`text-right text-muted-foreground whitespace-nowrap`,children:e.lastModified?(0,d.format)(e.lastModified,`yyyy/MM/dd HH:mm`):`--`})]})};return(0,c.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,c.jsxs)(i.Table,{className:`relative`,children:[(0,c.jsx)(i.TableHeader,{className:`bg-muted/30 sticky top-0 z-10`,children:(0,c.jsxs)(i.TableRow,{children:[(0,c.jsx)(i.TableHead,{className:`w-[35%]`,children:`Name`}),(0,c.jsx)(i.TableHead,{children:`Size`}),(0,c.jsx)(i.TableHead,{children:`Type`}),(0,c.jsx)(i.TableHead,{children:`Tags`}),(0,c.jsx)(i.TableHead,{className:`text-right`,children:`Modified`})]})}),(0,c.jsx)(i.TableBody,{children:e.length===0?(0,c.jsx)(i.TableRow,{children:(0,c.jsx)(i.TableCell,{colSpan:5,className:`h-32 text-center text-muted-foreground`,children:`No items found.`})}):e.map(e=>{let n=p.includes(e.id),r=t=>(0,c.jsx)(s.FileContextMenu,{node:e,onOpen:g,onDelete:_,onDetails:v,onRename:y,onUpdateTags:b,onVerify:x,children:t}),i=e.kind===`file`?(0,c.jsx)(a.Draggable,{id:e.id,data:e,children:({setNodeRef:i,style:a,attributes:o,listeners:s,isDragging:c})=>r(C(e,n,{ref:i,style:a,className:t.cn(c&&`z-50`)},{attributes:o,listeners:s}))}):(0,c.jsx)(o.Droppable,{id:e.id,data:e,children:({setNodeRef:i,isOver:a})=>r(C(e,n,{ref:i,className:t.cn(a&&`bg-primary/10 ring-2 ring-primary/20 inset-x-0`)}))});return(0,c.jsx)(l.default.Fragment,{children:i},e.id)})})]})})}exports.FileListView=p;
+"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/badge-components.cjs"),r=require("../../../ui/components/ui/file-icon.cjs"),i=require("../../../ui/components/ui/table.cjs"),a=require("../ui/dnd/Draggable.cjs"),o=require("../ui/dnd/Droppable.cjs"),s=require("./FileContextMenu.cjs");let c=require("react/jsx-runtime"),l=require("react");l=e.__toESM(l,1);let u=require("lucide-react"),d=require("date-fns");function f(e){if(e===void 0)return`-`;if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return`${parseFloat((e/t**r).toFixed(1))} ${n[r]}`}function p({nodes:e,selectedIds:p,verifyingIds:m={},onSelect:h,onOpen:g,onDelete:_,onDetails:v,onRename:y,onUpdateTags:b,onVerify:x}){let S=(e,t)=>{e.metaKey||e.ctrlKey?p.includes(t.id)?h(p.filter(e=>e!==t.id)):h([...p,t.id]):h([t.id])},C=(e,a,o={},s)=>{let l=e.metadata?.tags?.split(`,`).filter(Boolean)||[],p=m[e.id];return(0,c.jsxs)(i.TableRow,{...o,className:t.cn(`cursor-pointer transition-colors group select-none w-full border-b`,a&&`bg-primary/5 hover:bg-primary/10`,o.className),onClick:t=>S(t,e),onDoubleClick:()=>g(e),children:[(0,c.jsx)(i.TableCell,{className:`font-medium`,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[s?(0,c.jsx)(`button`,{type:`button`,"aria-label":`Move ${e.name}`,ref:s,children:(0,c.jsx)(r.FileIcon,{kind:e.kind,contentType:e.contentType,className:`h-4 w-4 shrink-0`})}):(0,c.jsx)(r.FileIcon,{kind:e.kind,contentType:e.contentType,className:`h-4 w-4 shrink-0`}),(0,c.jsx)(`span`,{className:`truncate`,children:e.name}),p?.loading&&(0,c.jsx)(u.Loader2,{className:`h-3 w-3 animate-spin text-muted-foreground`}),p?.valid===!0&&(0,c.jsx)(`span`,{title:`Integrity Verified`,children:(0,c.jsx)(u.ShieldCheck,{className:`h-3 w-3 text-green-600`})}),p?.valid===!1&&(0,c.jsx)(`span`,{title:p.error||`Integrity Failure`,children:(0,c.jsx)(u.ShieldAlert,{className:`h-3 w-3 text-destructive`})})]})}),(0,c.jsx)(i.TableCell,{className:`text-muted-foreground whitespace-nowrap`,children:e.kind===`file`?f(e.size):`--`}),(0,c.jsx)(i.TableCell,{className:`text-muted-foreground whitespace-nowrap`,children:e.kind===`folder`?`Folder`:e.contentType||`File`}),(0,c.jsx)(i.TableCell,{children:(0,c.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:l.map(e=>(0,c.jsx)(n.Badge,{variant:`secondary`,className:`px-1.5 py-0 text-[10px] h-4 bg-muted/50`,children:e},e))})}),(0,c.jsx)(i.TableCell,{className:`text-right text-muted-foreground whitespace-nowrap`,children:e.lastModified?(0,d.format)(e.lastModified,`yyyy/MM/dd HH:mm`):`--`})]})};return(0,c.jsx)(`div`,{className:`flex-1 overflow-auto`,children:(0,c.jsxs)(i.Table,{className:`relative`,children:[(0,c.jsx)(i.TableHeader,{className:`bg-muted/30 sticky top-0 z-10`,children:(0,c.jsxs)(i.TableRow,{children:[(0,c.jsx)(i.TableHead,{className:`w-[35%]`,children:`Name`}),(0,c.jsx)(i.TableHead,{children:`Size`}),(0,c.jsx)(i.TableHead,{children:`Type`}),(0,c.jsx)(i.TableHead,{children:`Tags`}),(0,c.jsx)(i.TableHead,{className:`text-right`,children:`Modified`})]})}),(0,c.jsx)(i.TableBody,{children:e.length===0?(0,c.jsx)(i.TableRow,{children:(0,c.jsx)(i.TableCell,{colSpan:5,className:`h-32 text-center text-muted-foreground`,children:`No items found.`})}):e.map(e=>{let n=p.includes(e.id),r=t=>(0,c.jsx)(s.FileContextMenu,{node:e,onOpen:g,onDelete:_,onDetails:v,onRename:y,onUpdateTags:b,onVerify:x,children:t}),i=e.kind===`file`?(0,c.jsx)(a.Draggable,{id:e.id,data:e,children:({ref:i,style:a,handleRef:o,isDragging:s})=>r(C(e,n,{ref:i,style:a,className:t.cn(s&&`z-50`)},o))}):(0,c.jsx)(o.Droppable,{id:e.id,data:e,children:({ref:i,isDropTarget:a})=>r(C(e,n,{ref:i,"data-file-drop":e.id,"data-drop-over":a,className:t.cn(a&&`bg-primary/10 ring-2 ring-primary/20 inset-x-0`)}))});return(0,c.jsx)(l.default.Fragment,{children:i},e.id)})})]})})}exports.FileListView=p;
 //# sourceMappingURL=FileListView.cjs.map

package/dist/tools/components/file-browser/FileListView.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileListView.cjs","names":["TableRow","cn","TableCell","FileIcon","Loader2","ShieldCheck","ShieldAlert","Badge","format","Table","TableHeader","TableHead","TableBody","FileContextMenu","Draggable","Droppable","React","require_runtime","require_ui_lib_utils","require_ui_components_ui_badge_components","require_ui_components_ui_file_icon","require_ui_components_ui_table","require_tools_components_ui_dnd_Draggable","require_tools_components_ui_dnd_Droppable","require_tools_components_file_browser_FileContextMenu","react_jsx_runtime","react","lucide_react","date_fns","formatSize","bytes","k","sizes","i","FileListView","handleRowClick","selectedIds","node","onSelect","id","renderNodeContent","tags","verification","verifyingIds","rowProps","isSelected","e","onOpen","dragHandle","tag","nodes","withContextMenu","row","item","setNodeRef","isDragging","isOver"],"sources":["../../../../src/tools/components/file-browser/FileListView.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIcon } from '../ui/file-icon';\nimport type { FileNode } from './types';\nimport { format } from 'date-fns';\nimport { cn } from '../../lib/utils';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Badge } from '../ui';\nimport { FileContextMenu } from './FileContextMenu';\nimport { Draggable, Droppable } from '../ui/dnd';\nimport { ShieldCheck, ShieldAlert, Loader2 } from 'lucide-react';\n\nexport interface FileListViewProps {\n /** 表示するノード一覧 /\n nodes: FileNode[];\n /* 選択されているノードのID一覧 /\n selectedIds: string[];\n /* 検証状態のマップ /\n verifyingIds?: Record<string, { loading: boolean; valid?: boolean; error?: string }>;\n /* 選択状態が変更された時のコールバック /\n onSelect: (ids: string[]) => void;\n /* ノードがダブルクリック（またはフォルダ移動）された時のコールバック /\n onOpen: (node: FileNode) => void;\n /* ノードを削除する時のコールバック /\n onDelete: (node: FileNode) => void;\n /* 詳細を表示する時のコールバック /\n onDetails?: (node: FileNode) => void;\n /* 名前変更時のコールバック /\n onRename?: (node: FileNode) => void;\n /* タグ更新時のコールバック /\n onUpdateTags?: (node: FileNode) => void;\n /* 整合性検証時のコールバック /\n onVerify?: (node: FileNode) => void;\n}\n\n/\n ファイルのバイト数を人間が読みやすい形式に変換\n /\nfunction formatSize(bytes?: number): string {\n if (bytes === undefined) return '-';\n if (bytes === 0) return '0 B';\n const k = 1024;\n const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;\n}\n\n/\n ファイルの一覧表示（詳細リスト形式）\n */\nexport function FileListView({\n nodes,\n selectedIds,\n verifyingIds = {},\n onSelect,\n onOpen,\n onDelete,\n onDetails,\n onRename,\n onUpdateTags,\n onVerify,\n}: FileListViewProps) {\n const handleRowClick = (e: React.MouseEvent, node: FileNode) => {\n if (e.metaKey \|\| e.ctrlKey) {\n if (selectedIds.includes(node.id)) {\n onSelect(selectedIds.filter((id) => id !== node.id));\n } else {\n onSelect([...selectedIds, node.id]);\n }\n } else {\n onSelect([node.id]);\n }\n };\n\n const renderNodeContent = (\n node: FileNode, isSelected: boolean,\n rowProps: React.ComponentPropsWithRef<typeof TableRow> = {},\n dragHandle?: { attributes: React.HTMLAttributes<HTMLButtonElement>; listeners?: React.HTMLAttributes<HTMLButtonElement> },\n ) => {\n const tags = node.metadata?.tags?.split(',').filter(Boolean) \|\| [];\n const verification = verifyingIds[node.id];\n\n return (\n <TableRow\n {...rowProps}\n className={cn(\n 'cursor-pointer transition-colors group select-none w-full border-b',\n isSelected && 'bg-primary/5 hover:bg-primary/10',\n rowProps.className,\n )}\n onClick={(e) => handleRowClick(e, node)}\n onDoubleClick={() => onOpen(node)}\n >\n <TableCell className='font-medium'>\n <div className='flex items-center gap-3'>\n {dragHandle ? (\n <button type='button' aria-label={`Move ${node.name}`} {...dragHandle.attributes} {...dragHandle.listeners}>\n <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />\n </button>\n ) : <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />}\n <span className='truncate'>{node.name}</span>\n {verification?.loading && (\n <Loader2 className='h-3 w-3 animate-spin text-muted-foreground' />\n )}\n {verification?.valid === true && (\n <span title='Integrity Verified'>\n <ShieldCheck className='h-3 w-3 text-green-600' />\n </span>\n )}\n {verification?.valid === false && (\n <span title={verification.error \|\| 'Integrity Failure'}>\n <ShieldAlert className='h-3 w-3 text-destructive' />\n </span>\n )}\n </div>\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'file' ? formatSize(node.size) : '--'}\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'folder' ? 'Folder' : node.contentType \|\| 'File'}\n </TableCell>\n <TableCell>\n <div className='flex flex-wrap gap-1'>\n {tags.map((tag) => (\n <Badge\n key={tag}\n variant='secondary'\n className='px-1.5 py-0 text-[10px] h-4 bg-muted/50'\n >\n {tag}\n </Badge>\n ))}\n </div>\n </TableCell>\n <TableCell className='text-right text-muted-foreground whitespace-nowrap'>\n {node.lastModified ? format(node.lastModified, 'yyyy/MM/dd HH:mm') : '--'}\n </TableCell>\n </TableRow>\n );\n };\n\n return (\n <div className='flex-1 overflow-auto'>\n <Table className='relative'>\n <TableHeader className='bg-muted/30 sticky top-0 z-10'>\n <TableRow>\n <TableHead className='w-[35%]'>Name</TableHead>\n <TableHead>Size</TableHead>\n <TableHead>Type</TableHead>\n <TableHead>Tags</TableHead>\n <TableHead className='text-right'>Modified</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {nodes.length === 0 ? (\n <TableRow>\n <TableCell colSpan={5} className='h-32 text-center text-muted-foreground'>\n No items found.\n </TableCell>\n </TableRow>\n ) : (\n nodes.map((node) => {\n const isSelected = selectedIds.includes(node.id);\n\n const withContextMenu = (row: React.ReactElement) => (\n <FileContextMenu node={node} onOpen={onOpen} onDelete={onDelete}\n onDetails={onDetails} onRename={onRename} onUpdateTags={onUpdateTags} onVerify={onVerify}>\n {row}\n </FileContextMenu>\n );\n const item = node.kind === 'file' ? (\n <Draggable id={node.id} data={node}>\n {({ setNodeRef, style, attributes, listeners, isDragging }) =>\n withContextMenu(renderNodeContent(node, isSelected,\n { ref: setNodeRef, style, className: cn(isDragging && 'z-50') },\n { attributes, listeners }))}\n </Draggable>\n ) : (\n <Droppable id={node.id} data={node}>\n {({ setNodeRef, isOver }) => withContextMenu(renderNodeContent(node, isSelected,\n { ref: setNodeRef, className: cn(isOver && 'bg-primary/10 ring-2 ring-primary/20 inset-x-0') }))}\n </Droppable>\n );\n\n return <React.Fragment key={node.id}>{item}</React.Fragment>;\n })\n )}\n </TableBody>\n </Table>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"FileListView.cjs","names":["TableRow","cn","TableCell","FileIcon","Loader2","ShieldCheck","ShieldAlert","Badge","format","Table","TableHeader","TableHead","TableBody","FileContextMenu","Draggable","Droppable","React","require_runtime","require_ui_lib_utils","require_ui_components_ui_badge_components","require_ui_components_ui_file_icon","require_ui_components_ui_table","require_tools_components_ui_dnd_Draggable","require_tools_components_ui_dnd_Droppable","require_tools_components_file_browser_FileContextMenu","react_jsx_runtime","react","lucide_react","date_fns","formatSize","bytes","k","sizes","i","FileListView","handleRowClick","selectedIds","node","onSelect","id","renderNodeContent","tags","verification","verifyingIds","rowProps","isSelected","e","onOpen","dragHandle","tag","nodes","withContextMenu","row","item","isDragging","handleRef","isDropTarget"],"sources":["../../../../src/tools/components/file-browser/FileListView.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIcon } from '../ui/file-icon';\nimport type { FileNode } from './types';\nimport { format } from 'date-fns';\nimport { cn } from '../../lib/utils';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Badge } from '../ui';\nimport { FileContextMenu } from './FileContextMenu';\nimport { Draggable, Droppable } from '../ui/dnd';\nimport { ShieldCheck, ShieldAlert, Loader2 } from 'lucide-react';\n\nexport interface FileListViewProps {\n /** 表示するノード一覧 /\n nodes: FileNode[];\n /* 選択されているノードのID一覧 /\n selectedIds: string[];\n /* 検証状態のマップ /\n verifyingIds?: Record<string, { loading: boolean; valid?: boolean; error?: string }>;\n /* 選択状態が変更された時のコールバック /\n onSelect: (ids: string[]) => void;\n /* ノードがダブルクリック（またはフォルダ移動）された時のコールバック /\n onOpen: (node: FileNode) => void;\n /* ノードを削除する時のコールバック /\n onDelete: (node: FileNode) => void;\n /* 詳細を表示する時のコールバック /\n onDetails?: (node: FileNode) => void;\n /* 名前変更時のコールバック /\n onRename?: (node: FileNode) => void;\n /* タグ更新時のコールバック /\n onUpdateTags?: (node: FileNode) => void;\n /* 整合性検証時のコールバック /\n onVerify?: (node: FileNode) => void;\n}\n\n/\n ファイルのバイト数を人間が読みやすい形式に変換\n /\nfunction formatSize(bytes?: number): string {\n if (bytes === undefined) return '-';\n if (bytes === 0) return '0 B';\n const k = 1024;\n const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;\n}\n\n/\n Render a semantic table of host-owned file nodes with native icon drag handles.\n * @param props - Current nodes, selected ids, optional verification state and host\n * selection/open/delete/detail/rename/tag/verify callbacks; no storage is configured here.\n * @returns The table view; empty listings show the corresponding empty state.\n * @remarks Place standalone views under DnDProvider from the same native engine.\n * Selection and open callbacks remain host-owned. Import Appkit CSS once.\n * @example\n * ```tsx\n * import {FileListView} from '@alneas/appkit-react/tools/file-browser';\n * import {DnDProvider} from '@alneas/appkit-react/tools/ui';\n * import '@alneas/appkit-react/styles';\n * export function EmptyFiles() {\n * return <DnDProvider><FileListView nodes={[]} selectedIds={[]}\n * onSelect={() => {}} onOpen={() => {}} onDelete={() => {}} /></DnDProvider>;\n * }\n * ```\n */\nexport function FileListView({\n nodes,\n selectedIds,\n verifyingIds = {},\n onSelect,\n onOpen,\n onDelete,\n onDetails,\n onRename,\n onUpdateTags,\n onVerify,\n}: FileListViewProps) {\n const handleRowClick = (e: React.MouseEvent, node: FileNode) => {\n if (e.metaKey \|\| e.ctrlKey) {\n if (selectedIds.includes(node.id)) {\n onSelect(selectedIds.filter((id) => id !== node.id));\n } else {\n onSelect([...selectedIds, node.id]);\n }\n } else {\n onSelect([node.id]);\n }\n };\n\n const renderNodeContent = (\n node: FileNode, isSelected: boolean,\n rowProps: React.ComponentPropsWithRef<typeof TableRow> & {'data-file-drop'?: string; 'data-drop-over'?: boolean} = {},\n dragHandle?: (element: Element \| null) => void,\n ) => {\n const tags = node.metadata?.tags?.split(',').filter(Boolean) \|\| [];\n const verification = verifyingIds[node.id];\n\n return (\n <TableRow\n {...rowProps}\n className={cn(\n 'cursor-pointer transition-colors group select-none w-full border-b',\n isSelected && 'bg-primary/5 hover:bg-primary/10',\n rowProps.className,\n )}\n onClick={(e) => handleRowClick(e, node)}\n onDoubleClick={() => onOpen(node)}\n >\n <TableCell className='font-medium'>\n <div className='flex items-center gap-3'>\n {dragHandle ? (\n <button type='button' aria-label={`Move ${node.name}`} ref={dragHandle}>\n <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />\n </button>\n ) : <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />}\n <span className='truncate'>{node.name}</span>\n {verification?.loading && (\n <Loader2 className='h-3 w-3 animate-spin text-muted-foreground' />\n )}\n {verification?.valid === true && (\n <span title='Integrity Verified'>\n <ShieldCheck className='h-3 w-3 text-green-600' />\n </span>\n )}\n {verification?.valid === false && (\n <span title={verification.error \|\| 'Integrity Failure'}>\n <ShieldAlert className='h-3 w-3 text-destructive' />\n </span>\n )}\n </div>\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'file' ? formatSize(node.size) : '--'}\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'folder' ? 'Folder' : node.contentType \|\| 'File'}\n </TableCell>\n <TableCell>\n <div className='flex flex-wrap gap-1'>\n {tags.map((tag) => (\n <Badge\n key={tag}\n variant='secondary'\n className='px-1.5 py-0 text-[10px] h-4 bg-muted/50'\n >\n {tag}\n </Badge>\n ))}\n </div>\n </TableCell>\n <TableCell className='text-right text-muted-foreground whitespace-nowrap'>\n {node.lastModified ? format(node.lastModified, 'yyyy/MM/dd HH:mm') : '--'}\n </TableCell>\n </TableRow>\n );\n };\n\n return (\n <div className='flex-1 overflow-auto'>\n <Table className='relative'>\n <TableHeader className='bg-muted/30 sticky top-0 z-10'>\n <TableRow>\n <TableHead className='w-[35%]'>Name</TableHead>\n <TableHead>Size</TableHead>\n <TableHead>Type</TableHead>\n <TableHead>Tags</TableHead>\n <TableHead className='text-right'>Modified</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {nodes.length === 0 ? (\n <TableRow>\n <TableCell colSpan={5} className='h-32 text-center text-muted-foreground'>\n No items found.\n </TableCell>\n </TableRow>\n ) : (\n nodes.map((node) => {\n const isSelected = selectedIds.includes(node.id);\n\n const withContextMenu = (row: React.ReactElement) => (\n <FileContextMenu node={node} onOpen={onOpen} onDelete={onDelete}\n onDetails={onDetails} onRename={onRename} onUpdateTags={onUpdateTags} onVerify={onVerify}>\n {row}\n </FileContextMenu>\n );\n const item = node.kind === 'file' ? (\n <Draggable id={node.id} data={node}>\n {({ ref, style, handleRef, isDragging }) =>\n withContextMenu(renderNodeContent(node, isSelected,\n { ref, style, className: cn(isDragging && 'z-50') },\n handleRef))}\n </Draggable>\n ) : (\n <Droppable id={node.id} data={node}>\n {({ ref, isDropTarget }) => withContextMenu(renderNodeContent(node, isSelected,\n { ref, 'data-file-drop': node.id, 'data-drop-over': isDropTarget, className: cn(isDropTarget && 'bg-primary/10 ring-2 ring-primary/20 inset-x-0') }))}\n </Droppable>\n );\n\n return <React.Fragment key={node.id}>{item}</React.Fragment>;\n })\n )}\n </TableBody>\n </Table>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/tools/components/file-browser/FileListView.d.cts CHANGED Viewed

@@ -27,6 +27,21 @@ export interface FileListViewProps {
     onVerify?: (node: FileNode) => void;
 }
 /**
- * ファイルの一覧表示（詳細リスト形式）
+ * Render a semantic table of host-owned file nodes with native icon drag handles.
+ * @param props - Current nodes, selected ids, optional verification state and host
+ * selection/open/delete/detail/rename/tag/verify callbacks; no storage is configured here.
+ * @returns The table view; empty listings show the corresponding empty state.
+ * @remarks Place standalone views under DnDProvider from the same native engine.
+ * Selection and open callbacks remain host-owned. Import Appkit CSS once.
+ * @example
+ * ```tsx
+ * import {FileListView} from '@alneas/appkit-react/tools/file-browser';
+ * import {DnDProvider} from '@alneas/appkit-react/tools/ui';
+ * import '@alneas/appkit-react/styles';
+ * export function EmptyFiles() {
+ *   return <DnDProvider><FileListView nodes={[]} selectedIds={[]}
+ *     onSelect={() => {}} onOpen={() => {}} onDelete={() => {}} /></DnDProvider>;
+ * }
+ * ```
  */
 export declare function FileListView({ nodes, selectedIds, verifyingIds, onSelect, onOpen, onDelete, onDetails, onRename, onUpdateTags, onVerify, }: FileListViewProps): React.JSX.Element;

package/dist/tools/components/file-browser/FileListView.d.ts CHANGED Viewed

@@ -27,6 +27,21 @@ export interface FileListViewProps {
     onVerify?: (node: FileNode) => void;
 }
 /**
- * ファイルの一覧表示（詳細リスト形式）
+ * Render a semantic table of host-owned file nodes with native icon drag handles.
+ * @param props - Current nodes, selected ids, optional verification state and host
+ * selection/open/delete/detail/rename/tag/verify callbacks; no storage is configured here.
+ * @returns The table view; empty listings show the corresponding empty state.
+ * @remarks Place standalone views under DnDProvider from the same native engine.
+ * Selection and open callbacks remain host-owned. Import Appkit CSS once.
+ * @example
+ * ```tsx
+ * import {FileListView} from '@alneas/appkit-react/tools/file-browser';
+ * import {DnDProvider} from '@alneas/appkit-react/tools/ui';
+ * import '@alneas/appkit-react/styles';
+ * export function EmptyFiles() {
+ *   return <DnDProvider><FileListView nodes={[]} selectedIds={[]}
+ *     onSelect={() => {}} onOpen={() => {}} onDelete={() => {}} /></DnDProvider>;
+ * }
+ * ```
  */
 export declare function FileListView({ nodes, selectedIds, verifyingIds, onSelect, onOpen, onDelete, onDetails, onRename, onUpdateTags, onVerify, }: FileListViewProps): React.JSX.Element;

package/dist/tools/components/file-browser/FileListView.js CHANGED Viewed

@@ -42,8 +42,7 @@ function b({ nodes: b, selectedIds: x, verifyingIds: S = {}, onSelect: C, onOpen
 							s ? /* @__PURE__ */ f("button", {
 								type: "button",
 								"aria-label": `Move ${r.name}`,
-								...s.attributes,
-								...s.listeners,
+								ref: s,
 								children: /* @__PURE__ */ f(n, {
 									kind: r.kind,
 									contentType: r.contentType,
@@ -129,19 +128,18 @@ function b({ nodes: b, selectedIds: x, verifyingIds: S = {}, onSelect: C, onOpen
 				}), i = t.kind === "file" ? /* @__PURE__ */ f(l, {
 					id: t.id,
 					data: t,
-					children: ({ setNodeRef: i, style: a, attributes: o, listeners: s, isDragging: c }) => r(j(t, n, {
+					children: ({ ref: i, style: a, handleRef: o, isDragging: s }) => r(j(t, n, {
 						ref: i,
 						style: a,
-						className: e(c && "z-50")
-					}, {
-						attributes: o,
-						listeners: s
-					}))
+						className: e(s && "z-50")
+					}, o))
 				}) : /* @__PURE__ */ f(u, {
 					id: t.id,
 					data: t,
-					children: ({ setNodeRef: i, isOver: a }) => r(j(t, n, {
+					children: ({ ref: i, isDropTarget: a }) => r(j(t, n, {
 						ref: i,
+						"data-file-drop": t.id,
+						"data-drop-over": a,
 						className: e(a && "bg-primary/10 ring-2 ring-primary/20 inset-x-0")
 					}))
 				});

package/dist/tools/components/file-browser/FileListView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileListView.js","names":["FileIcon","FileIcon$1","React","formatSize","bytes","k","sizes","i","FileListView","handleRowClick","selectedIds","node","onSelect","id","renderNodeContent","tags","verification","verifyingIds","TableRow","rowProps","cn","isSelected","onOpen","TableCell","dragHandle","Loader2","ShieldCheck","ShieldAlert","Badge","tag","format","Table","TableHeader","TableHead","TableBody","nodes","withContextMenu","FileContextMenu","row","item","Draggable","setNodeRef","isDragging","Droppable","isOver"],"sources":["../../../../src/tools/components/file-browser/FileListView.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIcon } from '../ui/file-icon';\nimport type { FileNode } from './types';\nimport { format } from 'date-fns';\nimport { cn } from '../../lib/utils';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Badge } from '../ui';\nimport { FileContextMenu } from './FileContextMenu';\nimport { Draggable, Droppable } from '../ui/dnd';\nimport { ShieldCheck, ShieldAlert, Loader2 } from 'lucide-react';\n\nexport interface FileListViewProps {\n /** 表示するノード一覧 /\n nodes: FileNode[];\n /* 選択されているノードのID一覧 /\n selectedIds: string[];\n /* 検証状態のマップ /\n verifyingIds?: Record<string, { loading: boolean; valid?: boolean; error?: string }>;\n /* 選択状態が変更された時のコールバック /\n onSelect: (ids: string[]) => void;\n /* ノードがダブルクリック（またはフォルダ移動）された時のコールバック /\n onOpen: (node: FileNode) => void;\n /* ノードを削除する時のコールバック /\n onDelete: (node: FileNode) => void;\n /* 詳細を表示する時のコールバック /\n onDetails?: (node: FileNode) => void;\n /* 名前変更時のコールバック /\n onRename?: (node: FileNode) => void;\n /* タグ更新時のコールバック /\n onUpdateTags?: (node: FileNode) => void;\n /* 整合性検証時のコールバック /\n onVerify?: (node: FileNode) => void;\n}\n\n/\n ファイルのバイト数を人間が読みやすい形式に変換\n /\nfunction formatSize(bytes?: number): string {\n if (bytes === undefined) return '-';\n if (bytes === 0) return '0 B';\n const k = 1024;\n const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;\n}\n\n/\n ファイルの一覧表示（詳細リスト形式）\n */\nexport function FileListView({\n nodes,\n selectedIds,\n verifyingIds = {},\n onSelect,\n onOpen,\n onDelete,\n onDetails,\n onRename,\n onUpdateTags,\n onVerify,\n}: FileListViewProps) {\n const handleRowClick = (e: React.MouseEvent, node: FileNode) => {\n if (e.metaKey \|\| e.ctrlKey) {\n if (selectedIds.includes(node.id)) {\n onSelect(selectedIds.filter((id) => id !== node.id));\n } else {\n onSelect([...selectedIds, node.id]);\n }\n } else {\n onSelect([node.id]);\n }\n };\n\n const renderNodeContent = (\n node: FileNode, isSelected: boolean,\n rowProps: React.ComponentPropsWithRef<typeof TableRow> = {},\n dragHandle?: { attributes: React.HTMLAttributes<HTMLButtonElement>; listeners?: React.HTMLAttributes<HTMLButtonElement> },\n ) => {\n const tags = node.metadata?.tags?.split(',').filter(Boolean) \|\| [];\n const verification = verifyingIds[node.id];\n\n return (\n <TableRow\n {...rowProps}\n className={cn(\n 'cursor-pointer transition-colors group select-none w-full border-b',\n isSelected && 'bg-primary/5 hover:bg-primary/10',\n rowProps.className,\n )}\n onClick={(e) => handleRowClick(e, node)}\n onDoubleClick={() => onOpen(node)}\n >\n <TableCell className='font-medium'>\n <div className='flex items-center gap-3'>\n {dragHandle ? (\n <button type='button' aria-label={`Move ${node.name}`} {...dragHandle.attributes} {...dragHandle.listeners}>\n <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />\n </button>\n ) : <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />}\n <span className='truncate'>{node.name}</span>\n {verification?.loading && (\n <Loader2 className='h-3 w-3 animate-spin text-muted-foreground' />\n )}\n {verification?.valid === true && (\n <span title='Integrity Verified'>\n <ShieldCheck className='h-3 w-3 text-green-600' />\n </span>\n )}\n {verification?.valid === false && (\n <span title={verification.error \|\| 'Integrity Failure'}>\n <ShieldAlert className='h-3 w-3 text-destructive' />\n </span>\n )}\n </div>\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'file' ? formatSize(node.size) : '--'}\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'folder' ? 'Folder' : node.contentType \|\| 'File'}\n </TableCell>\n <TableCell>\n <div className='flex flex-wrap gap-1'>\n {tags.map((tag) => (\n <Badge\n key={tag}\n variant='secondary'\n className='px-1.5 py-0 text-[10px] h-4 bg-muted/50'\n >\n {tag}\n </Badge>\n ))}\n </div>\n </TableCell>\n <TableCell className='text-right text-muted-foreground whitespace-nowrap'>\n {node.lastModified ? format(node.lastModified, 'yyyy/MM/dd HH:mm') : '--'}\n </TableCell>\n </TableRow>\n );\n };\n\n return (\n <div className='flex-1 overflow-auto'>\n <Table className='relative'>\n <TableHeader className='bg-muted/30 sticky top-0 z-10'>\n <TableRow>\n <TableHead className='w-[35%]'>Name</TableHead>\n <TableHead>Size</TableHead>\n <TableHead>Type</TableHead>\n <TableHead>Tags</TableHead>\n <TableHead className='text-right'>Modified</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {nodes.length === 0 ? (\n <TableRow>\n <TableCell colSpan={5} className='h-32 text-center text-muted-foreground'>\n No items found.\n </TableCell>\n </TableRow>\n ) : (\n nodes.map((node) => {\n const isSelected = selectedIds.includes(node.id);\n\n const withContextMenu = (row: React.ReactElement) => (\n <FileContextMenu node={node} onOpen={onOpen} onDelete={onDelete}\n onDetails={onDetails} onRename={onRename} onUpdateTags={onUpdateTags} onVerify={onVerify}>\n {row}\n </FileContextMenu>\n );\n const item = node.kind === 'file' ? (\n <Draggable id={node.id} data={node}>\n {({ setNodeRef, style, attributes, listeners, isDragging }) =>\n withContextMenu(renderNodeContent(node, isSelected,\n { ref: setNodeRef, style, className: cn(isDragging && 'z-50') },\n { attributes, listeners }))}\n </Draggable>\n ) : (\n <Droppable id={node.id} data={node}>\n {({ setNodeRef, isOver }) => withContextMenu(renderNodeContent(node, isSelected,\n { ref: setNodeRef, className: cn(isOver && 'bg-primary/10 ring-2 ring-primary/20 inset-x-0') }))}\n </Droppable>\n );\n\n return <React.Fragment key={node.id}>{item}</React.Fragment>;\n })\n )}\n </TableBody>\n </Table>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"FileListView.js","names":["FileIcon","FileIcon$1","React","formatSize","bytes","k","sizes","i","FileListView","handleRowClick","selectedIds","node","onSelect","id","renderNodeContent","tags","verification","verifyingIds","TableRow","rowProps","cn","isSelected","onOpen","TableCell","dragHandle","Loader2","ShieldCheck","ShieldAlert","Badge","tag","format","Table","TableHeader","TableHead","TableBody","nodes","withContextMenu","FileContextMenu","row","item","Draggable","isDragging","handleRef","Droppable","isDropTarget"],"sources":["../../../../src/tools/components/file-browser/FileListView.tsx"],"sourcesContent":["import React from 'react';\nimport { FileIcon } from '../ui/file-icon';\nimport type { FileNode } from './types';\nimport { format } from 'date-fns';\nimport { cn } from '../../lib/utils';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Badge } from '../ui';\nimport { FileContextMenu } from './FileContextMenu';\nimport { Draggable, Droppable } from '../ui/dnd';\nimport { ShieldCheck, ShieldAlert, Loader2 } from 'lucide-react';\n\nexport interface FileListViewProps {\n /** 表示するノード一覧 /\n nodes: FileNode[];\n /* 選択されているノードのID一覧 /\n selectedIds: string[];\n /* 検証状態のマップ /\n verifyingIds?: Record<string, { loading: boolean; valid?: boolean; error?: string }>;\n /* 選択状態が変更された時のコールバック /\n onSelect: (ids: string[]) => void;\n /* ノードがダブルクリック（またはフォルダ移動）された時のコールバック /\n onOpen: (node: FileNode) => void;\n /* ノードを削除する時のコールバック /\n onDelete: (node: FileNode) => void;\n /* 詳細を表示する時のコールバック /\n onDetails?: (node: FileNode) => void;\n /* 名前変更時のコールバック /\n onRename?: (node: FileNode) => void;\n /* タグ更新時のコールバック /\n onUpdateTags?: (node: FileNode) => void;\n /* 整合性検証時のコールバック /\n onVerify?: (node: FileNode) => void;\n}\n\n/\n ファイルのバイト数を人間が読みやすい形式に変換\n /\nfunction formatSize(bytes?: number): string {\n if (bytes === undefined) return '-';\n if (bytes === 0) return '0 B';\n const k = 1024;\n const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;\n}\n\n/\n Render a semantic table of host-owned file nodes with native icon drag handles.\n * @param props - Current nodes, selected ids, optional verification state and host\n * selection/open/delete/detail/rename/tag/verify callbacks; no storage is configured here.\n * @returns The table view; empty listings show the corresponding empty state.\n * @remarks Place standalone views under DnDProvider from the same native engine.\n * Selection and open callbacks remain host-owned. Import Appkit CSS once.\n * @example\n * ```tsx\n * import {FileListView} from '@alneas/appkit-react/tools/file-browser';\n * import {DnDProvider} from '@alneas/appkit-react/tools/ui';\n * import '@alneas/appkit-react/styles';\n * export function EmptyFiles() {\n * return <DnDProvider><FileListView nodes={[]} selectedIds={[]}\n * onSelect={() => {}} onOpen={() => {}} onDelete={() => {}} /></DnDProvider>;\n * }\n * ```\n */\nexport function FileListView({\n nodes,\n selectedIds,\n verifyingIds = {},\n onSelect,\n onOpen,\n onDelete,\n onDetails,\n onRename,\n onUpdateTags,\n onVerify,\n}: FileListViewProps) {\n const handleRowClick = (e: React.MouseEvent, node: FileNode) => {\n if (e.metaKey \|\| e.ctrlKey) {\n if (selectedIds.includes(node.id)) {\n onSelect(selectedIds.filter((id) => id !== node.id));\n } else {\n onSelect([...selectedIds, node.id]);\n }\n } else {\n onSelect([node.id]);\n }\n };\n\n const renderNodeContent = (\n node: FileNode, isSelected: boolean,\n rowProps: React.ComponentPropsWithRef<typeof TableRow> & {'data-file-drop'?: string; 'data-drop-over'?: boolean} = {},\n dragHandle?: (element: Element \| null) => void,\n ) => {\n const tags = node.metadata?.tags?.split(',').filter(Boolean) \|\| [];\n const verification = verifyingIds[node.id];\n\n return (\n <TableRow\n {...rowProps}\n className={cn(\n 'cursor-pointer transition-colors group select-none w-full border-b',\n isSelected && 'bg-primary/5 hover:bg-primary/10',\n rowProps.className,\n )}\n onClick={(e) => handleRowClick(e, node)}\n onDoubleClick={() => onOpen(node)}\n >\n <TableCell className='font-medium'>\n <div className='flex items-center gap-3'>\n {dragHandle ? (\n <button type='button' aria-label={`Move ${node.name}`} ref={dragHandle}>\n <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />\n </button>\n ) : <FileIcon kind={node.kind} contentType={node.contentType} className='h-4 w-4 shrink-0' />}\n <span className='truncate'>{node.name}</span>\n {verification?.loading && (\n <Loader2 className='h-3 w-3 animate-spin text-muted-foreground' />\n )}\n {verification?.valid === true && (\n <span title='Integrity Verified'>\n <ShieldCheck className='h-3 w-3 text-green-600' />\n </span>\n )}\n {verification?.valid === false && (\n <span title={verification.error \|\| 'Integrity Failure'}>\n <ShieldAlert className='h-3 w-3 text-destructive' />\n </span>\n )}\n </div>\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'file' ? formatSize(node.size) : '--'}\n </TableCell>\n <TableCell className='text-muted-foreground whitespace-nowrap'>\n {node.kind === 'folder' ? 'Folder' : node.contentType \|\| 'File'}\n </TableCell>\n <TableCell>\n <div className='flex flex-wrap gap-1'>\n {tags.map((tag) => (\n <Badge\n key={tag}\n variant='secondary'\n className='px-1.5 py-0 text-[10px] h-4 bg-muted/50'\n >\n {tag}\n </Badge>\n ))}\n </div>\n </TableCell>\n <TableCell className='text-right text-muted-foreground whitespace-nowrap'>\n {node.lastModified ? format(node.lastModified, 'yyyy/MM/dd HH:mm') : '--'}\n </TableCell>\n </TableRow>\n );\n };\n\n return (\n <div className='flex-1 overflow-auto'>\n <Table className='relative'>\n <TableHeader className='bg-muted/30 sticky top-0 z-10'>\n <TableRow>\n <TableHead className='w-[35%]'>Name</TableHead>\n <TableHead>Size</TableHead>\n <TableHead>Type</TableHead>\n <TableHead>Tags</TableHead>\n <TableHead className='text-right'>Modified</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {nodes.length === 0 ? (\n <TableRow>\n <TableCell colSpan={5} className='h-32 text-center text-muted-foreground'>\n No items found.\n </TableCell>\n </TableRow>\n ) : (\n nodes.map((node) => {\n const isSelected = selectedIds.includes(node.id);\n\n const withContextMenu = (row: React.ReactElement) => (\n <FileContextMenu node={node} onOpen={onOpen} onDelete={onDelete}\n onDetails={onDetails} onRename={onRename} onUpdateTags={onUpdateTags} onVerify={onVerify}>\n {row}\n </FileContextMenu>\n );\n const item = node.kind === 'file' ? (\n <Draggable id={node.id} data={node}>\n {({ ref, style, handleRef, isDragging }) =>\n withContextMenu(renderNodeContent(node, isSelected,\n { ref, style, className: cn(isDragging && 'z-50') },\n handleRef))}\n </Draggable>\n ) : (\n <Droppable id={node.id} data={node}>\n {({ ref, isDropTarget }) => withContextMenu(renderNodeContent(node, isSelected,\n { ref, 'data-file-drop': node.id, 'data-drop-over': isDropTarget, className: cn(isDropTarget && 'bg-primary/10 ring-2 ring-primary/20 inset-x-0') }))}\n </Droppable>\n );\n\n return <React.Fragment key={node.id}>{item}</React.Fragment>;\n })\n )}\n </TableBody>\n </Table>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/tools/components/file-browser/file-drop.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e,t){let{source:n,target:r}=e.operation;if(e.canceled\|\|!n\|\|!r)return null;let i=t.find(e=>e.id===n.id),a=t.find(e=>e.id===r.id);if(!i\|\|!a\|\|i.kind!==`file`\|\|a.kind!==`folder`\|\|n.data.id!==i.id\|\|n.data.kind!==`file`\|\|r.data.id!==a.id\|\|r.data.kind!==`folder`)return null;let o=a.id.endsWith(`/`)?a.id:`${a.id}/`;return i.id.startsWith(o)?null:{nodeId:i.id,targetPath:o}}exports.resolveFileDrop=e;
2	+ //# sourceMappingURL=file-drop.cjs.map

package/dist/tools/components/file-browser/file-drop.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"file-drop.cjs","names":["resolveFileDrop","event","source","target","file","nodes","node","folder","targetPath"],"sources":["../../../../src/tools/components/file-browser/file-drop.ts"],"sourcesContent":["import type {FileNode} from './types';\ninterface FileDrop {\n canceled: boolean;\n operation: {\n source: {id: string | number; data: Record<string, unknown>} | null | undefined;\n target: {id: string | number; data: Record<string, unknown>} | null | undefined;\n };\n}\n/** Resolve against the live listing, not the metadata captured before navigation. */\nexport function resolveFileDrop(event: FileDrop, nodes: readonly FileNode[]) {\n const {source, target} = event.operation;\n if (event.canceled || !source || !target) return null;\n const file = nodes.find(node => node.id === source.id);\n const folder = nodes.find(node => node.id === target.id);\n if (!file || !folder || file.kind !== 'file' || folder.kind !== 'folder') return null;\n if (source.data.id !== file.id || source.data.kind !== 'file' || target.data.id !== folder.id || target.data.kind !== 'folder') return null;\n const targetPath = folder.id.endsWith('/') ? folder.id : `${folder.id}/`;\n if (file.id.startsWith(targetPath)) return null;\n return {nodeId: file.id, targetPath};\n}\n"],"mappings":"A,gFASA,SAAgBA,EAAgB,EAAiB,EAA4B,CAC3E,GAAM,CAAC,SAAQ,UAAUC,EAAM,UAC/B,GAAIA,EAAM,UAAY,CAACC,GAAU,CAACC,EAAQ,OAAO,KACjD,IAAMC,EAAOC,EAAM,KAAK,GAAQC,EAAK,KAAOJ,EAAO,EAAE,EAC/CK,EAASF,EAAM,KAAK,GAAQC,EAAK,KAAOH,EAAO,EAAE,EAEvD,GADI,CAACC,GAAQ,CAACG,GAAUH,EAAK,OAAS,QAAUG,EAAO,OAAS,UAC5DL,EAAO,KAAK,KAAOE,EAAK,IAAMF,EAAO,KAAK,OAAS,QAAUC,EAAO,KAAK,KAAOI,EAAO,IAAMJ,EAAO,KAAK,OAAS,SAAU,OAAO,KACvI,IAAMK,EAAaD,EAAO,GAAG,SAAS,GAAG,EAAIA,EAAO,GAAK,GAAGA,EAAO,GAAG,GAEtE,OADIH,EAAK,GAAG,WAAWI,CAAU,EAAU,KACpC,CAAC,OAAQJ,EAAK,GAAI,YAAU,CACrC,C"}

package/dist/tools/components/file-browser/file-drop.d.cts ADDED Viewed

@@ -0,0 +1,20 @@
+import { FileNode } from './types.cjs';
+interface FileDrop {
+    canceled: boolean;
+    operation: {
+        source: {
+            id: string | number;
+            data: Record<string, unknown>;
+        } | null | undefined;
+        target: {
+            id: string | number;
+            data: Record<string, unknown>;
+        } | null | undefined;
+    };
+}
+/** Resolve against the live listing, not the metadata captured before navigation. */
+export declare function resolveFileDrop(event: FileDrop, nodes: readonly FileNode[]): {
+    nodeId: string;
+    targetPath: string;
+} | null;
+export {};

package/dist/tools/components/file-browser/file-drop.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { FileNode } from './types.js';
+interface FileDrop {
+    canceled: boolean;
+    operation: {
+        source: {
+            id: string | number;
+            data: Record<string, unknown>;
+        } | null | undefined;
+        target: {
+            id: string | number;
+            data: Record<string, unknown>;
+        } | null | undefined;
+    };
+}
+/** Resolve against the live listing, not the metadata captured before navigation. */
+export declare function resolveFileDrop(event: FileDrop, nodes: readonly FileNode[]): {
+    nodeId: string;
+    targetPath: string;
+} | null;
+export {};

package/dist/tools/components/file-browser/file-drop.js ADDED Viewed

@@ -0,0 +1,17 @@
+"use client";
+//#region src/tools/components/file-browser/file-drop.ts
+function e(e, t) {
+	let { source: n, target: r } = e.operation;
+	if (e.canceled || !n || !r) return null;
+	let i = t.find((e) => e.id === n.id), a = t.find((e) => e.id === r.id);
+	if (!i || !a || i.kind !== "file" || a.kind !== "folder" || n.data.id !== i.id || n.data.kind !== "file" || r.data.id !== a.id || r.data.kind !== "folder") return null;
+	let o = a.id.endsWith("/") ? a.id : `${a.id}/`;
+	return i.id.startsWith(o) ? null : {
+		nodeId: i.id,
+		targetPath: o
+	};
+}
+//#endregion
+export { e as resolveFileDrop };
+//# sourceMappingURL=file-drop.js.map

package/dist/tools/components/file-browser/file-drop.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"file-drop.js","names":["resolveFileDrop","event","source","target","file","nodes","node","folder","targetPath"],"sources":["../../../../src/tools/components/file-browser/file-drop.ts"],"sourcesContent":["import type {FileNode} from './types';\ninterface FileDrop {\n canceled: boolean;\n operation: {\n source: {id: string | number; data: Record<string, unknown>} | null | undefined;\n target: {id: string | number; data: Record<string, unknown>} | null | undefined;\n };\n}\n/** Resolve against the live listing, not the metadata captured before navigation. */\nexport function resolveFileDrop(event: FileDrop, nodes: readonly FileNode[]) {\n const {source, target} = event.operation;\n if (event.canceled || !source || !target) return null;\n const file = nodes.find(node => node.id === source.id);\n const folder = nodes.find(node => node.id === target.id);\n if (!file || !folder || file.kind !== 'file' || folder.kind !== 'folder') return null;\n if (source.data.id !== file.id || source.data.kind !== 'file' || target.data.id !== folder.id || target.data.kind !== 'folder') return null;\n const targetPath = folder.id.endsWith('/') ? folder.id : `${folder.id}/`;\n if (file.id.startsWith(targetPath)) return null;\n return {nodeId: file.id, targetPath};\n}\n"],"mappings":";;AASA,SAAgBA,EAAgB,GAAiB,GAA4B;CAC3E,IAAM,EAAC,WAAQ,cAAUC,EAAM;CAC/B,IAAIA,EAAM,YAAY,CAACC,KAAU,CAACC,GAAQ,OAAO;CACjD,IAAMC,IAAOC,EAAM,MAAK,MAAQC,EAAK,OAAOJ,EAAO,EAAE,GAC/CK,IAASF,EAAM,MAAK,MAAQC,EAAK,OAAOH,EAAO,EAAE;CAEvD,IADI,CAACC,KAAQ,CAACG,KAAUH,EAAK,SAAS,UAAUG,EAAO,SAAS,YAC5DL,EAAO,KAAK,OAAOE,EAAK,MAAMF,EAAO,KAAK,SAAS,UAAUC,EAAO,KAAK,OAAOI,EAAO,MAAMJ,EAAO,KAAK,SAAS,UAAU,OAAO;CACvI,IAAMK,IAAaD,EAAO,GAAG,SAAS,GAAG,IAAIA,EAAO,KAAK,GAAGA,EAAO,GAAG;CAEtE,OADIH,EAAK,GAAG,WAAWI,CAAU,IAAU,OACpC;EAAC,QAAQJ,EAAK;EAAI;CAAU;AACrC"}

package/dist/tools/components/filter/use-filter.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./filter-types.cjs");let t=require("react");function n(e,t){if(t==null||t===``)return;let{type:n,operator:r}=e;if(n===`boolean`)return t;if(n===`array`&&Array.isArray(t))return t.length===0?void 0:{$in:t};if(n===`string`&&typeof t==`string`){if(!t.trim())return;if(r===`contains`)return{$regex:t,$options:`i`};if(r===`startsWith`)return{$regex:`^${t}`,$options:`i`};if(r===`endsWith`)return{$regex:`${t}$`,$options:`i`}}if(r===`range`&&typeof t==`object`&&!Array.isArray(t)&&!(t instanceof Date)){let e=t,n={};return e.min!==void 0&&e.min!==null&&(n.$gte=e.min),e.max!==void 0&&e.max!==null&&(n.$lte=e.max),Object.keys(n).length>0?n:void 0}return t}function r(e){if(e==null||typeof e==`string`&&e.trim()===``||Array.isArray(e)&&e.length===0)return!0;if(typeof e==`object`&&!(e instanceof Date)){let t=e;return t.min===void 0&&t.max===void 0}return!1}function i(e,t){let n={};for(let r of e)n[r.field]=r.defaultValue??t?.[r.field]??void 0;return{...n,...t}}function a(a){let{schema:o,fields:s,defaultValues:c,onChange:l}=a,u=(0,t.useMemo)(()=>JSON.stringify(s),[s]),[d,f]=(0,t.useState)(s),[p,m]=(0,t.useState)(u);u!==p&&(f(s),m(u));let h=(0,t.useMemo)(()=>d.map(t=>e.resolveFilterField(t,o)),[d,o]),g=(0,t.useMemo)(()=>i(h,c),[h,c]),[_,v]=(0,t.useState)(g),y=(0,t.useRef)(c);(0,t.useEffect)(()=>{JSON.stringify(c)!==JSON.stringify(y.current)&&v(i(h,c)),y.current=c},[c,h]);let b=(0,t.useMemo)(()=>{let e={};for(let t of h){let r=_[t.field],i=n(t,r);i!==void 0&&(e[t.field]=i)}return e},[_,h]),x=JSON.stringify(b),S=(0,t.useMemo)(()=>JSON.parse(x),[x]),C=(0,t.useMemo)(()=>h.every(e=>r(_[e.field])),[_,h]),w=(0,t.useRef)(l);(0,t.useEffect)(()=>{w.current=l},[l]);let T=(0,t.useRef)({});return(0,t.useEffect)(()=>{JSON.stringify(S)!==JSON.stringify(T.current)&&(T.current=S,w.current?.(S))},[S]),{values:_,filter:S,fields:h,setField:(0,t.useCallback)((e,t)=>{v(n=>({...n,[e]:t}))},[]),setValues:(0,t.useCallback)(e=>{v(t=>({...t,...e}))},[]),reset:(0,t.useCallback)(()=>{v(g)},[g]),isEmpty:C}}function o(e,t,n){let r=t||Object.keys(e),i=new Set(n||[]);return r.filter(t=>!i.has(t)&&e[t]).map(e=>e)}exports.createFieldsFromSchema=o,exports.useFilter=a,exports.valueToQuery=n;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./filter-types.cjs");let t=require("react");function n(e,t){if(t==null||t===``)return;let{type:n,operator:r}=e;if(n===`boolean`)return t;if(n===`array`&&Array.isArray(t))return t.length===0?void 0:{$in:t};if(n===`string`&&typeof t==`string`){if(!t.trim())return;if(r===`contains`)return{$regex:t,$options:`i`};if(r===`startsWith`)return{$regex:`^${t}`,$options:`i`};if(r===`endsWith`)return{$regex:`${t}$`,$options:`i`}}if(r===`range`&&typeof t==`object`&&!Array.isArray(t)&&!(t instanceof Date)){let e=t,n={};return e.min!==void 0&&e.min!==null&&(n.$gte=e.min),e.max!==void 0&&e.max!==null&&(n.$lte=e.max),Object.keys(n).length>0?n:void 0}return t}function r(e){if(e==null||typeof e==`string`&&e.trim()===``||Array.isArray(e)&&e.length===0)return!0;if(typeof e==`object`&&!(e instanceof Date)){let t=e;return t.min===void 0&&t.max===void 0}return!1}function i(e,t){let n={};for(let r of e)n[r.field]=r.defaultValue??t?.[r.field]??void 0;return{...n,...t}}function a(a){let{schema:o,fields:s,defaultValues:c,onChange:l}=a,u=(0,t.useMemo)(()=>JSON.stringify(s),[s]),[d,f]=(0,t.useState)(s),[p,m]=(0,t.useState)(u);u!==p&&(f(s),m(u));let h=(0,t.useMemo)(()=>d.map(t=>e.resolveFilterField(t,o)),[d,o]),g=(0,t.useMemo)(()=>i(h,c),[h,c]),[_,v]=(0,t.useState)(g),y=(0,t.useRef)(c);(0,t.useEffect)(()=>{JSON.stringify(c)!==JSON.stringify(y.current)&&v(i(h,c)),y.current=c},[c,h]);let b=(0,t.useMemo)(()=>{let e={};for(let t of h){let r=_[t.field],i=n(t,r);i!==void 0&&(e[t.field]=i)}return e},[_,h]),x=JSON.stringify(b),S=(0,t.useMemo)(()=>JSON.parse(x),[x]),C=(0,t.useMemo)(()=>h.every(e=>r(_[e.field])),[_,h]),w=(0,t.useEffectEvent)(e=>{l?.(e)}),T=(0,t.useRef)({});return(0,t.useEffect)(()=>{JSON.stringify(S)!==JSON.stringify(T.current)&&(T.current=S,w(S))},[S]),{values:_,filter:S,fields:h,setField:(0,t.useCallback)((e,t)=>{v(n=>({...n,[e]:t}))},[]),setValues:(0,t.useCallback)(e=>{v(t=>({...t,...e}))},[]),reset:(0,t.useCallback)(()=>{v(g)},[g]),isEmpty:C}}function o(e,t,n){let r=t||Object.keys(e),i=new Set(n||[]);return r.filter(t=>!i.has(t)&&e[t]).map(e=>e)}exports.createFieldsFromSchema=o,exports.useFilter=a,exports.valueToQuery=n;
 //# sourceMappingURL=use-filter.cjs.map

package/dist/tools/components/filter/use-filter.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-filter.cjs","names":["useMemo","useState","resolveFilterField","useRef","useCallback","require_tools_components_filter_filter_types","react","valueToQuery","value","field","type","operator","range","query","isValueEmpty","buildDefaultValues","defaults","fields","userDefaults","useFilter","fieldSpecs","options","currentFieldSpecsStr","stabilizedFieldSpecs","setStabilizedFieldSpecs","prevFieldSpecsStr","setPrevFieldSpecsStr","resolvedFields","spec","schema","defaultValues","values","setValuesState","prevUserDefaultsRef","rawFilter","result","queryValue","filterJson","filter","isEmpty","onChangeRef","onChange","lastSentFilterRef","prev","newValues","createFieldsFromSchema","keys","include","excludeSet","exclude","key"],"sources":["../../../../src/tools/components/filter/use-filter.ts"],"sourcesContent":["/*\n @fileoverview フィルター状態管理フック\n \n ヘッドレスなフィルター状態管理とMongoDBスタイルのクエリ生成を提供します。\n * UI無しでもクエリビルダーとして使用できます。\n \n @module filter/use-filter\n /\n\nimport { useState, useMemo, useCallback, useEffect, useRef } from 'react';\nimport {\n CollectionSchema,\n FilterResult,\n FilterFieldSpec,\n FilterValue,\n FilterValues,\n RangeValue,\n ResolvedFilterField,\n resolveFilterField,\n UseFilterOptions,\n} from './filter-types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/\n useFilterフックの戻り値\n * Return type for the useFilter hook\n /\nexport interface UseFilterReturn {\n /* 現在のフィルター値 / Current filter values /\n values: FilterValues;\n /* MongoDBスタイルのフィルターオブジェクト / MongoDB-style filter object /\n filter: FilterResult;\n /* 解決済みフィールド定義 / Resolved field definitions /\n fields: ResolvedFilterField[];\n /* 単一フィールドの値を設定 / Set value for a single field /\n setField: (field: string, value: FilterValue) => void;\n /* 複数フィールドの値を設定 / Set multiple field values /\n setValues: (values: Partial<FilterValues>) => void;\n /* フィルターをリセット / Reset filter to defaults /\n reset: () => void;\n /* フィルターが空かどうか / Check if filter is empty /\n isEmpty: boolean;\n}\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/\n フィルター値をMongoDBスタイルのクエリに変換する\n * Converts a filter value to MongoDB-style query format\n \n @param {ResolvedFilterField} field - フィールド定義 / Field definition\n * @param {FilterValue} value - フィルター値 / Filter value\n * @returns {unknown} MongoDBクエリ値 / MongoDB query value\n /\nexport function valueToQuery(field: ResolvedFilterField, value: FilterValue): unknown {\n if (value === null \|\| value === undefined \|\| value === '') {\n return undefined;\n }\n\n const { type, operator } = field;\n\n // Boolean: return as-is\n if (type === 'boolean') {\n return value;\n }\n\n // Array type (checkbox multi): use $in\n if (type === 'array' && Array.isArray(value)) {\n if (value.length === 0) return undefined;\n return { $in: value };\n }\n\n // String operators: use $regex\n if (type === 'string' && typeof value === 'string') {\n if (!value.trim()) return undefined;\n\n if (operator === 'contains') {\n return { $regex: value, $options: 'i' };\n }\n if (operator === 'startsWith') {\n return { $regex: `^${value}`, $options: 'i' };\n }\n if (operator === 'endsWith') {\n return { $regex: `${value}$`, $options: 'i' };\n }\n // If 'eq', it falls through to the default exact match at the end\n }\n\n // Range operator for number/date\n if (\n operator === 'range' &&\n typeof value === 'object' &&\n !Array.isArray(value) &&\n !(value instanceof Date)\n ) {\n const range = value as RangeValue<number \| Date>;\n const query: Record<string, unknown> = {};\n if (range.min !== undefined && range.min !== null) {\n query.$gte = range.min;\n }\n if (range.max !== undefined && range.max !== null) {\n query.$lte = range.max;\n }\n return Object.keys(query).length > 0 ? query : undefined;\n }\n\n // Default: exact match\n return value;\n}\n\n/\n フィルター値が空かどうかを判定する\n * Checks if a filter value is considered empty\n \n @param {FilterValue} value - フィルター値 / Filter value\n * @returns {boolean} 空の場合true / True if empty\n /\nfunction isValueEmpty(value: FilterValue): boolean {\n if (value === null \|\| value === undefined) return true;\n if (typeof value === 'string' && value.trim() === '') return true;\n if (Array.isArray(value) && value.length === 0) return true;\n if (typeof value === 'object' && !(value instanceof Date)) {\n const range = value as RangeValue<unknown>;\n return range.min === undefined && range.max === undefined;\n }\n return false;\n}\n\n/\n デフォルト値マップを構築する\n * Builds the default values map from field definitions\n \n @param {ResolvedFilterField[]} fields - フィールド定義 / Field definitions\n * @param {FilterValues} [userDefaults] - ユーザー指定のデフォルト値 / User-provided defaults\n * @returns {FilterValues} デフォルト値マップ / Default values map\n /\nfunction buildDefaultValues(\n fields: ResolvedFilterField[],\n userDefaults?: FilterValues,\n): FilterValues {\n const defaults: FilterValues = {};\n\n for (const field of fields) {\n defaults[field.field] = field.defaultValue ?? userDefaults?.[field.field] ?? undefined;\n }\n\n return { ...defaults, ...userDefaults };\n}\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/\n フィルター状態管理フック\n * Headless hook for managing filter state and generating MongoDB queries\n \n スキーマから型を推論し、MongoDBスタイルのフィルターオブジェクトを生成します。\n * UI無しでクエリビルダーとして使用することもできます。\n \n @param {UseFilterOptions} options - フックオプション / Hook options\n * @returns {UseFilterReturn} フィルター状態とアクション / Filter state and actions\n \n @example\n * // Basic usage with schema\n * const { filter, values, setField, reset } = useFilter({\n * schema: userSchema,\n * fields: ['name', 'age', 'status'],\n * });\n \n // Use filter with useFind\n * const { data } = useFind('users', filter);\n \n @example\n * // With operator overrides\n * const { filter } = useFilter({\n * schema: userSchema,\n * fields: [\n * 'name',\n * { field: 'age', operator: 'range' },\n * { field: 'createdAt', operator: 'range' },\n * ],\n * });\n \n @example\n * // Headless query builder (no UI)\n * const { filter, setField } = useFilter({\n * fields: [\n * { field: 'status', operator: 'eq' },\n * ],\n * });\n * setField('status', 'active');\n * // filter = { status: 'active' }\n /\nexport function useFilter(options: UseFilterOptions): UseFilterReturn {\n const { schema, fields: fieldSpecs, defaultValues: userDefaults, onChange } = options;\n\n // Stabilize fieldSpecs to avoid unnecessary re-resolving\n const currentFieldSpecsStr = useMemo(() => JSON.stringify(fieldSpecs), [fieldSpecs]);\n const [stabilizedFieldSpecs, setStabilizedFieldSpecs] = useState(fieldSpecs);\n const [prevFieldSpecsStr, setPrevFieldSpecsStr] = useState(currentFieldSpecsStr);\n\n if (currentFieldSpecsStr !== prevFieldSpecsStr) {\n setStabilizedFieldSpecs(fieldSpecs);\n setPrevFieldSpecsStr(currentFieldSpecsStr);\n }\n\n // Resolve field specifications\n const resolvedFields = useMemo(() => {\n return stabilizedFieldSpecs.map((spec) => resolveFilterField(spec, schema));\n }, [stabilizedFieldSpecs, schema]);\n\n // Build default values\n const defaultValues = useMemo(() => {\n return buildDefaultValues(resolvedFields, userDefaults);\n }, [resolvedFields, userDefaults]);\n\n // Filter values state\n const [values, setValuesState] = useState<FilterValues>(defaultValues);\n\n // Sync state if userDefaults changes (from parent component)\n const prevUserDefaultsRef = useRef(userDefaults);\n useEffect(() => {\n if (JSON.stringify(userDefaults) !== JSON.stringify(prevUserDefaultsRef.current)) {\n setValuesState(buildDefaultValues(resolvedFields, userDefaults));\n }\n prevUserDefaultsRef.current = userDefaults;\n }, [userDefaults, resolvedFields]);\n\n // Generate MongoDB-style filter\n const rawFilter = useMemo(() => {\n const result: FilterResult = {};\n\n for (const field of resolvedFields) {\n const value = values[field.field];\n const queryValue = valueToQuery(field, value);\n\n if (queryValue !== undefined) {\n result[field.field] = queryValue;\n }\n }\n\n return result;\n }, [values, resolvedFields]);\n\n const filterJson = JSON.stringify(rawFilter);\n const filter = useMemo(() => {\n return JSON.parse(filterJson);\n }, [filterJson]);\n\n // Check if filter is empty\n const isEmpty = useMemo(() => {\n return resolvedFields.every((field) => isValueEmpty(values[field.field]));\n }, [values, resolvedFields]);\n\n // Keep a stable ref to onChange to avoid stale closures\n const onChangeRef = useRef(onChange);\n useEffect(() => {\n onChangeRef.current = onChange;\n }, [onChange]);\n\n // Trigger onChange callback when filter changes, preventing loops with deep comparison ref\n const lastSentFilterRef = useRef<FilterResult>({});\n useEffect(() => {\n if (JSON.stringify(filter) !== JSON.stringify(lastSentFilterRef.current)) {\n lastSentFilterRef.current = filter;\n onChangeRef.current?.(filter);\n }\n }, [filter]);\n\n // Set single field value\n const setField = useCallback((field: string, value: FilterValue) => {\n setValuesState((prev) => ({\n ...prev,\n [field]: value,\n }));\n }, []);\n\n // Set multiple field values\n const setValues = useCallback((newValues: Partial<FilterValues>) => {\n setValuesState((prev) => ({\n ...prev,\n ...newValues,\n }));\n }, []);\n\n // Reset to default values\n const reset = useCallback(() => {\n setValuesState(defaultValues);\n }, [defaultValues]);\n\n return {\n values,\n filter,\n fields: resolvedFields,\n setField,\n setValues,\n reset,\n isEmpty,\n };\n}\n\n// =============================================================================\n// Utility Exports\n// =============================================================================\n\n/\n スキーマからフィルターフィールドを自動生成する\n * Auto-generates filter fields from a schema\n \n @param {CollectionSchema} schema - コレクションスキーマ / Collection schema\n * @param {string[]} [include] - 含めるフィールド / Fields to include (all if not specified)\n * @param {string[]} [exclude] - 除外するフィールド / Fields to exclude\n * @returns {FilterFieldSpec[]} フィルターフィールド配列 / Filter field specifications\n \n @example\n * const fields = createFieldsFromSchema(userSchema, ['name', 'age', 'status']);\n */\nexport function createFieldsFromSchema(\n schema: CollectionSchema,\n include?: string[],\n exclude?: string[],\n): FilterFieldSpec[] {\n const keys = include \|\| Object.keys(schema);\n const excludeSet = new Set(exclude \|\| []);\n\n return keys.filter((key) => !excludeSet.has(key) && schema[key]).map((key) => key);\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"use-filter.cjs","names":["useMemo","useState","resolveFilterField","useRef","useEffectEvent","useCallback","require_tools_components_filter_filter_types","react","valueToQuery","value","field","type","operator","range","query","isValueEmpty","buildDefaultValues","defaults","fields","userDefaults","useFilter","fieldSpecs","options","currentFieldSpecsStr","stabilizedFieldSpecs","setStabilizedFieldSpecs","prevFieldSpecsStr","setPrevFieldSpecsStr","resolvedFields","spec","schema","defaultValues","values","setValuesState","prevUserDefaultsRef","rawFilter","result","queryValue","filterJson","filter","isEmpty","onFilterChange","onChange","nextFilter","lastSentFilterRef","prev","newValues","createFieldsFromSchema","keys","include","excludeSet","exclude","key"],"sources":["../../../../src/tools/components/filter/use-filter.ts"],"sourcesContent":["/*\n @fileoverview フィルター状態管理フック\n \n ヘッドレスなフィルター状態管理とMongoDBスタイルのクエリ生成を提供します。\n * UI無しでもクエリビルダーとして使用できます。\n \n @module filter/use-filter\n /\n\nimport { useState, useMemo, useCallback, useEffect, useEffectEvent, useRef } from 'react';\nimport {\n CollectionSchema,\n FilterResult,\n FilterFieldSpec,\n FilterValue,\n FilterValues,\n RangeValue,\n ResolvedFilterField,\n resolveFilterField,\n UseFilterOptions,\n} from './filter-types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/\n useFilterフックの戻り値\n * Return type for the useFilter hook\n /\nexport interface UseFilterReturn {\n /* 現在のフィルター値 / Current filter values /\n values: FilterValues;\n /* MongoDBスタイルのフィルターオブジェクト / MongoDB-style filter object /\n filter: FilterResult;\n /* 解決済みフィールド定義 / Resolved field definitions /\n fields: ResolvedFilterField[];\n /* 単一フィールドの値を設定 / Set value for a single field /\n setField: (field: string, value: FilterValue) => void;\n /* 複数フィールドの値を設定 / Set multiple field values /\n setValues: (values: Partial<FilterValues>) => void;\n /* フィルターをリセット / Reset filter to defaults /\n reset: () => void;\n /* フィルターが空かどうか / Check if filter is empty /\n isEmpty: boolean;\n}\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/\n フィルター値をMongoDBスタイルのクエリに変換する\n * Converts a filter value to MongoDB-style query format\n \n @param {ResolvedFilterField} field - フィールド定義 / Field definition\n * @param {FilterValue} value - フィルター値 / Filter value\n * @returns {unknown} MongoDBクエリ値 / MongoDB query value\n /\nexport function valueToQuery(field: ResolvedFilterField, value: FilterValue): unknown {\n if (value === null \|\| value === undefined \|\| value === '') {\n return undefined;\n }\n\n const { type, operator } = field;\n\n // Boolean: return as-is\n if (type === 'boolean') {\n return value;\n }\n\n // Array type (checkbox multi): use $in\n if (type === 'array' && Array.isArray(value)) {\n if (value.length === 0) return undefined;\n return { $in: value };\n }\n\n // String operators: use $regex\n if (type === 'string' && typeof value === 'string') {\n if (!value.trim()) return undefined;\n\n if (operator === 'contains') {\n return { $regex: value, $options: 'i' };\n }\n if (operator === 'startsWith') {\n return { $regex: `^${value}`, $options: 'i' };\n }\n if (operator === 'endsWith') {\n return { $regex: `${value}$`, $options: 'i' };\n }\n // If 'eq', it falls through to the default exact match at the end\n }\n\n // Range operator for number/date\n if (\n operator === 'range' &&\n typeof value === 'object' &&\n !Array.isArray(value) &&\n !(value instanceof Date)\n ) {\n const range = value as RangeValue<number \| Date>;\n const query: Record<string, unknown> = {};\n if (range.min !== undefined && range.min !== null) {\n query.$gte = range.min;\n }\n if (range.max !== undefined && range.max !== null) {\n query.$lte = range.max;\n }\n return Object.keys(query).length > 0 ? query : undefined;\n }\n\n // Default: exact match\n return value;\n}\n\n/\n フィルター値が空かどうかを判定する\n * Checks if a filter value is considered empty\n \n @param {FilterValue} value - フィルター値 / Filter value\n * @returns {boolean} 空の場合true / True if empty\n /\nfunction isValueEmpty(value: FilterValue): boolean {\n if (value === null \|\| value === undefined) return true;\n if (typeof value === 'string' && value.trim() === '') return true;\n if (Array.isArray(value) && value.length === 0) return true;\n if (typeof value === 'object' && !(value instanceof Date)) {\n const range = value as RangeValue<unknown>;\n return range.min === undefined && range.max === undefined;\n }\n return false;\n}\n\n/\n デフォルト値マップを構築する\n * Builds the default values map from field definitions\n \n @param {ResolvedFilterField[]} fields - フィールド定義 / Field definitions\n * @param {FilterValues} [userDefaults] - ユーザー指定のデフォルト値 / User-provided defaults\n * @returns {FilterValues} デフォルト値マップ / Default values map\n /\nfunction buildDefaultValues(\n fields: ResolvedFilterField[],\n userDefaults?: FilterValues,\n): FilterValues {\n const defaults: FilterValues = {};\n\n for (const field of fields) {\n defaults[field.field] = field.defaultValue ?? userDefaults?.[field.field] ?? undefined;\n }\n\n return { ...defaults, ...userDefaults };\n}\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/\n フィルター状態管理フック\n * Headless hook for managing filter state and generating MongoDB queries\n \n スキーマから型を推論し、MongoDBスタイルのフィルターオブジェクトを生成します。\n * UI無しでクエリビルダーとして使用することもできます。\n \n @remarks Filter changes call the latest committed onChange callback. Replacing only\n * the callback does not replay an unchanged filter; deep-equal queries are deduplicated.\n \n @param {UseFilterOptions} options - フックオプション / Hook options\n * @returns {UseFilterReturn} フィルター状態とアクション / Filter state and actions\n \n @example\n * // Basic usage with schema\n * const { filter, values, setField, reset } = useFilter({\n * schema: userSchema,\n * fields: ['name', 'age', 'status'],\n * });\n \n // Use filter with useFind\n * const { data } = useFind('users', filter);\n \n @example\n * // With operator overrides\n * const { filter } = useFilter({\n * schema: userSchema,\n * fields: [\n * 'name',\n * { field: 'age', operator: 'range' },\n * { field: 'createdAt', operator: 'range' },\n * ],\n * });\n \n @example\n * // Headless query builder (no UI)\n * const { filter, setField } = useFilter({\n * fields: [\n * { field: 'status', operator: 'eq' },\n * ],\n * });\n * setField('status', 'active');\n * // filter = { status: 'active' }\n /\nexport function useFilter(options: UseFilterOptions): UseFilterReturn {\n const { schema, fields: fieldSpecs, defaultValues: userDefaults, onChange } = options;\n\n // Stabilize fieldSpecs to avoid unnecessary re-resolving\n const currentFieldSpecsStr = useMemo(() => JSON.stringify(fieldSpecs), [fieldSpecs]);\n const [stabilizedFieldSpecs, setStabilizedFieldSpecs] = useState(fieldSpecs);\n const [prevFieldSpecsStr, setPrevFieldSpecsStr] = useState(currentFieldSpecsStr);\n\n if (currentFieldSpecsStr !== prevFieldSpecsStr) {\n setStabilizedFieldSpecs(fieldSpecs);\n setPrevFieldSpecsStr(currentFieldSpecsStr);\n }\n\n // Resolve field specifications\n const resolvedFields = useMemo(() => {\n return stabilizedFieldSpecs.map((spec) => resolveFilterField(spec, schema));\n }, [stabilizedFieldSpecs, schema]);\n\n // Build default values\n const defaultValues = useMemo(() => {\n return buildDefaultValues(resolvedFields, userDefaults);\n }, [resolvedFields, userDefaults]);\n\n // Filter values state\n const [values, setValuesState] = useState<FilterValues>(defaultValues);\n\n // Sync state if userDefaults changes (from parent component)\n const prevUserDefaultsRef = useRef(userDefaults);\n useEffect(() => {\n if (JSON.stringify(userDefaults) !== JSON.stringify(prevUserDefaultsRef.current)) {\n setValuesState(buildDefaultValues(resolvedFields, userDefaults));\n }\n prevUserDefaultsRef.current = userDefaults;\n }, [userDefaults, resolvedFields]);\n\n // Generate MongoDB-style filter\n const rawFilter = useMemo(() => {\n const result: FilterResult = {};\n\n for (const field of resolvedFields) {\n const value = values[field.field];\n const queryValue = valueToQuery(field, value);\n\n if (queryValue !== undefined) {\n result[field.field] = queryValue;\n }\n }\n\n return result;\n }, [values, resolvedFields]);\n\n const filterJson = JSON.stringify(rawFilter);\n const filter = useMemo(() => {\n return JSON.parse(filterJson);\n }, [filterJson]);\n\n // Check if filter is empty\n const isEmpty = useMemo(() => {\n return resolvedFields.every((field) => isValueEmpty(values[field.field]));\n }, [values, resolvedFields]);\n\n const onFilterChange = useEffectEvent((nextFilter: FilterResult) => {\n onChange?.(nextFilter);\n });\n\n // Trigger onChange callback when filter changes, preventing loops with deep comparison ref\n const lastSentFilterRef = useRef<FilterResult>({});\n useEffect(() => {\n if (JSON.stringify(filter) !== JSON.stringify(lastSentFilterRef.current)) {\n lastSentFilterRef.current = filter;\n onFilterChange(filter);\n }\n }, [filter]);\n\n // Set single field value\n const setField = useCallback((field: string, value: FilterValue) => {\n setValuesState((prev) => ({\n ...prev,\n [field]: value,\n }));\n }, []);\n\n // Set multiple field values\n const setValues = useCallback((newValues: Partial<FilterValues>) => {\n setValuesState((prev) => ({\n ...prev,\n ...newValues,\n }));\n }, []);\n\n // Reset to default values\n const reset = useCallback(() => {\n setValuesState(defaultValues);\n }, [defaultValues]);\n\n return {\n values,\n filter,\n fields: resolvedFields,\n setField,\n setValues,\n reset,\n isEmpty,\n };\n}\n\n// =============================================================================\n// Utility Exports\n// =============================================================================\n\n/\n スキーマからフィルターフィールドを自動生成する\n * Auto-generates filter fields from a schema\n \n @param {CollectionSchema} schema - コレクションスキーマ / Collection schema\n * @param {string[]} [include] - 含めるフィールド / Fields to include (all if not specified)\n * @param {string[]} [exclude] - 除外するフィールド / Fields to exclude\n * @returns {FilterFieldSpec[]} フィルターフィールド配列 / Filter field specifications\n \n @example\n * const fields = createFieldsFromSchema(userSchema, ['name', 'age', 'status']);\n */\nexport function createFieldsFromSchema(\n schema: CollectionSchema,\n include?: string[],\n exclude?: string[],\n): FilterFieldSpec[] {\n const keys = include \|\| Object.keys(schema);\n const excludeSet = new Set(exclude \|\| []);\n\n return keys.filter((key) => !excludeSet.has(key) && schema[key]).map((key) => key);\n}\n"],"mappings":"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"}

package/dist/tools/components/filter/use-filter.d.cts CHANGED Viewed

@@ -35,6 +35,9 @@ export declare function valueToQuery(field: ResolvedFilterField, value: FilterVa
  * スキーマから型を推論し、MongoDBスタイルのフィルターオブジェクトを生成します。
  * UI無しでクエリビルダーとして使用することもできます。
  *
+ * @remarks Filter changes call the latest committed onChange callback. Replacing only
+ * the callback does not replay an unchanged filter; deep-equal queries are deduplicated.
+ *
  * @param {UseFilterOptions} options - フックオプション / Hook options
  * @returns {UseFilterReturn} フィルター状態とアクション / Filter state and actions
  *

package/dist/tools/components/filter/use-filter.d.ts CHANGED Viewed

@@ -35,6 +35,9 @@ export declare function valueToQuery(field: ResolvedFilterField, value: FilterVa
  * スキーマから型を推論し、MongoDBスタイルのフィルターオブジェクトを生成します。
  * UI無しでクエリビルダーとして使用することもできます。
  *
+ * @remarks Filter changes call the latest committed onChange callback. Replacing only
+ * the callback does not replay an unchanged filter; deep-equal queries are deduplicated.
+ *
  * @param {UseFilterOptions} options - フックオプション / Hook options
  * @returns {UseFilterReturn} フィルター状態とアクション / Filter state and actions
  *