@zohodesk/components 1.0.0-temp-199.25 → 1.0.0-temp-250

package/lib/DateTime/dateFormatUtils/timeChange.js

@@ -0,0 +1,240 @@
+"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 = (0, _Common.getKeyValue)(event);
+    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 = (0, _Common.getKeyValue)(event);
+    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 = (0, _Common.getKeyValue)(event).toUpperCase(); // 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,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getChangedYear = getChangedYear;
+
+var _index = require("./index");
+
+var _Common = require("../../utils/Common");
+
+/** * 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 = (0, _Common.getKeyValue)(event);
+    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,15 @@
+"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"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/DateTime/objectUtils.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.omit = exports.extract = exports.equals = exports.clone = void 0;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+/*eslint-disable */
+var clone = function clone(a, b, c, d, e, f) {
+  return Object.assign(a, b, c, d, e, f);
+};
+
+exports.clone = clone;
+
+var extract = function 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;
+};
+
+exports.extract = extract;
+
+var omit = function 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;
+};
+
+exports.omit = omit;
+
+var equals = function equals(x, y) {
+  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 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
+  // test there constructor.
+
+  for (var p in x) {
+    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 (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 (!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
+  }
+
+  return true;
+};
+/*eslint-enable */
+
+
+exports.equals = equals;

package/lib/DateTime/props/defaultProps.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YearView_defaultProps = exports.Time_defaultProps = exports.Span_defaultProps = exports.DateWidget_defaultProps = exports.DateTime_defaultProps = exports.DateTimePopupFooter_defaultProps = exports.CalendarView_defaultProps = void 0;
+var CalendarView_defaultProps = {
+  dataId: 'dateContainer',
+  needBorder: true,
+  weekStartDay: 0,
+  holidays: [0]
+};
+exports.CalendarView_defaultProps = CalendarView_defaultProps;
+var Span_defaultProps = {
+  dataId: 'calendar-view'
+};
+exports.Span_defaultProps = Span_defaultProps;
+var DateTime_defaultProps = {
+  isDateTimeField: true,
+  dataId: 'dateTime',
+  needDefaultTime: true,
+  isAbsolute: true,
+  isAnimate: true,
+  needAction: true,
+  boxSize: 'large',
+  className: '',
+  innerClass: '',
+  dateFormat: 'dd/MM/yyyy',
+  isPadding: false,
+  i18nKeys: {},
+  is24Hour: false,
+  isDefaultPosition: false,
+  customDateFormat: null,
+  customProps: {},
+  weekStartDay: 0,
+  holidays: [0]
+};
+exports.DateTime_defaultProps = DateTime_defaultProps;
+var DateWidget_defaultProps = {
+  borderColor: 'default',
+  dataId: 'dateWidget',
+  dateFormat: 'MM/dd/yyyy',
+  isDateTime: false,
+  isDisabled: false,
+  isPopupOpenOnEnter: false,
+  isReadOnly: false,
+  needBorder: true,
+  needDefaultTime: true,
+  placeholder: '-None-',
+  textBoxSize: 'medium',
+  textBoxVariant: 'default',
+  timeZone: null,
+  isPopupOpenOnClick: true,
+  isPopupCloseOnClick: false,
+  cantEditOnPopupOpen: true,
+  i18nKeys: {},
+  needErrorOnBlur: false,
+  isEditable: false,
+  iconOnHover: false,
+  is24Hour: false,
+  weekStartDay: 0,
+  holidays: [0]
+};
+exports.DateWidget_defaultProps = DateWidget_defaultProps;
+var YearView_defaultProps = {
+  dataId: 'dateContainer',
+  needBorder: true
+};
+exports.YearView_defaultProps = YearView_defaultProps;
+var DateTimePopupFooter_defaultProps = {
+  dataId: 'DateTimePopupFooter'
+};
+exports.DateTimePopupFooter_defaultProps = DateTimePopupFooter_defaultProps;
+var Time_defaultProps = {
+  dataId: 'Time',
+  customProps: {}
+};
+exports.Time_defaultProps = Time_defaultProps;