@ericz1803/react-google-calendar
Advanced tools
Comparing version 4.2.1 to 4.2.2
@@ -159,3 +159,3 @@ "use strict"; | ||
if (Boolean(this.props.language) && _languages.availableLanguages.includes(this.props.language.toUpperCase())) { | ||
// try to change langue | ||
// try to change language | ||
try { | ||
@@ -162,0 +162,0 @@ lang = this.props.language.toUpperCase(); |
@@ -7,3 +7,3 @@ "use strict"; | ||
exports.Languages = exports.availableLanguages = void 0; | ||
var availableLanguages = ['ES', 'PT', 'FR', 'SL']; | ||
var availableLanguages = ['ES', 'PT', 'FR', 'SL', 'DE', 'PL']; | ||
exports.availableLanguages = availableLanguages; | ||
@@ -30,4 +30,12 @@ var Languages = { | ||
DAYS: ["Ned", "Pon", "Tor", "Sre", "Čet", "Pet", "Sob"] | ||
}, | ||
DE: { | ||
MONTHS: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"], | ||
DAYS: ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"] | ||
}, | ||
PL: { | ||
MONTHS: ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"], | ||
DAYS: ["Pon", "Wt", "Śr", "Czw", "Pt", "Sob", "Nd"] | ||
} | ||
}; | ||
exports.Languages = Languages; |
{ | ||
"name": "@ericz1803/react-google-calendar", | ||
"version": "4.2.1", | ||
"version": "4.2.2", | ||
"description": "React Google Calendar Component", | ||
@@ -39,3 +39,3 @@ "main": "index.js", | ||
"devDependencies": { | ||
"@babel/cli": "^7.10.1", | ||
"@babel/cli": "^7.18.10", | ||
"@babel/core": "^7.10.1", | ||
@@ -51,3 +51,3 @@ "@babel/plugin-transform-runtime": "^7.10.1", | ||
"jest-emotion": "^10.0.32", | ||
"jest-transform-css": "^2.1.0", | ||
"jest-transform-css": "^4.0.1", | ||
"react-test-renderer": "^16.14.0" | ||
@@ -54,0 +54,0 @@ }, |
# React Google Calendar | ||
![npm (scoped)](https://img.shields.io/npm/v/@ericz1803/react-google-calendar) [![Build Status](https://travis-ci.com/ericz1803/react-google-calendar.svg?token=kgRjisW2saVwCyBzYyN5&branch=master)](https://travis-ci.com/ericz1803/react-google-calendar) | ||
![npm (scoped)](https://img.shields.io/npm/v/@ericz1803/react-google-calendar) [![Build Status](https://travis-ci.com/ericz1803/react-google-calendar.svg?token=kgRjisW2saVwCyBzYyN5&branch=master)](https://travis-ci.com/ericz1803/react-google-calendar) | ||
A react component that displays an event calendar using data from google's calendar api. It is intended to replace the embedded google calendar. | ||
@@ -28,3 +28,3 @@ | ||
Then, get the calendar id from the google calendar. It will look something like `09opmkrjova8h5k5k46fedmo88@group.calendar.google.com`. | ||
Then, get the calendar id from the google calendar. It will look something like `09opmkrjova8h5k5k46fedmo88@group.calendar.google.com`. | ||
You can find it by going to a calendar's settings and scrolling down to the section that is labelled `Integrate calendar`. | ||
@@ -40,7 +40,7 @@ | ||
let calendars = [ | ||
{calendarId: "YOUR_CALENDAR_ID"}, | ||
{ calendarId: "YOUR_CALENDAR_ID" }, | ||
{ | ||
calendarId: "YOUR_CALENDAR_ID_2", | ||
color: "#B241D1" //optional, specify color of calendar 2 events | ||
} | ||
color: "#B241D1", //optional, specify color of calendar 2 events | ||
}, | ||
]; | ||
@@ -54,3 +54,3 @@ | ||
</div> | ||
) | ||
); | ||
} | ||
@@ -61,2 +61,3 @@ } | ||
### Properties | ||
| Parameter | Type | Description | | ||
@@ -69,3 +70,3 @@ |---------------|------------------|---------------------------------------------------------------------------------| | ||
| `showFooter` | boolean | whether or not to show footer (optional, defaults to `true`) | | ||
| `language` | string | Available options : 'ES', 'PT', 'FR', 'SL' default: 'EN' | | ||
| `language` | string | Available options : `ES`, `PT`, `FR`, `SL`, `DE`, `PL` default: `EN` | | ||
@@ -79,2 +80,3 @@ ### Customization | ||
#### Style Keys | ||
- `calendar` | ||
@@ -98,5 +100,11 @@ - `day` | ||
let calendars = [ | ||
{calendarId: "09opmkrjova8h5k5k46fedmo88@group.calendar.google.com", color: "#B241D1"}, //add a color field to specify the color of a calendar | ||
{calendarId: "hkr1dj9k6v6pa79gvpv03eapeg@group.calendar.google.com"}, //without a specified color, it defaults to blue (#4786ff) | ||
{calendarId: "rg4m0k607609r2jmdr97sjvjus@group.calendar.google.com", color: "rgb(63, 191, 63)"} //accepts hex and rgb strings (doesn't work with color names) | ||
{ | ||
calendarId: "09opmkrjova8h5k5k46fedmo88@group.calendar.google.com", | ||
color: "#B241D1", | ||
}, //add a color field to specify the color of a calendar | ||
{ calendarId: "hkr1dj9k6v6pa79gvpv03eapeg@group.calendar.google.com" }, //without a specified color, it defaults to blue (#4786ff) | ||
{ | ||
calendarId: "rg4m0k607609r2jmdr97sjvjus@group.calendar.google.com", | ||
color: "rgb(63, 191, 63)", | ||
}, //accepts hex and rgb strings (doesn't work with color names) | ||
]; | ||
@@ -109,12 +117,12 @@ | ||
}, | ||
//you can also use emotion's string styles | ||
today: css` | ||
/* highlight today by making the text red and giving it a red border */ | ||
/* highlight today by making the text red and giving it a red border */ | ||
color: red; | ||
border: 1px solid red; | ||
` | ||
} | ||
`, | ||
}; | ||
const language = 'ES'; | ||
const language = "ES"; | ||
@@ -125,10 +133,10 @@ class Example extends React.Component { | ||
<div> | ||
<Calendar | ||
apiKey={API_KEY} | ||
calendars={calendars} | ||
styles={styles} | ||
language={language} | ||
<Calendar | ||
apiKey={API_KEY} | ||
calendars={calendars} | ||
styles={styles} | ||
language={language} | ||
/> | ||
</div> | ||
) | ||
); | ||
} | ||
@@ -139,2 +147,3 @@ } | ||
## License | ||
MIT License |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
81977
1549
140