Updates to latest graph component

Author: d13

package.json

@@ -21891,7 +21891,7 @@
 		"vscode:prepublish": "pnpm run bundle"
 	},
 	"dependencies": {
-		"@gitkraken/gitkraken-components": "13.0.0-vnext.3",
+		"@gitkraken/gitkraken-components": "13.0.0-vnext.4",
 		"@gitkraken/provider-apis": "0.28.5",
 		"@gitkraken/shared-web-components": "0.1.1-rc.15",
 		"@gk-nzaytsev/fast-string-truncated-width": "1.1.0",

pnpm-lock.yaml

@@ -1,6 +1,7 @@
 import type {
 	CommitType,
 	ExcludeRefsById,
+	ExternalIconKeys,
 	GetExternalIcon,
 	GraphColumnMode,
 	GraphColumnSetting,
@@ -90,9 +91,10 @@ const getGraphDateFormatter = (config: GraphComponentConfig): OnFormatCommitDate
 		formatCommitDateTime(commitDateTime, config.dateStyle, config.dateFormat, source);
 };
 
-const createIconElements = () => {
+const createIconElements = (): Record<ExternalIconKeys | 'undefined-icon', ReactElement> => {
 	const iconList = [
 		'head',
+		'filter',
 		'remote',
 		'remote-github',
 		'remote-githubEnterprise',
@@ -153,7 +155,7 @@ const createIconElements = () => {
 
 const iconElementLibrary = createIconElements();
 
-const getIconElementLibrary: GetExternalIcon = (iconKey: string) => {
+const getIconElementLibrary: GetExternalIcon = (iconKey: ExternalIconKeys) => {
 	const icon = iconKey in iconElementLibrary ? iconKey : 'undefined-icon';
 	return iconElementLibrary[icon];
 };

src/webviews/apps/plus/graph/graph-wrapper/graph-wrapper.react.tsx

@@ -888,6 +888,7 @@ button:not([disabled]),
 		}
 	}
 
+	&--filter,
 	&--undefined-icon {
 		&::before {
 			font-family: codicon;