ui-icons: add union of icons, remove generic type

ui-icons/scripts/build.js

@@ -123,6 +123,7 @@ const sizesContent = `export default ${JSON.stringify(sizes)}`
 writeFileSync(sizesFile, sizesContent)
 
 // Loop over the representation to generate React component files for each icon
+let typeNames = []
 for (const [name, currentData] of Object.entries(representation)) {
   const supportedVariants = Object.keys(currentData)
 
@@ -141,7 +142,8 @@ for (const [name, currentData] of Object.entries(representation)) {
     })
   const iconPropsContent = definitions.map(([name, content]) => `${content}\n`).join('\n')
   const iconsPropsTypeUnion = definitions.map(([name]) => name).join(' | ')
-  const iconPropsExport = `export type IconReplaceNameProps = ${iconsPropsTypeUnion}`
+  const iconPropsExport = `export type IconReplaceNameProps = ${iconsPropsTypeUnion}` + '\n' +
+    'export type IconReplaceNameIcon = React.FC<IconReplaceNameProps>'
 
   let file = componentTemplate
     .replace(
@@ -159,13 +161,12 @@ for (const [name, currentData] of Object.entries(representation)) {
   // Append the current icon's export statement to the index file
   appendFileSync(
     indexFile,
-    `export { default as ${name} } from './components/${name}'\n`
+    `export { ${name} } from './components/${name}'\n` +
+    `import type { ${name}Icon } from './components/${name}'\n`
   )
+  typeNames.push(`${name}Icon`)
 }
-
-// Add generic icon type
 appendFileSync(
   indexFile,
-  `export type { GenericIconType } from './types/generic-icon-type'\n`
+  `export type UiIcon = ${typeNames.join(' | ')}\n`
 )
-

ui-icons/src/components/_template.tsx

@@ -6,7 +6,7 @@ const iconData: IconData = {}
 
 //ReplaceWithTypes
 
-const IconReplaceName: React.FC<IconReplaceNameProps> = ({ variant = 'base', size = 'sm', title }) => {
+const IconReplaceName: IconReplaceNameIcon = ({ variant = 'base', size = 'sm', title }) => {
   const currentSize = sizes[size]
   if (!iconData[variant]) {
     throw new Error(`IconReplaceName: variant ${variant} not found.`)
@@ -31,4 +31,5 @@ const IconReplaceName: React.FC<IconReplaceNameProps> = ({ variant = 'base', siz
   )
 }
 
-export default IconReplaceName;
+export { IconReplaceName }
+export default IconReplaceName