From f261d5fb49edf7c1ee2963327aa28b6692659e7e Mon Sep 17 00:00:00 2001
From: Inbal Tish <inbalti@wix.com>
Date: Sat, 25 Jan 2020 10:52:27 +0200
Subject: [PATCH] file cosmetics

---
 CHANGELOG.md                         |  3 +++
 README.md                            |  2 +-
 example/.babelrc-IGNORE              |  2 +-
 example/.watchmanconfig              |  2 +-
 example/app.json                     |  2 +-
 example/babel.config.js              |  4 ++--
 example/metro.config.js              |  8 ++++----
 example/src/screens/agenda.js        | 23 +++++++++++++----------
 example/src/screens/calendars.js     |  4 ++--
 example/src/screens/calendarsList.js |  5 +----
 example/src/screens/menu.js          |  6 +++---
 src/agenda/index.js                  |  5 ++---
 src/calendar-list/item.js            |  4 +++-
 src/calendar/day/basic/index.js      | 12 +++++-------
 src/calendar/day/custom/index.js     |  3 +--
 src/calendar/day/multi-dot/index.js  | 12 +++++-------
 src/calendar/index.js                |  5 +++--
 src/calendar/updater.js              |  1 -
 18 files changed, 51 insertions(+), 52 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8ccbffc657..c51edb9789 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -273,3 +273,6 @@
 ## [1.257.0] - 2020-1-23
 ### Bug fix
 - Reservation - secure calls to prop functions to avoid crashes.
+
+## [1.258.0] - 2020-1-23
+- file cosmetics
diff --git a/README.md b/README.md
index c40780d53f..f6ccb69900 100644
--- a/README.md
+++ b/README.md
@@ -425,7 +425,7 @@ An advanced `Agenda` component that can display interactive listings for calenda
 ```javascript
 <Agenda
   // The list of items that have to be displayed in agenda. If you want to render item as empty date
-  // the value of date key kas to be an empty array []. If there exists no value for date key it is
+  // the value of date key has to be an empty array []. If there exists no value for date key it is
   // considered that the date in question is not yet loaded
   items={{
     '2012-05-22': [{name: 'item 1 - any js object'}],
diff --git a/example/.babelrc-IGNORE b/example/.babelrc-IGNORE
index bb5cdd7960..98736cc9d5 100644
--- a/example/.babelrc-IGNORE
+++ b/example/.babelrc-IGNORE
@@ -2,4 +2,4 @@
   "presets": [
     "module:metro-react-native-babel-preset"
   ]
-}
\ No newline at end of file
+}
diff --git a/example/.watchmanconfig b/example/.watchmanconfig
index 9e26dfeeb6..0967ef424b 100644
--- a/example/.watchmanconfig
+++ b/example/.watchmanconfig
@@ -1 +1 @@
-{}
\ No newline at end of file
+{}
diff --git a/example/app.json b/example/app.json
index 8b6e27341f..0812c78d20 100644
--- a/example/app.json
+++ b/example/app.json
@@ -1,4 +1,4 @@
 {
   "name": "CalendarsExample",
   "displayName": "CalendarsExample"
-}
\ No newline at end of file
+}
diff --git a/example/babel.config.js b/example/babel.config.js
index f6d9db70b6..6403cbe52c 100644
--- a/example/babel.config.js
+++ b/example/babel.config.js
@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['module:metro-react-native-babel-preset'],
-};
\ No newline at end of file
+  presets: ['module:metro-react-native-babel-preset']
+};
diff --git a/example/metro.config.js b/example/metro.config.js
index 13a964217f..dd4674dc0f 100644
--- a/example/metro.config.js
+++ b/example/metro.config.js
@@ -10,8 +10,8 @@ module.exports = {
     getTransformOptions: async () => ({
       transform: {
         experimentalImportSupport: false,
-        inlineRequires: false,
-      },
-    }),
-  },
+        inlineRequires: false
+      }
+    })
+  }
 };
diff --git a/example/src/screens/agenda.js b/example/src/screens/agenda.js
index 9a7aa1e0b1..949e8f0185 100644
--- a/example/src/screens/agenda.js
+++ b/example/src/screens/agenda.js
@@ -1,14 +1,12 @@
 import React, {Component} from 'react';
-import {
-  Text,
-  View,
-  StyleSheet
-} from 'react-native';
+import {Alert, StyleSheet, Text, View, TouchableOpacity} from 'react-native';
 import {Agenda} from 'react-native-calendars';
 
+
 export default class AgendaScreen extends Component {
   constructor(props) {
     super(props);
+
     this.state = {
       items: {}
     };
@@ -51,31 +49,36 @@ export default class AgendaScreen extends Component {
           const numItems = Math.floor(Math.random() * 5);
           for (let j = 0; j < numItems; j++) {
             this.state.items[strTime].push({
-              name: 'Item for ' + strTime,
+              name: 'Item for ' + strTime + ' #' + j,
               height: Math.max(50, Math.floor(Math.random() * 150))
             });
           }
         }
       }
-      //console.log(this.state.items);
       const newItems = {};
       Object.keys(this.state.items).forEach(key => {newItems[key] = this.state.items[key];});
       this.setState({
         items: newItems
       });
     }, 1000);
-    // console.log(`Load Items for ${day.year}-${day.month}`);
   }
 
   renderItem(item) {
     return (
-      <View style={[styles.item, {height: item.height}]}><Text>{item.name}</Text></View>
+      <TouchableOpacity 
+        style={[styles.item, {height: item.height}]} 
+        onPress={() => Alert.alert(item.name)}
+      >
+        <Text>{item.name}</Text>
+      </TouchableOpacity>
     );
   }
 
   renderEmptyDate() {
     return (
-      <View style={styles.emptyDate}><Text>This is empty date!</Text></View>
+      <View style={styles.emptyDate}>
+        <Text>This is empty date!</Text>
+      </View>
     );
   }
 
diff --git a/example/src/screens/calendars.js b/example/src/screens/calendars.js
index a51438d84a..65ad7cfae8 100644
--- a/example/src/screens/calendars.js
+++ b/example/src/screens/calendars.js
@@ -19,7 +19,7 @@ export default class CalendarsScreen extends Component {
   render() {
     return (
       <ScrollView showsVerticalScrollIndicator={false}>
-        <Text style={styles.text}>Calendar with selectable date and arrows</Text>
+        <Text style={styles.text}>Calendar with selectable date</Text>
         <Calendar
           style={styles.calendar}
           hideExtraDays
@@ -42,7 +42,7 @@ export default class CalendarsScreen extends Component {
           maxDate={'2012-05-29'}
           firstDay={1}
           markedDates={{
-            '2012-05-23': {selected: true, marked: true},
+            '2012-05-23': {selected: true, marked: true, disableTouchEvent: true},
             '2012-05-24': {selected: true, marked: true, dotColor: 'red'},
             '2012-05-25': {marked: true, dotColor: 'red'},
             '2012-05-26': {marked: true},
diff --git a/example/src/screens/calendarsList.js b/example/src/screens/calendarsList.js
index ebe72ace37..550bafabe8 100644
--- a/example/src/screens/calendarsList.js
+++ b/example/src/screens/calendarsList.js
@@ -3,10 +3,7 @@ import {CalendarList} from 'react-native-calendars';
 
 
 export default class CalendarsList extends Component {
-  constructor(props) {
-    super(props);
-  }
-
+  
   render() {
     return (
       <CalendarList current={'2012-05-16'} pastScrollRange={24} futureScrollRange={24}/>
diff --git a/example/src/screens/menu.js b/example/src/screens/menu.js
index 27245f7c23..3c2a75b78f 100644
--- a/example/src/screens/menu.js
+++ b/example/src/screens/menu.js
@@ -85,8 +85,8 @@ const styles = StyleSheet.create({
   },
   image: {
     margin: 30,
-    width: 80,
-    height: 80
+    width: 90,
+    height: 90
   },
   menu: {
     width: 300,
@@ -94,7 +94,7 @@ const styles = StyleSheet.create({
     margin: 10,
     // backgroundColor: '#f2F4f5',
     alignItems: 'center',
-    borderRadius: 10,
+    borderRadius: 20,
     borderWidth: 1,
     borderColor: '#7a92a5'
   },
diff --git a/src/agenda/index.js b/src/agenda/index.js
index 47af139311..c31db08c59 100644
--- a/src/agenda/index.js
+++ b/src/agenda/index.js
@@ -9,7 +9,6 @@ import CalendarList from '../calendar-list';
 import ReservationsList from './reservation-list';
 import styleConstructor from './style';
 import {VelocityTracker} from '../input';
-
 import {AGENDA_CALENDAR_KNOB} from '../testIDs';
 
 
@@ -83,7 +82,7 @@ export default class AgendaView extends Component {
     onRefresh: PropTypes.func,
     /** Set this true while waiting for new data from a refresh. */
     refreshing: PropTypes.bool,
-    /** Display loading indicador. Default = false */
+    /** Display loading indicator. Default = false */
     displayLoadingIndicator: PropTypes.bool
   };
 
@@ -378,7 +377,7 @@ export default class AgendaView extends Component {
     }
 
     const shouldAllowDragging = !this.props.hideKnob && !this.state.calendarScrollable;
-    const scrollPadPosition = (shouldAllowDragging ? HEADER_HEIGHT  : 0) - KNOB_HEIGHT;
+    const scrollPadPosition = (shouldAllowDragging ? HEADER_HEIGHT : 0) - KNOB_HEIGHT;
 
     const scrollPadStyle = {
       position: 'absolute',
diff --git a/src/calendar-list/item.js b/src/calendar-list/item.js
index bfd719be50..20e332df2d 100644
--- a/src/calendar-list/item.js
+++ b/src/calendar-list/item.js
@@ -14,6 +14,7 @@ class CalendarListItem extends Component {
 
   constructor(props) {
     super(props);
+
     this.style = styleConstructor(props.theme);
   }
 
@@ -74,7 +75,8 @@ class CalendarListItem extends Component {
           onPressArrowLeft={this.props.horizontal ? this.onPressArrowLeft : this.props.onPressArrowLeft}
           onPressArrowRight={this.props.horizontal ? this.onPressArrowRight : this.props.onPressArrowRight}
           headerStyle={this.props.horizontal ? this.props.headerStyle : undefined}
-        />);
+        />
+      );
     } else {
       const text = row.toString();
 
diff --git a/src/calendar/day/basic/index.js b/src/calendar/day/basic/index.js
index 57b1278eef..b9096b74d9 100644
--- a/src/calendar/day/basic/index.js
+++ b/src/calendar/day/basic/index.js
@@ -1,21 +1,17 @@
 import React, {Component} from 'react';
-import {
-  TouchableOpacity,
-  Text,
-  View
-} from 'react-native';
+import {View, TouchableOpacity, Text} from 'react-native';
 import PropTypes from 'prop-types';
 import {shouldUpdate} from '../../../component-updater';
 
 import styleConstructor from './style';
 
+
 class Day extends Component {
   static displayName = 'IGNORE';
   
   static propTypes = {
     // TODO: disabled props should be removed
     state: PropTypes.oneOf(['disabled', 'today', '']),
-
     // Specify theme properties to override specific styles for calendar parts. Default = {}
     theme: PropTypes.object,
     marking: PropTypes.any,
@@ -26,7 +22,9 @@ class Day extends Component {
 
   constructor(props) {
     super(props);
+
     this.style = styleConstructor(props.theme);
+
     this.onDayPress = this.onDayPress.bind(this);
     this.onDayLongPress = this.onDayLongPress.bind(this);
   }
@@ -46,13 +44,13 @@ class Day extends Component {
     const containerStyle = [this.style.base];
     const textStyle = [this.style.text];
     const dotStyle = [this.style.dot];
-
     let marking = this.props.marking || {};
     if (marking && marking.constructor === Array && marking.length) {
       marking = {
         marking: true
       };
     }
+    
     const isDisabled = typeof marking.disabled !== 'undefined' ? marking.disabled : this.props.state === 'disabled';
     let dot;
     if (marking.marked) {
diff --git a/src/calendar/day/custom/index.js b/src/calendar/day/custom/index.js
index 0bbde71787..24a0687746 100644
--- a/src/calendar/day/custom/index.js
+++ b/src/calendar/day/custom/index.js
@@ -43,15 +43,14 @@ class Day extends Component {
   render() {
     let containerStyle = [this.style.base];
     let textStyle = [this.style.text];
-
     let marking = this.props.marking || {};
     if (marking && marking.constructor === Array && marking.length) {
       marking = {
         marking: true
       };
     }
-    const isDisabled = typeof marking.disabled !== 'undefined' ? marking.disabled : this.props.state === 'disabled';
 
+    const isDisabled = typeof marking.disabled !== 'undefined' ? marking.disabled : this.props.state === 'disabled';
     if (marking.selected) {
       containerStyle.push(this.style.selected);
       textStyle.push(this.style.selectedText);
diff --git a/src/calendar/day/multi-dot/index.js b/src/calendar/day/multi-dot/index.js
index 9cf2600968..f9bb1ddf44 100644
--- a/src/calendar/day/multi-dot/index.js
+++ b/src/calendar/day/multi-dot/index.js
@@ -1,15 +1,11 @@
 import React, {Component} from 'react';
-import {
-  TouchableOpacity,
-  Text,
-  View
-} from 'react-native';
+import {View, TouchableOpacity, Text} from 'react-native';
 import PropTypes from 'prop-types';
 
 import {shouldUpdate} from '../../../component-updater';
-
 import styleConstructor from './style';
 
+
 class Day extends Component {
   static displayName = 'IGNORE';
   
@@ -27,7 +23,9 @@ class Day extends Component {
 
   constructor(props) {
     super(props);
+
     this.style = styleConstructor(props.theme);
+
     this.onDayPress = this.onDayPress.bind(this);
     this.onDayLongPress = this.onDayLongPress.bind(this);
   }
@@ -62,7 +60,6 @@ class Day extends Component {
   render() {
     const containerStyle = [this.style.base];
     const textStyle = [this.style.text];
-
     const marking = this.props.marking || {};
     const dot = this.renderDots(marking);
 
@@ -78,6 +75,7 @@ class Day extends Component {
       containerStyle.push(this.style.today);
       textStyle.push(this.style.todayText);
     }
+    
     return (
       <TouchableOpacity
         testID={this.props.testID}
diff --git a/src/calendar/index.js b/src/calendar/index.js
index 11a8f0d5d0..321106552f 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -47,7 +47,7 @@ class Calendar extends Component {
     markingType: PropTypes.string,
     /** Hide month navigation arrows. Default = false */
     hideArrows: PropTypes.bool,
-    /** Display loading indicador. Default = false */
+    /** Display loading indicator. Default = false */
     displayLoadingIndicator: PropTypes.bool,
     /** Do not show days of other months in month page. Default = false */
     hideExtraDays: PropTypes.bool,
@@ -55,8 +55,9 @@ class Calendar extends Component {
     onDayPress: PropTypes.func,
     /** Handler which gets executed on day long press. Default = undefined */
     onDayLongPress: PropTypes.func,
-    /** Handler which gets executed when visible month changes in calendar. Default = undefined */
+    /** Handler which gets executed when month changes in calendar. Default = undefined */
     onMonthChange: PropTypes.func,
+    /** Handler which gets executed when visible month changes in calendar. Default = undefined */
     onVisibleMonthsChange: PropTypes.func,
     /** Replace default arrows with custom ones (direction can be 'left' or 'right') */
     renderArrow: PropTypes.func,
diff --git a/src/calendar/updater.js b/src/calendar/updater.js
index 2687a7c3d9..7b2c8fcdee 100644
--- a/src/calendar/updater.js
+++ b/src/calendar/updater.js
@@ -46,6 +46,5 @@ export default function shouldComponentUpdate(nextProps, nextState) {
       field: 'current'
     };
   }
-  //console.log(shouldUpdate.field, shouldUpdate.update);
   return shouldUpdate.update;
 }