@patternfly/quickstarts 5.0.0-prerelease.1 → 5.0.0

package/dist/index.js

@@ -883,8 +883,8 @@ const CamelCaseWrap = ({ value, dataTest }) => {
 };
 
 class CatalogTile extends React__namespace.Component {
-    constructor() {
-        super(...arguments);
+    constructor(props) {
+        super(props);
         this.handleClick = (e) => {
             const { onClick, href } = this.props;
             if (!href) {
@@ -900,13 +900,18 @@ class CatalogTile extends React__namespace.Component {
             }
             return (React__namespace.createElement("div", { className: "catalog-tile-pf-badge-container" }, badges.map((badge, index) => (React__namespace.createElement("span", { key: `badge-${index}` }, badge)))));
         };
+        this.generatedId = reactCore.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 = tslib.__rest(_a, ["id", "className", "featured", "onClick", "href", "icon", "iconImg", "iconAlt", "iconClass", "badges", "title", "vendor", "description", "footer", "ref", "children"]);
-        return (React__namespace.createElement(reactCore.Card, Object.assign({ component: href ? 'a' : 'div', id: id, href: href || '#', className: reactStyles.css('catalog-tile-pf', { featured }, className), isClickable: !!onClick }, props),
-            (badges.length > 0 || iconImg || iconClass || icon || onClick) && (React__namespace.createElement(reactCore.CardHeader, { actions: { actions: badges.length > 0 && this.renderBadges(badges) }, selectableActions: onClick && { selectableActionId: id + '-input', onClickAction: (e) => this.handleClick(e), selectableActionAriaLabelledby: id } },
+        return (React__namespace.createElement(reactCore.Card, Object.assign({ component: href ? 'a' : 'div', id: id || this.generatedId, href: href || '#', className: reactStyles.css('catalog-tile-pf', { featured }, className), isClickable: !!onClick }, props),
+            (badges.length > 0 || iconImg || iconClass || icon || onClick) && (React__namespace.createElement(reactCore.CardHeader, { actions: { actions: badges.length > 0 && this.renderBadges(badges) }, selectableActions: onClick && {
+                    selectableActionId: id + '-input',
+                    onClickAction: (e) => this.handleClick(e),
+                    selectableActionAriaLabelledby: id
+                } },
                 iconImg && React__namespace.createElement("img", { className: "catalog-tile-pf-icon", src: iconImg, alt: iconAlt }),
                 !iconImg && (iconClass || icon) && React__namespace.createElement("span", { className: `catalog-tile-pf-icon ${iconClass}` }, icon))),
             React__namespace.createElement(reactCore.CardTitle, { className: "catalog-tile-pf-header" },
@@ -921,7 +926,7 @@ class CatalogTile extends React__namespace.Component {
 }
 CatalogTile.displayName = 'CatalogTile';
 CatalogTile.defaultProps = {
-    id: reactCore.getUniqueId('pf-catalog-tile'),
+    id: null,
     className: '',
     featured: false,
     onClick: null,