Merge branch 'main' into fix-react-attributes

db-ui · Apr 11, 2024 · c895358 · c895358
2 parents bf422e6 + 6c433ce
commit c895358
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 11 deletions.
diff --git a/packages/components/src/shared/model.ts b/packages/components/src/shared/model.ts
@@ -48,14 +48,14 @@ export type DefaultVariantProps = {
 
 export type IconProps = {
 	/**
-	 * Define an icon by it's identifier (like e.g. _account_, compare to [Icons](https://db-ui.github.io/mono/review/main/foundations/icons) to get displayed in front of the elements content.
+	 * Define an icon by its identifier (like e.g. _account_, compare to [Icons](https://db-ui.github.io/mono/review/main/foundations/icons/overview)) to get displayed in front of the elements content.
 	 */
 	icon?: IconTypes;
 };
 
 export type IconAfterProps = {
 	/**
-	 * Define an icon by it's identifier (like e.g. _account_, compare to [Icons](https://db-ui.github.io/mono/review/main/foundations/icons) to get displayed in front of the elements content.
+	 * Define an icon by its identifier (like e.g. _account_, compare to [Icons](https://db-ui.github.io/mono/review/main/foundations/icons/overview)) to get displayed in front of the elements content.
 	 */
 	iconAfter?: IconTypes;
 };

diff --git a/showcases/patternhub/scripts/get-properties-file.js b/showcases/patternhub/scripts/get-properties-file.js
@@ -60,14 +60,19 @@ const getPropertiesFile = ({ displayName, description, props }) => {
 			'No description'
 		} `;
 		propertyTable += `| ${property.tsType.type ?? property.tsType.name} `;
-		propertyTable += `| ${
-			options
-				? `<pre><code className="code-pre-wrap">${options.replaceAll(
-						'<T>',
-						''
-					)}</code></pre>`
-				: ''
-		} |\n`;
+
+		if (['icon', 'iconAfter', 'messageIcon'].includes(propertyKey)) {
+			propertyTable += `| [IconTypes](https://db-ui.github.io/mono/review/main/foundations/icons/overview) |\n`;
+		} else {
+			propertyTable += `| ${
+				options
+					? `<pre><code className="code-pre-wrap">${options.replaceAll(
+							'<T>',
+							''
+						)}</code></pre>`
+					: ''
+			} |\n`;
+		}
 	}
 
 	return `

diff --git a/showcases/patternhub/scripts/utils.js b/showcases/patternhub/scripts/utils.js
@@ -10,7 +10,9 @@ export const getUnionElements = (options, elements) => {
 			options.push(
 				element.name === 'literal'
 					? element.value
-					: getUnionElements(options, element.elements)
+					: element.elements
+						? getUnionElements(options, element.elements)
+						: element.name
 			);
 		}
 	}