@zohodesk/components 1.0.0-test-252 → 1.1.0

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) {
@@ -109,22 +120,55 @@ export function getHourDetails(is24Hour) {
     endPoint: is24Hour ? 23 : 12
   };
 }
+export function getHourSuggestions(is24Hour) {
+  const {
+    startPoint,
+    endPoint
+  } = getHourDetails(is24Hour);
+  const hourArr = [];
+
+  for (let hour = startPoint; hour <= endPoint; hour++) {
+    const htxt = addZeroIfNeeded(hour);
+    hourArr.push(htxt);
+  }
+
+  return hourArr;
+}
 export function getMinuteDetails() {
   return {
     startPoint: 0,
     endPoint: 59
   };
 }
+export function getMinuteSuggestions() {
+  const {
+    startPoint,
+    endPoint
+  } = getMinuteDetails();
+  const minArr = [];
+
+  for (let minute = startPoint; minute <= endPoint; minute++) {
+    const mtxt = addZeroIfNeeded(minute);
+    minArr.push(mtxt);
+  }
+
+  return minArr;
+}
+export function addZeroIfNeeded(value) {
+  return value < 10 ? `0${value}` : value;
+}
 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() {
@@ -132,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,
@@ -179,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();
@@ -186,6 +241,7 @@ export function getIsCurrentYear(_ref) {
     const selectedYear = dateObj.getFullYear();
     isCurrentYear = currentYear === selectedYear;
   }
+
   return {
     isCurrentYear
   };
@@ -198,6 +254,7 @@ export function removeYearPattern(dateFormatArr, patternArr) {
     const {
       type
     } = flags[val];
+
     if (type === 'year') {
       yearIndex = index;
     } else {

package/es/DateTime/dateFormatUtils/monthChange.js

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

package/es/DateTime/dateFormatUtils/yearChange.js

@@ -15,16 +15,17 @@ export function getChangedYear(values, event, focusOrders, keyActions, _ref) {
     day = '',
     month = ''
   } = values;
-  let isChanged = false;
+  let isChanged = false; //Year Two Digit case
 
-  //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;
@@ -38,6 +39,7 @@ export function getChangedYear(values, event, focusOrders, keyActions, _ref) {
     endPoint,
     currentYear
   } = getYearDetails(yearLength);
+
   if (keyCode === 38) {
     //up arrow
     if (newYear === endPoint) {
@@ -67,14 +69,17 @@ 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;
@@ -93,15 +98,19 @@ 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/index.js

@@ -1 +1 @@
-export { default as DateWidget } from './DateWidget.js';
+export { default as DateWidget } from './DateWidget';

package/es/DateTime/objectUtils.js

@@ -4,56 +4,50 @@ 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/defaultProps.js

@@ -19,7 +19,8 @@ export const DateTime_defaultProps = {
   isPadding: false,
   i18nKeys: {},
   is24Hour: false,
-  isDefaultPosition: false
+  isDefaultPosition: false,
+  customDateFormat: null
 };
 export const DateWidget_defaultProps = {
   borderColor: 'default',

package/es/DateTime/props/propTypes.js

@@ -1,4 +1,5 @@
 import PropTypes from 'prop-types';
+import { dataFormatList } from '../dateFormatUtils/dateFormats';
 export const CalendarView_propTypes = {
   dataId: PropTypes.string,
   date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
@@ -71,7 +72,7 @@ export const DateWidget_propTypes = {
   className: PropTypes.string,
   closePopupOnly: PropTypes.func,
   dataId: PropTypes.string,
-  dateFormat: PropTypes.oneOf(['yyyy/MM/dd', 'MM/dd/yyyy', 'dd/MM/yyyy', 'yyyy-MM-dd', 'MM-dd-yyyy', 'dd-MM-yyyy', 'yyyy.MM.dd', 'MM.dd.yyyy', 'dd.MM.yyyy', 'dd/MMMM/YY', 'dd/MMM/YY']),
+  dateFormat: PropTypes.oneOf([...dataFormatList]),
   defaultPosition: PropTypes.oneOf(['top', 'bottom', 'right', 'left']),
   defaultTime: PropTypes.string,
   getContainerRef: PropTypes.func,
@@ -121,7 +122,9 @@ export const DateWidget_propTypes = {
   is24Hour: PropTypes.bool,
   isHideCurrentYear: PropTypes.bool,
   onFocus: PropTypes.func,
-  onBlur: PropTypes.func
+  onBlur: PropTypes.func,
+  boxSize: PropTypes.string,
+  onError: PropTypes.func
 };
 export const YearView_propTypes = {
   dataId: PropTypes.string,

package/es/DateTime/typeChecker.js

@@ -1,8 +1,10 @@
 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) {
@@ -13,4 +15,5 @@ for (let i = types.length; i--;) {
 }
 /*eslint-enable */
 
+
 export default exports;