encounter/react-add-to-calendar
0
0
Fork 0
mirror of https://github.com/encounter/react-add-to-calendar.git synced 2026-07-10 21:18:44 -07:00
Code Issues Packages Projects Releases Wiki Activity

removing deprecated linter rules, fixing linter errors, and resolving issue with switch to latest istanbul-instrumenter-loader since the isparta-loader package has been deprecated. all of this should fix the build errors

Browse Source
This commit is contained in:
Jason Salzman
2017-05-22 05:42:52 -07:00
parent 7e8b51bb19
commit c6fbeafb77
15 changed files with 176 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.eslintrc
+3 -3
View File
@@ -218,7 +218,7 @@
"react/jsx-no-literals": 0, "react/jsx-no-literals": 0,
"react/jsx-no-undef": 2, "react/jsx-no-undef": 2,
"react/jsx-pascal-case": 2, "react/jsx-pascal-case": 2,
"react/jsx-sort-prop-types": 2, "react/jsx-sort-prop-types": 0,
"react/jsx-sort-props": 0, "react/jsx-sort-props": 0,
"react/jsx-uses-react": 2, "react/jsx-uses-react": 2,
"react/jsx-uses-vars": 2, "react/jsx-uses-vars": 2,
@@ -233,9 +233,9 @@
"react/prefer-es6-class": 0, "react/prefer-es6-class": 0,
"react/prop-types": 2, "react/prop-types": 2,
"react/react-in-jsx-scope": 2, "react/react-in-jsx-scope": 2,
"react/require-extension": 2, "react/require-extension": 0,
"react/self-closing-comp": 2, "react/self-closing-comp": 2,
"react/sort-comp": 2, "react/sort-comp": 2,
"react/wrap-multilines": 0 "react/wrap-multilines": 0
} }
} }
docs-site/bundle.js
+121 -113
View File
File diff suppressed because it is too large Load Diff
docs-site/src/code_example_component.jsx
+3 -4
View File
@@ -5,10 +5,9 @@ export default class CodeExampleComponent extends React.Component {
render() { render() {
return ( return (
<div <div
key={this.props.id} key={this.props.id}
id={`example-${this.props.id}`} id={`example-${this.props.id}`}
className="example" className="example">
>
<h2 className="example__heading">{this.props.title}</h2> <h2 className="example__heading">{this.props.title}</h2>
{this.props.children} {this.props.children}
</div> </div>
docs-site/src/example_components.jsx
+3 -4
View File
@@ -56,10 +56,9 @@ export default class ExampleComponents extends React.Component {
renderExamples() { renderExamples() {
return examples.map((example, index) => ( return examples.map((example, index) => (
<CodeExampleComponent <CodeExampleComponent
key={`example-${index}`} key={`example-${index}`}
id={index} id={index}
title={example.title} title={example.title}>
>
{<example.component />} {<example.component />}
</CodeExampleComponent> </CodeExampleComponent>
)); ));
docs-site/src/examples/changeDropdownLabels.jsx
+7 -7
View File
@@ -25,15 +25,15 @@ export default class ChangeDropdownLabels extends React.Component {
<code className="js"> <code className="js">
{"let items = ["}<br /> {"let items = ["}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"\{ outlook: 'Outlook' \}"}<br /> {"{ outlook: 'Outlook' }"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"\{ outlookcom: 'Outlook.com' \}"}<br /> {"{ outlookcom: 'Outlook.com' }"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"\{ apple: 'iCal' \}"}<br /> {"{ apple: 'iCal' }"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"\{ yahoo: 'Yahoo!' \}"}<br /> {"{ yahoo: 'Yahoo!' }"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"\{ google: 'Google' \}"}<br /> {"{ google: 'Google' }"}<br />
{"];"}<br /><br /> {"];"}<br /><br />
</code> </code>
<code className="jsx"> <code className="jsx">
@@ -41,7 +41,7 @@ export default class ChangeDropdownLabels extends React.Component {
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"event={event}"}<br /> {"event={event}"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"listItems=\{items\} />"} {"listItems={items} />"}
</code> </code>
</pre> </pre>
<div className="column"> <div className="column">
@@ -52,4 +52,4 @@ export default class ChangeDropdownLabels extends React.Component {
} }
} }
ChangeDropdownLabels.displayName = "Change Dropdown Labels"; ChangeDropdownLabels.displayName = "Change Dropdown Labels";
docs-site/src/examples/changeDropdownOrder.jsx
+6 -6
View File
@@ -25,15 +25,15 @@ export default class ChangeDropdownOrder extends React.Component {
<code className="js"> <code className="js">
{"let items = ["}<br /> {"let items = ["}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"\{ outlook: 'Outlook' \}"}<br /> {"{ outlook: 'Outlook' }"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"\{ outlookcom: 'Outlook.com' \}"}<br /> {"{ outlookcom: 'Outlook.com' }"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"\{ apple: 'Apple Calendar' \}"}<br /> {"{ apple: 'Apple Calendar' }"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"\{ yahoo: 'Yahoo' \}"}<br /> {"{ yahoo: 'Yahoo' }"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"\{ google: 'Google' \}"}<br /> {"{ google: 'Google' }"}<br />
{"];"}<br /><br /> {"];"}<br /><br />
</code> </code>
<code className="jsx"> <code className="jsx">
@@ -41,7 +41,7 @@ export default class ChangeDropdownOrder extends React.Component {
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"event={event}"}<br /> {"event={event}"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"listItems=\{items\} />"} {"listItems={items} />"}
</code> </code>
</pre> </pre>
<div className="column"> <div className="column">
docs-site/src/examples/changeTemplate.jsx
+2 -2
View File
@@ -17,7 +17,7 @@ export default class ChangeTemplate extends React.Component {
<div className="row"> <div className="row">
<pre className="column example__code"> <pre className="column example__code">
<code className="js"> <code className="js">
{"let icon = \{ 'calendar-plus-o': 'left' \};"}<br /><br /> {"let icon = { 'calendar-plus-o': 'left' };"}<br /><br />
{"/*"}<br /> {"/*"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"object property can be any Font Awesome icon"}<br /> {"object property can be any Font Awesome icon"}<br />
@@ -30,7 +30,7 @@ export default class ChangeTemplate extends React.Component {
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"event={event}"}<br /> {"event={event}"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"buttonTemplate=\{icon\} />"} {"buttonTemplate={icon} />"}
</code> </code>
</pre> </pre>
<div className="column"> <div className="column">
docs-site/src/examples/default.jsx
+2 -2
View File
@@ -15,7 +15,7 @@ export default class Default extends React.Component {
<div className="row"> <div className="row">
<pre className="column example__code"> <pre className="column example__code">
<code className="js"> <code className="js">
{"let event = \{"}<br /> {"let event = {"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{" title: 'Sample Event',"}<br /> {" title: 'Sample Event',"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
@@ -29,7 +29,7 @@ export default class Default extends React.Component {
{" startTime: '2016-09-16T20:15:00-04:00',"}<br /> {" startTime: '2016-09-16T20:15:00-04:00',"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{" endTime: '2016-09-16T21:45:00-04:00'"}<br /> {" endTime: '2016-09-16T21:45:00-04:00'"}<br />
{"\};"}<br /><br /> {"};"}<br /><br />
{"/*"}<br /> {"/*"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"startTime and endTime can use any datetime"}<br /> {"startTime and endTime can use any datetime"}<br />
docs-site/src/examples/removeDropdownItem.jsx
+3 -3
View File
@@ -19,9 +19,9 @@ export default class RemoveDropdownItem extends React.Component {
<code className="js"> <code className="js">
{"let items = ["}<br /> {"let items = ["}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"\{ outlook: 'Outlook' \}"}<br /> {"{ outlook: 'Outlook' }"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"\{ google: 'Google' \}"}<br /> {"{ google: 'Google' }"}<br />
{"];"}<br /><br /> {"];"}<br /><br />
</code> </code>
<code className="jsx"> <code className="jsx">
@@ -29,7 +29,7 @@ export default class RemoveDropdownItem extends React.Component {
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"event={event}"}<br /> {"event={event}"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"listItems=\{items\} />"} {"listItems={items} />"}
</code> </code>
</pre> </pre>
<div className="column"> <div className="column">
docs-site/src/examples/textOnlyDropdown.jsx
+1 -1
View File
@@ -19,7 +19,7 @@ export default class TextOnlyDropdown extends React.Component {
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"event={event}"}<br /> {"event={event}"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"displayItemIcons=\{false\} />"} {"displayItemIcons={false} />"}
</code> </code>
</pre> </pre>
<div className="column"> <div className="column">
docs-site/src/examples/textOnlyTemplate.jsx
+2 -2
View File
@@ -17,14 +17,14 @@ export default class TextOnlyTemplate extends React.Component {
<div className="row"> <div className="row">
<pre className="column example__code"> <pre className="column example__code">
<code className="js"> <code className="js">
{"let icon = \{ textOnly: 'none' \};"}<br /><br /> {"let icon = { textOnly: 'none' };"}<br /><br />
</code> </code>
<code className="jsx"> <code className="jsx">
{"<AddToCalendar"}<br /> {"<AddToCalendar"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"event={event}"}<br /> {"event={event}"}<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
{"buttonTemplate=\{icon\} />"} {"buttonTemplate={icon} />"}
</code> </code>
</pre> </pre>
<div className="column"> <div className="column">
docs-site/src/root.jsx
+13 -19
View File
@@ -26,33 +26,28 @@ export default class Root extends React.Component {
<p> <p>
<a href="https://npmjs.org/package/react-add-to-calendar"> <a href="https://npmjs.org/package/react-add-to-calendar">
<img <img
src="https://badge.fury.io/js/react-add-to-calendar.svg" src="https://badge.fury.io/js/react-add-to-calendar.svg"
className="badge" className="badge"/>
/>
</a>&nbsp;&nbsp; </a>&nbsp;&nbsp;
<a href="https://travis-ci.org/jasonsalzman/react-add-to-calendar"> <a href="https://travis-ci.org/jasonsalzman/react-add-to-calendar">
<img <img
src="https://travis-ci.org/jasonsalzman/react-add-to-calendar.svg?branch=master" src="https://travis-ci.org/jasonsalzman/react-add-to-calendar.svg?branch=master"
className="badge" className="badge"/>
/>
</a>&nbsp;&nbsp; </a>&nbsp;&nbsp;
<a href="https://david-dm.org/jasonsalzman/react-add-to-calendar"> <a href="https://david-dm.org/jasonsalzman/react-add-to-calendar">
<img <img
src="https://img.shields.io/david/strongloop/express.svg?maxAge=2592000" src="https://img.shields.io/david/strongloop/express.svg?maxAge=2592000"
className="badge" className="badge"/>
/>
</a>&nbsp;&nbsp; </a>&nbsp;&nbsp;
<a href="https://david-dm.org/jasonsalzman/react-add-to-calendar"> <a href="https://david-dm.org/jasonsalzman/react-add-to-calendar">
<img <img
src="https://img.shields.io/david/peer/webcomponents/generator-element.svg?maxAge=2592000" src="https://img.shields.io/david/peer/webcomponents/generator-element.svg?maxAge=2592000"
className="badge" className="badge"/>
/>
</a>&nbsp;&nbsp; </a>&nbsp;&nbsp;
<a href={"https://npmjs.org/package/react-add-to-calendar"}> <a href={"https://npmjs.org/package/react-add-to-calendar"}>
<img <img
src="https://img.shields.io/npm/dm/react-add-to-calendar.svg" src="https://img.shields.io/npm/dm/react-add-to-calendar.svg"
className="badge" className="badge"/>
/>
</a> </a>
</p> </p>
<p> <p>
@@ -69,10 +64,9 @@ export default class Root extends React.Component {
<a href="https://github.com/jasonsalzman/react-add-to-calendar/"> <a href="https://github.com/jasonsalzman/react-add-to-calendar/">
<img <img
className="github-ribbon" className="github-ribbon"
src="images/ribbon.png" src="images/ribbon.png"
alt="Fork me on GitHub" alt="Fork me on GitHub"/>
/>
</a> </a>
</div> </div>
); );
karma.conf.js
+4 -1
View File
@@ -56,7 +56,10 @@ module.exports = function(config) {
{ {
test: /\.js?$/, test: /\.js?$/,
include: path.resolve(__dirname, 'src'), include: path.resolve(__dirname, 'src'),
loader: 'istanbul-instrumenter' loader: 'istanbul-instrumenter',
query: {
esModules: true
}
} }
] ]
}, },
package.json
+1 -1
View File
@@ -2,7 +2,7 @@
"author": "Jason Salzman", "author": "Jason Salzman",
"name": "react-add-to-calendar", "name": "react-add-to-calendar",
"description": "A simple and reusable add to calendar button component for React", "description": "A simple and reusable add to calendar button component for React",
"version": "0.1.1", "version": "0.1.2",
"license": "MIT", "license": "MIT",
"homepage": "https://github.com/jasonsalzman/react-add-to-calendar", "homepage": "https://github.com/jasonsalzman/react-add-to-calendar",
"repository": { "repository": {
src/ReactAddToCalendar.js
+5 -6
View File
@@ -99,11 +99,10 @@ export default class ReactAddToCalendar extends React.Component {
return ( return (
<li key={helpers.getRandomKey()}> <li key={helpers.getRandomKey()}>
<a <a
className={currentItem + "-link"} className={currentItem + "-link"}
onClick={self.handleDropdownLinkClick} onClick={self.handleDropdownLinkClick}
href={helpers.buildUrl(self.props.event, currentItem)} href={helpers.buildUrl(self.props.event, currentItem)}
target="_blank" target="_blank">
>
{icon} {icon}
{currentLabel} {currentLabel}
</a> </a>
@@ -225,4 +224,4 @@ ReactAddToCalendar.defaultProps = {
{ yahoo: "Yahoo" } { yahoo: "Yahoo" }
], ],
rootClass: "react-add-to-calendar" rootClass: "react-add-to-calendar"
}; };