Add froact.list config for custom key

Author: fewkz

froact.lua

@@ -39,8 +39,8 @@ end
 
 -- stylua: ignore
 type ListConfig = (
-	{ orderByName: boolean?, setOrder: true, initial: number?, }
-	| { orderByName: boolean?, setOrder: false?, initial: nil }
+	{ orderByName: boolean?, setOrder: true, initial: number?, key: string? }
+	| { orderByName: boolean?, setOrder: false?, initial: nil, key: string? }
 )
 local function newList(roact)
 	return function(config: ListConfig, elements: { [number]: Element })
@@ -68,7 +68,10 @@ local function newList(roact)
 					then "Instance"
 					else "None"
 
-			local instanceName = className .. " " .. count[className]
+			local instanceName = if config.key
+					and element.props[config.key]
+				then element.props[config.key]
+				else className .. " " .. count[className]
 			if config.orderByName and sortType ~= "None" then
 				index += 1
 				instanceName = string.format(nameFormat, index, instanceName)

froactful.lua

@@ -40,8 +40,8 @@ end
 
 -- stylua: ignore
 type ListConfig = (
-	{ orderByName: boolean?, setOrder: true, initial: number?, }
-	| { orderByName: boolean?, setOrder: false?, initial: nil }
+	{ orderByName: boolean?, setOrder: true, initial: number?, key: string? }
+	| { orderByName: boolean?, setOrder: false?, initial: nil, key: string? }
 )
 local function newList(roact)
 	return function(config: ListConfig, elements: { [number]: Element })
@@ -69,7 +69,10 @@ local function newList(roact)
 					then "Instance"
 					else "None"
 
-			local instanceName = className .. " " .. count[className]
+			local instanceName = if config.key
+					and element.props[config.key]
+				then element.props[config.key]
+				else className .. " " .. count[className]
 			if config.orderByName and sortType ~= "None" then
 				index += 1
 				instanceName = string.format(nameFormat, index, instanceName)
@@ -190,8 +193,8 @@ function froact.configure<Hooks>(config: {
 	)
 	local function applyEvent(props: any, tags: { any })
 		for _, tag in tags do
-			props[(config.Roact.Event :: any)[tag]] = props["on" .. tag]
-			props["on" .. tag] = nil
+			props[(config.Roact.Event :: any)[tag]] = props["on"..tag]
+			props["on"..tag] = nil
 		end
 	end
 	-- stylua: ignore start
@@ -396,3 +399,4 @@ function froact.configure<Hooks>(config: {
 end
 
 return froact
+