@zohodesk/components 1.0.0-temp-79 → 1.0.0-temp-81

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;

package/es/DateTime/validator.js

@@ -11,21 +11,17 @@ const validator = {
     let newValidationRules = validationRules ? validationRules : {};
     let checkPropsRules = defaultCheckPropsRules;
     let checkPropsOrder = [];
-
     for (let i = 0; i < checkPropsRules.length; i++) {
       let prop = checkPropsRules[i];
-
       if (Object.prototype.hasOwnProperty.call(currentProps, prop)) {
         if (newValidationRulesOrder.indexOf(prop) === -1) {
           checkPropsOrder.push(prop);
         }
-
         if (!Object.prototype.hasOwnProperty.call(newValidationRules, prop)) {
           newValidationRules[prop] = currentProps[prop];
         }
       }
     }
-
     newValidationRulesOrder = !Object.prototype.hasOwnProperty.call(newValidation, 'rulesOrder') ? checkPropsOrder.concat(newValidationRulesOrder) : validationRulesOrder;
     let isRulesFound = Object.keys(newValidationRules).length;
     newValidationRules = isRulesFound ? validator.composeRulesForValidation(newType, defaultValidateRules, newValidationRules) : newValidationRules;
@@ -51,28 +47,22 @@ const validator = {
       onFailValidation
     } = validationObj;
     let skipIfEmptyField = null;
-
     if (validationRules.required === false && (fieldType !== 'radio' || fieldType !== 'checkbox')) {
       skipIfEmptyField = val => {
         if (fieldType === 'onegroup' || fieldType === 'multigroup') {
           return !val || !(val.length > 0);
         }
-
         let value = (val || '').trim();
         return value.length < 1;
       };
     }
-
     if (skipIfEmptyField === null || skipIfEmptyField(text) === false) {
       for (let i = 0, len = validationRulesOrder.length; i < len; i++) {
         let rule = validationRulesOrder[i];
-
         if (!validationRules[rule] || !typeChecker.isFunction(validationRules[rule])) {
           continue;
         }
-
         let isInValid = validationRules[rule](text, inputTag);
-
         if (isInValid) {
           let message = validationMessages[rule] && typeChecker.isFunction(validationMessages[rule]) ? validationMessages[rule](text, inputTag) : validationMessages[rule];
           onFailValidation && onFailValidation(rule, message, inputTag);
@@ -80,66 +70,52 @@ const validator = {
         }
       }
     }
-
     onPassValidation && onPassValidation(text, inputTag);
   },
   composeRulesForValidation: (type, defaultValidateRules, newValidationRules) => {
     let defaultPatterns = validator.regexs;
-
     for (let i = 0, len = defaultValidateRules.length; i < len; i++) {
       let rule = defaultValidateRules[i];
       let ruleInfo = newValidationRules[rule] || '';
-
       if (ruleInfo && !typeChecker.isFunction(ruleInfo)) {
         if (rule === 'required' && ruleInfo === true) {
           newValidationRules[rule] = (val, el) => {
             if (el.willValidate && el.validity.valueMissing) {
               return true;
             }
-
             if (type === 'radio' || type === 'checkbox') {
               return el.checked === false;
             }
-
             if (type === 'onegroup' || type === 'multigroup') {
               return !val || val.length < 1;
             }
-
             let value = (val || '').replace(/\s{2,}/g, ' ').trim();
             return value.length < 1;
           };
         } else if (rule === 'maxLength' && !Number.isNaN(ruleInfo) && Number.isFinite(ruleInfo)) {
           let maxLength = Number(ruleInfo);
-
           newValidationRules[rule] = (val, el) => {
             if (el.willValidate && el.validity.tooLong) {
               return true;
             }
-
             let value = val || '';
-
             if (type !== 'multigroup') {
               value = val.trim();
             }
-
             return !(value.length <= maxLength);
           };
         } else if (rule === 'minLength' && !Number.isNaN(ruleInfo) && Number.isFinite(ruleInfo)) {
           let minLength = Number(ruleInfo);
-
           newValidationRules[rule] = val => {
             let value = val || '';
-
             if (type !== 'multigroup') {
               value = val.trim();
             }
-
             return !(value.length >= minLength);
           };
         } else if (rule === 'rangeLength' && /^([-+\d]+)*([,]{1,1}([-+\d]+))$/.test(ruleInfo) === true) {
           let rangeLength = ruleInfo;
           rangeLength = rangeLength.split(',').map(a => Number(a));
-
           newValidationRules[rule] = val => {
             let value = (val || '').trim();
             return !(value.length >= rangeLength[0] && value.length <= rangeLength[1]);
@@ -147,146 +123,119 @@ const validator = {
         } else if (rule === 'step' && ruleInfo) {
           let step = Number(ruleInfo);
           let stepTypes = ['number', 'range', 'date', 'datetime', 'datetime-local', 'month', 'time', 'week'];
-
           newValidationRules[rule] = (val, el) => {
             if (stepTypes.indexOf(type) !== -1) {
               if (el.willValidate && el.validity.stepMismatch) {
                 return true;
               }
-
               return false;
             }
-
             let value = (val || '').trim();
             value = Number(value);
-
             if (Number.isNaN(value) || !Number.isFinite(value) || Number.isNaN(step) || !Number.isFinite(step)) {
               return true;
             }
-
             return !(value % step === 0);
           };
         } else if (rule === 'max') {
           let max = Number(ruleInfo);
           let maxTypes = ['number', 'range', 'date', 'datetime', 'datetime-local', 'month', 'time', 'week'];
-
           newValidationRules[rule] = (val, el) => {
             if (maxTypes.indexOf(type) !== -1) {
               if (el.willValidate && el.validity.rangeOverflow) {
                 return true;
               }
-
               return false;
             }
-
             let value = (val || '').trim();
             value = Number(value);
-
             if (Number.isNaN(value) || !Number.isFinite(value) || Number.isNaN(max) || !Number.isFinite(max)) {
               return true;
             }
-
             return !(value <= max);
           };
         } else if (rule === 'min') {
           let min = Number(ruleInfo);
           let minTypes = ['number', 'range', 'date', 'datetime', 'datetime-local', 'month', 'time', 'week'];
-
           newValidationRules[rule] = (val, el) => {
             if (minTypes.indexOf(type) !== -1) {
               if (el.willValidate && el.validity.rangeUnderflow) {
                 return true;
               }
-
               return false;
             }
-
             let value = (val || '').trim();
             value = Number(value);
-
             if (Number.isNaN(value) || !Number.isFinite(value) || Number.isNaN(min) || !Number.isFinite(min)) {
               return true;
             }
-
             return !(value >= min);
           };
         } else if (rule === 'range' && /^([-+\d]+)*([,]{1,1}([-+\d]+))$/.test(ruleInfo) === true) {
           let ranges;
           ranges = ranges.split(',').map(a => Number(a));
-
           newValidationRules[rule] = val => {
             let value = (val || '').trim();
             value = Number(value);
-
             if (Number.isNaN(value) || !Number.isFinite(value)) {
               return true;
             }
-
             return !(value >= ranges[0] && value <= ranges[1]);
           };
         } else if ((rule === 'digits' || rule === 'integer' || rule === 'double') && ruleInfo === true) {
           newValidationRules[rule] = val => {
             let value = (val || '').trim();
             value = Number(value);
-
             if (Number.isNaN(value) || !Number.isFinite(value)) {
               return true;
             }
-
             let condition = true;
-
             if (rule === 'integer') {
               condition = Number.isSafeInteger(value);
             }
-
             if (rule === 'double') {
               condition = -Number.MAX_VALUE <= value && Number.MAX_VALUE >= value;
             }
-
             return !defaultPatterns[rule].test(value) && condition;
           };
         } else if ((rule === 'timezonedate' || rule === 'datetimezone' || rule === 'date' || rule === 'datetime') && ruleInfo === true) {
           newValidationRules[rule] = val => {
             let value = (val || '').trim();
-
             if (!defaultPatterns[rule].test(value)) {
               return true;
             }
-
             if (rule === 'datetime') {
               let index = 0;
-              value = value.split('T')[index]; //let timings = value[1].replace("Z","").split(":")
+              value = value.split('T')[index];
+              //let timings = value[1].replace("Z","").split(":")
               //let
               //if( !defaultPatterns[rule].test(value); )
             }
 
             value = value.replace('/', '-');
             value = value.replace(':', '-');
-            let values = value.split('-'); // Extract the string into month, date and year
+            let values = value.split('-');
 
+            // Extract the string into month, date and year
             let yy = parseInt(values[0]);
             let mm = parseInt(values[1]);
-            let dd = parseInt(values[2]); // Create list of days of a month [assume there is no leap year by default]
+            let dd = parseInt(values[2]);
 
+            // Create list of days of a month [assume there is no leap year by default]
             let ListofDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-
             if (mm === 1 || mm > 2) {
               if (dd > ListofDays[mm - 1]) {
                 return true;
               }
             }
-
             if (mm === 2) {
               let lyear = false;
-
               if (!(yy % 4) && yy % 100 || !(yy % 400)) {
                 lyear = true;
               }
-
               if (lyear === false && dd >= 29) {
                 return true;
               }
-
               if (lyear === true && dd > 29) {
                 return true;
               }
@@ -305,7 +254,6 @@ const validator = {
         }
       }
     }
-
     return newValidationRules;
   },
   regexs: {