@zohodesk/components 1.1.1 → 1.2.0

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/props/defaultProps.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.YearView_defaultProps = exports.Span_defaultProps = exports.DateWidget_defaultProps = exports.DateTime_defaultProps = exports.CalendarView_defaultProps = void 0;
+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
@@ -59,4 +59,12 @@ var YearView_defaultProps = {
   dataId: 'dateContainer',
   needBorder: true
 };
-exports.YearView_defaultProps = YearView_defaultProps;
+exports.YearView_defaultProps = YearView_defaultProps;
+var DateTimePopupFooter_defaultProps = {
+  dataId: 'DateTimePopupFooter'
+};
+exports.DateTimePopupFooter_defaultProps = DateTimePopupFooter_defaultProps;
+var Time_defaultProps = {
+  dataId: 'Time'
+};
+exports.Time_defaultProps = Time_defaultProps;

package/lib/DateTime/props/propTypes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.YearView_propTypes = exports.Span_propTypes = exports.DateWidget_propTypes = exports.DateTime_propTypes = exports.CalendarView_propTypes = void 0;
+exports.YearView_propTypes = exports.Time_propTypes = exports.Span_propTypes = exports.DaysRow_propTypes = exports.DateWidget_propTypes = exports.DateTime_propTypes = exports.DateTimePopupHeader_propTypes = exports.DateTimePopupFooter_propTypes = exports.CalendarView_propTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -29,7 +29,12 @@ var CalendarView_propTypes = {
   month: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
   needBorder: _propTypes["default"].bool,
   onSelect: _propTypes["default"].func,
-  year: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+  year: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  dayNames: _propTypes["default"].array,
+  dayNamesShort: _propTypes["default"].array,
+  todayMonth: _propTypes["default"].string,
+  todayDate: _propTypes["default"].string,
+  todayYear: _propTypes["default"].string
 };
 exports.CalendarView_propTypes = CalendarView_propTypes;
 var Span_propTypes = {
@@ -88,7 +93,11 @@ var DateTime_propTypes = {
   value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
   is24Hour: _propTypes["default"].bool,
   isDefaultPosition: _propTypes["default"].bool,
-  isToday: _propTypes["default"].bool
+  customDateFormat: _propTypes["default"].string,
+  positionsOffset: _propTypes["default"].array,
+  targetOffset: _propTypes["default"].string,
+  isRestrictScroll: _propTypes["default"].bool,
+  dropBoxPortalId: _propTypes["default"].string
 };
 exports.DateTime_propTypes = DateTime_propTypes;
 var DateWidget_propTypes = {
@@ -150,14 +159,61 @@ var DateWidget_propTypes = {
   onFocus: _propTypes["default"].func,
   onBlur: _propTypes["default"].func,
   boxSize: _propTypes["default"].string,
-  onError: _propTypes["default"].func
+  onError: _propTypes["default"].func,
+  isAbsolutePositioningNeeded: _propTypes["default"].bool,
+  positionsOffset: _propTypes["default"].array,
+  targetOffset: _propTypes["default"].array,
+  isRestrictScroll: _propTypes["default"].bool,
+  dropBoxPortalId: _propTypes["default"].string,
+  a11y: _propTypes["default"].object
 };
 exports.DateWidget_propTypes = DateWidget_propTypes;
 var YearView_propTypes = {
-  dataId: _propTypes["default"].string,
-  needBorder: _propTypes["default"].bool,
   onSelectMonth: _propTypes["default"].func,
   onSelectYear: _propTypes["default"].func,
-  viewedYear: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+  viewedYear: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  viewedMonth: _propTypes["default"].string,
+  monthNamesShort: _propTypes["default"].array,
+  isMonthOpen: _propTypes["default"].bool
+};
+exports.YearView_propTypes = YearView_propTypes;
+var DateTimePopupFooter_propTypes = {
+  submitText: _propTypes["default"].string,
+  onSubmit: _propTypes["default"].func,
+  cancelText: _propTypes["default"].string,
+  onCancel: _propTypes["default"].func,
+  dataId: _propTypes["default"].string
+};
+exports.DateTimePopupFooter_propTypes = DateTimePopupFooter_propTypes;
+var DateTimePopupHeader_propTypes = {
+  onOpenYearView: _propTypes["default"].func,
+  showMonthTxt: _propTypes["default"].string,
+  isYearView: _propTypes["default"].bool,
+  prevMonthTitleText: _propTypes["default"].string,
+  nextMonthTitleText: _propTypes["default"].string,
+  onModifyCalendar: _propTypes["default"].func
+};
+exports.DateTimePopupHeader_propTypes = DateTimePopupHeader_propTypes;
+var DaysRow_propTypes = {
+  dayNames: _propTypes["default"].array,
+  dayNamesShort: _propTypes["default"].object
+};
+exports.DaysRow_propTypes = DaysRow_propTypes;
+var Time_propTypes = {
+  timeText: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  hourSuggestions: _propTypes["default"].array,
+  onHourSelect: _propTypes["default"].func,
+  hours: _propTypes["default"].string,
+  hourEmptyText: _propTypes["default"].string,
+  needResponsive: _propTypes["default"].bool,
+  minSuggestions: _propTypes["default"].array,
+  onMinutesSelect: _propTypes["default"].func,
+  mins: _propTypes["default"].string,
+  minuteEmptyText: _propTypes["default"].string,
+  ampmSuggestions: _propTypes["default"].array,
+  onAmPmSelect: _propTypes["default"].func,
+  amPm: _propTypes["default"].string,
+  is24Hour: _propTypes["default"].bool
 };
-exports.YearView_propTypes = YearView_propTypes;
+exports.Time_propTypes = Time_propTypes;

package/lib/DropBox/DropBoxElement/DropBoxElement.js

@@ -17,7 +17,7 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _utils = require("../../utils");
+var _utils = require("@zohodesk/utils");
 
 var _DropBoxElementModule = _interopRequireDefault(require("./css/DropBoxElement.module.css"));