@patternfly/quickstarts 5.0.0-prerelease.0 → 5.0.0-prerelease.1

package/dist/index.es.js

@@ -840,8 +840,8 @@ const CamelCaseWrap = ({ value, dataTest }) => {
 };
 
 class CatalogTile extends React.Component {
-    constructor(props) {
-        super(props);
+    constructor() {
+        super(...arguments);
         this.handleClick = (e) => {
             const { onClick, href } = this.props;
             if (!href) {
@@ -857,18 +857,13 @@ class CatalogTile extends React.Component {
             }
             return (React.createElement("div", { className: "catalog-tile-pf-badge-container" }, badges.map((badge, index) => (React.createElement("span", { key: `badge-${index}` }, badge)))));
         };
-        this.generatedId = getUniqueId('pf-catalog-tile');
     }
     render() {
         const _a = this.props, { id, className, featured, onClick, href, icon, iconImg, iconAlt, iconClass, badges, title, vendor, description, footer, 
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         ref, children } = _a, props = __rest(_a, ["id", "className", "featured", "onClick", "href", "icon", "iconImg", "iconAlt", "iconClass", "badges", "title", "vendor", "description", "footer", "ref", "children"]);
-        return (React.createElement(Card, Object.assign({ component: href ? 'a' : 'div', id: id || this.generatedId, href: href || '#', className: css('catalog-tile-pf', { featured }, className), isClickable: !!onClick }, props),
-            (badges.length > 0 || iconImg || iconClass || icon || onClick) && (React.createElement(CardHeader, { actions: { actions: badges.length > 0 && this.renderBadges(badges) }, selectableActions: onClick && {
-                    selectableActionId: id + '-input',
-                    onClickAction: (e) => this.handleClick(e),
-                    selectableActionAriaLabelledby: id
-                } },
+        return (React.createElement(Card, Object.assign({ component: href ? 'a' : 'div', id: id, href: href || '#', className: css('catalog-tile-pf', { featured }, className), isClickable: !!onClick }, props),
+            (badges.length > 0 || iconImg || iconClass || icon || onClick) && (React.createElement(CardHeader, { actions: { actions: badges.length > 0 && this.renderBadges(badges) }, selectableActions: onClick && { selectableActionId: id + '-input', onClickAction: (e) => this.handleClick(e), selectableActionAriaLabelledby: id } },
                 iconImg && React.createElement("img", { className: "catalog-tile-pf-icon", src: iconImg, alt: iconAlt }),
                 !iconImg && (iconClass || icon) && React.createElement("span", { className: `catalog-tile-pf-icon ${iconClass}` }, icon))),
             React.createElement(CardTitle, { className: "catalog-tile-pf-header" },
@@ -883,7 +878,7 @@ class CatalogTile extends React.Component {
 }
 CatalogTile.displayName = 'CatalogTile';
 CatalogTile.defaultProps = {
-    id: null,
+    id: getUniqueId('pf-catalog-tile'),
     className: '',
     featured: false,
     onClick: null,
@@ -1716,7 +1711,7 @@ const QuickStartTile = ({ quickStart, status, isActive, onClick = () => { }, })
         }
     };
     return (React.createElement("div", { ref: ref },
-        React.createElement(CatalogTile, { style: {
+        React.createElement(CatalogTile, { id: id + '-catalog-tile', style: {
                 cursor: 'pointer',
             }, icon: quickStartIcon, className: "pfext-quick-start-tile", "data-testid": `qs-card-${camelize(displayName)}`, featured: isActive, title: React.createElement(QuickStartTileHeader, { name: displayName, status: status, duration: durationMinutes, type: type, quickStartId: id }), onClick: handleClick, onKeyDown: (event) => {
                 if (event.key === 'Enter' || event.key === ' ') {