Skip to content

Commit

Permalink
Merge pull request #61 from jessiehuff/update-versions
Browse files Browse the repository at this point in the history 
feat(v6): Update versions to latest alphas
  • Loading branch information
@nicolethoen
nicolethoen authored Jun 4, 2024
2 parents e2d1ed9 + ee78372 commit 1254feb
Show file tree
Hide file tree
Showing 10 changed files with 1,302 additions and 364 deletions.
12 changes: 6 additions & 6 deletions packages/module/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,18 +40,18 @@
"patternfly"
],
"dependencies": {
"@patternfly/react-core": "6.0.0-alpha.50",
"@patternfly/react-styles": "6.0.0-alpha.19"
"@patternfly/react-core": "6.0.0-alpha.61",
"@patternfly/react-styles": "6.0.0-alpha.23"
},
"peerDependencies": {
"react": "^17 || ^18",
"react-dom": "^17 || ^18"
},
"devDependencies": {
"@patternfly/patternfly": "6.0.0-alpha.117",
"@patternfly/documentation-framework": "6.0.0-alpha.20",
"@patternfly/react-table": "6.0.0-alpha.50",
"@patternfly/react-code-editor": "6.0.0-alpha.50",
"@patternfly/patternfly": "6.0.0-alpha.139",
"@patternfly/documentation-framework": "6.0.0-alpha.41",
"@patternfly/react-table": "6.0.0-alpha.61",
"@patternfly/react-code-editor": "6.0.0-alpha.61",
"react-monaco-editor": "0.51.0",
"monaco-editor": "0.34.1",
"rimraf": "^2.6.2",
Expand Down
10 changes: 5 additions & 5 deletions ...ges/module/patternfly-docs/generated/extensions/catalog-view/catalog-item-header/react.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -67,11 +67,11 @@ pageData.liveContext = {
pageData.relativeImports = "import 'content/examples/./catalogItemHeader.css';"
pageData.examples = {
'Basic': props =>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogItemHeader } from '@patternfly/react-catalog-view-extension';\nimport pfLogo6 from './examples/pfLogo6.svg';\n\nconst Basic = () => (\n <CatalogItemHeader\n iconImg={pfLogo6}\n title=\"PatternFly\"\n />\n)","title":"Basic","lang":"js"}}>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogItemHeader } from '@patternfly/react-catalog-view-extension';\nimport pfLogo6 from './examples/pfLogo6.svg';\n\nconst Basic = () => (\n <CatalogItemHeader\n iconImg={pfLogo6}\n title=\"PatternFly\"\n />\n)","title":"Basic","lang":"js","className":""}}>

</Example>,
'With vendor description': props =>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogItemHeader } from '@patternfly/react-catalog-view-extension';\nimport pfLogo6 from './examples/pfLogo6.svg';\n\nconst WithVendorDescription = () => (\n <CatalogItemHeader\n iconImg={pfLogo6}\n title=\"Patternfly-React\"\n vendor={\n <span>\n provided by <a style={{ textDecoration: 'underline' }}href=\"http://redhat.com\">Red Hat</a>\n </span>\n }\n />\n)","title":"With vendor description","lang":"js"}}>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogItemHeader } from '@patternfly/react-catalog-view-extension';\nimport pfLogo6 from './examples/pfLogo6.svg';\n\nconst WithVendorDescription = () => (\n <CatalogItemHeader\n iconImg={pfLogo6}\n title=\"Patternfly-React\"\n vendor={\n <span>\n provided by <a style={{ textDecoration: 'underline' }}href=\"http://redhat.com\">Red Hat</a>\n </span>\n }\n />\n)","title":"With vendor description","lang":"js","className":""}}>

</Example>
};
Expand All @@ -81,10 +81,10 @@ const Component = () => (
<AutoLinkHeader {...{"id":"introduction","size":"h2","className":"ws-title ws-h2"}}>
{`Introduction`}
</AutoLinkHeader>
<p {...{"className":"ws-p"}}>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
{`Note: Catalog item header lives in its own package at `}
<PatternflyThemeLink {...{"to":"https://www.npmjs.com/package/@patternfly/react-catalog-view-extension"}}>
<code {...{"className":"ws-code"}}>
<PatternflyThemeLink {...{"to":"https://www.npmjs.com/package/@patternfly/react-catalog-view-extension","className":""}}>
<code {...{"className":"ws-code "}}>
{`@patternfly/react-catalog-view-extension`}
</code>
</PatternflyThemeLink>
Expand Down
18 changes: 9 additions & 9 deletions packages/module/patternfly-docs/generated/extensions/catalog-view/catalog-tile/react.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -136,27 +136,27 @@ pageData.liveContext = {
pageData.relativeImports = "import 'content/examples/./catalogTile.css';"
pageData.examples = {
'Basic featured tile': props =>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport pfLogo6 from './pfLogo6.svg';\nimport '../../../../dist/css/react-catalog-view-extension.css';\n\nconst BasicFeaturedTile = () => (\n <CatalogTile\n id=\"simple-tile\"\n featured\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n <CatalogTileBadge title=\"Certified\">\n <CogIcon />\n </CatalogTileBadge>\n ]}\n title=\"Patternfly-React\"\n vendor=\"provided by Red Hat\"\n description={\n 'This is a very, very long description that should be truncated after three lines. ' +\n 'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n 'This has changed from PatternFly 3.'\n }\n />\n)","title":"Basic featured tile","lang":"js"}}>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport pfLogo6 from './pfLogo6.svg';\nimport '../../../../dist/css/react-catalog-view-extension.css';\n\nconst BasicFeaturedTile = () => (\n <CatalogTile\n id=\"simple-tile\"\n featured\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n <CatalogTileBadge title=\"Certified\">\n <CogIcon />\n </CatalogTileBadge>\n ]}\n title=\"Patternfly-React\"\n vendor=\"provided by Red Hat\"\n description={\n 'This is a very, very long description that should be truncated after three lines. ' +\n 'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n 'This has changed from PatternFly 3.'\n }\n />\n)","title":"Basic featured tile","lang":"js","className":""}}>

</Example>,
'Basic with footer': props =>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';\nimport pfLogo6 from './pfLogo6.svg';\n\nconst BasicWithFooter = () => (\n <CatalogTile\n id=\"simple-footer\"\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n <CatalogTileBadge title=\"Certified\">\n <CogIcon />\n </CatalogTileBadge>\n ]}\n title=\"Patternfly-React\"\n vendor=\"provided by Red Hat\"\n description={\n 'This is a very, very long description that should be truncated after one line. ' +\n 'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n 'This has changed from PatternFly 3.'\n }\n footer={\n <span>\n <OutlinedCheckCircleIcon style={{color: 'var(--pf-v6-global--success-color--100)'}} /> Enabled\n </span>\n }\n />\n)","title":"Basic with footer","lang":"js"}}>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';\nimport pfLogo6 from './pfLogo6.svg';\n\nconst BasicWithFooter = () => (\n <CatalogTile\n id=\"simple-footer\"\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n <CatalogTileBadge title=\"Certified\">\n <CogIcon />\n </CatalogTileBadge>\n ]}\n title=\"Patternfly-React\"\n vendor=\"provided by Red Hat\"\n description={\n 'This is a very, very long description that should be truncated after one line. ' +\n 'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n 'This has changed from PatternFly 3.'\n }\n footer={\n <span>\n <OutlinedCheckCircleIcon style={{color: 'var(--pf-v6-global--success-color--100)'}} /> Enabled\n </span>\n }\n />\n)","title":"Basic with footer","lang":"js","className":""}}>

</Example>,
'Link variant': props =>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport pfLogo6 from './pfLogo6.svg';\n\nconst LinkVariant = () => (\n <CatalogTile\n id=\"simple-link-variant\"\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n <CatalogTileBadge title=\"Certified\">\n <CogIcon />\n </CatalogTileBadge>\n ]}\n href=\"http://patternfly.org/v4\"\n title=\"Patternfly-React\"\n vendor=\"provided by Red Hat\"\n description={\n 'This is a very, very long description that should be truncated after three lines. ' +\n 'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n 'This has changed from PatternFly 3.'\n }\n />\n)","title":"Link variant","lang":"js"}}>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport pfLogo6 from './pfLogo6.svg';\n\nconst LinkVariant = () => (\n <CatalogTile\n id=\"simple-link-variant\"\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n <CatalogTileBadge title=\"Certified\">\n <CogIcon />\n </CatalogTileBadge>\n ]}\n href=\"http://patternfly.org/v4\"\n title=\"Patternfly-React\"\n vendor=\"provided by Red Hat\"\n description={\n 'This is a very, very long description that should be truncated after three lines. ' +\n 'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n 'This has changed from PatternFly 3.'\n }\n />\n)","title":"Link variant","lang":"js","className":""}}>

</Example>,
'With multiple icon badges': props =>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';\nimport pfLogo6 from './pfLogo6.svg';\n\nconst WithMultipleIconBadges = () => (\n <CatalogTile\n id=\"multiIcon\"\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n <CatalogTileBadge title=\"Certified\">\n <CogIcon />\n </CatalogTileBadge>,\n <CatalogTileBadge title=\"USDA Approved\">\n <OutlinedCheckCircleIcon style={{color: 'var(--pf-v6-global--success-color--100)'}} />\n </CatalogTileBadge>\n ]}\n title=\"Patternfly-React\"\n vendor=\"provided by Red Hat\"\n description={\n 'This is a very, very long description that should be truncated after three lines. ' +\n 'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n 'This has changed from PatternFly 3.'\n }\n />\n)","title":"With multiple icon badges","lang":"js"}}>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';\nimport pfLogo6 from './pfLogo6.svg';\n\nconst WithMultipleIconBadges = () => (\n <CatalogTile\n id=\"multiIcon\"\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n <CatalogTileBadge title=\"Certified\">\n <CogIcon />\n </CatalogTileBadge>,\n <CatalogTileBadge title=\"USDA Approved\">\n <OutlinedCheckCircleIcon style={{color: 'var(--pf-v6-global--success-color--100)'}} />\n </CatalogTileBadge>\n ]}\n title=\"Patternfly-React\"\n vendor=\"provided by Red Hat\"\n description={\n 'This is a very, very long description that should be truncated after three lines. ' +\n 'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n 'This has changed from PatternFly 3.'\n }\n />\n)","title":"With multiple icon badges","lang":"js","className":""}}>

</Example>,
'With text badge': props =>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile } from '@patternfly/react-catalog-view-extension';\nimport pfLogo6 from './pfLogo6.svg';\n\nconst WithTextBadge = () => (\n <CatalogTile\n id=\"text-badge\"\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n 'Community'\n ]}\n title=\"Patternfly-React\"\n vendor=\"provided by Red Hat\"\n description={\n 'This is a very, very long description that should be truncated after three lines. ' +\n 'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n 'This has changed from PatternFly 3.'\n }\n />\n)","title":"With text badge","lang":"js"}}>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile } from '@patternfly/react-catalog-view-extension';\nimport pfLogo6 from './pfLogo6.svg';\n\nconst WithTextBadge = () => (\n <CatalogTile\n id=\"text-badge\"\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n 'Community'\n ]}\n title=\"Patternfly-React\"\n vendor=\"provided by Red Hat\"\n description={\n 'This is a very, very long description that should be truncated after three lines. ' +\n 'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n 'This has changed from PatternFly 3.'\n }\n />\n)","title":"With text badge","lang":"js","className":""}}>

</Example>,
'With children instead of description': props =>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport pfLogo6 from './pfLogo6.svg';\n\nconst WithChildrenInsteadOfDescription = () => (\n <CatalogTile\n id=\"simple-with-children\"\n featured\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n <CatalogTileBadge title=\"Certified\">\n <CogIcon />\n </CatalogTileBadge>\n ]}\n title=\"Patternfly-React\"\n vendor=\"provided by Red Hat\"\n >\n This is a very, very long stetch of child text that should be not be truncated\n and illustrates how Flyers can add longer content to PatternFly 4 catalog tiles\n using the children prop. Cards usually truncate descriptions at three lines.\n Cards with a footer are truncated after one line. This has changed from PatternFly 3.\n Children can be of any length.\n </CatalogTile>\n)","title":"With children instead of description","lang":"js"}}>
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport pfLogo6 from './pfLogo6.svg';\n\nconst WithChildrenInsteadOfDescription = () => (\n <CatalogTile\n id=\"simple-with-children\"\n featured\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n <CatalogTileBadge title=\"Certified\">\n <CogIcon />\n </CatalogTileBadge>\n ]}\n title=\"Patternfly-React\"\n vendor=\"provided by Red Hat\"\n >\n This is a very, very long stetch of child text that should be not be truncated\n and illustrates how Flyers can add longer content to PatternFly 4 catalog tiles\n using the children prop. Cards usually truncate descriptions at three lines.\n Cards with a footer are truncated after one line. This has changed from PatternFly 3.\n Children can be of any length.\n </CatalogTile>\n)","title":"With children instead of description","lang":"js","className":""}}>

</Example>
};
Expand All @@ -166,10 +166,10 @@ const Component = () => (
<AutoLinkHeader {...{"id":"introduction","size":"h2","className":"ws-title ws-h2"}}>
{`Introduction`}
</AutoLinkHeader>
<p {...{"className":"ws-p"}}>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
{`Note: Catalog tile lives in its own package at `}
<PatternflyThemeLink {...{"to":"https://www.npmjs.com/package/@patternfly/react-catalog-view-extension"}}>
<code {...{"className":"ws-code"}}>
<PatternflyThemeLink {...{"to":"https://www.npmjs.com/package/@patternfly/react-catalog-view-extension","className":""}}>
<code {...{"className":"ws-code "}}>
{`@patternfly/react-catalog-view-extension`}
</code>
</PatternflyThemeLink>
Expand Down
Loading

0 comments on commit 1254feb

Please sign in to comment.