mirror of
https://github.com/encounter/react-add-to-calendar.git
synced 2026-07-10 21:18:44 -07:00
fixing build
This commit is contained in:
+1181
-1124
File diff suppressed because it is too large
Load Diff
+1
-1
@@ -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.0.7",
|
"version": "0.0.8",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"homepage": "https://github.com/jasonsalzman/react-add-to-calendar",
|
"homepage": "https://github.com/jasonsalzman/react-add-to-calendar",
|
||||||
"repository": {
|
"repository": {
|
||||||
|
|||||||
+27
-29
@@ -1,4 +1,6 @@
|
|||||||
import React, {Component} from 'react';
|
import React, {
|
||||||
|
Component,
|
||||||
|
} from 'react';
|
||||||
|
|
||||||
import helpersClass from './helpers';
|
import helpersClass from './helpers';
|
||||||
const helpers = new helpersClass();
|
const helpers = new helpersClass();
|
||||||
@@ -60,15 +62,15 @@ export default class ReactAddToCalendar extends React.Component {
|
|||||||
|
|
||||||
let icon = null;
|
let icon = null;
|
||||||
if (self.props.displayItemIcons) {
|
if (self.props.displayItemIcons) {
|
||||||
let currentIcon = (currentItem === 'outlook')
|
let currentIcon = (currentItem === 'outlook') ? 'windows' : currentItem;
|
||||||
? 'windows'
|
|
||||||
: currentItem;
|
|
||||||
icon = <i className={'fa fa-' + currentIcon}/>;
|
icon = <i className={'fa fa-' + currentIcon}/>;
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<li key={helpers.getRandomKey()}>
|
<li key={helpers.getRandomKey()}>
|
||||||
<a className={currentItem + '-link'} onClick={self.handleDropdownLinkClick} href={helpers.buildUrl(self.props.event, currentItem, self.state.isCrappyIE)} target="_blank">
|
<a className={currentItem + '-link'} onClick={self.handleDropdownLinkClick}
|
||||||
|
href={helpers.buildUrl(self.props.event, currentItem, self.state.isCrappyIE)}
|
||||||
|
target="_blank">
|
||||||
{icon}
|
{icon}
|
||||||
{currentLabel}</a>
|
{currentLabel}</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -94,22 +96,20 @@ export default class ReactAddToCalendar extends React.Component {
|
|||||||
let buttonIconClass = 'react-add-to-calendar__icon--' + iconPlacement + ' fa fa-';
|
let buttonIconClass = 'react-add-to-calendar__icon--' + iconPlacement + ' fa fa-';
|
||||||
|
|
||||||
if (template[0] === 'caret') {
|
if (template[0] === 'caret') {
|
||||||
buttonIconClass += (this.state.optionsOpen)
|
buttonIconClass += (this.state.optionsOpen) ? 'caret-up' : 'caret-down';
|
||||||
? 'caret-up'
|
|
||||||
: 'caret-down';
|
|
||||||
} else {
|
} else {
|
||||||
buttonIconClass += template[0];
|
buttonIconClass += template[0];
|
||||||
}
|
}
|
||||||
|
|
||||||
buttonIcon = <i className={buttonIconClass}/>;
|
buttonIcon = <i className={buttonIconClass}/>;
|
||||||
buttonLabel = (iconPlacement === 'right')
|
buttonLabel = (iconPlacement === 'right') ?
|
||||||
? (
|
(
|
||||||
<span>
|
<span>
|
||||||
{buttonLabel + ' '}
|
{buttonLabel + ' '}
|
||||||
{buttonIcon}
|
{buttonIcon}
|
||||||
</span>
|
</span>
|
||||||
)
|
) :
|
||||||
: (
|
(
|
||||||
<span>
|
<span>
|
||||||
{buttonIcon}
|
{buttonIcon}
|
||||||
{' ' + buttonLabel}
|
{' ' + buttonLabel}
|
||||||
@@ -117,13 +117,12 @@ export default class ReactAddToCalendar extends React.Component {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
let buttonClass = (this.state.optionsOpen)
|
let buttonClass = (this.state.optionsOpen) ? this.props.buttonClassClosed + ' ' + this.props.buttonClassOpen : this.props.buttonClassClosed;
|
||||||
? this.props.buttonClassClosed + ' ' + this.props.buttonClassOpen
|
|
||||||
: this.props.buttonClassClosed;
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={this.props.buttonWrapperClass}>
|
<div className={this.props.buttonWrapperClass}>
|
||||||
<a className={buttonClass} onClick={this.toggleCalendarDropdown}>{buttonLabel}</a>
|
<a className={buttonClass}
|
||||||
|
onClick={this.toggleCalendarDropdown}>{buttonLabel}</a>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -158,7 +157,13 @@ ReactAddToCalendar.propTypes = {
|
|||||||
buttonWrapperClass: React.PropTypes.string,
|
buttonWrapperClass: React.PropTypes.string,
|
||||||
displayItemIcons: React.PropTypes.bool,
|
displayItemIcons: React.PropTypes.bool,
|
||||||
dropdownClass: React.PropTypes.string,
|
dropdownClass: React.PropTypes.string,
|
||||||
event: React.PropTypes.shape({title: React.PropTypes.string, description: React.PropTypes.string, location: React.PropTypes.string, startTime: React.PropTypes.string, endTime: React.PropTypes.string}).isRequired,
|
event: React.PropTypes.shape({
|
||||||
|
title: React.PropTypes.string,
|
||||||
|
description: React.PropTypes.string,
|
||||||
|
location: React.PropTypes.string,
|
||||||
|
startTime: React.PropTypes.string,
|
||||||
|
endTime: React.PropTypes.string
|
||||||
|
}).isRequired,
|
||||||
listItems: React.PropTypes.arrayOf(React.PropTypes.object),
|
listItems: React.PropTypes.arrayOf(React.PropTypes.object),
|
||||||
rootClass: React.PropTypes.string
|
rootClass: React.PropTypes.string
|
||||||
};
|
};
|
||||||
@@ -167,9 +172,7 @@ ReactAddToCalendar.defaultProps = {
|
|||||||
buttonClassClosed: 'react-add-to-calendar__button',
|
buttonClassClosed: 'react-add-to-calendar__button',
|
||||||
buttonClassOpen: 'react-add-to-calendar__button--light',
|
buttonClassOpen: 'react-add-to-calendar__button--light',
|
||||||
buttonLabel: 'Add to My Calendar',
|
buttonLabel: 'Add to My Calendar',
|
||||||
buttonTemplate: {
|
buttonTemplate: { caret: 'right' },
|
||||||
caret: 'right'
|
|
||||||
},
|
|
||||||
buttonWrapperClass: 'react-add-to-calendar__wrapper',
|
buttonWrapperClass: 'react-add-to-calendar__wrapper',
|
||||||
displayItemIcons: true,
|
displayItemIcons: true,
|
||||||
dropdownClass: 'react-add-to-calendar__dropdown',
|
dropdownClass: 'react-add-to-calendar__dropdown',
|
||||||
@@ -181,15 +184,10 @@ ReactAddToCalendar.defaultProps = {
|
|||||||
endTime: '2016-09-16T21:45:00-04:00'
|
endTime: '2016-09-16T21:45:00-04:00'
|
||||||
},
|
},
|
||||||
listItems: [
|
listItems: [
|
||||||
{
|
{ apple: 'Apple Calendar' },
|
||||||
apple: 'Apple Calendar'
|
{ google: 'Google' },
|
||||||
}, {
|
{ outlook: 'Outlook' },
|
||||||
google: 'Google'
|
{ yahoo: 'Yahoo' }
|
||||||
}, {
|
|
||||||
outlook: 'Outlook'
|
|
||||||
}, {
|
|
||||||
yahoo: 'Yahoo'
|
|
||||||
}
|
|
||||||
],
|
],
|
||||||
rootClass: 'react-add-to-calendar'
|
rootClass: 'react-add-to-calendar'
|
||||||
};
|
};
|
||||||
Reference in New Issue
Block a user