@zohodesk/components 1.0.0-alpha-250 → 1.0.0-alpha-252

package/es/DateTime/dateFormatUtils/index.js

@@ -2,11 +2,11 @@
 
 /** * Libraries ** */
 import datetime from '@zohodesk/datetimejs';
-/** * Methods ** */
 
+/** * Methods ** */
 import { getMonthEnd } from '../../utils/datetime/common';
-/** * Constants ** */
 
+/** * Constants ** */
 import { flags, INVALID_DATE } from '../constants';
 export function convertYearToTwoDigit(year) {
   return parseInt(year.toString().slice(-2));
@@ -15,7 +15,6 @@ export function addZero() {
   let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let length = arguments.length > 1 ? arguments[1] : undefined;
   let newValue = value.toString();
-
   for (let i = 0; i < length; i++) {
     if (newValue.length < length) {
       newValue = `0${newValue}`;
@@ -23,19 +22,16 @@ export function addZero() {
       break;
     }
   }
-
   return newValue;
 }
 export function getDayEnd(month, year) {
   month -= 1;
   const monthend = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-
   if (month && year) {
     return getMonthEnd(month, year);
   } else if (month) {
     return monthend[month];
   }
-
   return 31;
 }
 export function getIsNumberTyped(event) {
@@ -45,18 +41,15 @@ export function getIsNumberTyped(event) {
     metaKey,
     shiftKey
   } = event;
-
   if (keyCode >= 48 && keyCode <= 57 && !ctrlKey && !metaKey && !shiftKey) {
     return true;
   }
-
   return false;
 }
 export function getIsDeleteTyped(keyCode) {
   if (keyCode === 8) {
     return true;
   }
-
   return false;
 }
 export function getIsNewValueType(focusOrders, keyActions) {
@@ -85,7 +78,6 @@ export function getMonthDetails() {
 export function getYearDetails(yearLength) {
   const dateObj = new Date();
   const year = dateObj.getFullYear();
-
   if (yearLength === 2) {
     return {
       startPoint: 0,
@@ -93,7 +85,6 @@ export function getYearDetails(yearLength) {
       currentYear: year
     };
   }
-
   return {
     startPoint: 1850,
     endPoint: 9999,
@@ -107,11 +98,9 @@ export function convertTwoDigitToYear() {
   let year = dateObj.getFullYear();
   const digitValueStr = addZero(digitValue.toString(), 2);
   year = selectedYear ? selectedYear : year;
-
   if (digitValueStr && digitValueStr.length <= 2) {
     return parseInt(year.toString().slice(0, 2) + digitValueStr);
   }
-
   return digitValue;
 }
 export function getHourDetails(is24Hour) {
@@ -130,14 +119,12 @@ export function getIsNoonValueTyped(event) {
   const {
     keyCode
   } = event;
-
   if (keyCode === 65 || keyCode === 77 || keyCode === 80) {
     //A -65
     //M -77
     //P -80
     return true;
   }
-
   return false;
 }
 export function getNoonDetails() {
@@ -145,42 +132,32 @@ export function getNoonDetails() {
     allowedValues: ['AM', 'PM']
   };
 }
-
 function getIsArrowTyped(keyCode) {
   const arrowKeycodes = [37, 38, 39, 40];
-
   if (arrowKeycodes.indexOf(keyCode) >= 0) {
     return true;
   }
-
   return false;
 }
-
 export function getIsSupportedKey(event) {
   const {
     keyCode
   } = event;
-
   if (getIsArrowTyped(keyCode) || getIsDeleteTyped(keyCode) || getIsNumberTyped(event) || getIsNoonValueTyped(event)) {
     return true;
   }
-
   return false;
 }
 export function arrayIsNotEqual(a, b) {
   return a.some((val, index) => val !== b[index]);
 }
-
 function getIsEmptyValue(value, startPoint, endPoint) {
   const newValue = parseInt(value) || 0;
-
   if (newValue >= startPoint && newValue <= endPoint) {
     return false;
   }
-
   return true;
 }
-
 export function getIsEmptyHour(value, is24Hour) {
   const {
     startPoint,
@@ -202,7 +179,6 @@ export function getIsCurrentYear(_ref) {
     timeZone
   } = _ref;
   let isCurrentYear = false;
-
   if (value && value !== INVALID_DATE) {
     const dateObj = isDateTime ? datetime.toDate(datetime.tz.utcToTz(value, timeZone)) : datetime.toDate(value);
     const currentDateObj = new Date();
@@ -210,7 +186,6 @@ export function getIsCurrentYear(_ref) {
     const selectedYear = dateObj.getFullYear();
     isCurrentYear = currentYear === selectedYear;
   }
-
   return {
     isCurrentYear
   };
@@ -223,7 +198,6 @@ export function removeYearPattern(dateFormatArr, patternArr) {
     const {
       type
     } = flags[val];
-
     if (type === 'year') {
       yearIndex = index;
     } else {

package/es/DateTime/dateFormatUtils/monthChange.js

@@ -23,7 +23,6 @@ export function getChangedMonth(values, event, focusOrders, keyActions) {
     startPoint,
     endPoint
   } = getMonthDetails();
-
   if (keyCode === 38) {
     //up arrow
     if (newMonth === endPoint || !newMonth) {
@@ -46,19 +45,15 @@ export function getChangedMonth(values, event, focusOrders, keyActions) {
     const keyString = String.fromCharCode(which);
     let newValue = isNewType ? keyString : month.toString() + keyString;
     newValue = Number.parseInt(newValue);
-
     if (isNewType) {
       isChanged = true;
-
       if (newValue * 10 > endPoint) {
         newFocusOrder += 1;
       }
-
       newMonth = newValue;
     } else {
       isChanged = true;
       newFocusOrder += 1;
-
       if (newValue > endPoint) {
         newMonth = endPoint;
       } else if (!newValue) {
@@ -71,15 +66,12 @@ export function getChangedMonth(values, event, focusOrders, keyActions) {
     isChanged = true;
     newMonth = '';
   }
-
   const dayEnd = getDayEnd(newMonth, newYear);
   let dayChanged = false;
-
   if (newDay && newDay > dayEnd) {
     dayChanged = true;
     newDay = dayEnd;
   }
-
   return {
     day: dayChanged ? newDay : day,
     month: newMonth,

package/es/DateTime/dateFormatUtils/timeChange.js

@@ -23,7 +23,6 @@ export function getChangedHour(values, event, focusOrders, keyActions) {
     startPoint,
     endPoint
   } = getHourDetails(is24Hour);
-
   if (keyCode === 38) {
     //up arrow
     if (newHour === endPoint || getIsEmptyHour(newHour, is24Hour)) {
@@ -46,19 +45,15 @@ export function getChangedHour(values, event, focusOrders, keyActions) {
     const keyString = String.fromCharCode(which);
     let newValue = isNewType ? keyString : hour.toString() + keyString;
     newValue = Number.parseInt(newValue);
-
     if (isNewType) {
       isChanged = true;
-
       if (newValue * 10 > endPoint) {
         newFocusOrder += 1;
       }
-
       newHour = newValue;
     } else {
       isChanged = true;
       newFocusOrder += 1;
-
       if (newValue > endPoint) {
         newHour = endPoint;
       } else if (!newValue) {
@@ -71,7 +66,6 @@ export function getChangedHour(values, event, focusOrders, keyActions) {
     isChanged = true;
     newHour = '';
   }
-
   return {
     hour: newHour,
     isChanged,
@@ -98,7 +92,6 @@ export function getChangedMinute(values, event, focusOrders, keyActions) {
     startPoint,
     endPoint
   } = getMinuteDetails();
-
   if (keyCode === 38) {
     //up arrow
     if (newMinute === endPoint || isEmptyMinute) {
@@ -121,19 +114,15 @@ export function getChangedMinute(values, event, focusOrders, keyActions) {
     const keyString = String.fromCharCode(which);
     let newValue = isNewType ? keyString : minute.toString() + keyString;
     newValue = Number.parseInt(newValue);
-
     if (isNewType) {
       isChanged = true;
-
       if (newValue * 10 > endPoint) {
         newFocusOrder += 1;
       }
-
       newMinute = newValue;
     } else {
       isChanged = true;
       newFocusOrder += 1;
-
       if (newValue > endPoint) {
         newMinute = endPoint;
       } else {
@@ -144,16 +133,13 @@ export function getChangedMinute(values, event, focusOrders, keyActions) {
     isChanged = true;
     newMinute = '';
   }
-
   return {
     minute: newMinute,
     isChanged,
     focusOrder: newFocusOrder
   };
 }
-export function getChangedNoon(values, event, focusOrders
-/*keyActions*/
-) {
+export function getChangedNoon(values, event, focusOrders /*keyActions*/) {
   const {
     keyCode,
     which
@@ -166,7 +152,9 @@ export function getChangedNoon(values, event, focusOrders
   const {
     focusOrder
   } = focusOrders;
-  const newFocusOrder = focusOrder; // const isNewType = getIsNewValueType(focusOrders, keyActions);
+  const newFocusOrder = focusOrder;
+
+  // const isNewType = getIsNewValueType(focusOrders, keyActions);
 
   const {
     allowedValues
@@ -174,7 +162,6 @@ export function getChangedNoon(values, event, focusOrders
   const [startPoint] = allowedValues;
   const endPoint = allowedValues[allowedValues.length - 1];
   const currentNoonIndex = allowedValues.indexOf(newNoon);
-
   if (keyCode === 38) {
     //up arrow
     if (newNoon === endPoint || !newNoon) {
@@ -194,11 +181,11 @@ export function getChangedNoon(values, event, focusOrders
       newNoon = allowedValues[currentNoonIndex - 1];
     }
   } else if (getIsNoonValueTyped(event)) {
-    const keyString = String.fromCharCode(which); // let newValue = isNewType ? keyString : noon.toString() + keyString;
+    const keyString = String.fromCharCode(which);
 
+    // let newValue = isNewType ? keyString : noon.toString() + keyString;
     const newValue = keyString;
     const needChangeNoon = newNoon.indexOf(newValue) === -1 ? true : false;
-
     if (needChangeNoon) {
       let newValueIndex = currentNoonIndex;
       allowedValues.some((val, index) => {
@@ -206,10 +193,8 @@ export function getChangedNoon(values, event, focusOrders
           newValueIndex = index;
           return true;
         }
-
         return false;
       });
-
       if (currentNoonIndex !== newValueIndex) {
         isChanged = true;
         newNoon = allowedValues[newValueIndex];
@@ -219,7 +204,6 @@ export function getChangedNoon(values, event, focusOrders
     isChanged = true;
     newNoon = '';
   }
-
   return {
     noon: newNoon,
     isChanged,

package/es/DateTime/dateFormatUtils/yearChange.js

@@ -15,17 +15,16 @@ export function getChangedYear(values, event, focusOrders, keyActions, _ref) {
     day = '',
     month = ''
   } = values;
-  let isChanged = false; //Year Two Digit case
+  let isChanged = false;
 
+  //Year Two Digit case
   const {
     length: yearLength
   } = yearInfo;
   const oldYear = year; // For get Centuries
-
   if (yearLength === 2) {
     year = convertYearToTwoDigit(year).toString();
   }
-
   let newDay = Number.parseInt(day) || 0;
   const newMonth = Number.parseInt(month) || 0;
   let newYear = Number.parseInt(year) || 0;
@@ -39,7 +38,6 @@ export function getChangedYear(values, event, focusOrders, keyActions, _ref) {
     endPoint,
     currentYear
   } = getYearDetails(yearLength);
-
   if (keyCode === 38) {
     //up arrow
     if (newYear === endPoint) {
@@ -69,17 +67,14 @@ export function getChangedYear(values, event, focusOrders, keyActions, _ref) {
     let newValue = isNewType ? keyString : year.toString() + keyString;
     const newValueString = newValue || '';
     newValue = Number.parseInt(newValue);
-
     if (isNewType) {
       isChanged = true;
       newYear = newValue;
     } else {
       isChanged = true;
-
       if (newValue * 10 > endPoint) {
         newFocusOrder += 1;
       }
-
       if (newValue > endPoint) {
         // newYear = endPoint;
         newYear = currentYear;
@@ -98,19 +93,15 @@ export function getChangedYear(values, event, focusOrders, keyActions, _ref) {
     isChanged = true;
     newYear = '';
   }
-
   if (yearLength === 2) {
     newYear = convertTwoDigitToYear(newYear, oldYear);
   }
-
   const dayEnd = getDayEnd(newMonth, newYear);
   let dayChanged = false;
-
   if (newDay && newDay > dayEnd) {
     dayChanged = true;
     newDay = dayEnd;
   }
-
   return {
     day: dayChanged ? newDay : day,
     year: newYear,

package/es/DateTime/docs/DateTime__default.docs.js

@@ -16,28 +16,24 @@ export default class DateTime__default extends React.Component {
     this.handleGetMethods = this.handleGetMethods.bind(this);
     this.handleDateChange = this.handleDateChange.bind(this);
   }
-
   handleDateTimeChange(dateTime, dateTimeformattedValue) {
     this.setState({
       dateTime,
       dateTimeformattedValue
     });
   }
-
   handleDateChange(date, dateFormattedValue) {
     this.setState({
       date,
       dateFormattedValue
     });
   }
-
   handleGetMethods(methods) {
     const {
       resetLocalDate
     } = methods;
     this.resetLocalDate = resetLocalDate;
   }
-
   render() {
     const {
       dateTime,
@@ -58,9 +54,11 @@ export default class DateTime__default extends React.Component {
       timeZone: datetime.tz.unpack(data.timezone),
       isAbsolute: false,
       needAction: false,
-      isDateTimeField: false // onSelect={this.handleDateTimeChange}
+      isDateTimeField: false
+      // onSelect={this.handleDateTimeChange}
       ,
-      getMethods: this.handleGetMethods // onError={() => {
+      getMethods: this.handleGetMethods
+      // onError={() => {
       //   this.resetLocalDate();
       // }}
       ,
@@ -73,16 +71,15 @@ export default class DateTime__default extends React.Component {
       isAbsolute: false,
       needAction: false,
       getMethods: this.handleGetMethods,
-      isDateTimeField: true // onError={() => {
+      isDateTimeField: true
+      // onError={() => {
       //   this.resetLocalDate();
       // }}
       ,
       isDefaultPosition: true
     })));
   }
-
 }
-
 if (false) {
   DateTime__default.docs = {
     componentGroup: 'Form Elements',

package/es/DateTime/docs/DateWidget__default.docs.js

@@ -14,19 +14,16 @@ export default class DateWidget__default extends React.Component {
     this.handleDateChange = this.handleDateChange.bind(this);
     this.handleDateTimeChange = this.handleDateTimeChange.bind(this);
   }
-
   handleDateChange(date) {
     this.setState({
       date
     });
   }
-
   handleDateTimeChange(dateTime) {
     this.setState({
       dateTime
     });
   }
-
   render() {
     const i18nKey = {
       submitText: 'OK',
@@ -172,9 +169,7 @@ export default class DateWidget__default extends React.Component {
       isHideCurrentYear: true
     })))));
   }
-
 }
-
 if (false) {
   DateWidget__default.docs = {
     componentGroup: 'Form Elements',

package/es/DateTime/objectUtils.js

@@ -4,50 +4,56 @@ export const clone = (a, b, c, d, e, f) => {
 };
 export const extract = (obj, keys, target) => {
   target = target || {};
-
   for (var i in obj) {
     if (keys.indexOf(i) < 0) continue;
     if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
     target[i] = obj[i];
   }
-
   return target;
 };
 export const omit = (obj, keys, target) => {
   target = target || {};
-
   for (var i in obj) {
     if (keys.indexOf(i) >= 0) continue;
     if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
     target[i] = obj[i];
   }
-
   return target;
 };
 export const equals = (x, y) => {
-  if (x === y) return true; // if both x and y are null or undefined and exactly the same
+  if (x === y) return true;
+  // if both x and y are null or undefined and exactly the same
 
-  if (x == null && y != null || x != null && y == null) return false; //break if not same null or undefined
+  if (x == null && y != null || x != null && y == null) return false;
+  //break if not same null or undefined
 
-  if (!(x instanceof Object) || !(y instanceof Object)) return false; // if they are not strictly equal, they both need to be Objects
+  if (!(x instanceof Object) || !(y instanceof Object)) return false;
+  // if they are not strictly equal, they both need to be Objects
 
-  if (x.constructor !== y.constructor) return false; // they must have the exact same prototype chain, the closest we can do is
+  if (x.constructor !== y.constructor) return false;
+  // they must have the exact same prototype chain, the closest we can do is
   // test there constructor.
 
   for (var p in x) {
-    if (!x.hasOwnProperty(p)) continue; // other properties were tested using x.constructor === y.constructor
+    if (!x.hasOwnProperty(p)) continue;
+    // other properties were tested using x.constructor === y.constructor
 
-    if (!y.hasOwnProperty(p)) return false; // allows to compare x[ p ] and y[ p ] when set to undefined
+    if (!y.hasOwnProperty(p)) return false;
+    // allows to compare x[ p ] and y[ p ] when set to undefined
 
-    if (x[p] === y[p]) continue; // if they have the same strict value or identity then they are equal
+    if (x[p] === y[p]) continue;
+    // if they have the same strict value or identity then they are equal
 
-    if (typeof x[p] !== 'object') return false; // Numbers, Strings, Functions, Booleans must be strictly equal
+    if (typeof x[p] !== 'object') return false;
+    // Numbers, Strings, Functions, Booleans must be strictly equal
 
-    if (!equals(x[p], y[p])) return false; // Objects and Arrays must be tested recursively
+    if (!equals(x[p], y[p])) return false;
+    // Objects and Arrays must be tested recursively
   }
 
   for (p in y) {
-    if (y.hasOwnProperty(p) && !x.hasOwnProperty(p)) return false; // allows x[ p ] to be set to undefined
+    if (y.hasOwnProperty(p) && !x.hasOwnProperty(p)) return false;
+    // allows x[ p ] to be set to undefined
   }
 
   return true;

package/es/DateTime/props/propTypes.js

@@ -15,7 +15,8 @@ export const Span_propTypes = {
   isActive: PropTypes.bool,
   tdclass: PropTypes.string,
   userSeeMonth: PropTypes.number,
-  userSeeYear: PropTypes.number
+  userSeeYear: PropTypes.number,
+  isToday: PropTypes.bool
 };
 export const DateTime_propTypes = {
   boxSize: PropTypes.string,
@@ -60,7 +61,8 @@ export const DateTime_propTypes = {
   timeZone: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   is24Hour: PropTypes.bool,
-  isDefaultPosition: PropTypes.bool
+  isDefaultPosition: PropTypes.bool,
+  isToday: PropTypes.bool
 };
 export const DateWidget_propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default']),

package/es/DateTime/typeChecker.js

@@ -1,10 +1,8 @@
 const exports = {};
 let types = 'Array Object String Date RegExp Function Boolean Number Null Undefined'.split(' ');
-
 let type = function () {
   return Object.prototype.toString.call(this).slice(8, -1);
 };
-
 for (let i = types.length; i--;) {
   /*eslint-disable */
   exports['is' + types[i]] = function (self) {
@@ -15,5 +13,4 @@ for (let i = types.length; i--;) {
 }
 /*eslint-enable */
 
-
 export default exports;