@zohodesk/components 1.0.0-temp-107 → 1.0.0-temp-108

package/lib/DateTime/dateFormatUtils/index.js

@@ -0,0 +1,225 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addZero = addZero;
+exports.arrayIsNotEqual = arrayIsNotEqual;
+exports.convertTwoDigitToYear = convertTwoDigitToYear;
+exports.convertYearToTwoDigit = convertYearToTwoDigit;
+exports.getDayDetails = getDayDetails;
+exports.getDayEnd = getDayEnd;
+exports.getHourDetails = getHourDetails;
+exports.getIsCurrentYear = getIsCurrentYear;
+exports.getIsDeleteTyped = getIsDeleteTyped;
+exports.getIsEmptyHour = getIsEmptyHour;
+exports.getIsEmptyYear = getIsEmptyYear;
+exports.getIsNewValueType = getIsNewValueType;
+exports.getIsNoonValueTyped = getIsNoonValueTyped;
+exports.getIsNumberTyped = getIsNumberTyped;
+exports.getIsSupportedKey = getIsSupportedKey;
+exports.getMinuteDetails = getMinuteDetails;
+exports.getMonthDetails = getMonthDetails;
+exports.getNoonDetails = getNoonDetails;
+exports.getYearDetails = getYearDetails;
+exports.removeYearPattern = removeYearPattern;
+var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
+var _common = require("../../utils/datetime/common");
+var _constants = require("../constants");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/* eslint-disable no-param-reassign */
+
+/** * Libraries ** */
+
+/** * Methods ** */
+
+/** * Constants ** */
+
+function convertYearToTwoDigit(year) {
+  return parseInt(year.toString().slice(-2));
+}
+function addZero() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var length = arguments.length > 1 ? arguments[1] : undefined;
+  var newValue = value.toString();
+  for (var i = 0; i < length; i++) {
+    if (newValue.length < length) {
+      newValue = "0".concat(newValue);
+    } else {
+      break;
+    }
+  }
+  return newValue;
+}
+function getDayEnd(month, year) {
+  month -= 1;
+  var monthend = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+  if (month && year) {
+    return (0, _common.getMonthEnd)(month, year);
+  } else if (month) {
+    return monthend[month];
+  }
+  return 31;
+}
+function getIsNumberTyped(event) {
+  var keyCode = event.keyCode,
+    ctrlKey = event.ctrlKey,
+    metaKey = event.metaKey,
+    shiftKey = event.shiftKey;
+  if (keyCode >= 48 && keyCode <= 57 && !ctrlKey && !metaKey && !shiftKey) {
+    return true;
+  }
+  return false;
+}
+function getIsDeleteTyped(keyCode) {
+  if (keyCode === 8) {
+    return true;
+  }
+  return false;
+}
+function getIsNewValueType(focusOrders, keyActions) {
+  var focusOrder = focusOrders.focusOrder,
+    oldFocusOrder = focusOrders.oldFocusOrder;
+  var oldKeyAction = keyActions.oldKeyAction,
+    keyAction = keyActions.keyAction;
+  return focusOrder !== oldFocusOrder || oldKeyAction !== keyAction;
+}
+function getDayDetails() {
+  return {
+    startPoint: 1,
+    endPoint: 31
+  };
+}
+function getMonthDetails() {
+  return {
+    startPoint: 1,
+    endPoint: 12
+  };
+}
+function getYearDetails(yearLength) {
+  var dateObj = new Date();
+  var year = dateObj.getFullYear();
+  if (yearLength === 2) {
+    return {
+      startPoint: 0,
+      endPoint: 99,
+      currentYear: year
+    };
+  }
+  return {
+    startPoint: 1850,
+    endPoint: 9999,
+    currentYear: year
+  };
+}
+function convertTwoDigitToYear() {
+  var digitValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var selectedYear = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var dateObj = new Date();
+  var year = dateObj.getFullYear();
+  var digitValueStr = addZero(digitValue.toString(), 2);
+  year = selectedYear ? selectedYear : year;
+  if (digitValueStr && digitValueStr.length <= 2) {
+    return parseInt(year.toString().slice(0, 2) + digitValueStr);
+  }
+  return digitValue;
+}
+function getHourDetails(is24Hour) {
+  return {
+    startPoint: is24Hour ? 0 : 1,
+    endPoint: is24Hour ? 23 : 12
+  };
+}
+function getMinuteDetails() {
+  return {
+    startPoint: 0,
+    endPoint: 59
+  };
+}
+function getIsNoonValueTyped(event) {
+  var keyCode = event.keyCode;
+  if (keyCode === 65 || keyCode === 77 || keyCode === 80) {
+    //A -65
+    //M -77
+    //P -80
+    return true;
+  }
+  return false;
+}
+function getNoonDetails() {
+  return {
+    allowedValues: ['AM', 'PM']
+  };
+}
+function getIsArrowTyped(keyCode) {
+  var arrowKeycodes = [37, 38, 39, 40];
+  if (arrowKeycodes.indexOf(keyCode) >= 0) {
+    return true;
+  }
+  return false;
+}
+function getIsSupportedKey(event) {
+  var keyCode = event.keyCode;
+  if (getIsArrowTyped(keyCode) || getIsDeleteTyped(keyCode) || getIsNumberTyped(event) || getIsNoonValueTyped(event)) {
+    return true;
+  }
+  return false;
+}
+function arrayIsNotEqual(a, b) {
+  return a.some(function (val, index) {
+    return val !== b[index];
+  });
+}
+function getIsEmptyValue(value, startPoint, endPoint) {
+  var newValue = parseInt(value) || 0;
+  if (newValue >= startPoint && newValue <= endPoint) {
+    return false;
+  }
+  return true;
+}
+function getIsEmptyHour(value, is24Hour) {
+  var _getHourDetails = getHourDetails(is24Hour),
+    startPoint = _getHourDetails.startPoint,
+    endPoint = _getHourDetails.endPoint;
+  return getIsEmptyValue(value, startPoint, endPoint);
+}
+function getIsEmptyYear(value, yearLength) {
+  var _getYearDetails = getYearDetails(yearLength),
+    startPoint = _getYearDetails.startPoint,
+    endPoint = _getYearDetails.endPoint;
+  return getIsEmptyValue(value, startPoint, endPoint);
+}
+function getIsCurrentYear(_ref) {
+  var isDateTime = _ref.isDateTime,
+    value = _ref.value,
+    timeZone = _ref.timeZone;
+  var isCurrentYear = false;
+  if (value && value !== _constants.INVALID_DATE) {
+    var dateObj = isDateTime ? _datetimejs["default"].toDate(_datetimejs["default"].tz.utcToTz(value, timeZone)) : _datetimejs["default"].toDate(value);
+    var currentDateObj = new Date();
+    var currentYear = currentDateObj.getFullYear();
+    var selectedYear = dateObj.getFullYear();
+    isCurrentYear = currentYear === selectedYear;
+  }
+  return {
+    isCurrentYear: isCurrentYear
+  };
+}
+function removeYearPattern(dateFormatArr, patternArr) {
+  var newDateFormatArr = [];
+  var newPatternArr = [];
+  var yearIndex = '';
+  dateFormatArr.forEach(function (val, index) {
+    var type = _constants.flags[val].type;
+    if (type === 'year') {
+      yearIndex = index;
+    } else {
+      newDateFormatArr.push(val);
+    }
+  });
+  newPatternArr = patternArr.slice(0, yearIndex - 1);
+  return {
+    dateFormatArr: newDateFormatArr,
+    patternArr: newPatternArr
+  };
+}

package/lib/DateTime/dateFormatUtils/monthChange.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getChangedMonth = getChangedMonth;
+var _index = require("./index");
+/** * Methods ** */
+
+function getChangedMonth(values, event, focusOrders, keyActions) {
+  var keyCode = event.keyCode,
+    which = event.which;
+  var _values$day = values.day,
+    day = _values$day === void 0 ? '' : _values$day,
+    _values$month = values.month,
+    month = _values$month === void 0 ? '' : _values$month,
+    _values$year = values.year,
+    year = _values$year === void 0 ? '' : _values$year;
+  var isChanged = false;
+  var newDay = Number.parseInt(day) || 0;
+  var newMonth = Number.parseInt(month) || 0;
+  var newYear = Number.parseInt(year) || 0;
+  var focusOrder = focusOrders.focusOrder;
+  var newFocusOrder = focusOrder;
+  var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
+  var _getMonthDetails = (0, _index.getMonthDetails)(),
+    startPoint = _getMonthDetails.startPoint,
+    endPoint = _getMonthDetails.endPoint;
+  if (keyCode === 38) {
+    //up arrow
+    if (newMonth === endPoint || !newMonth) {
+      isChanged = true;
+      newMonth = startPoint;
+    } else if (newMonth) {
+      isChanged = true;
+      newMonth += 1;
+    }
+  } else if (keyCode === 40) {
+    //down arrow
+    if (newMonth === startPoint || !newMonth) {
+      isChanged = true;
+      newMonth = endPoint;
+    } else if (newMonth) {
+      isChanged = true;
+      newMonth -= 1;
+    }
+  } else if ((0, _index.getIsNumberTyped)(event)) {
+    var keyString = String.fromCharCode(which);
+    var 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) {
+        newMonth = startPoint;
+      } else {
+        newMonth = newValue;
+      }
+    }
+  } else if ((0, _index.getIsDeleteTyped)(keyCode)) {
+    isChanged = true;
+    newMonth = '';
+  }
+  var dayEnd = (0, _index.getDayEnd)(newMonth, newYear);
+  var dayChanged = false;
+  if (newDay && newDay > dayEnd) {
+    dayChanged = true;
+    newDay = dayEnd;
+  }
+  return {
+    day: dayChanged ? newDay : day,
+    month: newMonth,
+    isChanged: isChanged,
+    focusOrder: newFocusOrder
+  };
+}

package/lib/DateTime/dateFormatUtils/timeChange.js

@@ -0,0 +1,208 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getChangedHour = getChangedHour;
+exports.getChangedMinute = getChangedMinute;
+exports.getChangedNoon = getChangedNoon;
+var _index = require("./index");
+var _Common = require("../../utils/Common");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function getChangedHour(values, event, focusOrders, keyActions) {
+  var _ref = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {},
+    _ref$is24Hour = _ref.is24Hour,
+    is24Hour = _ref$is24Hour === void 0 ? false : _ref$is24Hour;
+  var keyCode = event.keyCode,
+    which = event.which;
+  var _values$hour = values.hour,
+    hour = _values$hour === void 0 ? '' : _values$hour;
+  var isChanged = false;
+  var newHour = Number.parseInt(hour) || 0;
+  var focusOrder = focusOrders.focusOrder;
+  var newFocusOrder = focusOrder;
+  var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
+  var _getHourDetails = (0, _index.getHourDetails)(is24Hour),
+    startPoint = _getHourDetails.startPoint,
+    endPoint = _getHourDetails.endPoint;
+  if (keyCode === 38) {
+    //up arrow
+    if (newHour === endPoint || (0, _index.getIsEmptyHour)(newHour, is24Hour)) {
+      isChanged = true;
+      newHour = startPoint;
+    } else if (!(0, _index.getIsEmptyHour)(newHour, is24Hour)) {
+      isChanged = true;
+      newHour += 1;
+    }
+  } else if (keyCode === 40) {
+    //down arrow
+    if (newHour === startPoint || (0, _index.getIsEmptyHour)(newHour, is24Hour)) {
+      isChanged = true;
+      newHour = endPoint;
+    } else if (!(0, _index.getIsEmptyHour)(newHour, is24Hour)) {
+      isChanged = true;
+      newHour -= 1;
+    }
+  } else if ((0, _index.getIsNumberTyped)(event)) {
+    var keyString = String.fromCharCode(which);
+    var 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) {
+        newHour = startPoint;
+      } else {
+        newHour = newValue;
+      }
+    }
+  } else if ((0, _index.getIsDeleteTyped)(keyCode)) {
+    isChanged = true;
+    newHour = '';
+  }
+  return {
+    hour: newHour,
+    isChanged: isChanged,
+    focusOrder: newFocusOrder
+  };
+}
+function getChangedMinute(values, event, focusOrders, keyActions) {
+  var keyCode = event.keyCode,
+    which = event.which;
+  var _values$minute = values.minute,
+    minute = _values$minute === void 0 ? '' : _values$minute;
+  var isChanged = false;
+  var isEmptyMinute = (0, _Common.getIsEmptyValue)(minute);
+  var newMinute = isEmptyMinute ? '' : Number.parseInt(minute);
+  var focusOrder = focusOrders.focusOrder;
+  var newFocusOrder = focusOrder;
+  var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
+  var _getMinuteDetails = (0, _index.getMinuteDetails)(),
+    startPoint = _getMinuteDetails.startPoint,
+    endPoint = _getMinuteDetails.endPoint;
+  if (keyCode === 38) {
+    //up arrow
+    if (newMinute === endPoint || isEmptyMinute) {
+      isChanged = true;
+      newMinute = startPoint;
+    } else if (!isEmptyMinute) {
+      isChanged = true;
+      newMinute += 1;
+    }
+  } else if (keyCode === 40) {
+    //down arrow
+    if (newMinute === startPoint || isEmptyMinute) {
+      isChanged = true;
+      newMinute = endPoint;
+    } else if (newMinute) {
+      isChanged = true;
+      newMinute -= 1;
+    }
+  } else if ((0, _index.getIsNumberTyped)(event)) {
+    var keyString = String.fromCharCode(which);
+    var 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 {
+        newMinute = newValue;
+      }
+    }
+  } else if ((0, _index.getIsDeleteTyped)(keyCode)) {
+    isChanged = true;
+    newMinute = '';
+  }
+  return {
+    minute: newMinute,
+    isChanged: isChanged,
+    focusOrder: newFocusOrder
+  };
+}
+function getChangedNoon(values, event, focusOrders /*keyActions*/) {
+  var keyCode = event.keyCode,
+    which = event.which;
+  var _values$noon = values.noon,
+    noon = _values$noon === void 0 ? '' : _values$noon;
+  var isChanged = false;
+  var newNoon = noon;
+  var focusOrder = focusOrders.focusOrder;
+  var newFocusOrder = focusOrder;
+
+  // const isNewType = getIsNewValueType(focusOrders, keyActions);
+
+  var _getNoonDetails = (0, _index.getNoonDetails)(),
+    allowedValues = _getNoonDetails.allowedValues;
+  var _allowedValues = _slicedToArray(allowedValues, 1),
+    startPoint = _allowedValues[0];
+  var endPoint = allowedValues[allowedValues.length - 1];
+  var currentNoonIndex = allowedValues.indexOf(newNoon);
+  if (keyCode === 38) {
+    //up arrow
+    if (newNoon === endPoint || !newNoon) {
+      isChanged = true;
+      newNoon = startPoint;
+    } else if (newNoon) {
+      isChanged = true;
+      newNoon = allowedValues[currentNoonIndex + 1];
+    }
+  } else if (keyCode === 40) {
+    //down arrow
+    if (newNoon === startPoint || !newNoon) {
+      isChanged = true;
+      newNoon = endPoint;
+    } else if (newNoon) {
+      isChanged = true;
+      newNoon = allowedValues[currentNoonIndex - 1];
+    }
+  } else if ((0, _index.getIsNoonValueTyped)(event)) {
+    var keyString = String.fromCharCode(which);
+
+    // let newValue = isNewType ? keyString : noon.toString() + keyString;
+    var newValue = keyString;
+    var needChangeNoon = newNoon.indexOf(newValue) === -1 ? true : false;
+    if (needChangeNoon) {
+      var newValueIndex = currentNoonIndex;
+      allowedValues.some(function (val, index) {
+        if (val.indexOf(newValue) >= 0) {
+          newValueIndex = index;
+          return true;
+        }
+        return false;
+      });
+      if (currentNoonIndex !== newValueIndex) {
+        isChanged = true;
+        newNoon = allowedValues[newValueIndex];
+      }
+    }
+  } else if ((0, _index.getIsDeleteTyped)(keyCode)) {
+    isChanged = true;
+    newNoon = '';
+  }
+  return {
+    noon: newNoon,
+    isChanged: isChanged,
+    focusOrder: newFocusOrder
+  };
+}

package/lib/DateTime/dateFormatUtils/yearChange.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getChangedYear = getChangedYear;
+var _index = require("./index");
+/** * Methods ** */
+
+function getChangedYear(values, event, focusOrders, keyActions, _ref) {
+  var yearInfo = _ref.yearInfo;
+  var keyCode = event.keyCode,
+    which = event.which;
+  var _values$year = values.year,
+    year = _values$year === void 0 ? '' : _values$year;
+  var _values$day = values.day,
+    day = _values$day === void 0 ? '' : _values$day,
+    _values$month = values.month,
+    month = _values$month === void 0 ? '' : _values$month;
+  var isChanged = false;
+
+  //Year Two Digit case
+  var yearLength = yearInfo.length;
+  var oldYear = year; // For get Centuries
+  if (yearLength === 2) {
+    year = (0, _index.convertYearToTwoDigit)(year).toString();
+  }
+  var newDay = Number.parseInt(day) || 0;
+  var newMonth = Number.parseInt(month) || 0;
+  var newYear = Number.parseInt(year) || 0;
+  var focusOrder = focusOrders.focusOrder;
+  var newFocusOrder = focusOrder;
+  var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
+  var _getYearDetails = (0, _index.getYearDetails)(yearLength),
+    startPoint = _getYearDetails.startPoint,
+    endPoint = _getYearDetails.endPoint,
+    currentYear = _getYearDetails.currentYear;
+  if (keyCode === 38) {
+    //up arrow
+    if (newYear === endPoint) {
+      isChanged = true;
+      newYear = startPoint;
+    } else if ((0, _index.getIsEmptyYear)(newYear, yearLength)) {
+      isChanged = true;
+      newYear = currentYear;
+    } else if (!(0, _index.getIsEmptyYear)(newYear, yearLength)) {
+      isChanged = true;
+      newYear += 1;
+    }
+  } else if (keyCode === 40) {
+    //down arrow
+    if (newYear === startPoint) {
+      isChanged = true;
+      newYear = endPoint;
+    } else if ((0, _index.getIsEmptyYear)(newYear, yearLength)) {
+      isChanged = true;
+      newYear = currentYear;
+    } else if (!(0, _index.getIsEmptyYear)(newYear, yearLength)) {
+      isChanged = true;
+      newYear -= 1;
+    }
+  } else if ((0, _index.getIsNumberTyped)(event)) {
+    var keyString = String.fromCharCode(which);
+    var newValue = isNewType ? keyString : year.toString() + keyString;
+    var 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;
+      } else if (newValueString.length === yearLength && !newValue) {
+        newFocusOrder += 1;
+        newYear = startPoint;
+      } else if (!newValue) {
+        newYear = newValueString;
+      } else if (newValue * 10 > endPoint && (endPoint < newValue || startPoint > newValue)) {
+        newYear = currentYear;
+      } else {
+        newYear = newValue;
+      }
+    }
+  } else if ((0, _index.getIsDeleteTyped)(keyCode)) {
+    isChanged = true;
+    newYear = '';
+  }
+  if (yearLength === 2) {
+    newYear = (0, _index.convertTwoDigitToYear)(newYear, oldYear);
+  }
+  var dayEnd = (0, _index.getDayEnd)(newMonth, newYear);
+  var dayChanged = false;
+  if (newDay && newDay > dayEnd) {
+    dayChanged = true;
+    newDay = dayEnd;
+  }
+  return {
+    day: dayChanged ? newDay : day,
+    year: newYear,
+    isChanged: isChanged,
+    focusOrder: newFocusOrder
+  };
+}

package/lib/DateTime/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DateWidget", {
+  enumerable: true,
+  get: function get() {
+    return _DateWidget["default"];
+  }
+});
+var _DateWidget = _interopRequireDefault(require("./DateWidget.js"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }