ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / urbaoubp / fsteam.rs / wp-content / plugins / code-snippets / js / components / Import / FromFileUpload / hooks

import { useState } from 'react'
import type { ImportableSnippet } from '../../../../hooks/useFileUploadAPI'

export const useSnippetSelection = (availableSnippets: ImportableSnippet[]) => {
	const [selectedSnippets, setSelectedSnippets] = useState<Set<number | string>>(new Set())

const handleSnippetToggle = (snippetId: number | string) => {
		const newSelected = new Set(selectedSnippets)
		if (newSelected.has(snippetId)) {
			newSelected.delete(snippetId)
		} else {
			newSelected.add(snippetId)
		}
		setSelectedSnippets(newSelected)
	}

const handleSelectAll = () => {
		if (selectedSnippets.size === availableSnippets.length) {
			setSelectedSnippets(new Set())
		} else {
			setSelectedSnippets(new Set(availableSnippets.map(snippet => snippet.table_data.id)))
		}
	}

const clearSelection = () => {
		setSelectedSnippets(new Set())
	}

const getSelectedSnippets = () => {
		return availableSnippets.filter(snippet => 
			selectedSnippets.has(snippet.table_data.id)
		)
	}

const isAllSelected = selectedSnippets.size === availableSnippets.length && availableSnippets.length > 0

return {
		selectedSnippets,
		handleSnippetToggle,
		handleSelectAll,
		clearSelection,
		getSelectedSnippets,
		isAllSelected
	}
}

[-] useSnippetSelection.ts [edit]
[+] ..
[-] useDragAndDrop.ts [edit]
[-] index.ts [edit]
[-] useImportWorkflow.ts [edit]
[-] useFileSelection.ts [edit]