@zohodesk/components 1.0.0-temp-155 → 1.0.0-temp-156

package/es/DateTime/dateFormatUtils/dateFormat.js

@@ -2,16 +2,16 @@
 
 /** * Libraries ** */
 import datetime from '@zohodesk/datetimejs';
-
 /** * Methods ** */
+
 import { getDayEnd, convertYearToTwoDigit, addZero, getMonthDetails, getYearDetails, getDayDetails, getHourDetails, getMinuteDetails, getNoonDetails, getIsCurrentYear, removeYearPattern } from './index';
 import { getIsEmptyValue } from '../../utils/Common';
 import { formatDate } from '../../utils/datetime/common';
-
 /** * Constants ** */
-import { defaultFormat, supportedPatterns,
-// patternChangeStr,
+
+import { defaultFormat, supportedPatterns, // patternChangeStr,
 patternSplitStr, INCONSTANT, flags } from '../constants';
+
 function getDateFormatString() {
   let dateFormatArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let datePatternArr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -21,19 +21,23 @@ function getDateFormatString() {
     return res;
   }, '');
 }
+
 function getIsValidPattern() {
   let dateFormatArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let datePatternArr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
   const isValueInArray = function () {
     let possibleFormat = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     return possibleFormat.some(str => dateFormatArr.indexOf(str) >= 0);
   };
+
   const haveDay = isValueInArray(flags.day);
   const haveMonth = isValueInArray(flags.month);
   const haveYear = isValueInArray(flags.year);
   const isValidPattern = datePatternArr.length && datePatternArr.length <= 2 && datePatternArr.every(patternStr => supportedPatterns.indexOf(patternStr) >= 0);
   return haveDay && haveMonth && (haveYear || !haveYear) && isValidPattern;
 }
+
 export function getDateFormatDetails() {
   let dateFormat = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let {
@@ -55,17 +59,20 @@ export function getDateFormatDetails() {
     isDateTime
   });
   const isHideYear = isHideCurrentYear ? isCurrentYear : false;
+
   function getDateFormat(dateFormat) {
     const token = /D{1,4}|M{1,4}|YY(?:YY)?|([HhmsA])\1?|[LloSZWN]|\[[^\]]*\]|'[^']*'/gi;
     dateFormatArr = [];
     patternArr = [];
     const newDateFormat = dateFormat.replace(token, match => {
       const dateFormatArrLen = dateFormatArr.length;
+
       if (match in flags) {
         dateFormatArr.push(match);
         const {
           type
         } = flags[match];
+
         if (type === 'day') {
           dayInfo = Object.assign({}, flags[match], {
             index: dateFormatArrLen
@@ -79,28 +86,35 @@ export function getDateFormatDetails() {
             index: dateFormatArrLen
           });
         }
+
         return patternSplitStr;
       }
+
       return match.slice(1, match.length - 1);
     });
     patternArr = newDateFormat.split(patternSplitStr).reduce((res, patternStr) => {
       if (patternStr) {
         res.push(patternStr);
       }
+
       return res;
     }, []);
   }
+
   getDateFormat(dateFormat);
   const isValidPattern = getIsValidPattern(dateFormatArr, patternArr);
+
   if (!isValidPattern) {
     getDateFormat(defaultFormat);
   }
+
   if (isHideYear) {
     ({
       dateFormatArr,
       patternArr
     } = removeYearPattern(dateFormatArr, patternArr));
   }
+
   return {
     dateFormat: getDateFormatString(dateFormatArr, patternArr),
     dateFormatArr,
@@ -111,6 +125,7 @@ export function getDateFormatDetails() {
     isValidPattern
   };
 }
+
 function getDisplayFormatValue(dateVal, formatVal) {
   let {
     i18nShortMonths = [],
@@ -120,18 +135,22 @@ function getDisplayFormatValue(dateVal, formatVal) {
     length,
     type
   } = flags[formatVal] || {};
+
   if (length === INCONSTANT) {
     if (dateVal && formatVal === 'MMM' && i18nShortMonths.length) {
       return i18nShortMonths[dateVal - 1];
     } else if (dateVal && formatVal === 'MMMM' && i18nMonths.length) {
       return i18nMonths[dateVal - 1];
     }
+
     return addZero(dateVal, formatVal.length ? formatVal.length : 1);
   } else if (type === 'year' && length === 2) {
     return addZero(convertYearToTwoDigit(dateVal), length);
   }
+
   return addZero(dateVal, length);
 }
+
 function concatDate(values, dateFormatArr, patternArr, fillPlaceHolder) {
   let {
     i18nShortMonths,
@@ -152,6 +171,7 @@ function concatDate(values, dateFormatArr, patternArr, fillPlaceHolder) {
   }, '');
   return dateString;
 }
+
 export function getDateTimeString() {
   let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let dateFormatDetails = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -184,11 +204,13 @@ export function getDateTimeString() {
     i18nMonths
   });
   let timeString = '';
+
   if (isDateTime) {
     hour = !getIsEmptyValue(hour) ? addZero(hour, 2) : is24Hour ? 'HH' : 'hh';
     minute = !getIsEmptyValue(minute) ? addZero(minute, 2) : 'mm';
     timeString = ` ${hour}:${minute} ${is24Hour ? '' : `${noon || '--'}`}`;
   }
+
   return `${dateString}${timeString}`;
 }
 export function getDateDetails(value, localValues, isDateTime, timeZone, _ref) {
@@ -203,6 +225,7 @@ export function getDateDetails(value, localValues, isDateTime, timeZone, _ref) {
     minute,
     noon
   } = localValues;
+
   if (value) {
     const dateObj = isDateTime ? datetime.toDate(datetime.tz.utcToTz(value, timeZone)) : value ? datetime.toDate(value) : new Date();
     const selectedDay = dateObj.getDate();
@@ -211,13 +234,16 @@ export function getDateDetails(value, localValues, isDateTime, timeZone, _ref) {
     const newDay = day ? day : selectedDay;
     const newMonth = month ? month : selectedMonth + 1;
     const newYear = year ? year : selectedYear;
+
     if (isDateTime) {
       let selectedHour = dateObj.getHours();
       const selectedMinute = dateObj.getMinutes();
       const selectedNoon = selectedHour < 12 ? 'AM' : 'PM';
+
       if (!is24Hour) {
         selectedHour = selectedHour === 0 ? 12 : selectedHour > 12 ? selectedHour - 12 : selectedHour;
       }
+
       const newHour = hour ? hour : selectedHour;
       const newMinute = minute ? minute : selectedMinute;
       const newNoon = noon ? noon : selectedNoon;
@@ -230,12 +256,14 @@ export function getDateDetails(value, localValues, isDateTime, timeZone, _ref) {
         noon: newNoon
       };
     }
+
     return {
       day: newDay,
       month: newMonth,
       year: newYear
     };
   }
+
   return localValues;
 }
 export function getIsValidDate(values, isDateTime, _ref2) {
@@ -259,6 +287,7 @@ export function getIsValidDate(values, isDateTime, _ref2) {
       const value = parseInt(val);
       return getIsEmptyValue(value);
     }
+
     return getIsEmptyValue(val);
   });
   const haveAllValues = valuesArr.every((val, index) => {
@@ -274,8 +303,10 @@ export function getIsValidDate(values, isDateTime, _ref2) {
     } else if (val) {
       return true;
     }
+
     return false;
   });
+
   if (haveAllValues) {
     const dayEnd = getDayEnd(month, year);
     const {
@@ -300,6 +331,7 @@ export function getIsValidDate(values, isDateTime, _ref2) {
     const {
       allowedValues: noonAllowedValues
     } = getNoonDetails();
+
     if (dayEnd < day || dayStart > day) {
       isError = true;
       message = 'Wrong Day';
@@ -323,6 +355,7 @@ export function getIsValidDate(values, isDateTime, _ref2) {
     isError = true;
     message = 'Empty value';
   }
+
   return {
     isError,
     message,
@@ -347,21 +380,25 @@ export function getSelectedDate(values, props) {
     isDateTime,
     is24Hour
   } = props;
+
   if (!is24Hour) {
     if (parseInt(hour) === 12) {
       hour = noon === 'AM' ? 0 : 12;
     }
+
     if (noon === 'PM') {
       if (hour < 12) {
         hour = parseInt(hour) + 12;
       }
     }
   }
+
   month = parseInt(month) - 1;
   const minInMillis = min ? datetime.millis(min) : null,
-    maxInMillis = max ? datetime.millis(max) : null;
+        maxInMillis = max ? datetime.millis(max) : null;
   let selectedInMillis,
-    selectedValue = '';
+      selectedValue = '';
+
   if (isDateTime) {
     selectedInMillis = datetime.tz.tzToUtc(Date.UTC(year, month, date, hour, mins), timeZone);
     selectedValue = datetime.ISO(selectedInMillis);
@@ -369,8 +406,10 @@ export function getSelectedDate(values, props) {
     selectedInMillis = Date.UTC(year, month, date);
     selectedValue = formatDate(new Date(year, month, date), 'YYYY-MM-DD');
   }
+
   let isError = false;
   let errorType = '';
+
   if (minInMillis && minInMillis > selectedInMillis) {
     isError = true;
     errorType = 'MIN';
@@ -378,12 +417,14 @@ export function getSelectedDate(values, props) {
     isError = true;
     errorType = 'MAX';
   }
+
   return {
     isError,
     errorType,
     selectedValue: selectedValue
   };
 }
+
 function getDateFormatLength(type, length) {
   let formatVal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   let {
@@ -412,16 +453,20 @@ function getDateFormatLength(type, length) {
   }, isDateTime, timeZone, {
     is24Hour
   });
+
   if (length === INCONSTANT) {
     if (selectedMonth && formatVal === 'MMM' && i18nShortMonths.length) {
       return i18nShortMonths[selectedMonth - 1].length;
     } else if (selectedMonth && formatVal === 'MMMM' && i18nMonths.length) {
       return i18nMonths[selectedMonth - 1].length;
     }
+
     return formatVal.length ? formatVal.length : 1;
   }
+
   return length;
 }
+
 export function getDateFormatSelection(dateFormatDetails, isDateTime) {
   let {
     i18nShortMonths,
@@ -444,20 +489,24 @@ export function getDateFormatSelection(dateFormatDetails, isDateTime) {
   const clickIndex = {};
   const order = [];
   let tempLength = 0;
+
   function addResult(type, length) {
     const startIndex = tempLength;
     const endIndex = tempLength + length;
     const orderLen = order.length;
     focusedIndex[`${startIndex}_${endIndex}`] = orderLen;
+
     for (let i = startIndex; i <= endIndex; i++) {
       clickIndex[i] = orderLen;
     }
+
     order.push({
       type,
       index: [startIndex, endIndex]
     });
     tempLength += length;
   }
+
   dateFormatArr.forEach((formatVal, index) => {
     const {
       type,
@@ -481,38 +530,32 @@ export function getDateFormatSelection(dateFormatDetails, isDateTime) {
     addResult(type, validLength);
     tempLength += patternVal.length;
   });
+
   if (isDateTime) {
     //For space between date and time
-    tempLength += 1;
+    tempLength += 1; //hour
 
-    //hour
-    addResult('hour', 2);
+    addResult('hour', 2); //For :
 
-    //For :
-    tempLength += 1;
+    tempLength += 1; //minute
 
-    //minute
-    addResult('minute', 2);
+    addResult('minute', 2); //For space between time and noon
 
-    //For space between time and noon
-    tempLength += 1;
+    tempLength += 1; //noon
 
-    //noon
     if (!is24Hour) {
       addResult('noon', 2);
     }
   }
+
   return {
     focusedIndex,
     clickIndex,
     order
   };
-}
-
-// export function getDateValues(date = '', dateFormatDetails = {}) {
+} // export function getDateValues(date = '', dateFormatDetails = {}) {
 //   const { dateFormatArr, patternArr, dayInfo, monthInfo, yearInfo } =
 //     dateFormatDetails;
-
 //   const newDate = date.split('').reduce((res, str) => {
 //     if (patternArr.indexOf(str) >= 0) {
 //       res += patternChangeStr;
@@ -521,21 +564,16 @@ export function getDateFormatSelection(dateFormatDetails, isDateTime) {
 //     }
 //     return res;
 //   }, '');
-
 //   const dateArr = newDate.split(patternChangeStr);
-
 //   const { index: dayIndex, length: dayLength } = dayInfo;
 //   let day = dateArr[dayIndex];
 //   day = addZero(day, dayLength);
-
 //   const { index: monthIndex, length: monthLength } = monthInfo;
 //   let month = dateArr[monthIndex];
 //   month = addZero(month, monthLength);
-
 //   const { index: yearIndex, length: yearLength } = yearInfo;
 //   let year = dateArr[yearIndex];
 //   year = addZero(year, yearLength);
-
 //   return {
 //     day,
 //     month,
@@ -543,21 +581,16 @@ export function getDateFormatSelection(dateFormatDetails, isDateTime) {
 //     dateString: concatDate({ day, month, year }, dateFormatArr, patternArr)
 //   };
 // }
-
 // export function getDateTimeValues(value = '', dateFormatDetails = {}) {
 //   const [date, time = '', noon = ''] = value.split(' ');
-
 //   let [hour = '', minute = ''] = time.split(':');
 //   hour = addZero(hour, 2);
 //   minute = addZero(minute, 2);
-
 //   const { day, month, year, dateString } = getDateValues(
 //     date,
 //     dateFormatDetails
 //   );
-
 //   const timeString = `${hour}:${minute}`;
-
 //   return {
 //     day,
 //     month,

package/es/DateTime/dateFormatUtils/dateFormats.js

@@ -16,7 +16,6 @@
 // 15.A: represent the AM or PM
 // 16.Z: represent the timezone (Asia/Kolkata)
 // 17. (O) : Offset Of the timezone (GMT+00:00)
-
 export const dateSymbols = {
   d: 'date',
   dd: 'date',

package/es/DateTime/dateFormatUtils/dayChange.js

@@ -6,11 +6,12 @@ export function getChangedDay(values, event, focusOrders, keyActions) {
     which
   } = event;
   const {
-    day = '' /*month = '', year = ''*/
+    day = ''
+    /*month = '', year = ''*/
+
   } = values;
   let isChanged = false;
-  let newDay = Number.parseInt(day) || 0;
-  // const newMonth = Number.parseInt(month) || 0;
+  let newDay = Number.parseInt(day) || 0; // const newMonth = Number.parseInt(month) || 0;
   // const newYear = Number.parseInt(year) || 0;
 
   const {
@@ -20,8 +21,11 @@ export function getChangedDay(values, event, focusOrders, keyActions) {
   const isNewType = getIsNewValueType(focusOrders, keyActions);
   const {
     startPoint,
-    endPoint /*getDayEnd(newMonth, newYear);*/
+    endPoint
+    /*getDayEnd(newMonth, newYear);*/
+
   } = getDayDetails();
+
   if (keyCode === 38) {
     //up arrow
     if (newDay === endPoint || !newDay) {
@@ -44,15 +48,19 @@ export function getChangedDay(values, event, focusOrders, keyActions) {
     const keyString = String.fromCharCode(which);
     let newValue = isNewType ? keyString : day.toString() + keyString;
     newValue = Number.parseInt(newValue);
+
     if (isNewType) {
       isChanged = true;
+
       if (newValue * 10 > endPoint) {
         newFocusOrder += 1;
       }
+
       newDay = newValue;
     } else {
       isChanged = true;
       newFocusOrder += 1;
+
       if (newValue > endPoint) {
         newDay = endPoint;
       } else if (!newValue) {
@@ -65,6 +73,7 @@ export function getChangedDay(values, event, focusOrders, keyActions) {
     isChanged = true;
     newDay = '';
   }
+
   return {
     day: newDay,
     isChanged,

package/es/DateTime/dateFormatUtils/index.js

@@ -2,11 +2,11 @@
 
 /** * Libraries ** */
 import datetime from '@zohodesk/datetimejs';
-
 /** * Methods ** */
-import { getMonthEnd } from '../../utils/datetime/common';
 
+import { getMonthEnd } from '../../utils/datetime/common';
 /** * Constants ** */
+
 import { flags, INVALID_DATE } from '../constants';
 export function convertYearToTwoDigit(year) {
   return parseInt(year.toString().slice(-2));
@@ -15,6 +15,7 @@ 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}`;
@@ -22,16 +23,19 @@ 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) {
@@ -41,15 +45,18 @@ 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) {
@@ -78,6 +85,7 @@ export function getMonthDetails() {
 export function getYearDetails(yearLength) {
   const dateObj = new Date();
   const year = dateObj.getFullYear();
+
   if (yearLength === 2) {
     return {
       startPoint: 0,
@@ -85,6 +93,7 @@ export function getYearDetails(yearLength) {
       currentYear: year
     };
   }
+
   return {
     startPoint: 1850,
     endPoint: 9999,
@@ -98,9 +107,11 @@ 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) {
@@ -115,10 +126,12 @@ export function getHourSuggestions(is24Hour) {
     endPoint
   } = getHourDetails(is24Hour);
   const hourArr = [];
+
   for (let hour = startPoint; hour <= endPoint; hour++) {
     const htxt = addZeroIfNeeded(hour);
     hourArr.push(htxt);
   }
+
   return hourArr;
 }
 export function getMinuteDetails() {
@@ -133,10 +146,12 @@ export function getMinuteSuggestions() {
     endPoint
   } = getMinuteDetails();
   const minArr = [];
+
   for (let minute = startPoint; minute <= endPoint; minute++) {
     const mtxt = addZeroIfNeeded(minute);
     minArr.push(mtxt);
   }
+
   return minArr;
 }
 export function addZeroIfNeeded(value) {
@@ -146,12 +161,14 @@ 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() {
@@ -159,32 +176,42 @@ 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,
@@ -206,6 +233,7 @@ 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();
@@ -213,6 +241,7 @@ export function getIsCurrentYear(_ref) {
     const selectedYear = dateObj.getFullYear();
     isCurrentYear = currentYear === selectedYear;
   }
+
   return {
     isCurrentYear
   };
@@ -225,6 +254,7 @@ export function removeYearPattern(dateFormatArr, patternArr) {
     const {
       type
     } = flags[val];
+
     if (type === 'year') {
       yearIndex = index;
     } else {