Internal: Update Elementor Icon (CP #602→3.4) [TMZ-1008]

modules/admin-home/assets/js/components/top-bar/top-bar-content.js

@@ -1,16 +1,16 @@
 import Stack from '@elementor/ui/Stack';
-import SvgIcon from '@elementor/ui/SvgIcon';
-import { ReactComponent as ElementorNoticeIcon } from '../../../images/elementor-notice-icon.svg';
+import DynamicIcon from '../dynamic-icon';
 import Typography from '@elementor/ui/Typography';
 import { __ } from '@wordpress/i18n';
 
 export const TopBarContent = ( { sx = {}, iconSize = 'medium' } ) => {
 	return (
 		<Stack direction="row" sx={ { alignItems: 'center', height: 50, px: 2, backgroundColor: 'background.default', justifyContent: 'space-between', color: 'text.primary', ...sx } }>
 			<Stack direction="row" spacing={ 1 } alignItems="center">
-				<SvgIcon fontSize={ iconSize }>
-					<ElementorNoticeIcon />
-				</SvgIcon>
+				<DynamicIcon
+					componentName="BrandElementorIcon"
+					fontSize={ iconSize }
+				/>
 				<Typography variant="subtitle1">{ __( 'Hello', 'hello-elementor' ) }</Typography>
 			</Stack>
 		</Stack>

modules/admin-home/assets/js/icons/elementor.tsx

@@ -4,16 +4,8 @@ import SvgIcon from '@elementor/ui/SvgIcon';
 
 const BrandElementorIcon = React.forwardRef< SVGSVGElement, React.ComponentProps<typeof SvgIcon> >( ( props, ref ) => {
 	return (
-		<SvgIcon viewBox="0 0 24 24" { ...props } ref={ ref }>
-			<path
-				fillRule="evenodd"
-				clipRule="evenodd"
-				d="M12 21C6.47715 21 2 16.5228 2 11C2 5.47715 6.47715 1 12 1C17.5228 1 22 5.47715 22 11C22 16.5228 17.5228 21 12 21ZM12 3C7.58172 3 4 6.58172 4 11C4 15.4183 7.58172 19 12 19C16.4183 19 20 15.4183 20 11C20 6.58172 16.4183 3 12 3Z"
-			/>
-			<path d="M8.5 7H10V15H8.5V7Z" />
-			<path d="M11.5 7H16V9H11.5V7Z" />
-			<path d="M11.5 10H16V12H11.5V10Z" />
-			<path d="M11.5 13H16V15H11.5V13Z" />
+		<SvgIcon viewBox="0 0 21 20" { ...props } ref={ ref }>
+			<path d="M10.0429 0C4.49418 0 0 4.475 0 10C0 15.525 4.49418 20 10.0429 20C15.5915 20 20.0857 15.525 20.0857 10C20.0857 4.475 15.5915 0 10.0429 0ZM7.03 15H5.02143V5H7.03V15ZM15.0643 15H9.03857V13H15.0643V15ZM15.0643 11H9.03857V9H15.0643V11ZM15.0643 7H9.03857V5H15.0643V7Z" fill="black" />
 		</SvgIcon>
 	);
 } );

package.json

@@ -14,34 +14,34 @@
         "build:dir": "npm run clean:build && npm run build:prod && rsync -av --exclude-from=.buildignore . $npm_package_name",
         "package": "npm run clean:build && npm run build:prod && rsync -av --exclude-from=.buildignore . $npm_package_name",
         "package:zip": "npm run package && zip -r $npm_package_name.$npm_package_version.zip ./$npm_package_name/*",
-		"test:php": "docker-compose -f bin/docker-compose.yml run --rm wordpress_phpunit phpunit",
-		"test:playwright": "playwright test -c tests/playwright/playwright.config.ts",
-		"test:playwright:headless": "CI=1 playwright test -c tests/playwright/playwright.config.ts",
-		"test:playwright:debug": "npm run test:playwright -- --debug",
-		"test:setup:playwright": "wp-env run cli bash hello-elementor-config/setup.sh && wp-env run tests-cli bash hello-elementor-config/setup.sh",
-		"test:setup:chromium": "npx playwright install chromium",
+        "test:php": "docker-compose -f bin/docker-compose.yml run --rm wordpress_phpunit phpunit",
+        "test:playwright": "playwright test -c tests/playwright/playwright.config.ts",
+        "test:playwright:headless": "CI=1 playwright test -c tests/playwright/playwright.config.ts",
+        "test:playwright:debug": "npm run test:playwright -- --debug",
+        "test:setup:playwright": "wp-env run cli bash hello-elementor-config/setup.sh && wp-env run tests-cli bash hello-elementor-config/setup.sh",
+        "test:setup:chromium": "npx playwright install chromium",
         "zip": "npm run clean:build && npm run build:prod && rsync -av --exclude-from=.buildignore . $npm_package_name && zip -r $npm_package_name.$npm_package_version.zip $npm_package_name/*",
         "update-version": "node .github/scripts/update-version-in-files.js",
-		"wp-env:start": "wp-env start",
-		"wp-env:stop": "wp-env stop"
+        "wp-env:start": "wp-env start",
+        "wp-env:stop": "wp-env stop"
     },
     "devDependencies": {
+        "@elementor/wp-lite-env": "^0.0.20",
+        "@playwright/test": "^1.52.0",
+        "@typescript-eslint/parser": "^8.18.0",
         "@wordpress/components": "^29.9.0",
-		"@wordpress/env": "^10.26.0",
+        "@wordpress/env": "^10.26.0",
         "@wordpress/eslint-plugin": "^22.9.0",
         "@wordpress/i18n": "^5.23.0",
         "@wordpress/notices": "^5.23.0",
         "@wordpress/scripts": "^30.16.0",
-		"@elementor/wp-lite-env": "^0.0.20",
-		"@playwright/test": "^1.52.0",
-		"@typescript-eslint/parser": "^8.18.0",
-		"copy-webpack-plugin": "^13.0.0",
-		"dotenv": "^16.5.0",
-		"typescript": "^5.8.3",
+        "copy-webpack-plugin": "^13.0.0",
+        "dotenv": "^16.5.0",
         "eslint-plugin-babel": "^5.3.1",
         "eslint-plugin-jsx-a11y": "^6.10.2",
         "eslint-plugin-no-jquery": "^3.1.1",
         "eslint-plugin-react": "^7.37.5",
+        "typescript": "^5.8.3",
         "webpack-cli": "^6.0.1",
         "webpack-remove-empty-scripts": "^1.0.4"
     },

tsconfig.json

@@ -2,6 +2,7 @@
     "$schema": "https://json.schemastore.org/tsconfig",
     "display": "Node 18 + ESM + Strictest",
     "compilerOptions": {
+		"jsx": "react",
         "lib": [
             "es2022"
         ],