@zohodesk/components 1.0.0-temp-36 → 1.0.0-temp-40

package/lib/DateTime/DateWidget.module.css

@@ -1,46 +1,46 @@
-/* $Id */
-.container {
-  position: relative;
-  composes: offSelection from '../common/common.module.css';
-}
-.readOnly, .readOnly > input, .disabled {
-  cursor: not-allowed;
-}
-.readOnly,
-.disabled {
-  composes: readonly from '../common/common.module.css';
-}
-.enabled {
-  cursor: pointer;
-}
-.textBox {
-  position: relative;
-}
-.inputLine {
-  position: absolute;
-  bottom: 0;
-  transition: border var(--zd_transition2) linear 0s;
-  border-bottom: 1px solid var(--zdt_datewidget_input_border);
-}
-[dir=ltr] .inputLine {
-  left: 0;
-  right: 0;
-}
-[dir=rtl] .inputLine {
-  right: 0;
-  left: 0;
-}
-.enabled:hover .inputLine {
-  border-bottom-color: var(--zdt_datewidget_enabled_border);
-}
-.textBoxFocus .inputLine {
-  border-bottom-color: var(--zdt_datewidget_textboxfocus_border);
-}
-
-.placeHolder input {
-  color: var(--zdt_datewidget_placeholder_text);
-}
-.placeHolder input::selection {
-  color: var(--zdt_datewidget_placeholder_selection_text);
-  background: var(--zdt_datewidget_placeholder_selection_bg);
-}
+/* $Id */
+.container {
+  position: relative;
+  composes: offSelection from '../common/common.module.css';
+}
+.readOnly, .readOnly > input, .disabled {
+  cursor: not-allowed;
+}
+.readOnly,
+.disabled {
+  composes: readonly from '../common/common.module.css';
+}
+.enabled {
+  cursor: pointer;
+}
+.textBox {
+  position: relative;
+}
+.inputLine {
+  position: absolute;
+  bottom: 0;
+  transition: border var(--zd_transition2) linear 0s;
+  border-bottom: 1px solid var(--zdt_datewidget_input_border);
+}
+[dir=ltr] .inputLine {
+  left: 0;
+  right: 0;
+}
+[dir=rtl] .inputLine {
+  right: 0;
+  left: 0;
+}
+.enabled:hover .inputLine {
+  border-bottom-color: var(--zdt_datewidget_enabled_border);
+}
+.textBoxFocus .inputLine {
+  border-bottom-color: var(--zdt_datewidget_textboxfocus_border);
+}
+
+.placeHolder input {
+  color: var(--zdt_datewidget_placeholder_text);
+}
+.placeHolder input::selection {
+  color: var(--zdt_datewidget_placeholder_selection_text);
+  background: var(--zdt_datewidget_placeholder_selection_bg);
+}

package/lib/DateTime/YearView.module.css

@@ -1,80 +1,80 @@
-[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);
-  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 0.1s;
-}
-.isActive {
-  cursor: default;
-}
-.isActive .yearText {
-  font-family: var(--zd_semibold);
-  color: var(--zdt_yearview_year_hover_text);
-}
-.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 0.1s;
-  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);
+  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);
+}
+.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/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.i18nMonths = exports.i18nShortMonths = exports.ampmTextDefault = exports.dayNamesShortDefault = exports.dayNamesDefault = exports.monthNamesShortDefault = exports.monthNamesDefault = exports.flags = exports.INVALID_DATE = exports.INCONSTANT = exports.patternSplitStr = exports.patternChangeStr = exports.supportedPatterns = exports.defaultFormat = void 0;
+exports.supportedPatterns = exports.patternSplitStr = exports.patternChangeStr = exports.monthNamesShortDefault = exports.monthNamesDefault = exports.i18nShortMonths = exports.i18nMonths = exports.flags = exports.defaultFormat = exports.dayNamesShortDefault = exports.dayNamesDefault = exports.ampmTextDefault = exports.INVALID_DATE = exports.INCONSTANT = void 0;
 var defaultFormat = 'dd-MM-yyyy';
 exports.defaultFormat = defaultFormat;
 var supportedPatterns = ['.', '/', '-', ' ']; // RESTRICTED PATTERNS - ['@']

package/lib/DateTime/dateFormatUtils/dateFormat.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getDateDetails = getDateDetails;
 exports.getDateFormatDetails = getDateFormatDetails;
+exports.getDateFormatSelection = getDateFormatSelection;
 exports.getDateTimeString = getDateTimeString;
-exports.getDateDetails = getDateDetails;
 exports.getIsValidDate = getIsValidDate;
 exports.getSelectedDate = getSelectedDate;
-exports.getDateFormatSelection = getDateFormatSelection;
 
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 

package/lib/DateTime/dateFormatUtils/index.js

@@ -3,25 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.convertYearToTwoDigit = convertYearToTwoDigit;
 exports.addZero = addZero;
+exports.arrayIsNotEqual = arrayIsNotEqual;
+exports.convertTwoDigitToYear = convertTwoDigitToYear;
+exports.convertYearToTwoDigit = convertYearToTwoDigit;
+exports.getDayDetails = getDayDetails;
 exports.getDayEnd = getDayEnd;
-exports.getIsNumberTyped = getIsNumberTyped;
+exports.getHourDetails = getHourDetails;
+exports.getIsCurrentYear = getIsCurrentYear;
 exports.getIsDeleteTyped = getIsDeleteTyped;
+exports.getIsEmptyHour = getIsEmptyHour;
+exports.getIsEmptyYear = getIsEmptyYear;
 exports.getIsNewValueType = getIsNewValueType;
-exports.getDayDetails = getDayDetails;
-exports.getMonthDetails = getMonthDetails;
-exports.getYearDetails = getYearDetails;
-exports.convertTwoDigitToYear = convertTwoDigitToYear;
-exports.getHourDetails = getHourDetails;
-exports.getMinuteDetails = getMinuteDetails;
 exports.getIsNoonValueTyped = getIsNoonValueTyped;
-exports.getNoonDetails = getNoonDetails;
+exports.getIsNumberTyped = getIsNumberTyped;
 exports.getIsSupportedKey = getIsSupportedKey;
-exports.arrayIsNotEqual = arrayIsNotEqual;
-exports.getIsEmptyHour = getIsEmptyHour;
-exports.getIsEmptyYear = getIsEmptyYear;
-exports.getIsCurrentYear = getIsCurrentYear;
+exports.getMinuteDetails = getMinuteDetails;
+exports.getMonthDetails = getMonthDetails;
+exports.getNoonDetails = getNoonDetails;
+exports.getYearDetails = getYearDetails;
 exports.removeYearPattern = removeYearPattern;
 
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));

package/lib/DateTime/objectUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.equals = exports.omit = exports.extract = exports.clone = void 0;
+exports.omit = exports.extract = exports.equals = exports.clone = void 0;
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 

package/lib/DropBox/DropBox.js

@@ -23,6 +23,8 @@ var _ZindexProvider = require("../Provider/ZindexProvider");
 
 var _Config = require("../Provider/Config");
 
+var _LibraryContextInit = _interopRequireDefault(require("../Provider/LibraryContextInit"));
+
 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); }
@@ -116,6 +118,7 @@ var DropBoxElement = /*#__PURE__*/function (_React$Component) {
           targetOffset = _this$props2.targetOffset,
           zIndexStyle = _this$props2.zIndexStyle,
           customStyle = _this$props2.customStyle;
+      var isReducedMotion = this.context.isReducedMotion;
 
       if (!isAbsolutePositioningNeeded && size === 'default' && !isActive) {
         isAbsolutePositioningNeeded = true;
@@ -178,7 +181,7 @@ var DropBoxElement = /*#__PURE__*/function (_React$Component) {
       }
 
       var boxClassName = "".concat(_DropBoxModule["default"].main, " ").concat(!isActive ? _DropBoxModule["default"].hidden : '', " ").concat(isModel ? "".concat(_DropBoxModule["default"].responsive, " ").concat(customMobileDropBoxWrap) : "".concat(customDropBoxWrap, " ").concat(size ? _DropBoxModule["default"][size] : '', " ").concat(isActive ? "".concat(isArrow ? "".concat(_DropBoxModule["default"][boxDirection], " ").concat(isAbsolutePositioningNeeded ? _DropBoxModule["default"]["arrow".concat(boxDirection)] : '') : isPadding ? _DropBoxModule["default"]["paddingSpace_".concat(boxDirection)] : '') : '', " ").concat(isAbsolutePositioningNeeded ? "".concat(_DropBoxModule["default"].container, " ").concat(_DropBoxModule["default"][boxPosition]) : _DropBoxModule["default"].fixedContainer));
-      var subContainerClass = "".concat(_DropBoxModule["default"].subContainer, " ").concat(isModel ? " ".concat(customMobileDropBox, " ").concat(_DropBoxModule["default"].mobRadius, " ").concat(isActive ? _DropBoxModule["default"].slideUp : '', " ") : "".concat(customDropBox, " ").concat(_DropBoxModule["default"]["".concat(boxDirection, "_shadow")], " ").concat(isRadius ? _DropBoxModule["default"].radius : '', " ").concat(isAnimate && isActive ? animationStyle === 'default' ? _DropBoxModule["default"].fadeIn : _DropBoxModule["default"].bounce : '', " ").concat(isBoxPaddingNeed ? _DropBoxModule["default"].boxPadding : '')); // setting inlineStyle for dropbox
+      var subContainerClass = "".concat(_DropBoxModule["default"].subContainer, " ").concat(isModel ? " ".concat(customMobileDropBox, " ").concat(_DropBoxModule["default"].mobRadius, " ").concat(isActive ? _DropBoxModule["default"].slideUp : '', " ") : "".concat(customDropBox, " ").concat(_DropBoxModule["default"]["".concat(boxDirection, "_shadow")], " ").concat(isRadius ? _DropBoxModule["default"].radius : '', " ").concat(isAnimate && !isReducedMotion && isActive ? animationStyle === 'default' ? _DropBoxModule["default"].fadeIn : _DropBoxModule["default"].bounce : '', " ").concat(isBoxPaddingNeed ? _DropBoxModule["default"].boxPadding : '')); // setting inlineStyle for dropbox
 
       var inlineStyle = !isModel ? isAbsolutePositioningNeeded ? needBoxStyle && boxstyle : positionsOffset && positionsOffset[boxPosition] || {} : {};
 
@@ -351,8 +354,10 @@ DropBox.propTypes = {
   customStyle: _propTypes["default"].object
 };
 DropBox.contextTypes = {
-  direction: _propTypes["default"].string
+  direction: _propTypes["default"].string,
+  isReducedMotion: _propTypes["default"].bool
 };
+DropBox.contextType = _LibraryContextInit["default"];
 DropBox.defaultProps = {
   animationStyle: 'default',
   boxPosition: 'bottomLeft',