| 
									
										
										
										
											2022-11-16 17:05:49 +01:00
										 |  |  | /* | 
					
						
							|  |  |  | 	GoToSocial | 
					
						
							| 
									
										
										
										
											2023-03-12 18:49:06 +01:00
										 |  |  | 	Copyright (C) GoToSocial Authors admin@gotosocial.org | 
					
						
							|  |  |  | 	SPDX-License-Identifier: AGPL-3.0-or-later | 
					
						
							| 
									
										
										
										
											2022-11-16 17:05:49 +01:00
										 |  |  | 
 | 
					
						
							|  |  |  | 	This program is free software: you can redistribute it and/or modify | 
					
						
							|  |  |  | 	it under the terms of the GNU Affero General Public License as published by | 
					
						
							|  |  |  | 	the Free Software Foundation, either version 3 of the License, or | 
					
						
							|  |  |  | 	(at your option) any later version. | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 	This program is distributed in the hope that it will be useful, | 
					
						
							|  |  |  | 	but WITHOUT ANY WARRANTY; without even the implied warranty of | 
					
						
							|  |  |  | 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | 
					
						
							|  |  |  | 	GNU Affero General Public License for more details. | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 	You should have received a copy of the GNU Affero General Public License | 
					
						
							|  |  |  | 	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 | 
					
						
							|  |  |  | */ | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-10-17 12:46:06 +02:00
										 |  |  | import { useState } from "react"; | 
					
						
							| 
									
										
										
										
											2023-01-18 14:45:14 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-10-17 12:46:06 +02:00
										 |  |  | import { useComboboxState } from "ariakit/combobox"; | 
					
						
							|  |  |  | import { | 
					
						
							|  |  |  | 	ComboboxFormInputHook, | 
					
						
							|  |  |  | 	CreateHookNames, | 
					
						
							|  |  |  | 	HookOpts, | 
					
						
							|  |  |  | } from "./types"; | 
					
						
							| 
									
										
										
										
											2022-11-16 17:05:49 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-02-06 09:19:56 +01:00
										 |  |  | const _default = ""; | 
					
						
							| 
									
										
										
										
											2023-10-17 12:46:06 +02:00
										 |  |  | export default function useComboBoxInput( | 
					
						
							|  |  |  | 	{ name, Name }: CreateHookNames, | 
					
						
							|  |  |  | 	{ initialValue = _default }: HookOpts<string> | 
					
						
							|  |  |  | ): ComboboxFormInputHook { | 
					
						
							|  |  |  | 	const [isNew, setIsNew] = useState(false); | 
					
						
							| 
									
										
										
										
											2023-01-18 14:45:14 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2022-11-25 15:49:48 +01:00
										 |  |  | 	const state = useComboboxState({ | 
					
						
							| 
									
										
										
										
											2023-02-06 09:19:56 +01:00
										 |  |  | 		defaultValue: initialValue, | 
					
						
							| 
									
										
										
										
											2022-11-25 15:49:48 +01:00
										 |  |  | 		gutter: 0, | 
					
						
							|  |  |  | 		sameWidth: true | 
					
						
							|  |  |  | 	}); | 
					
						
							| 
									
										
										
										
											2022-11-16 17:05:49 +01:00
										 |  |  | 
 | 
					
						
							|  |  |  | 	function reset() { | 
					
						
							| 
									
										
										
										
											2023-02-06 09:19:56 +01:00
										 |  |  | 		state.setValue(initialValue); | 
					
						
							| 
									
										
										
										
											2022-11-16 17:05:49 +01:00
										 |  |  | 	} | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-01-18 14:45:14 +01:00
										 |  |  | 	return Object.assign([ | 
					
						
							| 
									
										
										
										
											2022-11-16 17:05:49 +01:00
										 |  |  | 		state, | 
					
						
							|  |  |  | 		reset, | 
					
						
							|  |  |  | 		{ | 
					
						
							|  |  |  | 			[name]: state.value, | 
					
						
							| 
									
										
										
										
											2023-01-18 14:45:14 +01:00
										 |  |  | 			name, | 
					
						
							|  |  |  | 			[`${name}IsNew`]: isNew, | 
					
						
							|  |  |  | 			[`set${Name}IsNew`]: setIsNew | 
					
						
							| 
									
										
										
										
											2022-11-16 17:05:49 +01:00
										 |  |  | 		} | 
					
						
							| 
									
										
										
										
											2023-01-18 14:45:14 +01:00
										 |  |  | 	], { | 
					
						
							| 
									
										
										
										
											2023-10-17 12:46:06 +02:00
										 |  |  | 		reset, | 
					
						
							| 
									
										
										
										
											2023-01-18 14:45:14 +01:00
										 |  |  | 		name, | 
					
						
							| 
									
										
										
										
											2023-10-17 12:46:06 +02:00
										 |  |  | 		Name: "", // Will be set by inputHook function.
 | 
					
						
							| 
									
										
										
										
											2023-01-18 14:45:14 +01:00
										 |  |  | 		state, | 
					
						
							|  |  |  | 		value: state.value, | 
					
						
							| 
									
										
										
										
											2023-10-17 12:46:06 +02:00
										 |  |  | 		setter: (val: string) => state.setValue(val), | 
					
						
							| 
									
										
										
										
											2023-02-06 09:19:56 +01:00
										 |  |  | 		hasChanged: () => state.value != initialValue, | 
					
						
							| 
									
										
										
										
											2023-01-18 14:45:14 +01:00
										 |  |  | 		isNew, | 
					
						
							|  |  |  | 		setIsNew, | 
					
						
							| 
									
										
										
										
											2023-02-06 09:19:56 +01:00
										 |  |  | 		_default | 
					
						
							| 
									
										
										
										
											2023-01-18 14:45:14 +01:00
										 |  |  | 	}); | 
					
						
							| 
									
										
										
										
											2023-10-17 12:46:06 +02:00
										 |  |  | } |