feat(code-connect-urls): resolve build errors

Author: mattnolting

CONTRIBUTING.md

@@ -329,4 +329,5 @@ The process for revoking someone's maintainer status is a discussion limited to
 
 [1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct/
 [2]: mailto:patternfly@redhat.com
-[3]: https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#type
+[3]: https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#type
+ 

packages/react-core/.gitignore

@@ -3,4 +3,4 @@
 /components
 /layouts
 /helpers
-yarn.lock
+yarn.lock

packages/react-core/codeConnect/scripts/iconGenerator.mjs

@@ -10,7 +10,9 @@ import { existsSync } from 'fs';
  * @returns {string|null} - Node ID or null if not found
  */
 function extractNodeId(url) {
-  if (!url) return null;
+  if (!url) {
+    return null;
+  }
   const nodeIdMatch = url.match(/node-id=([^&]+)/);
   return nodeIdMatch ? nodeIdMatch[1] : null;
 }
@@ -67,20 +69,22 @@ async function generateIcons() {
     }
 
     // Check and log node ID coverage
-    const iconsWithNodeIds = iconData.filter(icon => icon.url && extractNodeId(icon.url));
+    const iconsWithNodeIds = iconData.filter((icon) => icon.url && extractNodeId(icon.url));
     logger.info(`Found node IDs for ${iconsWithNodeIds.length} of ${iconData.length} icons`);
 
     // Generate individual icon files
     const iconGenerationPromises = iconData.map(async (icon) => {
       // Use safe defaults for all properties to avoid undefined errors
-      const iconFileName = (icon && icon.fileName) ? icon.fileName : 'default-icon';
+      const iconFileName = icon && icon.fileName ? icon.fileName : 'default-icon';
 
       // Use the template and replace placeholders with safe defaults
       const iconContent = iconTemplate
-        .replace('ICON_NAME', (icon && icon.reactName) ? icon.reactName : 'DefaultIcon')
+        .replace('ICON_NAME', icon && icon.reactName ? icon.reactName : 'DefaultIcon')
         .replace(
           'SVG_PATH',
-          (icon && icon.svgPath) ? icon.svgPath : '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" />'
+          icon && icon.svgPath
+            ? icon.svgPath
+            : '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" />'
         );
 
       const iconPath = path.join(config.iconsGeneratedDir, `${iconFileName}.tsx`);
@@ -109,7 +113,7 @@ export interface IconProps extends SVGProps<SVGSVGElement> {
 
     // Generate Figma connection file
     const componentNames = generatedIcons
-      .filter(icon => icon && icon.reactName) // Filter out any undefined values
+      .filter((icon) => icon && icon.reactName) // Filter out any undefined values
       .map((icon) => icon.reactName)
       .sort();
 
@@ -124,12 +128,10 @@ import { ${componentNames.join(', ')} } from "./generated";
  */
 
 ${generatedIcons
-  .filter(icon => icon && icon.reactName) // Filter out any icons without a reactName
+  .filter((icon) => icon && icon.reactName) // Filter out any icons without a reactName
   .map((icon) => {
     // Extract node ID from URL or use default
-    const nodeId = icon.url
-      ? extractNodeId(icon.url) || config.defaultNodeId
-      : config.defaultNodeId;
+    const nodeId = icon.url ? extractNodeId(icon.url) || config.defaultNodeId : config.defaultNodeId;
 
     const url = `${config.figmaBaseUrl}?node-id=${nodeId}&m=dev`;
 
@@ -152,7 +154,7 @@ ${generatedIcons
 
     // Generate index file for generated icons
     const indexContent = generatedIcons
-      .filter(icon => icon && icon.reactName && icon.fileName) // Filter out any undefined values
+      .filter((icon) => icon && icon.reactName && icon.fileName) // Filter out any undefined values
       .map((icon) => `export { ${icon.reactName} } from './${icon.fileName}';`)
       .join('\n');
 

packages/react-core/figma.config.json

@@ -3,6 +3,7 @@
     "parser": "react",
     "label": "PF-React",
     "include": [
+      "src/components/**/*.tsx",
       "icons/generated/*.tsx",
       "icons/**/*.tsx",
       "icons/*.tsx",

packages/react-core/icons/IconWrapper.figma.tsx

@@ -1,5 +1,4 @@
-import React from 'react';
-import IconWrapper from 'src/components/Icon/IconWrapper.tsx';
+import { IconWrapper } from 'src/components/Icon/IconWrapper.tsx';
 import figma from '@figma/code-connect';
 
 figma.connect(

packages/react-core/icons/icons.figma.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import {
   AddCircleOIcon, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleDownIcon, AngleLeftIcon, AngleRightIcon, AngleUpIcon, AnsibleIcon, ArrowCircleDownIcon, ArrowCircleUpIcon, ArrowRightIcon, ArrowsAltVIcon, AsleepIcon, AttentionBellIcon, AutomationIcon, BalanceScaleIcon, BanIcon, BarsIcon, BellIcon, BitbucketIcon, BlueprintIcon, BugIcon, BuildIcon, BuilderImageIcon, BundleIcon, CalendarIcon, CaretDownIcon, CatalogIcon, CheckCircle2xlIcon, CheckCircleIcon, CheckIcon, ClipboardCheckIcon, ClockIcon, CloudSecurityIcon, CloudTenantIcon, ClusterIcon, CodeBranchIcon, CodeIcon, CogIcon, CogsIcon, ColumnsIcon, CommentsIcon, CompressArrowsAltIcon, CompressIcon, ConnectedIcon, CopyIcon, CubeIcon, CubesIcon, DataProcessorIcon, DataSinkIcon, DataSourceIcon, DatabaseIcon, DegradedIcon, DesktopIcon, DisconnectedIcon, DomainIcon, DownLeftAndUpRightToCenterSolidIcon, DownloadIcon, DropboxIcon, DrupalIcon, EllipsisVIcon, EnhancementIcon, EnterpriseIcon, ExclamationCircleIcon, ExclamationTriangleIcon, ExpandArrowsAltIcon, ExpandIcon, ExportIcon, ExternalLinkAltIcon, EyeIcon, EyeSlashIcon, FacebookIcon, FileIcon, FilterIcon, FingerprintIcon, FlagIcon, FlavorIcon, FolderIcon, FolderOpenIcon, GithubIcon, GitlabIcon, GoogleIcon, GripHorizontalIcon, GripVerticalIcon, HardDriveIcon, HddIcon, HistoryIcon, HomeIcon, ImageIcon, ImportIcon, InProgressIcon, InfoCircleIcon, InfrastructureIcon, IntegrationIcon, JsIcon, KeyIcon, LinkedinIcon, LinuxIcon, ListIcon, LockIcon, LockOpenIcon, LongArrowAltDownIcon, LongArrowAltUpIcon, MapMarkerIcon, MemoryIcon, MessageIcon, MicrochipIcon, MicrophoneIcon, MiddlewareIcon, MigrationIcon, MinusCircleIcon, MinusIcon, MonitoringIcon, MulticlusterIcon, NetworkIcon, NetworkRangeIcon, NewProcessIcon, NotStartedIcon, OffIcon, OpenDrawerRightIcon, OpenshiftIcon, OpenstackIcon, OptimizeIcon, PanelCloseIcon, PanelOpenIcon, PaperPlaneIcon, PaperclipIcon, PatternflyIcon, PauseCircleIcon, PauseIcon, PencilAltIcon, PendingIcon, PlayIcon, PlusCircleIcon, PlusIcon, PortIcon, PowerOffIcon, PrintIcon, PrivateIcon, ProcessAutomationIcon, QuestionCircleIcon, RedoIcon, RegionsIcon, RegistryIcon, ReplicatorIcon, RepositoryIcon, ResourcePoolIcon, ResourcesAlmostEmptyIcon, ResourcesAlmostFullIcon, ResourcesEmptyIcon, ResourcesFullIcon, RobotIcon, RouteIcon, RunningIcon, SatelliteIcon, SaveIcon, SearchIcon, SearchMinusIcon, SearchPlusIcon, SecurityIcon, ServerGroupIcon, ServiceCatalogIcon, ServiceIcon, ServicesIcon, SeverityCriticalIcon, SeverityImportantIcon, SeverityMinorIcon, SeverityModerateIcon, SeverityNoneIcon, SeverityUnidentifiedIcon, ShareSquareIcon, ShareSquareOutlineIcon, SlidersIcon, SortAmountDownAltIcon, SortAmountDownIcon, SpaceShuttle2xlIcon, StackOverflowIcon, StarIcon, StopIcon, StorageDomainIcon, SyncAltIcon, TableIcon, TachometerAltIcon, TagIcon, TaskIcon, TemplateIcon, TenantIcon, ThIcon, ThLargeIcon, ThumbsDownIcon, ThumbsDownRegularIcon, ThumbsUpIcon, ThumbsUpRegularIcon, ThumbtackIcon, TimesCircleIcon, TimesIcon, TopologyIcon, TrashIcon, TreeviewIcon, TrendDownIcon, TrendUpIcon, TwitterIcon, UndoIcon, UnknownIcon, UpRightAndDownLeftFromCenterSolidIcon, UploadIcon, UserIcon, VcenterIcon, VirtualMachineIcon, VolumeHighIcon, VolumeIcon, WindowRestoreIcon, WindowsIcon, WrenchIcon, ZoneIcon
 } from "./generated";