Skip to content

Commit

Permalink
Add prettier to standardize formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
@melloware
melloware committed Aug 23, 2022
2 parents 632010b + 6358c42 commit 3f60906
Show file tree
Hide file tree
Showing 439 changed files with 8,206 additions and 7,344 deletions.
1 change: 1 addition & 0 deletions .gitattributes
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
* text=auto eol=lf
2 changes: 1 addition & 1 deletion .prettierrc.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,6 @@
"trailingComma": "none",
"semi": true,
"singleQuote": true,
"jsxSingleQuote": true,
"jsxSingleQuote": false,
"printWidth": 250
}
30 changes: 15 additions & 15 deletions components/doc/accordion/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -530,11 +530,11 @@ const AccordionDemo = () => {
};

return (
<div className='content-section documentation' id='app-doc'>
<div className="content-section documentation" id="app-doc">
<TabView>
<TabPanel header='Documentation'>
<TabPanel header="Documentation">
<h5>Import via Module</h5>
<CodeHighlight lang='js'>
<CodeHighlight lang="js">
{`
import { Accordion, AccordionTab } from 'primereact/accordion';
`}
Expand Down Expand Up @@ -615,8 +615,8 @@ import { Accordion, AccordionTab } from 'primereact/accordion';
</CodeHighlight>

<h5>Properties For AccordionTab</h5>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -685,8 +685,8 @@ import { Accordion, AccordionTab } from 'primereact/accordion';
</div>

<h5>Properties</h5>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -744,7 +744,7 @@ import { Accordion, AccordionTab } from 'primereact/accordion';
<td>null</td>
<td>
The properties of{' '}
<a href='https://reactcommunity.org/react-transition-group/css-transition' rel='noopener noreferrer' target='_blank'>
<a href="https://reactcommunity.org/react-transition-group/css-transition" rel="noopener noreferrer" target="_blank">
CSSTransition
</a>{' '}
can be customized, except for "nodeRef" and "in" properties.
Expand All @@ -755,8 +755,8 @@ import { Accordion, AccordionTab } from 'primereact/accordion';
</div>

<h5>Events</h5>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -795,10 +795,10 @@ import { Accordion, AccordionTab } from 'primereact/accordion';

<h5>Styling</h5>
<p>
Following is the list of structural style classes, for theming classes visit <Link href='/theming'> theming</Link> page.
Following is the list of structural style classes, for theming classes visit <Link href="/theming"> theming</Link> page.
</p>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -834,8 +834,8 @@ import { Accordion, AccordionTab } from 'primereact/accordion';
</p>

<h6>Header Keyboard Support</h6>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Key</th>
Expand Down
38 changes: 19 additions & 19 deletions components/doc/autocomplete/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -594,11 +594,11 @@ const AutoCompleteDemo = () => {
};

return (
<div className='content-section documentation' id='app-doc'>
<div className="content-section documentation" id="app-doc">
<TabView>
<TabPanel header='Documentation'>
<TabPanel header="Documentation">
<h5>Import via Module</h5>
<CodeHighlight lang='js'>
<CodeHighlight lang="js">
{`
import { AutoComplete } from 'primereact/autocomplete';
`}
Expand All @@ -623,7 +623,7 @@ import { AutoComplete } from 'primereact/autocomplete';
`}
</CodeHighlight>

<CodeHighlight lang='js'>
<CodeHighlight lang="js">
{`
const countries = // datasource
Expand Down Expand Up @@ -741,7 +741,7 @@ const groupedCities = [
`}
</CodeHighlight>

<CodeHighlight lang='js'>
<CodeHighlight lang="js">
{`
itemTemplate(item) {
//return custom element
Expand All @@ -755,8 +755,8 @@ itemTemplate(item) {
<br />
In addition the component uses these properties:
</p>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -996,7 +996,7 @@ itemTemplate(item) {
<td>null</td>
<td>
The properties of{' '}
<a href='https://reactcommunity.org/react-transition-group/css-transition' rel='noopener noreferrer' target='_blank'>
<a href="https://reactcommunity.org/react-transition-group/css-transition" rel="noopener noreferrer" target="_blank">
CSSTransition
</a>{' '}
can be customized, except for "nodeRef" and "in" properties.
Expand All @@ -1019,16 +1019,16 @@ itemTemplate(item) {
<td>object</td>
<td>null</td>
<td>
Whether to use the virtualScroller feature. The properties of <Link href='/virtualscroller'>VirtualScroller</Link> component can be used like an object in it.
Whether to use the virtualScroller feature. The properties of <Link href="/virtualscroller">VirtualScroller</Link> component can be used like an object in it.
</td>
</tr>
</tbody>
</table>
</div>

<h5>Events</h5>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -1138,8 +1138,8 @@ itemTemplate(item) {

<h5>Styling</h5>
<p>Following is the list of structural style classes</p>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -1206,8 +1206,8 @@ itemTemplate(item) {
`}
</CodeHighlight>
<h6>Keyboard Support</h6>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Key</th>
Expand Down Expand Up @@ -1262,8 +1262,8 @@ itemTemplate(item) {
</div>

<h6>Chips Input Keyboard Support</h6>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Key</th>
Expand All @@ -1288,8 +1288,8 @@ itemTemplate(item) {
</div>

<h6>Chip Keyboard Support</h6>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Key</th>
Expand Down
26 changes: 13 additions & 13 deletions components/doc/avatar/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -441,11 +441,11 @@ const AvatarDemo = () => {
};

return (
<div className='content-section documentation' id='app-doc'>
<div className="content-section documentation" id="app-doc">
<TabView>
<TabPanel header='Documentation'>
<TabPanel header="Documentation">
<h5>Import via Module</h5>
<CodeHighlight lang='js'>
<CodeHighlight lang="js">
{`
import { Avatar } from 'primereact/avatar';
import { AvatarGroup } from 'primereact/avatargroup';
Expand Down Expand Up @@ -504,7 +504,7 @@ import { AvatarGroup } from 'primereact/avatargroup';
</CodeHighlight>
<h5>Badge</h5>
<p>
A badge can be added to an Avatar with the <Link href='/badge'>Badge</Link> component.
A badge can be added to an Avatar with the <Link href="/badge">Badge</Link> component.
</p>
<CodeHighlight>
{`
Expand All @@ -525,8 +525,8 @@ import { AvatarGroup } from 'primereact/avatargroup';

<h5>Properties of Avatar</h5>
<p>Any valid attribute is passed to the root element implicitly, extended properties are as follows;</p>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -586,8 +586,8 @@ import { AvatarGroup } from 'primereact/avatargroup';
<p>Any property as style and class are passed to the main container element. There are no additional properties.</p>

<h5>Events</h5>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand All @@ -612,10 +612,10 @@ import { AvatarGroup } from 'primereact/avatargroup';

<h5>Styling of Avatar</h5>
<p>
Following is the list of structural style classes, for theming classes visit <Link href='/theming'> theming</Link> page.
Following is the list of structural style classes, for theming classes visit <Link href="/theming"> theming</Link> page.
</p>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -656,8 +656,8 @@ import { AvatarGroup } from 'primereact/avatargroup';
</div>

<h5>Styling of AvatarGroup</h5>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down
16 changes: 8 additions & 8 deletions components/doc/badge/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -168,14 +168,14 @@ const BadgeDemo = () => {
};

return (
<div className='content-section documentation' id='app-doc'>
<div className="content-section documentation" id="app-doc">
<TabView>
<TabPanel header='Documentation'>
<TabPanel header="Documentation">
<h5>Getting Started</h5>
<p>Badge can be used as a component.</p>

<h6>Component</h6>
<CodeHighlight lang='js'>
<CodeHighlight lang="js">
{`
import { Badge } from 'primereact/badge';
`}
Expand Down Expand Up @@ -241,8 +241,8 @@ import { Badge } from 'primereact/badge';
</CodeHighlight>
<h5>Properties</h5>
<p>Any valid attribute is passed to the root element implicitly, extended properties are as follows;</p>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -276,10 +276,10 @@ import { Badge } from 'primereact/badge';

<h5>Styling</h5>
<p>
Following is the list of structural style classes, for theming classes visit <Link href='/theming'>theming</Link> page.
Following is the list of structural style classes, for theming classes visit <Link href="/theming">theming</Link> page.
</p>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down
22 changes: 11 additions & 11 deletions components/doc/blockui/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -321,11 +321,11 @@ const BlockUIDemo = () => {
};

return (
<div className='content-section documentation' id='app-doc'>
<div className="content-section documentation" id="app-doc">
<TabView>
<TabPanel header='Documentation'>
<TabPanel header="Documentation">
<h5>Import via Module</h5>
<CodeHighlight lang='js'>
<CodeHighlight lang="js">
{`
import { BlockUI } from 'primereact/blockui';
`}
Expand All @@ -345,7 +345,7 @@ import { BlockUI } from 'primereact/blockui';
variable is set to false.
</p>

<CodeHighlight lang='js'>
<CodeHighlight lang="js">
{`
export const BlockUIDemo = () => {
Expand Down Expand Up @@ -384,8 +384,8 @@ export const BlockUIDemo = () => {

<h5>Properties</h5>
<p>Any valid attribute is passed to the root element implicitly, extended properties are as follows;</p>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -448,8 +448,8 @@ export const BlockUIDemo = () => {
</div>

<h5>Events</h5>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand All @@ -474,10 +474,10 @@ export const BlockUIDemo = () => {

<h5>Styling</h5>
<p>
Following is the list of structural style classes, for theming classes visit <Link href='/theming'>theming</Link> page.
Following is the list of structural style classes, for theming classes visit <Link href="/theming">theming</Link> page.
</p>
<div className='doc-tablewrapper'>
<table className='doc-table'>
<div className="doc-tablewrapper">
<table className="doc-table">
<thead>
<tr>
<th>Name</th>
Expand Down
Loading

0 comments on commit 3f60906

Please sign in to comment.