@zohodesk/components 1.0.0-temp-148 → 1.0.0-temp-150

package/lib/DateTime/YearView.module.css

@@ -1,99 +1,99 @@
-[dir=ltr] .boxPadding {
-  padding-right: var(--zd_size19);
-  padding-left: var(--zd_size19);
-}[dir=rtl] .boxPadding {
-  padding-left: var(--zd_size19);
-  padding-right: var(--zd_size19);
-}
-
-.month {
-  width: 30.333%;
-  font-size: var(--zd_font_size12);
-  line-height: var(--zd_size26);
-  height: var(--zd_size26);
-  color: var(--zdt_yearview_month_text);
-  text-align: center;
-  margin: 0 0 var(--zd_size1);
-  cursor: pointer;
-  background-color: var(--zdt_yearview_month_bg);
-  border-radius: 20px;
-}
-
-.month:hover {
-  background-color: var(--zdt_yearview_month_hover_bg);
-}
-
-.currentMonth,
-.currentMonth:hover {
-  color: var(--zdt_yearview_currentmonth_text);
-}
-
-.currentMonth, .currentMonth:hover {
-  background-color: var(--zdt_yearview_currentmonth_bg);
-}
-
-.yearBox {
-  border-bottom: 1px dotted var(--zdt_yearview_yearbox_border);
-}
-
-.year {
-  padding: var(--zd_size7) 0;
-  cursor: pointer;
-}
-
-.year:hover .yearText,
-.year:hover .arrow {
-  color: var(--zdt_yearview_year_hover_text);
-}
-
-.yearText {
-  color: var(--zdt_yearview_yeartext_text);
-  font-size: var(--zd_font_size11);
-}
-
-.arrow {
-  color: var(--zdt_yearview_yeartext_text);
-  transition: transform var(--zd_transition1);
-}
-
-.isActive {
-  cursor: default;
-}
-
-.isActive .yearText {
-  font-family: var(--zd_semibold);
-  color: var(--zdt_yearview_year_hover_text);
-  font-size: var(--zd_font_size11);
-}
-
-.arrowActive {
-  color: var(--zdt_yearview_year_hover_text);
-}
-
-[dir=ltr] .arrowActive {
-  transform: rotate(180deg);
-}
-
-[dir=rtl] .arrowActive {
-  transform: rotate(-180deg);
-}
-
-.container {
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-  composes: boxPadding;
-  background-color: var(--zdt_yearview_default_bg);
-}
-
-.yearContainer {
-  height: var(--zd_size135);
-  overflow: hidden;
-  transition: height var(--zd_transition1);
-  padding-bottom: var(--zd_size5);
-}
-
-.toggleYear {
-  height: 0;
-  padding: 0;
+[dir=ltr] .boxPadding {
+  padding-right: var(--zd_size19);
+  padding-left: var(--zd_size19);
+}[dir=rtl] .boxPadding {
+  padding-left: var(--zd_size19);
+  padding-right: var(--zd_size19);
+}
+
+.month {
+  width: 30.333%;
+  font-size: var(--zd_font_size12);
+  line-height: var(--zd_size26);
+  height: var(--zd_size26);
+  color: var(--zdt_yearview_month_text);
+  text-align: center;
+  margin: 0 0 var(--zd_size1);
+  cursor: pointer;
+  background-color: var(--zdt_yearview_month_bg);
+  border-radius: 20px;
+}
+
+.month:hover {
+  background-color: var(--zdt_yearview_month_hover_bg);
+}
+
+.currentMonth,
+.currentMonth:hover {
+  color: var(--zdt_yearview_currentmonth_text);
+}
+
+.currentMonth, .currentMonth:hover {
+  background-color: var(--zdt_yearview_currentmonth_bg);
+}
+
+.yearBox {
+  border-bottom: 1px dotted var(--zdt_yearview_yearbox_border);
+}
+
+.year {
+  padding: var(--zd_size7) 0;
+  cursor: pointer;
+}
+
+.year:hover .yearText,
+.year:hover .arrow {
+  color: var(--zdt_yearview_year_hover_text);
+}
+
+.yearText {
+  color: var(--zdt_yearview_yeartext_text);
+  font-size: var(--zd_font_size11);
+}
+
+.arrow {
+  color: var(--zdt_yearview_yeartext_text);
+  transition: transform var(--zd_transition1);
+}
+
+.isActive {
+  cursor: default;
+}
+
+.isActive .yearText {
+  font-family: var(--zd_semibold);
+  color: var(--zdt_yearview_year_hover_text);
+  font-size: var(--zd_font_size11);
+}
+
+.arrowActive {
+  color: var(--zdt_yearview_year_hover_text);
+}
+
+[dir=ltr] .arrowActive {
+  transform: rotate(180deg);
+}
+
+[dir=rtl] .arrowActive {
+  transform: rotate(-180deg);
+}
+
+.container {
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  composes: boxPadding;
+  background-color: var(--zdt_yearview_default_bg);
+}
+
+.yearContainer {
+  height: var(--zd_size135);
+  overflow: hidden;
+  transition: height var(--zd_transition1);
+  padding-bottom: var(--zd_size5);
+}
+
+.toggleYear {
+  height: 0;
+  padding: 0;
 }

package/lib/DateTime/dateFormatUtils/dateFormats.js

@@ -19,8 +19,9 @@ exports.dateSymbols = exports.dataFormatList = void 0;
 // 12.ss: second with 0 prefix if single digit.
 // 13.S: milliseconds with 0 prefix if single digit.
 // 14.a: represent the AM or PM
-// 15.Z: represent the timezone (Asia/Kolkata)
-// 16. (O) : Offset Of the timezone (GMT+00:00)
+// 15.A: represent the AM or PM
+// 16.Z: represent the timezone (Asia/Kolkata)
+// 17. (O) : Offset Of the timezone (GMT+00:00)
 
 var dateSymbols = {
   d: 'date',

package/lib/DateTime/dateFormatUtils/index.js

@@ -4,12 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.addZero = addZero;
+exports.addZeroIfNeeded = addZeroIfNeeded;
 exports.arrayIsNotEqual = arrayIsNotEqual;
 exports.convertTwoDigitToYear = convertTwoDigitToYear;
 exports.convertYearToTwoDigit = convertYearToTwoDigit;
 exports.getDayDetails = getDayDetails;
 exports.getDayEnd = getDayEnd;
 exports.getHourDetails = getHourDetails;
+exports.getHourSuggestions = getHourSuggestions;
 exports.getIsCurrentYear = getIsCurrentYear;
 exports.getIsDeleteTyped = getIsDeleteTyped;
 exports.getIsEmptyHour = getIsEmptyHour;
@@ -19,6 +21,7 @@ exports.getIsNoonValueTyped = getIsNoonValueTyped;
 exports.getIsNumberTyped = getIsNumberTyped;
 exports.getIsSupportedKey = getIsSupportedKey;
 exports.getMinuteDetails = getMinuteDetails;
+exports.getMinuteSuggestions = getMinuteSuggestions;
 exports.getMonthDetails = getMonthDetails;
 exports.getNoonDetails = getNoonDetails;
 exports.getYearDetails = getYearDetails;
@@ -130,12 +133,37 @@ function getHourDetails(is24Hour) {
     endPoint: is24Hour ? 23 : 12
   };
 }
+function getHourSuggestions(is24Hour) {
+  var _getHourDetails = getHourDetails(is24Hour),
+    startPoint = _getHourDetails.startPoint,
+    endPoint = _getHourDetails.endPoint;
+  var hourArr = [];
+  for (var hour = startPoint; hour <= endPoint; hour++) {
+    var htxt = addZeroIfNeeded(hour);
+    hourArr.push(htxt);
+  }
+  return hourArr;
+}
 function getMinuteDetails() {
   return {
     startPoint: 0,
     endPoint: 59
   };
 }
+function getMinuteSuggestions() {
+  var _getMinuteDetails = getMinuteDetails(),
+    startPoint = _getMinuteDetails.startPoint,
+    endPoint = _getMinuteDetails.endPoint;
+  var minArr = [];
+  for (var minute = startPoint; minute <= endPoint; minute++) {
+    var mtxt = addZeroIfNeeded(minute);
+    minArr.push(mtxt);
+  }
+  return minArr;
+}
+function addZeroIfNeeded(value) {
+  return value < 10 ? "0".concat(value) : value;
+}
 function getIsNoonValueTyped(event) {
   var keyCode = event.keyCode;
   if (keyCode === 65 || keyCode === 77 || keyCode === 80) {
@@ -178,9 +206,9 @@ function getIsEmptyValue(value, startPoint, endPoint) {
   return true;
 }
 function getIsEmptyHour(value, is24Hour) {
-  var _getHourDetails = getHourDetails(is24Hour),
-    startPoint = _getHourDetails.startPoint,
-    endPoint = _getHourDetails.endPoint;
+  var _getHourDetails2 = getHourDetails(is24Hour),
+    startPoint = _getHourDetails2.startPoint,
+    endPoint = _getHourDetails2.endPoint;
   return getIsEmptyValue(value, startPoint, endPoint);
 }
 function getIsEmptyYear(value, yearLength) {

package/lib/DateTime/dateFormatUtils/timeChange.js

@@ -13,7 +13,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /** * Methods ** */
 function getChangedHour(values, event, focusOrders, keyActions) {
   var _ref = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {},
     _ref$is24Hour = _ref.is24Hour,

package/lib/DropBox/DropBox.js

@@ -14,6 +14,7 @@ var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
 var _DropBoxElement = _interopRequireDefault(require("./DropBoxElement/DropBoxElement"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
+var _Common = require("./../utils/Common");
 var _DropBoxModule = _interopRequireDefault(require("./css/DropBox.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -22,9 +23,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function DropBox(props) {
   var focusRef = (0, _react.useRef)(null);
   var DropBoxContext = (0, _react.useContext)(_LibraryContextInit["default"]);
-  var onFreezeClick = function onFreezeClick(e) {
-    e && e.stopPropagation();
-  };
   var needResponsive = props.needResponsive,
     portalId = props.portalId,
     isActive = props.isActive,
@@ -70,13 +68,13 @@ function DropBox(props) {
   }, /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(_DropBoxModule["default"].freezeLayer, " ").concat(_DropBoxModule["default"].freeze),
     style: zIndexStyle,
-    onClick: onFreezeClick
+    onClick: _Common.cancelBubblingEffect
   }), dropBoxEle)) : !isAbsolutePositioningNeeded && isActive ? /*#__PURE__*/_react["default"].createElement(_Modal["default"], {
     portalId: portalId
   }, /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, isRestrictScroll ? /*#__PURE__*/_react["default"].createElement("div", {
     className: _DropBoxModule["default"].freezeLayer,
     style: zIndexStyle,
-    onClick: onFreezeClick
+    onClick: _Common.cancelBubblingEffect
   }) : null, dropBoxEle)) : dropBoxEle;
 }
 DropBox.propTypes = _propTypes.DropBoxPropTypes;