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

package/es/DateTime/dateFormatUtils/yearChange.js

@@ -0,0 +1,121 @@
+/** * Methods ** */
+import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getDayEnd, convertYearToTwoDigit, getYearDetails, convertTwoDigitToYear, getIsEmptyYear } from "./index";
+import { getKeyValue } from "../../utils/Common";
+export function getChangedYear(values, event, focusOrders, keyActions, _ref) {
+  let {
+    yearInfo
+  } = _ref;
+  const {
+    keyCode,
+    which
+  } = event;
+  let {
+    year = ''
+  } = values;
+  const {
+    day = '',
+    month = ''
+  } = values;
+  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;
+  const {
+    focusOrder
+  } = focusOrders;
+  let newFocusOrder = focusOrder;
+  const isNewType = getIsNewValueType(focusOrders, keyActions);
+  const {
+    startPoint,
+    endPoint,
+    currentYear
+  } = getYearDetails(yearLength);
+
+  if (keyCode === 38) {
+    //up arrow
+    if (newYear === endPoint) {
+      isChanged = true;
+      newYear = startPoint;
+    } else if (getIsEmptyYear(newYear, yearLength)) {
+      isChanged = true;
+      newYear = currentYear;
+    } else if (!getIsEmptyYear(newYear, yearLength)) {
+      isChanged = true;
+      newYear += 1;
+    }
+  } else if (keyCode === 40) {
+    //down arrow
+    if (newYear === startPoint) {
+      isChanged = true;
+      newYear = endPoint;
+    } else if (getIsEmptyYear(newYear, yearLength)) {
+      isChanged = true;
+      newYear = currentYear;
+    } else if (!getIsEmptyYear(newYear, yearLength)) {
+      isChanged = true;
+      newYear -= 1;
+    }
+  } else if (getIsNumberTyped(event)) {
+    const keyString = getKeyValue(event);
+    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;
+      } 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 (getIsDeleteTyped(keyCode)) {
+    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,
+    isChanged,
+    focusOrder: newFocusOrder
+  };
+}

package/es/DateTime/index.js

@@ -0,0 +1 @@
+export { default as DateWidget } from "./DateWidget";

package/es/DateTime/objectUtils.js

@@ -0,0 +1,55 @@
+/*eslint-disable */
+export const clone = (a, b, c, d, e, f) => {
+  return Object.assign(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 == 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 */

package/es/DateTime/props/defaultProps.js

@@ -0,0 +1,65 @@
+export const CalendarView_defaultProps = {
+  dataId: 'dateContainer',
+  needBorder: true,
+  weekStartDay: 0,
+  holidays: [0]
+};
+export const Span_defaultProps = {
+  dataId: 'calendar-view'
+};
+export const 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]
+};
+export const 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]
+};
+export const YearView_defaultProps = {
+  dataId: 'dateContainer',
+  needBorder: true
+};
+export const DateTimePopupFooter_defaultProps = {
+  dataId: 'DateTimePopupFooter'
+};
+export const Time_defaultProps = {
+  dataId: 'Time',
+  customProps: {}
+};

package/es/DateTime/props/propTypes.js

@@ -0,0 +1,203 @@
+import PropTypes from 'prop-types';
+import { dataFormatList } from "../dateFormatUtils/dateFormats";
+export const CalendarView_propTypes = {
+  dataId: PropTypes.string,
+  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  month: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  needBorder: PropTypes.bool,
+  onSelect: PropTypes.func,
+  year: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  dayNames: PropTypes.array,
+  dayNamesShort: PropTypes.array,
+  todayMonth: PropTypes.string,
+  todayDate: PropTypes.string,
+  todayYear: PropTypes.string,
+  weekStartDay: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]),
+  holidays: PropTypes.arrayOf(PropTypes.number)
+};
+export const Span_propTypes = {
+  dataId: PropTypes.string,
+  handleSelect: PropTypes.func,
+  i: PropTypes.number,
+  incremday: PropTypes.number,
+  isActive: PropTypes.bool,
+  tdclass: PropTypes.string,
+  userSeeMonth: PropTypes.number,
+  userSeeYear: PropTypes.number,
+  isToday: PropTypes.bool
+};
+export const DateTime_propTypes = {
+  boxSize: PropTypes.string,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dateFormat: PropTypes.string,
+  // eslint-disable-next-line react/no-unused-prop-types
+  defaultTime: PropTypes.string,
+  getMethods: PropTypes.func,
+  getRef: PropTypes.func,
+  i18nKeys: PropTypes.shape({
+    timeText: PropTypes.string.isRequired,
+    submitText: PropTypes.string.isRequired,
+    cancelText: PropTypes.string.isRequired,
+    hourEmptyText: PropTypes.string.isRequired,
+    minuteEmptyText: PropTypes.string.isRequired,
+    nextMonthTitleText: PropTypes.string.isRequired,
+    prevMonthTitleText: PropTypes.string.isRequired
+  }),
+  innerClass: PropTypes.string,
+  isAbsolute: PropTypes.bool,
+  isActive: PropTypes.bool,
+  isAnimate: PropTypes.bool,
+  isDateTimeField: PropTypes.bool,
+  isPadding: PropTypes.bool,
+  isReady: PropTypes.bool,
+  max: PropTypes.string,
+  maxErrorText: PropTypes.string,
+  min: PropTypes.string,
+  minErrorText: PropTypes.string,
+  // eslint-disable-next-line react/no-unused-prop-types
+  needAction: PropTypes.bool,
+  needDefaultTime: PropTypes.bool,
+  needResponsive: PropTypes.bool,
+  onChange: PropTypes.func,
+  onClear: PropTypes.func,
+  onClick: PropTypes.func,
+  onDateSelect: PropTypes.func,
+  onError: PropTypes.func,
+  onSelect: PropTypes.func,
+  position: PropTypes.string,
+  timeZone: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  is24Hour: PropTypes.bool,
+  isDefaultPosition: PropTypes.bool,
+  customDateFormat: PropTypes.string,
+  positionsOffset: PropTypes.array,
+  targetOffset: PropTypes.string,
+  isRestrictScroll: PropTypes.bool,
+  dropBoxPortalId: PropTypes.string,
+  renderCustomHeader: PropTypes.node,
+  renderCustomFooter: PropTypes.node,
+  customProps: PropTypes.object,
+  weekStartDay: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]),
+  holidays: PropTypes.arrayOf(PropTypes.number)
+};
+export const DateWidget_propTypes = {
+  borderColor: PropTypes.oneOf(['transparent', 'default']),
+  cantEditOnPopupOpen: PropTypes.bool,
+  children: PropTypes.object,
+  className: PropTypes.string,
+  closePopupOnly: PropTypes.func,
+  dataId: PropTypes.string,
+  dateFormat: PropTypes.oneOf([...dataFormatList]),
+  defaultPosition: PropTypes.oneOf(['top', 'bottom', 'right', 'left']),
+  defaultTime: PropTypes.string,
+  getContainerRef: PropTypes.func,
+  getMethods: PropTypes.func,
+  getRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  i18nKeys: PropTypes.object,
+  id: PropTypes.string,
+  isDateTime: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isEditable: PropTypes.bool,
+  isPopupCloseOnClick: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  isPopupOpenOnClick: PropTypes.bool,
+  isPopupOpenOnEnter: PropTypes.bool,
+  isPopupReady: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  max: PropTypes.string,
+  maxErrorText: PropTypes.string,
+  min: PropTypes.string,
+  minErrorText: PropTypes.string,
+  needBorder: PropTypes.bool,
+  needDefaultTime: PropTypes.bool,
+  needErrorOnBlur: PropTypes.bool,
+  needResponsive: PropTypes.bool,
+  onFailValidation: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onPassValidation: PropTypes.func,
+  onSelect: PropTypes.func,
+  placeholder: PropTypes.string,
+  position: PropTypes.string,
+  removeClose: PropTypes.func,
+  textBoxSize: PropTypes.string,
+  textBoxVariant: PropTypes.string,
+  timeZone: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  togglePopup: PropTypes.func,
+  validation: PropTypes.shape({
+    validate: PropTypes.bool,
+    validateOn: PropTypes.string,
+    rulesOrder: PropTypes.arrayOf(PropTypes.string),
+    rules: PropTypes.object,
+    messages: PropTypes.object
+  }),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  htmlId: PropTypes.string,
+  iconOnHover: PropTypes.bool,
+  is24Hour: PropTypes.bool,
+  isHideCurrentYear: PropTypes.bool,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  boxSize: PropTypes.string,
+  onError: PropTypes.func,
+  isAbsolutePositioningNeeded: PropTypes.bool,
+  positionsOffset: PropTypes.array,
+  targetOffset: PropTypes.array,
+  isRestrictScroll: PropTypes.bool,
+  dropBoxPortalId: PropTypes.string,
+  a11y: PropTypes.object,
+  getPopupProps: PropTypes.func,
+  renderCustomHeader: PropTypes.node,
+  renderCustomFooter: PropTypes.node,
+  onDropboxClose: PropTypes.func,
+  customProps: PropTypes.object,
+  weekStartDay: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]),
+  holidays: PropTypes.arrayOf(PropTypes.number)
+};
+export const YearView_propTypes = {
+  onSelectMonth: PropTypes.func,
+  onSelectYear: PropTypes.func,
+  viewedYear: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  viewedMonth: PropTypes.string,
+  monthNamesShort: PropTypes.array,
+  isMonthOpen: PropTypes.bool
+};
+export const DateTimePopupFooter_propTypes = {
+  submitText: PropTypes.string,
+  onSubmit: PropTypes.func,
+  cancelText: PropTypes.string,
+  onCancel: PropTypes.func,
+  dataId: PropTypes.string
+};
+export const DateTimePopupHeader_propTypes = {
+  onOpenYearView: PropTypes.func,
+  showMonthTxt: PropTypes.string,
+  isYearView: PropTypes.bool,
+  prevMonthTitleText: PropTypes.string,
+  nextMonthTitleText: PropTypes.string,
+  onModifyCalendar: PropTypes.func
+};
+export const DaysRow_propTypes = {
+  dayNames: PropTypes.array,
+  dayNamesShort: PropTypes.object,
+  holidays: PropTypes.arrayOf(PropTypes.number)
+};
+export const Time_propTypes = {
+  timeText: PropTypes.string,
+  dataId: PropTypes.string,
+  hourSuggestions: PropTypes.array,
+  onHourSelect: PropTypes.func,
+  hours: PropTypes.string,
+  hourEmptyText: PropTypes.string,
+  needResponsive: PropTypes.bool,
+  minSuggestions: PropTypes.array,
+  onMinutesSelect: PropTypes.func,
+  mins: PropTypes.string,
+  minuteEmptyText: PropTypes.string,
+  ampmSuggestions: PropTypes.array,
+  onAmPmSelect: PropTypes.func,
+  amPm: PropTypes.string,
+  is24Hour: PropTypes.bool,
+  customProps: PropTypes.object
+};

package/es/DateTime/typeChecker.js

@@ -0,0 +1,19 @@
+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) {
+    return function (elem) {
+      return type.call(elem) === self;
+    };
+  }(types[i]);
+}
+/*eslint-enable */
+
+
+export default exports;