Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(deps): Updated to PatternFly RC versions #81

Merged
merged 1 commit into from
Oct 4, 2024
Merged

fix(deps): Updated to PatternFly RC versions #81

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions packages/module/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,8 @@
},
"homepage": "https://github.com/patternfly/react-user-feedback#readme",
"dependencies": {
"@patternfly/react-core": "6.0.0-alpha.100",
"@patternfly/react-icons": "6.0.0-alpha.35"
"@patternfly/react-core": "6.0.0-prerelease.21",
"@patternfly/react-icons": "6.0.0-prerelease.7"
},
"peerDependencies": {
"react": "^17 || ^18",
Expand All @@ -49,10 +49,10 @@
"@types/react": "^18",
"@types/react-dom": "^18",
"@patternfly/patternfly-a11y": "^4.3.1",
"@patternfly/documentation-framework": "6.0.0-alpha.79",
"@patternfly/patternfly":"6.0.0-alpha.205",
"@patternfly/react-table": "6.0.0-alpha.101",
"@patternfly/react-code-editor": "6.0.0-alpha.100",
"@patternfly/documentation-framework": "6.0.0-alpha.108",
"@patternfly/patternfly": "6.0.0-prerelease.15",
"@patternfly/react-table": "6.0.0-prerelease.22",
"@patternfly/react-code-editor": "6.0.0-prerelease.21",
"node-sass-package-importer": "^5.3.2",
"fs-extra": "^9.1.0",
"glob": "^7.2.3",
Expand Down
82 changes: 41 additions & 41 deletions packages/module/patternfly-docs/generated/extensions/user-feedback/design-guidelines.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
import React from 'react';
import { AutoLinkHeader, Example, Link as PatternflyThemeLink } from '@patternfly/documentation-framework/components';
import srcImport0 from '../../../content/design-guidelines/./img/advanced-user-feedback.png';
import srcImport1 from '../../../content/design-guidelines/./img/dropdown-selection.png';
import srcImport2 from '../../../content/design-guidelines/./img/share-feedback.png';
import srcImport3 from '../../../content/design-guidelines/./img/report-bug.png';
import srcImport4 from '../../../content/design-guidelines/./img/research-opportunities.png';
import srcImport5 from '../../../content/design-guidelines/./img/user-feedback-external-links.png';
import srcImport6 from '../../../content/design-guidelines/./img/advanced-user-feedback.png';
import srcImport7 from '../../../content/design-guidelines/./img/dropdown-selection.png';
import srcImport8 from '../../../content/design-guidelines/./img/share-feedback.png';
import srcImport9 from '../../../content/design-guidelines/./img/report-bug.png';
import srcImport10 from '../../../content/design-guidelines/./img/research-opportunities.png';
import srcImport11 from '../../../content/design-guidelines/./img/user-feedback-external-links.png';
const pageData = {
"id": "User feedback",
"section": "extensions",
Expand All @@ -27,14 +27,14 @@ pageData.examples = {

const Component = () => (
<React.Fragment>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`Note: User feedback lives in its own package at `}
<PatternflyThemeLink {...{"to":"https://github.com/patternfly/react-user-feedback","className":""}}>
{`@patternfly/react-user-feedback`}
</PatternflyThemeLink>
{`.`}
</p>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
<strong {...{"className":""}}>
{`User feedback`}
</strong>
Expand All @@ -43,50 +43,50 @@ const Component = () => (
<AutoLinkHeader {...{"id":"elements","headingLevel":"h2","className":"ws-title ws-h2"}}>
{`Elements`}
</AutoLinkHeader>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<img src={srcImport0} width={srcImport0.width} height={srcImport0.height} {...{"alt":"Image of advanced feedback modal with annotations","className":"ws-img "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
<img src={srcImport6} width={srcImport6.width} height={srcImport6.height} {...{"alt":"Image of advanced feedback modal with annotations","className":"ws-img "}}>
</img>
</p>
<ol {...{"className":"pf-v6-c-content--ol ws-ol "}}>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<ol {...{"className":"pf-v6-c-content--ol pf-m-editorial ws-ol "}}>
<li {...{"className":"pf-v6-c-content--li pf-m-editorial ws-li "}}>
<strong {...{"className":""}}>
{`Title:`}
</strong>
{` Communicates the title of the modal.`}
</li>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<li {...{"className":"pf-v6-c-content--li pf-m-editorial ws-li "}}>
<strong {...{"className":""}}>
{`Description text:`}
</strong>
{` Provides a short description of the form's purpose.`}
</li>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<li {...{"className":"pf-v6-c-content--li pf-m-editorial ws-li "}}>
<strong {...{"className":""}}>
{`Image:`}
</strong>
{` Contributes to the modal's visual design.`}
</li>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<li {...{"className":"pf-v6-c-content--li pf-m-editorial ws-li "}}>
<strong {...{"className":""}}>
{`Selectable item:`}
</strong>
{` Provides one or more ways that users can leave feedback.`}
</li>
</ol>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`Each of these elements can be customized to fit a product's needs.`}
</p>
<AutoLinkHeader {...{"id":"behavior","headingLevel":"h2","className":"ws-title ws-h2"}}>
{`Behavior`}
</AutoLinkHeader>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`The user feedback modal may be accessed in your product's help menu.`}
</p>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`For example, you can allow users to access the modal by selecting a masthead’s help icon and choosing “Share feedback” in the dropdown menu:`}
</p>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<img src={srcImport1} width={srcImport1.width} height={srcImport1.height} {...{"alt":"Image of expanded dropdown menu with link to sharing feedback","className":"ws-img "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
<img src={srcImport7} width={srcImport7.width} height={srcImport7.height} {...{"alt":"Image of expanded dropdown menu with link to sharing feedback","className":"ws-img "}}>
</img>
</p>
<AutoLinkHeader {...{"id":"variations","headingLevel":"h2","className":"ws-title ws-h2"}}>
Expand All @@ -95,58 +95,58 @@ const Component = () => (
<AutoLinkHeader {...{"id":"modal-items-open-forms-within-the-modal","headingLevel":"h3","className":"ws-title ws-h3"}}>
{`Modal items open forms within the modal`}
</AutoLinkHeader>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`Selecting an item opens a form within the modal, which can submit data over the network.`}
</p>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`Integrated forms can collect different kinds of feedback:`}
</p>
<ul {...{"className":"pf-v6-c-content--ul ws-ul "}}>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<ul {...{"className":"pf-v6-c-content--ul pf-m-editorial ws-ul "}}>
<li {...{"className":"pf-v6-c-content--li pf-m-editorial ws-li "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`General feedback form`}
</p>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`The general feedback form allows users to enter feedback into a text box and submit.`}
</p>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<img src={srcImport2} width={srcImport2.width} height={srcImport2.height} {...{"alt":"Image of a form within a modal to share feedback","className":"ws-img "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
<img src={srcImport8} width={srcImport8.width} height={srcImport8.height} {...{"alt":"Image of a form within a modal to share feedback","className":"ws-img "}}>
</img>
</p>
</li>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<li {...{"className":"pf-v6-c-content--li pf-m-editorial ws-li "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`Bug report form`}
</p>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`The bug report form allows users to enter feedback into a text box and submit. Its description directs users to a URL where they can submit a support ticket for critical issues.`}
</p>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<img src={srcImport3} width={srcImport3.width} height={srcImport3.height} {...{"alt":"Image of a form within a modal to report bugs","className":"ws-img "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
<img src={srcImport9} width={srcImport9.width} height={srcImport9.height} {...{"alt":"Image of a form within a modal to report bugs","className":"ws-img "}}>
</img>
</p>
</li>
<li {...{"className":"pf-v6-c-content--li ws-li "}}>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<li {...{"className":"pf-v6-c-content--li pf-m-editorial ws-li "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`User research opt-in form`}
</p>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`The user research opt-in form allows users to enter their email address to participate in future research efforts.`}
</p>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<img src={srcImport4} width={srcImport4.width} height={srcImport4.height} {...{"alt":"Image of a form within a modal to sign up for research opportunities","className":"ws-img "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
<img src={srcImport10} width={srcImport10.width} height={srcImport10.height} {...{"alt":"Image of a form within a modal to sign up for research opportunities","className":"ws-img "}}>
</img>
</p>
</li>
</ul>
<AutoLinkHeader {...{"id":"modal-items-link-to-external-urls","headingLevel":"h3","className":"ws-title ws-h3"}}>
{`Modal items link to external URLs`}
</AutoLinkHeader>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
{`Selecting an item redirects users to an external URL (like a qualtrics form) that opens in a separate tab.`}
</p>
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
<img src={srcImport5} width={srcImport5.width} height={srcImport5.height} {...{"alt":"Image of modal with links to external forms","className":"ws-img "}}>
<p {...{"className":"pf-v6-c-content--p pf-m-editorial ws-p "}}>
<img src={srcImport11} width={srcImport11.width} height={srcImport11.height} {...{"alt":"Image of modal with links to external forms","className":"ws-img "}}>
</img>
</p>
</React.Fragment>
Expand Down
Loading
Loading